@charset "utf-8";
.no-mg{margin: 0 !important;}
/*Swiper*/
.swiper-pagination.w10 .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #aaaaaa;opacity: 1;}
.swiper-pagination.w10 .swiper-pagination-bullet-active{background: #ff7800;}
.swiper-pagination.w14 .swiper-pagination-bullet{width: 14px; height: 14px; background-color: #aaaaaa; opacity: 1; margin: 0 8px;}
.swiper-pagination.w14 .swiper-pagination-bullet-active{background: #b80000;}
.swiper-pagination.ps{position: static;line-height: 1;}
/*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: 64px; height: 64px; cursor: pointer; margin-top: -32px; opacity: .5;background-size: 30px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.banner .swiper-button-next,
.index-case-list .swiper-button-next{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); right: 5%;}
.banner .swiper-button-prev,
.index-case-list .swiper-button-prev{left: 5%;}
.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: #b80000; 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);}
/*page banner*/
.page-banner{position: relative; overflow: hidden; height: 350px;}
.page-banner .pb-pic{overflow: hidden;}
.page-banner .pb-pic img{position: relative; left: 50%; margin-left: -960px; max-width: none; -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;}
.page-banner .wap-pic{display: none;}
.about-banner{height: auto;}
.about-banner .pb-pic img{left: 0; margin-left: 0; max-width: 100%; width: 100%;}
@-webkit-keyframes SlickIn{0%{-webkit-transform: scale(1.1, 1.1)} 100%{-webkit-transform: scale(1, 1)}}
@-webkit-keyframes SlickOut{0%{-webkit-transform: scale(1, 1)} 100%{-webkit-transform: scale(.9, .9)}}
@keyframes SlickIn{0%{transform: scale(1.1, 1.1)} 100%{transform: scale(1, 1)}}
@keyframes SlickOut{0%{transform: scale(1, 1)} 100%{transform: scale(.9, .9)}}
.page-banner .pb-tit{position: absolute; top: 37%; left: 50%; z-index: 2; margin-left: -700px;}
.page-banner .pb-tit.center{left: 0; margin-left: 0; width: 100%;}
.page-banner .pb-tit .en{font-size: 18px; line-height: 1; color: rgba(255,255,255,.9); margin-top: 20px;}
.page-banner .pb-tit.black .en{color: #595959;opacity: .5;}
.page-banner .pb-tit .en2{color: rgba(255,255,255,.5);}
.page-banner .pb-tit .cn{font-size: 36px; line-height: 1; color: #01abeb; font-weight: bold;}
.page-banner .pb-tit.black .cn{color: #262626;}
.page-banner .pb-tit .des{margin-top: 15px; font-size: 18px; line-height: 1; color: #fff;}
.about-banner .pb-tit{top: 50%; margin-top: -81px;}
.about-banner .pb-tit .cn{font-size: 36px; line-height: 1.5; color: #fff; font-weight: bold;}
/*大标题*/
.com-title{text-align: center;}
.com-title.text-l{text-align: left;}
.com-title h3{font-size: 32px; color: #282828; line-height: 1; font-weight: bold;}
.com-title.white h3{color: #fff;}
.com-title.min h3{font-size: 28px;}
.com-title .en{margin-top: 12px; font-size: 14px; color: #D5D5D5; line-height: 1;}
.com-title.white .en{color: rgba(255,255,255,.3);}
.com-title .des{margin-top: 5px; font-size: 18px; color: #8a8a8a; line-height: 1.6;}
/*分页*/
.com-page{margin-top: 60px;}
.pagination{margin-top: 80px; text-align: center}
.a1_page{display: none !important;}
.pagination a,
.pagination span{display: inline-block; margin: 0 2px;    border-radius: 10%;
    padding: 0px 10px;
    height: 22px; min-width: 36px; line-height: 36px; font-size: 14px; border-radius: 10%; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; color: #fff; background: rgba(61, 61, 61, 1);}
.pagination .cur_page,
.pagination .page-num-current,
.pagination a:hover{color: #fff !important; background: rgba(0, 171, 235, 1) !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: ">";}
.pagination a.page-link{font-family: cursive,monospace,serif;}
/*数字滚动*/
.num-scroll-two{font-size: 0; text-align: center; margin-left: -40px; margin-right: -40px;}
.num-scroll-two li{position: relative; display: inline-block; width: 25%; color: #fff;}
.num-scroll-two.inner{margin-left: 0; margin-right: 0;}
.num-scroll-two.inner li{width: 16.6666%;}
.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: #7f7f7f; font-size: 16px; line-height: 1; position: relative;}
.num-scroll-two li .num-cont .num{display: inline-block; line-height: 1; color: #333333; font-size: 64px; margin-right: 5px; font-weight: bold;}
.num-scroll-two li .num-cont i{font-style: normal; position: absolute; right: -15px; top: 8px; font-size: 16px; color: #0f0f45;}
.num-scroll-two li:nth-child(4) .num-cont i{right: -45px;}
.num-scroll-two li .scroll-cont{display: inline-block;}
.num-scroll-two li .num-tit{font-size: 16px; color: #333; margin-top: 10px;}
.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: 126px; height: 39px; line-height: 39px; font-size: 0; text-align: center; background-color: #b80000; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.com-more .icon-com-more{background-image: url(../images/icon/more3.png);}
.com-more:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
.com-more:hover .icon{-webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px);}
.com-more.min{width: 100px; height: 30px; line-height: 30px;}
.page-btn{display: inline-block; width: 250px; line-height: 46px; text-align: center; background: #41AB03; color: #fff !important; border-radius: 5px; font-size: 24px;}
/*视屏播放弹窗样式*/
.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;}
@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: 10px !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;}}
/*按钮效果*/
.hover-shadow{-webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.hover-shadow:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.15);}
.no-border{border: none !important;}
/* 在线客服样式 */
.sz-kefu{position:fixed;width:50px;height:275px;right:0;top:50%;z-index:100;}
.sz-kefu ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:1px;font-size:12px;line-height:50px;}
.sz-kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#b80000;overflow:hidden;opacity:.8;}
.sz-kefu ul li.kf2 .sidebox{/* background:#7fbb57; */overflow:visible;}
.sz-kefu ul li .sidebox:hover{opacity:1;}
.sz-kefu ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#222;transition:all 0.3s;opacity:.8;}
.sz-kefu ul li .sidetop:hover{opacity:1;}
.sz-kefu ul li img{float:left;}
.sz-kefu ul li .sidebox3{font-size:16px;}
.sz-kefu ul li .kImg{padding:13px;}
.sz-kefu .kf_wx{position:absolute; top:0;left:-140px;width:110px;display:;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;box-sizing: content-box;}
.sz-kefu .kf_wx img{display:block;width:110px; height:110px;margin-bottom:5px;float:none;}
.sz-kefu .qq{height:0;position:relative;z-index:2;}
.sz-kefu .qq .sidebox{border:1px solid #b80000;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;}
.sz-kefu .qq h5{height:35px;line-height:35px;background:#b80000;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;}
.sz-kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;}
.sz-kefu .qq h5 i:hover{transform: rotate(90deg);}
.sz-kefu .qq a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #b80000;margin:5px 15px}

/*百度分享修复*/
.bd_weixin_popup {
	box-sizing: content-box;
}