﻿@media(max-width:1680px){



}





@media(max-width:1480px){





}



@media(max-width:1366px){





}



@media(max-width:1280px){

/*.boxNav li:nth-child(3) div{width:230%;}

.boxNav li:nth-child(4) div{width:430%;}

	

.indNews a span h2{height:52px;}

.indNews a span h2 i{line-height:26px;}

.indNews a span h3{font-size:18px; line-height:26px;}

.indNews a h4{line-height:20px;}

.indNews a:nth-child(1) h1{font-size:18px; line-height:26px; }*/

.boxNav li:nth-child(5) div{width:12vw}

.indProL{padding:0 4%}





.footGp{padding:30px 25px; margin:0 25px 0 0; }

/* .footEwm{width:390px;}

.footEwm a{width:175px;margin:0 0 25px 20px;}

.footEwm a:hover i{opacity:0; display:none} */



}



@media(max-width:1200px){

.boxNav li{margin:0 0.2vw;}	

.boxNav li:nth-child(4) div{width:12vw}

.boxNav li:nth-child(5) div{width:13vw}

.boxNav li:nth-child(8) div{width:12vw}



.indProL h1{font-size:13px;}

	

.footGp{padding:20px 20px; margin:0 20px 0 0; }

/* .footEwm{width:360px;}

.footEwm a{width:160px;margin:0 0 25px 10px;} */

}

@media(max-width:1024px){
.image-info h3{font-size: 14px;}
.image-info p{font-size: 12px;}
.indbot{flex-wrap: wrap;}
.left-image{width: 100%; padding: 0;}
.image-info2{margin: 0; width: 100%; bottom: auto; top: 30px; font-size: 12px; padding: 20px;}
.image-info2 h1{font-size: 16px !important;}
.about-quanli-container .indbot.bgGray{padding: 20px 0 0;}
.right-images{flex-direction: row; width: 100%; padding: 15px 0;}
.indProSev .navindProSev a{font-size: 12px;}
.indProSev .navindProSev{width: 40%; }
.indProSev .conindProSev{height: 440px; width: 60%;}
.indProSev .conindProSev .tit{font-size: 14px;}
.indProSev .conindProSev .con{margin-top: 10px;}
.indProSev .conindProSev .conn{padding: 10px;}
.indProSev .conindProSev .con li{font-size: 12px; width: 100%; float: none;}
.boxMax{width: 100%;}
.navTitle{padding: 20px 0;}
.indProSev .conindProSev .con li::after{top: 6px;}
.btnMore i{margin-top: 0;}
.cpyfw{padding-bottom: 0 !important;}
.flList ul{ padding: 4%;}
.flList li{width: 32% !important;}
.flList li.on{width: 32% !important;}
.flList li h1{font-size: 14px !important; padding: 0 !important; }
.indbot .con h1{font-size: 14px;}
.indkcx .con a{ font-size: 12px !important;}
.navTitle h1{text-align: center;}
.indNews{padding-bottom: 20px;}
.fot_nav{display: none;}
.aboutConLT{width: 100%; padding: 4%;}
.aboutConLT .con {font-size: 14px;}
.aboutConLT .con b{padding: 4% 0; font-size: 20px !important; font-weight: bold;}
.aboutConLT .con img{max-width: 100%; height: auto;}
.boxMsg{padding: 4%;}
.scr1{padding: 4%;}
.scr1 .con table td, .scr1 .con table th{font-size: 9px; padding: 0;}
.xwdh a{width: auto;}
.navTitle h2{padding: 0 4%;}
.xyzp h2{font-size: 12px;}
.xyzp ul li{padding: 4%;}
.xyzp ul li a.yp{width: 100%;}
.boxContact{padding: 2%;}
.boxContact a{margin-top: 2%;width: 32.4%; padding: 1%;}
.boxContact a h1 img{width: 100%;}
.boxNavM dl .submitTop{width: 28%;}
.xwdh a{font-size: 18px;}
.jishu{padding-top: 4%;}
.boxMsg ul{padding-top: 4%;}
.boxMsg li.w50{width: 49%;}
.sstit{font-size: 20px; margin: 4% 0;}
.scr1 .con{font-size: 14px; margin-bottom: 4%;}
.gd{margin-top: 4%;}
.showCur nav{font-size: 13px;}
.indProSev .conindProSev .con{display: block !important;}
.indProSev .conindProSev .conn{height: auto; min-height: 100%;}

}

@media(max-width:768px){

.boxTop{display:none}

.banner{ display:none}

.boxTopM{display:block}

.bannerM{ display:block}

.mobfot{ display: none;}
.newdiv{ display: block;}
.footLogo{ padding-bottom: 20px;}
    .footEwm{ margin-bottom: 28px;}

.about1div,.boxMax{
    padding: 5% 5%;
}
.about1div img,.aboutConVideo img{
    width:100%;
    height: 100%;
}

.indProSev .conindProSev{ margin-left: 0px; margin-top: 0px;}






/*---------------------indexSol---------------------*/

.boxIndSol{ padding:0 0 60px 0; margin:0 0 40px 0}

.indSol{ margin:0}

.indSol .swiper-slide{width:calc((100% - 10px)/2);margin:0 10px 0 0;}



.indSol .swiper-slide div{width:100%;height:calc((90vw - 10px)/2*1.739); }



.indSol .swiper-slide h1{font-size:15px; line-height:15px;}

.indSol .swiper-slide h4{bottom:-40px;  height:40px; }

.indSol .swiper-slide h4 i{ font-size:12px; line-height:40px;}



.indSol .swiper-slide:hover span{opacity:0}

.indSol .swiper-slide:hover h2{opacity:0}

.indSol .swiper-slide:hover h3{opacity:0}





.boxIndSol .swiperBtn{top:auto; bottom:0; right:0; width:100%; text-align:center; position:absolute}

.boxIndSol .swiperBtn a{ position:relative; top:0; margin:0}

.boxIndSol .swiperBtn .btnPre{ left:0;}

.boxIndSol .swiperBtn .btnNext{ right:0;}

.boxIndSol .swiperBtn .swiperNum{display:inline-block!important}



/*---------------------indexSol---------------------*/









/*---------------------indexPro---------------------*/

.indPro{margin:0 auto 40px auto;}

.indPro .swiper-slide{ padding-top:60vw}



.indProL{width:100%; padding:20px 20px 40px 20px}

.indProL h1{font-size:16px; line-height:26px;}

.indProL h2{ padding:20px 0 40px 0}

.indProL h2 i img{ width:60%;}

.indProL h2 i font{ font-size:16px; }

.indProL .btnMore{ margin:0 auto}

.i50 i{width:50%!important}

.i50 i img{ width:40%!important}



.indProR{width:100%; position:absolute; top:0; left:0}



/*---------------------indexPro---------------------*/







/*---------------------indexNews---------------------*/

/*.indNews{width:100%; overflow:hidden;margin:0 auto 0 auto;}

.indNews a{width:100%; height:auto;max-height:none; margin:0 0 40px 0; }

.indNews a:last-child{margin:0}

.indNews a h1{display:block; font-size:14px; line-height:26px; color:#999; margin:10px 0 0 0}

.indNews a span{width:100%; }

.indNews a span h2{display:none}

.indNews a span h3{width:100%; font-size:18px; line-height:26px; display:block}

.indNews a h4{display:none}

.indNews a h5{height:auto;max-height:none;position:relative;}





.indNews a:nth-child(1){width:100%}

.indNews a:nth-child(1) div{position:relative; left:0; bottom:0; color:#555;  padding:0; background:none;}

.indNews a:nth-child(1) h1{display:block; font-size:14px; line-height:26px;}

.indNews a:nth-child(1) h2{display:none}





.indNews a:nth-child(2) h5{top:auto; bottom:0}

.indNews a:nth-child(3) div{position:relative;}*/



/*.indNews{width:100%; overflow:hidden;margin:0 auto 0 auto;}

.indNews a{width:100%; height:auto;max-height:none; margin:0 0 30px 0; border:none}

.indNews a:nth-child(3){ margin:0}

.indNews a:nth-child(4),.indNews a:nth-child(5){ display:none}

.indNews a h1{display:block; font-size:14px; line-height:26px; color:#999; margin:10px 0 0 0}

.indNews a span{width:100%; }

.indNews a span h2{display:none}

.indNews a span h3{width:100%; font-size:18px; line-height:26px; display:block}

.indNews a h4{display:none}

.indNews a h5{height:auto;max-height:none;position:relative; display:block}





.indNews a:nth-child(1){width:100%; height:auto}

.indNews a:nth-child(1) div{position:relative; left:0; bottom:0; color:#555;  padding:0; background:none;}

.indNews a:nth-child(1) h1{display:block; font-size:14px; line-height:26px;}

.indNews a:nth-child(1) h2{display:none}





.indNews a:nth-child(2) h5{top:auto; bottom:0}

.indNews a:nth-child(3) div{position:relative;}*/



.indNews{width:100%; overflow:hidden}



.indNewLeft{width:100%;height:60vw;max-height:60vw;}

.indNewLeft .swiper-slide span{padding:25px 15px;}

.indNewLeft .swiper-slide span h1{display:block; font-size:16px; line-height:1.5em; font-weight:500}

.indNewLeft .swiper-slide span h3{font-size:16px; line-height:1.5em; font-weight:500;}

.indNewLeft a:hover img{transform:scale(1.0);}



.indNewRight{width:96%; }

.indNewRight a{width:100%; height:auto;max-height:none;  margin:0; border-top:none;border-bottom:1px solid #eee; padding:5px 0 5px 0px; position:relative}

.indNewRight a span{display:block; width:100%; overflow:hidden}

.indNewRight a span h2{float:left;width:70px; height:50px;color:#1f529a; position:absolute; top:20px; left:0}

.indNewRight a span h2 i{font-size:17px; }

.indNewRight a span h2 font{font-size:12px;margin:3px 0 0 0;}

.indNewRight a span h3{width:100%; font-size:16px; }

.indNewRight a h4{font-size:12px;margin:5px 0 0 0; padding:0 0 0 0;}

.indNewRight a:last-child{ display:none}







.indNewsMore{ padding:40px 0 40px 0;}

.centerMore{ padding:40px 0 40px 0;}

/*---------------------indexNews---------------------*/









.btnMore{ width:100px; height: 30px; line-height: 30px;}

.btnMore i{font-size:12px; }







/*---------------------foot---------------------*/

.footCon{ padding:40px 0  10px 0}



.footLogo img{ height:28px;}

.footGp{padding:0 0 0 30px; margin:0; border:none}

.footGp h1{ font-size:16px; }

.footGp h2{padding:10px 0 10px 0;color:#1b4f99}

.footGp h2 i{font-size:36px; line-height:36px;}

.footGp h2 span{width:10px;height:9px;margin:0 5px 5px 5px}

.footGp h2 font{font-size:16px; line-height:16px; margin-bottom:5px}





.footContact{ display:block; width:100%;font-size:15px; line-height:26px; padding:30px 0; margin:30px auto; border-top:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05)}



.boxFoot .left{width: 60%;}

.footEwm{position:relative; right:0; top:auto; margin-top:0; width:20%; display: flex;}

.footEwm a{ width:auto; height: auto; display:inline-block; position:relative; margin:0 0 0 0;}

.footEwm a div{ display:inline-block; vertical-align:top; padding:0 5px 0 0; opacity:0.4}

.footEwm a div img{width:20px}

.footEwm a span{ display:inline-block; vertical-align:top}

.footEwm a span h1{ font-size:13px; line-height:20px; font-weight:500; display:block; margin:0 0 5px 0}

.footEwm a span h2{ font-size:8px; line-height:16px;}

.footEwm a:hover i{pointer-events:auto}



.boxFoot{font-size:10px; line-height:18px; padding:0; padding-top: 10px; }

/*---------------------foot---------------------*/











.aboutCon{padding:0 0 40px 0;display: block;}

.aboutConL{width:100%; font-size:16px; line-height:26px;padding:10px 0 20px 0;}



.aboutConVideo{width:100%;}

.aboutConVideo span{width:100%; height:45vw; }

.aboutConVideo i{margin:-20px 0 0 -20px; width:40px; height:40px;}



/*------------------------fzlc------------------------*/

.bgFzlc{width:100%; height:auto; background:url(../image/bgFzlcM.jpg) no-repeat center/100% 100%; padding:0 0 60px 0}

.boxFzlc{float:none;position:relative; margin:40px 0 0 5%;padding:0 0 70px 0}

.boxFzlcCon{}

.boxFzlcCon .swiper-slide{ min-width:310px;padding:0 30px; }

.boxFzlcCon .swiper-slide i{top:12px; }

.boxFzlcCon .swiper-slide h1{font-size:32px;margin:0 0 30px 0}

.boxFzlcCon .swiper-slide h2{font-size:18px;font-weight:500; margin:20px 0 10px 0}

.boxFzlcCon .swiper-slide h3{font-size:16px;}



.boxFzlc .swiperBtn{ margin-right:0}

.boxFzlc .swiperBtn a{margin-left:0}

.boxFzlc .swiperBtn .swiperNum{display:inline-block}



.boxFzlc .swiperBtn{ top:auto; bottom:0; right:0; width:100%;text-align:center;margin-right:0}

.boxFzlc .swiperBtn a{margin-left:0}

.boxFzlc .swiperBtn .swiperNum{display:inline-block}





/*------------------------fzlc------------------------*/





/*------------------------横向幻灯片------------------------*/

.boxPic{width:100%; margin:0 auto 40px auto; }

.picList{width:100%; padding:20px; position:relative; margin:-20px 0 20px 0; overflow:hidden}

.picList .swiper-slide{width:100%; margin:0;  padding:10px 10px 0 10px; }

.picList .swiper-slide div{width:100%; height:calc((90vw - 20px)*0.667);}

.picList .swiper-slide i{font-size:16px;height:100px;}

.picList .swiper-slide:hover img{transform:scale(1.0);}





.picList1{width:90%;margin:0 auto;padding:calc(5vw + 10px) 10px calc(5vw + 10px) 10px}

.picList1 a{width:100%; margin:0 0 20px 0; padding:10px 10px 0 10px; }

.picList1 a:last-child{margin:0}

.picList1 a div{width:100%; height:calc((90vw - 20px)*0.67); max-height:none;}

.picList1 a div img{width:100%; height:100%;transition:transform 0.5s;}

.picList1 a i{font-size:16px; height:100px;}

/*------------------------横向幻灯片------------------------*/





/*------------------------hxln------------------------*/

.hxlnCon{width:100%; position:relative; margin:40px 0 40px 0; overflow:hidden}

.hxlnCon .swiper-slide{width:100%;}

.hxlnCon .swiper-slide div{width:100%; padding:5px 40px 35px 40px; background:url(../image/icoYh.png) no-repeat left top/20px auto;}

.hxlnCon .swiper-slide div h1{font-size:20px; line-height:1.5em }

.hxlnCon .swiper-slide div p{font-size:14px;color:#999; margin:20px 0 0 0}

.hxlnCon .swiper-slide span{width:100%;}

/*------------------------hxln------------------------*/



/*------------------------znln------------------------*/

.bgZnln{ width:100%;background:url(../image/bgZnln.jpg) no-repeat top center;height:840px;/*background-attachment:fixed; */ position:relative; padding:20px 0 0 0}

.znlnCon .swiper-slide{ padding:0 40px;}

.znlnCon .swiper-slide h1{font-size:20px; line-height:1.5em}

.znlnCon .swiper-slide h1 i{display:block}

.znlnCon .swiper-slide p{font-size:14px;color:#999; margin:0 0 20px 0}

.bgZnln .swiperBtn{ bottom:300px;}



.tabZnln{ display:none}



/*------------------------znln------------------------*/



/*------------------------picNewsList------------------------*/

.picNewsList{width:90%;margin:0 auto;padding:0}

.picNewsList a{width:100%; margin:0 0 20px 0; }

.picNewsList a:last-child{ margin:0}

.picNewsList a div{width:100%; height:60vw; max-height:none;}

.picNewsList a div img{width:100%; height:100%;transition:transform 0.5s;}

.picNewsList a i{font-size:16px; /*height:100px;*/ line-height:80px;}





.picNewsList1{width:90%;margin:0 auto;padding:calc(5vw + 10px) 10px 0 10px}

.picNewsList1 a{width:100%; margin:0 0 20px 0; }

.picNewsList1 a:last-child{margin:0}

.picNewsList1 a div{width:100%; height:calc((90vw - 20px)*0.67); max-height:none;}

.picNewsList1 a div img{width:100%; height:100%;transition:transform 0.5s;}

.picNewsList1 a i{font-size:16px; /*height:100px;*/line-height:80px;}

/*------------------------picNewsList------------------------*/





.newsList{padding:calc(5vw - 20px) 10px 0 10px;}

.newsList a{padding:30px 0;}

.newsImg{width:100%;}

.newsList span{width:100%; position:relative; padding:0; margin:15px 0 0 0}



.newsDate{ display:none}



.newsTitle{display:inline-block; vertical-align:middle; width:100%}

.newsTitle h1{font-size:18px; line-height:26px; font-weight:500;white-space:normal; }

.newsTitle h2{ display:none}

.newsTitle h3{display:none}

.newsTitle h4{font-size:14px; line-height:26px; color:#999;  display:block}





/*-----------------分页-----------------*/

.boxPage{text-align:center;margin:30px auto;}

.numPage{display:none}

.btnPage{float:none; margin:0 auto; display:inline-block}

.boxPage span{ display:inline-block;}

/*-----------------分页-----------------*/





/*--------------------------------show--------------------------------*/

.boxShow{padding:0 0 30px 0; margin:70px 0 0 0; margin: 0 ; padding: 0;}

.boxShow1{margin:20px auto 0 auto}

.showLeft{width:100%; overflow:hidden}

.showTitle{padding:0 0 10px 0;font-size:18px;line-height:26px; text-align:left}

.showInfo{ font-size:12px; line-height:20px;padding-bottom:20px; margin-bottom:20px;text-align:left}

.showCon{font-size:16px; line-height:26px; }





.showTitleJob h1{font-size:14px;line-height:22px;}

.showTitleJob h2{font-size:18px;line-height:26px; }

.showInfoJob{font-size:12px; line-height:20px; padding:10px 0 20px 0;}

.showInfoJob i{margin-right:5px; border-right:1px solid #eee; padding:0 5px 0 0}

.showInfoJob i:last-child{margin:0; padding:0; border:none}







.showRight{width:100%; margin:30px 0 0 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;}

/*--------------------------------show--------------------------------*/



/*--------------------------------showPro--------------------------------*/

.boxShowPro{ background:url(../image/bgProShow.jpg) no-repeat top center/100% auto; }

.showProTitle{padding:30px 0 20px 0;font-size:18px;} 



.boxShowPro1{border-radius:8px; box-shadow:10px 10px 10px rgba(0,0,0,0.1); border:8px solid #fff; border-radius:5px; display:block; margin:0 20px; width:auto}





.showProSwiper .swiper-pagination{bottom:10px!important;z-index:1; text-align:center;}

.showProSwiper .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;}

.showProSwiper .swiper-pagination-bullet-active{background:#fff; width:20px;}

.showProSwiper .btnProPre{ display:none!important}

.showProSwiper .btnProNext{display:none!important}

	





.showProText{padding:30px 20px 0 20px; }

.showProText p{font-size:14px; }

.showProText img{width:100%}

.showProNav{padding:30px 0 30px 0;font-size:20px;}





.showProList li{ margin:0 0 30px 0}

.showProList li h1{ margin:0 0 10px 0}

.showProList li h1 i{font-size:16px; line-height:1em; padding:6px 16px;}

.showProList li h2{font-size:14px; }

.showProList li h2 i{width:100%;margin:20px 0 0 0; }

.showProList li h2 font{font-size:clamp(26px,1.875vw,36px);}

/*--------------------------------showPro--------------------------------*/



.showCur{line-height:60px;}

.showCur a{padding:0 0 0 15px; margin:0 0 0 10px; background:url(../image/icoCurLine.png) no-repeat center left; }

.showCur a:first-child{background:url(../image/icoHome1.png) no-repeat center left;  margin:0; padding:0 0 0 16px}









/*--------------------------------search--------------------------------*/

.searchNav{ font-size:14px; padding:40px 0 20px 10px; }

.searchNav i{ font-size:40px; line-height:40px;  color:#15499a; margin:0 5px}

.searchList{ margin-bottom:30px}

.searchList a{display:block;  overflow:hidden; padding:25px 0 25px 14px; font-size:16px; line-height:26px; background:url(../image/bgLi.png) no-repeat 0 36px; text-align:justify}

.searchList a i{float:none; display:block; font-size:12px; color:#999; text-align:right}

/*--------------------------------search--------------------------------*/







/*------------share------------*/

.btnShare1{ display:none}



/*------------share------------*/





/*------------jjfa------------*/

.textQy{ text-align:justify;font-size:16px; line-height:1.75em;padding:40px 0;}





.boxIcoList{margin:0 0 40px 0;}

.icoList{}

.icoList .swiper-wrapper{height:400px;}

.icoList .swiper-slide{height:200px;}

.icoList .swiper-slide h1 img{ width:70px;}

.icoList .swiper-slide h2{font-size:12px; font-weight:500; padding:0 10%}

.icoList .swiper-slide h3{ position:relative; display:inline-block; margin:0 auto; padding:0 15px 0 0;}

.icoList .swiper-slide h3 span{font-size:36px;line-height:1em;}

.icoList .swiper-slide h3 i{right:3px; font-size:14px; line-height:14px;}

.icoList .swiper-slide h3 font{font-size:12px; line-height:12px;}

.space10{ right:-6px!important;}



.row4 .swiper-slide{width:50%}

.boxIcoList .swiperBtn{display:block}

.textSmall .swiper-slide h2{font-size:12px!important; letter-spacing:0}



.btnPrePc{display:none}

.btnNextPc{display:none}



/*------------jjfa------------*/



/*------------gzjs------------*/

.zxghBg{width:100vw; height:auto; max-height:none; margin:0 0 0 -5vw; background:url(../image/zxghBgM.jpg) no-repeat center top/cover}

.zxghBg .navTitle{padding-top:40px!important}

.boxGjjs{ margin:-30px 0 0 0}

.boxGjjs li{width:100%; height:auto; border-right:none;border-bottom:1px solid rgba(255,255,255,0.3); padding:50px 30px;}

.boxGjjs li:last-child{border:none}

.boxGjjs li h1{width:100%;position:relative; top:0; margin:0 0 0 0}

.boxGjjs li h1 i{width:80px; height:80px;}

.boxGjjs li h1 font{font-size:16px;}

.boxGjjs li h2{position:relative;top:0;width:100%; height:0;}



.boxGjjs .on{width:100%!important; padding:50px 30px;}

.boxGjjs .on h1{top:0; margin:0 0 10px 0}

.boxGjjs .on h1 i{display:none}

.boxGjjs .on h1 font{font-size:20px;display:inline-block; border-bottom:none; padding:0}

.boxGjjs .on h2{top:0; opacity:1; height:auto}

/*------------gzjs------------*/



/*------------------------case------------------------*/

.boxCase{padding:0 0 40px 0}

.caseList{width:100%;}

.caseList .swiper-slide{width:100%;}

.caseList .swiper-slide div{width:100%; height:60vw; max-height:none;}

.caseList .swiper-slide i{font-size:16px; height:auto;padding:20px 0 30px 0}

/*------------------------case------------------------*/



/*------------------------fd------------------------*/

.boxFd{width:100%;height:auto; max-height:none;}

.boxFd li{width:100%; height:auto; min-height:calc(60vw + 38px);transition:all .7s; position:relative; margin:0 0 40px 0}

.boxFd li h1{position:relative; left:0; top:0; margin:0; }

.boxFd li h1 font{font-size:18px;line-height:1em; border-bottom:none; color:#555; padding:0 0 20px 0}

.boxFd li h2{width:100%; height:60vw; top:38px; left:0;}

.boxFd li h2 i{display:block}

.boxFd li h3{width:100%; height:60vw; position:relative;}

.boxFd li h3 video{position:absolute;z-index:1;top:0;left:0; width:100%;height:60vw;transform:translateY(0);object-fit:cover}

.boxFd li h4{font-size:14px; line-height:24px; color:#555; position:relative; left:0; bottom:0; z-index:2; width:100%; padding:20px; margin-top:60vw; background:#f9f9f9; display:block}



.boxFd li:hover{width:100%; z-index:2}

.boxFd li:hover h1{ left:0; top:0; margin:0; text-align:center}





.bgGrayFd{ padding:0 0 60px 0}

.imgFdjgt{margin:-10px auto 0 auto; max-width:90%;width:90%}





.icoCon{width:100%; overflow:hidden; text-align:center; margin:10px 0 40px 0;}

.icoCon li{width:100%; position:relative; padding:30px 20px 30px 100px; text-align:left; background:#f4f4f4}

.icoCon li:nth-child(2n){ background:#f9f9f9}

.icoCon li h1{position:absolute; left:20px; top:50%; margin:-30px 0 0 0;}

.icoCon li h1 img{ width:60px;}

.icoCon li h2{font-size:18px; line-height:1.5em; margin:0;}

.icoCon li h3{max-width:100%; }



.fdListCon{padding:0 0 40px 0; }

.fdListCon li{ width:100%; margin:0 0 40px 0}

.fdListCon li:last-child{margin:0}

.fdListCon li span{display:block;min-height:auto;}

.fdListCon li h1{font-size:18px; line-height:1.5em; margin:20px 0 10px 0}

.fdListCon li h2{font-size:14px; line-height:24px; }





.hsfdIco{margin:0; padding:10px 0 20px 0; }

.hsfdIco a{ width:33.3%;  margin:0 0 40px 0}

.hsfdIco a h1{}

.hsfdIco a h1 img{width:80%;}

.hsfdIco a h2{font-size:12px; line-height:12px; margin-top:10px;}



.icoConLsfd{padding:0 0 40px 0; margin:0 0 0 0!important;}





.hsfdList{ margin:10px 0 0 0; padding:0 0 20px 0;}

.hsfdList a{width:100%; margin:0; }

.hsfdList a:last-child{ margin-right:0}

.hsfdList a div{width:100%; height:calc((100vw - 40px)*0.667); max-height:none;}

.hsfdList a i{height:80px;padding:20px 0 0 0}





.hsfdList{margin:10px 0 0 0; padding:0 0 30px 0;}

.hsfdList a{width:100%; height:50vw; max-height:none; margin:0 0 20px 0 }

.hsfdList a h1{ margin:-17px 0 0 0; }

.hsfdList a h1 font{font-size:20px; padding:0 0 15px 0}



/*------------------------fd------------------------*/





/*------------------------gf------------------------*/

.gfTitle{height:75vw;background:url(../image/bgGfM.jpg) no-repeat center/cover;}

.gfTitle h1{font-size:26px;padding:40px 0 0 0}



.gfList{padding:0 0 40px 0;}

.gfList li{width:100%; height:50vw;  margin:0 0 20px 0}

.gfList li h1{ margin:-17px 0 0 0; }

.gfList li h1 font{font-size:20px; padding:0 0 15px 0}





.gfList1{}

.gfList1 li{width:100%; height:50vw; }

/*------------------------gf------------------------*/





/*------------cn------------*/

.cnfwBg{width:100%; height:auto; max-height:none; background:url(../image/cnBg.jpg) no-repeat center top/cover; margin:0 0 40px 0}



.boxCnfw{height:100%;}

.boxCnfw ul{width:100%;height:100%; background:rgba(0,0,0,0.2)}

.boxCnfw li{position:relative;display:inline-block; vertical-align:top; width:100%; height:auto; padding:40px 0; box-sizing:border-box; border-right:none; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center;}

.boxCnfw li h1{width:100%; padding:0; }

.boxCnfw li h1 font{font-size:20px;line-height:1em; display:inline-block; border-bottom:none; padding:0}

.boxCnfw li h2{ position:relative; top:100%; left:0;width:100%;font-size:14px; line-height:1.75em; height:0;margin-top:15px;}



.boxCnfw .on{width:100%!important; padding:40px 50px; text-align:center;}

.boxCnfw .on h2{top:0; height:auto; opacity:1;}



.bgFwkh{padding:0 0 20px 0}

.fwkhList{}

.fwkhList a{display:inline-block; width:calc((100% - 20px)/2); margin:0 20px 20px 0; background:#fff}

.fwkhList a:nth-child(5n+5){margin:0 20px 20px 0;}

.fwkhList a:nth-child(2n+2){margin-right:0;}

.fwkhList a img{width:100%}

.fwkhList a h2{ font-size:12px; line-height:16px; padding:0 0 10px 0;}



/*------------cn------------*/





/*------------dw------------*/



.dwBg{width:100%; height:auto; max-height:none; background:url(../image/dwBg.jpg) no-repeat -450px top/cover; margin:0 0 40px 0; padding:0 20px}

.dwBg .navTitleSub{padding:40px 0 40px 0!important;}



.boxHxnl{height:100%;}

.boxHxnl ul{width:100%;height:100%; /*background:rgba(0,0,0,0.2)*/}

.boxHxnl li{position:relative;display:inline-block; vertical-align:top; width:100%; height:auto; padding:40px 0; box-sizing:border-box; border-right:none; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center;}

.boxHxnl li:first-child{border-top:1px solid rgba(255,255,255,0.3); }

.boxHxnl li h1{width:100%; padding:0; }

.boxHxnl li h1 font{font-size:20px;line-height:1em; display:inline-block; border-bottom:none; padding:0}

.boxHxnl li h2{ position:relative; top:100%; left:0;width:100%;font-size:14px; line-height:1.75em; height:0;margin-top:15px;}



.boxHxnl .on{width:100%!important; padding:40px 20px; text-align:center;}

.boxHxnl .on h2{top:0; height:auto; opacity:1;}

/*------------dw------------*/





/*------------qjny------------*/



.rjList{ max-width:none; padding:0 0 0 0}

.rjList li{ width:50%; margin:10px 0 30px 0}

/*.rjList li:last-child{margin:0 0 20px 0}*/

.rjList li img{ width:60%;}

.rjList li i{display:block; margin:10px 0 0 0; font-size:14px;}



.jdLogoList{text-align:center; padding:30px 0 30px 0}

.jdLogoList a{display:inline-block; vertical-align:middle; margin:0; width:50%; padding:20px 0}

.jdLogoList a img{max-width:60%; max-height:30px;}

/*------------qjny------------*/





/*------------zhny------------*/

.zhnyBg{ background:url(../image/zhnyBgM.jpg) no-repeat center top/cover!important}



.picFocus{padding:50px 0; margin:-50px auto 50px auto}

.picFocus .swiper-slide{width:80vw; height:53.3vw;}

.picFocus .swiper-slide h1 {padding:40px 10px 10px 10px;font-size:12px; line-height:20px;}

.picFocus .swiper-pagination{bottom:10px!important;}

.picFocus .swiper-pagination-bullet{width:6px; height:6px;}

.picFocus .swiper-pagination-bullet-active{width:24px;}

.picFocus .swiper-button-prev{left:calc((100% - 800px)/4); margin:-25px 0 0 -11px; }

.picFocus .swiper-button-next{right:calc((100% - 800px)/4); margin:-25px -11px 0 0; }

/*------------zhny------------*/





/*------------szny------------*/

.icoSznyTab{padding:40px 0}

.icoSznyTab a img{ width:70px;}

.icoSznyTab a h3{font-size:16px; line-height:2em; font-weight:500}





.boxSzny{width:100%; height:auto; max-height:none; margin:0 auto 0 auto;}

.boxSzny .swiper-slide{width:100%; height:100%;position:relative; overflow:hidden; background:#1e4f9c}

.boxSzny .swiper-slide p{ font-size:14px; line-height:1.75em; position:relative; padding:40px; top:0; }

.boxSzny .swiper-slide img{width:100%;}

/*------------szny------------*/





/*------------hygfcp------------*/

.flList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0; padding: 0px;}

.flList ul{width:100%; height:auto}

.flList li{width:calc(33.333% - 10px); padding:30vw 0 0px 0; height:100%;transition:none; color:#555; margin:0 0 0 0}

.flList li:last-child{margin:0}

.flList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 5px 0;}

.flList li h2{ position:relative;width:100%;left:0; top:0;padding:0; font-size:16px; opacity:1;transition:none; margin:5px 0 5px 0}

.flList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}

.flList li div{ position:absolute; top:0; left:0;width:100%; height:30vw; background-position:center 73%!important; }

.flList li div span{ display:none}


.flList li:nth-child(n+7) {
            display: none;





/* .flList .on{width:100%!important;} */

/* .flList .on h1{text-align:left; padding:0;}

.flList .on h2{opacity:1; top:0;}

.flList .on h3{opacity:1; top:0;}

.flList .on div{background-position:center 73%!important;}

.flList .on span{ display:none} */





.bgGrayMs{ width:100%; padding:0 0 30px 0}



.navMs{margin:-10px 0 30px 0}

.navMs a{width:31%; line-height:40px; border-radius:20px; font-size:12px; margin:0 1%;}





.boxMs{width:100%; height:auto; max-height:none;background:url(../image/bgMs.jpg) no-repeat center/cover}

.boxMs .swiper-slide{width:100%; height:auto;position:relative; overflow:hidden; /*padding:0 2%*/ padding:30px 30px 110px 30px}

.boxMs .swiper-slide h1{ font-size:20px; line-height:32px; padding:50px 0}

.boxMs .swiper-slide div{width:100%; padding:0 30px; overflow:hidden}

.boxMs .swiper-slide div li{width:100%;  padding:0; margin:0 0 40px 0}

.boxMs .swiper-slide div li h2{font-size:clamp(18px,1.145vw,22px); line-height:1.75em;}

.boxMs .swiper-slide div li h3{display:inline-block; width:44px; height:2px; background:#fff; margin:5px 0 10px 0}

.boxMs .swiper-slide div li h4{font-size:clamp(14px,0.9vw,18px); line-height:1.5em; text-align:justify}

.boxMs .swiper-slide h5{font-size:16px; line-height:1.75em; width:100%; text-align:justify; display:block; margin:20px auto 0 auto}





.boxZhyw{ height:auto; max-height:none; color:#555; background:url(../image/bgZhyw.jpg) no-repeat top center/100% auto;}

.boxZhyw h1{font-size:20px; line-height:45vw; color:#fff}

.boxZhyw div{width:100%; padding:0}

.boxZhyw div li{width:100%; padding:30px 20px 40px 20px;border-bottom:1px solid #eee}

.boxZhyw div li h2 img{ width:70px}

.boxZhyw div li h3{margin:10px 0 0 0;}

.boxZhyw div li h4{color:#999}

.boxZhyw div li h5{}



/*------------hygfcp------------*/







/*------------yfcx------------*/



.boxYfcxpt{ width:100%; height:auto; max-height:none; background:url(../image/bgYfcxptM-1.31.jpg) no-repeat center bottom/cover; padding:0 0 130vw 0; margin:0 0 40px 0}

.boxYfcxpt div{ padding:40px;}

.boxYfcxpt div p{font-size:clamp(14px,0.9vw,18px); line-height:1.75em;}





.boxYfcxfx{padding:0 0 30px 0}

.boxYfcxfx li{width:100%; height:auto; max-height:none; margin-bottom:30px}

.boxYfcxfx li div{ width:100%; height:auto;display:block; }

.boxYfcxfx li div span{padding:30px;}

.boxYfcxfx li div span h1{margin:10px 0 30px 0}

.boxYfcxfx li div span h1 i{}

.boxYfcxfx li div span h2{}

.boxYfcxfx li img{width:100%; }





.boxYfcxcg{width:100vw; height:auto; max-height:none; background:url(../image/bgYfcxcgM.jpg) no-repeat center bottom/100% auto; margin:0 0 0 -5vw; padding:40px 30px 80vw 30px}

.boxYfcxcg ul{ width:100%; display:block;}

.boxYfcxcg li{background:url(../image/bgLineWhite.png) no-repeat bottom left; padding:15px 0; color:#fff}

.boxYfcxcg li h1{line-height:50px; font-size:14px; line-height:22px; padding:0 0 0 24px; background:url(../image/icoAdd.png) no-repeat left center/18px 18px; cursor:pointer}

.boxYfcxcg li div{font-size:10px; line-height:24px; padding:10px 0 20px 18px;}

.boxYfcxcg li:last-child div{padding-left:24px;}

.boxYfcxcg li div i{display:block}

.boxYfcxcg li div i font{font-size:8px; line-height:14px; border-radius:10px; padding:0 5px; margin-right:5px;}



.boxYfcxcg .on h1{background:url(../image/icoRed.png) no-repeat left center/18px 18px!important;}

.boxYfcxcg .on div{display:block}



/*------------yfcx------------*/





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

.invSearch{ padding:30px 0;}

.invSearch i{ font-size:14px; color:#aaa; display:inline-block; vertical-align:middle; margin:0 20px 0 5px}

.invSearch span{ width:calc(100% - 90px); height:40px; }

.invSearch select{height:38px;}



.invList{}

.invList a{padding:25px 0 20px 40px; background:url(../image/icoPdf.png) no-repeat 5px 27px/20px auto; }

.invList a h1{line-height:1.5em;}

.invList a h2{ font-size:14px; }

.invList a h3{right:0; top:50%; margin-top:-13px; width:26px; height:26px; display:none}



.boxTzzll{ margin:0 auto 0 auto}

.boxTzzll li{width:100%; text-align:center; border-right:none;border-bottom:1px solid #eee; padding:30px 0}

.boxTzzll li:last-child{border:none}

.boxTzzll li img{width:60px; display:inline-block; vertical-align:middle}

.boxTzzll li span{width:calc(100% - 70px);display:inline-block;  vertical-align:middle; padding:0 0 0 20px; text-align:left}

.boxTzzll li h1{font-size:16px;}

.boxTzzll li h2{font-size:18px; }



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





/*------------join------------*/

.joinText{ padding:50px 30px;font-size:20px;line-height:1.7em;}

.joinNav{ text-align:center; padding:40px 0}

.joinNav a img{width:60px}

.joinNav a h1{font-size:14px;margin:15px 0 0 0}





.joinList{}

.joinList li{ padding:30px 20px;}

.joinList li h1{font-size:16px; line-height:26px; padding:0 30px 0 15px; background:url(../image/bgLiBlue.png) no-repeat left center/6px 6px; cursor:pointer;}

.joinList li h1 i{margin-top:-10px; right:0; width:20px; height:20px; }

.joinList li div{ padding:0 0 0 15px;}

.joinList li div a{line-height:22px; padding:20px 20px 20px 0;}

.joinList li div a i{width:20px;}



.joinTips{padding:40px 0 60px 0;}

/*------------join------------*/



/*------------contact------------*/

.boxContact{ padding:20px 0 0 0}

.boxContact a{ margin:0; padding:30px 0 40px 0; border-bottom:1px solid #eee}

.boxContact a:last-child{ border:0}

.boxContact a h1 img{ width:60px;}

.boxContact a h2{font-size:clamp(18px,1.15vw,22px); line-height:1.75em; color:#555; margin:0 0 0 0}

.boxContact a h3{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}

.boxContact a h4{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}





.contactMap{ height:300px}



.boxMsg{padding:0 20px; margin:0 0 40px 0; background:none}

.boxMsg h1{font-size:20px;line-height:1.7em;padding:5px 0px 0px 0px}

.boxMsg h3{ padding-top: 10px;}

.msgSubmit{ max-width:none;}

/*------------contact------------*/







/*---------------------title---------------------*/

.navTitle{ padding:40px 0 30px 0;}

.navTitle h1{font-size:24px;}

.navTitle h2{font-size:16px; line-height:26px; margin:10px 0 0 0;}

.bottomLine{ border-bottom:1px solid #ebebeb}

.paddingBottom100{ padding-bottom:40px!important}



.navTitleSub{ width:80%;display:block; padding:40px 0 30px 0; }

.navTitleSub h1{font-size:22px;line-height:1.5em;}

.navTitleSub h2{font-size:14px;line-height:24px;color:#999; text-align:justify; padding:15px 0 0 0;}







.navTitleTab{padding:40px 0 0 0;}

.navTitleTab h1{font-size:24px}

.navTitleTab h2{margin:25px 0 0 0;}

.navTitleTab h2 a{font-size:12px; line-height:60px}

.navTitleTab h3{width:100%; margin:30px 0 0 0}

.navTitleTab h3 a{font-size:12px; line-height:36px;width:33.33%;border:2px solid #fff; margin:0 0 10px 0}

.navTitleTab h3 .on{color:#1959a1!important; border:2px solid #1959a1!important; border-radius:20px;}

.navTitleTab h4{font-size:22px}



.navIndProTab a{width:50%;}



.tCenterM{text-align:center}

.tPc{display:none;}

.tM{display:block;}

.tPcM{display:block;}



.imgPc{display:none}

.imgM{display:block}

.marginB100{ margin-bottom:40px;}

.paddingTop10{padding-top:30px!important}

.paddingTop50{padding-top:30px!important}

/*---------------------title---------------------*/



.icoMark{ padding:0 0 40px 0; }

.icoMark a img{ width:70%;}

.icoMark a h3{font-size:14px;}







/*---------------------手风琴样式---------------------*/

.gjjsList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0;}

.gjjsList ul{width:100%; height:auto}

.gjjsList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}

.gjjsList li:last-child{margin:0}

.gjjsList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}

.gjjsList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}

.gjjsList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }

.gjjsList li div span{ display:none}



.gjjsList .on{width:100%!important;}

.gjjsList .on h1{text-align:left; padding:0;}

.gjjsList .on h3{opacity:1; top:0;}

.gjjsList .on div{background-position:center 73%!important;}

.gjjsList .on span{ display:none}





.cnList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;}

.cnList ul{width:100%; height:auto}

.cnList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}

.cnList li:last-child{margin:0}

.cnList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}

.cnList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}

.cnList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }

.cnList li div span{ display:none}



.cnList .on{width:100%!important;}

.cnList .on h1{text-align:left; padding:0;}

.cnList .on h3{opacity:1; top:0;}

.cnList .on div{background-position:center 73%!important;}

.cnList .on span{ display:none}

.cnList li:nth-child(3):hover h3{top:auto;}





.sznyList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;}

.sznyList ul{width:100%; height:auto}

.sznyList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}

.sznyList li:last-child{margin:0}

.sznyList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}

.sznyList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}

.sznyList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }

.sznyList li div span{ display:none}



.sznyList .on{width:100%!important;}

.sznyList .on h1{text-align:left; padding:0;}

.sznyList .on h3{opacity:1; top:0;}

.sznyList .on div{background-position:center 73%!important;}

.sznyList .on span{ display:none}

.sznyList li:nth-child(3):hover h3{top:auto;}





.hygfList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;}

.hygfList ul{width:100%; height:auto}

.hygfList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}

.hygfList li:last-child{margin:0}

.hygfList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}

.hygfList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}

.hygfList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }

.hygfList li div span{ display:none}



.hygfList .on{width:100%!important;}

.hygfList .on h1{text-align:left; padding:0;}

.hygfList .on h3{opacity:1; top:0;}

.hygfList .on div{background-position:center 73%!important;}

.hygfList .on span{ display:none}

.hygfList li:nth-child(3):hover h3{top:auto;}





.dwList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;}

.dwList ul{width:100%; height:auto}

.dwList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}

.dwList li:last-child{margin:0}

.dwList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}

.dwList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}

.dwList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }

.dwList li div span{ display:none}



.dwList .on{width:100%!important;}

.dwList .on h1{text-align:left; padding:0;}

.dwList .on h3{opacity:1; top:0;}

.dwList .on div{background-position:center 73%!important;}

.dwList .on span{ display:none}









/*---------------------修改后的海上风电显示页---------------------*/

.showBanner{ width:100%; height:100vw;}

.showBanner div{width:90%;margin:30px auto 60px auto; }

.showBanner div h1{font-size:24px; }

.showBanner div h2{width:48px; margin:8px 0}

.showBanner div h3{font-size:12px; line-height:1.5em; width:100%;}

.showBanner i{display:none}





.showNavTitle{padding:40px 0 30px 0; position:relative; color:#333}

.showNavTitle h1{font-size:24px;line-height:1.5em; font-weight:500;}

.showNavTitle h2{font-size:16px; line-height:26px;  margin:0 auto; width:70%}



.showHsfd{width:calc(100% - 40px); padding:0;  margin:30px auto 30px auto; }



.showHsfdL{width:100%; padding:20px 20px 0 20px}

.showHsfdL li{background:url(../image/icoShowHsfd.png) no-repeat left 10px/8px auto; padding:0 0 50px 15px} 

.showHsfdL li h1{font-size:18px;line-height:1.5em;}

.showHsfdL li h2{font-size:14px;line-height:24px; }



.showHsfdR{ width:100%; text-align:center; background:url(../image/bgShowHsfd2_1.png) no-repeat center right/80% auto; position:relative; right:auto; bottom:auto; height:80vw; }

.showHsfdR img{ width:50%; }





.showHsfd1 .showHsfdL{ margin-left:0; }

.showHsfd1 .showHsfdR{background:url(../image/bgShowHsfd2_2.png) no-repeat bottom left/80% auto!important;right:auto!important; left:0}



.showNavTitle1{ width:84%; margin:40px auto 0 auto;display:block; padding:40px 0 30px 0; }

.showNavTitle1 h1{font-size:16px; line-height:26px;}





.showHsfdPicList{margin:0 auto 0 auto;}

.showHsfdPicList li{width:100%; margin:0 0 30px 0;}

.showHsfdPicList li span{min-height:auto; padding:0 20px 30px 20px}

.showHsfdPicList li h1{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 10px 0}

.showHsfdPicList li h2{font-size:14px;line-height:24px; }



.width_50{max-height:none; height:auto;}

.width_50 .showHsfdL{width:100%!important;  padding:20px 20px 0 20px}

.width_50 .showHsfdL h1{ margin-bottom:20px}

.width_50 .showHsfdR{width:100%!important;background:url(../image/bgShowHsfd2_1.png) no-repeat bottom right/80% auto!important; }

.width_50 .showHsfdR img{ width:50%;}

/*---------------------修改后的海上风电显示页--------------------*/













.boxVideo .btnVideo{margin:-20px 0 0 -20px;z-index:1;width:40px; height:40px;}

.boxVideo .btnVideo:hover{background:rgba(20,87,158,0.5) url(../image/icoVideo.png) no-repeat center/40px 40px; padding:10px; width:60px; height:60px;margin:-30px 0 0 -30px;}



.boxFajz{background:url(../image/zhnyBg.jpg) no-repeat top center/100% auto; padding-bottom:0; margin-bottom:0; color:#555}

.boxFajz .icoCon li h3{color:#999;}





.showTable{ width:100%;border-top:1px solid #ddd;}

.showTable li{text-align:left;border-bottom:1px solid #ddd; padding:15px 0;background:url(../image/bgLi.png) no-repeat 0 24px/4px 4px;padding:15px 0 15px 12px;line-height:22px;}

.showTable li i{font-size:12px; line-height:14px; text-align:left; color:#999; margin:0 5px 0 0}

.showTable li i:nth-child(1){width:100%; text-align:left; background:none;font-size:16px; line-height:22px; color:#555;padding:0 0 10px 0; margin:0}

.showTable li i:nth-child(2){width:auto;}

.showTable li i:nth-child(3){width:auto;}

.showTable li i:nth-child(4){width:auto;}



.headTable{display:none}



.marginTop100{ margin-top:40px}





.moreList{position:absolute; right:0; top:-67px;}

.moreList a{ font-size:10px; line-height:10px; text-transform:uppercase}



.moreList1{position:absolute; right:0; top:-50px;}

.moreList1 a{ font-size:10px; line-height:10px; text-transform:uppercase}



.moreList2{position:absolute; right:0; top:-53px;}

.moreList2 a{ font-size:10px; line-height:10px; text-transform:uppercase}



.navTitle .moreList{position:absolute; right:0; top:54px;}

.navTitle .moreList a{ font-size:10px; line-height:10px; text-transform:uppercase}



/*------------------------caseListMore------------------------*/

.caseListMore{width:100%;  position:relative; margin:0; overflow:hidden}

.caseListMore a{width:100%; margin:0 0 50px 0;}

.caseListMore a div{width:100%; height:60vw;}

.caseListMore a div img{width:100%; height:100%;transition:transform 0.5s;}

.caseListMore a i{font-size:14px;line-height:1.5em;  height:auto; padding:20px 0 0 0}

/*------------------------caseListMore------------------------*/





.caseListText{ width:100%; padding:0 0 30px 0;}

.caseListText a{ background:#fff; border-radius:6px; width:100%; margin:0 0 10px 0; padding:0 20px 0 15px; height:70px;display:flex;align-items:center;justify-content:center; }

.caseListText a i{display:block; background:url(../image/bgLi.png) no-repeat 0 8px;font-size:14px;line-height:20px;padding:0 0 0 12px;white-space:normal; }

.caseListText a:nth-child(even){ margin-right:0}



.boxNygh{width:100%;display:block; margin:0 auto; padding:0 0 30px 0}

.boxNygh li{width:100%; height:auto; max-height:none; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; margin-bottom:30px}

.boxNygh li div{width:100%; height:auto; display:block; padding:30px;}

.boxNygh li div span{display:block; width:100%; padding:0}

.boxNygh li div span h1{font-size:20px; line-height:20px;margin:0 0 15px 0}

.boxNygh li div span h2{font-size:14px; line-height:24px; text-align:justify}

.boxNygh li div span h3{font-size:16px; line-height:24px; font-weight:500; margin:20px 0 5px 0}

.boxNygh li div span h4{ width:100%;max-height:none;}

.boxNygh li div span h4 i{background:url(../image/bgLi.png) no-repeat 0 11px;font-size:14px;line-height:26px; padding:0 0 0 12px;}

.boxNygh li img{width:100%;}



.indbot{flex-wrap: wrap;}

.indbot .con{ width: 100%;}

.indbot .pic{position: static; width: 100%; height: auto;}

.indProSev{flex-wrap: wrap;}

.indProSev .navindProSev{width: 100%; display: flex; flex-wrap: wrap;}

.indProSev .navindProSev a{width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 2%; border-right: 1px solid #fff;}

.indProSev .conindProSev{height: auto; max-height: none;}

.indProSev .conindProSev .con li{padding-left: 0; width: 100%;}
    .indProSev .conindProSev .con .lis{ float: left;width:100%;}

.indProSev .conindProSev .con li::after{display: none;}

.indProSev .conindProSev .btnMore{margin-top:10px;}

.indProSev .conindProSev .btnMore a{line-height: 2.5em;}

.pro_lst{padding: 8% 0;}

.pro_lst .yj_tit{width: 100%; height: auto; padding: 6%;}

.pro_lst li:nth-child(5) .yj_tit{ padding: 6%; line-height: 3.6vw;}

.pro_lst .ej, .pro_lst .sj{position: static;}

.pro_lst .ej{width: 100%; min-height: auto;}

.pro_lst .ej_tit{width: 100%;}

.pro_lst .sj{width: 100%; height: auto;}





.fot_nav{display: none;}

.xyzp ul{flex-wrap: wrap;}

.xyzp ul li{width: 100%; margin-bottom: 20px; padding: 4% 6%;}

.indkcx{margin-top: 50px;}

.indNewRight{padding-left: 0;}

.indNews{padding-bottom: 50px;}

.boxMsg li.w50{width: 100%;}



.boxMsg ul{padding-top: 10px;}

.xwdh a{width: auto;}

.xyzp ul li a.yp{width: 100%;}





.scr{margin-bottom: 20px;}

.scr1 .con ul{width: 100%;}

.sstit{margin-bottom: 20px; margin-top: 0;}



.gd{margin-top: 20px;}

.scr1 .con li span:nth-child(1){width: 100%;}
 
.con table colgroup col{width: 24%;}
.scr1 .con table td,.scr1 .con table th{ max-width: 10.5vw; word-break: break-all;}

}







