.fuller{ width:100%;box-sizing:border-box; padding:0 10px;}

.top{ position:static;}
.logo img{ height:40px; width:auto;}

nav{ width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; z-index:999; margin:0; padding-top:100px; display:none; transition:none}
nav a{ margin:0}
nav a:nth-child(odd){ margin-right:calc((100% - 260px) / 2); margin-left:30px}
nav a:nth-child(even){ margin-left:calc((100% - 260px) / 2); margin-right:30px}
nav span.close{ display:block; position:absolute; top:10px; right:10px; height:40px; line-height:40px; text-align:center;}

a.nav-on{ float:right; height:40px; line-height:40px; font-family:Cambria; font-size:16px; display:block; width:40px}
a.nav-on img{ width:100%; height:auto; float:left;}

div.title{ margin:30px 0;}
div.title > div,
div.title > p{ text-indent:0}

.about,
.pro,
.news,
.cus{ padding-bottom:50px }

.about-img img,
.about-img-text{ width:100%}
.about-icon span{ width:30%}

#news a p{ height:72px; overflow:hidden; padding:0;}


.cus form{ width:100%; padding:0; border:none; border-bottom:1px solid #dadada; padding-bottom:20px; background:rgba(255,255,255,0.7); box-sizing:border-box; padding:10px}
.cus-text{ width:100%; padding:0; float:left;}
.cus-text img{ width:100%}
.cus-text p{ text-align:center;}
.copyright{ text-align:center;}
.copyright a{ width:100%; display:block; text-align:center;}

.bot-fixed{ position:fixed; width:100%; bottom:0; left:0; z-index:999; height:inherit; display:block}
.bot-nav{ width:100%; float:left; background:url(../images/fixed-bot-bg.png); background-size:100% 100%; padding:5px 0;}
.bot-nav a{ float:left; width:25%; display:block; text-align:center; font-size:12px; font-weight:bold; color:#fff;}
.bot-nav img{ display:block; margin:0 calc((100% - 32px) / 2) 5px;}

.add-nav{ padding:30px 0; height:60px}
.add-nav .fuller b{  line-height:30px; display:block; float:left; color:#fff; font-family:Cambria; font-size:26px; height:30px; font-weight:bold; width:100%; text-align:center;}
.add-nav .fuller div{ height:30px; line-height:30px; width:100%; text-align:center;}

.list-news-box a img{ width:130px; height:80px}
.list-news-box a div{ width:calc(100% - 134px); height:84px;}
.list-news-box a div h2{width:100%; font-size:14px; color:#009a61; height:20px; line-height:20px; font-weight:bold; float:left}
.list-news-box a div p{ width:100%; float:left;line-height:20px; color:#ADADAD; margin-top:6px; max-height:40px; overflow:hidden; font-size:12px}
.list-news-box a div span{ display:block; bottom:-10px; line-height:26px; font-size:12px; font-weight:bold; height:26px; left:0; position:absolute; color:#686868}
.list-news-box a div b{ right:0; bottom:-10px; line-height:26px; height:26px; display:block; position:absolute; color:#C5C5C5; font-size:12px}

.page{ display:none;}
.det-page{ display:block;}

.list-pro-box a{ width:calc(50% - 10px); margin:10px 5px 0}

@media screen and (max-width:480px){
.list-pro-box a img {
    width: 100%;
    float: left; height:150px;
}
.cont-text-main img {
    display: block;
    float: left;
    width: 100%;
}
#pro a img {
    width: 100%;
    float: left;
    height: 150px;
}
}