@charset "utf-8";
/* CSS Document */

/* Title */
.Title{width: 100%;text-align: center;width: 1200px;margin: 0 auto;padding-top: 46px;}
.Title h2{font-size: 36px;color: #333333;font-weight: normal;}
.Title h2 a{color: #333333;text-decoration: none;}
.Title i{display: block;width: 1200px;height: 3px;margin: 6px 0 16px 0;}
.Title i img{display: block;width: 1200px;height: 3px;}
.Title p{font-size: 18px;color: #999999;}


/* banner */
.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .btn{ width: 100%;position: absolute;left: 0;bottom: 15px;text-align: center;z-index: 998;}
#flashs .btn span{display:inline-block;display: inline-block;width: 12px;height: 12px;background: #1e1e1e;border-radius: 50%;margin: 0 2px;cursor: pointer;}
#flashs .btn span.cur {background: #044b2d;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


/* product */
.product{width: 100%;background: #f8f8f8;padding-bottom: 50px;}
.product .mainCon{margin-top: 20px;}
.product .mainCon .menu{width: 100%;text-align: center;}
.product .mainCon .menu a{display: inline-block;height: 48px;*display: inline-block;line-height: 48px;text-align: center;text-decoration: none;font-size: 16px;color: #666666;padding: 0 30px;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;background: #fff;}

.product .mainCon .menu a:first-child{border-left: 1px solid #f2f2f2;border-radius: 24px 0 0 24px;position: relative;right: -2px;}
.product .mainCon .menu a.last{border-radius: 0 24px 24px 0;position: relative;left: -2px;}
.product .mainCon .menu a.cur{background: #044b2d;color: #fff;border-color: #044b2d;}
.product .mainCon .con{margin-top: 23px;overflow: hidden;position: relative;}
.product .mainCon .con ul{width: 105%;}
.product .mainCon .con li{width: 383px;float: left;margin-right: 27px;margin-bottom: 40px;}
.product .mainCon .con li .Pic{width: 380px;height: 321px;overflow: hidden;display: block;border: 1px solid #ececec;}
.product .mainCon .con li .Pic span{width: 380px;height: 321px;overflow: hidden;display: block;}
.product .mainCon .con li .Pic img{display:block;width: 380px;height: 321px;transform: scale(1);transition: all 1s ease-out;}

.product .mainCon .con li .intro{width: 380px;height: 60px; line-height:60px;text-align: center;position: relative;border: 1px solid #f2f2f2;border-top: none; background:#ececec;}
.product .mainCon .con li .intro h3{font-size: 18px;color: #333333;margin-bottom: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:normal;padding: 0 16px;}
.product .mainCon .con li .intro h3 a{color: #333333;text-decoration: none;}
.product .mainCon .con li .intro .btn{overflow: hidden;width: 308px;height: 42px;background: url(Img/Index/productBg02.png) no-repeat center;margin: 0 auto;}
.product .mainCon .con li .intro .btn a{display: block;width: 153px;height: 42px;line-height: 42px;text-align: center;float: left;font-size: 16px;color: #333333;text-decoration: none;}
.product .mainCon .con li .intro .btn a:first-child{border-right: 1px solid #eaeaea;}
.product .mainCon .con li .intro .btn a:hover{color: #fff;}
.product .mainCon .con li .intro .btn a.more:hover{background: url(Img/Index/productBg03.png) no-repeat left center;}
.product .mainCon .con li .intro .btn a.zx:hover{background: url(Img/Index/productBg04.png) no-repeat right center;}
.product .mainCon .con li:hover .Pic img{transform: scale(1.2);}
.product .mainCon .con a.proMore{display: block;width: 200px;height: 50px;line-height: 50px;text-align: center;border-radius: 24px;background: #044b2d;font-size: 16px;color: #fff;margin: 18px auto 0;text-decoration: none;}


/* choose */
.choose{width: 100%;background: #044b2d;padding-bottom: 67px;overflow: hidden;position: relative;}
.choose .Title{padding-top: 64px;}
.choose .Title h2 img{display: block;margin: 0 auto;}
.choose .Title p{color: #fff;margin: 8px 0;}
.choose .Title span{font-size: 11px;color: #fff;display: block;text-align: center;}
.choose .mainCon{margin-top: 0px;}
.choose .mainCon{width: 100%;margin: 0 auto;padding-top: 19px;position: relative;}
.choose .mainCon .con{border-top: 1px solid #05673e;padding-top: 48px;height: 112px;}
.choose .mainCon .con:first-child{border-top:none;}
.choose .mainCon .con .container{overflow: hidden;position: relative;}
.choose .mainCon .con dl{width:346px;height: 112px;position: relative;}
.choose .mainCon .con dl.dl1{float: left;margin-left: 58px;left: -600px;}
.choose .mainCon .con dl.dl2{float: right;margin-right:58px;text-align: right;right: -600px;}
.choose .mainCon .con dt{float: left;position: relative;height: 112px;}
.choose .mainCon .con dd{width: 326px;float: right;}
.choose .mainCon .con dt h3{font-size: 24px;color: #fff;}
.choose .mainCon .con dt p{font-size: 14px;color: #fff;margin-top: 10px;line-height:18px;}
.choose .mainCon .con dt span{display: block;font-size: 18px;color: #08965a;position: absolute;left: 0;bottom: 10px;}
.choose .mainCon .Pic{width: 1200px;left: 50%;margin-left: -600px;position: absolute;top: 126px;}
.choose .mainCon .Pic img{position: absolute;left: 467px;}
.choose .mainCon .con dl.dl2 dt span{right: 0;}
.choose .mainCon .choose-phone{width: 445px;height: 50px;margin: 40px auto 0;background: url(Img/Index/chooseBg01.png) no-repeat center;overflow: hidden;position: relative;top: 200px;}
.choose .mainCon .choose-phone a{display: block;float: left;width: 204px;height: 50px;line-height: 50px;font-size: 18px;color: #333333;text-align: center;text-decoration: none;}
.choose .mainCon .choose-phone span{display: block;font-size: 18px;color: #fff;line-height: 50px;text-indent: 16px;}


/* case */
.case{width: 100%;background: #f8f8f8;height: 560px;}
.case .mainCon{width: 100%;margin-top: 26px;}
.case .mainCon .menu{width: 417px;height: 50px;overflow: hidden;margin: 0 auto;}
.case .mainCon .menu a{display: block;width: 206px;height: 48px;border: 1px solid #f2f2f2;float: left;line-height: 48px;text-align: center;font-size: 16px;color: #333333;text-decoration: none;font-weight: bold;background: #fff;}
.case .mainCon .menu a:first-child{border-right: none;border-radius: 24px 0 0 24px;}
.case .mainCon .menu a.cur{background: #044b2d;color: #fff;border-color: #044b2d;}
.case .mainCon .menu a.last{border-radius: 0 24px 24px 0;}
.case .mainCon .conBox{width: 100%;margin-top: 48px;height: 368px;overflow: hidden;position: relative;}
.case .mainCon .conBox .box{position: relative;height: 368px;overflow: hidden;}
.case .mainCon .conBox ul{width: 104%;position: absolute;left: 0;top: 0;}
.case .mainCon .conBox li{padding: 19px 18px 0;width: 342px;height: 347px;float: left;margin-right: 27px;border: 1px solid #ececec;background: #fff;}
.case .mainCon .conBox li span{display: block;width: 342px;height: 239px;overflow: hidden;}
.case .mainCon .conBox li img{display: block;width: 342px;height: 239px;transition: all 1s ease-out;}
.case .mainCon .conBox li em{height: 68px;display: block;text-align: center;line-height: 68px;font-size: 18px;color: #333333;font-weight: bold;}
.case .mainCon .conBox li a{text-decoration: none;}
.case .mainCon .conBox li:hover img{transform: scale(1.2);}


/* about */
.about{width: 100%;}
.about .conBox1{width: 100%;padding: 50px 0 20px 0;background: url(Img/Index/aboutBg01.jpg);}
.about .conBox1 dl{background: #fff;height: 400px;}
.about .conBox1 dt{width: 587px;height: 400px;float: left;}
.about .conBox1 dt img{display: block;width: 587px;height: 400px;}
.about .conBox1 dd{width: 570px;float: left;margin-left: 28px;position: relative;padding-top: 46px;height: 354px;}
.about .conBox1 dd h3{font-size: 36px;color: #044b2d;}
.about .conBox1 dd h3 a{color: #044b2d;text-decoration: none;}
.about .conBox1 dd span{display: block;font-weight: bold;font-family: arial;font-size: 47px;text-transform: uppercase;color: #dedede;position: absolute;right: 0;top: 46px;}
.about .conBox1 dd p{line-height: 25px;color: #666666;margin-top: 24px;font-size: 14px;}
.about .conBox1 dd p em{color: #333333;font-weight: bold;}
.about .conBox1 dd .btn{position: absolute;left: 0;bottom: 36px;height: 55px;}
.about .conBox1 dd .btn a{height: 55px;line-height: 55px;width: 160px;float: left;text-align: center;text-decoration:none;display: block;background: #dedede;border-right: 1px solid #fff;font-size: 18px;color: #333333;font-weight: bold;}
.about .conBox1 dd .btn a:hover{background: #044b2d;color: #fff;}
.about .conBox1 dd .btn a.cur{background: #044b2d;color: #fff;}


/**/
.news {background: #f5f5f5;padding-bottom: 60px;}

.news .menu{background: url(Img/Index/news_xian.png) no-repeat center;width: 100%;height: 50px;margin: 26px auto 40px;}
.news .menu .box{width: 417px;height: 50px;overflow: hidden;margin: 0 auto;}
.news .menu a{display: block;width: 206px;height: 48px;border: 1px solid #f2f2f2;float: left;line-height: 48px;text-align: center;font-size: 16px;color: #333333;text-decoration: none;font-weight: bold;background: #fff;}
.news .menu a:first-child{border-right: none;border-radius: 24px 0 0 24px;}
.news .menu a.cur{background: #044b2d;color: #fff;border-color: #044b2d;}
.news .menu a.last{border-radius: 0 24px 24px 0;}


.news .news_con { margin-right:-60px; margin-top:30px;}
.news .news_con .conleft {width: 372px; margin-right:40px;background: #fff; position:relative;}
.news .news_con .conleft dt { width:100%;height: 200px;}
.news .news_con .conleft dt img{ width:100%;height: 200px;}
.news .news_con .conleft dd.dd1 {margin:10px 0;padding: 0 15px 0 15px;position: relative;}
.news .news_con .conleft dd.dd1 .dd1_p1 {padding: 10px 0 10px 0;font-size: 18px;}
.news .news_con .conleft dd.dd1 .dd1_p1 a {color: #044b2d;text-decoration: none;}
.news .news_con .conleft dd.dd1 .dd1_p2 {font-size: 14px;}

.news .news_con .conleft dd.dd2 {padding: 0 15px;margin-top: 5px;line-height: 20px;font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 96px;color: #666666;}
.news .news_con .conleft dd.dd2 a{color: #666666;}
.news .news_con .conright {width: 790px;}
.news .news_con .conright .r_case {padding: 18px 18px 18px 90px;position: relative;width: 265px;background: #fff;height: 64px;margin:0 0 20px 40px;border: 1px solid #999999;float: left;}
.news .news_con .conright .r_case.bdnot {margin-left: 0;}
.news .news_con .conright .r_case span {display: block;width: 64px;height: 64px;position: absolute;left: 15px;top: 18px;background: #999999;}
.news .news_con .conright .r_case span i {display: block;padding-top: 8px; text-align: center;color: #fff;font-size: 24px;font-weight: bold;font-style: normal;}
.news .news_con .conright .r_case span em {display: block;text-align: center;color: #fff;font-size: 14px;}
.news .news_con .conright .r_case .case_p1 {font-size: 14px;color: #333333;font-weight: bold;}
.news .news_con .conright .r_case .case_p2 {margin-top: 5px;height: 40px;line-height: 20px;font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .news_con .conright .r_case:hover {border: 1px solid #044b2d;}
.news .news_con .conright .r_case:hover span {background: #044b2d;}
.news .news_con .conright .r_case:hover .case_p1 {color: #044b2d;}