@charset "utf-8";
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,figcaption{font-style:normal;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
img{border:0;}
body{font-size:12px;font-family:'微软雅黑','Microsoft YaHei'}
div,p,table{word-wrap:break-word;}
ul,ol,li {list-style-type:none;}
ul{padding-left:0!important;}
a{color:#333;text-decoration:none;outline:none;}
.fl{float:left!important;}
.fr{float:right!important;}
.clear{clear:both;}
.center{text-align:center;}
.main{padding:2% 5%;overflow:hidden;background:#dfeafe url(../img/bg1.png) repeat-x top center;padding-bottom:5rem;}
.face1{font-size:3.8rem;color:#002870}
.face2{background:url(../img/bar.png) no-repeat center;height:84px;line-height:84px;font-size:1.5rem;margin:2.375rem  0;}
.face2 ul{margin:0 auto;color:#fff;max-width:580px;}
.face2 li{padding:0 15px;}
.face3 li{position:relative;}
.face3 .fd1{position:absolute;bottom:30%;width:100%;text-align:center;color:#8a46d9;font-size:1.2rem}
.face3 .fd2{position:absolute;top:34%;width:100%;text-align:center;color:#24bcc6;font-size:2.8rem}
/*face4*/
.face4 ul{margin:3rem -10px 0 -10px;clear:both;width:100%;float:left;}
.face4 li .box{margin:10px;}
.face4 li .box .border{min-height:350px;border:1px solid #002870;background:#fff;}
.face4 li h3{text-align:center;margin-top:0;padding:15px 0;font-size:1.2rem}
/*list_data*/
.list_data{clear:both;padding:3rem 0 0 0;}
.list_data dl{margin:1.8rem 0 0 0;overflow:hidden;}
.list_data dl .type{border-left:6px solid #002870;padding-left:1.2rem;font-size:1.875rem;font-weight:bold;color:#002870}
.list_data dl .type span{padding-left:2rem;}
.list_data dl dt{color:#f9922f;font-size:1.375rem;padding:1.3rem 0;}
.list_data dl dd{padding:0;overflow:hidden;background:#fff;font-size:1.3rem;text-align:center;color:#2b60c0;margin-bottom:12px;}
.list_data dl dd .tt{background:url(../img/type_bg.png) no-repeat right center;padding-left:10px;color:#fff}
.list_data dl dd div{padding:15px 0;}
.black{color:#000}
.red{color:#ff3232}
/*面部主要问题列表*/
.wenti{clear:both;padding:2rem 0}
.wt_type{font-size:2.5rem;font-weight:bold;margin-bottom:1.5rem;}
.wt_type img{vertical-align:middle;margin-right:12px;}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12{float: left;}
.x1{width:8.33333333%;}
.x2{width:16.66666667%;}
.x3{width:25%;}
.x4{width:33.33333333%;}
.x5{width:41.66666667%;}
.x6{width:50%;}
.x7{width:58.33333333%;}
.x8{width:66.66666667%;}
.x9{width:75%;}
.x10{width:83.33333333%;}
.x11{width:91.66666667%;}
.x12{width:100%;}
.wenti li{background:url(../img/wt_bg.png) repeat-x;padding:1rem 2rem 0.5rem 2rem;overflow:hidden;margin:10px 0;font-size:1.2rem;color:#2b60c0;}
.wenti li .x4{text-align:center;}
.wenti li .star{background:url(../img/star1.png) no-repeat center;display:inline-block;width:30px;height:30px;background-size:78%;}
.wenti li:hover{background:#2687E5;color:#fff}
.wenti li:hover .star{background:url(../img/star2.png) no-repeat center;background-size:78%;}
/*调整后对比*/
.wechat{font-size:1.25rem}
.wechat p{padding:16px 0;}
.piao{position:fixed;right:0;bottom:0;z-index:11;}
.piao #imgs img{width:55%;margin-right:14%;float:right;margin-bottom:10%;}
.piao .fold{position:absolute;right:0;bottom:0;cursor:pointer;}
.piao i{background:url(../img/up.png) no-repeat right bottom;background-size:80%;float:right;width:150px;height:150px;}
.piao u{background:url(../img/down.png) no-repeat right bottom;background-size:80%;float:right;width:150px;height:150px;}
/*波浪滚动*/
.pk{margin-bottom:3rem;}
.wave{width:200px;height:200px;line-height:200px;overflow:hidden;border-radius:50%;;margin:100px auto;position:relative;text-align:center;display:inline-block;vertical-align:middle;border:1px solid #8ec5f7;margin:0 3%;}
#wave3{border:1px solid #ef6621;}
.v3{background-image:url(../img/kuang.png);background-position:center -15px;background-repeat:no-repeat;padding-bottom:20px;}
.wave span{display:inline-block;color:#fff;font-size:3.2rem;position:relative;z-index:2;position:rrelative;}
.v3 #wave p{position:absolute;width:100%;text-align:center;bottom:10%;z-index:11;color:#fff;font-size:1.2rem;}
.wave canvas{position:absolute;left:0;top:0;z-index:1;}
.pk .xm2{display:inline-block;float:initial}
.pk .xm2 h2{font-size:1.6rem;padding:1.5rem 0}
.pk .xm2 .c1{color:#002870}
.pk .xm2 .c2{color:#ef6621}
@media only screen  and (max-width: 750px) {
.main{padding:2% 2%;padding-bottom:3rem;}
.face1{font-size:2.4rem;margin:1.5rem 0;}	
.face2{margin:1rem 0 2rem 0}
.face2 li{padding:0 10px;font-size:1.2rem}
.face3 li{margin:1.5rem 0;}
.list_data{padding-top:0.8rem;}
.list_data dl .type{font-size:1.5rem}
.list_data dl dt{font-size:1.2rem;padding:1.2rem 0;}
.list_data dl dd{overflow:hidden;background:#fff;font-size:0.9rem;}
.list_data dl dd .tt{background:url(../img/type_bg2.png) repeat-x center;color:#fff}

.wt_type{font-size:1.5rem;font-weight:bold;}
.wt_type img{vertical-align:middle;margin-right:12px;width:30px;}
.wenti li{padding:10px 1rem}
.wenti li .star{height:25px;background-size:68%;}
.wenti li:hover  .star{height:25px;background-size:68%;}

.pk{margin-bottom:2rem;}
.wave{width:180px;height:180px;line-height:200px;overflow:hidden;border-radius:50%;;margin:100px auto;position:relative;text-align:center;display:inline-block;vertical-align:middle;border:1px solid #8ec5f7;margin:15px 2%;}
.wave span{display:inline-block;color:#fff;font-size:2rem;position:relative;z-index:2;}
.pk .xm2 h2{font-size:1.6rem;padding:1rem 0}
.face4 ul{margin:2rem 0 -1rem 0;clear:both;width:100%;float:left;}
}