/* CSS Document */
html, body {
	background: #fff;
	color: #666;
	font: 14px 'Microsoft YaHei', Arial;
}
*{ font-family: "微软雅黑", Arial;}
a {
	text-decoration: none;
}
a:hover {
	color: #005ea0;
	text-decoration: none;
}
.tem_inner, .met_section {
	position: relative;
	margin: 0 auto;
	width: 1100px;
}
header.tem_headborder {
	border-bottom: 1px solid #ddd;
}
header section {
	border-bottom: 1px solid #e7e8ed;
	background: #f7f8fa;
}
.width_780 {
	width: 780px;
}
.d_page{font-size: 14px;}

.ppre {
	white-space: pre-wrap;
	word-wrap: break-word;
	font-family: "Microsoft YaHei", Arial;
}
.myimg222 {
	width: 260px;
	height: 160px;
	overflow: hidden;
	margin-bottom: 16px;
}
.myfootnavma p .noono {
	background-color: #1a7489;
	color: #fff;
}

.mylll222 {
	float: right;
}
.mylll111 {
	float: left;
}
.tem_top {
	position: relative;
	z-index: 100;
	height: 35px;
	color: #888;
	font-size: 12px;
	line-height: 35px;
}
.tem_top a{ color:#888;}
.tem_top h2 {
	font-family:'Microsoft YaHei', Arial;
	font-weight: 100;
	font-size: 12px;
}
.tem_top a {
	color: #888;
	font-size:12px;
	line-height: 35px;
}
.tem_top a:hover {
	color:#005ea0;
}
.tem_top_nav {
	position: absolute;
	top: 0;
	right: 0;
	font-family:'Microsoft YaHei', Arial;
}
.tem_top_nav #weixin{ float:left; position:relative; cursor:pointer; background:url(../images/ico_wx.png) no-repeat left center; padding-left:25px;line-height: 35px;}
.tem_top_nav #weixin span{ position:absolute; top:35px; left:0; display:none;}
.tem_top_nav #weixin:hover span{ display:block;}
.tem_top_nav #dianhua{float:left;background:url(../images/ico_dh.png) no-repeat left center; padding-left:18px; margin-left:20px;line-height: 35px;}
.tem_top_nav #dianhua span{
	color:#1578be;
	font-size:20px;
	font-family:Arial;
	line-height: 37px;
    height: 35px;
    float: right;
}


.tem_top_nav ol {
	float: right;
	margin: 0;
	padding: 0;
}
.shuzu ul {
	padding: 20px 0;
	overflow:hidden;
	max-height:200px;
}
.shuzu {
	float: right;
	position: absolute;
	padding: 0px 10px;
	width: 255px;
	right: 0px;
	height: 240px;
	background-color: #f1f1f1;
}
.tem_top_nav ol li {
	float: left;
	list-style: none;
}
.tem_top_nav ol li.line {
	width: 30px;
	color: #eee;
	text-align: center;
}
.tem_top_nav dl {
	position: relative;
	float: right;
}
.tem_top_nav dl dt i {
	margin-left: 5px;
}
.tem_top_nav dl dd {
	position: absolute;
	top: 35px;
	right: 0;
	display: none;
	padding: 10px 18px;
	border: 1px solid #e7e8ed;
	background: #f7f8fa;
	white-space: nowrap;
}
.tem_top_nav dl dd a {
	display: block;
	height: 35px;
	line-height: 35px;
}
.tem_top_nav div.line {
	float: right;
	width: 30px;
	color: #eee;
	text-align: center;
}
.tem_head {
	min-height: 78px;
}
.tem_head img {
	margin-top: 11px;
	float:left;
}
.tem_head span{
	font-size: 23px;
    color: #005ea0;
    display: block;
    padding-top: 16px;
    margin-left: 20px;
    float: left;
	font-weight: bold;
}
.tem_head span p{
	color: #999;
    font-size: 14px;
    font-weight: 100;
	letter-spacing: 0.8px;
	
}


header h1 {
	display: inline;
}
.tem_head nav {
	position: absolute;
	top: 0px;
	right: 0;
	height: 100px;
	line-height: 100px;
}
.tem_head nav ul li:hover {
	color: #d2251e
}
.tem_head nav ul li p {
	font-size: 12px;
	color: #666;
}
/* css 重置 */li {
	list-style: none;
}
a:hover {
	color: #1974A1;
}

.clear {
	clear: both;
}

header {
	border-bottom: 3px solid #1177c1;
}

/*以下CSS样式谨慎修改，内页各模块样式，多模板可共用*/

body, h1, h2, h3, h4, h5, h6, dl, dt, li, ol, ul, dd, th, td, p, pre, form, input, button, textarea, hr {
	margin: 0;
	padding: 0
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}
img {
	border: 0
}
button, input, select, textarea {
	font-size: 100%
}
.met_clear {
	clear: both
}
.met_none {
	display: none
}
.met_hidden {
	visibility: hidden
}
.met_fl {
	float: left
}
.met_fr {
	float: right
}

/* 通用分页样式 */
.page {
	height: 26px;
	padding: 5px 0;
	margin-top:30px;
	clear: both;
}
.page:after {
	content: '.';
	clear: both;
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
}
.page ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
.page li {
	float: left;
	margin-right: 5px;
}
.page li a {
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
	height: 24px;
	line-height: 24px;
	color: #666;
}
.page li a:hover {
	border: 1px solid #1578be;
	background: #1578be;
	color: #fff;
	text-decoration: none;
}
.page li span {
	border: 1px solid #e1e1e1;
	height: 24px;
	line-height: 24px;
	color: #c4c4c4;
	padding: 5px 10px;
}
.page .current a {
	border: 1px solid #1578be;
	background: #1578be;
	color: #fff;
}

/*底部*/
footer{
	width: 100%;
	background: #035e9d;
	overflow: hidden;
	padding-top: 40px;
	
}
footer .ftop{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #4392ca;
	padding-bottom: 40px;
}
footer .fnav{
	margin-bottom: 30px;
    overflow: hidden;
	width: 1100px;
	margin: 0 auto;
	color: #fff;
}
footer .ftop ul{
	width: 180px;
	float: left;
}
footer .ftop ul li a{
	font-size: 14px;
	color: #cde0ed;
	line-height: 25px;
}
footer .ftop ul span a{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 20px;
    display: block;
	color: #fff;
}
footer .ftop ul li img{ display: block; margin-top: 5px;}
footer .banquan ,footer  .banquan a{
	width: 1100px;
	margin: 0 auto;
	clear: both;
	line-height: 50px;
	font-size: 12px;
	color: #c2d9ea;
}
footer .banquan span{
	float: right;
}

/*banner*/
	.fullSlideb{ min-width:1000px; position:relative;  height:500px;  }
	.fullSlideb .bd{ position:relative; z-index:0;  }
	.fullSlideb .bd ul{ width:100% !important;  }
	.fullSlideb .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
	.fullSlideb .bd li a{ display:block; height:500px; }

	.fullSlideb .hd{ width:1000px; left:50%; margin-left:-500px; bottom:15px; position:absolute; z-index:9999; bottom:15px; overflow:hidden;  }
	.fullSlideb .hd ul{ float:right;  }
	.fullSlideb .hd ul li{
    list-style-type: none;
    width: 30px;
    height: 7px;
	float: left;
    margin-right: 5px;
    border-radius: 0px;
    background-color: #999;
    cursor: pointer;
    -webkit-transform: skew(-28deg);
    -moz-transform: skew(-28deg);
    -o-transform: skew(-28deg);
    -ms-transform: skew(-28deg);
    transform: skew(-28deg);}
	.fullSlideb .hd ul .on{ background: #035e9d;}

.banner{
	width: 100%;
    height: 215px;
}
.banner .fullad{
	height: 215px;
    display: block;
    min-width: 1100px;
}
/*about*/
.content{ width:100%;padding: 20px 0;}
.content .bline{ width:100%; border-bottom:1px solid #ddd; }
.content .parhd{ height:54px; line-height:54px; position:relative; width:1100px; margin:0 auto; }
.content .parhd ul{ float:left; position:absolute;  top:-1px; height:32px;   }
.content .parhd ul li{
	float: left;
    cursor: pointer;
    background: #e1e1e1;
    width: 180px;
    text-align: center;
    margin-right: 5px;
    height: 55px;

}
.content .parhd ul li:hover{background: #1578be;}
.content .parhd ul li:hover a{ color:#fff; border-right: 1px solid #1578be;
    border-left: 1px solid #1578be;}
.content .parhd ul li a{ font-size:16px; color:#666; height:55px; overflow:hidden;line-height: 57px; display:block; border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;}
.content .parhd ul li.on{ 
	height: 50px;
	background: #fff;
	overflow: hidden;
	
	border-top:6px solid #1578be;
}
.content .parhd ul li.on a{ color:#1578be !important;  border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1; line-height:46px;}
.content .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px; position:relative;   }
.content .parbd{ width:1100px; margin:0 auto;padding: 30px;    min-height: 500px;}
.content .parbd p{ font-size:14px; color:#666; line-height:30px;}

.content .parbd  .aboutmap{ background:url(../images/aboutmapbg.jpg) no-repeat;width: 100%; height: 500px;}
.content .parbd  .aboutmap ul{margin-left: 650px;padding-top: 50px;}
.content .parbd  .aboutmap li{line-height: 28px;list-style-type: disc;}
.content .parbd  .aboutmap span{ display:block;padding-left: 2em;}

/*相册*/
.content .album{ width:1100px; margin:0 auto;padding:50px 30px 30px;    min-height: 500px;    overflow: hidden;}
.content .album dl{
	width: 348px;
    float: left;
    overflow: hidden;
    margin-right: 25px;
    margin-bottom: 35px;
	position:relative;
}
.content .album dl:nth-child(3n){ margin-right:0;}
.content .album dl dt{
	border: 1px solid #f1f1f1;
    width: 346px;
    height: 244px;
    overflow: hidden;
}
.content .album dl dt img{max-width: 348px;height: 244px;display: block; margin:0 auto;}
.content .album dl dd{
	position: absolute;
    top: 80%;
    background: rgba(21,120,190,0.8);
    width: 90%;
    height:100%;
    color: #fff;
    padding: 5%;
    font-size: 14px;
	transition:0.5s;-moz-transition:0.5s, -moz-transform 0.5s;-webkit-transition:0.5s, -webkit-transform 0.5s;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;
}
.content .album dl:hover dd{
	top:0;
	font-size:18px;
}
.content .album dl:hover dd p{
	font-size:14px;
}
.content .album dl dd p{
	white-space: normal;
    margin-top: 20px;
}
.content .album dl span{ position:absolute; bottom:100%; right:40%;transition:0.5s;-moz-transition:0.5s, -moz-transform 0.5s;-webkit-transition:0.5s, -webkit-transform 0.5s;}
.content .album dl:hover span{ bottom:30%;}

/*相册内容*/
.album .left{ float:left; width:760px; padding:20px;border: 1px solid #e1e1e1;}
.album .left .title01{
	font-size: 22px;
	line-height:30px;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.album .left .title01 span{
	font-size:12px; 
	color:#999;
	margin:0 10px;
	line-height:20px;
}
.album .left span#jieshao{
	font-size: 14px;
    color: #888
    line-height: 28px;
    margin-bottom: 10px;
    text-align: center;
}
.album .left img{ max-width:760px ; max-height:700px; display:block; margin:0 auto;}
.album .right{ float:right; width:270px;}
.album .right a{ 
	background: #1578be;
    color: #fff;
    padding: 20px;
    display: block;
    margin-bottom: 15px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;
}

/*案例*/
.content .anlihd{ height:70px; line-height:70px; position:relative; width:1100px; margin:0 auto; }
.content .anlihd ul{ float:left; position:absolute;  top:-1px; height:32px;   }
.content .anlihd ul li{
	float: left;
    cursor: pointer;
    background: #e1e1e1;
    width: 178px;
    text-align: center;
    margin-right: 5px;
    height: 70px;
    border-bottom: 2px solid #e1e1e1;
}
.content .anlihd ul li:hover{background: #1578be;}
.content .anlihd ul li:hover a{ color:#fff;}
.content .anlihd ul li a{ font-size:18px; color:#666;line-height: 72px; display:block;    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;}
.content .anlihd ul li.on{ 
	height: 66px;
	background: #fff;
	overflow: hidden;
	border-bottom: 2px solid #fff;
	border-top:6px solid #1578be;
}

.content .anlihd ul li.on a{ color:#1578be !important;}
.album .left p{
	font-size: 14px;
    color: #888;
    line-height: 28px;
    margin-bottom: 5px;
}
.album .right #suolue{
	border:1px solid #f1f1f1;
	width:268px;
	display:block;
	margin-bottom:20px;
}

/*案例列表*/
.content .anli{ width:1100px; margin:0 auto;padding:50px 30px 30px;    min-height: 500px;    overflow: hidden;}
.content .anli dl{
	width: 348px;
    float: left;
    overflow: hidden;
    margin-right: 25px;
    margin-bottom: 35px;
	position:relative;
}
.content .anli dl:nth-child(3n){ margin-right:0;}
.content .anli dl dt{
	border: 1px solid #f1f1f1;
    width: 346px;
    overflow: hidden;
}
.content .anli dl dt img{width: 348px;display: block; margin:0 auto;}
.content .anli dl dd{
	position: absolute;
    top: 86%;
    background: rgba(21,120,190,0.8);
    width: 90%;
    height:100%;
    color: #fff;
    padding: 5%;
    font-size: 20px;
	text-align:center;
	transition:0.5s;-moz-transition:0.5s, -moz-transform 0.5s;-webkit-transition:0.5s, -webkit-transform 0.5s;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;
}
.content .anli dl dd p{
	font-size:0px;
	line-height:30px;
	white-space: normal;
    margin-top: 20px;
}
.content .anli dl:hover dd{
	top:0;
	font-size:30px;
}
.content .anli dl:hover dd p{
	font-size:16px;
}

.content .anli dl span{ position:absolute; bottom:100%; right:40%;transition:0.5s;-moz-transition:0.5s, -moz-transform 0.5s;-webkit-transition:0.5s, -webkit-transform 0.5s;}
.content .anli dl:hover span{ bottom:40%;}
/*案例内容*/
.anli .left{ float:left; width:760px; padding:20px;border: 1px solid #e1e1e1;}
.anli .left .title01{
	font-size: 22px;
	line-height:30px;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.anli .left .title01 span{
	font-size:12px; 
	color:#999;
	margin:0 10px;
	line-height:20px;
}
.anli .left span#jieshao{
	font-size: 14px;
    color: #888
    line-height: 28px;
    margin-bottom: 10px;
    text-align: center;
}
.anli .left img{ max-width:760px ; max-height:700px; display:block; margin:0 auto;}
.anli .right{ float:right; width:270px;}
.anli .right a{ 
	background: #1578be;
    color: #fff;
    padding: 20px;
    display: block;
    margin-bottom: 15px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;
}
.anli .left p{
	font-size: 14px;
    color: #888;
    line-height: 28px;
    margin-bottom: 5px;
}
.anli .right #suolue{
	border:1px solid #f1f1f1;
	width:268px;
	display:block;
	margin-bottom:20px;
}
.anli h5#xgtitle{
	font-size: 18px;
    color: #1578be;
    font-weight: normal;
    padding: 10px 0px;
    margin-bottom: 10px;
    border-bottom: 3px solid #1578be;
}
.anli .xiangguan dl{ width:236px;}
.anli .xiangguan dl dt{ width:236px;}
.anli .xiangguan dl dt img{ width:236px;}
.anli .xiangguan dl:nth-child(3n){ margin-right:0;}
.content .anli .xiangguan  dl dd{
	position: absolute;
    top: 76%;
    background: rgba(21,120,190,0.8);
    width: 90%;
    height:100%;
    color: #fff;
    padding: 5%;
    font-size: 16px;
	text-align:left
	transition:0.5s;-moz-transition:0.5s, -moz-transform 0.5s;-webkit-transition:0.5s, -webkit-transform 0.5s;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;
}
.content .anli .xiangguan  dl dd p{
	font-size:0px;
	line-height:30px;
	white-space: normal;
    margin-top: 16px;
	color:#fff;
}
.content .anli .xiangguan  dl:hover dd{
	
}
.content .anli .xiangguan  dl:hover dd p{
	
}
/*联系*/
.content .fuwu{ width:1100px; margin:0 auto;padding:50px 30px 30px; min-height:400px; overflow: hidden;}
.content .fuwu .map{ float:left; width:50%;}
.content .fuwu .lianxi{ float:right; width:45%;}

/*新闻列表*/
span:after,dt img{
	transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
}
.content .news{ width:1100px; margin:0 auto;padding:50px 30px 30px;    min-height: 500px;    overflow: hidden;}
.content .news dl{
	width:100%;
	height:200px;
    overflow: hidden;
    margin-right: 25px;
    margin-bottom: 35px;
	position:relative;
	border-bottom: 1px #e1e1e1 dashed;
    padding-bottom: 35px;
	
}
.content .news dl:nth-child(3n){ margin-right:0;}
.content .news dl dt{
	border: 1px solid #f1f1f1;
    width: 346px;
    overflow: hidden;
	float:left;
	height:210px;
	position:relative;
}
.content .news dl dt span{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.content .news dl dt span:after{
	content: '';
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    transform: rotate(0deg) scale(0);
    -webkit-transform: rotate(0deg) scale(0);
}
.content .news dl dt img{width: 348px;display: block; margin:0 auto;}
.content .news dl dd{
    width: 700px;
    float: right;
    color: #333;
    padding: 20px;
    font-size: 20px;
    transition: 0.5s;
    -moz-transition: 0.5s, -moz-transform 0.5s;
    -webkit-transition: 0.5s, -webkit-transform 0.5s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.content .news dl dd p{
	font-size:0px;
	line-height:28px;
	font-size:14px;
	color:#999;
	white-space: normal;
    margin-top: 20px;
}
.content .news dl:hover dt span:after{
	transform: rotate(135deg) scale(1);
    -webkit-transform: rotate(135deg) scale(1);
}
.content .news dl:hover dt span{background:rgba(0,0,0,0.51);}
.content .news dl:hover dt img{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.content .news dl dd p#date{
	font-size:14px;
	color:#888;
	margin-top:20px;
	
}

/*xiazai*/
.content .xiazai{ width:1100px; margin:0 auto;padding:50px 30px 30px;    min-height: 400px;    overflow: hidden;}

.content .xiazai table tr{}
.content .xiazai table tr td{
	border-bottom: 1px solid #e8e8e8;
    padding: 10px;
}
.content .xiazai table tr td img{ width:50px;}
.content .xiazai table tr td a{ color:#999;}
.content .xiazai table tr td a#xiazai{
	color:#1578be;
}

.sideMenu{}
.sideMenu h3{
height: 45px;
line-height: 45px;
padding-left: 10px;
margin-bottom: 1px;
background: #1578be;
cursor: pointer;
font: normal 16px/45px "Microsoft YaHei";
color: #fff;
}
.sideMenu h3 em{ float:right; display:block; width:40px; height:45px; background:url(../images/jiahao.png) center  center no-repeat; cursor:pointer; }
.sideMenu h3 span{ font-size:12px; margin-left:10px; color:#9ccbec;}
.sideMenu h3.on em{background:url(../images/jianhao.png) center  center no-repeat;}
.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }



.fenlei{ width: 1100px; margin: 0 auto; text-align: center;}
.fenlei li{  font-size: 14px;display: inline-block; margin: 50px 20px 0;}
.fenlei li a{color: #666;}
.fenlei li.on{}
.fenlei li.on a{border-bottom: 2px solid #035e9d;padding-bottom: 5px;}