@charset "utf-8";

body{background: url(../images/bj.jpg) top center repeat-y;}
/* bootstrap 轮播图淡入淡出 */
.carousel-fade .carousel-inner .carousel-item {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity;
}
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
    opacity: 1;
}
/* bootstrap 4 轮播图 垂直滚动*/
.carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carousel-vertical .carousel-inner .active.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev {
-webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.carousel-vertical .carousel-inner .active.carousel-item-right,
.carousel-vertical .carousel-inner .carousel-item-next {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
/*缩放效果*/
.carousel-scale .carousel-item img{
 -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
.carousel-scale .carousel-item.active img {
 -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
 animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@-webkit-keyframes scaleUpDown {
 from {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
 }
 to {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
}
@keyframes scaleUpDown {
 from {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
 }
 to {
  -webkit-transform: scale(1);
  transform: scale(1);
 }
}
/* logo */
/*.lg_bj{width: 100%;background: url(../images/logo_bj.jpg) no-repeat center center;background-size: 100% 100%;}*/
/* 设置导航单独样式 */
.dh{/* background: #212121; */width: 100%;}
.bj{width: 100%;background: #242e49;/* background: url(../images/logo_bj.jpg) no-repeat center center;background-size: 100% 100%; */ z-index: 999;}
.nav_li{width: 20%;text-align: center;border-radius: 5px;}
.dropdown-menu{}
/* .nav-link{padding: 51% 0;} */
.lf{padding: 5% 0; color: #fff!important;}
.nav_li:hover{background: #fff;}
.nav_li .nav-link:hover{color: #000!important;}
.active{background: #fff;}
.active a{color:#000!important;}

.xq_mb a{color:#000}

.dropdown-item:hover{background: #242e49!important;color: #fff!important;}
/* .show .lf{color: #000!important;} */
.nav_ul{width: 100%;}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 40px!important;height: 40px!important;background-color: #818182;}
/* 左右结构显示,上下结构隐藏 */
.navbar-brand{display: none;}
.logo{display: block;}
.st{margin-right: 5%;color: #fff!important;}
/* .logo_t{position: relative;width: 100%;} */
.lg2{display: none;}
.lg1{display: block;}
.navbar-light .navbar-toggler{color: rgba(255,255,255,.5);border-color: rgba(255,255,255,.9);}
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.logo_t img{position: absolute;z-index: 1;right:0;top:0.75rem;}
#mnav{/* margin-top: 5%; */}
.navbar-brand img{ width: 100%;}
.carousel-indicators li{background-color:#818182;}


/* 产品介绍 */
.cpjs{width: 33.33%;padding-left: 0!important;padding-right: 0!important;}
.cpjs:hover .cpjs-txt{border: 2px solid #fcfcfc;}
.cpjs:hover .cpjs-nr img{opacity: 1;}
.cpjs-txt{position: absolute;width: 85%;height: 85%;top:50%;left:50%;transform: translate(-50%, -50%);}
.cpjs-txt .cpjs-nr{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size: 40px;color: #fbf8f8;text-align: center;}
.cpjs-txt .cpjs-nr img{display: block;width: 64px;margin: auto;margin-top: 6%;opacity: 0;}
.cpjs_top{width: 100%;margin: 0 auto;padding-top: 3rem;padding-bottom:3rem;}
.cpjs_top img{max-width: 100%;display: block;margin: auto;}
.cpjs a img{width: 100%;}
/* 产品展示头部 */
.cpzs_top{width: 100%;margin: 0 auto;padding-top: 3rem;padding-bottom:3rem;}
.cpzs_top img{max-width: 100%;display: block;margin: auto;}
/* 产品展示分类（横向） */
.cpzs_fl{margin-bottom: 3%;/* background: #212121; */display: -webkit-box;white-space: nowrap;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;-webkit-overflow-scrolling: touch;text-align: justify;overflow-x: initial;/* background: #fff; */}
.cpzs_fl ul{width: 95%;margin: 0 auto;padding: 0;text-align: center;}
.fl{width:16.66%;text-align: center;list-style-type: none;float: left;box-sizing: border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/* border-left: 2px solid #264f95; */ display:inline-block;border-radius: 20px;}
.fl:hover{background: #323232;}
.fl a:hover{color: #ffa838!important;text-decoration: none;}
.fl_a{color: #000!important;font-size: 1.0625rem;width: 100%;display: block;padding: 2% 0;}
/* .fl_a img{margin-right: 0.5rem;} */
/* 产品展示分类(垂直) */
/* .cpzs_fl_h{width:15%;float:left;}
.cpzs_fl_1{width:100%;}
.cpzs_fl_1 li{width: 100%;}
.cpzs_fr{width:80%;float: right;} */

/* 公司简介 */
.gsjj_bj{width:100%;background: url(../images/gsjj_bj.jpg) no-repeat top center; background-size: 100% 100%;/* padding-bottom: 2rem; */overflow: hidden;}
.gsjj_bt{margin:0 auto;padding: 3% 0;padding-top: 5%;}
/* .gsjj_w{background: #ffffff;padding: 3%;box-shadow: 10px 10px 5px #888888;} */
.gsjj_wb{/* background: #fafafa; *//* padding: 7rem  0; */margin-bottom: 3rem;}
.gsjj_nr{margin: 0 auto;/* margin-top: 5%; */width: 100%;background: url(../images/gsjj-r.jpg) no-repeat;background-size: 100% 100%;}
.gsjj-ot{width: 60%;margin-left: 6%;margin-top: 6%;}
.gsjj-ot dd{font-size: 12px;color: #999999;}
.jj_img{padding: 2rem 0;}
.gsjj_nr span {width: 100%;font-size: 18px;color: #333333;display: block;text-align: left;margin-bottom: 1%;font-weight: bold;}
.gsjj_nr p {margin: 0 auto;width: 100%;font-size: 14px;color: #4c4c4c;line-height: 3;letter-spacing: 2px;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.gsjj_nr p:nth-child(4){-webkit-line-clamp: 4;}
.gajj_tp{padding-right: 0;}
.gajj_tp img{width: 100%;}
.gajj_tp img:last-child{margin-right: 0;}
.gsjj_a{/* margin: 0 auto; *//* border:1px solid #fff; */color:#fff;text-align:center;padding:0.8% 0;margin-top:3%;font-size:1rem;display:block;border-radius:10px;}
.gsjj_a img{max-width: 100%;}
/* 地图设置 */
#ditu{width:100%; height: 500px;}
.ditu{margin-bottom: 0;}
/* 新闻动态 */
.xwdt_bj{width: 100%;background: url(../images/xwdt_bj.jpg) no-repeat top center; background-size: 100% 100%;}
.xwdt_bt{margin:0 auto;padding-bottom: 6%;padding-top: 10%;}
.w-90{width: 93%;}
.d_a{color: #fff!important;font-size: 0.82rem;margin: 15% 0;}
.d_a:hover{text-decoration: none;}
.xwdt_l{/* background: url(../images/xwdt_l_b.jpg) no-repeat top center; */ background-size: 100% 100%;background: #ededed;padding: 0;}
.xwdt_l .col-5{padding: 0;}
.item{float: left;width:100% ;padding: 2%;border-bottom: 1px dashed #d9d9d9;}
/* .item:nth-child(2n){margin-right: 0!important;}
.item:nth-child(3),.item:nth-child(4){margin-bottom: 0!important;} */

.item-l{width: 20%;float: left;}
.item-l img{width: 100%;}
.item-r{width: 78%;float: right;}
.item:hover a{color: #242e49;}








.xw{margin-bottom: 0!important;padding: 3% 7%;}
.xw a{font-size: 1.0175rem;margin-top: 1rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;color: #000000;text-decoration: none;}
.xw span{width: 50%;text-align: right;display:inline-block;color: #636363;font-size:0.9375rem;}
.xw p{font-size: 0.8125rem;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 0.5rem;color: #636363;}
.xw_hr{width: 3rem;border: 0.5px solid #003e92;display: inline-block;margin-top: 0.5rem;}

.xwa{margin-top: 2rem;}
.item_1{/* background: #f6f6f6; */width: 99%;margin: 0!important;}
.i_r{/* border-right: 1px solid #cccccc; */padding: 0!important;/* border-radius: 8px; */position: absolute;top: -25%;background: #4f4f4f;width: 90px;height: 90px;}
.item a{font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;color: #333333;text-decoration: none;font-weight: bold;}
.item span {
    width: 100%;text-align: left;color: #cccccc;font-size:12px;
}
.item dd {
    font-size: 14px;
    color: #bebebe;
    width: 90%;
    display: block;
    text-align: right;
	margin-bottom: 0!important;
}
.item .i_bt {
    width: 100%;
	float: left;
    color: #4f4f4f;
    text-align: left;
    font-weight: 500;
    font-size: 1rem;
	text-decoration: none;
	line-height: 3.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.i_a{
	font-size: 0.8125rem;
	color: #fff;
	background: #4f4f4f;
	padding: 1% 4%;
}
.item p {
    width: 100%;
    text-align: left;
    color: #808080;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.nxw{padding: 5%;}
.nxw:hover a{color: #242e49;}
.nxw_l{width:20%; background: #242e49;}
.nxw_l span{font-size: 36px;color: #ffffff;text-align: center;font-weight: bold;}
.nxw_l dd{font-size: 14px;color: #ffffff;text-align: center;line-height: 2;}
.nxw_r{width: 78%;margin-left: 2%;}
.nxw_r a{font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;color: #333333;text-decoration: none;padding-top: 1.5%;font-weight: bold;}
.nxw_r p{font-size: 14px;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 0.5rem;color: #808080;}
.nxw_r span{text-align: right;display:inline-block;color: #636363;font-size:0.9375rem;margin-top: 50%;}
/* .nxw_r_l{width:80%;} */


.xwdt_a{margin:0 auto;display:block;font-size:16px;color:#000;text-align:center;padding:0.6% 0;border:1px solid #017cc1;border-radius:10px;margin-top:2%;}
/* 客户案例 */
.khal{}
.khal_bt{margin:0 auto;text-align: center;padding: 3% 0;padding-top: 5%;}
.al{width:100%;/* background: #212121;padding: 3% 1% 0 1%; */border-radius: 1.25rem;}
.al_l{width:100%;margin: 0 auto;}
.al_l dl dt img{width: 100%;}
.al_l dl dd{color: #fff;line-height: 2.5rem;text-align: center;background: #212121;}
.al_l dl dd a{color: #fff;}
.khal_m{padding:0.8% 0;margin:0 auto;display:block;font-size:16px;color:#fff;text-align:center;/* border:1px solid #000;border-radius:10px; */background: #212121;}
.khal_m:hover{color: #fff;text-decoration: none;}
.khal_m1{margin:0 auto;display:block;text-align:center;margin-top:1%;}
/* 友情链接 */
.yqlj{/* background: #fff; */}
.link{width:100%;margin:0 auto;color:#454545;font-size:1.425rem;text-align:left!important;padding: 1rem 0;}
.link img{display:inline-block; vertical-align:middle;width: 14%;}
.link a{display:inline-block;color:#010101;font-weight:500;font-size:1rem;margin-left:20px;vertical-align:middle;text-decoration:none;}
/* 底部 */
.foot{width:100%;background: #333d56;}
.ft-cdh{width: 100%;background: #242e49;}
.ft{text-align: left;color: #fff;padding: 4% 0;}
.ft-logo img{max-width: 100%;}
.ft-tel{border-left: 1px solid #666666;}
.ft-tel img{max-width: 100%;}
.ft-lx p{color: #cccccc;font-size: 12px;}
.ft-lx p a{color: #cccccc;}

.nav_ci{width: 100%;text-align: center;padding: 2% 0;}
.nav_ci li{display: inline;padding: 0 2%;border-left: 1px solid #3d3d3d;font-size: 14px;color: #fbfbfc;}
.nav_ci li:first-child{border: 0;}
.ft-fc{background: #ffffff; z-index: 99;width: 18%;padding: 2%;}
.ft-fc p{font-size: 14px;color: #242e49;text-align: center;}
.ft-ewm{border: 1px dashed #cac9c9;padding: 10%;}
.ft-ewm img{width: 100%;}

/* 新闻列表页 */
/* 详情left */
.left_fl{margin-bottom: 10%;}
.left_fl_1{width:100%;}
.left_fl_1 span{width: 100%;background: #212121;line-height: 5rem;text-align: center;color: #fff;}
.left_fl_1 li{width: 100%;transition:box-shadow 0.5s;}
.left_fl_1 li:hover{box-shadow:0 0 3px 5px rgba(0, 0, 0, 0.2);}
.list_a { color: #000!important;}
.left_fl_1 dd{width: 100%;border: 1px solid #0185d0;margin-bottom: 0!important;line-height: 2rem;text-indent: 1rem;}
.list_zt{padding-top: 2%;}
.list_li {width: auto;border: 1px solid #0185d0;text-align: left;}
.list_li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 详情right */
.xq{width: 100%;}
.xq_mb{width: 100%;}
.xq_mb dd{font-size:1rem;margin-bottom: 0!important;}
.xq_nr{width: 100%;padding-top: 2%;}
.btn-primary:hover{background:#212121!important;}
.card_xz{transition:box-shadow 0.5s;}
.card_xz:hover{box-shadow:-4px 0 8px rgba(0, 0, 0, 0.2);}
.fy{padding-top: 1rem;}
.tj{margin-bottom: 2%;}
.tj a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #000000;text-decoration:none;}
.tj a:hover{color: #212121;}
.tj_lh{line-height: 2rem;}
.xw_a,.xw_a:hover{color: #000000!important;text-decoration: none;}
/* 新闻展示页 */
.xq_item{padding: 2% 1%;}
.xq_nr img{display: block;margin: 0 auto;max-width: 100%;margin-bottom: 2%;}
.text_nr img{max-width: 100%;}
.text_nr{color: #000;}
.fy_1{margin: 1.5rem 0;}
.fy_1 a{color: #000000;text-decoration:none;}
.fy_1 a:hover{color: #212121;font-weight: 600;}
/* 产品列表页 */

.cp_li{margin-bottom:3%;}
.cp_li dt{overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 125%;
}
.cp_li a dd {
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 666;
    margin-top: 3px;
    background-color: #212121;
}

.cp_li a{text-decoration: none;}
.cp_li a img{transition: all 1s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cp_li a:hover img{transform: scale(1.4);}
.cp_li a dd p{ position:relative; z-index:5; transition: color 1s;overflow: hidden;white-space: nowrap;}
.cp_li a dd span{ width:0% ;  display:block; height:35px; position:absolute; background-color:#e0d8cf; z-index:1; transition: width 1s;}
.cp_li a:hover span{ width:100%;}
.cp_li a:hover p{color:#333;}


/* 内页自适应调整 */
.left_fl:nth-child(2),.left_fl:nth-child(3){display: block;}
.left_fl_1 span{display: block;}
.tj .cp_li:nth-child(3){display: block;}
/**手机底部菜单**/
.tpp{display:none;}
.b_menu{display:none;}
/* 站位图片 */
.zhanwei{/* background: url(../images/zhanwei.jpg) no-repeat center center; */background-size: 100% 100%;margin-top: -1px;background:#de9065;}
.i_w{width: 49.5%;}
/*分页*/
/*.page a{color:#000;}*/
/*.page li{float:left;list-style-type: none;border:1px solid #3333;margin-right:0.25rem;padding:1% 2%;margin-bottom:1%;}*/
/*.page{padding-bottom: 2%;}*/
/*.page li:hover{background:#212121;color:#fff;}*/
/*.page li:hover a{color:#fff;text-decoration:none;}*/
/*.thisclass{background:#212121;color:#fff;}*/
.t_page{padding:4px 10px; margin-bottom:5px; text-align:center;	font-size:14px;	line-height:25px; border:1px dashed #d5d5d5;}
.t_page ul{ float:right;}
.t_page li{ float:left;}
.t_page a{padding:4px 6px;border:1px solid #242e49;margin:0px 3px; color:#242e49;}
.t_page a:hover{color:#F90;}

/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display: unset;
	justify-content: center;
	margin-top: 10px;
}

.pagination a {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	padding: 8px 14px;
	margin: 0 5px;
	border-radius: 3px;
}

.pagination span {
	display: inline-block;
	color: #333;
	font-size: 14px;
	padding: 8px 2px;
	margin: 0 5px;
	border-radius: 3px;
	margin-bottom: 2%;

}

.pagination a:hover {
	color: #1567b9;
	border: 1px solid #1567b9;
}

.pagination a.page-num-current {
	color: #fff !important;
	background: #1567b9;
	border: 1px solid #1567b9;
}

.page-select select {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	margin: 0 -1px 5px 0;
	background-color: #fff;
	color: #333;
	font-size: 14px;
	border: 1px solid #ccc;
	width: auto;
}

.page-select {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 0 !important;
}

.page-select:hover {
	border: 1px solid #1567b9;
}

.page-select select {
	border: none;
	margin: 0;
}

/* ----- PB分页数字条效果 结束 ----- */


/* 公司简介 */
.swiper-gsjj {
	/* margin-top: 1.5625%; */
	width: 100%;
}
.swiper-gsjj .swiper-slide {
	/*border: 1px solid #d9d9d9;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.gsjj-con {
	padding: 6.667% 9.3333% 5.333% 9.3333%;
}
.gsjj-tit {
	font-size: 16px;
	color: #000;
	text-align:center;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.gsjj-txt {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #828282;
	line-height: 1;
	margin-top: 10px;
}
.gsjj-line {
	width: 35px;
	height: 1px;
	background: #cfcece;
	margin-top: 8px;
	margin-bottom: 15px;
}
.gsjj-time {
	font-size: 12px;
	color: #828282;
	line-height: 1;
}
.swiper-gsjj .swiper-slide:hover .gsjj-tit {
	color: #1754a3
}

.gsjj-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 58.2%;
}
.gsjj-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
/* .gsjj-img::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(23,84,163,0.7);
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
} */
/* .swiper-gsjj .swiper-slide:hover .gsjj-img::before {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
} */
/* .gsjj-img::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/case_icon.png) no-repeat center;
	-webkit-transition: all 0.2s 0.3s;
	-moz-transition: all 0.2s 0.3s;
	-o-transition: all 0.2s 0.3s;
	transition: all 0.2s 0.3s;
	opacity: 0;
} */
.swiper-gsjj .swiper-slide:hover .gsjj-img::after {
	opacity: 1;
}
.swiper-gsjj:hover {
}
.swiper-gsjj .swiper-pagination {
	position: relative;
	font-size: 0;
	bottom: 0;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
.swiper-gsjj .swiper-pagination-bullet {
	margin: 0 5px;
}
.gsjj-dis{display: none;}
.swiper-button-prev1, .swiper-button-next1 {
	position: absolute;
	z-index: 999;
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 0;
	vertical-align: middle;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.swiper-button-prev1 {
	background: url(../img/l-h.jpg) no-repeat;
	opacity: 0.75;
	bottom: 0;
	right: 0;
	
}
.swiper-button-next1 {
	background: url(../img/r.jpg) no-repeat;
	opacity: 0.5;
	bottom: 0;
	left: 0;
}
.swiper-button-prev1:hover {
	background: url(../img/l.jpg) no-repeat;
	opacity: 0.5;
	bottom: 0;
	right: 0;
}
.swiper-button-next1:hover {
	background: url(../img/r-h.jpg) no-repeat;
	opacity: 0.75;
	bottom: 0;
	left: 0;
}

/* 产品优势 */
.ys{}
.ys-ul .col-6 {padding: 0;margin-bottom: 2%;}
.ys-li{border: 1px solid #535353;padding: 6% 0;margin-right: 4%;}
.ys-li img{margin: 0 auto;}
.ys-li p{color: #060606;font-size: 18px;text-align: center;}
.ys-r img{width: 105%;}
.ys-r p{width: 100%;position: absolute;bottom: 3%;left: 13px;background: rgba(67, 67, 67, 0.71);color: #fdfcfc;line-height: 2;padding: 0 3%;}
.ys-li-img{display: block;}
.ys-li-img-h{display: none;}
.ys-li:hover .ys-li-img-h{display: block;}
.ys-li:hover .ys-li-img{display: none;}
.ys-li:hover{background: #242e49;}
.ys-li:hover p{color: #ffffff;}
/*客户案例*/
.opacity_3 {
    opacity: 0.3 !important;
}

.opacity_10 {
    opacity: 1 !important;
}
.case {
	margin-top:-1.5px;
	background:url(../img/khal_bj.jpg) no-repeat center center;
	background-size:100% 100%;
	padding-top: 2.86458%;
	padding-bottom: 1.5625%;
	overflow: hidden;
}
.swiper-case {
	/* margin-top: 1.5625%; */
	width: 61.75%;
	overflow: visible;
	margin-left: 38.15%;
}
.swiper-case .swiper-slide {
	/*border: 1px solid #d9d9d9;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.case-con {
	padding: 6.667% 9.3333% 5.333% 9.3333%;
}
.case-tit {
	font-size: 16px;
	color: #000;
	text-align:center;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.case-txt {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #828282;
	line-height: 1;
	margin-top: 10px;
}
.case-line {
	width: 35px;
	height: 1px;
	background: #cfcece;
	margin-top: 8px;
	margin-bottom: 15px;
}
.case-time {
	font-size: 12px;
	color: #828282;
	line-height: 1;
}
.swiper-case .swiper-slide:hover .case-tit {
	color: #1754a3
}

.case-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 69.3%;
}
.case-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
/* .case-img::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(23,84,163,0.7);
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.swiper-case .swiper-slide:hover .case-img::before {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}
.case-img::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/case_icon.png) no-repeat center;
	-webkit-transition: all 0.2s 0.3s;
	-moz-transition: all 0.2s 0.3s;
	-o-transition: all 0.2s 0.3s;
	transition: all 0.2s 0.3s;
	opacity: 0;
}
.swiper-case .swiper-slide:hover .case-img::after {
	opacity: 1;
} */
.swiper-case:hover {
}
.swiper-case .swiper-pagination {
	position: relative;
	font-size: 0;
	bottom: 0;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
.swiper-case .swiper-pagination-bullet {
	margin: 0 5px;
}

.case-zw{float:left;width: 38.25%;position: absolute;left: 0;z-index: 2;}
.case-zw  img{width: 100%;}
.swiper-button-prev2, .swiper-button-next2 {
	position: absolute;
	z-index: 999;
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 0;
	vertical-align: middle;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.swiper-button-prev2 {
	background: url(../img/l-h.jpg) no-repeat;
	opacity: 0.75;
	bottom: 0;
	right: 0;
	
}
.swiper-button-next2 {
	background: url(../img/r.jpg) no-repeat;
	opacity: 0.5;
	bottom: 0;
	right: -50px;
}
.swiper-button-prev2:hover {
	background: url(../img/l.jpg) no-repeat;
	opacity: 0.5;
	bottom: 0;
	right: 0;
}
.swiper-button-next2:hover {
	background: url(../img/r-h.jpg) no-repeat;
	opacity: 0.75;
	bottom: 0;
	right: -50px;
}

/*产品展示*/
.cpzs{
	background: #fff;
	padding-bottom: 2.5625%;
}
.swiper-cpzs {
	/* margin-top: 1.5625%; */
}
.swiper-cpzs .swiper-slide {
	/*border: 1px solid #d9d9d9;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* margin-bottom: 2rem; */
}
.cpzs-con {
	/* position: absolute; */
	background: #fff;
	z-index: 999;
	/* border: 1px solid #d2d2d2; */
	width:100%;
	padding: 6% 0;
	/* bottom: -10%;
	left: 19%; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cpzs-tit {
	font-size: 18px;
	color: #222222;
	text-align:center;
	font-weight: bold;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.cpzs-txt {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #828282;
	line-height: 1;
	margin-top: 10px;
}
.cpzs-line {
	width: 35px;
	height: 1px;
	background: #cfcece;
	margin-top: 8px;
	margin-bottom: 15px;
}
.cpzs-time {
	font-size: 12px;
	color: #828282;
	line-height: 1;
}
.swiper-cpzs .swiper-slide:hover .cpzs-tit {
	color: #1754a3
}
.cpzs-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 125%;
}
.cpzs-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.cpzs-img::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(23,84,163,0.7);
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
/* .swiper-cpzs .swiper-slide:hover .cpzs-img::before {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
} */
.cpzs-img::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/case_icon.png) no-repeat center;
	-webkit-transition: all 0.2s 0.3s;
	-moz-transition: all 0.2s 0.3s;
	-o-transition: all 0.2s 0.3s;
	transition: all 0.2s 0.3s;
	opacity: 0;
}
/* .swiper-cpzs .swiper-slide:hover .cpzs-img::after {
	opacity: 1;
} */
.swiper-cpzs:hover {
}
.swiper-cpzs .swiper-pagination {
	position: relative;
	font-size: 0;
	bottom: 0;
	width: auto;
	display: inline-block;
	vertical-align: middle;
}
.swiper-cpzs .swiper-pagination-bullet {
	margin: 0 5px;
}



.swiper-button-prev, .swiper-button-next {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 0;
	vertical-align: middle;
	margin: 0 10px;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	background-size: cover;
}
.swiper-button-prev {
	background: url(../img/l.jpg) no-repeat;
}
.swiper-button-next {
	background: url(../img/r.jpg) no-repeat;
}
.swiper-button-prev:hover {
	background: url(../img/l-h.jpg) no-repeat;
	background-size: cover;
}
.swiper-button-next:hover {
	background: url(../img/r-h.jpg) no-repeat;
	background-size: cover;
}
.swiper-bottom {
	text-align: center;
	width: 100%;
	/* margin-top: 1.4767%; */
}
.more {
	width: 100px;
	height: 30px;
	line-height: 28px;
	margin: 0 auto;
	display: block;
	color: #1754a3;
	text-transform: uppercase;
	border: 1px solid #1c96d5;
	border-radius: 24px;
	font-size: 12px;
	text-align: center;
	margin-top: 1.8175%;
	vertical-align: middle;
	position: relative;
	/*background: url(../img/more_icon.png) no-repeat center right 12px;*/
}
.more:after {
	color: #fff;
}
.more {
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.more::after {
	font-size: 12px;
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #fff;
	padding-right: 12px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: url(../img/more_icon2.png) no-repeat center right 12px;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
.more > span {
	display: block;
}
.more.button--inverted {
	color: #7986cb;
}
.more.button--inverted:after {
	color: #fff;
}
.more::after, .more > span {
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.more:hover {
	border-color: #1754a3;
	background-color: #1754a3;
}
.more:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.more:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
}
@media (max-width:1700px) {
	.gsjj-ot{width: 94%;}
	.gsjj_nr p{line-height: 2;}
}


@media (max-width: 768px) { 
	.ys img{margin-bottom: 1rem;}
	
.case, .news, .cpzs {
	padding-top: 30px;
	padding-bottom: 30px;
}
.swiper-gsjj {
	margin-top: 20px;
}
.swiper-case {
	margin-top: 20px;
}
.swiper-cpzs {
	margin-top: 20px;
}
.swiper-bottom {
	margin-top: 15px;
}
.more {
	margin-top: 15px;
}
}
@media (max-width: 1199px) {
	.gsjj_nr p:nth-child(4){display: none;}
	.gsjj-ot {width: 90%;}
}

@media (max-width: 991px) {
.foot{margin-bottom: 1.75rem;}
.tpp{
	height: 25%;
    display: block;
    text-indent: -999em;
}
.b_menu {
	display:block;
    background: #242e49;
    padding: 0.3rem 0 0 0;
    width: 100%;
}
.row{margin-right: 0;margin-left: 0;}
.b_menu ul {
	/* margin-left: -50px;
	margin-right: 2px; */
	margin-bottom: 0;
	padding: 0!important;
}
.b_menu ul li {
    text-align: center;
    list-style: none;
    padding: 0px;
}
.b_menu ul li span img{
	vertical-align: middle;
	height: 22px;
	margin-bottom: 0.1rem;
	}
.b_menu ul li span {
    display: block;
    color: #fff;
    font-size: 0.75rem;
	margin-bottom: 0.2rem;
}
}
@media (max-width:991px) {
	.swiper-button-prev1{}
	.swiper-button-next1{top:0;right: 0;left: unset;bottom: unset;}
	.swiper-button-next1:hover{top:0;right: 0;left: unset;bottom: unset;}
	.gsjj_nr{width: 80%;}
	.gsjj_nr p:nth-child(4){display: -webkit-box;}
	.ft-logo,.ft-tel,.ft-lx{margin: 2% 0;}
	.ft-fc{right: 0;top:200%;width: 25%;}
	.item a{font-size: 14px;}
	.swiper-gsjj{width: 80%;}
	.cpjs-nr p{font-size: 20px;font-weight: bold;}
	.item p{-webkit-line-clamp:1;}
	.cpzs-tit{font-size: 14px;}
	.ys-li p{font-size: 14px;}
	.ys-r p{font-size: 14px;}
	
	
	
	.navbar-brand,.lg2{display: block;}
	.logo,.lg1{display: none;}
	.lg2{width: 50%!important;}
	/* .bj{background:#fff!important;} */
	#mnav{background:#242e49;}
	/* .dh{background: #fff;} */
	.nav_li{width:100%!important;text-align: left;}
	.lf{padding: 1%!important;}
	.cpzs_fl_h{width: 100%;margin-bottom: 2%;}
	.cpzs_fl_1 li{width: auto!important;}
	.cpzs_fr{width: 100%;}
	.cpzs{max-width: 100%!important;}
	/* 内页自适应调整 */
	.left_fl:first-child,.left_fl:nth-child(2),.left_fl:nth-child(3){display: none;}
	.tj .cp_li:nth-child(3){display: none;}
	.gsjj_nr p:nth-child(2){display: none;}
	.item:nth-child(5),.item:nth-child(6){display: none;}
	.gsjj_nr p{line-height: 30px;}
	
	.cpzs_fl{display: -webkit-box;white-space: nowrap;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;-webkit-overflow-scrolling: touch;text-align: justify;overflow-x: initial;}
	.cpzs_fl ul{/* width: 1140px; */}
	.fl{width: 190px;}
	
	.logo_t{display: none;}
	/* .flogo{display: none;} */
	.xwdt_r{padding: 0;}
	.xwdt_l{margin-bottom: 3%;}
	.nxw_l{display: none;}
	.nxw_r{margin-left: 0!important;width: 100%;}
	.nxw_r_l{width: 100%;}
}
@media (max-width: 767px) {
	.gsjj_nr p:nth-child(2){display: block;}
	.tel{padding-top: 0.5rem;}
	.item:nth-child(5),.item:nth-child(6){display: block;}
	.carousel-control-prev,.carousel-control-next{display: none;}
	.sjlf{width: 140%!important;margin-left: -19%;}
	.cpzs_fl ul{width: 768px;}
	.item{width: 100%;margin-right: 0;margin-top:1rem;padding-top:2rem;margin-bottom: 0rem;}
	#ditu{height: 300px;}
	.cpjs_top,.cpzs_top{padding-top: 2rem;
    padding-bottom: 1rem;}
	.ys-r img{width: 100%;}
	.ys-r p{width: 95%;}
	.ft-fc{top:100%;width: 30%;right: -11%;}
	.ft-lx{margin-top: 4%;}
	.cpjs-txt .cpjs-nr img{width: 40px;}
}
@media(max-width:700px){
	.carousel-direction{display: none;}
	.cpyc,.cp_bt{display: none;}
	#scrollable-product li{width:48%;margin: 0 1%;margin-bottom: 1rem;}
	 .list_zt{padding-left: 0!important;padding-right:0!important ;}
	 .cp_li{padding-left: 5px!important;padding-right:5px!important;}
}
@media (max-width: 576px) {
	.swiper-button-prev, .swiper-button-next{width: 25px;height: 25px;background-size:cover;}
	
	.cp_li a dd{line-height: 25px;}
	.foot {margin-bottom: 1.75rem;}
	.frx{width: 100%;}
	.fdz{width: 100%;}
	.flx{width: 100%;}
	.fsj{width: 100%;}
	.sp{margin-top: 0;font-size: 0.75rem!important;}
	.lxr{padding-top: 0;}
	.nxw_r a,.ft,.xw a,.flogo p span,.al_l dl dd,.cpzs_m,.lf,.fl_a,.scrollable ul li dd a,.gsjj_nr p,.gsjj_a,.al_l dl dd a,.khal_m,.item a,.ft span{font-size: 0.75rem;}
	.item p,.item dd,.link a{font-size: 0.65rem;}
	.link{font-size: 1rem;}
	.item span{font-size: 1rem;}
	.ft{padding: 0.25rem;}
	.gsjj_wb{padding: 0;}
	.xw span,.xwa{display: none;}
	.cpjs-nr p{font-size:14px;}
	.cpjs-txt .cpjs-nr img{width: 20px;}
	.item-l{width: 30%;}
	.item-r{width: 68%;}
}
@media (max-width:400px) {
	.container-lg{padding-right: 0!important;}
	.navbar-toggler{padding: 0.25rem;}
	.navbar-brand{padding: 0!important;}
	.flogo p span{width: 100%;}
		.xwdt_l{margin-bottom: 3%;display: block;}
		.gajj_tp img{margin-right: 0;width: 100%;}
		.cpjs_l,.cpjs_r{width: 100%;}
		.scrollable ul li dd{line-height: 1.5625rem;}
		.i_w{width: 100%;}
}
@media (max-width:360px) {
	.navbar{padding: .5rem .5rem;}
	.item_1 .col-2{flex: 0 0 26.666667%;max-width: 26.666667%;}
	.item_1 .col-10{flex: 0 0 73.333333%;max-width: 73.333333%;}
	
	
}
@media (max-width:340px) {
	.navbar{padding: .3rem;}
	.st{font-size: 1.1rem;padding:0;}
}
@media (max-width:300px) {
	.navbar{padding: .2rem;}
	.st{font-size: 1rem;padding:0;}
}