/*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;color:#666;}
body.head_on{overflow:hidden}
a{color:#666;transition: 0.3s;}
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:1600px; margin:0 auto;}


*,
*::before,
*::after{-webkit-box-sizing: border-box;box-sizing: border-box;}

:root {
	--main-color: #30aab1;
	--main-color2: #016ec1;
	--main-color-white: #fff;
	--main-color-000: #000;
	--main-color-333: #333333;
	--main-color-888: #888888;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	--main-bg: linear-gradient(45deg, #2f86c7, #30baa7);
	--filter-white: brightness(0%) contrast(200%) invert(100%) opacity(100%);
	--filter-black: filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);
}

.header{ position: fixed;z-index: 999;width: 100%;top: 0;left: 0;background: rgba(255,255,255,0);border-bottom: 1px solid rgba(255,255,255,.2);transition: all .5s ease;}
.headList{display: flex;justify-content: space-between;align-items: center;height: 90px;}
.headList .logo{display: block;line-height: 1;}
.headList .logo img{max-height: 80px;width: auto;}
.headList .logo .img2{display: none;}
.hSearchBtn{width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.hSearchBtn img{width: 24px;}

.header:hover,
.header.on,
.header.fixed{background: #fff;}

.header:hover .headList .logo .img1,
.header.on .headList .logo .img1,
.header.fixed .headList .logo .img1{display: none;}

.header:hover .headList .logo .img2,
.header.on .headList .logo .img2,
.header.fixed .headList .logo .img2{display: block;}

.header:hover.menu ul li span a,
.header.on .menu ul li span a,
.header.fixed .menu ul li span a{color: #333;}

.header:hover .hSearchBtn img,
.header.on .hSearchBtn img,
.header.fixed .hSearchBtn img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);}

/*menu*/
.menu{height: 90px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:50%; top: 100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;z-index: 9;transform: translateX(-50%);width: 200px;padding: 10px;border-radius: 5px;}
.menu ul li dl dd{ line-height:40px;position: relative;}
.menu ul li dl dd a{ font-size:14px; color:#333;display:block;position: relative;text-align: center;padding: 0 1vw;}
.menu ul li dl dd a:hover{ color:#fff;}
.menu ul li dl dd a:after{content: '';background-image: linear-gradient(45deg, #2f86c7, #30baa7);width: 0px;height: 40px;position: absolute;left: 0px;top: 0px;transition: all 0.5s;}
.menu ul li dl dd a:hover:after{width: 100%;color: #fff;z-index: -2;}

.menu ul li span a{color:#fff;display:block;text-align:center;font-size: 16px;padding: 0 1vw;position: relative;line-height: 90px;}
.menu ul li span a:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;border: 8px solid;border-color: transparent transparent #004e97 transparent;opacity: 0;transition: all .5s ease;}

.menu ul li span a:hover,
.menu ul li.cur span a,
.menu ul li span a.menu_hover{color: var(--main-color);}

.menu ul li span a:hover:before,
.menu ul li.cur span a:before,
.menu ul li span a.menu_hover:before{color: #CC0000;opacity: 1;bottom: 0px;}

.menu ul li dl dd dl{top: 0;left: 100%;transform: none;display: none;}
.menu ul li dl dd:hover dl{display: block;}

/*language*/
.language{position: relative;margin-left: 25px;}
.language dt{height: 40px;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #000;cursor: pointer;width: 100px;border-radius: 30px;background: #fff;border: 1px solid #eee;}
.language i{padding-left: 20px;}
.language dd{position: absolute;top: 40px;right: 0;width: 120px;background: #fff;display: none;box-shadow: var(--main-shadow);border-radius: 10px;overflow: hidden;}
.language ul li{line-height: 40px;text-align: center;}
.language ul li a{display: block;padding: 0 10px;font-size: 14px;color: #000;}
.language ul li a img{width: auto;height: 15px;margin-right: 5px;vertical-align: middle;}
.language ul li a:hover{background: #000;color: #fff;}
.language ul li.on a{color: var(--main-color);}
/*.language:hover dd{display: block;}*/

.hSearchTc{position: fixed;left: 0;top: 90px;z-index: 999;width: 100%;background: rgba(0,0,0,0.5);opacity: 0;z-index: -2;height: 0;transition: 0.5s;visibility: hidden;}
.hSearchTc.active{opacity: 1;z-index: 999;height: calc(100% - 90px);visibility: visible;}
.hSearchTc .warp{position: relative;width: 100%;height: 100%;overflow: hidden;}
.hSearchTcClose{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.hSearchTc .box{width: 100%;background: #f2f2f2;padding: 60px 20px;position: relative;z-index: 2;}
.hSearchTc .inner{width: 100%;max-width: 1200px;height: 50px;background: #fff;border: 1px solid #ddd;border-radius: 50px;overflow: hidden;margin: 0 auto;}
.hSearchTc .inner input{flex: 1;width: 100%;height: 100%;padding: 0 20px;font-size: 15px;color: #333;outline: none;}
.hSearchTc .inner button{width: 60px;height: 100%;background: #fff;border: none;color: #fff;border-radius: 0 20px 20px 0;font-size: 0px;overflow: hidden;transition: 0.3s;}
.hSearchTc .inner button img{width: 26px;}
.hSearchTc .inner button:hover{background: var(--main-bg);}
.hSearchTc .inner button:hover img{filter: var(--filter-white);}

/*mMenu*/
.m_header{width: 100%;}
.sp_header1{height:70px;background:#fff;position:fixed;z-index:9999;width:100%;display: none;top: 0;}
.sp_header1 .language{float: right;height: 70px;margin-right: 12px;display: flex;align-items: center;}
.sp_header1 .language dd{top: 70px;}

.sp_logo1{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo1 img{margin:auto;max-height:50px;}
.sp_nav1{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 5px;display: none;}

.sp_nav1 span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav1 span:nth-of-type(1){top:0px}
.sp_nav1 span:nth-of-type(2){top:10px}
.sp_nav1 span:nth-of-type(3){top:20px}
.sp_nav_se1 span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se1 span:nth-of-type(2){width:0}
.sp_nav_se1 span:nth-of-type(3){top:10px;transform:rotate(-45deg)}


.header:hover .sp_nav1 span,
.header.on .sp_nav1 span,
.header.fixed .sp_nav1 span{background: #000;}

.sjj_nav1{position:fixed;z-index:999;background:#fff;width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;}
.nav_show1{top:70px;}
.sjj_nav1 ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav1 ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav1 ul li .sjj_nav_i_se1 svg{transform:rotate(0deg)}
.sjj_nav1 ul li{border-top:1px #e4e8eb solid;position:relative;line-height:45px;font-size:16px}
.sjj_nav1>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav1 ul li ul{display:none}
.sjj_nav1 ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav1 ul li a:hover{color: #0188FB;}
.sjj_nav1 ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav1 ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav1 ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav1 ul li ul li>ul{margin-left:10px}
.sjj_nav1 ul li ul li{border-top: none;}
.sjj_nav1 ul li ul li a{padding: 0 30px;}

/*mSearch*/
.mSearch{position: relative;width: calc(100% - 20px);height: 35px;overflow: hidden;margin: 20px 10px;}
.mSearch input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 60px 0 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 25px;background: none;outline: none;}
.mSearch button{background-image: linear-gradient(to right,#01b2ac 0,#004ea2 100%);width: 60px;height: 35px; position: absolute; top: 0;right: 0;border-radius: 0 25px 25px 0;color: #fff;font-size: 14px;border: none;}

/*swiper*/
.swiper-container {width: 100%;overflow: hidden;}
.swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper .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 .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper .swiper-button-next:after,.swiper .swiper-button-prev:after{font-size: 30px;}

/*common*/
.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;/* Firefox 17- */
	display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;/* Firefox 18+ */
	display: -ms-flexbox;/* IE 10 */
	display: flex;
}
.jusBet{justify-content: space-between;}
.jusCet{justify-content: center;}
.jusEnd{justify-content: flex-end;}
.aliTop{align-items: flex-start;}
.aliCet{align-items: center;}
.aliBtm{align-items: flex-end;}

.img{font-size: 0px;overflow: hidden;}
img{transition: 0.3s;}

.f_left{float: left;}
.f_right{float: right;}
.clearfix:before,
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix {*zoom: 1;}

.bgfff{background: #fff !important;}
.fff{color: #fff !important;}
em{font-style: normal;}
.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.pt140{padding-top: 140px;}
.pb140{padding-bottom: 140px;}
.pt120{padding-top: 120px;}
.pb120{padding-bottom: 120px;}
.pt100{padding-top: 100px;}
.pb100{padding-bottom: 100px;}
.pt80{padding-top: 80px;}
.pb80{padding-bottom: 80px;}
.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt35{margin-top: 35px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.textCet{text-align: center;}
.textRight{text-align: right;}
.pc_show{}
.m_show{display: none;}
.iTitCn{line-height: 1.2;font-size: 30px;margin-bottom: 0px;text-align: center;color: rgba(157,156,156,1);font-weight: normal;margin-top: 20px;}
.iTitEn{font-size: 28px;color: #212529;}
.iTit {font-size: 52px;font-weight: bold;background: linear-gradient(-20deg, #2f86c7, #2f86c7, #30baa7);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.iTit span{font-weight: normal;}
.iTit2{font-size: 34px;color: #212529;}
.iTxt{font-size: 16px;color: #666;}
.iLine i{display: inline-block;width: 30px;height: 3px;background: #333;}
.hidden{overflow: hidden;}
.comBg{background-size: cover;background-repeat: no-repeat;}
.iVideo{width: 100%;}
.iVideo video{width: 100%;}
.iImg{width: 100%;}
.iImg img{width: 100%;}

.iMore{}
.iMore .btn{display: inline-block;border-radius: 40px;border: 2px solid var(--main-color);font-size: 14px;color: var(--main-color);padding: 10px 32px;}
.iMore .btn:hover{background: var(--main-bg);color: #fff;}

.ifont {background: linear-gradient(45deg, #2f86c7, #4ecdc4, #45b7d1);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}

/*-------------------------------------------*/

/*banner*/
.banner{width: 100%;height: 100vh;position: relative;overflow: hidden;}
.bannerSwiper .part{position: relative;width: 100%;height: 100%;overflow: hidden;}
.bannerSwiper .part .img{font-size: 0px;overflow: hidden;width: 100%;height: 100%;}
.bannerSwiper .part video{width: 100%;height: 100%;object-fit: cover;}
.bannerSwiper .part img{width: 100%;height: 100%;display: none;}
.bannerSwiper .part .imgTop{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.bannerSwiper .part .desc{width: 60%;color: #fff;}

.banTit {color: #fff;font-size: 3vw;font-weight: bold;line-height: 1.1;letter-spacing: 0px;text-shadow: 3px 0 10px rgb(22 78 145 / 40%);transition: all ease 2s .7s;opacity: 0;transform: translateY(40px);}
.banLine {position: relative;margin-top: 10px;display: block;transition: all ease 2s .8s;opacity: 0;transform: translateY(40px);}
.banLine:before {content: '';width: 60px;height: 2px;border-radius: 0;background: #fff;display: inline-block;}
.ban_sub {color: #fff;font-size: 34px;line-height: 1.6;margin-top: 20px;transition: all ease 2s 1s;opacity: 0;transform: translateY(40px);text-shadow: 3px 0 10px rgb(22 78 145 / 40%);}
.banMore {display: inline-block;margin-top: 40px;border-radius: 30px;border: 1px solid #fff;width: 100%;max-width: 150px;padding: 10px 15px;color: #fff;text-align: center;font-size: 14px;opacity: 0;
	transform: translateY(40px);
	transition: all ease .3s, transform ease 1.5s 1.2s, opacity ease .8s 1.2s;
}
.banMore:hover{border: 1px solid var(--main-color);background-image: var(--main-bg);color: #ffffff;}

.banTop .swiper-pagination{text-align: left;margin: 0;top: 50% !important;transform: translateY(-50%);bottom: auto;}
.banTop .swiper-pagination-bullet{opacity: 1;background: #fff;transition:width ease 0.35s;border-radius: 20px;}
.banTop .swiper-pagination-bullet-active{background: var(--main-color);width:20px;}

.banTop .swiper-button-next{right: 0;}
.banTop .swiper-button-prev{left: auto;right: 70px;}

.banTop .swiper-button-next,.banTop .swiper-button-prev{width: 50px;height: 50px;border-radius: 50%;border: 1px dashed rgba(255,255,255,.8);top: 50%;transform: translateY(-50%);margin: 0;transition: 0.3s;}
.banTop .swiper-button-next:hover,.banTop .swiper-button-prev:hover{background: var(--main-bg);}
.banTop .swiper-button-next:after,.banTop .swiper-button-prev:after{color: #fff;font-size: 20px;}


.banTop .swiper-slide-active .banTit,
.banTop .swiper-slide-active .banLine,
.banTop .swiper-slide-active .ban_sub,
.banTop .swiper-slide-active .banMore{opacity: 1;transform: translateY(0px);}

.mouseBox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;align-items: center;text-align: center;font-size: 14px;}
.mouseBox .tit{color: #fff;text-transform: uppercase;margin-top: 10px;}
.mouseIco {border: 2px solid #fff;width: 21px;height: 30px;display: block;margin: 0px auto;border-radius: 20px;z-index: 9;}
.mouseIco i {width: 3px;height: 7px;border-radius: 1px;display: block;background-color: #fff;position: absolute;left: 50%;margin-left: -1px;top: 5px;
	-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
	animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

@keyframes mouse-dot {
	from {opacity: 0;}
	33% {opacity: 1;}
	to {transform: translateY(15px);-webkit-transform: translateY(15px);opacity: 0;}
}

@-webkit-keyframes mouse-dot {
	from {opacity: 0;}
	33% {opacity: 1;}
	to {transform: translateY(15px);-webkit-transform: translateY(15px);opacity: 0;}
}

@keyframes mouse-dot1 {
	from {opacity: 0;bottom: 60px;}
	33% {opacity: 1;}
	to {bottom: 40px;opacity: 0;}
}


.banTop{position: absolute;left: 0;bottom: 50px;z-index: 9;width: 100%;}
.banTop .wapper{height: 60px;position: relative;}

.index1{width: 100%;position: relative;overflow: hidden;background: url(../images/bg_1_5.jpg) no-repeat bottom center;}
.i1Warp{width: 100%;}
.i1Warp>.img{order: 1;width: 32%;}
.i1Warp>.img img{width: 100%;height: 100%;object-fit: cover;}
.i1Warp>.desc{order: 0;width: 65%;}
.i1List{width: 100%;margin-top: 60px;}
.i1List ul li{width: auto;}
.i1List .tit{font-size: 16px;font-weight: bold;}
.i1List .tit .timer{font-size: 54px;}
.i1List .txt{font-size: 16px;color: #666;text-align: center;margin-top: 10px;}

.index2{position: relative;width: 100%;overflow: hidden;}
.i2Tab{width: 100%;position: relative;z-index: 2;}
.i2Tab ul li{width: 20%;border-right: rgba(255,255,255,.3) 1px solid;height: 80vh;}
.i2Tab ul li:last-child{border: none;}
.i2Tab .part{display: block;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 20px;}
.i2Tab .part .desc{width: 100%;text-align: center;}
.i2Tab .part .icon{width: 100%;text-align: center;}
.i2Tab .part .icon img{width: 95px;}
.i2Tab .part .tit{margin: 20px 0;}
.i2Tab .part .tit h6{font-size: 26px;color: #fff;font-weight: 300;margin: 0;padding: 0;}
.i2Tab .part .more{font-size: 18px;color: #fff;}
.i2Tab .part .more span{display: block;position: relative;}
.i2Tab .part .more span:after{content: "";display: inline-block;width: 80%;height: 14px;background-image: linear-gradient(45deg, #2f86c7, #30baa7);position: absolute;z-index: -1;left: 50%;bottom: -2px;transition: all 0.5s;max-width: 140px;transform: translateX(-50%);}
.i2Tab .part:hover .icon img{transform: rotateY(180deg);}

.i2Panel{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.i2Panel .item{width: 100%;height: 100%;}
.i2Panel .img{width: 100%;height: 100%;}
.i2Panel .img img{width: 100%;height: 100%;object-fit: cover;}

.i2List2{width: 100%;}
.i2List2 ul li{margin-bottom: 20px;}
.i2List2 .part{display: block;width: 100%;position: relative;overflow: hidden;}
.i2List2 .part .img{width: 100%;}
.i2List2 .part .img img{width: 100%;}
.i2List2 .part .imgTop{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;}
.i2List2 .part .desc{width: 100%;color: #fff;}
.i2List2 .part .tit{font-size: 16px;}
.i2List2 .part .txt{font-size: 14px;margin-top: 10px;}

.index3{overflow: hidden;position: relative;width: 100%;z-index: 2;}
#canvas canvas{position: absolute;left: 0;top: 45%;width: 100%;z-index: -1;}
.index3 .wapper{max-width: 1700px;width: 100%;}
.i3List{width: 100%;}
.i3List ul{display: flex;justify-content: space-between;}
.i3List ul li {
	width: 33.33333%;position: relative;
	transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.i3List .part{width: 100%;height: 650px;position: relative;overflow: hidden;display: block;}
.i3List ul  li .numb{display: block;position: absolute;right: 20px;top: 30px;font-size: 160px;color: #000;opacity: 0.2;line-height: 1em;transition: 0.5s;z-index: 2;}

.i3List .part .img{width: 100%;height: 100%;}
.i3List .part .img img{width: 100%;height: 100%;object-fit: cover;}
.i3List .part .imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;}
.i3List .part .imgTop:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(120deg,#2f86c7,#30baa7);content: "";transition: 0.3s;opacity: 0.85;}
.i3List .part .desc {display: flex;flex-wrap: wrap;flex-direction: row;width: 100%;padding-left: 30px;padding-right: 30px;position: absolute;left: 0;bottom: -121px;z-index: 1;}

.i3List .part .info {flex: 1;max-width: 100%;max-height: 100%;}
.i3List .part .tit1 {font-size: 2vw;color: rgba(255, 255, 255, 1);line-height: 3;transform: translateY(34px);}
.i3List .part .tit2 {font-size: 1.5vw;line-height: 2;color: rgba(255, 255, 255, 1);transform: translateY(-15px);}
.i3List .part .line {border-top: 1px solid #fff;width: 0;margin-left: 0;}
.i3List .part .txt {font-size: 15px;color: rgba(255, 255, 255, 1);line-height: 1.5;font-weight: normal;min-height: 3em;visibility: hidden;transform: translateY(30px);opacity: 0;}
.i3List .part .more {display: block;position: relative;overflow: hidden;text-align: center;width: 180px;padding: 0px;line-height: 46px;max-width: none;background-color: rgba(255, 255, 255, 0);border-radius: 30px;border: 2px solid #fff;margin-left: 0px;margin-right: auto;color: #fff;margin-top: 40px;visibility: hidden;opacity: 0;transform: translateY(30px);}
.i3List .part .more span {display: block;width: 100%;position: relative;z-index: 1;outline: 0;margin: 0px;overflow: hidden;}
.i3List .part .more:after {content: "";position: absolute;width: 0;height: 100%;transition: all .3s;z-index: 0;opacity: 0;top: 0;left: 0px;}

.i3List .part .ani {
	transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}

.i3List ul li:hover {width: 60%;}
.i3List ul li:hover .numb{color: #fff;}
.i3List ul li:hover .part .imgTop:after {opacity: 0;}
.i3List ul li:hover .part .desc {
	bottom: 60px;
	transition: all 0.5s 0.3s ease-in-out;
	-ms-transition: all 0.5s 0.3s ease-in-out;
	-moz-transition: all 0.5s 0.3s ease-in-out;
	-webkit-transition: all 0.5s 0.3s ease-in-out;
	-o-transition: all 0.5s 0.3s ease-in-out;
}

.i3List ul li:hover .part .tit1 {
	font-size: 2vw;
	color: #fff;
	font-weight: bold;
	transform: translateY(44px);
	transition: all 0.5s 0.1s ease-in-out;
	-ms-transition: all 0.5s 0.1s ease-in-out;
	-moz-transition: all 0.5s 0.1s ease-in-out;
	-webkit-transition: all 0.5s 0.1s ease-in-out;
	-o-transition: all 0.5s 0.1s ease-in-out;
}

.i3List ul li:hover .part .tit2 {
	font-size: 1.5vw;
    font-family: ht !important;
    line-height: 1;
    color: #fff;
    transform: translateY(-70px);
    transition: all 0.5s 0.1s ease-in-out;
    -ms-transition: all 0.5s 0.1s ease-in-out;
    -moz-transition: all 0.5s 0.1s ease-in-out;
    -webkit-transition: all 0.5s 0.1s ease-in-out;
    -o-transition: all 0.5s 0.1s ease-in-out;
}

.i3List ul li:hover .part .line {
	width: 100%;
	transition: all 0.5s 0.8s ease-in-out;
	-ms-transition: all 0.5s 0.8s ease-in-out;
	-moz-transition: all 0.5s 0.8s ease-in-out;
	-webkit-transition: all 0.5s 0.8s ease-in-out;
	-o-transition: all 0.5s 0.8s ease-in-out;
}

.i3List ul li:hover .part .txt {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
	transition: all 0.5s 1s ease-in-out;
	-ms-transition: all 0.5s 1s ease-in-out;
	-moz-transition: all 0.5s 1s ease-in-out;
	-webkit-transition: all 0.5s 1s ease-in-out;
	-o-transition: all 0.5s 1s ease-in-out;
}

.i3List ul li:hover .part .more {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
	transition: all 0.5s 1.2s ease-in-out;
	-ms-transition: all 0.5s 1.2s ease-in-out;
	-moz-transition: all 0.5s 1.2s ease-in-out;
	-webkit-transition: all 0.5s 1.2s ease-in-out;
	-o-transition: all 0.5s 1.2s ease-in-out;
}

.index4{width: 100%;overflow: hidden;}
.index4 .iTit{color: #fff !important;background: transparent; -webkit-text-fill-color: inherit;}
.index4 .txt{font-size: 22px;color: #fff;margin-top: 20px;}
.i4Slide{width: 100%;}
.i4Slide .list{height: 103px;width: 100%;overflow: hidden;position: relative;}

.iBg {
	-moz-animation: bg 60s linear infinite;
	-webkit-animation: bg 60s linear infinite;
	-o-animation: bg 60s linear infinite;
	-ms-animation: bg 60s linear infinite;
	animation: bg 60s linear infinite;
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: url("../images/bg_1_6.png") bottom left repeat-x;
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	z-index: 0;
	width: 6750px;
}

.iBg2 {
	-moz-animation: bg 80s linear infinite;
	-webkit-animation: bg 80s linear infinite;
	-o-animation: bg 80s linear infinite;
	-ms-animation: bg 80s linear infinite;
	animation: bg 80s linear infinite;
}

@-moz-keyframes bg {
	0% {
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-moz-transform: translate3d(-2250px, 0, 0);
		-webkit-transform: translate3d(-2250px, 0, 0);
		-o-transform: translate3d(-2250px, 0, 0);
		-ms-transform: translate3d(-2250px, 0, 0);
		transform: translate3d(-2250px, 0, 0);
	}
}

@-webkit-keyframes bg {
	0% {
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-moz-transform: translate3d(-2250px, 0, 0);
		-webkit-transform: translate3d(-2250px, 0, 0);
		-o-transform: translate3d(-2250px, 0, 0);
		-ms-transform: translate3d(-2250px, 0, 0);
		transform: translate3d(-2250px, 0, 0);
	}
}

@-o-keyframes bg {
	0% {
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-moz-transform: translate3d(-2250px, 0, 0);
		-webkit-transform: translate3d(-2250px, 0, 0);
		-o-transform: translate3d(-2250px, 0, 0);
		-ms-transform: translate3d(-2250px, 0, 0);
		transform: translate3d(-2250px, 0, 0);
	}
}

@-ms-keyframes bg {
	0% {
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-moz-transform: translate3d(-2250px, 0, 0);
		-webkit-transform: translate3d(-2250px, 0, 0);
		-o-transform: translate3d(-2250px, 0, 0);
		-ms-transform: translate3d(-2250px, 0, 0);
		transform: translate3d(-2250px, 0, 0);
	}
}

@keyframes bg {
	0% {
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-moz-transform: translate3d(-2250px, 0, 0);
		-webkit-transform: translate3d(-2250px, 0, 0);
		-o-transform: translate3d(-2250px, 0, 0);
		-ms-transform: translate3d(-2250px, 0, 0);
		transform: translate3d(-2250px, 0, 0);
	}
}

.index5{width: 100%;overflow: hidden;}
.i5Warp{width: 100%;}
.i5Warp .left{width: 60%;}
.i5Warp .right{width: 40%;}

.i5List1{width: 100%;display: flex;flex-wrap: wrap;height: 100%;}
.i5List1 .box{width: 50%;padding-right: 30px;height: 100%;}
.i5List1 .part{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;background: url(../images/bg_3.jpg) center no-repeat;background-size: cover;}
.i5List1 .part .img{width: 100%;}
.i5List1 .part .img img{width: 100%;}
.i5List1 .part .desc{width: 100%;padding: 35px;}
.i5List1 .part .top{font-size: 16px;}
.i5List1 .part .tag{color: #212529;}
.i5List1 .part .time{color: rgba(171,171,171,1);}
.i5List1 .part .tit{font-size: 20px;color: #333;margin-top: 15px;}
.i5List1 .part .txt{font-size: 15px;color: #666;line-height: 1.6;margin-top: 10px;}
.i5List1 .part:hover .img img{transform: scale(1.1);}

.i5List{width: 100%;}
.i5List .row{width: 100%;}
.i5List .part{width: 100%;display: flex;justify-content: space-between;padding: 15px;border-bottom: 1px solid #ddd;}
.i5List .part .img{width: 40%;}
.i5List .part .img img{width: 100%;height: 120px;object-fit: cover;}
.i5List .part .desc{width: 60%;padding-left: 30px;}
.i5List .part .tit{font-size: 18px;color: #333;}
.i5List .part .txt{font-size: 15px;color: #787878;line-height: 1.7;margin: 10px 0;}
.i5List .part .btn{color: #666;font-size: 16px;}

.i5List .part:hover{background: var(--main-bg);}
.i5List .part:hover .tit{color: #fff;}
.i5List .part:hover .txt{color: #fff;}
.i5List .part:hover .btn{color: #fff;}

.footer{background: url(../images/bg_1_7.jpg) center no-repeat;background-size: cover;}
.copyright{padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.3);font-size: 14px;color: #808080;}
.copyright a{color: #808080;}



.fWarp{width: 100%;padding: 60px 0;}
.fWarp .item{}
.fWarp .item1{width: 30%;max-width: 365px;}
.fWarp .item2{flex: 1;}
.fWarp .item3{width: 150px;}
.fEwm{text-align: center;font-size: 15px;color: rgba(255,255,255,0.8);}
.fEwm img{width: 130px;}

.fLogo{width: 100%;}
.fLogo img{width: auto;max-width: 100%;max-height: 70px;}
.fTel{margin-top: 20px;}
.fTel .icon{width: 40px;margin-right: 20px;}
.fTel .icon img{width: 100%;}
.fTel .info{flex: 1;font-size: 16px;color: rgba(255,255,255,0.73);}
.fTel .info p{padding: 0;}
.fTel .info p b{font-weight: normal;font-size: 24px;color: #fff;}
.fInfo{font-size: 15px;color: #cecece;margin-top: 20px;}
.fInfo p{padding: 0;}

.fMenu{width: 100%;}
.fMenu dl{flex: 1;}
.fMenu dl dt{margin-bottom: 20px;padding-bottom: 20px;position: relative;background: url(../images/icon_line.jpg) left bottom no-repeat;}
.fMenu dl dt a{font-size: 18px;color: #fff;}

.fMenu dl dd{width: 100%;}
.fMenu ul li{margin-bottom: 8px;}
.fMenu ul li a{color: rgba(255,255,255,0.8);font-size: 15px;}
.fMenu ul li a:hover{color: #fff;}

.tongtu{width: 100%;position: relative;overflow: hidden;}
.tongtu .img{width: 100%;}
.tongtu .img img{width: 100%;height: 540px;object-fit: cover;}
.tongtu .imgTop{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;z-index: 9;}
.tongtu .t1{font-size: 46px;color: #fff;margin-bottom: 10px;}
.tongtu .txt{font-size: 20px;color: #fff;}

.p_page{width: 100%;background: #eff1f5;}
.current {padding: 20px 0;color: #666;}
.current i.fa{font-size: 16px;}
.current a{font-size: 14px;color: #666;position: relative;}
.current a:after{content: ">";padding: 0 5px;color: #666;}
.current a:last-child:after{display: none;}
.inner_tit{text-align: center;font-size: 28px;color: #333;}
.inner_txt{text-align: center;font-size: 14px;color: #888;}
.inner_lie{width: 100px;position: relative;height: 1px;background: #e5e9ec;margin: 15px auto;}
.inner_lie:after{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 23px;height: 4px;background: #f60;content: "";}

.pMenu{}
.pMenu >ul>li{position: relative;border-right: 1px solid #ddd;}
.pMenu >ul>li:last-child{border: none;}
.pMenu>ul>li>a{display: block;padding: 20px 30px;color: #333;font-size: 16px;}
.pMenu>ul>li>a:hover,
.pMenu>ul>li.on>a{background: var(--main-color);color: #fff;}

.tcClose2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 8;}
.i2-video2{width: 50%;position: relative;z-index: 9;}
.i2-video2 video{width: 100%;height: auto;max-height: 100%;}
.i2Btn{cursor: pointer}

.tanchuang{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0,0,0,0.3);display: none;}
.tanchuang.active{display: block;}
.tanchuang .warp{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding: 20px;}
.tanchuang .box{width: 100%;max-width: 280px;height: 210px;background: #fff;color: #333;padding: 20px;box-sizing: border-box;border-radius: 15px;overflow: hidden;position: relative;}
.tcClose{font-size: 20px;cursor: pointer;position: absolute;top: -45px;right: 0;}
.tcClose img{width: 25px;filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}


/*about*/

.about1{width: 100%;}
.about1Txt{padding-right: 30px;max-height: 360px;overflow: auto;}
.about1Txt::-webkit-scrollbar {
	width: 8px;
	height: 1px
}

.about1Txt::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgb(0 60 161)
}

.about1Txt::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #ffffff
}

.about2{width: 100%;}
.about3{width: 100%;}
.abo3Warp{width: 100%;}
.abo3Warp .img{width: 48%;}
.abo3Warp .img img{width: 100%;}
.abo3Warp .desc{width: 48%;}

.abo4List{width: 100%;}
.abo4List ul li{width: 25%;padding: 15px 3%;text-align: center;}
.abo4List .icon{width: 140px;height: 140px;border-radius: 50%;padding: 20px;border-radius: 50%;margin: 0 auto;position: relative;}
.abo4List .icon:after{width: 100%;height: 100%;border: 2px dashed #278ac2;border-radius: 50%;padding: 20px;border-radius: 50%;position: absolute;top: 0;left: 0;content: "";opacity: 0.3;}

.abo4List .icon i{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border-radius: 50%;background: var(--main-color);position: relative;overflow: hidden;}
.abo4List .icon i:after {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	opacity: 0;
	z-index: 0;
	background: linear-gradient( 45deg, #2f86c7, #4ecdc4, #45b7d1);
	border-radius: 100px;
	transform: scale(0.5);
	transition: all 0.25s ease-in-out 0s;
}
.abo4List .icon img{width: 50px;height: 50px;object-fit: contain;position: relative;z-index: 2;}
.abo4List .tit{font-size: 22px;color: #333;font-weight: bold;margin-top: 35px;}
.abo4List .txt{font-size: 16px;color: #666;margin-top: 15px;}
@-webkit-keyframes myMove1{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes myMove1{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes myMove1{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(360deg)}
}
@keyframes myMove1{from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}

.img_circle:hover img{animation-play-state:paused;}/*鼠标悬停动画暂停*/


.abo4List ul li:hover .icon:after{opacity: 1;animation: myMove1 12s linear infinite; -webkit-animation: myMove1 12s linear infinite;}
.abo4List ul li:hover .icon i:after{opacity: 1;transform: scale(1);background: linear-gradient( 45deg , #2f86c7, #4ecdc4, #45b7d1);}
.abo4List ul li:hover .icon img{}
.abo4List ul li:hover .tit{color: var(--main-color);}

.abo4Warp{width: 100%;}
.abo4Warp .img{width: 50%;border-radius: 0 20px 20px 0;}
.abo4Warp .img img{width: 100%;height: 100%;}
.abo4Warp .desc{width: 50%;padding: 5%;}
.abo4Warp .tit{font-size: 24px;color: #333;font-weight: bold;line-height: 1.8;}
.abo4Warp .txt{}

.abo5List{position: relative;overflow: hidden;padding-bottom: 50px;}
.abo5List .swiper-slide{padding: 0;box-shadow: var(--main-shadow);}
.abo5List .part{width: 100%;height: 100%;background: #eaf0f9;padding: 20px;display: flex;justify-content: center;align-items: center;}
.abo5List .part img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.abo5List .swiper-pagination-bullet{opacity: 1;background: #eee;transition:width ease 0.35s;border-radius: 20px;}
.abo5List .swiper-pagination-bullet-active{background: var(--main-color);width:25px;}

.about6{background: rgba(245,246,247,1);overflow: hidden;}
.abo6List{position: relative;}
.abo6List:after{content: "";position: absolute;width: 470px;height: 470px;border-radius: 100%;border: 1px solid #e1e1e1;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);z-index: -1;transition: all ease 1.5s .3s;}

.abo6List .part{display: block;width: 100%;height: 100%;border-radius: 10px;position: relative;overflow: hidden;}
.abo6List .part .img{width: 100%;height: 100%;}
.abo6List .part .img img{width: 100%;height: 100%;object-fit: cover;}
.abo6List .part .iconBg{width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;background: #f18e15b7;border-radius: 100%;color: #fff;text-align: center;transition: all ease .5s;opacity: 0;pointer-events: none;display: flex;justify-content: center;align-items: center;}
.abo6List .part .iconBg svg{margin: 0;width: 30px;height: auto;transition: all ease .5s;transform: rotate(-225deg);fill: #fff;}

.abo6List .part:hover .iconBg{opacity: 1;}
.abo6List .part:hover .iconBg svg{transform: rotate(0deg);}
.abo6List .swiper .swiper-slide{transform: scale(0.9);box-shadow: var(--main-shadow);}
.abo6List .swiper .swiper-slide-active{transform: scale(1);}

.abo6BtnWarp .btn{width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;color: #333;font-size: 22px;cursor: pointer;}
.abo6BtnWarp .abo6Page{width: 100px !important;position: relative;display: flex;align-items: center;height: 20px;margin: 0 !important;bottom: auto !important;justify-content: center;}
.abo6BtnWarp .abo6Page .swiper-pagination{width: 5px;height: 2px;background: #333;margin: 0 !important;}

.abo6BtnWarp .abo6Page .swiper-pagination-bullet{background: #333;}

/*case*/

.mainFull{width: 100%;padding-top: 50px;padding-bottom: 70px;background-color: rgba(242,242,242,1);}
.mainWarp{width: 100%;}
.ml{width: 320px;margin-right: 30px;}
.mr{width: calc(100% - 350px);}

.mainWarp .mlCon{position: sticky;z-index: 1;overflow-x: hidden;top:90px;}
.mainWarp .mrCon{margin-top:0px;position: -webkit-sticky;position: sticky;z-index: 1;top: 90px;overflow-x: hidden;background: #fff;padding: 25px;box-shadow: var(--main-shadow);}

.mlBox{margin-bottom: 30px;border-radius: 10px 10px 0 0;overflow: hidden;background: #fff;}
.mlBox:last-child{margin-bottom: 0;}
.mlTit{width: 100%;padding: 10px;font-size: 22px;color: #fff;background: var(--main-bg);}
.mlMenu{width: 100%;padding: 12px;}
.mlMenu ul li{width: 100%;border-bottom: 1px solid #ddd;}
.mlMenu ul li a{display: block;font-size: 17px;color: #333;font-weight: bold;padding: 10px;position: relative;padding-left: 20px;}
.mlMenu ul li a:before{position: absolute;left: 0;content: "\f105";font-family: "fontawesome";font-weight: normal;color: #999;top: 13px;}
.mlMenu ul li a:hover{color: var(--main-color);}

.mlTel{font-size: 16px;color: #000;padding: 12px;}
.mlTel p{padding: 2px 0;line-height: 1.8;}

.mrTop{width: 100%;margin-bottom: 30px;align-items: center;}
.mrTop .title{font-size: 24px;color: #333;line-height: 1;padding-left: 20px;border-left: 5px solid var(--main-color);}
.mrSearch{width: 100%;flex: 1;max-width: 350px;}
.mrSearch .box{width: 100%;height: 42px;border: 1px solid #ddd;display: flex;justify-content: space-between;}
.mrSearch .box input{width: 100%;flex: 1;padding: 0 20px;font-size: 14px;color: #333;height: 100%;outline: none;}
.mrSearch .box button{width: 100px;height: 100%;border: none;background: var(--main-bg);color: #fff;font-size: 16px;}


.case{width: 100%;overflow: hidden;}
.caseList{width: 100%;}
.caseList ul{margin-left: -15px;margin-right: -15px;}
.caseList ul li{width: 33.3%;padding: 0 15px;margin-bottom: 30px;}
.caseList .part{display: block;width: 100%;height: 100%;border: 1px solid #ddd;}
.caseList .part .img{width: 100%;height: 350px;display: flex;justify-content: center;align-items: center;}
.caseList .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.caseList .part .desc{padding: 20px;}
.caseList .part .tit{font-size: 18px;color: #333;text-align: center;}
.caseList .part:hover{background: #fff;box-shadow: var(--main-shadow);}
.caseList .part:hover .img img{transform: scale(1.1);}
.caseList .part:hover .tit{color: var(--main-color);}

/*news*/

.news{width: 100%;padding: 60px 0;}
.newsList{width: 100%;}
.newsList ul li{margin-bottom: 50px;}
.newsList .part{display: flex;justify-content: space-between;flex-wrap: wrap;background: rgba(239,241,245,1);width: 100%;}
.newsList .part .img{width: 448px;}
.newsList .part .img img{width: 100%;height: 100%;object-fit: cover;}
.newsList .part .desc{flex: 1;display: flex;justify-content: space-between;align-items: center;color: #666;padding: 3%;}
.newsList .part .info{width: 85%;}
.newsList .part .tit{font-size: 22px;color: #333;}
.newsList .part .txt{margin-top: 10px;font-size: 16px;color: #666;}
.newsList .part .date{width: 15%;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.newsList .part .date strong{font-size: 56px;font-weight: normal;}
.newsList .part .date span{font-size: 16px;font-weight: bold;margin-top: 5px;}
.newsList .part:hover{background: #fff;box-shadow: var(--main-shadow);}
.newsList .part:hover .img img{transform: scale(1.1);}
.newsList .part:hover .tit{color: var(--main-colir);}
.newsList .part:hover .desc{color: var(--main-color);}
.newsList .part:hover .date strong{color: var(--main-color);}

/*join*/

.join{padding: 80px 0;}
.joinWarp{width: 100%;background: rgba(243,245,248,0.8);}
.joinWarp .img{width: 50%;}
.joinWarp .img img{width: 100%;height: 100%;object-fit: cover;}
.joinWarp .desc{width: 50%;display: flex;justify-content: center;align-items: center;padding: 5%;}
.joinWarp .info{width: 100%;}
.joinWarp .iTit2{font-size: 36px;}
.joinWarp .iTxt{margin-top: 20px;}
.joinWarp .more{margin-top: 20px;}
.joinWarp .more a{display: inline-block;padding: 12px 35px;border: 2px solid var(--main-color2);border-radius: 50px;color: #fff;font-size: 14px;background: var(--main-color2);}
.joinWarp .more a:hover{background: #fff;color: var(--main-color2);}

.joinList{margin-top: 20px;}
.joinList ul li{width: 33.3333%;}
.joinList .part{display: block;width: 100%;height: 100%;background: var(--main-color2);padding: 50px 35px;color: #fff;}
.joinList .part .icon{width: 46px;}
.joinList .part .icon img{width: 100%;}
.joinList .part .tit{font-size: 24px;color: #fff;font-weight: bold;margin-top: 20px;}
.joinList .part .line{width: 40px;height: 2px;background: #fff;margin: 20px 0;}
.joinList .part .txt{font-size: 16px;}
.joinList .part:hover .icon img{transform: rotateY(180deg);}
.joinList ul li:nth-child(2) .part{background: rgb(56 190 239);}

/*contact*/

.contact{width: 100%;padding: 80px 0;}
.contactWarp{width: 100%;background: #eee;}
.contactWarp .desc{width: 42%;padding: 50px;background: var(--main-bg);color: #fff;}
.contactWarp .line{width: 100%;height: 1px;background: #fff;opacity: 0.3;margin: 20px 0;}
.contactWarp .ewm{width: 130px;text-align: center;font-size: 16px;}
.contactWarp .ewm img{width: 100%;}
.contactWarp .right{width: 58%;}
.contactWarp .map{width: 100%;height: 100%;overflow: hidden;}
.contactWarp .map p{padding: 0;line-height: 1;display: block;}
.contactWarp .map iframe{width: 100%;height: 100%;}
.contactWarp .map img{}

.contact2{padding: 80px 0;background: #f2f2f2;}
.conForm{padding: 50px;background: #fff;}
.conForm ul{width: 100%;}
.conForm ul li{width: 100%;margin-bottom: 30px;}
.conForm ul li.w50{width: 49%;}
.conForm input,
.conForm textarea{width: 100%;height: 45px;border: 1px solid #ddd;border-radius: 5px;padding: 0 10px;outline: none;}
.conForm textarea{padding: 10px;height: 200px;}
.conForm input:focus,
.conForm textarea:focus{border-color: var(--main-color2);}

.conForm button{width: 100%;height: 45px;border: none;background: var(--main-color2);color: #fff;font-size: 16px;border-radius: 5px;}

.inside{width: 100%;overflow: hidden;}
.inside img{max-width: 100%;}



@media only screen and (max-width: 1600px) {
.wapper{ width:100%;padding: 0 35px;}
.i3List ul li .numb{font-size: 120px;}
.i3List .part .tit1{font-size: 32px;transform: translateY(10px);}
.i3List .part .tit2{font-size: 20px;}
.i3List ul li:hover .part .tit2{font-size: 20px}
.i3List ul li:hover .part .tit1{font-size: 32px;transform: translateY(36px);}


}

@media only screen and (max-width: 1400px) {
.wapper{ width:100%;padding: 0 25px;}

}

@media only screen and (max-width: 1280px) {
.wapper{ width:100%;padding: 0 20px;}
.iTit{font-size: 38px;}
.iTitEn{font-size: 24px;}
.iTxt{font-size: 15px;}
.i1List .tit .timer{font-size: 38px;}
.caseList ul li{width: 50%;}
.newsList .part .img{width: 350px;}



}

@media only screen and (max-width: 999px) {
.wapper{ width:100%;padding: 0 10px;}
.headList{height: 70px;}
.headList .logo img{max-height: 45px;}
.menu{display: none;}
.hSearchBtn{width: 50px;height: 50px;}
.sp_nav1{display: block;}
.sjj_nav1{display: block;}
.mouseBox{font-size: 12px;}
.pt120{padding-top: 80px;}
.pb120{padding-bottom: 80px;}
.pt100{padding-top: 80px;}
.pb100{padding-bottom: 80px;}
.iTitCn{font-size: 20px;}
.hSearchTc{top: 70px;}
.pc_show{display: none;}
.m_show{display: block;}
.hSearchTc .box{padding: 20px 10px;}

.i1Warp>.img{width: 100%;order: 0;}
.i1Warp>.desc{width: 100%;margin-top: 30px;order: 1;}
.i1List ul li{width: 50%;padding: 10px;}
.i1List .txt{font-size: 14px;text-align: left;}
.index2_2 {padding: 20px;}
.i3List ul{display: block;}
.i3List ul li{width: 100% !important;}
.i3List .part{height: 500px;}
.i3List ul li .numb{font-size: 80px;}
.i3List ul li:hover .part .desc{bottom: 20px;}
.i3List .part .more{width: 120px;height: 40px;}
.i5Warp .left{width: 100%;}
.i5Warp .right{width: 100%;}
.i5List1 .box{height: auto;width: 100%;margin-bottom: 20px;padding: 0;}
.i2-video2{width: 100%;}
.i5List1 .part .desc{padding: 20px;}
.i5List .part{padding: 10px;}
.i5List .part .img img{height: 100px;}
.i5List .part .desc{padding-left: 10px;}
.i5List .part .txt{font-size: 14px;line-height: 1.5;}

.fWarp .item{width: 100%;max-width: 100%;padding: 12px 0;}
.fMenu{display: block;}
.fMenu dl{width: 100%;margin-bottom: 15px;}
.fMenu ul{display: flex;flex-wrap: wrap;}
.fMenu ul li{width: 25%;}

.pMenu>ul>li>a{padding: 10px;font-size: 12px;}
.current{padding: 10px 0;}
.abo3Warp .img{width: 100%;margin-bottom: 35px;}
.abo3Warp .desc{width: 100%;}
.iTit2{font-size: 24px;}
.abo4List ul li{width: 50%;}
.abo4Warp .img{width: 100%;}
.abo4Warp .desc{width: 100%;padding: 20px;}

.mainWarp{display: block;}
.ml{width: 100%;margin-right: 0;margin-bottom: 30px;}
.mr{width: 100%;}
.mrTop{display: block;}
.mrTop .title{margin-bottom: 15px;}
.newsList .part .img{width: 280px;}
.newsList .part .tit{font-size: 18px;}
.joinWarp .img{width: 100%;}
.joinWarp .desc{width: 100%;padding: 20px;}
.joinList ul li{width: 100%;}
.contactWarp .desc{width: 100%;padding: 20px;}
.contactWarp .right{width: 100%;}
.contactWarp .map{height: 350px;}
.conForm{padding: 20px;}
.conForm ul li.w50{width: 100%;}


}

@media only screen and (max-width: 780px) {
.i3List .part{height: 320px;}
.abo4List ul li{width: 100%;}
.tongtu .img img{height: 250px;}
.tongtu .wapper{padding-top: 20px;}
.tongtu .t1{font-size: 24px;}
.tongtu .txt{font-size: 14px;}

.caseList ul li{width: 100%;}
.caseList .part .img{height: auto;}
.newsList .part{display: block;}
.newsList .part .img{width: 100%;}
.newsList .desc{width: 100%;padding: 20px;}
.newsList .part .info{width: calc(100% - 80px);}
.newsList .part .date{width: 80px;}
.newsList .part .date strong{font-size: 32px;}
.newsList .part .date span{font-size: 14px;}


}