@charset "gb2312";
/* CSS Document */


#top,#ban,#pro,#about,#link,#foot{ width:100%;}
#pro{ background:url(../images/bg_05.jpg) repeat-x top; width:100%;}
.top-1{ width:100%; background:#f4f4f4; border-bottom:1px solid #e8e6e6; color:#454444;}
.top-1-con{ padding:3px 0;}
.top-1-l{ float:left;}
.top-1-r{ float:right;}
.top-1-r ul{ margin-bottom:0px;}
.top-1-r ul li{ display:inline-block; margin-left:10px;}
.top-1-r ul li a{ color:#454444;}
.top-1-r ul li a img{ margin-right:5px;}
.top-brand{ float:left; height:auto; margin-top:18px; padding-bottom:12px; margin-left:5px;}
.nav-top{ margin-top:28px;}
.navbar-default .nav-top>li>a{ color:#000000;}
.nav-top>li>a:hover{ background:none; color:#555555;}
.navbar { margin-bottom:0px;}
.navbar-default { background:none;border:none;}
.toper-con .navbar-toggle{ margin-top:20px;}

#index-sio{ position:relative; }
.index-sio-bg{ background:url(../images/bg_05.jpg) no-repeat;
background-size:cover;
  height:265px;
  position:absolute;
  width:100%;
  z-index:-1;
  }
.index-sio-con{ padding-top:40px;}
.index-sio-conner{ width:33.3%; float:left;}
.index-sio-conner img{ padding:2px;}

#index-about{margin-top:35px;}
.index-about-con{padding:10px 18px 50px 18px;}
.index-about-title h1{ color:#3cae34; margin-bottom:25px; margin-top:0px; padding:0 18px;}
.index-about-l{ width:58%; color:#333333; padding:0px 50px 50px 20px; } 
.index-about-img{ width:42%;}

.more-btn{ margin-top:20px;}
.more-btn a{ display:block; width:195px; height:61px; text-align:center; line-height:61px; background:#3cae34; border-radius:7px; font-size:20px; font-weight:bold; color:#ffffff;box-shadow: 0px 2px 5px #888888;}
.more-btn a:hover{ text-decoration:none;}

#link{ background:#f4f4f4;}
.link-con{ padding:40px 18px;}
.link-top{ border-bottom:1px solid #3cae34;}
.link-top h1{color:#3cae34; padding:0px 5px; }
.link-top h1 span{ color:#0e0e0e; font-size:0.66em; margin-left:15px;}
.link-conner{ margin-top:10px;}
.link-conner a{ color:#333333;}

#foot{ border-top:5px solid #349f2c;}
.foot-1{ width:100%; 
  background: -webkit-linear-gradient(rgb(255,255,255), rgb(244,244,244)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgb(255,255,255), rgb(244,244,244)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgb(255,255,255), rgb(244,244,244)); /* Firefox 3.6 - 15 */
  background: linear-gradient(rgb(255,255,255), rgb(244,244,244)); /* ±ê×¼µÄÓï·¨ */}
.foot-1-con{ padding:24px 0px;}
.foot-l-con{ line-height:1.85em;}
.foot-1-l{ float:left; width:70%;}
.foot-1-r{ float:right; width:30%; text-align:right;}
.foot-2{width:100%; background:#349f2c;}
.foot-2-con{ color:#ffffff; text-align:center; padding:10px 0;}
.foot-2-con a{color:#ffffff; }


#top-img img{ width:100%;}


#contain-con .container{ padding-bottom:60px;}
.container-r{ width:71.917%}
.container-r-title h1{ color:#000000; font-weight:bold; margin-bottom:25px; margin-top:49px;}
.container-r-p{ color:#333333;}

.container-l-conner{ width:86.8%; margin:0 auto;}
.container-l{ width:24%; margin-top:-35px; position:relative; z-index:100;}
.container-top-bg{ height:77px; border-top-left-radius:50%; border-top-right-radius:50%; background:#349f2c}
.container-foot-bg{ height:77px; border-bottom-left-radius:50%; border-bottom-right-radius:50%; background:#349f2c}
.container-l-con{background: #349f2c; 
  border-top-left-radius:20px;
  border-top-right-radius:20px;}
.contain-l-title{ text-align:center; margin-top:-40px; border-bottom:1px solid #ffffff;}
.contain-l-title h3{ margin:0;margin-top:-50px; color:#ffffff; font-weight:bold; padding-bottom:10px;}
.contain-l-ul ul{ margin:0;}
.contain-l-ul ul li { color:#ffffff;}
.contain-l-ul ul li a{color:#ffffff; font-weight:bold; display:block; padding:8px 20px; word-break: break-word;}
.contain-l-ul ul li a:hover{ text-decoration:none; opacity:0.9;}
.contain-l-ul ul li span{ margin-right:13%; font-weight:normal;}
.contain-l-fgx{ background:url(../images/fgx_05.png) repeat-x; height:2px;}
.contain-l-ul ul li ul li a{ font-weight:normal;}
.contain-l-ul ul li ul li{ margin-left:14%;}
.container-l-contact{ margin-top:30px;}
.container-l-contact .more-btn a{ margin:0 auto;}
.capa-con a{ color:#333333; }
.capa-con a:hover{ color:#349f2c; text-decoration:none;}

.contact-img{ float:right;}

.news-con ul{ margin-top:15px;}
.news-con ul li{ margin-bottom:6px;}
.news-con ul li a{ color:#333333;}
.news-con ul li a:hover{ color:#349f2c}
.news-con ul li a .news-title{ width:60%;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left;}
.news-con ul li a .news-time{ float:right;}
.fgx-news{ background:url(../images/fgx_03.png) repeat-x; height:1px; margin-left:20px}
.news-con-top{ font-size:1em; color:#349f2c; font-weight:bold; text-align:center; margin-top:15px;}
.news-share{ border: #c5c5c5 1px dashed; width:100%; margin:0 auto; margin-top:15px;}
.contain-conner{ margin-top:0px;}

.pro-container .pro-con{
	width:32%;
	float:left;
	text-align:center;
	margin:0 0.5%;
}
.pro-container .pro-con .pro-img img{
	border:2px solid #a2a1a1;
}
.pro-container .pro-con label{
	text-align:center;
	font-weight:normal;
	font-size:1em;
	color:#111111;
	line-height:1.3em;
	margin-top:0.5em;
	height:2.6em;
	overflow:hidden;
}
.pro-container .pro-con a:hover .pro-img img{
	border:2px solid #349f2c ;

}
.pro-container .pro-con a:hover label{
	color:#333;
	font-weight:300;
}

.pro-container .fgx{
	margin-top:0.5em;
}
.pro-container-jj{
	border-bottom:2px #ededed solid;
	margin-bottom:1.8em;
}
.pro-container-jj .pro-container-title h3{
	color: #efa900;
	margin: 0 0 0.5em;
	font-weight:normal;
	font-size:1.875em;
}
.pro-container-jj .pro-container-jj-con{
	font-size:1em;
	color:#333333;
	line-height:1.625em;
	margin-bottom:1.5em;
}
.pro-container .pro-container-con .col-md-5{
	width:45%;
}
.pro-container .pro-container-con .col-md-7{
	width:55%;
}
.pro-container .pro-img img{
	border:1px solid #a2a1a1;
}
.pro-container .pro-container-con .pro-title{
	font-size:1.25em;
	color:#349f2c;
	padding-bottom:0.5em;
	border-bottom:1px solid #d1d1d1;
	margin-bottom:0.5em;
}
.pro-container .pro-container-con .pro-jj{
	font-size:1em;
	color:#111111;
	line-height:1.625em;
}
.pro-container .pro-container-con .pro-back{
	margin-top:1em;
}
.pro-container .pro-container-con .pro-back a{
	font-size:1.25em;
	font-weight:300;
	color:#111111;
	float:left;
	margin-right:10px;
}
.pro-container .pro-container-con .pro-back a:hover{
	color:#bc0016;
	text-decoration:none;
}
.pro-container .pro-container-con .pro-back a img{
	margin-right:5px;
}
.pro-detail{
	margin-top:1em;
}
.pro-detail .pro-detail-title{
	font-size:1.25em;
	font-weight:300;
	color:#111111;
	line-height:2em;
	border-bottom:1px solid #d1d1d1;
	margin-bottom:0.5em;
}

.pro-list{ font-size:1em; text-align:center; margin-top:1em; margin-bottom:1em; display:none;}
.pro-list ul{ list-style:none; margin-left:0.862069%;}
.pro-list ul li{ float:left; margin:2px; margin-top:10px;}
.pro-list ul li a{ border:2px #349f2c solid; color:#ffffff; padding:3px; text-decoration:none; background:#349f2c;}
.pro-list ul li a:hover{text-decoration:none; opacity:0.9;}
@media (max-width:1280px){
.index-sio-bg{ height:200px; }

}

@media (max-width:1024px){
.index-sio-bg{ height:170px; }
}
@media (max-width:992px){
.container-l{ display:none;}
.container-r{ width:100%}
.pro-list{ display:block}
}
@media (max-width:768px){
.top-brand {
	margin-top: 20px;
}
.nav-top {
margin-top: 0px;
}
.index-sio-bg{ height:170px; }

.index-about-title h1{ padding:0;}
.index-about-l{ width:100%; padding:0px; } 
.index-about-img{ width:100%; margin-bottom:20px;}

.link-con{ padding:20px 0px;}

.contact-img{ float:none;}
}

@media (max-width:640px){
.top-brand img {
	width: 70%;
}
.top-brand {
margin-top: 20px;
}
.top-1-l{ display:none;}
.index-sio-bg{ height:160px; }
.foot-1-l{ float:none; width:100%;}
.foot-1-r{ display:none;}

.pro-container .pro-con{
	width:48%;
	float:left;
	text-align:center;
	margin:0 1%;
}

}

@media (max-width:480px){
.top-brand img {
	width: 70%;
}	
.top-brand {
margin-top: 20px;
}
.index-sio-conner{ width:100%; float:none;}
}

@media (max-width:320px){
.top-brand img {
	width: 70%;
}
.top-brand {
margin-top: 20px;
}
}