@charset "utf-8";
input {-webkit-appearance:none;} 
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	text-decoration:none !important;
}
@font-face {
  font-family: 'hsl';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#hsl') format('svg');
}
.hsl{
  font-family:"hsl" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.left{ float:left;}.right{ float:right;}
.hslgd1 img, .hslgd2 img, .fengmian img,.imgbox3 img,.imgbox2 img,.imgbox4 img {
    border: 0 none;
    width:100%;
}
.hslgd1 img, .hslgd2 img{
    width: 640px;
    height: 220px;
    border: 2px solid #555;
    border-radius: 4px
}
 html{-webkit-text-size-adjust:none;  }
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
 * {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important;} em,i{ font-style:normal;}
html {
	font-size:62.5%
}
@media only screen and (min-width:321px) { /*iphone5*/
html {
font-size:62.5%!important
}
}
@media only screen and (min-width:361px) {
html {
font-size:70.31%!important
}
}
@media only screen and (min-width:376px) {
html {
font-size:73.24%!important
}
}
@media only screen and (min-width:481px) {
html {
font-size:84%!important
}
}
@media only screen and (min-width:561px) {
html {
font-size:90%!important
}
}
@media only screen and (min-width:641px) {
html {
font-size:100%!important
}
}


body {
    
    font-family: "Microsoft YaHei",sans-serif;
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    color: #333333;
}
.hometopmenu{display:none !important;}
.hslbox1 img{ max-width:100%}
.hslbox2{ padding-top:3rem; padding-bottom:1.25rem;font-size:1.25rem; background-color:#ffa96a;}
.hslbox2 b{ display:block; width:100%; color:#000; font-weight:normal; height:3rem;}
.hslbox2 h2{ font-weight:normal; font-size:1.4rem; color:#000; padding-top:0.5rem;}
.hslbox2 .hslyw{ font-size:1rem; color:#000; font-weight:normal}
.hslbox2 .hslline{ background-color:#000; height:2px; width:40%; margin:1.5rem auto; display:block;}
.hslbox2 .hslboximg0 b{ margin-top:1rem;}
.hslbox2 .hslbtn{ margin:2rem auto;}
.hslbox2 b img{ width:2.2rem; height:auto}
.hslbox2_item .hslbox1_1{ width:50%; height: 350px;
    float:left; text-align:center;}
.hslbox2_item{ padding:10px;}
.hslbox2_item .hslbox1_1 a{ display:block; margin:5px;}
.hslbox2_item .hslbox1_1 img{ max-width:100%;}


.hslbox2 p{ margin-bottom:2rem; line-height:2rem; text-indent:2.5rem; padding:2rem 1rem 0 1rem}
.hslbox2 span{ color:#e11616; font-weight:bold}
.video{height:20rem; width:100%; margin-top:2rem; background-color:#000;background-image:url(../images/6.jpg); background-size:cover; }
.video video{height:20.1rem;background-image:url(../images/6.jpg); background-size:cover;}
.container .tabs{ height:5rem; background-color:#000; line-height:5rem;}
.container .tabs li{ float:left; width:50%; text-align:center; color:#fff; font-size:1.5rem;}
.container .tabs li a{ color:#fff;}
ul.tabs li.active{
	opacity:.6	
}

.hsllbbox li{ height:4.0625rem; line-height:4.0625rem; border-bottom:1px solid #e5e5e5; color:#3d3421; font-size:1.2rem}
.tab_content .hsllbbox li span{display:inline; height:auto; line-height:inherit; background-color:transparent; color:#3d3421; text-align:left; padding-left:10px; font-weight:lighter; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.tab_content .hsllbbox li a{ float:right; color:#555; font-size:1.2rem;}
.tab_content .hsllbbox .first{ height:30px;}
.tab_content .hsllbbox{ width:94%; margin-left:auto; margin-right:auto}

.msbox .hslbox_item p{ padding:1rem;}
.msbox .hslbox_item p b{ font-size:1.5rem; display:block; padding:0.5rem 0;}
.msbox .hslbox_item{ margin-bottom:1rem; overflow-y:scroll; height:20rem;}

/* .hslbox3{ padding:1.25rem 0 0 0;} */
.hslbox3 p{ padding:1.25rem;font-size:1.25rem;line-height:2rem; padding-bottom:2rem;}
.hslbox3 p span{ color:#e60012;}
h1{font-size:2.5rem; text-align:center; color:#000; padding-bottom:0.5rem; font-weight:normal; margin:2rem auto;}
h1 b{  width:100%; display:block; font-size:1rem; font-weight:normal;}
.hslbox3 .hslbtn{ margin-top:20px; margin-bottom:10px;}
.hslbox3 img,.hslbox4 img,.hslbox5 img{ max-width:100%;}

/*.hslbox3 .hslimgbox_r b{ display:inline-block; height:2.4rem; background-color:#4d1f0e; margin-left:1rem}
.hslbox3 .hslimgbox_r b i{ display:block; width:8px; height:2.4rem; background-size:cover}
.hslbox3 .hslimgbox_r b .bgl{background-image:url(../images/bgl.jpg); float:left}
.hslbox3 .hslimgbox_r b .bgr{background-image:url(../images/bgr.jpg); float:right}
.hslbox3 .hslimgbox_r b span{ padding:0 1rem; display:block; float:left; line-height:2.4rem; height:2.4rem; color:#fff; font-weight:normal; font-size:1.5rem}
*/
.hslbox3 .hslimgbox_r b span{ padding:0 2rem; display:block; float:left; line-height:3rem; height:3rem; color:#fff; font-weight:normal; font-size:1.5rem;transform: skew(20deg);}

.hslbox3 .hslimgbox_r b {
  display: inline-block;
  background-color:#4d1f0e;
  color: #FFF;
  transform: skew(-20deg);
  margin-left:1REM;
}
.hslbox3 h1{
    font-size: 32px;
    color: #ffa96a;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #666;
    height: 80px;
    text-align: center;
    padding-top: 10px;
    border-radius: 8px;
    /* line-height: 80px; */
}
.hslbox3 .hslimgbox_r p{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffa96a;
    opacity: 0.7;
    border-radius: 14px
}



.hslitem2 .item2{ width:50%; float:left; }
.hslitem_bg{background-color:#ffa96a;}
.hslitem2 .item2 img{width: 207px;height: 145px}
.hslitem2 .item2 a{ display:block;}
.hslitem2 .item2 b{ display:block; color:#000; font-weight:normal; font-size:1.4rem; padding-left:1rem; padding-top:2rem}
.hslitem2 .item2 p{ padding:1rem; color:#000; font-size:1.1rem; line-height:1.8rem}

.hslbox3 a{ text-decoration:none}
.hslbox4{ padding:0; background-color:#fff;}
.hslbox4 p{ font-size:1.25rem; color:#333; text-align:center; padding-top:1rem; padding-left:0; padding-right:0px; padding-bottom:0rem;}
.hslbox4 p input{display: inline-block;height: 40px;width: 350px;font-size: 20px;}
.hslbox4 p .sub{height: 50px;border-radius: 6px;background-color: #ffa96a; font-size: 22px}
.hslgd3 ul li p{ text-indent:0px;}

.hslbox4 .hslbtn{ margin-top:2rem;}

.hslgd1{ position:relative; margin-top:2rem; margin-bottom:2rem;}
.hslgd2{ position:relative; margin-top:2rem; margin-bottom:1.5rem;}
.hslgd3{position:relative;}
.hslgd3 p{ padding-top:0px; font-size:1.4rem; text-indent:2.8rem}

.hslgd1 img{ width:100%}
.hslgd1 li a{ position:relative; display:block}
.hslgd1 li p{ position:absolute; width:100%; height:3rem; line-height:3rem; text-align:center; background-color:rgba(243,187,1,.75); bottom:0px; left:0px; padding:0px; color:#000}
.hslgd1 .flex-control-nav{ bottom:-1.5rem;}

.hslgd2 img{ width:100%}
.hslgd2 li a{ position:relative; display:block}
.hslgd2 li p{ position:absolute; width:100%; height:3rem; line-height:3rem; text-align:center; background-color:rgba(243,187,1,.75); bottom:0px; left:0px; padding:0px; color:#000}
.hslgd2 .flex-control-nav{ bottom:-1.5rem;}
.hslgd3 .flex-control-nav{ bottom:-1.5rem;}

.hslgd3 li a{ background-color:#FFFFFF; display:block; padding:0px; height:auto;}
.hslgd3 li a img{ float:left; width:35%; height:auto;}
.hslgd3 li a p{ width:65%; float:right; padding:1rem; color:#6A3C0A; line-height:1.8rem; font-size:1rem}
.hslgd3 li a span{ display:block}


.hslbtn{ width:18rem; height:4rem; line-height:4rem; margin-left:auto; margin-right:auto; display:block; background-color:#e11616; color:#fff; text-align:center; border-radius:0.825rem; font-size:1.5rem; font-weight:normal}

.hslbox5{width:100%; padding-top:2rem; padding-bottom:3.125rem;}
.hslbox5 .hslbtn{ margin-top:2rem;}
.hslbox6 .hslbox3_1{ padding:1rem 0 0 0;}
.hslbox6 .hslbox3_1 .item4{ width:50%; float:left; height:14rem; overflow:hidden; margin-bottom:0.625rem; } 
.hslbox6 .hslbox3_1 .nom{ margin-right:0px;}
.hslbox6 .hslbox3_1 img{ max-width:100%; position:absolute; z-index:1; left:0px; top:0px;}
.hslbox6 .hslbox3_1 .item_c{ width:100%; height:100%; background-color:rgba(54,25,25,.85); text-align:center; position:relative; z-index:2; padding-top:5%; left:auto; top:auto;}
.hslbox6 .hslbox3_1 .item_c b{ display:block; width:6.0625rem; height:2.5rem; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; color:#fff; font-size:1.25rem; font-weight:normal; margin-left:auto; margin-right:auto; margin-top:0;}
.hslbox6 .hslbox3_1 .item_c p{ font-size:1.2rem; color:#fff; padding:0.2rem; line-height:normal;}
.hslbox6 .hslbox3_1 h4{ color:#ffa96a; font-size:1.5rem; font-weight:normal; padding-top:0.5rem;}

.hslbox6 .hslbox3_1 .item_c .i1{background-image:url(../images/i1.png);}
.hslbox6 .hslbox3_1 .item_c .i2{background-image:url(../images/i2.png);}
.hslbox6 .hslbox3_1 .item_c .i3{background-image:url(../images/i3.png);}
.hslbox6 .hslbox3_1 .item_c .i4{background-image:url(../images/i4.png);}
.hslbox6 .hslbox3_1 .item_c .i5{background-image:url(../images/i5.png);}
.hslbox6 .hslbox3_1 .item_c .i6{background-image:url(../images/i6.png);}
.hslbox6 .padding0{  position:relative; height:100%; margin:0.625rem}

.hslbox5 p{ font-size:1.25rem; color:#333; text-align:left; text-indent:2.5rem; padding:1rem 0.625rem;}

.hslbox4_1{ background-color:#ffa96a; overflow:hidden}
.hslbox4_1 .hslbox4_2{ width:50%; float:right}
.hslbox4_1 .hslbox4_2_img{ width:50%; float:left}
.hslbox4_img .hslbox4_2_img{ float:right}
.hslbox4_img .hslbox4_2{ float:left}

.hslbox4_1 .hslbox4_2 b{ font-size:1.6rem; display:block; text-align:center; font-weight:normal; padding-top:2rem}
.hslbox4_2 .hslyw{ display:block; font-size:1rem; text-align:center}
.hslbox4_2 .hslline{ display:block; height:2px; width:40%; background-color:#000; margin:1rem auto;}
.hslbox4_2 p{ padding:1rem; text-indent:0px; text-align:center}

.hslbox05{ padding:2rem 0;background-image:url(../images/bg3.jpg); background-position:center top; background-repeat:no-repeat; margin-bottom:2rem;}
.hslbox05 h1{ margin-bottom:2rem; color:#fff; border-bottom:1px solid #fff;}
.hslbox05 h1 b{ background-color:#fff;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.hslbox3_1{ padding:2rem 0;}
.hslbox3_1 .item4{ width:50%; float:left; overflow:hidden; position:relative; margin-bottom:1.6rem;} 
.hslbox3_1 img{ max-width:100%}
.hslbox3_1 .nom{ margin-right:0px;}
.hslbox3_1 .item_c{ width:80%; height:80%; background-color:rgba(255,255,255,.65); position:absolute; left:10%; top:10%; text-align:center}
.hslbox3_1 .item_c b{ display:block; width:3.625rem; height:3.9375rem; line-height:3.9375rem; padding-left:0.625rem;background-image:url(../images/41.png); background-size:cover; color:#fff; font-size:1.25rem; font-weight:normal; margin-left:auto; margin-right:auto; margin-top:1.5625rem;}
.hslbox3_1 .item_c p{ font-size:1.2rem; padding-top:0.625rem; line-height:2rem;}
.hslbox3_1 .itembox{ margin:0.8rem}

.hslbox6{ padding:2rem 0 0.5rem 0;}
.hslbox6 img{ max-width:100%}
.hslbox6 .hslbox4_1{width:50%; float:left; margin-top:2rem;}
.hslbox6 .item1{width:100%; margin-top:2rem;}
.hslbox6 .nom{margin-right:0px;}
.hslbox6 .item3{border:1px solid #e11616; margin:0 0.5rem;}
.hslbox6 .item_nr{ display:block; margin:0.3rem;}
.hslbox6 .item_nr h2{ font-size:1.2rem; color:#e60012; font-weight:normal; height:3.75rem; line-height:3.75rem; text-align:center; border-bottom:1px dashed #000; margin:0 0.625rem;}
.hslbox6 .item_nr p{ color:#333; font-size:1.125rem; text-indent:2.25rem; line-height:1.625rem; padding:0.625rem 0; height:10rem;}
.hslbox6 .item1 .item_nr p{ height:5rem;}

.hslbox6 .hslzybtn a{ width:49%; display:block;height:2.5rem; text-align:center; line-height:2.5rem; color:#fff; background-color:#e11616;}
.hslbox6 .hslzybtn .hslzybtn1{float:left;}
.hslbox6 .hslzybtn .hslzybtn2{float:right;}

.hslbox7{ padding:2rem 0;}
.hslbox5_1{ padding-top:2rem;}
.hslbox5_1 .item5{ width:33.3333333333333333333333%; float:left; margin-top:6rem; text-align:center}
.hslbox5_1 .item5 a{ display:block; position:relative; background-color:#5b596c; height:24rem; margin:0.5rem}
.hslbox5_1 .item5 a img{ width:80%; margin-top:-5.5rem}
.hslbox5_1 .item5 a span{ padding-top:1rem; font-size:1.25rem; color:#666}
.hslbox5_1 .hslmsbox{ padding:0 0.5rem}
.hslbox5_1 .hslmsbox h4{ color:#fff; font-size:1.2rem; padding-top:0.5rem; font-weight:normal; text-align:left}
.hslbox5_1 .hslmsbox p{ color:#fff; font-size:1rem; padding-top:0.5rem; font-weight:normal; text-align:left}

.hslbox8{ padding:2rem 0;}
.hslbox8_1{ padding-top:3rem; margin-bottom:1rem;}
.hslbox8_1 .item2{ padding:0 0.5rem; padding-bottom:0.5rem}
.hslbox8 img{ max-width:100%}

.hslnav{ width:100%; height:3.2rem; line-height:3.2rem; display:none}
.hslnav a{ display:block; width:25%; background-color:#e11616; float:left; text-align:center; text-decoration:none}
.hslnav a span{ display:block; border-right:2px solid #fff; color:#fff; font-size:1.25rem;}
.hslnav a .nob{ border:none;}
.hsldw{ position:fixed; top:0; left:0px; z-index:999; display:block}

.hslbox5_2 li{ width:50%; float:left; margin-bottom:0.5rem;}
.hslbox5_2 li span{ display:block; padding:0 0.5rem; text-align:center}
.hslbox5_2 li span b{ font-weight:normal; padding:0.5rem 0; display:block; color:#000; font-size:1.25rem;}


.hslzttybdbox{ padding:2rem 1rem; background-image:url(../images/bg.jpg); background-size:100% 100%; margin-top:3rem;}
.hslzttybdbox .hsllogo{ display:block; text-align:center; padding-top:0rem; padding-bottom:2rem}
.hslzttybdbox .hsllogo img{ width:10.8rem; height:auto}
.hslzttybdbox h2{ font-size:1.75rem; color:#fff; font-weight:normal; margin-bottom:1rem;height:3rem; text-align:center}
.hslzttybdbox .hsldbbdkk{ border-radius:0.8rem; padding:0 1rem 1rem 1rem}
.hslzttybdbox .input_box span{ display:block; height:2.5rem; line-height:2.5rem; width:80%; margin-left:auto; margin-right:auto; margin-bottom:1rem;}
.hslzttybdbox .input_box span b{ display:block; float:left; width:6rem; font-size:1.2rem; font-weight:normal; color:#fff; height:3rem; line-height:3rem;}
.hslzttybdbox .input_box span input{ height:3rem; line-height:3rem; background-color:#fff; border:none}
.hslzttybdbox .input_box span i{ display:block}
.hslzttybdbox .input_box span select{ height:3rem; line-height:3rem; background-color:#fff; border:none; width:15rem; border-radius:5px; font-size:1.4rem}

.hslzttybdbox .input_box{  padding:1rem;}
.hslzttybdbox .input_box input{height:3.875rem; border:2px solid #e11616; border-radius:0.5rem; padding-left:0.5rem; width:15rem; font-size:1.25rem;}
.hslzttybdbox .select_box{ height:2.5rem; line-height:2.5rem; width:80%; margin-left:auto; margin-right:auto; margin-bottom:1rem;}
.hslzttybdbox .select_box b{ display:block; float:left; width:6rem; font-size:1.2rem; font-weight:normal; color:#fff; height:3rem; line-height:3rem;}
.hslzttybdbox .select_box input{ height:3rem; line-height:3rem; background-color:#fff; border:none}
.hslzttybdbox .bdbtn_box input{ display:block; width:50%; height:3.5rem; line-height:3.2rem; background-color:#e11616; border:none; font-size:1.6rem; color:#fff; margin-left:auto; margin-right:auto; margin-bottom:1rem;border-radius:5px;}



.fl{
	width: 100%;
    margin: 0 auto;
    border: 1px solid #3d3421;
    background-color: #666;
    color:#ffa96a;
}
.fl h2{
	width: 100%;
	padding: 10px 0;
	font-size: 2.5rem;
    text-align: center;
    font-weight: normal;
}
.fl h2 i{
	font-size: 1rem;
}
.fl a{
	cursor: pointer;
	display: block;
	margin: 10px auto;
	background-color: #e11616;
	padding: 10px 0;
	text-align: center;
	font-size: 2.2rem;
    color: #FFFFFF;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.mw-cop{
    width: 100%;
    /* height: 88px; */
    color: darkkhaki;
    background-color: #3d3421;
    padding: 12px;
    border-radius: 4px;
    margin: 8px 0;
}
.mw-cop div{
    font-size: 16px;
    height: 18px;
    font-family:Arial, Helvetica, sans-serif;
    margin: 6px 0;
    
}