*{-webkit-box-sizing: border-box;box-sizing: border-box;}
header{font-size: 0;background-color: #fff;}
header .header_top{line-height: 40px;background-color: #f7f7f7;}
header .header_top_text i{display: inline-block;width: 14px;height: 12px;position: relative;top: 2px;background: url(../image/audio.png) center no-repeat;}
header .header_top_text span{font-size: 12px;color: #7e7d7d;margin: 0 10px 0 8px;}
header .header_top_text a{display: inline-block;padding: 0 9px;height: 22px;border-radius: 11px;font-size: 12px;color: #fff;line-height: 22px;margin: 0 5px;-webkit-transition: all 0.2s;transition: all 0.2s;}
header .header_top_text a:hover{opacity: 0.8;}
header .header_top_nav li{float: left;}
header .header_top_nav li:not(:first-child):before{content: '';display: inline-block;width: 1px;height: 10px;background-color: #d5d5d5;}
header .header_top_nav li a{font-size: 12px;color: #6e6e6e;padding: 0 12px;-webkit-transition: all 0.2s;transition: all 0.2s;}
header .header_top_nav li a:hover{color: #3D77F8;}
header .header_top_nav li span{font-size: 12px;color: #6e6e6e;padding-left: 12px;}
header .header_login{background-color: #ffb069;}
header .header_register{background-color: #9a96ee;}
header .header_bottom{height: 105px;overflow: hidden;}
header .header_bottom .logo-to-text-fsfa5631asf a{display: inline-block;width: 173px;margin-top: 26px;}
header .header_bottom .logo-to-text-fsfa5631asf a img{max-width: 173px;height: 51px;object-fit: cover;}
header .header_bottom .logo-to-text-fsfa5631asf .text-logo{width: 133px;float: right;padding-left: 7px;-webkit-box-sizing: border-box;box-sizing: border-box;}
header .header_bottom .logo-to-text-fsfa5631asf .text-logo .p1{margin-top: 32px;font-size: 18px;line-height: 18px;color: #575757;}
header .header_bottom .logo-to-text-fsfa5631asf .text-logo .p2{margin-top: 10px;font-size: 14px;line-height: 14px;color: #9d9d9d;}
header .header_bottom .contact_server{position: absolute;right: -100px;top: 15px;z-index: 9;}
header .header_bottom .contact_server a{width: 148px;height: 43px;position: absolute;top: 25px;left: 0;}
header .header_bottom_links li{float: left;margin-top: 54px;margin-left: 40px;position: relative;}
header .header_bottom_links li a{font-size: 16px;color: #434343;font-weight: 700;-webkit-transition: all 0.2s;transition: all 0.2s;}
header .header_bottom_links li a:hover{color: #3D77F8;}
header .header_bottom_links li a:hover:after{border-color: #3D77F8;}
header .header_bottom_links li.on a{color: #3C77F8;}
header .header_bottom_links li.on a:after{border-color: #3D77F8;}
@-webkit-keyframes updown{30%{top: -22px;}50%{top: -18px;}}
@keyframes updown{30%{top: -22px;}50%{top: -18px;}}
header .header_bottom_links li:nth-child(2) i{display: inline-block;width: 31px;height: 19px;background: url(../image/tag_hot.png);position: absolute;left: 50%;margin-left: -15px;top: -18px;-webkit-animation: updown 1.2s infinite alternate;animation: updown 1.2s infinite alternate;}
header .header_bottom_links li:nth-child(3) i{display: inline-block;width: 31px;height: 19px;background: url(../image/tag_new.png);position: absolute;left: 50%;margin-left: -15px;top: -18px;-webkit-animation: updown 1.2s infinite alternate;animation: updown 1.2s infinite alternate;}
header .header_bottom_links li:first-child{margin: 54px -5px 0 80px;}
header .header_bottom_links li:first-child a i{display: inline-block;width: 15px;height: 15px;margin-right: 6px;position: relative;top: 1px;background: url(../image/home.png);}
header .header_bottom_links li:first-child.on a i{background: url(../image/home_on.png);}
.center1200{width: 1200px;margin: auto;}
.fixedtop{width: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 99999;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);}
header .header_top:after{content: '';display: block;clear: both;}
header .header_top_nav li.aboutus{position: relative;}
header .header_top_nav li.aboutus .head_code{display: none;width: 360px;height: 160px;background: #fff;position: absolute;top: 45px;right: -3px;z-index: 3;border-radius: 4px;-webkit-border-radius: 4px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
header .header_top_nav li.aboutus:hover .head_code{display: block;}
header .header_top_nav li.aboutus .head_code::after{content: '';display: block;border-bottom: 8px solid #fff;border-left: 9px solid transparent;border-right: 9px solid transparent;position: absolute;right: 30px;top: -8px;}
header .header_top_nav li.aboutus .head_code img{float: left;margin: 15px 15px 0;}
header .header_top_nav li.aboutus .head_code > div{float: left;}
header .header_top_nav li.aboutus .head_code > div p{font-size: 14px;color: #222;font-weight: 700;line-height: 20px;padding: 22px 0 2px;}
header .header_top_nav li.aboutus .head_code > div span{display: block;font-size: 12px;color: #888;line-height: 16px;padding-left: 0;}
header .header_top_nav li.aboutus .head_code > div span::after{display: inline-block;content: '';width: 7px;height: 10px;background: url(../image/icon5.png) no-repeat;margin-left: 5px;vertical-align: top;margin-top: 4px;}
header .header_top_nav li.aboutus .head_code > div ul{border-top: 1px solid #eee;overflow: hidden;width: 180px;padding-top: 10px;margin-top: 14px;}
header .header_top_nav li.aboutus .head_code > div li{text-align: center;float: left;width: 60px;}
header .header_top_nav li.aboutus .head_code > div b{display: block;height: 30px;}
header .header_top_nav li.aboutus .head_code > div .li1 b{background: url(../image/icon6.png) no-repeat center;}
header .header_top_nav li.aboutus .head_code > div .li2 b{background: url(../image/icon7.png) no-repeat center;}
header .header_top_nav li.aboutus .head_code > div .li3 b{background: url(../image/icon8.png) no-repeat center;}
header .header_top_nav li.aboutus .head_code > div i{font-size: 12px;color: #aaa;display: block;margin-top: 4px;line-height: 14px;}
header .header_top_nav li.aboutus .head_code > div li::before{content: '';display: none;}

.header_bottom .active img {width: auto !important;}
.header_bottom .active .text-logo {display: none;}