@charset "utf-8";

/* @font-face {font-family: 'webfont';
  url('../fonts/z8lwkna39v0a4i.ttf') format('truetype'),
  url('../fonts/z8lwkna39v0a4i.svg#notosanshans-demilight')
}
*/
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
html{ width:100%; overflow-x:hidden}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
body{font-family: "webfont",Helvetica,STHeiTi,sans-serif; font-size: 0.24rem; color: #333; background-color: #fff; -webkit-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(255,255,255,0); overflow-x:hidden}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

i,em{ font-style:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}
hr{margin: 0;padding: 0;border: 0;color: #CDCDCD;background-color: #CDCDCD;height: 1px}
blockquote{color:#666;font-style:italic;}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
pre{white-space:pre;}
pre,code,tt{font:12px 'andale mono', 'lucida console', monospace;line-height:1.5}
/*clear clearfix*/.clearfix:after{content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}
.clear{clear:both;}
a{text-decoration: none;font-size:.14rem;color:#666}
a:link{font-size:.14rem;text-decoration: none;}
a:visited{font-size:.14rem;text-decoration: none;}
a:hover{font-size:.14rem;text-decoration: none;}
a:active{font-size:.14rem;text-decoration: none;}
.radius5{-moz-border-radius: 5px;/* Gecko browsers*/-webkit-border-radius: 5px;/* Webkit browsers*/border-radius:5px;}
.ty{-webkit-box-shadow: 0px 2px 2px #CCC; -moz-box-shadow: 0px 2px 2px #CCC; box-shadow: 0px 2px 2px #CCC;}
.f{float:left;}
.r{float:right}
img{width:100%; display:block}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5;}
input:-moz-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5;}
input::-moz-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5;}
input:-ms-input-placeholder,textarea::-webkit-input-placeholder{color:#c5c5c5}

.left{ float:left;}
.right{ float:right}

.tc{ text-align:center;}


.mb-10{ margin-bottom:0.1rem !important}
.mb-15{ margin-bottom:0.15rem !important}
.mb-20{ margin-bottom:0.2rem !important}
.mb-25{ margin-bottom:0.25rem !important}
.mb-30{ margin-bottom:0.3rem !important}
.mb-35{ margin-bottom:0.35rem !important}
.mb-40{ margin-bottom:0.4rem !important}
.mb-45{ margin-bottom:0.45rem !important}
.mb-50{ margin-bottom:0.50rem !important}
.mb-65{ margin-bottom:0.65rem !important}

.pt-20{ padding-top:0.2rem !important; }
.pt-30{ padding-top:0.3rem !important}
.pt-35{ padding-top:0.35rem !important}
.pt-45{ padding-top:0.45rem !important}
.pt-50{ padding-top:0.5rem !important}
.pt-55{ padding-top:0.55rem !important}
.pt-60{ padding-top:0.6rem !important}
.pt-65{ padding-top:0.65rem !important}
.pt-70{ padding-top:0.7rem !important}
.pt-75{ padding-top:0.75rem !important}
.pt-80{ padding-top:0.8rem!important}
.pt-85{ padding-top:0.85rem!important}
.pt-100{ padding-top:1rem!important}
.pt-120{ padding-top:1.2rem!important}
.pt-145{ padding-top:1.45rem!important}
.pt-195{ padding-top:1.95rem!important}
.pt-270{ padding-top:2.7rem!important}
.pt-280{ padding-top:2.8rem!important}

.fz16{ font-size:0.16rem !important}
.fz18{ font-size:0.18rem !important}
.fz20{ font-size:0.2rem !important}
.fz22{ font-size:0.22rem !important}
.fz24{ font-size:0.24rem !important}
.fz25{ font-size:0.25rem !important}
.fz26{ font-size:0.26rem !important}
.fz28{ font-size:0.28rem !important}
.fz30{ font-size:0.3rem !important}
.fz32{ font-size:0.32rem !important}
.fz36{ font-size:0.36rem !important}
.fz38{ font-size:0.38rem !important}
.fz40{ font-size:0.4rem !important}

.lh24{ line-height:0.24rem !important;}
.lh26{ line-height:0.26rem !important;}
.lh28{ line-height:0.28rem !important;}
.lh30{ line-height:0.3rem !important;}
.lh32{ line-height:0.32rem !important;}
.lh34{ line-height:0.34rem !important;}
.lh36{ line-height:0.36rem !important;}
.lh38{ line-height:0.38rem !important;}
.lh40{ line-height:0.4rem !important;}
.lh52{ line-height:0.52rem !important;}

.crfff{ color:#fff !important}
.cr58{ color:#585858 !important}
.cr999{ color:#999999 !important}
.crlan{color:#107deb !important}
.crcs{ color:#ffa200 !important}
.crls{ color:#11c756 !important}
.crzs{color:#fe4493 !important}
.crccc{color:#ccc !important}

.fwb{ font-weight:bold}
.fw700{ font-weight:700}
.ty{-webkit-box-shadow:0 0 0.3rem #666;-moz-box-shadow:0 0 0.3rem #666;box-shadow:0 0 0.3rem #666;}


header{ height:0.8rem; background:#000}
header .box{ background:#fff; height:0.8rem; position:fixed; z-index:9; top:9px; left:0; right:0; border-bottom:1px solid #d0d0d1}
header .box .h-l{ position:absolute; z-index:8; left:0.2rem; bottom:0;top:0}
header .box .logo{ text-align:center; padding-top:0.2rem}
header .box .logo img{ width:auto; height:0.4rem; display:inline-block}
header .city{ display:block; width:1.2rem; height:0.5rem; line-height:0.5rem; text-align:center; font-size:0.28rem;border:1px solid #d0d0d1; border-radius:5px; margin-top:0.16rem}
header .city:before{content:''; display:inline-block; width:0.18rem; height:0.24rem; background:url(../images/ico-01.png) no-repeat center; background-size:auto 100%; vertical-align:middle; margin-right:0.1rem; position:relative;top:-0.03rem}
header .box .h-r{ position:absolute; z-index:8; right:0.2rem; bottom:0;top:0}
header .box .on-menu{ display:block; width:0.36rem; height:0.8rem; background:url(../images/ico-menuh.png) no-repeat center; background-size:0.36rem;}
header .box .on-menu.on{background:url(../images/ico-menu.png) no-repeat center; background-size:0.26rem;}
.subb{ position:fixed; z-index:99;top:0.95rem; left:0; right:0; display:none}
.subb.block{ display:block}
.subb li a{ display:block; height:0.8rem; line-height:0.8rem; text-align:center; background:#f4f4f4; font-size:0.28rem; border-bottom:1px solid #dfdfe0}

/* 轮播*/
.banner{ position:relative; overflow:hidden; margin:0 auto 0px auto; max-width: 36rem;}
.banner .hd{ position:absolute;bottom:0.45rem; right:0; left:0; z-index:1; width:100%; text-align:center }
.banner .hd li{ display:inline-block; width:.15rem; height:.15rem;  margin:0 .1rem; border:1px solid #fff; border-radius:50%}
.banner .hd li.on{background:#fff }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;  }
.banner .bd li img{  vertical-align:top; width:100%;}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.banner .prev,.banner .next{ display:none; width:0.56rem; height:0.56rem; border:1px solid #fff; position:absolute; z-index:8;top:3.15rem;}
.banner .prev{ left:0.2rem; background:url(../images/ico-prev.png) no-repeat center; background-size:0.1rem;}
.banner .next{ right:0.2rem; background:url(../images/ico-next.png) no-repeat center; background-size:0.1rem;}
.banner .txt{ position:absolute; z-index:2; right:0;top:0; bottom:0; left:0; color:#fff; background:rgba(0,0,0,0.3)}
.banner .txt .box{position:absolute; z-index:2; left:50%;top:2.5rem; margin-left:-2.7rem;}
.banner .txt h3{ font-size:0.4rem;margin-bottom:0.25rem;}
.banner .txt p{ font-size:0.26rem; display:block; margin-bottom:0.25rem;}
.banner .txt .a{ display:inline-block; width:2rem; height:0.6rem; line-height:0.6rem; text-align:center; color:#fff; border-radius:5px;  background:#00a2ff; font-size:0.24rem;}
.banner .txt .box2{ text-align:left;top:2.5rem; margin-left:auto; left:0.2rem}
.banner .txt .box3{ text-align:left;top:1.8rem; margin-left:auto; right:0.25rem}
.banner .txt .box3 h3{ font-size:0.3rem; line-height:0.4rem; margin-bottom:0.2rem;}
.banner .txt .box3 p{ font-size:0.22rem;}
.banner .txt .box4{ margin-left:-2.6rem;}
.banner .txt .box5{ margin-left:-2.6rem;}
.banner .txt .box6{ margin-left:-2.4rem;}

.plo-1{ text-align:center}
.plo-1 h3{ font-size:0.4rem; color:#309afc; margin-bottom:0.1rem;}
.plo-1 p{ font-size:0.24rem;}

.plo-2{ text-align:center}
.plo-2 h3{ font-size:0.3rem; margin-bottom:0.1rem;}
.plo-2 p{ font-size:0.24rem;}

.f1{ border-bottom:1px solid #eaeaea; padding-bottom:0.2rem}
.f1 .w1100{ padding-top:0.45rem;}
.f1 .li1{ text-align:center; padding:0 0.45rem;}
.f1 .li1 .img{ margin-bottom:0.25rem}
.f1 .li2{ text-align:left}
.f1 .li2 .txt{ font-size:0.28rem; line-height:0.4rem; border-bottom:1px solid #eaeaea; padding-bottom:0.2rem; margin-bottom:0.2rem;}
.f1 .li2 ul li{ font-size:0.24rem; width:50%; float:left; height:0.38rem; line-height:0.38rem; margin-bottom:0.2rem;}
.f1 .li2 ul li i{ display:inline-block; width:0.38rem; height:0.38rem; text-align:center; line-height:0.38rem; color:#fff; background:#309afc; border-radius:0.38rem; font-size:0.22rem; vertical-align:middle; margin-right:0.22rem;}

.f1-1{ padding-bottom:0.45rem;text-align:center;}
.f1-1 .w1100{ padding-top:0.3rem;}
.f1-1 li{ display:inline-block; vertical-align:middle; margin:0 0.05rem; }
.f1-1 li img{ border-radius:5px; width:2.26rem}

.f2{background:url(../images/f2.jpg) no-repeat center top; background-size:cover;padding:0 0.2rem;padding-top:0.4rem; padding-bottom:0.55rem; }
.f2 .hd{ height:1rem; line-height:1rem; font-size:0.3rem; color:#fff; text-align:center}
.f2 .bd{  background-color:#fff; border-radius:5px;}
.f2 ul{  text-align:center; margin:0 auto; padding-top:0.3rem}
.f2 ul .li1 img{ display:inline-block; width:0.6rem}
.f2 ul .li1{  border-bottom:1px solid #eaeaea; padding-bottom:0.25rem}
.f2 ul .li2{ padding-top:0.2rem;  }
.f2 ul .li1 h3{ font-size:0.24rem; padding-top:0.15rem;}
.f2 ul .li2 span{ display:block;    text-align:center; font-size:0.24rem; line-height:0.42rem}
.f2 ul .li2 p{ font-size:0.24rem; display:block; line-height:0.4rem}
.f2 .boxx{ width:33.2%; float:left;  border-right:1px solid #eaeaea; height:4.5rem}
.f2 .boxx.none{ border-right:none}

.f3 .hd{ margin-bottom:0.45rem}
.f3 .bd{ padding:0 0.25rem; padding-top:0.6rem; padding-bottom:0.4rem; background:url(../images/f3.jpg) no-repeat top center; background-size:cover;}
.f3 .bd ul{ overflow:hidden; background:rgba(0,0,0,0.3); border-radius:5px}
.f3 .bd ul li{ float:left;  width:20%; line-height:0.98rem;}
.f3 .bd ul li a{ display:block; color:#fff; font-size:0.24rem; background:url(../images/f3-1.png);cursor:pointer; text-align:center; border-right:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2)}
.f3 .bd ul li a:hover{ background:url(../images/f3-2.png);}
.f3 .bd li:nth-child(9) a{border-right:none; border-bottom:none}
.f3 .bd li:nth-child(9){ width:40%; }
.f3 .bd li:nth-child(5) a{border-right:none; }
.f3 .bd li:nth-child(6) a,.f3 .bd li:nth-child(7) a,.f3 .bd li:nth-child(8) a{  border-bottom:none}

.f4{padding-bottom:0.5rem}
.f4 .bd{ overflow:hidden; }
.f4 .bd ul{ text-align:center; padding:0.15rem; padding-top:0;border-bottom:1px solid #eaeaea}
.f4 .bd li{ display:inline-block; }
.f4 .bd li img{ width:2.33rem}
.f4 .bd2{ padding:0 0.15rem;}
.f4 .bd2 .box{ padding:0.3rem 0.2rem;border:2px dashed #eaeaea; border-radius:10px;}
.f4 .bd2 .li1{ padding-bottom:0.15rem}
.f4 .bd2 .li2{  color:#ff9126}


.f5{  background:#f5f5f5; padding-bottom:0.5rem}
.f5 .l1{ padding:0 1rem; padding-bottom:0.45rem}
.f5 .l2{ padding:0 0.2rem}
.f5 .l2 .box{ padding:0.3rem 0.4rem; background:#fff; border-radius:10px;}
.f5 .l2 .hd{ text-align:center; line-height:0.38rem; height:0.38rem; font-size:0.3rem; color:#5184a5; background:url(../images/x.gif) repeat-x center;}
.f5 .l2 .hd h3{ display:inline-block; background:#fff; padding:0 0.4rem;}
.f5 .l2 li{ width:50%; height:3.9rem; float:left; padding-right:0.3rem; padding-top:0.2rem; padding-bottom:0.2rem; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
.f5 .l2 li.li1{ height:3rem;}
.f5 .l2 li.li3{ height:3.2rem;}
.f5 .l2 li:nth-child(2n){ padding-right:0; padding-left:0.3rem; border-right:none}
.f5 .l2 li:nth-child(5),.f5 .l2 li:nth-child(6){ border-bottom:none}


.f5-1{ background:#f5f5f5; padding-bottom:0.5rem }
.f5-1 .a-link{ display:block; margin:0 auto; width:5.5rem; height:0.7rem; line-height:0.7rem; font-size:0.24rem; border-radius:5px; background:#fe4594; color:#fff; text-align:center;}
.f5-1 .a-link:hover{ background:#fc61a3}

.f6{  background:url(../images/f6.jpg) no-repeat center top; background-size:cover; padding-bottom:0.8rem}
.f6 .bd{ padding:0 0.25rem}
.f6 .bd .box{ padding:0.35rem 0.4rem;background:#fff; border-radius:10px;}


.f7 .bd{ padding:0 0.25rem}
.f7 .bd li{padding:0.3rem; padding-top:0.7rem;   border:1px solid #eaeaea; border-radius:10px; position:relative; margin-bottom:0.7rem}
.f7 .bd li h3{ display:block; width:2.7rem; height:0.7rem; line-height:0.7rem; text-align:center; background:#fe4493; font-size:0.24rem; color:#fff; position:absolute; z-index:2;top:-0.25rem; border-radius:10px; left:50%; margin-left:-1.35rem}
.f7 .bd li:nth-child(2) h3{ background:#b2b2b2}


.f8{ background:#f5f5f5}
.f8 .bd{ padding-top:0.5rem}
.f8 .bd .right .img{background-position:top left}
.f8 .bd .txt{padding-top:0.4rem; padding-bottom:0.55rem;  text-align:center; background:#1cbe6c; color:#fff;}
.f8 .bd li:nth-child(2) .txt{background:#fe4493; }

.f9{ background:url(../images/f9.jpg) no-repeat center top; background-size:cover; padding-bottom:1rem; position:relative; height:8rem}
.f9 .tempWrap{ overflow:visible !important}
.f9 .bd{ width:70%; position:absolute; z-index:1; left:50%; margin-left:-35%;}
.f9 .bd li{ width:100% ; float:left;   overflow:hidden; padding:0 5px;}
.f9 .bd li .img img{border-radius:5px 5px 0 0;  }
.f9 .bd li  .txt{ padding:0.1rem; padding-top:0.3rem;background:#fff; border-radius:0 0 5px 5px ; height:2rem }
.f9 .hd{ position:absolute; left:0; right:0; bottom:0.2rem; text-align:center}
.f9 .hd li{ display:inline-block; width:0.2rem; height:0.2rem; background:#fff; border-radius:0.2rem; opacity:0.6; margin:0 0.05rem}
.f9 .hd li.on{ opacity:1}

.ui-flex{display: -webkit-box; width: 100%; -webkit-box-sizing: border-box;}
.ui-info{-webkit-box-flex: 1; }
.ui-c{-webkit-box-align:center}

.f10 li{ padding:0.3rem 1.2rem; border-bottom:1px solid #e5e5e5}
.f10 li .img { margin-right:0.3rem;}
.f10 li .img img{ width:1.22rem}

.f11{ height:6.3rem;background:url(../images/f11.jpg) no-repeat center top; background-size:cover; position:relative}

.f12{ padding-bottom:0.3rem}
.f12 .li1{ padding:0.5rem 0; border-bottom:1px solid #eaeaea}
.f12 .li1 .img{ padding:0 1.3rem}
.f12 .li1 .txt{ text-align:center}
.f12 .li2 li{ width:50%; float:left; border-bottom:1px solid #f5f5f5; border-right:1px solid #f5f5f5}
.f12 .li2 li .txt{ padding:0.25rem; text-align:left}

.f13{ margin-bottom:0.35rem}
.f13 .hd{ margin-bottom:0.6rem;}
.f13 .li{ padding:0 0.25rem; overflow:hidden; position:relative;}
.f13 .li .hdd{ height:0.96rem; border-bottom:1px solid rgba(255,255,255,0.2)}
.f13 .bd{overflow:hidden; margin:0 0.2rem }
.f13 .li1{ background:#4a7ee4; padding-bottom:0.4rem; border-radius:10px 10px 0 0; overflow:hidden;  }
.f13 .li i{ display:block; position:absolute; z-index:1;top:0; left:0; width:1rem}

.f13 .li1 li{ display:inline-block;   vertical-align:text-top; width:32%; padding:0 0.1rem}
.f13 .li1 .txt{ font-size:0.18rem; }
.f13 .li1 .img{ padding-bottom:10px; display:table-cell; height:127px; vertical-align:bottom; text-align:center; width:180px;}

.f13 .li2{ background:#00b3e0;  }
.f13 .li2 .hdd{  height:1.3rem; margin-bottom:0.25rem}
.f13 .li2 li{ padding-left:0.25rem; float:left; border-left:1px dashed #23caf4; position:relative;  padding-bottom:0.3rem; padding-top:0.3rem}
.f13 .li2 li:nth-child(1){ padding-top:0}
.f13 .li2 li i{ display:block; background:#23caf4; width:14px; height:14px; border-radius:14px; position:absolute; z-index:2;top:15px; left:-7px}
.f13 .li2 li:nth-child(1) i{top:0px;}
.f13 .li2 li.none{border-top:none; padding-right:0}

.f13 .li3 .hdd{  height:1.3rem; }
.f13 .li3{ background:#1cbe6c; padding-bottom:0.3rem  }

.f13 .li4 .hdd{  height:1.3rem; }
.f13 .li4{ background:#ee58c5; padding-bottom:0.3rem }

.f13 .li5{ background:#fc206d;  padding-bottom:0.3rem }
.f13 .li5 .hdd{  height:1.3rem; }
.f13 .li5 .bdd .img{ width:3.1rem}
.f13 .li5 .txt{  padding-left:0.35rem;}

.f13 .li6{ background:#c06ff3; padding-bottom:0.3rem }
.f13 .li6 .hdd{height:1.2rem;}
.f13 .li6 li{ margin-bottom:0.3rem}
.f13 .hdd-2{ line-height:0.7rem; font-size:0.2rem; text-align:center; border-radius:0.7rem; border:1px solid #cd8cf5}

.f13 .li7{ background:#539df8; border-radius: 0 0 10px 10px; overflow:hidden; padding-bottom:0.2rem }
.f13 .li7 .hdd{height:0.96rem;}

.f14{ height:8.26rem;background:url(../images/f14.jpg) no-repeat center top;}
.f14 .bd{  margin:0 auto; height:4.65rem; width:6.95rem; position:relative}
.f14 li{ font-size:0.27rem; color:#fff; text-align:center; width:2.32rem; height:2.32rem; padding-top:0.8rem; background:url(../images/f14-1.png) no-repeat center; background-size:100%; position:absolute; z-index:3;top:0; line-height:0.3rem}
.f14 .l1{ left:1.17rem;}
.f14 .l2{ left:3.49rem;}
.f14 .l3{ left:0;top:1.16rem;background:url(../images/f14-2.png) no-repeat center;background-size:100%;}
.f14 .l4{left:2.32rem;top:1.16rem;background:url(../images/f14-2.png) no-repeat center;background-size:100%;}
.f14 .l5{left:4.64rem;top:1.16rem;background:url(../images/f14-2.png) no-repeat center;background-size:100%;}
.f14 .l6{top:2.32rem; left:1.16rem; }
.f14 .l7{top:2.32rem; left:3.48rem; }


.f15-1{   margin-bottom:65px;}
.f15-1 .hd{ margin-bottom:1.3rem}
.f15-1 .bd { width:6.6rem; height:1.6rem; margin:0 auto; border-radius:1.6rem; position:relative; border:1px solid #eef3fc}
.f15-1 .bd li{ height:1.05rem; width:1.9rem; position:absolute; z-index:9; }
.f15-1 .bd li i{ display:block; width:0.22rem; height:0.22rem; border-radius:22px; position:absolute; z-index:1; left:50%; margin-left:-0.06rem; bottom:-0.11rem;}
.f15-1 .bd .l1 i{ background:#1cbe6c}
.f15-1 .bd .l2 i{ background:#ff005a}
.f15-1 .bd .l3 i{ background:#4a7de2}
.f15-1 .bd .l4 i{ background:#e969f5}
.f15-1 .bd .l5 i{ background:#ff9000}
.f15-1 .bd li span{top:0px; position:relative ;cursor:pointer; display:block; height:0.85rem; text-align:center; color:#fff;line-height:0.6rem; font-size:0.18rem; }
.f15-1 .bd .l1{ left:0.1rem;top:-1.05rem}
.f15-1 .bd .l2{ left:2.3rem;top:-1.05rem}
.f15-1 .bd .l3{ left:4.5rem;top:-1.05rem}
.f15-1 .bd .l4{ left:2.1rem; bottom:-0.05rem}
.f15-1 .bd .l5{ left:4.2rem; bottom:-0.05rem}
.f15-1 .bd .l1 span{ background:url(../images/f15-1.png) no-repeat center top; background-size:100%; }
.f15-1 .bd .l2 span{ background:url(../images/f15-2.png) no-repeat center top; background-size:100%;}
.f15-1 .bd .l3 span{ background:url(../images/f15-3.png) no-repeat center top; background-size:100%;}
.f15-1 .bd .l4 span{ background:url(../images/f15-4.png) no-repeat center top; background-size:100%;}
.f15-1 .bd .l5 span{ background:url(../images/f15-5.png) no-repeat center top; background-size:100%;}

.f15-2{padding:0 0.2rem}
.f15-2 .img{overflow:hidden;border-radius:10px 10px 0 0;}
.f15-2 .txt{  background:#ff005a; padding:0.35rem 0.4rem;border-radius: 0 0 10px 10px;}
.f15-3{ padding:0.2rem; padding-bottom:0.4rem}
.f15-3 .bd{ background:#fff; border:1px solid #eaeaea; overflow:hidden; border-radius:10px;}
.f15-3 .bd h3{ line-height:0.8rem; padding:0 0.27rem; border-bottom:1px solid #eaeaea; font-size:0.3rem; color:#0093c3; cursor:pointer}
.f15-3 .bd h3 i{ display:block; width:0.23rem; height:0.8rem; background:url(../images/f15-3-1.png) no-repeat center; background-size:100%;}
.f15-3 .bd h3.on i{background:url(../images/f15-3-2.png) no-repeat center;background-size:100%;}
.f15-3 .bd .sub{ font-size:0.26rem; line-height:0.38rem; padding:0.2rem 0.3rem; border-bottom:1px solid #eaeaea}

.f16{  background:url(../images/f16.jpg) no-repeat center top; padding-bottom:0.4rem}
.f16 .bd{ width:94%; margin:0 auto; }
.f16 .bd li{height:3.1rem; width:7.1rem;background:#d3175a; border-radius:10px; padding:0.4rem 0.3rem}
.f16 .bd li .ico .img{ width:1.2rem }
.f16 .hdd{ padding:0 0.2rem}
#f16{ position:relative}
#f16 .hd{ position:absolute; bottom:0.1rem; left:0; right:0; text-align:center; }
#f16 .hd li{width:0.1rem; height:0.1rem; background:#fff; display:inline-block; margin:0 0.05rem; border-radius:0.1rem}
#f16 .hd li.on{ opacity:0.5}

.f17 { padding-bottom:0.4rem}
.f17 .bd{ background:#fff; border-radius:10px;   margin:0 0.2rem}
.f17 .bd .box{ padding:30px 40px;}
.f17 .bd li{  padding:0.3rem 0.3rem; padding-right:0.1rem;border-bottom:1px solid #eaeaea}
.f17 .bd li:last-child{ border-bottom:none}
.f17 .bd .ico{ width:0.73rem; margin-right:0.3rem}

.f18{ padding-bottom:0.3rem}
.f18 .bd{ background:#fff; border-radius:5px; overflow:hidden; margin:0 0.2rem}
.f18 .hdd{ line-height:0.72rem; height:0.72rem;border-radius:5px;  color:#fff; text-align:center; background:#10ac5d}
.f18 .bdd{ line-height:0.4rem; padding:0.1rem 0.3rem; font-size:0.22rem;}
.f18 .bdd span{ color:#10ac5d; font-weight:700; display:block}

.f19{  background:url(../images/f19.jpg) no-repeat center top; background-size:cover;}
.f19 .w1100{ padding:0.55rem 0.2rem}

.f19 ul{  overflow:hidden}
.f19 ul .l1{ padding:0.4rem 0;border-radius:5px 5px 0 0 ; background:#fff; position:relative}
.f19 ul .l1 span{ display:block; text-align:center; width:50%; float:left;}
.f19 ul .l1 em{ display:block; width:1px; background:#eaeaea; position:absolute; z-index:1;top:0.4rem; bottom:0.4rem; left:50%}
.f19 ul .l2 { line-height:0.97rem; height:0.97rem;background:#ff9000; text-align:center; color:#fff;border-radius: 0 0 5px 5px ; }


.f20{ padding-bottom:0.4rem}
.f20 .weap{ padding:0 0.2rem}
.f20 .bd{  padding:0 0.15rem; border:1px solid #eaeaea; border-radius:5px;}
.f20 .bd ul li{ padding:0.25rem 0; border-bottom:1px solid #eaeaea}
.f20 .bd ul li:last-child{ border-bottom:none}
.f20 .bd .img img{ width:1rem}
.f20 .bd .img{ height:1rem; margin-bottom:10px;}
.f20 .bd .img span{ display:inline-block; vertical-align:middle; height:1rem; width:1rem; margin-right:0.2rem;}
.f20 .bd .img p{ display:inline-block; font-size:0.24rem; vertical-align:middle}
.f20 .bd .img b{ font-size:0.3rem;  }

.f21{ height:5.82rem; background:url(../images/f21.jpg) no-repeat center top; background-size:cover}
.f21 .txt{ text-align:center; padding-top:0.55rem;}

.f22{ height:4.58rem; background:url(../images/f22.jpg) no-repeat center top; background-size:cover}
.f22 .txt{ padding-top:0.9rem}
.f22 .txt a{ display:inline-block; font-size:0.22rem; color:#fff; height:0.8rem; padding:0 0.4rem; background:#00a4ff; line-height:0.8rem; border-radius:10px;}
.f22 .txt a:hover{ background:#20affe}

.f23{ height:3.8rem; background:url(../images/f23.jpg) no-repeat center top; background-size:cover}
.f23 .txt{ padding:0 0.4rem; padding-top:0.8rem}

.f24{ padding:0 0.2rem; padding-bottom:0.3rem}
.f24 .bd{ background:#fafafa;border:#eaeaea 1px solid; padding:0 0.1rem }
.f24 ul{ padding:0.25rem 0; border-bottom:#eaeaea 1px solid ;}
.f24 ul:last-child{ border-bottom:none}
.f24 li{ display:block; float:left; width:33.33%;  font-size:0.22rem; text-align:left}
.f24 img{ vertical-align:middle; margin-right:0.2rem; height:0.52rem; display:inline-block; width:auto }

.f26{ padding:0.65rem 0.2rem; padding-bottom:0.3rem}
.f26 .w1100{ border:1px solid #eaeaea; border-radius:10px; position:relative}
.f26 h3{ width:4.3rem; height:0.6rem; line-height:0.6rem; font-size:0.3rem; background:#7147ea; color:#fff; text-align:center; border-radius:5px; position:absolute; z-index:1; left:50%; margin-left:-2.15rem;top:-0.26rem;}
.f26 ul{ padding-top:0.38rem; padding-left:0.2rem; padding-right:0.2rem;}
.f26 ul li{ padding-bottom:0.2rem; padding-top:0.2rem; padding-left:0.5rem; position:relative; border-bottom:1px solid #eaeaea;}
.f26 ul li .t{ font-size:0.24rem}
.f26 ul li .c{ color:#999; font-size:0.2rem}
.f26 ul li  i{ display:block; position:absolute; z-index:1; width:0.4rem; height:0.4rem; text-align:center; line-height:0.4rem; color:#fff; background:#4a7de2; border-radius:0.4rem; left:0px;top:0.2rem;  }

.f27{background:#ff1a5b; padding-bottom:0.3rem}
.f27 .l1{ text-align:center}
.f27 .l1 img{ display:inline-block; }
.f27 .l1 .p1 img{width:0.9rem}
.f27 .l1 .p3 img{width:2.6rem}
.f27 .l1 .txt{ padding-top:0.5rem;}


.f28{ padding-bottom:0.4rrem}
.f28 .l1 .img{ padding:0 1rem; margin-bottom:0.35rem }
.f28 .l1 .hd{ text-align:center; margin-bottom:0.3rem}
.f28 .l1 ul{ border:1px solid #e5e5e5; margin:0 0.2rem; border-radius:5px;}
.f28 .l1 ul li{ height:0.6rem; line-height:0.6rem; padding-left:0.3rem; font-size:0.22rem; border-bottom:1px solid #eaeaea}
.f28 .l1 ul li:last-child{ border-bottom:none}

.f28 .bdd li{   background:#f5f5f5; border-radius:10px; position:relative;    -webkit-box-shadow: 0 0 20px #ccc;
    -moz-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc; margin-right:12px;}
.f28 .bdd ul{ padding:0 0.2rem  }
.f28 .bdd li{ margin-bottom:0.57rem}
.f28 .bdd li h3{ width:3rem; height:0.68rem; line-height:0.68rem; text-align:center; font-size:0.28rem; color:#fff; background:#f41e78; border-radius:0.68rem; position:absolute; z-index:1;top:-0.15rem; left:50%; margin-left:-1.5rem;}
.f28 .bdd li p{ padding:0.25rem; padding-top:0.68rem;}

.f29{  background:url(../images/f29.jpg) no-repeat center top; background-size:cover; padding:
0 0.2rem; padding-bottom:0.5rem; text-align:center}
.f29 .bd{ padding:0 0.3rem; padding-bottom:0.3rem; padding-top:0.38rem; background:#fff; border-radius:5px;}
.f29 .bd li{ display:inline-block;padding:0 0.35rem; height:0.55rem; line-height:0.55rem; color:#fff; font-size:0.20rem; border-radius:0.55rem; margin-bottom:0.15rem; }
.f29 .bd .l1{ background:#0097ff}
.f29 .bd .l2{ background:#ff4493}

.f30{ padding-bottom:0.5rem}
.f30 .bd { overflow:hidden; padding:0 0.2rem}
.f30 .bd em{ font-family:Impact}
.f30 .bd li{ margin-bottom:0.2rem; padding:0.25rem; background:#f5f5f5; border-radius:10px;}
.f30 .bd li .img img{ height:1.7rem; width:auto;}
.f30 .bd li .txt{ padding-left:0.4rem}


.f30 .bddd{ padding:0 0.2rem}
.f30 .bddd li{border-radius:10px; background:#f94181; position:relative; overflow:hidden; color:#fff; margin-bottom:0.27rem }
.f30 .bddd .box1{ padding:0 0.4rem; padding-bottom:0.4rem; background:#e04f73; }
.f30 .bddd  .p2 span{ width:1.9rem; height:0.52rem; display:inline-block; border-radius:0.52rem; background:#f1d22a; line-height:0.52rem; text-align:center; font-size:0.22rem;  box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.f30 .bddd  .p2 em{ font-family:Arial, Helvetica, sans-serif; font-size:0.36rem;}
.f30 .bddd .box2{ padding-bottom:0.3rem; overflow:hidden}
.f30 .bddd .box2 span{ display:block; float:left; padding-left:0.35rem; width:50%; height:0.38rem; line-height:0.38rem; font-size:0.24rem}
.f30 .bddd i{ display:block; position:absolute; z-index:0; left:35px;top:0; height:0.68rem}
.f30 .bddd i img{ width:auto; height:100%}
.f30 .bddd li.li2{ background:#0095ff}
.f30 .bddd li.li2 .box1{ background:#0090e5}
.f30 .hddd{ font-size:0.26rem; line-height:0.4rem; border:1px dashed #ccc; border-radius:10px; padding:0 0.15rem; margin:0 0.2rem}
.f30 .hddd .txt1{ padding:0.2rem 0; border-bottom:1px solid #eaeaea}
.f30 .hddd .txt{padding:0.2rem 0;}
.f30 .hddd .txt img{ width:2.2rem}
.f30 .hddd .txt a{ width:2.45rem; height:0.5rem; display:block; text-align:center; line-height:0.5rem; color:#fff; background:#008dff; font-size:0.2rem; border-radius:0.5rem;}

.f31{background:#4d1c62 url(../images/f31.jpg) no-repeat center top; background-size:100%; padding:
0 0.3rem; padding-bottom:0.4rem}
.tabl li{ background:#fff; border-radius:5px; padding:0 0.15rem; margin-bottom:0.2rem}
.tabl li .lhd{ height:0.58rem; line-height:0.58rem; font-size:0.22rem}
.tabl li .lhd span{ display:block; width:50%; border-bottom:1px solid #eaeaea;}
.tabl li .lhd .l-s{ padding-left: 0.25rem;}
.tabl li .lhd .r-s{ text-align: right; padding-right: 0.25rem;}
.tabl li .lbd{ padding:0.2rem 0}
.tabl li .lbd span{ display:block; color:#999; font-size:0.24rem; padding:0 0.25rem; border-right:1px solid #eaeaea}
.tabl li .lbd span:last-child{ border-right:none}
.tabl li .lbd span p{ font-size:0.26rem; color:#333; line-height: 0.42rem;}
.f31 .alink{ padding-bottom:0.2rem;}
.f31 .alink a{ display:block; height:0.65rem; line-height:0.65rem; text-align:center; font-size:0.26rem; text-align:center; border:1px solid #eaeaea; border-radius:5px;}


.f32-1{ border-bottom:1px solid #eaeaea; padding:0 0.2rem; padding-bottom:0.3rem; background:#f5f5f5}
.f32-1 .hdd{ color:#fd7c71}
.list17{  background:#fff;-webkit-box-shadow:10px 10px 20px #eee;-moz-box-shadow:10px 10px 20px #eee;box-shadow:10px 10px 20px #eee; border-radius:5px; overflow:hidden}
.list17 .hd{  background:#fd7c71; height:0.72rem;}
.list17 .hd ul li{ height:0.72rem; float:left; text-align:center; width:16.66%; line-height:0.72rem; text-align:center; font-size:0.2rem;   color:#fff; cursor:pointer}
.list17 .hd li.on{ color:#fd7c71; background:#fff}
.list17 .bd table{  }
.list17 .bd table td{ line-height:0.5rem; font-size:0.2rem; color:#666; padding:0 0.1rem;}


.f32-2{ padding:0 0.2rem; padding-bottom:0.4rem}
.f32-2 .bd{ background:#4a7ee4; color:#fff; font-size:0.22rem; border-radius:5px; padding:0.15rem}
.f32-2 .bd li p{ font-size:0.24rem; margin-bottom:0.1rem}
.f32-2 .bd li{ padding:0.2rem 0; padding-left:1.1rem; border-bottom:1px solid #5c8be7}
.f32-2 .bd li:last-child{ border-bottom:none;}
.f32-2 .bd .l1{ background:url(../images/f32-1.png) no-repeat 0.2rem 0.2rem; background-size:0.5rem}
.f32-2 .bd .l2{ background:url(../images/f32-2.png) no-repeat 0.2rem 0.2rem; background-size:0.54rem}
.f32-2 .bd .l3{ background:url(../images/f32-3.png) no-repeat 0.2rem 0.2rem; background-size:0.52rem}
.f32-2 .bd .l4{ background:url(../images/f32-4.png) no-repeat 0.2rem 0.2rem; background-size:0.5rem}
.f32-2 .bd .l5{ background:url(../images/f32-5.png) no-repeat 0.2rem 0.2rem; background-size:0.52rem}
.f32-2 .bd .l6{ background:url(../images/f32-6.png) no-repeat 0.2rem 0.2rem; background-size:0.5rem}
.f32-2 .bd .l7{ background:url(../images/f32-7.png) no-repeat 0.2rem 0.2rem; background-size:0.47rem}

.f33{  background:url(../images/f33.jpg) no-repeat center top; padding:0 0.2rem; padding-bottom:0.4rem; background-size:cover;}
.f33 .bd{ border:1px solid #fff; border-radius:10px; overflow:hidden}
.f33 li .img{ display:inline-block; vertical-align:middle; margin-right:0.3rem; width:0.5rem }
.f33 li p{ display:inline-block;  vertical-align:middle;}
.f33 li .box{padding:0.3rem 0; border-bottom:1px solid #fff; border-right:1px solid #fff; padding-left:0.3rem;}

.f34{ padding:0 0.2rem;; padding-bottom:0.4rem}
.f34 .bd ul{ border:1px solid #eaeaea; padding:0 0.2rem}
.f34 li{ border-bottom:1px solid #eaeaea; padding:0.2rem 0;}
.f34 li:last-child{ border-bottom:none}

.f35{  background:url(../images/f35.jpg) no-repeat center top; background-size:cover; padding:0.3rem 0.2rem}
.f35 table{ border:1px solid #fff; border-radius:10px;}
.f35 table .w70{ width:2.3rem; font-size:0.28rem}
.f35 table td{ padding:0.2rem 0; font-size:0.22rem; border-bottom:1px solid #fff; border-right:1px solid #fff}
.f35 table td.rnone{ border-right:none; padding-left:0.2rem;}
.f35 table td.bnone{ border-bottom:none}

.f36{ padding-bottom:0.3rem}
.list1{ color:#fff;  background:#fe4493; position:relative; margin-bottom:0.75rem;}
.list1 .hd{ padding-top:0.08rem; height:0.98rem; line-height:0.9rem; font-size:0.32rem; text-align:center; border-bottom:1px solid #fe69a9}
.list1 ul{ padding:0 0.5rem; padding-bottom:0.3rem}
.list1  li{ text-align:left; font-size:0.24rem; width:50%; float:left; height:0.75rem; line-height:0.75rem; }
.list1  li .p1{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:0.4rem; margin-right:0.1rem}
.list1  a{ display:block; position:absolute; z-index:1; width:4.28rem; height:0.52rem; line-height:0.52rem; color:#fff; text-align:center; font-size:0.22rem; background:#309afc; border-radius:10px; bottom:-0.26rem; left:50%; margin-left:-2.14rem;}

.list2{ border:2px dashed #CCC; border-radius:10px; padding:0.3rem 0; text-align:center; position:relative; margin:0 0.2rem; margin-bottom:0.4rem;}
.list2 span{ display:block;text-align:left; font-size:0.24rem; height:0.36rem; line-height:0.36rem; margin:0.1rem 0}
.list2 .ul{ padding-left:0.3rem;}
.list2 i{ background:#4a7ee4; color:#fff; border-radius:0.36rem; margin-right:0.1rem;display:inline-block; vertical-align:middle; width:0.36rem; height:0.36rem; line-height:0.36rem; text-align:center; font-size:0.22rem;}
.list2 h3{ font-size:0.4rem; display:block; position:absolute; z-index:1; width:3rem; text-align:center;top:-.3rem; left:50%; margin-left:-1.5rem;  background:#fff}

.list3 ul{ padding:0 0.1rem}
.list3 li{ width:33.33%;float:left; padding:0.05rem}
.list3 li img{ border:1px solid #eaeaea; }


.f37{ background:url(../images/f37.jpg) no-repeat center top; color:#fff; background-size:cover; padding:0 0.2rem; padding-bottom:0.4rem;}
.f37 .hd span{ display:inline-block; background:#e84b3c; width:3.05rem; height:0.7rem; line-height:0.7rem; text-align:center; border-radius:5px;}
.f37 ul li.none{ border-bottom:none}
.f37 ul li{ border-bottom:1px solid #76746e ; padding:0.25rem 0}
.f37 ul h5{ margin-bottom:0.1rem;}

.f38{ border-bottom:1px solid #eaeaea; padding-bottom:0.3rem }
.f38 .li1{padding:0 1rem }
.f38 .p3{ color:#ff5400}

.f39{ padding-bottom:0.5rem}
.lub .bd{ margin-bottom:35px; }
.lub .bd li{ height:0.82rem; width:25%; float:left; display:table}
.lub .bd li .img{ display:table-cell; height:0.6rem; vertical-align:middle; text-align:center}
.lub .bd li .img img{ width:auto; display:inline-block; height:0.6rem}
.lub .hd{  text-align:center}
.lub .hd ul li{ width:0.1rem; height:0.1rem; border:1px solid #999; background:#999; display:inline-block; margin:0 0.05rem; border-radius:0.1rem; cursor:pointer}
.lub .hd ul li.on{ background:none}


.f40{ height:3rem; border-top:1px solid #eaeaea}
.f40 span{ display:inline-block; width:5.2rem; height:0.9rem; line-height:0.9rem;;  color:#fff; font-size:0.24rem; background:#fbffff url(../images/402.gif) no-repeat center; background-size:5.2rem}


.footer{ height:1.5rem; background:#263d47; color:#fff; padding-left:0.2rem; padding-top:0.45rem}
.footer li img{ width:1.15rem; }
.footer .li1{margin-right:0.18rem}
.footer .li3{ padding-right:0.3rem}

.ban-qu{ height:1.18rem; padding:0 0.2rem; padding-top:0.3rem}
.ban-qu .d1 a{ font-size:0.22rem; width:20%; display:inline-block}

.make{ position:fixed; right:0; left:0;top:0; bottom:0; background:#000; opacity:0.9; z-index:99; display:none}
.videobox{position:fixed;left:50%; margin-left:-160px;top:50%; width:320px; margin-top:-75px;z-index:100; display:none}
.videobox .close{ display:block; width:40px; height:40px; position:absolute; z-index:8; background:url(../images/close.png) no-repeat center; right:0;top:-60px; cursor:pointer}


footer{ height:1rem;}
footer .box{height:1rem; background:#ffffff; position:fixed; left:0; bottom:0; right:0; z-index:99; border-top:1px solid #cccccc}
footer .box p{ font-size:0.22rem}
footer .box li{ width:25%;height:1rem; float:left; text-align:center; }
footer .box li a{ font-size:.22rem}
footer .box li i{ display:block; height:0.6rem}
footer .box li .n-01{ background:url(../images/m-1.png) no-repeat center; background-size:auto 0.34rem}
footer .box li .n-02{ background:url(../images/m-2.png) no-repeat center; background-size:auto 0.34rem}
footer .box li .n-03{ background:url(../images/m-3.png) no-repeat center; background-size:auto 0.34rem}
footer .box li .n-04{ background:url(../images/m-4.png) no-repeat center; background-size:auto 0.34rem}

.ewmbox{position:fixed;top:0; left:0; bottom:0; right:0;z-index:100; display:none }
.ewmbox p{ padding-bottom:0.1rem;}
.ewmbox span{ display:block; position:absolute; z-index:9; width:200px; background:#fff; text-align:center; line-height:0.44rem; left:50%; margin-left:-100px;top:50%; margin-top:-100px;}
.ewmbox i{ display:block; position:absolute; left:0;top:0; right:0; bottom:0 ; z-index:8;background:#000; opacity:0.7;}


/*乐学网*/
.lxw-top{ width:100%; position:fixed; left:0; top:0; right:0; height:9px; background:#ffe; z-index:999;}
.lxw-1{ position:absolute; left:0.2rem; top:2px; }
.lxw-2{ position:absolute; right:0.2rem; top:2px;}

.lxw-bottom{ position:relative; height:26px;}
.lxw-3{ position:absolute; left:10px; top:0; height:20px;}
.lxw-4{ position:absolute; left:50%; margin-left:-25px; top:0;}
.lxw-5{ position:absolute; right:10px; top:0;}