/* 前端邵刚 */

*,*: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;position: relative;padding: 0; width: 100%;color: #222;font-family:'微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

html{font-size: 100px;}

.ul,.ul .li,.ul li,.ul td,.ul 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: #222; 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;}

.edit img,
.img_inline_block img{ display: inline-block;height: auto;}

.gdt::-webkit-scrollbar{ width:4px;height: 1px;}

.gdt::-webkit-scrollbar-thumb{ background:var(--color);border-radius: 2px;}

.gdt::-webkit-scrollbar-track{ background:#DDDDDD;border-radius: 2px;} 

:root{--color: #036EB7;--webgdt: calc(100vw - 100%);}

.f_12{font-size:12px;}

.f_14{font-size:14px;}

.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_60{font-size:60px;}

.pd80_120{padding: 0.8rem 0 1.2rem;}

.pd120{padding: 1.2rem 0;}

.mg100{margin-top: 1rem;}

.fw_100{font-weight: 100;}

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

.line10{line-height: calc(1em + 10px);}

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

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

/* @font-face {
  font-family: "AlibabaPHTR";
  src: url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff2") format("woff2"),
       url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff") format('woff'),
       url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.ttf") format("truetype"),
       url("../fonts/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

.AlibabaPHTR{font-family: "AlibabaPHTR";}

@font-face {
  font-family: "AlibabaPHTB";
  src: url("../fonts/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.woff2") format("woff2"),
       url("../fonts/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.woff") format('woff'),
       url("../fonts/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.ttf") format("truetype"),
       url("../fonts/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

.AlibabaPHTB{font-family: "AlibabaPHTB";} */

@font-face {
  font-family: "dinb";
  src: url("../fonts/DIN-BOLD.woff2") format("woff2"),
       url("../fonts/DIN-BOLD.woff") format("woff"),
       url("../fonts/DIN-BOLD.ttf") format("truetype"),
       url("../fonts/DIN-BOLD.eot") format("embedded-opentype"),
       url("../fonts/DIN-BOLD.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.dinb{font-family: "dinb";}

/*分页*/

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

.box{max-width:1600px;width:85%; 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 .6s cubic-bezier(.4,0,.2,1); -moz-transition: all .6s cubic-bezier(.4,0,.2,1); transition: all .6s cubic-bezier(.4,0,.2,1);}

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

.alltime4,.alltime4 *{-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;font-family: 'AlibabaPHTB';}

.fce{text-align: center;}

.iw100{width: 100%;}

.place::-webkit-input-placeholder{color:#DDDDDD;}

.place:-moz-placeholder{color:#DDDDDD;}

.place::-moz-placeholder{color:#DDDDDD;}

.place:-ms-input-placeholder{color:#DDDDDD;}

/* 视频弹框 */
.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;z-index: 130;opacity: 0;visibility: hidden;pointer-events: none;-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);}

.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: 5px;display: none;border-radius: 5px;position: relative;width: 90%;width: 1000px;max-height: 90%;margin: 0 auto;-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);}

.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.act{visibility: visible;pointer-events: visible;opacity: 1;}

.z_tanchuang.act .tbox .modal{display: block;}


/* 导航栏 */
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 111;}

.header>.box{display: flex;align-items: center;justify-content: space-between;position: static;}

.header .logo{position: relative;}

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

.header .rf{display: flex;align-items: center;}

.header .rf .ul{display: flex;align-items: center;}

.header .rf .ul .li{margin-right: 0.9rem;position: relative;}

.header .rf .ul .lv1{display: flex;}

.header .rf .ul .lv1 a{line-height: 100px;color: #fff;}

.header .rf .ul .li.act .lv1 a{color: var(--color);position: relative;font-weight: bold;}

.header .rf .ul .li.act .lv1 a::before{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 4px;background: var(--color);}

.header:hover .rf .ul .lv1 a:hover{color: var(--color);}

.header .rf .tel{position: relative;margin-left: 20px;}

.header .rf .tel .ttp{position: relative;}

.header .rf .tel .ttp img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.header .rf .tel .tbp{position: absolute;top: 100%;right: -0.65rem;padding-top: 8px;display: none;transition: none;}

.header .rf .tel .tbp a::before{content: "";position: absolute;width: 8px;height: 8px;top: -4px;right: calc(0.65rem + 8px);transform: rotate(45deg);background: #fff;-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);border-top: 1px solid #F3F3F3;border-left: 1px solid #F3F3F3;}

.header .rf .tel .tbp a{display: block;padding: 15px 25px 15px;background: #fff;white-space: nowrap;line-height: 28px;color: var(--color);position: relative;border: 1px solid #F3F3F3;box-shadow: 0px 6px 11.6px rgba(113, 113, 113, 0.15);}

/*.header:hover .rf .tel .tbp a::before{background: #F5F5F5;}*/

/*.header:hover .rf .tel .tbp a{background: #F5F5F5;}*/

.header:hover .rf .tel .tbp a:hover{text-decoration: underline;}

.header .rf .ul .li:nth-child(1){position: static;}

.header .rf .prodlist{position: absolute;top: 100%;left: 0;width: 100%;background: #fff;border-top: 1px solid #E3E3E3;padding: 50px 0;display: none;transition: none;}

.header .rf .prodlist .plt{display: flex;justify-content: center;}

.header .rf .prodlist .plt a{line-height: 22px;color: #888888;margin: 0 0.58rem;}

.header .rf .prodlist .plt a.act{color: #000000;}

.header .rf .prodlist .plb{margin-top: 30px;}

.header .rf .prodlist .plb .lox{display: flex;justify-content: center;max-width: 1044px;margin: 0 auto;}

.header .rf .prodlist .plb .lox .item{width: 240px;margin-right: 28px;}

.header .rf .prodlist .plb .lox .item:last-child{margin-right: 0;}

.header .rf .prodlist .plb .lox .item .ss{display: block;height: 100%;background: #F9F9F9;padding: 30px;}

.header .rf .prodlist .plb .lox .item .ss .img{margin: 0 auto;width: 145px;}

.header .rf .prodlist .plb .lox .item .ss .txt{margin-top: 14px;text-align: center;min-height: 75px;}

.header .rf .prodlist .plb .lox .item .ss .txt .t1{line-height: 18px;color: #036EB7;height: 18px;}

.header .rf .prodlist .plb .lox .item .ss .txt .t2{line-height: 27px;color: #111;}

.header .rf .prodlist .plb .lox .item .ss:hover .img img{transform: scale(1.1);}

.header .rf .prodlist .plb .lox .item .ss:hover .txt .t2{color: var(--color);}

.header .rf .prodlist .plb .lmore{margin-top: 50px;display: flex;justify-content: center;}

.header .rf .prodlist .plb .lmore a{width: 141px;height: 45px;display: flex;align-items: center;justify-content: center;border: 1px solid #000;color: #111;border-radius: 28px;}

.header .rf .prodlist .plb .lmore a span{position: relative;margin-left: 5px;width: 16px;}

.header .rf .prodlist .plb .lmore a span img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.header .rf .prodlist .plb .lmore a:hover{color: #fff;background: var(--color);border-color: var(--color);}

.header .rf .prodlist .plb .lmore a:hover span img:nth-child(1){opacity: 0;}

.header .rf .prodlist .plb .lmore a:hover span img:nth-child(2){opacity: 1;}

.header .rf .prodlist .plb .list{display: none;}

.header .rf .prodlist .plb .list.act{display: block;}

.header .rf .lv2list{position: absolute;top: 100%;left: 50%;margin-left: -90px;background: #fff;padding: 5px 0 15px;width: 180px;display: none;transition: none;}

.header .rf .lv2list .lv2 a{display: block;line-height: 2;color: #666666;padding: 5px 10px;text-align: center;}

.header .rf .lv2list .lv2 a:hover{background: #F5F5F5;color: var(--color);}

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

.header.act,
.header.act2{border-bottom: 1px solid #EDEDED;}

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

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

.header:hover .rf .tel img:nth-child(1),
.header.act .rf .tel img:nth-child(1),
.header.act2 .rf .tel img:nth-child(1){opacity: 0;}

.header:hover .rf .tel img:nth-child(2),
.header.act .rf .tel img:nth-child(2),
.header.act2 .rf .tel img:nth-child(2){opacity: 1;}

.header:hover .rf .ul .lv1 a,
.header.act .rf .ul .lv1 a,
.header.act2 .rf .ul .lv1 a{color: #111;}

.header.act .rf .ul .lv1 a{line-height: 80px;}

.footer{background: url(../images/footer_bg.png) no-repeat center bottom;background-size: cover;}

.footer .ftp{padding: 1.4rem 0 1.5rem;}

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

.footer .ftp .lf{width: calc(960 / 1600 * 100%);padding-left: 0.4rem;}

.footer .ftp .lf .ul{display: flex;justify-content: space-between;}

.footer .ftp .lf .lv1{display: flex;}

.footer .ftp .lf .lv1 a{font-size: 18px;line-height: 30px;color: #111;}

.footer .ftp .lf .lv1 a:hover{color: var(--color);}

.footer .ftp .lf .lv2list{margin-top: 0.3rem;}

.footer .ftp .lf .lv2{display: flex;padding: 5px 0;}

.footer .ftp .lf .lv2 a{font-size: 15px;line-height: 30px;color: #666;}

.footer .ftp .lf .lv2 a:hover{color: var(--color);}

.footer .ftp .rf{width: calc(370 / 1600 * 100%);}

.footer .ftp .rf .item .it_set{font-size: 15px;line-height: 30px;color: #999999;}

.footer .ftp .rf .item:not(:first-child){margin-top: 0.25rem;}

.footer .ftp .rf .item .it_det{font-size: 18px;line-height: 30px;color: #333333;display: flex;}

.footer .ftp .rf .item .it_det a{color: #333333;}

.footer .ftp .rf .item .it_det a:hover{color: var(--color);}

.footer .ftp .rf .item.item_tel .it_det a{font-size: 18px;color: var(--color);}

.footer .ftp .rf .item.item_tel .it_det a:hover{text-decoration: underline;}

.footer .ftp .rf .ul{display: flex;}

.footer .ftp .rf .li{margin: 10px 20px 0 0;position: relative;}

.footer .ftp .rf .li .ltp{width: 38px;height: 33px;display: flex;align-items: center;justify-content: center;border-radius: 16px;background: var(--color);}

.footer .ftp .rf .li .lbt{position: absolute;top: 100%;left: 50%;margin-left: -74px;padding-top: 19px;width: 148px;transform: translateY(20px);opacity: 0;pointer-events: none;}

.footer .ftp .rf .li .lbt .lox{border: 1px solid #DFDFDF;padding: 11px;background: #fff;position: relative;box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.05);}

.footer .ftp .rf .li .lbt .lox img{width: 124px;}

.footer .ftp .rf .li .lbt .lox::before{content: "";position: absolute;left: calc(50% - 5px);top: -5px;width: 10px;height: 10px;border-top: 1px solid #DFDFDF;border-left: 1px solid #DFDFDF;transform: rotate(45deg);background: #fff;}

.footer .ftp .rf .li:hover .ltp{transform: translateY(-6px);}

.footer .ftp .rf .li:hover .lbt{transform: translateY(0);opacity: 1;pointer-events: all;-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);}

.footer .fbt{border-top: 1px solid rgba(0,0,0,0.07);padding: 23px 0 20px;font-size: 15px;line-height: 1.75;color: rgba(51, 51, 51, 0.7);}

.footer .fbt .box{display: flex;flex-wrap: wrap;justify-content: center;}

.footer .fbt a{color: rgba(51, 51, 51, 0.7);}

.footer .fbt a:hover{color: var(--color);}

.sidebar{position: fixed;top: 50%;right: -80px;transform: translateY(-50%);display: flex;align-items: flex-end;justify-content: flex-end;flex-direction: column;z-index: 100;}

.sidebar.act{right: 0;}

.sidebar .item:not(:last-child){margin-bottom: 5px;}

.sidebar .item{position: relative;}

.sidebar .item .itp{display: flex;align-items: center;justify-content: center;background: rgba(3, 110, 183, 1);border-radius: 5px;width: 60px;height: 60px;}

.sidebar .item .itp img{width: 30px;}

.sidebar .item:hover .itp{width: 80px;}

.sidebar .item.act .itp{flex-direction: column;}

.sidebar .item.act img{transform: translateY(12px);}

.sidebar .item.act span{font-size: 12px;color: #fff;margin-top: 5px;opacity: 0;transition: none;}

.sidebar .item.act:hover img{transform: translate(0);}

.sidebar .item.act:hover span{opacity: 1;-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);transition-delay: 0.2s;}

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

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

.message .mox .over{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.6;}

.message .mox .sbox{position: relative;width: 100%;max-height: 100vh;overflow-y: auto;}

.message .mox .box{max-width: 1160px;background: #fff;padding: 0.8rem 1.2rem;}

.message .mox .title{line-height: calc(1em + 8px);color: #333;}

.message .mox .line{background: #F9F9F9;position: relative;height: 1px;margin-top: 24px;}

.message .mox .line s{position: absolute;left: 0;top: 0;height: 100%;width: 15px;background: var(--color);}

.message .mox .frombox{display: flex;flex-wrap: wrap;}

.message .mox .frombox .item{width: calc(50% - 0.2rem);margin: 24px 0.4rem 0 0;}

.message .mox .frombox .item:nth-child(2),
.message .mox .frombox .item:nth-child(4){margin-right: 0;}

.message .mox .frombox .item .itp{line-height: 21px;color: #333;}

.message .mox .frombox .item .ibt{margin-top: 11px;}

.message .mox .frombox .item .ibt input{display: block;width: 100%;background: #F9F9F9;border: none;border: none;outline: none;height: 50px;padding: 0 20px;}

.message .mox .frombox .item.w100{width: 100%;margin-right: 0;}

.message .mox .frombox .item textarea{resize: none;display: block;outline: none;width: 100%;height: 140px;background: #F9F9F9;font-family: '微软雅黑';border: none;padding: 17px;}

.message .mox .frombtn{display: flex;align-items: center;justify-content: center;margin-top: 0.6rem;}

.message .mox .frombtn a{background: rgba(3, 110, 183, 1);width: 112px;height: 50px;border-radius: 25px;display: flex;align-items: center;justify-content: center;color: #fff;}

.message .mox .frombtn a:hover{background: rgba(3, 110, 183, 0.6);}

.message .mox .from_close{position: absolute;top: 30px;right: 30px;}

.message .mox .from_close:hover{transform: rotate(90deg);}




/* 首页 */
.in1{position: relative;}

.in1 .ss{display: block;position: relative;}

.in1 .ss .img .ming{display: none;}

.in1 .ss  video{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;object-fit: cover;}

.in1 .ss .txt{position: absolute;left: 0;bottom: calc(172 / 950 * 100%);width: 100%;z-index: 3;}

.in1 .ss .txt .t1{line-height: calc(105 / 60);color: #fff;position: relative;left: 100px;opacity: 0;}

.in1 .ss .txt .t2{margin-top: 2px;line-height: calc(42 / 24);color: #fff;position: relative;left: 100px;opacity: 0;transition-delay: 0.1s;}

.in1 .ss .txt.act .t1{color: #111;}

.in1 .ss .txt.act .t2{color: #111;}

.in1.act .ss .txt .t1{transition-delay: 0.5s;}

.in1.act .ss .txt .t2{transition-delay: 0.6s;}

.in1 .swiper-slide-active .ss .txt .t1{left: 0;opacity: 1;}

.in1 .swiper-slide-active .ss .txt .t2{left: 0;opacity: 1;}

.in1 .swpbtn a{position: absolute;z-index: 10;top: 50%;margin-top: -53px;width: 45px;height: 45px;border: 1px solid rgba(255,255,255,0.5);border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.in1 .swpbtn a:hover{background: var(--color);border-color: var(--color);}

.in1 .swpbtn a.prev{left: calc(137 / 1920 * 100%);}

.in1 .swpbtn a.next{right: calc(138 / 1920 * 100%);}

.in1 .swpbtn a.next img{transform: rotate(180deg);}

.in1 .swpbtn .poginbox{position: absolute;left: 0;bottom: calc(60 / 950 * 100%);width: 100%;z-index: 10;font-family: Arial;}

.in1 .swpbtn .poginbox .box{display: flex;align-items: center;}

.in1 .swpbtn .poginbox .lf,
.in1 .swpbtn .poginbox .rf{line-height: 25px;color: #fff;}

.in1 .swpbtn .poginbox .pogin{max-width: 696px;display: flex;align-items: center;margin: 0 0.28rem;}

.in1 .swpbtn .poginbox .pogin span{flex-grow: 1;width: 232px;height: 6px;position: relative;opacity: 1;border-radius: 0;background: none;}

.in1 .swpbtn .poginbox .pogin span::before{content: "";position: absolute;left: 0;top: 50%;margin-top: -1px;width: 100%;height: 1px;background: #fff;}

.in1 .swpbtn .poginbox .pogin span::after{content: "";position: absolute;right: 0;top: 0;width: 1px;height: 6px;background: #fff;}

.in1 .swpbtn .poginbox .pogin span:last-child::after{display: none;}

.in1 .swpbtn .poginbox .pogin span.swiper-pagination-bullet-active ~ span{opacity: 0.2;}

.intit .t1{line-height: calc(1em + 8px);color: #111;}

.intit .line{width: 46px;height: 4px;background: #036EB7;margin: 0.2rem auto 0;border-radius: 4px;}

.in2 .ul{padding-top: 0.2rem;display: flex;flex-wrap: wrap;justify-content: space-between;}

.in2 .ul .li{margin-top: 0.3rem;}

.in2 .ul .li:nth-child(1){width: calc(1055 / 1600 * 100%);}

.in2 .ul .li:nth-child(2){width: calc(515 / 1600 * 100%);}

.in2 .ul .li:nth-child(3){width: calc(545 / 1600 * 100%);}

.in2 .ul .li:nth-child(4){width: calc(1025 / 1600 * 100%);}

.in2 .ul .li:nth-child(5){width: calc(785 / 1600 * 100%);}

.in2 .ul .li:nth-child(6){width: calc(785 / 1600 * 100%);}

.in2 .ul .li .ss{display: block;position: relative;}

.in2 .ul .li .ss .img{overflow: hidden;}

.in2 .ul .li .ss .bg1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;}

.in2 .ul .li .ss .bg2{position: absolute;left: 0;bottom: 0;width: 100%;height: 160px;background: linear-gradient(to bottom, rgba(153, 153, 153, 0), rgba(0, 0, 0, 0.6));}

.in2 .ul .li .ss .txt{position: absolute;left: 0;width: 100%;bottom: 0;padding: 0 0.5rem 0.4rem;}

.in2 .ul .li .ss .txt .t1{line-height: 24px;color: #fff;}

.in2 .ul .li .ss .txt .t2{line-height: calc(1em + 10px);color: #fff;margin: 10px 0;}

.in2 .ul .li .ss .txt .t3{display: flex;justify-content: space-between;align-items: center;overflow: hidden;height: 0;}

.in2 .ul .li .ss .txt .t3 span{max-width: calc(100% - 0.6rem);line-height: 24px;color: #fff;opacity: 0.7;}

.in2 .ul .li .ss .txt .t3 img{width: 16px;}

.in2 .ul .li .ss:hover .img img{transform: scale(1.05);}

.in2 .ul .li .ss:hover .bg1{opacity: 0.4;}

.in2 .ul .li .ss:hover .bg2{opacity: 1;}

.in2 .ul .li .ss:hover .txt .t3{height: 24px;}

.in4 .ul{display: flex;flex-wrap: wrap;padding-top: 0.2rem;}

.in4 .ul .li{width: calc(50% - 0.15rem);margin: 0.3rem 0.3rem 0 0;}

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

.in4 .ul .li .ss{display: block;position: relative;}

.in4 .ul .li .ss .img{overflow: hidden;}

.in4 .ul .li .ss .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.42rem 0.4rem 0.49rem;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));}

.in4 .ul .li .ss .txt .t1{line-height: calc(1em + 10px);color: #fff;}

.in4 .ul .li .ss .txt .t2{line-height: 22px;color: #fff;margin-top: 9px;}

.in4 .ul .li .ss .txt .t3{display: flex;align-items: center;line-height: 16px;overflow: hidden;height: 0;margin-top: 0;color: #fff;}

.in4 .ul .li .ss:hover .img img{transform: scale(1.05);}

.in4 .ul .li .ss:hover .txt .t3{height: 16px;margin-top: 9px;}

.in4 .ul .li .ss:hover .txt .t3 img{margin-left: 8px;}

.in5{background: #F6F7F8;}

.in5 .sbox{margin: 0.3rem -20px 0;}

.in5 .swiper{padding: 20px;}

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

.in5 .ul .li{width: 20%;box-shadow: 0 0 0.04rem rgba(0,0,0,0.05);background: #fff;}

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

.in5 .ul .li:hover{box-shadow: 1px 0.07rem 0.084rem rgba(3, 110, 183, 0.05);position: relative;z-index: 5;}

.in6{position: relative;}

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

.in6 .box{padding: 0.78rem 0 0.74rem;}

.in6 .t1{line-height: calc(1em + 8px);color: #111;color: #fff;}

.in6 .t2{line-height: 28px;color: #111;margin-top: 0.15rem;color: #fff;}

.in6 .t3{display: flex;justify-content: center;margin-top: 0.31rem;color: #fff;}

.in6 .t3 a{display: flex;align-items: center;justify-content: center;background: #111111;color: #fff;width: 144px;height: 50px;border-radius: 25px;color: #111;background: #fff;}

.in6 .t3 a:hover{background: var(--color);color: #fff;}

.in3{position: relative;height: 200vh;}

.in3 .sbox{position: sticky;top: 0;width: 100%;height: 100vh;overflow: hidden;}

.circletext{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 30;
}
.circletext span{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.circletext img{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.svg_image{height: 100%;object-fit: cover;}

.ibg{width: 100vw;height: 100vh;position: absolute;object-fit: cover;top: 0;left: 0;}

foreignObject{width: 100%;height: 100%;}

foreignObject video{width: 100vw;height: 100vh;position: absolute;object-fit: cover;top: 0;left: 0;}

#hm1befbox{position: relative;z-index: 5;}

.in3 .ctxt{position: absolute;top: 0;left: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);padding: 1.2rem 0;display: flex;align-items: center;}

.in3 .ctxt .intit{transform: translateY(100px);opacity: 0;position: relative;}

.in3 .ctxt .intit .t1{color: #fff;}

.in3 .ctxt .intit .line{background: #fff;}

.in3 .ctxt .ul{display: flex;flex-wrap: wrap;transform: translateY(100px);opacity: 0;position: relative;}

.in3 .ctxt .ul .li{width: calc(540 / 1600 * 100%);margin-top: 0.8rem;padding-bottom: 0.8rem;border-bottom: 1px dashed rgba(255,255,255,0.2);}

.in3 .ctxt .ul .li:nth-child(4),
.in3 .ctxt .ul .li:nth-child(5),
.in3 .ctxt .ul .li:nth-child(6){padding-bottom: 0;border-bottom: none;}

.in3 .ctxt .ul .li .lbox{border-right: 1px dashed rgba(255,255,255,0.2);padding-left: calc(188 / 540 * 100%);}

.in3 .ctxt .ul .li:nth-child(2),
.in3 .ctxt .ul .li:nth-child(5){width: calc(520 / 1600 * 100%);}

.in3 .ctxt .ul .li:nth-child(2) .lbox,
.in3 .ctxt .ul .li:nth-child(5) .lbox{padding-left: calc(186 / 520 * 100%);}

.in3 .ctxt .ul .li:nth-child(3) .lbox,
.in3 .ctxt .ul .li:nth-child(6) .lbox{padding-left: calc(224 / 540 * 100%);}

.in3 .ctxt .ul .li:nth-child(3n) .lbox{border-right: none;}

.in3 .ctxt .ul .li .ico{width: 36px;}

.in3 .ctxt .ul .li .t1{margin-top: 5px;}

.in3 .ctxt .ul .li .t1 .f_48{line-height: calc(64 / 48);color: #fff;}

.in3 .ctxt .ul .li .t1 .f_32{vertical-align: top;line-height: calc(1em + 10px);color: #fff;}

.in3 .ctxt .ul .li .t2{line-height: 22px;color: rgba(255,255,255,0.8);margin-top: 10px;}

.in3.act .ctxt .intit{opacity: 1;transform: translateY(0);}

.in3.act .ul{transform: translateY(0);opacity: 1;transition-delay: 0.2s;}


/* 产品列表 */
.productsLayout{background: #F9F9F9;position: relative;z-index: 5;}

.prod1{margin-top: -39px;}

.prod1 .ul{width: 100%;display: flex;padding: 23px 16px;background: #fff;box-shadow: 0 0.3rem 0.4rem rgba(51, 51, 51, .05);}

.prod1 .ul .li{width: 25%;flex-grow: 1;display: flex;justify-content: center;padding: 0 0.16rem;position: relative;}

.prod1 .ul .li:not(:last-child):before{content: "";position: absolute;right: 0;top: 4px;height:calc(100% - 8px);width: 1px;background: #E5E5E5;}

.prod1 .ul .li .ss{display: block;}

.prod1 .ul .li .ss .ico{width: 80px;margin: 0 auto;position: relative;}

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

.prod1 .ul .li .ss .txt{text-align: center;line-height: 2;color: #888888;margin-top: 2px;}

.prod1 .ul .li .ss:hover .ico img:nth-child(1),
.prod1 .ul .li.act .ss .ico img:nth-child(1){opacity: 0;}

.prod1 .ul .li .ss:hover .ico img:nth-child(2),
.prod1 .ul .li.act .ss .ico img:nth-child(2){opacity: 1;}

.prod1 .ul .li.act .ss .txt{color: var(--color);font-weight: bold;}

.prod1 .ul .li .ss:hover .txt{color: var(--color);}

.prod2{padding: 1.2rem 0;}

.prod2 .list:not(:last-child){margin-bottom: 0.8rem;}

.prod2 .list .tit{line-height: calc(1em + 8px);color: #111;}

.prod2 .list .det{margin-top: 10px;line-height: 24px;color: #888888;}

.prod2 .list .lox{padding: 25px 25px 30px;background: #fff;box-shadow: 0 0.1rem 0.2rem rgba(218, 218, 218, 0.03);margin-top: 30px;}

.prod2 .list .lox .ltp{display: flex;}

.prod2 .list .lox .ltp .lf{width: calc(535 / 1550 * 100%);margin-right: calc(17.5 / 1550 * 100%);}

.prod2 .list .lox .ltp .ss{display: block;width: 100%;position: relative;}

.prod2 .list .lox .ltp .ss .img{overflow: hidden;}

.prod2 .list .lox .ltp .ss .txt{position: absolute;top: 0.5rem;left: 0.5rem;width: calc(100% - 0.89rem);}

.prod2 .list .lox .ltp .ss .txt .t1{line-height: calc(48 / 36);color: #fff;}

.prod2 .list .lox .ltp .ss .txt .t2{line-height: calc(1em + 10px);color: #fff;margin-top: 5px;opacity: 0.8;}

.prod2 .list .lox .ltp .ss .txt.act .t1{color: #111;}

.prod2 .list .lox .ltp .ss .txt.act .t2{color: #111;}

.prod2 .list .lox .ltp .ss:hover .img img{transform: scale(1.05);}

.prod2 .list .lox .ltp .rf{width: calc(445 / 1550 * 100%);}

.prod2 .list .lox .ltp .rf .ss:not(:last-child){margin-bottom: calc((13 / 475) * (535 / 475) * 100%);}

.prod2 .list .lox .ltp .rf .ss .txt{left: 0.25rem;width: calc(100% - 0.5rem);}

.prod2 .list .lox .ltp .rf .ss .txt .t1{line-height: calc(1em + 4px);max-width: 70%;letter-spacing: 0.05em;}

.prod2 .list .lox .ltp .rf .ss .txt .t2{line-height: calc(1em + 8px);margin-top: 10px;max-width: calc(220 / 395 * 100%);}

.prod2 .list .lox .lbt{margin: 30px -5px 0;display: flex;align-items: center;justify-content: space-between;}

.prod2 .list .lox .lbt .lf{max-width: 70%;line-height: calc(1em + 10px);color: #111;}

.prod2 .list .lox .lbt .rf{display: flex;align-items: center;justify-content: center;}

.prod2 .list .lox .lbt .rf span{width: 16px;position: relative;margin-left: 6px;line-height: 22px;color: #111;}

.prod2 .list .lox .lbt .rf span img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.prod2 .list .lox .lbt .rf:hover{color: var(--color);}

.prod2 .list .lox .lbt .rf:hover span img:nth-child(1){opacity: 0;}

.prod2 .list .lox .lbt .rf:hover span img:nth-child(2){opacity: 1;}

.prod3{padding: 0.8rem 0 1.2rem;background: #fff;}

.prod3 .sbox{margin-top: 0.5rem;}

.inner_tit .t1{line-height: calc(1em + 8px);color: #111;}

.inner_tit .tline{width: 46px;height: 4px;background: var(--color);margin: 20px auto 0;}

.prod3 .sbox .ss{display: block;position: relative;}

.prod3 .sbox .ss .img{overflow: hidden;}

.prod3 .sbox .ss .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.42rem 0.5rem;background: linear-gradient(to bottom, rgba(153, 153, 153, 0), rgba(0, 0, 0, 0.5));}

.prod3 .sbox .ss .txt .t1{color: #fff;}

.prod3 .sbox .ss:hover .img img{transform: scale(1.05);}

.swpbtn2 a{position: absolute;top: 50%;z-index: 11;width: 45px;height: 45px;border: 1px solid rgba(92, 92, 92, 0.5);border-radius: 50%;margin-top: -23px;display: flex;align-items: center;justify-content: center;}

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

.swpbtn2 a:hover{border-color: var(--color);background-color: var(--color);}

.swpbtn2 a:hover img:nth-child(1){opacity: 0;}

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

.swpbtn2 a.prev{left: calc((100vw - min(1600px, 85vw - var(--webgdt)) - var(--webgdt)) / 2);}

.swpbtn2 a.next{right: calc((100vw - min(1600px, 85vw - var(--webgdt)) - var(--webgdt)) / 2);transform: rotate(180deg);}

.pdcLayout .banner_ny{margin-top: 0;}

.crumb{padding: 18px 0;margin-top: 100px;}

.crumb a.home{display: inline-block;vertical-align: middle;margin-right: 10px;transform: translateY(-2px);}

.crumb a{display: inline;line-height: 24px;color: #888;}

.crumb a:hover{color: var(--color);}

.crumb a:last-child{color: var(--color);font-weight: bold;}

.crumb span{display: inline-block;vertical-align: middle;width: 20px;margin: 0 5px;transform: translateY(-1px);}

.pdc1{padding: 1rem 0;}

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

.pdc1 .ul .li{width: calc((100% - 0.3rem) / 3);margin-right: 0.15rem;}

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

.pdc1 .ul .li:nth-child(n + 4){width: calc((100% - 0.15rem) / 2);margin-top: 0.15rem;}

.pdc1 .ul .li .ss{display: block;position: relative;}

.pdc1 .ul .li .ss .txt{position: absolute;top: 0.5rem;left: 0.5rem;width: calc(100% - 0.89rem);}

.pdc1 .ul .li .ss .txt .t1{line-height: calc(48 / 36);color: #fff;}

.pdc1 .ul .li .ss .txt .t2{line-height: calc(1em + 10px);color: #fff;margin-top: 0.1rem;opacity: 0.8;}

.pdc1 .ul .li .ss .txt.act .t1{color: #111;}

.pdc1 .ul .li .ss .txt.act .t2{color: #111;}

.pdc1 .ul .li:nth-child(n + 4) .ss .txt{left: 0.5rem;width: calc(100% - 1rem);}

.pdc1 .ul .li:nth-child(n + 4) .ss .txt .t1{line-height: calc(1em + 6px);max-width: 70%;letter-spacing: 0.05em;}

.pdc1 .ul .li:nth-child(n + 4) .ss .txt .t2{line-height: calc(1em + 8px);margin-top: 0.2rem;max-width: calc(220 / 395 * 100%);}

.pdc2 img{width: 100%;}
.pdc2 .img img{width: 100% !important;}

/*.pdc4{padding: 1.2rem 0;min-height: min(980px, calc(980 / 1920 * 100vw));max-height: 980px;}*/

.pdc4{padding: 1.2rem 0;}

.pdc4 .tit{text-align: center;line-height: calc(1em + 8px);color: #111;}

.pdc4 .anniu{display: flex;justify-content: center;margin-top: 0.2rem;}

.pdc4 .anniu a{display: flex;align-items: center;justify-content: center;line-height: calc(56 / 24);color: #111;}

.pdc4 .anniu a span{margin-left: 14px;width: 32px;position: relative;}

.pdc4 .anniu a span img:nth-child(2){position:absolute;left:0;top:0;opacity: 0;}

.pdc4 .anniu a:hover{color: var(--color);}

.pdc4 .anniu a:hover span img:nth-child(1){opacity: 0;}

.pdc4 .anniu a:hover span img:nth-child(2){opacity: 1;}

/*.pdc4 .anniu a img{margin-left: 14px;width: 32px;}*/

/*.pdc4 .anniu a:hover img{transform: rotate(180deg);}*/

.pdc4 .img{margin-top: 0.35rem;}

.pdc4 .img img{margin: 0 auto;width: 100%;}

.pdcLayout .prod3{background: #F8F8F8;}

.pdc5{padding: 0.4rem 0;}

.pdc5 .li{padding: 0.8rem 0;display: flex;align-items: center;justify-content: space-between;}

.pdc5 .li .lf{line-height: calc(40 / 28);color: #111;}

.pdc5 .li .rf{width: calc(100% - 320px);display: flex;flex-wrap: wrap;}

.pdc5 .li .rf .item{width: 33.333%;padding-right: 0.3rem;display: flex;}

.pdc5 .li .rf .item a{display: flex;align-items: center;line-height: calc(40 / 24);color: #888888;}

.pdc5 .li .rf .item a span{position: relative;width: 24px;margin-left: 11px;}

.pdc5 .li .rf .item a span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.pdc5 .li .rf .item a:hover{color: var(--color);}

.pdc5 .li .rf .item a:hover span img:nth-child(1){opacity: 0;}

.pdc5 .li .rf .item a:hover span img:nth-child(2){opacity: 1;}

.pdc5 .li .rf .item.f_20{line-height: 1.8;color: #888;}

.pdc5 .li .rf .item.f_24{line-height: calc(40 / 24);color: #888;}

.pdc5 .li:not(:last-child){border-bottom: 1px solid #D9D9D9;}

.indu_list{padding: 1.2rem 0;}

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

.indu_list .ul .li{width: calc(50% - 0.3rem);margin: 0.6rem 0.6rem 0 0;}

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

.indu_list .ul .li:nth-child(1),
.indu_list .ul .li:nth-child(2){margin-top: 0;}

.indu_list .ul .li .ss{display: block;position: relative;}

.indu_list .ul .li .img{overflow: hidden;}

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

.indu_list .ul .li .txt1{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(to bottom, rgba(153, 153, 153, 0), rgba(0, 0, 0, 0.5));padding: 0.42rem 0.5rem;}

.indu_list .ul .li .txt1 .t1{font-weight: bold;line-height: calc(48 / 30);color: #fff;}

.indu_list .ul .li .txt2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0.5rem;background: rgba(0, 0, 0, 0.6);opacity: 0;pointer-events: none;}

.indu_list .ul .li .txt2 .t1{line-height: calc(48 / 30);color: #fff;}

.indu_list .ul .li .txt2 .t2{line-height: calc(32 / 20);color: rgba(255, 255, 255, 0.8);margin-top: 10px;max-height: 4.8em;overflow-y: auto;}

.indu_list .ul .li .txt2 .tmore{position: absolute;left: 0.5rem;bottom: 0.5rem;}

.indu_list .ul .li s{position: absolute;left: 0;bottom: 0;width: 0;height: 0.06rem;background: var(--color);}

.indu_list .ul .li:hover .txt1{opacity: 0;}

.indu_list .ul .li:hover .txt2{opacity: 1;}

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

.idcLayout .banner_ny{margin-top: 0;}

.idc1{background: url(../images/idc1_1.png) no-repeat center;background-size: cover;padding: 1rem 0 1.2rem;}

.idc1 .sbox{margin: 0.5rem 0 0 -0.32rem;display: flex;}

.idc1 .sbox .lf{width: calc(914 / 1632 * 100%);}

.idc1 .sbox .swiper-container{height: 100%;}

.idc1 .sbox .lf .img{height: 100%;}

.idc1 .sbox .lf .img img{height: 100%;object-fit: cover;}

.swpbtn3 a{position: absolute;top: 50%;margin-top: -23px;width: 45px;height: 45px;border: 1px solid rgba(255,255,255,0.25);background: rgba(34, 34, 34, 0.5);border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 10;}

.swpbtn3 a:hover{border-color: rgba(255,255,255,0.5);background: var(--color);}

.swpbtn3 a.prev{left: 14px;}

.swpbtn3 a.next{right: 14px;transform: rotate(180deg);}

.idc1 .sbox .rf{width: calc(718 / 1632 * 100%);padding: 0.66rem 0.5rem 0.6rem 0.6rem;background: #fff;}

.idc1 .sbox .rf .tit{line-height: calc(48 / 36);color: #111;}

.idc1 .sbox .rf .det{line-height: 2;margin-top: 0.3rem;height: 14em;overflow-y: auto;padding: 0 10px 0 9px;}

.idc1 .sbox .rf .det span{font-weight: bold;color: var(--color);}

.idc1 .sbox .rf .consult{display: flex;margin-top: 0.5rem;}

.idc1 .sbox .rf .consult a{background: var(--color);width: 124px;height: 42px;border-radius: 21px;display: flex;align-items: center;justify-content: center;color: #fff;}

.idc1 .sbox .rf .consult a:hover{background: rgba(3, 110, 183, 0.8);}

.idc2{padding: 1rem 0 1.4rem;background: #FAFAFA;}

.idc2 .ul{display: flex;flex-wrap: wrap;padding-top: 0.2rem;}

.idc2 .ul .li{width: calc((100% - 0.7rem) / 3);margin: 0.3rem 0.35rem 0 0;}

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

.idc2 .ul .li .ss{display: block;height: 100%;background: #fff;}

.idc2 .ul .li .img{overflow: hidden;}

.idc2 .ul .li .txt{padding: 0.2rem 0.28rem 0.18rem 0.3rem;text-align: center;}

.idc2 .ul .li .txt .t1{line-height: 1.8;color: #111;}

.idc2 .ul .li .ss:hover .img img{transform: scale(1.05);}

.idc2 .ul .li .ss:hover{background: var(--color);}

.idc2 .ul .li .ss:hover .txt .t1{color: #fff;}

.idc3{padding: 1rem 0 1.4rem;background: #fff;}

.idc3 .sbox{margin-top: 0.5rem;position: relative;}

.idc3 .sbox .ss{background: #F9F9F9;padding: 0.2rem 0.32rem 0.35rem;display: block;}

.idc3 .sbox .ss .txt{margin-top: 0.29rem;line-height: calc(56 / 24);color: #000;text-align: center;}

.idc3 .sbox .ss s{position: absolute;left: 0;bottom: 0;width: 0;height: 0.06rem;background: var(--color);}

.idc3 .sbox .ss:hover{background: #F5F7FA;}

.idc3 .sbox .ss:hover .txt{color: var(--color);}

.idc3 .sbox .ss:hover s{width: 100%;}

.idc3 .swpbtn3 .prev{left: -65px;}

.idc3 .swpbtn3 .next{right: -65px;}

.about1{background: url(../images/about1_1.jpg) no-repeat center;background-size: cover;padding: 1.2rem 0 1rem;}

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

.about1 .lf{width: 387px;}

.about1 .lf .t1{line-height: calc(1em + 8px);color: #111;}

.about1 .lf .tline{width: 46px;height: 4px;background: var(--color);margin: 0.2rem 0 0.4rem;}

.about1 .lf .t2{line-height: calc(36 / 24);color: #333;}

.about1 .rf{width: calc(100% - 387px - 0.93rem);}

.about1 .rf .t1{line-height: calc(24 / 16);color: #555555;}

.about1 .rf .t1 p:not(:last-child){margin-bottom: calc(24 / 16 * 1em);}

.about1 .rf .img{margin-top: 0.35rem;}

.about1 .rf .ul{display: flex;justify-content: space-between;margin-top: 0.4rem;}

.about1 .rf .li .ltp .countUp{line-height: 1.5;color: var(--color);}

.about1 .rf .li .ltp .unit{line-height: 1.75;color: #212121;vertical-align: baseline;}

.about1 .rf .li .lbt{margin-top: -3px;text-align: center;color: #212121;line-height: 1.75;}

.about2{background: url(../images/about2_1.jpg) no-repeat center;background-size: cover;padding: 1.2rem 0 1rem;}

.about2 .inner_tit .t1{color: #fff;}

.about2 .inner_tit .tline{background: #fff;}

.about2 .inner_tit .t2{margin: 0.5rem auto 0;line-height: 1.75;color: #fff;}

.about2 .ul{display: flex;}

.about2 .ul .li{width: 33.333%;position: relative;margin-top: 0.5rem;}

.about2 .ul .li s{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(188, 231, 255, 0), rgba(188, 231, 255, 0.6), rgba(188, 231, 255, 0.8), rgba(188, 231, 255, 0.54), rgba(188, 231, 255, 0));opacity: 0;}

.about2 .ul .li .txt{padding: 0.87rem 0 1.2rem;position: relative;z-index: 5;}

.about2 .ul .li .txt .ico{width: 58px;margin: 0 auto;}

.about2 .ul .li .txt .t1{line-height: 1.75;color: #fff;margin-top: 10px;}

.about2 .ul .li .txt .tline{width: 80px;height: 1px;background: #fff;margin: 25px auto 0;}

.about2 .ul .li .txt .t2{line-height: 1.75;color: #fff;margin-top: 0.4rem;padding: 0 0.78rem;}

.about2 .ul .li .txt .t3{line-height: 1.75;color: #fff;margin-top: 10px;padding: 0 0.88rem;}

.about2 .ul .li .txt {transform: translateY(93px);}
 
.about2 .ul .li .txt .bt{opacity: 0;pointer-events: none;}

.about2 .ul .li:hover s{opacity: 0.6;}

.about2 .ul .li:hover .txt{transform: translateY(0);}

.about2 .ul .li:hover .txt .bt{opacity: 1;pointer-events: all;}

.about3{background: url(../images/about3_1.jpg) no-repeat center;background-size: cover;padding: 1.2rem 0;}

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

.about3 .atp .inner_tit .tline{margin-left: 0;}

.swpbtn4{display: flex;align-items: center;}

.swpbtn4 a:not(:last-child){margin-right: 0.24rem;}

.swpbtn4 a{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #fff;border: 2px solid #F0F0F0;position: relative;}

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

.swpbtn4 a:hover{background: var(--color);border-color: var(--color);}

.swpbtn4 a:hover img:nth-child(1){opacity: 0;}

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

.swpbtn4 a.next img{transform: rotate(180deg);}

.about3 .abt{overflow: hidden;margin-top: 0.6rem;padding: 0 1.46rem 0 0.74rem;}

.about3 .abt .swiper-container{overflow: visible;}

.about3 .abt .img{overflow: hidden;}

.about3 .abt .txt{line-height: calc(32 / 24);color: #000;margin-top: 10px;opacity: 0;}

.about3 .abt .swiper-slide-active + .swiper-slide + .swiper-slide .txt,
.about3 .abt .swiper-slide-active + .swiper-slide .txt,
.about3 .abt .swiper-slide-active .txt{opacity: 1;}

.about4{background: url(../images/about4_1.jpg) no-repeat center;background-size: cover;padding: 1.2rem 0 1rem;}

.about4 .tit{line-height: 1.5;color: #212121;}

.about4 .sbox{margin-top: 0.5rem;}

.about4 .sbox .img{transform: scale(calc(300 / 380));}

.about4 .sbox .txt{opacity: 0;pointer-events: none;text-align: center;margin-top: 0.2rem;line-height: calc(36 / 24);color: #212121;}

.about4 .sbox .swiper-slide-active .img{transform: scale(1);}

.about4 .sbox .swiper-slide-active .txt{opacity: 1;}


.about3 .swpbtn4,
.about4 .sbox .swpbtn4{justify-content: center;margin-top: 0.4rem;}

.about3 .swpbtn4 a,
.about4 .sbox .swpbtn4 a{background: rgba(3, 110, 183, 0);border-color: rgba(92, 92, 92, 0.5);width: 45px;height: 45px;}

.about3 .swpbtn4 a:not(:last-child),
.about4 .sbox .swpbtn4 a:not(:last-child){margin-left: 0.3rem;}

.about3 .swpbtn4 a:hover,
.about4 .sbox .swpbtn4 a:hover{background: var(--color);border-color: rgba(255,255,255,0.5);}

/* 提示弹窗 */

.ts_tanchuang{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 999;background: rgba(0, 0, 0, 0.6);overflow: hidden;display: none;}

.ts_tanchuang .tox{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;align-content: center;}

.ts_tanchuang .tox .wz{background: #fff;padding: 30px 80px;line-height: 1.5;}

.join_edit:last-child{padding-bottom: 1rem;}

.join_edit .img{margin-top: 0.6rem;}

.join_edit .img img{margin:0 auto;}

.join_edit .tt{text-align: center;line-height: 1.2;}

.join_edit .xian{display: block;width: 46px;height: 4px;background: #036EB7;margin: 20px auto 50px;}

.sp_cz{width: 100%;margin: 10px 0 0 30px;display:flex;display: none;}

.sp_cz.act{display:flex;}

.sp_cz a{width: 110px;line-height: 40px;text-align: center;border-radius: 30px;background: #036EB7; color: #fff;cursor: pointer;}

.sp_cz a:hover{opacity: 0.8;}


@media screen and (min-width: 1201px) {
  .yd{display: none;}
  .mhead,.mnav{display: none;}
}

@media screen and (max-width:1800px) {
  html{font-size: 95px;}
}

@media screen and (max-width:1700px) {
  html{font-size: 90px;}
  .f_12{font-size:12px;}
  .f_14{font-size:14px;}
  .f_16{font-size:16px;}
  .f_18{font-size:16px;}
  .f_20{font-size:18px;}  
  .f_22{font-size:20px;}
  .f_24{font-size:22px;}
  .f_26{font-size:24px;}
  .f_28{font-size:26px;}
  .f_30{font-size:26px;}
  .f_32{font-size:28px;}
  .f_34{font-size:30px;}
  .f_36{font-size:32px;}
  .f_38{font-size:32px;}
  .f_40{font-size:36px;}
  .f_42{font-size:36px;}
  .f_44{font-size:38px;}
  .f_46{font-size:38px;}
  .f_48{font-size:40px;}
  .f_50{font-size:44px;}
  .f_60{font-size:50px;}
}

@media screen and (max-width:1600px) {
  html{font-size: 85px;}
}

@media screen and (max-width:1500px){
  html{font-size: 80px;}
  .f_12{font-size:12px;}
  .f_14{font-size:14px;}
  .f_16{font-size:16px;}
  .f_18{font-size:16px;}
  .f_20{font-size:16px;}  
  .f_22{font-size:18px;}
  .f_24{font-size:20px;}
  .f_26{font-size:22px;}
  .f_28{font-size:24px;}
  .f_30{font-size:24px;}
  .f_32{font-size:26px;}
  .f_34{font-size:28px;}
  .f_36{font-size:30px;}
  .f_38{font-size:30px;}
  .f_40{font-size:32px;}
  .f_42{font-size:34px;}
  .f_44{font-size:36px;}
  .f_46{font-size:36px;}
  .f_48{font-size:38px;}
  .f_50{font-size:40px;}
  .f_60{font-size:46px;}

  .prod2 .list .lox .ltp .ss .txt .t1,
  .prod2 .list .lox .ltp .rf .ss .txt .t1{font-size: 20px;}

  .prod2 .list .lox .ltp .rf .ss .txt{top: 0.25rem;}

  .prod1 .ul .li .ss .ico{width: 60px;}
}

@media screen and (max-width:1400px) {
  html{font-size: 75px;}
}

@media screen and (max-width:1300px) {
  html{font-size: 70px;}
}

@media (max-width:1200px) {
  html{font-size: 65px;}
  .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_42 {font-size: 22px;}
  .f_44 {font-size: 22px;}
  .f_46 {font-size: 24px;}
  .f_48 {font-size: 24px;}
  .f_50 {font-size: 24px;}
  .f_60 {font-size: 26px;}

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

  .wow,
  .wow1{opacity: 1;}

  .a_dw{top: -50px;}

  .pc{display: none;}

  .header{display: none;}

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

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

  /* ph nav */
  .mhead{display: block;width: 100%;height: 50px;position: fixed;z-index: 109;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 .ss{float: right;width: 40px;height: 50px;background: url(../images/ss_m.png) center no-repeat;background-size: 22px auto;}

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

  .mhead .logo img{display: block;height: 30px;margin-top: 12px;}

  .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: 115;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: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_hui2.png) center no-repeat ;background-size: 16px;-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.act span {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

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

  .mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 15;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);}

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

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

  .mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

  .mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}

  .mnav2 .mbox .dl1 dd .dtop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_hui2.png) center no-repeat ;background-size: 16px;}

  .mnav2 .mbox .dl1 dd .dtop.act span {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

  .mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

  .mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

  .mnav2.act{left: 0;}

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

  .sidebar .item .itp{width: 40px;height: 40px;}

  .sidebar .item .itp img{width: 20px;}

  .crumb{margin-top: 0;display: none;}

  .idc3 .swpbtn3{display: flex;justify-content: center;margin-top: 0.5rem;}

  .idc3 .swpbtn3 a{position: relative;margin: 0 0.1rem;width: 40px;height: 40px;}

  .idc3 .swpbtn3 .prev{left: 0;}

  .idc3 .swpbtn3 .next{right: 0;}

  .banner_ny{margin-top: 0;}

  .about1 .box{flex-wrap: wrap;}

  .about1 .lf{width: 100%;}

  .about1 .rf{width: 100%;margin-top: 0.5rem;}
  
  .message .mox .box{padding: 30px 15px;}
}

@media screen and (max-width:1100px) {
  html{font-size: 60px;}
}

@media screen and (max-width:1000px) {
  html{font-size: 55px;}

  .prod2 .list .lox .ltp{flex-wrap: wrap;}

  .prod2 .list .lox .ltp .lf{width: calc(50% - 0.15rem);margin-right: 0.3rem;}

  .prod2 .list .lox .ltp .lf:nth-child(2){margin-right: 0;}

  .prod2 .list .lox .ltp .rf{width: 100%;display: flex;}

  .prod2 .list .lox .ltp .rf .ss{width: calc(50% - 0.15rem);margin-right: 0.3rem;margin-top: 0.3rem;}

  .prod2 .list .lox .ltp .rf .ss:nth-child(2){margin-right: 0;}

  .pdc1 .ul .li .ss .txt .t1{font-size: 20px;}

  .pdc5 .li{flex-wrap: wrap;}

  .pdc5 .li .lf{width: 100%;margin-bottom: 0.3rem;}

  .pdc5 .li .rf{width: 100%;}
}

@media screen and (max-width:900px) {
  html{font-size: 50px;}

  .in4 .ul .li{width: 100%;margin-right: 0;}
}

@media (max-width:768px) {
  .fw_100{font-weight: normal;}

  .footer .ftp .lf{display: none;}

  .footer .ftp .rf{width: 100%;}

  .in5 .ul .li{width: 33.333%;}

  .in6 .t3 a{height: 40px;}

  .in3 .ctxt .ul .li{width: 50%;padding-bottom: 0.4rem;margin-top: 0.4rem;}

  .in3 .ctxt .ul .li .lbox{padding-left: 0;padding-right: 0.3rem;}

  .in3 .ctxt .ul .li:nth-child(2), .in3 .ctxt .ul .li:nth-child(5){width: 50%;}

  .in3 .ctxt .ul .li:nth-child(3) .lbox, .in3 .ctxt .ul .li:nth-child(6) .lbox{padding-left: 0;}

  .in3 .ctxt .ul .li:nth-child(2) .lbox, .in3 .ctxt .ul .li:nth-child(5) .lbox{padding-left: 0;}

  .in3 .ctxt .ul .li:nth-child(3n) .lbox{border-right: 1px dashed rgba(255, 255, 255, 0.2);}

  .in3 .ctxt .ul .li:nth-child(2n) .lbox{border-right: none;padding-left: 0.3rem;padding-right: 0;}

  .footer .fbt .box{text-align: center;}

  .footer .fbt .box a{display: block;}

  .footer .fbt .box .frt{width: 100%;}

  .footer .fbt .box .frt a{display: inline-block;}

  .in3 .ctxt .ul .li:nth-child(4){border-bottom: 1px dashed rgba(255, 255, 255, 0.2);}

  .in2 .ul .li{width: 100% !important;margin-right: 0 !important;}

  .in2 .ul .li .ss .txt{padding: 0 0.4rem 0.2rem;}

  .in3.act .ul{padding: 0.3rem 0 0;}

  .in1 .swpbtn a,
  .in1 .ss .img .pimg{display: none;}

  .in1 .ss .img .ming{display: block;}

  .in1 .swpbtn .poginbox .pogin span{width: 50px;}

  .prod1{display: none;}

  .prod2 .list .lox{padding: 10px;}

  .prod2 .list .lox .ltp .lf{width: 100%;margin-right: 0;}

  .prod2 .list .lox .ltp .lf:nth-child(2){margin-top: 0.3rem;}

  .prod2 .list .lox .ltp .rf{flex-wrap: wrap;}

  .prod2 .list .lox .ltp .rf .ss{width: 100%;margin-right: 0;}

  .prod2 .list .lox .ltp .rf .ss:not(:last-child){margin-bottom: 0;}

  .prod2 .list .lox .lbt{margin: 0.3rem 0 0;}

  .swpbtn2{display: flex;justify-content: center;margin-top: 0.5rem;}

  .swpbtn2 a{position: relative;margin: 0 0.1rem;width: 40px;height: 40px;}

  .swpbtn2 a.prev{left: 0;}

  .swpbtn2 a.next{right: 0;}

  .pdc1 .ul .li:first-child{margin-top: 0;}

  .pdc1 .ul .li{width: 100% !important;margin-right: 0 !important;margin-top: 0.15rem;}

  .pdc4{height: auto;}

  .pdc5 .li{padding: 0.6rem 0;}

  .pdc5 .li .rf .item{width: 50%;}

  .indu_list .ul .li{width: 100%;margin-right: 0;margin-top: 0.3rem !important;}

  .indu_list .ul .li:first-child{margin-top: 0 !important;}

  .idc2 .ul .li{width: 100%;margin-right: 0;}

  .idc1 .sbox{flex-wrap: wrap;}

  .idc1 .sbox .lf{width: 100%;}

  .idc1 .sbox .rf{width: 100%;padding: 0.4rem 0.2rem;}

  .idc1 .sbox .rf .det{height: auto;max-height: 14em;}

  .idc1 .swpbtn3 a{display: none;}

  .about1 .rf .ul{flex-wrap: wrap;}

  .about1 .rf .ul .li{width: 50%;text-align: left;padding-right: 0.2rem;}

  .about1 .rf .li .lbt{text-align: left;}

  .about2 .ul{flex-wrap: wrap;}

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

  .about2 .ul .li .txt{transform: translateY(0);padding: 0.4rem 0 0;}

  .about2 .ul .li .txt .bt{opacity: 1;}

  .about2 .ul .li .txt .ico{width: 40px;}

  .about2 .ul .li .txt .tline{margin-top: 15px;}

  .swpbtn4 a{width: 40px;height: 40px;}

  .about3 .abt{padding: 0;}

  .about3 .swpbtn4 a,
  .about4 .sbox .swpbtn4 a{width: 40px;height: 40px;}
  
  .message .mox .frombox .item .ibt input{height: 40px;}
  
  .message .mox .frombox .item{width: 100%;margin-right: 0;}
  
  .message .mox .frombox .item{margin-top: 10px;}
  
  .message .mox .frombox .item .ibt{margin-top: 5px;}
  
  .message .mox .frombox .item textarea{height: 80px;}
}