@charset "utf-8";
/* CSS Document */
.banner{
	position:relative;
	height:760px;
	background:url(/static_common/images/guohui/xw_guohui_wwh_banner.png) top center no-repeat;
	z-index:2
}
.section1{
	position:relative;
	padding-bottom:100px;
	background:url(../images/bg01.jpg) top center repeat-y;
	margin-top:-250px
}
.section1 .w1240{
	position:relative;
	border-radius:60px 60px 0 0;
	background-color:white;
	padding:50px;
	padding-top:20px;
	z-index:3
}
.tit{
	line-height:120px;
	font-size:42px; 
	font-weight:bold
}
.tit img{
	vertical-align:middle
}
.intro{
	margin-bottom:80px
}
.intro p{
	line-height:2;
	font-weight:bold;
	text-align:justify
}
.slide01{
	width:1080px
}
.slide01 .bd ul li img{
	width:1080px;
	height:607px
}
.slide01 .hd{
	margin-top:20px
}
.slide01 .hd ul li{
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:10px;
	text-indent:-9999px;
	background-color:#dedede;
	margin:8px;
	cursor:pointer
}
.slide01 .hd ul li.on{
	background-color:red
}
.list,
.list02{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.list li{
	position:relative;
	width:605px;
	height:98px;
	line-height:60px;
	padding:20px;
	box-sizing:border-box;
	background:#f4f4f4 url(../images/list_bg.gif) repeat-x;
	margin-bottom:20px;
	display:flex;
	align-items:center;
    justify-content:space-between
}
.list li:before,
.list li:after{
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:98px;
	content:'';
	background:url(../images/list01.gif) no-repeat;
	z-index:1
}
.list li:after{
	left:auto;
	right:0;
	background:url(../images/list02.gif) no-repeat
}

.list li div{
	font-size:14px;
	float:left;
	width:60px;
	height:40px;
	padding:10px 0;
	line-height:20px;
	border-radius:30px;
	background-color:#ff6662;
	color:white;
	text-align:center
}
.list li div h3{
	font-weight:normal;
	font-size:24px
}
.list li a{
	float:left;
	width:calc(100% - 80px);
	margin-left:20px;
	line-height:30px;
	font-size:18px
}
.section2{
	background:url(../images/bg01.jpg) top center repeat-y;
	padding-bottom:40px
}
.list02 li{
	position:relative;
	width:605px;
	height:91px;
	line-height:30px;
	padding:20px;
	padding-left:60px;
	box-sizing:border-box;
	background:#e13a3a;
	margin-bottom:20px;
	display:flex;
	align-items:center;
    justify-content:space-between;
	font-size:20px;
	font-weight:bold
}
.list02 li:before,
.list02 li:after{
	position:absolute;
	left:0;
	top:0;
	width:45px;
	height:91px;
	content:'';
	background:url(../images/list03.gif) no-repeat;
	z-index:1
}
.list02 li:after{
	left:auto;
	right:0;
	width:17px;
	background:url(../images/list04.gif) no-repeat
}
.list02 li a{
	color:white
}

.foot .w1200{margin:0 auto}
.foot_nav{text-align:center}
/*------------foot-----------*/

.footer{
  margin:0 auto;  
  text-align: center;border-top:4px solid #1f68cf;padding:25px 0 30px;
}
.por {
  position: relative;
}
.foot{
  height:auto;
  background-color:#ffffff;
}
.foot_nav{
  padding-bottom:20px;
}

.footer p{
  /*line-height:30px*/
}
.zf01,
.zf02{
  position:absolute; margin-top: 80px;top:0;
}
.zf01{
  left:10%;
}
.zf02{
  right:7%
}
	

@media (max-width: 800px) {

.w1240,.w1200{width:98%;margin:0 1%;box-sizing:border-box}
.banner{background-size:132% auto;height:45vw}
.section1{margin-top:0;padding-bottom:20px}
.tit{line-height:80px}
.section1 .w1240{padding:10px}
.intro p{font-size:16px}
.intro{margin-bottom:20px}
.slide01,
.slide01 .bd ul li,
.slide01 .bd ul li img{width:100%; height:auto}
.list li{height:auto; background-image:none}
.list li:before,
.list li:after,
.list02 li:before,
.list02 li:after{display:none}
.list li a{font-size:16px}
.list02 li{padding:20px;font-size:16px}
.list li div h3{font-size:20px}

  .footer p{
    padding:0 2%;
  }
  .footer{
    padding:1em 0;

  }
  .zf01, .zf02{position:relative;margin:0;top:auto}
  .zf01{left:auto}
  .zf02{right:auto}


}