@media screen and (max-width:768px) { 
  

.header-nav{display:none;}
.nav-bar{
	float:right;
	background-color:#ffffff;
	height:100px;
	margin:0px 0 0 0;
	}
.nav-bar{
	float:right;
	height:100px;
	margin:0px 0;
	}
.nav{
	float:left;
	}
.nav  li,.nav  li a{
	position:relative;
	display:block;
	
	}	
.nav > li{
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	margin:0  0  0 0px;
	}
.nav > li > a{
	padding:0 20px;
	text-align:left;
	text-transform:uppercase;
	color:#000000;
	BACKGROUND: url(../images/nav11.jpg) right;
	background-color:#ffffff;
	}/*δѡ��ɫ�޸���*/

.nav >li:hover > a,.nav >li.nav-current > a{
	BACKGROUND: url(../images/nav11.jpg) right;
	background-color:#ffffff;
	color:#3886C8;
		}	/*ѡ�к���ɫ�޸���*/		
.nav  li li{
	display:block;
	*display:block;
	line-height:35px;
	padding:0 15px;
	color:#000000;
	background-color:#FFFFFF;
	}/*������ɫ�޸���*/
.nav  li li a{ border-bottom:1px dotted #DFE3E6;color:#000000;background-color:#FFFFFF;}	/*������ɫ�޸���*/
.nav ul{
	width:300px;
	padding:10px 0;
	position:absolute;
	top:100px;
	left:0;
	background:#FFF;
	text-align:left;
	visibility:hidden;
	opacity:0;
	}
.nav ul ul{
	top:0;
	left:300px;
	}
.nav ul.bl-ul{
	display:block;height:auto;opacity:1;visibility:visible
	}	
.nav-bar .nav li  .nav-ico{
	display:block;
	width:7px;
	height:100px;
	position:absolute;
	display:block;
	overflow:hidden;
	top:0;
	right:7px;
	background:url(../images/icons01.png) no-repeat center center
	}	
.nav-bar .nav li:hover  .nav-ico,.nav >li.nav-current .nav-ico{
	background:url(../images/icons01-hover.png) no-repeat center center
	}	
.nav-bar .nav li li .nav-li-ico{
	display:block;
	width:0;
	height:0;
	border:4px solid;
	position:absolute;
	top:15px;
	right:5px;
	border-color: transparent  transparent  transparent #999;
	background:none;
	margin:0;
	padding:0;
	}
.nav-bar .nav li li:hover .nav-li-ico{
	border-color: transparent  transparent  transparent #3886C8;
	}
.nav-bar-left{display:none;}	
.nav-bar-right{display:none;}		

.layout,.header_layout,.index-info-wrap .index-info{width:100%}
body,.container{min-width:100%;}
.scrollsidebar{ display:none;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.product-slides:hover .product-item{
	-moz-transform:scale(1.0);-webkit-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0);
	}
.owl-dots {
	width:100%;
	position:absolute;
	left:0;
	bottom:20px;
	text-align:center;
}
.owl-dots .owl-dot {
	display:inline-block;
	width:5px;
	height:5px; 
	background:none; 
	cursor: pointer; 
	text-indent: -9999px; 
	border-radius:50%;
	margin:0 4px;
	background:#DBDBDB;
}
.owl-dots .active {
	background: #222222;
}
.topbar{
	/*display:none;*/
	overflow:hidden;
	}
.head-wrapper{
	border-bottom:none;
	}	
.head-wrapper-fix .header{
	display:none;
	overflow:hidden;
	}	
.logo{
	float:none;
	width:100%;
	text-align:center; padding-top:5px; padding-bottom:5px;
	}	
.logo img{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1; max-width:90%;
	max-height:none;
	}	
.head_right{display:none;}	
.mobile-head-wrapper{
width:100%;
	position:relative;
	height:38px;
	
	display:block;
	z-index:9999;
	}
.mobile-serve{
	
	float:left;
	}
.mobile-serve1{
	width:33%;
	float:left;
	}
.mobile-serve .title-ico {
	position:relative;
	display:block;
	width:100%;
	height:38px;
	background-image:url(../images/mobile_head_icons.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:38px auto;
	z-index:9000;
	}	
.mobile-nav-bar{
	}
.mobile-language{
	}	
.mobile-head-search{
	}
.mobile-head-social{
	}	
.mobile-nav-bar .title-ico{
	background-position:center 0;
	}
.mobile-language .title-ico{
	background-position:center -76px;
	}	
.mobile-head-search .title-ico{
	background-position:center -38px;
	}
.mobile-head-social .title-ico{
	background-position:center -114px;
	}
.mobile-serve .mobile-head-hide{
	position:absolute;
	left:0;
	top:38px;
	width:100%;
	background-color:#fff;
	padding:15px;
	text-align:center;
	visibility:hidden;
	opacity:0;
	
	}
.mobile-serve .mobile-head-show{
	display:block;
	opacity:1;
	visibility:visible;
	}
.body-show-quick .head-wrapper{}
.body-show-quick:before{content:'';display:block;width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);z-index:9999;}
.body-show-quick-nav:before{display:none;}
.body-show-quick-nav .mobile-nav-mask{display:block;content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:10002;}
	
.mobile-serve.mobile-nav-bar .mobile-head-hide{-moz-transform:none;-webkit-transform:none;transform:none;height:0;padding:0;}

.head-search {
	display:block;
	*display:block;
	width:100%;
	}	
.head-search .search-ipt {
	width:100%;
	}
.head-search .search-btn {
	border:none;
	width:auto;
	padding:0 15px;
	}							

.topbar .head-contact .head-phone:before,.topbar .head-contact .head-email:before,.transall:before,.language:before,.topbar .head-contact .head-phone:after,.topbar .head-contact .head-email:after,.transall:after,.language:after,{
	width:0;
	display:none;
	}						
.language{
	float:none;
	}

.nav-bar{display:none;}

.nav-wrap{padding:1em 15px 10px;background:#fff;z-index:10000;width:70%;height:100%;position:fixed;left:-70%;top:0;display:block;z-index:10009;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; opacity:0; text-align:left;}

.nav-wrap .nav{left:auto;border:0;position:relative;width:100%;height:100%;overflow:visible;overflow-y:scroll;overflow-y:auto;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;line-height:32px;float:none;display:block;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.nav-wrap .nav li,.nav-wrap .nav li a{float:none;display:block;padding:0; margin:0; font-size:12px;height:auto; line-height:30px;}

.nav-wrap .nav li a:after{display:none;content:"";}

.nav > li > a{color:#333}
.nav >li:hover > a,.nav >li.nav-current > a{color:#333;}	

.nav >li:hover > a,.nav >li.nav-current > a{background-color:transparent}

.nav-wrap .nav li a:hover,.nav-wrap .nav li a.hover,.nav-wrap .nav li:hover{background:none;}

.nav-wrap .nav li{border-bottom:1px solid #ddd;padding:6px 0;position:relative;}

.nav-wrap .nav li .nav-ico-with-child{display:block;width:30px;height:30px;position:absolute;right:0;top:6px;}

.nav-wrap .nav li .nav-ico-with-child:before,.nav-wrap .nav li .nav-ico-with-child:after{content:"";display:block;width:12px;height:2px;background:#333;position:absolute;left:50%;margin-left:-6px;top:50%;margin-top:-1px;opacity:0.6;}

.nav-wrap .nav li .nav-ico-with-child:after{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}

.nav-wrap .nav li ul{display:none;position:static;width:100%;background:none;border:0;padding:0 0 5px; opacity:1; visibility:visible;}

.nav-wrap .nav li ul ul{padding-left:15px;}

.nav-wrap .nav li ul a{display:block;position:relative;padding-left:10px;}

.nav-wrap .nav  li li a{ border-bottom:none;}	

.nav-wrap .nav li ul li{position:relative;}


.nav-wrap .nav li li{padding:0;border:0;}

.nav-wrap .nav li.show-nav-menu > ul{display:block;}

.nav-wrap .nav li.show-nav-menu > .nav-ico-with-child:after{display:none;}

.nav-wrap .nav li.with-sub-menu > a{display:block;margin-right:40px;}

.nav-wrap .nav li.show-nav-menu > a{font-weight:bold;}

.nav-wrap .nav li li .nav-ico-with-child{top:1px;}

.nav-wrap .mobile-ico-close{display:block;left:auto;right:-31px;z-index:20000;}

.show-nav .mobile-ico-close{display:block;left:auto;right:-31px;}

.mobile-fix-head .header{position:fixed;top:0;}

.mobile-fix-head .topbar{margin-bottom:38px;}

.mobile-nav-bar .mobile-head-show{left:0;display:block;}

.mobile-nav-bar .mobile-head-show .nav-wrap{left:0;z-index:10009;opacity:1}

.mobile-ico-close{display:none;width:30px;height:30px;background:#fff url(../images/mobile_close.png) center center no-repeat;background-size:50% auto;position:absolute;left:-31px;top:0;}

.slide-banners{height:auto;}
.slide-banners .slide-item{height:auto; background:none;}
.slide-banners-wrap .slide-banners .slide-item img{ display:block; width:100%;}	
.flex-direction-nav{ display:none;}
.flex-control-paging li a {width: 5px; height: 5px}	
	
.index-info-wrap .index-info ul{
	width:100%;
	text-align:center;
	padding:0px 0 0px
	margin:0 0px;
	}		
.index-info-wrap .index-info ul .index-info-list{
	width:90%;
	margin:0 auto;
	display:block;
	}	
.index-info-wrap .index-info ul .index-info-list .info-title{
	line-height:20px;
	margin:0 0 8px;
	}		

.index-info-wrap .index-info ul .index-info-list .info-title span{
	font-size:16px;
	padding:10px 0 0 0;
	}	
.info-title	{}
.info-title img{max-height:120px; max-width:120px;}

.index-tit-bar{
	padding:15px 0;
	}	
.index-tit-bar .title{
	font-size:16px;
	}			
.index-product{
	padding:0;
	margin:0;
	}	
.product-slides-wrap,.product-slides-wrap .product-slides,.product-slides .product-item,.arr-product .product-item,.goods-items-wrap,.goods-items-wrap .goods-items,.goods-items .product-item{
	width:98%;
	}
.product-slides-wrap .product-slides,.goods-items-wrap .goods-items{
	padding:0 10px 50px 10px;
	}
			
.product-item .item-wrap{
	width:94%;
	margin:0 auto;
	}	
.product-item .pd-info,.product-slides .product-item .pd-info{
	padding:5px;
	}
.product-item .pd-info .pd-name,.product-slides .product-item .pd-info .pd-name{
	
	font-size:14px;
	}	
.index-arr-product 	.arr-product-slides{
	width:100%;
	padding:0 0 20px
	}
			
.index-about{
	width:100%;
	margin:0 auto;
	padding:10px;
	}	
.about-tit-bar{
	padding:10px 0;
	}
.about-tit-bar .title{
	font-size:16px;
	}
.about-cont{
	width:100%;
	}	
.about_max span{ float:none; width:100%;}
.about_max .anl_rig{ width:100%;}
	
.about-more-div{text-align:center; width:100%;clear:both;}
.about-more{
float:none;
}
.about-banner{
width:100%;
	margin:0 auto;
	float:none;
	display:block;
	overflow:hidden;
	padding:0 0 20px 0;	
	}
.about-banner .flex-control-nav {bottom:0;}	

.about-banner .slides{
	position:relative;
	display:block;
	margin:0 auto;
	}
	
.about-cont .huanhang{clear:both
	}
	
	
.product-banner{
	float:none;
	display:block;
	overflow:hidden;
	padding:0 0 20px 0;	
	}
.product-banner .flex-control-nav {bottom:0;}	

.product-banner .slides{
	position:relative;
	width:60%;
	display:block;
	margin:0 auto;
	}
		
.about-detail{
	float:none;
	width:100%;
	font-size:12px;
	}
		

.path-bar .path-nav{width:96%; margin:5px auto;}	
.path-bar{
	margin:0 0 15px;
	}	
.aside{
	width:100%;
	float:none;
	}	
.side-tit-bar{
	position:relative;
	height:35px;
	line-height:35px;
	background:none;
	padding:0;
	}
		
.side-tit-bar .side-tit{
	position:relative;
	font-size:14px;
	line-height:35px;
	font-weight:normal;
	color:#333;
	}
.side-tit-bar .side-tit-ico:before{
	color:#666;
	position:absolute;
	top:10px;
	right:10px;
	font-size:16px;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	}
.side-tit-bar .side-tit-ico-down:before	{
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	}
.side-tit-bar:before,.side-tit-bar:after{content:"";display:block;width:8px;height:2px;background:#333;position:absolute;left:95%;margin-left:-4px;top:50%;margin-top:-1px;opacity:0.6;}
.side-tit-bar:after{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}

.side-widget{
	border:1px solid #eee;
	width:98%;
	margin:0 auto 20px;
	padding:0 10px;
	}	
.side-widget .side-hide{
	display:none;
	padding:0 0 10px
	}
.side-cate ul li li{
	
	padding:0 0 0 15px
	}	
.side-cate ul li a,.side-cate ul li li a{
	font-size:12px;
	background:none;
	padding:0
	}
.aside .side-bn{ display:none;}	
.products-scroll-list-wrap{
	width:100%;

	}	
.products-scroll-list{
	width:100%;
	}
.products-scroll-list li{
	padding:0;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	width:50%;
	position:relative;
	margin:0 0 15px;
	text-align:center;
	}
.products-scroll-list li img{position:relative;width:90%;border:1px solid #EAEAEA; float:none; margin:0 auto; display:block;}
.products-scroll-list li .pd-info{position:relative; width:90%; margin:0 auto;display:block;}

.products-scroll-btn-prev,.products-scroll-btn-next{
	display:none;
	}

.main{
	width:100%;
	float:none;
	}	
.main-tit-bar{
	padding:0 0 10px;
	border-bottom:1px solid #E0E0E0;
	width:98%;
	margin:0 auto;
	}	
.main-tit-bar .title{
	font-size:14px;
	padding:0 0 0 10px;
	}
.goods-summary{
	position:relative;
	width:96%;
	margin:0 auto;
	}
.product-list ul,.certificate-list ul,.video-list ul{
	width:100%;
	}	
.product-list ul .product-item,.video-list ul .product-item,.certificate-list ul .product-item,.arr-product-slides .product-item{
	width:50%;
	margin:0 0 10px;
	}
.product-item .pd-info .pd-name{
	font-size:12px;
	}	
.download-list ul,.faq-list ul{
	position:relative;
	width:96%;
	display:block;
	overflow:hidden;
	margin:0 auto;
	}	
.entry{ position:relative; width:96%; margin:0 auto}	
.inquiry-form{
	padding:25px 7% 75px;
	}	

.inquiry-form .inquiry-form-ico{

	width:45px;

	}	

.detail-wrap{padding:0;border:0;background:none;}

.product-view{width:100%;float:none;padding:0;margin-bottom:0;}

.product-view .product-img{display:none;}

.product-view .small-img-wrap{display:none;}

.mobile-product-view{
	position:relative;
	width:100%;
	margin:0 auto
	}

.mobile-product-view .mobile-img-item,.mobile-product-view .mobile-img-item img	{
	position:relative;
	width:100%;
	}
.mobile-product-view:after{
	content:"";
	width:100%;
	height:40px;
	display:block;
	overflow:hidden;
	background:rgba(0,0,0,0.3);
	position:absolute;
	left:0;
	bottom:0;
	}
.product-intro{padding-bottom:0;}
.mobile-product-view .owl-dots {
	bottom:10px;
}
.mobile-product-view .owl-dots .owl-dot {
	background: #fff;
}
.mobile-product-view .owl-prev,.mobile-product-view .owl-next{ display:block; width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; background-image:url(../images/mobile_gallery_arrows.png); background-repeat:no-repeat; background-color:transparent; background-size:60px 30px; text-indent:-9999em; overflow:hidden; opacity:0.15;}

.mobile-product-view .owl-prev{background-position:0 0; left:10px;}

.mobile-product-view .owl-next{background-position:-30px 0; right:10px;}


.product-title{
	text-align:center;
	font-size:16px

	}
/* product summary */
.product-summary{width:96%;float:none; margin:20px auto 0;}	
	
/* detail */

.product-detail{padding:0 ; margin:0}

.product-detail .detail-tabs{display:none;}

.detail-tabs{height:auto;border-bottom:0;}

.products-img img,.entry img{max-width:100%;}

.entry th, .entry td{padding:0 8px;}

.mobile-detail-items{
	margin:30px 0 0
	}

.mobile-detail-item .tab{display:block;float:none;margin-bottom:10px;}

.mobile-detail-items h2{display:block;float:none;padding:8px 10px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:28px;position:relative;font-size:14px;}

.mobile-detail-items .current h2,.mobile-detail-items .active h2{margin-bottom:0;background-color:#fff;padding:8px 10px;margin-bottom:0;}

.mobile-detail-items .current h2,.mobile-detail-items .current h2 a,.mobile-detail-items h2,.mobile-detail-items h2 a{color:#333;}

.mobile-detail-items h2:after{content:"";display:block;width:11px;height:16px;background:url(../images/mobile_select_arrow.png) center center no-repeat;background-size:80% auto;position:absolute;right:10px;top:15px;}

.mobile-detail-items .active h2:after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}

.product-detail .detail-panel{display:none;background:#fff;border-bottom:1px solid #ddd;padding:10px 10px 30px;}

.mobile-detail-items .detail-panel{display:none;}

.mobile-detail-items .current .detail-panel{display:none;}

.mobile-detail-items .active .detail-panel{display:block;}

.mobile-detail-items .current h2{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:0;}

.mobile-detail-items .active h2{border-bottom:2px solid #222222;}

		
.goods-tbar .title{
	font-size:14px;
	}			
.goods-may-like{
	margin:20px 0 0;
	}
.goods-items .product-item{
	margin:0
	}	
	
.page-layout{
	padding:0;
	}			
.inquiry-form .inquiry-form-ico{
	width:65px;
	}	
.footer{
	padding:25px 0 45px
	}	
.mobile-foot-contact{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:40px;
	line-height:40px;
	display:block;
	overflow:hidden;
	z-index:9999;
	}
.mobile-foot-contact .head-phone,.mobile-foot-contact .head-email{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	text-align:center;
	color:#FFF;
	}	
.mobile-foot-contact .head-phone{
	width:45%;
	background-color:#E25050;
	border-right:1px solid #DFE3E6;
	
	}
.mobile-foot-contact .head-phone span{ color:#FFFFFF;}
.mobile-foot-contact .head-email{
	width:55%;
	background-color:#222222;
	}	
	.mobile-foot-contact .head-email a{
	width:55%;
	background-color:#222222;
	color:#FFF;
	}	
.mobile-foot-contact .head-phone span,.mobile-foot-contact .head-email span{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	}	
.mobile-foot-contact .head-phone span:before{
	padding:0 5px 0 0;
	font-size:14px;
	line-height:40px;
	
	}	
.mobile-foot-contact .head-email span:before{
	padding:0 5px 0 0;
	font-size:14px;
	line-height:40px;
	
	}	

/*��ҳ���Ų�Ʒ��� ��ʼ*/
.tabbox{text-align:center; }
.tabbox li{margin:0;padding:0;list-style:none;}
.tabbox .tab{overflow:hidden; display:inline-block; *display:inline; *zoom:1; width:100%;  }
.tabbox .tab a{ width:100%; display:block; margin:0px 5px 5px 5px; padding:0 0px; line-height:30px; background-color:#e5e5e5; font-size:14px; color:#808080; text-decoration:none; cursor:pointer; transition:all 0.5s ease 0s;}
.tabbox .tab a:hover{ background-color:#E5E5E5; text-decoration:none;}
/*.tabbox .tab a.on{background:#3886C8;color:#fff;text-decoration:none;}*/
.tabbox .content{overflow:hidden;}
.tabbox .content li{display:none;}
.tab-more { float:none; clear:both; margin-top:30px; }
.tab-more a { display:inline-block; *display:inline; *zoom:1; line-height:34px; padding:0 35px; border:2px solid #999; color:#666; transition:all 0.5s ease 0s; }
/*.tab-more a:hover { background-color:#3886C8; border-color:#01adee; color:#fff; text-decoration:none; }*/
.tab-more-center { text-align:center; }


/*��ҳ���Ų�Ʒ��� ����*/

/*��ҳ���ſ�ʼ*/
.index-news{
	position:relative;
	width:100%;
	padding:20px;
	background-color:#F3F3F3;
	BORDER-top: #E0E0E0 1px solid;
	}
.index-news-tit-bar{
	position:relative;
	text-align:center;
	padding:20px 0 0px;
	line-height:37px;
	}
.index-news-tit-bar .title{
	 
	font-size:30px;
	font-weight:normal;
	}
.index-news-tit-bar .title,.index-news-tit-bar .title a{
	color:#000000;
	font-size:30px;
	font-weight:normal;
	}
.MsoNormal{ font-size:13px; line-height:25px;}
.index-news-tu{text-align:center}
.index-news-tu img{max-width:100%; max-height:100%; margin:10px 20px 0 0;}
.index-news-nr{float:left; width:95%}
 .index_news_l{float: left;overflow:hidden; margin:20px 0 20px 0; width:48%;border-bottom:0px solid #E0E0E0;}
 .index_news_r{float: right;overflow:hidden; margin:20px 0 20px 0;width:48%;border-bottom:0px solid #E0E0E0;}
 .wxs{ display:none;}
   /*新闻*/
.boxseven .boxseven_cen .boxseven_list dl{ width:95%; float:none; margin-bottom:20px; display:block;}
}

 @media only screen and (min-width:600px) and (max-width: 768px){.sy_profl_imgall{width:46%; margin-left:2%; margin-right:2%; overflow:hidden;}.sy_profl_img_right{float:left; width:100%;}.sy_profl_img_right_hangju{ line-height:25px; height:125px; overflow:hidden;}}
@media only screen and (max-width:380px){.sy_profl_imgall{ width:100%;}.sy_profl_img{ width: 160px; height: 160px; line-height: 160px; }.sy_profl_img img{max-width:160px;max-height:160px;}.sy_profl_img_right{float:left; width:40%;}}