@charset "utf-8";
/* Style Reset */
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{font-size:0.16rem;}
body, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt{margin:0;padding:0;}
p{margin:5px;padding:0;}
ul, ol, li, dl, dt, dd{list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img{border:0;}
img{max-width:100%}
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea{-webkit-appearance:none;}
.clear{clear:both;width:100%;}
.c{clear:both;width:100%;}
/* common */
.content{min-height:8rem;overflow:hidden;font-size:0.2rem;margin-top:6%;padding-bottom:12%;background-color:transparent;}
.content_new{margin-top:0!important;}
.common_bg{background-color:#b30f1a!important;}
/* index style */
/*header*/
.header{width:100%;height:0.691rem;background:#1d1d1d;position:relative;z-index:9999;}
.head{text-align:center;position:fixed;z-index:9999;width:100%;height:0.691rem;top:0;right:0;background:#0a75d7;line-height:0.791rem;z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.logo{display:block;width:85%;height:auto;margin-left:3.4375%;text-align:center;}
.logo h2{line-height: 0.691rem;color: #fff;}
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.class-btn{position:absolute;right:16%;top:0%;width:14.0625%;font-size:0.24rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-title{width:70%;position:absolute;left:15%;top:0;font-size:0.3rem;line-height:0.6rem;text-align:center;color:#fff;overflow:hidden;}
.sub_page{min-height:6rem;overflow:hidden;font-size:0.16rem}
.sub_page center{padding:0.4rem 0;font-size:0.2rem}
.sub_page center a{color:red}
/*header end*/
/* nav */
body{position:relative;width:100%;background:#fff;height:100%;}
.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}
.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:1;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #ffffff;}
.nav li a{display:block;width:100%;font:100 16px/50px '微软雅黑';color:#fff;text-indent:60px;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}
#allmap{width:100%;height:8rem;font-size:0.18rem}
.share{width:160px;margin:0.5rem auto;}
.black-fixed{position:fixed;z-index:99999!important;right:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden}
.black-clicked{width:100%;padding-right:2%;right:220px;}
/* nav end*/
/* sub header */
.nav-btn{width:14.0625%;right:0;top:0;position:absolute;font-size:0.4rem;line-height:0.808rem;color:#fff;text-align:center;overflow:hidden;padding-top:10px;}
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.808rem;color:#fff;text-align:center;overflow:hidden;display:block;}
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn{position:absolute;right:16%;top:0%;width:18.0625%;font-size:0.24rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:0.28rem}
/*font*/
footer{width:100%;height:55px;line-height:55px;background:#353535;position:fixed;left:0;bottom:0;}
footer a{display:block;width:25%;height:55px;float:left;background:no-repeat center;background-size:auto 30px;}
footer a#list{background-image:url("../images/sms.png");}
footer a#home{background-image:url("../images/home.png");}
footer a#tel{background-image:url("../images/tel.png");}
footer a#map{background-image:url("../images/qq.png");}
/* subpage */
.about, .view{width:92.5%;margin:0% auto;font:0.2rem/2.4 "microsoft yahei";color:#1d1d1d;}
.view h1{width:100%;text-align:center;font:0.3rem/0.5rem "microsoft yahei";color:#393939;}
.about h1{line-height:0.6rem;font-size:0.25rem;text-align:center;color:#393939;}
.about .xinxi{width:100%;height:30px;line-height:30px;font-size:12px;text-align:center;border-bottom:1px dashed #9F9F9F}
.about p span{line-height:24px !important;}
.about table{width:100% !important}
.about img{ height:auto !important}
.view img{max-width:100%;display:inline}
.page{display:block;width:100%;height:0.38rem;font:0.2rem/0.38rem "microsoft yahei";color:#777;background:#ddd;border-radius:0.38rem;margin:2% auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-indent:0.1rem;}
.back{display:block;width:33.57%;margin:2% auto;height:0.4rem;border-radius:0.4rem;font:0.2rem/0.4rem "microsoft yahei";color:#393939;text-align:center;}
.about td img{height:auto !important;}
/* product */
.product-top{width:91.25%;margin:2% auto;border-bottom:1px solid #c9c9c9;height:auto;font:0.2rem/0.5833rem "microsoft yahei";color:#7b7b7b;}
.product-top p{float:left;}
.product-top p span{color:#3e74ce}
.product-top-right{float:right;color:#7b7b7b}
.product-top-right a{font-size:0.3rem;color:#272727;vertical-align:middle}
.product-top-right a.show{color:#3e74ce}
/* news */
.news1, .news1 a, .news2, .news2 a{width:100%;height:auto;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei";display:block;}
.news1, .news2{width:92%;margin:0 auto;border-bottom:1px dashed #9F9F9F;}
.news1 a span:nth-child(1), .news2 a span:nth-child(1){display:block;float:left;width:70%;height:0.691rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#1d1d1d}
.news1 a span:nth-child(2), .news2 a span:nth-child(2){display:block;float:right;width:29%;height:0.691rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:right;color:#9f9f9f}
.news2 div{width:100%;font:0.18rem/0.3rem "microsoft yahei";color:#666;max-height:0.9rem;overflow:hidden;}
.news3{width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news3>a{display:block;float:left;width:33%;height:auto;overflow:hidden}
.news1>a>img{display:block;width:100%}
.news3>h1{display:block;float:left;width:64%;margin-left:3%;overflow:hidden}
.news3>h1>a{display:block;width:100%;height:0.3rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news3>div{float:left;width:64%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height:0.79rem;color:#999;margin-top:1%}
.news4{width:50%;float:left;height:auto;overflow:hidden;margin:2% auto;}
.news4 a{display:block;width:95%;margin:0 auto;}
.news4 a img{display:block;width:100%;}
.news4 a span{display:block;width:100%;text-align:center;font:0.2rem/0.3rem "microsoft yahei";color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:6%}
.news5{width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news5 a.news5imgwrap{width:25%;height:auto;float:left;}
.news5 a.news5imgwrap img{display:block;width:100%;}
.news5 h1{display:block;float:left;width:70%;margin-left:3%;overflow:hidden}
.news5>h1>a{display:block;width:100%;height:0.3rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news5>div{float:left;width:70%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height:0.8rem;color:#999;margin-top:2%}
/* for white */
.white-bg{background:#fff;}
.header{height:0.691rem!important;}
 @media all and (min-width:640px) {.content{width:640px;margin:0 auto;position:relative;margin-top:2%;padding-bottom:12%;}}
 @media only screen and (max-width:479px) and (min-width:321px) {html{font-size:70px;}}
 @media only screen and (max-width:320px) {html{font-size:60px;}}
.pages{width:100%;height:30px;margin:10px 0;clear:both;text-align:center;}
.pages dd{float:left;margin-left:10px;line-height:30px;}
.pages ul{float:right;display:inline;}
.pages ul span{float:left;display:inline;margin:0 7px 0 0;font:500 14px/28px "宋体";color:#666;text-align:center;}
.pages ul span a{color:#666;display:block;padding:0 10px;}
.pages ul span a:hover{background-color:#FF9900;color:#fff;}
#current{background-color:#FF9900;color:#fff;padding:0 10px;}