*{font-size: 16px;}

@font-face
{
    font-family: MR;
    src: url('/static/font/MISANS-REGULAR.TTF');
}
@font-face
{
    font-family: MS;
    src: url('/static/font/MISANS-SEMIBOLD.TTF');
}
@font-face
{
    font-family: GR;
    src: url('/static/font/GILROY-REGULAR-3.OTF');
}

/*重写*/
.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;}
.paging[type='default'] .a.cur,
.paging[type='default'] .a:hover{background-color: #f9c724!important;color: white!important;}
.paging[type='default'] .a:first-child,
.paging[type='default'] .a:last-child{width: unset!important;padding: 0 25px!important;}
.paging[type='default'] .a:first-child:before{content: url("/static/images/ico/icon_fenye.png")!important;display: inline-block!important;transform: rotate(180deg)!important;margin-right: 10px!important;vertical-align: middle!important;}
.paging[type='default'] .a:last-child:after{content: url("/static/images/ico/icon_fenye.png")!important;display: inline-block!important;transform: rotate(0deg)!important;margin-left: 10px!important;vertical-align: middle!important;}
.paging[type='default'] .a:first-child:hover:before{content: url("/static/images/ico/icon_fenye_bai.png")!important;transform: rotate(0deg)!important;}
.paging[type='default'] .a:last-child:hover:after{content: url("/static/images/ico/icon_fenye_bai.png")!important;transform: rotate(180deg)!important;}


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


#header{position: relative;top: 0;left: 0;z-index: 9;width: 100%;background-color: white;}
#header .header-top{width: 100%;height: 190px;padding: 40px 0 30px;border-bottom: 1px solid rgba(0,0,0,.1);}
#header.set{position: fixed;left: 0;z-index: 9;width: 100%;top: -190px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}
#header .header-top .logo{width: 554px;height: 120px;display: block;}
#header .header-top .text{margin: 13px 0 13px 40px;padding-left: 40px;border-left: 1px solid rgba(0,0,0,.1);}
#header .header-top .text p{font-size: 24px;line-height: 31px;font-weight: bold;}
#header .header-top .but-box{height: 100%;line-height: 100%;margin-top: 35px;}
#header .header-top .but-box .language{padding: 0 20px 0 10px;height: 45px;line-height: 45px;border-radius: 25px;border: 1px solid rgba(0,0,0,.1);font-size: 16px;cursor: pointer;position: relative;z-index: 100;}
#header .header-top .but-box .language:before{content: url("/static/images/ico/icon_yuyan.png");display: inline-block;width: 24px;height: 24px;vertical-align: sub;padding-right: 10px;}
#header .header-top .but-box .language:after{content: url("/static/images/ico/icon_xialajiantou.png");display: inline-block;width: 13px;height: 8px;padding-left: 10px;}
#header .header-top .but-box .language .language-box{display: none;position: absolute;top: 45px;left: 0;min-width: 100%;text-align: center;border: 1px solid rgba(0,0,0,.1);border-radius: 5px;background-color: white;}
#header .header-top .but-box .language .language-box.show{display: block;}
#header .header-top .but-box .language .language-box a{display: block;padding: 10px;line-height: 1;border-radius: 5px;}
#header .header-top .but-box .language .language-box a:hover{background-color: #f9c724;color: white;}
#header .header-top .but-box .search{width: 45px;height: 45px;margin-left: 10px;border-radius: 50%;border: 1px solid rgba(0,0,0,.1);background: url("/static/images/ico/icon_sousuo.png") no-repeat center;cursor: pointer;}
#header .header-nav{width: 100%;text-align: center;padding: 30px 0;}
#header .header-nav .nav{display: inline-block;padding: 0 25px;height: 50px;line-height: 50px;border-radius: 25px;font-size: 24px;}
#header .header-nav .nav.on,
#header .header-nav .nav:hover{background-color: #f9c724;font-weight: bold;color: white;}

#header2{position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;background-color: unset;-webkit-transition:.5s;transition:.5s;}
#header2 .header-top{width: 100%;height: 190px;padding: 40px 0 30px;border-bottom: 1px solid rgba(255,255,255,.1);}
#header2.set{position: fixed;left: 0;z-index: 9;width: 100%;top: -190px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}
#header2 .header-top .logo{width: 554px;height: 120px;display: block;}
#header2 .header-top .text{margin: 13px 0 13px 40px;padding-left: 40px;border-left: 1px solid rgba(255,255,255,.1);color: white;}
#header2 .header-top .text p{font-size: 28px;line-height: 31px;font-weight: bold;}
#header2 .header-top .but-box{height: 100%;line-height: 100%;margin-top: 35px;}
#header2 .header-top .but-box .language{padding: 0 20px 0 10px;height: 45px;line-height: 45px;border-radius: 25px;font-size: 16px;cursor: pointer;border: 1px solid rgba(255,255,255,.15);background-color: rgba(255,255,255,.15);color: white;position: relative;z-index: 100;}
#header2 .header-top .but-box .language:before{content: url("/static/images/ico/icon_yuyan_bai.png");display: inline-block;width: 24px;height: 24px;vertical-align: sub;padding-right: 10px;}
#header2 .header-top .but-box .language:after{content: url("/static/images/ico/icon_xialajiantou_bai.png");display: inline-block;width: 13px;height: 8px;padding-left: 10px;}
#header2 .header-top .but-box .language .language-box{display: none;position: absolute;top: 45px;left: 0;min-width: 100%;text-align: center;border-radius: 5px;border: 1px solid rgba(255,255,255,.15);background-color: rgba(255,255,255,.15);}
#header2 .header-top .but-box .language .language-box.show{display: block;}
#header2 .header-top .but-box .language .language-box a{display: block;padding: 10px;line-height: 1;border-radius: 5px;}
#header2 .header-top .but-box .language .language-box a:hover{background-color: rgba(255,255,255,.8);color: black;}
#header2 .header-top .but-box .search{width: 45px;height: 45px;margin-left: 10px;border-radius: 50%;border: 1px solid rgba(255,255,255,.15);cursor: pointer;background: rgba(255, 255, 255, .15) url("/static/images/ico/icon_sousuo_bai.png") no-repeat center;}
#header2 .header-nav{width: 100%;text-align: center;padding: 30px 0;}
#header2 .header-nav .nav{display: inline-block;padding: 0 25px;height: 50px;line-height: 50px;border-radius: 25px;font-size: 24px;color: white;}
#header2 .header-nav .nav.on,
#header2 .header-nav .nav:hover{font-weight: bold;color: white;background-color: #f9c724;}

#header2.style2{background-color: white;}
#header2.style2 .header-top{border-bottom: 1px solid rgba(0,0,0,.1);}
#header2.style2 .header-top .text{color: #333;border-left: 1px solid rgba(0,0,0,.1);}
#header2.style2 .header-top .but-box .language{border: 1px solid rgba(0,0,0,.1);background-color:unset;color: #333;}
#header2.style2 .header-top .but-box .language:before{content: url("/static/images/ico/icon_yuyan.png");}
#header2.style2 .header-top .but-box .language:after{content: url("/static/images/ico/icon_xialajiantou.png");}
#header2.style2 .header-top .but-box .language .language-box{border: 1px solid rgba(0,0,0,.1);background-color: unset;}
#header2.style2 .header-top .but-box .language .language-box a:hover{background-color: #f9c724;color: white;}
#header2.style2 .header-top .but-box .search{border: 1px solid rgba(0,0,0,.1);background: rgba(255, 255, 255, .15) url("/static/images/ico/icon_sousuo.png") no-repeat center;}
#header2.style2 .header-nav .nav{color: #333;}
#header2.style2 .header-nav .nav.on,
#header2.style2 .header-nav .nav:hover{background-color: #f9c724;color: white;}

.mb-nav{width: 100%;background-color: rgba(255,255,255,0);position: relative;z-index: 8;max-height: 0;overflow: hidden;}
.mb-nav #mCSB_1_scrollbar_vertical{opacity: 0;}

#banner{margin-top: 0;}
#banner.set{margin-top: 300px;}
#banner .pic{background-color: #090921;}
#banner .pic img{opacity: 1;}
#banner .text-box{position: absolute;top: calc(50% - 56px);left: 8.4%;padding-left: 35px;border-left: 3px solid #f9c724;}
#banner .text-box .text1{font-size: 48px;color: white;line-height: 1;margin-bottom: 20px;}
#banner .text-box .text2{font-size: 48px;color: #999;line-height: 1;}

#footer{padding: 90px 0 30px;background-color: #111111;color: white;font-family: GR;}
#footer .footer-top{margin-bottom: 100px;}
#footer .footer-title{font-size: 16px;font-weight: bold;line-height: 1.5;margin-bottom: 25px;}
#footer .nav{width: 50%;line-height: 1.5;margin-bottom: 15px;}
#footer .text{font-size: 16px;line-height: 1.5;margin-bottom: 5px;}
#footer .nav:before{content: url("/static/images/ico/icon_footer_nav.png");display: inline-block;margin-right: 10px;}
#footer .nav:hover{color: #f9c724;}
#footer .text-box1{width: 23.5%;margin-right: 4%;}
#footer .text-box2{width: 27.125%;margin-right: 5%;}
#footer .code{width: 12.875%;text-align: center;}
#footer .code img{max-width: 100%;margin-bottom: 15px;}
#footer .line{display: inline-block;width: 1px;height: 14px;margin: 0 5px;background-color: rgba(255,255,255,.5);vertical-align: middle;}

#index{}
#index .title{font-size: 36px;line-height: 1;text-transform: uppercase;}
#index .title-en{font-size: 12px;line-height: 1;text-transform: uppercase;margin-bottom: 5px;}
#index .but{width: 190px;height: 50px;line-height: 50px;text-transform: uppercase;display: inline-block;border-radius: 25px;border: 1px solid #b6bfc9;font-family: GR;font-size: 18px;text-align: center;}
#index .but:hover{border-color: #f9c724;background: #f9c724;color: white;}
#index-video{z-index: 1 !important;width: 100%;height: 100vh;}
#index-video video{z-index: 1 !important;object-fit:cover;}
#index-video .text-box{top: 52.63vh;left: 0;width: 100%;text-align: center;}
#index-video .text-box .text1{font-size: 30px;line-height: 60px;color: white;font-family: MR;}
#index-video .text-box .text2{font-size: 48px;line-height: 60px;color: white;font-family: MS;}
#index-product{width: 100%;padding: 90px 0;background: url("/static/images/background/index_product_background.jpg") 100% 100%;}
#index-product .top{margin-bottom: 60px;}
#index-product .text-box{top: 0;left: 0;width: 100%;height: 100%;padding-top: calc(34% - 60px);background: rgba(0,0,0,.5);text-align: center;opacity: 0;}
#index-product .text-box .text1{color: white;font-size: 24px;line-height: 36px;}
#index-product .text-box .text2{color: white;font-size: 16px;line-height: 24px;opacity: .5;}
#index-product .text-box .text2:before{content: '';width: 70px;height: 1px;background: white;vertical-align: middle;margin-right: 20px;display: inline-block;}
#index-product .text-box .text2:after{content: '';width: 70px;height: 1px;background: white;vertical-align: middle;margin-left: 20px;display: inline-block;}
#index-product .text-box:hover{opacity: 1;}
#index-product .slide{width: 50%;}
#index-product .swiper-scrollbar{display: none;}
#index-product .but-box{margin: 20px 0 0;width: 100%;text-align: center;}
#index-product .but-box .line{display:inline-block;background: white;z-index: 50;height: 4px;width: 500px;margin: calc(25px - 2px) 20px;}
#index-product .but-box .line .swiper-scrollbar-drag{background: #090921;}
#index-product .but-box .but2{display:inline-block;width: 50px;height: 50px;background: url("/static/images/ico/icon_jiantou.png") center no-repeat;}
#index-product .but-box .next{transform:rotate(180deg);}
#index-product .but-box .prev:hover,
#index-product .but-box .next:hover{background-image: url("/static/images/ico/icon_jiantou_on.png");}
#index-links{padding: 100px 0;}
#index-links a{display: inline-block;}
#index-links a .name{position: absolute;left: 35px;bottom: 50px;font-size: 36px;color: white;}
#index-links a .name:before{content: '';position: absolute;left: 0;bottom: -15px;width: 100%;height: 1px;background: rgba(255,255,255,.5);}
#index-links a .name:after{content: '';position: absolute;left: 0;bottom: -15px;width: 0;height: 1px;background: #f9c724;-webkit-transition:.5s;transition:.5s;}
#index-links a:hover .name:after{width: 100%;}
#index-app{padding: 110px 0;overflow: hidden;}
#index-app:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("/static/images/background/index_app_background.jpg") 100% 100%;opacity: .1;z-index: -1;}
#index-app .box{width: 50%;}
#index-app .box:first-child{padding-top: 100px;}
#index-app .box:last-child{background: white;}
#index-app .box:last-child:before{content: '';position: absolute;top: -110px;left: 33.33333%;padding-top: calc(33.33333% + 110px);width: 100%;background-color: #090921;z-index: -1;}
#index-app .box:last-child:after{content: '';position: absolute;bottom: -20px;left: -20px;width: 17.5%;padding-top: 17.5%;background-color: #f9c724;z-index: -1;}
#index-app .box .text{margin-top: 50px;padding-right: 60px;font-size: 16px;line-height: 1.8;}
#index-app .box .pic-box1{width: 33.33333%;border: 1px #dedede;text-align: center;padding-top: 50px;}
#index-app .box .pic-box2{width: 50%;border: 1px #dedede;text-align: center;padding-top: 40px;}
#index-app .box .pic-box1.box1,
#index-app .box .pic-box1.box2{border-style: none solid none none;}
#index-app .box .pic-box2.box4{border-style: solid solid none none;}
#index-app .box .pic-box2.box5{border-style: solid none none none;}
#index-app .box .pic-box1 .name,
#index-app .box .pic-box2 .name{width: 100%;height: 60px;line-height: 30px;font-size: 16px;text-align: center;}
#index-honor{padding: 90px 0;overflow: hidden;}
#index-honor .top{margin-bottom: 50px;}
#index-honor .top .left{width: 37.5%}
#index-honor .top .right{width: 62.5%}
#index-honor .top .right .text{font-size: 16px;line-height: 1.8;color: #666;}
#index-honor .top .right .but-box{margin-top: 25px;}
#index-honor .top .right .page{display: inline-block;margin-left: 10px;width: 50px;height: 50px;border: 1px solid #b6bfc9;border-radius: 50%;background: url("/static/images/ico/icon_xialajiantou.png") no-repeat center;vertical-align: bottom;}
#index-honor .top .right .page:hover{background-image: url("/static/images/ico/icon_xialajiantou_on.png");border: 1px solid #f9c724;background-color: #f9c724;}
#index-honor .top .right .prev{transform:rotate(90deg);}
#index-honor .top .right .next{transform:rotate(270deg);}
#index-honor .container{overflow: unset;}
#index-honor .slide{width: 428px;margin-right: 20px;}
#index-honor .slide .pic-box{width: 100%;background-color: #fafafa;}
#index-honor .slide .pic-box:before{content: '';display: block;padding-top: 78.271%;}
#index-honor .slide .pic-box .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 40px;}
#index-honor .slide .name{height: 60px;line-height: 60px;text-align: center;font-family: GR;font-size: 16px;border-bottom: 1px solid #dedede;}
#index-honor .slide:hover .name{border-bottom-color: #f9c724;}
#index-contact{background-color: #090921;}
#index-contact .background{width: 100%;opacity: .5;}
#index-contact .text-box{position: absolute;top: calc(50% - 112px);left: 0;width: 100%;text-align: center;color: white;}
#index-contact .text-box .contact-title{font-size: 60px;font-weight: bold;}
#index-contact .text-box .text{font-size: 18px;margin: 20px 0 40px 0;}
#index-contact .text-box .text:before{content: '';width: 70px;height: 1px;background: white;vertical-align: middle;margin-right: 20px;display: inline-block;opacity: .1;}
#index-contact .text-box .text:after{content: '';width: 70px;height: 1px;background: white;vertical-align: middle;margin-left: 20px;display: inline-block;opacity: .1;}
#index-contact .text-box .contact-but{display: inline-block;width: 200px;height: 60px;line-height: 60px;border: 1px solid #f9c724;background-color: #f9c724;font-size: 16px;text-align: center;border-radius: 30px;}
#index-contact .text-box .contact-but:hover{border-color: #f9c724;color: #f9c724;background-color: unset;}

.global-style{}
.global-style .big-title{width: 100%;text-align: center;font-size: 48px;text-transform: uppercase;}
.global-style .second-title{width: 100%;margin-bottom: 70px;text-align: center;font-size: 18px;color: #999;font-family: GR;text-transform: uppercase;}
.global-style .line-box{width: 100%;font-size: 0;padding: 15px 0;}
.global-style .line-box .line-1{display: inline-block;width: calc(44.0625% - 47px);height: 1px;background-color: #dedede;margin: 1px 0;}
.global-style .line-box .line-2{display: inline-block;width: 94px;height: 3px;background-color: #f9c724;}
.global-style .line-box>span:nth-child(1),
.global-style .line-box>span:nth-child(2){margin-right: calc(5.9375%);}

#about{padding-top: 110px;}

#disclaimers{padding: 110px 0 100px;}

#product{padding: 110px 0 100px;}
#product .brief{margin-top: -10px;font-size: 16px;line-height: 2.25;padding-bottom: 40px;border-bottom: 1px solid #dedede;}
#product ul .li{margin-top: 50px;}
#product ul .li .pic{width: 50%;}
#product ul .li .pic img{width: 100%;}
#product ul .li .text-box{width: 46.25%;}
#product ul .li .text-box .name{font-size: 30px;padding: 30px 0 20px;}
#product ul .li .text-box .detail-box{margin-bottom: 30px;}
#product ul .li .text-box .detail-box:before{content: '';display: inline-block;padding-top: 50%;}
#product ul .li .text-box .detail-box>div{top: 0;left: 0;width: 100%;height: 100%;}
#product ul .li .text-box .detail-box .detail{padding-right: 10px;}
#product ul .li .text-box .but{display: inline-block;width: 210px;height: 60px;line-height: 60px;border-radius: 30px;border: 1px solid #d6d6d6;font-size: 16px;text-align: center;text-transform: uppercase;}
#product ul .li .text-box .but:hover{border-color: #f9c724;background-color: #f9c724;color: white;}

#products{padding: 100px 0 90px;}
#products .product-list{padding-top: 30px;}
#products .product-list .product-box{width: 33.33333%;cursor: pointer;position: relative;}
#products .product-list .product-box:before{content: '';padding-top: 66.68571%;display: block;}
#products .product-list .product-box .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#products .product-list .product-box .on{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(9, 9, 33, .7);}
#products .product-list .product-box:hover .on{opacity: 1;}
#products .product-list .product-box .on .icon{width: 50px;height: 50px;border: 3px solid white;border-radius: 50%;position: absolute;top: calc(50% - 25px);left: calc(50% - 25px)}
#products .product-list .product-box .on .icon:before{content: '';display: block;width: 24px;height: 2px;background-color: white;position: absolute;top: calc(50% - 1px);left: calc(50% - 12px);}
#products .product-list .product-box .on .icon:after{content: '';display: block;width: 2px;height: 24px;background-color: white;position: absolute;top: calc(50% - 12px);left: calc(50% - 1px);}

#design{padding: 100px 0;}
#design .top{padding-bottom: 170px;}
#design .top .text-box{width: 51.875%;padding: 5%;background-color: #f9c724;position: absolute;top: 0;left: 0;margin-top: 8.125%;z-index: 2;}
#design .top .text-box .title{font-size: 36px;font-weight: bold;margin-bottom: 20px;}
#design .top .text-box .text{font-size: 18px;line-height: 1.6;color: #666;}
#design .top img{width: 53.75%;}
#design .content .detail-box{width: 48.75%;}

#core{padding: 100px 0 0;}
#core .content .item{width: 100%;padding-top: 60px;background-color: #fafbfc;}
#core .content .item .text-box{width: 50%;float: right;padding: 70px 0 0 60px;}
#core .content .item .text-box .name{font-size: 24px;font-weight: bold;line-height: 1;margin-bottom: 20px;}
#core .content .item .pic{width: 50%;float: left;}
#core .content .item .pic img{width: 100%;}
#core .content .item:nth-child(2n) .text-box{width: 50%;float: left;padding: 70px 60px 0 0;}
#core .content .item:nth-child(2n) .pic{width: 50%;float: right;}
#core .content .item:first-child{padding-bottom: 120px;background-color: white;}
#core .content .item:first-child .text-box{width: 100%;float: unset;padding: 4.375%;background-color: #fafbfc;}
#core .content .item:first-child .text-box .name{font-size: 30px;font-weight: bold;line-height: 1.6;margin-bottom: 45px;}
#core .content .item:first-child .pic{width: 100%;float: unset;}
#core .content .item:last-child{padding: 60px 0 120px;}

#honor{padding: 100px 0 80px;}
#honor .content{width: 100%;}
#honor .content .item{width: 31.625%;margin: 0 2.5625% 2.5625% 0;}
#honor .content .item:nth-child(3n){margin-right: 0;}
#honor .content .item .pic-box{width: 100%;position: relative;background-color: #fafbfc;}
#honor .content .item .pic-box:before{content: '';display: block;padding-top: 60.71428%;}
#honor .content .item .pic-box .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 40px;}
#honor .content .item .name{text-align: center;background-color: #fafbfc;height: 70px;}
#honor .content .item .name *{height: 70px;line-height: 70px;font-size: 16px;}
#honor .content .item .name span{position: relative;}
#honor .content .item .name span:after{content: url("/static/images/ico/icon_xiangqingyoujiantou.png");display: inline-block;opacity: 0;-webkit-transition:.3s;transition:.3s;position: absolute;right: -40px;top: 0;line-height: 21px;}
#honor .content .item:hover{cursor: pointer;}
#honor .content .item:hover .name{background-color: #f9c724;}
#honor .content .item:hover .name span:after{opacity: 1;}
#honor .paging[type='default']{margin-top: 40px;}

#news{padding: 100px 0;}
#news .content .box{display: block;padding: 40px 0;border-bottom: 1px solid #dedede;}
#news .content .box .text-box{width: 68.75%;padding: 0 40px 0 0;}
#news .content .box .text-box .name{font-size: 18px;margin-bottom: 15px;font-weight: bold;}
#news .content .box .text-box .time{font-size: 16px;margin-bottom: 15px;font-family: GR;color: #666;}
#news .content .box .text-box .text{width: 86%;font-size: 16px;color: #666;margin-bottom: 10px;line-height: 30px;height: 60px;color: #666;}
#news .content .box .text-box .but{width: 120px;height: 35px;line-height: 35px;font-size: 14px;color: white;text-align: center;font-family: GR;background-color: #f9c724;opacity: 0;}
#news .content .box:hover .text-box{padding: 0 0 0 40px;}
#news .content .box:hover .text-box .but{opacity: 1;}
#news .content .box .pic{width: 31.25%;}
#news .content .box .pic img{width: 100%;}
#news .content .box:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

#news-details{padding: 110px 0 90px;}
#news-details #news-content{width: calc(100% - 430px);padding: 40px 50px 0;border: 1px solid #dedede;}
#news-details #news-content .name{font-size: 24px;line-height: 1.5;}
#news-details #news-content .time{font-size: 16px;padding: 5px 0 30px 0;border-bottom: 1px solid #dedede;}
#news-details #news-content .time span{font-family: GR;}
#news-details #news-content .detail{padding: 45px 0;border-bottom: 1px solid #dedede;}
#news-details #news-content .but-box{padding: 50px 0;}
#news-details #news-content .but-box .left .but{display: block;width: 60%;line-height: 1.8;font-size: 16px;}
#news-details #news-content .but-box .left .but:first-child{margin-bottom: 10px;}
#news-details #news-content .but-box .left .but .text1{font-weight: bold;}
#news-details #news-content .but-box .left .but .text2{color: #999;}
#news-details #news-content .but-box .right{position: absolute;top: calc(50% - 15px); right: 0;}
#news-details #news-content .but-box .right span{font-size: 16px;}
#news-details #news-content .but-box .right a{display: inline-block;height: 100%;width: 45px;text-align: center;}
#news-details #news-content .but-box .right a img{vertical-align: bottom;}
#news-details #right-nav{width: 390px;border: 1px solid #dedede;}
#news-details #right-nav .top{width: 100%;height: 60px;text-transform: uppercase;line-height: 60px;border-bottom: 1px solid #dedede;padding: 0 20px;}
#news-details #right-nav .top .title{font-size: 18px;font-weight: bold;}
#news-details #right-nav .top .but{display: block;font-size: 16px;color: #999;}
#news-details #right-nav .nav{display: block;padding: 35px;border-bottom: 1px solid #dedede;}
#news-details #right-nav .nav:last-child{border-bottom: unset;}
#news-details #right-nav .nav .pic{width: 80px;height: 80px;text-align: center;overflow: hidden;}
#news-details #right-nav .nav .pic img{height: 100%;}
#news-details #right-nav .nav .name{width: 235px;padding: 10px 0 0 20px;font-size: 16px;line-height: 30px;}

#responsibility{padding: 100px 0 40px;}
#responsibility .second-title{margin-bottom: 30px;}
#responsibility .content .li{padding: 60px 0;border-bottom: 1px solid #dedede;}
#responsibility .content .li:last-child{border-bottom: unset;}
#responsibility .content .name{font-size: 30px;margin-bottom: 25px;}

#contact-us{padding: 100px 0;}
#contact-us ul{display: flex;}
#contact-us ul li{width: 48.75%;border: 1px solid #dedede;padding: 50px 60px;margin-right: 2.5%;}
#contact-us ul li:last-child{margin-right: 0;}
#contact-us ul li .name{font-size: 25px;margin-bottom: 20px;}
#contact-us ul li .text{font-size: 16px;line-height: 1.5;margin: 5px 0;}

#online-message{padding: 100px 0;background-color: #f9f9f9;}
#online-message .top{font-size: 0;}
#online-message input[type=text]{width: 32.08333%;height: 60px;line-height: 60px;margin-right: 1.875%;border: 1px solid #dedede;background-color: white;padding: 0 20px;font-size: 16px;margin-bottom: 1.875%;}
#online-message input[type=text]:last-child{margin-right: 0;}
#online-message textarea{width: 100%;height: 260px;border: 1px solid #dedede;background-color: white;padding: 20px;font-size: 16px;line-height: 1.5;resize: none;}
#online-message input[type=submit]{width: 260px;height: 60px;border-radius: 30px;background-color: #f9c724;color: white;font-size: 18px;font-weight: bold;margin:40px auto 0;display: block;}

*[class^="ifont-"],*[class*=" ifont-"]{font-family:"ifont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

#join{padding: 100px 0;}
#join .list{margin:30px 0 45px;}
#join .list .border{cursor:pointer; margin:0 0 10px; border:1px solid #e5e5e5; padding:0 4.3125%;}
#join .list .border *{padding:30px 0;}
#join .list .border .clear,
#join .list .border .editor{padding:0;}
#join .list .name{width:calc(20% - 30px);  margin:0 30px 0 0; color:#333; font-size:14px;}
#join .list .much{width:calc(20% - 30px); margin:0 30px 0 0; color:#333; font-size:14px;}
#join .list .much:nth-child(3){width:calc(30% - 30px);}
#join .list .much:nth-child(3) *{font-size: 14px;}
#join .list .date{padding:30px 0 30px 31px; color:#333; font-size:14px; font-family:"GilroyRegular"; background:url('/static/images/ico/icon_time.png') no-repeat left center;}
#join .list .btn{font-size:24px; color:#c7c7c7;}
#join .list .term{display:none;}
#join .list .term .but{width: 200px;line-height: 50px;background-color: #f9c724;color: white;font-size: 16px;margin-top: 20px;text-align: center;position: absolute;bottom: 60px;right: 60px;cursor: pointer;}
#join .list .term .detail{padding: 60px 300px 60px 60px;background:#f9f9f9; margin:-10px 0 0; /*line-height:180%;*/ font-size:14px; color:#666;}
#join .list .term .detail .tips{line-height:28px; margin:36px 0 16px;}
#join .list .join:hover .border,
#join .list .join.open .border{background:#f9f9f9;}
#join .list .join:hover .name,
#join .list .join.open .name{}
#join .list .join.open .btn{transform:rotate(180deg); color: #f9c724;}
#join .list .join.open .term{display:block;}

.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: #f9c724;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;}