/* by Adon , CSS Document */

@font-face {
	font-family:Family;
	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-family:"Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;font-size:12px}
a,body{color:#515151}
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:#a40000}
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}
.left{float:left}
.right{float:right}
.en{font-family:Family, Tahoma, Geneva, sans-serif;}
.clearfix{clear:both}
.container{width:100%;max-width:1280px;margin:0 auto;padding-left:15px;padding-right:15px}
.header{ position:fixed; top:0; left:0; width:100%; padding:0 2.5%; z-index:99;font-size:15px;line-height:107px; border-bottom:solid 1px #fff;}
.header.fix,.header.head2{ background:#fff;color:#515151; border-bottom:solid 1px #f1f1f1;}
.header.fix .header-nav li a,.header.fix .header-tel,.header.fix .header-tel a{color:#515151 !important}
.header.fix .header-logo,.header.head2 .header-logo{background:url(../img/logo1.png) no-repeat;background-size:contain;}
.header.fix .header-menu,.header.head2 .header-menu{background:url(../img/menu.png) no-repeat;background-size:contain;}
.header.head1,.header.head1 .header-nav li,.header.head1 .header-nav li,.header.head1 .header-nav li a,.header.head1 .header-tel a{color:#fff;}
.header .header-logo{ width:190px; height:107px; background:url(../img/logo.png) no-repeat;background-size:contain;}
.header .header-nav li{float:left; margin-left:50px;}
.header .header-nav li:hover a{color:#a40000 !important;}
.header .header-menu{ display:none; width:34px; height:29px; background:url(../img/menu1.png) no-repeat;background-size:contain;margin:30px 0 0 20px;}
.header-div{ float:left; width:100%; height:107px;}
.footer{ float:left; width:100%;border-top:solid 1px #e2e2e2;font-size:14px; padding:100px 0 270px 0;}
.footer .footer-left .p1{ font-size:16px;}
.footer .footer-left .p2{ margin:15px 0 20px 0;}
.footer .footer-left .p3{ text-transform:uppercase; margin-bottom:25px;}
.footer .footer-left .p3 a{ color:#69120a; text-decoration:underline}
.footer .footer-right dl{ float:left; margin-left:50px;}
.footer .footer-right dl dt{ display:block; font-size:16px; font-weight:normal; margin-bottom:35px;}
.footer .footer-right dl dd{ display:block; line-height:25px;}
.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);}
.fixx{position:fixed; right:0; top:40%;overflow:hidden;width:260px;line-height:59px;font-size:14px;transition: width 0.3s ease 0s;}
.fixx ul li{ display:block; background:#69120a; margin-bottom:2px; max-width:60px; clear:both; float:right; width:100%;position:relative;}
.fixx ul li.tel{ max-width:inherit;}
.fixx ul li.tel span{ opacity:1;}
.fixx ul li a.left{width:70%;}
.fixx ul li span{ color:#fff; padding-left:20px;width:auto; position:absolute; left:0; top:0;}
.fixx ul li img{ position:relative; z-index:1;}
.fixx.on{ width:60px;}
.fixx.on ul li span{width:0; opacity:0}
.products-fix{display:none;position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:9999}
.products-fix .closee{ position:absolute; top:5%; left:10%; z-index:1;}
.products-fix .menu{ position: absolute; left:0; top:50%;right:0; width:100%; max-width:1000px;margin:-150px auto 0 auto; z-index:1;color:#fff; font-size:30px;}
.products-fix .menu li{ display:block; margin:10px 15px;}
.products-fix .menu li a{color:#fff;}
.products-fix .menu li.on a,.products-fix .menu li:hover a{color:#a40000}
.products-fix .menu li span{ width:250px; display:inline-block;}
.products-fix .menu li font{ text-transform:uppercase; display:inline-block}
.products-fix .ul { position:absolute; top:0; left:0; width:100%; height:100%;}
.products-fix .ul li{float:left; display:none;width:100%; height:100%;}
.products-fix .ul li a{ float:left; width:100%; height:100%;}
.products-fix .ul li.on{ display:block}
.navigation{ position:fixed; right:0; top:0; text-align:right;background:#a40000; width:100%; height:100%; max-width:555px; color:#fff; z-index:990;-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; padding-top:100px; display:none;}
.navigation a{ color:#fff;}
.navigation dl{ float:left; width:90%; margin:5%;}
.navigation dl dt{ display:block; text-transform:uppercase; font-size:25px; border-bottom:solid 1px #8c7669; padding-right:10px; padding-bottom:15px; margin-bottom:15px;}
.navigation dl dd {display:block; font-size:22px;padding-right:10px;margin-bottom:10px;}
.navigation .closee{ position:absolute; top:5%; right:8%; width:25px;}
.fix-wechat{ position:fixed; top:0; left:0; width:100%; font-size:18px;height:100%; z-index:99999; text-align:center; display:none;}
.fix-wechat .fix-bg{ position: fixed; top:0; left:0; height:100%; width:100%;background:#000; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -o-opacity:0.5; -ms-opacity:0.5;}
.fix-wechat .fix-wechatc{ background:#fff; position:relative; z-index:11; margin-top:-220px;top:50%; width:100%; padding:70px 0;}
.fix-wechat .fix-wechatc .p2{ margin:10px 0;}
.fix-wechat .fix-wechatc .p1{ background:url(../img/wechat1.png) no-repeat 15px; padding-left:30px; width:100%;max-width:450px;margin:0 auto;line-height:60px;}
.mp3{ display:none;}


@media (max-width:1024px){
.header{ font-size:14px; line-height:88px;}	
.header .header-nav { float:right;}
.header .header-nav li{ margin-left:25px;}
.header-div{ height:88px;}
.header .header-logo{ width:160px !important; height:88px !important;}	
.header .header-tel{ display:none;}
.footer{ padding:15% 0 25% 0;}
.footer .footer-right{ width:100%; float:left;}
.footer .footer-right dl{ width:16%; margin-left:0;}
.footer .footer-left{ border-top:solid 1px #e2e2e2; width:100%; padding-top:5%; margin-top:10%}
}
@media (min-width:769px){
.navigation{ display:none !important;}
}
@media (max-width:768px){
.header .header-nav { display:none;}	
.header .header-menu{ display:block;}
.header .header-tel{ display:block;}	
.footer .footer-right dl{ width:33.33%; margin-bottom:35px;}
.footer .footer-right dl dt{ margin-bottom:20px;}
.products-fix .menu{ font-size:22px;}
.products-fix .menu li span{ width:200px;}
.navigation{ width:65%;}
.navigation dl dt{font-size:20px;}
.navigation dl dd{font-size:18px;}
}
@media (max-width:480px){
.header .header-tel{ display:none;}
.footer .footer-right dl{ width:50%;}
.footer .footer-right dl:nth-of-type(3),.footer .footer-right dl:nth-child(5){clear:both;}
.products-fix .closee img{ width:25px;}
.products-fix .menu{ font-size:16px; margin-top:-100px;}
.products-fix .menu li span{ width:125px;}
.navigation dl dt{font-size:16px;}
.navigation dl dd{font-size:14px;}
.fix-wechat{ font-size:16px;}
.fix-wechat .fix-wechatc{ margin-top:-200px;}
.fix-wechat .fix-wechatc .p1{ padding-left:10px; background-size:60px; line-height:30px;}
}
@media (max-width:320px){
.header-div{height:70px;}
.header .header-logo{ width:150px !important; height:70px !important;}	
.header .header-menu{ width:30px; height:25px; margin-top:25px;}	
.fixx.on{ width:50px;}
.fixx{width:225px;font-size:12px;line-height:50px;}
.fixx ul li{ max-width:50px;}
.fixx ul li img{ height:50px;}
.footer{ font-size:12px;}
.footer .footer-right dl dt{ font-size:14px;}
.footer .footer-right dl dd{ line-height:22px;}
.products-fix .closee img{ width:20px;}
.products-fix .menu{ font-size:14px;}
.products-fix .menu li span{ width:110px;}
.navigation{ padding-top:80px;}
.navigation dl dt{font-size:14px;}
.navigation dl dd{font-size:12px;}
.fix-wechat{ font-size:13px;}
.fix-wechat .fix-wechatc .p1{ padding-left:10px; background-size:35px;}
}