body{font-family: Arial,"微软雅黑";}
*{list-style: none;}
input,textarea {border: 0; -webkit-appearance: none;}
ul,li,dl,dt,dd{margin:0;padding: 0;}
.sdw{-webkit-box-shadow:#999 0px 0px 8px;-moz-box-shadow:#999 0px 0px 8px;box-shadow:#999 0px 0px 8px;}
.page{max-width: 640px;min-width: 320px;background-color: #FFF;margin: 0 auto}
.vh{visibility: hidden;}
.vv{visibility: visible;}
.clear{clear:both; line-height:0px; font-size:0;visibility: hidden;}
.amn1{transition:all ease-in-out .1s 0s;-webkit-transition:all ease-in-out .1s 0s;-moz-transition:all ease-in-out .1s 0s;-o-transition:all ease-in-out .1s 0s;}
.amn2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s;}
.amn3{transition:all ease-in-out .3s 0s;-webkit-transition:all ease-in-out .3s 0s;-moz-transition:all ease-in-out .3s 0s;-o-transition:all ease-in-out .3s 0s;}
.amn4{transition:all ease-in-out .4s 0s;-webkit-transition:all ease-in-out .4s 0s;-moz-transition:all ease-in-out .4s 0s;-o-transition:all ease-in-out .4s 0s;}
.amn6{transition:all ease-in-out .6s 0s;-webkit-transition:all ease-in-out .6s 0s;-moz-transition:all ease-in-out .6s 0s;-o-transition:all ease-in-out .6s 0s;}
/*图标*/
.icons{
    overflow: hidden;background: url(../images/)
    font-family: iconfont-sm!important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;  
}
.black{
    height: 100%;
    width: 0.525rem;
    background: url(../images/black.png) 0 center no-repeat;
    background-size: 0.525rem 0.9rem;
    margin-left: 0.575rem;
}
.toptitle{
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.05rem;
    line-height: 2.2rem;
}

.theme-green .item-link.list-button, .theme-green a, .theme-green i.icon, i.icon.theme-green {
    color: #666666;
}
.top{background-color: #fff;}
.top:after{display: none}
.top .icons{
    width: 1.15rem;height: 0.875rem;
    margin: 0.65rem 0.45rem 0 0;
    z-index: 20;
    position: relative;
}
.top .title{color: #000;}
.top .icons-logo{
      background: url(../images/logo.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
    margin: 0.6rem 0 0 0.45rem; 
    width:10.05rem;height:1rem;    
}
.f4{
    background: #f4f4f4;
}
.banner{height:10.5rem;padding-bottom: 0;}
.banner img{width: 100%;/*height: auto;*/height: 100%;}
.banner .swiper-pagination{text-align: center;}
.banner .swiper-pagination-bullet{background: #fff;opacity: 0.6;}
.banner .swiper-pagination-bullet-active{opacity: 1;background:#0c8747}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin: 0;margin-right:7px}
.swiper-container-horizontal>.swiper-pagination{bottom: 0.4rem}

.index-nav.mr{padding: 0.8rem 0 0 0;border-bottom:0.025rem solid #ececec;background: #fff; }
.index-nav.f4{
    background:#f4f4f4;
    padding-top: 0.5rem;
}
.row.index-nav .col-50{
    height: 4rem;
    line-height: 4rem;
     width: 8.62rem;
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
}
.index-nav ul li a span{
    width: 100%;
    line-height: 3rem;
    text-align: center;
}
.index-nav ul{
    float: left;
    overflow: hidden;
}
.row.index-nav .col-50 pre{
font-family: "微软雅黑";
line-height: 1.2rem;
text-align: center;
margin-left: -0.5rem;
}
.row.index-nav ul .col-50 {
    height: 8.5rem;

}
.row.index-nav ul .col-50 .icons{
    width: 100%;
    height: 3.5rem;
    display: block;
    margin: 0 auto;
    margin-top: 1.375rem;
}
.index-nav li a{
    width:100%;
    height: 100%;
    line-height: 4rem;
    display: block;
    text-align: center;
    vertical-align:middle;
    color: #fff;
   
}
.index-nav li{
    position: relative;
}
.index-nav li span.p{
   position: absolute;
    top: 0.7rem;
    width: 6rem;
    height: 100%;
    right: 0;
    font-family: "微软雅黑";
    line-height: 1.2rem;
    /* text-align: center; */
    /* margin-left: -0.5rem; */
    font-size: 0.9rem;
}
.index-nav li a i{
    float: left;
    width: 2rem;
    height: 1.7rem;
    margin-top: 1.25rem;
    margin-right: 0.3rem;
    margin-left: 0.875rem;
}
.index-nav li a span{
    float: left;
    width: 5rem;
    font-size: 0.9rem;
    height: 4rem;line-height: 4rem;
    text-align: left;
    /*text-shadow:1px 1px 0 rgba(0,0,0,.3);*/
}
.index-nav li a span pre{
    text-align: center;
    display: block;width: 100%;
    height: 100%;

}
.index-nav li:nth-child(1) a{background-color: #d55a39;}
.index-nav li:nth-child(2) a{background-color: #77a845;}
.index-nav li:nth-child(3) a{background-color: #08adc5;}
.index-nav li:nth-child(4) a{background-color: #ef9912;}
.index-nav li:nth-child(5) a{background-color: #e67333;}
.index-nav li:nth-child(6) a{background-color: #dc5b46;}
.index-nav li:nth-child(7) a{background-color: #3899cc;}
.index-nav li:nth-child(8) a{background-color: #2caf82;}
.index-nav li:nth-child(1) i{background:url(../images/i1.png) center 100% no-repeat;background-size: 1.65rem 1.8rem;}
.index-nav li:nth-child(2) i{background:url(../images/i2.png) center 100% no-repeat;background-size: 1.8rem 100%;}
.index-nav li:nth-child(3) i{background:url(../images/i3.png) center 100% no-repeat;background-size: 1.65rem 100%;}
.index-nav li:nth-child(4) i{background:url(../images/i4.png) center 100% no-repeat;background-size: 1.65rem 100%;}
.index-nav li:nth-child(5) i{background:url(../images/i5.png) center 100% no-repeat;background-size: 1.65rem 100%;}
.index-nav li:nth-child(6) i{background:url(../images/i6.png) center 100% no-repeat;background-size: 1.7rem 100%;}
.index-nav li:nth-child(7) i{background:url(../images/i7.png) center 100% no-repeat;background-size: 1.65rem 100%;}
.index-nav li:nth-child(8) i{background:url(../images/i9.png) center 100% no-repeat;background-size: 1.6rem 100%;}
.index-nav li a:active{opacity: 0.9;}

.bottom{height: 54px;background: #3a3e3c;}
.bottom:before{display: none;}
.bottom .tab-item{
    height: 54px;
    color: #fff;
    font-size: 12px;
}
.bottom .tab-item i{
    width: 16px;height: 16px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}
.bottom .tab-item:nth-child(1) i{background-position: 0 -65px;}
.bottom .tab-item:nth-child(2) i{background-position: -16px -65px;}
.bottom .tab-item:nth-child(3) i{background-position: -32px -65px;}
.bottom .tab-item:nth-child(4) i{background-position: -48px -65px;}
.bottom .tab-item:active,.bottom .active{
    background-color: #0c8747;
    color: #fff;
    text-decoration: none;
}
.bottom .active .tab-label{color: #fff;}
/*侧边*/
.panel{background:#962939;width: 12rem;}
.search{
    background-color: #0a74bb;
    height: 3rem;width: 100%;
    overflow: hidden;
    padding:0.6rem 0.5rem;
}
.search .input-text{
    float: left;
    width: 9.25rem;
    padding-left: 1rem;
    height: 1.8rem;
    line-height: 1.8rem;
 
    font-size: 0.6rem;
    color: #c6c1bd; 
    border: none;
    background-color: #fff;
    border-radius: 0;
   border-radius:  1.8rem 0 0  1.8rem;
}
.search .btn{
    float: left;
    width: 1.75rem;height: 1.8rem;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    border-top-right-radius:  1.8rem;
    border-bottom-right-radius:  1.8rem;
}
.search .btn i{
    width: 0.6rem;height: 0.6rem;
    position: absolute;
    top: 0.575rem;right:0.625rem;
    overflow: hidden;
    display: block;
    background: url(../images/btn.jpg) 0 0 no-repeat;
    background-size: 100%;
}
.search .input-btn{
    width: 30px;height: 36px;
    background: none;
    border: none;
    position: absolute;
    left: 0;top: 0;
}
.nav{width: 100%;overflow: hidden;}
.nav li{
    float: left;
    width: 100%;height: 2.3rem;
    border-bottom: 0.025rem solid #a34351;
    overflow: hidden;
}
.nav li a{display: block;overflow: hidden;}
.nav li a span{
    float: left;
    font-size: 0.7rem;
    color: #fff;padding-left: 1rem;
    line-height: 2.3rem;
   /* border-left: 4px solid #65c86b;*/
}
.nav li a i{
    width: 0.3rem;height: 0.5rem;
    float: right;overflow: hidden;
    background: url(../images/li.png) 0 0 no-repeat ;  
    background-size: 100% 100%;
    margin: 0.9rem;
}
.nav li:nth-child(1) span{border-left-color: #2ebaf5;}
.nav li:nth-child(2) span{border-left-color: #65c86b}
.nav li:nth-child(3) span{border-left-color: #ebac33}
.nav li:nth-child(4) span{border-left-color: #b4d760}
.nav li:nth-child(5) span{border-left-color: #f46f52}
.nav li:nth-child(6) span{border-left-color: #42cd94}
.nav li:nth-child(7) span{border-left-color: #c797ee}
.nav li:nth-child(8) span{border-left-color: #04c5db}
.nav li a:active{background-color: #217a4b}

/*内页*/
.page-nav{
    background-color: #851727;
    overflow: hidden;
    overflow-x: scroll;
    border-top: 0.025rem solid #962939;
}
.theme-green .page-nav:after{display: none;}
.theme-green .page-nav .button{
        background-color: #851727;
    border-bottom-color: #851727;
    color: #fff;
    font-size: 0.7rem;
    float: left;
    width: auto;
    padding: 0 0.65rem;
}
.theme-green .page-nav .button:not(.button-fill).active{border-bottom-color:#962939;color: #fff;background-color: #962939;}

.content-padded{color: #454545;font-size: .7rem;     overflow: hidden;}

.content-padded{color: #454545;font-size: .7rem;}

.content-padded img{
    width: 100%;
}

.newslist{
    width: 100%;
    padding: 10px 2%;
    overflow: hidden;
}
.newslist li{
    float: left;
    width: 100%;overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
}
.newslist li a{
    border-radius: 2px;
    display: block;
    padding:10px 5px;
    font-size: 14px;
    color: #454545;
    line-height: 18px;
}
.newslist li a span{color: #b6b6b6;font-size: 12px;display: inline-block;margin-top: 2px;}
.newslist li a:active{background-color: #eee;color: #0c8747}
.newslist li a:active span{color: #0c8747}
.clientlist{padding-top: 6px;}
.clientlist li{
    overflow: hidden;    
}
.clientlist li a{
    width: 90%;margin: 6px auto;
    display:block;overflow: hidden;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
}
.clientlist li a img{width: 100%;height: auto;}

.bar{
    height: 2.2rem;
    background: #851727;
    padding: 0;margin: 0;
}
.bar .open-panel{
    background: url(../images/ico.jpg) center no-repeat;
    background-size: 100%;
}

.theme-green .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #e36d4d;
}
.banner .swiper-pagination-bullet-active{
     background-color: #962939;
}

.bar-nav~.content {
    /*top: 2.6rem;*/ 
}

.content-inner{
    padding-bottom: 0;
    margin-bottom: 0;
}
.ban{
    height: 8rem;
    width: 100%;
    padding: 0;
    margin: 0;  
}
.ban li{
    height: 100%;
    width: 100%;
}
.newlist{
    width: 100%;
    overflow: hidden;
}
.newlist li{
    height: 3rem;
    padding: 0 0.5rem;
    font-size: 0.5rem;
    border-bottom: 0.025rem solid #dedede;

}
.newlist li a{
    font-size: 0.6rem;
    color: #555555;
    line-height: 1.4rem;
    height: 1.4rem;
    display: block;
    padding-top: 0.25rem;
}
.newlist li em{
    font-size: 0.35rem;
    color: #999999;
    font-style: normal;
}

.photolist{
    width: 100%;
    padding-top: 0.5rem;
    overflow: hidden;
}
.photolist li{
    height: 10.45rem;
    width: 8.45rem;
    float: left;
    padding: 0;
    margin-left: 0.07rem;
}
.photolist li a{
    display: block;
    width: 100%;
}
.photolist li.mr{
    margin-right: 0.65rem;
}
.photolist li .pic{
    height: 8.25rem;
}
.photolist li .tit{
    color: #555555;
    font-size: 0.7rem;
    text-align: center;
    line-height: 2.2rem;
    height: 2.2rem;
}
.picture{
    width: 100%;
    
    overflow: hidden;
}
.picture li{
    height: 6.5rem;
    width: 8.53rem;
    float: left;
    padding: 0;
    margin-left: 0.07rem;
    margin-bottom: 0.65rem;
}
.picture li a{
    display: block;
    width: 100%;
}
.picture li.mr{
    margin-right: 0.55rem;
}
.picture li .pic{
     height: 6.5rem;
}
.lmtext{
    overflow: hidden;width: 100%;
    color: #555555;
    font-size: 0.6rem;
    line-height: 1rem;
    padding: 0.25rem 0 0.6rem 0;
}
.contact .tit{
    height: 1.5rem;
    line-height: 1.5rem;
    color: #007acb;
    font-size: 0.9rem;
}
.contact ul {
    padding-top: 0.25rem;
    overflow: hidden;
}
.contact ul li{
    height: 1.75rem;
    line-height: 1.75rem;
    color: #666666;
    font-size: 0.7rem;
    
}
.contact ul li.mr{
    border-bottom: 0.025rem solid #eeeeee
}
.contact ul li a{
    color: #666666;
    font-size: 0.7rem;

}
.map{
    width: 100%;
    height: 11.25rem;
}
.tab{
    color: #666666;
    font-size: 0.6rem;
    overflow: hidden;
    padding-top: 0.5rem;
}
.tab td{
    text-align: center;
    padding: 0.5rem 0rem;

}
.tab input{
    border: 1px solid #e1e1e1;
     height:1.45rem;
     width:14rem;
     padding-left: 0.45rem;
     line-height: 1.45rem;
     color: #999;
}
.tab textarea{
     border: 1px solid #e1e1e1;
     height:3rem;
     width:14rem;
     line-height:0.52rem;
     padding-left: 0.45rem;
     color: #999;
}
.tab .btn{
    height: 2rem;
    width:6.95rem;
    line-height: 2rem;
    text-align: center;
    border-style: none;
    border-width: 0;
    background: #007acb;
    color: #fff;
    margin-right: 0.5rem;

}
.tab .res{
    height: 2rem;
    width:6.95rem;
    line-height: 2rem;
    text-align: center;
    border-style: none;
    border-width: 0;
    background: #b3b3b3;
    color: #fff;

}
.newstitle {
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;
    line-height: 1.3rem;
    font-size: 1rem;
    color: #555;
    border-bottom: 0.025rem dashed #999;
    margin-bottom: 0.5rem;
}
.newstitle em{
    color: #999999;
    font-size: 0.5rem;
    display: block;
    font-style: normal;
}
.v_news_content{overflow-x:scroll}

.text-c{
    width: 100%;
    height: 3.2rem;
    font-size: 0.8rem;
    text-align: center;
}

.text-c a{
    width: 8.45rem;
    height: 2rem;
    line-height: 2rem;
    display: block;
    background: #007bcb;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 0.8rem;
    position: absolute;
}
.text-c a:first-child{
    margin-right: 0.65rem;
}
.text-c a:last-child{
    position: absolute;
    right: 0.5rem;
}
.iproducts{
    width: 100%;
    height: 8.5rem;
    overflow: hidden;
    overflow-x: scroll;
}



.newshow .tabbox{
    overflow: hidden;
    width: 100%;
}
.newshow .tabbox .tab{
    float: left;
    color: #851727;
    font-size: 0.45rem;
    padding: 0.6rem 0.5rem;
}
.newshow .tabbox .tab>li{
    height: 2rem;
    line-height: 2rem;
   
    font-size: 0.8rem;
}
.newshow .tabbox .tab span{
    color: #353944;
    font-size: 0.7rem;
    width: 4rem;
    float: left;
    line-height: 1.8rem;
}
.newshow .tabbox .tab input.sub{
    width: 6rem;
    line-height: 1.8rem;
    height:1.8rem;
    border-style: none;
    border-width: 0;
    background: #981a2c;
    color: #ffffff;
    font-size: 0.7rem;
    text-align: center;
    font-family: "微软雅黑";
    margin-left: 4rem;
    padding-left: 0;
}
.newshow .tabbox .tab input{
    width: 12.7rem;
    float: left;
    height: 1.6rem;
    padding-left: 0.25rem;
    border: 0.025rem solid #dddddd;
    font-size: 0.6rem;
}
.newshow .tabbox .tab .fl{
    width: 198px;
    height:30px;
}
.gridtable .bt{
 border-top: 0.025rem solid #dddddd; 
}
.gridtable {  
    font-family: verdana,arial,sans-serif;  
    font-size:11px;  
    color:#333333;  
      border-left: 0.025rem solid #dddddd; 
    border-collapse: collapse;  
        margin: 0.6rem 0.5rem;
}  
.gridtable tr{
border-collapse:separate; border-spacing:0;
}
.gridtable td{
border-collapse:separate; border-spacing:0;
}
.gridtable th {  
    border-width: 0.25rem;  
    padding: 2rem;  
    border-style: solid;  
   border: 0.025rem solid #dddddd; 
    font-size: 0.6rem;
    color: #981a2c;
    font-weight: 700;
    background-color: #f8f8f8;  
    font-family: "微软雅黑";
}  
.gridtable .tr{
float: left;
    width: 457px;
}
.gridtable div {  
padding: 0.2rem;
    float: left;
    width: 4.1rem;
    font-family: "微软雅黑";
    font-size: 0.6rem;
    text-align: center;
 border-right: 0.025rem solid #ddd;
border-bottom: 0.025rem solid #ddd;
}  
.toptit .tit{
 border-top: 0.025rem solid #ddd;
}
.gridtable div.tit{
    background: #f8f8f8;
    color: #851727;
}

.backbg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0.6;background: #000;z-index: 9999999999999999998;}
.cxdata{
    position: relative;
    width: 17rem;
    margin: 0 auto;
    height: 15rem;
    background: #f5f1df;
    border-top: 0.05rem solid #dcc374;
    position: fixed;
    z-index: 9999999999999999999;
    left: 50%;
    margin-left: -8.5rem;
    top: 50%;
    margin-top: -7.5rem;
}
.cxdata h1{margin:0;font-size: 0.8rem;width: 100%;height: 2rem;line-height: 2rem;background:#851727;color: #fff;text-indent: 0.5rem;}
.cxdata ul{padding:0.5rem;}
.cxdata ul li{font-size: 0.7rem;line-height: 40px;}
.cxdata ul li font{display: block;float: left;width: 4rem;}
.cxdata .closecx{
    right: 0.5rem;
    top: 0.5rem;
    position: absolute;z-index: 13;width: 1rem;
    height: 1rem;background: url(../images/close.png)  no-repeat;
     cursor: pointer;
-webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    background-size: 22px 22px;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}
.cxdata .closecx:hover{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.NewsPage{
    width: 100%;overflow-x: hidden;text-align: center;
    margin: 2% 0 5% 0;
}
.NewsPage span,.NewsPage a{
    margin:5px;font-size: 14px;color: #666;text-decoration: none;
    display: inline-block;height: 30px;line-height:30px;padding:0 15px;
    border: 1px solid #f5efe9;border-radius:5px;-moz-border-radius:5px;*-moz-border-radius:5px
}
.NewsPage a:active{background-color: #694c2a; color: #FFF;}
.map{ width:100%; height:22rem; overflow:hidden;}