@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}





.part2{padding-bottom:20px;padding-top:50px; width:1200px;margin:0 auto;}
.part2 .wrap .prolist{width:258px;border:1px solid #eaeaea;border-top:0px;}
.part2 .wrap .prolist .title{background:url(images/lefttop.jpg) no-repeat #f36628 21px 23px;width:258px;height:75px;line-height:75px;}
.part2 .wrap .prolist .title span{color:#fff;padding-left:63px;display:inline-block;font-size:20px;font-weight:bold;}
.part2 .wrap .prolist .comt{background:#fff;}
.part2 .wrap .prolist .comt ul li{border-bottom:1px solid #eaeaea;background:url(../images/lefta.jpg) no-repeat 21px 16px;}
.part2 .wrap .prolist .comt ul li a{height:52px;line-height:51px;display:block;font-size:16px;color:#666;padding-left:45px;}
.part2 .wrap .prolist .comt ul li a:hover{background:url(../images/lefth.jpg) no-repeat 17px 16px;color:#f36628;border:none;border-left:4px solid #f36628;padding-left:41px;}
.part2 .wrap .prolist .moreti{background:url(images/leftbottom.jpg) no-repeat;height:171px;line-height:171px;text-align:center;}
.part2 .wrap .prolist .moreti a{font-size:30px;font-weight:bold;color:#fff;display:block;}
.part2 .wrap .prolist .moreti:hover{opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;}
.part2 .wrap .product{width:910px;}
.part2 .wrap .product .hd{height:75px;background:#f2f2f2;margin-bottom:34px;}
.part2 .wrap .product .hd ul{width:50%;}
.part2 .wrap .product .hd ul li{float:left;font-size:16px;width:172px;text-align:center;cursor:pointer;line-height:75px;position:relative;}
.part2 .wrap .product .hd ul li.on{color:#fff;background:#f36628; font-size:24px; font-weight:bold;}
.part2 .wrap .product .hd ul li.on i{background:url(images/cri.jpg) no-repeat;width:10px;height:5px;bottom:-5px;left:50%;margin-left:-5px;position:absolute;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in;}
.part2 .wrap .product .hd .tel{background:url(../images/tel.png) no-repeat left center;padding-right:15px;margin-top:10px;padding-left:50px;}
.part2 .wrap .product .hd .tel span{font-size:18px;color:#333;}
.part2 .wrap .product .hd .tel span p{font-family:"Impact";font-size:23px;color:#ff7e00;}
.part2 .wrap .product .comt{width:935px;overflow:hidden;min-height:507px;}
.part2 .wrap .product .comt .produtlist{padding-top:25px;width:103%;}
.part2 .wrap .product .comt .produtlist li{margin-bottom:17px;width:286px; float:left;margin-right:16px; bordeR:1px solid #eee;}
.part2 .wrap .product .comt .produtlist li a img{width:286px;height:214px;display:block;/* border:10px solid #fff; */ border-bottom:1px solid #eee;}
.part2 .wrap .product .comt .produtlist li a span{width:100%;display:block;text-align:center;height:52px;line-height:52px;font-size:14px;background:url(images/txtspan.jpg) no-repeat left;}
/* .part2 .wrap .product .comt .produtlist li a:hover img{border-color:#f36628;} */
.part2 .wrap .product .comt .produtlist li a:hover span{font-weight:bold;color:#f36628;}















.container03{padding:20px 0 80px;background:url(../images/gs_jieshao_bg.png) center top no-repeat;overflow: hidden; margin-top:80px;}

.container03 .title{ height:90px; background:url(../images/container03_title_bg.png) center bottom no-repeat; text-align:center; margin-bottom:80px;}

.container03 .title h1{font-size:30px;color:#fff;line-height: 60px;height: 55px;}

.container03 .title h4{ font-size:16px; color:#c5c5c5; text-transform:uppercase;}

.container03 .content .left{float:left;width:730px;height:630px;background:#fff;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='rgba(0,0,0,0.2)')";  /* For IE 8 */filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='rgba(0,0,0,0.2)');  /* For IE 5.5 - 7 */-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);/* for firefox */-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.2);/* for safari or chrome */box-shadow: 5px 5px 10px rgba(0,0,0,0.2);/* for opera or ie9 */box-sizing: border-box;padding: 104px 60px 0;}

.container03 .content .left h3{ font-size:22px; color:#f36628; margin-bottom: 22px;}

.container03 .content .left h6{height:1px;background:#ebebeb; margin-bottom:34px;}

.container03 .content .left h6 span{float: left;width:160px;height:2px;background:#f36628;display:inline-block;margin-top: -1px;}

.container03 .content .left .ar_article{  overflow:hidden; margin-bottom:40px;}
.container03 .content .left .ar_article h4{ margin-top:20px; background:#f36628; width:200px; height:36px;line-height:36px; }
.container03 .content .left .ar_article h4 a{  height:36px;line-height:36px; color:#fff; font-size:16px; text-align:center; display:block; width:100%; margin:0 auto; font-weight:normal;}

.container03 .content .left .ar_article h4:hover{  background:#d84200; content:""; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container03 .content .left ul{ font-size:0; text-align:center;}

.container03 .content .left ul li{ display:inline-block; width:25%;}

.container03 .content .left ul li .icon{width:100%;height: 78px;display:table; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container03 .content .left ul li .icon:hover{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);}

.container03 .content .left ul li .icon i{ display:table-cell; vertical-align:middle;}

.container03 .content .left ul li h5{ font-size:16px; color:#5e5e5e;}

.container03 .content .right{float:right;width:455px;height:630px;}

.container03 .content .right .img,.container03 .content .right .img img{ width:100%; height:570px; overflow:hidden;}

.container03 .content .right a{ display:inline-block; width:455px; height:60px; line-height:60px; background:#f36628; font-size:16px; color:#fff; text-transform:uppercase; background:#f36628; text-align:center; box-sizing:border-box; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container03 .content .right a:hover{ color:#fff; background:#e94700; padding-left:-5px}

.container03 .content .right a:after{ content:""; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container03 .content .right a:hover:after{ color:#fff; content:"+"; margin-left:5px}











.goin{width: 100%;height: 1220px;background: url(../images/about_bg.png) no-repeat top center; padding-top:50px;}
/* 	.paging-title{background: url(../images/title_bg_tu.png) no-repeat center 14px; margin-top:30px;} */

 .paging-title h2 {color: #333; font-size:28px; font-weight:normal; letter-spacing:2px;}
 .paging-title h2  span{color: #f36628; font-weight:bold;}
 .paging-title p{color: #999;font-size: 18px; line-height:32px;}

 .paging-title1 img{margin:16px auto; display:block;}


 	.paging-title1{/* background: url(../images/title_bg_tu1.png) no-repeat center 14px; */ /* margin-top:30px; */}
	.paging-title1 h2 {color: #fff; font-size:28px; font-weight:normal; letter-spacing:2px; text-align:center;}
 .paging-title1 h2  span{color: #fff; font-weight:bold; }
 .paging-title1 p{color: #f2f2f2;font-size: 18px; line-height:32px; text-align:center;}

  .paging-title img{margin:14px auto; display:block;}





/* 产品优势 */

.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: #333;display: block;height: 52px;line-height: 52px;}
.cpts .cpts_con .cpts01 b a{color: #f36628;}
.cpts .cpts_con .cpts01 p {width: 275px;line-height: 24px;font-size: 14px;color: #333;}
.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: #333;display: block;height:52px;line-height: 52px;}
.cpts .cpts_con .cpts02 b a{font-size: 22px;color: #f36628;}
.cpts .cpts_con .cpts02 p {width: 275px;line-height: 20px;font-size: 14px;color: #333;}
.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: #333;display: block;height:52px;line-height: 52px;}
.cpts .cpts_con .cpts03 b a{font-size: 22px;color: #f36628;}
.cpts .cpts_con .cpts03 p {width: 275px;line-height: 20px;font-size: 14px;color: #333;}
.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: #333;display: block;height:52px;line-height: 52px;}
.cpts .cpts_con .cpts04 b a{color: #f36628;}
.cpts .cpts_con .cpts04 p {width: 275px;line-height: 20px;font-size: 14px;color: #333;}
.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: 110px;}
.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:#f36628; 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:1190px; margin:60px auto 0; }
.news .casebox{  width:110%; ;}
.news dl{ overflow:hidden; width:560px; height:180px; float:left; margin-right:70px; margin-bottom:30px; }
.news dt{ float:left; width:213px; height:152px; border:14px solid #e5e5e5;}
.news dt h4{ text-align:center; margin-top:30px; font-size:40px; color:#000;}
.news dt p{ text-align:center;  font-size:18px;}
.news dd{  float:left; padding-left:15px; height:176px; width:302px; border:2px solid #e5e5e5; border-left:none}
.news dd h3{ font-size:14px; margin-top:25px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; }
.news dd h3 a{ color:#000}
.news dd p{ font-size:13px; line-height:22px; color:#000; height:100px;  text-align:justify; margin-bottom:15px; width:280px;}
.news dd .more{ display:block; width:98px; height:32px; background-color:#f36628; text-align:center; line-height:32px; font-size:13px; color:#fff; border-radius:3px; text-decoration:none;margin-top:10px;}
.news dl:hover dt{ border-color:#f36628;}
.news dl:hover dd{ background-color:#f36628; border-color:#f36628;}
.news dl:hover dd .more{ color:#646464; background-color:#fff;}
.news dl:hover dd h3 a{ color:#fff;}
.news dl:hover dd p{ color:#fff;}



















/* 优势
 */














.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;}