/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666; background:#f0f0f0;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1280px; margin:0 auto;}


.iWarp{width: calc(100% - 100px);padding: 0 20px;box-sizing: border-box;max-width: 1920px;margin: 0 auto; background:#fff}

.header{ position:relative;z-index: 999;background: #f0f0f0;}
.header.fixed{position: fixed;top: 0;left: 0;width: 100%;}
.headList{display: flex;justify-content: space-between;align-items: center;height: 60px;}
.headList .logo{display: block;}
.headList .logo img{/*max-height: 55px;*/width: auto;}


/*menu*/
.pc_menu{display: flex;justify-content: flex-end;align-items: center;position: relative;z-index: 999;}
.menu{height:55px;line-height:55px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:55px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;z-index: 9;padding: 10px;min-width: 120px;}
.menu ul li dl dd{ line-height:32px;border-bottom:#ddd dotted 1px; }
.menu ul li dl dd a{ font-size:14px; color:#333;display:block; padding:0 10px;text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:16px;color:#333;display:block;text-align:center;padding: 0 20px;}
.menu a:hover{color:#000;}
a.menu_hover{color:#000;}
.menu ul li.on span a{font-weight: bold;}

/*语言*/
.language{margin-left: 40px;position: relative;height: 55px;line-height: 55px;}
.langBtn{color: #000;font-size: 16px;}
.langBtn:hover{color: #000;}
.langBtn i{padding-left: 10px;}
.langPanel{position: absolute;top: 55px;left: 0;width: 100%;z-index: 9; background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,0.2);display: none;}
.langPanel.active{display: block;}
.langPanel li{line-height:30px;border-bottom:#ddd dotted 1px;}
.langPanel li a{font-size:14px; color:#333;display:block; padding:0 10px;text-align:center;}
.langPanel li a:hover{color: #000;}
/*手机按钮*/
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:10px;margin-left: 40px;}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
/*手机*/
.sjj_nav{position:fixed;z-index:999;background:#fff;width:40%;height:100%;font-size:14px;line-height:40px;top:0;right:-100%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s;border-left: 1px solid #000;}
.nav_show{right: 0;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom:1px #e4e8eb solid;position:relative;line-height:40px;font-size:16px}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #0188FB;}
.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}
.nav_show .sjj_navClose{display: block;}
.sjj_navClose{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0.2;z-index: -1;top: 0;left: 0;display: none;}
.sjj_nav .Warp{position: relative;z-index: 9;width: 100%;height: 100%;background: #fff;padding: 90px 40px 40px 40px;box-sizing: border-box;}
.sjj_navCBtn{position: absolute;top: 40px;right: 45px;color: #000;font-size: 20px;cursor: pointer;}



/*swiper*/
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}

/*banner*/
.banner{width: 100%;position: relative;overflow: hidden;}
.banner .part{display: block;width: 100%;position: relative;overflow: hidden;}
.banner .part img{width: 100%;height: 100%;object-fit: cover;}
.banner .imgTop{position: absolute;left: 50px;bottom: 50px;    text-shadow: 0px 3px 6px rgba(0,0,0,0.5);}
.banner .imgTop .time{color: #fff;font-size: 18px;}
.banner .imgTop .t1{color: #fff;font-size: 26px;}
.banner .swiper-button-next,.banner .swiper-button-prev{color: #fff;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 30px;}
.mBanner{width: 100%;position: relative;overflow: hidden; display:none}
.mBanner .swiper-button-next,.mBanner .swiper-button-prev{color: #fff;}
.mBanner .swiper-button-next:after,.mBanner .swiper-button-prev:after{font-size: 20px;}
.mBanner .part{display: block;width: 100%;position: relative;overflow: hidden;}
.mBanner .part img{width: 100%;height: 100%;object-fit: cover;}
.mBanner .imgTop{position: absolute;left: 10px;bottom: 10px;text-shadow: 0px 3px 6px rgba(0,0,0,0.5);}
.mBanner .imgTop .time{color: #fff;font-size: 14px;}
.mBanner .imgTop .t1{color: #fff;font-size: 18px;}

.index1{width: 100%;}
.i1List{width: 100%;padding: 50px 0;}
.i1List ul li{width: 100%;}
.i1Warp{display: flex;justify-content: space-between;align-items: center;}
.i1Desc{width: 50%;padding: 40px 8em;box-sizing: border-box;}
.i1Title{color: #000;font-size: 28px;font-weight: bold;margin-bottom: 50px;}
.i1Text{color: #333;font-size: 16px;margin-bottom: 20px; max-height:450px; overflow:hidden;    line-height: 32px;}
.i1Text.active{ max-height:none;}
.i1TextOpen{display: block;font-size: 16px;font-weight: bold;color: #000;float: right;}
.i1TextOpen i{padding-left: 10px;}
.i1TextOpen.active i:before{content:"\f077";}
.i1TextOther{font-size:16px; color:#000;padding-top:2vw;}
.i1TextOther span{opacity:0.5;}
.i1More {
    text-align: right;
    padding-top: 30px;
}
.i1More a{display: inline-block;padding: 8px 20px;border: 1px solid #000;color: #000;font-size: 15px;transition: 0.3s;}
.i1More a i{padding-left: 40px;}
.i1More a:hover{background: #000;color: #fff;}
.i1Desc dl.listInfo{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}
.i1Desc dl.listInfo dd{width: 50%;padding-right: 10px;box-sizing: border-box;line-height: 28px;color: #000;font-size: 14px;font-weight: bold;}
.i1Desc dl.listInfo dd a{color: #000;}

.i1Img{width: 50%;font-size: 0px;overflow: hidden;}
.i1Img img{width: 100%;object-fit: cover;}
.i1List ul li:nth-child(even) .i1Desc{order: 1;}
.i1List ul li:nth-child(even) .i1Img{order: 0;}
.index1 .i1Img img {height: 40vw;}
.i1TableBg{width: 80%;margin: 0 auto;}
.i1Table{border: 1px solid #000;box-sizing: border-box;margin: 0 auto;width: 100%;}
.i1TableTit{font-size: 30px;padding: 15px 20px;font-weight: 600;letter-spacing: -.015em;border-bottom: 1px solid #000;box-sizing: border-box;color: #000;}
.i1Table .panel{padding: 20px;box-sizing: border-box;}
.i1Table ul{margin-top:15px;column-count: 2;}
.i1Table ul li{margin-bottom: 30px;-webkit-column-break-inside: avoid; page-break-inside: avoid;break-inside: avoid;}
.i1Table ul li .title{font-size: 16px;color: #000;font-weight: 600; margin-bottom:15px}
.i1Table ul li .text{font-size: 16px;color: #000;font-weight: 300;}
.i1TableBtm{width: 100%;margin: 20px 0;display: flex;justify-content: space-between;}
.i1TableBtm .more{display: block;width: 200px;height: 40px;border: 1px solid #000;line-height: 40px;padding: 0 10px;text-align: center;font-size: 16px;font-weight: bold;color: #000;}
.i1TableBtm .more i{font-size: 20px;padding-left: 10px;box-sizing: border-box;}
.i1TableBtm .more:hover{background: #000;color: #fff;}
.i1TableBtm .AwardBtn{display: block;font-size: 16px;font-weight: bold;color: #000;}
.i1TableBtm .AwardBtn i{font-size: 20px;padding-left: 10px;box-sizing: border-box;}
.i1TableBtm .AwardBtn:hover span{text-decoration: underline;}
.i1TableBtm .AwardBtn.active i:before{content: "\f106";}

.i1Award{display: none;}
.i1Award.active{display: block;}
.i1Award ul li{width: 100%;padding-left: 20px;box-sizing: border-box;position: relative;}
.i1Award ul li:before{position: absolute;top: 0;left: 5px;color: #000;font-size: 14px;content: "•";}




.footer{width: 100%;}
.footer .iWarp{background: #000;padding:35px 20px 15px 20px;}
.fWarp{display: flex;flex-wrap: wrap;color: #fff;font-size: 15px;justify-content: space-between;width: 93%; margin:0 auto;}
.fWarp a{color: #fff;}
.fContact{padding: 0 0px;box-sizing: border-box;text-align: left;}
.fContact .title{font-size: 26px;color: #fff;margin-bottom: 15px;}
.fContact ul li{padding: 5px 0;line-height: 25px;opacity: 0.9;}
.fRight{padding: 0 0px;box-sizing: border-box;text-align: left;}
.fRight .fLogo{display: block;margin-bottom: 20px;}
.fRight ul{display: flex;flex-wrap: wrap;}
.fRight ul li{    margin: 0 11px;position: relative;}
.fRight ul li a{font-size: 22px;display: block;height: 30px;line-height: 30px;opacity: 0.9;}
.fRight ul li .imgTop{position: absolute;top: 30px;left: 0;display: none;padding-top: 5px;}
.fRight ul li:hover .imgTop{display: block;}
.fRight ul li .imgTop a{font-size: 14px;}
.fRight ul li .imgTop img{max-width: 120px;width: auto;}
.fDesc{width: 80%;margin-top: 20px;font-size: 14px;color: #fff;text-align: center;/*border-top: 1px solid #999;*/    margin: 0 auto;line-height: 37px;}

.tongtu{font-size: 0px;overflow: hidden; max-width: 1920px;}
.tongtu img{width: 100%;}

.pageMenu{width: 100%;}
.pageMenu .iWarp{padding: 45px 10px;}
.pageMenu .title{color: #000;font-size: 28px;font-weight: bold;margin-bottom: 20px;padding: 0 40px;box-sizing: border-box;}
.pageMenu ul{display: flex;flex-wrap: wrap;padding: 0 31px;box-sizing: border-box;}
.pageMenu ul li{margin: 5px 10px;margin-right: 45px;}
.pageMenu ul li a{font-size: 18px;color: #000;}
.pageMenu ul li.on a{font-weight: bold;}

.hidden{ display: none;}
.jq22More{overflow: hidden;padding:10px;text-align: center;margin-top: 45px;}
.jq22More a{display: block;width: 180px;padding:13px 0;color:#000;margin:0 auto;text-align:center;font-size: 16px;}
.jq22More a i{padding-left: 20px;}
.jq22More a:hover{background: #000;color: #fff;}
.jq22More p{color: #000;font-size: 16px;}

.relatedPro{width: 100%;}
.relatedPro .iWarp{padding: 80px 10px;}
.ProjTitle{width: 100%;text-align: left;color: #000;font-size: 28px;font-weight: bold;margin-bottom: 20px;    padding: 0 12px;}
.ProjList{width: 100%;}
.ProjList ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ProjList li{width: 50%;padding: 10px;box-sizing: border-box;overflow: hidden;display: inline-block;float: left;}
.ProjList .part{display: block;width: 100%;position: relative;overflow: hidden;height: 100%;}
.ProjList .part .img {width: 100%;font-size: 0px;overflow: hidden;height: 530px;}
.ProjList .part .img img{width: 100%;height: 100%;object-fit: cover;}
.ProjList .part .imgTop{position: absolute;right: 0;bottom: 0;height: 20px;font-weight: 600;font-size: 18px;line-height: 20px;padding: 8px 20px 8px 20px;margin: 0;width: auto;max-width: calc(100% - 10px);background-color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000;}

.aboTitle{width: 100%;margin-bottom: 20px;}
.aboTitle .box{display: inline-block;position: relative;padding-bottom: 10px;}
.aboTitle .title{font-size: 20px;color: #333333;padding-bottom: 5px;}
.aboTitle .text{font-size: 14px;color: #333333;}
.aboTitle .line{display: block;position: absolute;right: 0;bottom: 0;height: 1px;width: 175px;background: #dedede;}

.about{width: 100%;margin: 75px 0;}
.aboWarp{width: 100%;display: flex;justify-content: space-between;margin: 50px 0;}
.aboWarp .img{width: 30%;font-size: 0px;overflow: hidden;}
.aboWarp .img img{width: 100%;height: 100%;object-fit: cover;}
.aboWarp .desc{width: 70%;padding-left: 60px;box-sizing: border-box;color: #333333;font-size: 14px;}

.aboImg{width: 100%;margin: 45px 0;}
.aboImg .title{font-size: 20px;color: #333333;padding-bottom: 5px;}
.aboImg .img{width: 80%;font-size: 0px;overflow: hidden;margin-top: 20px;text-align: center; margin:0 auto;}
.aboImg .img img{width: auto;max-width: 100%;}
.aboImg .info{color: #333333;font-size: 16px;}

.Honor{width: 100%;margin: 80px 0;}
.HonList{width: 100%;margin-top: 50px;}
.HonList ul li{display: flex;justify-content: space-between;margin-bottom: 10px;}
.HonList .time{width: 25%;font-size: 18px;color: #999;}
.HonList .panel{width: 75%;flex: 1;}
.HonList .panel .list{display: flex;margin-bottom: 5px;}
.HonList .title{color: #333;font-size: 14px;font-weight: bold;width: 30%;padding: 0 10px;box-sizing: border-box;}
.HonList .info{color: #333;font-size: 14px;width: 70%;padding: 0 10px;box-sizing: border-box;}
.HonList .info p{line-height:0px;padding:0}
.abohJ{width: 100%;margin: 70px 0;}
.abohJ .img{width: 100%;margin-top: 50px;font-size: 0px;overflow: hidden;text-align: center;}
.abohJ .img img{width: 100%;}
.abohJSlide{width: 100%;margin-top: 50px;overflow: hidden;}


.Contact{width: 100%;margin: 80px 0;}
.contImg{width: 100%;font-size: 0px;overflow: hidden;}
.contImg img{width: 100%;object-fit: cover;}
.contList{width: 100%;text-align: center;margin-top: 50px;}
.contList .item{margin-bottom: 20px;}
.contList ul li{line-height: 30px;color: #333;font-size: 16px;}

.JoinUs{width: 100%;margin: 80px 0;}
.JoinList{width: 100%;}
.JoinList dl dt{height: 40px;line-height: 40px;background: #EAEAEA;color: #000;font-size: 14px;display: flex;}
.JoinList .title{width: 20%;display: inline-block;padding: 0 10px;box-sizing: border-box;}
.JoinList .title:first-child{width: 40%;}

.joinBtn{display: flex;cursor: pointer;font-size: 14px;color: #595959;height: 40px;line-height: 40px;border-bottom: 1px solid #DDDDDD;}
.joinBtn:hover{background: #eaebea;}
.JoinList .text{width: 20%;display: inline-block;padding: 0 10px;box-sizing: border-box;}
.JoinList .text:first-child{width: 40%;}
.joinPanel{width: 100%;font-size: 14px;padding: 50px;box-sizing: border-box;display: none;}
.toudi{text-align: right;margin-top: 20px;}
.toudi a{display: inline-block;font-size: 16px;color: #787878;border: 1px solid #E7E7E7;padding: 8px 40px;}
.toudi a:hover{background: #464646;border: #464646;color: #fff;}

.zhezhao{position: fixed;left: 0px;top: 0px;background: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 99;display: none;}
.zhezhao.active{display: block;}
.tanchuang{position: relative;background: #fff;width:725px;min-height: 320px;border-radius: 5px;margin: 0 auto;top: 50%;overflow: hidden;transform: translateY(-50%);}
.closebt{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0.2;z-index: -1;}
.jianli{padding: 20px;box-sizing: border-box;}
.jianli .tit{font-size: 18px;color: #333333;}
.jianli .txt{font-size: 12px;color: #333333;padding: 5px 0;}
.jianli ul{display: flex;flex-wrap: wrap;}
.jianli ul li{height: 50px;line-height: 50px;float: left; width: 40%;font-size: 12px;margin-right: 5%;display: flex;}
.jianli ul li input{padding-left: 10px;width: 67%;border: none;border-bottom: 1px solid #e2e2e2;padding-top: 16px;margin-bottom: 12px;flex: 1;outline: none;}
.redTxt{color: #f00;}
.inputFile{border: none !important;padding-top: 5px !important;}
.jianli .tips{font-size: 14px;}
.inputBtn{width: 100px;height: 30px;border: 1px solid #ddd;font-size: 12px;color: #5e5e5e;background: none;}
.inputBtn:hover{background: #464646;border: #464646;color: #fff;}
.jianli ul li:last-child{justify-content: space-between;width: 100%;}

.projImg{width: 100%;margin: 80px 0;}
.projImgList{width: 100%;font-size: 0px;text-align: center;}
.projImgList dl{display: flex;flex-wrap: wrap;}
.projImgList dl dd{width: 35%;padding: 2px;box-sizing: border-box;}
.projImgList dl dd img{width: 100%;height: 100%;object-fit: cover; cursor:pointer;}
.viewer-title{display: none !important;}
.projImgList dl dd:nth-child(2n){width: 20%;padding: 2px;box-sizing: border-box;}
.projImgList dl dd:nth-child(3n){width: 30%;padding: 2px;box-sizing: border-box;}
.projImgList dl dd:nth-child(4n){width: 15%;padding: 2px;box-sizing: border-box;}




.inside{width: 100%;margin: 80px 0;}
.insideWarp{width: 100%;min-height: 280px;}





















@media only screen and (max-width: 1200px) {
.wapper{ width:100%;padding: 0 40px;box-sizing: border-box;}
.iWarp{width: calc(100% - 60px);}
.menu a{padding: 0 15px;}
.language{margin-left: 20px;}
.sp_nav
.i1Desc{padding: 20px;}
.i1Title{font-size: 26px;}
.i1Text{font-size: 16px;}
.pageMenu .title{font-size: 26px;padding: 0 20px;}
.pageMenu ul{padding: 0 20px;}
.pageMenu ul li{margin: 5px 0;margin-right: 20px;}
.pageMenu ul li a{font-size: 20px;}
.ProjList .part .imgTop{font-size: 20px;}
.ProjTitle{font-size: 26px;}
.i1Desc{padding:40px 3em;}



}

@media only screen and (max-width: 980px) {
.wapper{padding: 0 20px;}
.iWarp{width: calc(100% - 30px);}
.menu{display: none;}
.i1Warp{flex-wrap: wrap;}
.i1Warp .i1Desc{order: 1;width: 100%;padding: 40px 0;}
.i1Warp .i1Img{order: 0;width: 100%;}
.index1 .i1Img img{height: 80vh;}
.pageMenu .title{font-size: 22px;padding: 0 20px;}
.pageMenu ul{padding: 0 20px;}
.pageMenu ul li{margin: 5px 0;margin-right: 20px;}
.pageMenu ul li a{font-size: 18px;}
.ProjList li{float: none;width: 100%;padding: 10px 0;}
.aboWarp{display: block;}
.aboWarp .img{width: 100%;}
.aboWarp .desc{width: 100%;padding: 20px 0;}
.HonList ul li{display: block;}
.HonList .time{width: 100%;padding-bottom: 10px;}
.HonList .panel{width: 100%;}
.HonList .panel .list{display: block;}
.HonList .title{width: 100%;padding: 0;}
.HonList .info{width: 100%;padding: 0;}
.tanchuang{width: 80%;}
.projImgList dl dd{width: 50%;}
.i1TableBg{width:98%;}

.projImgList dl dd{width: 40%;}
.projImgList dl dd:first-child{width: 40%;}
.projImgList dl dd:nth-child(2n){width: 60%;}
.projImgList dl dd:nth-child(3n){width: 60%;}
.projImgList dl dd:nth-child(4n){width: 40%;}
.projImgList dl dd:nth-child(7){width: 60%;}
.projImgList dl dd:nth-child(8){width: 40%;}
.projImgList dl dd:nth-child(9){width: 40%;}
.projImgList dl dd:nth-child(11){width: 60%;}
.projImgList dl dd:nth-child(10){width: 60%;}


}

@media only screen and (max-width: 780px) {
.ProjList .part .img { width: 100%;font-size: 0px;overflow: hidden;height: 200px;}
.wapper{padding: 0 10px;}
.iWarp{width: calc(100% - 10px);}
.headList{height: 70px;}
.headList .logo img{max-height: 45px;}
.language{margin-left: 10px;}
.sp_nav{margin-left: 10px;}
/*.banner{height: 280px;}*/
.banner .part{height: 100%;}
.banner .imgTop{left: 10px;bottom: 10px;font-size: 18px;}
.sjj_nav{width: 80%;}
.sjj_nav .Warp{padding: 80px 20px 20px 20px;}
.sjj_navCBtn{top: 20px;right: 25px;}
.index1 .iWarp{padding: 60px 10px;}
.i1Title{font-size: 24px;}
.i1Text{font-size: 14px;}
.index1 .i1Img img{height: 60vh;}
.i1More a{padding: 5px 20px;font-size: 14px;}
.i1More a i{padding-left: 20px;}
.i1Desc dl.listInfo dd{width: 100%;}
.fWarp{display: block;font-size: 14px;}
.fContact{width: 100%;padding: 0;margin: 10px 0;text-align: center;}
.fContact .title{font-size: 22px;}
.fRight{width: 100%;padding: 0;margin: 10px 0;text-align: center;}
.fRight ul{justify-content: center;}
.fRight ul li{margin: 0 20px;}
.fRight ul li .imgTop{top: auto;bottom: 30px;}
.pageMenu .title{font-size: 20px;padding: 0 10px;}
.pageMenu ul{padding: 0 10px;}
.pageMenu ul li{margin: 5px 0;margin-right: 10px;}
.pageMenu ul li a{font-size: 16px;}
.jq22More{margin-top: 25px;}
.ProjList .part .imgTop{font-size: 16px;height: 40px;}
.relatedPro{margin: 60px 0;}
.ProjTitle{font-size: 24px;}
.mHidden{display: none !important;}
.JoinList .title:first-child{width: 60%;}
.JoinList .title{width: 40%;}
.JoinList .text:first-child{width: 60%;}
.JoinList .text{width: 40%;}
.joinPanel{padding: 20px;}
.jianli ul li{width: 100%;margin: 0;}
.toudi a{font-size: 14px;}
.jianli .tips{font-size: 12px;}
.tanchuang{width: 90%;}
.contList{margin-top: 20px;}
.about{margin: 60px 0;}
.Contact{margin: 60px 0;}
.JoinUs{margin: 60px 0;}
.projImgList dl dd img{height: 120px;}
.i1Table ul li{width:100%;}




}

@media only screen and (max-width: 620px) {
.index1 .i1Img img{height: 50vh;}
.banner{display:none;}
.mBanner{display: block;}

}