@charset "utf-8";
body{ font-size:20px; background:#fff;}
@media only screen and (max-width: 290px){body{font-size:7.555px;}}
@media only screen and (max-width: 300px) and (min-width: 290px){body{font-size:7.888px;}}
@media only screen and (max-width: 310px) and (min-width: 300px){body{font-size:8px;}}
@media only screen and (max-width: 320px) and (min-width: 310px){body{font-size:8.33333px;}}
@media only screen and (max-width: 360px) and (min-width: 320px){body{font-size:8.88889px;}}
@media only screen and (max-width: 360px) and (min-width: 350px){body{font-size:10px}}
@media only screen and (max-width: 360px) and (min-width: 350px){body{font-size:10px}}
@media only screen and (max-width: 480px) and (min-width: 360px){body{font-size:10px}}
@media only screen and (max-width: 480px) and (min-width: 470px){body{font-size:13.33333px}}
@media only screen and (max-width: 560px) and (min-width: 480px){body{font-size:13.33333px}}
@media only screen and (max-width: 570px) and (min-width: 560px){body{font-size:15.83333px}}
@media only screen and (max-width: 640px) and (min-width: 570px){body{font-size:15.83333px}}
@media only screen and (max-width: 640px) and (min-width: 630px){body{font-size:17.77778px}}
@media only screen and (max-width: 710px) and (min-width: 640px){body{font-size:17.77778px}}


.wrapo{ width:100%;}
.wrapi{ max-width:720px; margin:0 auto;  }
/*首页*/
.home .logo,.home .menu,.home .menu2{ background:#f5f5f5;}
.home .logo .wrapi{padding:0.8em 0; text-align:center;}
.home .logo .wrapi img{ width:13.2em; height:2.5em;}
.home .banner .wrapi{ padding:2em 0 1em 0; text-align:center;}
.home .banner .wrapi img{ width:24.2em; height:10.6em;}
.home .button .wrapi{ text-align:center; padding:.5em 0 1em;}
.home .button .wrapi img{ width:5.3em; height:5.3em;}
.home .menu .wrapi{ width:100%; overflow:hidden; padding:.8em 0 1em; font-size:100%}
.home .menu .wrapi a{ width:44%; height:4em; line-height:4em; text-indent:3.46em; background-size:1.9em 1.9em; background-position:1em 1em; background-repeat:no-repeat; border:0.2em #ececec solid; background-color:#fff; float:left; margin:0.07em; font-size:1.5em}
.home .menu .wrapi a:nth-child(1){ background-image:url(../images/m02.jpg); margin-left:1.3em;}
.home .menu .wrapi a:nth-child(2){ background-image:url(../images/m05.jpg);}
.home .menu .wrapi a:nth-child(3){ background-image:url(../images/m04.jpg); margin-left:1.3em;}
.home .menu .wrapi a:nth-child(4){ background-image:url(../images/m03.jpg);}

.home .menu2{ padding:1em 0 2.5em;}
.home .menu2 .wrapi{ width:95%;font-size:100%; border-bottom:1px #a8a8a8 solid;height:1.5em;position:relative;}
.home .menu2 .wrapi .imgCon{ position:absolute;top:0.75em;left:6.1em; width:22.5em; text-align:center; background:#F5F5F5;}
.home .menu2 .wrapi .imgCon a{padding:0 1em;}
.home .menu2 .wrapi .imgCon img{width:8.15em;height:1.45em}

.home .content{ overflow:hidden; background:#fafafa}
.home .content .wrapi{ width:95%; border:1px #e0e0e0 solid; margin-top:1em; background:#fff;}
.home .content .wrapi h1{ text-align:center; position:relative; margin:1.5em auto; font-size:100%; width:90%;}
.home .content .wrapi h1 img{ position:relative; z-index:2; width:14em; height:3.35em;}
.home .content .wrapi h1 span{ width:100%; display:block; border-bottom:1px #ccc solid; height:1.6em; position:absolute; left:0; top:0; z-index:1;}
.home .content .wrapi p{ color:#666; line-height:1.5em; padding:0 2em 1.8em; letter-spacing:.05em; font-size:1.5em}
.home .content .wrapi div{ padding:2.3em 2.6em 2.3em 12em; background-repeat:no-repeat; background-position:1.8em center; background-size:7.65em 7.65em; border-top:1px #e0e0e0 solid;}
.home .content .wrapi div.d1{ background-image:url(../images/m09.jpg);}
.home .content .wrapi div.d2{ background-image:url(../images/m10.jpg);}
.home .content .wrapi div.d3{ background-image:url(../images/m11.jpg);}
.home .content .wrapi div.d4{ background-image:url(../images/m53.jpg);background-size:4.8em 4.8em; background-position:3.8em center;}
.home .content .wrapi div.d5{ background-image:url(../images/m54.jpg);background-size:4.8em 4.8em; background-position:3.8em center;}
.home .content .wrapi div.d6{ background-image:url(../images/m55.jpg);background-size:4.8em 4.8em; background-position:3.8em center;}
.home .content .wrapi div h2{ font-size:150%; color:#000;  line-height:1.8em}
.home .content .wrapi div p{ padding:0;}
.home .content .wrapi span.d4{ background:#f5f5f5; display:block; border-top:1px #e0e0e0 solid; text-align:center;}
.home .content .wrapi span.d4 a{font-size:1.5em; padding:1.5em 0; width:44%; text-align:center; margin:1em 0.3em; border:.3em #ececec solid; color:#828282; background:#fff; display:inline-block;}
.home .content .wrapi span.imgCon{ display:block; text-align:center; padding-bottom:1em;}
.home .content .wrapi span.imgCon img{width:100%; height:auto;}

/*footer*/
.footer{ text-align:center; line-height:1.5em; background:#e8e8e8; margin-top:2em; padding-top:1em;}
.footer a{ color:#666666; display:inline-block; padding:.5em 0;}
.footer p{ width:25em; margin:0 auto; padding:1em 0; border-top:1px #b6b6b6 solid; color:#bab9b9;}

/*二级页*/
.sub .sub_header{ background:#f0f0f0;}
.sub .sub_header .wrapi{padding:0.8em 0; text-align:center;  position:relative;}
.sub .sub_header .wrapi img.logo{display:block; width:5em; height:2.2em; position:absolute; left:1.5em; top:0.8em;}
.sub .sub_header .wrapi a{width:2.2em; height:2.2em;  display:block;position:absolute; right:1.5em; top:0.8em;}
.sub .sub_header .wrapi a img{display:block; width:2.2em; height:2.2em; }
.sub .sub_header .wrapi span{ display:block; height:1.46em; line-height:1.46em; color:#c5c5c5; font-weight:bold; letter-spacing:.1em; font-size:1.5em}

.sub .nav{ background:#f0f0f0; background:url(../images/m16.jpg) repeat-x top center; background-size:1px 4em; padding:1px 0 .2em 0;}
.sub .nav .wrapi ul{ overflow:hidden;}
.sub .nav .wrapi ul li{float:left; width:33.33%; }
.sub .nav a{ display:block; text-align:center; font-size:1.5em; height:2.533em; line-height:2.533em; color:#858585; border-left:1px #cccccc solid;}
.sub .nav ul li:last-of-type a{border-right:1px #cccccc solid;}
.sub .nav a.current{ background:#fff; }
.about .nav .wrapi ul li{ width:50%}
.vip .nav .wrapi ul li{ width:25%}
.flipped .nav .wrapi ul li{ width:33.33%}

.sub .content{ overflow:hidden; background:#fafafa}
.sub .content .wrapi{ width:95%; border:1px #e0e0e0 solid; border-top:none; background:#fff;}
.sub .content.first .wrapi{ margin-top:1em;border-top:1px #e0e0e0 solid;}
.sub .content .wrapi h1{ text-align:left; position:relative; padding:1em 1.8em; font-size:1.7em; line-height:1.5em; }
.sub .content .wrapi h2{ text-align:left; position:relative; padding:1em 2em; font-size:1.5em; line-height:1.3em; color:#000; font-weight:normal;}
.sub .content .wrapi h3{ text-align:left; padding:1em 2em; font-size:1.5em; line-height:1.2em; color:#000; font-weight:normal; text-indent:1.3em; background:url(../images/m28.jpg) no-repeat 2.2em center; background-size:.6em .6em}
.sub .content .wrapi p{ color:#666; line-height:1.5em; padding:0 2em 1em; letter-spacing:.05em; font-size:1.5em}
.sub .content .wrapi a.button01{ border:0.4em #cfcfcf solid; background:#fff; display:block;padding:1.5em 0; font-size:1.5em; margin:0 2em 1em; text-align:center;}
.sub .content .wrapi dl.step{padding:0 2em 1em 7em; background:url(../images/m22.jpg) no-repeat; background-position:3.5em 1em; background-size:1.65em 78.45em; }
.sub .content .wrapi dl.step dt{ color:#666; line-height:1.2em; width:13.333em;font-size:1.5em;}
.sub .content .wrapi dl.step dd{ color:#999;line-height:1.3em; width:13.333em; padding-top:0.333em;font-size:1.5em;}
.sub .content .wrapi dl.step dt.step1{ padding-top:0;}
.sub .content .wrapi dl.step dt.step2{ padding-top:4em;}
.sub .content .wrapi dl.step dt.step3{ padding-top:2.5em}
.sub .content .wrapi dl.step dt.step4{ padding-top:3.5em}
.sub .content .wrapi dl.step dt.step5{ padding-top:3.3em}
.sub .content .wrapi dl.step dt.step6{ padding-top:3.4em}
.sub .content .wrapi dl.step dt.step7{ padding-top:3.8em;}

.sub .content.spe01 .wrapi{ background:url(../images/m14.jpg) no-repeat right top #fff; background-size:15.5em 9.4em; padding-top:5em;}
.sub .content.spe03 .wrapi{ border-bottom:0;}
.sub .content.spe03 .wrapi img{ margin-bottom:0;}
.sub .content.spe04 .wrapi{ background:url(../images/m25.jpg) no-repeat right top #fff; background-size:13.25em 36.1em; padding-top:5em;}
.sub .content.spe04 .wrapi img{ padding-top:2em}
.sub .content.vip_sep1 .wrapi h2{padding:1em 2em 1em 7em;}
.sub .content.vip_sep1 .wrapi p{ padding:0 2em 1em 7em;}
.sub .content.vip_sep1.vip_sep1_1 .wrapi p{ background:url(../images/m28.jpg) no-repeat 4em 1.8em; background-size:.6em .6em;}
.sub .content.vip_sep1.vip_sep1_1 .wrapi p:first-of-type{ background:none}
.sub .content.vip_sep1.vip_sep1_1 .wrapi{  background:url(../images/m29.jpg) no-repeat left 1.5em #fff; background-size:8.25em 13em; }
.sub .content.vip_sep1.vip_sep1_2 .wrapi{  background:url(../images/m30.jpg) no-repeat left 1.5em #fff; background-size:8.1em 11.25em;}
.sub .content.vip_sep1.vip_sep1_3 .wrapi{  background:url(../images/m31.jpg) no-repeat left 1.5em #fff; background-size:8.5em 10em;}
.sub .content.vip_sep1.vip_sep1_4 .wrapi{  background:url(../images/m32.jpg) no-repeat left 1.5em #fff; background-size:7.15em 15.4em;}
.sub .content.vip_sep2 .wrapi h2{padding:1em 2em 1em 7em;}
.sub .content.vip_sep2 .wrapi p{ padding:0 2em 1em 7em;}
.sub .content.vip_sep2 h2:nth-of-type(1){  background:url(../images/m34.jpg) no-repeat 2.5em; background-size:2.4666em 2.4em;}
.sub .content.vip_sep2 h2:nth-of-type(2){  background:url(../images/m35.jpg) no-repeat 2.5em; background-size:2.4666em 2.4em;}
.sub .content.vip_sep2 h2:nth-of-type(3){  background:url(../images/m36.jpg) no-repeat 2.5em; background-size:2.4666em 2.4em;}
.sub .content.vip_sep3 .wrapi p{padding:1em 2em 1em 8em;}
.sub .content.vip_sep3.vip_sep3_1 .wrapi p{  background:url(../images/m37.jpg) no-repeat 1.2em center; background-size:5.6em 5.6em;}
.sub .content.vip_sep3.vip_sep3_2 .wrapi p{  background:url(../images/m38.jpg) no-repeat 1.2em center; background-size:5.6em 5.6em;}
.sub .content.vip_sep3.vip_sep3_3 .wrapi p{  background:url(../images/m39.jpg) no-repeat 1.2em center; background-size:5.6em 5.6em;}
.sub .content.vip_sep4 .wrapi{ position:relative;}
.sub .content.vip_sep4 .wrapi h2{ color:#7fbf30; border-bottom:.3em #7fbf30 solid;}
.sub .content.vip_sep4 .wrapi h4{ font-size:1.5em; padding:1em 0 .5em; margin:0 2em; border-bottom:1px #b6b6b6 solid; line-height:150%; font-weight:normal;}
.sub .content.vip_sep4 .wrapi a{ display:block; position:absolute; right:2em; bottom:1em; padding:1em 1.8em;background:url(../images/m44.jpg) no-repeat right center; background-size:1.3em 1.6em; font-size:1.2em; line-height:100%; color:#acabab;}
.sub .content.vip_sep4 .wrapi p{padding:.5em 2em 3em}
.sub .content.vip_sep5 .wrapi h3{padding-left:7em; text-indent:0; background:none;}
.sub .content.vip_sep5 .wrapi p{padding:0em 2em 1em 7em}
.flipped .content.vip_sep2 .wrapi h2{ background:none;}
.flipped .content.vip_sep2.vip_sep2_1 .wrapi{  background:url(../images/m47.jpg) no-repeat 1.5em .9em #fff; background-size:7.5em 7.5em; font-size:100%;}
.flipped .content.vip_sep2.vip_sep2_2 .wrapi{  background:url(../images/m48.jpg) no-repeat 1.5em .9em #fff; background-size:7.5em 7.5em;}
.flipped .content.vip_sep2.vip_sep2_3 .wrapi{  background:url(../images/m49.jpg) no-repeat 1.5em .9em #fff; background-size:7.5em 7.5em;}
.flipped .content.vip_sep2.vip_sep2_4 .wrapi{  background:url(../images/m50.jpg) no-repeat 1.5em 2.9em #fff; background-size:7.85em 3.8em;}
.flipped .content.vip_sep2.vip_sep2_5 .wrapi{  background:url(../images/m51.jpg) no-repeat 1.5em .9em #fff; background-size:7.2em 6.8em;}
.flipped .content.vip_sep2.vip_sep2_6 .wrapi{  background:url(../images/m52.jpg) no-repeat 1.5em .9em #fff; background-size:6.9em 6.2em;}
.flipped_video{ box-shadow:0em .5em 0 #e7e7e7; border-radius:.5em; margin:1em auto; max-width:95%;}
.flipped_video .inner{ padding:.5em; border:1px #ccc solid; border-radius:.5em; }
.flipped_video video{ display:block; width:100%; height:20em;}
.sub .content.contact_sep .wrapi p{padding:1em 2em 1em 7em;}
.sub .content.contact_sep.contact_sep_1 .wrapi p{  background:url(../images/m60.jpg) no-repeat 1.5em center; background-size:3.2em 3.2em;}
.sub .content.contact_sep.contact_sep_2 .wrapi p{  background:url(../images/m61.jpg) no-repeat 1.5em center; background-size:3.2em 3.2em;}
.sub .content.contact_sep .semacode{ display:block; width:100%; }
.sub .content img.img01{ display:block; font-size:20px; width:80%;height:auto; margin:0 auto .5em;}
.sub .content img.img02{ display:block; font-size:20px; width:100%;height:auto; margin:0 auto 2em;}

.sub.point .wrapi{ border:none;background:none; padding-bottom:10px;} 
.sub.point .icontent{ border:1px #e0e0e0 solid;border-top:none;background:#fff; border-radius:0.5em; box-shadow:3px 3px 4px #ccc}
.sub.point .icontent .ihead{border-bottom:1px #e0e0e0 solid; padding:1.5em 0;}
.sub.point .icontent .ihead div{ position:relative; width:31.2em; max-width:100%;height:16.3em; margin:0 auto;}
.sub.point .icontent .ihead div img{ width:100%;height:100%;}
.sub.point .icontent .ihead div h3{ padding:.3em 4%; line-height:1.5em; text-indent:0;width:92%;position:absolute; left:0; bottom:0; background:rgba(0,0,0,.5); color:#fff;}
.sub.point .content .wrapi h2{background:#FAFAFA;padding:0; text-align:center; position:relative;height:1.5em;margin-bottom:1.5em; border-bottom:1px #e0e0e0 solid; }
.sub.point .content .wrapi h2 span{display:block; position:absolute; left:30%; font-size:100%; width:40%; height:3em;line-height:3em; background:#fafafa;color:#a6a6a6;}
.sub.point .icontent ul li{overflow:hidden; padding:1em 0 1em 2.3em;border-top:1px #e0e0e0 solid;}
.sub.point .icontent ul li:first-child{border-top:none;}
.sub.point .icontent ul li img{float:left; width:3.7em;height:3.7em; }
.sub.point .icontent ul li p{ float:left; width:75%; height:2.5em;line-height:1.25em; overflow:hidden; padding:0 0 0 1em;}
.sub.point .bottomFixCon{ background:rgba(0,0,0,.5); height:4.7em; width:100%; position:fixed; bottom:0; left:0;}
.sub.point .bottomFixCon .wrapi{text-align:center;position:relative; height:100%; background:url(../images/m59.png) no-repeat 4em 1.5em;background-size: 2.3em 2.3em;}
.sub.point .bottomFixCon .wrapi a,.sub.point .bottomFixCon .wrapi img{ display:block; position:absolute;}
.sub.point .bottomFixCon .wrapi a.close{ width:2.25em; height:2.25em; line-height:2.25em; text-align:center; color:#fff; border:1px #5a5a5a solid; background:rgba(0,0,0,0.8);border-radius:10em; left:0; top:.3em; font-family:Comic Sans MS; font-size:100%;}
.sub.point .bottomFixCon .wrapi a.attention{right:3em;top:.5em;display:block; width:3em; height:3em; border:.4em #fff solid;}
.sub.point .bottomFixCon .wrapi a.attention img{display:block;width:3em; height:3em;}
.sub.point .bottomFixCon .wrapi a.info{font-size:1em;display:inline-block;padding-top:.9em;text-align:left;position:static;width:12.3em; height:3em; line-height:1.5em;color:#fff;}

body.news h3{font-size:2em;padding:1em 2%; line-height:1.5em;}
body.news p{font-size:1.5em;line-height:1.5em;text-indent:2em; padding:0 2% 1em}
body.news img{width:96%; display:block; margin:0 auto; padding-bottom:1em;}
body.news .semacode{ text-align:center; padding:2em 0; border-top:1px #ccc solid;}
body.news .semacode img.i1{width:80%;height:auto; padding-bottom:1em;}
body.news .semacode img.i2{width:65%;height:auto;}