.pcm {
	display: block;
}

.mobile-head {
	display: none;
}
.mob {
	display: none !important;
}

.sidenav {
	background: #FFF;
	/*box-shadow: 2px 2px 6px rgba(0,0,0,.3);*/
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	left: 0;
	position: fixed;
	overflow: auto;
	display: none;
	transition: transform .3s;
	top: 60px;
	width: 256px;
	z-index: 100;
	border-top: 1px solid #ccc;
}

.sidenav.show {
	display: block;
}

.sidenav-brand {
    background: #ffffff;
    padding: 10px 0px 8px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f1f6ec;
}

.sidenav-dropdown {
	border-bottom: 1px solid #f1f6ec;
	margin: 0
}

.sidenav-header {
	border-top: 1px solid #f25a29;
    padding: 0px 0px 15px 0px;
    margin-top: 10px;
}

.sidenav-header small {
	display: block;
	font-size: 14.4px;
	line-height: 16px
}

.sidenav-menu {
	list-style: none;
	margin: 0;
	padding: 0
}

.sidenav-menu li {
	display: block;
	position: relative
}

.sidenav-menu a {
	font-size:14px;
	background: 0 0;
	color: #2F1819;
	display: block;
	line-height: 24px;
	padding: 16px 32px;
	text-decoration: none
}

.sidenav-menu a:hover {
    background: #28a745;
    color: #fff;
}

.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon {
	color: #1e8c44;
}

.sidenav-dropdown-icon,.sidenav-link-icon {
	color: #757575;
	position: absolute;
	text-align: center;
	top: 12px
}

.sidenav-link-icon {
	display: block;
	height: 24px;
    left: 70px;
	width: 24px
}

.sidenav-link-title {
	display: block;
	padding: 0 16px 0 40px;
	text-transform: uppercase;
}

.sidenav-dropdown {
	display: none;
	list-style: none;
	padding: 0
}

.sidenav-dropdown a {
	background: #f1f6ec;
    font-size: 14px;
    color: #000;
}

.sidenav-dropdown a:hover {
	background: #f3f3f3;
}

.sidenav-dropdown li:first-child a {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.sidenav-dropdown-icon {
	display: none;
	height: 16px;
	right: 16px;
	width: 16px
}
.sidenav-dropdown-icon img {width:13px;}

.sidenav-dropdown-icon.show {
	display: block
}

.sidenav-overlay {
	background: rgba(14, 14, 14, 0.8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99
}

.sidenav-no-scroll {
	overflow: hidden!important
}

.sidenav-menu.lang a {padding: 16px 0px 16px 64px;}


.swiper-container3 {
	display: none;
}

@media (max-width: 1000px) {
html, body {
	overflow-x: hidden;
}
.pcm {
	display: none !important;
}
.mob {
	display: block !important;
}
.mobile-head {
    display:block;
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999999;
    height: 60px;
}	
.mobile-logo { padding-left: 10px;}
.mobile-logo img { width: 180px;padding-top: 5px;}
.mobile-nav {margin-top: 18px; padding-right: 15px;}
.mobile-nav .toggle {display: block;}
.mobile-nav .toggle img {width:27px;} 
.mobile-nav .toggle .navico2 {display: none;}
.sidenav-no-scroll .toggle .navico {display: none;}
.sidenav-no-scroll .toggle .navico2 {display: block;}

.s_menu {
		display: none;
	}
	
	.w1150, .pro-banner, .pro-hd01, .s_featured, .s_featured .ul, .s_featured .ul .li, .h2_a:after,.s_head, div.pro-banner .banner-titles {
		width: auto;
	}
	div.pro-banner .banner-titles {
		transform: translate(0%, 0);
		left: 20px;
		right: 20px;
	}
	.s_head {
		height: 60px;
	}
	
	.h2_a:after {
		display: none;
	}
	div.pro-banner .ban-cn1,.banner_n .class1 {
		font-size: 26px;
	}
	.pro-banner .ban-cn1:before,.banner_n .class1:before {
		height: 3px;
		width: 40px;
	}
	
	div.pro-banner .ban-cn2 {
		font-size: 16px;
	}
	div.pro-hd01 .swiper-pagination-bullet {
		width: 20px;
		height: 20px;
		
	}
	div.s_featured .ul {
		width: auto;
		margin: 0 20px;
	}
	.s_featured .ul .li {
		float: none;
		margin: 0 0 30px;
		margin-right: 0;
		height: auto;
	}
	.s_featured .ul .li img {
		width: 100%;
		height: auto;
	}
	
	div.pro-hd01 .swiper-pagination-bullet:before {
		height: 4px;
		width: 4px;
	}
	div.pro-hd01 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	    transform: scale(1.5);
	}
	div.pro-hd01 .swiper-pagination-bullet:before {
		margin-left: -2px;
		margin-top: -2px;
	}
	
	div.pro-banner .ban-en1 span {
		width: 160px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.s_top .sticky .logo {
		height: 45px;
		margin-top: 10px;
	}
	.s_top .logo img {
		height: 38px;
	}
	.s_top .sticky .logo, .s_top .sticky .logo img {
		height: 35px;
	}
	.s_top .sticky .logo  {
		padding-top: 5px;
		margin-top: 8px;
	}
	.s_top .logo {
		padding-top: 0px;
		margin-top: 10px;
		height: 45px;
		padding-left: 20px;
		padding-bottom: 0px;
	}
	div.pro-banner, div.pro-banner .pc-img {
		height: 400px;
	}
	h2.h2_a, .s_featured h2.h2_a,.h2_a {
		font-size: 22px;
		padding: 0;
		margin: 0;
	}
	.s_featured {
		padding: 30px 0 20px;
	}
	
	.s_featured h2.h2_a {
		margin-bottom: 20px;
	}
	
	div.pro-hd01 {
		width: 100% !important;
		text-align: center;
        transform: translate(-50%, 0);
		bottom: 3% !important;
	}
	.pro-banner .ban-cn1:before {
		display: none;
	}
	.s_about {
		padding: 50px 0;
		    background-size: cover;
	}
	.s_about .p p {
		line-height: 24px;
	}
	.s_about ul li {
		width: 32%;
	}
	.s_about ul li span {
		font-size: 12px;
		font-weight: bold;
	}
	.footer .fl {
		float: none;
		margin: 0px 20px;
	}
	.footer .fl ul li a {
		line-height: 28px;
	}
	
	.footer .fl ul:first-child {
		display: block;
		float: none;
		display: none;
	}
	.footer .fl ul li {
		font-size: 12px;
	}
	.footer .fl ul li b {
 
	}
	.footer {
		padding: 20px 0 10px;
	}
	.footer2 .w1150 {
		padding: 10px 0;
	}
	
	.footer .fl ul.last {
		width: 100%;
		height: auto;
	}
	.footer .fl ul p {
		width: calc(100% - 60px);
	}
	
	.footer .fl ul.c, .footer .fl ul {
		margin-right: 20px;
		height: 200px;
	}
	
	.s_about ul li img {
		width: 30px;
	}
	
	.s_about ul {
		width: 100%;
	}
	
	.s_about .p {
		width: auto;
		margin: 0px 20px;
	}
	.s_about h3 {
		font-size: 22px;
	}
	.footer .fl2 {
		display: none;
	}
	
	a.all {
		width: 80%;
		height: 40px;line-height: 40px;
	}
	
	.ab_body .sheb {
		background: url(/css/12_m.jpg) no-repeat center;
		    background-size: 100% auto;
		    width: 100%;
		    min-width: auto;
		    margin: 30px auto;
	}
	.ab_body2 img,.ab_body3 {
		width: 100%;
		min-width: auto;
	}
	.next-page {
		margin-left: 0px;
		float: none;
		margin-top: 30px;
		margin-left: 20px;
	}
	.banner_n .w1150 {
		padding-top: 100px;
	}
	.banner_n .class1:before {
		display: none;
	}
	.banner_n .class1 {
		left: 20px;
		float: none;
	}
	.banner_n {
		height: 250px;
	}
	.head2 .fl {
		margin-left: 20px;
	}
	.head2 .rt {
		margin-right: 20px;
	}
	
	.ab_body p {
		width: auto;
		text-align: justify;
		line-height: 26px;
		font-size: 16px;
		margin: 0px 20px;
		padding-bottom: 50px;
	}
	.ab_body2 h3 {
		margin-bottom: 10px;
	}
	
	.ab_body2 {
		padding: 0px 0 20px;
	}
	.ab_body3 {
		padding-top: 40px;
		background-size: 100%;
		padding-bottom: 180px;
	}
	.ab_body3.ab_body4 {
		margin-top: 0;
		padding-bottom: 30px;
		padding-top: 0px;
	}
	
	.ab_body3 h3 {
		font-size: 22px;
		margin-left: 20px;
	}
	.ab_body {
		margin: 20px 0;
	}
	.ab_body3 p b {
		text-align: left;
	}
	
	.ab_body p.p2 {
		margin: 0px 20px;
		float: none;
		width: auto;
		padding: 0;
	}
	.n_list1 .ul2 {
		margin: 0 15px 10px;
	}
	
	.n_list1 .ul2 a {
		width: auto;
		border-radius: 3px;
		margin: 5px 1%;
		font-size: 12px;
		font-weight: bold;
		/* background: #4f4f4f; */
		/* color: #fff; */
		padding: 0px 5px;
		border:1px solid #222
	}
	.s_featured.n_list1 {
		margin-bottom: 0;
	}
	.fenye li a, .fenye li.thisclass {
		width: auto;
	}
	.fenye li {
		display: block;
		float: left;
	}
	.fenye {
		padding: 30px 0;
	}
	
	.fenye ul {
		width: 100%;
	}
	.fenye ul li:last-child{
		display: none;
	}
	.head2 {
		margin-top: 60px;
	}
	#products_example,.pro_fl {
		width: 100%;
		 height: auto;
	}
	.pro_fl,.pro_rt {
		float: none;
		width: 100%;
		margin: 0 20px;
		width: auto;
	}
	.slides_container a {
		-webkit-transition:all 0.4s ease;transition:all 0.4s ease;
	}
	
	#products .prev,#products .next {
		top: 40%;
		left: 0;
	}
	
	#products .next {
		left: auto;
		right: 0%;
	}
	.cp_body {
		padding: 0 0;
	}
	
	.slides_container a,#products .slides_container {
		width: 100%;
	}
	#products .slides_container {
		border: 0;
	}
	
	.slides_control {
		display: block;
		margin: 0 auto;
	}
	
	.slides_container a {
		height: 300px;
		display: block;
		margin: 0 auto;
	}
	.pro_rt {
		margin: 0 20px;
		width: auto;
	}
	.pro_rt h3 {
		text-align: center;
	}
	
	.pro_rt h2 {
		font-size: 18px;
		text-align: left;
	}
	.prort2 {
		margin-top: 20px;
	}
	.prort2 p:first-child,.prort2 p:last-child {
		border: 1px solid #dfdfdf;
	}
	.prort2 p:nth-child(2),.prort2 p:nth-child(3),.prort2 p:nth-child(4) {
		border-top: 0;
	}
	.cp_body4 .p .p2 li::before {
		height: 12px;
		
		top: 6px;
		background: #f36e10;
	}
	
	.cp_body4 .p .p2 li {
		height: auto;line-height: 24px;
		padding-bottom: 10px;
	}
	
	.cp_body5,.cp_body4  {
		margin: 0 20px;
		width: auto;
		margin-top: 15px;
	}
	.cp_body2 {
		margin: 0 20px;
		width: auto;
		
	}
	.cp_body2 .p{
		overflow-x: scroll;
	}
	
	.cp_body2 .p::-webkit-scrollbar-track  {
	     /*背景内阴影*/
	     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	     border-radius: 10px;
	     /*滚动条背景颜色*/
	     background-color: #888;
	 }
	 .cp_body2 .p::-webkit-scrollbar-thumb  {
	     border-radius: 10px;
	     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	     background-color: #f36e10;
	 }
	.cp_body2 .p::-webkit-scrollbar-thumb:hover {
	     border-radius: 5px;
	     -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	     background: #eef2ff
	 }
	
	.prort2 p {
		float: none;
		width: 100%;
	}
 
	
	.wf3 .cp_body3 ul li img {
		width: 100%;
		height: auto;
	}
	.cp_body3 ul li span {
		margin-top: 0;
		padding-top: 2px;
	}
	.cp_body3 ul li p {
		padding-top: 0;
	}
	.cp_body3 ul li:last-child {
		display: none;
	}
	
	.wf3 .cp_body3 ul li {
		width: 45%;
		margin: 0 2% 20px;
		height: auto;
	}
	
	.wf3 .w1150 {
		margin: 0 20px;
		width: auto;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.cont_body {
		padding: 40px 0;
	}
	
	
	.cont_body .fl h2 {
		font-size: 22px;padding-bottom: 20px;
		padding-top: 20px;
	}
	.cont_body .fl div {
		height: auto;
		line-height: 30px;
		padding-bottom: 10px;
	}
	.cont_body .fl div.tel{
		background: url('/css/tel2.png') no-repeat 2px 3px;
		background-size: 28px;
	}
	.cont_body .fl div.mob{
		background: url('/css/tel3.png') no-repeat 2px 3px;
		background-size: 28px;
	}
	.cont_body .fl div.add{
		background: url('/css/add.png') no-repeat left 3px;
		background-size: 26px;
	}
	.cont_body .fl div.wechat{
		background: url('/css/wechat.png') no-repeat 3px 3px;
		background-size: 26px;
	}
	.cont_body .fl div.mail{
		background: url('/css/mail.png') no-repeat 3px 3px;
		background-size: 26px;
	}
	.form .bd_button {
		margin: 30px auto 20px;
	}
	
	.cont_body .fl,.cont_body .rt {
		float: none;
		width: auto;
		margin: 0 20px;
	}
	.cont_body .fl {
		margin-bottom: 50px;
	}
	.nbody .n1 .p .p4 p {
	    width: 100%;
	    float: none;
	    text-align: justify;
	}
	.nbody .n1 .p .p4 img {
	    width: 100%;
	    float: none;
	    margin-top: 5px;
	}
	.nbody .n1 .p .p4 {
	    margin-bottom: 30px;
	    padding: 15px;
	}
	.nbody .n1 .p .p2 {
		padding: 15px;
		text-align: justify;
	}
	.s_top1 {
		padding: 5px 10px;
	}
	.pro_rt .pro_cont .fl {
	    width: 100%;
	    float: none;
	}
	.pro_rt .pro_cont .rt {
	    width: 180px;
	    float: none;
	}
	.n_list1 .p_h2 {
		padding: 0 10px 0px;
	}
	.s_featured.n_list1 .ul {
	    margin-top: 30px;
	    margin-left: 0;
	    width: 100%;
	}
	.s_featured.n_list1 .ul .li {
		float: left;
		    margin: 0 2% 30px;
		    margin-right: 2%;
		    height: auto;
		    width: 46%;
	}
	.n_list1 .ul .li a span {
	    height: 40px;
	    line-height: 45px;
	    font-size: 16px;
	    margin: 0px 5px 0px;
	    border-top: 1px solid #ccc;
	    color: #666;
	    font-weight: normal;
	    padding: 0;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.n_list1 .ul .li a p {
	    margin: 0 5px 0;
	    font-size: 14px;
	    color: #c81e1b;
	    padding: 0;
	}
	.s_featured .ul .li a .p {
		display: none;
	}
	.n_list1 .p_h2 {
		text-align: justify;
		line-height: 1.9;
		padding: 0 15px;
	}
	.home_member .member_scroll {
		width: 100%;
	}
	.swiper-container3 {
		display: block;
	}
	.swiper-container2 {
		display: none;
	}
	.p_news.container {
	    width: 100%;
	}
	.newList {
	    width: calc((100% - 0px) / 1);
	    float: none;
	    padding: 0 15px;
	}
	.topBox {
	    position: relative;
	    width: 100%;
	    height: auto;
	    margin-bottom: 10px;
	}
	.content {
		padding: 20px 20px 20px 20px;
		position: relative;
	}
	.sy-title {
	    padding: 0 0 30px;
	}
	.footer .fl ul.ft-cp {
		display: none;
	}
	.ab_1f {
		height: auto;
		padding-bottom: 30px;
	}
	.ab_1f .li1 {
	    border-right: 0px solid #aaa;
	}
	.ab_1f li b {
	    padding-top: 30px;
		font-size: 30px;
	}	
	.ab_1f li p {
		text-align: center;
	}
	.ab_1f li {
	    float: none;
	    width: 100%;
	    height: auto;
	}	
	.ab_body {
	margin: 20px 0 0;
	}
	.ab_body4 {
	    padding: 20px 0;
	}
	.newsbody {
	    width: 100%;
	}
	.article_content {
		float: none;
	}
	.article_content .w1200 {
		width: 100%;
	}
	
	.article-box {
	    border: 0px solid #dee4ee;
	    background: #fff;
	    padding: 80px 30px 30px;
	    box-shadow: none;
	}
	.next-article .col-tit span {
		border-bottom: 0px solid red;
	}
	.next-article .return {
	    left: 0;
	    background: url(/css/img/zj_icon11.png) no-repeat left;
	    background-size: 15px;
	    padding-left: 10px;
	}
}