@charset "gb2312";
/* CSS Document */
*{ padding:0px; margin:0px;}
body{ font-size:12px; font-family:"ΛΞΜε","ΞΆΘνΡΕΊΪ"; background:#fefefe;}
a{ text-decoration:none;cursor:pointer;} 
dl,ol,ul li{ list-style:none;}
img{ border:0px;}
input,img,textarea{ vertical-align:middle;}
input:focus{outline:none;}
button:focus{outline:none;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{ content:""; height:0px; display:block; clear:both; visibility:hidden;}
.clearfix{ *zoom:1;}
.wid{ float:left; width:100%;}
.wids{ width:1200px; margin:0 auto; overflow:hidden;}
.wid2{ float:left; width:100%;}

/*top_nav*/
.top_nav{ width:1200px; height:40px; margin:0 auto; font-size:12px; text-align:right; padding-top:10px;}
.top_nav span{line-height:35px; background:url(../images/icon.png) left no-repeat; padding-left:10px;}

/*top*/
.top{ width:1200px; height:70px; margin:0 auto;}
.logo{ float:left;}
.logo img{ padding-top:5px;}
.nav{ float:right;}
.nav ul{ float:left;}
.nav ul a{ float:left; height:35px; line-height:35px; color:#000; font-size:14px; margin-left:50px; margin-top:5px;}
.nav ul a:hover{ border-bottom:2px solid #953030;}


.banner2{ float:left; width:100%; height:327px; position:relative; overflow:hidden;}
.banner2 a { width:100%; height:327px; position:absolute; top:0px; left:0px;}
.banner2 a img { width:1920px; left:50%; height:327px; margin-left:-960px; position:relative;}

/*banner*/
.banner{ float:left; width:100%; height:419px; position:relative; overflow:hidden; border-top:1px solid #64aba3;}
.banner a { width:100%; height:419px; position:absolute; top:0px; left:0px;}
.banner a img { width:1920px; left:50%; height:419px; margin-left:-960px; position:relative;}
.banner .bannleft{ position:absolute; width:45px; height:60px; left:5%; margin-top:190px; cursor:pointer;}
.banner .bannright{ position:absolute; width:45px; height:60px; right:5%; margin-top:190px;cursor:pointer;}
.banner .banner-num{position:absolute;z-index:2;left:50%; margin-left:-50px;bottom:30px;}
.banner .banner-num span{cursor:pointer;display:inline-block;width:12px;height:12px; border-radius:12px;text-align:center;margin-right:10px;background:#fff; color:#fff;}
.banner .banner-num span.current{background:#f00;}

/*index*/
.link{ float:left; width:100%;}
.linkbg{ float:left; width:100%; height:142px; background:url(../images/bg1.jpg) top no-repeat; background-size:cover;}
.linkbg p{ width:1200px; height:142px; margin:0 auto;}
.linkbg p a{ float:right; margin-top:50px; width:200px; height:45px; line-height:45px; color:#000; font-size:16px; background:#fff; text-align:center; border-radius:5px; font-family:"ΞΆΘνΡΕΊΪ";}
.linkbg p a:hover{ background:#e1ff4f; color:#000;}

.box1{ width:1200px; margin:0 auto; overflow:hidden;}
.titles{ float:left; width:100%;}
.titles h2{ float:left; width:100%; font-weight:normal; text-align:center; font-family:"ΞΆΘνΡΕΊΪ"; margin-top:50px; border-bottom:1px solid #e5e5e5; padding-bottom:30px; margin-bottom:50px;}
.titles h2 b{ float:left; width:100%; font-size:28px; padding-bottom:5px;}
.titles h2 span{ float:left; width:100%; font-size:12px; color:#777777;}
.box2{ width:1200px; margin:0 auto; overflow:hidden;}
.titles2{ float:left; width:100%;}
.titles2 h2{ float:left; width:100%; font-weight:normal; text-align:center; font-family:"ΞΆΘνΡΕΊΪ"; margin-top:50px; margin-bottom:50px;}
.titles2 h2 b{ float:left; width:100%; font-size:28px; padding-bottom:5px;}
.titles2 h2 span{ float:left; width:100%; font-size:12px; color:#777777;}

.box1 ul{ float:left; width:1200px;}
.box1 ul a{ float:left; width:585px; border:1px solid #efefef;box-shadow: 0px 5px 5px #e3e3e3; margin-bottom:25px; color:#000;}
.box1 ul a b{ float:left; width:100%; height:203px; margin-bottom:20px; overflow:hidden;}
.box1 ul a b img{ float:left; width:100%;transition: all 1.5s;-ms-transition: all 1.5s;-moz-transition: all 1.5s;-webkit-transition: all 1.5s;-o-transition: all 1.5s;}
.box1 ul a h3{ float:left; width:90%; padding-left:5%; line-height:22px; font-size:20px; padding-top:20px; margin-bottom:10px; font-family:"ΞΆΘνΡΕΊΪ";}
.box1 ul a p{ float:left; width:90%; padding-left:5%; line-height:22px; font-size:14px; margin-bottom:30px;}
.box1 ul a span{ float:left; padding-left:5%; line-height:22px; font-size:12px; color:#F00; margin-bottom:20px;}
.box1 ul a:nth-of-type(2){ float:right;}
.box1 ul a:nth-of-type(3){ float:left; width:381px; margin-right:25px;}
.box1 ul a:nth-of-type(4){ float:left; width:381px; margin-right:25px;}
.box1 ul a:nth-of-type(5){ float:right; width:381px;}
.box1 ul a:hover b img{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
.box1 ul a:hover h3{ color:#3c931e;}
.box1 ul a:hover p{ color:#3c931e;}

/* picture */
.slide-content{ width:1200px; margin:0 auto;}
.slide-item {width:1200px;}
.slide-item-box {float:left;}
.slide-item-body {float:left;}
.slide-item-body ul li {float: left;width:32.3%;margin-right:15px; border:1px solid #f3f3f3;display:block; padding-bottom:20px;}
.slide-item-body ul li a { width:100%;display:block; overflow:hidden;}
.slide-item-body ul li a  img { float:left;width: 100%;height: auto;border: none;display: block;}
.slide-item-body ul li a h3{ float:left; width:90%; padding-left:5%; font-size:20px; padding-left:5%; color:#413c3c; margin-top:20px; margin-bottom:20px; font-family:"ΞΆΘνΡΕΊΪ";}
.slide-item-body ul li a h4{ float:left;width: 100%; font-weight:normal; height:60px;}
.slide-item-body ul li a span{ float:left; width:100px; padding:5px 0px; text-align:center; color:#000; background:#d8d9e0; margin-left:5%; margin-bottom:10px; border-radius:5px;}
.slide-item-body ul li a p{ float:left; width:90%; padding-left:5%; font-size:14px; color:#000; line-height:24px; margin-top:20px; height:72px; padding-bottom:30px;}
.slide-item-body ul li a b{ float:right; width:87px; height:23px; line-height:23px; text-align:center; color:#000; border-radius:5px; border:1px solid #dad9d9; background:url(../images/icon2.png) left repeat-x; margin-right:5%; font-weight:normal;}
.slide-item-body ul li a:hover h3{ color:#f00;}

.inpro{ width:1200px; margin:0 auto; overflow:hidden;}
.inku {float:left;}
.inku ul li {float: left;width:388px;margin-right:15px; border:1px solid #f3f3f3;display:block; padding-bottom:20px; margin-bottom:30px;}
.inku ul li a { width:100%;display:block; overflow:hidden;}
.inku ul li a h5 { float:left;width:100%;height:258px;border: none;display: block; overflow:hidden;}
.inku ul li a h5 img { float:left;width:100%;height:258px;transition: all 1.5s;-ms-transition: all 1.5s;-moz-transition: all 1.5s;-webkit-transition: all 1.5s;-o-transition: all 1.5s;}
.inku ul li a h3{ float:left; width:90%; padding-left:5%; font-size:20px; padding-left:5%; color:#413c3c; margin-top:20px; margin-bottom:20px; font-family:"ΞΆΘνΡΕΊΪ";}
.inku ul li a h4{ float:left;width: 100%; font-weight:normal; height:60px;}
.inku ul li a span{ float:left; width:100px; padding:5px 0px; text-align:center; color:#000; background:#d8d9e0; margin-left:5%; margin-bottom:10px; border-radius:5px;}
.inku ul li a p{ float:left; width:90%; padding-left:5%; font-size:13px; color:#000; line-height:24px; margin-top:20px; height:72px; padding-bottom:30px;}
.inku ul li a b{ float:right; width:87px; height:23px; line-height:23px; text-align:center; color:#000; border-radius:5px; border:1px solid #dad9d9; background:url(../images/icon2.png) left repeat-x; margin-right:5%; font-weight:normal;}
.inku ul li a:hover h5 img{ transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
.inku ul li a:hover h3{ color:#000000;}
.inku ul li a:hover b{ color:#000; background:#ddd;}
.inku ul li:nth-of-type(3n){ float:right; margin-right:0px;}
/*about*/
.about{ width:1200px; float:left;}
.left{ width:224px; float:left; background:#65aba4}
.left h2{ float:left; width:100%; height:52px; background:url(../images/aboutbg.jpg) left no-repeat; background-size:contain;}
.left h2 img{ float:left; padding-top:10px; padding-left:20px;}
.left ul{ float:left; width:80%; padding-left:10%;}
.left ul a{ float:left; width:100%; margin-top:25px; padding-bottom:10px; text-indent:10px; color:#fff; font-size:14px;border-bottom:1px solid #fff; background:url(../images/icon4.png) 160px  2px no-repeat;}
.left ul p{ float:left; width:100%; text-align:center; color:#fff; font-size:14px; padding:15px 0px; line-height:22px; display:inline-block;}
.left ul a:hover{ text-indent:30px;}
.right{ width:950px; float:right;}
.right p{ float:left; width:100%; line-height:32px; font-size:18px; font-family:"ΞΆΘνΡΕΊΪ";}

.cont{ float:left; width:1198px; border:1px solid #ddd; padding-bottom:30px;}
.cont h3{ float:left; width:100%; text-align:center; font-size:18px; padding:30px 0px; font-family:"ΞΆΘνΡΕΊΪ"; color:#4e4e4e;}
.cont p{ float:left; width:100%; text-align:center; font-size:18px; line-height:45px; margin-bottom:30px; font-family:"ΞΆΘνΡΕΊΪ"; color:#777;}
.cont p b{ color:#4e4e4e;}
.tlist{ float:left; width:100%; text-align:center;}
.txts{ width:300px; text-align:left; font-size:15px; line-height:26px; margin:0 auto; margin-bottom:30px;}




.newht{ float:left; width:100%; margin-bottom:50px; text-align:center;}
.newht a{ width:200px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#000; background:#ebebeb; display:inline-block; margin-left:40px;box-shadow: 0px 3px 5px rgba(0, 0, 0, .2);}
.newht a:hover{ background:#953030; color:#fff;}
.newht a:nth-of-type(1){ margin-left:0px;}

.news{ float:left; width:1138px; padding:30px; border:1px solid #ddd;}
.news ul{ float:left; width:1138px;}
.news ul a{ float:left; width:1138px; border-bottom:1px solid #ddd; color:#818181; padding-bottom:20px; margin-bottom:20px; position:relative; font-family:"ΞΆΘνΡΕΊΪ";}
.news ul a img{ float:left; width:170px; height:150px; padding-right:30px;}
.news ul a h3{ float:left; width:900px; padding-top:20px; font-size:18px;}
.news ul a p{ float:left; width:550px; padding-top:20px; line-height:28px; font-size:16px;}
.news ul a span{ float:right; width:100px; height:30px; line-height:30px; text-align:center; border:1px solid #818181; color:#818181; font-size:12px; position:absolute; bottom:50px; right:0px;}
.news ul a:hover h3{ color:#3c931e;}
.news ul a span:hover{ color:#3c931e;}
.layer{ float:left; width:100%; font-size:14px; text-align:center; color:#000; margin-top:30px; margin-bottom:20px;}
.layer a{ color:#000;}
.layer a:hover{ color:#f00;}

.news ul a:nth-of-type(1){ float:left; width:1138px; border-bottom:5px solid #ddd; color:#818181; padding-bottom:30px; margin-bottom:30px; font-family:"ΞΆΘνΡΕΊΪ"; position:relative;}
.news ul a:nth-of-type(1) img{ float:left; width:250px; height:220px; padding-right:40px;}
.news ul a:nth-of-type(1) h3{ float:left; width:700px; padding-top:20px; font-size:22px;}
.news ul a:nth-of-type(1) p{ float:left; width:700px; padding-top:20px; line-height:28px; font-size:18px;}
.news ul a:nth-of-type(1) span{ float:left; width:100px; height:30px; line-height:30px; text-align:center; border:1px solid #818181; color:#818181; font-size:12px; position:absolute; bottom:50px; left:290px;}
.news ul a:nth-of-type(1) span:hover{ color:#3c931e;}
/*product*/
.product-content{ width:1200px; margin:0 auto; overflow:hidden;}
.product-content ul li {float:left;width:388px;margin-right:15px; border:1px solid #f3f3f3;display:block; padding-bottom:20px; margin-bottom:50px;}
.product-content ul li a { width:100%;display:block; overflow:hidden;}
.product-content ul li a img { float:left;width: 100%;height: auto;border: none;display: block;}
.product-content ul li a h3{ float:left; width:90%; padding-left:5%; font-size:20px; padding-left:5%; color:#413c3c; margin-top:20px; margin-bottom:20px; font-family:"ΞΆΘνΡΕΊΪ";}
.product-content ul li a h4{ float:left;width: 100%; font-weight:normal; height:60px;}
.product-content ul li a span{ float:left; width:100px; padding:5px 0px; text-align:center; color:#000; background:#d8d9e0; margin-left:5%; margin-bottom:10px; border-radius:5px;}
.product-content ul li a p{ float:left; width:90%; padding-left:5%; font-size:14px; color:#000; line-height:24px; margin-top:20px; height:72px; padding-bottom:30px;}
.product-content ul li a b{ float:right; width:87px; height:23px; line-height:23px; text-align:center; color:#000; border-radius:5px; border:1px solid #dad9d9; background:url(../images/icon2.png) left repeat-x; margin-right:5%; font-weight:normal;}
.product-content ul li a:hover h3{ color:#3c931e;}
.product-content ul li:nth-of-type(3n){ float:right;margin-right:0px;}
/*list*/
.list{ width:1200px; margin:0 auto; overflow:hidden;}
.list ul {float:left;width:950px;}
.list ul li {float:left;width:100%; margin-top:50px;}
.list ul li img { float:left; width:350px; height:225px; padding-right:50px;}
.list ul li h3{ float:left; width:450px; font-size:20px; color:#413c3c; margin-bottom:15px; font-family:"ΞΆΘνΡΕΊΪ";}
.list ul li h5{ float:left; width:450px; margin-bottom:15px; font-family:"ΞΆΘνΡΕΊΪ";}
.list ul li h5 b{ float:left; padding:3px; font-size:14px; color:#fff; background:#65aba3;}
.list ul li h4{ float:left;width:450px; font-weight:normal;}
.list ul li h4 span{ float:left; width:100px; padding:5px 0px; text-align:center; color:#000; background:#d8d9e0; margin-right:15px; margin-bottom:10px; border-radius:5px;}
.list ul li p{ float:left; width:500px; font-size:14px; color:#000; line-height:24px; margin-top:10px; padding-bottom:30px;}
.ewm{ float:right; width:200px; height:200px; margin-top:50px;}
.ewm dl{ float:left; width:100px;}
.ewm dl dt{ float:left; width:100%; height:100px;}
.ewm dl dt img{ float:left; width:100%; height:100px;}
.ewm dl dd{ float:left; width:100%; height:30px; line-height:30px; text-align:center;}


.talist{ width:1200px; margin:0 auto; overflow:hidden; margin-top:10px; padding-top:39px; background:url(../images/bg2.jpg) 780px top no-repeat;}
.talist table{ float:left; width:1178px; padding:0px 10px; border:1px solid #ddd; padding-bottom:10px;}
.talist table th{ font-size:14px;line-height:50px; padding-top:10px;}
.talist table tr{ font-size:14px; line-height:95px; text-align:center;}
.talist table img:nth-of-type(1){ width:120px;}

.info{ float:left; width:100%; overflow:hidden;}
.info h3{ float:left; width:100%; text-align:center; font-size:22px; padding-top:30px;}
.info span{ float:left; width:100%; line-height:45px; font-size:14px; text-align:center; border-bottom:1px dashed #e8e8e8; margin-bottom:30px; padding-bottom:20px;}
.info p{ width:100%; line-height:26px; font-size:16px; margin-bottom:30px;}
.info p img{ max-width:100%;}
.page{ float:left; width:100%; line-height:25px; font-size:14px; color:#ff4351;}
.page a{ color:#000}


/*bottom*/
.bottom{ float:left; width:100%; background:#e8e8e8; margin-top:100px;}
.foot{ float:left; width:100%; height:297px; position:relative; overflow:hidden;}
.foot span { width:100%; height:297px; position:absolute; top:0px; left:0px;}
.foot span img { width:1920px; left:50%; height:297px; margin-left:-960px; position:relative;}
.box{ width:1200px; height:120px; margin:0 auto; overflow:hidden;}
.box img{ float:left; padding-top:45px;}
.box p{ float:right; line-height:26px; font-size:15px; padding-top:35px; color:#565656; font-family:"ΞΆΘνΡΕΊΪ";}
.box a{ color:#565656;}

/*kfzx*/
.kfzx{ width:180px; position:fixed; right:0px; top:315px; background:#5daba7}
.kfzx h2{  float:left; width:100%; height:35px; line-height:35px; font-size:12px; text-align:center; color:#fff; background:url(../images/aboutbg2.jpg) no-repeat; margin-bottom:30px;}
.kfzx a{ float:left; text-align:center;}
.kfzx a span{ width:120px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#000; background:#e8e8e8; margin-bottom:10px; border-radius:5px; display:inline-block;}
.kfzx dl{ float:left; width:100%; text-align:center; padding-top:20px; margin-bottom:30px;}
.kfzx dl dt{ width:120px; margin:0 auto;}
.kfzx dl dt img{ width:120px;}
.kfzx dl dd{ width:100%; padding-top:10px; color:#fff;}