@font-face {
  font-family: "HarmonyOSHans-Medium";
  src: url("../fonts/HarmonyOSHans-Medium.woff2") format("woff2"),
    url("../fonts/HarmonyOSHans-Medium.woff") format("woff");
}
@font-face {
  font-family: "HarmonyOSHans-Regular";
  src: url("../fonts/HarmonyOSHans-Regular.woff2") format("woff2"),
    url("../fonts/HarmonyOSHans-Regular.woff") format("woff");
}
@font-face {
  font-family: "HarmonyOSHans-Light";
  src: url("../fonts/HarmonyOSHans-Light.woff2") format("woff2"),
    url("../fonts/HarmonyOSHans-Light.woff") format("woff");
}

/* 鍦ㄧ嚎閾炬帴鏈嶅姟浠呬緵骞冲彴浣撻獙鍜岃皟璇曚娇鐢紝骞冲彴涓嶆壙璇烘湇鍔＄殑绋冲畾鎬э紝浼佷笟瀹㈡埛闇€涓嬭浇瀛椾綋鍖呰嚜琛屽彂甯冧娇鐢ㄥ苟鍋氬ソ澶囦唤銆� */
@font-face {
  font-family: 'iconfonttwo';  /* Project id 2738956 */
  src: url('//at.alicdn.com/t/c/font_2738956_005n6iukryn5l.woff2?t=1723098872536') format('woff2'),
       url('//at.alicdn.com/t/c/font_2738956_005n6iukryn5l.woff?t=1723098872536') format('woff'),
       url('//at.alicdn.com/t/c/font_2738956_005n6iukryn5l.ttf?t=1723098872536') format('truetype');
}

.iconfonttwo{ font-family:iconfonttwo; }



*{ padding:0px; margin:0px; list-style-type: none; outline:none; font-style:normal; }

a {
    font-family: "HarmonyOSHans-Medium","Microsoft YaHei", Arial, Helvetica, sans-serif;
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
	
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;
}


a:hover {
    text-decoration: underline;
}
.win{ min-width:1200px; width:1300px; margin:0 auto; }


.donhua{ 
	-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in;
 }

body::-webkit-scrollbar,html::-webkit-scrollbar {
    width: 4px;
    background-color: #eee
}


body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb {
    border: solid 1px #ffd300;
    width: 3px;
    border-radius: 4px;
    background-color: #ffd300
}

body::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner {
    background-color: #eee
}

body::-webkit-scrollbar:horizontal,html::-webkit-scrollbar:horizontal {
    height: 9px
}

body::-webkit-selection,html::-webkit-selection {
    background: #ffd300;
    color: #fff
}

body::-moz-selection,html::-moz-selection {
    background: #ffd300;
    color: #fff
}

body::selection,html::selection {
    background: #ffd300;
    color: #fff
}


::selection {
    background: #ffd300; /* 粉红色的底色 */
    color: #000; /* 文字的颜色 */
}


html,body{ min-width:1300px; }
body{ color: #000;   font-family:"HarmonyOSHans-Medium","Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; }


/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'haian';  /* Project id 4627527 */
  src: url('//at.alicdn.com/t/c/font_4627527_oyzkumh53q.woff2?t=1726071322361') format('woff2'),
       url('//at.alicdn.com/t/c/font_4627527_oyzkumh53q.woff?t=1726071322361') format('woff'),
       url('//at.alicdn.com/t/c/font_4627527_oyzkumh53q.ttf?t=1726071322361') format('truetype');
}



.haianfont{ font-family:'haian' !important; }



header{
	background:#fff;
	position: fixed;
    top: 0;
    width: 100%;
    z-index:100;
    box-sizing: border-box;
    background: #fff;
	border-bottom:1px solid #f1f1f1;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

header .bg {
    z-index: -2;
	pointer-events: none;
	background-color: rgba(0,0,0,.5);
	width: 114%;
	height: 120vh;
	transition: opacity .3s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
header .bg.appDown {
    opacity: 1;
    pointer-events: auto;
}

.top{ overflow:hidden; border-bottom:1px solid #f1f1f1; padding: 20px 5%; background:#fff; }

.top .logo{ float:left; }
.top .logo a{ display: block; }
.top .logo img{ width:160px; height:auto; margin-right:20px;     display: block; }
.top .area{ float:left;
    background: #ffd300;
    color: #000;
    border-radius: 20px;
    padding: 6px 10px;
    font-size: 12px; margin-top: 5px; }
.top .area i:first-child{ margin-right:5px; }
.top .area i:last-child{ margin-left:5px; }
.top_nav{ float:right;  -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
.top_nav.top_nav_hide{ opacity:0; }
.top_nav ul { overflow:hidden; }
.top_nav ul li{ float:left; margin-left:20px; }

nav ul li:nth-child(3) {
    display: none;
}

.top_nav ul li:first-child{ margin-left:0px; }
.top_nav ul li a{ font-size:16px; }
.top_nav ul li i{    font-size: 20px;  vertical-align: text-top;  margin-right: 5px;}
.top_nav ul li i.language{    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    overflow: hidden; }
.top_nav ul li i.language img{ display:block; height:100%; }
nav{ background:#fff;  -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }

nav.nav_top{ 
	margin-top:-73px;
	margin-left:130px;
	border:none;
}

nav ul{ text-align: center; }
nav ul li{ display:inline-block; }
nav ul li a{ padding:20px 50px; display: block; font-size:18px; position:relative; z-index:2; }
nav ul li i{ display:none; }
nav ul li a::after { 
	background: #ffd300;
    display: block;
    content: '';
    position: absolute;
    width:100%;
    height: 100%;
    top: 0;
	left:0;
    z-index: -1; opacity:0; transform: skewX(-20deg); 
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in; }
nav ul li a:hover::after,nav ul li a.hover::after{ opacity:1; }




.banner{ overflow:hidden; margin-top:143px; height:calc(100% - 143px); position: relative;  }


.banner img{ display: block; width:100%; height:auto; }
.banner .txt{ position: absolute;
    top: 38%;
    width:100%;
    z-index: 6;
    color: #fff;
    text-align: center;
    font-size: 37px;
	}
.banner .txt h2{    display: block; font-size: 80px;  font-weight: 500;     margin-top:100px; opacity:0; transition: all 0.5s ease-in; }
.banner .txt h3{ font-size:60px; margin-top:100px; opacity:0; transition: all 0.7s ease-in; }

.banner .swiper-slide-active .txt h2,.banner .swiper-slide-active .txt h3{ margin-top:0; opacity:1; }


.banner video{ position:absolute; top:0px; left:0px; display: block;  width: 100%; margin-top:-60px; }

.banner .swiper-slide i{ position: absolute;
    z-index: 20;
    color: #fff;
    bottom: 5%;
    right: 5%;
    cursor: pointer;
    font-size: 25px;
    display:none;
}
.banner .swiper-slide i:before{
    
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    z-index: 10;
    left: 50%;
    margin: -30px;
    background: url(../images/playcircle.png) no-repeat top center;
    -webkit-animation: infinteRotate 10s infinite linear;
    -o-animation: infinteRotate 10s infinite linear;
    -moz-animation: infinteRotate 10s infinite linear;
    animation: infinteRotate 10s infinite linear;
    background-size: cover;
    
}
.banner .swiper-pagination{ bottom:30px !important;     width: 50%;  left: 25%; }

.banner .swiper-pagination-bullet{     margin: 0 !important; background:none; width:auto; font-size:40px;  height: auto;  color: #fff; }

.banner .swiper-slide i.videosoundopen{ display:block; }

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
     -webkit-animation: infinteRotate 10s infinite linear;
    -o-animation: infinteRotate 10s infinite linear;
    -moz-animation: infinteRotate 10s infinite linear;
    animation: infinteRotate 10s infinite linear;
}

@keyframes 'infinteRotate' {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes 'infinteRotate' {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}


.childlevel{ pointer-events: none; display:block; opacity:0; position: absolute; top: 100%; width: 100%; 
transition: opacity .5s ease-in-out;}

.childlevel.hover { pointer-events:auto; opacity:1;}

.childlevel .childlevel-sty{ box-sizing: border-box; padding:40px 0px; 
box-shadow: inset 0px 20px 20px 0px rgb(0 0 0 / 3%);  background: #fff;
    width: 100%; transition: opacity .5s ease-in-out; pointer-events: none; opacity:0;   margin: 0 auto; position:absolute; }
    
    
.childlevel .childlevel-sty.hover{ pointer-events:auto; opacity:1; }


.childlevel .childlevel-sty.classid-1{   }
.childlevel-sty h4{     
	    margin-bottom: 10px;
	    color: #858585;
	    display: flex;
	    align-items: center;
	    font-weight: 500;
}
.childlevel-sty h4::before{ content: '';
    display: inline-block;
    background: #ffd300;
    width: 4px;
    height: 15px;
    vertical-align: baseline;
    border-radius: 4px;
    margin-right: 5px; 
}
.childlevel-sty.classid-1 ul{display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 0;     
	margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
	margin-left:10px; margin-top:15px;
}

.childlevel-sty.classid-1 ul:last-child{ border:none; margin-bottom:0; }


.childlevel-sty h4:nth-child(3), .childlevel-sty ul:nth-child(4) {
    display: none;
}


.childlevel-sty .li-img{ display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap:30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 20px;
    margin-left: 10px;
    margin-top: 15px; }
.childlevel-sty .li-img a{ display:block; position:relative; overflow:hidden; }
.childlevel-sty .li-img a::after{ content:''; background:#000; opacity:0.3; display:block; width:100%; height:100%; top: 0;  position: absolute; left: 0; }
.childlevel-sty .li-img a:hover::after{ opacity:0.5; }
.childlevel-sty .li-img img{ width: 160%; display: block;  margin-left: -30%; }
.childlevel-sty .li-img span { position: absolute; z-index:5;
    top: 45%;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center; }

.ind-about{ background: url(../images/aboutbg.jpg) no-repeat bottom center #ffd300; padding-bottom: 630px;
    padding-top: 100px;
    color: #000; }

.title{}
.title h2{ font-size:60px;     margin: 20px 0; } 
.title span{ font-size:18px; }
.title a{ display: inline-block;
    background: #000;
    color: #ffd300;
    font-weight: 100;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 20px; }

.ind-about .title{ float: left; }
.ind-about .miao{ float: right;
    width: calc(100% - 400px);
    font-size: 18px;
    line-height: 38px;
    text-indent: 40px;
    letter-spacing: 1px;  font-family: "HarmonyOSHans-Regular";}
.ind-about .win{  }
.ind-about .win:after{ clear:both; content:''; display:block; }

.pro-ser{}
.pro-ser ul{ background: linear-gradient(0deg, #ffd300, #ffefa0);
    margin: 0 auto;
    border-radius: 50px;
    border: 1px solid #e7bf00;
    padding:10px 20px;
    display: flex;
    justify-content: center;
    width: 440px; }
 
.pro-ser ul li{ flex: 1;
    border-right: 1px solid #fff;
    padding-left: 54px; }
.pro-ser ul li:nth-child(2){ border-right:none; } 
.pro-ser ul li:last-child{ border-right:none; display:none; }	
	
.pro-ser ul li a{ display: block; }
.pro-ser ul li a em{ display: block; }
.pro-ser ul li a span{ font-size: 25px; }
.pro-ser ul li a span i{ background: #fff;
    border-radius: 50%;
    display: inline-block;
    color: #ffd300;
    font-size: 22px;
    padding: 2px 5px;
    padding-left: 0; transition:all 0.3s ease-in; 
}
.pro-ser ul li a:hover span i{ margin-left:10px; }
.products{ margin-top: 100px; }
.products-title{    text-align: center; color: #000;  margin-bottom: 50px; }
.products-title h2{     font-size: 60px;  margin: 20px 0;  margin-bottom: 0; }
.products-title .miao{ font-size: 18px; }

.products ul{ display: grid;  grid-template-columns: 1fr 1fr 1fr;  grid-gap: 80px; }
.products ul li{}
.products ul li a{ display: block;
    height: 100%;
    width: 100%;
    background: #f0f0f0;
    border-radius: 10px;
    padding: 50px 20px;
    box-sizing: border-box;
    padding-bottom:80px;
    position: relative; overflow: hidden; }
	
	
.products ul li img{ display: block; width:100%; height:auto; 
-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.5s ease-in;
-o-transition:all 0.5s ease-in;
transition:all 0.5s ease-in; }

.products ul li img.sml{ display: block;  mix-blend-mode: multiply;}
.products ul li img.big{opacity: 0;
    position: absolute;
    top: -80px;
    left: -10px;
    min-width: 180%;
    height: auto;
    mix-blend-mode: multiply; }

.products ul li span{display: block;
    position: absolute;
    bottom:30px;
    width: 80%;
    left: 10%;
    text-align: center;
    font-size: 22px;}
.products ul li span i{    display: block;}

.products ul li a:hover .big{ opacity:1; }
.products ul li a:hover .sml{ opacity:0; }
.products ul li a:hover span{ color: #ffd300; }




.more{ margin: 90px  auto;  width: 150px; }
.more a{ display: inline-block;
    background: #000;
    color: #ffd300;
    font-weight: 100;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 20px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    
}

.more a:hover{
    background: #ffd300;
    color: #000000;
}





.youshi{
	background: #ffd300;
	padding: 100px 0px;
}
.youshi-map{ text-align: center; position:relative; width:1000px; margin:0 auto; height:1103px; }
.youshi-map .img{ position:relative; height:100%; width:100%;  }
.youshi-map .img img{ width:1000px; display: block; margin:0 auto; position: absolute; transition: all 0.3s ease-in; }

.youshi-map .txt-a{ position: absolute; top: 325px; left: 85px; z-index: 50; cursor: pointer; transition: all 0.3s ease-in; }
.youshi-map .txt-a:hover{ transform: scale(1.5); }
.youshi-map .txt-a:hover .yuan::before,.youshi-map .txt-a:hover .yuan::after,.youshi-map .txt-a:hover .yuan i{ background:#ff0000; }

.youshi-map .txt-a:hover .js{ opacity:1; }

.youshi-map .txt-a .yuan{ width:15px;  height:15px;   }

.youshi-map .txt-a .yuan::before{ background: #fff;  border-radius: 50%; content: '';  display: block; width: 100%;  height: 100%; opacity: 0.9; }

.youshi-map .txt-a .yuan i{}

.youshi-map .txt-a .yuan::after, .youshi-map .txt-a .yuan i {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: -1;
    transform: scale(1.2);
    opacity: 0.3;
    animation: warn3 2.5s ease-out 0s infinite;
}

.youshi-map .txt-a .yuan::after{ animation: warn3 2s ease-out 0s infinite; }


.youshi-map .txt-a .js{ opacity: 0;
    position: absolute;
    display: block;
    background: #fff;
    border-radius: 28px;
    white-space: pre;
    padding: 10px 15px;
    margin-left: 40px;
    bottom: -13px;
    transition: all 0.3s ease-in;     pointer-events: none; }



.youshi-map .txt-a.txt-a-2{ top: 241px;  left: 17px; }
.youshi-map .txt-a.txt-a-2 .yuan::after{ animation: warn3 1.5s ease-out 0s infinite; }

.youshi-map .txt-a.txt-a-3{ top: 280px; left: 23px; }
.youshi-map .txt-a.txt-a-4{ top: 686px;  left: 239px; }
.youshi-map .txt-a.txt-a-5{     top: 790px; left: 115px; display:none; }

.youshi-map .txt-a.txt-a-6{ top: 401px;  left: 100px; }
.youshi-map .txt-a.txt-a-7{     top: 790px; left: 115px; }
.youshi-map .txt-a.txt-a-8{ top: 722px;  left: 395px; display:none;}
.youshi-map .txt-a.txt-a-9{ top: 750px;  left: 362px; display:none; }
.youshi-map .txt-a.txt-a-10{ top: 875px; left: 78px; }
.youshi-map .txt-a.txt-a-11{ top: 980px; left: 745px; }
.youshi-map .txt-a.txt-a-12{ top: 927px; left: 185px;}
.youshi-map .txt-a.txt-a-13{ top: 368px; left: 140px; display:none; }
.youshi-map .txt-a.txt-a-14{top: 545px;left: 335px;}
.youshi-map .txt-a.txt-a-15{ top: 510px;  left: 195px; }
.youshi-map .txt-a.txt-a-16{ top: 270px; left: 223px; }
.youshi-map .txt-a.txt-a-17{ top: 370px;  left: 35px; }
.youshi-map .txt-a.txt-a-18{ top: 120px;  left: 385px;}
.youshi-map .txt-a.txt-a-19{ top: 911px;  left: 123px; }



@keyframes warn3 {
		0% {
		  transform: scale(0.5);
		  opacity:0.4;
		}

		30% {
		  opacity:0.4;
		}

		100% {
		  transform: scale(3);
		  opacity: 0;
		}
}




.news{ padding: 100px 0px; }
.news .products-title h2{ margin-top:0px; }

.nav-li{ width:100%; text-align:center; }
.nav-li li{display: inline-block; margin:0px 10px;}
.nav-li li a{ border: 1px solid #f1f1f1;
    border-radius: 20px;
    padding: 10px 30px; display: inline-block; font-size: 18px; }
.nav-li li a.hover,.nav-li li a:hover{ background: #ffd300; border: 1px solid #ffd300; }

.news-li{ display: grid;  grid-template-columns: 1fr 1fr 1fr;  grid-gap:50px; margin-top:90px; }
.news-li li{}
.news-li li .pic{ border-radius:5px; overflow: hidden; }
.news-li li .pic img{     display: block; width: 100%; -webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in; }
.news-li li a:hover .pic img{ transform: scale(1.1); }
.news-li li span{ display: block;
    text-align: center;
    width: 100%;
    margin-top: 20px;
    font-size:22px; }

.news .more{ margin-bottom:0px; }

footer{ background:#000; padding:100px 0px; padding-bottom: 0px; }
footer .ser{ width: 500px; margin: 0 auto;}
footer .ser-input{width: 80%;
    margin: 0 auto;border: 1px solid #434343; border-radius: 29px; position: relative; overflow: hidden; 
	}
	
footer .ser-input:hover{ border:1px solid #fff; }
footer .ser-input:hover .submit{ opacity:0.8; }

footer .searchtwo{ border: none;     color: #fff; display: inline-block; height: 40px; line-height: 40px; width: 94%; margin-left: 3%;  text-align: center; font-size: 18px; background: none; text-indent: 20px; }
.submit { border: none;
    background: none;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    font-size: 20px;
    top: 8px;
    opacity: 0.5; cursor:pointer; }

.submit.hover{ left:100%; opacity:1; }

.tag { margin-top: 20px; color:#fff; }
.tag a{color: #4B4948;
    margin-left: 20px;
    display: inline-block;}
.tag a:hover{ color:#fff; }

.footer-nav{ overflow: hidden; margin-top:100px; }
.footer-nav ul {
    float: left;
    margin-right: 50px;
}

.footer-nav ul:nth-child(2){ display:none; }

.footer-nav ul:first-child li:last-child{
    display:none;
}

.footer-nav  ul li {
    line-height: 35px;
}

.footer-nav ul li:first-child {
    margin-bottom: 15px;
}


.footer-nav ul li a {
	    color: #a1a1a1;
		 font-family: "HarmonyOSHans-Light";
}
.footer-nav ul li a:hover{ color:#fff; }
.footer-nav ul li:first-child a {
       font-size: 18px;
       color: #ffd300;
       display: block;
       line-height: 25px;font-family: "HarmonyOSHans-Regular"; 
}

.tel{ float:right; color:#fff; text-align:right; }
.tel-top{ overflow: hidden; overflow: hidden;
    border-bottom: 1px solid #434343;
    padding-bottom: 20px;
    margin-bottom: 20px; }
.tel .tel-left{ float: left; font-family: "HarmonyOSHans-Regular"; padding-top:20px; }
.tel .tel-right{ float: right;
    margin-left:20px;
    width: 120px;
    border-right: 5px solid #ffd300; }
.tel .tel-right img{ display: block; width:100%; }
.tel-left span{ color: #a1a1a1; }
.tel-left h3{ font-weight: 500; }
.tel-left .dh{ font-size: 29px; }
.tel-left .tel_text:nth-child(1){ margin-bottom:10px; }

.footer-nav .medium{   }
.footer-nav .medium ul{ width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 35px;
    margin-top: 0;     margin-right: 0;}
.footer-nav .medium ul li{ flex:1;   line-height: normal;  text-align: center; margin-bottom:0px;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
	}
.footer-nav .medium ul li a{ color:#fff; font-size: 40px; line-height: normal; text-decoration: none; }
.footer-nav .medium ul li:first-child a{ color:#fff; }
.footer-nav .medium ul li a:hover{ color:#ffd300;   }
.footer-nav .medium ul li:hover{ margin-top:-5px; }
.beian{     text-align: center;
    border-top: 1px solid #434343;
    padding: 15px 0px;
    margin-top:100px;     color: #a1a1a1; font-family: "HarmonyOSHans-Light";}
.beian a{ color: #a1a1a1; }



.page-nav{ text-align:center; padding:14px 0px; border-bottom: 1px solid #f1f1f1; position: fixed; z-index: 99; top:142px; background: #fff;
    width: 100%; transition: all 0.2s ease-in; }
.page-nav.nav_top{ top: 75px; transition: all 0.2s ease-in; }
.page-nav.hover{  }
    
.page-nav a{ display: inline-block; color: #a1a1a1; font-family:"HarmonyOSHans-Regular"; padding:6px 40px;  font-size: 18px; border-radius: 35px;}
.page-nav a.hover,.page-nav a:hover{background: #ffd300; color: #000; }


.about-banner{     height: 840px; background:url(../images/aboutbg1.jpg) no-repeat center top; background-size:cover; color:#fff; margin-top:209px }

.about-banner-1{ padding-top: 100px; overflow: hidden; }
.about-banner-1 h2{ font-size:60px; float: left; }
.about-banner-1 .text{ float:left;   width: 292px;     margin-top: 16px; margin-left:10px; }
.about-banner-1 .text span{ display: block; line-height: 14px; font-family:"HarmonyOSHans-Light"; font-size:14px;     text-transform: capitalize; }
.about-banner-1 .text span:nth-child(2){ font-family:"HarmonyOSHans-Medium";   font-size: 16px;
    background: #fff;
    color: #4990d0;
    display: inline-block;
    padding: 6px 9px;
    margin-top: 5px; }

.about-banner-2{     font-size: 18px;
    line-height:1.5;  width: 840px;
    letter-spacing: 1px;
    font-family: "HarmonyOSHans-Light"; margin:40px 0px; }

.about-banner-3{ display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:40px;
    margin-top: 90px;     width: 840px; }
.about-banner-3 li{ text-align:center; border-right:1px solid #9fcff6; padding-right:40px; }
.about-banner-3 li:last-child{ border:none; }
.about-banner-3 li h4{     position: relative;
    font-size: 60px;
    display: inline-block; }
.about-banner-3 li h4:before{ position: absolute;
    content: '+';
    display: block;
    right: -20px;
    top: 0;
    color: #ffd300;
    font-size: 30px; }
.about-banner-3 li h6{ font-size: 18px;
    font-weight: 500; }
.about-banner-3 li span{ font-family: "HarmonyOSHans-Light";
    font-size: 13px;
    display: block;
    margin-top: 10px;}


.about-pro{ padding:100px 0; }
.about-pro .win::after{ content:''; display: block; clear: both; }
.about-pro .about-pro-left{ float: left; width: calc(100% - 530px); color: #000; width:100%; float:none; }
.about-pro-left h2{ font-size:60px; position: relative; }

.about-pro-left h2 i{  
   display: block;
       width: 100px;
       font-size: 70px;
       position: absolute;
       font-family: 'haian' !important;
       top: -42px;
       left: -35px;
       opacity: .1;}
	
.about-pro-left h2::after{ content: '';
    display: block;
    background: #ffd300;
    width: 100px;
    height: 8px;
    margin: 40px 0px;}
.about-pro-left h4{ font-size: 20px;  font-family:"HarmonyOSHans-Medium"; font-weight: 500;}
.about-pro-left .miao{     font-size: 18px;
    line-height: 38px;
    text-indent: 40px;
    letter-spacing: 1px;
    font-family: "HarmonyOSHans-Regular"; text-indent:40px; }

.about-pro .about-pro-right{ float: right; width:480px; width:100%; float:none; margin-top:50px; }
.about-pro .about-pro-right img{ display: block;  width:100%;}

.about-pic{ background: #ffd300; padding:50px 0px; }
.about-pic ul{     display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px;}
.about-pic  ul li{}
.about-pic ul li img{ display: block; width:100%; }   


.about-history{ overflow: hidden; padding:100px 0px; background:url(../images/hisbg.png) no-repeat top center ; background-size:cover; }
.about-history h2{ font-size: 60px; }
.about-history-swiper{ width:90%; margin:0 auto; margin-top:100px; margin-bottom:50px; position: relative; height:480px; }

.about-history-swiper .pic{     position: relative;  border: 4px solid #ffd300; }
.about-history-swiper .pic img{width: 100%;  display: block;}
.about-history-swiper .pic i{color: #ffd300;  position: absolute; font-size: 60px;  transform: rotate(180deg);  right: 0;  margin-right: -16px;  top: 30px;}
.about-history-swiper .pic em{  -webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;  color: #ffd300;  position: absolute;  font-size:90px; bottom: -10px; left: -40px;  font-weight: bold;}
 
.about-history-swiper .text{color: #000;}
.about-history-swiper .text h2{    font-size: 25px; margin: 23px 0px; font-family: "HarmonyOSHans-Regular"; font-weight: 500;}
.about-history-swiper .text .miao{font-size: 16px; line-height: 30px; font-family: "HarmonyOSHans-Regular"; color: #6c6c6c;}
.about-history-swiper .text .miao::after{ display: block;
    width: 15%;
    content: '';
    height: 5px;
    background: #ffd300;
    margin-top: 15px; }
.about-history-swiper .swiper-slide{ 
	-webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in; }
.about-history-swiper .swiper-slide.hover{ margin-top:50px; }

.about-history-swiper .swiper-slide .end{ 
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    margin-top: 120px;
    color: #ffd300;
}

 .about-history-swiper-nav{ position: relative; width:80%;  margin: 0 auto; overflow: hidden; }
.about-history-swiper-nav .swiper-slide{ cursor:pointer; border-bottom:2px solid #ffffff; text-align:center; }
.about-history-swiper-nav .swiper-slide span{margin-bottom: 10px;
    display: block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    color: #5e5e5e; }
    
.about-history-swiper-nav .swiper-slide.active span{     font-size: 30px;  color: #000; }

.about-history-swiper-nav .swiper-slide::after{   -webkit-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;  display: block; width:0%; position:absolute; bottom:-2px; content:''; height:2px; background: #ffd300; left: 0;
    top: auto;
    right: 0;
    bottom: -2px;
    margin: auto;  }



.about-history-swiper-nav .swiper-slide.active::after{ width:100%;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #ffd300; }







.global{ margin-bottom:100px; padding-top:100px; }
.global .win:nth-child(2){ margin-top:50px; width:100%; max-width:none; background:#f1f1f1; }
.global .global-title{ font-size:60px; color: #000; margin-top:0px; margin-bottom:50px; }
.global .miao{ line-height:1.6;     font-size: 18px; text-indent:40px; }


.global-nav{ display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px; text-align: center; max-width:1300px; margin:0 auto; padding:15px 0px; }
.global-nav li{ font-size:18px; cursor:pointer; opacity:0.6; }
.global-nav em{ border: 1px solid #d3d3d3;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    vertical-align: middle; position:relative; padding:2px; }
    
.global-nav li.hover{ opacity:1; }

.global-nav li.hover em{
	border:1px solid #ffd300;
}
.global-nav li.hover em::before{
	content:''; display: block; width:100%; height:100%; background: #ffd300;
}
.global-nav li i{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-size: 100%;
	margin-right: 5px; display: inline-block;
	
}
.group i{  background: url(../images/q0.png) no-repeat;}
.globel-com i{  background: url(../images/q2.png) no-repeat;}
.command i{  background: url(../images/q1.png) no-repeat;}
.operate i{  background: url(../images/q3.png) no-repeat;}


.global-map{ width:80%; margin:0 auto; position:relative; margin-top:50px; overflow: hidden; height:700px; margin-bottom: 50px;}
.global-map li{ width:100%; height:100%; position:absolute; opacity:0; 
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
 }
.global-map li.hover{ opacity:1; }
.global-map li img{ height:100%; width:auto; max-width: 100%; display: block; margin:0 auto; }





.page-banner-2{ margin-top:143px; overflow:hidden; position:relative; }
.page-banner-2.page-banner-0{ margin-top: 209px;  }
.page-banner-2 img{ width:100%; display: block; }
.page-banner-2 .win{     position: absolute;
    top: 0;
    width: 1300px;
    left: 50%;
    margin-left: -650px; display: flex;
  align-items: center;      height: 100%; }
.page-banner-2 h2{ font-size:60px; font-family: "HarmonyOSHans-Regular"; color: #fff; font-weight: 500; }
.page-banner-2 h3{ font-size: 25px; font-weight: 500; color: #fff; }
.page-banner-2 .miao{ color: #fff; margin-top: 20px; font-size: 20px; }

.cases{ padding-bottom:100px; }

.cases-nav{  border-bottom: 1px solid #f1f1f1; overflow: hidden; }

.cases-nav-scll { overflow: hidden;      position: relative; }
.cases-nav-scll .cases-nav{ overflow: unset;  }
.cases-nav-scll .swiper-scrollbar{ opacity:0; background: none;  border-bottom: 1px solid #f1f1f1; }
.cases-nav-scll:hover .swiper-scrollbar{ opacity:1;  }

.swiper-container-horizontal>.swiper-scrollbar{ bottom: 0; }

.cases-nav-scll .cases-nav li{ width:auto; }
.cases-nav li{ float:left; }
.cases-nav li a:hover,.cases-nav li span:hover{ color: #000;     text-decoration: none; }
.cases-nav li.hover a,.cases-nav li.hover span{color:#000000; }

.cases-nav li a,.cases-nav li span{ display: block;font-size: 18px; padding:20px 45px; color:#6c6c6c; font-family: "HarmonyOSHans-Medium"; position:relative; cursor:pointer; }
.cases-nav li a::after,.cases-nav li span::after{     content: '';
    display: block;
    width:0%;
    height: 1px;
    background: #000;
    margin: 0 auto;
    position: absolute;
    left:50%;
    bottom: 0; 
	 
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	  
	 }
.cases-nav li:hover a::after,
.cases-nav li.hover a::after,
.cases-nav li:hover span::after,
.cases-nav li.hover span::after
{
	width:60%;
	left:20%;
}
.cases-nav.cases-nav-pro li span{ padding: 0; }
.cases-nav.cases-nav-pro li span:after{ display:none; }

.cases-nav.cases-nav-pro li:nth-child(3){ display:none; }

.yanhu .yanhu_con{ display:none; padding: 50px 35px;  min-height: 50vh; }
.yanhu .yanhu_con.hover{ display:block; font-size: 18px;  line-height: 1.8; }


.postion{ text-align: right; padding:20px 0px; font-size: 12px;  color: #898989; }
.postion a{ color: #898989; }
.postion p::before{ content: '';
    display: inline-block;
    background: #ffd300;
    width: 3px;
    height: 14px;
    margin-right: 5px;
    vertical-align: bottom;
    border-radius: 3px; }



.cases-li-top{ overflow:hidden; border-bottom:1px solid #f1f1f1; padding-bottom:50px; margin-bottom:50px; }
.cases-li-top .pic{ float:left; width:40%; }
.cases-li-top .pic img{ display:block; height:auto; width:100%; }
.cases-li-top .txt{ float:right; width:55%; }
.cases-li-top .txt time{color:#ffd300; }
.cases-li-top .txt h2{ margin:20px 0px; font-weight:500; }
.cases-li-top .txt .miao{     height: 144px; }
.more.more-2{ margin:0; }
.more-2{ background: #ffd300;
    color: #000;
    display: block;
    width: 100px;
    text-align: center;
    padding: 7px 8px;
    border-radius: 5px;
    font-size: 14px; }


.cases-li ul{ display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px; row-gap: 30px; }
.cases-li ul li{}
.cases-li  ul li .img{     height: 290px;  overflow: hidden; }
.cases-li  ul li img{ display: block; width:100%;     height: 100%; }

.cases-li  ul li a:hover{ text-decoration: none; }
.cases-li  ul li h4{ padding:25px 0;
    padding-bottom: 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;  font-size: 1.5em;
    font-weight: 500; font-family: HarmonyOSHans-Regular; }
.cases-li  ul li span{ padding: 25px 0; padding-bottom: 25px; display: block; padding-top:5px; font-size: 14px; color: #979797; }
.cases-li ul li a:hover h4{    text-decoration: underline;}



.page {
    text-align: center;
    margin-top: 50px;
}
.page{ text-align: center;margin-top: 50px; margin-bottom:50px; }
.page b,.page a{     background: linear-gradient(to bottom, #ffffff, #f3f3f3); 
    height:40px;
    width:40px;
    display: inline-block;
    vertical-align: bottom;
    line-height:40px;
    margin: 0 7px;
    border: 1px solid #ededed;
    border-radius: 3px; }
 
.page b,.page a:hover{ background: #ffd300; color: #000;  font-weight: 500; border: 1px solid #ffd300; }




.contact{ padding:100px 0px; }
.contact .win{ width:1300px; overflow: hidden; }
.contact .list{ float:left; width:48%; margin-bottom:50px; color: #000; font-size: 20px; min-height:280px; }
.contact .list h3{ font-size:30px; font-weight: 500; margin-bottom:20px; }
.contact .list ul li{ line-height:55px; }
.contact .list ul li i{ font-style: inherit; color:#ffd300; font-size:20px; }


#dituContent{ height:60vh; border-radius:10px; }

.message{     border: 1px solid #cfcfcf; border-radius: 10px; padding:50px; margin-top:50px; text-align:center; color: #000; }
.message h2{ margin-bottom:50px; font-weight:500; font-size:40px; }
.message .message-li input{ display: block;
    text-align: center;
    margin: 0 auto;
    width: 70%;
    background: #f1f1f1;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 23px;  font-family: "HarmonyOSHans-Regular"; }

.message .message-li textarea{ width: 70%; background: #f1f1f1;
    border: none;  border-radius: 5px;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 23px; font-family: "HarmonyOSHans-Regular";  }

.message .message-li input.tjjm{ -webkit-transition: all 0.3s ease-in;
	 	-moz-transition: all 0.3s ease-in;
	 	-o-transition: all 0.3s ease-in;
	 	transition: all 0.3s ease-in; cursor:pointer; background: #ffd300; color: #000; border-radius: 8px; width: 200px;  font-size: 22px; }
.message .message-li input.tjjm:hover{ background:#e2bb00; }


.area{  margin-top:144px;}
.area .topbg{     
	background: linear-gradient(to top, white, #ebebeb);
	    width: 100%;
	    height: 31px;
}
.area .win{ width:1100px; text-align:center; padding:100px 0px; min-width:auto; }
.area h2{ font-size:60px; color: #000; font-weight:500; }

.area-1 { display: block;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    row-gap: 30px;
    margin-top: 50px; }
.area-1 li{display: inline-block;  width: 220px;  }
.area-1 li a{ display: block; padding: 15px 10px; background: #f1f1f1; border-radius: 36px; font-size:20px; color:#898989; }

.area-1 li a.hover, .area-1 li a:hover{     background: #ffd300;  color: #000; }
.area .line{ width:100%; background:#e9e9e9; height:1px; margin:100px 0px; }

.area-2{ display:grid;  grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; row-gap: 30px; margin-top: 50px;  }
.area-2 li{  }
.area-2 li a{ display: block; font-size:18px;text-align: left; }
.area-2 li img{ height:100%; margin-left:-7px; }
.area-2 li:first-child img{ margin-left:0px; }
.area-2 li i{  vertical-align: middle; display: inline-block; width:26px; height:26px; overflow:hidden; border-radius:50%; margin-right:5px; }
.area-2 li span{  }



.down{ margin:100px 0px; }
.down.down_job{ margin-top:290px; }
.down .win{     overflow: hidden;  width: 1300px; }
.down-left{    float: left;
    width: 30%; }
.down-left h2{
	font-weight: 500;
	color: #000;
	position: relative;
	font-size: 18px;
	border: 1px solid #cbcbcb;
	border-left: none;
	border-right: 0;
	border-bottom: 1px solid #f1f1f1;
	padding: 20px 0px;
}
.down-left h2::before{     content: '';
    display: inline-block;
    width: 4px;
    height: 20px;
    background: #ffd300;
    margin-right: 10px;
    border-radius: 2px;
	vertical-align: sub;
}
.down-left h2 i{     font-size: 16px;
    float: right;
    margin-top: 6px; font-weight:100;  }
.down-left-pro ul{ display:none; } 
.down-left-pro ul.hover{ display:block; }
.down-left ul{ margin-top:10px; }
.down-left ul li{ cursor:pointer; line-height:45px; }
.down-left ul li em{ 
	border: 1px solid #d3d3d3;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    padding: 2px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
	
.down-left ul li em::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #ffd300; opacity:0; -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.down-left ul li:hover em,.down-left ul li.hover em{ border: 1px solid #ffd300; }
.down-left ul li:hover em::before,.down-left ul li.hover em::before{ opacity:1; }



.down-right{ float:right; width:65%; }
.down-right ul{}
.down-right ul li{ border: 1px solid #f1f1f1;
    border-top-color: #cbcbcb;
    margin-bottom: 50px;
    overflow: hidden; } 
.down-right ul li:last-child{ margin-bottom:0px; }
.down-right ul li a{ display: block; overflow: hidden; padding:40px;}
.down-right ul li a .txt{ float: left; overflow: hidden;}
.down-right ul li a .txt svg{ display: block;
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 15px; }
.down-right ul li a .txt .txt-1{ float: right; }
.down-right ul li a .txt .txt-1 h3{     font-size: 22px; font-weight: 500; }
.down-right ul li a .txt .txt-1 time{     font-size: 12px; }
.down-right ul li a .btn{ float: right; background: #f1f1f1;  border-radius: 26px;  padding: 10px 28px;  margin-top: 8px; 
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.down-right ul li a .btn i{}

.down-right ul li a:hover .btn { background: #ffd300; }

.down.down_job .win{ position: relative;
    display: flex; overflow: unset; }

.job_con_left{     -webkit-flex-basis: 70%;
    -ms-flex-basis: 70%;
    flex-basis: 70%;
    max-width: 70%; }
.job_con_right{ -webkit-flex-basis: 24%;
    -ms-flex-basis: 24%;
    flex-basis: 24%;
    max-width: 24%;
    padding-left: 6%;
    position: relative; }
.job_con_right .btn {
    position: sticky;
    top: 200px !important;
    text-align: center;
    background: linear-gradient(to right, #ffd300, #f7cc00);
    color: #fff;
    border-radius: 30px;
    padding: 15px 0px;
    font-size: 20px;
    cursor: pointer;
}
.job_con_right .btn a{ color:#000; }

.job_con_left .tag {
    color:#ffd300;
    margin-top: 10px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
}

.job_con_left h2 {
    font-weight: 500;
}
.job_con_text {
    line-height: 200%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.hot_job{ margin-top:20px; }

.itms{ margin-top:100px; }
.itms .win{ text-align:center; }
.itms .win h2{ font-size:60px; margin-bottom:50px; }

 
.itms .win:nth-child(2){ background:#f1f1f1; width:100%; margin-top:100px; padding:100px 0px; padding-bottom: 350px; }
.itms .itms-2 h2{ margin-bottom:300px; }
.itms-1-2{ width:600px; height:600px; margin:0 auto; position: relative; }
.itms-1-2 .img{ position: relative; width:100%; height:100%; display: flex; align-items: center; z-index:5; }


.itms-1-2 .img::before{ width: 100%;
    height: 100%;
    content: '';
    display: block;
    background: #ffd300;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0px;     z-index: -1; }
	
.itms-1-2 .img::after,.itms-1-2 .img span{ width: 100%;
    height: 100%;
    content: '';
    display: block;
    background: #ffd300;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0px;    
	z-index: -1; transform: scale(1.2); opacity: 0.3; 
	animation: warn 2.5s ease-out 0s infinite;
	} 

.itms-1-2 .img span{ animation: warn 2.3s ease-out 0s infinite; }

@keyframes warn {
		0% {
		  transform: scale(0.5);
		  opacity:0.4;
		}

		30% {
		  opacity:0.4;
		}

		100% {
		  transform: scale(2);
		  opacity: 0;
		}
}
.itms-1-2 img{ margin-top: 30px; width: 120%; display: block; margin-left: -20%; }


.itms-1-2 .txt { position: absolute; width: 160%; height: 160%; margin-left:-30%; top:-30%;     z-index: 10; }

.itms-1-2 .txt:before{ box-sizing: border-box;  content:''; display: block; width:100%; height:100%; border:10px dashed #ffd300; border-radius:50%; top:0; left:0; opacity:0.5; animation: warn2 30s infinite linear; transform:rotate(0deg);}


@keyframes warn2 {
		0% {
		  transform:rotate(0deg);
		}
		100% {
		  transform:rotate(360deg);
		}
}


.itms-1-2 .txt li{ position:absolute; left:0; top:0; right:0; bottom:0; }
.itms-1-2 .txt li span{  display: block;
    background: #ffd300;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    padding: 20px;
    font-size: 70px;
    line-height: 90px;
    border-radius: 50%;
    margin-bottom: 5px;
	}
.itms-1-2 .txt li span i{}


.itms-1-2 .txt li h4{ font-weight:100; font-size:20px; }

.itms-1-2 .txt li:nth-child(1) {transform: translate3d(-320px, 60px, 0px); }
.itms-1-2 .txt li:nth-child(2) {transform: translate3d(0px, -70px, 0px);}
.itms-1-2 .txt li:nth-child(3) {transform: translate3d(320px, 60px, 0px);}
.itms-1-2 .txt li:nth-child(4) {transform: translate3d(470px, 350px, 0px);}
.itms-1-2 .txt li:nth-child(5) {transform: translate3d(425px, 630px, 0px);}
.itms-1-2 .txt li:nth-child(6) {transform: translate3d(210px, 840px, 0px);}
.itms-1-2 .txt li:nth-child(7) {transform: translate3d(-210px, 840px, 0px);}
.itms-1-2 .txt li:nth-child(8) {transform: translate3d(-425px, 630px, 0px);}
.itms-1-2 .txt li:nth-child(9) {transform: translate3d(-470px, 350px, 0px);}

 

.itms .win:nth-child(3){ padding:100px 0; }

.itms-3 .pic-list{ margin-top:100px; display:none; }
.itms-3 .pic-list h3{ font-size:35px; font-weight:500; }
.itms-3 .pic-list ul{ display:grid;  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 30px; row-gap: 30px; margin-top:50px; }
.itms-3 .pic-list ul li { border:5px solid #ffd300; }
.itms-3 .pic-list ul li img{ width:100%; display: block;  }
 




.job-right{ float: right;  width: 65%; }



 .hot_job li{ background: #fff;
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;     border: 1px solid #f1f1f1;
    border-top-color: #cbcbcb; }
 .hot_job li .text{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    overflow: hidden; margin-top:20px; line-height:200%; font-size: 14px; 
 
	}

 .hot_job li h2{ color: #000; }
 .hot_job li .more{ text-decoration: underline;
    margin: 20px 0;
    display: block;
    font-size: 12px; width: 100%;
    color: #979797;
    transition: all 0.3s ease-in; }
 .hot_job li a{ display: block; }
 .hot_job li a:hover{ text-decoration:none; }
 .hot_job li a:hover .more{ color: #ffd300; }

 .hot_job .tag{ color:#ffd300; }



.products-page{ overflow: hidden; padding-bottom:100px; }
.products-page .cases-nav{ margin-bottom:10px; text-align:center; }
.products-page .cases-nav li{ display:inline-block; float:none; }
.products-page .postion{ margin-bottom:10px; }

.products-page .win{ width:90%; }

.products-page .down-left{ width:300px; }
.products-right{ float: right;  width:calc(100% - 350px); }

.products-right ul{ display:grid;  grid-template-columns: 1fr 1fr 1fr; grid-gap:50px; row-gap:50px; }
.products-right ul li{  }

.products-right ul li a{ display: block; position: relative; mix-blend-mode: multiply; }
.products-right ul li a img{      mix-blend-mode: multiply;   display: block;  width:90%;  margin: 0 auto;  -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;}
.products-right ul li .pic {background: #f1f1f1; border-radius:10px; overflow:hidden; }
.products-right ul li .pic a{ padding: 50px 0; z-index:5; }

.products-right ul li .pic a:before{ content: '';
    display: block;
    background: url(../images/yz.png) no-repeat;
    background-size: 100%;
    height: 80px;
    width: 100%;
    position: absolute;
    bottom:17px;
    left: 0;
    z-index: -1;}

.products-right ul li .pic .big{  opacity: 0;
    position: absolute;
    top: -30%;
    right:-60%;
    height: 160%;
    width: auto;}
.products-right ul li .pic a:hover .sml{ opacity:0; }
.products-right ul li .pic a:hover .big{ opacity:1; }
.products-right ul li .txt{ margin-top:20px; }
.products-right ul li .txt h2{     font-size: 30px; margin-bottom: 10px; }
.products-right ul li .txt span{     font-size: 18px; }



.products-show{ background: #f1f1f1; margin-top:143px; background: linear-gradient(0deg, #ababab, #ffffff); padding-top:50px; }
.products-show .win{ position:relative; }
.products-show .title{ position: absolute;
    text-align: center;
    top: 36%;
    width:300px; }
.products-show .title h1{ font-size: 18px; font-weight: 500; }
.products-show .title h2{ font-size: 40px; margin: 0; margin-bottom: 10px; }

.products-show .txt{ position: absolute;
    top: 40%;
    right: 0;
    z-index: 90;
    width: 500px;
    text-align: center; }
.products-show .txt ul{ display:block;  }
.products-show .txt ul li {
    margin: 0px 15px;
    display: inline-block;  vertical-align: middle;
}
.products-show .txt ul li:last-child{ display:none; }
.products-show .txt ul li a{ display: block;
    background: #ffd300;
    padding: 10px;
    border-radius: 50%;
    font-size: 25px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 14px; position: relative; }
.products-show .txt ul li a span{ display:none; font-size: 12px; }
.products-show .txt ul li a i{ display: block;
    top: 18px;
    left: 12px;
    position: absolute; }

.products-show .txt ul li a:hover span{ display:block;  }
.products-show .txt ul li a:hover i{ display:none; }

.products-show .big { position: relative; width:600px; height:50vh; margin:0 auto; mix-blend-mode: multiply; }
.products-show .big li{ position: relative;  position:absolute; width:100%; height:100%; opacity:0; 
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; 
mix-blend-mode: multiply; }
.products-show .big li img{  height:100%; mix-blend-mode: multiply; margin:0 auto; display: block; }

.products-show .big li.hover{ opacity:1; mix-blend-mode: multiply; }


.products-show .big li:before{ content: '';
    display: block;
    background: url(../images/yz.png) no-repeat;
    background-size: 100%;
    height:120px;
    width: 100%;
    position: absolute;
    bottom:-40px;
    left: 0;
    z-index: -1;}
	
	

.products-show .sml{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 340px;
    margin: 0 auto; }
	
.products-show .sml li{ cursor:pointer; width:32%;
    box-sizing: border-box;
    text-align: center;
    padding: 40px 20px;
    font-size: 14px;
    font-weight: 500; margin-right:1%; opacity:0.5; mix-blend-mode: multiply;  -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;  }
.products-show .sml li.hover{ 
	opacity: 1;
}
.products-show .sml li:last-child{ margin-right:0; }
.products-show .sml li img{ display: block; width:100%;     mix-blend-mode: multiply; }

.products-show-con .cases-nav{ text-align:center; background:#fff; }
.products-show-con .cases-nav li{ display:inline-block; float:none; }
.products-show-con .cases-nav li:last-child{ display:none; }
.products-show-con .txt{ width:calc(100% - 390px);
    margin: 0 auto; 
    line-height: 2; float:left; }

.products-show-con .txt ul{  }
.products-show-con .txt img{ max-width:100%; height:auto !important;   }
.products-show-con .txt .down-right{ float:none; width: 100%; }
.products-show-con .txt .down-right .txt{ width: auto;  padding: 0; }
.products-show-con .txt .down-right ul li a .txt .txt-1 {
    float: right;
    line-height: normal;
}
.products-show-con .txt .down-right ul li a .txt .txt-1 h3{ font-weight:bold; }

.products-show-con .txt .canshu{ margin-top:50px; }
.products-show-con .txt .title::after{ content: '';
    display: block;
    height: 5px;
    width: 100%;
    background: #ffd300;
    margin-top: 6px;
    border-radius: 4px; }
.products-show-con .txt .title{     width: max-content; margin-bottom: 30px; }
.products-show-con .txt .title.down{ display:none; }
.products-show-con .txt .down-right{ display:none; }
.products-show-con .txt table{ width: 100% !important;
    border: 0;
    box-sizing: border-box;
    border-spacing: 0;
    border-collapse: collapse; }
.products-show-con .txt table td{ font-size:13px !important;  
    line-height: 1.5;
    border: 1px solid #5e5e5e;
    padding: 10px; }
.products-show-con .txt table td *{ font-size:13px !important;  }


.products-show-two{ overflow: hidden; width:80%;  margin: 0 auto; min-width:1300px; margin-top:50px; margin-bottom: 50px; }

.products-show-two .hot{ float: right;  width:350px; }

.hot ul li{ margin-bottom:30px; }
.hot ul li a{ display: block; position: relative; mix-blend-mode: multiply; }
.hot ul li a img{      mix-blend-mode: multiply;   display: block;  width:70%;  margin: 0 auto;  -webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;}
	
.hot ul li .pic {background: #f1f1f1; border-radius:10px; overflow:hidden; }
.hot ul li .pic a{ padding:20px 0; z-index:5; }

.hot ul li .pic a:before{ content: '';
    display: block;
    background: url(../images/yz.png) no-repeat;
    background-size: 100%;
    height: 60px;
    width: 70%;
    position: absolute;
    bottom: -17px;
    left: 15%;
    z-index: -1;}

.hot ul li .pic .big{  opacity: 0;
    position: absolute;
    top: -30%;
    right: -40%;
    height: 160%;
    width: auto;}
.hot ul li .pic a:hover .sml{ opacity:0; }
.hot ul li .pic a:hover .big{ opacity:1; }
.hot ul li .txt{ margin-top:15px; width: 100%;  float: none; line-height: normal; }
.hot ul li .txt h2{ font-size:20px; margin-bottom:0px; }
.hot ul li .txt h2::after{ display:none; }
.hot ul li .txt span{     font-size: 18px; }

.hot h2{ width: max-content;  margin-bottom: 30px; line-height: 2; }

.hot h2::after {
    content: '';
    display: block;
    height: 5px;
    width: 100%;
    background: #ffd300;
    margin-top: 6px;
    border-radius: 4px;
}



.bg-bai{ }
.bg-bai.bg-bai-two{ margin-top: 220px; }
.news_art{ max-width:1200px; }
.news_art h1{ text-align: center;   font-weight: 500; padding: 50px 0; font-family: HarmonyOSHans-Regular; }
.biaoqian{ border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
    overflow: hidden;     color: #898989; }
.biaoqian time{ float: left; font-family: "HarmonyOSHans-Light";}
.biaoqian .zuoze{ float:right;  font-family: "HarmonyOSHans-Light";}
.biaoqian .zuoze a{  font-family: "HarmonyOSHans-Light"; }
.news_art .content{     margin-top: 50px; 
    color: #000;
    line-height: 200%; font-size: 20px;}
    
.news_art .content img.center{ display:block; margin:0 auto; }

.news_art .content img{ display:inline-block; max-width:100%; height:auto !important; }
.gotopage{ text-align: center; padding:50px 0px; }
.gotopage a{ display: inline-block;
    padding: 20px 80px;
    border: 1px solid #000;
    color: #000;
    font-size: 20px;
    border-radius: 40px;
    margin: 0 60px;
    opacity: 0.4; transition: all 0.3s ease-in; font-family: HarmonyOSHans-Regular; }

.gotopage a:hover{ opacity:1; }





.newstwo{ margin-top:50px; }
.newstwo ul{ display: grid; grid-template-columns:1fr 1fr 1fr; grid-gap:30px; row-gap:30px; }
.newstwo ul li{ background: #fff;   overflow: hidden;}
.newstwo ul li a{ display: block; padding:30px; border-radius: 10px; border: 1px solid #f1f1f1; transition: all 0.3s ease-in; height:100%; text-decoration: none; box-sizing: border-box; }
.newstwo ul li a:hover{
    background:#ffd300; border: 1px solid #ffd300;
}
.newstwo ul li a span,.newstwo ul li .videolist span{ color: #999; display: block; margin-bottom:20px; font-weight:100; transition: all 0.3s ease-in; font-size: 14px;
    font-family: "HarmonyOSHans-Light"; }

.newstwo ul li a:hover span{ color: #000; }

.newstwo ul li a h4,.newstwo ul li .videolist h4{   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    margin-bottom: 20px;
    font-weight: 500;
    color: #000;
    font-size: 20px;
    transition: all 0.3s ease-in; font-family: HarmonyOSHans-Regular;}
.newstwo ul li a img{ width:100%; display:block; border-radius: 10px; margin-bottom: 20px; }
.newstwo ul li a .text,.newstwo ul li .videolist .text{text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    overflow: hidden;
    margin-top: 20px;
    line-height: 150%;
    font-size: 14px; height: 84px; transition: all 0.3s ease-in; font-family: "HarmonyOSHans-Light";}

.newstwo ul li a i,.newstwo ul li .videolist i{ text-decoration: underline;
    margin-top: 20px;
    display: block;
    font-size: 12px;
    color: #979797; display:none;
    transition: all 0.3s ease-in;     font-style: inherit; } 

.newstwo ul li a:hover h4{   }
.newstwo ul li a:hover span,.newstwo ul li a:hover .text{  }



.tkph{ padding:100px 0px; }
.tkph .win{ min-width: 1100px; width: 1100px; }
.tkph .title{ text-align:center; }
.tkph .title h2{ font-size:30px; margin-top:0px; }

.jisuan{ text-align:center; border-top:1px solid #f1f1f1; padding-top:50px; margin-top:50px; }
.jisuan input{ border: none;
    background: #f1f1f1;
    padding: 10px;
    border-radius: 40px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 650px;
    text-align: center;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.jisuan .btn_submit{ width: 180px;
    line-height: 30px;
    cursor: pointer;
    margin-top: 30px;
    background: #ffd300;
    border: 1px solid #ffd300;
    padding: 15px;
    height: auto;
    font-size: 20px; 
} 
.jisuan .btn_reset{width: 180px;
    line-height: 30px;
    margin-left: 20px;
    cursor: pointer;
    margin-top: 30px;
    padding: 15px;
    height: auto;
    font-size: 20px; }

.jisuan .btn_submit:hover,.jisuan .btn_reset:hover{ background: #ffd300; color: #000; }

.nr_banner{ margin-top: 190px; }
 

.investor{ margin:100px 0px; }
.win.investor01{ width:80%; }
.win.investor02{ width:80%; display: flex;
    align-items: baseline;
    justify-content: space-between;
    position: relative; }
.investor01 .title{ font-size: 60px;  margin-bottom: 50px; text-align:center; }
.investor01 .title::after
 {
    content: '';
    width: 100px;
    height: 4px;
    background: #f5be2c;
    display: block;
    margin: 0 auto;
    margin-top:20px;
}
.investor02 .item {
    width: 44.8%;
}

.investor01 .con { text-align: center; max-width: 1300px;  margin: 0 auto; }


.investor01 .content{ margin-top: 55px;
    padding: 40px 50px;
    padding-right: 4%;
    color: #000000;
    background: #ffd300 url(../images/investor01bg.png) no-repeat;
    background-position: 4% bottom;
    background-size: contain;
    overflow: hidden;
    border-radius: 15px; }
.investor01 .content .box{ overflow:hidden; display: flex;
    align-items: center; }
.investor01 .content .box .left{ float:left; width: 36.5%; }

.investor01 .content .box .left .num01{ font-size:5vw;
    line-height: 1;
    font-weight: bold; }
.investor01 .content .left .top_num>div {
    display: inline-block;
    vertical-align: bottom;
}

.investor01 .content .left .top_num .num02 {
    font-size:1.3vw;
    margin-left:30px;
    position: relative;
    padding-right:30px;
}

.investor01 .content .left .center_name {
    font-size:20px;
    line-height:28px;
    margin:15px 0 30px;
}

.bott_tit { opacity:.5; color: #787878; font-size: 17px; line-height: 1.5; }
.bott_tit span{ display:block; }
.bott_tit span p{ display: inline-block; }

.investor01 .content .box .right { float:right; }
.investor01 .content .right .item {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}
.investor01 .content .right .item .area{ margin-top:0px; display: inline-block;  text-align: left; }
.investor01 .content .right {
    width: 63.5%;
}
.investor01 .content .right .item .area .t {
    font-size: 17px;
    line-height:28px;
}
.investor01 .content .right .item .area .c {
    font-size:2.6vw;
    line-height: 1;
    font-weight: bold;
    margin-top:10px;
}

.investor01 .content .right .item::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}
.investor01 .content .right .item:last-child::after{ display:none; }
.investor01 .content .left .top_num .num02::after {
    content: '▲';
    position: absolute;
    top:44%;
    right: 0;
    font-size:16px;
    color: #ff0000;
    line-height: 1;
    animation: upto 3s linear infinite;
    -webkit-animation: upto 3s linear infinite;
}

.investor01 .content .left .top_num .num02.down::after {
    content: '▼';
    color: #00cc0a;
}
.investor01 .content .left .top_num .num02.down{ margin-top:0px; margin-bottom:0px; }
/* 上下跳动 */
@keyframes upto {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    33% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    66% {
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


.investor02{ margin-top:100px; margin-bottom:100px; }
.investor02 .title h2{ font-size: 30px;  margin-top: 0px;  display: inline-block; }
.investor02 .title a{ float:right; }
.kmap{ border:1px solid #f1f1f1; border-radius:8px; height:400px; margin-top:40px; background:url(../images/ak.png) no-repeat center; background-size: contain; }

#tippdf_list{ margin-top:40px; }
#tippdf_list li:first-child{ padding-top:0px; }
#tippdf_list li{      margin-bottom:18px;   padding:13px 0 12px; }
#tippdf_list li .num {
    font-size:13px;
    line-height:22px;
    text-align: center;
    width:22px;
    border-radius:6px;
    background: #ffd300;
    color:#fff;
}

#tippdf_list li>div {
    display: inline-block;
    vertical-align: text-top;
}
#tippdf_list li .infor {
    margin: 0 20px;
    width: calc(100% - 132px);
}
#tippdf_list li .infor a{ font-size:18px; }
#tippdf_list li .infor .time{ font-size:12px; color:#666; margin-top: 10px; }
#tippdf_list  li .down {
    width:45px;
    height:45px;
    border: 1px solid #8e8e8e;
    border-radius: 50%;
    transition: all .3s ease;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    padding:3px;
}
#tippdf_list li .down a {
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    color: #8e8e8e;
    height: 100%;
    transition: all .3s ease;
}
#tippdf_list li .down a svg{ opacity: 0.5; width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto; }





.investor03{ background:#f1f1f1; padding:100px 0px; }
.investor03 .title {
    font-size: 60px;
    margin-bottom: 50px;
    text-align: center;
}
.investor03 .title::after {
    content: '';
    width: 100px;
    height: 4px;
    background: #f5be2c;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}
.investor03 .win{ width:80%; }
.yearbg{ border-bottom: 1px solid #dddddd;  text-align: center; margin-bottom:50px; }
.yearbg li{ display: inline-block;
    line-height: 60px;
    padding: 0 20px;
    font-size: 20px; position:relative; color: #686868; cursor: pointer; }
.yearbg li.hover{ color: #000; }  
.yearbg li.hover::after {
   content: '';
    width: 100%;
    height: 3px;
    background: #f5be2c;
    display: block;
    margin: 0 auto;
    margin-top: 0;
    color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
}    


.yearlist{ overflow:hidden; display:none; }
.yearall .yearlist:first-child{ display:block; }
.yearlist .left{ width: 39.6%;  float: left; }
.yearlist .right{ float: right;  width: 55.2%; }
.yearlist .left .rect{ position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;     padding-bottom: 56.08%; }
    
.yearlist .left .rect img{ position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.yearlist .left .rect .text_box {
    position: absolute;
    top: 55%;
    left:40px;
    transform: translateY(-50%);
}




.yearlist .left .rect .text_box .t {
   font-size: 40px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: bold;
}

.yearlist .left .rect .text_box .c {
   font-size: 33px;
    color: #fff;
    line-height: 33px;
    margin-bottom: 50px;
}

.yearlist .left .rect .text_box .more {
        width: 155px;
    height: 45px;
    background: #f5be2c;
    text-align: center;
    border-radius: 6px;
    margin: 0px;
}

.yearlist .left .rect .text_box .more a {
    display: inline-block;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    background: none;
    box-sizing: border-box;
    padding: 0;
}

.yearlist .left .rect .text_box .more:hover {
    opacity: .95;
}

.yearlist .right {
    float: right;
    width: 55.2%;
}

.yearlist .right .item_list .item {
    width: 48%;
    margin-right: 4%;
    float: left;
    border-top: 1px solid #dadada;
    padding-bottom: .27rem;
    padding-top: .25rem;
}
 

.yearlist .right .item_list .item.item02 {
    padding-top: 0;
    border-top: 0;
}

.yearlist .right .item_list .item .left_ {
    float: left;
    max-width: calc(100% - .3rem);
}

.yearlist .right .item_list .item .left_ .left_t {
    color: #000;
    font-size: .18rem;
    line-height: .3rem;
    transition: all .3s ease;
    position: relative;
}

.yearlist .right .item_list .item .left_ .left_t::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    visibility: hidden;
    height: 1px;
    color: transparent;
    margin-bottom: -1px;
    overflow: hidden;
}




.yearlist .right .item_list .item {
    width: 48%;
    margin-right: 4%;
    float: left;
    border-top: 1px solid #dadada;
    padding-bottom:27px;
    padding-top:25px;
}
.yearlist .right .item_list .item.item01,.yearlist .right .item_list .item.item02 {
    padding-top: 0;
    border-top: 0;
}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
.yearlist .right .item_list .item .left_ {
    float: left;
    max-width: calc(100% - 30px);
}
.yearlist .right  .item_list .item .right_ {
    float: right;
    padding-top: .16rem;
}
.yearlist .right a:hover{ text-decoration: none; font-weight:bold; }
.yearlist .right .item_list .item .left_ .left_t {
    color: #000;
    font-size:18px;
    line-height:30px;
    transition: all .3s ease;
    position: relative;
}
.yearlist .right .item_list .item .left_ .left_t::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    visibility: hidden;
    height: 1px;
    color: transparent;
    margin-bottom: -1px;
    overflow: hidden;
}
.yearlist .right .item_list .item .left_ .left_b {
    color: #f5be2c;
    line-height:20px;
    font-size:13px;
}
.yearlist .right .item_list .item .right_ {
    float: right;
    padding-top:16px;
}
.yearlist .right .item_list .item .right_ a {
    display: block;
}

.yearlist .right .item_list .item .right_ .icon {
    font-size:18px;
    color: #d5d5d5;
    font-weight: bold;
}
.yearlist .right .item_list .item .right_ .icon svg{ opacity: 0.5;
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto; }

.yearlist .right  .item_list .item:nth-child(2n) {
    margin-right: 0;
}




.investor04{ padding:100px 0px; padding-bottom:0px; }
.investor04 .win{ width:80%; }
.investor04 ul{ display:flex; grid-gap: 30px; }
.investor04 ul li{ flex:1; border-radius: 5px;   overflow: hidden; }

.investor04 ul li a{     position: relative; }
.investor04 ul li a .bg{}
.investor04 ul li a .bg img{ display:block; width:100%; }
.investor04 li .box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
}
.investor04 li .box>div {
    display: inline-block;
    vertical-align: middle;
}
.investor04 li .box .icon img {
    max-width:40px; -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.investor04 li .box .t {
    color: #fff;
    margin-left:20px; font-size:24px;
    line-height:33px;
}

.investor04 li:hover .icon img {
    cursor: pointer;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}



@media screen and (max-width: 640px){
	
	html, body{ width: 100%; min-width:auto; }
	header{ border:none; }
	
	header .bg.appDown {
        opacity: 1;
        pointer-events: auto;
    }
    
	.win{ min-width:auto; width:90%; }
	
	.top{ padding: 15px 5%; z-index: 100; position: relative; }
	.top .logo img{ width:100px; }
	.top .area{ padding: 2px 10px; margin-top: 0; }
	.top_nav{ margin-right: 50px; display:none; }
	.top_nav.top_nav_hide{ opacity:1; }
	.top_nav ul li:first-child,.top_nav ul li:last-child{ display:none; }
	
	nav{position: fixed; width: 100%; top: 53px; transform: translateY(calc(-100% - 53px)); padding: 30px 0px; transition: all 0.5s ease-in;}
	nav ul li{ display: flex; }
	nav ul li a{ padding:15px 5%;  display: block; flex: 5; }
	nav ul li i{ display: block; flex: 1; transform: rotate(-90deg); line-height: 4; display:none; }
	nav.nav_top{     margin-top: 0;  margin-left: 0; }
    
    nav.appDown {
        opacity: 1;
        pointer-events: auto;
        transform: none;
        max-height: 75vh;
        overflow-y: scroll;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    nav ul li a::after{ width: 70%; left: 15%; }
    
	.sj_nav{ float: right; width: 30px; height: 50px; position: relative; margin-left: 25px; position: absolute; right: 5%; top: 0px; z-index: 101; }
    .sj_nav span{ background-color: #000; border-radius:2px;  width:15px; height:3px; margin:auto 0; transition: all .4s; display: block;  position: absolute; top: 0; bottom: 0; transition: all .4s; }
    
    .sj_nav.close span{ background-color: #fff; }
    
    .sj_nav span:before {
    content: "";
    backface-visibility: hidden;
    background-color: #000;
    border-radius: 2px;
    width:25px;
    height: 3px;
    margin: auto;
    transition: all .4s;
    display: block;
    position: absolute;
    transform: translateY(8px);
    transition: all .4s;
    }
    
    .sj_nav.close span:before {
        background-color: #131212;
        transform: rotate(45deg);
    }
    

    .sj_nav span:after {
    content: "";
    backface-visibility: hidden;
    background-color: #000;
    border-radius: 2px;
    width:25px;
    height: 3px;
    margin: auto;
    transition: all .4s;
    display: block;
    position: absolute;
    transform: translateY(-8px);
    transition: all .4s;
    }
    
    .sj_nav.close span:after {
        background-color: #131212;
        transform: rotate(-45deg)translateY(0);
    }
    
    .childlevel.hover{ display:none!important; }
    
	.banner{ margin-top: 53px; }
	.banner img{ width: 150%; margin-left: -25%; }
	
	.banner .swiper-slide{ overflow:hidden; }
	.banner .swiper-slide video{ width: auto;
    margin-top: 0;
    height: 100%; }
	
	.banner .txt h2{ font-size:30px; }
	.banner .txt h3{ font-size:20px; }
	.banner .swiper-pagination-bullet{ font-size:18px; }
	.banner .swiper-pagination{     bottom: 10px !important; }
	.banner .swiper-slide i{ font-size:16px; bottom: 8%; }
	.banner .swiper-slide i:before{ width:30px; height:30px; margin: -15px; }
	
	.ind-about{ background-size: 140%;  padding-top: 50px; padding-bottom: 150px; background-position: bottom right; }
	.ind-about .title{ float:none; position:relative; }
	.ind-about .miao{ float: none;
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.8;
    text-indent: 32px;
    letter-spacing: normal; }
	
	.title span{ font-size:14px; }
	.title h2{ font-size:25px; margin: 10px 0; }
	.title a{ position: absolute; bottom: 0; right: 0; }
	
	.pro-ser{ margin-top:30px }
	.pro-ser ul{ width:100%; box-sizing: border-box; }
	.pro-ser ul li{ padding-left: 13px; }
	.pro-ser ul li a span{     font-size:18px; }
	.pro-ser ul li a em{ font-size:12px; }
	.pro-ser ul li a span i{ font-size:12px; }
    
    .products {margin-top: 30px;}
    .products-title{ margin-bottom: 25px; }
    .products-title h2{ font-size:25px;     margin-top: 0; }
    .products-title .miao{ font-size:14px; }
    
    .products .win { position:relative; }
    .products ul{ grid-template-columns: 1fr 1fr; grid-gap:20px; }
    .products ul li span{ font-size:16px; }
    .products ul li a{ padding: 25px; padding-bottom: 90px; }
    
    .products .win .more{  height: calc(50% - 55px); width: calc(50% - 10px); border-radius: 10px; right: 0;  bottom: 0; position:absolute; margin: 0; overflow:hidden; }
    .products .win .more a{ height: 100%; width: 100%; background: #f1f1f1; box-sizing: border-box; display: flex;  justify-content: center;   align-items: center; color: #575757; text-decoration: underline;  }
    
    .youshi{     padding: 50px 0px; margin-top:30px; }
    
    .nav-li{ width:100%; }
    .news {  padding: 50px 0px;}
    .nav-li li a{ padding: 10px 20px; }
    .nav-li li a{ font-size:14px; }
    .news-li{ margin-top:30px;     grid-template-columns: 1fr;  grid-gap:20px;  }
    .news-li li span{ margin-top: 12px;  font-size: 18px; }
    .news .win{ position:relative; }
   
    .news .win .more{ margin-top:30px; }
    .news .win .more a{     width: 100%; text-align: center;  box-sizing: border-box; }
    
    
    footer{ padding:30px 0px; padding-bottom: 0; }
    footer .ser{ width:100%; }
    .tag{ display:none; }
    .footer-nav ul{ display:none; }
    .tel{ width:100%; }
    .footer-nav{ margin-top:30px; }
    .tel .tel-left{ text-align:left; padding-top:0px; }
    .tel .tel-right{ width:110px; }
    .beian{     margin-top:20px; font-size: 12px; }
    
    .page-banner-2{ margin-top:50px; }
    
    
    .cases-nav li a, .cases-nav li span{ font-size: 16px;  padding: 10px 20px; }
    
    .products-page .postion{ margin-bottom:0px; }
    .products-page{ margin-top:10px; }
    .products-page .cases-nav{     margin-bottom: 0; }
    
    .down-left ul li{ font-size:14px; }
    
    .down-left ul { margin-top: 10px; grid-template-columns: 1fr 1fr; grid-gap: 10px;  row-gap: 10px; }
    .down-left-pro ul.hover {display: grid;}
    
    .down-left h2{ font-size:14px; padding: 10px 0px; }
    
    .page-banner-2 img{ width: 200%;  margin-left: -50%; }
    .page-banner-2 .win{ width:100%; margin-left: 0; left: 5%; }
    .page-banner-2 h2{ font-size:20px; }
    .products-page .down-left{ width:100%; }
    .products-right{ width:100%; margin-top: 30px;}
    .products-right ul{     grid-template-columns: 1fr 1fr; grid-gap:15px; row-gap:15px;  }
    .down-left ul li{ line-height:30px; }
    .products-page .postion{ display:none; }
    .products-right ul li .txt h2{ font-size:16px; margin-bottom:0px }
    .products-right ul li .txt span{ font-size:12px; line-height: 18px; }
    .products-right ul li .txt { margin-top: 10px; }
    .products-right ul li .pic a { padding: 25px 0;}
    
    .products-right ul li a img{ width:90%; }
    .products-right ul li .pic a:before{ height: 29px; bottom: 13px; }
    
    
    
    .youshi .win{ width:100%; }
    .youshi-map{ width: 100%; overflow: hidden;  height: auto; margin-top: 15px;}
    .youshi .products-title{ width:90%; margin:0 auto; }
    .youshi .products-title h2{ margin-top:0; }
    .youshi-map .img img{ width:450px; left: 40px;  position: inherit; }
    .youshi-map .txt-a .yuan{ width:10px; height:10px; }

    .youshi-map .txt-a{     top: 145px;  left: 65px; }
    .youshi-map .txt-a.txt-a-2 { top: 81px; left: 69px;}
    .youshi-map .txt-a.txt-a-3 {  top: 126px; left: 49px;}
    .youshi-map .txt-a.txt-a-4 { top: 310px; left: 145px;}
    .youshi-map .txt-a.txt-a-5 { top: 350px;  left: 95px; display:none;  }
    .youshi-map .txt-a.txt-a-6 { top: 180px; left: 86px;}
    .youshi-map .txt-a.txt-a-8 { top: 326px; left: 215px; display:none}
    .youshi-map .txt-a.txt-a-9 { top: 340px; left: 200px; display:none}
    .youshi-map .txt-a.txt-a-10 { top: 393px; left: 72px; }
    .youshi-map .txt-a.txt-a-11 { top: 470px;  left: 315px;}
    .youshi-map .txt-a.txt-a-11 .js{ right: 100%; margin-right: 10px; }
    .youshi-map .txt-a.txt-a-12 { top: 415px; left: 120px;}
    .youshi-map .txt-a.txt-a-13 { top: 158px; left: 100px;}
    .youshi-map .txt-a.txt-a-14 { top: 245px; left: 193px;}
    .youshi-map .txt-a.txt-a-14 .js{ margin-left: -60px;  bottom: -35px; }
    .youshi-map .txt-a.txt-a-15 { top: 230px; left: 127px;}
    .youshi-map .txt-a.txt-a-16 { top: 95px; left: 165px;}
    .youshi-map .txt-a.txt-a-17 { top: 165px;  left: 56px;}
    .youshi-map .txt-a.txt-a-18 { top: 48px; left: 249px;}
    .youshi-map .txt-a.txt-a-18 .js{  margin-left: -155px;  bottom: -9px;  }
    .youshi-map .txt-a.txt-a-19 { top: 410px;  left: 95px;}

    .youshi-map .txt-a:hover{ transform: scale(1.2); }
    
    .youshi-map .txt-a .js{ padding: 5px 10px;  margin-left:20px; font-size: 12px;     bottom: -11px; }
    
    .products-show{     margin-top: 50px; padding-top: 25px; }
    .products-show .win{ padding-top: 150px; }
    .products-show .big{ width:100%; margin-bottom:30px; }
    .products-show .sml{ width: 60%; }
    .products-show .title h2{ font-size:18px; }
    .products-show .title h1{ font-size:14px; } 
    .products-show .title{ width:100%; top:0; }
    
    .products-show .txt{ top: 14%; width: 100%; }
    .products-show .txt ul li a{ font-size: 20px; line-height: 8px;  width: 25px;  height: 25px; }
    .products-show .big li img{ width:auto; height:100%; }
    .products-show .big{ width: 100%;  height: 280px; }
    .products-show .sml li{ padding: 20px 10px; }
    .products-show .big li:before{     bottom: -96px; }
    
    
    .cases-li-top{ padding-bottom: 25px;  margin-bottom: 25px; }
    .cases-li-top .pic{ width:100%; }
    .cases-li-top .txt time{font-size:12px; }
    .cases-li-top .txt{ width:100%; margin-top:10px; }
    .cases-li-top .txt h2{ font-size:18px; margin: 10px 0px; }
    .cases-li-top .txt .miao{ font-size:14px; color: #666; height: auto; margin-bottom:10px; }
    
    .cases-li ul{     grid-template-columns: 1fr 1fr;  grid-gap: 15px; row-gap: 15px; }
    .cases-li ul li h4{     font-size: 14px; margin-bottom: 10px; padding: 10px 0; padding-bottom: 0; }
    .cases-li ul li span{ font-size:12px;     padding-top:0px; padding-bottom: 0; }
    
    .products-show-two{ min-width:auto; width:100%; margin-top: 0; }
    .products-show-con .txt{ width:90%; overflow: hidden; font-size: 14px; padding: 25px 0px; float: none; }
    .products-show-two .hot{ float:none; width:90%;         margin: 0 auto; }
    .products-show-con .txt .title{ font-size:18px; }
    .hot h2{ font-size:18px; }
    .products-show-con .txt .canshu{ margin-top:30px; }
    .cases-li ul li .img{ height:140px; }
    .page{ margin-top: 30px; }
    .cases{ padding-bottom:30px; }
    .tel-left .dh{ font-size:20px; }
    .tel-left h3{ font-size:16px; }
    
    .news_art h1{ font-size:20px; padding: 25px 0; }
    .biaoqian{ font-size:12px; }
    .news_art .content{ font-size:16px; margin-top:30px; }
    .gotopage{     padding: 25px 0px; }
    .gotopage a{ padding: 10px 30px; font-size: 14px; margin: 0 15px; }
    footer .searchtwo{ font-size:14px; }
    .cases-nav{     padding: 15px 0px; }
    .tkph {padding: 30px 0px;}
    .tkph .win{ min-width:auto;  width:90%; }
    
    .jisuan{ padding-top: 30px;  margin-top: 30px; }
    .jisuan input{ width:100%; font-size: 16px; }
    
    .app-page-nav{ overflow-x: scroll;  margin-top: 53px; }
    .page-nav{ width:900px; position: static; text-align: left; padding: 14px 5%;}
    .page-nav a{ font-size:14px; padding: 6px 20px; }
    .page-banner-2.page-banner-0{ margin-top: 0; }
    .page-banner-2 img{ width: 150%;         margin-left: -25%;}
    .tkph .title h2{ font-size:20px; }
    .tkph .miao{ font-size:14px; line-height:1.8; }
    
    .yanhu{ margin-bottom:30px; }
    .yanhu .yanhu_con img{ max-width:100%; height: auto !important; }
    .yanhu .yanhu_con{ padding:0px; }
    .yanhu .yanhu_con.hover{ font-size:16px; }
    
    .jisuan .btn_submit,.jisuan .btn_reset{ width:120px; font-size: 16px;  padding: 10px; }
    .postion{text-align:left; }
    .page-banner-2 .miao{ display:none; }
    .itms{ margin-top: 30px; }
    .itms .win h2{ font-size:20px; margin-bottom: 25px; }
    .itms-1-1 img{ width:100%; height:auto; }
    .itms-1-2{ width: 300px; height: 300px; }
    .itms .itms-2 h2 { margin-bottom: 50px;}
    
    @keyframes warn {
		0% {
		  transform: scale(0.5);
		  opacity:0.4;
		}

		30% {
		  opacity:0.4;
		}

		100% {
		  transform: scale(1.5);
		  opacity: 0;
		}
    }
    .itms-1-2{ width: 350px; height:auto; }
    .itms-1-2 .img{ width: 350px; height: 350px; }
    .itms-1-2 .txt{ width: 100%; padding: 40px 0px;  height: auto;  grid-template-columns: 1fr 1fr 1fr;  grid-gap: 0px;
        row-gap: 15px; display: grid; position: static; margin: 0 auto;         padding-bottom: 0; }
    .itms-1-2 .txt li{ position: static; transform: none !important; }
    .itms-1-2 .txt li h4{ font-size:16px; }
    .itms .win:nth-child(2){ padding-bottom:0px; margin-top: 30px;  padding: 30px 0px; overflow: hidden; }
    .itms-1-2 .txt:before{ display:none; }
    .itms-1-2 .txt li span{ width: 40px; height: 40px;  line-height: 40px;   font-size:35px; }
    .itms-3 .pic img{ width: 100%; height: auto; }
    .itms .win:nth-child(3){ padding: 30px 0; }
    .itms-3 .pic-list{ margin-top: 30px; }
    .itms-3 .pic-list h3{ font-size:20px; font-weight: bold; }
    
    .itms-3 .pic-list ul{ grid-template-columns: 1fr 1fr; grid-gap: 15px; row-gap: 15px; margin-top: 30px; }
    .itms-3 .pic-list ul li { border: 3px solid #ffd300;}
    .down { margin: 30px 0px;}
    .down .win{ width:90%; }
    .down-left{ float:none; width:100%; }
    .down-right{ width:100%; float:none; margin-top: 30px; }
    .down-right ul li a{     padding: 15px; }
    .down-right ul li a .txt svg{ margin-top: 8px; width: 30px; height: 30px; margin-right: 10px; }
    .down-right ul li a .txt .txt-1 h3{ font-size:16px; }
    .down-right ul li a .txt .txt-1 time{ font-size: 12px;  display: block;  width: 115px;  overflow: hidden;  height: 20px; }
    .down-right ul li a .btn{ font-size:14px;     padding: 5px 10px; }
    .footer-nav .medium ul{ grid-gap: 20px; }
    .page-banner-2.page-banner-2-top{ margin-top: 53px; }
    .contact { padding: 30px 0px;}
    
    .contact .win{ width:90%; }
    .contact .list{ width:100%; float:none; margin-bottom: 30px; font-size: 14px; margin-bottom: 20px; min-height:auto; }
    .contact .list h3{ font-size:20px; margin-bottom: 10px;}
    .contact .list ul li {         line-height: 23px;
        padding-left: 30px;
        position: relative;
        margin-bottom: 10px; color: #313131; }
    .contact .list ul li i{     position: absolute; left: 0px; }
    
    #dituContent{ height:50vh; }
    .message{     padding: 20px; margin-top: 30px; }
    .message h2{     margin-bottom: 20px;  font-size: 20px; }
    .message .message-li input{ width: 100%; box-sizing: border-box; font-size: 16px; }
    .message .message-li textarea{ width:100%;     box-sizing: border-box;  font-size: 16px; }
    .message .message-li input.tjjm{ width:100%;     font-size: 18px; }
    
    .about-banner{ margin-top:0px; height: 380px;     background: url(/images/aboutbg2.jpg) no-repeat center top !important; background-size: cover !important; }
    .about-banner-1 { padding-top: 30px; }
    .about-banner-1 h2{ font-size:20px; float:none; }
    .about-banner-1 .text{ margin-top:20px; margin-left: 0; float:none; }
    .about-banner-1 .text span{ font-size:12px; }
    .about-banner-1 .text span:nth-child(2){ font-size:12px; }
    .about-banner-2{ font-size:12px; margin: 10px 0px; display:none;         margin-top: 20px; }
    .about-banner-3 li span{ display:none; }
    .about-banner-3{ grid-gap: 15px; margin-top:20px; width: 100%; display:block; overflow:hidden; }
    .about-banner-3 li h4{ font-size:20px; }
    .about-banner-3 li{ padding-right: 0; border-right:none; text-align: left; float:left; margin-right:10px; }
    .about-banner-3 li:last-child{ margin-right:0px; } 
    .about-banner-3 li h6{ font-size:14px; }
    
    .about-banner-3 li h4:before{ font-size:16px; right: -12px; }
    
    .about-pro {  padding: 30px 0;}
    .about-pro .about-pro-left{ float: none;  width: 100%;  }
    .about-pro .about-pro-right{ float: none;  width: 100%; margin-top:30px; }
    .about-pro-left h4{ font-size:14px; }
    .about-pro-left h2{ font-size:20px; }
    .about-pro-left h2 i{ top: -26px; left: -8px; font-size: 30px; }
    
    .about-pro-left h2::after{ width: 117px; height: 4px;  margin: 10px 0px; }
    .about-pro-left .miao{ font-size: 14px;   line-height: 25px; text-indent: 30px; }
    .about-pro .about-pro-right{ overflow:hidden; }
    .about-pro .about-pro-right img{ margin-top: -70px; }
    .about-pic{ padding: 30px 0px; }
    .about-pic ul{ grid-template-columns: 1fr; grid-gap: 0px; row-gap: 15px; }
    
    .about-history{ padding: 30px 0px; }
    .about-history h2{ font-size:20px; }
    
    .about-history-swiper{ margin-top: 30px; margin-bottom: 30px; }
    .about-history-swiper .pic em{ font-size:30px;     left: -20px; }
    .about-history-swiper .pic i{ font-size:30px; top: 10px; }
    .about-history-swiper .text h2 { font-size:16px;     margin: 15px 0px; margin-bottom:10px; }
    .about-history-swiper .text .miao{ font-size:14px;    line-height: 20px; }
    .about-history-swiper .swiper-slide.hover { margin-top: 25px;}
    .about-history-swiper{ height:280px; }
    .about-history-swiper-nav .swiper-slide.active span{ font-size:16px; }
    .about-history-swiper-nav .swiper-slide span{ font-size:14px; }
    .about-history-swiper-nav{ width:90%; }
    .about-history-swiper .swiper-slide .end{ font-size:20px; }
    .global { margin-bottom: 30px; padding-top: 30px;}
    .global .global-title{ font-size:20px; margin-bottom:20px; }
    .global .miao{ font-size: 14px; text-indent: 32px; letter-spacing: 1px; line-height:25px; }
    .global .win:nth-child(2){ margin-top: 30px; }
    .global-nav{ grid-template-columns: 1fr 1fr;  grid-gap: 15px; row-gap: 15px; }
    .global .win:nth-child(2){  padding: 0px 5%; box-sizing: border-box; }
    .global-nav li{ text-align:left;font-size: 14px; }
    .global-map li img{ height:auto; }
    .global-map{ height:160px; margin-top: 30px; width: 90%; margin-bottom:0px; }
    
    .job-right{ width:100%; }
    .hot_job li h2{     font-size: 16px; }
    .hot_job li .text{ margin-top: 10px; }
    .hot_job li{ padding:15px; }
    .newstwo ul{ grid-template-columns: 1fr; }
    .newstwo{ margin-top:30px; margin-bottom: 30px; }
    .newstwo ul li a{ padding: 15px; }
    .newstwo ul li a h4, .newstwo ul li .videolist h4{ font-size:14px;     margin-bottom: 10px; }
    .newstwo ul li a .text, .newstwo ul li .videolist .text{ font-size:12px; height: auto; color: #636363; margin-top: 0; }
    .bg-bai.bg-bai-two {  margin-top: 0;}
    .down.down_job { margin-top: 30px;}
    .job_con_left h2{ font-size:20px; }
    .job_con_left{ max-width:none; -webkit-flex-basis:100%; -ms-flex-basis:100%; flex-basis:100%;  }
    .down.down_job .win{ display:block; }
    .job_con_text{ margin-top: 20px; margin-bottom:00px; font-size: 14px; }
    
    .job_con_right{ -webkit-flex-basis:100%; -ms-flex-basis: 100%;  flex-basis: 100%; max-width: 100%; padding-left:0; }
    
    .investor { margin:30px 0px;}
    .investor01 .title{ font-size: 20px;   margin-bottom: 25px; }
    .win.investor01{ width:90%; }
    .investor01 .con{ font-size: 14px;  line-height: 1.8; }
    
    .investor01 .content{ margin-top: 30px; padding-right: 0px; padding:20px;   }
    .investor01 .content .box{ display: block; }
    .investor01 .content .box .left{ float:none; width: 100%; }
    .investor01 .content .box .right{ float:none; width: 100%;   margin-top: 15px; }
    .investor01 .content .box .left .num01{ font-size:40px; }
    .investor01 .content .left .top_num .num02{ font-size:16px; }
    .investor01 .content .left .center_name {  font-size: 16px; line-height: 18px; margin: 15px 0 20px;}
    .bott_tit{ font-size:14px; }
    .investor01 .content .left .top_num .num02::after{ top: 4px; }
    .investor01 .content .right .item {  float: left;  width:50%;  text-align: left;  position: relative;  margin-bottom: 15px; }
    .investor01 .content .right .item .area .c{ font-size: 25px; font-weight:500; }
    .investor01 .content .right .item::after{ display:none; }
    .investor01 .content .right .item .area .t{ font-size:16px; } 
    
    
    .win.investor02{ width:90%;     margin-top:30px;  margin-bottom:30px; display:block; }
    .investor02 .item{ width:100%; }
    .investor02 .title { position:relative; margin-bottom:10px; }
    .investor02 .title h2{ font-size:20px; margin-bottom: 0; }
    .investor02 .title a{ font-size: 12px;  padding: 5px 10px; }
    .investor02 .item.kpic{ margin-bottom:30px; }
    
    .kmap{ margin-top:20px; }
    #tippdf_list{ margin-top:20px; }
    #tippdf_list li .infor { margin: 0 10px; width: calc(100% - 90px); }
    #tippdf_list li .infor a{ font-size:14px; }
    #tippdf_list li .down{ font-size:12px; width:20px;  height:20px; margin-top: 5px; }
    #tippdf_list li .down a svg{ width:20px; height:20px; }
    #tippdf_list li .down .t{ display:none; }
    #tippdf_list li .num{ margin-top:5px; }
    .investor03{ padding:30px 0px; }
    .investor03 .win{width:90%; }
    .investor03 .title{ font-size:20px;     margin-bottom: 20px; }
    .investor03 .title::after{ margin-top: 10px;     width: 80px; }
    .yearbg li{ font-size: 16px; line-height: 50px; padding: 0 10px; }
    
    .yearbg{     margin-bottom: 20px; }
    .yearlist .left{ width:100%; }
    .yearlist .right{ width:100%; margin-top: 0px; }
    
    .yearlist .left .rect .text_box{ top: 48%;  left: 30px; }
    .yearlist .left .rect .text_box .t{ font-size:20px; line-height: 40px; margin-bottom:0px; }
    .yearlist .left .rect .text_box .c{ font-size: 16px; margin-bottom: 10px; }
    .yearlist .left .rect .text_box .more{ margin: 0px; width: 110px;  height: 40px; }
    .yearlist .left .rect .text_box .more a{ font-size: 14px;  line-height: 40px; }
    .yearlist .right .item_list .item .right_ .icon svg{ width:20px; height:20px; }
    .yearlist .right .item_list .item{ width: 100%;  margin-right: 0px;}
    .yearlist .right .item_list .item .left_ .left_t{ font-size:14px; }
    .yearlist .right .item_list .item.item01, .yearlist .right .item_list .item.item02{ border-bottom: 1px solid #e7e7e7;  padding-top: 12px;     padding-bottom:12px; }
    
    .yearlist .right .item_list .item:last-child{ border-bottom:0 !important; padding-bottom:0px !important; }
    
    .investor04 { padding: 30px 0px; padding-bottom: 0px; }
    .investor04 .win{ width:90%; }
    .investor04 ul{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; }
    .investor04 li{ position: relative; }
    .investor04 li .box{  
        width:100%; 
        display: block; }
    .investor04 ul li a{ display:block; }
    .investor04 li .box .t{ font-size: 12px; margin-left: 0px; }
    .investor04 li .box .icon img{ max-width: 25px }
    
}