﻿@charset "utf-8";
/* by Adon , CSS Document */

@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:12px; font-family:Family, Tahoma, Geneva, sans-serif;color:#8f8f8f;}
a{ text-decoration:none; color:#8f8f8f;}
ul,li{list-style:none}
img{ border:0;}
h1,h2,h3{ font-size:12px;}
em{font-style:normal}
p{display:block;}
.left{ float:left;}
.cn{ font-family:"微软雅黑";}
.right{ float:right;}
.clearfix{clear:both}
.container{ width:1200px; margin:0 auto;}
.header{ float:left; width:100%; border-bottom:solid 1px #e1e1e1;}
.header .header-nav{ margin-left:150px;}
.header .header-nav li{ float:left;margin-right:25px; padding-left:10px;line-height:80px;font-size:14px; color:#6d6d6d;}
.header .header-nav li a{ color:#6d6d6d;}
.header .header-nav li:hover{ background:url(../images/header-nav.jpg) no-repeat left;}
.header .header-nav li:hover a{ color:#672D04;}
.slider {text-align:center;float:left; width:100%;height:911px;color:#fff; position:relative; overflow:hidden;}
.slider a{ float:left; width:100%; height:100%; color:#fff; position:relative;}
.slider .p1{ font-size:50px; margin-top:250px; margin-bottom:25px; letter-spacing:5px;}
.slider .p2{ font-size:18px;}
.slider .p3{ width:320px; height:1px; background:url(../images/slider-p.png) repeat; margin:18px auto;}
.slider .p4{ margin-bottom:50px;}
.index-content { float:left; width:100%; background:#f2f2f2; padding:180px 0 100px 0;}
.index-content .p1{ text-align:center; color:#4b4b4b; font-size:25px;}
.index-content .p1 span{ font-size:35px;}
.index-content .p1 font{ display:block; text-transform:uppercase}
.index-content .p2{ text-align:center; color:#4b4b4b; font-size:20px; width:630px; margin:15px auto 20px auto;}
.index-content .p3{ text-align:center; color:#949494; font-size:12px; width:490px; margin:0 auto; line-height:18px;}
.index-content ul li{position:relative;float:left; margin-right:3px;height:490px; padding-top:57px;width:398px; font-size:20px; color:#6d6d6d;}
.index-content ul li a{ float:left; width:100%; height:100%;}
.index-content ul { height:547px; float:left; width:100%;margin-top:175px;}
.index-content ul li.li1{ background:url(../images/index-content1.jpg) no-repeat center; text-align:center;}
.index-content ul li.li2{ text-align:center;background:url(../images/index-content2.jpg) no-repeat center;}
.index-content ul li.li3{ text-align:center;margin-right:0;background:url(../images/index-content3.jpg) no-repeat center;}
.index-content ul li span{ display:block;}
.index-content ul li font{ display:block;}
.index-content ul li.li1 span{ line-height:30px; font-size:13px;/*padding-left:45px;text-align:left*/}
.index-content ul li.li1 span em{ display:block; font-size:20px;}
.index-content ul li.li1 font{ position:absolute; bottom:55px; font-size:13px;left:0; right:0;}
.index-content ul li.li1 font em{ display:block; font-size:20px; margin-bottom:8px;}
.index-content ul li.li2 span{ color:#672D04; font-size:18px; padding-top:8px;text-transform:uppercase;}
.index-content ul li.li2 font{ position:absolute; bottom:55px; font-size:13px;left:0; right:0;}
.index-content ul li.li2 font em{ display:block; font-size:20px; margin-bottom:8px;}
.index-content ul li.li3 span{ position:absolute; bottom:55px; left:0; right:0; font-size:13px;}
.index-content ul li.li3 span em{ display:block; font-size:20px; margin-bottom:8px;}
.footer{background: #000; float:left; width:100%; border-top:solid 1px #e1e1e1; padding-top:85px; margin-top:85px; }
.footer .p1{ font-size:14px; text-align:center; color:#fff; line-height:18px;}
.footer .p1 span{ display:block; font-size:14px;}
.footer .p1 span font{ display:block; font-size:20px; margin:20px 0 5px 0;}
.footer .p2{ text-align:center; font-size:25px; color:#666; margin:25px 0 75px 0;text-decoration:underline}
.footer .footer-dl{ float:left; width:100%; border:solid 1px #e1e1e1; margin-bottom:25px;border-left:none; border-right:none; padding:44px 0;}
.footer .footer-dl dl { float:left; margin-left:15px; margin-right:180px;}
.footer .footer-dl dl.clear{ margin-right:0;}
.footer .footer-dl dl dt{ display:block; font-size:17px; color:#6d6d6d; margin-bottom:25px;}
.footer .footer-dl dl dt a{color:#6d6d6d;}
.footer .footer-dl dl dd{ display:block; line-height:21px;font-size:13px;}
.footer .footer-dl dl dd:hover a{ color:#672D04; text-decoration:underline}
.footer .footer-a { margin-right:138px;}
.footer .footer-a a{ float:left; font-size:13px; color:#eee; margin-right:20px;}
.footer .footer-s span{ float:left; font-size:13px; color:#6d6d6d; margin-right:5px;}
.footer .footer-by{ text-align:right; color:#eee; font-size:13px; line-height:20px;}
.footer .footer-by a{ color:#008d2e; text-decoration:underline;}
.index-news { float:left; margin:60px 0 0 0; width:100%;}
.index-news li{ float:left; width:358px; border:solid 1px #fff; padding:30px 20px 40px 20px;}
.index-news li .item{ float:left; width:100%; height:133px;}
.index-news li .item img{ /*display:none;*/}
.index-news li .item font{ font-size:24px; color:#4b4b4b; margin-top:25px;}
.index-news li .item font small{ display:block; font-size:20px;}
.index-news li span{ height:50px; overflow:hidden;display:block; font-size:18px; color:#4b4b4b; border-top:solid 1px #e6e6e6; margin-top:28px; padding-top:28px;}
.index-news li p{ font-size:12px; color:#8f8f8f; line-height:19px; margin:30px 0 40px 0; height:76px; overflow:hidden;}
.index-news li:hover{border:solid 1px #672D04;}
.index-news li:hover font,.index-news li:hover span{ color:#672D04;}
.index-news li:hover img{ display:block;}
.index-news li:hover p{ text-decoration:underline}
.index-news .p1{ text-align:center; font-size:17px;color:#4b4b4b;text-transform:uppercase;letter-spacing:3px; margin:130px 0 30px 0;}
.index-news .p2{font-size:15px; width:176px;text-transform:uppercase;height:42px; text-align:center; line-height:42px; background:url(../images/index-news.png) no-repeat;color:#4b4b4b; margin:0 auto;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.index-news .p2:hover{ background:#672D04; width:150px; font-size:13px;}
.index-news .p2:hover a{ color:#fff;}
.index-news .p2 a{color:#4b4b4b;}
.fix{ position:fixed; bottom:0; right:0; z-index:150}
.fix li{ display:block}
.fix li a{ float:left}
.fix-contact,.fix-wechat,.fix-products,.fix-about{ display:none;position:fixed; top:0; left:0; height:100%; width:100%; z-index:9999}
.fix-contact .fix-bg,.fix-wechat .fix-bg{ background:url(../images/fix-bg.png) repeat; width:100%; height:100%; position:absolute; top:0; left:0;}
.fix-contact .fix-contactc{ background:#fff; position:relative; height:500px; padding-top:115px;width:100%;}
.fix-contact .fix-contactc ul li{ float:left; width:33.33%; text-align:center;}
.fix-contact .fix-contactc ul li span{ display:block; font-size:18px; color:#4f4e4e; margin-top:35px; line-height:28px;}
.fix-wechat .fix-wechatc{ font-size:18px; color:#4f4e4e;background:url(../images/wechat.png) no-repeat center;position:relative; height:710px;width:100%;}
.fix-wechat .fix-wechatc .container{ height:100%; position:relative}
.fix-wechat .fix-wechatc .p1{ position:absolute;bottom:485px;right:365px;width:360px;}
.fix-wechat .fix-wechatc .p2{ position:absolute;bottom:200px;right:523px;}
.fix-products { background:#fff;font-size:20px; color:#4b4b4b; left:100%; overflow-y:auto}
.fix-products .close{ display:block; text-align:right; margin:40px 0;}
.fix-products .p1{ margin-bottom:75px;}
.fix-products ul li{ float:left;margin-right:16px;}
.fix-products ul li span{display:block;color:#4b4b4b; margin:18px 0 40px 0; font-size:15px;}
.fix-products ul li.clear{ margin-right:0;}
.fix-products ul li:hover span{color:#672D04;}

.fix-about { background:#fff;font-size:20px; color:#4b4b4b; left:100%;}
.fix-about .close{ display:block; text-align:right; margin:40px 0;}
.fix-about .p1{ margin-bottom:75px;}
.fix-about ul li{ float:left;margin-right:21px; text-align:center;}
.fix-about ul li span{display:block;color:#4b4b4b; margin:22px 0 40px 0; font-size:20px;}
.fix-about ul li.clear{ margin-right:0;}
.fix-about ul li img{ border:solid 1px #d2d2d2;}
.fix-about ul li:hover span{color:#672D04;}


.header-fix{ display:none;position:fixed; top:0; left:0; background:#000; width:100%; z-index:999}
.header-fix .header-nav{ margin-left:200px;}
.header-fix .header-nav li{ float:left;margin-right:25px; padding-left:10px;line-height:46px;font-size:14px; color:#fff;}
.header-fix .header-nav li a{ color:#fff;}
.header-fix .header-nav li:hover{ background:url(../images/header-navs.jpg) no-repeat left;}
.header-wor { float:right;padding:0 18px;position:relative; height:113px; line-height:113px;}
.header-wor span{ display:block;padding-left:28px;font-size:14px;color:#6d6d6d;background:url(../images/header-wor.jpg) no-repeat left;}
.header .header-wor span.on{background:url(../images/header-worr.jpg) no-repeat left;}
.header .header-wor span a{color:#6d6d6d;}
.header-wor ul { display:none;position:absolute; width:170px; background:#17a255; color:#fff; top:114px; right:0; z-index:99}
.header-wor ul li{ float:left; width:100%;display:block;line-height:normal; font-size:14px; line-height:25px;}
.header-wor ul li a{ color:#fff;width:90%; float:left;padding:17px 0;border-bottom:solid 1px #45b577; margin:0 5%; }
.header-wor ul li img{ float:left; margin:0 25px 0 10px;}
.header-wor ul li:hover{ background:#672D04;}
.header-wor ul li.clear a{ border-bottom:none;}
.header-fix .header-wor span a{color:#fff;}
.header-fix .header-wor span{background:url(../images/header-wor.png) no-repeat left;}
.header-fix .header-wor { height:46px; line-height:46px;}
.header-fix .header-wor ul{ top:46px;}
.header-search{ position:relative; float:left; line-height:113px;}
.header-search .ico{ margin-top:35px;height:44px; width:44px; float:left;background:url(../images/header-search.jpg) no-repeat;}
.header-search .ico.on{ background:url(../images/header-searchh.jpg) no-repeat;}
.header-search .header-searchh{ display:none;position:absolute; top:114px;right:-130px;background:#17a255; z-index:99;padding:28px;}
.header-search .header-searchh form{ position:relative;}
.header-search .header-searchh .submit{ position:absolute; right:0; top:0; height:44px; width:44px; background:url(../images/header-search.jpg) no-repeat; border:0; cursor:pointer;}
.header-search .header-searchh .text{ font-size:13px; padding:0 15px;color:#8f8f8f; background:#fff; border:0; width:236px; height:44px;}
.header-fix .header-search .ico{ margin-top:1px;background:url(../images/header-searchh.png) no-repeat center;}
.header-fix .header-search .header-searchh{ top:46px;}
.postion{ font-size:13px; color:#949494;float:left; width:100%; margin:55px 0; position:relative; z-index:1}
.postion a{ color:#949494;}
.postion a:hover{ color:#672D04;}
.about1{ float:left; width:100%; text-align:center; margin:150px 0 300px 0;}
.about1 .p2{ color:#8f8f8f; font-size:30px; text-transform:uppercase; margin:30px 0 15px 0;}
.about1 .p3{ color:#8f8f8f; font-size:15px; text-transform:uppercase;}
.about1 .p4{margin:330px 0 250px 0;overflow:hidden;background:url(../images/about1.jpg) no-repeat center; height:658px;background-attachment:fixed;}
.about1 .p5{ font-size:13px; color:#8f8f8f; line-height:23px;}
.about1 .p5 font{ font-size:20px; display:block;}
.about1 .p5 i{ height:1px; width:150px; background:#dfdfdf; margin:30px auto;display:block;}
.about1 .p5 em{ font-size:17px; display:block; margin:20px auto; width:720px;}
.about2{ float:left; width:100%; height:1024px; position:relative;background:url(../images/about2.jpg) no-repeat center;background-attachment:fixed; color:#fff;}
.about2 .container{ position:relative; height:100%;}
.about2 .item{ margin-left:75px; width:595px; position:absolute; left:0; top:200px;}
.about2 .item .p1{ font-size:14px;}
.about2 .item .p1 span{ font-size:25px; display:block; margin-bottom:10px;}
.about2 .item .p2{ margin-top:30px; line-height:20px;font-size:13px;}
.about3{ float:left; width:100%; text-align:center; margin:250px 0 250px 0; text-align:left;}
.about3 .p1{ font-size:13px; color:#8f8f8f; width:400px; line-height:22px;}
.about3 .p1 span{ display:block; font-size:25px;}
.about3 .p1 font{ display:block; font-size:14px; margin:15px 0 30px 0}
.about3 .p2{ width:490px; height:640px;background:url(../images/about3.jpg) no-repeat right;}
.contact .p1{ font-size:30px; color:#4b4b4b; margin-bottom:28px;}
.contact .contact-left{ width:340px;}
.contact .contact-right{ width:560px;}
.contact .p2{ font-size:13px; color:#8f8f8f; line-height:18px;margin-bottom:30px;}
.contact .p3{ font-size:20px; color:#4b4b4b; }
.contact .p3 font{ text-decoration:underline}
.contact .p4{ font-size:15px; color:#8f8f8f; margin:25px 0; line-height:21px;}
.contact .p4cn{ font-size:25px; color:#4b4b4b;}
.contact .p5{ font-size:30px; color:#17a255; margin:0 0 10px 0;}
.contact .p6{ font-size:15px; padding-left:5px;color:#8f8f8f;}
.contact{ float:left; width:100%; margin:50px 0;}
.contact ul { border-top:solid 1px #dfdfdf; margin:90px 0; padding:90px 0; overflow:hidden;}
.contact ul li{ float:left; margin-right:40px;font-size:25px; color:#8f8f8f;}
.contact ul li.clear{ margin-right:0;}
.contact ul li span{ display:block; font-size:20px; color:#4b4b4b;}
.contact ul li span em{ display:block; width:60px; height:1px; background:#e0e0e0; margin:18px 0 25px 0;}
.contact ul li font{ display:block; font-size:20px; color:#4b4b4b;}
.contact ul li p{ display:block; font-size:13px; color:#8f8f8f; margin-top:65px; line-height:18px;}
.news-menu a{color:#4b4b4b;}
.news-menu a:hover,.news-menu a.on{ color:#672D04;}
.news-menu { float:left; width:100%; line-height:64px;border:solid 1px #d9d9d9; border-left:none; border-right:none; font-size:15px; color:#4b4b4b; margin-bottom:75px;}
.news-list { float:left; width:100%; margin-bottom:150px;}
.news-list ul{ float:left; width:100%;border-bottom:solid 1px #e6e6e6; padding-bottom:70px; margin-bottom:70px;}
.news-list li{ float:left; width:360px; margin-right:40px;}
.news-list li span{ font-size:18px; color:#4b4b4b;display:block; border-top:solid 1px #e6e6e6; margin:40px 0;height:50px;padding-top:35px; overflow:hidden;}
.news-list li p{ font-size:12px; color:#8f8f8f; line-height:20px; margin-bottom:35px; height:60px; overflow:hidden;}
.news-list li em{ font-size:20px; color:#8f8f8f; display: block;}
.news-list li:hover span{ color:#672D04;}
.news-list li:hover p{ text-decoration:underline}
.news-list li.clear{ margin-right:0;}
.news-list ul.clear{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
#dituContent{ margin-bottom:150px;}
.news-view{ float:left; width:100%; margin-bottom:200px;}
.news-view .news-left{ width:360px;}
.news-view .news-left .p2{ font-size:15px; color:#17a255; margin-top:39px;}
.news-view .news-left .p2 font{ display:block; font-size:30px; margin-top:15px;}
.news-view .news-right{ width:713px;}
.news-view .news-right h1{ display:block; font-size:30px; color:#4b4b4b; margin-bottom:50px;font-weight:normal;}
.news-view .news-right .news-content{ margin-bottom:75px;font-size:14px; line-height:20px;color:#8f8f8f;}
.news-view .news-right .news-content p{ margin-bottom:15px;}
.news-view .news-right .prev{ margin-right:10px;}
.products { float:left; width:100%; margin:100px 0 200px 0;}
.products1 { float:left; width:100%; margin:100px 0 200px 0;}
.products .p1{ font-size:20px; color:#4b4b4b; }
.products .p1 font{ display:block; font-size:50px; margin:20px 0;}
.products .p2{ font-size:15px; color:#8f8f8f; width:500px; margin:0 0 180px 0;}
.products li{ float:left; width:210px; margin-right:30px; margin-bottom:70px;}
.products li.clear{ margin-right:0}
.products li span{ display:block; font-size:23px; color:#6d6d6d; margin-top:23px;}
.products li font{ margin-top:27px; margin-right:5px;font-size:13px; color:#949494;}
.products li:hover span{ color:#672D04;}
.down{ float:left; width:100%; background:url(../images/download.jpg) no-repeat center; height:912px; position:relative; top:-125px;}
.down .item{ margin-top:330px}
.down .item .p1{ font-size:15px; color:#4f4f4f;}
.down .item .p1 font{ display:block; margin-bottom:5px;font-size:30px;}
.down .item .p2{ font-size:14px; color:#8d8d8d; line-height:20px; margin:25px 0 30px 0;}
.down .item form{ background:#17a255; position:relative; width:260px; height:42px; line-height:42px;}
.down .item form .text{background:#17a255; border:0; width:200px; margin:0 10px;font-size:14px; color:#fff;height:42px; line-height:42px;}
.down .item form .submit{ width:14px; height:22px; border:0; background:url(../images/down.png) no-repeat; position:absolute; right:12px; top:10px;}
/*.stores{ float:left; width:100%; margin:100px 0 200px 0;}
.stores .p1{ font-size:45px; color:#4b4b4b; margin-bottom:140px;}
.stores ul { border-bottom:solid 1px #e5e5e5; padding-bottom:50px; margin-bottom:50px; float:left; width:100%;}
.stores ul.clear{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.stores ul li{ float:left; width:33.33%}
.stores ul li span{ display:block; font-size:30px; color:#4b4b4b;}
.stores ul li font{ display:block; font-size:20px; color:#4b4b4b; background:url(../images/stores.png) no-repeat 140px;margin:35px 0 30px 0;}
.stores ul li p{ width:290px; color:#8f8f8f; font-size:15px;}*/
.project-view { float:left; width:100%; margin:100px 0 180px 0;}
.project-view .p1{ width:405px; font-size:30px; color:#4b4b4b;}
.project-view .p2{ width:125px; height:1px; background:#e4e4e4; margin:40px 0;}
.project-view .p3{ font-size:18px; color:#4b4b4b; margin-bottom:25px;}
.project-view .p4{ font-size:15px; color:#8f8f8f; width:855px; line-height:21px;}
.project-view ul{ float:left; width:100%; border-top:solid 1px #dfdfdf; padding-top:40px; margin:80px 0 200px 0;}
.project-view ul li{ height:290px; overflow:hidden;float:left; margin-right:15px; margin-bottom:17px;}
.project-view ul li img{ display:block;}
.project-view ul li.clear{ margin-right:0}
.project-view .p5{ clear:both;font-size:15px; width:176px;text-transform:uppercase;height:42px; text-align:center; line-height:42px; background:url(../images/index-news.png) no-repeat;color:#4b4b4b; margin:0 auto;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.project-view .p5:hover{ background:#672D04; width:150px; font-size:13px;}
.project-view .p5:hover a{ color:#fff;}
.project-view .p5 a{color:#4b4b4b;}
.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;}
.flexslider .flex-viewport .slides li img{ height:640px;}
.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:#17a255;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: 100%;left: 0; right:0; text-align:center; padding:30px;}
.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:#17a255}
.flex-direction-nav li a{ padding:0 25px;position: absolute; width:25px; height:25px; text-indent:9999px; margin-top:-25px;top:50%;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.flex-direction-nav li .flex-prev{ left:0; background:url(../images/prev.png) no-repeat center;}
.flex-direction-nav li .flex-next{ right:0;background:url(../images/next.png) no-repeat center;}
.flex-direction-nav li a:hover{ padding:0 20px;}
.project { float:left; width:100%; margin:80px 0 150px 0;}
.project .project1 li{width:390px; }
.project li { position:relative; overflow:hidden;margin-bottom:15px;float:left; margin-right:15px;}
.project li .item{ position:absolute; top:0; left:0; width:80%; height:80%; display:none;font-size:18px; color:#fff; background:#17a255; padding:10%; line-height:25px;}
.project li.clear{ margin-right:0}
.project li img{ display:block;}
.project li:hover .item{ display:block;} 
.down-view{float:left;width:100%; background:url(../images/down-view.jpg) no-repeat center; height:920px; position:relative; top:-125px;}
.down-view ul{ overflow:hidden; border-top:solid 1px #dbdbdb; margin-top:180px;}
.down-view ul li{ float:left; line-height:80px;padding:0 15px;width:569px;border-bottom:solid 1px #dbdbdb; border-right:solid 1px #dbdbdb;}
.down-view ul li.clear{ border-right:none;}
.down-view ul li span{ float:left; width:50%; text-indent:35px;font-size:16px; color:#8d8d8d;background:url(../images/downs.png) no-repeat left;}
.down-view ul li font{ float:left;font-size:15px; color:#8d8d8d;}
.down-view ul li em{ float:right;text-align:right; font-size:15px;color:#17a255;}
.products-view { float:left; padding:200px 0 300px 0;width:100%; margin-top:-125px; background:#f2f2f2;}
.products-view .item{ width:800px;}
.products-view .item .p1{ font-size:25px; color:#4b4b4b;}
.products-view .item .p1 span{ display:block; font-size:40px;}
.products-view .item .p1 font{ display:block; height:1px; width:195px;background:#dbdbdb; margin:45px 0 45px 0;}
.products-view .item .p2cn { font-size:18px; color:#4b4b4b; margin-bottom:35px;}
.products-view .item .p2{ color:#4b4b4b;font-size:13px; line-height:19px;}
.products-view dl{ margin-right:45px;}
.products-view dl dt{ display:block; font-size:22px; color:#4b4b4b; margin-bottom:40px;}
.products-view dl dt font{ color:#17a255; margin-right:5px; font-size:30px;}
.products-view dl dd{ display:block; font-size:15px; color:#8f8f8f; padding-left:29px;margin-left:13px; margin-bottom:10px;}
.products-view dl dd.d1{ background:url(../images/d1.jpg) no-repeat left;}
.products-view dl dd.d2{ background:url(../images/d2.jpg) no-repeat left;}
.products-view dl dd.d3{ background:url(../images/d3.jpg) no-repeat left;}
.products-view dl dd.d4{ background:url(../images/d4.jpg) no-repeat left;font-size:18px;color:#17a255;margin-top:30px;}
.products-view dl dd.d4 a{color:#17a255;}
.products-content { float:left; width:100%;}
.products-content .p1{ color:#8f8f8f; font-size:15px; width:1065px; margin:130px 0 150px 0; line-height:21px;}
.products-item .products-size dl{ float:left; margin-left:45px;}
.products-item .products-size dl dt{ display:block; font-size:22px; color:#8f8f8f; margin-bottom:40px;}
.products-item .products-size dl dd{ float:left; font-size:16px; margin-right:55px;color:#8f8f8f;}
.products-item .products-size dl dd font{ display:block; font-size:13px; color:#4b4b4b; margin-top:25px;}
.products-item .products-v li{ padding:5px;float:left; border:solid 2px #fff; margin-left:5px;}
.products-item .products-v li span{ display:block; font-size:15px; color:#595758; margin-top:8px;}
.products-item .products-v li font{ display:block; font-size:12px; color:#8f8f8f;}
.products-item .products-v li.on{ border:solid 2px #17a255;}
.products-item .products-thumb { clear:both;padding:100px 50px 60px 50px; margin:100px auto;width:1200px; border:solid 1px #e7e7e7; border-left:none; border-right:none; overflow:hidden;}
.products-item .products-thumb a{ float:left; margin-right:40px; margin-bottom:40px;position:relative}
.products-item .products-thumb a .box{ position:absolute; top:0; text-align:center; left:0; background:url(../images/products.png) repeat; width:100%; height:100%; font-size:17px; color:#fff;display: block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;opacity: 0;}
.products-item .products-thumb a .box span{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:relative; display:block; top:50%; margin-top:-10px;}
.products-item .products-thumb a.clear{ margin-right:0px;}
.products-item .products-thumb a:hover .box{ display:block; opacity:1;}
.products-item .products-thumb a:hover .box span{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
	100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
	
@keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

.products-app { float:left; width:100%;}
.products-app .p1{ font-size:25px; color:#4b4b4b;}
.products-app nav{ float:left; width:100%; margin:100px 0 130px 0;}
.products-app nav a{ float:left; padding-left:70px; width:170px;padding-top:22px;font-size:15px; color:#8f8f8f; height:57px;}
.products-app nav a span{ display:block; margin-left:20px;}
.products-app nav a span font{ text-transform:capitalize;font-size:12px; display:block;}
.products-app nav a.a1{ background:url(../images/a1.jpg) no-repeat left;}
.products-app nav a.a2{ background:url(../images/a2.jpg) no-repeat left;}
.products-app nav a.a3{ background:url(../images/a3.jpg) no-repeat left;}
.products-app nav a.a4{ background:url(../images/a4.jpg) no-repeat left;}
.products-app nav a.a5{ background:url(../images/a5.jpg) no-repeat left;}
.products-app nav a.a6{ background:url(../images/a6.jpg) no-repeat left;}
.products-app nav a.a7{ background:url(../images/a7.jpg) no-repeat left;}
.products-app nav a.a8{ background:url(../images/a8.jpg) no-repeat left;}
.products-app nav a.a9{ background:url(../images/a9.jpg) no-repeat left;}
.products-app nav a.a10{ background:url(../images/a10.jpg) no-repeat left;}
.products-app ul li { height:277px; overflow:hidden;float:left; margin-right:7px; position:relative; overflow:hidden;margin-bottom:7px;}
.products-app ul li.clear{ margin-right:0}
.products-app ul li img{ width:395px;  display:block;}
.products-app ul li .item{ background:#17a255; color:#fff; width:100%; height:70%; padding:15% 0%;position:absolute; top:0; left:0; font-size:14px; display:none; text-align:center;}
.products-app ul li .item font{ display:block; font-size:22px; margin-top:52px;}
.products-app ul li:hover .item{ display:block;}
.products-app .p2{ clear:both;font-size:15px; width:176px;text-transform:uppercase;height:42px; text-align:center; line-height:42px; background:url(../images/index-news.png) no-repeat;color:#4b4b4b; margin:200px auto 300px auto;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
.products-app .p2:hover{ background:#672D04; width:150px; font-size:13px;}
.products-app .p2:hover a{ color:#fff;}
.products-app .p2 a{color:#4b4b4b;}


.stores .container{ position:relative;}
.stores .p1{ font-size:30px; color:#4b4b4b; margin-top:30px;}
.stores .p2{ font-size:14px; color:#8f8f8f; margin:20px 0; line-height:20px;}
.stores .p3{ font-size:13px; color:#8f8f8f; line-height:20px;}
.stroes-ul{ float:left; width:100%; overflow:hidden; border-top:solid 1px #e5e5e5; margin:60px 0 120px 0;padding-top:60px;}
.stroes-ul ul{ float:left; width:466px;}
.stroes-ul ul li{ display:block; border-bottom:solid 1px #e5e5e5; padding-bottom:20px; margin-bottom:20px;}
.stroes-ul ul li span{ display:block; font-size:25px; color:#4b4b4b; padding-right:22px;float:left;background:url(../images/stores.png) no-repeat right;}
.stroes-ul ul li font{ display:block; font-size:18px; color:#4b4b4b; margin:15px 0;}
.stroes-ul ul li p{ display:block; font-size:14px; color:#8f8f8f}
.stroes-ul .map{ width:660px; height:600px; float:right; background:#000}
.dealer-select { position:absolute; right:0; top:0;}
.select2{ background:#17a255;}
.select2-selection{ display:block;}
.select2-container {cursor:pointer;width:290px !important;box-sizing: border-box;display: inline-block;position: relative;vertical-align: middle;}
.select2-selection__rendered{ background:url(../images/storess.png) no-repeat 260px;width:290px; line-height:42px;font-family:"微软雅黑";height:42px; border:0;font-size:15px; color:#fff;display:inline-block; text-indent:20px;}
.select2-search--dropdown{ display:none;}
.select2-results__options{text-indent:20px;font-family:"微软雅黑"; line-height:42px;width:290px; background:#17a255;height:170px;overflow:auto;}
.select2-results__options li{ display:block;font-size:15px;color:#fff; border-bottom:solid 1px #e5e5e5;}
.dealer .dealer-select{ text-align:center;}
.dealer select{font-family:"微软雅黑";text-align:center;width:290px;height:42px; border:0;font-size:15px; color:#fff;text-indent: 40px; display:inline-block; margin:0 14px;}
.dealer select option{ background:#17a255; color:#ffffff;}



.fix-contact .fix-contactc ul li:hover span{color:#672D04;}
.index-content ul li:hover{ cursor:pointer}
.index-content ul li:hover span,.index-content ul li:hover font{color:#672D04;}



.ilightbox-fullscreen{ display:none !important}






.about4{ overflow:hidden;color:#8f8f8f; margin:180px auto;}
.about4 .p1{ font-size:50px; text-align:center;}
.about4 .p2{ font-size:20px; text-align:center; margin:10px 0 150px 0;}
.about4 ul li{ float:left; margin-right:16px; margin-bottom:16px;border:solid 1px #e6e6e6; width:286px; height:272px;}
.about4 ul li:hover{ color:#fff; background:#672D04; border:solid 1px #672D04;}
.about4 ul li:hover a{ color:#fff;}
.about4 ul li.clear1{ margin-right:0;}
.about4 ul li span{ display:block; font-size:20px; margin:35px 30px 60px 30px;}
.about4 ul li span font{ font-size:30px; margin-right:8px;}
.about4 ul li p{ font-size:13px; margin:0 30px;line-height:21px;}



.contain2 {
    width: 100%;
    margin-top: 0px;
    position: relative;
    height: 410px;
    background: url(../images/background_index.png) no-repeat;
    background-size: 100% ;
}



.ptop1 {
    padding-top: 5px;
}
.vrpbox {
color:#000;
    background: #fcfcfc;
    margin-bottom: 50px;
}
.main980 {
    width: 980px;
    margin: 65px auto 0;
    position: relative;
}
.f_l {
    float: left;
}
.vtitle p {
    font-size: 30px;
}
.vtitle span {
    color: #969696;
    text-transform: uppercase;
}
.vrtextlist {
    margin-top: 30px;
}
.vrtextlist li span {
    font-size: 20px;
    vertical-align: middle;
    line-height: 25px;
    padding-right: 3px;
}
.vrclick {
    text-align: center;
    margin-top: 60px;
}
.vrclick img {
    cursor: pointer;
}
.f_r {
    float: right;
}
.clear{
clear:both;
}


.pshow {
    width: 1115px;
    margin: 0 auto;
}
.pshow .img {
    margin: 50px;
    width: 450px;
    height: 450px;
   /* background-color: #eee;*/
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.fl {
    float: left;
    display: inline;
}
.pshow .info {
    width: 465px;
}
.fr {
    float: right;
    display: inline;
}
.pshow .info .con {
    line-height: 30px;
    font-size: 14px;
}
.pshow .info h2 {
    font-size: 26px;
    padding: 10px 0;
    font-weight: bold;
    color: #333;
}
.pshow .info .canshu {
    line-height: 30px;
    font-size: 14px;
    padding: 10px 0;
}
.pshow .info .size {
    font-size: 22px;
    font-weight: 100;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.yahei {
    font-family: Arial,proxima-nova,"Microsoft YaHei","微软雅黑";
}
.pshow .info .tit {
    font-size: 22px;
    font-family: Avantgarde,Arial-Narrow, proxima-nova,"Microsoft YaHei","微软雅黑";
    font-weight: 100;
    padding-bottom: 10px;
}
.w110 {
    width: 110%;
}
.pshow .info li {
    width: 70px;
    height: 70px;
    background-size: cover;
    background-position: center;
    margin-right: 5px;
    display: inline-block;
    float: left;
}


#tabBar{
   width:1115px;
    background: #f5f3f0;
    border: solid 1px #d2d2d2;
    height: 50px;
    margin: 10px auto;
}

#tabBar ul{

    height: 46px;
    border-bottom: 1px #d2d2d2 solid;
    background: #fff;
}

.clearfix {
    display: block;
}
#tabBar ul .selected {
    margin-top: -2px;
    border-top: solid 5px #ED1B23;
    background: url(../images/ptabmbg.gif) top no-repeat;
    height: 44px;
}
#tabBar ul li {
    float: left;
    width: 128px;
    text-align: center;
    border-right: 1px #d2d2d2 solid;
    margin-top: 1px;
}
#tabBar ul li a {
    display: block;
    height: 47px;
    line-height: 47px;
    color: #333;
}

.jieshao{
margin:0 auto;
width:1115px;
text-align:center;

}