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

@media screen and (max-width:1800px) {
.idx_about dd{ width:48%; margin-right:2%;}
.idx_about dd img{ width:100%;}
.idx_about dt span{ padding-bottom:10px;}
}

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

}

@media screen and (max-width:1199px) {
.project_c ul{ padding:10px 5px 0px;}
.project_c li{ width:-moz-calc(33.3% - 10px); width:-webkit-calc(33.3% - 10px); width:calc(33.3% - 10px); margin:5px;}
.ny_banner{ padding-bottom:30px;}
.news_xx_t{ padding:25px 10px;}
.news_xx_box{ margin:0px 10px 30px; padding:15px;}
.news_xx_box img{ width:100%;}
.news_xx_c{ padding:0px 10px;}
.service_c img{}
.lxwm .box{ margin:10px; padding:5%;}
.lxwm .box .left{ width:50%; float:left; line-height:28px;}
.lxwm .box .right{ width:50%; float:left;}
.about .box{ padding:0px 10px;}

body{ padding-top:60px;}
.head,.head.hov{ width:100%; position:fixed; left:0px; top:0px; z-index:9; background:rgba(0, 0, 0, 0.9)}
.logo{ width:100%; text-align:center; padding:10px 0; margin:0px;}
.logo img{ height:40px;}
.nav{ width:100%; height:100%; position:fixed; left:0px; top:58px; z-index:9; display:none; background:rgba(0, 0, 0, 0.9)}
.nav.hov{ display:block;}
.nav ul{ margin:0px 10px; border-top:1px solid #545454;}
.nav li{ width:auto; float:none; line-height:20px; font-size:16px; border-bottom:1px solid #545454;}
.nav li a.pc{ display:none;}
.nav li a.sj{ display:block;}
.nav li a{ padding:10px 0;}
.nav li .nav_xl{ position:static; background:#333;}
.nav li .nav_xl a{ border-bottom:1px solid #666;}
.nav li .nav_xl a:last-child{ border:0px;}

.nav_ico{ width:30px; height:35px; display:block; position:absolute; left:10px; top:5px; z-index:999;}
.nav_ico span{ width:100%; height:2px; background:#fff; position:absolute; left:0px; display:block; transition: all 0.5s linear 0s;}
.nav_ico .ico1{ top:16px;}
.nav_ico .ico2{ top:24px;}
.nav_ico .ico3{ top:32px; transition: all 0s linear 0s;}
.nav_ico.hov span{ background:#fff;}
.nav_ico.hov{ position:fixed;}
.nav_ico.hov .ico1{-webkit-transform:rotate(224deg);transform:rotate(224deg); top:23px;}
.nav_ico.hov .ico2{-webkit-transform:rotate(315deg);transform:rotate(315deg); top:23px;}
.nav_ico.hov .ico3{ display:none;}


.project_t{ padding-top:0px;}
.project_t h3{ line-height:40px; padding-top:10px; font-size:18px;}
.project_t li{ font-size:14px;}

.news{ padding-bottom:20px;}
.news_t{ line-height:60px; padding-top:10px; font-size:18px;}
.news_c_l{ width:auto; padding:0 10px 20px; float:none;}
.news_c_l dd img{ width:100%;}
.news_c_r{ width:auto; float:none;}
.news_c_r ul{ padding:0px 10px;}
.news_c_r li{ padding-bottom:10px;}
.footer_menu{ padding:20px 10px}
.footer_menu dl{ width:auto; float:none; padding:0px; overflow:hidden;}
.footer_menu dl:nth-child(2){ border:0px; padding:10px 0 0;}
.title h1{ padding:20px 0px 10px; font-size:18px;}
.about_bg{ margin-bottom:20px;}
.about_bg .main{ padding:0px 10px;}

.works_xx .works1_t{ height:70px; text-align:left; text-indent:10px;}
.works_xx1,.works_xx2,.works_xx3{ padding:0px 10px;}
.works_xx1_c,.works_xx2_c,.works_xx3_c{ padding:20px 20px; overflow:hidden;}
.works_xx1_c img{ width:100%;}



.idx_about dt span,.main_title span{ font-size:16px; line-height:35px; padding:0px;}
.bnt_box{ width:auto; line-height:45px;}
.main_title{ padding:10px 0 0 10px;}
.main1 .com{ padding-bottom:15px;}

.main1{ width:auto; padding:0 10px}
.main1 .com li{ width:-moz-calc(50% - 18px); width:-webkit-calc(50% - 18px); width:calc(50% - 18px); margin:9px;}
.main1 .com li:last-child{ margin-right:9px;}
.main2_bg{ margin-top:25px; padding-bottom:25px;}
.footer_menu{ margin-top:25px;text-align:left;}

.xwjy_com,.xwjy_list{ padding:0 10px;}
.xwjy_list_t{ padding:0px 10px 20px;}
.xwjy_content{ padding:0 10px;}
.xwjy_content .com{ margin:0 0 20px;}
.service_c{ width:auto; padding:20px; margin:10px 10px 20px;}
.new_footer{ margin-top:20px;}
.new_footer .content{ width:auto; padding:20px 10px;}
.new_footer .left{ width:auto; float:none;}
.new_footer .com{ float:none;}
.new_footer .com h3{ padding:15px 0 10px}
.new_footer .right{ float:none; margin:10px 0 40px;}
.new_footer .left p{ width:100%; left:10px; text-align:center;}

.main3{ width:auto; margin:0 10px;}
.main3 .com li{ width:-moz-calc(50% - 23px); width:-webkit-calc(50% - 23px); width:calc(50% - 23px);}
.new_title_pr .main_title{ top:-175px;}

.new_works_xx2_c{ padding:20px;}
.new_works_xx2_c .works_xx2_c{ width:auto; float:none;}
.new_works_xx2_c .new_works_xx2_c_r{ width:auto; float:none; margin-top:10px;}
}



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


.gcjl li{ width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:calc(50% - 10px);}

.project_c li{ width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:calc(50% - 10px);}
.news_xx_t_l{ width:auto; float:none;}
.news_xx_t_r{ width:auto; float:none;}
.news_xx_t_r .fengxiang{ float:right;}
.news_xx_t_r span{ float:right;}

.lxwm{ padding-top:0px;}
.lxwm_banner{ height:auto; background-size:auto 100%;}
.lxwm .box{ width:auto; padding:10px; margin:0 10px;}

.lxwm .box .left,.lxwm .box .right{ width:auto; float:none;}
.lxwm .box1{ padding-bottom:8px;}
.footer{padding:15px 0;text-align:left;}
.about_top dt{ float:none;}
.about_top dd{ float:none; margin:0 0 0 2%;}

.service_cl{ width:100%; float:none;height:100%;}
.service_cr{ width:100%; float:none; padding-bottom:30px;}
.zbzx{ margin:20px;}
.xwjy_com .left,.xwjy_com .pic,.xwjy_list .left,.xwjy_right,.xwjy_content .com{ width:auto; float:none;}
.xwjy_com .box{ padding:20px;}
.xwjy_com li a{ margin:10px 0 15px;}

.idx_about{ background:#333;}
.idx_about dd{ display:none;}
.idx_about dt{ width:auto; padding:20px 10px 25px; margin-right:0;}

}


@media screen and (max-width:640px) {
.project_t{ text-align:center; padding-top:35px;}
.project_t h3{ height:45px;}
.project_t ul{ width:93%;}
.project_c li{ width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:calc(100% - 10px);}
.footer p{ line-height:16px; font-size:14px; padding:2px 10px;}
.project_c li h4{ height:auto;}
.project_c li p{ height:auto;}
.banner .hd{ bottom:5px;}
.banner .hd li{ width:8px; height:8px; margin:0px 5px;}
.lxwm .box dd{ width:80px;}
.lxwm .box dt{ width:-moz-calc(100% - 90px); width:-webkit-calc(100% - 90px); width:calc(100% - 90px);}
.lxwm .box dt .bnt{ width:110px;}
.about .box li{ width:100%; margin:0px;}
.about_bottom li{ width:auto; float:none; margin-bottom:20px;}
.footer_menu dt a{width:-moz-calc(33.3% - 12px); width:-webkit-calc(33.3% - 12px); width:calc(33.3% - 12px);}
.khfw{ width:auto; padding:0px 10px;}

.mod18,.mod18 .listBox,.mod18 .picBox li{ width:580px;}
.works_xx1,.works_xx1_c{ overflow:visible;}
.mod18{ height:420px;}
.mod18 .picBox{ height:310px;}
.mod18 .listBox li{ width:191px;}
.mod18 .btn{ top:340px;}
.mod18 .next{ right:-25px;}
.mod18 .prev{ left:-25px;}

.main1 .com li{ width:auto;}
.zbzx_map{ height:350px;}
.zbzx{ margin:10px;}
.main3 .com li{ width:-moz-calc(100% - 23px); width:-webkit-calc(100% - 23px); width:calc(100% - 23px);}
.banner{ margin-top:-95px;}
.new_title_pr .main_title{ top:-134px;}

.banner2 .hd{ width:100%; height:0px;  position:absolute; z-index:1; bottom:25px; text-align:center;  }
.banner2 .hd ul{ display:inline-block; height:12px; padding:3px 4px; font-size:0; vertical-align:top;}
.banner2 .hd li{ display:inline-block; width:14px; height:14px; background:#9e9a9a; margin:0 4px;  vertical-align:top; overflow:hidden; cursor:pointer; border-radius:360px; -moz-border-radius:360px;}
.banner2 .hd .on{ background:#d4d2d2;}
} 

@media screen and (max-width:550px){
.works_xx1_c,.works_xx2_c,.works_xx3_c{ padding:15px 5px;}
.works_xx2_c,.works_xx3_c p{ font-size:18px; line-height:28px;}
.works_xx2_c span{ margin-right:15px;}
.works_xx1_t,.works_xx2_t,.works_xx3_t{ text-indent:5px;}
.works_xx1_t span,.works_xx2_t span,.works_xx3_t span{ width:10px; margin-right:5px;}
.online .works_xx1_t b{ line-height:32px; font-size:22px; margin-right:5px;}
}

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

}

@media screen and (max-width:420px) {
.mod18,.mod18 .listBox,.mod18 .picBox li{ width:290px;}
.works_xx1,.works_xx1_c{ overflow:visible;}
.mod18{ height:215px;}
.mod18 .picBox{ height:160px;}
.mod18 .listBox li{ width:94px;}
.mod18 .btn{ top:170px; background-size:60%}
.mod18 .next{ right:-15px;}
.mod18 .prev{ left:-15px;}
.sub_men{ padding-bottom:10px;}
.sub_men a{ width:28%; padding:0px; margin-bottom:5px;}
}

@media screen and (max-width:414px) {
.lxwm .box dd{ width:auto; float:none; text-align:left;}
.lxwm .box dt{ width:auto; float:none;}
.lxwm .box .box_kong{ display:none;}
.lxwm .box .left,.lxwm .box .right{ font-size:14px; line-height:22px;}
.lxwm .box dd{ line-height:22px; padding-bottom:2px;}
.lxwm .box2{ padding-bottom:10px;}
}

@media screen and (max-width:375px) {
.lxwm .box1 p{ float:left; display:contents;}
.footer_menu dt a{width:-moz-calc(50% - 12px); width:-webkit-calc(50% - 12px); width:calc(50% - 12px);}

}


@media screen and (max-width:320px) {
.lxwm .box dt span{ width:240px; float:left;}
}