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


@media screen and (max-width:768px) {
.visible-xs-block{display:block;}
.wp{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}
.center, #location {width:100%;padding-left:10px;padding-right:10px;box-sizing:border-box;}
#footerBar{display:block;}

#header {padding:20px 0;}
#logo {float:none;width:100%;text-align:center;}
#logo > a {width:65px;}

.topRight {float:none;width:100%;text-align:center;}
.topRight .searchForm{ margin-left:auto; margin-right: auto;}
.topRight .searchForm{float:none;margin:0 auto;}

#nav,.lang{display:none;}
.contop{display:none;}

#goTop{display:none !important;}

#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:5px;}
#banner .swiper-pagination-bullet {width:10px;height:10px;margin:0 3px;}


.footContact {width: 100%;max-width: 100%;background: url("/templates/default/images/map.png") no-repeat center;text-align: center;}
.footTop .box {margin-bottom:0;margin-top:0;}
.footTop .footPro{display:none;}
.footCer{display:none !important;}
.footAttest{display:none !important;}

.footTop .title{text-align:center;font-size: 18px;}

.footShare li{float:none;display:inline-block;}

.footBot {text-align:center;}
.footBot p{float:none;}
.footBot span {display:inline-block;}

#pageNum b{display:none;}
}

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

.showPro .box { width:48%; padding-bottom: 15px; }
.showPro .box a.img{ border: 1px solid #ccc; display: block; width: 100%; height: auto;background:#fff;text-align:center;}
.showPro .box p { line-height: 24px; overflow: hidden; max-height: 96px; margin-top: 9px; }
.showPro .box p a{ color: #333; line-height: 16px; display: block; }
.showPro .box p:hover a{ color: #005627; text-decoration: underline;}

.showCen .showAbout,.showCen .showMac{width:100%;}
.abouttit{ width: 100%;padding:0 5px;box-sizing:border-box;}

.justify a.more{float:none;color:#3188BB;font-size:12px;margin:0 0 0 10px;}

.showAbout .listText p{padding:5px 10px 0;}

.showMac .showmcre{padding:15px 10px 10px;}
.showmcre .imgcss .imgLeft{width:180px;}
.showmcre .imgcss .listText{margin:0 0 0 190px;}

.justify .showmcre a.more{margin:0;}

.showCen .showVideo{width:100%;}



#main {margin-top:0; padding:0 10px;box-sizing:border-box;}
#aside, .right {padding-top:0;margin-top:0;}
#aside {float:none;width:100%; }
.right {float:none;width:100%;margin:10px 0 0 0;}

.left_menu{margin:0 0 5px 0}
.asideList > li {margin-top:0;}
.asideList > li > a{padding:6px 10px 6px;}

#location {margin-bottom:10px;padding-top:0;}

}



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

.prode h1{font-size:18px;text-align:center;}

}

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

#logo img{height:70px;}

.showPro .box {width:100%;}

.showmcre .imgcss .imgLeft{width:200px;float:none;margin:0 auto;}
.showmcre .imgcss .listText{color:#666;margin:10px 0 0 0;font-size:13px;line-height:20px;}

}






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



}