@charset "utf-8";
/* CSS Document */

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


}

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

}


@media screen and (max-width: 1024px) {
.header_main{ display:none}
.ph_header{ display:block}
.header{ margin-top:55px}

/*ab_main*/
.ab_main{/* width:92%; padding:0 4%*/ width:80%}
.ab_main dl{ /*width:27%;*/ padding:0 7%}
/*.ab_main dd{ width:65%}*/

/*产品中心*/
.pro_main{ width:92%; padding:0 4%  }
.products dt img{ width:100%; height:inherit}
/*解决方案*/
.Solution{ height:inherit}
.Solution_main{width:92%; padding:8% 4%}
.slideTxtBox .hd{ width:20%; margin:0}
.slideTxtBox .bd{ width:78%}
.slideTxtBox .bd dt{ width:43%}
.slideTxtBox .bd dt img{ width:100%}
.slideTxtBox .bd dd{ width:53%}
.slideTxtBox .bd dd h3{ margin:0}
.slideTxtBox .bd dd p{ margin:30px 0}
/*新闻中心*/
.news_main{width:92%; padding:0% 4%}
.news_l{ width:65%}
.news_r{ width:33%}
.news_main dt img{ width:100%}
/*底部*/
.foot_main{width:100%; }
.foot_1 p{width:92%; padding:0% 4%}
.foot_main p{padding: 0 15px 0 15px;}
/*关于我们*/
.ab_ban{ margin-top:55px}
.about_main,.news_main_1,.deve_main,.partners{width:92%; padding:6% 4%}
.ab_r{ width:49%}
#dates,.date{ display:none}
/*#issues li p{ width:85%}*/
.par_main ul li{ width:19.8%}
.par_main ul li img{ width:100%}
.disworks,.shadow_1,.disworks2{width: 0px;}

.news_con{width:92%; padding:4% 4%}
.news_con dl{ width:21.4%}
.news_con dt img{ width:100%}

.pro_con{width:92%; padding:7% 4%}

.pro_con dl{margin-right: 37px;}
.pro_r{ width:33%}

.mess_main{width:92%; padding:7% 4%}
.con_t span{margin-right: 50px;}
.con_add_main p{ margin-right:70px}

.pro_con dt img { height:inherit}


.mod18 .listBox{ width:800px; }
.mod18 .picBox{ width:800px;}
.mod18 .listBox li{ width:130px}
.mod18 .picBox li p{ margin:inherit}
}


@media screen and (max-width: 768px) {
/*ab_main*/
.ab_main{ width:98%; padding:0 1%; margin: 8% auto 7%;}
.ab_main dl{ padding:0 6%}
/*.ab_main dl{ width:29.3%; padding:0 2%}*/
/*.ab_main dd{ width:60%}*/
/*.ab_main dd p{ margin-top:8px}*/
/*.ab_main .dl_3{ padding:0 0 0 2%}*/
.case_list .case_img{display:none;}
.case_list .case_txt{width: 95%;padding: 10px 2.5%;height: auto;}
.product,.news{ padding:6% 0}
.pro_main h4, .Solution_main h4, .news_main h4{ margin-bottom:4%}

.Solution_main{padding:6% 0}
.slideTxtBox .hd{ width:23%;}
.slideTxtBox .bd{ width:76%}

.slideTxtBox .bd dt{ width:40%}
.slideTxtBox .hd ul li{ height:50px; line-height:50px}
.slideTxtBox .bd dd{ width:56%}

.news_main dd h5 a{ font-size:15px}
.news_main dd h5 span{ display:block; float:left; width:100%; margin-bottom:20px}
.news_main dd p{ font-size:13px; line-height:20px}

.foot_main p{ min-height:inherit}
.foot_main .foot_r_p{ display:none}

.ab_l,.ab_l img{ width:100%}
.ab_r{ width:95%; margin-top:5%}

.mod18 .listBox{ width:570px; }
.mod18 .picBox{ width:600px;}
.mod18 .listBox li{ width:110px}



.pro_con dl{margin-right: 17px; width:30.6%}
.pro_con dt img{ width:100%}
.pro_con dd h5{ min-height:38px}

.pro_r,.pro_l{ width:100%}
.pro_r{ margin-top:20px}

.ban{ width:704px;}
.ban2{ width:702px;}
.ban2 ul li,.bans{ width:704px;}
.ban2 ul li img{ width:704px; }

.num{width:645px;}
.min_pic{width:704px;}
.num ul li{ width:116px; height:78px; margin-right:12px; }
.num ul li img{ width:116px; height:78px}
.con_add_main p{ margin-right:11px}




}



@media screen and  (max-width: 640px) {
.ab_main{margin: 4% auto 9%;}
.ab_main{/* width:90%; padding:0 5%*/ padding:0; margin:17% 0 5%; width:100%}
.ab_main dl{ width:33.3%; padding:0; margin:0 auto; display:table }
.ab_main dd{ width:100%; float:none; margin:0; text-align:center}
.ab_main dt{ width:initial; float:none}
.ab_main dd h2 a{ font-size:14px; line-height:30px}
/*.ab_main dl{ width:100%; padding:5% 0; border-bottom:1px dashed #dadada; background:none}
.ab_main dt{ width:20%; margin-top:7px}
.ab_main dd{ width:79%}
.ab_main .dl_3{padding:5% 0 0; border:none}*/
.ab_main dt img{ display:block; width:50px; display:table; margin:0 auto}
.ab_main dt a{ width:inherit; height:inherit}
.ab_main dt a,.ab_main dl:hover dt a,.ab_main .dl_2 dt a,.ab_main .dl_2:hover dt a,.ab_main .dl_3 dt a,.ab_main .dl_3:hover dt a{ background:none}

.product, .news { padding: 10% 0;}
.pro_main h2, .Solution_main h2, .news_main h2 {background: url(../images/tit_ban_1.png) no-repeat center top;font-size: 17px; margin-bottom:8%}

.Solution{ background:#2d7ccc}
.Solution_main{ width:90%; padding:10% 5%}
.slideTxtBox .hd{ width:95%; float:none; margin:0 auto 5%}
.slideTxtBox .bd{ width:95%; float:none;margin:0 auto}

.slideTxtBox .bd dt{ width:100%; margin-bottom:8%}
.slideTxtBox .bd dd{ width:100%}
.slideTxtBox .bd dd p{ margin:13px 0; font-size:13px}

.products dd h3 a{ font-size:14px}
.products dd {padding: 17px 17px 5px}
.pro_main h4, .Solution_main h4, .news_main h4 { margin-bottom: 6%;}

.news_l,.news_r{ width:100%; margin-bottom:5%}
.news_main dd h5 a{ font-size:14px; line-height:22px}
.news_main dd p{ font-size:12px; line-height:18px}
.news_main dd {padding: 25px 20px;}
.news_main h3 a{ margin:0 auto}

.foot,.foot_1 span{ display:none}
.foot_1{ height:inherit; line-height:23px; padding:6% 0 5%; text-align:center}
.foot_1 p{ padding:0 5%; width:80%}
.foot_1 p b{ display:block}

.ab_ban {height: 190px; background-size: auto 190px !important;}
.about_main h2, .deve_main h2, .partners h2{background: url(../images/tit_ban_1.png) no-repeat center top;;font-size: 17px;margin-bottom:8%}
.about_main, .news_main_1, .deve_main, .partners{ width: 90%;padding: 10% 5%;}
.about_main h4, .deve_main h4, .partners h4{ margin-bottom:7%; font-size:14px}
.ab_r{ padding-right:5%; width:95%; margin-top:8%; font-size:13px; line-height:23px}
.ab_r h3{ margin-bottom:10px}
.par_main ul li{ width:33%}


.ph_none{ display:none}

.news_con {width: 90%;padding: 7% 5%;}
.news_con h2{ font-size:24px}
.news_con dl{ width:92%; padding:4%;}
.ph_new{ display:block}
.pc_new{ display:none}

.pro_con{width:92%; padding:12% 4%}
.pro_con h2,.mess_main h2{background: url(../images/tit_ban_1.png) no-repeat center top;font-size: 17px; margin-bottom:8%}
.pro_con h4,.mess_main h4{margin-bottom: 8%;}
.pro_con h3{ font-size:16px;margin-top: 10%; padding:12px 0 20px}

.pro_nav{ margin:0; border:none}
.pro_nav ul{ display:block}
.pro_nav li{ width: 49.7%;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.pro_nav li a{ width:100%; padding:12px 0; text-align:center; font-size:13px;background-color: #eaeaea;}

.pro_con dl {margin-right:2%;width: 47.4%; margin-bottom:3%}
.pro_con dd{ padding:8% 9%;min-height: 68px;}
.pro_con dd h5 a{ line-height:20px}

.pro_l{ margin-top:10%}

.ban{ width:380px; }
.ban2{ width:378px; height:257px ;}
.ban2 ul li{ width:378px; height:257px }
.ban2 ul li img{ width:378px; height:257px }
.num{ width:329px; }
.min_pic{ width:370px;}
.num ul li{ width:60px; height:40px; margin-right:4px; }
.num ul li img{ width:60px; height:40px}
.prev_btn1{ width:9px;  height:15px; margin-top:13px; margin-right:10px; }
.next_btn1{  width:9px;  height:15px; margin-top:13px;}	
.prev_btn1 img,.next_btn1 img{ width:9px; height:15px}
.pro_r{ margin:0}
.pro_r h1{ font-size:23px}
.pro_r h5{ font-size:16px}

.slideTxtBox_1 .hd{ margin-top:5%}
.slideTxtBox_1 .hd ul li{ width:33%; padding:12px 0; text-align:center; font-size:14px}
.slideTxtBox_1 .bd ul{ padding-top:5%; font-size:13px; line-height:24px}
.slideTxtBox_1 .bd ul span{ font-size:15px}

.down_main{ padding:4% 6% 5%}
.down_main li span{ display:none}
.down_main li{ line-height:23px}

.tab_1{ display:none}
.tab_2{ display:block}
.con_t span{ margin:0; width:100%; margin-bottom:5%}
.con_add{padding:0; font-size:20px}
.con_t i{ padding:0; font-size:16px}
.con_t b,.con_t strong{ font-size:18px; margin:0}
.con_t{ padding:6% 0 0}
.con_add_main{ border:none; padding:5% 0 0}
.con_add_main p{ margin:0 0 5%; border-bottom:1px dashed #dadada; padding-bottom:5%; width:100%}
.con_add_main p b{ font-weight:normal; display:inline}
.con_add_main p i{ display:none}
.mess_main { padding: 10% 4% 7%;}
.message{ height:inherit}

.mod18 .prev{ left:0}
.mod18 .next{ right:0}

.mod18 .listBox{ width:290px; }
.mod18 .picBox{ width:300px; height:230px}
.mod18 .listBox li{ width:95px}
.mod18 .listBox .on{ background-size:80px 87px}
.mod18 .listBox .on b{ font-size:18px}

.mod18 .picBox li p{ width:300px; }
.mod18 .picBox li span{ width:100%; display:block}
.mod18 .picBox li b{ margin:10px 0 0; width:310px; display:block}

.mod18 .next,.mod18 #prev_1, .mod18 #next_1,.mod18 .prev{ background-size:28px 28px; width:28px; height:28px; top:30px}
.mod18 .listBox img{ width:40px}
.mod18 .listBox{ height:87px}
.mod18 .picBox li span img{ width:60%}
.deve_main{ padding:10% 5% 5%}
}

@media screen and  (max-width: 360px) {
.ban{ width:330px; }
.ban2{ width:328px; height:223px ;}
.ban2 ul li{ width:328px; height:223px }
.ban2 ul li img{ width:328px; height:223px }
.num{ width:295px; }
.min_pic{ width:330px;}
.num ul li{ width:68px; height:46px; margin-right:4px; }
.num ul li img{ width:68px; height:46px}
.prev_btn1,.next_btn1{ margin-top:15px;}

.products dd h3 a {
    font-size: 13px;
    line-height: 20px;
}

.mod18 .listBox{ width:230px; }
.mod18 .listBox li{ width:75px;}
.mod18 .listBox .on{ background-size:75px 82px;}
.mod18 .picBox li b{ margin:10px 0 0; width:280px; display:block;}
}