html,body{margin: 0;padding: 0;} .pagebox{ position:relative; } body{ background:url(../image/header_bg.jpg) repeat-x top center #d1e6f5; 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; font-size: 14px; } .resetHtmlCssStyle p,.resetHtmlCssStyle div,.reset_style,.reset_style span{ font-family:"Microsoft Yahei" !important; }  .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; } .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: #1064a8; color: #fff; border-color: #1064a8; } .p_pagebox .pre .font i, .p_pagebox .next .font i{ display:none; } @font-face { font-family: 'bebas'; src: url('../font/bebas.eot'); src: url('../font/bebas.eot') format('embedded-opentype'), url('../font/bebas.woff') format('woff'), url('../font/bebas.ttf') format('truetype'), url('../font/bebas.svg') format('svg'); font-weight: normal; font-style: normal; }  .col-lg-1-3 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .footer .f_wx{ float:left; padding:0; margin-left:-3px; } .footer .f_zfb{ float:right; padding:0; margin-right:-3px; } .footer .ewm_img2{ float:left; } .footer .ewm_tetle2{ float:left; white-space:pre-wrap; padding: 34px 15px; width: 45%; } .ewm_tetle2{ padding-top:17%; padding-left:15px; } @media (min-width: 1200px) { .col-md-1 { width: 9%; float: left; } .col-lg-1-2 { width: 12%; float: left; } .col-lg-1-3 { width: 29.777777%; float: left; } .footer .col-md-2 { width: 22.222222%; } .footer .clearBoth,.footer_box .clearBoth{ display:none; } .f_ewm { color:#fff; padding:0; margin-bottom: 10px; } } @media only screen and (max-width: 1199px) and (min-width: 992px) { .col-md-1 { 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 .ewm_tetle2{ float:left; white-space:pre-wrap; padding:0 3px; width: 100%; color:#fff; } .ewm_tetle2{ padding-top:5%; padding-left:0; } }  .footer { padding-left: 15px; padding-right: 15px; padding-top: 25px; } .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: 8%; line-height: 1.8; } .footer .nav a { text-decoration: none; color: #fff; } .footer .nav a:hover { color: #ddd; } .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; font-weight: bold; } .foot_add h2 { font-size: 0.875rem; font-weight: bold; } .foot_add { margin-bottom: 25px; color: #fff; padding-bottom: 25px; } .foot_add h2 { margin-bottom: 5px; } .f_tel { padding-left: 28px; background: url(../image/tel_ico.png) no-repeat 0 6px; margin-bottom: 10px; font-size: 1.5rem; font-family: "bebas"; } .f_add { padding-left: 28px; background: url(../image/add_ico.png) no-repeat 0 0; } .foot_add:last-child{ margin-bottom:15px; padding-bottom:15px; } .ewm_tetle, .ewm_img { color: #fff; text-align: center; margin-top: 5px; } .ewm_tetle{ margin-bottom:20px; } .footer_box{ color:#fff; text-align: center; padding:18px 15px; } .footer_box a { text-decoration: none; color: #fff; } .footer_box a:hover { color: #ddd; } @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: #999; }  .footer .nav ul:hover { background-image: none; } .footer .nav ul:hover li { display: block; } .footer .clearBoth,.footer_box .clearBoth{ display:block; } .footer .ewm_tetle2{ float:left; white-space:pre-wrap; padding:0 3px; width: 100%; color:#fff; } .ewm_tetle2{ padding-top:5%; padding-left:0; text-align:center; margin-top: 5px; } .ewm_tetle2 span{ display:none; } } .clearBoth { clear: both;  width: 100% !important; height: 0px !important; font-size: 0 !important; overflow: hidden;  line-height: 0 !important; margin: 0 !important; float: none !important; } @media only screen and (max-width: 768px) { .e_IndexOrdinaryStyleBox-001 .stylebox_title{ margin-left: 15px !important; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ margin-left:15px !important; } }