img{max-width: 100%;}
html.lt10{ overflow-x: hidden;}
/*加入我们*/
.inbanner{position: relative;}
.inbanner::before{content: ""; position: absolute; lefT:0; top:0; width:100%;height: 130px;
  background: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
  background: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
  background: -o-linear-gradient(bottom, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);}
.inbanner .txt{color:#fff;}
.inbanner .txt h2 i{ color:#EC6C10;margin-lefT:20px;}
@media only screen and (max-width:767px) {
  .inbanner{ height: 200px;}
  .inbanner img{ display: none;}
  .inbanner .txt{top:60%;}
  .inbanner .txt h2{ font-size: 16px;}
  .inbanner .txt h2 i{margin-left:5px;}
}

.bg-cover{ background-position: top center; background-size: cover; background-repeat: no-repeat;}



.join-part01{ padding:4% 0;overflow: hidden;}
.join-part01 ul{margin:0 -1.5%;}
.join-part01 li{ float: left; width:30.33%; margin:0 1.5%; background: url(../images/join01.jpg) no-repeat; background-size: cover; position: relative;}
/*.join-part01 li+li{ float: right;background: url(../images/join02.jpg) no-repeat; background-size: cover;}*/
.join-part01 li::before{ content:""; position: absolute; lefT:0; top:0; widtH:10px; height: 10px; border-left:2px solid #003C8B; border-top: 2px solid #003C8B;}
.join-part01 li::after{ content:""; position: absolute; right:0; bottom:0; widtH:10px; height: 10px; border-right:2px solid #003C8B; border-bottom: 2px solid #003C8B;}
.join-part01 li dl{padding:7% 20%;}
.join-part01 li dt{ float: left; width:110px; height: 85px; }
.join-part01 li dd{ float: right; width:calc(100% - 130px); line-height: 85px;}
.join-part01 li dd h2{ margin-bottom: 3%; color:#000;}
.join-part01 li dd p{margin:2% 0 0; color:#000;}

.join-part02{margin:6% 0 0; overflow: hidden;}
.join-part02 ul{margin:0 -2%;}
.join-part02 li{ float: left; widtH:29.33%; margin:0 2%;}
.join-part02 li .img{margin-bottom: 5%;}
.join-part02 li h2{margin-bottom:4%; line-height: 1.2;color:#000;}
.join-part02 li:nth-of-type(1){margin-top:6%;}
.join-part02 li:nth-of-type(3){margin-top:10%;}

.join-part03{margin:6% 0 0;}
.join-part03 h2{ text-align: center; color:#000; margin-bottom: 3%;}
.join-part03 .swiper-slide{ widtH:51%; position: relative;}
.join-part03 .swiper-slide::before{}
.join-part03 .swiper-slide.swiper-slide-active::before{}
.join-part03 .swiper-slide.swiper-slide-prev::before,.join-part03 .swiper-slide.swiper-slide-next::before{content: ""; position: absolute;lefT:0; top:0; width:100%; height: 100%; background: rgba(255,255,255,0.6);}

.join-part03 .swiper-container{ padding-bottom:4%;}
.join-part03 .swiper-pagination{ bottom:0;}
.join-part03 .swiper-pagination span{ widtH:118px; height: 1px; background: #DEDEE2; opacity: 1; border-radius: 0; margin:0!important;}
.join-part03 .swiper-pagination span.swiper-pagination-bullet-active{ height: 3px; background: #EC6700; position: relative; top:1px;}
.join-part03 .swiper-button-prev{ left:calc(24.5% - 32px); margin-top:-42px; widtH:64px;height: 64px; line-height: 64px; text-align: center; border-radius:50%; background: #fff;}
.join-part03 .swiper-button-next{ right:calc(24.5% - 32px);margin-top:-42px; widtH:64px;height: 64px;line-height: 64px; text-align: center; border-radius:50%; background: #fff;}
.join-part03 .swiper-button-prev i,.join-part03 .swiper-button-next i{ font-size: 20px; color:#8F8F8F;}
.join-part03 .swiper-button-prev:hover i,.join-part03 .swiper-button-next:hover i{color:#EC6700;}
.lt10 .join-part03 .swiper-pagination{display: none;}

.join-part04{margin:6% 0 0;}
.join-part04 h2{ text-align: center; color:#000; margin-bottom: 3%;}
.join-part04 .con{position: relative; overflow: hidden;}
.join-part04 .bg-box{ position: relative;}
.join-part04 .bg-box::before{content: ""; position: absolute; z-index: 2; left:0; top:0; widtH:100%; height: 100%; background: rgba(0,0,0, 0.5);}
.join-part04 .bg-box li{ display: none;}
.join-part04 .bg-box li.on{ display: block;}
.join-part04 .bg-box li .txt{ display: none;}
.join-part04 .bg-box .swiper-button-prev,.join-part04 .bg-box .swiper-button-next{ display: none;}
.join-part04 .tt-box{ position: absolute; z-index: 2; left:0; top:0; widtH:100%; height: 100%;}
.join-part04 .tt-box ul{position: absolute;z-index: 3; lefT:4%; top:0; width:96%; height: 100%;}
.join-part04 .tt-box li{ float: left; widtH:14%; height: 100%; position: relative;}
.join-part04 .tt-box li::before{content: ""; position: absolute; lefT:0; top:0; widtH:1px; height: 100%; background: rgba(255,255,255,0.2);}
.join-part04 .tt-box li.on{ width:30%;}
.join-part04 .tt-box li .txt{ position: absolute; left:0; bottom:30px; padding-left: 20px; color:#fff; /*transform: translateY(100%);*/}
.join-part04 .tt-box li .txt::before{opacity: 0; content: ""; position: absolute; lefT:-2px; top:-40px; width:5px; height: 140px; background: #EC6700;}
.join-part04 .tt-box li .txt h3{margin-bottom: 10px;}
.join-part04 .tt-box li .txt p{ display: none; height: 3em;}
.join-part04 .tt-box li.on .txt{ bottom:50%; /*transform: translateY(50%);*/}
.join-part04 .tt-box li.on .txt::before{opacity: 1;}
.join-part04 .tt-box li.on .txt p{opacity: 1; display: block;}

.join-part05{margin:6% 0 0;}
.join-part05 h2{ text-align: center; color:#000; margin-bottom: 3%;}
.join-part05 li{ float: left; widtH:20%; text-align: center; position: relative;}
.join-part05 li span{ display: block; margin:0 0 5%;}
.join-part05 li span img{ widtH:100px; height: 100px;}
.join-part05 li p{color:#000;}
.join-part05 li::after{content: ""; position: absolute; right:-18%; bottom:15px; widtH:36%; height: 1px; border-bottom: 1px dashed #BFBFBF;}
.join-part05 li:last-child::after{ display: none;}

.join-part06{margin:6% 0 0; padding: 6% 0; position: relative;}
.join-part06::before{content: ""; position: absolute; left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.32); }
.join-part06 .wrap{position: relative; z-index: 2;}
.join-part06 h2{text-align: center; color:#fff; margin-bottom: 3%;}
.join-part06 .join-search{ max-width:764px; margin:0 auto; height: 56px; line-height: 56px; background: #fff;}
.join-part06 .join_stxt{ float: left; widtH:calc(100% - 100px);height: 56px; line-height: 56px; border:none; background: none; padding: 0 20px;}
.join-part06 .join_sbtn{ float: right; widtH:60px; text-align: center; position: relative;}
.join-part06 .join_sbtn::before{content: ""; position: absolute; lefT:0; top:10%; width:1px; height: 80%; background: #E8E8E8;}
.join-part06 .join_sbtn i{ line-height:56px; font-size: 20px; color:#ED7111;}
@media only screen and (max-width:1399px) {
.join-part01 li dl{padding:7% 15%;}
}
@media only screen and (max-width:1365px) {
  .join-part05 li::after{bottom:12px;}
  .join-part01 li dl{padding:7% 10%;}
}
@media only screen and (max-width:1023px) {
.join-part01 li dl{padding:5%;}
.join-part01 li dt{width:80px; height: 62px;}
.join-part01 li dd{width:calc(100% - 100px); line-height: 62px;}
.join-part03 .swiper-button-prev,.join-part03 .swiper-button-next{widtH:40px; height: 40px; line-height: 40px; margin-top:-20px;}
.join-part03 .swiper-button-prev{left:calc(24.5% - 20px);}
.join-part03 .swiper-button-next{right:calc(24.5% - 20px);}
.join-part03 .swiper-button-prev i,.join-part03 .swiper-button-next i{ font-size: 16px;}
.join-part03 .swiper-pagination{ display: none;}
.join-part03 .swiper-container{padding-bottom: 0;}
.join-part04 .tt-box li .txt{padding-left: 10px;}
.join-part05 li{width:33.33%;}
.join-part05 li:nth-of-type(3)::after{ display: none;}
}
@media only screen and (max-width:767px) {
  .join-part01 li{ widtH:100%; margin:10px 0;}
  .join-part01 li dt{width:60px; height: 46px;}
  .join-part01 li dd{width:calc(100% - 80px); line-height: 46px;}
  .join-part03 .swiper-button-prev{ lefT:10px;}
  .join-part03 .swiper-button-next{ right:10px;}
  .join-part04 .con,.join-part04 .bg-box{ height: auto!important;}
  .join-part04 .tt-box,.join-part04 .tt-box ul{position: static; height: auto;}
  .join-part04 .tt-box{ display: none; background: #000; padding:10px 0;}
  .join-part04 .bg-box::before{ display: none;}
  .join-part04 .bg-box li{ display: block;}
  .join-part04 .bg-box li .txt{ display: block; padding: 4% 0 0;}
  .join-part04 .bg-box li .txt h3{font-size: 16px;}
  .join-part04 .bg-box .swiper-button-prev,.join-part04 .bg-box .swiper-button-next{ display: block;}
  .join-part04 .bg-box .swiper-button-prev,.join-part04 .bg-box .swiper-button-next{width:40px; height:40px; line-height: 40px; margin-top:-20px;text-align: center; border-radius:50%; background: #fff;}
  .join-part04 .bg-box .swiper-button-prev{left:5px;}
  .join-part04 .bg-box .swiper-button-next{right:5px;}
  .join-part04 .bg-box .swiper-button-prev i,.join-part04 .bg-box .swiper-button-next i{font-size: 16px;color:#8F8F8F;}
  .join-part04 .bg-box .swiper-button-prev:hover i,.join-part04 .bg-box .swiper-button-next:hover i{font-size: 16px;color:#EC6700;}
  
  /*.join-part04 .tt-box ul{width:100%;}
  .join-part04 .tt-box li{ width: 100%; height: auto; margin-bottom: 10px;}
  .join-part04 .tt-box li::before{ display: none;}
  .join-part04 .tt-box li.on{ widtH:100%;}
  .join-part04 .tt-box li .txt{position: static;}
  .join-part04 .tt-box li .txt::before{top:0; height: 100%;}
  .join-part04 .tt-box li .txt h3{margin-bottom: 2px;}
  .join-part04 .tt-box li .txt p{ height: auto;}*/
  .join-part05 li{ width:50%;}
  .join-part05 li:nth-of-type(3)::after{ display: block;}
  .join-part05 li:nth-of-type(2)::after,.join-part05 li:nth-of-type(4)::after{ display: none;}
  .join-part05 li span img{ widtH:60px; height: 60px;}
  .join-part06 .join-search,.join-part06 .join_stxt,.join-part06 .join_sbtn,.join-part06 .join_sbtn i{ height: 40px; line-height: 40px;}
}


.hr-part01{ text-align: center; margin:5% 0 3%;}
.hr-part01 ul{ display: inline-block;}
.hr-part01 li{ float: left; position: relative; padding: 0 50px;}
.hr-part01 li::before{ content: ""; position: absolute; lefT:0; top:50%; margin-top:-10px; width: 1px; height: 20px; background: #C4C4C4;}
.hr-part01 li:first-child::before{display: none;}
.hr-part01 li a{color:#7F7F7F;}
.hr-part01 li.on a{color:#000;}

.hr-part02{margin:0 0 3%; position: relative; z-index: 100;}
.hr-part02 .btn{ float: right; width: 76px; height: 56px; line-height: 56px;
  background-image:-moz-linear-gradient(to bottom,#003F8B,#0068F0);
  background-image:-webkit-linear-gradient(to bottom,#003F8B,#0068F0);
  background-image:-ms-linear-gradient(to bottom,#003F8B,#0068F0);
  background-image:-o-linear-gradient(to bottom,#003F8B,#0068F0);
  background-image:linear-gradient(to bottom,#003F8B,#0068F0);}
.ie9 .hr-part02 .btn{ background: #0068F0;}
.hr-part02 .btn i{color:#fff;font-size: 20px;}
.sel-box{ float: left; width:calc(100% - 76px);}
.sel-box li{ float: left; width:31.83%; margin-right:1.5%; height: 54px; line-height: 54px; background: #fff;}
.on_o{color: #000;}
.select-box{position: relative;border:1px solid #CFCFCF;}
.select-box dt{cursor: pointer; padding:0 56px 0 20px; position: relative;}
.select-box dt i{ position: absolute; right:0; top:0; widtH:56px; height: 100%; background: url(../images/dot08.jpg) center no-repeat;}
.select-box dt.on_o i{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.select-box dd{padding:10px 20px;border: 1px solid #CFCFCF;position: absolute;top:56px;left: -1px;width:calc(100% - 40px);background: #fff;max-height: 220px;overflow: hidden;overflow: auto;display: none;z-index: 9;}
.select-box dd a{display: block;line-height:40px;cursor: pointer;}
.job-part ul{margin:0 0 5%;}
.job-part li{border-bottom: 1px solid #D6D6D6;}
.job-part dt{overflow: hidden;padding:2% 4%;line-height:30px;cursor: pointer; position: relative;}
.job-part dt span{ float: left; width:30%;}
.job-part .recruit_btn{float: right;width: 26px;height: 26px;line-height: 26px;text-align: center;}
.job-part .recruit_btn i{font-size:30px; color:#000; font-weight: bold;}
.job-part li.on{ border-bottom: none;}
.job-part li.on .recruit_btn i:before{content: "\eaf5"!important;}
.job-part li.on .recruit_btn i{color:#fff;}
.job-part li.on dt{color:#fff; background: #2F2F2F;}
.job-part li dd{padding:3% 4% 5%; display: none; background: #F3F4F5;}
.recruit_top{overflow: hidden;margin-bottom:3%; color:#000; padding-bottom: 3%; border-bottom:1px solid #C4C4C5;}
.recruit_top span{float: left;}
.recruit_top em{ float: left; margin:0 10px;}
.recruit_box{overflow: hidden;}
.recruit_box .inner{width:100%;color:#434343;}
.recruit_box h3{line-height: 30px; margin-bottom: 10px; color:#000; font-weight: bold;}
.recruit_box h3 i{margin-right:10px; float: left; width:22px;}
.recruit_box h3 i img{ vertical-align: middle;}
.recruit_box .item{margin-bottom: 2%;}
.recruit_box p{margin-bottom: 5px;}
.recruit_box .pub_more a{font-weight: bold;}

@media only screen and (max-width:1365px){
    .job-part .recruit_btn i{ font-size: 24px;}	
}
@media only screen and (max-width:1279px){
    .job-part .recruit_btn i{ font-size: 18px;}	
}
@media only screen and (max-width:767px){
  .hr-part01 li{padding:0 10px;}
  .sel-box{width:100%;}
  .sel-box li{ widtH:100%; margin-bottom: 10px; height: 40px; line-height: 40px;}
  .select-box dd{top:40px;}
  .select-box dd a{ line-height: 30px;}
  .hr-part02 .btn{ float: none; height: 40px; line-height: 40px; display: block; margin:0 auto;}
  .job-part .recruit_btn{ position: absolute; right:0; top:8px;}
  .job-part .recruit_btn i{ font-size: 14px;}	
  .job-part dt span{ width:calc(50% - 12px);}
  .job-part dt span+span+span{width:100%;}
}

/*page*/
.pageout{text-align: center;clear: both; margin:0 0 7%;}
.page{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;text-align:center;margin: 0 auto;color:#000; height:48px; line-height:48px;}
.page a{float: left; width:48px; height: 48px; text-align: center;}
.page a.on{color:#ec6700;}
.page a.prev,.page a.next{margin-right: 20px; background: #000;}
.page a.next{margin-right: 0; margin-left:20px}
.page a.prev.no,.page a.next.no{ opacity: 0.2;}
.page a.prev i,.page a.next i{color:#fff; font-size: 30px;}
@media only screen and (max-width:767px) {
.page a.num{display:none;}
.page a{ width: 30px; height: 30px; line-height: 30px;}
.page a.prev i, .page a.next i{ font-size: 20px;}
.page a.prev{margin-right: 10px;}
.page a.next{ margin-left: 10px;}
}
/*page*/

.consult-part{ padding:6% 0 8%; background: #EFEFEF;}
.consult-box{background: #fff;}
.consult-box .ll{ float: left; widtH:50%; position: relative;}
.consult-box .ll .txt{position: absolute; top:8%; left:8%; color:#fff; padding-top: 3%;}
.consult-box .ll .txt::before{content: ""; position: absolute; left:0; top:0; widtH:115px; height:3px; background: #ec6700;}
.consult-box .ll .txt h2{margin-bottom: 10px;}
.consult-box .ll .txt h3 a{margin-left: 5px; color:#fff!important;}
.consult-box .rr{ float: right; widtH:50%;}
.consult-box .rr .inner{max-width: 560px; widtH:90%; margin:6% auto 0; color:#000;}
.consult-box .rr li{margin-bottom: 3%;}
.consult-box .rr li:last-child{margin-bottom: 0;}
.consult-box .rr h2{margin-bottom: 4%;}
.consult-box .rr label{margin:0 30px 0 0; cursor: pointer;}
.consult-box .rr label input{margin-right: 10px;}
.consult-box .rr .pub_more{padding-top: 20px;}
.consult-box .rr .pub_more button{border:1px solid #F2F2F2;color:#000; margin:0 auto;}
.consult-box .rr .inp{ widtH:calc(100% - 42px); height: 54px; line-height: 54px; bordeR:1px solid #E0E0E0; padding: 0 20px;}
.consult-box .rr .inp::placeholder,.consult-box .rr .txt::placeholder{color:#666;}
.consult-box .rr .txt{ widtH:calc(100% - 42px); height: 138px; line-height: 1.5; bordeR:1px solid #E0E0E0; padding: 10px 20px;}
/*模拟radio*/
.label-radio { position:relative; background:url(../images/radio.png) 0 3px no-repeat; display:inline-block;}
.label-radio.on { background-position:0 -81px; }
.label-radio input { opacity:0; filter:alpha(opacity=0);}
@media only screen and (max-width:1599px) {
  .consult-box .rr h2{margin-bottom: 2%;}
  .consult-box .rr li{margin-bottom: 1.5%;}
  .consult-box .rr .pub_more{padding-top: 10px;}
}
@media only screen and (max-width:1399px) {
.consult-box .rr .txt{ height: 108px;}
.consult-box .rr .inp{height: 44px; line-height: 44px;}
}
@media only screen and (max-width:1279px) {
.consult-box .rr .inp{ height: 36px; line-height: 36px;}
}
@media only screen and (max-width:1023px) {
  .consult-box .ll,.consult-box .rr{ widtH:100%;}
  .consult-box .rr .inner{margin:5% auto;}
}
@media only screen and (max-width:767px) {
.consult-box .rr label{margin-right: 10px;}
}

.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;}
.clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4; line-height: 1.5; max-height: 6em;height: 6em;overflow:hidden;}


.news-tit{ text-align: center; border-bottom:1px solid #F7F7F7; box-shadow:0 0 5px 5px rgba(0,0,0,0.05);}
.news-tit ul{ display: inline-block;}
.news-tit li{float: left; margin:0 20px; position: relative;}
.news-tit li a{ display: block;padding:20px 40px;color:#8E8E8E;}
.news-tit li::before{opacity: 0; content: ""; position: absolute; lefT:0; bottom:-5px; widtH:100%; height: 2px; background:#EC6700;}
.news-tit li.on::before{ opacity: 1;}
.news-tit li.on a{color:#050505;}
.news-con{ padding:5% 0 0;}
.news-top{margin-bottom: 5%; position: relative;}
.news-top .swiper-slide{ background: #EEF0F4;}
.news-top .swiper-button-prev,.news-top .swiper-button-next,.swibox .swiper-button-prev,.swibox .swiper-button-next,.solution-part06 .swiper-button-prev,.solution-part06 .swiper-button-next{lefT:-32px; widtH:64px;height: 64px; line-height: 64px; margin-top:-32px; text-align: center; border-radius:50%; background: #fff;box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);}
.news-top .swiper-button-next,.swibox .swiper-button-next,.solution-part06 .swiper-button-next{left:auto; right:-32px;}
.news-top .swiper-button-prev i,.news-top .swiper-button-next i,.swibox .swiper-button-prev i,.swibox .swiper-button-next i,.solution-part06 .swiper-button-prev i,.solution-part06 .swiper-button-next i{ font-size: 20px;color:#8F8F8F;}
.news-top .swiper-button-prev:hover i,.news-top .swiper-button-next:hover i,.swibox .swiper-button-prev:hover i,.swibox .swiper-button-next:hover i,.solution-part06 .swiper-button-prev:hover i,.solution-part06 .swiper-button-next:hover i{ color:#EC6700;}
.news-top .ll{ float:left; widtH:61.875%;}
.news-top .rr{ float: right; widtH:38.125%;}
.news-top .rr .inner{padding:12% 10%;}
.news-top .rr h2 a{color:#000;}
.news-top .rr span{font-family: Arial, Helvetica, sans-serif; color:#000; display: block;margin:2% 0 5%;}
.news-top .rr p{color:#000;}
.news-list ul{margin:0 -1.2%;}
.news-list li{ float: left; width:30.93%; margin:0 1.2% 4%;}
.news-list li .img{margin-bottom: 4%;}
.news-list li span{font-family: Arial, Helvetica, sans-serif; color:#000; display: block;margin-bottom:2%;}
.news-list li h2{ height:3em;}
.news-list li h2,.news-list li h2 a{color:#000;}
@media only screen and (max-width:1279px) {
  .news-top .swiper-button-prev,.swibox .swiper-button-prev,.solution-part06 .swiper-button-prev{lefT:-24px;}
  .news-top .swiper-button-next,.swibox .swiper-button-next,.solution-part06 .swiper-button-next{right:-24px;}
}
@media only screen and (max-width:1023px) {
.news-top .swiper-button-prev,.swibox .swiper-button-prev,.solution-part06 .swiper-button-prev{lefT:-20px;}
.news-top .swiper-button-next,.swibox .swiper-button-next,.solution-part06 .swiper-button-next{right:-20px;}
.news-top .swiper-button-prev,.news-top .swiper-button-next,.swibox .swiper-button-prev,.swibox .swiper-button-next,.solution-part06 .swiper-button-prev,.solution-part06 .swiper-button-next{ widtH:40px; height: 40px; line-height: 40px; margin-top:-20px;}
.news-top .swiper-button-prev i,.news-top .swiper-button-next i,.swibox .swiper-button-prev i,.swibox .swiper-button-next i,.solution-part06 .swiper-button-prev i,.solution-part06 .swiper-button-next i{ font-size: 16px;}
}
@media only screen and (max-width:767px) {
.news-tit ul{widtH:100%;}
.news-tit ul li{ width: 25%; margin: 0;}
.news-tit ul li a{padding:15px 0 10px;}
.news-top .ll,.news-top .rr{widtH:100%;}
.news-top .rr .inner{padding:5%;}
.news-top .swiper-button-prev,.swibox .swiper-button-prev{lefT:10px; top:25%;}
.news-top .swiper-button-next,.swibox .swiper-button-next{right:10px;top:25%;}
.news-list ul{margin:0 0 3%;}
.news-list li{widtH:100%; margin:0 0 4%;}
.news-list li span{margin-bottom: 0;}
.news-list li h2{height:auto;}
}

.news-details{ padding:10px 0 6%; background: #F5F5F5;}
.news-details .dets_ll{ float: left; width:62%; padding: 4% 0 0;}
.news-details .dets_ll h1{margin-bottom:3%; text-align: center; color:#000;}
.news-details .dets_ll .bon{color:#000; line-height: 20px; padding-bottom: 15px; border-bottom: 1px solid #DEDEE2;}
.news-details .dets_ll .bon i{font-size: 12px; margin:0 10px; vertical-align: top;}
.news-details .dets_ll .bon .r_share{ float: right;}
.news-details .dets_ll .bon .r_share a i{ font-size: 24px;margin:0 10px 0 0; color:#929292;}
.news-details .dets_ll .bon .r_share a:hover i{ color: #EC6700;}
.news-details .dets_ll .conts{padding:4% 0; border-bottom: 1px solid #9D9D9D;}
.news-details .dets_rr{ float: right; width:33.75%; background: #fff;}
.news-details .dets_rr h2{margin:10% 8% 2%;}
.news-details .dets_rr ul{margin:0 8% 20%;}
.news-details .dets_rr li{padding:7% 0; border-bottom: 1px solid #EBEBEB;}
.news-details .dets_rr li img{margin-bottom: 5%;}
.news-details .dets_rr li span{ display: block; font-family: Arial, Helvetica, sans-serif; color:#000;}
.news-details .dets_rr li p{margin-top:2%;}

.d_share{overflow: hidden;margin: 6% 0 0;}
.d_share span{font-size: 20px; float: left;width: 32px;text-align: center; background: #EC6700;color: #fff;border-radius: 100%;}
.share_common{float: left;padding: 0 27px;overflow: hidden;}
.share_common a,.d_share span{height: 32px; line-height:32px;}
.share_common a{float: left;color: #a8a8a8;padding: 0 10px;}
.share_common a i{font-size: 20px;}
.news_page{position: relative; padding-top: 30px;}
.news_page span{display: block; width:calc(100% - 200px); color:#2D2D2D;line-height: 34px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_page a{color:#2D2D2D;}
.news_page a.close{ position: absolute; right:0; top:30px; width:190px; height: 56px; line-height: 56px; text-align: center; background: #fff; color:#000;}

@media only screen and (max-width:1440px) {
  .news_page a.close{ widtH:150px; height: 46px; line-height: 46px;}
  .news_page span{width:calc(100% - 160px);}
}
@media only screen and (max-width:1024px) {
  .news_page a.close{ widtH:120px; height: 40px; line-height: 40px;}
  .news_page span{width:calc(100% - 130px);}
}
@media only screen and (max-width:1023px) {
  .news-details .dets_ll .bon .r_share{ float: none; margin-top:10px;}
}
@media only screen and (max-width:767px) {
.news-details .dets_ll,.news-details .dets_rr{width:100%;}
.news-details .dets_ll{margin-bottom: 5%;}
.news-details .dets_ll .bon .r_share a i{ font-size: 18px;}
.news_page{padding-top: 15px;}

.news_page span{widtH:100%;}
.close{ display: none;}
.news-details .dets_rr h2{margin:5% 5% 2%;}
.news-details .dets_rr ul{margin:0 5% 5%;}
.news-details .dets_rr li{padding:3% 0;}
.news-details .dets_rr li p{margin-top:0;}
}



.technology-part01{padding:5% 0 7%;}
.technology-part01 h2,.technology-part01 h3{ text-align: center;color:#000;}
.technology-part01 h2{margin-bottom: 1%;}
.technology-part01 ul{margin:8% 0 0;box-shadow: 0 0 30px rgba(0,0,0,0.05);}
.technology-part01 li{ float: left; width:33.33%; background: rgba(255,255,255,0.3); position: relative;}
.technology-part01 li .hover_bg{position: absolute;top:0px;left: 0;width: 100%;height: 100%;background:#fff;box-shadow: 0 0 30px rgba(0,0,0,0.15);visibility: hidden;opacity: 0;transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7);-moz-:scale(0.7,0.7);-o-transform:scale(0.7,0.7);-ms-transform:scale(0.7,0.7);}
.technology-part01 dl{padding:10% 10%; position: relative; z-index: 2;}
.technology-part01 dl dt{ text-align: center; margin-bottom:7%;}
.technology-part01 dl dt img{max-width: 110px; max-height: 76px;}
.technology-part01 dl dd{ height: 23em;}
.technology-part01 dl dd h3{color:#000; font-weight: bold; text-align: center;margin-bottom:3%;}
.technology-part01 dl dd p{margin-bottom:8px;}
.technology-part01 dl dd p:last-child{margin-bottom: 0;}
.technology-part01 dl dd p b{font-weight: normal; color:#000;}

.technology-part02{padding:7% 0 12%; color:#fff;}
.technology-part02 h2,.technology-part02 h3{ text-align: center;}
.technology-part02 h2{margin-bottom: 1%;}
.technology-part02 h3{margin-bottom: 5%;}
.technology-part02 ul{margin:0 -1%}
.technology-part02 li{ float: left; widtH:23%; margin:0 1%; padding:3% 0; opacity: 0.9; text-align: center; position: relative;
  background-image:-moz-linear-gradient(to bottom,#0063E5,#00B4FF);
  background-image:-webkit-linear-gradient(to bottom,#0063E5,#00B4FF);
  background-image:-ms-linear-gradient(to bottom,#0063E5,#00B4FF);
  background-image:-o-linear-gradient(to bottom,#0063E5,#00B4FF);
  background-image:linear-gradient(to bottom,#0063E5,#00B4FF);}
.ie9 .technology-part02 li{background: #0063E5;}
.technology-part02 li span{ display: block; margin:0 auto 7%; widtH:70px; height: 70px;}
.technology-part02 li h4{margin-bottom: 10px; height: 1.5em; overflow: hidden;}
.technology-part02 li p{padding:0 5%;}
.technology-part02 li::before{ content:""; position: absolute; lefT:0; top:0; widtH:10px; height: 10px; border-left:2px solid #fff; border-top: 2px solid #fff;}
.technology-part02 li::after{ content:""; position: absolute; right:0; bottom:0; widtH:10px; height: 10px; border-right:2px solid #fff; border-bottom: 2px solid #fff;}


.technology-part03{padding:5% 0 7%; overflow: hidden;}
.technology-part03 h2{ text-align: center; margin-bottom: 5%;color:#000;}
.technology-part03 ul{margin:0 -2.5%;}
.technology-part03 li{ float: left; width:20%; margin:0 2.5%; text-align: center;}
.technology-part03 li span{ display: block; margin:0 auto; widtH:182px; height: 204px;}
.technology-part03 li h3{ line-height: 1.2; color:#000;margin-bottom:8%;}
.technology-part03 li h3 em{position: relative; top:-20px;}
.technology-part03 li p{color:#000; height: 4.5em;}
.technology-part03 li p b{ font-weight: bold;}

.technology-part04{padding:5% 0 7%;}
.technology-part04 h2{text-align: center; margin-bottom: 5%;color:#000;}
.technology-part04 ul{margin:0 -1%;}
.technology-part04 li{ float: left; width:31.33%; margin:0 1% 2%; text-align: center; background: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);}
.technology-part04 li dd{padding: 5% 10px;color:#000;}

.technology-part05{padding:5% 0 7%;}
.technology-part05 h2{text-align: center; margin-bottom: 5%;color:#000;}
.technology-part05 .swibox{position: relative;}
.technology-part05 .swibox li dl{ position: relative;widtH:100%;}
.technology-part05 .swibox li dl::before{content:""; position: absolute; z-index: 0; lefT:0; top:40px; widtH:100%; height: 100%; background: #F0F2F5;}
.technology-part05 .swibox dt{ float: left; margin-left:4%; widtH:34.5%; position: relative; z-index: 1;}
.technology-part05 .swibox dd{color:#000; float: right; widtH:52%;padding:5% 5% 4% 0; position: relative; z-index: 1;}
.technology-part05 .swibox dd h3{margin-bottom:2%;}


@media only screen and (max-width:1599px) {
.technology-part01 dl dd{ height: 22.5em;}
}
@media only screen and (max-width:1023px) {
.technology-part01 ul{margin-top:4%;}
.technology-part01 dl dd{height: 12em;}
.technology-part03 li span{widtH:120px; height: auto;}
.technology-part05 .swibox li dl::before{top:20px;}
}
@media only screen and (max-width:767px) {
  .technology-part01 li{widtH:100%; margin-bottom: 5%;}
  .technology-part01 dl{padding:5%;}
  .technology-part01 dl dd{height: auto;}
  .technology-part02 ul,.technology-part03 ul,.technology-part04 ul{margin:0;}
  .technology-part02 li{widtH:100%; margin:0 0 5%; padding:7% 0;}
  .technology-part02 li span{margin-bottom: 3%;}
  .technology-part03 li{widtH:100%; margin:0 0 5%;}
  .technology-part03 li span{widtH:80px;}
  .technology-part03 li h3{margin-bottom: 2%;}
  .technology-part03 li p{height: auto;}
  .technology-part04 li{widtH:100%; margin:0 0 5%;}
  .technology-part05 .swibox dt{widtH:100%; margin:0;}
  .technology-part05 .swibox dd{widtH:90%; padding:5%;}
  .swibox .swiper-button-prev,.swibox .swiper-button-next{top:29%;}
}

.solution-part01{margin:5% 0;}
.solution-part01 .wrap{ background: #EEF0F4;}
.solution-part01 .ll{ float:left; widtH:61.875%;}
.solution-part01 .rr{ float: right; widtH:38.125%;}
.solution-part01 .rr .inner{padding:12% 10% 5%;}
.solution-part01 .rr h2{color:#000; margin-bottom: 5%; font-weight: bold;}
.solution-part01 .rr p{color:#000; height: 18em;}
.solution-part02{padding:5% 0 0;}
.solution-part02 h2{ text-align: center;margin-bottom:4%;font-weight: bold;}
.solution-part02 li{ float: left; width:33.33%; background: rgba(255,255,255,0.3); position: relative;}
.solution-part02 li .hover_bg{position: absolute;top:0px;left: 0;width: 100%;height: 100%;background:#fff;box-shadow: 0 0 30px rgba(0,0,0,0.15);visibility: hidden;opacity: 0;transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7);-moz-:scale(0.7,0.7);-o-transform:scale(0.7,0.7);-ms-transform:scale(0.7,0.7);}
.solution-part02 dl{padding:10% 10%; position: relative; z-index: 2;}
.solution-part02 dl dt{ text-align: center; margin-bottom:7%;}
.solution-part02 dl dd h3{color:#000; font-weight: bold; height: 1.5em; overflow: hidden; text-align: center;margin-bottom:3%;}
.solution-part02 dl dd p{ line-height: 1.8; height: 5.4em; text-align: center;}
.solution-part03{padding:5% 0;}
.solution-part03.no-padt{padding-top: 0;}
.solution-part03 h2{ text-align: center;color:#000; margin-bottom:3%;font-weight: bold;}
.solution-part03 img{box-shadow: 0 0 8px 8px rgba(0,0,0,0.05);}
.solution-part03 .index_list_01 li{margin-bottom: 2%;}
.solution-part03 .index_list_01 dd{widtH:100%; float: none;}
.solution-part04{padding:5% 0;}
.solution-part04 h2{ text-align: center;color:#000; margin-bottom:3%;font-weight: bold;}
.solution-part04 img{margin-bottom: 3%;}
.solution-part04 img:last-child{margin-bottom: 0;}
.solution-part05{padding:0;}
.solution-part05 h2{ text-align: center;color:#000; margin-bottom:3%;font-weight: bold;}
/*.solution-part05 .about_block{margin:0 14.3%;}
.solution-part05 .about_block li{ widtH:33.33%;}*/
.solution-part06{padding:5% 0 7%;}
.solution-part06 h2{ text-align: center;color:#000; margin-bottom:3%;font-weight: bold;}
.solution-part06 .tab-tit{ text-align: center; margin-bottom: 2%;position: relative;}
.solution-part06 .tab-tit::before{content: ""; position: absolute; left:50%; top:0; widtH:1px; height: 50%; top:30%; background: #6B6F72;}
.solution-part06 .tab-tit li{ widtH:170px; text-align: center; color:#6B6F72; cursor: pointer; display: inline-block; }
.solution-part06 .tab-tit li.on{font-size: 30px; widtH:140px; color:#000;}
.solution-part06 .tab-con{width:calc(71.5625% + 64px); margin:0 auto;}
.solution-part06 .tab-con li{height: 0; overflow: hidden; position: relative;}
.solution-part06 .tab-con li.on{height: 100%;}
.solution-part06 .tab-con li .swiper-container{ width:calc(100% - 64px);}
.solution-part06 .tab-con li .swiper-button-prev{lefT:0;}
.solution-part06 .tab-con li .swiper-button-next{right:0;}
.solution-part06 .tab-con li .img{position: relative;}
.solution-part06 .tab-con li .img .tt{position: absolute; z-index: 2; lefT:0; bottom:0; widtH:100%; height: 100px;
  background: -webkit-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
  background: -moz-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.5) 100%);}
.solution-part06 .tab-con li .img .tt h3{ text-align: center; position: absolute; lefT:0;color:#fff; bottom:30px; widtH:100%;}
.solution-part07{padding:8.8% 0; position: relative;}
.solution-part07::before{content: ""; position: absolute; left:0; top:0; width:100%; height: 100%; background: rgba(0,0,0,0.32);}
.solution-part07 h2{ text-align: center; color:#fff; margin-bottom: 2%;font-weight: bold;}
.solution-part07 .pub_more{padding:0; text-align: center;}
.solution-part07 .pub_more a{ display: inline-block;}

@media only screen and (max-width:1365px) {
.solution-part06 .tab-tit li.on{font-size: 20px;}
.solution-part01 .rr p{height: 15em;}
}
@media only screen and (max-width:1024px) {
.solution-part05 .about_block{margin:0 35px;}
}
@media only screen and (max-width:1023px) {
.solution-part06 .tab-con li .swiper-container{width:calc(100% - 40px);}
.solution-part01 .rr p{height: 9em;}
}
@media only screen and (max-width:767px) {
  .solution-part02 li{widtH:100%; margin-bottom: 5%;}
  .solution-part01 .ll,.solution-part01 .rr{widtH:100%;}
  .solution-part01 .rr .inner{padding: 5%;}
  .solution-part02 dl dt{margin-bottom: 3%;}
  .solution-part02 dl dt img{max-width:100px;}
  .solution-part06 .tab-con{width:calc(86% + 40px);}
  .solution-part06 .tab-tit li{width: auto!important; margin: 0 10px;}
  .solution-part06 .tab-tit li.on{font-size: 14px;}
  .solution-part06 .tab-con li .img .tt h3{bottom:8px;}
  .solution-part03 .index_list_01 p{ height: auto;}
}

.case-details .dets_ll{ width:80%; float: none; margin:0 auto;}


.privacy-part{padding: 5% 0;}

.search-part{ margin:5% 0 0;}
.search_t{background: #f4f4f4;padding: 3% 20%; margin-bottom:2%; overflow: hidden;}
.search_t input,.search_t button{height:46px;line-height: 46px; font-size: 16px; border:none;outline: none;}
.search_t input{padding: 0 10px; width: calc(100% - 160px);float: left; background: #fff;}
.search_t button{background:#EC6700;color: #fff;width: 140px;float: left;}
.search_p{color: #4c4c4c;padding:2%;}
.search_p span,.search_p i{color: #EC6700;}
.search_list ul{margin-bottom:5%;}
.search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;}
.search_list p{float: left;width: calc(100% - 120px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.search_list p i{color: #EC6700;}
.search_list p a{color: #4c4c4c;}
.search_list ul em{float: right;width: 90px;text-align: right;color: #999999; font-family: arial;}
@media only screen and (max-width:767px) {
.search_t{padding:5%;}
.search_t button{width:100px; height: 30px; line-height: 30px; font-size: 14px;}
.search_t input{width:calc(100% - 120px); height: 30px; line-height: 30px;font-size: 14px;}
.search_p{padding-bottom: 0;}
.search_list li{height:40px; line-height: 40px;}
.search_list p{width: calc(100% - 80px);}
.search_list ul em{width:80px;}
}


.join-part05 li span img,.technology-part02 li span img,.technology-part03 li span img,.technology-part01 dl dt img,.solution-part02 dl dt img,
.join-part01 li dt img,.operate_02 .about_ic li dl dt img,.about_ic li dt img{ 
  transition:All 0.5s ease;
  -webkit-transition:All 0.5s ease;
  -moz-transition:All 0.5s ease;
  -o-transition:All 0.5s ease;}

@media only screen and (min-width:1025px) {
  .join-part03 .swiper-pagination span,.join-part04 .tt-box li,.technology-part01 li .hover_bg,.technology-part02 li span,
  .solution-part02 li .hover_bg,.select-box dt i{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
  .solution-part02 li:hover .hover_bg{ visibility: visible;opacity: 1;transform:scale(1,12); -webkit-transform:scale(1,1.12);-moz-transform:scale(1,1.12);-o-transform:scale(1,1.12);-ms-transform:scale(1,1.12);}


  .join-part05 li:hover span img,.technology-part02 li:hover span img,.technology-part03 li:hover span img,.technology-part01 li:hover dl dt img,
  .join-part01 li:hover dt img,.solution-part02 li:hover dl dt img,.operate_02 .about_ic li dl:hover dt img,.about_ic li:hover dt img{animation:upDown 2s infinite linear;-webkit-animation:upDown 2s infinite linear;}
}