@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:#231815;
	width: 100%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
}
a {
	color:#231815;
	text-decoration:none;
    cursor: pointer;
}

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 {
	max-width:1292px;
	margin:0px auto;
	height:auto;
	padding-left: 4%;
	padding-right:4%;
	width: 100%;
}

* {
	box-sizing: border-box;
}

.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }


.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;}
   
/* 首页 */

/*
  说明：原先用 position: sticky 做吸顶，但在 WordPress 里常见会因为祖先元素
  设置了 overflow / transform 等导致 sticky 失效（看起来“没有固定在顶部”）。
  为了保证所有页面都稳定吸顶，这里改为用包裹层 .header-container 固定定位。
*/

header{ position: relative; width: 100%; left: 0px; top: 0px; z-index: 1000; background-color: #fff; height: 65px; padding: 0px 4%;border-bottom: 1px solid rgba(0, 0, 0, .35);}
/* 主题里有 .header-container 包裹层。
   真实的 header 样式（含 border-bottom 那条线）已经在前端的 `header{...}` 里定义。
   如果这里再加一次 border-bottom，会出现“多一条横线”。因此这里仅保留包裹层的背景与层级，不再重复画线/高度/内边距。
*/
.header-container{ position: fixed; width: 100%; left: 0px; top: 0px; z-index: 9999; background-color: #fff; height: auto; padding: 0; border-bottom: 0; }

/* 预留吸顶占位，避免页面内容被固定头部遮挡 */
body{ padding-top: 65px; }

/* WP 后台登录条（admin bar）场景 */
body.admin-bar .header-container{ top: 32px; }
body.admin-bar{ padding-top: 97px; }

header .logo img{ height: 19px; width: auto;}
header .menu ul { gap: 18px;}
header .menu ul li a{ display: inline-block; position: relative; color: #161d22; line-height: 2; font-size: 14px;}
header .menu ul li a:before{
    content: ""; position: absolute; left: 0px; bottom: 0px;width: 0px;height: 1px;background-color: #161d22;
    opacity: 0;
    transition: all .5s ease;
}
header .menu ul li a:hover:before{ width: 100%; opacity: 1;}
.banner{ text-align: center;position: relative; overflow: hidden;}
.banner .img1{ width: 100%; height: auto;transition:all .5s;-webkit-transition:all .5s;}
.banner .img1:hover{transform:scale(1.05);-webkit-transform:scale(1.05);}

.w-text{ position:absolute; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom:30px; z-index: 4;}
.w-text img{ width:28px; height:auto;
	-webkit-animation: 1.2s infinite alternate scroll-icon;
    animation: 1.2s infinite alternate scroll-icon;}
.news_list{ padding: 122px 4%;text-align: center; max-width: 1840px; margin: 0px auto;}
.news_list ul{
display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap:125rem 25rem;
align-items: stretch;}
.news_list ul li a .photo{position:relative; display:block; padding-top:96%; width:100%; overflow:hidden; margin-bottom: 25rem;}
.news_list 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;}
.news_list ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
@keyframes scroll-icon{
	0% {
    transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(10px);
	}
}
@-webkit-keyframes scroll-icon{
	0% {
    transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(10px);
	}
}
.part_1{ padding-top: 85px;}
.index_bt{ text-align: center; width: 100%; margin: 0px auto 76px;}
.part_1 .index_bt{ width: 78%;}
.index_bt .eng{text-transform: uppercase;font-size: 32px; line-height: 1;}
.index_bt .desc{  margin: 0px auto; line-height: 2; margin-top: 59px;}
.index_bt .more{ margin-top: 62px;}
.index_bt .more a{ display: inline-block; position: relative; font-size: 14px; line-height: 1.7;}
.index_bt .more a:before{
    content: ""; position: absolute; left:50%; bottom: 0px;width: 50%;height: 2px;background-color: #231815;
    transition: all .5s ease;transform:translateX(-50%);-webkit-transform:translateX(-50%);
}
.index_video video{ width: 100%; height: auto;}

.index_bt .more a:hover{ opacity: .7;}
.part_2{ padding-top: 111px;}
.pro_list{ margin-bottom: 33px;}
.pro_list:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.pro_list ul li{  float: left; width: 18.4%; margin-right: 4%;text-align: center;}
.pro_list ul li:last-child{ margin-right: 0px;}
.pro_list ul li a {font-size: 16px;}
.pro_list ul li a .photo{position:relative; display:block; padding-top:101%; width:100%; overflow:hidden; margin-bottom: 34px;}
.pro_list 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;}
.pro_list ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.adv_one{ text-align: center;}
.adv_one img{ width: 100%; height: auto;}
.part_3{ padding-top: 80px;}

.part_3 .photo{ text-align: center;}
.part_4{ padding-top: 62px;}

.part_4 .photo{ text-align: center;}
.part_4 .photo img{ width: 100%; height: auto;}
.part_5{ padding-top: 67px; padding-bottom: 95px;}
.index_cer { max-width: 1550px; width: 94%; margin: 0px auto;}
.index_cer ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 123rem;
align-items: stretch; text-align: center;}
.index_cer ul li a .photo{position:relative; display:block; padding-top:118.5%; width:100%; overflow:hidden; margin-bottom: 25px;}
.index_cer 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;}
.index_cer ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_cer ul li a .tit{  line-height: 2; margin-bottom: 40px;}

.index_cer ul li a .more { display: inline-block; position: relative; font-size: 14px; line-height: 1.7;}
.index_cer ul li a .more span:before{
    content: ""; position: absolute; left:50%; bottom: 0px;width: 50%;height: 2px;background-color: #231815;
    transition: all .5s ease;transform:translateX(-50%);-webkit-transform:translateX(-50%);
}

.index_cer ul li a:hover .more span{ opacity: .7;}
footer{ background-color: #cdccc9; padding-top: 44px; padding-bottom: 55px; font-size: 12px;color: #474444;}
footer .foot_1{  align-items: flex-start; gap: 90rem; padding-bottom: 99rem; flex-wrap: wrap;}
footer .container{ max-width: 1670px;}
footer .foot_1 .weix{ padding-top: 20px;}
footer .foot_1 .weix ul{ gap: 16px;}
footer .foot_1 .weix ul li{ width: 77px;}
footer .foot_1 .weix ul li .txt{ margin-bottom: 5px;}
footer .dbmenu{ flex:1; overflow: hidden;}

footer .dbmenu ul{ align-items: stretch;}
footer .dbmenu ul li{ flex:1;}
footer .dbmenu ul li a{ display: block;  line-height: 2; color: #474444;}
footer .title{ color: #fff !important; font-size: 14px; margin-bottom: 4px;}
footer .dbmenu ul li .title .icon{ width: 12px;display: none;}
footer .dbmenu ul li .title .icon img{ display: block;}
footer .dbmenu ul li .title { display: flex; justify-content: space-between;align-items: center;}
.submenu a:hover{ text-decoration: underline;}
footer .dbmenu ul li .desc{ line-height: 2; color: #474444;}
footer .book{ width: 26.6%;}
footer .dbmenu ul li:last-child{ flex:none; width: 50%;}
footer .book .title{ margin-bottom: 22px;}
footer .book ul li{ margin-bottom: 5px;}
footer .book ul li .formbit{ height: 36px; line-height: normal; padding: 0px 10px; font-size: 12px;width: 100%; border: 0px; outline: none; font-size: 12px;}
footer .book ul li .formbit::-webkit-input-placeholder {
color:#b2b1af;
}
footer .book ul li .sumbit{ height: 36px; line-height: normal; padding: 0px 10px; font-size: 12px;width: 100%; border: 0px; outline: none; font-size: 14px;background-color: #b2b1af; color: #fff;text-align: center; cursor: pointer;}
footer .copyright{ color: #fff;flex-wrap: wrap;gap: 31rem 31rem;}
footer .copyright a{ color: #fff;}
footer .copyright a:hover{ text-decoration: underline;}
.part_2 .index_bt{ width: 97%;}



/*移动菜单*/
.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:#fff;
	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(0, 0, 0, .19);
	display: flex;
	align-items: center;
	justify-content: space-between;


}



.menu-mc .list ul li a {
	display: block;
	font-size: 16px;
	
}


/*1月13日新增*/
.about_one{ display: flex; align-items:stretch; position: relative;}
.about_one .photo{ width: 46.2%;}
.about_one .photo img{ width: 100%;}
.about_one .container{ position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);top: 0px;width: 100%; height: 100%; display: flex; justify-content: flex-end;}
.about_one .container .box{ width: 47%; justify-content: space-between; padding-top: 24px; padding-bottom: 47px;}
.about_one .container .box .desc{flex:1; margin-bottom: 30px; line-height: 2;}
.about_one .container .box .title{ font-size: 32px; margin-bottom: 95rem; line-height: 1;}
.about_one .container .box .date .lab{display: inline-block; position: relative; padding-bottom: 3px; margin-bottom: 6px; margin-left: 3px;font-size: 14px;}
.about_one .container .box .date .lab:before{
	content: ""; position: absolute; left: 0px; bottom: 0px;background-color: #231815; height: 2px;width: 100%;
}
.about_one .container .box .date .num{ line-height: 1;}
.about_one .container .box .date span{font-size: 69px; }
.part_5.no2{ padding-top: 148px;}
.about_date{ margin-bottom: 100px;font-size: 14px;}
.about_date ul li{ flex:1; text-align: center;}
.about_date ul li .lab span{display: inline-block; position: relative; padding-bottom: 3px; margin-bottom: 6px; margin-left: 3px;}
.about_date ul li .lab span:before{
	content: ""; position: absolute;  bottom: 0px;background-color: #231815; height: 2px;width: 50%;left: 50%;transform:translateX(-50%);
}
.about_date ul li .num{ line-height: 1;align-items: flex-end; margin-top: 5px;}
.about_date ul li .num span{font-size: 69px; }
.about_1 img { width: 100%; height: auto;}
.about_2{ padding-top: 115px; padding-bottom: 120px;}
.about_2 .container{ max-width: 1757px;}
.about_2 .history{ position: relative;}
.about_2 .history:before{ content: ""; width: 8px; height: 8px; border-radius: 50%;background-color: #231815; top: 30px;  position: absolute;left: 0px;}
.about_2 .history:after{ content: ""; width: 7px; height:8px;  top: 30px;  position: absolute;right: 0px;background-image: url(../images/right_arrow_03.png); background-repeat: no-repeat; background-position: center;background-size: cover;}
.about_2 .history .list{ position: relative; }
.about_2 .history .list:before{content: "";height: 1px;background-color: #231815; top: 33px;left:0px; position: absolute;
	width: 100%;
}
.about_2 .history .list ul li{ float: left; width: 16.6%;text-align: center; padding: 0px 10px;}
.about_2 .history .list:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.about_2 .history .list ul li .year{ font-size: 21px; height: 25px; line-height: 25px;}
.about_2 .history .list ul li .desc{ line-height: 1.8;}
.about_2 .history .list ul li .line{ position: relative;  width: 1px; height: 72px; background-color: #231815; margin: 5px auto 10px;}
.about_2 .history .list ul li .line:before{ content: ""; width: 8px; height: 8px; border-radius: 50%;background-color: #231815; left: 50%; top: 0px;transform:translateX(-50%); position: absolute;}
.about_2 .history .list ul li .line:after{ content: ""; width: 8px; height: 8px; border-radius: 50%;background-color: #231815; left: 50%; bottom: 0px;transform:translateX(-50%); position: absolute;}
.about_3{ margin-bottom: 90px;}
.about_4{ margin-bottom: 90px;}
.coope_list{ max-width: 1835px; width: 94%; margin: 0px auto;}
.coope_list ul{display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 56px 12px;
align-items: stretch;}
.coope_list ul li {text-align: center;transition: transform .3s ease;}
.coope_list ul li .photo{ height: 180rem; border: 1px #bbbbbb solid; display: flex; align-items: center;justify-content: center;  padding: 10px; overflow: hidden; margin-bottom: 25rem;}
.coope_list ul li:hover{
	transform:translateY(-4px);}
.index_bt.no1{width: 100%;}
.choice{ max-width: 1740px;width: 94%; margin: 0px auto 118px;}
.choice ul{display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 15px;
align-items: stretch;}
.choice ul li{ position: relative;}
.choice ul li .box{ width: 85%; left: 50%;top: 130rem;transform:translateX(-50%); color: #fff; position: absolute;}
.choice ul li .box .title{font-size: 24px; line-height: 1;}
.choice ul li .box .lab{ position: relative; margin-bottom: 14px; padding: 13px 0px;}
.choice ul li .box .lab:before{content: "";width: 80%; height: 2rem; left: 0px; bottom: 0px;background-color: #fff;position: absolute;}
.choice ul li .photo{position:relative; display:block; padding-top:125.5%; width:100%; overflow:hidden;}
.choice 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;}
.choice ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.choice ul li .desc{ line-height: 1.6;}
.coop_one{ position: relative; color: #fff;}
.coop_one img{ width: 100%; height: auto; min-height:800px;object-fit: cover;
 object-position: top center;}
.coop_one .container{ position: absolute; max-width: 1624px; left: 50%; top: 50%;transform: translate(-50%,-50%); width: 100%;}
.coop_one .cop_box .tpleft{ width: 225px; text-align: center; margin-left: 134rem; margin-right: 186rem;}
.coop_one .cop_box .tpleft .tit{ font-size: 32px; border-bottom: 2rem #fff solid; padding-bottom: 18px; margin-bottom: 20px;}
.coop_one .cop_box .list{ flex:1; overflow: hidden;}
.coop_one .cop_box .list ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 68rem 24rem;
align-items: stretch;
}
.coop_one .cop_box .list ul li{background-color:rgba(0,0,0,0.4); border-radius: 15px; padding: 39rem 30rem;}
.coop_one .cop_box .list ul li .title{ font-size: 24px; border-bottom: 2rem #fff solid; padding-bottom: 12px; margin-bottom: 9px;}
.coop_one .cop_box .list ul li .desc{ line-height: 1.7;}
.cop_two{ padding-top: 109px;}
.process{ max-width: 1508px; width: 94%; margin: 0px auto 98px;}
.process ul{ align-items: stretch;}
.process ul li{ flex:1; overflow: hidden;}
.process ul li:nth-child(2n){ display: flex; align-items: center; justify-content: center; flex:none; padding: 0rem 30rem;}
.process ul li:nth-child(2n) img{ width: 41rem; height: auto;}
.process ul li:nth-child(odd){ padding: 42rem 29rem; border: 1px #231815 solid; border-radius: 20px;}
.process ul li .tit{ font-size: 22px; margin-bottom: 24rem;}
.process_adv{ text-align: center;}
.cop_three{text-align: center; position: relative; margin-bottom: 30px;}
.cop_three .img1{ width: 100%; height: auto;object-fit: cover;
 object-position: center center; min-height: 800px;}
.cop_three .book_2{ position: absolute; right: 0px; top:0px; background-color: rgba(0, 0, 0, 0.4); width: 40.8%; height: 100%; display: flex; align-items: center; padding: 30px 20px;  }
.cop_three .book_2 .box{margin-left:13%; width: 56.8%;text-align: left; color: #fff;}
.cop_three .book_2 .box .title{ font-size: 31px; line-height: 1.2; margin-bottom: 58px;}
.cop_three .book_2 .box ul li{ margin-bottom: 24px;}
.cop_three .book_2 .box ul li .formbit{ height: 36px; line-height: normal; padding: 0px 10px; font-size: 12px;width: 100%; border: 0px; outline: none; font-size: 12px;}
.cop_three .book_2 .box ul li .formbit::-webkit-input-placeholder {
color:#b2b1af;
}
.cop_three .book_2 .box ul li .sumbit{ height: 36px; line-height: normal; padding: 0px 10px; font-size: 12px;width: 100%; border: 0px; outline: none; font-size: 14px;background-color: #b2b1af; color: #fff;text-align: center; cursor: pointer;}
.cop_three .book_2 .box ul li .txt{ margin-bottom: 10px;}
.cop_three .book_2 .box ul li .textarea1{ width: 100%; height: 90px; padding: 10px;font-family: "微软雅黑";}
.cop_three .book_2 .box ul li .textarea1::-webkit-input-placeholder {
color:#b2b1af;
}
.cop_three .book_2 .box ul li:last-child{ margin-bottom: 0px;}
.product_list{ margin-bottom: 30px;}
.product_list ul{ display: flex; align-items: stretch; flex-wrap: wrap;}
.product_list ul li{ width: 50%;}
.product_list ul li a{position:relative; display:block; padding-top:100%; width:100%; overflow:hidden; color: #fff;}
.product_list ul li a 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;}
.product_list ul li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.product_list ul li a .xfk{ position: absolute; z-index: 3; background-color: rgba(0, 0, 0, 0.4);text-align: center; left: 0px; top: 0px; width: 100%;height: 100%; }
.product_list ul li a .more{ display: inline-block; position: absolute; left: 50%; transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 5%; color: #fff; z-index: 4; padding-bottom: 2px;}
.product_list ul li a .more:before{    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 100%;
    height: 2rem;
    background-color: #fff;
    transition: all .5s ease;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);}
.product_list ul li a .box .title{ font-size: 32px; margin-bottom: 5px;}


.case_list{ margin-bottom: 30px;}
.case_list ul{ display: flex; align-items: stretch; flex-wrap: wrap;}
.case_list ul li{ width: 100%; margin-bottom: 8px;}
.case_list ul li a{position:relative; display:block; width:100%; overflow:hidden; color: #fff;}
.case_list ul li a img{ width:100%; height:100%; object-fit: cover; min-height: 400px;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.case_list ul li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.case_list ul li a .xfk{ position: absolute; z-index: 3; background-color: rgba(0, 0, 0, 0.4);text-align: center; left: 0px; top: 0px; width: 100%;height: 100%; }
.case_list ul li a .infor{ position: absolute; left: 50%; transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 7%; color: #fff; z-index: 4; max-width: 1292px;width: 94%;text-align: center; }
.case_list ul li a .infor .desc{ width: 100%; margin-bottom: 25rem;}
.case_list ul li a .infor .more{display: inline-block;padding-bottom: 2px; position: relative;}

.case_list ul li a .box .title{ font-size: 32px; margin-bottom: 5px;}
.newbanner { display: flex; align-items: stretch;background-color: #796a56; position: relative;}
.newbanner .img1{ width: 50%; height: auto;}
.newbanner .box{ color: #fff; padding: 30px 20px; width: 50%;text-align: center; overflow: hidden;flex-direction: column;}
.newbanner .box .tit{font-size: 33px;}
.show_box{ max-width: 975px; width: 94%; margin: 0px auto; padding-top: 79px; margin-bottom: 200rem;}
.show_box .title{text-align: center; font-weight: normal; font-size: 32px; margin-bottom: 60rem; line-height: 1.1;}
.show_box .show_1{ line-height: 1.9;}
.news_list.no2{ padding-bottom: 70px; padding-top: 0px;}
.news_list.no2 ul{  gap: 125rem 49rem;}
.news_list.no2 ul li a .tit{font-size: 23px; margin-bottom: 30rem;}
.news_list.no2 ul li a .photo{ margin-bottom: 35rem;}
.news_list.no2 ul li a .more { display: inline-block; position: relative; font-size: 14px; line-height: 1.7;}
.news_list.no2 ul li a .more span:before{
    content: ""; position: absolute; left:50%; bottom: 0px;width: 50%;height: 2px;background-color: #231815;
    transition: all .5s ease;transform:translateX(-50%);-webkit-transform:translateX(-50%);
}
.news_list.no2 ul li a:hover .more span{ opacity: .7;}
.show_3{ margin: 68px auto; max-width: 1788px; width: 94%;}


@media screen and (max-width: 1640px) {
	.choice ul li .box{ top:100rem;}
}
@media screen and (max-width: 1440px) {
footer .foot_1 .weix ul li{ width: 67px;}
.index_cer ul li a .tit{font-size: 14px;}
.about_2 .history .list ul li .desc{font-size: 14px;}
.cop_three .book_2 .box{ width: 70%;}
.cop_three .book_2 .box .title{ font-size: 28px; margin-bottom: 40px;}
.choice{ font-size: 14px;}
.choice ul li .box{ top:60rem;}
.cop_box{ font-size: 14px;}
.coop_one .cop_box .list ul li .title{ font-size: 20px;}
.choice ul li .box .title{ font-size: 20px;}
.choice ul li .photo{ min-height: 300px;}
.choice ul li .box{ top:40px;}
	}
@media screen and (max-width: 1200px) {
   body{ font-size: 14px;} 
   header .logo img{ height: 15px; width: auto;}
   footer .dbmenu{ flex:none; width: 100%;}
   .choice ul{grid-template-columns: repeat(3, 1fr);}
    .choice ul li .box{ top:30%;}
	.cop_three .book_2{ width: 50%;}
}
@media screen and (max-width: 1024px) {
   .cop_box{  flex-direction: column; width: 100%;}
   .coop_one .cop_box .list{ flex:none; width: 100%;}
   .coop_one .cop_box .tpleft{ margin-bottom: 25px;}
   .coop_one .cop_box .tpleft .tit{ font-size: 28px;padding-bottom: 12px;
    margin-bottom: 10px;}
	.process ul li .tit{ font-size: 18px;}
	.process ul li:nth-child(odd){ width: 200px; flex:none;}
	.process ul{ flex-wrap: wrap; justify-content: flex-start; gap: 15px 0px;}
	.coop_one .container{ width: 100%;}
	
}

@media (min-width:769px){
	footer .dbmenu ul li .submenu{
		display: flex !important;
		height: auto !important;
	}
}

@media screen and (max-width: 768px) {
	header .menu ul{ display: none;}
	.menubtn,
	.menu-mc {
		display: flex;
	}
	header{ height: 55px;}
	.banner .img1{  height: calc(100vh - 55px);object-fit: cover;
 object-position: top center;}
 .part_1 .index_bt{ width: 100%;}
 .part_1{ padding-top: 50px;}
 .index_bt .desc{ margin-top: 30px;}
 .index_bt .eng{ font-size: 28px;}
 .index_bt .more{ margin-top: 30px;}
 .index_bt{ margin-bottom: 40px;}
 .part_2{ padding-top: 50px;}
 .pro_list ul li a .photo{ margin-bottom: 14px;}
 .part_3{ padding-top: 50px;}
 .part_4{ padding-top: 50px;}
 .index_cer ul{
	grid-template-columns: repeat(1, 1fr);}
footer .foot_1{ flex-direction: column;}
footer .book{ width: 100%;}
footer .dbmenu ul{ flex-direction: column;}
footer .dbmenu ul li{ border-bottom: 1px #fff solid; padding: 20px 0px 16px;}
footer .dbmenu ul li:last-child{ border-bottom: 0px;}
footer .dbmenu ul li .submenu{ display: none;}
footer .dbmenu ul li .submenu .box2{ display: flex; align-items: center;flex-wrap: wrap; gap: 5px 15px;}
.part_5{ padding-top: 60px; padding-bottom: 60px;}
footer{ padding: 20px 0px;}
footer .dbmenu ul li:last-child{ width: 100%;}
footer .dbmenu ul li .title .icon{ display: block;}
.about_one{ flex-direction: column;gap: 20px;}
.about_one .photo{ width: 100%;}
.about_one .container{ position: static;   
    transform: translateX(-0%);
    -webkit-transform: translateX(-0%);}
.about_one .container .box{ width: 100%;}
.about_one .container .box .title{ font-size: 28px;}
.part_5.no2{ padding-top: 50px;}
.about_date ul li .num span{ font-size: 39px;}
.about_date ul li{ flex:none;}
.about_date{ margin-bottom: 50px;}
.about_2{ padding: 50px 0px;}
.about_3{ margin-bottom: 50px;}
.coope_list ul{grid-template-columns: repeat(2, 1fr);gap: 26px 12px;}
.coope_list ul li .photo{ height: 80px;}
.about_4{ margin-bottom: 50px;}
 .choice ul{grid-template-columns: repeat(2, 1fr);}
 .choice{ margin-bottom: 50px;}
.coop_one .cop_box .list ul li{ padding: 20px;}
.coop_one .cop_box .list ul {grid-template-columns: repeat(2, 1fr);}
.coop_one img{ display: none;}
.coop_one .container{ position: static; transform: translate(0%, 0%);}
.coop_one .cop_box .list ul li{ background-color: #eaeaea; color: #231815;}
.cop_box{color: #231815;}
.coop_one .cop_box .tpleft .tit{ border-bottom: 1px #231815 solid;}
.cop_two{ padding-top: 50px;}
.process ul li:nth-child(odd){ padding: 25px 15px;}
.process{ margin-bottom: 50px;}
.cop_three .book_2{ width: 100%;}
.cop_three .book_2 .box{ margin-left: 0px; width: 100%;}
.cop_three .book_2 .box .title{ font-size: 24px;}
.product_list ul li a .box .title{ font-size: 26px;}
.case_list ul li a .box .title{ font-size: 26px;}
.case_list ul li a .infor{ font-size: 12px;}
.case_list ul li a .infor .desc{ margin-bottom: 5px;}
.news_list ul{    grid-template-columns: repeat(2, 1fr);}
.news_list{ padding: 50px 4%;}
.news_list ul{ grid-template-columns: repeat(1, 1fr);}
.news_list ul li a .photo{ margin-bottom: 10px;}
.newbanner .box .tit{ font-size: 26px;}
.newbanner .img1{object-fit: cover;
 object-position: center center;}
 .show_box .title{ font-size: 28px; margin-bottom: 24px;}
 .show_box{ margin-bottom: 50px; padding-top: 50px;}
 .news_list.no2 ul li a .tit{ font-size: 18px;}
 .news_list.no2 ul li a .photo{ margin-bottom: 15px;}
 .newbanner{ flex-direction: column;flex-direction: column-reverse;}
 .newbanner .box{ width: 100%;}
 .newbanner .img1{ width: 100%;}
.show_3{ margin: 40px auto;}
	}


@media (max-width:450px){
 .choice ul{grid-template-columns: repeat(1, 1fr);}
 .process ul{ flex-direction: column;}
 .process ul li:nth-child(odd){ width: 100%;}
 .process ul li:nth-child(2n) img{transform: rotate(90deg); width: 20px;}
 .product_list ul li{ width: 100%;}
 .newbanner .box .tit{ font-size: 22px;}
}