@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{
    width:100%;
    max-width:6.4rem;
    height:1rem;
    background: #fff;
    position: relative;
} 
.header .logo{
    width:3rem;
    height:1rem;
    line-height:1rem;
    display: inline-block;
    position: absolute;
    left:0;
    top:0;
}
.header .menu{
    width:.5rem;
    height:1rem;
    line-height:1rem;
    float:right;
    background:url(../images/menu.png) no-repeat center;
    background-size:.5rem .37rem;
}










 

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

.banner .swiper-pagination-bullet{
    width:.05rem;
    height:.05rem;
    border-radius: 0.02rem;
    background:#fff;
    margin:0 .2rem;
    opacity:1;
}
.banner .swiper-pagination-bullet-active{
    width:.3rem;
    background:#f08300;
}

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


.index_form_box{
    width:100%;
    height:.8rem;
    border-bottom:1px solid #ddd;
}
.index_form_box p {
    height:.5rem;
    width:80%;
    padding-top:.17rem;
    margin:0 auto;
}
.index_form_box p .serch{
    width: 79%;
    height: .5rem;
    line-height:.5rem;
    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:20%;
    height:.5rem;
    border:1px solid #ddd;
    border-left-style: none;
    border-radius:0 .1rem .1rem 0;
    display: inline-block;
    overflow: hidden;
    color:#fff;
    font-size:.2rem;
    text-indent:.3rem;
    background: #f08300 url(../images/ibg2.png)no-repeat .1rem center;
    background-size:.25rem .23rem; 
    float:left;
    outline: none;
}

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







.top{
    width:100%;
    max-width:6.4rem;
    background: #fff url(../images/i_bg1.jpg)no-repeat center center;
    background-size:6.4rem 10.5rem; 
}
.top .top_nav{
    width:5.5rem;
    height:4.35rem;
    padding:5.45rem 0 .5rem 0;
    margin:0 auto;
}
.top .top_nav li{
    float:left;
    width:1.7rem;
    height:2rem;
    margin:0 .2rem .25rem 0;
    position: relative;
}
.top .top_nav li i{
    position: absolute;
    top:0;
    left:0;
    z-index: 10;
    width:100%;
    height:2%;
    background: #fff;
}
.top .top_nav li:nth-child(3n){
    margin-right:0;
}
.top .top_nav li:nth-child(2n) i{
    background: #dc5a0b;
}
.top .top_nav li h2{
    padding-top:1.1rem;
    color:#272727;
    font-size:.24rem;
    height:.3rem;
    line-height:.3rem;
    text-align:center;
}
.top .top_nav li p{
    color:#666;
    font-size:.15rem;
    line-height:.3rem;
    text-align:center;
    text-transform: uppercase;
}
.top .top_nav li.b1{  
    background: url(../images/inav1.png)no-repeat center center;
    background-size:1.7rem 2rem; 
}
.top .top_nav li.b2{  
    background: url(../images/inav2.png)no-repeat center center;
    background-size:1.7rem 2rem; 
}
.top .top_nav li.b3{  
    background: url(../images/inav3.png)no-repeat center center;
    background-size:1.7rem 2rem; 
}
.top .top_nav li.b4{  
    background: url(../images/inav4.png)no-repeat center center;
    background-size:1.7rem 2rem; 
}
.top .top_nav li.b5{  
    background: url(../images/inav5.png)no-repeat center center;
    background-size:1.7rem 2rem; 
}
.top .top_nav li.b6{  
    background: url(../images/inav6.png)no-repeat center center;
    background-size:1.7rem 2rem; 
}







/*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 #7e7e7e;
    color:#7e7e7e;
    font-size:.24rem;
    margin:0 .1rem;
}
.pages_box .pages a.on,
.pages_box .pages a:hover{
    display: inline-block;
    background:#f89725;
    border:1px solid #f89725;
    color:#fff;
}


.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 ;
}*/









.index_about{
    padding:.25rem 0;
}
.index_about .img_box{
    width:6rem;
    margin:.15rem 0 .3rem 0;
    display: block;
}
.index_about .text{
    width:6rem;
    min-height:3.1rem;
    padding:.3rem 0;
    background:#f4f4f4 url(../images/ibg3.jpg)no-repeat center bottom;
    background-size:6rem 3.7rem; 
    position: relative;
}
.index_about .text p{
    width:5.6rem;
    margin:0 auto;
    color:#666;
    font-size:.2rem;
    line-height:.35rem;
}
.index_about .text .more{
    position: absolute;
    right:0;
    bottom:.4rem;
}




.htit h2{
    color:#f89725;
    font-size:.28rem;
    display: block;
    height:.35rem;
    line-height:.35rem;
}
.htit h3{
    color:#333;
    font-size:.25rem;
    height:.55rem;
    line-height:.55rem;
    display: inline-block;
    font-weight:bold;
    font-family: "Arail";
    text-transform: uppercase;
    position: relative;
}
.htit h3 i{
    width:1rem;
    height:2px;
    display: block;
    background: url(../images/h_bg.jpg)no-repeat center center;
    background-size:1rem 2px; 
    position: absolute;
    left:0;
    bottom:0;
}
.htit h3 span{
    color:#666;
    font-size:.25rem;
    text-indent:.1rem;
    display: inline-block;
    font-weight:normal;
    height:.55rem;
    line-height:.55rem;
    font-family: "Arail";
}


.htit2 h2{
    color:#444;
    font-size:.24rem;
    height:.65rem;
    line-height:.65rem;
    background: url(../images/h_bg2.jpg)no-repeat left bottom;
    background-size:2.62rem 2px; 
}









.more{
    color:#fff;
    font-size:.22rem;
    width:1.65rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    background: #f89725;
    text-transform: uppercase;
}
.more a{
    display: block;
}

.more2{
    color:#fff;
    font-size:.17rem;
    width:1.5rem;
    height:.4rem;
    line-height:.4rem;
    text-align:center;
    background: #f89725;
}
.more2 a{
    display: block;
}




.index_pro{
    padding:.3rem 0;
}
.index_pro .img_box{
    width:6rem;
    height:3.2rem;
    line-height:3.2rem;
    display: block;
    margin:.3rem 0;
}

.index_pro .list{
    display: block;
    border-top:1px solid #ddd;
}
.index_pro .list li{
    color:#f89725;
    font-size:.24rem;
    height:.8rem;
    line-height:.8rem;
    font-weight:bold;
    border-bottom:1px solid #ddd;
    background: url(../images/ibg4.jpg)no-repeat right center;
    background-size: .35rem .35rem;
}
.index_pro .list li a{
    display: block;
}






.index_case{
    padding-top:.3rem;
    background: url(../images/index_case2.jpg)no-repeat center top;
}
.index_case .main{
    position: relative;
}
.index_case .more{
    position: absolute;
    right:0;
    top:0;
    z-index: 10;
}
.index_case .list{
    padding:.3rem 0;
}
.index_case .list li a{
    display: block;
}
.index_case .list li{
    float:left;
    width:2.85rem;
    height:2.3rem;
    margin-right:.23rem;
    margin-bottom:.25rem;
    border:1px solid #ddd;
}
.index_case .list li:nth-child(2n){
    margin-right:0;
}
.index_case .list li .img_box{
    width:2.85rem;
    height:1.91rem;
    line-height:1.91rem;
    display: block;
}
.index_case .list li p{
    color:#2f2f2f;
    font-size:.18rem;
    width:100%;
    height:.39rem;
    line-height:.39rem;
    text-indent:.2rem;
    overflow: hidden;
    position:relative;
}

.index_case .list li p i{
    width:1px;
    height:.26rem;
    background: #f89725;
    display:block;
    position: absolute;
    left:.1rem;
    top:calc(50% - .13rem);
} 





.index_news{
    padding-bottom:.9rem;
}
.index_news .main{
    position: relative;
}
.index_news .more{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.index_news .list{
    margin-top:.3rem;
}
.index_news .list a{
    display: block;
}
.index_news .list .img_box{
    float:left;
    width:2.87rem;
    height:2.1rem;
    line-height:2.1rem;
}
.index_news .list .text{
    float:right;
    width:3rem;
    height:2.1rem;
    position: relative;
}
.index_news .list .text h3{
    color:#333;
    font-size:.22rem;
    line-height:.3rem;
}
.index_news .list .text p{
    height:.8rem;
    line-height:.25rem;
    color:#666;
    font-size:.18rem;
    padding:.1rem 0;
    overflow: hidden;
}
.index_news .list .text .day{
    display: block;
    color:#333;
    font-size:.15rem;
    position: absolute;
    right:0;
    bottom: 0;
}
.index_news .list .text .more2{
    position: absolute;
    left:0;
    bottom: 0;
}












.footer{
    width:100%;
    max-width:6.4rem;
    padding:.3rem 0 1.3rem 0; 
    background: #111;
    border-top:.05rem solid #f89725;
    position: relative;
}
.footer .f_logo{
    width:6rem;
    line-height:.7rem;
    margin:.15rem 0;
}
.footer .text{
    padding:.1rem 0;
}
.footer .text h1{
    color:#e7e7e7;
    font-size:.22rem;
    line-height:.55rem;
}
.footer .text p{
    color:#aaa;
    font-size:.2rem;
    line-height:.4rem;
}
.footer .text p i{
    max-width:20%;
    float:left;
    display: inline-block;
}
.footer .text p span{
    max-width:90%;
    float:left;
    display: inline-block;
}
.footer .more3 a{
    width:.7rem;
    height:.7rem;
    background:#f89725 url(../images/mbg.png) no-repeat center center;
    background-size:.3rem .4rem;
    display: block;
    position: absolute;
    right:.4rem;
    top: -.75rem;
    margin:0 auto;
    z-index: 9999;
}






.footer2{
    width:100%;
    max-width:6.4rem;
    height:1.1rem;
    background: #000;
    border-top:1px solid #333;
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    margin:0 auto;
    z-index: 9999;
}
.footer2 ul li{
    float:left;
    width:33.3%;
    height:1rem;
    text-align:center;
}
.footer2 ul li a{
    display: block;
}
.footer2 ul li p{
    padding:.7rem 0 .15rem 0;
    height:.25rem;
    line-height:.25rem;
    color:#bb721c;
    font-size:.2rem;
    text-align:center;
}
.footer2 ul li .p1{
    background: url(../images/fbg1.png)no-repeat center .15rem;
    background-size:.42rem .37rem; 
}
.footer2 ul li .p2{
    background: url(../images/fbg2.png)no-repeat center .15rem;
    background-size:.5rem .4rem; 
}
.footer2 ul li .p3{
    background: url(../images/fbg3.png)no-repeat center .15rem;
    background-size:.4rem .4rem; 
}
.footer2 ul li .p4{
    background: url(../images/fbg4.png)no-repeat center .15rem;
    background-size:.4rem .4rem; 
}







.public_nav{
    width:100%;
    max-width:6.4rem;
    height:.6rem;
    border-bottom:1px solid #ddd;
    text-align:center;
}
.public_nav ul{
    display: inline-block;
}
.public_nav ul li{
    float:left;
    display: inline-block;
    height:.6rem;
    line-height:.6rem;
    color:#282828;
    font-size:.18rem;
    text-align:center;
    position: relative;
}
.public_nav ul li:hover,
.public_nav ul li.on{
    color:#f89725;
    border-bottom:1px solid #f89725;
}
.public_nav ul li a{
    display: block;
    padding: 0 .12rem;
}






.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;
}













.join{
    padding-bottom:.3rem;
}
.join h2{
    color:#333;
    font-size:.22rem;
    line-height:.6rem;
}
.join h3{
    color:#f89725;
    font-size:.36rem;
    padding:.2rem 0 .4rem 0;
    text-align:center;
}
.join .text{
    width:100%;
    background: #f89725;
}
.join .text p{
    width:6rem;
    margin:0 auto;
    color:#fff;
    font-size:.2rem;
    line-height:.35rem;
    padding:.45rem 0;
}





.join2{
    width:95%;
    margin:0 auto;
}
.join2  h2{
    color:#333;
    font-size:.22rem;
    line-height:.6rem;
}
.join2_slide{
    background: #333;
    position: relative;
}
.join2_slide .swiper-container{
    width:90%;
    margin:0 auto;
}
.join2_slide .swiper-container .swiper-slide .text{
    padding:.4rem .5rem;
}
.join2_slide .swiper-container .swiper-slide .text h3{
    color:#fff;
    font-size:.24rem;
    line-height:.25rem;
    text-align:center;
    padding:.2rem 0 .4rem 0;
}
.join2_slide .swiper-container .swiper-slide .text p{
    color:#fff;
    font-size:.19rem;
    line-height:.3rem;
}
.join2_slide .join2_sprev,
.join2_slide .join2_snext{
    width:.3rem;
    height:.6rem;
    line-height:.6rem;
    text-align:center;
    color:#fff;
    font-size:.55rem;
    font-family: "宋体";
    position: absolute;
    top:calc(50% - .3rem);
    z-index: 99;
    cursor: pointer;
}
.join2_slide .join2_sprev{
    left:.1rem;
}
.join2_slide .join2_snext{
    right:.1rem;
}




.join3{
    padding:.3rem 0 .4rem 0;
}
.join3  h2{
    color:#333;
    font-size:.22rem;
    line-height:.6rem;
}
.join3 .text{
    padding:.3rem .6rem;
    margin-bottom:.3rem;
    background: #f89725;
}
.join3 .text p{
    color:#fff;
    font-size:.2rem;
    line-height:.35rem;
}



.join4{
    width:100%;
    max-width:6.4rem;
    padding:.2rem 0;
    background: url(../images/join_bg.jpg) no-repeat center top;
    background-size:6.4rem 4.7rem; 
}

.join4 h2{
    color:#eaeaea;
    font-size:.22rem;
    line-height:.45rem;
    text-align:center;
}
.join4 .join4_slide .swiper-container{
    height:3.5rem;
}
.join4 .join4_slide .swiper-container .swiper-slide .text{
    width:5.3rem;
    display: block;
    margin:0 auto;
}
.join4 .join4_slide .swiper-container .swiper-slide .text h3{
    color:#eaeaea;
    font-size:.16rem;
    line-height:.45rem;
    display: block;
    text-align:center;
}
.join4 .join4_slide .swiper-container .swiper-slide .text p{
    color:#eaeaea;
    font-size:.18rem;
    line-height:.35rem;
    text-align:center;
}

.join4 .join4_slide .swiper-container .swiper-pagination{
    text-align:center;
    right:0;
}
.join4 .join4_slide .swiper-container .swiper-pagination-bullet{
    width:.1rem;
    height:.1rem; 
    background: #333;
    opacity: 1;
} 
.join4 .join4_slide .swiper-container .swiper-pagination-bullet-active{
    background: #fff;
    opacity: 1;
    width:.1rem;
    height:.1rem; 
}




.join5{
    padding:.1rem 0 .2rem 0;
}
.join5 .htit3{
    margin:.3rem 0;
}
.join5 .form_box form input{
    width:6rem;
    height:.6rem;
    line-height:.6rem;
    text-indent:.15rem;
    border:1px solid #aaa;
    margin-bottom:.3rem;
    color:#888;
    font-size:.26rem;
    outline:none;
}
.join5 .form_box form textarea{
    width:6rem;
    height:2rem;
    line-height:.5rem;
    text-indent:.15rem;
    border:1px solid #aaa;
    color:#888;
    font-size:.26rem;
    outline:none;
}
.join5 .form_box form input.submit{
    width:2rem;
    height:.6rem;
    line-height:.6rem;
    text-indent:.15rem;
    border:1px solid #aaa;
    display: block;
    color:#fff;
    font-size:.26rem;
    background: #111;
    outline:none;
    margin:.4rem auto;
}













.case{
    width:95%;
    margin:0 auto;
}
.case .htit{
    margin-top:.5rem;
}
.case .case_slide{
    position: relative;
    margin:.4rem 0;
}
.case .case_slide .swiper-container{
    height:1.2rem;
    width:95%;
    margin:0 auto;
}
.case .case_slide .swiper-container .swiper-slide{
    text-align:center;
}
.case .case_slide .swiper-container .swiper-slide .img_box{
    width:1.1rem;
    height:1.1rem;
    line-height:1.1rem;
    display: block;
    margin:0 auto;
} 
.case .case_slide .case_sprev,
.case .case_slide .case_snext{
    width:.3rem;
    height:.6rem;
    line-height:.6rem;
    text-align:center;
    color:#888;
    font-size:.55rem;
    font-family: "宋体";
    position: absolute;
    top:calc(50% - .3rem);
    z-index: 99;
    cursor:pointer;
}
.case .case_slide .case_sprev{
    left:-.1rem;
}
.case .case_slide .case_snext{
    right:-.1rem;
}
.case .list{
    padding:.4rem 0 .4rem 0;
}
.case .list li a{
    display: block;
}
.case .list li:nth-child(2n){
    margin-right:0;
}
.case .list li{
    float:left;
    width:2.82rem;
    height:2.55rem;
    border:1px solid #ddd;
    margin:0 .3rem .25rem 0;
}
.case .list li .img_box{
    width:2.82rem;
    height:1.9rem;
}
.case .list li p{
    color:#333;
    font-size:.18rem;
    text-indent:.2rem;
    height:.35rem;
    line-height:.35rem;
    word-break:keep-all;
    overflow: hidden;
    position: relative;
}
.case .list li span{
    color:#333;
    font-size:.18rem;
    line-height:.3rem;
    text-indent:.15rem;
    display: block;
    overflow: hidden;
}
.case .list li p i{
    width:1px;
    height:.18rem;
    background: #333;
    display: block;
    position: absolute;
    left:.15rem;
    top:calc(50% - .09rem);
}
.case .pages_box{
    margin-bottom:.7rem;
}





.brand{
    padding:.6rem 0;
}
.brand .list{
    padding-top:.5rem;
}
.brand .list p{
    color:#555;
    font-size:.2rem;
    line-height:.36rem;
}
.brand .list p img{
    display: block;
    margin:0 auto;
}








.net{
    width:95%;
    margin: 0 auto;
}
.net .htit3 h2{
    color:#f08300;
    font-size:.22rem;
    padding:.3rem 0;
}
.net #distpicker select{
    width:100%;
    height:.6rem;
    line-height:.6rem;
    padding-left:3%;
    color:#666;
    font-size:.2rem;
    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/netbg1.png") no-repeat 97% center;
    background-size:.24rem .1rem; 
    outline: none;
}
.net #distpicker select::-ms-expand { display: none; }


.net .net_box h3{
    color:#666;
    font-size:.26rem;
    line-height:.36rem;
    padding-bottom:.3rem;
} 
.net .net_box h3 i{
    color:#f89725;
    font-size:.28rem;
    font-weight: bold;
} 
.net .net_box{
    overflow: hidden;
    margin-bottom:1.2rem;
}
.net .net_box .net_slide{
    position: relative;
    overflow: hidden;
    padding-bottom:1.2rem;
}
.net .net_box .net_slide .net_sprev,
.net .net_box .net_slide .net_snext{
    width:50%;
    height:1.2rem;
    line-height:1.2rem;
    text-align:center;
    display: block;
    position: absolute;
    bottom:0;
    z-index: 99;
    cursor: pointer;
}
.net .net_box .net_slide .net_sprev{
    left:0;
    background:#ddd url(../images/net_pbg1.png)no-repeat center center;
    background-size:.25rem .15rem; 
}
.net .net_box .net_slide .net_snext{
    right:0;
    background:#ddd url(../images/net_nbg1.png)no-repeat center center;
    background-size:.25rem .15rem; 
}
.net .net_box .net_slide .net_sprev:hover{
    background:#858585 url(../images/net_pbg2.png)no-repeat center center;
    background-size:.25rem .15rem; 
}
.net .net_box .net_slide .net_snext:hover{
    background:#858585 url(../images/net_nbg2.png)no-repeat center center;
    background-size:.25rem .15rem; 
}

.net .net_box .net_slide .net_bd ul li{
    background: #fff;
    display: block;
    height:1.5rem;
    border:1px solid #eee;
}
.net .net_box .net_slide .net_bd ul li .text_box{
    width:6rem;
    padding:.3rem 0;
    display: block;
    position: relative;
}
.net .net_box .net_slide .net_bd ul li .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:#aaa;
}
.net .net_box .net_slide .net_bd ul li.on .text_box,
.net .net_box .net_slide .net_bd ul li:hover .text_box{
    background:#eee;
}
.net .net_box .net_slide .net_bd ul li.on .text_box i,
.net .net_box .net_slide .net_bd ul li:hover .text_box i{
  background: #f08403;
}


.net .net_box .net_slide .net_bd ul li .text_box h4{
  color:#666;
  font-size:.26rem; 
  width:4.4rem;
  line-height:.4rem;
  margin:auto;
  text-align:left;
}
.net .net_box .net_slide .net_bd ul li .text_box p{
  color:#787878;
  font-size:.22rem; 
  width:4.4rem;
  line-height:.4rem;
  display: block;
  margin:auto;
  text-align:left;
  letter-spacing:1px;
}









.honor{
    padding-bottom:.7rem;
}
.honor .htit4{
    margin:.5rem 0;
}
.honor .list{
    padding-bottom:.4rem;
}
.honor .list li a{
    display: block;
}
.honor .list li{
    float:left;
    width:2.89rem;
    height:2.9rem;
    border:1px solid #ddd;
    margin-right:.15rem;
    margin-bottom:.4rem;
}
.honor .list li:nth-child(2n){
    margin-right:0;
}
.honor .list li .img_box{
    width:2.89rem;
    height:2.9rem;
}






.about{
    padding:.25rem 0;
}
.about .img_box{
    width:6rem;
    margin:.15rem 0 .3rem 0;
    display: block;
}
.about .text{
    width:6rem;
    min-height:2.1rem;
    padding:.3rem 0;
    background:#f4f4f4 url(../images/ibg3.jpg)no-repeat center bottom;
    background-size:6rem 3.7rem; 
    position: relative;
}
.about .text p{
    width:5.6rem;
    margin:0 auto;
    color:#666;
    font-size:.2rem;
    line-height:.35rem;
}
.about .list{
    padding:.3rem 0;
}
.about .list p{
    width:5.6rem;
    margin:0 auto;
    color:#555;
    font-size:.2rem;
    line-height:.35rem;
}




.about2{
    width:100%;
    max-width:6.4rem;
    padding-bottom:.9rem;
    background: url(../images/abbg1.jpg) no-repeat center top;
    background-size:6.4rem 4.56rem; 
}
.about2 h2{
    color:#fff;
    font-size:.28rem;
    padding:.45rem 0 .4rem;
    text-align:center;
}
.about2_slide .swiper-container{
    position: relative;
}
.about2 .swiper-container .swiper-slide{
    width:2.9rem;
    height:2.44rem;
    text-align:center;
    display: block;
}
.about2 .swiper-container .swiper-slide .img_box{
    width:2.9rem;
    height:2.44rem;
    line-height:2.44rem;
    display: block;
    margin:0 auto;
}

.about2_slide .swiper-container .about2_snext,
.about2_slide .swiper-container .about2_sprev{
    width:.45rem;
    height:.9rem;
    line-height:.9rem;
    text-align:center;
    color:#fff;
    font-size:.55rem;
    font-family: "宋体";
    background: #e98d1b;
    position: absolute;
    top:calc(50% - .45rem);
    z-index: 99;
    cursor:pointer;
}
.about2_slide .swiper-container .about2_snext{
    right:0;
}
.about2_slide .swiper-container .about2_sprev{
    left:0;
}



.news{
    padding:.4rem 0;
}
.news .htit{
    width:6rem;
    margin:0 auto;
}
.news_slide{
    margin:.3rem 0;
}
.news_slide .swiper-container{
    width:94%;
    margin:0 auto;
}
.news_slide .swiper-container .swiper-slide{
    width:6rem;
    height:4.4rem;
    position: relative;
}
.news_slide .swiper-container .swiper-slide a{
    display: block;
}
.news_slide .swiper-container .swiper-slide p{
    display: block;
    color:#fff;
    text-align:left;
    width:4.6rem;
    padding-right:1.4rem;
    text-indent:.1rem;
    height:.45rem;
    line-height:.45rem;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    position: absolute;
    left:0;
    bottom:0;
    cursor: pointer;
}
.news_slide .swiper-container .swiper-slide .img_box{
    width:6rem;
    height:4.4rem;
}

.news_slide .swiper-container .swiper-pagination{
    text-align:right;
    right:0;
}
.news_slide .swiper-container .swiper-pagination-bullet{
    width:.1rem;
    height:.1rem; 
    background: #aaa;
    opacity: 1;
} 
.news_slide .swiper-container .swiper-pagination-bullet-active{
    background: #fff;
    opacity: 1;
    width:.1rem;
    height:.1rem; 
}




.news2 .list{
    margin-bottom:.4rem;
}
.news2 .list a{
    display: block;
}
.news2 .list .day{
    float:left;
    width:20%;
    height:1.22rem;
    background: #f89725;
}
.news2 .list .day i{
    width:100%;
    text-align:center;
    color:#fff;
    font-size:.4rem;
    padding:.25rem 0 0 0;
    display: block;
}
.news2 .list .day span{
    width:100%;
    text-align:center;
    color:#fff;
    font-size:.18rem;
    line-height:.35rem;
    display: block;
}
.news2 .list .text{
    float:right;
    width:77%;
}
.news2 .list .text h3{
    color:#333;
    font-size:.21rem;
    border-bottom:1px solid #aaa;
    padding-bottom:.1rem;
}
.news2 .list .text p{
    color:#666;
    font-size:.15rem;
    line-height:.35rem;
    padding:.07rem 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news2 .pages_box{
    margin:.2rem 0 .6rem 0;
}







.cont .htit{
    margin:.4rem 0 .2rem 0;
}
.cont .list h3{
    color:#f89725;
    font-size:.24rem;
    line-height:.65rem;
    font-weight:bold;
}
.cont .list p{
    color:#333;
    font-size:.22rem;
    line-height:.35rem;
    padding:.15rem 0 .15rem .5rem;
}
.cont .list p em{
    float:left;
    display: inline-block;
    max-width:30%;
}
.cont .list p span{
    float:left;
    display: inline-block;
    max-width:85%;
}
.cont .list p.p1{
    background: url(../images/cont_bg1.png) no-repeat left .12rem;
    background-size:.38rem .32rem; 
}
.cont .list p.p2{
    background: url(../images/cont_bg2.png) no-repeat left .12rem;
    background-size:.35rem .4rem; 
}
.cont .list p.p3{
    background: url(../images/cont_bg3.png) no-repeat left .12rem;
    background-size:.39rem .33rem; 
}
.cont .list p.p4{
    background: url(../images/cont_bg4.png) no-repeat left .12rem;
    background-size:.33rem .35rem; 
}
.cont .list p.p5{
    background: url(../images/cont_bg5.png) no-repeat left .12rem;
    background-size:.43rem .36rem; 
}

/* 2020-7-22 */
.contact-map { padding-top : 30px }

.cont .form_box{
    padding:.5rem 0;
}
.cont .form_box h2{
    color:#1b1b1b;
    font-size:.26rem;
    line-height:.45rem;
    margin-bottom:.2rem;
}
.cont .form_box form input{
    width:6rem;
    height:.6rem;
    line-height:.6rem;
    text-indent:.15rem;
    border:1px solid #aaa;
    margin-bottom:.3rem;
    color:#888;
    font-size:.26rem;
    outline:none;
}
.cont .form_box form textarea{
    width:6rem;
    height:2rem;
    line-height:.5rem;
    text-indent:.15rem;
    border:1px solid #aaa;
    color:#888;
    font-size:.26rem;
    outline:none;
}
.cont .form_box form input.submit{
    width:2rem;
    height:.6rem;
    line-height:.6rem;
    text-indent:.15rem;
    border:1px solid #aaa;
    display: block;
    color:#fff;
    font-size:.26rem;
    background: #111;
    outline:none;
    margin:.4rem auto;
}





.news_v{
    padding-bottom:.5rem;
}
.news_v h2{
    line-height:.4rem;
    width:6rem;
    color:#111;
    font-size:.26rem;
    text-align:center;
    margin:.3rem 0;
}
.news_v h2 i{
    width:6rem;
    color:#888;
    font-size:.15rem;
    line-height:.2rem;
    text-align:center;
    width:100%;
    display: block;
}
.news_v p{
    color:#555;
    font-size:.2rem;
    line-height:.36rem;
}
.news_v p 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{
    width:6rem;
    display: block;
    margin:0 auto;
}
.type_btn>ul>li{
    width:100%;
    height:.7rem;
    line-height:.7rem;
    margin-right:.2rem;
    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:.27rem .11rem;
    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:.70rem;
    width:100%;
    z-index: 333;
}
.type_btn>ul>li>ul>li{
    line-height:.6rem;
    font-size:.22rem;
    color:#666;
    text-indent:.1rem;
    background:#fff;
    border-top:1px solid #ddd;
}
.type_btn>ul>li>ul>li:hover{
    color:#da9936;
    background:#fff;
}
.type_btn ul li a{
    display:block;
}





.pro{
    padding-bottom:.7rem;
}
.pro .list{
    padding:.6rem 0 .4rem 0;
}
.pro .list li a{
    display: block;
}
.pro .list li {
    float:left;
    width:2.9rem;
    height:3.45rem;
    margin:0 .2rem .2rem 0;
}
.pro .list li:nth-child(2n){
    margin-right:0;
}
.pro .list li .img_box{
    width:2.5rem;
    height:2.6rem;
    padding:.15rem .2rem;
    background:#eee;
}
.pro .list li p{
    color:#666;
    font-size:.2rem;
    width:100%;
    height:.55rem;
    line-height:.55rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}










.prov .prov_list{
    padding:.5rem 0;
}
.prov .prov_list .img_box{
    width:5.98rem;
    height:3.35rem;
    line-height:3.35rem;
    border:1px solid #ddd;
}
.prov .prov_list .htit2{
    margin:.3rem 0;
}
.prov .prov_list p{
    color:#666;
    font-size:.2rem;
    line-height:.4rem;
}
.prov .prov_list p img{
    display: block;
    margin: 0 auto;
}
.prov .pages_box{
    text-align:right;
}


.prov2 {
    padding-bottom:.6rem;
}
.prov2 .htit2{
    margin:.2rem 0 .5rem 0;
}
.prov2 .list li a{
    display: block;
}
.prov2 .list li:nth-child(2n){
    margin-right:0;
}
.prov2 .list li{
    float:left;
    width:2.81rem;
    height:2.25rem;
    border:1px solid #ddd;
    margin:0 .3rem .25rem 0;
}
.prov2 .list li .img_box{
    width:2.81rem;
    height:1.9rem;
}
.prov2 .list li p{
    color:#333;
    font-size:.18rem;
    height:.35rem;
    line-height:.35rem;
    word-break:keep-all;
    overflow: hidden;
    text-align:center;
    position: relative;
}
.prov2 .list li p i{
    width:1px;
    height:.18rem;
    background: #333;
    display: block;
    position: absolute;
    left:.15rem;
    top:calc(50% - .09rem);
}