@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman";}
body{ text-align: justify;}
a{ text-decoration:none; font-size: 14px; color:#000;}
input,select,textarea{ outline:none;}

.clear{clear:both;}
.clearfix{ *zoom: 1;}
.clearfix:before{ content: ""; display: table;}
.clearfix:after{ content: ""; display: table; clear: both;}

.pic{ overflow: hidden;}
.pic img{ max-width: 100%; display: block; width: 100%; overflow: hidden;transition: all 0.5s;transform: scale(1); max-height:100%;}

.left{ float:left;}
.right{ float:right;}




.top{ padding: 20px 0; width: 1200px; margin: 0 auto;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;}
.top .left{ height: 46px;}

.navbg{ width: 100%; background: #24a65e;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}

.nav{ width: 1200px; margin: 0 auto;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;}

nav{ width: 660px; line-height: 80px;}
nav ul li{ width: 110px; display: block; text-align: center; float: left; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
nav ul li.this,
nav ul li:hover{ background: #31b76e; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
nav ul li a{ color: #fff; display: block; font-size: 16px;}

.lan{ width: 108px; position: relative; background: url(../images/tri_lan.jpg) top 40px right no-repeat;}
.lan li{ display: block; line-height: 78px; height: 78px; border: 1px solid #24a65e;}
.lan li img{ vertical-align: middle; margin: 0 5px 0 10px;}
.lan li a{ display: block; color: #fff;}
.lan .en{ opacity: 0; position: absolute; left: 0; top: 67px; height: 46px; line-height: 46px; background: #fff; width: 106px; z-index: 99999;}
.lan .en a{ color: #282828;}
.lan:hover .en{ opacity: 1; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

.search{ width: 95px; position: relative; height: 80px; background: url(../images/sbut.png) center no-repeat;}
.search form{ position: absolute; display: none; right: 23px; top: 67px; height: 46px; line-height: 46px; background: #fff; width: 240px; border: 1px solid #24a65e; z-index: 99999;}
.search form .stext{ height: 46px; width: 174px; padding: 0 10px; border: none; float: left;}
.search form .sbut{ height: 46px; width: 46px; border: none; float: left; background: url(../images/sbut.png) #24a65e center no-repeat;}

.banner{ width: 100%; height: 600px;}

.gg{ line-height: 46px; height: 46px; width: 1200px; margin: 0 auto; overflow: hidden;}
.gg li{ display: block;}
.gg img{ margin: 0 20px 0 0; vertical-align: middle;}
.gg span{ color: #b6b6b6; margin: 0 10px 0 0;}
.gg font{ color: #282828;}
.gg a{ color: #282828;}
.ggbg{ box-shadow: 0 0 12px 0 rgba(0,0,0,.1);}

.more{ display: block; width: 105px; height: 35px; background: #24a65e; text-align: center; line-height: 35px; color: #fff; border: 1px solid #24a65e;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.more:hover{
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}


.probg{ width: 100%; padding: 56px 0; background: url("../images/bg_pro.jpg") center no-repeat;}
.pro{ width: 1200px; margin: 0 auto;}



.stitle{}
.stitle h1{ font-size: 26px; color: #282828; font-weight: normal; line-height: 35px;}
.stitle p{ font-size: 12px; color: #888888; font-weight: lighter;}


.proul{
	margin: 20px 0 0 0;
}
.proul li{ display: block; width: 31.333%; margin: 0 3% 3% 0; float: left; background: #fff; position: relative; overflow: hidden;}
.proul li .kuang{
	width: 93%;
	position: absolute;
	left: 10px;
	top: 50px;
	margin: 0 auto;
	border: 2px solid #4fb77d;
	height: 91%;
	z-index: 1;
	text-align: center;
	line-height: 1500%;
	font-size: 18px;
	color: #24a65e;
	opacity: 0;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.proul li:hover .kuang{
	opacity: 1;
	top: 10px;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.proul li:hover img{
	opacity: 0.3;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
	-moz-transform: 	scale(1.1);
	-webkit-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
.proul li:nth-child(3),
.proul li:nth-child(6),
.proul li:nth-child(9),
.proul li:nth-child(12),
.proul li:nth-child(15){ margin: 0 0 3% 0;}


#showsum img,
#showbox img,
.proul li .pic img{
	background: #000;
}
#showsum img,
#showbox img{
	margin: 0;
}

.pro .more:hover{
	background: none;
	color: #24a65e;
}



.about{
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0 110px 0;
}
.about .stitle{
	text-align: center;
}

.abouttext{
	width: 460px;
	height: 265px;
	padding: 75px 80px 0 625px;
	background: #24a65e;
	position: relative;
	font-size: 14px;
	line-height: 32px;
	color: #f7f6fb;
	text-indent: 2em;
	margin: 30px 0 0 0;
}
.abouttext .aboutpic{
	position: absolute;
	left: -40px;
	bottom: -40px;
}

.about .more{
	background: #fff;
	border: 1px solid #fff;
	color: #24a65e;
	margin: 50px 0 0 0;
	text-indent: 0;
	box-shadow: 0 0 12px 0 rgba(82,164,119,.5);
}



.newsbg{
	padding: 94px 0 0 0;
	background: url("../images/bg_news.jpg") center no-repeat;
}

.news{
	width: 1200px;
	margin: 0 auto;
}
.leftnews .stitle h1,
.leftnews .stitle p{
	color:#fff;
}

.leftnews{
	width: 600px;
}
.leftnews .leftnewsul{
	width: 475px;
	background: #fff;
	padding: 34px 0;
	margin: 30px 0 0 0;
}
.leftnews .leftnewsul li{
	display: block;
	line-height: 46px;
	padding: 0 16px;
}
.leftnews .leftnewsul li a{
	padding: 0 20px;
	color: #4f4f4f;
	display: block;
	border-bottom: 1px solid #c4c4c4;
	background: url("../images/tri_1.png") center right 20px no-repeat;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.leftnews .leftnewsul li:hover a{
	color: #24a65e;
	font-weight: bold;
	background: url("../images/tri_2.png") center right 20px no-repeat;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}




.rightnews{
	width: 600px;
	padding: 0 0 0 0;
}
.rightnews .stitle{
	padding: 0 0 0 45px;
}
.rightnews .rightnewsul{
	margin: 10px 0 0 0;
}
.rightnews .rightnewsul li{
	display: block;
}
.rightnews .rightnewsul li:hover .text{
	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
}
.rightnews .rightnewsul li .text{
	width: 369px;
	border-right: 1px solid #bfc0bf;
	padding: 31px 44px 31px 45px;
}
.rightnews .rightnewsul li:hover .text{
	border-right: 1px solid #fff;
}
.rightnews .rightnewsul li .text span{
	display: block;
	color: #484848;
	font-size: 14px;
	margin: 0 0 15px 0;
}
.rightnews .rightnewsul li .text p{
	color: #9e9e9e;
	font-size: 12px;
	line-height: 22px;
}
.rightnews .rightnewsul li .date{
	position: relative;
}
.rightnews .rightnewsul li .date span{
	position: absolute;
	z-index: 1;
	color: #484848;
	font-size: 24px;
	top: 40px;
	left: 45px;
}
.rightnews .rightnewsul li .date font{
	position: absolute;
	z-index: 1;
	color: #484848;
	font-size: 18px;
	top: 66px;
	left: 48px;
}
.rightnews .rightnewsul li:hover .date span,
.rightnews .rightnewsul li:hover .date font{
	color: #fff;
}
.rightnews .rightnewsul li .date .pic{
	opacity: 0;
	background: #24a65e;
}
.rightnews .rightnewsul li:hover .pic{
	opacity: 1;
}
.rightnews .rightnewsul li:hover .pic img{
	opacity: .5;
}




.partner{
	padding: 80px 0;
	position: relative;
}
.partner:after{
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	left: 0;
	top: 341px;
	z-index: 1;
	background: #efefef;
}
.partner .stitle{
	text-align: center;
}
.partner .partnerul{
	width: 1200px;
	margin: 50px auto 0 auto;
}
.partner .partnerul li{
	display: block;
	float: left;
	width: 240px;
	height: 160px;
	position: relative;
}
.partner .partnerul li:before{
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	background: #efefef;
}
.partner .partnerul li:nth-child(5):after,
.partner .partnerul li:nth-child(10):after{
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 1;
	background: #efefef;
}


.xbanner{
	width: 100%;
	height: 254px;
	background: url("../images/xbanner.jpg") center no-repeat;
}


.flink{
	height: 50px;
	line-height: 50px;
	width: 1200px;
	margin: 0 auto;
}
.flink a{
	float: left;
	font-size: 16px;
	color: #282828;
}
.flink a img{
	width: 82px;
	height: 22px;
	margin: 15px 15px 0 0;
}




.footerbg{
	width: 100%;
	padding: 74px 0;
	background: url("../images/bg_footer.jpg") center no-repeat;
}
.footer{
	width: 1200px;
	margin: 0 auto;
}




.ftext{
	width: 400px;
}
.ftext h2{
	margin: 50px 0 20px 0;
	font-size: 18px;
	color: #009944;
	font-weight: normal;
}
.ftext p{
	line-height: 30px;
	color: #616161;
	font-size: 14px;
}
.fewm{
	width: 380px;
	text-align: center;
	margin: 65px 0 0 0;
}
.fewm img{
	width: 122px;
}
.fewm li{
	display: block;
	font-size: 14px;
}
.fewm li:nth-child(2),
.fewm li:nth-child(4){
	margin: 0 0 10px 0;
	padding: 0 0 0 7px;
}

.cr{
	text-align: center;
	line-height: 30px;
	background: #a0a0a0;
	color: #fff;
	font-size: 14px;
}
.cr a{
	color: #fff;
	font-size: 14px;
}


.slide.banner{
	margin-top: 80px;
}


.nbanner{
	width: 100%;
	height: 400px;
	margin-top: 80px;
}


.nclassbg{
	background: #f3fbf6;
	border-bottom: 1px solid #e4ece6;
	height: 58px;
	line-height: 58px;
}
.nclassbg ul{
	width: 1200px;
	margin: 0 auto;
}
.nclassbg ul li{
	display: block;
	float: left;
	width: auto;
	position: relative;
	text-align: center;
	margin: 0 45px 0 0;
}
.nclassbg ul li a{
	display: block;
	font-size: 16px;
}
.nclassbg ul li.this:after,
.nclassbg ul li:hover:after{
	width: 100%;
	height: 3px;
	background: #15ab47;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	border: 0;
}
.nclassbg ul li.this a,
.nclassbg ul li:hover a{
	color: #15ab47;
}





.nabout{
	padding: 80px 0 0 0;
	width: 1200px;
	margin: 0 auto;
}

.nabouttext{
	font-size: 16px;
	color: #5e5e5e;
	line-height: 30px;
}


.nabout .stitle{
	text-align: center;
	margin: 0 0 30px 0;
}



.npro{
	width: 1200px;
	margin: 80px auto;
}
.npro .stitle{
	text-align: center;
}
.cate{
	width: 280px;
	margin: 35px 0 0 0;
}
.cate h1{
	width: 280px;
	height: 64px;
	background: url("../images/bg_cate.jpg") center no-repeat;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	line-height: 64px;
}
.cate h1 span{
	font-size: 16px;
}
.cate li{
	display: block;
	line-height: 26px;
	padding: 10px 0;
	border-bottom: 1px solid #d2d2d2;
	background: url("../images/tri_1.png") center right 20px no-repeat;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.cate li a{
	display: block;
	padding: 0 30px;
	color: #484848;
	font-size: 14px;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.cate li:hover{
	background: url("../images/tri_2.png") center right 10px no-repeat;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.cate li:hover a{
	font-weight: bold;
	color: #24a65e;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}





.npro .proul{
	width: 75%;
	margin: 35px 0 0 0;
}
.npro .proul li{
	border-bottom: 1px solid #d2d2d2;
	padding: 0 0 15px 0;
	position: relative;
}
.npro .proul li:hover{
	border-bottom: 1px solid #24a65e;
}
.npro .proul li span{
	display: block;
	margin: 15px 0 0 0;
	color: #282828;
}
.npro .proul li:hover span{
	color: #24a65e;
}
.npro .proul li p{
	margin: 5px 0 0 0;
	color: #797979;
}
.npro .proul li:hover img{
	opacity: 1;
}
.npro .proul li img.pmore{
	position: absolute;
	right: 0;
	bottom: 25px;
}


.nhonor{
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}
.nhonor .stitle{
	text-align: center;
}
.nhonor ul{
	margin: 50px 0 0 0;
}
.nhonor ul li{
	float: left;
	display: block;
	width: 236px;
	height: 164px;
	margin: 0 85px 44px 0;
	position: relative;
}
.nhonor ul li:after{
	position: absolute;
	content: '';
	display: block;
	width: 236px;
	height: 32px;
	bottom: -8px;
	left: 0;
	z-index: -1;
	background: url("../images/bg_nhonor.png") center no-repeat;
}

.nhonor ul li:nth-child(4),
.nhonor ul li:nth-child(8),
.nhonor ul li:nth-child(12),
.nhonor ul li:nth-child(16),
.nhonor ul li:nth-child(20),
.nhonor ul li:nth-child(24),
.nhonor ul li:nth-child(28){
	margin: 0 0 44px 0;
}


.nhonor1{
	padding: 0 0 80px 0;
}
.nhonor1 ul li{
	height: 334px;
}


.nhonor1 ul li:after{
	width: 368px;
	height: 96px;
	left: -44px;
	bottom: -47px;
	z-index: -1;
	background: url("../images/bg_certification.png") center no-repeat;
}




.ncontact{
	width: 1200px;
	padding: 80px 0;
	margin: 0 auto;
}
.ncontact .stitle{
	text-align: center;
}

.ncontact .left{
	width: 458px;
	border: 1px solid #24a65e;
	padding: 50px 50px;
	color: #24a65e;
	margin: 40px 0 0 0;
}

.ncontact .left h1{
	font-size: 24px;
	margin: 0 0 40px 0;
	display: inline-table;
}

.ncontact .left h2{
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 3.4px;
	display: inline-table;
	text-transform: uppercase;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #24a65e;
}

.ncontact .left p{
	line-height: 20px;
	font-size: 14px;
	font-weight: lighter;
}

.ncontact .right{
	width: 380px;
	padding: 41px 90px;
	background: #24a65e;
	margin: 40px 0 0 80px;
	line-height: 45px;
	color: #fff;
}
.ncontact .right a{
	color: #fff;
}

.ncontact .right table{
	margin: 0;
	font-size: 14px;
	line-height: 30px;
	font-weight: lighter;
}

.map{
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 80px 0;
}






.nrec{ padding: 80px 0; width: 1200px; margin: 0 auto;}
.nrec .stitle{ text-align: center;}
.nrec .recul{ margin: 50px 0 0 0;}
.nrec .recul li{ line-height: 80px; width: 1198px; display: block; background: #24a65e; float: left; position: relative; border: 1px solid #24a65e; box-shadow: 0 10px 10px 0 rgba(0,0,0,.1); -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.nrec .recul li a{ display: block;}
.nrec .recul li h1{ padding: 0 95px; font-size: 18px; color: #fff;}
.nrec .recul li h1 span{ display: none; width: 18px; height: 1px; background: #fff; position: absolute; left: 62px; top: 42px;}
.nrec .recul li h1 font{ display:none; margin: 0 0 0 10px; font-size: 14px; color: #282828; font-weight: normal;}

.nrec .recul li .recintro{ display:none; line-height: normal; padding: 10px 95px 70px 95px;}

.nrec .recul li .recintro div{ float: left; padding: 0 39px; width: 280px; color: #282828; font-size: 14px; vertical-align: top; line-height: 24px; border-right: 1px solid #c0bfbf; height: 250px;}
.nrec .recul li .recintro div:nth-child(1){ padding: 0 39px 0 0;}
.nrec .recul li .recintro div:nth-child(3){ padding: 0 0 0 39px; border: none;}
.nrec .recul li .recintro div span.t{ font-size: 16px; border-left: 5px solid #24a65e; padding: 0 0 0 5px; color: #24a65e; display: block; line-height: 16px; margin: 0 0 35px 0;}
.nrec .recul li.this{ background: #fff;}
.nrec .recul li.this h1{ color: #282828; }
.nrec .recul li.this h1 font{ color: #282828; display: inline-block;}


.nnews{ padding: 80px 0; width: 1200px; margin: 0 auto;}
.nnews .stitle{
	text-align: center;
}


.nnews ul{
	margin: 40px 0;
}
.nnews li{
	display: block;
	margin: 0 0 50px 0;
	border-bottom: 1px solid #d2d2d2;
}
.nnews li .pic{
	width: 320px;
	height: 200px;
}
.nnews li .pic img{
	object-fit: cover;
}

.nnews li .date{
	width: 90px;
	margin: 60px 0 0 50px;
	color: #5e5e5e;
	border-right: 1px solid #d2d2d2;
	padding: 0 0 25px 0;
}
.nnews li .date span{
	display: block;
	font-size: 28px;
}
.nnews li .date font{
	display: block;
	font-size: 14px;
}


.nnews li .text{
	width: 540px;
	margin: 60px 0 0 20px;
}

.nnews li .text span{
	color: #525252;
	font-size: 16px;
	margin: 0 0 20px 0;
	display: block;
}
.nnews li .text p{
	color: #a3a3a3;
	font-size: 12px;
}
.nnews li:hover{
	box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
}
.nnews li:hover .text span{
	color: #24a65e;
}





.nnews li img.nmore{
	float: right;
	margin: 90px 40px 0 0;
}


.njszc ul{
	border-top: 1px solid #d2d2d2;
}

.njszc li{
	padding: 50px 0;
	margin: 0;
	position: relative;
}

.njszc li .text{
	margin: 0 0 0 40px;
}

.njszc li .date{
	margin: 0 90px 0 0;
	border: none;
	padding: 0;
}

.njszc li .nwen{
	float: right;
	margin: 8px 30px 0 0;
}

.njszc li:hover{
	box-shadow: none;
}
.njszc li:after{
	position: absolute;
	width: 1px;
	height: 100%;
	background: #d2d2d2;
	display: block;
	content: '';
	top: 0;
	right: 335px;
}



.fmessage{
	width: 420px;
}

nav>ul>li:nth-child(7),
nav>ul>li:last-child,
.block_home_slider{
	display: none;
}

.navbg{
	position: fixed;
	width: 100%;
	z-index: 9999;
}
nav>ul>li .whitebg{
	width: 100%;
	position: absolute;
	top: 80px;
	left: 0;
	background: #fff;
	line-height: 45px;
	padding: 30px 0;
	display: none;
}
nav>ul>li ul{
	margin: 0 auto;
	text-align: center;
}
nav>ul>li ul li{
	display: inline-block;
	float: none;
	width: auto;
	margin: 0 30px 0 0;
}
nav>ul>li ul li a{
	color: #484848;
	font-size: 14px;
}
nav>ul>li ul li:hover{
	background: none;
}
.whitebg li.this1 a,
nav>ul>li ul li:hover a{
	color: #24a65e;
	font-weight: bold;
}

.aboutmenu{ width: 220px;}
.promenu{
	width: 725px;
	text-align: left;
	padding: 0 0 0 264px;
}
.jszcmenu{ width: 576px; text-align: right;}
.newsmenu{ width: 776px; text-align: right;}
.contactmenu{ width: 796px; text-align: right;}

.aboutmenu li:first-child{
	margin-left: -84px;
}

.promenu li{
	width: 33.333%;
	text-align: left;
	margin: 0;
}

.wappropic{
	display: none;
}








@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
	
	

	
	
	.block_home_slider{
		display: block;
	}
	
	
	
	
	
	.bann_ext,
	.slide.banner{
		display: none;
	}
	
	
	.footer,
	.flink,
	.partner .partnerul,
	.news,
	.about,
	.pro,
	.gg,
	.nav,
	.top{
		width: 1000px;
		padding-left: 12px;
		padding-right: 12px;
	}
	
	.abouttext{
		padding: 50px 20px 0 428px;
		width: 360px;
		height: 280px;
	}
	
	.abouttext .aboutpic{
		left: -197px;
	}
	.about .more{
		margin: 30px 0 0 0;
	}
	
	.leftnews{
		width: 500px;
	}
	.rightnews{
		width: 500px;
	}
	.rightnews .rightnewsul li .text{
		padding: 20px 22px 20px 22px;
		width: 326px;
	}
	.rightnews .rightnewsul li .date .pic{
		width: 129px;
	}
	
	.partner .partnerul li{
		width: 200px;
	}
	
	.xbanner{
		height: 200px;
		background-size: cover;
	}
	
	
	.fewm{
		width: 150px;
	}
	
	
	.fmessage{
		width: 420px;
	}
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 768px) {
		.slide.banner{
	margin-top: 0;
}
.navbg{
	position: relative;
}

.nbanner{
	margin-top: 0;
}
	
	
	input{-webkit-appearance:none; border-radius: 0;}
	
	.block_home_slider .flex-control-paging{
		bottom: 10px;
	}
	
	.nbanner{
		height: 155px;
	}
	
	.nhonor,
	.nrec,
	.ncontact,
	.nnews,
	.npro,
	.nclassbg ul,
	.nabout,
	.cr,
	.footer,
	.flink,
	.partner .partnerul,
	.news,
	.about,
	.pro,
	.gg,
	.nav,
	.top{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.nabout img{
		max-width:100%;
	}

	
	
	.njszc li:after,
	.njszc li .nwen,
	.nnews li img.nmore,
	.cate ul,
	.lan,
	.fewm,
	.fmessage,
	.rightnews .rightnewsul li .date,
	.gg span,
	.partner .partnerul li:before,
	.partner:after,
	.top .right{
		display: none;
	}
	
	
	
	.top img.left{
		display: block;
		margin: 0 auto;
		float: none;
		width: 100%;
		height: auto;
	}
	
	nav{
		line-height: 60px;
	}
	
	.nav{
		position: relative;
	}
	.nav .logo img{
		width: 55px;
		height: 60px;
	}
	.nav nav.right{
		display: none;
		position: absolute;
		top: 60px;
		width: 100%;
		z-index: 999;
		left: 0;
		background: #31b76e;
	}
	
	nav ul li:nth-child(7){
		display: block;
		color: #fff;
	}
	
	nav ul li:last-child{
		display: block;
		color: #fff;
	}
	nav ul li:last-child a{
		display: inline;
	}
	.menubut{
		width: 30px;
		height: 60px;
		background: url("../images/menubut.png") center no-repeat;
		float: right;
		-moz-transition: 	all 0.5s;
		-webkit-transition: all 0.5s;
		-ms-transition: 	all 0.5s;
		-o-transition: 		all 0.5s;
		transition: 		all 0.5s;
	}
	.menubut.this{
		background: url("../images/menuclose.png") center no-repeat;
		-moz-transition: 	all 0.5s;
		-webkit-transition: all 0.5s;
		-ms-transition: 	all 0.5s;
		-o-transition: 		all 0.5s;
		transition: 		all 0.5s;
	}
	
	
	
	nav ul li{
		width: 25%;
	}
	
	.search{
		width: 30px;
		height: 60px;
		margin: 0 30px 0 0;
	}
	.search form{
		width: 300px;
		right: -9px;
		top: 60px;
	}
	.search form .stext{
		width: 234px;
	}
	
	.proul li{
		width: 100%;
		margin: 0 0 3% 0;
	}
	
	
	.abouttext{
		width: 90%;
		height: auto;
		padding: 5%;
		text-indent: 0;
	}
	.abouttext .aboutpic{
		max-width: 100%;
		position: relative;
		left: auto;
		bottom: auto;
	}
	.about .more{
		margin: 0 auto;
	}
	.rightnews .rightnewsul li:hover .text,
	.nnews li:hover,
	.rightnews .rightnewsul li:hover{
		box-shadow: none;
	}
	
	.ftext{
		width: 100%;
	}
	
	
	.xbanner{
		width: 100%;
		height: 170px;
		background: url("../images/xbanner1.jpg") center no-repeat;
		background-size: contain;
	}
	
	
	.about,
	.partner{
		padding: 40px 0;
	}
	.partner .partnerul li{
		width: 50%;
		height: auto;
	}
	.partner .partnerul li img{
		max-height: 110px;
	}
	.partner .partnerul li .pic{
		border: 1px solid #efefef;
	}
	
	
	.newsbg{
		background: url("../images/bg_news.jpg") left top no-repeat
	}
	.leftnews .leftnewsul{
		height: 226px;
	}
	
	
	.leftnews{
		width: 100%;
	}
	
	.leftnews .leftnewsul{
		width: 100%;
	}
	
	
	.rightnews{
		width: 100%;
		margin: 160px 0 0 0;
	}
	
	.rightnews .rightnewsul li .text{
		padding: 20px 0;
		border: none;
	}
	.rightnews .stitle{
		padding: 0;
	}
	
	.cr,
	.cr a{
		font-size: 12px;
	}
	
	.npro{
		margin: 40px auto;
	}
	
	.npro .proul{
		width: 100%;
	}
	
	.cate{
		width: 100%;
	}
	.cate h1{
		width: 100%;
		background-size: cover;
	}
	
	.nnews li .text{
		width: 100%;
		margin: 5% 0;
	}
	.nnews li .pic{
		width: 100%;
	}
	.nnews li .date{
		width: 100%;
		margin: 0;
		border: none;
		padding: 5% 0;
		border-bottom: 1px solid #d2d2d2;
	}
	.nnews li .date span{
		display: none;
	}
	.nnews li .date font{
		display: inline;
		font-size: 20px;
	}
	
	.njszc li{
		padding: 0;
	}
	
	
	.ncontact .left{
		width: 90%;
		padding: 5%;
	}
	
	
	.ncontact .left h1{
		font-size: 20px;
		letter-spacing: 0;
		text-align: center;
		display: block;
	}
	.ncontact .left h2{
		letter-spacing: 0;
		text-align: center;
		display: block;
		padding: 0 0 10px 0;
   		margin: 0 0 10px 0;
	}
	.ncontact .right{
		width: 90%;
		padding: 5%;
	}
	
	.map{
		width:100%;
		overflow: hidden;
	}
	.map #container,
	.map iframe{
		position: relative;
		left: 50%;
		margin-left: -600px;
	}
	.nrec .recul li{
		width:100%;
	}
	.nrec .recul li h1{
		padding: 0 5%;
	}
	.nrec .recul li .recintro{
		padding: 5%;
	}
	.nrec .recul li .recintro div:nth-child(3),
	.nrec .recul li .recintro div:nth-child(1){
		padding: 5%;
		width: 90%;
	}
	.nrec .recul li .recintro div{
		padding: 5%;
		width: 90%;
		height: auto;
		border-right: none;
		border-bottom: 1px solid #c0bfbf;
	}
	.nhonor ul li{
		width: 49%;
		margin: 0;
	}
	.nhonor ul li:after{
		width: 100%;
		bottom: 20px;
		background: url(../images/bg_nhonor.png) center no-repeat;
		background-size: cover;
	}
	.nhonor ul li:nth-child(2),
	.nhonor ul li:nth-child(4),
	.nhonor ul li:nth-child(6),
	.nhonor ul li:nth-child(8),
	.nhonor ul li:nth-child(10),
	.nhonor ul li:nth-child(12),
	.nhonor ul li:nth-child(14){
		margin: 0 0 2% 0;
	}
	.nhonor ul li:nth-child(1),
	.nhonor ul li:nth-child(3),
	.nhonor ul li:nth-child(5),
	.nhonor ul li:nth-child(7),
	.nhonor ul li:nth-child(9),
	.nhonor ul li:nth-child(11),
	.nhonor ul li:nth-child(13){
		margin: 0 2% 2% 0;
	}
	.nhonor1 ul li{
		height: 290px;
	}
	.nhonor1 ul li:after{
		left: 0;
		bottom: 0;
	}

	.whitebg{
		display: none !important;
	}


	.wappropic{
		display: block;
	}
	.proul .newstext{
		border:none;
		padding:0;
	}
	.proul .newstext img{
		max-width: 100% !important;
		height: auto !important;
	}
	.proul .newstext>table{
		display: none;
	}

	.leftnews .leftnewsul li a{
		padding: 0 10px;
		font-size: 12px;
	}


	.pro .stitle{
		float: none;
		text-align: center;
	}


	.news .stitle{
		text-align: center;
	}

	.pro .more.right{
		float: none;
		margin: 20px auto 0 auto;
	}




}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
	.leftnews .leftnewsul li a {
		padding: 0 52px 0 10px;
		font-size: 12px;
		height: 46px;
		overflow: hidden;
	}
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}