.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #fff;}

.statement-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 20px;
    z-index:1000;
}
.statement-wrap::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 10;
}
.statement-wrap .title {
    color: #E8340C;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.3em;
}
.statement-box .txt p{
    line-height:30px;
    text-indent:2em;
}
.statement-box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    max-width: 870px;
    border-radius: 10px;
    padding: 2.6em 3.3em;
    z-index: 60;
}
.statement-wrap .st-btn {
    display: block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #E8340C;
    border-radius: 26px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.ani-btn::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    transform: scale3d(0.8, 0.5, 1);
}



.menu{ height: 44px; position: absolute; top: .6%; right: 2%; line-height: 40px; z-index: 99;}
.logo{ position: absolute; top:.5%; left:1.5%; z-index:99;}
.logo img{ width:280px; float:left;}
.logo p{ float:right; color:#fff; font-size:30px; line-height:60px; font-weight:bold; margin-left:24px;}
.nav_a{ width: 100vw; height: 100vh; background: #ea5006; position: fixed; top: 0; left: 0; z-index: 9; display: none;}

.nav_list{ width: 72%; margin: 15% auto 0 auto;}
.nav_list dl{ float: left; width: 20%;}
.nav_list dl a{ color: #fff;}
.nav_list dl a:hover{ text-decoration: underline;}
.nav_list dt{ margin-bottom:20px;}
.nav_list dt a{
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
}
.nav_list dt a::after{
    content: "";
    clear: both;
    display: block;
    height: 24px;
    width: 3px;
    background: #fff;
    position: absolute;
    top: 5px;
    left: 0;
}
.nav_list dd a{ font-size: 18px; line-height: 40px;}


#mould78695 .swiper-slide img{ height:100vh;}
#mould78695 .swiper-button-next, .swiper-button-prev{ top:56%;}
#mould78695 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:40px;}
#mould78695 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:60px;}
#mould78695 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.4;border-radius:4px; width:30px;}
#mould78695 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;}



.title_a{ color:#fff; margin-bottom:36px;}
.title_a span:nth-child(1){ font-size:48px; line-height:48px; font-weight:bold; float:left; margin-right:6px;}
.title_a span:nth-child(2){ display:block; font-weight: normal; font-size:18px; line-height:18px; padding:10px 0 6px 0;}
.title_a span:nth-child(3){ display:block; font-weight: normal; font-size:16px; line-height:16px; font-family: arial; text-transform: uppercase;}


.width_1440{ width:1440px; margin:80px auto 0 auto;}
.about_a .left{ float:left; width:54%;}
.about_a .left p{ line-height:30px; color:#fff; text-indent:2em;}
.about_a .left>a{ border-radius:4px; width:120px; line-height:40px; text-align:Center; color:#fff; display:block; margin-top:48px; background:#269ba2;}
.about_a .left>a:hover{ background: #fff; color:#ea5006;}
.about_a .left ul{ border-top:1px solid rgba(255,255,255,0.6); margin-top:30px;}
.about_a .left li{ float:left; width:24%; margin-top:36px;}
.about_a .left li span{ width:64px; height:64px; display:block; background: url(/images/btn_index.png) no-repeat; border:1px solid rgba(38,155,162,1); border-radius:4px; 
  background-position: 12px 12px; position:relative; margin-bottom:24px;}
.about_a .left li span:after{ content:""; width:64px; height:64px; border:1px solid rgba(255,255,255,0.6); border-radius:4px; position:absolute; top:0; left:0; transform: rotate(45deg); transition:.5s;}
.about_a .left li:hover span:after{ transform: rotate(135deg);}
.about_a .left li:nth-child(2) span{ background-position: -48px 12px;}
.about_a .left li:nth-child(3) span{ background-position: -108px 12px;}
.about_a .left li:nth-child(4) span{ background-position: -168px 12px;}
.about_a .left li a{ color:#fff; font-size:18px;}
.about_a .right{ float:right; width:36%;}



.cp_a .title_a{ float:left; width:40%;}
.cp_a .more_a{ float:right; color:#fff; margin-top:24px;}
.cp_a .more_a a{ color:#fff; margin:0 5px;}
.product{ width:100%;}
.product li{ width:24%; border-radius:10px; overflow:hidden; border:2px solid #fff; box-sizing:border-box; position: relative;}
.product li:nth-child(-n+4){ margin-bottom:24px;}
.product li p:first-child{ height:256px;}
.product li p:last-child{ position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(38,155,162,0.8); color:#fff; line-height:256px; font-size:24px; display:none;}
.product li:hover p:last-child{ display:block;}




.youshi li{ width:31%; float:left; background:#fff; height:264px; border-radius:10px; margin-right:3.5%; padding:40px; box-sizing:border-box; transition:1s;}
.youshi li:hover{ background:#269ba2;}
.youshi li:nth-child(3n){ margin-right:0;}
.youshi li:nth-child(-n+3){ margin-bottom:30px;}
.youshi li span{ background:#fff url(/images/join2.png) no-repeat center; display: block; width:36px; height:36px; margin:0 auto; padding:15px; box-shadow:0 0 10px rgb(0 0 0 / 15%); border-radius: 6px;}
.youshi li h2{ text-align:center; font-weight: bold; font-size:18px; line-height: 18px; margin:20px 0;}
.youshi li h2 em{ color:#ea5006;}
.youshi li:hover h2,.youshi li:hover h2 em,.youshi li:hover p{ color:#fff;}
.clearfia p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height:28px;}


.map_a{ width:46%;float:right; padding-right:3%; color:#fff; text-align:center;}
.map_a h2{ font-size:42px; line-height:42px;}
.map_a h3{ font-size:24px; line-height:60px; background:#fff; color:#333; display: inline-block; padding:0 64px; margin:20px 0;}
.map_a p{ line-height:48px; font-size:24px;}


.map_con,.map_con iframe{ width:100%; height:100%;}
.map_con p{ height:100%; width:100%;}
.foot_bg{ position:absolute; top:0; right:0; width:56%; height:100%; background: url(/images/foot_bg.png) no-repeat; background-size: cover;
    padding-top: 10%;
    box-sizing: border-box;}
.lianxi{ padding-left:20%; color:#fff;}
.lianxi h2{ font-size:30px; line-height:30px; margin-bottom:20px;}
.lianxi p{ line-height:30px; font-size:18px;}


#mould73472{ background:none; padding-left:20%; height:auto; width:50%; margin-top:24px;}
.cen_ly{ margin-top:0; text-align:inherit;}
.cen_ly div input,.cen_ly div textarea{ border: 1px solid #ccc; color:#333; background:#fff; font-size:16px;}
.cen_ly div input{ width: 100%; margin-top:0; height:42px;}
.cen_ly div:first-child input{ width: 49%;}
.cen_ly div:first-child input:last-child{ float:right;}
.cen_ly div textarea{ width: 100%; height:140px; margin-top:0;}
.cen_ly div .btn-mesSubmit{ background:#fff; border:none; color:#ea5006; width:100%; height:48px; border-radius: 10px; margin-top:12px;}


input:-moz-placeholder,textarea:-moz-placeholder{ color: #999!important;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #999!important;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #999!important;}
textarea:focus, input:focus{ border-color: rgba(234,80,6,0.8)!important; box-shadow:0 0 8px rgba(234,80,6,0.8)!important;}

.copy{ position:absolute; bottom:24px; left:58%; color:#fff; padding-right: 12%;}
.copy p{ line-height:28px;}
.copy a{ color:#fff;}



@media screen and (max-width: 1560px){ 
  .navbars4{ width:94%;}
  .width_1440{ width:90%;}
  .about_a .left p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
  .product li p:first-child{ height:218px;}
  .map_a h2{ font-size: 32px; line-height: 32px;}
  .map_a h3{ font-size: 20px; line-height: 48px; padding: 0 48px;}
  .map_a p{ font-size: 18px;}
  
  .foot_bg>img{ transform: translate(-50%,-50%); width: 23%;}
  #mould73472{ display:none;}
  .lianxi p{ line-height:48px;}
  .lianxi{ padding-left:26%;}
}