@import "RajdhaniMedium.css";
@import "RajdhaniSemiBold.css";
@import "RajdhaniBold.css";
@import "css-NotoSansSC100300400500700900.css";
body,html{ margin:0; padding:0;font-size:0; line-height:100%; width:100%; color:#666;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei"; background:#fff; overflow-x:hidden;-webkit-text-size-adjust:none;}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#555}
a:active,a:focus,a:hover{outline:none; color:#af251c}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}

*{box-sizing:border-box;outline:none;}

.toTop{ position:fixed;bottom:0; right:0; display:block; width:32px; height:32px; background:url(../image/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../image/toTopHover-1.0.png) no-repeat;background-size:100% 100%;opacity:1.0}


.boxTop{ position:fixed; top:0; left:0;width:100%; z-index:1000;height:80px;}
.boxTop1{position:relative;box-sizing:border-box; width:96%; text-align:right; display:block; margin:0 2% 0 2%}
.logo{position:absolute; left:0; top:17px; height:46px}


@font-face {
  font-family: "DINCond";
  src: url("") format("woff2"),
       url("") format("woff"),
       url("") format("truetype"),
       url("") format("embedded-opentype"),
       url("") format("svg");
  font-weight:normal;
  font-style:normal;
}


@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:80px; text-align:center;display:inline-block;  vertical-align:middle;}
.boxNav li{display:inline-block;position:relative; padding:0 0.8vw; margin:0 0.8vw;}
.boxNav li span a{display:block;font-size:14px;line-height:80px; color:#555; font-weight:500}
.boxNav li span a:hover{color:#af251c}
.boxNav li span i{ height:4px; background:#af251c; width:100%; position:absolute; top:0; left:0; display:none}
.boxNav li .on i{ display:block;animation:ANavI 0.3s}

.boxNav li div{position:absolute; top:80px; left:0;width:180%;text-align:left;padding:10px;border-radius:3px; z-index:2; display:none;background:rgba(255,255,255,0.98);box-shadow:0 0 10px rgba(0,0,0,0.1);}
.boxNav li div a{display:block;font-size:14px;line-height:20px; padding:15px 0.7vw; border-bottom:1px solid rgba(0,0,0,0.1); }
.boxNav li div a:hover{ color:#af251c}
.boxNav li div a:last-child{ border:none}
.boxNav li:nth-child(4) div{width:240%;}
.boxNav li:nth-child(5) div{width:180%;}

.icoTop{display:inline-block;height:80px;vertical-align:middle; float:right;}
.icoTop a{ position:relative;display:inline-block; vertical-align:middle}
.icoTop a i{display:block;height:80px;}
.icoTop a div{position:absolute; top:80px; right:-45px; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:10px 0; width:110px}
.icoTop a span{display:inline-block; width:90px;}
.icoTop a div img{width:90px}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}



.topGp{width:150px; margin:0 20px 0 0}
.topGp i{background:url(../image/icoTopGp.png) no-repeat center ;}

.topWx{}
.topWx i{background:url(../image/icoTopWx.png) center no-repeat; width:20px;}
.topWx:hover i{background:url(../image/icoTopWxHover-1.0.png) center no-repeat;}


.topSearch i{background:url(../image/icoTopSearch-1.0.png) center no-repeat; width:17px;}
.topSearch:hover i{background:url(../image/icoTopSearchHover.png) center no-repeat; }

.topOa{margin:0 15px}
.topOa i{background:url(../image/icoTopOa-1.0.png) center no-repeat; width:24px;}
.topOa:hover i{background:url(../image/icoTopOaHover.png) center no-repeat; }


.bgTop{ background:rgba(255,255,255,0.9)!important;box-shadow:0 0 10px rgba(0,0,0,0.1);backdrop-filter:blur(40px)}


.whiteCon{background:none!important;} 
.whiteCon .boxNav li span a{color:#fff!important}
.whiteCon .boxNav li span a:hover{color:#fff!important}
.whiteCon .topGp i{background:url(../image/icoTopGpWhite.png) no-repeat center ;}
.whiteCon .topWx i{background:url(../image/icoTopWxWhite.png) center no-repeat; width:19px;}
.whiteCon .topSearch i{background:url(../image/icoTopSearchWhite.png) center no-repeat; }
.whiteCon .topOa i{background:url(../image/icoTopOaWhite.png) center no-repeat;}


.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../image/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:13px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#af251c; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#d72d22}



.boxFoot{ background:#2c2e32; color:rgba(255,255,255,0.6); font-size:12px; line-height:22px; padding:30px 2%}
.boxFoot span{float:right; line-height:44px}
.boxFoot a{color:rgba(255,255,255,0.6);}
.boxFoot a:hover{color:#fff}


.boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; z-index:100; background:#fff; display:none;}
.logoM{ position:absolute;left:15px; top:17px; height:36px;}

.openMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(../image/openMenu.png) no-repeat center/cover;}
.closeMenu{width:70px; height:70px; position:absolute; top:0; left:-70px;background:#fff url(../image/closeMenu.png) no-repeat center; background-size:cover;}


.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 70px); height:100%;background:#af251c url(../image/bgNavM-1.3.png) no-repeat right bottom/100% auto;overflow-y:auto; padding:60px 30px 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative; border-bottom:1px solid rgba(255,255,255,0.2)}
.boxNavM li span{display:block; position:relative; width:100%; }
.boxNavM li span a{display:block;font-size:14px;line-height:46px; color:rgba(255,255,255,0.6); }
.boxNavM li span a:hover{ color:#fff}
.boxNavM li span i{ position:absolute; right:0; top:0;display:inline-block; width:50px; height:50px;background:url(../image/icoNavM.png) no-repeat right center/16px 16px; opacity:0.5}
.boxNavM li .on i{background:url(../image/icoNavM1.png) no-repeat right center/16px 16px!important}
.boxNavM li .on a{color:#fff}
.boxNavM li div{display:none; z-index:100}
.boxNavM li div a{display:block; line-height:20px; font-size:12px; text-align:left; color:rgba(255,255,255,0.6); padding:12px 0 12px 10px; background:url(../image/icoNavMDian.png) no-repeat left 21px/4px 4px}
.boxNavM li div a:hover{color:#fff}
.boxNavM li div .on{color:#fff}

.searchTopM{margin:20px 0; padding:8px 0;background:#e6e6e8}
.searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:14px;color:#999; text-indent:10px;}
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(404.png) center no-repeat; background-size:40px 40px;cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}

.icoTopM{text-align:center; color:#fff}
.icoTopM img{ width:50%;vertical-align:middle}
.icoTopM span{font-size:14px; line-height:14px; margin-top:10px; display:inline-block; vertical-align:middle; width:50%; padding:0 0 0 10px;  line-height:26px;}



.whiteConM{background:none!important;}
.whiteConM .openMenu{background:url(404.png) no-repeat center/cover!important;}


.btnGo{position:absolute; left:50%; margin-left:-12px; bottom:50px;animation:arrowGo 1s linear 0s infinite alternate;background:url(../image/icoArrow.png) center no-repeat; background-size:100% 100%; display:none; width:24px; height:30px; opacity:0.7; z-index:100;}
.btnGo:hover{opacity:1.0}

@keyframes arrowGo { 
0% {bottom:70px}
50% {bottom:50px}
100% {bottom:30px}
}


.banner{width:100vw;height:36.458vw;overflow:hidden; position:relative; margin:0 0 0 calc((100% - 100vw)/2)}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important; background-position:center!important; background-color:#000}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{bottom:30px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:8px; height:8px; background:#fff; opacity:1.0; border-radius:4px;}
.banner .swiper-pagination-bullet-active{background:#fff; width:22px;}
.banner .swiper-button-prev{left:2%;margin-top:-18px; width:20px; height:36px; background:url(../image/bannerJtLeft.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(../image/bannerJtLeft.png) no-repeat center/cover;opacity:1.0}
.banner .swiper-button-next{right:2%;margin-top:-18px;width:20px; height:36px;  background:url(../image/bannerJtRight.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(../image/bannerJtRight.png) no-repeat center/cover;opacity:1.0}


.banner .bannerImg{width:100%;height:100%;background-size:cover!important;background-position:center!important; position:relative; z-index:1}
.banner .bannerSlogan{ position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; background:url(../image/bannerSlogan.png) no-repeat center/100% auto; z-index:101}
.banner .bannerMask{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,0.3)}
.banner .btnVideo{width:40px; height:40px; background:url(../image/icoVideo.png) no-repeat center/cover; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:101; display:none}
.banner video{display:none;position:absolute;z-index:2;top:50%;left:0; height:auto;width:100%;transform:translateY(-50%); }



.bannerM{width:100vw;height:100vw;overflow:hidden;position:relative; margin:70px 0 0 0;display:none}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-pagination{bottom:20px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; }
.bannerM .swiper-pagination-bullet-active{background:#fff; width:20px;}

.bannerM .bannerImg{width:100%;height:100%;background-size:cover!important;background-position:center!important; position:relative; z-index:1}
.bannerM .bannerSlogan{ position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; background:url(../image/bannerSloganM.png) no-repeat center 60%/100% auto; z-index:101}
.bannerM .bannerMask{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,0.3)}

.bannerM .btnVideo{width:100%; height:100%; background:url(../image/icoVideo.png) no-repeat center calc(60vw - 110px)/40px 40px; position:absolute; top:0; left:0; z-index:102; }



.boxZhezhao{ background:rgba(0,0,0,1); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none}
.boxZhezhao video{width:100%; height:100%;}
.closeZhezhao{display:block;width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../image/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.closeZhezhao:hover{ transform:rotateZ(180deg);}



.bgBox{width:100%; background:#fff url(../image/bg.png) no-repeat top center/100% auto; overflow:hidden;}
.boxMax{width:100%; max-width:1500px; padding:0 50px; position:relative; z-index:1; box-sizing:border-box; margin:0 auto}


.bgIndNews{width:100%; background:url(../image/bg.png) no-repeat top center/100% auto; overflow:hidden; border-bottom:4px solid #e5e5e5}
.boxIndNews{width:100%; max-width:1500px; padding:70px 50px; position:relative; display:block; margin:0 auto; min-height:630px; background:url(../image/imgJz.png) no-repeat left bottom}

.navIndNews{ font-size:40px; line-height:40px; position:absolute; top:70px; left:50px}
.navIndNews i{letter-spacing:10px}

.indGp{position:absolute; top:160px; left:50px}
.indGp h1{font-size:14px; line-height:26px; font-weight:500}
.indGp h1 i{display:block; font-size:20px;}
.indGp h2{font-family:'RajdhaniSemiBold'; height:60px; margin:10px 0 0 0}
.indGp h2 i{font-size:60px; line-height:60px; display:inline-block; vertical-align:bottom}
.indGp h2 span{width:17px;height:15px;display:inline-block; vertical-align:bottom; margin:0 0 15px 5px}
.indGp h3{font-size:12px; line-height:22px; color:#999}
.indGp h3 i{display:block}

.indGp .gpUp{ color:#af251c}
.indGp .gpUp span{ background:url(../image/icoGpUp.png) no-repeat center right/auto 100%; }
.indGp .gpDown{ color:#008a24}
.indGp .gpDown span{ background:url(../image/icoGpDown.png) no-repeat center right/auto 100%;}



.btnMore{line-height:52px; height:52px; width:180px; margin:0 auto}
.btnMore a{width:100%; height:100%;border-radius:6px; display:block; position:relative; overflow:hidden; margin:0 auto; text-align:center;}
.btnMore i{display:inline-block; padding:0 26px 0 0; font-size:14px; color:#999; background:url(../image/icoJtMore.png) no-repeat right center; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMore span{border:1px solid #bbb;border-radius:6px;position:absolute; width:100%; height:100%; display:block}
.btnMore div{position:absolute; left:0; top:0; width:0; height:100%; background:#af251c;z-index:1;transition:all 0.3s ease;}
.btnMore:hover i{color:#fff; background:url(../image/icoJtMore1.png) no-repeat right center;}
.btnMore:hover div{width:100%;}

.btnMoreWhite{line-height:52px; height:52px; width:180px;margin:0 auto}
.btnMoreWhite a{width:100%; height:100%;border-radius:6px; display:block; position:relative; overflow:hidden; margin:0 auto; text-align:center;}
.btnMoreWhite i{display:inline-block; padding:0 26px 0 0; font-size:14px; color:#fff; background:url(../image/icoJtMore1.png) no-repeat right center; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMoreWhite span{border:1px solid #fff;border-radius:6px;position:absolute; width:100%; height:100%; display:block}
.btnMoreWhite div{position:absolute; left:0; top:0; width:0; height:100%; background:#af251c;z-index:1;transition:all 0.3s ease;}
.btnMoreWhite:hover i{color:#fff; background:url(../image/icoJtMore1.png) no-repeat right center;}
.btnMoreWhite:hover div{width:100%;}


.indNewsMore{position:absolute; left:50px; top:360px;}

.indNews{ padding:0 0 0 25%; width:100%;}
.indNewsHead{ position:relative;line-height:26px; text-align:justify}
.indNewsHead h1{font-size:26px; height:26px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555}
.indNewsHead h2{font-size:26px;font-family:'RajdhaniBold'; color:#af251c;margin:10px 0 20px 0;}
.indNewsHead h3{ font-size:16px;color:#aaa}
.indNewsHead a:hover h3{ color:#888}

.indNewsList{overflow:hidden;position:relative; margin:50px 0 0 0;}
.indNewsList .swiper-slide{width:calc((100% - 90px)/3); position:relative; overflow:hidden; margin:0 45px 0 0;}
.indNewsList .swiper-slide:last-child{ margin-right:0}
.indNewsList .swiper-slide div{ width:100%; height:calc((75vw - 140px)/3*0.667); max-height:220px; overflow:hidden}
.indNewsList .swiper-slide div img{ width:100%; height:100%;transition:transform 0.5s;}
.indNewsList .swiper-slide h1{font-size:18px; font-family:'RajdhaniBold'; color:#999;line-height:26px; margin:15px 0 0 0}
.indNewsList .swiper-slide h2{ font-size:16px; line-height:26px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.indNewsList .swiper-slide a:hover img{transform:scale(1.2);}


.navInd{padding:70px 0;font-size:40px; line-height:40px; text-align:center;}
.navInd i{letter-spacing:10px}



.boxCy{ width:100%;height:35vw;background:url(../image/imgInd1.jpg); background-position:center!important; background-size:cover!important; background-color:#000!important;margin:0 0 0 0; overflow:hidden}
.boxCy ul{width:100%; height:100%; display:block; margin:0 auto;}
.boxCy li{display:inline-block; width:16.666%; height:100%; border-left:1px solid rgba(255,255,255,1.0); position:relative; color:#fff;transition:all 0.3s ease;  text-align:left}
.boxCy li h1{text-align:center; width:100%; position:absolute; top:50%; margin-top:-75px;transition:all .3s ease-out .2s; z-index:1}
.boxCy li h1 i{ display:inline-block; text-align:center}
.boxCy li h1 img{margin:0 0 10px 0; width:5vw; max-width:80px;}
.boxCy li h1 p{ line-height:1.4vw; font-size:1.4vw; font-weight:500}
.boxCy li h2{ font-size:0.96vw; line-height:1.6vw; opacity:0;position:absolute; top:100%; width:calc(100% - 80px); max-width:760px; text-align:justify; transition:all .5s ease-out .2s;z-index:1}
.boxCy li h3{position:absolute; top:120%; left:40px; opacity:0;transition:all .7s ease-out .2s;z-index:1}
.boxCy li h4{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; z-index:0}

.boxCy .on{ width:50%!important; border-bottom:10px solid #af251d;background:rgba(0,0,0,0.4); padding:0 40px}
.boxCy .on h1{ text-align:left; top:32%;}
.boxCy .on h2{ opacity:1; top:44%}
.boxCy .on h3{ opacity:1; top:60%}



.indInvList{width:100%;max-width:1500px; padding:0 50px;text-align:center; margin:0 auto; display:block}
.indInvList a{width:calc((100% - 100px)/3); min-height:170px; border-radius:6px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); margin:0 50px 0 0; padding:0 30px; display:inline-block; vertical-align:middle}
.indInvList a:nth-child(3n+3){margin-right:0;}
.indInvList h1{ width:90px; height:90px; margin:40px 0; background:url(../image/dateLine.png) no-repeat center; position:relative; font-family:'RajdhaniSemiBold'; display:inline-block; vertical-align:middle}
.indInvList h1 i{position:absolute; left:0; top:10px; font-size:40px; line-height:40px;}
.indInvList h1 font{position:absolute; right:0; bottom:10px;font-size:16px; line-height:16px;}
.indInvList h2{ width:calc(100% - 90px); display:inline-block; vertical-align:middle; font-size:16px; line-height:26px; text-align:justify; padding:0 0 0 30px; color:#555}
.indInvList a:hover{ box-shadow:0 0 25px rgba(0,0,0,0.2);}
.indInvList a:hover h1{background:url(../image/dateLine1.png) no-repeat center; }
.indInvMore{ padding:70px 0}


.boxJoin{width:100vw;margin:0 0 0 calc((100% - 100vw)/2); height:36vw; padding:0 50px; position:relative; background:#000; overflow:hidden}
.videoJoin{position:absolute;z-index:0;top:50%;left:0; height:auto;width:100%;transform:translateY(-50%); opacity:0.7}

.textJoin{width:100%; max-width:1400px; margin:calc((36vw - 240px)/2) auto 0 auto; display:block; color:#fff; position:relative; z-index:10}
.textJoin h1{font-size:1vw; line-height:100%;}
.textJoin h2{ font-size:2vw;line-height:100%; font-weight:500; margin:1.2vw 0}
.textJoin h3{font-size:1vw; line-height:160%;}
.textJoin h4{margin:30px 0 0 0}



.subBanner{ width:100vw; height:21.875vw;background-size:cover!important;  position:relative; margin:80px 0 0 calc((100% - 100vw)/2);}
.subBanner div{position:absolute; left:0; top:50%; margin:-2.5vw 0 0 0; color:#fff; width:100%; text-align:center; padding:0 50px;}
.subBanner div span{ display:inline-block; width:100%; max-width:1400px; margin:0 auto; box-sizing:border-box; text-align:left}
.subBanner div h1{ font-size:3vw; line-height:100%; }
.tRight{text-align:right!important}





.curNav{ width:100%; margin:-50px 0 0 0; height:50px; line-height:50px; padding:0 50px; background:url(../image/bgCur.png) no-repeat right center/70% 100%; position:relative; z-index:2}
.curNav div{width:100%; max-width:1400px; display:block;margin:0 auto; text-align:right}
.curNav a{ font-size:12px; color:#999; padding:0 0 0 20px; margin:0 0 0 15px; background:url(../image/icoCurJt.png) no-repeat center left; }
.curNav a:hover{color:#af251c}
.curNav a:first-child{background:url(../image/icoHome.png) no-repeat center left;padding:0 0 0 20px;}



@keyframes ASubNavI{0%{height:0; top:50%;}100%{height:100%; top:0;}}

.boxLeft{position:absolute; left:50px; top:50px; width:12vw; background:url(../image/leftLine.png) repeat-y left; }
.subNav{ width:100%;overflow:hidden;position:relative;}
.subNav .swiper-slide{width:100%;height:auto; position:relative; overflow:hidden;}
.subNav a{ font-size:18px; line-height:18px; padding:26px 0 26px 36px;display:block;position:relative; color:#999;}
.subNav a:hover{ color:#af251c}
.subNav .on{ color:#af251c; background:url(../image/bgSubNav1Hover.png) no-repeat right center }
.subNav a i{height:100%; width:4px; background:#af251c;position:absolute; top:0; left:0; display:none; z-index:2;}
.subNav .on i{ display:block;animation:ASubNavI 0.5s}

.boxLeftFixed{position:fixed; top:130px; left:50%; margin-left:-700px;}
@media(max-width:1500px){
.boxLeftFixed{margin-left:0; left:50px}
}

.subNavRight{position:absolute; right:50px; top:58px; }
.subNavRight a{padding:0 30px 0 30px; font-size:14px;line-height:42px;display:inline-block;position:relative; color:#666; margin:0 0 0 20px; font-weight:500}
.subNavRight a font{position:relative; z-index:2}
.subNavRight a:hover{ color:#fff}
.subNavRight a i{height:100%; width:100%; background:#af251c;position:absolute; top:0; left:0; display:none; z-index:0; border-radius:21px;}
.subNavRight .on{color:#fff;}
.subNavRight .on i{display:block;animation:ANavI 0.5s}

.boxRight{ width:100%; padding:50px 0 0 25%; min-height:500px;}
.navRight{ margin:0 0 50px 0}
.navRight h1{ font-size:36px; line-height:36px; display:block; margin:0 0 20px 0}
.navRight h2{ display:inline-block; width:72px; height:2px; background:#af251c}


.rightCon{ width:100%; position:relative; margin:0 0 80px 0; overflow:hidden}
.font16_14{font-size:16px; line-height:28px; }

.textZx{ float:left; width:60%; padding:0 8% 0 0; text-align:justify}
.textZx h1{ font-size:26px; color:#af251c; margin:40px 0 10px 0}


.imgZx{ float:right; width:40%;}
.imgZx img{width:100%}
.imgZx span{ display:block; padding:30px; background:#af251c; color:#fff; text-align:right}
.imgZx h1{ font-size:28px; line-height:28px; margin:0 0 10px 0}
.imgZx h2{ font-size:16px; line-height:26px;}

.textDsz{float:left; width:60%; padding:50px 8% 0 0; text-align:justify; background:url(../image/icoYh.png) no-repeat top left}
.textDsz p{ margin-bottom:20px;}

.imgPcM{width:100%;}
.imgPcM img{width:100%;}

.qyryList{ background:url(../image/leftLine.png) no-repeat 128px 0/2px 100%; min-height:500px;margin:0 0 80px 0}
.qyryList li{ padding:0 0 50px 210px; position:relative}
.qyryList li h1{position:absolute; top:0; left:105px;width:46px; height:46px; background:#af251c url(../image/icoQyry.png) no-repeat center; border-radius:23px;}
.qyryList li h2{position:absolute; top:0; left:0; line-height:46px; font-family:'RajdhaniSemiBold'; font-size:36px; color:#af251c}
.qiryText{ font-size:16px; line-height:24px; border-bottom:1px dotted #999; padding:0 0 50px 0}
.qiryText p{display:block; width:100%; overflow:hidden; position:relative; padding:5px;}
.qiryText p i{display:inline-block; background:url(../image/icoLi.png) no-repeat 0 12px; padding:0 0 0 15px; width:100%;} 
.qiryText p font{ float:right; color:#999; width:100%; text-align:left; font-size:14px; padding:0 0 0 15px;} 
.qiryText p span{ float:right; color:#999; width:100%; text-align:left; font-size:14px; padding:0 0 0 15px;} 
.qyryList li:last-child{ padding-bottom:0}
.qiryText p:hover{ background:rgba(0,0,0,0.05); border-radius:4px;}




.ldtdList{ padding:0 0 50px 0; }
.ldtdList li{ background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.05); padding:30px; margin:0 0 30px 0}
.ldtdList li div{display:inline-block; width:220px; vertical-align:top}
.ldtdList li div img{ width:100%;}
.ldtdList li span{display:inline-block; width:calc(100% - 220px); padding:15px 10px 0 40px; vertical-align:top;}
.ldtdList li span h1{ font-size:36px; line-height:36px;}
.ldtdList li span h2{ font-size:20px; line-height:30px; margin:10px 0 20px 0; color:#999}
.ldtdList li span h3{ font-size:16px; line-height:26px; text-align:justify}
.ldtdList li:hover{box-shadow:0 0 25px rgba(0,0,0,0.2);}



.dsjyList{ background:url(../image/leftLine.png) no-repeat 128px 0/2px 100%; min-height:500px;margin:0 0 80px 0}
.dsjyList li{ padding:0 0 50px 210px; position:relative}
.dsjyList li h1{position:absolute; top:0; left:105px;width:46px; height:46px; background:#af251c url(../image/icoDsj.png) no-repeat center; border-radius:23px;}
.dsjyList li h2{position:absolute; top:0; left:0; line-height:46px; font-family:'RajdhaniSemiBold'; font-size:36px; color:#af251c}
.dsjyText{font-size:16px; line-height:30px; border-bottom:1px dotted #999; padding:8px 0 50px 0}
.dsjyList li:last-child{ padding-bottom:0}


.qywhImg{ width:100%; position:relative}
.qywhImg img{width:100%}
.qywhImg h1{ position:absolute; top:30px; left:30px; font-size:20px; font-weight:500; line-height:26px}
.qywhImg h1 font{text-transform:capitalize; font-family:'RajdhaniSemiBold'; font-size:16px; display:block; opacity:0.3}
.imgPc{width:100%;}
.imgM{width:100%; display:none}

.qywhList{ background:#f7f5f9 url(../image/bgQywh.png) no-repeat top center/100% auto; padding:0 10% 30px 10%;}
.qywhList li{ position:relative; padding:50px 0 50px 110px; border-bottom:4px solid #dad9de}
.qywhList li:last-child{ border:none}
.qywhList i{ position:absolute; left:0; top:40px;}
.qywhList h1{ font-size:20px; font-weight:500; line-height:26px}
.qywhList h1 font{text-transform:capitalize; font-family:'RajdhaniSemiBold'; font-size:16px; display:block; opacity:0.3}
.qywhList h2{ font-size:36px; line-height:46px; margin:20px 0 5px 0}
.qywhList h3{ font-size:16px; line-height:30px; color:#999}

.logoImg{ width:100%; position:relative; box-shadow:0 0 20px rgba(0,0,0,0.05)}
.logoImg img{width:100%}


.logoList{}
.logoList li{position:relative; padding:70px 20px; border-bottom:4px solid #dad9de}
.logoList li:last-child{ border:none; padding-bottom:0}
.logoList i{display:inline-block; vertical-align:middle; width:180px; text-align:center}
.logoList span{display:inline-block; vertical-align:middle; width:calc(100% - 180px); padding:0 0 0 50px;}
.logoList h1{ font-size:26px; font-weight:500; line-height:26px; margin:0 0 10px 0; color:#af251c}
.logoList h2{ font-size:16px; line-height:30px; text-align:justify}


.newsList{ border-top:1px solid #dad9de}
.newsList a{ padding:50px 0; width:100%; display:block; overflow:hidden;border-bottom:1px solid #dad9de}
.newsList a div{width:30%;display:inline-block; vertical-align:middle; overflow:hidden}
.newsList a div img{width:100%; transition:transform 0.5s;}
.newsList a span{width:70%; padding:0 0 0 5%;display:inline-block; vertical-align:middle}
.newsList a h1{ font-size:24px; line-height:36px; font-weight:500;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsList a h2{ font-size:26px; line-height:26px; font-family:'RajdhaniBold'; color:#af251c; margin:10px 0 20px 0}
.newsList a h3{ font-size:16px; color:#999; line-height:24px; text-align:justif;overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.newsList a:hover img{transform:scale(1.2);}


.boxPage{width:100%;  overflow:hidden; margin:40px auto 80px auto; font-size:0; font-family:Arial}
.boxPage a{ display:inline-block;font-size:16px;color:#555;width:40px; height:40px;text-align:center; line-height:40px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#af251c;}
.curPage{color:#fff!important; background-color:#af251c!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{background:url(../image/pagePre.png) no-repeat center; border:2px solid #af251c}
.prePage:hover{background:url(../image/pagePreHover.png) no-repeat center}
.nextPage{background:url(../image/pageNext.png) no-repeat center; margin-right:0!important;border:2px solid #af251c}
.nextPage:hover{background:url(../image/pageNextHover.png) no-repeat center}
.boxPage span{font-size:14px;line-height:40px;margin:0 15px 0 7px;display:none; vertical-align:middle}



.boxShow{ width:100%; max-width:1500px; padding:0 50px; margin:calc(80px + 8vh) auto 80px auto;}

.showLeft{display:inline-block; vertical-align:top; width:62%; overflow:hidden}
.showTitle{padding:0 0 10px 0;font-size:2vw;line-height:2.6vw; }
.showInfo{color:#999; font-size:13px; line-height:20px;border-bottom:2px solid #d8d8d8; padding-bottom:32px; margin-bottom:30px;}
.showInfo i{ margin-right:10px}
.showCon{width:100%;  font-size:16px; line-height:26px; overflow:hidden;text-align:justify}
.showCon img{width:auto; max-width:100%;height:auto!important; }

.showVideo{ width:100%; height:auto;display:block; margin:0 0 30px 0}

.showRight{display:inline-block; vertical-align:top; width:30%; margin:0 0 0 8%; background:#f7f7f7; overflow:hidden; padding:0 40px}
.showRight a{ display:block; width:100%; border-bottom:1px solid rgba(0,0,0,0.05); padding:40px 0; font-size:16px; line-height:26px}
.showRight a:last-child{ border:none}
.showRight a h1{width:110px; line-height:36px; font-size:12px;color:#fff; background:#af251c; border-radius:3px; text-align:center; margin:0 0 10px 0}
.showRight a h2{font-family:'RajdhaniSemiBold'; color:#999}




.btnShare1{ position:absolute; top:390px; left:50%; margin:0 0 0 470px; width:26px; text-align:center}
.btnShare1 i{font-size:14px; display:block; color:#999; line-height:14px; vertical-align:middle;background:url(404.png) no-repeat top center; padding:20px 6px 0 6px}
.icoShare{ display:inline-block;vertical-align:middle;}
.icoShare a{display:inline-block;  margin-left:5px;  overflow:hidden;vertical-align:middle; margin:10px 0 0 0}
.icoShare div{width:26px; height:26px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden}
.icoShare a img{ margin-top:2px; width:22px;}
.btnShare1 .shareWx div{background-color:#61be42}
.btnShare1 .shareWb div{background-color:#db3636}
.btnShare1 .shareQz div{background-color:#f0cb63}
.btnShare1 .shareQq div{background-color:#367fde}
.btnShare1 .shareMore div{background-color:#4cace3}
.btnShare1 a:hover div{opacity:0.7}
.btnShare1Fixed{}

.boxEwm{ position:fixed; width:232px; height:258px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1002; background:url(404.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none}
.boxEwm a{display:block;height:26px; width:100%;}
.boxEwm img{width:178px; height:178px; display:inline-block; margin:22px 0 0 22px}
.boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none}

.bshare-custom{ display:inline-block; margin-left:5px; vertical-align:middle}
.bsBox,.bsBox div,.bsBox span{box-sizing:content-box}
#bsPanelHolder div,#bsPanelHolder span{box-sizing:content-box}





.searchNav{ font-size:15px; color:#666; padding:150px 0 20px 10px; border-bottom:1px solid rgba(0,0,0,0.15)}
.searchNav i{ font-size:60px; line-height:60px;  color:#af251c; font-family:'RajdhaniSemiBold'; margin:0 5px}
.searchList{ margin-bottom:30px}
.searchList a{display:block; border-bottom:1px dotted #bbb; overflow:hidden; padding:25px 0 25px 14px; font-size:18px; line-height:26px; background:url(../image/bgLi.png) no-repeat 0 37px; }
.searchList a i{float:right; display:inline-block; font-size:20px; color:#999;font-family:'RajdhaniSemiBold'; }



.magList{width:100%; margin:0 0 -40px 0}
.magList a{display:inline-block; vertical-align:top; width:30%; margin:0 5% 50px 0; padding:20px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.magList a:nth-child(3n+3){margin-right:0}
.magList a div{width:100%; overflow:hidden;}
.magList a div img{ width:100%; transition:transform 0.5s;}
.magList a h1{font-size:16px; line-height:26px; padding:20px 0 10px 0}
.magList a:hover{ box-shadow:0 0 25px rgba(0,0,0,0.2);}
.magList a:hover img{ transform:scale(1.06);}


.mtbdList{ border-top:1px solid #dad9de}
.mtbdList a{padding:50px 0; width:100%; display:block; overflow:hidden;border-bottom:1px solid #dad9de}
.mtbdList div{width:130px; height:130px; border:3px solid #dbdcdd; background:#fff url(../image/dateLine.png) no-repeat center; position:relative; font-family:'RajdhaniSemiBold'; display:inline-block; vertical-align:middle}
.mtbdList div i{position:absolute; left:25px; top:25px; font-size:40px; line-height:40px;}
.mtbdList div font{position:absolute; right:20px; bottom:25px;font-size:16px; line-height:16px;}
.mtbdList a span{width:calc(100% - 130px); padding:0 0 0 5%;display:inline-block; vertical-align:middle}
.mtbdList a h1{ font-size:24px; line-height:36px; font-weight:500;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 0 10px 0}
.mtbdList a h2{ font-size:16px; color:#999; line-height:24px; text-align:justif;overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.mtbdList a:hover div{ border:3px solid #af251c; background:#af251c url(../image/dateLine2.png) no-repeat center; color:#fff}

.videoList{width:100%; margin:0 0 -40px 0}
.videoList a{display:inline-block; vertical-align:top; width:calc((100% - 50px)/2); margin:0 50px 50px 0;  background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.videoList a:nth-child(2n+2){margin-right:0}
.videoList a div{width:100%; height:calc((75vw - 150px)/2*0.56); max-height:280px; overflow:hidden; position:relative; background:#000}
.videoList a div img{ width:100%; transition:transform 0.5s;}
.videoList a div i{ width:100%; height:100%; display:block; position:absolute; top:0; left:0;z-index:2; background:url(../image/icoVideo1.png) no-repeat center;}
.videoList a h1{font-size:16px; line-height:26px; padding:15px 0 0 0; height:60px; text-align:center}
.videoList a:hover{ box-shadow:0 0 25px rgba(0,0,0,0.2);}
.videoList a:hover img{ transform:scale(1.06); opacity:0.8}



.cyzxCon{ text-align:justify; padding:80px 0 70px 0}
.cyzxCon h1{font-size:32px; line-height:32px; margin:0 0 20px 0}
.cyzxCon p{ font-size:18px; line-height:32px;}

.proSearch{position:relative; padding:40px 0 30px 0; border-top:2px solid #dadddf}
.searchClass{}
.searchClass li{position:relative; font-size:0; padding:0 0 10px 50px;line-height:26px; }
.searchClass i{position:absolute; left:0; top:0; font-size:13px;font-weight:bold}
.searchClass a{font-size:14px; display:inline-block; padding:0 12px; margin:0 10px;border-radius:3px;}
.searchClass a:hover{color:#af251c}
.searchClass .on{background:#af251c;color:#fff}
.searchClass .on:hover{color:#fff}

.proSearch1{position:absolute; bottom:40px; right:0; width:calc((100% - 100px)/3); border:1px solid #dadddf;}
.inputPro{ width:calc(100% - 40px); height:40px; line-height:40px; overflow:hidden; border:none; background:none; font-size:14px; padding:0 0 0 10px;}
.submitPro{ width:40px; height:40px; background:url(../image/icoTopSearch-1.0.png) center no-repeat; border:none;  cursor:pointer}
.submitPro:hover{background:url(../image/icoTopSearchHover.png) center no-repeat;}


.preList{ width:100%; padding:0 0 30px 0}
.preList a{display:inline-block; vertical-align:top; width:calc((100% - 100px)/3); margin:0 50px 50px 0;  background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.preList a:nth-child(3n+3){margin-right:0}
.preList a div{width:100%; overflow:hidden}
.preList a div img{ width:100%; transition:transform 1s;}
.preList a h1{background:#fff; padding:0 20px;font-size:20px; line-height:100%; line-height:80px}
.preList a h1 i{ display:inline-block; vertical-align:top; margin:0 0 0 10px; font-size:14px;color:#999}
.preList a:hover div img{transform:scale(1.2);}
.preList .icoRx{color:#af251c!important}
.preList .icoZs{color:#c0870b!important}
.preList .icoSq{color:#999!important}




.bgMainPre{width:100%; background:#fff url(../image/bg.png) no-repeat top center/100% auto; margin:80px 0 0 0}
.preMax{width:100%; max-width:1500px; padding:0 50px; margin:0 auto; display:block; overflow:hidden}
.curNavPre{color:#999; line-height:70px; height:70px; overflow:hidden}
.curNavPre a{ font-size:12px; color:#999; padding:0 0 0 20px; margin:0 15px 0 0; background:url(../image/icoCurJt.png) no-repeat center left/7px auto; }
.curNavPre a:hover{color:#af251c}
.curNavPre a:first-child{background:url(../image/icoHome.png) no-repeat center left/10px 10px;padding:0 0 0 20px;}

.showPre{width:100%;background:#fff;overflow:hidden}

.bannerPre{width:100%; height:40vw;max-height:600px;overflow:hidden; position:relative;}
.bannerPre .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important; background-position:center!important}
.bannerPre .swiper-slide img{ width:100%;}
.bannerPre .swiper-pagination{bottom:30px!important;z-index:1; text-align:center; font-size:14px; line-height:20px; color:#fff; text-align:right; padding:0 30px 0 0}
.bannerPre .swiper-slide h1{ position:absolute; bottom:30px; left:30px;  font-size:12px; color:#fff;  line-height:20px;}
.bannerPre .swiper-button-prev{left:30px; margin:-20px 0 0 0; opacity:0.5}
.bannerPre .swiper-button-prev:hover{opacity:1}
.bannerPre .swiper-button-next{right:30px; margin:-20px 0 0 0; opacity:0.5}
.bannerPre .swiper-button-next:hover{opacity:1}


.preTop{ padding:40px 0; width:100%; overflow:hidden}
.preTop h1{ font-size:40px; line-height:56px; display:inline-block; vertical-align:middle}
.preTop h2{ font-size:14px; color:#fff; padding:0 15px; line-height:30px; border-radius:3px; margin:0 0 0 20px; display:inline-block; vertical-align:middle; }
.preTop .icoRx{background:#af251c}
.preTop .icoZs{background:#c0870b}
.preTop .icoSq{background:#999}

.preInfo{ width:100%}
.preInfo li{width:calc((100% - 60px)/4); height:180px; background:#f3f3f3;display:inline-block; vertical-align:top; margin:0 20px 0 0; padding:20px 20px 0 20px; font-size:16px; line-height:26px;}
.preInfo li:last-child{ margin-right:0}
.preInfo li h1{ font-weight:500; margin:15px 0 5px 0; font-size:18px;}
.preInfo li h2{}


.preNav{ border-bottom:1px solid #dadddf; margin:30px 0 20px 0; height:70px;}
.preNav i{ border-bottom:4px solid #af251c; font-size:22px; line-height:66px; display:inline-block; font-weight:500}

.preCon{ font-size:16px; line-height:30px; text-align:justify;}

.preMap{width:100%; max-width:1400px; height:400px; display:block; margin:0 auto 70px auto}



.imgDcx{}
.imgDcx img{ display:inline-block; width:calc((100% - 40px)/2); margin:0 40px 0 0}
.imgDcx img:last-child{ margin-right:0}

.goWeb{width:100%; overflow:hidden; padding:40px 0 0 0}
.goWeb .btnMore{float:right}

.xnyList{ width:100%; overflow:hidden;margin:0 0 30px 0}
.xnyList li{background:#f2f2f2; width:100%;height:calc((50vw - 100px)*0.67); max-height:467px;overflow:hidden; margin:0 0 50px 0}
.xnyList li img{float:left; width:50%;}
.xnyList li div{float:left; width:50%; height:100%; padding:0 5%;}
.xnyList li div span{display:inline-block; width:99%; vertical-align:middle}
.xnyList li div span h1{ font-size:26px; line-height:26px; padding:0 0 10px 0; margin-bottom:20px; display:inline-block; border-bottom:2px solid #267cde}
.xnyList li div span p{font-size:18px; line-height:32px;}
.xnyList li div i{ display:inline-block; width:1px;height:100%; vertical-align:middle}
.xnyList li:nth-child(even) img{float:right}



.btnGoWeb{line-height:52px; height:52px; width:180px;border-radius:6px; display:block; position:relative; overflow:hidden;text-align:center; margin:30px 0 0 0}
.btnGoWeb font{display:inline-block; padding:0 26px 0 0; font-size:14px; color:#999; background:url(../image/icoJtMore.png) no-repeat right center; position:relative; z-index:2;transition:all 0.3s ease;}
.btnGoWeb h3{border:1px solid #bbb;border-radius:6px;position:absolute; width:100%; height:100%; display:block}
.btnGoWeb h2{position:absolute; left:0; top:0; width:0; height:100%; background:#267cde;z-index:1;transition:all 0.3s ease;}
.btnGoWeb:hover font{color:#fff; background:url(../image/icoJtMore1.png) no-repeat right center;}
.btnGoWeb:hover h2{width:100%;}



.invInd{width:100%; max-width:1500px; padding:0 50px 70px 50px; margin:0 auto;}
.invInd .invBox{width:calc((100% - 60px)/2); display:inline-block; margin-right:60px; vertical-align:top}

.invNav{font-size:36px; line-height:36px; padding:0 0 30px 0; margin:70px 0 0 0; position:relative}
.invNav a{ display:inline-block; position:absolute; top:0; right:0; width:40px; height:40px; border:1px solid #9b9b9b; border-radius:20px; background:url(../image/icoJtMore.png) no-repeat center}
.invNav a:hover{border:1px solid #af251c;background:#af251c url(../image/icoJtMore1.png) no-repeat center}

.invGsgk{width:100%; overflow:hidden;border-top:1px dotted #7b7c7d;}
.invGsgk li{width:100%; overflow:hidden; border-bottom:1px dotted #7b7c7d; line-height:59px;}
.invGsgk li i{ display:inline-block; vertical-align:middle; width:40%; font-size:18px; font-weight:500}
.invGsgk li font{display:inline-block; vertical-align:middle; width:60%; font-size:18px;}

.invSszx{background:#e7eaef; width:100%; height:360px; padding:0 50px; position:relative}

.invGp{padding:40px 0 30px 0; border-bottom:1px solid #caccd0}
.invGp h1{font-family:'RajdhaniSemiBold'; display:inline-block; vertical-align:middle; margin:0 20px 0 0}
.invGp h1 i{font-size:70px; line-height:70px; display:inline-block; vertical-align:bottom}
.invGp h1 span{width:17px;height:15px;display:inline-block; vertical-align:bottom; margin:0 0 15px 5px}
.invGp h2{display:inline-block; vertical-align:middle;font-size:14px; line-height:32px;}
.invGp h2 font{display:block; font-size:26px;}
.invGp h2 i{display:inline-block;}

.invGp .gpUp{color:#af251c}
.invGp .gpUp span{background:url(../image/icoGpUp.png) no-repeat center right/auto 100%; }
.invGp .gpDown{ color:#008a24}
.invGp .gpDown span{background:url(../image/icoGpDown.png) no-repeat center right/auto 100%;}

.invGpList{ padding:30px 0 0 0}
.invGpList li{display:inline-block; width:25%; font-size:16px; line-height:36px;}
.invGpList li i{font-size:36px; display:block}

.invGpTips{position:absolute; bottom:50px; right:50px; font-size:14px;line-height:26px; color:#999999; }

.invNotice{ width:100%;background:url(../image/bgGg.jpg) no-repeat center/cover; padding:0 0 70px 0; overflow:hidden}

.invNavWhite{font-size:36px; line-height:36px; padding:0 0 30px 0; margin:70px 0 0 0; position:relative; color:#fff}
.invNavWhite a{display:inline-block; position:absolute; top:0; right:0; width:40px; height:40px; border:1px solid #fff; border-radius:20px; background:url(../image/icoJtMore1.png) no-repeat center}
.invNavWhite a:hover{border:1px solid #af251c;background:#af251c url(../image/icoJtMore1.png) no-repeat center}

.invNoticeList{width:100%;text-align:center; margin:0 auto; display:block}
.invNoticeList a{width:calc((100% - 100px)/3); min-height:170px; border-radius:6px; background:rgba(255,255,255,0.9); box-shadow:0 0 10px rgba(0,0,0,0.1); margin:15px 50px 15px 0; padding:0 30px; display:inline-block; vertical-align:middle}
.invNoticeList a:nth-child(3n+3){margin-right:0;}
.invNoticeList h1{ width:90px; height:90px; margin:40px 0; background:url(../image/dateLine.png) no-repeat center; position:relative; font-family:'RajdhaniSemiBold'; display:inline-block; vertical-align:middle}
.invNoticeList h1 i{position:absolute; left:0; top:10px; font-size:40px; line-height:40px;}
.invNoticeList h1 font{position:absolute; right:0; bottom:10px;font-size:16px; line-height:16px;}
.invNoticeList h2{ width:calc(100% - 90px); display:inline-block; vertical-align:middle; font-size:16px; line-height:26px; text-align:justify; padding:0 0 0 30px; color:#555}
.invNoticeList a:hover{ box-shadow:0 0 25px rgba(0,0,0,0.2); background:#fff}
.invNoticeList a:hover h1{background:url(../image/dateLine1.png) no-repeat center; }

.invBtnList{width:100%; overflow:hidden; padding:20px 0 80px 0}
.invBtnList a{width:16.66%; display:inline-block; vertical-align:middle; text-align:center}
.invBtnList a div{ width:50%; border-radius:50%; border:2px solid #e5e5e5; display:block; margin:0 auto}
.invBtnList a div img{ width:100%;}
.invBtnList a i{ font-size:22px; line-height:30px; margin:15px 0 0 0; display:block}
.invBtnList a:hover div{ border:2px solid #8ebcde;background:#ebf4fb}
.invBtnList a:hover{ color:#8ebcde; }


.bgInv{width:100%; background:#e5e9ed url(../image/bgInv.png) no-repeat top center; margin:0 0 80px 0}
.bgInv1{width:100%; background:url(../image/imgJz1.png) no-repeat bottom right; min-height:800px;}

.boxInv{ padding:0 10%}
.boxInv li{ width:100%; padding:60px 0 50px 30%; position:relative; border-bottom:4px solid #dad9de}
.boxInv li:last-child{ border:none; padding-bottom:200px;}
.boxInv li h1{font-size:30px; color:#af251c; position:absolute; left:0; top:60px; line-height:30px;}
.boxInv li h1 i{font-family:'RajdhaniSemiBold'; font-size:26px; line-height:28px; color:#bbb; margin:10px 0 0 0; text-transform:uppercase; display:block; width:120px;}
.boxGsjk{}
.boxGsjk p{ display:block; font-size:18px; line-height:30px; margin:0 0 20px 0}
.boxGsjk p strong{ display:block}
.boxInv .invFileList{ padding:0!important;}

.invContact{}
.invContact p{font-size:18px; line-height:30px; }


.navIndRight{ padding:50px 50px 30px 50px; line-height:30px;}
.navIndRight h1{font-size:30px; color:#af251c}
.navIndRight h2{ font-family:'RajdhaniSemiBold'; font-size:26px; line-height:28px; color:#bbb; margin:10px 0 0 0; text-transform:uppercase; }

.dldsList{ padding:0 50px;}
.dldsList li{ background:rgba(255,255,255,0.6);  margin:0 0 30px 0}
.dldsList li:last-child{ margin:0}
.dldsList li div{display:inline-block; width:180px; vertical-align:middle}
.dldsList li div img{ width:100%;}
.dldsList li span{display:inline-block; width:calc(100% - 180px); padding:0 40px 0 40px; vertical-align:middle;}
.dldsList li span h1{ font-size:22px; line-height:22px; font-weight:bold; margin:0 0 10px 0}
.dldsList li span h3{ font-size:16px; line-height:26px; text-align:justify}
.dldsList li:hover{ background:#fff;box-shadow:0 0 25px rgba(0,0,0,0.2);}

.invFileList{ padding:0 50px 150px 50px;}
.invFileList a{display:block; border-radius:6px; background:rgba(255,255,255,0.6) url(../image/icoPdf.png) no-repeat calc(100% - 15px) center/15px auto; font-size:18px; line-height:30px; margin:0 0 15px 0; padding:6px 20px;}
.invFileList a:hover{background:#fff url(../image/icoPdf.png) no-repeat calc(100% - 15px) center/15px auto;box-shadow:0 0 25px rgba(0,0,0,0.2);}


.invList{ border-bottom:1px solid #e5e5e5}
.invList a{display:block; padding:25px 20px; line-height:30px; background:rgba(0,0,0,0.04);}
.invList a h1{ display:inline-block; vertical-align:top; width:150px; font-family:'RajdhaniSemiBold'; color:#999; font-size:22px;}
.invList a h2{ display:inline-block;vertical-align:top; width:calc(100% - 150px); font-size:18px; padding:0 50px 0 0; background:url(../image/icoPdf.png) no-repeat center right;} 
.invList a:nth-child(even){background:none;}
.invList a:hover h1{color:#af251c}

.listSlelect{ position:absolute; right:50px; top:60px}
.listSlelect select{width:100px; height:40px; border:1px solid #d3d3d3; border-radius:3px; padding:0 0 0 10px; color:#666; background:#fff url(../image/icoJtSelect.png) no-repeat right center; font-family:'Noto Sans SC'}
.listSlelect select::-ms-expand{display: none;}


.boxSszx{ padding:0 120px;}
.boxSszx .invGp{padding:50px 0; border-bottom:none}

.navSszxTab{ width:100%; padding:0 0 50px 0}
.navSszxTab a{ width:25%; display:inline-block; text-align:center; border-bottom:4px solid #d3d2d5; font-size:17px; font-weight:bold; line-height:30px; padding:0 0 15px 0}
.navSszxTab .on{ border-bottom:4px solid #af251c!important; color:#af251c}

.boxZst{ width:100%; text-align:center; display:none}
.boxZst img{ width:100%; max-width:545px;}




.csrCon{ box-shadow:0 0 20px rgba(0,0,0,0.05); background:#fff}
.csrText{ padding:50px 10% 60px 10%; font-size:16px; line-height:26px; text-align:justify}
.csrNav{ font-size:30px; line-height:30px; margin:50px 0 40px 0; color:#af251c}

.gytsList{ width:100%; overflow:hidden;margin:0 0 80px 0}
.gytsList li{background:#f2f2f2; width:100%; height:calc(((100vw - 120px)*0.75 - 60px)/2*0.667 + 60px); max-height:380px; padding:30px;overflow:hidden; margin:0 0 2px 0; color:#fff}
.gytsList li img{float:left; width:50%;}
.gytsList li div{float:left; width:50%; height:100%; padding:0 10px 0 40px; }
.gytsList li div span{display:inline-block; width:99%; text-align:justify; vertical-align:middle}
.gytsList li div span h1{ font-size:26px; line-height:46px; margin-bottom:20px; width:100%;}
.gytsList li div span h1 font{display:inline-block; vertical-align:middle; border-bottom:3px solid #fff; font-size:46px; font-family:'RajdhaniSemiBold'; margin:0 10px 0 0}
.gytsList li div span p{font-size:16px; line-height:26px;}
.gytsList li div i{ display:inline-block; width:1px;height:100%; vertical-align:middle;}
.gytsList li:nth-child(odd) img{float:right}
.gytsList li:nth-child(odd) div{padding:0 40px 0 10px;}
.gytsList li:nth-child(1){ background:#cc4a41 url(../image/bgGyts1.png) no-repeat center bottom}
.gytsList li:nth-child(2){ background:#65b0ca url(../image/bgGyts2.png) no-repeat center bottom}
.gytsList li:nth-child(3){ background:#b29c86 url(../image/bgGyts3.png) no-repeat center bottom}



.boxRcln{ padding:0 0 80px 0}
.boxRcln ul{display:none}
.boxRcln li{}

.navJoin{ border-bottom:2px solid #dadbdc; padding:0 0 20px 32px; font-size:26px; line-height:26px; background:url(../image/icoJoinNav.png) no-repeat left 7px;}
.marginTop50{ margin-top:50px;}
.imgJoin{ padding:50px 0 80px 0}

.rcpyCon{ padding:30px 0 80px 0}
.rcpyCon p{ font-size:16px; line-height:30px;}


.jobList{width:100%; margin:0 0 -30px 0}
.jobList a{ display:inline-block;width:calc((100% - 30px)/2); height:150px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.05); margin:0 30px 30px 0; vertical-align:top; padding:30px 0 0 30px; position:relative}
.jobList a:nth-child(even){ margin-right:0}
.jobList a h1{ font-size:24px; line-height:24px; }
.jobList a h2{ font-size:16px; line-height:16px; color:#999; margin-top:15px}
.jobList a h3{ font-size:15px; line-height:15px; color:#999; margin-top:15px; background:url(../image/icoDate.png) no-repeat left center;font-family:'RajdhaniSemiBold'; padding:0 0 0 20px}
.jobList a h4{ width:13px; height:23px;background:url(../image/icoJobJt.png) no-repeat center; position:absolute; right:30px; top:50%; margin:-11px 0 0 0;}
.jobList a:hover{box-shadow:0 0 25px rgba(0,0,0,0.2);}
.jobList a:hover h4{background:url(../image/icoJobJtHover.png) no-repeat center;}

.tableHrShow{  font-size:14px; margin:0 auto; width:100%; color:#666}
.tableHrShow td{ border-bottom:1px dotted #d9d9d9; padding:10px; line-height:26px}
.tRightHr{  text-align:left; font-weight:bold; width:15%;}




.boxContact{position:relative; height:450px; margin:70px 0 0 0}
.contactCon{ position:absolute; z-index:2; left:0; top:45px; width:calc(33.3% - 27px); height:360px; padding:0 40px; border-top-right-radius:10px; border-bottom-right-radius:10px; background:rgba(175,37,28,0.95); color:#fff; overflow:hidden}
.contactCon a{color:#fff;}
.contactCon a:hover{color:#fff;}
.contactCon h1{ font-size:26px; line-height:26px; font-weight:bold; margin:50px 0 30px 0}
.contactCon h2{ border-top:1px solid rgba(255,255,255,0.2); padding:20px;}
.contactCon h2 img{display:inline-block; vertical-align:middle}
.contactCon h2 i{ display:inline-block; vertical-align:middle; width:calc(100% - 60px); padding:0 0 0 20px; line-height:30px; font-size:16px; color:rgba(255,255,255,0.5)}
.contactCon h2 i font{ display:block; font-family:'RajdhaniSemiBold'; font-size:26px; color:#fff}
.contactMap{ width:100%; height:450px; overflow:hidden}


.contactList{ padding:70px 0 40px 0}
.contactList li{ width:calc((100% - 80px)/3); min-height:170px; border:3px solid #dcddde; border-radius:10px; display:inline-block; vertical-align:top; padding:20px 30px 0 30px; margin:0 40px 40px 0;line-height:26px;}
.contactList li:nth-child(3n+3){ margin-right:0}
.contactList li h1{ font-size:18px; font-weight:500;  margin:0 0 10px 0}
.contactList li h2{ font-size:16px; }


.myScroll{transform:translateY(50px);
	transition:transform 0.5s, opacity 0.5s;
	opacity:0;}
.myScroll.on{transform:none;opacity:1;}