﻿body{width:100%;overflow-x: hidden; font-size:100%; color: #666; font-family:"Microsoft YaHei"; background-color:#FFF;}
ol,ul,li{list-style:none;}
*{	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body,ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article,ol,button{ margin:0; padding:0;}	
h1,h2,h3,h4{ font-weight:normal;}
p{-webkit-margin-before: 0; -webkit-margin-after: 0; text-align:justify;}	
img{border:0;}
em,i{ font-style:normal;}
a{text-decoration:none; color: #676767;}
.clearf:after,clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clearf{zoom:1;}
.colfff{ color:#FFF;}
.text-center{ text-align:center;}
.mr{max-width: 640px; min-width:320px;margin: 0 auto;}

.header{ padding:.9em 0 0 .3em; float:left; width:30%;}
.header img{ width:70%;}
.menu{ float:right;}
.menu li{ float:left; margin-right:1em;line-height:4em; height:4em;margin-right: .5em;}
.menu li a:hover{ color:#F00;}
.mbanner img{ display:block; margin:0 auto; width:100%;}

.nav {padding:1.7em 0;background-color:#FFF;}
.nav li { display: block;  width: 25%; padding: 10px 7px; border-left: 1px solid #f8f8f8;  border-top: 1px solid #f8f8f8;  box-sizing: border-box; float: left}
.nav li a {display: block;text-decoration: none}
.nav li img { display: block;width:4.5em;height:3.7em; margin: 0 auto;  background:url(../images/pr_btns.png) no-repeat;  background-size: 80%}
.nav li span { display: block; padding-top: 8px;  font-size: 14px;  text-align: center;  color: #333}
.nav .gl_btn,.nav .hg_btn { border-left: 0}
.nav .gl_btn,.nav .yy_btn,.nav .zj_btn,.nav .ask_btn { border-top: 0}
.nav .gl_btn img {background-position: center -354px;}
.nav .yy_btn img {  background-position: center -59px;}
.nav .zj_btn img {background-position: center -117px;}
.nav .ask_btn img {background-position: center -175px;}
.nav .hg_btn img {background-position: center 0;}
.nav .jg_btn img {background-position: center -235px;}
.nav .sp_btn img {background-position: center -295px;}
.nav .hd_btn img {background-position: center -410px;}

.first{ background:url(../images/pr_bolang.jpg) no-repeat center top #ff5789;}
.first h2{background:url(../images/pr_tit1.png) no-repeat center; }
.list{ padding:1em;}
.list nav{ border:.7em double #666666; border-radius:5px;  padding:1em .5em; background-color:#FFF; margin-top:2em;}
.list nav h2{ background-size:100%; padding:1em 0 1em 1.5em; font-size:2em; width:60%; margin:0 auto; color:#FFF; font-weight:bold;}
.list nav ul{ padding:1em 0;}
.list nav ul li{padding-bottom:.5em;}
.list nav ul li:not(:first-child){ border-bottom:1px solid #f3f3f3; padding-top:.5em;}
.list nav ul li:last-child,.second nav ul li:nth-child(6){ border-bottom:none;}
.list nav ul li:first-child span{ font-weight:bold; color:#ff5789 !important;}
.list nav ul li span{ width:25%; display:inline-block; text-align:center;vertical-align: middle;}
.list nav ul li span:first-child,.first-list nav ul li span:nth-child(3){ font-weight:bold;}
.list nav ul li span:nth-child(2),.list li table tr td:nth-child(2){ color:#42c3ff;}
.list nav ul li em{ display:block; font-size:.9em;color:#ff5789; font-weight:normal;}
.list li table tr td{ width:25%; text-align:center; height:3em;border-bottom:1px solid #f3f3f3;padding-top:.5em; padding-bottom:.5em;}
.list li table tr td:first-child{ font-weight:bold;}
.list li table tr td:first-child i{ display:block; font-weight:normal; font-size:.9em;color:#ff5789;}
.list li table tr td:nth-child(3){border-right:1px solid #f3f3f3;}
.list li table tr:first-child td:last-child{border-right:1px solid #f3f3f3; color:#ff5789;}

.second{background:url(../images/pr_bolang2.jpg) no-repeat center top #ffed57;}
.second h2{background:url(../images/pr_tit2.png) no-repeat center; }
.second nav ul li:nth-child(6){ padding-top:0;}

.third{background:url(../images/pr_bolang3.jpg) no-repeat center top #5777ff;}
.third h2{background:url(../images/pr_tit3.png) no-repeat center; }

.fourth{background:url(../images/pr_bolang4.jpg) no-repeat center top #76e0ff;}
.fourth h2{background:url(../images/pr_tit4.png) no-repeat center; }

.fifth{background:url(../images/pr_bolang5.jpg) no-repeat center top #ff5789;}
.fifth h2{background:url(../images/pr_tit5.png) no-repeat center; }

.sixth{background:url(../images/pr_bolang6.jpg) no-repeat center top #fffd57;}
.sixth h2{background:url(../images/pr_tit2.png) no-repeat center; }

.seventh{background:url(../images/pr_bolang7.jpg) no-repeat center top #5777ff;}
.seventh h2{background:url(../images/pr_tit3.png) no-repeat center; }

.eighth{background:url(../images/pr_bolang8.jpg) no-repeat center top #ffed57;}
.eighth h2{background:url(../images/pr_tit2.png) no-repeat center; }

.ninth{background:url(../images/pr_bolang9.jpg) no-repeat center top #ff5789;}
.ninth h2{background:url(../images/pr_tit1.png) no-repeat center; }

.zxxj{ margin:1em 0;}
.zxxj a{padding: .3em 1em;color:#fcff00; border-radius:1em; font-size:2em; text-align:center; background-color:#ff5789;}
.f_bot{ margin-bottom:5em;}
.f_bot p{ line-height:2em; font-size:1.2em;}
@media(max-width:768px) {
.banner img{ width:100%;}
.hos_daquan ul li{ width:49%; margin-right:2%; margin-bottom:2%;}
.hos_daquan ul li .img{ height:3em;}
.hos_daquan ul li p:nth-child(2){ height:3em;}
.hos_daquan ul li:nth-child(2n){ margin-right:0;}
.hide{ margin: 1em; text-align: center; color:#F00; font-weight:bold;}
.f_bot{ padding:1em;}
.f_bot p{ line-height:1.5em;}
.f_bot p a{ margin-right:.5em;}
}
@media screen and (min-width: 435px) and (max-width: 550px){
}

@media(max-width:414px) {
.zxxj a,table,h2,span{ font-size:80% !important;}
.header img{ width:100%}
.menu li { line-height: 3.5em;height: 3.5em;}
}


@media screen and (max-width:375px){
.zxxj a,table,h2,span{ font-size:70% !important;}
}
@media screen and (max-width: 320px){
.zxxj a,table,h2,span{ font-size:60%  !important}
.header img{ width:100%;}
.menu li { line-height: 3.5em;height: 3em;}
}


#footer_f{ font-size:1em;width: 100%;min-width: 320px; max-width: 640px; margin: 0 auto;bottom: 0;position: fixed;height: 3.3em;z-index: 9999; display: flex;}
#footer_f_l,#footer_f_r{ display: block;width: 50%;height: 3.3em; line-height: 3.3em; text-align: center; color: #fff;}
#footer_f_l i,#footer_f_r i{vertical-align: -webkit-baseline-middle;padding: .5em .8em;margin-right: .3em;}
#footer_f_l {background-color:#fd5877; border-right: 2px solid #fff;}
#footer_f_l i{background: url(../images/b_ico_l.png) no-repeat; background-size: 100%;}
#footer_f_r {background-color:#58a6fd; position: relative;}
#footer_f_r i{background: url(../images/b_ico_r.png) no-repeat;background-size: 100%;}
#footer_f_r .sp3{ font-size:.9em;position: absolute;background-color: #f31919;height: 1.2em;padding: 0 .3em;border-radius: 1em;color: #fff;line-height: 1em;font-style: normal;top: .3em;}
