*{
    outline:0 none !important; blr:expression(this.onFocus=this.blur());
}
html.act{overflow: hidden;width: 100%;height: 100vh;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;outline: none;}
body {position: relative; -webkit-tap-highlight-color: #fff;margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: #1f1f1f;font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Arial, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size:14px;  line-height:1;background: #fff;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix {*zoom:1;}
a{display: inline-block; text-decoration:none!important; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #1f1f1f;}
textarea,select{ outline:none; color:#666; font-size:14px; width:100%;}
textarea{
 resize:none;
}
img{border:none;max-width: 100%;}
img[src=""]{opacity: 0;}
i{font-style: normal;}

/* 滚动条样式 */
body::-webkit-scrollbar{ width:4px;height: 1px;}
body::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.4);}
body::-webkit-scrollbar-track{ background:#000;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: wygt;outline: none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }
  @font-face {
    font-family: 'gs';
	src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf");
  }

  @font-face {
    font-family: 'cl';
	src: url("../fonts/HarmonyOS_Sans_SC_Light.ttf");
  }
  @font-face {
    font-family: 'cm';
	src: url("../fonts/HarmonyOS_Sans_SC_Medium.ttf");
  }
  @font-face {
    font-family: 'cr';
	src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
  }
   @font-face {
    font-family: 'hb';
	src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Bold.ttf");
  }
  @font-face {
    font-family: 'hbl';
	src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Black.ttf");
  }
  @font-face {
    font-family: 'hl';
	src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Light.ttf");
  }
  @font-face {
    font-family: 'hm';
	src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Medium.ttf");
  }
  @font-face {
    font-family: 'hr';
	src: url("https://givegroup2020.oss-cn-shanghai.aliyuncs.com/luokeke/HarmonyOS_Sans_SC_Regular.ttf");
  }

.f_12 {
    font-size: 12px;
}
.f_13 {
    font-size: 13px;
}
.f_14 {
    font-size: 14px;
}

.f_15 {
    font-size: 15px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}
.f_21 {
    font-size: 21px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_26 {
    font-size: 26px;
}

.f_28 {
    font-size: 28px;
}

.f_30 {
    font-size: 30px;
}

.f_32 {
    font-size: 32px;
}

.f_34 {
    font-size: 34px;
}
.f_35 {
    font-size: 35px;
}

.f_36 {
    font-size: 36px;
}

.f_38 {
    font-size: 38px;
}

.f_40 {
    font-size: 40px;
}

.f_42 {
    font-size: 42px;
}

.f_44 {
    font-size: 44px;
}
.f_45 {
    font-size: 45px;
}

.f_46 {
    font-size: 46px;
}
.f_48 {
    font-size: 48px;
}

.f_50 {
    font-size: 50px;
}

.f_52 {
    font-size: 52px;
}

.f_55 {
    font-size: 55px;
}

.f_60 {
    font-size: 60px;
}

.f_64 {
    font-size: 64px;
}

.f_66 {
    font-size: 66px;
}

.f_68 {
    font-size: 68px;
}

.f_72 {
    font-size: 72px;
}

.f_80 {
    font-size: 80px;
}

.f_90 {
    font-size: 90px;
}

.f_100 {
    font-size: 100px;
}

.f_110 {
    font-size: 110px;
}

.f_112 {
    font-size: 112px;
}

.f_160 {
    font-size: 160px;
}  

/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background: white;padding: 30px;display: block;border-radius: 5px;position: relative;width: 80%;max-width: 1200px;max-height: 90%;margin: 0 auto;box-sizing: border-box;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;transition: all 0.5s;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;max-height: 67vh;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}

/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

.w1660{position: relative;width: 86.45vw;margin: 0 auto;}

.header{position: fixed;top: 0;left: 0;z-index: 99;width: 100%;padding: 1vw 0;transition: all 0.5s;}
.header .w1660{display: flex;justify-content: space-between;align-items: center;}
.header .w1660 .logo{height: 3.646vw;}
.header .w1660 .logo img{max-height: 100%;}
.header .w1660 .logo .logo2{display: none;}
.header .w1660 .nav{position: relative;display: flex;}
.header .w1660 .nav>li{position: relative;margin: 0 2.3vw;}
.header .w1660 .nav>li:nth-child(2),.header .w1660 .nav>li:nth-child(3){margin:0 1.3vw;padding:0 1vw;background: url(../img/h_xlb.png)no-repeat right center;background-size:0.625vw auto;}
.header.on .w1660 .nav>li:nth-child(2),.header.on .w1660 .nav>li:nth-child(3){background-image: url(../img/h_xlh.png);}
.header.on_h .w1660 .nav>li:nth-child(2),.header.on_h .w1660 .nav>li:nth-child(3){background-image: url(../img/h_xlh.png);}

.header .w1660 .nav>li:nth-child(2){display:none;}

.header .w1660 .nav>li:nth-child(2):hover,.header .w1660 .nav>li:nth-child(3):hover{background-image: url(../img/r_xlb.png);}
.header .w1660 .nav>li:nth-child(2).on,.header .w1660 .nav>li:nth-child(3).on{background-image: url(../img/r_xlb.png);}

.header .w1660 .nav>li a{color: #ffffff;position:relative;transition:all 0.5s;}
.header .w1660 .nav>li>a:after{content:"";position: absolute;top: 140%;left: 50%;transform: translateX(-50%);width: 0%;height: 2px;background-color: #E60012;transition:all 0.5s;}
/*.header .w1660 .nav>li:hover>a{letter-spacing:2px;}*/.header.on .w1660 .nav>li a{color: #3D3D3D;}
.header .w1660 .nav>li:hover>a{color:#E60012;}
.header .w1660 .nav>li.on>a{color:#E60012;}
.header.on{background-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.03);}
.header.on_h{background-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.03);}
.header.on1{padding: 0.7vw 0;}
.header.on_h{padding: 0.7vw 0;}

.header.on .w1660 .logo .logo1{display: none;}
.header.on .w1660 .logo .logo2{display: block;}
.header.on_h .w1660 .nav>li a{color: #3D3D3D;}
.header.on_h .w1660 .logo .logo1{display: none;}
.header.on_h .w1660 .logo .logo2{display: block;}
.header .w1660 .nav .nav1{position: absolute;top: 100%;left: 50%;transform: translate(-50%,40px);min-width: 180px;text-align: center;line-height: 2;display: none;padding: 15px 0px;background-color: rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.3);line-height: 28px;font-size: 14px;}
.header .w1660 .nav .nav1:after{content:"";position: absolute;top: 0;left: 0;width: 0%;height: 2px;background-color: #E60012;transition: all 0.5s;}
.header.on_h1 .w1660 .nav .nav1:after{width:100%;}
.header .w1660 .nav>li:nth-child(4) .nav1{display:none!important;}
.header .w1660 .nav>li:nth-child(5) .nav1{display:none!important;}

.header.on .w1660 .nav .nav1{background-color: rgba(255,255,255,1);}

.header .w1660 .nav .nav1 a{color: #ffffff;transition: all 0.5s;padding:15px 0;}
.header.on .w1660 .nav .nav1 a{color: #3D3D3D;}
.header .w1660 .nav .nav1 a:hover{color:#E60012;letter-spacing:2px;}

.header .w1660 form{width: 12.5vw;border-bottom: 1px solid #FFFFFF90;padding-left: 2.7vw;padding-bottom:0.625vw;line-height: 24px;background: url(../img/ser.png)no-repeat left top;background-size: auto 1.25vw;}
.header .w1660 form input{line-height: 24px;background-color: transparent;color: rgba(255,255,255,1);}
.header .w1660 form input::-ms-input-placeholder{color: rgba(255,255,255,0.9);}
.header .w1660 form input::-webkit-input-placeholder{color: rgba(255,255,255,0.9);}
.header .w1660 form input::-moz-input-placeholder{color: rgba(255,255,255,0.9);}

.header.on .w1660 form{border-color: rgba(0,0,0,0.17);}
.header.on .w1660 form input{color: #3D3D3D;}
.header.on .w1660 form input::-ms-input-placeholder{color: #3D3D3D37;}
.header.on .w1660 form input::-webkit-input-placeholder{color: #3D3D3D37;}
.header.on .w1660 form input::-moz-input-placeholder{color: #3D3D3D37;}

.header.on_h .w1660 form{border-color: rgba(0,0,0,0.17);}
.header.on_h .w1660 form input{color: #3D3D3D;}
.header.on_h .w1660 form input::-ms-input-placeholder{color: #3D3D3D37;}
.header.on_h .w1660 form input::-webkit-input-placeholder{color: #3D3D3D37;}
.header.on_h .w1660 form input::-moz-input-placeholder{color: #3D3D3D37;}

.m_header{display: none;}
.mh_nav{display: none;}

.index_con{position: relative;overflow: hidden;height: 100vh;}
.index_con .index_wrapper>.swiper-slide{height: 100vh;opacity: 0;transition: all 0.4s;}
.index_con .index_wrapper>.swiper-slide-active{opacity: 1;}
.index_con .index_wrapper>.swiper-slide.footer{opacity: 1;}
.index_con>.swiper-pagination{right: 4.166vw;}
.index_con>.swiper-pagination .swiper-pagination-bullet{opacity: 1;background-color: #A5A5A5;width: 6px;height: 6px;margin: 16px 0;transition: all 0.3s;border-radius: 3px;}
.index_con>.swiper-pagination .swiper-pagination-bullet-active{height: 24px;background-color: #E60012;}

#preload{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	
	z-index:200;
	display:flex;
	justify-content: center;
	align-items: center;
}
.preload-bg{
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	}
#preload .tip{
	display:inline;
	color:#fff;
	font-size:4vw;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1;
	position:relative;
	overflow:hidden;
}
.tip-bg{
	position:absolute;
	width:0px;
	height:100%;
	background:#fff;
	}
.index_banner {width: 100%;height: 100%;z-index: 100;}
.index_banner .swiper-slide{position: relative;display: flex;align-items: center;justify-content: center;height: 100vh;background:no-repeat center;background-size:cover;}
.index_banner .swiper-slide video{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);object-fit: fill;}
.index_banner .swiper-slide .txt{text-align: center;color: #000;transform: translateY(-25px);}
.index_banner .swiper-slide .txt .h1{line-height: 42px;margin-bottom: 0.5vw;font-family: hm;}
.index_banner .swiper-slide .txt .h1 span{color: #E60012;}
.index_banner .swiper-slide .txt .h2{line-height: 80px;font-family: hb;margin-bottom: 3.23vw;}
.m_banner{display: none;}

.com_btn{display: flex;justify-content: center;align-items: center; width: 150px;line-height: 40px;border: 2px solid #ffffff;border-radius: 22px;margin: 0 auto;color: #ffffff;position: relative;overflow: hidden;z-index: 2;transition: all 0.5s;}
.com_btn img{margin-left: 1.31vw;transition: all 0.5s;}
.com_btn:hover img{margin-left: 1vw;}
.com_btn:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0;height: 0;border-radius: 50%;background-color: #E60012;transition: all 0.5s ease-in-out;opacity: 0;z-index: -1;}
.com_btn:hover:after{width: 200px;height: 200px;opacity: 1;}
.com_btn:hover{border-color: transparent;}

/*.com_btn1{display: flex;justify-content: center;align-items: center; width: 150px;line-height: 40px;border: 2px solid #fff;border-radius: 22px;color: #fff;position: relative;overflow: hidden;z-index: 2;transition: all 0.5s;background-color:transparent;}*/
.com_btn1{display: flex;justify-content: center;align-items: center; width: 150px;line-height: 40px;border: 2px solid #0B0B0B;border-radius: 22px;color: #0B0B0B;position: relative;overflow: hidden;z-index: 2;transition: all 0.5s;background-color:transparent;}
.i_part4 .com_btn1{width: 178px;}
.com_btn1 img{margin-left: 1.31vw;transition: all 0.5s;}
.com_btn1 .img2{display: none;}
.com_btn1:hover img{margin-left: 1vw;}
.com_btn1:hover .img2{display: block;}
.com_btn1:hover .img1{display: none;}
.com_btn1:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0;height: 0;border-radius: 50%;background-color: #E60012;transition: all 0.5s ease-in-out;opacity: 0;z-index: -1;}
.com_btn1:hover:after{width: 200px;height: 200px;opacity: 1;}
.com_btn1:hover{border-color: transparent;color: #fff;}

.i_part1{display: flex;height: calc(100vh - 5.846vw);margin-top: 5.846vw;padding: 4vw 0 3.4vw 0;position: relative;overflow:hidden;}
/*.i_part1{display: flex;height: calc(100vh - 5.846vw);margin-top: 5.846vw;padding: 4vw 0 3.4vw 0;background: url(../img/ip1_bj.png)no-repeat center bottom;background-size: 100% auto;position: relative;position:relative;}*/
.i_part1 .ip1_bj{position: absolute;bottom: 0;right: 0;width: 75%;z-index: -1;opacity: 0.06;transform:translate(27%,50%);}
.i_part1 .ip1_left{width: 59.05vw;position: relative;overflow: hidden;height: 35.416vw;}
.i_part1 .ip1_left .swiper-wrapper{align-items: flex-end;}
.i_part1 .ip1_left .swiper-slide{height: 100%;position: relative;transition: all 0.3s;}
.i_part1 .ip1_left .swiper-slide .pic{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); width: 100%;height: 30.36vw;background: no-repeat center;background-size: cover;border-radius: 14px;overflow: hidden;transition: all 0.5s;}
.i_part1 .ip1_left .swiper-slide-active .pic{width:132.23%;height: 100%;}
.i_part1 .ip1_left .swiper-slide{opacity: 0;}
.i_part1 .ip1_left .swiper-slide-prev{opacity: 1;}
.i_part1 .ip1_left .swiper-slide-active{opacity: 1;}
.i_part1 .ip1_left .swiper-pagination{left: 44.5vw;bottom: 0;width: 12px;}
.i_part1 .ip1_left .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background-color: #DCDCE1;margin: 2.6vw 0 0 0;}
.i_part1 .ip1_left .swiper-pagination .swiper-pagination-bullet-active{background-color: #E60012;}
.i_part1 .ip1_right{width:39.7vw;position: absolute;right: 6.77vw;top: 0;padding: 4vw 0 3.4vw 0;}
.i_part1 .ip1_right .h{font-family: hb;color: #3D3D3D;margin-bottom: 1.875vw;}
.i_part1 .ip1_right .p{font-family: hr;color: #4C4C56;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 34px;height: 102px;margin-bottom: 1.5vw;}
.i_part1 .ip1_right .list{display: flex;flex-wrap: wrap;}
.i_part1 .ip1_right .list .item{padding-top: 3.8vw;width: 252px;margin-right: 3.125vw;}
.i_part1 .ip1_right .list .item .h1{color: #E60012;margin-bottom: 1vw;display: table;position: relative;font-family: hb;}
.i_part1 .ip1_right .list .item .h1 i{position: absolute;top: 0;right: 0.5vw;font-weight: bold;}
.i_part1 .ip1_right .list .item .h1 .num{font-family: gs;margin-right: 0.5vw;}
.i_part1 .ip1_right .list .item .p1{font-family: hr;color: #4C4C56;line-height: 28px;}

.i_part2{height: calc(100vh - 5.846vw);margin-top: 5.846vw;position: relative;overflow: hidden;background: url(../img/ip2_bj.png)no-repeat right center;background-size: auto 100%;}
.i_part2 .ip2_yuan{height: 100%;position: absolute;left: -30vw;top: 0;transition: all 0.5s 0.9s ease-in-out;opacity: 0;}
.i_part2 .ip2_yuan img{height: 100%;}
.i_part2.on .ip2_yuan{opacity: 1;left: 0;}
.ip2_left{padding-left:6.77vw;z-index: 2;position: relative;display: flex;justify-content: space-between;align-items: center;height: 100%;width: 57.8vw;}
.ip2_left .pic_tab{position: relative;}
.ip2_left .pic_tab .li{width:7vw;height: 7vw;margin: 3.12vw 0;padding: 6px;border-radius: 50%;z-index: 2;position: relative;cursor: pointer;}
.ip2_left .pic_tab .li .img{width: 100%;height: 100%;background-color: #ffffff;position: relative;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.ip2_left .pic_tab .li img{max-width: 70%;}
.ip2_left .pic_tab .li:before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0%;height: 0%;background: url(../img/m_yuan.png);background-size: 100% 100%;z-index: -1;transition: all 0.5s;}
.ip2_left .pic_tab .li:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background: url(../img/m_yuank.png);background-size: 100% 100%;z-index: -1;transition: all 0.5s;}
.ip2_left .pic_tab .li.on:before{width: 100%;height: 100%;}
.ip2_left .pic_tab .li.on:after{opacity: 0;}
.ip2_left .b_pics{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 32vw;height: 32vw;background-color: #ffffff;border-radius: 50%;box-shadow: 0 3px 50px rgba(22,77,52,0.05);}
.ip2_left .b_pics>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 70%;opacity: 0;transition: all 0.5s;}
.ip2_left .b_pics>img.on{opacity: 1;}
/* .ip2_left .b_pics svg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 780px;height: 780px;fill: transparent;stroke: #D84B4F;stroke-width:20;}
.ip2_left .b_pics svg.svg_xx{opacity: 0.5;}
.ip2_left .b_pics svg.svg_sx{opacity: 1;}
.ip2_left .b_pics svg.svg_sx .loading{} */
.ip2_left .b_pics .hu_box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 40.625vw;height: 40.625vw;background: url(../img/hu_big.png);background-size: 100% 100%;z-index: 2;}
.ip2_left .b_pics .hu_box .hu{position: absolute;overflow: hidden;transition: all 0.8s;}
.ip2_left .b_pics .hu_box .hu1{top: 0;right: 0;width: 50%;height: 0;}
.ip2_left .b_pics .hu_box .hu1.on{height: 73.718%;}
.ip2_left .b_pics .hu_box .hu2{bottom: 0;right: 6.282%;width: 0;height: 26.282%;}
.ip2_left .b_pics .hu_box .hu2.on{width: 87.436%;}
.ip2_left .b_pics .hu_box .hu3{bottom: 26.282%;left: 0;width: 50%;height: 0;}
.ip2_left .b_pics .hu_box .hu3.on{height: 73.718%;}

.ip2_left .b_pics .hu_box .hu img{max-width: 9999px;}
.ip2_left .b_pics .hu_box .hu1 img{width: 20.3175vw;height: 29.948vw;position: absolute;top: 0;left: 0;}
.ip2_left .b_pics .hu_box .hu2 img{width: 35.52vw;height: 10.677vw;position: absolute;top: 0;right: 0;}
.ip2_left .b_pics .hu_box .hu3 img{width: 20.3175vw;height: 29.948vw;position:absolute;bottom: 0;right: 0;}

.ip2_right{position: absolute;top: 0;right: 0;width: 31.77vw;height: 100%;display: flex;align-items: center;}
.ip2_right .com_btn1{width: 150px;}
.ip2_right .txt{opacity: 0;position: absolute;top: 55%;left: 0;transform: translateY(-50%);width: 100%;padding-right: 6.77vw;transition: all 0.3s;z-index: -1;}
.ip2_right .txt.on{opacity: 1;top: 50%;transition: all 0.3s;z-index: 2;top:50%;}
.ip2_right .txt .h1{line-height: 54px;color: #0B0B0B;font-family: hb;margin-bottom: 3.125vw;}
.ip2_right .txt .h2{line-height: 32px;color: #0B0B0B;font-family: hb;margin-bottom: 1.823vw;}
.ip2_right .txt .p{font-family: hr;color: #666666;margin-bottom: 3.125vw;line-height: 28px;height: 56px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.i_part3{display: flex;height: calc(100vh - 5.846vw);margin-top: 5.846vw;}
.i_part3 .box{height: 100%;width: 23.5vw;text-align: center;position: relative;background: no-repeat center;background-size: cover;transition: all 0.5s;overflow: hidden;}
.i_part3 .box:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background-color: #fff;z-index: 5;}
.i_part3 .box:nth-child(1):after{transition: all 0.8s 0.9s;}
.i_part3 .box:nth-child(2):after{transition: all 0.8s 0.95s;}
.i_part3 .box:nth-child(3):after{transition: all 0.8s 1s;}
.i_part3 .box:nth-child(4):after{transition: all 0.8s 1.05s;}
.i_part3.on .box:after{height: 0;}
.i_part3 .box.on{width:53.5vw;}
.i_part3 .box .pic{width: 53.5vw;height: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.i_part3 .box .pic video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;}
.i_part3 .box .pic:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);}
.i_part3 .box .txt{position: absolute;left: 0;bottom:6.5625vw; width: 100%;color: #ffffff;z-index:2;}
.i_part3 .box .txt .icon{width:4vw;margin: 0 auto;margin-bottom: 1.5625vw;}
.i_part3 .box .txt .h{font-family: hb;}

.i_part4{position: relative;overflow: hidden;height: calc(100vh - 5.846vw);margin-top: 5.846vw;background:no-repeat center;background-size:cover;}
.i_part4 .yun{position: absolute;top: 40%;left: 40%;transform: translate(-50%,-50%);width: 120%;height: 120%;background: url(../img/yun.png)no-repeat center;background-size: cover;transition: all 5s;}
.i_part4.on .yun{top: 50%;left: 50%;width: 100%;height: 100%;}
.i_part4 .txt{position: absolute;width: 40vw;left: 6.77vw;bottom: 4.53vw;}
.i_part4 .txt .h1{font-family: hm;line-height: 32px;margin-bottom: 8px;color: #E60012;opacity: 0;transform: translateY(20px);transition: all 0.5s 1.1s;}
.i_part4 .txt .h2{font-family: hb;line-height: 54px;margin-bottom: 1.67vw;opacity: 0;transform: translateY(20px);transition: all 0.5s 1.2s;}
.i_part4 .txt .p{line-height: 30px;font-family: hr;color: #606060;margin-bottom: 1.875vw;opacity: 0;transform: translateY(20px);transition: all 0.5s 1.3s;}
.i_part4 .txt .com_btn1{opacity: 0;transform: translateY(20px);transition: all 0.5s;}

.i_part4.on .txt .h1{opacity: 1;transform: translateY(0);}
.i_part4.on .txt .h2{opacity: 1;transform: translateY(0);}
.i_part4.on .txt .p{opacity: 1;transform: translateY(0);}
.i_part4.on .txt .com_btn1{opacity: 1;transform: translateY(0);}

.footer{height: auto!important; background-color: #3E3E3E;position: relative;z-index: 2;}
.footer .f_top{padding: 2.6vw 0 2.1vw 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.08);}
.footer .f_top img{width: 5.573vw;}
.footer .f_top .ft_r{display: flex;align-items: center;color: #ffffff;font-family: hm;}
.footer .f_top .ft_r span{color:#B3B3B3;}
.footer .f_top .ft_r a{color: #fff;}
.footer .f_top .ft_r img{width: 7px;margin: 0 5px;}
.footer .f_center{padding:2.7vw 0;display: flex;justify-content: space-between;}
.footer .f_center .fc_left{color: #fff;}
.footer .f_center .fc_left .h1{line-height: 22px;margin-bottom: 2px;font-family: hr;}
.footer .f_center .fc_left .h2{line-height: 38px;font-weight: bold;margin-bottom:1.9vw;padding-left:32px;background:url(../img/chuanzhen.svg)no-repeat left center;background-size:auto 22px;font-family:gs;}
.footer .f_center .fc_left .btn{width: 125px;line-height: 38px;border-radius: 19px;text-align: center;color: #fff;background-color: #E60012;transition: all 0.5s;margin-bottom: 0.5vw;}
.footer .f_center .fc_left .btn:hover{opacity: 0.7;}
.footer .f_center .fc_left .p{font-family: hr;color: #9D9D9D;}
.footer .f_center .fc_center{display: flex;width: 49vw;justify-content: space-between;}
.footer .f_center .fc_center ul:nth-child(1){opacity:0;pointer-events: none;}
.footer .f_center .fc_center ul li{margin-bottom: 1vw;font-family: hr;}
.footer .f_center .fc_center ul li:first-child{font-size: 16px;margin-bottom: 2.24vw;font-family: hb;}
.footer .f_center .fc_center ul li a{color:#ffffff;line-height: 20px;}
.footer .f_center .fc_right img{margin: 0 auto;width: 5.677vw;margin-bottom: 6px;display:block;}
.footer .f_center .fc_right .p{line-height: 22px;font-family: hr;color: #fff;}

.footer .f_bottom{padding: 1.354vw 0;position: relative;display: flex;align-items: center;border-top: 1px solid rgba(255,255,255,0.08);}
.footer .f_bottom a{color: #808080;line-height: 16px;transition: all 0.5s;}
.footer .f_bottom a:hover{color: #fff;}
.footer .f_bottom .solid{width: 1px;height: 12px;background-color: #808080;margin: 0 8px;}
.footer .f_bottom p{color: #808080;margin-left: 1.25vw;margin-right: 0.8vw;}

/* 联系我们 */
.ny_banner{ height: 100vh;background: no-repeat center;background-size: cover;position:relative;}
.ny_banner video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:100%;height:100%;}
.ny_banner .w1660{z-index: 2;}
.ny_banner .txt{position: absolute;top: 40vh;}
.ny_banner .txt .h{font-family: hb;color: #E60012;margin-bottom: 0.5vw;}
.ny_banner .txt .en{font-family: gs;color: #ffffff;}
.ny_tab{position: absolute;top: 0;left: 50%;transform: translate(-50%,-99%);width: 93.75vw;background-image: linear-gradient(to  bottom right,rgba(255,255,255,0.9),rgba(255,255,255,1));padding:2.1875vw 0 0 0;}
.ny_tab .crumbs{display: flex;align-items: center;margin-bottom: 3.4375vw;}
.ny_tab .crumbs .home{width: 17px;}
.ny_tab .crumbs .jt{margin: 0 16px;}
.ny_tab .crumbs a{color: #949494;font-family: hr;transition: all 0.5s;}
.ny_tab .crumbs a:hover{color: #333;}
.ny_tab .list{display: flex;justify-content: space-between;align-items: center;}
.ny_tab .list .li{width: 48%;padding-bottom: 1.25vw;text-align: center;font-family: hm;position: relative;}
.ny_tab .list .li:after{content: "";position: absolute;left: 50%;bottom: 0;transform: translate(-50%,-50%);width:0; height: 3px;background-color: #E60012;transition:all 0.5s;}
.ny_tab .list .li.on:after{width: 100%;}
.ny_tab .list .li:hover:after{width: 100%;}
.ny_tab .list .li a{color: #363638;}
.ny_tab .list .solid{width: 1px;height: 18px;background-color: #949494;margin: 0 8.177vw;margin-bottom: 1.25vw;}
.ny_tab1 .list .solid{margin: 0 4.177vw;}
.ny_con{position: relative;z-index: 2;background-color: #ffffff;}
.ny_h{font-family: hb;color: #333333;line-height: 52px;background: url(../img/ny_h_bj.png)no-repeat left bottom;}

.cont_con .w1660{display: flex;justify-content: space-between;align-items: center;}
.cont_con .w1660 .left{width: 53.6vw;}
.cont_con .w1660 .left .l_top{padding: 7.656vw 0 0 0;}
.cont_con .w1660 .left .l_top .ny_h{margin-bottom: 4vw;}
.cont_con .w1660 .left .l_top .boxs{display: flex;justify-content: space-between;width: 70%;}
.cont_con .w1660 .left .l_top .boxs .box{padding-left: 50px;background: no-repeat left top;}
.cont_con .w1660 .left .l_top .boxs .box .p{line-height: 20px;color: #333333;margin-bottom: 2px;font-family: hr;}
.cont_con .w1660 .left .l_top .boxs .box .h{line-height: 30px;color: #333333;font-family: gs;}
.cont_con .w1660 .left .l_bottom{padding: 6.67vw 0 9.167vw 0;}
.cont_con .w1660 .left .l_bottom .ny_h{margin-bottom: 3.23vw;}
.cont_con .w1660 .left .l_bottom .boxs{display: flex;justify-content: space-between;margin-bottom: 3.33vw;}
.cont_con .w1660 .left .l_bottom .boxs:last-child{margin-bottom: 0;}
.cont_con .w1660 .left .l_bottom .boxs .box{width: 16.82vw;}
.cont_con .w1660 .left .l_bottom .boxs .box .name{font-family: hm;color: #4C4C56;margin-bottom: 1vw;}
.cont_con .w1660 .left .l_bottom .boxs .box .name span{color: #ED1C24;}
.cont_con .w1660 .left .l_bottom .boxs .box input{width: 100%;line-height: 48px;border: 1px solid #E2E2E2;padding: 0 1.25vw;}
.cont_con .w1660 .left .l_bottom .boxs .box textarea{width: 100%;line-height: 48px;height: 127px; border: 1px solid #E2E2E2;padding: 0 1.25vw;}
.cont_con .w1660 .left .l_bottom .boxs .box1{width: 100%;}
.cont_con .w1660 .right .map{width: 28.125vw;height: 49vw;background: no-repeat center;background-size: cover;position: relative;}
.cont_con .w1660 .right .map .dz{position: absolute;top: 20.83vw;right: 6.67vw;z-index: 2;}
.cont_con .w1660 .right .map .dz .yuan{position: absolute;bottom: -5%;left: 49%;transform: translate(-50%,-50%);width: 1vw;height: 1vw;border-radius: 50%;background-color: #E60012;z-index: -1;}
.cont_con .w1660 .right .map .dz .yuan:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;border-radius: 50%;background-color: rgba(230,0,18,0.44);animation: boderM 3s .75s infinite;}
.cont_con .w1660 .right .map .dz .yuan::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;border-radius: 50%;background-color: rgba(230,0,18,0.20);animation: boderM 3s infinite;}
@keyframes boderM {
    0% {transform: translate(-50%, -50%) scale(1);opacity: 0}

    20% {opacity: 1}

    75% {transform: translate(-50%, -50%) scale(2);opacity: 0}

    100% {opacity: 0}

}

/* 产品列表 */
.pl_con{padding:7.7vw 0 0 0;}
.pl_con .ny_h{margin-bottom:7vw;}
.pl_con .boxs{padding-left: 6.77vw;padding-bottom:9vw;position: relative;}
.pl_con .boxs .after{position: absolute;bottom: 0;left: 0;width: 100%;height: 26vw;background: url(../img/dian_bj.png);background-size: 100% 100%;overflow:hidden;}
.pl_con .boxs .after video{position: absolute;top: 50%;left: 50%;width: 100%;height: auto;transform: translate(-50%,-50%);object-fit:fill;}
.pl_con .boxs .box{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 12vw;}
.pl_con .boxs .box .txt{padding-left:4.32vw;background:url(../img/pl_tit.png)no-repeat 0px top;background-size: 53px 58px;width: 410px;}
.pl_con .boxs .box:hover .txt{animation: Pinyi 2s infinite;}
/*.pl_con .boxs .box .txt:hover{background-position:12px top;}*/

@keyframes  Pinyi {
    0% {background-position:0 top}

    25% {background-position:10px top;}

    50% {background-position:0 top}

    75%{background-position:10px top;}
    
    100%{background-position:0 top;}

}

.pl_con .boxs .box .h1{line-height: 58px;font-family: hb;color: #363638;margin-bottom: 2.8125vw;}
.pl_con .boxs .box .h2{line-height: 26px;font-family: hb;color: #363638;margin-bottom: 1.5625vw;}
.pl_con .boxs .box .p{display: flex;justify-content: space-between;width: 100%;font-family: hb;color: #666666;line-height: 32px;}
.pl_con .boxs .box .p:last-child{margin-bottom: 0;}
.pl_con .boxs .box .p1{width: 130px;}
.pl_con .boxs .box .p2{width: 176px;}
.pl_con .boxs .box .txt .txt1{margin-bottom: 2.6vw;}
.pl_con .boxs .box .txt .txt1:last-child{margin-bottom: 0;}
.pl_con .boxs .box .pics{width: calc(100% - 10vw - 300px);position: relative;overflow: hidden;padding: 30px;margin-top: -30px;cursor:url(../img/pl.ico), pointer!important;}
.pl_con .boxs .box .pics .swiper-slide{display: flex;justify-content: center;align-items: center;height: 23vw;background-color: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.03);position: relative;overflow: hidden;}
.pl_con .boxs .box .pics .swiper-slide:before{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 4px;background-color: #E70011;transition: all 0.5s;z-index: 2;}
.pl_con .boxs .box .pics .swiper-slide:hover:before{width: 100%;}
.pl_con .boxs .box .pics .swiper-slide img{max-width: 100%;max-height: 100%;transition: all 0.5s;}
.pl_con .boxs .box .pics .swiper-slide:hover img{transform: scale(1.05);}
.pl_con .boxs .box .pics .prev,.pl_con .boxs .box .pics .next{position: absolute;top: 50%;transform: translateY(-50%); width: 3vw;height: 3vw;border-radius: 50%;background-size: 100% 100%;z-index: 5;opacity: 0;transition: all 0.5s;display:none;}
.pl_con .boxs .box .pics .prev{background-image:url(../img/pl_prev1.png);left: 60px;}
.pl_con .boxs .box .pics .next{background-image:url(../img/pl_next1.png);right: 60px;}
.pl_con .boxs .box .pics.on .prev,.pl_con .boxs .box .pics.on .next{opacity: 0.6;}
.pl_con .boxs .box .pics .prev:hover{background-image:url(../img/pl_prev1.png);left: 60px;opacity:1;}
.pl_con .boxs .box .pics .next:hover{background-image:url(../img/pl_next1.png);right: 60px;opacity:1;}
.pl_con .boxs .box .pics .swiper-button-disabled{display:none;}


/* 产品详情 */
.pd_con{padding: 7.9vw 0 0 0;background: url(../img/pd_bj.png)no-repeat;}
.pd_con .w1660{display: flex;justify-content: space-between;padding-bottom: 7vw;align-items: flex-start;}
.pd_con .w1660 .txt{width: 38.54vw;}
.pd_con .w1660 .txt .ny_h{margin-bottom: 3.646vw;}
.pd_con .w1660 .txt .p{line-height: 30px;color: #333333;font-family: hr;margin-bottom: 3.645vw;}
.pd_con .w1660 .txt .item{}
.pd_con .w1660 .txt .item .h1{padding-left:4.32vw;background:url(../img/pl_tit.png)no-repeat left top;background-size: 53px 58px;line-height: 58px;margin-bottom: 1.5625vw;font-family: hb;}
.pd_con .w1660 .txt .item .ps{display: flex;align-items: flex-start;margin-bottom: 1.667vw;line-height: 28px;}
.pd_con .w1660 .txt .item .ps1{width: 120px;margin-right: 1.2vw;font-family: hr;color: #666666;}
.pd_con .w1660 .txt .item .ps2{font-family: hb;color:#666666;}
.pd_con .w1660 .pics{position: relative;width: 41.46vw;padding-right: 2.86vw;}
.pd_con .w1660 .pics1{position: relative;overflow: hidden;box-shadow: -30px 30px 50px rgba(0,0,0,0.05);background-color: #fff;}
.pd_con .w1660 .pics .swiper-slide{width: 100%;height: 31.458vw;}
.pd_con .w1660 .pics .swiper-slide .pic{width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;}
.pd_con .w1660 .pics .swiper-slide .pic img{max-width: 80%;max-height: 80%;}
.pd_con .w1660 .next{position: absolute;right: 0;bottom:3.9vw;width: 6.51vw;height: 5.625vw;box-shadow: 0 3px 50px rgba(0,0,0,0.05);cursor:pointer;background: url(../img/pd_jt.png)no-repeat center; background-color: #ffffff;transition: all 0.5s;z-index: 10;}
.pd_con .w1660 .next:hover{background-image: url(../img/pd_jt1.png);background-color: #E70011;}

/* 技术创新 */
.tec_con{padding: 5.2vw 0;}
.tec_con .w1660{display: flex;justify-content: space-between;align-items: center;}
.tec_con .w1660 .left{width: 38vw;position: relative;height: 38vw;}
.tec_con .w1660 .left .quan{position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);display: flex;justify-content: center;align-items: center;width: 100%;}
.tec_con .w1660 .left .quan1{animation: myMove1 5s linear infinite ;-webkit-animation: myMove1 5s linear infinite ;}
.tec_con .w1660 .left .quan2{animation: myMove2 18s linear infinite ;-webkit-animation: myMove2 18s linear infinite ;}
.tec_con .w1660 .left .quan3{animation: myMove2 5s linear infinite ;-webkit-animation: myMove2 5s linear infinite ;}
@keyframes myMove1 {
	from {transform: translate(-50%,-50%) rotate(0deg);}
	to {transform: translate(-50%,-50%) rotate(360deg);}
}

@-webkit-keyframes myMove1 {
	from {transform: translate(-50%,-50%) rotate(0deg);}
	to {transform: translate(-50%,-50%) rotate(360deg);}
}

@keyframes myMove2 {
	from {transform: translate(-50%,-50%) rotate(360deg);}
	to {transform: translate(-50%,-50%) rotate(0deg);}
}

@-webkit-keyframes myMove2 {
	from {transform: translate(-50%,-50%) rotate(360deg);}
	to {transform: translate(-50%,-50%) rotate(0deg);}
}
.tec_con .w1660 .left .pics{width: 27.65vw;height: 27.65vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;overflow: hidden;}
.tec_con .w1660 .left .pics .pic{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1.1); width: 100%;height: 100%;background: no-repeat center;background-size: cover;opacity: 0;transition: all 0.5s;z-index:-1;}
.tec_con .w1660 .left .pics .pic.on{opacity: 1;transform: translate(-50%,-50%) scale(1);z-index:2; overflow:hidden;}
.tec_con .w1660 .left .pics .pic .swiper-slide{background: no-repeat center;background-size: cover;}
.tec_con .w1660 .left .pics .pic .prev,.tec_con .w1660 .left .pics .pic .next{position: absolute;top: 50%;transform: translateY(-50%);cursor:pointer;z-index:3;}
.tec_con .w1660 .left .pics .pic .prev{left:20px; width: 30px;height: 30px;background: url(../img/ny_prev.png)no-repeat;background-size: 100% 100%;}
.tec_con .w1660 .left .pics .pic .prev:hover{background-image:url(../img/ny_prev1.png);}
.tec_con .w1660 .left .pics .pic .next{right:20px; width: 30px;height: 30px;background: url(../img/ny_next.png)no-repeat;background-size: 100% 100%;}
.tec_con .w1660 .left .pics .pic .next:hover{background-image:url(../img/ny_next1.png);}

.tec_con .w1660 .right{width: 38.54vw;position: relative;overflow: hidden;padding-bottom: 62px;}
.tec_con .w1660 .right .swiper-slide{opacity: 0;transition: all 0.5s;}
.tec_con .w1660 .right .swiper-slide-active{opacity: 1;}
.tec_con .w1660 .right .ny_h{margin-bottom: 4.167vw;}
.tec_con .w1660 .right .list{padding-bottom: 4.376vw;}
.tec_con .w1660 .right .list li{line-height: 50px;padding-left: 3.54vw;background: url(../img/pl_tit.png)no-repeat left center ;background-size: 2.448vw auto;margin-bottom: 1.77vw;font-family: hb;color: #333333;}
.tec_con .w1660 .right .prev,.tec_con .w1660 .right .next{width: 17vw;line-height: 62px;text-align: center;position: absolute;bottom: 0;color: #fff;background-color: #C5C5C5;cursor: pointer;transition: all 0.5s;}
.tec_con .w1660 .right .prev:hover,.tec_con .w1660 .right .next:hover{background-color: #E60012;}
.tec_con .w1660 .right .prev{left: 0;border-top-left-radius: 31px;border-bottom-left-radius: 31px;}
.tec_con .w1660 .right .prev span{padding-left: 2.3vw;background: url(../img/tec_prev.png)no-repeat left center;background-size: 1.3vw auto;}
.tec_con .w1660 .right .next{left: 17vw;border-top-right-radius: 31px;border-bottom-right-radius: 31px;}
.tec_con .w1660 .right .next span{padding-right: 2.3vw;background: url(../img/tec_next.png)no-repeat right center;background-size: 1.3vw auto;}

.ab1{display: flex;justify-content: space-between;padding: 7.656vw 0 5.83vw 0;}
.ab1 .left{width:43.75vw;}
.ab1 .left .ny_h{margin-bottom:3.33vw;}
.ab1 .left .p{line-height: 36px;color: #333333;font-family: hr;}
.ab1 .right{width: 30.167vw;}
.ab1 .right .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ab1 .right .list .item{padding-top: 4.8vw;width: 238px;}
.ab1 .right .list .item .h1{color: #E60012;margin-bottom: 1vw;display: table;position: relative;font-family: hb;}
.ab1 .right .list .item .h1 i{position: absolute;top: 0;right: 0.5vw;font-weight: bold;}
.ab1 .right .list .item .h1 .num{font-family: gs;margin-right: 0.5vw;}
.ab1 .right .list .item .p1{font-family: hr;color: #4C4C56;line-height: 28px;}

.ab2{position: relative;padding-bottom: 9.53vw;}
.ab2_top{position: absolute;top: 0;left: 0;transform: translateY(-100%);background-color: #E60012;width: 43.75vw;display: flex;justify-content: flex-end; align-items: center;height: 4.375vw;padding: 0 3.646vw;color: #fff;}
.ab2_top .swiper-pagination{left: 3.646vw;bottom: auto;top: 50%;transform: translateY(-50%); width: auto;}
.ab2_top .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;opacity: 1;background-color: #fff;margin: 0 2.4vw 0 0;position: relative;}
.ab2_top .swiper-pagination .swiper-pagination-bullet-active{background-color: transparent;}
.ab2_top .swiper-pagination .swiper-pagination-bullet-active:after{content: "";position: absolute;top: 50%;left: 50%;width: 20px;height: 20px; transform: translate(-50%,-50%);border: 3px solid #fff;border-radius: 50%;}
.ab2_pics{position: relative;overflow: hidden;}
.ab2_pics .swiper-slide{overflow:hidden;height: 37.3vw;}
.ab2_pics .swiper-slide .slide-inner {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color:#fff;}

.ab3{padding-bottom: 5.73vw;background: url(../img/ab3_bj.png)no-repeat center bottom;background-size: 100% auto;position: relative;height: 120vh;}
.ab3 .w1660{display: flex;justify-content: space-between;position: sticky;top: 6vw;}
.ab3 .left{width: 42.4vw;}
.ab3 .ny_h{margin-bottom:1vw;}
.ab3 .left .txts{height: 35.41vw;position: relative;overflow: hidden;padding:0 30px;left: -30px;}
.ab3 .left .txts .swiper-slide{padding: 1vw 5.1vw 1vw 2.8125vw;box-sizing: border-box;margin-bottom: 0px;}
.ab3 .left .txts .swiper-slide .h1{font-family: hm;color: #A4A4A4;margin-bottom:10px;line-height: 20px;}
.ab3 .left .txts .swiper-slide .h2{font-family: hb;color: #232323;line-height: 24px;}
.ab3 .left .txts .swiper-slide-active{background-color: #ffffff;box-shadow: 0px 0px 30px rgba(0,0,0,0.06);}
.ab3 .right{height: 37.5vw;position: relative;overflow: hidden;width: 600px;}
.ab3 .right .swiper-slide{font-family: gs;color: rgba(51,51,51,0.05);text-align: center;transition: all 0.5s;display: flex;align-items: center;justify-content: center; width: 100%;}
.ab3 .right .swiper-slide-active{font-size: 120px;color: #E60012;position: relative;}
.ab3 .right:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:19.4vw;height: 19.4vw;border-radius: 50%;border: 1px solid #B8B8B8;}
.ab3 .right svg{width: 19.4vw;height: 19.4vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-100deg);stroke-dasharray: 1200;stroke-dashoffset: 1200;}
.animated-circle{transition: all 1s;}

.ab4{padding-bottom: 9.5vw;}
.ab4 .top{position: relative;margin-bottom: 4.6875vw;display: flex;align-items: center;height: 68px;}
.ab4 .top .ny_h{width: 100%;}
.ab4 .top .prev,.ab4 .top .next{width: 3.54vw;height: 3.54vw;border-radius: 50%;position: absolute;top: 50%;background-size: 100% 100%;cursor: pointer;}
.ab4 .top .prev{right: 0;transform: translate(-120%,-50%);background-image: url(../img/ny_prev.png);}
.ab4 .top .prev:hover{background-image: url(../img/ny_prev1.png);}
.ab4 .top .next{right: 0;transform: translate(0%,-50%);background-image: url(../img/ny_next.png);}
.ab4 .top .next:hover{background-image: url(../img/ny_next1.png);}
.ab4_con{position: relative;overflow: hidden;padding: 5.2vw 0;}
.ab4_con .swiper-slide{transition: all 0.5s;}
.ab4_con .swiper-slide .pics{width: 100%;overflow: hidden;}
.ab4_con .swiper-slide .pics .pic{height: 18.125vw;background: no-repeat center;background-size: cover;}
.ab4_con .swiper-slide .txt1{text-align: center;margin-top: 1.77vw;}
.ab4_con .swiper-slide .txt1 .h1_1{font-family: hb;color: #E60012;line-height: 30px;margin-bottom: 0.625vw;}
.ab4_con .swiper-slide .txt1 .h1_2{font-family: hb;color: #333333;line-height: 30px;}
.ab4_con .swiper-slide .txt2{display:none;line-height: 32px;padding: 0.8vw 0;background-color: #E60012;}
.ab4_con .swiper-slide .txt2 .h2_1{font-family: hb;margin-right:1vw;color: #ffffff;}
.ab4_con .swiper-slide .txt2 .h2_2{font-family: hb;color: #ffffff;}
.ab4_con .swiper-slide-active{transform: scale(1.45);}
.ab4_con .swiper-slide-active .txt1{display: none;}
.ab4_con .swiper-slide-active .txt2{display: flex;justify-content: center;width: 100%;}
.solid_box{position: relative;overflow: hidden;text-align: center;margin-top: 4.167vw;}
.solid_box::before{content: "";position: absolute;top: 10px;left: 0;width: 100%;height: 1px;background-color: #DEDEDE;}
.solid_box .swiper-slide .dian{width: 20px;height: 20px;border-radius: 50%;background-color:#E1C7C9;margin: 0 auto;transform: scale(0.85);margin-bottom: 1.5625vw;}
.solid_box .swiper-slide-active .dian{background-color: #E70011;transform: scale(1);}

.ab5{padding: 14vw 0 11.875vw 0;}
.ab5 .ny_h{position: absolute;top: 0;right: 0;text-align: right;width: 100%;background: url(../img/ny_h_bj1.png)no-repeat right bottom;}
.ab5 img{width: 100%;}

.ab6{padding-bottom:9.74vw;}
.ab6 .top{position: relative;margin-bottom: 4.6875vw;display: flex;align-items: center;height: 68px;}
.ab6 .top .ny_h{width: 100%;}
.ab6 .top .prev,.ab6 .top .next{width: 3.54vw;height: 3.54vw;border-radius: 50%;position: absolute;top: 50%;background-size: 100% 100%;cursor: pointer;}
.ab6 .top .prev{right: 0;transform: translate(-120%,-50%);background-image: url(../img/ny_prev.png);}
.ab6 .top .prev:hover{background-image: url(../img/ny_prev1.png);}
.ab6 .top .next{right: 0;transform: translate(0%,-50%);background-image: url(../img/ny_next.png);}
.ab6 .top .next:hover{background-image: url(../img/ny_next1.png);}
.ab6_con{position: relative;overflow: hidden;}
.ab6_con .swiper-slide{width: 20.7vw;text-align: center;}
.ab6_con .swiper-slide .txt{font-family: hb;color: #000000;transition: all 0.5s;opacity: 0;}
.ab6_con .swiper-slide-active .txt{opacity: 1;}
.ab6_con .swiper-slide .pic{width: 100%;height: 14.3vw;display: flex;justify-content: center;align-items: center;margin-bottom: 2.34vw;}
.ab6_con .swiper-slide .pic img{max-height: 100%;}

@media screen and (max-width: 1560px) {
	.f_12 {
	    font-size: 12px;
	}
	.f_13 {
	    font-size: 13px;
	}
	.f_14 {
	    font-size: 14px;
	}
	
	.f_15 {
	    font-size: 14px;
	}
	
	.f_16 {
	    font-size: 14px;
	}
	
	.f_18 {
	    font-size: 16px;
	}
	
	.f_20 {
	    font-size: 16px;
	}
	.f_21 {
	    font-size: 18px;
	}
	
	.f_22 {
	    font-size: 18px;
	}
	
	.f_24 {
	    font-size: 20px;
	}
	
	.f_26 {
	    font-size: 20px;
	}
	
	.f_28 {
	    font-size: 22px;
	}
	
	.f_30 {
	    font-size: 22px;
	}
	
	.f_32 {
	    font-size: 24px;
	}
	
	.f_34 {
	    font-size: 24px;
	}
	.f_35 {
	    font-size: 25px;
	}
	
	.f_36 {
	    font-size: 26px;
	}
	
	.f_38 {
	    font-size: 25px;
	}
	
	.f_40 {
	    font-size: 28px;
	}
	
	.f_42 {
	    font-size: 30px;
	}
	
	.f_44 {
	    font-size: 32px;
	}
	.f_45 {
	    font-size: 33px;
	}
	.f_48 {
	    font-size: 34px;
	}
	
	.f_50 {
	    font-size: 36px;
	}
	
	.f_55 {
	    font-size: 38px;
	}
	
	.f_56 {
	    font-size: 40px;
	}
	
	.f_60 {
	    font-size: 40px;
	}
	
	.f_62 {
	    font-size: 42px;
	}
	
	.f_64 {
	    font-size: 42px;
	}
	
	.f_66 {
	    font-size: 44px;
	}
	
	.f_68 {
	    font-size: 46px;
	}
	
	.f_72 {
	    font-size: 48px;
	}
	
	.f_80 {
	    font-size: 56px;
	}
	
	.f_90 {
	    font-size: 62px;
	}
	
	.f_100 {
	    font-size: 70px;
	}
	
	.f_110 {
	    font-size: 74px;
	}
	
	.f_112 {
	    font-size: 74px;
	}
	
	.f_122 {
	    font-size: 82px;
	}
	.i_part1 .ip1_right .list .item{width: 220px;}
	.ab1 .right .list .item{width: 220px;}
	.ab3 .right .swiper-slide-active{font-size: 90px;}
	.ab4_con .swiper-slide .txt2 .h2_2{font-size: 14px;}
}
@media screen and (max-width: 1440px) {
	.i_part1 .ip1_right .list .item{width: 190px;}
	.ab1 .right .list .item{width: 150px;}
	.ab3 .right .swiper-slide-active{font-size: 70px;}
}
@media screen and (max-width: 1280px) {
.f_18 {font-size: 14px;}
.f_20 {font-size: 15px;}
.f_21 {font-size: 15px;}
.f_22 {font-size: 15px;}
.f_24 {font-size: 18px;}
.f_26 {font-size: 18px;}
.f_28 {font-size: 20px;}
.f_30 {font-size: 20px;}
}

@media screen and (max-width: 1024px) {
.header{display: none;}	
.index_con{height:auto;overflow: auto;}
.index_con .index_wrapper>.swiper-slide{height: auto;opacity: 1;}
.pc_banner{display: none;}
.m_banner{display: block;position: relative;overflow: hidden;}
.m_banner .swiper-slide{height: 100vh;background: no-repeat center;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;}
.m_banner .swiper-slide .txt{text-align: center;color: #ffffff;}
.m_banner .swiper-slide .txt .h1{font-size: 20px;line-height: 30px;}
.m_banner .swiper-slide .txt .h2{font-size: 24px;line-height: 40px;margin-bottom: 20px;}
.com_btn{width: 120px;line-height: 34px;}
.com_btn img{width: 16px;}
.m_banner .swiper-pagination{bottom: 50px;}
.m_banner .swiper-pagination .swiper-pagination-bullet{width: 18px;height: 4px;border-radius: 2px;opacity: 1;background-color: #fff;}
.m_banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #E60012;}

.footer .f_top{display: none;}
.footer .f_center{display: none;}

.index_wrapper{height: auto;display: block;}
.i_part1{padding: 40px 25px;display: block;margin: 0;height: auto;margin-bottom:30px;}
.i_part1 .ip1_right{position: static;width: 100%;padding-top: 0;}
.i_part1 .ip1_right .h{font-size: 20px;line-height: 26px;margin-bottom: 15px;}
.i_part1 .ip1_right .p{line-height: 22px;font-size: 14px;-webkit-line-clamp:10;height: auto;margin-bottom:16px;}
.i_part1 .ip1_right .list .item{width: 48%;margin-right: 4%;}
.i_part1 .ip1_right .list .item:nth-child(2n){margin-right: 0;}
.i_part1 .ip1_right .list .item .h1 .num{font-size: 32px;}
.i_part1 .ip1_right .list .item .p1{line-height: 22px;}
.i_part1 .ip1_left .swiper-slide-active .pic{width: 100%;}
.i_part1 .ip1_left{position: static;height: 300px;width: 100%;}
.i_part1 .ip1_left .swiper-pagination{width: 100%;right: auto;left: 0%;}
.i_part1 .ip1_left .swiper-pagination .swiper-pagination-bullet{margin: 0 6px;}

.i_part2{margin-top: 40px;height: auto;padding: 40px 25px;}
.ip2_right{position: relative;width: 100%;height: 185px;}
.ip2_left{padding:20px 0;margin-top: 40px; width: 100%;}
.ip2_left .pic_tab .li{width: 60px;height: 60px;}
.ip2_left .b_pics{width: calc(100vw - 150px);height: calc(100vw - 150px);}
.ip2_left .b_pics .hu_box{width: calc(100vw - 140px);height: calc(100vw - 140px);}
.ip2_left .b_pics .hu_box .hu{display: none;}
.ip2_right .txt .h1{font-size: 20px;line-height: 26px;margin-bottom: 6px;}
.ip2_right .txt .h2{font-size: 16px;line-height: 22px;}

.ip2_right .com_btn1{width: 120px;line-height: 34px;}
.ip2_right .com_btn1 img{width: 16px;}

.i_part3 .box:after{display: none;}
.i_part3{height: auto;margin-top: 0;flex-wrap: wrap;}
.i_part3 .box{width: 50%;height: 300px;}
.i_part3 .box.on{width: 50%;}
.i_part3 .box .pic{width: 100%;}
.i_part3 .box .txt{bottom: 30px;}
.i_part3 .box .txt .icon{width: 60px;}

.i_part4{margin-top: 0;height: 600px;}
.i_part4 .txt{width: 100%;bottom: auto;top: 15%; left: 0;padding: 0 20px;}
.i_part4.on .txt .h1{font-size: 16px;line-height: 22px;}
.i_part4.on .txt .h2{font-size: 22px;line-height: 28px;margin-bottom: 10px;}
.i_part4.on .txt .p{font-size: 14px;line-height: 22px;margin-bottom: 20px;color: #333;}
.i_part4.on .txt .com_btn1{width: 140px;line-height: 34px;}
.i_part4.on .txt .com_btn1 img{width: 16px;}

.ny_tab{display: none;}
.ny_banner{height: 40vh;margin-top: 66px;}
.ny_banner .w1660{height: 100%;}
.ny_banner .txt{top: 50%;transform: translateY(-40%);}
.ny_banner .txt .h{font-size: 22px;line-height: 28px;}
.ny_banner .txt .en{font-size: 18px;line-height: 22px;}
.w1660{width: calc(100% - 50px);}

.ab1{padding: 40px 0 60px 0;display: block;}
.ab1 .left{width: 100%;}
.ny_h{background-size: 150px auto;}
.ab5 .ny_h{background-size: 150px auto;}
.ab1 .left .ny_h{font-size: 20px;line-height: 32px;}
.ab1 .left .p{line-height: 22px;}
.ab1 .right{width: 100%;}
.ab1 .right .list .item .p1{line-height: 22px;}
.ab2{padding-bottom: 40px;}
.ab2_top{width: 100%;height: 40px;}
.ab2_top .swiper-pagination .swiper-pagination-bullet-active:after{width: 14px;height: 14px;}
.ab2_pics .swiper-slide{height: 45vw;}
.ab1 .right .list .item .h1 .num{font-size: 32px;}
.ab3{height: auto;}
.ab3 .w1660{display: block;}
.ab3 .left{width: 100%;}
.ab3 .right{width: 100%;}
.ab3 .left .txts{height: auto;margin-top: 20px; padding: 20px;width: 100%;left: 0;}
.ab3 .left .txts .swiper-slide{padding: 16px;}
.ab3 .right{font-size: 20px;height: 100px;}
.ab3 .right .swiper-slide-active{font-size: 20px;}
.ab4_con .swiper-slide-active{transform: scale(1);}
.ab4_con .swiper-slide .pics .pic{height: 50vw;}
.ab4_con .swiper-slide .txt1{display: none;}
.ab4_con{padding-top: 0;padding-bottom: 20px;}
.ny_h{font-size: 20px;line-height: 32px;}
.ab4 .top{height: auto;margin-bottom: 30px;}
.ab4 .top .prev, .ab4 .top .next{width: 30px;height: 30px;}
.ab5{padding: 40px 0;}
.ab5 .ny_h{position: static;text-align: left;background: url(../img/ny_h_bj.png)no-repeat left bottom;background-size: 150px auto;margin-bottom: 30px;}
.ab6_con .swiper-slide{width: 50%;}
.ab6_con .swiper-slide .pic{height: 30vw;}
.ab6 .top .prev, .ab6 .top .next{width: 30px;height: 30px;}

.cont_con .w1660{display: block;}
.cont_con .w1660 .left{width: 100%;}
.cont_con .w1660 .left .l_top .boxs{flex-wrap: wrap;}
.cont_con .w1660 .right .map{width: 100%;height: 100vw;margin-bottom: 40px;}
.com_btn1{width: 140px;line-height: 34px;}
.com_btn1 img{width: 16px;}
.cont_con .w1660 .left .l_top .ny_h{margin-bottom: 20px;}
.cont_con .w1660 .left .l_top .boxs .box{padding-left: 40px;width: 100%;margin-bottom: 16px;}
.cont_con .w1660 .left .l_bottom .boxs .box{width: 100%;margin-bottom: 14px;}
.cont_con .w1660 .left .l_bottom .boxs .box input{line-height: 38px;}
.cont_con .w1660 .left .l_bottom .boxs{display: block;}
.footer .f_bottom{display: block;text-align: center;padding: 16px 0;}
.footer .f_bottom .solid{display: none;}

.tec_con{padding: 40px 0;}
.tec_con .w1660{display: block;}
.tec_con .w1660 .left{width: 100%;height: 100vw;overflow: hidden;}
.tec_con .w1660 .left .pics{width: 70vw;height: 70vw;}
.tec_con .w1660 .right{width: 100%;}
.tec_con .w1660 .right .list li{line-height: 26px;background-size: 20px auto;padding-left: 26px;}
.tec_con .w1660 .right .prev, .tec_con .w1660 .right .next{width:calc(50vw - 25px);}
.tec_con .w1660 .right .next{left: 0;transform: translateX(100%);}

.pd_con .w1660{display: block;}
.pd_con .w1660 .txt{width: 100%;margin-bottom: 20px;}
.pd_con .w1660 .pics{width: 100%;}
.pd_con{padding: 40px 0;}
.pd_con .w1660 .txt .item .h1{background-size: 20px auto;padding-left: 30px;line-height: 26px;}
.pd_con .w1660 .txt .p{line-height: 22px;margin-bottom: 20px;}
.pd_con .w1660 .pics .swiper-slide{height: 70vw;}
.pd_con .w1660 .next{width: 65px;height: 56px;}

.pl_con .boxs .box{display: block;}
.pl_con .boxs .box .pics{width: 100%;margin-top: 20px;padding: 10px;}
.pl_con .boxs .box .txt{background-size: 20px auto;padding-left: 30px;width: 100%;}
.pl_con .boxs .box .h1{line-height: 26px;}
.pl_con .boxs .box .pics .swiper-slide{height: 50vw;box-shadow: 0 0 20px rgb(0,0,0,0.1);}

.m_header{position: fixed;top: 0;left: 0;width: 100%;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding:15px;z-index: 98;}
.m_header .mh_top{display: flex;justify-content: space-between;align-items: center;}
.m_header .logo img{width: 60px;}
.m_header .btn{display: block;}
.m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;}
.m_header .btn.hide{opacity: 0;}
.m_header .btn span{display: block;width: 22px;height: 1px;background-color: #333;border-radius: 1px;transition: all 0.3s;}
.m_header .btn span:nth-child(1){transform: translate(0,-8px);}
.m_header .btn span:nth-child(2){transform: translate(12px,0);width: 12px;}
.m_header .btn span:nth-child(3){transform: translate(-2px,8px);}
.m_header .btn:hover span:nth-child(1){transform: translate(0,-8px);}
.m_header .btn:hover span:nth-child(2){transform: translate(0,0);width: 22px;}
.m_header .btn:hover span:nth-child(3){transform: translate(0,8px);}
.m_header{display: block;}
.mh_nav{display: block;}
.mh_nav{position: fixed;top: 0;left: 20%;width: 80%;transform: translateX(120%);z-index: 99;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 25px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.mh_nav.show{transform: translateX(0);}
.mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
.mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 60px;}
.mh_nav .nav>li>a{line-height: 60px;font-size: 18px;display: block;}
.mh_nav .nav>li:after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../img/hl_jt.png)no-repeat center;}
.mh_nav .nav>li.on:after{transform: rotate(90deg);}
.mh_nav .nav>li:first-child:after{display: none;}
.mh_nav .nav>li:nth-child(2){display:none;}
.mh_nav .nav>li .nav1{padding: 15px;line-height: 36px;display: none;}
.pl_con .boxs .box .p{font-size: 12px;}
.pl_con .boxs .box .p1{width:110px;}
.pl_con .boxs .box .p2{width: 183px;}
.pl_con .boxs .box .pics .prev, .pl_con .boxs .box .pics .next{width: 8vw;height: 8vw;display:block;opacity:1!important;}
.pl_con .boxs .box .pics .swiper-button-disabled{display: none!important;}
.pl_con .boxs .box .pics .prev{left: 16px;}
.pl_con .boxs .box .pics .next{right: 16px;}
    
}