@charset "utf-8";
@import url(../css/size_style.css);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family:"microsoft yahei","yahei";}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ol,ul,li,dl,dt,dd{ list-style:none;}
em,i{ font-style:normal;}
input,button,textarea,checkbox,select,radio,form{ vertical-align:top;}
a{ color:#333; text-decoration:none; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
.red,.red a{ color:#F00;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pb{ position:absolute;}
.autohei{ overflow:hidden; zoom:1;}
/*.clear{ font-size:0; line-height:0; clear:both; overflow:hidden; zoom:1;}*/
.blank{ height:10px; font-size:0; line-height:0; clear:both; overflow:hidden;}
.yahei{ font-family:"microsoft yahei","yahei";}
.songti{ font-family:"SimSun";}
.heiti{ font-family:"SimHei";}
body{ font-size:62.5% !important; border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width:640px; margin:0 auto; background:#f1f1f1; color:#333;}
img {
	max-width: 100%;
	width: auto\9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	margin-top: 0em;
}
*{border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}


/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{ display:block;}
/*html5*/

/*-----清除浮动-----*/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-x{ height:0px; *height:0px; clear:both; font-size:0px; line-height:0px;}
.clear{ clear:both; display:block;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


@media screen and (min-width:320px) {
body, input {
font-size:62.5%
}
}

@media screen and (min-width:400px) {
body, input {
font-size:75%
}
}
@media screen and (min-width:480px) {
body, input {
font-size:87.5%
}
}
@media screen and (min-width:560px) {
body, input {
font-size:100%
}
}
@media screen and (min-width:600px) {
body, input {
font-size:112.5%
}
}
@media screen and (min-width:640px) {
body, input {
font-size:125%
}
}



.pt2{ padding-bottom:2% !important;}
.mt2{ margin-top:2% !important;}
.mt3{ margin-top:3% !important;}
.mt4{ margin-top:4% !important;}
.mt5{ margin-top:5% !important;}
.mt6{ margin-top:6% !important;}
.mt7{ margin-top:7% !important;}
.mt8{ margin-top:8% !important;}
.mt10{ margin-top:10% !important;}






/*提示1rem=20px(1*2*10)　　提示1rem=20px(1*2*10)　　提示1rem=20px(1*2*10)　　提示1rem=20px(1*2*10)　　提示1rem=20px(1*2*10)　　提示1rem=20px(1*2*10)*/

.bg_fff{ background:#fff; padding:0 3%;}
.border01{ border-bottom:solid .5rem #f2f2f2;}
.pd_t03{ padding-top:3% !important;}
.pd_t04{ padding-top:4% !important;padding-bottom:6%}
.pd_t06{ padding-top:6% !important;}
.pd_b03{ padding-bottom:3% !important;}
.pd_b04{ padding-bottom:4% !important;}
.pd_b06{ padding-bottom:6% !important;}

.head, .head p, .head span, .head span a{ height:3.5rem; line-height:3.5rem; font-family:"SimHei";}
.head{ background:#f3f3f3; position:relative; text-shadow:0px 1px 0px #fff;}
.head p{ text-align:center; font-size:1.3rem;}
.head span{ position:absolute; display:inline-block; left:3%; top:0; font-size:1.1rem;}
.head span a{ display:inline-block;}

/*Head*/

.top_expert{ position:relative;}
.top_expert_cont{ position:absolute; width:63%; right:3%; top:18%;}
.top_expert_cont h1{ color:#fff; font-family:"SimHei"; padding-left:5%;}
.top_expert_cont h1 span{ font-size:1.8rem; font-weight:bold;}
.top_expert_cont h1 em{ font-size:1rem;}
.top_expert_cont h1 p{ font-size:1.1rem; color:#ffd672; padding-top:.25rem;}
.top_expert_cont .p_txt01{ font-size:1rem; color:#fff; line-height:1.4rem; padding-top:8%;}
.top_expert_btn{ position:absolute; width:100%; text-align:center; left:0; bottom:10%;}
.top_expert_btn a{ display:inline-block; height:2rem; line-height:2rem; font-size:1rem; color:#538ce6; border:solid 1px #538ce6; border-radius:.3rem; padding:0 3%; margin:0 2%;}
.top_expert_btn a img{ width:1.6rem; height:1rem; margin-right:.25rem; margin-top:-3px;}

/*Top_expert*/

.space_btn{ height:3.25rem; background:#fff; border-bottom:solid 1px #ccc;}
.space_btn li{ float:left; width:50%; height:3.25rem; line-height:3.25rem; text-align:center; cursor:pointer; font-size:1.2rem; font-family:"SimHei";}
.space_btn li.current{ border-bottom:solid 1px #ff7f18;}
.space_con{ position:relative; /*必要元素*/ overflow:hidden; background:#fff; padding-top:3%;}
.space_con .subbox{ position:absolute; /*必要元素*/ left:0; top:0;}
.space_con .sublist{}

.style_title{ background:#f2f2f2; height:3rem; line-height:3rem; padding:0 3%;}
.style_title span{ font-size:1.2rem;}
.style_title span img{ width:1.45rem; height:1.65rem; margin-right:.5rem; margin-top:-3px;}
.style_title .a_swt01{ float:right; font-size:1rem; color:#ff7f18;}

.jieshao_0801{ background:url(../images/map_bg.jpg) repeat-x; background-size:cover; padding:4% 3% 5% 3%;}
.jieshao_0801 p{ font-size:.9rem; line-height:1.4rem; padding-bottom:3%;}
.jieshao_0801 p:last-child{ padding-bottom:0;}
.jieshao_0801 p img{ width:4%; float:left; margin-top:.25rem;}
.jieshao_0801 p span{ float:right; width:93%;}
.jieshao_0801 p span a{ color:#f00;}

.jieshao_0801_link li{ float:left; width:33.33%; height:5.25rem; border-left:solid 1px #cecece;}
.jieshao_0801_link li a{ display:block; width:100%; height:5.25rem; padding-top:1.5rem; padding-left:20%;}
.jieshao_0801_link li:first-child{ border-left:none;}
.jieshao_0801_link_img{ width:28%;}
.jieshao_0801_link_txt{ width:66%;}
.jieshao_0801_link_txt h2{ font-size:.9rem;}
.jieshao_0801_link_txt p{ font-size:12px; color:#bdbdbd; font-family:Arial, Helvetica, sans-serif;}

/*Jieshao_0801*/

.style_title .huan_ico{ float:right; font-size:1rem; color:#666; cursor:pointer;}
.style_title .huan_ico img{ width:1.4rem; height:1.2rem; margin-right:.5rem; margin-top:-3px;}
.huan_0801{ padding:4% 3% 3% 3%;}
.huan_0801_cont{ width:100%; height:18.5rem; overflow:hidden;}
.huan_0801_cont .huan_0801_s{ height:18.5rem; overflow:hidden;}
.huan_0801_s_list{ width:48.5%; border:solid 1px #ccc; padding:.25rem; padding-bottom:1rem;}
.huan_0801_s_list h3{ font-size:1rem; padding-top:.5rem; height:3.1rem; overflow:hidden;}
.huan_0801_s_list .h_p_txt01{ font-size:.9rem; line-height:1.4rem; padding-top:.5rem;}
.huan_0801_s_list .h_p_txt01 a{ color:#f00;}
.huan_0801_s_list .h_p_tips{ padding-top:.5rem;}
.huan_0801_s_list .h_p_tips span{ font-size:.9rem; color:#bdbdbd; display:inline-block; margin-right:1rem;}
.huan_0801_s_list .h_p_tips span img{ width:1.2rem; height:1.1rem; margin-right:.5rem; margin-top:-3px;}

/*Huan_0801*/

.shuoshuo .s_border01{ border-bottom:solid .5rem #f2f2f2;}
.shuoshuo .s_border01:last-child{ border-bottom:none;}
.shuoshuo .s_border02{ border-bottom:solid .5rem #f2f2f2;}
.shuoshuo .s_border02:last-child{ border-bottom:none;}
.shuoshuo .s_border03{ border-top:solid .5rem #f2f2f2;}

.shuoshuo_list{ padding:4% 3% 3% 3%;}
.shuoshuo_list h1{}
.shuoshuo_list h1 img{ float:left; width:11.5%;}
.shuoshuo_list h1 span{ display:inline-block; font-size:.9rem; margin-left:3%; padding-top:.5rem; font-family:Arial, Helvetica, sans-serif;}
.shuoshuo_list p{ font-size:1rem; line-height:1.5rem; padding-top:.75rem;}
.shuoshuo_list p img{ width:10.5rem; height:11.5rem; margin-top:.5rem;}
.shuoshuo_msg{}
.shuoshuo_msg span{ font-size:1rem; color:#666;}
.shuoshuo_msg a{ float:right; font-size:1rem; margin-left:1rem;}
.shuoshuo_msg a.a_swt02{ color:#fbb972;}
.shuoshuo_msg a.a_swt03{ color:#6097f1;}
.shuoshuo_msg a img{ width:1.4rem; height:1.15rem; margin-right:.3rem; margin-top:-3px;}

.shuoshuo_more{ background:#f2f2f2; text-align:center; height:2.6rem; line-height:2.6rem; font-size:1rem; color:#666;}


.video_list li{ padding:4% 3% 4% 3%; border-bottom:solid .5rem #f2f2f2;}
.video_list_left{ width:47%;}
.video_list_right{ width:50%;}
.video_list_right h3 a{ font-size:1.1rem; color:#6097f1; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.video_list_right p{ font-size:.9rem; line-height:1.4rem; padding-top:.3rem;}
.video_list_right p a{ color:#f00;}
.video_list_right span{ display:block; font-size:.8rem; color:#9c9c9c; padding-top:.3rem;}
.video_list_right span img{ width:1rem; height:.6rem; margin-right:.5rem; margin-top:-3px;}
.video_list_right span em{ float:right;}

/*切换卡结束*/

.f_menu{ border:solid 1px #ccc;}
.f_menu_left{ width:51%; padding:.5rem;}
.f_menu_right{ width:49%; padding:.5rem; border-left:solid 1px #ccc;}
.f_menu_right a{ float:left; display:inline-block; width:50%; text-align:center; border-right:solid 1px #ccc; height:4.65rem; border-bottom:solid 1px #ccc;}
.f_menu_right a:nth-child(2), .f_menu_right a:nth-child(4){ border-right:none;}
.f_menu_right a:nth-child(3), .f_menu_right a:nth-child(4){ border-bottom:none; padding-top:.5rem;}
.f_menu_right a img{/* width:2.6rem; height:2.15rem;*/ width:38%;}
.f_menu_right a p{ font-size:.9rem; padding-top:.5rem;}

/*f_Menu*/

.zzgh{ padding:0 6%;}
.zzgh li{ float:left; width:33%; padding:0 5.5%; border-left:solid 1px #a2a2a2; text-align:center;}
.zzgh li:first-child{ border-left:none;}
.zzgh li a p{ font-size:1rem; padding-top:.75rem;}

.zzgh_tel h1{ background:#f2f2f2; height:3rem; line-height:3rem; text-align:center; font-size:1rem; border-top-left-radius:.5rem; border-top-right-radius:.5rem;}
.zzgh_tel p{ background:#ddd; padding:.5rem 6%; border-bottom-left-radius:.5rem; border-bottom-right-radius:.5rem;}
.zzgh_input{ width:60%; height:2.8rem; line-height:2.8rem; font-size:.9rem; color:#666; border:solid 1px #f60; background:#f2f2f2; border-top-left-radius:.5rem; border-bottom-left-radius:.5rem; padding-left:3%; border-top-right-radius:0; border-bottom-right-radius:0;}
.zzgh_btn{ background:url(../images/ico28.png) 13% 50% no-repeat #f60; width:40%; height:2.8rem; text-align:left; font-size:1rem; color:#fff; border-top-right-radius:.5rem; border-bottom-right-radius:.5rem; border:none; background-size:1.95rem 1.25rem; padding-left:15%; border-top-left-radius:0; border-bottom-left-radius:0;}

/*Zzgh*/

.BoxL{ padding:0 0 4% 0;}
.BoxL .hd ul li{ float:left; width:20.5%; height:6rem; background:#ebebeb; margin-left:6%; border:solid 2px #ebebeb; border-radius:.5rem;}
.BoxL .hd ul li:first-child{ margin-left:0;}
.BoxL .hd ul li.on{/* background:url(../images/psd_03.jpg) no-repeat; background-size:3rem 3rem;*/ border:solid 2px #ff7734; border-radius:.5rem;}
.BoxL .hd ul li.on a h4{color:#ff7937;}
.BoxL .hd ul li a{ display:block; width:100%; height:6rem; text-align:center; padding-top:20%;}
.BoxL .hd ul li a div{ width:2.4rem; height:2.1rem; margin-left:28%;}
.BoxL .hd ul li a h4{ font-size:.9rem; padding-top:.25rem;}
.BoxL .hd ul .l1.on div{ background: url(../images/ico14_2.png) 0 no-repeat; background-size:2.4rem 2.1rem;}
.BoxL .hd ul .l2 div{background: url(../images/ico15_1.png) no-repeat; background-size:2.4rem 2.1rem;}
.BoxL .hd ul .l3 div{background: url(../images/ico16_1.png) no-repeat; background-size:2.4rem 2.1rem;}
.BoxL .hd ul .l4 div{background: url(../images/ico17_1.png) no-repeat; background-size:2.4rem 2.1rem;}
.BoxL .hd ul .l1 div{background: url(../images/ico14_1.png) no-repeat; background-size:2.4rem 2.1rem;}
.BoxL .hd ul .l2.on div{background: url(../images/ico15_2.png) no-repeat; background-size:2.4rem 2.1rem;}
.BoxL .hd ul .l3.on div{background: url(../images/ico16_2.png) no-repeat; background-size:2.4rem 2.1rem;}
.BoxL .hd ul .l4.on div{background: url(../images/ico17_2.png) no-repeat; background-size:2.4rem 2.1rem;}

/*BoxL*/

.foot{ position:relative;}
.foot .ewm{ position:absolute; width:26%; left:8.5%; top:16%;}
.foot .ewm p{ text-align:center; font-size:.8rem; line-height:1.4rem; color:#fff;}
.f_phone{ display:inline-block; position:absolute; width:55%; height:2.5rem; right:2%; top:50%;}



@media screen and (max-width:480px){
	.top_expert_cont{ top:17%;}
	.huan_0801_cont{ height:18rem;}
	.huan_0801_cont .huan_0801_s{ height:18rem;}
	.f_menu_right a{ height:4.35rem;}
	}
	
@media screen and (max-width:420px){
	.top_expert_cont{ top:16%;}
	.top_expert_cont h1 p{ font-size:1rem; padding-top:0;}
	.top_expert_cont .p_txt01{ font-size:.9rem; line-height:1.3rem; padding-top:7%;}
	.top_expert_btn{ bottom:8%;}
	.jieshao_0801_link li a{ padding-left:15%;}
	.f_menu_right a{ height:3.8rem;}
	
	.BoxL .hd ul li{ height:5.5rem; }
	.BoxL .hd ul li a{ height:5.5rem;}
	.BoxL .hd ul li a div{ width:2rem; height:1.7rem; margin-left:28%;}
	.BoxL .hd ul .l1.on div{ background: url(../images/ico14_2.png) 0 no-repeat; background-size:2rem 1.7rem;}
	.BoxL .hd ul .l2 div{background: url(../images/ico15_1.png) no-repeat; background-size:2rem 1.7rem;}
	.BoxL .hd ul .l3 div{background: url(../images/ico16_1.png) no-repeat; background-size:2rem 1.7rem;}
	.BoxL .hd ul .l4 div{background: url(../images/ico17_1.png) no-repeat; background-size:2rem 1.7rem;}
	.BoxL .hd ul .l1 div{background: url(../images/ico14_1.png) no-repeat; background-size:2rem 1.7rem;}
	.BoxL .hd ul .l2.on div{background: url(../images/ico15_2.png) no-repeat; background-size:2rem 1.7rem;}
	.BoxL .hd ul .l3.on div{background: url(../images/ico16_2.png) no-repeat; background-size:2rem 1.7rem;}
	.BoxL .hd ul .l4.on div{background: url(../images/ico17_2.png) no-repeat; background-size:2rem 1.7rem;}
	}

@media screen and (max-width:380px){
	.jieshao_0801_link li a{ padding-left:12%;}
	.f_menu_right a{ height:3.7rem;}
	}
	
@media screen and (max-width:370px){
	.top_expert_cont .p_txt01{ font-size:.8rem;}
	.top_expert_btn{ bottom:5%;}
	}