@charset "utf-8";
/* CSS Document */

.inbanner{ background:url(../images/inbanner.jpg) no-repeat center center; height:300px;}

.innav { line-height: 34px; padding: 16px 0; background: #f0f5e5; }
.innav .hd { float: left; font-size: 18px; font-weight: bold; color: #666;text-transform:uppercase;}
.innav .hd img { height: 18px; margin-right: 10px; display: inline-block; vertical-align: middle; }
.innav .bd { float: right; }
.innav .bd .bul {  }
.innav .bd .bul .bli { float: left; margin-left: 10px; }
.innav .bd .bul .bli .ba { font-size: 15px; text-decoration: none; display: block; padding: 0 20px; background: #fff; border-radius: 20px; }
.innav .bd .bul .bli.on .ba { background: #42a340; color: #fff; }


.inpage { padding: 60px 0; background: #fff; }
.inpage .hd { margin-bottom: 30px; text-align: center; }
.inpage .hd .nam { font-size: 32px; color: #405ca3; margin-bottom: 5px; }
.inpage .hd .txt { font-size: 14px; color: #666; }
.inpage .bd { font-size: 16px; line-height: 30px; color: #333; }
.inpage .bd p { margin-bottom: 20px; }
.inpage .bd h3 { margin-bottom: 30px; padding: 10px 20px; background: #e8f1f9; font-weight: bold; border-radius: 6px 6px; font-size: 18px; line-height: 36px; position: relative; }
.inpage .bd h3:before { content: ''; display: block; width: 4px; height: 16px; background: #405ca3; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.inpage .bd ul.ss {  }
.inpage .bd ul.ss li:before { content: '·'; margin-right: 10px; font-weight: bold; color: #405ca3; }
.inpage .bd img { max-width: 100%; }


.commontit { text-align: center; color: #666; margin-bottom: 50px; }
.commontit .tit { line-height: 48px; font-size: 24px; text-transform: uppercase; font-weight: bold; }
.commontit .txt { line-height: 22px; font-size: 14px; }
.commontit .en { line-height: 22px; font-size: 14px; text-transform: uppercase; }


.innews{}
.innews .item{ border-right:#d7d6d6 1px solid; border-bottom:#c0bebf 1px solid; border-top:#f3f3f3 1px solid; border-left:#f9f9f9 1px solid; margin-bottom:20px; transition: all .6s;}
.innews .item:hover {
    box-shadow: 0 2px 20px rgba(0,0,0,.09);
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
}
.innews .item .pic{ float:left; margin-right:3%; width:25%;}
.innews .item .pic img{ display:block; width:100%; height:auto;}
.innews .item .info{ padding:40px 50px;}
.innews .left .item .info .name{ font-size:18px; margin-bottom:15px;}
.innews .item .info .name a{ color:#666;}
.innews .item .info .text{ font-size:13px; line-height:160%; color:#666;}


.honorlist { }
.honorlist li { width: 32%; float: left; margin-right: 2%; margin-bottom: 20px; }
.honorlist li:nth-child(3n) { margin-right: 0; }
.honorlist li img { display: block; width: 100%; }
.honorlist li span { display: block; font-size: 14px; line-height: 24px; padding: 10px 0; text-align: center; height: 24px; overflow: hidden; }


.abilist{}
.abilist .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.abilist .item:hover .name{ background:#333; color:#fff;-webkit-transition: all .3s; transition: all .3s;}
.abilist .item:nth-child(3n){ margin-right:0;}
.abilist .item a{ text-decoration:none;}
.abilist .item .pic{}
.abilist .item .name{ background:#f3f3f3; text-align:center; padding:10px 20px; font-size:14px; color:#444;-webkit-transition: all .3s; transition: all .3s;}


.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8cec2; color: #333; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }
.messagebtn.btnon { background: #42a340; }

.inpage .protab{ text-align:left;}
.prolist{ margin-top:30px;}
.prolist .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.prolist .item:nth-child(3n){ margin-right:0;}
.prolist .item:hover a{ text-decoration:none;}
.prolist .item .pic{ display: block; overflow:hidden;}
.prolist .item .pic img { display: block; width: 100%; -webkit-transition: all .3s; transition: all .3s;}
.prolist .item:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.prolist .item .info{ background:#f5f5f5; padding: 15px 40px; text-align: center;}
.prolist .item .info .name{ 
	font-size: 18px; height:60px; overflow:hidden;
    color: #333;
    line-height: 30px;
    margin-top: 20px;
	font-weight:bold;
}
.prolist .item .info .text{
	font-size: 14px;
    color: #777;
    line-height: 20px;
    height: 56px;
    overflow: hidden;
    margin: 20px auto;
    text-align: center;
    margin-bottom: 0px;
}
.prolist .item .info .text .more{width:120px; height:30px; line-height:30px; border:#ccc 1px solid; color:#6c6f73; font-size:12px; margin:0 auto;}
.prolist .item .info .text .more:hover{ background:#74ac00; color:#fff;}

.contt{ margin:0 auto; width:75%;}

/*高德地图*/
#map {
	height: 400px;
	z-index: 4;
	margin-top:20px;
}
#map .info {
	border: solid 1px silver;
}
#map div.info-top {
	position: relative;
	border-bottom: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
	background: none repeat scroll 0 0 #F9F9F9;
}
#map div.info-top div {
	display: inline-block;
	padding: 0 10px;
	color: #333;
	font-weight: 700;
	font-size: 14px;
	line-height: 31px;
}
#map div.info-top img {
	position: absolute;
	top: 10px;
	right: 10px;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
}
#map div.info-top img:hover {
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
#map div.info-middle {
	padding: 6px;
	font-size: 14px;
	line-height: 20px;
}
#map div.info-bottom {
	clear: both;
	width: 100%;
	height: 0;
	text-align: center;
}
#map div.info-bottom img {
	position: relative;
	z-index: 104;
}
#map span {
	margin-left: 5px;
	font-size: 11px;
}
#map .info-middle img {
	float: left;
	margin-right: 6px;
}
/*结束*/


.partner{}
.partner li{ float:left; width:25%; text-align:center; margin-bottom:20px;}
.partner li span{ text-align:center; display:block; font-size:14px;}




@media (max-width: 720px) {
	.inbanner{ height:200px;}
	.innav .bd{ display:none;}
	.innews .item .pic{ width:100%; margin-right:0; margin-bottom:3%;}
	.prolist .item{ width:100%; margin-right:0;}
	.abilist .item{ width:100%; margin-right:0;}
	.partner li{ width:50%;}
	.contt{ width:100%; text-align:center;}
	.contt div{ float:none;}
}