@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'HarmonyOSMedium';
    src: url('HarmonyOSMedium.woff') format('truetype');
}
/* KISSY CSS Reset */
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;font-family: "HarmonyOSMedium";}
*{padding:0; margin:0; list-style:none;font-family:'HarmonyOSMedium';}
body,button,input,select,textarea {font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%;}
label,input,select {vertical-align:middle;}
address,cite,em {font-style:normal;}
fieldset{cursor:pointer;}
img{border:none;}
ul,ol {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
sub {vertical-align:text-bottom;}
sup {position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}
small {font-size:12px;}
legend {color:#333;}
strong{font-weight: bold;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
*:focus { outline: none; }
a{cursor:pointer;}
   
/* default color */
a{text-decoration:none;}
ul,li{padding:0; margin:0;}
/*-------------------------------
  end: reset */

/*浮动*/
.fl{float:left;}
.fr{float:right;}

/*清除浮动*/
.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both; height:0;overflow:hidden;}

.mainbody{overflow: hidden;background:#f3f3f3;}
i{display:inline-block;*display:inline;*zoom:1;font-style:normal;}
.imgBg{background-repeat:no-repeat;background-position:center center;background-size:cover;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.motionL{transition:all 1.0s ease-in-out;-webkit-transition:all 1.0s ease-in-out;-moz-transition:all 1.0s ease-in-out;-o-transition:all 1.0s ease-in-out;}
.msg-pop-main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:10000;display:none;border-radius:3px;font-size:12px;}
.msg-pop-main p{padding:10px;line-height:24px;font-size:14px;color:#fff;}
.container{width: 1280px;margin: 0 auto;}
.load-more{display:flex;justify-content: center;align-items: center;font-size: 16px;line-height: 24px;color: rgba(0,0,0,0.8);}
.load-more i{display: block;width: 13px;height: 13px;background: url(more_icon.png) no-repeat;background-size: cover;margin-left: 12px;}
.load-more:hover{color: #059BFB;}
.fsb-box{display: flex;justify-content: space-between;}
.xs-show{display: none !important;}
.xs-hidden{display: block !important;}
.fcc{display: flex;justify-content: center;align-items: center;}
.fjc{display: flex;justify-content: center;}
.fac{display: flex;align-items: center;}
.fsb{display: flex;justify-content: space-between;}
.fsc{display: flex;justify-content: space-between;align-items: center;}
.form{display: flex;justify-content: space-between;}

.header{width: 100%;box-sizing: border-box;box-sizing: border-box;padding: 0 5%;position: fixed;top: 0;left: 0;z-index: 20;transition: all .3s; border-bottom:1px solid rgba(255,255,255,0.3)}
.header .box{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.header .box .logo{display: block;}
.header .box .logo img{display: block;width: 251px;}
.header .box .logo .logo02{display: none;}
.header .box .nav{display: flex;justify-content: flex-start;;align-items: center;}
.header .box .nav ul{display: flex;justify-content: flex-start;align-items: center;}
.header .box .nav ul li{position: relative;}
.header .box .nav ul li>a{display: block;height: 90px;line-height: 90px;font-size: 18px;color: #fff;position: relative;box-sizing: border-box;margin: 0 30px;}
.header .box .nav ul li>a::before{content:'';width:0;height:6px;background:#15569d;position:absolute;left:0;top:0;transition:all .5s ease-in-out}
.header .box .nav ul li .nav02{width:140%;position:absolute;background: rgba(255,255,255,.95);position: absolute;left: 50%;top:86px;z-index: 999;transform-origin: 0 0 0;transform: scaleY(0.2) translateX(-50%);
	transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;border-radius: 0 0 15px 15px;overflow: hidden; padding-bottom:20px;}
.header .box .nav ul li .nav02 a{display: block;width: 100%;font-size: 15px;color: #666;line-height: 45px;position: relative;text-align: center;}
.header .box .nav ul li .nav02 a:hover{color: #15569d;background: #fff;}
.header .box .nav ul li.on a::before{width:100%}{display: block; font-size:36px; color:#1571ff; margin-top:5px;}
.header .box .nav ul li:hover a::before{width:100%}{display: block; font-size:36px; color:#1571ff; margin-top:5px;}
.header .box .nav ul li:hover .nav02{display: block; font-size:36px; color:#1571ff; margin-top:5px;}
.header .box .lang{display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center;}
.header .box .lang a{ display:block; width:60px; height:34px; line-height:34px; border-radius:17px; font-size:16px; text-align:center; background:#15569d; color:#fff;}
.header .box .nav ul li:hover .nav02{opacity: 1;visibility:visible;transform: translateY(0px) translateX(-50%);}
.header .tel{display: flex; justify-content:center;align-items: center;height:96px;font-size:17px;color: #fff;}
.header .tel img{width:20px; margin-right:10px}
.header .tel img:nth-child(1){ display:none;opacity:0;}

.header:hover{background: #fff;}
.header:hover .box .logo .logo01{display: none;}
.header:hover .box .logo .logo02{display: block;}
.header:hover .box ul li>a{color: #333333;}
.header:hover .box .le{color: #333333;}
.header:hover .box .le a{color: #333333;}
.header:hover .box .le span{background-color: #333333;}
.header:hover .tel{color: #333;}
.header:hover .tel img:nth-child(1){ display:block;opacity:1;}
.header:hover .tel img:nth-child(2){ display:none;opacity:0;}

.div1.header{background: #fff;}
.div1.header .box .logo .logo01{display: none;}
.div1.header .box .logo .logo02{display: block;}
.div1.header .box ul li a{color: #333333;}
.div1.header .box .nav ul{color: #333333;}
.div1.header .box .nav ul a{color: #333333;}
.div1.header .box .nav ul span{background-color: #333333;}
.div1 .tel{color: #333;}
.div1 .tel img:nth-child(1){ display:block;opacity:1;}
.div1 .tel img:nth-child(2){ display:none;opacity:0;}


.footer{background:#4A4A4A}
.footer .container{width:1480px}
.footer .top{display:flex;justify-content:space-between;margin-bottom:60px;padding-top:95px}
.footer .top .left{ width:30%;padding-right:30px;border-right:1px solid rgba(255,255,255,0.1);}
.footer .top .left .logo{display:block;width:240px}
.footer .top .left .info{font-size:14px;line-height:2;color:#fff; margin-top:30px;}
.footer .top .f_nav{ width:65%; margin-left:5%;padding-left:30px;}
.footer .top .f_nav ul{display: flex; justify-content: flex-end;width:100%;}
.footer .top .f_nav ul li{ width:100%;position: relative; text-align:center; }
.footer .top .f_nav ul li dt{ height: 26px; line-height: 26px; color: #fff; margin-bottom: 14px;}
.footer .top .f_nav ul li dt a{ font-size: 18px; color: #fff; position: relative;}
.footer .top .f_nav ul li dt a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0;   border-bottom: 1px solid #fff; -webkit-transition: .3s; transition: .3s;}
.footer .top .f_nav ul li dt:hover a:after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;}
.footer .top .f_nav ul li dd{ line-height: 35px; color:rgba(255,255,255,0.5);}
.footer .top .f_nav ul li dd a{ font-size:14px; color:rgba(255,255,255,0.5);}
.footer .top .f_nav ul li dd a:hover{ color: #eee;}
.footer .bot{display:flex;position:relative;z-index:10;height:90px;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.1)}
.footer .bot .le{font-size:14px;line-height:26px;color:#fff}
.footer .bot .le a{font-size:14px;color:#fff}
.footer .bot .le a:hover{text-decoration:underline}
.footer .bot .re{font-size:14px;line-height:26px;color:#fff}
.footer .bot .re a{font-size:14px;color:#fff}
.footer .bot .re a:hover{text-decoration:underline}


.home .swiper-banner{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:5}
.home .swiper-banner .imgBg{display:block;width:100%;height:100vh}
.home .swiper-banner .video-box{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:10}
.home .swiper-banner .video-box .title{font-size:56px;line-height:69px;color:#fff;text-align:center}
.home .swiper-banner .video-box .title span{display:block;}
.home .swiper-banner .swiper-pagination{display:flex;bottom:2.0833vw;z-index:10;height:6px;align-items:center;justify-content:center}
.home .swiper-banner .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;background:#fff;border-radius:50%;opacity:1;margin:0 0.3125vw;transition:all .5s ease-in-out}
.home .swiper-banner .swiper-pagination .swiper-pagination-bullet-active{width:2.1875vw;height:4px;border-radius:4px}


.home .home-h{height:100vh}
.home .scroll{position:relative;z-index:10;background:#fff}
.home .container{width:1480px}

.home .about-box{background:url(about_bg.jpg) no-repeat center top;padding-top:130px}
.home .about-box .container{display:flex;justify-content:space-between}
.home .about-box .left{width:40%; position:relative;box-shadow: 0 0 20px 0 #ccc;}
.home .about-box .left img{width:100%;}
.home .about-box .right{width:50%; position:relative;padding-top:30px}
.home .about-box .right .title{ width:100%; line-height:1;color:rgba(0,0,0,0.8);}
.home .about-box .right .title span{font-size:30px;line-height:1;color:rgba(0,0,0,0.8);}
.home .about-box .right .title h4{font-size:36px;font-weight:bold;line-height:1;color:rgba(0,0,0,0.8);margin-top:20px}
.home .about-box .right .info{font-size:16px;line-height:28px;color:rgba(0,0,0,0.6);margin-top:40px}
.home .about-box .right .more{display:flex;align-items:center;font-size:14px;line-height:22px;color:#059BFB;margin-top:26px}
.home .about-box .right .more i{display:block;width:16px;height:16px;background:url(sw_b_arrow.png) no-repeat;background-size:cover;transform:rotate(180deg);margin-left:24px}
.home .about-box .right .more:hover i{margin-left:30px}
.home .about-box .list{display:flex;margin-top:102px}
.home .about-box .list a{display:block;flex-grow:1;box-sizing:border-box;height:260px;padding:48px 50px 0;overflow:hidden}
.home .about-box .list .name{font-size:24px;line-height:28px;color:#fff}
.home .about-box .list .more{margin-top:115px;color:#fff}
.home .about-box .list .more i{background-image:url(sw_arrow.png)}

.home .case-box{background:#F4F4F4;padding-top:145px}
.home .case-box .title{display:flex;align-items:center;justify-content:space-between;font-size:48px;line-height:1;color:rgba(0,0,0,0.8);}
.home .case-box .main{margin-top:20px;display:flex;justify-content:space-between;align-items:center;}
.home .case-box .main .left{width:50%;display:flex;justify-content:center;}
.home .case-box .main .tabs{width:100%;}
.home .case-box .main .name{font-size:36px;line-height:1;color:rgba(0,0,0,0.8);}
.home .case-box .main h5{font-size:26px;line-height:30px;color:rgba(0,0,0,0.8);margin-top:55px}
.home .case-box .main .txt{font-size:16px;line-height:36px;color:rgba(0,0,0,0.6);margin-top:20px;width:534px}
.home .case-box .main .right{width:48%;z-index:5;position:relative;}
.home .case-box .main .right img{width:100%;}
.home .case-box .main .more a{display:flex;align-items:center;font-size:14px;line-height:22px;color:#059BFB;margin-top:50px}
.home .case-box .main .more i{display:block;width:16px;height:16px;background:url(sw_b_arrow.png) no-repeat;background-size:cover;transform:rotate(180deg);margin-left:24px}
.home .case-box .main .more:hover i{margin-left:30px}

.home .news-box{padding:145px 0 84px}
.home .news-box .title{font-size:40px;font-weight:500;color:rgba(0,0,0,0.8);line-height:1}
.home .news-box .newest{display:block;width:100%;font-size:14px;margin-top:14px; margin-bottom:30px;}
.home .news-box .con{ width:100%;position:relative; display: flex;flex-wrap:wrap; justify-content:space-between;align-items: center; margin-bottom:40px;}
.home .news-box .con .item{ width:32%; position:relative;}
.home .news-box .con .item a{ display:block; width:100%; position:relative;}
.home .news-box .con .item a .main{width:100%; background:#f3f3f3; padding:30px 15px;box-sizing: border-box;}
.home .news-box .con .item a .date{font-size:16px;color:rgba(0,0,0,0.6)}
.home .news-box .con .item a .name{font-size:22px;line-height:32px;color:rgba(0,0,0,0.8);margin-top:17px;}
.home .news-box .con .item a .txt{font-size:13px;line-height:22px;color:#666;margin-top:20px}
.home .news-box .con .item a .more{display:flex;align-items:center;font-size:14px;line-height:22px;color:#059BFB;margin-top:50px}
.home .news-box .con .item a .more i{display:block;width:16px;height:16px;background:url(sw_b_arrow.png) no-repeat;background-size:cover;transform:rotate(180deg);margin-left:24px}
.home .news-box .con .item a .more:hover i{margin-left:30px}
.home .news-box .con .item a .img{ position:relative; width:100%} 
.home .news-box .con .item a .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.home .news-box .con .item a .img .hezi{padding-bottom:67% !important;}
 
.home .strategy{background:url(strategy_bg.jpg) no-repeat center center;padding-top:124px;box-sizing:border-box;height:600px}
.home .strategy .title{font-size:40px;font-weight:500;color:#fff;line-height:1}
.home .strategy .info{font-size:16px;line-height:26px;color:#fff;width:460px;margin-top:26px}
.home .strategy .link{display:flex;align-items:center;font-size:14px;line-height:21px;color:#fff;margin-top:42px}
.home .strategy .link i{display:block;width:16px;height:16px;background:url(sw_arrow.png) no-repeat;background-size:cover;transform:rotate(180deg);margin-left:26px}
.home .strategy .link:hover i{margin-left:31px}




.sub-banner{position:relative;height:29.1417vw;background-repeat:no-repeat;background-position:center center;background-size:cover}
.sub-banner .nav{position:absolute;left:0;bottom:0;width:100%;z-index:10; background:rgba(21,86,157,0.5);}
.sub-banner .nav ul{display:flex;justify-content:center}
.sub-banner .nav li{ position:relative; margin-right:1px;}
.sub-banner .nav li a{display:block;padding:0 40px; text-align:center;font-size:18px;color:#fff;height:68px; box-sizing:border-box;line-height:68px}
.sub-banner .nav li:hover a{ background:rgba(21,86,157,0.9);}
.sub-banner .nav li.active a{ background:rgba(21,86,157,0.9);}


 

.about .main{width:100%; position:relative;padding:60px 0 120px; min-height:350px;}
.about .main .n_tit .tit{font-size:36px;font-weight:900;line-height:60px; color:#15569d}
.about .main .n_tit .line{width:140px;height:4px;background:#15569d;margin-top:10px}

.about .content{width:100%; position:relative;font-size:14px;line-height:30px;color:#333; text-align:justify; margin-top:50px;}

.ab01 {position: relative; overflow: hidden;}
.ab01 .img{width: 55%;position: relative;}
.ab01 .img img{width: 100%;}
.ab01 .txt {width: 50%;position: absolute; right: 0px; top: 50%; transform: translateY(-50%); box-shadow: 5px -1px 20px rgba(0,0,0,0.2); padding: 60px 60px 90px; background: #fff;}
.ab01 .txt h4 {font-size: 30px;font-weight: bold;color: #333333; position: relative;}
.ab01 .txt h4:after{width: 40px;height: 1px;background: #381015;content: "";display: block;margin-top: 20px;}
.ab01 .txt .con { width:100%;font-size: 16px; line-height:30px; text-align:justify;margin-top:30px;}

.culture .title{font-size:32px;line-height:34px;color:rgba(0,0,0,0.8);margin-top:8}
.culture .ab02 .container{position:relative;z-index:10;background:url(idea_bg.png) no-repeat center bottom 270px;padding-top:144px}
.culture .ab02 .title{text-align:center}
.culture .ab02 .info{font-size:24px;line-height:36px;text-align:center;color:rgba(0,0,0,0.6);margin-top:44px}
.culture .ab02 .list{height:270px;background:linear-gradient(94.57deg, #57C4D9 .69%, #059BFB 102.39%);border-radius:6px;display:flex;align-items:center;margin-top:60px;color:#fff;text-align:center;justify-content:space-between}
.culture .ab02 .list .item{padding:30px 0 40px;border-right:1px solid rgba(255,255,255,0.3);text-align:center;flex-grow:1}
.culture .ab02 .list .item:last-child{border-right:none}
.culture .ab02 .list .name{font-size:20px;line-height:30px;font-weight:bold}
.culture .ab02 .list .txt{font-size:16px;line-height:30px;margin-top:20px;min-height:68px}
.culture .ab02 .pic{position:relative}
.culture .ab02 .pic img{display:block;width:100%;margin-top:-154px}

.culture .ab03{ padding: 1.2rem 0; background: #fff;/*background:url({TPL}images/vision_bg.jpg) no-repeat center center*/ }
.culture .ab03 ul{ margin-right: -0.34rem;display:flex;align-items:center;justify-content:space-between; }
.culture .ab03 ul li{ width: 24%; height: 2.5rem; background: #f7f7fa; padding:0.8rem 0 0.5rem;}
.culture .ab03 ul li .ico{ width:1.4rem; height:1.4rem;display:flex;align-items:center;justify-content:center; margin: 0 auto; border-radius: 50%; background: #fff; }
.culture .ab03 ul li .ico img{ width: 0.77rem; }
.culture .ab03 ul li .name{ text-align: center; font-size: 24px; color: #191c22; padding-top: 0.32rem; }
.culture .ab03 ul li:hover img{ transform: rotateY(-360deg); }