*{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #333;
	font-family: Arial,Verdana,微软雅黑;
}
ul li{
	list-style: none;
}
 a{
	text-decoration: none;
}
img{
	border:none;
}
.banner{
	width: 100%;
}
.banner01{
	width: 100%;
	height: 325px;
	background: url(/sp_img/spgggl/banner01.jpg) top center no-repeat;
}
.banner01_1200w,.banner02_1200w{
	width: 100%;
	margin: auto;
}
.banner01_1200w  img{
	float: left;
	width: 150px;
	margin-top: 15px;
	margin-left: 15px;
}
.banner02{
	width: 100%;
	height:241px;
	background: url(/sp_img/spgggl/banner02.jpg) top center no-repeat;
}
.banner02_p{
	width: 748px;
	height: 43px;
	background: url(/sp_img/spgggl/banner_img.png)  no-repeat;
	margin: auto;
	text-align: center;
}
.banner02_p p{
	color: #fff;
	line-height: 40px;
	font-size: 18px;
	letter-spacing: 6px;
}
.nav{
	width: 100%;
	height: 68px;
	background: url(/sp_img/spgggl/nav_bg.jpg) top center no-repeat;
}
.nav_a{
	width: 100%;
	margin: auto;
	text-align: center;
}
.nav_a a{
	color: #fff;
	font-size: 20px;
	line-height: 68px;
	padding: 0 9px;
}
.nav_a a:hover{
	text-decoration: underline;
}
/*<!-- 中间 -->*/
.contain{
	width: 100%;
	background: url(/sp_img/spgggl/bg.jpg) no-repeat;
	clear: both;
	overflow: hidden;
	padding-bottom: 30px;
}
.contain_1200w{
	padding-bottom: 30px;
	background: #fff;
	overflow: hidden;
}
/*<!-- 导读 -->*/
.info_1200w{
	height: 125px;
	background: url(/sp_img/spgggl/info_bg.jpg) no-repeat;
	overflow: hidden;
}
.info_1200w p{
	margin-left: 130px;
	font-size: 16px;
	line-height: 28px;
	text-indent: 2em;
	margin-top: 20px;
	height: 84px;
	overflow: hidden;
}
/*<!-- 常见问题 -->*/
.pro_w{
	padding: 0 50px;
	overflow: hidden;
}
.pro_title{
	margin-top: 30px;
	width: 100%;
	height: 60px;
	background:url(/sp_img/spgggl/title_img.png) no-repeat;
	text-align: center;
	position: relative;
	background-size: 100%;
}
.pro_title span{
	font-size: 32px;
	color: #298f69;
	font-weight: bold;
	line-height: 60px;
}
.pro_title a{
	position: absolute;
	right: 0;
	top: 40px;
	color: #666;
	font-size: 12px;
}
.pro_title a:hover{
	color: #298f69;
}
/*常见问题内容*/
.pro_con{
	margin: 30px auto 0;
}
.pro_con ul{
	width: 100%;
}
.pro_con ul li{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	margin-top: 20px;
}
.pro_con ul li h5 a{
	font-size: 16px;
	line-height: 26px;
	display: inline-block;
	width: 70%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	color: #333;
	font-weight: normal;
}
.pro_con ul li h5:before{
	content: "";
	display: inline-block;
	width: 10px;
	height: 18px;
	background: url(/sp_img/spgggl/list_icon.png) no-repeat;
}
.pro_con ul li h5 a:hover{
	color: #289168;
}
.pro_con ul li p{
	color: #666;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
}
.pro_con ul li p a{
	color: #289168;
}

/*滚动*/
.qk_scroll{
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    clear: both;
}
#content {
    position: relative;
    margin: 30px auto 0;
    padding: 0 50px;
}
.als-container {
    position: relative;
    width: 100%;
    margin: 0px auto;
}
.als-viewport {
	width: 1000px;
    position: relative;
    overflow: hidden;
    margin: 0px auto;
}
.als-wrapper {
    position: relative;
    list-style: none;
}
.als-item {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
}
.als-prev, .als-next {
    position: absolute;
    cursor: pointer;
    clear: both;
}
#demo3 {
    margin: 30px auto 0;
}
#demo3 .als-item {
    margin: 0px 5px;
    padding: 4px 0px;
    height: 230px;
    width: 200px;
    line-height: 22px;
    text-align: center;
    overflow: hidden
}
#demo3 .als-item img {
	width: 180px;
	height: 200px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}
#demo3 .als-item a{
	display: block;
}
#demo3 .als-item a span{
	display: inline-block;
	line-height: 24px;
	padding-top: 5px;
	width: 100%;
	overflow: hidden;
}
#demo3 .als-prev, #demo3 .als-next {
    top: 100px;
}
#demo3 .als-prev {
    left: 0px;
}
#demo3 .als-next {
    right: 0px;
}
/*滚动结束*/
/*<!-- 优势 -->*/
.adv_bg{
	width:1001px;
	height: 401px;
	background: url(/sp_img/spgggl/adv_img.jpg) no-repeat;
	margin: 30px auto 0;
}
.adv_bg h5{
	font-size: 20px;
	line-height: 28px;
	padding: 40px 0 0 30px;
}
.adv_bg ul{
	width: 901px;
	margin:10px auto 0;
	overflow: hidden;
}
.adv_bg ul li{
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	width: 270px;
	height: 90px;
}
.adv_bg ul li img{
	float: left;
}
.adv_bg ul li:nth-child(3){
	margin-right: 0;
}
.adv_bg ul li:nth-child(4){
	margin-left: 170px;
}
.adv_imgR{
	float: left;
	width: 200px;
	padding-left: 10px;
}
.adv_imgR strong{
	font-size: 16px;
	line-height: 24px;
	color: #f7b52e;
}
.adv_bg ul li:nth-child(2) strong{
	color: #f08202;
}
.adv_bg ul li:nth-child(3) strong{
	color: #e50d70;
}
.adv_bg ul li:nth-child(4) strong{
	color: #d60254;
}
.adv_bg ul li:nth-child(5) strong{
	color: #692f8d;
}
.adv_imgR p{
	line-height: 20px;
}
.adv_bg .zx{
	width: 800px;
	height: 50px;
	line-height: 50px;
	background: #298f69;
	border-radius: 50px;
	margin:20px auto 0;
}
 .zx p{
 	text-align: center;
 	color: #fff;
 	font-size: 18px;
 }
 .zx p a{
 	color: #ffe400;
 	font-size: 18px;
 }
  .zx p a:hover{
  	text-decoration: underline;
  }
footer{
	background: #fff;
	text-align: center;
	padding: 10px 0;
}
footer p{
	font-size: 14px;
	line-height: 24px;
}

@media only screen and (max-width: 1190px) {
	.pro_title span { font-size: 26px; line-height: 50px;}
	.pro_w { padding: 0px 25px;}
	#content { padding: 0px 25px;}
	#demo3 { width: 840px; overflow: hidden;}
	.adv_bg { width: 100%; background-size: 100% 401px;}
	.adv_bg ul { width: 890px; padding-left: 20px;}
	}
@media only screen and (max-width:768px){
	.banner01 { background-size: 200% 270px; height: 270px;}
	.banner02 { background-size: 200% 220px; height: 220px;}
	.pro_title span { font-size: 20px; line-height: 40px;}
	#demo3 { width: 630px; overflow: hidden;}
	.adv_bg ul { width: 720px;}
	.adv_bg ul li { width: 230px; margin-right: 0px;}
	.adv_bg ul li:nth-child(4) { margin-left: 0px;}
	.adv_bg ul li img { height: 30px; max-width:100%;}
	.adv_imgR { width: 194px;}
	.adv_bg .zx { width: 90%;}
	}
@media only screen and (max-width: 475px){
	.banner01 { background-size: 200% 185px; height: 185px;}
	.banner02 { background-size: 200% 150px; height: 150px;}
	.banner02_p { width: 100%; background-size: 100% 43px;}
	.banner02_p p { font-size: 14px; letter-spacing: 2px;}
	.nav_a a { font-size: 15px; padding: 0px 4px;}
	.info_1200w { background: url(/sp_img/spgggl/info_bg.jpg) -40px -7px no-repeat; background-size: 300% 150px; height: 150px;}
	.info_1200w p { font-size:14px; height: 110px; margin-left: 75px; line-height: 26px;}
	.pro_title { background: none;}
	.pro_w { padding: 0px 15px;}
	.pro_con div { padding-left: 0px; padding-right: 0px;}
	#content { padding: 0px 10px;}
	#demo3 .als-item { width: 180px; height: 215px;}
	#demo3 .als-item img { width: 160px; height: 180px;}
	#demo3 { width: 380px;}
	.contain { background-size: cover;}
	.adv_bg { background: none; height: auto;}
	.adv_bg ul{ width: 100%;}
	.adv_bg ul li img { height: auto;}
	.adv_bg ul li { width: 300px;}
	.adv_imgR { width: 80%;}
	.adv_bg .zx { width: 96%;}
	.zx p, .zx p a { font-size: 14px;}
	}
@media only screen and (max-width: 375px){
	.banner01_1200w img { width: 100px; margin-left: 0px;}
	.banner01 { background-size: 200% 145px; height: 145px;}
	.banner02 { background-size: 200% 125px; height: 125px;}
	.banner02_p { width: 100%; background-size: 100% 43px;}
	.banner02_p p { font-size: 14px; letter-spacing: 1px;}
	.nav_a a { font-size: 14px; padding: 0px 2px;}
	.info_1200w { background-size: 260% 130px; height: 130px;}
	.info_1200w p { margin-left: 50px; margin-top: 10px; line-height: 20px;}
	#demo3 .als-item { width: 150px; height: 215px;}
	#demo3 .als-item img { width: 140px; height: 180px;}
	#demo3 { width: 325px;}
	.adv_bg .zx { border-radius: 0px; padding: 0px 15px; line-height:20px; padding-top: 5px;}
	footer p { font-size: 12px;}
	}
@media only screen and (max-width: 320px){
	.banner01_1200w img { width: 80px; margin-left: 0px;}
	.banner01 { background-size: 200% 115px; height: 115px;}
	.banner02 { background-size: 200% 105px; height: 105px;}
	.banner02_p p { font-size: 12px; letter-spacing: 0px;}
	.nav { height: 40px;}
	.nav_a a { font-size: 12px; line-height: 40px; padding: 0px 1px;}
	.info_1200w p { margin-left: 35px; }
	#demo3 .als-item { width: 125px; height: 175px;}
	#demo3 .als-item img { width: 120px; height: 145px;}
	#demo3 { width: 275px;}
	#demo3 .als-prev, #demo3 .als-next { top: 70px;}
	.adv_bg h5 { padding-top: 10px;}
	.adv_bg ul { padding-left: 10px;}
	.adv_bg ul li { width: 270px;}
	.pro_con { margin-top: 10px;}
	}