/* 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%;
}
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 {
font-size: 16px;
font-family: 'Microsoft Yahei', arial, '\5b8b\4f53';
}
body {
line-height: 1.5;
}
a {
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;*/
width: 100% !important;
}
.edit_con_original table td {
/*border:1px solid #ccc*/
}
.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%;
}
.main {
padding-top: 80px;
}
/*分页*/
.page {
vertical-align: middle;
text-align: center;
color: #2f2f2f;
font-size: 18px;
height: 40px;
line-height: 40px;
}
.page .inner {
display: inline-block;
}
.page span em {
color: #2f2f2f;
font-family: Arial;
}
.page a {
text-align: center;
width: 40px;
height: 40px;
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 #e7e7e7;
margin: 0 2px;
background: #fff;
color: #cccccc;
}
.page a.on {
background: #313131;
color: #fff;
border: 1px solid #313131;
}
.page a.prev,
.page a.next {
float: left;
border: 1px solid #e7e7e7;
margin: 0 2px;
}
.page a.prev img,
.page a.next img {
vertical-align: middle;
text-align: center;
width: 8px;
height: 14px;
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 span {
margin: 0 5px;
}
.page span.txtnum {
display: inline-block;
width: 60px;
height: 40px;
line-height: 40px;
margin: 0 5px;
padding: 0 2px;
background: #fff;
border: 1px solid #d8d8d8;
font-family: Arial;
}
.page span.txtnum input {
border: none;
background: none;
width: 100%;
height: 100%;
}
.page a.go {
width: 45px;
height: 40px;
line-height: 40px;
position: relative;
top: -1px;
background: #313131;
color: #fff;
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;
}
.page a.frist,
.page a.last {
float: left;
color: #2f2f2f;
border: 1px solid #e7e7e7;
margin: 0 2px;
width: 60px;
}
@media only screen and (min-width: 1025px) {
.page {
font-size: 16px;
}
.page a.num:hover {
background: #e53a3b;
color: #fff !important;
border: 1px solid #e53a3b;
}
.page a.go:hover {
opacity: 0.9;
}
}
@media only screen and (max-width: 767px) {
.page {
height: 30px;
line-height: 30px;
}
.page a.num {
display: none;
}
.page span,
.page i,
.page a.go,
.page span.txtnum {
display: none;
}
.page i.dian {
margin: 0 0 0 5px;
}
.page a {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
}
/*分页 end*/
/*新闻内容页*/
.details {
padding: 0 0 3%;
}
.details h1 {
color: #333;
font-weight: normal;
padding: 0 0 2%;
text-align: center;
}
.details .bon {
text-align: center;
margin: 0 0 3%;
color: #888888;
padding: 0 0 1.5%;
border-bottom: 1px solid #cccccc;
}
.details .bon span {
display: inline-block;
zoom: 1;
*+display: inline;
margin: 0 8px;
}
.news_article {
font-size: 14px;
margin-bottom: 30px;
}
.news_article img {
max-width: 100%;
height: auto;
}
.sharebox {
line-height: 36px;
border-top: 1px solid #efefef;
padding: 20px 0;
}
.sharebox span {
float: left;
}
.sharebox .bds_tsina {
background: url(../images/d_news_ico03.png) no-repeat;
background-position: 0 0 !important ;
}
.sharebox .bds_qzone {
background: url(../images/d_news_ico04.png) no-repeat;
background-position: 0 0 !important ;
}
.sharebox .bds_tqq {
background: url(../images/d_news_ico05.png) no-repeat;
background-position: 0 0 !important ;
}
.sharebox .bds_weixin {
background: url(../images/d_news_ico06.png) no-repeat;
background-position: 0 0 !important ;
}
a.closebtn {
float: right;
width: 80px;
height: 30px;
line-height: 30px;
text-align: center;
background: #00b0ec;
color: #fff !important;
}
.bd_weixin_popup {
width: 260px !important;
height: 300px !important;
}
.prev_next {
position: relative;
margin-bottom: 20px;
}
.prev_next span {
display: block;
margin-bottom: 8px;
color: #616161;
}
.prev_next span label {
float: left;
}
.prev_next span a {
color: #000000;
max-width: 75%;
}
.prev_next .closebtn {
position: absolute;
right: 0;
top: 12px;
}
@media only screen and (max-width: 767px) {
.details .bon span {
font-size: 12px;
}
.prev_next .closebtn {
display: none;
}
}
/*手机导航按钮开始*/
.nav_phone_btn {
display: block;
position: relative;
cursor: pointer;
margin-top: 0px;
height: 21px;
}
.nav_phone_btn span {
position: absolute;
font-size: 0;
width: 38px;
height: 1px;
background-color: #fff;
display: inline-block;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;
top: 11px;
}
.nav_phone_btn span:before,
.nav_phone_btn span:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background-color: #fff;
left: 0px;
transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;
}
.nav_phone_btn span:before {
top: -10px;
}
.nav_phone_btn span:after {
top: 10px;
}
.visible_nav.nav_phone_btn span {
background-color: transparent;
}
.visible_nav.nav_phone_btn span:before {
left: 0px;
top: 0px;
transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
}
.visible_nav.nav_phone_btn span:after {
top: 0px;
left: 0px;
transform: rotateZ(-45deg);
-webkit-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
}
/*手机按钮结束*/
/*hover*/
@media only screen and (min-width: 1025px) {
a:hover {
text-decoration: none;
color: #dc3738 !important;
}
.tran_scale:hover img {
transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
}
}
/*面包屑*/
.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*/
.in_menu {
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
display: none;
width: 38px;
}
.menu_white {
position: relative;
overflow: hidden;
}
.menu_white span {
z-index: 20;
position: relative;
}
.menu_white:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: rgba(255, 255, 255, 1);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.5, 1);
transform: scale(0.5, 1);
}
.menu_blue {
position: relative;
overflow: hidden;
}
.menu_blue a {
z-index: 20;
position: relative;
}
.menu_blue:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: rgba(16, 45, 84, 1);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.5, 1);
transform: scale(0.5, 1);
}
.menu_blue.on {
color: #00b0ec !important;
}
.menu_blue.on a {
color: #fff;
}
.menu_blue.on:before {
opacity: 1;
-webkit-transform: scale(1, 2);
transform: scale(1, 2);
}
.phone_menu {
display: none;
}
.phone_menu em.p1,
.phone_menu em.p2,
.phone_menu em.p3,
.nav_box,
.nav_box ul,
.search_inp {
transition: all 0.4s cubic-bezier(0.42, 0, 1, 1) 0s;
}
/*font-size*/
.fnt_18 {
font-size: 18px;
}
.fnt_20 {
font-size: 20px;
}
.fnt_22 {
font-size: 22px;
}
.fnt_24 {
font-size: 24px;
}
.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_60 {
font-size: 60px;
}
.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,
.model-box h2 {
font-size: 18px;
}
.fnt_22 {
font-size: 20px;
}
.fnt_24 {
font-size: 22px;
}
.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_60 {
font-size: 50px;
}
.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_18 {
font-size: 15px;
}
.fnt_20,
.model-box h2 {
font-size: 16px;
}
.fnt_22 {
font-size: 18px;
}
.fnt_24 {
font-size: 20px;
}
.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_60 {
font-size: 48px;
}
.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_18 {
font-size: 14px;
}
.fnt_20,
.model-box h2 {
font-size: 15px;
}
.fnt_22 {
font-size: 16px;
}
.fnt_24 {
font-size: 16px;
}
.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_60 {
font-size: 40px;
}
.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: 1023px) {
.fnt_20,
.model-box h2 {
font-size: 14px;
}
.fnt_22 {
font-size: 15px;
}
.fnt_24 {
font-size: 15px;
}
.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_60 {
font-size: 28px;
}
.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: 767px) {
.fnt_22 {
font-size: 14px;
}
.fnt_24 {
font-size: 15px;
}
.fnt_28 {
font-size: 15px;
}
.fnt_30 {
font-size: 18px;
}
.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_60 {
font-size: 26px;
}
.fnt_72 {
font-size: 28px;
}
.fnt_80 {
font-size: 30px;
}
.fnt_100 {
font-size: 34px;
}
.fnt_130 {
font-size: 40px;
}
}
@media only screen and (max-width: 1024px) {
.phone_menu {
color: #686666;
display: block;
float: right;
position: relative;
top: 1px;
margin-right: -20px;
background: none;
width: 45px;
height: 45px;
transform: translateX(0px);
}
.search_box {
position: fixed;
left: 0;
right: auto;
top: 6px;
z-index: 600;
height: auto;
}
.phone_search {
display: block;
width: 45px;
height: 45px;
background: url(../images/search_b.jpg) no-repeat center;
position: absolute;
right: 55px;
top: 0;
border-left: 1px solid #c6c6c6;
}
.phone_menu em.p1 {
display: block;
width: 22px;
height: 2px;
background: #d7d6d6;
position: absolute;
top: 50%;
margin-top: -6px;
left: 50%;
margin-left: -11px;
border-radius: 2px;
}
.phone_menu em.p2 {
display: block;
width: 22px;
height: 2px;
background: #d7d6d6;
position: absolute;
top: 50%;
margin-top: 0;
left: 50%;
margin-left: -11px;
border-radius: 2px;
}
.phone_menu em.p3 {
display: block;
width: 22px;
height: 2px;
background: #d7d6d6;
position: absolute;
top: 50%;
margin-top: 6px;
left: 50%;
margin-left: -11px;
border-radius: 2px;
}
.phone_menu em.p1 {
transform: rotate(0deg);
margin-top: -7px;
}
.phone_menu em.p2 {
opacity: 1;
}
.phone_menu em.p3 {
transform: rotate(0deg);
margin-top: 7px;
}
.phone_body .phone_menu {
transform: translateX(0px);
}
.phone_body .phone_menu em.p1 {
transform: rotate(45deg);
margin-top: 0;
}
.phone_body .phone_menu em.p2 {
opacity: 0;
}
.phone_body .phone_menu em.p3 {
transform: rotate(-45deg);
margin-top: 0;
}
.phone_menu {
display: block;
}
}
#nb_icon_wrap {
margin-top: 150px !important;
}
@media only screen and (max-width: 1366px) {
.edit_con_original table td {
padding: 0 10px;
}
}
@media only screen and (max-width: 767px) {
.edit_con_original table td {
padding: 0 0px;
}
}
/* 2021-04-05 xmn */
.colorgol {
color: #fff;
width: auto !important;
margin: 0 0 0 32px !important;
/* height: 100% !important; */
/* padding: 0 30px; */
padding-top: 32px;
position: relative;
line-height: 1.5 !important;
font-size: 14px !important;
line-height: 43px !important;
}
.colorgol::after {
content: '';
display: block;
background: #332e2e;
width: 1px;
height: 70%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: none;
}
.yuyan {
width: 21px;
height: auto;
margin: 0 5px;
}
.yuyan_marr {
display: inline-block;
margin: 7px;
}
@media only screen and (min-width: 1024px) {
.colorgol {
line-height: 80px;
}
}
@media only screen and (max-width: 1024px) {
.colorgol {
line-height: 50px !important;
margin: 0 0 0 100px !important;
padding: 0;
height: 100%;
}
}
/* 20210414 xmn*/
.xmncheckedxl {
overflow: inherit !important;
}
.xmn_btn {
overflow: hidden;
margin-top: 10px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #fff;
}
.xmn_btn button {
float: left;
width: 50%;
background: #989696 !important;
transform: all 0.3s;
}
.xmn_btn button:hover {
background: #e53a3b !important;
}
.xmn_btn_overflow {
overflow-y: auto;
max-height: 200px;
width: 100% !important;
padding: 0 0 3em 0;
}
.noclick{
pointer-events:none;
color:#ccc !important;
}