html, body{ margin: 0; padding: 0; color: #333;}

*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}

a{ text-decoration: none; cursor: pointer; display: block; transition: all 0.5s;}

img{ border: 0; display: block; /*cursor: pointer;*/ transition: all 0.5s;}

h1, h2, h3, h4, h5{ font-weight: normal;}

ul, li{ list-style: none; cursor: pointer;}

b, i, em{ font-weight: normal; font-style: normal;}

button, textarea, input{ outline: none; display: block;}

html,body{ font-size: calc(100vw/19.2);}

p, div{ font-size: 14px; color: #333;}

select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; border: none; outline: none;}

@font-face{

	font-family: 'font';

	src: url("../fonts/archivo-black-regular.ttf");

}

@font-face{

	font-family: 'font2';

	src: url("../fonts/roboto-black.ttf");

}

@font-face{

	font-family: 'font3';

	src: url("../fonts/archivo-medium.ttf");

}

@font-face{

	font-family: 'font4';

	src: url("../fonts/impact.ttf");

}

::-webkit-scrollbar{}

::-webkit-scrollbar-thumb{}

.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}

.clearfix{*zoom:1;}

.popUp{ display: none; width: 100%; height: 100%; background: #000;  position: fixed; top: 0; left: 0; opacity: 0.5; transition: all 0.5s; z-index: 35;}

.w1400{ width: 1400px; margin: auto;}

.header{ position: fixed; top: 0; left: 0; width: 100%; padding: 20px 0; z-index: 22; transition: all 0.5s; opacity: 1;}

.header2{ top: -80px; opacity: 0;}

.header3{ background: #fff; padding: 30px 0;}

.header .cont{ display: flex; justify-content: space-between; align-items: center;}

.header .cont .logo a{ height: 40px; overflow: hidden;}

.header .cont .logo a .em{ width: 100%; height: 40px; display: flex; justify-content: center; align-items: center;}

.header .cont .logo a:hover .em:first-child{ transition: all 0.5s; margin-top: -40px;}

.header .cont .logo a .em img{ /*width: 130px;*/ display: block; height: 28px;}

.header .cont .right{ display: flex; justify-content: flex-start; align-items: center;}

.header .cont .right .nav{ display: flex; justify-content: flex-start; align-items: center; line-height: 40px; margin-right: 290px;}

.header .cont .right .nav .li{ margin-left: 65px; position: relative;}

.header .cont .right .nav .li:first-child{ margin-left: 0;}

.header .cont .right .nav .li a{ height: 40px; position: relative; overflow: hidden;}

.header .cont .right .nav .li::after{ content: ''; width: 4px; height: 4px; background: #191B1D; border-radius: 100%; position: absolute; left: 50%; bottom: 0; opacity: 0; transform: translateX(-50%);}

.header3 .cont .right .nav .li::after{ background: #999;}

.header .cont .right .nav .li.on::after{ opacity: 1;}
.header .cont .right .nav .li:hover::after{ background: #fff;}
.header3 .cont .right .nav .li.on:hover::after{ background: #999;}

.header .cont .right .nav .li a i{ display: block; font-size: 16px; color: #191B1D;}

.header .cont .right .nav .li a i:nth-child(2){ color: #fff;}

.header3 .cont .right .nav .li a i:nth-child(2){ color: #999;}

.header .cont .right .nav .li:hover a i:first-child{ transition: all 0.5s; margin-top: -40px;} /* , .header .cont .right .nav .li.on a i:first-child */

.header .cont .right .tel{ display: flex; justify-content: flex-start; align-items: center;}

.header .cont .right .tel i{ display: block; width: 28px; height: 28px; background: #191B1D; border-radius: 100%; overflow: hidden; position: relative; margin-right: 10px;}

.header .cont .right .tel i::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/tel.png) no-repeat center; background-size: 12px auto; z-index: 5;}

.header .cont .right .tel i::before{ content: ''; width: 100%; height: 100%; background: #fff; border-radius: 100%; position: absolute; top: 0; left: 0; transform: scale(0); opacity: 0; transition: all 0.5s;}

.header .cont .right .tel:hover i::before{ opacity: 0.2; transform: scale(1);}
.header .cont .right .tel .p a,
.header .cont .right .tel .p{ font-size: 20px; font-family: 'font'; color: #191B1D; font-weight: normal;}
/**/
.headerCase2 .cont .logo a .em:first-child{ transition: all 0.5s; /*margin-top: -40px;*/}
.headerCase2 .cont .right .nav .li a i:first-child{ transition: all 0.5s; margin-top: -40px;}
.headerCase2 .cont .right .tel i{ background: #fff;}
.headerCase2 .cont .right .tel i::after{ background: url(../images/tel2.png) no-repeat center; background-size: 14px auto;}
.headerCase2 .cont .right .tel .p{ color: #fff;}
.headerCase2 .cont .right .nav .li::after{ background: #fff;}
.dateBanner{ position: relative;}

.dateBanner .img{ width: 100%; height: 330px; overflow: hidden; display: flex; justify-content: center; align-items: center;}

.dateBanner .img img{ height: 100%;}

.dateBanner .cont{ width: 100%; position: absolute; left: 0; bottom: -44px;}

.dateBanner .cont .em{ width: 100%; height: 177px; overflow: hidden; position: relative;}

















.dateBanner .cont .em img{ position: absolute; bottom: 0; left: 0; height: 177px;}

.dateBanner .cont .text{ font-size: 32px; font-weight: bold; color: #191B1D; line-height: 40px; position: absolute; left: 0; top: 67px;}

.newsLister{ background: #191B1D; padding: 125px 0 60px 0;}

.newsLister .newImg .li{ float: right; position: relative;}

.newsLister .newImg .li .img{ width: 446px; height: 294px; overflow: hidden; position: relative;}

.newsLister .newImg .li .img img{ width: 100%; transition: all 0.8s;}
.newsLister .newImg .li .img:hover img{ transform: scale(1.05);}

.newsLister .newImg .li .img::after{ content: ''; width: 100%; height: 228px; background-image: linear-gradient(hsla(0,0%,0%,0.00), hsla(0,0%,0%,0.90)); position: absolute; left: 0; bottom: 0;}

.newsLister .newImg .li .text{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 5; padding: 20px 25px;}

.newsLister .newImg .li .text .time{ font-size: 15px; color: #fff; opacity: 0.4; line-height: 15px; position: relative; padding-left: 12px;}

.newsLister .newImg .li .text .time::after{ content: ''; width: 6px; height: 6px; background: #fff; position: absolute; top: 50%; left: 0; margin-top: -3px; border-radius: 100%;}

.newsLister .newImg .li .text .h1{ font-size: 16px; line-height: 30px; color: #fff; margin-top: 10px;}

.newsLister .newImg .li:nth-child(2){ margin-bottom: 28px;}

.newsLister .newImg .li:first-child{ float: left;}

.newsLister .newImg .li:first-child .img{ width: 932px; height: 616px;}

.newsLister .newImg .li:first-child .h1{ font-size: 20px;}

.newsLister .newsList{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.newsLister .newsList .li{ width: 50%; padding: 50px 0; position: relative; border-bottom: 1px solid hsla(0,0%,100%,0.10);}

.newsLister .newsList .li a{ width: 644px;}

.newsLister .newsList .li:nth-child(2n){ display: flex; justify-content: flex-end;}

.newsLister .newsList .li .time{ font-size: 15px; color: #fff; opacity: 0.45;line-height: 15px; position: relative; padding-left: 12px;}

.newsLister .newsList .li .time::after{ content: ''; width: 6px; height: 6px; background: #fff; position: absolute; top: 50%; left: 0; margin-top: -3px; border-radius: 100%;}

.newsLister .newsList .li .h1{ margin-top: 16px; display: flex; justify-content: flex-start;}

.newsLister .newsList .li .h1 i{ display: block; font-size: 20px; line-height: 20px; color: #fff; padding: 6px 0; position: relative;}

.newsLister .newsList .li .h1 i::after{ content: ''; width: 0; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; opacity: 0.7; transition: all 0.5s;}

.newsLister .newsList .li:hover .h1 i::after{ width: 100%;}

.newsLister .newsList .li .p{ font-size: 14px; line-height: 28px; color: #fff; margin-top: 15px; opacity: 0.8;}

.pageing{ margin-top: 35px; display: flex; justify-content: center; line-height: 20px;}

.pageing .li a, .pageing .li .p{ font-size: 15px; color: #8F8F8F; transition: all 0.5s; margin: 0 10px; text-transform: uppercase;}

.pageing .li button{ display: block; width: auto; height: 20px; padding: 0; border: none; background: hsla(0,0%,100%,0.00); font-size: 15px; color: #8F8F8F; margin: 0 10px;}

.pageing .li{ display: flex; justify-content: center;}

.pageing .li input{ display: block; width: 20px; height: 20px; font-size: 15px; text-align: center; border: none; background: hsla(0,0%,100%,0.00); color: #fff;}

.pageing .li a:hover, .pageing .li a.cur{ color: #fff;}

.newsContact{ padding: 75px 0 100px 0;}

.newsContact .h1{ font-size: 26px; color: #191B1D; line-height: 30px;}

.newsContact .list{ margin-top: 30px; display: flex; justify-content: space-between;}

.newsContact .list .li{ width: 345px; display: flex; box-sizing: border-box;}

.newsContact .list .li input{ display: block; width: 100%; height: 56px; border: 1px solid #D8D8D8; border-radius: 3px; padding: 0 15px; font-size: 14px; transition: all 0.5s;}

.newsContact .list .li input::placeholder{ color: #7D7D7D;}
.newsContact .list .li:hover input{ border-color: #666;}

.newsContact button{ display: block; width: 214px; height: 60px; border: 1px solid hsla(210,5%,15%,0.20); margin: 45px auto 0; border-radius: 32px; font-size: 18px; color: #191B1D; background: #fff;}

.marqueeBox .bd li{ font-size:1rem; color: #BCBFC2; line-height: 2rem; opacity: 0.25; font-family: 'font2'; text-align: center; transition: all 0.3s;}

.marqueeBox:hover .bd li{ color: #191b1d; opacity: 1;}

.marqueeBox{ position: relative; margin-bottom: 90px;}

.marqueeBox .more{ width: 118px; height: 118px; background: #191B1D; border-radius: 50%; position: absolute; left: 50%; bottom: 20px; margin-left: -59px; z-index: 5; overflow: hidden;}

.marqueeBox .more::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; background: #BCBFC2; transition: all 0.3s; transform: scale(0); z-index: 1;}

.marqueeBox:hover .more::after{ transform: scale(1);}

.marqueeBox .more::before{ content: ''; width: 100%; height: 100%; background: url(../images/icon14.png) no-repeat center; background-size: 20px auto; position: absolute; top: 0; left: 0; z-index: 5; transition: all 0.3s;}

.marqueeBox:hover .more::before{ background: url(../images/icon14s.png) no-repeat center; background-size: 20px auto;}

.footer{ padding: 40px 0 30px 0; border-top: 1px solid hsla(220,5%,88%,0.50);}

.footer .li{ display: flex; justify-content: center;}

.footer .li a, .footer .li .p{ font-size: 14px; color: #7B7B7B; line-height: 36px; margin: 0 5px;}

.footer .li a:hover{ color: #191B1D;}

.footer .li .p1{ padding-left: 13px; background: url(../images/t2.png) no-repeat left center; background-size: 10px auto;}

.footer .li .p2{ padding-left: 14px; background: url(../images/t3.png) no-repeat left center; background-size: 12px auto;}

.footer .li .p3{ padding-left: 12px; background: url(../images/t4.png) no-repeat left center; background-size: 9px auto;}

.footer .li .p4{ padding-left: 18px; background: url(../images/t1.png) no-repeat left center; background-size: 15px auto;}

.welcomeUp{ position: fixed; top: 0; left: 0; z-index: 25; background: hsla(0,0%,0%,0.20); width: 100%; height: 100%; display: flex; display: none; justify-content: center; align-items: center;}

.welcomeUp2{ display: flex;}

.welcomeUp .cont{ transition: all 0.8s; transform: scale(0.5); opacity: 0; width: 526px; border: 2px solid hsla(0,0%,100%,0.40); background: #131415; padding: 72px; position: relative;}

.welcomeUp2 .cont{ animation: poper 0.3s; animation-delay: 0.2s; animation-fill-mode: forwards;}

@keyframes poper{

	from { transform: scale(0.5); opacity: 0; }

	to   { transform: scale(1); opacity: 1; }

}

.welcomeUp .cont .sole{ width: 18px; height: 18px; background: url(../images/icon7.png) no-repeat center; background-size: 100% auto; transition: all 0.5s; position: absolute; top: 30px; right: 30px; z-index: 5;}

.welcomeUp .cont .sole:hover{ transform: rotate(360deg); cursor: pointer;}

.welcomeUp .cont .h1{ font-size: 26px; color: #BCBFC2; line-height: 46px;}

.welcomeUp .cont .tel{ display: flex; justify-content: flex-start; align-items: flex-end; margin-top: 40px;}

.welcomeUp .cont .tel p{ font-size: 42px; line-height: 42px; color: #fff; font-family: 'font3'; border-bottom: 1px solid hsla(0,0%,100%,0.50);}

.welcomeUp .cont .tel i{ font-size: 20px; line-height: 20px; margin-right: 10px; color: #fff;}

.welcomeUp .cont .serch{ margin-top: 40px;}

.welcomeUp .cont .serch .p{ font-size: 16px; color: #BCBFC2; line-height: 16px;}

.welcomeUp .cont .serch .input{ display: flex; margin-top: 18px; box-sizing: border-box; position: relative;}

.welcomeUp .cont .serch .input input{ background: hsla(0,0%,100%,0.00); display: block; width: 100%; height: 60px; border: 1px solid hsla(213,11%,80%,0.50); padding: 0 150px 0 15px; font-size: 14px; color: #fff;}

.welcomeUp .cont .serch .input input::placeholder{ color: #BCBFC2;}

.welcomeUp .cont .serch .input button{ display: block; width: 136px; height: 62px; background: #FFDE00; position: absolute; top: 0; right: 0; border: none; font-size: 16px; color: #1A1B1D; transition: all 0.5s;}
.welcomeUp .cont .serch .input button:hover{ background: #DDC51F; cursor: pointer;}
.welcomeUp .cont .serch .bt{ font-size: 14px; color: #BCBFC2; margin-top: 15px; line-height: 18px; background: url(../images/icon8.png) no-repeat left center; background-size: auto 18px; padding-left: 25px;}

.welcomeUp .cont .bot{ margin-top: 40px;}

.welcomeUp .cont .bot button{ display: block; width: 100%; height: 62px; background: #FFDE00; border: none; border-radius: 0; font-size: 20px; color: #1A1B1D; transition: all 0.5s;}
.welcomeUp .cont .bot button:hover{ background: #DDC51F; cursor: pointer;}
.navigation{ position: fixed; bottom: 30px; right: 20px; z-index: 20;}

.navigation .li{ margin: 1px 0 0 0; /*width: 94px;*/ height: 80px; position: relative;}

.navigation .li .em{ width: 80px; height: 80px; background: #555C63; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; cursor: pointer; overflow: hidden;}

.navigation .li .em .p{ font-size: 12px; color: #fff; padding: 10px 0 0 0; width: 100%; text-align: center; transition: all 0.4s;}

.navigation .li:hover .em .p{ opacity: 0; transform: scale(1.1);}

.navigation .li .em i{ display: block; transition: all 0.4s;}

.navigation .li:hover .em i{ transform: scale(1.1); padding-top: 25px;}

.navigation .li .em img{ margin: auto; width: 30px;}

.navigation .li .list{ position: absolute; bottom: 0; right: 98px; background: #555C63; padding: 8px; transform: scale(0); transform-origin: 100% 100%; transition: all 0.5s;}

.navigation .li:hover .list{ transform: scale(1);}

.navigation .li .list .img img{ width: 112px; margin: auto;}

.navigation .li .list .p{ font-size: 12px; color: #fff; text-align: center; line-height: 14px; margin-top: 5px;}

.navigation .li{ display: flex; justify-content: flex-end;}

.navigation .li .telKer{ transition: all 0.5s; background: #555C63; width: 0; height: 80px; line-height: 80px; font-size: 24px; font-family: "font3"; color: #fff;}

.navigation .li .telKer{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

.navigation .li:hover .telKer{ width: 200px;}

.contactBox{ padding: 125px 0 70px 0; background: #191B1D;}

.contactBox .cont{ display: flex; justify-content: flex-start;}

.contactBox .cont .left{ width: 630px; margin-right: 70px;}

.contactBox .cont .left .h1{ font-size: 36px; font-family: 'font3'; color: #fff; line-height: 36px;}

.contactBox .cont .left .list{ margin-top: 35px;}

.contactBox .cont .left .li{ margin-top: 40px;}

.contactBox .cont .left .li:first-child{ margin-top: 0;}

.contactBox .cont .left .li .h2{ font-size: 15px; color: #fff; opacity: 0.5; line-height: 15px;}

.contactBox .cont .left .li .p{ margin-top: 15px; font-size: 16px; line-height: 30px; color: #fff;}

.contactBox .cont .right .h1{ font-size: 18px; color: #fff; font-weight: bold; line-height: 20px;}

.contactBox .cont .right .list{ margin-top: 35px; display: flex; justify-content: flex-start;}

.contactBox .cont .right .list .weach{ display: flex; justify-content: flex-start; margin-right: 112px;}

.contactBox .cont .right .list .weach .li{ margin-left: 29px;}

.contactBox .cont .right .list .weach .li:first-child{ margin-left: 0;}

.contactBox .cont .right .list .weach .li .m img{ height: 112px; margin: auto;}

.contactBox .cont .right .list .weach .li .p{ margin-top: 14px; text-align: center; font-size: 14px; color: #fff; line-height: 14px; opacity: 0.5;}

.contactBox .cont .right .text .em{ font-size: 15px; line-height: 15px; color: #fff; opacity: 0.5;}

.contactBox .cont .right .text .p{ padding-top: 5px;}

.contactBox .cont .right .text .p p{ font-size: 14px; color: #fff; line-height: 24px; padding-top: 10px;}

.contactMap{ width: 100%; height: 664px; overflow: hidden; background: url(../images/map.jpg) no-repeat center; background-size: cover;}

#map1{ width: 100%; height: 100%;}

.caseBox{ padding: 120px 0 50px 0; background: #191B1D;}

.caseBox .cont{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.caseBox .cont .li{ width: 673px; margin-bottom: 55px;}

.caseBox .cont .li .img, .caseBox .cont .li .img a{ width: 100%; height: 448px; overflow: hidden;}

.caseBox .cont .li .img img{ width: 100%; transition: all 0.8s;}
.caseBox .cont .li:hover .img img{ transform: scale(1.05);}

.caseBox .cont .li .text{ padding: 25px 8px 0 8px;}

.caseBox .cont .li .text .h1 a{ font-size: 20px; font-weight: bold; line-height: 22px; color: #fff;}

.caseBox .cont .li .text .p{ font-size: 15px; margin-top: 15px; line-height: 20px; color: hsla(0,0%,100%,0.50); padding-left: 30px; position: relative;}

.caseBox .cont .li .text .p::after{ content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -1px;}

.caseDateBox{ width: 100%; position: relative; overflow: hidden;}

.caseDateBox .img{ width: 100%; height: 930px; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative;}

.caseDateBox .img img{ height: 100%;}

.caseDateBox .img::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.3;}

.caseDateBox .mink{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center;}

.caseDateBox .mink .cont{ padding-top: 100px;}

.caseDateBox .mink .cont .h1{ font-size: 24px; color: #fff; line-height: 24px; font-weight: bold;}

.caseDateBox .mink .cont .p{ font-size: 70px; line-height: 100px; color: #fff; margin-top: 20px; width: 900px;}

.caseDateBox .mink .cont .more{ width: 152px; height: 152px; border: 1px solid #fff; border-radius: 100%; margin-top: 50px; display: flex; justify-content: center; align-items: center; position: relative;} 

.caseDateBox .mink .cont .more .v{ position: relative; z-index: 5;}

.caseDateBox .mink .cont .more::after{ content: ''; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; border-radius: 100%; transition: all 0.3s; transform: scale(0); opacity: 0;}

.caseDateBox .mink .cont .more:hover::after{ transform: scale(1); opacity: 1;}

.caseDateBox .mink .cont .more i{ display: block; margin: auto; width: 24px; height: 24px; background: url(../images/date2.png) no-repeat center; background-size: 100% auto; transition: all 0.3s;}

.caseDateBox .mink .cont .more:hover i{ background: url(../images/date2s.png) no-repeat center; background-size: 100% auto;}

.caseDateBox .mink .cont .more p{ font-size: 16px; line-height: 20px; margin-top: 15px; text-align: center; color: #fff; transition: all 0.3s;}

.caseDateBox .mink .cont .more:hover p{ color: #191B1D;}

.caseDateImg img{ max-width: 100%; margin: auto;}

.caseTopBox{ padding: 70px 0;}

.caseTopBox .cont{ display: flex; justify-content: space-between;}

.caseTopBox .cont .left{ width: 905px;}

.caseTopBox .cont .left .en{ font-size: 24px; color: #191B1D; line-height: 24px;}

.caseTopBox .cont .left .h1{ font-size: 100px; font-family: 'font2'; color: #191B1D; line-height: 100px; margin-top: 10px;}

.caseTopBox .cont .left .p{ font-size: 16px; line-height: 30px; color: #191B1D; margin-top: 30px; opacity: 0.8;}

.caseTopBox .cont .right{ width: 318px;}

.caseTopBox .cont .right .logo{ padding-bottom: 22px; border-bottom: 1px solid hsla(210,7%,11%,0.10);}

.caseTopBox .cont .right .logo img{ /*height: 55px;*/  cursor: auto;}

.caseTopBox .cont .right .list{ margin-top: 20px;}

.caseTopBox .cont .right .list .li{ margin-top: 35px;}

.caseTopBox .cont .right .list .li:first-child{ margin-top: 0;}

.caseTopBox .cont .right .list .li .h2{ font-size: 14px; color: #191B1D; line-height: 14px; font-weight: bold; margin-bottom: 5px;}

.caseTopBox .cont .right .list .li .p{ font-size: 14px; color: #555555; line-height: 24px; display: flex; justify-content: flex-start;}

.caseTopBox .cont .right .list .li .p a{ padding-right: 25px; font-size: 14px; color: #555555; line-height: 24px; position: relative;}

.caseTopBox .cont .right .list .li .p a::after{ content: ''; width: 16px; height: 24px; background: url(../images/href.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0; right: 0;}

.indexIconBox{ background: #191B1D; padding: 150px 0; position: relative; z-index: 10;}

.indexIconBox .cont{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.indexIconBox .cont .sli{ width: 430px; margin: 0 132px; padding-top: 170px; text-align: center;}

.indexIconBox .cont .sli:first-child, .indexIconBox .cont .sli:nth-child(2){ padding-top: 0;}

.indexIconBox .cont .sli .h1{ width: 100%; height: 30px; overflow: hidden; line-height: 30px; margin-top: 20px;}

.indexIconBox .cont .sli .h1 i{ display: block; font-size: 20px; font-weight: bold; color: #fff;}

.indexIconBox .cont .sli .p{ width: 100%; height: 60px; line-height: 30px; opacity: 0.7; color: #fff; margin: 15px auto 0; overflow: hidden;}

.indexIconBox .cont .sli .p i{ display: block; font-size: 15px;}

.indexIconBox .cont2 .sli .h1 i, .indexIconBox .cont2 .li .p i{ padding-top: 100%; animation: boter22 1s; animation-delay: 0.5s; animation-fill-mode: forwards;}

@keyframes boter22{

	from { padding-top: 100%; }

	to   { padding-top: 0; }

}

.indexIconBox .cont .sli .em{ width: 28px; height: 2px; background: #fff; margin: 30px auto 0; opacity: 0; display: none;}

.indexIconBox .cont2 .sli .em{ animation: boter23 1s; animation-delay: 3s; animation-fill-mode: forwards;}

@keyframes boter23{

	from { opacity: 0; }

	to   { opacity: 1; }

}

.indexIconBox .cont .sli .img{ width: 130px; height: 100px; margin: auto; position: relative; display: flex; justify-content: center; align-items: center;}

.indexIconBox .cont .sli:first-child .img .mk{ /*background: url(../images/mk1.png) no-repeat center; background-size: 100% 100%;*/ width: 110px; height: 94px;}

.indexIconBox .cont .sli:nth-child(2) .img .mk{ /*background: url(../images/mk2.png) no-repeat center; background-size: 100% 100%;*/ width: 101px; height: 98px;}

.indexIconBox .cont .sli:nth-child(3) .img .mk{ /*background: url(../images/mk3.png) no-repeat center; background-size: 100% 100%;*/ width: 112px; height: 79px;}

.indexIconBox .cont .sli:nth-child(4) .img .mk{ /*background: url(../images/mk4.png) no-repeat center; background-size: 100% 100%;*/ width: 130px; height: 82px;}

.indexIconBox .cont .sli .img .mk{ position: relative; overflow: hidden;}

.indexIconBox .cont2 .sli1 .img .mk .w{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.indexIconBox .cont2 .sli1 .img .mk .w::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/w1.png) no-repeat center; background-size: 100% 100%; transform: scale(0); opacity: 0;}

.indexIconBox .cont2 .sli1 .img .mk .m{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.indexIconBox .cont2 .sli1 .img .mk .m::after{ content: ''; position: absolute; top: -10px; left: 0; width: 100%; height: 100%; background: url(../images/w2.png) no-repeat center; background-size: 32px auto; transform: scale(0); opacity: 0;}

.indexIconBox .cont2 .sli1 .img .mk .w::after{ animation: boter3 0.8s; animation-delay: 0.5s; animation-fill-mode: forwards;}

@keyframes boter3{

	from { transform: scale(0); opacity: 0; }

	to   { transform: scale(1); opacity: 1; }

}
.indexIconBox .cont2 .sli1 .img .mk .m{ animation: boter01 4s; animation-delay: 4s; animation-fill-mode: forwards; animation-iteration-count: infinite;}
@keyframes boter01{
	from  { transform: rotateY(0); }
	to   { transform: rotateY(360deg); }
}


.indexIconBox .cont2 .sli1 .img .mk .m::after{ animation: boter4 0.8s; animation-delay: 1.3s; animation-fill-mode: forwards;}

@keyframes boter4{

	from { transform: scale(0); opacity: 0; }

	to   { transform: scale(1); opacity: 1; }

}

.indexIconBox .cont2 .sli2 .img .mk .w{ position: absolute; bottom: 0; left: 24px; width: 53px; height: 96px;}

.indexIconBox .cont2 .sli2 .img .mk .w::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/w3.png) no-repeat center; background-size: 100% 100%; transform: scale(0); opacity: 0;}

.indexIconBox .cont2 .sli2 .img .mk .m{ position: absolute; top: 0; left: 53px; width: 48px; height: 98px; overflow: hidden;}

.indexIconBox .cont2 .sli2 .img .mk .m::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/w4.png) no-repeat center; background-size: 100% 100%; transform: rotate(-45deg); transform-origin: 0 100%;}

.indexIconBox .cont2 .sli2 .img .mk .w::after{ animation: boter5 0.8s; animation-delay: 0.5s; animation-fill-mode: forwards;}

@keyframes boter5{

	from { transform: scale(0); opacity: 0; }

	to   { transform: scale(1); opacity: 1; }

}

.indexIconBox .cont2 .sli2 .img .mk .w{ animation: boter6 0.8s; animation-delay: 1.3s; animation-fill-mode: forwards;}

@keyframes boter6{

	from { left: 24px; }

	to   { left: 0; }

}

.indexIconBox .cont2 .sli2 .img .mk .m::after{ animation: boter7 4s; animation-delay: 2.4s; /*animation-fill-mode: forwards;*/ animation-iteration-count: infinite;}

@keyframes boter7{

	from { transform: rotate(-45deg); }

	to   { transform: rotate(0); }

}

.indexIconBox .cont2 .sli3 .img .mk .w{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; transform: scale(0); opacity: 0;}

.indexIconBox .cont2 .sli3 .img .mk .w::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/w6.png) no-repeat center; background-size: 112px 100%;}

.indexIconBox .cont2 .sli3 .img .mk .m{ position: absolute; top: 30px; left: 22px; width: 68px; height: 31px; overflow: hidden;}

.indexIconBox .cont2 .sli3 .img .mk .m::after{ content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: url(../images/w5.png) no-repeat center; background-size: 100% 100%;}

.indexIconBox .cont2 .sli3 .img .mk .m::after{ animation: boter9 4s; animation-delay: 1.3s; animation-iteration-count: infinite;}
@keyframes boter9{
	from { top: 100%; }
	to   { top: 0; }
}

.indexIconBox .cont2 .sli3 .img .mk .w{ animation: boter8 0.8s; animation-delay: 0.5s; animation-fill-mode: forwards;}

@keyframes boter8{

	from { transform: scale(0); opacity: 0; }

	to   { transform: scale(1); opacity: 1; }

}

.indexIconBox .cont2 .sli3 .img .mk .m::afte{ animation: boter9 4s; animation-delay: 1.3s; animation-iteration-count: infinite;}

@keyframes boter9{

	from { top: 100%; }

	to   { top: 0; }

}

.indexIconBox .cont2 .sli4 .img .mk .w{ position: absolute; top: 0; left: 0; width: 82px; height: 82px; transform: scale(0); opacity: 0;}

.indexIconBox .cont2 .sli4 .img .mk .w::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/w7.png) no-repeat center; background-size: 100% 100%;}

.indexIconBox .cont2 .sli4 .img .mk .m{ position: absolute; top: 2px; right: 0; width: 56px; height: 56px; transform: scale(0); opacity: 0;}

.indexIconBox .cont2 .sli4 .img .mk .m::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/w8.png) no-repeat center; background-size: 100% 100%;}

.indexIconBox .cont2 .sli4 .img .mk .w{ animation: boter10 0.8s; animation-delay: 0.5s; animation-fill-mode: forwards;}

@keyframes boter10{

	from { transform: scale(0); opacity: 0; }

	to   { transform: scale(1); opacity: 1; }

}

.indexIconBox .cont2 .sli4 .img .mk .m{ animation: boter10 0.8s; animation-delay: 1.3s; animation-fill-mode: forwards;}

@keyframes boter10{

	from { transform: scale(0); opacity: 0; }

	to   { transform: scale(1); opacity: 1; }

}

.indexIconBox .cont2 .sli4 .img .mk .w::after{ -webkit-animation: animal1 8s infinite linear;  animation-delay: 2.4s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;}

@-webkit-keyframes animal1 {

	0%  { transform: rotate(0deg); }

	100%{ transform: rotate(-360deg); }

}

.indexIconBox .cont2 .sli4 .img .mk .m::after{ -webkit-animation: animal2 8s infinite linear;  animation-delay: 2.4s; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;}

@-webkit-keyframes animal2 {

	0%  { transform: rotate(0deg); }

	100%{ transform: rotate(360deg); }

}

.indexIconBox .cont .sli .img::after{ opacity: 0; content: ''; width: 46px; height: 46px; border-radius: 100%; background: #fff; position: absolute; right: 0; bottom: 0; z-index: 0;}

.indexIconBox .cont .sli:first-child .img::after{ right: 10px; bottom: -5px;}

.indexIconBox .cont .sli:nth-child(2) .img::after{ right: 40px; bottom: -10px;}

.indexIconBox .cont .sli:nth-child(3) .img::after{ right: 10px;}

.indexIconBox .cont .sli:nth-child(4) .img::after{ right: 40px; bottom: 5px;}

.indexIconBox .cont2 .sli .img::after{ animation: boter1 0.8s; animation-delay: 2.4s; animation-fill-mode: forwards;}

@keyframes boter1{

	from { opacity: 0; }

	to   { opacity: 0.1; }

}

.indexCaseBox{ /*padding-top: 100px;*/ background: #191B1D; /*height: 785px;*/ /*position: relative;*/}

.indexCaseBox .swiper-container{ height: 785px;}

.indexCaseBox iframe{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.indexCaseBox .cont{ width: 100%; /*height: 785px;*/ overflow: hidden; /*position: relative;*/ display: flex; justify-content: flex-end; flex-wrap: wrap;}

.indexCaseBox .cont .img{ width: 11.79rem; height: 7.85rem; overflow: hidden; margin-bottom: -7.85rem;}

.indexCaseBox .cont .img img{ width: 100%; transition: all 0.8s;}
.indexCaseBox .cont:hover .img img{ transform: scale(1.05);}

.indexCaseBox .cont .mink{ /*position: absolute; top: 0; left: 0;*/ width: 100%; height: 785px; z-index: 5; display: flex; justify-content: center; align-items: center;}

/*.indexCaseBox .cont .mink .em{ font-size: 24px; color: #fff; opacity: 0.3; line-height: 24px;}

.indexCaseBox .cont .mink .h1{ font-size: 120px; font-family: 'font2'; color: #fff; line-height: 120px; margin-top: 15px;}

.indexCaseBox .cont .mink .h2{ font-size: 18px; color: #fff; margin-top: 45px;}

.indexCaseBox .cont .mink .p{ width: 560px; font-size: 13px; line-height: 30px; color: #fff; margin-top: 15px; opacity: 0.7;}

.indexCaseBox .cont .mink a{ width: 172px; height: 60px; border-radius: 30px; background: #252729; text-align: center; line-height: 60px; font-size: 14px; color: #fff; margin-top: 95px;}*/
.indexCaseBox .cont .mink .em{ /*height: 24px; overflow: hidden;*/}
.indexCaseBox .cont .mink .em i{ display: block; font-size: 24px; color: #fff; opacity: 0.3; line-height: 24px;}
.indexCaseBox .cont .mink .em i a{ font-size: 24px; color: #fff;}
.indexCaseBox .cont .mink .h1{ margin-top: 15px; /*height: 120px; overflow: hidden;*/}
.indexCaseBox .cont .mink .h1 i{ display: block; font-size: 120px; font-family: 'font2'; color: #fff; line-height: 120px;}
.indexCaseBox .cont .mink .h2{ margin-top: 45px; /*height: 20px; overflow: hidden;*/}
.indexCaseBox .cont .mink .h2 i{ display: block; font-size: 18px; line-height: 20px; color: #fff;}
.indexCaseBox .cont .mink .p{ width: 560px; /*height: 90px; overflow: hidden;*/ margin-top: 15px;}
.indexCaseBox .cont .mink .p i{ display: block; font-size: 13px; line-height: 30px; color: #fff; opacity: 0.7;}
.indexCaseBox .cont .mink .testDiv{ display: block; width: 172px; height: 60px; border-radius: 30px; background: #252729; text-align: center; line-height: 60px; font-size: 14px; color: #fff; opacity: 1; margin-top: 95px;}
/*.indexCaseBox .div2 .cont .mink .em i,
.indexCaseBox .div2 .cont .mink .h1 i,
.indexCaseBox .div2 .cont .mink .h2 i,
.indexCaseBox .div2 .cont .mink .p i,
.indexCaseBox .div2 .cont .mink a{ padding-top: 0; transition: all 0.5s; opacity: 1;}*/

.indexNewsBox{ padding: 55px 0 70px 0; background: #191B1D;}

.indexNewsBox .cont{ width: 17.50rem; margin: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}

.indexNewsBox .cont .li{ margin-top: 0.75rem; width: 5.56rem; margin-right: 0.4rem;}

.indexNewsBox .cont .li:nth-child(3n){ margin-right: 0;}

.indexNewsBox .cont .li .img, .indexNewsBox .cont .li .img a{ width: 100%; height: 370px; overflow: hidden; position: relative;}

.indexNewsBox .cont .li .img a i{ display: block; width: 100%; height: 370px; position: absolute; bottom: 0; left: 0; background: #191B1D;}

.indexNewsBox .cont .li .img img{ width: 100%; transition: all 0.5s;}
.indexNewsBox .cont .li:hover .img img{ transform: scale(1.05);}

.indexNewsBox .cont .li .text{ padding: 25px 8px 0 8px;}

.indexNewsBox .cont .li .text .h1 a{ font-size: 20px; font-weight: bold; color: #fff; line-height: 22px;}

.indexNewsBox .cont .li .text .p{ font-size: 15px; margin-top: 15px; line-height: 20px; color: hsla(0,0%,100%,0.50); padding-left: 30px; position: relative;}

.indexNewsBox .cont .li .text .p::after{ content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -1px;}

.indexNewsBox .more{ width: 172px; height: 60px; border-radius: 30px; background: #252729; text-align: center; line-height: 60px; font-size: 14px; color: #fff; margin: 80px auto 0;}

.indexNumber{ background: url(../images/back2.jpg) no-repeat center bottom; background-size: cover; padding: 115px 0 125px 0;}

.indexNumber .list{ display: flex; justify-content: space-around; text-align: center; margin-top: 110px;}

.indexNumber .list .num{ font-size: 82px; color: #191B1D; line-height: 82px; font-family: 'font4';}

.indexNumber .list .p{ font-size: 18px; line-height: 18px; color: #191B1D; opacity: 0.8; margin-top: 15px;}

.indexNumber .h1{ font-size: 48px; color: #191B1D; text-align: center;}

.indexNumber .ps{ font-size: 16px; line-height: 32px; margin: 30px auto 0; width: 765px; color: #191B1D; text-align: center;}

.indexNumber .more{ width: 172px; height: 60px; border: 1px solid hsla(210,5%,15%,0.30); margin: 50px auto 0; border-radius: 32px; font-size: 14px; color: hsla(210,7%,11%,0.80); text-align: center; line-height: 60px;}

.indexNumrBox .cont{ padding: 60px 0 65px 0; border-bottom: 1px solid hsla(210,7%,11%,0.10);}

.indexNumrBox .cont .tit .h1{ font-size: 24px; color: #191B1D; line-height: 24px; opacity: 0.8;}

/*.indexNumrBox .cont .tit{ position: relative;}*/

.indexNumrBox .cont .tit .em{ font-size: 120px; color: #191B1D; line-height: 120px; font-family: 'font2';}

.indexNumrBox .cont .tit a{ position: absolute; bottom: 13px; right: 0; width: 172px; height: 60px; border-radius: 30px; background: #252729; text-align: center; line-height: 60px; font-size: 14px; color: #fff;}

.indexNumrBox .cont .list{ margin-top: 45px; display: flex; justify-content: flex-start; flex-wrap: wrap;}

.indexNumrBox .cont .list .li{ width: 440px; margin-right: 40px;}

.indexNumrBox .cont .list .li:nth-child(3n){ margin-right: 0;}

.indexNumrBox .cont .list .li .img, .indexNumrBox .cont .list .li .img a{ width: 100%; height: 290px; overflow: hidden; position: relative;}

.indexNumrBox .cont .list .li .img a i{ display: block; width: 100%; height: 290px; z-index: 5; position: absolute; top: 0; left: 0; background: #fff;}

.indexNumrBox .cont .list .li .img img{ width: 100%; transition: all 0.5s;}
.indexNumrBox .cont .list .li:hover .img img{ transform: scale(1.05);}

.indexNumrBox .cont .list .li .text{ padding: 20px 5px 0 5px;}

.indexNumrBox .cont .list .li .text .time{ font-size: 15px; line-height: 15px; padding-left: 12px; position: relative;}

.indexNumrBox .cont .list .li .text .time::after{ content: ''; width: 6px; height: 6px; border-radius: 100%; background: #191B1D; opacity: 0.8; position: absolute; left: 0; top: 50%; margin-top: -4px;}

.indexNumrBox .cont .list .li .text .p,
.indexNumrBox .cont .list .li .text .p a{ font-size: 18px; font-weight: bold; color: #191B1D; line-height: 30px; margin-top: 15px; transition: all 0.5s;}
.indexNumrBox .cont .list .li:hover .text .p a{ color: #666;}
.indexNumrBox .cont .list .li:nth-child(3n-2){ justify-content: flex-start!important;}
.bannerBox{ width: 100%; height: 960px; overflow: hidden; position: relative;}

.bannerBox .img{ width: 100%; height: 960px; overflow: hidden; display: flex; justify-content: center; align-items: center; background: url(../images/back4.jpg) no-repeat center; background-size: cover;}

.bannerBox .img img{ height: 100%; opacity: 0;}

.bannerBox .textBox{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; overflow: hidden;}

.bannerBox .textBox{ animation: myfirstw 1.2s; animation-delay: 1.2s; animation-fill-mode: forwards; opacity: 0;}

@keyframes myfirstw{

	from { left: 100%; opacity: 0; }

	to   { left: 0; opacity: 1; }

}

.bannerBox .text{ display: flex; justify-content: center; position: relative;}

.bannerBox .text i{ font-size: 180px; font-weight: bold; line-height: 200px; color: #fff; transition: all 0.5s;}

.bannerBox .text i:first-child{ color: #191B1D;}

.bannerBox .text i:nth-child(2){ padding: 0 80px;}

.bannerBox .text2 i:first-child{ color: #fff;}

.bannerBox .text2 i:nth-child(2), .bannerBox .text2 i:nth-child(3){ color: #191B1D;}

.lonadingBox{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #191B1D; z-index: 50; overflow: hidden;}

.lonadingBox2{ animation: myfirst 1s; animation-delay: 0.8s; animation-fill-mode: forwards;}

@keyframes myfirst{

	from { height: 100%; }

	to   { height: 0; }

}

.bannerBox .moremt{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10;}

.bannerBox .moremt .em{ width: 50%; height: 100%; position: absolute; top: 0;}

.bannerBox .moremt .em.em1{ left: 0;}

.bannerBox .moremt .em.em2{ right: 0;}

.bannerBox iframe{ display: block; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; overflow: hidden;}

body{ width: 100%;}

.bannerBox .more{ opacity: 0; transform: scale(0); width: 118px; height: 118px; background: #fff; border-radius: 50%; position: absolute; left: 50%; bottom: 60px; margin-left: -59px; z-index: 21; overflow: hidden;}

.bannerBox .more{ animation: myfirstw2 0.8s; animation-delay: 1.5s; animation-fill-mode: forwards;}

@keyframes myfirstw2{

	from { transform: scale(0); opacity: 0; }

	to   { transform: scale(1); opacity: 1; }

}

.bannerBox .more::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; background: #191B1D; transition: all 0.3s; transform: scale(0); z-index: 1;}

.bannerBox .more:hover::after{ transform: scale(1);}

.bannerBox .more::before{ content: ''; width: 100%; height: 100%; background: url(../images/icon12.png) no-repeat center; background-size: 20px auto; position: absolute; top: 0; left: 0; z-index: 5; transition: all 0.3s;}

.bannerBox .more:hover::before{ background: url(../images/icon12s.png) no-repeat center; background-size: 20px auto;}

.bannerBox .imgIcon{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.bannerBox .imgIcon .mr{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}

.bannerBox .imgIcon .mr1{ width: 596px; height: 486px; background: url(../images/q1.png) no-repeat center; background-size: 100% 100%;}

.bannerBox .imgIcon .mr2{ width: 596px; height: 486px; background: url(../images/q2.png) no-repeat center; background-size: 100% 100%; transform: translate(-50%,-50%) rotate(-8deg); margin-top: -21px;}

.bannerBox .imgIcon2 .mr1{ width: 596px; height: 486px; background: url(../images/q1s.png) no-repeat center; background-size: 100% 100%;}

.bannerBox .imgIcon2 .mr2{ width: 596px; height: 486px; background: url(../images/q2s.png) no-repeat center; background-size: 100% 100%;}

.bannerBox .ter{ font-size: 32px; line-height: 48px; font-weight: bold; color: #191B1D; position: absolute; bottom: 200px; right: 20%; opacity: 0;}

.bannerBox .ter{ animation: myfirstw3 0.8s; animation-delay: 2s; animation-fill-mode: forwards;}

@keyframes myfirstw3{

	from { bottom: 50px; opacity: 0; }

	to   { bottom: 200px; opacity: 1; }

}

.bannerBoxAbout{ background: url(../images/back3.jpg) no-repeat top center; background-size: cover; padding: 0 0 110px 0;}

.bannerBoxAbout .grnt{ width: 100%; height: 516px; position: relative; display: none;}

.bannerBoxAbout .imgIcon{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.bannerBoxAbout .imgIcon .mr{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}

.bannerBoxAbout .imgIcon .mr1{ width: 596px; height: 486px; background: url(../images/q1.png) no-repeat center; background-size: 100% 100%;}

.bannerBoxAbout .imgIcon .mr2{ width: 557px; height: 516px; background: url(../images/q2.png) no-repeat center; background-size: 100% 100%;}

.bannerBoxAbout .imgIcon2 .mr1{ width: 596px; height: 486px; background: url(../images/q1s.png) no-repeat center; background-size: 100% 100%;}

.bannerBoxAbout .imgIcon2 .mr2{ width: 557px; height: 516px; background: url(../images/q2s.png) no-repeat center; background-size: 100% 100%;}

.bannerBoxAbout .textBox{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; overflow: hidden;}

.bannerBoxAbout .textBox i{ font-size: 160px; font-weight: bold; line-height: 200px; color: #191B1D; transition: all 0.5s;}

.bannerBoxAbout .botBoxt .cont{ display: flex; justify-content: flex-end;}

.bannerBoxAbout .botBoxt{ margin-top: -260px;}

.bannerBoxAbout .botBoxt .qurt{ width: 850px;}

.bannerBoxAbout .botBoxt .qurt .h3{ font-size: 32px; line-height: 48px; font-weight: bold; color: #191B1D;}

.bannerBoxAbout .botBoxt .qurt .p{ font-size: 16px; line-height: 32px; color: #191B1D; margin-top: 20px;}

.bannerBoxAbout .botBoxt .list{ padding-top: 15px; display: flex; justify-content: space-between; flex-wrap: wrap;}

.bannerBoxAbout .botBoxt .list .li{ margin-top: 80px; width: 40%; text-align: center;}

.bannerBoxAbout .botBoxt .list .li .num{ font-size: 82px; font-family: 'font4'; line-height: 82px;}

.bannerBoxAbout .botBoxt .list .li .m{ font-size: 18px; color: #191B1D; opacity: 0.8; line-height: 20px; margin-top: 15px;}

.indexIconBox2 .cont .tit .h3{ font-size: 24px; line-height: 24px; opacity: 0.3; color: #fff;}

.indexIconBox2 .cont .tit .en{ font-size: 120px; line-height: 120px; color: #fff; font-family: 'font2'; margin-top: 10px;}

.indexIconBox2 .cont .list{ width: 850px;}

.indexIconBox2 .cont .list .sli{ width: 100%; border-bottom: 1px solid hsla(0,0%,100%,0.10); display: flex; justify-content: space-between; align-items: center; padding: 65px 0;}

.indexIconBox2 .cont .list .sli:first-child{ padding: 0 0 65px 0;}

.indexIconBox2 .cont .sli .img{ width: auto; height: auto; margin: 0; padding: 0;}

.indexIconBox2 .cont .sli .mLi{ width: 610px; margin-right: 40px; text-align: left;}

.indexIconBox2 .cont .sli .em{ margin: 20px 0 0 0;}

.aboutNewsBox img{ width: 100%;}

.newsDateBox{ background: #191B1D; padding: 125px 0 0 0;}

.newsDateBox .pager{ border-top: 1px solid hsla(0,0%,100%,0.10);}

.newsDateBox .pager .mker{ display: flex; justify-content: space-between;}

.newsDateBox .pager .mker .li{ width: 50%; height: 110px; line-height: 110px; display: flex; justify-content: flex-start; align-items: center; position: relative;}

.newsDateBox .pager .mker .li:first-child{ justify-content: flex-end;}

.newsDateBox .pager .mker .li:nth-child(2)::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #fff; opacity: 0.1;}

.newsDateBox .pager .mker .li .p{ font-size: 18px; color: hsla(0,0%,100%,0.70); margin: 0 12px; transition: all 0.5s;}

.newsDateBox .pager .mker .li:hover .p{ color: #fff;}

.newsDateBox .pager .mker .li a{ padding: 0 30px; display: flex; justify-content: flex-start; align-items: center;}

.newsDateBox .pager .mker .li a i{ display: block; width: 30px; height: 30px; background: #2F3133; border-radius: 100%; position: relative;}

.newsDateBox .pager .mker .li a i::after{ content: ''; width: 100%; height: 100%; background: #fff; border-radius: 100%; transform: scale(0); opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.5s;}

.newsDateBox .pager .mker .li a:hover i::after{ transform: scale(1); opacity: 1;}

.newsDateBox .pager .mker .li a i::before{ content: ''; width: 100%; height: 100%; background: url(../images/icon13.png) no-repeat center; background-size: 14px auto; border-radius: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s; z-index: 5;}

.newsDateBox .pager .mker .lixx:last-child a i::before{ transform: rotate(180deg);}
.newsDateBox .pager .mker .anext:last-child a i::before{ transform: rotate(180deg);}

.newsDateBox .pager .mker .li:hover a i::before{ background: url(../images/icon13s.png) no-repeat center; background-size: 14px auto;}

.newsDateBox .cont{ display: flex; justify-content: space-between;}

.newsDateBox .cont .leftBox{ width: 1000px;}

.newsDateBox .cont .leftBox .h1,
.newsDateBox .cont .leftBox .h1 h1{ font-size: 34px; line-height: 60px; /*font-weight: bold;*/ color: #fff;}

.newsDateBox .cont .leftBox .dateBox{ display: flex; justify-content: space-between; margin-top: 40px;}

.newsDateBox .cont .leftBox .dateBox .left{ width: 132px; border-right: 1px solid hsla(0,0%,100%,0.10);}

.newsDateBox .cont .leftBox .dateBox .left .mke{ width: 100px; text-align: center;}

.newsDateBox .cont .leftBox .dateBox .right{ width: 810px; padding: 0 0 60px 0;}

.newsDateBox .cont .rightBox{ width: 346px;}

.newsDateBox .cont .leftBox .dateBox .right p{ /*font-size: 18px; line-height: 40px;*/ font-size: 14px; line-height: 24px; letter-spacing: 2px; /*color: #ddd;*/ /*opacity: 0.7;*/ /*margin-bottom: 40px;*/ /*margin: 30px 0;*/ padding-bottom: 27px; color: hsla(0,0%,100%,0.50);}
.newsDateBox .cont .leftBox .dateBox .right p.arcsm{ color: hsla(0,0%,100%,0.50);}
.newsDateBox .cont .leftBox .dateBox .right img{ margin: auto; max-width: 100%;}

.newsDateBox .cont .leftBox .dateBox .left .em{ width: 30px; height: 30px; margin: auto; background: #fff; border-radius: 100%; position: relative;}

.newsDateBox .cont .leftBox .dateBox .left .em a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.newsDateBox .cont .leftBox .dateBox .left .em a::after{ content: ''; width: 100%; height: 100%; background: #252729; border-radius: 100%; transform: scale(0); opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.5s;}

.newsDateBox .cont .leftBox .dateBox .left .em:hover a::after{ transform: scale(1); opacity: 1;}

.newsDateBox .cont .leftBox .dateBox .left .em a::before{ content: ''; width: 100%; height: 100%; background: url(../images/icon13s.png) no-repeat center; background-size: 14px auto; border-radius: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s; z-index: 5; transform: rotate(-90deg);}

.newsDateBox .cont .leftBox .dateBox .left .em:hover a::before{ background: url(../images/icon13.png) no-repeat center; background-size: 14px auto;}

.newsDateBox .cont .leftBox .dateBox .left .time .m{ font-size: 16px; color: #fff; opacity: 0.7; margin-top: 25px;}

.newsDateBox .cont .leftBox .dateBox .left .time .k{ font-size: 36px; color: #fff; line-height: 36px; margin-top: 10px; opacity: 0.9;}

.newsDateBox .cont .leftBox .dateBox .left .time .w{ font-size: 16px; color: #fff; opacity: 0.7; margin-top: 10px;}

.newsDateBox .cont .leftBox .dateBox .left .text{ margin-top: 30px;}

.newsDateBox .cont .leftBox .dateBox .left .text .p{ font-size: 14px; color: #fff; opacity: 0.5; line-height: 24px;}

.newsDateBox .cont .leftBox .dateBox .left .text i{ display: block; width: 1px; height: 35px; background: #fff; opacity: 0.1; margin: 15px auto 20px auto;}

.newsDateBox .cont .leftBox .dateBox .left .text .f{ font-size: 14px; color: #fff; opacity: 0.5;}

.newsDateBox .cont .leftBox .dateBox .left .more{ padding-top: 8px;}

.newsDateBox .cont .leftBox .dateBox .left .more a{ display: block; width: 40px; height: 40px; background: #252729; margin: 12px auto 0; border-radius: 100%; position: relative;}

.newsDateBox .cont .leftBox .dateBox .left .more a::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.newsDateBox .cont .leftBox .dateBox .left .more .a1::after{ background: url(../images/ger1.png) no-repeat center; background-size: 23px auto;}

.newsDateBox .cont .leftBox .dateBox .left .more .a2::after{ background: url(../images/ger2.png) no-repeat center; background-size: 21px auto;}

.newsDateBox .cont .leftBox .dateBox .left .more .a3::after{ background: url(../images/ger3.png) no-repeat center; background-size: 22px auto;}

.newsDateBox .cont .leftBox .dateBox .left .more .a4::after{ background: url(../images/ger4.png) no-repeat center; background-size: 18px auto;}

.newsDateBox .cont .rightBox .h1{ font-size: 26px; font-weight: bold; color: #fff; line-height: 30px; padding-top: 25px;}

.newsDateBox .cont .rightBox .top{ margin-top: 25px;}

.newsDateBox .cont .rightBox .top a{ width: 100%; height: 228px; position: relative;}

.newsDateBox .cont .rightBox .top a .img{ width: 100%; height: 100%; overflow: hidden;}

.newsDateBox .cont .rightBox .top a .img img{ width: 100%; opacity: 0.8; transition: all 0.8s;}
.newsDateBox .cont .rightBox .top a .img:hover img{ transform: scale(1.05);}

.newsDateBox .cont .rightBox .top a .text{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 5; padding: 20px;}

.newsDateBox .cont .rightBox .top a .text .time,

.newsDateBox .cont .rightBox .bot .li .time{ font-size: 15px; color: #fff; opacity: 0.4; line-height: 15px; padding-left: 12px; position: relative;}

.newsDateBox .cont .rightBox .top a .text .time::after,

.newsDateBox .cont .rightBox .bot .li .time::after{ content: ''; width: 6px; height: 6px; border-radius: 100%; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -4px;}

.newsDateBox .cont .rightBox .top a .text .p, 

.newsDateBox .cont .rightBox .bot .li .p{ font-size: 16px; line-height: 26px; color: #fff; margin-top: 10px;}

.newsDateBox .cont .rightBox .bot .li{ padding: 30px 20px; border-bottom: 1px solid hsla(0,0%,100%,0.10);}

.caseDateBox .video video{ display: block; width: 100%;}
/*  */
.lonadUer{ width: 100%; height: 100vh; overflow: hidden; background: #252729; position: absolute; top: 0; left: 0;}
.lonadUer .menter{ width: 300px; height: 266px;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0.8;}
.lonadUer .menter1::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/q.png) no-repeat center; background-size: 100% 100%; }
.lonadUer .menter2::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/qw.png) no-repeat center; background-size: 100% 100%;}
/*.lonadUer .menter1::after{ -webkit-animation: animals1 2s infinite linear; transform-origin: center center;}
@keyframes animals1{
  0%   { transform: rotateY(0); }
  100% { transform: rotateY(-360deg); }
}*/
/*.lonadUer .menter2::after{ -webkit-animation: animals2 2s infinite linear; transform-origin: center center;}
@keyframes animals2{
  0%   { transform: rotateY(0); }
  100% { transform: rotateY(360deg); }
}*/
.contentwent{ /*position: relative; width: 100%; height: 785px;*/ overflow: hidden;}
.contentwent::-webkit-scrollbar{ width: 0;}
/*.contentwent .div{ position: relative;}*/
.lonadUer .menter1::after{ animation: play1 4s linear infinite;}
@-webkit-keyframes play1{
    0%   { transform: rotateY(-360deg); }
    100% { transform: rotateY(360deg); }
}
.lonadUer .menter2::after{ animation: play2 4s linear infinite;}
@-webkit-keyframes play2{
    0%   { transform: rotateY(-360deg); }
    100% { transform: rotateY(360deg); }
}
.contentwent{ /*position: relative;*/ width: 100%; overflow: hidden;}
.contentwent::-webkit-scrollbar{ width: 0;}
/*.contentwent .postion{ position: relative;}*/
.caseBoxerMent{ background: #191B1D; padding: 100px 0;}
.caseBoxerMent .cont{ display: flex; justify-content: space-between;}
.caseBoxerMent .cont .img, .caseBoxerMent .cont .img a{ width: 795px; overflow: hidden;}
.caseBoxerMent .cont .img img{ width: 100%; transition: all 0.8s;}
.caseBoxerMent .cont .img:hover img{ transform: scale(1.05);}
.caseBoxerMent .cont .text{ width: 560px;}
.caseBoxerMent .cont .text .h1{ font-size: 24px; line-height: 24px; opacity: 0.3; color: #fff; padding-top: 40px;}
.caseBoxerMent .cont .text .en{ font-size: 100px; font-family: 'font2'; color: #fff; line-height: 100px; margin-top: 10px;}
.caseBoxerMent .cont .text .h2{ font-size: 18px; line-height: 28px; color: #fff; margin-top: 80px;}
.caseBoxerMent .cont .text .p{ font-size: 13px; line-height: 30px; color: #fff; opacity: 0.8; margin-top: 15px;}
.caseBoxerMent .cont .text a{ display: block; width: 172px; height: 60px; border-radius: 30px; background: #252729; text-align: center; line-height: 60px; font-size: 14px; color: #fff; margin-top: 45px;}
/*.testDiv i{ position: relative; z-index: 5;}
.testDiv.a2 i{ color: #191B1D;}
.testDiv{ overflow: hidden; position: relative;}
.testDiv em{ display: block; width: 2px; height: 2px; border-radius: 100%; background: #fff; position: absolute; top: 100%; left: 50%; z-index: 0; transition: all 1s;}
.testDiv.a2 em{ transform: translate(-50%,-50%) scale(400); border-radius: 100%;}
.indexNewsBox .testDiv{ display: block; width: 172px; height: 60px; border-radius: 30px; background: #252729; text-align: center; line-height: 60px; font-size: 14px; color: #fff; margin: 90px auto 0;}*/
.testDiv i{ position: relative; z-index: 5; transition: all 0.5s;}
.testDiv.a2 i{ color: #191B1D;}
.testDiv{ overflow: hidden; position: relative;}
.testDiv em{ display: block; width: 2px; height: 2px; background: #fff; position: absolute; top: 100%; left: 50%; border-radius: 100%; transition: all 1s; transform: scale(0);}
.testDiv.a2 em{ transform: scale(400); opacity: 1; border-radius: 100%;}
.indexNumber .more::after{ content: 'Read More +'; width: 172px; height: 60px; position: absolute; top: 0; left: 0; font-size: 14px; color: hsla(210,7%,11%,0.80); transition: all 0.5s;}
.indexNumber .more, .newsContact button{ position: relative; overflow: hidden;}
.indexNumber .more.a2::after{ color: #fff;}
.indexNumber .more em{ display: block; width: 2px; height: 2px; background: hsla(210,5%,15%,0.30); position: absolute; top: 100%; left: 50%; border-radius: 100%; transition: all 1s; transform: scale(0);}
.indexNumber .more.a2 em{ transform: scale(400); opacity: 1; border-radius: 100%;}
.newsContact button::after{ content: '立即提交'; width: 214px; height: 60px; line-height: 60px; text-align: center; position: absolute; top: 0; left: 0; font-size: 18px; color: #191B1D; transition: all 0.5s;}
.newsContact button{ color: hsla(0,0%,100%,0.00);}
.newsContact button em{ display: block; width: 2px; height: 2px; background: hsla(210,5%,15%,0.20); position: absolute; top: 100%; left: 50%; border-radius: 100%; transition: all 1s; transform: scale(0);}
.newsContact button.a2 em{ transform: scale(400); opacity: 1; border-radius: 100%;}
.indexNumrBox .cont .tit a{ position: relative;}
.testDiv em{ background: #999;}
.indexNumrBox .cont .tit .mk{ display: flex; justify-content: flex-end; margin-top: -60px;}
input[type=number] {  
    -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
} 
.indexNewsBox .testDiv{ display: block; width: 172px; height: 60px; border-radius: 30px; background: #252729; text-align: center; line-height: 60px; font-size: 14px; color: #fff; opacity: 1; margin: 95px auto 0;}
.indexNewsBox .testDiv i{ position: relative; z-index: 5; transition: all 0.5s;}
.indexNewsBox .testDiv.a2 i{ color: #191B1D;}
.indexNewsBox .testDiv{ overflow: hidden; position: relative;}
.indexNewsBox .testDiv em{ display: block; width: 2px; height: 2px; background: #fff; position: absolute; top: 100%; left: 50%; border-radius: 100%; transition: all 1s; transform: scale(0);}
.indexNewsBox .testDiv.a2 em{ transform: scale(400); opacity: 1; border-radius: 100%;}
.indexCaseBox .cont .mink .testDiv em{ background: #fff;}
.cellNewBox{ position: fixed; left: 0; bottom: 0; width: 100%; z-index: 15; background: #555C63; display: none; justify-content: space-between;}
.cellNewBox .li{ width: 50%; height: 50px; line-height: 50px; position: relative;}
.cellNewBox .li::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: #fff; opacity: 0.2;}
.cellNewBox .li .a{ display: flex; justify-content: center; align-items: center;}
.cellNewBox .li p{ font-size: 0.26rem; color: #fff;}
.cellNewBox .li i{ display: block; width: 0.5rem; height: 0.5rem; margin-right: 0.1rem;}
.cellNewBox .li1 i{ background: url(../images/icon9.png) no-repeat center; background-size: 90% auto;}
.cellNewBox .li2 i{ background: url(../images/icon10.png) no-repeat center; background-size: 90% auto;}
.cellNewBox .li3 i{ background: url(../images/icon11.png) no-repeat center; background-size: 90% auto;}
.cellNewBox .li .gr{ width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; overflow: hidden;}
.cellNewBox .li .gr input{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; opacity: 0; border: none;}
.cellNewBox .li .gr textarea{ display: block; width: 0; height: 0; overflow: hidden;}
.cellNewBox .li1{ display: none;}
.weader{  width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: hsla(0,0%,0%,0.50); z-index: 30; display: none; justify-content: center; align-items: center;}
.weader .cont{ background: #fff; padding: 15px; margin-bottom: 50px; position: relative;}
.weader .cont .img img{ width: 3rem; margin: auto;}
.weader .cont .p{ font-size: 14px; text-align: center; line-height: 24px; width: 3.4rem; margin-top: 5px;}
.weader .cont .sole{ width: 34px; height: 34px; background: url(../images/sole22.png) no-repeat center; background-size: 100% auto; position: absolute; left: 50%; bottom: -60px; margin-left: -17px;}
.newsDateBox .cont .leftBox .dateBox a{ display:inline;}
.bannerBoxAbout iframe{ display: block; width: 100%; height: 960px; overflow: hidden;}
/*  */
.load-circle{ width: 40px; height: 40px; position: relative;}
.load-container1 > div, .load-container2 > div, .load-container3 > div { width: 20%; height: 20%; background-color:#fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; -moz-animation: bouncedelay 1.2s infinite ease-in-out; -o-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.load-circle .load-container{ position: absolute; width: 100%; height: 100%;}
.load-container2 { -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.load-container3 { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg);}
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.load-container2 .circle1 { -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s;}
.load-container3 .circle1 { -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -o-animation-delay: -1.0s; animation-delay: -1.0s;}
.load-container1 .circle2 { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s;}
.load-container2 .circle2 { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s;}
.load-container3 .circle2 { -webkit-animation-delay: -0.7s; -moz-animation-delay: -0.7s; -o-animation-delay: -0.7s; animation-delay: -0.7s;}
.load-container1 .circle3 { -webkit-animation-delay: -0.6s; -moz-animation-delay: -0.6s; -o-animation-delay: -0.6s; animation-delay: -0.6s;}
.load-container2 .circle3 { -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s;}
.load-container3 .circle3 { -webkit-animation-delay: -0.4s; -moz-animation-delay: -0.4s; -o-animation-delay: -0.4s; animation-delay: -0.4s;}
.load-container1 .circle4 { -webkit-animation-delay: -0.3s; -moz-animation-delay: -0.3s; -o-animation-delay: -0.3s; animation-delay: -0.3s;}
.load-container2 .circle4 { -webkit-animation-delay: -0.2s; -moz-animation-delay: -0.2s; -o-animation-delay: -0.2s; animation-delay: -0.2s;}
.load-container3 .circle4 { -webkit-animation-delay: -0.1s; -moz-animation-delay: -0.1s; -o-animation-delay: -0.1s; animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay { 
	0%, 80%, 100% { -webkit-transform: scale(0.0) } 
	40% { -webkit-transform: scale(1.0) } 
}
@-moz-keyframes bouncedelay {
	0%, 80%, 100% { -moz-transform: scale(0.0) }
	40% { -moz-transform: scale(1.0) }
}
@-o-keyframes bouncedelay {
	0%, 80%, 100% { -o-transform: scale(0.0) }
	40% { -o-transform: scale(1.0) }
}
@keyframes bouncedelay {
	0%, 80%, 100% { transform: scale(0.0); } 
	40% { transform: scale(1.0); }
}
.lodingbox{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; background: #191B1D; display: flex; justify-content: center; align-items: center; opacity: 0;}
/*.lodingbox2{ animation: myfirst44 1s; animation-delay: 0.8s; animation-fill-mode: forwards;}*/
.lodingbox2{ animation: myfirst44 1.5s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 0; animation-fill-mode: forwards;}
@keyframes myfirst44{
	0%   { opacity: 1; }
	50%  { opacity: 1; }
	90%  { opacity: 0; }
	100%  { z-index: -100; opacity: 0;}
}
.lodingbox .load-circle{ transform: scale(1.2);}
.lonadingBox{ display: none;}
.welcomeUp .cont .h1 i{ color: #FFDE00;}
html::-webkit-scrollbar, body::-webkit-scrollbar{ width: 7px; background: #eee;}
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb{ width: 7px; background: #191b1d; border-radius: 3px;}
.newsDateBox .cont .leftBox .dateBox .right p a{ color: #FFDE00;}
.newsDateBox .cont .leftBox .dateBox .right p.arcsm a{ color: hsla(0,0%,100%,0.50);}
.newsDateBox .cont .leftBox .h1 p a:hover,.tags a:hover{ color:#FFDE00}

.newsDateBox .cont .leftBox .h1 p,.tags{ color:#ddd;}
.newsDateBox .cont .leftBox .h1 p a,.tags a{ color:#ddd; display:inline}

.newsDateBox .cont .leftBox .dateBox .right h2{ font-size: 22px; /*font-size: 1.5em;*/ /*line-height: 24px;*/ color: #fff; font-weight: 400; /*font-family: Microsoft YaHei,SimHei,Verdana; *//*margin: 35px 0 15px 0;*/ padding-bottom: 27px; letter-spacing: 2px;}
.newsDateBox .cont .leftBox .dateBox .right p{ font-size: 14px; /*line-height: 24px;*/ /*margin-bottom: 15px;*/ /*text-indent: 2em;*/}
.newsDateBox .cont .leftBox .dateBox .right h3{ font-size: 18px; /*font-size: 1.17em;*/ /*line-height: 24px; margin: 20px 0 12px 0;*/  padding-bottom: 27px; font-weight: 400; color: #fff; letter-spacing: 2px;}
.newsDateBox .cont .leftBox .dateBox .right h4{ font-size: 14px; line-height: 24px; /*margin-bottom: 15px;*/ color: #fff; letter-spacing: 2px; padding-bottom: 27px;}


.newsDateBox .cont .leftBox .dateBox .right p a:hover{ text-decoration: underline;}
.newsDateBox .cont .leftBox .dateBox .right p.arcsm a:hover{ color: #FFDE00;}

.biaoqoan{ display: flex; justify-content: space-between; padding-top: 140px;}
.biaoqoan .h1{ display: block; font-size: 24px; margin-bottom: 15px; color: #000;}
.biaoqoan a{ display: block; margin-bottom:10px; line-height:30px;font-size:14px; color:#666; padding:0 15px; border:1px solid #cccccc; margin-right:10px;}
.biaoqoan a:hover{ border:1px solid #131415; color:#fff; background: #131415;}
.biaoqoan .pull-left{ width: 65%;}
.biaoqoan .pull-right{ width: 25%;}
.biaoqoan .more{ display: flex; justify-content: flex-start; flex-wrap: wrap;}

.newsDateBox .cont .leftBox .h1 p{ display: flex; line-height: 30px; margin-top: 28px;}
.newsDateBox .cont .leftBox .h1 p a{ padding: 0 16px; background: hsla(0,0%,100%,0.10); border-radius: 15px; margin-right: 10px;}

.newsDateBox .cont .leftBox .dateBox .left .text .f .fc{ font-size: 12px; line-height: 14px; color: #fff;}
.newsDateBox .cont .leftBox .dateBox .left .vmk{ position: relative; padding-bottom: 55px;}
.newsDateBox .cont .leftBox .dateBox .left .text .mores{ position: absolute; top: 55px; left: 50%; transform: translateX(-50%); z-index: 5; background: #fff; width: 130px; border: 1px solid #ebebeb; box-shadow: 0 5px 20px hsl(0deg 0% 7% / 10%); padding: 6px 0; display: none;}
.newsDateBox .cont .leftBox .dateBox .left .vmk:hover .mores{ display: block;}
.newsDateBox .cont .leftBox .dateBox .left .text .mores::after{ width: 16px; height: 16px; background: #fff; position: absolute; top: -5px; left: 50%; transform: translateX(-50%) rotate(45deg); z-index: -1; content: '';}
.newsDateBox .cont .leftBox .dateBox .left .text .mores button{ width: 100%; height: 40px; background: #fff; border: none; border-radius: 0; display: flex; justify-content: flex-start; align-items: center; font-size: 14px; color: #8590a6; padding: 0 0 0 18px; transition: all 0.5s;}
.newsDateBox .cont .leftBox .dateBox .left .text .mores .li1{ display: flex; box-sizing: border-box;}
.newsDateBox .cont .leftBox .dateBox .left .text .mores .li svg{ transform: scale(0.75); margin-right: 3px;}
.newsDateBox .cont .leftBox .dateBox .left .text .mores .li .v img{ display: block; width: 94px; margin: 0 20px;}
.newsDateBox .cont .leftBox .dateBox .left .text .mores .li1:hover button{ cursor: pointer; background: #f6f6f6;}
.indexCaseBox .cont .img{ position: relative; z-index: 0!important;}



.in_part3 {text-align: center; padding: 350px 0 280px 0; background: #fff; }
.in_part3 .txt{font-size: 56px;  line-height: 1.1; color: #000; padding-bottom: 50px;}
.in_part3 .txt p{ font-size: 56px;  line-height: 1.1; color: #000;}
.in_part3 .tet{font-size: 20px; line-height: 40px; color: #666; padding-bottom: 50px; letter-spacing: 2px; font-weight: lighter}
.in_part3 .tet p{font-size: 20px; line-height: 40px; color: #666;}
.in_part3 .tat a{display: inline-block; width: 180px; position: relative; height: 52px; line-height: 49px; font-size: 16px; color: #fff; background: #191B1D; border: 2px solid #191B1D;  letter-spacing: 2px;}
.in_part3 .tat i{position: relative; z-index: 1;}
.in_part3 .tat a::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.4s;}
.in_part3 .tat a:hover::before{transform: scaleX(1); transform-origin: 0 50%;}
.in_part3 .tat a:hover{ color: #191B1D}
.in_part3 .tet_pc{ display: block;}
.in_part3 .tet_iphone{ display: none;}

.in_part2{ background: rgba(0,0,0,0); padding: 300px 0;position: relative; z-index: 1;}
.in_part2::before{content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 8px; /* background: #47e1ed;*/ transition: 1s; }
.in_part2.xx::before{width: 100%}
.in_part2 .txt{ text-align: center; padding-bottom: 120px; opacity: 1;}
.in_part2 .txt span{ font-size: 46px; line-height: 46px; color: #FFDE00; text-transform: uppercase; font-weight: bold; letter-spacing: 4px; padding-bottom: 25px; display: inline-block;}
.in_part2 .txt span p{font-size: 46px; line-height: 46px; color: #FFDE00;font-weight: bold;}
.in_part2 .txt h2, .in_part2 .txt h2 p{font-size: 18px; font-weight: bold; color: #fff; letter-spacing: 4px;}
.in_part2 .list ul{margin: -60px 0}
.in_part2 .list li{float: left; width: 50%; text-align: center; color: #fff; padding: 60px 0; opacity: 0;}
.in_part2 .list dt{margin-bottom: 15px; height: 100px; }
.in_part2 .list dd{ width: 75%; margin: 0 auto;}
.in_part2 .list b{font-weight: bold; display: block; font-size: 18px; padding-bottom: 13px; letter-spacing: 2px;}
.in_part2 .list i{ font-size: 16px; color: hsla(0,0%,100%,0.50); letter-spacing: 1px; line-height: 1.5;}
/* .in_part2 .list .li_svg path{stroke-width:1;stroke:#fff;fill: none;stroke-dasharray: 0;stroke-dashoffset: 0;}
.in_part2 .list .li_svg .cls-1-blue{stroke:#2bdefc;}
@keyframes lineMove1 {
	to {stroke-dashoffset: 0;}
} */
.in_part2 li.li1{ opacity: 0; transition: 1s; transform: scale(0.6);} 
.in_part2 li.li1.one{ opacity: 1; transform: scale(1);} 
.in_part2 li.li2{ opacity: 0; transition: 1s; transform: scale(0.6);} 
.in_part2 li.li2.one{ opacity: 1; transform: scale(1);} 
/* 4个icon */
.in_part2 .li_svg{width: 100px; height: 100px; position: relative; margin: 0 auto;}
.in_part2 .li_svg > div{position: absolute; left: 0; top: 0;}
.in_part2 .li_svg1 .li1{animation: in_icon_1 1.5s infinite ease-in-out; animation-direction:alternate; transform-origin:50% 90%;}
.in_part2 .li_svg1 .li2{animation: in_icon_1 1.5s infinite ease-in-out; animation-direction:alternate; transform-origin:50% 90%;}
.in_part2 .li_svg1 .li2 span{animation: in_icon_1a  1.5s 0.5s  infinite ease-in-out; animation-direction:alternate; transform-origin:50% 20%; display: block;}
@keyframes in_icon_1
{
    0% {transform: rotate(20deg);}
    100% {transform: rotate(-20deg);}
}
@keyframes in_icon_1a
{
    0% {transform: rotate(-20deg);}
    100% {transform: rotate(20deg);}
}
.in_part2 .li_svg2 > div{ transition: 0.4s;}
.in_part2 .li_svg2 > div img{vertical-align:initial }
.in_part2 .li_svg2 .li1{ left: auto; right: 10px; top: 10px;}
.in_part2 .li_svg2 .li2{ left: auto; right: 10px; top: 10px;}
.in_part2 .li_svg2 .li3{ left: auto; right: 6px; top: auto; bottom: 15px; transition-duration:0.3s; transform: rotate(90deg) scale(1.5); opacity: 0; z-index: 1; }
.in_part2 .li_svg2 .li4{ left: auto; right: 6px; top: auto; bottom: 15px; transform: rotate(90deg); opacity: 0;}
.in_part2 .li_svg2 .li5{ left: 11px;  top: auto; bottom: 10px; transform: rotate(180deg); opacity: 0; }
.in_part2 .li_svg2 .li6{ left: 6px;  top: 15px; transform: rotate(270deg) scale(1.5); transition-duration:0.3s; opacity: 0; }
.in_part2 .li_svg2.on .li2{transform: rotate(90deg) translate(31px,-5px) }
.in_part2 .li_svg2.on .li3{opacity: 1; transition-delay: 0.4s; transition-timing-function: ease-in; transform: rotate(90deg) scale(1);}
.in_part2 .li_svg2.on .li4{transform: rotate(180deg) translate(31px,-5px); opacity: 1; transition-delay: 0.4s;}
.in_part2 .li_svg2.on .li5{transform: rotate(270deg) translate(31px,-5px); opacity: 1; transition-delay: 0.8s;}
.in_part2 .li_svg2.on .li6{opacity: 1; transform: rotate(270deg) scale(1); transition-timing-function: ease-in; transition-delay: 1.3s;}
.in_part2 .li_svg3 .li1{top: 7px; right: 10px; left: auto; z-index: 1;transform: translate(0,0); }
.in_part2 .li_svg3 .li2{top: 33px; left: 10px; z-index: 1; transform: translate(0,0); }
.in_part2 .li_svg4 > div{ opacity: 0; transition: 0.5s;}

.in_part2 .li_svg5{  overflow: hidden;}
.in_part2 .li_svg5 .icon_box{ box-sizing: border-box; animation: div5_icon_box 2s infinite linear; width: 62px; height: 100px; margin: 0 auto; background: #080606; border: 1px solid #fff; border-radius: 5px; position: relative; } 
.in_part2 .li_svg5 .icon_box .li{ position: absolute; left: 0; top:0; width:100%; height: 100%; text-align: center; display: flex; justify-content: center;align-items: center;}
.in_part2 .li_svg5 .icon_box .li1{}
.in_part2 .li_svg5 .icon_box .li2{ transform: scale(0); transform-origin: 20% 80%;}
.in_part2 .li_svg5 .icon_box .li3{flex-direction:column}
.in_part2 .li_svg5 .icon_box .li3 .dian{ height: 1px; width: 46px; background: #fff; margin:7px auto; position: relative; opacity: 0; }
.in_part2 .li_svg5 .icon_box .li3 .dian::after{ content: ""; position: absolute; width: 12px; height: 12px; border:1px solid #fff; background: #FFDE00; border-radius: 50%; top: -6px; left: 80%; box-sizing: border-box; }
.in_part2 .li_svg5 .icon_box .li3 .dian.dian2:after{ right: 80%; left: auto;}
.in_part2 .li_svg5 .icon_box .li3a{ width: 24px; height: 18px; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #080606; position: absolute; left: 50%; margin-left: -12px; bottom: 2px; box-sizing: border-box; z-index: -1; }
.in_part2 .li_svg5 .icon_box .li3a::after{ content: ""; position: absolute; width: 50px; height: 2px; background: #fff; left: -13px; bottom: -2px;}

.in_part2 .li_svg5 .icon_box_1{ width: 62px; height: 100px; transition: 0.6s 0.2s; overflow: hidden;}
.in_part2 .li_svg5 .icon_box_2{ width: 84px; height: 100px; margin-top: 0; transition: 0.6s; overflow: hidden;}
.in_part2 .li_svg5 .icon_box_3{ width: 100px; height: 66px; margin-top: 8px; transition: 0.6s;}

.in_part2 .li_svg5 .icon_box_1 .li3a{ bottom: 2px;transition: 0.4s;}
.in_part2 .li_svg5 .icon_box_1 .li1{ transform: translateX(0); transition: 0.4s 0.4s;}
.in_part2 .li_svg5 .icon_box_1 .li3 .dian{ opacity: 0;transition: 0.4s;}
.in_part2 .li_svg5 .icon_box_1 .li3 .dian::after{ left: 80%; transition: 0.4s 0s;}
.in_part2 .li_svg5 .icon_box_1 .li3 .dian.dian2:after{ right: 80%;}
.in_part2 .li_svg5 .icon_box_2 .li1{ transform: translateX(100%); transition: 0.6s;}
.in_part2 .li_svg5 .icon_box_2 .li2{ transform: scale(1);transition: 0.6s 0.4s;}
.in_part2 .li_svg5 .icon_box_3 .li1{ transform: translateX(-100%); transition: 0s;}
.in_part2 .li_svg5 .icon_box_3 .li2{ opacity: 0;transition: 0.6s;}
.in_part2 .li_svg5 .icon_box_3 .li3a{ bottom: -18px;transition: 0.4s 0.6s;}
.in_part2 .li_svg5 .icon_box_3 .li3 .dian{ opacity: 1;transition: 0.4s 0.2s;}
.in_part2 .li_svg5 .icon_box_3 .li3 .dian::after{ left: -4px; transition: 0.6s 0.2s;}
.in_part2 .li_svg5 .icon_box_3 .li3 .dian.dian2:after{ right: -4px;}

.in_part2 .list ul img{ display: inline-block;}
.in_part2 .cback{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; background: #000;}
.in_part2 .cback video{ display: block; height: 130%; opacity: 0.08; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.in_part2{ overflow: hidden;}
.in_part2 .wrap{ z-index: 5; position: relative;}


/*.indexNumber{position: relative; z-index: 1;}*/
.vindexnumber .cback{ overflow: hidden;/*position: absolute; top: 0; left: 0;*/ width: 100%; height: 100%; /*overflow: hidden; */ position: relative; z-index: 0; background: #000;}
.vindexnumber .cback video{ display: block; height: 160%; opacity: 0.08; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.indexNumber{ overflow: hidden;}
.indexNumber .wrap{ z-index: 5; position: relative;}


/*.in_part3 .testDiv{ display: block; width: 172px; height: 60px; border-radius: 30px; background: #252729; text-align: center; line-height: 60px; font-size: 14px; color: #fff; opacity: 1; margin: 5px auto 0;}
.in_part3 .testDiv i{ position: relative; z-index: 5; transition: all 0.5s;}
.in_part3 .testDiv.a2 i{ color: #191B1D;}
.in_part3 .testDiv{ overflow: hidden; position: relative;}
.in_part3 .testDiv em{ display: block; width: 2px; height: 2px; background: #fff; position: absolute; top: 100%; left: 50%; border-radius: 100%; transition: all 1s; transform: scale(0);}
.in_part3 .testDiv.a2 em{ transform: scale(400); opacity: 1; border-radius: 100%;}*/
.in_part2 .wrap{ width: 1200px; margin: auto;}

.in_part3 .more::after{ content: 'Read More +'; width: 172px; height: 60px; position: absolute; top: 0; left: 0; font-size: 14px; color: hsla(210,7%,11%,0.80); transition: all 0.5s;}
.in_part3 .more{ position: relative; overflow: hidden;}
.in_part3 .more.a2::after{ color: #fff;}
.in_part3 .more em{ display: block; width: 2px; height: 2px; background: hsla(210,5%,15%,0.30); position: absolute; top: 100%; left: 50%; border-radius: 100%; transition: all 1s; transform: scale(0);}
.in_part3 .more.a2 em{ transform: scale(400); opacity: 1; border-radius: 100%;}
.in_part3 .more{ width: 172px; height: 60px; border: 1px solid hsla(210,5%,15%,0.30); margin: 0 auto 0; border-radius: 32px; font-size: 14px; color: hsla(210,7%,11%,0.80); text-align: center; line-height: 60px;}
.in_part2 .list i a{ display: inline-block; color: hsla(0,0%,100%,0.50); transition: all 0.5s;}
.in_part2 .list i a:hover{ text-decoration: underline; color: #FFDE00;}

.footer .li a:hover{ color: #FFDE00;}
.indexbannerbox .swiper-button-next:after, .indexbannerbox .swiper-button-prev:after{ display: none;}
.indexNumber .more::after{ color: hsla(0,0%,100%,0.40);}
.indexNumber{ position: unset;}
.indexNumber .cback{ position: unset; top: auto; left: auto; bottom: auto; right: auto;}
.indexbannerbox .swiper-pagination{ position: absolute; left: 0!important; bottom: 30px!important; top: auto;  width: 100%!important; display: flex; justify-content: center; align-items: flex-end;}
.indexbannerbox .swiper-pagination-bullet{ width: 30px!important; border-radius: 0!important; height: 2px!important; opacity: 1; background: #fff; margin: 0 5px!important; transition: all 0.5s;}
.indexbannerbox .swiper-pagination-bullet-active{ height: 8px!important; background: #FFDE00;}
.header{ border-bottom: 1px solid hsla(0,0%,100%,0.10);}
.header .cont .right .nav .li a i{ color: #fff;}
.header .cont .right .nav .li::after{ background: #fff;}
.header .cont .right .tel .p a, .header .cont .right .tel .p{ color: #fff;}
.header .cont .right .tel i::after{ background: url(../images/tel2.png) no-repeat center; background-size: 12px auto;}
.header .cont .right .tel i{ background: #fff;}
.header3{ background: #191B1D;}
.indexNewsBox .cont .li .text .h1 a{ transition: all 0.5s;}
.indexNewsBox .cont .li:hover .text .h1 a{ color: #FFDE00;}

.indexbannerbox .mk .h2{ font-size: 62px; color: #fff; line-height: 64px; /*font-weight: bold;*/}
.indexbannerbox .mk .v{ font-size: 42px; line-height: 68px; color: #fff; margin-top: 20px;}
.indexbannerbox .mk .num{ display: flex; align-items: flex-end; font-size: 28px; color: #fff; margin-top: 50px;}
.indexbannerbox .mk .num i{ font-size: 82px; color: #FFDE00; margin: 0 5px; line-height: 74px; font-family: 'font4';}
.indexbannerbox .mk .h3{ font-size: 78px; color: #fff; line-height: 80px;}
.indexbannerbox .mk .d{ font-size: 36px; color: #fff; line-height: 46px; margin-top: 20px;}
.indexbannerbox .vnumbox{ position: absolute; top: 50%; transform: translateY(-50%); right: 2.5rem;}
.indexbannerbox .vnumbox .li{ padding: 0.25rem 0; text-align: right;}
.indexbannerbox .vnumbox .li .h{ color: #FFDE00; font-family: 'font4'; font-size: 82px; line-height: 80px;}
.indexbannerbox .vnumbox .li .p{ font-size: 18px; color: #fff; opacity: 0.8; line-height: 20px; margin-top: 10px;}

.indexIconBox .in_part2{ padding: 0;}
.indexIconBox .in_part2 .wrap{ width: auto; /*margin: 0 132px;*/}
.indexIconBox .in_part2 .list ul{ margin: 0;}
.indexIconBox .in_part2::before{ display: none;}
.indexIconBox .in_part2 .list li{ width: auto; float: none;}
.indexIconBox .in_part2 .li_svg{ margin: 0;}
.indexIconBox .in_part2 .list li{ border-bottom: 1px solid hsla(0,0%,100%,0.10); display: flex; justify-content: space-between; align-items: center;  padding: 65px 0;}
.indexIconBox .in_part2 .list li:first-child{ padding: 0 0 65px 0;}
.indexIconBox .in_part2 .list li .mLi{ width: 610px; margin-right: 40px; text-align: left;}
.indexIconBox .in_part2 .list li .mLi .h1{ width: 100%; height: 30px; overflow: hidden; line-height: 30px; margin-top: 20px;}
.indexIconBox .in_part2 .list li .mLi .h1 i{ display: block; font-size: 20px; font-weight: bold; color: #fff;}
.indexIconBox .in_part2 .list li .mLi .p{ width: 100%; height: 60px; line-height: 30px; opacity: 0.7; color: #fff; margin: 15px auto 0; overflow: hidden;}
.indexIconBox .in_part2 .list li .mLi .p i{ display: block; font-size: 15px;}
.indexbannerbox .swiper-button-next, .indexbannerbox .swiper-button-prev{ display: none!important;}
.indexbannerbox{ position: relative;}
.indexbannerbox .sole{ /*width: 50px; height: 50px; border-radius: 100%;*/ position: absolute; left: 50%; bottom: 15px; /*margin-left: -20px; background: hsla(0,0%,0%,0.30) url(../images/icon12s.png) no-repeat center; background-size: 20px auto;*/ cursor: pointer; z-index: 10;}
.indexbannerbox .sole::after{content:""; position: absolute; width: 20px; height: 20px; border: 1px solid #fff; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 1px; border-top: none; border-left: none; transform: rotate(45deg); left: 50%; margin-left: -10px; bottom: 25px; /*top: 40vh;*/ animation: header_h_tips 0.8s ease infinite alternate; }
@keyframes header_h_tips{
	0%{ bottom:25px; }
	100%{ bottom:35px;}
} 


.in_part1 {position: fixed; width: 100%; height: 100vh; left: 0; top: 0; overflow: hidden; background: no-repeat center; background-size: cover; background-color: #000; z-index: -1;}
.in_part1::after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 10; pointer-events: none;}
.in_part1::before{ content: ""; position: absolute; width: 100%; height: 40%; left: 0; bottom: 0; background-image: linear-gradient(to top, #000 0%, transparent 100%);z-index: 20; pointer-events: none;}
.in_part1::before,
.in_part1::after{ display: none \9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .in_part1::before,
	.in_part1::after{  display: none;}
}
.in_part1 video{position: absolute; left: 0; top: -0; width: 100%; height: 100%; display: block; object-fit:cover}
/*.in_part1::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/back_01.png) center no-repeat; background-size: cover; z-index: 1;}*/
.in_part1 .wrap{height: 100%; position: relative; z-index: 30; width: 1200px; margin: auto;}
.in_part1 .txt{color: #fff; font-size: 60px; line-height: 1.4; position: absolute; left: -40px; top: 50%; } 
.in_part1 .txt .pxx{ color: #fff; font-size: 60px; line-height: 1.4;}
.in_part1 .txt .pxx2{ font-size: 26px; font-weight: 300; line-height: 1; color: #fff;}
.in_part1 .txt .pxx_xian{ height: 1px; width: 0; transition: all 0.4s 0.2s; background: #fff; opacity: 0.2;}
.in_part1 .txt .pxx_xian.one{ width: 100%;}
.in_part1 .txt span{  display: inline-block;}
.in_part1 .back{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 15;}
.in_part1 .back li{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;/*opacity: 0;*/}
.in_part1 .back .li1{z-index: 6;animation: footeropacity 20s 0s infinite;}
.in_part1 .back .li2{z-index: 5; animation: footeropacity 30s 0s infinite;}
.in_part1 .back .li3{z-index: 4; animation: footeropacity 30s 0s infinite;}
.in_part1 .back .li4{z-index: 3; animation: footeropacity 10s 0s infinite;}
.in_part1 .back .li5{z-index: 2; animation: footeropacity 20s 0s infinite;}
.in_part1 .back .li6{z-index: 1; animation: footeropacity 40s 0s infinite;}
#indexsixbox{ margin-top: 100vh;}
.pxx{position: relative; display: inline-block; overflow: hidden; transform: scaleX(0); transition: 0.4s cubic-bezier(.08,.12,.21,.99); overflow: hidden; transform-origin: left }
.pxx::before{
	content: "";
    position: absolute;
    right: 0;
    top: 0;
	transform: scaleX(1);
	width: 100%;
    height: 100%;
	background: #4ae3ef; background: #FFDE00;
	transition: 0.4s 0.5s cubic-bezier(.08,.12,.21,.99);
	transform-origin: right	
}
.pxx2{transform-origin: right; transition-duration: 0.4s; transition-delay: 0.2s}
.pxx2::before{transform-origin: left; transition-duration: 0.4s; transition-delay: 0.6s; background: #1fc3d1;background:#FFDE00}
.pxx3{transform-origin: left; transition-duration: 0.4s; transition-delay: 0.4s}
.pxx3::before{transform-origin: right;transition-duration: 0.4s; transition-delay: 0.7s; background: #04b1bf; background:#FFDE00}
.pxx.one{ transform: scaleX(1);}
.pxx.one::before {transform: scaleX(0);}
.in_part2 .cback{ background: hsla(0,0%,0%,0.00);}
.in_part1 .swiper-container{ width: 100%; height: 100%; position: relative; z-index: 20;}
.in_part1 .txt{ opacity: 0; /*margin-top: 100px;*/}
.in_part1 .swiper-slide-active .txt{ opacity: 1; /*margin-top: 0;*/ transition: all 1s;}
.in_part1 .swiper2{ position: absolute; top: 0; left: 0; z-index: 0;}
.in_part2 .cback{ display: none;}
/*.indexNewsBox{ z-index: 20; position: relative;}*/
/*.in_part1{ z-index: 0;}*/

.biaoboxver{ /*margin-top: 28px;*/ margin-top: 5px; display: flex;}
.biaoboxver a{ display: block; line-height: 30px; padding: 0 16px; background: hsla(0,0%,100%,0.10); border-radius: 15px; margin-right: 10px; transition: all 0.5s; /*color: #fff;*/ color: hsla(0,0%,100%,0.50);}
.biaoboxver a:hover{ color: #FFDE00;}

.contactMap{ height: auto; position: relative;}
.contactMap .m img{ display: block; width: 100%;}
.contactMap .icon{ position: absolute; top: 3.2rem; left: 0; display: flex; justify-content: center; width: 100%;}
.contactMap .icon img{ display: block; width: 64px;}
.wow{ visibility: hidden;}

.caseDateImg{ width: 1400px; margin: 0 auto 70px auto; display: block;}
.caseDateImg p{ font-size: 14px; line-height: 24px; letter-spacing: 1px; color: #333; padding: 0 0 27px 0; margin: 0;}
.caseDateImg h2{ font-size: 16px; line-height: 26px; letter-spacing: 1px; color: #000; padding: 0 0 27px 0; margin: 0;}
.caseDateImg img{ display: block; max-width: 100%;}

#indexsixbox .list li,
#indexsixbox .list ul{ cursor: auto;}