html,
body{
height: 100%;
}
.banner,.banner img{
width: 100%;
}
.bannr_text,.banner{ }
.bannr_text h1{ margin-bottom:30px;}
.table{ display:table; width:100%; height:100%;}
.table .tbc{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.banner .swiper-slide {
background: center center;
background-size: cover;
}
.banner .swiper-slide a{}
.banner .swiper-pagination .swiper-pagination-bullet {
background: #fff;
width: 2.5em;
border-radius: 0;
height: 3px;
}
.banner .swiper-slide video {
width: 100%;
height: 100%;
object-fit: cover;
}
.banner .swiper-pagination .swiper-pagination-bullet span {
display: block;
width: 0%;
height: 100%;
background: #005198;
}
.banner.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: .5em;
}
.banner .warp {
position: relative;
}
.banner .text {
position: absolute;
color: #fff;
line-height: 1;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.banner .text h2 {
font-size: 0.86em;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
}
.banner .text h3 {
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.5;
}
.banner .text .btn,
.b .text .btn,
.c .btn,
.e .btn {
color: #fff;
padding: 0.8em 1.5em 0.8em 2em;
border: 2px solid #fff;
display: inline-block;
transition: all .3s;
}
.c .btn,
.e .btn {
color: #57585a;
border: 2px solid #57585a;
}
.banner .text .btn::after,
.b .text .btn::after,
.c .btn::after,
.e .btn::after {
content: '';
border: .4em solid transparent;
border-left-color: #fff;
display: inline-block;
vertical-align: middle;
margin-left: 1em;
transition: all .3s;
}
.c .btn::after,
.e .btn::after {
border-left-color: #57585a;
}
.banner a {
font-weight: bold;
}
@media screen and (min-width:1025px) {
.banner .text .btn:hover,
.b .text .btn:hover,
.c .btn:hover,
.e .btn:hover {
border-color: #005198;
color: #005198;
}
.banner .text .btn:hover::after,
.b .text .btn:hover::after,
.c .btn:hover::after,
.e .btn:hover::after {
border-left-color: #005198;
}
}
.content {
position: relative;
z-index: 1;
background: #fff;
}
/* z */
.z {
height: 996px;
}
/* a */
.a {
background: #f8f8f8;
padding: 1em 0;
}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap: wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap: wrap ; justify-content:space-between}
.tesezhuanlan *{box-sizing:border-box;}
.oem_ic *{ box-sizing:border-box;}
.xinzeng01 li{ text-align:center; width:20%; padding:50px 20px; background:rgb(0, 81, 152)}
.xinzeng01 li:nth-child(2n){ background:rgb(1, 117, 219);}
.xinzeng01 li h2{ color:#fff; display:block; margin:20px auto; line-height:1; font-weight:normal;}
.xinzeng01 li h3{ color:#fff; font-weight:normal;}
.xinzeng02{ background:#f2f4f8; padding:100px 0;}
.xinzeng02box{ width:96%; margin:0 auto;}
.xinzeng02 li{ width:32%; position:relative; padding:60px;}
.xinzeng02 li img{ width:100%; height:100%; object-fit:cover; transition:all 1s;}
.xinzeng02 li .imgs{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; overflow:hidden;}
.xinzeng02 li .txts{ border:1px solid rgba(0,0,0,0); transition:all .3s; position:relative; z-index:2; padding:120px 15px; text-align:center; color:#fff;}
.xinzeng02 li .txts b{ font-size:30px; font-weight:normal;}
.xinzeng02 li .txts .line{ width:30px; height:2px; background:#fff; margin:20px auto;}
.xinzeng02 li .txts span{ font-size:14px; color:#fff; text-transform:uppercase;transition:all .3s;}
.xinzeng02 li:hover .txts{ border:1px solid #fff;}
.xinzeng02 li:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.xinzengtit{ margin-bottom:50px; font-size:30px; color:#888; text-align:center;}
.xinzengtit em{font-size:30px; color:#333; font-style:normal; }
.xinzeng02 li .txts span:hover{ color:rgb(1, 117, 219);}
/* b */
.b {
padding:0 0 1em 0;
}
.b .tit {
font-weight: bold;
margin-bottom: 1em;
}
.b .nav {
font-size: 0;
}
.b .nav li {
display: inline-block;
padding: 0.8em 2.6em 0.8em 2em;
border-right: 1px solid #d0d0d0;
position: relative;
overflow: hidden;
cursor: pointer;
}
.b .nav li::after {
content: '';
display: block;
background: #033994;
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: -1;
transform: skew(15deg);
padding: 0 5em;
right: 0;
margin-right: 10px;
opacity: 0;
transition: all .3s;
}
.b .nav li.on{
color: #fff;
border-right: 1px solid transparent;
font-weight: bold;
}
.b .nav li.on::after{
opacity: 1;
}
.b .nav li:last-child {
border: 0;
}
.b .nav {
overflow: hidden;
}
.swiper_wrap {
position: relative;
}
.b .swiper-slide>img {
width: 100%;
}
.b .text {
position: absolute;
padding: 1.6em;
line-height: 1.5;
color: #fff;
}
.b .text h2 {
margin-bottom: 0.5em;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.b .text p{line-height: 24px;height: 48px;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* .index_but{display: none;} */
.index_but .swiper-button-next,
.index_but .swiper-button-prev {
background: #ffffff;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
left: 0;
margin-left: -0.5em;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
transition: all .3s;
}
.index_but .swiper-button-prev i,
.index_but .swiper-button-next i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.index_but .swiper-button-next {
right: 0%;
left: auto;
margin-right: -0.5em;
}
.b .index_but .swiper-button-next {
left: 80%;
}
.b{ margin: 100px auto 50px;}
.b .nav{ margin-bottom: 0px;}
.b .swiper-slide{ height: 400px;}
.b .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.b .swiper_wrap .swiper-slide:after{ content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.25);}
.b .text{ z-index: 2;}
.fanganindex{ padding:50px 0; background:#fff;}
.fanganxinzeng{ position:relative;}
.fangantit{ width:1440px; margin:0 auto 50px;}
.fangantit b{ display:block; color:#888; font-size:30px; font-weight:normal; margin-bottom:15px;}
.fangantit b em{ color:#333;}
.fangantit p{ font-size:16px; color:#333; line-height:1.6;}
.fanganxinzeng .swiper-wrapper{align-items:stretch;}
.index_slider_box .cont{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.index_slider_box .img{ height:420px; overflow:hidden;}
.index_slider_box .img img{ width:100%; height:100%; object-fit:cover;}
.index_slider_box .bac{ width:100%; height:100%; position:absolute; top:0; left:0; background:#0d56a7; opacity:0; transition:all .3s; -webkit-transition:all .3s; text-align:center;}
.bac b{ color: #ffffff;
transition: all .4s cubic-bezier(.4,0,.2,1);
transition-delay: 0s;font-weight:normal; display:block;
margin-top: -40px;
font-size: 52px;}
.index_slider_box li:hover .bac b {
font-size: 32px;
margin-top: -20px
}
.bac h2{ font-size: 20px;
color: #ffffff;
transition: all .4s cubic-bezier(.4,0,.2,1);
transition-delay: .15s;
margin-top: 20px; margin-bottom:20px;
opacity: .6;}
.index_slider_box li:hover .bac h2{margin-top: 15px;margin-bottom:15px;
opacity: 1}
.bac .line{width: 1px;
height: 36px;
background: #f2f2f2;
margin: 12px auto 16px;}
.bac p{ color: #ffffff;
font-size: 14px;
line-height: 26px;
transition: all .4s cubic-bezier(.4,0,.2,1);
transition-delay: .2s;
margin-top: 30px;
opacity: .3;}
.index_slider_box li:hover .bac p{margin-top: 22px;
opacity: 1}
.index_slider_box li:hover .bac { opacity:1;}
.index_slider_box li .bac p{ color:#fff;}
.video_button{ display:block;}
.index_but .swiper-button-next,
.index_but .swiper-button-prev {
background: #ffffff;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
left: 1%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
transition: all .3s;
}
.index_but .swiper-button-prev i,
.index_but .swiper-button-next i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.index_but .swiper-button-next:hover i{ color:#fff}
.index_but .swiper-button-prev:hover i{ color:#fff}
.index_but .swiper-button-prev:hover,.index_but .swiper-button-next:hover{ background:#0d56a7}
.index_but .swiper-button-next {
right: 1%;
left: auto;
}
.adxinzeng{ background-size:cover; background-position:center; background-repeat:no-repeat; padding:100px 0; text-align:right;}
.adxinzeng b{ font-size:40px; color:#fff; font-weight:normal}
.adxinzeng p{ font-size:20px; color:#fff; line-height:1.7; margin-top:30px; margin-bottom:50px;}
.adxinzeng a{ display:inline-block; padding:10px 30px; border:1px solid #fff; color:#fff; font-size:20px;}
.adxinzeng a:hover{ background:#fff; color:#333;}
.tesezhuanlan{ width:96%; margin:100px auto;}
.flex3{padding-left: 40px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;}
.tese_le{ width:66%;}
.tese_le img{ width:100%; height:100%; object-fit:cover;}
.tese_ri{ width:34%; padding-left:30px;}
.tese_ri li img{ width:100%;}
.indexcon_01{ background-color: #3C4F72;
background-image: url(../images/cbg.jpg);
background-size: cover;
background-attachment: fixed;
text-align: center;
position: relative;
overflow: hidden; padding:100px 0;}
.indexcon_01 a:after{ background: #0d56a7;
content: "";
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-radius: 50px;
transform: scale(0);
opacity: 0;}
.indexcon_01 a:hover:after{width: 100%;
transform: scale(1.01);
opacity: 1;}
.indexcon_01 b{ font-size:40px; color:#fff; display:block; font-weight:normal;}
.indexcon_01 a{ margin-top:50px; display:inline-block; padding:0 30px; line-height:50px; position:relative; color:#fff; font-size:20px; border:1px solid #fff; border-radius:50px;}
.indexcon_01 a span{ position:relative; z-index:2;}
.indexcon_01 a:hover span{ color:#fff;}
.con_le{ width:50%; padding:100px 0;}
.contact_02{ position:relative;}
.con_ri{ position:absolute; right:0; top:0; width:50%; height:100%;}
.con_ri iframe{ width:100%; height:100%;}
.ewmwx{ margin-top:30px;}
.ewmwx a{ cursor:pointer; position:relative; margin-right:15px; width:32px; height:32px; display:inline-block; border:1px solid #999; border-radius:100%; text-align:center;}
.ewmwx a i{ color:#999; line-height:30px;}
.ewmwx a:hover{ background:#0d56a7; border:1px solid #0d56a7;}
.ewmwx a:hover i{ color:#fff;}
.ewmwx .tanchu{ position:absolute; box-shadow:0 0 10px rgba(0,0,0,.1);bottom:150%; left:0; visibility:hidden; opacity:0; transition:all .3s; background:#fff; padding:10px;}
.ewmwx .tanchu img{ width:120px;}
.ewmwx .tanchu span{ display:block; padding:10px;}
.ewmwx a:hover .tanchu{ bottom:110%; opacity:1; visibility:visible;}
.con_le>b{ font-size:28px; font-weight:normal; margin-bottom:15px; display:block;}
.con_le>span{ display:block; color:#999; display:block; margin-bottom:30px;}
.con_le > p{ font-size:14px; color:#9e9e9e;}
.con_le .line{ width:45px; height:1px; background:#cfcfcf; margin:20px 0;}
.con_le .txt p{ font-size:14px; color:#666; line-height:2;}
.con_le .txt p strong{ font-size:26px;}
.index_slider_box .cont em{ margin-top:20px; display:inline-block; transition:all .3s; color:#fff; padding:0 35px; line-height:30px; border:1px solid #fff;}
.index_slider_box .cont em:hover{ background:#fff; color:#333;}
.tesezhuanlan li{ position:relative;}
.tesezhuanlan li span{ font-size:26px; color: #FFF;font-weight:400; display:block; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index: 2;}
.tesezhuanlan li:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #99999b; opacity: 0; z-index: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.tesezhuanlan li:hover:after{ opacity: 0.3; }
.tesezhuanlan li:hover span{ color: #0d56a7;}
.xinzeng01 li img{ transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.xinzeng01 li:hover img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); }
@media screen and (max-width:960px){
.xinzeng02,.fanganindex,.adxinzeng,.con_le{ padding:50px 0;}
.xinzeng02 li .txts{ padding:50px 10px;}
.xinzengtit,.xinzengtit em,.fangantit b,.adxinzeng b,.indexcon_01 b,.con_le>b{ font-size:22px;}
.xinzeng02 li .txts b{ font-size:20px;}
.xinzeng02 li .txts span{ font-size:12px;}
.adxinzeng p,.adxinzeng a{ font-size:14px;}
.tesezhuanlan{ margin:50px auto;}
.indexcon_01 a{ font-size:18px; margin-top:20px; line-height:40px; font-size:14px;}
.indexcon_01{ padding:50px 0;}
}
@media screen and (max-width:768px){
.xinzeng01 li{ width:100%;}
.xinzeng01box .img img{ height:50px;}
.xinzeng02 li{ width:100%;}
.fangantit p{ font-size:14px;}
.index_slider_box .bac{ opacity:1; background:rgba(13,86,167,.7);}
.fangantit{ margin-bottom:20px;}
.bac h2{ opacity:1;}
.bac p{ opacity:1; font-size:12px;}
.bac .line{ height:20px;}
.bac b{ font-size:30px;}
.tese_le{ width:100%;}
.tese_ri{ width:100%; padding:0;}
.tese_ri ul{ padding:0;}
.tese_ri li{ margin-top:20px;}
.con_le{ width:100%;}
.con_ri{ position:static; height:300px; width:100%;}
.bannr_text{ padding-top:0;}
.oem_ic ul{margin-top:0 !important;}
.b{margin-top:30px;}
.oem_ic dt img{width:40px !important; height:auto !important;}
.oem_ic li{width:50% !important; border:none !important;}
.b .nav{ overflow: auto;
white-space: nowrap; margin-bottom:20px;}
.b .nav li{ padding:10px 20px;}
.xinzengtit{margin-bottom:35px;}
.index_but .swiper-button-prev{left:10px;}
.index_but .swiper-button-next{ right:10px; left:auto !important;}
.b{margin-bottom:30px;}
}
.c {
overflow: hidden;
color: #fff;
line-height: 1;
background-size: cover;
background-position: center center;
}
.c h2 {
position: relative;
padding: 2em 0em .8em 0em;
display: inline-block;
margin-bottom: 1em;
font-weight: bold;
}
.c h2::after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 80%;
border: 2px solid #fff;
}
.c .cont {line-height: 24px;}
.index_pro {margin:60px 0;}
.index_pro ul{overflow: hidden;position: relative;height: 340px;}
.index_pro li{width: 50%;height: 100%; position: absolute;
transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
}
.index_pro_01 h3{font-size: 20px; line-height: 30px;}
.index_pro_02 h3{font-size: 40px;}
.index_pro_01,.index_pro_02{padding: 1em;box-sizing:border-box;position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.index_pro_01{width: 33.4%;text-align: center;border-right: 1px solid #fff;box-sizing:border-box;}
.index_pro_01 img{width: 79px;height: 79px;margin-bottom: 20px;}
.index_pro_02 h3{margin-bottom: 20px;}
.index_pro_02{opacity: 0;visibility: hidden;}
.index_pro_02 p{line-height: 24px;height: 72px;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.index_pro li.on{background: rgba(255,255,255,0.8);color: #57585a;}
.index_pro li.on .index_pro_01{visibility: hidden;opacity: 0;}
.index_pro li.on .index_pro_02{visibility: visible;opacity: 1;}
.index_pro li:nth-child(1){ left:0}
.index_pro li:nth-child(2){ left:50%}
.index_pro li:nth-child(3){ left:66.6%}
.index_pro li:nth-child(4){ left:83.2%}
.stateindex_2 li:nth-child(1){ left:0}
.stateindex_2 li:nth-child(2){ left:16.6%}
.stateindex_3 li:nth-child(1){ left:0}
.stateindex_3 li:nth-child(2){ left:16.6%}
.stateindex_3 li:nth-child(3){ left:33.2%}
.stateindex_4 li:nth-child(1){ left:0}
.stateindex_4 li:nth-child(2){ left:16.6%}
.stateindex_4 li:nth-child(3){ left:33.2%}
.stateindex_4 li:nth-child(4){ left:49.8%}
.xinzeng .oem_ic ul{ overflow:inherit;}
.xinzeng .oem_ic li{ padding:20px; position:relative; border-left:none !important;transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.xinzeng .oem_ic li:last-child{ border-right:none;}
.xinzeng .oem_ic li:hover{ position:relative; z-index:1; box-shadow:0 0 15px rgba(0,0,0,.1);}
.xinzeng .oem_ic li:before{ content:""; height:3px; transition:all .3s; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; width:0; left:50%; position:absolute; display:block; background:#005198; top:0;}
.xinzeng .oem_ic li:hover:before{ width:100%; left:0;}
@media screen and (min-width:1025px) {
.index_but .swiper-button-prev:hover,
.index_but .swiper-button-next:hover {
background: #e8390d;
color: #fff;
}
}
@media screen and (max-width:1440px) {
.index_pro_02 p{margin-bottom: 20px;}
.index_pro ul{height: 280px;}
.index_pro_02 h3{font-size: 32px;}
.index_pro_01 h3{font-size: 18px;}
.index_pro_01, .index_pro_02{padding: 40px 20px;}
}
@media screen and (max-width:767px) {
.index_pro ul{height: auto;}
.index_pro ul li{position: static;left: 0 !important;width: 100%;padding: 30px 0;border-bottom: 1px solid rgba(255,255,255,0.4)}
.index_pro_01, .index_pro_02{position: static;padding: 0;width: 100%;border: 0;visibility: visible;opacity: 1; text-align: center;}
.index_pro_02 h3{display: none;}
.index_pro_01 h3{font-size: 18px;}
.index_pro_01 img{margin-bottom: 10px;}
.index_pro_01{margin-bottom: 10px}
.c .btn{color: #fff;border-color:#fff;}
.c .btn::after { border-left-color: #fff;}
.index_pro_02 p{height: auto;max-height: 72px;}
.index_pro ul li:first-child{padding-top:0;}
.index_pro ul li:last-child{border-bottom: 0;}
.index_pro{margin: 20px 0;}
.index_pro_01 img{width:45px; height:auto;}
.fangantit{width:100%; padding-top:40px!important;}
.tesezhuanlan li span{font-size:22px;}
.banner .swiper-pagination .swiper-pagination-bullet{ width:30px;}
}