@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";font-size:625%;color: #333;}
body {max-width:640px;margin:auto;font-size:0;background:#fff;}
p,input {font-size:inherit;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{max-width:100%;border:none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}


.clearfix{*zoom:1;margin-top: .4rem;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
.main{max-width:6rem;margin:0 auto;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;border:none;display:inline-block;}
img{max-width:100%;max-height:100%;}
.col-1{width:100%;float:left;display:inline-block;}
.col-2{width:50%;float:left;display:inline-block;}
.col-3{width:33.33%;float:left;display:inline-block;}
.col-4{width:25%;float:left;display:inline-block;}


.sidebar-wrapper {position:relative; height:100%; overflow: auto; font-size:.2rem;display:none;}
#dowebok {background-color:rgba(0,0,0,.8);}
#dowebok .nav {margin-top:0.5rem; line-height:0.75rem;list-style-type:none;padding:0 0.2rem;}
#dowebok .nav a {display:block;color: #fff;text-decoration:none;}
[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
#dowebok ul.nav li{border-bottom:1px solid #555;background:url(../images/angle.png) no-repeat 85% center;background-size:.08rem auto;}


.banner img{width:100%;}
.banner .swiper-pagination{text-align:center;z-index:4;padding:.3rem 0;}
.banner .swiper-pagination-bullet{width:.8rem;height:4px;background:#bfbfbf;opacity:1;border-radius:0;}
.banner .swiper-pagination-bullet-active{background: #545455;}
.banner .swiper-container .swiper-slide{
	width:6.4rem;
	height:100%;
	display: block;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bannero{width:100%;max-width:6.4rem;}
.bannero img{width:100%;}


.header{width:6.4rem; height:1rem; position:relative;}
.header h1{width:2.95rem; height:1rem; position:absolute; left:.15rem; top:0;}
.header h1 a{display:table-cell; vertical-align:middle; text-align:center; width:2.95rem; height:1rem;}
.header h1 img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
.header .menu{width:.57rem; height:.35rem; float:right; background-position:center; background-repeat:no-repeat; background-image:url(../images/menu.png); background-size:.57rem .35rem; position:absolute; right:.3rem; top:.35rem; cursor:pointer;}



.expand_box{width:100%; display:inline-block; /*margin-bottom:.5rem;*/}
.expand_box .nhd1{width:100%; height:.6rem; line-height:.6rem; font-size:.22rem; color:#fff; background:#666 url(../images/exeand_bg.png) no-repeat 6rem center; background-size:.12rem auto; display:inline-block; text-align:left; text-indent:.25rem; cursor:pointer;}
.expand_box li{width:100%; height:.5rem; line-height:.5rem; font-size:.2rem; color:#333; background:#ccc; display:inline-block; text-align:left; text-indent:.25rem; cursor:pointer; position:relative; border-bottom:1px solid #f2f2f2;}
.expand_box li.angle{background-image:url(../images/angle.png); background-repeat:no-repeat; background-position:96% center; background-size:5px 7px;}
.expand_box li a{display:block;}
.expand_box .nt2 li{text-indent:.5rem; background-color:#ddd;}
.expand_box .nt3 li{text-indent:.8rem; background:#f2f2f2;}
.expand_box ul{display:none;}



.footMar{height:.9rem;background:#fff;}
.footFix{width:100%;max-width: 6.4rem;height:.9rem;position:fixed;bottom:0;left:0;right:0;z-index:666;margin:auto;background:#444;}
.footFix i{width:1px;height:.7rem;background:#fff;display:inline-block;position:absolute;top:.1rem;right:0;}
.footFix ul li{color:#fff;width:25%;line-height:1.45rem;text-align:center;display:inline-block;font-size:.18rem;font-family:'微软雅黑';position:relative;}
.footFix li a{display:block;}
.footFix li.fix1{background:url(../images/foot_tag1.png) no-repeat center .15rem;background-size:.45rem auto;}
.footFix li.fix2{background:url(../images/foot_tag2.png) no-repeat center .15rem;background-size:.37rem auto;}
.footFix li.fix3{background:url(../images/foot_tag3.png) no-repeat center .15rem;background-size:.39rem auto;}
.footFix li.fix4{background:url(../images/foot_tag4.png) no-repeat center .15rem;background-size:.37rem auto;}



.footer{text-align:center; padding:.3rem 0;}
.footer .footer_logo{height:.6rem; padding:.25rem 0;}
.footer .text_box{font-size:.22rem; color:#666; line-height:.32rem;/* padding:.25rem 0;*/}



.index_about{
    width:4.2rem;
    margin:0 auto;
    padding:.45rem;
    background:url(../images/index_about_bg.png) no-repeat right center;
    margin-top:.5rem;
    box-shadow: 1px 1px 15px #ddd;
}
.index_about .htit{
    text-align:right;
    margin-bottom:.2rem;
    background:url(../images/index_about_bg.jpg) no-repeat right bottom;
    padding-bottom:.15rem;
}
.index_about .htit h2{
    font-size:.24rem;
    color:#7e7e7e;
    padding:.1rem 0;
}
.index_about .htit p{
    font-size:.63rem;
    color:#404042;
    font-family: 'Arial';
    text-transform: uppercase;
    line-height:.6rem;
}
.index_about .text_box{
    font-size:.22rem;
    color:#696969;
    line-height:.4rem;
}


a.more{
    width:1.9rem;
    height:.6rem;
    line-height:.6rem;
    text-align:center;
    font-size:.24rem;
    color:#5d5d5d;
    font-family: 'Arial';
    border-bottom:4px solid #5d5d5d;
    display:block;
    margin:0 auto;
    margin-top:.3rem;
    margin-bottom:.3rem;
}



.htit1{
    padding:.5rem 0;
    text-align:center;
}
.htit1 h2{
    font-size:.34rem;
    color:#7e7e7e;
    padding:.03rem 0;
}
.htit1 p{
    font-size:.39rem;
    color:#404042;
    font-family: 'Arial';
    text-transform: uppercase;
}






.index_pro{
    background-color:#f2f2f4;
    background-image:url(../images/index_pro_bg.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:6.4rem auto;
    padding-bottom:.6rem;
}
.index_pro .swiper-container{
    width:94%;
}
.index_pro_slide .swiper-slide{
    width:2.95rem;
}
.index_pro_slide .swiper-slide .img_box{
    width:2.95rem;
    height:4.6rem;
}
.index_pro_slide .swiper-slide p{
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    font-size:.18rem;
    color:#333;
}
.index_pro_slide .swiper-pagination{
    position:static;
    padding:.2rem 0;
}
.index_pro_slide .swiper-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    border:2px solid #bfbfbf;
    background:#bfbfbf;
    opacity:1;
}
.index_pro_slide .swiper-pagination .swiper-pagination-bullet-active{
    border:2px solid #868686;
    background:none;
}
.index_pro_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 8px;
}




.index_join .htit1{
    padding-bottom:.25rem;
}
.index_join_slide .hd{
    height:.9rem;
    line-height:.9rem;
    border-bottom:1px solid #ccc;
}
.index_join_slide .hd ul li{
    display:inline-block;
    font-size:.42rem;
    color:#b4b4b4;
    width:.85rem;
    text-align:center;
    cursor:pointer;
    font-family: 'Arial';
    float:left;
}
.index_join_slide .hd ul li.on{
    font-size:.6rem;
    color:#fe0002;
    font-weight:bold;
}
.index_join_slide .bd .text_box{
    font-size:.22rem;
    color:#666;
    line-height:.38rem;
     padding:.25rem 0;
}
.index_join_slide .bd .text_box h3{
    font-size:.24rem;
    color:#404042;
    margin-bottom:.2rem;
}




.index_news{
    background:#f2f2f2;
    padding-bottom:.5rem;
}
.index_news .htit1{
    padding-bottom:.2rem;
}
.index_news_box .list_box{
    padding:.3rem 0;
    font-size:.2rem;
    color:#7b7b7b;
    line-height:.3rem;
    border-bottom:1px solid #ccc;
}
.index_news_box .list_box h3{
    font-size:.24rem;
    color:#282828;
    background:url(../images/index_news_hbg.jpg) no-repeat left center;
    padding-left:.15rem;
}
.index_news_box .list_box i{
    display:inline-block;
    padding:.1rem 0;
    padding-left:.15rem;
}
.index_news_box .list_box p{
    padding-left:.15rem;
}



.htit2{
    padding:.3rem 0;
    border-bottom:1px solid #ccc;
    text-align:center;
}
.htit2 h2{
  font-size:.24rem;
  color:#444;
  padding:.05rem 0;  
}
.htit2 p{
    font-size:.2rem;
    color:#888;
    text-transform: uppercase;
}



.htit3{
    padding:.35rem 0;
}
.htit3 h3{
    font-size:.26rem;
    color:#ef1919;
}
.htit3 p{
    font-size:.4rem;
    color:#c0c0c0;
    text-transform: uppercase;
}




.about .text_box{
    font-size:.2rem;
    color:#444;
    line-height:.38rem;
}
.about_brand{
    padding-bottom:.4rem;
    border-bottom:1px solid #ccc;
}
.about_brand .text_box{
    font-size:.2rem;
    color:#444;
}
.about_brand .text_box .list_box{
    margin-bottom:.3rem;
}
.about_brand .text_box h4{
    width:.7rem;
    display:inline-block;
    float:left;
    font-weight:bold;
}
.about_brand .text_box p{
    width:5.2rem;
    display:inline-block;
    float:right;
    line-height:.28rem;
}



.about2_swiper{
	display: block;
	position: relative;
}

.about2_swiper .swiper-container .swiper-slide .img_box{
	width:2.55rem;
	height:3.64rem;
	text-align:center;
	line-height:3.64rem;
	margin:0 auto;
	display: block;
}
.about2_swiper .ab_prev,
.about2_swiper .ab_next{
	position: absolute;
	top: calc(50% - .5rem);
	z-index: 11;
	width: .35rem;
	height: 1rem;
	display: block;
	cursor: pointer;
}

.about2_swiper .ab_prev {
	left: 0;
	background: rgba(0, 0, 0, .3) url(../images/l_bg.png) no-repeat center center;
	background-size: .1rem auto;
}

.about2_swiper .ab_next {
	right: 0;
	background: rgba(0, 0, 0, .3) url(../images/r_bg.png) no-repeat center center;
	background-size: .1rem auto;
}




.join .text_box{
    border-bottom:1px solid #ccc;
    font-size:.2rem;
    color:#444;
    line-height:.38rem;
    padding-bottom:.7rem;
}
.join .text_box h4{
    display:inline-block;
    height:.5rem;
    line-height:.5rem;
    background:#626262;
    padding:0 .2rem;
    border-radius:25px;
    font-size:.22rem;
    color:#fff;
    font-weight:bold;
    margin-bottom:.2rem;
}

.btn{
    height:.65rem;
    line-height:.65rem;
    font-size:.24rem;
    color:#fff;
    background:#666;
    display:block;
    padding:0 .2rem;
}
.btn em{
    float:right;
}




.contact{
    padding:.5rem 0;
}
.contact_box h3{
    font-size:.28rem;
    color:#444;
}
.contact_box .text_box{
    padding:.2rem 0;
    font-size:#666;
    font-size:.24rem;
    line-height:.38rem;
}
.contact_box .text_box span{
    padding-right:.2rem;
    margin-right:.2rem;
    color:#ef1919;
    display:inline-block;
    background:url(../images/contact_bg.jpg) no-repeat right center;
}





.messages{
    padding-bottom:.5rem;
}
.messages h3{
    font-size:.24rem;
    color:#444;
    height:.7rem;
    line-height:.7rem;
}
.messages_box p{
    padding:.1rem 0;
}
.messages_box input.text{
    width:6rem;
    height:.6rem;
    font-size:.2rem;
    text-indent:.15rem;
    border:none;
    background:#eee;
}
.messages_box textarea{
    width:5.7rem;
    height:2rem;
    padding:.15rem;
    font-size:.2rem;
    font-family: '微软雅黑';
    border:none;
    background:#eee;
}
.messages_box input.submit{
    width:3.2rem;
    height:.55rem;
    display:block;
    margin:0 auto;
    border:none;
    background:#444;
    color:#fff;
    font-size:.22rem;
    cursor:pointer;
    margin-top:.2rem;
    font-family: '微软雅黑';
}




.map{
    width:100%;
    max-width:6.4rem;
    height:5.5rem;
    overflow:hidden;
}



.net .net_form{
    padding:.5rem 0;
}
.net .net_form select{
    width:6rem;
    height:.6rem;
    margin-bottom:.2rem;
    border:1px solid #ccc;
    text-indent:.15rem;
    background:#fff;
    border-radius:4px;
}
.net .net_form input.submit{
    width:6rem;
    height:.6rem;
    text-align:center;
    background:#da251d;
    color:#fff;
    font-size:.24rem;
    border:none;
    border-radius:4px;
    font-family: '微软雅黑';
}




.net_box h3{
    font-size:.26rem;
    color:#666;
    margin-bottom:.2rem;
}
.net_box h3 span{
    color:#da251d;
    font-weight:bold;
}
.net_box .list_box{
    padding:.25rem;
    border-bottom:1px solid #ccc;
}
.net_box .list_box .text_box{
    padding-left:.75rem;
    position:relative;
}
.net_box .list_box .text_box h4{
    font-size:.26rem;
    color:#444;
    margin-bottom:.15rem;
}
.net_box .list_box .text_box p{
    font-size:.22rem;
    color:#666;
    line-height:.38rem;
}
.net_box .list_box .text_box i{
    width:.35rem;
    height:.35rem;
    line-height:.35rem;
    text-align:center;
    display:inline-block;
    background:#da251d;
    border-radius:50px;
    color:#fff;
    font-size:.24rem;
    font-weight:bold;
    position:absolute;
    left:.25rem;
    top:0;
}




.pages{
    font-size:.24rem;
    color:#fff;
    text-align:center;
    padding:.5rem 0;
}
.pages .pages_box{
    display:inline-block;
}
.pages a{
    width:.5rem;
    height:.4rem;
    line-height:.4rem;
    text-align:center;
    display:inline-block;
    background:#fff;
    color:#888;
    border:1px solid #bfbfbf;
    font-size:.15rem;
    border-radius:4px;
    float:left;
    margin:0 .05rem;
}
.pages a:hover,
.pages a.on{
    background:#3d3d3d;
    border:1px solid #3d3d3d;
    color:#fff;
}
.pages a.prev,
.pages a.next{
    font-family: '宋体';
    font-weight:bold;
}





.news{
    padding-bottom:.4rem;
    text-align:center;
}
.news_box{
   /* padding:.3rem 0;*/
}
.news_box .list_box{
   /* padding:.3rem 0;*/
    text-align:left;
}
.news_box .list_box .img_box{
    width:1.9rem;
    height:2.3rem;
    line-height:2.3rem;
    float:left;
}
.news_box .list_box .text_box{
    width:3.8rem;
    float:right;
}
.news_box .list_box .text_box h3{
    font-size:.24rem;
    padding:.1rem 0;
    color:#333;
}
.news_box .list_box .text_box p{
    font-size:.2rem;
    line-height:.3rem;
    color:#666;
}
.news_box .list_box .text_box i{
    font-size:.2rem;
    color:#888;
    display:block;
    padding-top:.2rem;
}



.newsv{
    padding-bottom:.3rem;
}
.newsv_box{
    padding-bottom:.3rem;
}
.newsv_box .htit{
    font-size:.17rem;
    text-align:center;
    padding:.4rem 0;
}
.newsv_box .htit h2{
    font-size:.2rem;
    padding:.05rem 0;
    font-weight:bold;
}
.newsv_box .text_box{
    font-size:.18rem;
    line-height:.28rem;
}
.newsv .next_btn{
    font-size:.17rem;
    color:#404040;
    line-height:.23rem;
    padding:.2rem 0;
    border-top:1px solid #d2d2d2;
}
.newsv .next_btn p{
    padding:.06rem 0;
}




.case{
    text-align:center;
   /* padding:.5rem 0;*/
}
.case_box .list_box{
    width:2.85rem;
    display:inline-block;
    margin-bottom:.2rem;
}
.case_box .list_box .img_box{
    width:2.85rem;
    height:2.1rem;
}
.case_box .list_box p{
    height:.5rem;
    line-height:.5rem;
    font-size:.2rem;
    color:#444;
}



.pro{
    text-align:center;
  /*  padding:.3rem 0;*/
}
.pro_box .list_box{
    width:2.8rem;
    display:inline-block;
    margin-bottom:.2rem;
}
.pro_box .list_box .img_box{
    width:2.8rem;
    height:2.8rem;
    border:1px solid #ddd;
}
.pro_box .list_box p{
    height:.5rem;
    line-height:.5rem;
    font-size:.2rem;
    color:#444;
}



.pro_type{
    padding-top:.2rem;
}
.pro_type h3{
    height:.6rem;
    line-height:.6rem;
    font-size:.2rem;
    color:#666;
}
.pro_type .hd{
    border:1px solid #ddd;
    height:1rem;
    margin-bottom: .15rem;
}
.pro_type .hd li{
    width:50%;
    height:1rem;
    display:inline-block;
    float:left;
    background-color:#fff;
    background-image:url(../images/angled.png);
    background-repeat:no-repeat;
    background-position:2.6rem center;
    background-size:.15rem auto;
    cursor:pointer;
}
.pro_type .hd li.on{
    background-color:#f1f1f1;
    background-image:url(../images/angleo.png);
}
.pro_type .hd li p{
    font-size:.22rem;
    line-height:1rem;
    text-indent:.7rem;
}
.pro_type .hd li:nth-child(1) p{
    background:url(../images/t1.jpg) no-repeat .15rem center;
    background-size:.4rem auto;
}
.pro_type .hd li:nth-child(2) p{
    background:url(../images/t2.jpg) no-repeat .15rem center;
    background-size:.4rem auto;
}
.pro_type .bd{
    padding:.15rem;
}
.pro_type .bd li{
    font-size:.18rem;
    height:.32rem;
    line-height:.32rem;
    display:inline-block;
    background:#eee;
    margin-right:.1rem;
    border-radius:4px;
    margin-bottom:.15rem;
}
.pro_type .bd li.on{
	color:#fff;
	background:#333;
}
.pro_type .bd li a{
    display:block;
    padding:0 .1rem;
}




.prov_slide{
    padding:.6rem 0;
}
.prov_slide .swiper-container{
    width:5.5rem;
    height:5.5rem;
    border:1px solid #ddd;
}
.prov_slide .swiper-container .swiper-slide{
    width:5.5rem;
    height:5.5rem;
}
.prov_slide .swiper-container .swiper-slide .img_box{
    width:5.5rem;
    height:5.5rem;
}
.prov_slide .sprev,
.prov_slide .snext{
    width:.7rem;
    height:.7rem;
    line-height:.7rem;
    text-align:center;
    font-size:.35rem;
    color:#fff;
    background:rgba(0,0,0,.4);
    display:inline-block;
    font-family: '宋体';
    font-weight:bold;
    position:absolute;
    top:42%;
    z-index: 666;
    cursor:pointer;
}
.prov_slide .sprev{
    left:0;
}
.prov_slide .snext{
    right:0;
}




.prov_text{
    width:5.5rem;
    padding:.2rem 0;
    margin:0 auto;
}
.prov_text h2{
    font-size:.28rem;
    color:#444;
}
.prov_text .text_box{
    padding:.2rem 0;
    font-size:#666;
    font-size:.2rem;
    line-height:.38rem;
}
.prov_text .text_box span{
    padding-right:.15rem;
    margin-right:.15rem;
    color:#ef1919;
    display:inline-block;
    background:url(../images/contact_bg.jpg) no-repeat right center;
}



.prov2 .main{
    padding:.3rem 0;
    border-top:1px solid #ddd;
}
.prov2 h2{
    color:#444;
    font-size:.28rem;
    line-height:.34rem;
}
.prov2 .text{
    color:#666;
    font-size:.2rem;
    line-height:.3rem;
    padding:.3rem 0;
}


.appslide{
    background:#f2f2f2;
    padding:.1rem 0;
}
.appslide h2{
    font-size:.28rem;
    color:#444;
    padding:.25rem 0;
    text-indent:.4rem;
}
.appslide .swiper-container{
    width:5.5rem;
}
.appslide .swiper-slide{
    width:5.5rem;
    height:4rem;
}
.appslide .swiper-slide .img_box{
    width:5.5rem;
    height:4rem;
}
.appslide .swiper-pagination{
    position:static;
    padding:.25rem 0;
}
.appslide .swiper-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    border:2px solid #bfbfbf;
    background:#bfbfbf;
    opacity:1;
}
.appslide .swiper-pagination .swiper-pagination-bullet-active{
    border:2px solid #868686;
    background:none;
}
.appslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 8px;
}



.prov_btn{
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    font-size:.2rem;
    color:#666;
    padding:.7rem 0;
}
.prov_btn ul{
    display:inline-block;
    border:1px solid #ddd;
    border-radius:25px;
    overflow:hidden;
}
.prov_btn ul li{
    width:1.3rem;
    height:.5rem;
    float:left;
    background:#eee;
    border-right:1px solid #ccc;
}
.prov_btn ul li:nth-child(3){
    border:none;
}
.prov_btn ul li a{
    display:block;
}