@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "PingFang SC Regular";
    src: url('../font/PingFang Regular.ttf');
}
@font-face {
    font-family: "PingFang SC Medium";
    src: url('../font/pingfangscmedium.ttf');
}
html{font-size:1px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.05208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"PingFang SC Medium","微软雅黑", Arial;
	font-size:16px;
	line-height:1.5;
	color:#4E5969;
	width: 100%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
}
a {
	color:#4E5969;
	text-decoration:none;
}
a:hover {
	color:var(--linkColor);
}
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: 100%;
	padding: 0px 43rem;
	margin:0px auto;
	height:auto;

}

* {
	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;
  }
  :root{
	--linkColor:#E95A24;
   
   }


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

.banner{ position: relative;}
.banner ul li{text-align: center;}
.banner ul li img{ width: 100%; height: auto;}
.banner .line{ position: absolute; left: 0px; text-align: center;bottom:0rem;width: 100%;}
.banner .line img{ width: 100%; height: auto;}
.banner .sbtn{  left:0%; position: absolute;gap: 12rem;width: 100%;bottom: 6.6% !important; z-index: 10;}

.banner .sbtn span{width: 60rem; height: 4rem;background-color:rgba(255,255,255,0.3); border-radius: 0; opacity:1;cursor: pointer;transition: all .3s ease;-webkit-transition: all .3s ease;}
.banner .sbtn span.active{width: 180rem;background-color:rgba(255,255,255,1);}


.main_bt{ text-align: center; width: 65%; margin: 0px auto 40rem;}
.main_bt .title{ color: #1D2129; font-size: 36rem; font-weight: bold; line-height: 1;gap: 16rem; margin-bottom: 29rem;}
.main_bt .title .line img{ display: block; height: 19.5rem;}
.main_bt .title .org{ color: var(--linkColor);}
.main_bt .desc{ line-height: 1.7; font-size: 16rem;}
.part_1{ padding-top: 60rem; padding-bottom: 94rem; background-image: url(../images/bg4.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.process_1{ background-color:rgba(255,255,255,0.6);box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.1); padding: 48rem;
border-radius: 12px 12px 12px 12px;}
.process_1 ul li{ border-right: 1rem #dee1e5 solid;text-align: center; width: 14%; position: relative; height: 278rem;transition: all .3s ease;-webkit-transition: all .3s ease;}
.process_1 ul li:last-child{ border-right: 0px;}
.process_1 ul li.active{ width: 30%;}
.process_1 ul li .box .cont{ padding-top: 24rem; padding-bottom: 30rem; position: relative; margin-bottom: 34rem; position: relative;}
.process_1 ul li .box .cont:before{content: "";
	width: 80rem; height: 1px; background-color: #E5E6EB;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 0px; position: absolute;
}
.process_1 ul li .box .cont .date{color: var(--linkColor); font-size: 24rem; line-height: 1; font-weight: 600; }
.process_1 ul li .box .cont .date .big{ font-size: 60rem;}
.process_1 ul li .box .cont .lab{ font-size: 18rem; margin-top: 14rem;}
.process_1 ul li .box .icon {text-align: center;}
.process_1 ul li .box .icon img{width: 36rem; height: auto;display: block; margin: 0px auto;}
.process_1 ul li .box1{ position: absolute; left: 0px;width: 100%; height: 100%; z-index: 2;top: 0px; color: #fff; display: none;}
.process_1 ul li .box1 .img2{ position: absolute;left: 0px;width: 100%; height: 100%; z-index: 3;top: 0px;object-fit: cover;
 object-position: center center;}
 .process_1 ul li .box1 .content{ position: relative; z-index: 5;}
  .process_1 ul li .box1 .content .tag{ width: 80%; margin: 0px auto;display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12rem 5rem;
align-items: stretch; font-size: 16rem;}
.process_1 ul li.active .box1{ display: block;}
 .process_1 ul li .box1 .content .tag .item{ display: flex; align-items: center; gap: 5rem;}
  .process_1 ul li .box1 .content .tag .item img{ width: 16rem; height: auto;}
.process_1 ul li .box1 .content .date{color:#fff; font-size: 24rem; line-height: 1; font-weight: 600; position: relative; padding-top: 30rem; padding-bottom: 30rem; margin-bottom: 32rem; }
.process_1 ul li .box1 .content .date .big{ font-size: 60rem;}
.process_1 ul li .box1 .content .date:before{content: "";
	width: 80rem; height: 1px; background-color: #fff;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 0px; position: absolute; opacity: .6;
}
.part_2{padding-top: 97rem; padding-bottom: 97rem; background-image: url(../images/bg5.png);background-repeat: no-repeat;background-position: center;background-size: cover; color: #fff;}

.index_slogan ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16rem;
align-items: stretch;}
.index_slogan ul li{background: rgba(233,90,36,0.9); padding: 40rem 36rem;}
.index_slogan ul li .title { margin-bottom: 16rem;}
.index_slogan ul li .title .txt{ font-size: 24rem; font-weight: 700;}
.index_slogan ul li .title .icon img{ height: 39rem; width: auto;}
.index_slogan ul li .desc{ line-height: 1.6; font-size: 16rem;}
.part_3{ padding-top: 60rem; padding-bottom: 100rem;background-color: #f7f8fa;}

.index_bt { margin-bottom: 40rem;}
.index_bt .title{ position: relative; margin-bottom: 10rem;}
.index_bt .desc{ font-size: 18rem;text-align: center; margin-top: 15rem;}
.index_bt .title img{ height: 80rem;width: auto;}
.index_bt .title .txt{ display:inline-block;background-color: #f7f8fa; position: absolute; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 0px; color: #1D2129; font-size: 36rem; font-weight: bold; line-height: 1;}
.index_bt .title .txt .org{ color: var(--linkColor);}
.chico_box{ position: relative; align-items: flex-start;}
.chico_box .chico_left{ width: 50%; padding-top: 112rem; color: #1D2129; position: relative; z-index: 10; padding-left: 50rem;}
.chico_box .chico_left .land_box{display: none;}
.chico_box .chico_left .land_box:nth-child(1){display: block;}
.chico_box .chico_right{ width: 47%; background-image: url(../images/bg3.png);background-repeat: no-repeat;background-position: center;background-size: cover; padding: 61rem 30rem; position: relative;}
.chico_box .chico_right .turntable{width: 634rem; height: 634rem; overflow:initial; position: relative;}
.chico_box .chico_right .turntable .logo1{width: 281.5rem; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); z-index: 2;}
.chico_box .chico_right .turntable .pic{width: 100%; height: 100%; position: absolute;}
.chico_box .chico_right .turntable .fenbuan{ position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;}
.chico_box .chico_right .turntable .fenbuan .ane{width: 40rem;
height: 40rem;
background: #FFFFFF;
border-radius: 50%;position: absolute;
border: 3rem solid rgba(255,255,255,0.2);display: flex; align-items: center; justify-content: center;cursor: pointer;
    transition: all .5s;}
.chico_box .chico_right .turntable .fenbuan .ane span{opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 135%;
    height: 135%;
    border-radius: 50%;
    z-index: -1;display: block;
    background: rgba(255, 255, 255, 0.4);}
.chico_box .chico_right .turntable .fenbuan .ane:before{position: absolute;
    content: "";
    width: 16rem;
    height:16rem;
    background: url(../images/jiao.svg) no-repeat center center / cover;}
.chico_box .chico_right .turntable .fenbuan .e1{top: 2rem; right: 167rem;}
.chico_box .chico_right .turntable .fenbuan .e2{top: 176rem; right: 5rem;}
.chico_box .chico_right .turntable .fenbuan .e3{top: 420rem; right: 0rem;}
.chico_box .chico_right .turntable .fenbuan .e4{bottom: 3rem; right: 167rem;}
.chico_box .chico_right .turntable .fenbuan .e5{bottom: 5rem; left: 170rem;}
.chico_box .chico_right .turntable .fenbuan .e6{bottom: 170rem; left: 5rem;}
.chico_box .chico_right .turntable .fenbuan .e7{top: 169rem; left:10rem;}
.chico_box .chico_right .turntable .fenbuan .e8{top: 3rem; left: 172rem;}
.chico_box .chico_right .turntable .fenbuan .ane.cur:before{background: url(../images/jiaoa.png) no-repeat center center / cover;content: "";
    width: 19rem;
    height:19rem;position: absolute; }
.chico_box .chico_left .land_box .lab{ display: inline-flex; border: 1px #86909C solid; border-radius: 36rem; padding: 10rem 20rem 10rem 10rem; font-size: 36rem;gap: 8rem; line-height: 1; margin-bottom: 36rem;}
.chico_box .chico_left .land_box .lab .xh{width: 48rem;
height: 48rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24rem;
background: #1D2129;}
.chico_box .chico_left .land_box .title{ font-size: 32rem;}
.chico_box .chico_left .land_box .eng{ font-size: 13.5rem; color: #4E5969 ;}
.chico_box .chico_left .land_box .desc{ width: 65%; font-size: 16rem; line-height: 1.7;}
.chico_box .chico_left .land_box .line{ width: 80rem; height: 3rem;background-color: var(--linkColor); margin: 24rem 0px;}
.part_3{position: relative;}
.part_3:before{ content: "";width: 804rem; height: 395rem;background-image: url(../images/pic9.png);background-repeat: no-repeat;background-position: center;background-size: cover; left: 0px; bottom: 0px; position: absolute; }

.part_4{background-image: url(../images/bg21.png);background-repeat: no-repeat;background-position: center top;background-size: 100% calc(100% - 45rem); background-color: #fcfcfd;}
.code_one{ background-color: #fff; border: 1px #C9CDD4 solid; padding: 48rem; margin-top: -46rem; position: relative; z-index: 10; }
.code_one:before{content: "";width: 45.8rem; height: 45rem;background-image: url(../images/sjx_02.png);background-repeat: no-repeat;background-position: center;background-size: cover; left: 100%; top: 0px; position: absolute;}
.code_one:after{content: "";width: 45.8rem; height: 45rem;background-image: url(../images/sjx_04.png);background-repeat: no-repeat;background-position: center;background-size: cover; left: 100%; bottom: 0px; position: absolute;}
.index_bt.no1 .title .txt{ background-color: #fff;}
.pro_box{ display: flex; align-items: stretch; justify-content: space-between;gap: 8rem;}
.pro_box .pro_left{background-color: #fb6f0d; color: #fff;width: 276rem; position: relative;}
.pro_box .pro_left .title{background-color: var(--linkColor); padding: 32rem 24rem;}
.pro_box .pro_left .title .txt{ font-size: 24rem; font-weight: bold;}
.pro_box .pro_left .title .eng{text-transform: uppercase; font-size: 14rem;}
.pro_box .pro_left .list{ flex:1; justify-content: space-between; padding-bottom: 58rem;background:linear-gradient(to bottom,#df591e,#fc710c); padding-top: 17rem;}
.pro_box .pro_left .list ul{ margin-bottom: 95rem;}
.pro_box .pro_left .list ul li a{ display: flex; align-items: center; justify-content: space-between; padding:15rem 25rem ; line-height: 1;}
.pro_box .pro_left .list ul li a .tpleft{gap: 10rem;font-size: 18rem;}
.pro_box .pro_left .list ul li a .tpleft img{ width: 20rem;display: block;}
.pro_box .pro_left .list ul li a .tpleft{ color: #fff;}
.pro_box .pro_left .list ul li a .icon{width: 16rem; height: 16rem;background-image: url(../images/arrow2.png);background-repeat: no-repeat;background-position: center;background-size: cover; opacity: .4;}
.pro_box .pro_left .list ul li.cur a { font-weight: bold;}
.pro_box .pro_left .list ul li.cur a .icon{ opacity: 1;}
.pro_box .pro_left .list ul li.cur a{background: rgba(255,255,255,0.1);}
.pro_box .pro_left .list .tell{ font-size: 18rem; padding: 0rem 24rem;}
.pro_box .pro_left .list .tell .num{ font-size: 24rem; font-weight: bold;}
.pro_box .pro_left:before{ content: "";left: 50%; bottom:-20rem;width: 120%; position: absolute; background-image: url(../images/logo5.png);background-repeat: no-repeat;background-position: center;background-size: cover; height:176rem; opacity: .2; transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.pro_box .pro_right{ flex:1; overflow: hidden;}
.pro_box .pro_right .code_box .code_top{background-color:#f2f3f5;display: flex; align-items: stretch; margin-bottom: 8rem;}
.pro_box .pro_right .code_box .code_top .photo{width: 66.4%;}
.pro_box .pro_right .code_box .code_top .photo img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
 .pro_box .pro_right .code_box .code_top .content{ flex:1; overflow: hidden; padding: 36rem 41rem;}
  .pro_box .pro_right .code_box .code_top .content .tit{color: #1D2129; font-size: 28rem; line-height: 1.1;}
.pro_box .pro_right .code_box .code_top .content .line{ width: 55rem; height: 3rem;background-color: var(--linkColor); margin: 20rem 0rem;}
.pro_box .pro_right .code_box .code_top .content .desc{ font-size: 16rem; min-height: 218rem; margin-bottom: 40rem;}
.pro_box .pro_right .code_box .code_top .content .desc .black{color: #1D2129;}
.pro_box .pro_right .code_box .code_top .content .desc p{ margin-bottom: 12rem;}
.pro_box .pro_right .code_box .code_top .content .more{width: 130rem;
height: 40rem;
background: linear-gradient( 327deg, #FF703A 0%, #E84E14 100%);border-radius: 4rem;font-size: 16rem;gap: 5rem;color: #fff;}
.pro_box .pro_right .code_box .code_top .content .more img{ width: 9rem; height: auto;transition: all .3s ease;-webkit-transition: all .3s ease;}
.pro_box .pro_right .code_box .code_top .content .more:hover img{ margin-left: 10rem;}
.code_list:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.code_list ul{ display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 8rem;
align-items: stretch;text-align: center;}
.code_list ul li{background-color: #edeef0;}
.code_list ul li .txt{ font-size: 16rem;}
.code_list ul li a .photo{position:relative; display:block; padding-top:56%; width:100%; overflow:hidden;}
.code_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;}
.code_list ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.code_list ul li a .txt{ padding: 12rem 10rem;color: #1D2129;}

.part_5{background-image: url(../images/pic12.png);background-repeat: no-repeat;background-position: center;background-size:cover; padding: 56rem 0rem;}
.index_industry ul{
display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8rem;
align-items: stretch;
}
.index_industry ul li{ position: relative;transition: all .3s ease;-webkit-transition: all .3s ease;}
.index_industry ul li .box{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; color: #fff; padding: 28rem 28rem 32rem; justify-content: space-between; font-size: 14rem;transition: all .3s ease;-webkit-transition: all .3s ease;}
.index_industry ul li .box .desc{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.index_industry ul li .box .infor .tpleft{text-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.index_industry ul li .box .infor .tpleft .eng{text-transform: uppercase;}
.index_industry ul li .box .infor .tpleft .txt{font-size: 24rem;}
.index_industry ul li .photo{position:relative; display:block; padding-top:38.5%; width:100%; overflow:hidden;}
.index_industry 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;}
 .index_industry ul li .box .desc{ line-height: 1.7;display: none;}
.index_industry ul li .box:hover{background: linear-gradient( 136deg, rgba(233,90,36,0.9) 0%, rgba(253,114,10,0.9) 100%);}
.index_industry ul li .box:hover .desc{ display: block;}
.index_industry ul li .box .infor .more{width: 48rem; height: 40rem;background-image: url(../images/Button@2x.png);background-repeat: no-repeat;background-position: center;background-size:cover;display: none;transition: all .3s ease;-webkit-transition: all .3s ease;}
.index_industry ul li .box:hover .infor .more{ display: block;}

.part_6{ padding: 48rem 0px;background-image: url(../images/bg10.png);background-repeat: no-repeat;background-position: right;background-size:auto 100%;}
.Walk_box{background-color: #fff;
    border: 1px #C9CDD4 solid;
    padding: 48rem;}
.excellent_class { margin-bottom: 40rem;}
.excellent_class ul li{ margin: 0rem 34rem; cursor: pointer; font-size: 18rem; color: #1D2129; position: relative;text-align: center;}
.excellent_class ul li .icon { margin-bottom: 10rem;}
.excellent_class ul li .icon img{ height: 30rem; width: auto;}
.excellent_class ul li.cur:before{content: ""; position: absolute; left: 0px; bottom:-12rem;width: 100%;height: 2px;background-color: var(--linkColor);}
.exce_list ul{display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 8rem;
align-items: stretch;}
.exce_list ul li:nth-child(1){grid-column: 1 / span 3; grid-row: 1 /span 2; }
.exce_list ul li{ overflow: hidden; position: relative;}
.exce_list ul li a{ width: 100%; height: 100%;}
.exce_list ul li a .img1{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .exce_list ul li a .xfk{background: rgba(0,0,0,0.6);display: flex;align-items: center; padding-right: 14rem;gap: 14rem; position: absolute; left: 0px; width: 100%; bottom: 0px;}
.exce_list ul li a .xfk .icon{width: 60rem; height: 48rem;background-color: var(--linkColor); display: flex; align-items: center; justify-content: center;}
.exce_list ul li a .xfk .txt{ flex:1; overflow: hidden; color: #fff; font-size: 18rem;}
.exce_list ul li:nth-child(2){grid-column: 4 / span 3;}
.exce_list ul li a:hover .img1{transform:scale(1.05);-webkit-transform:scale(1.05);}
.part_7{ padding-top: 63rem; padding-bottom: 48rem;background-color: #F2F3F5;}
.part_7 .index_bt .title .txt{background-color: #F2F3F5;}
.process_2 ul{display: flex;
	
	gap: 34rem;
align-items: stretch;
}
.process_2 ul li{flex:1;background-color: #fff; border: 1px #E5E6EB solid; border-radius: 8rem;text-align: center; padding-top: 24rem;color: #1D2129; font-size: 18rem; position: relative;}
.process_2 ul li .icon{ width: 80rem; height: 80rem; display: flex; align-items: center; justify-content: center; margin: 0px auto;}
.process_2 ul li .txt{ margin: 5rem auto;}
.process_2 ul li .num{ font-size: 80rem; font-weight: bold;background-image: linear-gradient(to bottom, #E4E4E4, #fff); line-height: 1; font-style: italic;
-webkit-background-clip: text;
color: transparent;
}
.process_2 ul:last-child{ margin-top: 34rem;flex-direction: row-reverse; }
.process_2 ul li:before{
   content: "";width: 32rem; height: 20rem; position: absolute; right: -34rem;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-image: url(../images/righticon.png);background-repeat: no-repeat;background-position: center;background-size:cover;
}
.process_2 ul li:nth-child(6):before{ display: none;}
.process_2 ul:last-child li:before{ left: -34rem;transform: rotate(180deg);}

.process_2 ul:last-child li:nth-child(1):after{
   content: "";width: 32rem; height: 20rem; position: absolute; top: -30rem;left: 50%;background-image: url(../images/righticon.png);background-repeat: no-repeat;transform:translateX(-50%);-webkit-transform:translateX(-50%);background-position: center;background-size:cover; transform: rotate(90deg);
}

.part_8{ display: flex; align-items: flex-start;gap: 48rem; position: relative; padding: 48rem 0rem; margin-bottom: 48rem;}
.part_8 .tpleft{width: 43.5%;}
.part_8 .tpleft img{ width: 100%; min-height: 300px;object-fit: cover;
 object-position: center center;}
 .part_8 .tpright{ flex:1;overflow: hidden; padding-top: 24rem;}
 .part_8 .index_bt{text-align: left;}
.part_8 .index_bt .title{}
.part_8 .index_bt .title .txt{ left: 0px;transform: translateX(0%);
    -webkit-transform: translateX(0%);}
.part_8 .index_bt .desc{text-align: left;}
.index_news{ padding-left: 624rem;top: 230rem; position: absolute;width: 100%;}
.index_news .list{ padding-bottom: 27px; margin-bottom: 4rem;}
.index_news .list ul li{ float: left; width: 500rem; min-height:315rem; background-color: #fff; margin-right: 16rem;box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.1);border: 1px solid #E5E6EB; padding: 40rem 32rem; font-size: 14rem;transition: all .3s ease;-webkit-transition: all .3s ease;}
.index_news .list ul li .tit a{ font-size: 20rem; color: #1D2129; font-weight: bold;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.index_news .list ul li .desc{-webkit-line-clamp:3; margin-top: 12rem; margin-bottom: 60rem; line-height: 1.7;}
.index_news .list ul li .infor{ border-top: 1px #E5E6EB solid; padding: 16rem 0rem 0rem;}
.index_news .list ul li .infor .date {gap: 6rem;}
.index_news .list ul li .infor img{ width: 14rem;}

.index_news .list ul li .infor .more {gap: 6rem;}
.index_news .list:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.index_news .list ul li:hover{background: linear-gradient( 136deg, #E95A24 0%, #FD720A 100%);
border-radius: 32rem 0px 0px 0px; color: #fff;border: 1px var(--linkColor) solid;}
.index_news .list ul li:hover .tit a{ color: #fff;}
.index_news .list ul li:hover .infor img{filter: invert(100%) brightness(150%);}
.index_news .list ul li:hover .infor .date img{
filter: grayscale(100%) brightness(300%);}
.index_news .list ul li:hover .more{ color: #fff;}
.index_news .list ul li:hover .infor{border-top: 1px solid rgba(255,255,255,0.3);}
.index_news .tool { width: 100%;}
.index_news .tool .sbtn {gap: 4rem; margin-left: 261rem; z-index: 10;}
.index_news .tool .sbtn span{background: #E5E6EB;width: 32rem; height: 3rem; cursor: pointer;opacity: 1; border-radius: 0;}
.index_news .tool .sbtn span.active{ background-color: var(--linkColor);}
.index_news .tool .arrow_right{margin-right: 280rem;gap: 22rem;}
.index_news .tool .arrow_right .btn{border: 1px solid #C9CDD4;width: 60rem; height: 60rem; border-radius: 50%;cursor: pointer;}
.index_news .tool .arrow_right .btn img{width: 10rem; }
.index_news .tool .arrow_right .next img{transform: rotate(180deg);}
.index_news .tool .arrow_right .btn:hover{ background-color: var(--linkColor); border: 1px var(--linkColor) solid;}
.index_news .tool .arrow_right .btn:hover img{filter: grayscale(100%) brightness(300%);}



.tabcontent_1 .code_box,.tabcontent_2 .exce_list{
	display:none;
}
.tabcontent_1 .code_box.cur,.tabcontent_2 .exce_list.cur {
	display: block;
}


@media screen and (max-width: 1450px) {
	body{ font-size: 14px;}

	}
@media screen and (max-width: 768px) {
.menubtn,
	.menu-mc {
		display: flex;
	}

.hold{ height: 35px;}
.banner ul li img{ min-height: 150px;object-fit: cover;
 object-position: center center;}
 .part_1{ padding: 40px 0px;}
 .main_bt .title{font-size: 20px;gap: 10px; margin-bottom: 10px;}
 .main_bt .title .line img{ height: 10px;}
 .main_bt{ width: 100%;}
 .main_bt .desc{ font-size: 12px;}
 .main_bt{ margin-bottom: 20px;}
 .process_1 ul li.active .box1{ display: none;}
 .process_1 ul{ flex-wrap: wrap;}
 .process_1 ul li{ width: 33.3%; height: auto; padding-bottom: 20px; padding-top: 10px;}
 .process_1 ul li.active{ width: 33.3%;}
 .process_1 ul li .box .cont{ padding-top: 10px; padding-bottom: 10px;}
 .process_1 ul li .box .cont .lab{ font-size: 14px;}
 .process_1 ul li .box .cont .date{ font-size: 16px;}
 .process_1 ul li .box .cont .date .big{ font-size: 24px;}
 .process_1 ul li .box .icon img{ width: 20px;}
 .process_1 ul li{border-right: 0px; }
 .process_1 ul li .box .cont .lab{ margin-top: 6px;}
 .process_1 ul li:nth-child(1), .process_1 ul li:nth-child(2),.process_1 ul li:nth-child(3){border-bottom: 1rem #dee1e5 solid ;}
 .index_bt .title .txt{ font-size: 20px;white-space:nowrap}
 .index_bt .title img{ height: 30px;}
 .part_3{ padding-top: 40px;}
 .code_one{ padding: 40px 10px;}
 .index_bt .desc{ font-size: 12px; margin-top: 5px;}
 .index_bt{ margin-bottom: 20px;}
 .pro_box{ flex-direction: column;}
 .pro_box .pro_left{ width: 100%;}
 .pro_box .pro_left .title .txt{ font-size: 18px;}
 .pro_box .pro_left .title .eng{ font-size: 12px;}
 .pro_box .pro_left .list .tell{ display: none;}
 .pro_box .pro_left .list ul li a .tpleft{ font-size: 14px;}
 .pro_box .pro_left .list ul li a{ padding: 10px 10px;}
 .pro_box .pro_left .title{ padding: 15px 10px;}
 .pro_box .pro_left .list ul li a .tpleft img{width: 14px;}
 .pro_box .pro_left .list ul li a .tpleft{ gap: 8px;}
 .pro_box .pro_left .list ul li a .icon{ width: 12px; height: 12px;}
 .pro_box .pro_left:before{ display: none;}
 .pro_box{ gap: 10px;}
 .pro_box .pro_right .code_box .code_top{ flex-direction: column;}
 .pro_box .pro_right .code_box .code_top .photo{ width: 100%;}
 .pro_box .pro_right .code_box .code_top .content{ padding: 20px 10px;}
 .pro_box .pro_right .code_box .code_top .content .desc{ font-size: 12px; margin-bottom: 20px;}
 .pro_box .pro_right .code_box .code_top .content .tit{ font-size: 20px;}
 .pro_box .pro_right .code_box .code_top .content .line{ width: 30px; height: 2px; margin: 10px 0px;}
 .pro_box .pro_right .code_box .code_top .content .more{ font-size: 14px; width: 120px; height: 35px; border-radius: 2px;gap: 5px;}
 .pro_box .pro_right .code_box .code_top .content .more img{ width: 9px;}
 .code_list ul{ grid-template-columns: repeat(2, 1fr);
    gap: 10px;}
.code_list ul li a .txt{ font-size: 12px; padding: 7px;}
.pro_box .pro_right .code_box .code_top{ margin-bottom: 10px;}
.part_5{ padding: 40px 0px;}
.index_industry ul{    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
.index_industry ul li .box .infor .tpleft .txt{ font-size: 18px;}
.index_industry ul li .box .infor .tpleft .eng{ font-size: 12px;}
.index_industry ul li .box{ padding: 10px;}
.index_industry ul li .box .desc{ font-size: 12px; max-height: 40px;}
.index_industry ul li .box .infor .more{width: 20px; height: 20px;}
.part_6{ padding: 40px 0px;}
.Walk_box{padding: 40px 10px;}
.excellent_class ul li .icon img{ height: 20px;}
.excellent_class ul li{ font-size: 12px;}
.excellent_class { overflow-x: auto; padding-bottom: 5px;}
.excellent_class ul li .txt{white-space:nowrap}
.excellent_class ul { justify-content: flex-start;}
.excellent_class ul li{ margin: 0px 10px;}
.excellent_class ul li .icon{ margin-bottom: 5px;}
.exce_list ul{    grid-template-columns: repeat(2, 1fr);
    gap: 10px;}
.exce_list ul li:nth-child(1){grid-column: 1 / span 2;}
.exce_list ul li:nth-child(2){grid-column:unset;}
.exce_list ul li a .xfk .txt{ font-size: 12px;}
.exce_list ul li a .xfk .icon{ width: 40px; height: 35px;}
.part_7{ padding: 40px 0px;}
.process_2 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
align-items: stretch;}
.process_2 ul li:before{ display: none;}
.process_2 ul li:after{ display: none;}
.process_2 ul li .icon{ width: 35px; height: 35px;}
.process_2 ul li{ padding-top: 15px;}
.process_2 ul li .txt{ font-size: 12px; margin: 10px 0px;}
.process_2 ul li .num{ font-size: 30px;}
.part_8 .tpleft{ display: none;}
.index_news{ position: static; padding-left:0px; top: auto;}
.part_8 .tpright{flex:none; width: 100%;}
.part_8{ flex-direction: column; padding: 40px 0px;}
.part_8 .index_bt{text-align: center;}
.part_8 .index_bt .desc{text-align: center;}
.part_8 .index_bt .title{ justify-content: center;}
.part_8 .index_bt .title .txt{ left: 50%;    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);}
.banner .sbtn span{ height: 2px; opacity: 1; margin:0;border-radius: 0;}
.banner .sbtn{gap: 7px; z-index: 10;}
.index_news .tool .sbtn span{ height: 2px;width: 20px;}
.index_news .tool .sbtn{ gap: 5px;}
.index_news .tool .arrow_right .btn{width: 20px; height: 20px;}
.index_news .tool .arrow_right .btn img{ width: 5px;}
.index_news .tool .arrow_right{ gap: 7px;}
.index_news .list ul li{width: 60%; font-size: 12px; padding: 15px;}
.index_news .list ul li .tit a{ font-size: 16px;}
.index_news .list ul li .desc{margin-top: 10px; margin-bottom: 15px;}
.index_news .list ul li .infor{ padding-top: 10px;}
.index_news .list ul li .infor img{ width: 10px;}
.index_news .list ul li .infor .date{ gap: 7px;}
.index_news .list ul li .infor .more{ gap: 7px;}

.index_slogan ul{    grid-template-columns: repeat(1, 1fr);
    gap: 10px;}
.index_slogan ul li{ padding: 25px 20px;}
.index_slogan ul li .desc{ font-size: 12px;}
.index_slogan ul li .title .txt{ font-size: 18px;}
.index_slogan ul li .title .icon img{ height: 20px;}
.part_2{ padding: 25px 0px;}
.chico_box{ flex-direction: column;gap: 20px;}
.chico_box .chico_right{ width: 100%;}
.chico_box .chico_left{ width: 100%; padding-left: 0px;}
.chico_box .chico_left .land_box .title{ font-size: 18px;}
.chico_box .chico_left .land_box .desc{ font-size: 12px;width: 100%;}
.chico_box .chico_left .land_box .eng{ font-size: 10px;}
.chico_box .chico_left .land_box .lab{ font-size: 20px; padding: 5px; border-radius: 30px; padding-right: 12px;gap: 5px;}
.chico_box .chico_left .land_box .lab .xh{ width: 30px; height: 30px; font-size: 15px;}
.chico_box .chico_left .land_box .line{ height: 2px; width: 30px; margin: 15px 0px;}
.chico_box .chico_right .turntable{ zoom: 2;}

}