@charset "utf-8";
#header{position: fixed;z-index: 2;left: 0;top: 0;width: 100%;height: 240px;min-width: 1200px;}
#free_Web_box_sub ~ .wrap #header{top: 96px;}
#content{width: 100%; max-width: 100%; margin: 0;}
/* 背景设置 */
.section{background-position: center top;background-repeat: no-repeat;/* background-size: cover; */}
.section .siteWidth{}
#pageXwzx{background-image: url(../../base/img/demopic/ind-bg1.jpg);padding: 50px 0 60px;}
#pageKxyj{background: url(../../base/img/demopic/ind-bg2.jpg) no-repeat center bottom;padding-bottom: 120px;}
#pageXxgk{background-image: url(../../base/img/demopic/ind-bg3.jpg);background-position: center 70px;}
#pageOther{background: white;}

.fonticon a { display:block; background:url(../../base/img/font-xyxw.png) no-repeat; line-height:800px; width:200px; height:120px; overflow:hidden;}
.fonticon.tzgg a { background-image:url(../../base/img/font-tzgg.png)}
.fonticon.mtgz a { background-image:url(../../base/img/font-mtgz.png)}
.fonticon.hzjl a { background-image:url(../../base/img/font-hzjl.png)}
.fonticon.kxyj a { background-image:url(../../base/img/font-kxyj.png)}
.fonticon.ztzl a { background-image:url(../../base/img/font-ztzl.png)}
.fonticon.tjgg a { background-image:url(../../base/img/font-tjgg.png)}
.fonticon.sjmt a { background-image:url(../../base/img/font-sjmt.png)}

/* 通用-标题&更多按钮 css */
.section .mHd{margin-bottom: 35px;height:120px;display:flex;justify-content: space-between;align-items: center;}
.section .mHd .more { order:2; color:#BA954E; padding-right:20px; background:url(../../base/img/morearr.png) no-repeat right;}
.section .mHd h3{font-size: 36px;text-align: center; font-weight:bold; order: 1;}
.section .mHd h3 a{color: #333;font-family:"Source Han Serif CN";}
.section .mHd h3 a:hover{text-decoration: none;}
.section .mHd p{font-size: 16px; font-family: Arial; color: #999; line-height: 24px; text-align: center; text-transform: uppercase;}
.section .mBt{overflow: hidden;text-align: center;margin-top: -25px;}
.section .mBt .moreBtn{position: relative;z-index: 1;display: inline-block;height: 50px;line-height: 50px;padding: 0 45px;font-size: 16px;color: white;background: linear-gradient(185.31deg, #D2B176 2.13%, #BA954E 93.67%);border-radius:30px;}
.section .mBt .moreBtn:after { content:""; height:15px; width:15px; background:url(../../base/img/morearr_w.png) no-repeat right; display:inline-block; margin-left:10px;}
.section .mBt .moreBtn:hover{text-decoration: none;}

/* 通用-左侧切换框 */
.indTab{width: 900px; float: left;}
.indTab .hd{height: 62px; background-color: #f4f4f6;}
.indTab .hd li{width: 33.3%; height: 58px; float: left; line-height: 58px; padding-top: 4px; text-align: center; font-size: 20px;}
.indTab .hd li a:hover{text-decoration: none; color: #333;}
.indTab .hd li.on{padding: 0; border-top: 4px solid #e60012; background-color: white;}
.indTab .bd{overflow: hidden; padding: 20px; background-color: white;}
/* 通用-侧栏框 */
.indSideBox{width: 300px; float: right; overflow: hidden;}
.indSideBox .hd{height: 62px; line-height: 62px; overflow: hidden; text-align: center; font-size: 20px; color: white; background-color: #00a0e9;}
.indSideBox .hd h3 a{color: white;}
.indSideBox .bd{overflow: hidden; padding: 15px 20px; background-color: #dff5ff;}
/* 第一屏 焦点图 ------------------------------------------*/
#focusBanner{width: 100%;height: 1080px;position: relative;}
#focusBanner .bd li{display: block; width: 100%; height: 1080px; background-size: cover !important;}
#focusBanner .bd li a{display: block;}
#focusBanner .con{display: none;}
#focusBanner .hd{bottom: 20px;width: 100%;height: 70px;text-align: center;right: auto;background: url(../../base/img/focusline.png) center top repeat-x;padding-top: 5px;position: absolute;}
#focusBanner .hd ul{display: flex;text-align: center;margin: 0 auto;justify-content: space-evenly;width: 100%;overflow: inherit;}
#focusBanner .hd ul li{width: 13px;float: none;height: 13px;line-height: 100px;background: none;border: 1px solid #fff;border-radius: 50%;display: block;box-shadow: 0 0 0 2px #ffffff44;margin: 0;}
#focusBanner .hd ul li span { display:block; width:9px; height:9px; margin:2px; background:#fff; border-radius:50%; overflow:hidden;}
#focusBanner .hd li.on span{background: #ff0; }

@keyframes bb{0%{transform: translate(-50%,0); opacity: 0;} 20%{transform: translate(-50%,3px); opacity: 1;} 80%{transform: translate(-50%,10px); opacity: 1;} 90%{transform: translate(-50%,10px); opacity: 0;} 100%{transform: translate(-50%,10px); opacity: 0;}}

.mouse{position: absolute;bottom: 2.5rem;left: 50%;z-index: 1000;display: flex;align-items: center;transform: translateX(-50%);justify-content: center;}
.mouse a{display: flex;width: 20px;height: 58px;background:url(../../base/img/mouseicon.png)no-repeat;align-items: center;justify-content: center;position: relative;z-index: 100;animation: bb 2s linear 0s infinite;margin-left: 20px;}
.mouse a img{width: .36rem;}

/* 第二屏 新闻资讯 S --------------------------------*/
#pageXwzx .mBd { display:flex; }
#focusPic {max-width: 50%;margin-bottom: 80px;}
#focusPic .bd { background:url(../../base/img/foucsboder.png) no-repeat right top}
#focusPic .bd .pic { padding:10px; background:url(../../base/img/foucsboder2.png) no-repeat left bottom;}
#focusPic .bd .pic img {height:auto;max-height:491px;box-shadow: 0 0 10px rgb(27 82 175 / 50%);border-radius: 20px 0;}
#focusPic .bd .con .title { position:relative;}
#focusPic .bd .con { position:relative;padding-top:20px }
#focusPic .bd .titleBg { display:none;}
#focusPic .bd .con .title a {color:#333;font-weight:bold;padding: 0;}
#focusPic .hd {right: 40px;}
#focusPic .next ,
#focusPic .prev {position:absolute;right:165px;bottom:7px;width:15px;height:28px;background:url(../../base/img/prevarr_blue.png) no-repeat;z-index: 9;cursor: pointer;}
#focusPic .next { right:10px; transform:scale(-1,1)}

/* 新闻资讯-头条新闻 */
#pageXwzx .topicList{flex: 1;padding-left:5%;display: flex;flex-direction: column;gap: 35px;}
#pageXwzx .topicList .t .title {text-align:left;font-size: 16px;padding-bottom: 8px;height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#pageXwzx .topicList .t .intro { height:44px; line-height:22px; overflow:hidden;}
#pageXwzx .topicList .t .date { float:right; font-size:14px; color:#D2B176; font-weight:100;}

.tzggList {display:grid;grid-template-columns:33% 33% 33%;width: 100%;gap:20px}
.tzggList li { border:1px solid #d2b17680;background: #fff url(../../base/img/tzgglibg.png) no-repeat right bottom; border-radius:0 10px; padding:30px; text-align:left; box-shadow: 0 0 10px rgb(210 177 118 / 20%)}
.tzggList li a { font-size:16px; line-height:2; height:64px; overflow:hidden; display:block; font-weight:700;}
.dateRight { color:#999}

/* 第三屏 媒体关注 -------------------------------- */
#mtgz  {background: url(../../base/img/demopic/ind-bg2a.png) no-repeat center top / 100% 783px;padding-top: 60px;margin-top: -60px;margin-bottom:60px}
#mtgz  .mHd .more { margin-right:80px;}
#mtgz  .mBd {padding: 90px 8% 0;}
#mtgz .mBd{height: 480px;}
#mtgz .topicCaleList li.t { float:left; width:24.65%; border-radius:50px 0 20px; overflow:hidden; margin-right:20px; background:#fff; text-align:left; }
#mtgz .topicCaleList li.t .con {padding:22px 26px;height: 126px;}
#mtgz .topicCaleList li.t .title {line-height:1.6;font-size:18px;margin-bottom:10px;font-weight:bold;max-height: 58px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#mtgz .topicCaleList .t .intro {font-size: 15px;line-height: 24px;color:#666;}
#mtgz .topicCaleList .n {margin: 0 3% 28px 0;padding-left: 2%;text-align: left;overflow:hidden;gap: 30px;color:#fff;display:flex;align-items: center;justify-content: flex-start;padding-right:56px;background:url(../../base/img/tclistliarr.png) no-repeat right;}
#mtgz .topicCaleList .n a {color:#fff;font-size:16px;line-height:2;flex: 1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#mtgz .topicCaleList .n .date {text-align:center;color:#D2B176;font-family: Source Han Serif CN, serif;min-width: 55px; text-align:center;}
#mtgz .topicCaleList .n .date .dd { display:block; font-size:32px; font-weight:bold; background:url(../../base/img/dateborder.png) no-repeat bottom; padding-bottom:10px;}
#mtgz .topicCaleList .n .date .ym {display:block;background:url(../../base/img/dateborder.png) no-repeat bottom;line-height:25px; padding-bottom:4px;}

#pageKxyj .row { display:flex; gap:90px; }
#pageKxyj #jlhz {width: 45%;}
#pageKxyj #kxyj { flex:1}

#jlhz ul {display:flex;flex-direction: column;gap: 30px;}
#jlhz ul li { text-align:left;}
#jlhz ul li a { display:block; font-size:16px; font-weight:bold;}
#jlhz ul li .dateRight { color:#D2B176; }

#kxyj .mBd { padding:10px 10px 0 0; background:url(../../base/img/foucsboder.png) no-repeat right top;}
#kxyj ul { background:#fff url(../../base/img/kxyjbdbg.png) no-repeat center left; border-radius:20px 0; overflow:hidden; padding:35px 48px; box-shadow:0 0 25px rgb(27 82 175 / 20%); text-align:left;}
#kxyj li.t {display:flex;gap:25px;margin-bottom: 20px;}
#kxyj li.t .pic {width: 40.936%;}
#kxyj li.t .pic img{height:auto;}
#kxyj li.t .con { flex:1; border-bottom:1px solid #e4e4e4; text-align:left;}
#kxyj li.t .con .title {text-align:left;margin-bottom: 5px;padding: 10px 0;font-size: 16px;line-height: 1.5;}
#kxyj li.t .con .intro {font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#kxyj li.t .con .date { color:#999; margin-top:10px; display:block;}

#ztzl {background: url(../../base/img/ztzlhdbg.png) no-repeat center top / 100% 164px;padding-top: 70px;padding-bottom: 120px;margin-top: -70px;}
#ztzl .mHd {background:url(../../base/img/ztzlhdhbg.png) no-repeat;width:241px;float:left;height: 400px;margin-right:40px;display:flex;flex-direction: column;}
#ztzl .mHd .more {background:none;padding:0;writing-mode: vertical-rl;letter-spacing: 2px;}
#ztzl .mHd h3 a{ margin-top:40px; background-position:center}
#ztzl .mBd  { overflow:hidden; padding-top:130px }
#ztzl .mBd li { width:420px; float:left; margin-right:30px;}
#ztzl .mBd li .pic img { border-radius:10px;}
#ztzl .mBd li .tit { font-size:16px; display:block; padding:15px 0 0}
#ztzl .swiper-button-prev { position:absolute; zoom:0.7; top:100px; right:90px; left:auto; color:#BA954E}
#ztzl .swiper-button-next { position:absolute; zoom:0.7; top:100px; right:0; left:auto; color:#BA954E}

#xxgk .mHd {display:flex;justify-content:center;margin-bottom: 60px;}
#xxgk .mBd {padding-bottom: 140px;}
.countList{margin: 25px 0 0 9px;text-align: center;display: flex;}
.countList li{ flex: 1; *width:19.9%; position:relative;background:url(../../base/img/countlibg.png) no-repeat 0;height:72px;padding: 49px 0 49px 49px;text-align: left;}
.countList li .icon{float:left;height: 72px;width:72px;line-height: 72px;overflow: hidden;background: url(../../base/img/countico1.png) center  no-repeat;margin-right: 10px;}
.countList li:after { content:""; width:1px; height:231px; background:url(../../base/img/countline.png) no-repeat; position:absolute; top:170px; left:85px;}
.countList li .num{font-family: "misans_number";height: 40px;line-height: 40px;font-size: 36px;font-weight: bold;overflow: hidden;color:#BA954E;padding-top: 4px;}
.countList li .unit{font-size: 24px;}
.countList li .tip{font-size: 16px;line-height: 22px;text-align: left; color:#666}
.countList li.li2 .icon{background-image: url(../../base/img/countico2.png);}
.countList li.li3 .icon{background-image:url(../../base/img/countico3.png);}
.countList li.li4 .icon{background-image:url(../../base/img/countico4.png);}
.countList li.li5 .icon{background-image:url(../../base/img/countico5.png);}
.countList li.li1 { margin-top:50px}
.countList li.li2 { margin-top:150px}
.countList li.li4 { margin-top:125px}
.countList li.li5 { margin-top:200px}

#sjmt {padding-bottom:70px;position: relative;z-index: 2;}
#sjmt .mHd {display:flex;justify-content:center;margin-bottom: 60px;}
#sjmt .mBd>.con {float:left;width:28.125%;height:290px;margin-right: 0.625%;margin-bottom:10px;border-radius: 50px 0;overflow:hidden;}
#sjmt .mBd>.con li {position:relative;}
#sjmt .mBd>.con li .pic a { width:100%; display:block; height:100%; position:absolute; background-size:cover!important; background-position:center!important}
#sjmt .mBd>.con:nth-child(2) { width:42.5%; border-radius: 0 50px;}
#sjmt .mBd>.con:nth-child(3) { float:right; margin-right:0; height:590px; border-radius: 0 50px;}
#sjmt .mBd>.con .con { position:absolute; bottom:0;width:84%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); color:#fff; text-align:left; padding:10px 8%}
#sjmt .mBd>.con .title a { color:#fff; font-weight:700; font-size:16px; line-height:24px; display:block;padding-bottom:5px;}
#sjmt .mBt { position: absolute; bottom: 0; left: 50%; width: 680px; margin: 0 0 0 -340px; height: 200px; padding-top: 100px;}
#sjmt .mBt .tips { display: inline-block; background: url(../../base/img/mouseico.png) no-repeat left; padding-left: 22px; font-size: 14px; color: #999;}
#sjmt .button-prev {position:absolute;width:50%;top:0;left: 0;height: 100%;cursor: pointer;}
#sjmt .button-next {position:absolute;width:50%;top:0;right: 0;height: 100%;cursor: pointer;}

#footer { position:relative; background:url(../../base/img/demopic/ind-footerbg.png) no-repeat center -356px;}
#footer:before { position:absolute; content:""; height:356px; width:680px; background:url(../../base/img/demopic/ind-footerbg.png) no-repeat center top; top:-356px; left:50%; margin-left:-340px;}
#footer:after { position:absolute; content:""; width:282px; height:58px; background:url(../../base/img/foot-logo.png) no-repeat; left:50%; top:-125px; margin-left:-141px;}

/* 媒体查询，根据分辨率比例（特殊分辨率 1280/800 2560/1600） 重定义css */
@media screen and (device-aspect-ratio:8/5){
}
/*--
颜色代码
#166bbd 深色标题
#ddd 淡色边框
--*/