body{width: 100%;height: 100vh;overflow: hidden;}
/* header */
.header{background:transparent;position: absolute;box-shadow:0 0 0 rgba(0,0,0,0);}
header{max-width:1620px;}
.section a{color: #fff;}
header .nav a{color:#fff}
.section .icon1{background: url(../pics/icon1.2.png) left center no-repeat;}
.section .icon2{background:url(../pics/icon2.2.png) left center no-repeat;}
.section small{background:url(../pics/xiala.2.png) left center no-repeat;}
.m-nav{color:#fff;}
/* content */
.content{position:relative;width:100%; height:100%}
.content .hd{position:absolute;width:80px;height:270px;right:105px;top:50%;margin-top:-135px}
.content .hd li{width:100%;height:52px;font-size:14px;color:#fff;font-style:italic;background:url(../pics/hd.png) 64px center no-repeat;line-height:152px;overflow:hidden;cursor:pointer}
.content .hd li.on{background:url(../pics/hd_on.png) 26px center no-repeat;line-height:52px}
.content .bd,.content .bd li{width: 100% !important;height:100% !important;background-size: cover !important;}
.content .bd .box{position:absolute;width:100%;height:170px;max-width:1200px;left:50%;top: 50%;transform:translate(-50%,-50%);text-align: center;}
.content .bd .box h2{width:100%;position:relative;left:0;font-size:50px;color:#fff;margin-bottom:18px;}
.content .bd .box h5{width:100%;position:relative;left:0;font-size:24px;color:#fff;margin-bottom:40px;font-weight: normal;}
.content .bd .box h6{width:100%;position:relative;left:0;font-size:14px;color: rgba(255,255,255,1);font-weight: normal;}
/* footer */
.footer{width:100%;max-width:1620px;position:absolute;bottom:60px;left:50%;transform:translateX(-50%)}
.footer-l,.footer-r{padding:8px 16px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}
.footer-l{display: flex;width:100%;max-width:700px;}
.footer-l p{line-height:30px}
.footer-l .p1{width:392px}
.footer-l a{display:block;width: 100%;font-size:13px;color:#fff;font-family:arial}
.footer-l i{width:24px;margin-right:5px;font-size:15px;text-align:center}
.footer-r{padding:12px}
.footer-r input,.footer-r textarea{background:none;border:none;color:#fff;width:100%;line-height:32px;width:160px;font-size:13px;padding-bottom:2px}
.footer-r label{display:flex;align-items:center;border:1px solid #999;margin-bottom:10px}
.footer-r label i{color:#fff;font-size:15px;width:32px;min-width:32px;line-height:32px;text-align:center}
.footer-r textarea{width:260px;border:1px solid #999;margin-left:10px;padding:5px;line-height:1.2;height:70px}
.footer-r .button{width:80px;line-height:32px;cursor:pointer;text-align:center;color:#fff;border:0;background:#912902;border-radius:2px;transition:all .6s;opacity:0.8}
.footer-r .button:hover{opacity:1}
.copyright{width:max-content;color:#fff;font-size:12px;position:absolute;bottom:8px;left:50%;transform:translateX(-50%)}
.copyright a{color:#fff;font-size:12px;margin-left:5px}

@media screen and (max-width: 1250px) {
	.footer {width: 98%;}
	.footer-l{flex-wrap:wrap;max-width:400px;}
}
@media screen and (max-width: 950px) {
	.footer{flex-wrap:wrap;width: 100%;}
	.footer-l,.footer-r{width:100%;max-width:100%;border:none}
}

.footer-r input::placeholder,.footer-r textarea::placeholder{
	color: #dedede;
}