@media (max-width: 1366px) {
/*inproduct*/
.cp_nav_title{width:100%;text-align:center;padding:100px 0 0 0;}
.cp_nav_more{margin:30px auto 0 auto;}
.cp_nav_conn{margin:40px 0 40px 80px;float:left;overflow:hidden;}

.inprod{padding:0 50px;}
/*inproduct*/

/*inabout*/
.inabo{padding:50px 50px;}
.inabo .rt{padding:70px 20px 90px 20px;}
/*inabout*/


/*news*/
.inxw_list{padding:0 0 0 0;}
.appbox .app_lt{width:48%;}
.appbox .app_rt{padding-right:60px;width:49%;}
.inxw_title{padding:40px 0 25px 0;}
/*news*/


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

/*about*/
.abo_title{padding-top:30px;}
.abo_title p{font-size:22px;line-height:150%;}
.abo_con{line-height:160%;}
.iabo_cf {height:780px;}
.pro_rel_title{padding-top:0px;}
/*about*/

/*news*/
.xw_title{padding-top:0px;}
.xw_title p{padding-top:6px;}

/*news*/

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

.pro_detial{width:1300px;}
.pro_related{padding:30px 30px;}

.qua_pic_lt{padding:0 0;}
.qua_con_rt{height:452px;padding:50px 50px 0 50px;}
.qua_pic_rt{padding:0 0;}
.qua_con_lt{height:452px;padding:50px 50px 0 50px;}
.qua_cjxc{padding:80px 30px;}

.workshop li .pic img{height:205px;}
/*---------------------------------------------------------------------------------------------------nei---------------------------------------------------------------------------*/
}

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

}




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

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

/*in about*/
.inabo_con{width:auto;font-size:18px;padding:80px 20px;}
.inabo_pic{display:none;}
.inabo_box .made{width:auto;padding:30px 120px;}
.inabo_box .made .prokey{display:none;}
/*in about*/
/*features*/
.features_box{margin-top:30px;}
.features{width:auto;}
.features li a{height:auto;padding:30px 20px;}
.fea_rtpic{display:none;}
/*features*/

/*news*/
.inxw_list{padding:100px 15px 20px 15px;}
.syij font{padding-top:30px;}
.syij p{line-height:20px;padding-top:5px;}
.fzij{height:120px;width:100px;padding-left:20px;}
.syij{width:calc(100% - 120px);}
.syij font{padding-top:25px;}
.inxw_list li{width:100%;}
.inxw_tit h1{margin-bottom:30px;}
/*news*/

/*--------------------------------------------------------------nei--------------------------------------------------------*/
.nav_box{margin-bottom:30px;width:100%;font-size:20px;padding:17px 0;}
.nav_box  i{margin:5px 15px 0 0px;height:20px;}
.nav_box span{float:right;font-size:15px;color:#666;padding-right:5px;padding-top:5px;}


/*about*/
.about{padding:10px 10px 40px 10px;font-size:16px;}
.qywh{padding:100px 10px;}
.qywh li{width:50%;overflow:hidden;height:250px;}
.hon_nav{width:80%;}
.hon_title{padding:110px 10px 0 10px;}
.hon_title p{font-size:15px;}
.network{height:495px;background-size: 120%;background-repeat: no-repeat;}
/*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{padding:0 10px;}
.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:10px 0px 20px 0;}

.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*/




}



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

.pro_title{padding:20px 0 0px 0;}
.pro_title h1{font-size:32px;padding-top:8px;padding-bottom:15px;}
.pro_con{font-size:15px;padding:10px 0 20px 0;}



.inpro_nav{width:auto;height:auto;overflow:hidden;margin:30px 0;padding:0 10px;}
.inpro_nav li{width:100%;margin:0 0 12px 0;padding:20px 0;}
.cp_nav_title{float:left;padding:20px 0 0 20px;width:45%;height:auto;overflow:hidden;text-align:left;}
.cp_nav_title h3{font-size:22px;}
.cp_nav_conn{float:right;width:150px;height:150px;line-height:150px; border-radius:50%;margin:0 20px 0 0;}
.cp_nav_more{margin-top:20px;float:left;}

.inpro_box{padding:40px 0;}

.inprod{padding:0 10px 15px 10px;}
.inprod li{ width:calc(50% - 10px); float:left;  margin:0px 5px 10px 5px; overflow:hidden;padding: 20px 0px 0 0px;}
.inprod li .pro_txt{font-size:14px;margin-top:5px;height:50px;}
.inprod li a{ display: block; padding: 10px 10px 10px 10px; background-color:#FFF; transition: all 0.5s !important; position: relative; }


/*inproduct*/

/*inabout*/
.iabox{padding-bottom:30px;margin:20px 0;}

.iabolt{width:100%;height:auto;overflow:hidden;padding:0 8px 20px 8px;}
.iabo_con{font-size:15px;line-height:160%;}
.iabo_title{padding:20px 0 0px 0;}
.iabo_title h1{font-size:24px;padding-top:10px;padding-bottom:10px;letter-spacing:0px;}

.iabort{width:100%;height:auto;overflow:hidden; position:relative;}
.iabort img{width:100%;height:auto;}
.iabort .conn{display:none;}


/*inabout*/


/**workshop*/
.ws_title{padding:0 0 0 0;}
.ws_title h1{font-size:30px;padding-top:10px;padding-bottom:10px;}
.ws_con{font-size:15px;padding:8px 0 20px 0;}

.workshop{;padding:0 0 0 0;}
.workshop .lt{width:100%;height:auto;overflow:hidden;}
.workshop .rt{width:100%;height:auto;overflow:hidden;padding:30px 10px 20px 10px;}

.worlt{display:none}
.worrt{float:right;width:100%;height:auto;overflow:hidden;}
.worrt li{float:left;width:100%;margin:0 0 2px 0;height:auto;overflow:hidden;}
.worrt li img{width:100%;height:auto;}
.wk_rt_title{font-size:30px;color:#fff;}
.wk_rt_conn{font-size:15px;color:#fff;line-height:160%;padding-top:15px;}

/*workshop*/

/*tebox*/
.intebox{padding:30px 0;margin-top:20px;}
.inte_title{padding-bottom:30px;}
.inte_title h1{font-size:30px;padding-bottom:15px;letter-spacing:0px;font-weight:600;}
.inte_conn{font-size:18px;padding:0px 0 5px 0;}

.inte{overflow:hidden;padding:0 10px;}
.inte li{float:left;width:100%;margin:0 0 20px 0;}
.inte li .title{font-size:30px;padding-top:130px;}
.inte li .inon{width:80px;height:80px;top:40px;left:37%;}
.inte li .conn{padding:0 15px;font-size:15px;padding-top:10px;}
.inte li .more{margin:15px auto 30px auto;}
/*tebox*/

/*carebox*/
.carebox{margin-top:1px;padding:0 8px;}
.calt{width:100%;background:#fff;padding:30px 0 0px 0;}
.calt_l1{float:left;width:100%;height:auto;overflow:hidden;}
.calt_l1 ul{overflow:hidden;margin-bottom:-20px;}
.calt_l1 li{width:100%;height:auto;margin-bottom:0px;}
.calt_l2{display:none;}

.cart{width:100%;padding:0px 0 0 0;}
.cart_title{font-size:32px;color:#222;padding:20px 0 0 0;}
.cart_subtitle{font-size:16px;color:#666;line-height:160%;padding:20px 0 0 0;}
.cart_conn{ine-height:160%;padding:20px 70px 0 0;}

.cart_made{background:#00479d;padding:20px 20px;margin-top:20px; }
.ca_ma_title{letter-spacing:1px;font-size:24px;color:#fff;}
.ca_ma_conn{font-size:15px;color:#fff;line-height:160%;padding-top:10px;}
/*carebox*/

/*news*/
.honew_title{width:auto;height:auto;overflow:hidden;padding:20px 0 0px 0;}
.honew_title h1{font-size:32px;padding-top:10px;padding-bottom:12px;}
.honew_con{font-size:15px;padding-top:10px;width:auto;}

.inews{padding:0 0 0 0;margin-top:20px;}
.inxw_list{padding:0 0 0 0;width:auto;height:auto;overflow:hidden;}
.inews ul{overflow:hidden;margin-bottom:-15px;}
.inews li{width:100%;height:auto;margin:0 0 15px 0;padding:10px 10px;}
.ixw_title{font-size:18px;}
.ixw_con{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*news*/

/*---------------------------------------------------------------------------inner-------------------------------------------------------------*/
.inner{padding:2px 0 30px 0;}
.inner .inlt{display:none;}
.inner .inrt{width:100%;height:auto;overflow:hidden; min-height:480px;}

.inrtit{font-size:22px;padding:10px 0 14px 0;margin-bottom:50px;}
/*------------------------------------------------------------------------------nei-------------------------------------------------------------*/

/*about*/
.about_ban{width:100%;height:200px;}
.about{padding:0 8px;font-size:15px;}
/*about*/

/*qyhj*/
.qyhj{margin-top:30px;}
.qyhj li{float:left;width:calc(50% - 20px);margin:0 10px 20px 10px;}
.qyhj li .pic{width:100%;height:auto;}
.qyhj li .pic img{width:100%;height:auto;}
/*qyhj*/

/*news*/
.news_ban{width:100%;height:200px;}

.xinw_txt{font-size:20px;padding:0px 0 25px 0;}
.news_list{width:100%;}
.newsList li{margin:0 0 20px 0;}
.newsList li .tm{width:60px;}
.newsList li .conn{ width:calc(100% - 70px);padding-left:10px;}
.xwtitle{font-size:18px;}
/*news*/

/*products*/

.product_ban{width:100%;height:200px;}

.subnav{padding:0 10px;margin-top:60px;}
.subnav li{float:left;width:33.33%;height:auto;overflow:hidden;margin-bottom:8px;}
.subnav li a{color:#fff;}
.subnav .title{float:left;font-size:24px;color:#fff;}
.subnav span{width:100%;font-size:15px;color:#fff; letter-spacing:1px;padding-top:5px;}

.cptype{padding:25px 8px;}
.cptype li{width:100%;margin:0 0 12px 0;height:auto;padding:20px 0px;}
.cpty_conn{width:100%;padding:0px 0 0 0px;}
.cpty_pic{display:none;}
.cpty_title{padding:0 0 10px 0;}
.cpty_smtitle dd{width:calc(33% - 10px);margin:0 5px 10px 5px;}
.cpty_smtitle dd .smtitle{font-size:15px;color:#666;padding:0 0 12px 0;}

.cpty_conn{padding:10px 0 5px 15px;margin-bottom:25px;}


.inner_pro{padding:50px 0 50px 0;}
.in_pro_rt{display:none;}
.in_pro_lt{width:100%;height:auto;overflow:hidden;}


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

.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*/



.lxwm_ban{width:100%;height:200px;}
.lxwm{padding:0 0 0 0;}
.lxwm_lt{width:100%;height:auto;overflow:hidden;font-size:20px;color:#555;line-height:180%;padding:20px 20px;}
.lxwm_rt{width:100%;height:auto;overflow:hidden;}

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

}

@media (max-width: 480px) {

}

@media (max-width: 375px) {


}