@charset "utf-8";
@media only screen and (max-width: 1366px){
.m_tit{font-size:30px;}
.case_list2,.product_list{width:96%}
.yin_box{width:70%}
}
@media only screen and (max-width: 1280px) {
.m4_ri{margin-left:600px;}
.m_tit,.m3_tit{font-size:28px;}
.case_list2,.product_list{width:100%}
.cp_div{margin-left:500px}
.news_deail{width:90%}
.yin_box{width:75%}
}
@media only screen and (max-width: 1210px) {
.box{width:1000px;}
.yin_box{width:78%}


}

@media only screen and (max-width: 1004px) {
*{box-sizing:border-box}
.box{width:970px;}
.m4_ri{margin-left:590px;}
.m_tit,.m3_tit{font-size:26px;}
.m_tit{margin-bottom:15px;}
.case_list2 dd a{width:96%}
.case2_div .m_tit{font-size:18px; line-height:25px; height:35px;}
.case2_div p{font-size:14px; line-height:20px; height:60px;}
.case2_tit{font-size:14px;}
.case_name{margin-bottom:0}
.case2_div_con{margin-top:-55px;}
.cp_div{margin-left:480px}
.case_list2 dd{margin-bottom:20px !important}
.yin_box{width:82%}
}


@media only screen and (max-width: 980px) {
.box{width:96%;}
.m_tit,.m3_tit{font-size:22px;}
.m4_tit span{font-size:18px;}
.m4_ri,.m4_le{width:100%; margin-left:0; float:none}
.m3_tit{font-size:18px;}
.m3_text{font-size:14px;}
.case1{margin:0 auto}
.main1{margin:25px auto}
.m1_list{margin:25px auto 0}
.h_news a{font-size:14px;}
.ft_text{font-size:16px;}
.case_box{width:94%}
.product_list dd{margin-bottom:30px;}
.cp_img{width:380px;}
.cp_div{margin-left:410px}
.cp_div h3{font-size:20px; line-height:35px; height:35px;}
.cp_div p{height:240px; font-size:14px;}
#header{top:10px !important; line-height:40px;}
#header.on{top:0px !important}
.logo img{height:40px; width:auto}

.bdsharebuttonbox{position:relative; padding-left:75px; margin-top:15px;}
.fx_ii{right:auto; left:0}
.fy{padding:0}
.news_deail{width:100%}
.news_list3_tit{margin:10px auto 20px; font-size:20px}
.news_more{margin-bottom:20px;}
.yin_box{width:90%}
.contact_text{width:60%}
.contact_pul{left:5px;}
.m1_list,#m1_list{margin-bottom:30px;}

.slider,.pc_main{display:none !important}
.main_wap{display:block}
}


@media only screen and (max-width: 769px) {
.case_box{width:98%}
.page a{width:150px;}
.cp_img{width:300px;}
.cp_div{margin-left:320px}
.cp_div h3{font-size:18px; line-height:25px; height:25px; margin-bottom:5px;}
.cp_div p{height:175px; font-size:16px; line-height:25px}
.page{margin:10px auto 40px}
.case_list2 dd{width:44.5%}
.news_tit{font-size:15px; line-height:25px; height:50px; margin-bottom:0}
.product_list dd{margin-bottom:20px;}
.news_text{font-size:13px; line-height:20px; height:80px;}
.yin_box{width:98%}
.m66_text{font-size:16px; line-height:30px;}
.grid_a{padding:20px;}
.contact_text{width:80%}


}


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

.cp_img{width:230px;}
.cp_div{margin-left:250px}
.cp_div p{height:125px;}
.contact_text{width:90%; margin:0 auto; line-height:28px}
.m1_div p{max-width:200px; width:90%; margin:0 auto}

body{padding:50px 0 0}
#open{display:block;}
#header{position:fixed !important; top:0px !important; height:50px; background:rgba(0,0,0,0.5); z-index:998}
#nav{position:fixed; width:100%; background:#000; left:105%; z-index:999;border-bottom:1px solid #ddd; top:0px; height:100%; padding-top:50px; text-align:center}
.logo{position:fixed; left:10px; top:10px;}
.logo img{height:30px; width:auto}
.header_box{width:100%}
.nava{color:#fff; display:block; width:100%; margin:0; text-align:center; height:60px; line-height:60px;}

}
@media only screen and (max-width: 580px) {
.m2_list dd{width:100%; float:none}
.case_list2 dd{width:45.3%; margin-right:1%}
.cp_img{width:180px;}
.cp_div{margin-left:200px}
.cp_div h3{font-size:16px; margin-top:-5px;}
.cp_div p{height:100px; font-size:13px; line-height:20px;}
.page a{width:100px; height:30px;}
.page{line-height:30px;}
.page *{font-size:14px;}
.con_p{font-size:14px;}
.grid_a{padding:10px;}
.contact_pul{left:3px}
}
@media only screen and (max-width:480px) {
.case1,.m1_text{width:100%;}
.m1_list{margin:10px auto 0}


}
@media only screen and (max-width: 380px) {
.product_list dd{margin-bottom:15px;}
.case_list2 dl,.case_list2 dd{width:100%; float:none}
.cp_img{width:120px;}
.cp_div{margin-left:135px}
.cp_div h3{margin-bottom:0}
.cp_div p{height:60px;}
}

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

}