/* 前端邵刚 */

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

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;min-width: 1280px;position: relative;padding: 0; width: 100%;color: #333;font-family:'微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px; line-height:1.5;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; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333; outline: none;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

.scroll_y::-webkit-scrollbar{ width:6px;height: 1px;}

.scroll_y::-webkit-scrollbar-thumb{ background:#654eb0;}

.scroll_y::-webkit-scrollbar-track{ background:#e5e5e5;} 

.f_12{font-size:12px;}

.f_16{font-size:16px;}

.f_18{font-size:18px;}

.f_20{font-size:20px;}

.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_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_46{font-size:46px;}

.f_48{font-size:48px;}

.f_50{font-size:50px;}

.f_54{font-size:54px;}

.f_68{font-size:68px;}

/* .fw_100{font-weight: 100;} */

.p_80{padding: 80px 0;}

.p_80_0{padding-top: 80px;}

.p_0_80{padding-bottom: 80px;}

.img_cct{width: 100%;opacity: 0;}

.t_line{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.t_line1{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.t_line2{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.t_line3{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.t_line4{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.t_line5{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

/*分页*/

.a_dw{position: relative;top: -100px;}

.box{max-width:1600px;min-width: 1200px;width:85%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box2{max-width:1400px;min-width: 1200px;width:75%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.alltime2,.alltime2 *{-webkit-transition: all 1s cubic-bezier(.4,0,.2,1); -moz-transition: all 1s cubic-bezier(.4,0,.2,1); transition: all 1s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

/* .fw_100{font-weight: 100;} */

.fl{float: left;}

.fr{float: right;}

@font-face {
  font-family: 'helvetica_neuemedium';
  src: url('../fonts/HelveticaNeue-Medium/helveticaneue-medium-webfont.eot');
  src: url('../fonts/HelveticaNeue-Medium/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/HelveticaNeue-Medium/helveticaneue-medium-webfont.woff2') format('woff2'),
       url('../fonts/HelveticaNeue-Medium/helveticaneue-medium-webfont.woff') format('woff'),
       url('../fonts/HelveticaNeue-Medium/helveticaneue-medium-webfont.ttf') format('truetype'),
       url('../fonts/HelveticaNeue-Medium/helveticaneue-medium-webfont.svg#helvetica_neueregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.f_helveM{font-family: 'helvetica_neuemedium';}

@font-face {
  font-family: "barlowB";
  src:  url("../fonts/barlow/Barlow-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.f_barlowB{font-family: 'barlowB';}

@font-face {
  font-family: "HelveticaNeue-Bold";
  src:  url("../fonts/HelveticaNeue-Bold/HelveticaNeue-Bold.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.f_helveB{font-family: 'HelveticaNeue-Bold';}

@font-face {
  font-family: "helveticaneue-light";
  src:  url("../fonts/helveticaneue-light/helveticaneue-light.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.f_helveL{font-family: 'helveticaneue-light';}

.div{width: 100vw;height: 100vh;position: relative;overflow: hidden;}

.color-change {position:absolute;z-index:4;width:200vw;height:200vw;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:#fff;-webkit-transition:-webkit-transform 800ms ease-in-out;transition:-webkit-transform 800ms ease-in-out;transition:transform 800ms ease-in-out;transition:transform 800ms ease-in-out,-webkit-transform 800ms ease-in-out;font-size:5em;/* mix-blend-mode:difference; */background: url(../images/ind3_bg21.jpg) no-repeat center;background-size: cover;}

.color-change.is--smaller {-webkit-transform:translate(-50%,-50%) scale(0.1);-ms-transform:translate(-50%,-50%) scale(0.05);transform:translate(-50%,-50%) scale(0.05);-webkit-transition-duration:0ms;transition-duration:0ms;}

.color-change.is--hide {display:none;}


.color-change.act2{opacity: 0;}

.in3_con .list .txt{color: #fff;}

.color-change.act{background: url(../images/ind3_bg11.jpg) no-repeat center;background-size: cover;}

.in3_con.act{background: url(../images/ind3_bg21.jpg) no-repeat center;background-size: cover;}


.footer{background: #3b3b3d url(../images/foot_bg.jpg) no-repeat center;background-size: cover;}

.footer .con1{display: flex;justify-content: space-between;padding: 60px 0 72px;}

.footer .con1 .con_le{width: 27.5%;}

.footer .con1 .con_le .ftlogo{width: 175px;margin-bottom: 63px;}

.footer .con1 .con_le .li{display: flex;margin-bottom: 34px;}

.footer .con1 .con_le .li:last-child{margin-bottom: 0;}

.footer .con1 .con_le .li .ico{width: 20px;min-width: 20px;}

.footer .con1 .con_le .li .txt{color: #fff;line-height: 20px;padding-left: 18px;}

.footer .con1 .con_le .li .txt a{color: #fff;}

.footer .con1 .con_le .li .txt a:hover{text-decoration: underline;}

.footer .con1 .con_le .li.tel .txt{line-height: 21px;}

.footer .con1 .con_le .li.tel .txt a{display: block;transform: translateY(-1px);}

.footer .con1 .con_re{padding-top: 35px;width: 65.5%;}

.footer .con1 .con_re .ul{display: flex;justify-content: space-between;}

.footer .con1 .con_re .li{padding-right: 15px;}

.footer .con1 .con_re .li:last-child{padding-right: 0;}

.footer .con1 .con_re .lv1{position: relative;}

/* .footer .con1 .con_re .lv1::before{content: "";position: absolute;bottom: -42px;left: 4px;width: 1px;height: 13px;background: #fff;transform: rotate(45deg);} */

.footer .con1 .con_re .lv1 a{color: #fff;font-weight: normal;}

.footer .con1 .con_re .lv1 a:hover{font-weight: bold;}

.footer .con1 .con_re .lv2box{padding-top: 26px;}

.footer .con1 .con_re .lv2{margin-top: 1em;}

.footer .con1 .con_re .lv2 a{color: #ccc;line-height: 22px;}

.footer .con1 .con_re .lv2 a:hover{color: #fff;}

.footer .con2{display: flex;justify-content: space-between;color: #7a7a80;line-height: 20px;padding: 24px 0 25px;}

.footer .con2 a{color: #7a7a80;}

.footer .con2 a:hover{color: #fff;}

.footer .line{height: 1px;background: #fff;opacity: 0.2;}

.yd{display: none;}

.inner_ban{position: relative;}

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

.inner_ban .txt{position: absolute;left: 0;top: 0;width: 100%;bottom: 0;margin: auto 0;color: #fff;display: flex;align-items: center;text-align: center;}

.inner_ban .txt .t2{margin-top: 32px;line-height: 30px;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;position: fixed;left: 0;top: 0;width: 100%;border-bottom: 1px solid rgba(224, 224, 224, 0);}

.header .hbox{padding: 0 60px;display: flex;justify-content: space-between;max-width: 1920px;margin: 0 auto;position: relative;z-index: 5;}

.header .logo{display: block;position: relative;padding: 20px 0;}

.header .logo img{height: 60px;}

.header .logo img:nth-child(2){position: absolute;left: 0;top: 20px;opacity: 0;}

.header .nav{display: flex;}

.header .nav .li{margin-left: 60px;position: relative;}

.header .nav .li:first-child{margin-left: 40px;}

.header .nav .li .lv1 a{position: relative;display: block;padding: 40px 0;line-height: 20px;color: #fff;}

.header .nav .li .lv1 a::before{left: auto;right: 0;bottom: 19px;width: 0;height: 2px;background: #fff;content: "";position: absolute;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.header .nav .lv2box{display: none;}

.header .hb_re{display: flex;padding-top: 42px;}

.header .hb_re .EN{color: #fff;line-height: 18px;}

.header .hb_re .ss{margin-left: 41px;position: relative;width: 17px;}

.header .hb_re .ss img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.header .hb_re .ss img:nth-child(3){position: absolute;left: 0;top: 0;opacity: 0;}

.header .hb_re .mall{margin-left: 41px;position: relative;width: 18px;}

.header .hb_re .mall img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.header .hb_re .mall img:nth-child(3){position: absolute;left: 0;top: 0;opacity: 0;}

.header.act3,
.header.act2,
.header.act,
.header:hover{border-bottom: 1px solid rgb(224, 224, 224);background: #fff;}

.header.act2{box-shadow: 0 0 12px rgba(51,51,51,0.1);}

.header.act3 .hbox,
.header.act2 .hbox,
.header.act .hbox,
.header:hover .hbox{background: #fff;}

.header.act4 .logo img:nth-child(1),
.header.act3 .logo img:nth-child(1),
.header.act2 .logo img:nth-child(1),
.header.act .logo img:nth-child(1),
.header:hover .logo img:nth-child(1){opacity: 0;}

.header.act4 .logo img:nth-child(2),
.header.act3 .logo img:nth-child(2),
.header.act2 .logo img:nth-child(2),
.header.act .logo img:nth-child(2),
.header:hover .logo img:nth-child(2){opacity: 1;}

.header.act4 .nav .li .lv1 a,
.header.act3 .nav .li .lv1 a,
.header.act2 .nav .li .lv1 a,
.header.act .nav .li .lv1 a,
.header:hover .nav .li .lv1 a{color: #333;}

.header.act4 .nav .li .lv1 a::before,
.header.act3 .nav .li .lv1 a::before,
.header.act2 .nav .li .lv1 a::before,
.header.act .nav .li .lv1 a::before,
.header:hover .nav .li .lv1 a::before{background: #654eb0;}

.header.act4 .hb_re .EN,
.header.act3 .hb_re .EN,
.header.act2 .hb_re .EN,
.header.act .hb_re .EN,
.header:hover .hb_re .EN{color: #333;}

.header.act4 .hb_re .ss img:nth-child(1),
.header.act3 .hb_re .ss img:nth-child(1),
.header.act2 .hb_re .ss img:nth-child(1),
.header.act .hb_re .ss img:nth-child(1),
.header:hover .hb_re .ss img:nth-child(1){opacity: 0;}

.header.act4 .hb_re .ss img:nth-child(2),
.header.act3 .hb_re .ss img:nth-child(2),
.header.act2 .hb_re .ss img:nth-child(2),
.header.act .hb_re .ss img:nth-child(2),
.header:hover .hb_re .ss img:nth-child(2){opacity: 1;}

.header.act4 .hb_re .mall img:nth-child(1),
.header.act3 .hb_re .mall img:nth-child(1),
.header.act2 .hb_re .mall img:nth-child(1),
.header.act .hb_re .mall img:nth-child(1),
.header:hover .hb_re .mall img:nth-child(1){opacity: 0;}

.header.act4 .hb_re .mall img:nth-child(2),
.header.act3 .hb_re .mall img:nth-child(2),
.header.act2 .hb_re .mall img:nth-child(2),
.header.act .hb_re .mall img:nth-child(2),
.header:hover .hb_re .mall img:nth-child(2){opacity: 1;}

.header .nav .li:hover .lv1 a{text-shadow: 1px 0 0 #333;}

.header .nav .li.act .lv1 a::before,
.header .nav .li:hover .lv1 a::before{width: 100%;left: 0;right: auto;}

.header .hb_re .EN:hover{color: #654eb0;}

.header .hb_re .ss:hover img:nth-child(1){opacity: 0;}

.header .hb_re .ss:hover img:nth-child(2){opacity: 0;}

.header .hb_re .ss:hover img:nth-child(3){opacity: 1;}

.header .hb_re .mall:hover img:nth-child(1){opacity: 0;}

.header .hb_re .mall:hover img:nth-child(2){opacity: 0;}

.header .hb_re .mall:hover img:nth-child(3){opacity: 1;}

.hdlv2{position: absolute;top: calc(100% + 1px);left: 0;width: 100%;padding-top: 50px;background: #fff;display: none;box-shadow: 0 0 12px rgba(51,51,51,0.1);}

.hdlv2 .ul{display: flex;justify-content: center;}

.hdlv2 .ul .li{width: 14.6875%;border-left: 1px solid #e0e0e0;padding: 0 0 49px 30px;}

.hdlv2 .ul .li:last-child{width: auto;}

.hdlv2 .ul .li .lv1{display: flex;}

.hdlv2 .ul .li .lv1 a:hover{color: #654eb0;}

.hdlv2 .ul .li .lv2box{padding-top: 20px;}

.hdlv2 .ul .li .lv2{display: flex;line-height: 22px;margin-top: 1em;}

.hdlv2 .ul .li .lv2 a:hover{color: #654eb0;text-shadow: 1px 0 0 #654eb0;}

.mhead{display: none;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 20;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}

.mhead .menu{height: 50px;padding-left: 35px;background:url(../images/m1.png) center right no-repeat ;background-size: 30px;float: right;}

.mhead .logo{display: block;position: absolute;top: 0;left: 0;z-index: 3;}

.mhead .logo img{display: block;height: 36px;margin-top: 8px;}

.mhead .ss{display: block;width: 50px;height: 50px;float: right;background: url(../images/ss_m.png) center no-repeat;background-size: 20px;}

.mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

.mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index:25;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav .mbox .ul1 li .ltop a{display: block;width: 100%;}

.mnav .mbox .ul1 li .ltop span{display: block;width: 100%;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;}

.mnav .mbox .ul1 li .ltop span::after{width: 16px;height: 2px;background: #444444;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

.mnav .mbox .ul1 li .ltop span::before{width: 2px;height: 16px;background: #444444;content: "";position: absolute;right: 22px;top: 17px;}

.mnav .mbox .ul1 li .ltop span.act::before {opacity: 0;}

.mnav .mbox .ul1 li .lbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav .mbox .ul1 li .lbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

.mnav.act{left: 0;}

.mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}


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

.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: 90%;width: 1000px;max-height: 90%;margin: 0 auto;}

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

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

.z_tanchuang .tbox .modal .img img{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 .img{max-width: 1000px;}

.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);}}


/* 产品 */
.product1 .con1{position: relative;}

.product1 .con1 .con_le{position: sticky;left: 0;top: 120px;width: 360px;width: 22.5%;}

.product1 .con1 .con_le .t2{position: relative;display: flex;margin-top: 20px;}

.product1 .con1 .con_le .t2 input{background: none;outline: none;width: calc(100% - 64px);border: 1px solid #e0e0e0;border-right: none;padding: 14px 16px;line-height: 16px;}

.product1 .con1 .con_le .t2 a{width: 64px;height: 48px;display: flex;align-items: center;justify-content: center;background: #654eb0;}

.product1 .con1 .con_le .t2 a:hover{opacity: 0.8;}

.product1 .con1 .con_le .t2 a img{width: 20px;}

.place::-webkit-input-placeholder{color:#999;font-weight: 100;}

.place:-moz-placeholder{color:#999;font-weight: 100;}

.place::-moz-placeholder{color:#999;font-weight: 100;}

.place:-ms-input-placeholder{color:#999;font-weight: 100;}

.product1 .con1 .con_le .dl{margin-top: 40px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;line-height: 28px;padding: 5px 0 31px;}

.product1 .con1 .con_le .dt{font-weight: bold;display: flex;align-items: center;margin-top: 26px;}

.product1 .con1 .con_le .dt s{border: 3px solid #654eb0;width: 12px;height: 12px;border-radius: 6px;margin-right: 8px;}

.product1 .con1 .con_le .dd{margin-top: 26px;}

.product1 .con1 .con_le .dd a:hover{color: #654eb0;}

.product1 .con1 .con_re{width: calc(100% - 440px);width: 72.5%;}

.prod1_list{display: flex;flex-wrap: wrap;}

.prod1_list .li{width: calc((100% - 80px)/3);margin: 0 40px 38px 0;}

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

.prod1_list .li .ss{display: block;padding-bottom: 2px;position: relative;}

.prod1_list .li .img{border-radius: 12px;overflow: hidden;}

.prod1_list .li .img img{width: 100%;}

.prod1_list .li .txt{display: flex;justify-content: space-between;padding: 25px 10px;line-height: 28px;}

.prod1_list .li .t1{width: calc(100% - 100px);}

.prod1_list .li .more{display: flex;align-items: center;}

.prod1_list .li .more .en{text-transform: uppercase;margin-right: 8px;color: #888;}

.prod1_list .li .more .ico{position: relative;width: 15px;}

.prod1_list .li .more .ico img:nth-child(2){opacity: 0;position: absolute;left: 0;top: 0;}

.prod1_list .li .ss s{position: absolute;left: auto;right: 0;bottom: 0;width: 0;height: 2px;background: #654eb0;}

.prod1_list .li .ss:hover .img img{transform: scale(1.1);}

.prod1_list .li .ss:hover s{left: 0;right: auto;width: 100%;}

.prod1_list .li .ss:hover .t1{text-shadow: 1px 0 0 #333;}

.prod1_list .li .ss:hover .more .en{color: #654eb0;}

.prod1_list .li .ss:hover .more .ico img:nth-child(1){opacity: 0;}

.prod1_list .li .ss:hover .more .ico img:nth-child(2){opacity: 1;}

.pages{display: flex;align-items: center;justify-content: center;}

.pages .pgbtn{display: flex;align-items: center;justify-content: center;position: relative;width: 40px;height: 40px;}

.pages .pgbtn img:nth-child(2){position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: 0;}

.pages .pgbtn:hover img:nth-child(1){opacity: 0;}

.pages .pgbtn:hover img:nth-child(2){opacity: 1;}

.pages .pgbtn.pg_next{margin-left: 3px;}

.pages .pgbtn.pg_next img{transform: rotate(180deg);}

.pages .num{width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 50%;color: #888;font-family: 'helvetica_neuemedium';position: relative;margin-left: 12px;z-index: 1;display:block;}

.pages .num s{z-index: -1;background: url(../images/pages_bg.svg) no-repeat center;background-size: cover;position: absolute;left: 0;right: 0;width: 100%;height: 100%;content: "";opacity: 0;-webkit-transition: all 1s cubic-bezier(.4,0,.2,1); -moz-transition: all 1s cubic-bezier(.4,0,.2,1); transition: all 1s cubic-bezier(.4,0,.2,1);}

.pages .num span{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;}

.pages .num.act span,
.pages .num:hover span{color: #fff;}

.pages .num.act s,
.pages .num:hover s{opacity: 1;}

.pages .num[href="#"]:hover, .pages .num[href=""]:hover, .pages .num:not([href]):hover{color: #888;cursor: auto;}

.pages .num[href="#"]::before, .pages .num[href=""]::before, .pages .num:not([href])::before{display: none;}

.pages .num:nth-child(2){margin-left: 3px;}

.pages .page{display: flex;align-items: center;margin: 0 20px 0 27px;color: #888;}

.pages .page input{background: none;border: 2px solid #654eb0;width: 64px;height: 40px;line-height: 36px;text-align: center;border-radius: 20px;color: #888;margin: 0 9px;outline: none;}

.pages .page input:focus{border: 2px solid #654eb0;}

.pages .btn_page{width: 40px;height: 40px;text-align: center;color: #fff;position: relative;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 1;}

.pages .btn_page::before{z-index: -1;background: url(../images/pages_bg.svg) no-repeat center;background-size: cover;position: absolute;left: 0;right: 0;width: 100%;height: 100%;content: "";-webkit-transition: all 1s cubic-bezier(.4,0,.2,1); -moz-transition: all 1s cubic-bezier(.4,0,.2,1); transition: all 1s cubic-bezier(.4,0,.2,1);}

.pages .btn_page:hover::before{transform: rotate(180deg);}

.product1 .con1 .con_re .pages{padding-top: 10px;}

.header_place{height: 100px;}

.prod_det{background: url(../images/prod_detbg.jpg) no-repeat bottom center;background-size: 100% auto;}

.subnav{display: flex;justify-content: flex-end;color: #555;padding: 30px 0 35px;}

.subnav .home{width: 14px;margin-right: 16px;}

.subnav .link{color: #555;position: relative;padding-bottom: 1px;white-space: nowrap;}

.subnav .link:last-child{white-space: normal;}

.subnav .link s{position: absolute;left: auto;right: 0;width: 0;height: 1px;background: #888;bottom: 0;}

.subnav .link:last-child s,
.subnav .link.act s,
.subnav .link:hover s{left: 0;right: auto;width: 100%;}

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

.prod_det .con1 .con_le{width: 45.715%;}

.prod_det .con1 .con_le .img img{width: 100%;}

.prod_det .con1 .prod_det_swp{border-radius: 12px;overflow: hidden;}

.prod_det .con1 .swiper-pagination{display: flex;bottom: 20px;justify-content: center;}

.prod_det .con1 .swiper-pagination-bullet{opacity: 1;background: none;width: 15px;height: 15px;border: 1px solid rgba(255,255,255,0);position: relative;margin: 0 6px;}

.prod_det .con1 .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid rgba(255,255,255,0.8);}

.prod_det .con1 .swiper-pagination-bullet::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 7px;height: 7px;border-radius: 50%;border:2px solid #fff;}

.prod_det .con1 .con_re{width: 45.715%;padding: 30px 0 0;}

.prod_det .con1 .t1{color: #000;line-height: 48px;}

.prod_det .con1 .ico{margin: 38px 0 32px;width: 26px;}

.prod_det .con1 .t3{line-height: 30px;color: #555;text-align: justify;margin-top: 23px;}

.prod_det .con1 .t4{margin-top: 43px;}

.prod_det .con1 .t5{margin-top: 23px;color: #555;line-height: 30px;}

.prod_det .con1 .t5 p{margin-top: 10px;padding-left: 18px;background: url(../images/product_det_ico1.svg) no-repeat left top 11px;background-size: 8px;}

.prod_det .con2 .ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 10px;}

.prod_det .con2 .li{width: 47.14%;display: flex;align-items: center;min-height: 120px;padding: 15px 0;line-height: 30px;border-bottom: 2px solid #f0f0f0;}

.prod_det .con2 .li .set{min-width: 149px;padding: 0 15px 0 2px;color: #555;}

.prod_det .con3 .t2{line-height: 30px;color: #555;margin-top: 27px;}

.goback{margin: 52px auto 0;display: flex;align-items: center;justify-content: center;width: 180px;height: 54px;border-radius: 27px;overflow: hidden;position: relative;}

.goback span{position: relative;z-index: 2;color: #fff;}

.goback img{position: relative;z-index: 2;width: 15px;margin-left: 11px;}

.goback s{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/product_det_ico3.svg) no-repeat center;background-size: cover;}

.goback p{position: absolute;left: 100%;top: 0;width: 100%;height: 100%;background: url(../images/product_det_ico3.svg) no-repeat center;background-size: cover;transform: rotate(180deg);}

.goback:hover s{left: -100%;}

.goback:hover p{left: 0;}

.nav2box{border-bottom: 1px solid #f5f5f5;position: sticky;top: 101px;left: 0;background: #fff;z-index: 88;}

.nav2box .swiper-container{overflow: visible;}

.nav2box .swiper-slide{width: 50%;flex-shrink: 1;text-align: center;white-space: nowrap;}

.nav2box .swiper-slide a{display: inline-block;padding: 16px 0 13px;line-height: 30px;position: relative;}

.nav2box .swiper-slide a s{position: absolute;left: auto;bottom: -1px;width: 0;right: 0;height: 3px;background: #654eb0;}

.nav2box .swiper-slide a:hover{color: #654eb0;}

.nav2box .swiper-slide.act a{font-weight: bold;color: #654eb0;}

.nav2box .swiper-slide a:hover s,
.nav2box .swiper-slide.act a s{width: 100%;right: auto;left: 0;}

.me_tit{text-align: center;}

.me_tit .t2{color: #999;margin-top: 15px;font-family: 'HelveticaNeue Roman';}

.news1{background: #f7f7f7;}

.news1_list{display: flex;padding-top: 57px;flex-wrap: wrap;}

.news1_list .li{width: calc((100% - 70px)/3);margin: 0 35px 35px 0;border-radius: 12px;overflow: hidden;background: #fff;}

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

.news1_list .li a{display: block;}

.news1_list .li .img{overflow: hidden;}

.news1_list .li .img img{width: 100%;}

.news1_list .li .txt{padding: 30px 30px 37px;}

.news1_list .li .t1{display: flex;align-items: center;color: #888;line-height: 18px;}

.news1_list .li .t1 img{margin-right: 8px;}

.news1_list .li .t2{line-height: 30px;margin: 26px 0;}

.news1_list .li .tline{height: 2px;background: #f0f0f0;position: relative;overflow: hidden;}

.news1_list .li .tline s{position: absolute;left: 0;bottom: 0;width: 60px;background: #654eb0;height: 100%;}

.news1_list .li .t3{margin: 24px 0 33px;line-height: 28px;height: 56px;color: #555;}

.news1_list .li .more{display: flex;align-items: center;}

.news1_list .li .more .en{color: #888;text-transform: uppercase;margin-right: 8px;}

.news1_list .li .more .ico{position: relative;width: 15px;}

.news1_list .li .more .ico img:nth-child(2){opacity: 0;position: absolute;left: 0;top: 0;}

.news1_list .li:hover .img img{transform: scale(1.1);}

.news1_list .li:hover .tline s{width: 100%;}

.news1_list .li:hover .more .en{color: #654eb0;}

.news1_list .li:hover .more .ico img:nth-child(1){opacity: 0;}

.news1_list .li:hover .more .ico img:nth-child(2){opacity: 1;}

.news1 .pages{padding-top: 25px;}

.news_det{background: #f7f7f7;}

.news_det .con1{background: #fff;padding: 70px 100px 55px;}

.news_det .ed_t1{line-height: 1.5;text-align: center;}

.news_det .ed_lis{color: #888;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;margin: 20px 0 38px;}

.news_det .ed_lis span{display: flex;align-items: center;line-height: 18px;margin: 0 40px 10px 0;}

.news_det .ed_lis span img{height: 16px;margin-right: 10px;}

.news_det .ed_lis span:last-child{margin-right: 0;}

.news_det .ed_line{border-bottom: 2px dashed #e7e7e7;}

.news_det .edit{font-size: 16px;line-height: 32px;color: #555;margin: 32px 0;}

.news_det .edit img{height: auto !important;display: inline-block;}

.news_det .ed_fy{display: flex;justify-content: space-between;align-items: center;margin-top: 45px;}

.news_det .ed_fy .flt{max-width: 70%;}

.news_det .ed_fy .item{overflow: hidden;}

.news_det .ed_fy .item:nth-child(2){margin-top: 20px;}

.news_det .ed_fy .item a{line-height: 26px;color: #888;float: left;}

.news_det .ed_fy .item a:hover{color: #333;text-shadow: 0.5px 0 0 #333;}

.news_det .ed_fy .goback{margin: 0;}

.search1{background: #f7f7f7 url(../images/searchbg.png) no-repeat top center;background-size: 100% auto;}

.search1 .con1{padding: 63px 80px;background: rgba(255,255,255,0.5);display: flex;justify-content: space-between;}

.search1 .con1 .con_le{display: flex;align-items: center;}

.search1 .con1 .con_le a{border-radius: 27px;line-height: 54px;width: 180px;background: url(../images/product_det_ico3.svg) no-repeat center;background-size: cover;text-align: center;position: relative;margin-right: 30px;}

.search1 .con1 .con_le a:last-child{margin-right: 0;}

.search1 .con1 .con_le span{color: #654eb0;position: relative;z-index: 2;display: block;}

.search1 .con1 .con_le s{position: absolute;left: 2px;top: 2px;width: 176px;height: 50px;border-radius: 25px;transform: scale(1);transform-origin: center;background: #fff;}

.search1 .con1 .con_le a.act span,
.search1 .con1 .con_le a:hover span{color: #fff;}

.search1 .con1 .con_le a.act s,
.search1 .con1 .con_le a:hover s{transform: scale(0);}

.search1 .con1 .con_re{position: relative;width: calc(100% - 420px);max-width: 50%;}

.search1 .con1 .con_re input{border: 1px solid #d4d8d9;outline: none;padding: 11px 140px 11px 19px;line-height: 30px;width: 100%;border-radius: 12px;}

.search1 .con1 .con_re a{position: absolute;top: 0;right: 0;width: 120px;height: 54px;color: #fff;text-align: center;line-height: 54px;border-radius: 6px;z-index: 3;overflow: hidden;}

.search1 .con1 .con_re a span{position: relative;z-index: 3;display: block;}

.search1 .con1 .con_re a s{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/product_det_ico3.svg) no-repeat center;background-size: cover;}

.search1 .con1 .con_re a p{position: absolute;left: 100%;top: 0;width: 100%;height: 100%;background: url(../images/product_det_ico3.svg) no-repeat center;background-size: cover;transform: rotate(180deg);}

.search1 .con1 .con_re a:hover s{left: -100%;}

.search1 .con1 .con_re a:hover p{left: 0;}

.contact1 .con1{display: flex;justify-content: space-between;align-items: center;}

.contact1 .con1 .con_le{width: 45%;}

.contact1 .con1 .con_re{width: 50%;border-radius: 12px;overflow: hidden;}

.contact1 .con1 .con_le .me_tit{text-align: left;}

.contact1 .con1 .con_le .t3{margin: 46px 0 31px;}

.contact1 .con1 .con_le .tline{height: 2px;position: relative;background: #f0f0f0;}

.contact1 .con1 .con_le .tline s{position: absolute;left: 0;top: 0;height: 100%;width: 60px;background: #654eb0;}

.contact1 .con1 .con_le .ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 8px;}

.contact1 .con1 .con_le .ul .li{margin-top: 48px;width: 56.25%;display: flex;align-items: center;border-right: 1px solid #e0e0e0;padding: 4px 15px 4px 0;}

.contact1 .con1 .con_le .ul .li:nth-child(2n){width: 35.42%;border-right: none;}

.contact1 .con1 .con_le .ul .ico{width: 46px;min-width: 46px;}

.contact1 .con1 .con_le .ul .txt{padding-left: 16px;}

.contact1 .con1 .con_le .ul .txt .t1{color: #888;}

.contact1 .con1 .con_le .ul .txt .t2{line-height: 30px;margin-top: 6px;}

.contact1 .con1 .con_le .ul .txt .t2 a:hover{color: #654eb0;}

.contact2{background: url(../images/contact2_bg.jpg) no-repeat center;background-size: cover;}

.contact2 .ul{display: flex;margin-top: 36px;}

.contact2 .ul .li{background: #fff;padding: 50px 40px 108px;border-radius: 12px;width: calc((100% - 70px)/3);margin-right: 35px;position: relative;}

.contact2 .ul .li:nth-child(3){margin-right: 0;}

.contact2 .ul .li .t1{line-height: 32px;}

.contact2 .ul .li .tline{height: 2px;background: #f0f0f0;position: relative;margin: 26px 0 24px;}

.contact2 .ul .li .tline s{position: absolute;left: 0;height: 100%;width: 60px;background: #654eb0;}

.contact2 .ul .li .t2{line-height: 30px;margin-bottom: 7px;}

.contact2 .ul .li .t3{line-height: 30px;color: #555;}

.contact2 .ul .li .gwzz{margin-bottom: 13px;}

.contact2 .ul .li .mailto{position: absolute;left: 40px;width: calc(100% - 80px);bottom: 34px;}

.contact2 .ul .li .mailto a{display: flex;align-items: center;color: #888;}

.contact2 .ul .li .mailto .ico{position: relative;margin-right: 12px;}

.contact2 .ul .li .mailto .ico img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.contact2 .ul .li .mailto .sp1{text-decoration: underline;}

.contact2 .ul .li .mailto a:hover .txt span{color: #654eb0;}

.contact2 .ul .li .mailto a:hover .ico img:nth-child(1){opacity: 0;}

.contact2 .ul .li .mailto a:hover .ico img:nth-child(2){opacity: 1;}

.contact2 .ul .li:hover .tline s{width: 100%;}

.contact2 .pages{margin-top: 60px;}

.contact3 .con1{padding: 60px 100px;background: url(../images/contact3_bg.jpg) no-repeat bottom center;background-size: cover;margin-top: 37px;}

.contact3 .con1 .formbox{display: flex;flex-wrap: wrap;}

.contact3 .con1 .item{width: calc((100% - 50px)/3);margin: 0 25px 25px 0;position: relative;display: flex;padding: 0 20px;border: 1px solid #e0e0e0;border-radius: 6px;line-height: 62px;background: #fff;}

.contact3 .con1 .item_message,
.contact3 .con1 .item_city,
.contact3 .con1 .item_yx{margin-right: 0;}

.contact3 .con1 .item_city,
.contact3 .con1 .item_gsmc{width: calc((100% - 25px)/2);}

.contact3 .con1 .item_message{width: 100%;}

.contact3 .con1 .item .txt{white-space: nowrap;color: #888;}

.contact3 .con1 .item input{width: 100%;background: none;outline: none;border: none;padding: 0 10px;}

.contact3 .con1 .item textarea{width: 100%;background: none;outline: none;border: none;padding: 18px 10px;resize: none;line-height: 26px;height: 158px;font-family: '微软雅黑';}

.contact3 .con1 .goback{margin-top: 15px;}

.service1{background: url(../images/service1_bg.jpg) no-repeat bottom center;background-size: cover;padding: 100px 0 40px;}

.service1 .ul{display: flex;margin-top: 55px;height: 540px;justify-content: center;}

.service1 .ul .li{width: 420px;}

.service1 .ul .li:nth-child(3),
.service1 .ul .li:nth-child(2){margin-left: -64px;}

.service1 .ss{height: 420px;border-radius: 210px;border: 1px solid #e0e0e0;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 68px;}

.service1 .ss .ico{position: relative;}

.service1 .ss .ico img{width: 40px;}

.service1 .ss .ico img:nth-child(2){position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: 0;}

.service1 .ss .t1{margin-top: 34px;}

.service1 .ss .tline{pointer-events: none;opacity: 0;visibility: hidden;width: 100%;height: 1px;background: url(../images/service1_line.png) repeat-x center;background-size: 100%;}

.service1 .ss .t2{pointer-events: none;opacity: 0;visibility: hidden;height: 0;line-height: 43px;text-align: center;color: #fff;}

@media screen and (min-width:1031px) {
  .service1 .li:hover{z-index: 2;position: relative;}
  
  .service1 .ss:hover{height: 540px;background: #654eb0;border-color: #654eb0;}
  
  .service1 .ss:hover .ico img:nth-child(2){opacity: 1;}
  
  .service1 .ss:hover .ico img:nth-child(1){opacity: 0;}
  
  .service1 .ss:hover .t1{color: #fff;}
  
  .service1 .ss:hover .tline{pointer-events: all;visibility: visible;opacity: 1;margin-top: 38px;}
  
  .service1 .ss:hover .t2{pointer-events: all;visibility: visible;opacity: 1;height: 129px;margin: 28px 0 10px;}
}

.service2 .ul{display: flex;flex-wrap: wrap;}

.service2 .ul .li{width: calc((100% - 70px)/3); margin: 35px 35px 0 0;}

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

.service2 .ul .li .ss{display: flex;background: #fafafa;border: 1px solid #e6e6e6;border-radius: 12px;padding: 40px 25px 25px 50px;}

.service2 .ul .li a>.ico img{width: 48px;min-width: 48px;}

.service2 .ul .li .txt{padding-left: 48px;}

.service2 .ul .li .txt .t1{color: #888888;}

.service2 .ul .li .txt .t2{line-height: 36px;height: 72px;margin: 10px 0 7px;}

.service2 .ul .li .txt .more{display: flex;align-items: center;}

.service2 .ul .li .txt .more .en{margin-right: 8px;color: #888;}

.service2 .ul .li .txt .more .ico{position: relative;width: 15px;}

.service2 .ul .li .txt .more .ico img:nth-child(2){opacity: 0;position: absolute;left: 0;top: 0;}

.service2 .ul .li:hover .ss{background: rgba(33, 0, 137, 0.05);border-color: #654eb0;}

.service2 .ul .li:hover .ss .more .en{color: #654eb0;}

.service2 .ul .li:hover .ss .more .ico img:nth-child(1){opacity: 0;}

.service2 .ul .li:hover .ss .more .ico img:nth-child(2){opacity: 1;}

.service3{background: #fafafa;}

.service3 .ul{display: flex;flex-wrap: wrap;}

.service3 .ul .li{width: calc((100% - 105px)/4);margin: 35px 35px 0 0;}

.service3 .ul .li:nth-child(4n){margin-right: 0;}

.service3 .ul .li a{display: block;}

.service3 .li .img{overflow: hidden;border-radius: 12px;position: relative;}

.service3 .li .img img{width: 100%;}

.service3 .li .img .bofang{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);display: flex;align-items: center;justify-content: center;}

.service3 .li .img .bofang img{width: 50px;}

.service3 .li .txt{padding: 30px 0 7px;}

.service3 .li .txt .t1{display: flex;align-items: center;color: #888;line-height: 18px;}

.service3 .li .txt .t1 img{margin-right: 8px;}

.service3 .li .txt .t2{line-height: 34px;margin-top: 13px;max-height: 68px;}

.service3 .li:hover .img img{transform: scale(1.1);}

.service3 .li:hover .txt .t2{color: #654eb0;}

.service3 .pages{padding-top: 33px;}

.service4 .ul{margin-top: 36px;}

.service4 .li:first-child{border-top: 1px solid #e0e0e0;}

.service4 .li{padding: 0 35px;border-bottom: 1px solid #e0e0e0;-webkit-transition: all 1s cubic-bezier(.4,0,.2,1); -moz-transition: all 1s cubic-bezier(.4,0,.2,1); transition: all 1s cubic-bezier(.4,0,.2,1);}

.service4 .ltop{display: flex;justify-content: space-between;align-items: center;padding: 30px 0;cursor: pointer;}

.service4 .ltop .t1{line-height: 20px;width: 80%;}

.service4 .ltop span{position: relative;height: 14px;width: 14px;}

.service4 .ltop span::after{width: 14px;height: 2px;background: #333333;content: "";position: absolute;top: 6px;left: 0;}

.service4 .ltop span::before{width: 2px;height: 14px;background: #333333;content: "";position: absolute;top: 0;left: 6px;}

.service4 .lbot{padding: 24px 0;line-height: 2;color: #555;border-top: 2px dashed #eee;display: none;}

.service4 .li.act,
.service4 .li:hover{background: #fafafa;}

.service4 .li.act .ltop span::before
.service4 .li:hover .ltop span::before{opacity: 0;}

.service4 .li.act .lbot{display: block;}

.solution1{background: #fafafa;}

.solution1 .con1{padding-top: 20px;display: flex;justify-content: space-between;}

.solution1 .me_tit{text-align: left;}

.solution1 .con1 .t3{line-height: 2;transform: translateY(-0.5em);color: #555;width: 66%;}

.solution1 .con2{margin-top: 55px;}

.solution1 .con2 .img img{width: 100%;border-radius: 16px;}

.solution1 .swpcon{margin-top: -100px;padding: 0 80px;position: relative;}

.solution1 .swpcon .swiper-slide{width: calc((100% - 39px)/4);margin-right: 13px;background: #fff;height: auto;}

.solution1 .swpcon .swiper-slide:last-child{margin-right: 0;}

.solution1 .swpcon .ss{position: relative;padding: 50px 44px 54px;}

.solution1 .swpcon .ss span{position: absolute;top: 0;left: auto;width: 0;height: 5px;background: #654eb0;right: 0;}

.solution1 .swpcon .t1{font-size: 80px;color: #f0f0f0;line-height: 60px;color: rgba(0, 0, 0, 0.2);}

.solution1 .swpcon .t2{color: #cccdcc;text-transform: uppercase;margin: 36px 0 8px;}

.solution1 .swpcon .tline{margin: 16px 0 8px;height: 2px;background: #f0f0f0;position: relative;}

.solution1 .swpcon .tline s{position: absolute;left: 0;top: 0;height: 2px;background: #654eb0;width: 60px;}

.solution1 .swpcon .t4{line-height: 28px;color: #555;}

.solution1 .swpcon .swiper-slide:hover span{width: 100%;left: 0;right: auto;}


.solution1 .swpcon .swiper-slide:hover .t1{color: #654eb0;}

.solution1 .con2 .prevbtn{box-shadow: 0 0 20px rgba(51,51,51,0.2);}

.solution1 .con2 .nextbtn{box-shadow: 0 0 20px rgba(51,51,51,0.2);}

.solution1 .con2 .swp_btn img:nth-child(2){position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: 0;}

.solution1 .con2 .swp_btn span{background: #fff;opacity: 0.8;z-index: 1;}

.solution1 .con2 .swp_btn a:hover img:nth-child(2){opacity: 0;}

.solution1 .con2 .swp_btn a:hover img:nth-child(2){opacity: 1;}

.solution1 .con2 .swp_btn a:hover span{opacity: 0;}

.solution1 .swp_btn a.swiper-button-disabled:hover s{opacity: 1;}


.swp_btn{position: static;}

.swp_btn a{position: absolute;top: 50%;width: 54px;height: 54px;margin-top: -27px;display: flex;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;}

.swp_btn a img{width: 15px;position: relative;z-index: 3;}

.swp_btn a.prevbtn img{transform: rotate(180deg);}

.swp_btn a span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #333333;opacity: 0.6;}

.swp_btn a s{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/swpbtn.png) no-repeat center;background-size: cover; z-index: 2;opacity: 0;}

.swp_btn a:hover span{opacity: 0;}

.swp_btn a:hover s{opacity: 1;}

.swp_btn a.prevbtn{left: 0;}

.swp_btn a.nextbtn{right: 0;}

.solution2{background: url(../images/solution2_bg.jpg) no-repeat center;background-size: cover;}

.solution2 .ul{display: flex;justify-content: space-between;margin-top: 35px;}

.solution2 .ul .li{width: calc((100% - 20px)/2);background: #fff;border-radius: 12px;}

.solution2 .ul .li .ss{display: flex;padding: 30px 30px 30px 60px;justify-content: space-between;align-items: center;}

.solution2 .ss .img{width: 42.85%;}

.solution2 .ss .img img{width: 100%;border-radius: 12px;}

.solution2 .ss .txt{width: 48.57%;}

.solution2 .ss .tline{height: 2px;background: #f0f0f0;position: relative;margin: 30px 0 22px;}

.solution2 .ss .tline s{position: absolute;left: 0;top: 0;width: 60px;height: 100%;background: #654eb0;}

.solution2 .ss .t3{line-height: 2;color: #555;height: 4em;margin-bottom: 32px;}

.solution2 .ss .more{display: flex;align-items: center;}

.solution2 .ss .more .en{text-transform: uppercase;margin-right: 8px;color: #888;}

.solution2 .ss .more .ico{position: relative;width: 15px;}

.solution2 .ss .more .ico img:nth-child(2){opacity: 0;position: absolute;left: 0;top: 0;}

.solution2 .ss:hover .tline s{width: 100%;}

.solution2 .ss:hover .more .en{color: #654eb0;}

.solution2 .ss:hover .more .ico img:nth-child(1){opacity: 0;}

.solution2 .ss:hover .more .ico img:nth-child(2){opacity: 1;}

.solution3 .con2{margin-top: 35px;overflow: hidden;}

.solution3 .con2 .swpcon{margin: 0 auto;width: 100%;overflow: visible;position: relative;}

.solution3 .con2 .swiper-container{overflow: visible;}

.solution3 .con2 .ss{display: block;position: relative;border-radius: 12px;overflow: hidden;}

.solution3 .con2 .img{position: relative;overflow: hidden;}

.solution3 .con2 .img img{width: 100%;}

.solution3 .con2 .txt{position: absolute;bottom: 23px;width: 91.66%;left: 4%;padding-left: 18px;line-height: 30px;color: #fff;z-index: 2;}

.solution3 .con2 .txt::after{content: "";position: absolute;left: 0;top: 0;height: 30px;width: 8px;background: url(../images/swpbtn.png) no-repeat left center;background-size: 8px;}

.solution3 .con2 .img span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/solution3_bg.png) no-repeat bottom center;background-size: 100% auto;}

.solution3 .con2 .prevbtn{left: calc(25% - 17px);box-shadow: 0 0 20px rgba(51,51,51,0.2);}

.solution3 .con2 .nextbtn{right: calc(25% - 17px);box-shadow: 0 0 20px rgba(51,51,51,0.2);}

.solution3 .con2 .swp_btn img:nth-child(2){position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: 0;}

.solution3 .con2 .swp_btn span{background: #fff;opacity: 0.8;z-index: 1;}

.solution3 .con2 .swp_btn a:hover img:nth-child(2){opacity: 0;}

.solution3 .con2 .swp_btn a:hover img:nth-child(2){opacity: 1;}

.solution3 .con2 .swp_btn a:hover span{opacity: 0;}

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

.about1 .con1 .img{width: 38.75%;overflow: hidden;}

.about1 .con1 .img img{width: 100%;border-radius: 50%;}

.about1 .con1 .txt{width: 40%;margin-right: 9.8125%;padding-top: 10px;}

.about1 .con1 .me_tit{text-align: left;}

.about1 .con1 .t3{line-height: 2;margin-top: 30px;}

.about1 .con1 .t4{display: flex;padding-right: 50px;justify-content: space-between;}

.about1 .con1 .t4 .item{padding-right: 20px;}

.about1 .con1 .t4 .item:last-child{padding-right: 0;}

.about1 .con1 .t4 .it_top{color: #654eb0;margin-top: 28px;margin-bottom: 25px;white-space: nowrap;}

.about1 .con1 .t4 span{line-height: 40px;display: inline-block;}

.about1 .con1 .t4 sub{vertical-align: baseline;margin-left: 8px;line-height: 1;}

.about1 .con1 .t4 img{display: inline-block;vertical-align: baseline;margin-left: 8px;}

.about1 .con1 .line{position: absolute;right: 1px;top: 0;height: 100%;background: #e6e6e6;width: 1px;}

.about1 .con1 .line s{position: absolute;right: 0;top: 50%;width: 2px;height: 31.75%;transform: translateY(-50%);background: #333;}

.about1 .con2{background: url(../images/about1_bg.jpg) no-repeat center;background-size: cover;}

.about1 .con2 .ul{display: flex;}

.about1 .con2 .li{width: 33.333%;height: 720px;padding: 100px 40px;border-right: 1px solid rgba(255,255,255,0.2);display: flex;align-items: center;color: #fff;}

.about1 .con2 .li:first-child{border-left: 1px solid rgba(255,255,255,0.2);}

.about1 .con2 .ss img{height: 45px;}

.about1 .con2 .ss .t1{position: relative;line-height: 32px;margin-top: 25px;}

.about1 .con2 .ss .t1::before{content: "";position: absolute;top: 0;left: -41px;width: 2px;height: 32px;background-color: #fff;}

.about1 .con2 .ss .t2{line-height: 2;opacity: 0;pointer-events: none;visibility: hidden;height: 0;max-width: 342px;}

.about1 .con2 .ss .ico2{opacity: 0;pointer-events: none;visibility: hidden;}

.about1 .con2 .li:hover .ss .ico1{opacity: 0;pointer-events: none;visibility: hidden;}

.about1 .con2 .li:hover .ss .t1{margin-top: 0;}

.about1 .con2 .li:hover .ss .t2{margin-top: 28px;opacity: 1;pointer-events: all;visibility: visible;height: 24em;overflow: hidden;}

.about1 .con2 .li:hover .ss .ico2{margin-bottom: 20px;opacity: 1;pointer-events: all;visibility: visible;}

.about2 .ul{display: flex;justify-content: space-between;margin-top: 35px;}

.about2 .ul .li{width: calc((100% - 40px)/2);border-radius: 12px;overflow: hidden;}

.about2 .ul .li .ss{position: relative;}

.about2 .ul .li .img{position: relative;overflow: hidden;}

.about2 .ul .li:hover .img img{transform: scale(1.1);}

.about2 .ul .li .img img{width: 100%;}

.about2 .ul .li .img span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/about2_imgbg.png) no-repeat bottom center;background-size: cover;}

.about2 .ul .li .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 30px 15px 50px;color: #fff;}

.about2 .ul .li .txt .t2{line-height: 26px;height: 52px;overflow: hidden;margin-top: 20px;}

.about4{background: #fafafa;}

.about4 .ul{padding-top: 15px;display: flex;flex-wrap: wrap;}

.about4 .li{width: calc((100% - 80px)/5);margin: 20px 20px 0 0;background: #fff;box-shadow: 0 5px 9.04px 0.06px rgba(0,0,0,0.05);}

.about4 .li:nth-child(5n){margin-right: 0;}

.about4 .li .ss{overflow: hidden;}

.about4 .li .ss img{width: 100%;}

.about4 .li:hover .ss img{transform: scale(1.1);}

.about5 .swpcon{margin-top: 40px;position: relative;}

.about5 .swpcon .swiper-slide{width: calc((100% - 100px)/3);margin-right: 50px;}

.about5 .swpcon .swiper-slide:last-child{margin-right: 0;}

.about5 .swpcon .ss{position: relative;}

.about5 .swpcon .ss .bgt{position: absolute;top: 0;left: 0;width: 100%;border-radius: 12px;overflow: hidden;}

.about5 .swpcon .ss img{width: 100%;}

.about5 .swpcon .ss .img{position: relative;z-index: 2;overflow: hidden;}

.about5 .swpcon .ss:hover .img img{transform: scale(1.1);}

.about5 .swpcon .ss .txt{text-align: center;margin-top: 11px;}

.about5 .swpcon .prevbtn{top: 27.16%;margin: 0 0 0 -27px;z-index: 3;}

.about5 .swpcon .nextbtn{top: 27.16%;margin: 0 -27px 0 0;z-index: 3;}

.swiper-button-disabled{cursor: no-drop;}

/* .swp_btn a.swiper-button-disabled span{opacity: 0.6;}

.swp_btn a.swiper-button-disabled s{opacity: 0;} */

.swp_btn a.swiper-button-disabled{pointer-events: none;}

.swp_btn a.swiper-button-disabled span{background: rgba(0, 0, 0, 0.2) !important;}

.swp_btn a.swiper-button-disabled s{opacity: 0;}

.about3{background: url(../images/about3_bg.jpg) no-repeat center;background-size: cover;}

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

.about3 .con1 .me_tit{text-align: left;}

.about3 .con2{padding-bottom: 98px;position: relative;margin-top: 150px;}

.about3 .swiper-slide{width: auto;margin-right: 50px;height: auto;}

.about3 .swiper-slide:last-child{margin-right: 0;}

.about3 .swiper-slide .ss{padding-bottom: 0;display: flex;align-items: flex-end;padding-bottom: 14px;cursor: pointer;height: 100%;}

.about3 .swiper-slide .ss s{position: absolute;left: 0;width: 100%;bottom: 0;height: 24px;background: url(../images/about3_bg2.png) no-repeat center;background-size: 100%;}

.about3 .swiper-slide .ss .img{position: relative;z-index: 2;overflow: hidden;}

.about3 .swiper-slide .ss span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/about3_ico.png) no-repeat center;background-size: 48px;opacity: 0;transform: scale(0);}

.about3 .swiper-slide .ss:hover span{opacity: 1;transform: scale(1);}

.about3 .con3{padding-bottom: 60px;}

.about3 .con3 .box{display: flex;align-items:center;}

.about3 .con3 img{display: inline-block;width: 17px;}

.about3 .con3 span{line-height: 24px;margin-left: 10px;}

.honor_pagin{color: #888;padding-top: 15px;}

.honor_pagin .pagin_le{color: #333;display: inline-block;vertical-align: text-bottom;}

.honor_pagin .pagin_ce{display: inline-block;vertical-align: baseline;margin: 0 6px 0 4px;}

.honor_pagin .pagin_re{display: inline-block;vertical-align: baseline;}

.honor_pagin2{width: 400px;position: relative;height: 3px;background: #d9d9d9;display: block !important;margin-top: 14px;}

.swiper-scrollbar-drag{height: 4px;background: #654eb0;top: auto;bottom: 1px;border-radius: 0;}

.img_tanchuang .tbox .modal{background: none;}

.ind_ban{position: relative;overflow: hidden;}

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

.ind_ban .img .pc{opacity: 0;}

.ind_ban .img{position: relative;height: 100vh;background-repeat: no-repeat;background-position: center;background-size: cover;}

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

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

.ind_ban .ss{position: relative;}

.ind_ban .ss .txt{position: absolute;left: 0;top: 0;width: 100%;height: 91.89%;}

.ind_ban .ss .txt .box{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;color: #fff;text-align: center;}

.ind_ban .ss .txt .t1{line-height: 1.2;transform: translateY(60px);opacity: 0;}

.ind_ban .ss .txt .t2{line-height: 1.5;margin-top: 30px;transform: translateY(60px);opacity: 0;}

.ind_ban .swiper-slide-active .ss .txt .t1{transition-delay: 0.7s;transform: translateY(0);opacity: 1;}

.ind_ban .swiper-slide-active .ss .txt .t2{transition-delay: 0.9s;transform: translateY(0);opacity: 1;}

.ind_ban .tt{position: absolute;left: 50%;top: -25px;margin-left: -28px;white-space: nowrap;z-index: 2;color: #fff;}

.ind_ban .scroll{display: block;width: 2px;position: absolute;left: 50%;bottom: 0;}

.ind_ban .xian{width: 2px;height: 60px;overflow: hidden;background:rgba(255, 255, 255, 0.3) ;z-index: 3;position: relative;}

.ind_ban .xian s{display: block;position: absolute;height: 100%;width: 100%;top: -100%;left: 0; background: #fff;animation: cd 3s linear infinite;-webkit-animation: cd 3s linear infinite;}

@-webkit-keyframes cd {0% {top: -100%;}100% {top: 100%;}}

@keyframes cd {0% {top: -100%;}100% {top: 100%;}}

.ind_pogin{position: static;}

.pogin1{position: absolute;right: 7.5%;top: 50%;width: 15px;transform: translateY(-50%);display: flex;flex-direction: column;justify-content: center;z-index: 10;}

.pogin1 .swiper-pagination-bullet{opacity: 1;background: none;width: 15px;height: 15px;border: 1px solid rgba(255,255,255,0);position: relative;margin: 9px 0;}

.pogin1 .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 1px solid rgba(255,255,255,0.8);}

.pogin1 .swiper-pagination-bullet::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 7px;height: 7px;border-radius: 50%;border:2px solid #fff;}

.pogin2{position: absolute;right: 7.5%;bottom: 6.3%; z-index: 10;color: #fff;}

.pogin2 .le{display: inline-block;vertical-align: baseline;}

.pogin2 .re{display: inline-block;vertical-align: baseline;}

.in2_con{height: 100vh;background: url(../images/ind2_bg.jpg) no-repeat center;background-size: cover;}

.in2_con .box{display: flex;align-items: center;height: 100%;padding-top: 20px;justify-content: space-between;}

.in2_con .con_le{width: 42.5%;color: #fff;}

.in2_con .con_le .tline{margin: 40px 0 32px;width: 80px;background: #654eb0;height: 2px;}

.in2_con .con_le .t2{line-height: 2;}

.in2_con .con_le .t3{display: flex;padding-right: 50px;justify-content: space-between;/* max-width: 570px; */}

.in2_con .con_le .t3 .item{padding-right: 20px;}

.in2_con .con_le .t3 .item:last-child{padding-right: 0;}

.in2_con .con_le .t3 .it_top{color: #654eb0;margin-top: 32px;margin-bottom: 25px;white-space: nowrap;}

.in2_con .con_le .t3 span{line-height: 40px;display: inline-block;}

.in2_con .con_le .t3 sub{vertical-align: baseline;margin-left: 8px;}

.in2_con .con_le .t3 img{display: inline-block;vertical-align: baseline;margin-left: 8px;}

.in2_con .con_le .more{display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;width: 182px;height: 56px;border-radius: 28px;margin-top: 60px;}

.in2_con .con_le .more span{color: #fff;margin-right: 16px;position: relative;z-index: 2;text-transform: uppercase;}

.in2_con .con_le .more img{width: 15px;position: relative;z-index: 2;}

.in2_con .con_le .more s{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/product_det_ico3.svg) no-repeat center;background-size: cover;transform: scale(0);z-index: 1;border-radius: 28px;}

.in2_con .con_le .more p{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 28px;}

.in2_con .con_le .more:hover s{transform: scale(1.1);}

.in2_con .con_re{width: 42.5%;color: #fff;}

.in2_con .con_re .ul{display: flex;justify-content: space-between;align-items: center;}

.in2_con .con_re .ico1 img{height: 48px;margin: 0 auto;}

.in2_con .con_re .t1{margin: 30px 0;text-align: center;}

.in2_con .con_re .ico2 img{width: 26px;margin: 0 auto;}

.in2_con .con_re .line{height: 120px;width: 1px;background: #fff;opacity: 0.2;}

.in4_con{height: 100vh;position: relative;}

.in4_con .imglist{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.in4_con .imglist .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;background-position: center;background-repeat: no-repeat;background-size: cover;}

.in4_con .imglist .img.act{opacity: 1;z-index: 2;}

.in4_con .txtlist{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}

.in4_con .txtlist .box{display: flex;align-items: flex-end;padding-bottom: 12.6vh;height: 100%;}

.in4_con .con1{color: #fff;width: 100%;}

.in4_con .con1 .t2{margin: 28px 0 40px;}

.in4_con .con1 .tline{width: 80px;background: #654eb0;height: 2px;}

.in4_con .con1 .t3{line-height: 30px;max-width: 470px;margin-top: 33px;}

.in4_con .con1 .more{display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;width: 182px;height: 56px;border-radius: 28px;margin-top: 55px;}

.in4_con .con1 .more span{color: #fff;margin-right: 16px;position: relative;z-index: 2;text-transform: uppercase;}

.in4_con .con1 .more img{width: 15px;position: relative;z-index: 2;}

.in4_con .con1 .more s{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/product_det_ico3.svg) no-repeat center;background-size: cover;transform: scale(0);z-index: 1;border-radius: 28px;}

.in4_con .con1 .more p{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 28px;}

.in4_con .con1 .more:hover s{transform: scale(1.1);}

.in4_con .ind4_swp{margin-top: 80px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.in4_con .ind4_swp .swiper-slide{width: auto;margin-right: 14.875%;cursor: pointer;}

.in4_con .ind4_swp .ico{width: 40px;}

.in4_con .ind4_swp .tt{padding: 20px 0 52px;}

.in4_con .ind4_swp s{position: absolute;left: 0;bottom: -1px;height: 3px;background: #fff;width: 0;}

.in4_con .ind4_swp .swiper-slide.act s,
.in4_con .ind4_swp .swiper-slide:hover s{width: 136%;}

.in5_con{position: relative;height: 100vh;}

.in5_con .box{position: static;}

.in5_con .ul{display: flex;}

.in5_con .li{width: 50%;}

.in5_con .li .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}

.in5_con .li .img img{display: none;}

.in5_con .li .img span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;z-index: 2;opacity: 0.7;}

.in5_con .li .ss{width: 100%;height: 100vh;display: flex;align-items: center;position: relative;z-index: 5;justify-content: center;}

.in5_con .li .con1{display: flex;flex-direction: column;align-items: center;}

.in5_con .li .ico{position: relative;width: 280px;}

.in5_con .li .ico1{height: 280px;opacity: 0;margin: auto;}

.in5_con .li .ico2{position: absolute;left: 42.75%;top: 50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;}

.in5_con .li .ico2 p{position: absolute;width: 100%;bottom: -11px;left: 0;}

.in5_con .li .ico2 p img{margin: 0 auto;}

.ind_bor{border:1px solid rgba(255, 255, 255, 0.7);width:100%;height:100%;position:absolute;border-radius:100%;transition:all 0.5s ease;left: -7.25%;top: 0;}

.ind_bor::before{content:'';display:block;border:1px solid rgba(56, 26, 150, .6);position:absolute;top:0;left:0;margin-top:-10px;margin-left:-10px;pointer-events:none;width:100%;height:100%;border-radius:100%;animation:rotateQ 4s infinite ease;transform-origin:52% 52%;}

.ind_bor::after{content:'';display:block;border:1px solid #a99bd8;position:absolute;top:0;left:0;margin-top:10px;margin-left:10px;pointer-events:none;width:100%;height:100%;border-radius:100%;animation:rotateQ 4s infinite ease 1s;transform-origin:48% 48%;
}

@keyframes rotateQ {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}

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

.in5_con .li .more span{text-transform: uppercase;color: #fff;pointer-events: none;visibility: hidden;opacity: 0;width: 0;}

.in5_con .li .more .ico{position: relative;}

.in5_con .li .more .ico img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.in5_con .li .txt{text-align: center;margin-left: -6%;color: #fff;}

.in5_con .li .txt .t1{margin: 55px 0 20px;text-transform: uppercase;}

.in5_con .li .txt .more{display: flex;align-items: center;justify-content: center;margin-top: 55px;}

.in5_con .li .txt .more .ico4{position: relative;}

.in5_con .li .txt .more .ico4 img:nth-child(2){opacity: 0;position: absolute;left: 0;top: 0;}

.in5_con .li:hover .img span{opacity: 0.34;}

.in5_con .li:hover .ico1{opacity: 1;}

.in5_con .li:hover .ind_bor{opacity: 0;}

.in5_con .li:hover .txt .t2{font-weight: bold;}

.in5_con .li:hover .more span{pointer-events: all;visibility: visible;opacity: 1;width: auto;margin-right: 10px;}

.in5_con .li:hover .more .ico4 img:nth-child(1){opacity: 0;}

.in5_con .li:hover .more .ico4 img:nth-child(2){opacity: 1;}

.in3_con{position: relative;height: 100vh;background: #000;overflow: hidden;background: url(../images/ind3_bg11.jpg) no-repeat center;background-size: cover;}

.in3_con .list{position: absolute;left: 50%;top: 0;margin-left: -227px;height: 100%;padding-bottom: 80px;display: flex;align-items: center;z-index: 10;}

.in3_con .list .img img{width: 454px;}

.in3_con .list .ss{position: relative;display: block;background: #efefef;border-radius: 50%;overflow: hidden;cursor: url(../images/cursor.png),zoom-in;}

.in3_con .list .ring{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;transform: scale(0.91);}

.in3_con .list .txt{position: absolute;left: 50%;top: 100%;margin-top: 99px;text-align: center;width: 860px;margin-left: -430px;}

@media screen and (max-height:850px) {
  .in3_con .list .txt{margin-top: 70px;}

  .in3_con .list .txt .t2{margin-top: 12px;}

  .in4_con .txtlist .box{padding-bottom: 8vh;}
}

.in3_con .list .txt .t2{margin: 22px auto 0;line-height: 2;}

.in_3.act .in3_con .list .txt .t2{color: #222;}

.in3_con .ring3{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;background-repeat: no-repeat;background-position: center;}

.in3_con .ring3 span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;background-repeat: no-repeat;background-position: center;transition:transform 800ms ease-in-out;background-size: cover;}

.in3_con .ring3 span:nth-child(2){opacity: 0;}

.in3_con .ring3 span:nth-child(3){z-index: 4;opacity: 1;transition: none;}

.in3_con .listcon{position: relative;}

.in3_con .ring1{position: absolute;z-index: -1;width: 121%;top: -10.5%;left: -10.5%;animation: round 180s linear infinite;}

.in3_con .ring1 img{width: 100%;}

@keyframes round {0% {transform: rotate(0);}100% {transform: rotate(-360deg);}}

.in3_con .listcon .ind3_swp{overflow: hidden;width: 454px;}

.in3_con .swpbtn{position: static;}

.in3_con .swpbtn .bt{display: flex;top: 50%;transform: translateY(-50%);align-items: center;position: absolute;z-index: 30;}

.in3_con .swpbtn .bt span{width: 100px;height: 2px;background: #fff;}

.in3_con .swpbtn .bt img{width: 15px;}

.in3_con .swpbtn .bt:hover span{width: 120px;}

.in3_con .swpbtn .prevbtn{left: 6.25%;}

.in3_con .swpbtn .nextbtn{right: 6.25%;}

.in3_con .swpbtn .prevbtn img{transform: rotate(180deg);}

/* .in_3.act .in3_con .ring3 span:nth-child(1){opacity: 0}

.in_3.act .in3_con .ring3 span:nth-child(2){opacity: 1} */

.in_3.act .in3_con .ring3 span:nth-child(1){opacity: 0}

.in_3.act .in3_con .ring3 span:nth-child(2){opacity: 1}

.in_3.act2 .in3_con .ring3 span:nth-child(3){opacity: 0;}

.in3_con .swpbtn .bt.prevbtn img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.in3_con .swpbtn .bt.nextbtn img:nth-child(3){position: absolute;right: 0;;top: 0;opacity: 0;}

.in_3.act .in3_con .swpbtn .bt.prevbtn img:nth-child(1){opacity: 0}

.in_3.act .in3_con .swpbtn .bt.prevbtn img:nth-child(2){opacity: 1}

.in_3.act .in3_con .swpbtn .bt.prevbtn span{background: #fff;}

.in_3.act .in3_con .swpbtn .bt.nextbtn img:nth-child(2){opacity: 0}

.in_3.act .in3_con .swpbtn .bt.nextbtn img:nth-child(3){opacity: 1}

.in_3.act .in3_con .swpbtn .bt.nextbtn span{background: #fff;}

.in_3.act .in3_con .list .txt{color: #fff;}

.fpg .section{overflow: hidden;}

.tjtc{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;display: none;}

.tjtc .bei{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.6);}

.tjtc .c_con{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 300px;height: 180px;background: #fff;text-align: center;padding: 30px 0;}

.tjtc .c_con .n{display: flex;align-items: center;justify-content: center;margin-top: 30px;cursor: pointer;}

.gengduo{display: flex;align-items: center;justify-content: center;width: 170px;height: 50px;color: #654eb0;border: 1px solid #654eb0;position: relative;}

.gengduo s{width: 100%;height: 0%;position: absolute;left: 0;bottom: 0;background: #654eb0;}

.gengduo span{position: relative;z-index: 1;}

.gengduo .i{width: 16px;position: relative;margin-left: 14px;z-index: 1;}

.gengduo:hover{border: 1px solid #654eb0;color: #fff;}

.gengduo:hover s{height: 100%;}


@media screen and (max-width:1680px) {
  .f_16{font-size: 14px;}
  .f_18{font-size: 16px;}
  .f_20{font-size: 18px;}
  .f_22{font-size: 20px;}
  .f_24{font-size: 22px;}
  .f_26{font-size: 22px;}
  .f_28{font-size: 26px;}
  .f_30{font-size: 28px;}
  .f_32{font-size: 30px;}
  .f_34{font-size: 30px;}
  .f_36{font-size: 30px;}
  .f_38{font-size: 32px;}
  .f_40{font-size: 32px;}
  .f_48{font-size: 34px;}
  .f_50{font-size: 34px;}
  .f_54{font-size: 34px;}
  .f_68{font-size: 36px;}

  .prod_det .con1 .con_re{padding-top: 0;}
}

@media screen and (max-width:1600px) {

  .about1 .con1 .txt{padding-top: 0;}

  .about1 .con1 .t3{max-height: 22em;overflow-y: auto;}

  .about1 .con1 .t4 .it_top{margin-bottom: 20px;}
}

@media screen and (max-width:1440px) {
  .about1 .con1 .t3{max-height: 19em;overflow-y: auto;}
}



@media (max-width:1200px) {
  .header .nav .li{margin-left: 30px;}

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

  .wow{opacity: 1;}
}

@media (max-width:1030px) {
  .f_12 {font-size: 12px;}
  .f_16 {font-size: 14px;}
  .f_18 {font-size: 16px;}
  .f_20 {font-size: 16px;}
  .f_22 {font-size: 16px;}
  .f_24 {font-size: 16px;}
  .f_26 {font-size: 16px;}
  .f_28 {font-size: 18px;}
  .f_30 {font-size: 18px;}
  .f_32 {font-size: 20px;}
  .f_34 {font-size: 20px;}
  .f_36 {font-size: 20px;}
  .f_38 {font-size: 20px;}
  .f_40 {font-size: 22px;}
  .f_48{font-size: 24px;}
  .f_50{font-size: 24px;}
  .f_54{font-size: 24px;}
  .f_68{font-size: 26px;}

  body{min-width: 200px;padding-top: 50px;}
  
	.box{width: 90%;min-width: 100px;}
  
	.box2{width: 90%;min-width: 100px;}

  .header{display: none;}

  .mhead{display: block;}

  .pc{display: none;}

  .yd{display: block;}

  .header_place{display: none;}

  .inner_ban .txt .t2{line-height: 24px;margin-top: 20px;}

  .footer .con1 .con_re{display: none;}

  .footer .con1{padding: 40px 0;}

  .footer .con1 .con_le{width: 100%;}

  .footer .con1 .con_le .ftlogo{width: 120px;margin-bottom: 30px;}

  .footer .con1 .con_le .li{margin-bottom: 15px;}

  .footer .con1 .con_le .li .txt{padding-left: 10px;}

  .footer .con2{display: block;text-align: center;}

  .p_80{padding: 60px 0;}
  
  .p_80_0{padding-top: 60px;}
  
  .p_0_80{padding-bottom: 60px;}

  .product1 .con1 .con_le{position: relative;width: 100%;top: 0;}

  .product1 .con1 .con_le .dl{padding-top: 20px;margin-top: 20px;}

  .product1 .con1 .con_le .dt{margin-top: 5px;}

  .product1 .con1 .con_le .dd{margin-top: 5px;}

  .product1 .con1 .con_re{width: 100%;margin-top: 30px;}

  .prod1_list .li{width: 100%;margin: 0;}

  .prod1_list .li .txt{padding: 15px 8px;}

  .prod1_list .li .ss s{display: none;}

  .prod_det .con1{flex-wrap: wrap;}

  .prod_det .con1 .con_le{width: 100%;}

  .prod_det .con1 .con_re{width: 100%;margin-top: 20px;}

  .prod_det .con1 .prod_det_swp{border-radius: 6px;}

  .prod_det .con1 .swiper-pagination{bottom: 10px;}

  .prod_det .con1 .t1{line-height: 1.5;}

  .prod_det .con1 .ico{margin: 10px 0 15px;}

  .prod_det .con1 .t3{margin-top: 10px;}

  .prod_det .con1 .t4{margin-top: 25px;}

  .prod_det .con1 .t5{margin-top: 15px;}

  .prod_det .con1 .t5 p{margin-top: 5px;}

  .prod_det .con2 .li{width: 100%;min-height: 60px;}

  .prod_det .con3 .t2{margin-top: 15px;}

  .goback{margin-top: 30px;width: 160px;height: 44px;border-radius: 22px;}

  .news1_list{padding-top: 30px;}

  .news1_list .li{width: 100%;margin: 0 0 20px;}

  .news_det .con1{padding: 40px;}

  .news_det .ed_lis{margin: 15px 0 20px;}

  .news_det .edit{margin-top: 24px;}

  .news_det .ed_fy{margin-top: 30px;flex-wrap: wrap;}

  .news_det .ed_fy .flt{width: 100%;max-width: 100%;}

  .news_det .ed_fy .goback{margin-top: 20px;}

  .search1 .con1{padding: 40px;flex-wrap: wrap;}

  .search1 .con1 .con_le a{width: 160px;line-height: 44px;border-radius: 22px;margin-right: 10px;}

  .search1 .con1 .con_le s{width: 156px;height: 40px;border-radius: 20px;}

  .search1 .con1 .con_re{width: 100%;max-width: 100%;margin-top: 20px;}

  .search1 .con1 .con_re input{border-radius: 6px;padding: 6px 100px 6px 20px;}

  .search1 .con1 .con_re a{width: 80px;height: 44px;line-height: 44px;}

  .contact1 .con1{flex-wrap: wrap;}

  .contact1 .con1 .con_le{width: 100%;}

  .contact1 .con1 .con_re{width: 100%;margin-top: 20px;}

  .contact1 .con1 .con_le .t3{margin: 20px 0 10px;}

  .contact1 .con1 .con_le .ul .li{margin-top: 20px;}

  .contact2 .pages{margin-top: 30px;}

  .contact3 .con1{padding: 30px 20px;}

  .contact3 .con1 .item{width: 100%;margin: 0 0 15px;line-height: 44px;padding: 0 15px;}

  .contact3 .con1 .item textarea{height: 120px;padding: 9px 10px;}

  .z_tanchuang.one .tbox .modal{width: 90%;padding: 15px;}

  .z_tanchuang .tbox .modal .out{right: 0;top: -50px;}

  .service3 .ul .li{width: 100%;margin: 15px 0 0 0;}

  .service3 .li .txt{padding: 15px 0 0;}

  .service3 .li .txt .t2{margin-top: 0;}

  .service2 .ul .li{width: 100%;margin: 15px 0 0;}

  .service2 .ul .li .ss{padding: 20px 15px;}

  .service2 .ul .li .txt{padding-left: 15px;}

  .service2 .ul .li .txt .t2{height: auto;}

  .service2 .ul .li a>.ico img{min-width: 34px;width: 34px;}

  .service1 .ul{flex-wrap: wrap;margin-top: 0;padding-top: 15px;height: auto;}

  .service1 .ul .li{width: 100%;margin: 15px 0 0 !important;}

  .service1 .ss{width: 100%;border-radius: 0;height: auto;padding: 20px 15px;}

  .service1 .ss .tline{pointer-events: all;visibility: visible;opacity: 1;}

  .service1 .ss .t2{pointer-events: all;visibility: visible;opacity: 1;height: auto;color: #333;}

  .service1 .ss .t1{margin-top: 10px;}

  .nav2box{position: relative;top: 0;z-index: 1;}

  .solution1 .swpcon{margin-top: -60px;}

  .swp_pagin{display: flex;justify-content: center;bottom: 0;margin: 15px;}

  .swp_pagin span{margin: 0 3px;}

  .swp_pagin .swiper-pagination-bullet-active{background: #654eb0;}

  .solution2 .ul{display: block;margin: 0;}

  .solution2 .ul .li{width: 100%;margin: 20px 0 0;}

  .solution2 .ul .li .ss{padding: 20px;}

  .solution2 .ss .tline{margin: 20px 0 15px;}

  .solution2 .ss .t3{margin-bottom: 15px;}

  .about1 .con1{flex-direction: column-reverse;}

  .about1 .con1 .line{display: none;}

  .about1 .con1 .txt{width: 100%;margin: 0 0 20px;}

  .about1 .con1 .img{width: 100%;}

  .about1 .con1 .t4{padding-right: 0;}

  .about1 .con1 .t3{margin-top: 15px;max-height: none;}

  .about1 .con1 .t4 .it_top{margin: 20px 0 10px;}

  .about2 .ul{display: block;margin-top: 0;padding-top: 10px;}

  .about2 .ul .li{width: 100%;margin: 20px 0 0;}

  .about2 .ul .li .txt{padding: 0 15px 10px;}

  .about2 .ul .li .txt .t2{margin-top: 10px;}

  .about3 .con1 .frt{display: none;}

  .about3 .con3{display: none;}

  .about3 .con2{margin-top: 30px;padding-bottom: 40px;}

  .about4 .li{width: calc((100% - 20px)/2);margin: 20px 20px 0 0;}

  .about4 .li:nth-child(5n){margin-right: 20px;}

  .about4 .li:nth-child(2n){margin-right: 0;}

  .a_dw{top: -50px;}

  .ind_ban .img{background: none;height: auto;}

  .pogin2{display: none;}

  .ind_ban .scroll{display: none;}

  .pogin1{flex-direction: row;right: 5%;width: 90%;bottom: 15px;transform: none;top: auto;}

  .in2_con{height: auto;padding: 40px 0;}

  .in2_con .box{display: block;}

  .in2_con .con_le{width: 100%;}

  .in2_con .con_re{width: 100%;margin-top: 30px;}

  .in2_con .con_le .tline{margin: 20px 0 10px;}

  .in2_con .con_le .t3{padding-right: 0;}

  .in2_con .con_le .t3 .it_top{margin: 20px 0 5px;}

  .in2_con .con_le .more{margin-top: 20px;width: 160px;height: 44px;}

  .in2_con .con_re .t1{margin: 20px 0;}

  .in3_con .swpbtn .bt span{width: 20px;}

  .in3_con .swpbtn .bt:hover span{width: 20px;}

  .in3_con{height:500px;}

  .in3_con .listcon .ind3_swp{width: 300px;margin: 0 auto;}

  .in3_con .listcon{margin: 0 auto;}

  .in3_con .list{justify-content: center;width: 100%;left: 0;margin: 0;padding-bottom: 40px;}

  .in3_con .list .img img{width: 100%;}

  .in3_con .list .txt .t2{display: none;}

  .in3_con .list .txt{width: 90vw;margin-left: -45vw;margin-top: 50px;}

  .in3_con .swpbtn .prevbtn{left: 5%;}

  .in3_con .swpbtn .rightbtn{right: 5%;}

  .in4_con .imglist .img img{display: none;}

  .in4_con .txtlist .box{padding: 40px 0;height: auto;}

  .in4_con{height: auto;}

  .in4_con .txtlist{position: relative;}

  .in4_con .con1 .t2{margin: 15px 0 25px;}

  .in4_con .con1 .t3{margin-top: 25px;}

  .in4_con .con1 .more{margin-top: 30px;width: 160px;height: 44px;}

  .in4_con .ind4_swp{margin-top: 40px;}

  .in4_con .ind4_swp .swiper-slide{margin-right: 10%;}

  .in4_con .ind4_swp .tt{padding: 15px 0 30px;}

  .in5_con .ul{align-items: center;}

  .in5_con .li{width: 50%;}

  .in5_con .li .ico{width: 100px;}

  .in5_con .li .ico1{height: 100px;display: block;opacity: 1;}

  .in5_con .li .ico2{width: 30px;height: 30px;margin: -15px 0 0 -15px;}

  .in5_con .li .ss{height: auto;}

  .in5_con .li .txt .t1{margin: 15px 0;}

  .in5_con .li .more span{pointer-events: all;visibility: visible;opacity: 1;width: auto;margin-right: 10px;}
  
  .in5_con .li .txt .more .ico4 img:nth-child(1){opacity: 0;}
  
  .in5_con .li .txt .more .ico4 img:nth-child(2){opacity: 1;}

  .in5_con .li .txt .more{margin-top: 20px;}

  .in5_con{height: auto;padding: 60px 0;}

  .ind_bor{display: none;}

  .pogin1 .swiper-pagination-bullet{margin: 0 6px;}

  .service1{padding-top: 40px;}

  .nav2box .swiper-slide{white-space: nowrap;width: auto;}
}

@media (max-width:800px) {
  .fw_100{font-weight: normal;}

  .p_80{padding: 40px 0;}
  
  .p_80_0{padding-top: 40px;}
  
  .p_0_80{padding-bottom: 40px;}

  .footer .con1 .con_le .ftlogo{width: 80px;margin-bottom: 20px;}

  .pages .page{display: none;}

  .pages .btn_page{display: none;}

  .pages .num{margin-left: 3px;}

  .subnav{padding: 40px 0 0;}

  .subnav a, .subnav span{display: none;}

  .me_tit .t2{margin-top: 10px;}

  .news1_list .li .txt{padding: 15px 15px 20px;}

  .news1_list .li .t2{margin: 10px 0;}

  .news1_list .li .t3{margin: 10px 0 15px;}

  .news1_list .li .more .ico{transform: translateY(-2px);}

  .news1 .pages{padding-top: 10px;}

  .news_det .con1{padding: 40px 20px;}

  .search1 .con1{padding: 30px 20px;}

  .search1 .con1 .con_le a{width: 140px;}

  .search1 .con1 .con_le s{width: 136px;}

  .contact1 .con1 .con_le .ul .li{width: 100%;border-right: none;}

  .contact1 .con1 .con_le .ul .li:nth-child(2n){width: 100%;}

  .contact2 .con1{overflow-y: auto;}

  .contact2 .ul{margin-top: 30px;width: 800px;overflow-y: auto;}

  .contact2 .ul .li{padding: 20px 10px 80px;width: calc((100% - 30px)/3);margin-right: 15px;}

  .contact2 .ul .li .tline{margin: 10px 0;}

  .contact2 .ul .li .t3{line-height: 24px;}

  .contact2 .ul .li .mailto{left: 10px;width: calc(100% - 20px);}

  .service4 .ul{margin-top: 25px;}

  .service4 .li{padding: 0 15px;}

  .service4 .ltop{padding: 15px 0;}

  .service4 .ltop .t1{width: 90%;}

  .service4 .lbot{padding-top: 15px;}

  .solution1 .con1{margin-top: 0;display: block;}

  .solution1 .con1 .me_tit{text-align: center;}

  .solution1 .con1 .t3{transform: none;width: 100%;margin: 15px 0 0;}

  .solution1 .con2{margin-top: 20px;}

  .solution1 .swpcon{margin-top: 30px;padding: 0 10px;}

  .swp_btn{display: none;}

  .solution1 .swpcon .ss{padding: 30px 20px;}

  .solution1 .swpcon .t1{font-size: 60px;line-height: 40px;}

  .solution1 .swpcon .t2{margin: 20px 0 8px;}

  .solution1 .swpcon .swiper-slide{height: auto;}
  
  .solution2 .ul .li .ss{display: flex;flex-direction: column-reverse;}

  .solution2 .ss .img{width: 100%;}

  .solution2 .ss .txt{width: 100%;margin-top: 20px;}

  .solution3 .con2 .swpcon{width: 100%;}

  .solution3 .con2 .txt{bottom: 10px;}

  .solution3 .con2{margin-top: 25px;}

  .solution3 .con2 .txt{line-height: 24px;}

  .solution3 .con2 .txt::after{height: 24px;}

  .about1 .con2 .box{overflow-x: auto;}

  .about1 .con2 .ul{width: 800px;}

  .about1 .con2 .li{padding: 50px 20px;height: 520px;}

  .about1 .con2 .ss .t1::before{left: -21px;}

  .about1 .con2 .li .ss .ico1{opacity: 0;pointer-events: none;visibility: hidden;}
  
  .about1 .con2 .li .ss .t1{margin-top: 0;}
  
  .about1 .con2 .li .ss .t2{margin-top: 15px;opacity: 1;pointer-events: all;visibility: visible;height: 16em;overflow: hidden;}
  
  .about1 .con2 .li .ss .ico2{margin-bottom: 10px;opacity: 1;pointer-events: all;visibility: visible;}

  .nav2box .swiper-slide a{font-size: 14px;}

  .in5_con .li .txt .t1{font-size: 18px;}
}