/* by Adon , CSS Document */





@font-face {

  font-family: Family1;

  src: url("../fonts/Berlin X-Bold.eot");

  src: local("☺"), url("../fonts/Berlin X-Bold.woff") format("woff"), url("../fonts/Berlin X-Bold.ttf") format("truetype"), url("../fonts/Berlin X-Bold.svg") format("svg"); }





@font-face {

  font-family: Family2;

  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;-webkit-touch-callout:none;}

body{ font-size:12px;font-family:Family2,Tahoma,Geneva,sans-serif;color:#000000;}

a,body{color:#000000}

a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

a:focus,a:hover{text-decoration:none;color:#c40d23;}

h1,h2,h3,h4,h5,h6,li,ul{margin:0}

li,ul{list-style:none}

a:focus,input,textarea,select{outline:none} 

img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none}

p,big,small,span,font,em{display:block;margin:0}

.left{float:left}

.right{float:right}

.clearfix{clear:both}

.container{width:100%;max-width:1510px;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);}

.radius{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}

.en{font-family:Family1,Tahoma,Geneva,sans-serif}

.sidr-open .sidr-bg{ background:#000; position:fixed; top:0; z-index:999; width:100%; height:100%; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.header{ position:fixed; top:0; width:100%; z-index:9; padding:35px 0; font-size:13px; font-weight:bold;}

.header .logo{ width:82px; height:53px;}

.header .menu{ width:26px; height:16px;}

.header .logot{margin:10px 0 0 2.5%;}

.header .lan{ margin-top:15px;}

.header .lan a{ float:left; margin-left:20px; line-height:16px;}

.header.fix { background:#fff;border-bottom: solid 1px #dedede;}

.header.fix,.header.fix a{ color:#000}

.header1{ background:#fff;}

.header1 .logo,.header.fix .logo{background:url(../img/logos.png) no-repeat center; background-size:cover}

.header1 .menu,.header.fix .menu{background:url(../img/menus.png) no-repeat center; background-size: contain}

.header2,.header2 a{ color:#fff}

.header2 .logo{background:url(../img/logo.png) no-repeat center; background-size:cover}

.header2 .menu{background:url(../img/menu.png) no-repeat center; background-size:contain;}

.header-div{ height:123px; float:left; width:100%;}

.title{ display:block; font-size:50px;text-transform:uppercase; margin:5% 0;}

.nav{ border-bottom:solid 1px #dedede; padding-bottom:20px; margin-bottom:35px; font-weight:bold}

.nav a{ float:left; text-transform:uppercase; font-size:16px; margin-left:25px;}

.nav a.on{color:#c40d23;}

.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:525px;}

.modal .modal-content video{ width:100%; height:100%; max-height:480px;}

#sidr{ position: fixed;font-size:17px;left:-100%;top:0; max-width:480px;text-transform:uppercase;height:100%;width:60%;background:#fff;z-index:999;overflow-y:scroll;}

#sidr .menu{ position:absolute; right:5%; top:2.5%;}

#sidr ul{ width:100%; margin-top:15%;}

#sidr ul li { line-height:50px;border-bottom:solid 1px #efefef; display:block;text-indent:10%; font-weight:bold}

#sidr ul li.click{ background:url(../img/d.png) no-repeat 90% 20px;}

#sidr ul li .down{display:none; background:#000; margin:0; text-transform:capitalize;}

#sidr ul li .down li{border-top:solid 1px #6b6b6b; font-size:14px;margin:0; border-bottom:none; font-weight:normal}

#sidr ul li .down li a{color:#fff;}

.footer{ float:left; width:100%; border-top:solid 1px #efefef; padding:5% 0; margin-top:10%; margin-bottom:5%;font-size:15px;}

.footer .footer-dl dl{ float:left; width:14%}

.footer .footer-dl dl.clear{ width:auto}

.footer .footer-dl dl dt{ display:block; font-size:18px; font-weight:normal; margin-bottom:40px;}

.footer .footer-dl dl dd{ display:block;line-height:30px;}

.footer .footer-ul{border-top:solid 1px #efefef;border-bottom:solid 1px #efefef; padding:2.5% 0; margin:2.5% 0; float:left; width:100%;}

.footer .footer-ul ul li{ float:left; margin-right:6%; }

.footer .footer-ul ul li span{margin-bottom:40px;}

.footer .footer-ul ul li p{ line-height:30px;}

.footer .by a{ text-decoration:underline}

.footer .share nav a{ margin-left:5px; position:relative;}

.footer .share span{ margin-left:25px; font-weight:bold}

.footer .share nav a.wechat .thumb{ position:absolute; top:-85px; left:0;max-width:100px; display:none}

.footer .share nav a.wechat:hover .thumb{ display:block}

.prevs{ width:48px; height:48px;background:url(../img/prev.png) no-repeat center; background-size:cover; position:absolute; top:50%; margin-top:-24px; left:15px; z-index:2; cursor:pointer}

.nexts{ width:48px; height:48px;background:url(../img/next.png) no-repeat center; background-size:cover;position:absolute; top:50%; margin-top:-24px; right:15px; z-index:2; cursor:pointer}





.wslider{overflow:hidden;position:relative;}
.wslider,.wslider li,.wslider li a{float:left;width:100%; overflow:hidden;}
.wslider li{position:relative;overflow:hidden}
.wslider li .box{position:absolute; text-transform:uppercase;right:0;top:50%;margin-top:-100px;width:100%;color:#fff; text-align:center;}
.wslider li .box .p1{ font-size:30px;}
.wslider li .box .p2{ font-size:50px; line-height:55px; margin:10px 0;}
.wslider li .box .p3{ font-size:20px;}
.wlan{ background:#fffbf2; float:left; width:100%; padding:7.5% 0; text-align:center}
.wlan .p{ font-size:40px; text-transform:uppercase; margin-bottom:5%;}
.wlan ul li{font-size:18px;border-bottom:solid 1px #000000; line-height:70px; font-weight:bold}
.wlan ul li a{  margin:0 5%;}
.wlan ul{ max-width:700px;border-top:solid 1px #000000;width:100%; margin:0 auto;}




@media (max-width:1024px){
.wslider li img{ width:120%; max-width:120%; margin-left:-10%}

.title{ font-size:40px;}

.footer .footer-dl dl{ width:33.33% !important;}

.footer .footer-dl dl.dl4{ clear:both;}

.footer .footer-ul{ margin:5% 0; padding:5% 0;}

.footer .footer-ul ul li{ width:40%;}

}

@media (max-width:960px){

.footer .share{ float:left; margin-top:5%; clear:both;}

}

@media (max-width:768px){
.wslider li .box{ margin-top:-75px;}
.wslider li .box .p1{ font-size:20px;}
.wslider li .box .p2{ font-size:40px; line-height:45px;}
.wslider li .box .p3{ font-size:15px;}
.wlan{ padding:10% 0;}
.wlan .p{ font-size:36px;}
.wlan ul li{font-size:16px;}

.title{ font-size:30px;}

.modal .modal-content{ top:40%;width:auto; height:auto; max-height:none; max-width:none; margin:0 auto;}	

.prevs,.nexts{ display:none}

}

@media (max-width:640px){

.footer{ font-size:14px;}

}

@media (max-width:480px){
.wslider li img{ width:150%; max-width:150%; margin-left:-25%}
.wslider li .box{ margin-top:-65px;}
.wslider li .box .p1{ font-size:16px;}
.wslider li .box .p2{ font-size:28px; line-height:35px;}
.wslider li .box .p3{ font-size:13px;}
.wlan .p{ font-size:26px; margin-bottom:7.5%;}
.wlan ul li{font-size:14px; line-height:60px;}

.title{ font-size:25px; margin:10% 0;}

.nav{ padding-bottom:5%; margin-bottom:10%}

.nav a{ font-size:14px; margin-left:20px;}

#sidr{ font-size:14px;}

#sidr ul li .down li{ font-size:13px;}

.header .logot{ display:none}

.header{ padding:25px 0;}

.header-div{height:90px;}

.header .logo{ width:73px; height:46px;}

.footer{ font-size:13px; margin:15% 0 10% 0; padding:7.5% 0}

.footer .footer-ul{ margin:7.5% 0; padding:7.5% 0;}

.footer .footer-dl dl{ width:50% !important;}

.footer .footer-dl dl dt{ font-size:15px;}

.footer .footer-dl dl dt,.footer .footer-ul ul li span{ margin-bottom:25px;}

.footer .footer-dl dl dd,.footer .footer-ul ul li p{ line-height:25px;}

.footer .footer-dl dl.dl3,.footer .footer-dl dl.dl5{ clear:both;}

.footer .footer-dl dl.dl4{ clear:none;}

}

@media (max-width:320px){
.wslider li .box{ margin-top:-60px;}
.wslider li .box .p1{ font-size:14px;}
.wslider li .box .p2{ font-size:22px; line-height:30px;}
.wslider li .box .p3{ font-size:13px;}

.title{ font-size:22px}

.nav a{ font-size:13px;}

.header .lan a{ margin-left:15px;}

.header{ padding:20px 0; font-size:12px;}

.header-div{height:84px;}

}