@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: 'Manrope3-Bold';
    src: url('../fonts/manrope-bold.otf');
}
@font-face {
    font-family: 'Bebas';
    src: url('../fonts/BEBAS.ttf');
}

/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;line-height: 1.5;font-family:"SourceHanSansCN-Regular";}
a{color: #333;}
a:hover{color: #1F61A5;}
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: 14.4rem;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}
.main{position: relative;min-height: 7rem;}

/*******************************
  -------[=头部]-------
********************************/
.header.down{
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.header.fixed,.header.white{
    background-color: #fff;box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.08);
}
.header.fixed .logo .img1,.header.white .logo .img1{display: none;}
.header.fixed .logo .img2,.header.white .logo .img2{display: inline-block;}
.header.fixed .nav li .v1,.header.white .nav li .v1{color: #333;}
.header.fixed .nav li:hover .v1,.header.white .nav li.on .v1{color: #1F61A5;}
.header.fixed .nav li:hover .v1:after,.header.white .nav li.on .v1:after{background-color: #1F61A5;}
.header.fixed .so-btn,.header.white .so-btn{background-image: url(../images/i-02.png);}
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 109;height: 1rem;
    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: .26;
}
.logo{position: absolute;left: .32rem;top: 0;line-height: 1rem;font-size: 0;}
.logo img{display: inline-block;vertical-align: middle;height: .67rem;}
.logo .img2{display: none;}
.nav{text-align: center;font-size: 0;}
.nav li{display: inline-block;vertical-align: top;margin: 0 .23rem;position: relative;}
.nav li .v1{display: block;font-size: .2rem;color: #fff;line-height: 1rem;position: relative;}
.nav li .v1:after{content: '';position: absolute;bottom: 0;left: 50%;right: 50%;height: 2px;
    background-color: #fff;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.nav li.on .v1{font-weight: bold;}
.nav li:hover .v1:after,.nav li.on .v1:after{left: 0;right: 0;}
.nav .sub {
    min-width: 1.4rem;
    position: absolute;
    top: 100%;
    left: 50%;box-shadow: 0px 0px 10px rgba(0,0,0,.1);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: #fff;
    display: none;
}

.nav .sub .v2 {
    display: block;
    padding: 0 .15rem;
    line-height: .5rem;
    font-size: .18rem;
    color: #333;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav .sub .v2:hover {
    background: #0774e1;
    color: #fff;
}


.so-btn{position: absolute;top: 50%;right: .4rem;width: .5rem;height: .5rem;
    cursor: pointer;background: url(../images/i-01.png) no-repeat 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;
    -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;
}


.pop-so{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 110;
    display: none;
}
.pop-so .bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;
    background: rgba(0,0,0,.8)
}
.pop-so .form{position: absolute;top: 50%;left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-color: #fff;
    z-index: 2
}
.pop-so .close{position: absolute;top: 5%;right: 3%;width: .5rem;height: .5rem;cursor: pointer;
    background: url(../images/close.svg) center center no-repeat;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 2;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}
.pop-so .close:hover{
    opacity: .7
}
.pop-so .form .inp{display: block;width: 7rem;height: .7rem;
    line-height: .7rem;border: none;
    background: 0 0;
    padding: 0 1.2rem 0 .2rem;
    font-size: .18rem;
    color: #333
}
.pop-so .form .btn{display: block;width: 1.2rem;height: .7rem;
    line-height: .7rem;
    border: none;
    background: #1E55AF;
    color: #fff;
    font-size: .18rem;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}
.pop-so .form .btn:hover{
    opacity: .8
}


/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    width: .7rem;height: .7rem;padding: .07rem;cursor: pointer;margin-top: .15rem;margin-right: .3rem;
    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 .slick-slide .con{height: 100%;display: block;outline: 0;position: relative;
    background-position: center center;background-repeat: no-repeat;overflow: hidden;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner .pic{height: 100%;overflow: hidden;}
.banner .pic img{display: block;position: absolute;left: 0;right: 0;top: 0;
    width: 100%;height: 100%;
    object-fit: cover;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.banner .pic img{
    transition: all 5s ease-out;
    -webkit-transition: all 5s ease-out;
    -moz-transition: all 5s ease-out;
    -ms-transition: all 5s ease-out;
    -o-transition: all 5s ease-out;
}
.banner .img_scale .pic img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
}

.banner .txt{position: absolute;top: 50%;left: 0;right: 0;z-index: 2;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{font-size: .38rem;
    opacity:0;
    -webkit-transition:all 2s ease-out;
    transition:all 2s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.banner .txt .tit{font-size: .88rem;margin-bottom: .25rem;
    opacity:0;
    -webkit-transition:all 2.3s ease-out;
    transition:all 2.3s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.banner .txt .tips{font-size: .26rem;display: inline-block;position: relative;
    letter-spacing: .14rem;text-indent: .14rem;line-height: .66rem;
    opacity:0;
    -webkit-transition:all 2.6s ease-out;
    transition:all 2.6s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.banner .txt .tips:after,.banner .txt .tips:before{content: '';position: absolute;left: 0;right: 0;
    height: 6px;background-position: center;background-repeat: repeat-x;
}
.banner .txt .tips:before{top: 0;background-image: url(../images/i-03.png);}
.banner .txt .tips:after{bottom: 0;background-image: url(../images/i-04.png);}
.banner .txt2{position: absolute;left: 0;right: 0;top: 50%;z-index: 2;color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .txt2 .tit{font-size: .7rem;margin-bottom: .18rem;
    opacity:0;
    -webkit-transition:all 2s ease-out;
    transition:all 2s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.banner .txt2 .desc{font-size: .18rem;line-height: 1.78;text-align: justify;
    max-width: 5.58rem;margin-bottom: .46rem;
    opacity:0;
    -webkit-transition:all 2.5s ease-out;
    transition:all 2.5s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}

.banner .slick-slide.img_scale .txt .lab,.banner .slick-slide.img_scale .txt2 .tit{opacity:1;
    -webkit-transition:all 2s ease-out;
    transition:all 2s ease-out;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.banner .slick-slide.img_scale .txt .tit{opacity:1;
    -webkit-transition:all 2.3s ease-out;
    transition:all 2.3s ease-out;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.banner .slick-slide.img_scale .txt .tips{opacity:1;
    -webkit-transition:all 2.6s ease-out;
    transition:all 2.6s ease-out;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.banner .slick-slide.img_scale .txt2 .desc{opacity:1;
    -webkit-transition:all 2.6s ease-out;
    transition:all 2.6s ease-out;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.banner .slick-slide.img_scale .g-btn{opacity:1;
    -webkit-transition:all 2.5s ease-out;
    transition:all 2.5s ease-out;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}

.banner .g-btn{border-color: rgba(255,255,255,.5);color: #fff;
    opacity:0;
    -webkit-transition:all 2.5s ease-out;
    transition:all 2.5s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.g-btn{display: block;width: 1.52rem;height: .56rem;text-align: center;line-height: .52rem;
    border: 2px solid rgba(0,0,0,.5);border-radius: .28rem;font-size: .18rem;color: #111;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.g-btn:hover{background-color: #087FE5;color: #fff;border-color: #087FE5;}

.case_slick3_dots{position: absolute;left: 2rem;bottom: .5rem;z-index: 5;}
.case_slick3_dots li{display:inline-block;vertical-align:middle;margin:0 .2rem 0 0;
    width:30px;height:30px;position:relative;cursor:pointer;
}
.case_slick3_dots .numb{position:absolute;z-index:1;text-align: center;left: 0;right: 0;
    width: 100%;height: 100%;
}
.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);
}
.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 #fff;border-radius:50%;
    position:absolute;clip:rect(0,15px,30px,0)
}
.case_slick3_dots .base{display: inline-block;}
.case_slick3_dots li.base:after{border-color: rgba(255,255,255,.3);}
.case_slick3_dots li.base .numb i{background-color: #fff;}
.base .left,.base .right,.base .wrapper{
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    -webkit-animation-timing-function:linear
}
.base .wrapper{
    -webkit-animation-duration:10ms;
    -webkit-animation-delay:2.5s;
    -webkit-animation-name:close-wrapper
}
.base .left{-webkit-animation-duration:5s;-webkit-animation-name:left-spin}
.base .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)}
}
.btn-down{position: absolute;left: 50%;width: 4em;bottom: .32rem;padding-top: .4rem;z-index: 3;
    font-size: .14rem;text-align: center;color: #fff;
    background: url(../images/i-05.png) no-repeat center top;
    -o-background-size: .17rem auto;
    -ms-background-size: .17rem auto;
    -moz-background-size: .17rem auto;
    -webkit-background-size: .17rem auto;
    background-size: .17rem auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    animation: myfirst infinite linear alternate 1s;
    -moz-animation: myfirst infinite linear alternate 1s;
    -webkit-animation: myfirst infinite linear alternate 1s;
    -o-animation: myfirst infinite linear alternate 1s;
}
@keyframes myfirst {
    0% {bottom: .35rem;}
    100% {bottom: .1rem;}
}
@-moz-keyframes myfirst{
    0% {bottom: .35rem;}
    100% {bottom: .1rem;}
}
@-webkit-keyframes myfirst{
    0% {bottom: .35rem;}
    100% {bottom: .1rem;}
}
@-o-keyframes myfirst{
    0% {bottom: .35rem;}
    100% {bottom: .1rem;}
}
.btn-down:hover{color: #fff;}
.btn-ti{position: absolute;right: .66rem;bottom: .62rem;width: .75rem;height: .8rem;
    background: url(../images/i-06.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;
}

/*******************************
  -------[=底部]-------
********************************/
.footer{
    background: url(../images/p-bg5.jpg) no-repeat center bottom;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.fd-top{border-bottom: 1px solid rgba(255,255,255,.12);padding: .66rem 0 .48rem;
    display: flex;
    justify-content: space-between;
}
.fd-top .ico{float: left;width: .52rem;height: .52rem;margin-right: .4rem;margin-top: .1rem;}
.fd-top .ico img{width: 100%;height: 100%;display: block;}
.fd-top .t-c{overflow: hidden;}
.fd-top .t1{font-size: .18rem;color: #fff;font-weight: normal;margin-bottom: .04rem;}
.fd-top .mail,.fd-top .tel{font-size: .28rem;
    background: linear-gradient(-32deg, #17DFFD 0%, #0078FF 98.7060546875%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fd-top .adds{font-size: .18rem;color: #fff;margin-top: .1rem;}
.tel-slider{width: 2.5rem;text-align: center;}
.tel-slider .slick-arrow{position: absolute;top: 50%;width: .09rem;height: .16rem;
    font-size: 0;text-indent: 9999px;border: 0;cursor: pointer;
    background-color: transparent;
    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;
    -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;
}
.tel-slider .slick-prev{left: 0;background-image: url(../images/i-12.png);}
.tel-slider .slick-next{right: 0;background-image: url(../images/i-13.png);}
.tel-slider .slick-prev:hover{background-image: url(../images/i-12-on.png);}
.tel-slider .slick-next:hover{background-image: url(../images/i-13-on.png);}

.fd-con{padding: .78rem 0 .72rem;color: #fff;*zoom:1;
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.fd-con:after,.fd-con:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.fd-l{float: left;width: 5.66rem;border-right: 1px solid rgba(255,255,255,.12);}
.fd-txt{padding-right: .9rem;margin-bottom: .58rem;}
.fd-txt .t1{font-size: .4rem;line-height: 1;margin-bottom: .28rem;}
.fd-txt .desc{font-size: .16rem;line-height: 1.88;text-align: justify;}
.fd-link{position: relative;width: 4.23rem;margin-bottom: .21rem;}
.fd-link dt{height: .56rem;padding-left: .29rem;position: relative;
    line-height: .56rem;border-radius: .28rem;font-size: .18rem;color: #fff;
    background: linear-gradient(-59deg, #0CAEF6, #066CDE);cursor: pointer;
}
.fd-link dt:after{content: '';position: absolute;top: 50%;right: .21rem;width: .14rem;height: .1rem;
    background: url(../images/i-14.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;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fd-link dd{position: absolute;left: 0;right: 0;bottom: 100%;border-radius: .28rem;margin-bottom: .05rem;
    background: linear-gradient(-59deg, #0CAEF6, #066CDE);padding: .15rem .1rem;display: none;
}
.fd-link dd a{display: block;font-size: .18rem;line-height: .45rem;color: #fff;
    padding-left: .29rem;border-radius: .05rem;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-link dd a:hover{background-color: #fff;color: #066CDE;}

.fd-btn{overflow: hidden;width: 4.23rem;border: 1px solid rgba(255,255,255,.2);
    border-radius: .28rem;
}
.fd-btn a{width: 50%;float: left;text-align: center;font-size: .18rem;color: #fff;
    line-height: .54rem;
}
.fd-btn .btn-1{border-right: 1px solid rgba(255,255,255,.2);}
.fd-btn a:before{content: '';display: inline-block;vertical-align: middle;
    width: .2rem;height: .2rem;margin-right: .06rem;
    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;
}
.fd-btn .btn-1:before{background-image: url(../images/i-19.png);}
.fd-btn .btn-2:before{background-image: url(../images/i-20.png);}


.fd-nv{float: left;margin-left: 1.06rem;}
.fd-nv dl{float: left;margin-right: 1.26rem;}
.fd-nv dt{margin-bottom: .32rem;}
.fd-nv dt a{display: block;font-size: .22rem;color: #fff;line-height: 1;}
.fd-nv dd a{display: block;font-size: .16rem;line-height: 2.63;color: #fff;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fd-nv dd a:hover,.fd-bot a:hover{opacity: .7;}
.fd-nv dl:last-child{margin-right: 0;}
.fd-r{float: right;}
.fd-qr{overflow: hidden;margin-bottom: .45rem;}
.fd-qr .item{float: left;text-align: center;margin-left: .29rem;}
.fd-qr .pic{margin: 0 auto .2rem;width: 1.38rem;}
.fd-qr .pic img{width: 100%;display: block;}
.fd-qr .t1{font-size: .16rem;font-weight: normal;color: #fff;}

.btn-shang{font-size: .22rem;display: block;height: .56rem;line-height: .56rem;
    text-align: center;color: #fff;border-radius: .28rem;
    margin-left: .3rem;margin-bottom: .5rem;
    background: linear-gradient(-59deg, #0CAEF6, #066CDE);
}
.btn-shang:hover{color: #fff;}

.fd-bot{overflow: hidden;color: #fff;font-size: .16rem;line-height: 1.07rem;}
.fd-bot a{color: #fff;}
.fd-bot .copy{float: left;}
.fd-bot .link{float: right;}

.fa-share .bdsharebuttonbox{overflow: hidden;font-size: 0;text-align: right;}
.fa-share .bdsharebuttonbox a{margin: 0 0 0 .12rem;width: .46rem;height: .46rem;display: inline-block;
    background-position: center;background-repeat: no-repeat;padding: 0;float: none;
    -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: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fa-share .bdsharebuttonbox .bds_weixin{background-image: url(../images/i-15.png);}
.fa-share .bdsharebuttonbox .bds_sqq{background-image: url(../images/i-16.png);}
.fa-share .bdsharebuttonbox .bds_qzone{background-image: url(../images/i-17.png);}
.fa-share .bdsharebuttonbox .bds_tsina{background-image: url(../images/i-18.png);}



/*******************************
    -------[=正文]-------
********************************/

.bd_weixin_popup{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}
.fix-right{position: fixed;right: .15rem;top: 50%;z-index: 108;width: .72rem;
    background-color: #fff;border-radius: .36rem;box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}
.fix-right li{position: relative;}
.fix-right .con{display: block;height: .72rem;padding-top: .07rem;position: relative;}
.fix-right .con:after{width: .28rem;height: 2px;content: '';position: absolute;left: 50%;
    bottom: -1px;background-color: #f1f1f1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fix-right li:last-child .con:after{display: none;}
.fix-right .ico{width: .58rem;height: .58rem;display: block;border-radius: 50%;margin: 0 auto;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: .3rem auto;
    -ms-background-size: .3rem auto;
    -moz-background-size: .3rem auto;
    -webkit-background-size: .3rem auto;
    background-size: .3rem auto;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.fix-right .i1 .ico{background-image: url(../images/i-f1.png);}
.fix-right .i2 .ico{background-image: url(../images/i-f2.png);}
.fix-right .i3 .ico{background-image: url(../images/i-f3.png);}
.fix-right .i1:hover .ico{background-image: url(../images/i-f1-on.png);}
.fix-right .i2:hover .ico{background-image: url(../images/i-f2-on.png);}
.fix-right .i3:hover .ico{background-image: url(../images/i-f3-on.png);}
.fix-right li:hover .ico{background-color: #27529a;}
.fix-right .pop{position: absolute;top: 50%;right: 100%;padding-right: .28rem;
    opacity: 0;visibility: hidden;
    -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;
}
.fix-right .cont{border-radius: .1rem;position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}
.fix-right .tel{width: 2.4rem;padding: .15rem .29rem .21rem;}
.fix-right .qr{width: 2.6rem;padding: .22rem .24rem .2rem;}
.fix-right .tips{font-size: .2rem;color: #333;}
.fix-right .cont:after{content: '';position: absolute;left: 100%;top: 50%;
    border-left: .1rem solid #fff;
    border-top: .11rem solid transparent;
    border-bottom: .11rem solid transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fix-right .t1{font-size: .24rem;color: #27529A;margin-bottom: .1rem;}
.fix-right .desc{font-size: .18rem;line-height: 2.17;color: #333;}
.fix-right .i-t{padding-left: .24rem;white-space: nowrap;
    background-position: left center;background-repeat: no-repeat;
}
.fix-right .i-t1{background-image: url(../images/i-001.png);}
.fix-right .i-t2{background-image: url(../images/i-002.png);}
.fix-right .pic img{width: 100%;display: block;}
.fix-right .pic{margin-bottom: 0rem;width: 1.46rem;margin: 0 auto;}
.fix-right .con:hover .pop{opacity: 1;visibility: visible;}