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

@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{ width:100%;}
.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;}
.logo{ margin-left:10px;}
}


@media screen and (max-width:900px) {
.head{ width:100%; position:fixed; left:0px; top:0px; z-index:9; background:rgba(0, 0, 0, 0.7);}
.logo{ width:100%; text-align:center; padding:10px 0; margin:0px;}
.nav{ width:100%; height:100%; position:fixed; left:0px; top:50px; z-index:9; background:rgba(0, 0, 0, 0.6); display:none;}
.nav li{ width:auto; float:none;}

.nav_ico{ width:30px; height:35px; display:block; position:absolute; left:10px; top:0px; 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_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{ margin-top:30px;}
.about_top dt{ float:none;}
.about_top dd{ float:none; margin:0 0 0 2%;}
}


@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{ margin-top:20px;}
.footer p{ line-height:18px; font-size:16px; padding:20px;}
.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;}
} 


@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;}
}


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