* { margin: 0; padding: 0; } body { margin: 0; padding: 0; font-family: Arial, Microsoft YaHei,sans-serif; overflow-x: hidden; } body, html { -webkit-text-size-adjust: none; width: 100%; height: 100%; } * { text-decoration: none; list-style: none; } img { border: 0px; } ul, li, dl, dd, dt, p, ol, h1, h2, h3, h4, h5 { font-size: 12px; padding: 0; margin: 0; } a, input, button { outline: none; } a:visited { color: #333333; text-decoration: none; } a:hover { color: #d61518; text-decoration: none; } a:active { color: #333333; text-decoration: none; } a { color: #333333; } .wrapper { clear: both; width: 100%; } table { border-collapse: collapse; } .clearfix:after { content: " "; clear: both; width: 0; height: 0; display: block; visibility: hidden; zoom: 1; } .row { width: 100%; } .row:after { content: " "; clear: both; width: 0; height: 0; display: block; visibility: hidden; zoom: 1; } .col-1 { float: left; width: 10%; } .col-2 { float: left; width: 20%; } .col-3 { float: left; width: 30%; } .col-4 { float: left; width: 40%; } .col-5 { float: left; width: 50%; } .col-6 { float: left; width: 60%; } .col-7 { float: left; width: 70%; } .col-8 { float: left; width: 80%; } .col-9 { float: left; width: 90%; } .col-10 { float: left; width: 100%; } .box { width: 100%; } .col-xs-1 { float: left; width: 10%; } .col-xs-2 { float: left; width: 20%; } .col-xs-3 { float: left; width: 30%; } .col-xs-4 { float: left; width: 40%; } .col-xs-5 { float: left; width: 50%; } .col-xs-6 { float: left; width: 60%; } .col-xs-7 { float: left; width: 70%; } .col-xs-8 { float: left; width: 80%; } .col-xs-9 { float: left; width: 90%; } .col-xs-10 { float: left; width: 100%; } .col-xs-hide { display: none; } .col-xs-show { display: block; } @media screen and (min-width: 768px) { .box { width: 100%; } .col-sm-1 { float: left; width: 10%; } .col-sm-2 { float: left; width: 20%; } .col-sm-3 { float: left; width: 30%; } .col-sm-4 { float: left; width: 40%; } .col-sm-5 { float: left; width: 50%; } .col-sm-6 { float: left; width: 60%; } .col-sm-7 { float: left; width: 70%; } .col-sm-8 { float: left; width: 80%; } .col-sm-9 { float: left; width: 90%; } .col-sm-10 { float: left; width: 100%; } .col-sm-hide { display: none; } .col-sm-show { display: block; } } @media screen and (min-width: 1200px) { .box { width: 1200px; margin-left: auto; margin-right: auto; } .col-md-1 { float: left; width: 10%; } .col-md-2 { float: left; width: 20%; } .col-md-3 { float: left; width: 30%; } .col-md-4 { float: left; width: 40%; } .col-md-5 { float: left; width: 50%; } .col-md-6 { float: left; width: 60%; } .col-md-7 { float: left; width: 70%; } .col-md-8 { float: left; width: 80%; } .col-md-9 { float: left; width: 90%; } .col-md-10 { float: left; width: 100%; } .col-md-hide { display: none; } .col-md-show { display: block; } } @media screen and (min-width: 1700px) { .box { width: 1680px; margin-left: auto; margin-right: auto; } .col-lg-1 { float: left; width: 10%; } .col-lg-2 { float: left; width: 20%; } .col-lg-3 { float: left; width: 30%; } .col-lg-4 { float: left; width: 40%; } .col-lg-5 { float: left; width: 50%; } .col-lg-6 { float: left; width: 60%; } .col-lg-7 { float: left; width: 70%; } .col-lg-8 { float: left; width: 80%; } .col-lg-9 { float: left; width: 90%; } .col-lg-10 { float: left; width: 100%; } .col-lg-hide { display: none; } .col-lg-show { display: block; } } .right { float: right; } #lang { cursor: pointer; } #lang:hover { color: #d61518; } .image figcaption { text-align: center; } /*头部*/ #header-pro { height: 112px; width: 100%; display: none; } #header { /*position: fixed;*/ /*left: 0;*/ /*right: 0;*/ /*top: 0;*/ display: block; width: 100%; height: 112px; background-color: #fff; z-index: 99; transition: background-color 0.6s; } .header_shadow { /*box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);*/ } #header #logo { float: left; } #header #logo img { height: 86px; padding-top: 14px; } #header #nav { float: right; } #header #nav a { color: #000; } #header #nav .p-nav-li{ float: left; position: relative; z-index: 2; } #header #nav .p-item { display: block; padding-left: 13px; padding-right: 13px; height: 107px; line-height: 107px; text-align: center; font-size: 20px; font-weight: 500; border-top: 5px solid #fff; transition: all .3s; } #header #nav .p-item__en { padding-left: 9px; padding-right: 9px; } #header #nav .p-item-selected { border-top: 5px solid #d61518; } #header #nav .p-item:hover { color: #d61518; } #header #nav .sub-nav { position: absolute; top: 112px; left: 0px; width: 180px; background-color: #fff; display: none; transition: all .3s; /*border: 1px solid #f5f5f5;*/ border-bottom: 4px solid #d51618; border-radius: 0 0 5px 5px; } #header #nav .sub-nav .sub-nav-li { height: 50px; line-height: 50px; transition: all .3s; z-index: 2; } #header #nav .sub-nav .sub-nav-li:hover > a { color: #d61518; } #header #nav .sub-nav .sub-nav-li a { position: relative; padding-right: 20px; } #header #nav .sub-nav .sub-nav-li:hover .sub-nnn{ display: block; } #header #nav .sub-nav .sub-nav-li a .sub-nnn { display: block; position: absolute; right: 10px; height: 10px; top: 19px; } #header #nav .sub-nav .sub-nav-li a:hover .sub-nnn{ display: block; } #header #nav .sub-nav a { display: block; overflow: hidden; height: 50px; line-height: 50px; padding-left: 20px; color: #000; font-size: 16px; transition: all .3s; } #header #nav .sub-nav a:hover { color: #d61518; } #header #nav .sub-nav .sub-t-nav { position: absolute; top: 0; left: 180px; width: 180px; background-color: #f5f5f5; display: none; transition: all .3s; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } #header #nav .p-nav-li:hover .sub-nav { display: block; -webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } #header #nav .sub-nav-li:hover { background-color: #f5f5f5; } #header #nav .sub-nav-li:hover .sub-t-nav { display: block; } #header #sl { float: right; padding-top: 5px; height: 107px; line-height: 107px; padding-left: 26px; color: #474747; } #header #sl img { width: 14px; } /*底部*/ .content-img-center img{ display: block; max-width: 98%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; } .hd-box { display: block; width: 100%; overflow: hidden; position: relative; } .hd-box img { display: block; width: 100%; transition: all .3s; } .hd-box img:hover { opacity: .8; } .hd-box-title { position: absolute; left: 0; top: 30%; right: 0; } .hd-box-title .category_top{ -webkit-animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } .hd-box-title .category_cur{ -webkit-animation: slide-in-left 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-left 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } .hd-box .box span { color: #fff; display: block; } .hd-box .category_top { font-size: 24px; } .hd-box .category_cur { font-size: 40px; margin-top: 16px; } .breadcrumb { padding-top: 19px; padding-bottom: 19px; } .breadcrumb a { display: inline-block; padding-left: 5px; font-size: 16px; } .breadcrumb span { display: inline-block; padding-left: 5px; font-size: 16px; color: #999999; } .ct-body { padding-top: 10px; } .ct-body h1 { color: #d61518; font-size: 24px; font-weight: 500; padding-bottom: 25px; } .ct-body-cont { float: left; width: 870px; } .ct-body-avatar { float: right; height: 480px; transition: all .8s; } .ct-body-avatar:hover { opacity: .8; transform: scale(1.1); } .chairman .company-name, .chairman .chairman-name { color: #333333; font-size: 16px; padding-bottom: 15px; font-weight: 600; } .chairman-cont { position: relative; padding-top: 0px; padding-bottom: 15px; margin-bottom: 35px; } .chairman-cont p { text-indent: 2em; font-size: 16px; color: #333333; line-height: 32px; } .chairman-cont .prefix { position: absolute; left: 0; top: 0; } .chairman-cont .append { position: absolute; right: 0; bottom: 0; } .company-profile-ims { display: block; padding-bottom: 50px; } .company-profile-ims img { display: block; width: 49%; height: 150px; } .contact-form { float: left; width: 50%; } .contact-form form { display: block; background-color: #f5f5f5; padding: 30px 30px 60px 30px; } .contact-form form .form-group { display: block; margin-bottom: 20px; } .contact-form form label { color: #333333; font-size: 15px; display: block; font-weight: 600; } .contact-form form input { width: 360px; margin-top: 10px; display: block; line-height: 40px; height: 40px; border: 1px solid #f1f1f1; padding-left: 8px; padding-right: 8px; } .contact-form form select { width: 376px; margin-top: 10px; display: block; line-height: 40px; height: 40px; border: 1px solid #f1f1f1; padding-left: 8px; padding-right: 8px; } .contact-form form textarea { margin-top: 10px; padding-left: 8px; padding-right: 8px; width: 360px; display: block; border: 1px solid #f1f1f1; } .contact-form form .form-group button { display: inline-block; height: 40px; width: 110px; text-align: center; line-height: 40px; font-size: 18px; background-color: #d61518; color: #ffffff; border: none; cursor: pointer; transition: all .3s; } .contact-form form .form-group button:hover { background-color: #ffffff; color: #d61518; } .contact-form .connect-remark { margin-top: 40px; } .contact-form .connect-remark p { color: #999999; line-height: 2; font-size: 15px; } .contact-box { float: left; width: 50%; } .company-item { margin-bottom: 22px; } .company-item h4 { font-size: 15px; color: #333333; font-weight: 600; margin-bottom: 8px; } .company-item .company-item-v { font-size: 15px; color: #333333; margin-bottom: 8px; } .company-item .b { font-weight: 600; } .ct-honer-body { width: 100%; padding-top: 10px; background-color: #fff; } .honer-history h2 { display: block; text-align: center; width: 270px; margin-left: auto; margin-right: auto; font-size: 30px; color: #d61518; font-weight: 600; padding-top: 15px; padding-bottom: 15px; position: relative; } .honer-history h2:after { content: " "; position: absolute; left: 40%; right: 40%; bottom: 0; height: 2px; background-color: #d61518; } .honer-history .honer-desc { font-size: 18px; color: #333333; text-align: center; margin-top: 19px; margin-bottom: 38px; } .honer-history .page-dot { position: relative; width: 1000px; overflow: hidden; margin-left: auto; margin-right: auto; } .honer-history .page-dot .line { position: absolute; left: 0; right: 0; bottom: 13px; height: 2px; display: block; background-color: #ededed; } .honer-history .honer-time-page { width: 1300px; position: relative; margin-left: auto; margin-right: auto; } .honer-history .honer-time-page .left { position: absolute; bottom: 0; left: 0; height: 35px; cursor: pointer; } .honer-history .honer-time-page .right { position: absolute; bottom: 0; right: 0; height: 35px; cursor: pointer; } #home-time-box { position: relative; left: 0; transition: left 0.6s; } .honer-time-page .page-dot { display: block; width: 1200px; overflow: hidden; } .honer-time-page .page-dot ul { position: relative; z-index: 2; } .honer-time-page .page-dot ul li { display: inline-block; width: 120px; cursor: pointer; } .honer-time-page .page-dot ul li span { display: block; height: 30px; text-align: center; font-size: 24px; color: #333333; font-weight: 500; padding-bottom: 15px; transition: all .3s; } .honer-time-page .page-dot ul .cur span{ color: #d61518; } .honer-time-page .page-dot ul li:hover span { color: #d61518; } .honer-time-page .page-dot ul li img { position: relative; display: block; height: 28px; width: 28px; margin-right: auto; margin-left: auto; z-index: 2; } .honer-time-body { margin-top: 50px; margin-bottom: 80px; } .honer-time-body .honer-intro { width: 1100px; margin-left: auto; margin-right: auto; padding: 40px; background-color: #ffffff; -moz-box-shadow:0 0 10px #e1e1e1; -webkit-box-shadow:0 0 10px #e1e1e1; box-shadow:0 0 10px #e1e1e1; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; position: relative; overflow: hidden; margin-bottom: 20px; } .honer-time-body .honer-intro .thumb-list { display: block; float: left; width: 200px; } .honer-time-body .honer-intro .thumb-list .thumb { display: block; width: 170px; /*height: 140px;*/ border: none; padding: 0; float: left; } .honer-time-body .honer-intro div { display: block; float: right; width: 850px; } .honer-time-body .honer-intro div p { text-indent: 2em; font-size: 17px; color: #333; line-height: 2; z-index: 2; } .honer-time-body .honer-intro .append { display: block; position: absolute; right: -30px; bottom: -50px; z-index: 1; } .honer-other { background-color: #f5f5f5; width: 100%; padding-bottom: 30px; } .honer-other h2 { display: block; text-align: center; width: 200px; margin-left: auto; margin-right: auto; font-size: 25px; color: #d61518; font-weight: 600; padding-top: 70px; padding-bottom: 15px; position: relative; } .honer-other h2:after { content: " "; position: absolute; left: 40%; right: 40%; bottom: 0; height: 2px; background-color: #d61518; } #other_honer { position: relative; transition: all 0.8s; left: 0; } .other-honer-box { position: relative; width: 1380px; margin-top: 50px; } .other-honer-body { width: 1200px; margin-left: auto; margin-right: auto; overflow: hidden; } .other-honer-box .left { position: absolute; cursor: pointer; top: 43%; left: 0; } .other-honer-box .right { position: absolute; cursor: pointer; top: 43%; right: 0; } .other-honer-body li { float: left; width: 1200px; } .other-honer-body li .other-honer-one { width: 1200px; } .other-honer-body li .other-honer-item { width: 25%; padding-top: 20px; padding-bottom: 20px; float: left; margin-bottom: 20px; } .other-honer-body li .other-honer-item img { display: block; width: 200px; height: 152px; margin-right: auto; margin-left: auto; margin-bottom: 10px; transition: all .6s; } .other-honer-body li .other-honer-item span { display: block; color: #333333; font-size: 15px; text-align: center; transition: all .6s; height: 22px; line-height: 22px; overflow: hidden; } .other-honer-body li .other-honer-item:hover img { transform: scale(1.3); opacity: .9; } .other-honer-body li .other-honer-item:hover span { color: #9f041b; transform: translateY(25px); } .page { margin-top: 15px; text-align: center; } .page a { display: inline-block; padding: 15px; border-bottom: 1px solid #fff; transition: all .6s; } .page a:hover { color: #d2171a; opacity: .8; } .page span { display: inline-block; padding: 15px; color: #d2171a; border-bottom: 1px solid #d2171a; } /*新闻资讯*/ .news-tab-header { width: 400px; margin-left: auto; margin-right: auto; } .news-tab-header h3 { width: 200px; display: block; float: left; text-align: center; position: relative; } .news-tab-header a { position: relative; color: #333333; display: inline-block; font-size: 24px; font-weight: 500; padding-bottom: 15px; } .news-tab-header .current { color: #d61518; } .news-tab-header .current:after { content: " "; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: #d61518; } .news-list { margin-top: 50px; } .news-list .news-list-one { padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #e7e7e7; cursor: pointer; transition: all .3s; position: relative; } .news-list .news-list-one:hover { background-color: #e7e7e7; } .news-list .news-list-one .news-list-one-thumb { display: block; position: absolute; left: 0; top: 50px; height: 190px; width: 250px; overflow: hidden; margin-right: 46px; } .news-list .news-list-one .news-list-one-thumb img { display: block; width: 250px; height: 190px; } .news-list .news-list-one .news-list-one-body { display: block; padding-left: 300px; } .news-list .news-list-one .news-list-one-body .list__item_time { padding-bottom: 25px; } .news-list .news-list-one .news-list-one-body .list__item_time .time__day { color: #d2171a; font-size: 28px; } .news-list .news-list-one .news-list-one-body .list__item_time .time__sp { color: #bcbcbc; font-size: 16px; } .news-list .news-list-one .news-list-one-body .list__item_time .time__ym { color: #333333; font-size: 16px; font-weight: 600; } .news-list .news-list-one .news-list-one-body .list__item_title { color: #333333; font-size: 24px; padding-bottom: 17px; font-weight: 600; } .news-list .news-list-one .news-list-one-body .list__item_desc p { color: #a2a2a2; font-size: 14px; } /*.news-list .news-list-one .news-list-one-body:hover a {*/ /* color: #d2171a; }*/ .news-list .news-list-one .news-list-one-body:hover .list__item_desc p { color: #333333; } .news-list .news-list-one .news-list-one-body .more__btn { margin-top: 23px; display: block; width: 165px; height: 40px; line-height: 40px; text-indent: 1em; position: relative; background-color: #d2171a; color: #fff; transition: all .3s; } .news-list .news-list-one .news-list-one-body .more__btn img { display: block; position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; } .news-list .news-list-one .news-list-one-body .more__btn:hover { opacity: .7; } .archive-body { padding-bottom: 50px; padding-top: 30px; } .archive-body h1 { font-size: 38px; color: #333333; font-weight: 700; text-align: center; padding-bottom: 25px; } .archive-body .archive-other { color: #999999; font: 14px Arial,Hiragino Sans GB,STHeiti,Helvetica Neue,Helvetica,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif; text-align: center; font-size: 14px; font-weight: 400; padding-bottom: 35px; border-bottom: 1px solid #f1f1f1; } .archive-body .archive-cont { margin-top: 70px; color: #333333; font-size: 18px; line-height: 34px; } .archive-body .archive-cont p { line-height: 34px; font-size: 18px; text-indent: 2em; text-align: justify; } .archive-body .act img{ max-width: 99%; display: block; margin: 27px auto; transition: opacity 0.5s; } .archive-body .act img:hover { opacity: 0.8; } .archive-body .act .image { margin: 27px auto; } .archive-body .act .image img { margin: 0px auto; } .archive-body .archive-cont .top_img { display: block; width: 100%; border-top-right-radius: 80px; border-bottom-left-radius: 80px; margin-top: 5px; margin-bottom: 5px; margin-left: auto; margin-right: auto; transition: all .6s; } .archive-body .archive-cont .top_img:hover { opacity: 0.8; } .archive-body .archive-cont2 { margin-top: 70px; color: #333333; font-size: 18px; line-height: 34px; } .archive-body .archive-cont2 p { line-height: 34px; font-size: 18px; } .archive-body .archive-cont2 img { display: block; margin-top: 5px; margin-bottom: 5px; max-width: 100%; } .product-s-body .product-one { width: 33.33%; padding-bottom: 5px; margin-bottom: 94px; float: left; } .product-item { animation-name: leftin; animation-duration: 1s; animation-timing-function: linear; position: relative; width: 90%; -moz-box-shadow:0px 0px 8px #e1e1e1; -webkit-box-shadow:0px 0px 8px #e1e1e1; box-shadow:0px 0px 8px #e1e1e1; transition: all .6s; } .product-one-thumb { width: 100%; height: 238px; overflow: hidden; border-bottom: 7px solid #d61518; } .product-one-thumb img { display: block; width: 100%; height: 238px; transition: all .6s; } .product-one-title { padding-top: 30px; padding-left: 22px; padding-right: 22px; } .product-one-title a{ color: #333333; font-size: 18px; font-weight: 500; transition: all .6s; } .product-en-title { padding-top: 6px; padding-left: 22px; padding-right: 22px; } .product-en-title a { font-size: 15px; font-weight: 500; color: #caa972; transition: all .6s; } .product-one-desc { padding-top: 30px; padding-left: 22px; padding-right: 22px; font-size: 15px; color: #999999; line-height: 24px; transition: all .6s; height: 180px; } .product-item:hover { -moz-box-shadow:0px 0px 12px #a0a0a0; -webkit-box-shadow:0px 0px 12px #a0a0a0; box-shadow:0px 0px 12px #a0a0a0; opacity: 0.9; } .product-item:hover img { transform: scale(1.2); } .product-item:hover a { } .product-item:hover p { color: #333333; } .ct-h1 { color: #d61518; font-size: 24px; font-weight: 500; padding-bottom: 50px; } .acen { font-size: 16px; font-weight: 600; color: #caa972; } .arc-nav { width: 300px; display: block; position: absolute; left: 0; top: 0; } .nav-right { padding-left: 360px; } .ps-nav { border-top: 7px solid #d61518; background-color: #f5f5f5; } .ps-nav li { height: 50px; line-height: 50px; transition: all .5s; } .ps-nav li a{ display: block; color: #333333; font-size: 17px; font-weight: 500; padding-left: 25px; transition: all .5s; } .ps-nav li .sub { padding-left: 50px; } .ps-nav .cur { background-color: #eaeaea; } .ps-nav .cur a { color: #d61518; } .ps-nav li:hover { background-color: #eaeaea; } .ps-nav li:hover a { color: #d61518; } .human-tabs { display: block; text-align: center; margin-bottom: 19px; /*margin-top: 50px;*/ width: 800px; margin-left: auto; margin-right: auto; } .human-tabs a { display: block; width: 200px; height: 60px; line-height: 60px; background-color: #f5f5f5; color: #333; font-size: 24px; font-weight: 500; float: left; transition: all .6s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .human-tabs .cur { background-color: #d61518; color: #fff; } .human-tabs a:hover { background-color: #d61518; color: #fff; opacity: .9; } .human-body .weals { width: 1680px; margin-left: auto; margin-right: auto; padding-bottom: 19px; } .human-body .weals li { width: 239px; height: 130px; padding-top: 25px; padding-bottom: 25px; overflow: hidden; float: left; transition: all .5s; margin-bottom: 15px; } .human-body .weals li .icon { background-color: #f9f9f9; width: 95px; height: 95px; border-radius: 95px; margin-left: auto; margin-right: auto; transition: all .5s; } .human-body .weals li .icon img { display: block; width: 45px; margin-left: auto; margin-right: auto; position: relative; top: 25px; transition: all .5s; } .human-body .weals li .val { display: block; margin-top: 20px; font-size: 16px; color: #333333; text-align: center; font-weight: 500; transition: all .5s; height: 22px; line-height: 22px; } .human-body .weals li:hover { transform: translateY(-10%); } .human-body .weals li:hover .icon{ background-color: #d61518; opacity: .9; transform: scale(1.02); } .human-body .weals li:hover .icon img{ opacity: .9; transform: scale(1.02); } .human-body .weals li:hover .val{ color: #d61518; } .human-body .heighter { padding-top: 19px; padding-bottom: 19px; background-color: #f5f5f5; overflow: hidden; } .human-body .heighter-box { width: 1680px; margin-left: auto; margin-right: auto; padding-bottom: 38px; } .human-body .heighter-box li { float: left; width: 280px; padding-top: 20px; padding-bottom: 20px; } .human-body .heighter-box li .val { width: 172px; height: 172px; margin-right: auto; margin-left: auto; background-color: #ffffff; border-radius: 172px; -webkit-box-shadow: 0px 0px 6px rgba(159,4,27,0.15); -moz-box-shadow: 0px 0px 6px rgba(159,4,27,0.15); box-shadow: 0px 0px 6px rgba(159,4,27,0.15); behavior: url(PIE.htc); } .human-body .heighter-box li .val img { position: absolute; left: 0; top: 0; width: 182px; height: 182px; } .human-body .heighter-box li .val span { line-height: 160px; display: block; width: 150px; height: 150px; border-radius: 150px; position: relative; top: 11px; margin-left: auto; margin-right: auto; color: #333; text-align: center; font-size: 21px; -webkit-box-shadow: 0px 0px 16px rgba(159,4,27,0.7); -moz-box-shadow: 0px 0px 16px rgba(159,4,27,0.7); box-shadow: 0px 0px 16px rgba(159,4,27,0.7); transition: all 0.6s; behavior: url(PIE.htc); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .human-body .heighter-box li:hover span { transform: scale(1.08); -webkit-animation: human-area 1.2s linear both infinite alternate; animation: human-area 1.2s linear both infinite alternate; } .human-body .forward { padding-top: 19px; padding-bottom: 19px; } .human-body .forward-img-box { margin-top: 75px; } .human-body .forward-img-box .forward-tow { width: 30%; float: left; } .human-body .forward-img-box .forward-one { width: 40%; float: left; overflow: hidden; } .human-body .forward-img-box .forward-tow .tcl-w { height: 268px; overflow: hidden; } .human-body .forward-img-box .forward-tow .tcl-w .tcl{ text-align: center; display: table-cell; vertical-align: middle; } .human-body .forward-img-box .forward-tow img { width: 551px; height: 268px; transition: all 0.5s; } .human-body .forward-img-box .forward-one .tcl-w { margin-left: 10px; margin-right: 10px; height: 546px; overflow: hidden; } .human-body .forward-img-box .forward-one .tcl-w .tcl{ height: 546px; text-align: center; display: table-cell; vertical-align: middle; } .human-body .forward-img-box .forward-one div img { width: 742px; height: 546px; display: inline-block; transition: all 0.5s; } .human-body .forward-img-box img:hover { transform: scale(1.1); opacity: 0.8; z-index: 3; } .working-box { margin-top: 38px; padding-bottom: 38px; } .working-box .working-item { position: relative; height: 490px; margin-bottom: 16px; } .working-box .working-item .img-list-box { width: 700px; overflow: hidden; position: absolute; top: 0; } .working-box .working-item .img-list-box ul { position: relative; left: 0; transition: all 0.75s; } .working-box .working-item__right .img-list-box { right: 0; } .working-box .working-item__left .img-list-box { left: 0; } .working-box .working-item .img-list-box .img-list-page { position: absolute; left: -10px; text-align: right; bottom: 40px; z-index: 2; } .working-box .working-item .img-list-box .img-list-page .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; border-radius: 8px; background: #fff; margin: 0 7px; border: 0px solid #f3f3f3; cursor: pointer; opacity: var(--swiper-pagination-bullet-inactive-opacity, 1); } .working-box .working-item .img-list-box .img-list-page .swiper-pagination-bullet-active { background: #9f041b; } .working-box .working-item .img-list-box:hover span { box-shadow: 0 0 3px #e1e1e1; } .working-box .working-item .img-list-box span { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background-color: #fff; margin-left: 10px; transition: background-color 0.6s; cursor: pointer; } .working-box .working-item .img-list-box span.cur { background-color: #9f041b; } .working-box .working-item .img-list-box li { float: left; width: 700px; overflow: hidden; } .working-box .working-item .img-list-box li img { display: block; width: 700px; height: 490px; } .working-box .working-item .working-cont { background-color: #f5f5f5; } .working-box .working-item__right .working-cont { padding-right: 710px; } .working-box .working-item__left .working-cont { padding-left: 710px; } .working-box .working-item .working-cont .main-title{ width: 50%; float: left; background-image: url("../core-image/human-working-bg.png"); background-repeat: no-repeat; background-size: 100% 100%; height: 490px; display: table; } .working-box .working-item .working-cont .main-title p { font-size: 48px; color: #fff; font-weight: 800; text-align: center; display: table-cell; vertical-align:middle; transition: all 1s; } .working-box .working-item .working-cont .main-title:hover p{ -webkit-animation: text-shadow-drop-top 1s both; animation: text-shadow-drop-top 1s both; transform: scale(1.2); } .working-box .working-item .working-cont .desc-info { width: 50%; float: left; height: 490px; background-color: #f5f5f5; display: table; } .working-box .working-item .working-cont .desc-info p{ font-size: 30px; color: #333333; padding: 60px 50px; line-height: 48px; display: table-cell; vertical-align: middle; } .human-top .human-top-item{ width: 50%; float: left; margin-bottom: 80px; } .human-top .human-top-one { position: relative; width: 795px; height: 360px; overflow: hidden; } .human-top .human-top-one img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; transition: all .6s; } .human-top .human-top-one .human-top-body { position: relative; z-index: 2; left: 55px; top: 167px; transition: all .6s; } .human-top .human-top-one .human-top-body h4 { font-size: 48px; font-weight: 300; color: #fff; } .human-top .human-top-one .human-top-body .human-line { display: block; width: 60px; height: 3px; background-color: #d61518; margin-top: 18px; margin-bottom: 18px; } .human-top .human-top-one .human-top-body h5 { font-size: 24px; font-weight: 300; color: #fff; } .human-top .human-top-one:hover { box-shadow: 0 0 12px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .3); } .human-top .human-top-one:hover img { opacity: .8; } .human-top .human-top-one:hover .human-top-body h5{ -webkit-animation: text-shadow-drop-top 1s both; animation: text-shadow-drop-top 1s both; } .human-top .human-top-one:hover .human-top-body h4{ -webkit-animation: text-shadow-drop-top 1s both; animation: text-shadow-drop-top 1s both; } .campus_table { margin-top: 43px; width: 100%; margin-bottom: 50px; } .campus_table thead{ height: 47px; background-color: #d61518; color: #fff; font-size: 16px; line-height: 47px; } .campus_table tbody td { border-top: 1px solid #f5f5f5; } .campus_table .tb-p { padding-top: 35px; padding-bottom: 35px; } .campus_table .tb-first { font-size: 20px; font-weight: 600; color: #333333; } .campus_table .tb-needs { font-size: 16px; color: #999999; } .campus_table .tb-number { font-size: 16px; color: #333; font-weight: 600; } .campus_table .tb-address { font-size: 16px; color: #333; font-weight: 600; } .campus_table tbody tr { transition: all .6s; } .campus_table tbody img { cursor: pointer; } .campus_table tbody tr:hover { background-color: #f5f5f5; } .campus-flow, .campus-concat { padding-top: 38px; background-color: #f5f5f5; padding-bottom: 72px; } .campus-flow-box { position: relative; margin-top: 38px; } .campus-flow-box .line { position: absolute; left: 125px; right: 125px; top: 62px; border-top: 1px dashed #999999; } .campus-flow-box .step { float: left; width: 125px; height: 125px; z-index: 2; } .campus-flow-box .next { float: left; width: 180px; z-index: 2; } .campus-flow-box .step img { position: relative; display: block; width: 125px; z-index: 2; } .campus-flow-box .step span { display: block; text-align: center; font-size: 16px; color: #333333; } .campus-flow-box .next img { position: relative; top: 50px; width: 25px; margin-left: auto; margin-right: auto; display: block; z-index: 2; } .campus-concat .concat-one { float: left; width: 33.3%; overflow: hidden; } .campus-concat .concat-item { width: 300px; margin-left: auto; margin-right: auto; } .campus-concat .concat-item .thumb img { display: block; margin-right: auto; margin-left: auto; } .campus-concat .concat-item .concat-txt { margin-top: 20px; } .campus-concat .concat-item .concat-txt .txt-title { display: block; text-align: center; font-size: 20px; color: #333333; font-weight: 600; } .campus-concat .concat-item .concat-txt .txt-desc { display: block; margin-top: 10px; text-align: center; font-size: 16px; color: #999999; } .job-body h2 { display: inline-block; font-size: 30px; font-weight: 500; color: #333333; padding-top: 30px; padding-bottom: 30px; position: relative; } .job-body h2:after { content: " "; position: absolute; display: block; left: 0; right: 0; bottom: 0; background-color: #d61518; height: 2px; } .job-body .job-box { margin-top: 40px; } .job-body .job-box .job-main { float: left; width: 1200px; } .job-body .job-box .job-other { float: right; width: 245px; } .job-body .job-box .job-items { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dashed #bcbcbc; } .job-body .job-box .job-items h4 { font-size: 18px; color: #333333; font-weight: 600; margin-bottom: 33px; } .job-body .job-box .job-items .job-items-cont p { font-size: 16px; color: #333333; font-weight: 400; line-height: 32px; } .job-concat .concat-one { float: left; width: 300px; overflow: hidden; } .job-concat .concat-item { width: 300px; margin-left: auto; margin-right: auto; } .job-concat .concat-item .thumb img { display: block; width: 140px; margin-right: auto; margin-left: auto; } .job-concat .concat-item .concat-txt { margin-top: 20px; } .job-concat .concat-item .concat-txt .txt-title { display: block; text-align: center; font-size: 16px; color: #333333; font-weight: 600; } .job-concat .concat-item .concat-txt .txt-desc { display: block; margin-top: 10px; text-align: center; font-size: 16px; color: #999999; } .job-other h5 { font-weight: 600; font-size: 16px; color: #333333; position: relative; padding-left: 17px; margin-bottom: 18px; } .job-other h5:before { content: " "; left: 0; top: 0; bottom: 0; width: 5px; background-color: #d61518; position: absolute; display: block; } .job-other ul li a{ padding-left: 17px; display: block; font-size: 14px; font-weight: 600; width: 100%; overflow: hidden; height: 33px; line-height: 33px; } .human-top .job-cls { height: 417px; } .search-box { width: 1200px; } .search-box .search-input { display: block; width: 560px; height: 40px; position: relative; margin-left: auto; margin-right: auto; } .search-box .search-input img { display: block; width: 20px; height: 20px; position: absolute; left: 10px; top: 10px; z-index: 2; } .search-box .search-input button { display: block; width: 100px; height: 40px; position: absolute; right: -1px; top: 0; border: none; background-color: #d43f3a; color: #ffffff; cursor: pointer; } .search-box .search-input input { position: relative; display: block; width: 362px; padding-left: 38px; padding-right: 160px; height: 38px; border: 1px solid #e1e1e1; border-radius: 5px; color: #333333; font-size: 22px; line-height: 38px; } .social-one { float: left; width: 50%; margin-bottom: 50px; } .social-one .social-item { width: 535px; height: 210px; position: relative; box-shadow: 0px 0px 6px rgba(0,0,0,.3); cursor: pointer; } .social-one .social-item .social-wl { padding-right: 210px; width: 315px; background-color: #ffffff; display: table; height: 210px; } .social-wl-tb { display: table-cell; width: 315px; text-align: center; vertical-align: middle; height: 210px; } .social-wl-tb img{ transition: all 0.6s; display: inline-block; } .social-one .social-item .social-tl { display: block; width: 210px; height: 210px; position: absolute; right: 0; top: 0; bottom: 0; } .social-tl h5 { padding-top: 72px; font-size: 24px; height: 30px; font-weight: 500; color: #fff; text-align: center; transition: all 0.6s; } .social-tl img { display: block; margin-top: 20px; margin-left: auto; margin-right: auto; } .social-one .social-item:hover .social-wl-tb img{ transform: scale(1.03); } .social-one .social-item:hover .social-tl h5{ transform: scale(1.09); opacity: .9; } .company-title h1{ font-size: 30px; color: #d61518; font-weight: 500; padding-bottom: 60px; padding-top: 60px; } .company-box .company-one { float: left; width: 33.33%; margin-bottom: 110px; } .company-box .company-one .company-item { display: block; width: 489px; cursor: pointer; } .company-box .company-one .company-item .thumb { width: 100%; display: block; position: relative; overflow: hidden; height: 303px; } .company-box .company-one .company-item .thumb img { width: 100%; height: 303px; display: block; transition: all 0.6s; } .company-box .company-one .company-item .thumb:hover img { transform: scale(1.06); opacity: 0.9; } .company-box .company-one .company-item .thumb h5 { height: 70px; width: 100%; overflow: hidden; line-height: 70px; font-size: 24px; font-weight: 500; text-indent: 20px; color: #ffffff; background-color: #ab8b55; opacity: 0.9; position: absolute; left: 0; right: 0; bottom: 0; } .company-box .company-one .company-item .desc { background-color: #f5f5f5; padding-left: 25px; padding-right: 25px; padding-top: 25px; position: relative; padding-bottom: 60px; } .company-box .company-one .company-item .desc p { font-size: 16px; font-weight: 400; height: 78px; overflow: hidden; color: #a2a2a2; line-height: 26px; } .company-box .company-one .company-item .desc .more__btn { margin-top: 23px; display: block; width: 165px; height: 40px; line-height: 40px; text-indent: 1em; position: absolute; right: 0; bottom: 0; background-color: #d2171a; color: #fff; transition: all .3s; } .company-box .company-one .company-item .desc .more__btn img { display: block; position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; } .company-box .company-one .company-item .desc .more__btn:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .company-info .top_img{ width: 100%; display: block; } .company-info-item { height: 30px; line-height: 30px; padding-top: 6px; padding-bottom: 6px; } .archive-body .company-info { margin-top: 30px; } .archive-body .company-info .thumb-title { display: block; height: 60px; margin-bottom: 15px; margin-left: 0; margin-right: 0; } .company-info .company-info-item .ccim { display: block; position: relative; float: left; width: 38px; margin: 0; } .company-info .company-info-item img{ display: block; margin: 0 auto; padding: 0; } .company-info-item .kk { display: block; float: left; font-size: 16px; color: #333; font-weight: 600; padding-right: 8px; height: 30px; line-height: 30px; } .company-info-item .vv { display: block; float: left; font-size: 16px; color: #333; font-weight: 500; height: 30px; line-height: 30px; } #footer.en .footer__menu .footer__menu_row h5 { word-break: break-word; padding-right: 7px; padding-bottom: 6px; font-size: 16px; } #footer.en .footer__menu .footer__menu_row ul { padding-right: 7px; } #footer.en .footer__menu .footer__menu_row ul li a { font-size: 13px; overflow: visible; height: auto; word-break: break-word; } #footer.en .footer__menu .footer__menu_row ul li { padding-bottom: 8px; } #footer.en .footer__menu .memu_1.ctt_130 { width: 16%; }