﻿@font-face
{
	font-family: "思源黑体 CN Regular";
	src:url('../fonts/SourceHanSansCN-Regular.otf');
}
:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-primary: #316CE2;
	--bs-secondary: #6f737b;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--bs-gradient: linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
}
:root {
	--bs-font-sans-serif: 'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--bs-gradient: linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
}

body {
	font: 12px Verdana,Arial,Tahoma;
	font-family: "思源黑体 CN Regular" ;
	overflow-x:hidden;
}
img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.crisp-edges {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
a {
	color: #256EB1;
	text-decoration: none;
	font-family:"思源黑体 CN Regular";

}
ul {
	list-style: none;
	margin:0px auto ;
}
input, select, button {
	font: 12px Verdana,Arial,Tahoma;
	vertical-align: middle;
}


/*banner鑳屾櫙鍥剧墖鍔ㄧ敾*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
/*banner */
.index_main{
	background: #f7f7f7;
	max-height:860px;
}
.index_main .section1{
	position: relative;
}
.index_main .section1 .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:82vh;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.index_main .section1 .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.index_main .section1 .index_banner .item .inner .block_txt{
	position: absolute;
	top: 20%;
	right: 10px;
	left:8%;
	opacity: 0; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
	width:84%;
}
.index_main .section1 .index_banner .item.active .inner .block_txt{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}
.index_main .section1 .index_banner .item .inner .block_txt h4{
	font-size: 50px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.index_main .section1 .index_banner .item .inner .block_txt p{
	float: right;
}
.index_main .section1 .index_banner .item .inner .block_txt p img{
	max-width:960px;
	width: 100%;
}
.index_main .section1 .index_banner .item .inner .block_txt h2{
	color: #000;
	font-size: 70px;
	font-weight: bold;
	text-align: left;
	text-transform:uppercase;
}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{
	color: #000;
	display: inline-block;
	font-size:18px;
}
.index_main .section1 .index_banner .item .inner .block_txt h3{
	color: #000;
	font-size: 18px;
	text-align: left;
	margin-top: 70px;
	text-transform:uppercase;
	letter-spacing: 5px;
	font-weight:100;
	margin-bottom:40px;
}
.index_main .section1 .index_banner .item .inner .block_txt a{
	font-size:14px;
	color: #535353;
	border:1px #494949 solid;
	border-radius:20px;
	padding:10px 30px;
	text-transform:uppercase;
}
.index_main .section1 .slick_txt{
	width:30%;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.index_main .section1 .left{
	left: 0;
}
.index_main .section1 .right{
	right:0;
}
.index_main .section1 .slick_txt:hover .slick_arrow{
	opacity: 1;
	visibility: visible;
}
.index_main .section1 .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}
.index_main .section1 .slick_txt .prev{
	background-image:url(../image/ban_prev.png);
	left:60px;
}
.index_main .section1 .slick_txt .next{
	background-image:url(../image/ban_next.png);
	right:60px;
}
.index_main .section1 .slick_txt .prev:hover{
	background-image:url(../image/ban_prev_hover.png);
}
.index_main .section1 .slick_txt .next:hover{
	background-image:url(../image/ban_next_hover.png);
}
.index_main .section1 .number{
	position: absolute;
	bottom:8%;
	left: 50%;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-family: "思源黑体 CN Regular";
	font-size: 14px;
	color: #656565;
	margin-right:100px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span:last-child{
	margin-right: 0;
}
.index_main .section1 .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #656565;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:-20px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active:after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}

.index_main .section2{
	background: #f5f5f5;
}
.index_main .section2 h3{
	text-align: center;
}
.index_main .section3{
	width: 100%;
	height: 100%;
	background: url(../image/3.jpg) no-repeat;
	background-size: 100% 100%;
}
.index_main .section3 h3{
	text-align: center;
}
.index_main .section4{
	background: #f5f5f5;
}
.index_main .section4 h3{
	text-align: center;
}
.yyqh{
	float: left;
	width: 5%;
	text-align: center;
	line-height:100px;
}
.yyqh a{
	font-size:20px;
	color: #fff;
	text-transform:uppercase;
}
.nav-side.nav-side {
	position: relative;
}
.nav-side .nav-side-item {
	margin-right: 20px;
	display: inline-block;
}
.nav-side .nav-side-item:last-child {
	margin-right: 0;
}
.nav-side .nav-side-item .search-box {
	position: relative;
}
.nav-side .nav-side-item .search-box i {
	cursor: pointer;
	font-size: 35px;
	color: #fff;
	position: relative;
	display: inline-block;
	top: 10px;
}
.nav-side .nav-side-item .search-box:hover i {
	color: #d41321;
}
.nav-side .nav-side-item .search-side-widget .search-side-form {
	position: relative;
	top: -10px;
}
.nav-side .nav-side-item .search-side-widget .search-side-form .form-control {
	height: 45px;
	background-color: #f8f8f8;
	padding: 10px 20px;
	width: 100%;
	border-radius: 50px;
	border: 0;
}
.nav-side .nav-side-item .search-side-widget .search-side-form .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}
.nav-side .nav-side-item .search-side-widget .search-side-form button {
	position: absolute;
	top: 3px;
	right: 3px;
	height: 40px;
	width: 40px;
	background-color: #ffc221;
	-webkit-transition: all .5s;
	transition: all .5s;
	border: 0;
	outline: 0;
	border-radius: 50px;
}
.nav-side .nav-side-item .search-side-widget .search-side-form button i {
	color: #fff;
	position: relative;
	top: 1.9px;
}
.nav-side .nav-side-item .search-side-widget .search-side-form button:hover {
	background-color: #d41321;
}
.nav-side .nav-side-item .get-btn {
	display: inline-block;
	position: relative;
	top: 5px;
}
.nav-side .nav-side-item .get-btn .default-btn {
	padding: 9px 25px;
}
.nav-side-mt {
	margin-top: 6px;
}
.d-table {
	width: 100%;
	height: 100%;
}
.d-table-cell {
	display: table-cell;
	vertical-align: middle;
}.search-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	overflow: hidden;
}
.search-overlay .search-layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.search-overlay .search-layer:nth-child(1){left:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.search-overlay .search-layer:nth-child(2){left:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s ease-in-out .3s;transition:all .3s ease-in-out .3s}
.search-overlay .search-layer:nth-child(3){left:0;background-color:rgba(0,0,0,.5);-webkit-transition:all .9s ease-in-out .6s;transition:all .9s ease-in-out .6s}
.search-overlay .search-close {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 50px;
	z-index: 2;
	text-align: center;
	cursor: pointer;
	padding: 10px;
	-webkit-transition: all .9s ease-in-out 1.5s;
	transition: all .9s ease-in-out 1.5s;
	opacity: 0;
	visibility: hidden;
}
.search-overlay .search-close .search-close-line {
	width: 100%;
	height: 3px;
	float: left;
	margin-bottom: 5px;
	background-color: #fff;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.search-overlay .search-close .search-close-line:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.search-overlay .search-close .search-close-line:nth-child(2){margin-top:-7px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.search-overlay .search-close:hover .search-close-line {
	background: #d41321;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.search-overlay .search-form {
	-webkit-transition: all .9s ease-in-out 1.4s;
	transition: all .9s ease-in-out 1.4s;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	z-index: 2;
	max-width: 500px;
	width: 500px;
	padding: 0 15px;
}
.search-overlay .search-form form {
	position: relative;
}
.search-overlay .search-form form .input-search {
	display: block;
	width: 100%;
	height: 60px;
	border: 0;
	border-radius: 30px;
	color: #252525;
	padding: 3px 0 0 25px;
}
.search-overlay .search-form form .input-search::-webkit-input-placeholder {
	-webkit-transition: .7s;
	transition: .7s;
	letter-spacing: .5px;
	color: #252525;
}
.search-overlay .search-form form .input-search:-ms-input-placeholder {
	-webkit-transition: .7s;
	transition: .7s;
	letter-spacing: .5px;
	color: #252525;
}
.search-overlay .search-form form .input-search::-ms-input-placeholder {
	-webkit-transition: .7s;
	transition: .7s;
	letter-spacing: .5px;
	color: #252525;
}
.search-overlay .search-form form .input-search::placeholder {
	-webkit-transition: .7s;
	transition: .7s;
	letter-spacing: .5px;
	color: #252525;
}
.search-overlay .search-form form .input-search:focus {
	border: 0;
	outline: 0;
}
.search-overlay .search-form form .input-search:focus::-webkit-input-placeholder {
	color: transparent;
}
.search-overlay .search-form form .input-search:focus:-ms-input-placeholder {
	color: transparent;
}
.search-overlay .search-form form .input-search:focus::-ms-input-placeholder {
	color: transparent;
}
.search-overlay .search-form form .input-search:focus::placeholder {
	color: transparent;
}
.search-overlay .search-form form button {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 50px;
	color: #fff;
	height: 50px;
	border-radius: 50%;
	background-color: #d41321;
	-webkit-transition: .7s;
	transition: .7s;
	border: 0;
	font-size: 20px;
	line-height: 55px;
}
.search-overlay .search-form form button:hover {
	background-color: #ffc221;
	color: #fff;
}
.search-overlay .search-form form:hover {
	border: 0;
	outline: 0;
}
.search-overlay.search-overlay-active.search-overlay {
	opacity: 1;
	visibility: visible;
}
.search-overlay.search-overlay-active.search-overlay .search-layer {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.search-overlay.search-overlay-active.search-overlay .search-close {
	opacity: 1;
	visibility: visible;
}
.search-overlay.search-overlay-active.search-overlay .search-form {
	opacity: 1;
	visibility: visible;
}
.souso{
	float: left;
	width: 5%;
	line-height:100px;
	text-align: center;
}

.zhucdl{
	position:absolute;
	top:10px;
	z-index:10000;
	right:0px;
	width:20%;
}
.zhucdl ul li{
	float: left;
	width: 50%;
}
.zhucdl ul li.zhucdl2{
	background:url('../images/hyzctb1.png') no-repeat left center; 
	padding-left:35px;
	line-height:31px;
}
.zhucdl ul li.zhucdl3{
	background:url('../images/hyzctb.png') no-repeat left center; 
	padding-left:35px;
	line-height:31px;

}
.zhucdl ul li a{
		font-size:14px;
	color: #fff;

}
.zhucdl ul li:hover a{
	color:#098df2;
}
.fullscreenvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}

.videocontainer{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -100; 
}

.videocontainer:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.4);
}
.shipwz{
	position:absolute;
	width:56%;
	top:30%;
	left: 7%;
}
.shipwz img{
	width: 100%;
	max-width: 1066px;
}
@keyframes shadowAnimation{0%{-webkit-box-shadow:32px 26px 36px rgba(49,108,226,0.15);box-shadow:32px 26px 36px rgba(49,108,226,0.15)}100%{-webkit-box-shadow:52px 46px 56px rgba(49,108,226,0.15);box-shadow:52px 46px 56px rgba(49,108,226,0.15)}}
@keyframes scroll{0%{top:4px;opacity:1}100%{top:21px;opacity:0}}
@keyframes loader{0%{background:#316CE2;-webkit-transform:scale(0);transform:scale(0)}100%{background:#01010D}}

.scroll-down {
	position: absolute;
	z-index: 10;
	bottom: 10px;
	width: 100%;
	left: 0;
}
.scroll-down a {
	display: block;
	color: #fff;
}
.scroll-down .scroll-title {
	margin-bottom: 8px;
	font-weight: 500;
	font-size: 13px;
}
.scroll-down .scroll-mouse {
	width: 30px;
	height: 50px;
	border-radius: 20px;
	position: relative;
	display: inline-block;
	border: 2px solid #fff;
}
.scroll-down .scroll-mouse .whell {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	top: 4px;
	-webkit-animation: scroll 1s linear .5s infinite backwards;
	animation: scroll 1s linear .5s infinite backwards;
	background-color: #fff;
}
.text-center {
	text-align: center!important;
}
.banner{
    width: 100%;
    height: 49vw;
}
.banner .swiper-slide{
    background-size: cover;
    background-position: center;
}
.banner .swiper-slide video{
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.banner .swiper-slide dl{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
}
.banner .swiper-slide dl dt{
    
}
.banner .swiper-slide dl dt strong{
    display: block;
    font-size: 46px;
}
.banner .swiper-slide dl dt small{
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 10px;
}
.banner .swiper-slide dl dd{
    font-size: 24px;
    line-height: 1.5;
    margin-top: 26px;
}
.banner .swiper-button-prev{
    width: 46px;
    height: 46px;
    margin-top: -23px;
    left: 4%;
    background-image: url(../img/tb48.png);
    background-size: 100% 100%;
}
.banner .swiper-button-next{
    width: 46px;
    height: 46px;
    margin-top: -23px;
    right: 4%;
    background-image: url(../img/tb49.png);
    background-size: 100% 100%;
}
.banner .swiper-pagination{
    bottom: 20px;
    font-size: 28px;
    color: #fff;
}
.banner .swiper-pagination span{
    width: 30px;
    height: 4px;
    border-radius: 0;
}
.bannerwz{
	width: 90%;
	position:absolute;
	z-index:1000;
	left:7%;
	top:20%;
}
.bannerwz img{
	width: 100%;
	max-width: 1066px;
	height:auto;
}
.swiper-pagination-bullet-active{
	background:#015c9b;
}
/*****gongsi***/
.gsjj{
	float: left;
	width: 100%;
	background:url('../images/gsjjbj.jpg') no-repeat center center; 
	padding-top: 140px;
	padding-bottom: 140px;
}
.keshi{
	margin:auto;
	width: 85%;
}
.gsjjwz{
	float: left;
	width: 58%;
}
.gsjjyw{
	float: left;
	width: 100%;
	font-size:40px;
	color: #bababa;
	text-transform: uppercase;
	font-weight: bold;
}
.gsjjzw{
	float: left;
	width: 100%;
	font-size:35px;
	color: #015c9b;
}
.gsjjzwnm{
	float: left;
	width: 100%;
	font-size:40px;
	color: #015c9b;
	font-weight: bold;
	margin-top: 10px;
}
.gsjjwznr{
	float: left;
	width: 100%;
	font-size:16px;
	line-height: 30px;
	margin-top: 50px;
}
.gsjjshzi{
	float: left;
	width: 100%;
	margin-top: 80px;
}
.gsjjshzi ul li{
	float: left;
	width: 25%;
}
.gsjjshzi ul li .gsjjshzd{
	float: left;
	width: 100%;
	font-size:35px;
	color: #015c9b;
	text-align: center;
	font-weight: bold;
}
.gsjjshzi ul li .gsjjshzd span{
	font-size:25px;
}
.gsjjshzi ul li .gsjjshzx{
	float: left;
	width: 100%;
	font-size:18px;
	color: #000;
	text-align: center;
	margin-top: 15px;
}
.gsjjgd{
	float: left;
	width: 20%;
	line-height: 50px;
	background:#ce291f;
	text-align: center;
	margin-top: 70px;
}
.gsjjgd a{
	font-size:16px;
	color: #fff;
}
/*****工程****/
.w1720 {
  margin: 0 7.2vw;
}
.p98 {
  padding-top: 6.125rem;
}
.p98_ {
  padding-bottom: 6.125rem;
}


.index_application {
  position: relative;
  padding-bottom: 4.375rem;
  width: 100%;
  float: left;
}
.index_application .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index_application .img img {
  width: 100%;
  transition: 0.3s;
  height: 100%;
  object-fit: cover;
}
.index_application .title {
  font-size: 40px;
  color: #fff;
  position:relative;
  margin-bottom: 40px;
}
.index_application .title span{
	font-size:50px;
	font-weight: bold;
	text-transform: uppercase;
}
.index_application .box {
  position: relative;
  z-index: 1;
}
.index_application .title .content2 {
  margin: 0;
  line-height: 0px;
}
.index_application .title .content2 span {
  display: inline-block;
  width: 48px;
  height: 3px;
  background: #fff;
}

.index_application .box .list {
  margin-top: 7.125rem;
  width:100%;
}
.index_application .box .list .item .content1 {
  font-size: 2.5rem;
  color: #fff;
}
.index_application .box .list .item .content3 {
  font-size: 1.6rem;
  line-height: 3.25rem;
  width: 45%;
  color: #fff;
  margin-top: 10px;
}
.index_application .box .list .item .content4 {
  margin-top: 4.5rem;
}
.index_link a {
  font-size: 1.6rem;
  display: block;
  width: 14rem;
  line-height: 4.4375rem;
  color: #fff;
  background: #ce291f;
  text-align: center;
  position: relative;
}

.index_application .box .list .active {
  display: block;
}
.index_application .box .list_togg {
  margin-top: 10rem;
}
.index_application .box .list_togg .item {
  text-align: center;
  cursor: pointer;
  position: relative;
}
.index_application .box .list_togg .item::after {
  content: '';
  position: absolute;
  top: 28px;
  left: 80px;
  width: 200px;
  height: 1px;
  background: #fff;
  opacity: 0.2;
}
.index_application .box .list_togg .item .top {
  margin: auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.index_application .box .list_togg .item .top img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  transition: 0.4s;
}
.index_application .box .list_togg .item .bot {
  margin-top: 25px;
  font-size: 1.6rem;
  transition: 0.4s;
  color: #fff;
}
.index_application .box .list_togg .item:hover .bot {
  font-weight: bold;
}
.index_application .box .list_togg .swiper-slide:last-child .item::after {
  opacity: 0;
}
.index_application .box .list_togg .swiper-slide-thumb-active .item .top {
  background: rgba(206, 41, 31, 0.3);
}


/* 服务项目 */
.con2{
	background: url(../images/serbj.png);
	background-size: 100% 100%;
	width: 100%;
	padding-top: 100px;
	/* height: calc(100vw / 1.73); */
	position: relative;
	/* padding-bottom: 8.25vw; */
	padding-bottom: 80px;
	float: left;
}
@media (max-width:1459px){
	.con2{
		padding-bottom: 4%;
	}

}
.contitle-big{
	float: left;
	width: 100%;
	font-size:40px;
	color: #bababa;
	font-weight: bold;
	text-transform: uppercase;
}
.title-sub{
	float: left;
	width: 100%;
	font-size:35px;
	color: #015c9b;
}
.con2 .con2-title,.con3 .con3-title,.con4 .con4-title,.con5 .con5-title{
	position: relative;
	z-index: 8;
	width: 100%;
}

.fae-picCon .lef{width: 70%;}
@media (max-width:768px) {
	.fae-picCon .lef{width: 100%;}
}

@media (max-width:768px) and (min-width:991px){
}

.wrap2{
	float: left;
	width: 47%;
}
.fae-box{
	/* margin-bottom: 1.2rem; */
	overflow: hidden;
}
.fae-nav{width: 100%;float: left;}
.fae-nav .fae-a{cursor: pointer;display: block;width: 100%; float: left; margin-top: 30px;}
.fae-nav .fae-a.on{color: white;}
.fae-right{width: 50%;z-index: 999; float: right;}
.fae-pic{width: 100%;overflow: hidden;display: none;}
.fae-pic.on{display: block;}
.fae-pic img{display: block;width: 100%;transition: all .5s;}
.fae-pic:hover img{transform: scale(1.05);}
.fae-num{
	font-size: 95px;
	/* line-height: 0.6rem; */
	color: #181325;
	width: 20.77%;
	font-family: "思源黑体 CN Regular";
	-webkit-text-stroke: 1px #606060;
	color: #f2f2f2;
	float: left;
}
.fae-con{
	width: 79.23%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	position: relative;
	float: right;
}

.fae-nav .fae-a.on .fae-con::before{
	content: "";
    background: url(../images/img5.png) no-repeat;
    background-size: 100%;
    width: 99px;
    height: 69px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.fae-title{
	font-size: 25px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #000;
	font-weight: bold;
	margin-top: 15px;
}
.fae-fbtit{
		font-size: 18px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #3a3a3a;

}
.fae-text{
	font-size: 14px;
	display: -webkit-box;	
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #878787;
	margin-top: 15px;
	width: 73.77%;
}

@media (max-width:1459px){
	.fae-text{
		
	}
}

@media (max-width:1280px) {
	.fae-nav .fae-a{
	}
	.fae-num{
	}
}

@media (max-width:1024px){
	.fae-text{
	}

	.fae-nav .fae-a{
	}
	.fae-num{
	}
}

@media (max-width:768px) {
	.fae-text{
	}
	
}

.fae-nav .fae-a.on .fae-num,.fae-nav .fae-a.on .fae-title{color: #015c9b;}
.fae-nav .fae-a.on .fae-num,.fae-nav .fae-a.on .fae-fbtit{color: #015c9b;}
.fae-nav .fae-a.on .fae-num,.fae-nav .fae-a.on .fae-text{
	color: #000;
}
.fae-nav .fae-a.on .fae-num{
	-webkit-text-stroke: 1px #015c9b;
	color: #f2f2f2;
}
.fae-picCon{
	background: #015c9b;
	width: 100%;
	display: flex;
	padding:40px 50px;
}

.fae-picCon .p1{
	position: relative;
	font-size:35px;
	color: #fff;
	font-weight: bold;
}

.fae-picCon .p2{
	font-size:20px;
	color: #fff;
	max-height: 27px;
	overflow: hidden;
}

.fae-picCon .p1::before{
	content: "";
	background-size: 100%;
	width: 41px;
	height: 5px;
	position: absolute;
	background:#fff;
	left: 0;
	top: 190%;
	transform: translateY(-50%);
	opacity: 1;
}

@media (min-width:768px) and (max-width:1024px){
	.fae-picCon .p1::before{
		content: unset;
	}
}

.fae-picCon .p3{
	font-size: 20px;
	/* margin-top: 0.85rem; */
}

@media (min-width:768px) and (max-width:1024px){
	.fae-picCon .p3{
		margin-right: 0.45rem;
	}
}

.fae-picCon .p3-symbol{
	font-size: 20px;
	color: #fff;
}

.fae-picCon p,.fae-picCon div{color: #fff;}

@media (min-width:768px) and (max-width:1024px){
	.fae-nav .fae-a.on .fae-num,.fae-nav .fae-a .fae-num{
		font-size: 0.7rem;
	}
	.fae-nav .fae-a.on .fae-con::before{
		width: .9rem;
	}
}

.con2-mask{
	height: 100%;
	width: 8.2%;
	background: #fff;
	position: absolute;
	right: 0;
	z-index: 99;
}

.fae-picCon .rig{
	position: relative;
	display: flex;
	justify-content: flex-end;
	flex: 1;
	padding-right: 3.91vw;
	align-items: center;
}

@media (min-width:768px) and (max-width:1024px){
	.fae-picCon .rig{
		padding-right: 0;
	}

}

.fae-picCon .rig .fae-picNum{
	position: absolute;
	font-size: 1.38rem;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.1;
	font-family: "思源黑体 CN Regular";
	-webkit-text-stroke: 1px #ffffff;
	color: #5a84b2;
}
@media (min-width:769px) {
	.fae-pic:nth-of-type(1) .fae-picCon .p3{
		margin-top: 0;
	}
	.fae-pic:nth-of-type(1) .fae-picCon .p3 .fae-picNum{
		letter-spacing: .115rem;
	}
}

@media (max-width:1680px) {
	/* .con2{height: 63vw;} */
}

@media  (max-width:1280px) {
	.fae-nav .fae-a{}
	.navbar-weibu .tel{display: none;}
	.lbotal{right: 2%;}
}
@media (max-width:1024px) {
	.fae-nav .fae-a{}
}
@media  (max-width:991px) {
	.fae-nav .fae-a{}
	.nei_anchor span a{padding: 0 0.15rem;}
}
@media  (max-width:768px) {
	.fae-box{margin: 0.25rem 0 0;}
	.fae-nav,.fae-right{width: 100%;float: none;padding: 0;overflow: hidden;}
	.fae-nav .fae-a{float: left;width: 100%;}
	.fae-nav .fae-a:nth-child(2n){float: right;}
	.fae-picCon{
	padding:10px;
}
.fae-picCon .rig{
	display: none;
}
	.fae-picCon .p1{
	font-size:18px;
}
.fae-picCon .p2{
	font-size:14px;
}
.fae-picCon .p1::before{
	top:240%;
}
.fae-num{
	display: none;
}
.fae-con{
	width: 100%;
}
.fae-nav .fae-a.on .fae-con::before{
	display: none;
}
}

/***hehb***/
.hzhb{
	float: left;
	width: 100%;
	background:url('../images/hzbj.jpg') no-repeat fixed center center; 
	padding-top: 110px;
	padding-bottom: 110px;
}
.hzhbyc{
	float: left;
	width: 36%;
}
.hzhbnm{
	float: left;
	width: 100%;
	font-size:40px;
	color: #bababa;
	text-transform: uppercase;
	font-weight: bold;
}
.hzhbnm span{
	font-size:35px;
	color: #fff;
	font-weight: 100;
}
.hzhbwz{
	float: left;
	width: 100%;
	font-size: 16px;
	color: #fff;
	line-height: 35px;
	margin-top: 50px;
}
.brand_inner_right{
	width: 50%;
	padding: 4%;
	float: right;
}
.brand_inner_right{
	background: rgba(0,0,0,.2);
	align-items: center;
}
.slide_xxx{
	width: 100%;
	
	position: relative;
	
}


.partner1{
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
}
.partner2{
	font-size: 34px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
}
.partner3{
	padding-top: 5%;
	padding-bottom: 5%;
	
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
}
.swiper-item{
	float: left;
	justify-content: center;
	align-items:stretch;
	flex-wrap: wrap;

}

.swiper-item li{
	width: 46.4%;
	
	margin-bottom: 7.2%;
		
		overflow: hidden;
		float: left;

}

.swiper-item li img{
	transition: transform linear .5s;
}

.swiper-item li:hover>img {
	transform: scale(1.1);
}



.swiper-item li:nth-of-type(2n+1){
	margin-right: 7.2%;
}

.swiper-slidex{
	float: left;
	align-items: center;
	justify-content:center;
}

.brand_inner_wrapxx .swiper-wrapper{
	
}
.brand_inner_wrapxx{
	position: relative;
	overflow: hidden;
}
.w100{
	width: 100%;
}
.ala-prev{
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform:translateX(-200%);
	background: #fff;
	border-radius: 50%;
	background:url("../images/left_btn.png") #fff;
	background-size: cover;
}

.ala-next{
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: -60px;
	transform:translateX(100%);
	left: 50%;
	background: #fff;
	border-radius: 50%;
	background:url("../images/right_btn.png") #fff;
	background-size: cover;
}

.ala-prev:hover{
	
	background:url("../images/left_btna.png") #255a9e;
	background-size: cover;
}
.ala-next:hover{
	background:url("../images/right_btna.png") #255a9e;
	background-size: cover;
}
/***xinwen***/
.xinwen{
	float: left;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 60px;
}
.xinwennm{
	float: left;
	width: 100%;
	font-size:40px;
	color: #bababa;
	text-transform: uppercase;
	font-weight: bold;
}
.xinwennm span{
	font-size:35px;
	color: #015c9b;
	font-weight: 100;
}
.xinwennr{
	float: left;
	width: 100%;
	margin-top: 40px;
}
.xinwennr ul li{
	float: left;
	width: 22%;
	margin-left: 3%;
}
.xinwennr ul li:first-child{
	margin-left: 0px;
}
.xinwennr ul li a .xinwenimg{
	float: left;
	width: 100%;
}
.xinwennr ul li a .xinwenimg img{
	width: 100%;
}
.xinwennr ul li a .xiwnentime{
	float: left;
	width: 100%;
	font-size:12px;
	color: #9d9d9d;
	margin-top: 25px;
}
.xinwennr ul li a .xiwnenbaiti{
	float: left;
	width: 100%;
	font-size:16px;
	color: #000;
	line-height: 25px;
}
.xinwennr ul li a .xiwennrwz{
	float: left;
	width: 100%;
	font-size:14px;
	color: #808080;
	line-height: 25px;
	margin-top: 10px;
}
.xinwennr ul li a .xinwengd{
	float: left;
	width: 100%;
	font-size:14px;
	color: #ce291f;
	margin-top: 20px;
}
/****foot***/
.foot{
	float: left;
	width: 100%;
	background:url('../images/dbbj.jpg') no-repeat center center; 
	padding-top: 30px;
}
.footdh{
	float: left;
	width: 100%;
	border-bottom: 1px #fff solid;
	padding-bottom: 25px;
}
.footlogo{
	float: left;
	width: 23%;
}
.footlogo img{
	width: 100%;
	max-width: 364px;
}
.footlm{
	float: right;
	width: 43%;
}
.footlm ul li{
	float: left;
	width: 20%;
	line-height: 57px;
	text-align: center;
}
.footlm ul li a{
	font-size:16px;
	color: #fff;
}
.footlx{
	float: left;
	width: 22%;
	margin-top: 30px;
}
.footlxbq{
	float: left;
	width: 100%;
}
.footlxbq img{
	width: 100%;
	max-width: 49px;
}
.footlxwz{
	float: left;
	width: 100%;
	font-size:14px;
	color: #fff;
	line-height: 30px;
	margin-top: 15px;
}
.footlxwz span{
	font-size:18px;
}
.footlx1{
	float: left;
	width: 29%;
	margin-top: 30px;
}
.footewm{
	float: right;
	width: 11%;
	margin-top: 20px;
}
.footewm img{
	width: 100%;
	max-width: 168px;
}
.footbq{
	float: left;
	width: 100%;
	border-top:1px #8fafbd solid;
	margin-top: 30px;
	line-height: 60px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.footbq a{
	font-size:14px;
	color: #fff;
}
@media screen and (max-width: 1680px) {
	.index_application .box .list_togg .item::after{
		width: 12rem;
		left: 5rem;
	}
}
@media screen and (max-width: 1500px) {
  .index_application .box .list_togg .item::after {
    left: 90px;
    width: 120px;
  }
}
@media screen and (max-width: 1366px) {
.index_application .box .list_togg .item .bot span{
		display: none;
	}
.index_application .title {
    font-size: 2.5rem;
  }

}
@media screen and (max-width: 1024px) {
.index_application .box .list_togg .item::after {
    left: 105px;
    width: 90px;
	display: none;
  }
  .p98 {
    padding-top: 5rem;
  }
  .p98_ {
    padding-bottom: 5rem;
  }
  	    .banner{
        width: 100%;
        height: 60vw;
    }
    .banner .swiper-slide video{
        width: auto;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .banner .video-slide{
        display: none;
    }
    .banner .swiper-slide dl dt strong{
        font-size: 36px;
        line-height: 1.4;
    }
    .banner .swiper-slide dl dd{
        font-size: 20px;
    }
    .banner .swiper-button-prev{
        display: none;
    }
    .banner .swiper-button-next{
        display: none;
    }

}
@media screen and (max-width: 669px) {
.index_application .box .list_togg .item::after {
    display: none;
  }
.index_application .box .list {
    width: 100%;
  }
  .index_application .box .list_togg .item .bot span {
    font-size: 14px;
  }
.gsjj{
	padding-top: 60px;
	padding-bottom: 40px;
}
.keshi{
	width: 100%;
	padding:0px 15px;
}
.gsjjwz{
	width: 100%;
}
.gsjjyw{
	font-size:20px;
}
.gsjjzwnm{
	font-size:18px;
}
.gsjjwznr{
	margin-top: 20px;
}
.gsjjshzi ul li{
	width: 50%;
	margin-bottom: 10px;
}
.gsjjshzi{
	margin-top: 25px;
}
.gsjjgd{
	width: 40%;
}
.index_application .title span{
	font-size:16px;
}
.index_application .box .list .item .content3{
	width: 100%;
}
.contitle-big{
	font-size:20px;
}
.wrap2{
	width: 100%;
}
.hzhbyc{
	width: 100%;
}
.hzhbnm{
	font-size:20px;
}
.hzhb{
	padding-top: 40px;
	padding-bottom: 80px;
}
.hzhbwz{
	margin-top: 20px;
}
.brand_inner_right{
	width: 100%;
}
.xinwen{
	padding-top: 40px;
}
.xinwennm{
	font-size:20px;
}
.xinwennr ul li{
	width: 100%;
	margin-left: 0px;
	margin-bottom: 15px;
}
.footdh,.footlx,.footlx1,.footewm{
	display: none;
}
.footbq{
	line-height: 25px;
}
}




