@charset "utf-8";

@font-face
{
font-family: Family;
src: url('../fonts/AvenirNextLTPro-Regular.otf');
src: url('../fonts/AvenirNextLTPro-Regular.ttf');
src: url('../fonts/AvenirNextLTPro-Regular.woff');
}

*{ margin:0; padding:0;}
body{ font-size:14px; font-family:Family, Tahoma, Geneva, sans-serif;color:#6d6d6d; max-width:640px; margin:0 auto;}
a{ text-decoration:none; color:#6d6d6d;}
ul,li{list-style:none}
img{ border:0; max-width:100%;}
h1,h2,h3{ font-size:12px;}
em{font-style:normal}
p{display:block;}
.cn{ font-family:"微软雅黑";}
.left{ float:left;}
.right{ float:right;}
.clearfix{clear:both}
.header{ float:left; width:90%; padding-left:5%; padding-right:5%; text-align:center;border-bottom:solid 1px #e1e1e1;}
.header .header-logo img{ height:64px; margin-left:25px;}
.header .header-menu img{ height:23px; margin-top:22px;}
.slider{ float:left; width:100%; position:relative; text-align:center; color:#fff; overflow:hidden;}
.slider .item{position:absolute; width:100%;top:25%; left:0;}
.slider .item .p1{ font-size:50px; letter-spacing:5px; margin-bottom:25px;}
.slider .item .p2{ font-size:18px;}
.slider .item .p3{background:#fff;width:290px;margin:15px auto 25px auto;height:1px;opacity:0.3;-webkit-opacity:0.3;-moz-opacity:0.3;-ms-opacity:0.3;}
.slider .item .p4{ margin-bottom:40px;}
.slider .item a{ color:#fff;}
.index-content{ float:left; width:90%; margin-left:5%; margin-right:5%; margin-top:15%;}
.index-content .p1{ text-align:center; font-size:30px; color:#4b4b4b;}
.index-content .p1 span{ display:block; font-size:22px; margin-bottom:5px}
.index-content .p1 font{ display:block; text-transform:uppercase}
.index-content .p2{ text-align:center; font-size:15px; color:#4b4b4b; padding-left:2.5%; padding-right:2.5%; margin:3% 0; line-height:19px;}
.index-content .p3{ margin-bottom:10%;text-align:center; color:#949494; padding-left:10%; padding-right:10%; line-height:20px;}

.index-content ul li{ text-align:center;float:left; padding:10%;border:solid 1px #dddddd;position:relative;margin-top:15px;width:80%;}
.index-content ul li span{ display:block;}
.index-content ul li font{ display:block; font-size:13px;}
.index-content ul li font em{ font-size:18px; display:block; margin-bottom:5px;}
.index-content ul li.li1 span{ font-size:13px;}
.index-content ul li.li2 span{ font-size:18px; text-transform:uppercase}
.index-content ul li.li1 span em{ font-size:18px; display:block;}
.index-content ul li:hover span,.index-content ul li:hover font{color: #17a255;}
.index-content ul li.li3{ width:100%; padding:10% 0;}
.index-content ul li.li3 img{ width:80%;text-align:left; float:left;}
.index-content ul li.li3 font{ clear:both;}

.footer{ float:left; width:90%;border-top:solid 1px #e1e1e1; margin:5% 0 70px 0;font-size:13px; color:#6d6d6d; text-align:center; padding:22px 5%;}
.footer .p1{ font-size:14px; line-height:18px;color:#6d6d6d;margin-bottom: 20px;}
.footer .p1 span{ display:block; font-size:14px;}
.footer .p1 em{ display:block; font-size:20px; margin-top:5%; line-height:24px;}
.footer .p1 font{ display:block; font-size:25px; text-decoration:underline; color:#008d2e; margin-top:5%;}
.footer .p2{ font-size:13px; margin:15% 0;color:#6d6d6d;}
.footer .addthis_toolbox{ margin-top:13px;}
.footer .addthis_toolbox a{ display:inline-block; float:none;}
.footer .p3{ line-height:19px;}
.footer .p3 a{ text-decoration:underline;color:#008d2e;}
.contact { float:left; width:90%; margin:18% 5%;text-align:center;}
.contact .p1{ font-size:13px; line-height:19px;color:#8f8f8f;padding-left:5%; padding-right:5%;}
.contact .p1 font{ font-size:18px;}
.contact .p2{ font-size:20px; color:#17a255; margin:10% 0 15% 0}
.contact .p2 font{ text-decoration:underline}
.contact .p3{ font-size:25px; color:#4b4b4b; margin-bottom:10%;padding-left:5%; padding-right:5%;}
.contact .p4{ font-size:25px; color:#17a255;}
.contact .p4 a{color:#17a255;}
.contact .p4 font{font-size:20px; margin-top:5px;color:#8f8f8f;display:block}
.contact .p4 font a{color:#8f8f8f;}
.contact-ul {float:left; width:90%; margin:0 5%; text-align:center;}
.contact-ul li{ float:left; width:40%; border-top:solid 1px #dfdfdf; font-size:30px; color:#8f8f8f; padding:10% 5%;}
.contact-ul li span{ font-size:20px; margin-top:5px;color:#4b4b4b;display:block}
.contact-ul li i{ display:block; width:55px; margin:20px auto; height:1px; background:#e0e0e0;}
.contact-ul li font{ font-size:20px; color:#4b4b4b;display:block;}
.contact-ul li p{ display:block; font-size:13px; color:#8f8f8f;}
.news{ float:left; width:90%; margin:5% 5% 10% 5%;}
.news .news-m { margin-bottom:8%; float:left; width:100%;}
.news .news-m li{float:left; text-align: center; font-size:15px; color:#4b4b4b; border:solid 1px #c9c9c9; width:20.3%; padding:8% 1%;margin-right:2%; overflow:hidden;margin-top: 2%;}
.news .news-m li:last-child{ margin-right:0;}
.news .news-m li.on{ background:#17a255; color:#fff;}
.news .news-m li.on a{ color:#fff;}
.news .news-list li{ float:left; width:100%;}
.news .news-list li span{ display:block; font-size:18px; color:#4b4b4b; border-top:solid 1px #e6e6e6; padding:6% 0; margin-top:-8%;}
.news .news-list li p{ font-size:13px; color:#8f8f8f; line-height:19px;}
.news .news-list li em{ display:block; font-size:20px; color:#8f8f8f; margin:10% 0;}
.news .news-view{ float:left; width:100%;}
.news .news-view .news-time{ display:block; font-size:14px; color:#17a255;}
.news .news-view .news-time font{ display:block; font-size:26px; color:#17a255; margin:10px 0 8% 0}
.news .news-view .news-title{ display:block; font-size:28px; color:#4b4b4b; margin-bottom:15%;} 
.news .news-view .news-content{ display:block; font-size:14px; color:#8f8f8f; line-height:19px;} 
.news .news-view .news-content img{ height:100%;}
.news .news-view .news-content input{width: 100%!important;}
.news .news-view .news-content p{ margin-bottom:20px;}
/*.stores li{ float:left; width:50%;}
.stores { float:left; width:95%; margin:5% 2.5% 10% 2.5%; text-align:center;}
.stores ul{ float:left; width:100%; padding-bottom:10%; margin-bottom:10%;border-bottom:solid 1px #dfdfdf;}
.stores ul:last-child{ border-bottom:0; padding-bottom:0; margin-bottom:0;}
.stores li span{ display:block; font-size:26px; color:#4b4b4b;}
.stores li font{ display:block; font-size:16px; color:#4b4b4b;}
.stores li em{ display:block; margin:10px 0;}
.stores li p{ font-size:14px; color:#8f8f8f; padding-left:2.5%; padding-right:2.5%; line-height:19px; margin-top:10%;}*/
.header-fix { display:none;position:fixed; width:70%; height:95%; overflow:hidden;padding:15% 15% 0 15%; background:#008d2e; left:0; top:0; font-size:20px;-moz-user-select: -moz-none;-webkit-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-overflow-scrolling: touch!important;overflow-y: auto; z-index:99999;}
.header-fix .close{ position:absolute; top:5%; right:8%;}
.header-fix ul{ margin-bottom:30%; overflow:hidden;}
.header-fix li a{ color:#fff; float:left; width:100%;}
.header-fix li {float:left; width:100%;border-bottom:solid 1px #73b98a; text-indent:15px; line-height:50px;}
.header-fix li.click{ background:url(../images/down.jpg) no-repeat 95% 23px;}
.header-fix li.click .down{ background:#fff; float:left; width:90%; padding:2.5% 5%; margin-bottom:0;display:none;}
.header-fix li.click .down li{ font-size:16px; color:#6f6f6f; border-bottom:solid 1px #b3b3b3; line-height:42px;}
.header-fix li.click .down li:last-child{ border-bottom:0;}
.header-fix li.click .down li a{color:#6f6f6f;}
.products { float:left; width:90%; margin-left:5%; margin-right:5%}
.products .p1{ font-size:20px; color:#4b4b4b; margin-top:20%;}
.products .p2{ font-size:15px; color:#8f8f8f; line-height:20px;padding-right:20%; margin-top:8px;}
.products ul { overflow:hidden; margin-top:20%;}
.products ul li{ float:left; width:100%; margin-bottom:10%;}
.products ul li span{ float:left; font-size:18px; color:#6d6d6d; margin-top:5%;}
.products ul li font{ float:right; font-size:16px; color:#6d6d6d; margin-top:6%;}
.project { float:left; width:90%; margin:5% 5% 10% 5%;}
.project li { float:left; width:100%; margin-bottom:5%;}
.project li span{ font-size:16px; margin:5px 0; display:block}
.project-view .p1{ font-size:30px; color:#4b4b4b; padding-right:20%;}
.project-view {float:left; width:90%; margin:10% 5% 10% 5%;}
.project-view .p2{ height:1px; width:125px; background:#e4e4e4; margin:8% 0;}
.project-view .p3{ font-size:18px; color:#4b4b4b;}
.project-view .p4{ font-size:14px; color:#8f8f8f; margin:10% 0 15% 0; line-height:20px;}
.project-view ul li{ float:left; width:48%; padding-left:1%; padding-right:1%; margin-bottom:2%;}
.project-view ul li img{ display:block;}
.flexslider{height:100%;}
.flexslider .flex-viewport{height:100%;}
.flexslider .flex-viewport .slides{height:100%; position:relative;}
.flexslider .flex-viewport .slides li{ float:left; width:100%; height:100%; position:relative;}
.project-fix { position:fixed; text-align:center;left:0; top:100%;width:100%; background:#fff; height:100%; z-index:9999}
.project-fix>.btn{position: absolute;right: 0;z-index: 1;}
.project-fix .close{float:right;font-size:21px;line-height:40px;padding:0;color:#fff;width:40px;height:40px;background-color:#008d2e;position:absolute;z-index:1;right:0;top:0}
.project-fix .close:hover span{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.project-fix .close span{display:inline-block;width:26px;vertical-align:top;-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease}
.flex-control-nav{position: absolute;bottom:0;width:70%;left: 0; right:0; text-align:center; padding:15%;}
.flex-control-nav li { display:inline-block; cursor:pointer;}
.flex-control-nav li a{position: relative;display: inline-block;vertical-align: middle;margin: 0 5px;width: 20px;height: 4px;text-indent: 100px;overflow: hidden;background-color: #979797;}
.flex-control-nav li a.flex-active{ background:#008d2e}
.about{ text-align:center; text-transform:uppercase; padding:70% 5%;}
.about .p2{ color:#8f8f8f; font-size:30px; margin:20px 0 10px 0;}
.about .p3{ color:#8f8f8f; font-size:15px;}
.about1 { float:left; width:90%; padding-left:5%; padding-right:5%;}
.about1 .p2{ font-size:14px; color:#8f8f8f; text-align:center; padding:0 10%; line-height:20px; margin-bottom:20%;}
.about1 .p2 span{ display:block; font-size:20px; margin:20% 0 15px 0; line-height:24px;}
.about1 .p2 font{ display:block; font-size:20px; margin:15px 0 20% 0; line-height:28px;}
.about2 {float:left;width:80%;background:url(../images/about2.jpg) no-repeat center;color:#fff;padding:100% 10% 30% 10%;    background-size:cover;}
.about2 .p1{ font-size:25px;}
.about2 .p2{ font-size:14px; margin-top:20px; line-height:20px;}
.about3 { font-size:15px; color:#8f8f8f; line-height:21px;float:left; width:75%; padding:20% 12.5%;}
.about3 .p1 span{ display:block; font-size:25px; margin-bottom:20px;}
.about3 .p1 { display:block; font-size:14px; text-align:center;}
.about3 img{ display:block; margin:15% auto 0 auto; width:80%;}
.products-view { float:left; width:70%; padding:10% 15%; color:#4b4b4b;background:#f2f2f2;}
.products-view .p1{ font-size:23px;}
.products-view .p1 span{ display:block; font-size:38px;}
.products-view .p1 font{ display:block; height:1px; width:70%;background:#dbdbdb; margin:12% 0;}
.products-view .p2{ font-size:16px; line-height:23px;}
.products-view .p2cn{ font-size:14px; margin-bottom:0%;}
.products-app { float:left; width:90%; padding-left:5%; padding-right:5%;}
.products-content .products-thumb a{ float:left; width:100%; padding-left:1%; padding-right:1%; margin-bottom:2%;}
.products-thumb a{ float:left; width:48%; padding-left:1%; padding-right:1%; margin-bottom:2%;}
.products-thumb a span{ display:none;}
.products-thumb a img{ display:block;}
.products-app .p1{font-size:13px; width:176px;text-transform:uppercase;height:42px; text-align:center; line-height:43px; background:url(../images/back.png) no-repeat;color:#4b4b4b; margin:20% auto 10% auto;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.products-app .p1:hover{ background:#17a255; width:150px; font-size:13px;}
.products-app .p1:hover a{ color:#fff;}
.products-app .p1 a{color:#4b4b4b;}
.products-content { float:left; width:90%; padding-left:5%; padding-right:5%;}
.products-content .p1{ font-size:15px; color:#8f8f8f; margin:15% 0; line-height:21px;}
.products-item .products-thumb { padding:0% 0 % 0; float:left; width:100%; border-left:none; border-right:none;}
.products-item .products-thumb2 { padding:10% 0 5% 0; float:left; width:100%; border-left:none; border-right:none;}
.products-app .products-thumb { border:solid 1px #e1e1e1; padding:10% 0 5% 0; float:left; width:100%; border-left:none; border-right:none;}
.products-item .products-thumb a span{ overflow:hidden;text-overflow: ellipsis;white-space: nowrap;display:block; font-size:16px; color:#8f8f8f; margin:6% 0 10% 0;}
.products-item .size{ width:30%; margin-right:20px;}
.products-item dl{ float:left; width:100%;}
.products-item dl dt{ display:block; font-size:22px; color:#8f8f8f; margin-bottom:10%;}
.products-item dl dd{ float:left; font-size:18px; margin-right:10%; margin-bottom:10%;color:#8f8f8f;}
.products-item dl dd font{ display:block; font-size:13px; color:#4b4b4b; margin-top:15px;}
.products-item dl dd:last-child{ margin-bottom:0; margin-right:0;}
.products .p1cn{ font-size:40px; margin:5% 0;}
.stores{ float:left; width:90%; margin:15% 5% 10% 5%;}
.stores .p1{ text-align:center; font-size:30px; color:#4b4b4b;}
.stores .stores-ul li{ float:left; width:100%;border-top:solid 1px #e5e5e5; padding-top:10%; margin-top:10%;}
.stores .stores-ul li span{ display:block; font-size:20px; color:#4b4b4b;}
.stores .stores-ul li font{ display:block; font-size:14px; color:#4b4b4b; margin:15px 0;}
.stores .stores-ul li p{ font-size:13px; color:#8f8f8f;}
/*.stores-select { text-align:center;}
.stores-select .select{ width:280px; margin:20px auto 5% auto; height:40px; line-height:40px; text-indent:20px; color:#fff; font-size:15px; background:#17a255}
*/

.stores-select {position:relative; margin:20px auto 5% auto; color:#fff; width:280px;text-indent:20px;line-height:40px;}
.stores-select span{border-bottom:solid 1px #fff;display:block;width:280px;height:40px;color:#fff; font-size:15px; background:url(../images/storess.png) no-repeat 95% #17a255;}
.stores-select a{ color:#fff;}
.stores-select .stores-sl{ display:none;border-top:solid 1px #fff;height:200px;overflow-y: auto; position:absolute; top:40px; left:0; width:100%;background:#17a255}
.stores-select .stores-sl li { display:block; font-size:15px; border-bottom:solid 1px #fff;}


.about4{float:left;width:90%;padding-left:5%;padding-right:5%;}
.about4 .p1{ text-align:center; font-size:30px; margin-top:20%;}
.about4 .p2{ text-align:center; font-size:14px; margin-bottom:15%;}
.about4 li{ display:block; max-width:250px; padding:35px 25px;margin:0 auto 5% auto; width:100%; border:solid 1px #e6e6e6; height:180px;}
.about4 li span{ display:block; font-size:20px;}
.about4 li span font{ margin-right:10px;font-size:30px;}
.about4 li p{ font-size:13px; line-height:20px; margin:30px 0;}




@media (max-width:480px){
.slider .item .p1{ font-size:40px;}
.slider .item .p2{ font-size:16px;}
.slider .item .p4 img{ width:100px;}
/*.index-content ul li.li1 .item span{ width:175px; font-size:16px; line-height:26px;}*/
}
@media (max-width:414px){
.slider .thumb{ max-width:110%; width:110%; margin-left:-5%;}
.contact .p3{ font-size:22px;}
.contact .p4{ font-size:22px;}
.contact .p4 font{ font-size:18px;}
.contact-ul li p{ font-size:12px;}
/*.stores li span{ font-size:24px;}
.stores li font{ font-size:14px;}*/
.header-fix{ font-size:16px;}
.products .p1{ font-size:18px;}
.project-view .p1{ font-size:22px;}
.about .p2{ font-size:24px;}
.about .p3{ font-size:14px;}
.about2 .p1{ font-size:22px;}
.products-item dl dt{ font-size:18px;}
.products-item dl dd{ font-size:14px;}
.products-item .products-thumb a span{ font-size:14px;}
.products ul li font{ font-size:14px;}
.about1 .p2 span{ font-size:18px;}
.stores .stores-ul li{ font-size:18px;}
.products-item .size{ width:auto}
.products-item dl{ text-align:center;width:90%; margin-left:5%; margin-right:5%;}
.products-item {}
.products-item .size{ width:auto; margin:0 auto; display:block; float:none !important;}
.products-item dl dd{ width:100%;}
}
@media (max-width:375px){
.slider .item .p1{ font-size:32px;}
.slider .item .p2{ font-size:14px;}
.slider .item .p3{ width:230px;}
.contact .p3{ font-size:20px;}
.contact .p4{ font-size:20px;}
.contact .p4 font{ font-size:16px;}
.contact-ul li{ font-size:24px;}
.contact-ul li span{ font-size:20px;}
.news .news-view .news-time font{ font-size:24px}
.news .news-view .news-title{ font-size:24px;}
.products .p1{ font-size:16px;}
.products .p2{ font-size:14px;}
.products-view{ width:80%; padding-left:10%; padding-right:10%;}
.products-view .p1{ font-size:32px;}
.products-view {width: 80%;padding-left: 10%;padding-right: 10%;}
.stores .stores-ul li span{ font-size:16px;}
.stores .p1{ font-size:26px;}
.stores-select .select{ width:260px;}
}
@media (max-width:320px){
.slider .item .p1{ font-size:24px;}
.slider .item .p2{ font-size:12px;}
.slider .item .p3{ width:200px;}
.slider .item .p4{ margin-bottom:30px;}
.slider .item .p5 img{ width:15px;}
.index-content .p1{ font-size:24px;}
.index-content .p2{ font-size:13px;}
.footer .p1{ font-size:13px;}
.footer .p1 font{ font-size:18px;}
/*.index-content ul li .item{ width:185px;}
.index-content ul li.li1 .item span{ width:150px; font-size:14px; line-height:24px;}
.index-content ul li.li2 .item span{ font-size:15px;}
.index-content ul li.li2 .item font{ font-size:18px;}
.index-content ul li.li2 .item p{ font-size:13px;}
.index-content ul li.li3 .item span{ font-size:18px;}
.index-content ul li.li3 .item p{ font-size:12px; line-height:18px;}*/
.contact .p2{ font-size:18px;}
.contact .p3{ font-size:16px;}
.contact .p4{ font-size:15px;}
.contact .p4 font{ font-size:12px;}
.contact-ul li{ font-size:20px;}
.contact-ul li span{ font-size:18px;}
.contact-ul li font{ font-size:16px;}
.news .news-m li{ font-size:13px;}
.news .news-list li span{ font-size:16px;}
.news .news-list li em{ font-size:16px;}
.news .news-view .news-time font{ font-size:20px}
.news .news-view .news-title{ font-size:20px;}
.news .news-view .news-content{ font-size:13px;}
.news .news-view .news-time{ font-size:13px;}
/*.stores li span{ font-size:20px;}
.stores li p{ font-size:12px;}*/
.header-fix{ font-size:14px;}
.header-fix li.click .down li{ font-size:13px;}
.products .p2{ font-size:13px;}
.about .p2{ font-size:19px;}
.about .p3{ font-size:12px;}
.about1 .p2 span{ font-size:16px; line-height:20px;}
.about1 .p2 { font-size:12px; line-height:18px;}
.about1 .p2 font{ font-size:16px; line-height:22px;}
.about2 .p1{ font-size:20px;}
.about2 .p2{ font-size:13px; line-height:18px;}
.about3{ font-size:13px; line-height:19px;}
.products-view .p1{ font-size:30px;}
.products-view .p2{ font-size:14px; line-height:21px;}
.products-item dl dt{ font-size:16px;}
.products-item .products-thumb a span{ font-size:12px;}
.products-content .p1{ font-size:14px;}
.footer .p1 em{ font-size:16px; line-height:22px;}
.footer .p1 span{ font-size:13px;}
/*.index-content ul li.li1 .item span i{ font-size:15px; margin-bottom:0}
.index-content ul li.li1 .item span{ font-size:12px; line-height:24px;}
.index-content ul li.li1 .item font{ margin-top:0;}
*/.about3 .p1{ font-size:13px;}
.about3 .p1 span{ font-size:22px;}
.stores .stores-ul li span{ font-size:14px;}
.stores .p1{ font-size:24px;}
.stores-select .select{ width:240px;}
.stores .stores-ul li font{ font-size:13px;}
.stores .stores-ul li p{ font-size:12px;}
.products-item dl{ text-align:center;}
.products-item dl dd{ width:100%;}
}
	
.toolbar_wrap{width: 100%;bottom: 0;position: fixed; max-width: 640px;}
.toolbar{display: table;width: 100%;height: 40px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#333));border-top: 1px solid rgba(0,0,0,0.1);}
.toolbar .main_menu{width: 100%;bottom: 0;display: table;}
.toolbar .main_menu_inner{display: table-row;height: 40px;text-align: center;}
.toolbar .main_btn{position:relative;display: table-cell;width: 25%;text-align: center;vertical-align: middle;-webkit-tap-highlight-color: transparent;}
.toolbar .main_btn .btn_select_bg{height: 40px;padding: 1px 5px;position: relative;}
.toolbar .main_btn .current{background:-webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#f0f0f0));}
.toolbar .main_btn .current b{border-top: solid #53a1c7;width: 100%;height: 0px;display: block;position: absolute;top: 0;left: 0px;}
.toolbar .main_btn .tap_icon {display: block;height:30px;margin-left:auto;margin-right:auto;margin-top: 1px;}
.toolbar .main_btn .line_left{border-left: 1px solid rgba(0,0,0,0.1);}
.toolbar .main_btn .line_right{border-right: 1px solid rgba(255,255,255,0.1);}
.toolbar .main_btn .tap_text {color: #cccccc;font-size: 14px;line-height: 40px;}

.toolbar .active{background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#333));}
.toolbar .active .tap_text{color: #cccccc;}