@media(max-width:1440px){
.boxNav li{padding:0 26px;}
}
@media(max-width:1366px){
.boxNav li{padding:0 24px;}
}
@media(max-width:1280px){
.boxNav li{padding:0 15px;}
}
@media(max-width:768px){
.boxTop{display:none}
.banner{display:none}

.boxTopM{display:block}
.bannerM{display:block}



.boxFoot{background:#fff url(../images/bgFoot.png) no-repeat top center/100% 4px; padding:4px 0 0 0}

.boxFoot1{padding:0 20px}

.boxFoot1L{width:100%; }
.boxFoot1L h1{ font-size:14px; font-weight:bold;padding:32px 0 25px 0}
.boxFoot1L h2{  line-height:20px; font-size:12px; padding:15px 0 15px 40px; position:relative}
.boxFoot1L h2 img{margin:-12px 0 0 0; position:absolute; left:0; top:50%;}
.boxFoot1L h2 strong{ display:block}
.boxFoot1L h2 i{display:block; margin-right:0}


.boxFoot1R{border-top:1px dotted #ccc; width:100%; padding:20px 0; text-align:center}
.boxFoot1R h1{padding:0; width:100px; margin:0 20px; }
.boxFoot1R h1 img{ width:100px; height:100px;}
.boxFoot1R h1 i{ font-size:12px; margin:15px 0 0 0}


.boxFoot2{ padding:20px 0; line-height:24px; font-size:12px; text-align:center}
.boxFoot2 div span{float:none; display:block}

/*------------------------------------------------------------index------------------------------------------------------------*/

.boxIndNews{width:100%; height:auto; margin:0; padding:0}

.indNewsLeft{ width:100%; height:auto;padding:20px; box-shadow:none}

.indFocusBox{position:relative; top:auto; left:auto}
.indFocus{width:100%;height:calc((100vw - 40px)*0.6675);}
.indFocus .swiper-slide img{ width:100%; height:100%;}
.indFocus .swiper-slide h1{font-size:12px;}
.indFocus .swiper-button-prev{left:10px;margin-top:-14px; width:10px; height:17px;}
.indFocus .swiper-button-next{right:10px;margin-top:-14px;width:10px; height:17px; }


.indNews{width:100%;}
.indNavTab{background:url(../images/bgNavTab.png) no-repeat center/100% 100%; font-weight:bold}

.indTab{display:none}
.indList{padding:6px 0 0 0;display:none}
.indList a{ line-height:20px; font-size:12px; background:url(../images/bgLi.png) no-repeat 3px 18px/4px 4px; padding:10px 40px 10px 12px;}
.indList a:last-child{border:none}
.indList i{font-size:12px;top:8px;}
.indList a:hover{background:url(../images/bgLiHover.png) no-repeat 3px 18px/4px 4px;}

#moreNotice{top:10px;right:30px;}

.indNotice{width:100%; box-shadow:none; margin:0; padding:0 20px;}
.indNavNotice{ height:40px; background:url(../images/bgNotice.png) no-repeat center/100% 100%;}
.indNavNotice a{line-height:37px;}


.indNoticeTab{width:100%; height:260px;padding:15px 0; display:none}
.indNoticeList{ width:100%; height:230px;}

.indNoticeList li a span{ width:50px; height:50px; border-radius:3px; }
.indNoticeList li a span h1{ font-size:20px;}
.indNoticeList li a h3{ font-size:12px;  width:calc(100% - 50px);}


.boxIndPro{width:100%; overflow:hidden; background:none}
.indNav{padding:40px 20px 30px 20px; }
.indNav i{font-size:14px; font-weight:bold}
.indNav .btnMore{top:42px;right:20px}

.indPro{margin:0;height:auto; padding:30px 50px; box-shadow:none}
.indProList{ width:100%; height:auto;}
.indProList .swiper-slide{width:100%;height:auto;}
.indProList .swiper-slide img{ width:100%; height:auto; }
.indProList .swiper-slide span{ width:100%; padding:0; font-size:12px; line-height:40px;}
.indProList .swiper-slide h1{ text-align:center}
.indProList .swiper-slide h2 a{ background:url(../images/bgLiPro1.png) no-repeat left center;}
.indProList .swiper-slide h2 .on{background:url(../images/bgLiPro1Hover.png) no-repeat left center!important;}
.indProList .swiper-slide h3{ text-align:center}


#btnProPre{left:20px; width:10px; height:17px;  }
#btnProNext{right:20px;width:10px; height:17px; }




.indMain{padding:20px 0}

.indJoin{width:100%; height:220px;  box-shadow:none}
.indJoin1{ width:100%; height:100%; padding:40px 0 0 75px;}
.indJoin1 img{width:100px;}
.indJoin1 div{font-size:12px; line-height:24px; width:calc(100% - 100px); padding:0 0 0 35px}


.indHonor{width:100%; height:220px; position:relative;box-shadow:none;margin:20px 0; padding:0 20px 0 60px}
.picFocus{width:100%; margin:30px 0 0 0}




.indVideo{width:100%; height:auto; box-shadow:none;}
.closeTcVideo{width:30px; height:30px;}
/*------------------------------------------------------------index------------------------------------------------------------*/


.boxMax{ padding:0 20px;}

.subNavBox{margin-top:60px;}
.curNav{ position:absolute; top:0; left:20px; margin:0}

.bgMainTop{background:url(../images/bgMainTop.png) no-repeat top center}
.bgMainBottom{background:url(../images/bgMainBottom.png) no-repeat bottom center; min-height:500px}

.curTitle{ margin:30px 0}
.curTitle i{font-size:16px; line-height:18px; height:18px;padding:0 0 0 15px}

.navPro a div{font-size:12px; line-height:30px;}
.navPro a i{width:10px; height:5px;}


.proTitle{background:url(../images/icoJt1.png) no-repeat left center/14px 8px; font-size:14px; padding:0 0 0 20px; margin:30px 0 20px 0;}
.proTitle a{display:none}
.proTitle1{padding:0 20px;}

.boxPro{padding:0}
.proList{width:100%;margin-right:0;}
.proList1{ height:auto}
.proList1 a{width:100%; margin:0 0 10px 0;}
.proList1 a h1{width:100%; height:calc((100vw - 40px)*0.667);}

.boxSpace40{ height:20px;}

.boxShowPro{ width:100vw;padding:20px; font-size:12px; line-height:24px; margin:0 0 0 -20px}
.proTable td{font-size:12px; line-height:20px;}

.hyy2{font-size:0; padding:30px 0 0 0}
.hyy2 li{width:50%; font-size:12px; margin:0 0 30px 0; padding:0 15px}


.newsList{ margin:0 0 -20px 0; }
.newsList a{width:100%; height:auto; margin:0 0 20px 0}
.newsList a:nth-child(3n+3){ margin-right:0}
.newsList a div{ width:100%; height:auto;}
.newsList a span{ padding:15px 20px 20px 20px}
.newsList a h1{ font-size:14px; line-height:20px; font-weight:normal; height:auto; margin:0 0 10px 0}
.newsList a h2{ font-size:12px; font-weight:normal; line-height:16px; background:url(../images/icoJt2.png) no-repeat right center/10px auto;}
.newsList a:hover h2{background:url(../images/icoJt2Hover.png) no-repeat right center/10px auto;}

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

/*--------------------------------show--------------------------------*/
.boxShow{margin:0; box-shadow:none; padding:20px 20px 30px 20px;}
.showTitle{padding:0 0 10px 0;font-size:17px;line-height:26px;}
.showInfo{font-size:12px; line-height:20px; padding-bottom:15px; margin-bottom:20px;}
.showCon{font-size:12px; line-height:24px; }


.showVideo{ width:100%; height:auto;display:block; margin:10px 0 0 0}
/*--------------------------------show--------------------------------*/


/*------------share------------*/
.btnShare1{ display:none}
/*------------share------------*/

.textList{ padding:20px 0 0 0}
.textList a{padding:20px 70px 20px 10px; font-size:14px; background:url(../images/bgLi1.png) no-repeat 0 30px/4px 4px;}
.textList a i{top:21px;font-size:12px;}

/*------------job------------*/
.jobList{width:100%; margin:20px 0 -20px 0}
.jobList a{ display:inline-block;width:100%; height:auto;margin:0 0 20px 0; padding:25px 40px 20px 15px; }
.jobList a h1{ font-size:14px; }
.jobList a h1 i{font-size:10px;}
.jobList a h2{ font-size:11px; line-height:20px; }
.jobList a h3{ width:24px; height:24px; background:url(../images/icoJt3.png) no-repeat center center/12px 10px; right:15px; margin:-12px 0 0 0;}
.jobList a h3 i{background:url(../images/icoJt3Hover.png) no-repeat left center/12px 10px;margin:0 0 0 4px}
.jobList a:hover h3 i{width:12px;}

.tableHrShow{font-size:14px; line-height:26px;}


.jobGo{margin:20px auto 10px auto; font-size:12px; }


.boxRcln{ padding:0}
.boxRcln h1{font-size:18px; line-height:30px; margin:0 0 20px 0;}
.boxRcln h1 i{font-size:14px;}
.boxRcln li{ margin:0 0 20px 0}
.boxRcln li img{ width:100%}
.boxRcln li div{width:100%; height:auto;padding:30px 20px}
.boxRcln li div i{ display:none} 
.boxRcln li div span{ font-size:12px; line-height:24px;}
/*------------job------------*/

.picFocus1{position:relative; padding:40px 0 30px 0;width:100%; overflow:hidden; margin:-40px 0 0 0;}
.picFocus1 .swiper-slide{width:100%; height:calc((100vw - 40px)/3*2); }
.picFocus1 .swiper-pagination-bullet{width:5px; height:5px;}
.picFocus1 .swiper-button-prev{display:none}
.picFocus1 .swiper-button-next{display:none}

.aboutCon{ font-size:12px; line-height:24px; padding:30px 0}

.boxZzry{height:auto; background:url(../images/bgZzryM.jpg) no-repeat center bottom/cover; padding:30px 30px 30vw 30px; margin:0 0 20px 0} 
.boxZzry i{background:url(../images/icoZzry.png) no-repeat left center/12px auto; font-size:12px; line-height:30px; padding:0 0 0 20px; width:100%;}


.boxZzryPic{margin:0 0 40px 0; padding:0}
.picFocus2 .swiper-slide{width:100%; height:auto; padding:0 0 60px 0}
.picFocus2 .swiper-slide h1 {width:100%; position:absolute; left:0; bottom:30px; text-align:center; font-size:12px; line-height:16px; height:auto; z-index:100; opacity:1}
.picFocus2 .swiper-slide h2{ width:100%; height:calc((100vw - 40px)*0.667); }
.picFocus2 .swiper-pagination-bullet{width:5px; height:5px;margin:0 3px!important}

.boxZzryPic .swiper-button-prev{display:none}
.boxZzryPic .swiper-button-next{display:none}

.boxLxwm{margin:0 0 0 0;}
.boxContact{padding:30px 0 0 0}
.boxContact li{width:100%; border-bottom:1px solid #ccd8eb;border-right:none; text-align:center; padding:0 0 30px 0; margin:0 0 30px 0; height:auto;vertical-align:middle}
.boxContact li img{width:40px}
.boxContact li h1{ font-size:16px; line-height:16px; margin:20px 0 20px 0; color:#0058a9}
.boxContact li h2{ font-size:14px; line-height:24px;}

.contactMap{ height:260px;}


}