@charset "UTF-8";

/* 通用样式 */
p{margin:0}
input,textarea{border:none;outline:none;background-color:transparent}
img{vertical-align:middle}
.p1920{width:1920px;position:relative;left:50%;margin-left:-960px}
.wd1200{width:1200px;margin:0 auto}
.bw{width:100%}
.clearfix::after{content:'';display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px}
.fl{float:left}
.fr{float:right}
.dfc{display:flex;justify-content:space-between;align-items:center}
.ovimg,.ibw,.miw,.iml,.imgbig{overflow:hidden}
.imgbig img{-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.imgbig:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.ovimg img{width:100%;min-height:100%}
.ibw img{width:100%;height:auto}
.miw img{max-width:100%;max-height:100%}
.iml{text-align:center}
.iml img{transform:translateY(-2px);vertical-align:middle}
.bgmax{background-repeat:no-repeat;background-size:cover;background-position:center top}
.bgmin{background-repeat:no-repeat;background-size:contain;background-position:center top}
.fh{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/**/
.flexed{display:flex;justify-content:space-between;flex-wrap:nowrap;display:-webkit-flex;}
.w1200{max-width:1230px;margin:0 auto;padding-left:15px;padding-right:15px}

/* head */
.head-bg{
    background: url(../images/head_bg.png);
}
.head-index{align-items:center}
.head-index .logo{width: 24%;}
.head-index .logo img{max-width:100%}
.head-index .tnav{width: 60%;}
.language{color:#fff}
.language a{color:#fff}
/* about */
.ab-bg{background: linear-gradient(to bottom,var(--color) 31%,#fff 31%);padding-top:110px}
.abl{width:28.75%}
.abl .aimg{
    position: relative;
}
.abl .aimg img{width:100%}
.abl .aimg:before{display:block;content:'';position: absolute;width: 100%;height: 100%;background: url(../images/icon-play.png) no-repeat center;cursor: pointer;}
.abl .aimg:hover:before{
    background-color: rgba(0,0,0,0.1);
}
.abl .awen{margin-top:-30px;position: relative;z-index: 1;}
.abl .awen a{display:flex;align-items:center;justify-content:space-between;height:60px;line-height:60px}
.abl .awen a span{width:79%;background:#333333;text-align:center;color:#ffffff;font-size:16px}
.abl .awen a b{width:21%;background: var(--color);text-align:center}
.abr{width:62.5%;padding-top:45px}
.atitle{align-items:flex-end}
.atitle .atitlel{position:relative}
.atitle .atitlel::before{content:'A';position:absolute;left:-25px;top:-45px;font-size:90px;font-weight:600;line-height:1;color: rgba(255,255,255,.3);}
.atitle .atitlel b{color: #fff;font-size:32px;text-transform:uppercase;position:relative}
.atitle .atitlel span{color: #fff;font-size:14px;margin-left:5px}
.atitle .atitler{position:relative;padding:0 40px;color: #fff;}
.atitle .atitler::before{content:'';position:absolute;left:0;top:0;background:url(../images/icon-zuoyinhao.png) no-repeat left center;width:15px;height:11px}
.atitle .atitler::after{content:'';position:absolute;right:0;bottom:0;background:url(../images/icon-youyinhao.png) no-repeat left center;width:15px;height:11px}
.abr .aw{margin-top:6vw}
.abr .aw p{color:#555555;font-size: 16px;margin-bottom: 1em;text-indent: 2em;line-height: 2;}
.alist{margin-top:2vw}
.alist li{width:25%;text-align:center}
.alist li .img1 img{max-width:100%}
.alist li .wza{color:#555555;font-size:16px;font-weight:600;margin:15px 0}
.alist li .wzb{color:#999999;font-size:14px}
.honor-box{
    padding: 0 60px;
    position: relative;
    margin-top: 50px;
}
.honor-box .honor{
    overflow: hidden;
    max-width: 1040px;
    margin: 0 auto;
}
.honor-box ul{}
.honor-box li{}
.honor-box li img{}
.honor-box .swiper-button-prev,.honor-box .swiper-button-next{
    background: var(--color);
    width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.honor-box .swiper-button-prev{
    left: 0;
}
.honor-box .swiper-button-prev img{
    transform: rotateY(180deg);
}
.honor-box .swiper-button-next{
    right: 0;
}
/* 产品范围 */
.pro-bg{background:#f5f5f5;margin-top:4.16666666666667vw;padding-top:4.6875vw;padding-bottom:6vw}
.put{text-align:center;position:relative;padding-top:30px}
.put::before{content:'';position:absolute;width:208px;height:158px;border: 2px solid #E7E7E7;top:0;bottom:0;left:0;right:0;margin:0 auto}
.put .put1{color:#333333;font-size:24px;line-height:1}
.put .put2{margin:1vw 0;position:relative}
.put .put3{color:#999999;font-size:12px;text-transform:uppercase}
.plist1{margin-top:85px}
.plist1 li{width:18.66%;background:#fff;padding-bottom:20px}
.plist1 li .img1{padding:8px 0}
.plist1 li .img1 img{width:100%}
.plist1 li .wz{text-align:center}
.plist1 li .wz .wza{color:#333333;font-size:18px}
.plist1 li .wz .wzb{color:#999999;font-size:12px;margin-top:10px}
.plist1 li:hover{box-shadow:0px 9px 10px 0px rgba(0,0,0,0.1)}
.plist1 li:hover .wz .wza{font-weight:600;color:var(--color)}
.pmore{background:var(--color);width:70px;height:60px;margin:0 auto;margin-top:-30px}
.pmore a{display:block;text-align:center;line-height:60px}

/* 推荐 */
.recom-pro{margin-top:75px}
.p1-swiper{overflow:hidden;margin-top:105px}
.p1-swiper .swiper-slide a{display:flex;background:#fff;box-shadow:3.694px 4.728px 16px 0px rgba(0,0,0,0.1);border-radius:200px;margin:16px;padding:60px 130px;justify-content: space-between;}
.p1-swiper .swiper-slide a .img1{width:32%}
.p1-swiper .swiper-slide a .img1 img{max-width:100%}
.p1-swiper .swiper-slide a .wz{width: 65%;}
.p1-swiper .swiper-slide a .wz .wza{color:#333333;font-size:18px;}
.p1-swiper .swiper-slide a .wz .wzb{color:#999999;font-size:14px;margin-top:1vw}
.p1-swiper .swiper-slide a .wz .wzc{border:1px solid #333333;width:104px;height:32px;line-height:30px;color:#555555;font-size:14px;text-align:center;margin-top:2.34375vw}
.p1-swiper .swiper-pagination{position:relative;bottom:0;margin-top:2.6vw}
.p1-swiper .swiper-pagination::before{content:'';position:absolute;width:34%;margin:0 auto;height:1px;background:#000000;left:0;right:0;top:50%;margin-top:-0.5px}
.p1-swiper .swiper-pagination-bullet{width:38px;height:45px;text-align:center;line-height:45px;color:#333333;opacity:1;border:1px solid transparent;background: url(../images/icon-yuan.png) no-repeat center center;text-indent:-200000px;border-radius:0;position:relative}
.p1-swiper .swiper-pagination-bullet-active{font-size:initial;border:1px solid #fff;background: var(--color);text-indent:0px;color: #fff;}
/* 应用场景 */
.yycj-bg{background: url(../images/bg.jpg) no-repeat top center;margin-top:3.125vw;padding:8.85416666666667vw 0}
.yycj-left{width: 30%;}
.yycj-left h3{color: #fff;font-size:30px;font-weight:600;margin-bottom:1vw}
.yycj-left h3 span{display:block;width:48px;height:2px;background: #F8EC00;margin-top:15px}
.yycj-left p{color: #fff;font-size:16px;line-height:30px}
.yycj-left a{display:block;width:70px;height:60px;background:var(--color);margin-top:2.34375vw;text-align:center;line-height:60px}
.yycj-right{width:49.12%}
.yylist{flex-wrap:wrap}
.yylist li{width:32.2%;position:relative;margin-bottom:2%}
.yylist li .img1 img{width:100%}
.yylist li .wz{color:#ffffff;font-size:16px;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0}
.yylist li:hover .img1 img{opacity:0.5}
.yylist li:hover .wz{opacity:1}

/* news */
.news-index{margin-top:5.46875vw}
.newsl{width:61.67%}
.nsort{border-bottom:1px solid var(--color)}
.nsort li{width:122px;margin-right:4px;background:#f5f5f5;float:left}
.nsort li a{display:block;text-align:center;color:#999999;font-size:16px;line-height:40px}
.nsort li:hover{background:var(--color)}
.nsort li:hover a{color:#fff}
.news-con{margin-top:65px}
.nlist1{width:46%;position:relative}
.nlist1 li .img1 img{width:100%}
.nlist1 li .wz{position:absolute;bottom:0;left:0;right:0;background:#000000;font-size:14px;color:#d9d9d9;padding:14px 25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlist2{width:50%}
.nlist2 li{margin:1vw 0}
.nlist2 li a{display:flex;justify-content:space-between;align-items:center}
.nlist2 li a .wz{color:#555555;font-size:16px;background:url(../images/icon-dian.png) no-repeat left center;padding-left:14px;width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nlist2 li a .date{color:#d9d9d9;font-size:14px;width:25%}
.newsr{width:28.83%;position:relative}
.newsr .nimg img{width:100%}
.newsr .nwen{background:#333333;height:60px}
.newsr .nwen a{display:flex;align-items:center;justify-content:space-between;height:60px;line-height:60px}
.newsr .nwen a span{width:79%;background:#333333;text-align:center;color:#ffffff;font-size:16px}
.newsr .nwen a b{width:21%;background:#fff;text-align:center}
.hx{height:120px;background:var(--color);margin-top:-60px}

/* foot */
.foot-bg{padding-top:75px;padding-bottom:30px}
.foot-index{align-items: stretch;}
.footl{width:52%}
.footla{
    width: 30%;
}
.ft{color:#000000;font-size:16px;margin-bottom:15px}
.fnavlist{flex-wrap:wrap}
.fnavlist li{width:50%;margin-bottom:15px}
.fnavlist li a{display:block;color:#000000;font-size:14px}
.footlb{text-align:center}
.flx p{color:#333333;line-height: 2;}
.footlb a{width:47%;height:32px;border-radius:15px;background:var(--color);text-align:center;line-height:32px;display:block;margin:0 auto;margin-top:1vw;color: #fff;}
.footr{width:40%}
.footra{text-align:right}
.footra .fcop{color:#333333;font-size:14px;line-height:31px}
.footra .fcop a{color:#333333}
.footrb{width:140px}
.xian{background:#e7e7e7;width: 1px;height: 177px;}
.f-share .social-share .social-share-icon{width:38px;height:38px;line-height:36px;border:1px solid #393939;color:#393939}
.footrb img{max-width:100%}
.cop-bg{background:#f4f4f4;padding:15px 0}
.cop-index{color:#999999;font-size:12px}
.cop-index a{color:#999999}
.copl{width:25%;float:left}
.copm{width:40%;float:left}
.copr{width:28%;text-align:right;float:right}
@media(max-width:995px){
	.ab-bg{padding-top:40px}
	.ab-index{flex-wrap:wrap}
	.abl{width:100%}
	.atitle{flex-wrap:wrap}
	.atitle .atitlel::before{font-size:24px;color:#333333;top:0;left:0;height:31px;line-height:31px}
	.atitle .atitlel b{font-size:24px;padding-left:17px;color: #000;}
	.atitle .atitlel span{color:#000}
	.atitle .atitler{padding:0;color: #000;}
	.atitle .atitler::before{display:none}
	.atitle .atitler::after{display:none}
	.abr{width:100%;padding-top:20px}
	.abr .aw{margin-top:20px}
	.abr .aw p{font-size:14px}
	.alist{margin-top:20px}
	.alist li{width:31.333%}
	.alist li .wza{margin:5px 0}
	.alist li .wzb{font-size:13px}
	.honor-box{
    padding: 0 50px;
    margin-top: 30px;
}
	.honor-box .honor{}
	.honor-box ul{}
	.honor-box li{}
	.honor-box li img{}
	.honor-box .swiper-button-prev,.honor-box .swiper-button-next{
    width: 40px;
    height: 36px;
}
	.honor-box .swiper-button-prev{}
	.honor-box .swiper-button-next{}
	.pro-bg{margin-top:40px;padding:40px 0}
	.put::before{height:125px}
	.plist1{margin-top:55px}
	.plist1{flex-wrap:wrap}
	.plist1 li{width:48%;margin-bottom:4%}
	.plist1 li .wz .wza{font-size:16px}
	.plist1 li .wz .wzb{margin-top:5px}
	.recom-pro{margin-top:55px}
	.p1-swiper{margin-top:55px}
	.p1-swiper .swiper-slide a{padding:20px;flex-wrap:wrap;border-radius:0}
	.p1-swiper .swiper-slide a .img1{width:100%}
	.p1-swiper .swiper-slide a .wz{width:100%;margin-top:15px}
	.p1-swiper .swiper-slide a .wz .wza{font-size:14px}
	.p1-swiper .swiper-slide a .wz .wzb{margin-top:10px}
	.p1-swiper .swiper-slide a .wz .wzc{margin-top:10px}
	.yycj-bg{margin-top:40px;padding:40px 0}
	.yycj-index{flex-wrap:wrap}
	.yycj-left{width:100%}
	.yycj-right{width:100%;margin-top:20px}
	.news-index{margin-top:40px;flex-wrap:wrap}
	.newsl{width:100%}
	.news-con{margin-top:20px;flex-wrap:wrap}
	.nlist1{width:100%}
	.nlist2{width:100%;margin-top:20px}
	.nlist2 li{margin:10px 0}
	.nlist2 li a .wz{font-size:14px}
	.newsr{width:100%;margin-top:20px}
	.foot-bg{padding:40px 0}
	.foot-index{flex-wrap:wrap}
	.footl{width:100%;flex-wrap:wrap}
	.footla{width:100%}
	.footlb{width:100%;border:none}
	.xian{display:none}
	.footr{width:100%;flex-wrap:wrap}
	.footra{width:100%;text-align:center;margin-top:10px}
	.footrb{width:100%;text-align:center;margin-top:10px}
	.cop-index{flex-wrap:wrap;text-align:center}
	.copl{width:100%}
	.copm{width:100%}
	.copr{width:100%;text-align:center}
}



.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 222;}
.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: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;height: 90%;margin: 0 auto;box-sizing:border-box;overflow: visible;}
.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;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.z_tanchuang .tbox .modal .video_box{width: 100%;max-width: 600px;margin: 0 auto;height: 100%;}
.z_tanchuang .tbox .modal .video_box iframe{display: block;width: 100%;max-width: 100%;/* object-fit: cover; *//* max-height:500px; */border: 0;}
.z_tanchuang .tbox .modal .video_box iframe{margin: 0 auto ;}
.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.z_tanchuang .tbox .modal2{padding: 20px;}
.z_tanchuang .tbox .modal .video_box{max-width: 1200px;position;z-index:1;overflow:hidden;}
.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.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);}}
@media screen and (max-width: 769px) {
	.z_tanchuang .tbox .modal {background: white;padding: 0;box-sizing:border-box;display: block;border-radius: 5px;position: relative;width: 100%;max-width: 1200px;max-height: calc(100% - 110px);margin: 0 auto;top: 5px;bottom: 50px;}
	.z_tanchuang .tbox .modal .out{top: 0;right:0;background-color: #eee;}
}