/* reset */
html {
height: 100%;
overflow-x: hidden;
}
body {
min-height: 100%;
overflow-x: hidden;
}
body {
_height: 100%;
}
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
input,
select,
textarea,
button,
p,
blockquote,
th,
td,
figure {
margin: 0;
padding: 0;
}
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
p,
blockquote,
figure,
header,
footer,
nav,
article,
section,
aside,
address,
figcaption {
*zoom: 1;
}
li {
list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
iframe,
frame,
fieldset,
img {
border: 0 none;
}
img {
vertical-align: top;
}
input[type='button'],
input[type='submit'],
input[type='reset'] {
cursor: pointer;
}
button {
cursor: pointer;
}
input,
textarea,
button {
-webkit-border-radius: 0;
-webkit-appearance: none;
}
input[type='radio'] {
-webkit-border-radius: 100%;
-webkit-appearance: radio;
}
input[type='checkbox'] {
-webkit-appearance: checkbox;
}
input[type='search'] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
}
textarea {
overflow: auto;
resize: none;
}
::-webkit-input-placeholder {
color: #666;
}
:-moz-placeholder {
color: #666;
}
::-moz-placeholder {
color: #666;
}
:-ms-input-placeholder {
color: #666;
opacity: 0.8;
}
.placeholder {
color: #666;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th {
text-align: left;
}
th {
font-weight: normal;
}
em,
cite,
address,
i {
font-style: normal;
}
sup {
/*vertical-align: text-top; top:0!important;*/
}
sub {
/*vertical-align: text-bottom*/
}
body,
input,
select,
button,
textarea {
color: #2e2d2d;
font-size: 14px;
/* font-family: "Microsoft Yahei", arial, "\5b8b\4f53"; */
}
body {
line-height: 1.5;
}
a {
color: #2e2d2d;
text-decoration: none !important;
transition: 0.2s all;
-webkit-transition: 0.1s all;
}
a {
blr: expression(this.onFocus=this.blur());
}
a * {
*cursor: pointer;
}
:focus {
outline: none;
}
img {
max-width: 100%;
}
.edit_con_original {
line-height: 1.7em;
padding: 0 0;
color: #333;
}
.edit_con_original ul {
margin: inherit;
padding: inherit;
padding-left: 2em;
}
.edit_con_original ul li {
list-style-type: disc;
margin: auto;
}
.edit_con_original ol {
margin: inherit;
padding: inherit;
}
.edit_con_original ol li {
list-style-type: decimal;
margin: auto;
}
.edit_con_original h1 {
font-size: 2em;
font-weight: bold;
}
.edit_con_original h2 {
font-size: 1.5em;
font-weight: bold;
}
.edit_con_original h3 {
font-size: 1.17em;
font-weight: bold;
}
.edit_con_original h4 {
font-size: 1em;
font-weight: bold;
}
.edit_con_original h5 {
font-size: 0.83em;
font-weight: bold;
}
.edit_con_original h6 {
font-size: 0.67em;
font-weight: bold;
}
.edit_con_original em {
font-style: italic;
}
.edit_con_original cite {
font-style: italic;
}
.edit_con_original address {
font-style: italic;
}
.edit_con_original i {
font-style: italic;
}
.edit_con_original table {
border-collapse: separate;
border-spacing: 2px;
}
.edit_con_original img {
max-width: 100%;
height: auto;
}
.animate {
transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);
}
.animate_slowx {
transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1);
}
.animate_fast {
transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);
}
.animate_slow {
transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);
}
.animate_normal {
transition: 0.5s all linear;
}
/*.main{ transition: 0.5s all linear !important;}*/
/*两端对齐*/
.justify {
text-align: justify;
text-justify: distribute-all-lines;
}
/*行高*/
.tLineHeight {
line-height: 1.2em;
}
.aLineHeight {
line-height: 1.7em;
}
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
/* clear 页头,页脚,内容区都不用再加清除样式 */
.fixed:before,
.clearfix:before,
.cf:before,
body:before,
.header:before,
.main:before,
.footer:before {
content: '';
display: table;
}
.fixed:after,
.clearfix:after,
.cf:after,
after,
.header:after,
.main:after,
.footer:after {
content: '';
display: table;
clear: both;
}
.fixed,
.clearfix,
.cf,
.header,
.main,
.footer {
*zoom: 1;
}
.clear,
.cl {
display: block !important;
float: none !important;
clear: both;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
max-height: none !important;
min-height: 0 !important;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
border: 0 none !important;
font-size: 0 !important;
line-height: 0 !important;
}
/*图片经过*/
.tran_scale {
overflow: hidden;
display: block;
}
.tran_scale img {
transition: 0.5s all;
-webkit-transition: 0.5s all;
}
/*截字*/
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
max-width: 99%;
}
.clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 1.5;
max-height: 4.5em;
overflow: hidden;
}
/*上下居中*/
.v-m-c {
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
position: absolute;
left: 0;
top: 50%;
}
/*左右居中*/
.l-m-c {
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
position: absolute;
left: 50%;
top: 0;
}
/*绝对居中*/
.a-m-c {
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
}
/*背景*/
.bg-cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.bg_layer {
background: rgba(0, 0, 0, 0.7);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10000;
}
.bg-cover-ban {
background-size: 100% 100%;
}
.ratio-img,
.ratio-img img {
width: 100%;
}
/*font-size*/
.fnt_16 {
font-size: 16px;
}
.fnt_18 {
font-size: 18px;
}
.fnt_20 {
font-size: 20px;
}
.fnt_22 {
font-size: 22px;
}
.fnt_24 {
font-size: 24px;
}
.fnt_26 {
font-size: 26px;
}
.fnt_28 {
font-size: 28px;
}
.fnt_30 {
font-size: 30px;
}
.fnt_32 {
font-size: 32px;
}
.fnt_36 {
font-size: 36px;
}
.fnt_40 {
font-size: 40px;
}
.fnt_42 {
font-size: 42px;
}
.fnt_46 {
font-size: 46px;
}
.fnt_48 {
font-size: 48px;
}
.fnt_52 {
font-size: 52px;
}
.fnt_60 {
font-size: 60px;
}
.fnt_64 {
font-size: 64px;
}
.fnt_68 {
font-size: 68px;
}
.fnt_72 {
font-size: 72px;
}
.fnt_80 {
font-size: 80px;
}
.fnt_100 {
font-size: 100px;
}
.fnt_130 {
font-size: 130px;
}
@media only screen and (max-width: 1679px) {
.fnt_18 {
font-size: 16px;
}
.fnt_20 {
font-size: 18px;
}
.fnt_22 {
font-size: 20px;
}
.fnt_24 {
font-size: 22px;
}
.fnt_26,
.fnt_28 {
font-size: 24px;
}
.fnt_30 {
font-size: 28px;
}
.fnt_32 {
font-size: 30px;
}
.fnt_36 {
font-size: 32px;
}
.fnt_40 {
font-size: 36px;
}
.fnt_42 {
font-size: 38px;
}
.fnt_46 {
font-size: 42px;
}
.fnt_48 {
font-size: 44px;
}
.fnt_52 {
font-size: 48px;
}
.fnt_60 {
font-size: 50px;
}
.fnt_64 {
font-size: 54px;
}
.fnt_68 {
font-size: 56px;
}
.fnt_72 {
font-size: 60px;
}
.fnt_80 {
font-size: 70px;
}
.fnt_100 {
font-size: 80px;
}
.fnt_130 {
font-size: 100px;
}
}
@media only screen and (max-width: 1520px) {
.fnt_16 {
font-size: 15px;
}
.fnt_18 {
font-size: 15px;
}
.fnt_20 {
font-size: 16px;
}
.fnt_22 {
font-size: 18px;
}
.fnt_24 {
font-size: 20px;
}
.fnt_26,
.fnt_28 {
font-size: 22px;
}
.fnt_30 {
font-size: 26px;
}
.fnt_32 {
font-size: 28px;
}
.fnt_36 {
font-size: 30px;
}
.fnt_40 {
font-size: 32px;
}
.fnt_42 {
font-size: 35px;
}
.fnt_46 {
font-size: 38px;
}
.fnt_48 {
font-size: 40px;
}
.fnt_52 {
font-size: 44px;
}
.fnt_60 {
font-size: 48px;
}
.fnt_64 {
font-size: 50px;
}
.fnt_68 {
font-size: 52px;
}
.fnt_72 {
font-size: 56px;
}
.fnt_80 {
font-size: 64px;
}
.fnt_100 {
font-size: 76px;
}
.fnt_130 {
font-size: 90px;
}
}
@media only screen and (max-width: 1366px) {
body,
input,
select,
button,
textarea {
font-size: 14px;
}
.fnt_20 {
font-size: 15px;
}
.fnt_22 {
font-size: 16px;
}
.fnt_24 {
font-size: 16px;
}
.fnt_26,
.fnt_28 {
font-size: 18px;
}
.fnt_30 {
font-size: 20px;
}
.fnt_32 {
font-size: 24px;
}
.fnt_36 {
font-size: 26px;
}
.fnt_40,
.fnt_42 {
font-size: 28px;
}
.fnt_46 {
font-size: 30px;
}
.fnt_48 {
font-size: 34px;
}
.fnt_52 {
font-size: 38px;
}
.fnt_60 {
font-size: 40px;
}
.fnt_64 {
font-size: 42px;
}
.fnt_68 {
font-size: 44px;
}
.fnt_72 {
font-size: 48px;
}
.fnt_80 {
font-size: 56px;
}
.fnt_100 {
font-size: 60px;
}
.fnt_130 {
font-size: 78px;
}
}
@media only screen and (max-width: 1279px) {
.fnt_16,
.fnt_18 {
font-size: 14px;
}
.fnt_20 {
font-size: 15px;
}
.fnt_22 {
font-size: 15px;
}
.fnt_24 {
font-size: 15px;
}
.fnt_26,
.fnt_28 {
font-size: 16px;
}
.fnt_30 {
font-size: 18px;
}
.fnt_32 {
font-size: 20px;
}
.fnt_36 {
font-size: 22px;
}
.fnt_40,
.fnt_42 {
font-size: 24px;
}
.fnt_46,
.fnt_48 {
font-size: 26px;
}
.fnt_52 {
font-size: 26px;
}
.fnt_60 {
font-size: 28px;
}
.fnt_64 {
font-size: 30px;
}
.fnt_68 {
font-size: 32px;
}
.fnt_72 {
font-size: 34px;
}
.fnt_80 {
font-size: 40px;
}
.fnt_100 {
font-size: 50px;
}
.fnt_130 {
font-size: 68px;
}
}
@media only screen and (max-width: 1023px) {
.fnt_22,
.fnt_24 {
font-size: 14px;
}
.fnt_26,
.fnt_28 {
font-size: 15px;
}
.fnt_30 {
font-size: 16px;
}
.fnt_32 {
font-size: 18px;
}
.fnt_36 {
font-size: 20px;
}
.fnt_40,
.fnt_42 {
font-size: 22px;
}
.fnt_46,
.fnt_48 {
font-size: 24px;
}
.fnt_52 {
font-size: 24px;
}
.fnt_60 {
font-size: 26px;
}
.fnt_64 {
font-size: 28px;
}
.fnt_68 {
font-size: 30px;
}
.fnt_72 {
font-size: 32px;
}
.fnt_80 {
font-size: 36px;
}
.fnt_100 {
font-size: 40px;
}
.fnt_130 {
font-size: 50px;
}
}
@media only screen and (max-width: 767px) {
.fnt_26,
.fnt_28 {
font-size: 14px;
}
.fnt_30 {
font-size: 16px;
}
.fnt_32 {
font-size: 16px;
}
.fnt_36 {
font-size: 18px;
}
.fnt_40,
.fnt_42 {
font-size: 20px;
}
.fnt_46,
.fnt_48 {
font-size: 22px;
}
.fnt_52 {
font-size: 24px;
}
.fnt_60,
.fnt_64,
.fnt_68 {
font-size: 26px;
}
.fnt_72 {
font-size: 28px;
}
.fnt_80 {
font-size: 30px;
}
.fnt_100 {
font-size: 34px;
}
.fnt_130 {
font-size: 40px;
}
}
.wrap {
max-width: 1540px;
margin: 0 auto;
width: 96%;
}
.inwrap {
max-width: 1280px;
margin: 0 auto;
width: 96%;
}
* {
box-sizing: border-box;
}
.nav_phone_btn {
display: none;
}
.header {
width: 100%;
height: 110px;
z-index: 100;
background: #fff;
left: 0;
top: 0;
position: fixed;
}
.header .wrap{max-width: 1600px;}
.scroll-header .header {
position: fixed;
left: 0;
top: 0;
}
.header h1.logo {
width: 35%;
padding-top: 25px;
float: left;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.header h1.logo img {
width: 35%; margin-left:3%;
}
.header h1.logo img.gp_logo{ width: 55%; margin-left: 0; margin-top: 10px;}
.nav .rr_top {
float: right;
position: relative;
}
.head_search {
cursor: pointer;
width: 30px;
height: 30px;
float: right;
}
.head_search span {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border: none;
background: url(../images/dot02.png) no-repeat right center;
position: relative;
margin: auto;
}
.head_search span img {
vertical-align: middle;
}
.search_wrap {
display: none;
background: #fff;
width: 280px;
right: 0;
position: absolute;
top: 66px;
border: 4px solid #bd3434;
z-index: 9;
}
.search_box_button {
height: 40px;
width: 40px;
background: url(../images/dot02.png) no-repeat center;
border: 0;
outline: none;
float: right;
}
.search_box_text {
width: 200px;
padding: 0 10px;
float: left;
border: 0;
height: 40px;
outline: none;
line-height: 40px;
background: #fff;
}
.nav {
float: right;
margin-top: 44px;
width:65%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.nav > ul {
float: left;
width: calc(100% - 30px);
}
.nav > ul > li {
height: 66px;
line-height: 32px;
float: left;
width: 120px;
font-size: 18px;
position: relative;
}
.nav > ul > li > span {
display: none;
}
.nav > ul > li > a {
display: block;
text-align: center;
position: relative;
color: #000;
}
.nav > ul > li a em {
display: none;
position: absolute;
left: 50%;
bottom: 0;
width: 0%;
height: 3px;
background: #fff;
transition: 0.3s all;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
-ms-transition: 0.3s all;
}
.nav > ul > li.on em {
width: 100%;
left: 0;
}
.nav > ul > li.on > a {
color: #bd3434;
}
.nav > ul > li a:hover {
color: #bd3434;
}
/*导航下拉*/
.navlist {
display: none;
position: absolute;
left: 50%;
margin-left: -82px;
top: 62px;
width: 164px;
background:#fff;
padding: 10px;
}
.navlist li {
width: 100%;
text-align: center;
font-size: 16px;
height: 36px;
line-height: 36px;
}
.navlist li a {
color: #666;
display: block;
}
.nav > ul > li.on .navlist li a {
color: #666 !important;
}
.navlist li:hover a {
color: #bd3434 !important;
}
/*导航下拉*/
.main {
padding-top: 110px;
}
/*公共底部*/
.footer {
background: #484848;
padding: 2.5% 0 3%;
color: #fff;
}
.footer-top-l {
float: left;
width: 80%;
}
.footer-top-r {
float: right;
width: 20%;
text-align: right;
}
.footer-top-l h2 {
float: left;
border-right: 1px solid #606060;
padding-right: 30px;
margin-right: 35px;
}
.footer-top-l h2 img {
width: 161px;
}
.footer-top-l .hot-tel {
float: left;
}
.footer-top-l .hot-tel span {
display: block;
margin: 5px 0 5px;
}
.footer-top-l .hot-tel p {
color: #c6c6c6;
}
.footer-top-r a {
display: inline-block;
width: 38px;
height: 38px;
}
.footer-top-r a.share_sina {
margin-right: 10px;
background: url(../images/wb.png) no-repeat;
}
.footer-top-r a.wechat {
background: url(../images/wx.png) no-repeat;
}
/*weixin-box*/
.weixin-box {
position: fixed;
/* font-family: '微软雅黑'; */
width: 300px;
height: 266px;
z-index: 100000;
left: 50%;
top: 50%;
margin: -120px 0 0 -150px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 2px 2px 2px #ddd;
}
.weixin-box .c {
position: absolute;
width: 30px;
height: 30px;
right: 0;
top: 0;
font-size: 20px;
font-style: normal;
text-align: center;
cursor: pointer;
z-index: 2;
}
.weixin-box h2 {
position: relative;
line-height: 30px;
font-size: 16px;
padding-left: 10px;
}
.weixin-box .img {
padding: 10px;
text-align: center;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.weixin-box .img img {
width: 150px;
height: 150px;
}
.weixin-box p {
padding: 20px 10px 0;
text-align: center;
}
.footer-mid {
margin: 3.5% 0 0;
}
.footer-mid li {
float: left;
width: 11%;
}
.footer-mid dt {
color: #fff;
margin-bottom: 5%;
}
.footer-mid dt a {
color: #fff;
}
.footer-mid dd {
margin-bottom: 5px;
}
.footer-mid dd a {
color: #9c9c9c;
}
.footer-bottom {
border-top: 1px solid #666666;
padding: 1.5% 0 0;
margin-top: 4%;
overflow: hidden;
}
.footer-bottom .footer-link {
float: left;
width: 30%;
}
.footer-bottom .footer-link a {
color: #ffffff;
}
.footer-bottom .footer-link span {
color: #7b7c7d;
margin: 0 15px;
}
.footer-bottom .footer-cop {
float: right;
width: 70%;
text-align: right;
color: #9c9c9c;
}
.footer-bottom .footer-cop a {
color: #9c9c9c;
}
.footer-bottom .footer-cop a.xhr {
margin-left: 10px;
/* font-family: arial; */
}
@media only screen and (max-width: 1599px) {
.nav > ul > li {
font-size: 16px; width: 100px;
}
}
@media only screen and (max-width: 1399px) {
.nav > ul > li {
font-size: 14px;
}
.navlist li {
font-size: 14px;
}
}
@media only screen and (max-width: 1365px) {
.nav > ul > li {
width: 90px;
}
}
@media only screen and (max-width: 1279px) {
.nav{margin-top: 30px;}
.nav > ul {
text-align: center;
}
.nav > ul > li {
width: 70px;
float: none;
display: inline-block;
}
}
/*手机导航start*/
@media only screen and (max-width: 1024px) {
/*手机导航按钮开始*/
.body_nav_phone nav {
margin-top: 70px;
}
.nav_phone_btn {
display: none;
cursor: pointer;
height: 32px;
position: fixed;
top: 19px;
right: 2%;
z-index: 999;
width: 35px;
text-align: center;
}
.nav_phone_btn span {
position: relative;
font-size: 0;
width: 26px;
height: 3px;
background-color: #bd3434;
display: inline-block;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;
}
.nav_phone_btn span:before,
.nav_phone_btn span:after {
content: '';
position: absolute;
width: 100%;
height: 3px;
background-color: #bd3434;
left: 0px;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;
}
.nav_phone_btn span:before {
top: -7px;
}
.nav_phone_btn span:after {
top: 7px;
}
.visible_nav.nav_phone_btn span {
background-color: transparent;
}
.visible_nav.nav_phone_btn span:before {
left: 5px;
top: 0px;
transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
}
.visible_nav.nav_phone_btn span:after {
top: 0px;
left: 5px;
transform: rotateZ(-45deg);
-webkit-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
}
/*手机导航按钮结束*/
body > * {
position: relative;
left: 0;
transition: left 250ms ease-out;
-webkit-transition: left 250ms ease-out;
}
.header {
height: 70px;
padding: 10px 0 0;
}
.header h1.logo {
padding-top: 0; width: 50%;
}
.nav {
display: block;
position: fixed;
top: 0px;
bottom: 0px;
padding: 0;
right: -200px;
height: 100%;
width: 200px;
left: auto;
transition: left 0ms ease-out;
-webkit-transition: left 0ms ease-out;
transition: right 250ms ease-out;
-webkit-transition: right 250ms ease-out;
overflow: hidden;
background: #bd3434;
}
.nav > ul {
padding: 0px 10px;
clear: both;
float: none;
width: 100%;
}
.nav > ul > li {
height: inherit;
width: 100%;
}
.nav > ul > li > a em {
display: none;
}
.nav > ul > li > a {
height: 40px;
line-height: 40px;
color: #fff;
text-align: left;
width: calc(100% - 30px);
overflow: hidden;
}
.nav > ul > li.on > a {
background: none;
color: #bd3434;
}
.nav > ul > li > span {
display: inline-block;
width: 20px;
height: 40px;
margin-right: 0px;
background: url(../images/dot06.png) no-repeat center center;
float: right;
}
.nav > ul > li > span.on {
background: url(../images/dot07.png) no-repeat center center;
float: right;
}
.nav > ul > li > span {
display: none;
cursor: pointer;
}
.nav > ul > li > span.cur {
display: block;
}
.nav > ul > li {
float: none;
margin: 0;
padding: 0 10px;
border-bottom: 1px dotted #efefef;
overflow: hidden;
font-size: 16px;
}
.navlist {
position: static;
background: none;
padding: 0 10px 10px;
height: auto;
line-height: inherit;
width: auto !important;
display: none;
visibility: visible;
clear: both;
left: auto;
top: auto;
margin-left: 0;
}
.navlist li {
float: none;
font-size: 14px;
height: 30px;
line-height: 30px;
text-align: left;
}
.navlist li a {
color: #fff;
display: block;
}
.navlist li em {
display: none;
}
.navlist a:hover {
color: #fff !important;
}
.nav_phone_btn {
display: block;
}
.body_nav_phone .nav {
right: 0;
left: auto;
}
.body_nav_phone .nav_phone_btn {
text-align: left;
}
.nav .rr_top {
width: 180px;
float: none;
border: 1px solid #fff;
overflow: hidden;
height: 40px;
margin: 10px;
}
.head_search {
display: none;
}
.search_wrap {
display: block;
position: static;
top: auto;
right: auto;
width: 100%;
height: 40px;
line-height: 40px;
border: none;
}
.search_box_text {
float: left;
width: calc(100% - 40px);
}
.main {
padding-top: 70px;
}
}
@media only screen and (max-width: 1279px) {
.footer-mid li {
width: 12.5%;
}
.footer-top-l h2 img {
width: 100px;
}
.footer-top-l .hot-tel span {
margin: 0;
}
}
@media only screen and (max-width: 1023px) {
.footer-bottom .footer-link,
.footer-bottom .footer-cop {
width: 100%;
}
.footer-bottom .footer-cop {
text-align: left;
margin-top: 5px;
}
}
@media only screen and (max-width: 767px) {
.header h1.logo{ width: 88%;}
.footer-top-l,
.footer-top-r {
width: 100%;
}
.footer-top-l h2 {
padding-right: 10px;
margin-right: 10px;
}
.footer-top-r {
margin-top: 10px;
}
.footer-top-r a {
background-size: cover !important;
width: 30px;
height: 30px;
}
.footer-mid {
margin: 0;
}
.footer-mid li {
width: 100%;
margin-bottom: 2%;
}
.footer-mid dt {
margin-bottom: 5px;
}
.footer-mid dd {
float: left;
margin-right: 10px;
}
.footer-bottom {
margin-top: 0;
padding: 3% 0 0;
}
}
@media only screen and (max-width: 413px) {
.footer-top-l h2 {
border: none;
}
.footer-top-l .hot-tel {
width: 100%;
margin: 10px 0;
}
.footer-top-r {
position: absolute;
right: 2%;
}
}
@media only screen and (min-width: 1024px) {
.yes_tran,
a {
transition: 0.3s all;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
-ms-transition: 0.3s all;
}
.no_tran {
transition: 0s all;
-webkit-transition: 0s all;
-moz-transition: 0s all;
-o-transition: 0s all;
-ms-transition: 0s all;
}
a:hover {
color: #bd3434;
}
.tran_scale:hover img {
transform: scale(1.05, 1.05) rotate(-1deg);
-webkit-transform: scale(1.05, 1.05) rotate(-1deg);
}
.nav > ul > li:hover em {
width: 100%;
left: 0;
}
}
/*分页*/
.page {
vertical-align: middle;
text-align: center;
margin: 35px 0;
color: #2f2f2f;
font-size: 12px;
height: 36px;
line-height: 36px;
}
.page .inner {
display: inline-block;
}
.page span em {
color: #2f2f2f;
/* font-family: Arial; */
}
.page a {
text-align: center;
width: 34px;
height: 34px;
/* font-family: Arial; */
}
.page i.dian {
float: left;
margin: 0 10px 0 15px;
vertical-align: middle;
position: relative;
top: -2px;
}
.page a.num {
float: left;
border: 1px solid #d8d8d8;
border-left: 0;
background: #fff;
color: #666666;
}
.page a.on {
background: #1B6F59;
color: #fff;
border: 1px solid #1B6F59;
}
.page a.num:nth-child(2) {
border-left: 1px solid #d8d8d8;
}
.page a.num:nth-child(2).on {
border-left: 1px solid #1B6F59;
}
.page a.prev,
.page a.next {
float: left;
border: 1px solid #d8d8d8;
margin: 0 5px;
background: #fff;
}
.page a.prev img,
.page a.next img {
vertical-align: middle;
text-align: center;
width: 7px;
height: 9px;
position: relative;
top: -2px;
}
.page a.prev.disable,
.page a.next.disable {
cursor: default;
}
.page a.prev.disable img,
.page a.next.disable img {
opacity: 0.3;
}
.page input.txtnum {
width: 40px;
height: 22px;
line-height: 22px;
margin: 0 5px;
padding: 0 2px;
background: #fff;
border: 1px solid #d8d8d8;
/* font-family: Arial; */
}
.page a.go {
width: 45px;
height: 22px;
line-height: 22px;
position: relative;
top: -1px;
background: #1B6F59;
color: #fff !important;
text-align: center;
/* font-family: '寰蒋闆呴粦'; */
display: inline-block;
margin: 0 5px;
}
.lt8 .page a.num,
.lt8 .page i.dian,
.lt8 .page a.prev,
.lt8 .page a.next {
float: none;
display: inline-block;
}
.lt8 .page a.num {
margin-left: -4px;
}
.lt8 .page a.prev,
.lt8 .page a.next {
position: relative;
top: 10px;
}
.lt8 .page a.prev img,
.lt8 .page a.next img {
top: 10px;
}
.lt8 .page input.txtnum {
position: relative;
top: 5px;
}
@media only screen and (min-width: 1025px) {
.page a.num:hover {
background: #1B6F59;
color: #fff !important;
border: 1px solid #1B6F59;
}
.page a.go:hover {
opacity: 0.9;
}
.scroll-header .logo img {
transform: scale(0.8, 0.8);
-webkit-transform: scale(0.8, 0.8);
-moz-transform: scale(0.8, 0.8);
-ms-transform: scale(0.8, 0.8);
-o-transform: scale(0.8, 0.8);
}
.scroll-header .header {
height: 80px;
}
.scroll-header .header h1.logo {
padding-top: 5px;
margin-left: -30px;
}
.scroll-header .nav {
margin-top: 24px;
}
.scroll-header .navlist {
top: 56px;
}
.scroll-header .main {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.page span,
.page a.go,
.page a.num {
display: none;
}
.page i.dian {
margin: 0 0 0 5px;
display: none;
}
}
/*分页 end*/
/*新闻内容页*/
.details {
padding: 5.5% 0 6.5%;
}
.details h1.tt {
color: #2e2d2d;
margin: 0 0 1.5%;
text-align: center;
}
.details h2.sub_tt {
color: #686868;
margin: 0 0 2.5%;
text-align: center;
}
.details .bon {
margin: 0 0 5%;
color: #888888;
padding: 0 0 0.8%;
border-bottom: 2px solid #b9b9b9;
position: relative;
}
.details .bon span {
float: left;
margin: 0 48px 0 0;
padding-left: 24px;
}
.details .bon span.come {
background: url(../images/dot22.png) left center no-repeat;
}
.details .bon span.time {
background: url(../images/dot23.png) left center no-repeat;
}
.details .bon span.view {
padding-left: 32px;
background: url(../images/dot24.png) left center no-repeat;
}
.details .bon .share {
float: right;
width: 220px;
height: 25px;
line-height: 25px;
}
.share em {
float: left;
margin-right: 15px;
}
.share .bdshare-button-style1-24 {
float: left;
height: 25px;
line-height: 25px;
}
.share .bdshare-button-style1-24 a {
width: 25px;
height: 25px;
margin: 0 0 0 10px;
}
.share .bds_tsina {
background: url(../images/dot26.png) no-repeat;
background-position: 0 0 !important;
}
.share .bds_weixin {
background: url(../images/dot25.png) no-repeat;
background-position: 0 0 !important;
}
.share .bds_sqq {
background: url(../images/dot27.png) no-repeat;
background-position: 0 0 !important;
}
.share .bds_douban {
background: url(../images/dot28.png) no-repeat;
background-position: 0 0 !important;
}
.share .bds_bdhome {
background: url(../images/dot29.png) no-repeat;
background-position: 0 0 !important;
}
.details .conts {
margin: 0 0 4%;
}
.details .edit_con_original {
color: #686868;
}
.dets-page {
margin-bottom: 30px;
}
.dets-page p {
display: block;
color: #000;
line-height: 26px;
padding: 15px 0;
border-bottom: 1px solid #dddddd;
overflow: hidden;
}
.dets-page p label {
float: left;
font-size: 14px;
color: #777;
}
.dets-page p a {
float: right;
width: calc(100% - 60px);
}
a.close {
float: right;
width: 50px;
height: 50px;
line-height: 50px;
background: url(../images/dot30.jpg) no-repeat;
}
@media only screen and (max-width: 1023px) {
.details .bon {
padding-bottom: 2%;
}
.details .bon .share {
width: 100%;
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {
.details .bon span {
width: 100%;
margin: 0 0 5px;
}
a.close {
display: none;
}
}
/*面包屑*/
.site {
padding: 15px 0 20px;
margin-bottom: 20px;
color: #000000;
}
.site a {
color: #000000;
}
.site span {
color: #000000;
}
@media only screen and (max-width: 1279px) {
.site {
margin-bottom: 0;
}
}
/*面包屑 end*/