@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font-family:"Montserrat","微软雅黑", Arial; 
font-size:14px; line-height:1.5; color:#333; overflow-x: hidden; }
a { color:#333;text-decoration:none;}
a:hover { color:#333;}
img { border:0; display:inline; max-width:100%; height:auto; vertical-align: bottom;}
select {
    text-transform: none;
}
*{ outline:none;}

div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}

div.body{ width:100%; margin:auto; overflow:hidden; }
.container{ width:100%;max-width:1200px; margin:0px auto;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.flex-between {display: flex;align-items: center;justify-content: space-between;}
.flex {display: flex;}
.flex-center-y {display: flex;align-items: center;}
*{ box-sizing: border-box;}

/*招商加盟*/
.join_pic{ margin-bottom:55px;}
.con_jb{background:linear-gradient(to top,#bad2ed,#f5f8f8)}

@media screen and (max-width:1200px) {	
	.container{ width:92%;}
}

.fullpage{
	height:100vh;
}

/* 头部 */
.ui-body{ }
.header{position: fixed;left: 0px;top: 0px;z-index: 30;width: 100%;}
.header.active{ background-color:#ffffff;}
.header .center_m{ margin:0px auto; max-width:1920px; color:#fff; width:100%; padding:0px 3%;}
.header .center_m a{ color:#fff;}
.header.active .center_m a{ color:#333333;}
.header.active .center_m a.active{color:#01428f;}
.header .center_m .top_one{ height:40px; overflow:hidden;   border-bottom: 1px solid rgba(255,255,255,0.2); font-size:13px; line-height:40px; transition:all .5s;-webkit-transition:all .5s;}
.header.active .center_m .top_one{ height:0px; opacity:0; border:none;}
.header .center_m .top_one .tpright{ line-height:1.5;}
.header .center_m .top_one .tpright .j_link{ display:inline-block; padding:0px 20px;}
.header .center_m .top_one .tpright .j_link:last-child{ border-left: 1px solid rgba(255,255,255,0.2); padding-right:0px;}
.banner{ width:100%; height:100vh; position:relative;}
.banner .swiper-pagination{ bottom:5%;}
.banner .swiper-pagination .swiper-pagination-bullet{ background-color:#fff; opacity:.5;}
.banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
.banner ul{ width:100%; height:100%;}
.banner ul li{ width:100%; height:100%;}
.banner ul li img{width:100%; height:100%;object-fit: cover; object-position: center center;}
.banner ul li.video1{ background-image: url(../images/1-220620142022205.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .swiper{ height:100%;}
.banner .swiper-slide video{ height:100%; width:100%;object-fit: cover;}
.header .top_two{ height:70px; position:relative;}
.header .top_two .logo img{ height:50px; width:auto;}
.header .top_two .logo .black{ display:none;}
.header.active{ box-shadow:0px 0px 8px #ccc;}
.header.active .top_two .logo .black{ display:block;}
.header.active .top_two .logo .white{ display:none;}
.header .top_two .menu{width:800px;}
.header .top_two .menu ul li{ flex:1; position:relative; text-align:center;}
.header .top_two .menu ul li a{ font-size:16px; position:relative; display:block;height: 60px;display: flex;justify-content: center;align-items: center;}
.header .top_two .menu ul li a.link{ position:relative;cursor:pointer;}
.header .top_two .menu ul li a.link:after{ position:absolute;content:""; width:32px; height:2px; background-color:#fff; bottom:15px; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%); transition:all .3s;-webkit-transition:all .3s; opacity:0;}
.header .top_two .menu ul li a.link:hover:after{
	bottom:10px;
	opacity:1;
}
.header .top_two .menu ul li ul{
	width:120%;
	position:absolute;
	top:60px;
	left:0;
	z-index:100;
	display:block;
	background-color:#fff;
}
.header .top_two .menu ul li:nth-child(2) ul{ width:220%;}
.header .top_two .menu ul li ul{
	transform-origin: 50% 0;
    transform: scaleY(0) translateZ(0);
    opacity: 0;
    transition: transform 0.3s,opacity 0.3s;
}
.header .top_two .menu ul li:hover ul{
	transform: scaleY(1) translateZ(0);
    opacity: 1;
}
.header .top_two .menu ul li ul li a{ height:40px; color:#333; padding:8px 20px; text-align:left; font-size:15px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.header .top_two .menu ul li ul li a:hover{ background:linear-gradient(90deg,#01428f,#2986BF); color:#fff;}
.header .top_two .search .icon-sousuo{ font-size:22px;cursor:pointer;}
.header.active .top_two .search .icon-sousuo{color:#333;}
.banner .bnl{ position:absolute; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); color:#fff; font-size:46px;cursor:pointer; z-index:100;}
.banner .bnl.pre{ left:3%;}
.banner .bnl.pre:before{transform: rotate(
-180deg
);-webkit-transform: rotate(
-180deg
); display:block;}
.banner .bnl.next{ right:3%;}
.banner ul li .content{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%); color:#fff; text-align:center;}
.banner ul li .content .title{ font-weight:bold; font-size:55px; letter-spacing:2px;}
.banner ul li .content .cont{font-size:40px; letter-spacing:4px; margin-bottom:20px; white-space:nowrap;}
.banner ul li .content .video{ font-size:70px; cursor:pointer;
}

/* 首页产品 */
.part_1{ width:100%; padding:100px 0px 80px; background:#f5f8fc;}
.index_bt{ margin-bottom:25px;}
.index_bt .title{ font-size:35px; color:#000; font-weight:bold; margin-bottom:18px;}
.index_bt .eng{ color:#999; font-size:25px;text-transform: uppercase;}
.index_bt .infor{ font-size:16px; margin-bottom:16px;}
.index_bt .last .Color_1{ display:inline-block; background:#01428f; width:40px; height:3px;}
.index_product ul li{ width:316px; padding:15px; float:left;}
.index_product ul li a{ display:block; position:relative;border-radius: 10px;
    box-shadow: 0 0rem 0rem rgba(0,0,0,0.1), 0 0rem 0rem rgba(0,0,0,0.1);
    transition-duration: 0.3s;}
.index_product ul li a .photo{ position:relative; padding-bottom:103.33%; overflow:hidden;border-radius: 10px;}
.index_product ul li a .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;border-radius: 10px;object-fit: cover;
 object-position: center center;ransition:all .5s;-webkit-transition:all .5s;}
.index_product ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}

 .index_product ul li a .xfk{ position:absolute; bottom:0%; left:0px; width:100%; padding:130px 7% 35px; font-size:20px; color:#fff;background: linear-gradient(transparent,rgba(30,30,30,0.8))!important;border-radius:0 0 10px 10px;}
 .index_product ul li a .xfk .tpleft{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;} 
.index_product ul li a .xfk .iconfont{ font-size:18px;}
.index_product .swiper{ padding-bottom:50px;}
.part_2{ background:#fff;position:relative;}
.part_2 .container{}
.part_2 .container .photo{ position:absolute; left:0px; height:100%; width:50%;}
.part_2 .container .photo:before{width: 100%;
	height:100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color:rgba(0,0,0,0.2);
	z-index:10;
	content: '';}
.part_2 .container .photo img{object-fit: cover;
 object-position: center center; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.part_2 .container .content{ width:50%; float:right; padding:80px 0px 80px 80px;}
.part_2 .container .content .desc{ font-size:16px; line-height:2; display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.part_2 .index_bt .title{ margin-bottom:0px;}
.value{ margin:40px 0px 39px;}
.value ul{ flex-wrap: wrap;}
.value ul li{ margin-right:45px;font-size:16px; margin-bottom:10px; }
.value ul li .title .big{background: linear-gradient(90deg,#01428f,#2986BF);
    -webkit-background-clip: text;
    color: transparent; font-size:38px; font-weight:bold;}
.value ul li .title .sml{ color:#01428f;}
.value ul li .intro{ font-size:14px;}
.part_2 .container .content a.more{transition: transform .3s ease;width:180px; height:51px;display: flex;
    align-items: center;
    justify-content: center;    border-radius: 6px;
    background:linear-gradient(90deg,#01428f,#2986BF);
    border-color: transparent;
    color: #ffffff; font-size:16px;}
.part_2 .container .content a.more .iconfont {
    margin-left: 10px;
}
.part_2 .container .content a.more:hover{  background:linear-gradient(90deg,#2986BF,#01428f);}

/*核心技术*/
.part_4{ padding:80px 0px 80px;background: #f5f8fc;}
.part_4 .index_bt{ text-align:center;}
.index_tech .swiper{ padding-bottom:50px;}
.index_new .swiper{ padding-bottom:50px;}
.index_tech ul li{ width:409px; padding:15px; float:left;}
.index_tech ul li .cont{ display:block; position:relative;border-radius: 10px; background:#fff;
    transition-duration: 0.3s; transform: translate3d(0, 0, 0);cursor:pointer;
}
.index_tech ul li .cont .photo{ position:relative; padding-bottom:70%; overflow:hidden;border-radius: 10px 10px 0px 0px;}
.index_tech ul li .cont .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;ransition:all .5s;-webkit-transition:all .5s;}
.index_tech ul li .cont:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_tech ul li .cont .content{ padding:25px 15px 35px; text-align:center;}
.index_tech ul li .cont:hover{box-shadow:0px 7px 13px rgb(0 0 0 / 12%);}
.index_tech ul li .cont .content .title{ font-size:20px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color:#000; font-weight:bold; margin-bottom:15px;}
.index_tech ul li .cont .content .desc{ font-size:16px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color:#01428f; margin-bottom:20px;}
.index_tech ul li .cont .content .more{ text-align:center;}
.index_tech ul li .cont .content .more a{border-radius: 6px; display:inline-block;
    padding: 8px 17px;
    background: transparent;
    border:1px #333333 solid;
    color:#333333;transition: transform .3s ease;}
.index_tech ul li .cont .content .more a:hover{ background:linear-gradient(90deg,#01428f,#2986BF);
    border-color: transparent;
    color: #ffffff; border:1px #fff solid;}
.art_tearn{ padding-bottom:50px;}

/*招商加盟*/
.part_3{ background: linear-gradient(90deg,#2986BF,#01428f); color:#fff; position:relative;}
.part_3:before{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; background-image:url(../images/bg2.jpg);
    background-position: center center;
    background-size: cover; content: '';}
.part_3 .container{ padding:100px 0px; display:flex;  align-items: center; position:relative; z-index:3;}
.part_3 .container .photo{ width:50%;}
.part_3 .container .photo img{ width:100%; height:auto;}
.part_3 .container .content{ flex:1; overflow:hidden; padding-right:30px;}
.part_3 .container .content .index_bt .title{ color:#fff;}
.part_3 .container .content .index_bt .last .Color_1{ background:#fff;}
.part_3 .container .content .desc{ font-size:16px;}
.part_3 .container .content .tel{ font-size:28px; font-weight:bold; margin-top:40px; margin-bottom:60px; color:#fff;}
.part_3 .container .content .tel a{color:#fff;}
.part_3 .container .content .tel .iconfont{ font-size:40px; margin-right:20px; font-weight:normal;}
.part_3 .container .content a.more{transition: transform .3s ease;
    width: 180px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: linear-gradient(90deg,#01428f,#2986BF);
    border-color: transparent;
    color: #ffffff; font-size:16px;}
.part_3 .container .content .more .iconfont{ margin-left:10px;}
.part_3 .container .content a.more:hover{  background:linear-gradient(90deg,#2986BF,#01428f);}

.index_new { padding-bottom:40px;}
.index_new ul li{ width:409px; padding:15px; float:left;}
.index_new ul li .cont{ display:block; position:relative;border-radius: 10px; background:#fff;
    transition-duration: 0.3s; transform: translate3d(0, 0, 0);cursor:pointer;box-shadow:0px 7px 13px rgb(0 0 0 / 12%);
}
.index_new ul li .cont .photo{ position:relative; padding-bottom:60%; overflow:hidden;border-radius: 10px 10px 0px 0px;}
.index_new ul li .cont .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;ransition:all .5s;-webkit-transition:all .5s;}
.index_new ul li .cont:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_new ul li .cont .content{ padding:25px 20px 35px;}
.index_new ul li .cont:hover{}
.index_new ul li .cont .content .title a{ font-size:20px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color:#000; font-weight:bold; margin-bottom:15px;}
.index_new ul li .cont .content .desc{ font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:30px; line-height:32px; height:64px;}
.index_new ul li .cont .content .date{ font-size:16px; color:#666;}
.index_new ul li .cont:hover{ background:linear-gradient(90deg,#01428f,#2986BF); color:#fff;}
.index_new ul li .cont:hover .title a{ color:#fff;}
.index_new ul li .cont:hover .date{ color:#fff;}


.part_5{ padding:80px 0px 120px;background: #f5f8fc;}
.part_5 .index_bt{ text-align:center;}
.part_5 .container .more{ text-align:center; width:100%;display: flex;
    align-items: center;
    justify-content: center;}
.part_5 .container .more a{transition: transform .3s ease;
    width: 180px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: linear-gradient(90deg,#01428f,#2986BF);
    border-color: transparent;
    color: #ffffff; font-size:16px;}
.part_5 .container .more a .iconfont{ margin-left:10px;}
.part_5 .container .more a:hover{  background:linear-gradient(90deg,#2986BF,#01428f);}
.part_6 { padding:80px 0px 100px; background:#f7f7f7;}
.part_6 .index_bt{ text-align:center;}
.link ul li{ float:left; width:126px; height:70px; display:flex; align-items: center;
    justify-content: center; background:#fff; margin:10px 0px 10px 20px;}
.link ul li img{ max-width:80%; max-height:80%;}
.link ul:nth-child(2n) li{margin:10px 20px 10px 0px;}

/*底部*/
.footer{ background:#1a1a1a; color:#fff;}
.footer .container{ padding:40px 0px 20px;}
.footer .f_one { border-bottom:1px rgba(255,255,255,0.15) solid; padding-top:25px; padding-bottom:40px; margin-bottom:65px;}
.footer .f_one .db_logo img{ height:40px; width:auto;}
.footer .f_one .t_right ul li{display: flex;
    align-items: center; font-size:13px; margin-left:55px;}
.footer .f_one .t_right ul li .cont{ flex:1;}
.footer .f_one .t_right ul li .cont .tit{ font-size:13px;}
.footer .f_one .t_right ul li .cont .desc{ font-size:15px; margin-top:5px;}
.footer .f_one .t_right ul li .cont .desc a{ color:#fff;}
.footer .f_one .t_right ul li .iconfont{ width:47px; height:47px; border:1px #3c3c3c solid; border-radius:50%;display: flex;
    align-items: center;
    justify-content: center; color:#767676; font-size:25px; margin-right:19px;}
.footer .f_two{align-items:flex-start; padding-bottom:40px;flex-wrap: wrap; }
.footer .f_two ul{ display:flex;flex-wrap: wrap;}
.footer .f_two ul li { margin-right:66px; line-height:2.5;}
.footer .f_two ul li .tit{ display:block; font-size:16px; color:#fff; margin-bottom:8px;}
.footer .f_two ul li .sumbit a{ display:block; color:#999;font-size:13px;}
.footer .f_two ul li .sumbit a:hover{ color:#fff; }
.footer .f_two .weix{ width:121px; text-align:center; font-size:13px;}
.footer .f_two .weix img{ width:100%; height:auto; margin-bottom:5px;}
.footer .copyright{ font-size:13px;border-top:1px rgba(255,255,255,0.15) solid; padding:35px 0px 15px;flex-wrap: wrap;}
.footer .copyright a{ color:#999;}
.footer .copyright a:hover{ color:#fff;}
.toplink{    height: 50px;
    width: 50px;position: fixed;
    z-index: 99;
    bottom: 0; right:0px; margin:15px; background:linear-gradient(90deg,#01428f,#2986BF); display:flex;align-items: center;
    justify-content: center; border-radius:50%;cursor:pointer;}
.toplink .iconfont{ color:#fff;font-size:30px;}

/**下拉菜单**/
.header.navigation, .ui-body {
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
}
html.active .navigation, html.active .ui-body {
    transform: translateX(-66%);
    -webkit-transform: translateX(-66%);
}
.ui-menu-fixed {
	right:0;
	transition: all 0.44s ease 0s;
	-webkit-transition: all 0.44s ease 0s;
}
.ui-menu-fixed {
	position: fixed;
	right: -100%;
	width: 66%;
	top: 0;
	z-index: 999;
	height: 100%;
	background-color: #fff;
	transition: all 0.64s ease 0s;
	-webkit-transition: all 0.64s ease 0s;
	display: -webkit-box;
	display:-moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction:column;
}
.ui-menu-fixed .m-header {
	z-index:100;
}
.ui-menu-fixed .m-header, .ui-menu-fixed .ui-menu-down li .return-p {
	height:60px;
	line-height:60px;
	background:linear-gradient(90deg,#01428f,#2986BF);
	position:relative;
}
.ui-menu-fixed .m-header .searchform-wrapper {
	margin:0 10px;
	height:36px;
	position:relative;
	top:12px;
	overflow:hidden;
}
.ui-menu-fixed .m-header .ui-menu-close {
	position:absolute;
	width:18px;
	height:30px;
	width:30px;
	right:0;
	top:50%;
	margin-top:-15px;
	cursor:pointer;
	z-index:10;
transition:all .5s;
-webkit-transition:all .5s;
	cursor:pointer;
}
.ui-menu-fixed .m-header .ui-menu-close i {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.ui-menu-fixed .m-header .ui-menu-close i:after {
	content:"\200B";
	display:block;
	position:absolute;
	width:17px;
	height:1px;
	border-radius:.5px;
	background: #fff;
	z-index:1;
	left:7px;
}
.header.active .ui-menu-btn .menu-box i{background: #333;}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(1) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(1):after {
top:14px;
}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(2) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ui-menu-fixed .m-header .ui-menu-close i:nth-child(2):after {
bottom:14px;
}
.ui-menu-fixed .m-header .search {
	position:absolute;
	height:36px;
	background-color:rgba(255, 255, 255, .1);
	left:0;
	right:50px;
	top:0;
	bottom:0;
	margin:auto;
	border-radius: 8px;
	padding-left:30px;
transition:all .5s;
-webkit-transition:all .5s;
}
.ui-menu-fixed .m-header .search .search-btn {
	position:absolute;
	width:26px;
	height:100%;
	left:0;
	top:0;
	background-position:center;
	background-size:13px 13px;
	background-repeat:no-repeat;
	background-image:url(../images/image_small.svg);
}
.ui-menu-fixed .m-header .search input {
	width:100%;
	color:white;
	padding-right:30px;
	float:left;
	background:none;
	border:none;
	height:36px;
	visibility:visible;
	line-height:normal;
	font-size:16px;
	outline:none;
}
.ui-menu-fixed .m-header .search input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #ccc;
}
.ui-menu-fixed .m-header .search .searchform-cancel {
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:100%;
	z-index:10;
	display:none;
}
.ui-menu-fixed .m-header .search .searchform-cancel:after {
	position:absolute;
	content:"\200B";
	width:15px;
	height:16px;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	background-size: 15px 16px;
	background-repeat: no-repeat;
	background-image:url(../images/reset_small.svg);
}
.ui-menu-fixed .m-header .width-reset .search .searchform-cancel {
	display:block;
}
.ui-menu-fixed .m-header .width-reset .search {
	right:0px;
}
.ui-menu-fixed .m-header .width-reset .ui-menu-close {
	right:-30px;
}
.ui-menu-fixed .ui-menu-box {
	flex:1;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%);
}
.ui-menu-fixed .ui-menu-box.lock {
	overflow:hidden !important;
}
.ui-menu-fixed .ui-menu-down ul {
	box-sizing:border-box;
	padding-bottom:60px;
}
.ui-menu-fixed .ui-menu-down li {
	line-height: 60px;
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
}
.ui-menu-fixed .ui-menu-down li a {
	display:block;
	padding:0 8%;
	font-size:16px;
	color:#666;
	position:relative;
	text-transform: uppercase;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;
}
.ui-menu-fixed .ui-menu-down li.sub>a:after {
	content:"\200B";
	float:right;
	width:12px;
	height:12px;
	margin-top:26px;
	background-image:url(../images/gt.png);
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
}
.ui-menu-fixed .ui-menu-down li .return-p:after {
	display:none;
}
.ui-menu-fixed .ui-menu-down li ul {
	background:white;
	position:absolute;
	width:100%;
	height:100%;
	right:-100%;
	padding-top:60px;
	top:0;
	z-index:10;
	transition: all 0.44s ease 0s;
	-webkit-transition: all 0.44s ease 0s;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.ui-menu-fixed .ui-menu-down li.open>ul {
	transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
}
.ui-menu-fixed .ui-menu-down li a.return-p {
	color:#fff;
	cursor:pointer;
}
.ui-menu-down li .return-p span {
	background-image:url(../images/lt.png);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:20px;
	display:block;
	color:rgba(0255,255,255,.85);
}
.ui-menu-btn {
	width:28px;
	height:28px;
	position:absolute;
	overflow:hidden;
	right:10px;
	top:27px;
	cursor:pointer;
	display: flex;
    align-items: center;
    justify-content: center;
	display:none;
	z-index:999;
}
.ui-menu-btn .menu-box {
	width:28px;
	height:28px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	 border-radius:5px;
	 display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.ui-menu-btn .menu-box i {
	display:block; margin-bottom:6px;
	top:0;
	left:0;
	height:2px;
	width:100%;
	background:#fff;
transition:all .5s;
-webkit-transition:all .5s;
}

.ui-menu-btn .menu-box i:nth-child(1) {
width:60%;
}
.ui-menu-btn .menu-box i:nth-child(2) {
top:6px;
}
.ui-menu-btn .menu-box i:nth-child(3) {
width:80%; margin-bottom:0px;
top:13px;
}
html.active .ui-menu-btn .menu-box i {
	width:100%;
}
html.active .ui-menu-fixed {
	right:0;
	transition: all 0.44s ease 0s;
	-webkit-transition: all 0.44s ease 0s;
}

@media (max-width: 950px){
.ui-menu-btn {
    display: flex;
}
.header .top_two .menu,.header .top_two .search{ display:none;}
.ui-menu-btn{}

}


/*产品*/
.ny_banner{ position:relative; color:#fff;}
.ny_banner img{ width:100%; height:auto; min-height:200px;}
.ny_banner .content{ position:absolute; left:50%; top:50%;transform: translate(-50%,-40%); text-align:center; width:90%;}
.ny_banner.cpshow1 .content{transform: translate(-50%,-60%);}
.ny_banner .content .title{ font-size:40px; font-weight:bold; margin-bottom:5px; letter-spacing:2px;}
.ny_banner .content .title .sml{ font-size:30px;}
.ny_banner .content .cont{ font-size:28px; letter-spacing:2px;}
.ny_banner .content .cont .big{ font-size:35px; font-weight:bold;letter-spacing:2px;}
.ny_banner .content .cont1{ font-size:20px; }
.ny_banner:before{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: rgba(0,0,0,0.1);
	content: '';
}

.products ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 25px 30px;}
.products ul li{ overflow:hidden; padding:15px 10px;}
.products ul li .cont{ display:block; position:relative;border-radius: 10px; background:#fff;
    transition-duration: 0.3s; transform: translate3d(0, 0, 0);cursor:pointer;
}
.products ul li .cont .photo{ position:relative; padding-bottom:70%; overflow:hidden;border-radius: 10px 10px 0px 0px;}
.products ul li .cont .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;ransition:all .5s;-webkit-transition:all .5s;}
.products ul li .cont:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.products ul li .cont .content{ padding:25px 15px 35px; text-align:center;}
.products ul li .cont:hover{box-shadow:0px 7px 13px rgb(0 0 0 / 12%);}
.products ul li .cont .content .title{ font-size:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color:#000; line-height:30px; height:60px; overflow:hidden; font-weight:bold; margin-bottom:5px;}
.products ul li .cont .content .desc{ font-size:16px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color:#01428f; margin-bottom:20px;}
.products ul li .cont .content .more{ text-align:center;}
.products ul li .cont .content .more a{border-radius: 6px; display:inline-block;
    padding: 8px 17px;
    background: transparent;
    border:1px #333333 solid;
    color:#333333;transition: transform .3s ease;}
.products ul li .cont .content .more a:hover{ background:linear-gradient(90deg,#01428f,#2986BF);
    border-color: transparent;
    color: #ffffff; border:1px #fff solid;}
.products.distance ul li .cont .photo{ padding-bottom:95%;}
	
/*新闻*/
.news { padding-bottom:0px;}
.news ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px 15px;}
.news ul li{padding:15px; overflow:hidden;}
.news ul li .cont{ display:block; position:relative;border-radius: 10px; background:#fff;
    transition-duration: 0.3s; transform: translate3d(0, 0, 0);cursor:pointer;box-shadow:0px 7px 13px rgb(0 0 0 / 12%); height:100%;
}
.news ul li .cont .photo{ position:relative; padding-bottom:65%; overflow:hidden;border-radius: 10px 10px 0px 0px;}
.news.app ul li .cont .photo{border-radius: 10px;}
.news ul li .cont .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;ransition:all .5s;-webkit-transition:all .5s;}
.news ul li .cont:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.news ul li .cont .content{ padding:25px 20px 35px;}
.news ul li .cont:hover{}
.news ul li .cont .content .title a{ font-size:20px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color:#000; font-weight:bold; margin-bottom:15px;}
.news ul li .cont .content .desc{ font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:30px; line-height:32px;}
.news ul li .cont .content .date{ font-size:16px; color:#666;}
.news ul li .cont:hover{ background:linear-gradient(90deg,#01428f,#2986BF); color:#fff;}
.news ul li .cont:hover .title a{ color:#fff;}
.news ul li .cont:hover .date{ color:#fff;}
.part_4.n_center{ position:relative; padding-top:100px;}
.ny_menu{ position:absolute; width:100%; left:0px; top:-37px;}
/*.ny_menu.fixed{ position:fixed; top:70px; background-color:#fff; padding-bottom:10px; padding-top:10px; z-index:100;}*/
.ny_menu ul{display: flex;align-items: center;justify-content: center;}
.ny_menu ul li a{ display:inline-block; width:250px; height:73px;display: flex;
    align-items: center;
    justify-content: center;font-size: 18px;
    background: #fff;
    box-shadow: 0px 14px 60px 0px rgba(126,134,148,0.32);
    border-radius: 6px; margin:0px 15px;}
.ny_menu ul li.active a,.ny_menu ul li a:hover{ background:linear-gradient(90deg,#01428f,#2986BF); color:#fff;}
.show_bg{    background: #f5f8fc; padding-bottom:100px;
}
.ny_banner .content .date{ margin-top:10px;}
.s_center{ background:#fff;width:100%; border-radius:10px; position:relative; z-index:10; padding:50px; margin:0px auto 100px; font-size:16px; line-height:2; max-width:1100px;}
.s_center p{ margin-bottom:17px; }
.s_center p img{ width:auto; max-width:100%; height:auto;}
.s_center.protj{ padding:0px; margin-top:0px; max-width:1000px;}
.dance1{ }
.s_center.protj p{ margin-bottom:0px;}
.show_bg .container{ padding-top:40px;}

.shows{ margin-bottom:50px;}
.shows.phone1{ display:none;}
.show_up{ padding-bottom:20px; width:100%;}
.s_center.protj .show_up{ padding:0px 4% 40px;}
.show_up ul li{ width:45%; display:flex;align-items: center;}
.show_up ul li .cont{ margin-left:15px; line-height:1.5; }
.show_up ul li .cont .gray{ font-size:13px; color:#999;}
.show_up ul li .cont .intro{}
.show_up ul li .iconfont{ color:#c1c1c1; font-size:30px; display:block;}
.show_up ul li.next .iconfont:before{    transform: rotate( -180deg );
    -webkit-transform: rotate( -180deg );
    display: block;}
.show_up ul li.next .cont{ text-align:right;}
.show_up ul li:hover .cont .intro{ color:#01428f;}
.show_up ul li.next .iconfont{ margin-left:10px;}
.index_bt.no1{ text-align:center;}
.show_up ul li.next{justify-content: flex-end;}

.index_new.no1 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0px 0px;}
.index_new.no1 ul li{ overflow:hidden; width:auto;}


/*关于我们*/
.about_1{ position:relative;}
.about_1 .container{align-items: stretch; padding:100px 0px;}
.about_1 .container .content{ flex:1;padding:20px 50px 00px 0px;}
.about_1 .container .content .desc{ font-size:14px; line-height:2;}
.about_1 .index_bt .title{ margin-bottom:0px;}
.about_1 .photo{ width:45%; overflow:hidden;}
.about_1 .photo img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;
}
.about_1 .container .content p{ text-indent:2em; margin-bottom:10px;}
.about_1 .container .content .value{ margin-bottom:0px;}
.about_2{ background-image: url(../images/xdgl-bj.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.about_2 .container{ padding:100px 0px 80px; position:relative; z-index:10;}
.about_2:before{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: rgba(0,0,0,0.3);
	content: '';
}
.art_tearn .swiper-pagination-bullet{background-color:rgba(255,255,255,0.8);}
.about_2 .index_bt{ text-align:center; color:#fff;}
.about_2 .index_bt .title{ color:#fff; margin-bottom:3px;}
.about_2 .index_bt .eng{ color:#fff;}
.about_2 .index_bt .last .Color_1{ background:#fff;}
.culture ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px 30px;
align-items: stretch;}
.culture{ padding-top:30px;}
.culture ul li{ background-color:rgba(255,255,255,0.9); text-align:center; padding:50px 20px;cursor:pointer; border-radius:5px; }
.culture ul li .tit{ font-size:25px; color:#000; margin-bottom:30px;}
.culture ul li .iconfont{ width:60px; background:#999; border-radius:50%;height:60px; overflow:hidden; font-size:30px; color:#fff; text-align:center; line-height:60px; margin:0px auto 30px; }
.culture ul li:nth-child(1) .iconfont{ font-size:35px;}
.culture ul li:nth-child(4) .iconfont{ font-size:27px;}
.culture ul li .desc{ color:#666;}
.culture ul li:hover{background-color:rgba(255,255,255,1);box-shadow:0px 7px 13px rgb(0 0 0 / 12%);}
.culture ul li:hover .iconfont{background:linear-gradient(90deg,#01428f,#2986BF); }
.index_bt.no2 { margin-bottom:50px;}
.index_bt.no2 .title{ margin-bottom:0px;}
.developent { padding-top:30px;}
.developent .content{ max-width:900px; margin:0px auto 100px;}
.developent .content .photo{ width:50%; padding-top:30%; position:relative; border-radius:5px; overflow:hidden;}
.developent .content .photo img{ max-width:100%; height:100%; position:absolute; left:50%; top:0px;object-fit: cover;
 object-position: center center;transform:translateX(-50%);-webkit-transform:translateX(-50%);
}
.developent .content .cont{ width:50%; padding-left:40px;}
.developent .content .cont .title{ font-weight:bold; color:#000; font-size:40px; margin-bottom:20px;}
.dev_but a.swiper-slide{ display:inline-block; width:80px; height:80px; background:#fff; border-radius:50%; margin-right:35px; float:left;display: flex;
    align-items: center;
    justify-content: center;cursor:pointer;}
.dev_but a.swiper-slide-thumb-active{ background:linear-gradient(90deg,#01428f,#2986BF); color:#fff;}
.part_4.no2{ padding-bottom:80px;}
.about_3{ padding:80px 0px;}
.about_3 .index_bt{ text-align:center;}

.about-honor {
	margin-top:60px
}
.about-honor .swiper-slide {
	transform:scale(.8);
	opacity:.3;
transition:opacity .3s, transform .3s
}
.about-honor .img {
	width:100%
}
.about-honor .swiper-slide-active {
	transform:scale(1);
	opacity:1
}
.about-honor .title {
	font-size:20px;
	text-align:center;
	margin-top:12px
}
.about-honor .swiper-pagination {
	position:relative;
	left:0;
	bottom:0;
	font-size:16px;
	line-height:40px;
	margin-top:24px;
	color:#777;
	font-style:italic;
	padding-bottom:8px
}
.about-honor .swiper-pagination .swiper-pagination-current {
	font-size:24px;
	color:#000
}
.about-honor .swiper-button-next, .about-honor .swiper-button-prev {
	width:40px;
	height:40px;
	top:auto;
	bottom:8px;
	background-size:40%;
	border-radius:50%;
	left:50%;
	cursor:pointer;
	z-index:11;
transition:background-color .3s, background-image .3s;
	background:none;
	text-align:center;
	line-height:40px;
	box-shadow:0 0 8px 0 rgba(0, 0, 0, .1); font-family:"黑体";
}
.about-honor .swiper-button-prev {
	margin-left:-100px
}
.about-honor .swiper-button-next {
	margin-left:60px
}
.about-honor .icon {
	font-size:16px
}

.about-honor .swiper-button-next:after, .about-honor .swiper-button-prev:after{ display:none;}

.part_7{ padding:0px 0px 0px;background: #f5f8fc;}

.contact { position:relative; z-index:10; }
.contact ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px 30px;
align-items: stretch;}
.contact ul li{ background:#fff; padding:10% 10%; font-size:16px;}
.contact ul li:nth-child(1){border-radius:8px 0 0px 8px}
.contact ul li:nth-child(3){border-radius:0px 8px 8px 0px;}
.contact ul li .cont_bt .title{ font-size:30px; font-weight:bold; color:#01428f;}
.contact ul li .cont_bt .eng{ font-size:16px; line-height:28px;}
.contact ul li .cont_bt .smlbit{ color:#000; font-size:20px;}
.contact ul li .cont_bt .Color_1{ background:#01428f; height:1px; width:21px; margin-top:20px; margin-bottom:30px;}
.contact ul li .tell_1 { line-height:2;}
.contact ul li .tell_1 .c_name{ font-weight:bold; font-size:18px;}
.contact ul li .weix_1{}
.contact ul li .weix_1 img{ width:110px; height:auto; display:block;}
.contact ul li .weix_1 p{ flex:1; margin-left:4%;}

.contact ul li:nth-child(3) .tearm{ font-size:14px;}
.contact ul li:nth-child(3) .tearm p{ margin-bottom:25px;}

.contact ul li:nth-child(3) .tearm p:last-child{ margin-bottom:0px;}
.art_tearn{ position:relative; padding-top:20px;}
.art_tearn ul li{ float:left; width:31%;  position:relative;margin-right:4%;cursor:pointer;border-radius:7px; overflow:hidden; }
.art_tearn ul li:nth-child(3){ margin-right:0px;}
.art_tearn ul li .pic{ width:100%;padding-top:122.5%; }
.art_tearn ul li .pic img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit:content;transition:all .5s;-webkit-transition:all .5s;object-fit: cover;
 object-position: top center;}
.art_tearn ul li:hover .pic img{transform:scale(1.05);-webkit-transform:scale(1.05);object-fit: cover;
 object-position: center center;}
.art_tearn ul li .xfk{ position:absolute; left:0px;bottom:0px; width:100%; padding:30px 35px; color:#fff; display:flex;flex-direction: column;  -webkit-transition: color .6s,background-color .6s,border .6s;
    transition: color .6s,background-color .6s,border .6s;z-index:10; max-height:100%;}
.art_tearn ul li .xfk .title{ font-size:24px; font-weight:bold; margin-bottom:7px;}
.art_tearn ul li .xfk .title a{ color:#fff;}
.art_tearn ul li .xfk .infor{ font-size:16px; margin-bottom:12px;}
.art_tearn ul li .xfk .desc{ line-height:1.8; display:none;flex: 1;
    overflow: auto;}
.art_tearn ul li:hover .xfk{background:linear-gradient(90deg,#01428f,#2986BF); color:#fff;border-radius:54px 0 0px 0px}
.art_tearn ul li:hover .xfk .desc{ display:block;}
.art_tearn ul li:before {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    background-image: linear-gradient( 0deg ,rgba(0,0,0,.6),transparent);
    height: 40%;
    z-index: 4;
}

.art_tearn ul li:hover .xfk .desc::-webkit-scrollbar {
    width: 5px;
	height:5px;
	background:#d6d6d6;
	border-radius:5px;
}
.art_tearn ul li:hover .xfk .desc::-webkit-scrollbar-thumb {
    background: #fff;
    scrollbar-arrow-color:#fff;
	border-radius:5px;
}

.art_tearn .btn1{ width:65px; height:65px; display:inline-block; border-radius:50%; color:#fff; font-family:"黑体" !important;display: flex;
    align-items: center;
    justify-content: center; font-size:35px;    background: linear-gradient(90deg,#01428f,#2986BF);top:50%; position:absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%);cursor:pointer; z-index:100;}
.art_tearn .pre{ left:-102px;}
.art_tearn .next{ right:-102px;}

.scroller{
	overflow:hidden;
	flex-wrap:nowrap;
	display:flex;
}

.scroll-wrapper{
	display:flex;
	flex-wrap:nowrap;
}

/*搜索*/
.hidden_search input{
	border:none;
	outline:none;
}
.hidden_search .text {
	width:100%;
	height:34px;
	line-height:14px;
	font-size:14px;
	color:#444;
}
.hidden_search .btn {
	display:block;
	background:url(../images/search_icon2.jpg) no-repeat center center;
	position:absolute;
	right:0;
	top:0;
	height:36px;
	width:36px;
	text-indent:-999em;
	cursor:pointer
}
.hidden_search .search_wrap {
	border:1px solid #e4eaec;
	border-radius:20px;
	position:relative;
	padding-right:56px;
	padding-left:20px;
	height:36px;
	overflow:hidden
}
.hidden_search .search_wrap.warning{
	border-color:red;
}
.hidden_search .close_btn {
	box-sizing:content-box;
	position:absolute;
	right:0;
	top:0;
	padding:10px;
	width:22px;
	height:22px;
transition:.5s
}
.hidden_search .close_btn:after, .hidden_search .close_btn:before {
	background:#ccc;
	width:20px;
	height:3px;
	display:block;
transition:all .3s ease 0s;
	content:"";
	position:absolute;
	left:13px;
	top:12px
}
.hidden_search .close_btn:before {
	transform-origin:left bottom;
	transform:rotate(45deg)
}
.hidden_search .close_btn:after {
	transform-origin:left top;
	transform:rotate(-45deg);
	top:27px
}
.hidden_search .close_btn:hover {
	transform:rotate(360deg)
}
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before {
	background:#000
}
.hidden_search.on {
	display:block
}
.cd-popup {
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:rgba(0, 0, 0, 0.3);
	opacity:0;
	visibility:hidden;
-webkit-transition:opacity .3s 0s, visibility 0s .3s;
-moz-transition:opacity .3s 0s, visibility 0s .3s;
transition:opacity .3s 0s, visibility 0s .3s;
	z-index:9999
}
.cd-popup.is-visible {
	opacity:1;
	visibility:visible;
-webkit-transition:opacity .3s 0s, visibility 0s 0s;
-moz-transition:opacity .3s 0s, visibility 0s 0s;
transition:opacity .3s 0s, visibility 0s 0s
}
.cd-popup-container {
	box-sizing:content-box;
	position:relative;
	height:36px;
	padding:40px;
	background:#fff;
	width:60%;
	margin:0 auto;
	top:50%;
	margin-top:-58px;
	background:#FFF;
	text-align:center;
	box-shadow:0 0 20px rgba(0, 0, 0, 0.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-backface-visibility:hidden;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	transition-property:transform;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-ms-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s
}
.is-visible .cd-popup-container {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}

.join_1 { color:#666;}
.join_1 .infor{ text-align:center; font-size:28px; letter-spacing:2px; margin-bottom:25px; }
.join_1 .photo{ margin-bottom:30px; text-align:center;}
.join_1 .photo img{ width:auto; max-width:100%; height:auto;}
.join_1 .intro{ text-align:center; color:#fff; background:#2e65b0; font-size:25px; letter-spacing:2px; line-height:2; margin-bottom:80px;}
.join_1 .blue{ color:#2e65b0; font-size:22px; line-height:2;}

.join_2{background-image: url(../images/join_09.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.join_2 .container{padding: 100px 0px;
}
.join_2 .index_bt{ color:#fff; text-align:center;}
.join_2 .index_bt .title{ color:#fff;}
.join_2 .index_bt .last .Color_1{ background:#fff;}
.j_adv ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 38px 38px;align-items: stretch;}
.j_adv ul li{ background:#fff;border-radius: 35px 0px 35px 0; overflow:hidden;}
.j_adv ul li .title{ background:#2e65b0; font-size:23px; text-align:center; white-space:nowrap; color:#fff; line-height:68px;}
.j_adv ul li .desc{ padding:10% 8%; font-size:16px; line-height:2;}
.index_bt .eng1{color: #666;
    font-size: 25px;
    text-transform: uppercase; margin:5px auto;}
.agent ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px 40px;align-items: stretch;}
.agent ul li{ display:flex;}
.agent ul li .photo{ width:48%; overflow:hidden; position:relative; padding-top:28%;}
.agent ul li .photo img{ position:absolute; left:0px; top:0px; width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.agent ul li .content{ flex:1; overflow:hidden; margin-left:20px;}
.agent ul li .content .title{ background:#2e65b0; color:#fff; padding:0px 6%; margin-bottom:20px; line-height:1.8; font-size:18px;}
.agent ul li .content .desc{ font-size:15px; line-height:1.8;}
.agent ul li .content .title .iconfont{ font-size:18px; margin-right:10px;}
.ny_banner1 img{ width:100%; height:auto;}
.join_3{background-image: url(../images/join_15.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.join_3 .container{padding: 100px 0px;
}
.join_3 .index_bt{ color:#fff; text-align:center;}
.join_3 .index_bt .title{ color:#fff;}
.join_3 .index_bt .last .Color_1{ background:#fff;}
.join_3 .cor_ti{ text-align:center;}
.join_3 .cor_ti img{ width:auto; max-width:100%; height:auto;}

.support ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 50px 50px;
align-items: stretch;}
.support ul li{ position:relative;}
.support ul li .content{ background:#fff; border-radius:25px; padding:50px 30px; text-align:center; width:100%; height:100%; position:relative; z-index:10; box-shadow:0px 3px 6px rgb(0 0 0 / 12%);}
.support ul li .content .photo{ margin-bottom:20px;}
.support ul li .content .photo img{ width:80px; height:80px;}
.support ul li .content .title{ color:#285ba7; font-size:20px; margin-bottom:20px;}
.support ul li .content .desc{ color:#333; font-size:16px; line-height:2;}
.support ul li:before {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0px;border-radius:25px;
	top: -10px;
	background: #285ba7;
	content: ''; z-index:1;
}
.join_4{background-image: url(../images/contact_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.join_4 .container{padding: 100px 0px;
}
.join_4 .index_bt{ color:#fff; text-align:center;}
.join_4 .index_bt .title{ color:#fff;}
.join_4 .index_bt .last .Color_1{ background:#fff;}
.process ul { display:flex;align-items: stretch;}
.process ul li.no1{ flex:1; background:#fff;    border-radius: 35px 0px 35px 0; padding:40px 30px; text-align:center;}
.process ul li.no2{ width:68px;background-image: url(../images/process_12.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 29px;}
.process ul li.no1 .photo{ margin-bottom:20px;}
.process ul li.no1 .photo img{ width:80px; height:80px;}
.process ul li.no1 .title{ color:#285ba7; font-size:20px; margin-bottom:20px;}
.process ul li.no1 .desc{ color:#333; font-size:15px; line-height:2; text-align:left;}
.process ul li.no1:hover{box-shadow:0px 8px 16px rgb(0 0 0 / 12%);}
.tear_1 ul{ display:flex;align-items: stretch;}
.tear_1 ul li{ margin:4px 2px; text-align:center; padding:15px 15px;display: flex;
    align-items: center;
    justify-content: center;}
.tear_1 ul li:nth-child(1){ width:15%;}
.tear_1 ul li:nth-child(2),.tear_1 ul li:nth-child(3){ width:20%;}
.tear_1 ul li:nth-child(4){ flex:1;}
.tear_1 .hot_tj{ }
.tear_1 .hot_tj li{background:#2e65b0; color:#fff; font-size:22px; letter-spacing:2px; }

.tear_1 .content{}
.tear_1 .content li{ background:#fff; font-size:18px;}


/**分页器**/
.pagelist{ color:#767676; text-align:center; font-size:14px; padding-top:2%;}
.pagelist a{ color:#333331; display:inline-block;padding:0 14px; height:34px; line-height:34px; background:#fff; margin: 4px}
.pagelist a.current, .pagelist a:hover{ color:#fff; background:linear-gradient(90deg,#01428f,#2986BF); border-color:#2986BF;}
.pagelist a.disabled{background:#ececec;color:#ccc;border-color:#dedede;cursor: not-allowed;}
.pagelist input{ width:50px; border:1px solid #dcdcdc; height:30px;}
.pagelist span{ padding:0 4px; margin-right: 4px}
.pagelist .turn{ border:none;}
.pagelist .turn:hover{color:#767676; background:none;  border:none;}
.pagelist span{ color:#333331; display:inline-block; padding:0 12px; height:32px; line-height:32px; border:1px solid #bdbcbc;}
.pagelist select{height:32px; line-height:32px; border:1px solid #bdbcbc; width:58px;}

.brand{ line-height:1.9; font-size:16px;}
.brand p{ margin-bottom:0px;}
.property{ line-height:1.9; font-size:16px;}
.property p{ margin-bottom:20px;}

/*留言*/
.book{}
.book ul{display: flex;
    align-items: stretch; justify-content: space-between;flex-wrap: wrap;}
.book ul li{ width:100%; margin-bottom:16px;}
.book ul li:nth-child(1),.book ul li:nth-child(2){ width:49%;}
.book ul li .b_content{ background:#fff;display: flex;
     border:1px #e5e5e5 solid; border-radius:5px; padding:0px 6px;}
.book ul li .b_content .iconfont{ width:40px; text-align:center; color:#333333; font-size:18px; line-height:50px;}
.book ul li .b_content input{ height:50px;  border:0px; flex:1; font-size:16px;}
.book ul li .b_content input::-webkit-input-placeholder{
color:#999; font-size:16px;
}
.book ul li .b_content textarea{line-height:45px; flex:1; border:0px;font-family:"Montserrat","微软雅黑", Arial; }
.book ul li .b_content textarea::-webkit-input-placeholder{
color:#999; font-size:16px;
}
.book .sum{ text-align:center;}
.book .sum span{ width:140px; line-height:51px; text-align:center; border-radius:5px; color:#fff; background:linear-gradient(90deg,#01428f,#2986BF); display:inline-block; font-size:16px; cursor:pointer;}

.contact_two{}
.contact_two .index_bt,.con_jb .index_bt{ text-align:center; margin-bottom:45px;}
.contact_two .index_bt .infor{ }
.joinb{ height:100vh;}
.joinb img{ width:100%; height:100%;object-fit: cover;
 object-position: top center;}
 .con_jb{ padding:75px 0px; overflow:hidden;}
 .con_jb .index_bt .title{ color:#01428f;}
 
 /*首页新增*/
.Slide_cont{ height:100vh; position:relative;}
.Slide_cont img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.Slide_cont .content{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%); color:#fff; text-align:center; width:90%;font-weight:600;}
.Slide_cont .content .title{ font-size:55px; font-weight:600; margin-bottom:20px;}
.Slide_cont .content .desc{ font-size:30px; letter-spacing:1px;margin-bottom:80px; }
.Slide_cont .content .more{ text-align:center; }
.Slide_cont .content .more a{ display:inline-block; font-size:23px;letter-spacing:1px; line-height:2; padding:0px 35px; border:2px #27b0f1 solid; border-radius:25px; color:#fff;  -webkit-transition: color .3s,background-color .3s,border .3s;
    transition: color .3s,background-color .3s,border .3s;}

.Slide_cont.no1 .content .more a{border:2px #7c96b7 solid; }

.Slide_cont.no3 .content .more a{border:2px #9fe8fa solid; }

.Slide_cont.no4 .content .more a{border:2px #0daed6 solid; }


.Slide_cont.no5 .content .more a{border:2px #a8b8e3 solid; }
.Slide_cont .content .more a:hover{ background:#fff; border:2px #fff solid; color:#333;}

@media screen and (max-width:1200px){
	.value ul{ align-items:flex-start; }
	.value ul li{ width:50%; padding-right:10px; margin-right:0px;}
	.j_adv ul li .title{ font-size:18px;}
	.j_adv ul li .desc{ font-size:14px;}
	.j_adv ul{  grid-gap: 28px 28px;}
	.agent ul li .content .desc{ font-size:14px;}
	.support ul{grid-gap: 30px 30px;}
	.support ul li .content .photo img{ width:65px; height:65px;}
	.support ul li .content .title{ font-size:18px;}
	.support ul li .content .desc{ font-size:14px;}
	.process ul li.no1 .photo img{ width:60px; height:60px;}
	.process ul li.no1{    padding: 20px 15px;}
	.process ul li.no1 .desc{ font-size:12px; line-height:1.6;}
	.process ul li.no1 .title{ font-size:18px; margin-bottom:15px;}
	.process ul li.no2{ width:50px;}
	.tear_1 .hot_tj li{ font-size:18px;}
	.tear_1 .content li{ font-size:15px;}
}
@media screen and (max-width:900px){
	.header .center_m .top_one{justify-content: flex-end;}
	.header .center_m .top_one .tpleft{ display:none;}
	.banner ul li .content .title{ font-size:45px;}
	.banner ul li .content .cont{ font-size:35px;}
	.part_2{ position:static;}
	.part_2 .container{ width:100%;}
	.part_2 .container .photo{ position:static; width:100%; height:auto;}
	.part_2 .container .photo:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
	.part_2 .container .photo img{ position:static; width:100%; height:auto;}
	.part_2 .container .content{ width:100%; float:none;}
	.part_2 .container .photo:before{ display:none;}
	.part_2 .container .content{ padding:6% 5% 8%; }
	.footer .f_one .db_logo{ display:none; }
	.footer .f_one .t_right ul li:nth-child(3){ display:none;}
	.footer .f_one .t_right{ width:100%;}
	.footer .f_one .t_right ul{ justify-content: space-between;}
	.footer .f_one .t_right ul li{ margin-left:0px;}
	.ny_banner .content .title{ font-size:25px; line-height:1.4;}
	.ny_banner .content .cont{ font-size:20px;}
	.ny_banner img{ height:350px;object-fit: cover;
 object-position: top center;}
 .ny_banner .content{ width:90%;}
 .about-honor .swiper-button-next:hover, .about-honor .swiper-button-prev:hover {
color:#fff;
background-color:#009fe8
}
.about-honor {
margin-top:48px
}
.about-honor .title {
font-size:16px
}
.join_1 .infor{ font-size:22px;}
.join_1 .intro{ font-size:20px;}
.join_1 .blue{ font-size:18px;}
.ny_banner .content .cont{ letter-spacing:0px;}
.ny_banner .content .cont .big{ font-size:25px;}
}
@media screen and (max-width:850px){
	.products ul{    grid-template-columns: repeat(2, 1fr);grid-gap: 10px 10px;}
	.news ul{    grid-template-columns: repeat(2, 1fr);grid-gap: 0px 0px;}
	.ny_menu{ top:-32px;}
	.ny_menu ul li a{ width:200px; height:63px;}
	.about_1 .container .content{ flex:none; padding:0px 0px 50px; width:100%;}
	.about_1 .container{flex-wrap: wrap;}
	.about_1 .container .content .index_bt{ text-align:center;}
	.about_1 .photo{ width:100%;}
	.culture ul{grid-template-columns: repeat(2, 1fr);}
	.j_adv ul{    grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:750px){
	.banner ul li .content .title{ font-size:30px;}
	.banner ul li .content .cont{ font-size:25px; letter-spacing:0px;}
	.part_1 {    padding: 60px 0px;}
	.index_bt .title{ font-size:27px; margin-bottom:12px;}
	.header .top_two .logo img{ height:45px;}
	.banner ul li .content .video{ font-size:60px;}
	.banner ul li .content .cont{ margin-bottom:10px;}
	.banner ul li .content{ margin-top:7%;}
	.index_bt .infor{ font-size:14px; margin-bottom:10px;}
	.part_2 .container .content .desc{ font-size:14px;}
	.value ul li{ font-size:14px;}
	.part_4{ padding:10% 0px 10%;}
	.part_2 .container .content a.more{ font-size:14px;width: 140px;height: 48px;}
	.part_2 .container .content a.more .iconfont{ font-size:14px;}
	.part_3 .container{ padding:8% 0px;flex-wrap: wrap;}
	.part_3 .container .content a.more{font-size:14px;width: 140px;height: 48px; margin-bottom:10%;}
	.part_3 .container .content a.more .iconfont{ font-size:14px;}
	.part_3 .container .content{ flex:none; width:100%;}
	.part_3 .container .photo{ width:100%;}
	.part_3 .container .content .desc{ font-size:14px;}
	.part_3 .container .content .tel .iconfont{ font-size:25px; margin-right:10px;}
	.part_3 .container .content .tel{ font-size:20px;margin-top: 20px;
    margin-bottom: 40px;}
	.part_5 {
    padding: 8% 0px 10%;
}
.part_5 .container .more a{font-size:14px;width: 140px;height: 48px;}
.part_5 .container .more a .iconfont{ font-size:14px;}
.part_6{padding: 8% 0px 10%;}
.footer .f_two ul{ display:none;}
.footer .f_one{    padding-top: 15px;
    padding-bottom: 20px;
    margin-bottom: 35px;}
.footer .f_two{ justify-content:center;}
.footer .f_two .weix img{ width:100px; height:100px;}
.footer .copyright{ font-size:12px;padding: 20px 0px 15px; text-align:center;}
.footer .container{  padding: 20px 0px 20px;}
.footer .f_one .t_right ul li .iconfont{ margin-right:12px; width:40px; height:40px; font-size:20px;}
.value{margin: 30px 0px 49px;}
.part_2 .container .content{  padding: 6% 5% 12%;}
.footer .f_two{ padding-bottom:30px;}
.products ul li .cont .content .title{ font-size:18px; height:auto; line-height:1.8; margin-bottom:0px;}
.products ul li .cont .content .desc{ font-size:14px;}
.ny_banner .content{    transform: translate(-50%,-50%);}
.part_4.n_center{ padding-top:12%;}
.ny_menu a{ font-size:16px;}
.news ul li .cont .content .title a{ font-size:18px; margin-bottom:8px;}
.news ul li .cont .content .desc{ font-size:14px;}
.s_center{ padding:30px; font-size:14px; margin-bottom:50px;}
.show_up a .cont .intro{ display:none;}
.show_up a .iconfont{ font-size:20px;}
.about-honor {
margin-top:40px
}
.about-honor .title {
font-size:14px
}
.index_bt .eng{ font-size:20px;}
.about_1 .container{ padding:80px 0px;}
.about_2 .container{ padding:80px 0px;}
.dev_but a.swiper-slide{ width:60px; height:60px; margin-right:20px;}
.join_1 .infor{ font-size:17px;}
.join_1 .intro{ font-size:17px;}
.join_1 .blue{ font-size:15px;}
.join_1 .intro{ margin-bottom:50px;}
.index_bt .eng1{ font-size:16px;}
.agent ul{grid-template-columns: repeat(1, 1fr);}
.agent ul li .content .title{ margin-bottom:15px;}
.index_bt.no2{ margin-bottom:30px;}
.support ul{grid-template-columns: repeat(2, 1fr);}
.join_2 .container{ padding:70px 0px;}
.j_adv ul li .title{ line-height:58px;}
.join_3 .container{ padding:70px 0px;}
.join_4 .container{ padding:70px 0px;}
.process ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px 20px;
align-items: stretch;}
.process ul li.no2{ display:none;}
.agent ul li .content{ margin-left:10px;}
.index_new.no1 ul li .cont:hover .title a{ font-size:17px;}
.index_new.no1 ul li .cont .content .desc{ font-size:14px;}
.index_new.no1 ul li .cont .date{ font-size:12px;}
.index_new.no1 ul{grid-template-columns: repeat(1, 1fr);}
.show_bg{ padding-bottom:0px;}
.ny_banner .content .cont1{ font-size:16px;}
.contact ul li .cont_bt .title{ font-size:22px;}
.contact ul li .cont_bt .eng{ font-size:14px;}
.contact ul li .cont_bt .smlbit{ font-size:17px;}
.contact ul{    grid-template-columns: repeat(1, 1fr);grid-gap:0px 0px;}
.contact ul li:nth-child(1) {
    border-radius: 8px 8px 0px 0px;
}
.contact ul li:nth-child(3) {
    border-radius: 0px 0 8px 8px;
}
.contact ul li .cont_bt .Color_1{ margin-top:15px;}
.brand{ font-size:14px;}
.property{ font-size:14px;}
.book ul li:nth-child(1),.book ul li:nth-child(2){ width:100%;}
.Slide_cont .content .title{ font-size:42px;}
.Slide_cont .content .desc{ font-size:24px;}
.Slide_cont .content .more a{ font-size:18px;}
.banner ul li.video1{ display:none;}
.shows.pc1{ display:none;}
.shows.phone1{ display:block;}
.s_center.protj{ padding:15px;}
.join_pic{ margin-bottom:35px;}
.con_jb{ padding:55px 0px;}
}
@media screen and (max-width:580px){
	.products ul{    grid-template-columns: repeat(1, 1fr);}
	.ny_menu{ top:-26px;}
	.ny_menu ul li{ flex:1;padding:0px 5px;}
	.ny_menu ul li a{ width:100%; height:53px; margin:0 auto;}
	.header .center_m .top_one .tpright{white-space:nowrap;}
	.header .center_m .top_one .tpright a{ padding:0px 5px; font-size:12px; }
	.header .center_m .top_one{ display:none;}
	.news ul{    grid-template-columns: repeat(1, 1fr);}
	.news ul li{ padding:15px 5px;}
	.products ul li{ padding:15px 5px;}
	.culture ul{grid-template-columns: repeat(1, 1fr);}
	.culture{ padding-top:10px;}
	.culture ul li .tit{ font-size:22px;}
	.developent .content .photo{ display:none;}
	.developent .content .cont{ padding-left:0px; width:100%;  text-align:center;}
	.about_3{ padding:60px 0px;}
	.header{ background:#fff;}
	.header .top_two .logo .white{ display:none;}
	.header .top_two .logo .black{ display:block;}
	.header .ui-menu-btn .menu-box i{ background:#333;}
	.j_adv ul{    grid-template-columns: repeat(1, 1fr);}
	.join_1 .infor{ letter-spacing:0px;}
	.join_1 .intro{ letter-spacing:0px;}
	.j_adv ul li .desc{ padding:8% 6%;}
	.support ul {
    grid-template-columns: repeat(1, 1fr);
}
	.support ul{grid-gap: 30px 25px;}
	.support ul li .content{ padding:30px 15px;}
	.support ul li .content .photo img{ width:60px; height:60px;}
.tear_1 .hot_tj li{ font-size:16px;}
.tear_1 .content li{ font-size:14px;}
.tear_1 ul li:nth-child(1){ width:20%;}
.tear_1 ul li:nth-child(3){ display:none;}
.tear_1 ul li:nth-child(2){width:30%; word-break:break-word;}
.tear_1 ul li{ padding:10px 10px;}
.process ul li.no1 .photo{ margin-bottom:15px;}
.process ul li.no1 .title{ margin-bottom:10px;}
.header .top_two{ height:60px;}
.ui-menu-btn{ top:23px;}
.ny_banner1 img{ height:260px;object-fit: cover;
 object-position: center center;}
.ny_banner img{ height:260px;object-fit: cover;
 object-position: center center;}
 .ui-body{ padding-top:60px;}
 .joinb{ height:auto;}
}