@import url('fonts.css');
img{pointer-events: none;}
* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%
}
body {
  padding: 0;
  margin: 0 auto;
  font-size: 16px;
  color: #000;
  background: #fff;
  
  -webkit-text-size-adjust: none;
  
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  
  -webkit-touch-callout:none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;

}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
ul, li, form, dl, dt, dd, div, ol, figure, article, nav, menu, aside, pre { padding: 0; margin: 0;}
.ul, .ul li { list-style: none;}
table, table td { border-collapse: collapse;}
table { border-spacing: 0;}
table td, select, input, textarea { font-size: 14px;}
select, input, textarea { border-radius: 0; -webkit-border-radius: 0;}
select, input, textarea, pre { font-family: arial, sans-serif;}
img {  border: none;  max-width: 100%;  vertical-align: middle;}
a { color: #000;  text-decoration: none;  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
a:hover { color: #1470A6;  text-decoration: none;}
a:focus { color: #333; outline: none; -moz-outline: none;}
a:active { color: #333;}
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  text-align: justify;
  text-justify: inter-ideograph;
}
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  zoom: 0;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dot2, .dot3, .dot4, .dot5, .dot6 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.dot2 {  -webkit-line-clamp: 2;}
.dot3 {  -webkit-line-clamp: 3;}
.dot4 {  -webkit-line-clamp: 4;}
.dot5 {  -webkit-line-clamp: 5;}
.dot6 {  -webkit-line-clamp: 6;}
.ytable { display: table;  width: 100%;}
.ytable-fixed {  table-layout: fixed;}
.ytable-cell {  display: table-cell;  vertical-align: middle;}
@media (max-width:1024px) {
  .ytable.xy,
  .ytable.xy > .ytable-cell{display: block;}
}
.Ispic {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.nMP { margin: 0;padding: 0;}
@media(min-width:1024px){
.fl{float: left}
.fr{float: right}
}

select.select-css {
    border: solid 1px #000;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-repeat:  no-repeat;
    background-position:  98% center;
    background-color:  transparent;
    padding-right: 20px;
    padding-left: 10px;
}


select.select-css::-ms-expand {
display: none;
}


.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s;}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0}.flipInY .grayscale.grayscale-replaced>svg {opacity:1;}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}

********************************/
.open-search{cursor: pointer;}
.open-search[rel="absolute"]{position: absolute; top: 50%;}
.open-search[rel="relative"]{position: relative;}
.open-search.on{background: none!important;}
.open-search.on:before,
.open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.top-search{position: relative;display: none;padding-right: 50px;}
.top-search[rel="absolute"]{position: absolute; top: 100%; right: 0; z-index: 100; width: 100%;max-width: 320px;}
.top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px;background-repeat: no-repeat;background-position: center center;}


@media(max-width:1024px){
body.menu-show{overflow: hidden;}
.open-menu{z-index: 10; width: 40px; height: 40px;}
.open-menu[rel="relative"]{position: relative;}
.open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);}
.open-menu i{position: absolute; width: 100%; height: 3px; background: #fff; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.open-menu:not(.on) i:nth-child(1){margin-top: -10px;}
.open-menu:not(.on) i:nth-child(3){margin-top: 8px;}

.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.open-menu.on i:nth-child(3){transform: rotate(45deg);}
}


@media(min-width:1025px){
.top-sub{position: absolute; top: 100%; z-index: 100;}
}
@media(max-width:1024px){
.has-sub span{position: relative;padding-right: 40px; overflow: hidden;}
.has-sub span .op{position: absolute; width: 40px; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;}
.has-sub span .op.click{transform: rotate(45deg);}
.has-sub span .op:before,
.has-sub span .op:after{position: absolute; content: ''; width: 12px; height: 2px;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.has-sub span .op:after{ width: 2px; height: 12px;}
}



.whir-fade-left{transform: translate(-30px,0); }
.whir-fade-right{transform: translate(30px,0);}
.whir-fade-up{transform: translate(0,30px);}
.whir-fade-down{transform: translate(0,-30px);}
.whir-zoom-in{transform: scale(0);}
[class*=whir-]{opacity: 0;transition-property: all;transition-duration: 1.2s;}
.active [class*=whir-]{opacity: 1;}
.active [class*=whir-fade]{transform: translate(0,0);}
.active [class*=whir-zoom]{transform: scale(1);}



.Top003198{position:relative;z-index: 100; left: 0;top: 0;width: 100%; background-color: #fff;}
.Top003198 menu li{position: relative}
.Top003198 menu li span a{cursor: pointer}
.Top003198 menu li span{display: block;}
.Top003198 menu li a:hover,
.Top003198 menu li.aon span a{color: #1470A6;}
.Top003198 menu li .sub{display: none;}
.Top003198 menu li .sub dl{padding: 8px; line-height: 40px;}
.Top003198 menu li .sub dt:not(:last-child){border-bottom: solid 1px #e5e5e5}
@media (min-width:1025px) {
.Top003198 .logo{display: table; height:7rem;}
.Top003198 .logo a{display: table-cell; vertical-align: middle;}
.Top003198 .logo a img{height:50px;}
.Top003198 menu{width: 60%}
.Top003198 menu li{float: left;width: 20%}
.Top003198 menu li span{margin-top:50px;text-align: center}
.Top003198 menu li .sub{position: absolute; top:95%; background-color:rgba(255,255,255,0.9); width:100%; left:0; box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
.Top003198 menu li .sub dl{ text-align: center}
}
@media (max-width:1024px) {
.Top003198 menu li .sub dl{padding-left: 2.2em}
.Top003198 header{display: flex; justify-content: space-between; align-items: center; height: calc(70 / 16 * 1em);}
.Top003198 .logo{width:100%}
.Top003198 .logo img{max-height:calc(44 / 16 * 1em);}
.Top003198 .top-right dl { display: flex;  align-items: center; }
.Top003198 menu{position: fixed; left: -100%;top: calc(70 / 16 * 1em);height: calc(100% - (70 / 16 * 1em)); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:50vw; max-width: 240px;}
.menu-show .Top003198 menu{left: 0; opacity: 1;}
.Top003198 menu ul{height: 100%; overflow: auto;}
.Top003198 menu li{border-bottom: 1px dotted #eee;}
.Top003198 menu li span{line-height: 3; padding-left:2em;}
.Top003198 menu li.has-sub span .op:before,
.Top003198 menu li.has-sub span .op:after{background-color: #1470A6;}
.Top003198 menu li .sub{background-color: #eee;}
.Top003198 .open-menu{width: calc(30 / 16 * 1em); height: calc(24 / 16 * 1em); display: flex;flex-wrap: wrap;flex-direction: column; justify-content: space-between; transition: 0.3s;}
.Top003198 .open-menu span{display: block; transition: 0.3s;height: 2px; background-color: #000;}
.menu-show  .Top003198 .open-menu{border-radius: 50%; background-color: #1470A6; padding: calc(9 / 16 * 1em);height: calc(30 / 16 * 1em); }
.menu-show  .Top003198 .open-menu span{background-color: #fff; height: 1px;}
}

.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f18{font-size: 0.9375vw;}
.f20{font-size: 1.04166666666667vw;}
.f22{font-size: 1.14583333333333vw;}
.f24{font-size: 1.25vw;}
.f36{font-size: 1.875vw;}
.f42{font-size: 2.1875vw}
.f46{font-size: 2.39583333333333vw;}
.f54{font-size: 2.8125vw;}
.f66{font-size: 3.4375vw}

.h32{line-height:2.134;}

@media (max-width:1600px) {
body{font-size: 15px;}
.f18{font-size: 1.28571428571429vw;}
.f20{font-size: 1.25vw;}
.f22{font-size: 1.375vw;}
}
@media (max-width:1024px) {
body,
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f18{font-size: 16px;}
.f20{font-size: 16px;}
.f22{font-size: 16px;}
.f24{font-size: 18px;}
.f36{font-size: 20px;}
.f42{font-size: 21px}
.f46{font-size: 21px;}
.f54{font-size: 22px;}
.f66{font-size: 22px}
}


.txt h3{font-weight: normal; padding: 0; margin: 0}
.home_h3 h3{min-height:88px;}
.isimg{ display: block; background-repeat:no-repeat;background-position:center center;background-size:cover}
.zoomimg .pic{ overflow: hidden; position: relative}
.zoomimg .pic .isimg{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
@media (max-width:1600px) {
  .home_h3 h3{min-height:80px;}
}
.zoomimg:hover .pic .isimg{ -webkit-transform:scale(1.1);transform:scale(1.1)}

.pic .isimg img{position: absolute; width: 100%; height: 100%; opacity: 0}



.auto{width: 90.625%; margin: auto;max-width:1725px;}


.footer{padding: 3% 0; color: #fff; background: #0A0A0A; line-height: 40px;}
.footer a{color: #fff}
.footer a:hover{opacity: 0.8}
.footer .info{padding:0 20% 2% 0; margin-bottom:1%; position: relative; border-bottom: solid 1px #fff}
.footer .info dl{padding-bottom: 20px;}
.footer .info .column dd a:not(:last-child){ margin-right: 10px;}
.footer .info .column dd a:not(:last-child):after{content: '/'; padding-left: 10px;}
.footer .info .contact dd a:not(:last-child){ margin-right: 30px;}
.footer .info .ewm{position: absolute; width: 13%; max-width: 158px; right: 0; top: 0}
.footer .link{float: right}
.footer .link a{ display: inline-block; position: relative}
.footer .link a:not(:first-child){margin-left: 35px;}
.footer .link a:not(:first-child):before{content: ''; width: 2px; height: 2px; background: #fff; position: absolute; margin: auto; top: 0; bottom: 0; left: -20px;}
.footer .link a.column13{display: none}
.footer .icp{display: inline-block; margin-left:35px;}

.about_footer .footer,.about_footer .fp-tableCell{height:500px}
.short_footer{padding-top: 20px; padding-bottom: 20px;}
.short_footer .auto{display: inline-block; width: auto}
.short_footer .footer{padding: 0; height: 40px; overflow: hidden; color: #000000; background: #fff; text-align: center}
.short_footer .footer a{color: #000000;}
.short_footer .info{display: none}
.short_footer .copyright,
.short_footer .link{display: inline-block}
.short_footer .copyright{float: left}
.short_footer .link{padding-left: 35px;}
.short_footer .footer .link a:not(:last-child):before{background: #000}
@media (max-width:1024px) {
.footer .info{padding-right: 0}
.footer .info .ewm{top: auto; bottom:20px}
.short_footer .footer{height: auto}
.short_footer .copyright,
.short_footer .link{display: block; float: none}
}
@media (max-width:768px) {
.footer .link{float: none}
.footer .info .ewm{width: 22%}
.footer .icp{margin-left:10px;}
.footer .info .column dd a{font-size: 14px;width: 50%;float: left;margin-right: 0!important;line-height: 2;}
.footer .info .contact dd a{font-size: 14px;}
.footer .copyright{line-height:1.5;font-size: 14px;}
}

.banner img{width:100%}
@media (min-width:1024px) {
.banner .wap{display: none}
}
@media (max-width:1024px) {
.banner .pc{display: none}
}



.Banner002901 img{display: block;width: 100%;}
@media(min-width:1025px){
 .Banner002901 .wap{display: none;}
}
@media(max-width:1024px){
 .Banner002901 .pc{display: none;}
}
.Banner002901 .slick-dots{position: absolute; z-index: 10; left: 0; width: 100%;bottom: 5%; text-align: center;}
.Banner002901 .slick-dots li{display: inline-block; width: 30px; height: 30px;cursor: pointer;border:1px solid  transparent; margin: 0 9px;position: relative;border-radius: 50%; }
.Banner002901 .slick-dots li button{position: absolute;background: #fff; font-size: 0;width: 6px; height: 6px; border-radius: 50%; left: 50%; top: 50%; margin: -3px 0 0 -3px;border: 0;padding: 0;cursor: pointer;}
.Banner002901 .slick-dots li.slick-active{border-color: #fff;}
@media(max-width:1024px){
.Banner002901 .slick-dots li{width: 20px; height: 20px; margin: 0 4px;}
}



.news_hot { overflow: hidden}
.news_hot .slickjs{margin-left: -19px; margin-right: -19px;}
.news_hot .item{border-bottom: solid 1px #0078B4; margin:1.1% 0;float: left; width: 31.133%;}
.news_hot .item2{margin: 15px !important;}
.news_hot .item .pic span{display: block; padding-bottom: 61%}
.news_hot .item .txt{padding-top: 1.5%; padding-bottom: 4%; line-height:2;transition: 0.5s;width: 92%;margin: 0 auto;height:137px;overflow:hidden;}

.lianghang .news_hot .item .txt h3{line-height:1.591em;min-height: 1.591em;}
.news_hot .item .txt.one_h3 h3{line-height:1.591em;min-height: 3.182em;}
.news_hot .item .txt.two_h3 h3{line-height:1.591em;min-height: 1.591em;}
.news_hot .item .txt h3 em{font-style: normal}
.news_hot .item .txt span{float: right}


.news_list{padding-top: 4%; padding-bottom: 2%; margin: auto}
.news_list li{padding: 2% 0; border-bottom: solid 1px #989898}
.news_list li time{margin-right: 3%}
.news_list li span{margin-right: 3%}
.news_list li a:not(:hover){color: #333}
.news_hot .item:hover{box-shadow: 10px 0 10px 10px rgb(180 189 221 / 23%), 0 6px 14px hsl(0deg 0% 100% / 30%), 0 12px 20px rgb(180 189 221 / 20%);}

.news_list.pd{padding-bottom: 8%;}
#PartyNews .news_list a:hover{color: #C0272D}
@media (min-width:640px) {
.news_list{max-width: 87%; }

}
@media (max-width:640px) {
.news_hot .item{width: 100%;}
.news_hot .item .txt{width: 88%;}
}
#PartyNews .news_hot .item{border-bottom-color: #C0272D}
#PartyNews .news_hot .item:hover{border-bottom-color: #C0272D!important}
#PartyNews .news_hot .item a:hover{color: #C0272D}
#CultureStudy .news_hot .item{border-bottom-color: #989898}
#CultureStudy .news_hot .item .txt{padding:3% 0}
#CultureStudy .news_hot .item .txt time{display: none}
#CultureStudy .news_hot .item .txt h3{height:1.591em;  -webkit-line-clamp: 1;}




.load_more{text-align: center; padding: 2% 0}
.load_more a{display: inline-block; padding-left: 56px; position: relative; line-height: 38px; cursor: pointer}
.load_more i{display: block; position: absolute; left: 0; width:38px; height:38px; border: solid 2px #808080; border-radius: 100px;}
.load_more i:before,
.load_more i:after{content: ''; position: absolute; margin: auto; width: 60%; height: 2px; background: #808080; left: 0; right: 0; top: 0; bottom: 0}
.load_more i:after{transform: rotate(90deg)}
.load_more a:hover i:before,
.load_more a:hover i:after{background: #1470A6}
.load_more a:hover i{border-color: #1470A6}
@media(max-width:1024px){
.load_more a{padding-left: 36px; line-height:28px;}
.load_more i{width:28px; height:28px; border-width: 1px;}
}


.Pages{ padding-top:5%; padding-bottom:1%; text-align: center}
.Pages .p_page{ display: block}
.Pages a{ min-width: 50px; line-height: 50px; padding: 0px 5px; margin: 0 10px; display: inline-block; overflow: hidden; background: #f6f6f6 no-repeat center center}
.Pages a.a_cur{ color: #fff; background: #016737}
.Pages em{ font-style: normal}
.Pages span,
.Pages .a_first,
.Pages .a_end{ display: none}
@media(max-width:960px){
.Pages a{ min-width:34px; line-height:34px;margin: 0 5px;}
}


.info_title{ text-align: center; padding:1.5% 0;font-family:  宋体, SimSun}
.info_title h1{ line-height: 1.5}
.info_title dl{ color: #999999; padding:2% 0;border-bottom: solid 1px #e6edea}
.info_title dl span{ padding-right: 60px;}


.info_article{padding-top:3%;padding-bottom:3%;font-size: 18px;line-height: 1.8;}
.info_article p{margin:0;margin-bottom:10px;}
.info_article img{ height:auto!important}

.info_other{position: relative; padding-top:2%; padding-bottom: 2%; border-top: solid 1px #e6edea; border-bottom: solid 1px #e6edea}
.info_other span{display: block}
.info_other .dot{ opacity: 0.8; padding:5px 0}
.info_other .back{text-align: right}
.info_other .back a{ color: #1470A6;display: inline-block; line-height:38px; padding:0 36px; border:solid 1px #e7edea; cursor: pointer;}

@media(max-width:1024px){
.info_other .back{width: 140px; margin: auto; margin-bottom: 20px; line-height: 32px;}
}

#HomeBusiness .Top003198{position: fixed}

.business_category .item{ position: relative; overflow: hidden}
.business_category .item .pic{height:100%;  background-size:cover;transition: 0.3s ease-out;}

.business_category .item .pic img{position: absolute; width: 100%; height: 100%; opacity: 0}
.business_category .item .box{position: absolute; width: 100%; bottom:5%}
.business_category .item .info{display: inline-block; width:53.125%; color: #fff}
.business_category .item .txtbox{ background: rgba(0,0,0,0.5);padding: 3%;transition: 0.3s ease-out;}
.business_category .item .txtbox:hover{transform: scale(1.03);}
.business_category .item .img{padding: 3% 8%;transition: 0.3s ease-out;}
.business_category .item .img:hover{transform: scale(1.03);}
.business_category .item .title{display: none}
.business_category .item .txt{text-align: left; line-height:1.6}
.business_category .item .txt {color:#fff;}
.business_category .item:nth-child(odd){text-align: right}
.business_category .item:nth-child(odd) .txtbox{padding-right: 8%}
.business_category .item:nth-child(even) .txtbox{padding-left: 8%}
.business_category .item .more{padding-top: 3%}
.business_category .item .more { color: #fff; display: inline-block; padding-left: 56px; position: relative; line-height: 38px; cursor: pointer}
.business_category .item .more i{display: block; position: absolute; left: 0; width:38px; height:38px; border: solid 2px #fff; border-radius: 100px;}
.business_category .item .more i:before,
.business_category .item .more i:after{content: ''; position: absolute; margin: auto; width: 60%; height: 2px; background: #fff; left: 0; right: 0; top: 0; bottom: 0}
.business_category .item .more i:after{transform: rotate(90deg)}
.business_category .item .more:hover{ color: #1470A6}
.business_category .item .more:hover i:before,
.business_category .item .more:hover i:after{background: #1470A6}
.business_category .item .more:hover i{border-color: #1470A6}
@media(max-width:1024px){
#HomeBusiness .Top003198{position: relative}
.business_category .item .pic img{ position: relative; opacity: 1}
.business_category .item .more a{padding-left: 36px; line-height:28px;}
.business_category .item .more i{width:28px; height:28px; border-width: 1px; border-color: #4D4D4D;margin-top:5px;}
.business_category .item .img,.business_category .item:nth-child(odd) .txtbox,.business_category .item:nth-child(even) .txtbox{padding:3%;text-align:left;}
.business_category .item .img img{height:40px;}
.business_category .item .more{padding-left:40px;}
}

.business_list{overflow: hidden}
.business_list ul{margin-left: -13.35px; margin-right: -13.35px;}
.business_list li{ float: left; width: 25%; padding:2% 13.25px;}
.business_list .pic span{display: block; padding-bottom:75.905%}
.business_list .txt{padding-top: 2%; padding-bottom: 2%}
.business_list .txt h3{line-height:40px; height:80px;}
@media(max-width:1024px){
.business_list li{width: 50%}
.business_list .txt h3{line-height:24px; height:48px;}
}

.business_banner{position: relative}
.business_banner img{width: 100%}
.business_banner .arrows_dots{width: 30px; height:90px; position: absolute; top:0; bottom: 0; right:2%; margin: auto; z-index: 10; background: rgba(255,255,255,0.75); text-align: center}
.business_banner .arrows_dots span{font-size: 17px; display: block; padding-top: 12px; position: relative}
.business_banner .arrows_dots span:before{ content: ''; width: 1px; height:50%; top:0; right: 0; left: 0; margin: auto; background: #333; position: absolute; transform: rotate(45deg)}
.business_banner .slick-dots{position: relative; padding-top: 36px;}
.business_banner .slick-dots li{height: auto; padding: 0; display: block}
.business_banner .slick-dots li button{font-size: 17px; color: #333; border: none; width: 100%; height: auto; background: none; text-align: center}
.business_banner .slick-dots li:not(.slick-active){ display: none}
.business_banner .slick-arrow{ border-radius:initial; margin: auto; border: none; width: 30px; height: 30px;}
.business_banner .slick-arrow:before{width:10px; height:10px;border-bottom:solid 1px #333;border-right:solid 1px #333; background:none}
.business_banner .slick-arrow.slick-prev{left: 0; right: 0; top:0;transform: rotate(-135deg)}
.business_banner .slick-arrow.slick-next{left: 0; right: 0; top: auto; bottom:0;transform: rotate(45deg)}
.business_banner .slick-arrow:focus,
.business_banner .slick-arrow:hover{background: none}
.business_related .business_list{ border-top: solid 1px #3e3a39; padding-top: 3%; margin-top:6%}
.business_details{position: relative; margin: 5% 0}
.business_details .title h1{color: #333333; font-weight: normal;margin-bottom: 20px;}
.business_details .fl_fr .fr_info p{margin-bottom: 0;}
@media(min-width:1024px){
.business_details .fl_fr{display: flex}
.business_details .fl_fr:before{ content: ''; position:absolute; width: 2px; height: 100%; left: 33%; background: #3e3a39}
.business_details .fl_fr .info{display: flex; flex-flow: column wrap;  height: 100%; justify-content: space-between;}
.business_details .fl_fr .info .txt{font-size:18px;line-height:1.8;}
.business_details .fl_fr .fl_info{width: 34.367%;padding-right:2%}
.business_details .fl_fr .fr_info{width: 65.633%;font-size:18px;}
.business_details .fl_fr .fr_info.fr_info_bom{display: grid; align-items: flex-end;}
}
@media(max-width:640px){
.business_category .item .box{position: relative;background: #333;}
.business_category .item .info{width: 100%}
.business_category .item .txtbox{background: #333;}
}
#PublicationsWritings{width:96%}
.publications_list li{float: left; width: 25%; padding:1.5% 0}
.publications_list li .box{position: relative;}
.publications_list li .box:after{content: ''; position: absolute; width: 50%; height: 40%; bottom: -13px; right: 10px; box-shadow: 1.5vw 0px 1.5vw #ddd;
 transform: rotate(355deg);}
.publications_list li .box,
.publications_list li .txt h3{max-width: 317px; width:88%; margin: auto;}
.publications_list li .pic{z-index: 2}
.publications_list li .pic span{display: block; padding-bottom:135.02%}
.publications_list li .txt{ position: relative;padding-top:6%; padding-bottom:6%; background: url(../image/li_bg.jpg) repeat-x top}
.publications_list li .txt h3{line-height:40px; text-align: center; position: relative; z-index: 2}
.publications_list li .txt h3 a:not(:hover){ color: #808080}
@media(min-width:1200px){
.publications_list li:nth-child(4n+1) .txt:before,
.publications_list li:nth-child(4n+4) .txt:before{content: '';position: absolute; top: 0; width: 30%; height: 100%;}
.publications_list li:nth-child(4n+1) .txt:before{left: 0; background:#fff url(../image/li_bg_left.jpg) no-repeat left top}
.publications_list li:nth-child(4n+4) .txt:before{right: 0; background:#fff url(../image/li_bg_right.jpg) no-repeat right top}
}
@media(min-width:640px) and (max-width:1200px){
.publications_list li{width: 33.333%}
.publications_list li:nth-child(3n+1) .txt:before,
.publications_list li:nth-child(3n+3) .txt:before{content: '';position: absolute; top: 0; width: 30%; height: 100%;}
.publications_list li:nth-child(3n+1) .txt:before{left: 0; background:#fff url(../image/li_bg_left.jpg) no-repeat left top}
.publications_list li:nth-child(3n+3) .txt:before{right: 0; background:#fff url(../image/li_bg_right.jpg) no-repeat right top}
}
@media(max-width:640px){
.publications_list li{width: 50%}
.publications_list li:nth-child(2n+1) .txt:before,
.publications_list li:nth-child(2n+2) .txt:before{content: '';position: absolute; top: 0; width: 30%; height: 100%;}
.publications_list li:nth-child(2n+1) .txt:before{left: 0; background:#fff url(../image/li_bg_left.jpg) no-repeat left top}
.publications_list li:nth-child(2n+2) .txt:before{right: 0; background:#fff url(../image/li_bg_right.jpg) no-repeat right top}
}

.column_title{padding-bottom:2%; color: #0a0a0a}
.column_title span{padding-left:1%;}
.column_title span a{padding-left:2%; display: inline-block}

.about_company{position: relative}
.about_company .info{padding:3% 4.8%; text-align: justify}
.about_company .pic2 img{
    
}

@media(min-width:1200px){
.about_company .column_title{padding-bottom:2%}
.about_company .info{display: flex; position: absolute; flex-flow: column wrap; right: 0; max-width: 45%;  height: 100%;  background: rgba(255,255,255,0.9)}
}
.about_company .info .title{padding-bottom: 5%;}
@media(max-width:1300px){
.about_company .info{padding:2%; }
}

.about_organization{background: no-repeat center center; background-size: 100%}
.about_organization .pic{text-align: center}

.about_honor {background: #fafafa}
.about_honor .list{max-width: 1420px; margin: auto}
.about_honor .item{float: left; width: 25%;}
.about_honor .item .pic,
.about_honor .item .txt h3{width: 90%; margin: auto; text-align: center}
.about_honor .item .pic a{display: inline-block;position: relative; background: #f0f0f0; padding: 5px; z-index: 5}
.about_honor .item .pic span{display: inline-block; position: relative}
.about_honor .item .pic span:after{content: ''; position: absolute; width: 50%; height:80%; bottom: -13px; right: 10px; box-shadow: 1vw 0px 1vw #ddd;
 transform: rotate(355deg);}
.about_honor .item .pic img{height:198px;}
.about_honor .item .txt{ position: relative;padding-top:10px; padding-bottom:10px; background: url(../image/li2_bg.jpg) repeat-x top}
.about_honor .item .txt h3{line-height:26px; height:78px; text-align: center; position: relative; z-index: 2}

@media(min-width:1200px){
.about_honor .item:nth-child(1) .txt:before,
.about_honor .item:nth-child(4) .txt:before,
.about_honor .item:nth-child(5) .txt:before,
.about_honor .item:nth-child(9) .txt:before,
.about_honor .item:nth-child(10) .txt:before,
.about_honor .item:nth-child(13) .txt:before{content: '';position: absolute; top: 0; width: 30%; height: 100%;}
.about_honor .item:nth-child(1) .txt:before,
.about_honor .item:nth-child(5) .txt:before,
.about_honor .item:nth-child(10) .txt:before{left: 0; background:url(../image/li2_bg_left.jpg) no-repeat left top}
.about_honor .item:nth-child(4) .txt:before,
.about_honor .item:nth-child(9) .txt:before,
.about_honor .item:nth-child(13) .txt:before{right: 0; background:url(../image/li2_bg_right.jpg) no-repeat right top}

.about_honor .item:nth-child(6),
.about_honor .item:nth-child(7),
.about_honor .item:nth-child(8){width:16.66666666666667%;}
}
@media(min-width:640px) and (max-width:1200px){
.about_honor .item{width: 33.333%}
.about_honor .item:nth-child(3n+1) .txt:before,
.about_honor .item:nth-child(3n+3) .txt:before{content: '';position: absolute; top: 0; width: 30%; height: 100%;}
.about_honor .item:nth-child(3n+1) .txt:before{left: 0; background:url(../image/li2_bg_left.jpg) no-repeat left top}
.about_honor .item:nth-child(3n+3) .txt:before{right: 0; background:url(../image/li2_bg_right.jpg) no-repeat right top}
}
@media(max-width:640px){
.column_title{padding-top:8%;}
.about_company .info{line-height:1.8;}
.about_honor .item .pic img{height: 120px;}
.about_honor .item .txt h3{font-size: 12px;line-height: 1.2;height: auto;}
.about_honor .item .pic, .about_honor .item .txt h3{width:100%;}
.about_honor .item{width: 50%}
.about_honor .item:nth-child(2n+1) .txt:before,
.about_honor .item:nth-child(2n+2) .txt:before{content: '';position: absolute; top: 0; width: 30%; height: 100%;}
.about_honor .item:nth-child(2n+1) .txt:before{left: 0; background:url(../image/li2_bg_left.jpg) no-repeat left top}
.about_honor .item:nth-child(2n+2) .txt:before{right: 0; background:url(../image/li2_bg_right.jpg) no-repeat right top}
}


.about_contact .pic{padding: 3% 0}
@media(min-width:1024px){
.about_contact .column_title{padding-bottom:6%}
.about_contact .info{float: left; width: 38%}
.about_contact .pic{float:right; width:60%; max-width: 915px;padding: 0}
}

.editor_contact .txt{position: relative; padding-top:8%; line-height: 2}
.editor_contact .txt:before{content: ''; position: absolute; left:0; width: 40px; height: 1px; background: #797979}
.editor_contact .address{padding-left:70px;}
.editor_contact .address .add{position: absolute; left: 0}


.works_list .itembox{padding-top: 6%; padding-bottom: 5%;}
.works_list .itembox:not(:last-child){border-bottom: solid 1px #a6a6a6}
.works_list .fl_info{position: relative}
.works_list .photo{width:90.604%; padding-bottom: 2%;overflow: hidden;}
.works_list .photo:hover img,.works_list .slickjs:hover img{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.works_list .photo img,.works_list .slickjs img{-webkit-transform: scale(.95);-ms-transform: scale(.95); transform: scale(.95);transition:.5s;}
.works_list .slickjs{position: absolute; bottom: 0; right: 0; width:20%; max-width: 230px; text-align: center}
.works_list .slickjs img{ display: inline-block}
.works_list .title{line-height:1.6}
.works_list .title .f26{font-size: 54px;font-weight: bold;margin-bottom: 0vw; text-align: right;}
.works_list .txt_info{ margin-bottom: 5vw;text-align: right;}
.works_list .txt_info p{ margin: 0; padding:5px 0 ;}

.editor_works ul li{padding:7px 0 7px 12px; position: relative}
.editor_works ul li:before{content: ''; position: absolute; left: 0; top:16px; width: 6px; height: 6px; transform: rotate(45deg);border-right: solid 1px #181818; border-top: solid 1px #181818}

.works_list .app{display: none;}
@media(min-width:1024px){
.works_list .itembox{display: flex}
.works_list .fl_info{width: 68%;}
.works_list .fr_info{width: 32%; padding-left:2%}
.works_list .info{display: flex; flex-flow: column wrap;  height: 100%; justify-content: flex-end;}
}
@media(max-width:1024px){
.works_list .photo{padding-bottom: 6%}
.works_list .title .f26{font-size:40px;}
}
@media(max-width:640px){
.works_list .title .f26{font-size:24px;}
.works_list .app{display: block;text-align: left;}
.works_list .app .txt_info{text-align: left;}
.works_list .app .f26{font-size: 24px;font-weight: bold;margin-bottom: 0vw;}
.works_list .pc .f26,
.works_list .pc .txt_info{display: none;}
.works_list .fl_info {margin-bottom: 30px;}
.editor_contact .txt{position: relative; padding-top:0; line-height:1.8}
}

.article_info{min-height: 200px}

.sitemap li{padding: 1% 0; border-bottom: dashed 1px #ddd}
.sitemap li span{position: relative; padding-right: 10px; display: inline-block}
.sitemap li span:not(:last-child):after{content: '/'; padding-left: 10px;}

.link_list ul li{float: left; width: 25%; padding:1%; text-align: center}
.link_list ul li a{display: block; border: solid 1px #eee}
.link_list ul li .pic{position: relative; padding-bottom: 40%; border-bottom: solid 1px #eee}
.link_list ul li .pic img{position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-width: 96%; max-height:96%}
.link_list ul li .name{padding:2% 0}
@media(max-width:1024px){
.link_list ul li{width: 33.333%}
}
@media(max-width:640px){
.link_list ul li{width:50%}
}



.home_banner img{width: 100%}
.home_banner .slick-dots{ position: absolute; bottom:3%; display: none!important}
.home_banner video{position: absolute; width: 100%; height: 100%;top: 0; object-fit: fill;}
.home_banner .ul li{height: 95vh;}
@media(min-width:1024px){
.home_banner .wap{display: none}
}
@media(max-width:1024px){
.home_banner .pc{display: none}
}


.home_news .column_title { padding-bottom: 2%}
.home_news .auto.main,
.home_business .auto.main{padding-top: 2%; padding-bottom: 2%}
.home_business .column_title{padding-bottom: 0}
.home_business .list{margin: 0px 27px;}
.home_business .item {position: relative; line-height:1.6; overflow: hidden; padding-bottom:10px}
.home_business .more span{display: inline-block; padding-left: 56px; position: relative; line-height: 38px; cursor: pointer}
.home_business .more i{display: block; position: absolute; left: 0; width:38px; height:38px; border: solid 3px #fff; border-radius: 100px;}
.home_business .more i:before,
.home_business .more i:after{content: ''; position: absolute; margin: auto; width: 60%; height: 2px; background: #fff; left: 0; right: 0; top: 0; bottom: 0}
.home_business .more i:after{transform: rotate(90deg)}


@media(min-width:1024px){
.home_business .info{position: absolute;right:3.5%;bottom:6%;color: #fff;text-align: right;transition:.5s;z-index: 2;}

.home_business .link:hover .info .title{font-size: 76px;}
.home_business .link{display: block;position: relative;}
.home_business .link:hover:after{content: ''; position: absolute;width:100%; height: 100%;top: 0; bottom: 0; background: rgba(0,0,0,0.5);z-index: 1;}
.home_business .title{opacity: 0.9;transition:.5s;}
}
.home_business .link .pic img{width: 100%;}
@media(max-width:1024px){
.home_business .info{position: relative; padding: 10px 0}
.home_business .more{position:absolute; right: 0; top: 10px;}
.home_business .more span{padding-left: 36px; line-height:28px;}
.home_business .more i{width:28px; height:28px; border-width: 1px; border-color: #4D4D4D}
.home_business .more i:before,
.home_business .more i:after{background: #4D4D4D}
}
@media(max-width:640px){
.home_business .list{margin: 0 auto;width: 90.625%;}
.home_business .info .title{font-size:18px;}
.hidem{display:none;}
}







.RighInfo002254 .tab .h1_tab{margin:0;overflow:hidden;font-size:16px;font-weight:normal;color:#000;}
.RighInfo002254 .tab .h1_tab li{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;}
.RighInfo002254 .tab .h1_tab .item.on{ background-color:#3c89d9; color:#fff;}
.RighInfo002254 .tab .news_list{padding-top: 4%; padding-bottom: 2%; margin: auto}
.RighInfo002254 .tab .news_list li{padding: 2% 0; border-bottom: solid 1px #989898}
.RighInfo002254 .tab .news_list li time{margin-right: 3%}
.RighInfo002254 .tab .news_list li span{margin-right: 3%}
.RighInfo002254 .tab .news_list li a:not(:hover){color: #333}
.RighInfo002254 .tab .news_hot .item:hover{box-shadow: 10px 0 10px 10px rgb(180 189 221 / 23%), 0 6px 14px hsl(0deg 0% 100% / 30%), 0 12px 20px rgb(180 189 221 / 20%);}
.RighInfo002254 .tab .news_hot .item:hover .txt{padding-left:2%;padding-right:2%}
.RighInfo002254 .NoData p{padding-left: 1em;}
.RighInfo002254 .tab .news_list.pd{padding-bottom: 8%;}

.news_hot { overflow: hidden}
.news_hot .slickjs{margin-left: -19px; margin-right: -19px;}
.RighInfo002254 .tab .item{border-bottom: solid 1px #0078B4;margin: 19px;float: left;width: 30.3%;}
.RighInfo002254 .tab .item .pic span{display: block; padding-bottom: 62.73%}
.RighInfo002254 .tab .item .txt{padding-top: 1.5%; padding-bottom: 4%; line-height:2}
.RighInfo002254 .tab .item .txt h3{line-height:1.591em;margin-bottom: 0;}
.RighInfo002254 .tab .item .txt h3 em{font-style: normal}
.RighInfo002254 .tab .item .txt span{float: right}
.RighInfo002254 .tab .item .txt span{float: right}
.RighInfo002254 .wb{display: none;}

.zoomimg .pic{ overflow: hidden; position: relative}
.zoomimg .pic .isimg{

-webkit-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95);}
.zoomimg:hover .pic .isimg{ -webkit-transform:scale(1);transform:scale(1)}
.zoomimg:hover .pic .isimg{transition: .3s;}
.pic .isimg img{position: absolute; width: 100%; height: 100%; opacity: 0}

@media(max-width:480px){
.RighInfo002254 .tab .h1_tab{font-size:14px;margin-top: 3%;}
.RighInfo002254 .tab .h1_tab span{ padding:0 3%;}
.RighInfo002254 .tab .item{width: 32%;margin: 0;}
.RighInfo002254 .tab .item:not(:nth-child(3n)){margin: 0 2% 2% 0;}
}