/* Title */
.Title{width: 100%; text-align: center;padding-top: 52px;}
.Title h2{font-size: 28px;color: #1c1c1c;font-weight: lighter;}
.Title h2 a{color: #1c1c1c;text-decoration: none;}
.Title h2 em{font-weight: bold; }
.Title p{margin-top: 4px;font-size: 16px;color: #1c1c1c;font-weight: lighter;}
.Title p img{display: block;margin: 0 auto;}
.Title i{display: block;width: 28px;height: 1px;background: #a9a9a9;margin: 22px auto 0;}


/* banner */
.banner{width: 100%;height: 610px;background: #1c1c1c;padding-top: 30px;}
.banner .bannerMain{width: 97%;height: 670px;margin: 0 auto;position: relative;overflow:hidden;}
.banner .bannerMain a{display: block;width: 100%;height:670px;}
.banner .bannerMain .btnList{width: 100%;position: absolute;left: 0; text-align: center;bottom: 40px;height: 22px;}
.banner .bannerMain .btnList  span{display: inline-block;*display: inline-block;width: 22px;height: 22px;background: url(Img/Index/banner_icon01.png) no-repeat center;margin: 0 4px;cursor: pointer;}
.banner .bannerMain .btnList  span.cur{background: url(Img/Index/banner_icon02.png) no-repeat center;}

/* product */
.product{width: 100%;padding-top: 60px;background: #f2f2f2;padding-bottom: 55px;}
.product .mainCon{margin-top: 9px;}
.product .mainCon ul{height: 560px;overflow: hidden;}
.product .mainCon li{float: left;width: 400px;height: 480px;position: relative;top: 1000px;opacity: 0;}
.product .mainCon li.second{margin-top: 40px;}
.product .mainCon li.third{margin-top: 80px;}
.product .mainCon li h3{position: absolute;top: 298px;left: 56px;font-size: 20px;color: #fff;font-weight: lighter;}
.product .mainCon li span img{display: block;width: 400px;height: 480px;}
.product .mainCon li h3 em{font-weight: bold;}
.product .mainCon li .word{top: 338px;display: block;left: 56px;position: absolute;display: block;}


/* case */
.case{width: 100%;background: #f2f2f2;}
.case .IndexmainCon{overflow: hidden;background: #fff;}
.case .mainCon{width: 1200px;margin: 30px auto 0;}
.case .mainCon .conBox{position: relative;height: 530px;width: 100%;}
.case .mainCon .conBox ul{width: 100%;position: absolute;left: 0;top: 0;}
.case .mainCon .conBox li img{display: block;width: 1050px;height: 530px;}
.case .mainCon .conBox li{width: 1050px;height: 530px;float: left;margin-left: 75px;}
.case .mainCon .btnList{width: 100%;text-align: center;margin-top: 56px;}
.case .mainCon .btnList span{display: inline-block;*display: inline-block;width: 40px;height: 36px;text-align: center;border-bottom: 2px solid #fff;margin: 0 10px;cursor: pointer;}
.case .mainCon .btnList span.cur{color: #ff4b00;border-color: #ff4b00;}


/* ystlg */
.ystlg{width: 100%;background: #f2f2f2;}  
.ystlg .IndexmainCon{background: #fff;padding-top: 40px;}
.ystlg .mainCon{width: 100%;position: relative;height: 680px;overflow: hidden;}
.ystlg .mainCon .Title{position: absolute;top: 0;left: 0;z-index: 9;}
.ystlg .mainCon .Title h2{color: #fff;}
.ystlg .mainCon .Title h2 a{color: #fff;}
.ystlg .mainCon .Title i{background: #fff;}
.ystlg .mainCon .conBox{width: 100%;position: relative;height: 690px;}
.ystlg .mainCon .conBox ul{position: absolute;top: 0;left: 0;}
.ystlg .mainCon .conBox li{float: left;height: 680px;}
.ystlg .mainCon .conBox li a{display: block;height: 680px;}
.ystlg .mainCon .btn{position: absolute;left: 50%;top: 334px;z-index: 9;margin-left: -600px;height: 14px;width: 1200px;}
.ystlg .mainCon .btn i{display: block;width: 66px;height: 14px;position: absolute;cursor: pointer;}
.ystlg .mainCon .btn i img{display: block;}
.ystlg .mainCon .btn i.prev{left: -30px;}
.ystlg .mainCon .btn i.next{right: -30px;}
.ystlg .Number{width: 108px;height: 52px;background: #ff4b00;position: absolute;left: 50%;margin-left: -54px;bottom: 0;z-index: 9;text-align: center;padding-top: 16px;}
.ystlg .Number span.all{font-size: 12px;color: #fff;font-family: arial;}
.ystlg .Number span.Num{font-size: 36px;color: #fff;font-family: arial;margin-right: 5px;}


/* about */
.about{width: 100%;background: #f2f2f2;padding-top:1px;}  
.about .IndexmainCon{background: #fff;}
.about .mainCon{margin-top: 46px;}
.about .mainCon .article{width: 1200px;margin: 0 auto;}
.about .mainCon .article p{line-height: 23px;font-size: 13px;color: #666666;text-align: center;}


.about .mainCon .article a{width: 133px;height: 38px;line-height: 38px;border: 1px solid #e0e0e0;text-indent: 10px;font-size: 12px;color: #999999;display: block;background: url(Img/Index/news_icon04.png) no-repeat 68px center;margin: 36px auto 0;text-decoration: none;}
.about .mainCon .article a:hover{background: url(Img/Index/news_icon05.png) no-repeat 68px center #ff4b00;color: #fff;border-color: #ff4b00;}


.about .mainCon .conBox{width: 100%;margin-top: 68px;}
.about .mainCon .conBox li{float: left;width: 25%;position: relative;*width: 24.98%;}
.about .mainCon .conBox li .Pic{width: 100%;display: block;transform: scale(1);transition: all 1s ease-out;}
.about .mainCon .conBox li i{display: block;width: 9px;height: 5px;position: absolute;left: 50%;margin-left: -4px;}
.about .mainCon .conBox li i img{width: 9px;height: 5px;}
.about .mainCon .conBox li img{display: block;}
.about .mainCon .conBox li.Pic-dif i{bottom: -5px;}
.about .mainCon .conBox li.Pic-same i{top: -5px;}
.about .mainCon .conBox li.about-text h3{font-size: 24px;color: #1c1c1c;font-weight: normal;padding-top:8%;margin-left: 34px;}
.about .mainCon .conBox li.about-text p{font-size: 14px;color: #666666;margin-top: 6px;margin-left:  34px;}
.about .mainCon .conBox li.about-text i{display: block;width: 64px;height: 2px;background: #e0e0e0;position: absolute;left: 34px;bottom: 21%;}
.about .mainCon .conBox li span{display: block;overflow: hidden;}
.about .mainCon .conBox li:hover .Pic{transform: scale(1.2);}


/* case2 */
.case2{width: 100%;height: 700px;background: #f2f2f2;}
.case2 .IndexmainCon{overflow: hidden;background: url(Img/Index/case2Bg.jpg) no-repeat center;height: 700px;}
.case2 .mainCon{width: 1200px;margin:60px auto 0;position: relative;}
.case2 .Title h2{color: #fff;}
.case2 .Title h2 a{color: #fff;}
.case2 .Title i{background: #626262;}
.case2 .Title p{color: #fff;}
.case2 .mainCon i{display: block;width: 66px;height: 14px;position: absolute;cursor: pointer;top: 132px;z-index: 9;}
.case2 .mainCon i img{display: block;}
.case2 .mainCon i.prev{left: -30px;}
.case2 .mainCon i.next{right: -30px;}
.case2 .mainCon .conBox{position: relative;height: 437px;width: 100%;overflow: hidden;}
.case2 .mainCon .conBox ul{position: absolute;left: 0;top: 0;}
.case2 .mainCon .conBox li{width: 400px;float: left;height: 437px;position: relative;}
.case2 .mainCon .conBox li img{display: block;width: 400px;height: 280px;transform: scale(1);transition: all 1s ease-out;}
.case2 .mainCon .conBox li span{display: block;width: 400px;height: 280px;overflow: hidden;}
.case2 .mainCon .conBox li a{text-decoration: none;display: block;}
.case2 .mainCon .conBox li h3{font-size: 20px;color: #fff;font-weight: normal;margin: 34px 0 14px 0;}
.case2 .mainCon .conBox li p{font-size: 12px;color: #999999;line-height: 18px;padding-right: 24px;}
.case2 .mainCon .conBox li b{display: block;width: 380px;height: 1px;background: #666666;position: absolute;bottom: 0;left: 0;z-index: 8;}
.case2 .mainCon .conBox li em{display: block;width: 0px;height: 1px;background: #ff4b00;position: absolute;bottom: 0;left: 0;z-index: 9;}
.case2 .mainCon .conBox li:hover img{transform: scale(1.2);}



/* ad */
.ad{width: 100%;background: #f2f2f2;}
.ad .IndexmainCon{overflow: hidden;background: #fff;}
.ad .mainCon{width: 1200px;margin:0 auto;position: relative;}
.ad .mainCon .con{float: left;width: 600px;height: 288px;padding-top: 52px;position: relative;}
.ad .mainCon .conR{width: 543px;border-left: 1px solid #f2f2f2;padding-left: 56px;background: url(Img/Index/adBg02.jpg) no-repeat center;}
.ad .mainCon .con h3{font-size: 28px;color: #1c1c1c;font-weight: lighter;margin-bottom: 28px;}
.ad .mainCon .con h3 em{font-weight: bold;}
.ad .mainCon .con p{font-size: 14px;color: #999999;line-height: 24px;}
.ad .mainCon .con a{display: block;width: 183px;height: 88px;position: absolute;left: -24px;bottom: 17px;background: url(Img/Index/adBtn01.png) no-repeat center;}
.ad .mainCon .conR a{left: 32px;}
.ad .mainCon .con a:hover{background: url(Img/Index/adBtn02.png) no-repeat center;}
.ad .mainCon .conL{background: url(Img/Index/adBg01.jpg) no-repeat center;}

/* witness */
.witness{width: 100%;background: #f2f2f2;}
.witness .IndexmainCon{overflow: hidden;background: #fff;padding-bottom: 55px;}
.witness .mainCon{width: 1200px;margin: 40px auto 0;}
.witness .mainCon .conBox{width: 100%;height: 260px;overflow: hidden;position: relative;}
.witness .mainCon .conBox li{width: 1200px;height: 260px;float: left;}
.witness .mainCon .conBox ul{position: absolute;left: 0;top: 0;height: 260px;}
.witness .mainCon .conBox li dl{padding: 30px 30px 0;height: 230px;width: 520px;float: left;margin-left: 40px;background: #f2f2f2;}
.witness .mainCon .conBox li dl:first-child{margin-left: 0;}
.witness .mainCon .conBox li dt{float: left;width: 230px;height: 200px;}
.witness .mainCon .conBox li dt img{display: block;width: 230px;height: 200px;}
.witness .mainCon .conBox li dd{width: 260px;float: right;position: relative;height:200px;}
.witness .mainCon .conBox li dd h3 a{font-size: 16px;color: #1c1c1c;font-weight: normal;text-decoration: none;}
.witness .mainCon .conBox li dd p{font-size: 14px;color: #666666;line-height: 23px;margin-top: 20px;}
.witness .mainCon .conBox li dd a.more{display: block;width: 53px;height: 11px;position: absolute;left: 0;bottom: 0;}
.witness .mainCon .conBox li dd a.more img{display: block;width: 53px;height: 11px;}
.witness .mainCon .conBox li dl:hover h3 a{color: #ff4b00;}
.witness .mainCon .btnList{width: 100%;text-align: center;margin-top: 42px;}
.witness .mainCon .btnList  span{display: inline-block;*display: inline-block;width: 14px;height: 14px;background: url(Img/Index/witness_icon01.png) no-repeat left top;margin: 0 11px;cursor: pointer;}
.witness .mainCon .btnList  span.cur{background: url(Img/Index/witness_icon01.png) no-repeat left bottom;}

/* news */
.news{width: 100%;padding: 55px 0;background: #f2f2f2;}
.news .box{float: left;padding: 0 30px;}
.news .box1{height: 540px;background: #fff;position: relative;width: 330px;}
.news .box .top{padding-top: 26px;}
.news .box .top h3{float: left;}
.news .box .top h3 a{display: block;text-decoration: none;font-size: 24px;color: #1c1c1c;font-weight: lighter;}
.news .box .top h3 b{font-weight:bold;font-size: 24px;}
.news .box .top h3 span{display: block;margin-top: 3px;}
.news .box .top h3 span img{display: block;}
.news .box .top a.more{display: block;width: 15px;height: 15px;float: right;}
.news .box1 .top a.more{background: url(Img/Index/news_icon01.png) no-repeat center;}
.news .box1 .top{background: #1c1c1c;padding: 26px 30px 0;height: 216px;}
.news .box1{padding: 0;width: 390px;}
.news .box1 .top h3 a{color: #fff;}
.news .box1 .con{width: 330px;position: absolute;left: 50%;margin-left: -165px;top: 90px;height: 450px;}
.news .box1 .con img{display: block;width:330px;}
.news .box1 .con h3{line-height: 20px;margin-top: 28px;font-size: 15px;color: #333333;font-weight: normal;}
.news .box1 a{text-decoration: none;}
.news .box1 h3 a{color: #333333;}
.news .box1 p{margin-top: 20px;line-height: 18px;font-size: 12px;color: #999999;}
.news .box1 p a{color: #999999;}
.news .box1 .xian{display: block;width: 64px;height: 2px;background: #e0e0e0;position: absolute;left: 0;bottom: 36px;}
.news .box1 .time{display: block;position: absolute;right: 0;bottom: 31px;font-size: 12px;color: #999999;font-family: arial;}
.news .box1:hover .con h3 a{color: #ff4b00;}
.news .box2 .top a.more,.news .box3 .top a.more{background: url(Img/Index/news_icon02.png) no-repeat center;}
.news .box2,.news .box3{padding: 0 30px;height: 240px;width: 730px;background: #fff;margin-left: 20px;}
.news .box2{margin-bottom: 20px;}
.news .box3{height: 280px;}
.news .box2 ul{margin-top: 28px;}
.news .box2 li{float: left;width: 338px;height: 145px;position: relative;}
.news .box2 li:first-child{margin-right: 54px;}
.news .box2 li h3{line-height: 20px;font-size: 15px;color: #333333;font-weight: normal;}
.news .box2 li h3 a{color: #333333;}
.news .box2 li p{margin-top: 10px;line-height: 18px;font-size: 12px;color: #999999;}
.news .box2 li p a{color: #999999;}
.news .box2 li .xian{display: block;width: 64px;height: 2px;background: #e0e0e0;position: absolute;left: 0;bottom: 34px;}
.news .box2 li .time{display: block;position: absolute;right: 0;bottom: 28px;font-size: 12px;color: #999999;font-family: arial;}
.news .box2 li a{text-decoration: none;}
.news .box2 li:hover h3 a{color: #ff4b00;}
.news .box:hover .top a.more{background: url(Img/Index/news_icon03.png) no-repeat center;}
.news .box3 a.zx{width: 133px;height: 38px;line-height: 38px;border: 1px solid #e0e0e0;text-indent: 10px;font-size: 12px;color: #999999;display: block;background: url(Img/Index/news_icon04.png) no-repeat 68px center;position: absolute;bottom: 33px;left: 30px;}
.news .box3{position: relative;background: url(Img/Index/newsBg01.jpg) no-repeat center;}
.news .box3 a{text-decoration: none;}
.news .box3 ul{position: absolute;top: 44px;left: 424px;}
.news .box3 li{margin-bottom: 20px;position: relative;}
.news .box3 li i{display: block;position: absolute;left: -35px;top: 8px;background: #333333;height: 1px;width: 0;}
.news .box3 li a{display: block;font-size: 13px;color: #666666;position: relative;*display: inline-block;}
.news .box3 li:hover a{color: #333333;}
.news .box3 a.zx:hover{background: url(Img/Index/news_icon05.png) no-repeat 68px center #ff4b00;color: #fff;border-color: #ff4b00;}

/* link */
.link{width: 100%;padding: 20px 0 10px 0;background: #fff;}
.link dl{float: left;width: 90%;}
.link dt{width: 5%;margin-left: 2%;padding-left: 28px;float: left;background: url(Img/Index/link_icon01.png) no-repeat left center;line-height: 20px;}
.link dt a{color: #999999;font-size: 13px;}
.link dd{width: 90%;float: left;padding-top: 3px;overflow: hidden;}
.link dd a{color: #999999;font-size: 13px;margin: 0 14px;margin-bottom: 10px;display: block;float: left;}
.link a.apply{color: #999999;font-size: 13px;display: block;float: right;margin-right: 2%;}