/* 清除 */
html, body{ margin: 0; padding: 0; color: #090909; font-size: 16px; font-family: '微软雅黑';}
*{ margin: 0; padding: 0; list-style: none;}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; display: block; /*cursor: pointer;*/}
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: 16px;}

@font-face{

	font-family: 'font1';

	src: url("../fonts/TimesNewRomanPSMT.otf");

}

@font-face{

	font-family: 'font2';

	src: url("../fonts/TimesNewRomanPS-BoldMT.otf");

}

.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: 22;}

.w1680{ width: 16.8rem; margin: auto;}

/*  */

.footer{ padding: 0.6rem 0; background-image: linear-gradient(to right, #F1B431 , #FF6E00);}

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

.footer .cont .left .logo img{ height: 50px;}

.footer .cont .left .bot{ margin-top: 25px;}

.footer .cont .left .p, .footer .cont .left p, .footer .cont .left a{ font-size: 14px; line-height: 28px; color: #090909;}

.footer .cont .left p, .footer .cont .left a{ margin-right: 10px; transition: all 0.5s;}

.footer .cont .left .p{ display: flex;}

.footer .cont .left a:hover{ text-decoration: underline;}

.footer .cont .right{ width: 7.2rem; position: relative;}

.footer .cont .right .h1{ font-size: 20px; line-height: 30px; padding-top: 3px;}

.footer .cont .right .img{ position: absolute; top: 10px; right: 0;}

.footer .cont .right .img img{ width: 120px;}

.footer .cont .right .mk .p{ font-size: 14px; line-height: 28px;}

.footer .cont .right .mk{ margin-top: 18px;}

.indexboutbanner .img{ width: 100%; height: 6.5rem; overflow: hidden;}

.indexboutbanner .img img{ width: 100%; transition: all 1s;}
.indexboutbanner .img img:hover{ transform: scale(1.05);}
.indexboutbanner .swiper-pagination-bullet{ background: #fff; opacity: 1;}

.indexboutbanner .swiper-pagination-bullet-active{ background: #F1B431;}

.indexboutbanner .swiper-container-horizontal>.swiper-pagination-bullets{ display: flex; justify-content: center; bottom: 30px;}

.indexproject{ background: #090909; display: flex; justify-content: space-between; position: relative;}

.indexproject .one, .indexproject .one .swiper-slide{ background-image: linear-gradient(to top, #FF6E00 , #F1B431);}

.indexproject .one .text, .indexproject .one{ width: 6.48rem; height: 8.18rem;}

.indexproject .one .text .mk{ padding: 1.1rem 0.57rem 0 1.2rem;}

.indexproject .one .text .mk .e{ font-size: 0.58rem; line-height: 0.58rem; font-family: 'font1';}

.indexproject .one .text .mk .h1{ font-size: 0.36rem; line-height: 0.36rem; margin-top: 0.15rem;}

.indexproject .one .text .mk .h2{ font-size: 0.24rem; margin-top: 0.2rem; line-height: 0.34rem;}

.indexproject .one .text .mk .p{ font-size: 0.15rem; line-height: 0.3rem; margin-top: 0.5rem; opacity: 0.9;}

.indexproject .moremax{ margin-top: 0.6rem;}

.moremax{ display: flex;}

.moremax a{ font-size: 0.15rem; color: #090909; transition: all 0.5s; line-height: 15px; border-bottom: 2px solid #090909; padding-bottom: 6px; position: relative;}

.moremax a:hover{ color: #fff;}

.moremax a::after{ width: 0; height: 2px; background: #fff; position: absolute; left: 0; bottom: -2px; content: ''; transition: all 0.5s;}

.moremax a:hover::after{ width: 100%;}

.moremax2 a{ color: hsla(0,0%,100%,0.60); border-color: #F1B331;}

.moremax3 a{ color: hsla(0,0%,4%,0.80); border-color: #F1B331;}

.moremax3 a:hover{ color: #F1B331;}

.moremax3 a::after{ background: #090909;}

.moremax4 a{ opacity: 0.5;}

.moremax4 a:hover{ color: #F1B331; opacity: 1;}

.moremax4 a::after{ background: #F1B331;}

.indexproject .two{ width: calc(100% - 6.48rem); height: 8.18rem; overflow: hidden; position: relative;}

.indexproject .two .text{ position: relative;}

.indexproject .two .text .img1 img, .indexproject .two .text .img2 img{ width: 100%; transition: all 0.5s;}
.indexproject .two .text .img1:hover img, .indexproject .two .text .img2:hover img{ transform: scale(1.05);}
.indexproject .two .text .img1{ width: 7.18rem; height: 5.28rem; overflow: hidden; transition: all 1.5s;}

.indexproject .two .swiper-slide-active .text .img1{ width: 11.13rem; height: 8.18rem;}

.indexproject .two .text .p{ font-size: 0.32rem; color: #fff; text-transform: uppercase; width: 0.32rem; position: absolute; top: 0.4rem; right: 0.6rem; display:none;}

.indexproject .two .text .b{ width: 1.2rem; position: absolute; right: -1.2rem; bottom: 0.1rem; font-size: 12px; line-height: 18px; color: #fff; opacity: 0.1;}

.indexproject1 .one .text, .indexproject1 .one{ width: 9.57rem; height: 8.04rem;}

.indexproject1 .two{ width: calc(100% - 9.57rem); height: 8.04rem;}

.indexproject1 .two .text .img1{ width: 7.19rem; height: 5.28rem;}

.indexproject1 .two .swiper-slide-active .text .img1{ width: 8.04rem; height: 8.04rem;}

.indexproject .two .swiper-container{ padding-right: 1.2rem;}

.anBoot{ position: absolute; left: 1.2rem; bottom: 0.76rem; display: flex; justify-content: flex-start; align-items: center; z-index: 10;}

.anBoot .em{ width: 0.37rem; height: 0.17rem; margin-right: 0.15rem; position: relative; cursor: pointer;}

.anBoot .em::after{ width: 100%; height: 100%; background: url(../images/icon1.png) no-repeat center; background-size: 100% auto; content: ''; position: absolute; top: 0;}

.anBoot2 .em::after{ width: 100%; height: 100%; background: url(../images/icon1s.png) no-repeat center; background-size: 100% auto; content: ''; position: absolute; top: 0;}

.anBoot .em1::after{ right: 0;}

.anBoot .em2::after{ left: 0; transform: rotate(180deg);}

.anBoot .em2{ margin-right: 0;}

.indexproject .swiper-button-next, .indexproject .swiper-button-prev{ display: none;}

.anBoot .em1:hover::after{ animation: myfirst1 0.4s alternate; animation-iteration-count: infinite;}

@keyframes myfirst1{

	0%  { right: 0 }

	100% { right: 5px; }

}

.anBoot .em2:hover::after{ animation: myfirst2 0.4s alternate; animation-iteration-count: infinite;}

@keyframes myfirst2{

	0%  { left: 0 }

	100% { left: 5px; }

}

.titlewo .e{ font-size: 0.72rem; line-height: 0.72rem; color: #090909; font-family: 'font1';}

.titlewo .h1{ font-size: 0.36rem; line-height: 0.36rem; color: #090909; margin-top: 0.1rem;}

.titlewo .h2{ font-size: 0.24rem; line-height: 0.34rem; margin-top: 0.2rem; color: #090909;}

.titlewo .p{ font-size: 0.15rem; line-height: 0.3rem; color: #090909; opacity: 0.8; margin-top: 0.45rem;}

.indexproject .two .num{ font-size: 1.2rem; color: #F3AA2A; line-height: 1.2rem; position: absolute; left: 0; bottom: 0.7rem; right: 1.4rem; text-align: center; z-index: 10; font-family: 'font2';}

.indexsevers{ padding: 1.05rem 1.2rem; display: flex; justify-content: space-between; background: #090909;}

.indexsevers .right{ width: 9rem; display: flex; justify-content: flex-start; flex-wrap: wrap;}

.indexsevers .right .li{ width: 4.3rem; padding: 0.45rem 0;}

.indexsevers .right .li .num{ font-size: 0.72rem; color: #fff; line-height: 0.72rem;}

.indexsevers .right .li .p{ font-size: 0.15rem; line-height: 0.3rem; color: #fff; opacity: 0.8; margin-top: 0.35rem;}

.indexsevers .left .e{ color: #F1B331;}

.indexsevers .left .h1{ color: #F1B331;}

.indexsevers .left{ padding-top: 0.45rem;}

.indexsevers .left .moremax{ margin-top: 1rem;}

.indexcommentr{ padding: 1.65rem 0 1.2rem 0;}

.indexcommentr .toop{ padding: 0 0 1.2rem 6.48rem;}

.indexcommentr .toop .p{ width: 8.9rem;}

.indexcommentr .toop .moremax{ margin-top: 0.6rem;}

.indexcommentr .boot{ padding-bottom: 0.9rem; position: relative; overflow: hidden;}

.indexcommentr .boot .anBoot{ bottom: 0; left: 9.8rem;}

.indexcommentr .boot .swiper-container{ /*padding: 0 140px 0 1200px;*/ padding-left: 0.8rem;}

.indexcommentr .boot .img{ width: 100%; height: 5.89rem; position: relative;}

.indexcommentr .boot .img .m{ width: 4.13rem; height: 3.03rem; overflow: hidden; position: absolute; top: 0; left: 0; transition: all 1s;}

.indexcommentr .boot .img img{ display: block; width: 100%; transition: all 0.5s;}
.indexcommentr .boot .img:hover img{ transform: scale(1.05);}
.indexcommentr .boot .swiper-slide-active .img .m{ width: 8.02rem; height: 5.89rem; z-index: 10;}

.indexcommentr .boot .swiper-slide-next .img .m{ left: 3.9rem; z-index: 8;}

.indexcommentr .form{ width: 22rem;}

.indexcommentr .swiper-button-prev, .indexcommentr .swiper-button-next{ display: none;}

.indexitembox .img img{ width: 100%;}

.indexitembox .cont{ display: flex; justify-content: flex-end; position: relative; z-index: 5; margin-top: -2.2rem;}

.indexitembox .cont .vent{ width: 16.4rem; position: relative;}

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

.indexitembox .cont .mker .m{ width: 6.8rem; height: 6.8rem; overflow: hidden;}

.indexitembox .cont .mker .m img{ width: 100%; transition: all 0.5s;}
.indexitembox .cont .mker .m:hover img{ transform: scale(1.05);}
.indexitembox .cont .mker .text{ width: 9.6rem; height: 6.8rem; background-image: linear-gradient(to top, #FF6E00 , #F1B431); position: relative;}

.indexitembox .cont .mker .text .mk{ padding: 1.05rem 1.24rem 0 0.97rem;}

.indexitembox .cont .mker .text .mk .h1{ font-size: 0.36rem; font-weight: bold; line-height: 0.46rem;}

.indexitembox .cont .mker .text .mk .h2{ font-size: 0.24rem; line-height: 0.34rem; margin-top: 0.15rem;}

.indexitembox .cont .mker .text .mk .p{ font-size: 0.15rem; line-height: 0.3rem; margin-top: 0.45rem;}

.indexitembox .cont .mker .text .mk .moremax{ margin-top: 0.55rem;}

.indexitembox .cont .num{ font-size: 0.8rem; font-family: 'font2'; color: #F3AA2A; line-height: 0.8rem; position: absolute; left: 0; bottom: 0.5rem; text-align: center; width: 6.8rem; z-index: 5;}

.indexitembox .anBoot{ z-index: 5; left: 7.75rem; bottom: 0.7rem;}

.indexitembox .swiper-button-prev, .indexitembox .swiper-button-next{ display: none;}

.indexkongbox{ background: #090909; padding: 1.65rem 1.2rem 1.8rem 1.2rem;}

.indexkongbox .mk, .indexabout .top{ display: flex; justify-content: space-between;}

.indexkongbox .mk .left .e, .indexabout .top .left .e, .indexabout .based .tit .e{ font-size: 0.72rem; font-family: 'font1'; line-height: 0.72rem; color: #F1B331;}

.indexkongbox .mk .left .h1, .indexabout .top .left .h1, .indexabout .based .tit .h1,

.indexkongbox .mk .left .h1 i, .indexabout .top .left .h1 i{ display: block; font-size: 0.36rem; line-height: 0.44rem; color: #F1B331;}

.indexkongbox .mk .left .h1, .indexabout .top .left .h1{padding-top: 0.08rem;}

.indexkongbox .mk .right, .indexabout .top .right{ width: 8.4rem;}

.indexkongbox .mk .right .p, .indexabout .top .right .p, .indexabout .based .tit .p{ font-size: 0.15rem; line-height: 0.3rem; color: #fff; opacity: 0.8;}

.indexkongbox .mk .right .moremax{ margin-top: 0.8rem;}

.indexabout .top .right .moremax{ margin-top: 0.7rem;}

.indexabout .top{ padding: 1.4rem 1.2rem 0 1.2rem;}

.indexabout{ background: #090909; overflow: hidden;}

.indexabout .aboutimg{ position: relative; height: 7rem; width: 100%;    display: flex;justify-content: center;align-items: center;}

.indexabout .aboutimg>div{ overflow: hidden;}

.indexabout .aboutimg>div img{ width: 100%; transition: all 1s;}
.indexabout .aboutimg>div img:hover{ transform: scale(1.05);}
.indexabout .aboutimg .img{float: left;margin-right:20px;width:30%;}
.indexabout .aboutimg .img1{ position: absolute; top: 3.06rem; left: 1.2rem; z-index: 5; width: 4.8rem;}

.indexabout .aboutimg .img2{ position: absolute; top: 1.12rem; left: 4.39rem; z-index: 3; width: 8.02rem;}

.indexabout .aboutimg .img3{ position: absolute; top: 1.9rem; left: 12.58rem; z-index: 1; width: 5.43rem;}

.indexabout .based .tit .h2{ font-size: 0.24rem; line-height: 0.34rem; color: #fff; margin-top: 0.25rem;}

.indexabout .based .tit .p{ width: 7.8rem; margin-top: 0.4rem;}

.indexabout .based .tit{ position: relative; z-index: 5;}

.indexabout .based{ margin: 0 0 0 6.48rem; position: relative;}

.indexabout{ padding: 0 0 3.54rem 0;}

.indexabout .based .moremax{ margin-top: 0.5rem;}

.indexabout .based .bant{ margin-top: 1.4rem; position: relative;}

.indexabout .based .bant .m{ overflow: hidden; width: 11.15rem; height: 8.19rem;}

.indexabout .based .bant .m img{ width: 100%; transition: all 1s;}
.indexabout .based .bant .m:hover img{ transform: scale(1.05);}
.indexabout .based .bant .swiper-container{ padding-right: 1.28rem;}

.indexabout .based .bot{ position: absolute; left: -3.65rem; bottom: 0.1rem; z-index: 5;}

.indexabout .based .bot .h1, .indexabout .based .bot .h1 p{ font-size: 0.56rem; color: #F1B331; line-height: 0.76rem;}

.indexabout .based .bot .p, .indexabout .based .bot .p p{ font-size: 0.36rem; line-height: 0.48rem; color: #fff; font-family: 'font1';}

.indexabout .based .bot .p{ margin-top: 0.2rem; opacity: 0.8;}

.indexabout .based .bant::after{ position: absolute; top: -6.15rem; left: -2.6rem; content: ''; width: 15.1rem; height: 11.36rem; background: url(../images/icon2.png) no-repeat center; background-size: 100% auto; z-index: 0;}

.indexabout .based .bant::before{ position: absolute; top: 1.35rem; left: -5.3rem; content: ''; width: 16.64rem; height: 10.19rem; background: url(../images/icon3.png) no-repeat center; background-size: 100% auto;}

.indextopbox .imgmax img{ width: 100%;}

/*.indextopbox .imgmax img{ width: 7.1rem; margin: 0 auto; border-radius: 3.55rem 3.55rem 0 0; overflow: hidden; transition: all 0.8s;}*/

.indextopbox{ position: relative; z-index: 10;}

.indextopbox .cont{ width: 100%; height: 0; bottom: 0.97rem; position: absolute; left: 0; z-index: 5; overflow: hidden; transition: all 0.5s;}

/*.indextopbox .cont2{ height: 3.65rem;}*/
.indextopbox .cont2{ animation: myfirst55 1s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 3.5s; animation-fill-mode: forwards;}
@keyframes myfirst55{
    0%   { height: 0; }
	100% { height: 3.65rem; }
}
.indextopbox .cont .text{ display: flex; justify-content: center;}

.indextopbox .cont .text .mk{ width: 9.2rem; height: 3.65rem; background-image: linear-gradient(to top, #FF6E00 , #F1B431); display: flex; justify-content: space-between;}

.indextopbox .cont .text .mk .left{ padding: 0.35rem 0 0 0.36rem;}

.indextopbox .cont .text .mk .left p{ font-size: 0.42rem; line-height: 0.58rem; color: #000000;}

.indextopbox .cont .text .mk .right{ padding: 0.5rem 0.41rem 0 0;}

.indextopbox .cont .text .mk .right .logo img{ /*height: 0.31rem;*/ width:222px;}

.indextopbox .cont .text .mk .right .p p{ font-size: 0.16rem; line-height: 0.3rem; text-align: right;}

.indextopbox .cont .text .mk .right .p{ margin-top: 1.35rem;}

.indextopbox .cont .text .img{ position: relative;}

.indextopbox .cont .text .img .m{ width: 3.8rem; height: 3.65rem; overflow: hidden;}

.indextopbox .cont .text .img .m img{ width: 100%; transition: all 0.5s;}
.indextopbox .cont .text .img:hover .m img{ transform: scale(1.05);}
.indextopbox .cont .text .img .p{ position: absolute; right: 0.25rem; bottom: 0.35rem; z-index: 5;}

.indextopbox .cont .text .img .p p{ font-size: 0.16rem; line-height: 0.3rem; color: #fff; text-align: right; opacity: 0.8;}

.indextopbox .cont .text .img a{ display: none; width: 0.38rem; height: 0.17rem; background: url(../images/icon4.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0.47rem; right: 0.25rem;}

.indextopbox .cont .text .img .b{ display: none; width: 0.37rem; height: 0.37rem; position: absolute; top: 0.36rem; right: 0.29rem; background: url(../images/icon5.png) no-repeat center; background-size: 100% auto;}

.header{ height: 120px; position: fixed; top: -120px; left: 0; right: 0; border-bottom: 1px solid hsla(0,0%,100%,0.15); z-index: 30; transition: all 0.8s;}

.header{ animation: myfirst4 0.5s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 1.2s; animation-fill-mode: forwards;}

@keyframes myfirst4{

    0%   { top: -120px; }

    100% { top: 0; }

}

.header2{ background: #090909;}

.header .cont{ display: flex; justify-content: space-between; align-items: center; height: 110px; padding: 10px 0.8rem 0 0.8rem;}

.header .cont .logo img{ height: 55px; opacity: 1;}

.header .cont .logo .logo2{ opacity: 0; margin-top: -55px;}

.header .cont .logo .logo1{ animation: myfirst9 0.5s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 3s; animation-fill-mode: forwards;}

@keyframes myfirst9{

    0%   { opacity: 1; }

    100% { opacity: 0; }

}

.header .cont .logo .logo2{ animation: myfirst8 0.5s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 3s; animation-fill-mode: forwards;}

@keyframes myfirst8{

    0%   { opacity: 0; }

    100% { opacity: 1; }

}

.header .cont .nav{ display: flex; justify-content: center;}

.header .cont .nav .li a{ font-size: 16px; line-height: 22px; margin: 0 0.3rem; color: #fff; transition: all 0.5s;}

.header .cont .nav .li:hover a, .header .cont .nav .li.on a{ color: #F1B331;}

.header .cont .right .p{ font-size: 20px; line-height: 22px; color: #090909; text-align: center;}

.header .cont .right .p{ animation: myfirst10 0.5s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 3s; animation-fill-mode: forwards;}
@keyframes myfirst10{
    0%   { color: #090909; }
    100% { color: #fff; }
}
.header .cont .right .tel{ display: flex; justify-content: center; margin-top: 10px;}
.header .cont .right .tel .m{ font-size: 14px; line-height: 20px; padding-left: 40px; background: url(../images/icon7.png) no-repeat left center; background-size: 32px auto;}
.header .cont .right .tel .m{ animation: myfirst11 0.5s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 3s; animation-fill-mode: forwards;}
@keyframes myfirst11{
    0%   { color: #090909; background: url(../images/icon7.png) no-repeat left center; }
    100% { color: #fff; background: url(../images/icon6.png) no-repeat left center; }
}

.bannerindex{ width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; display: block; z-index: 12;}
.bannerindex .m{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 100%; width: 0; height: 0; border: 1200px solid hsla(0,0%,100%,0.95);}
.bannerindex .m{ animation: myfirst5 1s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 3s; animation-fill-mode: forwards;}
@keyframes myfirst5{
    0%   { width: 0; height: 0; }
    100% { width: 2800px; height: 2800px; }
}
.bannerindex .icon{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.bannerindex .icon .k img{ /*height: 2.44rem;*/ height: 3.67rem; opacity: 0;}
.bannerindex .icon .k img{ animation: myfirst3 1s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 0.5s; animation-fill-mode: forwards;}
@keyframes myfirst3{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
.bannerindex .icon{ animation: myfirst6 0.5s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 2s; animation-fill-mode: forwards;}
@keyframes myfirst6{
    0%   { opacity: 1; }
    100% { opacity: 0; }
}
.bannerindex{ animation: myfirst7 0.5s alternate; animation-iteration-count:1; animation-timing-function: linear; animation-delay: 4s; animation-fill-mode: forwards;}
@keyframes myfirst7{
    0%   { top: 0; }
    100% { top: -100%; }
}
.databanner .img img{ width: 100%;}
.propertyone{ background: #090909; padding: 0.9rem 0 1.5rem 0;}
.titleper .h1{ font-size: 0.72rem; text-align: center; color: #fff; line-height: 0.72rem;} 
.titleper .p{ font-size: 0.15rem; line-height: 0.3rem; text-align: center; width: 11.55rem; margin: 0.4rem auto 0; color: #fff; opacity: 0.8;}
.propertyone .list{ padding: 1.35rem 0.8rem 0 0.8rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.propertyone .list .img .e{ font-size: 0.24rem; line-height: 0.3rem; color: #F1B331; font-family: 'font1';}
.propertyone .list .img .m{ overflow: hidden; margin-top: 0.2rem;}

.propertyone .list .img .m img{ width: 100%; transition: all 0.5s;}

.propertyone .list .li:hover .img .m img{ transform: scale(1.05);}

.propertyone .list .li:first-child{ width: 6rem; margin-left: 1.9rem;}

.propertyone .list .li:nth-child(2){ width: 7.55rem; margin-top: 0.8rem;}

.propertyone .list .li:nth-child(3){ width: 8.89rem; margin-top: 1.5rem;}

.propertyone .list .li{ position: relative;}

.propertyone .list .li a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;}

.propertyone .list .text .h1{ font-size: 0.32rem; line-height: 0.42rem; color: #F1B331;}

.propertyone .list .text .em{ font-size: 0.18rem; line-height: 0.28rem; color: #fff; padding-left: 0.44rem; position: relative; margin-top: 0.1rem;}

.propertyone .list .text .em::after{ content: ''; width: 0.32rem; height: 1px; background: #F1B331; position: absolute; top: 50%; left: 0; margin-top: -0.5px;}

.propertyone .list .text .p{ font-size: 0.15rem; line-height: 0.3rem; margin-top: 0.2rem; color: #fff; opacity: 0.8;}

.propertyone .list .li:first-child .text{ margin-top: 0.65rem;}

.propertyone .list .li:nth-child(2) .img{ width: 100%; top: 2.55rem; left: 0; position: absolute;}

.propertyone .list .li:nth-child(3) .text{ width: 7.55rem; position: absolute; top: 3.85rem; left: 9.9rem;}

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

.propertytwo .one{ width: 6.82rem; position: relative;}

.propertytwo .two{ width: calc(100% - 6.82rem );}

.propertytwo .one .text{ height: 9.1rem; width: 100%; background-image: linear-gradient(to top, #FF6E00 , #F1B431);}

.propertytwo .one .mk{ padding: 0.9rem 0.8rem 0 0.8rem;}

.propertytwo .one .e{ font-size: 0.32rem; color: #262626; font-family: 'font1'; line-height: 0.32rem;}

.propertytwo .one .h1{ font-size: 0.32rem; line-height: 0.42rem; color: #262626; margin-top: 0.1rem;}

.propertytwo .one .p{ font-size: 0.15rem; line-height: 0.3rem; color: #262626; margin-top: 0.25rem;}

.anBoot .num{ display: flex; justify-content: flex-start; line-height: 0.3rem; margin-right: 0.15rem;}

.anBoot .num div{ font-size: 0.16rem; color: #090909;}

.anBoot .num div:nth-child(2){ padding: 0 0.02rem;}

.anBoot2 .num div{ color: #fff;}

.propertytwo .two .img{ width: 100%; height: 9.1rem; overflow: hidden;}

.propertytwo .two .img img{ width: 100%;}

.propertytwo .swiper-pagination, .propertytwo .swiper-button-next, .propertytwo .swiper-button-prev{ display: none;}

.propertythree{ display: flex; justify-content: space-around; padding: 1.2rem 0; border-bottom: 1px solid hsla(0,0%,100%,0.05); background: #090909; text-align: center;}

.propertythree .h1{ font-size: 0.72rem; color: #F1B331; line-height: 0.72rem;}

.propertythree .p{ font-size: 0.15rem; line-height: 0.3rem; margin-top: 0.3rem; opacity: 0.8; color: #fff;}

.propertysix{ background: #090909; padding: 0.95rem 0 1.15rem;}

.propertysix .list{ margin-top: 0.8rem; position: relative; margin-left: 0.8rem;}

.propertysix .list .swiper-container{ padding: 0 5.8rem 0.55rem 3.9rem;}

.propertysix .list .e{ font-size: 0.18rem; color: #fff; opacity: 0.5; line-height: 0.28rem; font-family: 'font1';}

.propertysix .list .img{ width: 4.13rem; height: 3.03rem; overflow: hidden; margin-top: 0.2rem; transition: all 1.5s;}

.propertysix .list .img img{ width: 100%; transition: all 0.5s;}

.propertysix .list .img img:hover{ transform: scale(1.05);}

.propertysix .list .swiper-slide-active .img{ width: 8.02rem; height: 5.89rem;}

.propertysix .list .swiper-slide-active .e{ font-size: 0.24rem; color: #F1B331;}

.propertysix .list .swiper-slide-prev{ opacity: 0;}

.propertysix .list .data{ height: 7rem; position: relative;}

.propertysix .list .swiper-slide{ height: 7rem;}

.propertysix .list .swiper-slide-active .data{ position: absolute; top: 0; left: -3.9rem;}

.propertysix .anBoot2{ bottom: 0; left: 7.05rem;}

.propertysix .list .text{ position: absolute; top: 4.35rem; left: 8.8rem; width: 4.5rem; display: none;}

.propertysix .list .text .h1{ font-size: 0.32rem; line-height: 0.42rem; color: #F1B331;}

.propertysix .list .text .m{ font-size: 0.18rem; line-height: 0.28rem; margin-top: 0.1rem; position: relative; padding-left: 0.44rem; color: #fff;}

.propertysix .list .text .m::after{ content: ''; width: 0.32rem; height: 1px; background: #F1B331; position: absolute; left: 0; top: 50%; margin-top: -0.5px;}

.propertysix .list .text .p{ font-size: 0.15rem; line-height: 0.3rem; color: #fff; margin-top: 0.2rem; opacity: 0.8;}

.propertysix .list .swiper-slide-active .text{ display: block;}

.propertysix .list .swiper-button-next, .propertysix .list .swiper-button-prev{ display: none;}

.medilbanner{ height: 6.2rem; width: 100%; background: #090909 url(../images/a25.jpg) no-repeat center top; background-size: 100% auto; position: relative;}

.medilbanner .text{ position: absolute; left: 1.7rem; bottom: 0.65rem;}

.medilbanner .text .e, .medilbannertwo .text .e{ font-size: 0.72rem; line-height: 0.72rem; color: #F1B331; font-family: 'font1';}

.medilbanner .text .p p, .medilbannertwo .text .p p{ font-size: 0.56rem; line-height: 0.72rem; color: #F1B331;}

.medilbanner .text .p, .medilbannertwo .text .p{ margin-top: 0.1rem;}

.medildatas{ padding: 0.9rem 1.7rem 0.45rem 1.7rem;}

.medildatas .top{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #F2F2F2; padding-bottom: 0.25rem;}

.medildatas .top .more{ display: flex;}

.medildatas .top .more a{ font-size: 0.16rem; line-height: 0.2rem; position: relative; padding-left: 0.55rem; color: #F1B331;}

.medildatas .top .more a::after{ content: ''; width: 0.55rem; height: 100%; background: url(../images/icon4.png) no-repeat center right; transform: rotate(180deg); position: absolute; top: 0; left: 0; background-size: 0.38rem auto;}

.medildatas .top .more a:hover::after{ animation: myfirst20 0.4s alternate; animation-iteration-count: infinite;}

@keyframes myfirst20{

	0%  { left: 0 }

	100% { left: 5px; }

}

.medildatas .top .h1{ font-size: 0.26rem; line-height: 0.3rem; color: #262626; margin-top: 0.25rem;}

.medildatas .top .time{ text-align: center;}

.medildatas .top .time .m{ font-size: 0.68rem; color: #090909; line-height: 0.68rem; font-family: 'font1';}

.medildatas .top .time .p{ font-size: 0.15rem; line-height: 0.3rem; color: #090909; opacity: 0.8;}

.medildatas .center{ width: 10.6rem; margin: 0.75rem auto;}

.medildatas .center p{ font-size: 0.16rem; line-height: 0.3rem; color: #262626;}

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

.medildatas .bot{ border-top: 1px solid #F2F2F2; display: flex; justify-content: space-between; padding-top: 0.35rem;}

.medildatas .bot .li{ max-width: 45%;}

.medildatas .bot .li a{ font-size: 0.16rem; line-height: 0.3rem; color: #262626; padding: 0 0.55rem; position: relative; transition: all 0.5s;}

.medildatas .bot .li:hover a{ text-decoration: underline;}

.medildatas .bot .li a::after{ content: ''; width: 0.55rem; height: 100%; background: url(../images/icon4.png) no-repeat center right; position: absolute; top: 0; left: 0; background-size: 0.38rem auto;}

.medildatas .bot .li:first-child a::after{ transform: rotate(180deg);}

.medildatas .bot .li:nth-child(2) a::after{ left: auto; right: 0;}

.medilbannertwo{ width: 100%; background: #090909 url(../images/a25.jpg) no-repeat center top; background-size: 100% auto; position: relative; padding-top: 3.95rem; overflow: hidden;}

.medilbannertwo .text{ position: absolute; top: 3.4rem; left: 0.8rem;}

.medilbannertwo .henter{ margin-left: 5.5rem; width: 22.6rem; position: relative;}

.medilbannertwo .henter .img{ width: 11.15rem; height: 8.19rem; overflow: hidden;}

.medilbannertwo .henter .img img{ width: 100%;}

/*.medilbannertwo .henter .two{ width: 6.82rem; position: absolute; left: -3.83rem; top: 3.4rem; z-index: 5;}*/
.medilbannertwo .henter .two{ width: 3.5rem; position: absolute; left: -3.83rem; top: 3.4rem; z-index: 5;}
.medilbannertwo .henter .two .moremax{ margin-top: 0.7rem;}

.medilbannertwo .henter .two .h1{ font-size: 0.36rem; line-height: 0.44rem; color: #F1B331; /*padding-right: 0.74rem;*/ margin-top: 0.25rem;}
.medilbannertwo .henter .two .h1{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.medilbannertwo .henter .two .p{ margin-top: 0.25rem; opacity: 0.8; font-size: 0.15rem; line-height: 0.3rem; color: #fff;}
.medilbannertwo .henter .two .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.medilbannertwo .henter .two .time{ display: flex; justify-content: flex-start;/*justify-content: flex-end;*/  align-items: flex-end; opacity: 0.4;}

.medilbannertwo .henter .two .time .m1{ font-size: 0.46rem; color: #fff; line-height: 0.46rem; font-family: 'font1';}

.medilbannertwo .henter .two .time .m2{ font-size: 0.2rem; margin-left: 0.1rem; line-height: 0.28rem; color: #fff; font-family: 'font1';}

.medilbannertwo .henter .anBoot{ left: 9.4rem; bottom: 0.35rem;}

.medilbannertwo .henter .swiper-pagination{ display: none;}

.medilbannertwo .henter .texts{ opacity: 0;}

.medilbannertwo .henter .swiper-slide-active .texts{ opacity: 1;}

.medilbannertwo .henter .swiper-button-next, .medilbannertwo .henter .swiper-button-prev{ display: none;}

.medilcont{ padding: 0.9rem 0 0.75rem 0;}

.medilcont .cont{ display: flex; justify-content: space-between; width: 15.8rem; margin: auto;}

.medilcont .cont .right{ width: 12rem;}

.medilcont .cont .right .li{ width: 5.58rem; margin-bottom: 0.75rem; background: hsla(0,0%,4%,0.10); float: left; transition: all 0.5s;}

.medilcont .cont .right .li:hover{ box-shadow: 0 0 0.1rem #eee;}

.medilcont .cont .right .li:nth-child(2n){ float: right;}

.medilcont .cont .right .li:nth-child(2){ margin-top: 1.15rem;}

.medilcont .cont .right .li .img{ width: 100%; height: 4.1rem; overflow: hidden;}

.medilcont .cont .right .li .img img{ width: 100%; transition: all 0.5s;}

.medilcont .cont .right .li:hover .img img{ transform: scale(1.05);}

.medilcont .cont .right .more{ width: 5.58rem; float: left; display: flex; justify-content: flex-end;}

.medilcont .cont .right .text{ height: 2.14rem; padding: 0 0.4rem; position: relative; z-index: 5;}

.medilcont .cont .right .text .p{ font-size: 0.16rem; line-height: 0.3rem; color: #262626; margin-top: 0.15rem;}

.medilcont .cont .right .text .moremax{ margin-top: 0.25rem;}

.medilcont .cont .right .text .time{ display: flex; justify-content: flex-start; /*justify-content: flex-end;*/align-items: flex-end; margin-top: -0.25rem; margin-top: -0.008rem;}

.medilcont .cont .right .text .time .m1{ font-size: 0.68rem; line-height: 0.68rem; color: #090909; font-family: 'font1'; transition: all 0.5s;}

.medilcont .cont .right .text .time .m2{ font-size: 0.15rem; line-height: 0.38rem; margin-left: 0.08rem; color: #090909; opacity: 0.8;}

.medilcont .cont .right .li:hover .text .time .m1{ color: #F1B331;}

.medilcont .cont .right .more a{ border-radius: 100%; width: 1.38rem; height: 1.38rem; border: 1px solid hsla(0,0%,0%,0.20); text-align: center; line-height: 1.38rem; font-size: 0.15rem; color: #262626; transition: all 0.5s;}

.medilcont .cont .right .more a:hover{ color: #fff; background: #F1B331; border-color: #F1B331;}

.medilcont .cont .left .input{ width: 2.08rem; position: relative; padding-bottom: 0.1rem;}

.medilcont .cont .left .input .m{ display: flex; box-sizing: border-box; border: 1px solid hsla(0,0%,4%,0.30); overflow: hidden; border-radius: 0.4rem; position: relative;}

.medilcont .cont .left .input .m input{ background: #fff; display: block; height: 0.6rem; padding: 0 0.55rem 0 0.4rem; width: 100%; border: none; font-size: 0.16rem; color: #262626; cursor: pointer;}

.medilcont .cont .left .input .m::after{ content: ''; width: 0.12rem; height: 100%; background: url(../images/a31.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0; right: 0.32rem; transition: all 0.5s;}

.medilcont .cont .left .input:hover .m::after{ transform: rotate(180deg);}

.medilcont .cont .left .list{ display: none; position: absolute; top: 0.7rem; left: 0; right: 0;}

.medilcont .cont .left .input:hover .list{ display: block;}

.medilcont .cont .left .list .mk{ box-shadow: 0 0 10px #eee; background: #fff; padding: 0.15rem 0; border-radius: 0.1rem;}

.medilcont .cont .left .list .mk .k{ font-size: 0.16rem; color: #666; text-align: center; line-height: 0.4rem; cursor: pointer; transition: all 0.5s;}

.medilcont .cont .left .list .mk .k:hover{ color: #fff; background: #F1B331;}

.aboutbanner{ position: relative;}

.aboutbanner .img img{ width: 100%;}

.aboutbanner .play{ position: absolute; z-index: 5; top: 4.5rem; left: 50%; transform: translateX(-50%); width: 1.04rem; height: 1.04rem; border-radius: 100%; background: hsla(0,0%,100%,0.80) url(../images/a2.png) no-repeat center; background-size: 0.27rem auto; cursor: pointer; transition: all 0.5s;}

.aboutbanner .play:hover{ background: hsla(0,0%,100%,0.95) url(../images/a2.png) no-repeat center;}

.aboutbanner .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 3; display: none;}

.aboutbanner .video video{ display: block; width: 100%;}

.aboutinter{ background: #090909; position: relative; z-index: 5;}

.aboutinter .cont{ margin: 0 1.7rem; display: flex; justify-content: space-between; position: relative;}

.aboutinter .cont .left{ width: 5.1rem; height: 5.3rem; display: flex; align-items: center;}

.aboutinter .cont .left .h1{ font-size: 0.32rem; line-height: 0.42rem; color: #F1B331;}

.aboutinter .cont .left .p{ font-size: 0.15rem; line-height: 0.3rem; color: #fff; margin-top: 0.25rem; opacity: 0.8;}

.aboutinter .cont .left .top{ font-size: 1.5rem; font-family: 'font1'; color: #fff; line-height: 1.5rem; text-transform: uppercase; position: absolute; top: -1.75rem; left: 0;}

.aboutinter .cont .right{ width: 9.9rem; position: absolute; bottom: 0; right: 0;}

.aboutinter .cont .right img{ width: 100%;}

.aboutmink{ width: 100%; height: 8rem; position: relative; background: url(../images/a4.jpg) no-repeat bottom center fixed; background-size: cover;}

.aboutmink .tit{ width: 100%; text-align: center; position: absolute; top: 0.95rem; left: 0;}

.aboutmink .tit .e{ font-size: 0.32rem; line-height: 0.32rem; color: #fff; font-family: 'font1';}

.aboutmink .tit .h1{ font-size: 0.32rem; line-height: 0.32rem; margin: 0.15rem 0 0.25rem 0; color: #fff;}

.aboutmink .tit .p{ font-size: 0.2rem; line-height: 0.2rem; color: #fff;}

.aboutmink .cont{ display: flex; justify-content: flex-start; position: relative;}

.aboutmink .cont .li{ width: 20%; position: relative; height: 8rem; transition: all 0.5s;}

.aboutmink .cont .li:hover{ background: hsla(0,0%,4%,0.40);}

.aboutmink .cont .li::after{ content: ''; width: 1px; height: 100%; background: #fff; opacity: 0.1; position: absolute; top: 0; left: 0;}

.aboutmink .cont .li .mk{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 1.1rem;}

.aboutmink .cont .li .mk .p{ font-size: 0.16rem; line-height: 0.2rem; margin-top: 0.15rem; color: #fff; transition: all 0.5s;}

.aboutmink .cont .li .mk .h1{ font-size: 0.2rem; font-weight: bold; color: #fff; line-height: 0.3rem; margin-top: 0.2rem; transition: all 0.5s;}

.aboutmink .cont .li:hover .mk .p, .aboutmink .cont .li:hover .mk .h1{ color: #F1B331;}

.aboutmink .cont .li .img{ width: 0.8rem; height: 0.8rem; margin: auto; transition: all 0.5s;}

.aboutmink .cont .li .img1{ background: url(../images/a5.png) no-repeat center; background-size: 0.57rem auto;}

.aboutmink .cont .li .img2{ background: url(../images/a6.png) no-repeat center; background-size: 0.61rem auto;}

.aboutmink .cont .li .img3{ background: url(../images/a7.png) no-repeat center; background-size: 0.6rem auto;}

.aboutmink .cont .li .img4{ background: url(../images/a8.png) no-repeat center; background-size: 0.54rem auto;}

.aboutmink .cont .li .img5{ background: url(../images/a9.png) no-repeat center; background-size: 0.54rem auto;}

.aboutmink .cont .li:hover .img1{ background: url(../images/a5s.png) no-repeat center; background-size: 0.57rem auto;}

.aboutmink .cont .li:hover .img2{ background: url(../images/a6s.png) no-repeat center; background-size: 0.61rem auto;}

.aboutmink .cont .li:hover .img3{ background: url(../images/a7s.png) no-repeat center; background-size: 0.6rem auto;}

.aboutmink .cont .li:hover .img4{ background: url(../images/a8s.png) no-repeat center; background-size: 0.54rem auto;}

.aboutmink .cont .li:hover .img5{ background: url(../images/a9s.png) no-repeat center; background-size: 0.54rem auto;}

.aboutmapbox{ background: #090909; display: flex; justify-content: space-between;}

.aboutmapbox .left{ width: 7.6rem; height: 11rem; background: url(../images/983.jpg) no-repeat center; background-size: cover;}

.aboutmapbox .right{ width: calc(100% - 7.6rem); height: 11rem; position: relative; background: url(../images/a10.jpg) no-repeat top center; background-size: 100% auto;}

.aboutmapbox .right .tit{ position: absolute; top: 0.95rem; left: 1.15rem;}

.aboutmapbox .right .tit .e{ font-size: 0.32rem; color: #F1B331; line-height: 0.32rem; font-family: 'font1';}

.aboutmapbox .right .tit .h1{ font-size: 0.32rem; line-height: 0.42rem; margin: 0.15rem 0; color: #F1B331;}

.aboutmapbox .right .tit .p{ font-size: 0.2rem; line-height: 0.2rem; color: #fff;}

.aboutmapbox .right .icon{ position: absolute; top: 3.2rem; left: 4.65rem; width: 0.71rem; height: 0.71rem; background: url(../images/a28s.png) no-repeat center; background-size: 100% auto;}

.aboutmapbox .right .list{ width: 8.9rem; position: absolute; left: 1.15rem; bottom: 0.4rem; display: flex; justify-content: flex-start; flex-wrap: wrap;}

.aboutmapbox .right .list .h2{ transition: all 0.5s; font-size: 0.18rem; font-weight: bold; line-height: 0.2rem; color: #fff;}

.aboutmapbox .right .list .li:hover .h2{ color: #F1B331;}

.aboutmapbox .right .list .p{ font-size: 0.15rem; line-height: 0.26rem; color: #fff; opacity: 0.8; margin-top: 0.1rem; width: 3.7rem;}

.aboutmapbox .right .list .li:nth-child(2n) .p{ width: 3.9rem;}

.aboutmapbox .right .list .li{ border-top: 1px solid hsla(0,0%,100%,0.10); width: 50%; padding: 0.3rem 0;}

.aboutmapbox .right .list .li:first-child, .aboutmapbox .right .list .li:nth-child(2){ border: none;}

.abputsixbox{ padding: 0.95rem 0 0.75rem 0;}

.abputsixbox .tit{ text-align: center; color: #262626;}

.abputsixbox .tit .e{ font-size: 0.32rem; line-height: 0.32rem; font-family: 'font1';}

.abputsixbox .tit .h1{ font-size: 0.32rem; line-height: 0.42rem; margin: 0.1rem 0;}

.abputsixbox .tit .p{ font-size: 0.2rem; line-height: 0.2rem; margin-top: 0.15rem;}

.abputsixbox .cont{ display: flex; justify-content: flex-start; flex-wrap: wrap; width: 16rem; margin: auto; position: relative;}

.abputsixbox .cont .li{ width: 1.84rem; height: 1.84rem; border: 1px solid #E1E1E1; display: flex; justify-content: center; align-items: center; margin-top: 0.8rem; margin-left: 1.25rem; position: relative; transition: all 0.5s; z-index: 5;}

.abputsixbox .cont .li:hover{ background: #F1B331; border-color: #F1B331;}

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

.abputsixbox .cont .li:nth-child(6){ margin-left: 1.55rem;}

.abputsixbox .cont .li .p{ font-size: 0.2rem; color: #262626; margin-top: 0.1rem; line-height: 0.2rem; text-align: center;}

.abputsixbox .cont .li .img{ width: 0.9rem; height: 0.9rem; margin: auto;}

.abputsixbox .cont .li .img1{ background: url(../images/a12.png) no-repeat center; background-size: 0.57rem auto;}

.abputsixbox .cont .li .img2{ background: url(../images/a13.png) no-repeat center; background-size: 0.65rem auto;}

.abputsixbox .cont .li .img3{ background: url(../images/a14.png) no-repeat center; background-size: 0.79rem auto;}

.abputsixbox .cont .li .img4{ background: url(../images/a15.png) no-repeat center; background-size: 0.55rem auto;}

.abputsixbox .cont .li .img5{ background: url(../images/a16.png) no-repeat center; background-size: 0.67rem auto;}

.abputsixbox .cont .li .img6{ background: url(../images/a17.png) no-repeat center; background-size: 0.41rem auto;}

.abputsixbox .cont .li .img7{ background: url(../images/a18.png) no-repeat center; background-size: 0.64rem auto;}

.abputsixbox .cont .li .img8{ background: url(../images/a19.png) no-repeat center; background-size: 0.62rem auto;}

.abputsixbox .cont .li .img9{ background: url(../images/a20.png) no-repeat center; background-size: 0.58rem auto;}

.abputsixbox .cont .li .img10{ background: url(../images/a21.png) no-repeat center; background-size: 0.6rem auto;}

.abputsixbox .cont .li::after{ transition: all 0.5s; width: 0.1rem; height: 0.1rem; background: #262626; border-radius: 100%; position: absolute; left: 50%; margin-left: -0.05rem; content: '';}

.abputsixbox .cont .li:hover::after{ background: #F1B331;}

.abputsixbox .cont .li:first-child::after,

.abputsixbox .cont .li:nth-child(2)::after,

.abputsixbox .cont .li:nth-child(3)::after,

.abputsixbox .cont .li:nth-child(4)::after,

.abputsixbox .cont .li:nth-child(5)::after{ bottom: -0.47rem;}

.abputsixbox .cont .li:nth-child(6)::after,

.abputsixbox .cont .li:nth-child(7)::after,

.abputsixbox .cont .li:nth-child(8)::after,

.abputsixbox .cont .li:nth-child(9)::after,

.abputsixbox .cont .li:nth-child(10)::after{ top: -0.45rem;}

.abputsixbox .cont::after{ border-top: 1px dotted #000; opacity: 0.2; position: absolute; left: 0.9rem; top: 3.07rem; right: 1.05rem; content: ''; z-index: 0;}

.contactform{ position: relative;}

.contactform .mapbox{ width: 100%; height: 9.8rem; background: url(../images/a29.jpg) no-repeat center; background-size: cover;}

.contactform .formbox{ top: -2.2rem; right: 0; z-index: 5; background: #F1B431; display: flex;}

.contactform .formbox .img{ width: 6.8rem; height: 6.8rem; background: url(../images/a26.jpg) no-repeat center; background-size: cover;}

.contactform .formbox .form{ width: 10.7rem; height: 6.8rem;}

.contactform .formbox .form .mk{ width: 8.4rem; padding: 1.05rem 0 0 1.1rem;}

.contactform .formbox .h1{ font-size: 0.36rem; line-height: 0.48rem; color: #090909; font-weight: bold;}

.contactform .formbox .list{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 0.45rem;}

.contactform .formbox .list .li{ width: 4.02rem; margin-bottom: 0.3rem; display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid hsla(0,0%,4%,0.60);}

.contactform .formbox .list .li .input input{ display: block; width: 3.25rem; height: 0.46rem; font-size: 0.16rem; background: hsla(0,0%,100%,0.00); border: none;}

.contactform .formbox .list .li .h{ font-size: 0.16rem; line-height: 0.46rem;}

.contactform .formbox .list .li2{ width: 100%; display: block;}

.contactform .formbox .list .li2 textarea{ display: block; width: 100%; height: 1rem; background: hsla(0,0%,100%,0.00); font-size: 0.16rem; border: none;}

.contactform .formbox .list .li3{ width: auto; border: none; padding-top: 0.1rem; justify-content: flex-start;}

.contactform .formbox .list .sub{ display: block; width: 2.1rem; height: 0.56rem; background: #090909; font-size: 0.16rem; color: #fff; border: none; border-radius: 0.3rem;}

.contactform .formbox .list .l{ display: flex; justify-content: flex-start; margin-right: 0.35rem; border-bottom: 1px solid hsla(0,0%,4%,0.60);}

.contactform .formbox .list .l input{ width: 2.4rem; margin: 0 0.1rem 0 0.15rem;}

.contactform .formbox .list .l .sm{ width: 0.95rem; height: 0.46rem; display: flex; justify-content: center; align-items: center;}

.contactbanner{ width: 100%; height: 7rem; background: #090909 url(../images/a25.jpg) no-repeat top center; background-size: 100% auto; position: relative;}

.contactbanner .cont{ position: absolute; top: 3.4rem; right: 1.7rem; left: 1.7rem; display: flex; justify-content: space-between;} 

.contactbanner .cont .text .e{ font-size: 0.72rem; color: #F1B331; line-height: 0.72rem; font-family: 'font1';}

.contactbanner .cont .text .h1{ font-size: 0.56rem; color: #fff; line-height: 0.56rem; margin-top: 0.2rem;}

.contactbanner .cont .list{ width: 7.35rem;}

.contactbanner .cont .list .li{ margin-bottom: 0.3rem; padding-left: 0.45rem; position: relative; font-size: 0.18rem; line-height: 0.36rem; color: #fff;}

.contactbanner .cont .list .li::after{ width: 0.36rem; height: 0.36rem; position: absolute; top: 0; left: 0; content: '';}

.contactbanner .cont .list .li:first-child::after{ background: url(../images/a22.png) no-repeat center; background-size: 0.22rem auto;}

.contactbanner .cont .list .li:nth-child(2)::after{ background: url(../images/a23.png) no-repeat center; background-size: 0.20rem auto;}

.contactbanner .cont .list .li:nth-child(3)::after{ background: url(../images/a24.png) no-repeat center; background-size: 0.23rem auto;}

.workboxer{ position: relative;}

.workboxer .m img{ width: 100%;}

.workboxer .cont{ position: absolute; top: 1.98rem; right: 0.8rem;}

.workboxer .cont .img img{ width: 14.3rem;}

.workboxer .cont .text{ position: absolute; left: -3.3rem; bottom: -0.4rem;}

.workboxer .cont .text .p{ font-size: 1.8rem; font-family: 'font2'; color: #fff; line-height: 2rem;}

.workboxer .cont .text .bot{ display: flex; justify-content: flex-start; align-items: flex-end; margin-left: 3.1rem;}

.workboxer .cont .text .bot .k{ font-size: 0.72rem; font-weight: bold; color: #fff; margin-left: 0.2rem; line-height: 1.6rem;}

.worktwobox{ display: flex; justify-content: space-between; align-items: center; background: #090909;}

.worktwobox .textbox{ margin-left: 1.16rem; display: flex; align-items: center; width: 6.7rem;}

.worktwobox .textbox .h1{ font-size: 0.4rem; color: #F1B331; line-height: 0.5rem;}

.worktwobox .textbox .h2{ font-size: 0.2rem; line-height: 0.3rem; margin-top: 0.15rem; color: #fff;}

.worktwobox .textbox .p{ font-size: 0.15rem; line-height: 0.3rem; margin-top: 0.2rem; color: #fff; opacity: 0.8;}

.worktwobox .img{ width: 9.6rem; overflow: hidden;}

.worktwobox .img img{ width: 100%;}

.workthree{ position: relative; padding: 1.15rem 1.9rem 1.5rem 1.7rem; background: #090909;}

.workthree::after{ content: ''; width: 9.45rem; height: 100%; background: #F1B331; position: absolute; top: 0; left: 0; z-index: 0;}

.textitle{ position: relative; z-index: 5;}

.textitle .e{ font-size: 0.32rem; font-family: 'font1'; color: #262626; line-height: 0.32rem;}

.textitle .h1{ font-size: 0.32rem; line-height: 0.42rem; color: #262626; margin-top: 0.1rem;}

.textitle .p{ font-size: 0.2rem; line-height: 0.3rem; color: #fff; margin-top: 0.1rem;}

.workthree .bot{ position: relative; z-index: 5; display: flex; justify-content: space-between; margin-top: 0.5rem;}

.workthree .bot .m{ width: 6.6rem;}

.workthree .bot .m:nth-child(2){ width: 6.7rem;}

.workthree .bot .h1{ font-size: 0.2rem; font-weight: bold; color: #262626; line-height: 0.3rem;}

.workthree .bot .p{ font-size: 0.15rem; line-height: 0.3rem; margin-top: 0.1rem; color: #262626;}

.workthree .bot .m:nth-child(2) .h1, .workthree .bot .m:nth-child(2) .p{ color: #fff;}

.workvideo{ position: relative;}

.workvideo .play{ width: 1.04rem; height: 1.04rem; border-radius: 100%; background: hsla(0,0%,100%,0.80) url(../images/a2.png) no-repeat center; background-size: 0.27rem auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}

.workvideo .play:hover{ background: hsla(0,0%,100%,0.95) url(../images/a2.png) no-repeat center; background-size: 0.27rem auto; cursor: pointer;}

.workvideo .m img{ width: 100%;}

.workmapbox{ display: flex; justify-content: space-between; background: #090909;}

.workmapbox .left{ width: 9.45rem; height: 10.95rem; background: url(../images/a11.jpg) no-repeat center; background-size: cover;}

.workmapbox .right{ width: calc(100% - 9.45rem);}

.workmapbox .right .mk{ padding: 0.95rem 0 0 1.2rem; width: 6.6rem;}

.textitle2 .e, .textitle2 .h1{ color: #F1B331;}

.workmapbox .list .li{ margin-top: 0.45rem;}

.workmapbox .list .li .h1{ font-size: 0.18rem; font-weight: bold; line-height: 0.28rem; color: #fff;}

.workmapbox .list .li .p{ font-size: 0.15rem; line-height: 0.26rem; color: #fff; opacity: 0.8; margin-top: 0.1rem;}

.workviewbox{ background: #F6F6F5; padding: 1.17rem 0; display: flex; justify-content: flex-end;}

.workviewbox .two .img{ width: 9.6rem; height: 7.07rem; overflow: hidden; margin-left: 0.27rem;}

.workviewbox .two .swiper-container{ width: 9.87rem; padding-left: 2.2rem;}

.workviewbox .two .img img{ width: 100%; transition: all 0.5s;}

.workviewbox .two .img img:hover{ transform: scale(1.05);}

.workviewbox .swiper-pagination, .workviewbox .swiper-button-next, .workviewbox .swiper-button-prev{ opacity: 0; z-index: -100;}

.workviewbox .one{ position: relative; width: 4.36rem; padding-right: 1.08rem;}

.workviewbox .one .text{ padding-top: 1.1rem; opacity: 0;}

.workviewbox .one .swiper-slide-active .text{ opacity: 1;}

.workviewbox .one .text .textitle .p{ color: #262626;}

.workviewbox .one .text .mk{ margin-top: 0.4rem; font-size: 0.15rem; line-height: 0.26rem; color: #262626; opacity: 0.9;}

.workviewbox .anBoot{ bottom: 0.42rem; left: 2.8rem;}

.worksixbox{ padding: 1rem 0 0.7rem 0; width: 15.6rem; margin: auto;}

.worksixbox .textitle{ text-align: center;}

.worksixbox .textitle .p{ color: #262626;}

.worksixbox .text{ margin-top: 0.6rem;}

.worksixbox .text .h1{ font-size: 0.18rem; font-weight: bold; color: #262626; line-height: 0.3rem;}

.worksixbox .text .p{ margin-top: 0.1rem;}

.worksixbox .text .p, .worksixbox .text .p i, .worksixbox .text .p p{ font-size: 0.15rem; line-height: 0.3rem; color: #262626;}

.worksixbox .text .p i{ display: block; font-weight: bold;}

.worksixbox .icon{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding-top: 0.4rem;}

.worksixbox .icon a{ width: 2.4rem; height: 0.94rem; position: relative; display: flex; justify-content: center; align-items: center; margin-top: 0.24rem; margin-right: 0.24rem; transition: all 0.5s;}

.worksixbox .icon a:hover{ box-shadow: 0 0 0.1rem #eee;}

.worksixbox .icon a:nth-child(6n){ margin-right: 0;}

.worksixbox .icon a img{ max-width: 80%; max-height: 80%;}

.worksixbox .icon a::after{ border: 1px solid #999; position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; opacity: 0.5;}

.workmenk{ background: #090909; padding: 1rem 0;}

.workmenk .twobox{ margin-top: 1rem;}

.workmenk .textitle{ text-align: center;}

.workmenk .went{ display: flex; justify-content: space-between; margin-top: 0.8rem; position: relative;}

.workmenk .went .one{ width: 9.6rem;}

.workmenk .went .two{ width: calc(100% - 9.6rem);}

.workmenk .went .textbox{ width: 9.6rem; height: 5.83rem; background: #F1B431; display: flex; align-items: center;}

.workmenk .went .textbox .text{ width: 6.2rem; margin-left: 1.7rem;}

.workmenk .went .textbox .text .h1{ font-size: 0.32rem; color: #262626; line-height: 0.42rem;}

.workmenk .went .textbox .text .em{ font-size: 0.2rem; font-weight: bold; line-height: 0.3rem; color: #262626; margin-top: 0.4rem;}

.workmenk .went .textbox .text .p{ font-size: 0.15rem; line-height: 0.3rem; color: #262626; margin-top: 0.1rem;}

.workmenk .swiper-pagination, .workmenk .swiper-button-next, .workmenk .swiper-button-prev{ opacity: 0; z-index: -100;}

.workmenk .went .img{ transition: all 1s; height: 3.97rem; width: 5.4rem;}

.workmenk .went .img img{ width: 100%; transition: all 0.5s;}

.workmenk .went .img img:hover{ transform: scale(1.05);}

.workmenk .went .swiper-slide-active .img{ width: 7.92rem; height: 5.83rem; overflow: hidden;}

.workmenk .onebox .two .swiper-container{ padding-right: 1.3rem;}

.workmenk .twobox .two .swiper-container{ padding-left: 1.3rem;}

.workmenk .twobox .two .swiper-slide{ display: flex; justify-content: flex-end;}

.workmenk .onebox .anBoot{ left: 6.45rem; bottom: 0.65rem;}

.workmenk .twobox .anBoot{ left: 10.65rem; bottom: 0.65rem;}

.workmenk .twobox .went .textbox .text{ margin-left: 1.2rem;}

.compaybanner, .compaybanner .conmybann{ position: relative;}

.compaybanner .m{ width: 100%; height: 9.4rem; overflow: hidden;}

.compaybanner .m img{ width: 100%;}

.compaybanner .textbox{ position: absolute; right: 0; bottom: 0; background: hsla(0,0%,4%,0.80); width: 7.64rem; height: 3.82rem;}

.compaybanner .textbox .text{ padding: 0.5rem 0.8rem 0 0.6rem;}

.textitle3 .e, .textitle3 .h1{ color: #F1B331;}

.textitle3 .p{ font-size: 0.15rem; line-height: 0.3rem; margin-top: 0.2rem; opacity: 0.8;}

.compaybanner .anBoot{ bottom: 0.4rem; left: 12rem;}

.compaybanner .swiper-pagination, .compaybanner .swiper-button-next, .compaybanner .swiper-button-prev{ opacity: 0; z-index: -100;}

.comanytwobox{ background: #090909; padding: 1.3rem 0 1.5rem 0; overflow: hidden;}

.comanytwobox .top{ margin: 0 0 0.6rem 1.7rem;}

.comanytwobox .img{ width: 5.12rem; height: 3.76rem; overflow: hidden; transition: all 1s;}

.comanytwobox .img img{ width: 100%; transition: all 0.5s;}

.comanytwobox .img img:hover{ transform: scale(1.05)}

.comanytwobox .swiper-slide-active .img{ width: 10.15rem; height: 7.46rem;}

.comanytwobox .swiper-container{ padding: 0 0 0 2rem; width: 16rem; overflow: inherit; margin: 0;}

.comanytwobox .bot{ height: 7.46rem; position: relative;}

.comanytwobox .swiper-pagination, .comanytwobox .swiper-button-next, .comanytwobox .swiper-button-prev{ opacity: 0; z-index: -100;}

.comanytwobox .anBoot{ left: 5.3rem; bottom: 0.35rem;}

.comanytwobox .swiper-slide-next .img{ position: absolute; left: 5.05rem; top: 0; z-index: 2;}

.comanythreebox{ position: relative;}

.comanythreebox .top{ background: #090909; padding: 0 0 3.6rem 1.7rem;}

.comanythreebox .bot{ margin-top: -2.55rem; padding-bottom: 1.5rem; position: relative;}

.comanythreebox .bot .img{ width: 8.39rem; height: 6.17rem; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); overflow: hidden; transition: all 0.5s; background: #eee;}

.comanythreebox .bot .swiper-slide-active .img{ width: 10.15rem; height: 7.46rem;}

.comanythreebox .bot .img img{ width: 100%; transition: all 0.5s;}

.comanythreebox .bot .img img:hover{ transform: scale(1.05);}

.comanythreebox .bot .swiper-container{ padding: 0 4.7rem;}

.comanythreebox .bot .swiper-slide{ height: 7.46rem;}

.comanythreebox .swiper-pagination, .comanythreebox .swiper-button-next, .comanythreebox .swiper-button-prev{ opacity: 0; z-index: -100;}

.comanythreebox .anBoot{ bottom: 1rem; left: 50%; transform: translateX(-50%);}

.comanylinebox{ display: flex; justify-content: space-between; position: relative;}

.comanylinebox .two, .comanylinebox .two .img{ width: 12.38rem; height: 9.1rem; overflow: hidden;}

.comanylinebox .two img{ width: 100%; transition: all 0.5s;}

.comanylinebox .two img:hover{ transform: scale(1.05);}

.comanylinebox .one{ width: calc(100% - 12.38rem); height: 9.1rem; background: #FF6E00;}

.comanylinebox .one .textbox{ width: 3.5rem; padding-top: 1.6rem; margin: auto; opacity: 0;}

.comanylinebox .one .swiper-slide-active .textbox{ opacity: 1;}

.comanylinebox .textitle3 .e, .comanylinebox .textitle3 .h1, .comanylinebox .textitle3 .p{ color: #262626;}

.comanylinebox .anBoot{ left: 4.5rem; bottom: 0.5rem;}

.comanylinebox2 .anBoot{ left: 13.9rem;}

.comanylinebox .swiper-pagination, .comanylinebox .swiper-button-next, .comanylinebox .swiper-button-prev{ opacity: 0; z-index: -100;}

.comanyfourebox{ position: relative; background: #090909; padding: 1.55rem 0 1.2rem 0;}

.comanyfourebox .cont{ margin: 0 1.7rem; position: relative;}

.comanyfourebox .cont .img{ display: flex; justify-content: space-between; margin-top: 0.55rem;}

.comanyfourebox .cont .img .m{ width: 7.61rem; height: 5.59rem; overflow: hidden;}

.comanyfourebox .cont .img .m img{ width: 100%; transition: all 0.5s;}

.comanyfourebox .cont .img .m img:hover{ transform: scale(1.05);}

.comanyfourebox .mink{ opacity: 0;}

.comanyfourebox .swiper-slide-active .mink{ opacity: 1;}

.comanyfourebox .swiper-pagination, .comanyfourebox .swiper-button-next, .comanyfourebox .swiper-button-prev{ opacity: 0; z-index: -100;}

.comanyfourebox .anBoot{ bottom: 6.15rem; left: auto; right: 0;}

/*  */

.headerCell{ display: none;}

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

.headerCell2 .up{ display: block;}

.headerCell .cellTop{ position: fixed; top: 0; left: 0; right: 0; height: 60px; padding: 0 0.3rem; z-index: 30; display: flex; justify-content: space-between; align-items: center; transition: all 0.5s; /*background: #33393E;*/}

.headerCell .cellTop3{ /*background: hsla(0,0%,4%,0.85);*/ background-image: linear-gradient(to top, hsla(26,100%,50%,0.00) , hsla(26,100%,50%,0.80));}

.headerCell .cellTop .logo a img{ height: 34px;}

.headerCell .cellTop .sole{ width: 20px; height: 16px; position: relative;}

.headerCell .cellTop .sole i{ display: block; width: 100%; height: 2px; background: #fff; border-radius: 2px; position: absolute; left: 0;}

.headerCell .cellTop .sole i:first-child{ top: 0;}

.headerCell .cellTop .sole i:nth-child(3){ bottom: 0;}

.headerCell .cellTop .sole i:nth-child(2){ top: 50%; margin-top: -1px;}

.headerCell .list{ background: #fff; width: 200px; position: fixed; right: -200px; top: 0; height: 100%; z-index: 38; transition: all 0.5s;}

.headerCell2 .list{ right: 0;}

.headerCell .list .li{ margin: 0 20px; border-bottom: 1px solid hsla(0,0%,0%,0.05);}

.headerCell .list .li .m a{ font-size: 15px; color: #333; line-height: 30px; padding: 6px 0;}

.headerCell .list .logo img{ width: 80%;}

.headerCell .list  .logo{ padding: 70px 0 0 20px;}

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

.headerCell .list .sole{ width: 20px; height: 20px; position: absolute; top: 15px; right: 20px; background: url(../images/sole2.png) no-repeat center; background-size: 100% auto;}
#map1{ width: 100%; height: 100%;}
#map2{ width: 100%; height: 100%;}
/*  */
.indexproject .two .num, .indexitembox .cont .num, .indexproject .two .num{ display: none;}
html::-webkit-scrollbar, body::-webkit-scrollbar{ width: 10px; background: #eee;}
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb{ width: 10px; background: #F1B331; border-radius: 5px;}
.indextopbox .imgmax{ overflow: hidden; height: 12.5rem;}

.indextopbox .imgmax i{ display: none; width: 0.9rem; height: 0.9rem; border-radius: 100%; border: 1px solid #fff; position: absolute; left: 50%; bottom: 0.5rem; margin-left: -0.46rem; z-index: 5; opacity: 0.5; transition: all 0.5s;}
.indextopbox .imgmax i::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/icon1m.png) no-repeat center; background-size: 0.16rem auto;}
.indextopbox .imgmax i::after{ animation: myfirst66 0.5s alternate; animation-iteration-count: infinite;}
@keyframes myfirst66{
	0%  { top: -5px; }
	100% { top: 5px; }
}
.aboutupbox{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 30; display: none; justify-content: center; align-items: center; background: hsla(0,0%,0%,0.50);}
.aboutupbox2{ display: flex;}
.aboutupbox .cont{ width: 10rem; background: #fff; padding: 0.1rem; position: relative;}
.aboutupbox .cont video{ display: block; width: 100%;}
.aboutupbox .cont .sole{ border: 1px solid hsla(0,0%,100%,0.60); border-radius: 100%; width: 0.4rem; height: 0.4rem; background: url(../images/sole.png) no-repeat center; background-size: 0.18rem auto; position: absolute; left: 50%; margin-left: -0.2rem; bottom: -0.7rem; transition: all 0.5s;}
.aboutupbox .cont .sole:hover{ transform: rotate(360deg); cursor: pointer;}

.header .cont .right .tel{ position: relative; z-index: 5;}
.header .cont .right .tel::after{ opacity: 0.8;}
.header .cont .right .tel::after, .header .cont .right .tel::before{ content: ''; width: 26px; height: 26px; border: 1px solid #F1B331; border-radius: 100%; position: absolute; top: -4px; left: 55px; z-index: -1;}
.header .cont .right .tel::before{ -webkit-animation: button-halo-animation 4s infinite; animation: button-halo-animation 4s infinite;}
@-webkit-keyframes button-halo-animation {
	0% { transform:scale(1); opacity:0; }
	50% { transform:scale(1); opacity:1 }
	to { transform:scale(1.5); opacity:0 }
}
@keyframes button-halo-animation {
	0%  { transform:scale(1); opacity:0}
	50% { transform:scale(1); opacity:1 }
	to { transform:scale(1.5); opacity:0 }
}
.indexcommentr .boot{ position: relative;}
.indexcommentr .boot .es{ position: absolute; top: 0; z-index: 5; opacity: 0; height: 4rem;}
.indexcommentr .boot .es1{ left: 0; width: 9.15rem;}
.indexcommentr .boot .es2{ right: 0; width: 1.6rem;}

.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: 14px; 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;}
.cellNewBox{ position: fixed; left: 0; bottom: 0; width: 100%; z-index: -100; background: #555C63; display: none; justify-content: space-between;}
.cellNewBox2{ z-index: 20;}
.cellNewBox .li{ width: 33.33%; 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/b1.png) no-repeat center; background-size: 90% auto;}
.cellNewBox .li2 i{ background: url(../images/b2.png) no-repeat center; background-size: 90% auto;}
.cellNewBox .li3 i{ background: url(../images/b3.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;}
.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/icon71.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;*/ background-image: linear-gradient(to top, #FF6E00 , #F1B431); 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; opacity: 0.9;}
.welcomeUp .cont .serch .bt{ font-size: 14px; color: #BCBFC2; margin-top: 15px; line-height: 18px; background: url(../images/icon81.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;*/ background-image: linear-gradient(to top, #FF6E00 , #F1B431); border: none; border-radius: 0; font-size: 20px; color: #1A1B1D; transition: all 0.5s;}
.welcomeUp .cont .bot button:hover{ /*background: #DDC51F;*/ cursor: pointer; opacity: 0.9;}
.imgmaxver{ position: fixed; top: 0; left: 0; z-index: 100; background: hsla(0,0%,0%,0.80); display: none; justify-content: center; align-items: center; width: 100%; height: 100%;}
.imgmaxver2{ display: flex;}
.imgmaxver img{ width: 100%;}

.sjshow{ display:none;}
.anBootppp{ opacity: 0; z-index: -100;}