/*------------------------------  顶部通用-------------------------------*/
.top{position: fixed;top: 0;width: 100%;left: 0;z-index: 999;}
.top .logo{margin: 16px 0;height: 50px;overflow: hidden;}
.top .logo img{height: 112px;transition: all 0s;}
.top .sticky-nav .cont{display: flex;justify-content: space-between;}

.top-tel{
	color: #fff;
    background: url(../images/top-tel.png) no-repeat left 2px;
    height: 50px;
    overflow: hidden;
    background-size: 36px auto;
    padding-left: 47px;
	margin-top: 22px;
}
.top-tel p{
	margin: 0;
    font-size: 22px;
    line-height: 20px;
    font-weight: bold;
    font-style: italic;
    letter-spacing: 2px;
}
.top-tel span{font-size: 16px;}

.sticky-nav{background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));width: 100%;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0);}

/*导航*/
.navBar{}
.nav{position:initial;font-size:16px;z-index:2}
.nav h3{font-size:100%;font-weight:normal;margin: 32px 59px;}
.nav .m{display: inline-block;position:initial;z-index:1;}

.nav h3 a{display:block; text-align:center;text-transform: uppercase;color: #fff;position: relative;text-decoration: none;}
.nav h3 a:after{
	position: absolute;
    left: 0px;
    right: 0px;
    bottom: -32px;
    height: 2px;
    background: #ba8050;
    content: "";
	opacity: 0;
}
.nav .sub li a:hover{color:#fff;}
.nav h3 a:hover,.sticky-nav.menu_fixed .nav li.active h3 a{ color:#ba8050 !important;}
.nav h3 a:hover:after,.sticky-nav.menu_fixed .nav li.active h3 a:after{opacity: 1;}

.active a{ color:#ba8050;}
.nav .sub{
	display:none;
	position:absolute;
	left: 0;
	top: 82px;
    z-index: 1;
    width: 100%;
	border-top:0;
	background: rgba(186, 128, 80, 0.9);
	text-align: center;
}
.nav .sub li{text-align:center;display: inline-block;line-height: 72px;margin: 0 40px;}
.nav .sub li a{display:block;color:#fff;font-size:16px;text-transform: capitalize;}
.nav .sub li a:hover{text-decoration: underline;}
.nav .sub li .sub-two{position: absolute;width:135px;border-top:0;background:#fff;box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);left: 100%;top: 0;
display: none;}
.nav .sub li:hover .sub-two{display: block;}
.sticky-nav.menu_fixed {	
	position: fixed;	
	top: 0;	
	left: 0;	
	width: 100%;	
	z-index: 9999;	
	animation: sticky 1s;	
	box-shadow: 2px 4px 8px rgba(51, 51, 51, .25);	
	background: #fff;
}

@keyframes sticky {	
	0% {		
		transform: translateY(-100%)	
	}	
	100% {		
		transform: translateY(0)	
	}
}

.top .sticky-nav.menu_fixed .logo img {
    height: 112px;
    margin-top: -63px;
}
.top .sticky-nav.menu_fixed .nav h3 a{color: #000;}
.top .sticky-nav.menu_fixed .nav h3 a:hover{color: #ba8050;}
.top .sticky-nav.menu_fixed .top-tel{background: url(../images/top-tel.png) no-repeat left -46px;color: #ba8050;background-size: 36px auto;}

.top:hover{background: #fff;}
.top:hover .sticky-nav{background: #fff;}
.top:hover .logo img {height: 112px;margin-top: -63px;}
.top:hover .nav h3 a{color: #000;}
.top:hover .top-tel{background: url(../images/top-tel.png) no-repeat left -46px;color: #ba8050;background-size: 36px auto;}

/*wap*/
.sp_header,.sjj_nav{display: none;}



@media screen and (max-width:1400px){
	.nav h3 {margin: 32px 40px;}
}

@media screen and (max-width:1300px){
	
}

@media screen and (max-width:1250px){

}

@media screen and (max-width:1200px){
	.top{display: none;}
	.top-nav{display: none;}
	.logo{padding-top:10px !important;padding-bottom: 10px;}
	
	.sp_header{}
	.sp_header,.sjj_nav{display: block;}
	.sp_header{
		height: 60px;
		overflow: hidden;
		z-index: 99999;
		width: 100%;
		position: fixed;
		top: 0;
	}	
	.sp_logo{padding:10px 10px;float:left;height:60px}
	.sp_logo img{margin:auto;max-height:90px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px}
	.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.on .sp_nav span{background: #fff;}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9999;background: rgba(255,255,255, 1);width:100%;height:calc(100% - 60px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:60px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 110px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:110px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#000;width:80%}
	.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:##000;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#ba8050}
	.sjj_nav ul li ul li>ul{margin-left:10px}

	.sp_header .top-tel{float: right;background-size: 35px auto;padding-left: 41px;margin-top: 12px;margin-right: 30px;}
	.top-tel p {font-size: 18px;}
	.top-tel span {font-size: 14px;}

	.menu_fixed .sp_logo img{margin-top: -51px;} 
	.menu_fixed .top-tel {background-position-y: -46px;}
	.menu_fixed .top-tel p,.menu_fixed .top-tel span  {color: #ba8050;}
	.menu_fixed .sp_nav span{background: #ba8050;}
} 

@media screen and (max-width:370px){
    .sp_header .top-tel {background-size: 25px auto;padding-left: 27px;margin-top: 12px; margin-right: 5px;line-height: 12px; height: 34px;
	    background-position-y: 7px;
	}
	.top-tel p {font-size: 16px;}
	.menu_fixed .top-tel {background-position-y: -27px;}
}