/* by Adon , CSS Document */





@font-face {

  font-family: Family1;

  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:"PingFang SC", "Source Han Sans SC", "HanHei SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, 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:#000;}

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}

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

.left{float:left}

.right{float:right}

.clearfix{clear:both}

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

.revealOnScroll{ opacity:0;}

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

.header{left:0;position:fixed;line-height:91px;text-transform:uppercase;width:100%; z-index:99;top:0; background:#010101;font-size:16px; font-weight:bold;color:#fff;}

.header a{ color:#fff;}

.header .menu{display:none;}

.header .menu img{ height:25px;}

.header .header-nav{ margin-left:50px;}

.header .header-nav li{float:left;margin-left:50px;}

.header .header-nav li.ab{ margin-left:150px;}

.header .lans a{ margin-left:10px;color:#666666}

.header .lans .on{ color:#fff}

.header .lans .searchs{ margin-right:10px;}

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

.search{ position: fixed;text-align:center;top:0; left:0; z-index:99;width:100%; height:100%; display:none;}

.search .bg{ position:absolute; left:0; top:0; background:url(../img/bg.png) repeat; width:100%; height:100%;}

.search .item{ position:absolute; top:50%;left:0; right:0; margin:-35px auto 0 auto; z-index:10;}

.search small{ display:block;color:#fff; font-size:16px; text-transform:uppercase; margin-bottom:15px;}

.search form{ background:#fff; width:100%; max-width:380px; position:relative;margin:0 auto;line-height:40px; font-size:16px; color:#575757;}

.search form .text{ border:0; width:100%; text-align:center;}

.search form .submit{ position:absolute; right:10px; border:0;top:11px; width:16px; height:16px; background:url(../img/search.jpg) no-repeat center;}

.navigation{ display:none;position:fixed; top:0; text-transform:uppercase;z-index:99;height:100%;overflow:hidden;width:100%;}

.navigation .navigation-bg{background:url(../img/bg.png) repeat; position:absolute; top:0; height:100%; width:100%; left:0;}

.navigation .item{ background:#fff;font-size:22px;max-width:475px; padding-left:5%;width:100%; height:100%; position:absolute; right:-100%; top:0;-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;}

.navigation .item .closes{ margin-bottom:10%;}

.navigation ul li{ display:block; color:#797979; margin-bottom:5%;}

.navigation ul li a{color:#797979;}

.navigation .lan{ margin:15% 0; display:block}

.navigation .lan li.en{ font-weight:bold}

.footer{font-size:15px; float:left; width:100%;}

.footer .p{ font-weight:bold; font-size:40px; margin:10% 0 5% 0;text-transform:uppercase; line-height:45px;display:block;}

.footer .des{ text-transform:uppercase}

.footer .footer-dl{ border-bottom:solid 1px #ebebeb; overflow:hidden; padding-bottom:5%;margin-bottom:2.5%;}

.footer .footer-dl dl{ border-right:solid 1px #ebebeb; float:left; text-transform:uppercase; padding-right:5%; margin-right:5%; height:255px;}

.footer .footer-dl dl dt{ font-weight:bold; font-size:25px; display:block; margin-bottom:10px;}

.footer .footer-dl dl dd{ font-size:16px; display:block;line-height:26px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.footer .footer-dl dl.dl1,.footer .footer-dl dl.dl4{ width:25%; padding-right:2.5%;}

.footer .footer-dl dl.dl1 dd,.footer .footer-dl dl.dl4 dd{ width:50%; float:left;}

.footer .footer-dl dl.dl4{ border-right:none; padding-right:0; margin-right:0}

.footer .footer-bottom{ padding:0 1%; text-transform:uppercase;background:#000; margin-top:10%; float:left; width:100%; color:#fff;font-size:14px; line-height:50px;}

.footer .footer-bottom .share a{ margin-right:5px;}

.footer .footer-bottom .share a.we{ position:relative;}

.footer .footer-bottom .share a.we:hover .pic{ display:block}

.footer .footer-bottom .share a.we .pic{ max-width:inherit;width:100px;position:absolute;top:-120px;left:0; display:none}

.footer .footer-bottom .by a{ color:#fff}

.footer .footer-bottom .by a.a{ text-decoration:underline; margin-right:20px;color:#838383}

.contact{ position:fixed; top:0; display:none;height:100%; left:0;width:100%; z-index:9999;background:#fff;-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;}

.contact .closes{ position: absolute; z-index:1;right:2.5%; top:5%;}

.contact .contact-left{ width:40%; height:100%; background:#dadada; position:relative;}

.contact .contact-right{ width:60%; position:relative; height:100%;}

.contact .contact-left .item,.contact .contact-right .item{ position:absolute; margin:-210px auto;top:50%; left:0; width:100%; padding:0 10%}

.contact .contact-left .p1{ font-size:40px; margin-bottom:5%;}

.contact .contact-left form li .text{ width:100%; float:left; font-size:16px; border:0; border-bottom:solid 1px #b1b1b1; background:none; margin-bottom:5%;line-height:50px; color:#000}

.contact .contact-left form li.l{ margin-right:2%}

.contact .contact-left form li.r{ margin-left:2%}

.contact .contact-left form li{ width:48%; float:left;}

.contact .contact-left form .textarea{ width:100%; float:left; font-size:16px; border:0; border-bottom:solid 1px #b1b1b1; background:none; margin-bottom:5%; height:100px; padding-top:10px;color:#000}

.contact .contact-left form .submit{ background:#000; display:block; clear:both;color:#fff; margin-top:5%;font-size:20px; width:160px; line-height:50px; text-indent:30px;}

.contact .contact-right li{ width:45%; margin-right:5%; float:left;}

.contact .contact-right li span{ font-size:55px; border-bottom:solid 3px #000;}

.contact .contact-right li p{font-size:16px; margin-top:20px;}

.contact .contact-right ul{ margin-top:180px;}





@media (max-width:1280px){

.header .header-nav li{ margin-left:30px;}

.header .header-nav li.ab{ margin-left:100px;}

}

@media (max-width:1024px){

.revealOnScroll{ opacity:1;}

.header .header-nav{ display:none;}	

.header .lans{ display:none;}	

.header .menu{ display:block}

.footer .footer-dl dl dd{ font-size:14px;}

	.contact .contact-right li span{ font-size:45px;}

	.contact .contact-right li p{ font-size:14px;}

	.contact .contact-right ul{ margin-top:145px;}

}

@media (max-width:768px){

.navigation .item{ padding-left: 10%; font-size:20px;}

.footer .p{ margin:15% 0 10% 0;}	

.footer .p{ font-size:36px; line-height:40px;}

.contact .contact-left{ width:100%;}

.contact .contact-right{ width:100%;}

.contact .closes{ right:5%}

}

@media (max-width:640px){

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

.footer .footer-dl dl.dl2, .footer .footer-dl dl.dl4{ border-right:none; margin-right:0}

.footer .des{ float:left; margin-top:5%;}

.footer .footer-bottom .by{ float:left; margin-top:2.5%;}

.footer .footer-bottom{ line-height: normal; padding:3% 2.5%;}

}

@media (max-width:480px){

.header{line-height:75px;}

.header .logo img{ height:75px;}

.header .menu img{ height:20px; margin-top:-5px;}

.header-div{ height:75px;}

.navigation .item{font-size:16px;}

.navigation .item .closes img,.pro-fix .closes img{ width:40px;}

.footer .p{ font-size:26px; line-height:30px;}

.footer .footer-dl{ margin-bottom:5%;}

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

.footer .footer-dl dl dd{ font-size:13px; line-height:24px;}

.footer{ font-size:14px;}

.footer .footer-bottom{ font-size:13px;}

.contact .contact-right li span{ font-size:32px;}

.contact .contact-right li p{ font-size:14px;}

.contact .contact-right li{ width:100%; margin:5% 0}

.contact .contact-right .p1 img{ width:75%;}

.contact .contact-right ul{ margin-top:20%;}

.contact .contact-left .p1{ font-size:34px;}

.contact .contact-left .item, .contact .contact-right .item{ margin:-175px 0;}

.contact .contact-left form li .text{ font-size:15px; line-height:40px;}

.contact .closes img{ height:22px;}

.contact .contact-left form .submit{ line-height:40px; width:140px; font-size:15px;}

}

@media (max-width:320px){

.header{line-height:65px;}

.header .logo img{ height:65px;}

.header .menu img{ height:16px;}

.header-div{ height:65px;}

.footer{ font-size:13px;}

.footer .footer-bottom{ font-size:12px;}

.footer .p{ font-size:20px; line-height:25px;}

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

.footer .footer-dl dl{ width:100% !important;border-right:none !important; margin-right:0 !important; height:auto;}

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

.contact .contact-right li span{ font-size:26px;}

.contact .contact-right li p{ font-size:13px;}

.contact .contact-right .p1 img{ width:60%;}

.contact .contact-left .p1{ font-size:28px;}

}