﻿/*
	2018年4月官网首页改版
	2018年4月11日 09:51:00
	韩森林
*/
.hslhby_left{overflow:hidden; position:absolute; left:0px; z-index:0}
.hslhby_right{overflow:hidden; position:absolute; right:0px; z-index:0}
.hslhbybox{ width:420px; float:left;}
.hslhbybox a{ display:block; width:105px; height:105px; float:left; background-repeat:no-repeat; background-position:center center; opacity:.1}
.hslhbybox .hslhby1{ background-image:url(../img/hby1.png);}
.hslhbybox .hslhby1:hover{ background-image:url(../img/hby1_hover.png); opacity:1}
.hslhbybox .hslhby2{ background-image:url(../img/hby2.png);}
.hslhbybox .hslhby2:hover{ background-image:url(../img/hby2_hover.png); opacity:1}


/*红包雨*/
.syhb_a a.syhb_btn{ display:block; float:left; width:78px; height:70px; background-image:url(../img/syhb_pic.png); background-position:-7px -2px; background-repeat:no-repeat;}
.syhb_b{ width:200%;}
.syhb_a .syhb_btn_zw,.syhb_b .syhb_btn_zw{ display:block; width:100px; height:70px; float:left;}
.syhb_b a.syhb_btn{ display:block; float:left; width:71px; height:79px; background-image:url(../img/syhb_pic.png); background-position:-92px -2px; background-repeat:no-repeat;}
.syhb_a a.syhb_btn:hover,.syhb_b a.syhb_btn:hover{background-position-y:-93px;}
.hby_list{ position:fixed; display:block; float:left; top:-200px; width:71px; height:79px; background-image:url(../img/syhb_pic.png); background-position:-92px -93px; background-repeat:no-repeat; z-index:999999;}
.hby_content{ display:none; position:fixed; top:0px; left:0px; width:100vw; height:100vh; background-color:rgba(0,0,0,0.5); z-index:99999999;}
.b_hby_con{ width:400px; height:600px; border-radius:10px; background-color:#ba272f; position:absolute; top:10vh; left:40%; overflow:hidden;}
.b_hby_form{ width:360px; height:560px; margin:20px auto; background:url(../img/hby_cbg.jpg) center center repeat-y; background-size:100%; border-radius:6px;}
.hny_logo{ width:270px; margin:0 auto; padding-top:10px;}
.hby_tit{ font-size:20px; line-height:56px; font-weight:bold; text-align:center; color:#333;}
.hby_price{ width:80%; margin:0 auto; background:url(../img/hby_pricbg.png) center center no-repeat; background-size:100%; font-size:36px; line-height:80px; color:#fff; text-align:center;}
.hby_info{ font-size:16px; line-height:24px; color:#000; text-align:center; padding-top:34px;}
.hby_form_l{ width:320px; margin:0 auto; height:32px; border-radius:4px; border:1px solid #eee; line-height:32px; background-color:#fff; margin-top:20px; font-size:0px;}
.hby_ft{ display:inline-block; width:60px; height:32px; line-height:32px; text-align:center; font-size:18px; color:#333; border-right:1px solid #ccc;}
.hby_form_l input{ width:250px; height:28px; line-height:28px; color:#666; border:none; text-indent:1em; font-size:18px;}
.hbyformbtn{ display:block; width:130px; text-align:center; background-color:#ff4e3a; color:#fff; line-height:40px; height:40px; border-radius:6px; font-weight:bold; border:none; margin:0 auto; font-size:18px; margin-top:20px;}
.hby_stack{ width:90%; margin:0 auto; font-size:14px; color:#f00; line-height:18px; padding-top:40px;}
.hby_gai{ width:100%; margin-top:-440px; position:relative;}
.hby_gai img{ width:100%;}
.hby_kai{ display:block; width:150px; height:150px; position:absolute; left:0px; right:0px; margin:0 auto;top:215px;}
.clos_hby{ position:fixed; font-size:24px; border-radius:50%; width:30px; height:30px; border:1px solid #ccc; color:#ccc; text-align:center; line-height:30px; top:6vh; left:60%; cursor:pointer; }

.hbbox{ z-index:9; position:relative}
.hslno{ display:none}
/*公共样式*/
body,a,ul,li,p,form,input,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; text-decoration:none; list-style:none; }
.w100{ width:100%;}.w1200{ width:1200px; margin-left:auto; margin-right:auto;}
body{ font-family:"Microsoft YaHei","微软雅黑",Arial, Helvetica, sans-serif;}
.hslbox1{ width:100%; height:617px; background-image:url(../img/1.jpg); background-repeat:no-repeat; background-position:center top;}
.hslbox2{ width:100%; height:732px; background-image:url(../img/bg1.jpg); background-repeat:no-repeat; background-position:center top;}
.hslbox2_2{ margin-top:235px;}
.hslbox2_2 h2{ font-size:36px; color:#ffff00; text-align:center;}
.hslbox2_2 p{ font-size:20px; color:#fff; text-align:center; margin-top:15px; margin-bottom:20px;}
.hslbox2_3{ width:280px; height:222px; float:left; margin-left:15px; position:relative;}
.hslbox2_3 a{ display:block; width:125px; height:35px; position:absolute; bottom:11px;}
.hslbox2_31{ left:12px;}
.hslbox2_32{ right:10px;}
.hslbox3{ height:80px; line-height:80px; background-color:#fff;}
.hslbox3_1{ line-height:80px; color:#333; font-size:24px;}
.hslbox3_1 a{ display:block; color:#333; margin-left:180px; margin-right:150px; float:left;font-size:24px;}
.hslbox4{ width:100%; height:200px; background-image:url(../img/bg2.jpg); background-repeat:no-repeat; background-position:center top;}
.hslbox4 h2{ font-size:36px; color:#ffff00; text-align:center; padding-top:50px;}
.hslbox4 p{ font-size:20px; color:#fff; text-align:center; margin-top:15px; margin-bottom:30px;}

.hslbox4 .hslbox2_3{ height:226px;}

.hslbox5{ width:100%; height:500px; background-image:url(../img/bg3.jpg); background-repeat:no-repeat; background-position:center top;}
.hslbox5 h2{ font-size:36px; color:#ffff00; text-align:center; padding-top:50px;}
.hslbox5 p{ font-size:20px; color:#fff; text-align:center; margin-top:15px; margin-bottom:30px;}
.hslbox5 .hslbox2_3{height:195px;}
.hslbox5 .hslbox5_2{ font-size:24px; font-weight:bold;}
.hslbox5 .hslbox5_2 span{ color:#ffff00;}

.hslbox6{ width:100%; height:555px; background-image:url(../img/bg4.jpg); background-repeat:no-repeat; background-position:center top;}
.hslbox6 h2{ font-size:36px; color:#ffff00; text-align:center; padding-top:50px;}
.hslbox6 p{ font-size:20px; color:#fff; text-align:center; margin-top:15px; margin-bottom:30px;}
.hslbox6 .hslbox2_3{ width:375px; height:340px; float:left; margin-left:15px; position:relative;}
.hslbox6 .hslbox2_3 a{ display:block; width:163px; height:38px; position:absolute; bottom:11px;}
.hslbox6 .hslbox2_31{ left:18px;}
.hslbox6 .hslbox2_32{ right:18px;}

.hslbox7{ width:100%; height:390px; background-image:url(../img/bg5.jpg); background-repeat:no-repeat; background-position:center top;}
.hslbox7 h2{ font-size:36px; color:#ffff00; text-align:center; padding-top:50px;}
.hslbox7 p{ font-size:20px; color:#fff; text-align:center; margin-top:15px; margin-bottom:30px;}
.hslbox7_2{ width:595px; height:85px; background-color:#fff; text-align:center; line-height:85px; color:#333; font-size:24px; float:left; margin-left:5px; margin-bottom:5px;}
.hslbox7_2 span{ font-weight:bold; color:#ff0000;}
.hslbox8{ width:100%; height:390px; background-image:url(../img/bg6.jpg); background-repeat:no-repeat; background-position:center top;}
.hslbox8_1{ padding-top:100px;}










