@charset "utf-8";

@font-face {font-family: 'webfont';
  url('../fonts/z8lwkna39v0a4i.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/z8lwkna39v0a4i.svg#notosanshans-demilight') format('svg'); /* iOS 4.1- */
}

*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
html{ }
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.22rem; 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;}
.pt-20{ padding-top:0.2rem !important; }
.pt-30{ padding-top:0.3rem !important; }
.pt-35{ padding-top:0.35rem !important; }
.pt-40{ padding-top:0.40rem !important; }
.pt-45{ padding-top:0.45rem !important; }
.pt-50{ padding-top:0.5rem !important; }
.pt-60{ padding-top:0.6rem !important; }
.pt-250{ padding-top:2.5rem !important; }

.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-65{ margin-bottom:0.65rem !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}
.fz26{ font-size:0.26rem !important}
.fz28{ font-size:0.28rem !important}
.fz30{ font-size:0.3rem !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;}
.lh30{ line-height:0.3rem !important;}
.lh34{ line-height:0.34rem !important;}
.lh36{ line-height:0.36rem !important;}
.lh40{ line-height:0.4rem !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}

.fwb{ font-weight:bold}
.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:0px; 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.78rem; 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:3.11rem; 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:block; 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;}

.f1{  background:url(../images/f1.gif) repeat-y; background-size:100%}
.f1 .box{height:13.4rem;background:url(../images/f2.png)  no-repeat;background-size:100%}
.f1 li{ width:5.8rem; margin:0 auto}
.f1 .txt1 img{ width:3.55rem; display:inline-block}
.f1 .txt2 img{ width:4rem; display:inline-block}

.f2 .hd{ height:1.8rem; border-top:1px solid #e9e9e9;    background: url(../images/f1.gif) repeat-y; background-size: 100%;}
.f2 .bd{ height:3.9rem; padding:0.5rem 0.2rem; padding-bottom:0; background: url(../images/f2.jpg) no-repeat; background-size: 100%;}
.f2 .bd ul{ background:rgba(0,0,0,0.5); border-radius:5px;}
.f2 .bd ul li{ width:25%; float:left; height:0.97rem; line-height:0.97rem; text-align:center; border-bottom:1px solid #525673; border-right:1px solid #525673}
.f2 .bd ul li a{ color:#fff; font-size:0.24rem}
.f2 .bd ul li:nth-child(4n){ border-right:none}
.f2 .bd ul li:nth-last-child(1),.f2 .bd ul li:nth-last-child(2),.f2 .bd ul li:nth-last-child(3),.f2 .bd ul li:nth-last-child(4){border-bottom:none}

.f4{ height:11.09rem; background:url(../images/f4.jpg) no-repeat center top; background-size:100%; padding:0 0.2rem}
.f4 ul{ background:rgba(0,0,0,0.5); border-radius:5px; padding:0.2rem; }
.f4 ul li{ float:left; width:25%; height:1.44rem; overflow:hidden}
.f4 ul li img{ display:block}

.f5{ position:relative;}
.f5 .hd{ text-align:center; position:relative; top:-0.3rem;}
.f5 .hd img{ width:4.12rem; display:inline-block}


.f5 .bd{ padding:0 0.2rem}
.f5 ul li{ height:1.1rem; background:#fff; margin-bottom:0.2rem;-webkit-box-shadow:0 0 15px #e0e0e0;-moz-box-shadow:0 0 15px #e0e0e0;box-shadow:0 0 15px #e0e0e0; cursor:pointer;position:relative;top:0; border:1px solid #efefef; border-radius:5px}
.f5 ul li .box{ padding-top:0.24rem}
.f5 ul li .img{ display:table-cell; vertical-align:middle; padding-left:0.2rem; padding-right:0.25rem; height:0.78;}
.f5 ul li .img img{ width:0.61rem; display:inline-block}
.f5 ul li span{ display:table-cell; vertical-align:middle; width:5.55rem; color:#999; font-size:0.22rem; line-height:0.3rem;}

.f51{ background:#35bbfe; height:0.6rem; text-align:center; line-height:0.6rem; font-size:0.22rem; color:#fff;}

.f53 ul{ padding:0 0.2rem}
.f53 li{  background:#f8ffff;border:1px solid #e0e0e0;margin-bottom:0.4rem}
.f53 li .txt{ padding:0 0.2rem; width:7.1rem;height:1.66rem; display:table-cell; vertical-align:middle; text-align:center }
.f53 li .txt .tt{ line-height:0.28rem;font-size:0.22rem; padding-bottom:0.1rem;  }


.f54 li{ width:50%; float:left; padding-left:0.2rem; margin-bottom:0.3rem}
.f54 li .img{ display:table-cell;  vertical-align:middle; width:0.6rem; height:0.6rem; border-radius:0.6rem;}
.f54 li .txt{ display:table-cell; width:2.92rem;vertical-align:middle; padding-left:0.1rem;}
.f54 li .txt h3{ font-size:0.22rem; margin-bottom:0.1rem}
.f54 li .txt p{ font-size:0.2rem; color:#999}

.f55 .li1{ background:url(../images/516.jpg) no-repeat center top; background-size:100%; position:relative; height:4.5rem}
.f55 .li2{ background:url(../images/517.gif) no-repeat center top; background-size:100%; position:relative; height:1.82rem}

.f6{ text-align:center}
.f6 li{ margin-bottom:0.25rem; color:#666}
.f6 li img{ width:5.8rem; display:inline-block}
.f6 li .txt{ width:5.8rem; margin:0 auto}

.f7{ background:#eaeaea url(../images/71.gif) no-repeat top center; background-size:100%; overflow:hidden}
.f7 .tim{ margin-bottom:0.3rem}
.f7 .tim .hd-1{ height:1.29rem; background-position: left bottom; background-repeat:no-repeat; background-size:100%; color:#fff; font-size:0.32rem; width:7.1rem; margin:0 auto }
.f7 .tim .bd{ background:#fff; border-radius:0 0 10px 10px; overflow:hidden; color:#585858;width:7.1rem; margin:0 auto}
.f7 .hd ul{ text-align:center; padding-top:0.3rem;}
.f7 .hd ul li{ width:0.1rem; height:0.1rem; border:1px solid #30464f; background:#30464f; display:inline-block; margin:0 0.05rem; border-radius:0.1rem; cursor:pointer}
.f7 .hd ul li.on{ background:none}


.list1{ text-align:center; padding:0 0.2rem; padding-bottom:0.3rem}
.list1 li{ display:inline-block; margin:0; vertical-align:text-top}
.list1 .txt{ font-size:0.18rem; line-height:0.2rem;height:0.5rem; }
.list1 .img{ padding-bottom:10px; display:table-cell; height:1.27rem; vertical-align:bottom; text-align:center; width:2.15rem;}
.list1 .img img{ width:auto; height:1.27rem; display:inline-block}
.list2{ text-align:center; padding:0 0.2rem; padding-bottom:0.15rem;}
.list2 li{ margin-bottom:0.2rem}
.list2 li h3{ height:0.6rem; line-height:0.6rem; font-size:0.24rem; color:#fff; padding:0 0.25rem; border-radius:0.6rem; display:block; text-align:left; margin-bottom:0.25rem;}
.list2 li .txt{ font-size:0.22rem; line-height:0.3rem; text-align:left; padding:0 0.1rem;}
.list2 .li1 h3{ background:#4a7ee4;}
.list2 .li2 h3{ background:#f66560;}
.list2 .li3 h3{ background:#ffaf36;}

.list3{ height:2rem; background:url(../images/712.jpg) no-repeat left bottom; background-size:2.17rem;}
.list3 .txt{ font-size:0.22rem; line-height:0.4rem;  padding-left:2rem; padding-top:0.5rem; padding-right:0.15rem}

.list4{  height:2rem; background:url(../images/713.jpg) no-repeat left bottom; background-size:1.8rem;}
.list4 .txt{ font-size:0.22rem; line-height:0.4rem;  padding-left:2rem; padding-top:0.45rem; padding-right:0.1rem}

.list5{ height:5.11rem; background:url(../images/714.jpg) no-repeat left bottom; background-size:3.06rem; }
.list5 .txt{ font-size:0.22rem; line-height:0.4rem; width:6.78rem; border-top:1px solid #e5e5e5; padding-top:0.25rem; padding-left:3.3rem; margin:0 auto; margin-top:0.2rem; }

.list6{ padding:0 0.2rem; padding-bottom:0.4rem}
.list6 li{   text-align:center;  border-bottom:1px solid #e5e5e5}
.list6 .li1{margin-bottom:0.4rem;}
.list6 li .txt{  padding:0 0.2rem}
.list6 li .txt p{font-size:0.22rem; line-height:0.4rem;}
.list6 li .img{  margin-bottom:0.12rem;}
.list6 li .img img{ display:inline-block; width:2.73rem}
.list6 li h3{ font-size:0.3rem; margin-bottom:0.15rem;}
.list6 .txt2{   color:#fff; font-size:0.24rem;  background:#ff1b5b;   border-radius:10px;}
.list6 .txt2 p{ padding:0.2rem 0; line-height:0.36rem; text-align:center}

.list7 .img{ height:1.28rem; background:url(../images/719.gif) no-repeat center; background-size:6.3rem}
.list7 .txt{ background:url(../images/718.jpg) no-repeat left bottom; background-size:4.27rem;font-size:0.22rem; line-height:0.4rem; padding-left:2.7rem; padding-top:0.3rem; height:3.53rem; border-bottom:1px solid #ccc; padding-right:0.3rem}


.f8{ height:11.35rem; background:url(../images/81.jpg) no-repeat center top; background-size:100%; position:relative}

.list8{ height:3.7rem; position:relative}
.list8 li{ text-align:center; font-size:18px; color:#fff; position:absolute; z-index:8}
.list8 li .txt{ margin-top:0.2rem; font-size:0.22rem}
.list8 .li1{ left:0.5rem;top:0.83rem}
.list8 .li1 img{ width:0.91rem}
.list8 .li2{ left:2rem;top:0}
.list8 .li2 img{ width:1.04rem}
.list8 .li3{ left:2.16rem;top:1.77rem}
.list8 .li3 img{ width:1.14rem}
.list8 .li4{ left:3.6rem;top:0.45rem}
.list8 .li4 img{ width:1.44rem}
.list8 .li5{ left:5.22rem;top:1.77rem}
.list8 .li5 img{ width:1.05rem}
.list8 .li6{ left:5.85rem;top:0px}
.list8 .li6 img{ width:1.15rem}

.list9{ position:absolute; z-index:9; left:0.2rem; right:0.2rem; background:#fff;top:6.33rem; border:1px solid #ccc; border-radius:5px;}
.list9 .th{ height:0.6rem; line-height:0.6rem; text-align:center; font-size:0.24rem; color:#5f9add; border-bottom:1px solid #ccc}
.list9 .th.th2{border-top:1px solid #ccc}
.list9 .td{ padding:0.24rem 0;}
.list9 .td li{ float:left; width:50%; line-height:0.48rem; font-size:0.24rem}
.list9 .td li span{ padding-left:0.4rem}


.f9{ padding-top:0.4rem; padding-bottom:0.45rem; background:#f5f5f5}
.f9 .box{ padding:0 0.2rem}

.list10 .hd{ background:#4a7ee4; height:0.7rem; line-height:0.7rem; color:#fff; font-size:0.24rem; padding:0 0.35rem; border-radius:5px 5px 0 0}
.list10 .bd{ padding:0.2rem 0.25rem; background:#fff; border-radius:0 0 5px 5px;}
.list10 .bd h3{ height:0.7rem; padding:0.14rem; font-size:0.24rem; border-bottom:1px solid #f2f2f2; cursor:pointer}
.list10 .bd h3.on{ color:#4a7ee4; border-bottom:none}
.list10 .bd i{ display:inline-block; width:0.4rem; height:0.4rem; color:#fff; text-align:center; line-height:0.4rem; background:#4a7ee4; border-radius:0.4rem; margin-right:0.15rem; font-style:normal}
.list10 .bd h3.on .right{background:url(../images/93.png) no-repeat center;background-size:0.15rem;}
.list10 .bd .right{ width:0.15rem; height:0.4rem; display:block; background:url(../images/92.png) no-repeat center; background-size:0.15rem;}
.list10 .sub{ background:#eafcfb; padding:0.2rem; border:1px solid #eaeaea; border-radius:10px; font-size:0.22rem; line-height:0.3rem; padding-left:0.7rem; position:relative;  }
.list10 .sub i{ display:block; width:0.4rem; height:0.4rem; color:#4a7ee4; text-align:center; line-height:0.4rem; background:#dfe7f7; border-radius:0.4rem;  position:absolute; left:0.15rem;top:0.2rem; z-index:8 }
.list10 .sub em{display:block; width:12px; height:7px; position:absolute; left:55px;top:-7px; z-index:8; background:url(../images/94.png) no-repeat center top}

.list11 .hd{ background:#df3173; height:0.7rem; line-height:0.7rem; color:#fff; font-size:0.24rem; padding:0 0.35rem; border-radius:5px 5px 0 0}
.list11 .bd{ padding:0.2rem 0.3rem; background:#fff; border-radius:0 0 5px 5px;}
.list11 .tis{ font-size:0.2rem; padding:0.15rem; background:#eafcfb; border:1px solid #eaeaea; border-radius:5px; line-height:0.26rem; color:#585858; margin-bottom:5px;}
.list11 li{ border-bottom:1px solid #eaeaea; padding:10px 0;}
.list11 li.none{ border-bottom:none}
.list11 li .box{  padding-left:0.77rem; position:relative; cursor:pointer; }
.list11 li h3{ font-size:0.32rem; color:#f66560; margin-bottom:0.1rem;}
.list11 li h4{ font-size:0.24rem; margin-bottom:0.15rem;}
.list11 li p{ color:#999; line-height:0.3rem; font-size:0.22rem}
.list11 li i{ width:0.46rem; height:0.76rem; text-align:center; display:block; position:absolute; z-index:8; top:0; left:0; background:url(../images/95.png) no-repeat center top; background-size:0.5rem; font-size:0.26rem; color:#ffa200; line-height:0.45rem; font-style:normal}


.f10{ padding:0 0.2rem}
.list12 li{ height:0.9rem; line-height:0.9rem; padding: 0 0.28rem; border-bottom:1px solid #ecf1fc; font-size:0.26rem;}
.list12 li:last-child{ border-bottom:none}
.list12 li .t{ display:inline-block;  margin-right:0.15rem; text-align:right}
.list12 li .t span{display:inline-block; height:0.33rem; line-height:0.33rem; color:#fff; font-size:0.2rem; text-align:center; width:0.82rem; background:url(../images/101.png) no-repeat center left}
.list12 li .t span.sp1{ background:url(../images/102.png) no-repeat center left; background-size:100%; }
.list12 li .t span.sp2{ background:url(../images/103.png) no-repeat center left; background-size:100%; width:1.1rem}


.f11 li{height:4rem}
.f11 .li1{ background:#477bdf url(../images/1101.jpg) no-repeat bottom left; background-size:2.7rem}
.f11 .li2{ background:#f1b600 url(../images/1102.jpg) no-repeat bottom left; background-size:2.7rem}
.f11 .txt{ color:#fff; padding-top:0.6rem; width:4.5rem;}
.f11 .txt .p3 a{ display:inline-block; width:140px; height:50px; text-align:center; line-height:50px; color:#fff; border:1px solid #fff; border-radius:5px; font-size:16px;}
.f11 .li1 .txt{ float:right}
.f11 .li1 .txt .p3 a{ background:#fff; color:#4478dd}
.f11 .li2 .txt{ float:right}
.f11 .li2 .txt .p3 a{ background:#fff; color:#fdbe00}

.list13{ padding:0.25rem 0.30rem;-webkit-box-shadow:0 10px 30px #e2e2e2;-moz-box-shadow:0 10px 30px #e2e2e2;box-shadow:0 10px 30px #e2e2e2; margin:0 0.2rem; border-radius:5px}
.list13 ul li{ color:#999; font-size:0.24rem}
.list14 li{ width:25%; float:left; text-align:center; font-size:0.28rem; margin-bottom:0.3rem}
.list14 li .img{ display:inline-block; width:0.78rem}

.list15{ padding:0 0.2rem}

.f14{ height:5.5rem; background:url(../images/141.jpg) no-repeat center top; background-size:100%}
.f14 .plo{ font-size:0.4rem; text-align:center; color:#fff; height:1.08rem; line-height:1.08rem;  }

.sider-1{ position:relative; padding:0 10px;}
.sider-1 .bd li{ padding-top:0.95rem; height:3.26rem; background:#fff; border-radius:10px; position:relative}
.sider-1 .bd li h3{ font-size:0.26rem; text-align:center; color:#666; height:0.58rem; line-height:0.5rem;}
.sider-1 .bd li h3 i{font-size:0.9rem; display:inline-block;   color:#e6e6e6;   height:0.58rem; vertical-align:text-top; position:relative;top:0.1rem}
.sider-1 .bd li .txt{ line-height:0.28rem; font-size:0.2rem; padding:0 0.2rem; text-align:center; margin:0 auto; color:#666}
.sider-1 .tx{ width:1rem; height:1rem; background:#fff; border-radius:1rem; padding:0.1rem; position:absolute; z-index:8; left:50%; margin-left:-0.5rem;top:-0.43rem;}
.sider-1 .tx img{ display:block; width:0.8rem; height:0.8rem; border-radius:0.8rem;}
.sider-1 .tx .t{ font-size:0.22rem; text-align:center; padding-top:0.1rem;}
.sider-1 .bd ul{ padding-top:0.43rem !important;}
.sider-1 .hd ul{ text-align:center; padding-top:0.3rem;}
.sider-1 .hd ul li{ width:0.1rem; height:0.1rem; border:1px solid #fff; background:#fff; display:inline-block; margin:0 0.05rem; border-radius:0.1rem; cursor:pointer}
.sider-1 .hd ul li.on{ background:none}

.f15{background:url(../images/151.jpg) no-repeat center top; background-size:100%; margin-bottom:0.4rem}
.f151{ height:3.02rem;  }
.f152{ padding:0 0.2rem; }
.f152 ul{background:#fff; -webkit-box-shadow: 0 10px 30px #e2e2e2; -moz-box-shadow: 0 10px 30px #e2e2e2; box-shadow: 0 10px 30px #e2e2e2; padding-top:0.32rem; padding-left:0.3rem; border-radius: 5px; padding-bottom:0.5rem}
.f152 li{ color:#999; padding-left:1rem; min-height:0.8rem; margin-bottom:0.5rem}
.f152 li:nth-child(1){ background:url(../images/153.gif) no-repeat top left; background-size:0.8rem}
.f152 li:nth-child(2){ background:url(../images/154.gif) no-repeat top left; background-size:0.8rem}
.f152 li:nth-child(3){ background:url(../images/155.gif) no-repeat top left; background-size:0.8rem; line-height:0.8rem}
.f152 li:nth-child(4){ background:url(../images/156.gif) no-repeat top left; background-size:0.8rem; margin-bottom:0}
.f152 li h3{ font-size:0.3rem; height:0.5rem;}
.f152 li p{ font-size:0.24rem; line-height:0.3rem}
.f152 li .btn{ padding-top:10px;}
.f152 li .btn a{ display:inline-block; background:#59abe3; font-size:0.24rem; text-align:center; color:#fff; width:1.3rem; text-align:center; height:0.4rem; line-height:0.4rem; margin-top:0.2rem;}

.f16{ background:#fafafa; height:6.45rem; position:relative}
.f162{ padding-top:1.9rem; background: url(../images/162.gif) no-repeat center top; background-size:5.52rem}
.f162 ul { text-align:center}
.f162 ul li{ display:inline-block; height:1.55rem; margin:0 0.2rem}
.f162 ul li img{ width:0.92rem; vertical-align:top}
.f16 i{ display:block; width:4.12rem; position:absolute; z-index:8; left:50%; margin-left:-2.06rem; bottom:-0.3rem}


.f17{ padding:0.8rem 0.2rem; padding-bottom:0.48rem}

.f19{ padding:0 0.2rem}
.f19 img{ width:3.14rem}
.f19 .li .box{ padding-top:0.35rem;}
.f19 .li .txt{ font-size:0.22rem; line-height:0.25rem; color:#666; margin-bottom:0.2rem;}
.f19 li{ height:0.54rem; line-height:0.54rem; background:#fe881e; color:#fff; font-size:0.24rem; margin-bottom:0.2rem; padding:0 0.2rem; padding-right:0; border-radius:0.54rem;}
.f19 li .t{ display:inline-block; vertical-align:middle; width:1.9rem; position:relative; }
.f19 .li1 .box{ border-right:1px solid #f5f5f5}


.list16 h3{ height:0.54rem; line-height:0.54rem; background:url(../images/194.gif) no-repeat center left; background-size:auto 100%; color:#fff; font-size:0.24rem; margin-bottom:0.2rem; padding:0 0.2rem; cursor:pointer}
.list16 h3.on{background:url(../images/194on.gif) no-repeat center left; background-size:auto 100%;margin-bottom:0}
.list16 h3 .right{ padding-right:0.7rem;}
.list16 .sub{ font-size:0.22rem; line-height:0.24rem; background:#f5f5f5; padding:0.15rem; width:7.09rem; margin-bottom:0.15rem;}


.f20 .li2{ background:#f73482}
.f20 .li2 .txt{ padding:0 0.2rem;color:#fff; line-height:0.34rem; font-size:0.22rem; padding-bottom:0.35rem}
.f20 .li2 .txt h3{ font-size:0.4rem;}
.f20 .li2 .img{ margin-left:0.3rem}
.f20 .li2 img{ width:1.14rem}
.f201{ height:1.1rem; background:#f0f0f0 url(../images/203.gif) no-repeat center; background-size:auto 0.37rem}



.f21 ul li {background:#4a7ee4; color:#fff; overflow:hidden}
.f21 ul li .txt .box{ padding:0.45rem 0;}
.f21 ul li .img,.f21 ul li .txt { overflow:hidden}
.f21 ul li .txt{ padding:0 0.2rem}
.f21 ul li .txt h3{ font-size:0.4rem; margin-bottom:0.15rem;}
.f21 ul li .txt table{ border-bottom:1px solid #6e98e9;border-top:1px solid #6e98e9; padding:0.15rem 0; margin-bottom:20px;}
.f21 ul li .txt table td{ padding:0.15rem 0; font-size:0.24rem}

.f21 ul .li2{ background:#f66560}

.f21 ul li.li2 .txt table{ border-bottom:1px solid #f88480;border-top:1px solid #f88480;}
.f21 ul li.li3 .txt table{ border-bottom:1px solid #ffbf5e;border-top:1px solid #ffbf5e;}
.f21 ul .li3{ background:#ffaf36}


.f22{  background:#f5f5f5; padding:0 0.2rem; padding-bottom:0.6rem}
.f22 li{ background:#fff; height:4.27rem; position:relative; margin-bottom:0.43rem;-webkit-box-shadow:10px 10px 20px #eee;-moz-box-shadow:10px 10px 20px #eee;box-shadow:10px 10px 20px #eee;}
.f22 li .t{ width:2.23rem; height:4.43rem; background-position:center top; background-repeat:no-repeat; position:relative;top:-0.16rem; float:left;color:#fff; background-size:100%}
.f22 li .txt{ padding-top:1.77rem; height:2.78rem  }
.f22 li .txt i{ font-style:italic !important}
.f22 li h1{ text-align:center; font-size:0.3rem;}
.f22 li .txt2{ width:4.84rem; float:left; padding:0.3rem 0.35rem; padding-bottom:0  }
.f22 table{ border-bottom:1px solid #e5e5e5; margin-bottom:0.2rem;}
.f22 table td{ padding:0.1rem 0; font-size:0.2rem; color:#999;  }
.f22 li:nth-child(2){ height:3.97rem;}
.f22 li:nth-child(2) .t{ height:4.13rem;}
.f22 li:nth-child(3){ height:3.67rem; margin-bottom:0}
.f22 li:nth-child(3) .t{ height:3.83rem;}


.f23 .bd h3{ font-size:0.34rem; padding:0 0.2rem; height:1.1rem; line-height:1.1rem; border-bottom:1px solid #e8e8e8; margin-bottom:0.4rem}
.f23 .tabl{ width:6.9rem; margin:0 auto; background:#fff; border:1px solid #e6e6e6;    -webkit-box-shadow: 10px 10px 20px #eee; -moz-box-shadow: 10px 10px 20px #eee; box-shadow: 10px 10px 20px #eee; margin:0.3rem}
.f23 .tabl .th{ height:0.5rem; line-height:0.5rem; background:#11c756; padding:0 0.2rem; color:#fff;}
.f23 .tabl .th .w1{ margin-right:0.65rem}
.f23 .tabl .td1{ padding:0.3rem 0; border-bottom:1px solid #e6e6e6; text-align:center}
.f23 .tabl .td1 li{ display:inline-block; vertical-align:middle; width:30%; text-align:left; border-right:1px solid #e6e6e6; text-align:center}
.f23 .tabl .td1 li span{ text-align:left; display:inline-block}
.f23 .tabl .td1 li:last-child{ border-right:none;}
.f23 .tabl .btn{ height:07.rem; line-height:0.7rem; text-align:center}
.f23 .tabl .btn a{ font-size:0.32rem; color:#11c756}

.f24{background:#f5f5f5; padding-bottom:0.6rem}
.list17{background:#fff;-webkit-box-shadow:10px 10px 30px #eee;-moz-box-shadow:10px 10px 30px #eee;box-shadow:10px 10px 30px #eee;}
.list17 .hd{ margin-bottom:0.22rem}
.list17 .hd ul li{ height:0.7rem; float:left; text-align:center; width:25%; line-height:0.7rem; text-align:center; font-size:0.26rem; border-bottom:1px solid #e5e5e5; color:#666; cursor:pointer}
.list17 .hd li.on{ color:#7d7eff; border-bottom:1px solid #7d7eff}
.list17 .bd table td{ line-height:0.6rem; font-size:0.24rem; color:#666; padding-left:0.18rem}

.f25{ height:auto; background:#b9409c url(../images/251.jpg) no-repeat center top; background-size:7.5rem;color:#fff; padding:0 0.2rem}
.f25 ul li{overflow:hidden; padding:0.3rem 0; border-top:1px solid #ca66ad}
.f25 ul li .img{ float:left; padding:0 0.15rem;}
.f25 ul li .img img{ width:0.83rem}
.f25 ul li .img img{-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-o-transition: -o-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;}
.f25 ul li:hover .img img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.f25 ul li .txt{float:left; width:5.6rem;}
.f26{padding:0.45rem 0.4rem}


.f27{ background:#00c27c; padding-bottom:0.5rem}
.f27 .li2 .txt{ color:#fff; padding: 0 0.4rem;padding-top:0.7rem;}
.f27 .li2 .bd{ height:3.7rem; overflow:hidden; line-height:0.34rem; font-size:0.24rem; margin-bottom:0.3rem}
.f27 .morebtn{ height:0.5rem; width:1.5rem; text-align:center; line-height:0.5rem; border:1px solid #fff; border-radius:0.5rem; font-size:0.22rem}


.f28{ background:#f5f5f5; padding:0 0.2rem; padding-bottom:0.6rem}
.list18{-webkit-box-shadow:0 10px 30px #e2e2e2;-moz-box-shadow:0 10px 30px #e2e2e2;box-shadow:0 10px 30px #e2e2e2; background:#fff; overflow:hidden; border-radius:10px;}
.list18 .hd{ text-align:center; color:#fff; height:0.68rem; line-height:0.68rem; background:#5194fc; font-size:0.24rem;}
.list18 .bd{ padding:0 0.2rem}
.list18 ul{ padding-top:0.34rem}
.list18 .ul1{ border-bottom:1px solid #dde1e6}
.list18 ul li{ color:#999;}
.list18 .t{ width:1.34rem; color:#333; font-size:0.24rem;line-height:0.34rem;}
.list18 .wz{ width:5.3rem;  font-size:0.24rem;line-height:0.34rem; }


.f29 li{ width:50%; text-align:center;float:left; margin-bottom:0.5rem}
.f29 li .img img{ width:1rem; display:inline-block}
.f29 li.none{ margin-right:0}
.f29 li .txt{ height:0.67rem; line-height:0.67rem; color:#7d7eff; font-size:0.3rem;}
.f29 li .btn a{ display:inline-block; font-size:0.22rem; height:0.45rem; line-height:0.45rem; border:1px solid #d8d8d8; border-radius:0.45rem; width:1.7rem}
.f29 li .btn a:hover{ color:#fff; background:#7d7eff}


.f30{background:#f5f5f5; padding:0 0.4rem; padding-bottom:0.4rem}
.f30 .bd{ height:0.8rem; background:#5194fc; color:#fff; border-radius:0.8rem; padding:0.2rem 0; margin-bottom:0.2rem}
.f30 .bd li{ display:block; line-height:0.4rem; font-size:16px; padding:0 0.4rem; font-size:0.26rem}
.f30 .bd .li1{ width:50%; border-right:1px solid #6bacff; float:left; text-align:right}
.f30 .bd .li2{ width:50%; float:left }


.f31{ text-align:center; padding-bottom:0.45rem}
.f31 li{ display:inline-block; vertical-align:text-top; margin:0 0.23rem;}
.f31 li img{ display:inline-block; width:1.7rem}

.f32{  background:#ff1b5b}
.f32 .li2 .txt{ color:#fff; padding:0.66rem 0.4rem; padding-bottom:0}
.f32 .li2 ul{ height:1.51rem; }
.f32 .li2 ul li{ width:50%; float:left; padding-left:0.46rem;}
.f32 .li2 ul li p{ width:2.7rem; font-size:0.22rem; line-height:0.28rem}
.f32 .li2 ul li h3{ margin-bottom:0.1rem; font-size:0.24rem;}
.f32 .li2 ul li.l1{ background:url(../images/322.gif) no-repeat left top; background-size:0.31rem}
.f32 .li2 ul li.l2{ background:url(../images/323.gif) no-repeat left top; background-size:0.24rem}
.f32 .li2 ul li.l3{ background:url(../images/324.gif) no-repeat left top; background-size:0.32rem}
.f32 .li2 ul li.l4{ background:url(../images/325.gif) no-repeat left top; background-size:0.27rem}
.f32 .li2 ul li.l5{ background:url(../images/326.gif) no-repeat left top; background-size:0.24rem}

.f33{ background:#f0f0f0 url(../images/331.gif) no-repeat center; background-size:5.92rem; height:1.03rem}

.f34{ 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}


.f35{ height:5.35rem; background:#fbffff url(../images/351.jpg) no-repeat center bottom; background-size:100%; border-top:1px solid #e1e5e5}
.f35 span{ display:inline-block; width:5.2rem; height:0.9rem; line-height:0.9rem;;  color:#fff; font-size:0.24rem; background:#fbffff url(../images/352.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{ float:left;}
.footer li img{ width:1.15rem; }
.footer .li1{margin-right:0.18rem}
.footer .li2{ font-size:0.16rem; line-height:0.26rem;margin-right:0.3rem}

.ban-qu{ height:1.2rem; 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{ height:5px; position:absolute; left:0.2rem; top:2px; }
.lxw-2{ height:5px; position:absolute; right:0.2rem; top:2px;}

.lxw-bottom{ position:relative; height:30px; background:#F3F3F3;}
.lxw-3{ position:absolute; left:10px; top:6px; height:20px;}
.lxw-3 img{ height:18px;}
.lxw-4{ position:absolute; left:50%; margin-left:-25px; top:6px;}
.lxw-4 img{ height:18px;}
.lxw-5{ position:absolute; right:10px; top:6px;}
.lxw-5 img{ height:18px;}