*{ margin:0; padding:0;}
li{ list-style:none;}
a{text-decoration: none;}
.hs{ font-family: pictos;overflow-x: hidden;}
.hban{background:url(images/hs01.jpg) no-repeat center;}
.hban a { display: block; height: 460px; width: 100%;}
.h-container{ width:1210px; margin:120px auto 0;}
.ht{ overflow:hidden;}
.htl{ float:left; width:665px;}
.htr{ float:right; width:467px;}
.htit {position: relative; height: 120px;}
.htia {color: #333;font-size: 18px;text-transform: uppercase;position: absolute; top:65px; left:100px;}
.htib {color: #721b0e;font-size: 22px;position: absolute;top: 98px;left:95px;}
.htic { position: absolute;width: 1.1rem;top: 0;left: 0;}
.htid{ margin-top:50px; color:#721b0e; font-size:24px;}
.htipa{ margin-top:25px; color:#666; text-align:justify; line-height:28px; font-size:18px;}
.hti{ width:710px; margin:100px auto 0;}
.htdoc{ overflow:hidden; margin-top:75px;}
.htdl{ float:left; width:545px;}
.htdr{ float:right; width:635px;}
.htdt{ color:#721b0e; font-size:24px;}
.htdd{ text-align:justify; font-size:18px; margin-top:5px;}
.htdd li{color:#666; text-align:justify;margin-bottom: 21px;}
.htb{ margin-top:140px;}
.htx{color: #721b0e;font-size: 47px; text-align:center;}
.htf {text-align: center;width: 500px;margin: 0 auto;overflow: hidden;}
.htf span {background: #721b0e;border-radius: 20px;width: 35px;color: #fff;display: block;height: 35px;float: left;line-height: 35px;margin: 0 5px;}
.htf #none {background: #fff;color: #721b0e;margin: 0 10px;}
.hll{ width:1400px; margin:0 auto;}
.swiper-container-bn{ margin-top:50px;}
.swiper-pagination-bn {margin: 20px auto 0; width:73.5%;}
.swiper-pagination-bn span{ margin:0 10px;}
.bgt{ background:url(images/bg1.png) no-repeat center; width:100%; height:772px; margin-top:120px;}
.hw{ background:url(images/bg2.jpg) no-repeat center; width:1300px; height:772px; margin:0 auto; overflow:hidden;}
.hwl{ width:140px; float:left; position:relative;}
.hwll{  float:left;margin-top: 90px;margin-left: 30px;}
.hws {background: #721b0e;height: 203px;color: #fff;writing-mode: vertical-lr;width: 60px;font-size: 23px;}
.hwla {writing-mode: sideways-rl; margin-top: 150px; float: left; margin-left: 10px; color:#721b0e; font-size:19px;}
.hwlb { writing-mode: sideways-rl; float: left; margin-top: 153px;margin-left: 5px; color:#333333; font-size:15px;}
.hwlc{ position:absolute; top:45px;}
.hwrr{ float:right;  width:945px; margin-top:75px;}
.hws span {float: left; margin-left: 17px; color: #fff;margin-top: 20px;}
.hwra{ color:#333; text-align:justify;  font-size:28px;}
.hwru { margin-top: 60px; }
.hwru li{ height:30px;  font-size:28px;margin-bottom: 20px;}
.hwru img { float: left;margin-right: 10px; width:24px; height:22px;}
.hlt{ color:#721b0e; font-size:48px; text-align:center;}
.hlf{ text-align:center; color:#333; font-size:30px;}
.hlc{ overflow:hidden; margin-top:90px;}
.hlcl { float: left; width: 650px;}
.hlcr{ float:right; width:490px;}
.hlcl p { text-align: justify; font-size: 18px; color: #666; margin-bottom: 35px; line-height: 24px;}




/*wap*/
@media screen and (max-width:800px){
.l_con{ display:none;}
#top{ display:none;}
.pfoot{ display:none;}
.pchs{ display:none;}
#top {
  display: none;
}
}
/*pc*/
@media screen and (min-width:801px){
	@media screen and (max-width:1280px){
		html,body{font-size:1em;}
	}
	@media screen and (min-width:1281px){/*screen and (max-width: 1442px) and (max-device-width: 1442px)*/	
		html,body{font-size:1.125em;}
	}
	.wzhead{ display:none;}
	.lil{ float:left; width:244px;}
	.lir{ float:right; width:950px; text-align:justify; color:#333; font-size:24px; line-height:36px;}
	.l_con {margin-bottom: 60px;}
	.waphs{ display:none;}
}