html,body{ margin: 0; padding: 0; } .pagebox{ position:relative; } body{ color:#333; font-size:0.875rem; margin:0 auto; padding:0; text-align:left; overflow-x: hidden; font-family:"Microsoft Yahei" !important; } body .e_title { font-family:"Microsoft Yahei" !important; } .resetHtmlCssStyle p,.resetHtmlCssStyle div,.reset_style,.reset_style span{ font-family:"Microsoft Yahei" !important; } * { touch-action: pan-y; }  .e_image:hover::after { background-color: rgba(0, 0, 0, 0.3); } .clearBoth { clear:both;  width:100%; height:0px; font-size:0; overflow:hidden;  line-height:0; }  a { max-width: 100%; outline: 0 none; text-decoration: none; color:#333; } a:hover { text-decoration:none; color:#333; } a:focus { outline:none; -moz-outline:none; } @font-face { font-family: 'bebas'; src: url('../fonts/bebas.eot'); src: url('../fonts/bebas.eot') format('embedded-opentype'), url('../fonts/bebas.woff') format('woff'), url('../fonts/bebas.ttf') format('truetype'), url('../fonts/bebas.svg') format('svg'); font-weight: normal; font-style: normal; } .p_OccupyBox, .p_pagebox{ width: 100%; display: inline-block; text-align: center; margin-top: 20px; } .p_page{ padding: 0; margin: 0; } .p_page .pre, .p_pagebox .pre, .p_pagebox .next, .NumBox{ border-radius: 0; transition: all ease .15s; display: inline-block; line-height: 28px; width: auto; background: none; height: auto; padding: 0; margin: 0 2.5px 0; padding: 0 10px; } .p_page .next{ margin: 0 0 0 5px; border-radius: 0; transition: all ease .15s; border: 1px solid #d9d9d9; background: #fff; text-align: center; padding: 0 10px; display: inline-block; line-height: 28px; } .p_pagebox .pre, .p_pagebox .next, .NumBox{ padding: 0 0px; } .p_page .next i{ line-height: 28px; } .p_page .pre{ margin: 0 5px 0 0px; color: #595959; border: 1px solid #d9d9d9; text-align: center; } .p_page .pageNum{ margin: 0 5px; padding: 0; border-radius: 0; transition: all ease .15s; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 28px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; position: relative; height: 30px; min-width: 30px; } .ItemBox li{ display: inline-block; margin: 8px 6px 0; background:none !important; height: 26px !important; line-height: 26px !important; } .ItemBox li span{ height:24px; line-height:24px; border: 1px solid #d9d9d9; background-color: #fff; color: #595959; font-size: 14px; display: inline-block; position: relative; cursor: pointer; min-width: 33px; } .p_pagebox .pre .font, .p_pagebox .next .font{ position: relative; float: left; height: 44px; min-width: 88px; padding: 0 5px; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 44px; display: inline-block; font-size: 14px; background-color: #fff; text-align: center; transition: all ease .15s; } .p_page .pageNum.active, .p_page .pageNum:hover, .p_page .next:hover, .p_page .pre:hover, .ItemBox li span:hover, .p_pagebox .pre .font:hover, .p_pagebox .next .font:hover{ background-color: #0073b0; color: #fff; border-color: #0073b0; } .p_pagebox .pre .font i, .p_pagebox .next .font i{ display:none; }  .footerbox{ background:#2e2e2e; }  .col-lg-1-3 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .market{ background: #4f5050; width: 120px; height: 42px; line-height: 42px; display: block; text-align: center; float: right; margin-left:15px; } .market:hover{ background: #0073b0; } .footer_mainbox{ max-width:1230px; margin-left:auto; margin-right:auto; position: relative; } @media (min-width: 1200px) { .col-md-1 { width: 9.35555%; float: left; } .col-md-1-2 { width: 12.95555%; float: left; } .col-lg-1-2 { width: 11%; float: left; } .col-lg-1-3 { width: 28.827777%; float: left; } .f_ewm { float: right; } .footer .col-md-2 { width: 11.366667%; } .footer .clearBoth,.footer_box .clearBoth{ display:none; } } @media only screen and (max-width: 1199px) and (min-width: 992px) { .col-md-1 { width: 10.9%; float: left; } .col-md-1-2 { width: 10.9%; float: left; } .col-lg-1-3 { width: 28.777777%; float: left; } .f_ewm { float: right; } .footer .col-md-2 { width: 14.66666667%; } .footer .clearBoth,.footer_box .clearBoth{ display:none; } }  .footer { padding:50px 15px 20px; border-bottom:1px solid #626263; } .foot_text01 { margin-bottom: 10px; } .footer img { max-width: 100%; } .footer .nav ul { margin: 0; padding: 0; } .footer .nav li { list-style: none; display: inline-block; margin-right: 10%; line-height: 2em; } .footer .nav a { text-decoration: none; color: #b9baba; } .footer .nav a:hover { color: #fff; } .footer .nav .current a { background: #999; color: #fff; border-radius: 5px; } .footer .foot_text01 { padding-bottom: 3%; } .foot_texttitle { color: #fff; margin-bottom: 15px; font-size: 1rem; } .footer .foot_texttitle a{ color:#fff; } .footer .foot_texttitle a:hover{ color:#b9baba; } .foot_add h2 { font-size: 30px; font-family: arial; font-weight: bold; color: #fff; background: url(../images/tel_ico.png) no-repeat left center; padding-left: 50px; margin-bottom:25px; height:36px; font-family: "bebas"; } .footer .nav h2 a{ color:#fff; } .footer .nav h2 a:hover{ color:#b9baba; } .foot_add { margin-bottom: 25px; color: #b9baba; padding-bottom: 25px; } .f_fax { padding-left: 28px; background: url(../images/telx_ico.png) no-repeat left center; margin-bottom:10px; height:24px; line-height:24px; } .f_email { padding-left: 28px; background: url(../images/email_ico.png) no-repeat left center; margin-bottom:10px; height:24px; line-height:24px; } .f_add { padding-left: 28px; background: url(../images/add_ico.png) no-repeat left center; margin-bottom:10px; height:24px; line-height:24px; } .foot_add:last-child{ margin-bottom:15px; padding-bottom:15px; } .ewm_tetle, .ewm_img { color: #b9baba; text-align: center; margin-top: 5px; } .footer_box{ color:#b9baba; text-align: left; padding:18px 0; } .footer_box a { text-decoration: none; color: #b9baba; } .footer_box a:hover { color: #fff; } @media screen and (max-width: 600px) { .footer .nav { position: relative; min-height: 40px; } .footer .nav ul { padding: 5px 0; border: solid 1px #fff; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.3); } .footer .nav li { display: none; margin: 0; } .footer .nav .current { display: block; } .footer .nav a { text-align: left; padding-left: 2% } .footer .nav .current a { background: none; color: #b9baba; }  .footer .nav ul:hover { background-image: none; } .footer .nav ul:hover li { display: block; } .footer .clearBoth,.footer_box .clearBoth{ display:block; } .market{ background: #4f5050; width: 120px; height: 42px; line-height: 42px; display: inline-block; text-align: center; float: none; margin: 0 auto; } } .scroll_top { top: -20px; height: 45px; position: absolute; right: -0px; width: 45px; } .scroll_top .s_cursor { background: url(../images/icon_top.png) no-repeat center center #38598e; cursor: pointer; display: block; height: 45px; width: 45px; }