/* by Adon , CSS Document */

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


*{margin:0;padding:0;-webkit-touch-callout:none;}
body{ font-size:12px;font-family:Family2, Tahoma, Geneva, sans-serif;color:#919191;}
a,body{color:#919191}
a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
a,a:focus,a:hover{text-decoration:none;color:#2e2e2e;}
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}
p,big,small{display:block;margin:0}
.en{font-family:Family1, Tahoma, Geneva, sans-serif;}
.left{float:left}
.right{float:right}
.clearfix{clear:both}
.container{width:100%;max-width:1418px;margin:0 auto;padding-left:15px;padding-right:15px}
.pic-scale{-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}
.header-fix{ position:fixed !important; background:#fff !important; top:0 !important; color:#2c2c2c !important; display:none}
.header-fix .header-nav { margin-top:0 !important;}
.header-fix .header-nav li a{ line-height:88px;color:#2c2c2c !important;}
.header-fix .menu{ top:30px !important;}
.header .menu img{ width:30px;}
.header{ text-align:center; color:#fff;position:absolute; left:0; top:40px; width:100%;z-index:99;font-size:15px;text-transform:uppercase;}
.header .container{ position:relative;}
.header .lan{position:absolute; left:15px; top:0;}
.header .lan a{ color:#acacac; margin-right:5px;}
.header .lan a.on{ color:#fff;}
.header .menu{ position:absolute; top:0; right:15px;display:none}
.header .header-nav{  margin-top:20px;}
.header .header-nav li{ display: inline-block; margin:0 10px;}
.header .header-nav li a{ color:#fff;}
.footer { float:left; width:100%; background:#0b0b0b; margin-top:5%;text-align:center;}
.footer .footer-t{ background:#fff; border-top:solid 1px #e1e1e1; font-size:15px;padding:5% 0;cursor:pointer}
.footer .footer-t span{ display:block; line-height:48px;}
.footer .footer-t span font{ width:155px; height:48px; margin-right:20px;display:inline-block;background:#c0a172;color:#fff;}
.footer .footer-by{ color:#fff;text-transform:uppercase; float:left; width:100%; padding:5% 0 8% 0; font-size:15px;}
.footer .footer-by .p1{ font-size:30px; position:relative;}
.footer .footer-by .p1 span{ background:#0b0b0b; display:block; max-width:280px; margin:0 auto; position:relative; z-index:1}
.footer .footer-by .p1 font{ position:absolute; left:0; top:50%;width:100%; height:1px; background:#242424; max-width:1050px; margin:0 auto; right:0;}
.footer .footer-by .p2{ margin-top:5%;}
.footer .footer-by .p2 a{ color:#fff; margin:0 10px;} 
.footer .footer-by .p3{ margin:2.5% 0 3% 0;}
.footer .footer-by .p3 a{ margin:0 10px;}
.footer .footer-by .p4 a{ color:#fff; text-decoration:underline} 
.contact-fix,.products-fix{ position:fixed; top:0; left:0; background:#fff; width:100%; height:100%; z-index:9999; overflow:hidden; overflow-y:auto; display:none}
.contact-fix .container{ position:relative; top:50%; margin-top:-280px;}
.products-fix .container{ position:relative; top:50%; margin-top:-350px;}
.contact-fix .item{ font-size:15px; color:#7c7c7c; width:50%; max-width:600px;}
.contact-fix .item .p1{ font-size:25px; color:#242424; text-transform:uppercase; margin:10% 0 5% 0;}
.contact-fix .item .p3{ font-size:20px; margin:2.5% 0;}
.contact-fix .item .p4{ border-top:solid 1px #e9e9e9; line-height:58px; margin-top:5%;}
.contact-fix .item ul li{ float:left; width:49%; margin-right:1%; font-size:13px; line-height:40px;}
.contact-fix .item ul li input{border:solid 1px #d9d9d9; width:100%; text-indent:5%;}
.contact-fix .item ul li.r{ margin-right:0; margin-left:1%;}
.contact-fix .item .sub{ color:#fff;font-size:15px; width:160px; line-height:45px; text-align:center; background:#c0a172; margin-top:5%; display:block}
.contact-fix .closes,.products-fix .closes{ position:absolute; right:15px; top:2.5%;}
.contact-fix .thumb{ max-width:585px; position:absolute; right:15px; top:0; width:45%;}
.navigation{ position:fixed; left:-100%; top:0;color:#fff; z-index:9999; max-width:410px; width:100%; height:100%;-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; background:#0b0b0b; font-size:17px; display:none !important}
.navigation .closes{ float:right; position:absolute; right:15px; top:2.5%; z-index:9;}
.navigation .p1{ margin:10% 0 10% 10%;}
.navigation ul{ overflow:hidden; margin:0 0 0 10%}
.navigation ul li.d{ font-size:16px; padding-left:20px; line-height:40px;}
.navigation ul li{ display:block; line-height:50px;}
.navigation ul li a{ color:#fff;}
.modal .modal-header{ border-bottom:none;}
.modal{text-align:center; width:100%; height:100%;}
.modal .modal-content{ width:100%; height:100%; position:absolute;margin:0 auto; left:0; right:0;top:50%;margin-top:-275px;max-width:800px; max-height:500px;}
.modal .modal-content video{ width:100%; height:100%; max-height:480px;}

.content-list li{ float:left; width:49.5%; position:relative; margin-top:1%; overflow:hidden; margin-right:0.5%;}
.content-list li .item{ position:absolute; top:0; left:0; width:100%; height:100%;}
.content-list li .item .pic{ position:absolute;margin:4% 0 0 5%;}
.content-list li .item span{ position:absolute; top:50%; left:0; right:0; margin:-40px auto; font-size:22px; color:#fff; max-width:285px; text-align:center;}
.content-list li .item em{ position:absolute;bottom:10px;right:15px;font-size:15px; color:#fff; font-style:normal;}
.content-list li.cl{ margin-left:0.5%; margin-right:0;}
.content-list li:hover img.pic-scale{-webkit-transform: scale(1.1);transform: scale(1.1);}

.header-top .header-nav li.click{ line-height:35px;}
.header-top .header-nav li.click .down{ top:34px !important;}


.header-fix .header-nav li.click{ line-height:88px;}



.header .header-nav li.click{ position:relative;}
.header .header-nav li.click .down{ position:absolute; width:654px;top:88px; display:none;left:-174px;background:#0b0b0b; text-align:center;}
.header .header-nav li.click .down li{ border-bottom:solid 1px #242424; font-size:13px;display:block; margin:0; line-height:45px;}
/*.header-fix .header-nav li.click a{ line-height:45px !important;}*/
.header-fix .header-nav li.click .down li a{color:#fff !important;}
.header-fix .header-nav li.click .down{ top:88px;}




.header .header-nav li.click .down dl{ float:left; width:327px;font-size:15px; text-align:left; padding:50px 40px 100px 40px;border-right:solid 1px #242424;color:#fff; margin-bottom:0;}
.header .header-nav li.click .down dl dt{ display:block; font-weight:normal;font-size:15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom:25px;}
.header .header-nav li.click .down dl dd{ display:block; line-height:36px !important;}
.header .header-nav li.click .down dl a{ color:#fff !important; line-height:36px !important}



@media (max-width:1024px){
.header{ font-size:13px;}	
}
@media (max-width:768px){
.modal .modal-content{ top:40%;width:auto; height:auto; max-height:none; max-width:none; margin:0 auto;}
.header .header-nav{ display:none}
.header .menu{ display:block}
.navigation{ display:block !important}
.footer{ margin-top:10%;}
.footer .footer-by{ padding:10% 0 18% 0;}
.footer .footer-by .p1{ font-size:26px;}
.contact-fix .container,.products-fix .container{ position:static; margin-top:0;}
.contact-fix .item{ width:100%; max-width:none; margin:8% 0;}
.contact-fix .thumb{ position:static; max-width:none; width:100%; margin-bottom:10%;}
.contact-fix .item .p1{ font-size:20px;}
.products-fix .content-list{ margin:15% 0 10% 0; overflow:hidden;}

.content-list li{ width:100%; margin-left:0 !important; margin-right:0 !important}
.content-list li img.pic-scale{ width:100%;}
}
@media (max-width:640px){
.content-list li .item span{ font-size:18px; margin:-20px auto;}	
}
@media (max-width:480px){
.header{ font-size:13px;}	
.header .header-logo img{ height:60px;}
.header-fix .menu{ top:22px !important;}
.footer .footer-t{ font-size:13px;}
.footer .footer-t span font{ width:130px;}
.footer .footer-by{ font-size:13px;}
.footer .footer-by .p2 a{ margin-bottom:10px; display:inline-block}
.footer .footer-by .p2{ margin-top:10%;}
.footer .footer-t span font{ display:block; margin:10px auto 0 auto;}
.contact-fix .item{ font-size:13px; margin:10% 0;}
.contact-fix .item .sub{ font-size:13px; width:140px; line-height:40px;}
.contact-fix .item .p3{ font-size:18px; margin:5% 0;}

.content-list li .item span{ font-size:15px;}
.content-list li .item .pic{ width:50px;}
.content-list li .item em{ font-size:13px;}
}
@media (max-width:320px){
.footer .footer-by .p1{ font-size:22px;}	
.footer .footer-by{ font-size:12px;}
.contact-fix .item{ font-size:12px;}
.contact-fix .item .sub{ font-size:12px;}
.contact-fix .item .p3{ font-size:16px;}
.contact-fix .item .p1{ font-size:18px;}
.contact-fix .item ul li{ font-size:12px;}
.navigation{ font-size:15px;}
.navigation ul li.d{ font-size:13px;}

.content-list li .item .pic{ display:none}
.content-list li .item span{ font-size:13px; padding:0 15px;}
.content-list li .item em{ font-size:12px;}
}