/* by Adon , CSS Document */

@font-face{font-family:Family1;src:url(../fonts/clarendon-light.otf);src:url(../fonts/clarendon-light.ttf);src:url(../fonts/clarendon-light.woff)}
@font-face{font-family:Family2;src:url(../fonts/Lato-Regular.otf);src:url(../fonts/Lato-Regular.ttf);src:url(../fonts/Lato-Regular.woff)}
*{margin:0;padding:0}
body{font-family:"微软雅黑";font-size:12px}
a,body{color:#5d5d5d}
a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
a,a:focus,a:hover{text-decoration:none}
a:focus,a:hover{color:#d2965c}
h1,h2,h3,h4,h5,h6,li,ul{margin:0}
li,ul{list-style:none}
img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none}
.left{float:left}
.right{float:right}
.en1{font-family:Family1,Tahoma,Geneva,sans-serif}
.en2{font-family:Family2,Tahoma,Geneva,sans-serif}
p{display:block;margin:0;-webkit-user-select:none}
.clearfix{clear:both}
.container{width:100%;max-width:1380px;margin:0 auto;padding-left:15px;padding-right:15px}
.header{float:left;width:100%;border-bottom:1px solid #e7e7e7;padding:40px 0 30px}
.header .header-lan{text-align:right;font-size:15px;border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7;background:url(../img/header-lan.png) no-repeat 80%;padding:0 45px 0 15px;margin-bottom:35px}
.header .header-nav li{float:left;font-size:15px;margin-left:40px}
.header .header-menu{display:none;font-size:14px;margin-top:20px}
.header .header-menu font{margin-left:23px}
.header .header-menu .icon{background:#5c5c5c;height:2px;width:28px;display:block;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease;margin-bottom:6px}
.header .header-menu:hover{color:#fff}
.header .header-menu:hover .icon{background:#d2965c}
.header .header-menu:hover .icon1{-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.header .header-menu:hover .icon3{-webkit-transform:translateY(2px);transform:translateY(2px)}
.fix{display:none;background:url(../img/bg.png) repeat;width:100%;z-index:9999999999999}
.fix,.header-fix{height:100%;position:fixed;top:0}
.header-fix{background:#fff;max-width:1077px;width:80%;right:-100%;color:#5c5c5c;text-align:center;z-index:1;overflow-y:auto;-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;padding:0 15px}
.fix .close{position:absolute;right:5%;top:5%;width:18px;height:18px;background:url(../img/close.png) no-repeat;background-size:contain}
.header-fix .p1{font-size:26px;text-transform:uppercase;margin:20% 0 10px}
.header-fix .p2{font-size:14px}
.header-fix .p3{font-size:13px;margin-bottom:10%}
.header-fix .p3 i{border:1px solid #d7d7d7;border-top:none;border-bottom:none;font-style:normal;padding:0 20px;margin:0 20px}
.header-fix .p3 i font{margin-right:20px}
.header-fix ul{margin:8% 0}
.header-fix ul li{font-size:22px;display:block;line-height:45px}
.footer{color:#5c5c5c;float:left;width:100%;margin:150px 0 300px}
.footer .footer-content .p1{font-size:15px;text-align:center}
.footer .footer-content .p2{font-size:22px;text-align:center;margin:50px 0}
.footer .footer-content .footer-qua li{float:left;width:245px;padding:15px 0;margin:0 5px;border:1px solid #d7d7d7}
.footer .footer-content .footer-qua li .thumb{float:left;margin:0 15px}
.footer .footer-content .footer-qua li span{display:block;font-size:15px}
.footer .footer-content .footer-qua li font{margin-top:13px;display:block;font-size:13px}
.footer .footer-content{width:100%;max-width:1060px;padding-left:15px;padding-right:15px;margin:0 auto;overflow:hidden}
.footer .footer-bor{float:left;height:1px;background:#ebebeb;width:100%;margin:170px 0 40px}
.footer .footer-left{color:#5c5c5c}
.footer .footer-left ul{float:left;margin-right:111px}
.footer .footer-left ul li{display:block;font-size:16px;margin-bottom:15px}
.footer .footer-left .footer-lan{float:left;font-size:15px;text-transform:uppercase;color:#6b6b6b;padding-left:20px;border-left:1px solid #d6d6d6;padding-bottom:2px}
.footer .footer-left .footer-lan span{display:block;cursor:pointer;background:url(../img/footer-lan.png) no-repeat right;padding-right:30px}
.footer .footer-left .footer-lan nav a:hover,.footer .footer-left .footer-lan span:hover{color:#d2965c}
.footer .footer-left .footer-lan nav{display:none}
.footer .footer-left .footer-lan nav a{display:block;color:#6b6b6b;margin-top:15px}
.footer .footer-right{color:#6b6b6b;width:450px;text-align:right}
.footer .footer-right span{display:block;font-size:20px;margin-bottom:25px}
.footer .footer-right font{display:block;font-size:13px;line-height:20px}
.footer .footer-right font a.url{color:#d2965c;text-decoration:underline}
.footer .addthis_toolbox{margin-top:50px}
#top{display:none}
.fix-click{position:fixed;top:45%;right:0;z-index:999}
.fix-click ul li,.fix-click ul li img{display:block}
.fix-lan{display:none;position:fixed;z-index:999}
.fix-lan,.fix-lan .fix-bg{top:0;left:0;width:100%;height:100%}
.fix-lan .fix-bg,.fix-wechat .fix-bg{position:absolute;background:url(../img/fix-bg.png) repeat}
.fix-lan .item{background:#fff;text-align:center;width:100%;max-width:485px;height:390px;color:#393939;position:relative;margin:0 auto}
.fix-lan .item .p1{font-size:25px;padding:78px 0 70px}
.fix-lan .item .p2{font-size:18px}
.fix-lan .item .p2 a{display:block;color:#393939;text-transform:uppercase;margin:10px 0}
.fix-about .fix-showr{ left:-100%;}
.fix-showrooms .fix-showr{ right:-100%;}
.fix-showr{background:#fff;width:100%;position:fixed;top:0;height:100%;max-width:1300px;padding:0 10%;z-index:1;overflow-y:auto;-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}
.fix-showr .p1{font-size:35px;margin:5px 0;text-align:center;margin-top:15%}
.fix-showr .p2{font-size:18px;color:#757575;text-align:center}
.fix-showr ul{margin:10% 0}
.fix-showr ul li{float:left;width:24%;position:relative;margin-right:1%}
.fix-showr ul li img{width:100%;display:block}
.fix-showr ul li.l4{margin-right:0}
.fix-showr ul li:hover .bg{display:block}
.fix-showr ul li .bg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#d2965c}
.fix-showr ul li em{position:absolute;top:50%;z-index:9;left:0;right:0;margin:-30px auto 0;width:116px;height:60px;background-repeat:no-repeat}
.fix-showr ul li span{position:absolute;top:50%;z-index:9;left:0;right:0;margin:-20px auto 0; text-align:center; color:#fff; font-size:20px;}
.fix-showr ul li.l1 em{background-image:url(../img/index-showr1.png)}
.fix-showr ul li.l2 em{background-image:url(../img/index-showr2.png)}
.fix-showr ul li.l3 em{background-image:url(../img/index-showr3.png)}
.fix-showr ul li.l4 em{background-image:url(../img/index-showr4.png)}
.fix-showr .p3{color:silver;max-width:650px;margin:10% auto 20%;text-align:center}
.fix-showr .p3,.postion{font-size:13px;width:100%}
.postion{text-transform:uppercase;margin:5% 0 10%;float:left}
.fix-wechat{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999}
.fix-wechat .fix-bg{ position:absolute; top:0; left:0; width:100%; height:100%;}
.fix-wechat .item{ background:#fff; text-align:center;width:100%; position:relative; padding:0 15px; overflow:hidden;}
.fix-wechat .item img{ margin:100px 0;}

@media (max-width:1280px) and (min-width:1025px){
.footer .footer-content .footer-qua li{width:238px}
.footer .footer-left ul{margin-right:60px}
}
@media (max-width:1024px){
.footer .footer-content .footer-qua li{width:24%;margin:0 .5%}
.footer .footer-left ul{margin-right:75px}
}
@media (max-width:991px) and (min-width:769px){
.header .header-lan{font-size:14px}
.header .header-nav li{font-size:14px;margin-left:27px}
}
@media (max-width:991px){
.footer .footer-content .footer-qua{width:100%;max-width:555px;margin:0 auto}
.footer .footer-content .footer-qua li{width:48%;margin:1%}
.footer .footer-left{width:100%}
.footer .footer-right{float:left!important;width:100%;text-align:left;border-top:1px solid #d7d7d7;padding-top:25px;margin-top:25px}
}
@media (max-width:768px){
.header{padding:15px 0}
.header .header-logo{height:65px}
.header .header-lan{margin-bottom:0}
.header .header-menu{display:block}
.header .header-nav{display:none}
.footer{margin:100px 0 150px}
.footer .footer-bor{margin:100px 0 30px}
.footer .addthis_toolbox{margin-top:20px}
.fix-showr ul li{width:48%;margin-bottom:1%}
}
@media (max-width:640px){
.fix-showr .p1{font-size:20px}
.fix-showr .p2{font-size:13px}
.fix-showr .p3{font-size:12px}
.fix-showr ul li em{width:82px;height:40px;margin-top:-15px;background-size:contain}
.postion{ font-size:12px;}
}
@media (max-width:580px){
.footer .footer-content .p1{font-size:13px}
.footer .footer-content .p2{font-size:18px}
.footer .footer-left .footer-lan,.footer .footer-left ul li{font-size:14px}
.footer .footer-left ul{margin-right:62px}
}
@media (max-width:480px){
.footer .footer-content .footer-qua li .thumb{margin:0 10px;height:45px}
.footer .footer-content .footer-qua li span{font-size:13px}
.footer .footer-content .footer-qua li font{font-size:12px; margin-top:6px;}
.footer .footer-left .footer-lan{clear:both;padding-left:0;border-top:1px solid #d6d6d6;border-left:none;width:100%;padding-top:25px;margin-top:20px}
.footer .footer-left .footer-lan span{background-position:150px}
.footer .footer-bor{margin-top:60px}
.header-fix .close{font-size:20px}
.header-fix .p1{font-size:22px}
.header-fix ul li{font-size:18px}
.postion{margin:8% 0 15%}
}
@media (max-width:414px){
.footer .footer-content .footer-qua{max-width:205px}
.footer .footer-content .footer-qua li{width:98%}
.fix-showr ul li span{ font-size:15px; margin-top:-15px;}
}
@media (max-width:320px){
.header-fix .p1{font-size:18px}
.header-fix .p2{font-size:12px}
.header-fix ul li{font-size:16px}
.header-fix .p3{font-size:12px}
.fix-showr ul li span{ font-size:14px;}
}