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

.headerweb{max-width: 1300px;}

.hot span{margin-left: 270px;}
.about_r{ width:56%}
.aboutus{margin-bottom: 60px;}

.liuc_t{background: url(../images/liuc7.png) 80px 80px no-repeat;}
.liuc_t li{ width:185px;}
.liuc_t li .liuc_y{ width:185px; height:185px; background-size:100% 100%}
.liuc_t li .liuc_y img{ max-width: 55%;}
.liuc_t li:hover .liuc_y{width:185px; height:185px; background:url(../images/liuct.png) no-repeat;background-size:100% 100%;-webkit-transition-duration: .8s;transition-duration: .8s;}


.hz_l{     width: 1200px}
.cp_kd{ width:1200px;}

.about_l{margin-top: 10px;}
.about_l .index-more{    margin-top: 40px;}

}

@media screen and (max-width: 1440px) {
.index-banner img{ height:450px;}	



.header-nav li { padding: 0 1.2%;}
.header-right dd {
    margin-right:25px;
}
.hot span{margin-left: 200px;}
.about_l{margin-left: 0;}
.index-btn.index-prev {
    left: -56px;}
.index-btn.index-next {
    right: -56px;}


.pp_l{padding-top: 0; background: url(../images/pin.png) left top no-repeat;padding-top: 35px; margin-top:35px;padding-bottom: 20px;}
.pp_l dl{    width:350px; padding:0 30px; margin-top:60px;}

.counter dd {right: 100px;}
.ys ul li p {
    font-size: 17px;

}

.liuc_t{background: url(../images/liuc7.png) 60px 80px no-repeat;}
.liuc_t li{ width:181px;margin-right: 38.5px;}
.liuc_t li .liuc_y{ width:181px; height:181px; background-size:100% 100%}
.liuc_t li .liuc_y img{ max-width: 55%;}
.liuc_t li:hover .liuc_y{width:181px; height:181px; background:url(../images/liuct.png) no-repeat;background-size:100% 100%;-webkit-transition-duration: .8s;transition-duration: .8s;}

.bjs{ margin-top:0}
.news_l ul li span{width: 70px;}

.header-right{right:-10px}


.iflink-ewm{ margin:0}


.news-list ul li div{    width: 65%;}
.pp_y {
    width: 400px;
    float: right;
    padding: 140px 69px 0 20px;
}
.pp_y h2{ font-size:40px;margin-top: 80px;}

}

@media screen and (max-width: 768px) {
body {overflow-x: hidden; margin: 0 auto;
	max-width: 767px;
}
.headsideNav{ display:none}
.mobnav-btn {
	display: inline-block;
	width: 35px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin-left: 5px; top:0; right:10px;
}
.header-right .searchbox {right:-70px;}

.clean80 {
    height: 30px;

}


.product-tab a{ margin-bottom:10px;}


.mobnav-btn.g_close span {
	opacity: 0;
}
.mobnav-btn.g_close span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	top: 17px;
	opacity: 1;
}
.mobnav-btn span:first-child {
	content: "";
	top: 6px;
	left: 0;
}
.mobnav-btn span:last-child {
	content: "";
	top: auto;
	bottom: 5px;
	left: 0;
}
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child, .mobnav-btn .mobnav-btn {
	left: 5px;
	position: absolute;
	background: #373737;
	-webkit-transition: all 0.5s ease;
	width: 27px;
	height: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-o-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.mobnav-btn.g_close span:last-child {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	top: 17px;
	opacity: 1;
}
.mobnav-btn span {
	top: 50%;
	margin-top: -2px;
}	
	
.headerweb{ max-width:90%; width:90%;}	
.w1480,.commonweb,.hz_l,.cp_kd 	{ width:94%; }

.search{ width:100%;margin-left:0; float:none; margin:0 auto; background-size:100% 100%}


	
.header-right dd{ display:none}	
	
.header-nav {
    position: fixed;
    top: 80px;
    width: 100%;
    left: 0;
    height: 100%;
    background: #ffffff;
    padding: 0;
    display: none;
    overflow-y: scroll;
    padding-bottom: 190px;
}
.header-nav li { 
    position: relative;    width: 100%;
    border-bottom: 1px solid #898989; padding:0}

.header-nav li h3 {
    padding: 0 10px;
}
.header-nav li h3 a {
    display: block;
    padding: 10px 0;
}
.header-nav .sub-nav {
    background-color: #f2f2f2; width:100%;top:44px;
    z-index: 3;
    padding: 0;
}
.header-nav .sub-item h4 {
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 15px;
}


.header-right .search-con{ right:1px;}

.phsearchicon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 45px;
    width:60%;
}
.header-nav li.cur .phsearchicon:after {
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 13px;
}
.phsearchicon:after {
    content: "";
    position: absolute;
    top: 17px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.hot{margin: 20px 0 20px;}
.hot span{ display:none}
.aboutus{ margin-bottom:50px;}
.about_l{ width:98%; margin:30px 0 30px 2% ;}
.about_l .index-more{margin-top: 30px;}
.about_l .index-more{ width:100%}
.about_l .index-more a{ width:48%; margin-right:1%; margin-bottom:1%}
.about_r{ width:100%}

.bjs{ margin-top:0; padding:30px 0 30px}
.index-btn{    width: 30px;top: 54%;
    height: 30px;-moz-background-size: 30px;
    -o-background-size: 30px;
    background-size: 30px;
}

.font50{ font-size:30px;}
.bt h1{ font-size:26px;}
.bt i{ font-size:14px;}
.index-btn.index-prev{ left:-10px}
.index-btn.index-next{ right:-10px}

.indxNewsmin .index-btn.index-prev{ left:0}
.indxNewsmin .index-btn.index-next{ right:0}


.inxnews-list li{ width:50%}

.indxNewsmin{ padding-top:0}

.sypp{ display:none}

.bt i{ display:none}
.bt span{ width:90px; height:35px; line-height:35px; margin-top:15px; background-size:100% 100%; font-size:14px;}

.category-box a img{ height:250px;}

.indxNews-wraper,.arrivals-wrapper,.inxSolut-wrapper {
	padding: 25px 30px 0;
}

.bjb{    padding-top:30px;padding-bottom:25px;}
.pp_l{ height:220px; padding-top:0; 
 padding-bottom: 0;  margin-top:20px; background-size:100% 100%}
 .pp_l dl p{ padding-top:0;}
 
.pp_l dl{ padding:20px 0; font-size:16px; margin-top:15px;
    width: 100%;}
.pp_r{ width:80%}


.container{    padding:100px 0 30px;}
.counter{ width:100%; margin-bottom:20px;}
.counter dd{right: 80px;}
.counter:after{ display:none}

.case{ background:#fff !important}
.news{ background:#f4f4f4 !important}
.news_l ul li{
    background: #fff;}
.ys ul,.ys ul li{ width:100%;}
.ys ul li{ margin-bottom:20px;}	
.ys ul li img{ height:auto}	

.liuc_t{ display:none}
.liuc dl{ display: block}


.icon-list ul li{ width:48%}
.icon-list ul li a span img{ height:129px;}

.news_l,.news_l ul{ width:100%}
.news_l dl{ display:none}
.news_l ul li a { width:100%;padding: 20px 6%; height:auto; float:left}
.news_l ul li div{ width:65%;}
.xw_bt{ float:left !important}

.hez { display:none}

	
	.link{    margin-top:30px;}
	
	

.iflink	{padding: 60px 0 10px 0; margin-top:60px}
.iflink-name{background:none; width:100%;top: -40px;margin-left:0;left:0; text-align:center}
.iflink-name div{ width:100%}
.iflink-name img{ width:70%; }

.iflink-lx{padding: 20px 10px; float:left}

.iflink-menu{ width:100%;    padding:0 10px 10px;}

.iflink-ewm{ display:none}




input,select,button,option,textarea{ border:0; outline:none; cursor: pointer;}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: unset;
    -moz-osx-font-smoothing: grayscale;
}
 /*foot-nav*/
 .footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: block; }
 .footer-fix li {float: left;width: 25%;}
 .footer-fix li a {display: block;text-align: center;padding: 14px 0;font-size: 15px;line-height: 1;}
 .footer-fix li i {display: block;font-size: 20px;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
 
 
/*产品中心*/
.index-banner img{ height:200px}
.dh_dy{margin:20px 0;}
.pro-list{padding-top: 30px;}
.pro-list ul .product-item{ width:50%;padding: 0 10px;} 
 
 .pro-list ul .product-link span{ height:160px}
 
.w250{ display:none} 
.w950 { width:100%;}
 
.inner-page-r,.w900,.w1200 { width:94%;}
 .wui-cabinet{ width:100%}
 .contents{ padding:16px;}
 .wui-cabinet .wui-cabinet-preview{ height:300px;}
 .contents dl{ width:100%; margin-top:20px;}
.clean50{ height:20px;} 
 
.news-list ul li div{ width:100%; margin-top:10px;} 
 .news-list ul li .newt{padding:10px;}

 
 
 .images-list ul{     margin: 20px 0;}
.images-list ul li{ width:49%}
.images-list ul li img{ height:140px;}
.images-list ul li p{padding: 0 30px;height: 44px; font-size:13px; margin:8px 0}

.site-pbody .siteW{ width:94%}
.site-content{ display:none}

.zsjm ul{ display:none}
.zs{ display:block}
 
 .zs_l ul li img{ width:40%}
.zs_l ul li{ width:48%; margin-bottom:2%} 
.zs_l ul li h2{ font-size:28px;margin:18px 0 10px;}
.zs_l ul li p{ font-size:16px;line-height:25px;}

.lxwm ul li{ width:48%; margin-right:2%; margin-bottom:2%}
.lxwm ul li p{ font-size:14px;}
.lxwm ul li:last-child{ width:100%}

.jszc{ width:100%; float:left; padding:15px 0; }
.jszc dl{ padding:0; width:102%;}
.jszc dl a{width: 31.33%; height:120px;
    background: url(../images/js.png) center no-repeat; background-size:100% 100%; margin:0 2% 2% 0; float:left}
	.jszc dd{ padding-top:5px;}
.jszc dl a i {
    font-size: 50px;
    color: #feaf00;
    line-height: 80px;}	
	
	.jszc dl a p{ font-size:20px; line-height:33px;}
	
	
	
	
	
.about_sl{padding: 20px 0 ;}
.about_sl ul{ width:100%}
.about_sl ul li{ width:50%; margin-bottom:20px;}

.qywh ul{ width:100%;margin-left:0; }
.qywh ul li h2{ font-size:22px;}
.qywh ul li p{ font-size:16px;}

.honor-list ul li{ width:47%}
.honor-list ul li .certificate-listing-frame{ height:200px;}
.honor-list ul li .more{ font-size:16px; height:45px; overflow:hidden }

.pp_l dl{padding: 20px ;}
.pp_n{ padding-top:0; background-size: 100%; padding-bottom:10px;}
.pp_y{ width:100%;padding: 25px 20px ;}
.pp_y h2{ font-size:24px; margin-top:0}
.pp_y dl{ font-size:16px; line-height:30px}



.about_nr dl img{ display:block}





}


@media screen and (max-width:430px) {
	
.inxnews-list li,.inxSolut-wrapper li { width:100% !important}	
	
	
}



@media screen and (max-width: 320px) {
.iflink-name{  top: -30px; }
.jszc dl a i{ font-size:30px;}
.header-right .searchbox {
    right: -80px;
}	
}