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

.index_head .nav li .supp_xiala{ position: fixed; width: 100%; }
.tarA{height: 80px;}
.sup_center{ width: 1000px; margin: 0 auto;}
.sup_center a{ display: block; text-align: center; width: 25%;border-right:1px solid #e1e4ea;}
.sup_center a:last-child{ border:none;}
.sup_center p{ font-size: 18px; margin-top:10px;}
.sup_center a img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.sup_center a.act,.sup_center a:hover{ color:#1292c1;}
.sup_center a.act img,.sup_center a:hover img{filter:unset;}
.index_head .nav li .pro_xiala { position: fixed; width: 100%; }
.pro_xiala .center{ position: relative; padding-bottom: 40px;}
.pro_xiala .tab-hd{ width: 24%; margin-right:auto;}
.pro_xiala .tab-hd .flink{ font-size: 18px; line-height:55px; position: relative; }
.pro_xiala .tab-hd .flink:after{ position:absolute; left: 0; bottom: 0; height: 2px; transition: .2s ease; content: ''; background: #1292c1; width: 0;}
.pro_xiala .tab-hd .flink i{ margin-left: auto; font-size: 16px; opacity: 0;}
.pro_xiala .tab-hd .active .flink{ font-family: monb; color:#1292c1;}
.pro_xiala .tab-hd .active .flink:after{ width:100%;}
.pro_xiala .tab-hd .active .flink i{ opacity: 1; color: #1292c1;}
.pro_xiala .tab-hd dl{margin-top: 15px;}
.pro_xiala .tab-hd dl a{ line-height: 40px; color: #666; display:block; padding-left:20px; position:relative;}
.pro_xiala .tab-hd dl a:after{ position:absolute; left: 5px; top: 17px; width: 4px; height: 4px; border-radius: 50%; content: ''; background: #666;}
.pro_xiala .tab-hd dl dt:hover a{ color:#1292c1;}
.pro_xiala .tab-hd dl dt:hover a:after{ background:#1292c1;}
.pro_xiala .tab-bd{ width: 74%;}
.pro_xiala .tab-bd .list a{ width: 31.5%; margin-left: 1.8%; display:block; background:#fff; border-right:10px; text-align:center;padding:0 20px;}
.pro_xiala .tab-bd .list a .imgfd{ padding-top: 100%; margin-bottom:15px;}
.pro_xiala .tab-bd .list a .txt{padding-bottom: 30px;}
.pro_xiala .tab-bd .list a h2{ font-size: 18px; font-family: monb; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px;}
.pro_xiala .tab-bd .list a p{font-size: 16px; height:30px;}
.pro_xiala .tab-bd .list a:hover h2{color:#1292c1;}
.pro_xiala .allpro{ position: absolute; right: 0; bottom: 0px; color: #1292c1; font-size: 20px; font-family: monb; height:auto; text-transform:uppercase; line-height:30px;}
.pro_xiala .allpro i{font-weight: bold; margin-left: 10px;}
.search_box{ width: 100%; position: fixed; left: 0; top: 80px; background: #fff;z-index:3; padding:40px 0; display:none;}
.search_box form{ width: 100%; border: 2px solid #1292c1;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form input.search_sub{ width: 150px; background: #1292c1 url(../images/ss.png) no-repeat center; text-align: center; color: #fff; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}
.top_contact{ display: flex; align-items: center;}
.top_contact .top_search{ margin-right: 25px; cursor: pointer; font-size: 20px; color: #004580;}
.top_contact span{ display: inline-block; margin-right: 15px;}
.top_contact span:first-child{ padding-right: 15px; border-right:1px solid rgba(102,102,102,.3);}
.top_contact span i{ display: inline-block;width: 22px; height: 22px; border-radius: 50%; background: #f2f2f2; color: #3d63ca; line-height: 22px; text-align: center; font-size: 14px; margin-right: 3px;}
.top_lang{ margin: 0 50px 0 30px;}
.top_contact .con_btn{ display: inline-block; line-height: 36px; padding: 0 25px; border-radius: 18px; background: #019bd0; color: #fff;font-family: orbm; transition:.2s ease;}
.top_contact .con_btn:hover{ background:#021d58;}
.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; right: 30%; width: auto; left: auto;bottom: 50px;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 9px; height: 9px; opacity: 1; background: #fff; margin-right: 10px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #1292c1;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ border-color: #fff;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}


.top_h{ height: 105px;}
.sy-ban .txt1{ padding: 30px 0; position: absolute; width: 100%; top: 50%; padding: 0 5%; transform: translateY(-50%); animation: txtup 0.5s linear ;}
@-webkit-keyframes txtup{
0%{ top:60%;}
100%{ top:50%;}
}
@keyframes txtup{
0%{ top:60%;}
100%{ top:50%;}
}
.sy-ban .txt1 p{ font-size: 46px; color: #021d58; margin-top: 40px; max-width: 40%; line-height: 60px}
.sy-ban .txt1 b{font-size: 108px; font-family: moneb; line-height: 110px; color: #021d58; max-width: 45%; text-transform: uppercase;}
.sy-ban .txt1 b span{ color: #019bd0;}
.sy-ban .txt1 .amore{ margin-top: 80px;}

.ic_down{ position: absolute; left: 5%; bottom: 60px; transform: rotate(90deg);z-index: 3; color: #021d58; animation: updown 2s linear infinite;}
.ic_down i{ font-size: 22px;}
@-webkit-keyframes updown{
0%{ padding-left: 0;}
	50%{ padding-left: 10px;}
	100%{ padding-left: 0;}
}
@keyframes updown{
0%{ padding-left: 0;}
	50%{ padding-left: 10px;}
	100%{ padding-left: 0;}
}


.amore{ display: inline-block; line-height: 46px; padding: 0 30px; color: #1292c1; border: 2px solid #1292c1;position: relative;transition: .2s ease; text-transform: uppercase; border-radius: 25px; font-family: monm; overflow: hidden;}
.amore i{ font-size: 14px; margin-left: 15px;}
.amore.wb{ border-color: #fff; color: #fff;}
.amore.wbg{ border-color: #fff; background: #fff;}
.amore.bbg{ background: #021d58; border-color: #021d58; color: #fff;}
.amore span{ position: relative; z-index: 2;}
.amore:after{ position: absolute;width: 0; height: 100%; content: ''; left: 0; top: 0; transition: .2s ease;z-index: 0}
.amore:hover:after{ width: 100%; background: #1292c1;}
.amore:hover{color: #fff;}

.dtop{ padding-top: 85px;}
.sy_title{ margin-bottom: 60px;}
.sy_title i,.sy_title b{ font-size: 54px; color: #021d58;}
.sy_title i{ color: #1292c1; margin-right: 15px; font-size: 36px; display: inline-block;}
.item_top{ margin-bottom: 40px; align-items: flex-end;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}

.pro_list{ padding: 10px;}
.sy_products .pro_list ul li{ float: left; width: 24.25%; margin-right: 1%; position: relative; box-shadow: 0 0 12px rgba(0,0,0,.1);}
.sy_products .pro_list ul li:nth-child(4){ margin-right: 0;}
.sy_products .pro_list ul li .imgfd{ padding-top: 152%; border-radius: 10px;}
.sy_products .pro_list ul li .txt{ position: absolute; width: 100%; left: 0; top: 40px; padding: 0 45px;}
.pro_list ul li .txt h2{ font-family: monb; font-size: 45px; color: #021d58; margin-bottom: 20px; transition: .2s ease;}
.pro_list ul li .txt p{ font-size: 18px; line-height: 24px; height: 48px;overflow: hidden; margin-bottom: 20px;}
.smore { display: inline-block; line-height: 40px; padding: 0 20px; font-family: monb; font-size: 18px; border-radius: 20px; background: #fff; transition: .2s ease; color: #1292c1; text-transform: uppercase;}
.smore i{margin-left: 12px; font-size: 14px;}
.pro_list ul li:hover h2{ color: #1292c1;}
.smon:hover .smore{ background: #1292c1; color: #fff;}

.sy_procol ul li{ width: 49.5%; margin-right: 1%; float: left;position: relative;}
.sy_procol ul li:nth-child(2){ margin-right: 0;}
.sy_procol ul li .imgfd{ padding-top: 85%; border-radius: 10px;}
.sy_procol ul li .txt{ position: absolute; width: 100%; text-align: center; top: 80px; padding: 0 40px;}
.sy_procol ul li .txt h2{ font-family: monb; font-size: 54px; color: #021d58; margin-bottom: 20px; transition: .2s ease;}
.sy_procol ul li .txt p{ font-size: 22px; margin-bottom: 20px;}
.sy_procol ul li .txt i{ display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: #1292c1; color: #fff; font-size: 24px; line-height: 50px; opacity: 0; transition: .2s ease;}
.sy_procol ul li:hover .txt i{ opacity: 1;}
.sy_procol ul li:hover .txt h2{ color: #1292c1;}

.sy_about{ position: relative; overflow: hidden;}
.about_txt{ width: 110%; margin-left: -5%; position: absolute; left: 0; top: 120px; background: #fff; padding-bottom: 90px; text-align: center; border-bottom-left-radius: 300%; border-bottom-right-radius: 300%; opacity: .95;z-index: 3;display: none;}
.about_txt .center{ padding: 0 8%;}
.about_txt b{ font-size: 45px; line-height: 60px; color: #021d58; width: 85%; margin: 0 auto 30px;}
.about_txt b span{ color: #1292c1}
.about_txt p{ font-size: 26px; line-height: 40px; margin-bottom: 40px;}
.abpic{ position: relative;}
.abpic .pic{ width: 100%;}
.abpic .play{ position: absolute; left: 50%; top: 65%; transform: translateX(-50%); background: #fff; cursor: pointer; border-radius: 50%;}
.abpic .play i{font-size: 60px; color: #1292c1; position: relative; z-index: 2;}
.abpic .play:after{width: 134%;height: 134%; position: absolute; left: -17%; top: -17%; content: ''; background: rgba(255,255,255,.4); border-radius: 50%;}
.DoSomething .mask {
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	overflow: hidden;}
.DoSomething .mask img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: none;
	transition: 1.5s;}
.app_list{margin-bottom: 60px;}
.app_list ul li{ width:13%; margin-right: auto; text-align: center; }
.app_list ul li:last-child{margin-right: 0;}
.app_list ul li .imgfd{ padding-top: 100%; }
.app_list ul li .pic{ border-radius: 50%; overflow: hidden; position: relative; margin-bottom: 20px;}
.app_list ul li .pic:after{ position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); top: 5px; left: 5px; border-radius: 50%; content: ''; border:.7px dashed #1292c1}
.app_list ul li p{ height: 30px;}
.app_list ul li.on .pic{ box-shadow: 0 0 15px rgba(18,146,193,.5);}
.app_list ul li.on .pic:after{ border: 5px solid #1292c1; left: 0; top: 0;}
.app_module{ position: relative;}
.app_module .modpic{ width: 100%;}
.app_module b{ position: absolute; left: 0; width: 100%; text-align: center; font-size: 30px;  bottom: 55px; color: #021d58;}
.app_module dt{ position: absolute; cursor: pointer; padding: 7px; border-radius: 18px; background: rgba(18,146,193,.3); transition: .3s ease;}
.app_module dt i{ display: block; width: 22px; height: 22px; border-radius: 50%; background: #1292c1; position: relative; transition: .3s ease;}
.app_module dt i:after,.app_module dt i:before{ position: absolute; background: #fff; left: 50%; top: 50%; content: ''; transform: translate(-50%,-50%); transition: .3s ease;}
.app_module dt i:after{ width: 2px; height: 8px;}
.app_module dt i:before{ width: 8px; height: 2px;}
.app_module dt span{ display: block; color: #fff; width: 0; overflow: hidden; transition: .3s ease; height: 20px;}
.app_module dt:hover span{ width: auto; margin-left: 10px;}
.app_module dt:hover{ z-index: 5; background: rgba(18,146,193,1); padding-right: 12px;}
.app_module dt:hover i{background: #fff;}
.app_module dt:hover i:after{ display: none;}
.app_module dt:hover i:before{ background: #1292c1;}
.app_module dt:first-child{left: 14%;bottom: 48%;}
.app_module dt:nth-child(2){ left: 24%; bottom: 50%;}
.app_module dt:nth-child(3){ left: 29%; bottom: 70%;}
.app_module dt:nth-child(4){ left: 31%; bottom: 58%;}
.app_module dt:nth-child(5){ left: 41%; bottom: 50%;}
.app_module dt:nth-child(6){ left: 87%; bottom: 54%;}
.app_module dt:nth-child(7){ left: 23%; top: 5%;}
.app_module dt:nth-child(8){ left: 38%; bottom: 72%;}
.app_module dt:nth-child(9){ left: 52%; bottom: 49%;}
.app_module dt:nth-child(10){ left: 74%; bottom: 46%;}
.app_module dt:nth-child(11){ left: 76%; top: 2%;}

.sy_service dt{ width: 24%; margin-right: auto; border-radius: 10px; border: 1px solid #eff2f7; text-align: center; padding: 45px 35px 40px;}
.sy_service dt .ic{ transition: .2s ease;}
.sy_service dt .txt{ margin-top: 30px;}
.sy_service dt:nth-child(4){ margin-right: 0;}
.sy_service dt .txt b{ font-size: 30px; line-height: 40px; height: 40px; color: #021d58; margin-bottom: 20px;}
.sy_service dt .txt p{ font-size: 18px; height: 90px; margin-bottom: 20px;}
.sy_service dt .txt .smore{opacity: 0; transition: .3s ease;}
.sy_service dt:nth-child(2n+1){background: #eff2f7;}
.sy_service dt:hover .smore{ opacity: 1;}
.sy_service dt:nth-child(2n) .smore{background: #1292c1; color: #fff;}
.sy_service dt:hover .ic{ transform: translateY(-10px);}
.btn_box b{ font-size: 26px; margin-bottom: 25px;}
.sy_service .amore i{ font-size: 18px;}

.leftswiper{ overflow: hidden; width: 47%; margin-right: auto; position: relative;}
.leftswiper li{ background: #eff2f7; border-radius: 10px; overflow: hidden;}
.leftswiper li .txt{ padding: 38px 40px 55px;}
.leftswiper li .imgfd{ padding-top: 66.66%;}
.leftswiper li .top p{ margin-right: auto; font-size: 18px;}
.leftswiper li .top p span{ font-family: monb; color: #1292c1;}
.leftswiper li .top{ margin-bottom: 30px;}
.leftswiper li h2{ font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; font-family: monb; color: #021d58;}
.leftswiper li:hover h2{ color: #1292c1;}
.leftswiper .swiper-pagination{ width: auto; top: 180px; right: 40px; bottom: auto; left: auto;}
.leftswiper .swiper-pagination .swiper-pagination-bullet{ width: 16px; height: 4px; border-radius: 2px; background: #fff; border:none;}
.leftswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #1292c1;}
.news_box .right_news{ width: 52%;}
.right_news .items{ width: 46%; margin-left: auto;}
.right_news .items .imgfd{ border-radius: 10px; padding-top: 66.66%;}
.right_news .items p.infop{ font-size: 18px; margin-bottom: 15px;}
.right_news .items p.infop span{ font-family: monb; color: #1292c1}
.right_news .items h2{ font-size: 20px; line-height: 30px; height: 90px; font-family: monb; color: #021d58;margin-bottom: 5px; overflow:hidden;}
.right_news .items p.des{ font-size: 18px; height: 150px; overflow: hidden; margin-bottom: 40px;}
.right_news .items .txt{ padding-top: 22px;}
.right_news .items:nth-child(2) .imgfd{ margin-top: 40px;}
.right_news .items:nth-child(2){ padding: 20px; border-radius: 10px; border: 1px solid #eff2f7;}
.right_news .items .txt i{ display: inline-block; width: 35px; height: 35px; line-height: 35px; color: #fff; text-align: center; border-radius: 50%; background: #021d58; transition: .2s ease;}
.right_news .items:hover h2{ color: #1292c1;}
.right_news .items:hover .txt i{ background: #1292c1;}

.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:120px;display: none; z-index:9999; }
.video_box{ width:100%; background: #fff; height:auto; position: relative; transition: all 0.5s linear;}
.video_box iframe{width:1150px;}
.video_box video{ height: 100%; width: 100%!important;}
.video_box iframe{ height:650px;}
.video_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer; z-index:9999;}
.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998; background:rgba(0,0,0,.3); }
.video_close i{ font-size: 30px; color: #fff;}

@media (max-width: 1750px){
	.index_head{padding: 0 3%;}
}
@media (max-width: 1680px){
	.index_head{padding: 0 2%;}
	.index_head .nav li.nav_li{ margin-left:50px;}
}


@media (max-width: 1600px){
	.index_head .nav li.comname,.index_head .nav li.nav_li{margin-left: 50px;}
	.top_lang{ margin: 0 30px 0 20px;}
	.sy-ban .txt1 b{ font-size: 80px;  line-height: 90px;}
	.sy-ban .txt1 p{font-size: 40px; line-height:50px;}
	.sy-ban .txt1 .amore{margin-top: 55px;}
	.sy_products .pro_list ul li .txt{ padding: 0 30px;}
	.pro_list ul li .txt h2{font-size: 38px;}
	.sy_procol ul li .txt h2{font-size: 50px;}
}
@media (max-width: 1500px){
    .index_head .nav li.comname, .index_head .nav li.nav_li{margin-left: 45px;}
}
@media (max-width: 1441px){
	.index_head .nav li.comname a{font-size: 36px;}
	.top_contact .con_btn{padding: 0 20px;}
	.sy_title i{font-size: 32px;}
	.sy_title b{font-size: 48px;}
	.sy_title{margin-bottom: 45px;}
	.about_txt p{font-size: 24px;}
	.sy_service dt{ padding: 35px 25px 30px;}
	.index_head .nav li.comname{display: none;}
}

@media (max-width: 1281px){
	.index_head .nav li.comname, .index_head .nav li.nav_li{ margin-left: 35px;}
	.top_lang{ margin: 0 18px;}
	.index_head{padding: 0 1.2%;}
	.top_contact .top_search{margin-right: 0;}
	.index_head .logo img{max-height: 40px;}
	.sy-ban .txt1 b{font-size: 60px; line-height: 70px;}
	.sy-ban .txt1 p{font-size: 30px; line-height: 40px;}
	.pro_list ul li .txt h2{font-size: 32px;}
	.pro_list ul li .txt p{font-size: 16px;}
	.sy_products .pro_list ul li .txt{padding: 0 20px; top:30px;}
	.sy_procol ul li .txt{padding: 0 30px; top: 50px;}
	.sy_procol ul li .txt h2{font-size: 40px;}
	.sy_procol ul li .txt p{font-size: 20px;}
	.about_txt b{font-size: 40px; line-height: 50px;}
	.about_txt p{font-size: 20px; line-height: 32px;}
	.abpic .play{ top: 75%;}
	.sy_service dt .txt b{font-size:24px; line-height:30px; height:30px;}
	.sy_service dt .txt p{font-size: 16px;}
}

@media (max-width: 1024px){
	.sy-ban{ margin-top: 54px;}
	.sy-ban .txt1{padding: 0 1.5%;}
	.sy-ban .txt1 b{font-size: 40px; line-height: 50px;}
	.sy-ban .txt1 p{font-size: 20px; line-height: 30px;}
	.pro_list ul li .txt p{ display: none;}
	.pro_list ul li .txt h2{ font-size:26px;}
	.smore{ line-height: 32px; font-size:16px; padding:0 16px;}
	.smore i{font-size: 12px; margin-left:8px;}
	.about_txt{ top: 80px;}
	.about_txt b{ font-size: 36px; width: 95%; line-height: 42px;}
	.right_news .items p.infop{ display: none;}
	.foot_center{ display: none;}
	.about_txt{padding-bottom: 60px;}
}
@media (max-width: 768px){
	.sy-ban .txt1 .amore{ display: none;}
	.sy-ban .txt1 b{font-size: 32px; line-height: 44px; max-width:80%;}
	.sy-ban .txt1 p{ max-width: 80%; margin-top: 20px;}
	.ic_down{ left: 1.5%; bottom: 25px;}
	.ic_down i{font-size: 18px;}
	.sy_title{ margin-bottom: 25px;}
	.sy_title b{font-size: 34px;}
	.sy_title i{font-size: 22px;}
	.sy_products .pro_list ul li{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.sy_products .pro_list ul li:nth-child(2n){ margin-right:0;}
	.sy_procol{ display: none;}
	.mainh{height: 40px;}
	.sy_products{padding-bottom: 0;}
	.about_txt{ padding-bottom: 0; position: unset;}
	.about_txt{ display: block;}
	.DoSomething .mask{ display: none;}
	.abpic .play{ top: 60%;}
	.app_module b{font-size: 26px; bottom: 30px;}
	.dtop{ padding-top: 40px;}
	.sy_service dt{ width: 49%; margin-bottom: 15px;}
	.sy_service dt:nth-child(2n){ margin-right:0;}
	.news_box{ display: block;}
	.leftswiper{width: 100%; margin-bottom:25px;}
	.news_box .right_news{ width: 100%;}
	.right_news .items:first-child{margin-left:0;}
	.right_news .items{ width: 48%;}
	.right_news .items p.des{font-size: 16px;}
	.right_news .items p.des{ display: none;}
	.right_news .items h2{margin-bottom: 15px;}
	
}

@media (max-width: 450px){
.sy-ban .txt1 b{font-size: 26px; line-height: 34px;}
.sy-ban .txt1 p{font-size: 18px; }
.ic_down i{font-size: 16px;}
.sy_title b{font-size: 28px;}
.sy_title i{font-size: 18px; margin-right:10px;}
.pro_list ul li .txt h2{font-size: 22px;}
.pro_list ul li .txt .smore{ display: none;}
.about_txt b{font-size: 26px; line-height: 36px; margin-bottom:20px;}
.about_txt .center{padding: 0 3%;}
.about_txt p{font-size: 18px; line-height: 30px; margin-bottom: 25px;}
.amore{ line-height: 36px; padding: 0 18px; font-size:14px;}
.amore i{margin-left: 10px; font-size:12px;}
.abpic .play i{font-size: 40px;}
.sy_app{ display: none;}
.sy_service dt{padding: 15px 15px 20px;}
.sy_service dt img {height: 60px;}
.sy_service dt .txt{margin-top: 15px;}
.sy_service dt .txt b{font-size: 20px; height:60px;}
.sy_service dt .txt p{display: none;}
.sy_service dt .txt .smore{ opacity: 1;}
.btn_box{ margin-top: 25px;}
.btn_box b{font-size: 20px; margin-bottom:15px;}
.leftswiper li .txt{ padding: 20px 20px 25px;}
.leftswiper li .txt .smore{ display: none;}
.leftswiper li .top p{font-size: 16px;}
.leftswiper li .top{margin-bottom: 18px;}
.leftswiper .swiper-pagination{ top: 120px; right: 20px;}
.right_news .items:nth-child(2){padding:0 10px 10px;}
.copy{font-size: 12px;}
.leftswiper li h2{font-size: 18px;}
.right_news .items h2{font-size: 18px; line-height: 26px; height: 78px;}
.right_news .items:nth-child(2) .imgfd{ margin-top:25px;}
}
.top_h{height: 80px;}
.posi{ padding: 20px 0; font-size:14px;}
.posi i{ color: #1292c1; margin-right:5px;}
.coltit{ font-size: 54px; color: #021d58; text-align: center; margin-bottom: 45px;}
.pro_column .list ul li{ position: relative; float: left; width:100%;}
.pro_column .list ul li .txt{ position: absolute; z-index:2;}
.pro_column .list ul li.li-2{ margin-bottom: 30px; width: 49%; margin-right: 2%;}
.pro_column .list ul li.li-2:nth-child(2n){ margin-right:0;}
.pro_column .list ul li .imgfd{ border-radius: 10px;}
.pro_column .list ul li.li-2 .imgfd{ padding-top: 100%;}
.pro_column .list ul li.li-2 .txt{ width: 100%; left: 0; text-align: center; top: 45px; padding: 0 80px;}
.pro_column .list ul li.li-1 .imgfd{ padding-top: 49%;}
.pro_column .list ul li.li-1 .txt{ width: 50%; left: 0; text-align: center; top: 50%; transform:translateY(-50%); padding: 0 80px;}
.pro_column .list ul li .txt h2{ color: #021d58; font-size: 40px; transition: .2s ease; margin-bottom:15px; font-family:monb;}
.pro_column .list ul li .txt p{ font-size: 18px; margin-bottom: 15px;}
.pro_column .list .scotit{ font-size: 45px; color: #021d58; margin-bottom:35px;}
.pro_column .list .scotit i{ color: #1292c1; margin-right:10px; font-size:38px;}
.log_column .list{ margin-bottom: 40px;}
.pro_column .list ul li:hover .txt h2{ color:#1292c1;}

@media (max-width: 1281px){
.coltit{ font-size: 48px; margin-bottom:35px;}
.pro_column .list ul li .txt h2{font-size: 36px;}
}
@media (max-width: 1024px){
    .pro_column .list .scotit{font-size: 38px;}
    .pro_column .list .scotit i{font-size: 30px;}
    .pro_column .list ul li.li-2 .txt,.pro_column .list ul li.li-1 .txt{padding: 0 40px;}
    .top_h{ height: 54px;}
}
@media (max-width: 768px){
    .coltit{ font-size: 36px;}
    .pro_column .list ul li.li-2 .txt, .pro_column .list ul li.li-1 .txt{padding: 0 20px;}
    .pro_column .list ul li .txt h2{ font-size: 28px;}
    .pro_column .list ul li .txt p{font-size: 16px;}
    .pro_column .list .scotit{font-size: 30px;}
    .pro_column .list .scotit i{ font-size: 24px;}
}
@media (max-width: 450px){
    .coltit{ font-size: 28px; margin-bottom: 20px;}
    .pro_column .list ul li.li-2 .txt{ top: 20px;}
    .pro_column .list ul li .txt h2{font-size: 20px;}
    .pro_column .list ul li .txt p{ display: none;}
    .pro_column .list ul li .txt .smore{ display: none;}
    .pro_column .list ul li.li-2{margin-bottom: 20px;}
    .pro_column .list .scotit{font-size: 24px; margin-bottom:20px;}
    .pro_column .list .scotit i{font-size: 18px;}
    .log_column .list{margin-bottom: 25px;}
    .pro_column .list ul li.li-2 .txt, .pro_column .list ul li.li-1 .txt{padding: 0 10px;}
}
.detpic{ position: relative; overflow:hidden;}
.detpic img{ width: 100%;}
.detpic .txt{ position: absolute; width: 100%; top: 100px; text-align: center; left:0;}
.detpic .txt h1{ font-size: 100px; font-family: monb; color: #019bd0; margin-bottom: 170px;}

.show_det{ overflow: hidden; width:100%;}
.show_det img{max-width: 100%!important;}
.featswiper{ overflow: hidden; padding-bottom: 60px; position: relative;}
.featswiper li{ background: #fff; border-radius: 10px; padding:40px 48px;}
.featswiper li .icon{ text-align: center; margin-bottom:30px; transition:.3s ease;}
.featswiper li .icon img{ height: 130px;}
.featswiper li h3{font-size: 24px; line-height: 30px; height: 60px; color: #1292c1; overflow: hidden; font-family:monb;}
.featswiper li .des{ height: 150px; overflow: hidden; font-size: 18px;}
.featswiper li p{ font-size: 18px; padding-left: 16px; position: relative;}
.featswiper li p:after{ position:absolute; left: 0; top: 12px; content: ''; background: #333333; width:5px; height:5px; border-radius:50%;}
.m45{ text-align: center; font-size: 45px; color: #021d58; margin-bottom: 55px; font-family:monb;}
.featswiper li:hover .icon{ transform:translateY(-10px);}

.pro_model dt{ width: 50%; padding: 0 4%;}
.pro_model .imgfd:hover{ overflow:visible;}
.pro_model .para{ width:50%; margin:40px auto 0;}
.pro_model .para p{ margin-bottom: 15px; height:40px; display:flex; align-items:center; font-size:20px;}
.pro_model .para p:before{ width:40px; height: 40px; content: ''; background: url(../images/kg_07.png) no-repeat center; margin-right:20px;}
.pro_model .para p:nth-child(2):before{ background: url(../images/km_07.png) no-repeat center;}

.pare_det table{ width: 100%!important; font-size:18px; border:1px solid #e1e4ea;}
.pare_det td{ padding: 20px 20px 20px 35px; border-right:1px solid #e1e4ea;}
.pare_det td:last-child{ border:none;}
.pare_det tr{ transition: .2s ease;}
.pare_det tr:nth-child(2n+1){ background:#fff;}
.pare_det tr:nth-child(2n){ background:#eff2f7;}
.pare_det tr:first-child{ background:#021d58; color:#fff; font-family:monb; }
.pare_det tr:nth-child(n+1):hover{ background:#1292c1; color: #fff;}

.caseswiper{ overflow: hidden;}
.caseswiper .imgfd{padding-top: 66.67%; border-radius: 10px; margin-bottom: 25px;}
.caseswiper p{ font-size: 24px; line-height: 36px; height: 72px;}
.caseswiper .swiperbtn{ position: unset; display: inline-block; width:50px; height:50px; border-radius:50%; background:#eff2f7; color:#021d58; font-size:26px; line-height:50px; text-align:center; margin:0 15px; transition:.2s ease;}
.swiper-button-next:after, .swiper-button-prev:after{ display:none;}
.caseswiper .swiperbtn:hover{ color:#1292c1;}

.pro_down li{ float: left; background: #eff2f7; border-radius: 10px; padding:  32px 35px 32px 28px; width:49%; margin-right:2%; margin-bottom:25px; transition:.3s ease;}
.pro_down li:nth-child(2n){ margin-right:0;}
.pro_down li i.icon-pdf{ font-size: 24px; color: #1292c1; margin-right: 20px;}
.pro_down li p{ font-size: 20px;height:30px; overflow:hidden; max-width:calc(100% - 80px); margin-right:auto;} 
.pro_down li i.icon-xiazai{ font-size: 26px; color: #021d58; opacity: .3; font-weight:bold;}
.pro_down li:hover{ background:#1292c1;}
.pro_down li:hover i,.pro_down li:hover p{ color:#fff;}

.pro_faq{ padding: 0 180px;}
.faq_list ul li{ padding-bottom: 25px; margin-bottom: 30px; border-bottom: 1px solid #021d58; cursor:pointer;}
.faq_list .tit span,.faq_list .ans .ss{ display: inline-block; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; font-family: monb; font-size: 18px; color:#fff; background:#1292c1; margin-right:15px;}
.faq_list .ans .ss{ background: #021d58;}
.faq_list .tit i{ display: block; font-weight: bold; font-size: 18px;}
.faq_list .tit p{ font-size: 20px; color: #021d58; max-width: calc(100% - 75px); margin-right: auto;}
.faq_list .ans{ margin-top: 20px; display:none;}
.faq_list .ans .box{ width: calc(100% - 45px);}
.faq_list ul li.open .tit i{ transform: rotate(180deg);}

@media (max-width: 1281px){
    .detpic .txt h1{ font-size: 70px; margin-bottom:140px;}
    .featswiper li .icon img{height: 100px;}
    .featswiper li{padding: 30px 35px;}
    .pro_model .para{width: 70%; margin-top: 30px;}
    .pare_det td{padding-left: 50px;}
    .pro_faq{padding: 0 100px;}
}
@media (max-width: 1024px){
    .detpic .txt h1{font-size: 50px; margin-bottom: 80px;}
    .featswiper li{padding: 30px 25px;}
    .featswiper li h3{font-size: 22px;}
    .m45{font-size: 40px; margin-bottom: 40px;}
    .pare_det table{font-size: 16px;}
    .caseswiper p{font-size: 20px; line-height: 30px; height: 60px;}
}
@media (max-width: 768px){
    .pro_model .para{ width: 100%;}
    .pro_model .para p:before{ width:30px; height: 30px; margin-right:10px;}
    .pro_model .para p{height: 30px; font-size: 18px;}
    .m45{ font-size: 32px; margin-bottom: 25px;}
    .pare_det td{padding: 10px 10px 10px 30px;}
    .pro_down li{width: 100%; float: none;}
    .pro_faq{ padding: 0 2%;}
}
@media (max-width: 450px){
    .posi{padding: 15px 0; font-size: 12px;}
    .posi i{font-size: 14px;}
    .featswiper li{ padding: 15px 10px;}
    .featswiper li .icon img{ height: 60px;}
    .featswiper li .icon{margin-bottom: 20px;}
    .featswiper li h3{ font-size: 18px; line-height: 24px; height: 48px;}
    .featswiper li p{ font-size: 16px;}
    .featswiper li .des{display: none;}
    .featswiper{padding-bottom: 40px;}
    .m45{ font-size: 24px; margin-bottom:15px;}
    .pro_model .para p{ font-size: 14px;}
    .pro_model .para p:before,.pro_model .para p:nth-child(2):before{background-size:contain;}
    .pare_det td{font-size: 14px; padding-left: 15px;}
    .caseswiper p{font-size: 16px; line-height: 24px; height: 72px;}
    .caseswiper .swiperbtn{width: 36px; height: 36px; line-height: 36px; font-size: 14px;}
    .pro_down li{ padding: 15px 10px;}
    .pro_down li p{font-size: 18px; height:auto; max-height:48px;}
    .faq_list .tit p{font-size: 16px; line-height:26px;}
    .detpic .txt{ top: 30px;}
    .detpic .txt h1{font-size: 30px; margin-bottom: 30px;}
}
.amrfeat.featswiper li .des{height: 210px;}
.amrfeat.featswiper li .imgfd{ margin-bottom: 15px;}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .ban_txt{ text-align: center; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.ny_ban .ban_txt b{ font-size: 60px; color: #fff;}

.app_page{ margin-top: 30px;}
.center_des{ width: 83%; margin: 0 auto 70px; text-align:center;}
.center_des p{ font-size: 26px; line-height: 40px;}
.napp_list ul li{ position: relative; float:left; width:49%; margin-right:2%; margin-bottom:50px;}
.napp_list ul li:nth-child(2n){ margin-right:0;}
.napp_list .imgfd{ padding-top: 100%; border-radius: 10px;}
.napp_list .tit{ position: absolute; width: 100%; left: 0; top: 40px; padding:0 40px;}
.napp_list .tit h2{ font-size: 40px; font-family: monb; color: #021d58; max-width:calc(100% - 140px); margin-right:auto;}
.smore.smore1{ border: 2px solid #1292c1; line-height:36px;}

.scaseswiper{ overflow: hidden;}
.scaseswiper li{background: #fff; border-radius: 10px; overflow: hidden;}
.scaseswiper .imgfd{padding-top: 66.67%;}
.scaseswiper li .txt{ padding: 35px 40px 40px;}
.scaseswiper h2{ font-size: 22px; line-height: 30px; height: 60px; font-family:monb; margin-bottom:30px; overflow:hidden;}
.scaseswiper .swiperbtn{ position: unset; display: inline-block; width:50px; height:50px; border-radius:50%; background:#fff; color:#021d58; font-size:26px; line-height:50px; text-align:center; margin:0 15px; transition:.2s ease;}
.scaseswiper .swiperbtn:hover{ color:#1292c1;}
@media (max-width: 1024px){
    .center_des p{font-size: 22px; line-height: 32px;}
    .napp_list .tit h2{font-size: 36px;}
    .napp_list .tit{padding: 0 30px;}
    .scaseswiper li .txt{padding: 25px 20px;}
    .scaseswiper h2{font-size: 20px; margin-bottom: 20px;}
    .ny_ban .ban_txt b{font-size: 48px;}
}
@media (max-width: 768px){
    .napp_list .tit h2{ font-size: 30px;}
    .center_des{ width: 95%; margin-bottom:35px;}
}
@media (max-width: 450px){
    .center_des p{font-size: 18px; line-height: 30px;}
    .napp_list ul li{ width: 100%; margin-bottom: 20px; float:none;}
    .scaseswiper li .txt{padding: 15px 10px;}
    .scaseswiper li .txt .smore{display: none;}
    .scaseswiper h2{ font-size: 18px; margin-bottom: 0;}
    .scaseswiper .swiperbtn{width: 36px; height: 36px; line-height: 36px; font-size: 14px;}
}
.aca_page{ margin-top: 40px;}
.sy_title .m45{ text-align: left; font-size: 45px;}
.sy_title .m45 i{ font-size: 30px;}

.main_left{ width: 300px;}
.main_right{ width: calc(100% - 330px);}
.hot_pro{ background: #fff; border-radius: 10px; padding: 25px;}
.hot_pro b{ font-size: 20px; color: #021d58;}
.hot_pro .imgfd{ padding-top: 100%; border-radius: 10px; margin-bottom:20px;}
.hot_pro a{ text-align: center; padding: 20px 0; border-bottom: 1px solid #e1e4ea; display:block;}
.hot_pro a h2{ font-size: 16px; font-family: monb;}
.hot_pro a:hover h2{ color:#1292c1;}

.aca_main {background: #fff; border-radius: 10px; padding: 30px;}
.m30{ font-family: monb; font-size: 30px; color: #021d58; }
.ope_list ul li{ float: left; width: 32%; margin-right: 2%; padding: 35px 0 22px; border-bottom: 1px solid #e1e4ea;}
.ope_list ul li:nth-child(3n){margin-right:0;}
.ope_list ul li .imgfd{ border-radius: 10px; padding-top: 66.67%; margin-bottom:20px;}
.ope_list ul li i{ display: inline-block; position: absolute; width: 44px; height: 44px; border-radius: 50%; background: #fff; font-size:45px; line-height:45px; text-align:center; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); color:#1292c1;}
.ope_list ul li h2{ font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
.ope_list ul li:hover h2{ color:#1292c1;}
.show_det iframe{ max-width: 100%!important;}
@media (max-width: 1024px){
    .main_left{ display: none;}
    .main_right{width: 100%; float: none;}
}
@media (max-width: 768px){
    .aca_main{padding: 20px;}
    .sy_title .m45{ font-size: 36px;}
    .sy_title .m45 i{font-size: 30px;}
    .aca_main{padding: 20px;}
    .m30{ font-size: 26px;}
    .ope_list ul li{ width: 49%; margin-right: 2%; padding:25px 0 15px;}
    .ope_list ul li h2{font-size: 16px;}
    .ope_list ul li:nth-child(3n){ margin-right:2%;}
    .ope_list ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .sy_title .m45{ font-size: 30px;}
    .sy_title .m45 i{ font-size: 24px;}
    .ope_list ul li .imgfd{margin-bottom: 10px;}
    .ope_list ul li{ width: 100%; float: none;}
    .ny_ban .ban_txt b{ font-size: 26px;}
}
.down_list li{ background: #fff;}
.down_nav{ border-bottom: 2px solid #e1e4ea; margin-bottom:50px;}
.down_nav a{ display: block; width: 50%; font-size:20px; line-height:60px; text-align:center;position:relative;}
.down_nav a:after{width:0; transition: .3s ease; height: 2px; background: #1292c1; left: 0; bottom: -2px; content:''; position:absolute;}
.down_nav a:hover,.down_nav a.act{ color:#1292c1; font-family: monb;}
.down_nav a:hover:after,.down_nav a.act:after{ width:100%;}
.down_page{ margin-top: 40px;}
@media (max-width: 450px){
    .down_nav a{font-size: 18px;}
    .down_nav{margin-bottom: 30px;}
    .down_page{ margin-top: 20px;}
}
.case_page{ margin-top: 45px;}
.case_list ul li{ float: left; width: 32%; background: #fff; border-radius: 10px; overflow: hidden; margin-right: 2%; margin-bottom:40px;}
.case_list ul li:nth-child(3n){ margin-right:0;}
.case_list .imgfd{ padding-top: 66.66%;}
.case_list .txt{padding: 38px 40px;}
.case_list .txt h2{ font-size: 22px; line-height: 30px; height: 60px; overflow: hidden; font-family: monb; margin-bottom: 25px;}
@media (max-width: 1024px){
    .case_list .txt{padding: 25px 20px;}
}
@media (max-width: 768px){
    .case_list .txt h2{font-size: 18px; margin-bottom:0;}
    .case_list .txt .smore{ display: none;}
}
@media (max-width: 450px){
    .case_list ul li{ width: 49%;margin-right: 2%; margin-bottom:25px;}
    .case_list ul li:nth-child(3n){ margin-right:2%;}
    .case_list ul li:nth-child(2n){ margin-right:0;}
    .case_list .txt{padding: 15px 10px;}
    .case_list .txt h2{font-size: 16px; line-height: 24px; height: 48px;}
    .case_page{margin-top: 25px;}
}
.faq_nav{background: #fff; border-radius: 10px; padding: 25px 20px;}
.faq_nav b{ font-size: 20px; color: #021d58; margin-bottom:10px;}
.faq_nav a{ display: block; padding: 18px 0; font-size:18px; border-bottom:1px solid #e1e4ea;}
.faq_nav a i{ color: #021d58; margin-right: 10px; }
.faq_nav a:hover,.faq_nav a.act{ color:#1292c1; font-family: monb;}
.faq_nav a:hover i,.faq_nav a.act i{ color:#1292c1;}

.faq_box{ background: #fff; padding: 30px;}
.faq_box .m30{ margin-bottom: 30px;}
@media (max-width: 450px){
    .faq_box{padding: 20px;}
    .faq_box .m30{margin-bottom: 20px;}
}
.news_page{margin-top: 40px;}
.news_page .tit{margin-bottom: 50px;}
.news_page .tit .sy_title .m45{margin-bottom: 0;}
.news_page .sy_title{margin-right: auto; margin-bottom:0;}
.news_page .news_choose{ width: 240px; position:relative;}
.news_page .news_choose p{ background: #fff; border-radius: 10px; padding: 0 20px; line-height: 45px; font-size:18px; cursor:pointer;}
.news_page .news_choose p i{margin-left: auto;}
.news_page .news_choose p:hover{ color:#1292c1;}
.news_page .news_choose .list{position: absolute; background: #fff; border-radius: 10px; overflow: hidden; border: 1px solid #e1e4ea; width:100%; left:0; top:48px; display:none; z-index:3;}
.news_page .news_choose a{ display: block; font-size: 18px; padding: 0 15px; line-height: 44px; border-bottom: 1px solid #e1e4ea;}
.news_page .news_choose a:hover{background:#1292c1; color: #fff;}
.news_page .news_choose a:last-child{ border:none;}

.news_list ul li{ float: left; width: 32%; margin-bottom: 40px; margin-right: 2%; background: #fff; border-radius:10px; overflow:hidden;}
.news_list ul li:nth-child(3n){ margin-right:0;}
.news_list ul li .txt{ padding: 30px 40px 35px;}

.news_list .inf{ font-size: 18px; margin-bottom:10px;}
.news_list .inf span{ font-family: monb; color: #1292c1;}
.news_list h2{ font-size: 20px; font-family: monb; line-height:30px; overflow:hidden; margin-bottom:15px; height:60px;}
.news_list p.des{ font-size: 18px; height: 120px; margin-bottom: 15px; overflow: hidden;}
.news_list i{ display: inline-block; width: 35px; line-height: 35px; height: 35px; border-radius: 50%; text-align: center; font-size: 18px; color: #fff; background: #021d58; transition:.2s ease;}
.news_list li:hover h2{ color:#1292c1;}
.news_list li:hover i{background:#1292c1;}
@media (max-width: 1024px){
    .news_list .inf{ font-size: 16px;}
    .news_list ul li .txt{padding: 20px 25px 25px;}
    .news_list p.des{ font-size: 16px; line-height: 24px; height: 96px;}
}
@media (max-width: 768px){
    .news_list .inf{ display: none;}
    .news_list ul li{ width: 49%; margin-right: 2%;}
    .news_list ul li:nth-child(3n){ margin-right:2%;}
    .news_list ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .news_list ul li .txt{padding: 15px 10px 20px;}
    .news_list p.des{ display: none;}
    .news_list h2{ font-size: 16px; line-height: 24px; height: 48px;}
    .news_list i{width: 28px; height: 28px; line-height: 28px; font-size: 14px;}
    .news_list ul li{margin-bottom: 25px;}
    .news_page .news_choose{display: none;}
    .news_page .tit{margin-bottom: 25px;}
}
.ab_ban .txt{ width: 100%; position: absolute; left: 0; top: 50%;}
.ab_ban .txt b{ font-size: 64px; color: #fff; line-height: 80px;  width:55%;}
.ab_ban .ic_down{ left: 50%; margin-left: -700px; color:#1292c1;}
.ab_company{ margin-top: 40px; padding-bottom:120px;}
.ab_company dt{ text-align: center; width: 20%; padding: 0 25px; border-right:1px solid #021d58;}
.ab_company dt:last-child{ border:none;}
.ab_company dt .m2{ display: none; transition:.3s ease;}
.ab_company dt:hover .m1{ display: none; transition:.3s ease;}
.ab_company dt:hover .m2{ display: inline-block;}
.ab_company dt p{ font-size: 18px; color: #021d58; height:30px;}
.ab_company dl{margin-bottom: 70px;}

.ab_company .play_btn{ background:#fff; padding: 10px; border-radius: 50%;display:inline-block; cursor:pointer;}
.ab_company .play_btn i{ font-size: 60px; color: #1292c1;}

.ab_ach{ position: relative;}
.ab_vision{ position: relative; overflow:hidden;}
.ab_vision img{ width: 100%;}
.ab_vision .txt{ width: 100%; left: 0; top: 70px; position:absolute;}
.ab_vision .txt h2{ font-size: 40px; color: #fff; font-family: monb; margin-bottom:160px;}
.ab_vision .txt b{ font-size: 54px; line-height: 70px; color: #fff;}
.ab_vision .txt b span{ color: #1292c1;}
.ab_provide{ position: relative;}
.ab_provide .txt{ width: 43%;}
.ab_provide .imgfdd{ width: 50%;}
.ab_provide .txt b{ font-size: 30px; margin-bottom: 30px; color: #021d58;}
.ab_provide .txt p{ font-size: 18px;}
.ach_pic{text-align: center;}
.ach_pic img{ max-width: 100%;}
.ab_ach .circle{ display: block; position: absolute; width:30px; height:30px; border-radius:50%; right:15%; bottom:50px; background:#7495dc;}
.ab_ach .circle:after,.ab_ach .circle:before{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); animation: circle 4s linear infinite; border-radius:50%; border:1px solid #7495dc; content:'';}
.ab_ach .circle:before{ animation-delay:2s;}
@-webkit-keyframes circle{
0%{ width:70px; height:70px; opacity:.5;}
	50%{ width:140px; height:140px; opacity:.1;}
	100%{ width:70px; height:70px; opacity:.5;}
}
@keyframes circle{
0%{ width:70px; height:70px; opacity:.5;}
	50%{ width:140px; height:140px; opacity:.1;}
	100%{ width:70px; height:70px; opacity:.5;}
}
.ab_listen{ position: relative; overflow:hidden;}
.ab_listen .center{ position: relative;}
.ab_listen .m45{ text-align:left;margin-bottom:120px;}

.listen_box{background: #eff2f7; border-radius:20px; padding:60px 60px 20px 30px; width:88%; position: relative;margin-top:40px;}
.listen_box .yh1{ position: absolute; left: 60px; top: -35px;}
.listen_box .yh1 img{ width: 70px; transform: rotate(-180deg);}
.listenswiper{ overflow: hidden; position:relative; }
.listenswiper li{padding-bottom:75px;}
.listenswiper .cus_logo{ width: 33%; text-align: center;}
.listenswiper .cus_logo img{ width: 206px;}
.listenswiper .des{ width: 67%; font-size:18px;}
.listenswiper .cus_name{position:absolute; font-family: monb; font-size: 20px; color: #021d58; right: 60px; bottom: 20px;}
.listenswiper .swiperbtn{position: unset; display:inline-block; margin-top:0; font-size:20px; font-weight:bold; margin-right:15px; color:#021d58; height:auto;}
.listenswiper .swiperbox{ position: absolute; left: 33%; bottom: 20px;z-index:3;}
.listenswiper .swiperbtn:hover{ color:#1292c1;}
.yaobai_yh{ text-align: center; position:absolute; right:50%; margin-right:-700px; top:0;transform-origin: top center; animation: yaobai 3s linear infinite;}
.yaobai_yh .yh2{ font-size: 0; margin-top:-2px;}
.yaobai_yh .line{ width: 6px; height: 430px; background: #1292c1; display:inline-block;}
.yaobai_yh img{margin: 0;}
@-webkit-keyframes yaobai{
0%{ transform:rotate(0deg);}
	25%{ transform:rotate(-15deg);}
	50%{ transform:rotate(0deg);}
	75%{ transform:rotate(15deg);}
	100%{ transform:rotate(0deg);}
}
@keyframes yaobai{
0%{ transform:rotate(0deg);}
	25%{ transform:rotate(-15deg);}
	50%{ transform:rotate(0deg);}
	75%{ transform:rotate(15deg);}
	100%{ transform:rotate(0deg);}
}
@media (max-width: 1441px){
    .ab_vision .txt h2{margin-bottom: 100px;}
    .ab_vision .txt b{ font-size: 48px;}
    .yaobai_yh{ right: 2%; margin-right: 0;}
    .ab_ban .ic_down{left: 2%; margin-left: 0;}
}
@media (max-width: 1281px){
    .ab_vision .txt h2{margin-bottom: 100px;}
    .ab_vision .txt b{ font-size: 48px;}
    .ab_ban .txt b{font-size: 56px; line-height:65px;}
    
}
@media (max-width: 1024px){
    .ab_ban{ margin-top: 0;}
    .ab_ban .txt b{font-size: 48px; line-height:60px;}
    .ab_company dt img{height: 72px;}
    .ab_company dt p{font-size: 16px;}
    .ab_company dt{padding: 0 15px;}
    .ab_vision .txt h2{margin-bottom: 40px;}
    .ab_vision .txt b{ font-size: 34px; line-height: 44px;}
    .ab_provide .txt p{font-size: 16px;}
    .ab_listen .m45{margin-bottom: 80px;}
}
@media (max-width: 768px){
    .ab_ban .txt b{font-size: 36px; line-height: 46px; width:80%;}
    .ab_ban .txt{ top: 45%;}
    .ab_company{ padding-bottom: 80px;}
    .ab_provide .txt b{font-size: 24px;}
    .listenswiper .cus_logo img{ width: 170px;}
}
@media (max-width: 450px){
    .ab_ban .txt b{ font-size: 26px; line-height: 32px;}
    .ab_ban .txt{top: 30%;}
    .ab_company dt{ width: 100%; display: flex; align-items: center; flex-wrap:wrap; border:none; margin-bottom:15px;}
    .ab_company dl{display: block; margin-bottom:30px;}
    .ab_company dt img{height: 60px;}
.ab_company dt .ic{margin-right: 15px;}
.ab_company{padding-bottom: 35px;}
.ab_company .play_btn i{ font-size: 48px;}
.ab_vision .txt h2{ font-size: 28px;}
.ab_vision .txt{ top: 30px;}
.ab_vision .txt b{ font-size: 24px; line-height: 30px;}
.ab_vision img{width: 150%; margin-left: -25%;}
.ab_provide .txt{ width: 100%; float: none;}
.ab_provide .imgfdd{ width: 100%; margin-bottom: 20px;}
.listenswiper li .c-flex{ display: block;}
.yaobai_yh{ display: none;}
.listen_box{ width: 100%; padding: 40px 20px 30px;}
.listenswiper .cus_logo{ width: 100%; text-align: center; margin-bottom: 20px;}
.listenswiper .des{ width: 100%;}
.listen_box .yh1{left: 30px; top:-25px;}
.listen_box .yh1 img{width: 50px;}
.listenswiper .swiperbox{left: 0;}
}
.lx_top{ padding: 40px 0 95px; border-bottom: 1px solid rgba(2,29,88,.3);}
.lx_top .left{ width: 43%; margin-right:auto;}
.lx_top .left b{ font-size: 128px; color: #1292c1; }
.lx_top .left h3{ font-size: 40px; line-height: 50px; font-family: monb; margin:30px 0;}
.lx_top .left p{ font-size: 18px;}
.lx_top .lx_msg{ width: 48%;}
.lx_top .lx_msg .m45{ text-align: left; margin-bottom:20px;}
.lx_top .lx_msg input,.lx_top .lx_msg textarea{width: 100%; background: none; line-height: 60px; margin-top: 10px; border-bottom:1px solid #bbbbbb;}
.lx_top .lx_msg .amore{ margin-top: 30px; cursor:pointer;}

.lx_touch dt{ width: 32%; margin-right: auto;}
.lx_touch dt span{ display: block; font-size: 18px; color: #1292c1; margin-bottom:15px; text-transform:uppercase;}
.lx_touch dt p{ font-size: 30px; line-height: 35px;}
.lx_touch dt:nth-child(3){ width:28%; margin-right: 0;}

@media (max-width: 1441px){
    .lx_top .left b{ font-size: 100px; }
}
@media (max-width: 1281px){
    .lx_touch dt p{ font-size: 24px; line-height: 32px;}
}
@media (max-width: 1024px){
    .lx_top .left b{ font-size: 80px;}
    .lx_top .left h3{ font-size: 32px; line-height: 40px;}
    .lx_top .lx_msg input, .lx_top .lx_msg textarea{line-height: 50px;}
}
@media (max-width: 768px){
    .lx_top{ display: block;}
    .lx_top .left{ width: 100%; margin-bottom: 25px;}
    .lx_top .lx_msg{width: 100%;}
    .lx_top .left b{font-size: 50px;}
    .lx_top .left h3{font-size: 26px; line-height: 34px; margin: 20px 0;}
    .lx_top{padding: 20px 0 35px;}
    .lx_touch dl{ display: block;}
    .lx_touch dt{ width: 100%; margin-bottom: 20px;}
    .lx_top .left h3{font-size: 20px; line-height:30px;}
    .lx_top .left p{ font-size: 16px;}
    .lx_touch dt p{ font-size: 20px; line-height:30px;}
    .lx_touch dt:nth-child(3){ width:100%;}
    .follow_list{overflow: hidden;}
}