html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { margin: 0; font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; line-height: 1.5; font-size: 14px; min-width: 1200px; background: #fff; color: #333; }
h1 { font-size: 2em; margin: .67em 0; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
a { -webkit-text-decoration-skip: objects; background-color: transparent; }
p{ line-height:30px; }
abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { line-height: 1.42857143; margin: 0; outline: none; }
body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; }
button, input { overflow: visible; }
button, select { text-transform: none; }
 button, html [type=button],/* 1 */ [type=reset], [type=submit] {
 -webkit-appearance:button;
}
 button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
 border-style:none;
 padding:0;
}
 button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
 outline:1px dotted ButtonText;
}
fieldset { padding: .35em .75em .625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
 [type=checkbox], [type=radio] {
 box-sizing:border-box;
 padding:0;
}
 [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
 height:auto;
}
 [type=search] {
 -webkit-appearance:textfield;
 outline-offset:-2px;
}
 [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
 -webkit-appearance:none;
}

::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit;
}
summary { display: list-item; }
article, aside, footer, header, nav, section, figcaption, figure, main, details,/* 1 */ menu { display: block; }
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
audio, video, canvas { display: inline-block; }
 template, [hidden] {
 display:none;
}
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }

a { color: #333; text-decoration: none; }
a:hover { color: #124da7; }
ul { margin: 0; list-style: none; padding: 0; }
.img-center { text-align: center;}
.img-center img { display: inline-block;width: 100%; height: 100%; vertical-align: middle; -webkit-transition: all 0.5s; transition: all 0.5s; object-fit: cover;}
.img-cover { overflow: hidden; position: relative; }
.img-cover span { display: block; width: 100%; background: no-repeat center / cover; -webkit-transition: all 0.5s; transition: all 0.5s; height: 100%; position: absolute; left: 0; top: 0; }
.container {width: 1200px; margin: 0 auto; }
.kf { width: 208px; position: fixed;/* right: 20px; */ right: -208px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }
.kt-top { height: 40px; line-height: 40px; background: url(../images/kefu.png) 12px center no-repeat #336598; -ms-background-size: auto 20px; background-size: auto 20px; padding-left: 46px; font-size: 14px; color: #fff; }
.kt-top span:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.kt-top span { width: 18px; height: 16px; float: right; position: relative; margin: 10px 10px 0 0; cursor: pointer; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.kt-top span b { width: 100%; height: 2px; background: #fff; display: block; position: absolute; top: 50%; left: 0; }
.kt-top span b:first-child { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.kt-top span b:last-child { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.kf .con { overflow: hidden; background: #fff; }
.kf .qq li { height: 36px; line-height: 36px; border-bottom: #f5f5f5 solid 1px; padding-left: 16px; }
.kf .qq li a { height: 36px!important; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: initial; display: block; }
.kf .qq li a img { padding-right: 6px; }
.kf .con h5 { height: 26px; line-height: 26px; margin-top: 12px; background: url(../images/lianxi.png) 16px center no-repeat; padding-left: 45px; color: #666; font-size: 14px; margin-bottom: 0; }
.kf .contact { margin-top: 1px; height: auto; }
.kf .contact p { height: 26px; line-height: 26px; color: #666; font-size: 14px; padding-left: 22px; margin: 0; }
.kf .contact p:nth-child(2n) { padding-left: 32px; }
.kf .con h5.qr-icon { background: url(../images/erweima.png) 16px center no-repeat; }
.kf .con .qr { margin-top: 10px; padding-left: 40px; }
.kf .con .qr img { width: 110px; height: 110px; }
.kf .backTop { width: 100%; height: 40px; margin-top: 10px; background: url(../images/huidaodingbu.png) center center no-repeat #336598; background-size: 18px auto; cursor: pointer; }
.kf-side { padding: 18px 10px 10px; background: #336598; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: -34px; cursor: pointer; }
.kf-side b { display: block; color: #fff; line-height: 18px; font-size: 14px; font-weight: 400; }
.kf-side span.arrow { width: 12px; height: 12px; background: url(../images/jt-1.png) no-repeat; -ms-background-size: auto 12px; background-size: auto 12px; display: block; margin-top: 10px; }
.kf-side span.on { background: url(../images/jt-2.png) no-repeat; -ms-background-size: auto 12px; background-size: auto 12px; }


.header { background: url(../images/head_bg.gif) repeat-x left 0px;height: 155px;}
.header .logo { float: left; height: 100px; line-height:100px;}
.header .logo img{ float: left;}
/* --- 媒体查询：适配平板和手机 (屏幕宽度小于 768px) --- */
@media screen and (max-width: 768px) {
  .header { background:none;height: 90px;}
  .header .logo { float: left; height: 100%;}
  .header .logo img{max-width: 100%;height: auto;display: block;}
}

/* --- 媒体查询：适配超小屏幕 (屏幕宽度小于 480px) --- */
@media screen and (max-width: 480px) {
  .header { background:none;height: 90px;}
  .header .logo { float: left; height: 100%;}
  .header .logo img{max-width: 100%;height: auto;display: block;}
}

.header .nav { font-size: 0; background-color: #336598; color: #fff; }
.header .nav li { display: inline-block; vertical-align: middle; }
.header .nav li a { display: block; font-size: 16px; line-height: 40px; width: 120px;color: #fff; text-align: center; }
.header .nav li .arr { float: right; height: 40px; width: 40px; position: relative; display: none; }
.header .nav li .arr:after { content: ''; border-top: 2px solid #ccc; border-left: 2px solid #ccc; box-sizing: content-box; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 15px; }
.header .nav li.dropdown { position: relative; }
.header .nav .dropdown-box { position: absolute; left: 0; min-width: 100%; top: 100%; display: none; z-index: 10; text-align: center; }
.header .nav .dropdown-box p { margin: 0; }
.header .nav .dropdown-box a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; font-size: 14px; background-color: rgba(0, 0, 0, 0.5) !important; line-height: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.header .nav .dropdown-box a:hover { background-color: #bf2822 !important; }
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover { color: #fff; background-color: #bf2822; }
.header .nav li.open .dropdown-box { display: block; }

/* --- 三级菜单样式 --- */
.dropdown-box p.has-third {position: relative;}
.dropdown-third {display: none;position: absolute;left: 100%; /* 紧贴二级菜单的右侧 */top: 0;background-color: #000;border: 1px solid #ddd;min-width: 160px;z-index: 9999;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.dropdown-third p {margin: 0;padding: 0;}
.dropdown-third a {display: block;padding: 8px 15px;color: #333;text-decoration: none;font-size: 14px;}
.dropdown-third a:hover {background-color: #f0f0f0;}
.dropdown-box p.has-third:hover .dropdown-third {display: block;}
.dropdown-box p.has-third > a::after {content: ">";float: right;color: #999;font-size: 12px;margin-top: 2px;}

.header .sc-form { float: right; margin-top: 8px; }
.header .sc-form input { float: left; padding: 6px 12px; font-size: 14px; border: 1px solid transparent; width: 160px; }
.header .sc-form button { float: right; padding: 0; border: none; cursor: pointer; height: 34px; width: 83px; background: url(../images/btnTz01.gif) no-repeat center; }
.menu-btn { display: none; padding: 6px 0; float: right; margin-left: 15px; }
.menu-btn:before, .menu-btn:after, .menu-btn span { display: block; height: 2px; background-color: #336598; content: ''; }
.menu-btn:before { width: 24px; }
.menu-btn:after { width: 18px; margin-left: 6px; }
.menu-btn span { width: 12px; margin: 6px 0 6px 12px; }
.footer-fix { box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 10; display: none; }
.footer-fix li { float: left; width: 25%; }
.footer-fix li a { display: block; text-align: center; padding: 7px 0; font-size: 14px; line-height: 1; }
.footer-fix li i { display: block; height: 20px; background: no-repeat center; background-size: contain; margin-bottom: 4px; }
.footer-fix li i.i0 { background-image: url(../images/f_01.png); }
.footer-fix li i.i1 { background-image: url(../images/f_02.png); }
.footer-fix li i.i2 { background-image: url(../images/f_03.png); }
.footer-fix li i.i3 { background-image: url(../images/f_04.png); }
.swiper-pagination-bullet-active { background-color: #336598; }
.str_wrap { position: relative; overflow: hidden; }
.str_move { position: absolute; left: 0; width: 100%; top: 0; }

.toutiao{width: 100%;max-width: 1200px;height: auto;min-height: 90px;margin: 20px auto;padding: 10px 0;background: #F3F3F3;border: #E6E6E6 1px solid;position: relative;box-sizing: border-box;}
.tp{position: absolute;top: 0px;left: 0px;width: 75px;height: 75px;background: url(../images/topnews.png) no-repeat;}
.tt-title{width: 80%;max-width: 920px;height: auto;line-height: 50px;font-size: 35px;text-align: center;font-weight: bold;color: #000;overflow: hidden;display: block;margin: 0 auto}
.tt-title a {text-decoration: none;color: #e60012;}
.tt-title a:hover {text-decoration: none;color: #e60012;}
.toutiao ul {width: 80%;max-width: 750px;height: auto;display: block;margin: 10px auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0;}
.toutiao ul li {flex: 1 1 30%; min-width: 200px; height: auto;line-height: 30px;font-size: 14px;float: left;padding-left: 18px;overflow: hidden;display: block;margin: 0 auto;}
.toutiao ul li a {color: #3F3F3F;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

@media (max-width: 768px) {
    .toutiao {margin: 10px auto;}
    .tt-title {padding-left: 0;width: 100%;font-size: 20px;}
    .toutiao ul li {flex: 1 1 100%; padding-left: 10px;}
}

@media (max-width: 480px) {
    .toutiao {margin: 10px auto;}
    .tt-title {padding-left: 0;width: 100%;font-size: 20px;}
    .toutiao ul li {flex: 1 1 100%; padding-left: 0px;}
}

/* Mainblock*/
.MainBlock{max-width:1200px;margin:0 auto;height:430px;}
.MainBlock .img img{padding:10px 10px 0 10px;width:318px;}
.index-borad-1{float:left;width:338px;height:430px;overflow:hidden;border:1px solid #e5e5e5;}
.index-borad-2{float:left;width:478px;height:430px;overflow:hidden;border:1px solid #e5e5e5;margin-left:20px;}	
.index-borad-3{float:right;width:338px;height:430px;overflow:hidden;border:1px solid #e5e5e5;}

@media (max-width: 768px) {
  .MainBlock {width:100%;flex-direction: column;height:auto;}
  .MainBlock .img img{margin:0 auto;width:100%;height: auto;}
  .index-borad-1, 
  .index-borad-2, 
  .index-borad-3 {
    width: 100%; 
    margin: 0 0 20px 0;
    height: auto;
  }
  .index-borad-3 {
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  .MainBlock {width:100%;flex-direction: column;height:auto;}
  .MainBlock .img img{margin:0 auto;width:100%;height: auto;}
  .index-borad-1, 
  .index-borad-2, 
  .index-borad-3 {
    width: 100%; 
    height: auto;
  }
  .index-borad-3 {
    margin-bottom: 0;
  }
}

.index-topic{height:35px;background:url(../imagesbox_bg1.jpg) repeat-x left top;border-bottom:1px solid #e5e5e5;}
.TopicTitle{border-left:3px solid #336598;float:left;padding-left:15px;font-size:14px;color:#336598;height:35px;font-weight:bold;line-height:35px;}
.TopicTitle p{font-size:14px;text-transform:uppercase;color:#999;line-height:150%;}
.TopicTitle a{color:#336598;text-decoration:none;}	
.TopicMore{float:right;font-size:14px;padding-right:10px;padding-top:10px;}

.content-info{float:left;padding:10px 10px 0px 10px;color:#6c6c6c;font-size:14px;}
.content-info p{line-height:24px;}
.index-list li { border-bottom: #0; }
.index-list li a { display: block; line-height:27px; background: url(../images/blue_dot.gif) no-repeat left center; padding-left: 15px; overflow: hidden; white-space: nowrap;font-size:14px;margin-left: 15px;margin-top: 5px;}
.index-list li span { float: right; color: #999; }

.panel {border: #e5e5e5 solid 1px; margin-top:20px; }

.panel .list-1 { margin-top: -5px; }
.col-1, .col-2 { margin-left: -10px; }
.col-1 .col-item { float: left; margin-left: 10px; width: 460px; }
.col-2 .col-item { float: left; margin-left: 10px; width: 393px; }
.gg { width: 260px !important; }
.gg .panel { height: 271px; background: url(../images/picTz01.jpg) no-repeat center / 100% 100%; border: 0; padding: 0; }
.gg a { display: block; height: 90px; }
.ad-1 { margin-bottom:0px; }
@media screen and (max-width: 768px) {
  .ad-1 { margin-top:50px; }
}

/* --- 媒体查询：适配超小屏幕 (屏幕宽度小于 480px) --- */
@media screen and (max-width: 480px) {
  .ad-1 { margin-top:50px; }
}
.tupian .swiper-slide a { display: block; }
.tupian .swiper-slide .img-center { height: 210px; line-height: 210px;border: #f5f5f5 solid 1px; }
.tupian .swiper-slide p { margin: 10px 0 0; text-align: center; line-height: 23px; height: 55px; overflow: hidden;font-size:14px; }
.tupian .swiper-pagination { position: static; margin-bottom: 10px; }

.index-links {width:1200px;margin:0 auto;margin-top:10px;padding: 12px 0;border:1px solid #e5e5e5;font-size:14px;text-align: center;  }
.index-links a{ padding-left:4px;}
.index-links span{ color: #000;}
@media screen and (max-width: 768px) {
  .index-links {width:100%;margin:0 auto;margin-top:10px;padding: 12px 0;border:1px solid #e5e5e5;font-size:14px;text-align: center;  }
}
@media screen and (max-width: 480px) {
  .index-links {width:100%;margin:0 auto;margin-top:10px;padding: 12px 0;border:1px solid #e5e5e5;font-size:14px;text-align: center;  }
}

.footer { padding: 10px 0; }
@media screen and (max-width: 768px) {
  .footer { padding: 10px 0 50px 0; }
}
@media screen and (max-width: 480px) {
  .footer { padding: 10px 0 50px 0; }
}
.footer .container { position: relative; }
.footer-nav {  background: #336598;height: 40px; line-height: 40px;text-align: center; }
@media screen and (max-width: 768px) {
  .footer-nav {  background: #336598;height: 60px; line-height: 30px;text-align: center; }
}
@media screen and (max-width: 480px) {
  .footer-nav {  background: #336598;height: 60px; line-height: 30px;text-align: center; }
}
.footer-nav span { padding: 0 10px;color: #fff; }
.footer-nav a { color: #fff; font-size:14px; }
.footer-nav a:hover{ color: #fff;text-decoration: underline; }
.footer-copy { text-align: center; color: #000;margin-top: 10px; }
.footer-copy p { height: 27px; line-height: 27px;font-size:14px; }

.zzjg {display: flex;flex-wrap: wrap;gap: 40px;max-width: 1200px;margin: 0 auto;flex-wrap: wrap;display: flex; }
.item {flex: 1 1 200px;height: 80px;background: #02489d;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;margin:20px auto;}
.item1 {width:276px;height: 80px;background: #02489d;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;margin:20px auto;}
.item h3 {font-size: 18px;font-weight: bold;text-align: center;line-height: 1.5;}
.item1 h3 {font-size: 18px;font-weight: bold;text-align: center;line-height: 1.5;}
.item h3 a { color: #fff; }
.item1 h3 a { color: #fff; }
.item h3 a:hover { color: #fff; }
.item1 h3 a:hover { color: #fff; }
@media (max-width: 768px) {
    .zzjg {gap: 10px;}
    .item {flex: 1 1 80px;height: 60px;margin:10px auto;}
    .item h3 {font-size: 14px;font-weight: bold;text-align: center;line-height: 1.5;}
    .item1 {width:100%;height: 60px;margin:10px auto;}
    .item1 h3 {font-size: 14px;font-weight: bold;text-align: center;line-height: 1.5;}
 }

.main { background-color: #fff; padding: 10px 0; }
.ct2-sd { float: left; width: 230px; }
.ct2-mn { float: right;width: 950px; border:1px solid #ddd;}
@media screen and (max-width: 768px) {
  .ct2-mn { float: right;width: 950px; border:1px solid #ddd;}
}
@media screen and (max-width: 480px) {
  .index-links {width:100%;margin:0 auto;margin-top:10px;padding: 12px 0;border:1px solid #e5e5e5;font-size:14px;text-align: center;  }
}

.Sbox{background:url(../images/box_bg1.jpg) repeat-x left 1px;width:228px;font-size:14px;border:1px solid #ddd;margin-bottom:10px;}
.Sbox .topic{font-size:14px;line-height:35px;padding-left:15px;color:#336598;font-weight:bold;border-left:3px solid #336598;}
.Sbox .topic a{color:#336598;}
.Sbox .topic a:hover{color: #cc9a67;text-decoration: underline;}

.page-tree {border-top:1px solid #ddd;}
.page-tree ul{padding:0px 0px;}
.page-tree ul li{cursor:pointer;height:30px;}	
.page-tree ul li a{display:block;height:30px;line-height:30px;padding-left:30px;border-bottom:1px dotted #ddd;background:url(../images/link_bg.gif) no-repeat 12px 10px;}	
.page-tree ul li a:hover{background:#3092b9;border-bottom:1px solid #fff;color:#fff;text-decoration:none;}

.sbox-news-list {border-top:1px solid #ddd;}
.sbox-news-list li {padding:0 10px; }
.sbox-news-list li a { background: url(../images/blue_dot.gif) no-repeat left center;padding-left: 15px;display: block; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;border-bottom: #dadada dashed 1px; }

.news-list li span { float: right; color: #999;}
.Sbox .txt{width:202px;border-bottom:1px solid #ddd;padding:10px;}
.Sbox .SearchBar{width:195px;border-bottom:1px solid #ddd;padding:10px;padding-left:26px;}

.position { padding: 10px 0 10px 30px; border-bottom: #ddd solid 1px; margin-bottom: 15px; background: url(../images/location_Yz_ic.gif) no-repeat 10px 10px;font-size:14px; }
.page-wrap { padding: 10px 20px; }
.page-content { line-height: 1.8; }
.page-content img { /*max-width: 100% !important; width: auto !important;*/ height: auto !important; }
.news-list { margin-bottom: 20px; padding-bottom: 20px; }
.news-list li {padding:0 20px; }
.news-list li a { background: url(../images/blue_dot.gif) no-repeat left center;padding-left: 15px;margin-top: 2px;display: block; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;border-bottom: #dadada dashed 1px; }
.news-list li span { float: right; color: #999;}

.fengmian-tit { border-bottom: 2px solid #e2e2e2; margin-bottom: 15px; }
.fengmian-tit .more { float: right; line-height: 28px; }
.fengmian-tit span { display: inline-block; font-size: 20px; background: url(../images/icoTz09.png) no-repeat 0 5px; padding-left: 15px; color: #336598; border-bottom: 2px solid #336598; margin-bottom: -2px; padding-bottom: 10px; }
.news-wrap { padding: 30px 40px; }
.news-title { border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 20px; text-align: center; }
.news-title h1 { margin: 0; font-size: 30px; font-weight: normal; }
.news-title p { margin: 15px 0 0; font-size: 0; }
.news-title p span { display: inline-block; vertical-align: middle; font-size: 14px; color: #999; margin: 0 10px; }
.news-content { line-height: 1.8; }
.news-content img { max-width: 100% !important; width: auto !important; height: auto !important; }

.pro-list { margin: 0 0 30px 22px; }
.pro-list:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.pro-list li { width: 288px; height: 244px; position: relative; float: left; margin: 20px 20px 0 0; }
.pro-list li .list-img { width: 288px; height: 244px; overflow: hidden; }
.pro-list li .list-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; }
.pro-list li .list-name { font-size: 16px; width: 288px; height: 40px; background: rgba(30,30,30,0.7); line-height: 40px; text-align: center; color: #fff; font-weight: normal; position: absolute; left: 0; bottom: 0; }
.pro-list li:hover .list-img img { transform: scale(1.1); }

.detail { padding: 20px 0; }
.detail-next { overflow: hidden; margin: 20px 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 10px 0; line-height: 30px; }
.detail-next a { max-width: 45%; font-size: 14px; display: inline-block; color: #888888; }
.detail-next a:hover { color: #2e8de7; }
.detail-next a:nth-child(1) { float: left; padding-left:10px;}
.detail-next a:nth-child(2) { float: right; padding-right:10px;}

 @media screen and (max-width: 768px) {
body { min-width: 320px; padding-top: 50px; padding-bottom: 50px; }
.container { width: auto;}
.kf { display: none; }
.footer-fix { display: block; }
.header { padding: 10px 0;position: fixed; z-index: 10; width: 100%; top: 0; left: 0;background-size: auto 50px; background-position: right 0; }
.header .topbar, .header .sc-form { display: none; }
.header .logo { height: 30px; line-height: 30px; float: none; padding: 0; }
.header .nav { margin: 10px 0 -10px; text-align: left; display: none; background-color: transparent; border-bottom: 0; }
.header .nav ul { margin: 0 -15px; }
.header .nav li { display: block; margin: 0; border-top: 1px solid #eee; border-right: 0; }
.header .nav li a { line-height: 40px; padding: 0 15px; color: #333; font-size: 16px; }
.header .nav li .arr { display: block; }
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover { background-color: transparent; color: #336598 }
.header .nav li.open .arr:after { border-color: #336598; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.header .nav .dropdown-box { position: static; background-color: #f5f5f5; min-width: auto; text-align: left; }
.header .nav .dropdown-box a { color: #333 !important; border-top: 1px dotted #ddd; padding: 0 15px; line-height: 40px; background-color: transparent !important; border-bottom: 0; }
.menu-btn { display: block; }
.index-borad-1 { width: auto; float: none; margin-top: 10px; }
.index-borad-1 .swiper-slide .img-cover { height: auto; padding-top: 66.6%; }
.index-borad-1 .swiper-slide dl { padding: 15px 15px 15px 0; }
.index-borad-1 .swiper-slide dt { width: 75px; }
.index-borad-1 .swiper-slide dd { margin-left: 90px; }
.index-borad-1 .swiper-button-prev, .index-borad-1 .swiper-button-next { -webkit-transform: scale(0.5); transform: scale(0.5); }
.index-borad-1 .swiper-pagination { bottom: 85px; }
.index-borad-2 { width: auto; float: none; margin-top: 10px; }
.index-borad-2 .tit { margin-bottom: 10px; }
.index-borad-2 .tit span { font-size: 18px; line-height: 36px; padding-left: 12px; }
.index-borad-2 .tit .more { line-height: 36px; }
.index-borad-3 { width: auto; float: none; margin-top: 10px; }
.index-borad-3 .tit { margin-bottom: 15px; font-size: 18px; }
.index-borad-3 .tit .more { line-height: 25px; font-size: 14px; }
.col-1 .col-item, .col-2 .col-item { float: none; width: auto; }
.panel .tit span { font-size: 18px; }
.panel .tit .more { font-size: 14px; line-height: 25px; }
.gg { display: none; }
.ztzl { padding: 15px; }
.ztzl .tit { float: none; background: none; font-size: 18px; height: auto; width: auto; color: #336598; margin-bottom: 10px; }
.ztzl ul { margin: 0; }
.ztzl li { float: none; width: auto; }
.ztzl li a { margin-left: 0; }
.footer { font-size: 14px; }
.footer-link, .footer-ewm { display: none; }
.footer-nav span { padding: 0 5px; }
.main { padding:60px 0 10px 0; }
.ct2-sd { display: none; }
.ct2-mn { float: none; width: auto; }
.position { font-size: 14px; background-size: auto 14px; padding-left: 25px; padding-bottom: 10px; margin-bottom: 10px; }
.pages { margin-top: 15px; }
.pages a { font-size: 14px; line-height: 30px; padding: 0 12px; }
.list-3 { padding-bottom: 10px; margin-bottom: 10px; }
.list-3 li a { font-size: 14px; line-height: 32px; }
.fengmian-tit { margin-bottom: 10px; margin-top: 15px; }
.fengmian-tit span { font-size: 18px; background-position: 0 3px; }
.fengmian-tit .more { line-height: 25px; }
.news-wrap { padding: 0; }
.news-title { padding-bottom: 10px; margin-bottom: 10px; text-align: center; }
.news-title h1 { font-size: 18px; }
.news-title p { margin-top: 10px; }
.news-title p span { font-size: 14px; margin: 0 5px; }
}
.ab_pages { clear: both; padding: 20px 0; font-size: 14px; text-align: center; overflow: hidden }
.ab_pages ul { display: inline-block; margin: 0 auto; padding: 0 }
.ab_pages ul a { color: #555; display: block; padding: 2px 10px; border: 1px solid #ddd; float: left; margin: 0 5px; }
.ab_pages ul a.page-num-current { background: #ddd; }
.news-content img { max-width: 100%; height: auto !important }


.ui-page{user-select:none;}
.ui-page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:1px;}
.ui-page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-1px;}
.ui-page ul li:first-child,.ui-page ul li:first-child a{border-radius:4px 0 0 4px;}
.ui-page ul li:last-child,.ui-page ul li:last-child a{border-radius:0 4px 4px 0;}
.ui-page ul li a{font-size:13px;display:block;padding:0 10px;line-height:28px;color:#444;background:#fff;}
.ui-page ul li a:not([href]){color:#999;cursor:not-allowed;}
.ui-page ul li.active{border-color:#336598;background:#336598;}
.ui-page ul li.active a{color:#fff;background:#336598;}
.ui-page ul li.active a:hover{background:#336598;}
.ui-page ul li:hover a{background:#f9f9f9;}

.ui-page-center ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-page-mid ul li {
  margin-right: 6px;
}

/* JS添加open类时显示三级菜单（直接子元素） */
.has-third.open > .dropdown-third {
    display: block !important;
}
/* 鼠标悬浮显示三级菜单 */
.has-third:hover > .dropdown-third {
    display: block !important;
}
/* 定位基准：父div相对定位 */
.header .nav .dropdown-box .has-third {
    padding-right: 25px !important;
    position: relative !important;
    margin:0;
}
/* 三级菜单定位，紧贴右侧 */
.dropdown-third {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 140px;
    z-index: 9999;
    background-color: #000;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    padding: 4px 0 !important;
    margin-left: -25px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.dropdown-third p {margin: 0;padding: 0;}
.dropdown-third a {display: block;padding: 8px 15px;color: #333;text-decoration: none;font-size: 14px;}
.dropdown-third a:hover {background-color: #f0f0f0;}
/* 统一二级链接行高，和原来p标签效果一致 */
.header .nav .dropdown-box .has-third a {
    line-height: 40px;
    display:block;
}