body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
hr,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
hgroup {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    font-family: 'Microsoft YaHei',寰蒋闆呴粦,'PingFangSC-Medium','Helvetica Neue','Hiragino Sans GB','Helvetica Neue','WenQuanYi Micro Hei',SimSun,sans-serif,'Lantinghei SC',STHeiti,'Open Sans',Arial;
    outline: none;
}

input {
    font-family: 'Microsoft YaHei',寰蒋闆呴粦,'PingFangSC-Medium','Helvetica Neue','Hiragino Sans GB','Helvetica Neue','WenQuanYi Micro Hei',SimSun,sans-serif,'Lantinghei SC',STHeiti,'Open Sans',Arial;
    cursor: pointer;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-appearance: none;
    outline: none;
    border: none;
}

input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button:focus {
    -webkit-appearance: none;
    outline: none;
    border: none;
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    color: #333;
}

header,
nav,
section,
article,
footer,
figure,
figcaption {
    display: block;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
}

i,
em,
u,
b {
    font-style: normal;
    font-weight: normal;
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
    border: none;
    pointer-events: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}
html {
    background: #fff;
    height: 100%;
    min-width:1200px;
}
html::-webkit-scrollbar {
    display: none;
}
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background: #fff;
    height: 100%;
}
body::-webkit-scrollbar {
    display: none;
}
.content {
    position: relative;
    min-height: 100%;
    padding-bottom: 60px;
}
.content::-webkit-scrollbar {
    display: none;
}
select {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
select::-ms-expand { display: none; }
option::-ms-expand{ display: none; }
option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 鍜� Chrome */
    appearance:none;
}
div,header,nav, section{
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
.none {
    display: none;
}
@media screen and (min-width: 993px) {
    .video-head-wrap {
        display: block;
    }
    .phone-head-wrap {
        display: none;
    }
    .footer {
        display: block;
    }
    .m-footer {
        display: none;
    }
}
.body {
    background: #fff;
    height: 100%;
}
/* 鍏叡nav */
nav{
    position: fixed;
    width: 100%;
    z-index: 99;
}
nav .nav-in {
    max-width: 1200px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
}
nav .logo {
    display: inline-block;
    width: 90px;
    height: 24px;
    float: left;
    margin-top: 18px;
    cursor: pointer;
}
nav .tab {
    float: right;
}
nav .tab-list {
    float: left;
    height: 60px;
    line-height: 54px;
    margin-left: 40px;
    box-sizing: border-box;
    cursor: pointer;
    border-top: 4px solid transparent;
}
/* 棣栭〉鐨則ab */
.indextab .logo {
    background: url('../img/index-logo-xzy.png') no-repeat;
    background-size: 100% 100%;
}
.indextab .tab-list a {
    font-size:14px;
    font-family:Microsoft YaHei;
    color:#fff;
    line-height:20px;
}
.indextab .active {
    border-top: 4px solid #FFDF14;
}
.indextab .active a {
    color:#FFDF14;
}
/* 浜у搧浠嬬粛鐨則ab */
.abouttab .logo {
    background: url('../img/other-logo-xzy.png') no-repeat;
    background-size: 100% 100%;
}
.abouttab .tab-list a {
    font-size:14px;
    font-family:Microsoft YaHei;
    color:#333;
    line-height:20px;
}
.abouttab .active {
    border-top: 4px solid #333;
}
.nav-bg {
    background:linear-gradient(270deg,rgba(255,200,21,1) 0%,rgba(255,230,39,1) 100%);
}
/* 鍏朵綑妯″潡缁熶竴tab */
.othertab {
    background:linear-gradient(270deg,rgba(255,200,21,1) 0%,rgba(255,230,39,1) 100%);
}
.othertab .logo {
    background: url('../img/other-logo-xzy.png') no-repeat;
    background-size: 100% 100%;
}
.othertab .tab-list a {
    font-size:14px;
    font-family:Microsoft YaHei;
    color:#333;
    line-height:20px;
}
.othertab .active {
    border-top: 4px solid #333;
}
/* pc index妯″潡 */
.index header {
    width: 100%;
    height: 600px;
    background: url('../img/indexbg.jpg') no-repeat;
    background-size: 100% 100%;
    padding-top: 169px;
    text-align: center;
}
.index header h1 {
    font-size:48px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:#fff;
    line-height:67px;
    margin-bottom: 18px;
}
.index header h2 {
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:#fff;
    line-height:33px;
}
.index .video-control {
    margin: 41px 0 87px;
    cursor: pointer;
}
.index .video-control span:nth-child(1){
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    vertical-align: middle;
    margin-right: 3px;
}
.index .video-control span:nth-child(2){
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    vertical-align: middle;
}
.index .and-down {
    display: inline-block;
    width: 240px;
    height: 56px;
    line-height: 56px;
    background: -webkit-linear-gradient(270deg,rgba(255,200,21,1) 0%,rgba(255,230,39,1) 100%);
    background: -o-linear-gradient(270deg,rgba(255,200,21,1) 0%,rgba(255,230,39,1) 100%);
    background: -moz-linear-gradient(270deg,rgba(255,200,21,1) 0%,rgba(255,230,39,1) 100%);
    background: linear-gradient(270deg,rgba(255,200,21,1) 0%,rgba(255,230,39,1) 100%);
    border-radius:28px;
    cursor: pointer;
}
.index .and-down span {
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:#000;
    line-height:22px;
    vertical-align: middle;
    margin: 0 2px;
}
.index-main {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding-top:30px;
}
.index-main .main-title {
    margin-bottom: 20px;
}
.index-main .main-title p{
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:#333;
    line-height:28px;
}
.main-title a {
    display: inline-block;
    width:74px;
    height:28px;
    background:rgba(243,243,243,1);
    border-radius:14px;
    text-align: center;
    line-height: 28px;
}
.main-title a:hover {
    background:rgba(243,243,243,1);
}
.main-title a:hover span{
    color: #FFAE20;
}
.main-title a span {
    font-size:16px;
    font-family:Microsoft YaHei;
    color:#999;
    vertical-align: middle;
}
.main-title a span:nth-child(2) {
    font-size:14px;
}
.index-main .main-show {
    float: left;
    width: 579px;
    margin-right: 40px;
}
.main-show .swiper-video {
    width: 100%;
    height: 100%;
}
.main-show .show-video {
    width: 100%;
    height: 325px;
}
.main-show .show-video .video-player {
    display: block;
    width: 100%;
    height: 100%;
}
.main-show .video-title {
    width: 100%;
    height: 60px;
    background:rgba(0,0,0,0.7);
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 60px;
    font-size:20px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:#fff;
    padding:0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.main-show .video-img {
    width: 100%;
    height: 100%;
}
.main-show .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
/* 鑷畾涔夊垎椤靛櫒浣嶇疆 */
.main-show .swiper-pagination {
    text-align: right;
    bottom: 7px;
    padding-right: 7px;
}
.main-show .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}
.main-show .swiper-pagination-bullet-active {
    background: #FFE226
}
/* 璧勮妯″潡 */
.index-main .main-infor {
    float: left;
    width: 579px;
}
.main-infor .main-title {
    width: 100%;
    overflow: hidden;
}
.main-infor .main-title p {
    float: left;
}
.main-infor .main-title a {
    float: right;
}
.main-infor .infor-box {
    width: 100%;
    height: 325px;
    background:#F8F8F8;
    padding: 20px;
}
.main-infor .infor-list {
    display: block;
    overflow: hidden;
    margin-bottom: 18px;
}
.main-infor .infor-list:last-child {
    margin-bottom: 0;
}
.main-infor .infor-list p {
    float: left;
    width: 75%;
    font-size:16px;
    font-family:Microsoft YaHei;
    color:#000;
    line-height:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-infor .infor-list span {
    float: left;
    width: 20%;
    font-size:16px;
    font-family:Microsoft YaHei;
    color:#999;
    line-height:16px;
    text-align: right;
}
/* 瑙嗛 */
.video-box {
    width: 100%;
    height: 100vh;
    background: #fff;
    position: fixed;
    top:0;
    left: 0;
    z-index: 999;
}
.video-box  video{
    width: 100%;
    height: 100vh;
}
/* 鍏抽棴瑙嗛 */
.video-close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1;
    cursor: pointer;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 25px 25px;
    background:url('https://static.haoyunapp.com/static/img/closeicon.png') no-repeat;
    background-size: cover;
}

/* pc 浜у搧浠嬬粛妯″潡 */
.introduce header {
    width: 100%;
    height: 400px;
    background: url('../img/inbg.png') no-repeat;
    background-size: 100% 100%;
    padding-top: 140px;
    text-align: center;
}
.introduce header h1 {
    font-size:48px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:#000;
    line-height:67px;
    margin-bottom: 18px;
}
.introduce header h2 {
    font-size:24px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:#000;
    line-height:33px;
}
.introduce-main section {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    position: relative;
    padding-top:62px;
}
.introduce-main section .desc-box {
    width: 790px;
    height: 100%;
    margin: 0 auto;
}
.introduce-main .desc-box img {
    height: 538px;
    vertical-align: middle;
}
.introduce-main section:nth-child(odd){
    background: #fff;
}
.introduce-main section:nth-child(even){
    text-align: right;
    background: #F8F8F8;
}
.introduce-main section:nth-child(odd) .desc-text{
    display: inline-block;
    vertical-align: middle;
    margin-left: 190px;
}
.introduce-main section:nth-child(even) .desc-text{
    display: inline-block;
    vertical-align: middle;
    margin-right: 190px;
    text-align: left;
}
.introduce-main .desc-text p {
    font-size:30px;
    font-family:Microsoft YaHei;
    color:#000;
    font-weight:600;
    line-height:48px;
    overflow: hidden;
}
.introduce-main .desc-text p:nth-child(1) {
    background: url('../img/yellobg.png') no-repeat bottom center;
    background-size: 100% 42%;
}
/* 鍏充簬鎴戜滑妯″潡 */
.about {
    width: 100%;
    height: 100%;
}
.about-main {
    padding-top: 140px;
}
.about-main section {
    width: 100%;
    margin-bottom: 100px;
}
.about-main .about-box {
    width: 790px;
    margin: 0 auto;
}
.about-main .about-title {
    font-size:30px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:r#000;
    line-height:30px;
    margin-bottom: 30px;
}
.about-main .about-text p {
    font-size:14px;
    font-family:Microsoft YaHei;
    color:r#000;
    line-height:28px;
}
.about-main .about-text p a{
    font-size:14px;
    font-family:Microsoft YaHei;
    color:r#000;
    line-height:28px;
}
/* 瀹樻柟璧勮妯″潡 */
.information {
    width: 790px;
    margin: 0 auto;
}
.information .information-main {
    padding-top:120px;
}
.information .information-title {
    width: 100%;
    text-align: center;
    font-size:30px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:#333;
    line-height:30px;
    margin-bottom: 40px;
}
.information-box {
    width: 100%;
    padding-top: 30px;
    border-top: 1px solid #E0E0E0;
    margin-bottom: 50px;
}
.information-box .information-list {
    display: block;
    overflow: hidden;
    margin-bottom: 25px;
}
.information-box .information-list:last-child {
    margin-bottom: 0;
}
.information-box .information-list p {
    float: left;
    width: 80%;
    font-size:14px;
    font-family:Microsoft YaHei;
    color:#000;
    line-height:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.information-box .information-list span {
    float: left;
    width: 15%;
    font-size:14px;
    font-family:Microsoft YaHei;
    color:#999;
    line-height:16px;
    text-align: right;
}
.information-box .information-list:hover p {
    color: #FFDE22;
}
/* 鍒嗛〉鍣ㄦ洿鏀� */
.information .layui-pages {
    text-align: center;
}
.information .layui-laypage a, .information .layui-laypage span {
    width: 20px;
    height: 20px;
    padding:0;
    border-radius:2px;
    border:1px solid rgba(240,240,240,1);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 0 4px;
}
.information .layui-laypage-curr em{
    color:#000;
}
.information .layui-laypage a:hover {
    color:#000;
    background:#F0F0F0;
}
/* 鏂囩珷璇︽儏妯″潡 */
.article {
    width: 790px;
    margin: 0 auto;
}
.article .article-main {
    padding-top:120px;
}
.article .article-title {
    width: 100%;
    text-align: center;
    font-size:30px;
    font-family:Microsoft YaHei;
    font-weight:600;
    color:#333;
    line-height:30px;
    margin-bottom: 16px;
}
.article .article-author {
    text-align: center;
}
.article .article-author span {
    font-size:12px;
    font-family:Microsoft YaHei;
    color:#000;
    line-height:16px;
}
.article-box {
    width: 100%;
    padding-top: 30px;
    border-top: 1px solid #E0E0E0;
    margin-top: 60px;
}
.article-content p {
    font-size:14px;
    font-family:Microsoft YaHei;
    color:#000;
    line-height:28px;
    margin-bottom: 35px;
    text-align: justify;
    word-wrap:break-word
}
.article-content p img {
    display: block;
    vertical-align: top;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}
.article-content p video {
    display: block;
    vertical-align: top;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}
/* 404椤甸潰 */
.no404 {
    width: 790px;
    margin: 0 auto;
}
.no404-main {
    padding-top:120px;
    text-align: center;
}
.no404-main img {
    width: 410px;
    height: 205px;
    margin-top: 180px;
    margin-bottom: 60px;
}
.no404-main p {
    font-size:14px;
    font-family:PingFangSC-Regular;
    color:rgba(51,51,51,1);
    line-height:20px;
}
/* 鍏叡footer */
.footer {
    width: 100%;
    height: 40px;
    position:absolute;
    bottom:0px;
    left:0px;
    text-align: center;
}
.footer-text {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size:12px;
    font-family:Microsoft YaHei;
    color:#999;
}
/* 绉诲姩绔� */
@media screen and (max-width: 993px) {

}