/* banner */
.banner{ min-width:1000px;  position:relative;  height:450px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:450px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:450px;  }
.banner .bd li a{ height:299px; display:block;  }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:#fff; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;   background:#006cba;}
/* banner -左右的箭头*/
.banner .bd .prev,.banner .bd .next{ position:absolute;  display:block;  left:10px; top:200px; width:30px; height:70px; background:url(images/lb.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;  }	
.banner .bd .prev{ left:10px; right:auto; background-position:-122px 0; }
.banner .bd .next{ left:auto; right:10px; background-position:-5px 0; }
.banner .bd .prev:hover,.banner .bd .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }	


/*轮播图下的长条*/
.s{ height:60px; line-height:60px; background:#ebebeb;box-shadow: 0 0 10px #eee;}
.s .sa{ font-size:14px; color:#666}
.s .sa .sl{}
.s .sa .sl a{ margin-left:10px; color:#666}
.s .sa .sr{}
.so {width:300px;height:32px;margin-left:0px;margin-top:13px;border-radius:0px;overflow:hidden;border:0px solid #ea3516 ;background:#fff;}
.so input {height:28px;border:0;outline:0;}
.so .text {width:60%;line-height:28px;font-size:12px;padding:0 4px 0 35px;border:0px solid #eee;color:#666;background:url(images/fd.png) no-repeat 10px 5px;background-size:18px; margin-top:1px;}
.so .button {width:20%;height:30px;cursor:pointer;color:#fff;text-align:center;}
.cso {background:#024fa1; font-size:16px}

/*最新产品ip*/
.bgb{ background:#f8f8f8; margin:30px 0;}
.ip{ min-height:600px; padding:30px 0;}
.ip .ipl{ width:260px; min-height:600px;box-shadow: 0 0 20px #ddd;}
.ip .ipr{ width:920px; min-height:600px;}

/*最新产品ip-左侧分类*/
.pm{}
.fti {    display: block;    height:70px; text-align:center;   color: #fff; background: -webkit-linear-gradient(bottom, #024fa1, #1048a0);  /* background: linear-gradient(150deg,#6b6f7e 0%,#33394e 100%); */    border-top-left-radius:0px; border-top-right-radius:0px; border-bottom:0px solid #d81b00; }
.fti  strong{ display:block; padding-top:10px;font-size: 20px;}
.fti span{ font-size:14px; font-weight:500; margin-left:10px; display:block;}

ul.pmx{  padding:15px 0;}
ul.pmx li{
	line-height:40px;  padding:0px 15px; background: -webkit-linear-gradient(right, #fff, #f5f5f5);
    background: -moz-linear-gradient(right, #fff, #f5f5f5);
    background: -o-linear-gradient(right, #fff, #f5f5f5);
    background: linear-gradient(right, #fff, #f5f5f5);
    border-bottom: 1px dotted #ddd;}
ul.pmx li:hover{ }
ul.pmx li a{ font-size:14px; display:block;position:relative; padding-left:15px;}
ul.pmx li a:before{ position:absolute; top:15px; left:-5px;content: "";display: inline-block;width:15px;height:15px;background: url(images/jt2.png) center top no-repeat; background-size:100%;}
/*最新产品ip-左侧分类-下面的电话*/
.izx{ margin-top:10px;box-shadow: 0 0 20px #ddd; padding:20px;}
span.xt{ display:block;} 
span.xt a{ display:block;}
span.xt a i{ display:block; width:40px; height:40px; float:left; margin-bottom:15px; background-repeat:no-repeat; background-size:40px; margin-right:20px; margin-top:3px;}
span.xt a strong{ display:block; font-weight:500; font-size:14px; padding-bottom:2px; color:#999}
span.xt a span{ font-size:18px; color:#024fa1}
span.izxa i{ background-image:url(images/q.png);}
span.izxb i{ background-image:url(images/t.png);}



/* Tab切换 */
.slideTxtBox{ width:100%; overflow:hidden;  background:#fff;  text-align:left;  }
.slideTxtBox .hd{ box-shadow: 0 0 20px #ddd; padding:0px 0px; background:linear-gradient( #fff,#eee); }
.slideTxtBox .hd span{ float:right; margin-top:15px; margin-right:15px;}
.slideTxtBox .hd span a{ color:#999}
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  float:left;}
.slideTxtBox .hd ul li{ float:left; }
.slideTxtBox .hd ul li a{ display:block; padding:10px 30px; font-size:16px;  }
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{background: -webkit-linear-gradient(bottom, #024fa1, #0265d2); color:#fff; font-weight:bold;  }
.slideTxtBox .bd{  }

/*最新产品ip-右侧的产品*/
.iwz{box-shadow: 0 0 20px #ddd; padding:15px 20px; background:linear-gradient( #fff,#eee); }
.iwz strong{font-size:18px; color:#d81b00}
.iwz span{ float:right; margin-top:5px;}
.iwz span a{ color:#999}



/*最新产品ip-右侧的产品-ul*/
ul.prc{ padding-top:15px;}
ul.prc li{ float:left; width:22%; margin-right:4%; padding-bottom:40px;}
ul.prc li:nth-child(4n){ float:right; margin:0}
ul.prc li a{ display:block} 
ul.prc li a b{ padding:10px 0; font-size:14px; text-align:center; display:block; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.prc li a span.pic{ display: block; width:202px; height:202px; overflow: hidden;}
ul.prc li a span.pic img{ width:100%}
ul.prc li span.pix{ display:block; padding-top:3px}
ul.prc li span.pix i{ padding:5px 10px; display:inline-block; color:#fff;background: -webkit-linear-gradient(bottom, #024fa1, #0265d2); margin-left:18px;}
ul.prc li span.pix em{ padding:5px 10px; display:inline-block; color:#fff;background: -webkit-linear-gradient(bottom, #1048a0, #4da0fd); margin-left:15px}
ul.prc li span.pix a{ color: #fff;}

.fa{ padding:0 30px; height:100px;background:#eee; margin:100px;}
.fax{width:100px; height:100px; color:#fff; border:0px solid #ddd; background:#f00; transition: all 0.8s;}
.fax:hover{ height:100px; width:100px; transform: rotate(360deg);}
/*产品下面的更多*/
.more {	margin-top: 40px;}
.more .line {	display: block;	width: 500px;	height: 1px;	margin-top: 24px;	background: #ccc;}
.more .look_more {	display: block;	width: 198px;	height: 48px;	font-size: 16px;	line-height: 48px;	text-align: center;	border: 1px solid #ccc;	transition: all .5s;}
.more .look_more:hover {	background: #ea3516;	color: #fff;	transition: all .5s;	border: 1px solid #ea3516;}

/*公司简介g*/


/*公司简介g-下面的图文*/
.gx{ background:#fff; padding:30px; margin-top:30px;}
.g { background:#eee;    
    min-height:500px;
    margin-top: 40px;
    padding: 40px 0;
}

/*简介01*/
.gs {padding:0 0 60px 0;color:#333;}
.gsx{ padding-top:0px;}
.gsl {width:500px;}
.gsl img {width:100%;border-radius:0px;}
.gsr {width:650px;}
.gsr strong {display:block;font-size:22px; padding-bottom:15px; color:#333}
.gsr span.gsc {display:block;text-align:center;}
span.gsn {display:block;font-size:14px;line-height:35px; color:#333}
span.gsn a {display:block;width:150px;height:40px;border-radius:20px;line-height:40px; border:1px solid #ddd;color:#fff;text-align:center; margin-top:10px; background:#024fa1; float:right; margin-top:20px;}
span.gsd {display:block;font-size:24px;color:#333;text-align:center;padding-top:10px;}





/*长条广告wa*/
.wa{ height:160px;background: url(images/wa.jpg); margin-top:30px; color:#024fa1}
.wa .wal{ padding-top:40px;}
.wa .war{ width:230px; padding-top:45px;}

.wa .wal strong{ font-size:23px; display:block;}
.wa .wal span{ display:block; padding-top:20px; font-size:18px;}

.wa .war span{ display:block; font-size:16px;}
.wa .war i{ display:inline-block; margin-top:10px; color:#fff; font-size:26px; padding:5px 15px; background:#024fa1}

/*大题*/
.gt{margin-bottom: 12px; font-size:40px;   color: #666;text-align:center;}
.gtx{ font-size:30px; color:#024fa1 ; text-align:center; font-weight:600}
.gtx:before,.gtx:after{     content:"";     display:inline-block;     width:5%;     margin:5px 1%;     border-bottom:2px solid #024fa1 ;}
.ph .phv{ padding:40px 0;}

/*优势*/
.ys{ padding:50px 0;}

#ym {	background: #fff;}
#ym .ymx {	margin-top: 60px;}
#ym .ymx .list {	width: 106%;}
#ym .ymx .list li {	float: left;	width: 278px;	margin-right: 120px;}
#ym .ymx .list li a {	display: block;}
#ym .ymx .list li:first-child {	margin-left: 60px;}
#ym .ymx .list li span.ytu{display:block; }
#ym .ymx .list li .img {	width: 134px;	height: 134px;	margin: 0 auto;	transition: all .5s;	margin-left: 72px;background:#024fa1;border-radius:50%}
#ym .ymx .list li .title {	margin-top: 30px;}
#ym .ymx .list li .tit {	font-size: 24px;	text-align: center;	color: #024fa1;}
#ym .ymx .list li .cont {	margin-top: 20px;	font-size: 14px;	line-height: 24px;	text-align: center;	color: #999;	text-indent:2em;}
#ym .ymx .list li:hover .img {	margin-top: -10px;	transition: all .5s;}
#ym .ymx .list li:hover .tit {	font-weight: bold;}




/*客户案例ca 滚动*/
.ca{ padding-top:30px;}
.gdd{ padding:0px 30px; background: #fff;}
.apicScroll{ position:relative;   width:100%; margin:0 auto;  margin-bottom:0px;    }
.apicScroll ul{ display:block;  zoom:1;   }
.apicScroll ul li{ float:left; width:20%; height:230px; margin-bottom:15px; overflow:hidden; display:inline; border:0px solid #ddd; border-radius:0px;}
.apicScroll ul li span{ display:block; width: 200px; height: 200px; overflow: hidden; border: 1px solid #eee; padding: 10px; margin: 0; text-align: center;}
.apicScroll ul li img{ width:100%; height:100%;}
.apicScroll .prev,
.apicScroll .next{ position:absolute;  left:-20px; top:50px; display:block; width:50px; height:100px; overflow:hidden; background:url(images/icons.png) -64px 0 no-repeat; cursor:pointer;  }
.apicScroll .next{ left:auto; right:-20px; background-position:-190px 0; }
.apicScroll .prevStop{ background-position:0 0; }
.apicScroll .nextStop{ background-position:-246px 0; }



/*公司简介g-下面的场景*/
.gc{ background:#fff; padding:30px; margin-top:20px;}
ul.gcu{}
ul.gcu li{ float:left; width:24%; margin-right:1.25%;}
ul.gcu li:nth-child(4n){ float:right; margin:0}
ul.gcu li span{ display:block; width:288px; height:185px; overflow:hidden;}
ul.gcu li img{ width:100%;}





/*友情链接03*/
.lk3 {margin-bottom:18px;margin-top:30px; }
.lk3 strong { display:block;color:#333;font-size:24px;font-weight:bold;line-height:28px;}
.lk3 span { display:block;color:#d8d8d8;font-size:15px;line-height:17px;}
.lkl3 {width:100%;margin-bottom:15px;}
.lkl3 li {float:left;margin-right:30px;}
.lkl3 li a {font-size:16px;}




/*新闻-技术文章*/
.ind_title{ font-size:36px; line-height:36px; color:#333; font-weight:bold;}
.ind_title:after{content: "";display: block; width:42px; height:6px;background:url(images/ind_title_line.png) center no-repeat; margin-top:20px;}
.ind_button{ position:absolute; bottom:0;}
.ind_button a{ width:145px; height:44px; line-height:44px; background:#005b95; color:#fff; text-align:center; display:block; font-size:16px;}
.ind_button a img{ margin-left:15px;transition: all .4s;}

.ind_art{ width: 1260px; margin: 0 auto; padding:30px 0; overflow:hidden;min-height:400px; background:#fff;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.ind_art .w1400{ position:relative;}
.ind_art .ind_button{right: 0;top: 1%;}

.ind_art ul{clear: both; width: 100%; height: auto;margin: 50px auto; padding: 0;}
.ind_art ul li { width:48%; height:auto; min-height:100px; margin:0 4% 30px 0; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;}
.ind_art ul li:nth-child(2n+2) { margin:0 0 30px;}
.ind_art ul li .left{ width:20%; padding:4%; float:left; background:#f9f9f9;color:#666;text-align:center; display:inline-block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;}
.ind_art ul li .left span{ font-size:16px;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;}
.ind_art ul li .left em{display: inline-block;width:80%; height:1px; background:#ddd; margin:20px 0 10px;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;}
.ind_art ul li .left p{ font-size:48px; font-weight:bold;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;}
.ind_art ul li .right{ width:75%; float:right;}
.ind_art ul li .right .indart_name{ font-size:18px; font-weight:bold; color:#333; line-height:50px;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ind_art ul li .right p{ font-size:16px; line-height:28px; color:#999; border-top:1px solid #e6e6e6; padding-top:15px; margin-bottom:30px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ind_art ul li .right .indart_more{ color:#999; font-size:16px;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;}
.ind_art ul li .right .indart_more:before{content: "";display: inline-block; background:#e6e6e6; width:15%; height:1px; vertical-align:middle; margin-right:5%;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;}
.ind_art ul li .right .indart_more:after{content: "";display: inline-block; width:15px; height:5px; background:url(../images/ind_art_more.png) center center no-repeat; vertical-align:middle; margin-left:2%;transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s;}
.ind_art ul li:hover .left{ background:#005b95;}
.ind_art ul li:hover .left span{ color:#fff;}
.ind_art ul li:hover .left em{ opacity:.45;}
.ind_art ul li:hover .left p{ color:#fff;}
.ind_art ul li:hover .right .indart_name{ color:#005b95;}
.ind_art ul li:hover .right .indart_more{ color:#005b95;}
.ind_art ul li:hover .right .indart_more:before{background:#005b95;}
.ind_art ul li:hover .right .indart_more:after{background:url(../images/ind_art_more_on.png) center center no-repeat;}


/*新闻-文字列表*/
.lyIdx_Title { width:100%; overflow:hidden; margin:0 auto 40px; padding:0;}
.lyIdx_Title span { display:block; width:100%; height:50px; overflow:hidden; line-height:50px; color:rgba(0,0,0,0.1); font-size:48px; font-weight:bold; text-align:center; text-transform:Uppercase; text-overflow:ellipsis; white-space:nowrap; margin:0 auto 5px; padding:0;}
.lyIdx_Title p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#303030; font-size:32px; font-weight:bold; text-align:center; margin:0 auto; padding:0;}
.lyIdx_Title p i { display:inline-block; width:40px; height:2px; overflow:hidden; margin:-4px 20px 0; padding:0; vertical-align:middle; background-color:#fd2d00;}
.lyIdx_Title1 span { color:rgba(255,255,255,0.2);}
.lyIdx_Title1 p { color:#fff;}
.lyIdx_Title1 p i { background-color:rgba(255,255,255,0.2);}




.lyIdx_New { width:1260px; overflow:hidden; margin:0 auto; padding:80px 0; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lyIdx_New .lyIdxNew_main { width:100%; height:auto; margin:0 auto; padding:0;}
.lyIdxNew_main .lyIdxNew_Tj { width:40%; height:540px; overflow:hidden; margin:0; padding:0; background-color:#fafafa; float:left;}
.lyIdxNew_Tj .lyIdxNewTj_img { width:100%; height:370px; overflow:hidden; margin:0 auto; padding:0;}
.lyIdxNew_Tj .lyIdxNewTj_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; position:relative;}
.lyIdxNew_Tj .lyIdxNewTj_img a img { display:block; width:100%; height:100%; object-fit:cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyIdxNew_Tj .lyIdxNewTj_img a:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.lyIdxNew_Tj .lyIdxNewTj_text { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 25px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lyIdxNew_Tj .lyIdxNewTj_text span { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#999; font-size:15px; margin:0 auto; padding:0;}
.lyIdxNew_Tj .lyIdxNewTj_text a.lyIdxNewTj_name { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#303030; font-size:18px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; margin:10px auto; padding:0;}
.lyIdxNew_Tj .lyIdxNewTj_text a.lyIdxNewTj_name:hover { color:#fd2d00;}
.lyIdxNew_Tj .lyIdxNewTj_text a.lyIdxNewTj_more { display:inline-block; height:38px; line-height:38px; color:#999; font-size:15px; border:1px solid #dfdfdf; margin:0; padding:0 19px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyIdxNew_Tj .lyIdxNewTj_text a.lyIdxNewTj_more i { display:inline-block; width:20px; height:20px; vertical-align:middle; background:url(../images/jt2.png) center center no-repeat; margin:-4px 0 0 10px; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyIdxNew_Tj .lyIdxNewTj_text a.lyIdxNewTj_more:hover { color:#fd2d00; border:1px solid #fd2d00;}
.lyIdxNew_Tj .lyIdxNewTj_text a.lyIdxNewTj_more:hover i { background:url(../images/jt1.png) center center no-repeat; margin:-4px 0 0 20px;}

.lyIdxNew_main .lyIdxNew_list { width:49%; height:auto; overflow:hidden; margin:0; padding:0;}
.lyIdxNew_list ul li { width:100%; height:108px; overflow:hidden; margin:0 auto; padding:21px 0 22px; background-color:#fff; border-top:1px solid #eaeaea; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lyIdxNew_list ul li:last-child { border-bottom:1px solid #eaeaea; padding:21px 0;}
.lyIdxNew_list ul li:hover { background-color:#fd2d00;}
.lyIdxNew_list ul li .lyIdxNew_text { width:84%; overflow:hidden; margin:0; padding:0 20px 0 0; float:left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lyIdxNew_list ul li:hover .lyIdxNew_text { padding:0 20px;}
.lyIdxNew_list ul li .lyIdxNew_text a.lyIdxNew_name { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#303030; font-size:18px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; margin:0 auto 4px; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyIdxNew_list ul li:hover .lyIdxNew_text a.lyIdxNew_name { color:#fff;}
.lyIdxNew_list ul li .lyIdxNew_text p { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#999; font-size:15px; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyIdxNew_list ul li:hover .lyIdxNew_text p { color:#fff;}
.lyIdxNew_list ul li .lyIdxNew_time { width:16%; overflow:hidden; margin:0; padding:0; float:right; border-left:1px solid #eaeaea; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lyIdxNew_list ul li .lyIdxNew_time span { display:block; width:100%; overflow:hidden; line-height:30px; color:#999; font-size:16px; text-align:center; margin:0 auto 4px; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyIdxNew_list ul li .lyIdxNew_time p { display:block; width:100%; overflow:hidden; line-height:30px; color:#c2c2c2; font-size:30px; font-weight:bold; text-align:center; margin:0 auto; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lyIdxNew_list ul li:hover .lyIdxNew_time span, .lyIdxNew_list ul li:hover .lyIdxNew_time p { color:#fff;}
@media (max-width:1280px) {



