@charset "utf-8";
/*@import "/Skins/Default/resetcommon.css";*/

/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}



.header , .content , .footer { width:1200px; margin:0 auto;  }



/**/ 
.ys .dl1{ border-left:1px solid #efefef; border-bottom:1px solid #efefef;}
.ys .dl2{ border-top:1px solid #efefef;}
.ys .dl3{ border-right:1px solid #efefef; border-bottom:1px solid #efefef;}

.ys{ height:664px; overflow:hidden;}
.ys h3{ height:58px; margin:60px 0 44px 0;}
.ys h3 img{ width:441px; height:58px; display:block; margin:0 auto;}
.ys dl{ width:382px; float:left;}

.ys dt{ width:382px; height:221px; overflow:hidden;}
.ys dt img{ width:382px; height:221px; display:block; }

.ys dd{ width:284px;height:191px; margin:0 auto;  font:14px/24px "Microsoft Yahei"; color:#585858; overflow:hidden; padding-top:30px;}
.ys dd span{ display:block; font:20px/20px "Microsoft Yahei"; font-weight:bold; color:#01b7bb; margin-bottom:20px;}
.ys dd em{ font:36px/36px Impact; color:#757575; margin-right:5px;}
/**/


/*案例*/

.anbj{ background-color:#f9f9f9; margin:0 auto; }
.fwxm_title {
	margin-top: 20px;
	background: url(../img/title_bg.png) no-repeat center 0px;
	height: 118px;
	text-align: center;
}
.fwxm_title h1 {
	font-size: 30px;
	color: #00a6aa;
	line-height: 50px;
}


.fwxm_title h2 {
	background: url(../img/xian.png) repeat-x center;
	max-width: 1200px;
	font-weight: normal;
	font-size: 14px;
	color: #000;
	margin: auto;
	text-transform: uppercase;
	line-height: 30px;
}
.fwxm_title h2 span {
	background: #fff;
	padding: 0 20px;
}


.case_con {
	overflow: hidden;
	width: 1200px;
	margin: auto;
	clear: both;
	margin-top: 20px;
}
.case_con ul {
	width: 1320px;
}
.case_con li {
	box-shadow: 2px 2px 10px #e5e5e5;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	margin-right: 20px;
	padding: 10px 10px 10px 10px;
	background: #fff;
	margin-bottom: 30px;
	position: relative;
	width: 385px;
	overflow: hidden;
	float: left;
}
.case_con li:hover {
	box-shadow: 2px 2px 10px #ccc;
}
.case_con li img {
	width: 365px;
	height: 220px;
}
.case_con li p {
	display: block;
	line-height: 20px;
	color: #555;
	font-size: 12px;
	margin-top: 8px;
}
.case_con li p a {
	color: #333;
}
.case_con li .pic_txt {
	background: url(../img/eye.png) no-repeat right;
	color: #555;
	width: 100%;
	float: left;
}
.case_con li .pic_txt strong {
	width: 200px;
}



.news {
	clear: both;
}
.news_title {
	background: url(../img/news.png) no-repeat center top;
	height: 160px;
}
.news_con {
	width: 1200px;
	margin: auto; background-color:#f1f1f1;
}
.news_left {
	margin-top: 50px;
	width: 700px;
	float: left;
}
.news_left li {
	clear: both;
	padding-bottom: 40px;
}
.news_left li .pic {
	float: left;
	width: 252px;
	height: 172px;
}
.news_left li .pic img {
	width: 252px;
	height: 172px;
}
.news_left li .txt {
	float: right;
	width: 430px;
}
.news_left li .txt h2 strong a {
	font-weight: normal;
	font-size: 18px;
	line-height: 30px;
}
.news_left li:hover .txt h2 strong a {
	color: #00a6aa;
}
.news_left li .txt h2 strong span a {
	color: #00a6aa;
}
.news_left li:hover .txt h2 strong span a {
	color: #000;
}
.news_left li .txt p {
	float: left;
	color: #666;
	margin-top: 15px;
	line-height: 24px;
}
.news_left li .txt p a {
	margin-top: 15px;
	line-height: 26px;
	border-radius: 20px;
	border: 1px solid #00a6aa;
	display: block;
	text-align: center;
	color: #00a6aa;
	width: 105px;
}
.news_left li:hover .txt p a {
	color: #fff;
	background: #00a6aa;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.news_left li .txt_con .date {
	float: right;
	text-align: center;
	color: #4a4a4a;
	margin-top: 15px;
	width: 72px;
	height: 72px;
	background: #f3f3f3;
}
.news_left li .txt_con em {
	display: block;
	font-size: 48px;
	line-height: 52px;
}
.news_right {
	margin-top: 50px;
	float: right;
	width: 365px;
}
.news_right_title {
	border-bottom: 1px solid #ddd;
	line-height: 50px;
	padding-left: 33px;
	background: url(../img/xw.png) no-repeat left;
	font-size: 18px;
}
.news_right_title span a {
	float: right;
	color: #666;
	line-height: 40px;
	font-size: 12px;
}
.news_right_title span a:hover {
	color: #183884;
}
.news_right ul {
	margin-top: 10px;
}
.news_right li {
	line-height: 36px;
	border-bottom: 1px dashed #eee;
	background: url(../img/dian.png) no-repeat left;
	padding-left: 15px;
}
.news_right li a {
	color: #333;
}
.news_right li span a {
	color: #183884;
}
.news_right li:hover a {
	color: #183884;
}
.news_right li em {
	float: right;
	color: #777;
}



.yqlj {
	width: 1200px;
	clear: both;
	line-height: 30px;
	margin: 10px auto;
}
.yqlj strong {
	float: left;
	width: 80px;
	color: #183884;
}
.yqlj ul {
	width: 1100px;
	float: left;
}
.yqlj li {
	float: left;
}
.yqlj a {
	color: #333;
	margin: 0 10px;
}
.yqlj a:hover {
	color: #183884;
}


.chanping{ margin-bottom:auto; background-color:#f9f9f9; margin-top:50px;}



on a{width: 150px;height: 40px;display: block;border:1px solid #fff;color:#fff;text-align: center;line-height: 40px;font-size: 16px;border-radius: 8px;margin: 47px auto;}








.case_con1 {
	overflow: hidden;
	width: 1200px;
	margin: auto;
	clear: both;
	margin-top: 20px; 
}
.case_con1 ul {
	width: 1200px;
}
.case_con1 li {
	box-shadow: 2px 2px 10px #e5e5e5;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	margin-right: 20px;
	padding: 10px 10px 10px 10px;
	background: #fff;
	margin-bottom: 30px;
	position: relative;
	width: 277px;
	overflow: hidden;
	float: left;
}
.case_con1 li:hover {
	box-shadow: 2px 2px 10px #ccc;
}
.case_con1 li img {
	width: 253px;
	height: 430px;
}
.case_con1 li p {
	display: block;
	line-height: 20px;
	color: #555;
	font-size: 12px;
	margin-top: 8px;
}
.case_con1 li p a {
	color: #333;
}
.case_con1 li .pic_txt {


}
.case_con1 li .pic_txt strong {
	width: 200px;
}



.banner { height: 550px; overflow: hidden; }
.banner .d1 {width: 100%;height: 550px;display: block;position: absolute;left: 0px;}
.banner .d2 { width: 100%; height: 30px; clear: both; position: absolute; z-index: 100; left: 0px; top: 360px; }
.banner .d2 ul { float: left; position: absolute; left: 50%; right: 50%; top: 260px; margin: 0 0 0 -56px; display: inline; width: 130px; }
.banner .d2 li { width: 17px; height: 15px; overflow: hidden; cursor: pointer; background: url(../img1.png) no-repeat center; float: left; margin: 0 3px; display: inline; }
.banner .d2 li.nuw { background: url(../img1_1.png) no-repeat center; }