@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:650px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:650px; position:relative}
.banner li{ width:100%; height:650px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:40px; margin-left:-35px; background:#666; border-radius:20px; padding:10px 20px; 
			filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.banner .btn span{ display:block; width:11px; height:11px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;}
.banner .btn span.cur{ background-position:right}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:245px; background:url(../images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:245px; background:url(../images/banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}





.cgal {background: #f0f0f0;width: 100%;position: relative;padding-bottom: 40px;}
.cgal .cgal_line {height: 170px;position: absolute;left: 0; top: 0;border-bottom: 1px solid #cfcfcf;width: 100%;}
.cgal .cgal_con {position: relative;}
.cgal .cgal_con .cgal_type {position: relative;top: -9px;*top: -8px; text-align: center;}
.cgal .cgal_con .cgal_type li {display: inline-block;*display: inline;*zoom: 1; padding-top: 40px; height: 20px;line-height: 20px;margin-left: 40px;background: url(../images/ty01.png) no-repeat center top;}
.cgal .cgal_con .cgal_type li:first-child {margin-left: 0;}
.cgal .cgal_con .cgal_type li.cur {background: url(../images/ty02.png) no-repeat center top;}
.cgal .cgal_con .cgal_type li a{font-size:14px;}
.cgal .cgal_con .cgal_type li.cur a {color: #006fd7;font-weight: bold; font-size:14px;}
.cgal .cgal_con .type_con {margin: 45px 0;}
.cgal .cgal_con .type_con dl {width: 377px;float: left;margin:0 0 35px 30px;}
.cgal .cgal_con .type_con dl:first-child  {margin-left: 0;}
.cgal .cgal_con .type_con dl:nth-child(4)  {margin-left: 0;}

.cgal .cgal_con .type_con dl dt {width: 377px;height: 282px; overflow:hidden; transition: all 1s ease-out;}
.cgal .cgal_con .type_con dl dt img{width: 377px;height: 282px; overflow:hidden; transition: all 1s ease-out;}
.cgal .cgal_con .type_con dl dt img:hover{ transform: scale(1.1);}

.cgal .cgal_con .type_con dl dd {height: 60px;line-height: 60px;text-align: center;background: #fff;font-size: 14px;color: #666; border-top:1px solid #eee;}
.cgal .cgal_con .type_con dl dd:hover {height: 60px;line-height: 60px;text-align: center;background: #006fd7;font-size: 14px; color:#fff; border-top:1px solid #eee;}
.cgal .cgal_con .type_con dl dd:hover a{font-size: 14px; color:#fff;}
.cgal .cgal_con .type_con .type01 {display: none;}
.cgal .cgal_con .type_con .type01.cur {display: block;}








.szss {position: relative;height: 930px;}
.szss .szszbg01 {position: absolute;left: 0;top: 0;height: 375px;background: #004fc6;width: 100%;z-index: -99;}
.szss .szssbg02 {position: absolute;left: 0;top: 375px;height: 555px;background: #f0f0f0;width: 100%;z-index: -99;}
.szss .article {background: #004fc6;padding-top: 30px;}
.szss .article h2.h2_title a {color: #fff;}
.szss .article p.p_title span {background: url(Img/Index/artbg02.png) no-repeat left center;}
.szss .article p.p_title i {color: #fff;}

.szss .con_top {padding: 35px 45px;background: #fff;}
.szss .con_top .top_left {width: 525px;height: 322px;border-bottom: 1px dashed #dfdfdf;padding:0 45px 45px 0;}
.szss .con_top .top_right {width: 540px;height: 287px;padding-top: 35px;position: relative;border-bottom: 1px dashed #dfdfdf;padding-bottom:45px;}
.szss .con_top .top_right h2 {font-size: 20px;margin-bottom: 30px;}
.szss .con_top .top_right h2 a {color: #333;}
.szss .con_top .top_right p.r_p1 {font-size: 14px;line-height: 24px;height: 96px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;}
.szss .con_top .top_right a.adsz_more {display: block;width: 142px;text-align: center;height: 36px;line-height: 36px; font-size: 16px;color: #fff;background: #004fc6;position: absolute;left: 0; bottom: 45px;}
.szss .con_top .top_right a.adsz_more i {display: block;width: 5px;height: 9px;background: url(Img/Index/szssjtr.png) no-repeat center;position: absolute;right: 20px;top: 15px;}

.szss .con_bot {background: #fff;padding: 0px 45px 45px 45px;}
.szss .con_bot .bot_ul01 {margin-bottom: 25px; }
.szss .con_bot .bot_ul01 li {float: left;padding: 0 5px;font-size: 18px;color: #333;}
.szss .con_bot .bot_ul01 li.cur a ,.szss .con_bot .bot_ul01 li:hover a {color: #004fc6;}
.szss .con_bot .ul_con ul.con01 {display: none; }
.szss .con_bot .ul_con ul.con01.cur {display: block;}
.szss .con_bot .ul_con ul li {float: left;position: relative;width: 266px;height: 195px;margin-left: 15px;}
.szss .con_bot .ul_con ul li a {color: #333;}

.szss .con_bot .ul_con ul li:first-child {margin-left: 0;}
.szss .con_bot .ul_con ul li p {height: 35px;width: 266px;background: url(Img/Index/szssbg01.png) no-repeat center;position: absolute;left: 0;bottom: 0;
color: #fff;line-height: 35px;text-align: center;font-size: 14px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}





.goin{width: 100%;height: 1220px;background: url(../images/about_bg.png) no-repeat top center; padding-top:50px;}
 .paging-title h2 a{color: #333; font-size:32px;}
 .paging-title h2 a span{color: #006fd7;}
 .paging-title p{color: #999;font-size: 18px; line-height:32px;}





/* 产品优势 */

.cpts {height: 730px;width: 100%; background-position:-300px -900px;
		background: url(../images/bbg1.png) no-repeat center;
		transform:translate3d(0,0,0);
		    animation:play 25s linear infinite;
		background-attachment: fixed;
		}
.cpts h2.h2_title a {color: #fff;}
.cpts>.container {height: 730px;background: url(../images/ts01.png) no-repeat center 60px;}
.cpts .cpts_con {height: 500px;position: relative;}

.cpts .cpts_con .cpts01 {width: 440px;height: 150px;background: url(Img/Index/tsline01.png) no-repeat left 95px;position: absolute;top: 30px;left: 0;}
.cpts .cpts_con .cpts01 b {font-size: 22px;color: #f2f2f2;display: block;height: 52px;line-height: 52px;}
.cpts .cpts_con .cpts01 b a{color: #34b1ff;}
.cpts .cpts_con .cpts01 p {width: 275px;line-height: 20px;font-size: 14px;color: #eee;}
.cpts .cpts_con .cpts01 span {display: block;width: 148px;height: 148px;background: url(../images/ts02.png) no-repeat center;position: absolute;right: 0;top: 0;}

.cpts .cpts_con .cpts02 {width: 440px;height: 150px;background: url(Img/Index/tsline01.png) no-repeat left 95px;position: absolute;top: 305px;left: 0;}
.cpts .cpts_con .cpts02 b {font-size: 22px;color: #f2f2f2;display: block;height:52px;line-height: 52px;}
.cpts .cpts_con .cpts02 b a{font-size: 22px;color: #34b1ff;}
.cpts .cpts_con .cpts02 p {width: 275px;line-height: 20px;font-size: 14px;color: #eee;}
.cpts .cpts_con .cpts02 span {display: block;width: 148px;height: 148px;background: url(../images/ts04.png) no-repeat center;position: absolute;right: 0;top: 0; }

.cpts .cpts_con .cpts03 {padding-left: 180px; width: 260px;height: 150px;background: url(Img/Index/tsline02.png) no-repeat right 95px;position: absolute;top: 30px;right: 0;}
.cpts .cpts_con .cpts03 b {font-size: 22px;color: #f2f2f2;display: block;height:52px;line-height: 52px;}
.cpts .cpts_con .cpts03 b a{font-size: 22px;color: #34b1ff;}
.cpts .cpts_con .cpts03 p {width: 275px;line-height: 20px;font-size: 14px;color: #eee;}
.cpts .cpts_con .cpts03 span {display: block;width: 148px;height: 148px;background: url(../images/ts03.png) no-repeat center;position: absolute;left: 0;top: 0;}

.cpts .cpts_con .cpts04 {padding-left: 180px; width: 260px;height: 150px;background: url(Img/Index/tsline02.png) no-repeat right 95px;position: absolute;top: 305px;right: 0;}
.cpts .cpts_con .cpts04 b {font-size: 22px;color: #f2f2f2;display: block;height:52px;line-height: 52px;}
.cpts .cpts_con .cpts04 b a{color: #34b1ff;}
.cpts .cpts_con .cpts04 p {width: 275px;line-height: 20px;font-size: 14px;color: #eee;}
.cpts .cpts_con .cpts04 span {display: block;width: 148px;height: 148px;background: url(../images/ts05.png) no-repeat center;position: absolute;left: 0;top: 0; }












/* 定制案例 */
.custom{width: 100%;height: 520px;background: #f2f2f2;background-size: 100% 100%;}

.custom-ul{position: relative;overflow: hidden;margin-top: 48px;}
.custom-ul ul{position: relative;}
.custom-ul ul li{float: left;width: 290px;margin-left: 12px;}
.custom-ul ul li:first-child{margin-left: 0;}
.custom-ul ul li>a{display: block;width: 290px;height: 217px;overflow: hidden;}
.custom-ul ul li>a img{display: block;width: 290px;height: 217px;transition: all 1s ease-out;}
.custom-ul ul li:hover a img{transform: scale(1.1);}
.custom-ul ul li p{text-align: center;background: url(../images/list-bb.png) no-repeat bottom;}
.custom-ul ul li p a{line-height: 58px;font-size: 17px;color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height:60px;}

.custom .container{position: relative;}
.custom .container span{display: block;width: 43px;height: 43px;position: absolute;top: 290px;}
.custom .container span#custom-anniu01{background: url(../images/custom-anniu0.png) no-repeat left top;left: -70px;}
.custom .container span#custom-anniu01:hover{background: url(../images/custom-anniu.png) no-repeat left bottom;}
.custom .container span#custom-anniu02{background: url(../images/custom-anniu1.png) no-repeat right top;right: -68px;}
.custom .container span#custom-anniu02:hover{background: url(../images/custom-anniu2.png) no-repeat right bottom;}




/* 新产品中心 */

.paging-title{text-align:center;}




/* 新产品中心结束*/
	.cp_liebiao{margin-top:40px; }
	.cp_liebiao ul{border-left:1px solid #ccc; box-sizing: border-box;border-top:1px solid #ccc; width:1145px; margin: auto;}
.cp_liebiao ul li{float:left; width:163.4px; line-height:50px;  box-sizing: border-box; }
.cp_liebiao ul li a{width:100%; display:block; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;box-sizing: border-box;}
 .cp_liebiao ul li a:hover{background:#006fd7; color:#fff;} 


/*pro*/
.pro { overflow:hidden; width:100%; height:710px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:224px; height:235px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(Img/Index/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-235px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-235px;}
.pro li.li06 b{ left:-224px; top:235px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:235px;}












.news { overflow:hidden; width:100%; padding-top:50px; margin-bottom:50px; border-top:4px solid #e8e8e8}
.news .list{ overflow:hidden; height:430px; float:left; width:384px; border:1px solid #ececec; margin-right:21px;}
.news .last{ margin-right:0}
.news .list h2{ font-size:24px; height:67px; border-bottom:1px solid #ececec; line-height:67px; padding-left:20px; margin-bottom:20px;}
.news .list h2 a{ color:#000}
.news .list h2 span{ color:#004fc6;}
.news .list h2 em{ font-size:14px; color:#999; margin-left:10px; font-family:Arial; margin-bottom:20px;}
.news .nbox{ overflow:hidden; width:346px; margin:0 auto; height:325px;}
.news .qybox img{ display:block; margin:0 auto; margin-bottom:12px;}
.news .qybox ul{ overflow:hidden; width:100%;}
.news .qybox li{ padding-left:10px; *float:left; width:336px; overflow:hidden; background:url(Img/Index/news_s.png) no-repeat left center; font-size:13px; line-height:32px; color:#666}
.news .qybox li a{ display:block; float:left; width:245px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; color:#666}
.news .qybox li span{ float:right}
.news .bk li{ overflow:hidden; width:100%; height:73px; margin-bottom:10px; *float:left}
.news .bk li a{ display:block; text-decoration:none}
.news .bk li span{ display:block; float:left; text-align:center; font-size:18px; color:#fff; width:97px; height:73px;}
.news .bk li span img{ display:block; margin:8px auto 3px auto}
.news .bk li em{ display:block; float:left; margin-left:15px; width:225px; font-size:14px; line-height:24px; color:#666; height:48px; margin-top:15px;}
.news .bk .s01{ background-color:#888}
.news .bk .s02{ background-color:#71be9e}
.news .bk .s03{ background-color:#f07800}
.news .bk .s04{ background-color:#d24a3a}
.news .wenda{ position:relative}
.news .wenda ul{ overflow:hidden; position:absolute; width:100%;}
.news .wenda li{ overflow:hidden; width:100%; height:120px; display:block}
.news .wenda h3{ font-weight:normal; font-size:14px; color:#333; padding-left:35px; margin-bottom:9px; background:url(Img/Index/news_w.png) no-repeat left center; line-height:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .wenda h3 a{ color:#333}
.news .wenda p{ padding-left:35px; background:url(Img/Index/news_d.png) no-repeat left top; font-size:13px; line-height:24px; color:#666; height:48px; overflow:hidden;}









/* 优势
 */














.qh-yd{text-align: center;margin-top: 30px;}
.qh-yd span{display: inline-block;*display: inline-block;*zoom: 1; width: 10px;height: 10px;background: url(../images/yuandian.png) no-repeat center;margin-left: 18px;}
.qh-yd span:first-child{margin-left: 0;}
.qh-yd span.cur{background: url(../images/yuandian1.png) no-repeat center;}









/* 友情链接
 */

 .link{width: 100%; background:#f2f2f2;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}