.wow{
opacity: 0;
}
.mobile {width:100%;}
.mobile-inner {margin-right:auto;margin-left:auto;background-color:;position:relative;}
.mobile-inner img {}
.mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;}
.mobile-inner-header {background-color: #000;width:100%;height:50px;position:relative;top:0px;z-index:33;left:0px;-webkit-transition: all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
.mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float: right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;}
.mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:1px;background-color: rgb(255, 255, 255);}
.mobile-inner-header-icon span:nth-child(1) {transform:translatey(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform:translatey(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;}
@keyframes clickfirst {0% {transform:translatey(4px) rotate(0deg);}
100% {transform:translatey(0) rotate(45deg);}
}
@keyframes clicksecond {0% {transform:translatey(-4px) rotate(0deg);}
100% {transform:translatey(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst {0% {transform:translatey(0) rotate(-45deg);}
100% {transform:translatey(-4px) rotate(0deg);}
}
@keyframes outsecond {0% {transform:translatey(0) rotate(45deg);}
100% {transform:translatey(4px) rotate(0deg);}
}
.mobile-inner-nav{
overflow: auto;
max-height: calc(100vh - 50px);
}
.mobile-inner-nav {background-color: #171c20;width:100%;position:absolute;top:50px;padding-bottom:0%;display:none;z-index:444;}
.mobile-inner-nav a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;}
.mobile-inner-nav dl {display:none;}
.mobile-inner-nav dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#ffffff;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;}
.mobile-inner-nav li {border-bottom: solid 1px rgba(255,255,255,0.13);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;}
.mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#ffffff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;}
.mobile-inner-nav h2.h2tit a {color:#ffffff;display: block;position: relative;}
.mobile-inner-nav h2.h2tit a:after{
content:"";
position:absolute;
left: 11px;
top: 21px;
border-radius:400px;
width: 10px;
height: 10px;
background:#d7000f;
}
.mobile-inner-nav a {border-bottom:none;}
.mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returntonormal;animation-name:returntonormal;}
@-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes returntonormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes returntonormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
.mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;background: url(/uploads/image/4simages/tel.png) no-repeat 6px center;background-size: 20px;}
.mobile-inner-nav li .h3tit {height:50px;position:relative;background: no-repeat 30px center;background-size:17px;}
.mobile-inner-nav li .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background: no-repeat 30px center;background-size:20px;}
.mobile-inner-nav li:last-child {border-bottom:none;}
.mobile-inner-nav li form {display:block;width:100%;height:100%;}
@charset "utf-8";@charset "utf-8";
.animated {animation-duration:1s;animation-fill-mode:both;}
.animated.infinite {animation-iteration-count:infinite;}
.animated.hinge {animation-duration:2s;}
.fadeinup {animation-duration: 1s;animation-name:fadeinup;}
@keyframes fadeinup {from {opacity:0;transform:translate3d(0,90px,0);}
to {opacity:1;transform:none;}
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr, span {
margin: 0;
padding: 0;
}
html {font-size: 62.5%;}
body {font-size: 1.4rem;}
html,body{
-moz-user-select: none; -khtml-user-select: none; user-select: none;
}
body {
font-family: "microsoft yahei" ! important;
color: #000000;
background: #fff;
margin: 0 auto;
padding: 0px;
}
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
-webkit-appearance: none;
}
input{
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;}
a {
text-decoration: none;
color: #235aa7;
outline: none;
}
a:active {
star:expression(this.onfocus=this.blur());
}
img {
border: 0px;
vertical-align: middle;
}
li {
list-style: none;
}
*{
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a:link{text-decoration:none; }
a:visited{text-decoration:none; }
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.loading {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: #fff;
z-index: 99999;
}
.loadingfa {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 29px;
color: #1f8adf;
position: absolute;
left: 50%;
margin-top: -25px;
margin-left: -25px;
top: 50%;
}
html {
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: none;
}
html {
-webkit-tap-highlight-color: transparent;
}
body {
-webkit-overflow-scrolling: touch;
}
* {
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none;
}
@keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
.xuanzhuan {
animation: 2s linear 0s normal forwards infinite rotate;
-webkit-animation: 2s linear 0s normal forwards infinite rotate;
-moz-animation: 2s linear 0s normal forwards infinite rotate;
-o-animation: 2s linear 0s normal forwards infinite rotate;
}
.xuanzhuan img{
display: block;
width: 100%;
}
.pc{
display: block;
}
.wap{
display: none;
}
.wrap:after,
.clearflex:after{
content: "";
display: table;
clear: both;
}
.wrap{
max-width: 1800px;
padding: 0px 20px;
width: 80%;
margin: auto;
}
.head,.head *{
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.head{
background: rgba(100, 100, 100, 0.2);
height: 112px;
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 777;
}
.head .logo{
float: left;
padding-top: 37px;
position: relative;
z-index: 5;
}
.head .logo img{
}
.head .nav{
position: absolute;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
font-size: 0;
}
.head .nav ul li:last-child{
border:none
}
.head .nav ul li .current {
background: rgba(255,255,255,.15);
transition: all .65s;
}
.head .nav ul li{
display: inline-block;
border-right: 1px solid rgba(100,100,100,.1);
}
.head .nav ul .navon{
background: rgba(255,255,255,.15);
transition: all .65s;
}
.head.current ul .navon {
background: rgba(215,0,15,1);
}
.head .nav ul li .h2tit a:hover{
background: rgba(0,0,0,.15);
}
.head .nav ul li .h2tit a{
line-height: 112px;
display: block;
color: #fff;
color: #fff;
font-size: 16px;
padding: 0 28px;
display: block;
transition: all .36s;
}
.head .nav ul{
}
.head .tel{
float: right;
position: relative;
z-index: 4;
line-height: 112px;
font-size: 24px;
font-weight: bold;
color: #fff;
padding-left: 40px;
background: url(/uploads/image/4simages/tel.png) no-repeat left center;
background-size: 31px;
}
.banner{
}
.banner .img a{
display: block;
height: 900px;
}
.banner .img{
}
.banner .swiper-pagination{
}
.banner .swiper-pagination *.swiper-pagination-bullet-active{
background: #eb1d23;
height: 4px;
border: 1px solid #eb1d23;
}
.banner .swiper-pagination *{
width: 100px;
height: 4px;
background: #fff;
opacity: 1;
border-radius: 0;
border: 1px solid #fff;
display: inline-block;
margin-right: 20px;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.banner .swiper-button-next{
position: absolute;
z-index: 100;
width: 80px;
height: 80px;
top: 50%;
margin-top: -40px;
display: block;
background: url(/uploads/image/4simages/handle.png) no-repeat;
background-position: -80px 0;
right: -20%;
left: auto;
transition: right .8s ease;
}
.banner .swiper-button-prev{
position: absolute;
z-index: 100;
width: 80px;
height: 80px;
top: 50%;
margin-top: -40px;
display: block;
background: url(/uploads/image/4simages/handle.png) no-repeat;
background-position: 0 0;
left: -20%;
right: auto;
transition: left .8s ease;
}
.banner:hover .swiper-button-next{
right: 50px;
}
.banner:hover .swiper-button-prev{
left: 50px;
}
.index{
}
.index .section1 .icon-int li:last-child{
background: none
}
.index .section1 .icon-int li{
width: 16.6%;
height: 320px;
text-align: center;
color: #d7000f;
position: relative;
float: left;
z-index: 5;
background: url(/uploads/image/4simages/liner.png) no-repeat 0 center;
}
.index .section1 .icon-int li .icon-int-b{
position: absolute;
left: 0;
top:0;
width: 100%;
z-index: 99;
height: 320px;
overflow: hidden;
background: no-repeat 0 center;
transition:height 0.3s;
transition:background 0.45s;
-webkit-transition: all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.int-icon{
font-size: 80px;
margin-top: 90px;
transition:margin-top 0.8s;
}
.index .section1 .icon-int li h1{
font-size: 20px;
margin: 28px 0;
transition:margin-top 0.8s;
}
.index .section1 .icon-int li p{
font-size: 14px;
}
.icon-int-text *{
transition: all 0.3s;
}
.icon-int-text{
opacity: 0;
margin-top: 30px;
-webkit-transition: all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.index .section1 .icon-int li .icon-int-b:hover a *{
color:#fff
}
.index .section1 .icon-int li .icon-int-b:hover a{
color: #fff
}
.index .section1 .icon-int li .icon-int-b a{
display:block;
height:100%;
}
.index .section1 .icon-int li .icon-int-b a *{
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.index .section1 .icon-int li .icon-int-b a{
color: #d7000f;
}
.index .section1 .icon-int li .icon-int-b:hover{
width: 100%;
height: 110%;
background: #d7000f;
left: 0;
top:-15px;
color: #fff;
}
.index .section1 .icon-int li .icon-int-b:hover .int-icon{
margin-top: 60px;
}
.index .section1 .icon-int li .icon-int-b:hover .index .section1 .icon-int li h1{
margin-top: 15px;
}
.index .section1 .icon-int li .icon-int-b:hover .icon-int-text{
opacity: 1;
margin-top: 0;
}
.index .section1:after{
content: "";
display: table;
clear: both;
}
.views-box{
width: 100%;
height: 650px;
background: no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.views-box{
margin-top:-20px;
text-align: center;
color: #fff;
/*padding-top: 178px;*/
position: relative;
}
.vb-pos{
position: absolute;
top: 25%;
top: translate(-50%,-50%);
width: 100%
}
.views-box h1{
margin: 0;
font-size: 42px;
text-align: center;
}
.views-box h2{
font-size: 24px;
margin-bottom: 88px;
text-align: center;
}
.views-text p{
font-size: 20px;
margin-bottom: 22px;
text-align: center;
}
.case-tit{
width: 100%;
background: no-repeat center 0;
text-align: center;
padding: 6% 0 8%;
}
.case-tit h1{
font-size: 52px;
margin: 0 0 25px;
}
.case-tit h5{
font-size: 30px;
color: #d7000f;
}
.nav-case{
width: 100%;
background: #d7000f;
}
.nav-case li a{
color: #fff;
font-size: 14px;
padding: 20px 0;
display: block;
text-align: center;
transition: all .5s;
}
.nav-case li{
float: left;
width: 14.28%;
}
.nav-case li a:hover{
background: #770400;
}
.case-img.last{
display: none;
}
.case-img-box{
width: 100%;
overflow: hidden;
}
.case-img{
width: 25%;
float: left;
overflow: hidden;
}
.case-img .case-photo{
width: 100%;
transition: all .5s;
}
.case-img:hover .case-photo{
transform: scale(1.2);
}
.case-img a{
display: block;
width: 100%;
position: relative;
overflow: hidden;
}
.case-text{
position: absolute;
left: 0;
top:0;
background: #d7000f;
width: 100%;
height: 100%;
padding: 0 11%;
opacity: 0;
transition: opacity 1s;
-khtml-opacity:0;
-moz-opacity:0;
filter:alpha(opacity=60);
filter:"alpha(opacity=0)";
opacity:0;
filter: progid:dximagetransform.microsoft.alpha(opacity=0);
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: center;
}
.case-text h1{
color: #fff;
font-size: 28px;
/* margin-top: 30%; */
line-height: 1.3;
}
.case-text h6{
color: #fff;
font-size: 18px;
padding-top: 10px;
line-height: 1.5;
}
.case-img:hover .case-text{
opacity: 1;
-khtml-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";opacity:1; filter: progid:dximagetransform.microsoft.alpha(opacity=100);
}
.more{
color: #000;
border: 1px solid #000;
padding: 10px 30px;
margin: 94px auto;
display: block;
width: 150px;
transition-duration:0.5s;
text-align:center;
}
.nav-case .nn-active{
background: #770400;
}
.more:hover{
background: #d7000f;
color: #fff;
border: 1px solid #d7000f;
}
.ban-mid{
background: no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*padding: 6% 0 6%;*/
overflow: hidden;
position: relative;
height: 345px;
}
.bm-pos{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 1200px;
max-width: 100%;
}
.ban-mid h1{
color: #fff;
font-size: 50px;
text-align: center;
/*margin-top: 150px;*/
margin-bottom: 25px;
}
.ban-mid h5{
color: #fff;
font-size: 20px;
text-align: center;
/*margin-top: 180px;*/
}
.ascendancy-box{
padding-bottom: 110px;
border-bottom: 1px solid #c9caca;
}
.ascendancy-box>h1{
text-align: center;
font-size: 42px;
color: #464646;
padding: 88px 0 18px;
}
.ascendancy-box>h3{
text-align: center;
font-size: 24px;
color: #a7a7a7;
margin-bottom: 78px;
}
.asc-list li{
float: left;
width: 23%;
margin: 0 1%;
border: 1px solid #000;
padding-bottom: 18px;
transition-duration: .5s;
}
.asc-list h4{
font-size: 16px;
color: #a7a7a7;
text-align: center;
margin: 21px 0 17px;
}
.asc-list h1{
font-size: 26px;
color: #464646;
text-align: center;
}
.asc-icon{
width: 72px;
height: 72px;
border-radius: 72px;
background: #464646;
margin: 25px auto;
text-align: center;
display: block;
color: #fff;
font-size: 26px;
line-height: 72px;
position: relative;
}
.asc-icon .add{
font-size: 10px;
position: absolute;
right: 10px;
top: -10px;
}
.asc-list p{
text-align: center;
color: #a7a7a7;
font-size: 14px;
margin-bottom: 12px;
}
.asc-list li:hover{
background: #d7000f;
border: 1px solid #d7000f;
}
.asc-list li:hover .al1{
color: #fff;
}
.asc-list li:hover .al2{
color: #fff;
}
.asc-list li:hover .al3{
color: #d7000f;
background: #fff;
}
.asc-list li:hover .al4{
color: #d7000f;
}
.asc-list li:hover .al5{
color: #fff;
}
.ascendancy-box{
padding-bottom: 110px;
border-bottom: 1px solid #c9caca;
zoom: 1;
overflow: hidden;
}
.epilogue-box{
padding: 125px 0 85px;
text-align: center;
background: #f2f2f2;
min-height: 434px;
}
.epilogue-box h1{
font-size: 42px;
color: #464646;
margin: 0 0 18px;
}
.epilogue-box h3{
color: #a7a7a7;
font-size: 24px;
margin: 0 0 50px;
}
.epilogue-box a{
padding: 10px 0;
display: block;
border: 1px solid #111;
width: 150px;
margin: 0 auto 20px;
color: #000;
transition-duration: .5s;
}
.epilogue-box a:hover{
background: #d7000f;
color: #fff;
border: 1px solid #d7000f;
}
.epilogue-box h5{
color: #a7a7a7;
font-size: 18px;
margin: 0;
}
.news_page_li:hover .case_index_black{opacity:1}
.news_page_li:hover .case_index_img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.news_index_title,.news_index_title a{font-size:30px;font-weight:bold;color:#595757}
.news_index_title a,.news_index_title a:hover{text-decoration:none}
.news_index_box{padding:100px 0;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}
.news_index_list{font-size:0;padding:30px 0 5px 0;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}
.news_index_li{width:100%;zoom: 1;overflow: hidden;position: relative;margin-bottom: 30px;}
.news_index_li .news_sort_wrap {
width: 47%;
float: left;
}
.news_index_li .news_sort_wrap:nth-child(1) {
width: 48%;
float: left;
margin-right: 0%;
}
.news_index_li .news_index_banner {
width: 47%;
padding: 0;
position: absolute;
right: 0;
top: 0px;
height: 100%;
overflow: hidden;
}
.news_index_li .news_index_banner:nth-child(2) {
width: 50%;
float: right;
position: absolute;
height: 100%;
right: 0;
top: 0px;
}
.news_index_li:nth-child(2n) .news_index_banner{
right:auto;
left:0px;
}
.news_index_li:nth-child(2n) .news_sort_wrap{
float:right;
}
.news_index_banner a:hover{
-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
}
.news_index_li:nth-child(1){/* padding:0 40px 0 0; */}
.news_index_li:nth-child(2n){}
.news_index_banner a{display:block;height: 100%;-webkit-transition: all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
.news_index_banner a img{-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1);margin-bottom: 0;}
.news_index_banner a:hover img{/*! -webkit-transform:scale(1.1); *//*! transform:scale(1.1) */}
.news_sort_top{position:relative;padding:0;}
.news_sort_top .news_sore_title{background: url(/uploads/image/4simages/le.png) no-repeat left;padding-left: 20px;}
.news_index_pd{padding:21px 0;border-bottom: 1px solid #e6e6e6 !important;}
.news_index_pd:nth-child(1){padding-top: 0;}
.news_index_pd:nth-child(2){border: none !important;/* margin-bottom: 11px; */}
.news_sore_title a{display:inline-block;font-size:18px;color:#3e3a39;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}
.news_sore_title a:hover{color:rgb(215, 0, 15);}
.news_sore_text{font-size:14px;line-height:28px;height:28px;overflow:hidden;color:#888;margin:6px 0 0 0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;}
.news_min_list{font-size:0;padding:5px 0 0 0;zoom: 1;overflow: hidden;}
.news_min_li{width:25%;line-height:30px;height:30px;padding-right:10px;float: left;}
.news_min_li a{font-size:14px;color:#888;display:block;padding:0;position:relative;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1);list-style: none;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_min_li a:after {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
width: 4px;
height: 4px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #888;
-webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);
transition: all .6s cubic-bezier(.645, .045, .355, 1);
}
.news_min_li a:hover{color:#000}
.news_min_li a:hover:after{background:#000}
.news_index_bd{padding:10px 0;border-bottom: 1px solid #ddd;}
.news_more_wrap{width:248px;height:66px;text-align:center;line-height:64px;margin:50px auto 130px;border:1px solid #dedede;-webkit-border-radius:4px;border-radius:4px;position:relative;box-sizing:border-box;overflow:hidden;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}
.news_more_wrap:after{background:#f00;content:"";position:absolute;left:0;top:0;width:0;height:100%;box-sizing:border-box;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}
.news_more_wrap a{display:block;font-size:20px;color:#595757;font-weight:bold;position:relative;z-index:1;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}
.news_more_wrap:hover:after{width:100%}
.news_more_wrap:hover{border:1px solid #f00}
.news_more_wrap:hover a{color:#fff}
.footer-box{
color: #c0c0c0;
background: #191919;
padding: 60px 15px;
overflow: hidden;
height: 379px;
}
.qr-code{
margin-right: 18px;
}
.footer-box h3{
font-size: 12px;
padding: 6px 0 23px;
margin: 0;
color: #7e7e7e;
}
.footer-box hr{
margin: 0 0 20px;
width: 199px;
max-width: 100%;
}
.footer-box h2{
font-size: 14px;
margin: 0 0 10px;
color: #7e7e7e;
}
.foot-nav>ul>li{
float: left;
margin-right: 46px;
font-size: 18px;
width: 135px;
min-height: 220px;
color: #7e7e7e;
text-align: center;
}
.foot-nav > ul > li .line {
border-top: 1px solid #7e7e7e;
width: 69px;
margin: 10px auto;
}
.youlian .line {
width: 1px;
margin: 2px 10px 0px 10px;
padding: 0;
height: 12px;
border-right: 1px solid #616161;
}
.foot-nav>ul>li:nth-child(5){
border-right:none;
}
.foot-nav li a{
color: #7e7e7e;
font-size: 14px;
margin-bottom: 10px;
display: block;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clearfix{
clear: both;
}
.footer-box .footleft {
width: 80%;
margin: 0 auto;
float: left;
}
.footer-box .footright {
width: auto;
margin: 0 auto;
float: right;
}
.mt{
margin-top: 20px;
}
.sc-text p{
margin-bottom: 2px;
color: #7e7e7e;
}
.sc-img{
margin-top: 4px;
margin-right: 10px;
}
.sc li{
float: left;
width: 100%;
padding: 2%;
height: 60px;
line-height: 18px;
}
.sc{
width: 196px;
font-size: 14px;
}
.nav-box-ph>.nav-ph-1{
width: 100%;
background: rgba(255,255,255,.3);
padding: 20px 2%;
}
.nav-box-ph{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.nav-ph-icon{
color: #fff;
margin-left: 2%;
font-size: 20px;
cursor: pointer;
}
.nav-box-ph>.nav-ph-2{
width: 300px;
height: 100%;
background: #000;
position: absolute;
left: 0;
top:50px;
z-index: 9999999999;
}
.foot-box{
padding: 20px;
background: #000;
text-align: center;
color: #fff;
}
.foot-box h2{
font-size: 12px;
color: rgba(255,255,255,.2);
text-align: center;
margin: 0;
padding: 25px 0;
}
.youlian {
/* width: 1360px !important; */
margin: 5px auto !important;
/* line-height: 30px; */
text-align: center;
/* height: 30px; */
justify-content: center;
align-items: center;
display: flex;
margin-top: 10px;
}
.youlian span{
font-size:14px;
color:#616161;
text-decoration:none;
float: left;
}
.youlian a{
font-size:14px;
color: #616161;
text-decoration:none;
margin-right:10px;
float: left;
}
.youlian a:hover{
text-decoration:none;
margin-right:10px;
}
.fw{
position: fixed;
z-index: 9999999;
right: 7px;
bottom: 63px;
}
.fw-c{
width: 40px;
height: 40px;
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
font-size: 18px;
line-height: 40px;
text-align: center;
cursor: pointer;
color: #2e2e2e;
background-color: #fff;
transition: all .65s ease;
display: flex;
justify-content: center;
align-items: center;
}
.fw-c .fa-mobile-phone{
font-size: 24px;
}
.fw-c:last-child{
border-bottom: 1px solid #eaeaea;
/*padding-top: 2px;*/
border-top: none;
}
.fw-c:last-child i{
font-size: 18px;
position: relative;
top: -4px;
}
.fw-c:nth-child(4){
border-bottom: 1px solid #eaeaea;
}
.fw-c:hover{
background-color: #222;
color: #fff;
}
.fw-shares{
position: absolute;
right: 2px;
bottom: 120px;
width: 180px;
box-shadow: 0 5px 9px rgba(0,0,0,.3);
z-index: 99999999;
height: auto;
background-color: #fff;
transition: all .65s ease;
left: auto;
}
.fws-tit{
padding: 16px 20px;
color: #fff;
font-size: 14px;
line-height: 16px;
background-color: #444;
}
.fws-tit .fa-close{
cursor: pointer;
float: right;
transition: all .65s ease;
}
.fws-tit .fa-close:hover{
transform: rotate(90deg);
}
.fws-qq{
padding: 12px 30px;
display: block;
color: #333;
background-color: #e5e5e5;
transition: all .65s ease;
}
.fws-qq span,.fws-ph span{
color: #353434;
transition: all .65s ease;
}
.fws-qq .fa-qq{
font-size: 16px;
color: #5e5e5e;
transition: all .65s ease;
}
.fws-qq:hover{
background-color: #999;
}
.fws-qq:hover span{
color: #fff !important;
}
.fws-qq .fa-qq{
margin-right: 20px;
}
.fws-qq:hover{
color: #333;
text-decoration: none;
}
.fws-ph{
padding: 20px 30px;
}
.fws-ph .fa-phone{
font-size: 18px;
margin-right: 20px;
}
#f-wb{
position: absolute;
display: block;
width: 40px;
height: 40px;
left: 0;
top: 0;
z-index: 99;
opacity: 0;
}
#sharebtn{
position: relative;
}
.fws_act{
right: -500px;
opacity: 0;
}
.fwc-c{
position: relative;
right: -500px;
opacity: 0;
}
.fc-act{
right: 0;
opacity: 1;
}
.fw-p{
display: none;
position: fixed;
bottom: 120px;
right: 25px;
z-index: 999999;
width: 50px;
}
.fwp-item{
width: 0;
height: 0;
position: relative;
z-index: -1;
opacity: 0;
cursor: pointer;
text-align: center;
line-height: 40px;
border-radius: 100%;
background-color: rgba(215,0,15,.8);
color: #fff;
margin: 0 auto 15px;
transition: all .65s ease;
display: flex;
justify-content: center;
align-items: center;
}
.fwp-item:hover{
color: #fff;
}
.fwp-top span{
font-size: 24px;
}
.fwp-top .icon-less{
font-size: 22px;
}
.fw-top span{
font-size: 24px;
}
.fw-top{
padding-top: 4px;
opacity: 0;
transition: all .65s ease;
}
.fwt-act{
opacity: 1;
}
.fwp-more {
width: 50px;
text-align: center;
line-height: 52px;
color: #fff;
background-color: rgba(215,0,15,.8);
cursor: pointer;
border-radius: 50px;
position: absolute;
bottom: -50px;
display: block;
height: 50px;
}
.fwp-more span{
font-size: 30px;
color: #fff;
transition: all .65s ease;
}
.fa-times.fpi-act{
width:auto;
height:auto;
t;
transform: rotate(-0deg);
}
.fa-times{
font-size: 19px;
color: #fff;
cursor: pointer;
transform: rotate(-135deg);
transition: all .65s ease;
}
.fpc-act{
transform: rotate(0deg);
margin-top: 4px;
}
.fpi-act{
width: 40px;
height: 40px;
z-index: 999;
opacity: 1;
}
.fw-qq-t{
font-size: 12px;
}
.fws-ph .fw-p-t{
font-size: 16px;
line-height: 18px;
display: block;
margin-top: 10px;
color: #7f7f7f;
}
.fw-p-t2{
font-size: 12px;
}
.fwp-more .fa-close:before{
content: "";
}
.fwp-more span{
font-size: 46px;
font-weight: 200;
}
.fw-zz{
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0,0,0,.5);
z-index: 999999;
display: none;
}
.erm-box{
width: 260px;
padding: 20px;
background-color: #fff;
position: absolute;
top: 150px;
left: 50%;
margin-left: -130px;
}
.eb-i img{
width: 100%;
}
.erm-box p{
text-align: center;
font-size: 14px;
color: #000;
margin-bottom: 0;
}
@media (max-width: 650px) {
.fw{
display: none;
}
.fw-p{
display: block;
}
}
.fd-tel {
display: none;
}
.fw-p {
display: none;
position: fixed;
bottom: 130px;
right: 25px;
z-index: 999999;
width: 50px;
}
.fpi-act {
width: 40px;
height: 40px;
z-index: 999;
opacity: 1;
}
.fwp-top .fa-mobile{
font-size: 22px;
}
.head.current{
height: 88px;
background: rgb(23, 28, 32)
}
.current.head .tel,
.current.head .nav ul li .h2tit a{
line-height: 88px;
}
.current.head .logo{
padding-top: 25px;
}
.current.head .nav ul li .h2tit a:hover,
.current.head .nav ul li .h2tit a.current{
background: #d7000f;
color: #fff;
}
.cbanner{
}
.cbanner img{
display: none;
width: 100%;
}
.cbanner .img{
height: 480px;
}
.nav-case li a.current,
.nav-case li a:hover {
background: #770400;
}
.case_content_wrap{}
.case_content_box{padding:45px 0 45px 0;margin:0 auto;border-bottom: 1px solid #e4e4e4;}
.case_content_box .news_page_top{padding:0;}
.case_top_box{/* font-size:0 */}
.case_top_title{font-size:24px;font-weight:normal;color:#888;}
.case_top_title h1,.case_top_title h2,.case_top_title h3,.case_top_title h4,.case_top_title h5,.case_top_title h6{font-weight:normal;font-size:inherit;margin:0}
.case_top_box{padding-bottom:70px;/* zoom: 1; *//* overflow: hidden; */}
.case_top_box:after{
content:"";
display:table;
clear:both;
}
.case_top_label{
font-size:14px;line-height:28px;
color:#888;padding:50px 0 0 0;
}
.case_top_left{width:50%;float: left;}
.case_top_right{width: 47%;float: right;}
.case_top_text{font-size:14px;line-height:28px;color:#888}
.case_bjq_box{color:#888;margin-bottom:80px;overflow:hidden;font-size: 14px;line-height: 25px;}
.case_bjq_box h1,.case_bjq_box h2,.case_bjq_box h3,.case_bjq_box h4,.case_bjq_box h5,.case_bjq_box h6{font-weight:normal}
.case_bjq_box h1{font-size:1.4em}
.case_bjq_box h2{font-size:1.2em}
.case_bjq_box h3{font-size:1.1em}
.case_bjq_box h4{font-size:1.1em}
.case_bjq_box h5{font-size:1.1em}
.case_bjq_box h6{font-size:1.1em}
.case_bjq_box p{font-size:14px;line-height:28px;color:#888}
.case_bjq_box img{margin:11px 0;max-width:100%;width:auto;display:block}
.case_page_box{position:relative}
.case_read_button{width:108px;height:30px;top:0;position:absolute;cursor:pointer}
.case_prev_button{left:0}
.case_prev_button:after{content:"";position:absolute;right:0;top:50%;width:102px;height:1px;background:#d2d2d2;-webkit-transform:translatey(-50%);transform:translatey(-50%)}
.case_prev_button:before{content:'';position:absolute;left:0;top:50%;height:0;width:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-right:6px solid #d2d2d2;-webkit-transform:translatey(-50%);transform:translatey(-50%);z-index:1}
.case_next_button{right:0}
.case_next_button:after{content:"";position:absolute;left:0;top:50%;width:102px;height:1px;background:#d2d2d2;-webkit-transform:translatey(-50%);transform:translatey(-50%)}
.case_next_button:before{content:'';position:absolute;right:0;top:50%;height:0;width:0;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:6px solid #d2d2d2;-webkit-transform:translatey(-50%);transform:translatey(-50%);z-index:1}
.case_center_button{width:30px;height:30px;position:relative;margin:0 auto;cursor:pointer}
.case_center_button a{position:relative;height:100%;display:block;z-index:1}
.case_center_button:after{content:"";width:40px;height:1px;background:#d2d2d2;position:absolute;left:-5px;top:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.case_center_button:before{content:"";width:40px;height:1px;background:#d2d2d2;position:absolute;right:-5px;top:14px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.case_read_button a{position:relative;z-index:2;display:block;height:100%}
.case_content_brand{background:#4b3a93;padding:155px 0;font-size:0}
.case_brand_left{width:57%}
.case_brand_right{width:43%;padding-right:30px}
.case_brand_max{font-size:88px;color:#fff;line-height:120px;letter-spacing:16px}
.case_brand_title{font-size:88px;color:#ebc230;font-weight:bold;line-height:120px;letter-spacing:16px}
.case_brand_min{font-size:22px;color:#fff;padding:20px 0 0 0}
.case_brand_box{width:1360px;margin:0 auto}
.case_brand_border{border:1px solid rgba(255,255,255,.6);font-size:0;position:relative}
.case_border_left{width:45%;padding:40px 0}
.case_border_right{width:55%;position:absolute;height:100%;border-left:1px solid rgba(255,255,255,.6)}
.case_border_ewm{width:180px;margin:0 auto}
.case_border_text{font-size:22px;color:#fff;text-align:center;line-height:54px}
.case_center_box{width:80%;position:absolute;top:50%;left:10%;-webkit-transform:translatey(-50%);transform:translatey(-50%)}
.case_more_box{height: 40px;background: url(/uploads/image/4simages/xiajt.png) no-repeat center;}
.case_tel_box:nth-child(1){margin-bottom:40px}
.case_border_title{font-size:22px;color:#fff;line-height:44px;border-bottom:1px solid rgba(255,255,255,.6)}
.case_border_phone{padding:5px 0 0 0}
.case_border_phone a{display:block;color:#ebc230;font-size:17px;line-height:28px}
.case_read_list{margin:0 auto;padding:80px 55px 0}
.case_read_title{text-align:center;padding:70px}
.case_read_cn{font-size:42px;color:#000;padding:0;text-transform: capitalize;}
.case_read_en{font-size:22px;color:#a7a7a7;padding:0;text-transform: capitalize;}
.case_read_more{width:270px;height:46px;text-align:center;margin:80px auto 0;position:relative;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1)}
.case_read_more a{display:block;font-size:14px;position:relative;z-index:1;line-height:44px;border:1px solid #dfdfdf;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1);color:#595757}
.case_read_more:after{content:'';position:absolute;left:0;top:0;width:0;height:100%;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1);background:#f00}
.case_read_more:hover a{color:#fff;border:1px solid #f00}
.case_read_more:hover:after{width:100%;color:#fff}
.news_page_top {
font-size: 0;
height: 50px;
line-height: 50px;
}
.news_page_left {
color: #888;
font-size: 14px;
width: 40%;
justify-content: left;
align-items: center;
display: flex;
float: left;
}
.news_page_left_full {
width: 100%;
padding: 0;
margin-bottom: 85px;
}
.news_page_left a {
color: #888;
font-size: 14px;
}
.case_top_label a {
color: #888;
}
.inf-btn ul{
width: 650px;
margin: 0 auto;
}
.inf-btn.bt .wrap{
position: relative;
}
.inf-btn.bt .wrap:after{
content: "";
border-top: 1px solid #e4e4e4;
width: 100%;
position: absolute;
position:absolute;
top: 0%;
left: 50%;
-o-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
top: -85px;
}
.inf-btn{
position: relative;
padding: 85px 0;
zoom: 1;
overflow: hidden;
}
.infor-tit1{
padding: 85px 0;
text-align: center;
}
.inf-t1{
font-size: 54px;
color: #595757;
padding-bottom: 35px;
position: relative;
}
.inf-t1:after{
content: "";
width: 100px;
height: 2px;
background: #d7000f;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -50px;
}
.infor-tit1 p{
color: #595757;
font-size: 24px;
margin: 30px 0 0 0;
}
.btn-p:last-child{
margin-right: 0;
}
.btn-p {
text-align: center;
border: 1px solid #d7000f;
background: #fff;
transition: all .5s;
width: calc((100% - 45px)/4);
float: left;
margin-right: 15px;
box-sizing: border-box;
}
.btn-p a:hover{
color:#fff;
background:#d7000f
}
.btn-p a {
color: #d7000f;
line-height: 35px;
width: 100%;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
display: block;
}
.titlemodel{
text-align: center;
padding-top: 70px;
padding-bottom: 120px;
}
.titlemodel .cn{
font-size: 42px;
color: #000;
padding: 0;
text-transform: capitalize;
}
.titlemodel .en{
font-size: 22px;
color: #a7a7a7;
padding: 0;
text-transform: capitalize;
}
.ser-text-01 {
text-align: center;
padding-bottom: 80px;
}
.ser-text-01 h4 {
color: #595757;
font-size: 30px;
margin: 100px 0 45px;
}
.ser-text-01 h2 {
font-size: 68px;
color: #595757;
font-weight: normal;
margin: 0;
}
.ser-text-01 h1 {
font-size: 71px;
color: #db1913;
margin: 20px 0 65px;
}
.ser-text-01 h6 {
font-size: 18px;
color: #9fa0a0;
margin-bottom: 30px;
}
.ser-text-01 p {
margin-bottom: 10px;
font-size: 26px;
color: #595757;
}
.dc-list {
float: left;
width: 33.3%;
height: 360px;
}
.dc-list:nth-child(odd) {
background: #efefef;
color: #d7000f;
transition: all .36s;
}
.dc-list a {
padding: 60px 124px 60px 60px;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.dc-list h1 {
font-size: 50px;
margin: 0;
text-transform: uppercase;
color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: normal;
font-weight: bold;
}
.dc-list h3 {
font-size: 20px;
margin: 25px 0 15px;
color: #898989;
}
.dc-list:nth-child(odd) p {
color: #898989;
}
.dc-list:nth-child(even) {
background: #d7000f;
color: #fff;
transition: all .36s;
}
.dc-list:nth-child(even) h3 {
color: #fff;
}
.dc-list:nth-child(even) p {
color: #fff;
}
.dc-list p {
font-size: 14px;
margin: 50px 0 10px;
letter-spacing: 0.5px;
transition: all .5s;
}
.dc-list:hover {
background: #434343;
}
.dc-list:hover p {
color: #fff;
}
.dc-list:hover p {
margin-top: 0;
}
.dc-list:hover h3 {
color: #fff;
}
.ser-ascendancy {
padding-bottom: 140px;
text-align: center;
zoom: 1;
overflow: hidden;
}
.ser-ascendancy h1 {
text-align: center;
font-size: 45px;
margin: 135px 0 35px;
color: #595757;
}
.ser-ascendancy h2 {
width: 750px;
margin: 0 auto 100px;
font-size: 16px;
line-height: 25px;
text-align: center;
color: #595757;
max-width: 100%;
}
.ser-ascendancy ul {
width: 750px;
margin: 0 auto;
max-width: 100%;
zoom: 1;
overflow: hidden;
}
.sa-list {
float: left;
width: 33.3%;
}
.sa-list h3 {
text-align: center;
font-size: 77px;
color: #595757;
margin: 0;
font-weight: 600;
}
.sa-list p {
text-align: center;
font-size: 20px;
color: #595757;
margin: 25px 0 0;
}
.an:after {
content: " ";
}
.creative_strategy {
background: #d7000f;
padding: 85px 0 0;
color: #fff;
text-align: center;
position: relative;
}
.csi {
position: relative;
max-width: 700px;
margin: 0 auto;
}
.cs-img {
width: 100%;
max-width: 700px;
}
.cs-icon {
cursor: pointer;
position: absolute;
z-index: 9;
}
.cs-ic-01 {
left: 0;
bottom: 60px;
}
.cs-ic-02 {
left: 105px;
bottom: 200px;
}
.cs-icon span {
color: rgba(255,255,255,.3);
font-size: 85px;
-webkit-transition: all .36s;
-moz-transition: all .36s;
-o-transition: all .36s;
transition: all .36s;
}
.cs-icon.cst-active span {
color: rgba(255,255,255,1);
}
.cs-ic-03 {
left: 50%;
top: 15px;
margin-left: -50px;
}
.cs-ic-04 {
right: 0;
bottom: 60px;
}
.cs-ic-05 {
right: 105px;
bottom: 200px;
}
.creative_strategy h1 {
margin: 0;
font-size: 55px;
}
.creative_strategy h2 {
margin: 40px auto 45px;
font-size: 20px;
width: 750px;
letter-spacing: 0.8px;
line-height: 28px;
}
.news-box{
padding: 100px 0;
border-bottom: 1px solid #ccc;
}
.nb-nav li{
float: left;
padding: 8px 20px;
margin-right: 8px;
cursor: pointer;
transition: all .35s;
}
.nb-nav li a{
color:#333;
}
.nb-nav li:hover a{
color: #fff;
}
.nb-nav .nn-active{
background: #d7000f;
color: #fff;
}
.nb-nav .nn-active a{
color: #fff;
}
.nb-nav li:hover{
background: #d7000f;
color: #fff;
}
.nb-nav{
margin-bottom: 40px;
}
.nbl-i {
width: 340px;
height: 145px;
overflow: hidden;
margin-right: 35px;
position: relative;
}
.nbl-t {
width: calc(100% - 475px);
padding: 0px 25px px 0;
height: 145px;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: center;
}
.morewrap{
border-left: 1px solid #999;
height: 26px;
position: absolute;
right: 79px;
top: 126px;
width: 26px;
}
.morewrap .nbl-more{
}
.morewrap .nbl-more:nth-child(2){
right: 30px;
opacity: 0;
}
.nb-list-box a:hover .morewrap .nbl-more{
right: -54px;
opacity: 0;
}
.nb-list-box a:hover .morewrap .nbl-more:nth-child(2){
right: -28px;
opacity: 1;
}
.nbl-date {
position: absolute;
right: 50px;
top: 60px;
color: #999;
font-size: 26px;
font-family: "helveticaneuethn";
font-weight: lighter;
z-index: 999;
}
.nbl-more {
position: absolute;
z-index: 999;
font-size: 20px;
width: 56px;
height: 26px;
line-height: 26px;
color: #999;
text-align: center;
/* border-left: 1px solid #999; */
right: -25px;
-webkit-transition: all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.nb-list-box:hover .nbl-i .img{
-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
}
.nbl-i .img{
height: 100%;
display: block;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.nbl-i img {
width: 100%;
position: absolute;
top: 50%;
transform: translatey(-50%);
}
.nbl-t h1 {
margin: 0;
font-size: 16px;
line-height: 30px;
color: #303030;
padding-bottom: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nbl-t p {
font-size: 14px;
line-height: 26px;
height: 52px;
color: #888;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.nbl-more .nm-r {
position: relative;
z-index: 999;
transition: all .35s;
left: 0;
}
.nb-list {
padding: 30px 140px 30px 0;
display: block;
position: relative;
border-bottom: 1px solid #e5e5e5;
transition: all .36s;
}
.pagination {
display: flex;
width: 100%;
margin: auto;
flex-direction: row;
align-content: center;
justify-content: center;
}
.page-box {
margin-top: 80px;
position: relative;
}
.pagination > li {
display: inline;
margin-right: 10px;
border-radius: 0;
}
.pagination a{
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.pagination>li:hover>a,
.pagination>.active>a {
background: #d7000f;
border-color: #d7000f;
color: #fff;
}
.nb-list:hover {
box-shadow: 0 8px 35px rgba(0,0,0,.08);
padding-left: 20px;
padding-right: 120px;
}
.nb-list:hover .nbl-t>h1 {
color: #d7000f;
}
.nb-list:hover .nm-r {
}
@keyframes moveright{
0% {
left: -50px;
opacity: 0;
}
100% {
opacity: 1;
left: 0;
}
}
.inf-tit {
padding: 90px 0 45px;
border-bottom: 1px solid #c9caca;
}
.inf-tit h1 {
color: #595757;
text-align: center;
font-size: 24px;
margin: 0 0 35px 0;
}
.inf-tit h2 {
margin: 0;
color: #898989;
font-size: 18px;
text-align: center;
}
.inf-body {
padding: 45px 0 65px;
}
.inf-body p {
font-size: 14px;
color: #727171;
line-height: 32px;
margin-bottom: 0;
}
.inf-body img {
width: 100% !important;
margin: 0 auto !important;
height: auto !important;
max-width: 1200px;
margin: auto;
display: block;
}
.ab-icon-box {
padding: 3% 0% 6%;
text-align: center;
}
.ab-icon-box .ai-t {
text-align: center;
margin-bottom: 50px;
}
.ab-icon-box p {
font-size: 18px;
color: #595757;
}
.ab-icon-box .ai-t span {
padding: 0 0 25px 0;
border-bottom: 1px solid #ce211b;
color: #595757;
font-size: 48px;
}
.ab-img-box {
margin-top: 40px;
}
.ab-img-box li {
float: left;
width: 33.3%;
box-shadow: 0 0 0 rgba(0,0,0,.15);
transition: all .36s;
overflow: hidden;
}
.ab-img-box li img {
width: 100%;
}
.ab-img-box li img {
transition: all .36s;
}
.ab-icon-box .min{
width: 885px;
max-width: 100%;
margin: auto;
}
.ab-img-box li img:hover{
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.ab-ban-bg {
width: 100%;
background: #ccc;
padding: 8% 0;
text-align: center;
overflow: hidden;
background: url(/uploads/image/4simages/ab-ban2.jpg) repeat-x center bottom;
background-size: cover;
}
.ab-ban-bg h2 {
color: #fff;
font-size: 36px;
padding-bottom: 35px;
position: relative;
/* margin: 600px 0 0; */
}
.ab-ban-bg h3 {
color: #fff;
font-size: 30px;
/* margin: 700px 0 55px 0; */
margin: 25px 0 55px 0;
}
.ab-ban-bg h1 {
color: #fff;
font-size: 67px;
text-transform: uppercase;
/* margin: 900px 0 0; */
font-weight: bold;
font-family: arial;
}
.ab-ban-bg h2:after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 108px;
height: 2px;
background: #ce211b;
margin-left: -54px;
}
.profile-box {
background: #ce211b;
padding-top: 8%;
padding-bottom: 8%;
color: #fff;
margin-top: -2px;
}
.pff-l {
height: 3px;
width: 82px;
background: #fff;
margin-bottom: 38px;
}
.pff-t {
font-size: 75px;
margin: 0;
text-transform: uppercase;
font-family: arial;
line-height:;
line-height: 107px;
font-weight: bold;
}
.profile-box .strong {
height: 109px;
font-size: 146px;
font-family: arial;
font-weight: bold;
color: #ffffff;
line-height: 1;
text-transform: uppercase;
height: auto;
margin-top: 12px;
}
.profile-box .pf-t {
padding-top: 60px;
}
.profile-box .pf-t h2 {
font-size: 45px;
line-height: 45px;
margin-bottom: 45px;
margin-top: 18px;
font-weight: bold;
}
.profile-box .pf-t .text {
font-size: 16px;
line-height: 27px;
}
.pf-t p {
font-size: 16px;
line-height: 33px;
}
.pf-th {
margin-top: 125px;
}
.pf-th ul {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.pf-th p {
font-size: 18px;
margin-top: 15px;
margin-bottom: 0;
}
.pft-num h1 {
font-size: 72px;
margin: 0;
}
.pft-num h1 {
font-size: 72px;
margin: 0;
font-weight: bold;
}
.an:after {
content: " ";
}
.ab-img-box li img{
cursor: pointer;
}
.ab-img-box li img:hover{
-webkit-transform: scale(1.05,1.05);
-o-transform: scale(1.05,1.05);
-moz-transform: scale(1.05,1.05);
-ms-transform: scale(1.05,1.05);
transform: scale(1.05,1.05);
}
.profile-box *{
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.recruit {
background: #fff;
padding: 75px 0;
}
.ctb-p {
padding: 30px 0 80px;
}
.c-t-box1 h1 {
text-align: center;
font-size: 40px;
color: #595757;
margin-bottom: 30px;
margin-top: 0;
}
.c-t-box1 h2 {
margin-top: 0;
text-align: center;
}
.c-t-box1 h2 span {
border-top: #dd3421 solid 2px;
color: #dd3421;
display: inline-block;
padding-top: 20px;
}
.rg-list {
cursor: pointer;
line-height: 60px;
border-bottom: 1px solid #cccccc;
transition: all .36s;
zoom: 1;
overflow: hidden;
position: relative;
padding-right: 80px;
}
.bm{
float: left;
width: 14%;
color: #595757;
}
.my{
float: left;
width: 15%;
color: #595757;
}
.rg-job {
width: 50%;
color: #595757;
transition: all .36s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 20px;
padding-left: 10px;
float: left;
}
.rg-post {
width: 15%;
color: #595757;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 20px;
}
.rg-city {
width: 15%;
color: #595757;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rg-time {
width: 21%;
color: #595757;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 20px;
float: left;
}
.rg-rotate {
width: 80px;
color: #595757;
text-align: center;
transition: all .36s;
float: none;
float: right;
position: absolute;
right: 0;
top: 0;
}
.rg-l-body {
padding: 20px 10px;
display: none;
}
.rg-l-body h1 {
margin: 0;
line-height: 30px;
color: #595757;
font-size: 14px;
}
.rg-apply {
width: 186px;
height: 50px;
line-height: 50px;
color: #fff;
text-align: center;
background: #3b3b3b;
margin-top: 50px;
display: block;
}
.rgl-active {
background: rgba(0,0,0,.04);
}
.c-t-box2 {padding-top: 10px;padding-bottom: 10px;margin: auto;border-bottom: #e0e0e0 1px solid;padding-bottom: 150px;}
.table-describe br{
display:none}
.table-describe {
font-size: 16px;
color: #727171;
line-height: 30px;
margin-bottom: 60px;
}
.ci-l {
width: 50%;
}
.ci-l h1 span{
font-size:30px;
font-weight: bold;
margin-right: 4px;
}
.ci-l h1 {
color: #717171;
font-size: 18px;
margin-bottom: 25px;
margin-top: 0;
}
.cl-list {
margin-bottom: 12px;
zoom: 1;
overflow: hidden;
}
.cl-icon {
width: 30px;
height: 30px;
overflow: hidden;
margin-right: 10px;
}
.cl-text {
line-height: 30px;
font-size: 16px;
color: #727171;
}
.ci-l h2 {
font-size: 20px;
color: #dd3421;
margin: 50px 0 25px;
}
.ci-l h3 {
font-size: 16px;
color: #727171;
}
.ci-t {
width: 40%;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
margin-bottom: 15px;
}
.ci-t input {
display: block;
width: 100%;
margin-bottom: 0;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 20px;
color: #727171;
outline: none;
border-radius: 4px;
border: none;
background: #f4f4f4;
}
.ci-t textarea {
display: block;
width: 100%;
margin-bottom: 10px;
height: 120px;
line-height: 50px;
font-size: 14px;
padding: 0 20px;
color: #727171;
outline: none;
border-radius: 4px;
border: 1px solid #ddd;
background: #fff;
}
.ci-t input {
display: block;
width: 100%;
margin-bottom: 0;
height: 40px;
line-height: 40px;
font-size: 14px;
padding: 0 20px;
color: #727171;
outline: none;
border-radius: 4px;
border: 1px solid #ddd;
background: #fff;
}
.c-t-box3 {
padding: 130px 0;
}
.c-t-box3 li {
float: left;
width: 23%;
margin: 0 1%;
padding-top: 40px;
border: 1px solid #fff;
transition: all .36s;
}
.ctb-i {
width: 150px;
height: 150px;
overflow: hidden;
margin: 0 auto 40px;
text-align: center;
}
.ctb-i img {
width: 100%;
height: 100%;
}
.ctb-i p {
color: #595757;
font-size: 16px;
margin-bottom: 30px;
text-align: center;
}
.ctb-i .fa {
font-size: 90px;
line-height: 150px;
}
.c-t-box3 li:hover {
border: 1px solid #727171;
}
.c-t-box4 {
padding: 125px 0 140px;
border-bottom: #e0e0e0 1px solid;
text-align: center;
border-top: #e0e0e0 1px solid;
}
.c-t-box4 h1 {
font-size: 32px;
color: #595757;
padding-bottom: 40px;
margin-bottom: 40px;
position: relative;
}
.c-t-box4 p {
margin-bottom: 15px;
color: #595757;
}
.snews-list {
margin: 25px auto;
}
.snews-type{
width: 100%;
height: 32px;
margin-bottom: 50px;
}
.snews-type .all{
float: left;
font-size: 14px;
line-height: 32px;
margin-right: 20px;
color: #888;
}
.snews-type .swiper-container{
padding: 0 16px;
height: 32px;
width: calc(100% - 50px);
float: right;
}
.snews-type .swiper-container a{
font-size: 14px;
line-height: 32px;
color: #888888;
text-align: center;
display: block;
height: 32px;
-webkit-transition: all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.snews-type .swiper-container a.active{
color: #d7000f;
}
.snews-type .swiper-container a:after{
content: '';
height: 10px;
width: 1px;
background: #c8c8c8;
position: absolute;
right: 0px;
top: 50%;
margin-top: -5px;
display: block;
}
.snews-type2{
width: 820px;
float: right;
max-width: 100%;
max-width: calc(100% - 200px);
}
.snews-type .snewtype-inner {
}
.snews-type .swiper-btn {
width: 17px;
height: 16px;
display: block;
position: absolute;
top: 8px;
z-index: 9999;
cursor: pointer;
margin: 0;
}
.snews-type .swiper-button-next {
background: url(/uploads/image/4simages/right2.png) no-repeat center center;
background-size: 100%;
right: 0px;
}
.snews-type .swiper-button-prev {
background: url(/uploads/image/4simages/left2.png) no-repeat center center;
background-size: 100%;
left: 0px;
}
.news_center_list {
padding-bottom: 50px;
}
.news_center_box {
font-size: 0;
padding-bottom: 40px;
}
.news_li_read {
background: #fff;
width: 25.8%;
border-top: 1px solid #e6e6e6 !important;
margin-right: 11%;
padding: 30px 0;
float: left;
}
.news_li_read:nth-child(1) {
border-top: none !important;
}
.news_li_read:nth-child(2) {
border-top: none !important;
}
.news_li_read:nth-child(3){
border-top:none !important;
}
.news_li_read:nth-child(3n) {margin-right: 0;}
.news_li_title {
line-height: 28px;
height: 28px;
margin-bottom: 10px;
}
.news_li_title a:hover{
color:#d7000f;
}
.news_li_title a {
font-size: 16px;
display: block;
color: #595757;
overflow: hidden;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1);
transition: all .5s cubic-bezier(.645, .045, .355, 1);
}
.news_li_text {
font-size: 12px;
line-height: 21px;
height: 65px;
overflow: hidden;
color: #888;
padding: 0;
overflow: hidden;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news_li_line {
background: #eeeeee;
height: 1px;
margin: 30px auto;
display: none;
}
.pagination>li>a, .pagination>li>span{
color: #000
}
.news_center_list .pagination {
padding-bottom: 100px;
padding-top: 40px;
}
.news_center_list{
zoom: 1;
overflow: hidden;
}
.none{
background: url(/uploads/image/4simages/404.jpg) no-repeat center center;
background-size: cover;
height: 800px;
position: relative;
}
.none .center{
position:absolute;
top: 50%;
left: 50%;
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
.none .con{
width: 596px;
height: 334px;
background-size: cover;
text-align: center;
margin: auto;
max-width: 100%;
background: rgba(211, 30, 44, .8);
border-radius: 10px;
}
.none .center h1{
color: #fff;
font-size: 26px;
margin: 0 0 18px;
padding-top: 2px;
}
.none .center h3{
margin: 0 0 50px;
color: #fff;
font-size: 18px;
margin-bottom: 16px;
}
.none .center a{
text-decoration: none;
color: #fff;
border: 1px solid #fff;
border-radius: 6px;
padding: 5px;
display: inline-block;
width: 150px;
}
.head .wrap{
width: 100%;
max-width: 100%;
}
.inf-body p a{
color: inherit;
}
.leposition{
float: left;
font-size: 14px;
line-height: 32px;
color: #888;
}
.leposition a{
color: inherit;
}
.snews-type .swiper-container a:hover,
.leposition a:hover{
color: #d7000f
}
.form-horizontal .form-group img.code{
width: 100%;
height: 40px;
background: #000;
display: block;
position: relative;
top: -1px;
cursor: pointer;
}
.type2 .nav-case{
background: none
}
.type2 .nav-case{
margin-top:40px;
}
.type2 .nav-case li a{
color: #333
}
.type2 .nav-case li a.current,
.type2 .nav-case li a:hover{
background: none;
color: #ff2424 !important
}
.current .mobile-inner-header{
background: #000
}
.news_read_left {
width: 60%;
border-top: 1px solid #eeeeee;
padding: 0 0px 60px 0;
}
.news_read_title * {
font-size: 18px;
color: #888;
line-height: 26px;
text-align: center;
font-weight: normal;
margin: 40px 0;
text-align: left;
}
.news_read_left p {
line-height: 2em;
color: #888;
}
.news_content_line {
border-bottom: 1px solid #eeeeee;
}
.news_content_text {
line-height: 72px;
font-size: 13px;
width: 48%;
color: #888;
}
.inline {
display: inline-block;
vertical-align: top;
}
.space-over {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news_content_text:nth-child(2n) {
text-align: right;
float: right;
}
.news_content_text a {
color: #888;
-webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1);
transition: all .5s cubic-bezier(.645, .045, .355, 1);
}
.news_content_text i {
font-size: 26px;
position: relative;
top: 3px;
margin: 5px;
}
.news_read_right {
width: 27%;
padding-bottom: 60px;
float: right;
}
.news_right_title {
font-size: 18px;
color: #3e3a39;
line-height: 60px;
padding-left: 0;
border-top: 1px solid #eeeeee;
}
.news_content_list {
padding: 0;
padding-left: 0;
margin-bottom: 50px;
}
.news_read_li {
font-size: 0;
line-height: 48px;
border-top: 1px solid #eeeeee;
}
.news_read_li a {
color: #888;
padding: 0 10px 0 0;
display: block;
position: relative;
-webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1);
transition: all .5s cubic-bezier(.645, .045, .355, 1);
}
.news_content_left {
width: 100%;
font-size: 14px;
}
.news_content_right {
width: 100px;
text-align: right;
position: absolute;
right: 0;
top: 0;
display: none;
}
.news_right_title {
font-size: 18px;
color: #3e3a39;
line-height: 60px;
padding-left: 0;
border-top: 1px solid #eeeeee;
}
.news_label_box {
padding: 0;
/* border-bottom: 1px solid #eeeeee; */
}
.news_label_box span {
display: inline-block;
vertical-align: top;
line-height: 28px;
margin-right: 10px;
padding: 0 10px;
border: 1px solid #ddd;
margin-top: 10px;
-webkit-transition: all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.news_label_box span a {
display: block;
font-size: 12px;
color: #888888;
-webkit-transition: all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
}
.news_text_button {
padding: 20px;
display: none;
}
.news_read_left p a{
color: inherit;
font-weight: normal;
}
.news_label_box span:hover {
border: 1px solid rgba(215,0,15,1);
background: rgba(215,0,15,1);
color: #fff;
}
.news_label_box span:hover a{
color: #fff
}
.news_content_left:hover,
.news_content_text a:hover{
color: rgba(215,0,15,1);;
}
.news_read_bjq img {
max-width: 100%;
width: auto;
margin: 20px 0;
}
.none .center .title{
font-size: 201px;
color: #fff;
line-height: 1;
}
.imgboxcn{
background: #252525;
position: relative;
padding-top: 74px;
padding-bottom: 55px;
text-align: center;
}
.imgboxcn .wrap{
}
.imgboxcn .wrap img{
max-width: 100%;
display: block;
margin: auto;
width: 66%;
}
/*弹窗二维ç start 20231007*/
.centerewm{position:fixed;left:0px;top:0px;width:100%;height:100%;display:none;z-index:9999;background:rgba(0,0,0,0.5)}
.centerewm .shadow{position:absolute;width:100%;left:0px;top:0px;cursor:pointer;height:100%}
.centerewm .center{z-index:4;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;background:#fff;padding:20px;width:400px;max-width:100%}
.centerewm .center img{width:70%}
.centerewm .center .title{padding-top:10px;font-size:16px}
/*弹窗二维ç end20231007*/