@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:700px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:700px; position:relative}
.banner li{ width:100%; height:700px; 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}





.course{padding-bottom: 60px; background:#fff; padding-top:60px; border-top:1px dotted #eee;}
.course .container{position: relative;}
.course .index-title{margin-bottom: 55px;}
.course-list{width:1200px;overflow: hidden;margin:30px auto 0}
.course-list .prev,.course-list .next{position: absolute; top: 510px; width: 60px; height: 60px;cursor: pointer; }
.course-list .prev{background: url(../images/course-prev.png); left: -80px; }
.course-list .next{background: url(../images/course-next.png); right: -80px;}
.course-list .prev:hover{background: url(../images/course-prev-hover.png); left: -80px; }
.course-list .next:hover{background: url(../images/course-next-hover.png); right: -80px;}
.course-list ul{width:304px;}
.course-list ul li{float: left; width: 286px;border: solid 1px #ccc; margin-bottom:15px; background:#ccc;}
.course-list ul li .pic{width: 286px; height: 214px; overflow: hidden; }
.course-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.course-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.course-list ul li em{display: block; font-size: 15px; line-height: 52px; color: #000; text-align: center;}
.course-list ul li:hover{border: solid 1px #24a863 ;}
.course-list ul li:hover em{color: #24a863;}
.cp_more{display: block; width: 208px; height: 48px; background: #ff7a01; font-size: 14px; line-height: 48px; color: #fff; text-align: center; border-radius: 26px; transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}
.cp_more:hover{background: #000;}
.product-more{margin:30px auto 0;}







.goin{width: 100%;background: #f2f2f2 /* 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: #24a863;}
 .paging-title p{color: #999;font-size: 18px; line-height:32px;}

/* about */
.about{margin-top: 52px;padding-bottom: 30px;}
.about-left{width: 540px;float: left;position: relative;height: 370px;}
.about-left h2{font-weight: normal;}
.about-left h2 a{font-size: 24px;color: #333;}
.about-left h3{}
.about-left h3 a{font-size: 24px;color: #444;}
.about-left p {margin-top: 30px;}
.about-left p a{font-size: 14px;color: #666;line-height: 26px;}
.about-left dl{position: absolute;bottom: 0;}
.about-left dd{float: left;width: 140px;line-height: 46px;text-align: center;border: 1px solid #dedede;border-radius: 24px;margin-right: 17px;}
.about-left dd a{font-size: 14px;color: #666;display: block;border-radius: 24px;}
.about-left dd:hover a{background: #f39a24;color: #333;}

.about-right{float: left; padding-right: 40px;}
.about-right a{display: block;border: 10px solid #fff;width: 580px;height: 350px;overflow: hidden;}
.about-right a img{display: block;width: 580px;height: 350px;transition: all 1s ease-out;}
.about-right a:hover img{transform: scale(1.1);}






.adv{width: 100%;}
/* .adv .title{width: 100%;position: relative;background: url(Img/Index/adv_title.jpg) no-repeat center;height: 162px;} */
.adv .title i{display: block;position: absolute;width: 30px;height: 18px;left: 50%;margin-left: -15px;bottom: -18px;}
.adv .title i img{display: block;}
.adv .mainCon{width: 100%;}
.adv .mainCon .con1{height: 294px;background: url(../images/advBg_01.png) no-repeat center;padding-top: 97px;}
.adv .mainCon .con2{height: 285px;background: url(../images/advBg_02.png) no-repeat center;padding-top: 101px}
.adv .mainCon .con3{height: 266px;background: url(../images/advBg_03.png) no-repeat center;padding-top: 91px;}
.adv .mainCon .con4{height: 318px;background: url(../images/advBg_04.png) no-repeat center;padding-top: 107px;}
.adv .mainCon .box{width: 572px;}
.adv .mainCon .box dl dt{float: left;width: 60px;height: 60px;text-align: center;line-height: 60px;background: #24a863;  box-shadow: 3px 5px 2px #ccc;border-radius:50%; margin-top:3px;font-size: 38px;color: #fff;font-weight: bold;font-family: arial;}
.adv .mainCon .box dd{float: left;padding-top: 3px;margin-left: 12px;}
.adv .mainCon .box dd h3{font-size: 24px;color: #333333;}
.adv .mainCon .box em{color: #24a863;font-weight: bold;}
.adv .mainCon .box dd p{font-size: 12px;color: #c0c0c0;text-transform: uppercase;margin-top: 6px;}
.adv .mainCon .box i{display: block;width: 100%;height: 1px;background: #e9e9e9;margin: 15px 0 20px 0;}
.adv .mainCon .box li{padding-left: 14px;background: url(../images/adv_icon02.png) no-repeat left 9px;font-size: 14px;color: #666666;margin-top: 10px;line-height: 24px;}
.adv .mainCon .box li:first-child{margin-top: 0;}
.adv .mainCon .box{margin-left: 14px;}
.adv .mainCon .con.dif .box{margin-left: 622px;}




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

.custom-ul{position: relative;overflow: hidden;}
.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;}

.standard{width: 100%;background:#fff;padding-bottom: 45px;}
.standard .paging-title h2 a{color: #333;}
.standard .paging-title h2 a i{color: #333;}
.standard .paging-title p{color: #666;}


/* 新产品中心结束*/
	.cp_liebiao{margin-top:40px; }
	.cp_liebiao ul{border-left:1px solid #ccc; box-sizing: border-box;border-top:1px solid #ccc;}
.cp_liebiao ul li{float:left; width:171px; 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:#24a863; 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*/
.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px;}
.news h3.htitle a:hover{ color:#dc1313}
.news .newbox{ overflow:hidden; width:100%; height:420px;}
.news .newsLeft { overflow:hidden; width:590px; background-color:#f9f9f9; height:420px; float:left;}
.news .newsLeft .tubox{ display:block; width:590px; height:290px; overflow:hidden; margin-bottom:25px; position:relative;}
.news .newsLeft img{ display:block; position:absolute; left:0; bottom:-40px; width:100%;}
.news .newsLeft h4{ width:555px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.news .newsLeft h4 a{ display:block; width:440px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.news .newsLeft h4 span{ font-weight:normal; font-size:14px; color:#999; float:right;}
.news .newsLeft p{ font-size:12px; width:555px; margin:0 auto; color:#5555; line-height:20px; height:40px; overflow:hidden;}
.news .newsLeft p a{ color:#dc1313;}
.news .newsLeft:hover h4 a{ color:#dc1313}

.news .newsRight{ overflow:hidden; width:590px; height:420px; float:right;}
.news .newsRight dl{ overflow:hidden; width:570px; padding:10px; height:106px; margin-bottom:20px;}
.news .newsRight dt{ overflow:hidden; float:left; width:160px; height:106px;}
.news .newsRight dd{ overflow:hidden; float:left; margin-left:20px; width:370px;}
.news .newsRight dd h4{ margin-top:10px; font-size:16px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsRight dd h4 a{ color:#333}
.news .newsRight dd p{ font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden}
.news .newsRight dd em{ float:right; display:block; font-size:12px; color:#999; font-family:Arial; margin-top:5px;}
.news .newsRight dl:hover{ background-color:#f5f5f5;}
.news .newsRight dl:hover h4 a{ color:#dc1313}














/* 优势
 */







.news{width:1200px;padding-top: 70px;background: #fff;padding-bottom: 50px; margin:0 auto;}
.news-left{width: 530px;float: left;}
.news-left h3 a{font-size: 30px;color: #333;}
.news-left h3 a i{font-size: 30px;color: #333;font-style: normal;font-weight: normal;}
.news-left h3 a em{font-size: 14px;color: #999 ;}
.news-left .title{position: relative;}
.news-left .title >span{position: absolute;display: block;width: 30px;height: 30px;top: 450px;z-index: 99;cursor: pointer;}
.news-left .title >span#news-an01{background: url(../images/news-qh.png) no-repeat top left;left: 460px;}
.news-left .title >span#news-an02{background: url(../images/news-qh.png) no-repeat top right;left: 490px;}
.news-left .title >span#news-an01:hover{background: url(../images/news-qh.png) no-repeat bottom left;left: 460px;}
.news-left .title >span#news-an02:hover{background: url(../images/news-qh.png) no-repeat bottom right;left: 490px;}

.news-left-lb{margin-top: 50px;position: relative;overflow: hidden;width: 530px;height: 530px;}
.news-left-lb ul{position: relative;}
.news-left-lb ul li{float: left;width: 530px;}
.news-left-lb ul li >a{display: block;width: 530px;height: 395px;overflow: hidden;}
.news-left-lb ul li >a img{display: block;width: 530px;height: 395px;transition: all 1s ease-out;}
.news-left-lb ul li >a img:hover{transform: scale(1.1);}
.news-left-lb ul li p.p01{margin-top: 22px;}
.news-left-lb ul li p.p01 a{font-size: 18px;color: #333;float: left;display: block;width: 340px;overflow: hidden;}
.news-left-lb ul li:hover p.p01 a{color: #24a863;}
.news-left-lb ul li p.p01 span{font-size: 16px;color: #333;float: right;}
.news-left-lb ul li p.p02{margin-top: 8px;}
.news-left-lb ul li p.p02 a{display: block;font-size: 14px;color: #666;line-height: 24px;}

.news-right{float: right;width: 600px;}
.news-qh{}
.news-qh a.a02{display: block;font-size: 16px;color: #333;width: 98px;height: 33px;line-height: 35px;text-align: center;background: #fff;border: 1px solid #24a863;float: left;}
.news-qh a.a02:first-child{border-right: none}
.news-qh a.a02.cur{border: 1px solid #24a863;border-right: none;background: #24a863;color: #fff;}
.news-qh a.a03{float: right;font-size: 14px;color: #666;padding-right: 18px;background: url(../images/index/news-bj.png) no-repeat right;line-height: 35px;}

.news-box{margin-top: 50px;}
.news-box dl{padding-top: 20px;border-top: 1px solid #e6e6e6;margin-bottom: 20px;}
.news-box dl:first-child{padding-top: 0;border-top:none;}
.news-box dl dt h3{float: left;width: 344px;height: 24px;overflow: hidden;  font-weight: normal;}
.news-box dl dt h3 a{font-size: 16px;color: #666;}
.news-box dl:hover dt h3 a{color: #24a863;}
.news-box dl dt span{font-size: 16px;color: #666;float: right;}
.news-box dl dd{margin-top: 12px;}
.news-box dl dd a{font-size: 14px;color: #666;width: 600px;height: 19px;overflow: hidden;}




/* 定制案例 */

/* 定制流程and客户见证  */
.dzandjz{width: 100%;height: 800px;background: url(../images/liucheng_02.jpg) no-repeat center;}
.dzandjz .paging-title h2{color: #000;}
.dzandjz .paging-title h2 a{color: #000;}
.dzandjz .paging-title h2 i{color: #000;font-weight: normal;}
.dzandjz .paging-title h2 a i{color: #000;font-weight: normal;}
.dzandjz .paging-title p{color: #999;font-size: 12px;}

.dinzhi{padding-bottom: 50px; background:#24a863;}
.dinzhi-ul{margin-top: 52px;}
.dinzhi-ul ul li{float: left;width: 150px;text-align: center;padding-top: 25px;background: url(../images/jiantouxin.png) no-repeat left top;}
.dinzhi-ul ul li p{font-size: 18px;color: #fff;}
.dinzhi-ul ul li span{font-size: 12px;color: #f2f2f2;}
.dinzhi-ul ul li:hover{background: url(../images/jiantouxin.png) no-repeat top;animation:liucheng .5s linear; -webkit-animation:liucheng .5s linear;}


@keyframes liucheng 
{
	from{background:url(../images/jiantouxin.png) no-repeat -150px top;}
	to{background:url(../images/jiantouxin.png) no-repeat left top;}
}
@-webkit-keyframes liucheng 
{
	from{background:url(../images/jiantouxin.png) no-repeat -150px top;}
	to{background:url(../images/jiantouxin.png) no-repeat left top;}
}

.liuyan{width: 730px;margin-top: 60px;margin-left: 420px;height: 60px;position: relative;}
.liuyan p{font-size: 20px;color: #000;margin-left: 38px;width: 350px;display: block;}
.liuyan span{font-size: 16px;color: #666;}
.liuyan span i{font-size: 32px;color: #24a863;font-style: normal;}
.liuyan>a{display: block;width: 160px;line-height: 50px;text-align: center;font-size: 14px;color: #fff;background: #000;border-radius: 25px;position: absolute;}
.liuyan>a.a01{top: 6px;left: 400px;}
.liuyan>a.a02{top: 6px;left: 570px;}
.liuyan>a:hover{background: #24a863}


.jianzheng{position: relative;}
.jianzheng-ul{margin-top: 50px;position: relative;overflow: hidden;}
.jianzheng-ul ul{position: relative;}
.jianzheng-ul ul li{width: 290px;float: left;margin-left: 13px;}
.jianzheng-ul ul li:first-child{margin-left: 0;}
.jianzheng-ul ul li>a{display: block;width: 290px;height: 210px;overflow: hidden;}
.jianzheng-ul ul li>a img{display: block;width: 290px;height: 210px;transition: all 1s ease-out; }
.jianzheng-ul ul li:hover>a img{transform: scale(1.1);
}
.jianzheng-ul ul li p{text-align: center;line-height: 58px;font-size: 17px;color: #333;background: url(Img/index/dubu-hh.png) no-repeat bottom;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height:60px;}
.jianzheng-ul ul li p a{height: 58px;}


.jianzheng>span{display: block;width: 43px;height: 43px;position: absolute;top: 220px;}
.jianzheng span#jianzheng-anniu01{background: url(../images/ncustom-anniu0.png) no-repeat left top;left: -70px;}
.jianzheng span#jianzheng-anniu01:hover{background: url(../images/ncustom-anniu2.png) no-repeat left bottom;}
.jianzheng span#jianzheng-anniu02{background: url(../images/ncustom-anniu1.png) no-repeat right top;right: -68px;}
.jianzheng span#jianzheng-anniu02:hover{background: url(../images/ncustom-anniu3.png) no-repeat right bottom;}

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