/* by Adon , CSS Document */

@font-face {
	font-family:Family;
	src: url('../font/sanfranciscodisplay-light-webfont.eot');
	src: local('☺'), url('../font/sanfranciscodisplay-light-webfont.woff') format('woff'), url('../font/sanfranciscodisplay-light-webfont.ttf') format('truetype'), url('../font/sanfranciscodisplay-light-webfont.svg') format('svg');
}

*{ margin:0; padding:0;}
body{ font-size:12px; font-family: Poppins-Light;color:#3d3d3d;}
a{ text-decoration:none; color:#3d3d3d;}
a:hover{color:#04a308;}
ul,li{list-style:none}
img{ border:0;}
h1,h2,h3{ font-size:12px;}
em{font-style:normal}
p{display:block;}
input{outline:none}
.left{ float:left;}
.right{ float:right;}
.cn{font-family: Poppins-Light;}
.clearfix{clear:both}
.container{ width:1400px; margin:0 auto;}
@media (max-width: 1280px) {
	.container{ width:100%; margin:0 auto;}
}

.header{ float:left; width:100%; top:0; left:0; position:relative; z-index:999; background:#fff; border-bottom:solid 1px #ececec; }
.header.fix{ position:fixed; background:url(../image/header.png) repeat;}
.header .header-nav{ margin-top:45px; }
.header .header-nav li{ float:left;font-size:16px; padding:0 5px;margin-left:30px; position:relative; height:40px}
.header .header-nav li:hover a{color:#04a308;}
.header .header-nav li:hover{border-bottom:solid 2px #04a308;}
.header .header-nav li.on{ border-bottom:2px #04a308 solid; }
.header .header-nav li.on a{  color:#04a308}

/*下拉*/
.header .header-nav li ul{visibility:hidden; position:absolute; top:38px; z-index:99 !important; background-color:#fff; left:-95%; box-shadow: 1px 1px 5px #888888; text-align:center; border-radius:3px; padding:3px 0; width:300%; }
.header .header-nav li:hover ul{visibility:visible;}
.header .header-nav li:hover ul li{ padding:0; width:100%;margin-left:0px; }
.header .header-nav li:hover ul li a{ border-bottom:2px #fff solid; height:40px; line-height:40px; border-bottom:1px #999999 dotted;  display:block; color:#333}
.header .header-nav li:hover ul li a:hover{ border-bottom: none;  color:#04a308;  }
.header .header-nav li:hover ul li:last-child a{ border-bottom: none;}



.slider{ float:left; width:100%; height:911px; position:relative; overflow: hidden;}
.slider .bd { margin:0 auto;}
.slider .bd li{ float:left;height:911px; width:100%;}
.slider .bd li a{ float:left; width:100%; height:100%;}
.slider .bd li .box1 { float:none !important; margin:292px auto 0 auto !important;text-align:center;}
.slider .bd li .box2 { float:none !important; margin:630px auto 0 auto !important;text-align:center;}
.slider .bd li .box { width:550px; float:left; color:#fff; margin-top:270px;}
.slider .bd li .box .p1{font-size:35px;}
.slider .bd li .box .p2{font-size:53px;}
.slider .bd li .box .p3{font-size:26px; text-transform:uppercase; font-weight: bold; }
.slider .bd li .box .p4{font-size:14px; margin-top:36px; line-height:17px; max-height:94px; overflow:hidden; }
.slider .hd {max-width:48px;height:17px;text-align:right; position:absolute;left:0;bottom:120px;right:0;margin:0 auto;width:100%;}
.slider .hd li{display:inline-block;cursor:pointer;width:9px;height:9px; margin:0 3px; background:url(../image/slider.png) no-repeat right;text-indent:9999px;}
.slider .hd li.on{ background:url(../image/slider.png) no-repeat left;}
.index-list{ float:left; width:100%;}
.index-list .p1 { font-size:15px; color:#9e9e9e; text-transform:uppercase; margin:150px 0 50px 0;}
.index-list .p1 font{ font-size:25px; color:#3d3d3d; margin-right:10px;}
.index-list .p2{font-size:13px; text-align:center; color:#fff; border:solid 3px #04a308; width:150px; height:38px; line-height:38px; margin:100px auto 120px auto; text-align:center; border-radius:10px; background:#04a308; text-transform:uppercase}
.index-list .p2 a{color:#fff;}
.index-list ul li{ float:left; width:312px; background:#f7f7f7; margin-right:17px; text-indent:30px; padding-bottom:35px}
.index-list ul li img{ display:block; margin:88px auto;}
.index-list ul li.clear{ margin-right:0}
.index-list ul li span{ display:block; font-size:18px; text-align:center; text-indent:0em; width:80%; margin-left:10%}
.index-list ul li p{ display:block; font-size:15px; color:#a5a5a5; text-transform:uppercase}
.index-products .container{ position:relative;}
.index-products{ float:left; width:100%; position:relative; margin-bottom:120px; overflow:hidden;}
.index-products .prev{ position:absolute; left:-80px; top:400px;}
.index-products .next{ position:absolute; right:-80px; top:400px;}
.index-products ul li{ float:left; width:638px; border:solid 1px #e8e8e8; text-align:center; margin-right:20px; padding:65px 0;}
.index-products ul li:nth-child(2n){  margin-right:0px;}
.index-products ul li img{ display:block; margin:60px auto;}
.index-products ul li span{ display:block;font-size:22px;}
.index-products ul li font{ display:block; text-transform:uppercase;font-size:14px; color:#a5a5a5}
.index-products ul li p.cn{ height:57px; overflow:hidden;margin:0 125px; font-size:14px; color:#707070;}
.index-products ul li p.en{ height:64px; overflow:hidden;font-size:13px; color:#707070; margin:10px 75px 55px 75px;}
.index-products ul li em{display:block;color:#fff; border:solid 3px #04a308; width:100px; height:31px; line-height:24px; margin:0 auto; text-align:center; border-radius:10px; background:#04a308; text-transform:uppercase}
.index-news{ float:left; width:100%; background:#efefef;}
.index-news .p1{ font-size:55px; text-transform:uppercase; margin:125px 0 60px 0; text-align:center;}
.index-news .p2{font-size:13px; text-align:center; color:#fff; border:solid 3px #04a308; width:150px; height:38px; line-height:38px; margin:100px auto; text-align:center; border-radius:10px; background:#04a308; text-transform:uppercase}
.index-news .p2 a{color:#fff;}
.index-news ul li{ float:left; width:408px;margin-right:38px; padding-bottom:25px;background:url(../image/news.jpg) no-repeat right bottom #fff;}
.index-news ul li.clear{ margin-right:0}
.index-news ul li:nth-child(3n){ margin-right:0}
.index-news ul li .item{ padding:30px; overflow:hidden;}
.index-news ul li span{ font-size:16px;display:block;height:42px;overflow:hidden;}
.index-news ul li p{ font-size:12px; color:#707070;line-height:18px;height:72px;overflow:hidden; margin:25px 0;}
.index-news ul li em{ display:block; font-size:16px; color:#04a308;background:url(../image/em.jpg) no-repeat left; padding-left:25px;}
.index-news ul li:hover{background:url(../image/news1.jpg) no-repeat right bottom #fff;}
.footer{ float:left; width:100%; margin:150px 0 150px 0; padding-top:50px;color:#707070; border-top:solid 1px #ececec}
.footer .footer-left{ width:390px;}
.footer .footer-left .p2{ font-size:14px; margin:65px 0 5px 0; line-height:32px}
.footer .footer-left .p3{ font-size:14px;}
.footer .footer-left .p4{ font-size:14px; margin-top:30px}
.footer .footer-left .p4 img{ border-radius:50px; border:1px solid #999; padding:6px; margin-right:12px }
.footer .footer-right{ font-size:14px;}
.footer .footer-right a{ text-decoration:underline;color:#04a308}
.footer .footer-dl dl{ float:left; margin-left:80px;}
.footer .footer-dl dl dt{ display:block; font-size:18px; margin-bottom:25px;color:#3d3d3d;}
.footer .footer-dl dl dd a{ display:block; font-size:14px; line-height:28px;color:#707070}
.footer .footer-dl dl.clear dd a{ width:160px; float:left; margin-right:60px;}
.footer .footer-dl dl.clear{ width:360px;}
.fix-products{ display:none;position:fixed;left:0; background:#fff; width:100%; height:100%;top:0; z-index:9;overflow:auto;}
.fix-products .close{ margin:45px 0;text-align:right;display:block;}
.fix-products ul { margin-bottom:0px; overflow:hidden;}
.fix-products ul li{ float:left; width:282px; background:#f7f7f7; margin-bottom:17px;margin-right:17px; padding-bottom:16px;  padding-left:30px;}
.fix-products ul li img{ display:block; margin:88px auto;}
.fix-products ul li.clear{ margin-right:0}
.fix-products ul li:nth-child(4n){ margin-right:0}
.fix-products ul li span{ display:block; font-size:18px;}
.fix-products ul li p{ display:block; font-size:15px; color:#a5a5a5; text-transform:uppercase; line-height:22px; height:46px }
.postion{ float:left; width:100%; font-size:13px; position:relative; z-index:9;text-transform:uppercase; color:#a5a5a5; margin:55px 0;}
.postion a{color:#a5a5a5;}
.news { float:left; width:100%;}
.news ul li{float:left;width:408px;margin-right:35px;margin-bottom:35px;padding-bottom:25px;background:url(../image/news.jpg) no-repeat right bottom #fff; border:solid 1px #d0d0d0;}
.news ul li.clear{ margin-right:0}
.news ul li:nth-child(3n){ margin-right:0}
.news ul li .item{ padding:30px; overflow:hidden;}
.news ul li span{ font-size:16px;display:block;height:42px;overflow:hidden;}
.news ul li p{ font-size:12px; color:#707070;line-height:18px;height:72px;overflow:hidden; margin:25px 0;}
.news ul li em{ display:block; font-size:16px; color:#04a308;background:url(../image/em.jpg) no-repeat left; padding-left:25px;}
.news ul li:hover{background:url(../image/news1.jpg) no-repeat right bottom #fff;}
.products{ float:left; width:100%;}
.products .p1{ font-size:40px; margin-top:50px;}
.products .p2{ font-size:25px; margin:20px 0 0 0;color:#b3b3b3; text-transform:uppercase}
.products ul { overflow:hidden; margin:100px 0 0 0;}
.products ul li{ float:left; width:413px; margin-right:27px;margin-bottom:27px;border:solid 1px #e8e8e8; text-align:center;}
.products ul li.clear{ margin-right:0px;}
.products ul li img{ display:block; margin:100px auto;}
.products ul li span{ display:block;font-size:16px;}
.products ul li font{ display:block; text-transform:uppercase;font-size:15px;color:#a5a5a5; margin-top:5px; overflow:hidden;     text-overflow: ellipsis;white-space: nowrap;}
.products ul li em{display:block;color:#fff; border:solid 3px #04a308; width:100px; height:31px; line-height:31px; margin:45px auto; text-align:center; border-radius:10px; background:#04a308; text-transform:uppercase}
.about{ text-align:center; color:#fff;float:left; width:100%; height:820px; margin-top:-126px;background:url(../image/about.jpg) no-repeat center;}
.about .p1{ font-size:35px; text-transform:uppercase; margin-top:380px;}
.about .p2{ font-size:45px;}
.about-content{ float:left; width:100%;}
.about-content .p1{ font-size:45px; text-transform:uppercase; margin:180px 0 80px 0;}
.about-content p.cn{ width:48%; font-size:16px; color:#707070; line-height:35.5px; max-width:650px}
.about-content p.en{ width:48%; font-size:14px; color:#707070; line-height:22px; text-align:left; margin-top:0px; margin-right:0px; max-width:650px}
.contact{ border-top:solid 1px #ececec; padding:100px 0 35px; margin-top:100px; float:left; width:100%;}
.contact .map{ width:530px; height:330px;}
.contact .contact-left{ margin-top:45px;}
.contact .contact-left .p1{ font-size:22px;}
.contact .contact-left .p2{ font-size:17px; color:#707070; margin:5px 0 45px 0;}
.contact .contact-left .p3{ font-size:18px; color:#707070; margin-bottom:10px;}
.contact .contact-left .p4{ font-size:15px; color:#707070}
.contact .contact-left .p4 font{ display:block; font-size:17px;}
.news-view .news-left{ width:870px; margin-top:30px;}
.news-view .news-left .news-title{ display:block; font-size:30px;}
.news-view .news-left .news-em{ display:block;font-size:16px; color:#04a308;background:url(../image/em.jpg) no-repeat left; padding-left:25px; margin:22px 0;}
.news-view .news-left .news-content{ font-size:14px; color:#707070; line-height:20px;}
.news-view .news-left .news-content p{ margin-bottom:20px;}
.news-view .news-ul{ width:350px;}
.news-view .news-ul .p1{ border-bottom:solid 2px #04a308; font-size:20px;padding-bottom:15px; margin-bottom:15px;}
.news-view .news-ul ul li{ float:left; width:100%; border-bottom:solid 1px #ececec; padding-bottom:15px; margin-bottom:15px;}
.news-view .news-ul ul li span{ display:block; font-size:14px; height:38px; overflow:hidden;}
.news-view .news-ul ul li em{ display:block; font-size:16px; margin-top:15px;color:#04a308;}
.news-view .news-ul ul li img{ float:left; margin-right:15px;}
.products-view { float:left; width:100%;}
.products-view .p1{ font-size:25px; margin:25px 0 5px 0;}
.products-view .p2{ font-size:15px; color:#a5a5a5; text-transform:uppercase}
.products-view .products-thumb{ float:left; width:100%; margin:100px 0;text-align:center; position:relative;}
.products-view .products-thumb .hd{ width:230px;position:absolute; left:0; top:0; z-index:99; background:#fff;}
.products-view .products-thumb .hd li{display:block; margin-right:9px;float:left;width:104px;padding:15px 0;margin-bottom:8px;border:solid 1px #d0d0d0;}
.products-view .products-thumb .bd li span{ display:block; font-size:17px; text-align:center; margin-top:20px;}
.products-view .products-table{font-size: 16px;float:left; width:100%; margin:100px 0 50px 0;}
.products-view .products-table .p1{margin:0;font-size:20px; margin-bottom:25px;text-transform:uppercase; text-indent:15px;border-left:solid 28px #04a308;}
.products-view .products-table .p1 font{ margin-left:10px;}
.products-view .products-table table{ border:solid 1px #e8e8e8; width:100%;border-top:none;border-right:none; font-size:16px;text-align:center;}
.products-view .products-table table tr td{ border-right:solid 1px #e8e8e8;border-top:solid 1px #e8e8e8; padding:2% 0;}
.products-view .products-table table tr td hr{border-top:1px solid #e8e8e8; margin:2% 0}