* {outline:0 none !important;}

html {font-size:calc(100vw/19.2);}

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

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

* {margin:0;padding:0;outline:none;}

@font-face {
  font-display: swap;
  font-family: 'openM';
    src: url("../fonts/OpenSans-Medium.ttf");
}
@font-face {
  font-display: swap;
  font-family: 'openR';
    src: url("../fonts/OpenSans-Regular.ttf");
}
@font-face {
  font-display: swap;
  font-family: 'openL';
    src: url("../fonts/OpenSans-Light.ttf");
}
@font-face {
  font-display: swap;
  font-family: 'openEB';
    src: url("../fonts/OpenSans-ExtraBold.ttf");
}
@font-face {
  font-display: swap;
  font-family: 'openB';
    src: url("../fonts/OpenSans-Bold.ttf");
}
@font-face {
  font-display: swap;
  font-family: 'openS';
    src: url("../fonts/OpenSans-SemiBold.ttf");
}
@font-face {
  font-display: swap;
  font-family: 'openCB';
    src: url("../fonts/OpenSans_Condensed-Bold.ttf");
}
@font-face {
  font-display: swap;
  font-family: 'gilroyM';
    src: url("../fonts/Gilroy-Medium-2.otf");
}
.gilroyM{font-family: 'gilroyM';}
.openR{font-family: 'openR';}
.openL{font-family: 'openL';}
.openB{font-family: 'openB';}
.openEB{font-family: 'openEB';}
.openCB{font-family: 'openCB';}
.fbd{font-family: 'openS';}
.openS{font-family: 'openS';}
.f500{font-family: 'openM';}

body {position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;overflow-x:hidden;position:relative;padding:0;width:100%;color:#333;font-family:'openR', Microsoft YaHei,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Hiragino Sans GB,Helvetica Neue,Arial,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size: 14px;line-height: calc(19 / 14);background:#F6F7F8;}

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;color:#333;-webkit-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); transition: color .4s cubic-bezier(0.4, 0, 0.2, 1);}
textarea,select {outline:none;color:#666;font-size: 14px;width:100%;}
textarea {resize:none;padding:0;border:0;font-family:'openR';}
img {border:none;max-width:100%;display:block;width: 100%;}
img[src=""] {opacity:0;}
i {font-style:normal;}

.edit img,.img_inline_block img {display:inline-block;height:auto;width: auto;}
.fw_100 {font-weight:100;}
.img_cct {width:100%;opacity:0;}
.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;}
.place::-webkit-input-placeholder {color:#888888;}
.place:-moz-placeholder {color:#888888;}
.place::-moz-placeholder {color:#888888;}
.place:-ms-input-placeholder {color:#888888;}

.place2::-webkit-input-placeholder {color:#606060;}
.place2:-moz-placeholder {color:#606060;}
.place2::-moz-placeholder {color:#606060;}
.place2:-ms-input-placeholder {color:#606060;}

.place3::-webkit-input-placeholder {color:#BDBDBD;}
.place3:-moz-placeholder {color:#BDBDBD;}
.place3::-moz-placeholder {color:#BDBDBD;}
.place3:-ms-input-placeholder {color:#BDBDBD;}

/*去掉 input 默认边框*/
input {padding:0;border:0;font-family:'openR';outline:none;}
input[type="submit"] {background-color:transparent;cursor:pointer;}
input[type="button"],input[type="submit"],input[type="reset"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand {display:none;}

.scroll::-webkit-scrollbar {
    display: block;
    width: 4px;
    background-color: rgba(34,34,34,.1);
    border-radius: 2px
}

.scroll::-webkit-scrollbar-thumb {
    display: block;
    background-color: #b6b6b6;
    width: 4px;
    border-radius: 2px
}


.scroll2::-webkit-scrollbar {
    display: block;
    width: 2px;
    background-color: rgba(51,51,51,.3);
    border-radius: 0
}

.scroll2::-webkit-scrollbar-thumb {
    display: block;
    background-color: #D7000F;
    width: 2px;
    border-radius: 0
}



.scroll3::-webkit-scrollbar {
    display: block;
    width: 0;
    background-color: rgba(51,51,51,0);
    border-radius: 0
}

.scroll3::-webkit-scrollbar-thumb {
    display: block;
    background-color: rgba(255,255,255,0);
    width: 0;
    border-radius: 0
}

:root{
  --viColor: #D7000F;
  --viColor2: #888;
}

h3 {font-weight:500;}
.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_52 {font-size:52px;}
.f_54 {font-size:54px;}
.f_56 {font-size:56px;}
.f_58 {font-size:58px;}
.f_60 {font-size:60px;}
.f_62 {font-size:62px;}
.f_64 {font-size:64px;}
.f_68 {font-size:68px;}
.f_70 {font-size:70px;}
.f_72 {font-size:72px;}
.f_74 {font-size:74px;}
.f_76 {font-size:76px;}
.f_78 {font-size:78px;}
.f_80 {font-size:80px;}

.onetime{-webkit-transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1), opacity .4s cubic-bezier(0.4, 0, 0.2, 1);}

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

.alltime15,.alltime15 *{-webkit-transition: all .15s; -moz-transition: all .15s; transition: all .15s;}

.w100{width: 100%;}

.mg-40{margin-left: -40px;margin-right: -40px;}
.pd-40{padding-left: 40px;padding-right: 40px;}

.mg40{margin-top: 40px;}
.mg60{margin-top: 60px;}
.mg80{margin-top: 80px;}
.pd50_0{padding-top: 50px;}
.pd0_50{padding-bottom: 50px;}
.pd50_50{padding-top: 50px;padding-bottom: 50px;}

.mg24{margin-top: 24px;}
.mg40{margin-top: 40px;}
.mg50{margin-top: 50px;}
.mg55{margin-top: 55px;}
.mg62{margin-top: 62px;}
.mg65{margin-top: 65px;}
.mg68{margin-top: 68px;}
.mg70{margin-top: 70px;}
.pd46_51{padding-top: 46px;padding-bottom: 51px;}
.pd46_56{padding-top: 46px;padding-bottom: 56px;}
.pd50_0{padding-top: 50px;padding-bottom: 0;}
.pd50_48{padding-top: 50px;padding-bottom: 48px;}
.pd50_50{padding-top: 50px;padding-bottom: 50px;}
.pd50_60{padding-top: 50px;padding-bottom: 60px;}
.pd50_75{padding-top: 50px;padding-bottom: 75px;}
.pd50_85{padding-top: 50px;padding-bottom: 85px;}
.pd53_65{padding-top: 53px;padding-bottom: 65px;}
.pd57_54{padding-top: 57px;padding-bottom: 54px;}
.pd60_60{padding-top: 60px;padding-bottom: 60px;}
.pd65_70{padding-top: 65px;padding-bottom: 70px;}
.pd65_75{padding-top: 65px;padding-bottom: 75px;}
.pd70_50{padding-top: 70px;padding-bottom: 50px;}
.pd70_70{padding-top: 70px;padding-bottom: 70px;}
.pd80_50{padding-top: 80px;padding-bottom: 50px;}
.pd80_62{padding-top: 80px;padding-bottom: 62px;}
.pd80_85{padding-top: 80px;padding-bottom: 85px;}
.pd90_60{padding-top: 90px;padding-bottom: 60px}

.w1440{max-width: 1440px;margin: 0 auto;padding-left: 40px;padding-right: 40px;}

/* common */
.m_header,.mh_nav,.phbox{display: none;}

.footer{background: #ECEDEF;padding: 38px 0 21px;}
.footer .ftp{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer .ftp .left{width: calc(819 / 1360 * 100%);}
.footer .ftp .left .ul{display: flex;justify-content: space-between;}
.footer .ftp .left .ul .li{max-width: 187px;}
.footer .ftp .left .ul .li .lv1{line-height: calc(26 / 16);}
.footer .ftp .left .ul .li .lv2list{margin-top: 17px;}
.footer .ftp .left .ul .li .lv2:not(:first-child){margin-top: 8px;}
.footer .ftp .left .ul .li .lv2 a{display: block;width: fit-content;color: var(--viColor2);line-height: calc(17 / 14);}
.footer .ftp .left .ul .li .lv2 a:hover{color: var(--viColor);}

.footer .ftp .choose{margin-top: 44px;width: 100%;}
.footer .ftp .choose .tit{line-height: calc(26 / 16);}
.footer .ftp .choose .list{margin-top: 10px;display: flex;flex-wrap: wrap;gap: 21px;align-items: center;}
.footer .ftp .choose .list .item a{width: fit-content;}
.footer .ftp .choose .list .item img{height: 47px;width:auto;object-fit: contain;}

.footer .ftp .right{width: calc(408 / 1360 * 100%);}
.footer .ftp .right .tit{line-height: calc(22 / 16);}
.footer .ftp .right .dy{margin-top: 10px;position: relative;border: 1px solid #D4D4D4;border-radius: 21px;overflow: hidden;}
.footer .ftp .right .dy input[type=text]{display: block;width: 100%;background: none;outline: none;background: none;height: 30px;padding: 0 106px 0 14px;}
.footer .ftp .right .dy .submit{position: absolute;top: -1px;right: -1px;width: 96px;height: 32px;background: #D7000F;color: #fff;border-radius: 21px;}

.footer .ftp .right .rox2{margin-top: 22px;}
.footer .ftp .right .rox2 .tit{color: var(--viColor2);}
.footer .ftp .right .rox2 .list{display: flex;flex-wrap: wrap;margin-top: 11px;gap: 8.2px;}
.footer .ftp .right .rox2 a{width: 24px;height: 24px;position: relative;}
.footer .ftp .right .rox2 a img:nth-child(2){position: absolute;opacity: 0;top: 0;left: 0;}
.footer .ftp .right .rox2 a:hover img:nth-child(1){opacity: 0;}
.footer .ftp .right .rox2 a:hover img:nth-child(2){opacity: 1;}

.footer .ftp .right .rox3{margin-top: 22px;}
.footer .ftp .right .rox3 .tit{color: var(--viColor2);}
.footer .ftp .right .rox3 .list{display: flex;flex-wrap: wrap;margin-top: 11px;gap: 14px;}
.footer .ftp .right .rox3 .list .item{width: 80px;height: 80px;background: #B8B8B8;border-radius: 5px;}

.footer .fbt{border-top: 1px solid rgba(185, 185, 185, 0.63);margin-top: 17px;padding-top: 11px;color: #999999;text-align: center;}

.footer .fbt a{color: #999999;}
.footer .fbt a:last-child{margin-right: 15px;}
.footer .fbt a:hover{color: var(--viColor);}

.header{/*height: 142px;*/position: sticky;top: 0;z-index: 111;box-shadow: 0px 4px 13.2px 0px rgba(215, 0, 15, 0.07);background: #fff;}

.hd1{background: #333;}

.hd1 .w1440{display: flex;justify-content: flex-end;align-items: center;gap: 33px;}

.hd1 .brand .top{height: 25px;display: flex;align-items: center;justify-content: center;gap: 5px;}
.hd1 .brand .top .ico{width: 13px;margin-right: 3px;}
.hd1 .brand .top .txt{color: #fff;}
.hd1 .brand .top .arr{width: 11px;}

.hd1 .language .top{height: 25px;display: flex;align-items: center;gap: 3px;}
.hd1 .language .top .ico{width: 17px;}
.hd1 .language .top .arr{width: 11px;}

.header .hd2{border-bottom: 1px solid rgba(0,0,0,0.1);}

.header .hd2 .w1440{height: 72px;display: flex;align-items: center;justify-content: space-between;}

.header .hd2 .logo a{display: block;width: 170px;}

.header .hd2 .search{width: calc(100% - 691px);width: calc(100% - 391px);margin-left: 20px;border: 1px solid var(--viColor);border-radius: 22px;position: relative;overflow: hidden;}
.header .hd2 .search input[type=text]{display: block;width: 100%;height: 37px;padding: 0 150px 0 26px;background: none;border: none;}
.header .hd2 .search .submit{position: absolute;top:-1px;right:-1px;height: 39px;border-radius: 22px;background: var(--viColor) url(../images/svg/hd_search.svg) no-repeat left 21px center;color: #fff;padding-left: 48px;text-align: left;padding-right:15px;/*width: 115px;*/}

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

.header .hd2 .sign{position: relative;}
.header .hd2 .sign .top{display: flex;align-items: center;gap: 9px;}
.header .hd2 .sign .top span{position: relative;width: 17px;}
.header .hd2 .sign .top span img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}
.header .hd2 .sign:hover .top{color: var(--viColor);}
.header .hd2 .sign:hover .top img:nth-child(1){opacity: 0;}
.header .hd2 .sign:hover .top img:nth-child(2){opacity: 1;}

.header .hd2 .line{margin: 0 19px 0 20px;width: 1px;height: 15px;background: #000;opacity: 0.1;}

.header .hd2 .message{position: relative;}
.header .hd2 .message .top{display: flex;align-items: center;gap: 17px;}
.header .hd2 .message .top span{position: relative;width: 20px;}
.header .hd2 .message .top span img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}
.header .hd2 .message:hover .top{color: var(--viColor);}
.header .hd2 .message:hover .top img:nth-child(1){opacity: 0;}
.header .hd2 .message:hover .top img:nth-child(2){opacity: 1;}

.header .hd2 .nationa{display: flex;align-items: center;gap: 23px;padding-left: 13px;}

.header .hd2 .nationa img{height: 17px;}

.header .hd3 .w1440{display: flex;align-items: center;justify-content: space-between;}
.header .hd3 .left{display: flex;align-items: center;}
.header .hd3 .all .top{display: flex;align-items: center;height: 45px;}
.header .hd3 .all .top .ico{width: 15px;margin-right: 10px;position: relative;}
.header .hd3 .all .top .ico img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.header .hd3 .all .top .arr{width: 10px;position: relative;margin-left: 9px;}
.header .hd3 .all .top .arr img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.header .hd3 .all:hover .top .txt{color: var(--viColor);}
.header .hd3 .all:hover .ico img:nth-child(1){opacity: 0;}
.header .hd3 .all:hover .ico img:nth-child(2){opacity: 1;}
.header .hd3 .all:hover .arr img:nth-child(1){opacity: 0;}
.header .hd3 .all:hover .arr img:nth-child(2){opacity: 1;}

.header .hd3 .left .line{width: 1px;height: 15px;background: #000;opacity: 0.1;margin: 0 15px;}
.header .hd3 .left .link:hover{color: var(--viColor);}
.header .hd3 .left .line:nth-child(10){display: none;}
.header .hd3 .left .more{position: relative;display: flex;align-items: center;gap: 9px;display: none;}
.header .hd3 .left .more .arr{width: 10px;}
.header .hd3 .left .more .arr img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.header .hd3 .left .more .morebot{position: absolute;top: 100%;left: 0;padding-top: 12px;opacity: 0;visibility: hidden;}
.header .hd3 .left .more .morebot .cat{position: absolute;width: 0;height: 0;border: 6px solid transparent;top: 6px;border-bottom-color: #fff;border-top-width: 0;;left: 25px;}
.header .hd3 .left .more .morebot .cont{padding: 15px;border-radius: 5px;-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,.2);box-shadow: 0 0 15px 1px rgba(0,0,0,.2);background-color: #fff;white-space: nowrap;outline: 0;margin-right: -5px;}
.header .hd3 .left .more .morebot .cont .it{margin: -10px -15px;}
.header .hd3 .left .more .morebot .cont .it a{display: none;padding: 5px 15px;}
.header .hd3 .left .more .morebot .cont .it a:hover{color: var(--viColor);}
.header .hd3 .left .more:hover .morebot{opacity: 1;visibility: visible;}

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

.header .hd3 .shop{position: relative;}
.header .hd3 .shop .top{display: flex;align-items: center;gap: 10px;}
.header .hd3 .shop .top .arr{width: 10px;position: relative;}
.header .hd3 .shop .top .arr img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}
.header .hd3 .shop.act .top .txt,.header .hd3 .shop:hover .top .txt{color: var(--viColor);}
.header .hd3 .shop.act .top .arr img:nth-child(1),.header .hd3 .shop:hover .top .arr img:nth-child(1){opacity: 0;}
.header .hd3 .shop.act .top .arr img:nth-child(2),.header .hd3 .shop:hover .top .arr img:nth-child(2){opacity: 1;}

.header .hd3 .link .top{display: flex;align-items: center;gap: 10px;}
.header .hd3 .link .top .arr{width: 10px;position: relative;}
.header .hd3 .link .top .arr img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}
.header .hd3 .link.act .top .txt,.header .hd3 .link:hover .top .txt{color: var(--viColor);}
.header .hd3 .link.act .top .arr img:nth-child(1),.header .hd3 .link:hover .top .arr img:nth-child(1){opacity: 0;}
.header .hd3 .link.act .top .arr img:nth-child(2),.header .hd3 .link:hover .top .arr img:nth-child(2){opacity: 1;}

.header .hd3 .right .line{width: 1px;height: 15px;background: #000;opacity: 0.1;margin: 0 19px 0 15px;}

/* .header .hd3 .right .link a:hover{color: var(--viColor);} */

.header .hd3 .btns{display: flex;align-items: center;gap: 7px;}
.header .hd3 .btns a{position: relative;height: 28px;border: 1px solid var(--viColor);border-radius: 19px;display: flex;align-items: center;justify-content: center;color: var(--viColor);}
.header .hd3 .btns a .num{position: absolute;top: -8px;right: 0;border-radius: 16px;min-width: 16px;line-height: 16px;background: var(--viColor);color: #fff;text-align: center;padding: 0 0.5em;}
.header .hd3 .btns a span{position: relative;}
.header .hd3 .btns a span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.header .hd3 .btns a:nth-child(1){padding: 0 13px;gap: 11px;}
.header .hd3 .btns a:nth-child(1) span{width: 19px;}
.header .hd3 .btns a:nth-child(2){padding: 0 12px;gap: 8px;}
.header .hd3 .btns a:nth-child(2) span{width: 15px;}

.header .hd3 .btns a > font{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.header .hd3 .btns a:hover{background: var(--viColor);color: #fff;}
.header .hd3 .btns a:hover span img:nth-child(1){opacity: 0;}
.header .hd3 .btns a:hover span img:nth-child(2){opacity: 1;}

.header.on .hd2{position: fixed;top: 0;width: 100%;background: #fff;z-index: 10;}

/*.header.on .hd2 .search{width: calc(100% - 230px);}*/

/*.header.on .hd2 .right{display: none;}*/

.header.on .hd3{position: fixed;top: 73px;width: 100%;background: #fff;box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, 0.12);z-index: 9;}

.indexLayout{background: url(../images/in1_1.png) no-repeat top center;padding: 11px 0 29px;}

.in1{display: flex;flex-wrap: wrap;background: #fff;border-radius: 12px;padding: 12px 0 16px;}
.in1 .left{width: 295px;position: relative;}
.in1 .center{width: calc(100% - 295px - 295px - 26px - 24px);margin: 0 24px 0 26px;}
.in1 .right{width: 295px;}

.in1 .left .tit{display: flex;align-items: center;gap: 12px;padding: 0 0 11px 22px;border-bottom: 1px solid rgba(215, 0, 15, 0.15);line-height: calc(25 / 18);}
.in1 .left .tit img{width: 18px;}
.in1 .left .ul{margin-top: 6px;min-height: 484px;}

/*.in1 .left .ul .li{position: relative;}*/

.in1 .left .lv1 a{display: block;padding: 6px 23px;position: relative;}
.in1 .left .lv1 a span{width: 6px;right: 8px;top: 50%;margin-top: -5px;position: absolute;opacity: 0;}

.in1 .left .li:hover .lv1 a{background: #ECEDEF;color: var(--viColor)}
.in1 .left .li:hover .lv1 a span{opacity: 1;}

.in1 .left .more a{display: flex;align-items: center;padding: 6px 23px;gap: 8px;color: var(--viColor);}
.in1 .left .more a img{width: 6px;}

.in1 .right .tit{display: flex;align-items: center;gap: 12px;padding: 0 0 11px 22px;border-bottom: 1px solid rgba(215, 0, 15, 0.15);line-height: calc(25 / 18);}
.in1 .right .tit img{width: 18px;}
.in1 .right .ul{margin-top: 12px;}
.in1 .right .ul .li:not(:first-child){margin-top: 14px;}
.in1 .right .ul .li{padding-right: 23px;}
.in1 .right .ul .li .ss{display: flex;align-items: center;justify-content: space-between;}
.in1 .right .ul .li .ss .imgbox{background: #F6F7F8;border-radius: 5px;overflow: hidden;display: flex;align-items: center;justify-content: center;width: 91px;}
.in1 .right .ul .li .ss .imgbox img{width: auto;max-width: 100%;max-height: 100%;}
.in1 .right .ul .li .ss .txtbox{width: calc(100% - 102px);}
.in1 .right .ul .li .ss .t2{margin-top: 2px;line-height: calc(16 / 12);color: #999;}

.in1 .right .ul .li .ss:hover .t1{color: var(--viColor);font-family: 'openM';}

.in1 .right .more{margin-top: 25px;padding-right: 18px;}
.in1 .right .more .tt{line-height: calc(25 / 18);color: var(--viColor);}
.in1 .right .more a{display: flex;align-items: center;height: 38px;border: 1px solid var(--viColor);border-radius: 5px;padding: 0 13px;gap: 12.5px;margin-top: 9px;}
.in1 .right .more a span{width: 16px;position: relative;}
.in1 .right .more a span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.in1 .right .more a:hover{background: var(--viColor);color: #fff;}
.in1 .right .more a:hover span img:nth-child(1){opacity: 0;}
.in1 .right .more a:hover span img:nth-child(2){opacity: 1;}

.in1 .center .swiper{border-radius: 12px;overflow: hidden;}
.in1 .center .swiper .imgbox a{display: block;}
.in1 .center .swiper .imgbox img{height: 393px;object-fit: contain;}
.in1 .center .swiper .txtbox{position: absolute;top: calc(115 / 393 * 100%);top: calc(75 / 393 * 100%);left: calc(49 / 720 * 100%);}
.in1 .center .swiper .txtbox .t1{line-height: calc(44 / 32);}
.in1 .center .swiper .txtbox .t2{line-height: calc(22 / 16);margin-top: 3px;}

.in1 .center .swiper .link{display: flex;align-items: center;width: fit-content;margin-top: 28px;position: relative;padding: 0 18px 0 19px;gap: 11px;background: #fff;border-radius: 22px;color: var(--viColor);height: 39px;position: absolute;left: calc(49 / 720 * 100%);top: calc(200 / 393 * 100%);}
.in1 .center .swiper .link span{width: 6px;position: relative;}
.in1 .center .swiper .link span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.in1 .center .swiper .link:hover{background: var(--viColor);color: #fff;}
.in1 .center .swiper .link:hover span img:nth-child(1){opacity: 0;}
.in1 .center .swiper .link:hover span img:nth-child(2){opacity: 1;}

.in1 .center .swiper .pogin{position: absolute;bottom: 16px;left: 0;z-index: 11;display: flex;align-items: center;justify-content: center;width: 100%;gap: 4px;}
.in1 .center .swiper .pogin span{width: 9px;height: 2px;border-radius: 2px;background: #fff;opacity: 0.54;}
.in1 .center .swiper .pogin span.swiper-pagination-bullet-active{opacity: 1;width: 35px;background: var(--viColor);}

.in1 .center .ul{margin-top: 11px;display: flex;gap: 11px;}
.in1 .center .ul .li{width: calc((100% - 33px) / 4);}
.in1 .center .ul .li .ss{height: 123px;border-radius: 12px;overflow: hidden;position: relative;display: block;background: #F6F7F8;}
.in1 .center .ul .li .ss .imgbox img{height: 123px;object-fit: cover;}
.in1 .center .ul .li .ss .txtbox{position: absolute;top: 11px;left: 14px;width: calc(100% - 28px);height: calc(100% - 11px);}
.in1 .center .ul .li .ss .txtbox .t2{line-height: calc(14 / 12);color: var(--viColor2);margin-top: 4px;opacity: 0;transform: translateY(20px);max-width: 84px;}
.in1 .center .ul .li .ss .txtbox .t3{position: absolute;left: 0;bottom: -40px;display: flex;align-items: center;line-height: calc(16 / 12);gap: 5px;color: var(--viColor);opacity: 0;}
.in1 .center .ul .li .ss .txtbox .t3 img{width: 6px;}
.in1 .center .ul .li .ss:hover .txtbox .t2{transform: translateY(0);opacity: 1;}
.in1 .center .ul .li .ss:hover .txtbox .t3{bottom: 15px;opacity: 1;}

.in2{margin-top: 8px;}

.intit{display: flex;align-items: center;justify-content: space-between;}
.intit .tit{line-height: calc(30 / 22);}
.intit .more{display: flex;align-items: center;color: var(--viColor);gap: 12px;}
.intit .more img{width: 6px;}

.inbtn{display: flex;align-items: center;background: #fff;width: fit-content;height: 39px;padding: 0 19px;border-radius: 22px;color: var(--viColor);gap: 11px;}
.inbtn span{width: 6px;position: relative;transform: translateY(1px);}
.inbtn span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.inbtn:hover{background: var(--viColor);color: #fff;}
.inbtn:hover img:nth-child(1){opacity: 0;}
.inbtn:hover img:nth-child(2){opacity: 1;}

.in2 .ul{display: flex;flex-wrap: wrap;margin-top: 12px;gap: 8px;}
.in2 .ul .li{width: calc((100% - 56px) / 8);}
.in2 .ul .li .ss{display: block;height: 100%;background: #fff;border-radius: 12px;}
.in2 .ul .li .ss .imgbox{height: 136px;display: flex;align-items: center;justify-content: center;padding: 10px;overflow: hidden;}
.in2 .ul .li .ss .imgbox img{width: auto;max-width: 100%;max-height: 100%;}
.in2 .ul .li .ss .txtbox{padding: 0 10px 14px;text-align: center;line-height: calc(16 / 14);}

.in2 .ul .li .ss:hover{box-shadow: 0px 4px 16.4px 0px rgba(0, 0, 0, 0.09);}
.in2 .ul .li .ss:hover .imgbox img{transform: scale(1.04);}
.in2 .ul .li .ss:hover .txtbox{color: var(--viColor);font-family: 'openM';}

.in2 .swpbox{margin-top: -18px;position: relative;}
.in2 .swpbox .swiper{padding: 30px 0;}
.in2 .swpbox .swiper .swiper-slide{height: auto;}
.in2 .swpbox .ss{border-radius: 12px;background: #fff;padding: 7px 5px 23px;display: block;height: 100%;}
.in2 .swpbox .ss .imgbox{height: 97px;border-radius: 8px;overflow: hidden;margin: 0 2px;}
.in2 .swpbox .ss .imgbox img{height: 100%;object-fit: cover;}
.in2 .swpbox .ss .t1{margin-top: 17px;text-align: center;}
.in2 .swpbox .ss .t2{margin-top: 8px;display: flex;align-items: baseline;justify-content: center;gap: 10px;color: var(--viColor2);}
.in2 .swpbox .ss .t2 span{width: 6px;position: relative;}
.in2 .swpbox .ss .t2 span img:nth-child(2){position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;}

.in2 .swpbox .ss:hover{box-shadow: 0 4px 16.4px 0 rgba(0, 0, 0, 0.09);}
.in2 .swpbox .ss:hover .t1{color: var(--viColor);}
.in2 .swpbox .ss:hover .t2{color: var(--viColor);}
.in2 .swpbox .ss:hover .t2 span img:nth-child(1){opacity: 0;}
.in2 .swpbox .ss:hover .t2 span img:nth-child(2){opacity: 1;}

.in3{margin-top: 4px;display: flex;flex-wrap: wrap;}

.in3 .picbox{border-radius: 12px 0 0 12px;overflow: hidden;width: 281px;position: relative;}
.in3 .picbox .pic{height: 100%;}
.in3 .picbox .pic img{min-height: 377px;object-fit: cover;height: 100%;}
.in3 .picbox .txt{position: absolute;top: 34px;left: 16px;width: calc(100% - 32px);text-align: center;}
.in3 .picbox .txt .tit{line-height: calc(27 / 20);color: #fff;}
.in3 .picbox .txt .more{width: fit-content;margin: 14px auto 0;}

.in3 .ul{width: calc(100% - 289px);border-radius: 0 12px 12px 0;overflow: hidden;display: flex;flex-wrap: wrap;margin-left: 8px;gap: 8px;}
.in3 .ul .li{/*width: 20%;border-right: 1px solid #E8E8E8;border-top: 1px solid #E8E8E8;*/width: calc((100% - 32px) / 5);background: #fff;}
.in3 .ul .li:nth-child(5n){border-right: none;}
.in3 .ul .li:nth-child(-n+5){border-top: none;}
.in3 .ul .li .ss{display: block;position: relative;}
.in3 .ul .li .imgbox{height: 140px;display: flex;align-items: center;justify-content: center;padding: 16px 16px 9px;overflow: hidden;position: relative;z-index: 2;}
.in3 .ul .li .imgbox img{width: auto;max-width: 100%;max-height: 100%;}

.in3 .ul .li .txtbox{text-align: center;padding: 0 20px 21px;position: relative;z-index: 2;}
.in3 .ul .li .ss:hover .imgbox img{transform: scale(1.04);}
.in3 .ul .li .ss:hover .txtbox{color: var(--viColor);font-family: 'openM';}

/*2025-12-15 start*/
.in3 .ul .li .ss{position: relative;height: 100%;}
.in3 .ul .li .ss .statusbox{display: flex;flex-wrap: wrap;gap: 4px;position: absolute;top: 14px;right: 15px;z-index: 5;}
.in3 .ul .li .ss .statusbox img{height: 17px;width: auto;}
.in3 .ul .li .ss::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/oss_05_32_10.png) no-repeat bottom right 12px;background-size: calc(255 / 328 * 100%) auto;opacity: 0;background-size: calc(220 / 328 * 100%) auto;}
.in3 .ul .li .ss:hover::before{opacity: 1;}

/*2025-12-15 end*/
.in3 .swpbox{position: relative;width: calc(100% - 289px);border-radius: 0 12px 12px 0;margin-left: 8px;}
.in3 .swpbox .swiper{height: 377px;}
.in3 .swpbox .ss{display: block;position: relative;}
.in3 .swpbox .ss .imgbox{height: 140px;display: flex;align-items: center;justify-content: center;padding: 16px 16px 9px;overflow: hidden;position: relative;z-index: 2;}
.in3 .swpbox .ss .imgbox img{width: auto;max-width: 100%;max-height: 100%;}

.in3 .swpbox .ss .txtbox{text-align: center;padding: 0 20px 21px;position: relative;z-index: 2;}
.in3 .swpbox .ss:hover .imgbox img{transform: scale(1.04);}
.in3 .swpbox .ss:hover .txtbox{color: var(--viColor);font-family: 'openM';}

/*2025-12-15 start*/
.in3 .swpbox .ss{position: relative;height: 100%;}
.in3 .swpbox .ss .statusbox{display: flex;flex-wrap: wrap;gap: 4px;position: absolute;top: 14px;right: 15px;z-index: 5;}
.in3 .swpbox .ss .statusbox img{height: 17px;width: auto;}
.in3 .swpbox .ss::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/oss_05_32_10.png) no-repeat bottom right 12px;background-size: calc(255 / 328 * 100%) auto;opacity: 0;background-size: calc(220 / 328 * 100%) auto;}
.in3 .swpbox .ss:hover::before{opacity: 1;}


.in3 .swpbox .swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.in3 .swpbox .swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}
.in3 .swpbox .swiper-slide{height: 180px;background: #fff;}

.in4{margin-top: 24px;border-radius: 12px;overflow: hidden;padding: 30px 34px 29px 74px;background-repeat: no-repeat;background-position: center;background-size: cover;display: flex;justify-content: space-between;flex-wrap: wrap;}

.in4 .left{width: 295px;padding-top: 25px;}
.in4 .left .t1{line-height: calc(54 / 40);}
.in4 .left .t2{margin-top: 13px;}
.in4 .left .more{margin-top: 31px;}

.in4 .right{background: #fff;border-radius: 20px;padding: 22px 30px 25px 34px;width: 601px;}
.in4 .right .tit{line-height: calc(30 / 22);}
.in4 .right .switch{display: flex;align-items: center;flex-wrap: wrap;gap: 85px;margin-top: 19px;}
.in4 .right .switch a{display: flex;align-items: center;gap: 9px;position: relative;line-height: calc(22 / 16);color: var(--viColor2);}
.in4 .right .switch a span{width: 14px;height: 14px;position: relative;border-radius: 50%;border: 1px solid var(--viColor2);}
.in4 .right .switch a span s{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 6px;height: 6px;background: var(--viColor);opacity: 0;border-radius: 50%;}
.in4 .right .switch a.act{color: var(--viColor);font-family: 'openM';}
.in4 .right .switch a.act span{border-color: var(--viColor);}
.in4 .right .switch a.act span s{opacity: 1;}
.in4 .right .switch a:hover{color: var(--viColor);}
.in4 .right .switch a:hover span{border-color: var(--viColor);}
.in4 .right .formbox{margin-top: 12px;}
.in4 .right .form{display: none;}

/*.in4 .right .form:nth-child(1){padding: 33.5px 0;}*/

.in4 .right .form.act{display: flex;flex-wrap: wrap;gap: 9px;}
.in4 .right .form .item{width: calc(50% - 4.5px);}
.in4 .right .form .item .set span{color: var(--viColor);}
.in4 .right .form .item .det{margin-top: 5px;}
.in4 .right .form .item .det input[type=text]{display: block;width: 100%;background: none;border: 1px solid #B7B7B7;border-radius: 5px;height: 34px;padding: 0 14px;}
.in4 .right .form .item .det textarea{display: block;width: 100%;resize: none;background: none;border: 1px solid #B7B7B7;border-radius: 5px;height: 56px;padding: 7px 14px;}
.in4 .right .form .item.w100{width: 100%;}
.in4 .right .form .submit{margin-top: 14px;background: var(--viColor);color: #fff;display: block;height: 35px;border-radius: 22px;padding:0 15px;/*width:213px;*/}

.in5{margin-top: 24px;background: #D7E5EE;padding: 23px 0 22px 38px;border-radius: 12px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.in5 .left{width: 258px;padding-top: 23px;}
.in5 .left .t1{line-height: calc(30 / 22);}
.in5 .left .t2{margin-top: 10px;}
.in5 .left .more{margin-top: 48px;}

.in5 .right{width: calc(100% - 258px - 27px - 21px);position: relative;margin-right: 27px;padding: 44px 41px 33px;background: #fff;border-radius: 12px;}
.in5 .right .swiper{}
.in5 .right .swiper .ss{display: block;padding-bottom: 19px;}
.in5 .right .swiper .imgbox{height: 94px;display: flex;align-items: center;justify-content: center;}
.in5 .right .swiper .imgbox img{width: auto;max-width: 100%;max-height: 100%;}
.in5 .right .swiper .txtbox{margin: 25px auto 0;height: calc(19 / 14 * 2em);text-align: center;}
.in5 .right .swiper .ss:hover .imgbox img{transform: scale(1.04);}
.in5 .right .swiper .ss:hover .txtbox{color: var(--viColor);}

.swpbtn .alltime,.swpbtn a{position: absolute;width: 39px;height: 39px;background: #fff;border-radius: 50%;border: 1px solid var(--viColor);display: flex;align-items: center;justify-content: center;top: 50%;transform: translateY(-50%);z-index: 50;display: none;}

.swpbtn .alltime.swiper-button-lock,
.swpbtn a.swiper-button-lock{display: none;}

.swpbtn .alltime.swiper-button-visible,
.swpbtn a.swiper-button-visible{display: flex;}

.swpbtn .alltime.swiper-button-disabled,
.swpbtn a.swiper-button-disabled{cursor: no-drop;}

.swpbtn .alltime img,
.swpbtn a img{width: 6px;}

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

.swpbtn .alltime:not(.swiper-button-disabled):hover,
.swpbtn a:not(.swiper-button-disabled):hover{background: var(--viColor);}

.swpbtn .alltime:not(.swiper-button-disabled):hover img:nth-child(1),
.swpbtn a:not(.swiper-button-disabled):hover img:nth-child(1){opacity: 0;}

.swpbtn .alltime:not(.swiper-button-disabled):hover img:nth-child(2),
.swpbtn a:not(.swiper-button-disabled):hover img:nth-child(2){opacity: 1;}

.swpbtn .alltime.prev,
.swpbtn a.prev{left: -19.5px;}

.swpbtn .alltime.prev img,
.swpbtn a.prev img{transform: rotate(180deg);}

.swpbtn .alltime.next,
.swpbtn a.next{right: -19.5px;}

.in6{margin-top: 15px;}

.in6 .swpbox{margin-top: 12px;}

.in6 .swpbox .swiper{margin-right: -40px;padding-right: 40px;}

.in6 .swiper-slide{width: 292px;height: auto;}
.in6 .swiper-slide .ss{background: #fff;border-radius: 20px;padding: 56px 50px 88px;height: 100%;display: block;}
.in6 .swiper-slide .ss .imgbox{height: 115px;}
.in6 .swiper-slide .ss .imgbox img{height: 100%;object-fit: contain;}
.in6 .swiper-slide .ss .txtbox{line-height: 1.6;margin-top: 17px;text-align: center;}
.in6 .swiper-slide .ss:hover{box-shadow: 0 4px 16.4px 0 rgba(0, 0, 0, 0.09);}
.in6 .swiper-slide .ss:hover .txtbox{color: var(--viColor);}

.in6 .ul{position: relative;margin-top: 14px;display: flex;flex-wrap: wrap;gap: 13px;}
.in6 .ul .li{width: calc((100% - 39px) / 4);border-radius: 12px;background: #fff;padding: 14px 22px 22px;-webkit-transition: box-shadow .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: box-shadow .4s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow .4s cubic-bezier(0.4, 0, 0.2, 1);}
.in6 .ul .li:hover{box-shadow: 0px 4px 16.4px 0px rgba(0, 0, 0, 0.09);}
.in6 .ul .li:hover .tit{color: var(--viColor);}

.in6 .list{margin-top: 10px;display: flex;flex-wrap: wrap;gap: 15px 10px;height: 294px;}
.in6 .list .ss{display: block;width: calc(50% - 5px);}
.in6 .list .ss .imgbox{overflow: hidden;border-radius: 12px;height: 113px;}
.in6 .list .ss .imgbox img{height: 100%;object-fit: cover;}
.in6 .list .ss .txtbox{margin-top: 8px;}
.in6 .list .ss:hover .imgbox img{transform: scale(1.04);}
.in6 .list .ss:hover .txtbox{color: var(--viColor);}

.in6 .li .more{display: flex;align-items: center;width: fit-content;margin-top: 19px;color: var(--viColor2);gap: 12px;}
.in6 .li .more span{position: relative;width: 6px;transform: translateY(1px);}
.in6 .li .more span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.in6 .li .more:hover{color: var(--viColor);}
.in6 .li .more:hover span img:nth-child(1){opacity: 0;}
.in6 .li .more:hover span img:nth-child(2){opacity: 1;}

.in7{margin-top: 24px;}
.in7 .iox{position: relative;margin-top: -10px;}
.in7 .iox::after{position: absolute;left: -40px;top: 0;height: 100%;width: 31px;background: #F6F7F8;z-index: 10;content: "";}
.in7 .iox::before{position: absolute;right: -40px;top: 0;height: 100%;width: 31px;background: #F6F7F8;z-index: 10;content: "";}
.in7 .iox .swiper{padding: 24px 40px;margin: 0 -40px;}
.in7 .iox .swiper .swiper-slide{height: auto;}
.in7 .iox .swiper .ss{height: 100%;background: #fff;border-radius: 20px;padding: 22px 18px 36px;display: block;}
.in7 .iox .swiper .ss .imgbox{height: 154px;padding: 6px 0;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.in7 .iox .swiper .ss .imgbox img{width: auto;max-width: 100%;max-height: 100%;mix-blend-mode: multiply;}
.in7 .iox .swiper .ss .status{display: flex;flex-wrap: wrap;gap: 7px;height: 17px;}
.in7 .iox .swiper .ss .status img{width: 40px;}
.in7 .iox .swiper .ss .txt{line-height: calc(22 / 16);margin-top: 4.5px;}
.in7 .iox .swiper .ss:hover{box-shadow: 0px 4px 16.4px 0px rgba(0, 0, 0, 0.09);}
.in7 .iox .swiper .ss:hover .imgbox img{transform: scale(1.04);}
.in7 .iox .swiper .ss:hover .txtbox .txt{color: var(--viColor);}

.in8{padding: 0 0 15px;}
.in8 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 26px 53px 26px 26px;background: #fff;border-radius: 20px;}
.in8 .ul .li .ss{display: block;}
.in8 .ul .li .ss .icon{width: 71px;margin: 0 auto;height: 71px;display: flex;align-items: center;justify-content: center;}
.in8 .ul .li .ss .text{width: fit-content;margin: 4px auto 0;position: relative;line-height: calc(25 / 18);}
.in8 .ul .li .ss .text span{width: 0;margin-left: 0;display: inline-block;vertical-align: middle;overflow: hidden;font-size: 0;transform: translateY(-2px);}
.in8 .ul .li .ss .text span img{width: 6px;max-width: 6px;transform: translateX(7px);}
.in8 .ul .li .ss:hover .text{color: var(--viColor);text-indent: -13px;transform: translateX(7.5px);}
.in8 .ul .li .ss:hover .text span{width: 13px;}

.quick .query .tit{line-height: calc(22 / 16);}
.quick .query .link{display: flex;flex-wrap: wrap;gap: 13px 9px;margin-top: 12px;}
.quick .query .link a{border: 1px solid #C4C4C4;border-radius: 16px;line-height: 16px;color: var(--viColor2);padding: 6px 12px 5px 13px;}
.quick .query .link a:hover{border-color: var(--viColor);color: var(--viColor);}
.quick .query .more{display: flex;align-items: center;width: fit-content;margin-top: 13px;color: var(--viColor2);gap: 7px;}
.quick .query .more span{position: relative;width: 6px;transform: translateY(1px);}
.quick .query .more span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.quick .query .more:hover{color: var(--viColor);}
.quick .query .more:hover span img:nth-child(1){opacity: 0;}
.quick .query .more:hover span img:nth-child(2){opacity: 1;}

.quick .first{display: flex;justify-content: space-between;flex-wrap: wrap;}
.quick .first .all{width: 127px;line-height: 32px;background: var(--viColor);color: #fff;text-align: center;border-radius: 4px;}
.quick .first .letter{border: 1px solid #C4C4C4;width: 32px;height: 32px;border-radius: 4px;text-align: center;line-height: 30px;color: var(--viColor);-webkit-transition: border .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: border .4s cubic-bezier(0.4, 0, 0.2, 1); transition: border .4s cubic-bezier(0.4, 0, 0.2, 1);}
.quick .first .letter:hover{border-color: var(--viColor);}

.sidebar{position: fixed;right: 0;top:70%;transform: translateY(-50%);background: #fff;border-radius:8px;padding:14.86px 13.3px 14.08px 12.51px;box-shadow: -10px -3px 20.1px 0px rgba(0, 0, 0, 0.06);z-index: 100;}
.sidebar .ss{position: relative;display: block;}
.sidebar .ss:not(:first-child){margin-top: 7.82px;}
.sidebar .ss .ico{width: 39.11px;height: 39.11px;border-radius: 5px;border: 1px solid #F0C5C8;display: flex;align-items: center;justify-content: center;}
.sidebar .ss .ico img{width: auto;}
.sidebar .ss .ico img:nth-child(2){position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;}

.sidebar .ss:hover .ico{background: var(--viColor);border-color: var(--viColor);}
.sidebar .ss:hover .ico img:nth-child(1){opacity: 0;}
.sidebar .ss:hover .ico img:nth-child(2){opacity: 1;}

.sidebar .ss .ewm{position: absolute;position: absolute;
    right: calc(100% + 30px);
    background-color: #fff;
    white-space: nowrap;
    padding: 8px;
    border-radius: 6px;
    transform-origin: center left;
    transition: 0.15s ease;display: none;top: 50%;
    transform: translateY(-50%);}

.sidebar .ss .ewm{width: 120px;}

.sidebar .ss .ewm::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #fff;
    position: absolute;
    right: -5px;
    top: 50%;
    border-radius: 3px;
    transform: translateY(-50%) rotate(45deg);
}

.sidebar .ss:hover .ewm{display: block;}

.sidebar .off{position: absolute;right: 0;bottom: calc(100% + 8px);padding: 14.86px 13.3px 14.08px 12.51px;background: #fff;border-radius:8px;width: max-content;}

.sidebar .off img{width: 40.11px;}

.sidebar .off img:nth-child(2){display: none;}

.sidebar.on{right: -65px;}

.sidebar.on .off{right: 65px;}

.sidebar.on .off img:nth-child(1){display: none;}

.sidebar.on .off img:nth-child(2){display: block;}



.productsLayout{padding: 8px 0 29px;}

.inner_navigation .ico{display: inline-block;vertical-align: baseline;width: 9px;margin-right: 7px;}
.inner_navigation a{display: inline-block;line-height: 20px;color: #A3A3A3;}
.inner_navigation .arr{display: inline-block;vertical-align: baseline;width: 4px;margin: 0 5px;}
.inner_navigation a:hover{color: var(--viColor);}

.plox{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 8px;align-items: flex-start;}

.plox .left{width: 281px;}

.plox .right{width: calc(100% - 308px);}

.plox.plox_search .right{width: 100%;}

.plox .left .top{padding: 12px 0 19px;background: #fff;border-radius: 12px;}
.plox .left .top .tit{line-height: calc(25 / 18);padding-left: 14px;}
.plox .left .top .ul{margin-top: 5px;}
.plox .left .top .ul .li{position: relative;}
.plox .left .top .ul .li .lv2list{display: none;}
.plox .left .top .ul .li.act .lv2list{display: block;}
.plox .left .top .ul .li.act .lv2list.lv2list1{display: block;}
.plox .left .top .ul .li .lv2list.lv2list1{display: none;}
.plox .left .top .lv1 a{display: block;padding: 6px 14px;position: relative;}
.plox .left .top .lv1 a span{width: 6px;right: 8px;top: 50%;margin-top: -5px;position: absolute;opacity: 0;}
.plox .left .top .li.act .lv1 a{background: #ECEDEF;color: var(--viColor)}
.plox .left .top .li .lv1:hover a{background: #ECEDEF;/* font-family: 'openM'; */}

.plox .left .top .li.act .lv1 a span,
.plox .left .top .li .lv1:hover a span{opacity: 1;}

.plox .left .top .lv2 a{display: block;padding: 6px 20px;position: relative;}
.plox .left .top .lv2.act a,
.plox .left .top .lv2:hover a{color: var(--viColor);}

.plox .left .bot{margin-top: 13px;background: #fff;border-radius: 12px;padding: 14px 9px 21px;}
.plox .left .bot .tit{line-height: calc(25 / 18);}
.plox .left .bot .box{margin-top: 6px;display: flex;align-items: center;gap: 7.34px;}
.plox .left .bot .box .imgbox{width: 48px;height: 47px;border-radius: 50%;background: #F6F6F6;}
.plox .left .bot .box .imgbox img{height: 100%;object-fit: contain;}
.plox .left .bot .box .txtbox .t1{line-height: calc(22 / 16);color: var(--viColor);}
.plox .left .bot .box .txtbox .t2{line-height: calc(14 / 12);color: var(--viColor2);}

.plox .left .bot .form{margin-top: 12px;display: flex;flex-wrap: wrap;gap: 6px;}
.plox .left .bot .form .item{width: calc(50% - 3px);}
.plox .left .bot .form .item.w100{width: 100%;}
.plox .left .bot .form .item .set span{color: var(--viColor);}
.plox .left .bot .form .item .det{margin-top: 1px;}
.plox .left .bot .form .item .det input[type=text]{display: block;width: 100%;background: none;border-radius: 5px;border: 1px solid #B7B7B7;padding: 0 11px;height: 34px;}
.plox .left .bot .form .item .det textarea{resize: none;display: block;width: 100%;background: none;border-radius: 5px;border: 1px solid #B7B7B7;padding: 4px 11px;height: 60px;}
.plox .left .bot .form .item .submit{display: block;width: 213px;height: 35px;color: #fff;background: var(--viColor);border-radius: 22px;margin-top: 5px;}

.plox .right .item .tit{line-height: calc(30 / 22);}
.plox .right .item.act .tit{color: var(--viColor);}
.plox .right .item .lv2item .it{margin-top: 8px;}
.plox .right .item .lv2item .it:first-child{margin-top: 20px;}
.plox .right .item .lv2item .it.act .tit2{color: var(--viColor);}

.plox .right .item:not(:first-child) .tit{margin-top: 26px;}

.plox .right .iox{position: relative;margin-top: 9px;}

.plox .right .iox .swiper{border-radius: 12px;}

.plox .right .iox .swiper-slide{height: auto;background: #fff;}
.plox .right .iox .swiper-slide:last-child{border-radius: 0 12px 12px 0;}

.plox .right .iox .ul{display: flex;flex-wrap: wrap;border-radius: 12px;gap:20px 0;gap: 8px;}

.plox .right .iox .li{width: calc((100% - 24px) / 4);background: #fff;}
.plox .right .iox .li:nth-child(4n + 1),
.plox .right .iox .li:first-child{border-radius: 12px 0 0 12px;}
.plox .right .iox .li:nth-child(4n),
.plox .right .iox .li:last-child{border-radius: 0 12px 12px 0;}
.plox .right .iox .li:first-child:last-child{border-radius: 12px;}

.plox .right .iox .ss{height: 100%;/*border-left: 1px solid #D8D8D8;*/position: relative;padding: 30px 26px 108px 26px;}

.plox .right .iox .li:first-child .ss,
.plox .right .iox .li:nth-child(4n + 1) .ss,
.plox .right .iox .swiper-slide:first-child .ss{border-left: none;}

.plox .right .iox .li .ss:hover{box-shadow: 0px 4px 41.5px 0px rgba(51, 51, 51, 0.10);}

.plox .right .iox .ss .imgbox{height: 150px;display: flex;align-items: center;justify-content: center;position: relative;}
.plox .right .iox .ss .imgbox .swiper img{width: auto;max-width: 100%;max-height: 100%;}
.plox .right .iox .ss .imgbox .swiper{width: 100%;height: 150px;}
.plox .right .iox .ss .imgbox .swiper .swiper-slide{height: auto;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.plox .right .iox .ss .imgbox .swiper .swiper-slide span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0;z-index: 1;}
.plox .right .iox .ss .imgbox .swiper .swiper-slide img:nth-child(2){position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;opacity: 0;transform: scale(1) !important;z-index: 2;}
.plox .right .iox .ss:hover .imgbox .swiper .swiper-slide span{opacity: 1;}
.plox .right .iox .ss:hover .imgbox .swiper .swiper-slide img:nth-child(2){opacity: 1;}
.plox .right .iox .ss .imgbox .swpbtn .alltime{width: 30px;height: 30px;opacity: 0;}
.plox .right .iox .ss .imgbox:hover .swpbtn .alltime:not(.swiper-button-lock){opacity: 1;}
.plox .right .iox .ss .imgbox .swpbtn .alltime img{width: 4px;}
.plox .right .iox .ss .imgbox .swpbtn .alltime.prev{left: -10px;}
.plox .right .iox .ss .imgbox .swpbtn .alltime.next{right: -10px;}
.plox .right .iox .ss .txtbox .t1{line-height: calc(25 / 18);display: block;width: fit-content;max-width: 100%;}
.plox .right .iox .ss .txtbox .tt{margin-top: 4px;color: var(--viColor2);}
.plox .right .iox .ss .txtbox .tt a{color: var(--viColor2);}
.plox .right .iox .ss .txtbox .tt:first-child{margin-top: 0;}
.plox .right .iox .ss .txtbox .tt a.priceA{color: #11B1FB;text-decoration: underline;text-underline-offset: 2px;}
.plox .right .iox .ss .txtbox .tt img{height: 17px;display: inline-block;vertical-align: middle;width: auto;margin-right: 6.9px;}
.plox .right .iox .ss .txtbox .tt img:first-child{margin-left: 13px;}
.plox .right .iox .ss .btnbox{position: absolute;left: 26px;bottom: 28px;}
.plox .right .iox .ss .btnbox .add{display: flex;align-items: center;gap: 8px;width: fit-content;}
.plox .right .iox .ss .btnbox .add span{position: relative;width: 19px;}
.plox .right .iox .ss .btnbox .add span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.plox .right .iox .ss .btnbox .add:hover{color: var(--viColor);}
.plox .right .iox .ss .btnbox .add:hover img:nth-child(1){opacity: 0;}
.plox .right .iox .ss .btnbox .add:hover img:nth-child(2){opacity: 1;}
.plox .right .iox .ss .btnbox .send{display: block;width: 148px;height: 30px;border-radius: 22px;border: 1px solid #333;text-align: center;margin-top: 8px;line-height: 28px;}
.plox .right .iox .ss .btnbox .send:hover{border-color: var(--viColor);background: var(--viColor);color: #fff;}
.plox .right .iox .ss .statusbox{display: flex;gap: 4px;position: absolute;top: 14px;right: 15px;}
.plox .right .iox .ss .statusbox img{height: 17px;}
/*.plox .right .iox .ss:hover .imgbox .swiper img{transform: scale(1.25);}*/
.plox .right .iox .ss:hover .txtbox .t1{color: var(--viColor);}
.plox .right .iox .ss:hover .txtbox .tt a:not(.priceA){color: var(--viColor);}

.overlay-shadow{position: absolute;z-index: 11;box-shadow: 0px 4px 41.5px 0px rgba(51, 51, 51, 0.10);pointer-events: none;border-radius: 12px;-webkit-transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);opacity: 0;}
.overlay-shadow.visible{opacity: 1;}
.overlay-shadow.hide{opacity: 0 !important;}

.quick .group .tit{line-height: calc(22 / 16);}
.quick .group .gox{margin-top: 13px;display: flex;flex-wrap: wrap;gap: 11px;}
.quick .group .gox .sch{position: relative;border: 1px solid #D7000F;border-radius: 22px;}
.quick .group .gox .sch input[type=text]{display: block;width: 316px;height: 37px;padding: 0 140px 0 26px;background: none;border: none;}
.quick .group .gox .sch .submit{position: absolute;top: -1px;right: -1px;width: 115px;height: 39px;background: var(--viColor) url(../images/svg/quick_search.svg) no-repeat top 12px left 21px;background-size: 18px;color: #fff;border-radius: 22px;text-align: left;padding-left: 48px;}

.quick .group .gox .pdf{position: relative;border: 1px solid #D7000F;border-radius: 22px;display: flex;align-items: center;height: 39px;padding: 0 20px;gap: 7px;color: var(--viColor);}
.quick .group .gox .pdf span{position: relative;width: 18px;}
.quick .group .gox .pdf span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.quick .group .gox .pdf:hover{color: #fff;background: var(--viColor);}
.quick .group .gox .pdf:hover span img:nth-child(1){opacity: 0;}
.quick .group .gox .pdf:hover span img:nth-child(2){opacity: 1;}

.quick .categories .cox{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 8px;}

.quick .categories .item{position: relative;padding-right: 21px;}
.quick .categories .item:last-child{padding-right: 0;}
.quick .categories .item::before{content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 11px;transform: translateY(-50%);background: #D9D9D9;}
.quick .categories .item:last-child::before{display: none;}
.quick .categories .item a{display: block;color: var(--viColor2);}
.quick .categories .item a:hover{color: var(--viColor);}

.plox.on .left{position: sticky;top: calc(91px + 45px);max-height: calc(100vh - 73px - 30px - 45px);overflow-y: auto;}

/*.plox.on .left .top .ul{max-height: calc(100vh - 420px - 73px - 42px - 25px);overflow-y: auto;}*/

/*.plox.on .left .top .ul{max-height: calc(100vh - 73px - 42px - 25px);overflow-y: auto;}*/

.plox .right .a_dw{position: relative;top: calc(-91px - 45px);}
.plox .right .a_dw2{position: relative;top: -300px;}

.pddetailLayout{padding: 8px 0 29px;background: #fff;}

.pdox{margin-top: 9px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.pdox .left{width: calc(826 / 1360 * 100%);}
.pdox .pd1{display: flex;justify-content: space-between;align-items: center;}

.pdox .pd1 .plf{position: relative;width: 88px;padding: 28px 0 27px;}
.pdox .pd1 .plf .swiper{height: 389px;}
.pdox .pd1 .plf .swiper .swiper-slide{height: 88px;background: #F6F7F8;border-radius: 12px;position: relative;padding: 17px;display: flex;align-items: center;justify-content: center;}
.pdox .pd1 .plf .swiper .swiper-slide img{width: auto;max-width: 100%;max-height: 100%;mix-blend-mode: multiply;}
.pdox .pd1 .plf .swiper .swiper-slide.swiper-slide-thumb-active::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 12px;border: 2px solid #D7000F;}

.pdox .pd1 .plf a{position: absolute;width: 100%;display: flex;align-items: center;justify-content: center;}
.pdox .pd1 .plf a.swiper-button-lock{display: none;}
.pdox .pd1 .plf a img{width: 6px;}
.pdox .pd1 .plf a img:nth-child(2){position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;}

.pdox .pd1 .plf a:hover img:nth-child(1){opacity: 0;}
.pdox .pd1 .plf a:hover img:nth-child(2){opacity: 1;}
.pdox .pd1 .plf a.prev{top: 0;height: 28px;}
.pdox .pd1 .plf a.prev img{transform: rotate(-90deg);}
.pdox .pd1 .plf a.next{bottom: 0;height: 27px;}
.pdox .pd1 .plf a.next img{transform: rotate(90deg);}
.pdox .pd1 .plf a.swiper-button-lock{cursor: no-drop;}

.pdox .pd1 .prf{width: calc(100% - 99px);height: 444px;background: #F6F7F8;border-radius: 12px;position: relative;padding: 0 40px;}
.pdox .pd1 .prf video{position: absolute;right: 0;bottom: 0;width: 240px;height: 135px;z-index: 11;}

.pdox .pd1 .prf .swiper{max-width: 444px;margin: 0 auto;}
.pdox .pd1 .prf .swiper .swiper-slide{height: 444px;display: flex;align-items: center;justify-content: center;}
.pdox .pd1 .prf .swiper img{max-height: 444px;object-fit: contain;width: auto;}

.pdox .pd1 .prf .swpbtn .prev{left: max(0px, calc(((100% - 507px) / 2 - 39px) / 2));display: flex;}
.pdox .pd1 .prf .swpbtn .next{right: max(0px, calc(((100% - 507px) / 2 - 39px) / 2));display: flex;}
.pdox .pd1 .prf .swpbtn .prev.swiper-button-lock{display: none;}
.pdox .pd1 .prf .swpbtn .next.swiper-button-lock{display: none;}

.pdox .pd1 .prf .pogin{position: absolute;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;bottom: 21px;gap: 4px;z-index: 11;}
.pdox .pd1 .prf .pogin span{width: 9px;height: 2px;border-radius: 1px;background: #fff;opacity: 0.54;}
.pdox .pd1 .prf .pogin span.swiper-pagination-bullet-active{width: 35px;background: var(--viColor);opacity: 1;}

.swiper-pagination-lock{opacity: 0;pointer-events: none;}

.pdox .in7 .iox{margin-top: 14px;}
.pdox .in7 .iox .swiper{padding: 0;margin: 0;}
.pdox .in7 .iox .swiper .ss{background: #F6F7F8;}
.pdox .in7 .iox::after,.pdox .in7 .iox::before{background: #fff;display: none;}
.pdox .in7 .iox .swiper .ss{padding: 8px 17px 24px 24px;}
.pdox .in7 .iox .swiper .ss .imgbox{padding: 0 24px 8px;height: 130px;}
.pdox .in7 .iox .swiper .ss .txt{margin-top: 7px;font-family: 'openM';}
.pdox .in7 .iox .swiper .ss:hover{box-shadow: none;}

.pdox .right{width: calc(495 / 1360 * 100%);box-shadow: 0px 4px 22.9px 0px rgba(51, 51, 51, 0.10);background: #fff;border-radius: 12px;padding: 13px 17px 11px 21px;z-index: 20;position: relative;display: flex;flex-direction: column;}
.pdox .right .rrox{width: 100%;}

.pdox.on .right{position: sticky;top: 130px;max-height: calc(100vh - 149px);}

.pdox .right .rox1 .t1{display: flex;align-items: baseline;gap: 5.23px;line-height: calc(41 / 30);color: var(--viColor);}
.pdox .right .rox1 .t1 img{width: 45px;min-width: 45px;}
.pdox .right .rox1 .t2{line-height: calc(32 / 22);margin-top: 4px;font-weight:normal;}

.pdox .right .rox2{margin-top: 14px;border-top: 1px solid #E9E9E9;padding-top: 14px;padding-bottom: 16px;border-bottom: 1px solid #E9E9E9;margin-bottom: 16px;}
.pdox .right .rox2 .item{display: flex;}
.pdox .right .rox2 .item:not(:first-child){margin-top: 16px;}
.pdox .right .rox2 .item .set{width: 152px;}
.pdox .right .rox2 .item .det{width: calc(100% - 152px);}
.pdox .right .rox2 .item.price .det a{color: #11B1FB;text-decoration: underline;text-underline-offset: 2px;}
.pdox .right .rox2 .item.customisation .det a{color: var(--viColor);}
.pdox .right .rox2 .item.certificates .det{display: flex;flex-wrap: wrap;align-items: center;gap: 14px;}
.pdox .right .rox2 .item.certificates .det img{width: auto;height: 36px;}

.pdox .right .rox3_scroll{overflow-y: auto;flex: 1;}

.pdox .right .rox3 .tit{line-height: calc(32 / 20);color: var(--viColor);}

.pdox .right .rox3 .li{margin-top: 7px;display: flex;align-items: center;gap: 7px;}
.pdox .right .rox3 .li img{width: 25px;min-width: 25px;}

.pdox .right .rox3 .btnbox{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 11px;margin-top: 29px;}
.pdox .right .rox3 .btnbox:not(.act) a:first-child{max-width: 397px;width: 100%;background: var(--viColor);color: #fff;border-color: var(--viColor);}
.pdox .right .rox3 .btnbox a{width: 193px;text-align: center;line-height: 37px;border: 1px solid #333333;border-radius: 22px;width: calc(50% - 5.5px);max-width: 193px;}
.pdox .right .rox3 .btnbox a:hover{background: var(--viColor);color: #fff;font-family: 'openS';border-color: var(--viColor);}


.footer .ftp .right .rox4{margin-top: 22px;}
.footer .ftp .right .rox4 .tit{color: var(--viColor2);}
.footer .ftp .right .rox4 a{display: block;width: fit-content;color: var(--viColor2);line-height: calc(17 / 14);font-size: 14px;font-weight: 500;}
.footer .ftp .right .rox4 a:hover{color: var(--viColor);}
.footer .ftp .right .rox4 .list{display: flex;flex-wrap: wrap;margin-top: 11px;gap: 14px;}

.pdox .right .rox4{margin-top: 20px;border-top: 1px solid #E9E9E9;padding-top: 13px;display: flex;align-items: center;}
.pdox .right .rox4 .rlf{width: 136px;display: flex;align-items: center;gap: 9px;line-height: calc(22 / 16);}
.pdox .right .rox4 .rlf img{width: 34px;}
.pdox .right .rox4 .rrf{display: flex;flex-wrap: wrap;gap: 8px;}
.pdox .right .rox4 .rrf a{width: 24px;position: relative;}
.pdox .right .rox4 .rrf a img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.pdox .right .rox4 .rrf a:hover img:nth-child(1){opacity: 0;}
.pdox .right .rox4 .rrf a:hover img:nth-child(2){opacity: 1;}

.pdox .right .rox5{margin: 13px -9px 0;border-top: 1px solid #E9E9E9;padding-top: 9px;display: flex;justify-content: center;}
.pdox .right .rox5 .item{width: 33.33%;position: relative;padding: 0 20px;}
.pdox .right .rox5 .item:not(:last-child)::before{content: "";position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;width: 1px;height: calc(100% - 10px);background: #E9E9E9;}
.pdox .right .rox5 .item .ico{width: 37px;margin: 0 auto;}
.pdox .right .rox5 .item .txt{line-height: calc(16 / 12);margin-top: 2px;text-align: center;}
.pdox .right .rox5 .item:hover .ico img{filter: invert(15%) sepia(100%) saturate(1000%) hue-rotate(350deg); }
.pdox .right .rox5 .item:hover .txt{color: var(--viColor);}

.pdox .pdbar{margin-top: 30px;position: sticky;top: calc(73px + 45px);background: #F6F7F8;display: flex;}
.pdox .pdbar a{padding: 9px 35px 8px;line-height: calc(22 / 16);white-space: nowrap;position: relative;color: var(--viColor2);padding: 9px clamp(9px, calc(9px + 26 * (100vw - 1024px) / 416), 35px) 8px;}
.pdox .pdbar a:not(:last-child)::before{content: "";position: absolute;top: 9px;right: 0;width: 1px;height: 23px;background: #D9D9D9;}
.pdox .pdbar a:hover{color: var(--viColor);}
.pdox .pdbar a.act{color: var(--viColor);}
.pdox .pdbar a.act::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: var(--viColor);}

.pdox .pcon p.act{height: 6px;}
.pdox .pcon .p_dw{position: relative;top: calc(-73px - 45px - 60px);}
.pdox .pcon .pdc_tit{line-height: calc(32 / 20);color: var(--viColor);}
.pdox .pcon .item1 .txt{line-height: calc(22 / 14);margin-top: 0;}
.pdox .pcon .item2 .edit{margin-top: 6px;line-height: calc(22 / 14);}
.pdox .pcon .item2 .edit .tbox:first-child{margin-top: 0;}
.pdox .pcon .item2 .edit .tt{line-height: 1;}

/*.pdox .pcon .item2 .edit .tbox{display: none;}*/

/*.pdox .pcon .item2 .edit .tbox.act{display: block;}*/

/*.pdox .pcon .item2 .edit .tt{line-height: 1;}*/

/*.pdox .pcon .item2 .edit table th{padding: 7px;}*/
/*.pdox .pcon .item2 .edit table td{border: 1px solid #E9E9E9;padding: 9px;color: var(--viColor2);}*/

/*.pdox .pcon .item2 .edit table{border-collapse: collapse;border: none;width: 100%;}*/

/*.pdox .pcon .item2 .edit table thead{border: none;}*/

/*.pdox .pcon .item2 .edit table thead tr{border: none;}*/

/*.pdox .pcon .item2 .edit table thead tr th,*/
/*.pdox .pcon .item2 .edit table thead tr td{background: var(--viColor);color: #fff;border:none;}*/

/*.pdox .pcon .item2 .edit table thead tr th:first-child,*/
/*.pdox .pcon .item2 .edit table thead tr td:first-child{border-radius: 12px 0 0 0;}*/

/*.pdox .pcon .item2 .edit table thead tr th:last-child,*/
/*.pdox .pcon .item2 .edit table thead tr td:last-child{border-radius: 0 12px 0 0;}*/

.pdox .pcon .con .tbox{display: none;}
.pdox .pcon .con .tbox.act{display: block;overflow-x: auto;}
.pdox .pcon .con table th{padding: 7px;border-bottom: none !important;}
.pdox .pcon .con table td{border: 1px solid #E9E9E9;padding: 9px;color: var(--viColor2);}
.pdox .pcon .con table{border-collapse: collapse;border: none;width: 100%;border-collapse: separate;border-spacing: 0;border-bottom: 1px solid #E9E9E9;}
.pdox .pcon .con table th:not(:last-child),
.pdox .pcon .con table td:not(:last-child) {
  border-right: none !important;
}
.pdox .pcon .con table tr:not(:last-child) th,
.pdox .pcon .con table tr td {
  border-bottom: none !important;
}

.pdox .pcon .con table *{white-space: normal !important;}
.pdox .pcon .con table thead{border: none;}
.pdox .pcon .con table thead tr{border: none;}
.pdox .pcon .con table thead tr:first-child th,.pdox .pcon .con table thead tr:first-child td{background: var(--viColor);color: #fff;border:none;}
.pdox .pcon .con table thead tr:first-child th:first-child,.pdox .pcon .con table thead tr:first-child td:first-child{border-radius: 12px 0 0 0;}
.pdox .pcon .con table thead tr:first-child th:last-child,.pdox .pcon .con table thead tr:first-child td:last-child{border-radius: 0 12px 0 0;}

.pdox .pcon .con table.tbody-table tr:first-child{border: none;}
.pdox .pcon .con table.tbody-table tr:first-child td:not([rowspan]){background: var(--viColor);color: #fff;border:none;}
.pdox .pcon .con table.tbody-table tr:first-child td:first-child{border-radius: 12px 0 0 0;}
.pdox .pcon .con table.tbody-table tr:first-child td:last-child{border-radius: 0 12px 0 0;}

.pdox .pcon .item .ptext .tt{line-height: calc(20 / 16);}
.pdox .pcon .item .ptext .td{line-height: calc(20 / 14);margin-top: 14px;}
.pdox .pcon .item .ptext .td.mg24{margin-top: 24px;}
.pdox .pcon .item .ptext .td p:not(:first-child){margin-top: 6px;}
.pdox .pcon .item .ptext .tdet{line-height: calc(20 / 14);margin-top: 8px;}
.pdox .pcon .item .ptext .timg{margin-top: 16px;}

/*.pdox .pcon .item3 .pdc_tit{margin-bottom: 13px;}*/

.pdox .pcon .item4 .timg{margin-top: 7px;display: grid;gap: 17.84px;grid-template-columns: 1fr 1fr 1fr 1fr;}

.pdox .pcon .item5 .ul{margin-top: 11px;}
.pdox .pcon .item5 .ul .li:not(:first-child){margin-top: 18px;}
.pdox .pcon .item5 .ul .li{padding-bottom: 12px;border-bottom: 1px solid #E9E9E9;}
.pdox .pcon .item5 .ul .li .ltp{line-height: calc(22 / 16);}
.pdox .pcon .item5 .ul .li .lbt{line-height: calc(20 / 14);color: var(--viColor2);margin-top: 5px;}
.pdox .pcon .item5 .ul .li:hover .ltp{color: var(--viColor);}
.pdox .pcon .item5 .ul .li:hover .lbt{color: var(--viColor2);}

.pdox .pd2 .tit{line-height: calc(30 / 22);}
.pdox .pd2 .form{margin-top: 12px;background: #F6F7F8;border-radius: 12px;padding: 18px 21px 24px 16px;display: flex;flex-wrap: wrap;gap: 7px 17px;position: relative;}
.pdox .pd2 .form .item{width: calc(50% - 8.5px);}
.pdox .pd2 .form .item.w100{width: 100%;}
.pdox .pd2 .form .item .set span{color: var(--viColor);}
.pdox .pd2 .form .item .det{margin-top: 5px;}
.pdox .pd2 .form .item .det input[type=text]{display: block;width: 100%;background: none;border: 1px solid #B7B7B7;border-radius: 5px;padding: 0 12px;height: 34px;}
.pdox .pd2 .form .item .det textarea{resize: none;display: block;width: 100%;background: none;border: 1px solid #B7B7B7;border-radius: 5px;padding: 9px 12px;height: 103px;}
.pdox .pd2 .form .itembtn{display: flex;flex-wrap: wrap;padding-top: 18px;gap: 25px;position: relative;width: fit-content !important;}
.pdox .pd2 .form .itembtn .submit{width: 92px;height: 35px;color: var(--viColor);border: 1px solid var(--viColor);border-radius: 22px;color: #fff;background: var(--viColor);position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 2;}
.pdox .pd2 .form .itembtn .a{color: var(--viColor);border: 1px solid var(--viColor);border-radius: 22px;height: 35px;display: flex;align-items: center;gap: 12.74px;padding: 0 18px;}
.pdox .pd2 .form .itembtn .a span{position: relative;width: 16px;}
.pdox .pd2 .form .itembtn .a span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.pdox .pd2 .form .itembtn:hover .a{background: var(--viColor);color: #fff;}
.pdox .pd2 .form .itembtn:hover .a img:nth-child(1){opacity: 0;}
.pdox .pd2 .form .itembtn:hover .a img:nth-child(2){opacity: 1;}

.in7_2 .iox::before{background: #fff;width: 33px;}
.in7_2 .iox::after{background: #fff;width: 33px;}
.in7_2 .iox .swiper .ss{background: #F6F7F8;border-radius: 12px;padding: 3px 16px 20px;}
.in7_2 .iox .swiper .ss .imgbox{height: 129px;padding: 10px 0;}
.in7_2 .iox .swiper .ss .txt{margin-top: 8.23px;}
.in7_2 .iox .swiper .ss:hover{box-shadow: 0px 4px 22.9px 0px rgba(189, 31, 42, 0.21);}

.formpop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 155;display: none;}
.formpop .popbg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;}
.formpop .popcon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.formpop .popcon .con{max-width: 725px;width: 90vw;max-height: 514px;height: 90vh;background: #fff;overflow: hidden;border-radius: 0.2rem;position: relative;}
.formpop .popcon .con a.close{position: absolute;top: 8px;right: 10px;z-index: 30;}
.formpop .popcon .con a.close img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}
.formpop .popcon .con a.close:hover img:nth-child(1){opacity: 0;}
.formpop .popcon .con a.close:hover img:nth-child(2){opacity: 1;}
.formpop.imgPop .popcon .con{max-width: 800px;max-height: 800px;border-radius: 0;overflow: visible;}
.formpop.imgPop .popcon .con a.close{right: -30px;top: 0;}
.formpop.imgPop .popbox{padding: 0;}
.formpop.imgPop .popbox .swiper-slide{display: flex;align-items: center;justify-content: center;height: auto;}

.formpop .popbox{height: 100%;overflow-y: auto;padding: 30px 40px;}
.formpop .popbox .tit{line-height: calc(30 / 22);}
.formpop .popbox .txt{margin-top: 2px;}
.formpop .popbox .form{display: flex;flex-wrap: wrap;gap: 11px;margin-top: 22px;}
.formpop .popbox .form .item{width: calc(50% - 5.5px);}
.formpop .popbox .form .item.w100{width: 100%;}
.formpop .popbox .form .item .set span{color: var(--viColor);}
.formpop .popbox .form .item .det{display: flex;gap: 11px;margin-top: 4px;}
.formpop .popbox .form .item .det input[type=text]{height: 34px;display: block;width: 100%;border: 1px solid #B7B7B7;border-radius: 5px;padding: 0 12px;}
.formpop .popbox .form .item .det select{width: 141px;min-width: 141px;border: 1px solid #B7B7B7;height: 34px;border-radius: 5px;padding: 0 28px 0 11px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/svg/arr_bottom_gray.svg) no-repeat right 11px center;}
.formpop .popbox .form .item textarea{resize: none;height: 91px;display: block;width: 100%;border: 1px solid #B7B7B7;border-radius: 5px;padding: 7px 12px;}
.formpop .popbox .form .fbtn{margin-top: 14px;display: flex;gap: 10px;}
.formpop .popbox .form .fbtn .submit{width: 75px;height: 35px;background: var(--viColor);color: #fff;border-radius: 22px;}
.formpop .popbox .form .fbtn .close2{width: 75px;height: 35px;background: #333;color: #fff;border-radius: 22px;display: flex;align-items: center;justify-content: center;}
.formpop .popbox .form .fbtn .close2:hover{background: var(--viColor);}

.header .hd3 .shop .bot{position: absolute;min-width: 100px;padding-top: 12px;display: none;}
.header .hd3 .shop .bot .np-caret{left: calc(10em - 5px);}
.header .hd3 .shop .bot .npox{width: 200px;}
.header .hd3 .link{position: relative;}
.header .hd3 .link .bot{position: absolute;min-width: 100px;padding-top: 12px;display: none;left: -16px;}
.header .hd3 .link .bot .np-caret{left: calc(2em + 29px);}
.header .hd3 .link .bot .npox{width: max-content;}
.header .hd3 .shop:hover .top .arr img{transform: rotate(180deg);}
.header .hd3 .shop:hover .bot{display: block;}
.header .hd3 .link:hover .top .arr img{transform: rotate(180deg);}
.header .hd3 .link:hover .bot{display: block;}

[lang="es"] .header .hd3 .all .top .txt{font-size:13px;}
[lang="es"] .header .hd3 .link{font-size:13px;}
[lang="es"] .header .hd3 .left .line{margin:0 8px;}
[lang="es"] .header .hd3 .btns a{font-size:13px;}

[lang="bg"] .header .hd3 .all .top .txt{font-size:12px;}
[lang="bg"] .header .hd3 .link{font-size:12px;}
[lang="bg"] .header .hd3 .left .line{margin:0 5px;}
[lang="bg"] .header .hd3 .btns a{font-size:12px;}

[lang="hr"] .header .hd3 .all .top .txt{font-size:13px;}
[lang="hr"] .header .hd3 .link{font-size:13px;}
[lang="hr"] .header .hd3 .left .line{margin:0 15px;}

[lang="cs"] .header .hd3 .all .top .txt{font-size:13px;}
[lang="cs"] .header .hd3 .link{font-size:13px;}
[lang="hr"] .header .hd3 .left .line{margin:0 12px;}

[lang="nl"] .header .hd3 .left .line{margin:0 12px;}

[lang="fi"] .header .hd3 .all .top .txt{font-size:13px;}
[lang="fi"] .header .hd3 .link{font-size:13px;}
[lang="fi"] .header .hd3 .left .line{margin:0 12px;}
[lang="fi"] .header .hd3 .btns a{font-size:13px;}

[lang="de"] .header .hd3 .left .line{margin:0 12px;}

[lang="el"] .header .hd3 .all .top .txt{font-size:12px;}
[lang="el"] .header .hd3 .link{font-size:12px;}
[lang="el"] .header .hd3 .left .line{margin:0 5px;}
[lang="el"] .header .hd3 .btns a{font-size:12px;}

[lang="it"] .header .hd3 .all .top .txt{font-size:13px;}
[lang="it"] .header .hd3 .link{font-size:13px;}
[lang="it"] .header .hd3 .left .line{margin:0 10px;}
[lang="it"] .header .hd3 .btns a{font-size:13px;}

[lang="pl"] .header .hd3 .top .txt{font-size:13px;}
[lang="pl"] .header .hd3 .link{font-size:13px;}
[lang="pl"] .header .hd3 .left .line{margin:0 5px;}
[lang="pl"] .header .hd3 .btns a{font-size:13px;}
[lang="pl"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="pt"] .header .hd3 .top .txt{font-size:13px;}
[lang="pt"] .header .hd3 .link{font-size:13px;}
[lang="pt"] .header .hd3 .left .line{margin:0 8px;}
[lang="pt"] .header .hd3 .btns a{font-size:13px;}
[lang="pt"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="ro"] .header .hd3 .top .txt{font-size:13px;}
[lang="ro"] .header .hd3 .link{font-size:13px;}
[lang="ro"] .header .hd3 .left .line{margin:0 8px;}
[lang="ro"] .header .hd3 .btns a{font-size:13px;}
[lang="ro"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="ru"] .header .hd3 .top .txt{font-size:13px;}
[lang="ru"] .header .hd3 .link{font-size:13px;}
[lang="ru"] .header .hd3 .left .line{margin:0 8px;}
[lang="ru"] .header .hd3 .btns a{font-size:13px;}
[lang="ru"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="lv"] .header .hd3 .top .txt{font-size:13px;}
[lang="lv"] .header .hd3 .link{font-size:13px;}
[lang="lv"] .header .hd3 .left .line{margin:0 8px;}
[lang="lv"] .header .hd3 .btns a{font-size:13px;}
[lang="lv"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="lt"] .header .hd3 .top .txt{font-size:13px;}
[lang="lt"] .header .hd3 .link{font-size:13px;}
[lang="lt"] .header .hd3 .left .line{margin:0 8px;}
[lang="lt"] .header .hd3 .btns a{font-size:13px;}
[lang="lt"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="sr"] .header .hd3 .top .txt{font-size:13px;}
[lang="sr"] .header .hd3 .link{font-size:13px;}
[lang="sr"] .header .hd3 .left .line{margin:0 8px;}
[lang="sr"] .header .hd3 .btns a{font-size:13px;}
[lang="sr"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="sk"] .header .hd3 .top .txt{font-size:13px;}
[lang="sk"] .header .hd3 .link{font-size:13px;}
[lang="sk"] .header .hd3 .left .line{margin:0 8px;}
[lang="sk"] .header .hd3 .btns a{font-size:13px;}
[lang="sk"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="sl"] .header .hd3 .top .txt{font-size:13px;}
[lang="sl"] .header .hd3 .link{font-size:13px;}
[lang="sl"] .header .hd3 .left .line{margin:0 8px;}
[lang="sl"] .header .hd3 .btns a{font-size:13px;}
[lang="sl"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="uk"] .header .hd3 .top .txt{font-size:13px;}
[lang="uk"] .header .hd3 .link{font-size:13px;}
[lang="uk"] .header .hd3 .left .line{margin:0 8px;}
[lang="uk"] .header .hd3 .btns a{font-size:13px;}
[lang="uk"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="vi"] .header .hd3 .top .txt{font-size:13px;}
[lang="vi"] .header .hd3 .link{font-size:13px;}
[lang="vi"] .header .hd3 .left .line{margin:0 8px;}
[lang="vi"] .header .hd3 .btns a{font-size:13px;}
[lang="vi"] .header .hd3 .right .line{margin:0 9px 0 7px;}


:is([lang="id"],[lang="et"], [lang="hu"], [lang="ms"],[lang="be"],[lang="tg"],[lang="uz"]) .header .hd3 .left .line {
    margin: 0 10px;
}

[lang="hy"] .header .hd3 .top .txt{font-size:13px;}
[lang="hy"] .header .hd3 .link{font-size:13px;}
[lang="hy"] .header .hd3 .left .line{margin:0 8px;}
[lang="hy"] .header .hd3 .btns a{font-size:13px;}
[lang="hy"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="ka"] .header .hd3 .top .txt{font-size:12px;}
[lang="ka"] .header .hd3 .link{font-size:12px;}
[lang="ka"] .header .hd3 .left .line{margin:0 6px;}
[lang="ka"] .header .hd3 .btns a{font-size:12px;}
[lang="ka"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="mn"] .header .hd3 .top .txt{font-size:13px;}
[lang="mn"] .header .hd3 .link{font-size:13px;}
[lang="mn"] .header .hd3 .left .line{margin:0 8px;}
[lang="mn"] .header .hd3 .btns a{font-size:13px;}
[lang="mn"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="my"] .header .hd3 .top .txt{font-size:13px;}
[lang="my"] .header .hd3 .link{font-size:13px;}
[lang="my"] .header .hd3 .left .line{margin:0 8px;}
[lang="my"] .header .hd3 .btns a{font-size:13px;}
[lang="my"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="kk"] .header .hd3 .top .txt{font-size:13px;}
[lang="kk"] .header .hd3 .link{font-size:13px;}
[lang="kk"] .header .hd3 .left .line{margin:0 8px;}
[lang="kk"] .header .hd3 .btns a{font-size:13px;}
[lang="kk"] .header .hd3 .right .line{margin:0 9px 0 7px;}

[lang="ky"] .header .hd3 .top .txt{font-size:13px;}
[lang="ky"] .header .hd3 .link{font-size:13px;}
[lang="ky"] .header .hd3 .left .line{margin:0 8px;}
[lang="ky"] .header .hd3 .btns a{font-size:13px;}
[lang="ky"] .header .hd3 .right .line{margin:0 9px 0 7px;}


.np-caret{position: absolute;width: 0;height: 0;border: 6px solid transparent;top: 6px;left: 0;border-bottom-color: #fff;border-top-width: 0;}
.np-content{display: inline-block;padding: 15px 0;border-radius: 5px;box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);background-color: #fff;color: #222;line-height: 1.5;white-space: normal;outline: 0;transition-property: transform, visibility, opacity;}
.np-content .npox a{display: block;padding: 5px 15px;line-height: 21px;}
.np-content .npox a:hover{background-color: #f5f7fa;color: var(--viColor);}

.in_ban{position: relative;}

.onestopLayout .inner_navigation{position: absolute;top: 8px;left: 40px;z-index: 11;}

.inner_navigation_white a{color: #fff;}
.inner_navigation_white a:hover{color: var(--viColor);}

.onestopLayout .quick{background: #F6F7F8;padding-top: 29px;padding-bottom: 29px;}

.in_ban .swiper{position: relative;}

/*.in_ban .swiper .pic{height: 610px;}*/

.in_ban .swiper .pic img{height: 100%;object-fit: cover;}

.in_ban .swiper .sox{position: absolute;width: 753px;top: 47px;left: 40px;}


.in_ban.diban .swiper .sox{top: calc(199 / 608 * 100%);width: calc(100% - 80px);}

.in_ban.diban .swiper .swiper-slide:nth-child(2) .sox{text-align: center;}



.in_ban .swiper .sox .t1{line-height: calc(70 / 64);color: #fff;}

.in_ban .swiper .sox .t2{line-height: calc(24 / 16);color: #fff;margin-top: calc(27 / 16 * 1em);min-height: calc(24 / 16 * 3em);}

.in_ban .swiper .sox .img{display: flex;gap: 15px;margin-top: 34px;}

.in_ban .swiper .sox .img img{width: 156px;height: 156px;border: 1px solid var(--viColor);border-radius: 12px;object-fit: cover;}

.in_ban .swiper .pogin_auto{position: absolute;left: 40px;bottom: 77px;z-index: 11;}

.pogin_auto{display: flex;align-items: center;gap: 10.5px;}

.pogin_auto span{width: 26.32px;height: 3px;position: relative;background: rgba(255,255,255,0.4);}

.pogin_auto span::before{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background: var(--viColor);}

.pogin_auto span.swiper-pagination-bullet-active::before{width: 100%;transition: width 3.8s linear;}

/* .oss1{overflow: hidden;background: url(../images/oss_01_1_1.png) top center;background-size: 100% auto;} */

.main_title{overflow: hidden;}
.main_title .title{width: max-content;margin: 0 auto;line-height: calc(49 / 36);position: relative;}
.main_title .title::before{content: "";position: absolute;right: calc(100% + 9px);top: calc(50% - 1px);height: 2px;width: calc(min(1440px, 100vw) * 0.4013);background: url(../images/main_title_left.png) no-repeat center;background-size: 100% 2px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #D7000F 53.85%, rgba(255, 255, 255, 0.00) 100%);max-width: calc(min(50vw, 720px) - 50%);}
.main_title .title::after{content: "";position: absolute;left: calc(100% + 9px);top: calc(50% - 1px);height: 2px;width: calc(min(1440px, 100vw) * 0.4013);background: url(../images/main_title_right.png) no-repeat center;background-size: 100% 2px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #D7000F 53.85%, rgba(255, 255, 255, 0.00) 100%);max-width: calc(min(50vw, 720px) - 50%);}
.main_title .title span{position: relative;z-index: 3;}

.oss1 .ul{display: flex;flex-wrap: wrap;gap: 0.22rem;}
.oss1 .ul .li{width: calc(50% - 0.11rem);}
.oss1 .ul .li .ss{display: flex;flex-wrap: wrap;background: var(--contColor) url(../images/oss_04_27_5.png) no-repeat right bottom;background-size: auto 50%;border-radius: 0.12rem;overflow: hidden;}

/*.oss1 .ul .li .ss{display: flex;flex-wrap: wrap;background: var(--contColor) url(../images/oss_01_1_4.png) no-repeat right center;background-size: auto 100%;border-radius: 0.12rem;overflow: hidden;}*/

.oss1 .ul .li .ss .imgbox{width: calc(342 / 669 * 100%);height: 315px;}
.oss1 .ul .li .ss .imgbox img{height: 100%;object-fit: cover;}
.oss1 .ul .li .ss .txtbox{width: calc(327 / 669 * 100%);background: var(--contColor);padding: 58px 25px 37px;}
.oss1 .ul .li .ss .txtbox .t1{line-height: calc(32 / 22);}
.oss1 .ul .li .ss .txtbox .t2{line-height: calc(24 / 14);height: calc(24 / 14 * 4em);margin-top: 15px;}
.oss1 .ul .li .ss .txtbox .t3{width: fit-content;width: 148px;line-height: 30px;border: 1px solid #333333;border-radius: 32px;text-align: center;margin-top: 41px;}
.oss1 .ul .li .ss:hover .txtbox{background: rgba(246, 247, 248, 0);}
.oss1 .ul .li .ss:hover .txtbox .t1{color: var(--viColor);}
.oss1 .ul .li .ss:hover .txtbox .t3{background: var(--viColor);border-color: var(--viColor);color: #fff;}

.oss3 .ul{display: flex;border-radius: 12px;overflow: hidden;}
.oss3 .ul .li{width: 50%;}
.oss3 .ul .li .ss{display: flex;flex-direction: column;height: 100%;}
.oss3 .ul .li .ss .imgbox{position: relative;height: 444px;width: 100%;}
.oss3 .ul .li .ss .imgbox img{height: 100%;object-fit: cover;}
.oss3 .ul .li .ss .imgbox::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 33px;background: url(../images/oss_01_3_1.png) no-repeat bottom center;background-size: 100% auto;}

.whiteBase .oss3 .ul .li .ss .imgbox::before{background: url(../images/oss_01_3_1on.png) no-repeat bottom center;background-size: 100% auto;}

.oss3 .ul .li .ss .txtbox{height: 444px;display: flex;flex-direction: column;padding: 20px 0;align-items: center;justify-content: center;background: var(--contColor);width: 100%;background: var(--contColor) url(../images/oss_01_3_2.png) no-repeat bottom right;background-size: calc(580 / 680 * 100%) auto;}
.oss3 .ul .li .ss .txtbox .scroll{max-height: 100%;overflow-y: auto;padding: 0 30px;}
.oss3 .ul .li .ss .txtbox .t1{line-height: calc(41 / 28);text-align: center;}

.oss12 .ul .li:first-child .ss .txtbox .t1{padding: 0 10px;}

.oss3 .ul .li .ss .txtbox .link{line-height: calc(26 / 16);margin-top: 13.57px;text-align: center;}
.oss3 .ul .li .ss .txtbox .item{display: flex;align-items: center;justify-content: center;gap: 0.5em;}
.oss3 .ul .li .ss .txtbox .item a:hover{color: var(--viColor);}
.oss3 .ul .li:nth-child(even) .ss{flex-direction: column-reverse;}

/*.oss3 .ul .li:nth-child(even) .ss{flex-direction: column-reverse;background: var(--contColor) url(../images/oss_01_3_2.png) no-repeat bottom 444px right;background-size: calc(580 / 680 * 100%) auto;}*/

.oss3 .ul .li:nth-child(even) .ss .imgbox::before{top: 0;transform: rotate(180deg);}

/*.oss3 .ul .li .ss:hover .txtbox{background: rgba(255,255,255,0);}*/
/*.oss3 .ul .li .ss .txtbox{background: rgba(255,255,255,0);}*/

.oss3 .ul .li .ss:hover .txtbox .t1{color: var(--viColor);}

.oss4{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 43px;padding-bottom: 70px;background-image: url(../images/oss_01_4_1.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.oss4 .left{width: 689px;margin-top: 32px;display: flex;align-items: flex-end;}
.oss4 .left .text{padding-bottom: 71.66px;}
.oss4 .left .lg{width: 89px;}
.oss4 .left .tt{margin-top: 8px;width: calc(311 / 40 * 1em);color: #fff;}
.oss4 .left .pic{width: 402px;margin-left: -24px;}
.oss4 .right{width: calc(100% - 719px);text-align: right;}
.oss4 .right .tit{line-height: calc(70 / 64);-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--viColor);color: #fff;}
.oss4 .right .li{margin-top: 20px;}
.oss4 .right .li:first-child{margin-top: 18px;}
.oss4 .right .li .icon{display: flex;align-items: center;justify-content: flex-end;gap: 10px;color: #fff;}
.oss4 .right .li .icon img{width: auto;height: 30px;}
.oss4 .right .li .txt{line-height: calc(20 / 14);color: #fff;margin-top: 7px;}

.oss5 .oox{display: flex;gap: 10px;margin-top: 23px;}
.oss5 .oox .vid{width: calc(445 / 1360 * 100%);position: relative;border-radius: 12px;overflow: hidden;}
.oss5 .oox .vid .swiper-slide{height: auto;}
.oss5 .oox .vid .img{height: 100%;min-height: 540px;}
.oss5 .oox .vid .img video,
.oss5 .oox .vid .img img{height: 100%;object-fit: cover;}
.oss5 .oox .vid .ss{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);display: flex;align-items: center;justify-content: center;flex-direction: column;line-height: calc(22 / 16);color: #fff;gap: 12px;}
.oss5 .oox .vid .ss img{width: auto;height: 50px;}
.oss5 .oox .vid .ss:hover img{transform: scale(1.1);}
.oss5 .oox .ul{width: calc(905 / 1360 * 100%);display: flex;flex-wrap: wrap;gap: 20px 10px;}
.oss5 .oox .ul .li{width: calc((100% - 30px) / 4);}
.oss5 .oox .ul .li .ss{padding: 0.11rem 0.1rem 0.28rem 0.11rem;border-radius: 20px;background: var(--contColor);display: block;position: relative;height: 100%;}
.oss5 .oox .ul .li .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/oss_02_13_8.png) no-repeat right bottom;background-size: calc(129 / 252 * 100%) auto;pointer-events: none;opacity: 0;}
.oss5 .oox .ul .li .ss:hover:before{opacity: 1;}
.oss5 .oox .ul .li .ss .img{height: 142px;border-radius: 4px;overflow: hidden;position: relative;z-index: 2;}
.oss5 .oox .ul .li .ss .img img{height: 100%;object-fit: cover;position: relative;z-index: 2;}
.oss5 .oox .ul .li .ss .img img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;right: 0;bottom: 0;margin: auto;}
.oss5 .oox .ul .li .ss:hover .img img:nth-child(2){opacity: 1;}
.oss5 .oox .ul .li .ss .txt{margin-top: 14px;padding-left: 8px;}
.oss5 .oox .ul .li .ss .txt .t1{display: flex;gap: 7px;}
.oss5 .oox .ul .li .ss .txt .t1 img{width: 40px;}
.oss5 .oox .ul .li .ss .txt .t2{line-height: calc(22 / 16);margin-top: 5.23px;}
.oss5 .oox .ul .li .ss .txt .t3{margin-top: 2px;}
.oss5 .oox .ul .li .ss:hover{box-shadow: 0px 4px 16.4px 0px rgba(0, 0, 0, 0.09);}
.oss5 .oox .ul .li .ss:hover .txt .t2{color: var(--viColor);}

.vid_dialog{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 200;display: none;}
.vid_dialog .vox{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 710px;height: 480px;}
.vid_dialog .vox .top{border-radius: 3px 3px 0 0;background: #fff;padding: 0 15px;display: flex;align-items: center;height: 40px;justify-content: space-between;}
.vid_dialog .vox .top a.close{position: absolute;top: 0;right: 0;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.vid_dialog .vox .top a.close img{width: 20px;}
.vid_dialog .vox .top a.close img:nth-child(2){position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;}
.vid_dialog .vox .top a.close:hover img:nth-child(1){opacity: 0;}
.vid_dialog .vox .top a.close:hover img:nth-child(2){opacity: 1;}
.vid_dialog .vox .bot video{height: 440px;display: block;width: 100%;}

/* .oss6{background: #fff;} */

.oss6 .oox{margin-top: 33px;border-radius: 12px;overflow: hidden;display: flex;}
.oss6.diban .oox{flex-direction: row-reverse;}
.oss6 .oox .txtbox{width: calc(740 / 1360 * 100%);background: url(../images/oss_01_6_2.png) no-repeat bottom right;background-size: calc(398 / 740 * 100%);padding: 53px 50px 31px 37px;}
.oss6 .oox .imgbox{width: calc(620 / 1360 * 100%);border-radius: 12px;overflow: hidden;}
.oss6 .oox .imgbox img{height: 100%;object-fit: cover;}
.oss6 .oox .txtbox .t1{line-height: calc(32 / 26);}
.oss6 .oox .txtbox .t2{line-height: calc(26 / 16);margin-top: 44px;padding-right: 33px;height: calc(26 / 16 * 6em);overflow-y: auto;}
.oss6 .oox .txtbox .t3{margin-top: 56px;}

.inbtn_line{border: 1px solid var(--viColor);}

.oss6 .oox .txtbox .ul{display: flex;flex-wrap: wrap;gap: 28px 0;margin-top: 50px;}
.oss6 .oox .txtbox .ul .li:nth-child(3n){width: calc(179 / 656 * 100%);}
.oss6 .oox .txtbox .ul .li:nth-child(3n - 1){width: calc(200 / 656 * 100%);margin-right: calc(51 / 656 * 100%);}
.oss6 .oox .txtbox .ul .li:nth-child(3n - 2){width: calc(176 / 656 * 100%);margin-left: 0;margin-right: calc(50 / 656 * 100%);}
.oss6 .oox .txtbox .ul .li:last-child{width: auto;min-width: calc(183 / 656 * 100%);min-width: calc(179 / 656 * 100%);}
.oss6 .oox .txtbox .ul .li .countUp,
.oss6 .oox .txtbox .ul .li .f_50{line-height: calc(59 / 50);color: var(--viColor);}
.oss6 .oox .txtbox .ul .li .f_50{position: relative;}
.oss6 .oox .txtbox .ul .li .bottom{color: rgba(51,51,51,0);}
.oss6 .oox .txtbox .ul .li .countUp{position: absolute;top: 0;left: 0;color: var(--viColor);}
.oss6 .oox .txtbox .ul .li .sup{vertical-align: baseline;color: var(--viColor);line-height: 1;margin-left: 3px;transform: translateY(3px);display: inline-block;}
.oss6 .oox .txtbox .ul .li .lbt{line-height: calc(18 / 14);}

.oss7{position: relative;}
.oss7 .title{position: absolute;top: 0;left: 0;width: 100%;height: calc(144 / 723 * 100%);display: flex;align-items: center;justify-content: center;}




.oss8{background: #fff;}
.oss8 .ul{margin-top: 44px;gap: 17px;display: flex;flex-wrap: wrap;}
.oss8 .ul .li{width: calc((100% - 34px) / 3);}
.oss8 .ul .li .ss{height: 100%;display: block;background: var(--contColor);border-radius: 12px;overflow: hidden;}
.oss8 .ul .li .ss .pic{height: 270px;}
.oss8 .ul .li .ss .pic img{height: 100%;object-fit: cover;}
.oss8 .ul .li .ss .bot{padding: 24px 23px 15px 13px;}
.oss8 .ul .li .ss .bot .link{display: flex;flex-wrap: wrap;gap: 14px;position: relative;}
.oss8 .ul .li .ss .bot .link a{width: calc((100% - 42px) / 4);border-radius: 50%;background: #D7E5EE;position: relative;overflow: hidden;}
.oss8 .ul .li .ss .bot .link a>img{opacity: 0;}
.oss8 .ul .li .ss .bot .link a span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.oss8 .ul .li .ss .bot .link a span img{width: auto;object-fit: contain;}
.oss8 .ul .li .ss .bot .link a span img{max-width: calc(60 / 83 * 100%);max-height: calc(60 / 83 * 100%);}
.oss8 .ul .li .ss .bot .link a:hover span img{transform: scale(1.05);}
.oss8 .ul .li .ss .bot .more{display: flex;align-items: center;width: fit-content;margin-top: 24px;gap: 11px;color: var(--viColor2);}
.oss8 .ul .li .ss .bot .more span{width: 7px;position: relative;}
.oss8 .ul .li .ss .bot .more span img:nth-child(2){position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;}
.oss8 .ul .li .ss .bot .more:hover{color: var(--viColor);}
.oss8 .ul .li .ss .bot .more:hover img:nth-child(1){opacity: 0;}
.oss8 .ul .li .ss .bot .more:hover img:nth-child(2){opacity: 1;}

.oss9{/* padding-top: 49px;padding-bottom: 28px; */}
.oss9 .oox{margin-top: 30px;background: var(--contColor);border-radius: 12px;display: flex;flex-wrap: wrap;overflow: hidden;}
.oss9 .imgbox{width: calc(688 / 1360 * 100%);position: relative;}
.oss9 .imgbox img{height: 100%;object-fit: cover;}
.oss9 .imgbox::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/oss_01_9_2_1.png) no-repeat right bottom;background-size: 100% auto;}

.oss9 .txtbox{padding: 58px;width: calc(672 / 1360 * 100%);padding: 0.4rem 0.58rem;}
.oss9 .txtbox .form{display: block;max-width: 460px;margin: 0 auto;width: 100%;}
.oss9 .txtbox .form .item:not(:first-child){margin-top: 40px;margin-top: 0.3rem;}
.oss9 .txtbox .form .set{line-height: calc(28 / 16);}
.oss9 .txtbox .form .set span{color: var(--viColor);}
.oss9 .txtbox .form .item:nth-child(4) .set span{opacity: 0;}
.oss9 .txtbox .form .det{margin-top: 10px;}
.oss9 .txtbox .form .det input[type=text]{display: block;width: 100%;height: 45px;border-radius: 6px;border: 1px solid rgba(96, 96, 96, 0.2);padding: 0 14px;}
.oss9 .txtbox .form .inbtn{height: 50px;padding: 0 22px;border-radius: 50px;margin: 0 auto;gap: 13px;position: relative;}
.oss9 .txtbox .form .inbtn .submit{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

/*.in_ban .imgbox{height: 483px;}*/

.in_ban .imgbox img{height: 100%;object-fit: cover;}

.nk_ban .txtbox{position: absolute;top: 52px;right: 43px;line-height: calc(70 / 64);color: #fff;text-align: right;}

.oss10{background: #fff;}

.oss10 .ul{/* margin-top: 22px; */display: flex;flex-wrap: wrap;border-radius: 12px;overflow: hidden;}
.oss10 .ul .li{width: 25%;}
.oss10 .ul .li .ss{display: flex;flex-direction: column;}
.oss10 .ul .li .ss .imgbox{width: 100%;height: 353px;overflow: hidden;}
.oss10 .ul .li .ss .imgbox img{object-fit: cover;height: 100%;}
.oss10 .ul .li .ss .txtbox{position: relative;width: 100%;padding: 23px 23px 10px;display: flex;flex-direction: column;justify-content: center;background: url(../images/oss_02_10_5.png) no-repeat bottom right 22px;height: 170px;}
.oss10 .ul .li .ss .txtbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--contColor);}
.oss10 .ul .li .ss .t1{position: relative;z-index: 2;line-height: calc(33 / 24);}
.oss10 .ul .li .ss .t2{margin-top: 19px;position: relative;z-index: 2;}

.oss10 .ul .li .ss:hover .txtbox{background-color: var(--viColor);}
.oss10 .ul .li .ss:hover .txtbox::before{opacity: 0;}
.oss10 .ul .li .ss:hover .txtbox .t1{color: #fff;}
.oss10 .ul .li .ss:hover .vmore{color: #fff;}
.oss10 .ul .li .ss:hover .imgbox img{transform: scale(1.05);}
.oss10 .ul .li:nth-child(even) .ss{flex-direction: column-reverse;}

.vmore{display: flex;align-items: center;width: fit-content;gap: 11px;color: var(--viColor2);}
.vmore span{width: 7px;position: relative;}
.vmore span img:nth-child(2){position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;}

.vhover:hover{color: var(--viColor);}
.vhover:hover img:nth-child(1){opacity: 0;}
.vhover:hover img:nth-child(2){opacity: 1;}

.sshover:hover .vmore{color: var(--viColor);}
.sshover:hover .vmore img:nth-child(1){opacity: 0;}
.sshover:hover .vmore img:nth-child(2){opacity: 1;}

/*.oss11{padding-bottom: 31px;background: #fff;}*/

.oss11{background: #fff;}
.oss11 .swiper-slide{height: 383px;}
.oss11 .swiper-slide img{height: 100%;object-fit: cover;}
.oss11 .swpbtn .prev{left: 26px;}
.oss11 .swpbtn .next{right: 26px;}

.oss11 .pogin_auto{margin-top: 11px;justify-content: center;}

.pogin_auto_gray span{background: #EBEBEB;}

.oss12 .ul .li .ss .imgbox{height: 343px;}

.oss12 .ul .li .ss .txtbox{height: 343px;}

/* .oss13{background: #fff;} */

.oss13 .oox{display: flex;flex-wrap: wrap;margin-top: 35px;gap: 22px;}

.oss13 .left{width: calc((459 / 1360 * 100%) - 11px);background: var(--contColor);border-radius: 12px;padding: 16px 13px 28px 18px;}

.oss13 .left .imgbox{height: 404px;overflow: hidden;background: var(--baseColor);position: relative;}

.oss13 .left .imgbox img{height: 100%;object-fit: cover;}

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

.oss13 .left .imgbox:hover img:nth-child(2){opacity: 1;}

.oss13 .left .imgbox .ss{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;line-height: calc(22 / 16);color: #fff;gap: 12px;}

.oss13 .left .imgbox .ss img{width: auto;height: 50px;}

.oss13 .left .imgbox .ss:hover img{transform: scale(1.1);}

.oss13 .left .txtbox{margin-top: 28px;}

.oss13 .left .txtbox .t1{line-height: calc(27 / 20);color: var(--viColor);}

.oss13 .left .txtbox .t2{line-height: calc(33 / 24);margin-top: 18px;}

.oss13 .left .txtbox .t2 a{display: block;}

.oss13 .left .txtbox .t2 a:hover{color: var(--viColor);}

.oss13 .left .txtbox .t3{margin-top: 16px;color: var(--viColor2);}

.oss13 .left .txtbox .t4{margin-top: 32px;display: flex;gap: 15px;color: var(--viColor2);}

.oss13 .left .txtbox .t4 a{color: #11B1FB;text-decoration: underline;text-underline-offset: 2px;}

.oss13 .left .txtbox .t5{margin-top: 12px;}

.oss13 .left .txtbox .t5 a{display: block;width: fit-content;line-height: calc(28 / 14);padding: 0 calc(31 / 14  *1em);border-radius: calc(30 / 14 * 1em);border: 1px solid #333;}

.oss13 .left .txtbox .t5 a:hover{background: var(--viColor);color: #fff;border-color: var(--viColor);}

.oss13 .left:hover{    background: var(--contColor) url(../images/oss_01_6_2.png) no-repeat right bottom;
    background-size: 70% auto;}

.oss13 .right{width: calc((901 / 1360 * 100%) - 11px);}

.oss13 .on .oox .right{width: 100%;}

.oss13 .oox.act .right{margin: 0 auto;}

.oss13 .oox.act .right .ul{justify-content: center;}

.oss13 .right .ul{display: flex;flex-wrap: wrap;gap: 18px 22px;}

.oss13 .right .ul .li{width: calc((100% - 44px) / 3);}

.oss13 .on .oox .right .ul .li{width: calc((100% - 66px) / 4);}

.oss13 .right .ul .li .ss{display: block;background: var(--contColor);padding: 16px 15px 0;border-radius: 12px;overflow: hidden;position: relative;height: 100%;}

.oss13 .right .ul .li .ss .imgbox{height: 253px;overflow: hidden;background: var(--baseColor);position: relative;}

.oss13 .right .ul .li .ss .imgbox img{height: 100%;object-fit: contain;}

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

.oss13 .right .ul .li .ss:hover .imgbox img:nth-child(2){opacity: 1;}

.oss13 .right .ul .li .ss .txtbox{padding: 14px 0 25px;background: var(--contColor) url(../images/oss_02_13_8.png) no-repeat right bottom;background-size: calc(129 / 252 * 100%) auto;position: relative;}

.oss13 .right .ul .li .ss .txtbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--contColor);}

.oss13 .right .ul .li .ss .txtbox .t1{line-height: calc(27 / 20);position: relative;z-index: 2;}

.oss13 .right .ul .li .ss .txtbox .t2{margin-top: 1px;color: var(--viColor2);position: relative;z-index: 2;height: calc(19 / 14 * 1em)}

.oss13 .right .ul .li .ss:hover{background: var(--contColor);box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.10);}

.oss13 .right .ul .li .ss:hover .txtbox::before{opacity: 0;}

.oss13 .right .ul .li .ss:hover .txtbox .t1{color: var(--viColor);}

.oss13 .right .ul .li .ss:hover .txtbox .t2{color: var(--viColor);}

/* .oss14{padding-top: 38px;padding-bottom: 60px;background: #fff;} */

.oss14 .oox{margin-top: 35px;display: flex;justify-content: space-between;gap: 14px;align-items: flex-end;}

.oss14 .left{width: calc((305 / 1360 * 100%) - 7px);padding-right: 6px;overflow-y: auto;height: 372px;}

.oss14 .right{width: calc((1055 / 1360 * 100%) - 7px);}

.oss14 .left .ul{background-color: var(--contColor);border-radius: 12px;overflow: hidden;}

.oss14 .left .ul .li:not(:last-child){border-bottom: 1px solid #fff;display: flex;align-items: center;}

.oss14 .left .ul .li{padding: 10px 7px 10px 8px;min-height: 93px;display: flex;flex-wrap: wrap;gap: 5px;align-items: center;}

.oss14 .left .ul .li .ico{width: 49px;display: flex;align-items: center;justify-content: center;position: relative;}

.oss14 .left .ul .li .ico img{width: auto;}

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

.oss14 .left .ul .li .txt{width: calc(100% - 54px);line-height: calc(22 / 16);}

.oss14 .left .ul .li.act,
.oss14 .left .ul .li:hover{background: var(--viColor);}

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

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

.oss14 .left .ul .li.act .txt,
.oss14 .left .ul .li:hover .txt{color: #fff;}

.oss14 .right .ul{display: none;flex-wrap: wrap;gap: 14px;}

.oss14 .right .ul.act{display: flex;}

.oss14 .right .ul .li{width: calc((100% - 42px) / 4);}

.oss14 .right .rg_item{display: none;position: relative;}

.oss14 .right .rg_item.act{display: block;}

.oss14 .right .swiper-slide{height: auto;}

.oss14 .right .ss{display: block;position: relative;background: var(--contColor);border-radius: 12px;padding: 9px 7px 0 9px;height: 100%;}

.oss14 .right .ss .imgbox{height: 261px;overflow: hidden;border-radius: 12px;background-color: var(--baseColor);position: relative;}

.oss14 .right .ss .imgbox img{height: 100%;object-fit: cover;}

.oss14 .right .ss .imgbox img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.oss14 .right .ss:hover .imgbox img:nth-child(2){opacity: 1;}

.oss14 .right .ss .txtbox{position: relative;background: var(--contColor) url(../images/oss_02_14_9.png) no-repeat bottom right 5px;background-size: min(173 / 235 * 100%, 160px) auto;padding: 18px 0 21px;}

.oss14 .right .ss .txtbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--contColor);}

.oss14 .right .ss .txtbox .t1{line-height: 1.3;position: relative;z-index: 2;}

.oss14 .right .ss .txtbox .t2{margin-top: 1em;position: relative;z-index: 2;}

/*.oss14 .right .ss:hover{box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.10);}*/

.oss14 .right .ss:hover .txtbox::before{opacity: 0;}

.oss14 .right .ss:hover .txtbox .t1{color: var(--viColor);}





.oss15{background: none;}

.oss15 .oox{flex-direction: row-reverse;overflow: visible;}

.oss15 .oox .imgbox{margin-bottom: 51px;}

.oss6 .imgbox{position: relative;}

.oss6 .imgbox .ss{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;line-height: calc(22 / 16);color: #fff;gap: 12px;}

.oss6 .imgbox .ss img{width: auto;height: 50px;}

.oss6 .imgbox .ss:hover img{transform: scale(1.1);}

.oss6 .txtbox{position: relative;z-index: 5;}

.oss6 .txtbox .countbox{margin: 71px -90px 0 -199px;border-radius: 12px;overflow: hidden;display: flex;}

.oss6 .txtbox .countbox .item{width: 25%;background: #fff;position: relative;padding: 26px 20px 34px;text-align: center;position: relative;}

.oss6 .txtbox .countbox .item:not(:first-child)::before{content: "";position: absolute;top: 28px;height: calc(100% - 58px);width: 1px;background: #E8E8E8;left: 0;}

.oss6 .txtbox .countbox .item .itp span{color: var(--viColor);}

.oss6 .txtbox .countbox .item .itp .countUp{margin-right: 10px;line-height: calc(68 / 50);}

.oss6 .txtbox .countbox .item .ibt{line-height: calc(18 / 14);margin-top: 6px;}

.oss6 .txtbox .countbox .item:hover{background: var(--viColor);}

.oss6 .txtbox .countbox .item:hover::before{opacity: 0;}

.oss6 .txtbox .countbox .item:hover + .item::before{opacity: 0;}

.oss6 .txtbox .countbox .item:hover .itp span{color: #fff;}

.oss6 .txtbox .countbox .item:hover .ibt{color: #fff;}

/* .oss16{background: #fff;} */

.oss16 .oox{display: flex;background: var(--contColor);border-radius: 12px;overflow: hidden;}

.oss16 .oox .left{width: calc(635 / 1360 * 100%);padding: 89px 46px 69px;}

.oss16 .oox .left .t1{line-height: calc(49 / 36);}

.oss16 .oox .left .t2{line-height: 2;margin-top: 18px;}

.oss16 .oox .left .t2 p{position: relative;padding-left: calc(26 / 16 * 1em);}

.oss16 .oox .left .t2 p::before{content: "";position: absolute;width: 3px;height: 3px;border-radius: 50%;background: #fff;top: calc(14 / 16 * 1em);left: calc(10 / 16 * 1em);background: #333;}

.oss16 .oox .left .ul{display: flex;flex-wrap: wrap;gap: 17px;margin-top: 52px;}

.oss16 .oox .left .ul .li{max-width: 148px;width: calc((100% - 34px) / 3);}

.oss16 .oox .left .ul .li .ico{margin: 0 auto;width: max-content;}

.oss16 .oox .left .ul .li .ico img{width: auto;mix-blend-mode: multiply;}

.oss16 .oox .left .ul .li .txt{line-height: calc(20 / 14);text-align: center;margin-top: 7px;}

.oss16 .oox .right{width: calc(725 / 1360 * 100%);}

.oss16 .oox .right img{height: 100%;object-fit: cover;}

/* .oss17{background: #fff;} */

.oss17 .swpbox{overflow: hidden;}

.oss17 .swpbox .swiper{overflow: visible;}

.oss17 .swpbox .swiper-wrapper{-webkit-transition-timing-function: linear;   -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;margin: 0 auto;}

.oss17 .swpbox .swiper-slide{width: 416px;margin: 0 9.5px;}

.oss17 .swpbox .ss{display: block;}

.oss17 .swpbox .imgbox{height: 234px;overflow: hidden;}

.oss17 .swpbox .imgbox img{height: 100%;object-fit: cover;}

.oss17 .swpbox .txtbox{line-height: calc(27 / 20);text-align: center;margin-top: 13px;}

.oss17 .swpbox .swiper1{margin-top: 31px;}

.oss17 .swpbox .swiper2{margin-top: 20px;}

/*.oss17 .swpbox .swiper2 .swiper-wrapper{flex-wrap: row-reverse;direction: rtl}*/

.hs_ban .imgbox{position: relative;}

.hs_ban .imgbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #B7B7B7;mix-blend-mode: multiply;}

.hs_ban .txtbox{position: absolute;top: 127px;left: 50%;max-width: calc(100% - 80px);    top: 50%;
    width: max-content;
    transform: translate(-50%, -50%);

}

.hs_ban .txtbox .t1{line-height: calc(70 / 64);color: #fff;}

.hs_ban .txtbox .t2{line-height: calc(22 / 14);margin-top: 9px;color: #fff;}

.hs_ban .txtbox .t3{margin-top: 8px;display: flex;flex-wrap: wrap;gap: 10px;align-items: center;justify-content: center;}

.hs_ban .txtbox .t3 img{width: auto;}

.oss18{background: #fff;}

.oss18 .ul{margin-top: 38px;gap: 15px;display: flex;}

.oss18 .ul .li{width: calc((100% - 45px) / 4);}

.oss18 .ul .li .ss{position: relative;border-radius: 12px;overflow: hidden;padding-top: 80px;background: #F6F7F8;}

.oss18 .ul .li .ss .imgbox{height: 347px;}

.oss18 .ul .li .ss .imgbox img{height: 100%;object-fit: cover;}

.oss18 .ul .li .ss .txtbox{position: absolute;top: 0;left: 0;width: 100%;height: 80px;overflow: hidden;padding: 28px 29px 16px 20px;z-index: 3;background: var(--contColor);}

.oss18 .ul .li .ss .txtbox::before{content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: url(../images/oss_03_18_5.png) no-repeat center top 59px;background-size: calc(295 / 329 * 100%) auto;opacity: 0;}

.oss18 .ul .li .ss .txtbox .top{position: relative;z-index: 2;display: flex;justify-content: space-between;align-items: flex-start;}

.oss18 .ul .li .ss .txtbox .top .lf{width: calc(100% - 60px);}

.oss18 .ul .li .ss .txtbox .top .lf .line{width: 13px;height: 2px;background: var(--viColor);}

.oss18 .ul .li .ss .txtbox .top .lf .t1{line-height: calc(25 / 18);margin-top: 6px;}

.oss18 .ul .li .ss .txtbox .top .rf{width: 32px;height: 32px;border-radius: 50%;background: #F59678;}

.oss18 .ul .li .ss .txtbox .top .rf img{max-height: 100%;object-fit: contain;}

.oss18 .ul .li .ss .txtbox .bot{margin-top: 53px;display: flex;flex-wrap: wrap;gap: 7px;position: relative;z-index: 2;}

.oss18 .ul .li .ss .txtbox .bot span{border: 1px solid var(--viColor);padding: 3px 11px;border-radius: 27px;color: var(--viColor);}

.oss18 .ul .li .ss .txtbox .bot span:hover{background: #F59678;border-color: #F59678;color: #fff;}

.oss18 .ul .li .ss:hover .txtbox{height: auto;}

.oss18 .ul .li .ss:hover .txtbox::before{opacity: 1;}

.oss18 .ul .li .ss:hover .txtbox .top .lf .t1{color: var(--viColor);}

.oss18 .ul .li .ss:hover .txtbox .top .rf{background: var(--viColor);}

.oss19{background: #fff;}

.oss19 .ul{margin-top: 29px;display: flex;flex-wrap: wrap;gap: 19px 18px;}

.oss19 .ul .li{width: calc((100% - 36px) / 3);}

.oss19 .ul .li .ss{display: block;background: #F6F7F8;border-radius: 12px;padding: 29px 30px 21px;height: 100%;}

.oss19 .ul .li .ss .ico{width: 46px;height: 46px;margin: 0 auto;border-radius: 50%;background: #F59678;}

.oss19 .ul .li .ss .ico img{max-height: 100%;object-fit: contain;}

.oss19 .ul .li .ss .txt{text-align: center;margin-top: 16px;}

.oss19 .ul .li .ss .txt .t1{width: 21px;height: 4px;background: var(--viColor);margin: 0 auto;}

.oss19 .ul .li .ss .txt .t2{line-height: calc(30 / 22);margin-top: 10px;}

.oss19 .ul .li .ss .txt .t3{margin-top: 7px;}

.oss19 .ul .li .ss .txt .t3 .vmore{margin: 0 auto;}

.oss19 .ul .li .ss:hover{background: #fff;box-shadow: 0px 4px 39.6px 0px rgba(0, 0, 0, 0.04);}

.oss19 .ul .li .ss:hover .ico{background: var(--viColor);}

.oss19 .ul .li .ss:hover .txt .t2{color: var(--viColor);}

/* .oss21{background: #fff;} */

.oss21 .ul .li .ss .txtbox .link{text-align: center;}

.oss21 .ul .li .ss .txtbox .item:not(:first-child){margin-top: 7px;}

/* .oss22{padding-top: 18px;padding-bottom: 72px;} */

.oss22 .oox{box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.06);}

/* .oss23{margin-top: -24px;padding-bottom: 57px;} */

/*.oss23 .oox{margin: 34px -7px 0;position: relative;}*/

/*.oss23 .oox .swiper-slide{padding: 0 7px;}*/

.oss23 .oox{position: relative;}

.oss23 .ul{display: flex;margin: 0 -7px;}

.oss23 .ul .li{width: 25%;padding: 0 7px;}

.oss23 .ul .li:hover{width: calc(523 / 1360 * 100%);}

.oss23 .ul:hover .li:not(:hover){width: calc(284 / 1360 * 100%);}

/*.oss23 .oox .swiper-slide:hover{width: calc(523 / 1360 * 100%) !important;}*/

/*.oss23 .oox:hover .swiper-slide:not(:hover){width: calc(284 / 1360 * 100%) !important;}*/

.oss23 .ss .imgbox{height: 351px;overflow: hidden;border-radius: 12px;}

.oss23 .ss .imgbox img{height: 100%;object-fit: cover;}

.oss23 .ss .txtbox{line-height: calc(25 / 18);color: var(--viColor2);margin-top: 16px;}

.oss23 .ss{display: block;}

.oss23 .ss:hover .imgbox{height: 432px;}

.oss23 .ss:hover .txtbox{font-family: 'openS';color: var(--viColor);}

.oss24{background: #fff;}

.oss24 .oox{display: flex;flex-wrap: wrap;border-radius: 12px;overflow: hidden;background: #F6F7F8;}

.oss24 .oox .left{width: calc(752 / 1360 * 100%);}

.oss24 .oox .left img{height: 100%;object-fit: cover;}

.oss24 .oox .right{width: calc(608 / 1360 * 100%);padding: 66px 70px 65px 62px;}

.oss24 .oox .right .t1{line-height: calc(49 / 36);}

.oss24 .oox .right .t2{line-height: 2;margin-top: 14px;}

.oss24 .oox .right .t3{margin-top: 51px;display: flex;align-items: center;flex-wrap: wrap;gap: 54px;}

.oss24 .oox .right .t3 img{width: auto;max-height: 89px;}

.RDP_dialog_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 199;background: #696969;mix-blend-mode: multiply;display: none;}

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

.RDP_dialog .con{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: #fff;max-width: 764px;border-radius: 20px;width: 90vw;overflow: hidden;height: fit-content;}

.RDP_dialog .con .scroll2{height: 90vh;padding: 38px 70px 38px 60px;overflow-y: auto;max-height: 472px;}

.RDP_dialog .close{position: absolute;top: 17px;right: 19px;width: 31px;}

.RDP_dialog .close img:nth-child(2){position: absolute;top: 0;right: 0;opacity: 0;}

.RDP_dialog .close:hover img:nth-child(1){opacity: 0;}

.RDP_dialog .close:hover img:nth-child(2){opacity: 1;}

.RDP_dialog .con .item{display: none;}

.RDP_dialog .con .item.act{display: block;}

.RDP_dialog .con .item .t1{display: flex;align-items: center;gap: 14px;line-height: calc(30 / 22);color: var(--viColor);}

.RDP_dialog .con .item .ico{width: 46px;border-radius: 50%;background: var(--viColor);}

.RDP_dialog .con .item .t2{line-height: calc(26 / 16);opacity: 0.6;margin-top: 20px;}

.RDP_dialog .con .item .t3{line-height: calc(26 / 16);margin-top: 4px;}

.RDP_dialog .con .item .ul{margin-top: 16px;display: flex;flex-wrap: wrap;gap: 18px;}

.RDP_dialog .con .item .ul .li{width: calc((100% - 36px) / 3);}

.RDP_dialog .con .item .ul .li .ss{display: block;background: #F6F7F8;border-radius: 12px;overflow: hidden;position: relative;}

.RDP_dialog .con .item .ul .li .ss .imgbox{height: 126px;}

.RDP_dialog .con .item .ul .li .ss .imgbox img{height: 100%;object-fit: contain;mix-blend-mode: multiply;}

.RDP_dialog .con .item .ul .li .ss .txtbox{padding: 21px 20px 20px;}

.RDP_dialog .con .item .ul .li .ss .txtbox .tt1{line-height: calc(25 / 18);text-align: center;}

.RDP_dialog .con .item .ul .li .ss .txtbox .tt2{margin-top: 4px;}

.RDP_dialog .con .item .ul .li .ss .txtbox .tt2 .vmore{margin: 0 auto;}

.wwm_ban .imgbox{position: relative;}

.wwm_ban .imgbox:not(.act)::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;}

.wwm_ban .txtbox{position: absolute;top: 78px;left: 0;width: 100%;}

.wwm_ban .txtbox .t1{line-height: calc(70 / 64);color: #fff;margin: 0 auto;max-width: 868px;text-align: center;}

.oss25{background: #fff;}

.oss25 .oox{border-radius: 12px;overflow: hidden;display: flex;gap: 14px;flex-wrap: wrap;}

.oss25 .lf{width: calc(425 / 1360 * 100% - 7px);}

.oss25 .ss{display: block;background: var(--contColor);}

.oss25 .lf .ss .imgbox{height: 512px;overflow: hidden;}

.oss25 .ss .imgbox img{height: 100%;object-fit: cover;}

.oss25 .ss .txtbox{line-height: calc(46 / 16);margin: 0 19px;width: calc(100% - 38px);}

.oss25 .ul{display: flex;flex-wrap: wrap;gap: 11px 14px;width: calc(935 / 1360 * 100% - 7px);}

.oss25 .ul .li{width: calc(50% - 7px);}

.oss25 .ul .li:nth-child(1) .ss .imgbox,
.oss25 .ul .li:nth-child(2) .ss .imgbox{height: 230px;overflow: hidden;}

.oss25 .ul .li:nth-child(3) .ss .imgbox,
.oss25 .ul .li:nth-child(4) .ss .imgbox{height: 225px;overflow: hidden;}

.oss25 .ss:hover .imgbox img{transform: scale(1.05);}

.oss25 .ss:hover{background: var(--viColor);}

.oss25 .ss:hover .txtbox{color: #fff;}

.oss26{padding-top: 70px;background: url(../images/oss_04_26_1.png) no-repeat top center;}

.oss26 .tit1{line-height: 1;color: #fff;text-align: center;}

.oss26 .tit2{width: 464px;height: 2px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #D7000F 53.85%, rgba(255, 255, 255, 0.00) 100%);margin: 21px auto 12px;}

.oss26 .tit3{line-height: calc(28 / 16);color: #fff;max-width: min(880px, 90%);margin: 0 auto;text-align: center;}

.oss26 .tit4{margin-top: 14px;}

.oss26 .tit4 .inbtn{margin: 0 auto;}

.oss26 .swpbox{margin-top: 67px;position: relative;padding: 0 34px 0 38px;}

.oss26 .swpbox .swiper-slide{height: auto;}

.oss26 .swpbox .ss{display: block;background: var(--contColor);border-radius: 12px;padding: 7.5px 9px 0;position: relative;height: 100%;overflow: hidden;}

.oss26 .swpbox .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: var(--contColor) url(../images/oss_04_26_6.png) no-repeat bottom right 9px;background-size: calc(225 / 291 * 100%) auto;}

.oss26 .swpbox .ss .imgbox{height: 252px;border-radius: 12px;overflow: hidden;background: var(--baseColor);position: relative;z-index: 2;}

.oss26 .swpbox .ss .imgbox img{height: 100%;object-fit: cover;}

.oss26 .swpbox .ss .imgbox img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.oss26 .swpbox .ss:hover .imgbox img:nth-child(2){opacity: 1;}

.oss26 .swpbox .ss .txtbox{position: relative;padding: 17px 10px 31.5px;z-index: 2;}

.oss26 .swpbox .ss .txtbox .t1{position: relative;display: block;line-height: calc(25 / 18);text-align: center;z-index: 2;}

.oss26 .swpbox .ss .txtbox .t2{color: var(--viColor2);margin-top: 7px;text-align: center;position: relative;z-index: 2;}

.oss26 .swpbox .ss .txtbox .t2 a{color: #11B1FB;text-decoration: underline;text-underline-offset: 2px;}

.oss26 .swpbox .ss .txtbox .t3{margin: 15px auto 0;width: max-content;line-height: 2;border: 1px solid #333;padding: 0 31px;border-radius: 30px;display: block;position: relative;z-index: 2;}

.oss26 .swpbox .ss:hover::before{opacity: 1;}

.oss26 .swpbox .ss:hover .txtbox .t3:hover{background: var(--viColor);border-color: var(--viColor);color: #fff;}

.oss26 .swpbox .ss:hover .txtbox .t1:hover{color: var(--viColor);}

.oss27 .oox{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 11px 11px 11px 14px;border-radius: 12px;background: var(--contColor) url(../images/oss_04_27_5.png) no-repeat bottom right;}

.oss27 .oox .ul{width: calc(100% - 319px);border-radius: 12px;overflow: hidden;display: flex;flex-wrap: wrap;gap: 11px 12px;}

.oss27 .oox .ul .li{width: calc(50% - 6px);}

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

.oss27 .oox .ul .li .ss .imgbox{height: 294px;position: relative;}

.oss27 .oox .ul .li .ss .imgbox img{height: 100%;object-fit: cover;}

.oss27 .oox .ul .li:nth-child(n+3) .ss .imgbox{height: 299px;}

.oss27 .oox .ul .li .ss .txtbox{position: absolute;left: 0;bottom: 0;width: 100%;padding: 16px 20px;line-height: calc(21 / 16);color: #fff;}

.oss27 .oox .ul .li:first-child .ss .imgbox::before{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 26px;background: url(../images/oss_04_27_6.png) no-repeat bottom center;background-size: 100% auto;}

.oss27 .oox .ul .li:nth-child(4) .ss .imgbox::before{content: "";position: absolute;left: 0;top: -1px;width: 100%;height: 26px;background: url(../images/oss_04_27_6.png) no-repeat bottom center;background-size: 100% auto;transform: rotate(180deg);}

.whiteBase .oss27 .oox .ul .li:first-child .ss .imgbox::before{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 26px;background: url(../images/oss_04_27_6on.png) no-repeat bottom center;background-size: 100% auto;}

.whiteBase .oss27 .oox .ul .li:nth-child(4) .ss .imgbox::before{content: "";position: absolute;left: 0;top: -1px;width: 100%;height: 26px;background: url(../images/oss_04_27_6on.png) no-repeat bottom center;background-size: 100% auto;transform: rotate(180deg);}

.oss27 .oox .rf{width: 300px;text-align: center;}

.oss27 .oox .rf .t1{line-height: calc(39 / 28);margin-bottom: 51px;color: var(--viColor);}

.oss27 .oox .rf .t2{line-height: calc(26 / 16);}

.oss27 .oox .rf .t2 a:hover{color: var(--viColor);}

.oss27 .oox .rf .t2box{text-align: left;display: inline-block;}

.oss28 .oox{margin-top: 35px;display: flex;flex-wrap: wrap;gap: 19px;}

.oss28 .oox .lf{width: calc(425 / 1360 * 100% - 10px);border-radius: 12px;overflow: hidden;}

.oss28 .oox .lf img{height: 100%;object-fit: cover;}

.oss28 .oox .ul{width: calc(935 / 1360 * 100% - 9px);display: flex;flex-wrap: wrap;gap: 19px;}

.oss28 .oox .ul .li{width: calc((100% - 38px) / 3);}

.oss28 .oox .ul .li .ss{display: block;position: relative;background: var(--contColor);padding: 27px 20px 102px;border-radius: 12px;}

.oss28 .oox .ul .li .ss::before{content: "";position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;background: url(../images/oss_04_28_8.png) no-repeat bottom right;background-size: calc(173 / 297 * 100%) auto;opacity: 0;}

.oss28 .oox .ul .li .ss .imgbox{height: 142px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;}

.oss28 .oox .ul .li .ss .imgbox img{width: auto;max-height: 100%;object-fit: contain;}

.oss28 .oox .ul .li .ss .imgbox img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;object-fit: cover;}

.oss28 .oox .ul .li .ss:hover .imgbox img:nth-child(2){opacity: 1;}

.oss28 .oox .ul .li .ss .txtbox{position: absolute;bottom: 16px;left: 20px;width: calc(100% - 52px);z-index: 2;}

.oss28 .oox .ul .li .ss .txtbox .t1{line-height: 1.3;}

.oss28 .oox .ul .li .ss .txtbox .t2{margin-top: 9.25px;}

.oss28 .oox .ul .li .ss:hover::before{opacity: 1;}

.oss28 .oox .ul .li .ss:hover .txtbox .t1{color: var(--viColor);}

/* .oss29{background: #F6F7F8;} */

/* .oss29 .left .ul{background: #fff;} */

.oss29 .left .ul .li:not(:last-child){border-bottom: 1px solid var(--baseColor);}

.oss29 .right .ul .li .ss .imgbox{height: 226px;}

/* .oss29 .right .ul .li .ss{background: #fff;} */

/* .oss29 .right .ul .li .ss .txtbox::before{background: #fff;} */

.oss29 .right .ul .li .ss .txtbox{padding-top: 26px;}

.oss29 .right .ul .li .ss .txtbox .t1{height: 2.6em;}

.oss30 .txtbox .countbox{margin: 51px -545px 0 0px;box-shadow: 0px 4px 39.6px 0px rgba(0, 0, 0, 0.04);}

.oss30 .oox .txtbox{background: none;}

.oss31{padding-bottom: 105px;background-position: center bottom;background-repeat: no-repeat;}

.oss31 .swpbox{position: relative;margin-top: 55px;min-height: 293px;}

.oss31 .swpbox .imgbox{height: 293px;display: flex;align-items: center;}

.oss31 .swpbox .imgbox img{max-height: 100%;object-fit: contain;}

.oss31 .swpbox .swiper-slide:nth-child(2n){padding-top: 49px;}

.ls_ban .txtbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;max-width: 1046px;background: url(../images/oss_05_ban_zz.png) no-repeat center;background-size: cover;padding: 116px 40px 21px;}

.ls_ban .txtbox .t1{line-height: calc(70 / 64);color: #fff;}

.ls_ban .txtbox .t2{line-height: calc(25 / 18);color: #fff;margin-top: 20px;max-width: 550px;}

.ls_ban .txtbox .inbtn{margin-top: 51px;}

.oss32 .swpbox{position: relative;}

.oss32 .swpbox .swiper-slide{height: auto;}

.oss32 .swpbox .ss{display: block;height: 100%;position: relative;border-radius: 12px;background: var(--contColor);box-shadow: 0px 4px 22.9px 0px rgba(51, 51, 51, 0.10);overflow: hidden;}

.oss44 .swpbox .ss{box-shadow:none;}

.oss32 .swpbox .ss::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/oss_05_32_10.png) no-repeat bottom right 12px;background-size: calc(255 / 328 * 100%) auto;opacity: 0;background-size: calc(220 / 328 * 100%) auto;}

.oss32 .swpbox .ss .imgbox{position: relative;z-index: 2;height: 206px;position: relative;overflow: hidden;}

.oss32 .swpbox .ss .imgbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/oss_05_32_5.png) no-repeat bottom center;background-size: 100% auto;}

.whiteBase .oss32 .swpbox .ss .imgbox::before{background: url(../images/oss_05_32_5on.png) no-repeat bottom center;background-size: 100% auto;}

.oss32 .swpbox .ss .imgbox img{height: 100%;object-fit: cover;}

.oss32 .swpbox .ss .pic{height: 180px;width: 90%;display: flex;align-items: center;justify-content: center;margin-top: -108px;position: relative;z-index: 3;margin-left: auto;margin-right: auto;}

.oss32 .swpbox .ss .pic img{width: auto;max-height: 100%;object-fit: contain;}

.oss32 .swpbox .ss .txt{position: relative;z-index: 2;padding: 44px 20px;}

.oss32 .swpbox .ss .txt .t1{line-height: calc(25 / 18);text-align: center;letter-spacing: -0.01em;}

.oss32 .swpbox .ss .txt .t2{margin-top: 14px;}

.oss32 .swpbox .ss .txt .t2 .vmore{margin: 0 auto;}

.oss32 .swpbox .ss:hover::before{opacity: 1;}

.oss32 .swpbox .ss:hover .t1{color: var(--viColor);}

.oss33{background: #fff;}

.oss33 .item{display: flex;}

.oss33 .item .imgbox{width: 50%;height: 601px;}

.oss33 .item .imgbox img{height: 100%;object-fit: cover;}

.oss33 .item .txtbox{position: relative;z-index: 2;padding: 42px 62px;width: 50%;}

.oss33 .item .txtbox .t1{line-height: calc(49 / 36);}

.oss33 .item .txtbox .swpbox{margin: 60px -62px 0 calc(-67px - (396 / 596 * 100%));}

.oss33 .item .txtbox .swpbox .swiper{padding-bottom: 32px;}

.oss33 .item .swiper-slide{height: auto;width: 218px;}

.oss33 .item .ss{display: block;border-radius: 12px;background: #FFF;box-shadow: 0px 4px 22.9px 0px rgba(51, 51, 51, 0.10);padding: 5px 18px 76px;height: 100%;position: relative;}

.oss33 .item .ss::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/oss_05_33_13.png) no-repeat left 8px bottom;background-size: calc(191 / 218 * 100%) auto;opacity: 0;pointer-events: none;}

.oss33 .item .ss .pic{height: 168px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;}

.oss33 .item .ss .pic img{width: auto;max-height: 100%;object-fit: contain;}

.oss33 .item .ss .pic img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.oss33 .item .ss:hover .pic img:nth-child(2){opacity: 1;}

.oss33 .item .ss .txt{position: static;z-index: 2;margin-top: 7px;}

.oss33 .item .ss .txt .t1{line-height: calc(25 / 18);display: block;}

.oss33 .item .ss .txt .t2 span{color: var(--viColor2);display: inline-block;margin-right: 10px;}

.oss33 .item .ss .txt .t2 a{color: #11B1FB;text-decoration: underline;text-underline-offset: 2px;}

.oss33 .item .ss .txt .t3{line-height: 28px;border: 1px solid #333;border-radius: 30px;text-align: center;display: block;max-width: 148px;margin-top: 16px;position: absolute;left: 18px;bottom: 32px;margin-top: 0;width: 100%;}

.oss33 .item .ss:hover::before{opacity: 1;}

.oss33 .item .ss:hover .t1:hover{color: var(--viColor);}

.oss33 .item .ss:hover .t3:hover{background: var(--viColor);border-color: var(--viColor);color: #fff;}

.oss33 .item .swpbtn{display: flex;justify-content: flex-end;gap: 16px;}

.oss33 .item .swpbtn a{position: relative;top: 0;transform:translate(0);left: 0;right: 0;}


.oss33 .item:nth-child(2n){flex-direction: row-reverse;}

.oss33 .item:nth-child(2n) .txtbox{position: relative;z-index: 2;padding: 42px 40px;width: 50%;}

.oss33 .item:nth-child(2n) .txtbox .swpbox{margin: 60px calc(-45px - (396 / 596 * 100%)) 0 -45px;}

.oss33_1 .item{flex-direction: row-reverse;}

.oss33_1 .item .txtbox{position: relative;z-index: 2;padding: 42px 40px;width: 50%;}

.oss33_1 .item .txtbox .swpbox{margin: 60px calc(-45px - (396 / 596 * 100%)) 0 -80px;}

/* .oss34{background: #F6F7F8;} */

.oss34 .oox{flex-direction: row-reverse;}

.oss34 .oox .imgbox{width: calc(652 / 1360 * 100%);}

.oss34 .oox .txtbox{width: calc(708 / 1360 * 100%);padding: 53px 21px 31px 46px;}

.oss34 .oox .txtbox .t2{height: calc(26 / 16 * 4em);}

.oss34 .oox .txtbox .ul{gap: 40px 20px;margin-top: 60px;}

.oss34 .oox .txtbox .ul .li:nth-child(3n - 2){width: auto;margin: 0;}

.oss34 .oox .txtbox .ul .li:nth-child(3n - 1){width: auto;margin: 0;}

.oss34 .oox .txtbox .ul .li:nth-child(3n){width: auto;margin: 0;}

.oss34 .oox .txtbox .ul .li{width: calc(50% - 10px) !important;}

.oss34 .oox .txtbox .ul .li .line{height: 1px;background: #E0E0E0;margin: 5px 0 15px;}

.oss36{margin-top: 0;padding-top: 47px;padding-bottom: 30px;background: #fff;}

.vasa_ban .txtbox{position: absolute;top: 106px;right: 40px;max-width: 473px;}

.vasa_ban .txtbox .t1{color: #fff;line-height: calc(70 / 64);text-align: right;}

.vasa_ban .txtbox .t2{line-height: calc(25 / 18);color: #fff;text-align: right;margin-top: 7px;}

.vasa_ban .txtbox .t3{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 6px;margin-top: 16px;}

.vasa_ban .txtbox .t3 img{width: auto;height: 59px;}

.vasa_ban .ul{position: absolute;left: 40px;bottom: 22px;display: flex;gap: 68px;}

.vasa_ban .ul .li{width: 168px;position: relative;text-align: center;}

.vasa_ban .ul .li:not(:last-child)::before{content: "";position: absolute;top: 16.5px;right: -34px;height: 64px;width: 1px;background: #fff;opacity: 0.52;}

.vasa_ban .ul .li:first-child{width: 178px;}

.vasa_ban .ul .li .ltp{line-height: calc(49 / 36);color: #fff;}

.vasa_ban .ul .li .lbt{line-height: calc(18 / 14);color: #fff;}

.oss37 .swpbox .ss .imgbox::before{opacity: 0;}

.oss37 .swpbox .ss .pic{height: 162px;}

.oss37 .swpbox .ss .txt{padding: 17px 20px 45px;}

.oss38{background: #fff;}

.oss38 .ul .li{margin-top: 38px;position: sticky;top: 168px;}

.oss38 .ul .li .ss{display: flex;flex-wrap: wrap;transform-origin: top center;background: #F6F7F8;border-radius: 12px;overflow: hidden;}

.oss38 .ul .li .txtbox{width: calc(565 / 1360 * 100%);padding: 50px 60px;}

.oss38 .ul .li .imgbox{width: calc(795 / 1360 * 100%);position: relative;}

.oss38 .ul .li .imgbox img{height: 100%;object-fit: cover;}

.oss38 .ul .li .imgbox:after{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: url(../images/tdf_active.png) no-repeat right bottom;background-size: cover;opacity: 0;filter: grayscale(1);transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}

.oss38 .ul .li:hover .imgbox:after{opacity: 1;}

.oss38 .ul .li .txtbox .t1{line-height: calc(32 / 26);max-width: 362px;}

.oss38 .ul .li .txtbox .t2{line-height: calc(28 / 16);margin-top: 18px;}

.oss38 .ul .li .txtbox .pic{display: flex;flex-wrap: wrap;gap: 21px;margin-top: 27px;}

.oss38 .ul .li .txtbox .pic .pox{width: 85px;height: 85px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #D7E5EE;overflow: hidden;}

.oss38 .ul .li .txtbox .pic .pox img{width: auto;max-height: 100%;object-fit: contain;}

.oss38 .ul .li .txtbox .t3{margin-top: 23px;}

/* .oss40{background: #F6F7F8;}

.oss40 .right .ul .li .ss{background: #fff;}

.oss40 .right .ul .li .ss .txtbox::before{background: #fff;} */

/* .oss40 .left{background: #fff;} */

/* .oss40 .right .ul .li .ss .imgbox{height: 253px;overflow: hidden;background: #F6F7F8;} */

.oss41 .oox .ul .li .ss .img{display: flex;align-items: center;justify-content: center;}

.oss41 .oox .ul .li .ss .img img{width: auto;height: auto;max-height: 100%;object-fit: contain;}

.oss41 .vid .pogin_auto{position: absolute;bottom: 32px;left: 0;width: 100%;justify-content: center;z-index: 10;}

.oss41 .vid .pogin_auto span{width: 32px;height: 2px;background: rgba(255,255,255,0.3);}

.oss41 .vid .pogin_auto span::before{background: #fff;}

.oss42{background: #F6F7F8;}

.oss43{padding-bottom: 50px;background: #F6F7F8;}

.gy_ban .txtbox{position: absolute;top: 156px;left: 40px;width: calc(100% - 80px);}

.gy_ban .txtbox .t1{line-height: calc(70 / 40);color: #fff;}

.gy_ban .txtbox .t2{line-height: calc(25 / 18);color: #fff;margin-top: 8px;}

.oss44 .ul{display: flex;flex-wrap: wrap;gap: 20px 16px;}

.oss44 .ul .li{width: calc((100% - 48px) / 4);}

.oss44 .swpbox .ss .imgbox{height: 204px;}

.oss44 .swpbox .ss .imgbox::before{opacity: 0;}

.oss44 .swpbox .ss .pic{margin-top: -115px;}

.oss44 .swpbox .ss .txt{padding: 11px 3px 30px;}

.oss46 .ul .li .ss .txtbox{text-align: center;}

/* .oss47{background: #fff;} */

.inner_switch{display: flex;flex-wrap: wrap;justify-content: center;gap: 20px 0;margin-top: 30px;}

.inner_switch a{position: relative;display: flex;justify-content: center;align-items: center;gap: 10px;padding: 0 23px;background: var(--contColor);}

.inner_switch a.first{border-radius: 23px 0 0 23px;}

.inner_switch a.last{border-radius: 0 23px 23px 0;}

.inner_switch a.first.last{border-radius: 23px;}

.inner_switch a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--viColor);border-radius: 45px;opacity: 0;z-index: 1;}

.inner_switch a .ico{position: relative;display: flex;align-items: center;justify-content: center;height: 40px;z-index: 2;}

.inner_switch a .ico img{width: auto;max-height: 100%;object-fit: contain;}

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

.inner_switch a .txt{line-height: 25px;padding: 10px 0;position: relative;z-index: 2;}

.inner_switch a:hover::before,
.inner_switch a.act::before{opacity: 1;}

.inner_switch a:hover .ico img:nth-child(1),
.inner_switch a.act .ico img:nth-child(1){opacity: 0;}

.inner_switch a:hover .ico img:nth-child(2),
.inner_switch a.act .ico img:nth-child(2){opacity: 1;}

.inner_switch a:hover .txt,
.inner_switch a.act .txt{color: #fff;}

.oss47 .list{margin-top: 40px;}

.oss47 .list .item{display: none;}

.oss47 .list .item.act{display: flex;flex-wrap: wrap;gap: 19px;}

.oss47 .list .item .lf{position: relative;border-radius: 12px;overflow: hidden;width: calc(458 / 1360 * 100% - 10px);}

.oss47 .list .item .lf>img{height: 100%;object-fit: cover;}

.oss47 .list .item .lf .ss{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;line-height: calc(22 / 16);color: #fff;gap: 12px;}

.oss47 .list .item .lf .ss img{width: auto;height: 50px;}

.oss47 .list .item .lf .ss:hover img{transform: scale(1.1);}

.oss47 .list .item .ul{display: flex;flex-wrap: wrap;gap: 15.5px 22px;width: calc(902 / 1360 * 100% - 9px);}

.oss47 .list .item.on .ul{width: 100%;}

.oss47 .list .item .ul .li{width: calc((100% - 44px) / 3);}

.oss47 .list .item.on .ul .li{width: calc((100% - 66px) / 4);}

.oss47 .list .item .ul .li .ss{display: block;position: relative;border-radius: 12px;background: var(--contColor);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);padding: 14px 15px 13px;}

.oss47 .list .item .ul .li .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/oss_07_47_8.png) no-repeat bottom right 15px;background-size: calc(129 / 282 * 100%) auto;opacity: 0;}

.oss47 .list .item .ul .li .ss .pic{height: 217px;border-radius: 5px;overflow: hidden;position: relative;z-index: 2;}

.oss47 .list .item .ul .li .ss .pic img{height: 100%;object-fit: cover;}

.oss47 .list .item .ul .li .ss .pic img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.oss47 .list .item .ul .li .ss:hover .pic img:nth-child(2){opacity: 1;}

.oss47 .list .item .ul .li .ss .txt{position: relative;z-index: 2;line-height: calc(24 / 18);margin-top: 13px;}

.oss47 .list .item .ul .li .ss:hover::before{opacity: 1;}

.oss48 .right .ul .li .ss .txtbox{padding: 22px 0 29px;}

.oss48 .left .ul .li{min-height: 71px;padding: 20px 7px 20px 8px;}

/* .oss49{background: #fff;} */

/* .oss49 .list{margin-top: 43px;} */

.oss49 .list .item{display: none;}

.oss49 .list .item.act{display: flex;gap: 17px;}

.oss49 .list .item .ss{width: calc(50% - 8.5px);border-radius: 12px;background: var(--contColor);box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.10);padding: 14px 13px;display: flex;justify-content: space-between;position: relative;}

.oss49 .list .item .ss::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/oss_07_49_3.png) no-repeat bottom right 20px;background-size: calc(260 / 672 * 100%) auto;opacity: 0;}

.oss49 .list .item .ss .imgbox{width: calc(330 / 644 * 100%);position: relative;border-radius: 5px;overflow: hidden;z-index: 2;height: 290px;}

.oss49 .list .item .ss .imgbox img{height: 100%;object-fit: cover;}

.oss49 .list .item .ss .imgbox img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.oss49 .list .item .ss:hover .imgbox img:nth-child(2){opacity: 1;}

.oss49 .list .item .ss .txtbox{width: calc(282 / 644 * 100%);padding-top: 65px;position: relative;z-index: 2;}

.oss49 .list .item .ss .txtbox .t1{line-height: calc(25 / 18);}

.oss49 .list .item .ss .txtbox .t2{color: var(--viColor2);margin-top: 13px;height: calc(19 / 14 * 4em);}

.oss49 .list .item .ss .txtbox .t3{margin-top: 39px;width: max-content;border: 1px solid #333333;line-height: 29px;border-radius: 31px;padding: 0 19px;}

.oss49 .list .item .ss:hover::before{opacity: 1;}

.oss49 .list .item .ss:hover .txtbox .t1{color: var(--viColor);}

.oss49 .list .item .ss:hover .txtbox .t3{background: var(--viColor);color: #fff;border-color: var(--viColor);}

.oss50{padding-bottom: 40px;background: #fff;}

.oss51{padding-top: 40px;padding-bottom: 125px;background: url(../images/oss_07_51_1.png) no-repeat bottom center;}

.oss51 .swpbox{margin-top: 55px;}

.oss52{padding-top: 40px;background: #fff;}

.fs_ban .txtbox{position: absolute;top: 77px;left: 40px;max-width: 776px;z-index: 10;}

.fs_ban .txtbox .t1{line-height: calc(70 / 56);color: #fff;position: relative;}

.fs_ban .txtbox .t1 span:nth-child(1){position: relative;z-index: 2;}

.fs_ban .txtbox .t1 span:nth-child(2){position: absolute;top: 1px;left: 1px;color: #666161;filter: blur(2px);}

.fs_ban .txtbox .t2{line-height: calc(27 / 20);color: #fff;margin-top: 14px;}

.fs_ban .pogin{position: absolute;bottom: 19px;z-index: 10;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;gap: 4px;}

.fs_ban .pogin span{background: #fff;opacity: 0.54;width: 9px;height: 2px;border-radius: 1px;}

.fs_ban .pogin span.swiper-pagination-bullet-active{width: 35px;opacity: 1;}

.oss53 .swpbox{margin-top: 0;}

.oss53 .list{margin-top: 45px;}

.oss53 .list .item{display: none;}

.oss53 .list .item.act{display: block;}

.oss53 .swpbox .ss .imgbox::before{opacity: 0;}

.oss53 .swpbox .ss .imgbox:after{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: url(../images/vase_active.png) no-repeat right bottom;background-size: 100% auto;opacity: 0;}

.oss53 .swpbox .ss:hover .imgbox:after{opacity: 1;}

.oss44 .swpbox .ss .imgbox:after{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: url(../images/oss44_active.png) no-repeat right bottom;background-size: 100% auto;opacity: 0;}

.oss44 .swpbox .ss:hover .imgbox:after{opacity: 1;}

.oss53 .swpbox .ss .imgbox{height: 204px;}

.oss53 .swpbox .ss .pic{height: 144px;margin-top: -79px;}

.oss53 .swpbox .ss .txt{padding: 31px 28px 36px;}

.oss53 .swpbox .ss .txt .t1{line-height: calc(27 / 20);min-height: calc(27 / 20 * 2em);}

.oss55 .ul .li .ss .txtbox{text-align: center;padding: 40px 28px;}

/* .oss3 .ul .li .ss .txtbox .t1{line-height: calc(39 / 24);} */

.oss55 .ul .li .ss .txtbox .link{line-height: calc(26 / 14);margin-top: 11px;}

.oss56 .left .ul .li{padding: 24px 7px 24px 8px;}

.oss56 .right .ul .li .ss .txtbox{padding: 18px 0 21px;}

.oss56 .right .ul .li .ss{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);background: var(--contColor);}

/* .oss56 .right .ul .li .ss .txtbox::before{background: #fff;} */

/* .oss57{background: #F6F7F8;} */

/* .oss57 .inner_switch a{background: #fff;} */

.oss57 .oox{margin-top: 0;}

.oss57 .list{margin-top: 40px;}

.oss57 .list .item{display: none;}

.oss57 .list .item.act{display: block;}

/* .oss57 .left{background: #fff;} */

/* .oss57 .right .ul .li .ss{background: #fff;}

.oss57 .right .ul .li .ss .txtbox::before{background: #fff;} */

/* .oss58{background: #fff;} */

/* .oss58 .list{margin-top: 60px;} */

.oss58 .list .item{display: none;}

.oss58 .list .item.act{display: block;}

.oss61{padding-top: 30px;}

.oss60{background: #F6F7F8 url(../images/oss_08_60_1.png) no-repeat bottom center;padding-top: 146px;}

.oss59 .txtbox .countbox{margin: 55px -301px 0 -37px;box-shadow: 0 4px 39.6px 0 rgba(0, 0, 0, 0.04);}

.oss59 .oox .txtbox .t2{height: calc(26 / 16 * 5em);}

.oss59 .oox .txtbox .t3{margin-top: 24px;}

.oss58 .list .item{display: none;}

.oss58 .list .item.act{display: flex;flex-wrap: wrap;gap: 21px;}

.oss58 .list .item .lf{width: calc(775 / 1360 * 100% - 11px);}

.oss58 .list .item .lf1{width: calc(50% - 10.5px)}

.oss58 .list .item .rf{width: calc(585 / 1360 * 100% - 10px);}

.oss58 .list .item .lf .ss{display: flex;justify-content: space-between;border-radius: 12px;background: var(--contColor);box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.10);position: relative;overflow: hidden;padding: 0;padding: 15px 15px 18px;}

.oss58 .list .item .lf .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/oss_08_58_4.png) no-repeat bottom right 23px;background-size: calc(296 / 764 * 100%) auto;opacity: 0;}

.oss58 .list .item .lf .ss .imgbox{width: calc(385 / 734 * 100%);height: 382px;position: relative;z-index: 2;background: var(--baseColor);}

.oss58 .list .item .lf .ss .imgbox img{height: 100%;object-fit: cover;}

.oss58 .list .item .lf .ss .imgbox img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}

.oss58 .list .item .lf .ss .txtbox{width: calc(321 / 734 * 100%);padding-top: 68px;position: relative;z-index: 2;}

.oss58 .list .item .lf .ss .txtbox .t1{line-height: calc(33 / 24);}

.oss58 .list .item .lf .ss .txtbox .t2{margin-top: 5px;color: var(--viColor2);height: calc(19 / 14 * 2em);}

.oss58 .list .item .lf .ss .txtbox .t3{margin-top: 16px;color: var(--viColor2);}

.oss58 .list .item .lf .ss .txtbox .t3 span{color: #11B1FB;text-decoration: underline;text-underline-offset: 2px;}

.oss58 .list .item .lf .ss .txtbox .t4{width: max-content;line-height: 28px;border: 1px solid #333333;border-radius: 30px;padding: 0 10px;text-align: center;min-width: 122px;margin-top: 106px;}

.oss58 .list .item .lf .ss:hover::before{opacity: 1;}

.oss58 .list .item .lf .ss:hover .imgbox img:nth-child(2){opacity: 1;}

.oss58 .list .item .lf .ss:hover .txtbox .t4{background: var(--viColor);border-color: var(--viColor);color: #fff;}

.oss58 .list .item .rf .rli:not(:first-child){margin-top: 12px;}

.oss58 .list .item .rf .ss{display: flex;justify-content: space-between;position: relative;padding: 13px;border-radius: 12px;background: var(--contColor);box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.10);}

.oss58 .list .item .rf .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/oss_08_58_4.png) no-repeat bottom right 13px;background-size: calc(296 / 764 * 100%) auto;opacity: 0;}

.oss58 .list .item .rf .ss .imgbox{width: calc(207 / 549 * 100%);height: 175px;background: var(--baseColor);position: relative;z-index: 2;}

.oss58 .list .item .rf .ss .imgbox img{height: 100%;object-fit: cover;}

.oss58 .list .item .rf .ss .txtbox{width: calc(321 / 549 * 100%);padding-top: 15px;position: relative;z-index: 2;}

.oss58 .list .item .rf .ss .txtbox .t1{line-height: calc(40 / 24);}

.oss58 .list .item .rf .ss .txtbox .t3{margin-top: 13px;line-height: calc(29 / 14);color: var(--viColor2);}

.oss58 .list .item .rf .ss .txtbox .t3 span{color: #11B1FB;text-decoration: underline;text-underline-offset: 2px;}

.oss58 .list .item .rf .ss .txtbox .t4{margin-top: 16px;width: max-content;line-height: 34px;border: 1px solid #333333;border-radius: 30px;padding: 0 10px;text-align: center;min-width: 165px;}

.oss58 .list .item .rf .ss:hover::before{opacity: 1;}

.oss58 .list .item .rf .ss:hover .txtbox .t4{background: var(--viColor);border-color: var(--viColor);color: #fff;}

.global_ban .txtbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);padding: 121px 40px 0;text-align: center;}

.global_ban .txtbox .t1{line-height: calc(70 / 64);color: #fff;font-weight:normal;}

.global_ban .txtbox .t2{line-height: calc(24 / 16);color: #fff;margin-top: 21px;}

.oss62 .tt{text-align: center;margin-top: 8px;}

.oss62 .ul{display: flex;gap: 15.2px;flex-wrap: wrap;}

.oss62 .ul .li{width: calc((100% - 76px) / 6);}

.oss62 .ul .li .ss{background: #fff;border-radius: 3px;padding: 23px 13px;height: 100%;}

.oss62 .ul .li .ss .ico{height: 32px;position: relative;display: flex;align-items: center;justify-content: center;}

.oss62 .ul .li .ss .ico img{width: auto;max-height: 100%;object-fit: contain;}

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

.oss62 .ul .li .ss .txt{text-align: center;}

.oss62 .ul .li .ss .txt .t1{line-height: calc(50 / 36);margin-top: 13px;}

.oss62 .ul .li .ss .txt .t2{line-height: calc(20 / 14);margin-top: 5px;}

.oss62 .ul .li .ss:hover{background: var(--viColor);}

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

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

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

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

.oss62 .ul .li .ss:hover .txt .t2{color: #fff;}

.oss63{min-height: max(150vh, 1400px);}

.oss63 .oox{display: flex;position: sticky;top: 150px;}

.oss63 .lf{width: calc(676 / 1440 * 100%);}

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

.oss63 .rf{width: calc(764 / 1440 * 100%);padding: 80px 78px 50px;}

.oss63 .rf .tit{line-height: 1.5;}

.oss63 .rf .line{height: 2.65px;max-width: 563px;background: linear-gradient(90deg, #D7000F 0%, rgba(255, 255, 255, 0.00) 100%);margin-top: 12px;}

.oss63 .rf .swpbox{margin: 138px -78px 0 calc(489 / 764 * -100% - 78px);display: flex;align-items: flex-end;}

.oss63 .rf .swpbox .lg{width: 237px;margin: 0 34px 25px 0;}

.oss63 .rf .swpbox .swp{width: calc(100% - 271px);padding-right: 122px;overflow: hidden;overflow: visible;}

.oss63 .rf .swpbox .swp .swiper{overflow: visible;}

.oss63 .rf .swpbox .swp .swiper .swiper-slide{height: auto;}

.oss63 .rf .swpbox .ss{border-radius: 5px;background: #FFF;box-shadow: 0 4px 39px 0 rgba(0, 0, 0, 0.05);position: relative;padding: 43px 27px 43px 53px;height: 100%;}

.oss63 .rf .swpbox .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/oss_09_63_3.png) no-repeat bottom right;background-size: calc(233 / 461 * 100%);}

.oss63 .rf .swpbox .ss::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/oss_09_63_4.png) no-repeat bottom right;background-size: calc(233 / 461 * 100%);opacity: 0;}

.oss63 .rf .swpbox .ss .ico{height: 40px;display: flex;align-items: center;position: relative;z-index: 2;}

.oss63 .rf .swpbox .ss .ico img{width: auto;max-height: 100%;object-fit: contain;}

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

.oss63 .rf .swpbox .ss .txt{position: relative;z-index: 2;}

.oss63 .rf .swpbox .ss .t1{line-height: calc(30 / 24);margin-top: 17px;}

.oss63 .rf .swpbox .ss .t2{line-height: calc(20 / 14);height: calc(20 / 14 * 3em);overflow-y: auto;padding-right: 19px;margin-top: 16px;}

.oss63 .rf .swpbox .ss .t3{margin-top: 45px;color: #D6D6D6;display: flex;align-items: baseline;gap: 6.8px;}

.oss63 .rf .swpbox .ss .t3 span{line-height: 1;color: #333;}

.oss63 .rf .swpbox .ss:hover::before{opacity: 0;}

.oss63 .rf .swpbox .ss:hover::after{opacity: 1;}

.oss63 .rf .swpbox .ss:hover .ico img:nth-child(1){opacity: 0;}

.oss63 .rf .swpbox .ss:hover .ico img:nth-child(2){opacity: 1;}

.oss63 .rf .swpbox .ss:hover .t3 span{color: var(--viColor);}

.oss64 .oox{padding: 60px 40px 37px;background: #fff url(../images/oss_09_64_1.png) no-repeat bottom right 13px;border-radius: 12px;margin-top: 40px;}

.oss64 .ul{display: flex;flex-wrap: wrap;gap: 15px;}

.oss64 .ul .li a{display: block;border: 1px solid #EFEFEF;border-radius: 3px;padding: 12.5px 34px;background: #fff;}

.oss64 .ul .li.act a,
.oss64 .ul .li a:hover{color: #fff;background: var(--viColor);border-color: var(--viColor);}

.oss64 .tit{line-height: calc(27 / 20);margin-top: 35px;}

.oss64 .form{display: flex;flex-wrap: wrap;gap: 30px 40px;margin-top: 30px;}

.oss64 .form .item{width: calc(50% - 20px);}

.oss64 .form .item.w100{width: 100%;}

.oss64 .form .item .set{line-height: calc(22 / 16);}

.oss64 .form .item .set span{color: var(--viColor);}

.oss64 .form .item .det{margin-top: 15px;}

.oss64 .form .item .det input[type=email],
.oss64 .form .item .det input[type=text]{display: block;width: 100%;border: 1px solid #BDBDBD;border-radius: 6px;padding: 0 21px;height: 55px;background: #fff;}

.oss64 .form .item.item_code .det{display: flex;align-items: center;gap: 20px;}

.oss64 .form .item.item_code .det a{width: 137px;height: 51px;min-width: 137px;}

.oss64 .form .item.item_code .det a img{width: 100%;height: 100%;object-fit: contain;}

.oss64 .form .item .txt{color: #999999;margin-top: 5px;}

.oss64 .form .item .submit{width: 210px;height: 55px;border-radius: 55px;background: var(--viColor);color: #fff;margin: 35px auto 0;display: block;}

.oss65 .oox{padding-top: 60px;padding-bottom: 72px;background: #fff;overflow: hidden;}

.oss65 .switch{display: flex;flex-wrap: wrap;justify-content: center;gap: 34px;}

.oss65 .switch a{border: 1px solid #EFEFEF;border-radius: 3px;padding: 13px 20px 12px;}

.oss65 .switch a.act,
.oss65 .switch a:hover{color: #fff;background: var(--viColor);border-color: var(--viColor);}

.oss65 .switch a.act{font-family: 'openS';}

.oss65 .mapbox{width: fit-content;margin: 82px auto 0;position: relative;}

.oss65 .mapbox .map img{width: auto;}

.oss65 .mapbox .base{position: absolute;top: calc((189 + 16) / 596 * 100%);right: calc((255 + 16) / 1395 * 100%);margin: -16px -16px 0 0;z-index: 2;cursor: pointer;}

.oss65 .mapbox .base .icon{width: 33px;height: 33px;position: relative;z-index: 10;border-radius: 50%;}

.oss65 .mapbox .base::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--viColor);opacity:0.5;transform-origin:center;animation:scale2 5s linear infinite;}

.oss65 .mapbox .base::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--viColor);opacity:0.5;transform-origin:center;animation:scale2 5s 2.5s linear infinite;}

.oss65 .mapbox .base .txt{position: absolute;left: 59px;top: 10px;}

.oss65 .mapbox .base.act .txt{color: var(--viColor);}

.oss65 .mapbox .line img{position: absolute;}

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

  100% {
    transform: scale(5);
    opacity: 0;
  }
}
@keyframes scale2 {
  0% {
    transform: scale(1);
    opacity: 0.2;
  }

  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}

.oss65 .mapbox .line img:nth-child(1){top: calc(46.55 / 596 * 100%);right: calc(278.25 / 1395 * 100%);width: calc(842 / 1395 * 100%);}

.oss65 .mapbox .line img:nth-child(2){top: calc(112.62 / 596 * 100%);right: calc(276 / 1395 * 100%);width: calc(418 / 1395 * 100%);}

.oss65 .mapbox .line img:nth-child(3){top: calc(149.85 / 596 * 100%);right: calc(282.75 / 1395 * 100%);width: calc(673 / 1395 * 100%);}

.oss65 .mapbox .line img:nth-child(4){top: calc(185.48 / 596 * 100%);right: calc(281.62 / 1395 * 100%);width: calc(290 / 1395 * 100%);}

.oss65 .mapbox .line img:nth-child(5){top: calc(212.63 / 596 * 100%);right: calc(280.13 / 1395 * 100%);width: calc(354 / 1395 * 100%);}

.oss65 .mapbox .line img:nth-child(6){top: calc(216.37 / 596 * 100%);right: calc(273.38 / 1395 * 100%);width: calc(44 / 1395 * 100%);}

.oss65 .mapbox .ul .li{position: absolute;margin: -8px 0 0 -8px;cursor: pointer;}

.oss65 .mapbox .ul .li .ico{width: 15px;height: 16px;position: relative;z-index: 2;}

.oss65 .mapbox .ul .li .city{position: absolute;left: 25px;width: max-content;top: 0;}

.oss65 .mapbox .ul .li .cir{position:absolute;top:105%;left:50%;transform:translateX(-50%) rotateX(70deg);width:4.27px;height:4.27px;border-radius:50%;background-color:var(--viColor);opacity:0.64;}

.oss65 .mapbox .ul .li .cir::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,0) 0%,#d7000f 100%);opacity:0.51;transform:scale(3);transform-origin:center;animation:scale 5s linear infinite;animation-name:none;}

.oss65 .mapbox .ul .li .cir::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,0) 0%,#d7000f 100%);opacity:0.33;transform:scale(5);transform-origin:center;animation:scale 5s 2.5s linear infinite;animation-name:none;}

.oss65 .mapbox .ul .li.act .cir::before,
.oss65 .mapbox .ul .li.act .cir::after{animation-name: scale;}

.oss65 .mapbox .ul .li.act .city{color: var(--viColor);}

.oss65 .mapbox .ul .li[data-city="North America"]{top: calc((125.25 + 8) / 596 * 100%);left: calc((263.8 + 8) / 1395 * 100%);}

.oss65 .mapbox .ul .li[data-city="Europe"]{top: calc((123.75 + 8) / 596 * 100%);left: calc((695.8 + 8) / 1395 * 100%);}

.oss65 .mapbox .ul .li[data-city="Latin America"]{top: calc((370.5 + 8) / 596 * 100%);left: calc((429.55 + 8) / 1395 * 100%);}

.oss65 .mapbox .ul .li[data-city="Middle East"]{top: calc((200.23 + 8) / 596 * 100%);left: calc((811.3 + 8) / 1395 * 100%);}

.oss65 .mapbox .ul .li[data-city="Africa"]{top: calc((309.75 + 8) / 596 * 100%);left: calc((749.05 + 8) / 1395 * 100%);}

.oss65 .mapbox .ul .li[data-city="Asia-Pacific"]{top: calc((277.5 + 8) / 596 * 100%);left: calc((1068.55 + 8) / 1395 * 100%);}

.oss65 .swpbox{margin-top: -101.5px;height: 330px;position: relative;padding: 0 40px;}

.oss65 .swpbox .item{display: none;position: relative;padding-right: 54px;}

.oss65 .swpbox .item .swiper{overflow: visible;}

.oss65 .swpbox .item.act{display: block;}

.oss65 .swpbox .item .swpbtn a{width: 42px;height: 40px;top: -126px;margin-top: 0;border-color: #333;}

.oss65 .swpbox .item .swpbtn a.prev{left: 0;}

.oss65 .swpbox .item .swpbtn a.next{right: 0;}

.oss65 .swpbox .item .swpbtn a.prev img{transform: rotate(0);}

.oss65 .swpbox .item .swpbtn a.next img{transform: rotate(180deg);}

.oss65 .swpbox .item .swpbtn a img{width: 11px;}

.oss65 .swpbox .item .swpbtn a:not(.swiper-button-disabled):hover{background: var(--viColor);border-color: var(--viColor);}

.oss65 .swpbox .item .swiper-slide{height: auto;}

.oss65 .swpbox .item .ss{display: block;height: 100%;border-radius: 5px;overflow: hidden;box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.05);padding: 40px 15px 31px 30px;position: relative;}

.oss65 .swpbox .item .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: blur(15px);background: rgba(255, 255, 255, 0.30);}

.oss65 .swpbox .item .ss::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--viColor);opacity: 0;}

.oss65 .swpbox .item .ss .top{position: relative;z-index: 5;display: flex;justify-content: space-between;align-items: flex-start;}

.oss65 .swpbox .item .ss .top .lf{max-width: calc(100% - 67px);}

.oss65 .swpbox .item .ss .top .lf .t1{line-height: 1.2;}

.oss65 .swpbox .item .ss .top .lf .t2{line-height: 1.2;color: var(--viColor);}

.oss65 .swpbox .item .ss .top .rf{width: 40px;height: 40px;position: relative;margin-right: 42px;}

.oss65 .swpbox .item .ss .top .rf::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: #FFFFFF;opacity: 0.5;transform: scale(calc(50 / 40));}

.oss65 .swpbox .item .ss .top .rf::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: #FFFFFF;opacity: 0.2;transform: scale(calc(60 / 40));}

.oss65 .swpbox .item .ss .top .rf img{width: 100%;height: 100%;border-radius: 50%;position: relative;z-index: 2;}

.oss65 .swpbox .item .ss .line{margin-top: 19px;background: rgba(51,51,51,0.14);position: relative;z-index: 5;height: 1px;}

.oss65 .swpbox .item .ss .bot{position: relative;z-index: 5;margin-top: 25px;padding-right: 15px;overflow-y: auto;height: 147px;}

.oss65 .swpbox .item .ss .bot .it{display: flex;justify-content: space-between;align-items: flex-start;}

.oss65 .swpbox .item .ss .bot .it:not(:first-child){margin-top: 23px;}

.oss65 .swpbox .item .ss .bot .it .ico{width: 19px;position: relative;}

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

.oss65 .swpbox .item .ss .bot .it .txt{width: calc(100% - 32px);line-height: 1.5;color: #666;}

.oss65 .swpbox .item .ss:hover::before{opacity: 0;}

.oss65 .swpbox .item .ss:hover::after{opacity: 1;}

.oss65 .swpbox .item .ss:hover .top .t1,
.oss65 .swpbox .item .ss:hover .top .t2{color: #fff;}

.oss65 .swpbox .item .ss:hover .line{background: rgba(255,255,255,0.14);}

.oss65 .swpbox .item .ss:hover .bot .it .ico img:nth-child(1){opacity: 0;}

.oss65 .swpbox .item .ss:hover .bot .it .ico img:nth-child(2){opacity: 1;}

.oss65 .swpbox .item .ss:hover .bot .it .txt{color: #fff;}

.oss65 .swpbox .item .ss:hover .scroll2::-webkit-scrollbar {
    background-color: rgba(255,255,255,.5);
}

.oss65 .swpbox .item .ss:hover .scroll2::-webkit-scrollbar-thumb {
    background-color: #fff;
}

.oss24_1{background: url(../images/oss_new_24_1.png) no-repeat bottom center;padding-top: 40px;margin-bottom: 85px;}

.whiteBase{
  --baseColor: #FFF;
  --contColor: #F6F7F8;
  background: var(--baseColor);
}
.garyBase{
  --baseColor: #F6F7F8;
  --contColor: #FFF;
  background: var(--baseColor);
}

/*.oss46 .ul .li .ss .txtbox,*/
/*.oss21 .ul .li .ss .txtbox{padding: 0 19px;}*/

.onestopLayout .mainbox .quick{background: var(--baseColor);}

.contact_ban .imgbox{position: relative;}

.contact_ban .imgbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #B7B7B7;opacity: 0.8;mix-blend-mode: multiply;}

.contact_ban .txtbox{position: absolute;right: 40px;top: 153px;}

.contact_ban .txtbox .t1{text-align: right;line-height: calc(70 / 56);color: #fff;font-weight:normal;}

.oss66 .oox{margin-top: 0;}

.fr_ban .imgbox{position: relative;}

.fr_ban .imgbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #B7B7B7;mix-blend-mode: multiply;}

.fr_ban .txtbox{position: absolute;top: 163px;left: 0;width: 100%;text-align: center;padding: 0 40px;}

.fr_ban .txtbox .t1{line-height: calc(70 / 64);color: #fff;}

.frlinkLayout .ul{padding: 130px 0;max-width: 1208px;margin: 0 auto;}

.frlinkLayout .ul .li .ss{display: flex;flex-wrap: wrap;}

.frlinkLayout .ul .li .imgbox{width: 50%;overflow: hidden;height: 472px;}

.frlinkLayout .ul .li .imgbox img{height: 100%;object-fit: cover;}

.frlinkLayout .ul .li .txtbox{width: 50%;display: flex;align-items: center;justify-content: center;background: #fff;}

.frlinkLayout .ul .li .txtbox .text{width: calc(439 / 604 * 100%);}

.frlinkLayout .ul .li .t1{line-height: 1.7;}

.frlinkLayout .ul .li .t2{line-height: 2;margin-top: 14px;}

.frlinkLayout .ul .li .t3{width: 42px;height: 40px;border-radius: 50%;border: 1px solid #111;display: flex;align-items: center;justify-content: center;opacity: 0.24;margin-top: 40px;}

.frlinkLayout .ul .li .t3 img{width: 11px;}

.frlinkLayout .ul .li .ss:hover .t1{color: var(--viColor);}

.frlinkLayout .ul .li .ss:hover .t3{opacity: 1;border-color: var(--viColor);background: var(--viColor);}

.frlinkLayout .ul .li .ss:hover .t3 img{filter: brightness(0) invert(1);}

.frlinkLayout .ul .li:nth-child(even) .ss{flex-direction: row-reverse;}

.loginLayout .w1440{background: url(../images/login_bg.jpg) no-repeat center;background-size: cover;padding: 15px 17px;overflow: hidden;}

.loginLayout .form{width: 448px;border-radius: 12px;background: #fff;padding: 67px 39px 35px 36px;float: right;margin-right: 11.5%;}

.loginLayout .form .t1{line-height: calc(35 / 26);}

.loginLayout .form .item{margin-top: 15px;}

.loginLayout .form .item .set{display: flex;justify-content: space-between;align-items: center;}

.loginLayout .form .item .set .rf a{display: block;line-height: calc(16 / 12);color: var(--viColor2);}

.loginLayout .form .item .set .rf a:hover{color: var(--viColor);}

.loginLayout .form .item .det{margin-top: 5px;position: relative;}

.loginLayout .form .item .det input[type=text],
.loginLayout .form .item .det input[type=email]{display: block;width: 100%;border-radius: 5px;border: 1px solid #B7B7B7;height: 38px;padding: 0 15px;}

.loginLayout .form .item .det input[type=password]{display: block;width: 100%;border-radius: 5px;border: 1px solid #B7B7B7;height: 38px;padding: 0 49px 0 15px;}

.loginLayout .form .item .det input[type=text] + .eye{opacity: 0.3;}

.loginLayout .form .item .det .eye{position: absolute;right: 0;top: 0;padding: 0 14px;height: 100%;display: flex;align-items: center;}

.loginLayout .form .item .det.verify{display: flex;gap: 8px;}

.loginLayout .form .item .det.verify a{width: 113px;min-width: 113px;display: flex;align-items: center;justify-content: center;background: var(--viColor);color: #fff;border-radius: 5px;}

.loginLayout .form .radio{color: var(--viColor2);margin-top: 12px;}

.loginLayout .form .radio a{color: #11B1FB;}

.loginLayout .form .radio input{width: 13px;height: 13px;border-radius: 2px;border: 1px solid #B7B7B7 !important;vertical-align: middle;margin-right: 4px;transform: translateY(-2px);}

.loginLayout .form .submit{display: block;width: 100%;height: 35px;border-radius: 35px;background: var(--viColor);color: #fff;margin-top: 29px;}

.loginLayout .form .link{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 17px;}

.loginLayout .form .link a{color: #11B1FB;}

.loginLayout .form .follow{display: flex;align-items: center;gap: 11px;margin-top: 35px;border-top: 1px solid #DBDBDB;padding-top: 19px;}

.loginLayout .form .follow .txt{margin-right: 9px;}

.loginLayout .form .follow a{width: 34px;width: 24px;}

.loginLayout .form .follow a img{filter: grayscale(1);background-color: #e6e6e6;filter: grayscale(1);opacity: 0.5;}

.loginLayout .form .follow a:hover img{filter: grayscale(0);opacity: 1;}

.joinLayout .jox{display: flex;flex-wrap: wrap;}

.joinLayout .jox .imgbg{width: 50%;}

.joinLayout .jox .imgbg img{height: 100%;object-fit: cover;}

.joinLayout .jox .txtbox{padding: 40px 0;display: flex;align-items: center;justify-content: center;width: 50%;}

.joinLayout .jox .form{width: calc(455 / 720 * 100%);}

.joinLayout .jox .form .t1{line-height: calc(35 / 26);font-weight:normal;}

.joinLayout .jox .form .t2{color: #999;margin-top: 4px;margin-bottom: 26px;}

.joinLayout .jox .form .item{margin-bottom: 10px;}

.joinLayout .jox .form .item input[type=text]{display: block;width: 100%;border-radius: 5px;border: 1px solid #B7B7B7;height: 38px;padding: 0 15px;}

.joinLayout .jox .form .item.verify{display: flex;gap: 8px;}

.joinLayout .jox .form .item.verify a{width: 113px;min-width: 113px;display: flex;align-items: center;justify-content: center;background: var(--viColor);color: #fff;border-radius: 5px;}

.joinLayout .jox .form .radio{color: var(--viColor2);margin-top: 12px;}

.joinLayout .jox .form .radio a{color: #11B1FB;}

.joinLayout .jox .form .radio input{width: 13px;height: 13px;border-radius: 2px;border: 1px solid #B7B7B7 !important;vertical-align: middle;margin-right: 4px;transform: translateY(-2px);}

.joinLayout .jox .form .submit{display: block;width: 100%;height: 35px;border-radius: 35px;background: var(--viColor);color: #fff;margin-top: 24px;}

.joinLayout .jox .follow{margin-top: 62px;}

.joinLayout .jox .follow .tit{text-align: center;}

.joinLayout .jox .follow .alink{display: flex;align-items: center;gap: 11px;margin-top: 13px;}

.joinLayout .jox .follow .alink s{width: 100%;height: 1px;background: #DBDBDB;}

.joinLayout .jox .follow .alink a{width: 24px;min-width: 24px;}

.joinLayout .jox .t3{line-height: calc(22 / 16);color: var(--viColor2);text-align: center;margin-top: 26px;}

.joinLayout .jox .t3 a{color: #11B1FB;}

.faqLayout .imgbox{position: relative;}

.faqLayout .inner_navigation{position: absolute;top: 8px;left: 40px;z-index: 11;}

.faqLayout .imgbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #B7B7B7;opacity: 0.8;mix-blend-mode: multiply;}

.faqLayout .txtbox{text-align: center;position: absolute;top: 163px;left: 0;width: 100%;padding: 0 40px;}

.faqLayout .txtbox .t1{line-height: calc(70 / 56);color: #fff;}

.faqLayout .fox{padding: 45px 0 100px;display: flex;flex-wrap: wrap;align-items: flex-start;gap: 28px;}

.faqLayout .fox .left{width: 485px;background: #fff;padding: 49px 58px 64px 80px;border-radius: 0 16px 16px 0;position: sticky;top: 40px;}

.faqLayout .fox .left .tit{line-height: calc(33 / 24);}

.faqLayout .fox .left .tit2{display: flex;justify-content: space-between;align-items: center;margin-top: 37px;}

.faqLayout .fox .left .tit2 .lf{line-height: calc(22 / 16);}

.faqLayout .fox .left .tit2 .rf{position: relative;width: 60%;}

.faqLayout .fox .left .tit2 .rf>img{width: 9px;}

.faqLayout .fox .left .tit2 .rf .search{width: 100%;margin-left: 20px;border: 1px solid var(--viColor);border-radius: 22px;position: relative;overflow: hidden;}

.faqLayout .fox .left .tit2 .rf .search input[type=text]{display: block;width: 100%;height: 26px;padding: 0 70px 0 15px;background: none;border: none;background: none;}

.faqLayout .fox .left .tit2 .rf .search .submit{position: absolute;top: -1px;right: -1px;width: 50px;height: 28px;border-radius: 22px;background: var(--viColor) url(../images/svg/hd_search.svg) no-repeat center;color: #fff;text-align: left;font-size: 0;}

.faqLayout .fox .left .line{height: 1px;background: #DFDFDF;position: relative;margin-top: 13px;}

.faqLayout .fox .left .line s{position: absolute;bottom: 0;left: 0;width: 80px;height: 2px;background: var(--viColor);}

.faqLayout .fox .left .ul{line-height: calc(20 / 14);}

.faqLayout .fox .left .ul .li{margin-top: 20px;}

.faqLayout .fox .left .ul .li:first-child{margin-top: 24px;}

.faqLayout .fox .left .ul .li a{display: block;width: fit-content;color: #606060;}

.faqLayout .fox .left .ul .li.act a,
.faqLayout .fox .left .ul .li a:hover{color: var(--viColor);}

.m_dw{position: relative;top: calc(-73px - 45px);}

.faqLayout .fox .right{width: calc(100% - 485px - 28px - 36px);background: #fff;border-radius: 16px;padding: 49px 26px 62px;}

.faqLayout .fox .right .rox{max-width: 790px;}

.faqLayout .fox .right .tit{line-height: calc(24 / 16);}

.faqLayout .fox .right .ul{margin-top: 8px;}

.faqLayout .fox .right .ul .li .ltp{padding: 21px 11px 17px 16px;border-bottom: 1px solid #DDDDDD;display: flex;align-items: center;cursor: pointer;}

.faqLayout .fox .right .ul .li .ltp .lf{width: 32px;}

.faqLayout .fox .right .ul .li .ltp .lf .ico{width: 22px;height: 22px;line-height: 22px;text-align: center;color: #fff;background: var(--viColor);border-radius: 5px;}

.faqLayout .fox .right .ul .li .ltp .rf{width: calc(100% - 32px);display: flex;justify-content: space-between;align-items: center;}

.faqLayout .fox .right .ul .li .ltp .rf .txt{width: calc(100% - 85px);line-height: calc(24 / 14);letter-spacing: 0.03em;}

.faqLayout .fox .right .ul .li .ltp .rf .arr{width: 15px;}

.faqLayout .fox .right .ul .li:hover .ltp .rf .txt,
.faqLayout .fox .right .ul .li.act .ltp .rf .txt{color: var(--viColor);}

.faqLayout .fox .right .ul .li.act .ltp .rf .arr img{transform: rotate(180deg);}

.faqLayout .fox .right .ul .li .lbt{border-top: 1px solid #DDDDDD;padding: 9px 0 20px 16px;display: none;}

.faqLayout .fox .right .ul .li .lbt .lox{display: flex;}

.faqLayout .fox .right .ul .li .lbt .lox .lf{width: 32px;}

.faqLayout .fox .right .ul .li .lbt .lox .lf .ico{width: 22px;height: 22px;line-height: 22px;text-align: center;color: #fff;background: #999999;border-radius: 5px;}

.faqLayout .fox .right .ul .li .lbt .lox .rf{width: calc(100% - 32px);}

.faqLayout .fox .right .ul .li .lbt .lox .rf .edit{line-height: 1.7;color: #666;letter-spacing: 0.05em;}

.faqLayout .fox .right .ul .li .lbt .lox .rf .lmore{width: fit-content;display: block;padding: 4px 27px 6px;background: var(--viColor);color: #fff;line-height: calc(18 / 12);border-radius: 28px;margin: 20px auto 0;}

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

.pages .prevbtn,
.pages .nextbtn{position: relative;width: 12px;margin: 0 10px;}

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

.pages .prevbtn img:nth-child(2),
.pages .nextbtn img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

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

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

.pages .num{color: #606060;min-width: 40px;text-align: center;line-height: 27px;border-radius: 4px;}

.pages .num:not(.act):hover{color: var(--viColor);}

.pages .num.act{color: #fff;background: var(--viColor);}

.inner_navigation_gary{position: relative;top: 0;left: 0;}

.helpLayout{padding: 13px 0 80px;}

.helpLayout .hox{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin-top: 8px;gap: 24px;}

.helpLayout .hox .left{width: 201px;background: #fff;border-radius: 12px;overflow: hidden;}

.helpLayout .hox .left .tit{line-height: calc(25 / 18);padding: 16px 14px;}

.helpLayout .hox .left .ul .li a{display: flex;justify-content: space-between;align-items: center;padding: 14px;width: 100%;}

.helpLayout .hox .left .ul .li a span{max-width: calc(100% - 20px);}

.helpLayout .hox .left .ul .li a img{width: 6px;opacity: 0;}

.helpLayout .hox .left .ul .li.act a{background: #ECEDEF;}

.helpLayout .hox .left .ul .li a:hover span,
.helpLayout .hox .left .ul .li.act a span{color: var(--viColor);}

.helpLayout .hox .left .ul .li a:hover img,
.helpLayout .hox .left .ul .li.act a img{opacity: 1;}

.helpLayout .hox .right{width: calc(100% - 225px);background: #fff;border-radius: 12px;padding: 30px 30px 27px;}

.helpLayout .hox .right .tit{line-height: calc(38 / 28);}

.helpLayout .hox .right .list .item{margin-top: 20px;}

.helpLayout .hox .right .list .item:first-child{margin-top: 16px;}

.helpLayout .hox .right .list .item .tt{line-height: calc(22 / 16);margin-bottom: 10px;}

.helpLayout .hox .right .list .item .it{margin-top: 8px;}

.helpLayout .hox .right .list .item .itp{position: relative;padding-left: 9px;cursor: pointer;width: fit-content;}

.helpLayout .hox .right .list .item .itp::before{content: "";position: absolute;left: 0;top: 8px;width: 3px;height: 3px;background: #333;border-radius: 50%;}

.helpLayout .hox .right .list .item .ibt{padding: 12px 0 4px;display: none;}

.helpLayout .hox .right .list .item .edit{border: 1px solid #D0D0D0;border-radius: 6px;padding: 20px 20px 15px;}

.helpLayout .hox .right .list .item .it .itp:hover,
.helpLayout .hox .right .list .item .it.act .itp{color: var(--viColor);}

.helpLayout .hox .right .list .item .it.act .itp::before{background: var(--viColor);}

.aboutLayout{background: #fff;}

.aboutLayout .w1440{position: relative;}

.aboutLayout .inner_navigation{position: absolute;top: 4px;left: 40px;}

.aboutLayout .inner_navigation img{filter: brightness(0);}

.inner_navigation_black a{color: #333;}

.ab1{background: url(../images/ab1_1.png) no-repeat bottom center;background-size: 100% auto;padding-top: 109px;padding-bottom: 175px;min-height: 788px;display: flex;flex-wrap: wrap;justify-content: space-between;}

.ab1 .left{line-height: calc(51 / 36 * 100%);color: var(--viColor);width: calc(459 / 1360 * 100%);margin-left: calc(78 / 1360 * 100%);}

.ab1 .right{width: calc(519 / 1360 * 100%);margin-right: calc(74 / 1360 * 100%);}

.ab1 .right .det{line-height: calc(26 / 14);}

.ab1 .right .ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 16px;padding-right: 10px;}

.ab1 .right .ul .li{width: calc(208 / 512 * 100%);margin-top: 30px;}

.ab1 .right .ul .li:first-child,
.ab1 .right .ul .li:nth-child(2){margin-top: 0;}

.ab1 .right .ul .li .ltp{line-height: calc(80 / 60);color: #DF1B20;}

.ab1 .right .ul .li .ltp .sup{margin-left: 2px;}

.ab1 .right .ul .li .lbt{line-height: calc(16 / 12);color: #666;margin-top: -6px;}

.ab2{padding-top: 130px;padding-bottom: 58px;}

.ab_tit{overflow: hidden;}

.ab_tit .tit{width: fit-content;margin: 0 auto;position: relative;line-height: calc(49 / 36);}

.ab_tit .tit::before{content: "";position: absolute;top: 0;bottom: 0;right: 100%;margin: auto 0;width: 405px;height: 2px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #D7000F 53.85%, rgba(255, 255, 255, 0.00) 100%);}

.ab_tit .tit::after{content: "";position: absolute;top: 0;bottom: 0;left: calc(100% + 3px);margin: auto 0;width: 415px;height: 2px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #D7000F 53.85%, rgba(255, 255, 255, 0.00) 100%);}

.ab2 .aox{background: #F6F7F8;border-radius: 16px;display: flex;max-width: 1208px;margin-left: auto;margin-right: auto;overflow: hidden;}

.ab2 .aox .left{width: calc(544 / 1208 * 100%);height: 496px;overflow-y: auto;}

.ab2 .aox .left .ul{padding: 22px 0 24px;width: calc(440 / 544 * 100%);margin: 0 auto;}

.ab2 .aox .left .ul .li{position: relative;padding-bottom: 37px;}

.ab2 .aox .left .ul .li:not(:last-child)::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #333;opacity: 0.06;transform: scaleY(0.81);}

.ab2 .aox .left .ul .li:not(:last-child)::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: var(--viColor);transform: translateY(0.81);-webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}

.ab2 .aox .left .ul .li .itp{display: flex;align-items: center;justify-content: space-between;line-height: calc(25 / 20);padding-top: 34px;}

.ab2 .aox .left .ul .li .itp span{position: relative;width: 13px;}

.ab2 .aox .left .ul .li .itp span img:nth-child(2){position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.ab2 .aox .left .ul .li .ibt{font-size: 15px;line-height: 1.4;padding-top: 17px;display: none;}

.ab2 .aox .left .ul .li.act .itp span img:nth-child(1){opacity: 0;}

.ab2 .aox .left .ul .li.act .itp span img:nth-child(2){opacity: 1;}

.ab2 .aox .left .ul .li.act::after{width: 100%;}

.ab2 .aox .right{border-radius: 16px;width: calc(664 / 1208 * 100%);overflow: hidden;position: relative;height: 496px;}

.ab2 .aox .right img{height: 100%;object-fit: cover;opacity: 0;}

.ab2 .aox .right img:not(:first-child){position: absolute;top: 0;left: 0;}

.ab2 .aox .right img.act{opacity: 1;}

.ab4{margin-top: 100px;}

.ab4 .ul{display: flex;flex-wrap: wrap;justify-content: center;gap: 22px;}

.ab4 .ul .li{width: calc(287 / 1360 * 100%);}

.ab4 .ul .li .ss{display: block;height: 100%;border-radius: 12px;overflow: hidden;position: relative;}

.ab4 .ul .li .ss .imgbox{position: relative;height: 467px;}

.ab4 .ul .li .ss .imgbox img{height: 100%;object-fit: cover;}

.ab4 .ul .li .ss .imgbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.60) 100%);}

.ab4 .ul .li .ss .txtbox{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;padding-bottom: 45px;}

.ab4 .ul .li .ss .txtbox .t1{line-height: calc(27 / 20);color: #fff;transform: translateY(32px);}

.ab4 .ul .li .ss .txtbox .t2{display: flex;align-items: baseline;justify-content: center;gap: 11px;margin-top: 6px;color: #fff;transform: translateY(32px);opacity: 0;color: var(--viColor)}

.ab4 .ul .li .ss .txtbox .t2 img{width: 6px;}

.ab4 .ul .li .ss:hover .txtbox .t1{transform: translateY(0);}

.ab4 .ul .li .ss:hover .txtbox .t2{transform: translateY(0);opacity: 1;}

.ab5{margin-top: 117px;}

.ab6{background: url(../images/ab6_1.png) no-repeat center;background-size: cover;padding: 80px 0;}

.ab6 .inner_switch a{background: #fff;}

.ab6 .list .item{display: none;}

.ab6 .list .item.act{display: block;}

.ab6 .list .item .swiper{padding: 39px 0 41px;margin-top: 18px;}

.ab6 .list .item .swiper::before{content: "";position: absolute;left: 0;top: 0;width: 148px;height: 100%;z-index: 11;background: linear-gradient(270deg, rgba(246, 249, 253, 0.02) 0%, #F6F9FD 74.04%);}

.ab6 .list .item .swiper::after{content: "";position: absolute;right: -21px;top: 0;width: 135px;height: 100%;z-index: 11;background: linear-gradient(270deg, rgba(246, 249, 253, 0.02) 0%, #F6F9FD 74.04%);transform: rotate(180deg);}

.ab6 .list .item .swiper-slide{width: 448px;}

.ab6 .list .item .swiper-slide .ss{background: #FFF;filter: drop-shadow(0 4px 39px rgba(0, 0, 0, 0.05));display: flex;justify-content: space-between;padding: 39px 37px 38px 50px;border-radius: 8px;position: relative;}

.ab6 .list .item .swiper-slide .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/ab6_3.png) no-repeat left 8px bottom;background-size: calc(233 / 448 * 100%);opacity: 0;}

.ab6 .list .item .ss .txtbox{width: calc(160 / 360 * 100%);position: relative;z-index: 5;padding-bottom: 50px;}

.ab6 .list .item .ss .txtbox .t1{line-height: 1.3;}

.ab6 .list .item .ss .txtbox .t2{line-height: 1.3;margin-top: 17px;}

.ab6 .list .item .ss .imgbox{width: calc(146 / 360 * 100%);display: flex;align-items: center;height: 197px;position: relative;z-index: 5;}

.ab6 .list .item .ss .imgbox img{max-height: 100%;object-fit: contain;}

.ab6 .list .item .ss .ico{position: absolute;left: 50px;bottom: 38px;width: 22px;z-index: 5;}

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

.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right{display: none;}

.ab6 .list .item .swiper-slide-active .ss::before{opacity: 1;}

.ab6 .list .item .swiper-slide-active .ss .t2{color: var(--viColor);}

.ab6 .list .item .swiper-slide-active .ss .ico img:nth-child(1){opacity: 0;}

.ab6 .list .item .swiper-slide-active .ss .ico img:nth-child(2){opacity: 1;}

.ab6 .list .item .swpbtn3{display: flex;align-items: center;justify-content: center;gap: 9.4px;}

.ab6 .list .item .swpbtn3 a{width: 36px;height: 36px;position: relative;border-radius: 50%;}

.ab6 .list .item .swpbtn3 a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #E6E6E6;border-radius: 50%;}

.ab6 .list .item .swpbtn3 a:hover::before{border-color: var(--viColor);}

.ab6 .list .item .swpbtn3 a:hover{background: var(--viColor);}

.ab6 .list .item .swpbtn3 a:hover img{filter: brightness(0) invert(1);}

.ab6 .list .item .swpbtn3 .swiper-button-disabled{opacity: 0;pointer-events: none;}

.ab3 .aox{max-width: 1208px;margin-left: auto;margin-right: auto;display: flex;align-items: start;justify-content: space-between;position: relative;}

.ab3 .aox::before{content: "";position: absolute;right: 0;top: 0;width: 100%;height: 100%;z-index: 12;}

.ab3 .aox .left{width: 256px;height: 256px;position: relative;border: 1px solid rgba(0,0,0,0.2);margin: 102px 0 0 82px;border-radius: 50%;}

.ab3 .aox .left .twobox{position: absolute;top: 58px;left: -82px;display: flex;}

.ab3 .aox .left .twobox .num{font-size: 130px;line-height: 140px;overflow: hidden;height: 140px;color: var(--viColor);}

.ab3 .aox .left .twobox .num span{display: block;position: relative;}

.ab3 .aox .left .twobox .num.act0 span{top: 0;}

.ab3 .aox .left .twobox .num.act1 span{top: calc(-140px * 1);}

.ab3 .aox .left .twobox .num.act2 span{top: calc(-140px * 2);}

.ab3 .aox .left .twobox .num.act3 span{top: calc(-140px * 3);}

.ab3 .aox .left .twobox .num.act4 span{top: calc(-140px * 4);}

.ab3 .aox .left .twobox .num.act5 span{top: calc(-140px * 5);}

.ab3 .aox .left .twobox .num.act6 span{top: calc(-140px * 6);}

.ab3 .aox .left .twobox .num.act7 span{top: calc(-140px * 7);}

.ab3 .aox .left .twobox .num.act8 span{top: calc(-140px * 8);}

.ab3 .aox .left .twobox .num.act9 span{top: calc(-140px * 9);}

.ab3 .aox .left .swiper{position: absolute;left: 67px;top: -85px;height: 414px;padding: 143px 0 131px;}

.ab3 .aox .left .swiper .swiper-slide{font-size: 130px;line-height: 140px;-webkit-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color .4s cubic-bezier(0.4, 0, 0.2, 1); transition: color .4s cubic-bezier(0.4, 0, 0.2, 1);color: #E9E9E9;}

.ab3 .aox .left .swiper .swiper-slide.swiper-slide-active{color: var(--viColor);}

.ab3 .aox .right{width: calc(100% - 450px);max-width: 575px;height: 494px;position: relative;padding: 82px 0 178px;overflow: hidden;}

.ab3 .aox .right::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 31px;background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);z-index: 11;}

.ab3 .aox .right::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 61px;background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);z-index: 11;}

.ab3 .aox .right .swiper{overflow: visible;}

.ab3 .aox .right .swiper .swiper-slide{padding: 48px 37px 52px 0;border-bottom: 1px solid rgba(0,0,0,0.2);height: auto;}

.ab3 .aox .right .swiper .t1{line-height: 2;}

.ab3 .aox .right .swiper .t2{line-height: calc(32 / 18);margin-top: 14px;}

.ab3 .aox .right .swiper .swiper-slide-thumb-active .t2{color: var(--viColor);font-family: 'openS';}


.m_dw{position: relative;top: calc(-73px - 45px);}

.in1 .left{z-index: 10;}

.in1 .left .li:hover .lv2list{display: block;}

.in1 .left .li{position: relative;}

.in1 .left .li .lv2list{position: absolute;top: -12px;left: 100%;width: 100%;max-height: 450px;border-left: 1px solid #e6ecf2;overflow-y: auto;display: none;background: #fff;box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .15);padding: 21px;/*height: calc(100% + 28px);*/top: -55px;top: 60%;transform: translateY(-50%);width: max-content;max-width: 609px;}

.in1 .left .li:nth-child(1) .lv2list,
.in1 .left .li:nth-child(2) .lv2list,
.in1 .left .li:nth-child(3) .lv2list{top: -55px;transform: translateY(0);}

.in1 .left .li .lv2list .lv2wbox{}

.in1 .left .li .lv2list .list-wrap{margin: -10px -10px 0;overflow: hidden;/* display:flex;flex-wrap: wrap;column-count: 3;column-gap: 0; */}

/*.in1 .left .li .lv2list .list-wrap .items{float: left;width: 33.333%;padding: 0 10px;}*/
.in1 .left .li .lv2list .list-wrap .items{padding: 0 10px;display: inline-block;width: 100%;box-sizing: border-box;break-inside: avoid;page-break-inside: avoid;}

.in1 .left .li .lv2list .list-wrap1{display: none;}

.in1 .left .li .lv2list .list-wrap2{display: flex;}

.in1 .left .li .lv2list .list-wrap .col{width: fit-content;}

.in1 .left .li .lv2list .list-wrap .col .lv2items{width: 203px;vertical-align: top;}

.in1 .left .li .lv2list .lv2wbox{}


.in1 .left .li .lv2list .list-wrap .items .items-tit{
  font-size: 14px;
  color: #222;
  font-weight: bold;
  margin: 10px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
}

.in1 .left .li .lv2list .list-wrap .items a{
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  display: block;
  /*white-space: nowrap;*/
  /*text-overflow: ellipsis;*/
  /*overflow: hidden;*/
  color: #555;
}

.in1 .left .li .lv2list .list-wrap .items a:hover{color: var(--viColor);}




.header .hd3 .all{position: relative;}

.header .hd3 .all:hover::before{content: "";position: absolute;top: 0;left: 0;z-index: 5;width: calc(100% + 35px);left: -15px;background: #fff;box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);border-radius: 5px 5px 0 0;height: 100%;}

.header .hd3 .all .top{position: relative;z-index: 10;}

.header .hd3 .all .bot{position: absolute;left: -15px;top: 100%;width: max-content;z-index: 3;background: #fff;padding: 15px 15px 15px 15px;border-radius: 0 5px 5px 5px;box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);display: none;}

.header .hd3 .all .bot .lv1list{max-width: 880px;display: flex;flex-wrap: wrap;gap: 10px 20px;}

.header .hd3 .all .bot .lv1list .item{width: calc((100% - 40px) / 3);}

.header .hd3 .all:hover .top .arr img{transform: rotate(180deg);}

.header .hd3 .all:hover .bot{display: block;}

.header .hd3 .all .bot .lv1list .lv1{display: flex;align-items: center;padding: 5px 0;line-height: 21px;}

.header .hd3 .all .bot .lv1list .lv1 span{width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;margin-right: 5px;}

.header .hd3 .all:hover::after {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% + 35px);
    height: 15px;
    top: 100%;
    left: -15px;
    background: #fff;
    z-index: 5;
}

.header .hd3 .all .bot .lv1list .item:hover .lv1{color: var(--viColor);}

.header .hd3 .all .bot .lv1list .item:hover .lv2list{display: block;}

.header .hd3 .all .bot .lv1list .item:hover s{content: "";position: absolute;top: 0;left: calc(100% - 15px);width: 30px;height: 100%;background: #fff;z-index: 5;}

.header .hd3 .all .bot .lv1list .item:hover s::before{content: "";position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 1px;height: 100%;background: #e6ecf2;}

.header .hd3 .all .bot .lv1list .lv2list{position: absolute;top: 0;left: 100%;width: max-content;max-width: 630px;padding: 15px;background: #fff;border-radius: 0 5px 5px 0;box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);height: 100%;display: none;overflow-y: auto;}

.header .hd3 .all .bot .lv1list .lv2list .list-wrap{margin: -10px -10px 0;overflow: hidden;display:flex;flex-wrap: wrap;}

.header .hd3 .all .bot .lv1list .lv2list .list-wrap .items{float: left;width: 33.333%;padding: 0 10px;}

.header .hd3 .all .bot .lv1list .lv2list .list-wrap .items .items-tit{
  font-size: 14px;
  color: #222;
  font-weight: bold;
  margin: 10px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.header .hd3 .all .bot .lv1list .lv2list .list-wrap .items a{
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #555;
}

.header .hd3 .all .bot .lv1list .lv2list .list-wrap .items a:hover{color: var(--viColor);}





.basketLayout{padding: 17px 0 80px;}

.bkt1{background: #fff;margin-top: 20px;padding: 20px 42px;border-radius: 8px;}

.bkt1 .swpbox{position: relative;}

.bkt1 .swpbox .swiper-slide{height: auto;}

.bkt1 .swpbox .ss{background: #F6F7F8;border-radius: 12px;padding: 24px 18px 24px 25px;height: 100%;position: relative;display: block;}

.bkt1 .swpbox .ss::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/oss_05_32_10.png) no-repeat bottom right 12px;background-size: calc(255 / 328 * 100%) auto;opacity: 0;background-size: calc(220 / 328 * 100%) auto;}

.bkt1 .swpbox .ss:hover::before{opacity: 1;}

.bkt1 .swpbox .ss .imgbox{height: 106px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 3;}

.bkt1 .swpbox .ss .imgbox img{width: auto;max-height: 100%;object-fit: contain;}

.bkt1 .swpbox .ss .txtbox{margin-top: 32px;position: relative;z-index: 3;}

.bkt1 .swpbox .ss .txtbox .t1{line-height: calc(22 / 16);}

.bkt1 .swpbox .ss .txtbox .ico{position: absolute;width: 28px;right: 14px;bottom: 14px;opacity: 0;}

.bkt1 .swpbox .ss:hover .txtbox .t1{color: var(--viColor);}

.bkt1 .swpbox .ss:hover .txtbox .ico{opacity: 1;}

.bkt1 .swpbox .ss .btnbox{margin-top: 10px;}

.bkt1 .swpbox .ss .btnbox .add{display: flex;align-items: center;gap: 8px;width: fit-content;}

.bkt1 .swpbox .ss .btnbox .add span{position: relative;width: 19px;}

.bkt1 .swpbox .ss .btnbox .add span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.bkt1 .swpbox .ss .btnbox .add:hover{color: var(--viColor);}

.bkt1 .swpbox .ss .btnbox .add:hover img:nth-child(1){opacity: 0;}

.bkt1 .swpbox .ss .btnbox .add:hover img:nth-child(2){opacity: 1;}


.bkt2{margin-top: 24px;}

.bkt2 .top{display: flex;align-items: center;justify-content: space-between;}

.bkt2 .top .lf{display: flex;align-items: center;gap: 16px;}

.bkt2 .top .lf .all{display: flex;align-items: center;gap: 6px;line-height: 22px;}

.bkt2 .top .lf .all span{width: 16px;height: 16px;border: 1px solid #DFDFDF;border-radius: 2px;position: relative;}

.bkt2 .top .lf .all span::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/svg/basket_2_select.svg) no-repeat center;opacity: 0;}

.bkt2 .top .lf .all.act{color: var(--viColor);}

.bkt2 .top .lf .all.act span{border-color: var(--viColor);background: var(--viColor);}

.bkt2 .top .lf .all.act span::before{opacity: 1;}

.bkt2 .top .lf .deletes{display: flex;align-items: center;gap: 2px;line-height: 22px;}

.bkt2 .top .lf .deletes span{width: 18px;position: relative;}

.bkt2 .top .lf .deletes span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.bkt2 .top .lf .deletes:hover{color: var(--viColor);}

.bkt2 .top .lf .deletes:hover img:nth-child(1){opacity: 0;}

.bkt2 .top .lf .deletes:hover img:nth-child(2){opacity: 1;}

.bkt2 .top .rf{display: flex;}

.bkt2 .top .rf a{display: block;padding: 5px 20px 6px;color: var(--viColor);border:1px solid var(--viColor);border-radius: 30px;margin-left: 15px;}

.bkt2 .top .rf a:hover{background: var(--viColor);color: #fff;}

.bkt2 .bot{border-top: 1px solid #E2E2E2;margin-top: 20px;}

.bkt2 .bot .tab_hd{padding: 20px 64px 20px 30px;display: flex;line-height: calc(22 / 16);}

.bkt2 .bot .w1{width: 16px;margin-right: 38px;}

.bkt2 .bot .w2{width: 120px;margin-right: 24px;}

.bkt2 .bot .w3{width: calc(100% - 16px - 38px - 120px - 24px - 87px - 122px - 86px - 144px - 82px - 49px);margin-right: 87px;}

.bkt2 .bot .w4{width: 122px;margin-right: 86px;text-align: center;}

.bkt2 .bot .w5{width: 144px;margin-right: 82px;text-align: center;}

.bkt2 .bot .w6{width: 49px;}

.bkt2 .bot .ul .li{background: #fff;border-radius: 8px;padding: 20px 64px 20px 30px;display: flex;align-items: center;margin-top: 20px;}

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

.bkt2 .bot .li .w1 a{display: block;width: 16px;height: 16px;border: 1px solid #DFDFDF;border-radius: 2px;position: relative;}

.bkt2 .bot .li .w1 a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/svg/basket_2_select.svg) no-repeat center;opacity: 0;}

.bkt2 .bot .li .w1 a.act{border-color: var(--viColor);background: var(--viColor);}

.bkt2 .bot .li .w1 a.act::before{opacity: 1;}

.bkt2 .bot .li .w2 .pic{width: 120px;height: 120px;border: 1px solid #F2F2F2;border-radius: 6px;display: flex;align-items: center;justify-content: center;}

.bkt2 .bot .li .w2 .pic img{width: auto;max-height: 90%;object-fit: contain;max-width: 90%;}

.bkt2 .bot .li .w3 .t1{line-height: calc(27 / 20);}

.bkt2 .bot .li .w3 .t2{margin-top: 8px;color: #999;}

.bkt2 .bot .li .w4{display: flex;align-items: center;gap: 10px;}

.bkt2 .bot .li .w4 input{display: block;width: 54px;height: 28px;border-radius: 4px;border: 1px solid #CACACA;color: #000;text-align: center;}

.bkt2 .bot .li .w4 a{width: 24px;height: 24px;border-radius: 4px;border: 1px solid #CACACA;position: relative;display: flex;align-items: center;justify-content: center;}

.bkt2 .bot .li .w4 a img{width: 12px;}

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

.bkt2 .bot .li .w4 a:hover{border-color: var(--viColor);background: var(--viColor);}

.bkt2 .bot .li .w4 a:hover img:nth-child(1){opacity: 0;}

.bkt2 .bot .li .w4 a:hover img:nth-child(2){opacity: 1;}

.bkt2 .bot .li .w5{line-height: calc(25 / 18);color: #666666;}

.bkt2 .bot .li .w6 a{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: 1px solid var(--viColor);background: rgba(215, 0, 15, 0.1);position: relative;border-radius: 4px;}

.bkt2 .bot .li .w6 a img{width: 16px;}

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

.bkt2 .bot .li .w6 a:hover{background: var(--viColor);}

.bkt2 .bot .li .w6 a:hover img:nth-child(1){opacity: 0;}

.bkt2 .bot .li .w6 a:hover img:nth-child(2){opacity: 1;}

.bkt_form{margin-bottom: 30px;}

.bkt_form .top{padding: 30px 30px 40px;background: #fff;border-radius: 8px;}

.bkt_form .top .title{line-height: calc(22 / 16);}

.bkt_form .top .inpbox{display: flex;flex-wrap: wrap;gap: 15px 26px;margin-top: 25px;}

.bkt_form .top .inpbox .item{width: calc((100% - 52px) / 3);}

.bkt_form .top .inpbox .item:nth-child(5){width: calc((100% - 52px) / 3 * 2 + 26px);}

.bkt_form .top .inpbox .item .set{line-height: calc(22 / 16);}

.bkt_form .top .inpbox .item .set span{color: var(--viColor);}

.bkt_form .top .inpbox .item .input{margin-top: 15px;}

.bkt_form .top .inpbox .item .input input{display: block;width: 100%;border: 1px solid #BDBDBD;border-radius: 6px;height: 55px;padding: 0 22px;}

.bkt_form .bot{background: #fff;border-radius: 8px;padding: 30px 30px 40px;}

.bkt_form .bot .tit{line-height: calc(33 / 24);}

.bkt_form .bot .li{padding: 40px 20px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #E2E2E2;}

.bkt_form .bot .li .left{width: calc(100% - 122px - 144px - 80px);max-width: 548px;display: flex;align-items: center;}

.bkt_form .bot .li .left .imgbox{width: 120px;height: 120px;border: 1px solid #F2F2F2;border-radius: 6px;display: flex;align-items: center;justify-content: center;margin-right: 24px;}

.bkt_form .bot .li .left .imgbox img{width: auto;max-width: 90%;max-height: 90%;object-fit: contain;}

.bkt_form .bot .li .left .txtbox{width: calc(100% - 144px);}

.bkt_form .bot .li .left .txtbox .t1{line-height: calc(27 / 20);}

.bkt_form .bot .li .left .txtbox .t2{color: #999;margin-top: 8px;}

.bkt_form .bot .li .center{display: flex;align-items: center;width: 122px;gap: 10px;justify-content: center;}

.bkt_form .bot .li .center input{display: block;width: 54px;height: 28px;border-radius: 4px;border: 1px solid #CACACA;color: #000;text-align: center;}

.bkt_form .bot .li .center a{width: 24px;height: 24px;border-radius: 4px;border: 1px solid #CACACA;position: relative;display: flex;align-items: center;justify-content: center;}

.bkt_form .bot .li .center a img{width: 12px;}

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

.bkt_form .bot .li .center a:hover{border-color: var(--viColor);background: var(--viColor);}

.bkt_form .bot .li .center a:hover img:nth-child(1){opacity: 0;}

.bkt_form .bot .li .center a:hover img:nth-child(2){opacity: 1;}

.bkt_form .bot .li .right{width: 144px;text-align: center;}

.bkt_form .bot .li .right a{display: flex;align-items: center;gap: 2px;line-height: calc(22 / 16);}

.bkt_form .bot .li .right a span{width: 18px;position: relative;}

.bkt_form .bot .li .right a span img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.bkt_form .bot .li .right a:hover{color: var(--viColor);}

.bkt_form .bot .li .right a:hover img:nth-child(1){opacity: 0;}

.bkt_form .bot .li .right a:hover img:nth-child(2){opacity: 1;}

.bkt_form .bot .submit{margin-top: 30px;display: flex;justify-content: right;}

.bkt_form .bot .submit input{display: block;width: 210px;height: 55px;background: var(--viColor);color: #fff;text-align: center;border-radius: 55px;border: none;}

.samban{background-position: center;background-repeat: no-repeat;background-size: cover;height: 320px;display: flex;align-items: center;padding: 40px;}

.samban .tit{line-height: calc(76 / 56);}

.sampleLayout .inner_navigation{padding: 17px 0 12px;}

.sampleLayout{padding-bottom: 30px;}

.samban_list{padding: 24px 0 16px;}

.samban_list .tit{line-height: calc(38 / 28);text-align: center;}

.samban_list .ul{display: flex;flex-wrap: wrap;margin-top: 20px;gap: 8px;}

.samban_list .ul .li{width: calc((100% - 32px) / 5);}

.samban_list .ul .li:first-child .ss,
.samban_list .ul .li:nth-child(5n + 1) .ss{border-left: none;border-radius: 12px 0 0 12px;background: #fff;}

.samban_list .ul .li .ss{display: block;height: 100%;/* border-left: 1px solid #D8D8D8 */;padding: 30px 26px;background: #fff;position: relative;}


.samban_list .ul .li .ss:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/oss_02_13_8.png) no-repeat right bottom;background-size: calc(129 / 252 * 100%) auto;pointer-events: none;opacity: 0;}

.samban_list .ul .li .ss:hover:before{opacity: 1;}

.samban_list .ul .li .ss .imgbox{height: 130px;max-width: 150px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}

.samban_list .ul .li .ss .imgbox img{width: auto;max-height: 100%;max-width: 100%;object-fit: contain;}

.samban_list .ul .li .ss .txtbox{margin-top: 10px;}

.samban_list .ul .li .ss .txtbox .t1{line-height: calc(25 / 18);}

.samban_list .ul .li .ss .txtbox .t2{margin-top: 5px;color: #999;height: calc(19 / 14 * 2em);}

.samban_list .ul .li .ss .txtbox .t3{margin-top: 24px;width: fit-content;padding: 4px 24px 5px 31px;border: 1px solid #333333;border-radius: 30px;}

.samban_list .ul .li .ss:hover{box-shadow: 0 4px 41.5px 0 rgba(51, 51, 51, 0.10);}

.samban_list .ul .li .ss:hover .txtbox .t1{color: var(--viColor);}

.samban_list .ul .li .ss:hover .txtbox .t3{background: var(--viColor);border-color: var(--viColor);color: #fff;}

.solutionLayout .w1440{position: relative;}

.solutionLayout .inner_navigation{position: absolute;top: 8px;left: 40px;z-index: 5;}

.slt_ban{position: relative;}

.slt_ban .img{position: relative;height: 483px;}

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

.slt_ban .img::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #B7B7B7;opacity: 0.8;mix-blend-mode: multiply;}

.slt_ban .tit{position: absolute;top: 128px;text-align: center;line-height: calc(70 / 56);color: #fff;padding: 0 40px;left: 0;width: 100%;}

.slt1{min-height: max(150vh, 1400px);}

.slt1 .sox{position: sticky;top: 90px;padding: 54px 40px 70px;overflow: hidden;}

.slt1 .tit{line-height: calc(60 / 36);text-align: center;}

.slt1 .tit2{line-height: 1.7;margin-top: 22px;text-align: center;max-width: 1066px;margin: 22px auto 0;}

.slt1 .tit2 p:not(:first-child){margin-top: 23px;}

.slt1 .swpbox{margin: 47px 0 0;padding-left: 78px;padding-right: 67px;}

.slt1 .swpbox .swiper{overflow: visible;}

.slt1 .swpbox .swiper .swiper-slide{height: auto;width: 292px;background: #fff;border-radius: 20px;padding: 56px 40px 88px;}

.slt1 .swpbox .swiper .swiper-slide .icon{width: 168px;height: 115px;margin: 0 auto;}

.slt1 .swpbox .swiper .swiper-slide .icon img{max-height: 100%;object-fit: contain;}

.slt1 .swpbox .swiper .swiper-slide .text{text-align: center;line-height: 1.7;margin-top: 16px;}

.slt1 .swpbox .swiper .swiper-slide:hover{box-shadow: 0 4px 16.4px 0 rgba(0, 0, 0, 0.09);}

.slt1 .swpbox .swiper .swiper-slide:hover .text{color: var(--viColor);}

.slt2{min-height: 200px;position: relative;}

.slt2 .tit{position: absolute;top: 88px;left: 40px;width: calc(100% - 80px);text-align: center;}

.slt2 .tit .t1{line-height: calc(60 / 36);font-weight:normal;}

.slt2 .tit .t2{line-height: 1.7;color: var(--viColor);font-weight:normal;}

.solutionLayout .quick{padding: 40px 0 30px;}

.postLayout{padding: 17px 0 80px;}

.ptbox{margin-top: 20px;display: flex;justify-content: space-between;align-items: flex-start;}

.ptbox .left{width: calc(996 / 1360 * 100% - 12px);padding: 36px 40px 60px;border-radius: 12px;background: #fff url(../images/post_left_bg.png) no-repeat right 3px bottom;}

.ptbox .right{width: calc(364 / 1360 * 100% - 12px);position: sticky;top: 96px;padding: 36px 33px;background: #fff;border-radius: 12px;}

.ptbox .left .title{text-align: center;}

.ptbox .left .title .t1{line-height: calc(38 / 28);}

.ptbox .left .title .t2{line-height: calc(25 / 18);color: #999;margin-top: 8px;}

.ptbox .left .tit{margin-top: 30px;}

.ptbox .left .inplist{padding: 20px 0;display: flex;flex-wrap: wrap;gap: 30px 40px;}

.ptbox .left .inplist .item{width: calc(50% - 20px);}

.ptbox .left .inplist .item.w100{width: 100%;}

.ptbox .left .inplist .item .set{line-height: calc(22 / 16);}

.ptbox .left .inplist .item .set span{color: var(--viColor);}

.ptbox .left .inplist .item .det{margin-top: 15px;}

.ptbox .left .inplist .item .det input{display: block;width: 100%;border: 1px solid #BDBDBD;height: 55px;border-radius: 6px;padding: 0 21px;}

.ptbox .left .inplist .item .det textarea{resize: none;display: block;width: 100%;border: 1px solid #BDBDBD;height: 150px;border-radius: 6px;padding: 17px 21px;}

.ptbox .left .inplist .item .det select{display: block;width: 100%;border: 1px solid #BDBDBD;height: 55px;border-radius: 6px;padding: 0 70px 0 21px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/svg/select_arr.svg) no-repeat right 34px center;}

.ptbox .left .submit{margin-top: 30px;}

.ptbox .left .submit input{width: 210px;height: 55px;display: block;border-radius: 55px;margin: 0 auto;background: var(--viColor);color: #fff;}

.ptbox .right .title{text-align: center;}

.ptbox .right .title .t1{line-height: calc(38 / 28);}

.ptbox .right .title .t2{color: #999;max-width: 263px;margin: 8px auto 0;}

.ptbox .right .title .t3{width: 158px;margin: 16px auto 0;}

.ptbox .right .tit{line-height: calc(25 / 18);margin-top: 20px;}

.ptbox .right .txt{padding-top: 4px;line-height: calc(22 / 16);}

.ptbox .right .txt .tt{position: relative;padding-left: 20px;margin-top: 8px;}

.ptbox .right .txt .tt::before{content: "";position: absolute;left: 0;top: 0;width: 6px;height: 6px;top: calc(22 / 16 * 0.5em - 3px);background: var(--viColor);border-radius: 50%;}

.ptbox .left .inplist .item.file .itp{display: flex;align-items: center;}

.ptbox .left .inplist .item.file .itp .ftit{width: 115px;}

.ptbox .left .inplist .item.file .itp .filbox{width: 130px;height: 55px;position: relative;display: flex;align-items: center;border: 1px solid #BDBDBD;border-radius: 6px;color: #BDBDBD;justify-content: center;}

.ptbox .left .inplist .item.file .itp .filbox img{width: 20px;margin-right: 6px;}

.ptbox .left .inplist .item.file .itp .filbox input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.ptbox .left .inplist .item.file .itp .ftxt{width: calc(100% - 115px - 150px);margin-left: 20px;}

.ptbox .left .inplist .item.file .ibt{display: flex;align-items: center;margin-top: 12px;padding-left: 115px;color: #BDBDBD;}

.ptbox .left .inplist .item.file .ibt img{width: 14px;margin-right: 4px;}




.bkt_form .bot .tab_hd{padding: 40px 20px 20px;display: flex;justify-content: space-between; line-height: calc(22 / 16);border-bottom: 1px solid #E2E2E2;}

.bkt_form .bot .w1{width: calc(100% - 122px - 144px - 80px);max-width: 548px;display: flex;}

.bkt_form .bot .w1 span{width: 144px;}

.bkt_form .bot .w2{width: 122px;text-align: center;}

.bkt_form .bot .w3{width: 144px;text-align: center;}


.basket_add{position: absolute;width: 28px;right: 14px;bottom: 14px;opacity: 0;z-index: 8;cursor: pointer;}

.oss13 .left:hover .basket_add,
.alltime:hover .basket_add,
.ss:hover .basket_add{opacity: 1;}

.oss8 .ul .li .ss:hover .basket_add{opacity: 0;}
.oss8 .ul .li .ss .bot .link a:hover .basket_add{opacity: 1;}

.oss13 .left{position: relative;}

.status_text{position: absolute;top: 0;left: 0;width: 100%;line-height: calc(38 / 14);text-align: center;background: var(--viColor);color: #fff;opacity: 0;-webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;z-index: 15;}

.status_text.act{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;}


.ppLayout{padding: 0.8rem 0;}

.ppLayout .privacy-container {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.ppLayout h1 {
    color: #333;
    border-bottom: 2px solid #999;
    padding-bottom: 10px;
}
.ppLayout h2 {
    color: #333;
    margin: 25px 0 10px;
}
.ppLayout h3 {
    color: #333;
    margin: 20px 0 10px;
}

.ppLayout h4{margin: 15px 0 10px;}

.ppLayout p, .ppLayout li {
    color: #555;line-height: 25px;
}
.ppLayout p a{color:blue;text-decoration:underline;}
.ppLayout p strong{color: #212121;font-weight:bold;}
.ppLayout h2{font-size: 18pt;line-height: 35px;}
.ppLayout .section {
    margin-bottom: 30px;
}
.ppLayout .highlight {
    background-color: #f8f9fa;
    padding: 15px;
    border-left: 4px solid #3498db;
    margin: 15px 0;
}
.ppLayout .contact-info {
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 5px;
    margin: 20px 0;
}
.ppLayout table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
.ppLayout th, .ppLayout td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}
.ppLayout th {
    background-color: #f2f2f2;
}

.oss64 .oox,
.bkt_form,
.ptbox .left .form,
.oss64 .form,
.oss9 .txtbox,
.plox .left .bot,
.in4 .right{position: relative;}

.submit_ok:before{content: "Submitted successfully!";position: absolute;top: 0;left: 0;width: 100%;line-height: calc(38 / 14);text-align: center;background: var(--viColor);color: #fff;opacity: 0;-webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;z-index: 15;pointer-events: none;}

.submit_ok.act:before{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 1;}

.oss64 .oox:before,
.bkt_form:before,
.ptbox .left .form:before{position: sticky;top: calc(73px + 45px);display: block;}





/* 交互提示框 */
.tooltip{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 303;background: rgba(0,0,0,0.6);}

.tooltip .dialog{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 303;/* background: rgba(137,137,137,0.8);mix-blend-mode: multiply; */}

.tooltip .content{width: fit-content;min-width: 3.9rem;height: fit-content;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;z-index: 304;background: #fff;border-radius: 0.16rem;padding: 0.85rem 0.45rem 0.48rem;}

.tooltip .content .tooltip_close{position: absolute;width: 0.34rem;top: -0.16rem;right: -0.38rem;}

.tooltip .content .tooltip_close:hover{transform: rotate(90deg);}

.tooltip .content::before{content: "";position: absolute;pointer-events: none;left: -0.1rem;top: 0.13rem;width: 0.92rem;height: 100%;background: url(../images/svg/pop_img1.svg) no-repeat top left;background-size: 100% auto;}

.tooltip .content::after{content: "";position: absolute;pointer-events: none;right: -0.13rem;top: 0.04rem;width: 1.08rem;height: 100%;background: url(../images/svg/pop_img2.svg) no-repeat top right;background-size: 100% auto;}

.tooltip .content .icon{position: relative;}

.tooltip .content .icon img{width: 0.73rem;margin: 0 auto;position: relative;z-index: 2;}

.tooltip .content .text{line-height: calc(19 / 14);min-height: calc(19 / 14 * 2em);text-align: center;color: #666;margin: 0.31rem auto 0;max-width: 3rem;}

.tooltip .content .arr{width: 0.09rem;margin: 0.28rem auto 0;}

.tooltip .content .btns{display: flex;align-items: center;justify-content: center;margin-top: 0.38rem;}

.tooltip .content .btns .cancel{padding: 0.11rem 0.16rem;border-radius: 0.4rem;min-width: 1.11rem;text-align: center;background: #333333;color: #fff;letter-spacing: 0.03em;line-height: calc(17 / 14);margin-right: 0.1rem;}

.tooltip .content .btns .cancel:hover{background: var(--viColor);}

.tooltip .content .btns a:only-child{width: 1.94rem;}

.tooltip .content .btns .confirm{padding: 0.11rem 0.13rem;border-radius: 0.4rem;background: #D7000F;text-align: center;color: #fff;letter-spacing: 0.03em;line-height: calc(17 / 14);}

.tooltip .content .btns .confirm:hover{background: red;}

.tooltip .content .icon::before{content: "";position: absolute;bottom: 0.15rem;left: -0.45rem;width: calc(100% + 0.9rem);height: 0.3rem;}

.tooltip_undelete .content .icon::before{background: url(../images/pop_text1.png) no-repeat center;background-size: contain;}

.tooltip_succ .content .icon::before{background: url(../images/pop_text2.png) no-repeat center;background-size: contain;}

.tooltip_wron .content .icon::before{background: url(../images/pop_text3.png) no-repeat center;background-size: contain;}

.ptbox2 .left{width: 100%;}
.ptbox2 .right{display: none;}




.widget{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(33, 43, 55, 0.3);z-index: 303;display: none;}

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

.widget .cont .wox{max-height: 90vh;overflow-y: auto;border-radius: 6px;width: 90vw;max-width: 672px;box-shadow: rgba(0, 0, 0, 0.1) 0px 11px 30px 0px;position: relative;}

.widget .cont .wox .title{
  color: rgb(34, 34, 34);
  margin: 0px;
  display: block;
  text-align: center;
  line-height: 1.5em;
  border-bottom: 1px solid rgba(33, 43, 55, 0.1);
  background-color: rgb(245, 247, 250);
  padding: 0.22rem 0.4rem;
}

.widget .cont .wox .close{position: absolute;top: 12px;right: 12px;width: 10px;}

.widget .cont .wox .form{background-color: rgb(255, 255, 255);padding: 0.12rem 0;}

.widget .cont .wox .form .fm1{padding: 8px 0.2rem 0.2rem;}

.widget .cont .wox .form .fm1 .tit{
  text-align: left;
  color: rgb(85, 85, 85);
  min-height: 1.2em;
  font-weight: 500;
  line-height: 1.5em;
  padding-bottom: 0.32rem;
}
.widget .cont .wox .form .fm1 .lbox{
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  justify-content: center;
}
.widget .cont .wox .form .fm1 label {
    color: var(--viColor);
    width: auto;
    border: 1px solid var(--viColor);
    cursor: pointer;
    height: auto;
    margin: 0px 3px;
    display: flex;
    transition: border-radius 0.3s;
    align-items: center;
    font-weight: 600;
    line-height: 42px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    justify-content: center;
}
.widget .cont .wox .form .fm1 label:first-child {
    margin-left: 0px;
}
.widget .cont .wox .form .fm1 label:last-child {
    margin-right: 0px;
}
.widget .cont .wox .form .fm1 label input {
    color: transparent;
    width: 0px;
    border: none;
    height: 0px;
    margin: 0px;
    display: inline-block;
    outline: none;
    padding: 0px;
    z-index: -1;
    position: absolute;
    font-size: 1px;
    background: transparent;
    font-family: inherit;
    line-height: 1;
    white-space: inherit;
    vertical-align: middle;
    appearance: none;
}
.widget .cont .wox .form .fm1 .text{display: flex;justify-content: space-between;padding-top: 0.16rem;}

.widget .cont .wox .form .fm1 label:hover{border-radius: 4px;}

.widget .cont .wox .form .fm1 label.act{color: rgb(255, 255, 255);border-radius: 4px;background-color: var(--viColor);}

.widget .cont .wox .form .fm2{padding: 8px 0.2rem 8px;display: none;}

.widget .cont .wox .form .fm2 .tit{margin-bottom: 8px;line-height: 1.5;}

.widget .cont .wox .form .det textarea{display: block;resize: none;width: 100%;height: 64px;padding: 8px;line-height: 1.5;border: 1px solid rgba(33, 43, 55, 0.3);transition: color 0.2s, border-color 0.2s;border-radius: 2px;background: #fff;}

.widget .cont .wox .form .det .erron{color: #F71108;margin-top: 8px;display: none;}

.widget .cont .wox .form .submit{margin-top: 8px;padding: 0 0.24rem;display: none;}

.widget .cont .wox .form .submit input{height: 40px;width: 100px;background: var(--viColor);color: #fff;}

.widget .cont .wox .form .fm2.act textarea{border-color: var(--viColor);}

.widget .cont .wox .form .fm2.act .erron{display: block;}

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




.hd1 .language,
.hd1 .brand{cursor: pointer;}

.hd_xl{background: #F6F7F8;}

.hd_xl .hd_brand{display: none;padding: 17px 0 21px;}

.hd_xl .hd_brand .ul{display: flex;align-items: center;gap: 20px 20px;}

.hd_xl .hd_brand .ul .li .ss{display: flex;align-items: center;line-height: calc(22 / 16);}

/*.hd_xl .hd_brand .ul .li .ss .icon{margin-right: 0.07rem;max-height: calc(24 / 16 * 1em);max-width: 49px;display: flex;align-items: center;}*/

.hd_xl .hd_brand .ul .li .ss .icon{margin-right: 0.07rem;height: 47px;width: 105px;display: flex;align-items: center;}

.hd_xl .hd_brand .ul .li .ss .icon img{height: 100%;width: 100%;object-fit: contain;}

.hd_xl .hd_brand .ul .li .ss .text{display: flex;align-items: center;color: #333;display: none;}

.hd_xl .hd_brand .ul .li .ss .text img{width: 6px;margin-left: 0.08rem;}

.hd_xl .hd_brand .ul .li .ss img{filter: grayscale(100%) brightness(20%);}

.hd_xl .hd_brand .ul .li .ss:hover .text{color: var(--viColor);}

.hd_xl .hd_brand .ul .li .ss:hover img{filter: grayscale(0%) brightness(100%);}

.hd_xl .hd_language{display: none;padding: 20px 0 17px;}

.hd_xl .hd_language .title{line-height: 1.5;}

.hd_xl .hd_language .ul{display: flex;flex-wrap: wrap;margin-top: 0.1rem;}

.hd_xl .hd_language .ul .li{width: 12.5%;padding-right: 0.1rem}

.hd_xl .hd_language .ul .li a{display: block;width: fit-content;line-height: 1.5;padding: 0.05rem 0;}

.hd_xl .hd_language .ul .li a:hover{color: var(--viColor);}



/* 新闻 */
.newsbox{padding: 55px 0 70px;}

.newsbox .change{display: flex;
  align-items: center;
  justify-content: space-between;}

.newsbox .change .tab{display: flex;align-items: center;font-size: 0.16rem;}

.newsbox .change .tab a{
  width: max-content;
  height: 0.46rem;
  text-align: center;
  line-height: 0.46rem;
  padding: 0 0.3rem;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #efefef;
  color: #333333;
  margin-right: 0.16rem;
  transition: all 0.4s;
}
.newsbox .change .tab a.act,
.newsbox .change .tab a:hover {
  background-color: #333333;
  background: var(--viColor);
  color: #fff;
  box-shadow: none;
}

.newsbox .change .form {
    width: 2.66rem;
    height: 0.46rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    font-size: 0.14rem;
    display: flex;
    align-items: center;
}
.newsbox .change .form button {
    width: 15px;
    background: none;
    border: none;
}
.newsbox .change .form input {
    width: calc(100% - 15px);
    height: 100%;
    background: none;
    padding: 0 0.16rem;
}

.newsbox .news_ul{display: flex;flex-wrap: wrap;margin-top: 0.4rem;}

.newsbox .news_ul .li{width: 32%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 0.25rem;}

.newsbox .news_ul .li .ss{display: block;height: 100%;}

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

.newsbox .news_ul .li .pic{
  width: 100%;
  height: 2.51rem;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  position: relative;
}

.newsbox .news_ul .li .pic video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 3;}

.newsbox .news_ul .li .pic img{height: 100%;object-fit: cover;}

.newsbox .news_ul .li .tag{
  position: absolute;
  top: 0;
  right: 0;
  width: fit-content;
  padding: 0 0.08rem;
  height: 0.46rem;
  text-align: center;
  font-size: 0.14rem;
  line-height: 0.46rem;
  color: #fff;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  z-index: 5;
}

.newsbox .news_ul .li .intro {
    position: relative;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0.04rem 0.6rem rgba(0, 0, 0, 0.05);
    padding: 0.2rem 0.3rem 0.3rem;
    overflow: hidden;
}

.newsbox .news_ul .li .intro::before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: calc(0.45rem - 1px);
    border-bottom: calc(0.16rem + 1px) solid var(--viColor);
    border-left: calc(0.2rem + 1px) solid transparent;
    border-right: calc(0.2rem + 1px) solid transparent;
    opacity: 0;
    transition: none;
}
.newsbox .news_ul .li .intro::after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0.45rem;
    border-bottom: 0.16rem solid #f8f8f8;
    border-left: 0.2rem solid transparent;
    border-right: 0.2rem solid transparent;
    z-index: 2;
    opacity: 0;
    transition: none;
}

.newsbox .news_ul .li .intro .time {
    color: #555555;
    font-size: 0.16rem;
    line-height: 2;
    margin-top: 0.2rem;
}

.newsbox .news_ul .li .intro .h {
    color: #333333;
    font-size: 0.24rem;
    line-height: 0.33rem;
    height: 0.66rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.main-more {
    font-size: 0.14rem;
    display: block;
    min-width: 1.28rem;
    width: -moz-max-content;
    width: max-content;
    height: 0.38rem;
    padding: 0 0.24rem;
    text-align: center;
    line-height: 0.38rem;
    background-color: #fff;
    color: #333333;
    border-radius: 2px;
    transition: all 0.4s;
    box-shadow: 0 0 0 1px #efefef;
    margin-top: 0.24rem;
}

.main-more:hover {
    background-color: var(--viColor);
    color: #fff;
    box-shadow: none;
}

.newsbox .news_ul .li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--viColor);
    transition: all 0.4s;
}
.newsbox .news_ul .li:hover::after {
    width: 100%;
}

.newsbox .news_ul .li:hover .intro::before,
.newsbox .news_ul .li:hover .intro::after {
    opacity: 1;
}
.newsbox .news_ul .li:hover .pic img{transform: scale(1.04);}

.newsbox .news_ul .li:hover .intro .time{color: var(--viColor);}

.newsbox .news_ul .li:hover .intro{background:  url(../images/oss_01_3_2.png) no-repeat bottom right;
    background-size: calc(580 / 680 * 100%) auto;transition: none;}

.nsDetLayout{padding: 1rem 0;}



.nsDetLayout .title{font-size: 0.4rem;line-height: 1.5;}

.nsDetLayout .edit{font-size: 0.18rem;line-height: 1.7;margin-top: 0.5rem;}

.nsDetLayout .edit img{max-width: 80%;display: block;margin:0 auto;}

.oss44_1 .swpbox .ss .txt{padding: 38px 38px 39px;}
.oss32 .swpbox .ss .txt .t2{margin-top: 23px;}

.oss33box{padding-top: 40px;background: #fff;}

.oss33box .main_li{padding-top: 0;padding-bottom: 0;}

.oss53.oss44_1 .swpbox .ss .imgbox:after{filter: grayscale(1);}

.oss33box .oss33.mg-40 .item .txtbox .swpbox{margin: 60px -62px 0 calc(-55px - (186 / 596 * 100%));}




.oss17{opacity: 0;}
.oss17.act{opacity: 1;}

.oss17 .swiper1 {
    overflow: hidden;
}

.oss17 .swiper-wrapper {
    display: flex;
    animation: marquee 20s linear infinite; /* 调整时间控制速度 */
    width: max-content;
}

.oss17 .swiper2 .swiper-wrapper {
    animation: marquee-reverse 20s linear infinite; /* 调整时间控制速度 */
}

.oss17 .swiper-wrapper:hover {
    animation-play-state: paused;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes marquee-reverse {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* 确保内容足够长以实现循环 */
.oss17 .swiper-slide {
    flex-shrink: 0;
}


.oss32.oss53.oss44_1 .swpbox .ss .pic{display: none;}


.pdox .pcon .item6 .ul{margin-top: 11px;}

.pdox .pcon .item6 .ul .li:not(:first-child){margin-top: 18px;}

.pdox .pcon .item6 .ul .li{padding-bottom: 12px;border-bottom: 1px solid #E9E9E9;display: flex;align-items: center;justify-content: space-between;}

.pdox .pcon .item6 .ul .li .sbt .lf{display: none !important;}

.pdox .pcon .item6 .ul .li .txtbox{max-width: calc(100% - 80px);}

.pdox .pcon .item6 .ul .li .txtbox .t1{line-height: calc(22 / 16);color: var(--viColor);}

.pdox .pcon .item6 .ul .li .txtbox .t2{margin-top: 7px;line-height: calc(25 / 18);}

.pdox .pcon .item6 .ul .li .txtbox .t2:hover{color: var(--viColor);}

.pdox .pcon .item6 .ul .li .sbt{display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}

.pdox .pcon .item6 .ul .li .sbt .lf{display: flex;gap: 11.5px;line-height: calc(18 / 16);align-items: center;}

.pdox .pcon .item6 .ul .li .sbt .lf s{width: 1px;height: 14px;background: #333;}

.pdox .pcon .item6 .ul .li .sbt .rf{width: 25px;}




.oss_tdf1 .swiper{padding: 30px 0 24px;}

.oss_tdf1 .swiper-slide{border-radius: 10.61px;background: #FFF;box-shadow: 0 2.829px 21.221px 0 rgba(0, 0, 0, 0.06);padding: 29px 26px 29px 30px;height: auto;}

.oss_tdf1 .swiper-slide .ico{height: 35px;display: flex;align-items: center;width: fit-content;}

.oss_tdf1 .swiper-slide .ico img{max-height: 35px;object-fit: contain;}

.oss_tdf1 .swiper-slide .t1{line-height: calc(28 / 22);margin-top: 7px;min-height: calc(28 / 22 * 2em);}

.oss_tdf1 .swiper-slide .line{margin: 10px 0;background: rgba(195, 195, 195, 0.33);height: 1px;}

.oss_tdf1 .swiper-slide .t2{line-height: calc(24 / 16);color: #888;padding-right: 11px;margin-right: -11px;overflow-y: auto;}

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

.swpbtnbox .pogin{display: flex;align-items: center;}

.swpbtnbox .pogin span{width: 51px;height: 2px;background: #606060;opacity: 0.2;margin-right: 10.3px;}

.swpbtnbox .pogin span.swiper-pagination-bullet-active{background: var(--viColor);opacity: 1;}

.swpbtnbox .swpbtn{display: flex;align-items: center;}

.swpbtnbox .swpbtn a{position: relative;left: 0;top: 0;transform: none;margin-left: 16px;}

.main_maf{overflow: hidden;}

.oss_tdf2{margin: 0 -40px;padding: 20px 0;margin-top: 10px;}

.oss_tdf2 .swiper{width: calc(1050 / 1360 * 100%);margin: 0 auto;overflow: visible;}

.oss_tdf2 .swiper .swiper-slide{height: auto;padding: 50px 36px 50px 20px;background: #F6F7F8;display: flex;justify-content: space-between;align-items: flex-start;border-radius: 12px;}

.oss_tdf2 .swiper .swiper-slide::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/tdf8.png) no-repeat bottom right 17.9px;opacity: 0;}

.oss_tdf2 .swiper .imgbox{width: 400px;height: 380px;border-radius: 12px;overflow: hidden;position: relative;z-index: 2;}

.oss_tdf2 .swiper .imgbox img{height: 100%;object-fit: cover;}

.oss_tdf2 .swiper .txtbox{padding-right: 18px;max-height: 380px;overflow-y: auto;margin-left: 46px;flex: 1;margin-top: 40px;position: relative;z-index: 2;}

.oss_tdf2 .swiper .txtbox .t1{line-height: calc(32 / 24);}

.oss_tdf2 .swiper .txtbox .t2{line-height: calc(30 / 16);margin-top: 40px;}

.oss_tdf2 .swiper .swiper-slide.swiper-slide-active{background: #fff;box-shadow: 0 4px 40.1px 0 rgba(0, 0, 0, 0.08);}

.oss_tdf2 .swiper .swiper-slide.swiper-slide-active::before{opacity: 1;}

.oss_tdf2 .swpbtn a{display: flex;}

.oss_tdf2 .swpbtn a.prev{left: calc(-75px - 39px);}

.oss_tdf2 .swpbtn a.next{right: calc(-75px - 39px);}

.oss_tdf3 .swiper{padding: 30px 0 24px;}

.oss_tdf3 .swiper .swiper-slide{display: block;border-radius: 10px;background: #FFF;box-shadow: 0 4px 29.1px 0 rgba(51, 51, 51, 0.11);position: relative;overflow: hidden;}

.oss_tdf3 .swiper .swiper-slide .imgbox{height: 248px;}

.oss_tdf3 .swiper .swiper-slide .imgbox img{height: 100%;object-fit: cover;}

.oss_tdf3 .swiper .swiper-slide .status{position: absolute;top: 19px;left: 36px;padding: 0 11px;line-height: 29px;background: #fff;border-radius: 3px;letter-spacing: 0.03em;}

.oss_tdf3 .swiper .swiper-slide .txtbox{padding: 15px 36px 20px 37px;}

.oss_tdf3 .swiper .swiper-slide .txtbox .t1{line-height: calc(30 / 14);letter-spacing: 0.05em;}

.oss_tdf3 .swiper .swiper-slide .txtbox .t2{line-height: 1.5;height: 3em;margin-top: 15px;}

.oss_tdf3 .swiper .swiper-slide:hover .txtbox .t2{color: var(--viColor);}

.joinLayout .jox .follow .alink a img{filter: grayscale(1);background-color: #e6e6e6;filter: grayscale(1);opacity: 0.5;}

.joinLayout .jox .follow .alink a:hover img{filter: grayscale(0);opacity: 1;}




.download_list .li-box {
  margin-top: 50.00px;
}

.download_list .li-box .li {
  display: flex;
  align-items: center;
  margin-bottom: 20.00px;
  background-color: #fff;
  padding: 24.00px;
  border-radius: 5px;
  position: relative;
  transition: all 0.4s;
}

.download_list .li-box .li:last-child {
  margin-bottom: 0;
}

.download_list .li-box .li .icon {
  width: 196.00px;
  height: 140.00px;
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-right: 40.00px;
  transition: all 0.4s;
  font-size: 18px;
}

.download_list .li-box .li .icon div {
  width: auto;
  max-width: 90%;
}

.download_list .li-box .li .icon p {
  color: #333333;
}

.download_list .li-box .li .intro {
  width: calc(100% - 320.00px);
}

.download_list .li-box .li .intro .h {
  color: #333333;
  line-height: 1.3;
  transition: all 0.4s;
  font-size: 24px;
}

.download_list .li-box .li .intro .txt {
  margin-top: 16.00px;
  color: #666666;
  line-height: 26.00px;
  max-height: 26.00px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 18px;
}

.download_list .li-box .li .arr {
  position: absolute;
  top: 50%;
  right: 40.00px;
  transform: translateY(-50%);
  width: 40.00px;
  height: 40.00px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #333;
  transition: all 0.4s;
}

.download_list .li-box .li .arr img {
  filter: grayscale(1);
  width: auto;
}

.download_list .li-box .li:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.download_list .li-box .li:hover .intro .h {
  color: var(--viColor);
}

.download_list .li-box .li:hover .icon{background: #fff;}

.download_list .li-box .li:hover .arr {
  box-shadow: 0 0 0 1px var(--viColor);
}

.download_list .li-box .li:hover .arr img {
  filter: initial;
}



/* 地板新增 */
.diban_ban .txtbox{position: absolute;left: 0;top: calc(199 / 608 * 100%);z-index: 11;padding: 0 40px;width: 100%;}

.diban_ban .txtbox .t1{line-height: calc(70 / 64);color: #fff;}

.diban_ban .txtbox .t2{line-height: calc(25 / 18);color: #fff;margin-top: 21px;}

.oss_db1 .swpbox{position: relative;}

.oss_db1 .swpbox .ss{display: block;border-radius: 10px;overflow: hidden;}

.oss_db1 .swpbox .ss .imgbox{height: 406px;}

.oss_db1 .swpbox .ss .imgbox img{height: 100%;object-fit: cover;}

.oss_db1 .swpbox .ss .txtbox{position: absolute;left: 0;bottom: 0;width: 100%;height: 112px;}

.oss_db1 .swpbox .ss .txtbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff url(../images/db1_5.png) no-repeat center bottom;background-size: 162px auto;opacity: 0;}

.oss_db1 .swpbox .ss .txtbox .t1{line-height: calc(27 / 20);color: #fff;position: absolute;top: 43px;left: 28px;text-align: center;width: calc(100% - 56px);}

.oss_db1 .swpbox .ss .txtbox .t2{position: absolute;top: 80px;left: 0;width: 100%;display: flex;align-items: center;justify-content: center;line-height: calc(19 / 14);color: var(--viColor);opacity: 0;}

.oss_db1 .swpbox .ss .txtbox .t2 img{margin-left: 10px;width: 6px;}

.oss_db1 .swpbox .ss:hover .txtbox::before{opacity: 1;}

.oss_db1 .swpbox .ss:hover .txtbox .t1{color: var(--viColor);top: 26px;}

.oss_db1 .swpbox .ss:hover .txtbox .t2{opacity: 1;top: 63px;}

.oss_db3{position: relative;border-radius: 12px;overflow: hidden;}

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

.oss_db3 .text1{position: relative;z-index: 2;width: 382px;background: #946A45;padding: 114px 61px 104px;}

.oss_db3 .text1 .t1{line-height: calc(49 / 36);color: #fff;}

.oss_db3 .text1 .t2{margin-top: 0.8rem;}

.oss_db3 .text1 .t2 .tt:not(:first-child){margin-top: 0.23rem;}

.oss_db3 .text1 .t2 .tt a{display: block;position: relative;padding-left: 17.43px;line-height: 16px;color: #fff;}

.oss_db3 .text1 .t2 .tt a:hover{color: var(--viColor);}

.oss_db3 .text1 .t2 .tt a::before{content: "";position: absolute;left: 0;top: 5px;width: 5.4px;height: 5.4px;border-radius: 50%;background: #fff;}

.oss_db3 .text2{width: calc(100% - 133px);background: #fff;padding: 27px 30px 13px 0;line-height: calc(28 / 16);color: #333;position: relative;z-index: 3;}

.oss_db3 .text2 .tt{max-width: 812px;}

.main_db4{padding-bottom: 74px;}

.db4_1{position: relative;}

.db4_1 .imgbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.db4_1 .imgbox img{height: 100%;object-fit: cover;}

.db4_1 .imgbox::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.20);mix-blend-mode: multiply;}

.db4_1 .txtbox{position: relative;z-index: 3;padding: 87px 40px 222px;}

.db4_1 .txtbox .t1{text-align: center;line-height: calc(70 / 64);color: #fff;}

.db4_1 .txtbox .line{width: 464px;height: 2px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #D7000F 53.85%, rgba(255, 255, 255, 0.00) 100%);margin: 21.5px auto 18.5px;}

.db4_1 .txtbox .t2{line-height: calc(28 / 16);color: #fff;max-width: 880px;margin: 0 auto;text-align: center;}

.db4_2{margin-top: -103px;position: relative;z-index: 5;}

.db4_2 .swiper{overflow: visible;}

.db4_2 .swiper-slide{height: auto;background: #fff;border-radius: 10px;overflow: hidden;padding: 34px 27px 85px;box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06);}

.db4_2 .swiper-slide::before{content: "";position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/db4_2.png) no-repeat right bottom;}

.db4_2 .swiper-slide::after{content: "";position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/db4_3.png) no-repeat right bottom;opacity: 0;}

.db4_2 .swiper-slide s{position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: var(--viColor);border-radius: 2px;}

.db4_2 .txtbox{position: relative;z-index: 3;}

.db4_2 .txtbox .t1{display: flex;align-items: center;}

.db4_2 .txtbox .t1 .ico{width: 26px;min-width: 26px;}

.db4_2 .txtbox .t1 .txt{margin-left: 1em;line-height: calc(24 / 18);}

.db4_2 .txtbox .t2{line-height: calc(24 / 14);color: #888;min-height: calc(24 / 14 * 4em);margin-top: 21px;}

.db4_2 .number{position: absolute;left: 27px;bottom: 20px;line-height: 1.25;color: #D6D6D6;display: flex;align-items: baseline;}

.db4_2 .number span{line-height: 1;color: #333;margin-right: 6px;}

.db4_2 .swiper-slide:hover::before{opacity: 0;}

.db4_2 .swiper-slide:hover::after{opacity: 1;}

.db4_2 .swiper-slide:hover .number span{color: var(--viColor);}

.db4_3{margin-top: 25px;overflow: hidden;}

.db4_3 .ul {
    position: relative;
    z-index: 2;
    display: flex;
    width: max-content;
    justify-content: space-between;
    min-width: 100%;
}

.db4_3.act .ul{animation: marquee 30s linear infinite;}

.db4_3 .ul:hover {
    animation-play-state: paused;
}

.db4_3 .ul .li:not(:last-child){margin-right: 0.54rem;}

.db4_3 .ul .li{height: 58px;display: flex;align-items: center;width: fit-content;}

.db4_3 .ul .li img{max-width: 100%;}

.oss_db2{position: relative;}

.oss_db2 .imgbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.oss_db2 .imgbox img{height: 100%;object-fit: cover;}

.oss_db2 .txtbox{position: relative;z-index: 3;padding: 67px 0 141px;text-align: center;}

.oss_db2 .txtbox .t1{line-height: calc(70 / 36);color: #fff;}

.oss_db2 .txtbox .line{width: 464px;height: 2px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #D7000F 53.85%, rgba(255, 255, 255, 0.00) 100%);margin: 13px auto 12px;}

.oss_db2 .txtbox .t2{line-height: 1.75;color: #fff;}

.oss_db2 .txtbox .inbtn{margin: 38px auto 0;}

.oss_db2 .listbox{position: relative;z-index: 3;background: url(../images/db2_1.png) no-repeat bottom center;}

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

.oss_db2 .listbox .ul .li{margin-right: 1.8rem;}

.oss_db2 .listbox .ul .li:nth-child(odd){padding-top: 37px;}

.oss_db2 .listbox .ul .li:last-child{margin-right: 0;}

.oss_db2 .listbox .ul .li .img{width: 160px;height: 160px;border-radius: 50%;position: relative;}

.oss_db2 .listbox .ul .li .img img{position: relative;z-index: 3;width: 160px;height: 160px;border-radius: 50%;}

.oss_db2 .listbox .ul .li .img::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #D7000F;z-index: 4;}

.oss_db2 .listbox .ul .li .img::after{content: "";position: absolute;top: 152px;left: 4px;width: 152px;height: 16px;background: url(../images/db2_6.png) no-repeat center;filter: blur(7.5px);}

.oss_db2 .listbox .ul .li .txt{margin-top: 25px;text-align: center;line-height: calc(25 / 18);}

.oss_db2 .listbox .ul .li:hover .txt{color: var(--viColor);}

.db5{margin-top: 50px;position: relative;}

.db5 .swiper{overflow: visible;}

.db5 .swiper-slide{height: auto;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 8.33px 24.991px rgba(0, 0, 0, 0.05);}

.db5 .swiper-slide .imgbox{height: 188px;overflow: hidden;position: relative;z-index: 2;}

.db5 .swiper-slide .imgbox img{height: 100%;object-fit: cover;}

.db5 .swiper-slide .txtbox{padding: 28px 18px 24px;}

.db5 .swiper-slide .txtbox .t1{line-height: calc(25 / 18);}

.db5 .swiper-slide .txtbox .t2{line-height: calc(22 / 14);color: #888;margin-top: 17px;}



.oss7 .title{position: relative;margin-bottom: 0.41rem;width: max-content;}



.phmenu{display: none;}


.in1 .right,
.in1 .left{width: calc((100% - 720px - 50px) / 2);}

.in1 .center{width: 720px;}

.in1 .right .more .tt{white-space: nowrap;}

.fanye{margin-top: 0.5rem;}

.fanye a{display: block;}

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






@media screen and (max-width:1360px) {
    .in1 .right .more a{font-size: 12px;white-space: nowrap;}
}


@media screen and (max-width:1300px) {
  .header .hd3 .left .line:nth-child(10){display: block;}
  .header .hd3 .left .more{display: flex;}
  .header .hd3 .left .link:nth-child(9){display: none;}
  .header .hd3 .left .line:nth-child(10){display: none;}
  .header .hd3 .left .more .morebot .cont .it a:nth-child(4){display: block;}

  .oss6 .oox .txtbox .t3,
  .oss6 .txtbox .countbox{margin-top: 30px;}

  .oss3 .ul .li .ss .imgbox,
  .oss3 .ul .li .ss .txtbox{height: 260px;}

  .oss10 .ul .li .ss .imgbox{height: 280px;}
}

@media screen and (max-width:1260px) {
  .header .hd2 .nationa{gap: 15px;}
  .header .hd2 .search{width: calc(100% - 650px);}
  .header .hd2 .line{margin: 0 15px;}
  .header .hd2 .nationa{padding-left: 5px;}
  .header .hd3 .left .link:nth-child(7){display: none;}
  .header .hd3 .left .line:nth-child(8){display: none;}
  .header .hd3 .left .more .morebot .cont .it a:nth-child(3){display: block;}
  .w1440{padding-left: 20px;padding-right: 20px;}

  .in1 .right{display: none;}
  .in1 .center{width: calc(100% - 295px - 26px - 24px);margin-right: 0;}

  .in2 .ul .li{width: calc((100% - 24px) / 4);}
  
  .in1 .left{width: calc(100% - 720px - 26px - 26px);}
  
  .in1 .center{width: 720px;}
}

@media screen and (max-width:1120px) {
  .header .hd3 .left .link:nth-child(5){display: none;}
  .header .hd3 .left .line:nth-child(6){display: none;}
  .header .hd3 .left .more .morebot .cont .it a:nth-child(2){display: block;}
}

@media screen and (min-width:1025px) {
    .modal{display: none !important;}
}

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

  .mg40{margin-top: 30px;}
    .mg60{margin-top: 30px;}
    .mg80{margin-top: 40px;}
    .pd50_0{padding-top: 30px;}
    .pd0_50{padding-bottom: 30px;}
    .pd50_50{padding-top: 30px;padding-bottom: 30px;}

  .mg50{margin-top: 25px;}
  .mg55{margin-top: 25px;}
  .mg62{margin-top: 30px;}
  .mg65{margin-top: 30px;}
  .mg68{margin-top: 30px;}
  .mg70{margin-top: 30px;}
  .pd46_51{padding-top: 20px;padding-bottom: 25px;}
  .pd46_56{padding-top: 25px;padding-bottom: 30px;}
  .pd50_0{padding-top: 30px;padding-bottom: 0;}
  .pd50_48,
  .pd50_50,
  .pd50_60,
  .pd50_75,
  .pd50_85,
  .pd53_65,
  .pd57_54,
  .pd60_60{padding: 30px 0;}
  .pd65_70,
  .pd65_75,
  .pd70_50,
  .pd70_70,
  .pd80_50,
  .pd80_62,
  .pd80_85,
  .pd90_60{padding: 40px 0;}

  .header .hd3{display: none;}

  .hd_xl .hd_brand{padding: 10px 0;}

  .hd_xl .hd_brand .ul{flex-wrap: wrap;gap: 10px 5px;gap: 21px;}

  .hd_xl .hd_brand .ul .li .ss .icon{margin-right: 0;height: 30px;width: 63px;}

  .hd_xl .hd_language{padding: 10px 0;}

  .header .hd2 .logo a{width: 100px;}

  .header .hd2 .search{flex: 1;margin: 0 20px;}

  .phmenu{display: block;width: 24px;}

  .hd1 .w1440{gap: 20px;}

  .header .hd2 .sign{display: none;}

  .header .hd2 .search .submit{width: 39px;font-size: 0;background: var(--viColor) url(../images/svg/hd_search.svg) no-repeat center;padding-left: 0;}

  .header .hd2 .search input[type=text]{padding: 0 50px 0 10px;}

  .header .hd2 .w1440{height: 67px;}

  .indexLayout{padding: 0 0 30px;overflow: hidden;}

  .in1{padding: 0;border-radius: 0;display: block;margin: 0 -20px;}

  .in1 .left{display: none;}

  .in1 .center{width: 100%;margin: 0;}

  .in1 .center .swiper{border-radius: 0;}

  .in1 .center .ul{display: none;}

  .in1 .center .swiper .imgbox img{height: auto;aspect-ratio: 720 / 393;}

  .m_dw{top: -68px;}

  .swpbtn .alltime img,
  .swpbtn a img{width: 5px;}

  .swpbtn .alltime,
  .swpbtn a{width: 30px;height: 30px;}

  .swpbtn .alltime.prev,
  .swpbtn a.prev{left: -15px;}

  .swpbtn .alltime.next,
  .swpbtn a.next{right: -15px;}

  .in2{margin-top: 42px;}

  .in2 .swpbox{margin-top: 0;}

  .in2 .swpbox .swiper{padding: 21px 0;}

  .in3{margin-top: 10px;}

  .in3 .ul{width: 100%;margin-left: 0;margin-top: 20px;gap: 10px;}

  .in3 .ul .li{width: calc(50% - 10px);}
  
  .in3 .swpbox{width: 100%;margin-left: 0;margin-top: 20px;}

  .in3 .picbox{display: none;}

  .in4{background: none !important;margin-top: 30px;padding: 0;}

  .in4 .left{width: 100%;padding-top: 0;}

  .in4 .right{width: 100%;margin-top: 20px;padding: 20px;}

  .in4 .right .switch{gap: 10px;margin-top: 10px;}

  .in5{padding: 20px;}

  .in5 .left{width: 100%;}

  .in5 .left .more{margin-top: 15px;}

  .in5 .right{width: 100%;margin-top: 20px;padding: 20px;}

  .in5 .right .swiper .txtbox{margin-top: 10px;height: auto;}

  .in5 .right .swiper .ss{padding-bottom: 0;}

  .in6{margin-top: 30px;}

  .in6 .swiper-slide{width: 200px;}

  .in6 .swiper-slide .ss{padding: 20px;}

  .in6 .swiper-slide .ss .imgbox{height: 90px;}

  .in6 .swiper-slide .ss .txtbox{margin-top: 10px;}

  .in7 .iox .swiper .ss{padding: 20px 15px;}

  .in7{margin-top: 30px;}

  .in7 .iox .swiper .ss .imgbox{height: 120px;}

  .in8{padding: 0 0 30px;}

  .in8 .ul{gap: 10px;padding: 20px;}

  .in8 .ul .li{width: calc(50% - 5px);}

  .in8 .ul .li .ss .icon{width: 50px;height: 50px;}

  .quick .query .link{gap: 8px;}

  .quick .query .tit{font-size: 16px;}

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

  .footer .ftp .right{width: 100%;margin-top: 20px;}

  .footer .ftp .left .ul{flex-wrap: wrap;}

  .footer .ftp .left .ul .li{max-width: 40%;width: 40%;margin-top: 15px;}

  .footer .ftp .left .ul .li:nth-child(2n){max-width: 60%;width: 60%;}

  .footer .ftp .left .ul .li .lv1{font-size: 16px;}

  .footer .ftp .left .ul .li:nth-child(-n + 2){margin-top: 0;}

  .footer .ftp .right .tit{font-size: 16px;}

  .footer .ftp .choose .list .item img{max-height: 30px;}

  .in7 .iox .swiper .ss .txt{font-size: 14px;}

  .in8 .ul .li .ss .text{font-size: 14px;text-align: center;}

  .pcbox{display: none;}

  .phbox{display: block;}

  .inbtn{height: 30px;padding: 0 12px;}

  .in1 .center .swiper .link{height: 30px;padding: 0 12px;}

  .sidebar{top: 50%;padding: 10px;}

  .plox .left{display: none;}

  .plox .right{width: 100%;}

  .plox .right .iox .li{width: calc(50% - 4px);}

  .plox .right .iox .ss .imgbox,
  .plox .right .iox .ss .imgbox .swiper{height: 120px;}

  .plox .right .iox .ss{padding: 10px 10px 108px;}

  .plox .right .iox .ss .btnbox{left: 10px;bottom: 20px;}

  .plox .right .item .tit{font-size: 18px;}

  .plox .right .iox .li:nth-child(4n),
  .plox .right .iox .li:last-child,
  .plox .right .iox .li:nth-child(4n + 1),
  .plox .right .iox .li:first-child{border-radius: 0;}

  .plox .right .item .lv2item .it{margin-top: 20px;}

  .plox{margin-top: 20px;}

  .plox .right .item .lv2item .it:first-child{margin-top: 10px;}

  .pdox{margin-top: 20px;flex-direction: column-reverse;}

  .pdox .right{width: 100%;box-shadow: none;padding: 0 0 10px;}

  .pdox.on .right{position: relative;top: 0;max-height: none;}

  .pdox .right .rox4 .rlf{width: 110px;gap: 5px;font-size: 14px;}

  .pdox .right .rox4 .rlf img{width: 26px;}

  .pdox .left{width: 100%;margin-top: 20px;}

  .pdox .pdbar{flex-wrap: wrap;position: relative;top: 0;}

  .pdox .pd1{flex-direction: column-reverse;}

  .pdox .pd1 .prf{width: 100%;height: 320px;}

  .pdox .pd1 .prf .swiper{max-width: none;max-height: 320px;}

  .pdox .pd1 .prf .swiper .swiper-slide{height: 320px;}

  .pdox .pd1 .prf .pogin span{opacity: 1;}

  .pdox .pd1 .plf{display: none;}

  .pddetailLayout{overflow: hidden;}

  .widget .cont .wox .form .fm1 .lbox{display: flex;flex-wrap: wrap;gap: 6px;}

  .widget .cont .wox .form .fm1 label{width: 44px;margin: 0;}

  .widget .cont .wox .form .fm1 .text{padding-top: 15px;}

  .widget .cont .wox .form .submit{margin-bottom: 8px;}

  .samban_list .ul .li{width: calc(50% - 4px);}

  .samban_list .ul .li .ss{padding: 15px 10px;}

  .samban_list .ul .li .ss .imgbox{height: 110px;}

  .samban_list .ul .li .ss .txtbox .t2{height: auto;display: none;}

  .samban_list .ul .li:first-child .ss, .samban_list .ul .li:nth-child(5n + 1) .ss{border-radius: 0;}

  .pages{gap: 6px;}

  .samban_list .ul .li .ss .txtbox .t3{margin-top: 15px;}

  .mg50{margin-top: 30px;}

  .samban_list{padding-bottom: 0;}

  .sampleLayout{overflow: hidden;}

  .slt_ban .img{height: 300px;}

  .slt_ban .tit{top: 78px;}

  .solutionLayout{overflow: hidden;}

  .slt1 .tit2 p:not(:first-child){margin-top: 10px;}

  .slt1{min-height: auto;}

  .slt1 .swpbox{padding: 0;}

  .slt1 .swpbox .swiper .swiper-slide{padding: 20px;width: 200px;}

  .slt1 .swpbox .swiper .swiper-slide .text{font-size: 16px;}

  .slt2 .tit{top: 50px;}

  .oss62 .ul{gap: 8px;}

  .oss62 .ul .li{width: calc(50% - 4px);}

  .in_ban .imgbox{height: 300px;}

  .global_ban .txtbox{padding: 60px 20px 0;}

  .onestopLayout{overflow: hidden;}

  .mg-40{margin-left: -20px;margin-right: -20px;}
  .pd-40{padding-left: 20px;padding-right: 20px;}

  .global_ban .txtbox .t1{font-size: 26px;}

  .main_title .title{font-size: 24px;}

  .oss63{min-height: auto;}

  .oss63 .oox{position: relative;top: 0;flex-wrap: wrap;}

  .oss63 .lf{width: 100%;}

  .oss63 .rf{width: 100%;padding: 30px 20px;}

  .oss63 .rf .swpbox{margin: 20px 0 0;}

  .oss63 .rf .swpbox .lg{display: none;}

  .oss63 .rf .swpbox .swp{width: 100%;}

  .oss63 .rf .swpbox .swp .swiper{transform: none !important;}

  .oss63 .rf .swpbox .swp{padding-right: 0;}

  .oss63 .rf .swpbox .ss{padding: 20px;}

  .oss63 .rf .swpbox .ss .t1{margin-top: 15px;}

  .oss63 .rf .swpbox .ss .t2{margin-top: 10px;}

  .oss63 .rf .swpbox .ss .t3{margin-top: 30px;}

  .oss64 .oox{margin: 20px -20px 0;padding: 20px 20px 30px;}

  .oss64 .ul{gap: 8px;}

  .oss64 .ul .li a{padding: 8px 16px;}

  .oss64 .form .item{width: 100%;}

  .oss64 .form{margin-top: 20px;gap: 15px;}

  .oss64 .form .item .det{margin-top: 10px;}

  .oss64 .form .item .det input[type=email], .oss64 .form .item .det input[type=text]{padding: 0 15px;height: 40px;}

  .oss64 .form .item.item_code .det a{width: 110px;height: 40px;min-width: 110px;}

  .oss64 .form .item .submit{width: 180px;height: 40px;margin: 20px auto 0;}

  .oss65 .oox{padding-top: 40px;padding-bottom: 50px;}

  .oss65 .switch{gap: 10px;}

  .oss65 .switch a{padding: 8px 16px;}

  .oss65 .swpbox{margin-top: 0;padding: 0 20px;}

  .oss65 .mapbox{margin-top: 50px;}

  .oss65 .swpbox .item .swpbtn a{position: relative;top: 0;left: 0;transform: none;}

  .oss65 .swpbox .item{padding-right: 0;}

  .oss65 .swpbox .item .swpbtn{display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 20px;}

  .oss65 .swpbox{height: auto;}

  .oss65 .swpbox .item .ss{padding: 20px;}

  .oss65 .swpbox .item .ss .bot{height: auto;}

  .oss65 .swpbox .item .ss .top .rf{min-width: 40px;margin: 0 0 0 40px;}

  .newsbox .w1440{padding: 0;}

  .newsbox{padding: 40px 0 50px;}

  .newsbox .news_ul{gap: 10px;}

  .newsbox .news_ul .li{width: calc(50% - 5px);margin: 0;width: 100%;}

  .newsbox .news_ul .li .intro .h{font-size: 16px;line-height: 24px;height: 48px;}

  .newsbox .news_ul .li .intro .time{font-size: 14px;}

  .main-more{height: 32px;font-size: 12px;line-height: 30px;}

  .newsbox .change .tab a{height: 30px;line-height: 30px;font-size: 14px;margin-right: 0;}

  .newsbox .change{flex-wrap: wrap;}

  .newsbox .change .tab{flex-wrap: wrap;gap: 10px;}

  .newsbox .change .form{width: 100%;margin-top: 20px;}

  .faqLayout .fox .left{padding: 20px;width: 100%;position: relative;top: 0;}

  .faqLayout .fox .left .tit2 .rf .search{margin-left: 0;}

  .faqLayout .fox .left .tit2{margin-top: 20px;}

  .faqLayout .fox .right{width: 100%;padding: 20px;}

  .pages{flex-wrap: wrap;}

  .faqLayout .fox .right .ul .li .ltp .rf .txt{font-size: 14px;}

  .faqLayout .fox .right .ul .li .lbt .lox .rf .edit{font-size: 14px;}

  .faqLayout .fox .right .ul .li .ltp{padding: 15px 0;align-items: flex-start;}

  .faqLayout .fox .right .ul .li .lbt{padding-left: 0;}

  .faqLayout .fox .right .ul .li .ltp .rf{align-items: flex-start;}

  .faqLayout .fox .right .ul .li .ltp .rf .arr{height: 24px;display: flex;align-items: center;}

  .faqLayout .fox .right .ul .li .ltp .rf .txt{width: calc(100% - 40px);overflow: visible;
        white-space: normal;}

  .faqLayout .fox .left .ul{font-size: 14px;}

  .joinLayout .jox .imgbg{width: 100%;}

  .joinLayout .jox .txtbox{width: 100%;padding: 30px 20px;}

  .joinLayout .jox .form{width: 100%;}

  .joinLayout .jox .follow{margin-top: 30px;}

  .loginLayout .form{max-width: 100%;margin-right: 0;padding: 40px 20px;}

  .loginLayout .form .follow{gap: 8px;}

  .tooltip .content{min-width: 260px;}

  .tooltip .content .tooltip_close{width: 28px;top: -10px;right: -33px;}

  .ab1{min-height: auto;padding-top: 50px;padding-bottom: 50px;background-position: top center !important;}

  .ab1 .left{width: 100%;margin-left: 0;}

  .ab1 .right{width: 100%;margin-right: 0;margin-top: 10px;}

  .ab1 .right .ul .li{margin-top: 20px;}

  .ab2{padding-top: 50px;padding-bottom: 20px;}

  .ab2 .aox{flex-direction: column-reverse;}

  .ab2 .aox .right{width: 100%;height: auto;}

  .ab2 .aox .left{width: 100%;height: auto;}

  .ab2 .aox .left .ul{width: calc(100% - 40px);padding: 0;}

  .ab2 .aox .left .ul .li .itp{padding-top: 20px;}

  .ab2 .aox .left .ul .li{padding-bottom: 20px;}

  .ab3 .aox .left{width: 120px;height: 120px;margin: 60px 0 0 50px;}

  .ab3 .aox .left .twobox{top: 20px;left: -50px;}

  .ab3 .aox .left .twobox .num{font-size: 60px;line-height: 80px;height: 80px;}

  .ab3 .aox .left .twobox .num.act1 span{top: calc(-80px * 1);}

  .ab3 .aox .left .twobox .num.act2 span{top: calc(-80px * 2);}

  .ab3 .aox .left .twobox .num.act3 span{top: calc(-80px * 3);}

  .ab3 .aox .left .twobox .num.act4 span{top: calc(-80px * 4);}

  .ab3 .aox .left .twobox .num.act5 span{top: calc(-80px * 5);}

  .ab3 .aox .left .twobox .num.act6 span{top: calc(-80px * 6);}

  .ab3 .aox .left .twobox .num.act7 span{top: calc(-80px * 7);}

  .ab3 .aox .left .twobox .num.act8 span{top: calc(-80px * 8);}

  .ab3 .aox .left .twobox .num.act9 span{top: calc(-80px * 9);}


  .ab3 .aox .left .swiper .swiper-slide{font-size: 60px;line-height: 80px;}

  .ab3 .aox .left .swiper{height: 240px;padding: 80px 0;left: 22px;top: -60px;}

  .ab3 .aox .left{display: none;}

  .ab3 .aox .right{width: 100%;height: auto;padding: 0;max-width: 100%;}

  .ab4 .ul{gap: 10px;}

  .ab4 .ul .li{width: calc(50% - 5px);}

  .ab4 .ul .li .ss .imgbox{height: 200px;}

  .ab4 .ul .li .ss .txtbox{padding-bottom: 20px;}

  .ab4 .ul .li .ss .txtbox .t1{transform: translateY(0);font-size: 16px;line-height: 1.25;}

  .ab4 .ul .li .ss .txtbox .t2{opacity: 1;transform: translateY(0);display: none;}


  .ab5{margin-top: 40px;}

  .oss17 .swpbox .swiper-slide{width: 240px;}

  .oss17 .swpbox .imgbox{height: 135px;}

  .aboutLayout{overflow: hidden;}

  .oss17 .swpbox .txtbox{font-size: 16px;line-height: 1.25;}

  .ab6{padding: 50px 0;}

  .inner_switch{gap: 10px 0;margin-top: 20px;}

  .inner_switch a{padding: 0 15px;}

  .inner_switch a .txt{font-size: 15px;padding: 6px 0;}

  .ab6 .list .item .swiper-slide{width: 260px;margin-right: 20px;}

  .ab6 .list .item .swiper::before{left: 0;width: 50px;display: none;}
  .ab6 .list .item .swiper::after{right: 0;width: 50px;display: none;}

  .ab6 .list .item .swiper-slide .ss{padding: 20px 15px;flex-direction: column-reverse;}

  .ab6 .list .item .ss .imgbox{width: 100%;height: 150px;}

  .ab6 .list .item .ss .txtbox{width: 100%;padding-bottom: 30px;margin-top: 20px;}

  .ab6 .list .item .swiper{padding: 40px 20px;}

  .ab6 .list .item .ss .ico{left: 20px;bottom: 20px;}

  .ab3 .aox::before{display: none;}

  .ab3 .aox .right .swiper .swiper-slide{padding: 0;border-bottom: none;}

  .ab3 .aox .right::after,
  .ab3 .aox .right::before{display: none;}

  .ab3 .aox .right .swiper .t1{font-size: 18px;font-family: 'openB';}

  .ab3 .aox .right .swiper .t2{margin-top: 0;}

  .ab3 .pogin{display: block;margin-top: 0.4rem;position: relative;height: 2px;background: #D7D7D7;}

  .ab3 .pogin span{
      background: var(--viColor);
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transform: scale(0);
      transform-origin: left top;
  }

  .frlinkLayout .ul{padding: 50px 0;}

  .frlinkLayout .ul .li .imgbox{width: 100%;height: 300px;}

  .frlinkLayout .ul .li .txtbox{width: 100%;padding: 30px 20px;}

  .frlinkLayout .ul .li .txtbox .text{width: 100%;}

  .frlinkLayout .ul .li .t3{margin-top: 20px;}

  .frlinkLayout .ul .li:not(:first-child){margin-top: 30px;}

  .ptbox .left{padding: 30px 20px;}

  #postForm:before{display: none;}

  .ptbox .left .inplist .item .det input{height: 40px;padding: 0 15px;}

  .ptbox .left .inplist .item .det textarea{padding: 15px;font-size: 14px;}

  .ptbox .left .inplist .item .det{margin-top: 10px;}

  .ptbox .left .inplist{gap: 20px;}

  .ptbox .left .inplist{padding: 20px 0 0;}

  .ptbox .left .inplist .item{width: 100%;}

  .ptbox .left .inplist .item .det input{font-size: 14px;}

  .ptbox .left .submit input{width: 180px;height: 40px;font-size: 16px;}

  .ptbox{flex-wrap: wrap;}

  .ptbox .left{width: 100%;}

  .ptbox .right{width: 100%;margin-top: 30px;}

  .ptbox .left .inplist .item.file .itp{flex-wrap: wrap;}

  .ptbox .left .inplist .item.file .itp .ftxt{width: 100%;margin: 12px 0 0;}

  .ptbox .left .inplist .item.file .ibt{padding-left: 0;}

  .ptbox .left .inplist .item.file .itp .filbox{height: 40px;}

  .ptbox .left .inplist .item .det select{height: 40px;padding: 0 50px 0 15px;background: url(../images/svg/select_arr.svg) no-repeat right 14px center;}

  .basketLayout{overflow: hidden;}

  .bkt1{padding: 20px 25px;}

  .bkt1 .swpbox .ss{padding: 15px;}

  .bkt1 .swpbox .ss .txtbox{margin-top: 15px;}

  .bkt1 .swpbox .ss .txtbox .ico{opacity: 1;}

  .bkt1 .swpbox .ss .txtbox .t1{font-size: 14px;}

  .bkt1 .swpbox .ss .imgbox{height: 120px;}

  .bkt2 .top{flex-wrap: wrap;}

  .bkt2 .top .rf{width: 100%;margin-top: 15px;}

  .bkt2 .top .rf a:first-child{margin-left: 0;}

  .bkt2 .bot .tab_hd .w4{display: none;}

  .bkt2 .bot .tab_hd .w5{display: none;}

  .bkt2 .bot .tab_hd .w6{display: none;}

  .bkt2 .bot .tab_hd{padding: 20px 15px;}

  .bkt2 .bot .w1{margin-right: 10px;}

  .bkt2 .bot .w2{margin-right: 10px;}

  .bkt2 .bot .w3{margin-right: 0;width: calc(100% - 26px - 130px);}

  .bkt2 .bot .ul .li{padding: 20px 15px;flex-wrap: wrap;}

  .bkt2 .bot .li .w3 .t1{font-size: 14px;}

  .bkt2 .bot .li .w4{margin-right: 0;margin-top: 15px;}

  .bkt2 .bot .li .w5{margin-right: 0;margin-top: 15px;}

  .bkt2 .bot .li .w6{flex: 1;margin-top: 15px;}

  .bkt_form .top{padding: 30px 20px;}

  .bkt_form .top .inpbox{margin-top: 20px;}

  .bkt_form .top .inpbox .item{width: 100%;}

  .bkt_form .top .inpbox .item:nth-child(5){width: 100%;}

  .bkt_form .top .inpbox .item .input input{height: 40px;padding: 0 15px;font-size: 14px;}

  .bkt_form .top .inpbox .item .input{margin-top: 10px;}

  .bkt_form .bot{margin-top: 30px;padding: 30px 20px;}

  .bkt_form .bot .tab_hd .w2,
  .bkt_form .bot .tab_hd .w3{display: none;}

  .bkt_form .bot .w1{width: 100%;}

  .bkt_form .bot .li{padding: 30px 15px;flex-wrap: wrap;}

  .bkt_form .bot .tab_hd{padding: 30px 15px;}

  .bkt_form .bot .li .left{width: 100%;max-width: 100%;}

  .bkt_form .bot .li .left .txtbox .t1{font-size: 14px;}

  .bkt_form .bot .li .center{width: 100%;display: flex;align-items: center;gap: 5px;justify-content: flex-start;margin-top: 15px;font-size: 16px;}

  .bkt_form .bot .li .right{width:100%;display: flex;align-items: center;gap: 5px;margin-top: 10px;font-size: 16px;}

  .bkt_form .bot .submit{justify-content: center;margin-top: 20px;}

  .bkt_form .bot .submit input{width: 180px;height: 40px;font-size: 16px;}

  .inner_switch a .txt{font-size: 14px;}

  .inner_switch a .ico{height: 30px;}

  .oss32 .swpbox .ss::before{opacity: 1;}

  .oss32 .swpbox .ss .t1{color: var(--viColor);}

  .oss11 .swiper-slide{height: 200px;}

  .oss3 .ul{flex-wrap: wrap;gap: 10px;}

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

  .oss3 .ul .li .ss .imgbox::before{bottom: -1px;}

  .oss3 .ul .li .ss .txtbox .scroll{padding: 0 20px;}

  .oss3 .ul .li .ss .txtbox .t1{font-size: 16px;}

  .oss3 .ul .li .ss .txtbox .link{font-size: 14px;}

  .oss3 .ul .li:nth-child(even) .ss{flex-direction: column;}

  .oss3 .ul .li:nth-child(even) .ss .imgbox::before{top: auto;transform: none;}

  .pd50_50{padding-top: 25px;padding-bottom: 25px;}

  .oss14 .oox{margin-top: 20px;gap: 10px;flex-wrap: wrap;}

  .oss14 .left{width: 100%;}

  .oss14 .right{width: 100%;}

  .oss56 .left .ul .li{padding: 15px 7px;}

  .oss14 .right .rg_item .swpbtn .alltime.prev,
  .oss14 .right .rg_item .swpbtn a.prev{left: 0px;}

  .oss14 .right .rg_item .swpbtn .alltime.next,
  .oss14 .right .rg_item .swpbtn a.next{right: 0px;}

  .oss14 .right .ss .imgbox{height: 200px;}

  .oss14 .left{height: auto;}

  .oss13 .right .ul{gap: 10px;}

  .inner_switch{overflow-x: auto;gap: 10px;flex-wrap: nowrap;justify-content: flex-start;margin-left: -20px;margin-right: -20px;padding: 0 20px 5px;}

  .inner_switch a{white-space: nowrap;border-radius: 23px !important;}

  .inner_switch a .ico{height: 20px;min-width: 20px;}

  .oss13 .on .oox .right .ul .li{width: calc(50% - 5px);}

  .oss13 .right .ul .li .ss .imgbox{height: 160px;}

  .oss57 .list{margin-top: 20px;}

  .main_title .title{max-width: calc(100% - 80px);text-align: center;}

  .oss58 .list .item.act{gap: 10px;}

  .oss58 .list .item .lf1{width: 100%;}

  .oss58 .list .item .lf .ss{flex-wrap: wrap;}

  .oss58 .list .item .lf .ss .imgbox{width: 100%;height: 220px;}

  .oss58 .list .item .lf .ss .txtbox{width: 100%;padding-top: 20px;}

  .oss58 .list .item .lf .ss .txtbox .t2{height: auto;}

  .oss58 .list .item .lf .ss .txtbox .t4{margin-top: 10px;}

  .oss6 .oox{flex-wrap: wrap;flex-direction: column-reverse;}

  .oss6 .oox .imgbox{width: 100%;}

  .oss6 .oox .txtbox{width: 100%;}

  .oss6 .oox{margin-top: 25px;}

  .oss6 .oox .txtbox{padding: 20px 0;}

  .oss6 .oox .txtbox .t2{margin-top: 15px;padding-right: 15px;}

  .oss6 .txtbox .countbox{margin: 20px 0 0;box-shadow: none;background: none;flex-wrap: wrap;}

  .oss6 .txtbox .countbox .item{width: 100%;padding: 15px;background: none;}

  .oss6 .txtbox .countbox .item:not(:first-child)::before{top: 0;width: 100%;height: 1px;}

  .oss59 .oox .txtbox .t3 a{margin: 0 auto;}

  .oss31 .swpbox{margin-top: 30px;min-height: 200px;}

  .oss31{padding-bottom: 30px;background-size: auto 80%;}

  .oss31 .swpbox .swiper-slide:nth-child(2n){padding-top: 0;}

  .oss8 .ul{margin-top: 25px;gap: 10px;}

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

  .oss8 .ul .li .ss .bot .link{gap: 10px;}

  .oss8 .ul .li .ss .bot{padding: 25px 15px;}

  .swpbtnbox .swpbtn a{margin: 0;}

  .swpbtnbox .pogin span{width: 30px;}

  .oss_tdf3 .swiper .swiper-slide .txtbox{padding: 15px;}

  .oss_tdf3 .swiper .swiper-slide .txtbox .t2{margin-top: 5px;}

  .oss9 .imgbox{width: 100%;}

  .oss9 .txtbox{width: 100%;padding: 20px;}

  .oss9 .txtbox .form .det input[type=text]{height: 40px;font-size: 14px;}

  .oss9 .txtbox .form .inbtn{height: 40px;gap: 10px;padding: 0 15px;}

  .oss9 .txtbox .form .item:not(:first-child){margin-top: 18px;}

  .main_title .title::after,
  .main_title .title::before{display: none;}

  .oss33 .item{flex-wrap: wrap;}

  .oss33 .item .imgbox{width: 100%;height: 300px;}

  .oss33 .item .txtbox{width: 100%;padding: 30px 20px 0;}

  .oss33 .item .txtbox .swpbox{margin: 20px 0 0;}

  .oss33 .item .txtbox .swpbox .swiper{padding-bottom: 20px;overflow: visible;}

  .basket_add{opacity: 1;}

  .oss33.oss33_1{margin: 0 -20px;}

  .oss33 .item .swiper-slide{width: 260px;}

  .pd0_50 .oss33_1{padding-top: 30px;}

  .oss6 .oox .txtbox .t3, .oss6 .txtbox .countbox{margin-top: 20px;}

  .oss34 .oox .txtbox .ul{gap: 20px 10px;margin-top: 30px;}

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

  .oss23 .swpbtn .alltime.prev,
  .oss23 .swpbtn a.prev{left: 5px;}

  .oss23 .swpbtn .alltime.next,
  .oss23 .swpbtn a.next{right: 5px;}

  .oss23 .ss .imgbox{height: 260px;}

  .oss18,
  .oss8{margin-top: 20px;}

  .oss18 .ul{gap: 10px;flex-wrap: wrap;}

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

  .oss18 .ul .li .ss .imgbox{height: 220px;}

  .oss19 .ul{margin-top: 20px;gap: 10px;}

  .oss19 .ul .li{width: calc(50% - 5px);}

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

  .oss19 .ul .li .ss .txt .t2{font-size: 16px;}

  .in_ban .swiper .pic{height: 300px;}

  .in_ban .swiper .sox .img img{width: 80px;height: 80px;}

  .onestopLayout .inner_navigation{left: 20px;}

  .in_ban .swiper .sox{max-width: calc(100% - 40px);left: 20px;}

  .in_ban .swiper .sox .t2{margin-top: 10px;}

  .in_ban .swiper .sox .img{display: none;}

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

  .oss1 .ul{gap: 10px;}

  .oss1 .ul .li .ss .imgbox{width: 100%;height: 220px;}

  .oss1 .ul .li .ss .txtbox{width: 100%;padding: 20px;}

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

  .oss1 .ul .li .ss .txtbox .t2{height: auto;}

  .oss1 .ul .li .ss .txtbox .t3{margin-top: 20px;}

  .oss5 .oox{flex-wrap: wrap;}

  .oss5 .oox .vid{width: 100%;}

  .oss5 .oox .ul{width: 100%;gap: 10px;}

  .oss5 .oox .vid .img{min-height: 300px;}

  .oss5 .oox .ul .li{width: calc(50% - 5px);}

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

  .oss5 .oox .ul .li .ss .img{height: 120px;}

  .vasa_ban .ul{display: none;}

  .oss38 .ul .li{position: relative;top: 0;margin-top: 20px;}

  .oss38 .ul .li .ss{flex-direction: column-reverse;transform: none !important;}

  .oss38 .ul .li .imgbox{width: 100%;}

  .oss38 .ul .li .txtbox{width: 100%;padding: 20px 15px;}

  .oss38 .ul .li .txtbox .t2{margin-top: 10px;}

  .oss38 .ul .li .txtbox .pic{gap: 10px;margin-top: 15px;}

  .oss38 .ul .li .txtbox .t3{margin-top: 15px;}

  .oss13 .oox{gap: 10px;}

  .oss13 .left{width: 100%;}

  .oss13 .right{width: 100%;}

  .oss13 .left .imgbox{height: 300px;}

  .oss13 .left .txtbox .t2{margin-top: 10px;}

  .oss13 .left .txtbox .t3{margin-top: 10px;}

  .oss13 .left .txtbox .t4{margin-top: 15px;}

  .oss13 .right .ul .li{width: calc(50% - 5px);}

  .oss13 .right .ul .li .ss{padding: 15px 15px 0;}

  .oss10 .ul{gap: 10px;}

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

  .oss10 .ul .li:nth-child(even) .ss{flex-direction: column;}

  .oss10 .ul .li .ss .t2{margin-top: 10px;}

  .oss10 .ul .li .ss .txtbox{height: auto;padding: 20px 15px;}

  .oss3 .ul .li .ss .txtbox{height: auto;}

  .oss14 .right .ul.act{gap: 10px;}

  .oss14 .right .ul .li{width: calc(50% - 5px);}

  .oss29 .right .ul .li .ss .imgbox{height: 200px;}

  .oss16 .oox{flex-direction: column-reverse;}

  .oss16 .oox .right{width: 100%;}

  .oss16 .oox .left{width: 100%;padding: 30px 20px;}

  .oss16 .oox .left .t2{margin-top: 10px;}

  .oss16 .oox .left .ul{margin-top: 20px;gap: 20px 10px;}

  .oss16 .oox .left .ul .li{max-width: 50%;width: calc(50% - 5px);}

  .oss16 .oox .left .ul .li .ico{width: 50px;}

  .oss33box .main_li{padding-top: 30px;}

  .oss33box .oss33.mg-40 .item .txtbox .swpbox{margin: 20px 0 0;}

  .oss22 .oox{box-shadow: none;}

  .oss25 .oox{gap: 10px;}

  .oss25 .lf{width: 100%;}

  .oss25 .rf{width: 100%;}

  .oss25 .lf .ss .imgbox{height: 300px;}

  .oss25 .ul{width: 100%;gap: 10px;}

  .oss25 .ul .li:nth-child(3) .ss .imgbox, .oss25 .ul .li:nth-child(4) .ss .imgbox,
  .oss25 .ul .li:nth-child(1) .ss .imgbox, .oss25 .ul .li:nth-child(2) .ss .imgbox{height: 160px;}

  .oss26{padding-top: 40px;}

  .oss26 .swpbox{margin-top: 25px;padding: 0 25px;}

  .oss26 .swpbox .ss .imgbox{height: 200px;}

  .oss27 .oox .ul{width: 100%;}

  .oss27 .oox .rf{width: 100%;margin-top: 30px;padding-bottom: 20px;}

  .oss27 .oox .ul .li:nth-child(n+3) .ss .imgbox,
  .oss27 .oox .ul .li .ss .imgbox{height: 200px;}

  .oss27 .oox .ul .li .ss .txtbox{font-size: 14px;padding: 15px 10px;}

  .oss27 .oox .rf .t1{margin-bottom: 15px;}

  .oss28 .oox{gap: 10px;margin-top: 25px;}

  .oss28 .oox .lf{width: 100%;}

  .oss28 .oox .ul{width: 100%;gap: 10px;}

  .oss28 .oox .ul .li{width: calc(50% - 5px);}

  .oss28 .oox .ul .li .ss{padding: 20px 15px 102px;}

  .oss28 .oox .ul .li .ss .txtbox{width: 100%;}

  .oss_db1 .swpbox .ss .txtbox::before{opacity: 1;}

  .oss_db1 .swpbox .ss .txtbox .t1{color: var(--viColor);top: 26px;}

  .oss_db1 .swpbox .ss .txtbox .t2{opacity: 1;top: 63px;}

  .oss_db1 .swpbox .ss .imgbox{height: 300px;}

  .oss_db2 .txtbox{padding: 50px 0 80px;}

  .oss_db2 .listbox .ul .li{margin-right: 10px;}

  .oss_db2 .listbox .ul .li .img img,
  .oss_db2 .listbox .ul .li .img{width: 100px;height: 100px;}

  .oss_db2 .listbox .ul .li .txt{margin-top: 10px;}

  .oss_db2 .listbox .ul .li .img::after{top: 100px;width: 100px;height: 5px;}

  .oss_db2 .listbox .ul .li .txt{font-size: 16px;}

  .oss_db3 .text1{width: 100%;padding: 30px 20px;}

  .oss_db3 .text1 .t2{margin-top: 20px;}

  .oss_db3 .text2{width: 100%;}

  .db4_1 .txtbox{padding: 50px 20px 150px;}

  .db4_1 .txtbox .line{max-width: 100%;}

  .oss6.diban .oox{flex-direction: column-reverse;}

  .oss6 .oox .txtbox .ul .li .ltp{white-space: nowrap;}

  .phmenu{position: relative;}

  .phmenu .menuico{width: 24px;}

  .phmenu .ul{position: absolute;top: 150%;right: 0;box-shadow: 0 2px 8px 0 #BBB;background: #fff;border-radius: 5px;padding: 7px 0;width: max-content;display: none;}

  .phmenu .ul .li a{display: block;padding: 3.5px 14px;}

  .modal{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background: rgba(0,0,0,0.5);
  }

  .fade {
    transition: opacity .15s linear;
  }

  .modal-dialog {
        position: relative;
        width: auto;
        margin: 7px;
        pointer-events: none;
    }

    .modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - 14px);
    }

    .modal.fade .modal-dialog {
        transition: transform .3s ease-out;
        transform: translate(0, -50px);
    }
    .modal.show .modal-dialog {
        transform: none;
    }

    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.175);
        border-radius: 7px;
        outline: 0;
    }

    .modal-header {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: space-between;
        padding: 14px;
        border-bottom: 1px solid #dee2e6;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .modal-title{font-size: 17.5px;line-height: 1.5;}

    .modal-header .btn-close{
        width: 28px;height: 28px;opacity: 0.5;
        --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
        color: var(--bs-btn-close-color);
        border: 0;
    border-radius: 5.25px;
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    }

    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 14px;
    }

    .container-fluid .ul{display: flex;flex-wrap: wrap;}

    .container-fluid .ul .li{padding: 0 10.5px;flex: 0 0 auto;
    width: 50%;}

    .container-fluid .ul .li a{color: #212529;line-height: 21px;display: block;}

    .modal-footer {
        display: flex;
        flex-shrink: 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        padding: calc(7px * .5);
        background-color: var(--bs-modal-footer-bg);
        border-top: 1px solid #dee2e6;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .modal-footer .btn-secondary{margin: 3.5px;width: 58px;height: 34px;color: #fff;background: #6c757d;outline: none;border: 0;border-radius: 5.25px;}

    .footer .ftp .choose .list .item img{height: 30px;width: auto;}

    .hd_xl .hd_brand .ul .li .ss .icon img{height: 30px;width: auto;}

    .hd_xl .hd_language .ul .li{width: auto;}

    .oss33 .item .ss .pic img:nth-child(2){right: 0;
    bottom: 0;
    margin: auto;}

    .oss33 .item .ss .txt .t3{left: 0;right: 0;margin:0 auto;}


    .oss23 .ul .li:hover{width: 100%;}

    .oss23 .ul:hover .li:not(:hover){width: 100%;}

    .oss23 .ss:hover .imgbox{height: 260px;}

    .oss23 .ss .txtbox{font-family: 'openS';
    color: var(--viColor);}

    .oss23 .oox{position: relative;}

    .oss23 .swpbtn .alltime.prev, .oss23 .swpbtn a.prev{left: -15px;}

    .oss23 .swpbtn .alltime.next, .oss23 .swpbtn a.next{right: -15px;}

    .oss23 .swpbtn .alltime, .oss23 .swpbtn a{top: 115px;transform: none;}

    .oss65 .mapbox .base .txt{left: 50px;}

    .oss65 .mapbox .ul .li[data-city="Middle East"] .city{width: 40px;}

    .RDP_dialog .con .scroll2{padding: 30px 20px;}

    .RDP_dialog .close{top: 10px;right: 10px;}

    .RDP_dialog .con .item .ul .li{width: 100%;}

    .newsbox .news_ul .li .pic{height: calc((100vw - 40px) * (1280 / 1560))}

    .ppLayout h1{font-size: 22px;}
    .ppLayout h2{font-size: 20px;}
      .ppLayout h3{font-size: 18px;}
      .ppLayout h4{font-size: 16px;}
    
    .container-fluid .ul .li{padding: 5px 10px;}

    .container-fluid .ul .li a{position: relative;}

    .container-fluid .ul .li a::before{content: "";position: absolute;left: -10px;top: 10px;width: 3px;height: 3px;border-radius: 50%;background: var(--viColor);}
    
    .ab6 .inner_switch{padding: 0 30px 5px;}
    
    .oss13 .right .ul .li .ss .txtbox{padding-right: 35px;}
    
    .oss_tdf2 .swiper .swiper-slide{flex-wrap: wrap;padding: 30px 15px;}
    
    .oss_tdf2 .swiper .imgbox{width: 100%;height: 4rem;}
    
    .oss_tdf2 .swiper .txtbox{width: 100%;padding-right: 10px;max-height: 380px;overflow-y: auto;margin-left: 0;flex: auto;margin-top: 20px;position: relative;z-index: 2;}
    
    .oss_tdf2 .swiper .txtbox .t2{margin-top: 10px;font-size: 14px;}

    .basket_add{width: 20px;right: 10px;bottom: 10px;}
    
    .formpop .popbox{padding: 30px 20px;}
    
    .formpop .popbox .form .item{width: 100%;}
    
    .faqLayout .inner_navigation{left: 20px;}
    
}
@media screen and (max-width:768px) {
  html{font-size: 50px;}
  .f_14{font-size:12px;}
  .f_16{font-size:16px;}
  .f_18,.f_20 {font-size:18px;}
  .f_22,.f_24,.f_26,.f_28 {font-size:18px;}
  .f_30,.f_32,.f_34 {font-size:18px;}
  .f_36,.f_40,.f_42,.f_44,.f_46 {font-size:20px;}
  .f_48,.f_50,.f_52,.f_54,.f_56,.f_58,.f_60,.f_62,.f_64,.f_68,.f_70,.f_72,.f_74,.f_76,.f_78,.f_80 {font-size:30px;}
}