.banner{
	width:100%;
	height:300px;
	background:url("../images/banner_guan.jpg") no-repeat center top;
	margin-top:-320px;
}


ul.channel{
	margin:60px 0;
	margin-bottom:40px;
	margin-left:50px;
	font-size:1.1rem;
}
.channel li{
	float:left;
	margin:0 0;
	margin-right:50px;
	line-height:2.25rem;
}
.channel li a{
	color:#999999;
}
.channel li.thisclass a{
	color:#298e02;
}
.content_n{
	width:1200px;
	line-height:28px;
	margin-bottom:60px;
	margin:0 auto;
}
.content_n div{
	padding-top:20px;
	width:1000px;
}
.content{
	width:1200px;
	height:680px;
	margin:0 auto;
	margin-top:-500px;
	margin-bottom:90px;
	background:url("../images/guan_bg1.jpg") no-repeat center top;
}
/*guan1*/







.content2{
	margin:0 auto;
	position:relative;
	width:1200px;
	margin-bottom:90px;
	overflow:hidden;
}
.content2 .title{
	width:100%;
	text-align:center;
	margin-bottom:50px;
	color:#4d4d4d;
}
.content2>div{
	width:100%;
	margin:0 auto;
}
.content2>div.c{
	height:300px;
	background:#f5f5f5;
	margin-bottom:30px;
	overflow:hidden;
}
.content2 .l{
	width:50%;
	height:300px;
	padding:40px 0;
	position:relative;
	overflow:hidden;
}
.content2 .r{
	width:50%;
	height:300px;
	padding:40px 0;
	position:relative;
	overflow:hidden;
}
.title2{
	width:330px;
	height:46px;
	position:relative;
	float:left;
	background:url("../images/guan_pic1.png") no-repeat center top;

}
.l1 div{
	margin-left:40px;
}
.r1{
	background:url("../images/guan_bg2.jpg") no-repeat center top;
	width:50%;
	height:300px;
}
.text{
	padding-top:30px;
}
.text img{
	margin-left:4px;
	margin-right:8px;
}

.l2{
	background:url("../images/guan_bg3.jpg") no-repeat center top;
	width:50%;
	height:300px;
}
.r2 .title3{
	width:230px;
	height:46px;
	position:relative;
	background:url("../images/guan_pic2.png") no-repeat center top;
}
.r2 div{
	margin-left:40px;
}
.text2{
	font-size:2rem;
	color:#c90808;
	text-align:center;
	padding-top:50px;
}
.text2.text2_en{
	margin-left:0;
}
/*guan2*/


.pic_list{
	width:100%;
}
.pic_list li{
	width:33%;
	float:left;
}
.pic_list .pic{
	width:370px;
	height:260px;
	border:1px solid #ccc;
}
.pic_list .pic1{
	background:url("../images/guan_bg4.jpg") no-repeat center top;
}
.pic_list .pic2{
	background:url("../images/guan_bg5.jpg") no-repeat center top;
}
.pic_list .pic3{
	background:url("../images/guan_bg6.jpg") no-repeat center top;
}
.pic_list .pic4{
	background:url("../images/guan_bg7.jpg") no-repeat center top;
}
.pic_list .title{
	margin:20px auto;
	width:370px;
	margin-left:0;
}
.pic_list_en .title{
	height:80px;
}
/*guan3*/


.pic_list2{
	width:100%;
}
.pic_list2 li{
	width:24.166667%;
	/*height:auto;*/
	float:left;

	margin-right:0.822222%;
	margin-top:10px;
	
	position:relative;
}
.pic_list2 .pic{
	width:100%;
	/*height:auto;*/

}
.pic_list2 .pic img{
	width:100%;
	height:auto;
}
.pic_list2 .title{
	width:100%;
	height:40px;
	line-height:40px;
	margin-top:-40px;
	text-align:center;
	color:#fff;
	background:#333;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#last{
	height:190px;
	overflow:hidden;
}
#last .pic{
	background:url("../images/more.png") no-repeat center top;
	text-align:center;
	line-height:190px;
	color:#fff;
	cursor:pointer;
}
#last img{
	width:100%;
	position:relative;
	top:-50px;
}
.gray{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;

	opacity:0.7;
	filter:alpha(opacity=70);
	
	z-index:100;
}
.win_container{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
.win{
	position:relative;
	margin:160px auto;
	width:1100px;
	height:600px;
	background:#fff;
	z-index:100;
	box-shadow:0 0 30px #000;
}
.win .title{
	width:100%;
	text-align:center;
	padding-top:15px;
}
.win .win_title{
	padding-top:10px;
	color:#298e02;
}
.win ul{
	position:relative;top:20px;
}
.win li{
	width:600px;
	position:absolute;
	left:100px;
	top:200px;
	box-shadow:0 0 20px #000;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 0.5s;
}
li.lhide{
	top:20px;
	left:0px;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:-1;
}
li.left{
	top:50px;
	left:50px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
li.center{
	top:100px;
	left:250px;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:1;
}
li.right{
	top:50px;
	left:450px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
li.rhide{
	top:20px;
	left:500px;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:-1;
}
.win li img{
	width:100%;
}
.win .btn{
	width:30px;
	height:30px;
	background:red;
	position:absolute;
	border-radius:15px;
	top:-15px;
	right:-15px;
}
.win .btn img{
	position:relative;
	top:7.5px;
	left:7.5px;
}

.hide{
	display:none;
}

.win_container .btn2{
	position:relative;
	z-index:2;
	top:100%;
}
.btn2 .l{
	width:50px;
	height:50px;
	margin-left:430px;
	margin-top:-54px;
	background:url("../images/left_active.jpg") no-repeat center top/100%;
	background:url("../images/left.jpg") no-repeat center top/100%;
	cursor:pointer;
}
.btn2 .r{
	width:50px;
	height:50px;
	margin-right:430px;
	margin-top:-54px;
	background:url("../images/right_active.jpg") no-repeat center top/100%;
	background:url("../images/right.jpg") no-repeat center top/100%;
	cursor:pointer;
}
.btn2 .l.active{
	background:url("../images/left_active.jpg") no-repeat center top/100%;
}
.btn2 .r.active{
	background:url("../images/right_active.jpg") no-repeat center top/100%;
}
/*guan4*/

@media (max-width:1700px){
.win{
	position:relative;
	margin:80px auto;
}
}

@media (max-width:1320px){
ul.channel{
	margin-left:0;
}
.win{
	position:relative;
	margin:60px auto;
}
}




@media (max-width:1220px){
.banner{
	width:100%;
	height:210px;
	background:url("../images/banner_guan.jpg") no-repeat center top/1300px;
	margin-top:-360px;
}


.content_n{
	width:700px;
	line-height:28px;
	margin-bottom:60px;
	margin:0 auto;
}
.content_n div{
	padding-top:20px;
	width:660px;
}
.content{
	width:700px;
	height:396px;
	margin:0 auto;
	margin-top:-300px;
	margin-bottom:90px;
	background:url("../images/guan_bg1.jpg") no-repeat center top/700px;
}
/*guan1*/


.content2{
	width:700px;
}
.l1 div{
	margin-left:10px;
}
.r2 div{
	margin-left:10px;
}
.text2{
	font-size:1.4rem;
	word-wrap:break-word;
}
/*guan2*/


.pic_list{
	width:100%;
}
.pic_list li{
	width:50%;
	float:left;
}
.pic_list .pic{
	width:330px;
	height:231px;
	border:1px solid #ccc;
	margin-left:10px;
}
.pic_list .pic1{
	background:url("../images/guan_bg4.jpg") no-repeat center top/330px;
}

.pic_list .title{
	margin:20px auto;
	height:4rem;
	width:330px;
	margin-left:10px;

}
.pic_list_en .title{
	height:80px;
}
/*guan3*/



.pic_list2 .title{
	width:100%;
	height:40px;
	line-height:40px;
	margin-top:-40px;
	text-align:center;
	color:#fff;
	background:#333;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#last{
	height:110px;
	overflow:hidden;
}
#last .pic{
	background:url("../images/more.png") no-repeat center top/169px;
	text-align:center;
	line-height:110px;
	color:#fff;
	cursor:pointer;
}
#last img{
	width:100%;
	position:relative;
	top:-25px;
}

.win{
	position:relative;
	margin:30px auto;
	width:700px;
	height:500px;
	background:#fff;
	z-index:100;
	box-shadow:0 0 30px #000;
}
.win ul{
	position:relative;
}
.win li{
	width:400px;
	position:absolute;
	left:100px;
	top:200px;
	box-shadow:0 0 20px #000;
	transition:all 0.5s;
}
li.lhide{
	top:20px;
	left:0px;
	z-index:-1;
}
li.left{
	top:50px;
	left:50px;
}
li.center{
	top:100px;
	left:150px;
	z-index:1;
}
li.right{
	top:50px;
	left:250px;
}
li.rhide{
	top:20px;
	left:300px;
	opacity:0;
	z-index:-1;
}
.btn2 .l{
	margin-left:230px;
}
.btn2 .r{
	margin-right:230px;
}
/*guan4*/
}


@media (max-width:720px){
.channel li{
	float:left;
	margin:0 0;
	width:100%;
	text-align:center;
}
.banner{
	width:100%;
	height:110px;
	background:url("../images/banner_guan.jpg") no-repeat center top/700px;
	margin-top:-360px;
}
.content_n{
	width:100%;
	line-height:28px;
	margin:0 auto;
	margin-bottom:370px;
	background:url("../images/guan_bg1.jpg") no-repeat center bottom/100%;
}
.content_n div{
	padding-top:20px;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:80px;
}
.content{
	height:0;
}
/*guan1*/

.content2{
	width:100%;
}
.content2>div.c{
	height:600px;
	background:#eee;
	margin-bottom:30px;
	overflow:hidden;
}
.content2 .l{
	width:100%;
	overflow:hidden;
	height:300px;
	padding:00px 0;
	position:relative;
	overflow:hidden;
}
.content2 .r{
	width:100%;
	height:300px;
	padding:40px 0;
	position:relative;
	overflow:hidden;
}
.title2{
	width:330px;
	height:46px;
	position:relative;
	float:left;
	margin-top:40px;
	background:url("../images/guan_pic1.png") no-repeat center top;

}
.l1 div{
	margin-left:40px;
}
.r1{
	background:url("../images/guan_bg2.jpg") no-repeat center top/100%;
	width:50%;
	height:300px;
}
.text{
	padding-top:30px;
}


.l2{
	background:url("../images/guan_bg3.jpg") no-repeat center top/100%;
	width:50%;
	height:300px;
}
.r2 .title3{
	width:230px;
	height:46px;
	position:relative;
	background:url("../images/guan_pic2.png") no-repeat center top;
}
.r2 div{
	margin-left:40px;
}
.text2{
	font-size:2rem;
	color:#f00;
	text-align:center;
	padding-top:50px;
}
/*guan2*/



.pic_list li{
	width:100%;
	float:left;
}
.pic_list .pic{
	width:330px;
	height:231px;
	border:1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
}
.pic_list .pic1{
	background:url("../images/guan_bg4.jpg") no-repeat center top/330px;
}
.pic_list .pic2{
	background:url("../images/guan_bg5.jpg") no-repeat center top/330px;
}
.pic_list .pic3{
	background:url("../images/guan_bg6.jpg") no-repeat center top/330px;
}
.pic_list .pic4{
	background:url("../images/guan_bg7.jpg") no-repeat center top/330px;
}
.pic_list .title{
	margin:20px auto;
}
/*guan3*/


.pic_list2 .title{
	width:100%;
	height:40px;
	line-height:40px;
	margin-top:-40px;
	text-align:center;
	color:#fff;
	background:#333;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.pic_list2 li{
	width:48%;
	margin-right:2%;
	margin-top:10px;
}


#last{
	width:48%;
	height:200px;
	overflow:hidden;
}
#last .pic{
	background:url("../images/more.png") no-repeat center center/300px;
	text-align:center;
	line-height:200px;
	color:#fff;
	cursor:pointer;
}
#last img{
	width:300px;
	position:relative;
	top:-50px;
	left:3px;
}

.win{
	position:relative;
	margin:30px auto;
	width:94%;
	height:480px;
	background:#fff;
	z-index:100;
	box-shadow:0 0 30px #000;
}
.win ul{
	position:relative;
}
.win li{
	width:57.142857%;
	position:absolute;
	left:14.285714%;
	top:200px;
	box-shadow:0 0 20px #000;
	transition:all 0.5s;
}
li.lhide{
	top:50px;
	left:0;
	z-index:-1;
}
li.left{
	top:70px;
	left:7.142857%;
}
li.center{
	top:100px;
	left:21.428571%
	z-index:1;
}
li.right{
	top:70px;
	left:35.714285%;
}
li.rhide{
	top:50px;
	left:42.857142%;
	z-index:-1;
}
.btn2 .l{
	margin-left:30%;
}
.btn2 .r{
	margin-right:30%;
}
/*guan4*/
}


@media (max-width:600px){

/*guan1*/
.r1{
	background:url("../images/guan_bg2.jpg") no-repeat center top/600px;
}
.l2{
	background:url("../images/guan_bg3.jpg") no-repeat center top/600px;
}
/*guan2*/
#last img{
	width:300px;
	position:relative;
	top:-50px;
	left:-20px;
}
/*guan4*/
}


@media (max-width:420px){
/*guan1*/
.title2{
	width:90%;
}
.l1 div{
	margin-left:5%;
}
.r2 .title3{
	width:58%;
	min-width:230px;
}
.r2 div{
	margin-left:5%;
}
.text2{
	font-size:2rem;
	color:#c90808;
	text-align:center;
	padding-top:50px;
}
/*guan2*/

#last img{
	width:300px;
	position:relative;
	top:-50px;
	left:-60px;
}
/*guan4*/
}


@media (max-width:350px){
.pic_list .pic{
	width:200px;
	height:140px;
	border:1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
}
.pic_list .pic1{
	background:url("../images/guan_bg4.jpg") no-repeat center top/200px;
}
.pic_list .pic2{
	background:url("../images/guan_bg5.jpg") no-repeat center top/200px;
}
.pic_list .pic3{
	background:url("../images/guan_bg6.jpg") no-repeat center top/200px;
}
.pic_list .pic4{
	background:url("../images/guan_bg7.jpg") no-repeat center top/200px;
}
/*guan3*/
}

@media (max-width:400px){
.banner{
	height:97px;
	background:url("../images/banner_guan.jpg") no-repeat center top/600px;
	margin-top:-360px;
}

}
/*分页*/
.page_top {position: absolute;}
#pageTop {z-index: 160;width: 65px;height: 65px;position: fixed;_position: absolute;bottom: 10px;right: 10px;overflow: hidden;text-indent: -999px;cursor: pointer}
#pageTop a {width: 100%;height: 100%;display: block;}
*html #pageTop a {width: 65px;height: 65px}
.pagex {clear: both;margin: 20px;overflow: hidden;}
.mbbody_body .pagex {margin-left: 20px;}
.pagex ul {}
.pagex ul li {float: left;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;margin-bottom: 10px;}
.pagex ul li.thisclass {display: inline-block;border: 1px solid #46b61c;padding: 2px 9px;margin: 0 3px;background: #46b61c;color: #fff;}
.pagex ul li.thisclass a {color: #fff;}
.pagex ul li a:hover {color: #1f9652;}
.pagex ul li span {display: inline-block;padding: 0;}