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

/*初始样式*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, text {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	outline: none;
	list-style: none;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, html {
	width: 100%;
	font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1;
	background: #fff;
}
.all {
	margin: 0 auto;
	max-width: 640px;
}
img {
	display: block;
	width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
input, textarea {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	border-width: 0;
	-webkit-appearance: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
a {
	outline: none;
blr:expression(this.onFocus=this.blur());
}
.clear-fix::after {
	clear: both;
	content: '.';
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.t {
	float: left;
}
/*头部*/
.header-box {
	position: relative;
	width: 100%;
	background: #2A5948;
}
.header {
	position: relative;
	width: 100%;
}
/*logo+焦点图*/
.top {
	position: relative;
	width: 100%;
	float: left;
	background: url(topbg.png) no-repeat left top;
	text-align:center;
}
.logo {
	width: 20%;
	margin: 1.8% 0 3% 42%;
}
.return-boxs{width: 15%;float: left;margin-top:6%;}
.logos {
	width: 20%;
	margin: 1.8% 0 0 24.3%;
}
.t-nav {
    position:absolute;
	right:5%;
	top:35%;
	width: 10%;
	margin: 0 0 0 42%;
}
/*导航*/
#nemu {
	display: none;
}
#pageslide {
	display: none;
	background: #EDC565;
	position: fixed;
	top: 0;
	width:32%;
	max-width: 200px;
	height: 100%;
	z-index: 999999;
	box-shadow: 0 0px 10px #666;
}
.nav {
	width: 100%;
	float: left;
	font-size: 1.5em;
}
.navli {
	float: left;
	width: 100%;
	margin-top: 2%;
}
.navli a {
	padding: 5% 0 5% 5%;
	text-align: left;
	float: left;
}
.navli a span {
	float: left;
	color: #535353;
	padding-left: 10%;
	line-height: 1.6rem;
}
.navli a .cn{font-size: 1.6rem;}
.navli a .en{font-size: 1.2rem;}
.navli ul {
	float: left;
	display: none;
	width: 80%;
	padding: 2% 0 2% 20%;
}
.navli li {
	float: left;
	width: 100%;
	padding: 3% 0;
}
.navli li a {
	padding: 0 0;
	width: 100%;
	color: #fff;
	text-align: left;
	float: left;
	background: none;
	border-bottom: 0
}
/*首页主体内容*/
.index-box {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0 0 25% 0;
	background:#2B5B4D;
}
.index-nav {
	width: 70%;
	position: relative;
	overflow:hidden;
	margin:10% auto;
	padding:3% 3% 5%;;
	background: #3C7878;
	-moz-border-radius:5px;      /* Gecko browsers */
    -webkit-border-radius:5px;   /* Webkit browsers */
    border-radius:5px;
}
.index-nav li {
	float: left;
	width:100%;
	border-bottom:1px solid #296565;
	line-height:3rem;
	padding:3% 0 5%;
	display:inline-block;
}
.index-nav li img {
	width:12%;
	margin-left:10px;
	display:inline-block;
	vertical-align:middle;
}
.index-nav li span{ display:inline-block;color:#EFF3D8; font-size:1.4rem;padding-left:8%;}


.index-jd {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	padding: 3% 0;
}
.index-jd h {
	text-align: center;
	display: block;
	color: #000;
	font-size: 1.1rem;
	line-height: 2.5;
}
.index-jd p {
	text-align: center;
	display: block;
	color: #666;
	line-height: 1.5;
	font-size: 0.75rem;
}
.index-jd1 {
	width: 100%;
	float: left;
	position: relative;
}
.index-jd1-left {
	float: left;
	width: 46.25%;
	margin: 1% 0.5% 0% 2.5%;
}
.index-jd1-left1 {
	width: 100%;
	float: left;
	position: relative;
}
.index-jd1-left1 h {
	position: absolute;
	left: 6%;
	bottom: 3%;
	display: block;
}
.index-jd1-left1 h span {
	background: #FFF133;
	padding: 1.5% 6%;
	margin-bottom: 2%;
	font-size: 0.95rem;
	border-radius: 7px;
	color: #192B74;
	float: left;
}
.index-jd1-left1 h p {
	color: #fff;
	line-height: 2.5;
	display: block;
	width: 100%;
	float: left;
	font-size: 0.95rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-jd1-left1 h b {
	color: #fff;
	width: 100%;
	float: left;
	font-size: 1.3rem;
	line-height: 1.7;
}
.index-jd1-left2 {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 8%;
  -webkit-box-shadow: 2px 2px 2px #ddd;
  -moz-box-shadow: 2px 2px 2px #ddd;
  box-shadow: 2px 2px 2px #ddd;
}
.index-jd1-left2 p{ text-align:center;color:#454545; padding:8% 0 8% 0;}
.index-ne {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 8%;
}
.index-ne h {
	padding: 2.5% 0%;
	display: block;
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 1.1rem;
	float: left;
	position: relative;
}
.index-ne h a {
	right: 0%;
	top: 14%;
	position: absolute;
	padding: 2% 3% 3% 3%;
	background: #C6C601;
	color: #fff;
	font-size: 0.95rem;
}
.index-ne1 {
	width: 100%;
	float: left;
	background: #C6C601;
	position: relative;
	padding: 1% 0 8% 0;
}
.index-ne1 li {
	float: left;
	width: 100%;
	padding-top: 3%;
}
.index-ne1 li h {
	float: left;
	font-size: 1.3rem;
	padding: 1.5% 2.2%;
	margin-top: 1%;
	border: 2px solid #D9D900;
	border-radius: 50%;
	text-align: center;
	margin-left: 4%;
	color: #D9D900;
}
.index-ne1 li p {
	color: #fff;
	font-size: 0.9rem;
	float: left;
	width: 60%;
	margin-left: 3.5%;
	line-height: 1.8;
}
.index-ne1 li span {
	color: #fff;
	font-size: 0.9rem;
	float: right;
	margin-right: 2%;
	line-height: 1.8;
}
/**关于我们**/
.index-ab1 {
	width: 100%;
	float: left;
	position: relative;
	padding:10% 0 10% 2%;
}
.index-ab1 li{width:25%;float:left;text-align:center;}
.index-ab1 a {
	padding:6% 8%;
	color: #fff;
	border-radius: 5px;
	background:#2B5B4D;
	font-size:1.4rem;
}

.index-ab {
	width: 100%;
	background: #2B5B4D;
	float: left;
	position: relative;
	padding: 4% 0;
}
.return-box{width:15%;float:left;}
.return-box a {
    display: block;
    padding-left:2%;
}
.index-ab h {
	color: #fff;
	font-size: 2rem;
	text-indent: 4%;
	width:69%;
	float: left;
	text-align:center;
	 padding-top: 2%;
}
.index-ab h4 {
	width: 15%;
	float: right;
	padding-right: 2%;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
}
.index-fl {
	display: none;
	padding: 1.5% 0% 3% 2%;
	width: 30%;
	background: #fff;
	box-shadow: 0 0px 0.05rem #999;
	position: absolute;
	right: 5%;
	top: 100%;
	z-index: 1;
}
.index-fl li {
	width: 100%;
	float: left;
	line-height:2.6;
    text-align:center;
}
.index-fl li a {
	color: #000;
	font-size: 1.6rem;
}
.index-fl .aa a, .index-fl li a:hover {
	color: #EE1B26;
}
.index-ab2 {
	width: 100%;
	background: #fff;
	float: left;
	position: relative;
	margin-top:2%;
	padding-bottom: 6%;
}
.index-ab2 .topic{ font-size:1.4rem; text-align:center;  padding: 3% 0;}
.index-ab2 p {
	font-size: 0.85em;
	float: left;
	color: #363636;
	line-height: 2.1;
	padding-top: 3%;
}
/**产品展示**/
.index-pro1 {
	width: 100%;
	float: left;
	position: relative;
	padding:2% 0 4% 2%;
	background:url(pro1bg.jpg) no-repeat center top;
}
.index-pro1 li{width:33.3%;float:left;text-align:center;}
.index-pro1 h3{font-size:1.2rem; padding:1% 0 4% 0;}
.index-pro1 .txt1{color:#EFF1EC;border:1px solid #264F41;padding:1% 1.5%;}
.index-pro1 .txt2{color:#EFF5D9;margin-left:3%;}
.index-pro1 a {
	padding:3% 16%;
	color: #252525;
	border-radius: 15px;
	background:#E1C04D;
	background:-webkit-gradient(linear, left top, left bottom, from(#F0DEA0), to(#E4C14B));
	border:1px solid #CAAE43;
}

.index-kf {
	width: 96%;
	float: left;
	position: relative;
	margin-left: 2%;
	padding-top: 4%;
}
.index-kf li {
	width: 44.2708333%;
	float: left;
	margin-top: 3%;
}
.index-kf li p {
	width: 94%;
	float: left;
	margin-left: 3%;
	margin-top: 3.5%;
	color: #000;
}
.index-kf li p span {
	float: left;
	color: #F5564B;
	font-size: 1.2em;
	padding: 1.5% 0%;
}
.index-kf li p a {
	float: right;
	background: #F5564B;
	color: #fff;
	border-radius: 4px;
	padding: 1.5% 6%;
}
.index-kf li h {
	width: 94%;
	float: left;
	margin-left: 3%;
	padding: 6% 0;
	color: #666;
	padding-left: 2.3rem;
	font-size: 0.9em;
	background: url(k2.png) left center no-repeat;
}
.index-kf .index-k1 {
	float: right;
}
/**产品推荐+详情**/
.index-con-jd {
	width: 100%;
	float: left;
	position: relative;
	padding-top: 4%;
}
.index-con-jd1 {
	width: 48.4375%;
	float: left;
}
.index-con-jd2 {
	width: 47%;
	float: right;
}
.index-con-jd2 h {
	color: #96C;
	font-size: 1.2em;
	width: 100%;
	float: left;
	line-height: 2;
}
.index-con-jd2 p {
	color: #000;
	padding: 1.5% 0%;
	width: 100%;
	float: left;
	padding: 3% 0 6% 0;
}
.index-con-jd2 h1 {
	padding-left: 2.3rem;
	width: 100%;
	color: #666;
	line-height: 1.7;
	float: left;
	font-size: 0.9em;
	background: transparent url("rm1.png") no-repeat scroll left center / 5.651% auto;
}
.index-con-jd2 h2 {
	float: left;
	width: 100%;
	padding: 6% 0;
	color: #666;
	padding-left: 2.3rem;
	font-size: 0.9em;
	background: transparent url("rm2.png") no-repeat scroll left center / 7.3138% auto;
}
.index-div {
	width: 100%;
	float: left;
	position: relative;
	padding: 3% 0;
	margin-top: 2%;
	overflow: hidden;
}
.index-div h3 {
	float: left;
	width: 60%;
}
.index-div h3 span {
	float: left;
	padding: 1.5% 3%;
	line-height: 1.4rem;
	font-size: 0.9em;
	color: #666;
	display: inline-block;
	white-space: nowrap;
}
.index-div h3 b {
	float: left;
	line-height: 1.4rem;
	padding: 1.5% 5%;
	font-size: 0.9em;
}
.index-div a {
	border-radius: 4px;
	float: right;
	padding: 2% 6%;
	color: #fff;
	font-size: 0.9em;
	margin-right: 3%;
	background: #C6C601;
	margin-top: 0%;
}
.index-xq {
	width: 97.8125%;
	margin-left: 0.6%;
	float: left;
	position: relative;
}
.index-xq3 {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 4%;
}
.index-xq3 h {
	display: block;
	color: #000;
	font-size: 1.1rem;
	text-indent: 5%;
	line-height: 2;
}
.index-xq3 h1 {
	display: block;
	color: #96C;
	font-size: 1rem;
	text-indent: 5%;
	line-height: 2;
}
.index-xq3 h2 {
	width: 50%;
	float: left;
	margin-left: 4%;
}
.index-xq3 h2 span {
	float: left;
	padding: 1.5% 2%;
	line-height: 1.4rem;
	font-size: 0.9em;
	color: #363636;
	display: inline-block;
	white-space: nowrap;
}
.index-xq3 h2 b {
	float: left;
	line-height: 1.4rem;
	padding: 1.5% 3%;
	font-size: 0.9em;
}
.index-xq3 p {
	width: 40%;
	float: left;
	background: transparent url("rm2.png") no-repeat scroll 12% center / 8.458% auto;
	color: #363636;
	padding-left: 2.3rem;
	font-size: 0.9em;
	text-align: center;
}
.index-xq3 h3 {
	background: transparent url("rm1.png") no-repeat scroll left center / 2.79% auto;
	display: block;
	float: left;
	width: 95%;
	margin-left: 5%;
	color: #363636;
	padding: 2% 0 2% 2.3rem;
	font-size: 0.9rem;
}
.index-xq3 a {
	border-radius: 50%;
	position: absolute;
	right: 4%;
	top: -35%;
	width: 10%;
	background: #F9C;
	box-shadow: 0 0px 7px #666;
}
.index-xq4 {
	width: 100%;
	float: left;
	border-top: 1px solid #DBDBDB;
	position: relative;
	margin-top: 2%;
}

.index-xq4 span {
	width:50%;
	float: left;
	padding: 2% 0 2% 0;
	text-align: center;
	color: #96C;
}
.index-xq4 span.index-sp {
	padding: 2% 0 2% 2rem;
	background: url(xq4.png) 43% center no-repeat #EFEFEF;
	background-size: 5.625%;
}
#index-xq5 {
	width: 93%;
	margin-left: 3%;
	float: left;
	margin-top: 2%;
	color: #000;
	font-size: 0.9em;
	line-height: 2;
}
.bb a {
	width: 30%;
	color: #fff;
	font-size: 1.1em;
	padding: 2% 0%;
	margin-top: 6%;
	float: left;
	background: #C6C601;
	border-radius: 7px;
	text-align: center;
	margin-left: 6%;
}
.index-xq6 {
	display: none;
}
/**热点新闻+详情**/
.index-ne2 {
	width: 100%;
	float: left;
	position: relative;
}
.index-ne2 li {
	width: 97%;
	margin-left: 1.5%;
	float: left;
	border-bottom: 1px solid #E5E5E5;
	padding: 4% 0 3% 0;
}
.index-ne2 li p {
	float: left;
	color: #363636;
	font-size: 1.4em;
	width: 75%;
	line-height: 1.7;
}
.index-ne2 li span {
	float: right;
	margin-right: 1%;
	color: #666;
	font-size: 0.85em;
	line-height: 1.7;
}
.index-con-ne {
	width: 96%;
	float: left;
	position: relative;
	margin:0 2%;
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 1.5%;
}
.index-con-ne h {
	color: #000;
	font-size:1.4rem;
	padding: 5% 0 2.5% 0;
	float: left;
	line-height:1.7;
	width:100%;
	text-align:center;
}

.index-con-ne1 {
	width: 96%;
	float: left;
	position: relative;
	margin-left: 2%;
}
.index-con-ne1 p {
	line-height: 2;
	float: left;
	font-size: 0.95em;
	color: #363636;
	padding: 3% 0;
}
/**联系我们**/
.index-con {
	width: 100%;
	position: absolute;
	bottom: 0%;
	left: 0;
	padding: 3% 0 30%;
	background: #C6C601;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.index-con p {
	width: 70%;
	margin-left: 20%;
	float: left;
	padding: 1.5% 0;
	font-size: 0.95em;
	color: #fff;
}
/****电子地图***/
#allmap { width: 100%; float: left; min-height:580px;  position: relative;}
/***电子地图***/

/*页码*/
.page2 {width:100%;max-width:640px; overflow:hidden; position:relative;text-align:center; margin:0 auto;padding:50px 0;}
.page2 a {display:inline-block; background:#FFF; border:1px solid #08273b; color:#08273b; margin:2px; padding:5px 8px; font:1.2rem/1.5rem "microsoft yahei";}
.page2 a.on {background:#08273b; color:#FFF;}

/**在线留言**/
.index-me {
	width: 78.125%;
	margin: 0 auto;
	padding: 5% 0;
}
.index-me li {
	width: 100%;
	margin-top: 4%;
	float: left;
	color: #363636;
}
.index-me li .index-text {
	width: 98%;
	float: left;
	border: 1px solid #A5A5A5;
	line-height: 2.2;
	color: #363636;
	padding-left: 2%;
}
.index-me li .ly_text {
	width: 98%;
	float: left;
	border: 1px solid #A5A5A5;
	line-height: 1.7;
	height: 10em;
	padding-left: 2%;
}
.ly_submit {
	background:#F2D330;
	width: 60%;
	margin-left: 20%;
	margin-top:10%;
	float: left;
	color: #121212;
	padding:3% 0;
	font-size: 1.8rem;
	border-radius: 7px;
}
.yzm img{width:60px; display:inline-block;}.yzm input{border:1px solid #ddd;padding:5px;margin-left:10px;}
/***底部footer*/
.footer {
	width: 100%;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #191717;
	z-index: 999999;
	display: block;
}
.footerbox {
	background: #191717;
	margin: 0 auto;
	overflow: hidden;
}
.f-dh {
	width: 100%;
	overflow: hidden
}
.f-dh li {
	width: 25%;
	float: left;
	padding: 3% 0;
}
.f-dh li a {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 2;
	color: #fff;
	font-size: 1.0em
}
.f-dh li a div {
	width: 100%;
	margin: 0 auto
}
.f-dh li a div img {
	width: 42.5%;
	margin: 0 auto;
}
.f-dh li a p {
	line-height: 20px;
}



/***********************************/
@media screen and (min-width:640px) and (max-width:800px) {
body, html {
	font-size: 12px;
}
}
@media screen and (max-width:540px) {
body, html {
	font-size: 12px;
}
}
@media screen and (max-width:480px) {
body, html {
	font-size: 12px;
}
}
@media screen and (max-width:450px) {
body, html {
	font-size: 12px;
}
}
@media screen and (max-width:420px) {
body, html {
	font-size: 12px;
}
}
@media screen and (max-width:360px) {
body, html {
	font-size: 11.5px;
}
}
@media screen and (max-width:320px) {
body, html {
	font-size: 10px;
}
}




/***自定义***/
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p , form, fieldset, legend, input, button, textarea, th, td {
    margin:0;
    padding:0;    
}
.fst{
    font-family: "\5B8B\4F53";
}

/* end reset */
.row{
    width:100%;
    margin:0 auto;
}

/*模板头部，所有专题页面公用*/
.index_nav{margin: 0 auto; background:url(botbg.jpg) no-repeat left top;}
.index_nav a{display: block; margin:0 auto; width:13%;text-align: center; padding:3% 0 20px;}

.mainpage{width: 100%; }
.wenzi{background:url(square.jpg) no-repeat center bottom;padding-bottom:30px; padding-bottom: 6%; background-size: 30%;}
.wenzi h2{font-size:1.8rem;color:#FDFDF9;text-align: center; }
.wenzi h3{color:#F2D330; text-align:center; font-size:1.4rem; text-shadow:#1C3B31 2px 2px 2px;padding:1% 0;}
.wenzi p{color:#FDFDF9; font-size:1rem;text-align: center;padding:8px 0;}
.mainpage1{background:#2B5B4D;}
.mainpage2{background:#2B5B4D; overflow:hidden;}

*html{background-image:url(about:blank);background-attachment:fixed;}/*低版本浏览器防止抖动的，必须有*/
#tbox{width:30px; height:200px; float:right; position:fixed; display: none;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:50px;
}/*这个只能改宽高其他的不要修改，需要滚动的内容都要放在这个div里面*/
.taoba{display:block; background:#c2c2c2; width:30px; height:30px; margin-bottom:4px;text-align: center; color: #fff; line-height: 30px; overflow: hidden;cursor:pointer}
.taoba:hover{background:#ff4200; text-decoration: none; color: #fff;}
#gotop{display:block; width:30px; height:30px; text-indent:-9999px; overflow: hidden; color: #fff; background:url(../images/top_icon.gif) no-repeat;  position:absolute; display:none; cursor:pointer} /*这个样式随便改，必须有position:absolute; */
#gotop:hover{background-position: 0 -30px;}


/**列表详细页**/
.index-boxs {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0 0 25% 0;
}
.content{width:90%;margin:0 auto;}.cutepage{ text-align:center; padding: 20% 0;}.cutepage .text{ text-align:center; border:1px solid #ddd;}

/**工厂展示**/
.gc{margin: 0 auto;width: 100%;background:#2B5B4D; overflow:hidden;padding: 0 0 25% 0;}.gc .banner{background:#fff;width:80%;margin:0 auto 10%; padding: 0 0 20%; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; }.gc .owl-item p{ text-align:center; color:#999;padding:5% 0;margin-bottom: 20%;}.gc .owl-carousel img{width:238px;height:167px;margin:0 auto;}.gc h3{ text-align:center; font-size:1.8rem;padding:10% 0;}