/*top*/
.container-top{margin: 0 auto;}
.top-nav{position: fixed;top: 0;background: #f1f1f1;width: 100%;height: 80px;z-index: 99999;border-bottom: 1px solid #d9dbdc;}
.logo{float: left;margin-top: 16px;}
.logo .img1{display: block;height: 50px;}
/*pc*/
.navBar{float: right;}
.nav .m {
    position: relative;
    float: left;
    margin-left: 55px;
    display: inline;
    text-align: right;
}
.nav h3 {
	margin: 33px 0 31px;
    font-weight: normal;
    font-size: 16px;
}
.nav h3 a {transition: all 0s;
    zoom: 1;
    height: 16px;
    display: block;
    color: #000;
	text-transform: uppercase;
}
.nav .m:hover h3 a{color: #0089C8;}.nav .active h3 a{color: #0089C8;}.nav .sub {
    display: none;
    width: 170px;
    position: absolute;
    left: -60px;
    top: 80px;
    float: left;
    line-height: 35px;
    text-align: center;
}
.nav .sub li{ background: #666;padding: 5px 0;transition: all 0.6s ease;}.nav .sub a{ color: #fff !important; background: none !important;text-transform: capitalize;}.nav .sub li:hover{background: #0089C8;}
.top-yy{position: absolute;right: 20px;top: 32px;text-align: left;}
.top-yy li{font-size: 16px;display: inline-block;padding-left: 5px;line-height: 14px;}
.top-yy li:nth-child(1){border-right: 1px #aaa solid;padding-right: 10px;}.top-yy li a{color: #1e1a17;}
.top-yy li.on a,.top-yy li a:hover{color: #0089C8;}
.en .nav h3{font-size: 14px;margin: 42px 0 33px;}
.nav #m5 .sub,.nav #m6 .sub,.nav #m7 .sub,.nav #m8 .sub{display: none !important;}
.nav #m1 .sub li{position: relative;}
.nav .sub .nav-list{position: absolute;left: 140px;top: 0; width: 150px;display: none;}
.nav .sub li:hover .nav-list{display: block;}


/*wap*/
.sp_header,.sjj_nav{display: none;}
/*en*/
#navBar-en .nav .m{margin-left: 20px;}
#navBar-en .nav h3{font-size: 15px;}
#navBar-en .nav .m .sub{width: 200px;left: 0px;}

@media (min-width: 1500px){
	.container-top { width: 74%;}
}

@media screen and (max-width:1700px){
	#navBar-en .nav .m{margin-left: 10px;}
	#navBar-en .nav h3{font-size: 14px;}
	.nav .m{margin-left: 20px;}
}

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

@media screen and (max-width:1500px){
	.container-top { width: 83%;}
}
@media screen and (max-width:1480px){
	.en .nav .m{margin-left: 25px;}
	.nav .m{margin-left: 30px;}
	/*en*/
	#en .nav .m{margin-left: 30px;}
}
@media screen and (max-width:1400px){
	.nav h3{font-size: 14px;}
	.nav .m{margin-left: 25px;}	
	.en .nav .m { margin-left: 15px;}
}

@media screen and (max-width:1320px){
	.container-top {
	    width: 90%;
	}
	.top-nav{display: none;}
	#choice{display: none;}
	.sousuo{display: none;}
	.logo{padding-top:10px !important;padding-bottom: 10px;}
	.top-r {margin-top: 38px !important;}
	/*wap-nav*/
	.sp_header,.sjj_nav{display: block;}
	.sp_header{
		height: 60px;
		overflow: hidden;
		z-index: 99999;
		width: 100%;
		position: fixed;
		top: 0;
		background: #fff;
		border-bottom: 1px solid #eee;
	}	.sp_logo{padding:11px 10px;float:left;height:60px;}
	.sp_logo img{margin:auto;max-height:38px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px;}
	.sp_nav span{display:block;background:#0089C8;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.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:99999;background: rgba(255,255,255, 1);width:100%;height:calc(100% - 104px);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% - 70px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:70px;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%;text-transform: uppercase;}
	.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:#0089C8}
	.sjj_nav ul li ul li>ul{margin-left:10px}
}