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

.search_box{ position: fixed; background: #fff; z-index: 10; top: 0; height: 100px; right: 0; width:0; overflow:hidden; transition:.4s ease;} 
.search_box form{ margin-left: auto; width:50%;}
.search_box form input{ line-height: 60px; width: 80%;}
.search_box form input.fl{ border: 1px solid #dfe6ec; padding:0 20px;}
.search_box form input.fr{ width: 20%; color: #fff; text-align: center; cursor:pointer; line-height:62px; background:#007fff url(../images/search.png) no-repeat center; background-size:34px;}
.search_box .close{ margin-right: auto; margin-left: 80px; font-size:30px; cursor:pointer;}
.search_box .close i{ font-size: 36px;}
.search_box.open{ width: 100%;}
.search_box .close:hover{ color:#d41819;}

.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .txt{ position: absolute; width: 100%; left: 0; top: 35%; color: #fff; z-index: 3;}
.sy-ban h3{ color: #fff; font-family: alib;font-size: 96px; line-height: 108px; letter-spacing: 30px; margin-bottom: 30px;}
.sy-ban p{ font-size: 24px; font-weight: lighter}
.sy-ban .amore{ margin-top: 80px;}
.item_top{ align-items: flex-start; margin-bottom: 30px;}
.sy_item_tit{ margin-bottom: 30px;}
.sy_item_tit b{ display: block; font-family: sph; font-size: 20px; color: #c7c7c7; margin-bottom: 15px; font-weight: normal;}
.sy_item_tit h3{ font-size: 40px; font-family: alim; line-height: 40px;}
.item_top .sy_item_tit{margin-right: auto; margin-bottom: 0;}
.dtop{ padding-top: 70px; }
.sy-ban .page{ position: absolute; bottom: 50px;width: 100%; left: 0;z-index: 3}
.swiper-pagination{position: unset; text-align: left;}
.swiper-pagination .swiper-pagination-bullet{ width: 4px; height: 12px; background: #fff; opacity: 1; border-radius: 2px; transition: .2s ease;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ height: 20px;}
.mainh{ height: 80px;}

.sy_product ul li{ width: 50%; float: left; padding: 50px 0 70px 75px; position: relative; background: #f0f0f0;}
.sy_product ul li .txt{ position: relative; z-index: 3; max-width:35%;}
.sy_product ul li:nth-child(3n+1){ background: #fff;}
.sy_product ul li .tit b{display: block; font-family: sph; font-size: 20px; color: #c7c7c7; font-weight: normal;}
.sy_product ul li .tit h2{ font-family: alim; font-size: 36px; margin-top: 10px; line-height: 40px;}
.sy_product ul li .tit{ margin-bottom: 30px;}
.sy_product ul li .list a{ display: block; color: #333;}
.sy_product ul li .list{ padding-left: 22px; position: relative;  height: 150px; margin-bottom: 40px;}
.sy_product ul li .list:after,.sy_product ul li .list:before{ position: absolute; left: 0; top: 0; content: ''; width: 1px;}
.sy_product ul li .list:before{ height: 60px; background: #ddd;}
.sy_product ul li .list:after{ height: 25px; background: #0e50c0;}
.sy_product ul li .pic{ position: absolute; right: 70px; top: 50%; transform: translateY(-50%); width: 62%}
.sy_product ul li .pic .imgfd{ padding-top: 60%;}
.smore{ position: relative; width: 130px; line-height: 40px; font-size: 14px; color: #333; display: inline-block; border-radius: 20px; overflow: hidden; padding-left: 60px; transition: .2s ease; text-align:left;}
.smore span{ position: relative; z-index: 2;}
.smore i{ position: absolute; left: 15px;z-index: 2;color: #fff; transition: .2s ease;}
.smore:after{ position: absolute; width: 40px; content: ''; background: #0e50c0; height: 40px; left: 0; top: 0; border-radius: 20px; transition: .2s ease;}
.smore:hover,.smore.on{ color: #fff; padding-left: 20px;}
.smore:hover i,.smore.on i{ left: calc(100% - 30px);}
.smore:hover:after,.smore.on:after{ width: 100%;}

.sy_about{ color: #fff;}
.sy_about .txt{ width: 50%;}
.sy_about .sy_item_tit h3,.sy_about .sy_item_tit b{color: #fff;}
.sy_about .txt h4{ font-size: 30px; font-family: alim; margin-bottom: 25px; color: #fff;}
.sy_about .txt .amore{ margin-top: 45px;}
.sy_number{ margin-top: 70px;}
.sy_number dl dt{ width: 25%; padding-left: 7%; color:#fff; text-align: center; position: relative;}
.sy_number dl dt b{ color: #fff; font-size: 54px; font-family: alib; line-height: 54px; display: inline-block; margin-bottom: 15px;}
.sy_number dl dt:after{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 120px; background: rgba(255,255,255,.6); content: '';}
.sy_number dl dt:last-child:after{ display: none;}
.sy_application .sy_item_tit{ text-align: center;}
.navswiper,.appswiper{ overflow: hidden;}
.syapp_nav{ position: relative;}
.swiperbtn{ width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; background: #f1f1f1; font-size: 14px; margin-top: 0; transform: translateY(-50%); top: 50%;} 
.swiperbtn:after{ font-size: 14px;}
.swiperbtn:hover{background: #0e50c0;color: #fff;}
.appswiper .none{ opacity:0;}
.appswiper .none.swiper-slide-active{opacity:1;}
.syapp_nav .swiper-button-prev{ left: 0;}
.syapp_nav .swiper-button-next{ right: 0;}
.syapp_nav li{padding:35px 30px; position: relative; cursor:pointer;}
.syapp_nav li .icon{ margin-right: 30px;}
.syapp_nav li .icon img{ width: 60px;}
.syapp_nav li h4{ font-family: alim; font-size: 30px;}
.syapp_nav li:after{ position: absolute; left: 0; top: 0; height: 100%; width: 1px; background: #ddd; content: '';}
.syapp_nav li.swiper-slide-thumb-active{ background: url(../images/bg_10.jpg) no-repeat center; background-size: cover;}
.syapp_nav li.swiper-slide-thumb-active h4{ color: #fff;}
.syapp_nav li.swiper-slide-thumb-active img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.appswiper{ margin-top: 10px;}
.appswiper li{ background: #f1f1f1;}
.appswiper li h2{ font-size: 36px; font-family: alim; margin-bottom: 25px;}
.appswiper li .txt{ padding: 0 60px; width: 28.75%;}
.appswiper li .pic{ width: 71.25%;}
.appswiper li .txt .smore{ margin-top: 50px;}
.appswiper li .txt .desp{ max-height: 300px; overflow: hidden;}
.appswiper li .pic .imgfd{ padding-top:58%;}
.syapp_nav li:first-child:after{ display: none;}

.sy_news .sy_item_tit{ text-align: center;}
.sy_news_list{ border-top: 1px solid rgba(153,153,153,.5);}
.sy_news_list .news_item{ width: 30%; padding-top: 50px;}
.sy_news_list .news_item:nth-child(2){ width: 35%; padding: 50px 2.5% 0; margin: 0 2.5%; border-left: 1px solid rgba(153,153,153,.5); border-right: 1px solid rgba(153,153,153,.5);}
.news_item .first .date{ display: block;}
.news_item .first .date i{ color: #0e50c0; margin-right: 5px;}
.news_item .first h2{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; margin: 18px 0 22px;}
.news_item .first .imgfd{ margin-top: 30px; padding-top: 60%;}
.news_item .first:hover h2{ color: #0e50c0;}
.news_item ul{ margin-top: 30px;}
.news_item ul a{ display: block; font-size: 18px; line-height: 40px; height: 40px; overflow: hidden;}
.news_item ul a i{ color: #0e50c0; margin-right: 5px;}
.news_item ul a:hover{ color: #0e50c0;}
.service_box{ color: #fff;}
.service_box .left{ width: 40%; margin-right: auto;}
.service_box .sy_item_tit b,.service_box .sy_item_tit h3{ color: #fff;}
.service_box .left a.amore{margin-top: 55px;}
.service_box .ser_list{ width: 58%;}
.service_box .ser_list .item{margin: 0 auto; text-align: center;}
.service_box .ser_list .icon{ width: 85px; height: 85px; border-radius: 50%; text-align: center; padding-top: 15px; border: 1px solid #fff;}
.service_box .ser_list p{ font-size: 20px; color: #fff; margin-top: 20px;}


.com_foot{ background: #2d2d2d;}
.foot_center{padding: 60px 0 40px;border-bottom: 1px solid rgba(255,255,255,.5); position: relative;}
.footleft{ margin-right: auto; width: 22%;}
.footleft p{ color: #fff;}
.footleft p i{ font-size: 20px; margin-right: 10px;}
.footleft p b{ font-size: 20px;}
.footleft .qr{ margin-top: 25px;}
.footleft .qr img{ width: 105px;}
.com_foot .flogo{ margin-bottom: 20px;}
.com_foot .flogo img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.foot_nav{ width: 70%;}
.foot_nav ul{ color: #fff;}
.foot_nav ul li{ margin-right: auto;}
.foot_nav ul li b,.foot_nav ul li a{ display: block;}
.foot_nav ul li b{ font-size: 18px; font-weight: normal; margin-bottom: 15px;}
.foot_nav ul li a,.foot_nav ul li p{ line-height: 35px; color: #eeeeee; font-size: 14px;}
.foot_nav ul li a:hover{ color: #fff;}
.copy{ border-top: 1px solid rgba(255,255,255,.15); padding: 25px 0; color: #fff; line-height: 30px; text-align: center;}
.copy a{ color: #fff; display: inline-block;}
.copy a.fl{ margin-left: 50px;}

.bottom-feed{position: fixed;z-index: 99;right: 0;bottom: 0;}
.bottom-feed .subNavBox{position: relative;padding-top: 50px;}
.bottom-feed .subNavBox .bnavContent{position: absolute;bottom: 0px;right: 0; width:280px;}
.bottom-feed .subNavBox .bnavContent i.close{ font-size: 24px; position: absolute; right: 10px; top: 10px; cursor:pointer;}
.bottom-feed .subNavBox i{ font-size:32px;}
.bottom-feed .currentDt i{background: url(../images/rtic9.png) no-repeat center;}
.bottom-feed span i{}
.bottom-feed span{display: block;width: auto;height: 60px;background: #0e50c0;border-top-left-radius: 500px;border-bottom-left-radius: 500px;cursor: pointer;}
.bottom-feed .currentDt span{ display:none;}
.bottom-feed span b{display: inline-block;width: 50px;height: 50px;border-radius: 500px;margin-top: 5px;margin-left: 5px;float: left;background: #fff;overflow: hidden; text-align:center; line-height:50px;}
.bottom-feed span p{font-size: 14px;color: #fff;float: left;line-height: 20px;margin-left: 10px;margin-top: 10px;width: 180px;height: 40px;display: block;overflow: hidden;}
.bottom-feed span:hover p,.bottom-feed .feed .sub:hover{font-style: italic;}
.bottom-feed .feed{position:relative;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);width: 280px;padding: 40px 0 10px;display: block; border-radius:10px;}
.bottom-feed .feed input{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 40px;line-height: 40px;font-size: 12px;text-indent: 10px;margin-bottom: 10px;}
.bottom-feed .feed textarea{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 80px;text-indent: 10px;font-size: 12px;padding: 5px 0;}
.bottom-feed .feed input:hover,.bottom-feed .feed textarea:hover{border: 1px solid #c80000}
.bottom-feed .feed .sub{background: #ff0000;color: #fff;cursor: pointer;margin-bottom: 0;margin-top: 5px;border: none;border-radius: 500px;}
.bnavContent{display: none;}
.bottom-feed span b img{transform: translateY(-200px);filter: drop-shadow(#c80000 0 200px);}


@media (max-width: 1700px){
	
}


@media (max-width: 1600px){

}

@media (max-width: 1441px){
.syapp_nav li h4{ font-size: 26px;}
.syapp_nav li .icon{ margin-right: 20px;}
.sy-ban h3{ font-size: 80px; line-height: 96px;}
}

@media (max-width: 1281px){
.syapp_nav li{ padding: 25px 20px;}
.syapp_nav li .icon img{ width: 50px;}
.sy-ban h3{ font-size: 60px; line-height: 70px;}
.sy-ban .amore{ margin-top: 50px;}
.sy-ban p{ font-size: 20px;}
.sy_product ul li{ padding: 40px 0 50px 50px;}
.sy_product ul li .pic{ right: 50px;}
.sy_number dl dt{ padding-left: 4%;}
.appswiper li .txt{ padding: 0 40px;}
.appswiper li h2{ font-size: 30px;}
	
}

@media (max-width: 1024px){
.foot_center{ display: none;}
.m_img .headlf img{ max-height: 32px;}
.sy-ban h3{ font-size: 40px; line-height: 54px;}
.sy-ban p{ font-size: 18px;}
.sy_product ul li{ padding: 30px 0 30px 30px;}
.sy_product ul li .tit h2{ font-size: 30px;}
.sy_product ul li .tit b,.sy_item_tit b{ font-size: 18px;}
.sy_item_tit h3{ font-size: 34px;}
.sy_about .txt h4{ font-size: 24px;}
.sy_number dl dt b{ font-size: 48px; line-height: 48px;}
	.mainh{ height: 40px;}
	.waph{ height: 54px;}
}
@media (max-width: 768px){
.sy-ban .amore{ display: none;}
.sy_product ul li{ width: 100%;float: none;}
.sy_product ul li:nth-child(4){ background:#f0f0f0;}
.sy_product ul li:nth-child(2n+1){ background:#fff;}
.sy_about .txt{ width: 70%;}
.sy_number dl dt b{ font-size: 36px; line-height: 36px;}
.apboxswiper li{ display: block;}
.appswiper li .txt,.appswiper li .pic{ width: 100%;}
.appswiper li .txt .desp{ display: none;}
.appswiper li .txt{ padding: 40px; display:flex; align-items:center;}
.appswiper li .txt .smore{ margin-top: 0;}
.appswiper li h2{ margin-bottom: 0; margin-right: auto;}
.sy_news_list .news_item{ width: 100%; float: none; padding-top:30px; border-top:2px solid #ddd; margin-bottom:30px;}
.sy_news_list .news_item:nth-child(2){ width:100%; padding:30px 0 0 ; margin:0; border:none;border-top:2px solid #ddd; margin-bottom:30px;}
.news_item .first .imgfd{ display: none;}
.sy_news_list .news_item .first{ border-bottom: 1px dashed #f0f0f0; padding-bottom:25px;}
.news_item .first h2{ font-size: 20px; line-height: 30px; height:auto;}
.sy_news_list{ border: none;}
.bottom-feed{ display: none;}
.sy_service{ display: none;}
}
@media (max-width: 540px){
.sy-ban h3{ font-size: 32px; line-height: 36px; margin-bottom:20px; letter-spacing:15px;}
.sy-ban p{ font-size: 16px;}
.sy_about .txt{ width: 100%; text-align:center;}
.sy_about .txt .amore{ margin-top: 25px;}
.sy_number dl dt{ width: 50%; margin-bottom: 20px;}
.sy_number dl dt:after{display:none;}

}
@media (max-width: 450px){
.sy_product ul li .pic{ right: 30px;}
.sy_product ul li .txt{ max-width: 100%;}
.sy_item_tit h3{ font-size: 28px;}
.sy_about .txt h4{ font-size: 24px;}
.amore{ line-height: 24px; padding: 0 15px;}
.sy_number{ margin-top: 40px;}
.syapp_nav li h4{ font-size: 20px;}
.syapp_nav li .icon img{ width: 35px;}
.syapp_nav li .icon{ margin-right: 10px;}
.appswiper li .txt{ padding:20px;}
.appswiper li h2{ font-size: 22px;}
.smore span{ display: none;}
.smore{ padding-left: 40px; height:40px; width:40px;}
.appswiper li h2{ max-width: calc(100% - 50px); line-height: 30px; height: 30px; overflow: hidden;}
.sy_product ul li .tit b, .sy_item_tit b{ margin-bottom: 8px;}
.sy_news_list .news_item .first .smore{ display: none;}
.news_item .first h2{ margin-bottom: 0;}
.copy{ font-size: 14px;}
.news_item ul a{ font-size: 16px;}
.sy_product ul li .tit h2{ font-size:26px;}
.sy-ban h3{ font-size: 26px; line-height: 34px;}
}

.top_h{ height: 100px;}
.ny_ban{ width: 100%; position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .nyban_txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color:#fff;}
.ny_ban .nyban_txt h3{ font-size: 40px; font-family: alim; color:#fff;}
.ny_ban .nyban_txt p{ font-size: 22px; margin-top: 20px; width:30%;}

.about_gsjj{ padding: 0 10%;}
.about_gsjj .left{ width: 28%; position:relative; padding-top:20px;}
.about_gsjj .left:after{ width:40px; height: 6px; background: #0e50c0; content: ''; left: 0; top: 0; position:absolute;}
.about_gsjj .des{ width: 60%; margin-left: auto;}
.f30{ font-size: 28px; font-family: alim;}
.about_gsjj .left .f30{ margin-bottom: 40px; color:#0e50c0;}
.about_gsjj .left p{ font-size: 20px;}
.ny_numbox{ background: rgba(14,80,192,.7); border-radius: 10px; padding:40px 60px;}
.ny_numbox dl dt{ padding-left: 0;}

.ab_video .imgfdd{ width: 40%; margin-right: auto; cursor:pointer;}
.ab_video p{ width: 55%; color:#333;}
.ab_linian .tit{ width: 50%;margin: 0 auto 80px; text-align:center;}
.ab_linian .tit h3{ color: #fff; margin-bottom: 20px;}
.ab_linian .tit h4{ font-size: 24px; color: #fff; font-family: alim;}

.ab_jssl{ height: 820px; position:relative;}
.ab_jssl .bgimg,.ab_jssl .bgimg ul,.ab_jssl .bgimg li{ width: 100%; height: 100%;}
.ab_jssl .txt{ position: absolute; width: 100%; left: 0; top: 0; padding-top: 80px; color: #fff;}
.ab_jssl .txt .box{ width: 45%;}
.ab_jssl .txt h3{ color: #fff; padding-top: 20px; position: relative; margin-bottom:40px;}
.ab_jssl .txt h3:after{ position:absolute; left: 0; top: 0; width: 60px; height: 3px; content: ''; background: #fff;}
.ab_jssl .txt .tab-hd li{ height: 0; position: relative; float:left;}
.ab_jssl .txt .tab-hd li:first-child {
	width: 170px;
	border-top: 50px solid #FFFFFF;
	border-left: 0px solid transparent;
	border-right: 30px solid transparent;
}

.ab_jssl .txt .tab-hd li:nth-child(2) {
	width: 170px;
	border-bottom: 50px solid #FFFFFF;
	border-left: 30px solid transparent;
	/*border-right: 30px solid transparent;*/
	margin-left: -20px;
}
.ab_jssl .txt .tab-hd li:nth-child(3) {
	width: 170px;
	border-bottom: 50px solid #FFFFFF;
/*	border-left: 30px solid transparent;*/
	border-right: 30px solid transparent;
/*	margin-left: -20px;*/
	margin-left: 10px;
}

.ab_jssl .txt .tab-hd li:last-child {
	width: 170px;
	border-top: 50px solid #FFFFFF;
	border-left: 30px solid transparent;
	border-right: 0 solid transparent;
	margin-left: -20px;
	margin-right: 0;
}
.ab_jssl .txt .tab-hd li.active{border-top-color: #EE311D !important;border-bottom-color: #EE311D !important;}
.ab_jssl .txt .tab-hd li span{position: absolute;width: 100%;height: 50px;line-height: 50px;left: 0;top: -50px;	color: #0e50c0; display:block;text-align:center;}
.ab_jssl .txt .tab-hd li:nth-child(2) span,.ab_jssl .txt .tab-hd li:nth-child(3) span{ top:0;}
.ab_jssl .txt .tab-hd li.active span{ color: #fff;}
.ab_jssl .txt .tab-bdd{ margin-top:60px;}
.ab_jssl .txt .tab-bdd .f30{ margin-bottom: 25px; color:#fff;}



.ln_list ul li{ width: 49%; margin-right: 2%; float: left; margin-bottom: 25px; padding:60px 40px ; background:rgba(255, 255, 255, 0.2); color:#fff; cursor:pointer;}
.ln_list ul li:nth-child(2n){ margin-right:0;}
.ln_list ul li .icon img{ width: 86px;}
.ln_list ul li .icon{ margin-right: 30px;}
.ln_list ul li h3{ margin-bottom: 30px; color:#fff;}
.ln_list ul li p{ font-size: 18px;}
.ln_list ul li:hover{ background:url(../images/bg5.jpg) no-repeat center; background-size: cover;}
.bigimg {position: fixed; width: 100%; height: 100vh; text-align: center; background: rgba(0,0,0,.2); top:0; left:0; display:none;z-index:10;}
.bigimg img{ width: 70%; position:absolute; left:15%; top:50%; transform:translateY(-50%);}
.bigimg i.icon-guanbi1{ position: absolute; left: 86%; color: #fff; font-size: 30px; top: 150px; display:block;}

.ab_whj ul li{ width: 25%; float: left; height:360px; position:relative; transition:.3s ease;}
.ab_whj ul li:after{ position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.15); content:''; z-index:1;}
.ab_whj ul li .pic img,.ab_whj ul li .pic{ width: 100%; height: 100%;}
.ab_whj ul li .pic img{ object-fit: cover;}
.ab_whj ul li .txt{position: absolute; width: 100%; bottom: 0; left: 0; padding: 50px 50px 0; color:#fff; z-index:3;}
.ab_whj ul li .txt h2{ color: #fff; margin-bottom: 40px;}
.ab_whj ul li .txt p{ display: none; transition:.3s ease; width:80%;} 
.ab_whj ul li.on{ width: 31%;}
.ab_whj ul li.small{ width: 23%;}
.ab_whj ul li.on .txt{ height: 100%; background: linear-gradient(to right, rgba(21,116,232,.5), rgba(196,100,202,.5));}
.ab_whj ul li.on p{ display: block;}

@media (max-width: 1441px){
    .ab_jssl .txt .box{ width: 50%;}
    
}
@media (max-width: 1281px){
.about_gsjj{ padding: 0 4%;}
.ab_linian .tit{ width: 70%;}
.ab_linian .tit h4{font-size: 22px;}
.ab_whj ul li .txt{padding: 30px 30px 0;}
.f30{font-size: 26px;}
.ab_jssl .txt .box{ width: 60%;}
}
@media (max-width: 1024px){
    .top_h{ height: 0;}
    .ny_ban .nyban_txt p{font-size: 18px;}
    .ab_jssl .txt .box{ width: 100%;}
    .ab_jssl .txt .tab-bdd{ width: 60%;}
    .ab_jssl{ height: 600px;}
    .ny_ban .nyban_txt h3{ font-size: 32px;}

}
@media (max-width: 768px){
    .about_gsjj{ display: block;}
    .about_gsjj .left{ width: 100%;}
    .about_gsjj .des{ width: 100%; margin-top: 25px;}
    .ny_numbox{padding: 20px 25px;}
    .ab_video { display: block;}
    .ab_video .imgfdd{ width: 100%;}
    .ab_video p{ width:100%; margin-top:30px;}
    .ln_list ul li{ width: 100%; float: none;}
    .ab_whj ul li{ width: 100%; float: none;}
    .ab_whj ul li.on,.ab_whj ul li.small{ width: 100%;}
    .ny_ban .nyban_txt h3{ font-size: 26px;}
    .ny_ban .nyban_txt p{ width: 60%; font-size:16px;}
}

@media (max-width: 450px){
    .ny_numbox{ margin-top: 0;}
    .dtop{ padding-top: 50px;}
    .ab_linian .tit h4{font-size: 18px;}
    .ab_linian .tit{ width: 90%; margin-bottom: 30px;}
    .ln_list ul li{ padding: 30px 20px;}
    .ln_list ul li .icon img{ width: 60px;}
    .ln_list ul li h3{ margin-bottom: 15px;}
    .ln_list ul li p{font-size: 16px;}
    .ab_jssl .txt .tab-hd li{ margin-bottom:10px;} 
    .ab_jssl .txt .tab-bdd{ width: 100%; margin-top: 30px;}
    .ny_ban .nyban_txt h3{ font-size: 22px;}
    .ny_ban .nyban_txt p{ width: 70%; font-size:14px; margin-top:10px;}
}
.posi{ background: #F6F6F6; font-size:14px; padding: 25px 0; color:#333;}
.posi a:last-child{ color:#0e50c0;}
.news1 .top{ margin-bottom: 50px;}
.news1 .top .nav{ margin-left: auto;}
.news1 .top .nav a{ display: inline-block; width: 160px; line-height: 50px; text-align: center; margin-left: 10px; border: 1px solid #ddd; font-size:18px;background: -webkit-linear-gradient(left, rgba(178, 135, 111, 0) 25%, #1567D9 75%);background: linear-gradient(to right, rgba(178, 135, 111, 0) 25%, #1567D9 75%);background-position: 1% 50%;background-size: 400% 300%;-webkit-transition: 700ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: 700ms cubic-bezier(0.165, 0.84, 0.44, 1);}
.news1 .top .nav a.on{background: linear-gradient(to right, #599CF9 0%, #1567D9 100%) !important;color: #fff !important;}
.news1 .top .nav a:hover{background-position: 99% 50%;color: #fff !important;}

.hot_news{ width: 66%; position:relative;}
.hot_news .txt{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.25); padding:45px; color:#fff; width:100%;}
.comm_news{ width: 30%;}
.hot_news .txt span.date{ display: inline-block; padding: 16px 30px; background:#0e50c0;}
.hot_news .txt h2{ font-family: alim; color: #fff; font-size: 24px; margin: 20px 0;}
.hot_news .txt p{ height: 30px; overflow: hidden;}
.hot_news .imgfd{ padding-top: 57.3%;}
.hot_news:hover .txt{ background:rgba(14,80,192,.4);}
.comm_news .pic{ width: 50%; margin-right: auto;}
.comm_news .pic .imgfd{ padding-top: 53%;}
.comm_news li{ margin-bottom: 30px;}
.comm_news li .txt{ width: 47%;}
.comm_news li h2{ font-size: 20px; line-height: 32px; height: 64px; overflow: hidden; margin-bottom:25px;}
.comm_news li span{ color: #999;}
.comm_news li:hover h2{ color:#0e50c0;}

.news_main{ background: url(../images/newsbg.jpg) no-repeat center; background-size: cover;}
.ny_news_list ul li{ background: #fff; padding: 40px 60px; margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,.1); transition:.2s ease;}
.ny_news_list ul li .date{ width: 100px; height: 100px; text-align: center; background:#0e50c0; color:#fff; padding-top:15px;}
.ny_news_list ul li .date b{ display: block; font-size: 40px; line-height:40px;}
.ny_news_list ul li .txt{ width: calc(100% - 140px);}
.ny_news_list ul li a{ color: #999;}
.ny_news_list ul li h2{ font-size: 24px; line-height: 30px; height: 30px; overflow: hidden;}
.ny_news_list ul li .txt p{ height: 30px; overflow: hidden; margin: 25px 0;}
.ny_news_list ul li:hover{ background: url(../images/libg.jpg) no-repeat center; background-size: cover; color:#fff;}
.ny_news_list ul li:hover .date{ background:#fff; color: #0e50c0;}
.ny_news_list ul li:hover a,.ny_news_list ul li:hover h2{ color:#fff;}

@media (max-width: 768px){
    .hot_news{ width: 100%; float: none;}
    .comm_news{ width: 100%; float: none; margin-top:30px;}
    .hot_news .txt{padding: 25px;}
    .ny_news_list ul li{ padding: 20px 25px;}
    .ny_news_list ul li .txt p{ height: 24px; margin: 15px 0;}
    .ny_news_list ul li h2{ font-size: 20px;}
    .news1 .top .f30{ display: none;}
    .news1 .top .nav{display: flex; align-items: center; width:100%;}
    .news1 .top .nav a{margin: 0 auto;}
}

@media (max-width: 450px){
.hot_news .txt{padding: 15px;}
.hot_news .txt span.date{padding: 10px 15px; font-size:14px;}
.hot_news .txt h2{font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; margin:12px 0;}
.comm_news li h2{font-size: 16px; line-height: 26px; height: 52px;}
.news1 .top .nav a{ width: 120px; line-height: 44px; font-size: 16px;}
.news1 .top{ margin-bottom: 30px;}
.ny_news_list ul li .date{ width: 60px; height: 60px; padding-top:6px;}
.ny_news_list ul li .date b{font-size: 24px; line-height: 24px;}
.ny_news_list ul li{padding: 10px 15px;}
.ny_news_list ul li .txt{ width: calc(100% - 75px);}
.ny_news_list ul li .txt span{display: none;}
.ny_news_list ul li .txt p{margin-bottom: 0; margin-top:10px;}
.ny_news_list ul li h2{font-size: 18px;}
.posi{padding: 15px 0;}
}
.news_show h1{ font-size: 24px; font-family: alim; text-align: center; margin-bottom: 50px;}
.fanye{ padding-top: 40px; border-top: 1px solid #ddd; margin-top:50px;}
.fanye a:hover{ color:#0e50c0;}
.fanye dt{ max-width: 50%;}


@media (max-width: 450px){
    .news_show h1{font-size: 20px; margin-bottom: 30px;}
    .fanye{padding-top: 25px; margin-top: 30px;}
    .fanye dt{ float: none; width: 100%; font-size:14px; max-width:100%;}
    .fanye dt.fr{ margin-top: 15px;}
}
.prosearch{ width: 60%; margin: 0 auto;}
.prosearch input{ line-height: 70px;}
.prosearch input.fl{ background: rgba(255,255,255,.8); width:calc(100% - 180px); padding-left:20px;}
.prosearch input.search_sub{ background: #0e50c0; color: #fff; text-align: center; width: 180px; cursor:pointer;}
.probox{ background: url(../images/probg.jpg) no-repeat center; background-size: cover;}
.proitem{ margin-bottom:40px; position:relative;}
.proitem .list1{ background: #F5F5F5;}
.proitem .txt,.proitem .pic{ width: 50%; float:left;}
.proitem:nth-child(2n+1) .pic,.proitem:nth-child(2n) .txt{ float:right;}
.proitem .pic{background: linear-gradient( to top,#f1f1f1,#fafafa,#f1f1f1);}
.proitem .pic .imgfd{ padding-top: 60.8%;}
.proitem .txt{ padding: 40px 60px 0;}
.proitem .txt h2{ font-size: 24px; font-family: alim; border-bottom:1px solid #ddd; padding-bottom:25px;}
.proitem .txt a{ display: inline-block; width: 45%; margin-top:30px; font-size:18px; color:#333;}
.proitem .txt a i{ color: #0e50c0; margin-right: 5px;}
.proitem .txt a:hover{ color:#0e50c0;}

.pro_second{ position:absolute; width:100%; height:100%; left:0; top:0; background: url(../images/prolibg.jpg) no-repeat center; background-size: cover; padding-top:60px; text-align:center; display:none; opacity:0; transition:.3s ease;}
.pro_second.show{ display: block; opacity: 1;}
.sec_nav{ border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom:40px;}
.sec_nav li{ padding-bottom: 20px; position: relative; font-size:24px; font-family:alim; display:inline-block; margin:0 30px; color:#fff; opacity:.5;}
.sec_nav li.active{ opacity: 1;}
.sec_nav li.active:after{ position:absolute; left: 50%; transform: translateX(-50%); height: 3px; width: 40px; bottom: 0; background: #fff; content: '';}
.sec_box a{ display: inline-block; width: 19%; padding: 0 35px; border-right:1px solid rgba(255,255,255,.5);}
.sec_box a:last-child{ border:none;}
.sec_box a .imgfd{ background: #fff;}
.sec_box a h4{ font-size: 20px; color: #fff; line-height: 30px; height: 30px; overflow: hidden; margin:20px 0 15px;}
.sec_box a i{ opacity: 0; color:#EE311D; font-size:20px; transition:.2s ease;}
.sec_box a:hover h4{ color:#EE311D; transition:.2s ease;}
.sec_box a:hover i{ opacity:1;}
@media (max-width: 1024px){
.proitem .txt{ padding: 30px 40px;}
.proitem .txt a{font-size: 16px; margin-top: 20px;}
.prosearch input{ line-height: 50px;}
}
@media (max-width: 768px){
    .proitem{ background: none;}
    .proitem .txt, .proitem .pic{ width: 100%; float: none;}
    .proitem:nth-child(2n+1) .pic, .proitem:nth-child(2n) .txt{float:none;}
    .proitem .txt{ text-align: center;}
    .proitem .txt .list{ display: none;}
    .pro_second{ position: unset; display:block; opacity:1; margin-top:20px;}
    .sec_box a{ width: 100%; display: block; margin-bottom: 20px;}
}
@media (max-width: 450px){
    .prosearch{ width: 80%;}
    .prosearch input{ line-height: 40px; font-size:14px;}
    .prosearch input.search_sub{ width: 100px;}
    .prosearch input.fl{ width: calc(100% - 100px); padding-left: 10px;}
    .sec_nav li{ font-size: 18px; margin:0 10px; max-width:31%; height:45px;}
}
.appnav{ width: 30%; height:840px; overflow-y:scroll;}
.app_box{ width: 70%; position:relative;}
.appnav li{ background: #EEEEEE; padding-left:85px; height:210px;}
.appnav li:nth-child(2n-1){ background:#F5F5F5;}
.appnav li.active{background: url(../images/xuanzhong.jpg) no-repeat center!important; background-size: cover;}
.appnav li.active img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); }
.appnav li.active h2{ color: #fff;}
.bigswiper,.smswiper{ overflow: hidden; position:relative;}
.appnav li .icon{ margin-right: 20px;}
.appnav li h2{ font-size: 26px;}
.bigswiper,.bigswiper .imgfdd{ height: 840px;}
.bigswiper img{ width: 100%; height: 100%; object-fit: cover;}
.bigswiper .txt{ width: 70%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 0 60px; color:#fff;}
.bigswiper .txt h2{ color: #fff; font-size: 26px; font-family: alim; position:relative; padding-bottom:20px;}
.bigswiper .txt h2:after{ left:0; bottom: 0; position: absolute; height: 2px; width: 80px; content: ''; background: #fff;}
.bigswiper .txt p{ font-size: 18px;}
.bigswiper .txt .des{ margin: 45px 0;}
.appswiperbox{ width: 100%; position: absolute; bottom: 0; transform: translateY(50%);z-index:4; padding:0 80px;}
.smswiper .imgfd{padding-top: 49%;}
.appswiperbox .swiperbtn{ display: block;}
.appswiperbox .swiper-button-prev{ left: 1%;}
.appswiperbox .swiper-button-next{ right: 1%;}
.app_top{ width: 60%; border-left: 10px solid #0e50c0; margin:0 auto; padding:20px 0 20px 50px;}
.app_top .f30{ margin-bottom: 15px;}
.app_top p{ color: #333; font-size: 18px;}
.smswiper .txt{ position: absolute; top:0; left:0; z-index:4; width: 100%; height: 100%; background: rgba(0,0,0,.3); justify-content:center; display:flex; align-items:center;}
.smswiper .txt h2{ font-size: 26px; color: #fff;}
.smswiper .swiper-slide-thumb-active .txt{ background: none; border: 12px solid #df2525;box-shadow: 0 0 10px 0 #df2525;}
.smswiper .swiper-slide-thumb-active .txt h2{ display: none;}
::-webkit-scrollbar{ width:6px; border-radius:3px;}
::-webkit-scrollbar-track{ background:#f1f1f1;}
::-webkit-scrollbar-thumb{ background:#0e50c0; border-radius:3px;}

@media (max-width: 1281px){
    .bigswiper, .bigswiper .imgfdd,.appnav{ height: 600px;}
    .appnav li{ height: 150px; padding-left:60px;}
    .smswiper .swiper-slide-thumb-active .txt{ border-width: 4px;}
}
@media (max-width: 1024px){
    .smswiper .txt h2{font-size: 20px;}
    .app_top{ width: 80%;}
}
@media (max-width: 768px){
    .appnav{ width: 100%; float: none; height:auto; }
    .appnav ul li{ float: left; width: 33.3%; padding: 20px 15px; text-align: center; height: auto;}
    .appnav li .icon img{ height: 40px;}
    .app_box{ width: 100%; float:none;}
}
@media (max-width: 450px){
    .appnav ul li{ width: 50%;}
    .appnav li h2{font-size: 20px;}
    .bigswiper .txt{ width: 90%; padding: 0 30px;}
    .bigswiper, .bigswiper .imgfdd{ height:400px;}
    .bigswiper .txt p{font-size: 14px;}
    .bigswiper .txt .des{ margin: 20px 0; max-height:120px; overflow:hidden;}
    .appswiperbox{ padding: 0 50px;}
    .smswiper .txt h2{display: none;}
    .amore i{line-height: 40px;}
    .app_top{ width: 96%; padding:0 0 0 20px; border-width:3px;}
    .app_top p{font-size: 14px;}
}
.proshow_top{ background: url(../images/zcbg.jpg) no-repeat left center;}
.proshow_top .imgfdd{ width: 40%; text-align: center;}
.proshow_top .txt{ width: 55%;}
.proshow_top .txt h1{ padding-bottom: 20px; position: relative; margin-bottom:40px;}
.proshow_top .txt h1:after{ position:absolute; left: 0; bottom: 0; width: 80px; height: 3px; background: #0e50c0; content: '';}
.proshow_top .txt{ height: 340px; overflow-y: scroll; padding-right:30px;}
.mainitem{ margin-bottom: 80px; max-height:400px; overflow-y:scroll; padding-right:30px;}
.mainitem .f30{ margin-bottom: 30px; padding-left:20px; line-height:30px; border-left:3px solid #0e50c0;}
.mainitem h4{ font-size: 22px; font-family: alim; margin-bottom: 15px;}

@media (max-width: 768px){
    .proshow_top .imgfdd{ width: 100%; float: none;}
    .proshow_top .txt{ width: 100%; float: none;}
    .mainitem h4{font-size: 18px;}
    .mainitem{ margin-bottom: 40px;}
    
}
.app_show{ background: url(../images/zcbg.jpg) no-repeat left center; text-align:center;}
.app_show h1{ font-size: 30px; font-family: alim; margin-bottom:40px;}
.app_show .show_content{ width: 70%; margin: 0 auto;}
.apppro_list{ margin-top: 50px;}
.apppro_list ul li{ float: left; width: 30%; margin-right: 5%; background:#F5F5F5; text-align:center; padding:25px; margin-bottom:40px;}
.apppro_list ul li:nth-child(3n){ margin-right:0;}
.apppro_list ul li h2{ font-size: 24px; line-height: 32px; height: 64px; overflow: hidden; margin: 20px 0 10px; font-family:alim;}
.apppro_list ul li .imgfd{ padding-top: 100%;}

.zhouchen_box .pic{ width: 40%;}
.zhouchen_box .txt{ width: 55%;}
.abigswiper,.smaswiper{ overflow: hidden;}
.abigswiper .imgfd,.smaswiper .imgfd{ padding-top: 100%;}
.abigswiper{ position: relative;}
.abigswiper .slitxt{ width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.15); padding:15px 10px; text-align:center; z-index:3;}
.abigswiper .slitxt h2{ font-size: 20px; line-height: 30px; overflow: hidden;}
.smbox{ padding: 0 50px; margin-top: 15px; position:relative;}
.smaswiper li{ border: 1px solid #ddd;}
.smbox .swiper-button-prev{ left: 0;}
.smbox .swiper-button-next{ right: 0;}
.zhouchen_box .txt h1{ padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.zhouchen_box .txt .box{ margin-top: 40px;}
.zhouchen_box .txt .box h3{ font-family: alim; font-size: 24px; margin-bottom:25px;}
.zhouchen_box .txt .box.td span{ display: inline-block; line-height: 44px; padding: 0 20px; background: rgba(13, 80, 191, .15); color:#0e50c0; margin-right:8px; margin-bottom:8px;}
.zhouchen_box .txt a.amore{ margin-top: 50px;}



@media (max-width: 1281px){
    .app_show .show_content{ width: 80%;}
}
@media (max-width: 768px){
    .app_show h1{font-size: 24px; margin-bottom: 25px;}
    .app_show .show_content{  width:90%;}
    .apppro_list{ margin-top: 30px;}
    .apppro_list ul li{padding: 15px;}
    .apppro_list ul li h2{font-size: 20px; line-height: 30px; height: 60px;}
    .zhouchen_box .pic{ width: 100%; float: none; margin-bottom:25px;}
    .zhouchen_box .txt{ width: 100%; float: none;}
    .zhouchen_box .txt .box h3{ font-size: 20px; margin-bottom: 15px;}
    .zhouchen_box .txt a.amore{ margin-top: 30px;}
}
@media (max-width: 450px){
.apppro_list ul li{ width: 49%; margin-right: 2%;}
.apppro_list ul li:nth-child(3n){ margin-right:2%;}
.apppro_list ul li:nth-child(2n){ margin-right:0;}
.apppro_list ul li .smore{ display: none;}
.abigswiper .slitxt h2{ font-size: 16px; line-height:24px;}
.zhouchen_box .txt .box{margin-top: 20px;}
}

.cont_top{  text-align:center;}
.cont_top .line{ width: 50px; height: 3px; background: #0e50c0; display: inline-block; margin: 30px 0 40px;}
.cont_top dl dt{ width: 24%; margin-right: 1.33%; background: #fff; padding: 40px 45px 30px;}
.cont_top dl dt:nth-child(4){ margin-right:0;padding:50px 0 60px;}
.cont_top dl dt i{ display: inline-block; width: 90px; height: 90px; line-height: 90px; border-radius: 50%; text-align: center; background: #f5f5f5; color: #0e50c0; font-size: 40px; margin-bottom:30px;}
.cont_top dl dt .box{ height: 50px; margin-top: 25px;}
.cont_top dl dt .box b{ display: block; font-family: ali; font-size: 20px; color:#333;}
.cont_top dl dt .qr img{ width: 115px;}
.cont_top dl dt .qr{ margin-bottom: 40px;}
.cont_form .f30{ text-align: center; margin-bottom:30px;}
.cont_form .formbox{ width: 100%; align-items: flex-start; padding: 0 15px; background: #f5f5f5; border-radius: 5px; line-height:60px; margin-bottom:20px;}
.cont_form .formbox input,.cont_form .formbox textarea{ width: calc(100% - 30px); margin-left: auto; background:none; line-height:60px; font-size:14px;}
.cont_form .formbox.fl{ width: 49%; margin-right: 2%;}
.cont_form .formbox.fl:nth-child(2n){ margin-right:0;}
.cont_form .formbox i{ color: #999; font-size:18px;}
.cont_form .sub{ display: block; margin: 35px auto 0; width:220px; line-height:55px; border-radius:5px; text-align:center; color:#fff; cursor:pointer; background:#0e50c0; transition:.3s ease;}
.cont_form .sub:hover{ box-shadow:0 0 15px rgba(14,80,192,.7);}

@media (max-width: 1024px){
    .cont_top dl dt{padding: 30px 25px;}
    .cont_top dl dt .box b{font-size: 18px;}
}
@media (max-width: 768px){
    .cont_top .line{ margin: 20px 0;}
    .cont_top dl dt{ width: 49%; margin-right: 2%; margin-bottom: 25px;}
    .cont_top dl dt:nth-child(2n){margin-right:0;}
    .cont_top dl dt:nth-child(4){ padding:50px 0;}
}
@media (max-width: 450px){
.cont_top dl dt i{ width: 60px; height: 60px; line-height: 60px; font-size: 26px; margin-bottom:20px;}
.cont_top dl dt .box{margin-top: 20px;}
.cont_top dl dt:nth-child(4){padding:28px 0;}
.cont_form .formbox.fl{ width: 100%; float: none;}
.cont_form .formbox input, .cont_form .formbox textarea,.cont_form .formbox{line-height: 50px;}

}

.mainleft{ width: 71.5%;}
.mainright{ width: 25%;}
.pronav{ background: #f7f7f7; border-radius: 10px; padding: 0 25px;}
.pronav li{ padding: 20px 0; border-bottom: 1px solid #ddd;}
.pronav li:last-child{ border:none;}
.pronav li dl{ background: #fff; padding: 0 10px; height:0; transition:.2s ease; overflow:hidden;}
.pronav li dl dt{padding: 4px 0;}
.pronav li a{ display: block;}
.pronav li p a{ width: calc(100% - 30px); margin-right: 0; font-family:alim; font-size:20px; line-height:40px; color:#333;}
.pronav li i{ color: #0e50c0; font-size:20px; font-weight:bold; cursor:pointer;}
.pronav li i.icon-jian{ display: none;}
.pronav li dt a{ line-height: 30px; font-size: 16px;}
.pronav li a:hover{ color:#0e50c0;}
.pronav li.act i.icon-jian{ display: block;}
.pronav li.act i.icon-jia1{ display: none;}
.pronav li.act dl{ height: auto; margin-top:15px;}
.pronav li dt.on a{ color: #0e50c0;}

.ny_pro_list li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 40px;}
.ny_pro_list li:nth-child(3n){margin-right:0;}
.ny_pro_list li .imgfd{ border-radius: 10px; box-shadow: 0 0 8px rgba(0,0,0,.15); margin-bottom:15px;}
.ny_pro_list li h2{ font-size: 22px; line-height: 35px; height: 35px; overflow: hidden; font-family: alim; margin-bottom:20px; }
.ny_pro_list li:hover span.smore{ background:#0e50c0; color: #fff;}
.ny_pro_list li:hover h2{ color:#0e50c0;}
.ny_pro_list li:hover .imgfd{ box-shadow:0 0 8px rgba(4,77,138,.4);}

@media (max-width: 1024px){
    .mainleft{ width: 100%; float:none;}
.mainright{ display:none;}
.ny_pro_list li h2{font-size: 20px;}
}
@media (max-width: 768px){
    .ny_pro_list li{ width: 49%; margin-right: 2%;margin-bottom: 25px;}
    .ny_pro_list li:nth-child(3n){ margin-right:2%;}
    .ny_pro_list li:nth-child(2n){margin-right:0;}
    .ny_pro_list li span.smore{ display: none;}
    .ny_pro_list li h2{font-size: 16px; margin-bottom: 0;}
    .ny_pro_list li .imgfd{ margin-bottom: 10px;}
}