@import url(iconfont.css);
*{ margin:0 ; padding: 0; box-sizing: border-box; outline: none; }

body{ font-size:16px; font-family: "microsoft yahei"; background:#FFF;color:#000; }

a{color:#000;text-decoration:none}
a:hover{color:#4e7097}

.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}

.swiper{width:100%;height:100%}
.swiper-slide{display:flex;justify-content:center;align-items:center; flex-wrap: wrap;}
.header{ position: fixed; left: 0; top:0; width: 100%; z-index: 999; display: flex; align-items: center; padding: 15px;}
.logo{ display: flex; align-items: center; margin-right: 30px;}
.logo img{ height: 45px; position: relative; top:5px;}
.logo span{ margin-left: 10px; font-size: 20px; font-weight: bold; color: #b4872e;}
.nav{ display: flex; }
.nav a{ font-size: 18px; display: inline-block; margin: 0 20px; color: #b4872e; position: relative; }
.nav a:before{ display: none; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); width: 80%; height: 2px; background: #b4872e;content:''; }
.nav a.active:before{ display: block; }

.banner{ background: url(../images/banner.jpg) no-repeat center / cover; width: 100%; height: 100%;position: relative; text-align: center; display:flex;justify-content:center;align-items:center }
.banner:before{position: absolute; left: 0; top:0; width: 100%; height: 100%; content:''; background: rgba(0,0,0,0.5);}
.banner .text{ color: #FFF; position: relative; z-index: 99; }
.banner .text h2 {font-size: 60px; font-weight: normal; margin-bottom: 20px;}
.banner .text h3{ font-size: 45px; font-weight: normal; margin-bottom: 60px;}
.banner .text .down{ display: flex; justify-content: center;  }
.banner .text .down a{ margin:0 30px 30px; color: #FFF; display: flex; align-items: center; font-size: 28px; background: rgba(0,0,0,0.6); padding: 15px 25px; border-radius: 8px;}
.banner .text .down i{ font-size: 60px; margin-right: 5px; }
.banner .text .down p{ font-size: 28px; text-align: left; }
.banner .text .down p span{ display: block; font-size: 20px; }

.section{ display: flex; justify-content: center; align-items: center; flex:100%; }
.section .img-center{ flex:0 0 200px; margin-right: 80px; }
.section .text{ flex:0 0 470px; }
.section .text h2{ font-size: 70px; margin-bottom: 15px; }
.section .text p{ font-size: 27px; }

.footer .down{ display: flex; justify-content: center;  }
.footer .down a{ margin:0 30px 30px; color: #FFF; display: flex; align-items: center; font-size: 28px; background: rgba(0,0,0,0.6); padding: 15px 25px; border-radius: 8px;}
.footer .down i{ font-size: 60px; margin-right: 5px; }
.footer .down p{ font-size: 28px; text-align: left; }
.footer .down p span{ display: block; font-size: 20px; }
.copyright{ text-align: center; margin-top: 20px;}

.main{ max-width: 670px; margin:100px auto 0; }
.main .tits{ position: relative; padding-bottom: 25px; margin-bottom: 25px;}
.main .tits:before{ position: absolute; left: 0; bottom: 0; width: 130px; height: 1px; background: #333; content: ''; }
.main .tits h2{ font-size: 40px; margin-bottom: 10px; }
.main .tits h3{ font-size: 16px; font-weight: normal;  }
.main .single{ line-height: 1.8; margin-bottom: 25px;}
.main .down{ display: flex; justify-content: center; }
.main .down a{ margin:0 10px 30px; color: #FFF; display: flex; align-items: center; font-size: 28px; background: rgba(0,0,0,0.6); padding: 15px 25px; border-radius: 8px;}
.main .down i{ font-size: 60px; margin-right: 5px; }
.main .down p{ font-size: 28px; text-align: left; }
.main .down p span{ display: block; font-size: 20px; }


@media screen and (max-width: 768px) {
    .logo span{  font-size: 18px;}
    .nav a{ font-size: 16px; margin: 0 10px;  }
	.banner .text h2 {font-size: 28px; margin-bottom: 15px;}
	.banner .text h3{ font-size: 20px;}
	.banner .text .down a{ margin:0 5px 50px; font-size: 20px; padding: 10px 15px; }
    .banner .text .down i{ font-size: 28px; margin-right: 5px; }
    .banner .text .down p{ font-size: 16px; }
    .banner .text .down p span{  font-size: 12px; }
	.section{ padding: 50px 0 }
	.section .img-center{ flex:0 0 40%; margin-right: 20px; }
	.section .text{ flex:0 0 45%; }
	.section .text h2{ font-size: 24px; margin-bottom: 15px; }
	.section .text p{ font-size: 18px; }
	.footer .down{flex-wrap:wrap; }
	.footer .down a{ margin:0 5px 10px; font-size: 20px; padding: 10px 15px; }
    .footer .down i{ font-size: 28px; margin-right: 5px; }
    .footer .down p{ font-size: 16px; }
    .footer .down p span{  font-size: 12px; }


	.main{ margin:100px auto 0; padding: 0 15px; }
	.main .down a{ margin:0 10px 30px; font-size: 20px; padding: 10px 15px; }
    .main .down i{ font-size: 28px; margin-right: 5px; }
    .main .down p{ font-size: 16px; }
    .main .down p span{  font-size: 12px; }


}