/*样式初始化及公共样式部分*/
*{ 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;}





/*banner*/
.focus { width:100%; height:600px; overflow:hidden; position:relative;}
.focus ul {height:600px; position:absolute;}
.focus ul li {float:left; width:100%; height:600px; 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:9%; margin-left:-600px; 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;}




/*顶部*/
.head{ height: 60px; line-height: 60px; background:#f5f5f5 url(images/dbtp.png) no-repeat center; position: relative; }
.head .page{ position:relative; }	
.head .page:after{ content: ''; height: 1px; width: 1920px; display: block; position: absolute; left: -940px; background: #f1f1f1; bottom: 1px; }
.head .fl,.head .fr a{ color: #aaa; }
.head .fl{ line-height: 68px; font-size: 14px; height: 60px; }
.head .fr a { float:left; padding-left: 45px; background: url(images/20191017212125_1002816311.png) no-repeat 10px 18px; transition: 0.3s all ease-in-out; font-size: 15px; line-height: 60px; padding-right: 35px; cursor: pointer; position: relative; color: #fff; height: 60px; }
.head .fr .phone{ background: url(images/20191017212339_149229966.png) no-repeat 10px 18px; }
.head .fr .wx .wxewm { width: 100%; height: auto; position: absolute; top: 60px; z-index: 2; left: 0; display: none; }
.head .fr .wx .wxewm img{ width: 100%; height: auto; display: block; }
.hline {width: 1px;height: 52px;margin: 56px 25px;background: #b5b5b5;background: linear-gradient(to bottom,#f2f2f2,#b5b5b5,#f2f2f2);}




.top{ background:#fff; }
.top .logo {padding: 38px 0;position: relative;}
.logo_2 p {font-size: 27px;font-weight: bold;color: #074ebf;}
.top .logo_2{ padding:42px 0; }
.top .logo_2 img{ display: block; }
.top .logo_2 span {background:linear-gradient(to right, #4e4e4e 0%,#424242 100%);height: 30px;display: block;float: left;margin-right: 12px;color: #fff;text-align: center;line-height: 30px;margin-top: 10px;font-size: 15px;border-radius: 50px;padding: 0 15px;}
.top .top_ali{ display: block; padding: 40px 0 40px 40px; }
.top .top_ali a{ display: block; }
.top .top_ali a img{ display: block; }
.top .top_tel{ padding: 28px 0; }
.top .top_tel .top_button{ float: left; width:190px; height: 50px; margin-right: 30px; }
.top .top_tel .top_button a,.top .top_tel .top_button a img{ display: block; }
.top .top_tel p{ float: right; font-size: 30px; color: #074ebf; font-weight: bold; font-family: arial; line-height: 30px; text-align:left; position: relative; padding:5px 0 5px 70px; }
.top .top_tel p:after{ content: ''; display: block; width: 54px; height: 54px; background:url(images/20191017210725_209569127.png) no-repeat center; border-radius:5px; position:absolute; top:32px; left:4px; }
.top .top_tel p span{ display: block; font-weight:normal; color:#777; font-size: 15px; line-height: 30px; }




/*nav*/
.nav {height: 70px;background: #074ebf;border-bottom: 6px solid #074ebf;}
.nav ul li{ float: left; display: block; width:155px; position: relative; }
.nav ul li a {display: block;color: #fff;font-size: 17px;text-align: center;position: relative;z-index: 3333;padding: 14px 0;line-height: 28px;}
.nav ul li a span {line-height: 20px;display: block;font-size: 13px;text-transform: capitalize;color: #fff;transition: 0.3s all ease;opacity: 0.6;}
.nav ul li:after {content: '';display: block;background: linear-gradient(to bottom,#f9ba24,#f9ba24,#f9ba24);width: 100%;height: 0%;position: absolute;bottom: 0px;left: 0;filter: alpha(opacity=0);transition: 0.3s all cubic-bezier(.46,.03,.52,.96);z-index: 2222;}
.nav ul li.navcurrent:after,.nav ul li:hover:after{ filter: alpha(opacity=100); bottom: 0; height: 100%; }
.top_ggb{float: left;  margin-top:38px; margin-left:40px;}
.top_ggb li {width: 71px;float: left;margin-left: 20px;}
.top_ggb p{width: 43px; float: left; height: 50px; margin-left: 17px;}
.top_ggb span {width: 71px;float: left;line-height: 40px;font-size: 16px;text-align: center;color: #999;font-weight: 100;}





/*文字标题*/
.wz-bt {text-align: center;padding-top: 60px;}
.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;}




/*产品*/
.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;}




/*广告条*/
.trait{ height:460px; background:url(images/ggtbg.jpg) no-repeat center; }
.tratitl{ text-align:center; font-size:18px; color:#fff;}
.tratitl b{ display:block; font-size:40px; margin-bottom:5px;}
.traul{ font-size:0; margin-top:35px;}
.traul li{ display:inline-block; width:216px; text-align:center; font-size:18px; color:#222; font-weight:lighter; cursor:pointer;} 
.traul li+li{ margin-left:20px;}
.traul li span{ display:block; font-size:28px; font-weight:normal; padding:75px 0 9px 0;transition:all .3s ease;}
.traicon{ width:90px; height:90px; position:relative; z-index:3; margin:0 auto; border-radius:50%; background:#222222; transition:all .3s ease; animation:rotation linear 2s infinite;}
@-webkit-keyframes rotation
{
0% { transform: rotate(0)}
100%{transform: rotate(360deg)}
}
@-moz-keyframes rotation
{
0% { transform: rotate(0)}
100%{transform: rotate(360deg)}
}
.trawa{ height:175px; background:#fff; border-radius:8px; margin-top:-57px; transition:all .3s ease;}
.traul li:hover .trawa{ background:#f9f9f9;}
.traul li:hover span{ color:#074ebf;}
.traul li:hover .traicon {background: #074ebf;box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.12);}



/*产品优势*/
.advprod_bg{background: #fff;     padding-bottom: 65px;}
.advprod_wt{position: relative;background: url(images/yhtp.png)no-repeat center;height:607px;width:1400px;}
.advprod_wt li{overflow:hidden;width:288px;}
.advprod_wt li p{font-size: 24px;color: #333;font-weight: normal;}
.advprod_wt li em{display: block;background: url(images/20210422171648_926698382.jpg)no-repeat center left;height: 1px;width: 100%;margin: 16px 0px;}
.advprod_wt li span {display: block;font-size: 16px;line-height: 29px;color: #777;}
.advprod_wt ul li:nth-child(1){margin-top:50px;}
.advprod_wt ul li:nth-child(2){margin:80px 0px;}
.advprod_img1{position: absolute;top:41px;left:425px;-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-animation: linear downup 2s infinite;animation: linear downup 2s infinite;width: 70px;height: 70px;background: #074ebf;border-radius: 50%;}
.advprod_img2{position: absolute;top:266px;left:350px;-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-animation: linear downup 1.5s infinite;animation: linear downup 1.5s infinite;width: 70px;height: 70px;background: #074ebf;border-radius: 50%;}
.advprod_img3{position: absolute;top:498px;left:425px;-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-animation: linear downup 2s infinite;animation: linear downup 2s infinite;width: 70px;height: 70px;background: #074ebf;border-radius: 50%;}
.advprod_img4{position: absolute;top:41px;right:425px;-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-animation: linear downup 2s infinite;animation: linear downup 2s infinite;width: 70px;height: 70px;background: #074ebf;border-radius: 50%;}
.advprod_img5{position: absolute;top:266px;right:350px;-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-animation: linear downup 1.5s infinite;animation: linear downup 1.5s infinite;width: 70px;height: 70px;background: #074ebf;border-radius: 50%;}
.advprod_img6{position: absolute;top:498px;right:425px;-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-animation: linear downup 2s infinite;animation: linear downup 2s infinite;width: 70px;height: 70px;background: #074ebf;border-radius: 50%;}
.advprod_wt .fr {width: 288px;}
.advprod_wt .fl {width: 288px;}

@-webkit-keyframes downup{
	0%{ -webkit-transform:translateY(10px); transform:translateY(10px);}
	50%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
	100%{-webkit-transform:translateY(10px);transform:translateY(10px);}
	}
@keyframes downup{
	0%{ -webkit-transform:translateY(10px); transform:translateY(10px);}
	50%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
	100%{-webkit-transform:translateY(10px);transform:translateY(10px);}
	}
@-webkit-keyframes downup1{
	0%{ -webkit-transform:translateY(-10px); transform:translateY(-10px);}
	50%{-webkit-transform:translateY(10px);transform:translateY(10px);}
	100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
	}
@keyframes downup1{
	0%{ -webkit-transform:translateY(-10px); transform:translateY(-10px);}
	50%{-webkit-transform:translateY(10px);transform:translateY(10px);}
	100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
	}





/*四大优势*/
.adv {height: 975px;background: url(images/ysbg.jpg) no-repeat center top;}
.adv .title t{ font-weight:bold;}
.advcon ul{ height:545px;}
.advtab{ font-size:0; margin:43px auto 40px auto;}
.advtab li{ display:inline-block; vertical-align:top; position:relative; width:25%; height:130px; background:#fff; cursor:pointer;}
.advtab li:nth-child(even){ background:#f2f2f2;}
.advtab li p {margin: 33px 0 0 35px;font-size: 30px;color: #333;transition: all .4s ease;}
.advtab li p em {display: block;font-size: 16px;color: #d3d3d3;padding-top: 3px;}
.advtab li i{ position:absolute; top:0; bottom:0; margin:auto 0; right:40px; width:55px; height:50px; background:url(images/ystb.png) no-repeat left top; transition:all .4s ease;}
.advtab li:nth-child(2) i{ background-position-x:-68px; width:56px;}
.advtab li:nth-child(3) i{ background-position-x:-160px;}
.advtab li:nth-child(4) i{ background-position-x:-239px;}
.advtab li:after,.advtab li:before{ content:''; display:block; position:absolute; bottom:0; left:0; height:4px; width:0; background:#f9ba24; transition:all .4s ease;}
.advtab li:before{ right:0; left:auto; background:#074ebf;}
.advtab li.on p{ color:#074ebf;}
.advtab li.on i{ background-position-y:-64px;}
.advtab li.on:after{ width:58px;}
.advtab li.on:before{ width:285px;}
.advright{ width:650px; box-sizing:border-box; padding:55px 0 0 70px;}
.advpic{ width:50%; float:left; overflow:hidden;}
.adv_t{ font-size:22px; color:#666666;}
.adv_t span{ font-size:65px; color:#343434; font-weight:bold;}
.adv_t b{ display:block; font-size:35px; color:#074ebf; margin-bottom:10px;}
.adv_t:after{ display:block; content:''; width:1px; height:30px; background:#cccccc; margin:30px 0 30px 3px }
.adv_c {font-size: 16px;color: #777;line-height: 40px;}
.advtab li p span {font-weight: normal;}





/*流程*/
.process_bg {width: 100%;background: #fff url(images/lcbg.jpg) center 215px no-repeat;overflow: hidden;padding-bottom: 30px;}
.container * {box-sizing: border-box;}
.iconfont img {left: 28px; position: absolute; top: 30px;}
.title_en{width:100%; margin:0 auto; text-align:center; font-family: "DIN Medium"; font-size:76px; line-height:76px; text-transform:uppercase; color:#eeecec; font-weight: bold;}
.title_m{width:1400px; margin:0 auto; text-align:center; font-size:40px; font-weight:bold; line-height:40px; position:relative; margin-top:-54px; color:#333;}
.title_m a{color:#c80000; font-size:40px; }
.title_m span{color:#c80000; font-size:40px; }
.title_x{text-align: center; width: 520px; margin:0 auto; font-size: 18px; line-height: 40px; color: #666; margin-top:20px; margin-bottom: 20px; letter-spacing: 1px;     border: 1px solid #dad5d5;}
.icon-goutongxinxi:before{font-size:50px;}
.index-solution {padding: 15px 0px 0px 0px; overflow: hidden; width: 1400px; margin:0 auto;}
.lc_t li {position: relative;float: left;width: 16.6%;text-align: center;padding: 30px 20px 20px;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.iconfont {padding-top: 30px; font-family: "iconfont" !important; font-size: 36px !important; font-style: normal; color: #999;}
.lc_t li:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, #074ebf 0%,#2d6fe8 100%);opacity: 0;visibility: hidden;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);-webkit-transition: .5s;
-o-transition: .5s;transition: .5s;}
.lc_t li:hover:before {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.lc_t li .pic {position: relative;display: inline-block;width: 110px;height: 110px;background: #fff;border: 1px solid #e8e8e8;font-size: 0;line-height: 110px;border-radius: 50%;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;display: inline-table;}
.lc_t li:hover .pic {-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
.lc_t li .tit {position: relative; font-size: 24px; color: #333; margin-bottom: 15px; margin-top: 15px; -webkit-transition: .5s;	-o-transition: .5s; transition: .5s; font-weight: 500;}
.lc_t li.on .tit,.lc_t li.on .des,.lc_t li:hover .tit,.lc_t li:hover .des,.lc_t li:hover .des a {color: #fff;}
.lc_t li .des {position: relative; margin-bottom: 15px;font-size: 16px; font-weight: 100; color: #999; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.lc_t li .more {position: relative; border-radius: 40px; border: 1px solid #e8e8e8; width: 100px; line-height: 34px;  height: 36px; margin:0 auto;	display: block; font-size: 13px;}
.lc_t li.on .more,.lc_t li:hover .more {color: #fff; border-color: #fff;}
.lc_t li.on .more:hover,.lc_t li:hover .more:hover {background: #fff; color: #c80000;}




/*简介*/
.about_bg {background: url(images/abbg.jpg) no-repeat bottom;width: 100%;margin: 0 auto;height: 830px;}
.about_t {width: 1300px;padding: 50px;background: #f9f9f9;margin: 0 auto;height: 490px;margin-top: 30px; border-radius: 40px 40px 0 0;}
.about_t1 {width: 580px;background: #fff;padding: 50px;height: 397px;box-shadow: 4px 9px 30px 0 rgb(210, 210, 210);}
.about_t11 {width: 570px;height: 100px;border-bottom: 1px solid #eee;}
.about_t11 p {font-size: 29px;color: #333;font-weight: normal;line-height:50px;}
.about_t11 b {font-family: Arial, Helvetica, sans-serif;color: #074ebf;font-size: 30px;font-weight: bold;}
.about_t11 span{font-size:30px; color:#333; font-weight: normal;}
.about_t11 i{left: -15px; top: -59px; position: relative; float: right;}
.about_t12 {font-size: 17px;line-height: 42px;color: #777;padding: 20px 0;}
.about_t2{box-shadow: 4px 9px 30px 0 rgb(210, 210, 210); width: 620px;height: 497px;}
.about_t2 img {width: 620px;height: 497px;}
.com_btn { padding: 0; bottom: 15px; width: 350px; z-index: 11111; margin-top:9px;}
.com_btn a {display: inline-block;color: #fff;line-height: 30px;height: 30px;padding: 5px 20px;border: 1px solid #222222;border-radius: 0;text-align: center;width: 90px;position: relative;overflow: hidden;transform: rotate(0deg);transition: 0.3s all ease-in-out;background: #222222;}
.com_btn a span{ font-size:14px; color:#fff; position:relative; z-index:2; transform: rotate(0deg); transition:0.3s all ease-in-out; }
.com_btn a::after { content: ''; position: absolute; width: 200%; height: 200%; border-radius: 50%; background: #074ebf; top: -200%; left: -200%; z-index:1; transition:0.3s all ease-in-out; transform: rotate(0deg); }
.com_btn a.curzz::after{ content: ''; position: absolute; width: 200%; height: 200%; border-radius: 50%; background: #eee; top: -200%; left: -200%; }
.com_btn .curzz{ background: #333; border-color: #333; color: #fff; }
.com_btn .curzz span{ color:#fff; font-size:14px; }
.com_btn a:hover::after{ left:-50%; top:-50%; }
.com_btn a:hover span{ color:#fff; }
.com_btn a:hover{ border-color:#fff; }
.com_btn a.curzz:hover span{ color:#999}
.com_btn a.curzz:hover{ border-color:#999; }