@charset "utf-8";

/* CSS Document */

/*banner*/

.banner{ overflow: hidden; position: relative; width: 100%;}

.banner a{ display: block; background:url("../Index/banner.jpg") no-repeat center; height: 580px}

#flashs{
	position:relative;
	height:530px;
	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("../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:#557479;  font-size:14px; float:left}

.ss .ssBox p a{ color:#999; padding:0 20px;}

.ss .ssK{overflow:hidden;float:right;height:30px;width: 240px;/* padding:0 10px; */margin-top: 12px;background:url(../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(../Index/ssFdj.png) no-repeat center; width:40px; height:30px;}





/*Service*/

.Service{
	overflow: hidden;
	width: 100%;
	background-color: #fff;
}

.Service .serviceLt{
	float: left;
	width: 220px;
}

.Service .serviceLt h2{ overflow: hidden; padding: 40px 0; background-color: #557479; 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;
	margin-bottom:5px
}

.Service .dl dt,.Service .dl dd{ text-indent: 28px;  }

.Service .dl dt{ font-size: 20px; color: #fff; background: #ffba00; line-height: 45px; margin-bottom:}

.Service .dl dt a{  color: #fff;}

.Service .dl dd{
	 
	 border-bottom:dashed #CCC 1px;
}

.Service .dl dd a{ display: block;font-size: 16px; color: #666;  line-height: 36px; height: 36px;}

.Service .dl dd a:hover{ color: #557479}

.Service dl.Ltlast{ padding-bottom: 78px;}

.Service .serviceRt{
	float: right;
	width: 960px;
}

.Service .serviceRt-dl{
	float: left;
	border: 1px solid #eee;
	padding: 11px;
	width: 270px;
	height: 290px;
	background-color: #fff;
	margin-right: 15px;
	margin-bottom: 10px;
}

.Service .serviceRt-dl dt img{ display: block;}

.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; line-height:30px; height:30px;text-align:center}

.Service .serviceRt-dl dd h3 a{  color: #557479; }

.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: #557479;}

.Service dl.bottom{ margin-bottom: 0}

.Service dl.last{ margin-right: 0}

.Service .serviceRt-dl:hover{ background-color: #557479}

.Service .serviceRt-dl:hover h3 a,.Service .serviceRt-dl:hover dd p,.Service .serviceRt-dl:hover dd a.more{ color: #fff}





.phone22 {
	overflow:hidden;
	margin-top: 10px;
	padding:30px 0;
	padding-left:75px;
	border-radius:10px;
	background:url(../common/pro_phone.png) no-repeat 20px center;
	background-color:#557479;
}

.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-top: 55px;}

.title h2{ font-size: 36px; color: #557479; font-weight: normal}

.title h2 a{color: #557479;}

.title i{display:block;width: 30px;height: 1px;background: #557479; margin: 15px auto 0}

.title em{ font-size: 12px; color: #999999; margin-top: 15px}

.title p{ font-size: 14px; color: #666666; margin-top: 15px}

.title strong{ color: #ffae00;}



/*客户感言*/

.customer{ overflow:hidden; width:100%; background:#fff; padding-bottom: 35px}

.customer .customerBox{ overflow:hidden; width:1200px;  margin: 0 auto; margin-top:25px; position:relative}

.customer .customerBox em{ display: block; width: 70px; height: 70px; position: absolute; top:65px;}

.customer .customerBox em.sclt{ background: url("../Index/customerLt.png") no-repeat center top; left:0}

.customer .customerBox em.scrt{ background: url("../Index/customerRt.png") no-repeat center top; right:0}

.customer .customerBox em:hover{ background-position: bottom; cursor: pointer}

.customer .scCon{ overflow:hidden; width:1000px; height:320px; margin:0 auto; position:relative}

.customer ul{ position:absolute; top:0; left:0}

.customer ul li{ width:310px;float:left; text-align:center; margin-right:35px;}

.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:#557479}

.customer ul li p{ font-size:14px; margin-top: 15px; line-height: 20px; color: #666666; height: 40px; overflow: hidden}

.customer ul li:hover img{ opacity:.85;}



/*Answer*/

.Answer{ background: url("../Index/AnswerBg.jpg") no-repeat center; width: 100%; height: 452px; overflow: hidden;}

.Answer .box{width: 1000px;height:280px;margin-top: 10px;position: relative;padding-top: 1px;}

.Answer dl.dl{background: url("../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: 500px;float: left;white-space: nowrap;}

.Answer dl.dl dt {color: #fff;background: url("../Index/AnswerWen.png") no-repeat 30px center;}

.Answer dl.dl dd{color: #557479;background: url("../Index/AnswerDa.png") no-repeat 30px center;}

.Answer img.img{position: absolute;right: -215px;top: -99px;}





/*Harm*/

.Harm{ overflow: hidden; width: 100%; background:url("../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("../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("../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("../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%; background-color: #fff; padding-bottom: 35px}

.Principle .title{ margin-top: 55px;}

.Principle .list{
	overflow: hidden;
	width:1200px;
	margin-top: 20px;
}

.Principle .list li{
	float: left;
	width:220px;
	padding: 0 10px;
	text-align: center;
	overflow: hidden
}

.Principle .list li h3{ font-size: 24px; color: #557479; 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: #b8d3c4;background: url("../Index/PrinciplePhone.png") no-repeat center;margin: 0 auto;width: 360px;height: 50px;line-height: 50px;margin-top: 25px;text-align: center;font-size: 26px;/* font-weight: normal */}

.Principle h4 span{ font-size: 18px; color: #fff; font-weight: normal}



/*流程*/

.lC{overflow: hidden;width: 100%;background: #f7f7f7  url("../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: #557479;}

.lC .wen{background: url("../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("../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: 1000px; 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("../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:#eee
}

.about dl{ overflow:hidden; padding: 35px 0; width: 100%;}

.about dl dt{
	width:459px;
	float: right
}

.about dl dd{
	width:620px;
	float: left;
}

.about dl dd h3{ font-size: 18px;}

.about dl dd h3 a{ color:#557479}

.about dl dd i{ display: block; width: 40px; height: 1px; background:#557479; margin: 25px 0;}

.about dl dd p{ font-size: 14px; color: #666666; line-height: 28px; height: 84px; overflow: hidden;}

.about dl dd a.more{display:block; margin-top: 30px; width: 130px }



/*团队*/

.team{ overflow: hidden; width: 100%; background:#fff; padding: 20px 0 30px;}

.team .teamLt{ width: 735px; float: left;}

.team h3{ font-size: 18px; font-weight: normal; color: #999999; text-transform: uppercase; margin-bottom: 25px;}

.team h3 a{ font-weight: bold; color: #557479}

.team .teamBox{ position:relative; width: 735px; height:285px; overflow: hidden}

.team .list{ position: absolute; top:0; left:0}

.team .list li{ width: 240px; float: left; margin-right: 6px;}

.team .list li span{ display: block; text-align: center; font-size: 13px; line-height: 35px; color: #333}

.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: #557479; padding-bottom: 55px;}

.choose .title h2 a,.choose .title  em{ color: #fff; text-transform: uppercase;}

.choose .title strong{color: #fff}

.choose .title i{ background-color: #fff}

.choose .chooseBox{ position: relative; width: 1000px; height: 83px; margin-top: 40px; overflow: hidden}

.choose .lsit{ position: absolute; top:0; left:0}

.choose .lsit li{ width: 1000px; height: 83px; float: left;}

.choose .lsit li a{ display: block; width: 184px; height: 83px; 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{
	overflow: hidden;
	width: 100%;
	padding: 20px 0;
	
}

.news .newsLt{ float: left; width: 555px; }

.news .newsRt{
	float: right;
	width: 465px;
}

.news .newsNav{ overflow: hidden}

.news .newsNav li{ width: 133px; height: 38px; line-height:38px;text-align: center; font-size: 14px; background-color: #eee; float: left; margin-right: 10px;}

.news .newsNav li a{ color: #666666; text-decoration: none}

.news .newsNav li:hover,.news .newsNav li.cur{ background: #557479}

.news .newsNav li:hover a,.news .newsNav li.cur a{  color: #fff}

.news .newsBox,.news .newsCon,.news dl{ overflow: hidden; width: 100%; }

.news .newsBox{
	margin-top: 35px;
	height: 275px;
	width: 555px;
	position: relative
}

.news .newsCon{ position:absolute; left:0; top:0; display: none}

.news .newsCon:first-child{ display: block}

.news dl dt{ width: 167px; height: 120px; float: left;}

.news dl dd {width: 370px;float: right;margin-top: 0px;overflow: hidden;}

.news dl dd h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px }

.news dl dd h3 a{ color: #557479}

.news dl dd p{ font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; color: #666666; margin-top: 10px}

.news .newsLi{overflow:hidden;width: 100%;margin-top: 20px;border-top:1px solid #c9c9c9;}

.news .newsLi li { font-size: 14px; overflow:hidden; width: 100%; padding: 7px 0; border-bottom: 1px dashed #c9c9c9}

.news .newsLi li a{ display: block; width: 380px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left;}

.news .newsLi li span{ float: left; display: block; color: #999999;}

.news .NewTit{ overflow: hidden; width: 100%;}

.news .NewTit h3{ font-weight: normal; font-size: 24px; float: left;}

.news .NewTit h3 a{ color: #557479}

.news .btnLt{ float: right; width: 78px;}

.news .btnLt a { width: 37px; height: 33px; display: block;}

.news .btnLt a.newsTop{ background: url("../Index/newsTop.jpg") no-repeat center top; float: left;}

.news .btnLt a.newsBtm{ background: url("../Index/newsBottom.jpg") no-repeat center top; float: right;}

.news .btnLt a:hover{ background-position: bottom}

.news .newsDa{
	width: 465px;
	height: 275px;
	position: relative;
	margin-top: 10px;
	overflow: hidden
}

.news .listDa {
	top:0;
	left:0
}

.news .listDa li{ height: 50px; width: 100%; border-bottom: 1px dotted #bbbbbb; }

.news .listDa li h3{ background: url("../Index/newsWen.jpg") no-repeat left center; padding-left: 35px; font-size: 13px; font-weight: normal}

.news .listDa li h3 a{ color: #333333 }

.news .listDa li p{
	font-size: 14px;
	color: #666666;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width:300px;
	margin-left:120px
}







/*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{
	width: 930px;
}

.link .ul li{ margin: 5px 0; float: left; border-right: 1px dotted #557479; padding: 0 8px; font-size: 14px;}

.link .ul li a{ color: #666666;}