@charset "utf-8";
@font-face {
    font-family: dincondbold;
    src: url("../font/dincondbold.otf");
}
@font-face {
    font-family: dinbolditalic;
    src: url("../font/dinbolditalic.otf");
}
@font-face {
    font-family: dincondmedium;
    src: url("../font/dincondmedium.otf");
}
@font-face {
    font-family: impact;
    src: url("../font/impact.ttf");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";}
input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";font-size: 14px;}
img { border: none; }
h1,h2,h3,h4,h5{font-weight: normal;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.size16{font-size: 16px;}
.size18{font-size: 18px;}
.size20{font-size: 20px;}
.size22{font-size: 22px;}
.size24{font-size: 24px;}
.size26{font-size: 26px;}
.size28{font-size: 28px;}
.size30{font-size: 30px;}
.padding-tb90{padding: 90px 0;}
.padding-tb60{padding: 60px 0;}

/*header s*/
body{padding-top: 85px;transition: all .4s;}
.header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;height: 85px;transition: all .4s;background: #fff;}
.logo{position: absolute;left: 50px;top:50%;transform: translateY(-50%);}
.logo img{display: block;height: 49px;transition: all .4s;}
.logo-fff{position: absolute;left: 0;top:0;height: 100%;opacity: 0;filter: alpha(opacity=0);}
.nav-box{margin-right: 286px;}
.nav li{float: left;position: relative;}
.nav-yi{display: inline-block;line-height: 85px;font-size: 16px; padding: 0 30px;transition: all .4s;position: relative;z-index: 3;}
.nav-yi span{position: relative;z-index: 1;display: inline-block;color: #4b4b4b;transition: all .4s;}
.nav-yi span:after{position: absolute;z-index: -1;bottom:0;left: 50%;transform: translateX(-50%); height: 2px;background: #0052a5;width:0;content: "";transition: all .4s;}
.nav li.active .nav-yi span:after{width: 100%;}
.nav li.active .nav-yi span{color: #0052a5;}
.nav-er{position: absolute;width: 200px;left: 50%;margin-left: -100px;box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.21);opacity: 0;margin-top: -20px;transition: all .4s;pointer-events: none;}
.nav-er a{display: block;background: #fff;text-align: center;line-height: 44px;text-transform: uppercase;font-size: 14px;}
.header-area{position: absolute;right: 80px;height: 22px;margin-top: -11px;top:50%;z-index: 9;}
.tel{color:#0052a5;position: relative;padding-left: 30px;}
.tel:before{position: absolute;width: 17px;height: 17px;background: url("../images/tel.png") no-repeat center;background-size: cover; left: 0;top:50%;margin-top: -8px;content: '';}
body.active .header{box-shadow: 0 1px 2px #ddd;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #006bd3; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.index-body{padding-top: 0;}
.index-body.active{padding-top: 0;}
.header-style .header{background: none;border-bottom: 1px solid rgba(255,255,255,.2);}
.header-style .header .nav-yi span{color: #fff;}
.header-style .logo-fff{opacity: 1;filter: alpha(opacity=100);}
.header-style .logo-blue{opacity: 0;filter: alpha(opacity=0);}
.header-style .tel{color: #fff;}
.header-style .tel:before{background: url("../images/tel-fff.png") no-repeat center;background-size: cover;}
/*header e*/
/*footer s*/
.footer-top{background: #e8e8e8;padding: 40px 0;border-bottom: 1px solid #d7d7d7;}
.logo-footer{padding: 30px 0;}
.footer-address li{position: relative;margin-bottom: 15px;}
.footer-address div{position: absolute;top:0;left: 0;}
.footer-address div img{margin-right: 19px;margin-top: -4px;vertical-align: middle;}
.footer-address span{margin-left: 80px;display: block;}
.footer-bot{background: #d7d7d7;padding: 20px 0;text-align: center;}
.footer-address li.footer-em img{margin-right: 4px;}
.footer-nav dl{float: left;margin-left: 120px;margin-top: 36px;}
.footer-nav dl:first-child{margin-left: 0;}
.footer-nav dt{font-size: 18px;margin-bottom: 20px;}
.footer-nav dd{margin-bottom: 10px;}
.footer-nav a{transition: all .4s;}
/*.footer-nav a:hover{color: #fff;}*/
.footer-share{text-align: right;}
.footer-share a{display: inline-block;width: 36px;height: 36px;margin-left: 10px;position: relative;}
.footer-share a .i{border-radius: 100%;border: 1px solid #ccc; transition: all .4s;}
.footer-share a:hover .i{border: 1px solid #ccc;}
.weixin .i{background: url("../images/wx.png") no-repeat center;background-size: cover;}
.qzone .i{background: url("../images/qq.png") no-repeat center;background-size: cover;}
.weibo .i{background: url("../images/wb.png") no-repeat center;background-size: cover;}
.footer-bot span,.footer-bot a{display: inline-block;text-transform: uppercase;margin: 0 8px;}
.ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;}
.ermwarp{position: absolute;top:50%;left: 50%;margin: -131px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 277px;border:1px solid #d8d8d8;}
#erm{width: 185px;height: 185px;margin: 15px auto;}
.erlgh span{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;position: relative;color: #000;}
.ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #999;text-decoration: none;font-size: 16px;}
.erlgh_footer{font-size: 12px;text-align: left;line-height: 22px;color: #666;}
/*footer e*/
/*index s*/
.banner-des{margin-bottom: 6.5%;padding: 0 4%;}
.banner-des h2{color: #fff;font-size: 50px;margin-bottom: 10px;}
.banner-des p{color: #fff;font-size: 17px;text-transform: uppercase;}
.bannerDot{position: absolute;left: 0;width: 100%;bottom:50px;z-index: 9;}
.bannerDot .swiper-pagination-bullet{opacity: 1;width: 9px;height: 9px;background: #fff;margin: 0 15px;position: relative;vertical-align: middle;transition: all .4s;}
.bannerDot .swiper-pagination-bullet:before{content: "";position: absolute;top:-4px;right:-4px;bottom:-4px;left: -4px;border-radius: 100%;border:1px solid #fff;}
.bannerDot .swiper-pagination-bullet-active{width: 16px;height: 16px;background: #006bd3;}
.bannerDot .swiper-pagination-bullet-active:before{top:-6px;right:-6px;bottom:-6px;left: -6px;border-color: #006bd3;}
.title48{margin-bottom: 55px;}
.title48 h3{font-size: 42px;color: #000;font-weight:bold;}
.title48 h2{font-size: 20px;color: #666;line-height: 1em;margin: 16px auto 20px;text-transform: uppercase;}
.title48 .i{width: 54px;border-top: 1px solid #089df4;}
.title48.text-center .i{margin: 0 auto;}
.title48-fff h2{color: #fff;}
.title48-fff h3{color: #fff;}
.title48-fff .i{border-color: #fff;}
.hxyw{position: relative;}
/*.hxyw .img100{width: 38%;}*/
/*.hxyw .title48{position: absolute;top:10%;left: calc(50% - 720px);z-index: 9;}*/
/*.hxyw .title48 .i{margin: 0;}*/
.zindex5{z-index: 5;}
.yeelgsd{margin-top: 50px;padding-bottom: 0;}
.ywfwbg{position: absolute;width: 100%;top:0;bottom:200px;left: 0;z-index: -1;}
.hxyw-play{z-index: 9;}
.hxyw-play .swiper-container{}
.hxyw-bot{position: absolute;left: 0;width: 100%;bottom:0;background: #089df4;}
.hxyw-bot p{color: #fff;line-height: 46px;padding-left: 60px;}
.hxyw-bot span{position: absolute;font-size: 42px;color: #fff;font-family: dinbolditalic;left: 10px;top:-18px;line-height: 1em;}
.hxyw-bot .i{position: absolute;right: 6px;top:50%;margin-top: -7px;}
.hxyw-hide{background: rgba(8,157,224,.85);text-align: center;position: absolute;width: 100%;left: 0;bottom:-100%;height: 100%;transition: all .4s;}
.hxyw-warp{margin: 0 30px;}
.hxyw-warp span{display: block;font-size: 42px;font-family: dinbolditalic;color: #fff;margin-bottom: 10px;}
.hxyw-warp h3{color: #fff;font-size: 16px;}
.hxyw-warp p{color: #fff;margin: 20px 0 25px;}
.hxyw-play a{display: block;position: relative;overflow: hidden;}
.hxyw-play a:hover .hxyw-hide{bottom:0;}
.hxyw-play a:hover .hxyw-bot{opacity:0;}
.hxyw-play .swiper-slide:nth-child(even) .hxyw-bot{background: #006bd3;}
.hxyw-play .swiper-slide:nth-child(even) .hxyw-hide{background: rgba(0,107,211,.85);}
.hxywBtn{position: absolute;right:0;top:-82px;z-index: 9;}
.hxywBtn div{width: 58px;height: 58px;display: inline-block;cursor: pointer;transition: all .4s;border-radius: 100%;border:1px solid #fff;}
.hxywBtn div.swiper-button-disabled{cursor: default;}
.hxywBtn1{background: url("../images/581.png") no-repeat center;background-size: cover;margin-right: 10px;}
.hxywBtn2{background: url("../images/582.png") no-repeat center;background-size: cover;}
.hxywBtn div{background-color: #fff;}
.hxywBtn1{background: url("../images/581-1.png") no-repeat center;background-size: cover;}
.hxywBtn2{background: url("../images/582-1.png") no-repeat center;background-size: cover;}

.case-paly .hxywBtn div{border-color: #006bd3;}
.case-paly .hxywBtn1{background: url("../images/581-1.png") no-repeat center;background-size: cover;}
.case-paly .hxywBtn2{background: url("../images/582-1.png") no-repeat center;background-size: cover;}
.case-paly .hxywBtn div:hover{background-color: #006bd3;}
.case-paly .hxywBtn1:hover{background: url("../images/581.png") no-repeat center;background-size: cover;}
.case-paly .hxywBtn2:hover{background: url("../images/582.png") no-repeat center;background-size: cover;}

.about-img{width: 41.5%;position: absolute;height: 100%;left: 0;top:0;}
.about-con{width: 58.5%;background: #e8e8e8;float: right;}
.about-warp{padding:80px 60px;}
.about-top{margin-bottom: 40px;}
.about-top h3{margin-bottom: 5px;}
.about-top span{font-size: 17px;}
.about-des p{margin-bottom: 30px;}
/*.more{color: #fff;}*/
.more img{margin-left: 5px;vertical-align: middle;transition: all .4s;}
.about-des{padding-bottom: 20px;}
.more:hover img{margin-left: 10px;}
.about-sj{background:#f6f6f6; box-shadow: 0 0 13px 0 rgba(40,40,40,0.5);}
.digital{font-size: 0;}
.digital li{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;width: 25%;position: relative;padding: 25px 0;}
.digital-top{display: inline-block;position: relative;padding-right: 5px;}
.digital-top span{font-size: 36px; font-family: dincondmedium;color: #006bd3;}
.digital-top sup{font-size: 24px; font-family: dincondmedium;color:#006bd3; position: absolute;right: -10px;top:0;}
.digital i{font-style: normal;font-size: 13px;color:#006bd3;}
.digital p{margin-top: 6px;color: #222222;}
.digital li:last-child i{font-size: 24px;font-family: dincondmedium;}
.digital li:before{content: "";position: absolute; transition: all .4s;background: #d9e8f1;top:0;height: 100%;width: 0;left: 50%;transform: translateX(-50%);z-index: -1;}
.digital li:after{content: "";position: absolute; transition: all .4s;border-left:2px solid #d9e8f1;right: 0;height: 80px;top:50%;margin-top: -40px;}
.digital li:last-child:after{display: none;}

.digital li:hover:before{width: 100%;}
/*.case-page{margin-bottom: 17px;}*/
.case-page .img{position: relative;overflow: hidden;}
.case-page .img .position-full{transition: all .4s;}
.case-bot{height: 82px;background: #f7f7f7;padding: 0 35px;position: relative;transition: all .4s;}
.case-bot p{color: #505050;transition: all .4s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.case-bot i{position: absolute;right: -20px;margin-top: -6px;top:50%;opacity: 0;transition: all .4s;}
.case-right{float: right;width: 23.61%;}
.case-right .img{height: 202px;}
/*.case-right .case-page:nth-child(1) .img{height: 258px;}*/
/*.case-right .case-page:nth-child(1) .case-bot{height: 60px;}*/
.case-mid-top .case-bot{height: 60px;}
/*.case-mid{float: left;width: 49.16%;margin-left: 1.95%;}*/
.case-mid-top .img{height: 258px;}
.case-mid-bot .img{height: 202px;}
.case-mid-bot .case-page{width: 48.8%;}

/*.case-page .img{height: 216px;}*/
/*.case-page:nth-child(1){width: 23.33%;float: left;}*/
/*.case-page:nth-child(1) .img{height: 536px;}*/
/*.case-page:nth-child(2){width: 49.16%;float: left;margin-left: 1.95%;}*/
/*.case-page:nth-child(3){width: 23.61%;float: right;}*/
/*.case-page:nth-child(4){width: 23.61%;position: absolute;left: 25.2%;bottom:0;}*/
/*.case-page:nth-child(5){width: 23.61%;position: absolute;right: 25.6%;bottom:0;}*/
/*.case-page:nth-child(6){width: 23.61%;position: absolute;right: 0;bottom:0;}*/





/*.case-page:hover .case-bot{background: #089df4;}*/
/*.case-page:hover .case-bot p{color: #fff;}*/
/*.case-page:hover .case-bot i{opacity: 1;}*/
.case-page:hover .img .position-full{transform: scale(1.1) translateZ(0);}
.caseBtn{position: absolute;right: 0;top:-80px;}
.caseBtn div{width: 46px;height: 46px;box-sizing: border-box;background-color: #fff;transition: all .4s;cursor: pointer;display: inline-block;border:1px solid #006bd3;border-radius: 100%;}
.caseBtn1{margin-right: 5px;background: url("../images/jt461.png") no-repeat center;background-size: cover;}
.caseBtn2{background: url("../images/jt462.png") no-repeat center;background-size: cover;}
.caseBtn div:hover{background-color: #006bd3;}
.caseBtn1:hover{background: url("../images/jt463.png") no-repeat center;background-size: cover;}
.caseBtn2:hover{background: url("../images/jt464.png") no-repeat center;background-size: cover;}
.news{padding-bottom: 60px;}
.news-play .swiper-slide a{display: block;padding: 8px;box-sizing: border-box;margin: 8px;transition: all .4s;}
.news-play .swiper-slide .img100{overflow: hidden;transition: all .4s;}
.news-time1{width: 86px;height: 86px;overflow: hidden;transition: all .3s;position: relative;}
.news-time1-con{position: absolute;width: 100%;height: 100%;border:1px solid #d8d8d8;box-sizing: border-box;padding: 15px 10px;}
.news-time1 p{font-size: 24px;color: #089df4;}
.news-time1 span{color: #b4b3b3;}
/*.news-bot{padding:0 20px;}*/
.news-bot h3{color: #2e2e2e;margin-top: 20px;}
.news-des{margin-top: 15px;}
.news-des p{font-size: 13px;line-height: 1.8em; color: #8f8e8e;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-more{display: block; bottom:0;font-size: 10px;color: #8f8e8e; left: 38px;transition: all .4s;margin-top: 20px;}
.news-more img{filter: grayscale(1);transition: all .4s;vertical-align: middle;margin-top: -4px;margin-left: 5px;}
.news-time2{display: block;color: #b4b3b3;font-size: 12px;margin-top: 5px;height: 0;overflow: hidden;transition: all .4s;}
.news-play .swiper-slide a:hover{background: #f7f7f7; box-shadow: 0 3px 7px 0 rgba(174, 174, 174, 0.5);}
.news-play .swiper-slide a .img100{height: 195px;}
.news-play .swiper-slide a .news-time1{height: 0;}
.news-play .swiper-slide a:hover .news-more{color: #089df4;}
.news-play .swiper-slide a:hover .news-more img{filter: none;}
.news-play .swiper-slide a .news-time2{height:17px;}
.index-fw{padding: 70px 0;}
.index-fw ul{width: 1080px;margin: 0 auto;max-width: 100%;font-size: 0;text-align: center;}
.index-fw ul li{display: inline-block;vertical-align: top;width: 33.33%;font-size: 14px;position: relative;}
.index-fw ul li:after{content: '';position: absolute;right: 0;height: 160px;margin-top: -80px;top:50%;border-right: 1px solid #b5cfe6;}
.index-fw ul li:last-child:after{display: none;}
.index-fw ul li a{display: block;margin: 0 70px;}
.index-fw h3{color: #fff;margin: 20px 0;}
.index-fw p{color: #fff;}
/*index e*/
/*1公司简介 s*/
.ban-des{text-align:center;display: inline-block;position: relative;}
.ban-des h2{font-size: 36px;color: #fff;margin-bottom:15px;line-height: 1em;}
.ban-des p{font-size: 18px;color: #fff;font-weight:bold;text-transform: uppercase;line-height: 1em;}
.ban-des .i1{width: 111px;height: 79px;background: url("../images/i1.png") no-repeat center;background-size: cover;position: absolute;bottom:100%;left: 60%;margin-bottom: 15px;transform-origin: bottom left;animation-delay: 500ms !important;}
.ban-des .i2{width: 104px;height: 72px;background: url("../images/12_03.png") no-repeat center;background-size: cover;position: absolute;top:100%;right: 72%;margin-top: 15px; transform-origin: top right;animation-delay: 500ms !important;}
.about-lm .ban-con{text-align: right;}
.about-lm .ban-des{margin-right: 24%;}
.about-lm .ban-des h2{color:#0052a5;}
.about-lm .ban-des p{color:#0052a5;}
.about-lm .ban-des .i1{background: url("../images/i1-1.png") no-repeat center;background-size: cover;left: 54%;}
.about-lm .ban-des .i2{width: 86px;height: 96px;background: url("../images/i2-1.png") no-repeat center;background-size: cover;top:100%;right: 90%;margin-top:-10px;}
.position{line-height: 66px;height: 66px;}
.about-lm .position{border-bottom: 1px solid #d3d3d3;}
.position-l a{color: #a5a5a5;}
.position-l a img{vertical-align: middle;margin-right: 5px;margin-top: -4px;}
.position-l span{color: #a5a5a5;}
.position-l a:last-child{color: #0052a5;}
.title24{margin-bottom: 40px;}
.title24 h2{font-size: 24px;margin-bottom: 6px;}
.title24 p{color: #868585;}
.yxgs-l{width: 58%;}
.yxgs-l p{color: #8a8a8a;margin-bottom: 25px;font-size: 16px;}
.yxgs-r{width: 33.75%;padding-top: 70px;}
.yxgs-r .digital li{width: 50%;border-right: 1px solid #e0e0e0;box-sizing: border-box;border-bottom: 1px solid #e0e0e0;}
.yxgs-r .digital li:nth-child(even){border-right: none;}
.yxgs-r .digital li:nth-child(3){border-bottom: none;}
.yxgs-r .digital li:nth-child(4){border-bottom: none;}
.yxgs-r .digital li:after{display: none;}
.yxgs-r .digital-top span{line-height: 1em;font-size: 42px;}
.yxgs-r .digital p{font-size: 14px;}
.cultrue li{float: left;width: 23.5%;margin-right: 2%;}
.cultrue li:nth-child(4n){margin-right: 0;}
.cultrue-bot{background: #f0f0f0;padding: 15px 40px;}
.cultrue-bot h3{margin-bottom: 5px;}
.cultrue-bot p{}
.honor{font-size: 0;}
.honor li{font-size: 14px;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;display: inline-block;vertical-align: top;text-align: center;}
.honor li:nth-child(3n){margin-right: 0;}
.honor .li p{color: #868585;margin-top: 20px;text-align: center;}
/*1公司简介 e*/
/*2.1核心业务综合页 s*/
/*.business-lm .ban-con{text-align: right;}*/
.business-lm .ban-des{margin-left: 15%;margin-bottom: 8%;}
.yw-big img{max-width: 100%;height:  auto !important;}
.business-list{font-size: 0;}
.business-list li{display:inline-block;vertical-align: top;width:30%;margin-right:5%;margin-bottom:5%;text-align: center;}
.business-list li:nth-child(3n){margin-right: 0;}
.margin-b40{margin-bottom: 40px;}
.business-bot{background: #f1f1f1;padding: 40px;}
.business-bot h3{color: #006ab8;margin-bottom: 15px;}
.business-bot p{color: #595959;line-height: 1.8em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*2.1核心业务综合页 e*/
/*2.2核心业务 s*/
.position-r{position: absolute;right: 0;top:0;}
.fh{display: inline-block;position: relative;font-size: 16px;color: #000;padding-left: 30px;}
.fh:before{content: '';position: absolute;left: 0;width: 20px;height: 20px;top:50%;margin-top: -10px;background: url("../images/fh.jpg") no-repeat center;background-size: cover;}
.color006ab8{color: #006ab8;}
.des1{text-align: center;width: 1360px;max-width: 100%;margin: 0 auto;}
.des p{font-size: 16px;color: #595959;line-height: 2em;}
.gaoqing{text-align: center;}
.gaoqing img{max-width: 100%;margin: 0 auto;display: block;height: auto !important;}
.margin-b60{margin-bottom: 60px;}
.ywxx-left{width: 44%;}
.ywxx-right{width: 49.65%;text-align: center;}
.ywxx-right img{width: auto;max-width: 100%;}
/*2.2核心业务 e*/
/*3.1工程案例 s*/
.padding30-60{padding: 30px 0 60px;}
.case-lm .ban-con{text-align: right;}
.case-lm .ban-des{margin-right: 13%;margin-bottom: 8%;}
.ny-nav-hide{display: none;}
.ny-nav{position: relative;text-align: center;border-bottom: 1px solid #d3d3d3;height: 60px;}
.ny-navs{text-align: center;}
.ny-navs a{display: inline-block;font-size: 16px;color: #6a6b6b;line-height: 60px;height: 60px;margin: 0 18px;position: relative;transition: all .4s;}
.ny-navs a:after{content: '';position: absolute;bottom:-1px;width: 0;border-top: 2px solid #006bd3;left: 50%;transform: translateX(-50%);transition: all .4s;}
.ny-navs a.active{color: #006bd3;}
.ny-navs a.active:after{width: 100%;}
.ny-navs a:hover{color: #006bd3;}
.ny-navs a:hover:after{width: 100%;}
.margin-b50{margin-bottom: 50px;}
.anli li{margin-bottom: 45px;transition: all .4s;}
.anli li a{display: block;position: relative;}
.anli .img{position: absolute;width: 38.47%;height: 100%;left: 0;top:0;}
.anli-con{width: 57%;margin-left: 43%;min-height: 360px;transition: all .4s;}
.anli1{padding: 16px 0;margin-bottom: 10px;}
.anli1 h2{color: #010101;margin-right: 80px;}
.anli1 span{color: #006ab8;position: absolute;right: 0;top:50%;margin-top: -10px;}
.anli2{margin-bottom: 45px;height: 100px;}
.anli2 p{color: #4d4d4d;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.anli3{border-top: 1px dashed #b9b9b9;padding-top: 20px;}
.anli3 p{color: #898989;}
.anli li:hover{background: #f5f5f5;}
.anli li:hover .anli-bot{padding-right: 20px;}
.anli li:hover .anli1{padding: 16px 20px;background: #006bd3;}
.anli li:hover .anli1 h2{color: #fff;}
.anli li:hover .anli1 span{color: #fff;}
/*.anli li:hover .anli-con{width: 59%;margin-left: 41%;}*/
.ckgffd{margin-left: 60px;}
.ckgffd a{font-size: 16px;color: #666;transition: all .4s;}
.ckgffd a:hover{color: #006bd3;}
/*3.1工程案例 e*/
/*3.2工程案例详情 s*/
.anlixq-top h2{margin-bottom: 20px;}
.anlixq-top p{color: #767676;line-height: 2em;}
.pc-slide{width: 60%;margin: 50px auto;}
.preview .swiper-slide{width: 19%;margin-right: 1.25%;margin-top: 1.25%;position: relative;cursor: pointer;}
.preview .swiper-slide:last-child{margin-right: 0;}
.preview .swiper-slide:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.5);transition: all .4s;}
.preview .swiper-slide.active-nav:before{opacity: 0;}
.viewBtn a{position: absolute;width: 46px;height: 46px;box-sizing: border-box;border:1px solid #fff;background-color: rgba(0,0,0,.3);z-index: 9;top:50%;margin-top: -23px;border-radius: 100%;}
.viewBtn1{left: 20px;background: url("../images/jt463.png") no-repeat center;background-size: cover;}
.viewBtn2{right: 20px;background: url("../images/jt464.png") no-repeat center;background-size: cover;}
.viewBtn a:hover{background-color: #006bd3;}
/*3.2工程案例详情 e*/

/*4.1服务支持-服务流程 s*/
.service-lm .ban-des{margin-left: 25%;}
.max100 img{max-width: 100%;height: auto !important;}
/*4.1服务支持-服务流程 e*/

/*4.2服务支持-服务反馈 s*/
.fwfk h2{margin-bottom: 20px;}
.fwfk h2 img{vertical-align: middle;margin-right: 8px;margin-top: -4px;}
.fwfk{border-bottom: 1px dashed #ddd;padding-bottom: 30px;}
.fankui{width: 740px;max-width: 100%;margin: 0 auto;}
.fankui-page{float: left;position: relative;width: 36%;margin-bottom: 15px;}
.fankui-page.width100{width: 100%;}
.fankui-page .text{display: block;background: none;height: 31px;line-height: 31px;text-indent: 1em;width: 100%;}
.fankui-page-fzr{width: 28%;}
.fankui-r{border:1px solid #ddd;margin-left: 80px;}
.fankui-page span{position: absolute;left: 0;top:0;text-align: right;width: 70px;color: #666;line-height: 33px;}
.textarea{margin: 5px 1em;}
.textarea textarea{display: block;resize: none;width: 100%;height: 220px;}
.qdtj{display: block;width: 150px;line-height: 36px;height: 36px;background: #006ab8;color: #fff;font-size: 16px;text-align: center;margin: 25px auto;}
/*4.2服务支持-服务反馈 e*/
/*4.3服务支持-项目咨询 s*/
.fankui-page-gsmc{width: 61%;}
.fankui-page-part{float: right;}
.fankui-page-part span{width: 80px;}
/*4.3服务支持-项目咨询 e*/
/*4.4服务支持-资料下载 s*/
.zlxz li{line-height: 46px;border-bottom: 1px dashed #a5a5a5;position: relative;font-size: 16px;}
.zlxz li span{color: #898989;}
.zlxz-2{position: absolute;right:300px;top:0;width: 180px;}
.zlxz-3{position: absolute;right:120px;top:0;width: 180px;}
.zlxz-4{position: absolute;right: 0;top:0;}
.zlxz-4 a{color: #006ab8;position: relative;padding-left: 36px;}
.zlxz-4 a:before{content: '';position: absolute;left: 0;width: 21px;height: 16px;background: url("../images/xz.png") no-repeat center;background-size: cover;top:50%;margin-top: -8px;}
.zlxz-1 a{position: relative;padding-left: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #353535;transition: all .4s;}
.zlxz-1 a:hover{color: #006bd3;}
.zlxz-1{margin-right: 520px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zlxz-1 a:before{content: '';position: absolute;width: 8px;height: 10px;background: url("../images/dbx8.png") no-repeat center;background-size: cover;left: 0;top:5px;}
.page{text-align: center;font-size: 0;margin-top: 60px;}
.page a{font-size: 14px;line-height: 38px;border:1px solid #d1d1d1;color: #666;display: inline-block;padding: 0 11px;margin: 0 6px;min-width: 18px;}
.page a.active{background: #006bd3;color: #fff;border-color: #006bd3;}
.page a:hover{background: #006bd3;color: #fff;border-color: #006bd3;}
/*4.4服务支持-资料下载 e*/
/*4.5服务支持-知识科普 s*/
.zskp li{margin-bottom: 30px;}
.zskp a{display: block;position: relative;}
.zskp-time{position: absolute;left: 0;top:0;width: 134px;text-align: center;background: #006ab8;height: 100%;}
.zskp-time strong{font-size: 54px;color: #fff;line-height: 1em;}
.zskp-time p{font-size: 13px;color: #fff;}
.zskp-con{margin-left: 134px;border:1px solid #d3d3d3;border-left: none;min-height: 110px;}
.zskp-warp{padding: 25px 40px;}
.zskp-warp h3{color: #353535;margin-bottom: 10px;}
.zskp-warp p{color: #7f7e7e;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zskp li:hover{background: #f4f7f9;}
.zskp li:hover h3{color: #006ab8;}
/*4.5服务支持-知识科普 e*/
/*5解决方案-工厂安防 s*/
.solution-lm .ban-con{text-align: right;}
.solution-lm .ban-des{margin-right: 18%;margin-bottom: 5%;}
.solu-page h3{font-size: 18px;color: #353535;margin-bottom: 15px;}
.solu-page h4{font-size: 15px;color: #4c4c4c;margin-bottom: 8px;}
.solu-page p{color: #7f7e7e;line-height: 1.8em;}
.solu-page{margin-bottom: 35px;}
.solu-page img{max-width: 100%;height: auto !important;vertical-align: bottom;}
.solu-page-box{font-size: 0;}
.solu-page-box .solu-page{display: inline-block;vertical-align: top;font-size: 14px;width: 45%;margin-right:10%;margin-top: 20px;}
.solu-page-box .solu-page:nth-child(even){margin-right: 0;}
.xw li{border-bottom: 1px dashed #c5c5c5;}
.xw a{display: block;padding: 25px 0;}
.xw p{color: #7f7e7e;line-height: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw .img100{width:325px;}
.xw-con{left: 392px;position: absolute;top:40px;right: 35px;}
.xw-con h2{margin-bottom: 10px;transition: all .4s;}
.xw-con span{font-size: 12px;color: #adadad;}
.xw-top{margin-bottom: 20px;padding-right: 66px;}
.xw-more{position: absolute;right: 0;top:6px;color: #b4b4b4;font-size: 11px;text-transform: uppercase;}
.xw a:hover{background: #f9f9f9;}
.xw a:hover h2{color: #006bd3;}
/*5解决方案-工厂安防 e*/
/*6.2新闻中心详情 s*/
.edite-bots{width: 50%;padding: 28px 0;box-sizing: border-box;font-size: 0;}
.edite-bots:nth-child(2){text-align: right;}
.edite-bots a{display: inline-block;font-size: 14px;position: relative;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #505050;max-width: 98%;}
.edite-bots:nth-child(1) a{padding-left: 45px;}
.edite-bots:nth-child(2) a{padding-right: 45px;}
.edite-bots .i1{width: 14px;height: 14px;position: absolute;top:50%;margin-top: -7px;}
.edite-bots .i2{height: 12px;border-right: 1px solid #bbb;position: absolute;top:50%;margin-top: -6px;}
.edite-bots:nth-child(1) .i1{left: 0;background: url("../images/xqbtn1.png") no-repeat center;background-size: cover;}
.edite-bots:nth-child(2) .i1{right: 0;background: url("../images/xqbtn2.png") no-repeat center;background-size: cover;}
.edite-bots:nth-child(1) .i2{left: 25px;}
.edite-bots:nth-child(2) .i2{right: 25px;}
.edite-bots a:hover{color: #307fe7;}
.xwxq-top{padding: 30px 0;}
.xwxq-top h1{color: #363636;margin-bottom: 36px;}
.xwxq-top span{color: #adadad;font-size: 12px;display: inline-block;}
.edited{border-top: 1px dashed #c5c5c5;border-bottom: 1px dashed #c5c5c5;padding: 40px 0;}
.edited p{color: #7f7e7e;margin-bottom: 40px;}
.edited img{display: block;margin: 0 auto;max-width: 100%;height: auto !important;}
/*6.2新闻中心详情 e*/
/*7.1联系我们-售后服务点 s*/
.contact-lm .ban-con{text-align: left;}

/*.contact-lm .ban-des .i1{background: url("../images/i1-1.png") no-repeat center;background-size: cover;left: 54%;}*/
/*.contact-lm .ban-des .i2{width: 86px;height: 96px;background: url("../images/i2-1.png") no-repeat center;background-size: cover;top:100%;right: 90%;margin-top:-10px;}*/


.contact-lm .ban-des{margin-right: 15%;}
.salehou .ny-nav{margin-bottom: 0 !important;}
.shfw-top{background: #f9f9f9;}
.shfw-top-con{padding: 50px 30px;}
.shfw-title{margin-bottom: 30px;}
.shfw-title h3{margin-bottom: 20px;}
.shfw-title p{font-size: 18px;color: #006bd3;}
.shfw-top-con .shfw-title{border-bottom: 1px dashed #c5c5c5;padding-bottom: 25px;}
.shfw-bot{width: 1210px;max-width: 100%;margin: 0 auto;}
.ditu{width: 52.72%;}
.fwd{position: absolute;width: 42%;height: 100%;top:0;right: 0;}
.fwd .solu-page p{font-size: 18px;}
/*7.1联系我们-售后服务点 e*/
/*7.2联系我们-联系方式 s*/
.lxfs-l{width: 46%;background: #f9f9f9;height: 534px;}
.lxfs{padding: 20px 0;}
.lxfs-l-warp{padding: 40px;}
.lxfs-top{border-bottom: 1px dashed #c5c5c5;padding-bottom: 20px;margin-bottom: 20px;}
.lxfs-top h3{font-size: 28px;color: #006ab8;}
.lxfs-top p{font-size: 16px;color: #006ab8;}
.tel-big{font-size: 48px;color: #006ab8;font-family: impact;}
.tel-big img{width: 50px;margin-right: 15px;}
.adress li{position: relative;padding-left: 95px;font-size: 18px;color: #353535;margin-top: 32px;}
.adr-name{position: absolute;left: 0;top:0;}
.adress li span{display: inline-block;font-size: 18px;color: #353535;margin-right: 20px;}
.adr-name img{vertical-align: middle;width: 30px;margin-top: -2px;margin-right: 10px;}
.lxfs-r{background: #f9f9f9;width: 46%;}
.lxfs-r-warp{padding: 25px;}
.lxfs-r-top{position: relative;font-size: 18px;color: #353535;padding-left: 40px;line-height: 30px;margin-bottom: 20px;}
.lxfs-r-top img{position: absolute;left: 0;top:0;}
.map{border:2px solid #fff;height: 430px;}
.map h3{}
.BMap_bubble_center{z-index: 99 !important;margin-top: -20px;}
/*7.2联系我们-联系方式 e*/
.ywlctu{transform-origin: bottom;}
.swiper-dots{margin-top: 50px;}
.swiper-dots .swiper-pagination-bullet{margin: 0 5px;}

.downform-stle{position: fixed;width: 100%;height: 100%;top:0;left: 0;z-index: 99999;background: rgba(0,0,0,.5);display: none;}
.downform-con{background: #fff;width: 480px;border-radius: 6px;left: 50%;top:50%;transform: translate(-50%,-50%);position: absolute;max-width: 92%;}
.downform-top{text-align: right;line-height: 54px;padding: 0 25px;}
.downform-top a{font-size: 16px;}
.downform-mid p{font-size: 18px;color: #000;line-height: 72px;display: inline-block;vertical-align: middle;width: 17%;}
.downform-mid .text{width: 60%;height: 46px;background: #f9f9f9;text-indent: 1em;font-size: 16px;display: inline-block;vertical-align: middle;}
.dsubmit{display: block;width: 120px;line-height: 44px;text-align: center;color: #fff;margin: 30px auto;background: #006ab8;border-radius: 4px;font-size: 14px;}
.downform-mid{font-size: 0;}
.downform-con h4{font-size: 16px;margin-bottom: 20px;}

.case-bottom{text-align: center;margin-top: 60px;}
.case-bottom .ckgffd,.case-bottom .page{display: inline-block;vertical-align: middle;margin-top: 0;padding-top: 0;}


.fixed-style{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100020;background-color: rgba(51,51,51,.9);display: none;}
.cclbt .swiper-container{height: 100%;}
.cclbt .swiper-slide img{max-height: 90%;max-width: 80%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.ccBtn div{position: absolute;top:50%;margin-top: -24px;cursor: pointer;z-index: 9;}
.ccBtn div.swiper-button-disabled{display: none;}
.ccBtn svg{width: 48px;height: 48px;}
.ccBtn svg path{fill: #fff;}
.ccBtn1{left: 50px;}
.ccBtn2{right: 50px;}
.close_cojtexk{position: absolute;right: 30px;top:30px;z-index: 9;}
.close_cojtexk path{fill: #fff;}
.honor .swiper-slide{cursor: pointer;}


.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.xxxxxx{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cultrue li:nth-child(2){animation-delay: 300ms !important;}
.cultrue li:nth-child(3){animation-delay: 600ms !important;}
.cultrue li:nth-child(4){animation-delay: 900ms !important;}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both;-webkit-animation:slideUp 1s both;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideDown{
    animation:slideDown 1s both;-webkit-animation:slideDown 1s both;
}
@keyframes slideDown{
    0%{opacity:0;-webkit-transform: translateY(-60px);transform: translateY(-60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both;-webkit-animation:slideLeft 1s both;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both;-webkit-animation:slideRight 1s both;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both;-webkit-animation:tobig 1s both;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}