﻿/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*,:after,:before{box-sizing:border-box}
body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}
body,button,input,select,textarea{ font-size:.22rem;line-height:.3rem; font-family:microsoft yahei,Microsoft YaHei,微软雅黑,arial;b}
body{position:relative;color:#333;max-width:720px;min-width:320px;margin:0 auto; background:#f5f5f5;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;  }
section, nav, header, footer {display:block; overflow:hidden;}
em,i{font-style:normal}
li{list-style:none}
a,a:hover{text-decoration:none}
input,button,textarea,select{-webkit-appearance: none;outline: none;border-radius: 0; -webkit-tap-highlight-color:transparent;}
img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0}
table{border-collapse:collapse;border-spacing:0}
label{cursor:default}
textarea{resize:none}
a,a:focus{outline:0}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
a{color:#333;text-decoration:none}
::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#666}
::-webkit-scrollbar-track{background:#eee}
::-webkit-scrollbar-corner{background:0 0}
::-webkit-scrollbar{width:7px;height:7px}
.hide,.none,ins{display:none;}
.bgef{ background:#f9f9f9}
.hide{display:none !important}
.red{ color:#e41839!important}
.red a{ color:#e41839!important}

#header{ width:100%; height:.9rem; position:relative;box-shadow: 0 0 3px 0 rgba(0,0,0,.2); background:#be0f34}
#header{position:fixed;_position:absolute;left:0;top:0;z-index:99; padding:0 .2rem}	
#header .logo{padding:.05rem 0}
#header .logo img{ height:.8rem}
#header .kefu{ padding:.25rem 0}
#header .kefu i{ font-size:.24rem ; color:#fff; border:1px solid #fff; border-radius:100%; height:.4rem; width:.4rem; text-align:center; line-height:.4rem; margin-left:.1rem}

.box{ background:#fff; border-radius:.08rem; padding:.3rem}
#nav{  width:100%; padding:0rem .3rem; margin-top:.3rem;}
#nav ul li{ float:left; width:25%; text-align:center; margin:.2rem 0}
#nav ul li a{ display:block; font-size:.26rem}
#nav ul li i{ background:#be0f34; font-size:.3rem; color:#fff; width:.7rem; height:.7rem; line-height:.7rem;; border-radius:100%; display:block; margin:0 auto}
#nav ul li:nth-child(1) i{background:linear-gradient(to right,#489ae5,#6ec4fb);}
#nav ul li:nth-child(2) i{background:linear-gradient(to right,#c2153a,#e64164);}
#nav ul li:nth-child(3) i{background:linear-gradient(to right,#31c399,#50e3be);}
#nav ul li:nth-child(4) i{background:linear-gradient(to right,#ef6239,#fe8c43);}
#nav ul li:nth-child(5) i{background:linear-gradient(to right,#009f9d,#00bebc);}
#nav ul li:nth-child(6) i{background:linear-gradient(to right,#56c997,#75e1b2);}
#nav ul li:nth-child(7) i{background:linear-gradient(to right,#6178d8,#899be5);}
#nav ul li:nth-child(8) i{background:linear-gradient(to right,#ff8330,#ffa162);}
#nav ul li p{ font-size:.22rem; margin-top:.2rem}
#slide{ width:100%; position:relative;; margin-top:.9rem}
#slide img{ width:100%}

.htitle{ border-bottom:1px solid #eee; padding-bottom:.2rem}
.htitle .t{ font-size:.3rem; font-weight:bold;}
.htitle .t i{ font-size:.3rem; font-weight:normal; color:#be0f34; margin-right:.1rem}
.htitle span{ float:right;}
.htitle span a{ font-size:.2rem; color:#999}
#zy{  width:100%; padding:0rem .3rem; margin-top:.3rem;}
#zy .list .item{ margin-top:.3rem}
#zy .list .item .t{ text-align:center}
#zy .list .item .t span{ font-size:.26rem; color:#fff; background:#f39c12;; border-radius:.04rem; padding:.15rem 0rem; width:3rem; display:inline-block}
#zy .list .item ul li{ float:left; width:48%; background:#f5f5f5; border-radius:.04rem; margin-top:.2rem; padding:.15rem 0 .15rem .1rem}
#zy .list .item ul li:nth-child(2n){ float:right}
#zy .list .item ul li a{ font-size:.24rem}
#zy .list .item ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}

#phone{  width:100%; padding:0rem .3rem; margin-top:.3rem;}
#phone a{ background:#be0f34; border-radius:.04rem; display:block; text-align:center; color:#fff; line-height:1rem; margin:.1rem 0;font-size:.26rem;; font-weight:700}
#phone a:nth-child(2){ background:#3498db}
#phone a:nth-child(3){ background:#e74c3c}

#ask{  width:100%; padding:0rem .3rem; margin-top:.3rem;}
#ask .list ul li{ border-bottom:.01rem solid #eee; line-height:.6rem; background:url(../images/gw12.gif) no-repeat left center; background-size:.2rem auto; padding-left:.3rem}
#ask .list ul li a{ font-size:.24rem}
#ask .list ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}

#school{  width:100%; padding:0rem .3rem; margin-top:.3rem;}
#school .list ul li{ float:left; width:48%;margin-top:.2rem; height:2rem; overflow:hidden}
#school .list ul li:nth-child(2n){ float:right}
#school .list ul li img{width:100%; height:100%;object-fit:cover;}

#info{  width:100%; padding:0rem .3rem; margin-top:.3rem;}
#info .htitle .t span em{ padding:0 .1rem}
#info .htitle .t span em.active{ color:#be0f34}
#info .list ul li{border-bottom:.01rem #ddd solid; height:1.7rem; padding:.2rem 0}
#info .list ul li .img{ float:left; width:30%; height:1.3rem; overflow:hidden}
#info .list ul li .img img{width:100%; height:100%;object-fit:cover;}
#info .list ul li .t{ width:66%; float:right; padding-top:.3rem}

#baoming{  width:100%; padding:0rem .3rem; margin-top:.3rem;}
#baoming .htitle .t span{ background:#be0f34; color:#fff}
#baoming .htitle .line{ background:#fff}
#baoming .form{ margin-top:.3rem}
#baoming .form .item { position: relative; margin-top:.2rem; border-radius:.04rem; overflow:hidden}
#baoming .form .item .txt{ width:100%; background:#f5f5f5; border:0; padding:.2rem 0;text-indent:1.4rem; font-size:.24rem}
#baoming .form .item .select{ width:100%; border:0;padding:.2rem 0; text-indent:1.4rem; font-size:.24rem; background:url(../images/sel.png) no-repeat right center #f5f5f5}
#baoming .form .item label{ position:absolute; left:0; top:0;  width:1.3rem; padding:.2rem 0;text-align:center; background:#999; font-size:.24rem; color:#fff}
#baoming .form .item label.sh{line-height:.26rem;padding:.1rem 0;}
#baoming .form .button{ padding-top:.5rem; text-align:center}
#baoming .form .button .btn{ background:#be0f34; color:#fff; text-align:center; padding:.2rem .5rem; border-radius:.6rem; border:0; font-size:.26rem}

#footer{ text-align:center; padding:.4rem 0 1.2rem;}
#footer p{ font-size:.2rem; line-height:.4rem}
#footer i{ padding:0 .1rem}
/*通用分页样式*/
#fenye{padding:.5rem 0;text-align:center;clear:both;font-size:.22rem;}
#fenye table{text-align:center;margin:0 auto;}
#fenye a{margin:0 .02rem;color:#5a5a5a;text-decoration:none;padding:.1rem .15rem;border:.01rem solid #eee;}
#fenye a.curr{font-weight:bold;color:#fff;background:#333;border:.01rem solid #333;}
#fenye a:hover{background:#333;color:#fff;border:.01rem solid #333;}
#fenye span{margin:0 .02rem;color:#5a5a5a;text-decoration:none;padding:.1rem .15rem;border:.01rem solid #eee;background:#f5f5f5;}
#fenye .num,
#fenye .prev{display:none;}

/*底部浮动导航*/
nav{margin:0 auto;width:100%;z-index:800;bottom:0;left:0;position:fixed;height:.9rem;background:rgba(0,0,0,.8);color:#FFF;padding:.06rem 0;}
nav ul li{float:left;width:25%;text-align:center;}
nav ul li a{display:block;vertical-align:middle;padding:.1rem 0;color:#fff!important;text-align:center;}
nav ul li i{ font-size:.28rem!important;display:block;line-height:.36rem;}
nav ul li i img{ height:.34rem}
nav ul li p{ font-size:.2rem;display:block;line-height:.3rem;}
/*返回顶部*/
#gotop{position:fixed;right:.2rem;bottom:1rem;z-index:900;display:none;width:.6rem;height:.6rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:rgba(27,27,27,.6);}
#gotop img{display:block;width:.6rem;height:.6rem;}

#mlist{  width:100%; padding:0rem .3rem; margin-top:.3rem;}
#mlist .list{ padding-top:.3rem}
#mlist .list ul li{ line-height:.6rem; border-bottom:.01rem dashed #eee; font-size:.26rem; background:url(/skin/images/dot.png) no-repeat left center; background-size:.14rem .14rem; padding-left:.25rem}
#mlist .list ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}

#mlist .piclist ul li{ float:left; width:48%; height:2rem; margin-top:.3rem}
#mlist .piclist ul li:nth-child(2n){ float:right}
#mlist .piclist ul li img{width:100%; height:100%;object-fit:cover;}

#content{  width:100%; padding:0rem .3rem; margin-top:.3rem;}
#content .mycontent{ font-size:.26rem; padding:.3rem 0; line-height:.44rem}
#content .mycontent img{ max-width:100%}
#content .mycontent p{ padding-bottom:.1rem}
#content h1{ text-align:center; padding:0 .5rem; line-height:.4rem; font-size:.3rem; font-weight:700}
#content .info{ font-size:.2rem; border-bottom:.01rem solid #eee; padding-bottom:.1rem; text-align:center; margin-top:.3rem; color:#999}
#content .updown{ border-top:.01rem solid #eee; padding-top:.3rem; line-height:.4rem}

.hide{display:none !important}
.wxzx{position:fixed;right:.2rem;bottom:1.8rem;z-index:900;width:.6rem;height:.6rem;}
.wxzx img{display:block;width:.6rem;height:.6rem;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.wxhao{ height:0px; opacity:0; overflow:hidden}
.u-mask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:900; }
.tan{ position:fixed; width:80%; left:10%; top:calc(50% - 2rem); background:#fff; border-radius:.14rem; padding:.5rem 0; z-index:1000; display:none}
.tan{ box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);}
.tan .img{ text-align:center}
.tan .img img{ width:.8rem}
.tan p{ text-align:center; margin-top:.2rem; font-size:.24rem; line-height:.4rem}
.tan .close{ position:absolute; right:.2rem; top:.1rem; font-size:.26rem; color:#999}
.tan .btn{ background:#1aad19; height:.6rem; line-height:.6rem; width:50%; margin:0 auto; color:#fff; font-size:.26rem; border-radius:.04rem; text-align:center}