/* 首页 页头 */
.header{position: relative;}
.header-htop{width: 100%;height: 36px;background: #262626;}
.htop-htopnav{margin: 0 auto;width: 1200px;height: 36px;box-sizing: border-box;overflow: hidden;}
.htopnav-htoptle{display: block;float: left;padding-left: 1px;line-height: 36px;color: #fff;}


@keyframes animatemove {
    0% { left: 0px }
    100% { left: 300px }
}

.htopnav-htopbox{position: relative;float: left;margin-left: 20px;width: 710px;height: 36px;}
.htopnav-htopother{position: absolute;left: 0;top: 0;height: 36px;line-height: 36px;box-sizing: border-box;animation: 4s animatemove linear infinite 80ms alternate;}
.htopnav-htopother:hover{animation-play-state: paused;}
.htopnav-htopother .htopother-htophint{display: block;position: relative;float: left;margin-left: 10px;padding-left: 25px;color: #fff;}
.htopnav-htopother .htopother-htophint:nth-child(1){margin-left: 0;}
.htopnav-htopother .htopother-htophint:hover{color: #f6701a;}
.htophint-htopicon{display: block;position: absolute;top: 12px;left: 0;width: 19px;height: 12px;background: url(../../imgs/icons.png) -520px -70px;}

.htopnav-htopmenu{float: right;width: 300px;overflow: hidden;}
.htopmenu-htopli{position: relative;float: left;margin-left: 20px;}
.htopmenu-htopli:nth-child(1){margin-left: 0;padding-right: 10px;}
.htopmenu-htopli:nth-child(2){margin-left: 10px;}
.htopli-htopi{display: block;position: absolute;top: 12px;right: 0;width: 1px;height: 12px;background: #606060;}
.htopmenu-htopli .htopli-htopa{display: block;height: 36px;line-height: 36px;color: #c6c6c6;cursor: pointer;}
.htopmenu-htopli .htopli-htoplogin{color: #e83439;}
.htopmenu-htopli .htopli-htopa:hover{color: #fff;}
.htopmenu-htopli .htopli-htoplogin:hover{color: #e83439;}

.header-box-header{position: relative;margin: 0 auto;width: 1200px;height: 213px;}
.box-header{height: 213px;}
.header-logo{margin: 20px 10px 0 0;}
.header-figure{position: absolute;top: 38px; right: 347px;}
.header-search{position: absolute;top: 65px;right: 0;width: 380px;height: 54px;box-sizing: border-box;overflow: hidden;}
.header-search .search-input{display: block;float: left;padding-left: 10px;width: 278px;height: 54px;border: none;border-radius: 5px 0 0 5px;background: #eaeaea;box-sizing: border-box;font-size: 16px;}
.search-input::-webkit-input-placeholder {color: #999;}
.search-input:-moz-placeholder {color: #999;}
.search-input:-ms-input-placeholder {color: #999;}
.header-search .search-a{display: block;position: relative;float: left;padding-left: 39px;width: 102px;height: 54px;line-height: 54px;border-radius: 0 5px 5px 0;background: #1d86e2;box-sizing: border-box;color: #fff;font-size: 18px;}
.search-a .a-icon{display: block;position: absolute;top: 17px;left: 11px;width: 20px;height: 20px;background: url(../../imgs/index_icon.png) 0px 0px;}

.header-headnav{position: absolute;top: 219px;left: 50%;margin-left: -375px;width: 750px;height: 60px;background: #1d86e2;border-radius: 5px;box-sizing: border-box;z-index: 20;}
.headnav-navitem{position: relative;float: left;width: 150px;height: 60px;line-height: 60px;text-align: center;}
.headnav-navitem .navitem-hnava{display: block;width: 150px;height: 60px;color: #fff;font-size: 18px;}
.headnav-navitem:nth-child(1){border-radius: 5px 0 0 5px;}
.headnav-navitem:nth-child(5){border-radius: 0 5px 5px 0;}

.headnav-atv{background: #fdce26;}
.navitem-navson{display: none;position: absolute;top: 60px;left: 0;padding: 11px 0;width: 150px;background: #f4f4f4;box-sizing: border-box;text-align: left;}
.navson-navli{padding-left: 16px;height: 32px;line-height: 32px;box-sizing: border-box;}
.navson-navli .navli-nlia{display: inline-block;line-height: 32px;color: #333333;}

.headnav-navitem:hover{background: #fdce26;}
.headnav-navitem:hover .navitem-navson{display: block;}
.navson-navli:hover .navli-nlia{color: #fdce26;}

/* 页尾 */
footer.com-footer{width: 100%;height: 472px;background: #17192f;box-sizing: border-box;}
.toopbox-footer{width: 100%;height: 360px;background: #17192f;box-sizing: border-box;}
.footer-foottop{margin: 0 auto;width: 1200px;height: 360px;background: #17192f;overflow: hidden;}
.foottop-footitem{float: left;margin-right: 45px;padding-top: 55px;width: 115px;}
.footitem-first{margin-bottom: 25px;font-size: 16px;color: #fefeff;}
.footitem-footnape{margin-bottom: 15px;}
.footitem-footnape .footnape-foota{color: #7b7c87;font-size: 14px;}
.footitem-footnape .footnape-foota:hover{color: #fff/*#b5b5bf*/;}
.foottop-footline{float: left;margin: 85px 0 0 60px;width: 1px;height: 136px;background: #333548;}
.foottop-contact{float: right;margin: 40px 76px 0 0;}
.contact-footway{margin-top: 20px;overflow: hidden;}
.footway-name{display: block;float: left;color: #7b7c87;}
.footway-num{display: block;float: left;color: #fff;}

.footer-footbottom{padding-top: 30px;width: 100%;height: 112px;background: #141529;box-sizing: border-box;}
.footbottom-address{margin: 0 auto;width: 1200px;text-align: center;}
.address-company{display: inline-block;position: relative;padding-left: 15px;color: #8e8e96;}
.address-company:nth-child(1){margin-right: 30px;}
.company-footpoint{display: block;position: absolute;top: 8px;left: 0;width: 5px;height: 5px;background: #4a4b5b;border-radius: 50%;}
.footbottom-footnum{margin: 0 auto;padding-top: 20px;width: 1200px;text-align: center;color: #8e8e96;}
.address-company .company-foota{color: #8e8e96;}
.address-company .company-foota:hover{color: #fff;}
.footnum-footspan{display: inline-block;margin-left: 10px;}


/*通用背景*/
.common-bg{width:100%;background: url(../../imgs/index-bg-img.png);background-size:cover;background-attachment:fixed;}
.common-box{width:1200px;margin:0 auto;padding:60px 0;}