@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body {  font:14px/1.5 'Tahoma', 'Arial','Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1','sans-serif'; color: #555555; }
img { border: 0; max-width: 100%; width: auto; height: auto; -ms-interpolation-mode: bicubic; }
ul, li { list-style: none; }
a { color: #000000;transition: all 0.4s ease 0s; text-decoration: none; cursor: pointer; }
h1, h2, h3, h4, h5, h6 {font:14px/1.5 'Tahoma', 'Arial','Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1','sans-serif';line-height:140%; font-weight:normal;}
p { transition: all 0.4s ease 0s;  }
var a { font-style: normal }
.clear { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }
.fl { float:left; }
.fr { float:right; }
body {font-size:1.6rem;max-width: 640px;margin: 0 auto;}
em{font-style: normal;}
#m_div { height: auto; margin: 0 auto; max-width:640px; min-width: 320px; position:relative; overflow: hidden; }
.logo{width:100%; overflow:hidden;position: relative;}
.logo a{display: block;position: absolute;float: left;}
.logo #a1{width: 14%;height: 2.7em;position: absolute;top: 0;left: 0;}
.logo #a2{width: 86%;height: 2.7em;position: absolute;top: 0;right: 0;}
/*导航*/
.top{/*position: fixed; */width: 98%; top: 0px; left:0;  z-index:999; overflow:hidden;padding-left:2%;background-color: #fff;}
.top a{display: inline-block;float: left;}
.top a img{width: 100%;}
.top a:nth-child(1){width: 8%;padding: 5.4% 0;}
.top a:nth-child(2){width: 92%;}
.top-op {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
}
.fixednav{position:fixed;top:0px;left:0px;width:98%;}
.header-content {width: 15.2em;background-color: rgba(0,0,0,0.6);position: fixed;z-index: 999;overflow: hidden;transition: transform 0.4s;display: none;top:11.6%;}
#header-content {width: 15.2em;background: #f2f4f4;font-size: 1em;color: #333;clear: both;}
#header-content .hd {float: left;position: relative;width: 5.4em;height: 100%;padding-top: 0.833em;}
#header-content .hd ol {width: 100%;}
#header-content .hd ol li {cursor: pointer;height: 2.4em;line-height: 2.4em;display: block;text-align: center;font-size: 1.2rem;}
#header-content .hd ol li.on {background: #fff;color: #4A8AD8;border-bottom: 1px solid #4A8AD8;}
#header-content .bd {float: left;width: 9.8em;height: 100%;background: linear-gradient(to right,rgba(255,255,255,0.6), rgba(199,201,201,0.6));padding-top: 0.833em;}
#header-content .bd ul {height: 100%;clear: both;}
#header-content .bd ul li {float: left;}
#header-content .bd ul li div {position: relative;width: 11em;}
#header-content .bd ul li div span {clear: both;width: 100%;}
#header-content .bd ul li div a {float: left;text-align: center;height: 3em;line-height: 3em;display: block;width: 6em;border-top: 1px solid #c9c6c6;border-bottom: 1px solid #c9c6c6;font-size: 1.2rem;}
#header-content .bd ul li div a:nth-child(2n-1) {border-right: 1px solid #c9c6c6;margin-left: 0.5em;}
@media screen and (min-width:360px) and (max-width:640px){
.header-content{top: 10%}
}
@media screen and (min-width:320px) and (max-width:359px){
.header-content{top: 11.8%}
}
.nav{ overflow:hidden; width:100%; margin: 0 auto; padding:0;}
.nav ul{ overflow:hidden; padding:0 0 0 0;border-top: 1px solid #fff;padding-left:1px;}
.nav ul li{ float:left; width:24.82%;background: url(../images/nav.jpg) no-repeat center top;background-size: 100%;line-height:1.8em; text-align:center; margin-right:0;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.nav ul li a{ color:#fff; text-decoration:none;font-size: 1.4rem;}
.nav ul li:nth-child(4){border-right: 0;}
.nav ul li:nth-child(8){border-right: 0;}
@media screen and (min-width:320px) and (max-width:360px) {
.nav ul li{width:24.65%;}
}
@media screen and (min-width:375px) and (max-width:640px) {
.nav ul li{width: 24.7%;}
}
.banner{width:100%; overflow:hidden;}
.banner img{display:block;width:100%;}
.wxts{width: 96%;margin: 4% auto;color: #333;}
.wxts h1{text-align: center;font-size: 1.6rem;line-height: 2.5em;}
.wxts ul{overflow: hidden;}
.wxts ul li{font-size: 1.2rem;color: #333;margin-bottom: 1.5%;}
.zijian{width: 96%;margin: 8% auto 4%;overflow: hidden;padding: 4% 0 1%;background-color: #4a8ad8;border-radius: 10px;
box-shadow:0px 0px 15px 10px #d7e8f5;}
.til_img{width: 78%;margin: 0 auto 6%;text-align: center;color: #fff;    font-weight: bold;font-size: 1em;}
.til_img h1{color: #fff; font-weight: bold;font-size: 1.8rem;}
.nr_n1 {width: 94%;margin: 0 auto 3%;border-bottom: 1px dashed #ececec;padding-bottom: 3%;overflow: hidden;}
.nr_n1 p {text-align: left;line-height: 1.8em;font-size: 1.2rem;color: #333333;}
.nr_n1_dx {width: 95%;padding-left: 5%;}
.nr_n1_dx label{margin-right: 2%;display: inline;display: block;width: 40%;float: left;}
.nr_n1_dx label:last-child{margin-right: 0%;}
.nr_n1_dx label a {line-height: 1.8em;text-indent: 0.5em;font-size: 1rem;color: #333;padding-left: 4%;}
.textarea{height: 100px;width: 95.5%;resize: none;font-size: 1.2rem;padding: 2%;margin-top: 3%;border-radius: 2px;}
@media screen and (min-width:320px) and (max-width:360px) {
.textarea{width: 95%;}
}
.biaodan{width: 90%;overflow: hidden;margin: 4% auto 0;}
.user {overflow: hidden;zoom: 1;margin: 6px 0;width: 100%;display: inline-block;line-height: 30px;color: #fff;}
.user h3{width: 24%;float: left;font-size: 1.2rem;line-height: 2em;}
.user ul{float: left;width: 75%}
.user ul li {line-height: 2em;font-size: 1.2rem;}
.user ul li .intxt {font-family: "微软雅黑";font-size: 14px;color: #acacac;width: 78%;height: 2.5em;border: 1px solid #ececec;padding-left: 2%;margin-right: 2%;}
.shi{overflow: hidden;}
.shi label{background-color: #fff;color: #4a8ad8;padding: 1.1% 2%;border-radius: 8px;position: relative;margin-right: 5%;}
@media screen and (min-width:360px) and (max-width:640px) {
.user ul li .intxt{height: 2em;}
.shi label{padding: 2% 2.5% 2% 10%;}
.shi label input{position: absolute;top: 20%;left: 8%;}
}
@media screen and (min-width:320px) and (max-width:360px) {
.user ul li .intxt{height: 1.8em;}
.shi label{padding: 2% 2.5% 2% 10%;}
.shi label input{position: absolute;top: 14%;left: 8%;}
}
.tj{width:100%;margin:4% auto;overflow: hidden;}
.tj li{ width:50%; float:left;text-align:center;}
.tj li input{border-radius: 6px;width:70%;color:#FFF;text-align:center;border:none;font-size: 1.2rem;line-height: 2.4em;}
.tj_l{float:right; background:#006cbd;margin-right: 6%;}
.tj_r{float:left;background:#f46a00;margin-left: 6%;}
.fonter{width:100%;}
.fonter .font_01{	color:#fff;width:100%; background:#4a8ad8; text-align:center; font-size:1.2rem; line-height:250%;display:block;}	
.fonter .font_01 a{	color:#fff;}
/*.footers{width: 96%;background: #f2f2f2;padding:2%;padding-bottom: 40px;color: #333333;}*/
.footers{height: 7em;}
.foot {
    overflow:hidden;
    background:#f6f6f6;
    border:solid 1px #e2e2e2;margin-bottom: 2em;
}
.foot dl {
    overflow:hidden;
    padding:3% 3% 6.5%;
}
.foot dl dt {
    display:block;
    overflow:hidden;
    text-align:left;
    width:74%;
    float:left;
    padding-top: 4.2%;
}
.foot dl dt p {
    float:left;
    color:#797979;
    padding:2% 0;
    font-size: 1.1rem;
}
.foot dl dd {
    display:block;
    overflow:hidden;
    padding-top:2%;
    width:24%;
    float:right;
}
/*footer*/
footer { margin-top: 2.75rem;width:100%;max-width:640px;}
footer .foot { padding:0.1rem 0; position: fixed; z-index: 99999;  bottom: 0; width: 100%;  background: #006ecd;border-top: 1px solid #ccc;max-width: 640px;}
footer .foot a  { float: left; width:24.7%; border-left: 1px solid #e0e0e0; padding:2% 0 1%;color: #fff;}
footer .foot a:first-child { border-left: none;}
footer .foot a .foot_icon { margin:0 auto; width: 1.8rem; height: 1.8rem; background: url(../images/dbswts.gif) no-repeat; background-size: 8rem auto;}
footer .foot a .foot_icon1{ background-position: -5.75rem 0;}
footer .foot a .foot_icon2 { background-position: -0.26rem 0;}
footer .foot a .foot_icon3 { background-position: -1.88rem 0;}
footer .foot a .foot_icon4 { background-position: -3.75rem 0;}
footer .foot a p { text-align: center; font-size: 1.2rem; margin-top: 0.15rem;}
.py_jbkp{width: 100%;margin: 4% auto;color: #333;text-align: center;overflow: hidden;}
.py_jbkp h1{font-size: 1.2em;font-weight: bold;}
.py_jbkp p{font-size: 1.1rem;float: left;width: 57%;text-align: left;    line-height: 1.5rem;}
.py_jbkp p a {color: #f50000;}
.py_jbkp dl{float: left;width: 37%;margin: 0% 2%;}
.py_02{text-align: center;position: relative;margin: 0 auto 4%;width: 96%;}
.py_02 a{text-align: center;font-size: 1rem;line-height: 1.2em;background-color: #fff;z-index: 999;}
.py_02 a i{font-style:normal;color: #000;display: inline-block;line-height: 1em;}
.py_02 a i:first-child{padding-right: 1.2%;}
.py_02 a i:last-child{padding-left: 1.2%;}
.py_02 span{border-top: 1px solid #000;margin-top: -1.6%;display: block;width: 100%;}
.tf_fbys{text-align: center;    margin: 0% 2%;}
/*.tf_fbys ul{overflow:hidden;}*/
.tf_fbys ul li{float: left;width: 30%;margin:4% 1%;    background-color: #f1f1f1;}
.tf_fbys ul li:nth-child(1),.tf_fbys ul li:nth-child(4){margin:4% 2%;}
.tf_fbys ul li:nth-child(3) h2{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*.tf_fbys ul li h2{width: 80%;text-align: center;font-size: 1.3rem;background-color: #898989;float: left;margin: 0% 0% 0% 11%;}*/
.tf_fbys ul li h2{background-color: #969696;box-shadow: 3px 3px 0px 1px #cdcdcd;color: #fff;text-align: center;width: 86%;margin: -0.9em auto 9%;font-size: 1.4rem;font-weight: normal;line-height: 1.8em;}
/*.tf_fbys ul li p{width: 100%;text-align: left;margin: 2% 4%;}*/
.tf_fbys ul li p{width: 96%;font-size: 1rem;padding: 8% 6% 2%;color: #626262;height: 11.5em;}
.py_left{margin-right: -2%;margin-bottom: 1%;width: 30%;    height: 1px;}
.py_right{margin-left: -2%;margin-bottom: 1%;width: 30%;    height: 1px;}
.zx_yy{width: 100%;margin: 0% auto;color: #333;text-align: center;overflow: hidden;    font-size: 1.5rem;}
.zx_yy_bd{width: 100%;margin: 4% auto 0;color: #333;text-align: center;overflow: hidden;}
.zx_yy_bd li{float: left;text-align: center;width: 26%;padding: 1% 2%;background-color: #4a8ad8;color: #fff;margin-left: 2.5%;    border-radius: 5px;}
.zx_yy_bd li:nth-child(2){float: left;text-align: center;    width: 26%;    padding: 1% 2%;background-color: #ff7200;color: #fff;margin-left: 2%;    border-radius: 5px;}
.zx_yy_bd li img{width: 23%;margin-right: 2%;    float: left;    padding-top: 2%;}
.zx_yy_bd li a{color: #fff;}
.zx_yy_bd_tf{width: 100%;margin: 0 auto 0;color: #333;text-align: center;overflow: hidden;}
.zx_yy_bd_tf li{float: left;text-align: center;width: 26%;padding: 1% 2%;background-color: #4a8ad8;color: #fff;margin-left: 2.5%;    border-radius: 5px;}
.zx_yy_bd_tf li:nth-child(2){float: left;text-align: center;    width: 26%;    padding: 1% 2%;background-color: #ff7200;color: #fff;margin-left: 2%;    border-radius: 5px;}
.zx_yy_bd_tf li img{width: 23%;margin-right: 2%;    float: left;    padding-top: 2%;}
.zx_yy_bd_tf li a{color: #fff;}
.py_lc{}
.py_lc{width: 100%;margin: 4% auto;color: #333;text-align: center;overflow: hidden;}
.py_lc h1{font-size: 1.2em;font-weight: bold;}
.py_lc p{font-size: 1.1rem;float: left;width: 57%;text-align: left;    line-height: 1.9rem;}
.py_lc dl{float: left;width: 37%;margin: 0% 2%;}
.py_03{margin: -3% auto 3%;text-align: center;}
.py_03 img{}
.py_03 a{text-align: center;font-size: 1rem;}
.py_left_lc{margin-right: -2%;margin-bottom: 1%;width: 22%;height: 1px;}
.py_right_lc{margin-left: -2%;margin-bottom: 1%;width: 22%;height: 1px;}
.py_tu{border: 1px solid #aaaaaa;padding: 2%;width: 92%;margin: 0 auto;}
.py_tu img{width: 100%;}
.py_lcq{float: left;    margin-top: 3%;}
.py_lcq ul{overflow: hidden;padding: 0 2%;}
.py_lcq ul li{float: left;background-color: #f6f6f6;    margin-bottom: 2%;    width: 100%;}
.py_lcq ul li h1{width: 24%;float: left;background-color: #979797;color: #fff;padding: 1.4% 0;    font-size: 1.5rem;}
.py_lcq ul li:nth-child(2) h1{padding:1.4% 0;float: right;}
.py_lcq ul li:nth-child(3) h1{padding:4.4% 0;}
.py_lcq ul li p{float: left;line-height: 1.4em;width: 72%;margin-left: 2%;font-size: 1rem;padding: 1% 0%;}
/*.py_yjxq{position: relative;left: 0px;top:60px;}*/
@media screen and (min-width:320px) and (max-width:360px) {
.py_lcq ul li h1{padding:2.4% 0;}
.py_lcq ul li p{width: 73%;padding: 1% 0%;}
/*.py_yjxq{position: relative;left: 0px;top:38px;}*/
}
@media screen and (min-width:375px) and (max-width:640px) {
.py_lcq ul li p{width:72%;padding: 1% 0%;}
/*.py_yjxq{position: relative;left: 0px;top:36px;}*/
}
.py_zhl{width: 100%;margin: 0% auto;color: #333;text-align: center;overflow: hidden;}
.py_zhl p{float: left;width: 30%;text-align: center;background-color: #eeeeee;    margin-left: 2%;margin-top: 1%;    padding: 1% 0%;}
.py_zhl p:nth-child(6){width: 32%;}
.py_zhl p:nth-child(3){width: 32%;}
.py_zhl p a{font-size: 1.3em;color: #6b6b6b;}
.py_left_lc1{margin-right: -2%;margin-bottom: 1%;width: 16%;height: 1px;}
.py_right_lc1{margin-left: -2%;margin-bottom: 1%;width: 16%;height: 1px;}
.py_04{margin: -3% auto 3%;text-align: center;}
.py_04 img{}
.py_04 a{text-align: center;font-size: 1rem;}
.py_left_04{margin-right: -2%;margin-bottom: 1%;width: 9%;height: 1px;}
.py_right_04{margin-left: -2%;margin-bottom: 1%;width: 9%;height: 1px;}
@media screen and (min-width:320px) and (max-width:360px) {
    .py_left_04{margin-right: -2%;margin-bottom: 1%;width: 3%;height: 1px;}
.py_right_04{margin-left: -2%;margin-bottom: 1%;width: 3%;height: 1px;}
}
@media screen and (min-width:375px) and (max-width:640px) {
.py_left_04{margin-right: -2%;margin-bottom: 1%;width: 10%;height: 1px;}
.py_right_04{margin-left: -2%;margin-bottom: 1%;width: 10%;height: 1px;}
}
.py_zxy{margin: 2% 2%;overflow: hidden;}
.py_zxy p{width: 100%;text-indent: 7%;line-height: 1.5em;font-size: 1.2rem;}
.py_ts{margin: 4% 0% 0%;}
.zt_yyjs{}
.zt_yyjs{height: 7em;}
.zt_yyjs p{line-height: 1.5rem;}
.zt_yyjs p span{color: #f50000;} 
.py_left_05{margin-right: -2%;margin-bottom: 1%;width: 18%;height: 1px;}
.py_right_05{margin-left: -2%;margin-bottom: 1%;width: 18%;height: 1px;}
.zt_hdt{width: 100%;margin: 0% auto;color: #333;text-align: center;overflow: hidden;background-color: #edf6fd;padding:3% 0%;}
.zt_hdt p{float: left;    width: 30%;    margin-left: 2%;    margin-right: 1%;}
.py_rd{width: 100%;margin: 0% auto;color: #333;text-align: center;overflow: hidden;    font-size: 1.2rem;}
.py_rd ul li{float: left;background-color: #ababab;margin: 0.5% 0.5%;padding: 1% 1.2%;color: #fff;font-size: 1rem;}
.py_rd ul li:nth-child(1){width: 24%;margin-left: 3%;}
.py_rd ul li:nth-child(2){width: 33%;background-color: #939393;}
.py_rd ul li:nth-child(3){width: 29%;}
.py_rd ul li:nth-child(4){margin-left: 3%;}
.py_rd ul li:nth-child(5){background-color: #c3c3c3;}
.py_rd ul li:nth-child(6){padding:1% 6.8%;background-color: #939393;}
.py_rd ul li:nth-child(7){width: 25%;margin-left: 3%;background-color: #939393;}
.py_rd ul li:nth-child(8){padding: 1% 4.6%;}
.py_rd ul li:nth-child(9){padding: 1% 5%;background-color: #c3c3c3;}
.py_rd ul li a{color: #fff;}
@media screen and (min-width:320px) and (max-width:360px) {
.py_rd{width: 100%;margin: 0% auto;color: #333;text-align: center;overflow: hidden;    font-size: 1.2rem;}
.py_rd ul li{float: left;background-color: #ababab;margin: 0.5% 0.5%;padding: 1%;color: #fff;font-size: 1rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.py_rd ul li:nth-child(1){width: 25%;margin-left: 1%;}
.py_rd ul li:nth-child(2){width: 40%;background-color: #939393;}
.py_rd ul li:nth-child(3){width: 25%;}
.py_rd ul li:nth-child(4){width: 26%;margin-left: 1%;}
.py_rd ul li:nth-child(5){background-color: #c3c3c3;}
.py_rd ul li:nth-child(6){width: 30%;padding:1%;background-color: #939393;}
.py_rd ul li:nth-child(7){width: 26%;margin-left: 1%;background-color: #939393;}
.py_rd ul li:nth-child(8){padding: 1%;width:30%;}
.py_rd ul li:nth-child(9){padding: 1%;width:34%;background-color: #c3c3c3;}
}
@media screen and (min-width:375px) and (max-width:640px) {
.py_rd{width: 100%;margin: 0% auto;color: #333;text-align: center;overflow: hidden;    font-size: 1.2rem;}
.py_rd ul li{float: left;background-color: #ababab;margin: 0.5% 0.5%;padding: 1% 1.2%;color: #fff;font-size: 1rem;}
.py_rd ul li:nth-child(1){width: 24%;margin-left: 3%;}
.py_rd ul li:nth-child(2){width: 32%;background-color: #939393;}
.py_rd ul li:nth-child(3){width: 29%;}
.py_rd ul li:nth-child(4){margin-left: 3%;}
.py_rd ul li:nth-child(5){background-color: #c3c3c3;}
.py_rd ul li:nth-child(6){padding:1% 5.2% 1% 5.2%;background-color: #939393;}
.py_rd ul li:nth-child(7){width: 26%;margin-left: 3%;background-color: #939393;}
.py_rd ul li:nth-child(8){padding: 1% 4.6%;}
.py_rd ul li:nth-child(9){padding: 1% 3.3%;background-color: #c3c3c3;}
}
.wxts1{width: 100%;margin: 4% auto;color: #333;text-align: center;overflow: hidden;}
.header {width: 100%;min-width: 320px;height: 2.5em;line-height: 2.5em; background-color: #2e3642;position:fixed;bottom:0; z-index:1111;max-width: 640px;}
.addSnavl2,.addSnavl1{width:50%;height:100%; display:block; float:left;text-align:center;}
.addSnavl1{background-color:#4A8AD8;}
.addSnavl2{background-color: #ff8c19;}
.phoneIcon,.swtIcon{width: 14%;vertical-align: middle;display: inline-block; margin-right:2%;}
.phoneIcon img,.swtIcon img{width:100%;max-width:55px;}
.showMenuBtn b{ color:#e4e5e7; font-style:normal;line-height: 1.2em; display:inline-block; margin:0 0 0 30px; font-weight:normal; font-size:80%}
.addSnavtable{ display:table;width:100%;height:100%; vertical-align:middle;}
.addSnavtablecell{ display:table-cell; vertical-align:middle;width:100%;height:100%; color:#fff;}
.showMenuBtn{ margin:2px auto -5px}
.ys_bj{background: url(../images/py_ys.jpg) no-repeat;background-size: 100%;overflow: hidden;text-align: center;padding-left: 38%;}
.ys_bj h1{text-align: center;float: right;font-size: 1.6em;    width: 100%;    margin: 10% 14% 0% 0%;color: #4a8ad8;}
.ys_bj h1 span{font-size: 0.7em;margin-left: 8%;color: #464646;font-weight: normal;}
.ys_bj ul{margin: 33% 0% 0% 0%;}
.ys_bj ul li{font-size: 1rem;float: left;margin: 0% 2% 0% 0%;    line-height: 1.5rem;}
.ys_bj ul li:nth-child(2),.ys_bj ul li:nth-child(1){overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ys_bj ul li:nth-child(3){    text-align: left;}
.ys_bj ul li:nth-child(4){    text-align: center;float:left;    margin: 5% 0%;    width: 100%;}
.py_yygh{padding: 2% 6%;background-color: #ff7200;margin: 0% 4%;color:#fff;}
.py_ckgd{padding: 2% 6%;background-color: #4a8ad8;margin: 0% 4%;color:#fff;}
.ys_bj ul li:nth-child(2) a{padding: 2% 4%;background-color: #ff7200;}
.ysls{width: 100%;margin: 0% auto;color: #333;text-align: center;overflow: hidden;    font-size: 1.2rem;}
.ysls ul{overflow: hidden;}
.ysls ul li{float: left;margin:3% 2% 0% 0%;width: 45%;position: relative;}
.ysls ul li p{width: 100%;position: absolute;bottom: 15%;height: 20%;line-height: 1.3rem;text-align: center;padding:2% 0%;}
.ysls ul li p span{font-weight: bold;margin: 0% 6%;font-size: 1.3rem;}
.ysls ul li img{width: 100%;}
.ysls ul li:nth-child(2n+1){margin-left: 3.5%;}
.ysls ul li:nth-child(2n){margin-left: 1%;}
.ysls ul li em{ font-size: 1em;display: block;color:#fff;line-height: 1.3rem;padding: 1% 0; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.zt_bj{width: 100%;background-color:rgba(161,161,161,0.8);height: 7rem;}
.ysls ul li dl{width: 100%;    font-size: 1em;}
.py_yygh1{padding: 1% 8%;background-color: #ff7200;margin: 0% 2%;color:#fff;border-radius: 6px;display: inline-block;}
.py_ckgd1{padding: 1% 8%;background-color: #4a8ad8;margin: 0% 2%;color:#fff;border-radius: 6px;display: inline-block;}
.more{display: block;width: 80%;line-height: 2em;text-align: center;color: #fff;background-color: #4a8ad8;border-radius: 6px; margin: 3% auto 0;}
@media screen and (min-width:320px) and (max-width:360px) {
    .ys_bj {
    padding-left: 32%;
}
}
.cont4_warm{width: 94%;margin: 4% auto 0;padding: 2% 0% 2% 3%;overflow: hidden; border:1px dashed #f2d39e;background-color: #f6f2eb;color: #b50d0c;}
.cont4_warm span{display:block;float: left;margin-right:2%;    width: 7%;margin-top: 2%;}
.cont4_warm p{width: 100%;}
/*脱发的等级表现*/
.tf_bx{position: relative;bottom: 0;width: 100%;}
.tf_bx ul{overflow:hidden;}
.tf_bx ul li{background:url(../images/liubian.png) no-repeat;    float: left;width: 38%;position: relative;bottom: 0;height: 11rem;width: 37%;background-size: 100%;color: #fff;}
.tf_bx ul li h1{position:absolute;bottom: 68%;left: 24%;font-size: 1.5rem;}
.tf_bx ul li p{position:absolute;top: 35%;left: 18%;    width: 72%;line-height: 1.2rem;font-size: 1rem;}
.tf_bx ul li:nth-child(1){position: absolute;bottom: 49%;left: 3%;height: 11rem;}
.tf_bx ul li:nth-child(2){position: absolute;bottom: 65.5%;left: 32%;height: 11rem;}
.tf_bx ul li:nth-child(3){position: absolute;bottom: 49.5%;left: 61%;height: 11rem;}
.tf_bx ul li:nth-child(4){position: absolute;bottom: 17%;left: 61%;height: 11rem;}
.tf_bx ul li:nth-child(5){position: absolute;bottom: 0.6%;left: 32%;height: 11rem;}
.tf_bx ul li:nth-child(6){position: absolute;bottom: 17.2%;left: 3%;height: 11rem;}
.tf_bx ul li:nth-child(7){float: none;margin: 34% 32%;}
@media screen and (min-width:320px) and (max-width:360px) {
.tf_bx ul li h1{position:absolute;bottom: 76%;left: 24%;font-size: 1.5rem;}
.tf_bx ul li p{position:absolute;top: 27%;left: 17%;line-height: 1.2rem;font-size: 1rem;}
.tf_bx ul li:nth-child(1){position: absolute;bottom: 46%;left: 3%;height: 11rem;}
.tf_bx ul li:nth-child(2){position: absolute;bottom: 61%;left: 32%;height: 11rem;}
.tf_bx ul li:nth-child(3){position: absolute;bottom: 46%;left: 61%;height: 11rem;}
.tf_bx ul li:nth-child(4){position: absolute;bottom: 16.3%;left: 61%;height: 11rem;}
.tf_bx ul li:nth-child(5){position: absolute;bottom: 1.6%;left: 32%;height: 11rem;}
.tf_bx ul li:nth-child(6){position: absolute;bottom: 16.5%;left: 3%;height: 11rem;}
.tf_bx ul li:nth-child(7){float: none;margin: 34% 32%;}
}
@media screen and (min-width:375px) and (max-width:640px) {
.tf_bx ul li h1{position:absolute;bottom: 68%;left: 24%;font-size: 1.5rem;}
.tf_bx ul li:nth-child(1){position: absolute;bottom: 49%;left: 3%;height: 11rem;}
.tf_bx ul li:nth-child(2){position: absolute;bottom: 65.5%;left: 32%;height: 11rem;}
.tf_bx ul li:nth-child(3){position: absolute;bottom: 49.5%;left: 61%;height: 11rem;}
.tf_bx ul li:nth-child(4){position: absolute;bottom: 17%;left: 61%;height: 11rem;}
.tf_bx ul li:nth-child(5){position: absolute;bottom: 0.6%;left: 32%;height: 11rem;}
.tf_bx ul li:nth-child(6){position: absolute;bottom: 17.2%;left: 3%;height: 11rem;}
.tf_bx ul li:nth-child(7){float: none;margin: 34% 32%;}
}
.zd_kp{text-indent: 2em;}