body { min-width: 1180px; margin: 0 auto; padding: 0; background-color: #fff; font-family: 'Microsoft YaHei',sans-serif } * { font-family: 'Microsoft YaHei',sans-serif } p { margin: 0; padding: 0 } input { outline: 0 } input::-webkit-input-placeholder { color: #ccc } img { border: none } a { text-decoration: none; color: #11364A } .clear { clear: both } .page-container { width: 1100px; margin: 0 auto } .alert-dialog { position: fixed; left: 50%; top: 140px; z-index: 999; color: #fff; background-color: #50E3C2; border-radius: 2px; height: 40px; line-height: 40px; padding: 0 20px } .alert-dialog.err-msg { background-color: #000; background-color: rgba(0,0,0,.8) } .header { font-family: Microsoft YaHei; font-size: 12px; color: #FFF } .header-top { height: 30px; text-align: right; line-height: 30px; padding-right: 114px } .header-top .email { margin-left: 28px; height: 30px; display: inline-block; color: #fff } .header-top .email:hover { cursor: pointer } .header-top a { color: #fff } .header-top .email img { width: 14px; float: left; margin: 8px 5px 0 0 } .header-top span { margin-left: 28px; height: 30px; display: inline-block } .header-top span img { width: 14px; float: left; margin: 8px 5px 0 0 } .header .header-line { display: block; height: 1px; background: rgba(255,255,255,.1); box-shadow: 0 2px 10px 0 rgba(0,0,0,.05) } .header-center { min-width: 960px } .header .header-center span { display: inline-block; height: 70px; width: 112px; line-height: 70px; text-align: center; cursor: pointer; color: #FFF } .header .header-center>div>a:hover span { color: #C30F23 } .header-d { height: 100px; font-family: Microsoft YaHei; font-size: 12px; color: #FFF; position: relative; z-index: 2 } .header-d .header-top { height: 30px; background: #C30F23; text-align: right; line-height: 30px; padding-right: 114px } .header-d .header-top .email:hover { cursor: pointer } .header-d .header-top span { margin-left: 28px; height: 30px; display: inline-block } .header-d .header-top span img { width: 14px; float: left; margin: 8px 5px 0 0 } .header-d .header-line { display: block; height: 1px; background: rgba(255,255,255,.1); box-shadow: 0 2px 10px 0 rgba(0,0,0,.05) } .header-d .header-center span { color: #002017 } .header-center { height: 69px; font-size: 14px; padding: 0 100px 0 58px } .header-center img { width: 179px; height: 41px; float: left; margin: 14px auto 0 0 } .header-center div { display: inline-block; position: relative; height: 70px; width: 112px; line-height: 70px; float: right; text-align: center; cursor: pointer; color: #FFF; background: url(../images/opacity-bg.png) left top repeat scroll } .header-center div a:hover { color: #D0021B } .header-center div strong { display: inline-block; width: 32px; height: 4px; background: #C30F23; box-shadow: 0 2px 10px 0 rgba(0,0,0,.05); position: absolute; bottom: 0; left: 40px; display: none } .header-center div:hover>a>span { color: #C30F23 } .header-center div.choice-nav strong { display: block } .header-center .econdary-menu { display: none; width: 160px; position: absolute; right: -24px; top: 70px; background: #FFF; padding-top: 8px; padding-bottom: 8px; box-shadow: 0 1px 5px 0 rgba(0,0,0,.05) } .header-center .econdary-menu:hover,.header-center>div:hover .econdary-menu { display: block } .header-center .econdary-menu a { width: 160px; height: 40px; float: left } .header-center .econdary-menu a i { display: inline-block; width: 4px; height: 12px; float: left; margin-top: 14px; background: #E41D37; display: none } .header-center .econdary-menu a.choice-nav-2 i { display: block } .header-center .econdary-menu span { width: 100%; height: 40px; display: block; font-size: 14px; color: #002017; line-height: 40px; text-align: left; padding-left: 32px } .header-center .econdary-menu a:hover span { color: #D0021B } .header-center .econdary-menu b { font-weight: 400; display: block; font-size: 14px; color: #002017; line-height: 40px; text-align: left; padding-left: 40px } .header-center .econdary-menu b:hover { color: #D0021B } .header-center .econdary-menu .choice-nav-2 b { color: #D0021B } .header-center .econdary-menu a.choice-nav-2 span { color: #D0021B } .header-center .choice-nav>a>span { color: #C30F23 } .header-title { margin-top: 240px; font-size: 36px; margin-bottom: 10px } .header-subtitle,.header-title { padding-left: 114px } .header-top .email,.header-top .phone-icon { position: relative; padding-left: 30px } .header-top .email i,.header-top .phone-icon i { position: absolute; width: 14px; height: 14px; left: 8px; top: 8px; background: url(../images/index-sprite.png) -181px top no-repeat scroll } .header-top .email i { background: url(../images/index-sprite.png) -197px top no-repeat scroll } .logo-btn-a { float: left; width: 179px; height: 41px; margin: 14px auto 0 0; background: url(../images/index-sprite.png) left -43px no-repeat scroll } .logo-btn-a.n-logo-img { background: url(../images/index-sprite.png) left top no-repeat scroll } .content::after { content: ''; display: block; clear: both } .content .tab { height: 60px; margin: 0 58px } .content .tab p { width: 168px; height: 60px; float: left; cursor: pointer; text-align: center; line-height: 60px } .content .tab p:hover { color: #C30F23 } .content .tab p.choice { color: #C30F23 } .content .tab p.choice b { display: block; margin: 0 auto; height: 2px; width: 44px; background: #C30F23 } .content .content-line { height: 10px; background: #F8F8F8 } .paging { height: 40px; margin: 40px 0 100px 0; float: right } .paging:after { content: " "; height: 0; display: block; clear: both } .paging span { float: left; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #11364A; cursor: pointer; border: 1px solid #DDD } .paging span:hover { color: #D0021B } .paging span.paging-p { border-right: none } .paging p { float: left; width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 40px; font-size: 14px; color: #11364A; border-left: 1px solid #DDD; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD } .paging p:hover { color: #D0021B; font-weight: bold; border-bottom: 1px solid #ddd } .paging .disabled { color: #DDD } .paging .disabled:hover { color: #DDD; height: 40px; cursor: not-allowed; border-bottom: 1px solid #DDD } .paging p.choice { color: #D0021B; height: 37px; border-bottom: 4px solid #D0021B } .foot { padding-top: 80px; font-size: 14px; color: #FFF; padding-bottom: 25px; background: #11364A; border-top: 3px solid #C30F23; box-shadow: 0 2px 10px 0 rgba(0,0,0,.05) } .foot b { display: block; font-weight: 400; margin: 20px 0 10px 0 } .foot i { display: block; font-style: normal } .foot .call-us { float: left; width: 275px; margin-left: 58px } .foot .call-us i { font-size: 18px } .foot .call-us b { font-size: 24px } .foot .call-us span { font-size: 14px } .foot .foot-nav { float: right; width: 168px } .foot .foot-nav i { display: block; margin-bottom: 20px; font-size: 18px } .foot .foot-nav a { color: #fff } .foot .foot-nav span { display: block; margin-bottom: 10px; font-size: 12px; cursor: pointer } .foot .foot-line { clear: both; height: 1px; display: block; margin-left: 58px; opacity: .2; margin: 20px 58px 0 58px; background: #FFF } .foot .foot-bottom .foot-logo { width: 130px; float: left; margin: 35px 0 0 58px } .foot-bottom a img { margin: 35px 0 0 20px } .foot .foot-bottom .c-number { float: left; margin: 42px 0 0 30px; opacity: .5; font-size: 12px } .foot .foot-bottom .statement { opacity: .5; font-size: 12px; color: #fff; float: right; margin: 42px 58px 0 0 } .foot .foot-bottom .statement:hover { cursor: pointer } .foot .beian-link { color: #FFF } .empty-content { width: 100%; padding: 90px 0 300px; background-color: #fff; text-align: center } .empty-content span { display: block; color: #9B9B9B; font-size: 14px } .empty-content .empty-icon { width: 100px; height: 100px; background: url(../images/icon/empty-news.png) center center no-repeat scroll; margin: 0 auto 22px } .empty-bottom-line { height: 2px; background: #C30F23; box-shadow: 0 2px 10px 0 rgba(0,0,0,.05) } .badge-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block } .header-backimg { position: absolute; left: 0; top: 0; z-index: 10; width: 100% } .content-badge { text-align: center } .content-badge img { border: none } body .pos-fixed-header { position: fixed; width: 100%; left: 0; top: 0; z-index: 999; transition: .5s ease-in } .pos-fixed-header.active { background-color: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,.05); border-bottom: 1px solid #ccc\9 } .pos-fixed-header .n-logo-img { display: none } .pos-fixed-header.active .n-logo-img { display: block } .pos-fixed-header.active .logo-img { display: none } .pos-fixed-header.active .header-center span { color: #002017 } .pos-fixed-header .header-top { transition: .5s ease-in } .pos-fixed-header.active .header-top { background-color: #C30F23 } .fixed-header-d { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; background-color: #fff; box-shadow: 0 1px 5px 0 rgba(0,0,0,.05); border-bottom: 1px solid #ccc\9 } .news .news-content .content-list .list-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .partner-nav { text-align: center; margin-bottom: 40px; color: #9b9b9b; font-size: 14px } .partner-nav span { padding: 0 30px; cursor: pointer } .partner-nav span.active { color: #4a4a4a } .partner-list .content-badges { display: none; height: 280px; margin-bottom: 40px; } .partner-list .content-badges.active { display: block }