@charset "utf-8";
/* CSS Document */
.maintopbg{width: 100%;}
.maintopbg .topnav{position: absolute;top: 0;width: 100%;z-index: 99;}

.maintopbg .maintop{max-width: 1600px;margin: 0 auto;}
.maintopbg .maintop .logo{float: left;}
.maintopbg .maintop .logo img{display: block;margin:  25px 0 25px 20px;}
.maintopbg .maintop .whiteline{width: 1px;height: 40px;float: left;background: #fff;margin: 30px 20px;}
.maintopbg .maintop .logo_text{float: left;height:100px;margin:0;}
.maintopbg .maintop .logo_text img{margin: 26px 0 27px 0;}
.maintopbg .maintop .nav{float: left;}
.maintopbg .maintop .contact{float: right;line-height: 100px;margin-right: 20px;}

.maintopbg .maintop .contact img{margin: 0 10px;position: relative;top: 4px;display:inline-block;}
.maintopbg .maintop .contact img:nth-child(3){margin-right: 40px;}
.maintopbg .maintop .contact span{color: #fff;font-weight: bold;}
.maintopbg .maintop .nav{float: left;height: 100px;margin-left: 50px;}

.maintopbg .maintop .nav > li{float: left;width:90px;position: relative;height: 100px;box-sizing: border-box;}
.maintopbg .maintop .nav > li a{font-size: 16px;color:#fff;display: inline-block;height: 100px;line-height: 100px; width: 100%; text-align: center;box-sizing: border-box;}
.maintopbg .maintop .nav > li:hover{border-bottom: 2px solid #fff;}
.maintopbg .maintop .nav .navchoose{border-bottom: 2px solid #fff;}
.maintopbg .maintop .nav li:hover a{color:#fff;}
.maintopbg .maintop .nav > li .navlist{width: 100%;display: none;position: absolute;top: 100px;left: 0;z-index:99;}
.maintopbg .maintop .nav > li .navlist li{width: 100%;border: none;}
.maintopbg .maintop .nav > li .navlist li a{color: #fff;display: block;width: 100%;height: 40px;background:none;line-height: 40px;font-size: 14px;border: none;}
.maintopbg .maintop .nav > li .navlist li a:hover{background:none;color: #fff;}
.maintopbg .maintop .nav > li:hover .navlist{display: block;}

.maintopbg .maintop .nav_s{height: 30px;width: 40px;background:#fff;border-radius:5px; float: right;margin: 13px 0 13px 0px;position: relative;padding-top: 4px;box-sizing: border-box;display: none;}
.maintopbg .maintop .nav_s > div{width: 20px;height: 2px;background:rgba(51,118,235,0.8);float: none;margin:4px 10px;}
.maintopbg .maintop .nav_s_list{position: absolute;top: 45px;right:10px;z-index: 3; }
.maintopbg .maintop .nav_s_list a{ text-decoration: none;display: block;box-sizing: padding-box;width: 80px; height: 40px;line-height: 40px;background: rgba(51,118,235,0.8);text-align: center;color: white;border-radius:5px;}
.maintopbg .maintop .nav_s_list li:hover a{background:rgba(0,0,0,0.6);color: #fff;}
@media(max-width:1420px){	
.maintopbg .maintop .whiteline{display: none;}
.maintopbg .maintop .logo_text{display: none;}	
}
@media(max-width:1200px){	
.maintopbg .maintop .contact img{display: none;}
}
@media(max-width:1020px){	
.maintopbg .maintop .contact{display: none;}
}
@media(max-width:920px){	
	.maintopbg .maintop .logo{display: none;}
}
@media(max-width:790px){
.maintopbg .maintop .logo img{height: 40px;width: auto;margin: 10px 0 10px 10px;}
	.maintopbg .maintop .whiteline{display: none;}
	.maintopbg .maintop .logo_text{display: none;}
	.maintopbg .maintop .contact{margin: 0;}
.maintopbg .maintop .contact img{display: none;margin-top: 15px;}
.maintopbg .maintop .contact img:nth-child(4){display: block;float: left;}
.maintopbg .maintop .contact span{display:block;float: left;padding-right: 10px;color:#fff;font-weight: bold;line-height: 60px;}
.maintopbg .maintop .contact .nav_s{display: block;margin: 15px 10px;}
.maintopbg .maintop .nav{display: none;}
.maintopbg .maintop .contact{display: block;}	
.maintopbg .maintop .logo{display:block;}	
}
.maintopbg .topnav .maintop .logo{position: relative;left: -40px;transition: 1s;opacity: 0.5;}
.maintopbg .maintop .whiteline{opacity: 0;transition: 1s;}
.maintopbg .maintop .logo_text{opacity: 0.1;transition: 1s;position: relative;right: -40px;}