/*top*/
.container-top{margin: 0 auto;}
.top-nav{position: fixed;top: 0;background: #fff;width: 100%;height: 85px;z-index: 999;border-bottom: 1px solid #eee;}
.logo{float: left;margin-top: 18px;}
.logo .img1{display: block;height: 48px;}


/*pc*/
.navBar{float: right;}
.nav .m {
    position: relative;
    float: left;
    margin-left: 40px;
    display: inline;
    text-align: right;
}
.nav h3 {
	margin: 35px 0 34px;
    font-weight: normal;
    font-size: 16px;
}
.nav h3 a {transition: all 0s;
    zoom: 1;
    height: 16px;
    display: block;
    color: #666;
	text-transform: uppercase;
}
.nav .m:hover h3 a{color: #000;}
.nav .active h3 a{color: #000;}

.nav .sub {
    display: none;
    width: 190px;
    position: absolute;
    left: -66px;
    top: 85px;
    float: left;
    line-height: 35px;
    text-align: center;
}
.nav .sub li{ background: rgba(0,0,0, 0.5);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: #333;}
#denglu{text-align: center;overflow: hidden;transition: all 0.6s;margin-top: 33px;}
#denglu a{color: #000;font-size: 16px;line-height: 24px;padding: 0;}
#denglu a i{display: inline-block;margin-right:10px;}
#denglu:hover a{color: #ee1d23;background: none !important;}

#ss-top{ margin-top: 33px;border-left: 1px solid #aaa;margin-right: 20px;}
#ss-top a{padding: 1px 0px 1px 27px;cursor: pointer;}
#ss-top a:hover{background: none !important;}

.qpss{background: rgba(42,144,208,0.8);width: 100%;height: 100%;top: 0;transition: all 0.3s;position: fixed;z-index: 999;display: none;}
.qpss span{display: block;position: absolute;top: 4%; right: 2%;cursor: pointer;}
.qpss span img{width: 40px;}
.top-form{width: 500px;margin:20% auto;}
.top-form input{width: 82%;border: 1px solid #eee;background-color: #fff;height: 40px;line-height: 40px;text-indent: 1em;float: left;}
.top-form .top-ss-btn{width: 18%;float: right;background-color: #37b27a;border: 1px solid #37b27a;height: 40px;color: #fff;}

#yuyan{margin-top: 24px;margin-left: 10px;}
#yuyan a{font-size: 16px;display: inline-block;width: 100%;padding-left: 35px;}
#yuyan a.zw{background: url(../images/index_08.png) no-repeat left center;}
#yuyan a.yw{background: url(../images/index_11.png) no-repeat left center;}

.en .nav h3{font-size: 14px;margin: 42px 0 33px;}

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

@media (min-width: 1550px){
	.container-top { width: 1480px;}
}

@media screen and (max-width:1550px){
	.container-top { width: 90%;}
}

@media screen and (max-width:1480px){
	.en .nav .m{margin-left: 25px;}
	.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:1200px){
	.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: 70px;
		overflow: hidden;
		z-index: 10;
		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:50px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:24px}
	.sp_nav span{display:block;background:#ee1d23;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:9;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:70px}
	.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:red}
	.sjj_nav ul li ul li>ul{margin-left:10px}
}

@media screen and (max-width:450px){
	.sp_logo img {max-height: 35px;}
	.sp_logo {padding: 19px 10px 0;}
}