.header .navbar-inverse { background-color: #fff;}
.navbar-inverse .navbar-nav>li>a{color:#fff;}
.navbar-inverse .lang-box{color:#fff;}
.u-content{line-height: 2em; }
.u-content img{max-width: 100%;}


.pro-list{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.pro-list li{padding:0 10px;width: 25%;}
.pro-list li .box{display:block;box-shadow: 0 0 5px 0px #999;height: 100%;padding:20px;}
.pro-list li .img{margin:20px 10px;} 
.pro-list li .cont{display: flex;flex-direction: column;justify-content: flex-end;height:200px; }
.pro-list li .text{padding: 20px 0; }
.pro-list li .text h4{font-size: 18px;font-family:"HarmonyOS_Sans_SC_Bold"; margin-bottom: 15px;line-height: 20px;} 
.pro-list li .text p{font-size: 14px;line-height: 28px;height: 84px;overflow: hidden; color:#555;}
.pro-list li .link{height:0; transition: all 0.5s; overflow:hidden}
.pro-list li .link a{display: block;width: 120px;height: 36px;line-height: 36px;text-align: center; color:#fff;background-color:#4d6cae;margin: 0 auto;} 
.pro-list li .link a:hover{background:#a997db}
.pro-list li .box:hover .text{margin-top: 0;}
.pro-list li .box:hover .link{height:36px;}
.new_list li .cont{justify-content:flex-start; padding:0 15px; padding-bottom:20px;height: auto;}
.new_list li .box{padding:0}
.new_list li .img{margin:0}
.news_list{padding:80px 0}
.link2 {
    text-align: right;
}
.new_list li .box:hover {background:#4d6cae;}
.new_list li .box:hover .text,.new_list li .box:hover .link2{color:#fff}

.liuyan{padding:60px 0}
.text p{padding:20px 0}
.item .text p{padding:0px 0}
.submit{background:#370844}
.submit:hover{background:#a997db}
.text textarea{width:100%}
.product-box .row{display: flex;    align-items: center}
.menu-wrapper{border-bottom:1px solid #ccc;}
.menu-wrapper .flexbox{}
.menubox{}
.menubox ul{display: flex; margin-bottom: 0}
.menubox li{line-height: 78px;text-align: center;}
.menubox li a{font-size: 16px;display: block;padding:0 30px;border-bottom: 2px solid transparent; color: #333} 
.menubox li.active a{color:#2059a8;border-color: #2059a8; font-weight: bold}
.menubox li a:hover{color:#2059a8;}
.breadcrumb{background-color: transparent;margin: 0;padding:0;line-height: 80px;}
.breadcrumb a,.breadcrumb span{margin:0 10px;line-height: 24px;}
.breadcrumb a i{font-size: 20px;}
.breadcrumb a:hover{color:#2059a8;}
.banner:after{content:""; display:block; position: absolute; width:100%; height:100%; top:0; }
/******banner*****/
.banner{position: relative;}
.banner img{width: 100%;}    
.ban-cont{position: absolute;width: 100%;left:0;top:50%; color:#fff;transform: translateY(-50%);    z-index: 2;}
.ban-cont .flexbox{justify-content: space-between;align-items: flex-end;}
.ban-cont .text{}
.ban-cont .text h2{font-size: 34px;font-family:"HarmonyOS_Sans_SC_Bold";text-transform: uppercase;}
.ban-cont .text p{font-size: 32px;margin-top: 20px;}
 .solution-card{margin-bottom: 30px}
 .product-wrapper .stop-swipin{border-radius: 10px; overflow: hidden; margin-bottom: 30px;}
/*company*/ 
.section-company{padding:100px 0; }
.section-company .section-head{margin-bottom: 40px;}
.section-company .section-head h2{font-size: 40px; font-family:"HarmonyOS_Sans_SC_Bold"; line-height: 50px;color:#000;}
.section-company .section-head h4{font-size: 16px; line-height: 30px; color: #666666; margin-bottom:10px;}
.section-company .section-body {}

.section-profile{ background: url(../images/section-company-bg.jpg) left bottom no-repeat;padding-top:80px;}
.section-profile .container{display: flex;}
.section-profile .section-head{width: 50%;margin-bottom: 0;}
.section-profile .section-body{flex:1;}
.section-profile .section-body img{width: 100%;}
.section-profile .cont{color: #666666;line-height: 2em;padding: 40px 0;min-height: 450px;}
.company-data{display: flex;align-items: center;background-color: #2059a8;height:220px; }
.company-data .item{flex:1;color:#fff;text-align: center;}
.company-data .item .num{font-size: 50px;font-family:"HarmonyOS_Sans_SC_Bold"; margin-bottom: 20px;}
.company-data .item .txt{font-size: 20px;}

.section-environment .section-head{}
.environmentSwiper{overflow: hidden;position: relative;padding-bottom: 50px;--swiper-pagination-color:#2059a8;}
.environmentSwiper .swiper-pagination-bullet{width: 10px;height: 10px;transition: width 0.3s;}
.environmentSwiper .swiper-pagination-bullet-active{width: 20px;border-radius: 5px;transition: width 0.3s;}
 
.section-values{padding:100px 0;position:relative;background: url(../images/CorporateValues_bg.jpg) center center / cover;} 
.section-values .section-head h4{color:#fff;}
.section-values .section-head h2{color:#fff;}
.valuesbox{}
.valuesbox .text{color:#fff; font-size: 20px; display: flex;justify-content: center; align-items: center;}
.valuesbox .list{margin: 0 -15px; margin-top: 60px; }
.valuesbox .list li{color:#000;padding:0 15px;flex:1; line-height: 36px; width: 25%; float: left; }
.valuesbox .list li .box{ padding: 50px 30px; text-align: center; background: #f5f5f5; border-radius: 10px; overflow: hidden;}
.valuesbox .list li .tit{font-size: 100px;font-family:"HarmonyOS_Sans_SC_Bold";line-height: 1em;}
.valuesbox .list li .txt{font-size: 24px; font-weight: bold; margin-top: 20px;}
.valuesbox .list li .box p{margin: 30px 0; font-size: 18px; color: #999; margin-top: 10px;}
.valuesbox .list li .txt span{display: block;}
 
 .section-partner{background: #f5f5f5}
.partner-list{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.partner-list li{padding:0 10px;width: 16.6%; margin-bottom:15px}
.partner-list li .box{display:block;border:1px solid #f1f1f1;}
.partner-list li .box img{max-width: 100%;}

/*application*/ 
.application-wrapper{padding:60px 0;}
.application-list{margin-bottom: 30px;}
.main-column li {
    background-color: rgba(250, 250, 250, 1);
    margin-top: 50px;
    overflow: hidden;
    transition: all 1s;
    cursor: pointer;
}
.main-column li.odd-li .imgbox {
    float: left;
}

.main-column li.odd-li .cont-wrap {
    float: right;
    margin-right: 3.8%;
    right: 0px;
}
.main-column li:nth-child(2n) .imgbox {float:right}
.main-column li:nth-child(2n) .cont-wrap {float:left; right:inherit; margin-right:0; margin-left: 5%; }
.main-column .cont-wrap {
    width: 40%;
    height: auto;
    padding-top: 5%;
    position: absolute;
}
.main-column .titbox {
    display: block;
    width: auto;
    position: relative;
    overflow: hidden;
}
.main-column .cont-wrap .stit {
    font-size: 18px;
    letter-spacing: 1px;
}
.i-column-wrap .stit {
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    color: #333; font-family:"HarmonyOS_Sans_SC_Bold"; font-weight: bold;
    margin-left: -1px;
}
.i-column-wrap.white .line {
    background-color: #000; display:none
}
.i-column-wrap .line {
    display: block;
    width: 10px;
    height: 2px;
    background-color: #000;
    margin-top: 10px;
}
.i-column-wrap.white .mtit {
    color: #888;
}
.main-column .cont-wrap .mtit {
    font-size: 14px;
}
.i-column-wrap .mtit {
    display: none;
    margin-top: 10px;
    line-height: 40px;
    color: #444;
    font-size: 18px;
}
.main-column li {
    background-color: rgba(250, 250, 250, 1);
    margin-top: 50px;
    overflow: hidden;
    transition: all 1s;
    cursor: pointer;    position: relative;
}
.main-column li:hover {
	background-color: #a997db;
}

.main-column li:hover p {
	color: rgba(255, 255, 255, 1);
}

.main-column li:hover .mtit {
	color: rgba(255, 255, 255, 1);
}

.main-column li:hover .font {
	color: rgba(255, 255, 255, 1);
}

.main-column li:hover .line {
	background-color: rgba(255, 255, 255, 1);
}
.main-column a.imgbox:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.pic{    transition: all 1s;}

.main-column li .imgbox{float:left; width:50%}
.main-column li{overflow:hidden}

 
/*products*/
.product-wrapper{padding:40px 0;}
.product-type{}
.product-type ul{text-align:center}
.product-type li{display: inline-block; width:14%; padding:0 10px; margin:10px 0}
.product-type li a{padding:0 10px;display: block;line-height: 40px; background:#4d6cae; color:#fff}
.product-type li.active a{background-color:#a997db;color:#fff;}
.product-type li:not(.active) a:hover{background-color: #a997db; color: #fff;}
.product-box {padding-bottom: 40px;}
.product-box .pro-item{padding-top:50px;}
.product-box .pro-item .title{font-size: 24px;margin-bottom: 30px;border-left:3px solid #2059a8;height:1em;line-height:1em;padding-left:10px; } 
.product-box .overview{color:#666;} 
.product-box .list{padding:20px 0;overflow-x: auto;}
.product-box .list table{width: 100%;min-width: 800px;}
.product-box .list table th{background-color:#2059a8;color:#fff;height: 50px;text-align: center;border:1px solid #e5e5e5;padding:5px;}
.product-box .list table td{height: 50px;text-align: center;border:1px solid #e5e5e5;padding:5px;}
.product-box .application{}
.product-box .application ul{ display: flex;flex-wrap: wrap;margin: 0 -15px;}
.product-box .application li{width: 33.33%;padding:0 15px;}
.product-box .application li .box{display: block;}
.product-box .application li .img{border:1px solid #e5e5e5;}
.product-box .application li .tit{text-align: center;margin: 15px 0;}

/*solution*/
.solution-wrapper{padding:60px 0;}
.step-nav{display: flex;align-items: center;margin-bottom: 60px;}
.step-nav .item{flex:1;text-align: center;}
.step-nav .item .box{width: 75px;height: 85px;background-color: #b8b8b8;color:#fff;line-height: 85px;margin: 0 auto;cursor: pointer;
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
.step-nav .item i{font-size: 36px;}
.step-nav .item.active .box{background-color:#a997db;cursor: pointer;}
.step-nav .arrow{width: 40px;}
.step-nav .arrow i{font-size: 36px;color:#ccc;}
.step-content{margin-bottom: 40px;box-shadow: 0 0 8px 0 #ccc;}
.step-content .flexbox{display: flex;}
.step-content .pane{padding:30px;display: none; overflow:hidden}
.step-content .pane.active{display: block;}
.step-content .cont{ display: flex; flex-direction: column; justify-content: center;}
.step-content .cont .title{color:#2059a8;display: flex;}
.step-content .cont .title .icon{border-bottom: 1px solid #2059a8;margin-right: 10px;height: 55px;}
.step-content .cont .title .icon i{font-size:32px;}
.step-content .cont .title .tit{}
.step-content .cont .title .tit .cn{font-size:32px;font-family:"HarmonyOS_Sans_SC_Bold";line-height: 40px;}
.step-content .cont .title .tit .en{font-size:14px;line-height: 20px;}
.step-content .cont .text{margin-top: 40px;color:#666;line-height: 1.75em;}
.step-content .img img{max-width: 100%;}
 
/*contact*/
.section-contact{padding: 80px 0;background-color: #f8f8f8;}
.contact-box{}
.contact-box h3{font-family:"HarmonyOS_Sans_SC_Bold";font-size: 24px;margin-bottom: 15px;}
.contact-box p{color:#666;}
.contact-box ul{display: flex;flex-wrap: wrap;margin: 30px -15px;}
.contact-box ul li{width: 33.33%;padding: 0 15px;}
.contact-box ul li .box{background-color: #fff;padding:15px;display: flex;align-items: center;}
.contact-box ul li .icon{background-color: #a997db; color:#fff;width: 90px;height: 90px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
.contact-box ul li .icon i{font-size: 40px;}
.contact-box ul li .text{flex:1;}
.contact-box ul li .text h4{font-size: 18px;margin-bottom: 10px;} 
.contact-box .cont{display: flex;}

.contact-box .cont .ewm{width: 250px;text-align: right;}
.contact-box .cont .ewm .box{text-align: center;display: inline-block;}
.contact-box .cont .ewm img{display: block;width: 150px;} 
.map-box{text-align: center;margin-top: 80px;}
.map-box img{max-width: 100%;}

.contact_ny{background: #f5f5f5; padding: 100px 0}
.contact-box h3{font-family:"HarmonyOS_Sans_SC_Bold";font-size: 36px;margin-bottom: 15px;}
.contact-box p{color:#666; line-height: 2em}
.contact-box ul{display: flex;flex-wrap: wrap;margin: 30px -15px;}
.contact-box ul li{width: 33.33%;padding: 0 15px;}
.contact-box ul li .box{background-color: #fff;padding:15px;display: flex;align-items: center; height: 100%;}
.contact-box ul li .icon{background-color: #0375c5; color:#fff;width: 90px;height: 90px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
.contact-box ul li .icon i{font-size: 40px;}
.contact-box ul li .text{flex:1;}
.contact-box ul li .text h4{font-size: 18px;margin-bottom: 10px;} 
.contact-box .cont{display: flex;}
.contact-box .cont .text{flex:1;}
.ab_right{border-top: 1px solid #ccc; padding-top:80px; margin-top: 80px; text-align: center; line-height: 2em; font-family:"HarmonyOS_Sans_SC_Light";}
.contact-box .cont .ewm{width: 250px;text-align: right;}
.contact-box .cont .ewm .box{text-align: center;display: inline-block;}
.contact-box .cont .ewm img{display: block;} 
.map-box{text-align: center;margin-top: 80px;}
.map-box img{max-width: 100%;}
.contact-form3 input,.contact-form3 select,.contact-form3 textarea{ font-size:16px;  padding:0 5px; min-width: 100%; line-height:30px; height: 80px;}
.contact-form3 input{height: 50px; margin-bottom: 30px;     width: 100%;}
.contact-form3 textarea{padding-top: 8px; height: 180px; margin-bottom: 30px;     width: 100%;}
.contact-form3{margin: 0 -15px}

.contact212 h2 {
    font-size: 22px;
    text-align: center;
    font-family: "Microsoft YaHei"; background: #0375c5; width: 196px; height: 55px; line-height: 55px; border-radius: 55px; color: #fff; text-align: center; margin: 0 auto; margin-bottom: 50px;
}
.contact212 p {
    text-align: center;
    font-size: 16px;
    line-height: 40px; max-width:880px; margin:0 auto; display:block;
    color: #666; margin-top: 50px; margin-bottom:30px
}
.submit-btn{background: #0375c5; border: 0; color: #fff; height: 60px; margin-bottom: 80px; font-size: 18px;}
.submit-btn:hover{border: 0; background: #333; color: #fff;}


/*jobs*/
.job-wrapper{padding:60px 0;}
.job-wrapper ul {min-width: 900px;display: flex;}
.job-wrapper ul li{padding:0 15px;}
.job-wrapper ul li.tit{flex:1;}
.job-wrapper ul li.type{width: 150px;}
.job-wrapper ul li.city{width: 150px;}
.job-wrapper ul li.num{width: 150px;}
.job-wrapper ul li.date{width: 130px;}
.job-head{background-color: #a997db;color:#fff;height: 50px;line-height: 50px;} 
.job-list{}
.job-list .item{border-bottom: 1px solid #f1f1f1;}
.scrollbar{overflow-x: auto;position: relative;}
.job-list .item ul{cursor: pointer;}
.job-list .item li{line-height: 30px;padding:15px;}
.job-list .item .cont{background-color: #f5f5f5;padding:30px 25px;display: none;}
/*.job-list .item.active .cont{display: none;}*/
.job-list .cont .text{line-height: 2em;}
.job-list .cont .text h4{font-family:"HarmonyOS_Sans_SC_Bold";line-height: 2em;}
.job-list .cont .link{display: block;width: 160px;height: 50px;line-height: 50px;background-color: #2059a8;color:#fff;text-align: center;margin-top: 20px;}

 @media(max-width:1600px){
  .product-type li{width:20%}
}

@media (min-width:992px) {    
    .valuesbox .text{height:90px;}
    .valuesbox .list{margin-top: 30px;}
    .step-content .cont{padding-right: 15px; float:left; width:50%}
	.step-content .img{padding-left: 15px; float:right; width:50%} 
} 
   
@media (min-width:1440px) {  
/*	.section-values{height: 600px;}*/
	.valuesbox .text{height:160px;}
	.valuesbox .list{margin-top: 60px;}
	.job-wrapper ul li.type{width: 180px;}
	.job-wrapper ul li.city{width: 280px;}
	.job-wrapper ul li.num{width: 180px;}
	.job-wrapper ul li.date{width: 150px;}
} 

@media(max-width:1199px){ 
	 .contact-box ul{display: block;}
	 .contact-box ul li{margin-bottom: 20px;width: 100%;}
}

@media(max-width:991px){ 
	.application-list li{width: 33.33%;}
	.step-content .flexbox{display: block;}
	.step-content .cont{margin-bottom: 20px;}
   .product-type li{width:33.33%}
  .application-list li{width:50%; float: left;}
	.main-column .cont-wrap,.main-column li .imgbox{width:100%}
  .main-column li .imgbox {    float: initial !important;}
  .application-list ul{overflow:hidden}
  .main-column .cont-wrap{    position: initial;}
  .main-column .titbox .font{display: -webkit-box;
  -webkit-line-clamp: 3; /* 设置为你想要的行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
  .main-column .cont-wrap{margin:0 !important; padding: 15px }
  .product-box .row{display:block}
  .company-data{display:inherit; height:auto; padding:30px 0}
  .company-data .item .num{margin-bottom:0}
  .company-data .item{margin-bottom:30px;}
  .text p{padding:0}
  .menubox ul{display:inherit}
  .menubox li{    display: inline-block; width:50%}
  .type,.date{display:none}
  .job-wrapper ul{min-width:auto}
}

@media(max-width:767px){  
	.ban-cont .text h2{font-size: 20px;}
	.ban-cont .text p{font-size: 14px;margin-top:10px;}
	.section-profile{padding-top:50px;}
	.section-profile .container{display: block;}
	
	.company-data .item{padding:0 5px;}
	.company-data .item .num{ font-size: 24px;}
	.company-data .item .txt{ font-size: 16px;}
	.section-company .section-head h2{font-size:24px;line-height:30px;}
	.valuesbox .list{margin-top: 30px;}
	.valuesbox .list li{padding: 0 15px;}
	.valuesbox .list li .tit{font-size: 44px;}
	.valuesbox .list li .txt{font-size: 14px;}
	.partner-list{margin: 0 -5px;}
	.partner-list li{padding:0 5px;} 
	.menu-wrapper .flexbox{display: block;}
	.breadcrumb{line-height: 40px;}
	.menubox li{line-height: 48px;}
	.menubox li a{padding: 0 10px;} 
	.product-type ul{flex-wrap: wrap;}
	.product-type li {margin-bottom: 10px;}
	.product-type li a{padding:0 10px;}
	.product-box .application ul{margin: 0 -5px;}
	.product-box .application li{padding: 0 5px;}
	.application-wrapper{padding:40px 0;}
	.application-list ul{margin: 0 -5px;}
	.application-list li{padding: 5px;}
	.step-nav .item .box{width: 50px;height: 60px;line-height:60px;}
	.step-nav .item i{font-size: 24px;}
	.step-nav .arrow{width: 24px;}
	.step-nav .arrow i{font-size: 20px;}
	.step-content .pane{padding: 20px;}
	.job-list .item .cont{padding: 15px;}
	.contact-box ul li .icon{width: 60px;height: 60px;}
	.contact-box ul li .icon i{font-size: 30px;}
	.contact-box .cont{display: block;}
	.contact-box .cont .text{border-bottom: none;margin-bottom: 20px;}
	.contact-box .cont .ewm{width: 100%;text-align: left;}
	 .product-type li{width:50%}
  .application-list li{width:100%; float: left;}
}