@media screen and (max-width:1366px){
	.nav{ width: 841px;}
	.nav li{ width: 110px; }
}
@media screen and (max-width:1200px){
.nav{ display:none;}
.head{ height:auto;}
.box{ width:100%; padding:0 5px; box-sizing:border-box;}
.head_box h1{ margin:15px 0; position: static;}
.language{ padding-top:5px; height:20px; line-height:20px; margin-left:10px;}
.phnav{ display:block;}
.pc{ display:none;}
.phone{ display:block;}
.language{ position: static; margin-top: 0; }

.index_tit{ padding-top:30px;}
.index_tit h3{ font-size:20px; height:30px; line-height:30px;}
.product_div{ padding:20px 0;}
.product_ul{ margin:0;}
.product_ul li{ margin:0 0 10px 0; width:50%; border:none; padding:0 5px; box-sizing:border-box; height:auto; }
.product_ul li a{ display:block; border:1px solid #e0e0e0;padding-bottom:20px;}
.product_div li span{ padding:20px 0 10px 0;}
.product_div em{ font-size:16px; height:30px; line-height:30px;}
.product_div i{ margin-top:5px;}
.product_see{ margin-top:20px!important;}

.good{ background-size:cover; height:auto;}
.good_div{ margin-top:20px; padding-bottom:20px;height:210px; }
.good_ul{ width:100%;height:210px; }
.good_ul li .good_left{ display:none;}
.good_ul li { width:100%;}
.good_right{ width:100%; padding:0; height:210px; padding-bottom:20px;}
.good_right span{ height:30px; line-height:30px; font-size:20px; padding-top:20px; text-align:center;}
.good_right p{ height:auto; text-align:center; padding:5px; margin:0;}
.us_see{ margin:10px auto;}
.good_tab{ width:100%; text-align:center; right:0; bottom:5px;}

.droit_inner{ padding:20px 0;}
.droit_pic .droit_img{ display:none!important; }
.droit_ul{ margin:0;}
.droit_ul li{ width:50%; box-sizing:border-box; padding:0 5px; border:none; margin:0 0 10px 0; height:auto;}
.droit_ul li a{ border:1px solid #dfdfdf; display:block; padding:10px 0;}
.droit_pic{ width:100%; text-align:center}
.droit_ul li .dro_div{ height:auto; border:none!important;}
.droit_ul li em{font-size:16px; height:30px; line-height:30px; padding:5px 0;}

.dynamic_div{ padding:20px 0 0 0; margin:0;}
.dynamic_div dl{ float:none; width:100%; margin:0 0 20px 0; background:none!important; height:auto;}
.dynamic_div dt{ margin:0 auto 10px; float:none;}
.dynamic_div dd{ width:100%; float:none; text-align:center; padding:0 0 10px 0;}
.dynamic_div dd .dy_see{ margin:0 auto;}
.dynamic_div dd p{ height:auto;}
.dynamic{ padding-bottom:20px;}

.us_left{ display:none;}
.us_div{ padding:20px 0; }
.us_right{float:none; width:100%; padding:0;}
.us_right span{ font-size:16px; height:30px; line-height:30px; text-align:center; margin-bottom:10px;}
.us_right p{ height:auto; margin:0 0 10px 0; padding:0; font-size:12px;}
.us{ height:auto; padding:0 0 20px 0;}

.foot_recu{ display:block;}
.foot{ display:none;}

.add{ padding:10px 0;}
.add_left{ float:none; width:100%; text-align:center;}
.add_right{ float:none; width:100%; text-align:center;}
.add_left p{ height:auto;}

.a_banner{ background-size:cover!important;}

.catalog{ height:auto; line-height:inherit; padding:20px 0 10px 0;}
.cata_ul li{ display:block; float:none; width:100%; padding:0;}
.cata_ul li a{ height:40px; line-height:40px; text-align:center;}

.details{ background:none;}
.about_img{ float:none!important; margin:0 0 10px 0!important; text-align:center;}
.deta_inner{ padding:30px 5px;}

.news dl{ height:auto; padding:15px 0;}
.news dl dt{ float:none; margin:0 auto 10px; padding:0;}

.news dl dd{ width:100%; float:none;}
.news dl dd .news_tit{ text-align:center;}
.news dl dd .news_div{ height:auto;}
.news_div p{ width:100%; float:none; height:auto; text-align:center; margin-bottom:10px;}
.news_div .news_see{ margin:0 auto; float:none; display:block;}
.news dl dd span{ display:none;}
.news{ padding:20px 5px 0;}
.pages{ padding:20px 0;}
.pages a{ width:20px; height:30px; line-height:30px;}

.release{ padding:20px 0 10px 0;}
.release h3{ font-size:16px; height:30px; line-height:30px; overflow:hidden;}
.release span{ height:20px; line-height:20px; margin-top:10px;}

.news_word{ padding:20px 0 0 0;}


.ul_pro li .pro_hover{ display:none!important;}
.ul_pro{ padding:30px 0 0 0; margin:0;}
.ul_pro li{ margin:0 0 10px 0; width:33.3%; text-align:center; padding:0 5px; box-sizing:border-box;}
.ul_pro li span{ width:100%; height:auto;}
.ul_pro li span img{ width:auto; height:auto; max-width:100%;}

.pro_info h3{ padding:10px 0 ; height:30px; line-height:30px; font-size:16px;}
.pro_div{ padding-bottom:0px;}
.pro_left{ float:none; width:100%; text-align:center; height:auto;}
.pro_left img{ width:auto; height:auto; max-width:100%;}
.pro_right{ width:100%; float:none; text-align:center; height:auto;}
.pro_zi{ height:auto; padding:0px 0 10px 0;}
.pro_info h3{ text-align:center}

.patent{ padding:30px 5px 15px;}
.patent img{ width:auto; height:auto; max-width:100%;}

.publish{ padding:20px 5px 0;}
.publish dl{ padding:15px 0; height:auto;}
.publish dl dt{ margin:0 auto 10px; float:none;}
.publish dd{ float:none; width:100%; text-align:center}
.publish dd p{ padding:0; height:auto;}
.publish dd .pub_see{ margin:10px auto 0;}
.pages a.s, .pages a.x{ width:40px; font-size:12px;}

.pub_info{ padding:30px 5px 0;}
.pub_info img{ width:auto; height:auto; max-width:100%;}

.contact{ padding:30px 5px;}
.con_left{ float:none; width:100%; text-align:center;}
.con_left img{ width:auto; height:auto; max-width:100%;}
.con_right{ float:none; width:100%; padding-top:20px;}
.con_right h3{ height:30px; line-height:30px; font-size:16px; text-align:center;}
.con_right li{ height:auto; line-height:30px; }
.con_right li em{ display:none;}
.con_right li span{ width:100%; float:none; text-align:center;font-size:12px;}
.message{ padding:30px 5px 20px;}
.message .mess_txt{ width:100%; box-sizing:border-box;}
.message .area_mess{ width:100%; box-sizing:border-box;}
.message .mess_sub{ width:100%; box-sizing:border-box;}

.product,.index_head{position:static; transform:translate(0,0) }
.good,.droit,.dynamic,.us{position:static;transform:translate(0,0)}
}

@media screen and (max-width:768px){
}
@media screen and (max-width:414px){
.droit_ul li{ float:none; width:100%;}
.ul_pro li{ float:none; width:100%; padding:0; height:auto}
.begin .good_tab{ bottom: 0!important; }
.a_banner{ background-size:cover!important; height:100px!important;}
}

@media screen and (max-width:375px){
}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){
}

@media screen and (min-width:1351px){
.phnav{ display:none;}
}