@charset "utf-8";
/* CSS Document */
/*清除内外边距*/
html,body,div,p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol,li,table,th,td,span,img,dl,dd,dt,input,textarea,button{padding:0;margin:0;}
/*设置字体*/
body,textarea,button,input,select{font-family:"Microsoft Yahei"; font-size:12px; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
img{max-width:100%;}
/*设置列表*/
ul,ol{list-style:none;}
/*设置通用链接*/
a{ color:#333333; text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#333; }
/*清除浮动*/
.banner{background:url(../images/header_bg-CsvgjxEz.png) top center no-repeat; background-size: 110%;}
.container{max-width:1200px; margin: 0 auto;}
.top{display:flex; justify-content: space-between; padding:20px 0;}
.top .logo{width:20%;}
.top .logo img{width:100%;}
.top .nav{display:flex; align-items: center; justify-content: flex-start;}
.top .nav .nav-item{margin:0 10px; font-size: 14px; padding: 4px 25px; border-radius: 25px; transition: 0.5s ease all;}
.top .nav .active{background:#ffe9d1!important;}
.top .nav .nav-item a{ color:#333; cursor: pointer;}
.top .nav .nav-item:hover{background:#f9d8b3; color: #000; transform: scale(1.05)}
.ban-box{display:flex; justify-content: space-around; padding: 50px 0 30px;}
.ban-box .ban-l{width:48%; padding-top: 10%;}
.ban-box .ban-l .tit{font-size:60px; color: #FFF; margin-bottom: 15PX;}
.ban-box .ban-l .tit span{color: #000;}
.ban-box .ban-l .t1{font-size:30px; margin-bottom: 5px; color: #fff;}
.ban-box .ban-l .t2{font-size: 24px; color: #FFF; margin-bottom: 25px;}
.ban-box .ban-l .xz{display:flex; margin-bottom: 20px;}
.ban-box .ban-l .xz .xz-item{margin-right: 15px; background: #c8996b; border-radius: 30px; padding: 10px 40px; display: flex; align-items: center; font-size: 24px; color: #fff; border: 2px solid #FFF; cursor: pointer; transition: 0.5s ease all;}
.ban-box .ban-l .xz .xz-item img{width:25px; margin-right: 10px;}
.ban-box .ban-l .xz .xz-item:hover{background:#b07a5a; transform:scale(1.05)}
.ban-box .ban-l .ewm{width:180px;}
.ban-box .ban-l .ewm img{width:100%; height: auto;}
.ban-box .ban-r{width:48%;}
.ban-box .ban-r img{width:90%;}
.youshi{padding:50px 0;}
.youshi .title{margin-bottom:30px; text-align: center;}
.youshi .title .t1{font-size:32px; color: #ccc;}
.youshi .title .t2{font-size:32px; color: #333;}
.youshi .yslist{display:flex; padding:30px 0;}
.youshi .yslist .ysbox{width:33.33%; text-align: center;}
.youshi .yslist .ysbox .t1{color:#a96e38; font-size: 36px; font-weight: bold; margin-bottom: 10px;}
.youshi .yslist .ysbox .t2{font-size: 24px; color: #5b5b5b; margin-bottom: 25px;}
.youshi .yslist .ysbox .t3{font-size: 16px; color: #333;}
.b-r{border-right:1px solid #EEE;}
.mb30{margin-bottom:50px;}
.mb10{margin-bottom:10px;}
.what{padding:30px 0;}
.what .title{display:flex; margin-bottom: 15px;}
.what .title .bg{padding:10px 40px; background: #eac8a2; font-size: 32px; color: #000; border-radius: 30px 30px 30px 0;}
.what .ftitle{color:#333; font-size: 20px; margin-bottom: 40px;}
.what .what-box{display: flex; justify-content: space-between;}
.what .what-l{width:48%;}
.what .what-r{width:48%; text-align: center;}
.what .what-r img{width:75%;}
.what .what-item{display:flex; margin-bottom: 30px; justify-content: space-between;}
.what .what-item .item-pic{width: 8%;}
.what .what-item .item-pic img{width:100%;}
.what .what-item .item-txt{width:90%; font-size: 18px; color: #333;}
.what .what-item .item-txt .item-tit{font-size: 18px; color: #000; margin-bottom: 5px;}
.what .what-item .item-txt .item-ftit{font-size: 18px; color: #666;}
.about{padding:220px 0 50px; background:url(../images/about_bg-DJzG_m4R.png) top center no-repeat; background-size: 110%;}
.about .title{display:flex; margin-bottom: 40px;}
.about .title .bg{padding:10px 40px; background: #eac8a2; font-size: 32px; color: #000; border-radius: 30px 30px 30px 0;}
.about .about-box{ font-size: 18px; color: #333; margin-bottom: 20px;}
.about .about-ry{display: flex; margin-bottom: 40px;}
.about .about-ry .ry-pic{ width: 220px;}
.footer{ background: #eac8a2; padding: 30px 0;}
.footer .fbox{ display: flex;}
.footer .fbox .f-item{width:25%;}
.footer .fbox .tit{font-size: 22px; color: #000; margin-bottom: 20px; font-weight: bold;}
.footer .fbox .ftit{font-size: 16px; color: #666; margin-bottom: 10px;}
.footer .fbox .ftit a:hover{text-decoration: underline;}

/* 平板端适配 */
@media screen and (max-width: 1200px) {
    .container{max-width:95%;}
    .ban-box .ban-l .tit{font-size:48px;}
    .ban-box .ban-l .t1{font-size:26px;}
    .ban-box .ban-l .t2{font-size:20px;}
    .ban-box .ban-l .xz .xz-item{font-size:20px; padding:8px 30px;}
    .youshi .yslist .ysbox .t1{font-size:32px;}
    .youshi .yslist .ysbox .t2{font-size:20px;}
    .what .title .bg{font-size:28px;}
    .about .title .bg{font-size:28px;}
}

/* 移动端适配 */
@media screen and (max-width: 768px) {

    .banner{background-size:cover; background: url(../images/header_bg_mobile-VYrVTPRi.png) top center no-repeat;}
    .top{flex-direction:column; align-items:center;}
    .top .logo{width:50%; margin-bottom:20px;}
    .top .nav{flex-wrap:wrap; justify-content:center;}
    .top .nav .nav-item{margin:5px; padding:4px 15px;}
    .ban-box{flex-direction:column; padding:30px 0 20px;}
    .ban-box .ban-l{width:100%; padding-top:5%; text-align:center;}
    .ban-box .ban-l .tit{font-size:36px;}
    .ban-box .ban-l .t1{font-size:22px;}
    .ban-box .ban-l .t2{font-size:18px;}
    .ban-box .ban-l .xz{justify-content:center; flex-wrap:wrap;}
    .ban-box .ban-l .xz .xz-item{font-size:18px; padding:6px 20px; margin:5px;}
    .ban-box .ban-l .ewm{margin:0 auto;}
    .ban-box .ban-r{width:100%; text-align:center;}
    .youshi .yslist{flex-direction:column;}
    .youshi .yslist .ysbox{width:100%; margin-bottom:30px;}
    .youshi .yslist .ysbox .t1{font-size:28px;}
    .youshi .yslist .ysbox .t2{font-size:18px;}
    .b-r{border-right:none;}
    .what .what-box{flex-direction:column;}
    .what .what-l, .what .what-r{width:100%;}
    .what .what-r{margin-top:30px;}
    .what .title .bg{font-size:24px; padding:8px 30px;}
    .what .what-item .item-pic{width:15%;}
    .what .what-item .item-txt{width:82%;}
    .about{padding:50px 0 30px; background: #FFF;}
    .about .title .bg{font-size:24px; padding:8px 30px;}
    .about .about-ry{flex-wrap:wrap;}
    .about .about-ry .ry-pic{width:48%; margin-bottom:15px;}
    .footer .fbox{flex-wrap:wrap;}
    .footer .fbox .f-item{width:50%; margin-bottom:20px;}
}