/* CSS Document */
@media(max-width:1680px){
	
}
@media(max-width:1440px){
	
}
@media(max-width:1360px){
	
}
@media(max-width:1280px){
	
}
@media(max-width:1230px){
	
}
@media(max-width:1200px){
	
}
@media(max-width:1100px){
	
}
@media(max-width:1060px){
	
}
@media(max-width:960px){
	
}
@media(max-width:860px){
	
}
@media(max-width:768px){
	
}
@media(max-width:640px){
	
	.wrap{ width:96%;}
	.nav .wrap{ height:55px;}
	
	.nav.fxd{ background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%; color:#000;}
	.nav .logo{ width:35%; height:auto;}
	
	
	.nav .iconfont{ position:absolute; right:10px; top:15px;}
	.nav .iconfont.showMenu{ display:block; cursor:pointer;}
	
	.nav .mainmenu{ position:fixed; background:#fff; top:55px; left:0; width:100%; height:100%; display:none;}
	.nav .mainmenu li{padding:15px 10px; float:none; width:100%;line-height:26px;height:26px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #eee;}
	.nav .mainmenu li a{font-size:14px;font-weight: 600;color: #3a3a3a; display:block; width:100%;}
	.ijxcon .ijxbtn a.ijxprve{ left:0;}
	.ijxcon .ijxbtn a.ijxnext{ right:0;}
	
	.banner{ height:auto;}
	.banner .wrap{ overflow:hidden;}
	.banner .yun{ display:none;}
	.banner .left-bg{ display:none;}
	.banner #parallax{}
	.banner .right-bg{ width:70%; display:none; height:auto; top:-8%;right:-8%; animation: first 10s linear infinite alternate;}	
	@keyframes first {
	  0% {
		right: -2rem;
	  }
	  50% {
		right: -1rem;
	  }
	  100% {
		right: -2rem;
	  }
	}
	
	
	
	.banner .content{ padding-top:60px;}
	.banner .content .left{}
	.banner .content h2{ font-size:28px;}
	.banner .content p.topjjj{ display:none;}
	.banner .content .left li{ width:100%; border-bottom: 1px solid #eee; padding-bottom:4%;}
	.banner .content .left li p:last-of-type{ font-size:11px;}
	.banner .content .left li span{ display:none;}
	
	.banner .content .right{ width:100%; height:auto; box-shadow: 0 0px 0px rgba(0, 0, 0, 1); position:relative; top:auto; right:auto;}
	.banner .content .right .banner_pic h3{ font-size:16px; left:5%; top:10%;}
	.banner .content .right .banner_pic p{ font-size:12px; left:5%; width:90%; top:30%;}
	.banner .content .right .banner_pic .btns{ top:auto; left:5%; bottom:2%; z-index:999;}
	.banner .content .right .banner_pic .btns a{ font-size:12px;}
	.banner .content .right .banner_pic .yingwen{ display:none;}
	.banner .content .right .banner_pic .liaojiemore{ right:2%; bottom:3%; z-index:999;}
	.banner .content .right .banner_pic .liaojiemore a{ font-size:12px; background-size:20%; padding-right:20px;}
	.banner .content .swiper-pagination{ height:3px; bottom:20px;}
	
	
	h2.itit p{ font-size:16px;}
	h2.itit p span{ font-size:12px;}
	h2.itit a.more{ font-size:12px; top:10px; background-size:20%; padding-right:5%;}
	
	.imorenr{ margin-top:7%;}
	
	.inewslist ul li a h3{ font-size:16px; font-weight:bold; background-size:3%;}
	.inewslist ul li a p{ font-size:12px; line-height:22px;text-align:justify; text-justify:distribute; text-justify:distribute-all-lines; }
	
	.imorenews{ font-size:12px; background-size:4%; padding-right:5%; margin:2% 0;}
	
	
	.footer{ padding:5% 0;}
	.footer ul{ display:block; padding-bottom:3%;}
	.footer ul li{ display:none;}
	.footer ul li:nth-child(1){ display:block;}
	.footer ul li:nth-of-type(1) .logo{ margin:0 auto;}
	.footer ul li:nth-of-type(1) p{ text-align:center;}
	.footer ul li:nth-of-type(1) div{ text-align:center;}
	.footer .wrap > p{ line-height:22px;}
	.copyright{ padding:0 2%;}
	
	.tanshipin .content{ width:100%; height:auto;}
	.tanshipin .close{ left:50%; width:30px; height:30px; margin-left:-15px; top:auto; bottom:-30px; right:auto;}
	
	.rightside{ display:none;}
	
	
	.process_background .title h4{ font-size:18px;}
	
	.process_background{ height:auto;}
	.process_background ul{ margin-top:10%; display:block;}
	.process_background ul li{ padding-bottom:7%;}
	
	.erjibanner h2{ width:100%; text-align:center; left:auto; margin:0; font-size:22px; top:55%;}
	.news ul{ margin-top:8%;}
	.news ul li{ margin-bottom:3%;}
	.news ul li a .newsimg{ width:32%; height:auto;}
	.news ul li a .newstext{ width:65%; margin-left:0; float:right;}
	.news ul li a h3{ font-size:14px; font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.news ul li a p{ font-size:12px; line-height:22px; height:44px; overflow:hidden;}
	
	.news-detail .left-box{ width:100%; float:none;}
	.news-detail .right-box{ display:none;}
	.news-detail .left-box h2{ font-size:16px; padding:3% 0 3% 0;}
	
	.news-detail .left-box .tag-box{ margin-top:3%;}
	.news-detail .left-box .next-prev-box{ height:auto; margin-top:5%;}
	.news-detail .left-box .next-prev-box li{ width:100%; float:none; height:auto; padding:3%;}
	.news-detail .left-box .next-prev-box h4{ margin:5% 0;}
	
	.p-error{ padding:20% 0 10% 0;}
	.p-error img{ height:auto; width:80%;}
	
	.contents{ margin-top:0;}
	.contents ul{ width:100%;}
	.contents ul li{ width:auto; margin-right:4%; padding-bottom:10px; color: rgba(0, 0, 0, 0.45);}
	.contents .out{ height:auto;}
	.contents ol{ width:100%; margin-top:5%; padding:0;}
	.contents ol > li .pic{ width:100%; float:none; margin-right:0;}
	.contents ol > li .pic .colorBg{ height:100%; display:none;}
	.contents ol > li .about{ width:100%; padding-top:5%;}
	.contents ol > li .about h4{ font-size:24px;}
	.contents ol > li .about p{ margin-top:5%; font-size:14px; line-height:24px;}
	
	.contents .pic02{ margin:3% 0;}
	.contents .pic02 h4{ font-size:24px;}
	.contents .pic02 p{ font-size:14px;}
	.contents .pic02 img{ margin-top:6%;}
	.content03 .wrap h4{ font-size:24px;}
	.content03 .wrap p{ font-size:16px;}
	
	.play{ margin-bottom:5%;}
	.play .title{ margin-top:5%;}
	.play .tips{ padding:3% 5%; font-size:14px; line-height:22px; margin:5% 0;}
	.play .tips span{ font-size:14px;}
	.play .tips img{ width:30px; margin-right:10px; display:none;}
	.play ul{ display:block;}
	.play ul li{ width:100%; padding-left:0; margin-bottom:5%; border-bottom: 1px solid #f2f2f2; padding-bottom:5%;}
	.play ul li .icon img{ width:50px; height:50px;}
	.play ul li .content{ margin-top:5%;}
	.play ul li:nth-child(2){ border-bottom:none;}
	.play ul li .content p:nth-of-type(2){ margin-top:0;}
	
	.singleall{ width:90%; margin:60px auto 0;}
	
	
}
@media(max-width:580px){
	
}
@media(max-width:540px){
	
}
@media(max-width:480px){
	
}
@media(max-width:380px){
	
}
@media(max-width:340px){
	
}
@media(max-width:320px){
	
}