@font-face {

    font-family: "SourceHanSansCN-Regular";

    src: url("../fonts/SourceHanSansCN-Regular.eot");

    src: url("../fonts/SourceHanSansCN-Regular.eot?#iefix") format("embedded-opentype"),

    url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),

    url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),

    url("../fonts/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular") format("svg");

    font-style: normal;

    font-weight: normal;

}

@font-face {

    font-family: 'DINCondensed-Bold';

    src: url('../fonts/DINCondensedBold.ttf');

}

@font-face {

    font-family: 'RanyRegular';

    src: url('../fonts/Rany.otf');

}
/*-----------------[初始化]--------------*/
html{position: relative;overflow-x: hidden;}
body{color: #333;font-size: 12px;line-height: 1.5;font-family:"SourceHanSansCN-Regular";

    padding-top: .85rem;overflow-x: hidden;

}

a{color: #333;}

a:hover{color: #08449A;}

img{max-width: 100%;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

input,textarea,select{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: 16rem;margin: 0 auto;}

.wp2{width: 100%;max-width: 14.66rem;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;

    background-color: #fff;box-shadow: 1px 0px 1px 0px #636363;

}

.logo{float: left;font-size: 0;line-height: .85rem;}

.logo img{display: inline-block;vertical-align: middle;height: .48rem;}

.logo .img1{display: none;}

.logo .img2{display: inline-block;}

.hdr{float: right;}

.nav{float: left;}

.nav li{float: left;margin-left: .55rem;}

.nav li .v1{display: block;line-height: .85rem;font-size: .2rem;

    color: #202020;position: relative;

}

.nav li .v1:after{content: '';position: absolute;bottom: 0;left: 50%;right: 50%;height: 2px;

    background-color: #08449A;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.nav li:hover .v1:after,.nav li.ok .v1:after,.nav li.on .v1:after{left: -.12rem;right: -.12rem;}

.sub{position: fixed;top: .85rem;left: 0;right: 0;display: none;

    box-shadow: 1px 0px 1px 0px #636363 inset;

    background: #fff url(../images/i-15.png) no-repeat right bottom;

    -o-background-size: 3.83rem auto;

    -ms-background-size: 3.83rem auto;

    -moz-background-size: 3.83rem auto;

    -webkit-background-size: 3.83rem auto;

    background-size: 3.83rem auto;

}

.sub-1{text-align: center;padding: .5rem 0;}

.sub-1 dl{display: inline-block;text-align: left;vertical-align: top;}

.sub-1 dt{margin-bottom: .1rem;}

.sub-1 dt a{font-size: .18rem;color: #08449A;}

.sub-1 dt a:after{content: '';display: block;width: .21rem;height: 2px;

    background-color: #08449A;margin-top: .1rem;

}

.sub-1 dd a{display: block;font-size: .16rem;line-height: .5rem;color: #8A8A8A;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.sub-1 dl{width: 2.1rem;margin-left: .4rem;}
.nav li:nth-child(4) .sub-1 dl:nth-child(3){width: 2.8rem;}
.nav li:nth-child(4) .sub-1 dl:nth-child(3) dd a{width: 50%;float: left;}


/*.sub-1 dl:last-child{margin-right: 2.16rem;}*/

.sub-1 dd a:hover{color: #08449A;font-size: .18rem;}

.sub-1 .pic{width: 3.8rem;vertical-align: middle;display: inline-block;margin-right: 1.28rem;}

.sub-1 .pic img{width: 100%;display: block;}

/*.sub-2 dl:last-child{margin-right: 2.8rem;}*/

.sub-2 dl:last-child dd a{width: auto;float: none;}





.header .t-r{float: right;line-height: .85rem;margin-left: 1.4rem;position: relative;}

.a-guan{float: left;padding-left: .3rem;position: relative;

    background: url(../images/i-03.png) no-repeat left center;

    -o-background-size: .22rem auto;

    -ms-background-size: .22rem auto;

    -moz-background-size: .22rem auto;

    -webkit-background-size: .22rem auto;

    background-size: .22rem auto;

}

.a-guan .t-g{font-size: .18rem;color: #5C5C5C;cursor: pointer;}

.lang{float: left;margin-left: .47rem;font-size: .2rem;color: #5C5C5C;padding-right: .17rem;position: relative;}

.lang:after{content: '';position: absolute;right: 0;top: 50%;width: 1px;height: .18rem;

    background-color: #5C5C5C;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.so-btn{float: right;width: .4rem;height: .85rem;cursor: pointer;margin-left: .06rem;margin-left: .3rem;

    background: url(../images/i-04.png) no-repeat center;

    -o-background-size: .16rem auto;

    -ms-background-size: .16rem auto;

    -moz-background-size: .16rem auto;

    -webkit-background-size: .16rem auto;

    background-size: .16rem auto;

}

/*.so{position: absolute;top: 1rem;right: 0;width: 3rem;display: none;}

.so .inp{width: 100%;display: block;height: .5rem;border-radius: .25rem;

    border: none;padding: 0 .2rem;font-size: .18rem;

}

.so .btn{position: absolute;right: 0;top: 0;width: .5rem;height: .5rem;

    cursor: pointer;border: 0;

    background: url(../images/i-04.png) no-repeat center;

    -o-background-size: .16rem auto;

    -ms-background-size: .16rem auto;

    -moz-background-size: .16rem auto;

    -webkit-background-size: .16rem auto;

    background-size: .16rem auto;

}*/

.index{padding-top: 0;}

.header.transparent{background-color: transparent;box-shadow: none;}

.header.transparent .nav li .v1{color: #fff;}

.header.transparent .nav li .v1:after{background-color: #fff;}

.header.transparent .a-guan{background-image: url(../images/i-03-on.png);}

.header.transparent .a-guan .t-g{color: #adadad;}

.header.transparent .lang{color: #adadad;}

.header.transparent .so-btn{background-image: url(../images/i-04-on.png);}

.header.transparent .logo .img1{display: inline-block;}

.header.transparent .logo .img2{display: none;background-color: transparent;}











/*******************************

    -------[=导航]-------

********************************/

.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: #08449A;

    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;overflow: hidden;}

.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}

.banner .slick-slide .con{display: block;height: 100%;outline: 0;position: relative;

    background-position: center 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 .slick-slide .con img{width: 100%;height: 100%;display: block;object-fit: cover;}

.banner .slick-arrow{position: absolute;top: 50%;overflow: hidden;cursor: pointer;

    width: .6rem;height: .6rem;font-size: 0;line-height: 0;z-index: 2;text-indent: 9999px;border: 0;

    background-repeat: no-repeat;background-position: center;background-color: transparent;

    -o-background-size: .22rem auto;

    -ms-background-size: .22rem auto;

    -moz-background-size: .22rem auto;

    -webkit-background-size: .22rem auto;

    background-size: .22rem auto;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.banner .slick-prev{left: .6rem;background-image: url(../images/i-01.png);}

.banner .slick-next{right: .6rem;background-image: url(../images/i-02.png);}



.banner .slick-dots{position: absolute;left: 0;bottom: .23rem;width: 100%;text-align: center;z-index: 2;font-size: 0;}

.banner .slick-dots li{display: inline-block;margin: 0 .2rem;width: .14rem;height: .14rem;cursor: pointer;

    border-radius: 50%;border: 1px solid rgba(255,255,255,0);position: relative;

}

.banner .slick-dots li:after{content: '';position: absolute;top: 50%;left: 50%;width: .08rem;height: .08rem;

    border-radius: 50%;background-color: #fff;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.banner .slick-dots li button{display: none;}

.banner .slick-dots li.slick-active{border-color: #C99E18;}

.banner .slick-dots li.slick-active:after{background-color: #C99E18;}





/*******************************

  -------[=底部]-------

********************************/

.fd-con{padding: .65rem 0 .9rem;

    background-color: #F7F7F7;

}

.fd-logo{margin-bottom: .6rem;}

.fd-logo img{height: .51rem;display: block;}

.fd-nv{

    display: flex;

    justify-content: space-between;

}

.fd-nv dt{margin-bottom: .02rem;}

.fd-nv dt:after{content: '';display: block;width: .42rem;height: 2px;margin-top: .04rem;

    background-color: #08449A;

}

.fd-nv dt a{display: block;font-size: .23rem;font-weight: bold;}

.fd-nv dd a{display: block;font-size: .17rem;line-height: .46rem;color: #525252;}

.fd-nv dd a:hover{color: #08449A;}

.fd-bot{background-color: #08449A;padding: .47rem 0 .5rem;}

.fd-link{margin-bottom: .47rem;}

.fd-link a{font-size: .18rem;color: #fff;margin-right: .55rem;}

.fd-link a:hover{opacity: .8;}

.fd-copy{font-size: .15rem;line-height: 1.6;color: #7BA2D9;}

.fd-copy a{color: #7BA2D9;}

.fd-copy a:hover{color: #fff;}

/*******************************

    -------[=正文]-------

********************************/



.ban{padding-top: 35%;

    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;

}



.g-tab{position: relative;text-align: center;font-size: 0;margin-bottom: .78rem;

    background-color: #fff;

}

.g-tab:after{content: '';position: absolute;left: 0;right: 0;top: 100%;height: .78rem;

    background: url(../images/i-bg1.jpg) repeat-x left center;

    -o-background-size: auto 100%;

    -ms-background-size: auto 100%;

    -moz-background-size: auto 100%;

    -webkit-background-size: auto 100%;

    background-size: auto 100%;

}

.g-tab li{display: inline-block;vertical-align: top;}

.g-tab li .t1{font-size: .22rem;color: #717171;line-height: .74rem;width: 1.8rem;

    display: block;margin: 0 .08rem;position: relative;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.g-tab .ico{position: absolute;left: 50%;bottom: 0;

    border-bottom: .08rem solid #fff;

    border-left: .1rem solid transparent;

    border-right: .1rem solid transparent;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}

.g-tab li:hover .t1,.g-tab li.on .t1{background-color: #08449A;color: #fff;}

.g-tab li.on .tub{display: block;}

.g-tab .tub{position: absolute;left: 0;right: 0;top: 100%;z-index: 2;display: none;}

.g-tab .tub dd{display: inline-block;vertical-align: top;}

.g-tab .tub dd a{display: block;font-size: .18rem;color: #717171;

    line-height: .78rem;margin: 0 .46rem;position: relative;

}

.g-tab .tub dd a:after{content: '';position: absolute;bottom: .19rem;height: 2px;

    left: 50%;right: 50%;background-color: #08449A;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.g-tab .tub dd.ok a:after,.g-tab .tub dd:hover a:after{left: 0;right: 0;}

.g-tab .tub dd.ok a,.g-tab .tub dd:hover a{color: #08449A;}



.btn-kefu{position: fixed;right: .3rem;bottom: .4rem;width: 1.13rem;height: .55rem;z-index: 98;

    background: url(../images/i-25.png) no-repeat center;

    -o-background-size: 100% auto;

    -ms-background-size: 100% auto;

    -moz-background-size: 100% auto;

    -webkit-background-size: 100% auto;

    background-size: 100% auto;

}





.soBox{position: fixed;left:0;top:0;right:0;bottom:0;z-index:99999;opacity:0;

    visibility:hidden;

    transition:all 0.3s ease-out 0s;

    display:-ms-flexbox;

    display:flex;

    -ms-flex-align:center;

    align-items:center;

    -ms-flex-pack:center;

    justify-content:center;

    background:rgba(0,0,0,.6);background-size: cover;

    backdrop-filter:blur(5px)

}

.soBox.showdiv{opacity:1;visibility:visible;}

.soBox .close{position: absolute;width: .8rem;height: .8rem;right: .1rem;top: .1rem;cursor: pointer;

    background: url(../images/i-26.png) no-repeat center;

    -o-background-size: .38rem auto;

    -ms-background-size: .38rem auto;

    -moz-background-size: .38rem auto;

    -webkit-background-size: .38rem auto;

    background-size: .38rem auto;

}

.so{width: 7.72rem;position: relative;    

    -webkit-transform: translateY(1.5rem);

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.so .inp{width: 100%;display: block;height: .5rem;border-radius: .25rem;

    border: none;padding: 0 .2rem;font-size: .18rem;

}

.so .btn{position: absolute;right: .05rem;top: .05rem;width: .4rem;height: .4rem;

    cursor: pointer;border: 0;border-radius: .2rem;

    background: #08449A url(../images/i-27.png) no-repeat center;

    -o-background-size: 100% auto;

    -ms-background-size: 100% auto;

    -moz-background-size: 100% auto;

    -webkit-background-size: 100% auto;

    background-size: 100% auto;

}

.soBox.showdiv .so{

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}

.hd-qr{position: absolute;top: 90%;left: 0%;width: 5rem;text-align: center;font-size: 0;

    background-color: #fff;box-shadow: 0px 0px .2rem rgba(0,0,0,.2);padding: .3rem 0;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);opacity:0;

    visibility:hidden;

    transition:all 0.3s ease-out 0s;

}

.hd-qr .i-t{display: inline-block;vertical-align: top;line-height: 1.5;

    margin: 0 .15rem;

}

.hd-qr .t1{font-size: .16rem;line-height: 1.5;}

.hd-qr .pic{width: .96rem;height: .96rem;margin: 0 auto .1rem;}

.hd-qr .pic img{width: 100%;height: 100%;display: block;}

.hd-qr:after{content: '';position: absolute;bottom: 100%;left: 63%;

    border-bottom: .15rem solid #fff;

    border-left: .1rem solid transparent;

    border-right: .1rem solid transparent;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}

.hd-qr.showdiv{opacity:1;visibility:visible;}

.hd-qr .close{display: none;}

.pop-video{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1024;display: none;}
.pop-bg{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7)}
.pop-video .cont{width:8rem;position:absolute;top:50%;left: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%)}
.pop-video .close{position:absolute;right:-20px;top:-20px;z-index:3;width:46px;height:46px;border-radius:50%;cursor:pointer;background:url(../images/close.png) center no-repeat rgba(27, 144, 206, .8);-o-background-size:24px auto;-ms-background-size:24px auto;-moz-background-size:24px auto;-webkit-background-size:24px auto;background-size:24px auto;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s}
.pop-video .video video{width:100%;background-color:#000}
.pop-video .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}

.so-mo{display: none;}