@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow: hidden; position: relative; width: 100%;}
.banner a{ display: block; background:url("Img/Index/banner.jpg") no-repeat center; height: 580px}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{overflow: hidden; width: 100%; text-align: center;position: absolute; left:0; bottom: 60px; z-index: 9999}
#flashs .btn span{ display: inline-block; width: 12px; height: 12px; background: url("Img/Index/banner_btn.png") no-repeat center top;  margin: 0 10px;}
#flashs .btn span{ *display: inline}
#flashs .btn span.cur { background-position: bottom}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#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;}

/*搜索*/
.ss{ overflow:hidden; width:100%; height:52px; background: #eeeeee}
.ss .ssBox{ overflow:hidden;}
.ss .ssBox p{ line-height:52px; color:rgba(0,0,0,0.8);  font-size:14px; float:left;width: 77%;}
.ss .ssBox p a{ color:#999; padding:0 5px;font-size: 12px;}
.ss .ssK{overflow:hidden;float:right;height:30px;width: 240px;/* padding:0 10px; */margin-top: 12px;background:url(Img/Index/ssBg.png) no-repeat center;}
.ss .ssK input{float:left;height:30px;line-height:30px;font-size:12px;width: 184px;outline:none;background:none;border:none;color:#999;padding-left: 15px;}
.ss .ssK a{ display:block; float:right; background:url(Img/Index/ssFdj.png) no-repeat center; width:40px; height:30px;}


/*Service*/
.Service{  overflow: hidden;  background-color: #fff; }
.Service .serviceLt{ float: left;  width: 245px;}
.Service .serviceLt h2{ overflow: hidden; padding: 40px 0; background-color: rgba(0,0,0,0.8); color: #fff; text-indent: 38px;   }
.Service .serviceLt h2 a{ display: block; font-size: 32px; color: #fff}
.Service .serviceLt h2 p{ font-size: 20px; text-transform: uppercase; font-weight: normal}
.Service .serviceLtBox,.Service .dl{ overflow: hidden; width: 100%; background: #eeeeee;}
.Service .dl dt,.Service .dl dd{ text-indent: 28px;  }
.Service .dl dt{ font-size: 20px; color: #fff; background: rgba(0,0,0,0.6); line-height: 45px;}
.Service .dl dt a{  color: #fff;}
.Service .dl dd{ padding: 10px 0;border-bottom: 1px solid #ddd;border-top: 1px solid #fff;}
.Service .dl dd a{ display: block;font-size: 16px; color: #666;  line-height: 36px; height: 36px;}
.Service .dl dd a:hover{ color: #034591}
.Service dl.Ltlast{ padding-bottom: 78px;}
.Service .serviceRt{float: right;width: 933px;}
.Service .serviceRt-dl{ float: left; border: 1px solid #eee; padding: 11px; width: 266px; height: 297px; background-color: #fff; margin-right: 20px; margin-bottom: 16px;}
.Service .serviceRt-dl dt img{ display: block;width: 267px;}
.Service .serviceRt-dl dd{ padding: 0 10px; overflow: hidden}
.Service .serviceRt-dl dd h3{ font-size: 16px; font-weight:normal; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; margin-top: 20px;}
.Service .serviceRt-dl dd h3 a{  color: rgba(0,0,0,0.8);}
.Service .serviceRt-dl dd p{ font-size: 14px; line-height: 20px;    margin-top: 10px; color: #666666; }
.Service .serviceRt-dl dd a.more{ display: block; float: left;    margin-top: 10px; color: rgba(0,0,0,0.8);/*! background: rgba(0,0,0,0.8); */padding: 5px 10px;text-align: center;}
.Service dl.bottom{ margin-bottom: 0}
.Service dl.last{ margin-right: 0}
.Service .serviceRt-dl:hover{ top: 0;left: 0;background-color: rgba(231,231,231,.8);}
.Service .serviceRt-dl:hover h3 a,.Service .serviceRt-dl:hover dd p,.Service .serviceRt-dl:hover dd a.more{ color: rgba(33, 33, 33, 0.8);}


.phone22 { overflow:hidden; /*! margin-top: 10px; */ width:170px; padding:30px 0; padding-left:75px; border-radius:0 0 10px 10px; background:url(Img/common/pro_phone.png) no-repeat 20px center; background-color:rgba(0,0,0,0.7);}
.phone22 p{ font-size:16px; color:#fff;}
.phone22 b{ display:block; font-size:24px;  color:#fff; font-family:'Times New Roman'}

/*标题*/
.title{ overflow: hidden; width: 100%; text-align: center; margin: 20px 0 10px 0;}
.title h2{ font-size: 30px;  font-weight: bold;}
.title h2 a{color: rgba(0,0,0,0.8);}
.title i{display:block;width: 79px;height: 1px;background: #000; margin: 5px auto 0;}
.title em{ font-size: 12px; color: #999999; margin-top: 15px}
.title p{ font-size: 14px; color: #666666; margin-top: 5px;}
.title strong{ color: #ffba00;}

/*客户感言*/
.customer{ overflow:hidden; width:100%; background:#fff; padding: 30px 0;}
.customer .customerBox{ overflow:hidden; width:1300px;  margin: 0 auto; margin-top:38px; position:relative}
.customer .customerBox em{ display: block; width: 30px; height: 69px; position: absolute; top:65px;}
.customer .customerBox em.sclt{ background: url("Img/Index/customerLt.png") no-repeat center top; left:0}
.customer .customerBox em.scrt{ background: url("Img/Index/customerRt.png") no-repeat center top; right:0}
.customer .customerBox em:hover{ background-position: bottom; cursor: pointer}
.customer .scCon{ overflow:hidden; width:1200px; height:300px; margin:0 auto; position:relative}
.customer ul{ position:absolute; top:0; left:0}
.customer ul li{ width:272px;float:left; text-align:center; margin-right:30px;}
.customer ul li a{ text-decoration:none}
.customer ul li img{ display:block; margin:0 auto; background-color: #fff;}
.customer ul li h3{ font-size:16px; margin-top: 30px; font-weight: normal}
.customer ul li h3 a{ font-size:16px; margin-top: 30px; color:rgba(0,0,0,0.8);}
.customer ul li p{ font-size:14px; margin-top: 15px; line-height: 20px; color: #fff; height: 41px; overflow: hidden}
.customer ul li:hover img{ opacity:.85;}

/*Answer*/
.Answer{ background: url("") no-repeat center; width: 100%; height: 480px; overflow: hidden;background: url(Img/Index/AnswerBg.jpg) no-repeat 0 0;background-attachment: scroll;background-size: auto auto;background-size: cover;background-attachment: fixed;}
.Answer .box{width: 1200px;height:280px;margin-top: 10px;position: relative;padding-top: 1px;}
.Answer dl.dl{background: url("Img/Index/AnswerConBg.png") no-repeat center;width: 1000px;height:55px;margin: 15px auto 0;position: relative;}
.Answer dl.dl dt,.Answer dl.dl dd{line-height: 55px;font-size: 16px;text-indent: 76px;width: 240px;float: left;white-space: nowrap;}
.Answer dl.dl dt {color: #fff;background: url("Img/Index/AnswerWen.png") no-repeat 30px center;}
.Answer dl.dl dd{color: #626262;background: url("Img/Index/AnswerDa.png") no-repeat 30px center;}
.Answer img.img{position: absolute;right: -215px;top: -99px;}

.Answer .title h2 {

	color: #f0f0f0;

}
/*Harm*/
.Harm{ overflow: hidden; width: 100%; background:url("Img/Index/HarmBg.jpg") no-repeat center; height: 865px;}
.Harm .HarmBox{width: 500px;margin: 0 auto;color: #fff;text-align: right;margin-top: 150px;overflow: hidden;}
.Harm .harmCon{width: 235px;overflow: hidden;}
.Harm .harmCon h3{ font-size: 42px; margin-top: 40px;}
.Harm .harmCon p{ font-size:16px; line-height: 25px; height: 75px; overflow: hidden; margin-top: 20px;}
.Harm .textLeft{ text-align: left}


/*advantage*/
.advantage{ overflow: hidden; width: 100%; background: url("Img/Index/advantageBg.jpg") no-repeat center; height: 843px;}
.advantage .advantageList{ width: 100%; margin-top: 45px; height: 385px; position: relative; *margin-top: 52px; }
.advantage li{ width: 176px; padding: 0 15px; background: url("Img/Index/ysLiBg.png") no-repeat center top; position:absolute;text-align: center; height: 249px; color: #fff}
.advantage li h3{ font-size: 24px; margin-top: 45px;}
.advantage li p{ margin-top: 20px; line-height: 22px; font-size: 14px;}
.advantage li i{ position:absolute; background: url("Img/Index/advantageLi.png") no-repeat center top; width: 25px; height: 25px; left:50%; margin-left: -12px;}
.advantage li.li01{ left:0; top:70px;}
.advantage li.li02{ left:265px; top:0px;}
.advantage li.li03{ right:265px; top:0px;}
.advantage li.li04{ right:0; top:70px;}
.advantage li.li01 i{bottom: -105px;}
.advantage li.li02 i{bottom: -83px;}
.advantage li.li03 i{bottom: -75px;}
.advantage li.li04 i{ bottom: -95px;}
.advantage li:hover{ background-position: bottom; color: #724217}
.advantage li:hover i{ background-position: bottom;}

/*Principle*/
.Principle{ overflow:hidden; width: 100%;  padding: 10px 0 20px 0;background: #eaeaea;}
.Principle .title{ margin-top: 55px;}
.Principle .list{ overflow: hidden; width:1200px; margin-top: 20px;}
.Principle .list li{ float: left; width:18%; padding: 0 10px; text-align: center; overflow: hidden}
.Principle .list li h3{ font-size: 20px; color: rgba(0,0,0,0.8); font-weight: normal; margin-top: 15px;}
.Principle .list li p{ line-height: 22px; font-size: 14px; color: #666666; height: 66px; margin-top: 15px;}
.Principle h4{color: #f2f2f2;background: #111;margin: 0 auto;width: 356px;height: 45px;line-height: 45px;margin-top: 25px;text-align: center;font-size: 14px;border-radius: 10px;}
.Principle h4 span{ font-size: 16px; color: #fff; font-weight: normal}
.Principle h4:hover{color: #f2f2f2;background: #ffba00}
/*流程*/
.lC{overflow: hidden;width: 100%;background: #f7f7f7  url("Img/Index/lcBg.png") repeat-x left 300px;}
.lC .lcBox{ width: 1000px; margin-top: 35px; height: 355px;}
.lC .dl{width: 125px;float: left;text-align: center;position: relative;height:350px;}
.lC .lcBox dt i{ width: 88px; height: 79px; overflow: hidden; display: block; margin: 0 auto}
.lC .lcBox dt img{ display: block;}
.lC .lcBox dt p{ font-size: 18px; line-height: 35px; color: #034591;}
.lC .wen{background: url("Img/Index/lc_liBg.png") no-repeat center;width: 39px;height: 39px;margin: 0 auto;margin-top: 19px;font-size: 18px;color: #cccccc;line-height:39px;}
.lC img.lcIMg{ position: absolute; bottom: 0; left:-60px; display: none}
.lC .dl:hover i img{ margin-top: -79px;}
.lC .dl:hover p{  color: #ffae00;}
.lC .dl:hover  .wen{ background: url("Img/Index/lc_liBg_h.png") no-repeat center  top; height: 69px;color: #ffae00;}
.lC .dl:hover  img.lcIMg{ display: block}

/*Treatment*/
.Treatment{ overflow: hidden; width: 100%; padding-bottom: 55px;}
.Treatment .title{ margin-top: 35px;}
.Treatment .TreatmentBox{ width: 1200px; margin-top:95px; height: 280px; position: relative }
.Treatment .dl{ width: 340px; overflow:hidden; position: absolute}
.Treatment .dl dt{ width:77px; height:118px;}
.Treatment .dl dd{width: 248px;text-align: justify;}
.Treatment .dl dd h3{ font-weight: normal; font-size: 18px; color: #333333}
.Treatment .dl dd p{  font-size: 14px; line-height: 26px; color: #666666; margin-top: 15px;}
.Treatment .top{top:0 }
.Treatment .right{right:0 }
.Treatment .bottom{bottom:0 }
.Treatment .left{left:0 }
.Treatment img.img{ position:absolute; left:50%; margin-left: -150px; top:-35px;}

/*air*/
.air{ overflow: hidden; width: 100%; background: url("Img/Index/airBg.jpg") no-repeat center; height: 197px;}
.air .airPhone{font-size: 14px;color:#fff;margin-top: 140px;text-indent: 275px;}
.air .airPhone b{ font-size: 24px;}

/*about*/
.about{ overflow: hidden; width: 100%;background-color: #ececec;}
.about dl{ overflow:hidden; padding: 35px 0; width: 100%;}
.about dl dt{  float: left;background-color: #fff;box-shadow: 0 0 12px 1px rgba(0,0,0,0.3);}
.about dl dd{ width:820px; float: right;}
.about dl dd h3{ font-size: 18px;}
.about dl dd h3 a{ color:rgba(0,0,0,0.8);}
.about dl dd i{ display: block; width: 40px; height: 1px; background:#034591; margin: 25px 0;}
.about dl dd p{ font-size: 14px; color: #666666; line-height: 28px; height: 90px; overflow: hidden;}
.about dl dd a.more{display:block; margin-top: 30px; width: 130px }

/*团队*/
.team{ overflow: hidden; width: 100%;  padding: 20px 0 3px;background: #eaeaea;}
.team .teamLt{ /*! width: 930px; */ float: left;}
.team h3{ font-size: 14px; font-weight: normal; color: #999999; text-transform: uppercase; margin-bottom: 25px;}
.team h3 a{ font-weight: bold; color: rgba(0,0,0,0.8);font-size: 22px;}
.team .teamBox{ position:relative; width: 1200px; height:222px; overflow: hidden}
.team .list{ position: absolute; top:0; left:0}
.team .list li{ width: 235px; float: left; margin-right: 10px;}
.team .list li a img{ border: 1px solid #ddd;width: 225px;}
.team .list li span {
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 35px;
	color: #333;
	height: 35px;
	overflow: hidden;
}
.team .teamRt{ float: right; width: 244px;}
.team .teamCon{ width: 243px; height: 318px; background-color: #eeeeee; position: relative; overflow: hidden;}
.team .rtList{ position:absolute; left:0; top:0}
.team .rtList li{ width: 193px; height: 259px; padding: 15px 25px; float: left}
.team .btn{ width: 100%; text-align: center; overflow: hidden; position: absolute; left:0; bottom: 15px}
.team .btn span{ width: 15px; height:15px; background: #fff; border-radius: 50%; display: inline-block; margin: 0 3px;}
.team  .btn span{ *display: inline}
.team .btn span.cur{ background: #ffae00}

/*choose*/
.choose{ overflow: hidden; width: 100%; background: #fff; height: 320px;padding: 30px 0;}
.choose .title h2 a,.choose .title  em{  text-transform: uppercase;}
.choose .title strong{color: #ffae00;}
.choose .title i{ background-color: #fff}
.choose .chooseBox{ position: relative; width: 1200px; height: 182px; margin-top: 40px; overflow: hidden}
.choose .lsit{ position: absolute; top:0; left:0}
.choose .lsit li{ width: 1200px;  float: left;}
.choose .lsit li a{ display: block; width: 184px; height: 184px; margin-right: 16px; float: left;}
.choose .lsit li a.last{ margin-right: 0}
.choose .btn{ width: 100%; text-align: center; overflow: hidden; /*margin-top: 45px;*/}
.choose .btn span{ width: 50px; height:4px; background: #fff; display: inline-block; margin: 0 3px;}
.choose .btn span{ *display: inline}
.choose .btn span.cur{ background: #ffae00;}

/*news*/

.news {padding: 28px 0 0px 0;height: 660px;/*! background: #f2f2f2; */}
.news .news_type {width: 359px;margin:30px auto;border: 1px solid #999;border-radius: 25px;position: relative;overflow: hidden;}
.news .news_type li {width: 89px;text-align: center;height: 33px;line-height: 33px;font-size: 13px;float: left;padding: 0 15px;border-left: 1px solid #999;}
.news .news_type li:first-child{border-left:none;}
.news .news_type li a {color: #999;}
.news .news_type li.cur {background: #000;}
.news .news_type li.cur a {color: #fff;}
.news .news_con {}
.news .news_con .conbox {display: none;}
.news .news_con .conbox.cur {display: block;}
.news .news_con dl {width: 333px;padding: 20px;background: #f5f5f5;margin-left: 30px;float: left;transition: all 0.5s;box-shadow: 1px 1px 5px 2px #d8d8d8;margin-right: 20px;}
.news .news_con dl:first-child {margin-left: 0;}
.news .news_con dl dt {width: 340px;height: 210px;overflow: hidden;margin-bottom: 20px;}
.news .news_con dl dt img {display: block;transition: all 0.5s;width: 100%;}
.news .news_con dl dd.dd1 {font-size: 16px;height: 40px;line-height: 40px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.news .news_con dl dd.dd1 a {color: #141414;}
.news .news_con dl dd.dd2 {line-height: 24px;font-size: 12px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 70px;}
.news .news_con dl dd.dd3 {font-size: 12px;margin-top: 30px;}

.news .news_con dl dd.dd3 a {color: #141414;}
.news .news_con dl:hover {box-shadow: 5px 5px 15px #999;}



/*link*/
.link{ overflow: hidden; width: 100%; padding: 20px 0;}
.link h3{ float: left; width: 65px; color: #666666; font-size: 14px; margin-top: 5px;}

.link h3 a{  color: #666666; }
.link .ul{ float: right; width: 930px;}

.link .ul li{ margin: 5px 0; float: left; border-right: 1px dotted #034591; padding: 0 20px; font-size: 14px;}
.link .ul li a{ color: #666666;}



.g_an {
	height: 410px;
	padding-top: 44px;
	background: #eaeaea;
}
.g_an h2{height: 40px;text-align: center;font-size: 30px;font-weight: bold;}
.g_an h2 em{color: #202022;padding-left: 15px;font-weight: normal;}
.g_an h2 a{}
.g_an .anfl{margin-bottom: 60px;}
.g_an .anfl li{float: left;width: 188px;padding-top: 25px;height: 150px;text-align: center;font-size: 22px;border: 1px solid #ddd;margin-right: 10px;background: #fff;}
.g_an .anfl li a{color: #2e2e2e;}
.g_an .anfl li em{display: block;width: 96px;margin: 0 auto; height: 56px;overflow: hidden;}
.g_an .anfl li i{display: block;font-style: normal;font-size: 12px;color: #a9c3dd;padding-top: 6px;}
.g_an .anfl li:hover em img,.g_an .anfl .on em img{margin-top: -56px;}
.g_an .anfl li:hover,.g_an .anfl .on{background: #ffa800;color: #fff;}
.g_an .anfl li:hover i,.g_an .anfl li.on i{color: #ffdfb8;}
.g_an .anfl li:hover a,.g_an .anfl li.on a{color: #fff;}
.g_an .antj dt{float: left;width: 588px;height: 439px; overflow: hidden;}
.g_an .antj dt img{width: 588px;height: 439px;display: block;transition: all 0.3s linear 0s;}
.g_an .antj dt:hover img{transform: scale(1.05);}
.g_an .antj dd{float: right;width: 590px;height: 130px;}
.g_an .antj h3{height: 30px;line-height: 30px;overflow: hidden;font-size: 20px;font-weight: bold;color: #202022;margin-bottom: 16px;}
.g_an .antj h3 a{color: #202022;}
.g_an .antj p{font-size: 14px;line-height: 24px;color: #737373; height: 53px;overflow: hidden;}
.g_an .antj p em{position: relative;padding-left: 6px;top:5px;}
.g_an .ancon{position: relative;}
.g_an .anlst{position: absolute;left:608px;top:130px;}
.g_an .anlst h4{background:url(/images/antit2.jpg) no-repeat;height: 56px;line-height: 56px;font-size: 24px;font-weight: bold;color: #202022;}
.g_an .anlst h4 a{color: #202022;}
.g_an .anlst li{float: left;width: 270px; margin-right: 30px;}
.g_an .anlst .lastli{margin-right: 0;}
.g_an .anlst li img{width: 279px;height: 210px;display: block;transition: all 0.3s linear 0s;}
.g_an .anlst li:hover img{transform: scale(1.05);}
.g_an .anlst li em{display: block;height: 42px;line-height: 42px;text-align: center;overflow: hidden;font-size: 14px;color: #555555; }