@font-face {
        font-family: 'douyuFont';
        src: url('../fonts/douyuFont.otf');
    }

/*-----------------[初始化]--------------*/
body{color: #222;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";
    overflow-x: hidden;padding-top: 107px;
}
a{color: #222;}
a:hover{color: #38ABFE;}
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: #222;
    font-family:"微软雅黑","Microsoft Yahei";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: #000;}
::-moz-placeholder {color: #000; }
::-ms-input-placeholder {color: #000;}

.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: 1390px;margin: 0 auto;}
.wp2{width: 100%;max-width: 1608px;margin: 0 auto;}
.wp3{width: 100%;max-width: 1420px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


/*******************************
  -------[=头部]-------
********************************/

.header{height: 107px;position: fixed;z-index: 109;top: 0;left: 0;right: 0;
    background: #FFFFFF;*zoom:1;padding: 0 80px;
    box-shadow: 0px 5px 2px 0px rgba(235,235,235,0.75);
}
.header:after,.header:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.logo{float: left;line-height: 107px;font-size: 0;}
.logo img{display: inline-block;vertical-align: middle;height: 44px;}
.hdr{float: right;}
.nav{float: left;}
.nav li{float: left;margin-right: 50px;position: relative;}
.nav li .v1{display: block;font-size: 16px;color: #222;height: 107px;line-height: 123px;position: relative;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li .v1:after,.nav .sub1 dd span:after{content:"";position: absolute;left:50%;right:50%;bottom:0;height:2px;
    background-color: #38ABFE;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li:hover .v1,.nav li.on .v1{color: #38ABFE;}
.nav li:hover .v1:after,.nav li.on .v1:after,.nav .sub1 dd a:hover span:after{left:0;right:0;}
.nav li:nth-child(2),.nav li:nth-child(3){position: static;}
.nav li:last-child .sub dd:first-child{display: none;}

.nav .sub1 dd span{display: inline-block;position: relative;}

.nav .sub1{position: absolute;top: 100%;left: 0;right: 0;display: none;
    background-color: #fff;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
}
.nav .sub1 .cont{width: 1330px; margin: 0 auto;padding: 25px 0;}
.nav .sub1 dl{width: 16.6%;float: left;}
.nav .sub1 dt{margin-bottom: 18px;}
.nav .sub1 dt a{display: block;font-size: 16px;font-weight: normal;line-height: 26px;
    border-left: 3px solid #38ABFE;padding-left: 11px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .sub1 dd a{display: block;font-size: 14px;line-height: 40px;color: #525252;position: relative;
    margin-left: 13px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .sub1 dd a:hover{color: #38ABFE;}

.nav .sub2{position: absolute;top: 100%;left: 50%;width: 110px;text-align: center;
    background-color: #fff;display: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.nav .sub2 dd a{display: block;font-size: 13px;line-height: 36px;color: #525252;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .sub2 dd a:hover{color: #38ABFE;}

.so{float: left;width: 178px;position: relative;margin-top: 41px;}
.so .inp{display: block;width: 100%;height: 37px;border-radius: 19px;
    background-color: #F6F6F6;border: 1px solid #D2D2D2;
    font-size: 14px;padding: 0 37px 0 15px;
}
.so .btn{position: absolute;right: 0;top: 0;width: 37px;height: 37px;
    border: 0;cursor: pointer;
    background: url(../images/i-01.png) no-repeat center;
    -o-background-size: 20px auto;
    -ms-background-size: 20px auto;
    -moz-background-size: 20px auto;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
}

.a-deng{float: left;margin-top: 44px;width: 77px;height: 32px;line-height: 32px;
    font-size: 16px;color: #222;text-align: center;margin-left: 22px;
}
.a-deng:hover{color: #38ABFE;}
.a-zhu{float: left;margin-top: 39px;height: 37px;line-height: 37px;
    font-size: 14px;color: #fff;text-align: center;border-radius: 50px;
    background: linear-gradient(to bottom, #48b3e5, #067de0);
    padding:0 15px; margin-left:15px;
}
.a-zhu:hover{color: #fff;opacity: .8;}


/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;margin-top: 5px;
    width: 40px;height: 40px;padding: 7px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: #38ABFE;
    margin: 3px 0 5px;border-radius: 2px;
    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: 5px;top: 50%;width: 30px;}
.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: calc( 100vh - 107px );}
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}
.banner .slick-slide .con{outline: 0;position: relative;display: block;height: 100%;
    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 .wp{position: relative;height: 100%;}
.banner .txt{position: absolute;left: 0;top: 50%;color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.banner .tit{font-size: 60px;font-family: 'douyuFont';font-weight: normal;margin-bottom: 20px;}
.banner .desc{font-size: 30px;margin-bottom: 48px;}
.banner .btn{display: block;width: 156px;height: 54px;text-align: center;line-height: 54px;
    border-radius: 5px;font-size: 22px;color: #36aff2;font-weight: bold;
    background-color: #fff;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.banner .btn:hover{background-color: #38ABFE;color: #fff;}
.banner .slick-dots{position: absolute;left: 165px;right: 0;bottom: 46px;z-index: 2;}
.banner .slick-dots li{display: inline-block;margin-right: 22px;}
.banner .slick-dots li button{display: block;width: 124px;height: 12px;
    font-size: 0;line-height: 0;text-indent: 9999px;border: 0;cursor: pointer;
    background-color: #fff;opacity: .7;
}
.banner .slick-dots li.slick-active button{background-color: #BEEAF9;opacity: 1;}


/*******************************
  -------[=底部]-------
********************************/
.footer{padding: 80px 0 0;}
.fd-con{overflow: hidden;padding-bottom: 75px;}
.fd-l{float: left;}
.fd-logo{margin-bottom: 38px;}
.fd-logo img{display: block;height: 76px;}
.fd-txt{font-size: 16px;color: #282C2E;line-height: 2.65;}
.fd-qr{float: right;}
.fd-qr .item{float: left;text-align: center;margin-left: 22px;}
.fd-qr .pic{width: 235px;margin-bottom: 4px;}
.fd-qr .pic img{width: 100%;display: block;}
.fd-qr span{font-size: 21px;color: #3E3E3E;}
.fd-bot{text-align: center;font-size: 18px;color: #fff;padding: 27px 0;
    background-color: #1147A7;
}
.fd-bot a{color: #fff;}

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

.ban{height: 500px;
    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;
}
.ban .wp{position: relative;height: 100%;}
.ban .txt{position: absolute;left: 0;top: 50%;color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ban .tit{font-size: 38px;margin-bottom: 15px;font-family: 'douyuFont';font-weight: normal;}
.ban .desc{font-size: 24px;line-height: 2;}
.ban .txt2{position: absolute;top: 50%;left: 92px;color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ban .txt2 .t1{font-size: 38px;text-shadow: 0px 7px 7px rgba(54,142,249,0.75);
    margin-bottom: 8px;font-family: 'douyuFont';font-weight: normal;
}
.ban .desc2{font-size: 24px;text-shadow: 0px 7px 7px rgba(54,142,249,0.75);
    margin-bottom: 27px;
}
.ban .btn{display: block;width: 156px;height: 54px;text-align: center;line-height: 54px;
    border-radius: 5px;font-size: 22px;color: #36aff2;font-weight: bold;
    background-color: #fff;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.ban .btn:hover{background-color: #38ABFE;color: #fff;}
.ban .btn-9{width: auto;padding: 0 15px;display: inline-block;}
.ban .con{display: block;height: 100%;}

.ban .txt3{position: absolute;top: 50%;left: 92px;color: #fff;width: 666px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ban .t2{font-size: 37px;line-height: 1.6;
    margin-bottom: 2px;font-family: 'douyuFont';font-weight: normal;
}
.ban .desc3{font-size: 16px;line-height: 1.88;
    margin-bottom: 33px;
}
.ban .btn3{display: block;width: 260px;height: 42px;line-height: 40px;text-align: center;
    font-size: 18px;color: #fff;
    background: url(../images/ico-02.png) no-repeat center;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.g-tab{overflow: hidden;
    background: linear-gradient(180deg, #FFFFFF 52%, #EFEFEF 100%);
}
.g-tab li{float: left;margin-right: 70px;}
.g-tab li a{display: block;height: 111px;line-height: 111px;font-size: 24px;color: #222;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.g-tab li.on a,.g-tab li:hover a{color: #00B7FF;}
.cur{font-size: 24px;color: #8D8D8D;padding: 74px 0 72px;}
.cur a{color: #8D8D8D;}
.cur a:hover{color: #00B7FF;}

.m-jieguo{padding: 30px 0;font-size: 20px;font-weight: bold;}


.m-bao{text-align: center;padding: 50px 0;}
.m-bao h5{font-size: 20px;}
.m-bao h2{font-size: 30px;}



.fix-right{position: fixed;top: 50%;right: 40px;z-index: 108;width: 84px;
    background-color: #38ABFE;border-radius: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fix-right li{position: relative;}
.fix-right .con{display: block;text-align: center;
    border-radius: 20px;
    padding:10px 0;
    background-color: rgba(255,255,255,0);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fix-right .ico{display: block;margin: 0 auto 6px;width: 46px;height: 46px;position: relative;}
.fix-right .ico img{position: absolute;top: 0;left: 0; display: block;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fix-right .i-on{opacity: 0;}
.fix-right .t1{font-size: 14px;color: #fff;font-weight: normal;}
.fix-right li:hover .con{background-color: rgba(255,255,255,1);}
.fix-right li:hover .i-ok{opacity: 0;}
.fix-right li:hover .i-on{opacity: 1;}
.fix-right li:hover .t1{color: #38ABFE;}
.fix-right li:hover .pop{display: block;}
.fix-right .pop{position: absolute;top: 50%;right: 100%;padding-right: 30px;display: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fix-right .cont{width: 300px;padding: 20px 0 20px 60px;position: relative;
    border-radius: 20px;box-shadow: 0px 0px 10px rgba(0,0,0,.1);
    background-color: #fff;
}
.fix-right .cont:after{content: '';position: absolute;top: 50%;left: 100%;
    border-left: 20px solid #fff;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fix-right .item{padding: 8px 0;}
.fix-right .t2{font-weight: normal;font-size: 16px;color: #222;margin-bottom: 10px;}
.fix-right .tel{font-weight: bold;color: #38ABFE;font-size: 18px;display: block;}
.fix-right .btn-top{display: block;height: 60px;border-radius: 20px;cursor: pointer;
    background: rgba(255,255,255,0) url(../images/n-04.png) no-repeat center;
    -o-background-size: 36px auto;
    -ms-background-size: 36px auto;
    -moz-background-size: 36px auto;
    -webkit-background-size: 36px auto;
    background-size: 36px auto;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fix-right .btn-top:hover{background-color: rgba(255,255,255,1);background-image: url(../images/n-04-on.png);}