/*���ョ��*/
* {
  margin: 0;
  padding: 0;
  list-style:none;
}
.animation{transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s;}img{ display:block;}
body{ background-color:#fff !important;}
a {
  text-decoration: none !important;
}
.hslmr0 {
  margin-right: 0px !important;
}
.w1200 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.hslclear {
  clear: both; display:block;
}
.text-align {
  text-align: center;
}
.font-weight {
  font-weight: bold;
}
.hslbox3_1_4 {
  margin-right: 0px;
}
.hsltlbg {
  height: auto;
  padding-top: 20px;
  margin-top: 50px;
  text-align: center;
}
.hsltlbg h2 {
  font-size: 36px;
  color: #0a646d;
  font-weight: bold;
  margin-bottom: 20px;
}
.hsltlbg h2 span {
  color: #ff0000;
}
.hsltlbg p {
  color: #333;
  font-size: 20px;
  padding-bottom: 10px;
}
.hsltlbg a {
  display: block;
}
.hsltlbg a img {
  width: 100%;
}
.hslbanner {
  height: 520px;
  width:100%;
  min-width:1200px;
  max-width:1920px;
  background:url(../images/1.jpg) no-repeat 50%;
  margin-bottom: 50px;
}


.hslbanner a {
  display: block;
  height: 520px;
}

.hsltit{text-align:center; color:#442200; line-height:normal;}
.hsltit1{ height:32px; line-height:32px;font-weight:bold; font-size:36px; margin-top:5px;}
.hsltit1 span{color:#f22222;}
.hsltit p{ font-size:18px; color:#666; margin-top:10px; display:block;}
.hsltit b{ font-size:14px; color:#999999; text-transform:uppercase;  display:block; font-weight:normal;}



.hslbtn{ text-align:center;}
.hslbtn a{ display:inline-block;height:50px; line-height:50px; background-color:#ff4f00; width:300px; color:#fff; font-size:20px;  margin:0 20px; border-radius:40px; position:relative; overflow:hidden;}
.hslbtn a span{ position:relative; z-index:1}
.hslbtn a:before{content: ''; position:absolute; height:50px; width:100%; left:-100%; top:0; background-color:rgba(255,255,255,.3);transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; border-radius:50px; z-index:0;}
.hslbtn a:hover{ color:#fff;}
.hslbtn a:hover:before{ left:0;}

.hslbtn .hslbtn_2{ background-color:#ec0000; color:#fff;} 
.hslbtn .hslbtn_2:hover{ color:#fff;}

.hslbox1{ margin-top:0px;}
.hslbox1_1{ width:300px; text-align:center; float:left;}
.hslbox1_1 span{ display:block; margin:0 auto; width:144px; height:144px;}
.hslbox1_1 a{ display:block; color:#442200; padding:10px 0;}
.hslbox1_1 b{ display:block; padding:0 5px; font-size:20px; font-weight:normal; margin-top:10px;}
.hslbox1_1 p{ display:block;font-size:16px; font-weight:normal; color:#666;}
.hslbox1_1 a:hover{ box-shadow:0 0 30px rgba(0,0,0,.1)}

.hslbox2{ background-color:#f6f6f6; margin-top:50px; padding:50px 0;}
.hslbox2_1{ position:relative; height:414px; margin-top:30px; margin-bottom:40px;}
.hslbox2_2{ position:absolute; width:455px; left:57px; top:1px;}
.hslbox2_3{ right:60px; left:auto; top:3px;}
.hslbox2_2 ul{ margin-top:20px;}
.hslbox2_2 ul li{ height:45px; line-height:45px; border-bottom:1px solid #ccc; font-size:18px;}
.hslbox2_2 ul li i{ font-size:22px; padding-right:10px;}
.hslbox2_2 ul li a{ display:block; color:#ff6700; border:1px solid #ff6700; border-radius:30px; height:30px; line-height:30px; float:right; font-size:16px; padding:0 10px; margin-top:7px; position:relative; overflow:hidden;}
.hslbox2_2 ul li a:before{content: ''; position:absolute; height:30px; width:100%; left:-100%; top:0; background-color:#ff6700;transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; border-radius:50px; z-index:0;}
.hslbox2_2 ul li a:hover:before{ left:0;}
.hslbox2_2 ul li a:hover{ color:#fff;}
.hslbox2_2 ul li a span{ position:relative; z-index:1;}


.hslbox3{margin-bottom:50px; background-color:#ff4800;}
.hslbox3 .w1200{ position:relative; height:155px;}
.hslbox3_2{ width:888px; position:absolute; bottom:-2px; left:-254px; z-index:0;}
.hslbox3_1{ width:665px; height:60px; position:relative; z-index:1; float:right; margin-right:10px; padding-top:46px;}
.hslbox3_1 .hslbox3_3{ width:435px; height:60px;float:left; position:relative;}
.hslbox3_1 .hslbox3_3 input{ height:60px; width:100%;background-color:#fff; border:none; border-radius:5px; font-size:20px; color:#333; text-indent:56px;}
.hslbox3_1 .hsldg{ width:220px; height:60px; background-color:#ffda17; border:none; border-radius:5px; font-size:20px; color:#d90707; cursor:pointer; display:block; float:right;}
.hslbox3_3 i{ display:block; position:absolute; font-size:30px; width:38px; height:30px; line-height:30px; color:#999; border-right:1px solid #ddd; top:15px; left:8px;}


.hslbox4{ margin-top:40px; margin-bottom:30px;}
.hslbox4_1{ width:585px; float:left; margin-bottom:6px; margin-top:50px;}
.hslbox4_2{ background-color:#e71c1c; height:152px;}
.hslbox4_3{ height:80px; padding-top:30px; width:350px; float:left;}
.hslbox4_3 i{ font-size:78px; color:#fff; opacity:.2; height:80px; margin-left:10px; float:left; display:block; margin-right:10px;}
.hslbox4_3 b{ color:#fff; font-weight:normal; font-size:30px; display:block; margin-top:20px;}
.hslbox4_3 p{ color:#fff; font-weight:normal; font-size:16px; text-transform:uppercase;}
.hslbox4_2 a{ display:block; float:right; width:165px; height:42px; line-height:42px; border:1px solid #fff; color:#fff; font-size:18px; text-align:center; border-radius:40px; margin-top:55px; margin-right:20px; overflow:hidden; position:relative;}
.hslbox4_2 a:before{content: ''; position:absolute; height:42px; width:100%; left:-100%; top:0; background-color:#fff;transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; border-radius:50px; z-index:0;}
.hslbox4_2 a:hover:before{ left:0;}
.hslbox4_2 a:hover{ color:#e71c1c;}
.hslbox4_2 a span{ position:relative; z-index:1;}

.hslbox4_0{ border:1px solid #ccc; padding:20px 20px 0 20px;}
.hslbox4_4{ margin-bottom:20px;}
.hslbox4_5{ display:block; width:194px; float:left;}
.hslbox4_6{float:right; width:330px;}
.hslbox4_6 b{ display:block; color:#333333; font-size:28px;}
.hslbox4_6 b strong{ font-weight:normal; color:#ff4900; font-size:16px;}
.hslbox4_6 p{ color:#666; font-size:20px; padding:10px 0;}
.hslbox4_7{ display:block;}
.hslbox4_8{ display:block; width:168px; height:40px; line-height:40px; text-align:center; background-color:#ff5e00; color:#fff; border-radius:40px; overflow:hidden; position:relative;} 
.hslbox4_r{ float:right;}
.hslbox4_8:before{content: ''; position:absolute; height:40px; width:100%; left:-100%; top:0; background-color:rgba(255,255,255,.2);transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; border-radius:50px; z-index:0;}
.hslbox4_8:hover:before{ left:0;}
.hslbox4_8 span{ position:relative; z-index:1;}





.hslbox5{ margin-top:20px; background-image:url(../images/22.jpg); background-repeat:no-repeat; background-position:center top; padding-top:150px; padding-bottom:150px;}
.hslbox5_1{ width:596px; margin-bottom:8px;}
.hslbox5_3{float:left;}.hslbox5_4{float:right;}
.hslbox5_1 a{ display:block; background-color:#fff; height:228px;}
.hslbox5_1 span{ display:block; width:295px; float:left;}
.hslbox5_1 p{ padding:30px 30px 30px 315px; color:#333; font-size:20px; line-height:35px;}
.hslbox5_1 p b{ display:block; font-size:30px; color:#ee1a1a; margin-bottom:5px;}
.hslbox5 .hsltit{ margin-bottom:50px;}
.hslbox5_2 span{ float:right;}
.hslbox5_2 p{padding:30px 315px 30px 30px;}
.hslbox5 .hslbtn{ margin-top:50px;}



.hslbox6{ height:151px; background-color:#ff6600; border-radius:10px; overflow:hidden; margin-top:50px;}
.hslbox6_1{ width:595px; float:left;}
.hslbox6_2{ position:relative; z-index:1; float:right; width:550px; margin-top:40px; margin-right:40px;}
.hslbox6_3{ height:70px; position:relative; width:360px; float:left;}
.hslbox6_2 .hsldg{width:180px; height:70px; background-color:#ffd912; border:none; border-radius:5px; font-size:20px; color:#d90707; cursor:pointer; display:block; float:right;}
.hslbox6_3 input{height:70px; width:100%;background-color:#fff; border:none; border-radius:5px; font-size:20px; color:#333; text-indent:56px;}
.hslbox6_3 i{ display:block; position:absolute; font-size:30px; width:38px; height:30px; line-height:30px; color:#999; border-right:1px solid #ddd; top:20px; left:8px;}


.hslbox8{ margin-top:50px;}
.hslbox8_1{ display:block; margin-top:50px; margin-bottom:50px;}


.hslbox7{margin-top:50px;margin-bottom: -20px;background-color:#f6f6f6;padding: 50px 0 30px;}
.hslbox7_1{width:540px;float:left;margin-left:20px;margin-top:50px;text-align:center;}
.hslbox7_1 div{height:auto !important;}
.hslbox7_4 span{ width:50%; margin-left:25%; display:block;}
.hslbox7_4 b{ display:block; color:#f22222; font-size:20px; padding-top:10px; padding-bottom:20px;}
.hslbox7_4 p{ background-color:#f22222; line-height:60px; height:60px; border-radius:10px; color:#fff; font-size:18px; width:70%; margin-left:15%; font-weight:bold; position:relative;}
.hslbox7_4 p i{ display:block; color:#f22222; position:absolute; font-size:30px; width:32px; height:32px; line-height:32px; top:-20px; left:50%; margin-left:-16px;}
.hslbox7_3 a{display:block;margin:20px;}
.hslbox7_2{ width:566px; float:right; margin-top:50px;}
.hslbox7_2 img{ margin-bottom:13px;}
.hslbox7_1 .hslkzq{background-image:none;width:60px;height:60px;top: 35%;}
.hslbox7_1 .hslkzq i{ font-size:60px; color:#aaa;}

.hslbox7_7 a{ display:block;height:50px; line-height:50px; background-color:#ff3c00; color:#fff; font-size:20px;text-align:center; margin-bottom:13px; text-indent:-20px; overflow:hidden; position:relative;}
.hslbox7_7 a:before{content: ''; position:absolute; height:50px; width:100%; left:-100%; top:0; background-color:rgba(255,255,255,.2);transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s; z-index:0;}
.hslbox7_7 a:hover{ color:#fff;}
.hslbox7_7 .hslbtn_2{ background-color:#f20000;} 
.hslbox7_7 a:hover:before{ left:0;}
.hslbox4_8 span{ position:relative; z-index:1;}
.hslbox7_3 .swiper-slide-thumb-active a{ display:block; position:relative;}

.hslbox7_3 .swiper-slide-thumb-active a:before{content: ''; position:absolute; height:100%; width:100%; left:-3px; top:-3px; z-index:1; border:3px solid #ff6600; border-radius:60px; opacity:1;}