@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/common/ie.css");/*图标*/
@import url("../css/common/page.css");/*图标*/
@import url("../css/navi/navi_01.css");/*02导航*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/common/kefu.css");/*02导航*/

/*@import url("../css/animate.min.css");*//*动画*/

html {
	overflow-x: hidden;
}
.clear{
	clear: both;
}
.dowebok .section{ overflow:hidden;}

a:focus, input, select,textarea {
    outline: none;
}
*{letter-spacing: 0.05rem;}

.header{ width:100%; background:none;position: fixed;z-index: 100;}
.header .navbar{margin: 0 3.5%;position: relative;}
.header .navbar .pc_menu{ width:100%; margin:0 auto; transition: all 0.3s 0s ease-in-out ;}
.header .navbar .pc_menu .pc_logo{height: 100%;align-items: center;display: -webkit-flex;position: absolute;left: 0%;}
.header .navbar .pc_menu .pc_logo a { display:block; height:42%;}
.header .navbar .pc_menu .pc_logo a img{ height:100% !important; filter: brightness(1000); -webkit-filter: brightness(1000); }
.header .navbar .pc_menu .Big-index{display: flex;justify-content: center;}

.header .navbar .pc_menu .pc_menu_right>li{display: inline-block;margin: 0 2%;letter-spacing: 0.5rem;}
.header .navbar .pc_menu .pc_menu_right>li .t{ display:block;  font-size:16px; color:#fff;position: relative;line-height: 100px;}
.header .navbar .pc_menu .pc_menu_right>li .t:after{
	content: "";
	position: absolute;
	bottom: 25%;
	left: -0rem;
	width: 0%;
	height: 1px;
	background: #fff;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}

.header .navbar .pc_menu .pc_menu_right>li:hover .t:after{ 
	width: 100%;
}

.header .navbar .pc_menu .pc_menu_right .active>a{ position: relative;}
.header .navbar .pc_menu .pc_menu_right>li.active .t:after{ 
	width: 100%;
}

.language{position: absolute;width: 90px;right: 3.5%;top: calc(50% - 15px);border-bottom: 1px solid #fff;}
.language ul{padding-right: 16px; display: flex;justify-content: center;background: url(../img/language-arrow.png) no-repeat top 4px right;margin: 0 5px;}
.language ul li{font-size: 14px;color: #fff;line-height: 14px;display: none;cursor: pointer;width: 100%;padding-bottom: 13px;}
.language ul li.active{display: block;}
.language ul li:hover a{color: #124386;}
.language ol{position: absolute;left: calc(50% - 60px);top: 28px;z-index: 10;display: none;}
.language ol li{width: 120px;background: rgba(255, 255 ,255, 0.8);text-align: center;line-height: 40px;}
.language ol li a{display: block;}
.language ol li:hover{background: rgba(51, 51 ,51, 0.9);}
.language ol li:hover a{color: #fff;}

.header.on .language ul li{color: #333;}
.header.on .language{border-bottom: 1px solid #333;}
.header.on  .language ul{background: url(../img/language-arrow1.png) no-repeat top 4px right;}

/*-----滚动后--------*/
.header.on{  transition: all 0.2s linear -1ms;background: #fff;opacity: 1;box-shadow: 0 0 16px rgba(0, 0 ,0 , 0.15);}
.header.on .navbar .pc_menu{background: none;}
.header .navbar .pc_fixed .pc_menu_right li .t{ color:#333;}
.header .navbar .pc_fixed .pc_logo a img{ filter:none ; -webkit-filter:none ; }
.pc_fixed .d5 .t img:nth-child(1){
	display:none;
}
.pc_fixed .d5 .t img:nth-child(2){
	display:inline-block;
}
.header .navbar .pc_fixed  .pc_menu_right>li .t:hover{
	color: #8e6237;
}
.header .navbar .pc_fixed  .pc_menu_right>li.active .t{
	color: #8e6237;
}
.header .navbar .pc_fixed .pc_menu_right>li .t:after{
	background: #8e6237;
}

@media(max-width:1600px){
	.header .navbar .pc_menu .pc_menu_right>li .t{line-height: 90px;font-size: 15px;}
}
@media(max-width:1500px){
	.header .navbar .pc_menu .pc_menu_right>li{margin: 0 1.8%;}
	.header .navbar .pc_menu .pc_menu_right>li .t{line-height: 80px;font-size: 14px;}
	.language ul li,.language ol li{font-size: 13px;}
}
@media(max-width:1400px){
	.header .navbar .pc_menu .pc_logo a {display: block;height: 36%;}
}
@media(max-width:1300px){
	.language{width: 80px;top: calc(50% - 10px);}
	.language ul li{padding-bottom: 10px;}
}
@media(max-width:1200px){
	.header .navbar .pc_menu .pc_menu_right>li{margin: 0 1.5%;}
	.header .navbar .pc_menu .pc_menu_right>li .t{line-height: 70px;font-size: 13px;}
}
@media(max-width:960px){
	.header,.header .navbar{height: 60px;background: #fff;}
	.header .navbar .pc_menu{background: none;}
	.header .navbar .pc_menu .pc_logo a img{ filter:none ; -webkit-filter:none ; }
	.header .navbar .pc_menu .pc_logo a{height: 50%;}
}


/* 底部 */
.footer{background: #f6f6f6;padding: 5% 0;}
.footer a:hover{color: #8e6237 !important;}
.footer-container{max-width: 1440px;margin: 0 auto;padding: 0 6%;position: relative;}
.footer-top{display: flex;justify-content: space-between;}
.footer-left{display: inline-block;width: 320px;}
.footer-left a {display: block;}
.footer-left a img{display: inline-block;width: 286px;margin-bottom: 8%;}
.footer-left p{display: inline-block;font-size: 16px;line-height: 32px;color: #666;}
.footer-center{width: calc(90% - 490px);}
.footer-center ul{display: flex;justify-content: center;}
.footer-center ul li{margin: 0 8%;}
.footer-center ul li a{display: block;font-size: 14px;color: #666;margin-bottom: 24px;}
.footer-right{width: 170px;text-align: right;}
.footer-right .language{position: relative;top: auto;right: 0;margin-bottom: 20%;display: inline-block;text-align: left}
.footer-right .language ul li{color: #666;}
.footer-right .language{border-bottom: 1px solid #999;}
.footer-right .language ul{background: url(../img/footer-arrow.png) no-repeat top 4px right;}
.footer-right .language ol li:hover a{color: #fff !important;}
.footer-right .footer-icon ul{display: flex;align-items: center;justify-content: flex-end;}
.footer-right .footer-icon ul li{display: inline-block;margin-left: 25px;}
.footer-right .footer-icon ul li a img{ display: inline-block; width: 24px; filter:grayscale(100); -webkit-filter:grayscale(100); opacity: .55;}
.footer-right .footer-icon ul li:nth-child(2) a img{display: inline-block;width: 20px;}
.footer-right .footer-icon ul li:nth-child(3) a img{display: inline-block;width: 18px;}
.footer-right .footer-icon ul li:hover a img{ filter:none ; -webkit-filter:none ; opacity: 1;}
.copy{display: flex;align-items: center;justify-content: space-between;margin-top: 5%;flex-wrap: wrap;}
.copy p,.copy a{font-size: 14px;color: #999;}
@media(max-width:1500px){
	.footer-left p{font-size: 15px;line-height: 30px;}
	.footer-left a img{width: 270px;}
}
@media(max-width:1400px){
	.footer-left p{font-size: 14px;line-height: 28px;}
	.footer-left a img{width: 250px;}
	.footer-center ul li a{font-size: 13px;margin-bottom: 20px;}
	.copy p, .copy a{font-size: 13px;}
	.footer-right .footer-icon ul li a img{width: 22px;}
	.footer-right .footer-icon ul li:nth-child(2) a img {
		display: inline-block;
		width: 17px;
	}
	.footer-right .footer-icon ul li{margin-left: 20px;}
	.footer-left{width: 280px;}
	.footer-right{width: 150px;}
	.footer-center{width: calc(90% - 430px);}
}
@media(max-width:1300px){
	.footer-left p{font-size: 13px;line-height: 26px;}
	.footer-left a img{width: 230px;}
	.footer-center ul li{margin: 0 5%;}
}
@media(max-width:1200px){
	.footer-left p{font-size: 12px;line-height: 24px;}
	.footer-left a img{width: 200px;}
	.footer-right .footer-icon ul li a img {width: 20px;}
	.footer-right .footer-icon ul li:nth-child(2) a img {width: 15px;}
	.footer-right .footer-icon ul li{margin-left: 16px;}
	.footer-center ul li a {font-size: 12px;margin-bottom: 18px;}
	.copy p, .copy a{font-size: 12px;}
	.footer-container{padding: 0 3.5%;}
}
@media(max-width:960px){
	.footer-center{display: none;}
	.footer-left {width: 240px;}
	.footer-right .language {margin-bottom: 15%;}
}
@media(max-width:760px){
	.footer{padding: 10% 0;}
	.footer-top{flex-wrap: wrap;justify-content: center;}
	.footer-left{width: 100%;text-align: center;margin-bottom: 25px;}
	.footer-left a img{margin-bottom: 15px;}
	.copy{margin-top: 25px;}
}

/* banner */
.part_one,.banner,.page_banner{

}
.banner,.page_banner{
	overflow: hidden;
}
.banner img,.page_banner img{
	display: inline-block;
	width: 100%;
}
@media(max-width:960px){
	.part_one,.banner,.page_banner{
		margin-top: 60px;
	}
}
@media(max-width:760px){
	.banner img,.page_banner img{
		display: inline-block;
		width: 240%;
		margin-left: -69%;
	}
}


.info-main{max-width: 1440px;margin: 5.5% auto;padding: 0 6%;}
@media(max-width:1200px){
 .info-main{padding: 0 3.5%;}
}
@media(max-width:760px){
	.info-main{margin: 10% 0;}
}