@charset "utf-8";
/* CSS Document */
.member_iconfont{font-family:"Times New Roman" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/* Style Reset */
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{font-size:0.16rem;font-family:"Times New Roman";}
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0;padding:0;}
ul,ol,li,dl,dt,dd{list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset,img{border:0;}
img{display:block;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:0.8rem;background-color:transparent;}
.content_new{margin-top:0!important;}
/* ��ҳ��Ҫ�ϱ߾� */
.common_bg{background-color:#b30f1a!important;}
/* index style */
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.head{background:#fff;}
.foot{background:#fff;}
.nav{background:#333436;}
.nav_color{background:#333436;}
/*header*/
.header{width:100%;position:relative;z-index:9999;}
.head{text-align:center;width:100%;height:0.791rem;top:0;right:0;line-height:0.791rem;z-index:99;position:relative;}
.logo{display:block;width:60%;height:100%; font-size:0.35rem; margin-left:4%; line-height:0.691rem;color:#fff;background:url(../images/logo.png) left center no-repeat; background-size:auto 68%;}
.logo img{}
.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.71rem;text-align:center;color:#12b17b;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}
.search_hl{width:14.0625%;top:-1px;position:absolute;height:100%;font-size:0.38rem;line-height:0.8rem;color:#fff;text-align:center;overflow:hidden;}
.search_l{left:0%;}
/*header end*/
/* nav */
body{position:relative;width:100%;background:#fff;height:100%;}
.allpage{position:relative;z-index:9990;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; padding-bottom:1rem;}
.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:150%;position:fixed;right:0;top:0;bottom:0;z-index:999999;overflow-x:hidden;-webkit-overflow-scrolling:touch; box-shadow: -2px 0 5px #000;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #45494C;}
.nav li a{display:block;width:100%;font:100 16px/50px '΢���ź�';color:#fff;text-indent:20px;}
.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;left:0;width:0;top:0;height:150%;text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-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;opacity:0; background-color:rgba(0,0,0,0.6);}
.black-fixed img{ display:block; margin:0.2rem 0.1rem auto auto; height:0.3rem;}
.black-clicked{width:100%;padding-right:2%;left:-227px;-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;opacity:1}
/* nav end*/
/* sub header */
.nav-btn{right:0;top:0;position:absolute;height:100%;width:14%;background:#fff url(../images/daohang.png) center center no-repeat; background-size:50% auto; text-align:center;overflow:hidden; z-index:99999;}
.zhongying{ display:block; position:absolute; z-index:99999; right:20%; top:0;height:100%; color:#999; font-size:0.18rem;line-height:0.791rem; }
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.71rem;color:#12b17b;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.666rem;color:#12b17b;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:0.28rem}
/* banner */
.banner{width:100%;position:relative;}
.swiper-pagination{width:98%!important;text-align:center!important;bottom:0.4rem!important;}
.swiper-pagination-bullet{width:0.15rem!important;height:0.15rem!important; background:url(../images/flh.png) center center no-repeat;opacity:1!important;}
.swiper-pagination-bullet-active{background:url(../images/flc.png) center center no-repeat; !important;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 0.05rem!important;}

/* footer */
.footer{width:100%;height:0.8rem;position:fixed!important;bottom:0;right:0;z-index:9991;-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;}
.foot{width:100%;position:fixed;height:0.8rem;bottom:0;left:0;z-index:10;-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;}
.foot-relative{position:relative;width:100%;height:0.8rem; margin:0 auto;background:#fff;}
.foot a{display:block;float:left;width:33.3%;color:#666; box-sizing:border-box;}
.foot a span{display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}
.footer{height:auto !important; border-top:1px solid #dbdbdb;}
.foot a{ height:0.8rem; width:33% !important}
.foot a:nth-child(4){ border:0;}
.foot{height:auto !important;}

.foot a span{display:block;width:100%;text-align:center;height:0.5rem;overflow:hidden; text-indent:1000px; background-position: center center !important; background-repeat:no-repeat !important; background-size: auto 70% !important;}
.foot a span.span1{ background-image:url(../images/index.png);}
.foot a span.span2{ background-image:url(../images/phone.png);}
.foot a span.span3{ background-image:url(../images/comments.png);}
.foot a span.span4{ background-image:url(../images/up.png);}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}

@media all and (min-width:640px){
   html,body, .content{width:640px;margin:0 auto;position:relative;}
}


.d_menu2{text-align: center;width: 93.75%; margin: 3% auto  0 auto;}
.d_menu2 a{	color: #ffffff; text-align: center; font-size: 0.21rem;background-color: #1aa000;display: block; float:left;width:33.33%; line-height: 0.55rem;border-right: 1px solid #30b816;border-bottom: 1px solid #30b816;box-sizing: border-box;-webkit-box-sizing: border-box;white-space: nowrap;	overflow: hidden;text-overflow: ellipsis;}
d_menu2 a:nth-child(3n){ border-right:0;}


.product_nav{ width:100%;}
.product_nav ul{ width:100%; padding-top:0.1rem;}
.product_nav ul li{ float:left; width:32%; margin-top:0.08rem; margin-right:2%;}
.product_nav ul li a{ display: block;  width:100%; text-align:center; font-size:0.18rem; line-height:0.4rem;height:0.4rem; background-color:#0054a5; color:#fff;}
.product_nav ul li:nth-child(3n){ margin-right:0;}
.product_nav ul li.active a,.product_nav ul li a:hover{ background-color:#d81e06; color:#fff;}