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

/*
 * @Author: hbiao 
 * @Date: 2018-03-09 10:41:44 
 * @Last Modified by:   hbiao 
 * @Last Modified time: 2018-03-09 10:41:44 
 */



/* Title */
.Title{width: 100%;text-align: center;padding-top:86px;}
.Title h2{font-size: 24px;color: #333333;font-weight: normal;}
.Title h2 a{color: #333333;text-decoration: none;}
.Title p{font-size: 18px;color: #666666;margin-top: 4px;}


.banner{ overflow:hidden; width:100%;}
#flashs{ position:relative; height:620px; overflow:hidden;}
#flashs .btn{width: 100%;text-align: center;position: absolute;bottom: 16px;z-index: 998;}
#flashs .btn span{display: inline-block;width: 12px;height: 12px;cursor: pointer; background: url(Img/Index/banner_icon.png) no-repeat center top;margin-left: 4px;}
#flashs .btn span.cur {background: url(Img/Index/banner_icon.png) no-repeat center bottom;}

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


/* search */
.search{width: 100%;height:124px;padding-top: 30px;background: #eeeded;}
.search p{font-size: 14px;color: #999999;text-align: center;margin-top: 20px;}
.search p a{font-size: 14px;color: #999999;font-weight: normal;margin-right: 22px;}

.search .Input{width: 600px;height: 48px;margin: 0 auto;}
.search .Input input{padding:0 16px;font-size: 14px;outline: none;border: none;color: #999999;height: 48px;line-height: 48px;width:478px;float: left;border: none;background: url(Img/Index/searchBg.png) no-repeat center;}
.search .Input a{display: block;float: left;width: 90px;height: 48px;text-decoration: none;text-align: center;line-height: 48px;background: url(Img/Index/searchBtn.png) no-repeat center;}


/* adv */
.adv{width: 100%;}
.adv .mainCon{width: 100%;position: relative;height: 750px;margin-top: 28px;}
.adv .mainCon .conBox{width: 100%;height: 750px;overflow: hidden;}
.adv .mainCon .conBox ul{position: absolute;left: 0;top: 0;width: 100%;}
.adv .mainCon .conBox li{float: left;height: 750px;width: 100%;}
.adv .mainCon .conBox li .box{padding-top: 218px;margin-left: 738px;width: 462px;}
.adv .mainCon .conBox li .box img{display: block;height: 56px;}
.adv .mainCon .conBox li h3{font-size: 24px;color: #7e6f64;margin: 22px 0;}
.adv .mainCon .conBox li p{line-height: 30px;color: #333333;font-size: 16px;}
.adv .mainCon .btnList{width: 129px;height: 129px;position: relative;position: absolute;left: 50%;margin-left: -64px;bottom: 30px;background: url(Img/Index/adv_kuang.png) no-repeat center;}
.adv .mainCon .btnList .box{position: relative;width: 130px;}
.adv .mainCon .btnList .box span{float: left;width: 64px;height: 64px;margin-right: 1px;margin-bottom: 1px;position: relative;cursor: pointer;}
.adv .mainCon .btnList .box span em{display: block;font-size: 16px;color: #7e6f64;position: absolute;z-index: 9;}
.adv .mainCon .btnList .box span em.num1{right: 14px;bottom: 12px;}
.adv .mainCon .btnList .box span em.num2{left: 14px;bottom: 12px;}
.adv .mainCon .btnList .box span em.num3{right: 14px;top: 12px;}
.adv .mainCon .btnList .box span em.num4{left: 14px;top: 12px;}
.adv .mainCon .btnList .box span i{display:none;;width: 65px;height: 65px;position: absolute;top: 0;left: 0;z-index: 8;}
.adv .mainCon .btnList .box span i img{display: block;width: 65px;height: 65px;}
.adv .mainCon .btnList .box span.cur i{display: block;}
.adv .mainCon .btnList .box span.cur em{color: #fff;}
.adv .mainCon .btnList .box span.cur .advsjx1{background: url(Img/Index/adv_sjx01.png) no-repeat center}
.adv .mainCon .btnList .box span.cur .advsjx2{background: url(Img/Index/adv_sjx02.png) no-repeat center}
.adv .mainCon .btnList .box span.cur .advsjx3{background: url(Img/Index/adv_sjx03.png) no-repeat center}
.adv .mainCon .btnList .box span.cur .advsjx4{background: url(Img/Index/adv_sjx04.png) no-repeat center}


/* analysis */
.analysis{width: 100%;padding-bottom: 55px;}
.analysis .mainCon{margin-top: 32px;}
.analysis .mainCon .menu{text-align: center;}
.analysis .mainCon .menu ul{display: inline-block;*display: inline-block;border: 1px solid #dcd5d6;border-radius: 30px;}
.analysis .mainCon .menu li{float: left;padding: 0 28px;height: 58px;line-height: 58px;border-left: 1px solid #dcd5d6;font-size: 16px;color: #666666;}
.analysis .mainCon .menu li:first-child{border-left: none;border-radius: 30px 0 0 30px;}
.analysis .mainCon .menu li.cur{background: #7e6f64;color: #fff;border-color: #dcd5d6;}
.analysis .mainCon .menu li.last{border-radius: 0 30px 30px 0;}
.analysis .mainCon .conBox{width: 100%;height: 323px;overflow: hidden;position: relative;margin-top: 25px;}
.analysis .mainCon .conBox dt{float: left;width: 684px;height: 323px;}
.analysis .mainCon .conBox dt img{display: block;width: 684px;height: 323px;}
.analysis .mainCon .conBox dd{width: 456px;float: right;padding-top: 56px;height: 267px;position: relative;}
.analysis .mainCon .conBox dd h3{font-size: 24px;color: #333333;}
.analysis .mainCon .conBox dd p{font-size: 14px;color: #666666;line-height: 25px;margin-top: 24px;}
.analysis .mainCon .conBox dd a{display: block;width: 90px;height: 44px;line-height: 44px;text-align: center;background: #d0bb9d;font-size: 12px;color: #fff;text-decoration: none;border-radius: 30px;position: absolute;left: 0;bottom: 34px;}


/* guarantee */
.guarantee{width: 100%;height: 891px;background: url(Img/Index/guaranteeBg01.jpg) no-repeat center;}
.guarantee .Title{padding-top: 0;}
.guarantee .Title span{font-size: 16px;color: #666666;height: 163px;background: url(Img/Index/guarantee_xian.png) no-repeat center;display: block;}
.guarantee .Title span em{padding-top: 100px;display: block;}
.guarantee .Title h2{font-size: 42px;color: #333333;font-weight: bold;margin: 12px 0 6px 0;}
.guarantee .Title p{font-size: 24px;color: #333333;}
.guarantee .mainCon{margin-top: 316px;}
.guarantee .mainCon li{padding-top: 60px;height: 194px;text-align: center;float: left;background: url(Img/Index/guaranteeBg02.png);width: 286px;margin-left:18px;overflow: hidden;position: relative;}
.guarantee .mainCon li h3{font-size: 20px;color: #333333;position: relative;top: 0;}
.guarantee .mainCon li p{line-height: 22px;font-size: 13px;color: #666666;margin-top: 22px;padding: 0 38px;position: relative;top: 0;}
.guarantee .mainCon li:first-child{margin-left: 0;}
.guarantee .mainCon li a{display: block;width: 120px;height: 35px;line-height: 35px;text-align: center;background: url(Img/Index/guaranteeBg03.png) no-repeat center;margin: 0 auto;position: absolute;font-size: 14px;color: #fff;text-decoration: none;left: 50%;margin-left: -60px;bottom: -100px;}
.guarantee .mainCon li img{position: relative;margin-right: 4px;top: 4px;}

/* liuy */
.liuy{width: 100%;height: 318px;background: url(Img/Index/lyBg.jpg) no-repeat center;}
.liuy .box{width: 312px;padding-top: 70px;float: right;margin-right: 35px;}
.liuy .box p{font-size: 14px;color: #fff;margin-bottom: 16px;}
.liuy .box .Input{overflow: hidden;height:38px;padding: 1px 0;background: #fff;margin-bottom: 6px;}
.liuy .box span{display: block;width: 53px;height: 38px;float: left;border-right: 1px solid #efeeee;text-align: center;line-height: 38px;font-size: 14px;color: #666666;}
.liuy .box input{display: block;width: 238px;float: left;padding: 0 10px;border: none;outline: none;font-size: 14px;line-height: 38px;height: 38px;}
.liuy .box a{display: block;height: 40px;line-height: 40px;text-align: center;background: #7e6f64;text-decoration: none;font-size: 14px;color: #fff;margin-top: 10px;}
.liuy .text{float: left;margin-top: 76px;margin-left: 8px;}
.liuy .text h3{font-size: 30px;color: #fff;}
.liuy .text h3 em{font-size: 50px;font-weight: bold;}
.liuy .text p{font-size: 24px;color: #fff;}
.liuy .text .btn{overflow: hidden;margin-top: 26px;}
.liuy .text .btn a{display: block;width: 99px;height: 40px;float: left;line-height: 40px;text-align: center;text-decoration: none;background: url(Img/Index/liuy_ty.png) no-repeat center;font-size: 14px;color: #fff;margin-right: 4px;}

/* product */
.product{width: 100%;height: 808px;background: url(Img/Index/productBg01.jpg) no-repeat center;}
.product .mainCon{width: 100%;margin-top: 45px;}
.product .mainCon li{float: left;width: 201px;margin: 0 46px 34px;}
.product .mainCon li span{display: block;width: 185px;height: 185px;border-radius: 50%;overflow: hidden;border: 8px solid #fff;}
.product .mainCon li span img{display: block;width: 185px;height: 185px;border-radius: 50%;}
.product .mainCon li em{display: block;font-size: 14px;color: #333333;text-decoration: none;text-align: center;margin-top: 8px;}
.product .mainCon li a{display: block;text-decoration: none;}
.product .mainCon li:hover span{box-shadow: 0 0 10px 4px #afaaaa;}

.product .mainCon a.more{display: block;width: 221px;height: 48px;line-height: 48px;text-align: center;background: url(Img/Index/productBg02.png) no-repeat center;margin: 10px auto 0;font-size: 16px;color: #fff;text-decoration: none;}
.product .mainCon a.more img{position: relative;margin-right: 12px;top: 2px;}

/* case */
.case{width: 100%;padding-bottom: 60px;}
.case .Title{padding-top: 52px;}
.case .Title p{font-size: 16px;color: #999999;}
.case .mainCon{width: 100%;margin-top: 35px;}
.case .mainCon .menu{text-align: center;}
.case .mainCon .menu ul{display: inline-block;*display: inline-block;border: 1px solid #dcd5d6;border-radius: 30px;}
.case .mainCon .menu li{float: left;height: 58px;line-height: 58px;border-left: 1px solid #dcd5d6;font-size: 16px;color: #666666;}
.case .mainCon .menu li a{color: #666666;display: block;text-decoration: none;padding: 0 28px;}
.case .mainCon .menu li:first-child{border-left: none;border-radius: 30px 0 0 30px;}
.case .mainCon .menu li.cur{background: #7e6f64;color: #fff;border-color: #dcd5d6;}
.case .mainCon .menu li.cur a{color: #fff;}
.case .mainCon .menu li.last{border-radius: 0 30px 30px 0;}
.case .mainCon .conBox{width: 100%;margin-top: 30px;height: 672px;overflow: hidden;position: relative;}
.case .mainCon .conBox ul{width: 105%;}
.case .mainCon .conBox li{float: left;width: 385px;margin-bottom: 30px;margin-right: 23px;}
.case .mainCon .conBox li span{display: block;width: 385px;height: 275px;overflow: hidden;}
.case .mainCon .conBox li img{display: block;width: 385px;height: 275px;transition: all 1s ease-out;}
.case .mainCon .conBox li p{font-size: 14px;color: #666666;text-align: center;padding: 0 10px;margin-top: 14px;}
.case .mainCon .conBox li:hover img{transform: scale(1.1);}
.case .mainCon .conBox li a{display: block;text-decoration: none;}


/* about */
.about{width: 100%;height: 893px;background: url(Img/Index/aboutBg01.jpg) no-repeat center;padding-top: 80px;}
.about .mainCon{height: 764px;padding: 50px 40px 0 50px;background: url(Img/Index/aboutBg02.png);}
.about .mainCon dl{height: 325px;}
.about .mainCon dt{float: left;width: 571px;height: 325px;}
.about .mainCon dt img{display: block;width: 571px;height: 325px;}
.about .mainCon dd{width: 490px;float: right;height: 325px;position: relative;}
.about .mainCon dd h2{font-size: 24px;color: #333333;padding-top: 16px;}
.about .mainCon dd h2 a{color: #333333;text-decoration: none;}
.about .mainCon dd i{display: block;width: 36px;height: 2px;background: #d0bb9d;margin: 18px 0 28px 0;}
.about .mainCon dd p{font-size: 14px;color: #666666;line-height: 25px;}
.about .mainCon dd a.details{display: block;width: 92px;height: 42px;line-height: 42px; text-align: center;text-decoration: none;font-size: 14px;color: #fff;background: #d0bb9d;border-radius: 30px;position: absolute;left: 0;bottom: 34px;}
.about .mainCon .menu{text-align: center;margin-top: 40px;}
.about .mainCon .menu ul{display: inline-block;*display: inline-block;border: 1px solid #dcd5d6;border-radius: 30px;}
.about .mainCon .menu li{float: left;height: 58px;line-height: 58px;border-left: 1px solid #dcd5d6;font-size: 16px;color: #666666;}
.about .mainCon .menu li a{color: #666666;display: block;text-decoration: none;padding: 0 28px;}
.about .mainCon .menu li:first-child{border-left: none;border-radius: 30px 0 0 30px;}
.about .mainCon .menu li.cur{background: #7e6f64;color: #fff;}
.about .mainCon .menu li.cur a{color: #fff;}
.about .mainCon .menu li.last{border-radius: 0 30px 30px 0;}
.about .mainCon .conBox{width: 100%;margin-top: 30px;height: 235px;overflow: hidden;position: relative;}
.about .mainCon .conBox ul{width: 105%;}
.about .mainCon .conBox li{float: left;width: 267px;margin-right:12px;}
.about .mainCon .conBox li span{display: block;width: 267px;height: 200px;overflow: hidden;}
.about .mainCon .conBox li img{display: block;width: 267px;height: 200px;transition: all 1s ease-out;}
.about .mainCon .conBox li p{font-size: 14px;color: #333333;text-align: center;padding: 0 10px;margin-top: 18px;}
.about .mainCon .conBox li:hover img{transform: scale(1.1);}
.about .mainCon .conBox li a{display: block;text-decoration: none;}

/* news */
.news{width: 100%;padding-bottom: 58px;}
.news .Title{padding-top: 76px;}
.news .Title p{font-size: 16px;color: #999999;font-family: arial;}
.news .mainCon{width: 100%;margin-top: 30px;}
.news .mainCon .menu{text-align: center;}
.news .mainCon .menu ul{display: inline-block;*display: inline-block;border: 1px solid #dcd5d6;border-radius: 30px;}
.news .mainCon .menu li{float: left;height: 58px;line-height: 58px;border-left: 1px solid #dcd5d6;font-size: 16px;color: #666666;}
.news .mainCon .menu li a{color: #666666;display: block;text-decoration: none;padding: 0 28px;}
.news .mainCon .menu li:first-child{border-left: none;border-radius: 30px 0 0 30px;}
.news .mainCon .menu li.cur{background: #7e6f64;color: #fff;border-color: #dcd5d6;}
.news .mainCon .menu li.cur a{color: #fff;}
.news .mainCon .menu li.last{border-radius: 0 30px 30px 0;}
.news .mainCon .conBox{width: 100%;margin-top: 42px;height: 406px;overflow: hidden;position: relative;}
.news .mainCon .conBox ul{width: 105%;}
.news .mainCon .conBox li{float: left;width: 385px;margin-right: 23px;}
.news .mainCon .conBox li .pic{display: block;width: 385px;height: 265px;overflow: hidden;}
.news .mainCon .conBox li .pic img{display: block;width: 385px;height: 265px;transition: all 1s ease-out;}
.news .mainCon .conBox li h3{font-size: 16px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 18px 0 8px 0;font-weight: normal;}
.news .mainCon .conBox li h3 a{color: #333333;text-decoration: none;}
.news .mainCon .conBox li p{font-size: 14px;color: #666666;line-height: 20px;height: 40px;overflow: hidden;text-overflow: ellipsis;}
.news .mainCon .conBox li p a{color: #666666;text-decoration: none;}
.news .mainCon .conBox li span.time{display: block;position: relative;border-top: 1px solid #f4f2f2;padding-top: 16px;margin-top: 22px;}
.news .mainCon .conBox li span.time em{display: block;font-size: 14px;color: #999999;font-family: arial;position: relative;float: left;}
.news .mainCon .conBox li span.time i{display: block;width: 100%;height: 1px;background: #7e6f64;position: absolute;top: -17px;}
.news .mainCon .conBox li:hover img{transform: scale(1.1);}
.news .mainCon .conBox li:hover span.time i{background: #d0bb9d;}
.news .mainCon .conBox li:hover h3 a{color: #d0bb9d;font-weight: bold;}


/* link */
.link{width: 100%;height: 80px;border-top: 1px solid #f4f2f2;}
.link dt{width:92px;float: left;padding-top: 22px;height: 58px;background: url(Img/Index/link_xian.png) no-repeat right top;}
.link dt a{text-decoration: none;}
.link dt span{display: block;font-size: 14px;color: #333333;text-transform: uppercase;}
.link dt em{font-size: 14px;color: #333333;display: block;margin-top: 2px;}
.link dd{width: 1108px;float: left;}
.link dd a{display: block;font-size: 14px;color: #999999;float: left;margin:0 15px;height: 80px;line-height: 80px;}