@charset "gb2312";
/* 2018.04.09 by zq */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,img{ margin: 0; padding: 0; font:14px/28px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; color:#262121; border:none;}
html,body { -webkit-tap-highlight-color:rgba(0,0,0,0); }
img { max-width:100%; }
body { background:#fff url(../images/bg.jpg) no-repeat center 40px; overflow-x:hidden; }
article, iframe { display:block; border:0;}
ul, li { list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input::focus-inner{ outline:0;padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"], button {-webkit-appearance:none; outline:0;}
:focus { outline: none; }
a,area { blr:expression(this.onFocus=this.blur()) }
a { color:#262121; text-decoration:none;}
a:hover { color: #e21837; text-decoration:none;}
.Width { width:1160px; margin:0 auto;}
.clear { clear:both;height:0px; width:100%; font-size:1px;line-height:0px; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:" ";display:block; visibility:hidden; height:0;font-size:0; clear:both;}
.clearfix { *zoom:1;}
.hide, .mobshow, .onlymob, .mob { display:none;}
.fl { float:left;} .fr { float:right;}

.ht_top {width: 100%;background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.ht_top .zt_top {width: 1160px;height: 41px;margin: 0 auto;}
.ht_top h1 { float:left;}
.ht_top h1 a {float: left;width: 131px;height: 40px;overflow: hidden;text-indent: -100em;background: url(https://www.huatu.com/z/topfooter/images/logo.gif) no-repeat; font-size:12px;}
.ht_top .topnav {float: right; color:#333; font-size:12px;}
.ht_top .topnav a {padding:0 8px;}
.ht_top .topnav a:hover { color:#e4393c; text-decoration:underline;}
/* banner */
.banner { height:390px; padding-top:115px;  }
.banner h3 { width:324px; height:46px; margin:0 auto; 
	border:1px solid #fff; border-radius:46px; 
	color:#fff; font-size:26px; line-height: 46px; text-align: center; }
.banner h1 { height:140px; margin:0 auto;
	background:url(../images/banner.png) no-repeat center;
	text-indent:-9999em; overflow:hidden; }
.banner p { color:#f9ec7b; font-size: 44px; line-height: 50px; text-align: center; }
.banner .icon { width:40px; margin:100px auto 0; }
.banner .icon i { display: block; width:40px; height:20px; margin-top:-4px;
	background:url(../images/icon_01.png) no-repeat -320px 0;  }
.banner .icon i.icon-02 { opacity:0.3; }
.banner .icon i.icon-01 { animation: slide_down01 0.8s infinite; }
.banner .icon i.icon-02 { animation: slide_down02 0.8s infinite; }
@keyframes slide_down01 {
	0%{ transform: translateY(0) ; opacity:1; }
	100%{ transform: translateY(16px); opacity:0.3; }
}
@keyframes slide_down02 {
	0%{ transform: translateY(0) ; opacity:0.3; }
	100%{ transform: translateY(16px); opacity:0; }
}

.box01 { overflow: hidden; position: relative; padding-bottom:20px;}
.box01 .bg01 { position: absolute; left:50%; top:45px; width:2336px; height:268px; margin-left:-1275px; z-index: -1;
	background:url(../images/pic_01.png) no-repeat;
	animation: move_wave 20s ease-out infinite alternate; }
.box01 .bg02 { position: absolute; left:50%; top:0; width:2096px; height:242px; margin-left:-1048px; z-index: -1;
	background:url(../images/pic_02.png) no-repeat;
	animation: move_wave 30s ease-out infinite alternate; }
.box01 .des { width:1040px; padding:50px 60px 40px;
	background:#fff; border-radius:8px; box-shadow: 0 0 20px rgba(0,0,0,0.1);
	font-size: 20px; line-height: 38px; text-align: justify; text-indent:2em; }
.box01 .des span { font-size: 28px; }
.box01 .col01 { color:#ff8a00; }
.box01 .col02 { color:#20dbbf; }
.box01 .col03 { color:#36b3fb; }
@keyframes move_wave{
	0%{transform: translateX(0) scaleY(1)}
	15%{transform: translateX(4%) translateY(5%) scaleY(0.95)}
	50%{transform: translateX(0) scaleY(1)}
	85%{transform: translateX(4%) translateY(5%) scaleY(0.95)}
	100%{transform: translateX(0) scaleY(1)}
}

.title  { position: relative; width:230px; height: 50px; margin:70px auto 50px;
	font-size: 50px; line-height: 50px; font-weight: 600; text-align: center; }
.title:before { content: ""; position: absolute; left:-25px; bottom:-10px; display: block; width:40px; height:40px;
	background:url(../images/icon_01.png) no-repeat -360px 0; }
.title:after { content: ""; position: absolute; right:0; top:-5px; display: block; width:40px; height:40px; z-index: -1;
	background:url(../images/icon_01.png) no-repeat -400px 0; }

.box02 .toutiao { width:570px; }
.box02 .toutiao h4 { padding-top:15px; font-size: 24px; line-height: 24px; }

.box02 .toutiao h5 { margin:25px 0 10px; font-size:24px; line-height:24px; 
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.box02 .toutiao h5.hot a,
.box02 .toutiao h5 a:hover { color:#f33b59; }
.box02 .toutiao h5 a,
.box02 .toutiao li a,
.box02 .toutiao li span { display:inline-block; margin-right:8px;}
.box02 .toutiao li { width:100%; height:30px; font-size:16px; line-height:30px;
	white-space:nowrap; overflow:hidden;  text-overflow:ellipsis; }
/* focus */
.focus {width:520px; height:334px; padding:30px 40px 0 0; position:relative; z-index:2;}
.focus:before { content: ""; position: absolute; right:0; top:0; display: block; width:520px; height:334px;z-index: -1;
	background:#39c2ef; background: linear-gradient(60deg,#1ed2c3,#39c2ef);}
.focus:after { content: ""; position: absolute; right:15px; top:15px; display: block; width:490px; height:304px; z-index: -1;
	background:#fff; }
.slides_container { width:520px; height:334px; overflow:hidden; position:relative;}
.slides_container dl {float:left;width:520px; height:334px;position:relative;}
.slides_container dl dt img {width:520px;height:334px;}
#slides .prev ,
#slides .next { position:absolute; top:50%; display:block; width:44px; height:80px; margin-top:-40px; 
	z-index:6; opacity:0.3; transition:all 0.3s ease 0s; }
#slides .prev { background: url(../images/icon_02.png) no-repeat; left:10px; }
#slides .next { background: url(../images/icon_03.png) no-repeat; right:50px; }
#slides:hover .prev,
#slides:hover .next { opacity:1; }
.pagination { position:absolute; bottom:15px; z-index:7; width: 100%; text-align: center; }
.pagination li { display:inline-block; width:40px; height:4px; margin-left:10px; background:#fff;  }
.pagination li a { display:block; width:100%; height:4px; font-size:0; }
.pagination li.current { background:#30e1c7; }

.box02b { margin-top:50px; }
.box02b a { display:block; float:left; width:120px; height:120px; margin-right:28px;
	background: #fff; border-radius: 50%; box-shadow:0 0 15px rgba(0,0,0,0.1);
	transition: all 0.2s; }
.box02b .col-08 { margin-right:0; }
.box02b a:hover { box-shadow:0 0 25px rgba(0,0,0,0.15); color:#ba8eff; }
.box02b i { display:block; width:40px; height:70px; margin:0 auto;
	background:url(../images/icon_01.png) no-repeat;  }
.box02b .col-01 i { background-position:0 25px; }
.box02b .col-02 i { background-position:-40px 25px; }
.box02b .col-03 i { background-position:-80px 25px; }
.box02b .col-04 i { background-position:-120px 25px; }
.box02b .col-05 i { background-position:-160px 25px; }
.box02b .col-06 i { background-position:-200px 25px; }
.box02b .col-07 i { background-position:-240px 25px; }
.box02b .col-08 i { background-position:-280px 25px; }
.box02b span { display:block; width:100%; font-size:16px; line-height:20px; text-align:center; }
.box02b .col-01:hover { color:#ba8eff; }
.box02b .col-02:hover { color:#43e5e6; }
.box02b .col-03:hover { color:#00d9ff; }
.box02b .col-04:hover { color:#e683f8; }
.box02b .col-05:hover { color:#fdcb6b; }
.box02b .col-06:hover { color:#43e5e6; }
.box02b .col-07:hover { color:#ba8eff;}
.box02b .col-08:hover { color:#00d9ff; }

.title03 { width:330px; }
.box03 { position: relative; padding-top:35px; }
.box03 .citybtns { position: absolute; left:0; top:0; }
.box03 .jsKqTit { width:464px; padding:30px 35px 18px;
	background:#fff; border-radius:8px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.box03 .jsKqTit li { float:left; width:94px; height:40px; margin:0 10px 12px; cursor: pointer;
	border:1px solid #ddd; border-radius: 40px;
	color:#999; font-size:18px; line-height:40px; text-align:center;
	transition: all 0.2s ease; }
.box03 .jsKqTit li.on { background:#39c2ef; background: linear-gradient(60deg,#39c2ef,#1ed2c3); border:1px solid #fff; color:#fff; }
.box03 .jsKqCon {  height: 340px; padding:15px;
	background:#39c2ef; background: linear-gradient(60deg,#39c2ef,#1ed2c3); }
.box03 .jsKqCon li {  height: 310px; padding:30px 35px 0 85px; overflow: hidden;
	background: #fff; }
.box03 .jsKqCon h4 ,
.box03 .jsKqCon p { font-size: 16px; line-height: 28px; text-align: justify; }
.box03 .jsKqCon h4,
.box03 .jsKqCon a { color:#f33b59; }

.box04 .jsXsTit { height:70px; background: #e6e6e6; border-radius: 70px; overflow: hidden; }
.box04 .jsXsTit span { display: block; float: left; width:50%; height:70px; cursor: pointer;
	background: linear-gradient(90deg,#e6e6e6,#e6e6e6);
	border-radius: 70px;
	color: #666; font-size: 30px; line-height: 70px; text-align: center;
	transition:background 0.2s; }
.box04 .jsXsTit span.on { background:#39c2ef; background:linear-gradient(90deg,#39c2ef,#1ed2c3); color: #fff; }
.box04 .jsXsCon dt { position: relative; padding:50px 0 15px; height:30px;
	color:#000; font-size: 22px; line-height:30px; text-indent: 75px; }
.box04 .jsXsCon dt span { position:absolute; left:0; top:30px; display:block; height: 60px;
	color:#a5ede7; font-size:58px; line-height: 60px; text-indent: 0; }
.box04 .jsXsCon dt span.col02 { color:#b0e7f9; }
.box04 .jsXsCon p { color: #000; font-size: 16px; line-height: 28px; text-indent: 2em; }
.box04 .jsXsCon .tips { color:#999; font-size: 16px; line-height: 28px; }
.box04 .jsXsCon .tips span { color:#f7a32b; }
.box04 .jsXsCon .row03 { width: 1130px; margin:13px auto 0; }
.box04 .jsXsCon .row03 span { display:block; float:left; width:90px; height:73px; padding-top:17px;
	border:2px solid #1ed2c3; border-radius:8px;
	color:#1ed2c3; font-size: 22px; line-height: 28px; text-align: center; }
.box04 .jsXsCon .row03 i { display:block; float:left; width:35px; height:94px;
	background:url(../images/icon_01.png) no-repeat -443px center; }
.box04 .jsXsCon .row03 span.col02 { border-color:#39c2ef; color: #39c2ef; }
.box04 .jsXsCon .row03 span.col03 { border-color:#facf4d; color: #facf4d;}
.box04 .jsXsCon dd img { width: 100%; }

.titlemin01 { position:relative; padding:45px 0; font-size: 44px; font-weight: 600; line-height: 46px; text-align: center; }
.titlemin01:before { content: ""; display:block; position:absolute; left:-80px; top:95px;
	width:192px; height:186px; z-index: -1; border:12px solid #fff493; }
.titlemin01:after { content: ""; display:block; position:absolute; left:1053px; top:455px;
	width:100%; height:188px; z-index: -1; background: #eee; }
.box05>div {  position: relative; overflow:hidden; cursor: pointer; }
.box05>div img { width:100%; height:100%; }
.box05 .row05,
.box05 .row01 { width:350px; height: 480px; }
.box05 .row02,
.box05 .row03 { width:207px; height: 215px; }
.box05 .row04 { width:430px; height: 250px; margin-top:15px; }
.box05 .row01 { margin-right:15px; }
.box05 .row02 { margin-right:16px; }
.box05 .bg { position: absolute; left:0; top:0; width: 100%; height: 100%; background: #000; opacity:0.5; }
.box05 h5 { position: absolute; top:50%; left:0; width:100%; height:40px; margin-top:-24px;
	color:#fff; font-size: 24px; line-height: 40px; text-align: center;
	transition:all 0.3s; }
.box05 h5:after { content: ""; display: block; width:70px; height: 4px; margin:0 auto;
	background: #fff; }
.box05 p { position: absolute; top:120%; padding:0 30px;
	color:#fff; font-size:16px; line-height:28px; text-align: justify;
	transition:all 0.5s; }
.box05 .row02 p,
.box05 .row03 p { padding:0 10px; }
.box05>div:hover .bg { background:#39c2ef; background:linear-gradient(0,#1ed2c3,#39c2ef); opacity:0.95;}
.box05 .row01:hover h5 ,
.box05 .row05:hover h5 { top:58px; margin-top:0; }
.box05 .row01:hover p ,
.box05 .row05:hover p { top:125px; }
.box05 .row02:hover h5 ,
.box05 .row03:hover h5 ,
.box05 .row04:hover h5 { top:20px; margin-top:0; }
.box05 .row02:hover p ,
.box05 .row03:hover p { top:70px; }
.box05 .row04:hover p { top:95px; }

.title06 { width:440px; }
.box06 li { width:490px; padding:25px 30px; margin-bottom:45px;
	background:#fff; border-radius:8px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.box06 h4,
.titlemin02 { height:1px; margin:20px auto 30px; background: #ddd; 
	 font-size:28px; line-height:40px; text-align: center; }
.box06 h4 a,
.titlemin02 span { position:relative; display:inline-block; padding:0 10px; top:-20px; background: #fff; }
.box06 p { width:100%; height:30px; font-size:16px; line-height:30px;
	white-space:nowrap; overflow:hidden;  text-overflow:ellipsis; }

.box07 { margin:40px auto 30px; overflow: hidden; }
.box07 ul { width:1184px; }
.box07 li { float: left; position:relative; width:120px; height: 139px;  margin-right:28px;}
.box07 li img { display: block; position:absolute; top:-25px; left:-25px;
	width:120px; height:139px; padding:25px;
	background:url(../images/pic_03.png) no-repeat center; }
.box07 li:hover img { background:url(../images/pic_04.png) no-repeat center;  }
.box07 li a { position:absolute; top:0; width:120px; height: 139px;
	color:#fff; font-size:20px; line-height: 139px; text-align: center; }

.box08bg { padding:70px 0; background:url(../images/pic_21.jpg) no-repeat center; background-size:cover;  }
.title08 { color:#fff; font-size: 44px; line-height:44px; text-align: center; }
.box08 { width:1184px; margin:0 auto; }
.box08 li { position: relative; float:left; width:120px; height: 120px; margin:40px 28px 0 0; overflow: hidden;
	background:#b485fe; border-radius:8px; 
	color:#fff; text-align: center; }
.box08 h5 { padding-top:30px; color:#fff; font-size: 28px; line-height:40px;
	transition:all 0.3s; }
.box08 span { display: block; font-size: 18px; line-height: 20px;
	transition:all 0.3s; }
.box08 .btnbox { position: absolute; left:-20px; top:25px; width:120px; height: 120px; opacity:0;
	transition:all 0.5s; }
.box08 .btnbox a { display:block; width:94px; height: 28px; margin:0 auto 10px;
	background:#b485fe; border:1px solid #fff; border-radius: 30px;
	color:#fff; line-height: 28px; }
.box08 .btnbox a:hover { background:#fff; color:#b485fe;}
.box08 li:hover h5 { transform: scale(1.4); opacity:0; }
.box08 li:hover span { transform: translateY(100px); }
.box08 li:hover .btnbox { left:0; opacity:1;  }

.box08 li:nth-child(8n+2),
.box08 li:nth-child(8n+2) .btnbox a { background:#3bdbdc; }
.box08 li:nth-child(8n+2) .btnbox a:hover { background:#fff; color:#3bdbdc; }
.box08 li:nth-child(8n+3),
.box08 li:nth-child(8n+3) .btnbox a { background:#0ac7f6; }
.box08 li:nth-child(8n+3) .btnbox a:hover { background:#fff; color:#0ac7f6; }
.box08 li:nth-child(8n+4),
.box08 li:nth-child(8n+4) .btnbox a { background:#d56fe8; }
.box08 li:nth-child(8n+4) .btnbox a:hover { background:#fff; color:#d56fe8; }
.box08 li:nth-child(8n+5),
.box08 li:nth-child(8n+5) .btnbox a { background:#f0bb56; }
.box08 li:nth-child(8n+5) .btnbox a:hover { background:#fff; color:#f0bb56; }
.box08 li:nth-child(8n+6),
.box08 li:nth-child(8n+6) .btnbox a { background:#43e5e6; }
.box08 li:nth-child(8n+6) .btnbox a:hover { background:#fff; color:#43e5e6; }
.box08 li:nth-child(8n+7),
.box08 li:nth-child(8n+7) .btnbox a { background:#b485fe; }
.box08 li:nth-child(8n+7) .btnbox a:hover { background:#fff; color:#b485fe; }
.box08 li:nth-child(8n+8),
.box08 li:nth-child(8n+8) .btnbox a { background:#0ac7f6; }
.box08 li:nth-child(8n+8) .btnbox a:hover { background:#fff; color:#0ac7f6; }

.title09 { width:330px; }
.box09 { position:relative; padding-top:35px; margin-bottom:70px; }
.box09 .kctj { width:650px; padding:15px;
	background:#39c2ef; background: linear-gradient(60deg,#39c2ef,#1ed2c3); }
.box09 .kctj dl { width:590px; padding:30px; background: #fff; }
.box09 .kctj dt { font-size:24px; line-height:30px; }
.box09 .kctj dd a { display: block; float:left; position:relative; width:256px; height:128px; margin:20px 35px 0 0; overflow: hidden; }
.box09 .kctj dd img { display: block; width:256px; height:128px; }
.box09 .kctj dd .bg { position: absolute; left:0; top:98px; width:100%; height:100%; background: #000; opacity:0.5;
	transition:all 0.5s; }
.box09 .kctj dd P { position: absolute; left:0; bottom:0; width:100%; height:30px;
	color:#fff; text-align: center; letter-spacing: 0.5px;
	transition:all 0.5s; }
.box09 .kctj dd .icon { display: block; position: absolute; left:0; top:0; width:100%; height:100%;
	background:url(../images/pic_30.png) no-repeat center; opacity:0;
	transform: scale(1.4);
	transition:all 0.5s; }
.box09 .kctj dd a:hover .bg { top:0; }
.box09 .kctj dd a:hover p { bottom:-30px; }
.box09 .kctj dd a:hover .icon { transform: scale(1); opacity:1; }

.box09 .citybtns { position: absolute; right:0; top:0; width:464px; padding:25px 30px;
	background:#fff; border-radius:8px; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.box09 .citybtns h4 { font-size:24px; line-height:40px; text-align: center; }
.box09 .citybtns .btn { float:left; width:94px; height:40px; margin:12px 10px 0; cursor: pointer;
	border:1px solid #ddd; border-radius: 40px;
	color:#999; font-size:18px; line-height:40px; text-align:center;
	transition: all 0.2s ease; }
.box09 .citybtns .btn.on,
.box09 .citybtns .btn:hover { background:#39c2ef; background: linear-gradient(60deg,#39c2ef,#1ed2c3); border:1px solid #fff; color:#fff; }

/* foot */
.footer {clear:both;text-align: center;padding:30px 0;position: relative;background: #252525;}
.footer p {line-height: 26px; color:#f5f4f4; font-size:14px;position: relative;z-index: 2;}
.footer p a {color: #f5f4f4; font-size:14px;}
.footer p span {padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px}

/* cotnav */
.cotnav { display: none; position:fixed; left:50%; top:50%; z-index:9; width:60px; margin:-175px 0 0 635px;
	border-left:2px solid #333; border-right:2px solid #333; }
.cotnav a { display:block; width:100px; height:40px; margin-bottom:8px; margin-left:-26px; cursor: pointer;
	background:#fff; border:2px solid #333;
	font-size:16px; line-height:40px; text-align:center;
	transition: all 0.2s ease 0s;}
.cotnav .rightbtn { margin-left:-16px; }
.cotnav #goTop { background: #fbec65; margin-bottom:0; }
.cotnav a:hover,
.cotnav #goTop:hover,
.cotnav a.on { background: #30e1c7; color:#fff; }
.cotnav .navhead:hover { background:#fff; border:2px solid #333; color:#333; }


@media only all and (max-width:1160px){
.onlypc { display:none;}
.onlymob,.mob { display:block;}
html{ font-size:20px; }
body { font: 0.7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;
	background-size:auto 16rem; background-position:center 2.4rem ; }
html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.Width { width:100%;} 
.ht_top .topnav a:nth-child(n+2) ,
.focus:before,
.focus:after,
.titlemin01:after,
.box08 span,
.footer p { display:none; }

.ht_top { line-height: 2.5rem; height:2.5rem; background-size:auto 100%; }
.ht_top .zt_top { width:96%; height:2.5rem; }
.ht_top h1 a { height:2.5rem; width:7.5rem; background: url(https://www.huatu.com/images/2015css/images/mob_logo.png) no-repeat center; background-size:100%; }
.ht_top .topnav { font-size:0.8rem; text-indent:-1000rem;}
.ht_top .topnav a { padding:0 0 0 0.3rem; text-indent: 0; float: right; }

/* banner */
.banner { height:10rem; padding-top:1.5rem;  }
.banner h3 { width:10rem; height:1.6rem; 
	border-radius:1.6rem; 
	font-size:0.7rem; line-height:1.6rem; }
.banner h1 { height:2.8rem; background-size: contain; }
.banner p { font-size: 1rem; line-height:1.2rem; }
.banner .icon { margin:1.5rem auto 0; }
.box01 .bg01 { top:1.5rem; width:40rem; height:4.6rem; margin-left:-22rem; background-size:contain; }
.box01 .bg02 { width:40rem; height:4.6rem; margin-left:-20rem; background-size:contain; }
.box01 .des { width:15rem; padding:1rem;
	font-size: 0.75rem; line-height:1.1rem; }
.box01 .des span { font-size: 0.85rem; }
.title  { width:8rem; height:1.5rem; margin:2rem auto 1.5rem;
	font-size:1.5rem; line-height:1.5rem; }
.title:before { left:-1rem; bottom:-0.3rem; }
.title:after { top:-0.5rem; }
.box02 .toutiao { float: none; width:17rem; margin:0 auto; }
.box02 .toutiao h4 { padding-top:1rem; font-size:0.8rem; line-height:1rem; }
.box02 .toutiao h5 { margin:0.5rem 0 0.2rem; font-size:0.8rem; line-height:1rem; }
.box02 .toutiao li { height:1.2rem; font-size:0.7rem; line-height:1.2rem; }
/* focus */
.focus { float: none; width:18.75rem; margin:1rem auto; height:12rem; padding:0; }
.slides_container,
.slides_container dl,
.slides_container dl dt img { width:18.75rem; height:12rem; }
#slides .prev ,
#slides .next { width:1.5rem; height:3rem; margin-top:-1.5rem; }
#slides .prev { left:0.5rem; background-size: 100%; }
#slides .next { right:0.5rem; background-size: 100%; }
.pagination { bottom:0.2rem; }
.box02b { width:17.5rem; margin-top:1.5rem; }
.box02b a { width:4rem; height:4rem; margin-right:0.5rem; box-shadow:0 0 8px rgba(0,0,0,0.1);}
.box02b a:hover { box-shadow:0 0 10px rgba(0,0,0,0.15); }
.box02b .col-01,
.box02b .col-02,
.box02b .col-03,
.box02b .col-04 { margin-bottom:0.5rem; }
.box02b .col-04,
.box02b .col-08 { margin-right:0; }
.box02b i { width:1.5rem; height:2.2rem; background-size: auto 1.5rem; }
.box02b .col-01 i { background-position:0 0.6rem; }
.box02b .col-02 i { background-position:-1.5rem 0.6rem; }
.box02b .col-03 i { background-position:-3rem 0.6rem; }
.box02b .col-04 i { background-position:-4.5rem 0.6rem; }
.box02b .col-05 i { background-position:-6rem 0.6rem; }
.box02b .col-06 i { background-position:-7.5rem 0.6rem; }
.box02b .col-07 i { background-position:-9rem 0.6rem; }
.box02b .col-08 i { background-position:-10.5rem 0.6rem; }
.box02b span { font-size:0.65rem; line-height:1rem; }

.title03 { width:11rem; }
.box03 { padding-top:0; }
.box03 .citybtns { width:100%; position: relative; }
.box03 .jsKqTit { width:16.5rem; padding:0.5rem 0 0 0.5rem; height:3.9rem; overflow: hidden; margin:0 auto 0.5rem; }
.box03 .jsKqTit li { width:3.5rem; height:1.4rem; margin:0 0.4rem 0.5rem 0;
	border-radius: 1.4rem;
	font-size:0.65rem; line-height:1.4rem; }
.box03 .jsKqTit #jsOpenDq:after { content: ">"; display:inline-block; transform:scaleX(1.5) rotate(90deg); }
.box03 .jsKqTit #jsCloseDq:after { content: ">"; display:inline-block; transform:scaleX(1.5) rotate(-90deg); }
.box03 .jsKqCon { float:none; width:17.4rem; height:auto; margin:-1.8rem auto 0; padding:0.3rem; }
.box03 .jsKqCon li { width:16rem; height:auto; padding:2rem 0.7rem 0.7em; }
.box03 .jsKqCon h4 ,
.box03 .jsKqCon p { font-size:0.7rem; line-height:1.2rem; }

.box04 .jsXsTit { width:17rem; height:2rem; border-radius:2rem; margin:0 auto; }
.box04 .jsXsTit span { height:2rem; border-radius: 2rem;
	font-size:0.9rem; line-height:2rem; }
.box04 .jsXsCon { width:17rem; margin:0 auto; }
.box04 .jsXsCon dt { padding:1.2rem 0 0.5rem; height:1rem;
	font-size:0.8rem; line-height:1rem; text-indent:2.5rem; }
.box04 .jsXsCon dt span { top:0.5rem; height:2rem; 
	font-size:1.8rem; line-height:2rem; }
.box04 .jsXsCon p ,
.box04 .jsXsCon .tips{ font-size:0.7rem; line-height:1rem; }
.box04 .jsXsCon .row03 { width:16.5rem; margin:0.5rem auto; }
.box04 .jsXsCon .row03 span { width:4rem; height:3rem; padding-top:1rem;
	font-size:0.8rem; line-height:1rem; }
.box04 .jsXsCon .row03 i { width:1.5rem; height:4rem;
	border-top:2px solid #fff; border-bottom:2px solid #fff;
	background-size: auto 1.5rem; background-position:-16.5rem center; }
.box04 .jsXsCon .row03 i:nth-child(6) { margin-left:13rem; height:1.5rem; transform:rotate(90deg); }
.box04 .jsXsCon .row03 i:nth-child(12) { margin-left:1.5rem; margin-right:13rem; height:1.5rem; transform:rotate(90deg);}
.box04 .jsXsCon .row03 .col02 { float:right; }
.box04 .jsXsCon .row03 i:nth-child(8),
.box04 .jsXsCon .row03 i:nth-child(10) { float:right; transform:rotate(180deg); }

.titlemin01 { padding:1rem 0; font-size:1.2rem; line-height:1.2rem; }
.titlemin01:before { left:0.2rem; top:2.7rem; width:5rem; height:5.5rem; border-width:0.3rem; }
.box05 { width:18rem; margin:0 auto; }
.box05>div img { height:auto; }
.box05 .row05 { width:8.9rem; height:7.5rem; }
.box05 .row01 { width:10.8rem; height:13rem; }
.box05 .row02,
.box05 .row03 { width:7rem; height:6.4rem; margin-bottom:0.2rem; }
.box05 .row04 { width:8.9rem; height:7.5rem; margin-top:0; }
.box05 .row01 { margin-right:0.2rem; margin-bottom:0.2rem; }
.box05 .row02 { margin-right:0;  }
.box05 .row04 img { width:12.9rem; max-width: 12.9rem; margin-left:-2.7rem; height:100%;  }
.box05 h5 { height:1.4rem; margin-top:-0.7rem;
	font-size:0.9rem; line-height:1.4rem; }
.box05 h5:after { width:2.6rem; height:2px; }
.box05 p { top:120%; padding:0 0.4rem;
	font-size:0.6rem; line-height:0.75rem; }
.box05 .row02 p,
.box05 .row03 p { padding:0 0.3rem; }
.box05 .row01:hover h5 ,
.box05 .row05:hover h5 ,
.box05 .row02:hover h5 ,
.box05 .row03:hover h5 ,
.box05 .row04:hover h5 { height:1.2rem; font-size:0.8rem; line-height:1.2rem;top:0.2rem; }
.box05>div:hover h5:after { width:80%; }
.box05 .row01:hover p ,
.box05 .row05:hover p ,
.box05 .row02:hover p ,
.box05 .row03:hover p ,
.box05 .row04:hover p { top:1.8rem; }

.title06 { width:14rem; }
.box06 { margin-bottom:2rem; }
.box06 li { float:none; width:15rem; padding:1rem; margin:0 auto 1rem; }
.box06 h4,
.titlemin02 { margin:1rem auto; 
	 font-size:1rem; line-height:2rem; }
.box06 h4 a,
.titlemin02 span { padding:0 0.3rem; top:-1rem; }
.box06 p { height:1.2rem; font-size:0.7rem; line-height:1.2rem; }
.titlemin02 { width:17rem; }
.box07 { margin:1rem auto; overflow: hidden; }
.box07 ul { width:20rem; margin:0 auto;  }
.box07 li { width:4rem; height:4.63rem; margin-right:0.25rem;}
.box07 li:nth-child(5){ margin-left:2rem; }
.box07 li:nth-child(n+5){ margin-top:-1rem; }
.box07 li img { top:-0.7rem; left:-0.7rem;
	width:4rem; height:4.63rem; padding:0.7rem;
	background-size: contain; }
.box07 li:hover img { background-size: contain;  }
.box07 li a { width:4rem; height:4.63rem;
	font-size:0.7rem; line-height: 4.63rem; }

.box08bg { padding:1.5rem 0; }
.title08 { padding-bottom:0.75rem; font-size:1.2rem; line-height:1.2rem; }
.box08 { width:18rem; }
.box08 li { background:#ba8eff; width:4.2rem; height:4.2rem; margin:0.3rem 0.15rem; }
.box08 h5 { padding-top:0.35rem; font-size:0.8rem; line-height:1rem; }
.box08 .btnbox { position:relative; left:0; top:0; width:100%; height:auto; opacity:1; }
.box08 .btnbox a { width:3.4rem; height:1rem; margin:0.2rem auto 0;
	background:#a780e5; border:none; border-radius: 1rem;
	font-size:0.6rem; line-height: 1rem; }
.box08 li:hover h5 { transform: scale(1); opacity:1; }
.box08 li:nth-child(8n+2) { background:#43e5e6; }
.box08 li:nth-child(8n+2) .btnbox a { background:#3ccecf; }
.box08 li:nth-child(8n+3) { background:#00d9ff; }
.box08 li:nth-child(8n+3) .btnbox a { background:#00c3e5; }
.box08 li:nth-child(8n+4) { background:#e683f8; }
.box08 li:nth-child(8n+4) .btnbox a { background:#cf76df; }
.box08 li:nth-child(8n+5) { background:#fdcb6b; }
.box08 li:nth-child(8n+5) .btnbox a { background:#e3b660; }
.box08 li:nth-child(8n+6) { background:#43e5e6; }
.box08 li:nth-child(8n+6) .btnbox a { background:#3ccecf; }
.box08 li:nth-child(8n+7) { background:#ba8eff; }
.box08 li:nth-child(8n+7) .btnbox a { background:#a780e5; }
.box08 li:nth-child(8n+8) { background:#00d9ff; }
.box08 li:nth-child(8n+8) .btnbox a { background:#00c3e5; }

.title09 { width:11rem; }
.box09 { padding-top:0; margin-bottom:1.5rem; }
.box09 .kctj { width:17.4rem; padding:0.3rem; margin:0 auto; }
.box09 .kctj dl { width:16.2rem; padding:1rem 0.6rem 2.6em; }
.box09 .kctj dt { font-size:1rem; line-height:2rem; }
.box09 .kctj dd a { width:7.9rem; height:3.95rem; margin:0.2rem 0.1rem 0; }
.box09 .kctj dd img { width:100%; height:3.95rem; }
.box09 .kctj dd .bg { top:0; opacity: 0.3; }
.box09 .kctj dd P { left:0.3rem; width:5.5rem; height:1.6rem;
	font-size: 0.6rem; line-height: 0.75rem; text-align: left; }
.box09 .kctj dd .icon { width:1.2rem; height:1.2rem; left:6rem; top:2.25rem; 
	background-size: 1rem auto; opacity: 0.8; }
.box09 .kctj dd a:hover .bg { top:0; opacity: 0.8; }
.box09 .kctj dd a:hover p { bottom:-5rem; }
.box09 .kctj dd a:hover .icon { width:100%; height:3.95rem; left:0; top:0; 
	background-size: 2rem auto; }

.box09 .citybtns { position:relative; right:0; top:0; width:16.5rem; padding:0.5rem 0 0.5rem 0.5rem; height:auto; margin:-1.5rem auto 0.5rem; }
.box09 .citybtns h4 { font-size:1rem; line-height:2rem; }
.box09 .citybtns .btn { width:3.5rem; height:1.4rem; margin:0 0.4rem 0.5rem 0;
	border-radius: 1.4rem;
	font-size:0.65rem; line-height:1.4rem; }

/* foot */
.footer { height:2.1rem; padding:0; overflow:hidden; position:relative; }
.footer:before { color:#f5f4f4; position:absolute; left:0; top:0; display:block; content:"��ͼ�������Ű�Ȩ����"; 
	width: 100%; height:2.1rem; background: ##252525; overflow:hidden;   
    line-height:2.1rem; font-size:0.7rem; text-align: center; }

}