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

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

.innav { line-height: 34px; padding: 16px 0; background: #f0f5e5; }
.innav .hd { float: left; font-size: 18px; font-weight: bold; color: #666; }
.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 {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.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; 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;
    color: #333;
    line-height: 30px;
    margin-top: 20px;
    letter-spacing: 2px;
	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;}

/*产品*/
.side { width: 266px; float: left; }
.sidenav { background: #2e862d; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.sidenav .hd { line-height: 50px; height: 50px; color: #fff; font-size: 18px; margin-bottom:0; }
.sidenav .hd strong { font-weight: normal; }
.sidenav .bd { padding: 10px; background: #fff; margin: 0 6px 6px; border-radius: 0 0 6px 6px; }
.sidenav .snul {  }
.sidenav .snul .snli { margin-bottom: 2px; line-height: 40px; }
.sidenav .snul .snli .sna { padding: 0 20px; color: #666; font-size: 14px;  display: block; text-decoration: none; border-radius: 4px; -webkit-transition: all .2s; transition: all .2s; background: #f1f1f1 url(../images/ck.gif) no-repeat -16px center; background-size: 16px 14px; }
.sidenav .snul .snli .sna:hover, .sidenav .snul .snli.on .sna { background-color: #2e862d; color: #fff; opacity: .9; filter: alpha(opacity=90); background-position: 18px center; box-shadow: 0 5px 10px rgba(33,118,205,.4); padding-left: 40px; }

.bbsub { padding: 10px 0 10px 40px; display: none; }
.snli.on .bbsub { display: block; }
.bbsub .bbsli { line-height: 36px; }
.bbsub .bbsli .bbsa {  font-size: 12px; }
.bbsub .bbsli.on .bbsa { color: #f30; }

.main { margin: 30px 0 30px 286px; }
.main .hd { background: #f1f1f1; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 10px; margin-bottom: 10px; }
.main .hd .name { position: relative; float: left; color: #2e862d; font-size: 20px; font-weight: bold; }
.main .hd .name:before { content: ''; display: block; width: 4px; height: 20px; background: #2e862d; position: absolute; left: -20px; top: 15px; }
.main .hd .now { float: right; font-size: 12px; color: #999; }
.main .hd .now a { color: #999; }
.main .hd .now .split { margin: 0 4px; font-family: simsun; }
.main .bd { padding: 20px; font-size: 16px; color: #333; line-height: 30px; }
.main .bd p { margin-bottom: 20px; }

.hprolist { margin-bottom: 20px; }
.hprolist .item { float: left; width: 31.33333%; box-sizing: border-box; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #d7d7d7; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; margin: 0 1% 10px; -webkit-transition: all .2s; transition: all .2s; }
.hprolist .item:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.hprolist .item .img { }
.hprolist .item .img img { display: block; }
.hprolist .item .info { background: #f5f5f5; padding: 20px; }
.hprolist .item .info .cate { height: 20px; line-height: 20px; overflow: hidden; }
.hprolist .item .info .cate a { color: #ff3300;  }
.hprolist .item .info .name { height: 30px; line-height: 30px; overflow: hidden; }
.hprolist .item .info .name a { color: #666;  font-size: 15px; }
.hprolist .item .info .text { display: none; color: #999;  font-size: 12px; line-height: 15px; height: 30px; overflow: hidden; padding-top: 10px; }

.protitle { font-size: 26px; text-align: center; line-height: 30px;  margin-bottom: 5px; }
.proinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999;  }
.proinfo .author, .proinfo .time { margin: 0 5px; }
.promaincon { margin: 20px 0;  }
.promaincon img { max-width: 100%; }
.promaincon h3 { font-size: 18px; font-weight: normal; color: #d00c18; margin-bottom: 20px; padding-left: 10px; border-left: 2px solid #d00c18; margin-top: 40px; }

.probackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }
.probackline ul { width: 100%; }
.probackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.main .bd .probackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; box-sizing: border-box; background: #fff; }
.main .bd .probackline ul li a:hover { border-color: #2e862d; color: #2e862d; }
.probackline ul li.prev { text-align: left; }
.probackline ul li.prev a { text-align: center; }
.probackline ul li.next { text-align: right; }
.probackline ul li.next a { text-align: center; }


.contt{ margin:0 auto; width:60%;}
.con_aa{ display:inline-block; text-align:center;}

/*高德地图*/
#map {	
	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: 800px) {
	.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;}
	
	.side { width: 100%; float: none; margin-top: 20px; }
	.main { margin-left: 0; margin-bottom: 0; }
	.sidenav .snul { overflow: hidden; }
	.sidenav .snul .snli { width: 48%; margin: 0 1% 4px; float: left; }
	.sidenav .snul02 .snli { width: 100%; margin: 0 0 4px; }
	.main .hd .now { display: none; }
	.main .bd { padding: 5px 0 15px; }
	.sidenav .hd { line-height: 40px; height: 40px; }
	.sidenav .snul .snli { line-height: 30px; }
	.sidenav .sn
	
	.bbsub .bbsli { line-height: 30px; }
	.bbsub { padding-left: 20px; }
	
	.hprolist .item { width: 48%; }
}

@media (max-width: 450px) {
	.inpage{ padding:30px 0;}
	.protab{ margin-top:0;}
	.protab li{ width:100%;}
	.protab li a{ width:100%; box-sizing:border-box;}
	.prolist .item {
		width: 48%;
		margin: 1%;
	}
	.prolist .item .info{ padding:0;}
	.prolist .item .info .name{ margin-top:10px;letter-spacing:0;}
	.prolist .item .info .text{margin: 10px auto;}
	.innews .item .info{ padding:20px;}
	.honorlist li{ width:48%;}
	.honorlist li:nth-child(3n){ margin-right:2%;}
	.inbanner{ background-position:63% center;}
}