@media(max-width:1680px){
.boxNav{margin:0 45px 0 0;}
.boxNav li{ /*margin:0 0 0 55px;*/ }
}

@media(max-width:1440px){
.boxNav{margin:0 35px 0 0;}
.boxNav li{ /*margin:0 0 0 45px;*/ }
}
@media screen and (min-width: 800px) and (max-width: 1420px){
	.indPro .qyjjList li{ margin-right:1%; width:32%;}
	}
@media(max-width:1366px){
.boxNav{margin:0 30px 0 0;}
.boxNav li{/* margin:0 0 0 40px;*/ }
.foot_t dl{ padding-right:80px;}
}
@media(max-width:1280px){
.boxNav{margin:0 22px 0 0;}
.boxNav li{/* margin:0 0 0 32px; */}
.banner{max-height:720px}
.foot_t dl{ padding-right:60px;}
}
@media(max-width:767px){
.boxTop{display:none}
.banner{ display:none}
.boxTopM{display:block; z-index:9999;}
.bannerM{ display:block; height:260px; margin-top:70px;}
.btnGo{display:block}
.scroll-icon{display:none!important}


/*------------------------foot------------------------*/
.boxFoot{ padding:0 15px;}
.boxFoot1{ padding:10px 0 20px 0;font-size:11px;text-align:center;}
.boxFoot i{font-weight:normal; font-size:10px;line-height:18px; }
.boxFoot span{ position:relative; top:0; right:0;line-height:33px; text-align:center;  display:block; border-bottom:1px solid rgba(255,255,255,0.2); padding:0 0 5px 0; margin:0 0 10px 0}
.boxFoot span a{ margin:0 10px}
.boxFoot span a:last-of-type{ background:none; display:inline-block;  padding-right:0; position:relative;}
.boxFoot span a:last-of-type div{right:-25px; }
.boxFoot span a:last-of-type:hover div{top:-105px; display:block;visibility:visible; opacity:1}
/*------------------------foot------------------------*/


.indInvStockM{display:block;background:#f3f3f3; padding:20px 0 20px 20px}
.indInvStockM h5{font-size:15px; line-height:15px; margin-bottom:10px; font-weight:bold;}
.indInvStockM div{width:100%;}
.indInvStockM div span{display:inline-block; vertical-align:middle; font-family:'rubik'; position:relative; padding-right:30px; }
.indInvStockM div span h1{font-size:32px; line-height:36px;display:inline-block; letter-spacing:-1px; margin-right:3px}
.indInvStockM div span h2{font-size:14px; line-height:14px; position:absolute; right:0; bottom:5px}
.indInvStockM div span h3{display:inline-block; width:10px; height:8px;}
.indInvStockM div h4{display:inline-block; vertical-align:middle; font-size:10px; color:#999; line-height:18px; padding:0 0 0 15px}
.indInvStockM div h4 i{display:inline-block}


.gpUpM{color:#21b50c;}
.gpDownM{color:#a4000b;}

.gpUpM h3{background:url(../images/icogpup.png) no-repeat; background-size:100% 100%}
.gpDownM h3{background:url(../images/icogpdown.png) no-repeat; background-size:100% 100%}


.indNews{margin:0 auto 20px auto; padding:0 20px;}
.indNewsNav{height:74px;}
.indNewsNav span a{padding:0 20px 0 0; margin-right:15px; background-size:6px 12px}
.indNewsNav span a:last-child{ margin-right:0; padding-right:0; background:none}
.indNewsNav span a i{font-size:15px;line-height:70px; height:74px; font-weight:bold}


.indNewsList{padding:0;}
.indNewsList a{width:100%; margin:20px 0 0 0; }
.indNewsList a div{width:120px; height:80px; display:inline-block; vertical-align:middle}

.indNewsList a span{ width:calc(100% - 120px);display:inline-block; vertical-align:middle; border:0; padding:0 0 0 15px;}
.indNewsList a h1{font-size:14px; line-height:21px; height:auto; text-align:justify}
.indNewsList a h2{line-height:21px;text-align:right; font-weight:normal}
.indNewsList a:hover img{transform:scale(1);}


.btnMore{line-height:74px; font-size:12px;}
.btnMoreWhite{line-height:74px;font-size:12px;}


.indNav{height:74px;}
.indNav i{font-size:15px;line-height:74px; font-weight:bold}

.indNav1{height:74px;}
.indNav1 i{font-size:15px;line-height:74px; font-weight:bold}

.indInv{ display:none}
.indInvM{ display:block; background:#f3f3f3; padding:0 20px;}
.indInvListM{ width:100%; overflow:hidden}
.indInvListM a{display:block; margin:20px 0 30px 0;}
.indInvListM a span{width:70px; height:70px; border-radius:50%; background:#fff; font-family:'rubik'; text-align:center; display:inline-block; overflow:hidden; vertical-align:middle}
.indInvListM a span h1{ font-size:24px; line-height:24px; color:#e50214; margin:16px 0 2px 0}
.indInvListM a span h2{ font-size:12px; line-height:12px; color:#aaa}
.indInvListM a i{ width:calc(100% - 70px); padding:0 0 0 15px;font-size:14px; line-height:21px; display:inline-block; vertical-align:middle; text-align:justify}


.indPro{margin:0 auto 20px auto;padding:0 20px;}


.picFocus .swiper-slide{width:80vw; height:calc(80vw*0.5625); position:relative; background:#000}
.picFocus .swiper-slide h1 {padding:30px 15px 15px 15px;font-size:14px; line-height:22px; font-weight:normal}


.indShzr{ height:280px; padding:0;}
.indShzr1{ padding:0 20px;}
.indShzrBg{ background-size:cover}
.indShzr2{background-size:100% auto; background-position:center 65%; height:120px; position:relative; z-index:2; text-align:center; margin-top:20px;}
.indShzr2 h1 img{ width:40px}
.indShzr2 h2{font-size:18px; line-height:18px;  margin:20px 0 10px 0;}
.indShzr2 h3{ font-size:10px; line-height:20px;}


.subBanner{margin-top:70px;}
.subBanner div{margin:-17px 0 0 0;}
.subBanner div span{padding:0 20px;}
.subBanner div h1{ font-size:16px; line-height:16px;}
.subBanner div h2{ font-size:14px; line-height:14px; margin-top:6px;}
.mNull{display:none}


/*.subBanner1{height:46vw;margin-top:70px;}
.subBanner1 div{position:absolute; top:50%; left:0; margin:-40px 0 0 0; color:#fff; width:100%; text-align:center}
.subBanner1 div span{}
.subBanner1 div h1{ font-size:20px; line-height:20px;}
.subBanner1 div h2{ font-size:14px; line-height:14px; margin-top:10px;}
.subBanner1 div h3{font-size:12px; line-height:12px; margin-top:10px; padding:10px 0 0 0; min-width:200px}
*/

.subBanner1{height:26vw;margin-top:70px;}
.subBanner1 div{margin:-17px 0 0 0;}
.subBanner1 div span{padding:0 20px;}
.subBanner1 div h1{ font-size:16px; line-height:16px;}
.subBanner1 div h2{ font-size:14px; line-height:14px; margin-top:6px;}

.subNav{margin:20px auto 10px auto}
.subNav a{margin:0 5px 10px 5px;height:40px; width:44%; line-height:40px; display:inline-block; color:#666; position:relative; overflow:hidden}
.subNav a i{font-size:12px; position:relative; z-index:2;transition:all 0.3s ease;}
.subNav a span{border:1px solid #d1d1d1;position:absolute; width:100%; height:100%; display:block; box-sizing:border-box}
.subNav a div{position:absolute; left:0; top:0; width:0; height:100%; background:#a4000b;z-index:1;transition:all 0.3s ease;}
.subNav a:hover i{color:#fff;}
.subNav a:hover div{width:100%;}

.subNav .on i{color:#fff;}
.subNav .on div{width:100%;}

.subNav1{ width:100%;}
.subNav1 a{ width:33.333%;font-size:12px; font-weight:normal; line-height:38px; }



/*----------------------------news----------------------------*/

.newsList{}
.newsList a{padding:20px 0;position:relative}
/*.newsTime{width:auto; padding:10px; background:rgba(255,255,255,0.9); top:30px; left:10px; position:absolute}*/
.newsTime{width:auto; padding:10px; background:rgba(255,255,255,0.9); top:calc((100vw - 40px)*0.666 - 57px); left:10px; position:absolute}
.newsTime h1{ font-size:22px; line-height:22px; letter-spacing:-1px; margin-bottom:5px}
.newsTime h2{ font-size:8px;  line-height:16px;}

.newsImg{width:100%; height:calc((100vw - 40px)*0.666); margin:0; }
.newsImg img{ width:100%; height:100%;}
.newsTitle{width:100%;}
.newsTitle h1{ font-size:15px; line-height:24px;  margin:16px 0 10px 0; }
.newsTitle h2{ font-size:12px; line-height:20px;}

.newsTitle h3{margin-top:10px;}

.boxMtcx{ background:url(../images/bgmtcxm.jpg) no-repeat center/cover;height:400px;margin:20px auto}
.boxMtcx span{ margin:30px 30px 0 30px; display:block; width:auto;}
.boxMtcx span h1{ font-size:18px; }
.boxMtcx span h2{ font-size:12px; line-height:22px; }


.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;}


.boxLeft{display:none}
.boxRight{width:100%; padding:0;}


.boxShow{padding:90px 20px 20px 20px;}
.showLeft{display:none}
.showCenter{padding:5px 0 0 0}
.showTitle{font-size:18px;line-height:26px; }
.showInfo{ padding-bottom:10px}
.showInfo i:last-child{ display:inline-block; margin:0 0 0 10px}
.showCon{ padding:15px 0 20px 0;}
.showRight{width:100%; margin:0;}
.btnShare1{display:none}

.tvList{padding:0; margin:0}
.tvList a{width:100%; margin:15px 0 0 0; }
.tvList a div{ height:calc((100vw - 30px)*0.6);}


/*----------------------------news----------------------------*/

/*----------------------------inv----------------------------*/
.margin80{margin:-17px 0 0 0!important;}
.boxStock{width:100%; height:100px; padding:20px 0 0 0; background:rgba(18,42,105,0.95); position:relative; z-index:100; margin-top:-100px; display:none}
.boxStock1{width:100%; max-width:1200px; margin:0 auto}


.invListText{ width:100vw; margin-left:-20px;}
.invListText a{height:auto; padding:20px;}

.invListText a h1{width:100%;line-height:26px; font-size:15px; border-right:none;text-align:left}
.invListText a h2{ width:100%;line-height:26px; font-size:15px;  padding:0;}
.invListText a h3{ width:90px; height:100%; display:inline-block; vertical-align:middle; background:url(../images/icopdf1.png) no-repeat center; opacity:0.15}
.invListText a:hover h3{background:url(../images/icopdf1hover.png) no-repeat center; opacity:1.0}

.cwbgList{ text-align:center}


.boxQygz{ margin:20px auto 10px auto;}
.boxQygz li{ padding:40px; text-align:center; margin:0 0 10px 0}
.boxQygz li img{ width:80px; display:inline-block;}
.boxQygz li h1{ font-size:22px;width:100%; padding:0; margin:20px 0}
.boxQygz li h2{ border-left:none;border-top:1px solid #a4a3a3; padding:20px 0 20px 0; width:100%; text-align:left}

.boxZqfw{line-height:26px; font-size:14px;text-align:left} 



.boxInvContact{margin:20px auto;}
.boxInvContact img{width:100%;}
.boxInvContact span{padding:30px 20px; width:100%}
.boxInvContact span h1{font-size:20px; line-height:20px;}
.boxInvContact span h2{ margin:15px 0 10px 0;}


.boxInvCon{ font-size:14px; line-height:22px; margin:20px 0 30px 0}

.boxInvGltd{margin:20px auto 0 auto;}
.boxInvGltd li{background:#f1f1f1; margin-bottom:20px; width:100%; overflow:hidden}
.boxInvGltd li img{width:50%; display:block; margin:40px auto 0 auto}
.invGltdCon{width:100%;  padding:0 30px;}
.invGltdCon h1{ font-size:22px; line-height:22px; margin:30px 0 0 0; }
.invGltdCon h2{ font-size:14px; line-height:28px;}
.invGltdCon h3{ width:100%; height:4px;display:block; margin:10px 0 0 0}
.invGltdText{line-height:22px;height:auto;margin:30px 0 20px 0; }


/*----------------------------inv----------------------------*/



/*----------------------------shzr----------------------------*/
.navTitle{ margin:12px 0 0 0; padding:20px 0; font-size:20px; line-height:20px;}
.navTitle i{width:8px; height:8px; border-radius:4px; margin:0 12px 0 0;}

.navTitle1{ margin:12px 0 0 0; padding:20px 0; font-size:20px; line-height:20px;}
.navTitle1 i{width:8px; height:8px; border-radius:4px; margin:0 12px 0 0;}

.conText{ font-size:14px; line-height:24px;}
.conText h1{ font-size:22px; letter-spacing:0; margin:30px 0}

.imgPc{display:none}
.imgM{ display:block}

.conTextList{ background:#a4000b; padding:20px; font-size:0; margin:0 0 20px 0}
.conTextList li{width:100%;}
.conTextList li  i{lfont-size:14px;}


.conText1{padding:20px 0}
.conTextImg{width:100%; text-align:center; padding:0}
.conTextImg img{ width:60%; max-width:250px; margin:20px 0 30px 0}
.conText2{width:100%; font-size:14px; line-height:22px;}

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

.gyjjList{height:auto; padding:30px;}
.gyjjList li{ margin:10px 0; width:100%;}
.gyjjList li h1{ font-size:20px; font-weight:bold; letter-spacing:2px; margin:50px 0 10px 0}
.gyjjList li h2{ font-size:15px; margin:0 0 50px 0}

/*----------------------------shzr----------------------------*/


/*----------------------------join----------------------------*/
.boxRcln{width:100%;background:url(../images/bgrcln.jpg) no-repeat top center/cover; padding:0 20px 30px 20px;}
.boxRcln1{width:100%; text-align:center; padding:20px 0 30px 0}
.boxRcln1 img{width:80%;}
.boxRcln1 i{font-size:14px; line-height:22px;letter-spacing:0; width:280px; margin:20px auto 0 auto}
.rclnList li{width:calc((100% - 10px)/2);  margin:0 10px 10px 0; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.rclnList li:nth-child(even){margin-right:0}
.rclnList li h1{top:15px; left:15px; width:14px; font-size:14px; line-height:16px;}
.rclnList li div{background:url(../images/bgrcln1.png) no-repeat bottom center/100% auto; height:140px;}
.rclnList li div span{width:calc(100% - 1px);  font-size:12px; line-height:22px}
.rclnList li img{margin-top:-3.2vw; }

.boxGzpp{ padding:0 0 20px 0}
.boxGzpp img{width:100%}
/*----------------------------join----------------------------*/


/*----------------------------contact----------------------------*/
.contactList{ padding:0;}
.contactList li{display:block; padding:20px 0; border-bottom:1px dotted #d1d1d1}
.contactList li img{ width:50px;}
.contactList li i{width:calc(100% - 50px); font-size:14px; line-height:24px;}

.contactMap{ height:300px;margin-bottom:20px;}
/*----------------------------contact----------------------------*/





/*----------------------------dc----------------------------*/


.boxSpace70{ height:40px;}
.boxSpace60{ height:20px;}
.boxSpace50{ height:40px;}

.proSearch{margin:20px 0; height:auto; }
.proSearchL{ width:100%}
.selectPro{width:calc((100% - 10px)/2);height:40px; line-height:38px; font-size:12px;}
.selectPro:last-child{ margin-right:0}

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

.proSearchR{ width:100%;height:40px; margin-top:10px;}
.inputPro{width:80%; height:40px; line-height:40px;font-size:12px;}
.submitPro{width:20%;height:40px;}



.proList a{width:100%; height:auto; margin:0; margin-bottom:30px; }
.proList a div{height:auto;}
.proList a h1{ font-size:16px;}
.proList a h2{ font-size:12px;}


.boxXfi{padding:0 0 20px 0}
.boxXfi h1{ font-size:14px; line-height:24px; margin:20px auto}
.boxXfi span{padding:0 0 20px 0}
.boxXfi span h2 i{ display:block;  background:url(../images/bgi.png) no-repeat top center/12px 18px; font-size:14px;  line-height:22px; padding:20px 0 0 0}
.boxXfi span h2 i font{display:none}
.boxXfi span h2 img{margin:5px auto 0 auto; width:16px}

/*----------------------------dc----------------------------*/


/*--------------------------------项目展示--------------------------------*/
.proBanner{margin-top:70px;}
.proBanner .swiper-pagination{bottom:15px!important;}
.proBanner .swiper-button-prev{display:none}
.proBanner .swiper-button-next{display:none}

.proInfo{margin:-40px auto 0 auto; padding:0 15px;}
.proInfo span{ width:80px; height:80px; padding:11px; }
.proInfo h1{margin:15px 0 0 0}
.proInfo h1 i{font-size:18px; line-height:20px; padding:0 15px; }

.proInfoList{padding:20px 0 0 0;}
.proInfoList li{ width:100%; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px dotted #ddd}
.proInfoList li i{width:calc(100% - 50px)}


.proCon{ padding:0 0 20px 0; width:100%; overflow:hidden}
.proConImg{width:100%;}
.proConText{width:calc(100% - 40px); height:auto; margin:-50px 20px 0 20px; box-shadow:0 0 10px rgba(0,0,0,0.2); padding:30px;}
.proConText i{ display:none}
.proConText1{width:100%; }
.proConText1 h1{border-top:1px solid #555; border-bottom:1px solid #555;line-height:40px; font-size:18px; margin-bottom:20px;}
.proConText2{font-size:14px; line-height:22px; max-height:none; }

.proNav{text-align:center; padding:30px 0 20px 0;}
.proNav i{border-top:1px solid #555; border-bottom:1px solid #555;line-height:40px; font-size:18px; }


.proImgList1{padding:0 0 30px 0;margin-bottom:30px}
.proImgList{height:auto; }
.proImgList img{width:100%; height:auto}
.proImgList .swiper-slide{width:100%;}

.proMap{ padding:0;height:260px; }

/*--------------------------------项目展示--------------------------------*/


/*----------------------------service----------------------------*/
.navTitle2{}
.navTitle2 a{font-size:20px; line-height:40px; letter-spacing:0; padding:20px 0 15px 0;}
.navTitle2 .on{color:#a4000b;border-bottom:2px solid #a4000b!important}

.boxXfp{padding:20px 0 0 0; text-align:center; font-size:14px;line-height:24px;}

.titleXfp{padding:0 0 0 20px; margin:40px 0 20px 0}
.titleXfp i{font-size:16px; line-height:16px;}
.titleXfp span{font-size:14px; line-height:22px; margin-top:10px;}


.boxXfp1 img{ margin:0 0 10px 0; width:100%;}




.boxXsfw{ padding:0 20px;}
.boxXsfw img{ width:100px;  margin:30px auto 30px auto}
.boxXsfw p{ font-size:14px; line-height:22px; }

.navXsfw{}
.navXsfw a{padding:40px 0 22px 0;}
.navXsfw a img{ height:25px;}

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

.boxXsfwList li{padding:40px 0;}
.boxXsfwList li i{display:none}
.boxXsfwList li img{ display:block; width:auto; height:50px; margin:0 auto}
.boxXsfwList li span{ width:100%; padding:30px 20px 0 20px;}
.boxXsfwList li span strong{ font-size:16px;}
.boxXsfwList li span p{font-size:14px; line-height:22px;}
/*----------------------------service----------------------------*/

/*----------------------------honor----------------------------*/
.boxHonor{ background:url(../images/bgqyry.jpg) center no-repeat; width:100%; height:670px;}
.honor a:hover{transform:scale(0.6)!important; }
.honor .big:hover{transform:scale(0.8)!important;}

.icoHonor1{top:0; left:-5%;transform:scale(0.5)}
.icoHonor2{top:0; left:50%;transform:scale(0.4); opacity:0.8;}
.icoHonor3{top:230px; left:40%;transform:scale(0.7)}
.icoHonor4{top:80px; left:25%;transform:scale(0.6)}
.icoHonor5{top:450px; left:40%;transform:scale(0.45); opacity:0.9}
.icoHonor6{top:180px; left:0;transform:scale(0.5); opacity:0.8}
.icoHonor7{top:350px; left:20%;transform:scale(0.5); opacity:0.75}
.icoHonor8{top:380px; left:-10%;transform:scale(0.3)}
.icoHonor9{top:280px; left:-10%;transform:scale(0.4);}
/*----------------------------honor----------------------------*/

/*----------------------------fzlc----------------------------*/
.bgFzlc{background:url(../images/bgfzlc.jpg) no-repeat center/cover; width:100%; height:auto; padding:30px 0 0 0; overflow:hidden}
.boxFzlc{ width:100%; padding:0;}
.fzlcList{width:100%; height:auto;background:url(../images/bgfzlclinem.png) no-repeat 30px top/2px 100%;overflow:visible;}
.fzlcList .swiper-slide{width:100%;height:auto; padding:0 0 0 50px; position:relative; overflow:visible; background:url(../images/icofzlc.png) no-repeat 26px top/10px 10px; margin:0; }
.fzlcList .swiper-slide:nth-child(even){background:url(../images/icofzlc.png) no-repeat 26px top/10px 10px; padding:0 0 0 50px;margin:0}
.boxFzlc .swiper-button-prev{display:none}
.boxFzlc .swiper-button-next{display:none}

.fzlcList .swiper-slide h1{display:none}
.fzlcList .swiper-slide div{width:100%; margin:-8px 0 0 0}
.fzlcList .swiper-slide h2{font-size:20px; line-height:28px;}
.fzlcList .swiper-slide span{margin:5px 0 35px 0}
.fzlcList .swiper-slide h4{font-size:14px; line-height:22px;}
/*----------------------------fzlc----------------------------*/



/*----------------------------gsjj----------------------------*/
.qyjjCon{font-size:14px; line-height:22px; text-align:justify}
.qyjjList{padding:30px 0; width:100%;}
.qyjjList li{width:100%; height:auto;margin:0 0 10px 0;}
.qyjjList li div{position:relative; min-height:250px;padding:0 30px 30px 30px;}
.qyjjList li h1{ padding:30px 0 20px 0}
.qyjjList li h1 img{width:40px; height:40px;}
.qyjjList li h2{font-size:16px; line-height:26px; }
.qyjjList li h4{font-size:14px; line-height:22px; }

/*----------------------------gsjj----------------------------*/


/*----------------------------qxcp----------------------------*/
.navQxcp{ }
.navQxcp li a{font-size:15px; line-height:40px}

.boxQxcp{ padding:20px 0 30px 0; display:none}

.qxcpTitle h1{font-size:18px; line-height:30px; color:#999; text-shadow:0 0 2px rgba(0,0,0,0); letter-spacing:0; }
.qxcpTitle h2{font-size:15px; line-height:30px; position:relative;border-bottom:1px solid #c2c2c2; padding:0 0 20px 0}

.qxcpNum{border-left:none; margin:30px 0 0 0}
.qxcpNum li{width:100%; border-right:none;border-bottom:none;border-top:1px solid #c2c2c2; height:auto; padding:20px; }
.qxcpNum li h1{font-size:18px; line-height:40px}
.qxcpNum li h1 i{ font-size:32px;}
.qxcpNum li h1 font{ font-size:30px;}
.qxcpNum li h2{ font-size:12px; line-height:20px; padding:0}

.qxcpCon{max-height:none; font-size:14px; line-height:22px; }


.dcMap{height:auto;}
.dcMapL{ padding:calc(100vw - 60px) 0 0 0}
.dcMapL img{ width:100%;}
.dcMapR{position:absolute; width:calc(100vw - 40px);top:0}
.dcMapR img{ width:100%;}
/*----------------------------qxcp----------------------------*/



/*----------------------------zzwh----------------------------*/
.zzwhList{height:auto; margin-bottom:30px;}
.zzwhList li{width:100%; height:200px; display:inline-block; position:relative; vertical-align:top; background:#000;transition:width .3s; margin:0 0 2px 0}
.zzwhList li:last-child{margin:0}
.zzwhList li h1{width:40px; height:100px; border:2px solid #fff; padding:10px 10px 0 10px; font-size:16px; line-height:20px; font-weight:bold; color:#fff;position:absolute; left:20px; top:20px; margin:0;}
.zzwhList li h2{ position:absolute; left:0;top:50%; bottom:auto; width:100%; background:none;font-size:14px; line-height:22px; padding:0 30px 0 100px; display:block}
.zzwhList li h3{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0.7 }

.zzwhList .bg1{background:url(../images/imgzzwh1.jpg) no-repeat center center/cover}
.zzwhList .bg2{background:url(../images/imgzzwh2.jpg) no-repeat center/cover}
.zzwhList .bg3{background:url(../images/imgzzwh3.jpg) no-repeat center/cover}
.zzwhList .bg4{background:url(../images/imgzzwh4.jpg) no-repeat center center/cover}
.zzwhList .bg5{background:url(../images/imgzzwh5.jpg) no-repeat center center/cover}


.zzwhList .onDiv{width:100%;}
.zzwhList .onDiv h1{ left:20px!important;}
.zzwhList .onDiv h2{display:block}
.zzwhList .onDiv h3{background-position:center center!important;}

.zzwhList li:nth-child(1) h2{margin-top:-33px;}
.zzwhList li:nth-child(2) h2{margin-top:-33px;}
.zzwhList li:nth-child(3) h2{margin-top:-44px;}
.zzwhList li:nth-child(4) h2{margin-top:-11px;}
.zzwhList li:nth-child(5) h2{margin-top:-22px;}
/*----------------------------zzwh----------------------------*/


.shzrCon{ width:100%; height:auto; background:#fff url(../images/bgshzr.png) no-repeat bottom right/800px auto; border-top:4px solid #a4000b; padding:20px 20px 20px 20px; font-size:14px; line-height:22px;}
.shzrCon h1{ font-size:16px;  padding:20px 0 10px 0}
.sycCon{padding:50px 0;}
.sycCon img{ display:block;margin:0 auto; width:60%;}
.sycCon span{font-size:14px; line-height:22px; width:100%;}
.sycCon span h1{ font-size:16px; font-weight:bold; margin:30px 0 15px 0}


.boxSpace90{height:70px;}

/*--------------------------------search--------------------------------*/
.searchNav{ padding:20px 0;}
.searchNav i{font-size:26px}
.searchList a{padding:20px 25px 20px 22px; font-size:14px;background:url(../images/bgli.png) 10px 32px no-repeat;}
.searchList a i{ display:block; float:none; text-align:right; font-size:12px;}
.searchList a:nth-child(even){ background:url(../images/bgli.png) 10px 32px no-repeat;background-color:rgba(0,0,0,0.05);}
/*--------------------------------search--------------------------------*/

.indPro1{width:100%;}
.indPro1 li{float:left; width:50%; height:76vw;position:relative; overflow:hidden}
.indPro1 li h3{ position:absolute}
.indPro1 li h1{font-size:16px; line-height:18px; left:20px; top:20px; }
.indPro1 li h1 i{font-size:12px;line-height:14px; margin-top:4px;}
.indPro1 li h2{ position:absolute; width:100%; height:36px; background:url(../images/logosyc1.png) no-repeat center right/auto 100%; top:20px; right:10px}

.indPro1 li:nth-child(1){ width:100%;height:76vw;}
.indPro1 li:nth-child(1) h3{ width:130px; height:130px; background:rgba(230,0,18,0.9); right:auto; top:auto;  bottom:-65px; left:50%; margin:0 0 0 -65px;border-radius:100%; z-index:2;transition:all 1s ease}
.indPro1 li:nth-child(1):hover h1{color:#fff}
.indPro1 li:nth-child(1):hover h3{width:160vw; height:160vw; right:auto;left:-30vw; margin:0 0 -30vw 0;}

.indPro1 li:nth-child(2){background:url(../images/imgindpro2m.jpg) no-repeat center/cover;}
.indPro1 li:nth-child(2) h1{left:20px; right:auto; top:auto;bottom:20px; text-align:left; color:#fff}
.indPro1 li:nth-child(2) h3{width:130px; height:130px; background:rgba(230,0,18,0.9);left:auto; bottom:auto;  right:-65px; top:-65px;  border-radius:100%; z-index:2;transition:all 1s ease}
.indPro1 li:nth-child(2):hover h1{color:#fff}
.indPro1 li:nth-child(2):hover h3{width:160vw; height:160vw; left:auto;bottom:auto;right:-55vw;top:-55vw;}

.indPro1 li:nth-child(3){background:url(../images/imgindpro3m.jpg) no-repeat center/cover;}
.indPro1 li:nth-child(3) h1{left:auto; top:auto;bottom:20px; right:20px; text-align:right; }
.indPro1 li:nth-child(3) h3{width:130px; height:130px; background:rgba(230,0,18,0.9); left:-65px; top:-65px;  border-radius:100%; z-index:2;transition:all 1s ease}
.indPro1 li:nth-child(3):hover h1{color:#fff}
.indPro1 li:nth-child(3):hover h3{width:160vw; height:160vw; left:-55vw;top:-55vw;}

.indPro1 li .quan{ width:300px; height:300px;}
.indPro1 li:nth-child(1) .quan{top:auto; bottom:-150px; left:50%; margin:0 0 0 -150px;}
.indPro1 li:nth-child(2) .quan{bottom:auto;left:auto; top:0; right:0;margin:-150px -150px 0 0;}
.indPro1 li:nth-child(3) .quan{top:0; left:0; margin:-150px 0 0 -150px;}

.indProText{width:100%; text-align:center; position:absolute; left:0; top:60px; text-align:center; color:#fff; z-index:4; opacity:0;transition:all 1s ease}
.indPro1 li:nth-child(2) .indProText{top:calc(38vw - 15px);}
.indPro1 li:nth-child(3) .indProText{top:calc(38vw - 15px);}

.indProList{ width:100%;}
.indProList a{border-radius:21px; line-height:26px; border:1px solid rgba(255,255,255,0.3); font-size:12px;display:block; width:140px; margin:0 auto 5px auto; color:#fff}
.indProList a:hover{border:1px solid rgba(255,255,255,1);}

.indPro1 li:hover .indProText{opacity:1;}
.indPro .qyjjList li {
    width: 100%;
    height: auto;
}
.foot_t{ display:none;}

.banner1{width:100%;height:auto;margin:20px auto 0 auto; padding-bottom:0;}
.banner1 .swiper-slide h1{width:100%; height:54.78vw; margin-left:0;}
.banner1 .swiper-slide div{width:100%;height:auto; padding:20px; position:static;}
.banner1 .swiper-slide div span{ max-width:99%;}
.banner1.swiper-slide div span h2{ font-size:14px; line-height:14px; color:#e60012; font-weight:bold }
.banner1 .swiper-slide div span h3{ font-size:16px;line-height:22px;margin:0; border:none; color:#666}
.banner1 .swiper-slide div span h4{ font-size:12px; line-height:20px;}
.banner1 .swiper-slide div span h5{ margin-top:20px;}

.banner1 .swiper-pagination{top:calc(54.78vw - 20px); bottom:auto; z-index:1; height:8px}
.banner1 .swiper-pagination-bullet{background-size:8px 8px; margin:0!important; width:8px; height:8px;}

.xp_f{padding-top:0;}
.banner1 .swiper-pagination-bullet-active{background-size:8px 8px;}

.aboutNum{padding:20px 20px 16px;}
.aboutNum li{width:100%; height:120px;padding:13px 0 0 30px; margin-bottom:5px}
.aboutNum li img{right:20px; top:25px; height:70px;}
.aboutNum li h1{ font-size:40px; line-height:40px; font-family:'rubik';  margin:5px 0 -3px 0}

.in-serv{display:none;}
.indPro{display:block;}


.indAbout{padding:20px 20px 0;}
.indAbout .id_z{width:100%;}
.indAbout .id_y{width:100%; margin:0; padding:20px 0;}
.indAbout .m{width:100% !important;}
.indAbout video{width:100% !important;object-fit:cover;}

.xp_f li{width:100%; margin-bottom:20px; background:#DDD;}
.aboutCon{display:none;}
.indadd{padding:0 20px;}
.indadd .qyjjList li{width:100%; height:auto;}
.indadd .qyjjList li:last-child{ margin-bottom:10px;}

.indPro .swiper-wrapper{height:auto !important;}
.indNews .swiper-wrapper{height:auto !important;}


}