@charset "utf-8";
/* CSS Document */


/* 初始化 */
body{padding:0; margin:0; width:100%; min-width:1000px;}
#container{font-family:"微软雅黑"; width:100%; position:relative;}
.clearfloat{clear:both;}
ul,li{list-style:none; padding:0; margin:0;}
a{text-decoration:none; color:#000; width:100%; height:100%; display:block; cursor:pointer;}
*{margin:0; padding:0;}
span{display:inline-block; vertical-align:top;}
p{-webkit-margin-before: 0em;
    -webkit-margin-after: 0em; border:0;}
.img img{width:100%;}

.color1{color:#e50112;}
.title{color:#e50112; font-size:16px; font-weight:bold; text-align:center; padding:2% 0;}

nav a,footer a{color:#333;}
.phone-header,.phone-nav{display:none;}


/* pc端 */
h1{color:#e50112; font-size:30px;}
#content,#More{width:95%; margin:2% auto;}
.bg-inverse{background-color:rgba(255,255,255,1);}

/* 导航 */
nav{position:fixed; top:0; width:100%; height:60px; background-color:rgba(255,255,255,0.1); text-align:center; z-index:99; transition:all 0.5s ease;}
nav .logo{width:10%; float:left; margin-left:5%; margin-top:9px;}
nav .navul{width:85%; float:right;}
nav .navul .nav-icon{display:inline-block; width:10%; vertical-align:top; color:#e50112; line-height:60px; font-size:15px;}
nav .navul .nav-icon .ni,.nav-sub a{transition:all 0.5s ease-in-out;}
nav .navul .nav-icon:hover .ni,nav .navul .nav-icon.active .ni{background-color:#e50112; color:#FFF;}
    /* 二级导航 */
.nav-menu{width:100%; background-color:#FFF; position:absolute; top:60px; left:0; transition:all 0.3s ease-in; display:none; line-height:30px; padding:1.5% 0;}

.nav-menu li{width:100px; display:inline-block; vertical-align:top;}
.nav-sub a:hover{color:#e50112;}
.nav-sub img{ width:40px; height:40px; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none;}
.nav-sub a:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); _filter:none;}


.choose-item{width:90%; margin:0 auto; text-align:center;}
.choose-item .choose-list{display:inline-block; width:140px; height:50px; line-height:50px; text-align:center; margin:0 auto; letter-spacing:1px; font-size:15px;}
.choose-item .choose-list.on a,.choose-item .choose-list:hover a{background-color:#e50112; color:#FFF;}






/* 页脚 */
footer{color:#333; margin:2% auto; font-size:13px; text-align:center; border-top:1px #CCCCCC solid; padding-top:2%;}
footer p{line-height:30px; padding-top:5px;}
footer p span{padding-right:2%;}
.QRcode{position:relative; cursor:pointer;}
.QRcode a{width:130px; margin:0 auto;}
.QRcodeimg{width:120px; height:120px; position:absolute; bottom:120%; left:50%; margin-left:-60px; z-index:9; border:1px #e50112 solid; display:none;}
.QRcode span img{width:30px; height:30px; margin-right:5px;}
.QRcode div i {width:0; height: 0; position: absolute; bottom: -5px; left: 50%; border-top: solid 5px #e50112; border-left: solid 5px transparent; border-right: solid 5px transparent; margin-left: -5px;}
.QRcode a:hover .QRcodeimg{display:block;}


/* 按钮 */
.botton a{ height:40px; border:1px #e50112 solid; border-radius:20px; text-align:center; width:170px; line-height:40px; font-size:14px; color:#e50112; margin:0 auto; letter-spacing:1px; transition:all 0.3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.botton a:hover{background-color:#e50112; color:#FFF;}

/* 返回顶部 */
#comeback{position:fixed; bottom:30%; right:0%; width:80px; z-index:3; text-align:center; font-size:13px; opacity:1; transition:all 0.5s ease-in-out;}
#comeback .cometop img{cursor:pointer; margin-bottom:0%; opacity:1;}
#comeback a{overflow:hidden; color:#e50112;}
#comeback .cometop img{width:50px; height:50px; margin:0 auto;}
#comeback:hover{opacity:1;}
.qrimg,.comephone{margin-top:5%; position:relative;}
.qrimg span,.comephone span{border:1px solid #e50112; width:50px; height:50px; background-color:#FFF;}
.comephone span img{width:75%; margin:12.5%;}
.qrimg span img{width:90%; margin:5%;}
.comephone .img{height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.qrimg .img,.comephone .img{width:160px; position:absolute; left:-160px; top:0; border:1px solid #e50112; background-color:#FFF; display:none;}
.qrimg div i,.comephone div i{width:0; height: 0; position: absolute; top:20px; right: -5px; border-left: solid 5px #e50112; border-top: solid 5px transparent; border-bottom: solid 5px transparent; margin-left: -5px;}
.qrimg:hover .img,.comephone:hover .img{display:block;}


/* 移动端 */
@media screen and (max-width:768px){
body{min-width:0;}
.phone-header{display:block;}
nav{display:none;}
.title{font-size:15px; padding:4% 0;}
/* 按钮css特效 */
.push{position:fixed; top:25px; right:20px; z-index:2; background:linear-gradient(0deg, rgba(230,0,18,0), rgba(230,0,18,0) 7px, #e50112 7px, #e50112 11px, rgba(230,0,18,0) 11px, rgba(230,0,18,0) 18px); height:18px; width:24px;}
.push:before,.push:after{display: block; position: absolute; right:0; width: 100%; height: 4px; background-color:#e50112; content:"";}
.push:before{top:0px; transform-origin: bottom right;}
.push:after{bottom:0px; transform-origin: top right;}
/* 导航css特效 */
.menu-push{overflow-x:hidden; position:relative; left:0;}
.push-toleft{left:-60%;}
.phone-logo{margin:0 auto; width:120px; padding:15px 0;}
.phone-header{position:fixed; width:100%; top:0; background-color:#fff; z-index:4; height:70px;}

.phone-nav{background-color:rgba(230,0,18,0.9); position:fixed; top:0; text-align:center; width:100%; height:100%; color:#FFF; line-height:25px; font-size:18px; z-index:5; display:none;}
.phone-nav a{color:#FFF; height:50px; line-height:50px;}
.phone-menu{margin-top:15%;}
.closemenu{width:35px; height:35px; position:absolute; top:20px; right:20px;}


/* 页脚 */
footer{width:90%; margin:3% auto;}
footer p{width:67%; float:left; text-align:left;}
footer p span{width:100%;}
.QRcode{width:30%; float:right; text-align:center; margin-top:5%;}
.QRcodeimg{display:block; border:none; position:inherit; margin:0; width:100%; height:auto;}
.QRcode a{width:100%;}
.QRcode span.img,.QRcode div i{display:none;}

#comeback{width:15%; right:15px; opacity:1; bottom:5%;}
#comeback .cometop img{width:70%; margin:0 15%; height:auto;}
.qrimg,.comephone{display:none;}


.choose-item .choose-list{width:32%;}

#banner{margin-top:75px;}
h1{font-size:18px; text-align:center; margin-top:5%; letter-spacing:1px;}
.botton a{width:140px; font-size:13px; height:35px; line-height:35px; letter-spacing:0px;}


	}