/* @font-face
{
    font-family: "GR";
    src: url('/static/font/gilroy-regular-3.otf');
}
@font-face
{
    font-family: "APR";
    src: url('/static/font/Alibaba-PuHuiTi-Regular.ttf');
}
@font-face
{
    font-family: "APB";
    src: url('/static/font/Alibaba-PuHuiTi-Bold.ttf');
}
@font-face
{
    font-family: "GHB";
    src: url('/static/font/gothambook.otf');
}
@font-face
{
    font-family: "GHBD";
    src: url('/static/font/GothamBold.otf');
} */

*{font-family: "GHB";}

.editor *{font-size: 16px;line-height: 1.8;}
.editor img{max-width: 100%;}
@media (max-width: 750px) {
    .editor *{font-size: 26px;line-height: 1.8;}
}

.swiper-pagination-bullet-active{background: rgb(0, 122, 255) !important;}
.swiper-pagination-bullet{background-color: #ffffff; opacity: 1;}

/* header */
#header {width: 100%; height: auto; background: rgba(255,255,255,.8);position: fixed; top: 0; left: 0; z-index: 100; transform: translateY(0%);transition: top 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97),transform 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97);}
#header.cur{background: rgba(255,255,255,.8);}
#header .head{max-width:1826px;width:92%;margin:auto; height: 100%; box-sizing: border-box;}
#header .head .logo,
#header.cur .head .logo{margin: 40px 0;}
#header .head .hcon{height: 100%; width: calc(100% - 300px);display: flex;justify-content: end;}
#header .head .hcon .hnav{line-height: 110px; display: flex;}
/*#header .head .hcon .hnav .nav{margin-right: 48px; color: #333333; font-size: 16px;}*/
/*#header .head .hcon .hnav .nav:before{display: block;content:"";position: absolute;width: 100%;height: 8px;left: -4%;bottom: -2px;background: transparent; z-index: -1;}*/
/*#header .head .hcon .hnav .nav:hover,*/
/*#header .head .hcon .hnav .nav.cur{color: #ee1b2e;}*/
#header .head .hcon .hnav .nav-box{position: relative;}
#header .head .hcon .hnav .nav-box .nav{height: inherit;font-size: 16px;color: #333;padding: 0 25px;display: flex;align-items: center;}
#header .head .hcon .hnav .nav-box .nav.on,
#header .head .hcon .hnav .nav-box .nav:hover{color: #ee1b2e;font-weight: bold;}
/*二级导航*/
#header .head .hcon .hnav .nav-box .subnav-box{position: absolute;top: 110px;left: 50%;transform: translateX(-50%);background: rgba(255,255,255,.8);overflow: hidden;}
#header .head .hcon .hnav .nav-box .subnav-box .subnav{display: block;height: 0;padding: 0 35px;font-size: 14px;color: #333;transform: translateY(-60px);/*display: flex;align-items: center;*/white-space:nowrap;opacity: 0;}
#header .head .hcon .hnav .nav-box .subnav-box >a{height: 50px;}
#header .head .hcon .hnav .nav-box .subnav-box >a:hover{color: red;}

#header .head .hcon .hnav .nav-box:hover .subnav-box .subnav{min-height: 50px;line-height: 50px;transform: translateY(0);opacity: 1;}
#header .head .hcon .hnav .nav,
#header .head .hcon .hnav .subnav{color: white;}
/*产品下拉*/
#header .head .nav-box .pro-box{max-height: calc(100vh - 110px);position: absolute;top: 110px;left: 50%;transform: translateX(-50%);background: rgba(255,255,255,.8);overflow: hidden;white-space: nowrap;line-height: 50px;}
#header .head .nav-box .pro-box .pro1{height: 0;padding: 0 35px;font-size: 14px;color: #333;transform: translateY(-60px);white-space:nowrap;opacity: 0;}
#header .head .nav-box:hover .pro-box .pro1{height: auto;transform: translateY(0);opacity: 1;}
#header .head .nav-box .pro-box .pro1>a{display: block;height: 50px;line-height: 50px;}
#header .head .nav-box .pro-box .pro1>a:hover{color: #ee1b2e;}
#header .head .nav-box .pro-box .pro1 .pro2-box{padding-left: 20px;overflow: hidden;}
#header .head .nav-box .pro-box .pro1 .pro2-box .pro2{height: 0;transform: translateY(-60px);white-space:nowrap;opacity: 0;}
#header .head .nav-box .pro-box .pro1.cur .pro2-box .pro2{height: auto;transform: translateY(0);opacity: 1;}
#header .head .nav-box .pro-box .pro1 .pro2-box .pro2>a{display: block;height: 40px;line-height: 40px;}
#header .head .nav-box .pro-box .pro1 .pro2-box .pro2 .pro3-box{padding-left: 20px;overflow: hidden;}
#header .head .nav-box .pro-box .pro1 .pro2-box .pro2 .pro3-box>a{display: block;height: 40px;line-height: 40px;height: 0;transform: translateY(-60px);white-space:nowrap;opacity: 0;}
#header .head .nav-box .pro-box .pro1 .pro2-box .pro2.cur .pro3-box>a{height: auto;transform: translateY(0);opacity: 1;}

#header .head .hcon .hnav .phone{display: flex; align-items: center; margin-right: 53px;margin-left: 25px;}
#header .head .hcon .hnav .phone .txt{margin-left: 8px; font-size: 16px; color: #EE1B2E; font-family: "GR";}
#header.cur .head .hcon .hnav{height: 110px; line-height: 110px;}
#header.is-scroll{transform: translateY(-100%);transition: top 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97),transform 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97);}
#header .menu,
.header-bg,
.side-menu{display: none;}
/* 手机端 */
.header-mb{width: 100%;height: calc(100vh - var(--navHight));overflow: hidden;position: absolute;top: var(--navHight);left: 100%;background: #ffffff;display: flex;flex-direction: column;}
.header-mb .nav-box .nav{display: block;text-align: center;height: 60px;line-height: 60px;font-size: 16px;border-bottom: 1px solid #d8d8d8;}
.header-mb .nav-box .nav.on{color: #ff4d00;font-weight: bold;}
.header-mb .nav-box .subnav-box{overflow: hidden;}
.header-mb .nav-box .subnav-box .subnav{display: block;text-align: center;height: 0;line-height: 50px;font-size: 14px;transform: translateY(-50px);opacity: 0;}
.header-mb.cur{left: 0;}
.header-mb .nav-box.cur .subnav-box .subnav{height: 50px;transform: translateY(0);border-bottom: 1px dashed #d8d8d8;opacity: 1;}
.header-mb .nav-box.cur .subnav-box .subnav:last-child{border-bottom-style: solid;}

@media (max-width: 1420px) {
    #header .head .hcon .hnav .nav-box .nav{padding: 0 15px;}
}
@media (max-width: 1280px) {
    #header [form-open-search]{padding: 0 0 0 20px;}
	#header .head .hcon .hnav .phone {margin: 0 15px;}
}
@media screen and (max-width:1220px) {
	#header .head .hcon .hnav .phone{display: none;}
}
@media (max-width: 1000px) {
    #header .head .hcon .hnav{height: 110px;line-height: 110px;}
    #header .head .hcon .hnav .nav-box{display: none;}
    #header .mb-btn{display: block;width: 50px;height: 50px;position: relative;margin-top: 30px;transform: scale(1.5);}
    #header .mb-btn>div{width: 20px;height: 2px;border-radius: 2px;background: #4E4E4E;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
    #header .mb-btn>div:before,
    #header .mb-btn>div:after{content: '';display: block;width: inherit;height: inherit;background: #4E4E4E;position: absolute;}
    #header .mb-btn>div:before{transform: translateY(-7px);}
    #header .mb-btn>div:after{transform: translateY(7px);}
    #header .mb-btn.cur>div{background: transparent;}
    #header .mb-btn.cur>div:before{transform: translateY(0) rotate(-45deg);}
    #header .mb-btn.cur>div:after{transform: translateY(0) rotate(45deg);}
    .header-mb .nav-box .nav{height: 80px;line-height: 80px;font-size: 30px;}
    .header-mb .nav-box .subnav-box .subnav{line-height: 70px;font-size: 26px;}
    .header-mb .nav-box.cur .subnav-box .subnav{height: 70px;}
    #header [form-open-search]{margin-right: 40px;}
    #header [form-open-search] img{transform: scale(1.5);}

    .header-mb{max-height: calc(100vh - 110px);}
    .header-mb .nav-box .pro-box{overflow: hidden;}
    .header-mb .nav-box .pro-box .pro1>a{display: block;text-align: center;height: 0;line-height: 80px;font-size: 26px;transform: translateY(-50px);opacity: 0;pointer-events: none;}
    .header-mb .nav-box.cur .pro-box .pro1>a{height: 80px;transform: translateY(0);border-bottom: 1px dashed #d8d8d8;opacity: 1;pointer-events: auto;}
    .header-mb .nav-box .pro-box .pro1 .pro2-box .pro2>a{display: block;text-align: center;height: 0;line-height: 80px;font-size: 24px;transform: translateY(-50px);opacity: 0;pointer-events: none;}
    .header-mb .nav-box.cur .pro-box .pro1.cur .pro2-box .pro2>a{height: 80px;transform: translateY(0);border-bottom: 1px dashed #d8d8d8;opacity: 1;pointer-events: auto;}
    .header-mb .nav-box .pro-box .pro1 .pro2-box .pro2 .pro3-box>a{display: block;text-align: center;height: 0;line-height: 80px;font-size: 22px;transform: translateY(-50px);opacity: 0;pointer-events: none;}
    .header-mb .nav-box.cur .pro-box .pro1.cur .pro2-box .pro2.cur .pro3-box>a{height: 80px;transform: translateY(0);border-bottom: 1px dashed #d8d8d8;opacity: 1;pointer-events: auto;}
}

/* 商城 */
/*#header.cur .top{display: none;}*/
#header .top{line-height: 44px;border-bottom: solid 1px #eaecef;background: #f7f9fc;}
#header .top .left{width: 50%;}
#header .top .right{width: 30%;text-align: right;}
#header .top .left .tips{font-size: 14px;color: #333333;}
#header .top .left .login{font-size: 14px;color: #333333;margin-right: 10px;}
#header .top .left .login>a{color: #ee1b2e;}
#header .top .left .register{height: 25px;line-height: 25px;padding: 0 10px;background: #ee1b2e;color: #fff;font-size: 14px;border-radius: 2px;margin-top: 9px;}

#header .top .right .item{position: relative;padding-right: 15px;margin-left: 15px;font-size: 14px;color: #333;}
#header .top .right .item:first-child{margin-left: 0;}
#header .top .right .item:after{content: '';width: 1px;height: 14px;background: #dedede;position: absolute;right: 0;top: 2px;z-index: 1;}
#header .top .right .item .a{color: #fd7131;}
#header .top .right .item .login{margin-right: 5px;}
#header .top .right .item .a.grey{color: #666;margin-right: 5px;}
#header .top .right .item .a.grey:last-child{margin-right: 0;}
#header .top .right .item:last-child:after{display: none;}
#header [form-open-search]{display: flex;align-items: center;}

#header .head.shop-head{max-width: 1440px;}
/*#header .head.shop-head .hcon{width: 63.58%;}*/
@media (max-width: 1366px) {

}

#banner{width: 100%; height: auto;}
#banner img{width: 100%;}
#banner .text-box{max-width: 72%;position: absolute;left: 13.54166%;top: 34.39%;}
#banner .text-box .text1{font-size: 24px;color: #666666;font-family: "APR";margin-bottom: 16px;}
#banner .text-box .text2{font-size: 81px;color: #001035;font-family: "APB"; margin-bottom: 23px;}
#banner .text-box .text2 span{color: #ee1b2e;}
#banner .text-box .text3{font-size: 24px;color: #333333;font-family: "Arial"; margin-bottom: 60px;}
#banner .text-box .text4{font-size: 24px;color: #333333;font-family: "APB";}
#banner .but-box{position: absolute;left: 50%;bottom: 15px;z-index: 2; transform: translateX(-50%); display: flex;}
#banner .but-box .time-line{width: 300px;height: 2px;margin: 6px 20px 6px 0;background: #fff;}
#banner .but-box .time-line .time-bar{width: 0;height: 100%;background: #ee1b2e;}
#banner .but-box .prev,
#banner .but-box .next{margin-right: 30px; font-size: 14px;color: #fff; font-family: "APR"}
#banner .but-box .prev:hover,
#banner .but-box .next:hover{color: #ee1b2e;}
#banner ul{width: 100%;display: flex;background: #001035;}
#banner ul li{width: 25%; padding: 10px 0; background: #001035; color: #fff;display: flex; justify-content: center;}
/* #banner ul li:hover{background: #ee1b2e;} */
#banner ul li .pic{ transform: scale(.75);}
#banner ul li .txt-box{margin-left: 20px;}
#banner ul li .txt-box .p1{font-size: 18px;font-family: "微软雅黑"; margin-bottom: 10px;}
#banner ul li .txt-box .p2{font-size: 14px;font-family: "GHB";}
@media screen and (max-width: 750px) {
    #banner ul li{flex-direction: column;text-align: center;}
    #banner ul li img{width: auto;height: 56px;}
    #banner ul li .txt-box{margin-left: 0;margin-top: 20px;}
}

#banner .box{}
#banner .box .txt-box{max-width: 72%;position: absolute;left: 13.54166%;top: 50%; transform: translateY(-50%);}
#banner .box .txt-box .p1{font-size: 60px;color: #fff;font-family: "APM";margin-bottom: 20px;}
#banner .box .txt-box .p2{font-size: 30px;color: #fff;font-family: "GHBD";}

#footer{width: 100%;background: #272727;}
#footer .top{width: 100%;padding: 80px 0; border-bottom: 1px solid #3d3d3d;}
#footer .top .nav-box{width: calc(100% - 295px);}
#footer .top .nav-box .item{width: calc(100% / 5);padding-right: 20px;}
#footer .top .nav-box .item .nav{margin-bottom: 14px;font-size: 18px; color: #fff; font-weight: bold; display: block;}
#footer .top .nav-box .item .down-menu .nav-down{font-size: 14px;font-family: "APR"; line-height: 30px; color: #999999; display: block;}
#footer .top .nav-box .item .down-menu .nav-down:hover{color: #ee1b2e;}
#footer .top .right-box{width: 295px;color: #fff;}
#footer .top .right-box .l1{margin-bottom: 23px;}
#footer .top .right-box .l1 .p1{font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 14px;}
#footer .top .right-box .l1 .p2 {font-size: 30px; color: #ee1b2e; font-family: "APB"; line-height: 30px;}
#footer .top .right-box .l2{width: 100%; display: flex;}
#footer .top .right-box .l2>div,
#footer .top .right-box .l2>a{font-size: 14px; color: #ee1b2e; font-family: "APR"; line-height: 30px; color: rgba(255,255,255,.5);}
#footer .top .right-box .l2 .t1{width: 17.56%;}
#footer .top .right-box .l2 .t2{width: 84.44%;}

#footer .bottom{width: 100%; padding: 35px 0; background: #272727; font-size: 14px; color: rgba(255,255,255,.5); }

@media screen and (max-width: 750px) {
    #footer .top{padding: 40px 0;}
    #footer .top .nav-box{width: 50%;float: left;}
    #footer .top .nav-box .item{width: 100%;}
    #footer .top .nav-box .item .nav{font-size: 28px;line-height: 60px;position: relative;}
    #footer .top .nav-box .item .nav:before{content: '';width: 16px;height: 2px;margin: 7px 0;display: block;position: absolute;right: 60px;top: 22px;background: white;}
    #footer .top .nav-box .item .nav:after{content: '';width: 2px;height: 16px;margin: 0 7px;display: block;position: absolute;right: 60px;top: 22px;background: white;}
    #footer .top .nav-box .item .down-menu{max-height: 0;overflow: hidden;}
    #footer .top .nav-box .item.on .nav:after{transform: rotate(-90deg);}
    #footer .top .nav-box .item.on .down-menu{margin-bottom: 20px;max-height: 700px;}
    #footer .top .nav-box .item .down-menu .nav-down{font-size: 26px;line-height: 50px;}
    #footer .top .right-box{width: 50%;float: left;}
    #footer .top .right-box .code-box .pic-box{max-height: 270px;padding: 20px 20px 0 20px;bottom: 66px;}
    #footer .top .right-box .code-box{height: 60px;line-height: 56px;border-radius: 30px;font-size: 20px;}
    #footer .top .right-box .phone{font-size: 24px;}
    #footer .top .right-box .phone>span{font-size: 26px;}
    #footer .bottom{height: auto;font-size: 24px;}
    #footer .bottom>div>span:first-child{display: block;}
    #footer .top .right-box .l1 .p1{font-size: 28px;}
    #footer .top .right-box .l1 .p2{font-size: 36px;}
    #footer .top .right-box .l2>div,
    #footer .top .right-box .l2>a{font-size: 24px;}
    #footer .top .right-box .l2 .t1{width: 80px;line-height: 1.5;}
    #footer .top .right-box .l2 .t2{width: calc(100% - 80px);word-break: break-all;line-height: 1.5;}

}


/* 首页 */
#i-product{padding-top: 90px/*90px*/;}
#i-product .top{margin-bottom: 50px;}
#i-product .top .tit-box{ margin-bottom: 40px;}
#i-product .top .tit-box .tit-cn{font-size: 36px; font-family: "微软雅黑"; color: #333; line-height: 55px;}
#i-product .top .tit-box .tit-en{font-size: 24px; font-family: "Myriad Pro"; color: #dedede;}
#i-product .top .cate-list{width: 100%; display: flex; justify-content: center;}
#i-product .top .cate-list .cate{padding: 12px 33px; margin-right: 10px; border-radius: 30px; border: 1px solid #dedede; font-size: 16px; font-family: "微软雅黑"; color: #333;cursor: pointer;}
#i-product .top .cate-list .cate.cur{ border: 1px solid #ee1b2e; background: #ee1b2e; color: #fff;}
#i-product .list{width: 100%; padding: 47px 45px 0; background: #f8f8f8;}
#i-product .list .li .info{width: 21.05%; margin-right: 4.9%;}
#i-product .list .li .info .item .pic{width: 100%; height: 385px; background: #fff; }
#i-product .list .li .info .item .num{padding: 34px 0;font-size: 16px; font-family: "GHB"; color: #333333;}
@media screen and (max-width: 750px) {
    #i-product .top .tit-box .tit-cn{font-size: 46px;}
    #i-product .top .tit-box .tit-en{font-size: 34px;}
    #i-product .top .cate-list .cate{padding: 15px 40px;border-radius: 50px; font-size: 26px;}
    #i-product .list .li .info .item .num{font-size: 26px;}
}

#i-brand{padding: 90px 0 102px;}
#i-brand .tit-box{ margin-bottom: 60px;}
#i-brand .tit-box .tit-cn{font-size: 36px; font-family: "微软雅黑"; color: #333; line-height: 55px;}
#i-brand .tit-box .tit-en{font-size: 24px; font-family: "Myriad Pro"; color: #dedede;}
#i-brand .list{display: flex; flex-wrap: wrap; justify-content:left;}
#i-brand .list .item{width: 19.44%; height: 150px; margin-bottom: 10px; border: 5px solid transparent;}
#i-brand .list .item:hover{border: 5px solid #f1f1f1;}
@media screen and (max-width: 750px) {
    #i-brand .tit-box .tit-cn{font-size: 46px;}
    #i-brand .tit-box .tit-en{font-size: 34px;}
    #i-brand .list .item{width: 49%; height: 200px; margin-bottom: 10px; border: 5px solid transparent;}
}

#i-app{padding: 90px 0 97px; background: #f8f8f8;}
#i-app .tit-box{ margin-bottom: 67px;}
#i-app .tit-box .tit-cn{font-size: 36px; font-family: "微软雅黑"; color: #333; line-height: 55px;}
#i-app .tit-box .tit-en{font-size: 24px; font-family: "Myriad Pro"; color: #dedede;}
#i-app .list .cont{padding-bottom: 56px;}
#i-app .list .cont .info{width:31.94%; margin-right: 2.08%; background: #fff; border-top: 2px solid #ee1b2e;}
#i-app .list .cont .info .top{width: 100%; padding: 47px 6.5%;}
#i-app .list .cont .info .top .tit1{display: flex; font-size: 14px; font-family: "Arial"; color: #333; margin-bottom: 12px;}
#i-app .list .cont .info .top .tit1 i{width: 13px; height: 13px; background: #ee1b2e; margin-right: 10px;}
#i-app .list .cont .info .top .tit2{font-size: 24px; font-family: "微软雅黑"; color: #333; margin-bottom: 19px;}
#i-app .list .cont .info .top .desc{font-size: 14px; font-family: "微软雅黑"; color: #666; margin-bottom: 23px; line-height: 24px;height: 72px;}
#i-app .list .cont .info .top .more {display: flex; align-items: center;}
#i-app .list .cont .info .top .more .jt{width: 27px; height: 27px; border: 2px solid #dedede; border-radius: 50%; margin-right: 15px;}
#i-app .list .cont .info .top .more .txt{font-size: 14px; font-family: "微软雅黑"; color: #666;}
#i-app .list .cont .info:hover .tit2,
#i-app .list .cont .info:hover .top .more .txt{color:#ee1b2e;}
#i-app .list .cont .swiper-pagination-bullet{opacity: 1;width: 10px; height: 10px; background: transparent; border: 2px solid #333;}
#i-app .list .cont .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #ee1b2e; background: #ee1b2e;}
@media screen and (max-width: 750px) {
    #i-app .tit-box .tit-cn{font-size: 46px;}
    #i-app .tit-box .tit-en{font-size: 34px;}
    #i-app .list .cont .info .top .tit1{font-size: 24px;}
    #i-app .list .cont .info .top .tit2{font-size: 30px;}
    #i-app .list .cont .info .top .desc{font-size: 24px;line-height: 35px;height: 105px;}
    #i-app .list .cont .info .top .more .txt{font-size: 24px;}
    #i-app .list .cont .info{width:100%; margin-right: 0%;}
}

#i-about{padding: 90px 0 100px; background: url(/static/images/pic8.png) no-repeat center/cover;}
#i-about .tit-box{ margin-bottom: 39px;}
#i-about .tit-box .tit-cn{font-size: 36px; font-family: "微软雅黑"; color: #fff; line-height: 55px;}
#i-about .tit-box .tit-en{font-size: 24px; font-family: "GHBD"; color: #dedede;}
#i-about .brief{width: 63.8%; margin: 0 auto 50px; font-size: 16px; font-family: "APR"; color: #fff; line-height: 30px;}
#i-about .more{left: 50%; transform: translateX(-50%); overflow: hidden; padding: 17px 78px; border: 1px solid #dedede; border-radius: 30px; font-size: 16px; font-family: "微软雅黑"; color: #ffffff;}
#i-about .more:hover{border: 1px solid transparent;}
@media screen and (max-width: 750px) {
    #i-about .tit-box .tit-cn{font-size: 46px;}
    #i-about .tit-box .tit-en{font-size: 34px;}
    #i-about .brief{width: 85%;font-size: 26px;line-height: 1.8;}
    #i-about .more{border-radius: 50px; font-size: 26px;}
}

/* 鼠标上移按钮背景变化效果 */
#i-about .hover-back{position: relative; z-index: 1;}
#i-about .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #ee1b2e;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease; z-index: -1;}
#i-about .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #ee1b2e;}

#i-news{padding: 90px 0 100px; background-color: #fff;}
#i-news .top{margin-bottom: 45px;}
#i-news .top .tit-box{ margin-bottom: 40px;}
#i-news .top .tit-box .tit-cn{font-size: 36px; font-family: "微软雅黑"; color: #333; line-height: 55px;}
#i-news .top .tit-box .tit-en{font-size: 24px; font-family: "Myriad Pro"; color: #dedede;}
#i-news .top .cate-list{width: 100%; display: flex; justify-content: center;}
#i-news .top .cate-list .cate{margin-right: 80px; font-size: 16px; font-family: "微软雅黑"; color: #999999;  position: relative; }
#i-news .top .cate-list .cate::after{content: ""; display: block; width:1px; height: 16px; background: #dedede; position: absolute; right: -40px; bottom: 0;}
#i-news .top .cate-list .cate.cur{color: #333; z-index: 5;}
#i-news .top .cate-list .cate.cur::before{content: ""; display: block; width:100%; height: 3px; background: #ee1b2e; position: absolute; left: 0; bottom: 1px; z-index: -1;}
#i-news .top .cate-list .cate:last-child{ margin: 0; }
#i-news .top .cate-list .cate:last-child::after{display: none;}
#i-news .news-list{ border: 1px solid #dedede; border-left: 0; border-right: 0;}
#i-news .news-list .li{display: flex; justify-content: space-between; align-items: flex-start;flex-wrap: wrap;}
#i-news .news-list .li .left{width: 31.94%;padding: 50px 0;}
#i-news .news-list .li .left .info{/* background: #ee1b2e; *//*padding: 30px 30px 43px;*/padding: 10px 20px 15px; /* color:#fff; */}
#i-news .news-list .li .left .info .tit{font-size: 24px; font-family: "微软雅黑"; margin-bottom: 12px;}
#i-news .news-list .li .left .info .time{font-size: 14px; font-family: "Arial"; margin-bottom: 22px;}
#i-news .news-list .li .left .info .brief{font-size: 14px; font-family: "微软雅黑"; line-height: 24px;}
#i-news .news-list .li .right{width: 65.97%;}
#i-news .news-list .li .right .list{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#i-news .news-list .li .right .list .item{width: 50%; padding: 50px 0; display: flex;}
#i-news .news-list .li .right .list .item:nth-child(-n+2){ padding-bottom: 51px; border-bottom: 1px solid #dedede;}
#i-news .news-list .li .right .list .item .pic{width: 38.78%;}
#i-news .news-list .li .right .list .item .cont{width: 61.22%; /*padding: 0 12.33% 0 8.3%;*/padding: 0 4%;}
#i-news .news-list .li .right .list .item .cont .time{margin: 5px 0 8px; font-size: 14px; font-family: "Arial"; color: #333333;}
#i-news .news-list .li .right .list .item .cont .tit{margin-bottom: 10px; font-size: 18px; font-family: "微软雅黑"; color: #333333;}
#i-news .news-list .li .right .list .item .cont .brief{margin-bottom: 15px; font-size: 14px; font-family: "微软雅黑"; color: #666666; margin-bottom: 18px;}
#i-news .news-list .li .right .list .item .cont .more {display: flex; align-items: center;margin-top: 30px;}
#i-news .news-list .li .right .list .item .cont .more .jt{width: 25px; height: 25px; border: 2px solid #dedede; border-radius: 50%; margin-right: 9px;}
#i-news .news-list .li .right .list .item .cont .more .txt{font-size: 14px; font-family: "微软雅黑"; color: #666;}
#i-news .news-list .li .right .list .item:hover .cont .tit,
#i-news .news-list .li .right .list .item .cont .more:hover .txt{color: #ee1b2e;}
#i-news .news-list .li .btn-box{width: 100%;margin-top: 60px;}
#i-news .news-list .li .btn-box .more{left: 50%; transform: translateX(-50%); overflow: hidden; padding: 17px 78px; border: 1px solid #dedede; border-radius: 30px; font-size: 16px; font-family: "微软雅黑"; color: #333333;}
#i-news .news-list .li .btn-box .more:hover{border: 1px solid transparent;color: #fff;}
/* 鼠标上移按钮背景变化效果 */
#i-news .hover-back{position: relative; z-index: 1;}
#i-news .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #ee1b2e;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease; z-index: -1;}
#i-news .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #ee1b2e;}
@media screen and (max-width: 750px) {
    #i-news .top .tit-box .tit-cn{font-size: 46px;}
    #i-news .top .tit-box .tit-en{font-size: 34px;}
    #i-news .top .cate-list .cate{font-size: 26px;}
    #i-news .news-list .li .left{width: 100%;}
    #i-news .news-list .li .left .info .tit{font-size: 34px;}
    #i-news .news-list .li .left .info .time{font-size: 24px;}
    #i-news .news-list .li .left .info .brief{font-size: 24px;line-height: 35px;}
    #i-news .news-list .li .right{width: 100%;}
    #i-news .news-list .li .right .list .item{width: 100%;}
    #i-news .news-list .li .right .list .item .cont{width: 61.22%; padding: 0 0 0 5%;}
    #i-news .news-list .li .right .list .item .cont .time{font-size: 24px;}
    #i-news .news-list .li .right .list .item .cont .tit{ font-size: 28px;}
    #i-news .news-list .li .right .list .item .cont .brief{font-size: 24px;}
    #i-news .news-list .li .right .list .item .cont .more .txt{font-size: 24px;}
    #i-news .news-list .li .btn-box .more{border-radius: 50px; font-size: 26px;}
}

/* 面包屑 */
#crumbs{background:  #fafafa;}
#crumbs.bg-fff{background: #fff;}
#crumbs .box{ padding: 22px 0; border-bottom: 1px solid #dedede;}
#crumbs .box>*{font-size: 14px; font-family: "微软雅黑"; color: #333;}
#crumbs .box .jt{margin: 0 18px;}
#crumbs .box a:hover{color: #ee1b2e;}
@media screen and (max-width: 750px) {
    #crumbs .box>*{font-size: 24px;}
    #crumbs .box .jt{transform: scale(1.5);}
}

/* 产品 */
.manu{width: 23.61%;}
.manu .title{padding: 27px 9.2%; background: #ee1b2e; color: #fff; font-size: 24px; font-family: "微软雅黑"; font-weight: bold;}
.manu .list{background: #fff;}
.manu .list .li{display: flex; align-items: center; border-bottom: 1px dashed #efefef; padding: 21px 9.2%; font-size: 18px; font-family: "微软雅黑"; color: #333;}
.manu .list .li i{width: 5px; height: 5px; background: #ee1b2e; margin-right: 13px;}
.manu .list .li.cur,
.manu .list .li:hover{color: #ee1b2e;}
.manu .list .sub-li{padding: 0;border-bottom: 1px dashed #efefef;max-height: 0;overflow: hidden;}
.manu .list .sub-li.cur{padding: 15px 0;max-height: unset;}
.manu .list .sub-li .li{padding: 0 9.2%;line-height: 35px;border-bottom: unset;}
.manu .list .sub-li .li i{width: 3px; height: 3px;border-radius: 50%;margin-right: 20px;}
@media screen and (max-width: 750px) {
    .manu{width: 100%;margin-bottom: 20px;display: none;}
    .manu .title{padding: 27px 20px; font-size: 30px;}
    .manu .list .li{padding: 21px 20px; font-size: 26px;}
    .manu .list .sub-li .li{line-height: 45px;}
}

.pro-manu .list .item{width: 100%; background: #fff;}
.pro-manu .list .item .one{width: 100%; display: flex; align-items: center;  border-bottom: 1px dashed #efefef; padding: 21px 9.2%; font-size: 18px; font-family: "微软雅黑"; color: #333}
.pro-manu .list .item .one i{width: 5px; height: 5px; background: #ee1b2e; margin-right: 13px;}
.pro-manu .list .item .one .tit{width: calc(100% - 25px);}
.pro-manu .list .item .one .icon{width: 20px; height: 20px; position: relative;}
.pro-manu .list .item .one .icon::before{content: ""; width: 100%; height: 1px; background: #eaeaea; position: absolute; top: 50%; left: 0;transform: translateY(-50%); translate: all 0.3s ease;}
.pro-manu .list .item .one .icon::after{content: ""; width: 1px; height: 100%; background: #eaeaea; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.pro-manu .list .item.cur .one{color: #ee1b2e;}
.pro-manu .list .item.cur .one .icon::before{transform: rotate(360deg);background: #ee1b2e;}
.pro-manu .list .item.cur .one .icon::after{display: none;}
.pro-manu .list .item .ites .t-ites{padding: 20px 0;}
.pro-manu .list .item .ites .slide{padding: 0 9.2%;}
.pro-manu .list .item .ites .slide .li1{padding: 4px 0; width: 100%; display: flex; align-items: center; font-size: 14px; font-family: "GHB"; color: #333}
.pro-manu .list .item .ites .slide .li1 i{width: 3px; height: 3px; background: #999999; margin-right: 13px; border-radius: 50%;}
.pro-manu .list .item .ites .slide .li1 .name{width: calc(100% - 10px);}
.pro-manu .list .item .ites .slide .li1 .jt{width: 7px;}
.pro-manu .list .item .ites .slide .li1 .jt .i1{display: inline-block;}
.pro-manu .list .item .ites .slide .li1 .jt .i2{display: none;}
.pro-manu .list .item .ites .slide.cur .li1{color: #ee1b2e;}
.pro-manu .list .item .ites .slide.cur .li1 .jt .i1{display: none;}
.pro-manu .list .item .ites .slide.cur .li1 .jt .i2{display: inline-block;}
.pro-manu .list .item .ites .slide.cur .li1 i{background: #ee1b2e;}
/*.pro-manu .list .item .ites .slide .num-list .num-cont{padding: 26px 18px;}*/
.pro-manu .list .item .ites .slide .num-list .num-cont{padding: 0 18px 0 35px;}
.pro-manu .list .item .ites .slide .num-list .num-cont .num{font-size: 14px; font-family: "GHB"; color: #333; line-height: 23px;}
.pro-manu .list .item .ites .slide .num-list .num-cont .num.cur,
.pro-manu .list .item .ites .slide .num-list .num-cont .num:hover{color: #ee1b2e;}
@media screen and (max-width: 750px) {
    .pro-manu .list .item .one{padding: 21px 20px; font-size: 28px;}
    .pro-manu .list .item .ites .slide .li1{font-size: 24px;}
    .pro-manu .list .item .ites .slide .li1 .jt .i1{transform: scale(1.5);}
    .pro-manu .list .item .ites .slide .num-list .num-cont .num{font-size: 24px; line-height: 40px;}
}


#products{padding: 26px 0 100px; background: #fafafa; }
#products .right{width: 74.51%; background: #fff; padding: 30px 2.2%;}
#products .right .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#products .right .tit .tit-cn{width: max-content;color: #333; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#products .right .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}
#products .right .tit .down{padding: 5px 20px; display: flex; justify-content: center; align-items: center; border: 1px solid #f1f1f1; border-radius: 15px; top: 10px; right: 0;}
#products .right .tit .down .txt{margin-left: 9px; font-size: 14px; font-family: "微软雅黑"; color: #333;}
#products .right .parameter{border: 1px solid #f1f1f1;}
#products .right .parameter .tit-list{display: flex; border-bottom: 1px solid #f1f1f1;}
#products .right .parameter .tit-list .name{word-break: break-all;width: 16.72%; padding: 23px 0; color: #333; font-size: 16px; font-family: "GHBD"; background: #fafafa; border-right: 1px solid #f1f1f1; }
#products .right .parameter .tit-list .name:last-child{border-right: 0;}
#products .right .parameter .date-list .item{border-bottom: 1px solid #f1f1f1; display: flex; align-items: center}
#products .right .parameter .date-list .item .i1{word-break: break-all;width: 16.72%; padding: 16px 0; text-align: center; color: #333; font-size: 14px; font-family: "微软雅黑"; line-height: 16px; border-right: 1px solid #f1f1f1;}
@media screen and (max-width: 750px) {
    #products .cw1440{display: flex;flex-direction: column-reverse;}
    #products .right{width: 100%;padding: 30px 20px;margin-bottom: 40px;}
    #products .right .tit .tit-cn{font-size: 28px;}
    #products .right .tit .down{border-radius: 30px;}
    #products .right .tit .down .txt{font-size: 24px;}
    #products .right .parameter .tit-list .name{font-size: 26px;}
    #products .right .parameter .date-list .item .i1{font-size: 24px;line-height: 35px;}
}

#products-detail{padding: 26px 0 100px; background: #fafafa; }
#products-detail .right{width: 74.51%; background: #fff; padding: 30px 2.2%;}
#products-detail .right .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#products-detail .right .tit .tit-cn{width: max-content;color: #333; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#products-detail .right .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}
#products-detail .right .tit .back{color: #333; font-size: 16px;}
#products-detail .right .tit .back:hover{color: #ee1b2e;}
#products-detail .right .main .box{width: 100%;}
#products-detail .right .main .pic_box{width: 47.5%; height: 383px; background: #fafafa;}
#products-detail .right .main .pic_box .pic1{width: 100%;height: 100%;}
#products-detail .right .main .pic_box .pic1 .slide{width: 100% !important;height: 100%;}
#products-detail .right .main .pic_box .cont2{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;padding: 20px 50px;}
#products-detail .right .main .pic_box .pic2 .slide{width: 100%; background: #fff; border: 1px solid #e7e7e7; padding: 20px;}
#products-detail .right .main .pic_box .pic2 .slide.swiper-slide-thumb-active{border: 1px solid  #ee1b2e;}
#products-detail .right .main .pic_box .but{width: 9px;height: 15px;line-height: 45px;text-align: center;color: #c9c9c9;font-size: 28px;z-index: 2;}
#products-detail .right .main .pic_box .but.swiper-button-disabled{opacity: 0.5;}
#products-detail .right .main .pic_box .prev{position: absolute;bottom: 50px;left: 3.5%; background: url(/static/images/jt10.png) no-repeat center;}
#products-detail .right .main .pic_box .next{position: absolute;bottom: 50px;right: 3.5%; background: url(/static/images/jt11.png) no-repeat center;}
#products-detail .right .main .content{width: 49.12%;}
#products-detail .right .main .content .info-list{min-height: 320px;}
#products-detail .right .main .content .info-list .name{padding: 24px 0; margin-bottom: 23px; font-size: 24px; font-family: "GHBD"; color: #333; border-bottom: 1px solid #f1f1f1;}
#products-detail .right .main .content .info-list .info .p1{width: 50%; font-size: 14px; font-family: "GHB"; color: #333; line-height: 25px;}
#products-detail .right .main .content .btn-list{ display: flex;}
#products-detail .right .main .content .btn-list .btn1{display: flex; justify-content: center; align-items: center; width: 174px; margin-right: 30px; padding: 14px 0; background: #ee1b2e; color: #fff; border-radius: 35px}
#products-detail .right .main .content .btn-list .btn1 .txt{ margin-left: 9px; font-size: 18px; font-family: "微软雅黑";}
#products-detail .right .main .content .btn-list .btn2{display: flex; justify-content: center; align-items: center;}
#products-detail .right .main .content .btn-list .btn2 .icon{width: 50px; height: 50px; background: #ee1b2e; border-radius: 50%; margin-right: 17px;}
#products-detail .right .main .content .btn-list .btn2 .txt{ font-size: 14px; font-family: "微软雅黑"; color: #333;}
#products-detail .right .main .content .btn-list .btn2 .phone{ font-size: 18px; font-family: "GHBD"; color: #ee1b2e; margin-top: 5px;}
#products-detail .right .two{margin-top: 30px;}
#products-detail .right .two .tit{padding-bottom: 20px;}
#products-detail .right .two .tit .tit-cn{ font-weight: inherit;}
#products-detail .right .two .tit .tit-cn::before{bottom: -20px;}
@media screen and (max-width: 750px) {
    #products-detail .right{width: 100%;padding: 30px 20px;}
    #products-detail .right .tit .tit-cn{font-size: 28px;}
    #products-detail .right .tit .back{font-size: 26px;}
    #products-detail .right .main .pic_box{width: 100%; height: 600px; background: #fafafa;}
    #products-detail .right .main .pic_box .prev{bottom: 75px;transform: scale(2);}
    #products-detail .right .main .pic_box .next{bottom: 75px;transform: scale(2);}
    #products-detail .right .main .content{width: 100%;}
    #products-detail .right .main .content .info-list .name{font-size: 32px;}
    #products-detail .right .main .content .info-list .info .p1{font-size: 24px;line-height: 1.8;}
    #products-detail .right .main .content .btn-list .btn1{ width: 250px;border-radius: 50px}
    #products-detail .right .main .content .btn-list .btn1 .txt{font-size: 26px;}
    #products-detail .right .main .content .btn-list .btn1 img{transform: scale(1.3);}
    #products-detail .right .main .content .btn-list .btn2 .icon{width: 63px;height: 63px;}
    #products-detail .right .main .content .btn-list .btn2 .txt{font-size: 24px;}
}

/* 品牌 */
#brand{padding: 26px 0 80px 0; background: #fff;}
#brand .top{margin-bottom: 50px;}
#brand .top .tit-box{ margin-bottom: 40px;}
#brand .top .tit-box .tit-cn{font-size: 36px; font-family: "微软雅黑"; color: #333; line-height: 55px;}
#brand .top .tit-box .tit-en{font-size: 24px; font-family: "Myriad Pro"; color: #dedede;}
#brand .list{}
#brand .list .cont{width: 100%; display: flex; flex-wrap: wrap;}
#brand .list .cont .item{width: 23.125%; margin-right: 2.5%; margin-bottom: 36px; background: #f1f1f1;}
#brand .list .cont .item:nth-of-type(4n){margin-right: 0;}
#brand .list .cont .item .top{padding: 10px 10px 0; margin: 0;}
#brand .list .cont .item .top .pic{width: 100%; height: 170px; background: #fff; overflow: hidden;}
#brand .list .cont .item .top .info{padding: 28px 17px;border-bottom: 1px solid #eaeaea; }
#brand .list .cont .item .top .info .tit{font-size: 20px; font-family: "微软雅黑"; color: #333; margin-bottom: 15px;}
#brand .list .cont .item .top .info .brief{font-size: 14px; font-family: "微软雅黑"; color: #666; line-height: 24px;}
#brand .list .cont .item:hover .top .info .tit{color: #ee1b2e;}
@media screen and (max-width: 750px) {
    #brand .top .tit-box .tit-cn{font-size: 46px;}
    #brand .top .tit-box .tit-en{font-size: 34px;}
    #brand .list .cont .item{width: 47.5%;margin-right: 5%;}
    #brand .list .cont .item:nth-of-type(2n){margin-right: 0;}
    #brand .list .cont .item .top .info .tit{font-size: 30px;}
    #brand .list .cont .item .top .info .brief{font-size: 24px;line-height: 35px;}
}

/* 案例 */
#cases{padding: 26px 0 80px 0; background: #fafafa;}
#cases .top{margin-bottom: 50px;}
#cases .top .tit-box{ margin-bottom: 40px;}
#cases .top .tit-box .tit-cn{font-size: 36px; font-family: "微软雅黑"; color: #333; line-height: 55px;}
#cases .top .tit-box .tit-en{font-size: 24px; font-family: "Myriad Pro"; color: #dedede;}
#cases .list{}
#cases .list .cont{width: 100%; display: flex; flex-wrap: wrap;}
/* #cases .list .cont .item{width: 100%; margin-right: 2.9%; margin-bottom: 60px; border-bottom: 2px solid #dedede;} */
#cases .list .cont .item{width: 100%; margin-bottom: 60px; border-bottom: 2px solid #dedede;}
#cases .list .cont .item:nth-of-type(3n){margin-right: 0;}
#cases .list .cont .item .top{display: flex;}
#cases .list .cont .item .top .info{padding: 28px 17px;}
#cases .list .cont .item .top .info .tit{font-size: 18px; font-family: "微软雅黑"; color: #333; margin-bottom: 15px;}
#cases .list .cont .item .top .info .brief{font-size: 14px; font-family: "微软雅黑"; color: #666; line-height: 24px;}
#cases .list .cont .item .more{padding: 32px 0; font-size: 18px; font-family: "微软雅黑"; color: #333;}
#cases .list .cont .item:hover .more{background: #ee1b2e; color: #fff;}

#cases .list .cont .item .more2{bottom: 48px; right: 0; font-size: 18px; font-family: "微软雅黑"; color: #333;}
#cases .list .cont .item:hover .more2{color: #ee1b2e;}

@media screen and (max-width: 750px) {
    #cases .top .tit-box .tit-cn{font-size: 46px;}
    #cases .top .tit-box .tit-en{font-size: 34px;}
    #cases .list .cont .item{width: 100%; margin-right: 0; margin-bottom: 30px;}
    #cases .list .cont .item .top .info .tit{font-size: 28px;}
    #cases .list .cont .item .top .info .brief{font-size: 24px;line-height: 1.6;}
    #cases .list .cont .item .more{font-size: 28px;}
}

#cases .paging[type='default'] .a{width: 46px; min-height: 46px; height: 46px; line-height: 46px; border: 1px solid #e5e5e5; font-family: "GHB"; color: #757575;}
#cases .paging[type='default'] .a.cur{background: #ee1b2e; color: #fff;}
#cases .paging[type='default'] .a .pg{height: 46px;}
#cases .paging[type='default'] .a .pg.p-page img{transform: rotate(180deg);opacity: 0.5;}
#cases .paging[type='default'] .a .pg.p-page:hover img{opacity: 1;}
#cases .paging[type='default'] .a .pg.n-page img{opacity: 0.5;}
#cases .paging[type='default'] .a .pg.n-page:hover img{opacity: 1;}
@media screen and (max-width: 750px) {
    #cases .paging[type='default'] .a{width: 60px; min-height: 60px; height: 60px; line-height: 60px;font-size: 26px;}
    #cases .paging[type='default'] .a .pg{height: 60px;}

}

#cases-detail{padding: 26px 0 100px; background: #fafafa;}
#cases-detail .left{width: 70.833%;margin-right: 3.334%;}
#cases-detail .left .title{font-size: 30px;color: #1a1a1a;margin-bottom: 26px;}
#cases-detail .left .bot{padding-bottom: 37px; border-bottom: 1px solid #ececec;}
#cases-detail .left .txt{font-size: 16px;color: #333;margin-right: 20px;}
#cases-detail .left .content{padding-bottom: 45px;border-bottom: 1px solid #e6e6e6;margin: 45px 0 40px;}
#cases-detail .left .page{width: 100%; background: #fff; margin-top: 40px;}
#cases-detail .left .page .pg{width: 50%; padding: 30px 0;}
#cases-detail .left .page .pg.prev{flex-direction: row-reverse}
#cases-detail .left .page .pg .l-b{width: calc(100% - 100px); padding: 0 30px;}
#cases-detail .left .page .pg .l-b .t1{font-size: 18px; color: #333;}
#cases-detail .left .page .pg .l-b .t2{font-size: 16px; color: #333;}
#cases-detail .left .page .pg .r-b{width: 100px; position: relative;}
#cases-detail .left .page .pg .r-b::before{content: ""; display: block; width: 1px; height: 40px; background: #dedede; position: absolute; top: 0; left: 0px;}
#cases-detail .left .page .pg.prev .r-b::before{left: 90px;}
#cases-detail .left .page .pg .r-b .i1{display: inline-block;}
#cases-detail .left .page .pg .r-b .i2{display: none;}
#cases-detail .left .page .pg:hover{background: #ee1b2e;}
#cases-detail .left .page .pg:hover .t1,
#cases-detail .left .page .pg:hover .t2{color: #fff;}
#cases-detail .left .page .pg:hover .i1{display: none;}
#cases-detail .left .page .pg:hover .i2{display: inline-block;}
#cases-detail .left .page .pg:hover .r-b::before{opacity: 0.5;}
@media (max-width: 750px){
    #cases-detail .left .page .pg{width: 100%;display: flex;align-items: center}
    #cases-detail .left .page .pg.prev{flex-direction: row;}
    #cases-detail .left .page .pg.prev .r-b::before{left: 0;}
    #cases-detail .left .page .pg .l-b .t1{font-size: 28px;}
    #cases-detail .left .page .pg .l-b .t2{font-size: 26px;}
}

#cases-detail .right{width: 25.833%; border-top: 1px solid #ee1b2e ;}
#cases-detail .right .news{width: 100%;background: #fff;}
#cases-detail .right .news .title{padding: 20px 30px 30px;font-size: 18px;color: #1a1a1a;font-weight: 700;padding-bottom: 20px;border-bottom: 1px solid #ececec;}
#cases-detail .right .news .list{padding: 0 5.2%;}
#cases-detail .right .news .list .li{padding: 30px 0;font-size: 14px;color: #666; border-bottom: 1px dashed #dedede}
#cases-detail .right .news .list .li .tit{font-size: 18px; margin-bottom: 13px; color: #333;}
#cases-detail .right .news .list .li .brief{line-height: 24px;}
#cases-detail .right .news .list .li:hover .tit{color: #ee1b2e;}
@media (max-width: 1024px){
    #cases-detail .left{float: none;width: 100%;margin-right: 0;}
    #cases-detail .right{float: none;width: 100%;margin-top: 30px;}
    #cases-detail .right .form{width: 50%;margin: 0 auto 25px;}
}
@media (max-width: 750px){
    #cases-detail .left .title{font-size: 48px;}
    #cases-detail .left .txt{font-size: 26px;width: 45%;margin-bottom: 15px;}
    #cases-detail .left .txt img{transform: scale(1.3);}
    #cases-detail .left .content *{font-size: 26px !important;}
    #cases-detail .left .flex-between{display: block;}
    #cases-detail .left .page{width: 100%;}
    #cases-detail .left .page span{font-size: 28px;}
    #cases-detail .left .page a{font-size: 28px;}
    #cases-detail .left .back{width: 176px;height: 60px;line-height: 60px;font-size: 28px;margin-top: 20px;}

    #cases-detail .right .news{width: 100%;padding: 20px 30px 30px;background: #f5f5f5;margin-bottom: 26px;}
    #cases-detail .right .news .title{font-size: 28px;}
    #cases-detail .right .news .tit{font-size: 28px;}
    #cases-detail .right .news .list .li{font-size: 26px;margin-bottom: 15px;}
    #cases-detail .right .news .list .li .tit{font-size: 28px;}
    #cases-detail .right .news .list .li .brief{line-height: 1.6;}
}

/* 解决方案 */
#solution{padding: 26px 0 100px 0; background: #fafafa; }
#solution .right{width: 74.51%; background: #fff; padding: 30px 2.2%;}
#solution .right .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#solution .right .tit .tit-cn{width: max-content;color: #ee1b2e; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#solution .right .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}
#solution .right .content{font-size: 14px; font-family: "微软雅黑"; line-height: 25px; }
@media (max-width: 750px){
    #solution .cw1440{display: flex;flex-direction: column-reverse;}
    #solution .right .tit .tit-cn{font-size: 28px;}
    #solution .right{width: 100%;margin-bottom: 40px;}
}

/* 关于我们 */
#about{padding: 26px 0 100px 0; background: #fafafa; }
#about .right{width: 74.51%; background: #fff; padding: 30px 2.2%;}
#about .right .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#about .right .tit .tit-cn{width: max-content;color: #ee1b2e; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#about .right .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}
#about .right .content{font-size: 14px; font-family: "微软雅黑"; line-height: 25px; }
@media (max-width: 750px){
    #about .cw1440{display: flex;flex-direction: column-reverse;}
    #about .right .tit .tit-cn{font-size: 28px;}
    #about .right{width: 100%;margin-bottom: 40px;}
}

/* 荣誉资质 */
#honor{padding: 26px 0 100px; background: #fafafa; }
#honor .right{width: 74.51%; background: #fff; padding: 30px 2.2%;}
#honor .right .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#honor .right .tit .tit-cn{width: max-content;color: #ee1b2e; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#honor .right .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}
#honor .right .list{}
#honor .right .list .cont{width: 100%; display: flex; flex-wrap: wrap;}
#honor .right .list .cont .item{width: 31.39%; margin-right: 2.9%; margin-bottom: 60px; background: #fff; border: 1px solid #dedede;}
#honor .right .list .cont .item:nth-of-type(3n){margin-right: 0;}
#honor .right .list .cont .item .pic{height: 288px; margin: 5.2% 5.2% 0; padding: 18px 18px calc(18px + 5.2%); border-bottom: 1px solid #dedede}
#honor .right .list .cont .item .name{padding: 32px 0; font-size: 14px; font-family: "微软雅黑"; color: #333;}
#honor .right .list .cont .item:hover .name{ background: #ee1b2e; color: #fff;}
#honor .right .paging[type='default'] .a{width: 46px; min-height: 46px; height: 46px; line-height: 46px; border: 1px solid #e5e5e5; font-family: "GHB"; color: #757575;}
#honor .right .paging[type='default'] .a.cur{background: #ee1b2e; color: #fff;}
#honor .right .paging[type='default'] .a .pg{height: 46px;}
#honor .right .paging[type='default'] .a .pg.p-page img{transform: rotate(180deg);opacity: 0.5;}
#honor .right .paging[type='default'] .a .pg.p-page:hover img{opacity: 1;}
#honor .right .paging[type='default'] .a .pg.n-page img{opacity: 0.5;}
#honor .right .paging[type='default'] .a .pg.n-page:hover img{opacity: 1;}
@media (max-width: 1024px){
    #honor .right .list .cont .item{width: 48.5%; margin-right: 3%; margin-bottom: 30px;}
    #honor .right .list .cont .item:nth-of-type(3n){margin-right: 3%;}
    #honor .right .list .cont .item:nth-of-type(2n){margin-right: 0;}
}
@media (max-width: 750px){
    #honor .cw1440{display: flex;flex-direction: column-reverse;}
    #honor .right{width: 100%;margin-bottom: 40px;}
    #honor .right .tit .tit-cn{font-size: 28px;}
    #honor .right .list .cont .item .name{font-size: 24px;}
    #honor .right .paging[type='default'] .a{width: 60px; min-height: 60px; height: 60px; line-height: 60px;}
    #honor .right .paging[type='default'] .a .pg{height: 60px;}
}

/* 加入我们 */
#join{padding: 26px 0 100px; background: #fafafa; }
#join .right{width: 74.51%; background: #fff; padding: 30px 2.2%;}
#join .right .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#join .right .tit .tit-cn{width: max-content;color: #ee1b2e; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#join .right .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}
#join .right .list{margin:30px 0 45px;}
#join .right .list .border{cursor:pointer; border:1px solid #e5e5e5; padding:0 4.3125%;}
#join .right .list .border *{padding:30px 0;}
#join .right .list .border .clear,
#join .right .list .border .editor{padding:0;}
#join .right .list .name{width:calc(20% - 30px);  margin:0 30px 0 0; color:#333; font-size:16px;font-family:"微软雅黑";}
#join .right .list .much{width:calc(20% - 30px); margin:0 30px 0 0; color:#333; font-size:16px;font-family:"微软雅黑";}
#join .right .list .much:nth-child(3){width:calc(30% - 30px);}
#join .right .list .much:nth-child(3) *{font-size: 16px;font-family:"微软雅黑";}
#join .right .list .date{padding:30px 0 30px 31px; color:#333; font-size:16px; font-family:"微软雅黑"; background:url('/static/images/pic21.png') no-repeat left center;}
#join .right .list .btn{padding: 24px 0;font-size:24px; color:#c7c7c7;}
#join .right .list .btn .i1{padding: 0;display: inline-block;}
#join .right .list .btn .i2{padding: 0;display: none;}
#join .right .list .join.open .btn .i1{display: none;}
#join .right .list .join.open .btn .i2{display: inline-block;}
#join .right .list .term{display:none; height: 0; overflow: hidden;}
#join .right .list .term .but{width: 190px;line-height: 60px;background-color: #ee1b2e;color: white;font-size: 16px;margin-top: 20px;text-align: center; border-radius: 35px;cursor: pointer;}
#join .right .list .term .detail{padding: 60px 60px 60px 60px; border: 1px solid #dedede; background:#f9f9f9; margin:-10px 0 0; /*line-height:180%;*/ font-size:14px; color:#666;}
#join .right .list .term .detail .tips{line-height:28px; margin:36px 0 16px;}
#join .right .list .join:hover .border,
#join .right .list .join.open .border{background:#fafafa;}
#join .right .list .join.open .btn{transform:rotate(180deg); color: #ee1b2e;}
#join .right .list .join.open .term{display:block; height: 100%;}
@media (max-width: 750px){
    #join .cw1440{display: flex;flex-direction: column-reverse;}
    #join .right{width: 100%;margin-bottom: 40px;}
    #join .right .tit .tit-cn{font-size: 28px;}
    #join .right .list .border div:nth-child(2),
    #join .right .list .border div:nth-child(4){display: none;}
    #join .right .list .name{width:calc(35% - 30px);font-size:26px;}
    #join .right .list .much:nth-child(3){width:calc(55% - 30px);font-size:26px;}
    #join .right .list .much:nth-child(3) *{font-size: 26px;}
    #join .right .list .term .detail{font-size:24px;}
    #join .right .list .term .but{font-size: 26px;}
}

.join-show{pointer-events:auto !important; opacity:1 !important;}
.form-join-bg{width: 100%;height: 100%;background-color: rgba(0,0,0,.3);position: fixed;top: 0;left: 0;pointer-events:none; opacity:0;z-index: 8;}
#form-join{width: 500px;max-height: 80vh;padding: 30px;background-color: white;border-radius: 5px;position: fixed;top: 20%;left: calc(50% - 250px);pointer-events:none; opacity:0;z-index: 9;}
#form-join .title{font-size: 30px;margin-bottom: 20px;text-align: center;}
#form-join .job{margin-bottom: 20px;font-size: 22px;line-height: 1.5;}
#form-join input[type=text]{width: 100%;height: 50px;line-height: 50px;padding: 0 20px;margin-bottom: 20px;font-size: 18px;border: 1px solid #dedede;border-radius: 3px;}
#form-join input[type=submit],
#form-join .cancel{width: calc(50% - 10px);line-height: 50px;height: 50px;background-color: #ee1b2e;color: white;text-align: center;border-radius: 3px;font-size: 16px;}
#form-join .cancel{margin-right: 20px;background-color: #cccccc;}
#form-join .file-box{margin-bottom: 20px;}
#form-join .file-box .text{font-size: 18px;line-height: 50px;}
#form-join .file-box .file{height: 50px;line-height: 50px;padding: 0 20px;border-radius: 3px;background-color: #efefef;font-size: 16px;margin-left: 20px;}

/* 新闻中心 */
#news{padding: 26px 0 100px; background: #fafafa; }
#news .right{width: 74.51%; background: #fff; padding: 30px 2.2% 65px;}
#news .right .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#news .right .tit .tit-cn{width: max-content;color: #ee1b2e; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#news .right .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}
#news .right .main .cont{margin-bottom: 65px;}
#news .right .main .cont .item{width: 100%; padding: 30px 0; display: flex; align-items: center; border-bottom: 1px solid #dedede;}
#news .right .main .cont .item .pic{width: 19.8%; margin-right: 2%;}
#news .right .main .cont .item .cen{width: 70.3%;}
#news .right .main .cont .item .cen .name{color: #333; font-size: 18px; font-family: "微软雅黑"; margin-bottom: 13px;}
#news .right .main .cont .item .cen .brief{color: #666; font-size: 14px; font-family: "微软雅黑"; margin-bottom: 15px; line-height: 24px;}
#news .right .main .cont .item .cen .time{color: #999; font-size: 14px; font-family: "GR";}
#news .right .main .cont .item .more{width: 4.95%; height: 50px; border-radius: 50%; border: 1px solid #e0e0e0;}
#news .right .main .cont .item .more .i1{display: inline-block;}
#news .right .main .cont .item .more .i2{display: none;}
#news .right .main .cont .item:hover .cen .name{color: #ee1b2e;}
#news .right .main .cont .item:hover .more {background: #ee1b2e;}
#news .right .main .cont .item:hover .more .i1{display: none;}
#news .right .main .cont .item:hover .more .i2{display: inline-block;}
#news .right .paging[type='default'] .a{width: 46px; min-height: 46px; height: 46px; line-height: 46px; border: 1px solid #e5e5e5; font-family: "GHB"; color: #757575;}
#news .right .paging[type='default'] .a.cur{background: #ee1b2e; color: #fff;}
#news .right .paging[type='default'] .a .pg{height: 46px;}
#news .right .paging[type='default'] .a .pg.p-page img{transform: rotate(180deg);opacity: 0.5;}
#news .right .paging[type='default'] .a .pg.p-page:hover img{opacity: 1;}
#news .right .paging[type='default'] .a .pg.n-page img{opacity: 0.5;}
#news .right .paging[type='default'] .a .pg.n-page:hover img{opacity: 1;}
@media (max-width: 750px){
    #news .right{width: 100%;}
    #news .right .tit .tit-cn{font-size: 28px;}
    #news .right .main .cont .item{flex-wrap: wrap;}
    #news .right .main .cont .item .pic{width: 100%; margin-right: 0;margin-bottom: 20px;}
    #news .right .main .cont .item .cen{width: 90%;}
    #news .right .main .cont .item .cen .name{font-size: 28px;margin-bottom: 15px;}
    #news .right .main .cont .item .cen .brief{font-size: 24px;margin-bottom: 20px; line-height: 40px;}
    #news .right .main .cont .item .cen .time{font-size: 24px;}
    #news .right .main .cont .item .more{width: 50px;}
    #news .right .paging[type='default'] .a{width: 60px; min-height: 60px; height: 60px; line-height: 60px;}
    #news .right .paging[type='default'] .a .pg{height: 60px;}
}


/* 新闻详情 */
#news-detail{padding: 26px 0 100px; background: #fafafa; }
#news-detail .right{width: 74.51%; background: #fff; padding: 30px 2.2% 65px;}
#news-detail .right .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#news-detail .right .tit .tit-cn{width: max-content;color: #ee1b2e; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#news-detail .right .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}

#news-detail .right .main .title{font-family: "微软雅黑"; font-size: 30px;color: #333;margin-bottom: 30px;}
#news-detail .right .main .p2{width: 100%; display: flex; justify-content: center; border-bottom: 1px solid #dedede; padding-bottom: 60px;}
#news-detail .right .main .txt{font-family: "GR"; font-size: 14px;color: #333;margin-right: 40px;}
#news-detail .right .main .content{font-size: 14px; color: #666; padding-bottom: 45px;border-bottom: 1px solid #e6e6e6;margin: 25px 0 60px;}
#news-detail .right .main .page{width: calc(100% - 200px);}
#news-detail .right .main .page .prev{margin-bottom: 15px;}
#news-detail .right .main .page span{font-size: 14px;color: #333;font-family: "微软雅黑";}
#news-detail .right .main .page a{font-size: 14px;color: #333;font-family: "微软雅黑";}
#news-detail .right .main .page a:hover{opacity: 1;color: #ee1b2e;}
#news-detail .right .main .back{width: 150px;height: 43px;line-height: 43px;font-size: 14px;color: #333;font-family: "微软雅黑";}
@media (max-width: 750px){
    #news-detail .cw1440{display: flex;flex-direction: column-reverse;}
    #news-detail .right{width: 100%;margin-bottom: 40px;}
    #news-detail .right .tit .tit-cn{font-size: 28px;}
    #news-detail .right .main .title{font-size: 38px;}
    #news-detail .right .main .p2{flex-wrap: wrap;justify-content: center;padding-bottom: 20px;}
    #news-detail .right .main .txt{ font-size: 24px;}
    #news-detail .right .main .page span{font-size: 24px;}
    #news-detail .right .main .page a{font-size: 24px;}
    #news-detail .right .main .back{font-size: 24px;}
}

/* 联系我们 */
#contact{padding: 26px 0 100px; background: #fafafa; }
#contact .right{width: 74.51%; background: #fff; padding: 30px 2.2%;}
#contact .right .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#contact .right .tit .tit-cn{width: max-content;color: #ee1b2e; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#contact .right .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}
#contact .right .main{}
#contact .right .main .one{width: calc(100% - 84px); margin-bottom: 50px; padding: 42px 42px; display: flex; justify-content: space-between; background: #fafafa;}
#contact .right .main .one .left{width: 43.56%;}
#contact .right .main .one .left .p1{font-family: "微软雅黑"; font-weight: bold; font-size: 18px; color: #ee1b2e; margin-bottom: 24px;}
#contact .right .main .one .left .p2>div{font-family: "GHB"; font-size: 16px; color: #333333; line-height: 32px;}
#contact .right .main .one .left .p2 {border-bottom: 1px solid #dedede; padding-bottom: 32px; margin-bottom: 36px;}
#contact .right .main .one .left .focus{width: 100%; display: flex; align-items: center;}
#contact .right .main .one .left .focus .code{width: 40%;border: 7px solid #fff; margin-right: 46px;}
#contact .right .main .one .left .focus .txt{width: 60%;}
#contact .right .main .one .left .focus .txt .t1{font-family: "微软雅黑"; font-size: 16px; color: #333;}
#contact .right .main .one .right{width: 51.73%;}
#contact .right .main .two{}
#contact .right .main .two .list{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#contact .right .main .two .list .li{width: 48.5%; padding: 43px 4.3%; margin-bottom: 30px; background: #fafafa;}
#contact .right .main .two .list .li .name{font-family: "微软雅黑"; font-weight: bold; font-size: 18px; color: #ee1b2e; margin-bottom: 12px;}
#contact .right .main .two .list .li .t1{font-family: "微软雅黑"; font-size: 16px; color: #333; line-height: 30px;}
#contact .right .main .online{}
#contact .right .main .online .text{display: flex;justify-content: space-between; margin-bottom: 22px;}
#contact .right .main .online .text .input{width: 32.286%;}
#contact .right .main .online .text .input input{width: 100%;height: 66px;font-size: 16px; font-family: '微软雅黑';line-height: 66px;padding: 0 20px;border: 1px solid #dedede;border-radius: 5px; background: #fff;}
#contact .right .main .online .text .input input[type=text]:focus{border: 2px solid #ee1b2e; box-shadow: 0 0 10px rgba(238, 27, 46, 0.25);}
#contact .right .main .online .text .input div{display: inline-block;width: 66px;height: 66px;line-height: 66px;text-align: center;border: 1px solid #dedede; border-left: 0;border-radius: 5px;color: #cccccc;font-size: 22px; background: #fff;}
#contact .right .main .online textarea{width: 100%;height: 345px;border: 1px solid #dedede;border-radius: 5px;padding: 20px;line-height: 1.5;background-color: rgba(255,255,255,.6);resize:none; font-size: 16px; font-family: '微软雅黑';}
#contact .right .main .online textarea:focus{border: 2px solid #ee1b2e; box-shadow: 0 0 10px rgba(238, 27, 46, 0.25);}
#contact .right .main .online .btn_box{text-align: center;font-size: 0;}
#contact .right .main .online .btn_box .submit{padding: 25px 70px; border: 2px solid #ee1b2e; border-radius: 35px;background: #ee1b2e;color: #fff;font-size: 16px;margin:50px 0 0 0;}
#contact .right .main .online .btn_box .submit:hover{border: 2px solid #333;background: #fff; color: #333;}
@media (max-width: 1024px){
    #contact .right .main .one{width: 100%;}
}
@media (max-width: 750px){
    #contact .right{width: 100%;}
    #contact .right .main .one{flex-wrap: wrap;}
    #contact .right .main .one .left{width: 100%;}
    #contact .right .main .one .right{width: 100%;height: 500px;}
    #contact .right .main .one .right *{font-size: 24px;}
    #contact .right .main .one .left .p1{font-size: 28px;}
    #contact .right .main .one .left .p2>div{font-size: 26px;line-height: 1.8;}
    #contact .right .main .one .left .focus{padding-bottom: 40px;}
    #contact .right .main .one .left .focus .txt .t1{font-size: 26px;}
    #contact .right .tit .tit-cn{font-size: 28px;}
    #contact .right .main .two .list .li{width: 100%;}
    #contact .right .main .two .list .li .name{font-size: 28px;}
    #contact .right .main .two .list .li .t1{font-size: 26px;line-height: 1.8;}
    #contact .right .main .online .text{flex-wrap: wrap;margin-bottom: 0;}
    #contact .right .main .online .text .input{width: 100%;margin-bottom: 22px;}
    #contact .right .main .online .text .input input{font-size: 26px;}
    #contact .right .main .online textarea{height: 210px; font-size: 26px; line-height: 35px;}
    #contact .right .main .online .btn_box .submit{font-size: 26px;padding: 20px 70px;border-radius: 50px;}
}

/* 应用解决方案 */
#application{padding: 26px 0 100px 0; background: #fafafa; }
#application .right{width: 74.51%; background: #fff; padding: 30px 2.2%;}
#application .right .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#application .right .tit .tit-cn{width: max-content;color: #ee1b2e; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#application .right .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}
#application .right .content{font-size: 14px; font-family: "微软雅黑"; line-height: 25px; }
@media (max-width: 750px){
    #application .cw1440{display: flex;flex-direction: column-reverse;}
    #application .right{width: 100%;margin-bottom: 40px;}
    #application .right .tit .tit-cn{font-size: 28px;}
}

/* 商城 */
#crumbs.shop-cru{margin-top: 155px; background: #f1f1f1;}
#crumbs.shop-cru .box{border-bottom: 0;  background: #f1f1f1;}
#crumbs.shop-cru .box .txt2{color: #ee1b2e;}

/* 登录 */
#register{background: #f1f1f1; padding: 0 0 105px;}
#register .box{background: #fff; padding-bottom: 116px;}
#register .box .top{width: 100%;padding: 68px 0; margin: 0 auto; text-align: center}
#register .box .top a{font-size: 30px; line-height: 44px; font-family: "微软雅黑"; color: #999999; margin-right: 48px;}
#register .box .top a.cur{ color: #333; position: relative;}
#register .box .top a.cur::before{content:""; display: block; width: 100%; height: 4px; background: #ee1b2e; position: absolute; bottom: -7px; left: 0;}
#register .box .top a:last-child{margin-right: 0; position: relative;}
#register .box .top a:last-child::after{content: ""; display: block; width: 1px; height: 28px; background: #f1f1f1; position: absolute; top: 8px; left: -27px;}
#register .box .form-box{width: 53.5%; margin: 0 auto; }
#register .box .form-box .text { margin: 0 auto 30px;}
#register .box .form-box .text .input{display: flex;  align-items: center; margin-bottom: 10px;border: 1px solid #dedede; border-radius: 5px;}
#register .box .form-box .text .input .txt{width: 16%; padding-left: 20px; font-size: 14px; line-height: 40px; font-family: "微软雅黑"; color: #333333;}
#register .box .form-box .text .input .txt span{color: #ff0000;}
#register .box .form-box .text .input input{width: 100%; padding: 20px;  font-size: 14px; font-family: "微软雅黑"; color: #333; }
#register .box .form-box .text .input:hover{border: 1px solid #ee1b2e;}
#register .box .form-box .text .input.code{position: relative;}
#register .box .form-box .text .input.code .yan-pic{position: absolute;top: 5px; right: 5px;}
#register .box .form-box .rem {width: 100%; margin: 0 auto 40px; }
#register .box .form-box .rem label,
#register .box .form-box .rem .for{font-size: 14px;font-family: "微软雅黑"; color: #333333;}
#register .box .form-box .rem a{border-bottom: 1px solid #333;}
#register .box .form-box .rem label input{margin-right: 5px;margin-top: -1px;}
#register .box .form-box .rem label input[type=checkbox]{width: 37px; height: 37px; border: 1px solid #dedede;}
#register .box .form-box .btn_box {width: 100%;}
#register .box .form-box .btn_box input{width: 100%; padding: 14px 0; background: #ee1b2e;font-size: 18px;font-family: "微软雅黑"; color: #fff; border-radius: 5px;}
@media (max-width: 1366px) {
    #register .box .form-box{width: 65%;}
}
@media (max-width: 1024px) {
    #register .box .form-box{width: 80%;}
}
@media (max-width: 750px) {
    #register .box .form-box{width: 90%;}
    #register .box .top a{font-size: 40px;}
    #register .box .form-box .text .input{margin-bottom: 20px;}
    #register .box .form-box .text .input .txt{ font-size: 24px; line-height: 60px;width: 25%;}
    #register .box .form-box .text .input input{width: 75%;font-size: 24px;}
    #register .box .form-box .rem label,
    #register .box .form-box .rem .for{font-size: 24px;line-height: 60px;}
    #register .box .form-box .rem .forget{line-height: 60px;font-size: 26px;}
    #register .box .form-box .text .input.code .yan-pic{height: 80%;}
    #register .box .form-box .btn_box input{font-size: 28px;}
}

/* 注册 */
#login{background: #f1f1f1; padding: 0 0 105px;}
#login .box{background: #fff; padding-bottom: 116px;}
#login .box .top{width: 100%;padding: 68px 0; margin: 0 auto; text-align: center}
#login .box .top a{font-size: 30px; line-height: 44px; font-family: "微软雅黑"; color: #999999; margin-right: 48px;}
#login .box .top a.cur{ color: #333; position: relative;}
#login .box .top a.cur::before{content:""; display: block; width: 100%; height: 4px; background: #ee1b2e; position: absolute; bottom: -7px; left: 0;}
#login .box .top a:last-child{margin-right: 0; position: relative;}
#login .box .top a:last-child::after{content: ""; display: block; width: 1px; height: 28px; background: #f1f1f1; position: absolute; top: 8px; left: -27px;}
#login .box .form-box{width: 53.5%; margin: 0 auto; }
#login .box .form-box .text { margin: 0 auto 10px;}
#login .box .form-box .text .input{display: flex;  align-items: center; margin-bottom: 10px;border: 1px solid #dedede; border-radius: 5px;}
#login .box .form-box .text .input .txt{width: 16%; padding-left: 20px; font-size: 14px; line-height: 40px; font-family: "微软雅黑"; color: #333333;}
#login .box .form-box .text .input .txt span{color: #ff0000;}
#login .box .form-box .text .input input{width: 100%; padding: 20px; font-size: 14px; font-family: "微软雅黑"; color: #333; }
#login .box .form-box .text .input:hover{border: 1px solid #ee1b2e;}
#login .box .form-box .text .input.code{position: relative;}
#login .box .form-box .text .input.code .yan-pic{position: absolute;top: 5px; right: 5px;}
#login .box .form-box .rem {width: 100%; margin: 10px auto 20px; }
#login .box .form-box .rem label,
#login .box .form-box .rem .for{font-size: 14px;font-family: "微软雅黑"; color: #333333;}
#login .box .form-box .rem label input{margin-right: 5px;margin-top: -1px;}
#login .box .form-box .rem label input[type=checkbox]{width: 37px; height: 37px; border: 1px solid #dedede;}
#login .box .form-box .rem .forget{line-height: 35px;font-size: 16px;}
#login .box .form-box .btn_box {width: 100%;}
#login .box .form-box .btn_box input{width: 100%; padding: 14px 0; background: #ee1b2e;font-size: 18px;font-family: "微软雅黑"; color: #fff; border-radius: 5px;}
@media (max-width: 1366px) {
    #login .box .form-box{width: 65%;}
}
@media (max-width: 1024px) {
    #login .box .form-box{width: 80%;}
}
@media (max-width: 750px) {
    #login .box .form-box{width: 90%;}
    #login .box .top a{font-size: 40px;}
    #login .box .form-box .text .input{margin-bottom: 20px;}
    #login .box .form-box .text .input .txt{ font-size: 24px; line-height: 60px;width: 25%;}
    #login .box .form-box .text .input input{width: 75%;font-size: 24px;}
    #login .box .form-box .rem label,
    #login .box .form-box .rem .for{font-size: 24px;line-height: 60px;}
    #login .box .form-box .rem .forget{line-height: 60px;font-size: 26px;}
    #login .box .form-box .text .input.code .yan-pic{height: 80%;}
    #login .box .form-box .btn_box input{font-size: 28px;}
}

/* 个人中心头部 */
.prof-box{background: #fff; margin-bottom: 30px;}
.prof-box .p1{padding: 53px 0; margin-bottom: 75px; border-bottom: 1px solid #f1f1f1; font-size: 36px; font-family: "微软雅黑"; color: #333; }
.prof-box .p1 span{ color: #ee1b2e;}
.prof-box .list{width: 100%; display: flex; justify-content: space-around;}
.prof-box .list .item{padding-bottom: 72px;cursor: pointer;}
.prof-box .list .item .icon{ margin-bottom: 17px;}
.prof-box .list .item .icon .i1{display: inline-block;}
.prof-box .list .item .icon .i2{display: none;}
.prof-box .list .item .txt{font-size: 18px;font-family: "微软雅黑"; color: #333333;}
.prof-box .list .item.cur{border-bottom: 3px solid #ee1b2e;}
.prof-box .list .item.cur .icon .i1{display: none;}
.prof-box .list .item.cur .icon .i2{display: inline-block;}
.prof-box .list .item.cur .txt{color: #ee1b2e; }
@media (max-width: 750px) {
    .prof-box .list .item .icon{transform: scale(1.5);}
    .prof-box .list .item .txt{font-size: 26px;}
}

/* 个人中心 */
#order{background: #f1f1f1;}
#order .box{}
#order .box .bot{width: 100%; background: #fff; margin-bottom: 85px;}
#order .box .bot .list1{width: 100%; display: flex; }
#order .box .bot .list1 .li{width: 20%; padding: 22px 0; background: #d1d1d1; border-right: 1px solid #f1f1f1; font-size: 16px; font-family: "GHB"; color: #333;}
#order .box .bot .list1 .li.cur{background: #ffffff;}
#order .box .bot .list1 .li:last-child{border: 0;}
#order .box .bot .order-list{padding: 20px 30px;}
#order .box .bot .order-list .line1{height: 70px;line-height: 70px;display: flex;justify-content: space-between;border-bottom: 1px solid #dedede;}
#order .box .bot .order-list .line1 .left{font-size: 16px;color: #ee1b2e;font-family: "GHBD";}
#order .box .bot .order-list .line1 .right{display: flex;}
#order .box .bot .order-list .line1 .right .p1{font-size: 16px;color: #999999;}
#order .box .bot .order-list .line1 .right .btn{width: 90px;height: 35px;border-radius: 2px;background: #d0dbe5;font-size: 14px;margin-left: 5px;margin-top: 17px;display: flex;justify-content: center;align-items: center;}
#order .box .bot .order-list .line1 .right .btn:hover{background: #ee1b2e;color: #fff;}
#order .box .bot .order-list .info-box{display: flex;flex-wrap: wrap;border-bottom: 1px solid #dedede;padding: 20px;}
#order .box .bot .order-list .info-box .col{padding-top: 5px;}
#order .box .bot .order-list .info-box .col1{width: 90px;height: 90px;background: #FFFFFF;padding: 10px;border: 1px solid #dedede;}
#order .box .bot .order-list .info-box .col2{width: 280px;padding-left: 20px;}
#order .box .bot .order-list .info-box .col3{width: 280px;padding-left: 20px;}
#order .box .bot .order-list .info-box .col4{width: 280px;padding-left: 20px;}
#order .box .bot .order-list .info-box .col5{width: 280px;padding-left: 20px;}
#order .box .bot .order-list .info-box .col6{width: 130px;padding-left: 20px;}
#order .box .bot .order-list .info-box .col .name{font-size: 18px;font-weight: bold;line-height: 25px;margin-bottom: 5px;}
#order .box .bot .order-list .info-box .col .text{font-size: 14px;line-height: 25px;}
#order .box .bot .order-list .info-box .col .text>span{color: #ee1b2e;}
#order .box .bot .order-list .info-box .col .tip{font-size: 14px;line-height: 25px;color: #ee1b2e;font-weight: bold;}
#order .box .bot .order-list .line3{width: 100%; display: flex;justify-content: space-between;padding-top: 20px;}
#order .box .bot .order-list .line3 .left{font-size: 16px;line-height: 35px;color: #999;}
#order .box .bot .order-list .line3 .right{display: flex;}
#order .box .bot .order-list .line3 .right .text{font-size: 16px;line-height: 35px;margin-right: 15px;}
#order .box .bot .order-list .line3 .right .text>sapn{color: #ee1b2e;}
#order .box .bot .order-list .line3 .right .btn{width: 90px;height: 35px;line-height: 33px;font-size: 14px;text-align: center;border: 1px solid #dedede;}
#order .box .bot .order-list .line3 .right .btn:hover{background: #ee1b2e;color: #fff;border-color: #ee1b2e;}
#order .order-detail{padding-bottom: 50px;background: #fff;margin-bottom: 90px;}
#order .order-detail .title{font-size: 30px;line-height: 1;padding: 60px 0;text-align: center;}
#order .order-detail .title>span{position: relative;}
#order .order-detail .title>span:before{content: '';width: 300px;height: 1px;background: #dedede;position: absolute;right: 240px;top: 50%;}
#order .order-detail .title>span:after{content: '';width: 300px;height: 1px;background: #dedede;position: absolute;left: 240px;top: 50%;}
#order .order-detail .text-box{display: flex;flex-wrap: wrap;justify-content: space-between;width: 66%;margin: 0 auto;position: relative;}
#order .order-detail .text-box:before{content: '';display: block;width: 1px;height: 100%;background: #dedede;position: absolute;left: 50%;top: 0;}
#order .order-detail .text-box .text{line-height: 1.5;margin-bottom: 20px;font-size: 14px;}
#order .order-detail .text-box .text:last-child{margin-bottom: 0;}
#order .order-detail .text-box .text .bold{font-family: "GHBD";}
#order .order-detail .text-box .text .red{color: #ee1b2e;}
#order .order-detail .btn-box{width: 100%;text-align: center;}
#order .order-detail .btn-box .btn{display: inline-block;width: 90px;height: 35px;line-height: 35px;font-size: 14px;border-radius: 2px;background: #d0dbe5;text-align: center;margin: 50px 5px 10px;}
#order .order-detail ul{padding: 0 50px;}
#order .order-detail ul li{margin-top: 20px;display: flex;}
#order .order-detail ul li .box{padding: 20px;background: #fbfbfb;border: 1px solid #dedede;display: flex;flex-wrap: wrap;}
#order .order-detail ul li:hover .box{background: #fef7f8;border: 1px solid #f36471;}
#order .order-detail ul li .col{padding-top: 5px;}
#order .order-detail ul li .col1{width: 90px;height: 90px;background: #FFFFFF;border: 1px solid #dedede;padding: 10px;}
#order .order-detail ul li .col2{width: 400px;padding-left: 20px;}
#order .order-detail ul li .col3{width: 380px;padding-left: 20px;padding-top: 35px;}
#order .order-detail ul li .col4{width: 330px;padding-left: 20px;padding-top: 35px;}
#order .order-detail ul li .col5{width: 110px;padding-left: 20px;padding-top: 35px;}
#order .order-detail ul li .col .name{font-size: 18px;font-weight: bold;line-height: 25px;margin-bottom: 5px;}
#order .order-detail ul li .col .text{font-size: 14px;line-height: 25px;}
#order .order-detail ul li .col .tip{font-size: 14px;line-height: 25px;color: #ee1b2e;font-weight: bold;}
#order .order-detail ul li .col .qty{border:1px solid #ccc;}
#order .order-detail ul li .col .qty a{float:left; line-height:30px; height:32px; width:32px; cursor:pointer;}
#order .order-detail ul li .col .qty a[plus]{}
#order .order-detail ul li .col .qty input{height:32px; width:70px; font-size:14px; text-align:center; float:left; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#order .order-detail ul li .col .btn{width: 100%;height: 100%;background: url("/static/images/icon-delete2.png") center right no-repeat;}
#order .order-detail ul li .col .btn:hover{background-image: url("/static/images/icon-delete-on.png");}
@media (max-width: 1680px){
    #order .box .bot .order-list .info-box .col2{width: 260px;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col3{width: 260px;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col4{width: 260px;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col5{width: 260px;padding-left: 20px;}
}
@media (max-width: 1440px){
    #order .box .bot .order-list .info-box .col2{width: 230px;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col3{width: 230px;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col4{width: 230px;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col5{width: 230px;padding-left: 20px;}
}
@media (max-width: 1280px){
    #order .box .bot .order-list .info-box .col1{width: 90px;height: 90px;margin-right: calc(33% - 90px - 20px);margin-left: 20px;}
    #order .box .bot .order-list .info-box .col2{width: 33%;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col3{width: 33%;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col4{width: 33%;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col5{width: 33%;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col6{width: 33%;padding-left: 20px;}
}
@media (max-width: 1024px){
    #order .order-detail ul li .col5{width: 200px;}
    #order .order-detail .title>span:before,
    #order .order-detail .title>span:after{width: 200px;}
}
@media (max-width: 750px){
    #order .box .bot .list1 .li{font-size: 26px;display: flex;align-items: center;padding: 22px 15px;}
    #order .box .bot .order-list .line1 .left{font-size: 26px;}
    #order .box .bot .order-list .info-box .col1{width: 110px;height: 110px;margin-right: calc(50% - 110px - 20px);margin-left: 20px;}
    #order .box .bot .order-list .info-box .col2{width: 50%;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col3{width: 50%;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col4{width: 50%;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col5{width: 50%;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col6{width: 50%;padding-left: 20px;}
    #order .box .bot .order-list .info-box .col .name{font-size: 28px;line-height: 35px;}
    #order .box .bot .order-list .info-box .col .text{font-size: 24px;line-height: 35px;}
    #order .box .bot .order-list .info-box .col .tip{font-size: 24px;line-height: 35px;}
    #order .box .bot .order-list .line3{flex-wrap: wrap;justify-content: end;}
    #order .box .bot .order-list .line3 .left{font-size: 26px;line-height: 50px;}
    #order .box .bot .order-list .line3 .right .text{font-size: 26px;line-height: 50px;margin-right: 15px;}
    #order .box .bot .order-list .line3 .right .btn{width: 140px;height: 50px;line-height: 50px;font-size: 24px;}
    #order .order-detail .title>span:before{right: 150px;}
    #order .order-detail .title>span:after{left: 150px;}
    #order .order-detail .title{font-size: 34px;}
    #order .order-detail .text-box{width: 70%;}
    #order .order-detail .text-box:before{display: none;}
    #order .order-detail .text-box>div{width: 100%;}
    #order .order-detail .text-box .text{font-size: 24px;}
    #order .order-detail .text-box .text:last-child{margin-bottom: 20px;}
    #order .order-detail .btn-box .btn{width: 150px;height: 60px;line-height: 60px;font-size: 24px;margin-top: 30px;}
    #order .order-detail ul li{flex-wrap: wrap;}
    #order .order-detail ul li .col1{width: 110px;height: 110px;margin-right: calc(50% - 110px - 20px);margin-left: 20px;}
    #order .order-detail ul li .col2{width: 50%;padding-left: 20px;}
    #order .order-detail ul li .col3{width: 50%;padding-left: 20px;padding-top: 35px;}
    #order .order-detail ul li .col4{width: 25%;padding-left: 20px;padding-top: 35px;}
    #order .order-detail ul li .col5{width: 25%;padding-left: 20px;padding-top: 35px;}
    #order .order-detail ul li .col .name{font-size: 28px;line-height: 35px;}
    #order .order-detail ul li .col .text{font-size: 24px;line-height: 35px;}
    #order .order-detail ul li .col .tip{font-size: 24px;line-height: 35px;}
}

/* 个人资料 */
#profile{background: #f1f1f1;}
#profile .box{}
#profile .box .bot{background: #fff; padding: 59px 110px; margin-bottom: 60px;}
#profile .box .bot .big-title{width: fit-content;margin: 0 auto 57px; padding: 0 90px; background: #fff; font-size: 30px;font-family: "微软雅黑"; color: #333333; position: relative;}
#profile .box .bot .big-title::before{content:""; display: block; width: 306px; height: 1px; background: #dedede; position: absolute; top: 50%; left: -100%; transform: translateY(-50%); z-index: 0;}
#profile .box .bot .big-title::after{content:""; display: block; width: 306px; height: 1px; background: #dedede; position: absolute; top: 50%; right: -100%; transform: translateY(-50%); z-index: 0;}
#profile .box .form-box{width: 100%;}
#profile .box .form-box .text {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 20px; position: relative; }
#profile .box .form-box .text::before{content:""; display: block; width: 1px; height: 100%; background: #dedede; position: absolute; top:0; left: 50%; transform: translateX(-50%);}
#profile .box .form-box .add select,
#profile .box .form-box .add-detail .input,
#profile .box .form-box .text .input{width: 46%; display: flex;  align-items: center; margin-bottom: 20px;border: 1px solid #dedede; border-radius: 5px;}
#profile .box .form-box .text .input:nth-child(3),
#profile .box .form-box .text .input:nth-child(4){margin-bottom: 0;}
#profile .box .form-box .add-detail .input{width: 100%;}
#profile .box .form-box .text .input .txt,
#profile .box .form-box .add-detail .input .txt{width: 16%; padding-left: 20px; font-size: 14px; line-height: 40px; font-family: "微软雅黑"; color: #333333;}
#profile .box .form-box .add-detail .input .txt{width: 10%;}
#profile .box .form-box .text .input .txt span{color: #ff0000;}
#profile .box .form-box .text .input input,
#profile .box .form-box .add select,
#profile .box .form-box .add-detail .input input{width: 100%; padding: 20px; font-size: 14px; font-family: "微软雅黑"; color: #333; }
#profile .box .form-box .text .input:hover{border: 1px solid #333;}
#profile .box .form-box .text .input .se1{width: 80%;}
#profile .box .form-box .text .input .se1 option{font-size:14px;}
#profile .box .form-box .add {width: 100%; display: flex; justify-content: space-between;}
#profile .box .form-box .add select{width: 31.5%; }
#profile .box .form-box .rem {width: 100%; margin: 0 auto 48px; }
#profile .box .form-box .rem label,
#profile .box .form-box .rem .for{font-size: 14px;font-family: "微软雅黑"; color: #333333;}
#profile .box .form-box .rem label input{margin-right: 5px;margin-top: -1px;}
#profile .box .form-box .rem label input[type=checkbox]{width: 37px; height: 37px; border: 1px solid #dedede;}
#profile .box .form-box .btn_box input[type=submit]{width: 100%;height: 60px;background: #ff0000;border-radius: 5px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;font-weight: bold;}
@media (max-width: 1024px){
    #profile .box .form-box .text{margin-bottom: 0;}
    #profile .box .form-box .text::before{display: none;}
    #profile .box .form-box .text .input .txt,
    #profile .box .form-box .add-detail .input .txt{width: 20%;}
    #profile .box .form-box .add select,
    #profile .box .form-box .add-detail .input,
    #profile .box .form-box .text .input{width: 100%;}
    #profile .box .form-box .text .input:nth-child(3),
    #profile .box .form-box .text .input:nth-child(4){margin-bottom: 20px;}
    #profile .box .form-box .text .input .se1{padding: 20px;}
    #profile .box .form-box .add{flex-wrap: wrap;}
}
@media (max-width: 750px){
    #profile .box .bot .big-title{font-size: 40px;}
    #profile .box .bot .big-title::before,
    #profile .box .bot .big-title::after{display: none;}
    #profile .box .bot{padding: 59px 0;}
    #profile .box .form-box{width: 90%;margin: 0 auto;}
    #profile .box .form-box .text .input .txt,
    #profile .box .form-box .add-detail .input .txt{width: 25%;font-size: 24px; line-height: 40px;}
    #profile .box .form-box .text .input input,
    #profile .box .form-box .add select,
    #profile .box .form-box .text .input .se1,
    #profile .box .form-box .add-detail .input input{font-size: 24px;line-height: 50px;height: 70px;}
    #profile .box .form-box .btn_box input[type=submit]{height: 70px;line-height: 70px;font-size: 28px;}
}

/* 修改密码 */
#reset-pass{background: #f1f1f1;}
#reset-pass .box{}
#reset-pass .box .bot{background: #fff; padding: 59px 0; margin-bottom: 60px;}
#reset-pass .box .bot .big-title{width: fit-content;margin: 0 auto 57px; padding: 0 90px; background: #fff; font-size: 30px;font-family: "微软雅黑"; color: #333333; position: relative;}
#reset-pass .box .bot .big-title::before{content:""; display: block; width: 306px; height: 1px; background: #dedede; position: absolute; top: 50%; left: -100%; transform: translateY(-50%); z-index: 0;}
#reset-pass .box .bot .big-title::after{content:""; display: block; width: 306px; height: 1px; background: #dedede; position: absolute; top: 50%; right: -100%; transform: translateY(-50%); z-index: 0;}
#reset-pass .box .form-box{width: 53.5%;margin: 0 auto;}
#reset-pass .box .form-box .text { margin: 0 auto 20px;}
#reset-pass .box .form-box .text .input{width: 100%; display: flex;  align-items: center; margin-bottom: 20px;border: 1px solid #dedede; border-radius: 5px;}
#reset-pass .box .form-box .text .input .txt{width: 16%; padding-left: 20px; font-size: 14px; line-height: 40px; font-family: "微软雅黑"; color: #333333;}
#reset-pass .box .form-box .text .input .txt span{color: #ee1b2e;}
#reset-pass .box .form-box .text .input input{width: 100%; padding: 20px; font-size: 14px; font-family: "微软雅黑"; color: #333; }
#reset-pass .box .form-box .text .input:hover{border: 1px solid #ee1b2e;}
#reset-pass .box .form-box .text .input.code{position: relative;}
#reset-pass .box .form-box .text .input.code .yan-pic{position: absolute;top: 5px; right: 5px;}
#reset-pass .box .form-box .text .input [code-sms]{width: 160px;height: 50px;margin: 5px;background: #ee1b2e;font-size: 14px;line-height: 50px;text-align: center;border-radius: 5px;color: #fff;}
#reset-pass .box .form-box .rem {width: 100%; margin: 0 auto 48px; }
#reset-pass .box .form-box .rem label,
#reset-pass .box .form-box .rem .for{font-size: 14px;font-family: "微软雅黑"; color: #333333;}
#reset-pass .box .form-box .rem label input{margin-right: 5px;margin-top: -1px;}
#reset-pass .box .form-box .rem label input[type=checkbox]{width: 37px; height: 37px; border: 1px solid #dedede;}
#reset-pass .box .form-box .btn_box {width: 100%;}
#reset-pass .box .form-box .btn_box input{width: 100%; padding: 14px 0; background: #ee1b2e;font-size: 18px;font-family: "微软雅黑"; color: #fff; border-radius: 5px;}
@media (max-width: 1366px){
    #reset-pass .box .form-box{width: 65%;}
}
@media (max-width: 1024px){
    #reset-pass .box .form-box{width: 80%;}
}
@media (max-width: 750px){
    #reset-pass .box .form-box{width: 90%;}
    #reset-pass .box .bot .big-title{padding: 0 90px;font-size: 40px;}
    #reset-pass .box .bot .big-title::before,
    #reset-pass .box .bot .big-title::after{display: none;}
    #reset-pass .box .form-box .text .input .txt{width: 30%;font-size: 24px; line-height: 70px;}
    #reset-pass .box .form-box .rem label,
    #reset-pass .box .form-box .rem .for{font-size: 24px;}
    #reset-pass .box .form-box .btn_box input{font-size: 28px;}
    #reset-pass .box .form-box .text .input [code-sms]{width: 200px;height: 60px;font-size: 24px;line-height: 60px;}
}

#shop{background: #f1f1f1;}

#shop-banner{margin-bottom: 26px;}
#shop-banner .cate{position: absolute;top: 0;left: 0;z-index: 2;background: rgba(255,255,255,.1);}
#shop-banner .cate .item{width: 285px;height: 60px;padding: 0 25px;display: block;}
#shop-banner .cate .item .box{display: flex;justify-content: space-between;padding: 20px 0;line-height: 20px;font-size: 16px;color: #FFFFFF;border-bottom: 1px solid rgba(255,255,255,.2);}
#shop-banner .cate .item:last-child .box{border-bottom: unset;}
#shop-banner .cate .item.on,
#shop-banner .cate .item:hover{background: #ee1b2e;}
#shop-banner .cate-mb{background: rgba(0,0,0,.2);display: none;}
#shop-banner .cate-mb .item{width: 200px;height: 60px;padding: 0 25px;display: block;}
#shop-banner .cate-mb .item .box{display: flex;justify-content: space-between;padding: 20px 0;line-height: 20px;font-size: 16px;color: #FFFFFF;border-bottom: 1px solid rgba(255,255,255,.2);}
#shop-banner .cate-mb .item:last-child .box{border-bottom: unset;}
#shop-banner .cate-mb .item.on,
#shop-banner .cate-mb .item:hover{background: #ee1b2e;}
@media (max-width: 1366px){
    #shop-banner .cate{display: none;}
    #shop-banner .cate-mb{display: block;}
}


#shop-list{}
#shop-list .cw1440{background: #FFFFFF;padding: 0 30px;}
#shop-list .top{width: 100%;height: 60px;display: flex;justify-content: space-between;border-bottom: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
#shop-list .top .left .title{font-size: 18px;line-height: 60px;color: #333;margin-right: 20px;}
#shop-list .top .left .text{font-size: 14px;line-height: 60px;color: #999999;}
#shop-list .top .right form{padding-top: 12px;}
#shop-list .top .right input[type="text"]{width: 230px;height: 35px;border: 1px solid #dedede;border-right: unset;line-height: 35px;padding: 0 15px;font-size: 14px;}
#shop-list .top .right input[type="submit"]{width: 70px;height: 35px;font-size: 14px;color: #fff;background: #ee1b2e;}
#shop-list .tit{font-size: 18px;line-height: 100px;text-align: center;}
#shop-list ul .li{padding: 20px;background: #fbfbfb;border: 1px solid #dedede;margin-top: 20px;display: flex;flex-wrap: wrap;cursor: pointer;}
#shop-list ul .li:hover{background: #fef3f4;border-color: #ee1b2e;}
#shop-list ul .li .col{padding-top: 5px;}
#shop-list ul .li .col1{width: 90px;height: 90px;background: #FFFFFF;padding: 10px;}
#shop-list ul .li .col2{width: 200px;padding-left: 20px;}
#shop-list ul .li .col3{width: 180px;padding-left: 20px;}
#shop-list ul .li .col4{width: 190px;padding-left: 20px;}
#shop-list ul .li .col5{width: 190px;padding-left: 20px;}
#shop-list ul .li .col6{width: 150px;padding-left: 20px;}
#shop-list ul .li .col7{width: 195px;padding-left: 20px;}
#shop-list ul .li .col8{width: 140px;padding-left: 20px;}
#shop-list ul .li .col .hide-price{display: none;}
#shop-list ul .li .col .name{font-size: 18px;font-weight: bold;line-height: 25px;margin-bottom: 5px;}
#shop-list ul .li .col .text{font-size: 14px;line-height: 25px;}
#shop-list ul .li .col .tip{font-size: 14px;line-height: 25px;color: #ee1b2e;font-weight: bold;}
#shop-list ul .li .col .qty{border:1px solid #ccc;}
#shop-list ul .li .col .qty a{float:left; line-height:30px; height:32px; width:32px; cursor:pointer;}
#shop-list ul .li .col .qty a[plus]{}
#shop-list ul .li .col .qty input{height:32px; width:70px; font-size:14px; text-align:center; float:left; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#shop-list ul .li .col .btn{width: 100%;height: 35px;text-align: center;line-height: 33px;border: 1px solid #dedede;display: block;margin-bottom: 10px;font-size: 14px;}
#shop-list ul .li .col .btn:last-child{margin-bottom: 0;}
#shop-list ul .li .col .btn:hover{background: #ee1b2e;color: #fff;}
#shop-list .paging[type='default']{padding: 50px 0 40px;}
#shop-list .paging[type='default'] .a{width: 46px; min-height: 46px; height: 46px; line-height: 46px; border: 1px solid #e5e5e5; font-family: "GHB"; color: #757575;}
#shop-list .paging[type='default'] .a.cur{background: #ee1b2e; color: #fff;}
#shop-list .paging[type='default'] .a .pg{height: 46px;}
#shop-list .paging[type='default'] .a .pg.p-page img{transform: rotate(180deg);opacity: 0.5;}
#shop-list .paging[type='default'] .a .pg.p-page:hover img{opacity: 1;}
#shop-list .paging[type='default'] .a .pg.n-page img{opacity: 0.5;}
#shop-list .paging[type='default'] .a .pg.n-page:hover img{opacity: 1;}
@media (max-width: 1440px){
    #shop-list ul .li .col .hide-price{display: block;}
    #shop-list ul .li .col6,
    #shop-list ul .li .col .tip{display: none;}
}
@media (max-width: 1280px){
    #shop-list ul .li .col .hide-price{display: none;}
    #shop-list ul .li .col6,
    #shop-list ul .li .col .tip{display: block;}
    #shop-list ul .li .col1{margin-right: calc(25% - 90px - 20px);margin-left: 20px;}
    #shop-list ul .li .col2{width: 25%;padding-left: 20px;}
    #shop-list ul .li .col3{width: 25%;padding-left: 20px;}
    #shop-list ul .li .col4{width: 25%;padding-left: 20px;}
    #shop-list ul .li .col5{width: 25%;padding-left: 20px;}
    #shop-list ul .li .col6{width: 25%;padding-left: 20px;}
    #shop-list ul .li .col7{width: 25%;padding-left: 20px;}
    #shop-list ul .li .col8{width: 25%;padding-left: 20px;}
}
@media (max-width: 750px){
    #shop-banner .cate-mb .item{width: auto;}
    #shop-banner .cate-mb .item .box{font-size: 26px;}
    #shop-banner .cate-mb .item .box .name{margin-right: 20px;}

    #shop-list ul .li .col1{margin-right: calc(50% - 110px - 20px);margin-left: 20px;width: 110px;height: 110px;}
    #shop-list ul .li .col2{width: 50%;padding-left: 20px;}
    #shop-list ul .li .col3{width: 50%;padding-left: 20px;}
    #shop-list ul .li .col4{width: 50%;padding-left: 20px;}
    #shop-list ul .li .col5{width: 50%;padding-left: 20px;}
    #shop-list ul .li .col6{width: 50%;padding-left: 20px;}
    #shop-list ul .li .col7{width: 50%;padding-left: 20px;}
    #shop-list ul .li .col8{width: 50%;padding-left: 20px;}

    #shop-list .top{flex-wrap: wrap;height: auto;}
    #shop-list .top .left,
    #shop-list .top .right{width: 100%;}
    #shop-list .top .left .title{font-size: 28px;line-height: 80px;}
    #shop-list .top .left .text{font-size: 24px;line-height: 80px;}
    #shop-list .top .right input[type="text"]{width: calc(100% - 100px);height: 60px;line-height: 60px;font-size: 24px;}
    #shop-list .top .right input[type="submit"]{width: 100px;height: 60px;font-size: 24px;}
    #shop-list ul .li .col .name{font-size: 28px;line-height: 35px;}
    #shop-list ul .li .col .text{font-size: 24px;line-height: 35px;}
    #shop-list ul .li .col .tip{font-size: 24px;line-height: 35px;}
    #shop-list ul .li .col .qty a{line-height:60px; height:60px; width:60px;font-size: 32px;}
    #shop-list ul .li .col .qty input{height:60px; width:120px; font-size:24px; }
    #shop-list ul .li .col .btn{width: 100%;height: 60px;line-height: 60px;font-size: 24px;}
    #shop-list .paging[type='default'] .a{width: 60px; min-height: 60px; height: 60px; line-height: 60px;font-size: 24px;}
    #shop-list .paging[type='default'] .a .pg{height: 60px;}
}

#shop-characteristic{padding: 90px 0 70px;}
#shop-characteristic ul{display: flex;justify-content: space-between;}
#shop-characteristic ul li{display: flex;}
#shop-characteristic ul li .pic-frame{width: 80px;position: relative;margin-right: 15px;border: 1px solid #dfdfdf;border-radius: 50%;background: #fff;}
#shop-characteristic ul li .pic-frame:before{content: '';padding-top: 100%;display: block;}
#shop-characteristic ul li .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#shop-characteristic ul li .name{font-size: 18px;margin: 10px 0 5px;font-family: "GHBD";}
#shop-characteristic ul li .text{font-size: 14px;line-height: 18px;color: #999999;}
@media (max-width: 750px){
    #shop-characteristic ul{flex-wrap: wrap;}
    #shop-characteristic ul li{align-items: center;width: 50%;margin-bottom: 20px;}
    #shop-characteristic ul li .pic-frame{width: 100px;}
    #shop-characteristic ul li .name{font-size: 28px;}
    #shop-characteristic ul li .text{font-size: 22px;line-height: 35px;}
}

#shop-sidebar{position: fixed;top: 300px;right: 0;z-index: 3;}
#shop-sidebar .btn{width: 60px;height: 60px;display: block;box-sizing: content-box;border-bottom: 1px solid #f1f1f1;}
#shop-sidebar .btn:last-child{border-bottom: unset;}
#shop-sidebar .btn .number{position: absolute;top: 15px;right: 11px;width: 15px;height: 15px;font-size: 12px;line-height: 15px;color: #fff;background: #ee1b2e;border-radius: 50%;}
#shop-sidebar .btn1{background: url("/static/images/icon-qq.png") no-repeat center center #fff;}
#shop-sidebar .btn2{background: url("/static/images/icon-phone.png") no-repeat center center #fff;}
#shop-sidebar .btn3{background: url("/static/images/icon-set.png") no-repeat center center #fff;}
#shop-sidebar .btn4{background: url("/static/images/icon-toTop.png") no-repeat center center #fff;border-radius: 0 0 0 3px;}
#shop-sidebar .btn5{background: url("/static/images/icon-shop.png") no-repeat center center #fff;border-radius: 3px 0 0 0;}
#shop-sidebar .btn .box{z-index: -1;border-radius: 5px 0 0  5px;}
#shop-sidebar .btn1 .box,
#shop-sidebar .btn2 .box{position: absolute;top: 0;left: 0;height: 60px;padding: 0 30px;line-height: 60px;font-size: 16px;color: #fff;background: #ee1b2e;}
#shop-sidebar .btn1:hover{background: url("/static/images/icon-qq-on.png") no-repeat center center #ee1b2e;}
#shop-sidebar .btn2:hover{background: url("/static/images/icon-phone-on.png") no-repeat center center #ee1b2e;}
#shop-sidebar .btn3:hover{background: url("/static/images/icon-set-on.png") no-repeat center center #ee1b2e;}
#shop-sidebar .btn4:hover{background: url("/static/images/icon-toTop-on.png") no-repeat center center #ee1b2e;border-radius: 0 0 0 3px;}
#shop-sidebar .btn5:hover{background: url("/static/images/icon-shop-on.png") no-repeat center center #ee1b2e;border-radius: 3px 0 0 0;}
#shop-sidebar .btn5:hover .number{background: #fff;color: #333333;}
#shop-sidebar .btn1:hover .box,
#shop-sidebar .btn2:hover .box{transform: translateX(-99%);}
.shop-code-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);display: flex;justify-content: center;align-items: center;z-index: 100;opacity: 0;pointer-events: none;}
/*.shop-code-box img{width: 200px;height: 200px;}*/
.shop-code-box.show{pointer-events: auto;opacity: 1;}

#shop-detail{padding: 26px 0 100px; background: #fafafa; }
#shop-detail .cw1440{background: #FFFFFF;padding: 30px;}
#shop-detail .tit{width: 100%; padding-bottom: 30px; margin-bottom: 42px; border-bottom: 1px solid #fafafa;}
#shop-detail .tit .tit-cn{width: max-content;color: #333; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; position: relative;}
#shop-detail .tit .tit-cn::before{content: "";display: block; width: 100%; height: 1px; background: #ee1b2e; position: absolute; bottom: -30px; left: -1px;}
#shop-detail .main .box{width: 100%;}
#shop-detail .main .pic_box{width: 47.5%; height: auto; background: #fafafa;}
#shop-detail .main .pic_box .pic1{width: 100%;height: 100%;}
/*#shop-detail .main .pic_box .pic1 .slide{width: 100% !important;height: 100%;}*/
#shop-detail .main .slide .pic-frame{width: 100%;position: relative;}
#shop-detail .main .slide .pic-frame:before{content: '';padding-top: 78.57143%;display: block;}
#shop-detail .main .slide .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#shop-detail .main .pic_box .cont2{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;padding: 20px 50px;}
#shop-detail .main .pic_box .pic2 .slide{width: 100%; background: #fff; border: 1px solid #e7e7e7; padding: 20px;}
#shop-detail .main .pic_box .pic2 .slide.swiper-slide-thumb-active{border: 1px solid  #ee1b2e;}
#shop-detail .main .pic_box .but{width: 9px;height: 15px;line-height: 45px;text-align: center;color: #c9c9c9;font-size: 28px;z-index: 2;}
#shop-detail .main .pic_box .but.swiper-button-disabled{opacity: 0.5;}
#shop-detail .main .pic_box .prev{position: absolute;bottom: 60px;left: 3.5%; background: url(/static/images/jt10.png) no-repeat center;}
#shop-detail .main .pic_box .next{position: absolute;bottom: 60px;right: 3.5%; background: url(/static/images/jt11.png) no-repeat center;}
#shop-detail .main .content{width: 49.12%;}
#shop-detail .main .content .info-list{min-height: 320px;}
#shop-detail .main .content .info-list .name{padding: 24px 0; margin-bottom: 23px; font-size: 24px; font-family: "GHBD"; color: #333; border-bottom: 1px solid #f1f1f1;}
#shop-detail .main .content .info-list .info .p1{width: 50%; font-size: 14px; font-family: "GHB"; color: #333; line-height: 25px;}
#shop-detail .main .content .text{font-size: 16px;margin-bottom: 10px;}
#shop-detail .main .content .qty{border:1px solid #ccc;margin-bottom: 20px;}
#shop-detail .main .content .qty a{float:left; line-height:30px; height:32px; width:32px; cursor:pointer;}
#shop-detail .main .content .qty a[plus]{}
#shop-detail .main .content .qty input{height:32px; width:70px; font-size:14px; text-align:center; float:left; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#shop-detail .main .content .btn-list{ display: flex;}
#shop-detail .main .content .btn-list .btn{height: 50px;line-height: 50px;border-radius: 25px;padding: 0 30px;color: #FFFFFF;font-size: 18px;background: #ee1b2e;margin-right: 25px;}
#shop-detail .two{margin-top: 30px;}
#shop-detail .two .tit{padding-bottom: 20px;}
#shop-detail .two .tit .tit-cn{ font-weight: inherit;}
#shop-detail .two .tit .tit-cn::before{bottom: -20px;}
@media (max-width: 750px){
    #shop-detail .tit .tit-cn{font-size: 28px;}
    #shop-detail .main .pic_box{width: 100%;margin-bottom: 20px;}
    #shop-detail .main .pic_box .prev,
    #shop-detail .main .pic_box .next{transform: scale(2);bottom: 70px;}
    #shop-detail .main .content{width: 100%;}
    #shop-detail .main .content .info-list .name{font-size: 34px;text-align: center;}
    #shop-detail .main .content .info-list .info .p1{width: 100%; font-size: 24px;line-height: 35px;}
    #shop-detail .main .content .text{font-size: 26px;}
    #shop-detail .main .content .qty a{line-height:60px; height:60px; width:60px}
    #shop-detail .main .content .qty input{height: 60px; width:120px; font-size:24px;}
    #shop-detail .main .content .btn-list .btn{height: 60px;line-height: 60px;border-radius: 30px;font-size: 28px;}


}

#pay{padding-bottom: 90px;background: #f1f1f1;}
#pay .cw1440{background: #FFFFFF;padding: 0 30px;}
#pay .top{padding: 65px 0 70px;border-bottom: 1px solid #f1f1f1;text-align: center;}
#pay .top .text{font-size: 24px;line-height: 1.5;}
#pay .top .text2{color: #ee1b2e;font-family: GHB;}
#pay .top .text3{color: #ee1b2e;font-family: GHBD;}
#pay .top .btn-box{margin-top: 30px;text-align: center;}
#pay .top .btn-box .btn{display: inline-block;margin: 0 20px;width: 180px;height: 60px;line-height: 58px;font-size: 16px;text-align: center;border: 1px solid #dedede;border-radius: 30px;}
#pay .top .btn-box .btn:hover{background: #ee1b2e;border-color: #ee1b2e;color: #fff;}
#pay .bottom{padding: 60px 0;display: flex;justify-content: center;flex-wrap: wrap;}
#pay .bottom .item{border: 1px solid #dedede;padding: 25px 20px;width: 240px;margin: 0 20px;}
#pay .bottom .item .title{line-height: 1;font-size: 16px;text-align: center;margin-bottom: 10px;}
#pay .bottom .item img{width: 100%;}
@media (max-width: 750px){
    #pay .top .text{font-size: 32px;}
    #pay .top .btn-box .btn{width: 200px;font-size: 26px;height: 70px;line-height: 68px;}
    #pay .bottom .item .title{font-size: 26px;line-height: 1.5;}
}

#confirm-order{padding-bottom: 90px;background: #f1f1f1;}
#confirm-order .cw1440{background: #FFFFFF;padding: 0 30px 35px;}
#confirm-order .title{font-size: 30px;line-height: 1;padding: 60px 0;text-align: center;}
#confirm-order .title>span{position: relative;}
#confirm-order .title>span:before{content: '';width: 300px;height: 1px;background: #dedede;position: absolute;right: 240px;top: 50%;}
#confirm-order .title>span:after{content: '';width: 300px;height: 1px;background: #dedede;position: absolute;left: 240px;top: 50%;}
#confirm-order .title2{font-size: 18px;margin-bottom: 15px;}
#confirm-order .address{display: flex;flex-wrap: wrap;}
#confirm-order .address .item2,
#confirm-order .address .item{width: 360px;min-height: 140px;background: #fff;border: 1px solid #e9e9e9;padding: 15px;cursor: pointer;margin: 0 20px 20px 0;}
#confirm-order .address .item2:hover,
#confirm-order .address .item.cur,
#confirm-order .address .item:hover{background: #fef7f8;border: 1px solid #f36471;}
#confirm-order .address .item .text{font-size: 14px;line-height: 1.8;margin-bottom: 5px;}
#confirm-order .address .item .btn-box{display: flex;}
#confirm-order .address .item .btn-box .btn{font-size: 14px;color: #999999;display: flex;align-items: center;margin-right: 20px;}
#confirm-order .address .item .btn-box .btn img{vertical-align: middle;}
#confirm-order .address .item .btn-box .btn:hover{color: #ee1b2e;}
#confirm-order .address .item .duigou{position: absolute;top: 25px;right: 15px;opacity: 0;}
#confirm-order .address .item.cur .duigou{opacity: 1;}
#confirm-order .address .item2{display: flex;flex-direction: column;justify-content: center;align-items: center}
#confirm-order .address .item2 .text2{margin-top: 20px;font-size: 14px;color: #999999;}
#confirm-order .remarks{margin-bottom: 20px;}
#confirm-order .remarks textarea[name='Remarks2']{width: 100%;height: 150px;font-size: 14px;line-height: 20px;padding: 15px;border: 1px solid #dedede;}
#confirm-order .product ul li{padding: 20px;background: #fbfbfb;border: 1px solid #dedede;margin-top: 20px;display: flex;flex-wrap: wrap;}
#confirm-order .product .col{padding-top: 5px;}
#confirm-order .product .col1{width: 90px;height: 90px;background: #FFFFFF;padding: 10px;border: 1px solid #dedede;}
#confirm-order .product .col2{width: 280px;padding-left: 20px;}
#confirm-order .product .col3{width: 280px;padding-left: 20px;}
#confirm-order .product .col4{width: 280px;padding-left: 20px;}
#confirm-order .product .col5{width: 280px;padding-left: 20px;}
#confirm-order .product .col6{width: 125px;padding-left: 20px;}
#confirm-order .product .col .name{font-size: 18px;font-weight: bold;line-height: 25px;margin-bottom: 5px;}
#confirm-order .product .col .text{font-size: 14px;line-height: 25px;}
#confirm-order .product .col .text>span{color: #ee1b2e;}
#confirm-order .product .col .tip{font-size: 14px;line-height: 25px;color: #ee1b2e;font-weight: bold;}
#confirm-order .balance{padding-top: 100px;display: flex;align-items: end;flex-direction: column;}
#confirm-order .balance .text-box .text{min-width: 180px;display: flex;justify-content: space-between;font-size: 14px;line-height: 1.8;}
#confirm-order .balance .text-box .text>span:last-child{color: #ee1b2e;}
#confirm-order .balance .btn-box{display: flex;justify-content: end;margin-top: 35px;}
#confirm-order .balance .btn-box .text{font-size: 18px;line-height: 60px;}
#confirm-order .balance .btn-box .text>span{color: #ee1b2e;}
#confirm-order .balance .btn-box .btn{width: 180px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;border-radius: 2px;background: #ee1b2e;margin-left: 45px;}
@media (max-width: 1440px){
    #confirm-order .product .col1{width: 90px;height: 90px;}
    #confirm-order .product .col2{width: 230px;padding-left: 20px;}
    #confirm-order .product .col3{width: 230px;padding-left: 20px;}
    #confirm-order .product .col4{width: 230px;padding-left: 20px;}
    #confirm-order .product .col5{width: 230px;padding-left: 20px;}
    #confirm-order .product .col6{width: 150px;padding-left: 20px;}
}
@media (max-width: 1366px){
    #confirm-order .product .col1{width: 90px;height: 90px;margin-right: calc(33% - 90px - 20px);margin-left: 20px;}
    #confirm-order .product .col2{width: 33%;padding-left: 20px;}
    #confirm-order .product .col3{width: 33%;padding-left: 20px;}
    #confirm-order .product .col4{width: 33%;padding-left: 20px;}
    #confirm-order .product .col5{width: 33%;padding-left: 20px;}
    #confirm-order .product .col6{width: 33%;padding-left: 20px;}
}
@media (max-width: 750px){
    #confirm-order .title{font-size: 40px;}
    #confirm-order .title>span:before,
    #confirm-order .title>span:after{display: none;}
    #confirm-order .address .item2, #confirm-order .address .item{width: 100%;}
    #confirm-order .address .item .text{font-size: 24px;}
    #confirm-order .address .item .btn-box .btn{font-size: 24px;margin-right: 60px;}
    #confirm-order .address .item .btn-box .btn img{transform: scale(1.5);}
    #confirm-order .address .item2{padding: 40px;}
    #confirm-order .address .item2 .text2{font-size: 24px;}
    #confirm-order .address .item2 img{transform: scale(1.5);}
    #confirm-order .title2{font-size: 28px;}
    #confirm-order .remarks textarea[name='Remarks2']{font-size: 24px;line-height: 35px;height: 175px;}
    #confirm-order .product .col1{width: 110px;height: 110px;margin-right: calc(50% - 110px - 20px);margin-left: 20px;}
    #confirm-order .product .col2{width: 50%;padding-left: 20px;}
    #confirm-order .product .col3{width: 50%;padding-left: 20px;}
    #confirm-order .product .col4{width: 50%;padding-left: 20px;}
    #confirm-order .product .col5{width: 50%;padding-left: 20px;}
    #confirm-order .product .col6{width: 50%;padding-left: 20px;}
    #confirm-order .product .col .name{font-size: 28px;line-height: 35px;}
    #confirm-order .product .col .tip,
    #confirm-order .product .col .text{font-size: 24px;line-height: 35px;}
    #confirm-order .balance .text-box .text{font-size: 26px;}
    #confirm-order .balance .btn-box .text{font-size: 28px;}
    #confirm-order .balance .btn-box .btn{font-size: 28px;width: 200px;}
}

.address-popup-bg{position: fixed;top: 0;left: 0;background: rgba(0,0,0,.3);z-index: 100;width: 100%;height: 100%;opacity: 0;pointer-events: none;}
.address-popup{width: 1180px;height: 600px;background: #fff;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 101;opacity: 0;pointer-events: none;border: unset;}
.address-popup-bg.on,
.address-popup.on{opacity: 1;pointer-events: auto;}
form[address-popup]{width: 1170px;background: #fff;padding: 80px 40px 70px;display: flex;flex-wrap: wrap;justify-content: space-between;}
form[address-popup] .title{width: 100%;font-size: 36px;text-align: center;line-height: 1;margin-bottom: 60px;}
form[address-popup] select[a],
form[address-popup] label[a]{padding: 0 20px;border: 1px solid #dedede;height: 60px;line-height: 58px;font-size: 14px;border-radius: 2px;margin: 10px;}
form[address-popup] [data-placeholder]{left: 20px;}
form[address-popup] [data-placeholder] span{color: #ee1b2e;}
form[address-popup] .input1{width: calc(50% - 20px);}
form[address-popup] .input2{width: calc(33.3333% - 20px);}
form[address-popup] .input3{width: calc(100% - 20px);}
form[address-popup] .input4{width: calc(100% - 20px);border-color: #ee1b2e;background: #ee1b2e;}
form[address-popup] .input4 input{font-size: 18px;color: #FFFFFF;}
form[address-popup] .input2 .tip{position: absolute;top: 0;left: 20px;display: none;}
form[address-popup] .input2.on .tip{display: block;}
form[address-popup] .input2 span{color: #ee1b2e;}
@media (max-width: 1366px){
    .address-popup{width: 900px;}
    form[address-popup]{width: 100%;}
}
@media (max-width: 750px){
    .address-popup{width: 600px;height: 880px;}
    form[address-popup] .input1,
    form[address-popup] .input2{width: 100%;}
    form[address-popup] select[a],
    form[address-popup] label[a]{margin: 0 0 20px 0;height: 70px;line-height: 68px;font-size: 24px;}
    form[address-popup] .input3,
    form[address-popup] .input4{width: 100%;}
    form[address-popup] .input4 input{font-size: 28px;}
}

#cart{padding-bottom: 90px;background: #f1f1f1;}
#cart .cw1440{background: #FFFFFF;padding: 0 30px 35px;}
#cart .title{font-size: 30px;line-height: 1;padding: 60px 0;text-align: center;}
#cart .title>span{position: relative;}
#cart .title>span:before{content: '';width: 300px;height: 1px;background: #dedede;position: absolute;right: 240px;top: 50%;}
#cart .title>span:after{content: '';width: 300px;height: 1px;background: #dedede;position: absolute;left: 240px;top: 50%;}
#cart ul li{margin-top: 20px;display: flex;cursor: pointer;}
#cart ul li .box{padding: 20px;background: #fbfbfb;border: 1px solid #dedede;display: flex;flex-wrap: wrap;}
#cart ul li:hover .box{background: #fef7f8;border: 1px solid #f36471;}
#cart ul li .col{padding-top: 5px;}
#cart ul li .col1{width: 90px;height: 90px;background: #FFFFFF;padding: 10px;}
#cart ul li .col2{width: 230px;padding-left: 20px;}
#cart ul li .col3{width: 210px;padding-left: 20px;}
#cart ul li .col4{width: 220px;padding-left: 20px;}
#cart ul li .col5{width: 220px;padding-left: 20px;}
#cart ul li .col6{width: 160px;padding-left: 20px;}
#cart ul li .col7{width: 170px;padding-left: 20px;}
#cart ul li .col8{width: 38px;padding-top: 0;flex-grow: 1;}
#cart ul li .col .name{font-size: 18px;font-weight: bold;line-height: 25px;margin-bottom: 5px;}
#cart ul li .col .text{font-size: 14px;line-height: 25px;}
#cart ul li .col .text.hide-price{display: none;}
#cart ul li .col .tip{font-size: 14px;line-height: 25px;color: #ee1b2e;font-weight: bold;}
#cart ul li .col .qty{border:1px solid #ccc;}
#cart ul li .col .qty a{float:left; line-height:30px; height:32px; width:32px; cursor:pointer;}
#cart ul li .col .qty a[plus]{}
#cart ul li .col .qty input{height:32px; width:70px; font-size:14px; text-align:center; float:left; border-right:1px solid #ccc; border-left:1px solid #ccc;}
#cart ul li .col .btn{width: 100%;height: 100%;background: url("/static/images/icon-delete2.png") 15px center no-repeat;}
#cart ul li .col .btn:hover{background-image: url("/static/images/icon-delete-on.png");}
#cart .balance{padding-top: 100px;display: flex;align-items: end;flex-direction: column;}
#cart .balance .btn-box{display: flex;justify-content: end;margin-top: 35px;}
#cart .balance .btn-box .text{font-size: 18px;line-height: 60px;}
#cart .balance .btn-box .text>span{color: #ee1b2e;}
#cart .balance .btn-box .btn{width: 180px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;border-radius: 2px;background: #ee1b2e;margin-left: 45px;}
@media (max-width: 1440px){
    #cart ul li .col1{width: 90px;height: 90px;background: #FFFFFF;padding: 10px;}
    #cart ul li .col2{width: 230px;padding-left: 20px;}
    #cart ul li .col3{width: 210px;padding-left: 20px;}
    #cart ul li .col4{width: 220px;padding-left: 20px;}
    #cart ul li .col5{width: 190px;padding-left: 20px;}
    #cart ul li .col6{display: none;}
    #cart ul li .col7{width: 170px;padding-left: 20px;}
    #cart ul li .col8{width: 38px;padding-top: 0;flex-grow: 1;}
    #cart ul li .col .text.hide-price{display: block;}
    #cart ul li .col .tip{display: none;}
}
@media (max-width: 1366px){
    #cart ul li .box{width: calc(100% - 38px);}
    #cart ul li .col1{width: 90px;height: 90px;margin-right: calc(33% - 90px - 20px);margin-left: 20px;}
    #cart ul li .col2{width: 33%;padding-left: 20px;}
    #cart ul li .col3{width: 33%;padding-left: 20px;}
    #cart ul li .col4{width: 33%;padding-left: 20px;}
    #cart ul li .col5{width: 33%;padding-left: 20px;}
    #cart ul li .col7{width: 33%;padding-left: 20px;}
}
@media (max-width: 1024px){
    #cart .title>span:before,
    #cart .title>span:after{width: 200px;}
}
@media (max-width: 750px){
    #cart .title{font-size: 40px;}
    #cart .title>span:before,
    #cart .title>span:after{display: none;}
    #cart ul li .box{width: calc(100% - 50px);}
    #cart ul li .col1{width: 110px;height: 110px;margin-right: calc(50% - 110px - 20px);margin-left: 20px;}
    #cart ul li .col2{width: 50%;padding-left: 20px;}
    #cart ul li .col3{width: 50%;padding-left: 20px;}
    #cart ul li .col4{width: 50%;padding-left: 20px;}
    #cart ul li .col5{width: 50%;padding-left: 20px;}
    #cart ul li .col7{width: 50%;padding-left: 20px;}
    #cart ul li .col .name{font-size: 28px;line-height: 40px;}
    #cart ul li .col .text{font-size: 24px;line-height: 40px;}
    #cart ul li .col .qty a{line-height:50px; height:50px; width:50px;font-size: 24px;}
    #cart ul li .col .qty input{height:50px; width:100px; font-size:24px;}
    #cart ul li .col .btn{background-size: 25px;}
    #cart .balance .btn-box .text{font-size: 28px;}
    #cart .balance .btn-box .btn{width: 200px;font-size: 28px;}
}

#search{width:100%; padding-bottom:40px;}
#search .form{margin-bottom:22px;margin-top: 20px;}
#search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;}
#search .form .submit{height: 49px;width: 59px;border:1px solid #dddddd;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #fff url(/static/images/search.png) no-repeat center center;color: #fff;font-size: 16px;}
#search .list{width:100%; margin-bottom:50px;}
#search .list .info .cate{padding-left:15px;}
#search .list .new .cate{}
#search .list .know .cate{}
#search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;}
#search .list .info li:first-child{/*border-top:1px solid #dddddd;*/}
#search .list .info .title{margin-right:16px; line-height:22px; color:#333; font-size:16px; font-weight:bold;}
#search .list .info .title:hover{color:#ee1b2e;}
#search .list .info .day,
#search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;}
#search .list .info .day{margin:0;}
#search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;}
#search .paging[type='default'] .a{width: 46px; min-height: 46px; height: 46px; line-height: 46px; border: 1px solid #e5e5e5; font-family: "GHB"; color: #757575;}
#search .paging[type='default'] .a.cur{background: #ee1b2e; color: #fff;}
#search .paging[type='default'] .a .pg{height: 46px;}
#search .paging[type='default'] .a .pg.p-page img{transform: rotate(180deg);opacity: 0.5;}
#search .paging[type='default'] .a .pg.p-page:hover img{opacity: 1;}
#search .paging[type='default'] .a .pg.n-page img{opacity: 0.5;}
#search .paging[type='default'] .a .pg.n-page:hover img{opacity: 1;}
@media (max-width: 750px){
    #search .form .text{font-size: 26px;}
    #search .form .submit{width: 75px;font-size: 26px;}
    #search .list .info .title{font-size: 28px;line-height: 1.6;}
    #search .list .info .day,
    #search .list .info .cate{font-size: 28px;line-height: 1.6;}
    #search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;}
}

/* 全局浮窗 */
#float-right{position:fixed;top:50%;z-index:99;right:0;transform:translateY(-50%);}
#float-right .cont{filter:drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.1))}
#float-right .cont .li.first .item{border-radius:10px 0 0 0;}
#float-right .cont .li.last .item{border-radius:0 0 0 10px;}
#float-right .cont .li .item{cursor:pointer;width:70px;height:70px;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all 0.3s;overflow:hidden;}
#float-right .cont .li .item .tit{font-size:14px;text-align:center;color:#333;margin-top:5px;}
#float-right .cont .li .item .icon .svg,
#float-right .cont .li .item .icon .svg path{fill:#189CEC;}
#float-right .cont .li .item .icon .svg.wx{width:24px;height:19px;}
#float-right .cont .li .item .icon .svg.qq{width:24px;height:24px;}
#float-right .cont .li .item .icon .svg.kefu{width:28px;height:28px;}
#float-right .cont .li .item .icon .svg.jy{width:24px;height:24px;}
#float-right .cont .li .ewm{display:none;width:140px;left:-150px;top:50%;transform:translateY(-50%);z-index:100;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);background-color:#fff;border-radius:10px;overflow:hidden;padding:10px;}
#float-right .cont .li .ewm .pic img{max-height:200px;width:100%;}
#float-right .cont .li .ewm .txt{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #ccc;font-size:14px;color:#333;text-align:center;font-weight:500;}
#float-right .cont .li:nth-child(3) .ewm .txt{text-align:left;}
#float-right .cont .li.second .ewm{width:140px;left:-150px;}
#float-right .cont .li.second .ewm .txt{font-size:16px;}
#float-right .cont .li.second .ewm .txt2 .phone-icon .svg{width:24px;height:24px;fill:#333;}
#float-right .cont .li.second .ewm .txt2 .phone{margin-left:8px;font-size:16px;color:#333;}
#float-right .cont .li.last .ewm{/*left:-200px;width:200px;*/box-shadow:none;background-color:transparent;border-radius:0;padding:0;}
#float-right .cont .li.last .ewm .cont2 .left{background-color:#fff;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);border-radius:10px;padding:10px;margin-bottom:10px;}
#float-right .cont .li.last .ewm .cont2 .left .txt{font-size:18px;font-weight:500;color:#333;text-align:center;}
#float-right .cont .li.last .ewm .cont2 .right{box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);background-color:#F2FAFD;border-radius:10px;padding:10px;}
#float-right .cont .li.last .ewm .cont2 .right .text1{font-size:16px;color:#34AAEB;font-weight:500;}
#float-right .cont .li.last .ewm .cont2 .right .text2{font-size:16px;color:#333;margin:10px 0;}
#float-right .cont .li.last .ewm .cont2 .right .btn{font-size:16px;color:#fff;background-color:#34AAEB;line-height:30px;padding:0 10px;border-radius:15px;width:fit-content;}

#float-right .cont .li:hover .item{background-color:#189CEC;}
#float-right .cont .li:hover .item .tit{color:#fff;}
#float-right .cont .li:hover .item .icon .svg path{fill:#FFF;}
#float-right .cont .li:hover .ewm{display:block;}
#float-right .up{margin-top:10px;cursor:pointer;width:70px;height:70px;background-color:#fff;transition:all 0.3s;border-radius:10px 0 0 10px;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);}
#float-right .up .icon svg{width:24px;height:24px;fill:#189CEC;}
#float-right .up:hover{background-color:#189CEC;}
#float-right .up:hover .icon svg{fill:#fff;}
@media (max-width:750px) {
    #float-right{display:none;}
}

#survey{background-color:#F7F8FA;margin-top:111px;padding:80px 0;}
#survey .cont{background-color:#fff;width:100%;padding:80px 50px;}
#survey .cont .tit{font-size:24px;color:#333;font-weight:bold;}
#survey .cont .brief{font-size:16px;color:#333;line-height:30px;margin:15px 0 50px;}
#survey .cont .form .li{margin-bottom:30px;}
#survey .cont .form .li:last-child{margin-bottom:0;}
#survey .cont .form .li .tip{font-size:16px;line-height:30px;margin-bottom:10px;}
#survey .cont .form .li .tip span{color:#ff0000;}
#survey .cont .form .li .text{width:100%;height:150px;background-color:#F8F9FB;font-size:16px;color:#333;line-height:30px;padding:10px 20px;}
#survey .cont .form .li .input{padding:0 20px;width:100%;height:50px;background-color:#F8F9FB;font-size:16px;color:#333;}
#survey .cont .form .li .img{width:100px;height:100px;background-color:#F8F9FB;}
#survey .cont .form .btn{margin:50px auto 0;width:160px;height:40px;font-size:16px;color:#fff;background-color:#2273FE;border-radius:5px;cursor:pointer;}