@charset "utf-8";
*{padding:0px; margin:0px}
body{font-size:100px;}
*{margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing: border-box;}
.trans{transition: all .3s ease-in;}
html{width:100%;min-height:100%;}
body{width:100%;min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.24rem/1.5 "PingFang SC",Helvetica,"Helvetica Neue","microsoft yahei",Tahoma,Arial,sans-serif; color:#666; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;background: #fff;position: relative;}
body:before, body:after{content:""; width:100%; display:block;}
body:before{height: 1rem;}
body:after{height: 1.1rem;}
img{border:0px;}
em{font-style:normal;}
s,i{font-style: normal;}
ul, ol{list-style-type:none;}
li{list-style: none outside none;}
b{font-weight: normal;}
.clear, .clearfix:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 0;
}

input,button,select,textarea{outline:none; font-family:"PingFang SC","Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important;}
table{border-collapse:collapse; border-spacing:0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;}


.layout{position:fixed; width:100%; height:100%; left:0; top:0; z-wrapper:101; background:#000; opacity:1;}
.blue{color:#28a5f4;}


a, a:link, a:visited, a:hover, a:active{color:#666;text-decoration: none;}
a:focus{outline:none;}
a:hover, a:active{color:#016CCA; outline:none;}


h1, h2, h3, h4, h5, h6, h7{font-weight: normal;}
.icon{background:url(../images/icon.png) no-repeat;display:inline-block;background-size:2.4rem auto;vertical-align:middle;}
.icon,.iconbef:before,.iconbef:after{content: "\20"; display:block;}


.fl{float:left;}
.fr{float:right;}
.hidden{display:none;}
.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}
.clear,.clearfix:after{content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0;}


.wrapper{width:100%;}


.header{background-size:100% 1.04rem;}
#top_main{width: 100%; height: 1rem; *zoom: 1;z-index: 300; position: fixed; top: 0px; left: 0px;}
#top{max-width: 640px;min-width: 320px;height: 1rem;margin: 0px auto;position: relative;background:#fff;box-shadow: 0 0 0.2rem rgba(0,0,0,.1);}
#top .logo{float: left;text-align: center;display: block;color: #000;font-size: .32rem;padding-top: .15rem;margin-left: .6rem;}
#top .logo a{display: block;}
#top .logo img{display:block;height: .8rem;}



.subNav{width:100%;height:1.4rem;}
.subNav dl{height: 1.4rem; overflow:hidden;}
.subNav dl dd{width: 25%;height:0.7rem;float: left;text-align: center;background: #016CCA;
    border: 1px solid #014D92;
    border-top: 1px solid #1B92FE;
    border-left: 1px solid #1B92FE;
    box-sizing: border-box;}
.subNav dl dd:nth-child(4n){border-right: 0;}
.subNav dl dd a{display:block;width: 100%;height: .69rem;line-height: .69rem;color: #fff;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
/* banner */

/* banner */
#banner_main {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 3rem;
}
.banner {
    margin: 0 auto;
    width: 100%;
*zoom: 1;
    overflow: hidden;
    position: relative;
    height: 3rem;
}
.banner .list {
    width: 100%;
    overflow: hidden;
}
.banner .list li {
    float: left;
    width: 100%;
    overflow: hidden;
}
.banner .list li img {
    width: 100%;
    height: 3rem;
}
#banner .tip {
    width: 100%;
    height: 0.35rem;
    line-height: 0.35rem;
    clear: both;
    position: absolute;
    bottom: 10%;
    z-index: 2;
    font-size: 0;
    text-align: center;
}
#banner .tip span {
    display: inline-block;
    vertical-align: middle;
width: .2rem;
height: .2rem;
    margin: 0 0.05rem;
    vertical-align: middle;
background-position:-.26rem 0;
    background: #fff;
border-radius: .1rem;
}
#banner .tip span.cur {
    background: #dc0000;
}
.showInfo #banner .tip {
    width: 100%;
    text-align: center;
    margin-left: 0;
    left: 0;
bottom: .2rem;
}



.Infoview #banner .tip{width: 100%;text-align: center;margin-left: 0;left: 0;bottom: .2rem;}



#footer_main{text-align:center;width: 100%;background:#fff;}
#Backtotop{width:1rem;height:1rem;background:url(../images/gotop.png) no-repeat center top;background-size:1rem auto;position: fixed;bottom:20%;right: 2%; cursor: pointer;z-index:99;}
#copyright{   
 width: 100%;
    margin: 0 auto;
    color: #666;
    font-size: 0.12rem;
    line-height: .2rem;
    padding: 0.2rem 0;
    background: #efeeee;}
#copyright a{color: #666;}

#endtools{position: fixed;bottom: 0;width: 100%;z-index: 888;height: 1.1rem;left: 0;}
#endtools .list{width: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;background: #016CCA;}
#endtools .list li{float: left;width: 25%;text-align: center;border: 1px solid #FFF;border-left: 0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#endtools .list li:first-child{border-left: 1px solid #1B92FE;}
#endtools .list a{display: block; height: 1.1rem; line-height: 0.24rem; font-size: 0.26rem; padding-top: 0.2rem;}
#endtools .list a span{text-align: center; color: #fff; display: block; font-size: 0.24rem;}
#endtools .list a s{margin-left: auto; margin-right: auto; width: 0.31rem; height: 0.32rem; display: block;margin-bottom: .12rem;background-position: -.76rem -.2rem;}
#endtools .list li:nth-child(2) s{ background-position: -.0rem -.2rem; }
#endtools .list li:nth-child(3) s{background-position: -.38rem -.2rem;}
#endtools .list li:nth-child(4) s{background-position: -1.2rem -.2rem;width:.34rem;height:.34rem;}
#endtools .list li:hover{background: #f57720;}

.index #index_1_main,.index #index_2_main,.index #index_3_main{width:100%;margin: 0 auto;background: #fff;}
.index{background: #fff;overflow: hidden;}


.index #index_1_main{margin:0 auto;background: #fff;}
.index .title_main{padding-top:.5rem;}
.index .in_title{padding-top: .4rem;}
.index .in_title .entit{position: relative;width: 80%;margin: auto;margin-bottom:.12rem;font-size: .4rem;line-height: .4rem;font-weight: bold;color: #016CCA;text-align:center;}
.index .in_title .tit{font-size: .4rem;line-height: .45rem;text-align:center;color: #434343;}
.index .in_title .tit span{display: inline-block;margin: 0 .3rem;}
.index .in_title .tit em{display: inline-block;width: 0.8rem;height: .04rem;margin-bottom: .1rem;background: #016CCA;}
.index .pro_more{display:block;width: 6rem;height:.78rem;margin:0 auto;font-size:.3rem;line-height:.78rem;text-align:center;color: #434343;background:#fff;border: .01rem solid #f0f0f0;}
.index .tab{text-align: center;margin-top: .4rem;}
.index .tab a{width: 29%;height: 0.5rem;line-height: 0.5rem;margin: .05rem;display: inline-block;padding: 0 .1rem;background: #fff;border: 1px solid #ccc;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index .tab a:hover{color: #fff;background: #f57720;border-color: #f57720;}


#index_1_main .index_1{padding-bottom: .5rem;}
#index_1_main .about{padding-top: .2rem;}
#index_1_main .about .item{display:block;width: 100%;height: 4.43rem;}
#index_1_main .about img{display:block;width:100%;height:100%;}
#index_1_main .contW{position:relative;display:block;width:100%;}
#index_1_main .contW .cont{width: 6rem;margin:0 auto;margin-bottom: .3rem;font-size: .22rem;color:#666;line-height: .4rem;text-align: justify;}
#index_1_main .contW .view_detail{display:block;width:5.6rem;height:.7rem;margin:0 auto;margin-top:.5rem;font-size:.24rem;line-height:.7rem;text-align:center;color:#fff;background:#016CCA;}


.index #index_2_main{width:100%;background:#fff;}
.index .index_2{padding-bottom: .2rem;}
.index .index_2 .proCenter .list{margin-left: .2rem;margin-top: .2rem;}
.index .index_2 .proCenter .list li{position:relative;float:left;display:block;width: 2.9rem;border: 1px solid #f0f0f0;margin-right: .2rem;margin-bottom: .2rem;}
.index .index_2 .proCenter .list li .img{width: 100%;height: 2.15rem;}
.index .index_2 .proCenter .list li .img img{display:block;width:100%;height:100%;}
.index .index_2 .proCenter .list li .txt{background: #fff;}
.index .index_2 .proCenter .list li .txt .tit{font-size: .26rem;line-height: .6rem;text-align:center;color: #434343;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


.index #index_3_main{width:100%;background:#fff;}
.index .index_3 .osservice .list li{display:block;width: 6rem;margin:0 auto;padding-top:.4rem;padding-bottom: .3rem;border-top: .02rem dashed #b2b2b2;}
.index .index_3 .osservice .list li:first-child{border-top:none;}
.index .index_3 .osservice .list li .tit span{display: inline-block;width: .45rem;height: .45rem;background: #016CCA;border-radius: .1rem;color: #fff;font-size: .3rem;font-weight: normal;line-height: .45rem;margin-right: .1rem;}
.index .index_3 .osservice .list li .img{width: 100%;}
.index .index_3 .osservice .list li .img img{display:block;width:100%;height:100%;}
.index .index_3 .osservice .list li .txt{display:block;width: 100%;}
.index .index_3 .osservice .list li .txt .tit{font-size: .3rem;font-weight: bold;color: #016CCA;text-align: center;padding-bottom: .3rem;}
.index .index_3 .osservice .list li .txt .cont{margin-top:.12rem;font-size: .22rem;color: #666;line-height: .35rem;text-align: justify;}


.index #index_4_main{width:100%;background:#fff;}
.index .index_4{padding-bottom: .2rem;background: #f4f4f4;}
.index .index_4 .proCenter .list{margin-left: .2rem;margin-top: .3rem;}
.index .index_4 .proCenter .list li{position:relative;float:left;display:block;width: 1.86rem;margin-right: .2rem;margin-bottom: .1rem;}
.index .index_4 .proCenter .list li .img{width: 100%;height: 1.395rem;}
.index .index_4 .proCenter .list li .img img{display:block;width:100%;height:100%;}
.index .index_4 .proCenter .list li .txt .tit{font-size: .22rem;line-height: .5rem;text-align:center;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


.index #index_5_main{width:100%;background:#fff;}
.index .index_5{height:auto;padding-bottom: .2rem;}
.index .index_5 .inews{margin-top:.1rem;}
.index .index_5 .inews .list li{display:block;width: 6rem;margin:0 auto;border-top: .02rem dashed #ddd;line-height: .8rem;overflow: hidden;}
.index .index_5 .inews .list li:first-child{border-top:none;}
.index .index_5 .inews .list li .tit{float: left;width: 74%;font-size: .26rem;color: #575757;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index .index_5 .inews .list li .time{float: right;width: 24%;font-size: .26rem;color: #575757;text-align: right;}
.index .index_5 .look_more{margin-top: .2rem;}
.index .look_more {
    display: block;
    width: 6rem;
    height: 0.78rem;
    margin: 0 auto;
    font-size: .3rem;
    line-height: .78rem;
    text-align: center;
    color: #f9eeee;
    background: #016CCA;
    border: 0.01rem solid #045dac;
    border-radius: 3px 3px 3px 3px;
}

#index_6_main{width:100%;}
#index_6_main .osservice{width: 6rem;margin: 0 auto;margin-top: .3rem;}
#index_6_main .osservice .list{width: 100%;}
#index_6_main .osservice .list li{float:left;width: 1.5rem;text-align: center;cursor: pointer;}
#index_6_main .osservice .list li a{display:block;}
#index_6_main .osservice .list li .img{position: relative;display: inline-block;width: 1.3rem;height: 1.3rem;line-height: 110px;margin:0 auto;border: .05rem solid #666;border-radius: 50%;transition:all .5s;}
#index_6_main .osservice .list li .img img{position: absolute;top: 50%;margin-top: -.4rem;left:50%;margin-left: -.4rem;display: inline-block;width: .8rem;height: .8rem;}
#index_6_main .osservice .list li .tit{font-size: .24rem;line-height: .5rem;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


.index #index_7_main{width:100%;background:#fff;}
.index .index_7{padding-bottom: .1rem;}
.index .index_7 .proCenter .list{margin-left: .25rem;margin-top: .3rem;}
.index .index_7 .proCenter .list li{position:relative;float:left;display:block;width: 1.84rem;margin-right: .2rem;margin-bottom: .2rem;border: 1px solid #f0f0f0;}
.index .index_7 .proCenter .list li .img{width: 1.806rem;height: 1.42rem;}
.index .index_7 .proCenter .list li .img img{display:block;width:100%;height:100%;}

/*******************content*************/
.index .hd{padding: 0 3%;}
.index .hd li{width: 25%; float: left; background: #ccc; color: #fff; font-size: .3rem; height: .56rem; line-height: .56rem;text-align: center;}
.index .hd li.on{background: #2b5899;}


.content{width:100%; padding-bottom: .2rem;padding-top: 0.2rem;background: #fff;}
.iconn{background: url(../images/iconn.png) no-repeat;background-size:1.4rem auto; vertical-align:middle;}

.newslist{padding: 0 3%;}
.newslist .item{width: 100%; border-bottom: 1px solid #eeeeee;}
.newslist .item *{transition: all .3s linear;}
.newslist .item a{padding: .3rem 0; width: 100%; display: block;}
.newslist .item img{width: 1.44rem; height: .96rem;display: block; margin-top: .06rem;float: right; margin-right: .1rem;}
.newslist .item h3{font-size: .3rem; line-height: .36rem; max-height: .72rem; overflow: hidden; color: #000000;}
.newslist .item .dec{color: #999999; font-size: .2rem; margin-top: .08rem;}
.newslist .item .dec span{margin-right: .2rem;}
.newslist .item.pic4 h3{height: .36rem; margin-bottom: .08rem;}
.newslist .item.pic4 img{float: left; margin-right: .06rem;}
.newslist .item.pic4 img:last-child{margin-right: 0;}




.arcList{width: 100%;line-height: 0.5rem;text-align: center;background: #fff;color: #016CCA;position: relative;}
.arcList .box{width: 100%;padding: .1rem 3% .0;z-index: 11;background: #fff;overflow: hidden; display: block;border-bottom:1px solid #ddd;}
.arcList .box a{width: 31.3%;margin-right: 3%;margin-bottom: .15rem;height: .52rem;line-height: .5rem;border: 1px solid #ccc;font-size: .22rem;text-align: center;display: block;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.arcList .box a:nth-child(3n){margin-right: 0;}
.arcList .box a.on{background: #f57720;border-color: #f57720;color: #fff;}

#page {
    width: 100%;
    padding: 20px 0 30px;
    overflow: hidden;
}

#page .page_info {
    text-align: center;
}
#page .page_info a {
    padding: 5px 10px;
    font-size: 14px;
    margin: 0 1px;
    background: none;
    line-height: 30px;
    color: #888;
    border: 1px solid #ddd;
}

#page .page_info .current {
    padding: 5px 10px;
    font-size: 14px;
    margin: 0 2px;
    background: #004592;
    line-height: 30px;
    border: 1px solid #004592;
    color: #fff;
}

.height20 {
    height: 0.2rem;
    clear: both;
    zoom: 1;
    line-height: 0;
    font-size: 0;
}
.foot-c {
    padding: 0.3rem;
    border-top: 1px solid #ddd;
}
.foot-b {
    color: #333;
    line-height: 1.8;
    background: url(../images/tel.png) no-repeat right 0.1rem;
    background-size: 0.6rem 0.6rem;
    font-size: .15rem;
}

.bgw {
    background-color: #ffffff;
}

.title {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: .1rem;
}
.title p {
    color: rgb(193, 0, 7);
    font-size: 20px;
    text-align: center;
    position: relative;
    width: 100%;
}
.title span {
    display: block;
    text-align: center;
    color: rgb(0, 0, 0);
    margin-top: 3px;
    font-size: 18px;
}
.title p::before {
    content: "";
    width: 25%;
    height: 1px;
    background: rgb(220, 220, 220);
    left: 0px;
    top: 50%;
    position: absolute;
}
.title p::after {
    content: "";
    width: 25%;
    height: 1px;
    background: rgb(220, 220, 220);
    right: 0px;
    top: 50%;
    position: absolute;
}
.provimg{

   width: 90%;
   text-align: center;
}




.newsshow_xg{margin: .2rem 4% .1rem; width: 92%;}
.newsshow_xg .nextlink, .newsshow_xg .nextLink{display: block;height: .6rem;line-height: .6rem;font-size: .24rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;box-sizing: border-box;border-bottom: 1px solid #e8e8e8;}
.newsshow_xg a{color: #333333;}


.Infoview .titview{width: 96%;margin:0 auto;line-height: .3rem;padding:.2rem 2% .1rem;border-bottom: 1px dashed #ccc;text-align: center;}
.Infoview .titview h1{color: #333333;font-size: .3rem;line-height: .45rem;margin-bottom: .05rem;}
.Infoview .titview .mark{font-size: .18rem;color: #999;margin-top: .1rem;}



.Infoview{width: 100%; background: #fff; overflow: hidden;}
.Infoview .showSubTit{width: 100%; height: .65rem;line-height: .65rem;font-weight: normal; margin: .2rem 0 .1rem;background: #f6f6f6; border-bottom: 1px solid #016CCA; font-size: .24rem;text-indent: .15rem;}
.Infoview .banner{height: 4.5rem;}
.Infoview .banner .list{height: 4.5rem;}
.Infoview .banner .list .item{height: 4.5rem;}
.Infoview .banner .list .item img{height: 4.5rem;}


.Infoview .contxt{font-size: .24rem;line-height: .34rem; padding: 3% 3% 5%;}
.Infoview .contxt img{max-width: 100%; margin: 0px auto; height: auto !important; display: inline;}
.Infoview .contxt p{line-height:.4rem;}
.Infoview .contxt .biao td{padding:.09rem; border:1px solid #ccc; vertical-align:middle;WORD-WRAP: break-word;table-layout: fixed;word-break:break-all;}

.erro{padding: 0.2rem;}
 
.newsList .list{width: 100%; margin-bottom: .3rem;}
.newsList .item{padding: 0.2rem;overflow: hidden;position: relative;border-bottom: 1px solid #f3f3f3;}
.newsList .item:nth-child(2n){background: #f9f9f9;}
.newsList .item:nth-child(2n){background: #fff;}
.newsList .item:nth-child(2n) span:after{background: #f9f9f9;}
.newsList .item:last-child{border:0px;}
.newsList .item a{width:100%;display: block;}
.newsList .item h3{font-size: .26rem;line-height: .38rem;font-weight: normal;color: #434343;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsList .item .time{color: #999;font-size: .2rem;}
.newsList .item .txt{color: #666;font-size: .23rem;line-height: .35rem;}
.newsList .item:hover h3{color:#016CCA;}





.piclist .item span{display: block; width: 9px; height: 16px; position: absolute; top: 28%; margin-top: -8px; right: 2%;}
.piclist .item span:before{content: ""; position: absolute; background: #ccc; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.piclist .item span:after{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.piclist li{width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box;}
.piclist li a{display: block;}
.piclist li figure{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.piclist li figure img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}
.piclist li h3{height: .65rem;line-height: .65rem;text-align: center;font-size: 0.26rem;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


.list_4 li figure{padding-top: 75%;}



@media only screen and (min-width:641px){html{font-size:100px;}}
@media only screen and (max-width:640px){html{font-size:100px;}}
@media only screen and (max-width:540px){html{font-size:84.375px;}}
@media only screen and (max-width:480px){html{font-size:75px;}}
@media only screen and (max-width:414px){html{font-size:64.6875px;}}
@media only screen and (max-width: 400px){html{font-size:62.5px;}}
@media only screen and (max-width: 375px){html{font-size:58.5938px;}}
@media only screen and (max-width: 360px){html{font-size:56.25px;}}
@media only screen and (max-width: 320px){html{font-size:50px;}}


#wxnr{width:100%;height: 100%;max-width: 640px;min-width: 320px;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,.6);}
#wxnr .nrdf{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 5rem;height: 5rem;padding: 0.3rem;padding-top: 0.6rem;margin-top: -2.5rem;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
#wxnr img{width: 2.3rem;height: 2.3rem;display: block;margin: 0 auto;}
#wxnr p{font-size: 0.24rem;line-height: 0.45rem;text-align:center;}
#wxnr i{position: absolute;top: 0.2rem;right: 0.2rem;width: 0.3rem;height: 0.3rem;font-size: 0.2rem;line-height: 0.3rem;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
#wxnr span{display:inline-block;padding: 0.03rem 0.1rem;line-height: 0.35rem;background-color: #dc0000;color:#fff;border-radius: 0.05rem;cursor:pointer;}
#wxnr span.wx{padding-left: 0.4rem;background-image: url(../images/wx.png);background-size: 0.28rem;background-position: 0.1rem center;background-repeat: no-repeat;}

#weixin{position: fixed;top: 50%;margin-top: -0.4rem;z-index: 9999999;font-size: 0.26rem;color: #fff;width: 90%;right: 5%;line-height: 0.8rem;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 0.1rem;display: none;}