﻿@charset "utf-8";
/* CSS Document */

@charset "utf-8";
*{margin:0px; padding:0px;}
img {border:0; margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{list-style:none; margin:0; padding:0; font-weight:normal;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden; font-size:0px;}
.clearfix{display:inline-block;}
* html .clearfix { height:1%;}
.clearfix{display:block;}
.clear_h2{font-weight:normal;font-size:14px; padding:0px; margin:0px; color: #fff;}
input,textarea{outline:none; border:0px;}/*去掉输入框得到焦点时边框会出现阴影效果----例如360 火狐*/
a{blr:expression(this.onFocus=this.blur());/* IE Opera */ outline:none;/* FF Opera */} a:focus{-moz-outline-style:none;/* FF */}/*去掉a标签超链接的虚线框*/
.clearboth{clear:both;}
a:link{text-decoration:none; color: #404040;}
a:visited{text-decoration:none; color:#404040;}
a:hover{text-decoration:none; color:#F00;}
a:active{text-decoration:none; color:#404040;}
.main{width:1080px; margin:0 auto; overflow:hidden;}
body{margin: 0px; color:#404040; font-size:12px; font-family:"Microsoft YaHei","微软雅黑",宋体,Arial, Helvetica, sans-serif;}
/*案例*/
.anli_a{ background-color:#f4f4f4; padding-bottom:10px; }
.anli_b{ border-bottom: solid 1px #d5d7d9; text-align:center; margin: 0 auto; width:1200px;}
.anli_b h3{ font-size:32px; color:#666666; padding-top:30px; line-height:43px;}
.anli_b h2{ font-size:32px; color:#666666; padding-top:30px; line-height:43px;}
.anli_b i{ width:100px; border-bottom:solid 3px #198dcc;}
/*top_A*/
#top_A{width:100%; height:36px; background-color:#ccc; overflow: hidden; font-family:"Microsoft YaHei";}
.top{width:1080px; height:36px; margin:auto;}
.top_left{ width:900px; height:36px; float:left; line-height:36px; color:#303030; font-size:12px;}
.top_left span{ font-weight:bold;}
.top_right{ height: 36px; float: right;line-height: 35px;}
.top_right ul li{float: left; line-height:36px; padding:0px 0px 0px 10px;}
.top_right ul li a{color: #303030; font-size:12px;}
.top_right ul li span{padding:0px 3px 0px 0px;}
.top_right ul li img{width:18px; height:18px; display:block; padding:9px 0px 0px 0px; float:left;}

/*<!--logo-->*/
.top_bgk{ background-color:#eee;overflow:hidden;}
.logo{float:left; padding:37px 20px 0px 0px; display:inline;}
.logo img{}
.biaoyu{ width:400px; height:72px; float:left;  margin:50px 0px 0px 0px; display:inline;}
.biaoyu dd{ line-height:36px; font-size:18px; color:#333; font-weight:bold;}
.biaoyu span{ color:#4b9908; font-size:24px; display:block; font-weight:bold;}
.top_ewm{ width:100px; height:120px; background:url(../images/top_ewm_bg.jpg); float:left; margin:30px 0px 0px 0px;}
.top_ewm img{ width:96px; height:96px; padding:2px;}
.iphone{ float:right; display:inline; margin:30px 0; overflow:hidden;}
.iphone span{ display:block; font-size:15px; color:#333;}
.iphone b{ font-family:impact; font-size:30px; color:#4b9908;}
.iphone a{ font-size:18px; padding:0px 20px; margin-top:10px; font-weight:bold; display:block; color:#198dcc; width:248px; height:38px; background-color:#FFFFFF;text-align:center; line-height:38px;}

/*nav*/
.nav_all{background:#198dcc; height:60px;}
.nav { width:1080px; margin:auto; height:60px;}
.nav li {float:left; height:60px;line-height:60px;text-align:center; }
.nav li a {display:block; font-size:15px; height:60px; width:120px; padding:0 30px; color:#fff;}
.nav li:first-child{ background:none;}
.nav li:hover{ background:#ffffff73; }
.nav li.another{ background:#fff;}

/*.gftd{ background:url(../images/news-bg.png) no-repeat  bottom; overflow:hidden;}*/
/*****************youshi******************/

.ys01{ height:1270px; overflow:hidden; background:url(../images/ys_bg.png) no-repeat center top;}
.ys{ width:1200px; height:1310px; margin:0 auto; position:relative;}
.ys_centent img{display:block;margin:20px auto 20px auto;;}
.ys_centent p{text-align:center;font-size:30px; font-weight:bold;color:#fff;font-family:"Microsoft Yahei";}
.ys dl{ width:640px; height:275px;}
.ys dt{ height:67px; background:url(../images/num-bg.png) no-repeat left top; font:24px "Microsoft Yahei"; font-weight:bold; color:#0075c2; margin-bottom:20px;}
.ys dt span{ display:inline-block; width:46px; height:69px; overflow:hidden; text-align:center; font:56px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; line-height:69px; margin-right:12px; float:left;}
.ys dt i{ display:block; font:18px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#dbdbdb; height:30px; margin-top:5px;}
.ys dd{ width:530px; margin-left:40px;padding-left:18px;}
.ys dd p{ font:14px "Microsoft Yahei"; color:#555555; line-height:22px; margin-top:10px;*margin:0 0 9px 0;}
.ys dd p span{ color:#0075C2;}
.ys .dl01{ position:absolute; top:217px; left:0;}
.ys .dl02{ position:absolute; top:590px; left:522px;}
.ys .dl03{ position:absolute; top:1000px; left:0;}
.ys .dl04{ position:absolute; top:1417px; left:522px;}
.ys .dl02 dd,.ys .dl03 dd{ background:url(../images/ys_line2.png) no-repeat left 5px;}
.ys .dl04 dd{background:url(../images/ys_line4.png) no-repeat left 5px;}

.ys1{height:345px;}
.ys1 img{float:right;margin-top:30px;}
.ys2{height:345px;}
.ys2 img{float:left;margin-top:90px;}
.ys3 img{float:right;margin-top:140px;}

/*广告*/
.igg{
	width: 100%;
	height: 160px;
	background: url(../images/gg01.jpg) center no-repeat;
}


/*建造*/
.ibuild{ background-color:#eee;
	width: 100%;
	height: 370px;
	position: relative; padding-top:100px;
}
.ibuild-bj{
	width: 100%;
	height: 300px;
	background: #fff;
	position: absolute;
	z-index: 1;
}
.ibuild-l{
	float: left;
	width: 250px;
	height: 330px;
	padding: 20px;
	background: #198dcc;
	position: relative;
	z-index: 99;
	color: #fff;
}
.ibuild-l h4{
	font-size: 27px;
	font-weight: bold;
	line-height: 27px;
}
.ibuild-l h4:after{
	content: "";
	display: block;
	width: 180px;
	height: 3px;
	background: #fff;
	margin: 15px 0 10px 0;
}
.ibuild-l span{
	display: block;
	font-size: 19px;
}
.ibuild-l p{
	line-height: 1.5;
	margin-top: 20px;
}
.ibuild-l a{
	display: block;
	width: 100px;
	height: 34px;
	border: 1px solid #FFF;
	text-align: center;
	line-height: 34px;
	color: #fff;
	margin: 25px 0 0 0;
}
.ibuild-l a:hover{
	background: #fff;
	color: #198dcc;
}
.ibuild-r{
	width: 880px;
	float: right;
	position: relative;
	z-index: 99;
	margin-top: 85px;
}

.marqueeleft{width:1200px; margin:0 auto;overflow:hidden; padding:15px 0 35px 0;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:10px;display:inline;width:280px;overflow:hidden;}
.marqueeleft li img{display:block;width:280px;height:200px;}
.marqueeleft li .txt{text-align:center; width:100%;height:2.5;line-height:2.5;background:#198dcc; color: #fff;}
.marqueeleft li .txt a{ color:#FFFFFF;}

.wrap{ width:1200px; overflow:hidden; margin:0 auto;}
/*新闻*/
.inews{ overflow:hidden; background-color:#eee;
	width: 100%; padding:20px 0 40px;
	
}
.inews-title{
	position: relative;
}
.inews-title h4{
	font-size: 23px;
	font-weight: bold;
	color: #198dcc;
	display: inline-block;
}
.inews-title h4 span{
	font-size: 17px;
	font-weight: normal;
	color: #999;
}
.inews-title:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	position: absolute;
	bottom: 1px;
}
.inews-title a{
	display: inline-block;
	position: absolute;
	width: 70px;
	line-height: 22px;
	background: #198dcc;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	right: 0;
	top: 10px;
}
.inews-title a:hover{
	background: #1473a7;
}
.inews-title i{
	display: block;
	width: 100px;
	height: 3px;
	background: #198dcc;
	position: relative;
	z-index: 99;
	margin-top: 8px;
}
.inews-l{
	width: 690px;
	float: left;
}
.inews-l-b{
	margin-top: 20px;
}
.inews-l-b-t{
	height: 212px;
}
.inews-l-b-t img{
	width: 330px;
	height: 200px;
	padding: 5px;
	border: 1px solid #ccc;
	float: left;
}
.inews-l-b-t dl{
	float: right;
	width: 325px;
	height: 100%;
	box-sizing: border-box;
	padding: 15px 0;
	position: relative;
}
.inews-l-b-t dl dt{
	font-size: 16px;
	font-weight: bold;
}
.inews-l-b-t dl dd{
	color: #666;
	line-height: 2;
	margin-top: 12px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.inews-l-b-t dl a{
	position: absolute;
	right: 0;
	bottom: 15px;
	color: #333;
}
.inews-l-b-t dl a:hover{
	color: #198dcc;
}
.inews-l-b ul{
	margin-top: 10px;
}
.inews-l-b ul li{ overflow:hidden;
	line-height: 2.8;
	color: #666;
	border-bottom: 1px dashed #ccc;
	padding-left: 30px;
	background: url(../images/newsbj.png) left no-repeat;
}
.inews-l-b ul li:hover{
	background: url(../images/newsbj02.png) left no-repeat;
}
.inews-l-b ul li a{
	display: block;
}
.inews-l-b ul li a p{
	display: inline-block;
}
.inews-l-b ul li a:hover p{
	color: #198dcc;
}
.inews-l-b ul li a span{
	display: inline-block;
	float: right;
	color: #aaa;
	font-size: 13px;
}
.inews-r{
	width: 460px;
	float: right;
}
.inews-r ul{
	margin-top: 15px;
}
.inews-r ul li{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 8px;
	margin-bottom: 9px;
}
.inews-r ul li:hover h4{
	color: #0a51a1;
}
.inews-r ul li:last-of-type{
	margin-bottom: 0;
}
.inews-r ul li a{
	display: block;
}
.inews-r ul li a h4{
	font-weight: bold;
	padding-left: 25px;
	background: url(../images/qaq.png) left no-repeat;
	line-height: 2.2;
}
.inews-r ul li a p{
	color: #666;
	padding-left: 25px;
	background: url(../images/qaa.png) left top 6px no-repeat;
	line-height: 2;
}

/*bottom_box*/
.bottom_box{ background:#198dcc;}
.bottom_nav{ width:100%; height:50px; background:#b5b5b5; text-align:center; line-height:50px; color:#fff;}
.bottom_nav a{ font-size:14px; color:#fff; padding:0px 10px;}
.bottom_big{ width:1080px; margin:auto; padding:20px 0px; color:#fff; line-height:30px; font-size:14px; height:150px;}
.bottom_big a{ margin:0px 3px; color:#fff;}
.bottom_left{ width:920px; float:left;}
.bottom_right{ width:140px; float:right;}
.bottom_right img{ width:140px; height:140px; display:block;}

.protext {
    margin: 10px!important;
    padding: 10px!important;
    background: #fafafa;
    border: #e5e5e5 1px solid;
    text-indent: 2em;
}
.cpkey{
	height: 32px;
    line-height: 32px;
}