/*样式初始化及公共样式部分*/
*{ margin:0px; padding:0px; }
body{ color:#333; margin:0 auto; background-color:#fff; font-family:"Microsoft YaHei"; overflow-x:hidden; }
a{ color:#333; text-decoration:none; }     
a:hover{transition:0.3s all; }      
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px; padding:0px; list-style:none; border:0px; font-weight: lighter; }    
address, caption, cite, code, dfn, em, strong, th, var, optgroup, i{ font-style: inherit; font-weight: lighter; }
b{ font-weight:normal;}
.clear{clear:both; font-size:0px; overflow:hidden; height :0px;}
.cl{ clear: both; height:0px; }  
.fl{ float:left; }     
.fr{ float:right; }     
#copy{ display:none; }      
.page{ width:1400px; margin:0 auto; }
.page1{ width:1400px; margin:0 auto; height:auto; position:relative; }
.page3{ width:85%; min-width:1400px; margin:0 auto; height:auto;  }
.box,.footer1{ width:1400px; margin:0 auto; height:auto; }    /*定义版面统一宽度*/
.top30{ margin-top:30px; }
.top40{ margin-top:40px; }
.top30{ margin-top:30px; }
.top50{ margin-top:50px; }
.top60{ margin-top:60px; }

.w1400 {width: 1400px;margin: 40px auto;}

.top_all > .fl {
    color: #cd1e23;
}





/*banner*/
.focus { width:100%; height:650px; overflow:hidden; position:relative;}
.focus ul {height:650px; position:absolute;}
.focus ul li {float:left; width:100%; height:650px; overflow:hidden; position:relative; background:#222;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#222; display:none;}
.focus .btn {position:absolute; width:1400px; left:53%; margin-left:-650px; height:24px; bottom:40px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:110px; position:absolute; top:288px; background:url(images/119.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
.dis { display: none;}
#banner{overflow:hidden;}
div#focus002 .preNext {top: 155px;}




/*文字标题*/
.wz-bt {text-align: center;padding-top: 65px;}
.d-bt{display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
.d-bt p{font-size: 40px;font-weight: bold;margin: 0 30px;}
.wz-bt span{font-size: 20px;}
.bt-color1{color: #fff;}
.bt-color1 b {font-weight: bold;color: #fff;}
.bt-color2 p{color: #333;}
.bt-color2 span{color: #555;}
.bt-color2 b {font-weight: bold;color: #074ebf;}
.bt-color1 p {color: #fff;}




/*数字*/
.numandvideo {width: 100%;height: 535px;background: url(images/qybg.jpg)center no-repeat;}
.nvright{ font-size:0; margin-top:24px;}
.nvright li {display: inline-block;width: 200px;height: 200px;color: #999;font-size: 18px;font-weight: lighter;text-align: center;line-height: 25px;background: #ffffff;border-radius: 50%;cursor: pointer;transition: all .3s ease;position: relative;box-shadow: 0 0 30px rgba(0, 0, 0, 0.02);}
.nvright li:after{ content:''; display:block; width:200px; height:200px; border-radius:50%; background:url(images/20210611090753_662165647.png) no-repeat center; position:absolute; top:-1px; left:-1px; animation:3s rotation linear infinite;}
@keyframes rotation{
from{ transform:rotate(0);}
to{ transform:rotate(360deg);}
}
.nvright li+li{ margin-left:40px;}
.nv_nm {padding-top: 69px;padding-bottom: 7px;}
.nv_nm i{ color:#222; font-size:56px; font-weight:normal; font-family: Arial;}
.nv_nm em {display: inline-block;width: 25px;height: 25px;color: #fff;font-size: 12px;line-height: 25px;background: #074ebf;border-radius: 50%;margin-left: 6px;}
.nvright li:before {content: "";display: block;width: 209px;height: 44px;background: url(images/20210615140054_1035852241.png)center no-repeat;position: absolute;bottom: -42px;left: -3px;}
.numandvideo.zzbox .wz-bt span {font-size: 17px;line-height: 30px;margin-top: 25px;display: block;}




/*产品*/
.cpzs {display: flex;height: auto;margin-bottom: 50px;}
.cpzs .pro_tu {width: 1400px;}
.cpzs .pro_tu li {display: block;float: left;margin: 0 20px 20px 0;padding: 18px;border: 1px solid #eee;background: #ffffff;width: 296px;}
.cpzs .pro_tu li strong {display: flex;overflow: hidden;}
.cpzs .pro_tu li strong img {height: 100%;-webkit-transition: all 0.2s linear;width: 100%;}
.cpzs .pro_tu li:hover {border: 1px solid #074ebf;}
.cpzs .pro_tu li a:after {content: "- 查看更多产品详情 -";display: block;border: 2px solid #f6f6f6;line-height: 40px;font-size: 15px;color: #aaaaaa;transition: all .3s ease;background: #f6f6f6;text-align: center;letter-spacing: 2.5px;font-weight: lighter;}
.cpzs .pro_tu li:hover a:after {content: "- 查看更多产品详情 -";display: block;border: 2px solid #f6f6f6;line-height: 40px;font-size: 15px;color: #fff;transition: all .3s ease;background: #074ebf;text-align: center;letter-spacing: 2.5px;font-weight: lighter;}
.cpzs .pro_tu li span {width: 100%;display: block;text-align: center;height: 65px;line-height: 65px;font-size: 18px;color: #555;transition: 0.3s all;margin-top: 0px;}
.cpzs .pro_tu li:nth-child(4),.pro_tu li:nth-child(8) {margin-right: 0;}





/*产品优势*/
.padv_bg{background: url(images/tdbg.jpg)no-repeat  top center;position: relative;height: 890px; overflow:hidden;}
.padv_t{position: absolute;width: 100%;}
.padv_t p{color: #fff;}
.padv_t dd{color: #ccc;}
.padv_cont{width: 100%;height:100%; margin-top:70px;}
.padv_cont li{width: 24.96%;float: left;text-align: center;padding-top:60px;height: 100%;position: relative;overflow: hidden;cursor: pointer;}
.padv_cont li i img{width: 272px;height: 272px;display: block;border-radius: 50%;border: 6px solid #ffffff52;overflow: hidden;margin: 0 auto;position: relative;z-index: 9;}
.padv_cont li:after{content: '';width:100%;height: 100%;display: block;background-image: linear-gradient(to bottom,transparent 10%,rgb(7, 78, 191));position: absolute;top:100%;transition: 0.3s ease all;}
.padv_cont li i img{margin-bottom: 20px;}
.padv_cont li p{color: #fff;font-size: 24px;position: relative;z-index: 9;}
.padv_cont li span{width: 30px;height: 1px;background: #f13a3a;margin: 15px auto;display: block;position: relative;z-index: 9;transition: 0.3s ease all;}
.padv_cont li.on span{width:1px; height:30px;}
.padv_cont li dd{font-size: 16px;color: #ccc;line-height: 30px;position: relative;z-index: 9;}
.padv_cont li+li{border-left: 1px solid rgba(255,255,255,0.1);}
.padv_cont li.on:after{top: 0px;}
.padv_cont li b {display: block;width: 160px;height: 45px;background: #333;margin: 0 auto;color: #ccc;line-height: 45px;font-size: 16px;font-weight: lighter;margin-top: 30px;}
.padv_cont li.on b {position: relative;z-index: 9;background: #1b417e;color: #fffc;}





/*应用案例*/
.case{ background:url(images/albj.jpg) no-repeat center top; padding-bottom:75px; }
.casetab{ width:469px; font-size:0;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: wrap;align-items:flex-start; float: right;}
.casetab li {width: 227px;height: 115px;background: #ffffff;cursor: pointer;display: -webkit-flex;display: flex;justify-content: flex-start;flex-wrap: nowrap;align-items: center;margin: 0 10px 10px 0;transition: all .3s ease;border: 1px solid #eee;}
.casetab li:nth-child(2n){ margin-right:0;}
.casetab li:nth-child(7),.casetab li:nth-child(8){ margin-bottom:0;}
.caset {font-size: 17px;color: #444;padding-left: 20px;line-height: 36px;}
.caset em{ display:block; font-size:14px; color:#bcbbbb; font-weight:lighter; margin-top:7px;transition:all .3s ease;}
.caseicon{ width:35px; height:36px; background:url(images/yytb.png) no-repeat left top;transition:all .3s ease;}
.casetab li:nth-child(2) .caseicon{ background-position-x:-54px;}
.casetab li:nth-child(3) .caseicon{ background-position-x:-106px;}
.casetab li:nth-child(4) .caseicon{ background-position-x:-155px;}
.casetab li:nth-child(5) .caseicon{ background-position-x:-203px;}
.casetab li:nth-child(6) .caseicon{ background-position-x:-254px;}
.casetab li:nth-child(7) .caseicon{ background-position-x:-305px;}
.casetab li:nth-child(8) .caseicon{ background-position-x:-360px;}
.casetab li.on{ background:#074ebf;}
.casetab li.on .caset,.casetab li.on em{ color:#fff;}
.casetab li.on .caseicon{ background-position-y:-73px;}
.caseright{ width:900px; height:495px;}
.caseright .divdgweb_new_div .divdgweb_new_div_item{ width:900px; height:495px; overflow:hidden; position:relative;}
.caseright .news_div_item_pic img{ width:100%; height:100%;}
.caseright .divdgweb_new_div_item_content {width: 95%;background: rgba(0, 0, 0, 0.8);transform: translateY(-50%);padding: 25px 30px 25px 30px;position: absolute;bottom: -55px;left: 0;}
.caseright .divdgweb_new_div_item_title a {font-size: 28px;color: #333;font-weight: bold;padding: 0 0 30px;display: block;border-bottom: 1px solid #ccc;margin-bottom: 20px;position: relative;line-height: 30px;}
.caseright .divdgweb_new_div_item_title a:before{content: '';width: 50px;height: 3px;display: inline-block;background: #074ebf;position: absolute;left:0px;bottom: -2px;transition: 0.3s ease all;}
.casetab li b {display: flex;margin: 0 auto;}







/*代理*/
.hz_bg {background: #f9f9f9;padding-bottom: 70px;}
.pproul li {position: relative;width: 200px;float: left;text-align: center;background: #fff;cursor: pointer;height: 216px;box-shadow: -9px 0px 10px -5px #ddd;}
.pproul_tp {width: 155px;height: auto;margin-left: 22px;font-size: 16px;color: #999;text-align: center;line-height: 50px;margin-top: 65px;}
.pproul_lj {width: 19px;height: 19px;margin: 25px auto;transition: all .3s ease;}
.pproul li:hover img{ transform: scale(1.2);transition: 0.3s all;}
.pproul_lj a{ color:#fff;}
.ppbtn{ width:260px; height:38px; cursor:pointer; margin:0 auto;}
.ppbtn>div{ float:left; width:38px; height:100%; background:url(images/zuo.png) no-repeat left top;}
.ppbtn>div:nth-child(2){background:url(images/dlan.png) no-repeat left top; margin:0 73px;}
.ppbtn>div:nth-child(3){background:url(images/you.png) no-repeat right top;}
.caseright .divdgweb_new_div_item .divdgweb_new_div_item_body {font-size: 16px;color: #ffffffe0;font-weight: lighter;height: 60px;width: 819px;display: block;line-height: 30px;letter-spacing: 1.25px;}
.casemore {width: 160px;height: 46px;display: block;background: #15172c;font-size: 15px;line-height: 44px;text-align: center;color: #fff;border-radius: 23px;transition: 0.3s ease all;}
.pproul_tp span {display: block;width: 100%;height: 40px;background: #f9f9f9;color: #777;line-height: 40px;font-size: 16px;margin-top: 10px;}
.pproul li:hover span {background: #074ebf;color: #fff;}
.pproul_tp img {width: 155px;height: 62px;overflow: hidden;transition: 0.3s all;}
ul#pproul {margin-top: 40px;}




/*简介*/
.comp_bg{background: url(images/20210430174721_1530702992.jpg) no-repeat bottom;width: 100%;height: 870px; }
.wbgjdkd{ width:1480px; margin:0 auto; position:relative; top:50px;}
.zhgbhdk{ width:50%; background:#f9f9f9; height:660px; position:relative; border-radius: 30px 0px 0px 30px;}
.tungjjd{ width:700px; height:580px;right:0px; position: absolute; margin-top:40px;overflow: hidden;}
.tungjjd img{transition:all 0.7s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.7s ease-in 0s; -o-transition:all 0.7s ease-in 0s;cursor:pointer;}
.tungjjd:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.zhgbhqh{ width:50%; background:#f9f9f9; height:660px;position: relative; border-radius: 0px 30px 30px 0px;}
.xisnbsb{  width:700px; height:580px; background:#fff;margin-top:40px;position: absolute;}
.wenxhgn{ font-family:Arial, Helvetica, sans-serif; color:#074ebf; font-size:50px;padding:60px 0px 0px 60px; font-weight:bold;}
.shgbyqc{ font-size:26px; color:#333; height:65px; padding-top:8px; padding-left:60px;}
.jjngqwz{font-size:16px; color:#999; line-height:45px; width:580px; padding-left:60px; height:245px;}

.abbtn{font-size: 0;margin-top: 12px; margin-left:60px;}
.abbtn a{display: inline-block;vertical-align: top;width: 160px;height: 100px;box-shadow: 0 0 15px #eee;font-size: 16px;color: #666666;transition: all .3s ease; font-weight: lighter; text-align: center; background: #fff;}
.abbtn a+a{margin-left:25px;}
.abbtn a span{display: inline-block;padding-top: 65px;}
.abbtn a:nth-child(1) span{background: url(images/ablz1.png) no-repeat center 20px;}
.abbtn a:nth-child(2) span{background: url(images/ablz2.png) no-repeat center 20px;}
.abbtn a:nth-child(3) span{background: url(images/ablz3.png) no-repeat center 20px;}
.abbtn a:hover{box-shadow: 0 0 15px #ccc;}