@charset "utf-8";
html,body,div,span,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video{margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%; font-style: normal;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x : hidden ; }
body{color: var(--color-font);font-size:14px;line-height:1.42857143;font-family: "Microsoft Yahei","PingFang SC",  "Helvetica Neue", Helvetica, Arial, 'Liberation Sans', 'Noto Sans CJK SC', sans-serif;overflow-x:hidden;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;}
.index body{background: #fff;}
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header{display:block;}
nav ul,ul,li{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:none;}
a{color:var(--color-font);vertical-align:baseline;text-decoration:none;font-size:100%;margin:0;padding:0;
-webkit-transition:color .3s ease,opacity .3s ease,background .3s ease;
-o-transition:color .3s ease,opacity .3s ease,background .3s ease;
transition:color .3s ease,opacity .3s ease,background .3s ease;}
a,input{outline:none;}
input,select,textarea{outline:none;}
a:hover,a:focus{color:var(--color-blue);text-decoration:underline;cursor:pointer;}
img{max-width: 100%;height: auto;}
ins{color:#323841;background-color:#ff9;text-decoration:none;}
mark{color:#323841;background-color:#ff9;font-weight:bold;font-style:italic;}
.middle:before,.middle:after,.container:after,.container:before,.divBox:before,.divBox:after,.mainBox:after,.mainBox:before{content: " ";display: table;}
.container:after,.middle:after,.divBox:after,.mainBox:after{clear: both;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none; }
input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white  inset !important;} 
input,textarea{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::placeholder {color:var(--color-gay);opacity: 1;}
html.index,.index body{position: relative;}
.container{margin:0 auto;max-width:1460px;padding:0px;}
.divBox{ margin: 0 130px;padding: 0 20px;}
.middle{ float: left; width: 100%;}
.flex{display: flex;}
h2{font-size: var(--font-size18);}
.mob{ display: none;}
body{
  --color-white: #ffffff;
  --color-black: #000000;
  --color-font: #282828;
  --color-font-gay:#71757B;
  --color-blue: #013EA0;
  --color-blue2: #2A436C;
  --color-blue3: #013EA080;
  --color-blue4: #0096FF;
  --back-gay: #F2F2F2;
  --back-blue-gay: #F2F5F8;
  --color-gay: #B3B8C1;
  --line-gay: #D6D9DE;
  --line-gay80: #D6D9DE80;
  --font-size15: 15px;
  --font-size16: 16px;
  --font-size18: 18px;
  --font-size20: 20px;
  --font-size28: 28px;
  --color-border:var(--color-blue);
}

/*===头部样式===*/
.header {border-top:solid 10px var(--color-blue); position: relative; z-index: 11;}
.header .headerBar{ width: 100%; padding: 12px 0; background-color: var(--color-white);}
.header .logo{ width: auto; height: 62px; display: flex; font-size: 0;}
.header .logo a{height: 100%; display: block;}
.header .logo img{ height: 100%;}
.header .flex{justify-content: space-between;align-items: center;}

.header .searchBox {width: 100%; max-width: 480px;}
.header .searchBox form{width: 100%; height: 42px; line-height: 42px; padding: 0 10px 0 40px; position: relative; background-color: var(--back-gay);}
.header .searchBox i{position: absolute; left: 12px; top:0px; font-size: 20px; color:var(--color-gay);}
.header .searchBox input{ background: none; width: 100%;}

.header .btn{ width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; margin-left: 20px;}
.header .btn i{ font-size: 24px; color: var(--color-blue);}

/*导航栏*/
.header .headerNav{width: 100%;background-color: var(--color-blue);}
.header .nav{font-size: 0;}
.header .nav li{height: 56px;line-height: 56px;display: inline-block; margin-right: 30px; position: relative;}
.header .nav li.sub{ padding-right: 12px;}
.header .nav li em{ width: 20px; height: 20px; line-height: 20px; display:block;position: absolute;top: 19px; right: -8px;font-size: 14px;color: var(--color-white);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.header .nav li em::after{ content: "\ea4d";font-family: remixicon;}
.header .nav li a{text-decoration: none;}
.header .nav > li > a{ font-size: var(--font-size18); color: var(--color-white); font-weight: 500;}
.header .nav > li.active > a,.header .nav > li:hover > a,.header .nav li:hover em,.header .nav li.active em{color: #9cdfff;}

.header .nav > li ul{opacity: 0; visibility: hidden; position: absolute; top: 115%; width: 130px;z-index: 1; left: calc(50% - 8px); transform: translateX(-50%); background-color: var(--color-white); -webkit-transition:top .3s ease;-o-transition:top .3s ease;transition:top .3s ease; border: solid 0px var(--line-gay); box-shadow:0 10px 20px rgba(0,0,0,.09);}
.header .nav > li:hover ul{ top: 96%; opacity: 1; visibility: visible;}
.header .nav > li ul li{ margin: 0; padding: 0; display: block; height: auto; line-height:1.4; text-align: center;}
.header .nav > li ul a{ font-size: 16px; padding:12px 12px; display: block;}
.header .nav > li ul a:hover{ background-color: var(--color-blue4); color: var(--color-white);}

/*移动端菜单*/
.leftNav{ width:100%; background:var(--color-white); position:fixed; top:0; bottom:0; right:-100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; z-index:999; padding-top: 50px;border-top: solid 10px var(--color-blue);}
.leftNav .meunBtn{ width: 50px; height:50px; line-height:50px; right:6px; top: 10px; position: absolute;}
.leftNav .meunBtn i{ font-size: 30px; color:var(--color-blue);}
.leftNav ul{ padding-top:0px;padding-left: 0;}
.leftNav li{ width:100%; position:relative; -moz-osx-font-smoothing: auto;}
.leftNav .nav > li{ border-bottom: solid 1px var(--line-gay); }
.leftNav .mobNav{ display: block; opacity: 0;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;}
.leftNav.in {right: 0px;}
.leftNav.in .mobNav{ opacity: 1}
.leftNav .mobNav li{ padding: 0; text-align: left;-moz-osx-font-smoothing: auto;}
.leftNav li a{ font-size: 16px; padding: 0 25px; line-height:50px; color:var(--color-font); display:block; text-decoration: none;}
.leftNav li.active a,.leftNav li.on em{color:var(--color-blue);}
.leftNav li a:hover{ background:rgba(0,0,0,0.01);}
.leftNav .mobNav li em:before{font-family: 'remixicon';content: "\ea50";font-size: 26px;}

.leftNav ul li>ul{ display:none;}
.leftNav li em{color: var(--color-gay);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; position:absolute;width:50px; height: 50px; line-height:50px; top:0; right:16px;cursor:pointer;text-align: center;}
.leftNav li em.open{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.leftNav ul li > ul li{background:rgba(0,0,0,0.01);}
.leftNav ul li > ul li a{opacity:1; font-size:14px; text-indent:1em}

/*====主体内容====*/

.title{padding:10px 0 15px 0; margin: 0px 0 20px;display: inline-flex;width: 100%;}
.title h2{ font-size: var(--font-size20);position: relative;}
.title h2:after,.tabLi ul li a:after{width: 100%; height: 4px; bottom: 0;left: 0; background: #0051D3;background: -webkit-linear-gradient(to right, #0051D3, #00A7FF); background: linear-gradient(to right, #0051D3, #00A7FF);content: '';position: absolute; display: inline-block;}
.title h2:after{bottom: -15px;}
.title.sub,.section .subTitle.sub{padding: 20px 0 15px; min-height: 36px; border-top: none;border-bottom: 1px solid var(--line-gay80);}
.title.sub h2{font-size: var(--font-size18);}
.title.sub h2:after{ display: none;}

.index .title{padding:28px 0 15px 0; margin: 13px 0 20px;border-top: 1px solid var(--line-gay);}
.index .section .expo .subTitle{border-top: none;padding: 20px 0 15px;margin: 10px 0 20px;justify-content: space-between;}
.index .section.scene .subTitle{justify-content: space-between;}

.category .section .content .list li::before{display: none;}
.category .section .content .list .dot li::before{ display: block;}
.category .section .sidebar .list:first-of-type,.article .section .sidebar .list:first-of-type{ margin-top: -7px;}

.section .subTitle{ padding:0 0 20px 0;display: flex;align-items: center;}
.section .subTitle h3{font-size: 18px;margin-right: 30px;-ms-flex-negative: 0;flex-shrink: 0; line-height: 1;}
.section .subTitle .subMenu a{ position: relative; margin-right: 30px; font-size: 16px; padding-left: 12px; display: inline-block;}
.section .subTitle .subMenu a:last-of-type{margin-right: 0px;}
.section .subTitle .subMenu a::before{content: "\ea54"; font-family: remixicon;position: absolute; left:-4px;}
.section .subTitle .subMenu a.active{color: var(--color-blue);}
.section .subTitle.sub{padding: 0px 0 12px; margin-bottom: 5px;}

.category .section .subTitle.sub{ margin-bottom:20px;}

.section .list h3,.section .list h4,.section .des{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;line-height: 1.6; }
.section .list h4{font-size: 16px;margin-bottom: 10px; font-weight: normal;}
.section .des{font-size: 15px;color: var(--color-font-gay);}
.section .fot{ display: block; margin-top:8px;}
.section .fot span{color: var(--color-gay);font-size: 13px; margin-right: 15px;}
.section .fot span:last-of-type{ margin-right: 0;}
.section .fot span a{font-size: 13px;}
.section .fot span a,.section .fot span.cate,.section .fot span.source{color: var(--color-blue2);}
.section .fot span.cate{ position: relative; padding-left: 15px;}
.section .fot span.cate:before{content: "\eceb"; font-family: remixicon; position: absolute; left: 0; top: 0; line-height: 1.5;}

.main .divBox{ min-height: calc(100vh - 303px);padding-top: 20px; border-left: 1px solid var(--line-gay);border-right: 1px solid var(--line-gay);}
.main .section{ margin-bottom: 20px;}
.main .topNews{ padding: 25px 30px 25px 120px; background-color: var(--back-blue-gay); text-align: center; position: relative;}
.main .topNews h2,.main .topNews .info,.expoSlide .swiper-slide .text,
.newsBox .tabCon li.text h3,.newsBox .tabCon li.text .des,.newsBox .tabCon li,.section .list li .tit,.section .sidebar .list li
{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;line-height: 1.5;}
.newsBox .tabCon li:last-of-type{ margin-bottom: 0;}
.main .topNews h2{font-size: var(--font-size28);}
.main .topNews .info{font-size: var(--font-size15); color: var(--color-font-gay); margin-top:6px;-webkit-line-clamp:1;}
.main .topNews i.icon{ width: 57px; height: 78px; background-image: url('../images/icon_topNews.png');display: block; position: absolute; top:-4px; left:20px;background-position: center;background-size: 100%;}

.swiper-slide .item,.swiper-slide .item a{ width: 100%;}

.newsBox{display: flex;justify-content: space-between;}
.newsBox .newsLeft{flex:1 auto; padding-right:30px;}
.newsBox .newsRight{ width: 695px;-ms-flex-negative: 0;flex-shrink: 0;}

/*tabs新闻*/
.tabLi{ margin-bottom: 20px;}
.tabLi ul{ display: flex; ustify-content: flex-start;}
.tabLi ul li{ padding:0 20px; position: relative;}
.tabLi ul li:after{content: '';position: absolute; display: inline-block; width: 1px; height: 16px; background-color: var(--line-gay);top: 7px;right: 0;}
.tabLi ul li a{font-size: var(--font-size20); font-weight: bold;color: var(--color-font-gay);opacity: .8; padding-bottom: 14px;display: block;position: relative; text-decoration: none;}
.tabLi ul li.active a{color: var(--color-font);opacity: 1;}
.tabLi ul li.active a:after{display: block;}
.tabLi ul li:first-of-type{ padding-left: 0;}
.tabLi ul li:last-of-type:after,.tabLi ul li a:after,
.tabCon ul{display: none;}

.newsBox .tabCon li{margin-bottom: 17px;font-size: var(--font-size16);}
.newsBox .tabCon li h3{font-weight: normal; margin-bottom: 10px;}
.newsBox .tabCon li.text{padding-bottom: 30px; margin-bottom: 30px;}
.newsBox .tabCon li.text:first-of-type{ margin-bottom:0;}
.newsBox .tabCon li.text:not(:has(~ li.text)) {border-bottom: 1px solid var(--line-gay80);}
.newsBox .tabCon li.text .des{font-size: var(--font-size15); color: var(--color-font-gay); line-height: 1.8;-webkit-line-clamp:2;}

/*banner*/
.banner .slide{ height: 448px;background-color: var(--back-blue-gay);}
.banner .slide .item a{position: relative; display: block;}
.banner .slide .item a:after{content: '';display: block;padding-top: 64.5%;}
.banner .slide .item a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.banner .slideNav{position: absolute; right: 10px; top: 10px;bottom: auto;left: auto;z-index: 1;width: auto;}
.banner .slideNav .swiper-pagination-bullet{background:var(--color-white);opacity: .6;}
.banner .slideNav .swiper-pagination-bullet-active{background:#FFC400;opacity: 1;}

.banner .slide .text{position: absolute;left: 0;bottom: 0;width: 100%;height: 60px;padding-top: 12px; color: var(--color-white);background: #000;background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));
background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);}
.banner .slide .text h3{ height: 36px;line-height: 36px; font-weight: 400; padding: 0 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: var(--font-size15);}

/*行业展会*/
.expoSlide .swiper-slide{ margin-right: 20px;}
.expoSlide .swiper-slide .text{margin-top: 15px;text-align: center;-webkit-line-clamp:1;}
.expoSlide .swiper-slide .text a{}
.expoSlide .swiper-slide .img{font-size: 0;}
.expoSlide .swiper-slide .img a,.oneSlide .swiper-slide .img a{ display: block;aspect-ratio: 4/2.5688;font-size: 0;}
.expoSlide .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover;}

.section .box{display: flex;justify-content: space-between; margin:0 -20px;}
.section .content{ width:auto;flex: 1 auto;}
.section .content,.section .sidebar{ margin:0 20px;}

/*活动与资源*/
.section.activity .sidebar{ margin-top:48px;}
.section .list{ margin-bottom: -10px;}
.category .section .list{margin-bottom:0px;}
.section .list.full{width: 100%;}
.section .list ul{margin: 0 -15px;font-size: 0;display: flex;flex-wrap: wrap;padding-left: 12px;}
.section .list li{ width: calc(100% / 2 - 30px);margin:20px 15px 10px;font-size: 16px; position: relative;line-height: 1.6;}
.section .list .listItem ul.gridCol1 li{width: calc(100% / 1 - 30px);margin-bottom: 8px; margin-top: 8px;}
.section .list .listItem ul.gridCol1:last-of-type{ margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.section .list .listItem ul.gridCol1 li:nth-child(5n):not(:last-child) {border-bottom: 1px solid var(--line-gay80); margin-bottom:25px; padding-bottom: 25px;}
/* .section .list .listItem ul li span.time{ color: var(--color-font-gay);} */
.section .list .listItem li .tit{-webkit-line-clamp: inherit;line-height: 1.6;}
.section .list .listItem li .tit a{}
.section .list .listItem ul.gridCol1 li:last-of-type{ margin-bottom: 15px;}
.section .list .listItem li .des{ margin-top: 8px;}
.section .list .subCaate{ margin:30px 12px 10px 12px;}
.section .list .subCaate a{ font-size: 18px; font-weight: bold;}
.section .list .listItem{border-bottom: 1px solid var(--line-gay80); padding-bottom: 18px;}
.section .list .listItem:last-of-type{ border-bottom: none;padding-bottom: 0;}
.section .list .listItem ul.listPic li{margin-bottom: 15px;}
.section .list li .tit{-webkit-line-clamp:2;}
.section .list li:before{ content: ''; width: 5px; height: 5px; position: absolute; left:2px; border-radius: 100px;background-color: var(--color-gay);top: 10px;}


.section .list .listItem ul.gridCol1.titBg li{ margin-bottom: 20px;}
.section .list .listItem ul.gridCol1.titBg li .tit:after{content: "\ebba";font-family: remixicon; position: absolute; left: 10px; top: 6px; color: var(--color-blue); font-size: 19px;}
.section .list .listItem ul.gridCol1.titBg li:last-of-type{ margin-bottom: 10px;}
/* .section .list .listItem ul.gridCol1.titBg li a{color: var(--color-blue);} */
.section .list .listItem ul.gridCol1.titBg li .tit{ background-color: var(--back-blue-gay); padding:8px 10px 8px 32px;}

.index .section .list ul,.section .sidebar .list ul,.search .section .list ul{padding-left: 0px;}
.index .section .list li,.section .sidebar .list li{padding-left: 12px;}

.category .section .list li{margin:8px 15px 15px;}
.category .section .list ul{ margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid var(--line-gay80); }
.category .section .list ul:last-of-type{ border-bottom: none;margin-bottom: 0px; padding-bottom: 0px; }

.category .section .sidebar .list li:before{content: "\ea54";width: auto; height: auto;top:-1px;left:-5px;background-color:transparent;font-family: remixicon;color: var(--color-gay);font-size: 18px;}
.section .list.pic{ margin-bottom: 35px;}
.section .list.pic li:before{display: none;}
.section .list.pic li{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column; word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;font-size: 14px;padding-left: 0; margin-top: 0; margin-bottom: 0;}
.section .list.pic li .thumb{ width: 218px;font-size: 0;-ms-flex-negative: 0;flex-shrink: 0;}
.section .list.pic li .thumb img{ width: 100%; height: 100%; object-fit: cover;}
.section .list.pic li .thumb a{ display: block; aspect-ratio: 4/2.5688;}
.section .list li .thumb a{ background-color: var(--back-gay);}
.category .section .list.pic .subTitle{ margin-bottom: 15px;}
.category .section .list.pic li{ margin-top: 15px;margin-bottom: 15px;}
.category .section .list.pic h4{-webkit-line-clamp: 3;}
.category .section .list.pic li .thumb{ width: 200px;}
.section .list.pic .text{ padding:0px 0px 0px 18px;line-height: 1.7;min-width: 0;overflow: hidden;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;justify-content: space-between;}
.artPost .artArr.list .post .textBox{-ms-flex: 1 1 auto;flex: 1 1 auto;}
.section .list.pic .textBox{-ms-flex: 1 1 auto;flex: 1 1 auto;}
.section .list.pic .fot{margin-top:0px; line-height: 1.1;}

.section .sidebar .subTitle.sub{ margin-bottom: 15px;}
.section .sidebar .list{ margin: 30px 0 0 0;}
.section .sidebar .list li{width: calc(100% / 1 - 30px);-webkit-line-clamp:1; margin-top: 5px; margin-bottom: 5px;}
.section .sidebar .list li:last-of-type{ margin-bottom: 0;}

.section .sidebar{width:295px; -ms-flex-negative: 0;flex-shrink: 0;}
.section .button{display: flex;font-size: 0;flex-direction: column;}
.section .button a{font-size: 20px; color: var(--color-white);padding:25px 90px 25px 30px; min-height: 86px; margin-bottom: 20px;background-color: var(--color-blue);text-decoration: none;display: flex;align-items: center; font-weight: 500; position: relative;}
.section .button a:last-of-type{ margin-bottom: 0;}
.section .button a i{ font-size: 40px; position: absolute; right: 28px; top: 50%; transform: translateY(-50%);}
.section .button a:hover{ opacity: .8;}

.section.policy .content{ max-width: calc(100% - 40px);}
.section.policy .sidebar{ margin-top: 5px;}
.section.policy .button a{color: var(--color-font);background-color: var(--back-blue-gay);min-height: 100px; }
.section.policy .button a i{ width: 40px; height: 40px;line-height: 40px; border-radius: 100%; font-size: 20px;background:var(--back-blue); text-align: center;color: var(--color-white);background: -webkit-linear-gradient(bottom, #0051D3 20%, #00A7FF 150%);background: linear-gradient(to top, #0051D3 20%, #00A7FF 150%);}
  

.section.scene .content{ max-width: calc(100% - 40px);}
.section.scene .list{ margin-bottom: 0px;}
.section .sceneSlide a{height: 130px; display: flex;align-items: center; font-weight: 500; position: relative;background:var(--back-blue-gay); padding: 32px 32px 32px 90px; font-size: 18px; text-decoration: none;color: var(--color-blue); overflow: hidden;margin-right: 20px;}
.section .sceneSlide a i{position: absolute; left: 32px; top:43px; font-size: 40px; line-height: 1;}
.section .sceneSlide a i.bg{font-size: 100px; left: auto; top: auto; right:5px; bottom: 0; opacity: .03;}

/*企业与产品*/
.section .company .list{ margin-bottom: 0; padding-bottom: 30px;}
.section .company .list li{ margin-bottom: 0;}
.section .company .sidebar {margin-top: 5px;}
.section .company .sidebar ul{ margin: 0 -10px;}
.section .company .sidebar li{ width: calc(100% / 2 - 20px); margin:0 10px 20px;display: inline-block;vertical-align: top;}
.section .company .sidebar li img{ width: 32px; height: 32px; font-size: 0; margin-bottom: 10px;}
.section .company .sidebar li a{ padding: 20px; min-height: 130px; font-size: 16px; text-align: center;justify-content: center;align-items: center;background-color:var(--back-blue-gay);color: var(--color-blue); flex-direction: column;}

.section.case .list{ margin-bottom: 0;}
.section .sidebar .list.mt0{ margin-top:-7px;}
.section .sidebar .searchBox{ background-color: var(--back-blue-gay); padding: 25px 25px 120px;position: relative; min-height: 200px; overflow: hidden;}
.section .sidebar .searchForm{ height: 40px; line-height: 40px; background-color: var(--color-white); padding:0px 10px;position: relative;}
.section .sidebar .searchBox button{ background: none; border: medium none; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; position: absolute; top: 0; right: 0; color: var(--color-gay);}
.section .sidebar .searchBox button i{font-size: 20px;}
.section .sidebar .searchBox .bg{position: absolute;right: -15px;bottom: -15px; font-size: 130px;color: var(--color-blue);opacity: .03;line-height: 1;}

.section .sidebar .hotWords{ padding:0 12px; font-size: 0;}
.section .sidebar .hotWords a{ line-height: 1.8;font-size: 14px; margin-right: 10px;display: inline-block;}
.section .sidebar .searchBox .label{ margin: 20px 0 10px; display: inline-block; width: 100%; font-weight: bold; font-size: 14px;}
.section .sidebar .subTitle{justify-content: space-between;padding: 0 0 13px 0;}

.section .list ul.listPic{margin: 20px -10px 0;}
.section .list ul.listPic li{padding: 0;width: calc(100% / 4 - 20px); margin: 0 10px; text-align: center;}
.section .list ul.listPic li h4{ margin-top: 15px;-webkit-line-clamp: 1;}
.section .list ul.listPic li .thumb{ font-size: 0;}
.section .list ul.listPic li .thumb a{display: block;aspect-ratio: 4/3;}
.section .list ul.listPic li .thumb img{ width: 100%; height: 100%; object-fit: cover;}
.section .list ul.listPic li:before{ display: none;}

.category .section .list.full ul.listPic{margin:0px -15px 0px;}
.category .section .list.full ul.listPic li{width: calc(100% / 4 - 30px);margin:15px 15px 10px;}

.section .list .iconMenu ul{margin: 0 -10px; padding-left: 12px;}
.section .list .iconMenu li{width: auto;flex: 1;margin:15px 10px; padding: 0;}
.section .list .iconMenu li a{ padding: 25px; display: flex;flex-direction: column;justify-content: center;align-items: center; position:relative;background-color: var(--back-blue-gay);color: var(--color-blue); text-decoration: none; font-weight: 600; min-height: 140px; overflow: hidden; font-size: 20px;}
.section .list .iconMenu li a i{ font-weight: normal;line-height: 1;font-size: 50px; margin-bottom: 10px;}
.section .list .iconMenu li a i.bg{ font-size: 100px;position: absolute; right: 0; bottom: -10px; opacity: .03;margin-bottom: 0px;}
.section .list .iconMenu li a img{ width: 42px; height: 42px; object-fit: cover; margin-bottom: 10px;}
.section .list .iconMenu li a img.bg{width: 80px; height: 80px; position: absolute; right: 0; bottom: 0; opacity: .03; margin-bottom: 0;}

.oneSlide{ margin-top: 30px;}
.oneSlide .text{ margin-top: 20px; line-height: 1.8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.oneSlide .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover;}

.swiperPage i{ width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100px;background-color: var(--back-blue-gay);display: inline-block;vertical-align: middle; cursor: pointer; color: var(--color-gay);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.swiperPage i:after{font-family: remixicon; font-size: 18px;}
.swiperPage i:hover{color: var(--color-white);background-color: var(--color-blue);}
.swiperPage .next{ margin-left: 10px;}
.swiperPage .prev:after{content: "\ea64";}
.swiperPage .next:after{content: "\ea6e";}

.pageNav{margin: 20px 0px; padding-top: 20px; border-top:solid 1px var(--line-gay80);display: flex;justify-content: flex-end;}
.pageNav a{ margin-left: 20px; font-size: 16px;}
.pageNav a.active{color: var(--color-blue);}
.pageNav a.disabled{ color: var(--color-gay); text-decoration: none; cursor: not-allowed;}

/*搜索结果页*/
.search .content .searchBox form{ width: 100%;position: relative; background-color: var(--color-white); border: solid 1px var(--line-gay); margin-bottom: 20px;}
.search .content .searchBox input{ width: 100%;height: 44px; line-height: 44px; padding: 0 46px 0 10px; border: medium none; background-color: transparent;}
.search .content .searchBox button{ font-size: 20px; border: medium none; width: 56px; height: 46px; line-height: 44px; text-align: center; cursor: pointer; position: absolute; top: -1px; right: -1px; font-size: 22px; color: var(--color-white);background-color: var(--color-blue); }

.search .section .content .list .subTitle{ margin:25px 0 15px 0;}
.search .section .list .listItem ul.gridCol1 li{ margin-top:15px; margin-bottom: 15px;}
.search .section .list .listItem li:before{display: none;}
.search .section .list .listItem li .text{ height: 36px; line-height: 36px;background-color: var(--back-blue-gay);display: flex;align-items: center;margin-bottom: 17px;}
.search .section mark{font-style: normal; background-color: transparent; color: var(--color-blue4); font-weight: normal;}
.search .section .subTitle mark{ margin: 0 5px 0 0;}
.search .section .list .listItem li .text .tit{-webkit-line-clamp: 1;margin-left: 10px;}
.search .section .list .listItem li span.cate{-ms-flex-negative: 0;flex-shrink: 0; padding: 0 10px;background-color: var(--color-blue3);color: var(--color-white);}
.search .section .list .listItem li span.cate a{color: var(--color-white); min-width: 98px; display: block; text-align: center;}
.search .section .list .textInfo{ display: inline-flex;margin-top: 2px; width: 100%;align-items: center;}
.search .section .list .textInfo .des{margin-top: 0px;}
.search .section .list .textInfo .thumb{ width: 118px;-ms-flex-negative: 0;flex-shrink: 0; margin-right:20px;}
.search .section .list .textInfo .thumb a{display: block;aspect-ratio: 4/2.5688; font-size: 0;}
.search .section .list .textInfo .thumb img{ width: 100%; height: 100%; object-fit: cover;}

/*文章详情页*/
.umCrumb{padding:15px 0 15px; margin-bottom: 35px; border-bottom: 1px solid var(--line-gay80);}
.umCrumb a{ font-size: 16px; padding-right: 15px; margin-right: 15px; position: relative;}
.umCrumb a::after{content: "\ea54"; font-family: remixicon;position: absolute; right: -9px;color: var(--color-font-gay);}
.umCrumb a:last-of-type{padding-right: 0; margin-right: 0;}
.umCrumb a:last-of-type:after{ display: none;}

.section .content .postTitle{ margin-bottom: 20px; padding-bottom: 10px;border-bottom: 1px solid var(--line-gay80);}
.section .content .postTitle h1{ font-size: 32px; line-height: 1.4; margin-top: -8px;}
.section .content .meta,.section .content .meta a{color: var(--color-font-gay);}
.section .content .meta{ display: flex; margin-top: 15px;align-items: center;justify-content: space-between;}
.section .content .meta .info{ display: flex; align-items: center; height: 36px;}
.section .content .meta .info span{ margin-right: 20px;}
.section .content .meta .info span:last-of-type{ margin-right: 0;}
.section .content .meta .tool{ display: flex; align-items: center; font-size: 0;}
.section .content .meta .tool .fontSize span{font-size: 16px;margin-right: 10px; font-family: Helvetica;font-weight: bold; color: var(--color-gay); cursor: pointer;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.section .content .meta .tool .fontSize span:hover{color: var(--color-blue);}
.section .content .meta .tool a{ width: 28px; height: 28px; line-height: 28px;margin-left: 10px; text-align: center;  display: inline-block; vertical-align: top; border-radius: 100px; font-size: 14px; color: var(--color-white); text-decoration: none; position: relative; z-index: 5;}
.section .content .meta .tool a.weixin{ background-color: #2AAE67;}
.section .content .meta .tool a::after{font-family: remixicon;}
.section .content .meta .tool a.weixin::after{content: "\f2b5";}
.section .content .meta .tool a.weibo{ background-color: #EA5D5C;}
.section .content .meta .tool a.weibo::after{content: "\f2b9";}
.section .content .wxCode{ position: absolute; width: 120px; height:120px; padding:10px;background: #fff; top: -188px;box-shadow: 0 3px 25px rgba(0, 0, 0, 0.1); top:150%; right: 0; border-radius:0px; visibility: hidden; opacity: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.section .content .wxCode canvas{  max-width: 100%;}
.section .content .wxCode i{ width: 28px; height: 28px; position: absolute; top: -18px; right: 0px; font-size: 28px;}
.section .content a:hover.weixin .wxCode{ visibility: visible; opacity: 1;top:110%;}

.section .postBody{ font-size: 18px; line-height: 1.9;}
.section .postBody h1,.section .postBody h2,.section .postBody h3,.section .postBody h4,.section .postBody h5{padding: 0.666em 0; line-height: 1.48;}
.section .postBody h1 { font-size: 1.556em; }
.section .postBody h2 { font-size: 1.333em; }
.section .postBody h3 { font-size: 1.222em; }
.section .postBody h4 { font-size: 1.111em; }
.section .postBody h5 { font-size: 1em; }
.section .postBody p,
.section .postBody span,
.section .postBody div,
.section .postBody li { font-size: 1em; }/* 18px */
.section .postBody p{padding: 0.666em 0; text-indent: 2em;}
.section .postBody a{ color: var(--color-blue);-webkit-transition:none;-o-transition:none;transition:none;}
.section .postBody img{ display: block; vertical-align: top;}
.section .postBody em,.section .postBody i{ font-style: italic;}

/***底部***/
.footer{ background-color: var(--back-gay); padding: 35px 0; border-top:solid 1px var(--line-gay); color: var(--color-font-gay);}
.footer .container{ padding: 0;}
.footer a{color: var(--color-font-gay);}
.footer .text img{ height:14px;vertical-align: -1px; margin: 0 3px;}
.footer .link{ font-size: 0; margin-bottom:20px;}
.footer .link a{ display: inline-block; margin-right: 15px; font-size: 14px;}
.footer .footerMain{ display: flex;}
.footer .footerMain .logo{ margin-top:-3px; margin-right: 20px; padding-right: 20px;position: relative;}
.footer .footerMain .logo img{height: 62px; filter: grayscale(100%);-webkit-filter: grayscale(100%); filter: gray;}
.footer .footerMain .logo:after{ content: ''; position: absolute; width: 1px; top:3px; bottom: 0px; right: 0; background: var(--line-gay80);}

.mask{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 1; display: none;}


.swiper-slide{display: none;}
.swiper-container-horizontal .swiper-slide,.banner .slide .swiper-slide{ display: block;}

.swiperLoad{display: inline-block;position: absolute;width: 40px;height: 40px;top: 50%;left: 50%;visibility: hidden;opacity: 0;transform: translate(-50%, -50%);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;z-index:2;visibility: visible;opacity: 1;background-image: none;padding: 20px 0;}
.swiper-container-horizontal .swiperLoad{visibility: hidden;opacity: 0;}

.swiperLoad:after{content: " ";display: block;width: 40px;height: 40px;-webkit-border-radius:50%;border-radius: 50%;border: 3px solid;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-color: rgba(0,0,0,.08) transparent rgba(0,0,0,.08) transparent;animation: loading 1.2s linear infinite;}

@keyframes loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

/*侧栏浮动模块*/
.toolNav,.toolShare{width: 125px; z-index: 2;position: relative;}
.toolNav li{margin:5px 0 5px 0;-moz-osx-font-smoothing: auto;}
.toolNav li a{text-decoration: none; font-size: 18px; height: 36px; line-height: 36px; padding: 0 5px; display: block;}
.toolNav li.active a{ color: var(--color-blue);}
.toolNav li a i{ margin-right: 2px;}
.toolNav{float: left;margin-right: -125px;  margin-top: 8px; padding: 0px 0 0 5px;} 
.toolShare{ float: right;margin-left: -125px;}
.toolShare ul{ display: flex;flex-direction: column;}
.toolShare li{ position: relative; text-align: center; padding: 15px 0; border-bottom:solid 1px var(--line-gay80); cursor: pointer;}
.toolShare li a{ text-decoration: none;}
.toolShare li i{ display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto 8px; background-color: #AFD5D3; border-radius: 100px; font-size: 20px; color: var(--color-white);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.toolShare li.goTop{ border-bottom: none; display: none;}
.toolShare li.goTop i{ background-color: var(--color-gay);}
.toolShare li span{ font-size: 14px;}
.toolShare li .img{ width: 100px; height: 100px; top: 12px; right: 110%; font-size: 0; visibility: hidden; opacity: 0; position: absolute;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; padding:5px; background-color: var(--color-white);box-shadow: 0 3px 25px rgba(0, 0, 0, 0.1);}
.toolShare li:hover .img{ visibility: inherit; opacity: 1; right: 100%;}
.toolShare li:hover i{ background-color: var(--color-blue); }

.goTop.mob{display: none; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: var(--color-gay); border-radius: 100px; font-size: 20px;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out; position: fixed; bottom: 30px; right: 20px; visibility: hidden;}
.goTop.mob a{color: var(--color-white); text-decoration: none;}


/* 响应式布局样式 */

@media screen and (max-width: 1440px) {
 .container{margin:0 auto;max-width:1420px;}
 .section .sidebar{ width: 274.5px;}
}


@media screen and (max-width: 1366px) {
  .header .searchBox { max-width: 400px; }
  .section .sidebar{width: 259.5px;}
  .newsBox .newsRight{width: 630px;}
  .banner .slide{ height: 406px;}
  .newsBox .tabCon li{margin-bottom: 13px;}
  .newsBox .tabCon li.text{padding-bottom: 23px;margin-bottom: 22px;}
  .section .list.pic{ margin-bottom: 25px;}
  .section .list.pic li .thumb,.category .section .list.pic li .thumb{ width: 160px;}
  .index .section .des{ display: none;}
  .index .section .list h4{-webkit-line-clamp: 3;}
}


@media screen and (max-width: 1280px) {
  .header .searchBox{height: 36px;line-height: 36px;}
  .header .logo{height: 50px;}
  .header .nav li {height: 50px;line-height: 50px;}
  .header .nav li em{ top: 15px;}
  .section .sidebar{width: 244.5px;}
  .section .company .sidebar li a{ padding: 10px;min-height: 112px;}
  .section .sidebar .searchBox{padding: 20px 20px 120px 20px;}
  .newsBox .newsRight{width: 600px;}
  .banner .slide{ height: 386px;}
  .section .content .subTitle.sub h3{ margin-bottom:15px; margin-right: 0;}
  .section .subTitle{align-items: normal;flex-direction: column;}
  .index .section.scene .subTitle h3,.index .section .expo .subTitle h3{ margin-bottom: 0;}
  .index .section.scene .subTitle,.index .section .expo .subTitle,.section .sidebar .subTitle{flex-direction: inherit;align-items: center;}
  .index .section .subTitle .subMenu a{ line-height: 30px;width: calc(100% / 5 - 0px); margin-right: 0; padding-right: 10px;}
  .section .content .postTitle h1{font-size: 28px;}
}

@media screen and (max-width: 1200px) {
 .divBox{ margin: 0px;}
 .toolNav, .toolShare{display: none;}
 .main .divBox{border: none; }
 .goTop.mob{ visibility: inherit;}
}

@media screen and (max-width: 1024px) {
  .header .searchBox { max-width: 360px; }
  .section .list.pic li{width: calc(100% / 1 - 30px);margin-bottom: 20px;}
  .section .list.pic li:last-of-type{ margin-bottom: 0;}
  .newsBox .newsRight{width: 560px;}
  .banner .slide{ height: 361px;}
  .newsBox .tabCon li{margin-bottom: 13px;}
  .newsBox .tabCon li.text{padding-bottom: 23px;margin-bottom: 22px;}
  .main .topNews h2{ font-size:26px;}
  .section .content .postTitle h1{font-size: 26px;}
  .section .list .iconMenu li{width: calc(100% / 2 - 20px);flex: auto; margin: 10px;}
  .category .section .list .listItem ul.listPic.clo2 li{width: calc(100% / 2 - 20px);}
  .category .section .list.full ul.listPic li{width: calc(100% / 3 - 30px);}
}

@media screen and (max-width: 960px) {
  .section .button a{padding: 15px 70px 15px 20px;}
  .section .button a i{right: 20px;}
  .section.policy .button a{min-height: 90px;margin: 20px 10px 0px;}
  .section .sceneSlide a{height: 116px;}
  .section .sceneSlide a i{top: 37px;}
  .footer .footerMain .logo img{height: 50px;}
  .section .content .postTitle h1{font-size: 24px;}
}


@media screen and (max-width: 900px) {
  .headerNav { display: none;}
  .header{border-bottom: solid 2px #6a6a6a;}
  .header .searchBox {position: absolute; top: 76px; max-width: 100%; left: 0; background-color: #fff; z-index: 10; padding: 30px;height: auto; display: none;}
  .mob{ display: inline-flex;}
  .newsBox{flex-direction: column-reverse;}
  .newsBox .newsLeft{ width: 100%;}
  .newsBox .newsRight{width: 100%;}
  .banner .slide{ height: auto;}
  .expoSlide{ margin-bottom: 30px;}
  .section .button a{ font-size: 18px;}
  .section .list ul.listPic{ margin-bottom: 0;}
  .section .list ul.listPic li{width: calc(100% / 2 - 20px); margin-top: 0px;}
  .main .topNews h2{ font-size:24px;}
  .index .section .subTitle .subMenu a{width: calc(100% / 4 - 0px);}
  .section .content .postTitle h1{font-size: 22px;}
  .article .sidebar,.category .sidebar,.search .sidebar,
  .section .content .meta .tool{ display: none;}
  .category .section .list .subCaate{ margin-left: 0;}
  .category .section .list ul{padding-left: 0;}
}


@media screen and (max-width: 768px) {
  .main .topNews{padding: 25px 30px 25px 95px;}
  .main .topNews i.icon{width: 50px;height: 68px;}
  .section .box{flex-direction: column;}
  .section.activity .sidebar{margin-top:20px;}
  .section .sidebar{ width:calc(100% - 40px); }
  .section .sidebar .list{ margin-top: 20px;}
  .section .button{ margin: 0 -10px;flex-direction: inherit;}
  .section .button a{ width: calc(100% / 3 - 20px); margin: 10px;}
  .section.activity .button a:last-of-type{ margin-bottom: 10px;}
  .section.policy .button {flex-wrap: wrap;}
  .section.policy .button a{width: calc(100% / 2 - 20px);}
  .section .company{ margin-bottom: 10px;}
  .section .company .sidebar{ margin-bottom:0px; margin-top: 0;}
  .section .company .sidebar ul{ width: 100%;}
  .section .company .sidebar li{width: calc(100% / 2 - 20px);}
  .section .company .sidebar li a{ width: 100%;}
  .section .button a:last-of-type{ margin-bottom: 0px;}
  .section .company .sidebar li a{margin-top: 0;}
  .section .sidebar .list.mt0{ margin-top: 20px;}
  .category .section .sidebar{ margin-top: 20px;margin-bottom: 20px;}
  
  .section .content .postTitle h1{font-size: 20px;}
  .category .section .list.full ul.listPic li{width: calc(100% / 2 - 30px);}
  .index .section .subTitle .subMenu a{width: calc(100% / 3 - 0px);margin-right: 0; padding-right: 10px;line-height: 30px;}
  .footer{padding: 25px 0;}
  .footer .footerMain{ text-align: center;}
  .footer .footerMain .content{ width: 100%;}
  .footer .link{ margin-bottom: 15px;}
  .footer .footerMain .logo{display: none;}
}


@media screen and (max-width: 640px) {
  .section .list li{width: calc(100% / 1 - 30px);}
  .section .button{flex-wrap: wrap;}
  .section .button a{width: calc(100% / 1 - 20px);}
  .section .subTitle .subMenu a{ width: calc(100% / 3 - 0px);margin-right: 0; padding-right: 10px;line-height: 30px;}
  .section .list.pic li .thumb,.category .section .list.pic li .thumb{ width: 180px;}
  .main .topNews{padding: 20px 25px 20px 25px;}
  .main .topNews i.icon{ display: none;}
  .main .topNews h2{ font-size: 22px;}
  .main .topNews .info{-webkit-line-clamp: 2;}
  .category .section .list.full ul.listPic{margin: 0px -10px 0px;}
  .category .section .list.full ul.listPic li{width: calc(100% / 2 - 20px);margin: 10px 10px 10px;}
}


@media screen and (max-width: 480px) {
 .section .list.pic li .thumb,.category .section .list.pic li .thumb{ width: 160px;}
 .section.policy .button a{width: calc(100% / 1 - 20px);}
}

@media screen and (max-width: 440px) {
 .section .list.pic li .thumb{ width: 140px;}
}