@charset "utf-8";
@import url("page.css");/* CSS Document */
* {
	margin: 0px;
	padding: 0px
}
.cl {
	clear: left
}
.cb {
	clear: both
}
.max100 {
	max-width: 100%;
	max-height: 100%
}
body {
	background: transparent
}
a {
	text-decoration: none;
	transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
ol, ul {
	list-style: none
}
img {
	display: inline;
	border: none;
	max-width:100%;
	max-height: 100%
}
h1, h2, h3, h4, h5, h6, p {
	font-family: "Microsoft YaHei";
	font-weight: normal
}
#header {
	width: 100%;
	height: auto
}
#header .top {
	width: 100%;
	height: 27px;
	background: url(../images/top_bg.jpg) repeat-x left center;
	overflow: hidden;
}
#header .top dl {
	width: 980px;
	line-height: 27px;
	margin: 0 auto
}
#header .top dl dt {
	float: left
}
#header .top dl dd {
	float: right
}
#header .top dl span {
	font-family: "Microsoft YaHei";
	font-size: 12px;
	color: #7f7f7f
}
#header .top dl span a {
	color: #7f7f7f
}
#header .head {
	width: 980px;
	height: 139px;
	margin: 0 auto;
	position: relative;
}
#header .head dl {
	width: 520px;
	float: left;
	margin-top: 7px
}
#header .head dl dt {
	float: left;
	width: 172px
}
#header .head dl dd {
	float: left;
	width: 348px;
	padding-top: 30px
}
#header .head dd h2 {
	font-size: 30px;
	color: #02913f;
	line-height: 40px
}
#header .head dd h3 {
	font-size: 16px;
	color: #fab408;
	line-height: 30px
}
#header .head span {
    display: block;
    position: absolute;
    top: 20px;
    left: 564px;
    width: 85px;
    height: 101px;
}
#header .head span img {
    width: 100%;
}
#header .head span p {
    font-size: 15px;
    padding-left: 6px;
    line-height: 14px;
}
#header .phone {
	background: url(../images/phone.jpg) no-repeat left center;
	float: right;
	padding-left: 80px;
	margin-top: 30px
}
#header .phone h2 {
	font-size: 29px;
	color: #02913f;
	line-height: 50px;
	padding-left: 20px
}
#header .phone h3 {
	font-size: 33px;
	color: #fab408;
	line-height: 30px;
	font-family: "SimSun"
}
#header .nav {
	width: 100%;
	height: 42px;
	background: url(../images/nav_bg.jpg) repeat-x left center
}
#header .nav ul {
	width: 980px;
	margin: 0 auto
}
#header .nav ul li {
	width: 122px;
	height: 40px;
	background: url(../images/nav_libg.jpg) no-repeat right center;
	float: left
}
#header .nav ul li a {
	display: block;
	width: 110px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 0 auto;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-top: 1px
}
#header .nav ul li a:hover {
	background: url(../images/nav_hover.jpg) no-repeat center center
}
#header .nav ul li.end {
	background: none
}
#header .search {
	width: 980px;
	height: 30px;
	margin: 0 auto
}
#header .search dt {
	float: left;
	padding-top: 5px
}
#header .search dt span {
	font-family: "SimSun";
	margin-right: 8px;
	font-weight: 900;
	color: #4a4a4a;
	font-size: 12px
}
#header .search dt span a {
	font-weight: 400;
	color: #696968
}
#header .search dd {
	float: right;
	padding-top: 5px
}
#header .search dd input {
	float: left;
	border: 0
}
#header .search dd .txt {
	width: 180px;
	height: 20px;
	background: url(../images/big.jpg) no-repeat left center;
	border: 1px solid #d0d0d0;
	padding-left: 27px
}
#header .search dd .sub {
	width: 52px;
	height: 22px;
	background: url(../images/search.jpg) no-repeat center center
}
.banner {
	width: 100%;
	height: 530px;
	background: url(../images/flashBg.png)
}
.banner-con {
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;
	background: url(../images/uiimg.png) no-repeat bottom center;
	padding-bottom: 30px
}
.mainbox {
	overflow: hidden;
	position: relative
}
.flashbox {
	overflow: hidden;
	position: relative
}
.imagebox {
	text-align: right;
	position: relative;
	z-index: 999
}
.bitdiv {
	display: inline-block;
	width: 21px;
	height: 23px;
	margin: 0 10px 10px 0px;
	cursor: pointer;
	float: right;
	background: #fff;
	border: 1px solid #cfa972;
	text-align: center;
	line-height: 23px;
	font-size: 23px;
	font-family: "宋体"
}
.defimg {
	background-image: url(../images/02.png)
}
.curimg {
	background: #c69539
}
#main {
	width: 100%;
	height: auto
}
#main .brand {
	width: 100%;
	height: 218px;
	background: url(../images/flashBg.png)
}
#main .brand-con {
	width: 980px;
	height: 218px;
	margin: 0 auto
}
#main .brand-tt {
	width: 980px;
	height: 60px;
	background: url(../images/brandBg.png) no-repeat center center
}
#main .brand-content {
	width: 950px;
	padding-top: 20px;
	margin: 0 auto
}
#soll-left {
	float: left;
	margin-right: 20px;
	margin-top: 25px
}
#soll-right {
	float: right;
	margin-top: 25px
}
#soll {
	float: left
}
#soll li {
	float: left;
	width: 160px;
	text-align: center;
	margin-right: 17px
}
#soll li a {
	font-size: 12px;
	color: #4c4c4c;
	line-height: 40px
}
#soll li a div{
	width:160px;
	height:74px;
	overflow:hidden;
	text-align: center;
  display: table-cell;
  vertical-align: middle;
  background:#fff;
}
#main .product {
	width: 980px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/productsTopBg.png) no-repeat top center;
	padding-top: 15px
}
#main .pro-left {
	width: 215px;
	float: left;
	height: auto
}
#main .pro-lett {
	width: 215px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	background: #04923e
}
#main .pro-lett h2 {
	font-size: 20px;
	color: #fff
}
#main .pro-leftcon {
	width: 209px;
	border: 3px solid #04923e;
	border-top: none;
	padding: 15px 0
}
#main .pro-leftcon ul {
	width: 174px;
	height: auto;
	padding-bottom: 3px;
	margin: 0 auto
}
#main .pro-leftcon ul h3 {
	width: 174px;
	height: 34px;
	background: url(../images/prolesj.jpg) no-repeat center center;
	font-size: 14px;
	font-family: "SimSun";
	text-align: center;
	line-height: 34px
}
#main .pro-leftcon ul h3 a {
	color: #000
}
#main .pro-leftcon ul li {
	display:none;
	width: 174px;
	height: 34px;
	line-height: 34px;
	background: url(../images/pro-lehsj.jpg) no-repeat 12px center;
	border-bottom: 1px dashed #b6b5b5;
	overflow: hidden
}
#main .pro-leftcon ul li a {
	font-size: 14px;
	font-family: "SimSun";
	color: #000;
	margin-left: 25px
}
#main .pro-right {
	width: 752px;
	height: auto;
	float: right
}
#main .pro-ritt {
	width: 752px;
	height: 34px;
	background: url(../images/pro-rittbg.jpg) no-repeat center center
}
#main .pro-ritt h2 {
	float: left;
	font-size: 20px;
	color: #fff;
	line-height: 32px;
	padding-left: 20px;
	padding-right: 35px;
	background: #5AB208 url(../images/Bg.png) no-repeat right center
}
#main .pro-ritt a {
	float: right;
	display: block;
	margin-right: 45px;
	margin-top: 10px
}
#list #main .pro-rightcon {
	padding: 0px;
	padding-bottom: 10px
}
#index #main .pro-rightcon {
	min-height: 1087px
}
#main .pro-rightcon {
	height: auto;
	overflow: hidden;
	border: 1px solid #c4c4c4;
	background: #e7e7e7;
	border-top: 0;
	padding: 30px 0px 0px 0px
}
#circle {
	height: 31px;
	line-height: 31px;
	text-align: center;
	margin: 12px auto
}
#circle span {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: #fff;
	border: 1px solid #C69539;
	margin-top: 5px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	margin-left: 5px
}
#circle span:hover, #circle span.on {
	background: #C69539;
	border: 1px solid #fff;
	cursor: pointer
}
.pro-rightcon > div {
	width: 750px;
	overflow: hidden
}
.pro-rightcon > div .allShow {
	width: 3000px;
	position: relative
}
.pro-rightcon > div .allShow .Show {
	float: left;
	height: 100%;
	width: 750px
}
.pro-rightcon > div .allShow .Show li {
	overflow: hidden;
	float: left;
	margin-left: 21px;
	width: 221px;
	height: 258px
}
.pro-rightcon > div .allShow .Show li a {
	color: #000
}
.pro-rightcon > div .allShow .Show li div {
	width: 221px;
	height: 227px;
	background: url(../images/productLiBg3.jpg) no-repeat center center;/*padding:23px 11px 61px 11px;*/
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	overflow: hidden
}
.pro-rightcon > div .allShow .Show li div img {
	max-width: 199px;
	max-height: 143px;
}
.pro-rightcon > div .allShow .Show li p {
	height: 31px;
	text-align: center;
	line-height: 31px
}
#main .honor {
	width: 980px;
	margin: 0 auto;
	margin-top: 5px
}
#main .title {
	height: 57px
}
#main .title .ltt {
	float: left;
	height: 57px;
	background: url(../images/honor_tt.jpg) no-repeat left top
}
#main .title .ltt h2 {
	color: #4c4c4c;
	font-size: 20px;
	padding-left: 50px;
	line-height: 30px
}
#main .title a {
	float: right;
	display: block;
	margin-top: 30px;
	margin-right: 15px
}
#main .title .ltt span {
	color: #bcbcbc;
	font-size: 14px;
	line-height: 25px;
	font-family: "Arial";
	padding-left: 50px
}
#main .honor-tt {
	width: 980px;
	background: url(../images/title_bot.jpg) repeat-x left 51px
}
#main .honor-con {
	width: 978px;
	height: 180px;
	border: 1px solid #d0d0d0;
	margin-top: 20px;
	padding-top: 25px
}
#soll2 {
	float: left
}
#soll-left2 {
	float: left;
	margin-right: 10px;
	margin-top: 30px
}
#soll-right2 {
	float: right;
	margin-top: 30px
}
#soll2 li div {
	width: 217px;
	height: 132px;
	border: 1px solid #d0d0d0;
	margin-bottom: 15px
}
#soll2 li {
	text-align: center;
	float: left;
	margin-right: 10px
}
#soll2 li img {
	display: block;
	margin: 0 auto;
	margin-top: 1px
}
#soll2 li p {
	color: #999;
	font-size: 12px;
	font-family: "SimSun"
}
#main .problem {
	width: 980px;
	height: auto;
	margin: 0 auto
}
#main .problem-tt {
	width: 980px;
	height: 167px;
	background: url(../images/problem_ttbg.jpg) no-repeat top center
}
#main .problem-con {
	width: 980px;
	height: auto
}
#main .problem-con dl {
	width: 980px;
	height: 400px;
	background: url(../images/ande.jpg) no-repeat top center
}
#main .problem-con dl p {
	font-size: 22px;
	line-height: 30px;
	padding-top: 10px
}
#main .problem-con dl dt {
	float: left;
	width: 410px
}
#main .problem-con dl dd {
	float: right;
	width: 410px
}
#main .problem-con .txt {
	width: 980px;
	height: 190px;
	background: url(../images/problem_bot.jpg) no-repeat left bottom
}
#main .problem-con .txt p {
	font-size: 26px;
	color: #009241;
	line-height: 40px
}
#main .noone {
	width: 100%;
	height: 547px;
	background: url(../images/onone.jpg) no-repeat center center
}
#main .noone-con {
	width: 980px;
	margin: 0 auto
}
#main .noone-con .txt {
	padding: 250px 0 0 480px
}
#main .noone-con .txt p {
	font-size: 26px;
	color: #fff;
	line-height: 50px
}
#main .adv {
	width: 100%;
	height: auto
}
#main .adv div {
	width: 100%;
}
#main .adv-tt {
	height: 189px;
	background: url(../images/adv_tt.jpg) no-repeat center center
}
#main .adv-one {
	height: 203px;
	background: url(../images/adv_one.jpg) no-repeat center center
}
#main .adv-tow {
	height: 225px;
	background: url(../images/adv_tow.jpg) no-repeat center center
}
#main .adv-three {
	height: 164px;
	background: url(../images/adv_three.jpg) no-repeat center center
}
#main .adv-four {
	height: 150px;
	background: url(../images/adv_four.jpg) no-repeat center center
}
#main .adv-five {
	height: 322px;
	background: url(../images/adv_five.jpg) no-repeat center center
}
#main .introduction {
	width: 980px;
	margin: 0 auto;
	height: auto
}
#main .introduction-tt {
	width: 697px;
	height: 123px;
	margin: 0 auto;
	background: url(../images/introduction_tt.jpg) no-repeat center center
}
#main .introduction-con dl {
	padding-top: 12px;
	overflow: hidden
}
#main .introduction-con dt {
	float: left;
	width: 370px
}
#main .introduction-con dd {
	float: left;
	width: 590px;
	padding-top: 10px
}
#main .introduction-con dd h3 {
	font-size: 16px;
	color: #0a8d44;
	line-height: 30px
}
#main .introduction-con dd p {
	font-family: "SimSun";
	font-size: 12px;
	color: #818181;
	text-indent: 2em;
	line-height: 20px;
	margin-bottom: 5px
}
#main .introduction-con dd a {
	color: #fab408;
	font-family: "SimSun";
	font-size: 12px
}
#main .video {
	width: 950px;
	height: 226px;
	margin: 0 auto;
	background: url(../images/video_bot.jpg) no-repeat bottom center
}
#main .video ul li {
	float: left;
	margin-right: 8px;
	padding-top: 3px
}
#main .video ul li div {
	width: 228px;
	height: 199px;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
#main .big {
	width: 100%;
	height: auto;
	background: url(../images/bigbg.jpg) repeat-x left center
}
#main .display {
	width: 980px;
	height: auto;
	background: url(../images/tt_bg.jpg) no-repeat top center;
	margin: 0 auto
}
#main .display-tt {
	padding-top: 20px;
	background: url(../images/title_bot.jpg) repeat-x left 69px;
	margin-bottom: 20px
}
#main .display-tt .ltt {
	background: url(../images/ttgbg.jpg) no-repeat left top
}
#main .display-con {
	width: 980px;
	height: 220px;
	background: url(../images/tt_bg.jpg) no-repeat bottom center
}
#soll-left3 {
	float: left;
	margin-right: 20px;
	margin-top: 60px
}
#soll-right3 {
	float: right;
	margin-top: 60px
}
#soll3 {
	float: left
}
#soll3 li {
	float: left;
	text-align: center;
	margin-right: 15px
}
#soll3 li div {
	width: 214px;
	height: 170px;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
#soll3 li a {
	font-size: 12px;
	font-family: "SimSun";
	color: #555;
	line-height: 40px
}
#main .customer {
	width: 980px;
	height: auto;
	margin: 20px auto
}
#main .customer-tt, #main .company-tt {
	background: url(../images/title_bot.jpg) repeat-x left 49px
}
#main .customer-tt .ltt, #main .company-tt .ltt {
	background: url(../images/ttgbg.jpg) no-repeat left top
}
#main .customer-tt .ltt h2, #main .company-tt .ltt h2, #main .display-tt .ltt h2 {
	font-size: 18px;
	line-height: 100%
}
#main .customer-con {
	height: 370px;
	width: 960px;
	margin: 0 auto;
	background: url(../images/tt_bg.jpg) no-repeat bottom center
}
#main .customer-con dl {
	width: 480px;
	height: 150px;
	margin-top: 20px;
	float: left
}
#main .customer-con dt {
	width: 202px;
	height: 148px;
	float: left;
	background: url(../images/cus_dtbg.jpg) no-repeat left center
}
#main .customer-con dt div {
	width: 186px;
	height: 136px;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
#main .customer-con dt img {
	margin: 2px 0;
	margin-left: 3px
}
#main .customer-con dd {
	width: 260px;
	float: left
}
#main .customer-con dd h2 {
	font-family: "SimSun";
	font-size: 13px;
	color: #333;
	font-weight: 900;
	line-height: 25px
}
#main .customer-con dd h3, #main .customer-con dd p {
	font-family: "SimSun";
	font-size: 12px;
	color: #666;
	font-weight: 900;
	line-height: 25px
}
#main .customer-con dd p {
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: normal
}
#main .customer-con dd a {
	color: #4b9b03;
	font-family: "SimSun";
	font-size: 12px
}
#main .company {
	width: 980px;
	height: auto;
	margin: 0 auto
}
#main .company-con {
	width: 930px;
	height: 165px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(../images/tt_bg.jpg) no-repeat bottom center
}
#soll-left4 {
	float: left;
	margin-right: 15px;
	margin-top: 50px
}
#soll-right4 {
	float: right;
	margin-top: 50px
}
#soll4 {
	float: left
}
#soll4 li {
	float: left;
	margin-right: 20px
}
#soll4 li div {
	width: 201px;
	height: 120px;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
#main .mb {
	width: 980px;
	height: 153px;
	margin: 15px auto;
	background: url(../images/mb.jpg) no-repeat center center
}
#main .mb dt {
	float: left;
	padding-top: 30px
}
#main .mb dt h2 {
	font-size: 28px;
	color: #000;
	padding-left: 310px
}
#main .mb dd {
	width: 200px;
	text-align: center;
	float: right;
	padding-top: 20px
}
#main .mb dd p {
	font-family: "SimSun";
	font-size: 18px;
	color: #fab408;
	line-height: 30px
}
#main .mb dd h3 {
	font-size: 23px;
	color: #01873e
}
#main .commitment {
	width: 980px;
	height: auto;
	margin: 0 auto
}
#main .commitment p {
	font-size: 18px;
	color: #121212;
	line-height: 25px;
	padding-left: 60px
}
#main .commitment12 {
	width: 980px;
	height: 339px;
	background: url(../images/commit12.jpg) no-repeat center center
}
#main .commitment12 p {
	padding-top: 300px
}
#main .commitment12 p span {
	padding-left: 140px
}
#main .commitment34 {
	width: 980px;
	height: 356px;
	background: url(../images/commit34.jpg) no-repeat center center
}
#main .commitment34 p {
	padding-top: 290px
}
#main .commitment34 p span {
	padding-left: 355px
}
#main .ftone {
	width: 980px;
	height: 380px;
	margin: 0 auto
}
#main .ftone-tt {
	overflow: hidden;
	background: url(../images/fto_ttbg.jpg) repeat-x left center;
	border: 1px solid #e7e7e7;
	border-bottom: 0;
	height: 39px
}
#main .ftone-tt img {
	float: left
}
#main .ftone-tt h2 {
	float: left;
	font-size: 14px;
	color: #499e0c;
	line-height: 35px
}
#main .ftone-tt a {
	float: right;
	display: black;
	margin: 10px 12px 0 0
}
#main .ftone .new {
	width: 311px;
	height: auto;
	float: left;
	margin-right: 22px
}
#main .ftone .new dl {
	overflow: hidden;
	padding: 10px 0
}
#main .ftone .new dt {
	width: 122px;
	height: 129px;
	border: 1px solid #dbdbdb;
	text-align: center;
	padding-top: 2px;
	float: left
}
#main .ftone .new dt div {
	width: 116px;
	height: 124px;
	text-align: center;
	vertical-align: middle;
	display: table-cell
}
#main .ftone .new dd {
	float: right;
	width: 173px
}
#main .ftone .new dd h2 a {
	font-size: 14px;
	color: #499e0c
}
#main .ftone .new dd p {
	font-family: "SimSun";
	font-size: 12px;
	line-height: 20px;
	color: #666;
	margin-top: 15px
}
#main .ftone .new .tt {
	width: 311px
}
#main .ftone .new-con {
	width: 309px;
	height: 335px;
	border: 1px solid #e7e7e7
}
#main .ftone ul {
	padding: 5px;
	width: 305px;
	margin: 0 auto
}
#main .ftone ul li {
	width: 295px;
	height: 25px;
	border-bottom: 1px dashed #b6b5b5;
	background: url(../images/ftone_libg.jpg) no-repeat left center;
	font-size: 12px;
	color: 666;
	line-height: 25px
}
#main .ftone ul li.end {
	border-bottom: 0
}
#main .ftone ul li span {
	float: right
}
#main .ftone ul li a {
	color: #666;
	margin-left: 12px
}
#main .industry {
	width: 310px;
	height: auto;
	float: left;
	margin-right: 23px
}
#main .industry-tt {
	width: 310px
}
#main .industry-con {
	width: 309px;
	height: 335px;
	border: 1px solid #e7e7e7
}
#main .industry-con .in {
	text-align: center;
	height: 145px;
	padding-top: 5px
}
#main .industry-con .in div {
	width: 302px;
	height: 130px;
	text-align: center;
	vertical-align: middle;
	display: table-cell
}
#main .faq {
	width: 310px;
	height: auto;
	float: left
}
#main .faq-tt {
	width: 310px
}
#main .faq-con {
	width: 309px;
	height: 335px;
	border: 1px solid #e7e7e7
}
#main .faq-con dl {
	width: 280px;
	margin: 0 auto;
	border-bottom: 1px dashed #bababa;
	padding: 10px 0 5px 0
}
#main .faq-con p {
	font-family: "SimSun";
	font-size: 12px;
	color: #666;
	line-height: 20px;
	padding-left: 20px;
	margin-top: 5px
}
#main .faq-con dt {
	background: url(../images/wen.jpg) no-repeat top left;
	padding-bottom: 5px
}
#main .faq-con dt p a {
	color: #429b25
}
#main .faq-con dd {
	background: url(../images/da.jpg) no-repeat top left
}
#main .friend {
	width: 980px;
	height: auto;
	margin: 15px auto
}
#main .friend-tt a {
	font-size: 12px;
	color: #429b25
}
#main .friend-con {
	width: 978px;
	height: auto;
	border: 1px solid #d3d3d3
}
#main .friend-con ul {
	padding: 10px 20px
}
#main .friend-con li {
	display: inline;
	padding: 0 10px;
	line-height: 25px
}
#main .friend-con li a {
	font-family: "SimSun";
	font-size: 12px;
	color: #444
}
#footer {
	width: 100%;
	height: 240px;
	background: #429B25 url(../images/foot_bg.jpg) no-repeat center center
}
#footer .foot-con {
	width: 810px;
	position: relative;
	margin: 0 auto
}
#footer .foot-con ul {
	padding: 25px;
	height: 37px
}
#footer .foot-con ul li {
	display: inline;
	padding: 0 15px
}
#footer .foot-con ul li a {
	font-family: "SimSun";
	font-size: 12px;
	color: #fff
}
#footer .foot-con .top {
	position: absolute;
	top: 0;
	right: 0
}
#footer dl {
	width: 640px;
	margin: 0 auto
}
#footer dt {
	width: 147px;
	float: left
}
#footer dd {
	float: left;
	padding-top: 10px
}
#footer dd p {
	font-family: "SimSun";
	font-size: 12px;
	line-height: 25px;
	color: #fff
}
#footer dd p a {
	color: #fab408
}
#footer dd p span {
	padding-left: 10px
}