@charset "utf-8";


/*引导页-----------------*/
body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;}
.home{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.home body{height:100%;overflow:hidden;padding:0;}
.body_home{height: 100vh;overflow:hidden;position: relative;width: 100%;}

.body_b{position:fixed;left:0%;top:100%;bottom:0;right:0;background:#fff;overflow:hidden;transition:top 0.8s cubic-bezier(0.5,0,0.2,1) 0s;z-index:1;overflow:auto;outline:none;}
.body_b.showdiv{top:0;}
.body_b .header{position: fixed;transform: translateY(-130px);}
.body_b.showdiv .header{ transform: translateY(0px);}
.body_home.showdiv .Gnav{position: absolute;bottom:0;width:100%;left:0;z-index: 99;height:170px;background:url(../../base/img/gnavbg.png);transform: translateY(0px);}
.body_home .Gnav{transition: 0.5s;position: absolute;bottom:0;width:100%;left:0;z-index: 99;height:170px;background:url(../../base/img/gnavbg.png); transform: translateY(170px); }
.body_home .Gnav ul .li1{float:left;width: 16.666%;height: 170px; text-align:center;overflow:hidden}
.body_home .Gnav ul .li1 .h1{display: block;width: 100%;height: 100%; position:relative;}
.body_home .Gnav ul .li1 .h1:after{content:'';display:block;width:0px;height:2px;background:#fff;position:relative;position:absolute;top: 79px;left:50%;margin-left:0px;transition: 0.3s;}
.body_home .Gnav ul .li1 .a1{color:#fff;display: block;width: 100%;height: 100%;overflow:hidden;padding-top: 40px; font-size:18px;transition: 0.3s;}
.body_home .Gnav ul .li1 .a1:hover{ text-decoration:none;}
.body_home .Gnav ul .li1 .a1:after{content:'';display:block;width:60px;height:60px;margin: 10px auto;transition: 0.3s;filter: drop-shadow( 0px 4px 0px #009b4c);}

.body_home .Gnav ul #li-jtgk .a1:after{ background:url(../../base/img/icon-gnav-05.png)}
.body_home .Gnav ul #li-xwzx .a1:after{ background:url(../../base/img/icon-gnav-01.png)}
.body_home .Gnav ul #li-cybk .a1:after{ background:url(../../base/img/icon-gnav-02.png)}
.body_home .Gnav ul #li-kjcx .a1:after{ background:url(../../base/img/icon-gnav-04.png)}
.body_home .Gnav ul #li-djsc .a1:after{ background:url(../../base/img/icon-gnav-06.png)}
.body_home .Gnav ul #li-rczp .a1:after{ background:url(../../base/img/icon-gnav-03.png)}
.body_home .Gnav ul .li1 .a1:hover{background: url(../../base/img/gnavlibg.jpg);}
.body_home .Gnav ul .li1:hover .h1:after{width:30px;margin-left:-15px;}
.body_home .Gnav ul .li1:hover .a1{ padding-top:30px}
.body_home .Gnav ul .li1:hover .a1:after{content:'';display:block;width:60px;height:60px;margin: 30px auto;filter: drop-shadow( 0px 4px 0px #b18120);}
.body_home .Gnav ul  #li-home{ display:none}


/*首页------------------*/
html { background: #fff; }
.Column { width: 100%; min-width: 1200px; }
#content { background: #fff; background-image: none; }
#indZxyw { margin: 50px auto; overflow: hidden; margin-top: 190px; }
.areaL {width: 690px;float: right;height: 420px;z-index: 2;}
#focusNews { width: 690px; height: 420px; }
#focusNews .hd{ display:none;}
.focusBox .bd .pic { height: 420px; background: #f7f7f7 }
.focusBox .bd .pic img { width: 100%; height: 420px; border: 0; }
.areaR {overflow: hidden;float: left;width: 670px;z-index: 2;position: relative;}


.focusBox .bd .con{position: absolute; width: 100%; z-index: 1; bottom: 0; height: 66px; line-height: 66px; text-align: left;}
.focusBox .bd .con .title{position: absolute;width: 80%;bottom: 0;left: 0;z-index: 1;height: 100%;overflow: hidden;}
.focusBox .bd .con .title a{color: #fff;padding-left: 10px;text-decoration: none;font-size: 16px;}
.focusBox .bd .con .titleBg{position: absolute;width: 100%;z-index: 0;bottom: 0;left: 0;background: #000;filter: alpha(opacity=60);opacity: 0.6;height: 66px;}
.focusBox .arrow{width: 30px;height: 30px;background:#fff;position:absolute;right:0;cursor:pointer;text-align: center;line-height: 30px;z-index: 8;font-size: 12px;bottom: 16px;}
.focusBox .arrow:hover{opacity:0.95; background:#f00; color:#fff; transition:0.3s}
.focusBox .arrow.prev{right: 59px;}
.focusBox .arrow.next{right: 18px;}
.focusBox .arrow:before{font-size: 20px;color: #333;}
.focusBox .arrow:hover:before{ color:#fff}
.pageState{position:absolute;bottom: 17px;right: 110px;z-index: 8;color: #fff;letter-spacing: 4px;}
.pageState span{ font-size:20px; color:#F69400}


/* 通用box */
.boxT .hd { text-align: center; margin:20px  50px; margin-bottom:70px }
.boxT .hd h3 { z-index: 1; position: relative; }
.boxT .hd h3:after{ content:''; display:block; width:5px; height:30px; background:#009B4C; position:absolute;top:45px; left:50%; margin-left:-2.5px;}
.boxT .hd h3 a { font-size: 30px; color: #009B4C; font-weight: bold; }
.boxT .hd .en { font-size: 54px; font-weight: bold; text-transform: uppercase; opacity: 0.05; position: absolute; top: 0; display: block; text-align: center; width: 100%; color: #c00; z-index: 0; left: 0; }
.boxT .hd ul { text-align: center; line-height: 30px; }
.boxT .hd ul li { display: inline-block; }
.boxT .hd ul li a { font-size: 28px; color: #999; }
.boxT .hd a:hover { text-decoration: none; opacity: 0.8; }
.boxT .hd ul li.on a { color: #009B4C }
.boxT .hd ul .spe { width: 1px; height: 20px; margin: 0 20px; background: #c5c5c5; display: inline-block; }
.boxT .moreBtn { background: #eee; color: #999; display: block; margin: 40px auto 0 auto; width: 200px; text-align: center; height: 32px; line-height: 32px; font-size: 14px; transition: 0.3s; }
.boxT .moreBtn:hover { text-decoration: none; color: #E1B45C; background: #F5EDE3; }
.boxT .moreBtn:after { content: ''; width: 26px; height: 20px; background: url(../../base/img/arrow-r.png) no-repeat -18px 0px; display: inline-block; vertical-align: middle; transition: 0.5s; margin-left: 6px; }
.boxT .moreBtn:hover:after { width: 30px; background: url(../../base/img/arrow-r.png) no-repeat 13px 0px; }


.boxN .hd {margin-bottom:20px;position: relative;/* overflow: hidden; */height: 55px;}
.boxN .hd h3 {z-index: 1;position: relative;float: left;}
.boxN .hd h3:after{content:'';display:block;width:5px;height:30px;background:#009B4C;position:absolute;top: 53px;left: 25%;margin-left:-2.5px;}
.boxN .hd h3 a {font-size: 30px;color: #009B4C;font-weight: bold;padding-left: 26px;margin-top: 10px;display: block;}
.boxN .hd .en {font-size: 54px;font-weight: bold;text-transform: uppercase;opacity: 0.05;position: absolute;top: 10px;display: block;text-align: left;width: 100%;color: #c00;z-index: 0;left: 0;}
.boxN .hd ul {line-height: 30px;float:right;margin-top: 15px;z-index: 9;position: relative;}
.boxN .hd ul li {float:left; }
.boxN .hd ul li a {font-size: 16px;color: #333;padding: 0 10px;}
.boxN .hd ul li a:hover{ color:#F08519; text-decoration:none;}
.boxN .bd{padding: 36px 10px 30px 30px;}

/* 图片-列表页 */
.picPageList { margin-right: -3%; overflow: hidden; text-align: center; }
.picPageList li { border: 1px solid #e2e2e2; float: left; width: 23%; margin: 10px 20px 10px 0; *display: inline; position: relative; overflow: hidden; }
.picPageList .pic { margin: 3%; }
.picPageList .pic img { height: auto; width: 100%; }
.picPageList .title { margin: 3%; display: block; overflow: hidden; line-height: 28px; padding: 5px 0; height: 55px; z-index: 3; color: #333; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; }
.picPageList .title a { color: #333; padding: 0 10px; display: block; font-size: 14px; }
.picPageList .title a:hover { color: #037a52 }
.picPageList li:hover { border-style: solid; border-width: 1px; border-color: rgb(224, 224, 224); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14); border: 1px solid #bdbdbd; }
.picPageList .con { padding: 0 3% 6% 3%; }

/* 首页大广告图 */
.nbanner { display: none; }
.banner {position: relative;overflow: hidden;z-index: 0;width: 100%;}
.banner .bd {position: relative;z-index: 0;}
.banner .bd li {width: 100%;height: 100vh;}
.banner .bd li img { width: 100%; }
.banner .bd li .con { display: none; }
.banner .hd {width: 100%;min-width: 1200px;position: absolute;z-index: 99;bottom: 200px;height: 40px;line-height: 40px;text-align: center;background: none;filter: alpha(opacity=60);opacity: 0.9;}
.banner .hd ul { text-align: center; padding-top: 5px; }
.banner .hd ul li {background: #fff;cursor: pointer;display: inline-block;position: relative;width: 13px;height: 13px;border-radius: 9px;margin: 5px;overflow: hidden;font-size: 0;transition:0.3s;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);}
.banner .hd ul li.on{width: 30px;}
.banner .hd ul li:after {content: '';width: 0;height: 6px;position: absolute;top: 0;left: 0;transition: 1s;height: 13px;border-radius: 5px;}
.banner .hd ul li.on:after { background: #F1AB46; width: 100%; }
.banner .hd .num { display: none; }
.banner .arrow { position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; background: url(../../base/img/opacity30.png); z-index: 9; border-radius: 30px; cursor: pointer; }
.banner .arrow.prev { left: 10%; }
.banner .arrow.next { right: 10%; }
.banner .arrow:hover { opacity: 0.8 }
.banner .arrow.prev:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../../base/img/bigArrow.png) no-repeat  center -85px; position: absolute; top: 20px; left: 20px; }
.banner .arrow.next:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../../base/img/bigArrow.png) no-repeat  center 3px; position: absolute; top: 20px; left: 20px; }
@media screen and (max-width:1500px) {
    .banner .arrow.prev { left: 3%; }
    .banner .arrow.next { right: 3%; }
}

/*新闻中心*/
#indXwzx { position: relative; margin: 50px 0; }
#indXwzx .iBd li { margin-right: 20px; padding-bottom: 30px; transition: 0.5s; }
#indXwzx .iBd li img { }
#indXwzx .iBd li .intro { font-size: 12px; text-align: left; padding: 0 20px; overflow: hidden; color: #999; }
#indXwzx .iBd li .others:after { content: ''; display: block; width: 180px; height: 1px; background: #f0f0f0; margin: -16px auto; z-index: 0; }
#indXwzx .iBd li .others .date { background: #ffffff; display: inline-block; position: relative; padding: 0 10px; }
#indXwzx .iBd li:hover { transform: translateY(-10px); }

#indZxyw .siteWidth{position: relative;height: 500px;}
#indZxyw .siteWidth:before{content:"";width: 83%;height: 415px;background: #F6F6F6;position: absolute;top: 58px;left:0;z-index: 0;}

#indZxyw .Xwzx .t{position:relative;overflow: hidden;margin-bottom: 0;}
#indZxyw .Xwzx .t .date{width:64px; height:150px;float: left; margin-right:20px}
#indZxyw .Xwzx .t .date .date-md{background:#c00;color:#fff;font-size:36px;width: 100%;display: block;height: 45px;text-align: right;line-height: 45px;padding-right:10px;box-sizing:border-box;font-weight: bold;}
#indZxyw .Xwzx .t .date .date-yy{width:100%;display:block;text-align:right;color: #c00;}

#indZxyw .Xwzx .t .con{}
#indZxyw .Xwzx .t .tit{font-size:24px;color:#c00;font-weight:normal;margin-bottom: 20px;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#indZxyw .Xwzx .t .intro{ font-size:14px; color:#999; position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#indZxyw .Xwzx .t:before{content:'';width:60px;height:1px;background: #d4d4d4;position:absolute;top: 99px;left: 7px;}

.txtPageList { margin-right: -40px; }
.txtPageList li {width: 320px;height: 340px;float: left;margin-right: 40px;padding: 20px;box-sizing: border-box;transition: 0.5s;position: relative;overflow: hidden;text-align: center;}
.txtPageList li a {font-size: 15px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 10px;}
.txtPageList li a:hover{ text-decoration:none;}
.txtPageList li .more{font-size:14px;background:#E1B45C;color:#fff;width:100px;text-align:center;display:block;padding:5px 0;margin:0 auto;transform: translateY(100px);transition: 0.5s;}
.txtPageList li .more:hover{ text-decoration:none; opacity:0.8}
.txtPageList li .intro { font-size: 14px; line-height: 20px; height: 40px; color: #999; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.txtPageList li .others { color: #999; }
.txtPageList li .others span { display: inline-block; line-height: 30px; float: left; }
.txtPageList li .others span:before { content: ""; width: 18px; height: 18px; background: url(../../base/img/icon-date.png) no-repeat 4px -58px; display: inline-block; margin-right: 5px; float: left; margin-top: 5px; }
.txtPageList li .others span.node { height: 30px; overflow: hidden; width: 57%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.txtPageList li .others span.date { width: 43%; }
.txtPageList li .others span.date:before { background: url(../../base/img/icon-date.png) no-repeat 1px -28px; }
.txtPageList li:hover {box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);background: #fff;}
.txtPageList li:before { content: ""; width: 0px; height: 3px; background: #E1B45C; display: block; position: absolute; bottom: -3px; left: 50%; margin-left: 0px; transition: 0.5s; }
.txtPageList li:hover:before {width: 150px;margin-left: -75px;bottom: 0;}
.txtPageList li:hover .more{transform: translateY(7px);}





/*产业板块*/
#indKxpj {background: url(../../base/img/bg-cybk.jpg) rgb(188 188 188 / 0.2) no-repeat center;padding: 50px 0 90px 0;background-size: cover;}
#indKxpj .arrow { position: absolute; top: 50%; margin-top: -30px; width: 50px; height: 50px; background: url(../../base/img/opacity30.png); z-index: 9; border-radius: 30px; cursor: pointer; }
#indKxpj .arrow.prev { left: -70px; }
#indKxpj .arrow.next { right: -70px; }
#indKxpj .arrow:hover { opacity: 0.8 }
#indKxpj .arrow.prev:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../../base/img/bigArrow.png) no-repeat  center -85px; position: absolute; top: 16px; left: 15px; }
#indKxpj .arrow.next:before { content: ""; display: inline-block; width: 20px; height: 24px; background: url(../../base/img/bigArrow.png) no-repeat  center 3px; position: absolute; top: 14px; left: 17px; }
#indKxpj .bd ul {  text-align: center; }
#indKxpj .bd ul li { float: left; position: relative; overflow: hidden; box-sizing: border-box; transition: 0.5s; width: 466px; height: 200px;border: 5px solid rgb(255 255 255 / 0%); }
#indKxpj .bd ul li a { display: block; width: 100%; height: 100%; color: #fff; padding-top: 40px }
#indKxpj .bd ul li a p { font-size: 20px; }
#indKxpj .bd ul li a:hover { text-decoration: none; }
#indKxpj .bd ul li.n1 { background: url(../../base/img/bk-01.png) center no-repeat }
#indKxpj .bd ul li.n2 { background: url(../../base/img/bk-02.png) center no-repeat }
#indKxpj .bd ul li.n3 { background: url(../../base/img/bk-03.png) center no-repeat }
#indKxpj .bd ul li.n4 { background: url(../../base/img/bk-04.png) center no-repeat }
#indKxpj .bd ul li.n5 { background: url(../../base/img/bk-05.png) center no-repeat }
#indKxpj .bd ul li.n6 { background: url(../../base/img/bk-06.png) center no-repeat }
#indKxpj .bd ul li .pic { margin: 15px; }
#indKxpj .bd ul li .pic img {/* height: 186px; *//* width: 100%; */ }
#indKxpj .bd ul li .pic a:hover { text-decoration: none }
#indKxpj .bd ul li .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 3%; display: block; overflow: hidden; line-height: 28px; padding: 0 0 5px 0; height: 30px; z-index: 3; color: #333; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; }
#indKxpj .bd ul li .title a { color: #333; padding: 0 10px; display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#indKxpj .bd ul li .title a:hover { color: #037a52 }
#indKxpj .bd ul li:hover{border: 5px solid rgb(255 255 255 / 58%);box-sizing: border-box;}

#indKxpj .bd ul .con { padding: 0 3% 6% 3%; }
#indKxpj .bd ul li:before {content: "";width: 0px;height: 3px;background: #f6a305;display: block;position: absolute;bottom: -3px;left: 50%;margin-left: 0px;transition: 0.5s;}
#indKxpj .bd ul li:hover:before { width: 120px; margin-left: -60px; bottom: 0; }
#indKxpj .tempWrap { padding-left: 5px; margin-left: -5px; width: 1400px !important; }
@media screen and (max-width:1500px) {
    #indKxpj .arrow.prev { left: -5%; }
    #indKxpj .arrow.next { right: -5%; }
}



/*产业板块*/
#indJpgc {background: url(../../base/img/bg-jpgc.jpg) no-repeat center bottom;padding: 50px 0 90px 0;background-size: contain;}
#indJpgc .htt{ margin:40px 0}
#indJpgc .htt ul{ text-align:center;}
#indJpgc .htt ul li{ display:inline-block}
#indJpgc .htt ul li a{display:block;padding: 2px 24px;font-size:16px;}
#indJpgc .htt ul li a:hover{ text-decoration:none;}
#indJpgc .htt ul li.on a{ background:#E1B45C; color:#fff}

#indYqlj {background:#fff;padding: 50px 0 50px 0;height: 172px;}
#indYqlj .rczp{ position: absolute; top:0; right:0; }
#indYqlj .FriendLInk{margin-right: 340px;}
#indYqlj .FriendLInk .friendLinkList li{ float:left; margin-right:30px}



/* 返回顶部 */
.gotop { position: absolute; top: 0; right: 0; display: block; font-size: 16px; color: #fff; border-bottom: 1px solid #ffffff8c; }
.gotop:after { content: ''; display: block; width: 18px; height: 18px; background: url(../../base/img/gotop.png); float: right; margin-top: 6px; margin-left: 5px; }
.gotop:hover { color: #fff; opacity: 0.8; text-decoration: none }


/*适配1600px*/
@media screen and (max-width:1600px) {
    .txtPageList li { margin-right: 15px; width: 288px; }
    .txtPageList li.last { margin-right: 0; }
    #indKycg .pl-list li { margin-right: 15px; }
    #indKycg .pl-list li a img { width: 228px; height: 105px; }
    .lw-List li { width: 267px; height: 190px; }
    .lw-List .split { margin: 0 20px; }
    #indZtjj .bd ul li { width: 230px; margin: 10px 10px 10px 0px; }
    #indZtjj .bd ul li .pic { margin: 10px; }
    #indZtjj .bd ul li .pic img { height: 130px; width: 100%; }
    #indKxpj .bd ul li {width: 400px;}
    #indKxpj .bd ul li .pic { margin: 12px; }
    #indKxpj .bd ul li .pic img { height: 156px; width: 100%; }
    #indKxpj .tempWrap { width: 1200px !important; }
    #indZtjj .bd ul li .pic { margin: 15px; height: 160px; }
    .areaR {width: 502px;}
}

/*index.css*/