@charset "UTF-8";
/*index banner*/
.banner{position: relative; height: 100%;}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide a{display: block;}
.banner .swiper-button-next,
.banner .swiper-button-prev,
.index-case-list .swiper-button-next,
.index-case-list .swiper-button-prev{display: none; width: 60px; height: 50px; background-color: #ffffff; cursor: pointer; margin-top: -25px; opacity: .3; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.banner .swiper-button-next,
.index-case-list .swiper-button-next{right: 25px; /*background: url(../images/arr-r.png) no-repeat center #000;*/ background-size: 30px;}
.banner .swiper-button-prev,
.index-case-list .swiper-button-prev{left: 25px; /*background: url(../images/arr-l.png) no-repeat center #000;*/ background-size: 30px;}
.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover,
.index-case-list .swiper-button-next:hover,
.index-case-list .swiper-button-prev:hover{opacity: .7;}
.banner .swiper-pagination{bottom: 30px !important;}
.banner .swiper-pagination .swiper-pagination-bullet{margin: 0 8px; width: 50px; height: 8px; background-color: #fff; border-radius: 4px; opacity: .7 !important; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #ed4f1d; opacity: 1 !important;}
.banner-message-bg,
.banner-message{position: absolute; left: 50%; top: 40%; z-index: 99; margin-left: -720px; width: 700px; height: 360px; background-image: linear-gradient(118deg, #ffefd0 0%, #ffd381 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; box-shadow: 0px 14px 31px 28px rgba(13, 54, 70, 0.1); opacity: 0.6; padding: 58px 62px 0; text-align: center;}
.banner-message{background: transparent; opacity: 1;}
.banner-message input{width: 100%;}
.banner-message .inp{text-align: center; height: 51px; background-color: #ffffff; border: solid 1px #dcdcdc; padding: 0 25px; text-align: left;}
.banner-message .tit{font-size: 30px; line-height: 1; color: #213752; margin-bottom: 45px;}
.banner-message .info{font-size: 14px; line-height: 1; color: #a3a8ad; margin-bottom: 12px; text-align: left;}
.banner-message .sub{display: block; height: 51px; line-height: 51px; margin-top: 29px; background-image: linear-gradient(118deg, #e32f18 0%, #ed9b00 100%), linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; box-shadow: 0px 0px 35px 3px rgba(13, 54, 70, 0.1); font-size: 20px; font-weight: bold; color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.banner-message .sub:hover{box-shadow: 0px 0px 35px 3px rgba(13, 54, 70, 0.2);}
/*分页*/
.com-page{margin-top: 40px;}
.pagination{text-align: center}
.a1_page{display: none !important;}
.pagination a,
.pagination span{padding: 0 20px; display: inline-block; margin: 0 1px; min-width: 40px; line-height: 40px; font-size: 14px; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; color: #666; background: #EFEFEF;}
.pagination .cur_page,
.pagination .page-num-current,
.pagination a:hover{color: #fff !important; background: #006FB9 !important;}
.pagination .prev_disabled:hover,
.pagination .next_disabled:hover{color: #576077 !important;}
.pagination a.prev:before,
.pagination a.prev_disabled:before{content: "ä¸Šä¸€é¡µ";}
.pagination a.next:before,
.pagination a.next_disabled:before{content: "ä¸‹ä¸€é¡µ";}
/*数字滚动*/
.num-scroll-two{font-size: 0; text-align: center;}
.num-scroll-two li{position: relative; display: inline-block; width: 20%; color: #fff;}
.num-scroll-two li~li:before{content: ""; position: absolute; left: 0; top: 50%; margin-top: -22px; width: 1px; height: 44px; background-color: #e5e5e5; opacity: 0.58;}
.num-scroll-two li .num-cont{color: #fff; font-size: 16px;}
.num-scroll-two li .num{margin-right: 5px; font-size: 48px; /*font-family: "Geometric 415 Black BT", "Impact", "Microsoft Yahei";*/ line-height: 1; color: #fff;}
.num-scroll-two li .scroll-cont{display: inline-block;}
.num-scroll-two li .num-tit{font-size: 14px; color: #fff; margin-top: 5px;}
.com-pic-cont{position: relative;}
.com-pic-cont .pic{width: 50%;}
.com-pic-cont .pic.long{width: 63.85%;}
.com-pic-cont .cont{position: absolute; left: 0; top: 0; width: 50%; height: 100%; overflow: hidden; background-color: #f7f7f7; padding-left: 97px;}
.com-pic-cont .cont.center{width: 36.15%; padding-left: 0;}
.com-pic-cont .cont h4{font-size: 24px; color: #333333; line-height: 30px;}
.com-pic-cont .cont .en{font-size: 16px; color: #333333; line-height: 27px; margin-top: 20px;}
.com-pic-cont .cont.center .en{font-size: 14px; margin-top: 14px; line-height: 1;}
/*通用分类*/
.com-cate li{position: relative; float: left; margin-left: 85px;}
.com-cate li a{display: inline-block; color: #333333;}
.com-cate li.on a,
.com-cate li:hover a{color: #e32f18;}
.com-cate li:before{border-bottom: 5px solid #e32f18;}
.com-cate li:hover:before,
.com-cate li.on:before{margin-left: -16px; width: 32px;}
/*椭圆*/
.com-more{display: inline-block; width: 161px; height: 47px; border-radius: 23px; border: solid 2px #213752; font-size: 14px; color: #213752; text-align: center; line-height: 43px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.com-more.w{background-color: #ffffff; border-color: #fff; color: #213752;}
.com-more:hover{background: #213752; border-color: #213752; color: #fff;}
.com-more2{position: relative; display: inline-block; width: 180px; height: 44px; background-color: #006fb9; padding-left: 5px; text-align: center; font-size: 16px; color: #fff !important; line-height: 44px;}
.com-more2:before{content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 5px; background: #ed4f1d; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.com-more2:hover:before{width: 100%;}
.com-more2 span{position: relative;}
.page-btn{display: inline-block; width: 250px; line-height: 46px; text-align: center; background: #41AB03; color: #fff !important; border-radius: 5px; font-size: 24px;}
/* kefu */
.mk-kefu{position: fixed; width: 48px; right: 0; top: 50%; z-index: 100; display: none;}
.mk-kefu ul li{width: 48px; height: 40px; position: relative; font-size: 14px; line-height: 40px;}
.mk-kefu ul li .sidebox{position: absolute; width: 48px; height: 40px; top: 0; right: 0; transition: all 0.3s; color: #fff; background: #287CED; overflow: hidden; opacity: .8;}
.mk-kefu ul li.kf2 .sidebox{/* background:#7fbb57; */ overflow: visible;}
.mk-kefu ul li .sidebox:hover{opacity: 1;}
.mk-kefu ul li .sidetop{width: 48px; height: 40px; line-height: 40px; display: inline-block; background: #222; transition: all 0.3s; opacity: .8;}
.mk-kefu ul li .sidetop:hover{opacity: 1;}
.mk-kefu ul li img{float: left;}
.mk-kefu ul li .kImg{padding: 13px;}
.mk-kefu .kf_wx{position: absolute; top: 0; left: -140px; width: 140px; font-size: 12px; background: #fff; border: 1px solid #dadada; padding: 14px; line-height: 20px; color: #333; text-align: center; display: none;}
.mk-kefu .kf_wx img{display: block; width: 110px; height: 110px; margin-bottom: 5px; float: none;}
.mk-kefu .qq{height: 0; position: relative; z-index: 2;}
.mk-kefu .qq .sidebox{border: 1px solid #287CED; height: auto; border-radius: 5px 0 0 5px; width: 140px; background: #fff; opacity: 1; bottom: -50px; top: auto; text-align: center; padding-bottom: 5px; right: -150px;}
.mk-kefu .qq h5{height: 35px; line-height: 35px; background: #287CED; font-weight: normal; color: #fff; font-size: 14px; padding: 0 10px; text-align: left; margin-bottom: 10px;}
.mk-kefu .qq h5 i{float: right; cursor: pointer; transition: all 0.3s; position: relative; z-index: 5;}
.mk-kefu .qq h5 i:hover{transform: rotate(90deg);}
.mk-kefu .qq a{font-size: 12px; display: block; height: 32px; line-height: 30px; border-radius: 18px; border: 1px solid #287CED; margin: 5px 15px}

.m-show{display: none;}
/*视屏播放弹窗样式*/
.video_shadow{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1000; display: none;}
.playnow{position: absolute; left: 50%; top: 50%; margin-left: -410px; margin-top: -286px; width: 820px; height: 550px; background-color: transparent; z-index: 1000;}
.video_control{width: 820px; height: 500px; box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, .5);}
.video_control video{width: 100%; height: 100%; object-fit: fill;}
.closevideo{position: absolute; right: -30px; top: -24px; font-size: 35px; color: #fff; cursor: pointer;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.closevideo:hover{right: -35px;}
/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:90px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left: 15px;color:#666;height:50px;line-height:50px;border-top: 1px solid #eee;position:relative;font-size: 16px;}
.wapNav li i{font-family:"iconfont";color:#ddd;font-size:12px;font-style:normal;padding: 0 20px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background: #f5f5f5;color: #333;}
.wapNav li :hover i,.wapNav .cur i{color:#666;}
.wapNav .navSub{display:none;background:#fff;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:14px;}
.wapNav .navSub ul{background:#050505;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;;border-top:1px solid #000;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #000;color:#fff;border-bottom:1px solid #000;color:#fff;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#fff;font-size:1.4rem;}
.wSearch{background:#222;height:80px;overflow:hidden;padding:0 15px;}
.wSearch form{margin:0 auto;margin-top:15px;background:#fff;height:40px;overflow:hidden;padding-right:60px;}
.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:10px;}
.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#333;color:#fff;font-size:16px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#014099;}


/*返回顶部*/
#to-top {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: url(../images/common/scrolltop.png) no-repeat center;
    text-align: center;
    text-decoration: none;
    z-index: 8;
    right: 20px;
    opacity: 0.7;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#to-top:hover {
    opacity: 1;
}

@media (max-width: 1000px){.playnow{left: 5%; top: 30%; margin-left: 0; margin-top: 0; width: 90%; height: auto;} .video_control{width: 100%; height: auto; box-shadow: none;} .closevideo{position: absolute; right: 0; top: -50px; font-size: 30px; color: #fff; cursor: pointer;}}
@media (max-width: 768px){.banner .swiper-pagination{bottom: 5px !important;} .banner .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px;} .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 16px;} .num-scroll-two li{width: 33%; margin-bottom: 15px;} .num-scroll-two li .num{font-size: 30px;} .num-scroll-two li .num-tit{font-size: 12px; margin-top: 0;} .num-scroll-two li:nth-child(4):before{display: none;} .page-bar{height: 45px; line-height: 45px; font-size: 10px;} .page-bar .icon-home{margin-right: 5px; margin-top: -4px; width: 12px; height: 12px;} .page-cate li a{font-size: 12px; padding: 0 8px;} /*分页*/ .pages{padding: 20px 0; text-align: center; font-size: 0;} .pages a{height: 35px; line-height: 35px;} /*栏目图*/ .page-banner .pb-tit{right: 20px; margin-top: -9px;} .page-banner .pb-tit .cn{font-size: 28px;}}


.all-fixed2{
    width: 51px;
    height: 288px;
    background: #8f9090;
    position: fixed;
    top: 46%;
    margin-top: -140px;
    right: -0px;
    z-index: 99999;
    box-sizing: border-box;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 28px;
}
.all-fixed2 a{
    display: block;
    width: 100%;
    height: 35px;
    position: relative;
    margin-bottom: 20px;
}
.all-fixed2 a:before{
    content: '';
    width: 35px;
    height: 1px;
    background: rgba(255,255,255,0.2);
    position: absolute;
    bottom: -19px;
    left: 53%;
    margin-left: -17.5px;
}
.all-fixed2 a .icon{
    display: block;
    text-align: center;
    height: 100%;
    line-height: 49px;
    position: relative;
    z-index: 2;
}
.all-fixed2 a span img{
    width: 54%;
    height: auto;
}
.all-fixed2 a .bg{
    height: 100%;
    background: #144c9d;
    width: 123px;
    box-sizing: border-box;
    padding-left: 18px;
    font-size: 15px;
    color: #fff;
    position: absolute;
    right: -123px;
    top: 8px;
    transition: .5s;
    line-height: 36px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.all-fixed2 a.tel .bg{
    width: 170px;
    right: -170px;
}
.all-fixed2 a.tel{
    cursor: text;
}
.all-fixed2 a:hover .bg{
    right: 0;
}
.all-fixed2 a.wxgzh{
    /*cursor: default;*/
}
/* .all-fixed2 a.wxgzh:hover .icon{
    background: #93B935;
} */
.all-fixed2 a.wxgzh .img{
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
    box-shadow: 0 3px 20px rgba(0,0,0,0.2);
    box-sizing: border-box;
    position: absolute;
    left: -100px;
    top: -20px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.all-fixed2 a.wxgzh:hover .img{
    top: -25px;
    opacity: 1;
    visibility: visible;
}
.all-fixed2 a.wxgzh .img img{
    width: 100%;
    height: auto;
}
.all-fixed2 .dat{
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    padding-top: 8px;
    /* margin-top: 13px; */
    display: block;
    padding-left: 2px;
}
.all-fixed2 .dat:hover{
    color: #144c9d;
    font-weight: bold;
}