@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:.8rem;
    background: #fff;
    margin:0 auto;
} 
.header .logo{
    float:left;
    width:3rem;
    height:.8rem;
    line-height:.8rem;
    display: inline-block;
}
.header .menu{
    width:.5rem;
    height:.8rem;
    line-height:.8rem;
    float:right;
    background:url(../images/menu.png) no-repeat center;
    background-size:.5rem .37rem;
}





 

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




.banner2{
    width:100%;
    max-width:6.4rem;
    min-height:1rem;
    overflow: hidden;
    position: relative;
}
.banner2 .img_box{
    width:100%;
    max-width:6.4rem;
}





.index_form_box{
    width:100%;
    height:.8rem;
    border-bottom:1px solid #ddd;
    background: url(../images/ibg.jpg)no-repeat center center;
    background-size:6.4rem .8rem; 
}
.index_form_box p{
    width:6rem;
    padding:.2rem 0;
    display: block;
}
.index_form_box p .serch{
    width: 89%;
    height: .4rem;
    line-height:.4rem;
    text-indent:.15rem;
    background:#fff;
    color:#888;
    font-size:.2rem;
    font-family: '微软雅黑';
    border:1px solid #ddd;
    border-right-style: none;
    border-radius:.1rem 0 0 .1rem;
    display: inline-block;
    float:left;
    outline: none;
}
.index_form_box p .submit{
    width:10%;
    height:.42rem;
    line-height:.4rem;
    border: 1px solid #ea1c1c;
    border-radius:0 .1rem .1rem 0;
    display: inline-block;
    overflow: hidden;
    text-indent:999px;
    background: #ea1c1c 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:.55rem;
    line-height:.55rem;
    padding:0 .22rem;
    display:inline-block;
    border:1px solid #ddd;
    color:#7e7e7e;
    font-size:.24rem;
    margin:0 .05rem;
}
.pages_box .pages a.on,
.pages_box .pages a:hover{
    display: inline-block;
    background:#ed1b2f;
    border:1px solid #ed1b2f;
    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 h2{
    color:#333;
    font-size:.26rem;
    display: block;
    line-height:.35rem;
    text-align:center;
    font-weight: bold;
}

.htit p{
    color:#322d29;
    font-size:.18rem;
    line-height:.4rem;
    text-align:center;
    text-transform:uppercase;/*设置首字母大写*/
    font-family: "Arial";
    background: url(../images/ibg3.png)no-repeat center center;
}





.more{
    color:#666;
    font-size:.2rem;
    width:1.65rem;
    height:.6rem;
    line-height:.6rem;
    text-align:center;
    text-transform: uppercase;
}
.more a{
    display: block;
}









.index_about{
    padding:.4rem 0;
}
.index_about .htit p{
    background-size:4.9rem 1px; 
}
.index_about .list_box{
    padding-bottom:.4rem;
}
.index_about .list_box .list{
    float:left;
    width:2rem;
}
.index_about .list_box .list .img_box{
    display: block;
    width:2rem;
    height:.7rem;
    line-height:.7rem;
}
.index_about .list_box .list .text{
    color:#2c2c2c;
    font-size:.16rem;
    line-height:.3rem;
    padding-top:.2rem;
    text-align:center;
}


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


.index_about2{
    width:100%;
    max-width:6.4rem;
    background: url(../images/ibg4.jpg)no-repeat right bottom;
    background-size:4.3rem 6.4rem; 
}
.index_about2 .list_box{
    padding:.5rem 0;
}
.index_about2 .list_box .list{
    padding:.2rem 0 .2rem 1rem;
    min-height:1rem;
    position: relative;
}
.index_about2 .list_box .list i{
    width:1rem;
    color:#999;
    font-size:.7rem;
    text-align:center;
    display: block;
    position: absolute;
    left:0;
    top:.2rem;
}
.index_about2 .list_box .list .text_box{
    display: block;
    padding-left:.3rem;
    min-height:.6rem;
    background: url(../images/ibg5.jpg)no-repeat left .4rem;
    background-size:.2rem 1px; 
}
.index_about2 .list_box .list .text_box h2{
    color:#db3643;
    font-size:.24rem;
    line-height:.3rem;
}
.index_about2 .list_box .list .text_box .text{
    color:#999;
    font-size:.2rem;
    line-height:.35rem;
    padding-top:.05rem;
}
.index_about2 .list_box .list.on .text_box .text,
.index_about2 .list_box .list:hover .text_box .text{
    color:#333;
}



.index_about3{
    padding:.7rem 0;
}

.index_about3 .htit p{
    overflow: hidden;
    background-size:6.4rem 1px; 
}
.index_about3 .img_box{
    width:6rem;
    height:4.4rem;
    line-height:4.4rem;
    padding-top:.2rem;
}

.index_about4{
    padding-bottom:.7rem;
}
.index_about4 .text_box{
    width:5.7rem;
    display: block;
    margin:0 auto;
}
.index_about4 .text_box h2{
    color:#000;
    font-size:.26rem;
    line-height:.5rem;
    font-weight: bold;
    text-align:center;
}
.index_about4 .text_box .text{
    color:#333;
    font-size:.18rem;
    line-height:.35rem;
    padding:.2rem 0;
}
.index_about4 .img_box{
    width:6.4rem;
    height:3rem;
    line-height:3rem;
}





.index_serve .htit p{
    color:#986740;
    font-size:.2rem;
    background-size:5rem 1px; 
}
.index_serve .list_box{
    padding:.2rem 0;
}
.index_serve .list_box .list{
    padding:.3rem 0;
    min-height:1.1rem;
    background: url(../images/ibg6.png)no-repeat center bottom;
    background-size: 6rem .1rem;
    position: relative;
}
.index_serve .list_box .list i{
    display: block;
    width:1rem;
    height:1.1rem;
    line-height:1.1rem;
    color:#fff;
    font-size:.7rem;
    text-align:center;
    font-style: oblique;
    background: #ea1c1c;
    position: absolute;
    left:0;
    top:.3rem;
}
.index_serve .list_box .list .text_box{
    padding-left:1.2rem;
}
.index_serve .list_box .list .text_box h3{
    color:#5e5e5e;
    font-size:.18rem;
    line-height:.3rem;
    font-style: oblique;
}
.index_serve .list_box .list .text_box h4{
    color:#000;
    font-size:.24rem;
    line-height:.45rem;
    font-weight: bold;
    font-style: oblique;
}
.index_serve .list_box .list .text_box .text{
    color:#333;
    font-size:.18rem;
    line-height:.3rem;
}


.index_pro{
    padding:.7rem 0;
}
.index_pro .htit p{
    background-size:3.6rem; 
}
.index_pro .list_box{
    padding-top:.4rem;
}
.index_pro .list_box .list{
    float:left;
    width:2.85rem;
    height:3.2rem;
    margin-right:.3rem;
    margin-bottom:.25rem;
}
.index_pro .list_box .list a{
    display: block;
}
.index_pro .list_box .list:nth-child(2n){
    margin-right:0;
}
.index_pro .list_box .list .img_box{
    width:2.83rem;
    height:2.7rem;
    border:1px solid #ddd;
}
.index_pro .list_box .list .text{
    color:#333;
    font-size:.16rem;
    line-height:.48rem;
    text-align:center;
}

.index_about5 .text_box{
    width:5.8rem;
    margin:0 auto;
}
.index_about5 .text_box h2{
    color:#322d29;
    font-size:.3rem;
    line-height:.45rem;
    text-align:center;
    font-weight:bold;
    padding:.4rem 0;
    text-transform: uppercase;
}
.index_about5 .text_box .text{
    color:#3a3a3a;
    font-size:.2rem;
    line-height:.4rem;
}
.index_about5 .text_box  .iab_more{
    width:.55rem;
    height:.55rem;
    line-height:.55rem;
    text-align:center;
    display: block;
    margin:.2rem auto;
}
.index_about5 .img_box{
    width:;
    height:;
    line-height:;
}



.index_news{
    padding:.7rem 0 .3rem 0;
}
.index_news .htit{
    padding-bottom:.3rem;
}
.index_news .htit p{
    background-size: 2.8rem 1px;
}
.index_news .list{
    margin-bottom:.3rem;
}
.index_news .list a{
    display: block;
}
.index_news .list .left{
    float:left;
    width:2.45rem;
    height:1.8rem;
    line-height:1.8rem;
    text-align:center;
    border:1px solid #ddd;
}
.index_news .list .right{
    float:right;
    width:3.25rem;
    height:1.8rem;
    position: relative;
}
.index_news .list .right i{
    color:#322d29;
    font-size:.16rem;
    display: block;
    margin:0 auto;
    position: absolute;
    left:0;
    bottom:0;
}
.index_news .list .right .more{
    color:#322d29;
    font-size:.18rem;
    text-align:center;
    width:1.1rem;
    height:.3rem;
    line-height:.3rem;
    border:1px solid #ddd;
    display: block;
    margin:0 auto;
    position: absolute;
    right:0;
    bottom:0;
}
.index_news .list .right h3{
    color:#322d29;
    font-size:.22rem;
    height:.25rem;
    padding-bottom:.1rem;
    border-bottom:1px solid #ea1c1c;
    overflow: hidden;
}
.index_news .list .right .text{
    color:#322d29;
    font-size:.19rem;
    height:.7rem;
    padding:.15rem 0;
    line-height:.35rem;
    overflow: hidden;
}


.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:.5rem 0 1.2rem 0; 
    background: #555;
    position: relative;
}
.footer .f_logo{
    width:3.6rem;
    line-height:.7rem;
}
.footer .text_box{
    width:3.6rem;
}
.footer .text_box h1{
    color:#f3f3f3;
    font-size:.28rem;
    line-height:.3rem;
    padding-bottom:.4rem;
}
.footer .text_box .text{
    color:#f3f3f3;
    font-size:.2rem;
    line-height:.4rem;
}
.footer .foot_er{
    position: absolute;
    top:.9rem;
    right:.5rem;
}
.footer .foot_er .img_box{
    width:1.8rem;
    height:1.8rem;
    margin:0 auto;
}
.footer .foot_er .text{
    color:#f3f3f3;
    font-size:.24rem;
    line-height:.5rem;
    padding:.1rem 0 .2rem 0;
    text-align:center;
}
.footer  .foot_bottom{
    padding:.2rem 0;
    margin-top:.3rem;
    border-top:1px solid #979797;
}
.footer  .foot_bottom .text{
    color:#f3f3f3;
    font-size:.16rem;
    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:#d5d3d2;
    font-size:.2rem;
    text-align:center;
}
.footer2 ul li .p1{
    background: url(../images/fbg1.png)no-repeat center .1rem;
    background-size:.42rem .37rem; 
}
.footer2 ul li .p2{
    background: url(../images/fbg2.png)no-repeat center .1rem;
    background-size:.4rem .45rem; 
}
.footer2 ul li .p3{
    background: url(../images/fbg3.png)no-repeat center .1rem;
    background-size:.42rem .42rem; 
}
.footer2 ul li .p4{
    background: url(../images/fbg4.png)no-repeat center .1rem;
    background-size:.42rem .42rem; 
}








.join{
    padding:.6rem 0;
}
.join .htit{
    padding-bottom:.6rem;
}
.join .text p{
    color:#444;
    font-size:.2rem;
    line-height:.35rem;
}







.join2 .htit{
    padding-bottom:.6rem;
}
.join2 .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;
}
.join2 .form_box select::-ms-expand { display: none; }
.join2 .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;
}
.join2 .list_box {
    padding-bottom:.6rem;
}
.join2 .list_box h3{
    color:#666;
    font-size:.26rem;
    line-height:.36rem;
    padding-bottom:.3rem;
} 
.join2 .list_box h3 i{
    color:#da251d;
    font-size:.28rem;
    font-weight: bold;
} 
.join2 .list_box .text_box{
  width:6rem;
  padding:.3rem 0;
  display: block;
  border-bottom:1px solid #ddd;
  position: relative;
}
.join2 .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;
}
.join2 .list_box .text_box h4{
  color:#444;
  font-size:.28rem; 
  width:4.4rem;
  height:.4rem;
  line-height:.4rem;
  margin:auto;
  text-align:left;
}
.join2 .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;
}




.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:.2rem 0 .5rem 0;
}
.case .htit{
    padding:.5rem 0;
}
.case .htit p{
    background-size:4rem 1px; 
}
.case .list_box .list a{
    display: block;
}
.case .list_box .list{
    float:left;
    width:2.9rem;
    height:3.25rem;
    margin-right:.2rem;
    margin-bottom:.5rem;
    background: #efefef;
}
.case .list_box .list:nth-child(2n){
    margin-right:0;
}
.case .list_box .list .img_box{
    width:2.65rem;
    height:2.65rem;
    line-height:2.65rem;
    display: block;
    margin:.15rem auto 0 auto;
    text-align:center;
}
.case .list_box .list .text{
    color:#444;
    font-size:.18rem;
    line-height:.45rem;
    text-align:center;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.case .pages_box{
    padding:.3rem 0;
}







.about .list_box{
    width:6rem;
    height:5.22rem;
    position:relative;
}
.about .list_box .pic{
    width:6rem;
    height:5.22rem;
    line-height:5.22rem;
    text-align:right;
}
.about .list_box h3{
    color:#000;
    font-size:.27rem;
    line-height:.35rem;
    text-transform: uppercase;
    position: absolute;
    left:.35rem;
    top:.5rem;
}
.about .list .text{
    color:#000;
    font-size:.19rem;
    line-height:.35rem;
}





.about2{
    width:100%;
    max-width:6.4rem;
    padding-top:.4rem;
}
.about2 .list_box{
    width:6rem;
    margin:0 auto;
    padding-top:.4rem;
}
.about2 .list_box .list{
    float:left;
    width:2rem;
}
.about2 .list_box .list .img_box{
    display: block;
    width:2rem;
    height:.7rem;
    line-height:.7rem;
}
.about2 .list_box .list .text{
    color:#2c2c2c;
    font-size:.16rem;
    line-height:.3rem;
    padding-top:.2rem;
    text-align:center;
}

.about2_slide .swiper-container{
    height:2.1rem;
    padding:.4rem 0;
    position: relative;
}
.about2 .swiper-container .swiper-slide{
    width:2.9rem;
    height:2.1rem;
    text-align:center;
    display: block;
}

.about2_slide .swiper-container .about2_snext,
.about2_slide .swiper-container .about2_sprev{
    width:.55rem;
    height:.6rem;
    display: block;
    position: absolute;
    top:calc(50% - .3rem);
    z-index: 99;
    cursor:pointer;
    outline: none;
}
.about2_slide .swiper-container .about2_snext{
    background: rgba(255,0,0,.5) url(../images/l_bg.png)no-repeat center center;
    background-size:.17rem .3rem; 
    left:.15rem;
}
.about2_slide .swiper-container .about2_sprev{
    background: rgba(255,0,0,.5) url(../images/r_bg.png)no-repeat center center;
    background-size:.17rem .3rem; 
    right:.15rem;
}
.about2_slide .swiper-container .swiper-slide .img_box{
    width:2.9rem;
    height:2.1rem;
    display: block;
    margin:0 auto;
}




.news_box{
    padding-top:.4rem;
}
.news_box .htit p{
    background-size:3rem 1px; 
}


.news{
    padding:.3rem 0 .4rem 0;
}
.news .htit{
    padding:.3rem 0 .5rem 0;
}
.news .list{
    margin-bottom:.3rem;
}
.news .list a{
    display: block;
}
.news .list .left{
    float:left;
    width:2.45rem;
    height:1.8rem;
    line-height:1.8rem;
    text-align:center;
    border:1px solid #ddd;
}
.news .list .right{
    float:right;
    width:3.25rem;
    height:1.8rem;
    position: relative;
}
.news .list .right i{
    color:#322d29;
    font-size:.16rem;
    display: block;
    margin:0 auto;
    position: absolute;
    left:0;
    bottom:0;
}
.news .list .right .more{
    color:#322d29;
    font-size:.18rem;
    text-align:center;
    width:1.1rem;
    height:.3rem;
    line-height:.3rem;
    border:1px solid #ddd;
    display: block;
    margin:0 auto;
    position: absolute;
    right:0;
    bottom:0;
}
.news .list .right h3{
    color:#322d29;
    font-size:.22rem;
    height:.25rem;
    padding-bottom:.1rem;
    border-bottom:1px solid #ea1c1c;
    overflow: hidden;
}
.news .list .right .text{
    color:#322d29;
    font-size:.19rem;
    height:.7rem;
    padding:.15rem 0;
    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;
}




.htit_cont h2{
    color:#282828;
    font-size:.28rem;
    line-height:.4rem;
}
.cont{
    padding-top:.5rem;
}
.cont .list{
    padding:.2rem 0 .4rem 0;
}
.cont .list h3{
    color:#353535;
    font-size:.26rem;
    line-height:.4rem;
    padding:.2rem 0;
}
.cont .list .text{
    color:#333;
    font-size:.2rem;
    line-height:.3rem;
    padding:.05rem 0;
    text-align:left;
}
.cont .list .text i{
    float:left;
    display: inline-block;
    max-width:18%;
}
.cont .list .text span{
    float:left;
    display: inline-block;
    max-width:68%;
}

.cont .list .er_box{
    width:6rem;
    height:110px;
    line-height:110px;
    padding:.4rem 0;
    display: block;
}


.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 h2{
    text-transform:uppercase;
}
.cont2 .form_box{
    padding:.5rem 0;
}
.cont2 .form_box h2{
    color:#1b1b1b;
    font-size:.26rem;
    line-height:.45rem;
    margin-bottom:.2rem;
}
.cont2 .form_box form label{
    width:6rem;
    display: inline-block;
    padding-bottom:.3rem;
    color:#888;
    font-size:.26rem;
    line-height:.56rem;
}
.cont2 .form_box form input{
    width:85%;
    height:.56rem;
    line-height:.56rem;
    text-indent:.15rem;
    border:1px dashed #aaa;
    color:#888;
    font-size:.26rem;
    outline:none;
}
.cont2 .form_box form label i{
    float:left;
    color:#888;
    font-size:.26rem;
    line-height:.56rem;
    display: inline-block;
}
.cont2 .form_box form textarea{
    width:85%;
    height:2rem;
    line-height:.5rem;
    text-indent:.15rem;
    border:1px dashed #aaa;
    color:#888;
    font-size:.26rem;
    outline:none;
}
.cont2 .form_box form .f1{
    display: block;
    position: relative;
}
.cont2 .form_box form .f1 .pic{
    width:1.2rem;
    height:.5rem;
    background: #eee;
    display: block;
    position: absolute;
    left:.8rem;
    top:.08rem;
}
.cont2 .form_box form .f1 .num{
    float:left;
    width:1.8rem;
    height:.48rem;
    line-height:.48rem;
    color:#888;
    font-size:.2rem;
    text-indent:.15rem;
    border:1px solid #aaa;
    display: block;
    margin:.08rem .3rem auto 2rem;
}
.cont2 .form_box form .f1 .submit{
    float:right;
    width:1.6rem;
    height:.6rem;
    line-height:.6rem;
    margin-right:.2rem;
    text-indent:.15rem;
    border:1px solid #aaa;
    border-radius: .1rem;
    display: inline-block;
    color:#fff;
    font-size:.26rem;
    background: #181414;
    outline:none;
    cursor: pointer;
}


.cont3{
    padding:.5rem 0;
}
.cont3 .list{
    padding:.3rem 0;
}
.cont3 .list .text{
    color:#111;
    font-size:.22rem;
    line-height:.4rem;
}





.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;
    width:6rem;
}
.news_v .text img{
    display: block;
    margin:0 auto;
}
.news_v .pages_box{
    padding:.6rem 0 0 0;
}





.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:.45rem;
    line-height:.45rem;
    display:inline-block;
    text-align:left;
    font-size:.24rem;
    color:#333;
    text-indent:.2rem;
    border-bottom:1px solid #aaa;
    background:#fff url(../images/angle1.png) no-repeat 5.6rem center;
    background-size:.24rem .14rem;
    position:relative;
}
.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:.45rem;
    width:100%;
    z-index: 333;
}
.type_btn>ul>li>ul>li{
    line-height:.45rem;
    font-size:.22rem;
    color:#333;
    text-indent:.3rem;
    border-top:1px solid #ddd;
}
.type_btn>ul>li>ul>li>a.hd{
    background:#fff url(../images/angle1.png) no-repeat 5.6rem center;
    background-size:.24rem .14rem;
}
.type_btn>ul>li>ul>li.on,
.type_btn>ul>li>ul>li:hover{
    color:#ff0000;
    background:#fff;
}
.type_btn>ul>li>ul>li>a:last-child{
    border-bottom:1px solid #ddd;
}
.type_btn>ul>li>ul>li>ul>li{
    line-height:.45rem;
    font-size:.22rem;
    color:#888;
    text-indent:.4rem;
    background:#fff;
    border-top:1px solid #ddd;
}
.type_btn>ul>li>ul>li>ul>li>a.hd{
    background:#fff url(../images/angle1.png) no-repeat 5.6rem center;
    background-size:.24rem .14rem;
}
.type_btn>ul>li>ul>li>ul>li.on,
.type_btn>ul>li>ul>li>ul>li:hover{
    color:#ff0000;
    background:#fff;
}
.type_btn>ul>li>ul>li>ul>li>ul>li{
    line-height:.45rem;
    font-size:.22rem;
    color:#888;
    text-indent:.5rem;
    background:#fff;
    border-top:1px solid #ddd;
}

.type_btn>ul>li>ul>li>ul>li>ul>li.on,
.type_btn>ul>li>ul>li>ul>li>ul>li:hover{
    color:#ff0000;
    background:#fff;
}
.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-bottom:.7rem;
}
.pro .list_box{
    padding:.6rem 0 .4rem 0;
}
.pro .list_box .list a{
    display: block;
    margin:0 auto;
    width:2.9rem;
}
.pro .list_box .list{
    height:2.95rem;
    text-align:center;
    margin-bottom:.2rem;
}
.pro .list_box .list:nth-child(2n){
    margin-right:0;
}
.pro .list_box .list .img_box{
    width:2.89rem;
    height:2.38rem;
    border:1px solid #ddd;
}
.pro .list_box .list .text{
    color:#fff;
    font-size:.16rem;
    width:100%;
    height:.55rem;
    line-height:.55rem;
    text-align:center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background:#8d8d8d url(../images/probg.png)no-repeat right top;
    background-size:.55rem .55rem; 
}

.pro .pro2_more{
    margin-right:10%;
    margin-bottom: 40px;
}



.pro_list{
    padding:.7rem 0;
}
.pro_list .htit p{
    background-size:3.4rem 1px; 
}
.pro_list .htit h3{
    color:#322d29;
    font-size:.24rem;
    line-height:.4rem;
    text-align:center;
    padding-top:.1rem;
}
.pro_list .list_box{
    padding:.2rem 0;
}
.pro_list .list_box .list a{
    display: block;
    margin:0 auto;
    /*width:2.9rem;*/
	height:0.8rem;
    /*height:2.2rem;*/
    /*border:1px solid #ddd;*/
    position: relative;
}
.pro_list .list_box .list{
    text-align:center;
    margin-bottom:.2rem;
}
.pro_list .list_box .list:nth-child(2n){
    margin-right:0;
}
.pro_list .list_box .list .img_box{
    width:2.9rem;
    height:2.2rem;
    line-height:2.2rem;
}
.pro_list .list_box .list .text{
    /*position: absolute;
    left:0;
    bottom:0;*/
    color:#fff;
    font-size:.3rem;
    /*width:2.9rem;*/
	width:80%;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background:rgba(0,0,0,.7);
    background-size:.55rem .55rem; 
	display: inline-block;
}




.pro2_more{
    float:right;
    max-width:2rem;
    margin-right:10%;
    height:.7rem;
    line-height:.7rem;
    display:block;
    text-align:right;
    font-size:.24rem;
    color:#333;
    text-indent:.2rem;
}
.pro2_more a{
    display: block;
}




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





.prov_slide{
    padding-top:.5rem;
}
.prov_slide .swiper-container{
    margin:0 auto;
}
.prov_slide #gallery{
    width:88%;
    height:4.85rem;
    position: relative;
}
.prov_slide #gallery .prov_snext,
.prov_slide #gallery .prov_sprev{
    color:#fff;
    font-size:.5rem;
    text-align:center;
    width:.5rem;
    height:.7rem;
    line-height:.7rem;
    font-family: "宋体";
    position: absolute;
    top:48%;
    z-index: 50;
    cursor:pointer;
    outline: none;
}
.prov_slide #gallery .prov_snext{
    left:0;
    background: rgba(0,0,0,.2);
}
.prov_slide #gallery .prov_sprev{
    right:0;
    background: rgba(0,0,0,.2);
}
.prov_slide #gallery .swiper-slide{
    width:88%;
    height:4.9rem;
}
.prov_slide #gallery .swiper-slide .img_box{
    width:5.6rem;
    height:4.8rem;
    line-height:4.8rem;
    text-align:center;
    display: block;
    margin:0 auto;
    border:1px solid #ddd;
}
.prov_slide #thumbs{
    width:91%;
    height: 1.15rem;
    margin:.3rem auto;
    box-sizing: border-box;
}
.prov_slide #thumbs .swiper-slide{
    width:25%;
    height: 1.1rem;
}
.prov_slide #thumbs .swiper-slide .img_box{
    width: 1.25rem;
    height: 1.06rem;
    line-height:1.06rem;
    border:1px solid #ddd;
    text-align:center;
    display: block;
    margin:0 auto;
    opacity: 1;
}
.prov_slide #thumbs .swiper-slide-thumb-active .img_box{
      opacity: 1;
      border:1px solid #ff0000;
}



.prov{
    padding:0 0 .6rem 0;
}
.prov .list{
    padding-top:.2rem;
}
.prov .list .pic{
    width:5.2rem;
    height:5.2rem;
    line-height:5.2rem;
    text-align:center;
    border:1px solid #ddd;
    margin:0 auto;
}
.prov .list .htit2{
    margin:.4rem 0 .2rem 0;
}
.prov .text_box{
    width:5.6rem;
    margin: 0 0 0 auto;
    position: relative;
}
.prov .text_box .more2 a{
    display: block;
    width:1.5rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    padding-left:.5rem;
    display: block;
    color:#fff;
    font-size:.2rem;
    font-weight:bold;
    border-radius:.25rem ;
    background:#ec3232 url(../images/mbg.png)no-repeat .2rem center;
    background-size:.32rem .37rem; 
}
.prov .text_box .more2{
    position: absolute;
    right: .2rem;
    bottom: 0;
    z-index: 99;
}
.prov .text_box .text{
    color:#9b9b9b;
    font-size:.19rem;
    line-height:.4rem;
}
.prov .text_box .text i{
    display: inline-block;
    float:left;
    max-width:20%;
}
.prov .text_box .text span{
    display: inline-block;
    float:left;
    max-width:80%;    
}

.prov .more_box{
    width:5.6rem;
    margin: .3rem 0 0 auto;
    border-top:1px dashed #ddd;
    padding-top:.4rem;
}
.prov .more_box .more3{
    float:left;
}
.prov .more_box .more3 a{
    display: block;
    padding-left:.3rem;
    color:#3b3b3b;
    font-size:.2rem;
    width:1.2rem;
    line-height:.4rem;
    background: url(../images/mbg2.png)no-repeat left center;
    background-size:.25rem .17rem; 
} 
.prov .more_box .more4 {
    float:right;
}
.prov .more_box .more4 a{
    display: inline-block;
    margin:0 0 0 auto;
    color:#3b3b3b;
    font-size:.2rem;
    width:.8rem;
}
.htit2{
    line-height:.5rem;
    overflow: hidden;
    display: block;
    background: #aeaeae;
}
.htit2 h2{
    color:#333;
    font-size:.2rem;
    text-indent:.5rem;
    font-weight: bold;
    line-height:.5rem;
}


.prov2{
    padding-bottom:.6rem;
}
.prov2 .list{
    width:6rem;
    padding-top:.4rem;
}
.prov2 .list .img_box{
    width:6rem;
    display: block;
    text-align:center;
}