.main .banner{ width: 100%; height: 1000px; color:#fff;}
.main .banner h2{ line-height:62px; font-size:60px; font-weight:300; padding-top:30%; letter-spacing:5px;}
.main .banner p{ font-size:30px; line-height:32px; margin-top:25px;}
.main .banner h2 strong{ font-weight:bold;}
.main .banner.wap{ display:none;}

.swiper-container {width: 100%;height: 100%;}
.main .banner .swiper-container-horizontal>.swiper-pagination-bullets, .main .banner .swiper-pagination-custom, .main .banner .swiper-pagination-fraction{ width:1200px; left:50%; margin-left:-600px; text-align:left;}
.main .banner .swiper-pagination-bullet{ background:rgba(255,255,255,0.2); width:20px; height:3px; border-radius:0; opacity:1;}
.main .banner .swiper-pagination-bullet-active{ width:120px; background:rgba(235,237,243,1);}

/* 公司简介 */

.company{ width:1400px; margin:0 auto; margin-top:120px; position: relative; color:#fff;}
.company .pic { width:57.14285714285714%;}
.company .pic img{ width:100%;}
.company h2{ font-size:100px; font-family:SourceHanSansSC-Regular; color:rgba(16,98,255,0.1);font-weight:200; position:absolute; left:60%; top:120px; text-align:left; text-indent:-10000px; background:url(../images/img_aboutus.png) no-repeat; width:500px; height:160px; background-size:contain;}
.company .company_info {width: 28.57%;height: 240px;background: rgba(21, 85, 207, 1);text-align: center;position: absolute;top: 280px;right:0;z-index: 5; box-sizing:border-box; padding:40px 0 0 123px;}
.company .company_info .line-style { width:40px; height:3px; background:#fff; margin: 22px 0 0 0;}
.company .company_info h3 { font-size: 40px;font-family: SourceHanSansSC-Regular;font-weight: 400;line-height: 59px; text-align:left;}
.company .company_info p{ font-size: 16px;font-family: SourceHanSansSC-Light;font-weight: 300;line-height: 32px; text-align:left; margin-top:40px;}
.main .info .company .title_info {width:64.28571428571429%; background: rgba(3, 18, 76, 1); position: absolute;top:500px;left: 30.1%; box-sizing:border-box; padding:80px 70px;  }
.main .info .company .title_info>p{margin:0; font-size:16px; line-height:32px; color:#fff;}

.core{ width:100%; position:relative; margin-top:320px; background:#FCFCFC; padding-bottom:120px;} 
.core .floatImg { width:290px; position:absolute; left:0; top:-100px;}
.core .floatImg img{ width:100%;}

.skill .top h3{padding-top: 80px; font-size: 40px;font-weight: 400;color: rgba(24, 27, 32, 1);line-height: 59px;}
.skill .top p{margin-top: 30px; font-size: 16px;font-weight: 500;color: rgba(108, 116, 131, 1);
line-height: 32px;}

.skill_info h2{ margin-top: 80px; font-size: 28px; font-weight: 500; color: rgba(24, 27, 32, 1);line-height:30px; text-align:center;}

.skill_info .skill_block{ float:left; text-align: center;background:#fff; box-shadow:0px 0px 40px 0px rgba(3,35,97,0.08); width:49%; height: 410px; margin-top:40px; margin-right:2%; transition:all 0.4s;}
.skill_info .skill_block:nth-child(2){ margin-right:0;}
.skill_info .skill_block a{ width:100%; height:100%; display:block;}
.skill_block img {margin-top: 50px;  transition:all 0.4s;}
.skill_block h4{ font-size: 18px; font-weight: 500; color: rgba(24, 27, 32, 1);line-height: 27px; margin-top: 30px;  transition:all 0.4s;}
.skill_block p{font-size: 16px;font-weight: 500;color: rgba(108, 116, 131, 1);line-height: 32px;
 width:67%; margin:0 auto; margin-top: 20px;  transition:all 0.4s;text-align: left;}
.skill_info .skill_block:hover img{ transform:scale(1.1);}
.skill_info .skill_block:hover h4{ transform:translateY(-5px);}
.skill_info .skill_block:hover p{ transform:translateY(-5px);}

/* 声学AI技术 */

.skill_info2 .skill_blocks {  margin-top:40px;}
.skill_info2 .skill_blocks .skill_block {width:24%;margin-right:1.333333333333333%;float: left;text-align: center; height: 460px;background:#fff; box-shadow:0px 0px 40px 0px rgba(3,35,97,0.08); }
.skill_info2 .skill_blocks .skill_block img{ width:140px;}
.skill_info2 .skill_blocks .skill_block p{margin: 0 auto;margin-top: 20px;width: 230px;height: 96px;font-size: 16px; font-weight: 500;color: rgba(108, 116, 131, 1);line-height: 32px;}
.skill_info2 .skill_blocks .skill_block:nth-child(4){ margin-right:0;}

/* 解决方案 */

.skill_info3 h5{ font-size:16px; text-align:center; color:#6C7483; margin-top:30px;}
.skill_info3 .tab{ text-align:center; margin-top:60px;}
.skill_info3 .tab a{ display:inline-block; width:210px; height:182px; text-align:center; font-size:18px; color:#2863D3; box-sizing:border-box; padding-top:30px; margin:0 1px;}
.skill_info3 .tab a.active{ background:#F0F6FF;}
.skill_info3 .tab a p{ margin-top:20px;}
.skill_info3 .tab a:hover{ background:#F0F6FF;}

 


/* 解决方案 */

.solve {position: relative; width:100%; clear:both;}
.solve .list{ display:none;}
.solve .pic{ width:40%; position: absolute;top:100px;left: 11%;}
.solve .pic img{ width:100%;}
.solve .text_info{ width:92% ; height:640px; line-height: 32px; font-size:16px; color:#fff; line-height:32px; box-sizing:border-box; padding-top:160px;}
.solve .text_info .con{ width:24%; float:right; margin-right:10%;}
.solve .text_info .con a{ background:url(../images/icon_64_go.png) no-repeat center #2863D3; width:130px; height:130px; background-size:55px; display:block; margin:12% 0 0 0; float:right;  }
.solve .text_info .con a:hover{ background:url(../images/icon_64_go.png) no-repeat center #1644C0; background-size:55px;}
 
.news { margin-top:170px;}
.news .top h2{ font-size: 40px; font-weight: 400; color: rgba(24, 27, 32, 1);line-height:45px; float:left; margin-top:10px;}
.news .top a{ background:url(../images/more2.png) no-repeat right center; background-size:48px; font-size: 16px; font-weight: 400; color:#6C7483; line-height: 59px; display:block; float:right; padding-right:50px; transition:all 0.4s;}
.news .top a:hover{ color:#2863D3;}
.news .listInfo dl {width:32%;margin: 50px 1.333333333333333% 0 0; position:relative; float:left;}
.news .listInfo dl:last-child {margin: 50px 0 0 0;}
.news .listInfo dl dd.hidebox{ padding:20px 28px; padding-top: 60px; position:absolute; left:0; bottom:0;  z-index:101; color:#fff; width:100%; box-sizing:border-box;}
.news .listInfo dl dd.hidebox h3{ position:relative; z-index:10; font-size:18px; line-height:32px;}
.news .listInfo dl dd.hidebox:after{ content:""; background:linear-gradient(180deg,rgba(53,58,67,0) 0%,rgba(15,16,18,0.9) 100%); display:block; position:absolute; width:100%; height:100%; left:0; top:0;}
.news .listInfo dl dd.show{ background:rgba(24,27,32,0.9); box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; border-bottom:10px solid #2863D3; color:#fff; box-sizing:border-box; padding:30px 28px; display:none;}
.news .listInfo dl dd.show h3{ font-size:18px; line-height:32px;}
.news .listInfo dl dd.show .di{ font-size:16px; position:absolute; bottom:10px; left:0; width:100%; box-sizing:border-box; padding:0 28px; line-height:48px;}
.news .listInfo dl dd.show .di span{ float:right; width:48px; display:block;}
.news .listInfo dl dd.show .di span img{ width:100%;}
.news .listInfo dl dt {width: 100%;height: 250px;}
.news .listInfo dl dt a {width: 100%;height: 100%;display: block;}


/* 合作伙伴 */

.partner { width:100%; padding:80px 0; background:#FAFBFC; margin:0 auto; margin-top:100px;}
.partner h2 { line-height:45px; font-size: 40px; font-weight: 400;color: rgba(24, 27, 32, 1);}
.partner .list{ display:none;}
.partner .list h3{ font-size:28px; line-height:30px; margin-top:100px;}
.partner .list p{ color:#6C7483; font-size:16px; line-height:28px; margin-top:20px;}
.partner .leftbox{ width:65%; position:relative; float:left;}
.partner .leftbox:after{ content:"";  display:block; width:296px; height:3px; background:#C9D8F5; position:absolute; left:0; bottom:-60px;}
.partner .tab a{ width:23%; height:110px; margin:20px 2.666666666666667% 0 0; float:left; display:block; background:#F5F7FA; display:flex; align-items:center; justify-content:center;}
.partner .tab a:hover{ background:#e1ecfa;}
.partner .tab a:nth-child(4n){ margin:20px 0 0 0;}
.partner .tab a img{ width:100%;}
.partner .tab a .m1{ display:none;}
.partner .tab a.active{background:#FFFFFF; box-shadow:0px 0px 30px 0px rgba(3,35,97,0.07); transform:scale(1.05);}
.partner .tab a.active .m1{ display:none;}
.partner .tab a.active .m2{ display:block;}
.partner .rightbox{ width:30%; float:right; position:relative;}
.partner .rightbox .wo img,.partner .rightbox .zs img{ width:100%; }
.partner .rightbox .zs{ width:80%; float:right; margin:-50px -60px 0 0; display:none;}
.partner .rightbox .blue{ width:44%; height:130px; background:#2863D3; float:right; position:absolute; right:-30px; bottom:-30px;}

 

@media screen and (max-width:1920px){
.main .banner{ height:900px;}	
.core{  margin-top:260px; } 
.core .floatImg { width:200px; top:-50px;}
.solve .text_info{ height:600px;}
.solve .pic{ width:46.8%;}
}
@media screen and (max-width:1820px){
.main .banner{ height:800px;}	
}
@media screen and (max-width:1720px){
.main .banner{ height:700px;}
.core .floatImg { width:180px; top:-70px;}
.solve .text_info{ height:500px; padding-top:100px;}	
.partner .rightbox .zs{ margin:-50px -30px 0 0;}
.main .banner h2{  padding-top:20%; }
}

@media screen and (max-width:1430px){
.main .banner{ height:600px;}	
.company{ width:90%;}
.company h2{ font-size:60px; line-height:65px; top:80px; width:400px;}
.company .company_info .line-style { width:30px; height:2px;}
.company .company_info h3 { font-size:30px; }
.company .company_info p{ font-size: 14px; margin-top:30px;}
.company .company_info { padding:30px 0 0 10%; top:200px;}
.main .info .company .title_info { top:420px; padding:50px 50px;  }

.solve .text_info .con a{  width:95px; height:95px; background-size:40px; }
.solve .text_info .con a:hover{ background:url(../images/icon_64_go.png) no-repeat center #1644C0; background-size:40px;}
.main .banner h2{ line-height:52px; font-size:50px; padding-top:20%; }
}
@media screen and (max-width:1330px){
.company h2{ font-size:50px; line-height:55px; width:350px;}	

}
@media screen and (max-width:1230px){
.skill_info2 .skill_blocks .skill_block p,.skill_block p{ width:90%;}
.skill_info2 .skill_blocks .skill_block {width:48%;margin-right:4%;  }
.skill_info2 .skill_blocks .skill_block:nth-child(2n){ margin-right:0}	
.solve .bg { width:92%;}
.solve .text_info .con a{  width:65px; height:65px; background-size:30px; }
.solve .text_info .con a:hover{ background:url(../images/icon_64_go.png) no-repeat center #1644C0; background-size:30px;}

.main .banner .swiper-container-horizontal>.swiper-pagination-bullets, .main .banner .swiper-pagination-custom, .main .banner .swiper-pagination-fraction{ width:90%; margin-left:-45%; bottom:20px;}
}
@media screen and (max-width:960px){
.main .banner{ height:500px; display:none;margin-top:49px;}	
.main .banner.wap{ display:block;}
.main .banner .mainbox{ width:80%;}

.main .banner h2{ line-height:42px; font-size:40px; padding-top:20%; }
.main .banner p{ font-size:20px; line-height:22px; margin-top:20px;}

.company h2{ font-size:50px; line-height:55px; top:70px; width:300px;} 
.company .company_info h3 { font-size:24px; line-height:30px; }
.company .company_info .line-style { margin:10px 0 0 0;}
.company .company_info p{ margin-top:15px;}
.company .company_info { padding:30px 0 30px 30px; height:auto; top:180px;}
.main .info .company .title_info { top:320px; padding:50px 40px;  }

.skill_info3 .tab a{width:23%; height:auto;  text-align:center; font-size:16px; padding:20px 0;}

}

@media screen and (max-width:768px){
.main .banner{ height:400px;}	
.company{ margin-top:50px;}
.company h2{ display:none;} 
.company .company_info h3 { font-size:24px; line-height:30px; }

.company .pic { width:100%;}
.company .company_info .line-style { margin:10px 0 0 0;}
.company .company_info p{ margin-top:15px;}
.company .company_info { width:100%; padding:20px 0 20px 30px; height:auto; top:0; position:inherit; right:auto;}
.main .info .company .title_info { top:0; width:100%; position:inherit; left:auto; padding:30px 30px;  }

.core{  margin-top:100px; } 
.core .floatImg { width:100px; top:-40px;}
.skill .top h3{ font-size:30px; line-height:35px;}
.skill .top p{ margin-top:20px;}
.skill_info h2{ margin-top:60px; font-size:22px;}
.skill_info .skill_block{ float:none;  width:100%; height:auto; padding-bottom:40px; margin-top:40px; margin-right:0%;}
.skill_info2 .skill_blocks .skill_block {width:100%; height:auto; padding-bottom:40px; margin-right:0%; float:none;  }
.skill_info2 .skill_blocks .skill_block:nth-child(2n){ margin-right:0}
 
.solve .pic{ width:100%; position:inherit;top:0;left:0%;}
.solve .text_info{ width:100% ; height:auto; line-height: 32px; font-size:16px; color:#fff; box-sizing:border-box; padding:30px 30px;}
.solve .text_info .con{ width:100%; float:none; margin-right:0%;}
.solve .text_info .con p{ width:75%; float:left;}
.solve .text_info .con a{ background:url(../images/icon_64_go.png) no-repeat center #2863D3; width:80px; height:80px; background-size:54px;   margin:0 0 0 0; float:right; margin-top:10px;} 
.solve .text_info .con a:hover{ background:url(../images/icon_64_go.png) no-repeat center #1644C0; background-size:54px;} 
.news {margin-top:50px;}
.news .top h2{ font-size:30px; line-height:35px;}
.news .listInfo dl {width:48%;margin: 40px 4% 0 0; }
.news .listInfo dl:nth-child(2){ margin:40px 0 0 0;}
.news .listInfo dl:last-child { display:none;}
.partner h2 { line-height:35px; font-size:30px;}

.partner{ position:relative; padding:50px 0;}
.partner .leftbox{ width:100%; float:none;}
.partner .leftbox:after{ display:none;}
.partner .list h3{ font-size:20px; line-height:22px;  margin-top:30px;}
.partner .rightbox{ width:100%; float:none;}
.partner .rightbox .wo{ display:none;}
.partner .rightbox .zs{ width:150px; position:absolute; right:5%; top:40px; margin:0; display:none;}
.partner .rightbox .blue{ display:none;}

.main .banner .swiper-pagination-bullet-active{ width:40px; background:rgba(235,237,243,1);}
}

@media screen and (max-width:570px){
.main .banner{ height:300px;}	
 
}

@media screen and (max-width:450px){
.main .banner{ height:220px;}	
 
.skill_info3 .tab a img{ width:40px;}
.skill_info3 .tab a p{ margin-top:10px;}
.news .listInfo dl {width:100%;margin: 40px 0 0 0; float:none; }
.news .listInfo dl:nth-child(2){ margin:40px 0 0 0;}

.partner .tab a{ width:48%; margin:20px 4% 0 0;}
.partner .tab a:nth-child(2n){ margin:20px 0 0 0;}

.main .banner h2{ line-height:30px; font-size:26px; padding-top:10%; letter-spacing:2px; }
.main .banner p{ font-size:16px; line-height:20px; margin-top:10px;}
}
@media screen and (max-width:400px){
.main .banner{ height:200px;}	
.solve .text_info .con p{ width:70%;}
.solve .text_info .con a{ background:url(../images/icon_64_go.png) no-repeat center #2863D3; width:70px; height:70px; background-size:44px; margin-top:60px; }
.solve .text_info .con a:hover{ background:url(../images/icon_64_go.png) no-repeat center #1644C0; background-size:44px;}  
}