﻿@import "reset.css";

body {

    font-family: "宋体";
	line-height: 1.5;

    font-size:12px;

    color:#000;

	-webkit-text-size-adjust:none;

}

a{

    color: #000;

}
.pc_logo{display: block;}
.m_logo{display: none;}
@media(max-width:960px){
.pc_logo{display: none;}
.m_logo{display: block;}
}
.container{

    width:1000px;

    margin: 0 auto;

}
@media(max-width:960px){
.container{width:100%; margin: 0 auto;}
}

.container .l{ float:left; width:600px;}
@media(max-width:960px){
.container .l{ display:none;}
}


.container .l ul{

    float: left;

    padding: 0 20px;

    overflow: hidden;

}

.container .l ul li{ line-height:25px;}



.container .l ul span{ font-weight:bold; font-size:14px;}















.container .r{ float:right; width:400px;}
@media(max-width:960px){
.container .r{text-align:left;float: none;margin-left: 10px;}
}


.container .r span{ float:left; padding-right:10px;}

#Focus{

    height: 486px;

    position: relative;

    overflow: hidden;

}

#Focus .loading{

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: url(loading.gif) #f6f6f6 no-repeat center;

    z-index: 9;

}





/** Carousel **/



.jcarousel {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 589px;

}



.jcarousel ul {

    width: 20000em;

    position: relative;

    list-style: none;

    margin: 0;

    padding: 0;

}

.jcarousel li {

    float: left;

    height: 589px;

}



.goods_type{

	width:1000px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; margin-top:30px;

}
@media(max-width:960px){
.goods_type{width:100%;}
}

.goods_type ul{

	float: left;

	width: 235px;

	margin-right: 20px;

}
@media(max-width:960px){
.goods_type ul{float: left; width: 50%;margin-right:0px;text-align: center;}
}

.goods_type ul.last{ margin:0;}

.goods_type ul img{ padding:4px; border:1px solid #d8d8d8;}
@media(max-width:960px){
.goods_type ul img{ padding:0px; border:1px solid #d8d8d8; width: 95%;}
}


.goods_type ul li{ line-height:25px;}

.goods_type ul li.cn{

    color: #00923f;

}

.goods_type ul li.en{

    color: #6d6d6d;

}



#headerbox{ width:100%; height:133px; margin-left:auto; margin-right:auto; overflow:hidden;}
@media(max-width:960px){
#headerbox{height: 92px;}
}
#header{

    width: 100%;

    height: 133px;

    z-index: 99;

    position: absolute;

    left: 0;

    top: 0;

	background: url(top_bg.jpg) repeat-x;

}
@media(max-width:960px){
#header{background: url(m_top_bg.jpg) repeat-x; height: 92px;}
}

#header .logobox{ width:1000px; height:78px; margin-left:auto; margin-right:auto; padding-top:13px;}

#header .logobox .logo{

	float: left;

	width: 1000px;

}

#header .logobox .topinfo{ float:right;}

#header .site{

    color: #000;

    margin-top: 8px;

    margin-right: 14px;

}

#header .site a{

    color: #000;

}

#header .site td{

    padding-right: 8px;

}





#header .navbox{ width:1000px; height:40px; margin-left:auto; margin-right:auto;}

#header .nav{

    position: relative;

    height: 40px;

}
@media(max-width:960px){
#header .nav{height: 100%;width: 90%;margin: 0 auto;}
}

#header .nav .lv-1{

	float: left;

	overflow: hidden;

	padding-bottom: 0;

	padding-left: 15px;

	padding-right: 15px;

	padding-top: 0;

}
@media(max-width:960px){
#header .nav .lv-1 {width:90%;text-align: center;}
}
#header .nav .lv-1 a{ color:#fff;}
@media(max-width:960px){
#header .nav .lv-1 a{ color:#000;}
}
#header .nav .lv-1-a{

    height: 40px;

    line-height: 40px;

    display: block;

    font-weight: bold;

    font-size: 14px;

    padding-right: 10px;

    background: url(icon.png) no-repeat right 21px;

}



#header .nav .lv-2{

    position: absolute;

    top: 40px;

    left: 176px;

    width: 140px;

    overflow: hidden;

    background-color: #008939;

    padding: 4px 0;

    display: none;

}

#header .nav .lv-2 li{

    padding-left: 20px;

    height: 28px;

    line-height: 28px;

    margin-right: 16px;

    background: url(icon2.jpg) no-repeat right center;

}

#header .nav .lv-2 li a{

    color: #fff;

}

#header .nav .on{

    background-color: #008939;

}

#header .nav .on .lv-1-a{

    color: #fff;

    background-image: url(icon1.png);

}





#index{

    height: auto;

	width:1000px; margin-left:auto; margin-right:auto;

	margin-top:30px;

}
@media(max-width:960px){
#index{width:100%;}
}

.index .aboutUs{

    float: left;

    width: 230px;

    height: 100%;

    padding-right: 58px;

    background: url(index5_14.jpg) no-repeat right 33px;

}
@media(max-width:960px){
.index .aboutUs{width:90%;padding: 0;padding-bottom: 10px;margin-left: 5%;word-wrap:break-word;}
.index .aboutUs img{width: 90%;}
}

.index .hd{

	height: 32px;

	line-height: 32px;

	font-size: 14px;

	color: #008cd7;

	font-weight: bold;

}

.index .more{

    display: block;

    margin-top: 5px;

    width: 50px;

    height: 18px;

    line-height: 18px;

    background-color: #00923f;

    color: #fff;

    text-align: center;

}

.index .news{

    float: left;

    width: 304px;

    height: 100%;

    margin-left: 32px;

    margin-right: 30px;

    padding-left: 29px;

    padding-right: 37px;

    border-left: 1px #ececec solid;

    border-right: 1px #ececec solid;

    display: inline;

}
@media(max-width:960px){
/*.index .news{width:90%;margin:0;padding: 0;border-left: 0px; border-right: 0px ; border-top:1px #ececec solid;border-bottom:1px #ececec solid;padding-top: 20px;padding-bottom: 10px;margin-left: 5%; }
}*/
.index .news{display: none; }
}
.index .news li{

    font-family: "宋体";

    color: #00923f;

    margin-left: -3px;

}

.index .news li a{

    font-family: "宋体";

}



.index .news2{

    float: right;

    width: 270px;

    height: 100%;



    display: inline;

}
@media(max-width:960px){
/*.index .news2{width:90%;float: left;padding-top: 20px;padding-bottom: 10px;border-bottom:1px #ececec solid;margin-left: 5%;  }*/
.index .news2{display: none;  }
}

.index .news2 li{

    font-family: "宋体";

    color: #00923f;

    margin-left: -3px;

}

.index .news2 li a{

    font-family: "宋体";

}





.index .contactUs{

    float: right;

    width: 270px;

    height: auto;

    overflow: hidden;

}

#footer{

	border-top: 1px #ececec solid;

	background-color: #008cd7;

	height: 90pt;

	line-height: 25px;

	overflow: hidden;

	margin-top: 30px;

	padding-top: 25px;

}

#content{

    margin-top: 30px;

    overflow: hidden;

}

.wrapper{

    width: 1000px;

    margin: 0 auto;

    padding: 0;

    min-height: 600px;

    padding-bottom: 40px;

    margin-bottom: 10px;

    overflow: hidden;

}

.banner{

    height: 359px;

    background: url(2.jpg) no-repeat center 0;

    position: relative;

}



.bannerin{

    height: 280px;

    position: relative;

	overflow:hidden;

}

.banner6{

    background-image: url(bann3.jpg);

}

.banner9{

    background-image: url(bann2.jpg);

}

.banner13{

    background-image: url(bann5.jpg);

}

.banner18{

    background-image: url(bann4.jpg);

}

.banner19{

    background-image: url(bann6.jpg);

}







#content .sidebar{

    float: left;

    width: 221px;

    overflow: hidden;

}

.left_top{

    float: left;

    width: 210px;

	height:25px;

	line-height:25px;

    overflow: hidden;

	background-color:#008939;

	color:#fff;

	padding-left:11px;

	margin-top:15px;

}

.left_top a{ color:#fff;}

.left_cont{

    float: left;

    width: 221px;

    overflow: hidden;

}

.left_cont ul{ padding-top:10px; line-height:25px;}

.left_cont ul li{ border:none;}



.left_link{ float: left;

    width: 221px;

    overflow: hidden;}

.left_link ul{ padding-top:10px; line-height:25px;}

.left_link ul li{ border-bottom:1px dashed #999;  background: url(dian.png) no-repeat left center; padding-left:10px;}

.left_link ul li a{ height:25px; padding:0; margin:0; line-height:25px; background:none;}

.left_link ul li a:hover{ background:none; color:#008970;}



.sidebar .parent{

    height: 47px;

    padding-left: 30px;

    line-height: 47px;

    font-size: 22px;

    color: #fff;

	background: url(proleft.jpg) no-repeat left center;

}

.sidebar ul{

    padding-left: 1px;

    padding-top: 1px;

}

.sidebar li{

    padding-bottom: 1px;

    border-bottom: 1px #e0e0e0 solid;

}

.sidebar li a{

    display: block;

    height: 39px;

    line-height: 38px;

    padding-left: 30px;

    color: #444;

    background: url(3.jpg) no-repeat 0 0;

}

.sidebar li a:hover,.sidebar li.current a{

    color: #ffffff;

    background: #008939;

}

#content .main{

    float: right;

    width: 738px;

    overflow: hidden;

}

.main .position{

    height: 35px;

    line-height: 35px;

    overflow: hidden;

	background: url(lanmujian.png) no-repeat left center;

	padding-left:20px;

	border-bottom:1px solid #d5d5d5;



}

.main .position .typename{

    float: left;

    font-size: 18px;

    color: #008939;

    padding-left: 1px;

    font-weight: bold;

}

.main .position .location{

    float: right;

    padding-right:5px;

    color: #444;

}

.main .position .location a{

    color: #444;

}

.main .position .location a:hover{

    color: #008939;

}

.main .article_read{

    padding-top: 20px;

    line-height: 26px;

    color: #444444;

}

.main .article_read a{

    color: #444444;

}

.goodsdea{ width:100%; height:30px; overflow:hidden; background-color:#d0d0d0; color:#579d20; line-height:30px; margin-top:30px;}

.goodsdea ul{ padding-left:15px;}

.news-list .pic-list li{

    width: 205px;

     margin-right: 20px;

	margin-left:20px;

    margin-bottom: 0;

}

.news-list .pic-list li img{

    background-color: #efefef;

    border: 1px #dddddd solid !important;

}



.news-list .pic-list  li .title{

    color: #444;

    padding-top: 8px;

    line-height: 18px;

    overflow: hidden;

}

.news-list table{

    margin-top: 26px;

    border-bottom: 1px #e0e0e0 dotted;

	line-height:25px;

}

.news-list td{

    height: 30px;

    border-top: 1px #e0e0e0 dotted;

    color: #7c6366;

}

.news-list td a{

    color: #333;

}

.news-list td a:hover{

    color: #008939;

}











.pic-list li{

    float: left;

    overflow: hidden;

    width: 205px;

    margin-right: 20px;

	margin-left:20px;

    margin-bottom: 21px;

    display: inline;

}

.pic-list li a{

    display: block;

    width: 100%;

    overflow: hidden;

}

.pic-list li img{

    padding: 3px;

    background-color: #fff;

    border: 1px #dddddd solid;

    border-bottom: 0;

}

.pic-list li .name{

    height: 28px;

    line-height: 28px;

    padding-left: 8px;

    background-color: #dddddd;

    color: #252424;

    font-weight: bold;

	text-align: center;

}

.pic-list li a:hover img{

    border-color: #008939;

}

.pic-list li a:hover .name{

    background-color: #008939;

    color: #fff;

}









/***留言***/

#message{

    color: #4c4c4c;

    font-family: "宋体";

    padding-top: 15px;

}

#message input.infoInput{

    width: 250px;

    padding: 6px 0;

    padding-left: 5px;

    height: 18px;

    line-height: 18px;

    color: #4c4c4c;

    border: 1px #d5d5d5 solid;

}

#message th{

    font-weight: normal;

    padding-bottom: 15px;

    text-align: right;

    padding-right: 10px;

}

#message td{

    padding-bottom: 15px;

}

#message textarea.infoInput{

    width: 572px;

    height: 132px;

    padding: 4px;

    line-height: 20px;

    border: 1px #d5d5d5 solid;

    text-align: left;



}

#message .buttonface2{

    font-family: "宋体";

    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);

    background-color: #008939;

    -weblit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    width: 132px;

    height: 42px;

    cursor: pointer;

    border: 0;

    color: #ffffff;

    text-align: center;

}

#code{

    width: 125px !important;

}

/***分页***/

#pagination span,#pagination a{

    float: left;

    height: 20px;

    line-height: 20px;

    text-align: center;

    width: 20px;

    border: 1px #cccccc solid;

    margin: 0 2px;

    display: inline;color:#444

}

#pagination .prev,#pagination .next{

    font-family: "\5B8B\4F53";

}

#pagination a:hover,#pagination .num .current{

    border-color: #008939;

    background-color: #008939;

    color: #ffffff;

}

.link{ line-height:20px;}

.link a{ margin-left:5px;}









.content_1 {width:1000px; overflow:hidden; padding-bottom:10px;}
@media(max-width:960px){
.content_1 {width:100%;}
}
.con_left{float:left; width:221px; background:#FFFFFF; color:#333333;}
@media(max-width:960px){
.con_left {width:25%;overflow:hidden;}
}
.con_left_t { background:url(left_t.jpg); text-align:center; font-size:18px; color:#FFFFFF; font-weight:bold; line-height:46px;}
@media(max-width:960px){
.con_left_t { background:url(left_t_m.jpg) repeat-x;}
}
.con_left_list{margin:2px 2px 5px 2px; background:#F3F3F3;}

.con_left_list ul li { border-bottom: dashed 1px #CCCCCC;line-height:2.4em; width:200px;}
@media(max-width:960px){
.con_left_list ul li { width:100%;}
}
.con_left_list ul li a:hover {color:#666666;}

.con_left_list1{margin:2px 2px 5px 2px; background:#F3F3F3;}
.bg_1{display: block;}
.bg_2{display: none;}
@media(max-width:960px){
.bg_1{display:none;}
.bg_2{display: block;}
}
.con_left_list1 ul li { border-bottom: dashed 1px #CCCCCC;line-height:2.4em; width:200px; text-align:left; text-indent:15px; background:url(xj1.jpg) no-repeat left;}
@media(max-width:960px){
.con_left_list1 ul li { width:100%;overflow: hidden;height: 30px; text-indent:5px;}
}
.con_left_list1 ul li a:hover {color:#666666;}

.con_right_1 {background:url(right_bg_1.jpg) no-repeat top right;}

.con_right_2 {float:right; background:url(right_bg_2.jpg) repeat-y right; width:777px; }
@media(max-width:960px){
.con_right_2 { width:72%;float: left;}
}
.con_right_3 {clear:none; background:url(right_bg_3.jpg) no-repeat right; height:8px;}

.right_ccon {width:739px; margin-left:10px; color:#333333;}
@media(max-width:960px){
.right_ccon {width:100%;}
}
.right_ccon_con {padding:25px 10px 15px 10px; text-align:left;word-wrap: break-word;}
@media(max-width:960px){
.con_img img {display: none;}
}
.con_right_top {background:url(right_t_bg.jpg); height:37px; overflow:hidden;}

.con_right_topl {float:left; font-size:18px; font-weight:bold; line-height:37px; margin-left:45px;}

.con_right_topr {float:right; line-height:37px; margin-right:10px;}
@media(max-width:960px){
.con_right_topr  {display: none;}
}


.news_list_c {overflow:hidden; border-bottom:dashed #EFEFEF 1px; padding:5px 5px;}

.news_list_l {float:left; width:600px;}

.news_list_r {float:right; width:80px;}



.pagelist2{ font-size:11px; padding:3x; margin:3px; text-align:right;}

.pagelist2 a{ border:#ddd solid 1px; color:#7c6a52; margin-right:2px; padding:2px 5px;}

.pagelist2 a:hover{ background:#7c6a52; border:#ddd solid 1px; color:#fff;}

.pagelist2 span.current{ background:#7c6a52; border:#fff solid 1px; color:#fff; margin-right:2px; padding:2px 5px;}

.pagelist2 span.disabled{ border:#ddd solid 1px; color:#ddd; margin-right:2px; padding:2px 5px;}

.pagelist2 span.total{ font-size:12px; line-height:20px; margin:0 5px;}
@media(max-width:960px){
.pagelist2 span.total {display: none;}
}
@media(max-width:960px){
#pro_tit{width: 100%;height: 18px;overflow: hidden;}
}


.dhnews{ width:100%; height:30px; line-height:30px; font-size:16px; font-weight:bold; overflow:hidden; margin-top:10px; margin-bottom:10px;}

.dhnews ul{ list-style-type:none;}

.dhnews ul li{ width:340px; height:30px; color:#000; margin-left:10px;float:left;}

.dhnews ul li a{  text-align:center; color:#000; padding:5px;}

.dhnews ul li a:hover{  color:#666; text-align:center;padding:5px;}



.tjnews {text-align:left; font-size:14px; font-weight:bold; color:#0066FF; border-bottom:dashed 1px #999999; clear:both;}

.tjnews_list {overflow:hidden;}

.tjnews_list ul {padding:5px;}

.tjnews_list ul li {float:left; width:340px; margin:0px 5px; text-align:left; line-height:1.8em; border-bottom:dashed 1px #999999;}

.tjnews_list ul li a{display:block; width:340px; line-height:1.8em;}

.tjnews_list ul li a:hover{color:#999999;}



.pro_list {float:left; background:#EFEFEF; width:200px; padding:5px; margin:13px; text-align:center;}
@media(max-width:960px){
.pro_list {width:45%;margin: 1px;}
}

 #playBox {
  width:100%;
  height:486px;
  margin:0 auto;
  background:#333;
  position:relative;
  overflow:hidden;
}
#banner_m{display: none;}
@media(max-width:960px){
#playBox { display: none;}
#banner_m{display: block;width: 100%;height: auto;display:flex; align-items:center; justify-content:center;background-size:100%;margin: 0 auto;}
}
#playBox .oUlplay {
  width:99999px;
  position:absolute;
  left:0;
  top:0;
}
#playBox .oUlplay li {
  float:left;
}

#playBox .smalltitle {
  width:100%;
  height:10px;
  position:absolute;
  bottom:15px;
  z-index:10
}
#playBox .smalltitle ul {
  width:120px;
  margin:0 auto;
}
#playBox .smalltitle ul li {
  width:10px;
  height:10px;
  margin:0 5px;
  border-radius:10px;
  background:#ffffff;
  float:left;
  overflow:hidden;
  cursor:pointer;
}
#playBox .smalltitle .thistitle {
  background:#69aaec;
}
#playBox .pre {
  cursor:pointer;
  width:25px;
  height:45px;
  position:absolute;
  top:150px;
  left:10px;
  z-index:10;
  text-align:center
}
#playBox .next {
  cursor:pointer;
  width:25px;
  height:45px;
  position:absolute;
  top:150px;
  right:10px;
  z-index:10;
  text-align:center
}

