@charset "utf-8";
/* by Adon , CSS Document */

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

*{ margin:0; padding:0;}
body{ font-size:12px; font-family:Family, Tahoma, Geneva, sans-serif;color:#3d3d3d;}
a{ text-decoration:none; color:#3d3d3d;}
a:hover{color:#00a33e;}
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:"Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑;}
.clearfix{clear:both}
.container{ width:1300px; 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(../img/header.png) repeat;}
.header .header-nav{ margin-top:45px;}
.header .header-nav li{ float:left;font-size:14px; padding:0 5px;padding-bottom:10px;margin-left:30px;}
.header .header-nav li:hover a{color:#00a33e;}
.header .header-nav li:hover{border-bottom:solid 2px #00a33e;}
.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:30px; text-transform:uppercase; font-weight: bold;}
.slider .bd li .box .p4{font-size:13px; margin-top:40px; line-height:18px; 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(../img/slider.png) no-repeat right;text-indent:9999px;}
.slider .hd li.on{ background:url(../img/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 #00a33e; width:150px; height:38px; line-height:38px; margin:100px auto 120px auto; text-align:center; border-radius:10px; background:#00a33e; 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;}
.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 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 #00a33e; width:100px; height:31px; line-height:31px; margin:0 auto; text-align:center; border-radius:10px; background:#00a33e; text-transform:uppercase}
.index-news{ float:left; width:100%; background:#efefef;}
.index-news .p1{ font-size:55px; text-transform:uppercase; margin:125px 0; text-align:center;}
.index-news .p2{font-size:13px; text-align:center; color:#fff; border:solid 3px #00a33e; width:150px; height:38px; line-height:38px; margin:100px auto; text-align:center; border-radius:10px; background:#00a33e; 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(../img/news.jpg) no-repeat right bottom #fff;}
.index-news ul li.clear{ 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:#00a33e;background:url(../img/em.jpg) no-repeat left; padding-left:25px;}
.index-news ul li:hover{background:url(../img/news1.jpg) no-repeat right bottom #fff;}
.footer{ float:left; width:100%; margin:150px 0 250px 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;}
.footer .footer-left .p3{ font-size:15px; text-transform:uppercase;}
.footer .footer-right{ text-transform:uppercase; font-size:15px;}
.footer .footer-right a{ text-decoration:underline;color:#00a33e}
.footer .footer-dl dl{ float:left; margin-left:90px;}
.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:13px; line-height:20px;color:#707070}
.footer .footer-dl dl.clear dd a{ width:140px; float:left; margin-right:60px;}
.footer .footer-dl dl.clear{ width:400px;}
.fix-products{ display:none;position:fixed;left:0; background:#fff; width:100%; height:100%;top:0; z-index:9999;overflow:auto;}
.fix-products .close{ margin:45px 0;text-align:right;display:block;}
.fix-products ul { margin-bottom:200px; overflow:hidden;}
.fix-products ul li{ float:left; width:312px; background:#f7f7f7; margin-bottom:17px;margin-right:17px; text-indent:30px; padding-bottom:35px}
.fix-products ul li img{ display:block; margin:88px auto;}
.fix-products ul li.clear{ 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}
.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(../img/news.jpg) no-repeat right bottom #fff; border:solid 1px #d0d0d0;}
.news ul li.clear{ 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:#00a33e;background:url(../img/em.jpg) no-repeat left; padding-left:25px;}
.news ul li:hover{background:url(../img/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 #00a33e; width:100px; height:31px; line-height:31px; margin:45px auto; text-align:center; border-radius:10px; background:#00a33e; text-transform:uppercase}
.about{ text-align:center; color:#fff;float:left; width:100%; height:911px; margin-top:-126px;background:url(../img/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:600px; font-size:14px; color:#707070; line-height:22px;}
.about-content p.en{ width:600px; font-size:13px; color:#707070; line-height:20px;}
.contact{ border-top:solid 1px #ececec; padding:35px 0; 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 75px 0;}
.contact .contact-left .p3{ font-size:18px; color:#707070; margin-bottom:5px;}
.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:#00a33e;background:url(../img/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 #00a33e; 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:#00a33e;}
.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 #00a33e;}
.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}