@charset "utf-8";
/* CSS Document */

.imgmid{position: relative; overflow: hidden}
.imgmid .isimg{position: absolute; width: 100%; height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.imgmid .isimg img{width: 100%; height: 100%;  -o-object-fit: cover;  object-fit: cover; -o-object-position: center;  object-position: center;}
[rel="full"] .imgmid .isimg img{ -o-object-fit: contain;  object-fit: contain;}

.zoomimg .isimg img{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.zoomimg:hover .isimg img{ -webkit-transform:scale(1.2);transform:scale(1.2)}

.nMP{padding: 0; margin: 0; font-weight: normal}
.f16{font-size: 15px}
.f18{font-size: 18px}
.f20{font-size: 16px}
.f22{font-size: 16px}
.f24{font-size: 24px}
.f26{font-size: 22px}
.f28{font-size: 18px}
.f30{font-size: 22px}
.f32{font-size: 32px}
.f40{font-size: 40px}
.f48{font-size: 32px}

@media(max-width:1300px){
.f16{font-size: 15px}
.f18{font-size: 16px}
.f20{font-size: 18px}
.f22{font-size: 20px}
.f24{font-size: 22px}
.f26{font-size: 24px}
.f28{font-size: 26px}
.f30{font-size: 28px}
.f32{font-size: 30px}
.f40{font-size: 32px}
.f48{font-size: 36px}
}
@media(max-width:1024px){
.f16{font-size: 14px}
.f18{font-size: 14px}
.f20{font-size: 14px}
.f22{font-size: 14px}
.f24{font-size: 15px}
.f26{font-size: 18px}
.f28{font-size: 20px}
.f30{font-size: 20px}
.f32{font-size: 20px}
.f40{font-size: 26px}
.f48{font-size: 28px}
}

.research_floor1{background: no-repeat right top; background-size:100%}
.research_floor2{background: no-repeat left bottom; background-size:100%;}
.research_floor3{background: no-repeat center center; background-size:cover}
.research_floor4{background:no-repeat left top; background-size: 100%}
.research_floor5{background: no-repeat center center; background-size:cover}
.research_floor6{background: no-repeat right bottom; background-size: 100%}
.research_floor7{text-align: center;background:#3385ff no-repeat left bottom}

.research_main{line-height: 1.85; color: #646973}
.research_main *{transition: 0.5s}
.research_main .auto_1400{max-width: 1100px; width: 96%;}
.research_main .column{text-align: center; color: #232323;padding: 3% 0; font-weight: bold}
.research_main .column span{ color: #0060ea}
.research_main .more{text-align: center;padding:4% 0}
.research_main .more a{color: #fff; width: 132px; line-height: 44px; background: #0060ea;border-radius: 6px; display: inline-block;}
.research_main .more a:hover{background: #000}
.research_main  .slick-list{padding:20px 0;}
.research_main .slick-arrow{position: absolute; width: 38px; height: 49px; margin: auto; top: 0; bottom: 0; cursor: pointer; border: none; font-size: 0; background: no-repeat center center; background-size: 60%}
.research_main .slick-prev{left:-5%; background-image: url(../images/slick_prev.png)}
.research_main .slick-next{right: -5%; background-image: url(../images/slick_next.png)}
.research_main .slick-disabled{cursor: default; opacity: 0.3}
.research_main td img{ width: 20px;}
@media(max-width:1024px){
.research_main  .slick-list{padding:0;}
.research_main .slick-arrow{width:22px; height:28px;z-index: 10;bottom: auto;top: 17%}
.research_main .slick-prev{left:5%;}
.research_main .slick-next{right: 5%;}
}

.intro_main{padding-top: 3%; padding-bottom: 3%}
.intro_main .info{padding-bottom: 4%}
.intro_main .list ul{display: flex; align-items: flex-start; justify-content:space-between; flex-wrap: wrap}
.intro_main .list ul li{width: 32%; max-width: 350px;}
.intro_main .list ul li figure{text-align: center;max-width: 120px; margin: 0 auto;height: 100px; display: flex; align-items: center; justify-content: center;}
.intro_main .list ul li h4{text-align: center;color: #161616; font-weight: bold; padding: 2% 0}
.intro_main .list ul li:nth-child(2){text-align: center}
.research_main .intro_main .list ul li{text-align: center}
@media(max-width:1024px){
.intro_main .list ul li figure img{height: 100px}
.research_main .intro_main .list ul li{text-align: left}
.intro_main .list ul li:nth-child(2){text-align: left}
}
@media(max-width:640px){
.intro_main .list ul li{width: 100%; padding: 3% 0; max-width: none; display: flex}
.intro_main .list ul li figure{width: 28%}
.intro_main .list ul li figure img{height:auto}
.intro_main .list ul li .txt{width: 70%}
.intro_main .list ul li h4{text-align: left;}
}

.advantage_main{padding-top: 3%; padding-bottom: 3%}
.advantage_main .list ul{display: flex; justify-content: space-between; flex-wrap: wrap}
.advantage_main .list li{width:48.572%; margin: 2% 0; padding: 4%; box-shadow: 5px 5px 20px rgba(0,0,0,0.05); border-radius: 12px; background: #fff; overflow: hidden; position: relative}
.advantage_main .list li:after{content: ''; left:0; bottom: 0; position:absolute;width: 100%; height: 2%; background: #85caf9;}
.advantage_main .list li .title{display: flex; align-items: center; padding: 2% 0}
.advantage_main .list li .title .icon{width:9%; margin-right: 5%;height: 47px;}
.advantage_main .list li .title .icon img {display:block; width:auto; height:auto; max-height:100%;}
.advantage_main .list li .title h4{color: #161616; font-weight: bold}
.advantage_main .list li .bg{position: absolute;top: 0; right: 0; width: 40%; height: 100%; opacity: 0.05; background: no-repeat center center; background-size: 70%}
@media(max-width:768px){
.advantage_main .list li{width: 100%}
}

.founder_main {padding-top:4%;}
.founder_main .infobox{display: flex; align-items: center; justify-content:space-between}
.founder_main .pic{width: 41%}
.founder_main .info{width: 49.5%}
.founder_main .name{color: #232323; }
.founder_main .info .name{ font-weight: bold; font-size: 28px;}
.founder_main .post{color: #232323;}
.founder_main .post p{display: inline-block; padding: 5px 5px; margin: 0}
.founder_main .post p span{color: #0060EA}
.founder_main .post p img{margin-right:15px}
@media(max-width:768px){
.founder_main .infobox{position: relative;display: block}
.founder_main .pic{width: 100%}
.founder_main .info{width: 100%}
.founder_main .name{text-align: center}
.founder_main .post{padding-left: 45%}
.founder_main .post p{display: block}
}

.training_main{padding-top: 2%; padding-bottom: 3%;}
.training_main .list ul{display: flex; justify-content: space-between; flex-wrap: wrap}
.training_main .list ul li{width:48.572%; display: flex; justify-content: space-between; align-items: center; box-shadow: 5px 5px 20px rgba(0,0,0,0.05); border-radius: 12px; background: #fff; overflow: hidden; margin: 2% 0}
.training_main .list ul li figure{width:42.942%;margin-bottom: -20%;}
.training_main .list ul li .txt{width:61.058%; padding:10% 4% 10% 4%}
.training_main .list ul li:nth-child(2) .txt{ padding-left: 0;}
.training_main .list ul li h4{ color: #161616; font-weight: bold; padding-left: 17px; padding-left: 14px; line-height: 1; border-left: solid 4px #0060ea}
.training_main .list ul li:nth-child(odd) figure{order: 2; margin-right: -8%}
.training_main .list ul li:nth-child(even) figure{margin-left: -8%}
@media(max-width:960px){
.training_main .list ul li{width: 100%}
}

.enterprise_main {padding-top:6%}
.enterprise_main .info{line-height: 2; padding-bottom:5%}
.enterprise_main .list{display: flex; flex-wrap: wrap; justify-content: space-between; color: #211815}
.enterprise_main .list dl{width:26.5%; padding-top: 1%; padding-bottom: 2%; border-top: solid 2px #dbdbdb;border-bottom: solid 2px #dbdbdb; position: relative}
.enterprise_main .list dl dt{padding-bottom: 1%}
.enterprise_main .list dl ul{text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between;}
.enterprise_main .list dl ul li{background:  #eff4fd; margin:2% 0; width: 98.7%; line-height:2em;}
.enterprise_main .list dl:not(:last-child):after{content: ''; position: absolute; right: -24%;top: 0; width:25%; height: 100%; background: url(../images/enterprise_jt.png) no-repeat right center}
.enterprise_main .list dl:nth-child(1) ul li{display: flex; z-index: 2; align-items: center; justify-content: center; width:38%; padding-bottom:38%;background: rgba(215,228,249,0.5); border-radius: 100%; position: relative}
.enterprise_main .list dl:nth-child(1) ul li:nth-child(1){margin-left: 50%;margin-top: -10%; }
.enterprise_main .list dl:nth-child(1) ul li:nth-child(2){ z-index: 1; width:46%; padding-bottom:46%; margin-left:27%; margin-top: -14%; background: rgba(0,96,234,1); color: #fff}
.enterprise_main .list dl:nth-child(1) ul li:nth-child(3),
.enterprise_main .list dl:nth-child(1) ul li:nth-child(4){margin-top: -30%; }
.enterprise_main .list dl:nth-child(1) ul li span{position: absolute; top: 0; bottom: 0; height: 30px; line-height: 30px; margin: auto}
.enterprise_main .list dl:nth-child(2) ul li{width: 48.03%; border-radius: 30px; margin: 6% 0; line-height:2em;}
.enterprise_main .list dl:nth-child(3){border-right: solid 2px #dbdbdb; }
.enterprise_main .list dl:nth-child(3) ul{ width: 70%; margin: auto }
@media(max-width:960px){
.enterprise_main .list{justify-content: flex-start}
.enterprise_main .list dl{width: 40%;}
.enterprise_main .list dl:nth-child(1){ margin-right:10%}
.enterprise_main .list dl:nth-child(3){margin-top: 4%; width: 100%}
.enterprise_main .list dl:nth-child(3) ul{width: 100%}
.enterprise_main .list dl:nth-child(3) ul li{width:48%}
}
@media(max-width:640px){
.enterprise_main .list dl{width: 80%; margin-top: 4%}
}

.team_main {padding: 3% 0 6% 0;}
.team_main .owl-carousel .owl-stage-outer{padding: 5% 0}
.team_main .box{margin: 0 5px;padding: 10% 5% 5%; min-height: 538px; box-shadow: 5px 5px 20px rgba(0,0,0,0.05); border-radius: 12px; background: #fff}
.team_main .list.slick-slider{    margin: 0 -10px;}
.team_main  figure{width:53.19%;  padding-bottom:53.19%; background: #eff6ff; border-radius: 100px; margin: auto;}
.team_main .info{padding: 4% 0; line-height: 1.6;}
.team_main .info h3{text-align: center}
.team_main .info .txt {font-size:14px;height: 284px;overflow-x: auto}
.team_main .owl-prev,
.team_main .owl-next{position: absolute; width: 38px; height: 49px; margin: auto; top: 0; bottom: 0; cursor: pointer; border: none; font-size: 0; background: no-repeat center center; background-size: 60%}
.team_main .owl-prev{left:-5%; background-image: url(../images/slick_prev.png)}
.team_main .owl-next{right: -5%; background-image: url(../images/slick_next.png)}
.scrollbar::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
  border-radius: 5px;
  background-color: rgba(0,0,0,0.1);;
}
.scrollbar::-webkit-scrollbar
{
  width: 2px;
  background-color: rgba(0,0,0,0);
}
.scrollbar::-webkit-scrollbar-thumb
{
  border-radius: 5px;
  background-color: #0060ea;;
}

@media(max-width:640px){
.team_main .box{min-height: inherit;padding:5%;}
.team_main .owl-prev,
    .team_main .owl-next{top: 17%;bottom: auto;}
.team_main .owl-prev{left:5%;}
.team_main .owl-next{right: 5%;}
}


.customer_main {padding-top: 4%; padding-bottom:6%}
.customer_main .list{display: flex; flex-wrap: wrap; width:103.2%;}
.customer_main .list .item{width:20%; padding:1% 3% 1% 0;}
.customer_main .list .item figure{padding-bottom:36%; box-shadow: 5px 10px 30px rgba(0,0,0,0.1); border-radius: 12px; background: #fff}
@media(max-width:1200px){
.customer_main .list .item{width:25%; }
}
@media(max-width:960px){
.customer_main .list .item{width:33.333%; }
}
@media(max-width:640px){
.customer_main .list .item{width:50%; }
}

.events_main {padding: 3% 4% 6% 4%; padding: 3% 0 6%;}
.events_main .slick-slider {margin:0 -10px;}
.events_main .list .item{padding: 2% 0;}
.events_main .list .item a{display: block;margin:0 10px; padding: 4%; box-shadow: 5px 5px 20px rgba(0,0,0,0.05); border-radius: 12px; background: #fff}
.events_main .list .item figure{padding-bottom:60%}
.events_main .list .item .txt{padding-top:5%; padding-bottom: 8%}
.events_main .list .item h4{line-height:36px; height:72px; margin-bottom:5%; font-size: 18px;}
.events_main .list .item p{color: #888; line-height: 1.6; font-size: 14px;}


.contact_main{color: #fff; text-align: center; padding:3% 0}
.contact_main h3{padding-bottom: 2%;}
.contact_main a{color: #fff; background: #1e2128; cursor: pointer; border-radius: 6px; display: inline-block; width: 150px; line-height: 50px}
.contact_main a:hover{background: #0060ea}

.pop-ups{display: none; position: fixed; top: 0; width: 100%; height: 100%; z-index: 200; background: rgba(0,0,0,0.2)}
.pop-ups .innerbox{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center}
.pop-ups .auto{ background: #fff url(../images/form_bg.png) no-repeat center bottom; background-size:100% auto; max-width: 440px; width: 88%; border-radius:10px; padding:3% 30px; position: relative; overflow:hidden;}
.pop-ups .click_close{ width: 17.5px; height: 17.5px; position: absolute; cursor: pointer; left: 3%; top: 3%; background: url(../images/icon_close.png); background-size: contain;}
.pop-ups .title{text-align: center; padding-bottom: 5%; color:#000; padding-top:20px;}
.pop-ups .title p {margin:0;}
.pop-ups .input_group{padding: 5px 20px; margin-bottom: 20px; background: #f4f6f9; border-radius: 8px;}
.pop-ups .input_group .tips{position: absolute; line-height: 40px; color: #999999}
.pop-ups .input_group .text{width: 100%; height: 40px; border: none; background: none}
.pop-ups .input_group textarea.text{height: 92px;}
.pop-ups .btn_group{text-align: center;}
.pop-ups .btn_group input{width: 100%; height: 50px; color: #fff; background: #0064eb; border: none; cursor: pointer;border-radius: 10px;}
.pop-ups .btn_group input:hover{background-color: #0096ff}

.pop-ups .contact {text-align: center}
.pop-ups .contact .txt p span{display: block}
.pop-ups .contact .txt p :not(:last-child){padding-bottom: 10%}
.pop-ups .contact .ewm{ max-width: 170px; margin: auto}
.pop-ups .contact .ewm figure {border:8px solid #0064eb; border-radius:5px; display:block;}

.pop-ups .table-nav ul{position: absolute;top: 0;right: 0;z-index: 3;}
.pop-ups .table-nav ul li:after{display: block;content: '';width: 55px;height: 55px;background: url('../images/icon_qrcode.png') no-repeat center center; background-size:contain;}
.pop-ups .table-nav ul li:nth-child(2):after {background-image:url('../images/icon_form.png');}
.pop-ups .table-nav ul li{display: flex;align-items: flex-end;cursor: pointer;}
.pop-ups .table-nav ul li span { position: relative;padding:0 10px; line-height:2em; font-size: 12px;color: #fff; background-color:#0064eb; border: 1px solid #0064eb;border-radius: 4px; display:block;}
.pop-ups .table-nav ul li.on{display: none;}
.pop-ups .table-nav ul li:before{display: block;position: absolute;right: -6px;top: 0;bottom: 0;width: 0;height: 0;margin: auto 0;border-top: 3px solid transparent;border-bottom: 3px solid transparent;border-left: 6px solid #0064eb;z-index: 3;}
.pop-ups .table-box .item{display: none; position:relative;}
.pop-ups .table-box .item:nth-child(1) {padding-top:10%; padding-bottom:43.24%;}
.pop-ups .table-box .item:nth-child(1):after {width:55.256%; padding-bottom:75.675%; background:url(../images/form_man.png) no-repeat center bottom; background-size:contain; display:block; content:''; position:absolute; right:-7%; bottom:-13%;}
.pop-ups .table-box .item.on{display: block;}
@media(min-width:768px){
.pop-ups .box{display: flex; }
.pop-ups .form_box{width:100%;}
.pop-ups .contact{width: 100%}
}