

@media (max-width: 1366px) {
/*inproduct*/
.inprod li .pro_txt{font-size:15px;}
/*inproduct*/

/*inabout*/
.gsjj{padding:20px 0 90px 50px;}
.yous{right:50px;}
.xxsm{font-size:15px;line-height:27px;width:100%;padding:30px 90px 0 45px;color:#666;}
.more{margin-top:20px;}
/*inabout*/

.vw120{padding:0 80px 50px 80px;}

/*--inner--*/
.inner{padding:70px 80px 50px 80px;}
.inner1{padding:70px 80px 50px 80px;}
.qua_rt img{width:100%;height:auto;}
/*--inner--*/

/*---------------------nei-------------------*/

/*about*/
.subnav{padding:0 80px;}
.about{padding:60px 80px;}

.qyhj{padding:70px 60px;}
.qyhj li{float:left;width:calc(20% - 30px);height:auto;overflow:hidden;margin:0 15px 30px 15px;}
.honor{padding:70px 60px 0 60px;}
.honor li .pic img{width:100%;height:300px;}
.honor li{float:left;width:calc(20% - 30px);height:auto;overflow:hidden;margin:0 15px 30px 15px;}
.quality{padding:70px 60px;}
.quality li{float:left;width:calc(20% - 30px);height:auto;overflow:hidden;margin:0 15px 30px 15px;}
.quality li .pic img{width:100%;height:300px;}
/*about*/

/*news*/
.newsList li .conn{padding-right:20px;}
/*news*/

/*product*/
.ProList li{width:calc(25% - 20px);margin:0 10px 20px 10px;}

.cp_detrt_nav li.cur a{color:#fff;display:block;background:#c7000c;}
.related_product li{ width:calc(16% - 16px); margin:0px 8px 16px 8px;}
.related_product li .pro_txt{font-size:15px;}
/*products*/.

/*--------------------nei--------------------*/
}

@media (max-width: 1200px) {
.inpro_box{width:auto;padding:0 0;margin-top:40px;}

}

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

	.in_top{ display: none;}
	.wap_top{ display: block; background: #FFF; width:100%; height:60px; position:fixed; top: 0; left: 0; z-index:2000; border-bottom: 1px solid #CCC;}
	.wap_top .lt{ float:left; padding:15px 0 0 15px;font-family:"sjxingshu";font-size:24px;}
	.wap_top .lt img{ max-height:40px;}
	.wap_top .menu{ position:absolute; top:60px; left:0; width:100%; line-height:40px; z-index:1001; display:none;}
	.wap_top .menu li{ width:100%; background:rgba(255,255,255,0.95); border-top:1px solid #EEE; position:relative;}
	.wap_top .menu li:last-child{ border-bottom:1px solid #EEE;}
	.wap_top .menu li>p a{ display:inline; color:#333; height:40px; line-height:40px; margin-left:10px; text-transform: uppercase;}	
	.wap_top .menu li>p a:hover{ color:#F47815;}
	.wap_top .menu li em{ position:absolute; right:15px; top:15px; width:10px; height:10px; border:1px solid #666; border-left:0px; border-bottom:0px; opacity:1; display:block; transform:rotate(45deg);}
	.wap_top .menu li .ul_2{ width:100%; height:auto; line-height:33px; background:#FFF; display:none; color:#999;}
	.wap_top .menu li .ul_2 .li_2>p{ background:url(../images/t.png.html) left center no-repeat;}
	.wap_top .menu li .ul_2 .li_2:last-child>p{ background-image:url(../images/t_1.png.html);}
	.wap_top .menu li .ul_2 .li_2 a{ display:inline-block; height:33px; color:#666; margin-left:25px;}
	.wap_top .menu li .ul_2 .li_2 a:hover{ color:#F47815;}
	.wap_top .menu li .ul_2 span{ margin-left:10px;}
	.wap_top .controlBtn{ height:60px; width:60px; background-color: #F47815; position:relative; cursor:pointer; float:right; z-index:3; transition:all 0.3s;}
	.wap_top .controlBtn i{display:block;height:2px;background: #FFF;width:24px;position:absolute;top:29px;left:18px;transition:all 0.3s;opacity:1;}
	.wap_top .controlBtn i::after{content:"";display:block;height:2px;background: #FFF;width:24px;position:absolute;top:-7px;left:0px;transition:all 0.3s;}
	.wap_top .controlBtn i::before{content:"";display:block;height:2px;background: #FFF;width:24px;position:absolute;bottom:-7px;left:0px;transition:all 0.3s;}
	.wap_top .controlBtn i.on{ background:none; opacity:1;}
	.wap_top .controlBtn i.on::after{ transform:rotate(45deg); top:0px;}
	.wap_top .controlBtn i.on::before{ transform:rotate(-45deg); bottom:0px;}
	.wap_topjg{ display: block; width: 100%; height: 60px;}

}



@media (max-width: 768px) {
/*inproduct*/

.inprod li{width:calc(33.33% - 20px);margin:0 10px 20px 10px;}
/*inproduct*/

/*in about*/
.gsjj{padding:20px 10px 20px 10px;margin-top:50px;}
.xxsm{font-size:17px;line-height:160%;width:100%;padding:40px 10px 0 10px;color:#666;}
.zuos{width:100%;height:auto;background:#fff;margin-top:0;position:relative;overflow:hidden;}
.yous{height:auto;position:inherit;right:0;top:0;width:100%;overflow:hidden;padding:0 0 0 0;}
.more{margin:50px 0 25px 25px;}
/*in about*/

.vw120{padding:0 15px 50px 15px;}

/*--inner--*/
.inner{padding:70px 20px 50px 20px;}
.inner1{padding:70px 20px 50px 20px;}
.xinw_lt{width:100%;}
.xinw_rt{display:none;}

.product_nerlt{display:none;}
.product_nerrt{width:100%;height:auto;}

.qua_lt{display:none;}
.qua_rt{width:100%;height:auto;padding:0 10px;}
.qua_rt img{width:100%;height:auto;}
/*--inner--*/

/*--------------------------------------------------------------nei--------------------------------------------------------*/
.ny_ban{width: 100%;height:360px;background-color:#000;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;text-align:center;position:relative;overflow:hidden;}
.ny_ban img{width:100%;height:360px;}
.ny_ban div{position:absolute;left:0px;top:50%;width:100%;text-align:center; transform:translate(0,-50%)}
.ny_ban div img{margin-top:40px;cursor:pointer;width:35px;height:35px;}

.ny_ban1{width: 100%;height:360px;}
.ny_ban1 img{width:100%;height:360px;}
.ny_ban1 div{position:absolute;left:0px;top:50%;width:100%;text-align:center; transform:translate(0,-50%)}
.ny_ban1 div img{margin-top:40px;cursor:pointer;width:35px;height:35px;}

.subnav{padding:0 20px;}
/*about*/
.about{padding:40px 15px 40px 15px;font-size:16px;}

.qyhj{padding:50px 15px;}
.qyhj li{float:left;width:calc(25% - 30px);height:auto;overflow:hidden;margin:0 15px 30px 15px;}
.honor{padding:50px 15px 0 15px;}
.honor li .pic img{width:100%;height:200px;}
.honor li{float:left;width:calc(25% - 30px);height:auto;overflow:hidden;margin:0 15px 30px 15px;}
.quality{padding:50px 15px;}
.quality li{float:left;width:calc(25% - 30px);height:auto;overflow:hidden;margin:0 15px 30px 15px;}
.quality li .pic img{width:100%;height:200px;}
/*about*/

/*news*/

/*news*/

/*product*/
.ProList li{width:calc(33.33% - 20px);margin:0 10px 20px 10px;}
.pr_rt_sx li{height:auto;line-height:160%;}

.pro_tion .pr_lt{width:100%;height:auto;padding:50px 0;}
.pro_tion .pr_lt img{width:100%;height:auto;}
.spec_pic{width:570px;margin:0 auto;height:auto;overflow:hidden;}
.pro_tion .pr_rt{width:100%;height:auto;overflow:hidden;padding:30px 20px;}

.spec-preview{width:100%;height:auto;}
.spec-scroll{width:100%;height:auto;;}
.spec-scroll .items{width:100%;height:auto;}
.spec-scroll .items ul li{width:64px;height:auto;margin:0 5px 5px 0;}

/*products*/

/*quality*/
.qua_pic_lt{padding:0 0;width:100%;height:auto;overflow:hidden;}
.qua_con_rt{height:auto;padding:50px 50px;width:100%;overflow:hidden;margin-top:1px;}
.qua_pic_rt{padding:0 0;width:100%;height:auto;overflow:hidden;}
.qua_con_lt{height:auto;padding:50px 50px;width:100%;overflow:hidden;margin-top:1px;}
.qua_cjxc{padding:80px 30px;}

.qua_cjxc{padding-left:10px;padding-right:10px;margin:0 0;}
.qua_cjxc li{width:calc(33.33% - 20px);margin:0 10px 20px 10px;}
.qua_cjxc li .xc_pic img{height:180px;}


.workshop{padding:0 0 0 0;}
.workshop li{width:calc(33.33% - 20px);margin:0 10px 20px 10px;}
.workshop li .pic img{width:auto;height:160px;}
/*quality*/


.lxwm{width:auto;padding:50px 20px 30px 20px;height:auto;overflow:hidden}
.lxwm .lt{float:left;width:40%;height:auto;overflow:hidden;font-size:18px;color:#555;line-height:180%;padding-left:10px;}
.lxwm .lt b{font-size:22px;color:#C00;}
.lxwm .lt .conn{padding:0px 0 30px 0;}
.lxwm .rt{float:right;width:60%;height:auto;overflow:hidden;background:#f3f3f3;padding:20px 20px;}

}



@media (max-width: 640px) {
/*inproduct*/
.pro_title{padding:20px 12px 40px 12px;}
.pro_title h1{font-size:30px;}
.inprod{padding:0 0px;}
.inprod li{width:calc(50% - 20px);margin:0 10px 20px 10px;}
/*inproduct*/
/*in about*/
.jisi{position:absolute;right:0px;top:0px;width:70px;z-index:3;}
.jisi .clef{background:url(../img/index_w_02.jpg) no-repeat left center;width:35px;height:36px;float:left;display:block;}
.jisi .crig{background:url(../img/index_w_02s.jpg) no-repeat left center;width:35px;height:36px;float:left;display:block;}
.jisi .clef:hover{background:url(../img/index_w_04s.jpg) no-repeat left center;width:35px;height:36px;float:left;display:block;}
.jisi .crig:hover{background:url(../img/index_w_04.jpg) no-repeat left center;width:35px;height:36px;float:left;display:block;}

/*in about*/

/*--inner*/
.inner1{padding:30px 15px 30px 15px;}
.inner{padding:30px 10px 30px 10px;}
/*--inner*/

/*------------------------------------------------------------------------------nei-------------------------------------------------------------*/
.ny_ban{width: 100%;height:180px;background-color:#000;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;text-align:center;position:relative;overflow:hidden;}
.ny_ban img{width:100%;height:180px;}
.ny_ban div{position:absolute;left:0px;top:50%;width:100%;text-align:center; transform:translate(0,-50%)}
.ny_ban div img{display:none;}
.ny_ban div font{font-size:30px;}
.ny_ban div p{margin-top:10px;font-size:24px;}

.ny_ban1{width: 100%;height:180px;background-color:#000;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;text-align:center;position:relative;overflow:hidden;}
.ny_ban1 img{width:100%;height:180px;}
.ny_ban1 div{position:absolute;left:0px;top:50%;width:100%;text-align:center; transform:translate(0,-50%)}
.ny_ban1 div img{display:none;}
.ny_ban1 div font{font-size:30px;}
.ny_ban1 div p{margin-top:10px;font-size:24px;}

.subnav{padding:0 10px;}
.subnav li{width:25%;margin:0 0;text-align:center;}
.subnav ul li a{font-size:16px;}

/*about*/
.about{padding:30px 8px 30px 8px;font-size:15px;line-height:160%;}

.qyhj{padding:30px 10px;}
.qyhj li{float:left;width:calc(33.33% - 20px);height:auto;overflow:hidden;margin:0 10px 20px 10px;}
.honor{padding:50px 10px 0 10px;}
.honor li .pic img{width:100%;height:200px;}
.honor li{float:left;width:calc(50% - 20px);height:auto;overflow:hidden;margin:0 10px 20px 10px;}
.quality{padding:50px 10px;}
.quality li{float:left;width:calc(50% - 20px);height:auto;overflow:hidden;margin:0 10px 20px 10px;}
.quality li .pic img{width:100%;height:200px;}
/*about*/

/*news*/
.newsList{width:auto;height:auto;overflow:hidden;padding:0 0 40px 0;}
.newsList li{margin:0 0 20px 0;padding:25px 0 25px 0;}
.newsList li .tm{ float:left; width:110px;font-size:32px;}
.newsList li .conn{width:calc(100% - 130px);padding-right:5px;}
.xwtitle{font-size:18px;color:#333;font-weight:500;}
.xwcon{display:none;}
.xinw_detail{padding:25px 15px;}

.xinw_txt{font-size:18px;}
/*news*/

/*products*/

.ProList li{width:calc(50% - 12px);margin:0 6px 12px 6px;}

.pro_tion .pr_lt{float:left;width:100%;height:auto;overflow:hidden;}
.pro_tion .pr_lt img{width:400px;height:auto;}
.pro_tion .pr_rt{width:100%;height:auto;padding:30px 10px;}
.pr_rt_title{padding:20px 0 5px 0;font-size:24px;}

.related_product{ width:auto; height:auto;margin-top:40px;overflow:hidden;padding:0 0 0 0; }
.related_product li{ width:calc(33.33% - 10px); float:left;  margin:0px 5px 10px 5px; overflow:hidden;border:1px solid #ededed;position: relative;height:auto;}
.related_product li .pro_txt{color:#666;font-size:16px;padding:10px 10px 15px 10px;line-height:130%;text-align:center;}
/*products*/

/*quality*/
.qua_con_rt{padding:50px 20px;margin-top:1px;font-size:32px;}
.qua_con_lt{padding:50px 20px;margin-top:1px;font-size:32px;text-align:left;}
.qua_cjxc{padding:80px 30px;}
.qua_cjxc{padding-left:5px;padding-right:5px;}
.qua_cjxc li{width:calc(50% - 20px);margin:0 10px 20px 10px;}
.qua_cjxc li .xc_pic img{height:115px;}
.qua_cjxc_title{font-size:32px;}

.workshop{padding:0 0 0 0;}
.workshop li{width:calc(50% - 20px);margin:0 10px 20px 10px;}
.workshop li .pic img{width:auto;height:110px;}
/*quality*/

.lxwm{width:auto;height:auto;overflow:hidden;padding:40px 10px 40px 10px;}
.lxwm .lt{width:100%;padding:0 0;font-size:18px;line-height:170%;}
.lxwm .lt b{font-size:20px;}
.lxwm .lt .conn{padding:0px 0 30px 0;}
.lxwm .rt{display:none;}



.vh60{height:60px;line-height:60px;}

}

@media (max-width: 480px) {

}

@media (max-width: 375px) {


}


@media (min-width:768px) and (max-width:1920px) {
.vh60{display:none}
}