@charset "utf-8";
/* CSS Document */

body{overflow-x: hidden;}
*{ margin:0; padding:0px; outline:none; list-style:none; font-family: "Microsoft YaHei"; font-size: 16px; }
a{ text-decoration:none}
img{ border:none}
.mt2{ margin-top:2%}
.mt5{ margin-top:5%}
.main{ width:100%; float:left; background:#ffffff; padding:1% 0 3% 0}
#top{ width:100%; float:left; background:#05b7ea url(../images/logo.png) 3% 0 no-repeat; background-size:60%;}
#top img{ width:35%; float:right; padding:3% 0 3% 0}
.dota_main{ width:100%; float:left; margin:1% 0 0 0; border-bottom:#f4f3f1 solid 10px; padding:0 0 3% 0}
.dota{ width:44.5%; float:left; color:#fb5820; font-size:0.875rem; margin:0 0 0 5%}
.dota:first-child{ border-right:#e9eaea solid 1px;}
.dota span{ color:#fb5820; font-size:1.25rem; font-family:Arial, Helvetica, sans-serif}
.dota img{ width:22%; float:left; margin:5% 8% 0 0}

.dota p{ color:#777979; font-size:1rem}
.index_title{ width:96%; margin:0 2%;color:#717475; background:url(../images/title_bg.png) center 50% no-repeat;  background-size:100%; text-align:center; font-size:1.125rem}

.pro ul{ margin:3% 0 0 0; padding:0; width:100%; float:left;text-align:center;}
.pro ul li{ border:#d6e1e5 solid 2px; width:42%; float:left; margin:0 0 2% 2%; padding:5% 2%; color:#5e696d;border-radius:5px; font-size:1.2rem; position:relative}
.pro ul h4{ font-size:1.65rem; letter-spacing:1px;  font-weight:normal; line-height:1.5}
.pro li p{ text-align:left; color:#9fa2a3; font-size:14px; margin:8% 0; padding:0 5%}
.pro li img{ position:absolute; top:0; right:0; width:30%}
.pro font{ font-size:18px}
.pro div{width:80%; float:left; text-align:center; color:#ffffff; font-size:18px; border:none; margin:5% 10%;border-radius:4px; padding:3% 0}
.pro div a{ color:#fff}
.pro_btn3{ background:#fab125; box-shadow: 0px 5px 0px #da9b38;}
.pro_btn4{ background:#02baf2; box-shadow: 0px 5px 0px #009dcd;}
.pro_btn1{ background:#1ab938; box-shadow: 0px 5px 0px #257908;}
.pro_btn2{ background:#f26b41; box-shadow: 0px 5px 0px #c44721;}
.pone_call{ width:96%; float:left; margin:4% 2%;border-radius:4px; font-size:24px; color:#ffffff; padding:10px 0 0 0}
.pone_call img{ width:80%; text-align:center; margin:0 0 0 10%}
.pone_call1{ background:#02baf2;box-shadow: 0px 8px 0px #009dcd;}
.pone_call2{ background:#e48913;box-shadow: 0px 8px 0px #c2630f;}
.youshi{}
.youshi li{ border-right:#e6e4e4 solid 1px;border-bottom:#e6e4e4 solid 1px; width:49.6%; float:left; padding:3% 0; color:#5c5b5b; }
.youshi li span{ color:#f4b63f;font-size:20px}
.youshi li p{ color:#9d9d9d;font-size:0.875rem}
.youshi li i{ width:28%; float:left;margin:0 3% 0 5%;}
.youshi li i img{ width:100%; vertical-align:middle;}
.youshi ul { margin:3% 0 0 0; border-top:#e6e4e4 solid 1px}
.youshi ul div{ width:64%; float:left; margin-top:2%;font-size:20px}
.youshi_bg1{}
@media only screen and (max-width: 400px) {
.youshi li{ border-right:#e6e4e4 solid 1px;border-bottom:#e6e4e4 solid 1px; width:99%; float:left; padding:3% 0; color:#5c5b5b; }
.youshi li i{ width:28%; float:left;margin:0 3% 0 3%;}
.youshi li i img{ width:60%; vertical-align:middle;}
}
.promise{ width:100%; position: relative; background:#05b7ea; padding:5% 0 0 0}
.promise img{ width: 100%}
.promise ul{ position: absolute; bottom: 15%; width: 100%}
.promise li{ width: 50%; float: left;}
.promise input{ border: #ffffff solid 1px; border-radius:3px; color: #ffffff; width:50%;  background: none; padding: 0.5% 0; font-size: 0.875rem; margin: 0 25%}

#liucheng{ width:100%; float:left; color:#999a9d; background:#fff; margin:5% 0 0 0;}

#liucheng_line{
	-webkit-animation-name:liucheng_line; /*动画名称*/
-webkit-animation-duration: 2s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/ margin-bottom:20%;
 width:1% ;height:49%;  left:17%
}
@-webkit-keyframes liucheng_line {
 0%   {left:-50%;}
    100% { left:17%}
}
#liucheng_line img{ width:100%}

.rongyu{overflow:hidden; margin:2% 0 0 0}
.rongyu_con{ width:70%; float:left; margin:1% 0 0 0}
.rongyu_con img{ width:100%; margin:3% 0 0 4%}
.rongyu_img{ width:6%; float:left}
.rongyu_img img{ width:80%}
#ry_ani1,#ry_ani2,#ry_ani3,#ry_ani4{position:relative; right:-100%;-webkit-animation-fill-mode : forwards;-webkit-animation-iteration-count: 1;  margin-top:7%}

#ry_ani1{-webkit-animation-name: ry_ani1;
-webkit-animation-duration: 2s;
-webkit-animation-delay: 0.5s;
}

@-webkit-keyframes ry_ani1 {
 0%   {right:-100%; opacity: 0}
    100% { right:0; opacity: 1}
}
#ry_ani2{-webkit-animation-name: ry_ani2; /*动画名称*/
-webkit-animation-duration: 2s; /*动画持续时间*/
-webkit-animation-delay: 1s; /*延迟时间*/
/*动画在播放之前或之后，其动画效果是否可见*/}

@-webkit-keyframes ry_ani2 {
 0%   {right:-100%; opacity: 0}
    100% { right:0; opacity: 1}
}
#ry_ani3{-webkit-animation-name: ry_ani3; /*动画名称*/
-webkit-animation-duration: 2s; /*动画持续时间*/
-webkit-animation-delay: 1.5s; /*延迟时间*/
/*动画在播放之前或之后，其动画效果是否可见*/}



@-webkit-keyframes ry_ani3 {
 0%   {right:-100%; opacity: 0}
    100% { right:0; opacity: 1}
}
#ry_ani4{-webkit-animation-name: ry_ani4; /*动画名称*/
-webkit-animation-duration: 2s; /*动画持续时间*/
-webkit-animation-delay: 2s; /*延迟时间*/
/*动画在播放之前或之后，其动画效果是否可见*/}

@-webkit-keyframes ry_ani4 {
 0%   {right:-100%; opacity: 0}
    100% { right:0; opacity: 1}
}
.year{ width:13%; float:left; margin:8% 0 0 5%}
.year span{ width:100%;margin:3% 0 3% 4%; color:#934808; font-family:Arial, Helvetica, sans-serif; font-size:1.25rem; position:relative; left:-500%; line-height:4.5 }
#year_ani1,#year_ani2,#year_ani3,#year_ani4{ width:100%; float:left;margin:3% 0 0 0; }

#year_ani1
{-webkit-animation-name: year_ani1; /*动画名称*/
-webkit-animation-duration: 2s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
-webkit-animation-fill-mode : forwards/*动画在播放之前或之后，其动画效果是否可见*/ }

@-webkit-keyframes year_ani1 {
 0%   {left:-100%; opacity: 0}
    100% { left:0; opacity: 1}
}

#year_ani2
{-webkit-animation-name: year_ani2; /*动画名称*/
-webkit-animation-duration: 1s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 1.5s; /*延迟时间*/
-webkit-animation-fill-mode : forwards/*动画在播放之前或之后，其动画效果是否可见*/ }

@-webkit-keyframes year_ani2 {
 0%   {left:-100%; opacity: 0}
    100% { left:0; opacity: 1}
}
#year_ani3
{-webkit-animation-name: year_ani3; /*动画名称*/
-webkit-animation-duration: 2s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 2.5s; /*延迟时间*/
-webkit-animation-fill-mode : forwards/*动画在播放之前或之后，其动画效果是否可见*/ }

@-webkit-keyframes year_ani3 {
 0%   {left:-100%; opacity: 0}
    100% { left:0; opacity: 1}
}
#year_ani4
{-webkit-animation-name: year_ani4; /*动画名称*/
-webkit-animation-duration: 2s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 3.5s; /*延迟时间*/
-webkit-animation-fill-mode : forwards/*动画在播放之前或之后，其动画效果是否可见*/ }

@-webkit-keyframes year_ani4 {
 0%   {left:-100%; opacity: 0}
    100% { left:0; opacity: 1}
}

#liucheng ul{ width:90%; margin:5% 0 0 10%;line-height:1.5; float:left}
#liucheng li{ margin:0 0 8%; position:relative}

#liucheng img{ width:15%; float:left; margin:2% 5% 0 0;}
#liucheng p{ color:#222223; font-size:1.2rem; }
@-webkit-keyframes anima1 {
 0%   {left:-50%;}
    100% { left:0}
}

#anima1
{-webkit-animation-name: anima1; /*动画名称*/
-webkit-animation-duration: 2s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}

@-webkit-keyframes anima2 {
 0%   {left:-100%;}
    100% { left:0}
}

#anima2
{-webkit-animation-name: anima2; /*动画名称*/
-webkit-animation-duration: 2.5s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}

@-webkit-keyframes anima3 {
 0%   {left:-150%;}
    100% { left:0}
}

#anima3
{-webkit-animation-name: anima3; /*动画名称*/
-webkit-animation-duration: 3s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}

@-webkit-keyframes anima4 {
 0%   {left:-200%;}
    100% { left:0}
}

#anima4
{-webkit-animation-name: anima4; /*动画名称*/
-webkit-animation-duration: 3.5s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}

.Mask,.Mask1{ width: 100%; background-color:rgba(0,0,0,0.7);  display: none; position: fixed; height:100%; z-index:999 }
.eject{ width: 80%; background: #ffffff; border-radius: 5px; font-size: 0.875rem; line-height: 1.5; color: #585858; padding: 5% 6%; position: absolute;
	max-width: 600px; left: 0; right: 0; margin:5% auto; height:90%;display:inline-block; vertical-align: middle; }
.eject_main{overflow-y:scroll; width: 100%; height:90%; font-size: 0.875rem}
.eject h4{ line-height: 3}
.eject h2{ text-align: center; border-bottom:#d5d5d5 solid 1px; font-size: 1.2rem; line-height: 2; position: relative;   }
.eject center{ line-height: 3; font-size: 0.875rem; margin: 2% 0 0 0}

.eject p{ font-size: 0.875rem;}
.eject h2 span{ font-size: 2rem; font-weight: bold;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	width:5%;
	height:5%; float: right; position: absolute; right: 0; margin-top: -2.1% }
.eject p{ margin: 0 0 5% 0}
.eject button{ width: 15%; float: right; background:#cccccc; border: none; margin: 5% 0 0 0; font-size: 0.875rem; padding: 1% 0 }
#ej1{}
.eject h5{ font-weight: normal; font-size: 1rem; line-height: 3}

.Apply{ background: #f7f7f7; padding: 6% 0; width:100%; float:left}
.Apply ul{ width: 88%; float: left; margin: 0 6%}
.Apply ul li{  float: left; margin: 1.5% 0;font-size:0.9rem; width:100%; border:#cdcdcd solid 1px; border-radius: 3px;  background: #ffffff;
	-moz-box-shadow:inset 0px 0px 0px #eceaea; float:left;
	-webkit-box-shadow: inset 0px 1px 0px #eceaea;
	box-shadow: inset 0px 1px 0px #eceaea;position:relative; color: #a9a9a9; 
 }
.Apply{ background: #f7f7f7; padding: 6% 0; width:100%; float:left}
.Apply ul{ width: 88%; float: left; margin: 0 6%}
.Apply ul li{  float: left; margin: 1.5% 0;font-size:0.9rem;  border:#cdcdcd solid 1px; border-radius: 3px;  background: #ffffff;
	-moz-box-shadow:inset 0px 0px 0px #eceaea; float:left;
	-webkit-box-shadow: inset 0px 1px 0px #eceaea;
	box-shadow: inset 0px 1px 0px #eceaea;position:relative; color: #a9a9a9;  width:100%
 }

.Apply font{ font-size:12px; position:absolute; right:2%; top:28%}

.Apply_icon,.Apply ul li span{ width:12%; padding: 1% 0;text-align: center }
.Apply_icon{float: left; border-right:#cdcdcd  solid 1px ; line-height: 1.2}
.Apply ul li span{ float: right; font-size: 0.8rem; line-height: 2.8; }
.Apply ul li img{ width:70%; text-align: center; }


.Apply ul li:last-child{ border: none; background: none; clear: both;	-moz-box-shadow:inset 0px 0px 0px #eceaea;
	-webkit-box-shadow: inset 0px 0px 0px #eceaea;
	box-shadow: inset 0px 0px 0px #eceaea; }
.Apply ul label{font-size:0.9rem; margin: 0 0 0 2%; color: #737373}
.Apply p{color:#313233; font-size: 1.3rem; font-weight: bold; line-height: 2; text-align: center }
.Apply input[type=text],.Apply select{  font-size:0.95rem ;
border-radius: 0; text-indent: 0.5em; float: left; background: #ffffff; color: #a9a9a9;
	-webkit-appearance:none;border-top:0;border-bottom:0; border-left:0; border-right: 0;padding-top: 2.8% ; padding-bottom: 1.5%; margin: 1px 0 0 0; line-height:1.3; widows:100%}
	.Apply_short{ width:50%}
	.Apply_100{ width:100%}
	.error{  position:absolute; left:9%; z-index:999; display:none;text-align:center; font-size:0.75rem; color:red; width:130px; top:-70%; background:url(../images/zt_bbt.png) no-repeat; line-height:38px  }
input.errorC { border: 1px solid red;
	-webkit-transition:all 0.9s;
	-o-transition:all 0.9s;
	-moz-transition:all 0.9s; }

input.checkedN { border: 1px solid #1ece6d; }
.sendCode{background: #ed9833; color:#FFF; border:none; text-align:center; padding:0 5%; float:right; line-height:2.5; border-left:#cdcdcd solid 1px;-webkit-appearance:none; border:0;border-top:0px;border-right:0px;border-bottom:1px ;border-radius: 0px;}
.disabled{ background:#939292}
.sendtext{ width:52%}
.Apply select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	/*很关键：将默认的select选择框样式清除*/
	appearance:none; color: #a9a9a9;
	-moz-appearance:none;
	-webkit-appearance:none; width: 75%; background: #ffffff;line-height: 1.3
	/*在选择框的最右侧中间显示小箭头图片*/

	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.Apply input[type=submit]{ border: none; color: #ffffff; width: 60%; padding: 2% 0;font-size: 1.25rem; margin: 2% 0 0 20% ;-webkit-appearance:none; border:0;border-left:0px;border-top:0px;border-right:0px;border-bottom:1px; font-weight:bold}

#footer{ width:90%; font-size:2.5vh; padding:0% 5% 15% 5%; float:left; margin:2% 0 0 0 ; color:#7e7c7c}
#footer p{ padding:0.5% 2%; margin:0.5% 0}
#footer p:last-child{ font-size:0.875rem}


.flexslider{position:relative;overflow:hidden; z-index:2; width:100%;  left:0}
#banner{ margin:0 auto; width:100%; float:left}
#banner img{ width:100%;}
#nav { background:#009dcd;position:fixed; bottom:-1px; width:100%; left:0px; z-index:9999;}
#nav a{ color:#f8f8f8; font-size:16px; font-weight:500}
#nav li img{ margin:0x 5px 0 0; text-align:center; width:25%; vertical-align:middle;}
#nav li{ float:left; width:33%; text-align:center; line-height:60px; margin:-5px 0 0 0}
.wh{ width:100%}

.nav_li1{ background:url(../images/footer_line.png) right no-repeat}

/*****************************焦点图*****************************/
.pro_details1,.pro_details2,.pro_details3,.pro_details4{width: 100%; background-color:rgba(0,0,0,0.7);  position: fixed; height:100%; z-index:999; display:none}
.pro_details_main{ width: 80%; background: #ffffff; font-size: 0.875rem; line-height: 1.5; color: #585858; padding: 5% 4%; position: absolute;
	max-width: 600px; left: 0; right: 0; margin:5% auto; height:85%;display:inline-block; vertical-align: middle; overflow-y:scroll;}
.aaa{ width:100%; position:fixed}

.pro_details1 span,.pro_details2 span,.pro_details3 span,.pro_details4 span{font-size: 2rem; font-weight: bold;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	width:5%;
	height:5%; float: right; position: absolute; right: 3%; margin-top: -2.1% }
.pro_details1 h2,.pro_details2 h2,.pro_details3 h2,.pro_details4 h2{ font-size:1.125rem; border-bottom:#ccc dashed 1px; line-height:2; margin:5% 0 0 0}	
.pro_details1 p,.pro_details2 p,.pro_details3 p,.pro_details4 p{ margin:5% 0 0 0; font-size:0.9rem}
.pro_details1 table,.pro_details2 table,.pro_details3 table,.pro_details4 table{ margin:5% 0 0 0 ; width:100%}
.pro_details1 td,.pro_details2 td,.pro_details3 td,.pro_details4 td{ position:relative}
.pro_details1 table input[type=text],.pro_details2 table input[type=text],.pro_details3 table input[type=text],.pro_details4 table input[type=text]{ width:100%; float:left; border:#999 solid 1px; line-height:2; margin:2% 0;border-radius: 3px; text-indent:1em; padding:1% 0 ; color:#757575 }
.pro_details1 table input[type=submit],.pro_details2 table input[type=submit],.pro_details3 table input[type=submit],.pro_details4 table input[type=submit]{ width:100%; float:left; line-height:2; margin:2% 0; background:#fab125; border:none;border-radius: 3px;padding:1% 0; color:#fff; font-size:18px;}
.error4{  position:absolute; right:3%; z-index:999; display:none;
	 text-align:center; font-size:0.875rem; color:red; top:29% }
	 
.code_style{background:#d9e0e0; color:#e69f07; width:15%; float:right;  padding:2% 0 2% 2%; letter-spacing:1PX; font-size:16px; line-height:1.8;}
.huan_fz{ font-size:12px;background:#d9e0e0; color:#fa0808; width:15%; float:right; padding:2% 0 2% 0; text-decoration:underline; line-height:2.34; text-align:center}

input.errorC { border: 1px solid red;
	-webkit-transition:all 0.9s;
	-o-transition:all 0.9s;
	-moz-transition:all 0.9s; }

input.checkedN { border: 1px solid #1ece6d; }
.sendCode{background: #ed9833; color:#FFF; border:none; text-align:center; padding:0 5%; float:right; line-height:2.5; border-left:#cdcdcd solid 1px;-webkit-appearance:none; border:0;border-top:0px;border-right:0px;border-bottom:1px ;border-radius: 0px;}
.disabled{ background:#939292}
.sendtext{ width:52%}


#june_top{background:#d4e2fb url(../img/june_logo.png) 4% 38% no-repeat; background-size:45%; padding:1% 0 0 0}
#june_top img{ width:40%; float:right; padding:2% 0 3% 0}
#tips{  padding:2% 0 1.5% 0; width:100%; float:left; margin:-1.5% 0 0 0; color:#666662; text-indent:2em; background:#d4e2fb url(../images/tip.png) no-repeat 1% 61%; font-size:0.875rem; background-size:6% }

#june_2{ width:100%; float:left; padding:0 0 3% 0}
#june_2 ul{ margin-top:5%}
#june_2 li{ width:24.7%; float:left; font-size:1rem; color:#8e8b8b; text-align:center; border-right:#e2dede dotted 1px}
#june_2 li:last-child{ border-right:none}
#june_2 i{ width:100%; float:left;}
#june_2 i img{ width:40%;}
#june_2_i1{ background-position:0 -1%}
#june_main{ background:#f9f9f9; width:95%; float:left; border-top:#f0ecec solid 1px; padding:0 2.5% 5% 2.5%}
.june_main_tit{ width:100%; float:left; color:#8e8b8b; font-size:2.3vh; padding:3% 0; margin:4% 0 0 0}
.june_main_tit b{ border-left:#2ea2fa solid 5px; margin:0 1% 0 2%; padding:0 0 0 1.5%; font-size:2.5vh}
@media only screen and (max-width: 345px) {
	#june_2 li{ font-size:0.875rem;}
	}
.june_main_1{ border:#2ea2fa solid 0.2vw; border-radius:8px; width:100%; float:left; background-color:#fff;padding:2.5% 0 2.5% 0; position:relative; margin:2% 0 1% 0}
.june_main_1_left{ width:75%; float:left}
.june_main_1_left ul{ width:100%; float:left; color:#7e7f7f; text-align:center; margin-top:3% }
.june_main_1_left ul span{ font-size:2.5vh}
.june_main_1 span{ font-size:2.3vh}
.june_main_1 font,.june_main_1 p{ margin:0 0 0 3.5%}
.june_main_1_left li{ width:33%; float:left; border-right:#cbcbcb dotted 1px; font-size:1.8vh}
.june_main_1_left li:last-child{border-right:none}
.june_main_1_right{ width:20%; float:left}
.june_main_1_right button{ border:#fb9527 solid 1px; border-radius:3px; color:#fb9527; background:#fff; padding: 5% 13%; vertical-align: middle; margin: 35% 0 0 2%; font-size: 2.2vh}
#june_main p{ color:#8e8b8b; font-size:1.75vh}
{ color:#191a1a; }
.june_bor1,.june_bor2{ background-repeat:no-repeat; background-position:right bottom;background-size: 20%}
.june_bor1{ background-image:url(../images/th_bg_01.png); }
.june_bor2{ background-image:url(../images/th_bg_02.png); }
.june_bor1 img{ position:absolute; top:0; right:0; width:12%}
#june_main font{ font-size:2.5vh; color:#4f4d4d}
#june_main span{ color:#fb9527}
.june_main_2{ width:100%; float:left}
.june_main_2 li{ width:100%; float:left; background:#fff; border:#fb9527 solid 1px; border-radius:8px; margin:3% 0 0 0; position:relative}
.june_main_2 li img{ width:18%; margin:0 3% 0 0; float:left}
.june_main_2 li div{ width:62%; float:left; padding:2% 0 2% 2%; font-size:2.5vh; color:#4f4d4d}
.june_main_2 li font{ width:18%; float:left; color:#8e8b8b; font-size:1.875vh; border-left:#cbcbcb dotted 1px; vertical-align:middle; line-height:2; margin:3% 0 0 0; padding:0 0 0 2%;}
.june_main_2 li font span{ font-size:2.1vh}
.june_main_2_img{ width:40%; margin:0 3% 0 0; position:absolute;}
.june_main_2_img img{ border-radius:8px 0 0 0}
.june_main_2 li button{ background:#e48913; border:none; color:#fff; border-radius:0 3px 3px 0; height:100%; padding:2.7% 0; width:15%; float:right; font-size:2.2vh; line-height:1.3}
.june_main_2 li button a{ color:#fff}
.wh_gl{ width:100%; float:left}

#scrollDiv1{width: 98%;
	height: 20px;
	overflow: hidden;
	float:left; padding-left:2%
	
	}
#scrollDiv1 ul {
	margin: 0;
	padding: 0
}
#scrollDiv1 li { width:100%;
	line-height:20px;
	 font-size:2vh
}
.june_pone_call{border-radius:4px; color:#ffffff; padding:0 0 0 0; text-align:center;margin:5% 0 5% 0}
.june_pone_call1{ font-size:2vh; line-height:2;}
.june_pone_call2{ font-size:2.8vh; line-height:2; font-weight:bold}
.june_pone_call2 a{ color:#fff}
.june_pone_call b{ color:#fff; font-size:3vh;}
#june_nav { background:#3a3e3f;position:fixed; bottom:-1px; width:100%; left:0px; z-index:9999;}
#june_nav a{ color:#f8f8f8; font-size:16px; font-weight:500}
#june_nav li img{ margin:0x 2% 0 0; text-align:center; width:20%; vertical-align:middle;}
#june_nav li{ float:left; width:33%; text-align:center; line-height:8vh; }
.june_nav_li1{ background:url(../images/june_footer_line.png) right repeat-y}
/************************6月站新增************************/
#youce_fl{ width:50px; position:fixed; right:2%;bottom:10%; height:130px}
#youce_fl ul{ width:50px; float:left}
#youce_fl ul li{  width:50px; height:50px; margin:0 0 10% 0; position:relative; background-color:rgba(5,183,234,0.9); border-radius:25px}

#youce_fl ul li img{ width:60%; margin:auto; position:absolute; left:0; right:0; vertical-align:middle; padding:15% 0 0 0}
#youce_fl_weixin{display:none; position:absolute; top:-20px; right:50px}
#youce_fl_weixin img{ width:124px; height:114px; clear:both}
/*****************************右侧浮动*****************************/