html{
font-size: -webkit-calc(100vw * 100 /1080);
font-size: -moz-calc(100vw * 100 /1080);
font-size: calc(100vw * 100 /1080);
min-width:375px;
}
body {
font-size: 0.36rem;
margin:0;
position: relative;
min-height: 100vh;
-webkit-tap-highlight-color:transparent;
position: relative;
min-width:375px;
}
a{
outline:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);color:#454545;
}
a:focus{ outline:none; }
a:hover,a:active{ outline:0; }
a,a:visited,a:active,a:hover{ text-decoration:none; }
:focus{ outline: 0; }
*{ margin: 0; padding: 0; font-size: 0; }
.mrg20{ margin: 0 .1rem;}
.header-box{
height: 1rem;
padding:.4rem;
}
.header-box .logo{
display: inline-block;
vertical-align: middle;
margin-right: 1.7rem;
}
.header-box .logo img{
display: block;
width: 2.7rem;
height: 1rem;
}
.header-box .search{
display: inline-block;
vertical-align: middle;
background: #f0f2f4;
border-radius: .15rem;
}
.header-box .search input{
display: inline-block;
vertical-align: middle;
width: 3rem;
height: .8rem;
line-height: .8rem;
padding-left: .3rem;
font-size: .3rem;
color: #333;
border: none;
background: none;
}
.header-box .search button{
width: .8rem;
height: .8rem;
border: none;
color: rgba(255,255,255,0.00);
background: url(/template/mobile/skin/image/search-icon.png) no-repeat center;
background-size: .4rem;
}
.header-box .menu-btn{ float: right; }
.header-box .menu-btn button{
width: .9rem;
height: .9rem;
border: none;
border-radius: 1rem;
background:#006CE0 url(/template/mobile/skin/image/menu_icon.png) no-repeat center;
background-size: .45rem;
}
.layer{
content: "";
position: fixed;
top: 0;
right: 0;
width: 50%;
height: 100%;
transition: .5s;
z-index:-1;
opacity:0;
}
.layer.active {
z-index:100;
opacity:1;
}
.mask {
position:fixed;
top:0;left:0;
display:none;
width:100%;height:100%;
background:rgba(0,0,0,.4);
z-index:10;
}
.nav-menu{
position: fixed;
top:0;
right: 0;
z-index: 99;
background: #fff;
width: 50%;
height: 100%;
padding-top: 1rem;
}
.nav-menu li{
border-bottom: 1px solid #ededed;
}
.nav-menu .close-icon{
text-align: right;
border: none;
}
.nav-menu .close-icon img{
width: .8rem;
height: .8rem;
margin-right: .5rem;
}
.nav-menu li a{
display: block;
font-size: .4rem;
color: #333;
line-height: 3.2;
padding-left: .45rem;
}
.banner-box{
margin:0 .4rem;
}
.banner-box img{
width:100%;
border-radius: .2rem;
}
.menu-box{
margin: .5rem 0.3rem;
}
.menu-box li{
display: inline-block;
width: 20%;
margin: .3rem 0;
}
.menu-box li a{
display: block;
text-align: center;
font-size: .3rem;
color: #454545;
}
.menu-box li a img{
display: block;
width: 1rem;
height: 1rem;
margin: 0 auto .14rem;
}
.tips-bar{
position: relative;
margin: 0 .3rem;
padding: 0 .2rem 0 .9rem;
border-radius: .15rem;
background:#f7f7f7 url("/template/mobile/skin/image/ring_icon.png") no-repeat .25rem center;
background-size: .45rem;
}
.tips-bar::after{
content: "";
display: block;
position: absolute;
left: 2.5rem;
top: 0;
bottom: 0;
margin: auto;
width: 1px;
height: .4rem;
background: #c5c5c5;
}
.tips-bar span{
display: inline-block;
vertical-align: middle;
font-style: italic;
font-weight: bold;
font-size: .32rem;
color: #000;
line-height: 1rem;
}
.tips-bar span b{
color: #18a9b7;
font-size: .32rem;
}
.tips-bar p{
font-size: .32rem;
display: inline-block;
vertical-align: middle;
width: 7rem;
line-height: 1rem;
margin-left: .7rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tab-box{
margin: .8rem .4rem;
}
.tab-box .tab-head{
display: flex;
margin: .75rem 0 .5rem;
}
.tab-box .tab-head span{
position: relative;
padding: .2rem 0;
font-size: .38rem;
color: #464646;
text-align: center;
flex: 1;
}
.tab-box .tab-head span.active{
color: #35afbc;
}
.tab-box .tab-head span.active::after{
position: absolute;
content: "";
display: block;
bottom: -.05rem;
left: 0;
right: 0;
margin: auto;
width: .65rem;
height: 2px;
background: #35afbc;
}
.tab-list{
}
.tab-list li{
margin: .32rem 0;
}
.tab-list li a{
}
.tab-list li a .fl{
display: inline-block;
vertical-align: top;
}
.tab-list li a .fr{
display: inline-block;
vertical-align: top;
margin-left: .55rem;
width: 5.9rem;
}
.tab-list li a .fl img{
width: 3.5rem;
height: 1.9rem;
border-radius: .15rem;
}
.tab-list li a .fr h3{
font-size: .36rem;
color: #242424;
line-height: 1.6;
height: 1.5rem;
}
.tab-list li a .fr em{
color: #7a7a7a;
font-size: .3rem;
font-style: normal;
}
.bar-box{
display: flex;
flex-wrap: wrap;
margin: .2rem;
}
.bar-box .item{
width: 48%;
height: 2rem;
background: url("/template/mobile/skin/image/bar_1.jpg") no-repeat center;
background-size: cover;
margin: .12rem 1%;
border-radius: .15rem;
}
.bar-box .item h2{
font-size: .36rem;
color: #3b9b7d;
margin: .4rem 0 .2rem .4rem;
}
.bar-box .item p{
font-size: .3rem;
color: #3b9b7d;
margin-left: .4rem;
}
.bar-box .item:nth-child(2){
background-image: url("/template/mobile/skin/image/bar_2.jpg");
}
.bar-box .item:nth-child(3){
background-image: url("/template/mobile/skin/image/bar_3.jpg");
}
.bar-box .item:nth-child(4){
background-image: url("/template/mobile/skin/image/bar_4.jpg");
}
.bar-box .item:nth-child(2) h2,
.bar-box .item:nth-child(2) p{
color: #c22b36;
}
.bar-box .item:nth-child(3) h2,
.bar-box .item:nth-child(3) p{
color: #c88d4f;
}
.bar-box .item:nth-child(4) h2,
.bar-box .item:nth-child(4) p{
color: #4730a6;
}
.sample-show-box{
}
.sample-show-box .row{
}
.sample-show-box .row h4{
margin: 0 .25rem;
position: relative;
font-size: .4rem;
color: #353535;
line-height: 3;
padding-left: .3rem;
}
.sample-show-box .row h4::before{
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 3px;
height: .45rem;
background: #35afbc;
}
.sample-show-box .img-box{
display: inline-block;
width: 48%;
text-align: center;
margin: .2rem 1%;
border: 1px solid #efeeef;
box-sizing: border-box;
}
.sample-show-box .img-box img{
width: 100%;
height: 3rem;
}
.sample-show-box .img-box p{
font-size: .32rem;
color: #454545;
line-height: 3.5;
}
.footer{
background: #0b0b0b;
padding: .8rem 0 .5rem;
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.footer .row{
text-align: center;
margin: 0 .4rem;
}
.footer .row span{
color: #fff;
font-size: .36rem;
padding: 0 .2rem;
border-right: 1px solid #fff;
}
.footer .row span:last-of-type{
border: none;
}
.footer .white{
font-size: .32rem;
text-align: center;
color: #fff;
line-height: 2;
margin-top: .5rem;
margin-bottom: .5rem;
}
.footer .white.cy{
border-top: 1px solid #fff;
padding-top: .5rem;
}
.footer .white.cy a:last-child {
color:#fff;
font-size:.32rem;
}
.tab-bot{
position: fixed;
bottom: 0;
z-index: 95;
width: 100%;
background: #fff;
height: 1.5rem;
display: flex;
flex-wrap: nowrap;
box-shadow: 0 -2px 2px 0 rgba(0,0,0,.1);
}
.tab-bot .item{
flex: 1;
text-align: center;
}
.tab-bot .item a {
color:#4d4d4d;
font-size:.28rem;
}
.tab-bot .item img{
display: block;
width: .55rem;
height: .55rem;
margin: .2rem auto .1rem;
}
.tab-bot .item.active a {color:#006CE0;}
/*二级*/
.container{
border-top: .2rem solid #f2f2f2;
}
.ad-box{
margin: .4rem;
}
.article-detail .ad-box{
margin: .5rem 0;
}
.ad-box img{
width: 100%;
height: 1.4rem;
}
.breadcrumb{
color:#555;
font-size:.32rem;
margin: 0 .3rem;
line-height: 3;
}
.breadcrumb li{
display: inline-block;
font-size: .32rem;
color: #555;
padding: 0 .1rem;
}
.breadcrumb li a::after{
content:" >";
}
.breadcrumb li a{
font-size: .32rem;
color: #555;
}
.page-head{
position: relative;
margin: .2rem .4rem;
line-height: 1rem;
clear: both;
}
.page-head h4{
position: relative;
color: #006CE0;
font-size: .4rem;
padding-left: .3rem;
}
.page-head h4::before{
position: absolute;
content: "";
display: block;
width: 3px;
height: .4rem;
background: #006CE0;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.tab-cho{
display: flex;
background: #fbfaf9;
line-height: 1rem;
}
.tab-cho .tab-item{
flex: 1;
text-align: center;
font-size: .36rem;
color: #5c5c5c;
}
.tab-cho.sty2{
margin-top: .5rem;
}
.tab-cho.sty2 .tab-item{
line-height: .45rem;
padding: .15rem 0;
}
.tab-cho .tab-item small{
display: block;
font-size: .3rem;
}
.tab-cho .tab-item.active{
background: #3fc8d2;
color: #fff;
}
.city-choose{
margin: .4rem;
border-bottom: 1px solid #e6e6e6;
padding-bottom: .2rem;
}
.city-choose li{
display: inline-block;
}
.city-choose li a{
display: block;
font-size: .38rem;
color: #333;
line-height: 2;
padding: 0 .35rem;
margin: .1rem;
}
.city-choose li a.active{
color: #fff;
background: #2aaab9;
border-radius: .15rem;
}
.fl-part{
margin: 0 .3rem;
}
.fl-part .item{
display: inline-block;
width: 48%;
margin: .2rem 1%;
border:1px solid #ededed;
overflow: hidden;
box-sizing: border-box;
}
.fl-part .item img{
width: 100%;
height: 2.5rem;
}
.fl-part .item .item-h{
overflow: hidden;
height: 1rem;
line-height: 1rem;
}
.fl-part .item .item-h h5{
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: .32rem;
font-weight: normal;
color: #525252;
text-align: center;
}
.fl-part .item a{
position: relative;
display: block;
}
.fl-part .item a:hover::before{
position: absolute;
z-index: 2;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background: rgba(0,0,0,.5) url(/template/mobile/skin/image/img_hover.png) no-repeat center;
background-size: 37px;
}
.links{
margin: .4rem;
}
.links li i{
display: inline-block;
vertical-align: middle;
color: #006CE0;
font-style: normal;
font-size: .3rem;
border-radius: .1rem;
width: .8rem;
line-height: .5rem;
border: 1px solid #006CE0;
text-align: center;
margin-right: .15rem;
}
.links li h5{
position: relative;
display: inline-block;
vertical-align: middle;
width: 6.9rem;
padding-left: .3rem;
font-weight: normal;
font-size: .38rem;
color: #444;
line-height: 2.5;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.widget li h5{
width: 6.5rem;
padding-left: 0;
}
.links li h5::before{
position: absolute;
display: block;
content: "";
width: 4px;
height: 4px;
background: #006CE0;
top: 0;
bottom: 0;
left: 0;
margin: auto;;
}
.widget li h5::before{
display: none;
}
.links li em{
font-size: .38rem;
color: #797979;
float: right;
font-style: normal;
line-height: 2.5;
}
.nav-page{
margin: .5rem auto;
text-align: center;
}
.nav-page ul li{
display: inline-block;
}
.nav-page ul li a,
.nav-page ul li span {
display: block;
margin: 0 .1rem;
padding: 0 .35rem;
height: .8rem;
line-height: .8rem;
background: #fff;
border: 1px solid #e0e0e0;
font-size: .36rem;
color: #555;
}
.nav-page ul li a.active{
background: #006CE0;
color: #fff;
border: none;
}
.article-detail{
margin: 0 .4rem;
}
.article-detail p{
font-size: .36rem;
color: #444;
line-height: 2;
text-indent: 2em;
margin: .5rem 0;
}
.article-detail .article-header{
margin-top: .3rem;
border-bottom: 1px solid #e2e2e2;
}
.article-detail .article-header h3{
font-size: .42rem;
color: #333;
line-height: 1.8;
}
.article-detail .article-header .header-meta{
padding: .4rem 0;
}
.article-detail .article-header .header-meta span{
font-size: .3rem;
color: #5e5e5e;
margin-right: .3rem;
}
.article-detail .content img,
.article-detail .content p img {
width:100%;
text-indent:0;
}
.part{
margin:1rem .4rem;
}
.part .row{
position: relative;
}
.part .row .sty2{
position: relative;
border-bottom: 1px solid #e2e2e2;
font-size: .4rem;
line-height: 3.2;
}
.part .row .more{
position: absolute;
font-size: .38rem;
right: 0;
bottom: 0;
margin: auto;
color: #7a7a7a;
line-height: 3.2;
}
.part .row .sty2::after{
position: absolute;
content: "";
display: block;
left: 0;
bottom: -1px;
width: 1.6rem;
height: 3px;
background: #006CE0;
}
.part .row .links{ margin: .4rem 0; }
.bg-img img{
width: 100%;
height: 2.5rem;
}
.gz-tit{
text-align: center;
font-size: .45rem;
font-weight: bold;
color: #333;
padding: .2rem 0 .55rem;
margin: .6rem 0;
background: url(/template/mobile/skin/image/gz_tit_img.png) no-repeat center bottom;
background-size: 5.5rem;
}
.gz-list{
text-align: center;
margin:0 .4rem .6rem;
}
.gz-list li{
display: inline-block;
width: 23%;
line-height: 2.5;
font-size: .36rem;
color: #fff;
background: #2aaab9;
margin: .15rem 1%;
}
.process-box{
background: #2aaab9;
padding: .4rem;
}
.process-box li{
display: inline-block;
width: 20%;
text-align: center;
color: #fff;
font-size: .36rem;
padding: .5rem 0;
}
.process-box li img{
width: 1.3rem;
height: 1.3rem;
display: block;
background: url(/template/mobile/skin/image/gz_icon_bg.png) no-repeat center .1rem;
background-size: 1.2rem;
margin: 0 auto .15rem;
padding-bottom: .03rem;
}
.process-box li i{
display: block;
font-size: .36rem;
color: #33a9bf;
background: #fff;
width: .5rem;
height: .5rem;
border-radius: .5rem;
line-height: .5rem;
text-align: center;
font-style: normal;
margin: .1rem auto 0;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
background:#fff;
}
.crumb {
font-family: "宋体","黑体";
}
.crumb a {
font-family:"Gilroy-Light","苹方","微软雅黑","Arial";
color:#555;
font-size:.32rem;
}
.pager {
display:flex;
display:-webkit-flex;
justify-content:space-around;
font-size:.32rem;
}
.pager strong {
color:#555;
font-size:.32rem;
font-family:"黑体";
font-weight:normal;
}
.pager li {
display:inline-block;
}
.pager li span, .pager li a {
display:inline-block;
height:1.2rem;
line-height:1.2rem;
padding:0 7px;
color:#555;
font-size:.32rem;
background:#fff;
border:1px solid #eee;
}
.cjwt-show{
margin:0 .4rem 1rem;
}
.cjwt-show .row{
padding:.2rem 0 .8rem 0;
border-bottom: 1px solid #eae9e9;
}
.cjwt-show .row .ques,.cjwt-show .row span{
font-size: .4rem;
color: #1a1a1a;
line-height: 1.5;
}
.cjwt-show .row .ques{
position: relative;
padding-left: .7rem;
margin: .5rem 0;
}
.cjwt-show .row .ques::before{
content: "";
display: block;
width: .5rem;
height: .5rem;
position: absolute;
left: 0;
top: .02rem;
background: url(/template/mobile/skin/image/ques_icon.png) no-repeat center;
background-size: .45rem;
}
.cjwt-show .row .ptxt{
background: #f6f6f6;
padding: .4rem .5rem;
}
.cjwt-show .row .ans{
padding-left: .2rem;
font-size: .38rem;
color: #1a1a1a;
line-height: 2.2;
}
.cjwt-show .row .ans span{
font-size: .38rem;
color: #1a1a1a;
line-height: 2.5;
}
.search-box{
margin: .4rem;
}
.search-box input{
display: inline-block;
vertical-align: top;
border: 1px solid #d8d8d8;
box-sizing: border-box;
font-size: .4rem;
width: 7.5rem;
padding-left: 1rem;
height: 1.2rem;
line-height: 1.2rem;
background: url(/template/mobile/skin/image/search-icon.png) no-repeat .3rem center;
background-size: .5rem; outline: none;
border-radius: 0;
}
.search-box button{
display: inline-block;
vertical-align: top;
width: 2.5rem;
height: 1.2rem;
background: #006ce0;
font-size: .4rem;
line-height: 1.2rem;
color: #fff;
text-align: center;
border: none;
outline: none;
}
.links.pstj {display:none;}
.links.pstj.active {display:block;}
.file {
text-align:center;
border:1px solid #ddd;
padding:8px;
box-sizing:border-box;
}
.file p {
color:#222;
font-size:.4rem;
text-indent:0;
margin:0 0 10px;
}
.file a {
display:block;
width:100%;height:1.2rem;
line-height:1.2rem;
color:#fff;
font-size:.4rem;
background:#006CE0;
}