@font-face{
    font-family: GB;
    src: url('/static/font/gilroy-bold-4.otf');
}

@font-face{
    font-family: GM;
    src: url('/static/font/Gilroy-Medium-2.otf');
}

@font-face{
    font-family: GR;
    src: url('/static/font/GILROY-REGULAR-3.otf');
}

.-top{width: 100%;height: 100px;margin-top: -100px;}

/*重写*/
.paging[type='default']{margin-top: 90px!important;}
.paging[type='default'] .a{display: inline-block!important;width: 50px!important;height: 50px!important;line-height: 50px!important;text-align: center!important;border-radius: 3px!important;font-size: 16px!important;border: unset!important;background-color: #f7f7f7!important;margin-bottom: 20px!important;-webkit-transition:.3s;transition:.3s;}
.paging[type='default'] .a.cur,
.paging[type='default'] .a:hover{background-color: #0079c3!important;color: white!important;}
.paging[type='default'] .a:first-child,
.paging[type='default'] .a:last-child{width: unset!important;padding: 0 25px!important;}

.text-line,[text-line]{overflow:hidden; text-overflow:ellipsis; display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.text-line.line1,[text-line][line1]{-webkit-line-clamp:1;}
.text-line.line3,[text-line][line3]{-webkit-line-clamp:3;}
.text-line.line4,[text-line][line4]{-webkit-line-clamp:4;}
.text-line.line5,[text-line][line5]{-webkit-line-clamp:5;}

.detail{font-size: 16px;}
@media screen and (max-width: 750px) {
    .detail{font-size: 26px !important;}
    .detail *{font-size:26px !important;}
}

#header{width: 100%;height: 100px;position: fixed;top: 0;left: 0;z-index: 9;display: flex;justify-content: space-between;background-image: linear-gradient(rgba(45,45,45,1), rgba(45,45,45,0));}
#header .header-background{width: 100%;height: 0;position: absolute;top: 0;left: 0;background: #2d2d2d;opacity: 0;z-index: -1;}
#header .header-background.set{opacity: 1;height: 100px;}
#header .logo{padding: 33px 0 33px 40px;}
#header .logo img{height: 100%;}
#header .nav-box .item{height: 100%;line-height: 100px;display: inline-block;}
#header .nav-box .item .nav{width: 100%;height: 100%;padding: 0 30px;font-size: 18px;color: white;display: block;}
#header .nav-box .item .nav.on,
#header .nav-box .item .nav:hover{color: #0079c3;font-weight: bold;}
#header .nav-box .item .down-menu{max-height: 0;overflow: hidden;position: absolute;top: 80px;left: 50%;transform: translateX(-50%);padding: 0 20px;}
#header .nav-box .item:hover .down-menu{max-height: 500px;padding: 0 20px 20px 20px;}
#header .nav-box .item .down-menu .icon{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid white;margin: 12px auto 0;box-sizing: content-box;position: relative;z-index: 2;}
#header .nav-box .item .down-menu .menu{padding: 20px 0;border-radius: 8px;background: white;min-width: 160px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);}
#header .nav-box .item .down-menu .menu .down-nav{font-size: 16px;line-height: 35px;text-align: center;display: block;white-space: nowrap;padding: 0 10px;}
#header .nav-box .item .down-menu .menu .down-nav:hover{color: #0079c3;}
#header .but-box .search{width: 50px;height: 50px;line-height: 50px;text-align: center;margin: 25px 5px;background: url("/static/images/icon/icon_search.png") no-repeat center center;cursor: pointer;}
#header .but-box .lang{width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50%;margin: 25px;color: white;font-size: 18px;background: #0079c3;display: block;}
#header .but-box .mb-but{display: none;margin-top: 25px;}
#header .nav-on{display: block;}
#header .mb-nav{background: white;position: absolute;top: 100px;left: 0;width: 100%;height: calc(100vh - 100px);max-height: 0;overflow: hidden;}
#header .mb-nav .nav{width: 100%;border-bottom: 1px solid #cccccc;}
#header .mb-nav .nav:first-child{border-top: 1px solid #cccccc;}
#header .mb-nav .nav .op{font-size: 18px;display: block;height: 60px;line-height: 60px;text-align: center;cursor: pointer;}
#header .mb-nav .nav.on .op{color: #005cac;font-weight: bold;}
#header .mb-nav .nav .op:hover{color: #005cac;font-weight: bold;}
#header .mb-nav .nav .down-box .down-nav:hover{color: #005cac;font-weight: bold;}
#header .mb-nav .nav .down-box{width: 100%;max-height: 0;overflow: hidden;}
#header .mb-nav .nav .down-box.show{max-height: 700px;}
#header .mb-nav .nav .down-box .down-nav{display: block;text-align: center;height: 60px;line-height: 60px;font-size: 16px;border-top: 1px dashed #cccccc;text-transform: Capitalize;}
@media screen and (max-width: 1366px) {
    #header .nav-box .item .nav{padding: 0 15px;}
}
@media screen and (max-width: 1200px) {
    #header{display: block;padding-right: 3%;}
    #header .logo{float: left;}
    #header .but-box{float: right;}
    #header .but-box .mb-but{width: 50px;height: 50px;display: block;margin-left: 10px;padding-top: 12px;border-radius: 50%;cursor: pointer;background: #0079c3;}
    #header .but-box .mb-but>div{width: 19px;height: 2px;margin: 5px auto;background-color: white;}
    #header .but-box .mb-but>div:last-child{margin-bottom: 0;}
    #header .nav-box{display: none;}
    #header .mb-nav.on{max-height:  calc(100vh - 100px);}
}
@media screen and (max-width: 750px) {
    #header .but-box .search{width: 80px;height: 80px;line-height: 80px;text-align: center;margin: 10px 5px;background-size: 40%;}
    #header .but-box .lang{width: 60px;height: 60px;line-height: 60px;margin: 20px 25px;font-size: 26px;}
    #header .but-box .mb-but{width: 60px;height: 60px;padding-top: 18px;margin-top: 20px;}
    #header .mb-nav .nav .op{font-size: 28px;height: 80px;line-height: 80px;}
    #header .mb-nav .nav .down-box .down-nav{height: 80px;line-height: 80px;font-size: 24px;}
}

#subnav{width: 100%;border-bottom: 1px solid #e1e1e1;text-align: center;}
#subnav .nav{height: 79px;line-height: 79px;margin: 0 30px;display: inline-block;font-size: 16px;}
#subnav .nav:hover,
#subnav .nav.on{border-bottom: 2px solid #0079c3;color: #0079c3;font-weight: bold;}

#subnav_mb{height:60px; display:none;}
#subnav_mb span{font-size:26px; border-bottom:2px solid #0079c3; color:#0079c3; font-weight:bold; height:79px; line-height:79px; margin:0 30px; display:inline-block;}
@media screen and (max-width: 750px) {
    #subnav_mb{display:block;}
    #subnav{display:none;}
    #subnav .nav{font-size: 26px;}
}

#banner{width: 100%;height: auto;}
#banner img{width: 100%;}
#banner .text-box{max-width: 72%;position: absolute;left: 13.54166%;bottom: 32%;}
#banner .text-box .text1{font-size: 26px;color: #0079c3;margin-bottom: 20px;}
#banner .text-box .text2{font-size: 49px;color: white;margin-bottom: 60px;line-height: 60px;}
#banner .but-box{position: absolute;left: 13.54166%;bottom: 30%;z-index: 2;}
#banner .but-box .time-line{width: 180px;height: 2px;margin: 6px 20px 6px 0;background: rgba(255,255,255,.1);}
#banner .but-box .time-line .time-bar{width: 0;height: 100%;background: #0079c3;}
#banner .but-box .prev{width: 9px;height: 14px;margin-right: 20px;background: url("/static/images/icon/icon_banner_prev.png");}
#banner .but-box .next{width: 9px;height: 14px;margin-right: 20px;background: url("/static/images/icon/icon_banner_next.png");}
#banner .but-box .prev:hover{background: url("/static/images/icon/icon_banner_prev_on.png");}
#banner .but-box .next:hover{background: url("/static/images/icon/icon_banner_next_on.png");}
#banner .but-box .num-box{height: 14px;line-height: 14px;font-size: 16px;margin-right: 20px;/* font-family: GB */;color: white;}
#banner .but-box .num-box .now{color: #0079c3;}

#crumbs{width: 100%;line-height: 1.5;margin: 45px 0 55px;font-size: 14px;color: #666666;}
#crumbs>a:hover{color: #0079c3;}
@media screen and (max-width: 750px) {
    #crumbs{font-size: 26px;}
}

#footer{width: 100%;background: #333333;}
#footer .top{width: 100%;padding: 80px 0;}
#footer .top .nav-box{width: calc(100% - 220px);}
#footer .top .nav-box .item{width: 18.64406%;}
#footer .top .nav-box .item .nav{margin-bottom: 20px;font-size: 15px;line-height: 1;color: white;display: block;}
#footer .top .nav-box .item .nav:hover{color: #0079c3;}
#footer .top .nav-box .item .down-menu .nav-down{margin-bottom: 10px;font-size: 14px;line-height: 1;color: #999999;display: block;}
#footer .top .nav-box .item .down-menu .nav-down:hover{color: #0079c3;}
#footer .top .right-box{width: 220px;color: white;}
#footer .top .right-box .code-box{width: 100%;height: 50px;line-height: 46px;border: 2px solid #0079c3;border-radius: 25px;color: #0079c3;font-size: 14px;text-align: center;}
#footer .top .right-box .code-box .pic-box{max-height: 0;padding: 0 20px;overflow: hidden;position: absolute;left: 50%;bottom: 56px;transform: translateX(-50%);}
#footer .top .right-box .code-box:hover .pic-box{max-height: 270px;padding: 20px 20px 0 20px;}
#footer .top .right-box .code-box .pic-box .pic{width: 220px;height: 220px;padding: 35px;border-radius: 20px;background: white;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);}
#footer .top .right-box .code-box .pic-box .pic>img{width: 100%;}
#footer .top .right-box .code-box .pic-box .icon{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid white;margin: 0 auto;box-sizing: content-box;position: relative;z-index: 2;}
#footer .top .right-box .code-box>img{vertical-align: middle;margin-right: 10px;}
#footer .top .right-box .but-box{display: flex;justify-content: space-around;margin-top: 35px;}
#footer .top .right-box .phone{margin-top: 30px;font-size: 14px;line-height: 20px;color: #999999;}
#footer .top .right-box .phone>span{font-size: 20px;color: white;/* font-family: GM */;margin-left: 10px;}
#footer .bottom{width: 100%;padding: 10px 0;line-height: 40px;background: #2d2d2d;font-size: 14px;}
#footer .bottom>div>*{color: #cccccc;margin-right: 10px;}
#footer .bottom>div>span:first-child{color: #888888;margin-right: 20px;}
@media screen and (max-width: 750px) {
    #footer .top .nav-box{width: 50%;float: right;}
    #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: 20px;top: 22px;background: white;}
    #footer .top .nav-box .item .nav:after{content: '';width: 2px;height: 16px;margin: 0 7px;display: block;position: absolute;right: 20px;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: 40%;margin-top: 260px;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;}
}

#index .section-title{width: 100%;text-align: center;font-size: 28px;font-weight: bold;margin-bottom: 70px;position: relative;}
#index .section-title:before{content: '';width: 30px;height: 4px;border-radius: 2px;background: #0079c3;position: absolute;left: 50%;bottom: -10px;transform: translateX(-50%);}
@media screen and (max-width: 750px) {
    #index .section-title{font-size: 36px;}
}

#index-product{width: 100%;padding: 130px 0 150px;background: #f2f2f2;}
#index-product .content-box{display: flex;justify-content: space-between;}
#index-product .list-box{width: calc(100% - 350px);display: flex;flex-wrap: wrap;}
#index-product .product-box{width: calc((100% - 60px) / 4);margin: 0 20px 20px 0;border: 1px solid #d9d9d9;border-radius: 18px;overflow: hidden;display: block;padding-bottom: 8px;background: white;}
#index-product .product-box:nth-child(4n){margin-right: 0;}
#index-product .product-box .title-box{position: relative;z-index: 1;}
#index-product .product-box .title-box .-product-title{height: 60px;padding: 20px 30px 0;line-height: 40px;font-size: 16px;margin-bottom: 20px;}
#index-product .product-box .title-box .product-title{height: 60px;padding: 20px 30px 0;line-height: 40px;font-size: 16px;margin-bottom: 20px;position: relative;}
#index-product .product-box .title-box .product-title:before{content: '';background: #cccccc;display: block;width: 40px;height: 1px;position: absolute;bottom: 0;left: 30px;}
#index-product .product-box .title-box .product-text{opacity: 0;padding: 0 30px;font-size: 14px;line-height: 24px;max-height: 96px;overflow: hidden;}
#index-product .product-box .pic-frame{width: 100%;position: relative;z-index: 0;}
#index-product .product-box .pic-frame:before{content: '';padding-top: 65.78947%;display: block;}
#index-product .product-box .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#index-product .product-box .pic-frame .pic .img{width: 100%;height: 100%;overflow: hidden;}
#index-product .product-box:hover{transform: translateY(-10px);box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);border: 1px solid #0079c3;}
#index-product .product-box:hover .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #0079c3;opacity: .92;}
#index-product .product-box:hover .product-title{color: white;font-weight: bold;}
#index-product .product-box:hover .product-title:before{background: white;}
#index-product .product-box:hover .product-text{opacity: 1;color: white;}
#index-product #product-sidebar .title-box{padding: 0 15px 0 20px;margin-bottom: 10px;border-radius: 8px;background: #00a2e7;}
#index-product #product-sidebar .title-box .one-title{font-size: 16px;color: white;width: 100%;height: 50px;line-height: 50px;display: flex;justify-content: space-between;}
#index-product #product-sidebar .title-box .one-title:after{content: url("/static/images/icon/icon-xiala.png");margin-top: -3px;transform: rotate(-90deg);}
#index-product #product-sidebar .title-box:hover{background: white;}
#index-product #product-sidebar .title-box:hover .one-title{color: #0079c3;}
#index-product #product-sidebar .title-box:hover .one-title:after{content: url("/static/images/icon/icon-xiala-lan.png");}
@media screen and (max-width: 1366px) {
    #index-product{padding: 100px 0 120px;}
    #index-product .product-box{width: calc((100% - 40px) / 3);}
    #index-product .product-box:nth-child(4n){margin-right: 20px;}
    #index-product .product-box:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 1200px) {
    #index-product .product-box{width: calc((100% - 20px) / 2);}
    #index-product .product-box:nth-child(3n){margin-right: 20px;}
    #index-product .product-box:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 750px) {
    #index-product .content-box>div:first-child{display: none;}
    #index-product .list-box{width: 100%;}
    #index-product .product-box .title-box .-product-title{height: 80px;line-height: 80px;font-size: 26px;}
    #index-product .product-box .title-box .product-title{height: 80px;line-height: 80px;font-size: 26px;}
    #index-product .product-box .title-box .product-title:before{width: 60px;height: 2px;bottom: -10px;background: #0079c3;}
}

#index-case{width: 100%;height: 950px;background: url("/static/images/index-case-background.jpg") 100% 100%;}
#index-case .content{width: 100%;height: 100%;position: relative;}
#index-case .content .text-box{width: calc(100% - 800px);display: flex;align-items: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding-right: 20px;}
#index-case .content .text-box .title{font-size: 28px;color: white;font-weight: bold;position: relative;margin-bottom: 90px;}
#index-case .content .text-box .title:before{content: '';width: 30px;height: 4px;background: #0079c3;border-radius: 2px;display: block;position: absolute;left: 0;bottom: -10px;}
#index-case .content .text-box .text{font-size: 42px;line-height: 1.5;color: white;margin-bottom: 70px;}
#index-case .content .text-box .btn{display: block;width: 180px;height: 60px;line-height: 56px;text-align: center;border-radius: 30px;border: 2px solid #515151;font-size: 16px;color: white;}
#index-case .content .text-box .btn:hover{background: #0079c3;border-color: #0079c3;}
#index-case .content .case-box{width: 800px;height: 480px;position: absolute;bottom: 50%;right: 0;transform: translateY(50%);}
#index-case .content .case-box .case{width: 160px;height: 160px;border-radius: 18px;border: 2px solid #515151;text-align: center;}
#index-case .content .case-box .case:hover{background: #0079c3;border-color: #0079c3;}
#index-case .content .case-box .case>img{margin: 30px 0 15px;}
#index-case .content .case-box .case .name{font-size: 16px;color: white;}
#index-case .content .case-box .case:nth-child(1){position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#index-case .content .case-box .case:nth-child(2){position: absolute;top: 50%;left: calc(160px * 1);transform: translateY(-50%);}
#index-case .content .case-box .case:nth-child(3){position: absolute;top: 50%;left: calc(160px * 2);transform: translateY(-50%);}
#index-case .content .case-box .case:nth-child(4){position: absolute;top: 50%;left: calc(160px * 3);transform: translateY(-50%);}
#index-case .content .case-box .case:nth-child(5){position: absolute;top: 50%;left: calc(160px * 4);transform: translateY(-50%);}
#index-case .content .case-box .case:nth-child(6){position: absolute;top: calc(50% - 160px);left: calc(160px * 2);transform: translateY(-50%);}
#index-case .content .case-box .case:nth-child(7){position: absolute;top: calc(50% + 160px);left: calc(160px * 3);transform: translateY(-50%);}
@media screen and (max-width: 1400px) {
    #index-case .content{width: 94%;}
}
@media screen and (max-width: 1366px) {
    #index-case .content .text-box{width: 100%;top: 10%;left: 0;transform: unset;}
    #index-case .content .case-box{bottom: 10%;right: 0;transform: unset;}
}
@media screen and (max-width: 750px) {
    #index-case .content .text-box .title{font-size: 36px;}
    #index-case .content .text-box .btn{font-size: 26px;width: 200px;background: #0079c3;border-color: #0079c3;height: 70px;line-height: 70px;border-radius: 35px;}
    #index-case .content .case-box{width: 100%;height: calc(180px * 3);margin-bottom: -50px;}
    #index-case .content .case-box .case{width: 140px;height: 180px;}
    #index-case .content .case-box .case .name{font-size: 16px;line-height: 1.5;}
    #index-case .content .case-box .case:nth-child(1){position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
    #index-case .content .case-box .case:nth-child(2){position: absolute;top: 50%;left: calc(140px * 1);transform: translateY(-50%);}
    #index-case .content .case-box .case:nth-child(3){position: absolute;top: 50%;left: calc(140px * 2);transform: translateY(-50%);}
    #index-case .content .case-box .case:nth-child(4){position: absolute;top: 50%;left: calc(140px * 3);transform: translateY(-50%);}
    #index-case .content .case-box .case:nth-child(5){position: absolute;top: 50%;left: calc(140px * 4);transform: translateY(-50%);}
    #index-case .content .case-box .case:nth-child(6){position: absolute;top: calc(50% - 180px);left: calc(140px * 2);transform: translateY(-50%);}
    #index-case .content .case-box .case:nth-child(7){position: absolute;top: calc(50% + 180px);left: calc(140px * 3);transform: translateY(-50%);}
	
	#index-case{height:1110px;}
}

#index-news{width: 100%;padding: 140px 0 100px;background: #f2f2f2;overflow: hidden;}
#index-news .tab{display: flex;justify-content: center;margin-bottom: 60px;flex-wrap: wrap;}
#index-news .tab li{height: 50px;line-height: 46px;padding: 0 25px;margin: 0 10px;border-radius: 25px;border: 2px solid #cccccc;font-size: 16px;}
#index-news .tab li:hover,
#index-news .tab .cur{color: white;background: #0079c3;border-color: #0079c3;cursor: pointer;}
#index-news .container{overflow: unset;}
#index-news .slide{width: 31.66667%;margin-right: 30px;}
#index-news .pic-frame{width: 100%;position: relative;border-radius: 15px;overflow: hidden;}
#index-news .pic-frame:before{content: '';padding-top: 57.89474%;display: block;}
#index-news .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#index-news .date{font-size: 16px;color: #999999;padding: 25px 0 15px;/* font-family: GR */;}
#index-news .name{font-size: 16px;line-height: 24px;height: 48px;}
#index-news .slide:hover .name{color: #0079c3;font-weight: bold;}
#index-news .line{position: absolute;left: 0;bottom: -40px;width: 100%;height: 2px;background: #cccccc;}
#index-news li .swiper-scrollbar{display: none;}
#index-news li .line .swiper-scrollbar-drag{background: #0079c3;}
#index-news .made{display: block;text-align: center;font-size: 16px;width: 100px;height: 50px;line-height: 50px;margin: 100px auto 0;}
#index-news .made:hover{color: #0079c3;}
@media screen and (max-width: 750px) {
    #index-news .tab{margin-bottom: 30px;}
    #index-news .tab li{height: 60px;line-height: 56px;padding: 0 30px;margin: 0 10px 20px;border-radius: 30px;font-size: 26px;}
    #index-news .slide{width: 100%;margin-right: 30px;padding: 0 30px;}
    #index-news .date{font-size: 26px;}
    #index-news .name{font-size: 26px;line-height: 40px;height: 80px;}
    #index-news .made{font-size: 26px;width: 150px;height: 60px;line-height: 60px;}
}

#product-sidebar{width: 300px;padding: 30px;border-radius: 18px;background: #0079c3;position: relative;overflow: hidden;}
#product-sidebar:before{content: '';display: block;width: 144px;height: 144px;border-radius: 50%;background: #0092cf;position: absolute;right: -74px;bottom: -94px;}
#product-sidebar .top-title{font-size: 24px;color: white;font-weight: bold;margin-bottom: 20px;}
#product-sidebar .title-box{padding: 0 15px 0 20px;margin-bottom: 10px;border-radius: 8px;background: #00a2e7;}
#product-sidebar .title-box.cur{background: white;}
#product-sidebar .title-box .one-title{display: block;font-size: 16px;color: white;width: 100%;height: 50px;line-height: 50px;display: flex;justify-content: space-between;}
#product-sidebar .title-box .one-title:after{content: url("/static/images/icon/icon-xiala.png");margin-top: -3px;}
#product-sidebar .title-box.cur .one-title:after{content: url("/static/images/icon/icon-shangla.png");}
#product-sidebar .title-box.cur .one-title{color: #0079c3;font-weight: bold;}
#product-sidebar .title-box .two-title{width: 100%;font-size: 14px;color: #666666;line-height: 40px;display: block;}
#product-sidebar .title-box .two-title:hover{color: #0079c3;}
#product-sidebar .title-box .two-title:last-child{margin-bottom: 20px;}
#product-sidebar .title-box .two-title:before{content: '';display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #888888;vertical-align: middle;margin-right: 10px;}
#product-sidebar .title-box .two-title:hover:before{background: #0079c3;}
#product-sidebar .search-box .search-title{font-size: 16px;color: white;font-weight: bold;margin: 20px 0 10px;}
#product-sidebar .search-box .input{width: 100%;height: 50px;line-height: 50px;border-radius: 8px;border: 1px solid #00a2e7;background: #004a77;margin-bottom: 20px;display: block;font-size: 0;}
#product-sidebar .search-box .input input[type='text']{font-size: 14px;color: white;width: calc(100% - 50px);padding-left: 20px;}
#product-sidebar .search-box .input input[type='submit']{width: 50px;height: 50px;background: url("/static/images/icon/icon-search-bai.png") center center no-repeat;cursor: pointer;}
#product-sidebar .search-box .input input[type='submit']:hover{background: url("/static/images/icon/icon-search-lan.png") center center no-repeat;}
@media screen and (max-width: 750px) {
    .product-list{flex-wrap: wrap;}
    #product-sidebar{width: 100%;}
    #product-sidebar .top-title{font-size: 30px;}
    #product-sidebar .title-box .one-title{font-size: 28px;min-height: 60px;line-height: 60px;}
    #product-sidebar .title-box .two-title{font-size: 26px;}
    #product-sidebar .search-box .search-title{font-size: 28px;}
    #product-sidebar .search-box .input input[type='text']{font-size: 26px;}

}

.product-list{padding: 70px 0 120px;display: flex;justify-content: space-between;align-items: start;}
#product-list{width: calc(100% - 350px);}
#product-list #crumbs{border-bottom: 2px solid #d9d9d9;height: 60px;line-height: 60px;margin: 0 0 60px;text-align: right;}
#product-list .list-box{display: flex;flex-wrap: wrap;}
#product-list .product-box{width: calc((100% - 60px) / 4);margin: 0 20px 20px 0;border: 1px solid #d9d9d9;border-radius: 18px;overflow: hidden;display: block;}
#product-list .product-box:nth-child(4n){margin-right: 0;}
#product-list .product-box .title-box{position: relative;z-index: 1;}
#product-list .product-box .title-box .-product-title{height: 60px;padding: 20px 30px 0;line-height: 40px;font-size: 16px;margin-bottom: 20px;}
#product-list .product-box .title-box .product-title{height: 60px;padding: 20px 30px 0;line-height: 40px;font-size: 16px;margin-bottom: 20px;position: relative;}
#product-list .product-box .title-box .product-title:before{content: '';background: #cccccc;display: block;width: 40px;height: 1px;position: absolute;bottom: 0;left: 30px;}
#product-list .product-box .title-box .product-text{opacity: 0;padding: 0 30px;font-size: 14px;line-height: 24px;max-height: 96px;overflow: hidden;}
#product-list .product-box .pic-frame{width: 100%;position: relative;z-index: 0;}
#product-list .product-box .pic-frame:before{content: '';padding-top: 65.78947%;display: block;}
#product-list .product-box .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#product-list .product-box .pic-frame .pic .img{width: 100%;height: 100%;overflow: hidden;}
#product-list .product-box:hover{transform: translateY(-10px);box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);border: 1px solid #0079c3;}
#product-list .product-box:hover .background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #0079c3;opacity: .92;}
#product-list .product-box:hover .product-title{color: white;font-weight: bold;}
#product-list .product-box:hover .product-title:before{background: white;}
#product-list .product-box:hover .product-text{opacity: 1;color: white;}
@media screen and (max-width: 1280px) {
    #product-list .product-box{width: calc((100% - 40px) / 3);}
    #product-list .product-box:nth-child(4n){margin-right: 20px;}
    #product-list .product-box:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 1024px) {
    #product-list .product-box{width: calc((100% - 20px) / 2);}
    #product-list .product-box:nth-child(3n){margin-right: 20px;}
    #product-list .product-box:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 750px) {
    #product-list{width: 100%;margin-top: 40px;}
    #product-list .product-box{width: 100%;}
    #product-list .product-box{margin-right: 0;}
    #product-list .product-box:nth-child(3n){margin-right: 0;}
    #product-list .product-box .title-box .product-title{font-size: 26px;}
    #product-list .product-box .title-box .product-title:before{bottom: -10px;background: #0079c3;height: 2px;width: 60px;}
    #product-list .product-box .title-box .product-text{font-size: 24px;line-height: 35px;max-height: 105px;}
}

.product-detail{padding: 80px 0 130px;/* display: flex; */justify-content: space-between;}
#product-detail{width: calc(100% - 350px);}
#product-detail #crumbs{border-bottom: 2px solid #d9d9d9;line-height: 60px;margin: 0 0 60px;text-align: right;}
#product-detail .top-box{display: flex;justify-content: space-between;}
#product-detail .top-box .pic-frame{width: 40.95238%;position: relative;border: 1px solid #d9d9d9;border-radius: 18px;overflow: hidden;}
#product-detail .top-box .pic-frame:before{content: '';padding-top: 67.44186%;display: block;}
#product-detail .top-box .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#product-detail .top-box .text-box{width: 56%;}
#product-detail .top-box .text-box .title{padding: 20px 0 15px;font-size: 24px;font-weight: bold;}
#product-detail .top-box .text-box .text{font-size: 16px;line-height: 2;}

@media screen and (max-width: 750px) {
    .product-detail #product-sidebar{display: none;}
    #product-detail{width: 100%;}
    #product-detail #crumbs{text-align: left;}
    #product-detail .top-box{flex-wrap: wrap;}
    #product-detail .top-box .pic-frame{width: 100%;}
    #product-detail .top-box .text-box{width: 100%;}
    #product-detail .top-box .text-box .title{font-size: 32px;text-align: center;margin-top: 30px;}
    #product-detail .top-box .text-box .text{font-size: 26px;}
}

#product-detail .product-table-table{width:100%; margin:25px 0 50px;}
#product-detail .product-table-table .search{width:100%; background:#0079c3; padding:20px; border-radius:18px 18px 0 0;}
#product-detail .product-table-table .search .form{width:240px; height:40px; background:#fff; border-radius:5px; padding:0 5px;}
#product-detail .product-table-table .search .form .input{width:208px; height:40px; float:left; background:#fff; border:none;}
#product-detail .product-table-table .search .form .sub{width:17px; height:40px; cursor:pointer; float:left; background:url(/images/img1.png) no-repeat center/17px,17px; border:none;}
#product-detail .product-table-table iframe{width:100%; border:none; min-height:400px;}
@media screen and (max-width: 750px) {
    #product-detail .product-table-table .search .form{width:100%; height:60px; background:#fff; border-radius:5px; padding:0 0 0 20px;}
    #product-detail .product-table-table .search .form .input{width: calc(100% - 60px);height: 60px;font-size: 26px;}
    #product-detail .product-table-table .search .form .sub{width: 60px;height: 60px;}
    #product-detail .product-table-table .biao-box{width: 705px;overflow-x: scroll;}
    #product-detail .product-table-table iframe{width: 2200px;}
}

#case{padding: 120px 0 130px;}
#case .top{margin-bottom: 50px;}
#case .top .pic-frame{width: 37.14286%;position: relative;background: #cccccc;border-radius: 18px;overflow: hidden;}
#case .top .pic-frame:before{content: '';padding-top: 57.69231%;display: block;}
#case .top .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#case .top .text-box{width: 62.85714%;padding: 0 50px;}
#case .top .text-box .title{font-size: 24px;font-weight: bold;margin: 30px 0 20px;}
#case .top .text-box .text{font-size: 16px;color: #666666;line-height: 1.8;}
/* #case .ul{width: 100%;} */
#case .ul .li{width: 100%;height: 80px;line-height: 80px;border-bottom: 1px solid #d9d9d9;display: flex;justify-content: space-between;font-size: 18px;color: #333333;margin-bottom: 5px;}
#case .ul .li:hover{color: #0079c3;border-color: #0079c3;}
#case .ul .li div:first-child:before{content: '';width: 6px;height: 6px;border-radius: 3px;background: #666666;display: inline-block;vertical-align: middle;margin-right: 8px;}
#case .ul .li:hover div:first-child:before{background: #0079c3;}
@media screen and (max-width: 1400px) {
    #case .ul{width: 94%;}
}
@media screen and (max-width: 750px) {
    #case .top .pic-frame{width: 100%;}
    #case .top .text-box{width: 100%;padding: 0;}
    #case .top .text-box .title{font-size: 32px;text-align: center;}
    #case .top .text-box .text{font-size: 26px;}
    #case .ul .li{font-size: 26px;margin-bottom: 10px;}
}

#case-detail{padding: 100px 0 130px;}
#case-detail .top{display: flex;margin-bottom: 50px;flex-wrap: wrap;padding-bottom: 60px;border-bottom: 1px solid #d9d9d9;align-items: center;}
#case-detail .top .pic-frame{width: 35.71429%;position: relative;background: #cccccc;overflow: hidden;}
#case-detail .top .pic-frame:before{content: '';padding-top: 72%;display: block;}
#case-detail .top .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#case-detail .top .title{width: 100%;font-size: 24px;font-weight: bold;margin: 30px 0 60px;text-align: center;}
#case-detail .top .text-box{width: 64.28571%;padding: 0 9% 0 0;}
#case-detail .top .text-box .text{font-size: 16px;color: #666666;line-height: 1.8;}
#case-detail ul li{width: 100%;border-radius: 18px;overflow: hidden;border: 1px solid #0079c3;margin-bottom: 20px;}
#case-detail ul li .category{line-height: 50px;padding: 0 20px;font-size: 16px;font-weight: bold;color: white;background: #0079c3;display: block;}
#case-detail ul li .product-box{padding: 10px 0;display: flex;flex-wrap: wrap;}
#case-detail ul li .product-box .product{line-height: 40px;font-size: 16px;padding: 0 20px;cursor: pointer;}
#case-detail ul li .product-box .product:hover{color: #0079c3;}
@media screen and (max-width: 750px) {
    #case-detail{padding: 30px 0 70px;}
    #case-detail .top .title{font-size: 32px;}
    #case-detail .top .pic-frame{width: 100%;margin-top: 30px;}
    #case-detail .top .text-box{width: 100%;padding: 0;}
    #case-detail .top .text-box .text{font-size: 26px;}
    #case-detail ul li .category{line-height: 80px;font-size: 28px;}
    #case-detail ul li .product-box .product{line-height: 60px;font-size: 26px;}
}

#service{padding: 100px 0 130px;}
#service .top-title{font-size: 24px;font-weight: bold;width: 100%;text-align: center;line-height: 1.5;}
#service .service-box{display: flex;justify-content: space-between;margin-top: 60px;align-items: center;}
#service .service-box:nth-child(2n){flex-direction: row-reverse;}
#service .service-box .pic-frame{width: 57.14286%;position: relative;}
#service .service-box .pic-frame:before{content: '';padding-top: 57.5%;display: block;}
#service .service-box .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#service .service-box .content{width: calc(43% - 50px);display: flex;justify-content: center;flex-direction: column;}
#service .service-box .content .service-title{font-size: 20px;font-weight: bold;margin-bottom: 20px;}
@media screen and (max-width: 750px) {
    #service .top-title{font-size: 34px;}
    #service .service-box{flex-wrap: wrap;}
    #service .service-box .pic-frame{width: 100%;}
    #service .service-box .content{width: 100%;margin-top: 30px;}
    #service .service-box .content .service-title{font-size: 30px;}
}

#technology{padding: 110px 0 140px;}
#technology .title{font-size: 24px;font-weight: bold;font-weight: bold;text-align: center;margin-bottom: 50px;}
#technology .search-box{width: 100%;height: 180px;background: #f2f2f2;border-radius: 18px;display: flex;justify-content: center;margin-bottom: 40px;align-items: center;}
#technology .search-box .input-box{width: 240px;height: 46px;margin: 0 15px;background: white;border-radius: 5px;padding: 0 20px;display: inline-block;font-size: 0;}
#technology .search-box .input-box:last-child{width: 400px;padding: 0 0 0 20px;}
#technology .search-box .input-box>select{width: 100%;height: 100%;line-height: 58px;font-size: 16px;}
#technology .search-box .input-box>input[type="text"]{width: calc(100% - 60px);height: 100%;line-height: 58px;font-size: 16px;}
#technology .search-box .input-box>input[type="submit"]{width: 60px;height: 100%;background: url("/static/images/img/icon-search.png") no-repeat center center;}
#technology .search-box .input-box>input[type="submit"]:hover{background: url("/static/images/img/icon-search-hover.png") no-repeat center center;}
#technology ul li{display: flex;align-items: center;height: 80px;line-height: 80px;border-bottom: 1px solid #e4e4e4;margin-bottom: 10px;cursor: pointer;}
#technology ul li:hover{border-bottom: 1px solid #0079c3;}
#technology ul li .name{flex-grow: 1;font-size: 16px;}
#technology ul li .text-box{width: 200px;font-size: 16px;}
#technology ul li .tit{color: #888888;}
#technology ul li .btn{width: 50px;height: 50px;background: url("/static/images/icon/icon-xiazai.png") center center no-repeat;}
#technology ul li:hover .name{color: #0079c3;}
#technology ul li:hover .btn{background: url("/static/images/icon/icon-xiazai-lan.png") center center no-repeat;}
@media screen and (max-width: 1024px) {
    #technology form{width: 100%;}
    #technology .search-box .input-box{width: calc(50% - 32px);height: 66px;margin: 20px 0 20px 20px;}
    #technology .search-box .input-box:first-child{margin:20px;}
    #technology .search-box .input-box:nth-child(2){margin-left:0;}
    #technology .search-box .input-box:last-child{margin-top:0;width: calc(100% - 40px);}
}
@media screen and (max-width: 750px) {
    #technology .title{font-size: 34px}
    #technology .search-box .input-box>select{font-size: 26px;}
    #technology .search-box .input-box>input[type="text"]{font-size: 26px;}
    #technology ul li .name{font-size: 26px;}
    #technology ul li .text-box{font-size: 26px;}
    #technology ul li .tit{display: none;}
}

#honor{padding: 100px 0 130px;}
#honor .top-title{font-size: 24px;font-weight: bold;width: 100%;text-align: center;line-height: 1.5;}
#honor .honor-list{display: flex;flex-wrap: wrap;padding-top: 10px;}
#honor .honor-list .honor-box{width: 22.85714%;padding: 30px;margin-right: 2.85714%;border-radius: 18px;border: 1px solid #dddfe9;margin-top: 40px;cursor: pointer;}
#honor .honor-list .honor-box:nth-child(4n){margin-right: 0;}
#honor .honor-list .honor-box:hover{transform: translateY(-10px);box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);border: 1px solid #0079c3;}
#honor .honor-list .honor-box .pic-frame{width: 100%;position: relative;}
#honor .honor-list .honor-box .pic-frame:before{content: '';padding-top: 100%;display: block;}
#honor .honor-list .honor-box .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#honor .honor-list .honor-box .honor-title{font-size: 16px;color: #666666;margin-top: 15px;text-align: center;}
#honor .honor-list .honor-box:hover .honor-title{color: #0079c3;}
@media screen and (max-width: 750px) {
    #honor .title{font-size: 34px}
    #honor .honor-list .honor-box{width: 48.5%;margin-right: 3%;margin-top: 3%;}
    #honor .honor-list .honor-box:nth-child(2n){margin-right: 0;}
    #honor .honor-list .honor-box .honor-title{font-size: 26px;}
}

#query{padding: 110px 0 140px;}
#query .title{font-size: 24px;font-weight: bold;font-weight: bold;text-align: center;margin-bottom: 50px;}
#query .search-box{width: 100%;height: 180px;background: #f2f2f2;border-radius: 18px;display: flex;justify-content: center;margin-bottom: 40px;align-items: center;}
#query .search-box .input-box{width: 240px;height: 46px;margin: 0 15px;background: white;border-radius: 5px;padding: 0 20px;display: inline-block;font-size: 0;}
#query .search-box .input-box:last-child{width: 400px;padding: 0 0 0 20px;}
#query .search-box .input-box>select{width: 100%;height: 100%;line-height: 58px;font-size: 16px;}
#query .search-box .input-box>input[type="text"]{width: calc(100% - 60px);height: 100%;line-height: 58px;font-size: 16px;}
#query .search-box .input-box>input[type="submit"]{width: 60px;height: 100%;background: url("/static/images/img/icon-search.png") no-repeat center center;}
#query .search-box .input-box>input[type="submit"]:hover{background: url("/static/images/img/icon-search-hover.png") no-repeat center center;}
#query .search-box .tip{font-size: 16px;height: 46px;line-height: 46px;}
@media screen and (max-width: 750px) {
    #query .title{font-size: 34px}
    #query .search-box .input-box>select{font-size: 26px;}
    #query .search-box .input-box>input[type="text"]{font-size: 26px;}
    #query .search-box .tip{font-size: 26px;}
}

#news{padding: 120px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
#news-list{width: calc(100% - 340px);display: flex;flex-wrap: wrap;}
#news-list .news-box{width: calc((100% - 80px)/ 3);margin: 0 40px 40px 0;display: block;}
#news-list .news-box:nth-child(3n){margin: 0 0 40px 0;}
#news-list .news-box .pic-frame{width: 100%;position: relative;border-radius: 18px;overflow: hidden;}
#news-list .news-box .pic-frame:before{content: '';padding-top: 57.8125%;display: block;}
#news-list .news-box .pic-frame .pic{width: 100%;height: 100%;border-radius: 18px;overflow: hidden;position: absolute;top: 0;left: 0;}
#news-list .news-box .news-title{font-size: 16px;line-height: 24px;max-height: 48px;margin: 20px 0 10px;}
#news-list .news-box .date{font-size: 16px;color: #999999;/* font-family: GR */;}
#news-list .news-box:hover .pic-frame .pic img{transform: scale(1.2);}
#news-list .news-box:hover .news-title{font-weight: bold;color: #0079c3;}
#news-list .page-btn{width: 100%;display: flex;justify-content: center;margin-top: 60px;}
@media screen and (max-width: 750px) {
    .nmd{display: none;}
    #news{padding:60px 0;}
    #news-list{width: 100%;}
    #news-list .news-box{width: 48.5%;margin: 0 3% 3% 0;}
    #news-list .news-box:nth-child(3n){width: 48.5%;margin: 0 3% 3% 0;}
    #news-list .news-box:nth-child(2n){width: 48.5%;margin: 0 0 3% 0;}
    #news-list .paging[type='default']{margin-top: 30px!important;}
    #news-list .news-box .news-title{font-size: 26px;line-height: 35px;max-height: 70px;}
    #news-list .news-box .date{font-size: 26px;}
}

.news-detail{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 130px;}
#news-detail{width: calc(100% - 300px);padding-right: 40px;}
#news-detail .news-title{font-size: 32px;line-height: 1.5;margin-bottom: 10px;}
#news-detail .date-box{font-size: 14px;color: #666666;margin-bottom: 30px;}
#news-detail .date-box>a:hover{color: #0079c3;}
#news-detail .date-box>span{font-size: 16px;color: #999999;/* font-family: GR */;padding-left: 10px;}
#news-detail .btn-box{margin-top: 80px;display: flex;justify-content: space-between;}
#news-detail .btn-box .btn{width: 48%;border-radius: 15px;background: #f2f2f2;padding: 30px;}
#news-detail .btn-box .btn .tip{font-size: 16px;position: relative;padding-bottom: 10px;margin-bottom: 20px;}
#news-detail .btn-box .btn .tip:before{content: '';display: block;width: 20px;height: 2px;background: #0079c3;position: absolute;bottom: 0;left: 0;}
#news-detail .btn-box .btn .name{font-size: 16px;line-height: 24px;max-height: 48px;}
#news-detail .btn-box .btn .date{font-size: 16px;color: #999999;margin-top: 10px;/* font-family: GR */;}
#news-detail .btn-box .btn:hover{background: #0079c3;color: white;}
#news-detail .btn-box .btn:hover .tip:before{background: white;}
#news-detail .btn-box .btn:hover .date{color: white;}
@media screen and (max-width: 750px) {
    #news-detail{width: 100%;padding-right: 0;}
    #news-detail .news-title{font-size: 38px;text-align: center;}
    #news-detail .date-box{font-size: 24px;text-align: center;}
    #news-detail .date-box>span{font-size: 26px;}
    #news-detail .btn-box .btn{text-align: left;}
    #news-detail .btn-box .btn .tip{font-size: 26px;}
    #news-detail .btn-box .btn .tip:before{width: 40px;height: 4px;}
    #news-detail .btn-box .btn .name{font-size: 26px;line-height: 35px;max-height: 70px;}
    #news-detail .btn-box .btn .date{font-size: 26px;}
}

#news-sidebar{width: 300px;border-radius: 8px;overflow: hidden;box-shadow: 0px 0px 8.82px 0.18px rgba(0, 0, 0, 0.08);}
#news-sidebar .top{height: 10px;background: #0079c3;}
#news-sidebar .content{padding: 0 30px;}
#news-sidebar .sidebar-title{font-size: 22px;padding: 30px 0 20px;position: relative;}
#news-sidebar .sidebar-title:before{content: '';display: block;width: 30px;height: 3px;background: #0079c3;position: absolute;bottom: 0;left: 0;}
#news-sidebar .news-box{border-bottom: 1px solid #f3f3f3;display: block;}
#news-sidebar .news-box:last-child{border: unset;}
#news-sidebar .news-box .news-title{font-size: 16px;line-height: 1.5;margin-top: 20px;}
#news-sidebar .news-box:hover .news-title{color: #0079c3;}
#news-sidebar .news-box .date{font-size: 16px;/* font-family: GR */;color: #999999;margin: 10px 0 20px;}
#news-sidebar+.btn-box{width: 100%;display: flex;justify-content: space-between;margin-top: 35px}
#news-sidebar+.btn-box .btn{width: calc(50% - 8px);border: 2px solid #eaeaea;height: 50px;line-height: 46px;border-radius: 25px;font-size: 14px;text-align: center;display: block;}
#news-sidebar+.btn-box .btn:hover{background: #0079c3;color: white;border-color: #0079c3;}
#news-sidebar+.btn-box .btn.wechat:before{content: url("/static/images/img/icon-weixin-hui.png");padding-right: 5px;vertical-align: sub;}
#news-sidebar+.btn-box .btn.wechat:hover:before{content: url("/static/images/img/icon-weixin-bai.png");}
#news-sidebar+.btn-box .btn.sina:before{content: url("/static/images/img/icon-weibo-hui.png");padding-right: 5px;vertical-align: sub;}
#news-sidebar+.btn-box .btn.sina:hover:before{content: url("/static/images/img/icon-weibo-bai.png");}
@media screen and (max-width: 750px) {
    #news-sidebar{display: none;}
}

#company{padding: 110px 0 140px;}
#company .top-box{display: flex;justify-content: space-between;margin-bottom: 70px;flex-wrap: wrap;}
#company .top-box .text-box{width: 50%;padding-right: 40px;}
#company .top-box .text-box .company-title{font-size: 24px;line-height: 1.5;color: #0079c3;font-weight: bold;margin-bottom: 10px;}
#company .top-box .text-box .bold-text{font-size: 24px;line-height: 1.5;font-weight: bold;margin-bottom: 20px;}
#company .top-box .text-box .num-box{display: flex;}
#company .top-box .text-box .num-box .item{width: 33%;padding-top: 40px;text-align: center;}
#company .top-box .text-box .num-box .item .num{font-size: 16px;color: #0079c3;line-height: 1;font-weight: bold;}
#company .top-box .text-box .num-box .item .num>span{font-size: 46px;/* font-family: GB */;}
#company .top-box .text-box .num-box .item .num-title{font-size: 16px;}
#company .top-box .pic-box{width: 50%;}
#company .top-box .pic-box .pic-frame{width: 100%;position: relative;border-radius: 15px;overflow: hidden;}
#company .top-box .pic-box .pic-frame:before{content: '';padding-top: 74.28571%;display: block;}
#company .top-box .pic-box .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#company .top-box .pic-box .pic-frame .pic .play{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.2) url("/static/images/img/icon-play-video.png") center center no-repeat;}
@media screen and (max-width: 750px) {
    #company{padding: 80px 0 120px;}
    #company .top-box .text-box{width: 100%;padding: 0;margin-bottom: 30px;}
    #company .top-box .text-box .company-title{font-size: 32px;text-align: center;}
    #company .top-box .text-box .bold-text{font-size: 28px;text-align: center;}
    #company .top-box .text-box .num-box .item .num{font-size: 26px;}
    #company .top-box .text-box .num-box .item .num>span{font-size: 56px;}
    #company .top-box .text-box .num-box .item .num-title{font-size: 26px;}
    #company .top-box .pic-box{width: 100%;}
}


#factory{padding: 110px 0 200px;overflow: hidden;}
#factory .factory-title{font-size: 24px;font-weight: bold;margin-bottom: 50px;text-align: center;line-height: 1.5;}
#factory .tab-nav{display: flex;justify-content: center;}
#factory .tab-nav .item{width: 170px;height: 50px;line-height: 46px;border: 2px solid #cccccc;border-radius: 25px;margin: 0 10px;text-align: center;font-size: 16px;}
#factory .tab-nav .item.cur{font-weight: bold;color: white;background: #0079c3;border-color: #0079c3;}
#factory .tab-contents{width: 100%;}
#factory .tab-contents .tab-title{text-align: center;font-size: 18px;font-weight: bold;margin: 50px 0 30px;}
#factory .tab-contents .tab-text{text-align: center;font-size: 16px;line-height: 1.5;color: #666666;margin-bottom: 50px;}
#factory .tab-contents .container{width: 800px;margin: 0 auto;overflow: unset;}
#factory .tab-contents .pic-frame{width: 800px;position: relative;}
#factory .tab-contents .pic-frame:before{content: '';padding-top: 65%;display: block;}
#factory .tab-contents .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 15px;overflow: hidden;}
#factory .tab-contents .name{width: 100%;padding: 30px;font-size: 16px;font-weight: bold;color: white;line-height: 1.5;text-align: center;position: absolute;left: 0;bottom: 0;}
#factory .tab-contents .swiper-container-horizontal>.swiper-pagination-bullets,
#factory .tab-contents .swiper-pagination-custom,
#factory .tab-contents .swiper-pagination-fraction{bottom: -50px;}
#factory .tab-contents .swiper-pagination-bullet{width: 10px;height: 10px;border: 2px solid #cfcfcf; background-color: unset;opacity: 1;}
#factory .tab-contents .swiper-pagination-bullet-active{border-color: #0079c3;background-color: #0079c3;}
@media screen and (max-width: 750px) {
    #factory .factory-title{font-size: 32px;}
    #factory .tab-nav .item{width: auto;height: 60px;line-height: 56px;border: 2px solid #cccccc;border-radius: 30px;margin: 0 10px;font-size: 22px;padding: 0 30px;}
    #factory .tab-contents .tab-title{font-size: 28px;}
    #factory .tab-contents .tab-text{font-size: 26px;}
    #factory .tab-contents .container{width: 100%;}
    #factory .tab-contents .pic-frame{width: 100%;}
    #factory .tab-contents .name{font-size: 26px;}
}

#culture{padding: 110px 0 140px;}
#culture .culture-title{width: 100%;text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 50px;line-height: 1.5;}
#culture .culture-pic{width: 100%;}
#culture .card-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
#culture .card-box .card{width: 22.85714%;margin-top: -90px;background: #0079c3;color: white;padding: 30px;border-radius: 7px;}
#culture .card-box .card .shadow{box-shadow: 0 20px 30px 0 rgba(0,121, 195, 0.4);border-radius: 7px;width: 90%;height: 100%;position: absolute;top: 0;left: 5%;z-index: -1;}
#culture .card-box .card .text-box{width: calc(100% - 72px);}
#culture .card-box .card .text-box .card-title{font-size: 24px;margin-bottom: 10px;}
#culture .card-box .card .text-box .card-text{font-size: 14px;line-height: 22px;min-height: 66px;}
#culture .card-box .card img{position: absolute;right: 20px;bottom: 30px;}
@media screen and (max-width: 750px) {
    #culture .culture-title{font-size: 32px;}
    #culture .card-box .card{width: 100%;margin-top: 20px;}
    #culture .card-box .card .text-box .card-title{font-size: 30px;}
    #culture .card-box .card .text-box .card-text{font-size: 24px;line-height: 35px;min-height: 70px;}
}

#style{padding: 110px 0 200px;overflow: hidden;}
#style .style-title{font-size: 24px;font-weight: bold;margin-bottom: 50px;text-align: center;line-height: 1.5;}
#style .container{width: 800px;margin: 0 auto;overflow: unset;}
#style .container .pic-frame{width: 800px;position: relative;}
#style .container .pic-frame:before{content: '';padding-top: 65%;display: block;}
#style .container .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 15px;overflow: hidden;}
#style .container .name{width: 100%;padding: 30px;font-size: 16px;font-weight: bold;color: white;line-height: 1.5;text-align: center;position: absolute;left: 0;bottom: 0;}
#style .container.swiper-container-horizontal>.swiper-pagination-bullets,
#style .container .swiper-pagination-custom,
#style .container .swiper-pagination-fraction{bottom: -50px;}
#style .container .swiper-pagination-bullet{width: 10px;height: 10px;border: 2px solid #cfcfcf; background-color: unset;opacity: 1;}
#style .container .swiper-pagination-bullet-active{border-color: #0079c3;background-color: #0079c3;}
@media screen and (max-width: 750px) {
    #style .style-title{font-size: 32px;}
    #style .container .name{font-size: 26px;}
    #style .container{width: 100%;}
    #style .container .pic-frame{width: 100%;}
}

#join{padding: 110px 0;}
#join .join-title{font-size: 24px;font-weight: bold;margin-bottom: 50px;text-align: center;line-height: 1.5;}
#join .search-box{width: 100%;display: flex;justify-content: center;margin-bottom: 40px;}
#join .search-box .input-box{width: 240px;height: 60px;margin: 0 15px;border: 1px solid #999999;border-radius: 3px;padding: 0 20px;display: inline-block;font-size: 0;}
#join .search-box .input-box:last-child{width: 400px;padding: 0 0 0 20px;}
#join .search-box .input-box>select{width: 100%;height: 100%;line-height: 58px;font-size: 16px;}
#join .search-box .input-box>input[type="text"]{width: calc(100% - 60px);height: 100%;line-height: 58px;font-size: 16px;}
#join .search-box .input-box>input[type="submit"]{width: 60px;height: 100%;background: url("/static/images/img/icon-search.png") no-repeat center center;}
#join .search-box .input-box>input[type="submit"]:hover{background: url("/static/images/img/icon-search-hover.png") no-repeat center center;}
#join .join-list .join-box{width: 100%;border: 1px solid #d9d9d9;border-radius: 8px;overflow: hidden;margin-bottom: 20px;}
#join .join-list .join-box .flex-grow1{flex-grow: 1;flex-basis: 0;}
#join .join-list .join-box .flex-grow2{flex-grow: 2;flex-basis: 0;}
#join .join-list .join-box .title-bar{display: flex;height: 80px;padding-left: 40px;line-height: 80px;}
#join .join-list .join-box .title-bar .job{font-size: 16px;font-weight: bold;}
#join .join-list .join-box .title-bar .text{font-size: 14px;color: #666666;}
#join .join-list .join-box .title-bar .date{background: url("/static/images/img/icon-date.png") no-repeat left center;padding-left: 20px;/* font-family: GR */;}
#join .join-list .join-box .title-bar .btn{width: 80px;height: 80px;position: relative;}
#join .join-list .join-box .title-bar .btn:before{content: '';display: block;width: 35px;height: 1px;background: #999999;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#join .join-list .join-box .title-bar .btn:after{content: '';display: block;width: 1px;height: 35px;background: #999999;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#join .join-list .join-box .fold-box{width: 100%;height: 0;overflow: hidden;}
#join .join-list .join-box .join-content{padding: 40px;display: flex;flex-wrap: wrap;}
#join .join-list .join-box .join-content .text-title{font-size: 16px;margin-bottom: 10px;padding-right: 20px;}
#join .join-list .join-box .join-content .text{font-size: 14px;line-height: 1.8;color: #666666;margin-bottom: 10px;padding-right: 20px;}
#join .join-list .join-box .join-content .other-text{font-size: 14px;line-height: 1.8;padding-right: 20px;}
#join .join-list .join-box .join-content .btn{display: flex;flex-flow: column;justify-content: end;align-items: flex-end;}
#join .join-list .join-box .join-content .btn .join-btn{width: 180px;height: 60px;border-radius: 30px;background: #0079c3;line-height: 60px;text-align: center;font-size: 16px;color: white;}
#join .join-list .join-box.cur{border: 1px solid #0079c3;}
#join .join-list .join-box.cur .title-bar{background: #0079c3;}
#join .join-list .join-box.cur .title-bar .job,
#join .join-list .join-box.cur .title-bar .text{color: white;}
#join .join-list .join-box.cur .title-bar .btn{transform: rotate(405deg);}
#join .join-list .join-box.cur .title-bar .btn:before,
#join .join-list .join-box.cur .title-bar .btn:after{background: white;}
@media screen and (max-width: 1024px) {
    #join form{width: 100%;}
    #join .search-box .input-box{width: calc(50% - 32px);height: 66px;margin: 20px 0 20px 20px;}
    #join .search-box .input-box:first-child{margin:20px;}
    #join .search-box .input-box:nth-child(2){margin-left:0;}
    #join .search-box .input-box:last-child{margin-top:0;width: calc(100% - 40px);}
}
@media screen and (max-width: 750px) {
    #join .join-title{font-size: 34px}
    #join .search-box .input-box>select{font-size: 26px;}
    #join .search-box .input-box>input[type="text"]{font-size: 26px;}
    #join .join-list .join-box .title-bar .job{font-size: 26px;flex-grow: 2;}
    #join .join-list .join-box .title-bar .text{font-size: 24px;}
    #join .join-list .join-box .title-bar>div:nth-child(2),
    #join .join-list .join-box .title-bar>div:nth-child(4){display: none;}
    #join .join-list .join-box .join-content .flex-grow1{flex-grow: unset;flex-basis: unset;width: 100%;}
    #join .join-list .join-box .join-content .text-title{font-size: 26px;}
    #join .join-list .join-box .join-content .text{font-size: 24px;}
    #join .join-list .join-box .join-content .other-text{font-size: 24px;margin-bottom: 20px;}
    #join .join-list .join-box .join-content .btn .join-btn{width: auto;font-size: 26px;padding: 0 25px;}
}

#join-popup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;pointer-events:none; opacity:0;z-index: 5;}
#join-popup.show{pointer-events:auto; opacity:1;}
#join-popup .flex-grow1{flex-grow: 1;flex-basis: 0;}
#join-popup .background{width: 100%;height: 100%;background-color: rgba(0,0,0,.2);position: absolute;top: 0;left: 0;}
#join-popup .join-form{width: 760px;height: 730px;padding-top: 60px;position: absolute;top: calc(50% + 50px);left: 50%;transform: translate(-50%,-50%);background: white;border-radius: 20px;box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.18);overflow: hidden;}
#join-popup .join-form .close-btn{width: 30px;height: 30px;position: absolute;top: 30px;right: 30px;transform: rotate(45deg);}
#join-popup .join-form .close-btn:before{content: '';display: block;width: 30px;height: 1px;background: #0079c3;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#join-popup .join-form .close-btn:after{content: '';display: block;width: 1px;height: 30px;background: #0079c3;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#join-popup .join-form .form-title{font-size: 16px;text-align: center;margin-bottom: 10px;}
#join-popup .join-form .job{font-size: 24px;color: #0079c3;text-align: center;margin-bottom: 30px;}
#join-popup .join-form .input-box{width: 68.5%;height: 50px;line-height: 50px;margin: 0 auto 20px;border-bottom: 1px solid #dddddd;display: flex;justify-content: space-between;}
#join-popup .join-form .input-box input[type="text"]{font-size: 16px;}
#join-popup .join-form .input-box .tip{width: 70px;font-size: 16px;color: #cccccc;text-align: right;}
#join-popup .join-form .input-box .file{width: 110px;height: 40px;background: #eaeaea;border-radius: 3px;font-size: 16px;line-height: 40px;text-align: center;}
#join-popup .join-form .btn-box{width: 100%;display: flex;justify-content: center;margin: 40px 0 25px;}
#join-popup .join-form .btn-box input[type="submit"]{width: 140px;height: 50px;border-radius: 25px;background: #0079c3;font-size: 16px;color: white;}
#join-popup .tip-text{width: 100%;line-height: 1.8;font-size: 14px;color: #666666;text-align: center;position: relative;z-index: 1;}
#join-popup .form-bottom{width: 100%;height: 120px;background: #0079c3;position: absolute;bottom: 0;left: 0;z-index: 0;}
#join-popup .form-bottom:before{content: '';width: 120%;height: 90px;border-radius: 50%;background: white;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);}
#join-popup .form-bottom .text{width: 100%;height: 120px;line-height:80px;padding-top: 40px;font-size: 16px;color: white;text-align: center;}
@media screen and (max-width: 750px) {
    #join-popup .join-form{width: 710px;height: 860px;}
    #join-popup .join-form .form-title{font-size: 26px;}
    #join-popup .join-form .job{font-size: 32px;}
    #join-popup .join-form .input-box{width: 80%;height: 60px;line-height: 60px;}
    #join-popup .join-form .input-box input[type="text"]{font-size: 26px;}
    #join-popup .join-form .input-box .tip{font-size: 26px;}
    #join-popup .join-form .input-box .file{font-size: 26px;height: 60px;line-height: 60px;}
    #join-popup .join-form .btn-box input[type="submit"]{width: 200px;height: 60px;border-radius: 30px;font-size: 26px;}
    #join-popup .tip-text{font-size: 24px;}
    #join-popup .form-bottom .text{font-size: 26px;}
}

.contact-title{width: 100%;text-align: center;padding-top: 100px;}
.contact-title .title{font-size: 28px;height: 60px;line-height: 60px;position: relative;margin-bottom: 30px;}
.contact-title .title:after{content: '';position: absolute;bottom: 0;left: calc(50% - 15px);display: block;width: 30px;height: 4px;border-radius: 2px;background: #0079c3;}
.contact-title .text{font-size: 20px;color: #666666;line-height: 36px;margin-bottom: 50px;}
#contact{padding: 0 0 140px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#contact .item{width: 48.5%;margin-bottom: 3%;border-radius: 15px;background-color: #fafafa;overflow: hidden;}
#contact .item .content-box{width: 100%;padding: 40px;}
#contact .item .content-box .item-title{height: 60px;line-height: 40px;display: flex;justify-content: space-between;}
#contact .item .content-box .item-title .name{font-size: 18px;font-weight: bold;}
#contact .item .content-box .item-title .map-btn{font-size: 16px;}
#contact .item .content-box .item-title .map-btn:before{content: url("/static/images/img/icon-map.png");vertical-align: sub;padding-right: 10px;}
#contact .item .content-box .item-title .map-btn:hover{color: #0079c3;}
#contact .item .content-box .item-title .map-btn:hover:before{content: url("/static/images/img/icon-map-hover.png");}
#contact .item .content-box .row{font-size: 16px;line-height: 1.8;margin-bottom: 10px;display: flex;}
#contact .item .content-box .row .row-title{width: 60px;color: #888888;}
#contact .item:first-child{width: 100%;font-size: 0;display: flex;flex-wrap: nowrap;}
#contact .item:first-child .pic-frame{width: 50%;height: 100%;overflow: hidden;}
#contact .item:first-child .pic{width: 100%;height: 100%;background: no-repeat center;background-size: auto 100%;}
#contact .item:first-child .content-box{width: 50%;padding: 40px calc(1.42857% + 40px) 50px;}
#contact .item:first-child .content-box .item-title{border-bottom: 1px solid #e5e5e5;margin-bottom: 40px;}
#contact .item:first-child .content-box .title{padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #e5e5e5;}
#contact .item:first-child .content-box .row .row-title{width: 90px;}
#contact .item:first-child .content-box .row .Address{width: 80%;}
@media screen and (max-width: 750px) {
    .contact-title .title{font-size: 34px;}
    .contact-title .text{font-size: 28px;}
    #contact .item{width: 100%;margin-bottom: 3%;}
    #contact .item .content-box .item-title .name{font-size: 30px;}
    #contact .item .content-box .item-title .map-btn{font-size: 26px;}
    #contact .item .content-box .item-title .map-btn:before{vertical-align: baseline;}
    #contact .item .content-box .row{font-size: 26px;}
    #contact .item .content-box .row .row-title{width: 150px;}
    #contact .item .content-box .row .row-title+div{width: calc(100% - 80px);}
    #contact .item:first-child{flex-wrap: wrap;}
    #contact .item:first-child .pic-frame{width: 100%;height: 380px;}
    #contact .item:first-child .content-box{width: 100%;padding: 40px;}
    #contact .item:first-child .content-box .row .row-title{width: 150px;}
    #contact .item:first-child .content-box .row .row-title+div{width: calc(100% - 120px);}
}

#map-popup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;pointer-events:none; opacity:0;z-index: 5;}
#map-popup.show{pointer-events:auto; opacity:1;}
#map-popup .background{width: 100%;height: 100%;background-color: rgba(0,0,0,.2);position: absolute;top: 0;left: 0;}
#map-popup .map{width: 70%;height: 70%;position: absolute;top: 15%;left: 15%;}

@media screen and (orientation: landscape){
    .is_phone .product-detail{overflow: hidden;}
    .is_phone #product-detail .product-table-table iframe{ width: 2200px;}
}