@charset "utf-8";
/* CSS Document */
html{font-size:1px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.05208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"Montserrat","微软雅黑", Arial;
	font-size:16px;
	line-height:1.5;
	color:#222222;
	max-width:1920px;
	width: 100%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
}
a {
	color:#222222;
	text-decoration:none;
}
a:hover {
	color:#222222;
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.container {
	width: 94%;
	max-width:1600px;
	margin:0px auto;
	height:auto;

}

* {
	box-sizing: border-box;
}

.main{ overflow:hidden;}
.tpleft{ float:left;}
.tpright{ float:right;}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex-center-y {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }
  :root{
	--linkColor:#005bac;
   
  }
.flex_1{flex:1;}
.grid{ display: grid;}

.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
   
/* 首页 */

header{ position: sticky;  width: 100%; left: 0%; top: 0px;  z-index: 1000;  background-color: #fff;box-shadow: 0px 0px 8px rgb(0 0 0 / 12%);}
header .container{ height: 110rem;}
header .container .logo img{ height: 80rem;}
header .menu ul li{ position: relative; margin: 0px 25rem;}
header .menu ul li a{ display: block; font-size: 20rem;}
header .menu ul li a.title{ position: relative;display: inline-block; line-height: 2; }
header .menu ul li.active a.title:before,header .menu ul li:hover a.title:before{ position: absolute; content: ""; height: 2px; width: 100%; background-color: var(--linkColor); left: 0px; bottom: -4px;}
header .menu ul li.active a.title,header .menu ul li a.title:hover{ color: var(--linkColor); font-weight: 600;}

header .tool { gap: 18rem;}
header .tpright .tool a { width: 40rem; height: 40rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--linkColor); font-size: 24rem; border: 1px var(--linkColor) solid;transition: all .3s ease;-webkit-transition: all .3s ease;}
header .tpright .tool a:hover{background-color: var(--linkColor); color: #fff;}

.banner{ position: relative; z-index: 10;}
.banner ul li{ position: relative;}
.part_1{ padding-top: 56px; position: relative; z-index: 10;}
.index_about{ background-color: var(--linkColor); color: #fff; align-items: stretch;}
.index_about .about_l{width: 50%;  overflow: hidden;}
.index_about .about_l img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.index_about .about_l:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_about .about_r{width: 50%; padding: 69rem;}
.index_about .about_r .title{ font-weight: 600; font-size: 36rem; line-height: 1; margin-bottom: 44rem;}
.index_about .about_r .desc{ font-size: 18rem; margin-bottom: 48rem; line-height: 1.7; }
.index_about .about_r .more{ color: #fff; border: 1px #fff solid; border-radius: 5px; font-size: 18rem; line-height: 2.5; display: inline-flex; padding: 0px 35rem; align-items: center; justify-content: center;}
.index_about .about_r .more .iconfont{ margin-left: 5px;transition:all .5s;-webkit-transition:all .5s;}
.index_about .about_r .more:hover .iconfont{ margin-left: 10px;}
.part_2{ margin-bottom: 70px;}
.part_2 .container{ position: relative;}
.index_bussiness ul{ gap: 82rem;grid-template-columns: repeat(4, 1fr);align-items: stretch;}
.index_bussiness ul li { position: relative;}
.index_bussiness ul li .title{ font-weight: 600; margin-bottom: 10px; line-height: 1;transition: all ease .5s;}
.index_bussiness ul li .title .tpleft{ font-size: 30rem;}
.index_bussiness ul li .title .num{ font-size: 48rem; color: var(--linkColor); padding-right: 7px;}
.index_bussiness ul li .box{ border-radius: 10px; overflow: hidden; position: relative;    transition: all ease .5s;}
.index_bussiness ul li .box .photo{position:relative; display:block; padding-top:133%; width:100%; border-radius: 10px; overflow: hidden;}
.index_bussiness ul li .box .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;}
 .index_bussiness ul li .box .xfk{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color:rgba(3,33,84,0.6); display: flex; flex-direction: column;border-radius: 10px; overflow: hidden; justify-content: space-between;transition: all .3s ease;-webkit-transition: all .3s ease; opacity: 0;}
 .index_bussiness ul li .box .xfk .content{ padding: 54rem 30rem; color: #fff; flex:1;display: flex; flex-direction: column;justify-content: space-between; align-items: flex-start;}
.index_bussiness ul li .box .xfk .content .txt{ font-size: 30rem; font-weight: bold;  position: relative; padding-bottom: 13rem; margin-bottom: 35rem;}
.index_bussiness ul li .box .xfk .content .txt:before{ content: ""; position: absolute; left: 0px; height: 1px; background-color: #fff; width: 52px; bottom: 0px;}
.index_bussiness ul li .box .xfk .content .infor { flex:1;}
.index_bussiness ul li .box .xfk .content .infor .items { display: flex; align-items: flex-start; margin-bottom: 30rem;}
.index_bussiness ul li .box .xfk .content .more{ color: #fff; border: 1px #fff solid; border-radius: 22px;  line-height: 2.2; display: inline-flex; padding: 0px 30rem; align-items: center; justify-content: center; flex-flow: row;transition: all .3s ease;-webkit-transition: all .3s ease;}
.index_bussiness ul li .box .xfk .content .more .iconfont{ margin-left: 5px;}
.index_bussiness ul li .box .xfk .content .more:hover{ background-color: #fff; color: #222;}
.index_bussiness ul li{transition: all ease .5s;}
.index_bussiness ul li:hover{transform:translateY(-34px);}
.index_bussiness ul li:hover .title{ opacity: 0;}
.index_bussiness ul li:nth-child(odd){ padding-top: 345rem;}
.index_bussiness ul li:nth-child(even){ padding-top: 225rem;}
.index_bussiness ul li:hover .box .xfk{ opacity: 1;}
.index_bussiness ul li:nth-child(odd):before{ content: ""; position: absolute; height: 450rem; right: 0px; top: 0px; background-color: #cccccc; width: 1px;}
.index_bussiness ul li:nth-child(even):before{ content: ""; position: absolute; height: 450rem; right: 0px; top: 0px; background-color: #cccccc; width: 1px;}
.part_2 .index_bt { position: absolute; z-index: 3; width: 100%; left: 0px; top: 65rem;}
.part_2 .index_bt .tpleft .title{ font-size: 40rem; font-weight: 600;}
.part_2 .index_bt .tpleft .eng{ font-size: 24rem; color: #999;}
.part_2 .index_bt .tpright{ text-align: right;}
.part_3{ background-color: #f5f5f5; padding: 50px 0px;}
.main_bt{ margin-bottom: 15px;}
.main_bt .tpleft .title{ font-size: 40rem; font-weight: 600;}
.main_bt .more .iconfont{ color: var(--linkColor); margin-left: 7px;transition: all ease .5s;}
.main_bt .more:hover .iconfont{ margin-left: 12px;}
.main_bt .more:hover{ color: var(--linkColor);}
.index_new{ background-color: #fff; display: flex; align-items: stretch;}
.index_new .new_l{ width: 50%; position: relative;}
.index_new .new_l ul,.index_new .new_l ul li,.index_new .new_l ul li a{width: 100%; height: 100%;}
.index_new .new_l ul li a{ display: block; position: relative;}
.index_new .new_l ul li a img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
 .index_new .new_l ul li a .xfk{ position: absolute; left: 0px; width: 100%; line-height: 60rem; padding-left: 32rem; padding-right: 107px; color: #fff; background-color: rgb(0 0 0 / 50%); bottom: 0px;}
 .index_new .new_l .n_btn{ position: absolute; right:3.7%; display: flex; align-items: center; justify-content: flex-end; bottom: 25rem; gap: 8px; z-index: 10; left:auto; width:auto;}
  .index_new .new_l .n_btn span{ width: 14rem; height: 14rem; min-height:14rem; min-width:14rem; border-radius: 50%; border: 1px #fff solid; cursor: pointer; margin:0;}
.index_new .new_l .n_btn span.swiper-pagination-bullet-active{ background-color: #fff;}
.index_new .new_r{ padding: 5px 27px;}
.index_new .new_r ul li{ padding: 20rem 0px;border-bottom: 1px #eee solid;}
.index_new .new_r ul li a{ display: flex; align-items: stretch;}
.index_new .new_r ul li .tpleft{ width: 65px; text-align: center; color: #999; display: flex; flex-direction: column; justify-content: center;}
.index_new .new_r ul li .content{ overflow: hidden; border-left: 1px #eee solid; padding-left: 32rem; margin-left: 25rem;}
.index_new .new_r ul li .content .desc{-webkit-line-clamp:2; color: #999;}
.index_new .new_r ul li:last-child{ border-bottom: 0px;}
.index_new .new_r ul li .content .title{ font-size: 20rem; color: #333;}
.index_new .new_r ul li .tpleft .date{ font-size: 40rem; font-weight: 600; color: #333;}
.index_new .new_r ul li a:hover .content .title{ color: var(--linkColor);}
.part_4{ padding: 50px 0px 60px;}
.index_industry{ display: flex; align-items: stretch;gap: 57px;}
.index_industry .indus_box{ overflow: hidden;}
.main_bt.no1{ border-bottom: 1px #dedede solid;}
.main_bt.no1 .title{ display: inline-block; line-height: 2; position: relative;}
.main_bt.no1 .title:before{ content: ""; width: 100%; height: 4px; background-color: #005bac; left: 0px; bottom: -1px; position: absolute;}
.new_list ul li{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px #eeeeee solid;gap: 10px;}
.new_list ul li a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size: 18rem; color: #333; line-height: 2.7; flex:1;}
.new_list ul li .date{ color: #999999; font-size: 16rem;}
.new_list ul li a:hover{ color: var(--linkColor);}
footer{ background-color: #005bac; color: #fff;}
footer a{ color: #fff;}
footer .foot_l{ padding: 60rem 0px;}
footer .foot_l .tpleft .dblogo{ width: 80rem;}
footer .foot_l .tpleft .desc{ padding-left: 70rem; margin-left: 70rem; border-left: 1px rgb(255 255 255 / 30%) solid; line-height: 2.5;}
footer .foot_l .list{ gap: 50rem;}
footer .foot_l .list li{ text-align: center; font-size: 14px;}
footer .foot_l .list li img{ height: 130px; width: auto; margin-bottom: 7px;}
footer .copyright{ text-align: center;border-top: 1px rgb(255 255 255 / 30%) solid; padding: 15px 0px; color: #a8d8dc;}
footer .copyright a{color: #a8d8dc;}

/*移动菜单*/
.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 40px;
	right: 0px;
	z-index: 100;
	display: none;
	position: relative;
	margin-left: 15px;

}

.menubtn .name {
	font-size: 16px;
	left: -60px;
	font-weight: 500;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: absolute;
	font-weight: 600;
}

.menubtn .navbar-icons {
	height: 20px;
	width: 100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.menubtn .navbar-icons span {
	display: block;
	height: 2px;
	width: 100%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .25s ease-in-out;
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	background-color: #333;
	position: relative;
	border-radius: 5px;
}

.menubtn .navbar-icons span:first-child {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn .navbar-icons span:nth-child(2) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	width: 70%;
}

.menubtn .navbar-icons span:nth-child(3) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}

.menubtn.open .navbar-icons span:nth-child(2) {
	opacity: 0;
}

.menubtn.open .navbar-icons span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 1px;
}

.menu-mc {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--linkColor);
	z-index: 500;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	padding-top: 85px;
	display: flex;
	flex-direction: column;
	display: none;

}

.menu-mc.active {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.menu-mc .list {
	flex: 1;
	overflow: auto;
}

.menu-mc .list ul {
	padding: 0 24px;
}

.menu-mc .list ul li {
	line-height: 60px;
}

.menu-mc .list ul li .submenu {
	display: none;
}

.menu-mc .list ul li .title {
	border-bottom: 1px solid rgba(255, 255, 255, .19);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	color: #fff;
}



.menu-mc .list ul li a {
	display: block;
	font-size: 14px;
	color: #fff;
}

.nybanner{ text-align: center; position: relative;}
.nybanner .container{ position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);}
.nybanner .container .txt{ width: 100%; margin: 0px auto; color: #fff; font-weight: 600; text-align: left; font-size: 48rem; max-width: 1400px;}
.nybanner img{ min-height: 150px;object-fit: cover;
 object-position: center center;}
.query_box{ max-width: 860px; width: 90%; padding: 80px 0rem; margin: 0px auto;}
.que_tit{ text-align: center; font-weight: 600; margin-bottom: 40rem;}
.que_tit .title{ font-size: 45rem; color: var(--linkColor); margin-bottom: 5px;}
.que_tit .desc{ font-size: 18rem;}
.query_box .que_textarea{ margin-bottom: 26px;}
.query_box .que_textarea textarea{ width: 100%; border: 1px #cccccc solid; border-radius: 5px; outline: none; padding: 20px;font-family:"Montserrat","微软雅黑", Arial; line-height: 2; height: 360px;}
.query_box .que_textarea textarea::-webkit-input-placeholder {
color:#999; 
}
.query_box .que_more .btn{ width: 205rem; height: 64rem; border-radius: 8rem; background-color: var(--linkColor); color: #fff; font-size: 24rem; border: 0px; cursor: pointer;}
.history_1{ padding-top: 46rem; color: #333; gap: 11px;}
.history_1 .items{ display:inline-flex; padding: 0px 12px;  background-color: #eeeeee; color: #333; font-size: 14px; border-radius: 20px; line-height: 2; gap: 10px; cursor: pointer;}
.history_1 .items .iconfont{ opacity: .5;}
.query_midd{ background-color: #f5f5f5; padding: 60px 0px;}
.query_midd .que_tit1{ font-size: 30rem; font-weight: 600; line-height: 1; margin-bottom: 30rem;}
.que_table{ background-color: #fff; width: 100%; overflow-x: auto;}
.que_table .box{ min-width: 750px;}
.que_table .list1{ display: flex; align-items: stretch; background-color: var(--linkColor); color: #fff;}
.que_table .list1 li{flex:1; display: flex; align-items: center; justify-content: center; padding: 13px 10px;}
.que_table .list1 li:nth-child(1){ width: 100px; flex:none;}

.que_table .list2{ display: flex; align-items: stretch; color: #333; cursor: pointer;}
.que_table .list2 li{flex:1; display: flex; align-items: center; justify-content: center; padding: 13px 10px;}
.que_table .list2 li:nth-child(1){ width: 100px;flex:none;}
.que_list .items{ border-bottom: 1px #f5f5f5 solid;}
.que_list .more{ cursor: pointer;}
.que_list .more .iconfont{ margin-left: 6px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.que_list .order_box{border-left: 1px #ccc solid;border-right: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.que_list .order_box ul{ display: flex; align-items: stretch;}
.que_list .order_box ul li{ display: flex; align-items: center; justify-content: center; padding: 13px 10px;}
.que_list .order_box ul li:last-child{flex:1;}
.que_list .order_box ul li:nth-child(1){width: 100px;}
.que_list .order_box ul li:nth-child(2){width: 100px;}
.que_list .order_box ul li:nth-child(3){width: 20%;}
.que_list .order_box ul li:nth-child(4){width: 20%;}
.que_list .order_box ul:nth-child(1){ font-weight: 600;}
.que_list .order_box ul li:nth-child(1){ position: relative;}
.que_list .order_box ul li:nth-child(1):before{ content: ""; background-color: #dedede; width: 1px; height: 100%; position: absolute; left: 50%; transform:translateX(-50%);-webkit-transform:translateX(-50%); top: 0px;}
.que_list .order_box ul li:nth-child(1):after{ content: ""; background-color: #dedede; width: 10rem; height: 10rem; border-radius: 50%; position: absolute; left: 50%; top: 50%; background-color: #000000;transform: translate(-50%,-50%);}
.que_list .order_box ul:nth-child(1) li:nth-child(1):before,.que_list .order_box ul:nth-child(1) li:nth-child(1):after{ display: none;}
.que_list .order_box ul:nth-child(2) li:nth-child(1):before{ height: 50%; bottom: 0px; top: auto;}
.que_list .order_box ul:last-child li:nth-child(1):before{ height: 50%; }
.que_list .order_box{ display: none; padding-bottom: 20px;}

.que_list .items {}
.que_list .items .list2.active{ background-color: #eee; border-left: 1px #ccc solid;border-right: 1px #ccc solid;}
.que_list .items .list2 .more .iconfont:before{transition: all .3s ease;-webkit-transition: all .3s ease;}
.que_list .items .list2.active .more .iconfont:before{ display: block;transform: rotate(180deg);}
.about_1{ padding: 60px 0px;}
.about_tit{ text-align: center; margin-bottom: 40rem;}
.about_tit .title{ font-size: 36rem; font-weight: 600; line-height: 1;}
.about_js{ width: 100%; margin: 0px auto;line-height: 2; margin-bottom: 32px; max-width: 1400px;}


.about_one ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;
align-items: stretch;}
.about_one ul li{ position: relative;transition: all .3s ease;-webkit-transition: all .3s ease;}
.about_one ul li .photo{position:relative; display:block; padding-top:100%; width:100%; overflow:hidden;}
.about_one ul li .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.about_one ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.about_one ul li .xfk{text-align: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #fff; font-size: 18rem;transition: all .3s ease;-webkit-transition: all .3s ease;}
.about_one ul li .xfk .tit{ font-size: 36rem; font-weight: 600; margin-bottom: 26rem; position: relative; padding-bottom: 12px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.about_one ul li .xfk .tit:before{ content: ""; width: 80rem; height: 4rem; left: 50%; background-color: #fff;transform:translateX(-50%);-webkit-transform:translateX(-50%); position: absolute; bottom: 0px;}
.about_one ul li .xfk .desc{ opacity: 0; display: none;transition: all .3s ease;-webkit-transition: all .3s ease; }
.about_one ul li:hover .xfk{background-color:rgba(6,57,102,0.5); transition: all .3s ease;-webkit-transition: all .3s ease;}
.about_one ul li:hover .xfk .desc{ opacity: 1; display: block; }
.about_2{ background-color: #f5f5f5; padding: 60px 0px;}
.about_tit .eng{ color: #999; font-size: 24rem;text-transform: uppercase; margin-top: 10px;}
.about_2 .cer_pic{ text-align: center;}
.cer_list{ padding: 0px 10px;}
.cer_list ul li{ width: 22.5%; margin-right: 3.3%; float: left; display: flex; align-items: flex-end; justify-content: center;}
.cer_list ul li .pic{position:relative; display:block; padding-top:110%; width:100%; overflow:hidden;}
.cer_list ul li .pic img{ width:100%; height:100%; position:absolute; bottom:0px; left:0px;object-fit: contain;
 object-position: center bottom;}
.cer_list ul li:last-child{ margin-right: 0px;}
.about_2 .c_btn{ gap: 60rem;}
.about_2 .c_btn .iconfont{ width: 70rem; height: 70rem; font-size:35rem; border: 1px #bebebe solid; border-radius: 50%; color: #666666; cursor: pointer;}
.about_2 .c_btn .iconfont:hover{ color: var(--linkColor); border: 1px var(--linkColor) solid;}
.about_3{ padding: 60px 0px;}
.container1{ max-width: 1400px; width: 94%; margin: 0px auto;}
.contact_1{ padding-top: 94rem; padding-bottom: 68rem;}
.contact_1 .box{ width: 50%;}
.contact_1 .box .title{ font-size: 18px; font-weight: 600; gap: 16px; margin-bottom: 30px;}
.contact_1 .box .title .line{ width: 60px; height: 2px; background-color: #000;}
.contact_1 .box .desc { margin-left: 76px;}
.contact_1 .box .desc p{ margin-bottom: 30rem;}
.contact_1 .box .desc p:last-child{ margin-bottom: 0px;}

.contact_1 .box .list{ gap: 50rem; margin-left: 70px;}
.contact_1 .box .list li{ text-align: center; font-size: 14px;}
.contact_1 .box .list li img{ height: 130px; width: auto; margin-bottom: 7px;}
.contact_2{ border: 1px #ccc solid; margin-bottom: 60px;}
.new_class{ background-color: #f5f5f5;}
.new_class ul{ gap: 75rem;}

.new_class ul li a{ font-size: 18px;line-height: 65px; position: relative; display: inline-block;}
.new_class ul li.active a{ color: var(--linkColor);}
.new_class ul li.active a:before{ content: ""; position: absolute; left: 0px; width: 100%; height: 4rem; background-color: var(--linkColor); bottom: 0px;}
.new_cont{ padding: 57px 0px;}

.new_list1 ul{grid-template-columns: repeat(3, 1fr);
	gap:50rem;
align-items: stretch;}
.new_list1 ul li{ background-color: #f5f5f5;}
.new_list1 ul li a{ display: block;}
.new_list1 ul li a .photo{position:relative; display:block; padding-top:60%; width:100%; overflow:hidden;}
.new_list1 ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.new_list1 ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.new_list1 ul li a .content{ padding: 40rem 37rem;}
.new_list1 ul li a .content .date{ color: #333; font-size: 14rem;}
.new_list1 ul li a .content .title{ font-size: 24rem;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.new_list1 ul li a .content .desc{ margin: 25rem 0rem;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color: #666;}

.new_list1 ul li a .content .more{ color: #fff;background-color: var(--linkColor); border-radius: 22px;  line-height: 2.2; display: inline-flex; padding: 0px 25rem; align-items: center; justify-content: center; flex-flow: row;transition: all .3s ease;-webkit-transition: all .3s ease;}
.new_list1 ul li a .content .more .iconfont{ margin-left: 5px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.new_list1 ul li a .content .more:hover .iconfont{ margin-left: 12px;}
.new_list1 ul li a:hover .content .title{ color: var(--linkColor);}


/*翻页*/
.fany{display:flex;align-items: center; justify-content: center; margin-top:50px;text-transform: uppercase;
 }
/*分页*/
.divid-a {
    display: flex;
    align-items: center;
    justify-content: center;
flex-wrap: wrap; 
}
.divid-a a {
    background: #fff;
    color: #666666; 
   min-width:35px;
    padding:0px 10px; height:35px;
    cursor:pointer; margin:5px 2px;
	display: flex;
    align-items: center;
    justify-content: center;
	border:1px #dddddd solid; border-radius:3px;
	
} 
.divid-a span{ margin:5px 10px;}
.divid-a a.active,.divid-a a:hover{
   color: #fff;
    background:var(--linkColor);
	border:1px var(--linkColor) solid;
}
.divid-a a.up:hover{
    background:#ddd;
	border:1px #ddd solid;
}
.new_show{ display: flex; align-items: stretch;}
.new_show .show_left{ flex:1; margin-right: 3.5%; overflow: hidden; padding: 50px 0px;}
.new_show .show_right{ width: 30%; background-color: #f5f5f5; position: relative; padding: 52rem 40rem;}
.new_show .show_right:before{ width: 2000px; left: 100%; height: 100%; position: absolute;background-color: #f5f5f5; content: ""; top: 0px; }
.show_right .title{ font-size: 24rem; font-weight: 600; margin-bottom: 15px;}
.show_right .show_list ul li{ background-color: #fff; margin-bottom: 20px; padding: 24rem 40rem;}
.show_right .show_list ul li a{ font-size: 24rem; margin-bottom: 10px;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.show_right .show_list ul li .date{ font-size: 16rem; color: #999;}
.show_right .show_list ul li:hover{ background-color: var(--linkColor); color: #fff;}
.show_right .show_list ul li:hover a{ color: #fff;}
.show_right .show_list ul li:hover .date{ color: #fff;}
.new_show .show_left .sourse{ color: #999; gap: 35rem; border-bottom: 1px #dedede solid; padding-bottom: 25rem; margin-bottom: 25rem;}
.new_show .show_left .sourse .iconfont{ margin-right: 7px; font-size: 22px;}
.new_show .show_left .title{ margin-bottom: 5px; line-height: 1.2; font-size: 30rem;}
.new_show .show_left .show_cont{ color: #444; line-height: 2; padding-bottom: 30px;}
.new_show .show_left .show_fy{border-top: 1px #dedede solid; padding-top: 16px; gap: 20px;}
.new_show .show_left .show_fy .list li{ margin: 8px 0px; color: #666;}
.new_show .show_left .show_fy .list li a{ color: #444;}
.new_show .show_left .show_fy .list li a:hover{ color: var(--linkColor);}
.new_show .show_left .show_fy .back_1{ color: var(--linkColor); font-size: 18px; font-weight:600; display: inline-block; position: relative;}
.new_show .show_left .show_fy .back_1:before{ content: ""; position: absolute; left: 0px; bottom: -4px; width: 100%; height: 1px; background-color: var(--linkColor);}

.whitebg{ background-color: #fff;}
.que_tit2{ font-size: 36rem; font-weight: 600; text-align: center; margin-bottom: 20px;}

.que_table2{ background-color: #fff; width: 100%; overflow-x: auto;}
.que_table2 .box{ min-width: 750px;}
.que_table2 .list1{ display: flex; align-items: stretch; background-color: var(--linkColor); color: #fff;}
.que_table2 .list1 li{flex:1; display: flex; align-items: center; justify-content: flex-start; padding: 13px 30px;}
.que_table2 .list1 li:last-child{ width: 40px; flex:none;}

.que_table2 .list2{ display: flex; align-items: stretch; color: #333;border-bottom: 1px #dedede solid;}
.que_table2 .list2 li{flex:1; display: flex; align-items: center; justify-content: flex-start; padding: 13px 30px;}
.que_table2 .list2 li:last-child{ width: 40px; flex:none;}

.que_table2 .list2 li .icon-youjiantou1{ color: #b0b0b0; font-size: 22px; cursor: pointer;}
.que_table2 .list2 li .icon-youjiantou1:before{transition: all .3s ease;-webkit-transition: all .3s ease;}
.que_list3 .re_box{ color: #666; background-color: #f9f9f9; padding: 30px; line-height: 1.9;border-bottom: 1px #dedede solid; display: none;}
.que_list3 .re_box a{ color: #005bac;text-decoration: underline;}
.que_list3 .items .list2.active li .icon-youjiantou1:before{ display: block;transform: rotate(90deg);}
.que_list3 .items{ cursor: pointer;}


@media (max-width:1440px){
header .menu ul li a.title{ font-size: 16px;}
body{ font-size: 14px;}
.index_about .about_r .desc{ font-size: 14px; }
.index_about .about_r .more{ font-size: 14px;}
.index_new .new_r ul li .content .title{ font-size: 18px;}
.new_list ul li a{ font-size: 16px;}
.new_list ul li .date{ font-size: 14px;}
footer .foot_l .list li img{ height: 100px; }
footer .foot_l .list li{ font-size: 12px;}
.contact_1 .box .list li img{ height: 100px; }
.contact_1 .box .list li{ font-size: 12px;}
.que_tit .desc{ font-size: 16px;}
.about_one ul li .xfk{ font-size: 16px;}
.new_list1 ul li a .content .date{ font-size: 12px;}
.new_list1 ul li a .content .title{ font-size: 18px;}
.show_right .show_list ul li .date{ font-size: 12px; }
.show_right .title{ font-size: 18px;}
}
@media (max-width:850px){
	.menubtn,
	.menu-mc {
		display: flex;
	}
	header .menu{ display: none;}
	header .container .logo img{ height: 30px; width: auto;}
	header .container{ height: 50px;}
	header .tpright .tool a{ width: 30px; height: 30px; font-size: 18px;}
	header .tool{ gap: 10px;}
	.show_right .show_list ul li a{ font-size: 16px;}
	.new_show .show_left .title{ font-size: 22px;}
}
@media (max-width:768px){
.part_1{ padding-top: 35px;}
.index_about{ flex-direction: column;}
.index_about .about_l{ width: 100%;}
.index_about .about_r{ width: 100%; padding: 25px 20px;}
.index_about .about_r .title{ font-size: 22px; margin-bottom: 15px;}
.index_about .about_r .more{ padding: 0px 15px;}
.index_about .about_r .desc{ margin-bottom: 20px;}
.part_2 .index_bt .tpleft .title{ font-size: 22px;}
.part_2 .index_bt .tpleft .eng{ font-size: 16px;}
.part_2 .index_bt{ position: static; margin-top: 30px; margin-bottom: 30px;}
.part_2 .index_bt .tpright{ font-size: 12px;}
.index_bussiness ul{grid-template-columns: repeat(2, 1fr); gap: 20px;}
.index_bussiness ul li{ padding-top: 0px !important;}
.index_bussiness ul li:before{ display: none;}
.index_bussiness ul li .title{ display: none;}
.index_bussiness ul li:hover{transform:translateY(0px);}
.index_bussiness ul li .box .xfk{ opacity: 1;}
.index_bussiness ul li .box .xfk .content .infor{ font-size: 12px; line-height: 1.3;}
.index_bussiness ul li .box .xfk .content .txt{ font-size: 16px; margin-bottom: 10px;}
.index_bussiness ul li .box .xfk .content{ padding: 20px 15px;}
.index_bussiness ul li .box .xfk .content .more{ padding:0px 15px; font-size: 12px; line-height: 1.8;}
.part_2{ margin-bottom: 50px;}
.main_bt .tpleft .title{ font-size: 22px;}
.index_new{ flex-direction: column; gap: 10px;}
.index_new .new_l{ width: 100%;}
.index_new .new_l ul li a .xfk{ line-height: 40px; padding-left: 15px;}
.index_new .new_l .n_btn span{ width: 10px; height: 10px;}
.index_new .new_l .n_btn{ bottom: 15px;}
.index_new .new_r{ padding: 0px 15px;}
.index_new .new_r ul li{ font-size: 12px; padding: 15px 0px;}
.index_new .new_r ul li .tpleft .date{ font-size: 18px;}
.index_new .new_r ul li .content{ padding-left: 15px;}
.index_new .new_r ul li .content .title{ font-size: 16px;}
.part_3{ padding: 40px 0px;}
.index_industry{ flex-direction: column; gap: 30px;}
.index_industry .indus_box{ flex:none; width: 100%;}
.new_list ul li a{ font-size: 14px;}
.new_list ul li .date{ font-size: 12px;}
.part_4{ padding: 40px 0px;}
footer .foot_l .tpleft .dblogo{ display: none;}
footer .foot_l .tpleft .desc{ margin-left: 0px; padding-left: 0px; border-left: 0px;}
footer .foot_l{ padding: 30px 0px; gap: 20px;}
footer .foot_l .list{ gap: 20px;}
footer .foot_l .tpleft .desc{ font-size: 12px; line-height: 2;}
footer .copyright{ font-size: 12px;}
.query_box{ padding: 50px 0px;}
.que_tit .title{ font-size: 25px;}
.que_tit .desc{ font-size: 14px;}
.que_tit{ margin-bottom: 20px;}
.query_box .que_textarea textarea{ height: 300px;}
.query_box .que_textarea{ margin-bottom: 16px;}
.query_box .que_more .btn{ width: 120px; height: 40px; font-size: 16px; border-radius: 5px;}
.history_1{ padding-top: 30px;}
.nybanner .container .txt{ font-size: 20px;}
.query_midd .que_tit1{ font-size: 18px; margin-bottom: 20px;}
.query_midd{ padding: 40px 0px;}
.que_table .list1 li:nth-child(1){ width: 60px;}
.que_table .list2 li:nth-child(1){ width: 60px;}
.que_list .order_box ul li:nth-child(1){ width: 60px;}
.que_list .order_box ul li:nth-child(1):after{ width: 5px; height: 5px;}
.about_tit .title{ font-size: 25px;}
.about_tit{ margin-bottom: 20px;}
.about_js{ width: 100%;}
.about_one ul li .xfk .tit{ font-size: 17px;}
.about_one ul li .xfk .tit:before{ height: 2px;}
.about_1,.about_2,.about_3{ padding: 40px 0px;}
.about_tit .eng{ font-size: 14px;}
.about_2 .c_btn .iconfont{ width: 40px; height: 40px; font-size: 20px;}
.about_2 .c_btn{ gap: 20px;}
.contact_1{ padding: 40px 0px; flex-direction: column; gap: 30px;}
.contact_1 .box{ width: 100%;}
.contact_1 .box .title .line{ width: 50px;}
.contact_1 .box .desc{ margin-left: 66px;}
.contact_1 .box .desc p{ margin-bottom: 10px;}
.contact_1 .box .title{ margin-bottom: 20px;}
.contact_1 .box .list{ gap:15px; margin-left: 60px;}
.contact_2{ margin-bottom: 40px;}
.new_list1 ul{    grid-template-columns: repeat(2, 1fr);
    gap: 25px;}
.new_list1 ul li a .content{ padding: 20px;}
.new_list1 ul li a .content .more{ padding: 0px 15px;}
.new_list1 ul li a .content .desc{ margin: 13px 0px;}
.new_cont{ padding: 38px 0px;}
.new_class ul li a{ font-size: 16px;}
.new_class ul{ gap: 30px;}
.new_class ul li a{ line-height: 55px;}
.new_class ul li.active a:before{ height: 2px;}
.new_show{ flex-direction: column;}
.new_show .show_left{ flex:none; width: 100%;}
.new_show .show_right{ width: 100%; margin: 0px; overflow: hidden; padding: 22px 15px;}
.show_right .show_list ul li{ padding: 15px;}
.show_right .show_list ul li:last-child{ margin-bottom: 0px;}
.new_show .show_left{ padding-top: 30px;}
.new_show .show_left .sourse{ gap: 20px;}
.new_show .show_left .sourse{ padding-bottom: 15px; margin-bottom: 15px;}
.que_tit2{ font-size: 25px;}
}

@media (max-width:450px){
	.new_list1 ul{grid-template-columns: repeat(1, 1fr);}
	.fany{ margin-top: 35px;}
}