@charset "utf-8";
/* CSS Document */
.index_head .top_search{ margin-left: 50px; cursor:pointer;}
.index_head .top_search i{ font-size: 26px;}
.top_search_box{ width: 0; transition:.3s ease; overflow:hidden; position: fixed; right:0; height: 100px; top: 0; background:#fff; padding:20px 0; text-align:center; z-index:99;}
.top_search_box form{ width: 60%; display: inline-block;}
.top_search_box input.fl{ line-height: 60px; background: #f5f5f5; padding-left: 15px; width:80%;}
.top_search_box input.search_sub{ width: 17%; background:#00aac7; color:#fff; cursor:pointer; text-align:center; line-height:60px;}
.top_search_box input.search_sub:hover{ text-decoration:underline;}
.top_search_box .close{ position: fixed; right: 5%; top:35px; z-index:11; cursor:pointer; display:none;}
.top_search_box .close i{ font-size: 30px; line-height: 30px;}
.top_menu{ padding: 15px 13px; width: 40px; text-align: center; cursor: pointer; background: #0048af; border-radius: 50%; margin-left: 20px;}
.top_menu i{ display: block; width: 100%; height: 2px; background: #fff; }
.top_menu i:nth-child(2){margin: 2px 0;}

.camp_menu{ width: 65%; position: fixed; height: 100vh;z-index: 999; top: 0; background:url("../images/navbg_02.png") no-repeat right center;   right: -70%; transition: .4s ease; background-size: contain;}
.camp_menu.open{ right: 0;}
.camp_menu .camnav.c-flex{ align-items: flex-start;}
.menu_item h3{ font-size: 26px; margin-bottom: 30px; color: #fff; font-weight: normal;}
.menu_item a{ display: block; line-height: 40px; font-size: 18px; color: #fff; opacity: .6 }
.menu_item a:hover{ opacity: 1;}
.menu_item{ margin: 0 auto;}
.camp_menu .close{ position: absolute; top: 30px; right: 50px; color: #666; font-size: 30px; cursor: pointer;  }
.camp_menu .close:hover{ color: #0048af;}
.camp_txt { width: 800px; position: absolute; left: 23%; top: 50%; transform: translateY(-50%);}
.camp_txt ul li{ margin-bottom: 30px;}
.camp_txt ul{ border-bottom: 2px solid #0048af;margin-bottom: 45px;}
.sou28{ font-size: 28px; margin-bottom: 14px;}
.camp_txt ul li a{ margin-right: 38px; padding-left: 15px; display: block; margin-bottom: 15px; background: url("../images/sj_03.jpg") no-repeat left center; font-size: 14px;}
.camp_txt ul li a:hover{color: #0048af; background: url("../images/sj2_03.jpg") no-repeat left center;}
.camp_txt .camp_lx .left{ font-size: 14px; color: #333; margin-right: auto;}
.camp_txt .camp_lx .left a{color: #333;}
.camp_txt .camp_lx .left a:hover{ color: #0048af;}
.shemei dt{position: relative; margin-left: 15px;}
.shemei dt .box{ position: absolute; background: #fff; padding: 8px; border-radius: 3px; top: 48px; left: 0; box-shadow: 0 0 5px rgba(0,0,0,.15); display: none;}
.shemei dt a{ width: 45px; height: 45px; line-height: 45px; display: block; border-radius: 50%; text-align: center; font-size: 24px; color: #fff; background: #cccccc; transition: .3s ease;}
.shemei dt a:hover{background: #0048af;}
.shemei dt .box img{max-width: 100px;}
.shemei dt:hover .box{ display: block;}


.amore{ display: inline-flex; align-items: center; color: #0048af; overflow: hidden;}
.amore i{ margin-right: 18px; font-size: 20px; width: 42px; line-height: 42px; text-align: center; border-radius: 50%; border: 1.5px solid #0048af; color: #0048af; transition: .2s ease;}
.amore:hover i{ background: #0048af; color: #fff; margin-right: 15px;}
.amore.on:after{ height: 100%;}
.amore.on{ color: #fff;}


.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .page{position: absolute; left: 0; width: 100%; bottom: 0; z-index: 3; color: #fff;}
.sy-ban .page .swiper-pagination{ width: auto; margin-right: auto; position: unset;}
.swiper-pagination.white .swiper-pagination-bullet{background: #fff; border-color: #fff;}
.swiper-pagination-bullet{ background: #000; width: 4px; height: 4px; border: 2px solid #000; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: none;}
.swiper-pagination.white .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: none;}
.sy-ban .page .center{padding: 35px 0; border-top: 1px solid #ffffff;}
.sy-ban .page .ty{ width: 16px; height: 30px; border-radius: 8px; border: 1px solid rgba(255,255,255,.7); position: relative; margin-left: 8px;}
.sy-ban .page .ty i{ position: absolute; width: 4px; height: 4px; background: #fff; border-radius: 50%; left: 50%; transform: translateX(-50%);-webkit-animation: updown 1s linear infinite;animation: updown 1s linear infinite; }
@-webkit-keyframes updown{
	0%{ top: 3px;}
to{top: 10px;}
}
@keyframes updown{
	0%{ top: 3px;}
to{top: 10px;}
}
.sy-ban .banbtn{ position: absolute; display: block; line-height: 52px; width: 200px; text-align: center; border-radius: 27px; border: 1px solid #fff; text-align: center; bottom: 30%; left: 50%; transform: translateX(-50%); color: #fff; font-size: 18px; transition: .3s ease;}
.sy-ban .banbtn:hover{ background:#0048af; border-color: #0048af; }

.item_top{ margin-bottom: 50px;}
.item_top .sy_item_tit{margin-right: auto;}
.dtop{ padding-top: 75px;}
.sy_item_tit{ position: relative;}
.sy_item_tit span{ display: block; font-size: 30px; color: #0048af; font-family: dinb; position: relative; z-index: 2; text-transform: uppercase;}
.sy_item_tit b{ font-size: 40px; position: relative; z-index: 2;}
.sy_item_tit:after{position: absolute; width: 50px; height: 50px; border-radius: 50%; background: rgba(0,72,175,.1); content: ''; top: -10px; left: -20px;}

.pro_main{ width: 66%}
.pro_main .pro_nav{ width: calc(100% - 280px); border-bottom: 1px solid #d6e4f2;}
.pro_main .pro_nav li{ width: 14.28%; padding-left: 32px; line-height: 60px; position: relative; cursor: pointer;}
.pro_main .pro_nav li a{ display: block; line-height: 60px; color: #333;}
.pro_main .pro_nav li:after{ position: absolute; left: 3px;  background: #d6e4f2; width: 6px; height: 6px; border-radius: 50%; content: ''; top: 50%; transform: translateY(-50%);}
.pro_main .pro_nav li:before{ position: absolute; content: ''; left: 0; width: 0; bottom: 0; transition: .2s ease; height: 2px; background: #0048af;}
.pro_main .pro_nav li.active:before{ width: 100%;}
.pro_main .pro_nav li.active:after{ background: #0048af;}
.pro_main .pro_nav li.active a{ color: #0048af;}
.pro_main .probox .pic{ width: 45%; position: relative; padding: 40px;}
.pro_main .probox .pic .imgfd{ padding-top: 100%;}
.pro_main .probox .pic:before{ position: absolute; width: 100%; height: 100%; border-radius: 50%; background: #edf2f8; left: 0; top: 0; content: '';}
.pro_main .probox .txt{ width: 45%; padding-top: 50px;}
.pro_main .probox .txt h2{ font-family: sourm; font-size: 40px; margin-bottom: 30px;}
.pro_main .probox .txt p{ height: 90px; overflow: hidden;}
.pro_main .probox .txt .list{ margin: 40px 0;}
.pro_main .probox .txt .list a{ display: block; width: 48%; margin-right: 2%; margin-bottom: 10px; line-height: 38px; text-align: center; border:1px solid #9fb1ca; text-align: center; color: #9fb1ca; border-radius: 20px; transition: .2s ease;}
.pro_main .probox .txt .list a:hover{ color: #fff; background: #0048af; border-color: #0048af;}
.propic{ width: calc(( 100% - 1600px ) / 2 + 544px); padding-left: 110px; position: relative; height: 900px;}
.propic ul{ height: 100%;}
.propic .pic{ width: 100%; position: relative; height: 100%;}
.propic .pic img{ width: 100%; height: 100%;}
.propic .pic h3{ position: absolute; top: 80px; font-size: 48px; line-height: 72px; font-family: sourm; padding: 0 80px; width: 100%; left: 0;}
.propic .proleft{ position: absolute; left: 0; top: 0; width: 170px; height: 100%;}
.propic .proleft img{ height: 100%;}
.propic .pic h3 span{ position: relative; display: inline-block;}
.propic .pic h3 span:before{position: absolute; height: 12px; width: 100%; bottom: 10px; left: 0; background: rgba(0,49,118,.8); content: ''; z-index: 0}
.propic .proleft a{ display: inline-block; width: 45px; height: 45px; line-height: 45px; border-radius: 50%; background: #0048af; color: #fff; font-size: 22px; text-align: center; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}

.sy_solution .item_top a{ display: inline-block; line-height: 48px; padding: 0 32px; border-radius: 25px; border: 1px solid #0048af; color: #0048af; transition: .2s ease;font-size: 18px;}
.solswiper { overflow: hidden;}
.sy_solution .item_top a i{ margin-right: 5px;}
.sy_solution .item_top a:hover{ background: #0048af; color: #fff;}
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}
.swiperall{ position: relative;}
.swiperall .swiper-button-prev{ left: -80px;}
.swiperall .swiper-button-next{ right: -80px;}
.solswiper li{ background: #fff; position: relative; border-radius: 10px; overflow: hidden;}
.solswiper li .txt{ padding: 40px 30px; position: relative; z-index: 3;}
.solswiper li .txt .left{margin-right: auto; max-width: calc(100% - 80px); padding-left: 25px; position: relative;}
.solswiper li .txt .left h2{ font-size: 20px; margin-bottom: 25px; line-height: 22px;}
.solswiper li .txt .left p{margin-bottom: 25px; height:30px; overflow:hidden;}
.solswiper li .txt .left span{ display: inline-block; line-height: 32px; width: 80px; text-align: center; border-radius: 17px; border: 1px solid #0048af; font-size: 14px; color: #0048af; transition: .2s ease;}
.solswiper li .txt .left:after{ width: 3px; height: 50px; content: ''; background: linear-gradient( to bottom,rgba(0,72,175,1),rgba(0,72,175,0.01)); position: absolute; left: 0; top: 0;}
.solswiper li .imgfd:after{ position: absolute; width: 100%; height: 50%; top: 0; left: 0; background: linear-gradient( to top,rgba(255,255,255,.01),rgba(255,255,255,1)) ; content: '';z-index: 2;}
.solswiper li .smpic{ position: absolute; right: -100px; bottom: -140px; width:350px; height: 350px;}
.solswiper li .smpic:before,.solswiper li .smpic:after{ position: absolute; width: 100%; height: 100%; border-radius: 50%; right: 0; bottom: 0; background: rgba(255,255,255,.3); content: '';}
.solswiper li .smpic:after{ width: 74%; height: 74%; right: 13%; bottom: 13%; background: rgba(255,255,255,.6);}
.solswiper li .smpic img{position: absolute; left: 27%; top: 22%; z-index: 3; height: 120px;}
.sy_solution .swiperbtn{ font-size: 42px; color: #fff; font-weight: bold; transition: .2s ease;}
.swiperbtn{ top: 50%;}
.sy_solution .swiperbtn:hover{ color: #0048af;}
.solswiper li:hover .txt .left span{ background: #0048af; color: #fff;}

.sy_about .ab_txt{width: 66%; position:relative;}
.sy_about .ab_txt .zm{ position: absolute; top: 60px; left: 0; width: 100%;}
.sy_about .ab_txt .zm img{ width: 100%;}
.sy_about .abpic{width: calc(( 100% - 1600px ) / 2 + 544px); padding-left: 110px; }
.sy_about .abpic img{ width: 100%;}
.sy_about .ab_txt .ab_des{ width: 60%; font-size: 18px; color: #333; margin: 45px 0;}
.sy_about .ab_txt .ab_des p{ line-height: 36px;}
.sy_about .ab_txt .ab_flex .list{ width: 65%; margin-left: auto;}
.sy_about .ab_txt .ab_flex .list p{ margin-bottom: 35px; padding-left: 20px; position: relative;}
.sy_about .ab_txt .ab_flex .list p:after{ position: absolute; width: 6px; height: 6px; border-radius: 50%; border: 1.5px solid #0048af; content: ''; left: 0; top: 9px;}
.sy_number{ margin-top: 100px;}
.sy_number dl dt{margin-left: auto; color: #333; font-size: 14px; position: relative;}
.sy_number dl dt b{ font-size: 50px; font-family: dinb; line-height: 50px; height: 50px; color: #0048af; position: relative; z-index: 2;}
.sy_number dl dt b sub{ line-height: 40px;}
.sy_number dl dt:after{ position: absolute; width: 45px; height: 45px; border-radius: 50%; background: rgba(255,255,255,.5); content: ''; left: -5px; top: -12px;}

.newsswiper{ overflow: hidden; padding-top: 50px; position: relative;}
.sy_news .swiperbtn{ position: unset; width: 45px; line-height: 43px; text-align: center; border-radius: 50px; text-align: center; display: inline-block; border: 1.5px solid #9fb1ca; color: #0048af; font-size: 20px; margin-left: 15px; transition: .2s ease;}
.sy_news .swiperbtn:hover{background: #0048af; border-color: #0048af; color: #fff;}
.newsswiper b{ font-size: 24px; font-family: dinb; color: #0048af; margin-bottom: 37px;}
.newsswiper li{transition: .3s ease; width: 23%!important;}
.newsswiper li.swiper-slide-active{width: calc(54% - 80px)!important;}
.newsswiper li .newsbox{height: 400px;}
.newsswiper li .newsbox .imgfdd{ position: relative; width: 100%; height: 100%; border-radius: 10px; }
.newsswiper li .newsbox .imgfdd img{ height: 100%; width: 100%;}
.newsswiper li .newsbox .imgfdd p{ position: absolute; width: 100%;bottom: 25px; color: #fff; padding: 0 20px; height: 30px; overflow: hidden;}
.newsswiper li .newsbox .txt{ display: none;}
.newsswiper li.swiper-slide-active .newsbox .imgfdd{ width: 47%;}
.newsswiper li.swiper-slide-active .newsbox .txt{ width: 48%; display: block;}
.newsswiper li.swiper-slide-active .newsbox .imgfdd p{ display: none;}
.newsswiper li .txt span.colname{ width: 80px; line-height: 30px; background: #0048af; border-radius: 5px; text-align: center; font-size: 14px; color: #fff; display: inline-block;}
.newsswiper li .txt h2{font-size: 20px; margin: 20px 0 25px;}
.newsswiper li .txt p{ font-size: 14px; line-height: 24px; height: 120px; overflow: hidden; margin-bottom: 50px;}
.newsswiper .swiper-scrollbar{ top: 0; opacity: 1!important; height: 2px; background: #edf2f8;}
.newsswiper .swiper-scrollbar .swiper-scrollbar-drag{background: #0048af;}

.com_foot{ background: #0048af; color: #fff;}
.com_foot a{ color: #fff;}
.foot_center{padding: 55px 0 40px;}
.com_foot .f_lx .flogo{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); margin-bottom: 30px;}
.com_foot .shemei{ margin-top: 30px;}
.com_foot .shemei dl dt{margin-left: 0; margin-right: 15px;}
.com_foot .shemei dl dt a{background: #003075;}
.com_foot .f_nav{margin: 0 auto; padding-top: 20px;}
.com_foot .f_nav a{ display: block; font-size: 14px; line-height: 30px;}
.com_foot .f_nav li{ margin: 0 auto;}
.com_foot .f_nav p{  font-size: 17px; margin-bottom: 45px;}
.com_foot .f_qr{ background: #fff; border-radius: 5px; padding: 10px; text-align: center; font-size: 14px; color: #777;}
.com_foot .f_qr img{ width: 160px;}
.f_link,.f_link a{color: #fff; font-size: 14px;}
.f_link a{ margin: 0 5px; display: block;}
.copy{ padding: 25px 0; border-top: 1px solid rgba(255,255,255,.3); margin-top: 18px; font-size: 14px; color: #fff;}
.copy p:not(.supp){ margin-right: 20px;}
.copy .supp{ margin-left: auto;}
.copy a{ color: #fff;}

@media (max-width: 1700px){
.swiperall .swiper-button-prev{ left: 1%;}
.swiperall .swiper-button-next{right: 1%;}
}


@media (max-width: 1600px){
.propic{height: 820px;}
.propic .pic h3{ font-size:40px; line-height:60px;}
.propic .proleft{ width: 150px;}
.sy_number{margin-top: 60px;}
.sy_about .ab_txt .ab_des{ width: 70%;}
	
}

@media (max-width: 1441px){
    .index_head{ padding: 0 2%;}
    .propic{ width: 34%; height:780px;}
.propic .pic h3{ font-size: 30px; line-height: 45px; padding:0 45px;}
.sy_item_tit b,.pro_main .probox .txt h2{font-size: 32px;}
.sy_about .abpic{ width: 34%; padding-left:50px;}
.newsswiper li .newsbox{height: 320px;}
.newsswiper li .txt p{height: 72px;}

}

@media (max-width: 1281px){
.index_head .nav li a{font-size: 16px;}
.index_head .logo img{ max-height: 44px;}
.camp_menu{ width: 75%; right:-80%;}
}

@media (max-width: 1024px){
.waph{height: 54px;}
.sy-ban .page .center{padding: 20px 0;}
.propic{display: none;}
.pro_main{ width: 100%; padding-bottom:40px;}
.sy_item_tit span{ font-size:22px;}
.pro_main .probox .txt{padding-top: 0;}
.dtop{padding-top: 45px;}
.solswiper li .txt{padding: 25px 20px;}
.solswiper li .txt .left h2{font-size: 18px; margin-bottom:15px;}
.solswiper li .smpic{ width: 220px; height: 220px;}
.solswiper li .smpic:after{ width:86%; height: 86%; right: 7%; bottom: 7%;}
.solswiper li .smpic img{height: 50px; left:22%; top:12%;}
.sy_about .ab_txt .ab_des{font-size: 16px;}
.sy_about .ab_txt .ab_des p{ line-height: 30px;}
.sy_about .abpic{display: none;}
.sy_about .ab_txt{ width: 100%;}
.sy_about .ab_txt .ab_des{margin: 30px 0;}
.newsswiper li .txt h2{font-size: 18px;}
.newsswiper b{font-size: 20px; margin-bottom: 20px;}
.foot_center,.f_link{ display: none;}
	
}
@media (max-width: 768px){
.sy-ban .banbtn{display: none;}
.sy-ban .page .sco{ display: none;}
.item_top{display: block;}
.item_top .sy_item_tit{margin-bottom: 20px;}
.pro_main .pro_nav{ width: 100%;}
.pro_main .pro_nav li{padding-left: 25px;}
.sy_item_tit b, .pro_main .probox .txt h2{font-size: 26px;}
.pro_main .probox .txt .list{display: none;}
.pro_main .probox .txt p{margin-bottom: 25px;}
.sy_solution .item_top a{display: none;}
.sy_number dl dt b{font-size: 36px; line-height: 36px;}
.sy_number dl dt b sub{ line-height: 28px;}
.sy_news .item_top{ display: flex;}
.item_top{margin-bottom: 30px;}
.newsswiper .swiper-scrollbar{display: none;}
.newsswiper{ padding-top: 0;}
.newsswiper li,.newsswiper li.swiper-slide-active{ width:50%!important; padding:0 5px;}
.newsswiper li.swiper-slide-active .newsbox .txt{display: none;}
.newsswiper li.swiper-slide-active .newsbox .imgfdd{ width: 100%;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .page .center{padding: 10px 0;}
.pro_main .pro_nav li{ width: 25%; line-height: 40px; margin-bottom: 15px;}
.pro_main .probox .txt p{ height:48px;}
.pro_main .probox .pic{padding: 15px;}
.pro_main .probox .txt h2{font-size: 20px; margin-bottom:15px;}
.amore{font-size: 14px;}
.amore i{ width: 28px; height: 28px; line-height: 28px; border-width: 1px; font-size:16px;}
.sy_about .ab_txt .ab_des{ width: 100%;}
.ab_flex{ display: block;}
.sy_about .ab_txt .ab_flex .list{ width: 100%; margin-top: 20px;}
.sy_number dl dt{ width: 48%; margin-bottom:25px;}
.newsswiper li .newsbox{height: 220px;}
.newsswiper li.swiper-slide-active .newsbox .imgfdd p{display: block;}
.newsswiper li .newsbox .imgfdd p{ height: 48px;}
.sy_news .item_top{margin-bottom: 0;}
.sy_news .swiperbtn{ width: 30px; height: 30px; line-height: 30px; border-width: 1px; font-size: 16px;}
.copy{font-size: 13px; padding:15px 0;}
.copy p{ font-size: 13px;}
.copy p:nth-child(n+2){display:none;}
}


.ny_ban{ width: 100%; position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .posi{ position: absolute; left: 0; width: 100%; bottom:0; font-size:14px;}
.ny_ban .posi .center{ padding: 18px 15px; background: rgba(0,45,109,.75); border-top-left-radius: 20px; border-top-right-radius: 20px; color: #fff;}
.ny_ban .posi i{ margin-right: 10px; font-size:14px;}
.ny_ban .posi a{color: #fff;}
.page_des{margin-bottom: 45px;}
.propage .proitem{ float: left; width: 48%; margin-right: 4%; margin-bottom: 40px;}
.propage .proitem:nth-child(2n){ margin-right:0;}
.propage .proitem a{ background: #edf2f8; padding: 10px; border-radius: 10px;}
.propage .proitem .pic{ width: 55%; padding: 20px; position: relative; border-radius: 5px; background:#fff;}
.propage .proitem .pic .collogo{ position: absolute; left: 15px; top: 15px;}
.propage .proitem .pic .imgfd{padding-top: 100%;}
.propage .proitem .txt{ width: 45%; text-align: center;}
.propage .proitem .txt h2{ font-size: 24px; font-weight:bold;}
.propage .proitem .txt span{ display: inline-block; width: 20px; height: 2px; background: #0048af; margin: 30px 0;}
.propage .proitem .txt .demo{ width: 165px; text-align: center; line-height: 50px; border-radius: 25px; background: #fff; margin:0 auto; transition:.2s ease;}
.propage .proitem .txt .demo i{ color: #0048af; margin-right: 5px; font-size:20px;}
.propage .proitem .txt .demo:hover{background:#0048af; color: #fff;}
.propage .proitem .txt .demo:hover i{ color:#fff;}

@media (max-width: 1024px){
    .propage .proitem .txt .demo{ width: 140px;}
}
@media (max-width: 768px){
    .propage .proitem{ width: 100%; float: none;}
}
@media (max-width: 450px){
    .ny_ban img{height: 180px;}
    .ny_ban .posi .center{padding: 12px 8px;border-top-left-radius:10px;border-top-right-radius:10px;}
    .ny_ban .posi{font-size: 12px;}
    .ny_ban .posi i{font-size: 12px;}
    .propage .proitem .txt span{margin: 20px 0;}
    .propage .proitem .txt .demo{line-height: 40px;}
    .propage .proitem .txt .demo i{font-size: 18px;}
    .propage .proitem .txt h2{ font-size:20px;}
}
.nypro_nav{ justify-content: center; margin-bottom:40px;}
.nypro_nav a{width: 150px; line-height: 50px; background: #edf2f8; text-align: center; border-radius: 25px; margin: 0 10px 15px;}
.nypro_nav a.act{ background: #0048af; color: #fff;}
.nypro_nav a:hover{ color:#0048af;}

.prolist h2{ text-align: center;font-size: 30px; font-family: sourb; margin-bottom: 45px;}

.cate_table table{ width: 100%;}
.cate_table table tr{ width: 100%;}
.cate_table table td{ line-height: 30px; padding:20px 10px; text-align:center; max-width:50%!important; font-size:15px; color:#333;}

.cate_table table tr:first-child td{padding:20px 10px; color: #fff; background: #0048af; font-size:16px;}
.cate_table table tr:nth-child(2n){ background:#edf2f8;}
.cate_table table tr td:first-child{ width:50%!important; padding:20px 10px 20px 60px; text-align:left;}
.cate_table table tr:first-child td:last-child{ border:none;}
.cate_table table tr:first-child{border:none;}
.cate_table table tr a.iconfont{ font-size: 25px; color: #0048af;}
.cate_table table td a:hover{ color:#0048af;}
.cate_table table tr td:first-child i{ font-size:20px; color: #0048af; margin-right:15px;}

@media (max-width: 768px){
    .cate_table table tr td:first-child{ padding-left:25px;}
    .cate_table table td:nth-child(2){ display:none;}
    
}
@media (max-width: 450px){
    .nypro_nav a{ width: 48%; line-height: 40px; font-size: 14px; margin:0 1% 15px;}
    .cate_table table td{font-size: 13px;}
    .cate_table table tr:first-child td{font-size:14px; padding: 15px 5px;}
    .cate_table table tr td:first-child{padding:7px 5px 7px 15px;}
    .cate_table table tr a.iconfont{font-size: 18px;}
    .cate_table table tr td:first-child i{font-size:18px; margin-right: 10px;}
    .nypro_nav{margin-bottom: 20px;}
    .prolist h2{font-size: 24px; margin-bottom: 25px;}
    
}
.sys_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 45px; border-radius: 10px; overflow: hidden; position: relative;}
.sys_list ul li:nth-child(3n){margin-right:0;}
.sys_list ul li .txt{ width: 100%; left: 0; bottom: 0; padding: 30px 25px 15px; position:absolute; transition:.3s ease;}
.sys_list ul li .txt h2{font-size: 20px; margin-right: auto; color: #fff; max-width: calc(100% - 70px);}
.sys_list ul li .txt .icon img{height: 60px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sys_list ul li:hover .txt{background: linear-gradient( to top,rgba(0,72,175,1),rgba(0,72,175,0.01));}
@media (max-width: 1024px){
    .sys_list ul li .txt .icon img{ height: 45px;}
    .sys_list ul li .txt h2{font-size: 18px;}
}
@media (max-width: 768px){
    .sys_list ul li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .sys_list ul li:nth-child(3n){margin-right:2%;}
    .sys_list ul li:nth-child(2n){margin-right:0%;}
}
@media (max-width: 450px){
    .sys_list ul li .txt{ padding: 20px 12px 10px;}
    .sys_list ul li .txt h2{font-size: 16px; width: calc(100% - 42px);}
    .sys_list ul li .txt .icon img{height: 36px;}
}
.sys_det b.tit{text-align: center; font-size: 40px; font-family: sourb;}
.show_content{ padding: 55px 0; overflow: hidden; width:100%;}
.show_content img{ max-width: 100%!important;}
@media (max-width: 768px){
    .sys_det b.tit{font-size: 26px;}
    .show_content{padding: 30px 0;}
}
.hotswiper{ overflow: hidden; position:relative;}
.hotswiper li{ background: #edf2f8; border-radius:10px; padding:35px 35px 35px 100px;}
.hotswiper li .txt{ width: calc(100% - 520px); padding-top:20px;}
.hotswiper li span.colname{ display: inline-block; font-size: 14px; line-height: 30px; padding: 0 12px; border-radius: 5px; background: #0048af; color:#fff;} 
.hotswiper li h2{ font-size: 36px; font-family: sourm; line-height:60px; margin:35px 0; max-height:120px;}
.hotswiper li p{ height: 60px; margin-bottom: 60px;}
.hotswiper li .pic{ width: 400px; border-radius:10px; overflow:hidden;}
.hotswiper li .pic .imgfd{padding-top: 108%;}
.hotswiper .swiperbtn{ font-size: 60px; color: #fff;}
.hotswiper .icon-arrowleft{ left: 20px;}
.hotswiper .icon-arrowright{ right: 20px;}
.hotswiper .swiperbtn:hover{color:#0048af;}


.news_nav{ justify-content: center;}
.news_nav a{ display: block; width: 150px; line-height: 50px; border-radius: 25px; text-align: center; margin: 0 10px; background:#edf2f8; text-align:center; transition:.2s ease;}
.news_nav a.on,.news_nav a.act,.news_nav a:hover{ background: #0048af; color: #fff;}
.news_list ul li{ width: 50%; float:left; padding:38px 0; border-bottom:1px solid #edf2f8; position:relative;}
.news_list ul li:after{ position:absolute; height: 5px; width: 0; background: #0048af; transition: .3s ease; content: ''; left:0; bottom:0;}
.news_list ul li:nth-child(2n){ padding-left:50px;}
.news_list ul li:nth-child(2n+1){ padding-right:50px; border-right:1px solid #edf2f8;}

.news_list ul li .pic{ width: 42%;}
.news_list ul li .pic .imgfd{ padding-top: 108%; border-radius: 10px;}
.news_list ul li .txt{ width: 53%;}
.news_list ul li .txt span.colname{ display: inline-block; font-size: 14px; line-height: 30px; padding: 0 12px; border-radius: 5px; background: #0048af; color:#fff;}
.news_list ul li .txt h2{ font-size: 20px; line-height: 30px; height: 60px; margin: 25px 0 10px; overflow:hidden;}
.news_list ul li .txt b{ font-family: dinb; font-size: 24px;}
.news_list ul li .txt p{ font-size: 14px; line-height: 24px; height: 72px; margin: 22px 0 40px; overflow:hidden;}
.news_list ul li:hover h2{ color:#0048af;}
.news_list ul li:hover:after{ width:100%;}
@media (max-width: 1281px){
    .hotswiper li h2{font-size: 30px; line-height:45px;}
    .news_list ul li .txt h2{font-size: 18px;}
    .news_list ul li .txt b{font-size: 20px;}
    .news_list ul li .txt p{height: 48px; margin: 15px 0 30px;}
}
@media (max-width: 1024px){
    .hotswiper{ display: none;}
    .news_list ul li .txt span.colname{ display: none;}
    .news_list ul li .txt h2{margin-top: 0;}
}
@media (max-width: 768px){
    .news_nav a:first-child{ display:none;}
    .news_list ul li{ width: 100%; float: none; border-right:none; padding:20px 0!important;}
    .news_list ul li:nth-child(2n+1){ border-right:none;}
}
@media (max-width: 450px){
    .news_list ul li .txt .amore{display: none;}
    .news_list ul li .txt p{margin-bottom: 0;}
    .news_list ul li .txt h2{font-size: 17px; line-height: 28px; height: 56px;}
    .news_list ul li .txt b{font-size: 18px;}
}
.new_det{ width:74%;}
.news_right{ width: 22%;}
.new_det h1{ font-size: 24px; font-family: sourm;}
.new_det .news_info{ margin-top: 20px; padding: 25px 0; border-bottom: 1px solid #edf2f8; font-size:14px;}
.new_det .news_info .cate{margin-left: auto;}
.new_det .news_info .cate span{ color: #0048af;}

.news_right a{ display: block;}
.news_right .r_box{ background: #edf2f8; padding:25px 30px; margin-bottom:25px;}
.news_right .r_box b{ font-size: 20px; margin-bottom:20px; color:#0048af;}
.news_right .r_box.r_nav a{ line-height: 38px; color:#333;}
.news_right .r_box.r_nav a:hover{color:#0048af;}
.r_recom a{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #0048af; color:#333;}
.r_recom p{ font-size: 14px; line-height: 24px; margin-bottom: 8px;}
.r_recom a span{ font-size: 13px; font-family: labl;}
.r_recom a:hover{ color:#0048af;}
.r_recom a:last-child{padding-bottom:0; border: none;}
@media (max-width: 1024px){
    .news_right{ display: none;}
    .new_det{ width: 100%;}
}
@media (max-width: 450px){
    .new_det h1{font-size: 20px;}
    .new_det .news_info{font-size: 12px; padding: 15px 0;}
}
.ab_prof{ padding: 100px; border-radius: 10px; overflow: hidden;}
.fz40{ font-size: 40px; margin-bottom: 30px;}
.ab_prof .tit h2{ font-size: 28px; color: #0048af; font-family:sourm;}
.ab_prof .box{ width: 55%; color:#333; margin:40px 0;}
.ab_prof .box p{margin-bottom: 35px;}
.ab_prof .prof_number{ width: 90%; margin-top:100px;}
.ab_prof .prof_number .btn{ display: inline-block; line-height: 50px; padding: 0 48px; border-radius: 25px; background: #0048af; color: #fff; margin-right:auto;}
.ab_prof .prof_number .btn i{ margin-left: 10px;}
.ab_prof .prof_number .sy_number{ width: calc(100% - 220px); margin-top:0;}

.hisswiper{ width: 100%; overflow: hidden; text-align: center; position: relative;}
.hisswiper .swiper-slide{ transition: .2s ease;justify-content:center; color:#333; padding:200px 60px; position:relative;}
.hisswiper .swiper-slide .box{ display: none;}
.hisswiper .swiper-slide.swiper-slide-active .box{display:block;}
.hisswiper .swiperbtn{ display: inline-block; margin-top: 0; line-height: 45px; width: 45px; height: 45px; border-radius: 50%; text-align: center; color: #fff; font-size: 22px; transition: .2s ease; bottom: 40%; background:#333333;}
.hisswiper .swiperbtn:hover{ background: #0048af;}
.hisswiper .swiper-slide b{ font-size: 120px; font-family: dinb; color:#fff;text-shadow:  -1px -1px 0 #0048af, 1px -1px 0 #0048af,-1px 1px 0 #0048af, 1px 1px 0 #0048af;}
.hisswiper .swiper-button-prev{left: 0;} 
.hisswiper .swiper-button-next{right: 0;} 
.hisswiper .swiper-slide.swiper-slide-active b{color: #0048af;}
.hisswiper .swiper-wrapper{ align-items: center;}
.hisswiper .swiper-slide .box{margin-top: 25px;}
.hisswiper .swiper-slide .box i{ display: inline-block; width: 30px; height: 2px; background: #0048af; margin-bottom: 30px;}
.hisswiper .swiper-slide .bg{ position: absolute;  left: 50%; top: 50%; margin-left:-280px; margin-top:-280px;  display:none; }
.hisswiper .swiper-slide .bg img{ width: 560px;}

.hisswiper .swiper-slide.swiper-slide-active .bg{ display: block;-webkit-animation: xuanzhuan 25s linear infinite;animation: xuanzhuan 25s linear infinite;}
@keyframes xuanzhuan{
	0%{-webkit-transform: rotate(0deg);;-moz-transform: rotate(0deg);}
	25%{-webkit-transform: rotate(-90deg);;-moz-transform: rotate(-90deg);}
	50%{-webkit-transform: rotate(-180deg);;-moz-transform: rotate(-180deg);}
	75%{-webkit-transform: rotate(-270deg);;-moz-transform: rotate(-270deg);}
	100%{-webkit-transform: rotate(-360deg);;-moz-transform: rotate(-360deg);}
}
@-webkit-keyframes xuanzhuan{
	0%{-webkit-transform: rotate(0deg);;-moz-transform: rotate(0deg);}
	25%{-webkit-transform: rotate(-90deg);;-moz-transform: rotate(-90deg);}
	50%{-webkit-transform: rotate(-180deg);;-moz-transform: rotate(-180deg);}
	75%{-webkit-transform: rotate(-270deg);;-moz-transform: rotate(-270deg);}
	100%{-webkit-transform: rotate(-360deg);;-moz-transform: rotate(-360deg);}
}

.cultbox{ height: 680px; position: relative;}
.cultbox .item{ position: absolute; width: 49.5%; border-radius:10px; overflow:hidden; }
.cultbox .item:first-child{ height:100%; left: 0; top: 0;}
.cultbox .item .imgfdd{ height: 100%;}
.cultbox .item .imgfdd img{ height: 100%;}
.cultbox .item:nth-child(n+2){ height:calc((100% - 20px) / 2); right: 0;}
.cultbox .item:nth-child(2){ top:0;}
.cultbox .item:nth-child(3){ bottom:0;}
.cultbox .item .txt{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 60px 50px; color:#fff;}
.cultbox .item:first-child .txt{padding:70px 100px;}
.cultbox .item .txt h2{ font-size: 24px; font-family: sourm; color: #fff; margin: 15px 0;}

@media (max-width: 1441px){
    .ab_prof{padding: 65px;}
}
@media (max-width: 1281px){
    .hisswiper .swiper-slide b{font-size: 100px;}
    .hisswiper .swiper-slide{padding: 170px 30px;}
    .cultbox{height: 600px;}
}
@media (max-width: 1024px){
    .ab_prof .prof_number{margin-top: 35px; display:block; width:100%;}
    .ab_prof .prof_number .sy_number{ width: 100%; margin-top: 30px;}
    .hisswiper .swiper-slide .bg img{width: 420px;}
    .hisswiper .swiper-slide .bg{margin-left: -210px; margin-top: -210px;}
    .hisswiper .swiper-slide b{font-size: 80px;}
    .fz40{font-size: 36px;}
}
@media (max-width: 768px){
    .hisswiper .swiper-slide{padding: 100px 30px;}
    .fz40{font-size: 28px; margin-bottom:20px;}
    .ab_prof .tit h2{font-size: 20px;}
    .ab_prof{padding: 30px 25px;}
    .ab_prof .box{width: 85%;}
    .cultbox .item .txt{padding: 30px 40px;}
    .cultbox .item:first-child .txt{padding:40px 50px;}
    .cultbox{height: 450px;}
    .cultbox .item .txt h2{font-size: 20px;}
}
@media (max-width: 450px){
    .ab_prof .box{ width: 100%;}
    .ab_prof .prof_number .btn{line-height: 40px; padding: 0 30px;}
    .sy_number dl dt p{ height: 48px;}
    .hisswiper .swiper-slide .bg img{width: 380px;}
    .hisswiper .swiper-slide .bg{margin-left: -190px; margin-top: -190px;}
    .cultbox{ height:600px;}
    .cultbox .item{width: 100%;}
    .cultbox .item:first-child,.cultbox .item:nth-child(n+2){height:calc((100% - 40px) / 3);}
    .cultbox .item:nth-child(2){ top:calc(33.33% + 7px);}
    .cultbox .item:first-child .txt,.cultbox .item .txt{padding:30px 20px 20px;}
    .cultbox .item .icon img{height: 40px;}
}
.lx_top .title{ width: 320px; margin-right: auto;}
.lx_top .title i{ display:block; width: 42px; height: 2px; background: #0048af;}
.lx_top .title p{ color: #333; margin-top: 35px;}
.lx_top .lx_msg{ width: 50%;}
.lx_top .lx_msg input{ width: 49%; margin-right: 2%; margin-bottom: 20px; border-radius: 10px; background: #ecf2f8; font-size: 14px; line-height:65px;}
.lx_top .lx_msg input.fl{ padding-left: 12px;}
.lx_top .lx_msg input.fl:nth-child(2n){ margin-right:0;}
.lx_top .lx_msg textarea{ margin-bottom: 20px; border-radius: 10px; background: #ecf2f8; font-size: 14px; padding-left: 12px; line-height:65px; width:100%;}
.lx_top .lx_msg input.sub{ cursor: pointer; background: #0048af; color: #fff; font-size:16px;}

.lx_contact .left{ width: 46%;}
.lx_contact .map{ width: 50%; background:#fff; border-radius:10px; padding:10px; overflow:hidden;}
.lx_contact .left li{ padding: 25px 0; border-bottom: 1px solid #cccccc;}
.lx_contact .left li i{ display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: #fff; text-align: center; color: #0048af; font-size: 26px; line-height: 50px; margin-right:25px;}
.lx_contact .left li .box{ width: calc(100% - 75px);}
.lx_contact .left li p{ margin-bottom: 10px;}
.lx_contact .left li a,.lx_contact .left li span{ display: inline-block; color: #333; font-size: 18px;}
.lx_contact .left li:nth-child(2) span{ margin-right:35px; font-family:din; font-weight:bold;}
.lx_contact .left li a:hover{ color:#0048af;}

@media (max-width: 768px){
    .lx_contact .left{width: 100%;float: none;}
    .lx_contact .map{display: none;}
    .lx_top{display: block;}
    .lx_top .title{width: 100%; margin-bottom: 30px;}
    .lx_top .lx_msg{ width: 100%;}
    .lx_top .title p{margin-top: 20px;}
    .lx_top .lx_msg input,.lx_top .lx_msg textarea{line-height: 50px; width:100%;}
    .lx_contact .left li a, .lx_contact .left li span{font-size: 16px;}
    
}