:root{
    --main-color: #644A20;
}
*{margin:0; padding:0;text-indent:0!important;word-break:break-word;}
body{background-color:#fff; color:#333; font:16px/1.6 'Microsoft Yahei';}
a,a:hover{display:inline-block; color:#333; text-decoration:none;}
a:hover{color:var(--main-color);}
.wp{position:relative; margin:0 auto; width:1200px;}

.ellipsis{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.flex{display:flex;}
.flex-vertical{flex-flow:column}
.flex-center{align-items:center; justify-content:center;}
.flex-left-center{align-items:center; justify-content:flex-start;}
.flex-right-center{align-items:center; justify-content:flex-end;}
.flex-wrap-row{flex-wrap:wrap; flex-direction:row;}
.flex-w{flex:1;}

/* header */
.header .logo a, .header .logo img{display:block;}
.header .menu{padding-right:30px;}
.header .menu a{padding:30px; font-weight:700; text-transform:capitalize;}
.header .menu span{position:relative;}
.header .menu .active{color:var(--main-color)!important;}
.header .menu .active span::after{position:absolute; left:0; bottom:-10px; right:0; height:1px; background-color:var(--main-color); content:"";}
.header .language{padding:10px 0;}
.header .language .box{position:relative; width:80px; user-select:none;}
.header .language .box::after{position:absolute; right:0; top:50%; margin-top:-2px; width:0; height:0; border:5px solid transparent; border-top-color:#000; content:"";}
.header .language .box span{display:block; padding-right:15px; text-align:right;}
.header .language .list{position:absolute; right:0; bottom:-100px; width:80px; background:#fff; box-shadow:0 0 5px 3px rgba(0,0,0,.08); padding:5px 0; border-radius:3px; opacity:0; pointer-events:none; transition:all .3s; z-index:100; font-size:14px;}
.header .language .list a{display:block; padding:6px 10px; line-height:1;}
.header .language .list a:hover{background-color:#f1f1f1}
.header .language:hover .list{opacity:1; bottom:-95px; pointer-events:all;}
.page-header{box-shadow:0 0 10px 5px rgba(0,0,0,.35);}

/* footer */
.footer{padding:35px 20px; background:#fff; color:#333; text-align:center;}
.footer .box{opacity:.85;}

.main{margin:50px auto; border:1px solid #d0d0d0; border-radius:3px; box-sizing:border-box; box-shadow:0 0 15px 5px rgba(0,0,0,.08);}
.main .left{padding:20px;}
.main .left .tit{padding:15px 0 20px 25px;}
.main .left .tit span{position:relative; font-size:20px; color:var(--main-color); font-weight:700; text-transform:uppercase;}
.main .left .tit span::after{position:absolute; left:0; bottom:-20px; width:50%; height:8px; border-radius:3px; background-color:var(--main-color); content:"";}

.main .left .subnav{padding-top:50px; width:150px;}
.main .left .subnav a{margin-bottom:10px; position:relative; display:block; text-align:center; color:#666; padding:4px 0;}
.main .left .subnav .active{background-color:var(--main-color); color:#fff; border-radius:3px; text-transform:capitalize;}
.main .left .subnav .active::after{position:absolute; right:-15px; top:8px; width:0; height:0; border:5px solid transparent; border-left-color:var(--main-color); border-left-width:10px; content:"";}

.main .right{width:830px; padding-right:100px;}
.main .right .title{padding:50px 0 0; text-align:center; font-weight:700; user-select:none;}
.main .right .title p{position:relative; z-index:10; color:#222; font-size:20px; text-transform:uppercase;}
.main .right .title span{position:relative; top:-20px; color:#e2e2e2; font-size:18px; letter-spacing:1px; text-transform:uppercase;}

.page-content{padding:30px 0 60px; text-align:justify;}

/* 业务 */
.yewu-content img{display:block; width:100%!important; height:auto!important;}
.yewu-content{padding-top:10px; text-align:justify; font-size:15px;}
.yewu-content p{padding-bottom:5px;}

/* 联系我们 */
.contact-content .item{padding-left:25px; line-height:20px; padding-bottom:20px; color:var(--main-color); font-weight:700; background:no-repeat 0 0;}
.contact-content .i-tel{background-image:url(../img/i-tel.png);}
.contact-content .i-email{background-image:url(../img/i-email.png);}
.contact-content .i-address{background-image:url(../img/i-address.png);}
.contact-content .map{padding-top:20px;}
.contact-content #map{height:400px;}

/* 文章页面 */
.news-content{color:#6f6f6f;  line-height:1.8; text-align:justify;}
.news-content p{padding-bottom:15px;}
.news-content img{display:block; margin:0 auto; max-width:100%!important; height:auto!important;}

/* 团队 */
.team-content .item{padding:30px 0; border-bottom:1px dashed #666;}
.team-content .item:nth-child(1){padding-top:0;}
.team-content .item .pic{width:160px; height:230px; overflow:hidden;}
.team-content .item .pic img{display:block; width:100%; height:100%; object-fit:cover;}
.team-content .item .info{padding-left:90px;}
.team-content .item2 .info{padding-left:0; padding-right:90px;}
.team-content .item .tit{font-size:18px; color:var(--main-color); font-weight:700;}
.team-content .item .tit span{padding-left:10px; color:#333; font-weight:400; font-size:16px;}
.team-content .item .desc{padding-top:5px; font-size:14px; color:#666; text-align:justify;}

/* 首页 */
.banner{background:url(../img/banner_bg.png) no-repeat 50% 50%/cover; color:#fff;}
.banner .wp{height:100%; padding:40px 0;}
.banner h1{font-size:40px; text-align:center;}
.banner p{padding:0 60px; font-size:20px; text-indent:2em; line-height:2; text-align:justify;}

.index-main{padding:50px 0;}
.index-main .flex-w{padding:0 90px; text-align:center;}
.index-main h1{color:#000; font-size:40px;}
.index-main p{padding-top:10px; color:#000; font-size:20px;}


.m-header{display:none; position:relative; height:60px; background:#fff;}
.m-header .wp{position:fixed; left:0; top:0; right:0; height:60px; background:rgba(255,255,255,.85); z-index:999;}
.m-header .logo a{display:block; padding-left:15px;}
.m-header .logo img{display:block; height:40px;}
.m-header .menu-btn{margin-right:15px; position:relative; width:35px; height:28px;}
.m-header .menu-btn span{position:absolute; display:block; width:100%; height:4px; background-color:var(--main-color); border-radius:10px; transition:all .3s;}
.m-header .menu-btn span:nth-child(2){top:50%; margin-top:-2px;}
.m-header .menu-btn span:nth-child(3){bottom:0;}
.m-header .menu{display:none; position:absolute; left:0; top:60px; width:100%; background:#666; }
.m-header .menu a{color:#fff; text-transform:capitalize;}
.m-header .menu .nav a{padding:10px 15px; display:block; border-bottom:1px solid #fff;}
.m-header .menu .language{padding:0 15px;}
.m-header .menu .language a{padding:10px 0; margin-right:15px;}
.m-header-open .wp{background:#666;}
.m-header-open .logo img{filter:brightness(100);}
.m-header-open .menu{display:block;}
.m-header-open .menu-btn span{background-color:#fff;}
.m-header-open .menu-btn span:nth-child(2){display:none;}
.m-header-open .menu-btn span:nth-child(1){transform:rotate(45deg) translate(8.5px, 9px);}
.m-header-open .menu-btn span:nth-child(3){transform:rotate(-45deg) translate(8.5px, -9px);}

.title-desc{margin-bottom:30px; padding:12px 15px; font-size:14px; box-shadow:0 0 3px 2px rgba(0,0,0,.1); text-align:justify;}
.title-desc p{text-indent:2em;}

@media screen and (max-width: 750px) {
    .header{display:none;}
    .m-header{display:block;}
    .wp{width:100%;}
    .main{display:block; margin:0; border:0;}
    .main .left{padding:10px 15px; background-color:var(--main-color);}
    .main .left .tit{display:none;}
    .main .left .subnav{padding:0; width:auto; overflow-x:auto; white-space:nowrap;}
    .main .left .subnav a{display:inline-block; padding:0; margin:0 10px 0 0; color:#fff!important;}
    .main .left .subnav .active::after{display:none;}
    .main .left .subnav .active::before{position:absolute; left:0; bottom:0; width:100%; border-bottom:1px solid #fff; content:"";}
    .main .right{width:auto; padding:0;}
    .main .right .title{padding-top:30px;}

    .news-content{padding:0 20px 20px; text-align:justify;}
    .page-content{display:block; padding:0 20px 20px;}
    .contact-content #map{height:250px;}

    .yewu-pic img{display:block; width:100%;}
    .yewu-content{padding:20px 0 0;}

    .team-content .item{align-items:start;}
    .team-content .item .pic{width:20%; height:auto;}
    .team-content .item .info{padding-left:20px;}
    .team-content .item2 .info{padding-left:0; padding-right:20px;}

    .team-content .item .tit{font-size:16px;}
    .team-content .item .tit span{font-size:14px;}
    .team-content .item .sub-tit{font-size:14px;}
    .team-content .item .desc{font-size:12px;}

    .banner{padding:30px 0; height:auto; background-size:cover;}
    .banner h1{font-size:22px;}
    .banner p{font-size:14px; padding:0 20px;}

    .index-main{display:block; padding:30px 0;}
    .index-main .flex-w{padding:30px 20px; border-bottom:1px dashed #888;}
    .index-main .flex-w:last-child{border:0;}
    .index-main h1{font-size:22px;}
    .index-main p{font-size:16px;}
}