/*字体*/ @font-face { font-family:"Gilroy-Medium"; src: url("/font/Gilroy-Medium.otf") format("truetype"); } @font-face { font-family:"SOURCEHANSANSCN-MEDIUM"; src: url("/font/SOURCEHANSANSCN-MEDIUM.OTF") format("truetype"); } @font-face { font-family:"NexaBold"; src: url("/font/NexaBold.otf") format("truetype"); } img[src$='.svg']{visibility: visible;} /*字体图标*/ *[class^="icon2-"],*[class*=" icon2-"]{font-family:"iconfont" !important; font-size:20px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale;} /*头部样式*/ #header{ width:100%; top:0; left:0; right:0; z-index:6; margin:auto;} #header .logo{ width:170px; margin-top:30px;} #header .right{} #header .right .nav{} #header .right .nav .slide{ position:relative; padding:40px 0; margin-right:56px;} #header .right .nav .slide .txt1{ color:#fff; font-size:18px; font-weight:bold; position:relative;} #header .right .nav .slide .two{ width:160px; position:absolute; top:100%; left:0; z-index:2;} html[lang="en"] #header .right .nav .slide .two{width: auto;} #header .right .nav .slide .two .slide2{ width:100%; background:#fff; font-size:16px; color:#333; padding:16px;white-space:nowrap;} #header .right .nav .slide .two .slide2:hover{ background:#c01920; color:#fff;} #header .right .nav .slide .txt1:hover{ color:#c01920 !important;} #header .right .nav .slide:hover .two{ display:block;} #header .right .nav .slide:last-child{ margin-right:0;} #header .right .option{ margin-left:100px; margin-top:44px;} #header .right .option .slide{ font-size:16px;} #header .right .option .slide a{ color:#999;} #header .right .option .language{ position:relative;} #header .right .option .language{} #header .right .option .language .default{ line-height:1; vertical-align:middle; cursor:pointer; background:url(/images/img68.png) no-repeat right center; font-size:18px; color:#fff; padding-right:20px;} #header .right .option .language .default img{ vertical-align:middle; margin-top:-4px; margin-right:10px;} #header .right .option .language .ites{ width:100px; position:absolute; top:100%; left:50%; z-index:2; padding-top:10px; transform:translate3d(-50%,0,0);} #header .right .option .language .ites li a{ text-align:center; background:#fff; font-size:14px; color:#333; padding:8px 12px;} #header .right .option .language .ites li:hover a{ background:#c8161d; color:#fff;} #header .right .option .search{ position:relative; margin-right:30px; margin-top:2px;} #header .right .option .search .icon{ width:17px; cursor:pointer;} #header .right .option .search .form{ position:absolute; top:100%; right:0; z-index:2; padding-top:10px;} #header .right .option .search .form form{ width:220px; height:30px; background:#fff; border:1px solid #333; padding:0 10px;} #header .right .option .search .form form .input{ width:180px; height:100%; font-size:14px;} #header .right .option .search .form form .submit{ width:18px; height:100%; cursor:pointer; background:url(/images/img2_1.png) no-repeat center; background-size:100% !important;} #header .right .target{ width:46px; margin-top:-2px; margin-left:20px;} #header .right .target img{ width:100%;} #header.cur{ background:#fff;} #header.cur .logo img{ display:none;} #header.cur .logo img.hide{ display:block;} #header.cur .right .nav .slide .txt1{ color:#333;} #header.cur .right .option .search .icon img{ display:none;} #header.cur .right .option .search .icon img.hide{ display:block;} #header.cur .right .option .language .default{ background:url(/images/img68_1.png) no-repeat right center; color:#333; margin-top:3px;} #header.cur .right .option .language .default img{ display:none;} #header.cur .right .option .language .default img.hide{ display:inline-block;} #header.cur .right .target img{ display:none;} #header.cur .right .target img.hide{ display:block;} #header.on{ background:#fff;} #header.on .logo img{ display:none;} #header.on .logo img.hide{ display:block;} #header.on .right .nav .slide .txt1{ color:#333;} #header.on .right .option .search .icon img{ display:none;} #header.on .right .option .search .icon img.hide{ display:block;} #header.on .right .option .language .default{ background:url(/images/img68_1.png) no-repeat right center; color:#333; margin-top:3px;} #header.on .right .option .language .default img{ display:none;} #header.on .right .option .language .default img.hide{ display:inline-block;} #header.on .right .target img{ display:none;} #header.on .right .target img.hide{ display:block;} #header.none{ transform:translate3d(0px,-100%,0);} #header-block{ width:100%; height:104px;} /*手机版导航*/ #phone-nav{ width:100%; text-align:center; background:rgba(255,255,255,.9); top:94px; left:0; right:0; z-index:5; margin:auto;} #phone-nav .slide{ width:100%; color:#333; font-size:26px; border-top:1px solid #333; padding:24px 0;} #phone-nav .slide.cur{ color:#c01920;} #phone-nav .slide.one{background: url(/images/dowm-icon.png) no-repeat 60% 33px;} #phone-nav .slide.one.on{background: url(/images/top-icon.png) no-repeat 60% 33px;} #phone-nav .slide.one .two a{font-size: 24px;padding: 20px 0;color: #333;} #phone-nav .slide.one .two a:last-child{padding-bottom: 0;} /*广告样式*/ #banner{ width:100%; position:relative;} #banner .slide{ width:100%; overflow:hidden; position:relative;} #banner .slide .img{ width:100%; background-size:cover !important;} #banner .slide .img .ttt{font-size: 40px;font-weight: bold;color: #fff;bottom: 21.2916%;left: 71.5625%;} #banner .slide .contents{ position:absolute; top:50%; left:0; right:0; z-index:2; margin:auto; transform:translate3d(0,-50%,0);} #banner .slide .contents .txt1{ line-height:1; color:#fff; font-size:52px; font-weight:bold;} #banner .slide .contents .txt2{ line-height:1.4; color:#fff; font-size:24px; margin-top:20px;} #banner .slide .contents .txt3{ color:#fff; font-size:14px; margin-top:70px;} #banner .slide .contents .txt4{ line-height:1; font-size:36px; color:#fff; font-family:'SOURCEHANSANSCN-MEDIUM';} #banner .slide .contents .txt5{ line-height:1; font-size:14px; color:#fff; font-family:'SOURCEHANSANSCN-MEDIUM'; margin-top:18px;} #banner .slide .contents .txt6{ line-height:1; font-size:50px; color:#fff; font-family:'SOURCEHANSANSCN-MEDIUM'; font-weight:bold;} #banner .slide .contents .txt7{ line-height:1; font-size:40px; color:#fff; font-family:'SOURCEHANSANSCN-MEDIUM'; margin-top:20px;} #banner .slide .contents.white .txt4{ color:#fff;} #banner .slide .contents.white .txt5{ color:#fff;} #banner .swiper-pagination{ width:100%; font-size:0; bottom:40px;} #banner .swiper-pagination span{ width:10px; height:10px; opacity:0.6; background:#e6e6e6; border:6px solid #e6e6e6; border-radius:50%; margin:0 6px;} #banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1; background:none; border-color:#c01920;} #banner .prev{width: 22px;height: 37px;background: url(/images/banner-l.png) no-repeat center;top: 50%;left: 1%;transform: translateY(-50%);z-index: 2;opacity: .5;} #banner .next{width: 22px;height: 37px;background: url(/images/banner-r.png) no-repeat center;top: 50%;right: 1%;transform: translateY(-50%);z-index: 2;opacity: .5;} #banner .prev:hover,#banner .next:hover{opacity: 1;} #banner .slide:nth-child(2) .contents{left: 57%;top: 52%;} #banner .slide:nth-child(2) .contents .txt1{ color: rgba(1,255,255);font-size: 48px;} #banner .slide:nth-child(2) .contents .txt2{ font-size: 22px;} /*底部样式*/ #footer{ width:100%; background:#272b33; padding:40px 0;} #footer .one{} #footer .one .nav{} #footer .one .nav .item{ margin-right:90px;} #footer .one .nav .item .title{ font-size:16px; color:#fff; font-weight:bold;} #footer .one .nav .item .ites{ margin-top:26px;} #footer .one .nav .item .ites .slide{ margin-top:12px;} #footer .one .nav .item .ites .slide a{ opacity:.3; font-size:14px; color:#fff;} #footer .one .nav .item .ites .slide a:hover{ opacity:1;} #footer .one .nav .item .ites .slide:first-child{ margin-top:0;} #footer .one .nav .item:last-child{ margin-right:0;} #footer .one .share{} #footer .one .share .logo{ width:230px;} #footer .one .share .item{ margin-top:24px;} /*#footer .one .share .item .slide{ width:34px; margin:0 12px;}*/ #footer .one .share .item .slide{ width:34px; height: 34px; line-height: 34px;text-align: center; margin:0 12px; border-radius: 100%; background: rgba(255,255,255,.1); color: rgba(255,255,255,.8);} #footer .one .share .item .slide.in{font-size: 16px;} #footer .one .share .item .slide:first-child{ margin-left: 0;} #footer .two{ line-height:1; margin-top:60px;} #footer .two .txt{ opacity:.3; color:#fff;} #footer .two .txt:hover{ opacity:1;} #footer .two .slide{ border-right:1px solid rgba(255,255,255,.3); padding:0 14px;} #footer .two .slide:first-child{ padding-left:0;} #footer .two .slide:last-child{ border-right:none; padding-right:0;} #qrcode-box{width: 100%;height: 100%;background: rgba(0,0,0,.3);left: 0;top: 0;z-index: 999;} #qrcode-box .qrcode{min-width: 250px;min-height: 250px;background: #fff;padding: 30px 20px 20px;margin: auto;left: 50%;top: 50%;transform: translate(-50%,-50%);} #qrcode-box .qrcode .t{font-size: 16px;color: #333;} #qrcode-box .qrcode .pic{width: 180px;height: 180px;margin: 0 auto;margin-top: 10px;} #qrcode-box .close{width: 16px;height: 16px;background: url(/images/close.png) no-repeat center;top: 10px;right: 10px;} /*首页-公司介绍*/ #indexIntroduce{ background:#fff url(/images/img3.jpg) no-repeat center bottom; padding:70px 0;} #indexIntroduce .brief{ width:100%; max-width:920px; line-height:1.8; color:#333; font-size:14px; margin:20px auto 0;} #indexIntroduce .item{ width:100%; margin-top:70px;} /*#indexIntroduce .item .slide{ min-width:12%; margin:0 6%;}*/ #indexIntroduce .item .slide{ min-width: 20%; margin:0 2.5%;} html[lang="en"] #indexIntroduce .item .slide{ min-width: 25%; margin:0;} #indexIntroduce .item .slide .txt1{ line-height:1; vertical-align:middle; color:#c01920;} #indexIntroduce .item .slide .txt1 span{ line-height:1; vertical-align:middle; display:inline-block; font-weight:bold; font-size:72px; font-family:'Gilroy-Medium';} #indexIntroduce .item .slide .txt1 a{ line-height:1; vertical-align:middle; display:inline-block; font-weight:bold; font-size:52px; margin:0 7px;} #indexIntroduce .item .slide .txt1 b{ vertical-align:middle; display:inline-block; font-weight:bold; font-size:20px; margin-top:36px;} #indexIntroduce .item .slide .txt2{ width:100%; font-size:16px; margin-top:20px;} /*首页-产品分类*/ #indexProCate{ width:100%;} #indexProCate .item{ width:100%; background-size:cover !important; position:relative;} #indexProCate .item .ites{ display:flex; align-items:center;} #indexProCate .item .ites .img{ width:50.9%;} #indexProCate .item .ites .img img{ max-width:100%;} #indexProCate .item .ites .contents{ width:41.6%; margin-left:7.5%;} #indexProCate .item .ites .contents .title{ width:100%; font-size:36px; color:#c01920;} #indexProCate .item .ites .contents .brief{ width:100%; line-height:1.8; opacity:.8; font-size:16px; color:#fff; margin:20px 0 50px;} #indexProCate .item .ites .contents .more{ line-height:1; font-size:16px; color:#fff;} #indexProCate .item .ites .contents .more::before{bottom: -8px;} #indexProCate .item.cur .ites .img{ order:2;} #indexProCate .item.cur .ites .contents{ order:1; margin-left:0; margin-right:7.5%;} #indexProCate .item.cur .ites .contents .brief{ color:#333;} #indexProCate .item.cur .ites .contents .more{ color:#333;} /*首页-新闻列表*/ #indexNews{ width:100%; background:#fff; padding:70px 0;} #indexNews .item{ width:100%; margin-top:70px;} #indexNews .item .slide{ width:27.2%; margin:0 3%;} #indexNews .item .slide .time{ width:100%;} #indexNews .item .slide .time .txt1{ color:#333; font-size:18px; font-family:'Gilroy-Medium'; margin-top:5px;} #indexNews .item .slide .time .icon{ width:110px;} #indexNews .item .slide .title{ width:100%; height:calc(18px*1.4*2); line-height:1.4; overflow:hidden; font-size:18px; font-weight:bold; color:#333; margin:30px 0 16px;} #indexNews .item .slide .brief{ width:100%; height:calc(14px*1.6*5); line-height:1.6; overflow:hidden; font-size:14px; color:#333; color:#333; font-family:'Gilroy-Medium';} #indexNews .item .slide .more{ line-height:1; font-size:16px; color:#c01920; font-family:'Gilroy-Medium'; margin-top:50px;} #indexNews .item .swiper-pagination{ width:100%; font-size:0; position:relative; left:auto; bottom:auto; margin-top:90px;} #indexNews .item .swiper-pagination span{ width:10px; height:10px; opacity:1; background:#e6e6e6; border-radius:50%; margin:0 6px;} #indexNews .item .swiper-pagination span.swiper-pagination-bullet-active{ background:#c01920;} #indexNews .moreNews{ line-height:1; color:#c01920; border:1px solid #df8c8f; padding:10px 40px; margin-top:40px;} #indexNews .moreNews:hover{ background:#c01920; color:#fff; border-color:#c01920;} /*内页导航*/ #current{ width:100%; background:#272b33; padding:32px 0 20px;} #current .wrapper{ display:block;} #current .slide{ width:auto; line-height:1; font-size:16px; color:#fff; font-weight:bold; position:relative; padding-bottom:12px; margin:0 40px;} #current .slide::before{ width:25px; height:2px; display:none; background:#fff; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #current .slide.cur::before{ display:block;} /*#current .slide:first-child{ margin-left:0;}*/ /*#current .slide:last-child{ margin-right:0;}*/ /*内页样式*/ [data-scroll-top]{ position:relative; z-index:3;} .inside-curin{ position:relative;} .inside-curin span{ position:relative; z-index:3;} .inside-curin::before{ width:100%; height:4px; background:#c01920; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} /*首页公用标题*/ .index-title{ width:100%; text-align:center;} .index-title .txt1{ width:100%; line-height:1; color:#c01920; font-size:36px;} .index-title .txt2{ width:100%; text-transform:uppercase; line-height:1; color:#333; font-size:24px; margin-top:16px;} /*内页公用标题*/ .inside-title{ width:100%; text-align:center;} .inside-title .txt1{ width:100%; line-height:1; font-size:36px; color:#333; position:relative; padding-bottom:24px;} .inside-title .txt1::before{ width:86px; height:3px; background:#c01920; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} .inside-title .txt2{ width:100%; line-height:1.4; font-size:14px; color:#666; margin-top:24px;} /*弹窗*/ #alert-window{ width:100%; max-width:1920px; height:100%; opacity:0; display:flex; align-items:center; position:fixed; top:0; left:0; right:0; z-index:6; margin:auto;} #alert-window::before{ width:100%; height:100%; background:rgba(0,0,0,.7); position:absolute; top:0; left:0; right:0; z-index:2; margin:auto; content:'';} #alert-window .item{ width:90%; max-width:800px; max-height:98%; position:absolute; top:50%; left:0; right:0; z-index:3; margin:auto; transform:translate3d(0px,-50%,0);} #alert-window .item .shutdown{ width:100%; line-height:.6;} #alert-window .item .shutdown span{ cursor:pointer; font-size:40px; color:#fff;} #alert-window .item .one{ width:100%; max-height:90%; overflow:auto; background:#fff; border-radius:20px; padding:7.5% 12.5%; margin-top:16px;} #alert-window .item .one .title{ width:100%; line-height:1; font-size:35px; color:#313131;} #alert-window .item .one .subtitle{ width:100%; line-height:1; font-size:20px; color:#313131; margin-top:40px;} #alert-window .item .one .subtitle span{ color:#c01920;} #alert-window .item .one .form{ width:100%; margin-top:60px;} #alert-window .item .one .form .slide{ width:100%; display:flex; align-items:center; margin-top:30px;} #alert-window .item .one .form .slide .txt{ width:52px; font-size:16px; color:#000;} #alert-window .item .one .form .slide .input{ width:550px; height:40px; font-size:14px; border:1px solid #e4e4e4; border-radius:6px; padding:0 24px;} #alert-window .item .one .form .slide .file{ width:550px; display:flex; align-items:center;} #alert-window .item .one .form .slide .file .btn{ line-height:1; cursor:pointer; background:#dfdfdf; font-size:14px; color:#000; border-radius:6px; padding:14px 36px;} #alert-window .item .one .form .slide .file .path{ font-size:14px; color:#323232; margin-left:12px;} #alert-window .item .one .form .txt2{ width:100%; line-height:1; display:flex; align-items:center; margin-top:40px;} #alert-window .item .one .form .txt2 input[type=checkbox]{ margin-right:10px; margin-top:1px;} #alert-window .item .one .form .txt2 span{ font-size:14px; color:#323232; font-weight:bold;} #alert-window .item .one .form .submit{ cursor:pointer; background:#c01920; font-size:14px; color:#fff; border-radius:10px; padding:20px 60px; margin-top:36px;} #alert-window .item .one .form .slide:first-child{ margin-top:0;} #alert-window.show{ opacity:1;} /*面包屑*/ #crumbs{ width:100%; line-height:1; background:#f8f8f8; padding:16px 0; margin:auto;} #crumbs a{ vertical-align:middle;} #crumbs a:hover{ color: #333;} #crumbs a img{ vertical-align:middle; margin-top:-3px;margin-right: 3px;} #crumbs .txt{ font-size:13px; color:#333; margin-left:20px;} #crumbs .txt img{ margin-right:20px;} /*产品列表*/ #proCateList{ width:100%;} #proCateList .item{ width:100%; padding:100px 0;} #proCateList .item .title{ line-height:1; font-size:36px; color:#333; font-weight:bold; border-bottom:4px solid #c01920; padding-bottom:10px;} #proCateList .item .ites{ width:100%;} #proCateList .item .ites .slide{ width:32%; background:#f6f6f6; border:1px solid #dadada; padding:40px 0; margin-right:2%; margin-top:50px;} #proCateList .item .ites .slide .img{ width:64%; margin:auto;} #proCateList .item .ites .slide .name{ width:90%; line-height:1; font-size:20px; font-family:"NexaBold"; margin:30px 0 20px;} #proCateList .item .ites .slide .submore{ line-height:1; font-size:16px; color:#333; border:1px solid #333; border-radius:50px; padding:16px 40px;} #proCateList .item .ites .slide:hover .img img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);} #proCateList .item .ites .slide:hover .name{ color:#c01920;} #proCateList .item .ites .slide:hover .submore{ background:#c01920; color:#fff; border-color:#c01920;} #proCateList .item .ites .slide:nth-child(3n){ margin-right:0;} #proCateList .item .more{ line-height:1; opacity:.5; color:#333; border-bottom:2px solid #666; margin-top:60px;} #proCateList .item .more:hover{ opacity:1; color:#c01920; border-color:#c01920;} #proCateList .item:nth-child(2n){ background:#fafafa;} #proCateList #turnPage{ margin-top:80px;} #proCateList .pge{color: #999;font-size: 16px;margin-top: 40px;cursor: pointer;padding-bottom: 3px;border-bottom: 1px solid #999;} #proCateList .pge:hover{color: #c01920;border-bottom: 1px solid #c01920;} /*产品详细*/ #productsDetail{ padding:100px 0;} #productsDetail .title{ line-height:1; font-size:36px; color:#333; font-weight:bold; border-bottom:4px solid #c01920; padding-bottom:10px;} #productsDetail .item{ width:100%; border-bottom:1px solid #eaeaea; padding-bottom:40px; margin-top:40px;} #productsDetail .item .subtitle{ line-height:1; font-size:20px; color:#c62f35; font-weight:bold; position:relative; padding-left:22px;} #productsDetail .item .subtitle::before{ width:8px; height:8px; background:#c01920; border-radius:50%; position:absolute; top:50%; left:0; z-index:2; margin-top:-4px; content:'';} #productsDetail .item .brief{ width:100%; line-height:2; font-size:16px; color:#666; margin-top:40px;} #productsDetail .item .ites{ width:100%; margin-top:36px;} #productsDetail .item .ites .slide{ line-height:1.4; border-bottom:2px solid #fafafa;} #productsDetail .item .ites .slide li{ width:50%; font-size:16px; color:#666; position:relative; padding:16px 22px;} #productsDetail .item .ites .slide li::before{ width:6px; height:6px; background:#c01920; border-radius:50%; position:absolute; left:0; top:50%; z-index:2; margin-top:-3px; content:'';} #productsDetail .item .photo{ width:100%; max-width:1140px;} #productsDetail .item .photo .slide{ width:100%; text-align:center; margin-top:20px;} #productsDetail .item .photo .slide img{ max-width:100%;} #productsDetail .item .ites2{ width:100%;} #productsDetail .item .ites2 .slide{ width:23.5%; line-height:1.2; font-size:16px; color:#666; position:relative; padding-left:20px; margin-right:2%; margin-top:26px;} #productsDetail .item .ites2 .slide::before{ width:5px; height:5px; background:#c01920; border-radius:50%; position:absolute; left:0; top: 8px; z-index:2; margin-top:-2.5; content:'';} #productsDetail .item .ites2 .slide:nth-child(4n){ margin-right:0;} #productsDetail .item .editor{ width:100%; overflow-x:auto; margin-top:40px;line-height: 2;font-size: 16px;color: #666;} #productsDetail .item .editor img{ max-width:none;} #productsDetail .item:last-child{ border-bottom:none; padding-bottom:0;} /*新闻筛选*/ #newsScreening{ line-height:1; border-bottom:1px solid #e9e9e9; padding:100px 0 30px;} #newsScreening .slide{ font-size:20px; color:#333; margin-left:44px;} #newsScreening .slide a{ color:#333;} #newsScreening .slide.cur a{ color:#de0124;} #newsScreening .slide:hover a{ color:#de0124;} #newsScreening .slide:first-child{ margin-left:0;} /*新闻列表*/ #newsList{ padding:60px 0 120px;} #newsList .item{ width:100%;} #newsList .item .slide{ width:32%; border:1px solid #eee; margin-right:2%; margin-top:2%;} #newsList .item .slide .img{ width:100%; height:300px;} #newsList .item .slide .img::after{ /*padding-top:67.18%;*/} #newsList .item .slide .contents{ width:100%; padding:24px 30px 30px;} #newsList .item .slide .contents .title{ width:100%; height:calc(20px*1.4*2); line-height:1.4; overflow:hidden; font-size:20px; font-weight:bold;} #newsList .item .slide .contents .time{ width:100%; line-height:1; font-size:18px; color:#828282; margin:14px 0 10px;} #newsList .item .slide .contents .brief{ width:100%; height:calc(14px*1.6*3); line-height:1.6; overflow:hidden; font-size:14px; color:#666;} #newsList .item .slide .contents .more{ width:100%; border-top:1px solid #eee; padding-top:20px; margin-top:20px;} #newsList .item .slide .contents .more a{ vertical-align:middle;} #newsList .item .slide .contents .more a img{ vertical-align:middle; margin-top:-3px; margin-left:20px;} #newsList .item .slide:hover{ box-shadow:0 0 20px 1px #f2f2f2;} #newsList .item .slide:hover .title a{ color:#c01920;} #newsList .item .slide:hover .time{ color:#c01920;} #newsList .item .slide:hover .more a{ color:#c01920;} #newsList .item .slide:hover .more a img{ display:none;} #newsList .item .slide:hover .more a img:last-child{ display:inline-block;} #newsList .item .slide:nth-child(-n+3){ margin-top:0;} #newsList .item .slide:nth-child(3n){ margin-right:0;} /*新闻详细*/ #newsDetail{ border-bottom:1px solid #f1f1f1; padding:90px 0 20px;} #newsDetail .title{ width:100%; font-size:30px; color:#333;} #newsDetail .time{ width:100%; line-height:1; font-size:14px; color:#666; margin:16px 0 36px;} #newsDetail .editor{ width:100%;} #newsDetail .share{ width:100%; padding:0 36px; margin-top:40px;} #newsDetail .share span{ font-size:14px; color:#666; margin-right:24px;} #newsDetail .share ul li{ margin-right:14px;} #newsDetail .share ul li img{} #newsDetail .share ul li:last-child{ margin-right:0;} /*详细页翻页*/ #detailPage{ padding:64px 0 90px;} #detailPage .item{ width:100%; background:#f6f6f6; padding:20px 44px;} #detailPage .item .txt{ width:100%; font-size:14px; color:#333;} #detailPage .item .txt a{ color:#333;} #detailPage .item .txt:hover{ color:#c1262d;} #detailPage .item .txt:hover a{ color:#c1262d;} #detailPage .item .txt:last-child{ margin-top:12px;} /*活动预告*/ #activityList{ padding:100px 0;} #activityList .item{ width:100%;} #activityList .item .slide{ width:32%; border:1px solid #eee; margin-right:2%; margin-top:2%;} #activityList .item .slide .time{ width:100%; line-height:1; font-size:16px; color:#828282; padding:26px 30px;} #activityList .item .slide .img{ width:100%;} #activityList .item .slide .img::after{ padding-top:73.39%;} #activityList .item .slide .contents{ padding:34px 30px 22px;} #activityList .item .slide .contents .title{ width:100%; font-size:20px; font-weight:bold; color:#333;} #activityList .item .slide .contents .address{ width:100%; line-height:2; background:url(/images/img58.png) no-repeat left center; background-size:17px !important; padding-left:24px; margin-top:14px;} #activityList .item .slide:hover{ box-shadow:#f2f2f2;} #activityList .item .slide:hover .time{ color:#c01920;} #activityList .item .slide:hover .contents .title{ color:#c01920;} #activityList .item .slide:hover .contents .address{ background:url(/images/img59.png) no-repeat left center; color:#c01920;} #activityList .item .slide:nth-child(-n+3){ margin-top:0;} #activityList .item .slide:nth-child(3n){ margin-right:0;} /*活动筹备中*/ #activityNone{ background:url(/images/img60.jpg) no-repeat center; background-size:cover; padding:200px 0 250px; margin:100px auto;} #activityNone .icon{ width:200px;} #activityNone .txt1{ line-height:1; font-size:30px; color:#666a73; font-family:'Gilroy-Medium'; font-weight:bold;} #activityNone .txt2{ line-height:1; font-size:35px; color:#666a73; margin-top:20px;} /*工作环境*/ #workEnvironment{ padding:100px 0 70px;} #workEnvironment .item{ width:100%; margin-top:36px;} #workEnvironment .item .slide{ width:49.5%; margin-right:1%;} #workEnvironment .item .slide .img{ width:100%;} #workEnvironment .item .slide:nth-child(odd) .img:nth-child(1){ width:49%; margin-right:2%;} #workEnvironment .item .slide:nth-child(odd) .img:nth-child(2){ width:49%;} #workEnvironment .item .slide:nth-child(odd) .img:nth-child(3){ margin-top:2%;} #workEnvironment .item .slide:nth-child(even) .img:nth-child(1){ margin-bottom:2%;} #workEnvironment .item .slide:nth-child(even) .img:nth-child(2){ width:49%; margin-right:2%;} #workEnvironment .item .slide:nth-child(even) .img:nth-child(3){ width:49%;} #workEnvironment .item .slide:last-child{ margin-right:0;} /*我们的福利*/ #ourWelfare{ width:100%; background:#f7f6f4; padding:64px 0;} #ourWelfare .item{ width:100%; margin-top:32px;} #ourWelfare .item .slide{ width:32%; background:#fff; margin-right:2%; margin-top:2%;} #ourWelfare .item .slide .img{ width:100%; position:relative;} #ourWelfare .item .slide .img::before{ width:100%; height:100%; opacity:0; background-image:linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,1)); position:absolute; top:0; left:0; z-index:2; margin:auto; content:'';} #ourWelfare .item .slide .img::after{ padding-top:76.83%;} #ourWelfare .item .slide .contents{ width:100%; position:relative; z-index:3; padding: 20px;} #ourWelfare .item .slide .contents .title{ width:100%; line-height:1; font-size:18px; color:#333;} #ourWelfare .item .slide .contents .subtitle{ width:100%; line-height:1; font-size:12px; color:#747474; margin-top:16px;} #ourWelfare .item .slide .contents .brief{ width:100%; position:absolute; top:calc(100% + 20px); left:0; padding:16px 0;} #ourWelfare .item .slide .contents .brief::before{ width:110px; height:2px; background:#c01920; position:absolute; top:0; left:0; z-index:2; content:'';} #ourWelfare .item .slide .contents .brief::after{ width:20px; height:10px; background:url(/images/img33.png) no-repeat center; background-size:100%; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #ourWelfare .item .slide .contents .brief .mcscroll{ width:100%; height: calc(14px*2*8); line-height:2; overflow:hidden; font-size:14px; color:#0c0c0c;} #ourWelfare .item .slide:hover{ box-shadow:0 0 10px 1px #e6e6e4;} #ourWelfare .item .slide:hover .img::before{ opacity:1;} #ourWelfare .item .slide:hover .contents{ transform:translate3d(0,-280px,0);} #ourWelfare .item .slide:hover .contents .brief{ display:block;} #ourWelfare .item .slide:nth-child(-n+3){ margin-top:0;} #ourWelfare .item .slide:nth-child(3n){ margin-right:0;} /*招聘筛选*/ #recruitmentScreening{ background:#f0f2f4; padding:90px 40px 60px; margin-top:100px;} #recruitmentScreening .item{ width:100%; line-height:2; margin-top:36px;} #recruitmentScreening .item .title{ min-width:110px; max-width:20%; vertical-align:middle; margin-top:2px;} #recruitmentScreening .item .title img{ vertical-align:middle; font-size:14px; color:#333; margin-top:-3px; margin-right:8px;} #recruitmentScreening .item .ites{ width:80%;} #recruitmentScreening .item .ites .slide{ color:#333; font-size:14px; border-radius:50px; padding:0 13px; margin-right:16px; margin-bottom:16px;} #recruitmentScreening .item .ites .slide.cur{ background:#c91e1d; color:#fff;} #recruitmentScreening .item:first-child{ margin-top:0;} /*招聘列表*/ #recruitmentList{ padding:40px 0 100px;} #recruitmentList .item{ width:100%;} #recruitmentList .item tr th{ height:60px; vertical-align:middle; background:#d6000f; font-size:16px; color:#fff; font-weight:400; padding:10px 0;} #recruitmentList .item tr th:nth-child(1){ width:20%; padding-left:40px;} #recruitmentList .item tr th:nth-child(2){ width:20%;} #recruitmentList .item tr th:nth-child(3){ width:20%;} #recruitmentList .item tr th:nth-child(4){ width:20%;} #recruitmentList .item tr th:nth-child(5){} #recruitmentList .item tr th img{ vertical-align:middle; margin-top:-3px; margin-right:6px;} #recruitmentList .item tr.top{ width:100%;} #recruitmentList .item tr.top td{ height:53px; font-size:14px; color:#323232; border-bottom:1px solid #e2e2e2;} #recruitmentList .item tr.top td:nth-child(1){ padding-left:40px;} #recruitmentList .item tr.top:hover td{ background:#f8f7f7; color:#d6000f;} #recruitmentList .item tr.top.cur td{ background:#f8f7f7; color:#d6000f;} #recruitmentList .item tr.bot{ width:100%;} #recruitmentList .item tr.bot td{ width:100%;} #recruitmentList .item tr.bot td .contents{ width:100%; position:relative; padding:40px;} #recruitmentList .item tr.bot td .contents .list{ width:100%; margin-top:30px;} #recruitmentList .item tr.bot td .contents .list .title{ width:100%; line-height:1; font-size:18px; color:#333;} #recruitmentList .item tr.bot td .contents .list .brief{ width:100%; line-height:1.8; font-size:14px; color:#666; margin-top:24px;} #recruitmentList .item tr.bot td .contents .list:first-child{ margin-top:0;} #recruitmentList .item tr.bot td .contents .submit{ line-height:1; vertical-align:middle; font-size:14px; color:#d6000f; border:2px solid #d6000f; position:absolute; bottom:40px; right:40px; z-index:2; padding:10px 20px;} #recruitmentList .item tr.bot td .contents .submit img{ vertical-align:middle; margin-top:-3px; margin-left:5px;} #recruitmentList .item tr.bot td .contents .submit:hover{ background:#d6000f; color:#fff;} #recruitmentList .item tr.bot td .contents .submit:hover img{ display:none;} #recruitmentList .item tr.bot td .contents .submit:hover img:nth-child(2){ display:inline-block;} /*公司介绍*/ #about{ padding:100px 0;} #about .item{ width:100%; margin-top:60px;} #about .item .img{ width:32%; position:relative; padding-top:60px; padding-left:60px;} #about .item .img::before{ width:55%; height:46%; background:#ae272c; position:absolute; top:0; left:0; z-index:2; margin:auto; content:'';} #about .item .img img{ box-shadow:0 0 10px 1px #f7f7f7; position:relative; z-index:3;} #about .item .contents{ width:62.85%; margin-left:5%; margin-top:4%;} #about .item .contents .title{ width:100%; font-size:30px; color:#b5262c;} #about .item .contents .brief{ width:100%; line-height:1.4; font-size:16px; color:#333; margin-top:40px;} /*发展历程*/ #course{ width:100%; background:url(/images/img43.jpg) no-repeat bottom center; background-size:cover; padding:80px 0 50px;} #course .item{ width:100%; max-width:1220px; max-height:600px; cursor:grab; position:relative; margin:64px auto 0;} #course .item::before{ width:1px; height:100%; background:#c1262d; position:absolute; top:16px; left:1px; right:0; z-index:2; margin:auto; content:'';} #course .item .slide{ width:100%; min-height:100px; position:relative; z-index:3; margin-top:30px;} #course .item .slide .point{ width:24px; position:absolute; top:10px; left:0; right:0; z-index:2; margin:auto;} #course .item .slide .point::before{ width:30px; height:1px; background:#c1262d; position:absolute; top:50%; z-index:2; content:'';} #course .item .slide .title{ font-size:38px; color:#c1262d; font-family:'NexaBold';} #course .item .slide .brief{ width:32%;} #course .item .slide .brief li{ width:100%; line-height:1.4; font-size:16px; color:#333; position:relative; margin-top:14px;} #course .item .slide .brief li::before{ width:4px; height:4px; background:#c1262d; border-radius:50%; position:absolute; top:50%; z-index:2; margin-top:-2px; content:'';} #course .item .slide .brief li:nth-child(1){ margin-top:0;} #course .item .slide:nth-child(odd) .point::before{ left:100%;} #course .item .slide:nth-child(odd) .brief{ margin-left:40px;} #course .item .slide:nth-child(odd) .brief li{ padding-left:20px;} #course .item .slide:nth-child(odd) .brief li::before{ left:0;} #course .item .slide:nth-child(even) .point::before{ right:100%;} #course .item .slide:nth-child(even) .brief{ margin-right:40px;} #course .item .slide:nth-child(even) .brief li{ padding-right:20px;} #course .item .slide:nth-child(even) .brief li::before{ right:0;} #course .item .slide:first-child{ margin-top:0;} /*荣誉奖项*/ #honor{ padding:54px 0 100px;} #honor .item{ width:100%; position:relative; margin-top:60px;} #honor .item .arrow{ width:46px; border-radius:50%; box-shadow:0 0 10px 1px #eee; position:absolute; top:50%; z-index:2; transform:translate3d(0,-50%,0);} #honor .item .arrow img{ width:100%;} #honor .item .arrow.prev{ left:0;} #honor .item .arrow.next{ right:0;} #honor .item .arrow:hover img{ display:none;} #honor .item .arrow:hover img.hide{ display:block;} #honor .item .container{ margin:auto;} #honor .item .container .slide{ width:39%; background:#fff; border:1px solid #ddd; padding:30px 50px;} #honor .item .container .slide .img{ width:100%; margin:auto;} #honor .item .container .slide .img::after{ padding-top:81%;} #honor .item .container .slide .title{ width:100%; font-size:16px; color:#666; margin-top:20px;} #honor .item .container .slide.swiper-slide-active{ box-shadow:0 0 10px 1px #f0f0f0;} #honor .item .container .slide.swiper-slide-active .title{ color:#c01920;} /*联系我们*/ #contact{ border-bottom:1px solid #e1e1e1; padding:100px 0 40px;} #contact .left{width:calc(100% - 200px);} #contact .title{ font-size:22px; color:#333; font-weight:bold;} #contact .ites{ width:100%; margin-top:30px;margin-right: 20px;} #contact .ites .slide{ line-height:1.4; vertical-align:middle; font-size:14px; color:#666; margin-top:14px;} #contact .ites .slide img{ vertical-align:middle; margin-right:10px;} #contact .ites .slide:first-child{ margin-top:0;} #contact .qrcode-box{width: 180px;transform: translateY(-10px);} #contact .qrcode-box .qrcode{height: 180px;} /*在线咨询*/ #feedback{ padding:100px 0;} #feedback .top{ width:100%; margin:60px 0;} #feedback .top .slide{ line-height:1; font-size:16px; color:#666; border:1px solid #c8c8c8; padding:18px 66px; margin:0 20px;} #feedback .top .slide.cur{ background:#c01920; color:#fff; border-color:#c01920;} #feedback .bot{} #feedback .bot .item{ width:100%;} #feedback .bot .item .brief{ width:100%; font-size:20px; color:#333; margin-bottom:40px;} #feedback .bot .item .slide{ width:100%; margin-bottom:20px;} #feedback .bot .item .slide span{margin-right: 3px;line-height: 50px;color: #c01920;} #feedback .bot .item .span{margin-right: 3px;color: #c01920;margin-top: 20px;} #feedback .bot .item .slide .input{ width:49%; height:50px; font-size:16px; color:#333; border:1px solid #e1e1e1; padding:0 16px;} #feedback .bot .item .select{ width:99%; height:50px; background:url(/images/img56.png) no-repeat 98% center; font-size:16px; color:#333; border:1px solid #e1e1e1; padding:0 16px; margin-bottom:20px;} #feedback .bot .item .textarea{ width:99%; height:220px; font-size:16px; color:#333; border:1px solid #e1e1e1; resize:none; padding:16px;} #feedback .bot .item .submit{ line-height:1; background:#b71d22; font-size:18px; color:#fff; font-weight:bold; padding:20px 44px; margin-top:50px;} /*分类栏目*/ #category{ margin-top:100px;} #category .slide{ line-height:1; font-size:16px; color:#666; border:1px solid #cecece; padding:16px 64px; margin:0 20px;} #category .slide.cur{ background:#c01920; color:#fff; border-color:#c01920;} /*公司公告*/ #announcementList{ padding:70px 0 90px;} #announcementList .item{ width:100%;} #announcementList .item .slide{ width:100%; line-height:1.4; border-bottom:1px solid #e5eaee; padding:18px 0;} #announcementList .item .slide .title{ max-width:90%; background:url(/images/img48.png) no-repeat left center; background-size:16px; font-size:16px; color:#333; padding-left:26px;} #announcementList .item .slide .time{ font-size:16px; color:#888;} #announcementList .item .slide:hover .title{ color:#c01920;} /*股票信息*/ #stock{ padding:100px 0;} #stock .item{ width:100%; border:1px solid #f1f1f1; padding:60px 0; margin-top:40px;} #stock .subStock{ width:95%; display: flex;flex-flow: column nowrap;align-items: center; margin:3% auto;} #stock .subStock02{display: flex;align-items: center;} #stock .subStock02_L{ width:183px; float:left; padding-top:10px;} #stock .subStock02_L p.p01{font-size:30px; font-weight:bold; color:#b1020c; text-align:center;} #stock .subStock02_L p.p01 img{ margin-left:15px; position:relative; top:2px;} #stock .subStock02_L p.p02{ text-align:center; font-size:15px; color:#b1020c; padding-top:5px;} #stock .subStock02_L p.p03{ text-align:center; color:#333;} #stock .subStock02 .subStock03{ width:640px; padding-top:11px;} #stock .subStock02 .subStock03 .subStock02Ul{ width:100%; padding-left:17px; font-size:14px; color:#333; overflow:hidden; margin-bottom:2px;} #stock .subStock02 .subStock03 .subStock02Ul li{ width:23.5%; float:left; white-space: nowrap; padding:10px 0;} #stock .stockContent{ padding-top:25px;} #stock .stockContent .StcokNav{ height:48px; border-bottom:1px solid #ccc; position:relative;} #stock .stockContent .StcokNav li{ float:left; width:63px; font-size:14px; color:#333; cursor:pointer; text-align:center;} #stock .stockContent .StcokNav li span{ position:relative; top:6px; display:block; cursor:pointer; line-height:40px;} #stock .stockContent .StcokNav li span.cur{ border-bottom:2px solid #b1020c; color:#b1020c;} /*投资者服务*/ #service{ padding:100px 0;} #service .title{ width:100%; margin:100px 0 70px;} #service .title .txt1{ font-size:29px; color:#c01920;} #service .title .txt2{ font-size:25px; color:#333;} #service .item{ width:100%;} #service .item .slide{ width:23.5%; display:flex; align-items:baseline; margin-right:2%;} #service .item .slide .img{ width:40px;} #service .item .slide .contents{ width:240px; margin-left:20px;} #service .item .slide .contents .txt1{ line-height:1; font-size:20px; font-weight:bold; color:#333;} #service .item .slide .contents .txt2{ line-height:1.6; font-size:16px; color:#333; margin-top:10px;} #service .item .slide:last-child{ margin-right:0;} /*翻页*/ #turnPage{ width:100%; height:40px; line-height:38px; margin-top:40px;} #turnPage a,#turnPage font{ height:38px; display:inline-block; vertical-align:middle; font-size:14px; color:#666; border:1px solid #ececec; padding:0 25px; margin:0 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #turnPage .page_item,#turnPage .page_item_current{ width:38px; padding:0;} #turnPage .page_noclick img,#turnPage .page_button img{ width:4px; vertical-align:middle; margin-top:-3px;} #turnPage .page_item_current{ background:#c01920; color:#fff; border-color:#c01920;} #turnPage .prev img{ margin-right:10px;} #turnPage .next img{ margin-left:10px;} #turnPage .form{ margin-left:20px;} #turnPage .form .txt{ font-size:14px; color:#666;} #turnPage .form .input{ width:38px; height:38px; text-align:center; font-size:14px; border:1px solid #ececec; margin:0 6px;} #turnPage .form .submit{ height:38px; cursor:pointer; font-size:14px; border:1px solid #ececec; padding:0 14px; margin-left:10px;} /*全站搜索*/ #search{ width:100%; padding:100px 0;} #search .form-top{ width:400px; margin:auto;} #search .form-top .text{ width:340px; height:49px; font-size:18px; border:1px solid #dddddd; border-top-left-radius:5px; border-bottom-left-radius:5px; border-right:none; padding-left:15px;} #search .form-top .sub{ width:59px; height:49px; cursor:pointer; background:url(/images/img2.png) no-repeat center; border:1px solid #ddd; border-top-right-radius:5px; border-bottom-right-radius:5px;} #search .list{ width:100%; margin-top:50px;} #search .list .info .cate{ padding-left:15px;} #search .list .new .cate{ background:url(/images/info_ico.jpg) no-repeat left center;} #search .list .know .cate{ background:url(/images/know_ico.jpg) no-repeat left center;} #search .list .info li{ border-bottom:1px solid #dddddd; padding:20px 0;} #search .list .info li:first-child{ border-top:1px solid #dddddd;} #search .list .info .title{ line-height:22px; color:#c62f35; font-size:20px; font-weight:bold; margin-right:16px;} #search .list .info .day,#search .list .info .cate{ color:#888888; font-size:18px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{ line-height:1.8; color:#888888; font-size:16px; margin-top:20px;} /*H5兼容*/ @media only screen and (max-width:1680px){ .cw1400{width: 94%;} } @media only screen and (max-width:1440px){ #header{} #header .right .option .language .default{ font-size:16px;} #header .right .nav .slide{ margin-right:36px;} } @media only screen and (max-width:1280px){ #current{ padding:30px 20px 20px;} #header .logo{ margin-top:18px;} #header .right .option{ margin-left:50px; margin-top:30px;} #header .right .nav .slide{ padding:30px 0;} #header .right .nav .slide .txt1{ font-size:16px;} #header .right .nav .slide .two .slide2{ padding:12px;} #header .right .option .language .default{ font-size:14px;} #header-block{ height:81px;} } @media only screen and (max-width:1140px){ #header .logo{ width:180px;} #header .right{} #header .right .fz18{ font-size:14px;} #header .right .nav .slide{ margin-right:20px;} } @media only screen and (max-width:980px){ #header .right .option .language .default{ font-size:0; padding:0; background: none;} #header.cur .right .option .language .default{ background: none;} #header .right .option .language .default img{ margin:auto;} #header .right .option .language .ites{ width:160px; padding-top:24px;} #header .right .option .language .ites li{ font-size:18px;} #header .right .option .language .ites li a{ padding:12px 0;} #banner .swiper-pagination span{ width:12px; height:12px;} #current .wrapper{ display:flex;} #header-block{ height:103px;} #header{ padding:20px 0;} #header .logo{ width:170px; margin:auto;} #header .right{} #header .right .nav{ display:none;} #header .right .option{ margin-top:0;} #header .right .option .language .default{ font-size:0; padding:0;} #header .right .option .language .default img{ margin:auto;} #header .right .option .txt img{ display:none !important;} #header .right .option .slide{ min-width:30px; min-height:30px; font-size:30px;} #header .right .option .slide:first-child{ border-left:none; padding-left:none;} #header .right .option .search .icon{ width:100%;} #header .right .option .slide img{ width:100%; max-height:100%;} #header .right .option .language .ites{ width:160px; padding-top:24px;} #header .right .option .language .ites li{} #header .right .option .language .ites li a{ font-size:20px; padding:12px 0;} #header .right .option .search .form{ position:fixed; top:83px; left:0; right:0; z-index:5; padding:0; margin:auto;} #header .right .option .search .form form{ width:100%; height:80px; padding:0 36px;} #header .right .option .search .form form .input{ width:80%; font-size:24px;} #header .right .option .search .form form .submit{ width:30px; float:right; background-size:100%;} #header .right .target{ display:block;} #header-block{ height:83px;} #banner .slide .img .ttt{bottom: 16.2916%;right: 28.4375%;} /*#banner .slide .contents{text-align: center;}*/ #banner .slide .contents .txt1{ font-size:50px;} #banner .slide .contents .txt2{ font-size:30px;} .inside-curin span{ font-size:20px;} .index-title .txt1{ font-size:40px;} .index-title .txt2{ font-size:30px;} #indexIntroduce{ padding:60px 0;} #indexIntroduce .brief{ font-size:20px;} html[lang="en"] #indexIntroduce .item .slide, #indexIntroduce .item .slide{ width:48%; min-width:auto; margin-left:0; margin-right:4%; margin-top:60px;} #indexIntroduce .item .slide .txt1 span{ font-size:80px;} #indexIntroduce .item .slide .txt1 b{ font-size:24px;} #indexIntroduce .item .slide .txt2{ font-size:24px; margin-top:10px;} #indexIntroduce .item .slide:nth-child(2n){ margin-right:0;} #indexIntroduce .item .slide:nth-child(-n+2){ margin-top:0;} #indexProCate .item .ites{ padding:40px 0;} #indexProCate .item .ites .contents{ width:46%; margin-left:4%;} #indexProCate .item .ites .contents .title{ font-size:40px;} #indexProCate .item .ites .contents .brief{ font-size:22px;} #indexNews{ padding:60px 0;} #indexNews .item .slide{ width:48%; margin-right:4%; margin-left:0;} #indexNews .item .slide .time .txt1{ font-size:22px; margin-top:10px;} #indexNews .item .slide .time .icon{ width:140px;} #indexNews .item .slide .title{ height:calc(24px*1.4*2); font-size:24px;} #indexNews .item .slide .brief{ height:calc(20px*1.6*3); font-size:20px;} #indexNews .item .slide .more{ font-size:20px;} #indexNews .item .slide:last-child{ margin-right:0;} #indexNews .moreNews{ font-size:22px; padding:20px 56px; margin-top:50px;} #footer{ padding:40px 0;} #footer .one .nav{ width:100%;} #footer .one .nav .item{ width:100%; border-bottom:1px solid #fff; padding:24px 0; margin:0;} #footer .one .nav .item .title{ font-size:30px; position:relative;} #footer .one .nav .item .title::before{ line-height:.8; font-size:30px; color:#fff; position:absolute; right:0; top:50%; z-index:2; content:'+'; transform:translate3d(0px,-50%,0);} #footer .one .nav .item .ites{ display:none;} #footer .one .nav .item .ites .slide a{ opacity:.9; font-size:26px;} #footer .one .nav .item.cur .title::before{ content:'-';} #footer .one .share .item{ margin-top:30px;} #footer .one .share .item .slide{ width:56px; margin:0 20px; height: 56px;line-height: 56px;} #footer .one .share{ width:100%; margin-top:40px;} #footer .two .slide{ font-size:24px;} #footer .two .copy-right{ width:100%; line-height:1.4; font-size:24px; margin-top:20px;} #banner .slide .contents .txt4{ font-size:40px;} #banner .slide .contents .txt5{ font-size:26px;} #productsDetail .title{ font-size:40px;} #productsDetail .item{ padding-bottom:60px; margin-top:60px;} #productsDetail .item .subtitle{ font-size:30px;} #productsDetail .item .brief{ font-size:22px;} #productsDetail .item .ites .slide{ line-height:1.6;} #productsDetail .item .ites .slide li{ font-size:22px; padding:16px 20px;} #productsDetail .item .ites2 .slide{ width:49%; font-size:22px; margin-right:2%;} #productsDetail .item .ites2 .slide:nth-child(4n){ margin-right:2%;} #productsDetail .item .ites2 .slide:nth-child(2n){ margin-right:0;} #productsDetail .item .editor *{font-size: 22px !important;} #current{ padding:32px 20px;} #current .slide{ font-size:24px; padding-bottom:0;} #current .slide::before{ display:none !important;} #current .slide.cur{ color:#c01920;} #proCateList .item{ padding:60px 0;} #proCateList .item .ites .slide{ padding:20px 0;} #proCateList .item .ites .slide .img{ width:100%;} #proCateList .item .ites .slide .name{ font-size:24px; margin:24px 0;} #proCateList .item .ites .slide .submore{ font-size:20px; padding:16px 40px;} #proCateList .item .more{ font-size:20px; margin-top:40px;} #newsScreening{} #newsScreening .slide{ font-size:28px;} #newsList .item .slide{ width:49%;} #newsList .item .slide:nth-child(3n){ margin-right:2%;} #newsList .item .slide:nth-child(-n+3){ margin-top:2%;} #newsList .item .slide:nth-child(2n){ margin-right:0;} #newsList .item .slide:nth-child(-n+2){ margin-top:0;} #newsList .item .slide .contents{ padding:24px;} #newsList .item .slide .contents .title{ height:calc(30px*1.4*2); font-size:30px;} #newsList .item .slide .contents .time{ font-size:22px;} #newsList .item .slide .contents .brief{ height:calc(22px*1.6*3); font-size:22px;} #newsList .item .slide .contents .more{ font-size:20px;} #activityList .item .slide{ width:49%;} #activityList .item .slide:nth-child(3n){ margin-right:2%;} #activityList .item .slide:nth-child(-n+3){ margin-top:2%;} #activityList .item .slide:nth-child(2n){ margin-right:0;} #activityList .item .slide:nth-child(-n+2){ margin-top:0;} #activityList .item .slide .time{ font-size:22px; padding:20px;} #activityList .item .slide .contents{ padding:20px;} #activityList .item .slide .contents .title{ font-size:30px;} #activityList .item .slide .contents .address{ height:calc(24px*1.2*2); line-height:1.2; overflow:hidden; background:none !important; font-size:24px; padding:0;} #crumbs a:first-child{ width:80px; display:inline-block;} #crumbs a:first-child img{ width:30%;margin-right: 10px;} #crumbs a:first-child span{font-size: 20px;} #crumbs .txt{ font-size:20px;line-height: 1.6;} #crumbs .txt img{ width:10px;} #newsDetail .title{ font-size:40px;} #newsDetail .time{ font-size:22px;} #newsDetail .editor{ font-size:24px;} #newsDetail .share span{ font-size:20px;} #newsDetail .share ul li{ width:30px;} #newsDetail .share ul li img{ width:100%;} #detailPage .item{ padding:20px;} #detailPage .item .txt{ font-size:22px;} #detailPage .item .txt:last-child{ margin-top:20px;} #workEnvironment{ padding:80px 0;} #workEnvironment .item .slide{ width:100%; margin:0;} #ourWelfare{ padding:80px 0;} .inside-title .txt2{ max-width:90%; line-height:1.6; font-size:22px; margin:24px auto 0;} #ourWelfare .item .slide{ width:49%;} #ourWelfare .item .slide:nth-child(3n){ margin-right:2%;} #ourWelfare .item .slide:nth-child(-n+3){ margin-top:2%;} #ourWelfare .item .slide:nth-child(2n){ margin-right:0;} #ourWelfare .item .slide:nth-child(-n+2){ margin-top:0;} #ourWelfare .item .slide .contents{ padding: 15px;} #ourWelfare .item .slide .contents .title{ font-size:30px;} #ourWelfare .item .slide .contents .subtitle{ font-size:24px;} #ourWelfare .item .slide .contents .brief{ display:block; position:relative; top:auto;} #ourWelfare .item .slide .contents .brief .mcscroll{ height:calc(22px*2*5); font-size:22px;} #ourWelfare .item .slide:hover .contents{ transform:translate3d(0,0,0);} #recruitmentScreening{ padding:60px 40px; margin-top:80px;} #recruitmentScreening .item .title{ max-width:30%; font-size:22px;} #recruitmentScreening .item .ites{ width:70%;} #recruitmentScreening .item .ites .slide{ font-size:22px; padding:0 16px;} #recruitmentList .item tr th{ font-size:24px; padding:20px 0;} #recruitmentList .item tr th:nth-child(1){ width:30%; padding-left:20px;} #recruitmentList .item tr th:nth-child(3){ width:15%;} #recruitmentList .item tr.top td{ font-size:22px; padding:25px 0;} #recruitmentList .item tr.top td:nth-child(1){ padding-left:20px;} #recruitmentList .item tr.bot td .contents{ padding:40px 20px;} #recruitmentList .item tr.bot td .contents .list .title{ font-size:26px;} #recruitmentList .item tr.bot td .contents .list .brief{ line-height:1.8; font-size:22px;} #recruitmentList .item tr.bot td .contents .submit{ font-size:22px; position:relative; bottom:auto; right:auto; padding:14px 30px; margin-top:30px;} #recruitmentList .item tr.bot td .contents .submit img{ width:20px;} #alert-window .item .shutdown span{ font-size:60px;} #alert-window .item .one{ padding:60px;} #alert-window .item .one .title{ font-size:40px;} #alert-window .item .one .subtitle{ font-size:24px;} #alert-window .item .one .form .slide .txt{ width:80px; font-size:22px;} #alert-window .item .one .form .slide .input{ height:50px; font-size:20px; padding:0 20px;} #alert-window .item .one .form .slide .file .btn{ font-size:20px;} #alert-window .item .one .form .slide .file .path{ font-size:20px;} #alert-window .item .one .form .txt2 span{ line-height:1.4; font-size:20px;} #alert-window .item .one .form .submit{ font-size:26px;} #about .item .img{ display:none;} #about .item .contents{ width:100%; margin:auto;} #about .item .contents .title{ font-size:36px;} #about .item .contents .brief{ font-size:22px;} #course .item .slide .title{ font-size:40px; margin-top:6px;} #course .item .slide .brief{ width:44%;} #course .item .slide .brief li{ line-height:1.4; font-size:20px;} #course .item .slide:nth-child(odd) .point::before{ left:auto; right:100%;} #course .item .slide:nth-child(odd) .brief{ margin-left:100px;} #course .item .slide:nth-child(even) .point::before{ right:auto; left:100%;} #course .item .slide:nth-child(even) .brief{ margin-right:100px;} #honor{ padding:80px 0;} #honor .item{ margin-top:36px;} #honor .item .container .slide{ width:50%; padding:20px 30px;} #honor .item .container .slide .title{ font-size:24px; margin-top:20px;} #contact .title{ font-size:30px;} #contact .ites .slide{ font-size:22px;} #feedback .top .slide{ font-size:22px; padding:16px 40px; margin:0 10px;} #feedback .bot .item .slide .input{width: 48%; height:60px; font-size:22px; padding:0 20px;} #feedback .bot .item .select{width: 98.8%; height:60px; font-size:22px; padding:0 20px;} #feedback .bot .item .textarea{width: 98.8%; font-size:22px; padding:20px;} #feedback .bot .item .submit{ font-size:22px;} #feedback .bot .item .brief{ font-size:24px;} #category .slide{ font-size:22px;} #announcementList .item .slide{ padding:26px 0;} #announcementList .item .slide .title{ background-size:20px; font-size:24px; padding-left:30px;} #announcementList .item .slide .time{ font-size:22px;} #stock .subStock02{ display:block;} #stock .subStock02_L{ width:100%;} #stock .subStock02 .subStock03{ width:100%;} #stock .subStock02_L p.p01{ font-size:40px;} #stock .subStock02_L p.p02{ font-size:22px; margin:16px 0;} #stock .subStock02_L p.p02 soan{ font-size:22px;} #stock .subStock02_L p.p03 span{ font-size:22px;} #stock .subStock02 .subStock03{ margin-top:20px;} #stock .subStock02 .subStock03 .subStock02Ul li{ width:49%; font-size:22px;} #stock .stockContent{ width:100%;} #stock .stockContent .StockDetial{ width:100%;} #stock .stockContent .StockDetial img{ width:100%;} #service .title .txt1{ font-size:36px;} #service .title .txt2{ font-size:32px;} #service .item .slide{ width:49%; margin-right:2%; margin-top:40px;} #service .item .slide .contents{ width:80%;} #service .item .slide .contents .txt1{ font-size:30px;} #service .item .slide .contents .txt2{ font-size:24px;} #service .item .slide:nth-child(2n){ margin-right:0;} #service .item .slide:nth-child(-n+2){ margin-top:0;} } @media screen and (max-width: 820px){ } @media only screen and (max-width:750px){ .inside-title .txt2{font-size: 26px;} #header .right .option{ margin:0;} #header .right .option .slide a{ color:#fff;} #header .right .option .slide{ padding:0;} #current .wrapper{ display:flex;} #current .slide{margin: 0 30px;} #banner .mask1{background: rgba(0,0,0,.25);z-index: 1;} #banner .slide:nth-child(2) .contents{width: 94%;left: 0;} #banner .slide:nth-child(2) .contents2{text-align: right;} #banner .slide:nth-child(2) .contents .txt2{font-size: 30px;} #header .right .option .language .ites li a{font-size: 24px;} #feedback .bot .item .select{width: 98.5%;} #feedback .bot .item .textarea{width: 98.5%;} /*字体图标*/ *[class^="icon2-"],*[class*=" icon2-"]{font-size:30px;} #footer .one .share .item .slide.in{font-size: 24px;} /*全站搜索*/ #search .list .info .title{font-size: 26px;line-height: 32px;} #search .list .info .day, #search .list .info .cate{font-size: 24px;} #search .form-top .text{font-size: 26px;} #search .list .info .desc{font-size: 24px;height: 129px;overflow: hidden;} #indexIntroduce .brief{font-size: 26px;} #indexProCate .item .ites .contents .brief{font-size: 24px;} #indexNews .item .slide .time .txt1{font-size: 26px;} #indexNews .item .slide .title{font-size: 26px;height: calc(26px*1.4*2)} #indexNews .item .slide .brief{font-size: 24px;height: calc(24px*1.6*3)} #indexNews .item .slide .more{font-size: 24px;} #indexNews .moreNews{font-size: 26px;} #current .slide{font-size: 26px;} #productsDetail .item .brief{font-size: 26px;} #productsDetail .item .ites .slide li{font-size: 26px;} #productsDetail .item .ites2 .slide{font-size: 26px;line-height: 1.6;} #productsDetail .item .ites2 .slide::before{top: 20px;} #crumbs a:first-child{width: 90px;} #crumbs a:first-child span{font-size: 26px;vertical-align: middle;} #crumbs .txt{font-size: 26px;} #newsList .item .slide .contents .time{font-size: 26px;} #newsList .item .slide .contents .brief{font-size: 26px;height: calc(26px*1.6*3)} #newsList .item .slide .contents .more{font-size: 24px;} #newsDetail .time{font-size: 26px;} #detailPage .item .txt{font-size: 26px;} #newsDetail .editor{font-size: 26px;} #newsDetail .share span{font-size: 24px;} #ourWelfare .item .slide .contents .subtitle{font-size: 26px;} #ourWelfare .item .slide .contents .brief .mcscroll{font-size: 24px;height: calc(24px*2*5)} #recruitmentScreening .item .title{font-size: 26px;} #recruitmentScreening .item .ites .slide{font-size: 24px;} #recruitmentList .item tr.top td{font-size: 24px;} #about .item .contents .brief{font-size: 26px;} #course .item .slide .brief li{font-size: 24px;} #contact .qrcode-box .tit{font-size: 22px;} } /*英文兼容*/ html[lang=en] #alert-window .item .one .form .slide .txt{ width:80px;} /* 侧边栏 */ #fload {position: fixed;/*right: 60px;*/right: 0;top: 50%;transform: translateY(-50%);z-index: 50;} #fload .box {width: 53px;height: 53px;background: #c7000a;margin-top: 6px;position: relative;box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #fload .box:first-child {margin-top: 0;} #fload .box .svg {filter: brightness(0) invert(100%);} @media screen and (max-width:900px) { #fload {right: auto;top: auto;transform: translateY(0);bottom: 0;left: 0;width: 100%;display: flex;box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #fload .box {width: 25%;margin-top: 0;border-radius: 0;height: 90px;box-shadow:none;} #fload .box .svg {transform: scale(1.8);} }