@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0; font-family: Microsoft Yahei, "å¾®è½¯é›…é»‘", Pingfang SC, Helvetica, Arial, "Times New Roman";}
body{ text-align: justify;  max-width: 1920px; margin: 0 auto;}
a{ text-decoration:none; }
input,select,textarea{ outline:none;  border-radius: 0; -webkit-appearance:none;}
img{ border: none;}
li { display: block; }
p { color: #666; line-height: 30px;}

.clear{clear:both;}
.clearfix{ *zoom: 1;}
.clearfix:before{ content: ""; display: table;}
.clearfix:after{ content: ""; display: table; clear: both;}

.b { font-weight:bold; }
.xt { font-style:italic; }
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f24 {font-size:24px;}
.f30 {font-size:30px;}
.f36 {font-size:36px;}
.f42 {font-size:42px;}

.c0 {color:#000;}
.c0 a {color:#000;}
.c0 a:hover{color:#000;}
.c6 {color:#666;}
.c6 a {color:#666;}
.c6 a:hover{color:#666;}
.c48 {color:#484848;}
.c48 a {color:#484848;}
.c48 a:hover{color:#484848;}
.cf {color:#fff;}
.cf a {color:#fff;}
.cf a:hover {color:#fff;}

.p10{ padding: 10px 0; }
.p20{ padding: 20px 0; }
.p30{ padding: 30px 0; }
.p40{ padding: 40px 0; }
.p50{ padding: 50px 0; }
.p60{ padding: 60px 0; }
.p70{ padding: 70px 0; }
.p80{ padding: 80px 0; }
.p90{ padding: 90px 0; }
.p100{ padding: 100px 0; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt90{ margin-top: 90px !important; }
.mt100{ margin-top: 100px !important; }

.w14 { width:90%; max-width: 1440px; margin:auto;}
.left { float: left; }
.right { float: right; }

.top .logo { margin: 14px 0 0 0; width: 220px; }
.top .logo img { width: 100%; }
.top .menu { margin: 58px 0 28px 0; font-size: 20px; }
.top .menu li { display: block; float: left; margin: 0 80px 0 0; font-size: 20px; }
.top .menu a { font-size: 20px; }
.top .menu li:hover a { color: #011689; font-size: 20px; }



.swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 6px;
	background: #011689;
	cursor: pointer;
	opacity: .5;
}
.swiper-active-switch {
	opacity: 1;
}
.pagination {
	position: absolute;
	z-index: 20;
	left: 0;
	width: 100%;
	bottom: 20px;
	text-align: center;
}

.swiper-container,
.swiper-wrapper,
.swiper-slide{
	height: auto !important;
}


.banner_pc img { width: 100%; display: block; }
.banner_pc li { display: block; }

.bannerbg{
	height: 400px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.bannerbg .nbanner,
.bannerbg .listbanner{
	height: 400px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.title { display: table; margin: 0 auto; }
.title .en { font-size: 72px; font-weight: bold; color: #eeeeee; text-align: center;}
.title .large { margin-top: -56px; font-size: 40px; text-align: center;  line-height: 36px; }
.title .details { text-align: center; }



.pro .content { position: relative; }
.pro .content li { float: left; margin: 0 2% 2% 0; font-size: 24px; position:relative; width: 32%;

}
.pro .content li:nth-child(3n) { margin: 0 0 2% 0; }
.pro .content li .propic { overflow: hidden; }
.pro .content img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;  
}
.pro .content li:hover img {
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.pro .content .propic img { width: 100%; display: block; }
.pro .content .protext { font-size: 24px; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; box-sizing: border-box; padding: 40px;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8))
}


.about { background: #f4f4f4; }
.aboutleft { width: 636px; }
.abouttitle {  }
.abouttitle .en { font-size: 72px; font-weight: bold; color: #eeeeee; }
.abouttitle .large { margin-top: -56px; font-size: 40px; line-height: 36px; }
.abouttitle .details { }


.aboutintro p { margin: 30px 0; line-height: 30px; }
.aboutintro .more { 
	display:block; 
	background: #f55812;
	width:140px; height: 42px;
	border: 1px #f55812 solid; 
	font-size: 16px; 
	line-height: 42px; 
	text-align: center; 
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;  
}
.aboutintro:hover .more { background: #eee; border: 1px #f55812 solid rgba(255,255,255,0); font-size: 16px; color: #f55812; }

.aboutright { width: 700px; }
.aboutright img { width: 100%; }


.youshi li { width: 336px; float: left; }
.youshi li:nth-child(4n) { margin-right: 0; }
.youshidown { background: #f4f4f4; height: 226px; }
.youshi img { width: 100%; display: block; }
.youshidown .youshitext { padding: 46px 30px; }
.youshitext strong { font-size: 24px; }
.youshitext p { padding-top: 10px; }


.youshi li a{
	display: block;
	margin: 0 15px;
}


.jjfa { background-image: url("../images/jjfa.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
.jjfatitle { display: table; margin: 0 auto; padding: 100px 0; }
.jjfatitle .en { font-size: 72px; font-weight: bold; color: #464646; text-align: center; }
.jjfatitle .large { margin-top: -56px; font-size: 40px; text-align: center; line-height: 36px; }

.jjfaarea { padding: 0 0 150px 0;}
.jjfaarea .yuan { border-radius: 100px; border: 1px #bbb solid; margin: 0 20px; }
.jjfaarea .iconfont { color: #fff; font-size: 48px; text-align: center; margin: 40px 0 0 0; }
.jjfaarea .yuan p { font-size: 20px; color: #fff; text-align: center; font-weight: bold; margin: 20px 0 0 0; }

.jjfaarea li{
	display: block;
	float: left;
}
.jjfaarea li.swiper-slide-active .yuan,
.jjfaarea li:hover .yuan { 
	background: #fff; 
	border: 1px #fff solid; 
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
}
.jjfaarea li:hover .iconfont { color: #011689; }
.jjfaarea li:hover p { color: #000; }
.jjfaarea li.swiper-slide-active .iconfont { color: #011689; }
.jjfaarea li.swiper-slide-active p { color: #000; }



.news { background: #f4f4f4; }
.newsfl { display: table; margin: auto; }
.newsfl li { width: 190px; height: 46px; float: left; line-height: 46px; text-align: center; background: #fff; margin: 0 16px 0 0; }
.newsarea { margin-top: 32px; }
.newsarea li { float: left; width: 32%; margin-right: 2%; }
.newsarea li:nth-child(3n) { margin-right: 0; }
.newsarea li img { width: 100%; display: block; }
.newsarea li .newstext1 { background: #fff; padding: 42px; }
.newstext1 strong { font-size: 20px; margin-bottom: 20px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.newstext1 p { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.newstext1 .more { color: #f55812; margin-top: 20px;}



.bottom { background: url("../images/bottom.jpg"); background-size: cover; }

.bottomarea li { width: 25%; float: left; }

.bottomarea .logo2 { margin-top: 20px; }

.bottomarea span { font-size: 16px; color: #fff; margin-bottom: 10px; display: block; } 
.bottomarea strong { font-size: 30px; color: #0064bf;}
.bottomarea p { font-size: 14px; line-height: 26px; color: #fff; margin-top: 10px; display: block; }
.bottomarea .dharea { width: 200px; margin-left: 90px; }
.bottomdh li { margin-bottom: 10px; width: 100%; float: none; }
.bottomdh li a{ font-size: 14px;}

.bottomcode .codepic { width: 130px; }
.bottomcode .codepic img { width: 100%; }
.bottomcode font { display: block; margin: 6px 10px 0 24px; line-height: 14px; }

.copyright { margin-top: 20px; padding-top: 20px; text-align: center; color: #888; border-top: solid 1px #666 ; }
.copyright a { color: #888;  }

/*----------------关于我们----------------*/
.aboutba { width: 100%; }
.aboutba img { width: 100%; display: block; }

.nboutcontent { margin-bottom: 100px; }
.nboutpic { margin: 40px 0 0 0; }
.nboutpic img { width: 100%; display: block; }

.naboutys { background: url("../images/naboutback.jpg"); background-size: cover; padding: 100px 0 40px 0; }
.naboutysarea li { width: 23%; margin: 0 15.5% 60px 0; float: left; }
.naboutysarea li:nth-child(3n) { margin-right: 0; }
.naboutysarea .iconfont { font-size: 48px; color: #011689; }
.naboutysarea strong { font-size: 24px; margin: 10px 0; display: block; }
.naboutysarea p { font-size: 16px; line-height: 30px; }

/*----------------产品中心----------------*/
.proba { width: 100%; }
.proba img { width: 100%; display: block; }
.nproleft { width: 21%; }
.nproleft .listtitle { background: #011689; text-align: center; padding: 24px 0; }
.nproleft .listtitle p { font-size: 36px; font-weight: bold; color: #fff; opacity: 0.2; line-height: 36px; }
.nproleft .listtitle strong { font-size: 30px; line-height: 30px; margin-top: -33px; display: block; }

.nproleft .list li { background: #eee; color: #666; display: block; margin: 2px 0 0 0; line-height: 52px; position: relative; } 
.nproleft .list .iconfont { position: absolute; top: 3px; right: 0; width: 60px; line-height: 52px; text-align: center; cursor: pointer;}

.nproleft .list li a{ display: block;  padding: 0 0 0 60px;}
/* .nproleft .list li:hover .iconfont{ color: #fff;} */
.nproleft .list li a:hover { background: #e66c00; display: block; color: #fff; }
.nproleft .list li a:hover .iconfont { color: #fff; }
.nproleft .list li ul{ display: none;}
.nproleft .list li ul li { line-height: 32px; font-size: 16px; background: #fff; }
.nproleft .list li ul li a:hover { color: #e66c00; background: #fff; }

.nproleft .list2 li { height: 32px; background: #fff; line-height: 32px; }
.nproleft .list2 li p { font-size: 14px; margin: 0 0 20px 0; }

.procon img { display: block; width: 100%; }


.nproright { width: 77%; float: right; }
.nproright li { display:block; float: left; margin: 0 2% 2% 0; width: 32%; }
.nproright li:nth-child(3n) { margin-right: 0; }
.nproright li .propic { overflow: hidden; } 
.nproright li img { 
	display: block; 
	width: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;  
}
.nproright li:hover img {
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.nproright .protext { background: #eee; text-align: center; line-height: 54px; font-size: 20px; }
.nproright li:hover .protext { background-color: #011689; color: #fff; }

/*----------------解决方案----------------*/
.njjfaarea li { position: relative; float: left; width: 23.5%; margin: 0 2% 2% 0; }
.njjfaarea li:nth-child(4n) { margin-right: 0; }
.njjfaarea img { width: 100%; display: block; }
.njjfaarea .text { position: absolute; top: 120px; right: 130px; }
.njjfaarea .iconfont { color: #fff; font-size: 60px; text-align: center; }
.njjfaarea p { color: #fff; font-size: 20px; font-weight: bold; margin: 30px 0 0 0; }

.ncontainer{
	width: 1108px;
    margin-left: 32px;
}


/*----------------新闻中心----------------*/
.nnewsfl { display: table; margin: auto; }
.nnewsfl li { width: 190px; height: 46px; float: left; line-height: 46px; text-align: center; background: #eee; margin: 0 16px 0 0; }
.nnewsarea { margin: 32px auto 100px auto ; }
.nnewsarea li { float: left; width: 32%; margin: 0 2% 2% 0; }
.nnewsarea li:nth-child(3n) { margin-right: 0; }
.nnewsarea li img { width: 100%; display: block; }
.nnewsarea li .newstext1 { background: #f4f4f4; padding: 42px; }

/*----------------联系我们----------------*/
.conba { width: 100%; }
.conba img { width: 100%; display: block; }

.huany { margin: 60px 0; }
.hyleft { width: 32%; float: left; }
.hyleft img { width: 100%; }
.hyright { width: 68%; height: 240px; background: #eee; float: right; padding: 64px 76px 0 76px; box-sizing: border-box; }
.hyright span { font-size: 24px; margin: 0 0 30px 0; display: block; }

.nconcontent li { width: 23.5%; background: #eee; padding: 60px 0; float: left; margin: 0 2% 2% 0; }
.nconcontent li:nth-child(4n) { margin-right: 0; }
.nconcontent li .iconfont { font-size: 90px; color: #011689; text-align: center; }
.nconcontent p { text-align: center; display: block; }
.nconcontent strong { font-size: 20px; text-align: center; display: block; }

.nconarea .map { margin: 0 0 100px 0; overflow: hidden;}

.nconarea .map iframe{
	position: relative;
	margin-left: -960px;
	left: 50%;
}



.nprolist2{
	width: 100%;
	float: none;
	margin-top: -40px;
}
.nprolist2 .list li{
	width: 15.3%;
	float: left;
	margin: 0 1.64% 0 0;
	line-height: 80px;
	text-align: center;
}
.nprolist2 .list li a{
	display: block;
	font-size: 24px;
	color: #4b4b4b;
	background-color: #fefefe;
	padding: 0;
	border: 1px solid #efefef;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
}
.nprolist2 .list li:last-child{
	margin: 0;
}
.nproleft .list li:hover a,
.nproleft .list li.this a{
	background: #e66c00;
	color: #fff;
	border: 1px solid #9d5622;
}


.xmal{
	background-color: #f5f5f5;
}

.xmal .text{
	position: relative;
}
.xmal .text .pagination{
	bottom: 0;
}
.xmal .text .pagination span{
	width: 34px;
	height: 5px;
	border-radius: 0;
	background-color: #d1d3d4;
	opacity: 1;
}
.xmal .text .pagination span.swiper-active-switch{
	background: #e66c00;
	opacity: 1;
}




.view{
	width: 99.75%;
	overflow: hidden;
	position: relative;
}
.view .swiper-container {
	width: 125%;
}
.view .swiper-container .swiper-slide .pic{
	margin: 0 4px;
	background-color: #000;
}
.view .swiper-container .swiper-slide .pic img{
	opacity: .66;
}
.view .swiper-container .swiper-slide-active .pic img{
	opacity: 1;
}

.view .iconfont {
	position: absolute;
	right: 6%;
	top: 50%;
	margin-top: -35px;
	font-size: 70px;
	color: #e66d00;
	z-index: 10;
	cursor: pointer;
}

.view .arrow-right {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 100%;
	height: 113px;
}

.preview .swiper-slide {
	width: 230px;
	height: 113px !important;
}
.preview .swiper-slide .pic{
	background-color: #000;
	height: 111px !important;
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .pic{
	margin: 0 4px;
}
.preview .pic img{
	opacity: .5;
}

.preview .active-nav .pic img{
	opacity: 1;
}

.pic{ overflow: hidden;}
.pic img{ max-width: 100%; display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden; transition: all 0.3s;transform: scale(1); max-height:100%;}


.nprocontainer{
	width: 100%;
	float: none;
	margin: 50px 0 0 0;
}



.gyxj{
	background-color: #ededed;
}

.texttitle p{
	font-size: 15px;
	color: #666;
	letter-spacing: 0;
	margin: 5px 0 0 0;
}


.gyxjslide{
	padding: 0 8%;
	box-sizing: border-box;
	position: relative;
}
.gyxjslide .iconfont{
	position: absolute;
	top: 50%;
	font-size: 32px;
	width: 52px;
	line-height: 52px;
	margin-top: -26px;
	text-align: center;
	color: #e6730c;
	border: 2px solid #e6730c;
	border-radius: 50%;
	cursor: pointer;
}
.gyxjslide .arrow_gyxj_left{
	left: 5%;
	transform: rotate(180deg);
}
.gyxjslide .arrow_gyxj_right{
	right: 5%;
}
.gyxjslide li{
	position: relative;
}
.gyxjslide li .pic{
	margin: 0 20px;
	background-color: #000;
	border-radius: 50%;
}

.gyxjslide li .pic img{
	border-radius: 50%;
	margin: 0;
}
.gyxjslide li:hover .pic img{
	opacity: .35;
}
.gyxjslide li p{
	font-size: 30px;
	color: #dadada;
	line-height: 30px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	box-sizing: border-box;
	padding: 0 20px;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: 	all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.gyxjslide li:hover p{
	opacity: 1;
}


.sywllist li{
	display: block;
	width: 45%;
	margin: 0 10% 30px 0;
	float: left;
}
.sywllist li:nth-child(2n){
	margin: 0 0 30px 0;
}
.sywllist li .pic{
	width: 33%;
}
.sywllist li .pic img{
	margin: 0;
}
.sywllist li .text{
	width: 64%;
	margin: 0 0 0 3%;
}
.sywllist li .text strong{
	font-size: 22px;
	color: #494949;
	display: block;
}
.sywllist li .text p{
	font-size: 16px;
	line-height: 30px;
	color: #494949;
	white-space: pre-line;
	margin: 25px 0 0 0;;
}
.menubut,
.menuclose{
	display: none;
}



.pcv{
	display: block;
}
.wapv{
	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: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 460px) {
	.bottom{
		background: url("../images/bottom.jpg") center no-repeat;
		background-size: cover;
	}
	.bottom ul{
		display: none;
	}
	.p100{
		padding: 20px 0;
	}
	.copyright{
		border: none;
		margin-top: 0;
		padding-top: 0;
		font-size: 12px;
	}
	.copyright a{
		font-size: 12px;
	}
	.newsarea{
		margin-top: 20px;
	}
	.newsarea li{
		width: 100%;
		float: none;
		background-color: #fff;
		margin: 0 0 20px 0;
	}
	.newsarea li .newspic{
		width: 40%;
		float: left;
		height: 120px;
	}
	.newsarea li .newstext1{
		width: 60%;
		float: right;
		box-sizing: border-box;
		padding: 3%;
	}
	.newstext1 strong{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.newstext1 p{
		font-size: 12px;
		line-height: 20px;
		height: 20px;
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.newstext1 .more{
		font-size: 12px;
	}
	.newsfl li{
		width: 32%;
		margin: 0 2% 0 0;
		height: 30px;
		line-height: 30px;
	}
	.newsfl li:last-child{
		margin: 0;
	}
	.newsfl{
		width: 90%;
	}
	.newsfl li a{
		font-size: 12px;
		display: block;
	}
	.jjfatitle .large,
	.abouttitle .large,
	.title .large{
		font-size: 22px;
		margin-top: -42px;
		text-align: center;
	}
	.jjfatitle .en,
	.abouttitle .en,
	.title .en{
		font-size: 42px;
		text-align: center;
	}
	.mt40{
		margin-top: 20px !important;
	}
	.mt100,
	.mt60,
	.mt80{
		margin-top: 40px !important;
	}
	.title{
		display: block;
	}
	.jjfatitle .details,
	.title .details{
		font-size: 12px;
		margin-top: 10px !important;
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	.pro .content li,
	.pro .content li:nth-child(3n){
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.pro .content li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.pro .content .protext{
		padding: 20px;
		font-size: 16px;
	}

	.aboutintro{
		font-size: 14px;
	}

	.aboutleft{
		width: 100%;
	}
	.abouttitle .details{
		font-size: 16px;
		margin-top: 10px !important;
		text-align: center;
	}

	.aboutintro .more{
		width: 110px;
		line-height: 30px;
		height: 30px;
		font-size: 14px;
		margin: 0 auto;
	}

	.aboutright{
		width: 100%;
		margin: 30px 0 0 0;
	}

	.youshidown .youshitext{
		padding: 20px;
	}
	.youshitext strong{
		font-size: 16px;
	}
	.youshitext p{
		font-size: 14px;
	}

	.youshidown{
		height: auto;
	}

	.jjfaarea .yuan{
		margin: 0 10px;
	}

	.jjfatitle{
		padding: 40px 0 20px 0
	}

	.jjfaarea{
		padding: 0 0 40px 0;
	}


	.top .logo{
		margin: 0;
		width: 180px;
		height: 67px;
		padding: 10px 0;
	}

	.top .menu{
		margin: 0;
		position: fixed;
		right: 0;
		top: 87px;
		width: 100%;
		height: 100%;
		z-index: 9;
		display: none;
		background-color: #fff;
	}
	.top .menu li{
		width: 100%;
		float: none;
		display: block;
		margin: 0;
		line-height: 44px;
		text-align: center;
		border-top: 1px solid #efefef;
	}
	.top .menu li:last-child{
		border-bottom: 1px solid #efefef;
	}
	.top .menu li a{
		font-size: 14px;
	}

	.menubut{
		display: block;
		font-size: 34px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -17px;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.menuclose{
		display: block;
		font-size: 30px;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -15px;
		transform: scale(0);
		opacity: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}

.top{
	position: relative;
}
.jjfaarea .yuan p{
	margin: 30px 0 0 0;
}
.jjfaarea .yuan p{
	font-size: 16px;
	margin: 5px 0 0 0;
}


.copyright{
	word-break: keep-all;
}

.bannerbg,
.bannerbg .nbanner,
.bannerbg .listbanner{
	height: 178px;
	background-position: left -90px center;
}
.bannerbg .nbanner,
.bannerbg .listbanner{
	width: 100%;
}
.nprolist2 .list li a{
	font-size: 14px;
}
.nprolist2{
	margin-top: -25px;
}
.nprolist2 .list li{
	width: 32%;
	margin: 0 2% 2% 0;
}
.nprolist2 .list li:nth-child(3n){
	margin: 0 0 2% 0;
}
.nprolist2 .list li{
	line-height: 40px;
}
.nprocontainer{
	margin: 30px 0 0 0;
}



.nproright li,
.nproright li:nth-child(3n){
	width: 49%;
	margin: 0 2% 2% 0;
}
.nproright li:nth-child(2n){
	margin: 0 0 2% 0;
}

.nproright .protext{
	line-height: 40px;
	font-size: 14px;
}


.page a.total,
.page a.pagenum,
.page a.pageper{
	display: none;
}
.page{
	text-align: center;
}





.texttitle span{
	font-size: 20px;
}
.texttitle{
	line-height: normal;
	padding: 0;
	font-size: 26px;
}


.protext .text{
	font-size: 14px;
	line-height: 24px;
}


.view .swiper-container{
	width: 100%;
}

.view .iconfont{
	display: none;
}

.preview .swiper-slide{
	height: 32px !important;
}

.preview{
	margin-top: 0;
}

.xmal .text .pagination span{
	width: 14px;
	height: 4px;
}

.protext .xmal .text{
	padding: 20px 0;
}

.sywllist li{
	width: 100%;
}
.sywllist li .text strong{
	font-size: 14px;
}
.sywllist li .text p{
	font-size: 12px;
	line-height: 20px;
}
.p90{
	padding: 40px 0;
}
.pagechange{
	display: none;
}


.sywllist li .text{
	height: auto !important;
}


.gyxjslide .arrow_gyxj_left{
	left: 0;
}
.gyxjslide .arrow_gyxj_right{
	right: 0;
}

.gyxjslide .iconfont{
	width: 24px;
	line-height: 24px;
	font-size: 12px;
	border-width: 1px;
	margin-top: -12px;
}



.gyxjslide li .pic{
	margin: 0 10px;
}



.njjfaarea li,
.njjfaarea li:nth-child(4n){
	width: 49%;
	margin: 0 2% 2% 0;
}
.njjfaarea li:nth-child(2n){
	width: 49%;
	margin: 0 0 2% 0;
}
.njjfaarea .iconfont{
	font-size: 40px;
}

.njjfaarea p{
	margin: 10px 0 0 0;
}
.njjfaarea .text{
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -40px;
	text-align: center;
}


.njjfaarea p{
	font-size: 16px;
}




.nnewsarea li{
	width: 100%;
	float: none;
	background-color: #f4f4f4;
	margin: 0 0 20px 0;
}
.nnewsarea li .newspic{
	width: 40%;
	float: left;
	height: 120px;
}
.nnewsarea li .newstext1{
	width: 60%;
	float: right;
	box-sizing: border-box;
	padding: 3%;
}
.newstext1 strong{
	font-size: 14px;
	margin-bottom: 10px;
}
.newstext1 p{
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newstext1 .more{
	font-size: 12px;
}

.nnewsfl li{
	width: 32%;
	margin: 0 2% 0 0;
	height: 30px;
	line-height: 30px;
}
.nnewsfl li:last-child{
	margin: 0;
}
.nnewsfl{
	width: 90%;
}
.nnewsfl li a{
	font-size: 12px;
	display: block;
}
.nnewsarea{
	margin: 40px auto 40px auto;
}


.newstext .text *{
	font-size: 14px !important;
}

.p70{
	padding: 40px 0;
}
.newstext h2{
	font-size: 24px;
}
.sharebox{
	display: none;
}

.naboutysarea li{
	width: 100%;
	margin: 0 0 20px 0;
}
.naboutysarea .iconfont{
	float: left;
	overflow: hidden;
	font-size: 34px;
	margin: 0 20px 0 0;
}
.naboutysarea strong{
	font-size: 18px;
	margin: 0;
	line-height: 34px;
}
.naboutysarea p{
	font-size: 14px;
}

.hyleft{
	width: 100%;
	float: none;
}

.hyright{
	width: 100%;
	float: none;
	padding: 10%;
	font-size: 14px;
	height: auto;
	line-height: 24px;
}

.hyright span{
	font-size: 18px;
}

.nconcontent li .iconfont{
	font-size: 40px;
}


.nconcontent li{
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
	padding: 40px 0;
}






.pcv{
	display: none;
}
.wapv{
	display: block;
}
















}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}