@media(max-width:1680px){

}


@media(max-width:1480px){


}

@media(max-width:1366px){
.boxNav li{padding:0 0.84vw; margin:0 0.84vw;}
.font16_14{font-size:14px; line-height:24px;}


.contactCon h2{ padding:20px 0;}

}

@media(max-width:1280px){
.boxTop1{width:97%;margin:0 1.5%}
.boxNav li span a{font-size:15px;}
.boxNav li div a{font-size:14px;}

.boxCy li h1 img{margin:20px auto 10px auto; width:60px;}
.boxCy li h1 p{ line-height:22px; font-size:22px; }
.boxCy li h2{ font-size:14px; line-height:24px;}

.boxCy .on h1{ text-align:left; top:30%;}
.boxCy .on h2{ opacity:1; top:calc(30% + 60px)}
.boxCy .on h3{ opacity:1; top:calc(30% + 60px + 80px)}

.boxLeft{width:14vw;}
.subNav a{font-size:16px; padding:26px 0 26px 30px;}

.gytsList li div span p{font-size:14px; line-height:24px;}
.textDsz{padding:50px 6% 0 0; }

}

@media(max-width:1200px){
.boxNav li{margin:0 0.6vw 0 0;}
.boxNav li span a{font-size:14px;}

}

@media(max-width:768px){
.boxTop{display:none}
.banner{ display:none}
.boxTopM{display:block}
.bannerM{ display:block}

.boxFoot{padding:20px; }
.boxFoot span{line-height:22px; width:100%; text-align:center; border-bottom:1px solid rgba(255,255,255,0.2); padding:0 0 10px 0; margin:0 0 10px 0}

.boxIndNews{padding:0 0 30px 0;min-height:100px; background:none}

.navIndNews{ font-size:22px; line-height:22px; position:relative; top:0; left:0; margin:0 20px; border-bottom:2px solid #e5e5e5; padding:30px 0}
.navIndNews i{letter-spacing:0}

.indGp{position:relative; top:0; left:0; width:100%; background:#f2f2f2; padding:20px 0 20px 20px}
.indGp h1{font-size:10px; line-height:20px; display:inline-block; vertical-align:middle}
.indGp h1 i{font-size:17px;}
.indGp h2{ height:50px; margin:0 15px;display:inline-block; vertical-align:middle}
.indGp h2 i{font-size:50px; line-height:50px;}
.indGp h2 span{width:10px;height:9px;margin:0 0 10px 5px}
.indGp h3{font-size:12px; line-height:22px; display:inline-block; vertical-align:middle;}

.btnMore{width:calc(100% - 40px);line-height:46px; height:46px;}
.btnMoreWhite{width:calc(100vw - 40px);line-height:46px; height:46px;}


.indNews{ padding:0 20px; width:100%;}
.indNewsHead{line-height:26px; padding:20px 0 0 0}
.indNewsHead h1{font-size:18px;height:auto;white-space:normal; }
.indNewsHead h2{font-size:20px;margin:5px 0 10px 0;}
.indNewsHead h3{ font-size:12px; line-height:20px; overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.indNewsMore{position:relative; left:0; top:0;}


.indNewsList{margin:30px 0 20px 0; padding:0 0 20px 0}
.indNewsList .swiper-slide{width:100%; margin:0;}
.indNewsList .swiper-slide div{ width:100%; height:calc((100vw - 40px)*0.667); max-height:none; }
.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:normal; }

.indNewsList .swiper-pagination{bottom:0!important;z-index:1; text-align:center; margin:0 2px}
.indNewsList .swiper-pagination-bullet{width:6px; height:6px; background:#ccc; opacity:1.0; border-radius:3px; }
.indNewsList .swiper-pagination-bullet-active{background:#af251c;}


.navInd{padding:30px 0;font-size:22px; line-height:22px; }
.navInd i{letter-spacing:0}


.boxCy{ width:100%;height:auto; background:none}
.boxCy li{width:100%; height:120px; border-left:none; border-bottom:1px solid rgba(255,255,255,1.0);}
.boxCy li h1{text-align:center; width:100%;  top:50%; margin-top:-34px;}
.boxCy li h1 img{margin:0 0 5px 0; width:45px;}
.boxCy li h1 p{ line-height:18px; font-size:18px; }
.boxCy li h2{ font-size:14px; line-height:20px; width:calc(100% - 40px);}
.boxCy li h3{position:absolute; top:120%; left:20px; opacity:0;transition:all .7s ease-out .2s}

.boxCy .on{ width:100%!important; height:300px!important; border-bottom:10px solid #af251d;background:rgba(0,0,0,0.4); padding:0 20px}
.boxCy .on h1{ text-align:left; top:20px; margin-top:0}
.boxCy .on h2{top:100px}
.boxCy .on h3{top:200px}
.boxCy .on h4{ opacity:0.5}

.boxCy li:nth-child(1){background:url(../image/imgInd2.jpg) no-repeat center/cover;}
.boxCy li:nth-child(2){background:url(../image/imgInd1.jpg) no-repeat center/cover;}
.boxCy li:nth-child(3){background:url(../image/imgInd3.jpg) no-repeat center/cover;}
.boxCy li:nth-child(4){background:url(../image/imgInd4.jpg) no-repeat center/cover;}
.boxCy li:nth-child(5){background:url(../image/imgInd5.jpg) no-repeat center/cover;}
.boxCy li:nth-child(6){background:url(../image/imgInd6.jpg) no-repeat center/cover;}


.indInvList{padding:0 20px;}
.indInvList a{width:100%;  min-height:60px;border-radius:6px;margin:0 0 20px 0; padding:0 20px;}
.indInvList h1{ width:70px; height:60px; 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{left:0; top:0; font-size:36px; line-height:32px;}
.indInvList h1 font{right:0;bottom:0;font-size:14px; line-height:14px;}
.indInvList h2{ width:calc(100% - 70px); font-size:14px; line-height:20px; padding:0 0 0 20px; }

.indInvMore{ padding:10px 0 30px 0}


.boxJoin{width:100vw; height:100vw; margin:0; padding:0; background:url(../image/imgIndJoin.jpg) no-repeat center/cover}
.videoJoin{display:none}

.textJoin{padding:calc((100vw - 180px)/2) 20px 0 20px; width:100%; height:100%; margin:0; background:rgba(0,0,0,0.4)}
.textJoin h1{font-size:14px; line-height:14px;}
.textJoin h2{ font-size:20px;line-height:32px; font-weight:500; margin:10px 0}
.textJoin h3{font-size:10px; line-height:18px; display:none}
.textJoin h4{margin:20px 0 0 0}

.subBanner{height:24vw;margin:70px 0 0 0;}
.subBanner div{margin:-10px 0 0 0;padding:0 20px; }
.subBanner div span{}
.subBanner div h1{ font-size:16px; line-height:20px;}


.curNav{ display:none}


.boxMax{ padding:0 20px;}

.boxLeft{position:relative; left:-20px; top:0; width:100vw; height:50px; background:url(../image/leftLineM.png) repeat-x bottom; }
.subNav{ width:100%; height:100%;overflow:hidden;position:relative;}
.subNav .swiper-slide{width:auto;height:100%; }
.subNav a{font-size:13px; line-height:50px; padding:0 20px;display:inline-block;}
.subNav .on{ color:#af251c; background:none; }
.subNav a i{height:2px; width:100%;position:absolute; top:auto; bottom:0; left:0; display:none; z-index:2;}
.subNav .on i{ display:block;animation:ANavI 0.5s}

.boxLeftFixed{position:fixed; top:70px; left:0; margin-left:0; display:none}

.subNavRight{position:relative; right:0; top:0; padding:0 0 15px 0}
.subNavRight a{width:25%;padding:0; font-size:12px;line-height:40px;  margin:0 0 15px 0; text-align:center;}
.subNavRight a i{border-radius:20px;}


.boxRight{padding:0;}
.navRight{ margin:0 0 30px 0}
.navRight h1{ font-size:22px; line-height:22px; display:block; margin:30px 0 0 0; }
.navRight h2{ display:none}

.rightCon{ margin:0 0 30px 0; }

.textZx{float:none; width:100%; padding:0; }
.textZx h1{ font-size:22px; margin:30px 0 10px 0}

.imgZx{float:none; width:100%; display:block; margin:0 auto 30px auto; background:#af251c; overflow:hidden}
.imgZx img{width:36%; display:inline-block; vertical-align:middle}
.imgZx span{width:64%;display:inline-block; vertical-align:middle; padding:0 0 0 20px; text-align:left}
.imgZx h1{ font-size:22px; line-height:22px;}
.imgZx h2{ font-size:10px; line-height:20px;}

.textDsz{float:none; width:100%; padding:30px 0 0 0;background:url(../image/icoYh.png) no-repeat top left/auto 20px}


.qyryList{ background:url(../image/leftLine.png) no-repeat 17px 0/2px 100%; margin:0 0 30px 0}
.qyryList li{ padding:0 0 30px 60px;}
.qyryList li h1{position:absolute; top:0; left:0;width:36px; height:36px; background:#af251c url(../image/icoQyry.png) no-repeat center; border-radius:20px;}
.qyryList li h2{position:relative; top:0; left:0; line-height:36px; font-size:32px;}
.qiryText{ font-size:14px; line-height:22px; padding:0 0 30px 0}
.qiryText p{ padding:5px 0}
.qiryText p i{display:block; background:url(../image/icoLi.png) no-repeat 0 9px; padding:0 0 0 15px; width:100%;} 
.qiryText p font{ width:100%; text-align:left;padding:0 0 0 15px; font-size:10px; display:block} 
.qiryText p span{ width:100%; text-align:left;padding:0 0 0 15px; font-size:10px; display:block} 

.ldtdList{ padding:0 0 10px 0}
.ldtdList li{ padding:30px; margin:0 0 20px 0}
.ldtdList li div{width:100%; text-align:center}
.ldtdList li div img{ width:100%;}
.ldtdList li span{width:100%; padding:0; }
.ldtdList li span h1{ font-size:20px; line-height:20px; margin:20px 0 0 0}
.ldtdList li span h2{ font-size:14px; line-height:26px; margin:5px 0 20px 0; color:#999; border-bottom:2px solid #e5e5e5; padding:0 0 10px 0}
.ldtdList li span h3{ font-size:12px; line-height:20px; }


.dsjyList{ background:url(../image/leftLine.png) no-repeat 17px 0/2px 100%; margin:0 0 30px 0}
.dsjyList li{ padding:0 0 30px 60px;}
.dsjyList li h1{position:absolute; top:0; left:0;width:36px; height:36px; background:#af251c url(../image/icoDsj.png) no-repeat center; border-radius:20px;}
.dsjyList li h2{position:relative; top:0; left:0; line-height:36px; font-size:32px;}
.dsjyText{ font-size:14px; line-height:22px; padding:0 0 30px 0}
.dsjyText p{ padding:5px 0}



.qywhImg h1{top:20px; left:20px; font-size:16px;  line-height:20px}
.qywhImg h1 font{font-size:12px; }
.imgPc{display:none}
.imgM{ display:block}

.qywhList{padding:0 40px 30px 40px;}
.qywhList li{ padding:30px 0;}
.qywhList li:last-child{ border:none}
.qywhList i{position:relative; left:0; top:0;}
.qywhList i img{width:40px}
.qywhList h1{font-size:16px;  line-height:20px; margin:10px 0 0 0}
.qywhList h1 font{font-size:12px; }
.qywhList h2{ font-size:17px; line-height:26px; margin:15px 0 5px 0}
.qywhList h3{ font-size:12px; line-height:20px;}


.logoList{}
.logoList li{position:relative; padding:40px 0; border-bottom:4px solid #dad9de;}
.logoList li img{ width:50px;}
.logoList li:last-child{padding-bottom:20px}
.logoList li:last-child img{width:70px;}
.logoList i{width:110px;  }
.logoList span{width:calc(100% - 110px); padding:0;}
.logoList h1{ font-size:16px;line-height:26px;}
.logoList h2{ font-size:14px; line-height:22px;overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.newsList{ border-top:1px solid #dad9de}
.newsList a{ padding:30px 0; }
.newsList a div{width:100%;}
.newsList a span{width:100%; padding:45px 0 0 0; position:relative}
.newsList a h1{ font-size:16px; line-height:24px;white-space:normal; margin:0}
.newsList a h2{ font-size:20px; margin:0; position:absolute; top:20px; left:0; line-height:18px;}
.newsList a h3{ font-size:12px; color:#999; line-height:20px; display:none}
.newsList a:hover img{transform:scale(1.2);}


.boxPage{text-align:center;margin:30px auto;}
.numPage{display:none}
.btnPage{float:none; margin:0 auto; display:inline-block}
.boxPage span{ display:inline-block;}



.boxShow{padding:0 20px; margin:80px 0 30px 0;}

.showLeft{width:100%; overflow:hidden}
.showTitle{padding:0 0 10px 0;font-size:18px;line-height:26px; }
.showInfo{ font-size:12px; line-height:20px;padding-bottom:20px; margin-bottom:30px;}
.showCon{font-size:14px; line-height:24px; }

.showRight{width:100%; margin:0; padding:0 20px}
.showRight a{display:block; width:100%; padding:20px 0; font-size:14px; line-height:24px}
.showRight a h1{width:80px; line-height:30px; font-size:12px;}



.magList{width:100%; margin:0 0 -20px 0}
.magList a{display:inline-block; vertical-align:top; width:calc((100% - 20px)/2); margin:0 20px 20px 0; padding:10px; }
.magList a:nth-child(3n+3){margin-right:20px}
.magList a:nth-child(2n+2){margin-right:0}
.magList a h1{font-size:14px; line-height:26px; padding:20px 0 10px 0}


.mtbdList{}
.mtbdList a{padding:30px 0; }
.mtbdList div{width:90px; height:90px;border:2px solid #dbdcdd; background:#fff url(../image/dateLine.png) no-repeat center/auto 50px;}
.mtbdList div i{left:10px; top:10px; font-size:36px; line-height:36px;}
.mtbdList div font{right:7px; bottom:15px;font-size:14px; line-height:14px;}
.mtbdList a span{width:calc(100% - 90px); padding:0 0 0 5%;}
.mtbdList a h1{ font-size:16px;line-height:26px; margin:0;white-space:normal; }
.mtbdList a h2{ display:none}
.mtbdList a:hover div{background:#fff url(../image/dateLine.png) no-repeat center/auto 50px;}

.videoList{width:100%; margin:0 0 -20px 0}
.videoList a{width:100%; margin:0 0 20px 0; }
.videoList a div{width:100%; height:calc((100vw - 40px)*0.56); }
.videoList a div i{background:url(../image/icoVideo1.png) no-repeat center/70px 70px;}
.videoList a h1{font-size:14px; line-height:22px; padding:15px 0; height:auto; }


.cyzxCon{ text-align:justify; padding:30px 0 30px 0}
.cyzxCon h1{font-size:20px; line-height:26px; margin:0 0 10px 0}
.cyzxCon p{ font-size:14px; line-height:26px;}


.proSearch{position:relative; padding:30px 0 30px 0; border-top:2px solid #dadddf}
.searchClass{}
.searchClass li{position:relative; font-size:0; padding:0 0 10px 40px;line-height:26px; }
.searchClass a{font-size:12px;padding:0 12px; margin:0 4px;}

.proSearch1{position:relative; bottom:0; right:0; width:100%;  margin:15px 0 0 0}


.preList{ width:100%; padding:0}
.preList a{width:100%; margin:0 0 30px 0;}
.preList a h1{font-size:16px; line-height:80px}
.preList a h1 i{font-size:12px;}



.bgMainPre{ margin:70px 0 0 0}
.preMax{padding:0; }
.curNavPre{color:#999; line-height:70px; height:70px; overflow:hidden; display:none}
.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{height:50vw;}
.bannerPre .swiper-pagination{bottom:10px!important; padding:0 10px 0 0}
.bannerPre .swiper-slide h1{ bottom:10px; left:10px;  font-size:12px;}
.bannerPre .swiper-button-prev{display:none}
.bannerPre .swiper-button-next{display:none}


.preTop{padding:40px 20px;}
.preTop h1{ font-size:20px; line-height:26px; }
.preTop h2{ font-size:12px;  padding:0 10px; line-height:26px; margin:0 0 0 10px;}


.preInfo{ width:100%; padding:0 20px;}
.preInfo li{width:100%; height:auto; margin:0 0 2px 0; padding:30px 20px; font-size:0}
.preInfo li:last-child{ margin-right:0}
.preInfo img{display:inline-block; vertical-align:middle; width:50px;}
.preInfo span{display:inline-block; vertical-align:middle; width:calc(100% - 50px); padding:0 0 0 20px;}
.preInfo li h1{font-weight:bold; margin:0 0 0 0; font-size:14px;}
.preInfo li h2{font-size:14px; line-height:24px;}

.preNav{ margin:20px 20px 20px 20px; height:70px;}
.preNav i{font-size:20px; line-height:66px; }

.preCon{ padding:0 20px;font-size:14px; line-height:22px; }

.preMap{width:calc(100% - 40px);height:260px;margin:0 20px 30px 20px}



.imgDcx img{ width:100%; margin:0 0 20px 0}
.imgDcx img:last-child{ margin:0}

.goWeb{padding:20px 0 0 0}
.goWeb .btnMore{width:100%}

.xnyList{margin:0}
.xnyList li{height:auto;max-height:none; margin:0 0 20px 0}
.xnyList li img{width:100%;}
.xnyList li div{width:100%; padding:30px 30px 40px 30px;}
.xnyList li div span{display:inline-block; width:99%; vertical-align:middle}
.xnyList li div span h1{ font-size:18px; margin-bottom:15px;}
.xnyList li div span p{font-size:14px; line-height:24px;}
.xnyList li div i{ display:none}

.btnGoWeb{line-height:46px; height:46px; width:100%;}



.invInd{ padding:0 20px; }
.invInd .invBox{width:100%;margin-right:0;}

.invNav{font-size:22px; line-height:22px; padding:0 0 20px 0; margin:30px 0 0 0; }
.invNav a{ width:26px; height:26px; background:url(../image/icoJtMore.png) no-repeat center/5px auto}
.invNav a:hover{background:url(../image/icoJtMore1.png) no-repeat center/5px auto}

.invGsgk{width:100%; overflow:hidden}
.invGsgk li{line-height:40px;}
.invGsgk li i{ width:40%; font-size:12px; }
.invGsgk li font{width:60%; font-size:12px;}

.invSszx{width:100%; height:auto; padding:0 20px 50px 20px;}

.invGp{padding:30px 0 20px 0; border-bottom:1px solid #caccd0}
.invGp h1{margin:0 10px 0 0}
.invGp h1 i{font-size:50px; line-height:50px; display:inline-block; vertical-align:bottom}
.invGp h1 span{width:10px;height:9px;margin:0 0 10px 5px}
.invGp h2{font-size:11px; line-height:22px;}
.invGp h2 font{font-size:16px;}

.invGpList{ padding:20px 0 0 0}
.invGpList li{width:50%; font-size:14px; line-height:26px; margin:0 0 20px 0; color:#999}
.invGpList li i{font-size:26px; color:#666}


.invGpTips{ bottom:20px; right:10px;font-size:12px;line-height:20px;}

.invNotice{ padding:0 0 20px 0; margin:30px 0 0 0}

.invNavWhite{font-size:22px; line-height:22px; padding:0 0 20px 0; margin:30px 0 0 0;color:#fff }
.invNavWhite a{ width:26px; height:26px; background:url(../image/icoJtMore1.png) no-repeat center/5px auto}
.invNavWhite a:hover{background:url(../image/icoJtMore1.png) no-repeat center/5px auto}

.invNoticeList{padding:0;}
.invNoticeList a{width:100%;min-height:60px;border-radius:6px;margin:0 0 20px 0; padding:0 20px;}
.invNoticeList h1{ width:70px; height:60px; margin:30px 0; background:url(../image/dateLine.png) no-repeat center; position:relative; font-family:'RajdhaniSemiBold'; display:inline-block; vertical-align:middle}
.invNoticeList h1 i{left:0; top:0; font-size:36px; line-height:32px;}
.invNoticeList h1 font{right:0;bottom:0;font-size:14px; line-height:14px;}
.invNoticeList h2{ width:calc(100% - 70px); font-size:14px; line-height:20px; padding:0 0 0 20px;}
.invNoticeList a:nth-last-child(-n+3){ display:none}


.invBtnList{padding:10px 0 20px 0}
.invBtnList a{width:50%; }
.invBtnList a div{ width:50%;}
.invBtnList a i{ font-size:14px;  margin:5px 0 30px 0;}


.bgInv{margin:0 0 30px 0}
.bgInv1{ background:url(../image/imgJz1.png) no-repeat bottom right/150px auto; min-height:0; padding:0 0 100px 0}

.boxInv{ padding:0 30px}
.boxInv li{ width:100%; padding:40px 0; position:relative; border-bottom:2px solid #dad9de}
.boxInv li:last-child{ border:none; padding-bottom:0;}
.boxInv li h1{font-size:18px;  position:relative; left:0; top:0; line-height:18px; margin:0 0 20px 0}
.boxInv li h1 i{ font-size:18px; line-height:18px;width:100%;}
.boxGsjk{}
.boxGsjk p{ display:block; font-size:14px; line-height:24px; margin:20px 0 0 0; }
.boxGsjk p strong{ display:block}
.boxInv .invFileList{ padding:0!important;}

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


.navIndRight{ padding:30px 20px 20px 20px; line-height:18px;}
.navIndRight h1{font-size:18px;}
.navIndRight h2{ font-size:18px; line-height:18px; }

.dldsList{padding:0 20px;}
.dldsList li{margin:0 0 20px 0}
.dldsList li:last-child{ margin:0}
.dldsList li div{width:100%; }
.dldsList li div img{width:100%;}
.dldsList li span{width:100%; padding:30px; }
.dldsList li span h1{font-size:16px; line-height:16px; }
.dldsList li span h3{font-size:14px; line-height:24px;}
.dldsList li:hover{ background:#fff;box-shadow:0 0 25px rgba(0,0,0,0.2);}

.invFileList{ padding:0 20px 0 20px;}
.invFileList a{font-size:14px; line-height:24px; margin:0 0 15px 0; padding:6px 30px 6px 10px;}


.boxSszx{ padding:0 10px;}
.boxSszx .invGp{padding:20px 0; border-bottom:none}

.navSszxTab{ width:100%; padding:0 0 30px 0}
.navSszxTab a{ border-bottom:2px solid #d3d2d5; font-size:14px; font-weight:500;padding:0 0 5px 0}
.navSszxTab .on{ border-bottom:2px solid #af251c!important;}


.invList{}
.invList a{display:block; padding:25px 20px; line-height:22px; background:rgba(0,0,0,0.04);}
.invList a h1{width:100%; font-size:16px;}
.invList a h2{width:100%; font-size:14px; padding:0 30px 0 0; background:url(../image/icoPdf.png) no-repeat right 5px/12px auto;} 


.listSlelect{right:20px; top:75px}
.listSlelect select{height:36px; width:80px}




.csrCon{ }
.csrText{ padding:40px 30px 50px 30px; font-size:14px; line-height:24px; }
.csrNav{ font-size:18px; line-height:18px; margin:30px 0 20px 0;}

.gytsList{margin:0 0 30px 0}
.gytsList li{ height:auto; max-height:none; padding:30px;}
.gytsList li img{ width:100%;}
.gytsList li div{width:100%; height:100%; padding:0;}
.gytsList li div span{width:100%;}
.gytsList li div span h1{ font-size:18px; line-height:30px; margin:30px 0 20px 0;}
.gytsList li div span h1 font{ font-size:26px; }
.gytsList li div span p{font-size:14px; line-height:24px;}
.gytsList li div i{display:none}
.gytsList li:nth-child(odd) div{padding:0;}



.boxRcln{ padding:0 0 30px 0}
.boxRcln ul{display:block}
.boxRcln li{width:100%; color:#fff; padding:40px}
.boxRcln li h1{ font-size:30px; line-height:40px; margin:0 0 20px 0;}
.boxRcln li h2{ font-size:14px; line-height:30px; text-align:justify}
.boxRcln li:nth-child(1){ background:#096793;}
.boxRcln li:nth-child(2){ background:#2bafff;}
.boxRcln li:nth-child(3){ background:#f03e30;}
.boxRcln li:nth-child(4){ background:#006b7f;}
.boxRcln li:nth-child(5){ background:#02a6c9;}

.navJoin{ padding:0 0 15px 32px; font-size:16px; }
.imgJoin{ padding:30px 0 50px 0}

.rcpyCon{ padding:30px 0 50px 0}
.rcpyCon p{ font-size:14px; line-height:24px;}

.jobList{width:100%; margin:0 0 -20px 0}
.jobList a{width:100%; height:auto; margin:0 0 20px 0; padding:20px 40px 20px 20px;}
.jobList a h1{ font-size:18px; line-height:24px; }
.jobList a h2{ font-size:14px; line-height:20px; color:#999; margin-top:10px}
.jobList a h3{ font-size:15px; line-height:15px; color:#999; margin-top:10px; }
.jobList a h4{ background:url(../image/icoJobJt.png) no-repeat center/8px auto;right:15px;}





.boxContact{ height:auto; margin:30px 0 0 0}
.contactCon{ position:relative;top:0; width:100%; height:auto; padding:30px; border-radius:10px; }
.contactCon h1{ font-size:18px; line-height:18px;  margin:0 0 30px 0}
.contactCon h2{padding:20px 0;}
.contactCon h2 img{width:50px;}
.contactCon h2 i{width:calc(100% - 50px); padding:0 0 0 10px; line-height:24px; font-size:14px; }
.contactCon h2 i font{ font-size:22px;}
.contactMap{height:300px; margin-top:-10px; z-index:0}

.contactList{ padding:30px 0 20px 0}
.contactList li{width:100%; min-height:130px; padding:20px 25px; margin:0 0 20px 0;line-height:24px;border:2px solid #dcddde;}
.contactList li h1{ font-size:16px; }
.contactList li h2{ font-size:14px; }



}