/*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;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:55px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1280px; margin:0 auto;padding: 0 10px;box-sizing: border-box;}

.fullpage{width: 100%;position: relative;}


.header{ position:relative;width: 100%;background: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.3);position: fixed;top: 0;left: 0;z-index: 99999;}
.headList{display: flex;justify-content: space-between;align-items: center;height: 100px;padding: 0 40px;box-sizing: border-box;}
.headList .logo{display: block;}
.headList .logo img{max-height: 100px;width: auto;}
.headSec.active .header{/*background: none;*/    height: 100px;}
.headSec.active .header .menu a{/*color: #fff;*/}
.headSec.active .header .menu ul li dl dd a{color: #fff;}
.headSec.active .header .menu span a:after{background: #fff;}
.headSec.active .header .hSeBtn{/*color: #fff;*/}


/*menu*/
.pc_menu{display: flex;justify-content: flex-end;align-items: center;}
.menu{height:75px;line-height:75px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:120px;position:absolute; left:0px; top:75px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;z-index: 9;}
.menu ul li dl dd{ line-height:35px; }
.menu ul li dl dd a{ font-size:14px; color:#444;display:block; padding:0 10px;text-align:left;box-sizing: border-box;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:15px;color:#232323;display:block;text-align:center;padding: 0 20px;position: relative;}
.menu a:hover{color:#232323;}
a.menu_hover{color:#232323;}
.menu ul li span a:after{position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: #E3120B;content: "";transition: 0.5s;}
.menu ul li.active span a:after{width: 100%;}


.hSearch{position: relative;padding: 0 20px;float: right;}
.hSeBtn{color: #333;font-size: 16px;height: 60px;display: block;line-height: 60px;}
.hSeBtn.open i:before{content: "\f00d";color: #fed03d;}
.hSeBtn:hover{color: #fed03d;}
.hSePanel{width: 280px;height: 90px;padding: 25px 20px;box-sizing: border-box;top: 60px;right: 0;background: #f4f4f4;position: absolute;display: none;}
.hSePanel.open{display: block;}
.hSearch .search{width: 100%;height: 40px;border: 1px solid #e0e0e0;border-radius: 3px;position: relative;overflow: hidden;}
.hSearch .search input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 10px 0 50px;box-sizing: border-box;outline: navajowhite;}
.hSearch .search button{width: 50px;height: 100%;position: absolute;top: 0;left: 0;text-align: center;border: none;background: none;color: #333;font-size: 16px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px;display: none;}
.sp_nav span{display:block;background:#E3120B;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)}
.menuShow{display: block !important;}
.menu ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.menu ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.menu ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.menu ul li i svg{width:25px;height:25px;fill:#333;}
.menu ul li .sjj_nav_i_se svg{fill:#333}
.sp_nav_xjb{display: none;}


/*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%;height: 100vh;position: relative;overflow: hidden;}
.banImg{width: 100%;height: 100%;font-size: 0px;overflow: hidden;}
.banImg img{width: 100%;height: 100%;object-fit: cover;}
.banTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;padding: 10em;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
.banTop .info{text-align: center;}
.banTop .title{font-size: 56px;color: #fff;position: relative;}
.banTop .title:before{position: absolute;top: -10px;left: -86px;width: 86px;height: 7px;background: #e3120b;content: "";}
.banBtm{position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);}
.banBtm {
  z-index: 99;
  position:absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
}
.banBtm span{position: relative;display: block;width: 26px;height: 70px;}
.banBtm span img {
  position: absolute;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.banBtm span .mouse {-webkit-animation: bounce-up 1s linear infinite;animation: bounce-up 1.5s linear infinite;}
.banBtm span .arrows-1 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);left: 10px;top: 50px;}
.banBtm span .arrows-2 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);left: 9px;top: 53px;}

@-webkit-keyframes bounce-up { 25% {
-webkit-transform: translateY(5px);
}
50%, 100% {
-webkit-transform: translateY(0);
}
75% {
-webkit-transform: translateY(-5px);
}
}
@keyframes bounce-up { 25% {
transform: translateY(5px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-5px);
}
}



/*common*/
.iComTitle{text-align: center;}
.iComTitle .title{color: #fff;font-size: 30px;}
.iComTitle .line{background-color: #e3120b;width: 120px;height: 3px;display: inline-block;}
.iComTitle .text{font-weight: 400;font-size: 26px;color: #fff;}

.pt10em{padding-top: 10em !important;}
.pt5em{padding-top: 5em !important;}
.textLeft{text-align: left !important;}

.iAbout{width: 100%;padding: 0 12em;box-sizing: border-box;overflow: hidden;}
.iAboWarp{width: 100%;display: flex;justify-content: space-between;}
.iAboWarp .img{width: 42%;padding: 0 10px;box-sizing: border-box;font-size: 0px;overflow: hidden;}
.iAboWarp .img img{width: 100%;}
.iAboWarp .desc{width: 48%;padding: 0 10px;box-sizing: border-box;}
.iAboWarp .info{font-size: 16px;color: #000;}

.industry{width: 100%;}
.industry .wapper{max-width: 1200px;}
.indWarp{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.indWarp .left{width: 30%;padding: 0 10px;box-sizing: border-box;}
.indWarp .indList{width: 65%;padding: 0 10px;box-sizing: border-box;}
.indList ul{display: flex;/*flex-wrap: wrap;*/}
.indList ul li{width: 33.333%;}
.indList .part{display: block;width: 100%;background-color: #fff;opacity: 0.9;padding: 57px 17px;height: 206px;text-align: center;box-sizing: border-box;text-align: center;}
.indList .part img{max-width: 100%;width: auto;}
.indList .part .title{font-size: 18px;color: #444;padding: 5px 0;}
.indList .part:hover{background: rgb(233,233,233);opacity: 0.9;border-top: 2px solid #e3120b;}


.iCase{width: 100%;}
.iCase .wapper{display: -ms-grid;display: grid;-ms-grid-columns:auto;}
.iCaseWarp{width: 100%;}
.iCaseTab{width: 100%;margin: 40px auto;max-width: 1160px;}
.iCaseTab ul{display: flex;flex-wrap: wrap;justify-content: center;}
.iCaseTab ul li{display: inline-block;width: 20%;background-color: rgb(57,47,47);opacity: 0.9;line-height: 45px;font-size: 18px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.iCaseTab a{color: #fff;}
.iCaseTab ul li.on,
.iCaseTab ul li:hover{background: #e3120b;}
.iCasePanel{width: 100%;margin-top: 40px;}
.iCasePanel .item{display: -ms-grid;display: grid;-ms-grid-columns:auto;}
.iCaseSwiper{width: 100%;height: 350px;padding-bottom: 50px !important;}
.iCaseSwiper .swiper-slide{height: calc((100% - 30px) / 2);}
.iCaseSwiper .img{display: block;width: 100%;height: 100%;}
.iCaseSwiper .img img{ height:75%; object-fit: contain;}
.iCaseSwiper .img .h2{ font-size:16px; line-height:20px; height:40px; text-align:center; font-weight:bold;}
.iCaseSwiper .swiper-button-next,.iCaseSwiper .swiper-button-prev{top: auto;bottom: 0;width: 40px;height: 40px;border: 1px solid #fff;color: #fff;}
.iCaseSwiper .swiper-button-next:hover,.iCaseSwiper .swiper-button-prev:hover{background: #e3120b;border: 1px solid #e3120b;}
.iCaseSwiper .swiper-button-next:after,.iCaseSwiper .swiper-button-prev:after{font-size: 20px;}
.iCaseSwiper .swiper-button-next{right: calc(50% - 50px);}
.iCaseSwiper .swiper-button-prev{left: calc(50% - 50px);}

.iTeam{width: 100%;overflow: hidden;}
.iTeamList{width: 100%;margin-top: 40px;}
.iTeamList ul{display: flex;flex-wrap: wrap;}
.iTeamList ul li{width: 33.3%;padding: 10px;box-sizing: border-box;margin-bottom: 20px;}
.iTeamBtn{display: block;position: relative;}
.iTeamBtn .img{width: 160px;height: 190px;font-size: 0px;overflow: hidden;margin: 0 auto;}
.iTeamBtn .img img{width: 100%;height: 100%;object-fit: cover;}
.iTeamBtn .desc{position: absolute;left: 30px;bottom: 0;z-index: 9;color: #fff;padding-left: 20px;}
.iTeamBtn .desc:before{position: absolute;left: 0;bottom: 0;width: 12px;height: 48px;background:#e3120b;content: "";}
.iTeamBtn .name{font-size: 16px;}
.iTeamBtn .txt{font-size: 12px;color: #ccc;padding: 5px 0;}

.iTeamTc{position: fixed;left: 0px;top: 0px;background: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 99;display: none;}
.iTeamTc.active{display: block;}
.tanchuang{position: relative;background: #fff;width: 50%;height: 100%;top: 0;overflow: hidden;right: 0;margin-left: auto;}
.tcClose{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0.2;z-index: -1;}

.iTemTcPanel{width: 100%;padding: 100px 200px 40px 40px;box-sizing: border-box;height: 100%;}
.iTemTcPanel .img{width: 160px;height: 190px;font-size: 0px;overflow: hidden;}
.iTemTcPanel .img img{width: 100%;height: 100%;object-fit: cover;}
.iTemTcPanel .desc{margin: 30px 0 10px;}
.iTemTcPanel .name{font-size: 24px;color: #444444;}
.iTemTcPanel .txt{font-size: 16px;color: #808080;padding: 5px 0;}
.iTemTcPanel .info{font-size: 16px;color: #444444;}

.iNews{width: 100%;overflow: hidden;padding: 0 15px;box-sizing: border-box;}

.iNewWarp{width: 100%;margin: 0 auto;padding: 0 10px;box-sizing: border-box;display: -ms-grid;display: grid;-ms-grid-columns:auto;}

.iNewList{width: 100%;margin-top: 40px;overflow: hidden;position: relative;padding-bottom: 80px;}
.iNewList .part{display: block;width: 100%;position: relative;overflow: hidden;display: flex;flex-wrap: wrap;background: #fff;overflow: hidden;align-items: end;}
.iNewList .part .desc{width: 100%;padding: 35px;box-sizing: border-box;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: relative;}
.iNewList .part .icon{display: block;width: 30px;height: 30px;border: 1px solid #ddd;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color: #838383;position: absolute;top: 35px;right: 35px;display: flex;justify-content: center;align-items: center;font-size: 20px;opacity: 0;}
.iNewList .part .icon:hover{color: #E3120B;}
.iNewList .part .time{font-weight: 300; color: #C0C0C0;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 20px;}
.iNewList .part .title{margin-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 20px;font-size: 16px;color: #666;line-height: 30px;width: 100%;height: 30px;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.iNewList .part .info{text-align: left;color: #999;line-height: 25px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top: 10px;width: 100%;height: auto;overflow: hidden;font-size: 13px;}
.iNewList .part .img{width: 100%;height: 240px;overflow: hidden;font-size: 0px;position: relative;}
.iNewList .part .img:before {content: '';position: absolute;width: 94%;height: 94%;top: 0px;left: 0px;border: 1px solid rgba(255, 255, 255, 0);
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  top: 3%;left: 3%;z-index: 9;}
.iNewList .part .img img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.iNewList .part:hover .desc{transform: translateX(10px);}
.iNewList .part:hover .icon{opacity: 1;}
.iNewList .part:hover .img:before{border: 1px solid #ffffff;animation-name: zoomIn;top: 3%;left: 3%;}
.iNewList .part:hover .img img{transform: scale(1);}
.iNewSwiper .swiper-slide:nth-child(even) .part{align-items: flex-start;}
.iNewSwiper .swiper-slide:nth-child(even) .part .img{order: 0;}
.iNewSwiper .swiper-slide:nth-child(even) .part .desc{order: 1;}

.iNewSwiper{width: 100%;}
.iNewSwiper .swiper-slide{background: none;}
.iNewList .swiper-button-next,.iNewList .swiper-button-prev{top: auto;bottom: 10px;width: 40px;height: 40px;border: 1px solid #fff;color: #fff;}
.iNewList .swiper-button-next:hover,.iNewList .swiper-button-prev:hover{background: #e3120b;border: 1px solid #e3120b;}
.iNewList .swiper-button-next:after,.iNewList .swiper-button-prev:after{font-size: 20px;}
.iNewList .swiper-button-next{right: calc(50% - 50px);}
.iNewList .swiper-button-prev{left: calc(50% - 50px);}


.iContact{width: 100%;overflow: hidden;height: 100vh;position: relative;}
.iContWarp{width: 100%;height: 100%;}
.iConMap{width: 100%;height: 100%;overflow: hidden;position: relative;}
.iConMap img{width: 100%;height: 100%;object-fit: cover;}
.iConBg {position: absolute;bottom: 0;z-index: 9;right: 0;background: transparent;border-bottom: 1000px solid #fff;border-left: 350px solid transparent;border-right: 0px solid transparent;width: 45%;height: 100%;transform: translateX(100%);
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
	-moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
	-ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 300ms;
	-o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
	transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
	transition-duration: 1.2s;box-sizing: border-box;}
.iContSec.active .iConBg{transform: translateX(0);}
.iConDesc{position: absolute;top: 53%;z-index: 999;width: 25%;text-align: right;color: #fff;right: 80px;transform: translateY(-50%);}
.iConDesc .iComTitle {text-align: right;}
.iConDesc .iComTitle .title{color: #333;}
.iConDesc ul li{margin: 15px 0;}
.iConDesc .tag span{display: inline-block;color: #fff;width: 82px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;background: #e3120b;}
.iConDesc .txt{font-size: 14px;color: #444;margin: 8px 0;}
.iConDesc .txt i{color: #e3120b;font-size: 24px;padding-left: 10px;}
.iConDesc .desc{border-top: 1px solid #444;font-size: 16px;color: #7d7d7d;margin-top: 20px;padding-top: 10px;}
.iConDesc .desc p{padding: 3px 0;}
.contact-particles{position: absolute;bottom: 0;z-index: 99;right: 0;background: transparent;width: 25%;height: 100%;}
.contact-particles #J_dotLine{height:100%;}

.iContact .footer{position: absolute;bottom: 0;left: 0;z-index: 9999;}
.footer{background: #000;width: 100%;padding: 25px 40px;box-sizing: border-box;position: relative;}
.footDesc{width: 100%;display: flex;justify-content: space-between;color: #fff;font-size: 14px;}
.fMenu ul li{display: inline-block;margin-right: 10px;font-size: 14px;position: relative;}
.fMenu ul li:after{position: relative;right: 0;content: "/";padding-left: 10px;color: #E3120B;opacity: 0.8;}
.fMenu ul li:last-child:after{opacity: 0;}
.fMenu a{color: #fff;}

.height75{height: 75px;}
.news{width: 100%;background: #f0f0f0;padding: 30px 0;}
.newWarp{width: 100%;background: #fff;padding: 30px;box-sizing: border-box;min-height: 500px;}
.newTitle{width: 100%;}
.newTitle .title{font-size: 32px;color: #444444;margin-bottom: 10px;}
.newTitle .btm{display: flex;flex-wrap: wrap;justify-content: space-between;color: #7D7D7D;font-size: 18px;padding-bottom: 20px;border-bottom: 1px solid #dddddd;}
.newContent{width: 100%;padding: 30px 0;background: #ffffff; max-width: 100%;font-size: 18px;font-weight: 300;line-height: 1.8;color: #222;word-wrap: break-word;box-sizing: border-box;}
.newContent img{max-width: 100%;}



.newBtom{border-top: 1px solid #dddddd;padding-top: 20px;}
.newBtom  ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.newBtom  ul li{width: 48%;}
.newBtom a{display: inline-block;border: 1px solid #e4eaec;color: #76838f;padding: 8px 20px;}
.newBtom a:hover{border-color: #E3120B;color: #E3120B;}


.inside{width: 100%;background: #f0f0f0;padding: 30px 0;}
.insideWarp{width: 100%;background: #fff;padding: 30px;box-sizing: border-box;min-height: 500px;}



@media only screen and (max-width: 1280px) {
.wapper{ width:100%;max-width: 1280px;margin: 0 auto;}
.headList{padding: 0 20px;}
.iTemTcPanel{padding: 100px 40px 40px 40px;}
.iNewList .part .desc{padding: 30px;}
.iConBg{width: 55%;}


}

@media only screen and (max-width: 980px) {
.headList{padding: 0 10px;}
.sp_nav_xjb{display: block;}
.sp_nav{display: block;}
.menu{position: fixed;top: 75px;left: 0;width: 100%;background: #fff;padding: 20px;box-sizing: border-box;z-index: 9998;height: calc(100% - 75px);border-top: 1px solid #444;display: none;}
.menu ul li{float: none;width: 100%;line-height: 50px !important;}
.menu ul li dl{ background:#fff; width:100%;position:relative; left:0px; top:0; box-shadow:none;display:none;z-index: 9;}
.menu ul li dl dd{ line-height:35px; }
.menu ul li dl dd a{ font-size:14px; color:#444;display:block; padding:0 10px;text-align:center;box-sizing: border-box;}
.banTop{padding: 5em;}
.iAbout{padding: 0 6em;}
.indWarp{display: block;}
.indWarp .left{width: 100%;}
.indWarp .indList{width: 100%;margin-top: 40px;}
.indList .part{height: 180px;padding: 35px 15px;}
.iCaseSwiper{height: 280px;}
.iTeamList ul li{padding: 5px;}
.iTemTcPanel{padding: 100px 20px 20px 20px;}
.iConBg{width: 65%;}
.iConDesc{width: 40%;top: 50%;}
.iConDesc .txt{font-size: 12px;}
.iConDesc .txt i{font-size: 20px;}
.iConDesc .desc{font-size: 14px;}
.iConDesc .iComTitle .title{font-size: 24px;}


}

@media only screen and (max-width: 780px) {
.banTop .title{font-size: 32px;}
.iAbout{padding: 0 3em;}
.pt10em{padding-top: 5em !important;}
.iAboWarp{display: block;}
.iAboWarp .img{width: 100%;}
.iAboWarp .img img{max-width: 100%;width: 200px;}
.iAboWarp .desc{width: 100%;}
.iAboWarp .info{font-size: 14px;}
.iComTitle .title{font-size: 26px;}
.iComTitle .text{font-size: 22px;}
.indWarp .indList{padding: 0;}
.indList .part{height: auto;padding: 20px 15px;}
.indList .part .title{font-size: 16px;}
.iCaseSwiper{height: 220px;}
.iCaseTab ul li{font-size: 16px;}
.iTeamBtn .desc:before{display: none;}
.iTeamBtn .desc{left: 0;padding-left: 0;}
.iTeamBtn .img{width: 120px;height: 150px;}
.iTemTcPanel .img{width: 120px;height: 150px;}
.iTemTcPanel .name{font-size: 18px;}
.iTemTcPanel .txt{font-size: 14px;}
.iTemTcPanel .info{font-size: 14px;}
.iNewList .part .img{height: 180px;}
.iNewList .part .desc{padding: 20px;}
.iNewList{margin-top: 0;}
.iConBg{transform: translate(0, 0);top: 30%;background: #ffffff;border: none;width: 100%;}
.iConDesc{width: 100%;left: 0;right: 0;bottom: 0; text-align: center;top: 30%;transform: translateY(0); padding: 20px;box-sizing: border-box;}
.iConDesc .iComTitle{text-align: center;}
.iConDesc .iComTitle .title{font-size: 18px;}
.iConDesc .tag{margin-right: 5px;}
.iConDesc .tag span{height: 25px;line-height: 25px;width: 45px;font-size: 14px;}
.iConDesc .txt{margin: 0;flex: 1;}
.iConDesc ul li{display: flex;text-align: left;}
.footer{padding: 15px;}
.footDesc{display: block;text-align: center;}
.contact-particles{width: 100%;height: 30%;}
.newTitle .title{font-size: 28px;}
.newTitle .btm{display: block;text-align: center;font-size: 14px;}
.newTitle .btm span{display: block;}
.newContent{font-size: 14px;}
.newBtom ul{display: block;}
.newBtom ul li{width: 100%;margin-bottom: 5px;}



}


@media only screen and (max-width: 640px) {
.headList{height: 45px;}
.headList .logo img{max-height: 45px;}
.sp_nav{margin-top: 10px;}
.menu{top: 45px;height: calc(100% - 45px);}
.banTop .title{font-size: 28px;}
.iCaseTab ul li{font-size: 14px;width: 25%;}
.iCaseSwiper{height: 140px;}
.iTeamBtn .img{width: 100%;height: auto;}
.iTeamBtn .name{font-size: 14px;}
.iTeamBtn .txt{padding: 0;}
.tanchuang{width: 80%;}
.iTemTcPanel .info{font-size: 12px;}
.iConDesc{top: 40%;}
.iConBg{top: 40%;}
.footDesc{font-size: 12px;}
.fMenu ul li{font-size: 12px;}
.newTitle .title{font-size: 18px;}





}