@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;-webkit-text-size-adjust:none;}
p,input {font-size:13px;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
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;}
.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;}
.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:#000; }
#dowebok .nav {margin-top:0.5rem; line-height:0.75rem;list-style-type:none;padding:0 0.2rem;}
#dowebok .nav a {display:block;color: #ddd;text-decoration:none;}
[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
#dowebok ul.nav li{border-bottom:0.01rem solid #fff;}




.header{
    height:1rem;
    background: #fff;
    margin:0 auto;
} 
.header .logo{
    float:left;
    width:3.2rem;
    height:1rem;
    line-height:1rem;
    display: inline-block;
}
.header .menu{
    width:.5rem;
    height:1rem;
    line-height:1rem;
    float:right;
    background:url(../images/menu.png) no-repeat center;
    background-size:.5rem .3rem;
}





 

.banner{
    width:100%;
    max-width:6.4rem;
    background: none;
}
.banner .swiper-pagination-bullet{
    width:.6rem;
    height:2px;
    border-radius: 0;
    background:#aaa;
    margin:0 .2rem;
    opacity:1;
}
.banner .swiper-pagination-bullet-active{
    background:#525252;
}




.banner2{
    width:100%;
    max-width:6.4rem;
}
.banner2 .img_box{
    overflow: hidden;
}





.index_form_box{
    width:100%;
    max-width:6.4rem;
    height:.6rem;
    border-bottom:1px solid #ddd;
    background: url(../images/ibg.jpg)no-repeat center center;
    background-size:6.4rem .8rem; 
}
.index_form_box p{
    width:6.4rem;
    display: block;
}
.index_form_box p .serch{
    width: 5.58rem;
    height: .58rem;
    line-height:.58rem;
    text-indent:.15rem;
    background:#0a0a0a;
    color:#fff;
    font-size:.2rem;
    font-family: '微软雅黑';
    border:1px solid #0a0a0a;
    border-right-style: none;
    display: inline-block;
    float:left;
    outline: none;
}
.index_form_box p input.serch::-webkit-input-placeholder{
    color:#fff;
}
.index_form_box p .submit{
    width:.78rem;
    height:.6rem;
    line-height:.6rem;
    border: 1px solid #da251d;
    display: inline-block;
    overflow: hidden;
    text-indent:999px;
    background: #da251d url(../images/ibg2.png)no-repeat center center;
    background-size:.3rem .3rem; 
    float:left;
    outline: none;
}

/*
.index_form_box input::-webkit-input-placeholder {
text-align:right;
}*/











/*pages*/
/*
.pages_box{
    text-align:center;
    display: block;
    margin:0 auto;
}
.pages_box .pages{
    display: inline-block;
}
.pages_box .pages a{
    float:left;
    height:.4rem;
    line-height:.4rem;
    padding:0 .18rem;
    display:inline-block;
    border:1px solid #ddd;
    color:#7e7e7e;
    font-size:.18rem;
    margin: 0 3px;
}
.pages_box .pages a.on,
.pages_box .pages a:hover{
    display: inline-block;
    background:#393939;
    border:1px solid #393939;
    color:#fff;
}
.pages_box .pages a:first-child{
    border-radius:.1rem 0 0 .1rem;
}
.pages_box .pages a:last-child{
    border-radius:0 .1rem .1rem 0;
}
*/


/*
.pages_box .pages a:last-child:hover,
.pages_box .pages a:last-child.on,
.pages_box .pages a:first-child:hover,
.pages_box .pages a:first-child.on{
    color:#a2a2a2;
    background:#e9e9e9;
    border:1px solid #ddd;
}
*/






/*
.pages_box .pages2{
    display: inline-block;
}
.pages_box .pages2 a{
    float:left;
    height:.55rem;
    line-height:.55rem;
    padding:0 .1rem;
    display:inline-block;
    color:#aaa;
    font-size:.22rem;
    margin:0 .1rem;
}
.pages_box .pages2 a.on,
.pages_box .pages2 a:hover{
    display: inline-block;
    color:#666;
}
*/







/*.pages_box .pages a.f2,
.pages_box .pages a.f1{
    height:.55rem;
    line-height:.55rem;
    padding:0 .25rem;
    display:inline-block;
    border:1px solid #ddd;
    color:#757575;
    font-size:.2rem;
    margin:0 .05rem;
}
.pages_box .pages #f1.on,
.pages_box .pages #f1:hover{
    color:#a2a2a2;
    background: #e9e9e9;
    border:1px solid #ddd;
    border-radius:.15rem 0 0 .15rem;
}
.pages_box .pages #f2.on,
.pages_box .pages #f2:hover{
    color:#a2a2a2;
    background: #e9e9e9;
    border:1px solid #ddd;
    border-radius:0 .15rem .15rem 0 ;
}*/




/*




.public_nav{
    width:100%;
    max-width:6.4rem;
    text-align:center;
}
.public_nav ul.list{
    height:.8rem;
    border-bottom:1px solid #ddd;
}
.public_nav ul.list li{
    float:left;
    width:33%;
    display: inline-block;
    height:.8rem;
    line-height:.8rem;
    color:#858585;
    font-size:.2rem;
    text-align:center;
}
.public_nav ul.list li:hover,
.public_nav ul.list li.on{
    color:#322d29;
    border-bottom:1px solid #ff0000;
}
.public_nav ul li a{
    display: block;
}

*/


/*

.public_nav_slide{
    height:.6rem;
    border-bottom:1px solid #ddd;
    text-align:center;
}
.public_nav_slide .swiper-container{
    width:95%;
    margin:0 auto;
    overflow: hidden;
    position: relative;
}
.public_nav_slide .swiper-container .swiper-slide{
    width:100%;
    text-align:center;
}
.public_nav_slide .swiper-container .swiper-slide p{
    display:block;
    margin:0 auto;
    height:.6rem;
    line-height:.6rem;
    color:#282828;
    font-size:.18rem;
    text-align:center;
    position: relative;
}
.public_nav_slide .swiper-container .swiper-slide p i{
    width:100%;
    height:3px;
    background: #454545;
    display: none;
    position: absolute;
    left:calc(50% - 50%);
    bottom:-1px;
}
.public_nav_slide .swiper-container .swiper-slide:hover p,
.public_nav_slide .swiper-container .swiper-slide.on p{
    color:#5c3434;
}
.public_nav_slide .swiper-container .swiper-slide:hover p i,
.public_nav_slide .swiper-container .swiper-slide.on p i{
    display: block;
}
.public_nav_slide .swiper-container .swiper-slide p a{
    display: block;
}

.public_nav_slide .swiper-container .snext,
.public_nav_slide .swiper-container .sprev{
    width:.3rem;
    height:.6rem;
    line-height:.6rem;
    text-align:center;
    color:#666;
    font-size:.25rem;
    font-family: "宋体";
    position: absolute;
    top:calc(50% - .3rem);
    z-index: 99;
    cursor: pointer;
}
.public_nav_slide .swiper-container .snext{
    right:0;
}
.public_nav_slide .swiper-container .sprev{
    left:0;
}


*/



.htit p{
    color:#ccc;
    font-size:.34rem;
    display: block;
    line-height:.4rem;
    text-align:center;
    text-transform: uppercase;
}

.htit h2{
    color:#333;
    font-size:.3rem;
    line-height:.5rem;
    text-align:center;
    /*text-transform:uppercase;设置首字母大写*/
}




.more{
    color:#fff;
    font-size:.18rem;
    width:2.3rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    background: #0a0a0a;
    border-radius: .25rem;
    text-transform: uppercase;
}
.more a{
    display: block;
}

.more2{
    color:#ff0303;
    font-size:.24rem;
    height:.5rem;
    line-height:.5rem;
    font-weight: bold;
    width:35%;
    text-transform: uppercase;
}
.more2 a{
    display: block;
}


.index_about{
    padding-bottom:.2rem;
    border-bottom:1px solid #ddd;
}
.index_about .text_box{
    padding:.5rem 0;
}
.index_about .text_box .htit{
    padding-bottom:.2rem;
}
.index_about .text_box .text{
    color:#444;
    font-size:.2rem;
    line-height:.4rem;
}
.index_about .list{
    padding-bottom:.45rem;
}
.index_about .list .left{
    float:left;
    width:2.9rem;
    height:4rem;
    position: relative;
}
.index_about .list .left h3{
    color:#fff;
    font-size:.28rem;
    line-height:.35rem;
    text-align:center;
    width:2.9rem;
    position: absolute;
    left:0;
    top:2.5rem;
    z-index: 1;
}
.index_about .list .right{
    float:right;
    width:2.9rem;
    height:4rem;
    padding-top:.4rem;
    position: relative;
}
.index_about .list .right h3{
    color:#fff;
    font-size:.28rem;
    line-height:.35rem;
    text-align:center;
    width:2.9rem;
    position: absolute;
    left:0;
    top:1.85rem;
    z-index: 1;
}
.index_about .list .right .more{
    position: absolute;
    left:calc(50% - 1.15rem);
    top:2.4rem;
}
.index_about .list_box h2{
    color:#444;
    font-size:.22rem;
    line-height:.3rem;
    padding-bottom:.2rem;
}
.index_about .list_box .text{
    color:#666;
    font-size:.2rem;
    line-height:.4rem;
}
.index_about .list_box .more2{
    margin:.2rem 0;
}












.index_pro .htit{
    padding:.6rem 0 0 0;
}
.index_pro_slide .hd{
    border-bottom:1px solid #ddd;
    display: block;
    margin:.2rem 0;
}
.index_pro_slide .hd .swiper-container {
    width:95%;
    margin:0 auto;
}
.index_pro_slide .hd .swiper-container .swiper-slide{
    text-align:center;
}
.index_pro_slide .hd .swiper-container .swiper-slide .text{
    color:#444;
    font-size:.2rem;
    line-height:.7rem;
    display: inline-block;
}
.index_pro_slide .hd .swiper-container .swiper-slide .text a{
    display: block;
}
.index_pro_slide .hd .swiper-container .swiper-slide:hover .text,
.index_pro_slide .hd .swiper-container .swiper-slide.on .text{
    border-bottom:2px solid #ff0303;
}
.index_pro_slide .bd{
    margin:.2rem 0;
}
.index_pro_slide .bd .ipro_slide ul li{
    margin-bottom:.3rem;
}
.index_pro_slide .bd .ipro_slide ul li a{
    display: block;
}
.index_pro_slide .bd .ipro_slide ul li .img_box{
    width:2.85rem;
    height:2.85rem;
    line-height:2.85rem;
    display: block;
    margin:0 auto;
}
.index_pro_slide .bd .ipro_slide ul li .text{
    color:#666;
    font-size:.2rem;
    line-height:.6rem; 
    width:2.85rem;
    text-align:center;
    display: block;
    margin:0 auto;
}
.index_pro .more{
    margin:.3rem auto .7rem auto;
}





.index_case{
    padding:0 0 .2rem 0;
}


.index_case_slide .hd{
    text-align:center;
    padding:0 0 .2rem 0;
}
.index_case_slide .hd ul{
    display: inline-block;
}
.index_case_slide .hd ul li{
    float:left;
    display: inline-block;
    padding:0 .4rem;
    color:#666;
    font-size:.2rem;
    line-height:.4rem;
    background: url(../images/ibg.png)no-repeat right center;
    background-size:.1rem .18rem; 
    cursor: pointer;
}
.index_case_slide .hd ul li:last-child{
    background: none;
}
.index_case_slide .bd .ic_slide .swiper-container{
    position: relative;
}
.index_case_slide .bd .ic_slide .swiper-container .ic_sprev,
.index_case_slide .bd .ic_slide .swiper-container .ic_snext{
    width:.4rem;
    height:.9rem;
    position: absolute;
    top:calc(50% - .45rem);
    z-index: 90;
    cursor: pointer;
    outline: none;
}
.index_case_slide .bd .ic_slide .ic_sprev{
    right:.1rem;
    background: rgba(0,0,0,.5) url(../images/r_bg.png)no-repeat center center;
    background-size:.16rem .32rem; 
}
.index_case_slide .bd .ic_slide .ic_snext{
    left:.1rem;
    background: rgba(0,0,0,.5) url(../images/l_bg.png)no-repeat center center;
    background-size:.16rem .32rem; 
}
.index_case_slide .bd .ic_slide .swiper-slide{
    width:6.4rem;
}
.index_case_slide .bd .ic_slide .swiper-slide .list{
    width:6.2rem;
    height:4.35rem;
    display: block;
    margin:0 auto;
    position: relative;
}
.index_case_slide .bd .ic_slide .swiper-slide .list .img_box{
    width:6.2rem;
    height:4.35rem;
    line-height:4.35rem;
}
.index_case_slide .bd .ic_slide .swiper-slide .list .text{
    width:6.2rem;
    height:.6rem;
    line-height:.6rem;
    color:#fff;
    font-size:.15rem;
    text-align:center;
    background: rgba(0,0,0,.5);
    position: absolute;
    left:0;
    bottom:0;
    z-index: 10;
}



.index_honor{
    padding-top:.7rem;
}
.index_honor .htit{
    margin-bottom:.3rem;
}
.index_honor_slide{
    padding:0 0 .2rem 0;
    overflow: hidden;
}


.index_honor_slide .hd{
    text-align:center;
    padding:0 0 .2rem 0;
}
.index_honor_slide .hd ul{
    display: inline-block;
}
.index_honor_slide .hd ul li{
    float:left;
    display: inline-block;
    padding:0 .4rem;
    color:#666;
    font-size:.2rem;
    line-height:.4rem;
    background: url(../images/ibg.png)no-repeat right center;
    background-size:.1rem .18rem; 
    cursor: pointer;
}
.index_honor_slide .hd ul li:last-child{
    background: none;
}
.index_honor_slide .bd .ihonor_slide{
    position: relative;
}
.index_honor_slide .bd .ihonor_slide .sprev,
.index_honor_slide .bd .ihonor_slide .snext{
    width:.4rem;
    height:.9rem;
    position: absolute;
    top:calc(50% - .45rem);
    z-index: 90;
    cursor: pointer;
    outline: none;
}
.index_honor_slide .bd .ihonor_slide .sprev{
    right:.1rem;
    background: rgba(0,0,0,.5) url(../images/r_bg.png)no-repeat center center;
    background-size:.16rem .32rem; 
}
.index_honor_slide .bd .ihonor_slide .snext{
    left:.1rem;
    background: rgba(0,0,0,.5) url(../images/l_bg.png)no-repeat center center;
    background-size:.16rem .32rem; 
}
.index_honor_slide .bd .ihonor_slide .swiper-slide{
    width:6.4rem;
}
.index_honor_slide .bd .ihonor_slide .swiper-slide .list{
    width:6.2rem;
    height:4.35rem;
    display: block;
    margin:0 auto;
    position: relative;
}
.index_honor_slide .bd .ihonor_slide .swiper-slide .list a{
    display: block;
}
.index_honor_slide .bd .ihonor_slide .swiper-slide .list .img_box{
    width:6.2rem;
    height:4.35rem;
    line-height:4.35rem;
}
.index_honor_slide .bd .ihonor_slide .swiper-slide .list .text{
    width:6.2rem;
    height:.6rem;
    line-height:.6rem;
    color:#fff;
    font-size:.15rem;
    text-align:center;
    background: rgba(0,0,0,.5);
    position: absolute;
    left:0;
    bottom:0;
    z-index: 10;
}





.index_news{
    padding:.7rem 0 .3rem 0;
}
.index_news .htit{
    margin-bottom:.3rem;
}
.index_news .list{
    padding:.3rem 0;
    border-bottom:1px solid #ddd;
}
.index_news .list_box .list a{
    display: block;
}
.index_news .list .left{
    float:left;
    width:2.3rem;
    height:1.45rem;
    line-height:1.45rem;
    text-align:center;
    display: inline-block;
}
.index_news .list .right{
    float:right;
    width:3.25rem;
    height:1.45rem;
    position: relative;
    display: inline-block;
}
.index_news .list .right i{
    color:#666;
    font-size:.18rem;
    display: block;
    margin:0 auto;
    position: absolute;
    left:0;
    top:.35rem;
    z-index: 10;
}
.index_news .list .right h3{
    color:#444;
    font-size:.2rem;
    height:.25rem;
    padding-bottom:.1rem;
    overflow: hidden;
}
.index_news .list .right .text{
    color:#666;
    font-size:.18rem;
    height:.7rem;
    margin-top:.35rem;
    line-height:.35rem;
    overflow: hidden;
}
.index_news .more{
    margin: .6rem auto .3rem auto;
}



.index_link{
    padding-bottom:.4rem;
}
.index_link i{
    display: inline-block;
    float:left;
    color:#494949;
    font-size:.2rem;
    line-height:.3rem;
}
.index_link a{
    display: inline-block;
    float:left;
    color:#494949;
    font-size:.2rem;
    line-height:.3rem;
    padding-right:.2rem;
}






.footer{
    width:100%;
    max-width:6.4rem;
    padding-top:.5rem; 
    background: #eee;
}

.footer .text_box{
    width:6rem;
}
.footer .text_box .text{
    color:#888;
    font-size:.22rem;
    line-height:.4rem;
    text-align:center;
}
.footer .foot_er{
    padding:.3rem 0;
    display: block; 
    width:2rem;
    margin:0 auto;
    text-align:center;
}
.footer .foot_er .img_box{
    width:2rem;
    height:2rem;
    margin:0 auto;
}
.footer .foot_er .text{
    color:#888;
    font-size:.22rem;
    line-height:.5rem;
    text-align:center;
}

.foot_bottom{
    background: #9a9a9a;
    padding:.2rem 0 1.2rem 0; 
}
.foot_bottom .text{
    color:#fff;
    font-size:.2rem;
    line-height:.35rem;
    text-align:center;
}







.footer2{
    width:100%;
    max-width:6.4rem;
    height:1rem;
    background: #1e1e1e;
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    margin:0 auto;
    z-index: 9999;
}
.footer2 ul li{
    float:left;
    width:25%;
    height:1rem;
    text-align:center;
}
.footer2 ul li a{
    display: block;
}
.footer2 ul li p{
    padding:.6rem 0 .15rem 0;
    height:.25rem;
    line-height:.25rem;
    color:#fff;
    font-size:.2rem;
    text-align:center;
    position: relative;
}
.footer2 ul li p i{
    width:1px;
    height:.8rem;
    display: block;
    background: #f1f1f1;
    position: absolute;
    right:0;
    top:calc(50% - .4rem);
    z-index: 10;
}
.footer2 ul li .p1{
    background: url(../images/fbg1.png)no-repeat center .1rem;
    background-size:.45rem .37rem; 
}
.footer2 ul li .p2{
    background: url(../images/fbg2.png)no-repeat center .1rem;
    background-size:.36rem .36rem; 
}
.footer2 ul li .p3{
    background: url(../images/fbg3.png)no-repeat center .1rem;
    background-size:.39rem .39rem; 
}
.footer2 ul li .p4{
    background: url(../images/fbg4.png)no-repeat center .1rem;
    background-size:.37rem .39rem; 
}








.join{
    padding-bottom:.6rem;
}
.join .list_box{
    padding-top:.6rem;
}
.join .list_box .text_box h3{
    color:#ff0808;
    font-size:.24rem;
    line-height:.45rem;
    font-weight: bold;
    padding-top:.2rem;
}
.join .list_box .text_box .text{
    color:#666;
    font-size:.2rem;
    line-height:.35rem;
}






.net{
    padding-top:.5rem;
}
.net .form_box select{
    width:100%;
    height:.7rem;
    line-height:.7rem;
    padding-left:3%;
    color:#666;
    font-size:.24rem;
    margin:0 0 .3rem 0;
    border:1px solid #e5e5e5;
    border-radius:0.05rem;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:#fff url("../images/join2.png") no-repeat 97% center;
    background-size:.2rem .1rem; 
    outline: none;
}
.net .form_box select::-ms-expand { display: none; }
.net .form_box .submit{
    width:100%;
    height:.7rem;
    line-height:.7rem;
    color:#fff;
    font-size:.24rem;
    border-radius:0.05rem;
    border:1px solid #da251d;
    background:#da251d;
    margin:0 0 .5rem 0;
}
.net .list_box {
    padding-bottom:.6rem;
}
.net .list_box h3{
    color:#666;
    font-size:.26rem;
    line-height:.36rem;
    padding-bottom:.3rem;
} 
.net .list_box h3 i{
    color:#da251d;
    font-size:.28rem;
    font-weight: bold;
} 
.net .list_box .text_box{
  width:6rem;
  padding:.3rem 0;
  display: block;
  border-bottom:1px solid #ddd;
  position: relative;
}
.net .list_box .text_box i{
  color:#fff;
  font-size:.32rem; 
  width:.4rem;
  height:.4rem;
  line-height:.4rem;
  font-weight:bold;
  border-radius: 100%;
  text-align:center;
  position: absolute;
  left:.2rem;
  top:.3rem;
  background:#da251d;
}
.net .list_box .text_box h4{
  color:#444;
  font-size:.28rem; 
  width:4.4rem;
  height:.4rem;
  line-height:.4rem;
  margin:auto;
  text-align:left;
}
.net .list_box .text_box p{
  color:#666;
  font-size:.22rem; 
  width:4.4rem;
  line-height:.4rem;
  display: block;
  margin:auto;
  text-align:left;
  letter-spacing:1px;
}
.net .pages_box{
    margin-bottom:.4rem;
}



.solu .list{
    padding:.4rem 0;
}
.solu .list p{
    color:#666;
    font-size:.2rem;
    line-height:.4rem;
}
.solu .list p img{
    display: block;
    margin:0 auto;
}
.solu .list h3{
    color:#ed1b2f;
    font-size:.22rem;
    text-align:center;
    font-weight: bold;
    padding:.5rem 0 .3rem 0;
}


.solu2{
    padding:.2rem 0 .5rem 0;
}
.solu2 h2{
    color:#666;
    font-size:.24rem;
    text-align:center;
    border-bottom:.03rem solid #e7e7e7;
    line-height:.6rem;
    margin:0 0 .4rem 0;
}
.solu2 .list li a{
    display: block;
}
.solu2 .list li{
    float:left;
    width:2.9rem;
    height:3.6rem;
    margin-right:.2rem;
    margin-bottom:.2rem;
}
.solu2 .list li:nth-child(2n){
    margin-right:0;
}
.solu2 .list li .img_box{
    width:2.9rem;
    height:1.85rem;
    line-height:1.85rem;
    text-align:center;
}
.solu2 .list li .text{
    width:100%;
    height:1.45rem;
    padding-top:.3rem;
    background: #efefef;
}
.solu2 .list li .text p{
    color:#444;
    font-size:.18rem;
    height:.6rem;
    line-height:.3rem;
    margin:0 .2rem .3rem .2rem;
    display: block;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.solu2 .list li .text .day{
    color:#666;
    font-size:.18rem;
    line-height:.5rem;
    margin:0 .2rem;
    display: block;
    border-top:1px solid #ddd;
}







.case{
    padding:.6rem 0 .5rem 0;
}
.case .list_box .list{
    margin-bottom:.2rem;
}
.case .list_box .list a{
    display: block;
}
.case .list_box .list .img_box{
    width:3rem;
    height:2.11rem;
    line-height:2.11rem;
    display: block;
    margin:0 auto;
}

.case .list_box .list .img_box img{
    width: 100%;
    height: 100%;
}

.case .list_box .list .text{
    color:#444;
    font-size:.2rem;
    line-height:.6rem;
    text-align:center;
    width:3rem;
    margin:0 auto;
    display: block;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.case .pages_box{
    padding:.3rem 0;
}



.about{
    padding:.5rem 0;
    background: url(../images/abbg.jpg)no-repeat top center;
    background-size: 6.4rem 100%; 
}
.about .htit{
    padding-bottom:.4rem;
}
.about .list .text{
    color:#444;
    font-size:.2rem;
    line-height:.35rem;
}


.about2{
    padding:.5rem 0;
}

.about2_slide {
    background: url(../images/abbg2.jpg)no-repeat top center;
    background-size: 6.4rem 100%; 
}
.about2_slide .swiper-container{
    padding:.4rem 0 .7rem 0;
    position: relative;
}
.about2_slide .swiper-container .swiper-slide{
    width:6.4rem;
    display: block;
}
.about2_slide .swiper-container .swiper-slide .text_box{
    width:5.9rem;
    height:4rem;
    background: rgba(0,0,0,.5);
    margin:0 auto;
}
.about2_slide .swiper-container .swiper-slide .text_box h3{
    color:#fff;
    font-size:.28rem;
    line-height:.4rem;
    padding:.4rem .2rem;
    text-align:center;
}
.about2_slide .swiper-container .swiper-slide .text_box .text{
    color:#fff;
    font-size:.2rem;
    line-height:.35rem;
    padding:0 .2rem;
}
.about2_slide .swiper-container .swiper-pagination{
    bottom:.3rem;
}
.about2_slide .swiper-container .swiper-pagination .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
}
.about2_slide .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
    background: #ff0808;
}






.about3{
    padding:.7rem 0 .2rem 0;
}
 .about3_slide{
    padding-bottom:.5rem;
    overflow: hidden;
 }
.about3_slide .hd{
    text-align:center;
    padding:0 0 .2rem 0;
}
.about3_slide .hd ul{
    display: inline-block;
}
.about3_slide .hd ul li{
    float:left;
    display: inline-block;
    padding:0 .4rem;
    color:#666;
    font-size:.2rem;
    line-height:.4rem;
    background: url(../images/ibg.png)no-repeat right center;
    background-size:.1rem .18rem; 
    cursor: pointer;
}
.about3_slide .hd ul li:last-child{
    background: none;
}
.about3_slide .bd .iab3_slide{
    position: relative;
}
.about3_slide .bd .iab3_slide .sprev,
.about3_slide .bd .iab3_slide .snext{
    width:.4rem;
    height:.9rem;
    position: absolute;
    top:calc(50% - .45rem);
    z-index: 90;
    cursor: pointer;
    outline: none;
}
.about3_slide .bd .iab3_slide .sprev{
    right:.1rem;
    background: rgba(0,0,0,.5) url(../images/r_bg.png)no-repeat center center;
    background-size:.16rem .32rem; 
}
.about3_slide .bd .iab3_slide .snext{
    left:.1rem;
    background: rgba(0,0,0,.5) url(../images/l_bg.png)no-repeat center center;
    background-size:.16rem .32rem; 
}
.about3_slide .bd .iab3_slide .swiper-slide{
    width:6.4rem;
}
.about3_slide .bd .iab3_slide .swiper-slide .list{
    width:6.2rem;
    height:4.35rem;
    display: block;
    margin:0 auto;
    position: relative;
}
.about3_slide .bd .iab3_slide .swiper-slide .list a{
    display: block;
}
.about3_slide .bd .iab3_slide .swiper-slide .list .img_box{
    width:6.2rem;
    height:4.35rem;
    line-height:4.35rem;
}
.about3_slide .bd .iab3_slide .swiper-slide .list .text{
    width:6.2rem;
    height:.6rem;
    line-height:.6rem;
    color:#fff;
    font-size:.15rem;
    text-align:center;
    background: rgba(0,0,0,.5);
    position: absolute;
    left:0;
    bottom:0;
    z-index: 10;
}




.about4_slide{
    padding-bottom:.4rem;
}
.about4_slide .swiper-container{
    position: relative;
}
.about4_slide .swiper-container .about4_sprev,
.about4_slide .swiper-container .about4_snext{
    width:.4rem;
    height:1rem;
    display: block;
    position: absolute;
    top:calc(50% - .5rem);
    z-index: 20;
    cursor: pointer;
    outline: none;
}
.about4_slide .swiper-container .about4_sprev{
    left:.1rem;
    background: rgba(0,0,0,.3) url(../images/l_bg.png)no-repeat center center;
    background-size:.2rem .4rem; 
}
.about4_slide .swiper-container .about4_snext{
    right:.1rem;
    background: rgba(0,0,0,.3) url(../images/r_bg.png)no-repeat center center;
    background-size:.2rem .4rem; 
}
.about4_slide .swiper-container .swiper-slide .list h3{
    color:#fff;
    font-size:.18rem;
    width:4.3rem;
    background: #7d7d7d;
    padding:.15rem .25rem;
    margin:0 auto;
    display: block;
}
.about4_slide .swiper-container .swiper-slide .list .text_box{
    width:4.3rem;
    height:3.8rem;
    padding:.25rem;
    margin:0 auto;
    border:1px solid #ddd;
    overflow-x: hidden;
    overflow-y: auto;
    overflow:scroll;
}

.about4_slide .swiper-container .swiper-slide .list .text_box h4{
    color:#666;
    font-size:.2rem;
    line-height:.4rem;
    font-weight: bold;
}
.about4_slide .swiper-container .swiper-slide .list .text_box .text{
    color:#666;
    font-size:.2rem;
    line-height:.4rem;
}

.about4_slide .swiper-container .swiper-slide .list .text_box::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.about4_slide .swiper-container .swiper-slide .list .text_box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: .1rem;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #ff0808;
}
.about4_slide .swiper-container .swiper-slide .list .text_box::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
    border-radius: .1rem;
    background: #c9c9c9;
}




.about_cont{
    padding:.2rem 0 .6rem 0;
}
.text_box .text{
    color:#444;
    font-size:.2rem;
    line-height:.35rem;
    text-align:center;
}
.text_box h3{
    color:#ff0808;
    font-size:.28rem;
    line-height:.5rem;
    font-style: oblique;
    font-weight: bold;
    text-align:center;
}




.news{
    padding:.3rem 0 .4rem 0;
}
.news .list{
    padding:.3rem 0;
    border-bottom:1px solid #ddd;
}
.news .list_box .list a{
    display: block;
}
.news .list .left{
    float:left;
    width:2.3rem;
    height:1.45rem;
    line-height:1.45rem;
    text-align:center;
    display: inline-block;
}
.news .list .right{
    float:right;
    width:3.25rem;
    height:1.45rem;
    position: relative;
    display: inline-block;
}
.news .list .right i{
    color:#666;
    font-size:.18rem;
    display: block;
    margin:0 auto;
    position: absolute;
    left:0;
    top:.35rem;
    z-index: 10;
}
.news .list .right h3{
    color:#444;
    font-size:.2rem;
    height:.25rem;
    padding-bottom:.1rem;
    overflow: hidden;
}
.news .list .right .text{
    color:#666;
    font-size:.18rem;
    height:.7rem;
    margin-top:.35rem;
    line-height:.35rem;
    overflow: hidden;
}

.news .pages_box{
    padding:.5rem 0 .6rem 0;
}

.news_com{
    padding:.5rem 0;
}
.news_com .list{
    margin-bottom:.3rem;
}
.news_com .list .hd{
    width:6rem;
    height:1.2rem;
    overflow: hidden;
    margin-bottom:.15rem;
}
.news_com .list .hd i{
    float:left;
    display: block;
    width:.8rem;
    height:1.3rem;
    line-height:1.3rem;
    text-align:center;
    color:#fff;
    font-size:.45rem;
    background: #ff0000;
}
.news_com .list .hd .text{
    float:right;
    width:4.6rem;
    padding:.1rem .5rem .1rem .1rem;
    color:#292929;
    font-size:.2rem;
    line-height:.35rem;
    background:#dbdbdb url(../images/cbg.png)no-repeat 4.8rem center;
    background-size:.3rem .25rem; 
}
.news_com .list .bd{
    width:6rem;
    height:1.3rem;
    display: none;
    overflow: hidden;
}
.news_com .list .bd i{
    float:left;
    display: block;
    width:.8rem;
    height:1.3rem;
    line-height:1.3rem;
    text-align:center;
    color:#fff;
    font-size:.45rem;
    background: #2f2f2f;
}
.news_com .list .bd .text{
    float:right;
    width:4.96rem;
    color:#292929;
    font-size:.2rem;
    line-height:.35rem;
    padding:.1rem;
    border:1px solid #ddd;
}
.news_com .pages_box{
    padding:.5rem 0 .6rem 0;
}



.cont .htit{
    padding:.7rem 0 .3rem 0;
}
.cont .list{
    border-top:2px solid #e5e5e5;
    padding:.2rem 0 .6rem 0;
}
.cont .list .text{
    color:#444;
    font-size:.2rem;
    line-height:.3rem;
    padding:.05rem 0;
    text-align:left;
}


.cont2{
    width:100%;
    max-width:6.4rem;
    background:url(../images/cont.jpg) no-repeat center center;
    background-size:6.4rem 100%; 
    padding:.4rem 0 .7rem 0;
}
.cont2 .htit{
    padding-bottom:.4rem;
}
.cont2 .form_box form input{
    width:6rem;
    height:.56rem;
    line-height:.56rem;
    text-indent:.15rem;
    border:1px solid #ddd;
    margin-bottom:.1rem;
    background: #eee;
    color:#888;
    font-size:.26rem;
    outline:none;
}
.cont2 .form_box form textarea{
    width:5.7rem;
    height:2rem;
    line-height:.5rem;
    border:1px solid #ddd;
    padding:.15rem;
    margin-bottom:.5rem;
    background: #eee;
    color:#888;
    font-size:.26rem;
    outline:none;
}
.cont2 .form_box form .f1{
    display: block;
    margin:0 auto;
    width:3.8rem;
}
.cont2 .form_box form .f1 .reset{
    float:left;
    width:1.8rem;
    height:.5rem;
    line-height:.5rem;
    margin-right:.2rem;
    text-indent:.15rem;
    border:1px solid #aaa;
    border-radius: .1rem;
    display: inline-block;
    color:#fff;
    font-size:.26rem;
    background: #808080;
    outline:none;
    cursor: pointer;
}
.cont2 .form_box form .f1 .submit{
    float:left;
    width:1.8rem;
    height:.5rem;
    line-height:.5rem;
    text-indent:.15rem;
    border:1px solid #aaa;
    border-radius: .1rem;
    display: inline-block;
    color:#fff;
    font-size:.26rem;
    background: #ef1c22;
    outline:none;
    cursor: pointer;
}


.cont3 .map_box{
    width:6.4rem;
    overflow: hidden;
}






.news_v{
    padding:.5rem 0;
}
.news_v h2{
    line-height:.4rem;
    width:6rem;
    color:#111;
    font-size:.26rem;
    text-align:center;
}
.news_v .day{
    width:6rem;
    color:#888;
    font-size:.15rem;
    line-height:.3rem;
    text-align:center;
    padding-bottom:.3rem;
}
.news_v .text{
    color:#555;
    font-size:.2rem;
    line-height:.36rem;
}
.news_v .text img{
    display: block;
    margin:0 auto;
}
.news_v .pages_box{
    padding:.6rem 0 0 0;
}


.prov_more{
    width:6.4rem;
    height:.7rem;
    line-height:.7rem;
    display:inline-block;
    text-align:left;
    font-size:.24rem;
    color:#fff;
    text-indent:.4rem;
    border-bottom:1px solid #aaa;
    background:#454545 url(../images/angle1.png) no-repeat 6rem center ;
    background-size:.11rem .21rem;
}
.prov_more a{
    display: block;
}


.type_btn{
    text-align:center;
    font-size:0;
    width:100%;
    max-width:6.4rem;
    background:#fff;
}
.type_btn>ul{
    display: block;
    margin:0 auto;
}
.type_btn>ul>li{
    width:100%;
    height:.7rem;
    line-height:.7rem;
    display:inline-block;
    text-align:left;
    font-size:.24rem;
    color:#fff;
    text-indent:.4rem;
    border-bottom:1px solid #aaa;
    background:#454545 url(../images/angle1.png) no-repeat 6rem center ;
    background-size:.11rem .21rem;
    position:relative;
}
.type_btn>ul>li>a.hd{
    color:#fff;
    background:#454545 url(../images/angle1.png) no-repeat 6rem center ;
    background-size:.11rem .21rem;
}
.type_btn>ul>li:nth-child(2n){
    margin:0;
}
.type_btn>ul>li:hover{
    color:#333;
}
.type_btn>ul>li>ul{
    display:none;
    position:absolute;
    left:0;
    top:.70rem;
    width:100%;
    z-index: 333;
}
.type_btn>ul>li>ul>li{
    color:#666;
    background:#dedede;
    font-size:.22rem;
    line-height:.6rem;
    text-indent:.5rem;
	position: relative;
    border-top:1px solid #FFFFFF;
}
.type_btn>ul>li>ul>li.on,
.type_btn>ul>li>ul>li:hover{
    color:#ff0000;
    background:#CCCCCC;
}
.type_btn>ul>li>ul>li>a:last-child{
    border-bottom:1px solid #ddd;
}

/*  */
.type_btn>ul>li>ul>li>ul{
    left:0;
    top:.60rem;
    width:100%;
    display:none;
    z-index: 333;
    position:absolute;
}
.type_btn>ul>li>ul>li>ul>li{
    line-height:.6rem;
    font-size:.22rem;
    color:#333333;
    text-indent:.5rem;
    background:#ffffff;
    border-top:1px solid #666;
}
.type_btn>ul>li>ul>li>ul>li.on,
.type_btn>ul>li>ul>li>ul>li:hover{
    color:#ff6666;
    background:#333;
}
.type_btn>ul>li>ul>li>ul>li>a:last-child{
    border-bottom:1px solid #ccc;
}
/*  */


.type_btn ul li a{
    display:block;
}








.pro_box{
    padding-bottom:.4rem;
}
.pro_box .htit{
    padding:.4rem 0;
}
.pro_box .htit p{
    background-size:3.4rem 1px; 
}




.pro{
    padding:.7rem 0 .3rem 0;
    background: url(../images/probg.jpg) no-repeat top center;
    background-size:6.4rem 100%; 
}
.pro .list{
    width:5.55rem;
    display: block;
    margin:0 auto;
}
.pro .list .img_box{
    width:5.55rem;
    height:3.9rem;
    line-height:3.9rem;
}
.pro .list .htit{
    padding:.4rem 0 .2rem 0;
}
.pro .list .htit h2{
    text-align:left;
}
.pro .list .htit p{
    text-align:left;
}
.pro .list .text{
    color:#666;
    font-size:.18rem;
    line-height:.4rem;
}









.pro2{
    padding:.4rem 0 .5rem 0;
}
.pro2 .list_box .list{
    margin-bottom:.2rem;
}
.pro2 .list_box .list a{
    display: block;
}
.pro2 .list_box .list .img_box{
    width:3rem;
    height:3rem;
    line-height:3rem;
    display: block;
    margin:0 auto;
}
.pro2 .list_box .list .text{
    color:#666;
    font-size:.2rem;
    line-height:.6rem;
    text-align:center;
    width:3rem;
    margin:0 auto;
    display: block;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}












.prov_slide{
    padding:.5rem 0;
 }
.prov_slide .swiper-container{
    position: relative;
}
.prov_slide .swiper-container .prov_sprev,
.prov_slide .swiper-container .prov_snext{
    width:.4rem;
    height:1rem;
    display: block;
    position: absolute;
    top:calc(50% - .5rem);
    z-index: 20;
    cursor: pointer;
    outline: none;
}
.prov_slide .swiper-container .prov_sprev{
    left:.1rem;
    background: rgba(0,0,0,.3) url(../images/l_bg.png)no-repeat center center;
    background-size:.2rem .4rem; 
}
.prov_slide .swiper-container .prov_snext{
    right:.1rem;
    background: rgba(0,0,0,.3) url(../images/r_bg.png)no-repeat center center;
    background-size:.2rem .4rem; 
}
.prov_slide .swiper-container .swiper-slide{
    width:6.4rem;
    display: block;
}
.prov_slide .swiper-container .swiper-slide .img_box{
    width:5.2rem;
    height:5.2rem;
    line-height:5.2rem;
    border:1px solid #ddd;
    display: block;
    margin:0 auto;
}






.prov .text_box{
    width:6rem;
}
.prov .text_box .htit2 h2{
    color:#222;
    font-size:.28rem;
    line-height:.6rem;
    border-bottom:2px solid #ddd;
    margin-bottom:.2rem;
}

.prov .text_box .text{
    font-size:.2rem;
    line-height:.4rem;
}
.prov .text_box .text i{
    display: inline-block;
    float:left;
    max-width:20%;
    padding-right:.1rem;
    color:#ef1919;
    background: url(../images/provbg.jpg)no-repeat right center;
    background-size: 1px .2rem; 
}
.prov .text_box .text span{
    display: inline-block;
    float:left;
    color:#666;
    max-width:80%;    
    padding-left:.1rem;
}
.prov .more_box{
    margin:.3rem 0 .4rem 0;
}
.prov .more_box a{
    display: inline-block;
    padding:0 .3rem;
    color:#666;
    font-size:.2rem;
    line-height:.4rem;
    background: url(../images/provbg2.jpg)no-repeat right center;
    background-size:1px .22rem; 
} 
.prov .more_box a:first-child{
    padding-left:0;
}
.prov .more_box a:last-child{
    background: none;
}


.prov2{
    padding:.5rem 0;
    background: url(../images/provbg3.jpg)no-repeat center center;
    background-size:6.4rem 100%; 
}
.prov2 .vr_box{
    width:5.62rem;
    height:3.96rem;
    margin:0 auto;
    display: block;
    position: relative;
}
.prov2 .vr_box a{
    display: block;
}
.prov2 .vr_box .img_box{
    width:5.62rem;
    height:3.96rem;
    line-height:3.96rem;
}
.prov2 .vr_box .text{
    display: block;
    color:#fff;
    font-size:.2rem;
    text-align:center;
    width:5.62rem;
    line-height:.5rem;
    background: rgba(0,0,0,.5);
    position: absolute;
    left:0;
    bottom:0;
}




.prov3{
    padding:.6rem 0 .5rem 0;
}
.prov3 .htit{
    padding-bottom:.3rem;
}
.prov3 .list_box .list{
    margin-bottom:.2rem;
}
.prov3 .list_box .list a{
    display: block;
}
.prov3 .list_box .list .img_box{
    width:3rem;
    height:3rem;
    line-height:3rem;
    display: block;
    margin:0 auto;
}
.prov3 .list_box .list .text{
    color:#666;
    font-size:.2rem;
    line-height:.6rem;
    text-align:center;
    width:3rem;
    margin:0 auto;
    display: block;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}


.pages{
    text-align:center;
    margin-bottom:.4rem;
}
.pages a{
    display: inline-block;
    padding:10px 15px;
    color:#666;
    font-size:.2rem;
    border:1px solid #ddd;
    margin:0 5px;
    font-family: "微软雅黑";
}
.pages a:hover,
.pages a.on{
    color:#fff;
    background: #444;
}

/*
.pages2 a{
    float:left;
    display: inline-block;
    padding:6px 0;
    color:#2f2f2f;
    font-size:15px;
    margin:0 15px 0 0;
    font-family: "微软雅黑";
}
.pages2 a:hover,
.pages2 a.on{
    color:#f89725;
}
*/