@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url("../fonts/SourceHanSansCN-Regular.eot");
    src: url(http://www.chinahyh.cn/static/index/fonts/SourceHanSansCN-Regular.eot?#iefixx") format("embedded-opentype"),
    url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
    url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
    url(http://www.chinahyh.cn/static/index/fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regularr") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../fonts/SourceHanSansCN-Normal.otf');
}
@font-face {
    font-family: 'Bebas';
    src: url('../fonts/BEBAS-1.ttf');
}


/*-----------------[初始化]--------------*/
html{position: relative;overflow-x: hidden;}
body{color: #333;font-size: 12px;line-height: 1.5;font-family:"SourceHanSansCN-Regular" !important;
    overflow-x: hidden;
}
a{color: #333;}
a:hover{color: #0C8A89;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select,button{font-size: 12px;color: #333;
    font-family:"SourceHanSansCN-Regular";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
*,*:after,*:before{outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*布局*/
.wp{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.wp2{width: 100%;max-width: 16rem;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 109;padding: 0 .8rem;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.header:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 1px;
    background-color: #fff;opacity: .2;
}
.logo{float: left;font-size: 0;line-height: 1.24rem;}
.logo img{display: inline-block;vertical-align: middle;height: .68rem;}
.logo .img2{display: none;}
.hdr{float: right;}
.nav{float: left;padding-right: 10px;}
.nav li{float: left;margin-right: .6rem;position: relative;}
.nav li .v1{display: block;font-size: .2rem;color: #fff;line-height: 1.24rem;position: relative;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li .v1:after{content: '';position: absolute;left: 50%;bottom: 0;height: 3px;width: 0;
    background-color: #0C8A89;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li:hover .v1,.nav li.on .v1{color: #008B8A;}
.nav li:hover .v1:after,.nav li.on .v1:after{width: .5rem;}

.sub{position: absolute;top: 100%;left: 50%;width: 2.7rem;padding: .15rem 0;display: none;
    background-color: rgba(255,255,255,.98);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sub:after{content: '';position: absolute;top: 0;bottom: 0;left: 100%;width: .31rem;
    background: url(../images/i-66.png) repeat-y center top;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.sub .v2{display: block;font-size: .2rem;color: #333;padding-left: .37rem;
    height: .7rem;line-height: .7rem;position: relative;
}
.sub .v2:before{content: '';position: absolute;left: .12rem;top: 50%;width: 4px;height: .18rem;
    background-color: #0C8A89;opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.sub .v2:after{content: '';position: absolute;top: 50%;right: .24rem;width: .08rem;height: .14rem;
    background: url(../images/i-67.png) no-repeat center;opacity: 0;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.sub dd.ok .v2,.sub dd:hover .v2{color: #0C8A89;font-weight: bold;}
.sub dd.ok .v2:before,.sub dd:hover .v2:before{opacity: 1;}
.sub dd.ok .v2:after,.sub dd:hover .v2:after{opacity: 1;}
.sub .s-san{position: absolute;top: 0;left: 100%;min-height: 100%;min-width: 2.8rem;padding: .09rem 0;
    background-color: rgba(255,255,255,.94);display: none;
}
.sub .s-san a{display: block;line-height: .54rem;padding-left: .45rem;padding-right: .3rem;
    font-size: .18rem;color: #53595E;white-space: nowrap;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.sub .s-san a:before{content: '· ';}
.sub .s-san a:hover{color: #0C8A89;}

.header .lang{float: left;font-size: .2rem;color: #fff;text-transform: uppercase;margin-left: .18rem;
    padding: .1rem;line-height: .1rem;margin-top: .43rem;
    border:1px solid #fff;border-radius: 8px; 
    -o-background-size: .22rem auto;
    -ms-background-size: .22rem auto;
    -moz-background-size: .22rem auto;
    -webkit-background-size: .22rem auto;
    background-size: .22rem auto;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

.so-btn{float: left;width: .4rem;height: .4rem;cursor: pointer;margin-top: .42rem;
    background: url(../images/i-03.png) no-repeat center;
    -o-background-size: .23rem auto;
    -ms-background-size: .23rem auto;
    -moz-background-size: .23rem auto;
    -webkit-background-size: .23rem auto;
    background-size: .23rem auto;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.header.white .so-btn.open{background-image: url(../images/i-close.png);
    -o-background-size: .22rem auto;
    -ms-background-size: .22rem auto;
    -moz-background-size: .22rem auto;
    -webkit-background-size: .22rem auto;
    background-size: .22rem auto;
}
.so{position: absolute;top: 100%;right: 1.5rem;width: 4.35rem;display: none;}
.so .inp{display: block;width: 100%;height: .8rem;padding: 0 1rem 0 .4rem;
    font-size: .18rem;border: 0;
}
.so .inp::-webkit-input-placeholder {color: #a9acaf;}
.so .inp::-moz-placeholder {color: #a9acaf; }
.so .inp::-ms-input-placeholder {color: #a9acaf;}
.so .btn{position: absolute;right: 0;top: 0;width: .8rem;height: .8rem;border: 0;cursor: pointer;
    background: #0C8A89 url(../images/i-05.png) no-repeat center;
    -o-background-size: .23rem auto;
    -ms-background-size: .23rem auto;
    -moz-background-size: .23rem auto;
    -webkit-background-size: .23rem auto;
    background-size: .23rem auto;
}

.header-white,.header.white,.header.white2{background-color: #fff;
    box-shadow: 0px 1px 9px 0px rgba(32,48,57,0.07);
}
.header-white .logo .img1,.header.white .logo .img1,.header.white2 .logo .img1{display: none;}
.header-white .logo .img2,.header.white .logo .img2,.header.white2 .logo .img2{display: inline-block;}
.header-white .nav li .v1,.header.white .nav li .v1,.header.white2 .nav li .v1{color: #333;}
.header-white .nav li:hover .v1,.header.white .nav li:hover .v1,.header.white2 .nav li:hover .v1,
.header-white .nav li.on .v1,.header.white .nav li.on .v1,.header.white2 .nav li.on .v1{color: #0C8A89;}
.header-white .nav li .v1:after,.header.white .nav li .v1:after,.header.white2 .nav li .v1:after{background-color: #0C8A89;}
.header-white .so-btn,.header.white .so-btn,.header.white2 .so-btn{background-image: url(../images/i-03-on.png);}
/*.header-white .so-btn:hover,.header.white2 .so-btn:hover{background-image: url(../images/i-03-ok.png);}*/
.header-white .lang,.header.white .lang,.header.white2 .lang{border:1px solid #333;border-radius: 8px; color: #333;}
.header-white .lang:hover,.header.white .lang:hover,.header.white2 .lang:hover{border:1px solid #0C8A89;border-radius: 8px; color: #0C8A89;}
.header.white:after{background-color: #e5e8eb;}

/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    width: .7rem;height: .7rem;padding: .07rem;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: .06rem;background-color: #fff;
    margin: .06rem 0 .1rem;border-radius: .04rem;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: .05rem;top: 50%;width: .6rem;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
/*******************************
  -------[=banner]-------
*******************************/
.banner{height: 100vh;position: relative;}
/*.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}*/
.banner .con{display: block;height: 100%;outline: 0;position: relative;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner .txt{position: absolute;top: 50%;left: .3rem;right: .3rem;text-align: center;color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .txt .lab{display: block;font-size: .66rem;font-family: 'SourceHanSansCN-Normal';}
.banner .txt .t1{font-size: .63rem;margin-bottom: .91rem;}
.banner .swiper-slide{position: relative;height: 100vh;}
.banner .video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
}
.banner .video video,.banner .video source{display: block;width: 100%;height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.g-btn1{display: block;margin: 0 auto;position: relative;width: 1.56rem;height: .52rem;
    text-align: center;line-height: .52rem;
    background-color: #E7771B;
}
.g-btn1:before{content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 0;
    background-color: #fff;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.g-btn1 span{display: block;position: relative;font-size: .16rem;color: #FFF;z-index: 1;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.g-btn1:hover:before{width: 100%;}
.g-btn1:hover span{color: #E7771B;}
.banner .swiper-arrow{position: absolute;bottom: .5rem;overflow: hidden;z-index: 6;
    width: .46rem;height: .46rem;font-size: 0;line-height: 0;text-indent: 9999px;
    cursor: pointer;border: 0;border-radius: 50%;border: 1px solid #FFFFFF;
    background: rgba(255,255,255,0.06);
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: .09rem auto;
    -ms-background-size: .09rem auto;
    -moz-background-size: .09rem auto;
    -webkit-background-size: .09rem auto;
    background-size: .09rem auto;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.banner .swiper-prev{right: 3.36rem;background-image: url(../images/i-01.png);}
.banner .swiper-next{right: 2.7rem;background-image: url(../images/i-02.png);}
.banner .swiper-arrow:hover{background-color: #0C8A89;border-color: #0C8A89;}
.banner .case_slick3_dots{position: absolute;left: 2.4rem !important;bottom: .6rem !important;z-index: 5;}
.banner .case_slick3_dots li{display:inline-block;vertical-align:middle;margin:0 0px;
    width:30px;height:30px;position:relative;cursor:pointer;background-color: transparent;
}
.banner .case_slick3_dots .numb{position:absolute;z-index:1;text-align: center;left: 0;right: 0;
    width: 100%;height: 100%;
}
.banner .case_slick3_dots .numb i{width: 8px;height: 8px;position: absolute;top: 50%;left: 50%;
    background-color: rgba(255,255,255,.5);border-radius: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.wrapper{width:30px;height:30px;position:absolute;z-index:2;
    clip:rect(0,30px,30px,15px);
}
.banner .case_slick3_dots li:after{content: '';position: absolute;top: 0;left: 0;
    width: 100%;height: 100%;
    border-radius: 50%;border: 2px solid rgba(255,255,255,0);
}
.circle{width:30px;height:30px;border:2px solid #E7771B;border-radius:50%;
    position:absolute;clip:rect(0,15px,30px,0)
}
.banner .case_slick3_dots .swiper-pagination-bullet-active{display: inline-block;}
.banner .case_slick3_dots li.swiper-pagination-bullet-active:after{border-color: rgba(255,255,255,.3);}
.banner .case_slick3_dots li.swiper-pagination-bullet-active .numb i{background-color: #fff;}
.banner .case_slick3_dots li.swiper-pagination-bullet-active .left,.swiper-pagination-bullet-active .right,.swiper-pagination-bullet-active .wrapper{
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    -webkit-animation-timing-function:linear
}
.banner .case_slick3_dots li.swiper-pagination-bullet-active .wrapper{
    -webkit-animation-duration:10ms;
    -webkit-animation-delay:2.5s;
    -webkit-animation-name:close-wrapper
}
.banner .case_slick3_dots li.swiper-pagination-bullet-active .left{-webkit-animation-duration:5s;-webkit-animation-name:left-spin}
.banner .case_slick3_dots li.swiper-pagination-bullet-active .right{-webkit-animation-duration:2.5s;-webkit-animation-name:right-spin}
@-webkit-keyframes right-spin{
    from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(180deg)}
}
@-webkit-keyframes left-spin{
    from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes close-wrapper{
    to{clip:rect(auto,auto,auto,auto)}
}


/*******************************
  -------[=底部]-------
********************************/
.footer{border-top: 4px solid #0C8A89;position: relative;}
.fd-nv{padding: .76rem 0 .42rem;
    display: flex;
    justify-content: space-between;
}
.fd-nv dt{margin-bottom: .11rem;}
.fd-nv dt a{display: block;font-size: .18rem;color: #333;font-weight: bold;}
.fd-nv dt a:after{content: '';display: block;width: .17rem;height: 2px;margin-top: .09rem;
    background-color: #0C8A89;
}
.fd-nv dd a{display: block;font-size: .16rem;line-height: 1.75;color: #777;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-nv dd a:hover{color: #0C8A89;}
.fd-bot{*zoom:1;border-bottom: 1px solid #E9EAEB;padding-bottom: .14rem;}
.fd-bot:after,.fd-bot:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.fd-logo{float: left;}
.fd-logo img{display: block;width: 2.1rem;}
.fd-adds{float: left;margin-left: .8rem;font-size: .16rem;color: #333;line-height: .45rem;
    margin-top: .03rem;
}
.fd-tel{float: left;margin-left: .8rem;font-size: .16rem;color: #333;line-height: .45rem;
    margin-top: .03rem;
}
.fd-tel span{color: #0C8A89;font-weight: bold;font-size: .24rem;}
.fd-share{float: right;}
.fd-share a{float: left;width: .42rem;height: .42rem;border-radius: 50%;position: relative;
    background-color: #F4F5F5;margin-left: .45rem;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-share a:hover{background-color: #0C8A89;}
.fd-share a:hover .qr{display: block;}
.fd-share .weix{background-image: url(../images/i-07.png);}
.fd-share .sina{background-image: url(../images/i-08.png);}
.fd-share .douy{background-image: url(../images/i-09.png);}
.fd-share .weix:hover{background-image: url(../images/i-07-on.png);}
.fd-share .sina:hover{background-image: url(../images/i-08-on.png);}
.fd-share .douy:hover{background-image: url(../images/i-09-on.png);}
.fd-share .qr{position: absolute;bottom: 100%;padding-bottom: .1rem;left: 50%;width: 1.2rem;display: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fd-share .qr img{width: 100%;display: block;}
.fd-copy{overflow: hidden;line-height: .74rem;font-size: .16rem;color: #777;}
.fd-copy .copy{float: left;}
.fd-copy a{color: #777;}
.fd-copy a:hover{color: #0C8A89;}
.fd-copy .link{float: left;margin-left: .65rem;}
.fd-copy .link a:after{content: '|';margin: 0 .15rem 0 .18rem;}
/*******************************
    -------[=正文]-------
********************************/
.btn-top{position: fixed;right: .5rem;bottom: 1rem;padding-top: .6rem;z-index: 101;
    font-size: .16rem;color: #666;cursor: pointer;
    background: url(../images/i-17.png) no-repeat center top;
    -o-background-size: .48rem auto;
    -ms-background-size: .48rem auto;
    -moz-background-size: .48rem auto;
    -webkit-background-size: .48rem auto;
    background-size: .48rem auto;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.btn-top:hover{color: #0C8A89;background-image: url(../images/i-17-on.png);}