@charset "utf-8";


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

.wp{width:100%;padding-right:10px; box-sizing:border-box; padding-left: 10px;}

.header{display:none;}
.mo-header{display:block;}
.navbar-toggle{display:block;}


.footerbox{width:100%;box-sizing:border-box;padding:15px 10px 0;}
.footer h5{border-bottom:1px solid #D6D6D6;line-height:30px;}

.footer h5::after {content: '+';float: right;font-size: 14px;font-weight: normal;margin-top: -2px;margin-right: 8px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.footer h5.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.footer .list{width:100%;float:none;}
.footer .list ul{display:none;}
.footer .list2{width:100%;float:none;}

.copyright{width:100%;padding:15px 10px;box-sizing:border-box;}
#gotop{display:none;}



.hero{height:350px;padding-top:40px;}
.unit-image-wrapper img{width:100%;}


.subnav{display:none;}

.prolist ul{margin:0 0 0 -1%;}
.prolist ul li{float:left;width:49%;margin:0 0 30px 1%;}
.prolist ul li .pic{padding:0;}

.pro-scroll img{width:100%;height:auto;}
.about img{width:100%;height:auto;}

.contact ul li{float:none;width:100%;}
.contact ul li span{display:none;}
.contact ul li p.wx{display:block;}
}

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



}


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



}


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


.hero{height:300px;}
.unit-copy-wrapper h2{font-size:28px;}


.indexA ul li{float:none;width:100%;height:380px;border:none;box-sizing:border-box;margin:10px 0 0 0;padding:52px 0 0 0;background-size:100% auto;}
.indexA ul li.l2,.indexA ul li.l3,.indexA ul li.l4,.indexA ul li.l5,.indexA ul li.l6{background-size:100% auto;}

.indexA ul li.odd{border:none;}
.indexA ul li h5{font-size:28px;}

.path{padding:50px 0;}
.path h3{font-size:40px;line-height:40px;}
.path .txt p{font-size:13px;}

.listtab ul li a{font-size:13px;height:40px;line-height:40px;padding:0 15px;}

.prolist ul{margin:0;}
.prolist ul li{float:none;width:100%;margin:0 0 15px 0;}


.map{border:#C1C1C1 2px solid;height:250px;}
}

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



}