﻿
/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */

.sp{display:none;}



@media (min-width: 769px) and (max-width: 1024px) {
	header{height:80px;}
	header .l-header a.logo{height:80px;}
	header .l-header .l-nav .nav-list{margin-right:20px;}
	header .l-header .l-nav .nav-list ul li a.nav-link{height:80px;line-height:80px;}
	header .l-header .l-nav .nav-list ul li a.nav-link:hover::before, header .l-header .l-nav .nav-list a.nav-link.active::before, header .l-header .l-nav .nav-list a.nav-link.hover::before{left:-10px;right:-10px;width:calc(100% + 20px);}
	header .l-header .l-nav .nav-list ul li{margin-left:20px;}
	header .l-header .l-nav a.lang{line-height:80px;}
	header .l-header .l-nav .nav-list ul li .dropdown{top:80px;}
	
}

@media (min-width: 769px) and (max-width: 1199px) {

	header .l-header .l-nav .nav-list{margin-right:10px;}
	header .l-header .l-nav .nav-list ul li a.nav-link:hover::before, header .l-header .l-nav .nav-list a.nav-link.active::before, header .l-header .l-nav .nav-list a.nav-link.hover::before{left:-5px;right:-5px;width:calc(100% + 10px);}
	header .l-header .l-nav .nav-list ul li{margin-left:18px;}
	footer .foot-1 .foot-1-list .list-box{margin-right:10px;}
	footer .foot-1 .foot-1-list .list-box p a{white-space: nowrap}
	.indexBrand .box .box-txt{padding-left:40px;}
	.indexBrand .box .box-txt{max-width:500px;}
	.dean-1{padding:40px 0;}
	footer .foot-1 .foot-1-list .list-box h3{white-space: nowrap;}
}



@media screen and (max-width: 768px) {
	.pc{display:none!important;}
	.sp{display:block!important}
	header{height:60px;}
	header .container{padding-right:0;padding-left:5px;}
	header .l-header a.logo{height:60px;}
	header .l-header .l-nav .nav-list{display:none;position: absolute;left:0;right:0;top:60px;margin-right:0;background-color:#fff;border-top:1px solid #b8c1be;}
	header .l-header .l-nav .nav-list ul li{margin-left:0;display:block;width:100%;}
	header .l-header .l-nav .nav-list ul li a.nav-link{display:block;margin:0;padding:0 20px;width:100%;box-sizing: border-box;font-size:14px;line-height:50px;height:50px;}
	header a.mobileBtn{display:block;width:60px;height:60px;background:url(../image/bars.svg) no-repeat center;background-size:30px;cursor:pointer;}
	
	header a.mobileBtn.closed{background:url(../image/close.svg) no-repeat center;background-size:36px;}
	header .l-header .l-nav a.lang{line-height:60px;}
	header .l-header .l-nav .nav-list a.nav-link:hover::before, header .l-header .l-nav .nav-list a.nav-link.active::before{display:none;}
	header .l-header .l-nav .nav-list ul li .dropdown{position: inherit;left:inherit;transform: translateX(0);top:inherit;display:block;width:100%;padding:20px 40px 10px;border-top:1px solid #cdcdcd;box-shadow:none;}
	header .l-header .l-nav .nav-list ul li .dropdown p a{text-align:left;line-height:30px;}
	
	footer .foot-1{display:block;width:100%;;padding:20px 0;}
	footer .foot-1 a.foot-1-logo{display:none;}
	footer .foot-1 .foot-1-list{display:block;}
	footer .foot-1 .foot-1-list .list-box{margin-right:0;}
	footer .foot-1 .foot-1-list .list-box .line{display:none;}
	footer .foot-1 .foot-1-list .list-box h3{border-bottom:1px solid #a38874;height:60px;line-height:60px;position: relative;}
	footer .foot-1 .foot-1-list .list-box h3::after{content:"";display:inline-block;width:20px;height:20px;background:url(../image/down.svg) no-repeat center;background-size:cover;position: absolute;right:0;top:20px;transition:all .3s;}
	footer .foot-1 .foot-1-list .list-box h3.active{border-bottom:0;}
	footer .foot-1 .foot-1-list .list-box h3.active::after{transform: rotate(180deg);}
	footer .foot-1 .foot-1-list .list-box .list{display:none;margin-left:-15px;margin-right:-15px;padding:20px 0;background-color:#997a64;}	
	footer .foot-1 .foot-1-list .list-box .list p{padding:0 15px;}
	footer .foot-1 .foot-1-list .list-box .list p a{display:block;line-height:40px;height:40px;}
	footer .foot-1 .address{display:none;}
	footer .foot-1 .follow{text-align:center;padding-top:20px;}
	footer .foot-1 .follow h3{display:none;}
	footer .foot-1 .follow ul li{margin:0 10px;}
	footer .foot-2{flex-direction: column;text-align:center;}
	footer .foot-2 .privacy{order:0;}
	footer .foot-2 .copyright{order:1;}
	
	.h3_title{font-size:14px;line-height:24px;}
	.h4_title{font-size:16px;line-height:26px;}
	.title-line{height:2px;width:30px;margin:15px 0;}
	
	.pageKv{height:360px;}
	.pageKv .txtBody h1.cn{font-size:28px;line-height:28px;}
	.pageKv .txtBody h1.en{font-size:18px;}
	
	.teamdetKv{height:280px;overflow:hidden;}
	.teamdetKv .kv_body{top:60px;}
	.teamdetKv .kv_body .txt{width:50%;}
	.teamdetKv .kv_body .img{width:50%;}
	.teamdetKv .kv_body .img img{width:100%;}
	.teamdetKv .kv_body .content h3.name_cn{font-size:24px;line-height:24px;margin-bottom:5px;}
	.teamdetKv .kv_body .content h3.name_en{font-size:12px;line-height:20px;}
	.teamdetKv .kv_body .content .type{margin-bottom:10px;display:none;}
	.teamdetKv .kv_body .content .type span{padding:0 10px;font-size:12px;margin-right:4px;}
	.teamdetKv .kv_body .content .design{font-size:13px;margin-bottom:5px;display:none;}
	.teamdetKv .kv_body .content .design span{white-space: nowrap;}
	.teamdetKv .kv_body .content .links{padding-top:0;}
	.teamdetKv .kv_body .content .links a{width:100px;height:32px;font-size:14px;line-height:30px;color:#fff;}
	.teamdetKv .kv_body .content .links a::before{width:100%;}
	
	.indexKv{padding-top:60px;height:inherit;}
	.indexKv .kvSlider .swiper-slide .imgBox img{display:block;width:100%;height:100%;object-fit:cover;}
	.indexKv .kvSlider .swiper-slide .box{top:10%;text-align:center;left:5px;}
	.indexKv .kvSlider .swiper-slide .box h1{font-size:18px;line-height:28px;margin-bottom:5px;}
	.indexKv .kvSlider .swiper-slide .box h2{font-size:16px;line-height:26px;margin-bottom:5px;}
	.indexKv .kvSlider .swiper-slide .box h3{font-size:12px;line-height:20px;}
	.indexKv .kvSlider .swiper-slide .box a{border:1px solid #6a3f22;height:32px;font-size:12px;line-height:30px;width:110px;}
	.indexKv .swiper-pagination span{width:90px;}
	
	.indexAbout{padding:40px 0 60px}
	.indexAbout .about-title .about-txt{font-size:14px;line-height:24px;}
	.indexAbout .about-title .about-txt br{display:none;}
	.indexAbout .aboutSlider{padding-bottom:60px;}
	.indexAbout .aboutSlider .swiper-slide{height:inherit;}
	.indexAbout .aboutSlider .swiper-slide:hover img{transform:scale(1)}
	.indexAbout .aboutSlider .swiper-slide::after{display:none!important;}
	.indexAbout .aboutSlider .swiper-pagination{bottom:20px;position: absolute;left:0;right:0;}
	.indexAbout .aboutSlider .swiper-pagination span{display:inline-block;width:8px;height:8px;margin:0 5px;opacity:1;background-color:#d2d1cc;}
	.indexAbout .aboutSlider .swiper-pagination span.swiper-pagination-bullet-active{background-color:#cbaa94;}
	.indexAbout a.moreBtn{width:130px;height:36px;font-size:14px;line-height:34px;}
	
	.indexBrand{padding:40px 0;background:url(../image/index_brand_sp.jpg) no-repeat center;height:inherit;}
	.indexBrand .box{margin-top:0;height:inherit;background:rgba(220,216,213,.96);}
	.indexBrand .box .box-txt{padding:50px 20px;width:100%;}
	.indexBrand .box .box-txt h3{margin-bottom:5px;}
	.indexBrand .box .box-txt p.txt{font-size:14px;line-height:24px;}
	.indexBrand .box .box-txt a.moreBtn{width:130px;height:36px;font-size:14px;line-height:34px;margin-top:20px;}
	.indexService{padding:40px 0;}
	.indexService .service-title{margin-bottom:20px;}
	.indexService .serviceSlider{border-top:2px solid #dedede;padding-bottom:0;}
	.indexService .serviceSlider .swiper-wrapper{display:block;}
	.indexService .serviceSlider .swiper-slide{border-bottom:2px solid #dedede;width:100%!important;}
	.indexService .serviceSlider .swiper-slide a{height:inherit;height:60px;line-height:60px;padding:0;}
	.indexService .serviceSlider .swiper-slide a h3{margin:0;line-height:26px;font-size:16px;display:flex;height:60px;align-items:center;}
	.indexService .serviceSlider .swiper-slide a .icon{display:none;}
	.indexService .serviceSlider .swiper-slide a .img-box{display:none;}
	.indexService .serviceSlider .swiper-slide a p{display:none;}
	.indexService .serviceSlider .swiper-slide a i.arrow{position: absolute;right:0;top:50%;transform: translateY(-50%);}
	.indexService .serviceSlider .swiper-slide a::after{display:none;}
	.indexService .serviceSlider .swiper-slide a:hover::before{display:none;}
	.indexService .serviceSlider .swiper-slide a:hover i.arrow{opacity:1;}
	.indexService .serviceSlider .swiper-pagination{display:none;}
	
	
	.about-1{padding:50px 0;}
	.about-1 .txt-body{margin-bottom:50px;}
	.about-1 h2.title{font-size:24px;line-height:24px;padding-bottom:30px;margin-bottom:30px;}
	.about-1 .en{height:70px;margin-bottom:30px;}
	.about-1 .en img{height:100%;}
	.about-1 .tx_1{font-size:14px;line-height:30px;margin-bottom:25px;}
	.about-1 .tx_2{font-size:14px;line-height:30px;}
	.about-1 .img-1{display:none;}
	.about-1 .img-2{width:100%;height:inherit;margin-top:0;}
	.about-1 .img-2 img{display:block;width:100%;}
	.about-2{display:block;height:inherit;}
	.about-2 .txt-box{width:100%;}
	.about-2 .txt-box .box{position:relative;top:inherit;right:inherit;padding:40px 20px;width:100%;}
	.about-2 .txt-box .box h3{font-size:24px;line-height:24px;padding-bottom:30px;margin-bottom:40px;}
	.about-2 .txt-box .box i{width:60px;height:60px;right:20px;top:20px}
	.about-2 .txt-box .box h4{font-size:14px;line-height:30px;margin-bottom:40px;padding-right:0;}
	.about-2 .txt-box .box h4 br{display:none;}
	.about-2 .txt-box .box a{font-size:13px;color:#fff;border:1px solid #cbaa94;}
	.about-2 .txt-box .box a::before{width:100%;}
	.about-2 .img-box{width:100%;}
	
	.about-3{height:inherit;padding:50px 0;background:url(../image/about-4-sp.jpg) no-repeat center;background-size:cover;}
	.about-3 h3{font-size:24px;line-height:24px;padding-bottom:30px;margin-bottom:30px;}
	.about-3 p{font-size:14px;line-height:30px;margin-bottom:40px;}
	.about-3 p br{display:none;}
	.about-3 a{font-size:13px;color:#fff;border:1px solid #cbaa94;}
	.about-3 a::before{width:100%;}
	
	
	.brand-2{background:url(../image/brand-2-sp.jpg) no-repeat right center;background-size:cover;height:inherit;padding-bottom:40px;}
	.brand-2 ul{margin-left:0px;margin-top:40px;}
	.brand-2 ul li{margin-right:15px;}
	.brand-2 ul li i{width:80px;height:80px;}
	.brand-2 ul li p{font-size:12px;line-height:20px;}
	.brand-2 ul li:last-child{margin-right:0;}
	
	.brand-3{padding:50px 0;}
	.brand-3 .txt-body{width:100%;height:inherit;padding:40px 20px;font-size:14px;line-height:26px;}
	
	
	.vision-1,.vision-2{padding:50px 0;}
	.visionBody{display:block;}
	.visionBody .txt-body{width:100%;margin-bottom:30px;}
	.visionBody .txt-body h3{font-size:24px;line-height:24px;padding-bottom:30px;margin-bottom:30px;}
	.visionBody .txt-body p{font-size:14px;line-height:30px;}
	.visionBody .img-body img{width:100%;}
	
	.organBy{padding:40px 0;}
	.organBy img{display:block;width:100%;}
	
	.team-1{padding:50px 0;}
	.team-1 .tit{font-size:24px;line-height:24px;padding-bottom:30px;margin-bottom:40px;}
	.team-1 .list-item{width:100%;}
	.team-1 .list-item .item{display:block;margin-bottom:40px;}
	.team-1 .list-item .item .img{width:100%;height:inherit;}
	.team-1 .list-item .item .img img{display:block;width:100%;}
	.team-1 .list-item .item .txt{width:100%;padding:40px 20px;height:inherit;display:block;}
	.team-1 .list-item .item .txt h3.name_cn{font-size:24px;line-height:24px;}
	.team-1 .list-item .item .txt h3.name_en{font-size:14px;line-height:28px;}
	.team-1 .list-item .item .txt .type span{padding:0 15px;}
	.team-1 .list-item .item .txt .design{font-size:14px;}
	.team-1 .list-item .item .txt .text{font-size:14px;line-height:24px;}
	.team-1 .list-item .item .txt a.more{font-size:13px;color:#fff;border:1px solid #cbaa94;margin-top:25px;}
	.team-1 .list-item .item .txt a.more::before{width:100%;}
	.team-2{padding:50px 0;}
	.team-2 .tit{font-size:24px;line-height:24px;padding-bottom:30px;margin-bottom:40px;}
	.team-2 .teamSlider .sliderBtn{width:36px;height:36px;top:80px;background-size:20px;}
	.team-2 .teamSlider .sliderBtn.prev{left:-5px;background-position: 4px center;}
	.team-2 .teamSlider .sliderBtn.next{right:-5px;background-position: 6px center;}
	.team-2 .teamSlider .imgBox{width:100%;height:200px;}
	.team-2 .teamSlider .txtBox h3.name_cn{font-size:24px;line-height:24px;}
	.team-2 .teamSlider .txtBox h3.name_en{font-size:14px;line-height:28px;}
	.team-2 .teamSlider .txtBox .type span{padding:0 15px;}
	.team-2 .teamSlider .txtBox .design{font-size:14px;}
	.team-2 .teamSlider .txtBox .text{font-size:14px;line-height:24px;height:inherit;}
	.team-2 .teamSlider .txtBox a.more{font-size:13px;color:#fff;border:1px solid #cbaa94;margin-top:25px;}
	.team-2 .teamSlider .txtBox a.more::before{width:100%;}
	.team-2 .list-body{padding:0;display:block;}
	.team-2 .list-body .item{width:100%;margin-bottom:30px;}
	.team-2 .list-body .item .imgBox{width:100%;height:inherit;}
	.team-2 .list-body .item .txtBox h3.name_cn{font-size:24px;line-height:24px;}
	.team-2 .list-body .item .txtBox h3.name_en{font-size:14px;line-height:28px;}
	.team-2 .list-body .item .txtBox .type span{padding:0 15px;}
	.team-2 .list-body .item .txtBox .design{font-size:14px;}
	.team-2 .list-body .item .txtBox .text{font-size:14px;line-height:24px;height:inherit;}
	.team-2 .list-body .item .txtBox a.more{font-size:13px;color:#fff;border:1px solid #cbaa94;margin-top:25px;}
	.team-2 .list-body .item .txtBox a.more::before{width:100%;}
	.team-2 .list-body .item:last-child{margin-bottom:0;}
	.team-2 .more-body .list{width:100%;}
	.team-2 .more-body .list .box{margin-right:20px;width:calc((100% - 40px)/3);margin-bottom:10px;}
	.team-2 .more-body .list .box a .img{width:100%;height:inherit;}
	.team-2 .more-body .list .box a .img img{display:block;width:100%;height:inherit;}
	.team-2 .more-body .list .box a p{padding-top:5px;font-size:14px;line-height:24px;}
	.team-2 .more-body .list .box:nth-child(3n){margin-right:0;}
	
	.teamdet-1{padding:40px 0;height:inherit;background:#f6f2ef}
	.teamdet-1 .cont{display:block;}
	.teamdet-1 .cont_lf{width:100%;}
	.teamdet-1 .cont_rt{width:100%;}
	.teamdet_tit{margin-bottom:30px;}
	.teamdet_tit .icon{width:36px;height:36px;margin-right:15px;}
	.teamdet_tit .tit{font-size:16px;line-height:26px;padding-bottom:8px;}
	.teamdet-1 .cont_rt ul li{font-size:14px;line-height:30px;width:100%;}
	.teamdet-2{padding:50px 0;}
	.teamdet-2 .list-item{padding-bottom:30px;margin-bottom:30px;display:block;}
	.teamdet-2 .list-item:last-child{margin-bottom:0;padding-bottom:10px;}
	.teamdet-2 .list-item .cont_lf{width:100%;}
	.teamdet-2 .list-item .cont_rt{width:100%;font-size:14px;line-height:28px;}
	.teamdet-2 .list-1 ul li{width:100%;font-size:14px;line-height:28px;}
	.teamdet-2 .list-1 ul li::before{top:9px;}
	.teamdet-2 .list-3 ul li{width:100%;font-size:14px;line-height:28px;}
	
	.teamdet-2 .visbox .txt h3{font-size:24px;line-height:24px;padding-bottom:20px;margin-bottom:25px;}
	.teamdet-2 .visbox .txt div{padding:20px}
	.teamdet-2 .visbox a{font-size:13px;color:#fff;border:1px solid #cbaa94;width:120px;height:32px;line-height:30px;}
	.teamdet-2 .visbox a::before{width:100%;}
	
	
	.dean-1{background-size:cover;padding:40px 0;}
	.deanBody{display:block;}
	.deanBody img{display:block;width:100%;}
	.deanBody .txt-body{margin-left:0;padding-bottom:40px;}
	.deanBody h3{font-size:16px;line-height:30px;margin-bottom:15px;}
	.deanBody h4{font-size:14px;line-height:24px;}
	.deanBody .bot{margin-top:30px;}
	.deanBody .bot img{width:inherit;display:inline-block;}
	
	.serBody .serlist{padding:50px 0;}
	.serBody .serlist .list-item{display:block;position: relative;padding-bottom:40px;}
	.serBody .serlist::before{display:none!important;}
	.serBody .serlist .list-item .item-txt{width:100%;position: static;margin-bottom:20px;}
	.serBody .serlist .list-item .item-txt .tit span{font-size:28px;line-height:28px;}
	.serBody .serlist .list-item .item-txt .tit{font-size:24px;line-height:32px;margin-bottom:25px;}
	.serBody .serlist .list-item .item-txt p{font-size:14px;line-height:24px;}
	.serBody .serlist .list-item .item-img{width:100%;overflow:hidden;}
	.serBody .serlist .list-item .item-img .imgbox img{display:block;width:100%;}
	.serBody .serlist .list-item .item-txt .slider-dot{position: absolute;left:0;right:0;bottom:0;margin-top:0;text-align:center;}
	.serBody .serlist .list-item .item-txt .slider-dot span{width:10px;height:10px;margin:0 5px;}
	
	
	.newsList{padding:50px 0;}
	.newsList .item-list .item a{display:block;}
	.newsList .item-list .item a .img{height:inherit;width:100%;}
	.newsList .item-list .item a:hover .img img{transform: scale(1)}
	.newsList .item-list .item a .txt{width:100%;padding-top:30px;}
	.newsList .item-list .item a .txt .title{font-size:20px;line-height:30px;}
	
	.newsDet .tit{font-size:24px;line-height:28px;}
	.newsDet .flex{width:100%;margin:40px 0;height:inherit;display:block;}
	.newsDet .flex .flex-img{width:100%;height:inherit;}
	.newsDet .flex .flex-txt{width:100%;padding:40px 20px;height:inherit;}
	.newsDet .flex .flex-txt .name{font-size:18px;line-height:28px;margin-bottom:20px;}
	.newsDet .flex .flex-txt .text{font-size:14px;line-height:24px;}
	
	.newsDet .fckBody h3{font-size:16px;line-height:28px;}
	.newsDet .fckBody, .newsDet .fckBody p{font-size:14px;line-height:24px;}
	
	
	.contact-1{padding:50px 0;}
	.contact-1 .content{display:block;}
	.contact-1 .content h2{font-size:22px;margin-bottom:5px;}
	.contact-1 .content p.address{font-size:16px;line-height:30px;}
	.contact-1 .content p.tel{font-size:14px;line-height:34px;padding-left:30px;background-size:24px;}
	.contact-1 .content p.mail{font-size:14px;line-height:34px;padding-left:30px;background: url(../image/mail.svg) no-repeat 3px 7px;background-size:18px;}
	.contact-1 .content p.mail a{font-size:14px;}
	.contact-1 .content .imgBox{padding-top:30px;}
	.contact-1 .content .imgBox img{display:block;width:100%;}
	.contact-1 .content p.link{}
	.contact-1 .content p.link i{width:30px;height:30px;background-size:20px;}
	.contact-1 .content p.link a{font-size:14px;line-height:30px;}
	
	.contact-2{padding:50px 0;width:100%;}
	.contact-2 .tit{font-size:20px;line-height:32px;}
	.contact-2 .formBody ul{display:block;margin:20px 0 30px;}
	.contact-2 .formBody ul li{width:100%;height:51px;margin-bottom:10px;}
	.contact-2 .formBody ul li span{font-size:14px;line-height:20px;padding:10px 0;}
	.contact-2 .formBody ul li input{font-size:14px;padding:10px 5px;}
	.contact-2 .formBody .text textarea{font-size:14px;line-height:24px;padding:10px;}
	.contact-2 .formBody .submit{padding-top:40px;}
	.contact-2 .formBody .submit a{height:46px;line-height:46px;width:90%;font-size:13px;}
	
	
	.site ul li dl{display:flex;align-items:flex-start}
	.site ul li dl dt{min-width:inherit;}
	.site ul li dl dt a{white-space:nowrap}
	
}