@charset "utf-8";
/* CSS Document */
.search_box{ width: 100%; position: fixed; left: 0; top: 90px; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; border: 2px solid #073b71; border-radius:30px; overflow:hidden; transition:.3s ease;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form .search_sub{ width: 150px; line-height:60px; text-align:center; color:#fff; font-size:30px; text-align: center;background:#073b71; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}
.search_box form .search_sub:hover{ background:#89b324;}

.index_head .nav li:hover .nav_down{ display:block;}
.nav_down{ width: 100%; background: #fff; position: fixed; left: 0; top: 90px; padding: 50px 0; display:none;}
.nav_down .left{ width: 28%; margin-right:auto; }
.nav_down .left b{ font-size: 36px; font-family: dinb; text-transform: uppercase; margin-bottom: 20px;}
.nav_down .left .amore{ margin-top: 35px;}
.nav_down .sup_right{ width: 62%;}
.nav_down .sup_right dt{ width: 48%; margin-left: auto; margin-bottom: 20px; border-radius: 15px; background: #f0f5f9; padding:25px 40px 25px 30px; transition:.3s ease;}
.nav_down .sup_right dt .txt{ width: calc(100% - 90px); margin-left: auto;}
.nav_down .sup_right dt h4{ font-size: 20px; font-family: ggsb; color: #073b71; margin-bottom: 10px;}
.nav_down .sup_right dt p{ line-height: 20px; font-size: 16px;}
.nav_down .sup_right dt:hover{ background:#89b324; color:#fff;}
.nav_down .sup_right dt:hover h4,.nav_down .sup_right dt:hover p{ color:#fff;}
.nav_down .sup_right dt:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.nav_down .pro_right{ width: 880px; position:relative;}
.nav_down .pro_right dt{ padding-right: 40px; width:440px; border-right:1px solid #e7e7e7;}
.nav_down .pro_right .list{ padding-left: 40px; position:absolute; left:440px; top:0; display:none;}
.nav_down .pro_right .list a{ display: block;}
.nav_down .pro_right dt:hover .list{ display:block;}
.nav_down .pro_right a{ color: #073b71; padding:17px 0; border-bottom:1px solid #e7e7e7;}
.nav_down .pro_right a.c-flex p{ margin-right: auto;}
.nav_down .pro_right a:hover{ color:#89b324; border-color: #89b324;}

.sol_right{ width: 69%; margin-right:-100px;}
.sol_right dt{ background: #f0f5f9; border-radius: 15px; overflow: hidden; width:32%; margin-left:1.33%; margin-bottom:20px;}
.sol_right dt .pic{ width: 35%; margin-right:auto;}
.sol_right dt .txt{ width: 65%; padding:0 15px;}
.sol_right dt .pic .imgfd{ padding-top: 83.33%;}
.sol_right dt .txt h2{ font-size: 20px; font-family: ggsb; color: #073b71; line-height: 24px;}
.sol_right dt:hover .txt h2{ color:#89b324;}

.news_right{ width: 66%;}
.news_right dt{ width: 31%; margin-left: auto; border-radius: 15px; overflow: hidden; background: #f0f5f9;}
.news_right .txt{ padding: 20px; text-align: center;}
.news_right .txt h2{ font-size: 20px; font-family: ggsb; color:#073b71;}
.news_right dt:hover .txt h2{ color:#89b324;}

.right_online{position: fixed;top: 40%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 24px;color: #fff;background:#002879 ;position: relative;z-index: 2;border-radius: 3px;display: block;line-height: 50px;width: 50px;height: 50px; transition:.3s ease;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 50px;line-height: 50px;background: #89b324 ;border-radius: 3px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover span{ background:#89b324;}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
.right_online li .ewmtp img{ width: 120px; height:120px;}

.sy-ban{ width: 100%; overflow: hidden; position: relative; background: #333; font-size:0;}
.top_h{height: 90px;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none;}
.swiperbtn{ width: 45px; height: 45px; line-height: 45px; background:#073b71; text-align: center;border-radius: 50%; font-size: 20px;top: 50%; color: #fff; transition: .3s ease;}
.swiperbtn:hover{background: #89b324; color: #fff;}

.dinb54{ font-size: 54px; font-family: dinb; line-height: 55px; }
.dinb50{ font-size: 50px; font-family: dinb; line-height: 50px; }
.dinb36{ font-size: 36px; font-family: dinb; line-height: 40px; }
.dinb40{ font-size: 40px; font-family: dinb; line-height: 45px; }
.sy_title .dinb54{ text-transform: uppercase; color: #073b71; margin-bottom: 20px;}
.sy_title{ max-width: 60%;}
.align_center{ text-align: center;}
.item_top{ margin-bottom: 44px;}
.item_top .sy_item_tit{margin-right: auto; margin-bottom: 0; max-width: 50%;}

.amore{ font-size: 20px; display: inline-block; background: #106eb8;line-height: 50px; border-radius: 5px; padding: 0 25px; color: #fff; position: relative;transition: .3s ease; border-radius: 10px;}
.amore i{ margin-left: 15px; display: inline-block; font-size: 18px;}
.amore.wb{ color: #fff; border: 1px solid #fff; background: none; line-height: 48px;}
.amore.on{background:#89b324; color: #fff;}
.amore:hover{ color: #fff; background: #89b324; border-color: #89b324; }
.amore.wb:hover{ border-color: #106eb8;}
.amore.on:hover{box-shadow: 0 0 8px rgba(139,193,31,.7);}

.sy_product .sy_title{margin: 0 auto 45px;}
.first_pro{ overflow: hidden; position: relative; border-radius: 20px; margin-bottom: 50px;}
.first_pro img{ width: 100%;}
.first_pro .txt{ width: 40%; top: 0; right: 0; padding: 100px 120px 0 0; position: absolute;}
.first_pro .txt .dinb50{ color: #073b71; margin-bottom: 20px	}
.first_pro .txt .list{margin: 45px 0 50px;}
.first_pro .txt .list a{ display: block; color: #073b71; font-size: 20px; font-family: ggsb; line-height: 30px; margin-bottom: 10px;}
.first_pro .txt .list a:hover{ color: #89b324;}
.pro_item{ width: 32%; float: left;margin-right: 2%; overflow: hidden; position: relative; border-radius: 20px;}
.pro_item:nth-child(4){ margin-right: 0}
.pro_item .imgfd{padding-top: 133.33%;}
.pro_item .tit{ position: absolute; width: 100%; left: 0; top: 0; padding: 42px 36px 0; color: #fff;}
.pro_item .tit .dinb36{ color: #fff; margin-bottom: 25px;}
.pro_item i{ color: #fff; font-size: 36px; position: absolute; left: 15px; bottom: 15px;}
.pro_item:hover .dinb36,.pro_item:hover i{ color: #89b324;}

.dtop{ padding-top: 85px}
.sy_solution{ position: relative;}
.sy_solution .item_top .sy_title{margin-right: auto; color: #fff;}
.sy_solution .item_top .sy_title .dinb54{ color: #fff;}
.cirlink{ display: block;position: relative;  text-align:center; width:115px; height:115px;}
.cirlink img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2}
.cirlink .bg{ background: url("../images/cir_04.png") no-repeat center center; left: 0; top: 0;width:100%; height:100%;animation: roate 20s infinite linear; background-size:cover;}
@keyframes roate{
	0%{ transform:rotateZ(0);-ms-transform:rotateZ(0);-moz-transform:rotateZ(0);-webkit-transform:rotateZ(0);-o-transform:rotateZ(0); }
	100%{ transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);}
	}
.ssolswiper,.bsolswiper{ overflow: hidden;}
.ssolswiper{ width: 30%;}
.ssolswiper .swiper-wrapper{
    flex-direction: column !important; /* 竖向排列slide */
}
.ssolswiper .swiper-slide{
    height: auto !important;
}
.bsolswiper .pic{ width: calc(50% + 200px); border-top-right-radius: 100px; overflow: hidden;}
.bsolswiper li{ position: relative;}
.bsolswiper .pic .imgfd{ padding-top: 54.23%;}
.bsolswiper .txt{ width: 480px; color: #fff; padding-top: 280px;}
.bsolswiper .txt p{max-height:120px ; overflow:hidden;}
.bsolswiper h2{ width: 40%; top: 80px; color: #fff; font-family: ggb; text-transform: uppercase; line-height: 65px; font-size: 65px; left:50%; position: absolute;}
.bsolswiper .amore{margin-top: 50px;}
.bsolswiper .ic{ position: absolute; right: 15px; bottom: 0;}
.bsolswiper .ic img{ width: 210px; filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); opacity: .2}
.sy_solution .sol_nav{ width: 100%; left: 0; bottom: 55px; position: absolute;}
.sy_solution .sol_nav li{ font-size: 16px; padding-left: 11px; margin-bottom: 5px; position: relative; line-height: 30px; color: #e7e7e7; cursor: pointer;}
.sy_solution .sol_nav li:after{ position: absolute; left: 0; width: 5px; height: 5px; border: 1px solid #e7e7e7; border-radius: 50%; top: 11px; content: ''; }
.sy_solution .sol_nav li.swiper-slide-thumb-active{ color: #fff;}
.sy_solution .sol_nav li.swiper-slide-thumb-active:after{ border-color: #fff; background: #fff;}
.sy_about{ padding-bottom: 380px;}
.sy_about .item_top{ position: relative; z-index: 5;}
.sy_about .left{ width: 58%; margin-right: auto; transition: .5s ease;}
.sy_about .left.align_center{ margin: 0 auto; color: #fff;}
.sy_about .left.align_center b,.sy_about .left.align_center h3,.sy_about .left.align_center p{ color: #fff;}
.sy_about .left .dinb54{ text-transform: uppercase; color: #073b71;}
.sy_about .left h3{ font-size: 30px; color: #106eb8; font-family: ggb; margin: 25px 0 20px;}
.sy_about .left p{ font-size: 22px; line-height: 36px; color: #073b71; margin-bottom: 40px;}
.sy_about .sy_number{ width: 33%;}
.sy_about .sy_number .tab_bd{ margin-right: auto;}
.sy_about .sy_number .tab_bd b{ font-size: 128px; font-family: dinb; color: #89b324; line-height: 128px; height: 128px;}
.sy_about .sy_number .tab_bd p{ font-family: ggsb; font-size: 20px; color: #073b71;}
.sy_about .sy_number .tab_hd{ text-align: right;}
.sy_about .sy_number .tab_hd li{ line-height: 30px; margin: 3px 0; position: relative; color: #073b71; cursor:pointer;}
.sy_about .sy_number .tab_hd li .c-flex{ justify-content: flex-end;}
.sy_about .sy_number .tab_hd li span{ width: 0; transition: .3s ease; height: 1px; background: #89b324; margin-right: 8px }
.sy_about .sy_number .tab_hd li.active span{ width: 30px;}
.sy_about .sy_number .tab_hd li.active{ color: #89b324;}

.DoSomething{position: relative;}
.DoSomething .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	overflow: hidden;}
.DoSomething .mask img {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    max-width: none;
	transition: 2s;}

.sy_choose .sy_title{ margin: 0 auto 40px;}
.choswiper{padding-bottom: 70px; position: relative; overflow: hidden;}
.choswiper li{ border-radius: 20px; overflow: hidden; position: relative; width: calc((100% - 66px) / 3)!important; height: 600px;}
.choswiper li.swiper-slide-active{width: calc((100% / 3 * 2) - 9px)!important;}
.choswiper li img{ width: 100%; height: 100%; object-fit: cover;}
.choswiper li .txt{ position: absolute; width: 100%; padding:0 55px; bottom: 40px; color:#fff;}
.choswiper li .txt b{ font-size: 30px; font-family: dinb; color: #fff; margin-bottom:20px;}
.choswiper li .txt .amore{margin-top: 55px; display:none;}
.choswiper li.swiper-slide-active .txt{ bottom: auto; top: 120px; width:60%;}
.choswiper li .txt p{ display: none;}
.choswiper li.swiper-slide-active .txt b{ font-size: 36px;}
.choswiper li.swiper-slide-active .txt p{ display: block;}
.choswiper li.swiper-slide-active .amore{ display: inline-block;}
.choswiper .swipercontrol{ padding: 0 290px; position: absolute; width: 100%; left: 0; bottom: 0;}
.choswiper .swiperbtn{ position: unset; margin-top: 0; border: none; color: #fff; width:45px; margin-left: 15px; line-height: 45px; text-align: center; border-radius: 50%; background: #073b71;}
.choswiper .swiperbtn:hover{background: #89b324; }
.choswiper .swiper-pagination{ position: unset; width: calc(100% - 130px); margin-right: auto; z-index: 2;}
.choswiper .swiper-pagination .swiper-pagination-progressbar-fill{ background: #106eb8;}

.sy_service{padding: 95px 0;}
.sy_service .txt{ width: 45%; color: #fff;}
.sy_service .dinb40{ color: #fff; margin-bottom: 15px;}
.sy_service .tit{margin-bottom: 45px;}
.sy_service dt{ width: 44%; margin-right: auto; margin-bottom: 35px; font-family: ggsb; font-size: 20px;}
.sy_service dt a{ color: #fff; line-height: 55px; border-bottom: 1px solid #fff; transition: .3s ease;}
.sy_service dt i{ margin-left: auto; font-size: 20px;}
.sy_service dt a:hover{ color: #89b324; border-color: #89b324;}

.item_top .sy_title{ margin-right: auto;}
.leftswiper{ width: 48.5%; overflow: hidden; position: relative;}
.right_news{ width: 48.5%;}
.leftswiper li{ background: #f0f5f9; border-radius: 20px; overflow: hidden;}
.leftswiper li .imgfd{padding-top: 58%;}
.leftswiper li .imgfd .colname{ display: inline-block; line-height: 35px; background: #106eb8; padding: 0 18px; border-radius: 5px; color: #fff; font-size: 16px; position: absolute; left: 20px; top: 20px;}
.leftswiper li .txt{ padding: 25px 80px 30px 30px;}
.leftswiper li b{ font-size: 24px; font-family: ggsb; color: #89b324; line-height: 30px; padding-bottom: 30px; position: relative;}
.leftswiper li b:after{ width: 15px; height: 2px; background: #106eb8; content: ''; position: absolute; left: 0; bottom: 0;}
.leftswiper li .tit{ width: calc(100% - 130px); margin-left: auto;}
.leftswiper li .tit h2{ color: #17497c; font-family: ggsb; line-height: 36px; font-size:26px; height: 72px; overflow: hidden; margin-bottom: 20px;}
.leftswiper li .tit span{ color: #106eb8;}
.leftswiper li .tit span i{ margin-left: 3px;}
.leftswiper li:hover .tit h2{ color: #89b324;}
.leftswiper .swiper-pagination{ width: auto!important; right: 20px; bottom: 20px; left: auto;}
.swiper-pagination-bullet{ outline: none;}
.leftswiper .swiper-pagination-bullet{ background: #fff; opacity: 1}
.leftswiper .swiper-pagination-bullet-active{ background: #106eb8;}
.right_news{ height: 608px;}
.right_news a{ height: calc(50% - 10px); border-radius: 20px; overflow: hidden; background: #f0f5f9;}
.right_news a:first-child{ margin-bottom: 20px; }
.right_news .pic{ width: 40%; height: 100%;}
.right_news .pic img{ width: 100%; height: 100%; object-fit: cover;}
.right_news .txt{ width: 60%; padding: 0 35px;}
.right_news .txt .colname{ display: inline-block; line-height: 35px; background: #106eb8; padding: 0 18px; border-radius: 5px; color: #fff; font-size: 16px;}
.right_news .txt .date{ font-family: ggsb; color: #89b324; margin: 15px 0 10px;}
.right_news .txt h2{ font-size: 20px; font-family: ggsb; color: #073b71; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 15px;}
.right_news .txt p{ line-height: 24px; overflow: hidden; margin-bottom: 15px; height: 48px;}
.right_news .txt span.more{ color: #106eb8;}
.right_news .txt span.more i{ margin-left: 3px;}
.right_news a:hover h2{ color: #89b324;}


.foot_msg{padding: 60px 0; text-align: center; color: #fff;}
.foot_msg b{ color: #fff;}
.foot_msg p{ font-size: 24px; margin-bottom: 30px;}

.index_foot{background: #073b71;}
.foot_center{ padding: 65px 0; position: relative;}
.foot_center .b_top{ position: absolute; right: 0; top: 35%; display: inline-block; width: 54px; text-align: center; line-height: 54px; border-radius: 50%; background: #89b324; color: #fff; font-size: 24px; cursor: pointer}
.f_top .left{ width: 22%;}
.f_top .left b{ font-family: ggsm;color: #fff; font-size: 20px;margin: 15px 0 10px;}
.f_top .left p{color: #fff; margin-bottom: 10px;}
.f_top .left a,.f_top .left span{ display: block; line-height: 40px; font-size: 30px; color: #89b324;}
.f_top .f_nav{padding-top: 20px; width: 70%;}
.f_top .f_nav li{ margin-left: auto; color: #fff; max-width: 22%;}
.f_top .f_nav b{ font-size:20px; color: #89b324; text-transform: uppercase; font-family: ggsb; margin-bottom: 15px;}
.f_top .f_nav a{display: block; color: #fff; font-size: 16px; line-height: 20px; margin-bottom: 15px;}
.f_top .f_nav a:hover{ color: #8bc11f;}
.foot_branch{ margin-top: 60px;}
.foot_branch .item{width: 23%; margin-right: auto;}
.foot_branch .item:nth-child(4){ margin-right: 0;}
.foot_branch .item b{ font-size: 24px; font-family: helvb; color: #2ba5e0; margin-bottom: 10px;}
.foot_branch .item p{font-size: 16px; color: #fff;}
.foot_branch .item a{ color: #fff;}
.foot_branch .item a:hover{ color: #8bc11f;}

.copy{ padding: 25px 0; text-align: center; color: #fff; font-size: 16px; border-top: 1px solid rgba(255,255,255,.4);}




@media (max-width: 1700px){
.sy_about{ padding-bottom: 260px;}
	.swiper-button-prev{ left: .5%; margin-left: 0;}
	.swiper-button-next{ right: .5%; margin-right: 0;}
}


@media (max-width: 1600px){
	.sy_title{ max-width: 75%;}
	.dinb54{ font-size: 48px;}
	.dinb50{ font-size: 44px;}
.dinb36{ font-size: 32px;}
.dinb40{ font-size: 36px;}
.bsolswiper h2{ font-size: 58px; line-height: 60px;}
.right_news{height: 595px;}
}

@media (max-width: 1541px){
.right_news{height: 570px;}
.sol_right{ margin-right: 0;}
}

@media (max-width: 1281px){
.index_head .follow{ display: none;}
.dinb54{ font-size: 42px; line-height:44px;}
	.dinb50{ font-size: 38px; line-height:40px;}
.dinb36{ font-size: 28px; line-height:30px;}
.dinb40{ font-size: 30px; line-height:32px;}
.sy_title .dinb54{margin-bottom: 10px;}
.sy_title{ max-width: 85%;}
.first_pro .txt{ padding-top: 55px; padding-right:80px;}
.first_pro .txt .list{margin: 30px 0 35px;}
.pro_item i{ font-size: 28px;}
.bsolswiper .pic{ width: 55%; border-top-right-radius:60px;}
.bsolswiper h2{ font-size: 42px; line-height: 44px; top:50px;}
.bsolswiper .txt{padding-top: 150px;}
.amore.wb,.amore{ line-height: 40px; padding:0 20px;}
.sy_about .left p{ font-size: 20px; line-height: 30px;}
.sy_about{ padding-bottom: 200px;}
.sy_about .left p{margin-bottom: 25px;}
.choswiper li{height: 480px;}
.choswiper li.swiper-slide-active .txt{ top: 70px; width:70%;}
.choswiper li .txt b{ font-size: 24px;}
.choswiper li.swiper-slide-active .txt b{ font-size: 30px;}
.choswiper li .txt .amore{margin-top: 40px;}
.choswiper .swipercontrol{ padding: 0 200px;}
.sy_service .txt{ width: 55%;}
.right_news{height: 510px;}
.right_news .txt p{ display: none;}
.f_top .left a, .f_top .left span{ font-size: 26px;}
.sy-ban{height: 600px;}
.nav_down .pro_right{ width: 800px;}
.nav_down .pro_right dt,.nav_down .pro_right .list{ width: 400px;}
.nav_down .pro_right dt{padding-top: 25px;}
.nav_down .pro_right .list{left: 400px;}
}

@media (max-width: 1024px){
.foot_center{ display: none;}
.top_h{ height: 54px;}
.first_pro .txt{ width: 50%; padding-top:40px; padding-right:50px;}
.first_pro .txt .list a{ font-size: 18px;}
.dinb54{ font-size: 36px; line-height:38px;}
	.dinb50{ font-size: 34px; line-height:36px;}
.dinb36{ font-size: 24px; line-height:26px;}
.dinb40{ font-size: 26px; line-height:28px;}
.first_pro .txt .list{margin: 20px 0;}
.first_pro{margin-bottom: 30px;}
.pro_item .tit{padding: 30px 30px 0;}
.bsolswiper h2{  font-size:34px; line-height:38px; top:35px;}
.bsolswiper .pic{ border-top-right-radius:40px;}
.bsolswiper .txt{ width: 42%; padding-top:130px;}
.sy_about .left p{ font-size: 18px; line-height:24px;}
.sy_about{ padding-bottom: 150px;}
.amore{ font-size: 18px;}
.amore i{ font-size: 16px;}
.item_top{margin-bottom: 35px;}
.bsolswiper .amore{ margin-top: 30px;}
.choswiper li,.choswiper li.swiper-slide-active{ width: calc((100% - 10px) / 2)!important;}
.choswiper li.swiper-slide-active .txt{ width: 100%; top:auto; bottom:40px;}
.choswiper li.swiper-slide-active .txt p{ display: none;}
.choswiper li.swiper-slide-active .amore{ display: none;}
.choswiper li.swiper-slide-active .txt b{ font-size: 24px;}
.right_online{ display: none;}
.cirlink{ margin-right: 20px;}
.sy_about .sy_number .tab_bd b{ font-size: 100px; line-height: 100px; height:100px;}
.sy_service .txt{ width: 65%;}
.right_news{ height: 440px;}
.leftswiper li b{ font-size: 20px; line-height:24px; padding-bottom:20px;}
.leftswiper li .tit{ width: calc(100% - 100px);}
.leftswiper li .tit h2{ font-size: 20px; line-height: 30px; height: 60px;}
.dtop{ padding-top: 40px;}
.sy_about .left h3{ font-size: 26px;}
	
}
@media (max-width: 768px){

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

}
@media (max-width: 450px){
.sy-ban{ height: 280px;}
.sy_title{ max-width: 95%; margin-bottom: 25px;}
.dinb54{ font-size: 26px; line-height:30px;}
.dinb50{ font-size: 24px; line-height:28px;}
.dinb36{ font-size: 20px; line-height:22px;}
.dinb40{ font-size: 18px; line-height:20px;}
.sy_product .sy_title{margin-bottom: 25px;}
.first_pro{ border-radius: 10px; margin-bottom:20px;}
.first_pro img{ height: 220px; object-fit: cover;}
.first_pro .txt{ padding-right: 20px; padding-top: 25px;}
.first_pro .txt .dinb50{ margin-bottom: 10px;}
.first_pro .txt .list{ display: none;}
.first_pro .txt .amore{ display: none;}
.pro_item{ width: 100%; float: none; margin-bottom:20px; border-radius:10px;}
.pro_item .imgfd{ padding-top: 60%;}
.pro_item .tit .dinb36{ margin-bottom: 15px;}
.pro_item i{ font-size: 20px;}
.item_top{ display: block;}
.cirlink{ width: 80px; height: 80px;}
.cirlink img{ height: 16px;}
.bsolswiper .pic{ width: 100%; float: none; border-top-right-radius:20px; margin-bottom:25px;}
.bsolswiper h2{ position: unset; width:100%; font-size:26px; line-height:32px;}
.bsolswiper .txt{ width: 100%; padding-top: 20px;}
.sy_solution .sol_nav{ display: none;}
.bsolswiper .ic img{ width: 130px;}
.DoSomething .mask{ display: none;}
.sy_about .left{ width: 95%;}
.sy_about .left p{ font-size: 16px; color:#fff;}
.sy_about .left .dinb54{ color: #fff;}
.sy_about .sy_number{ display: none;}
.sy_about .left{ margin: 0 auto; text-align: center; color: #fff;}
.sy_about .left h3{ font-size: 20px; margin:15px 0; color:#89b324;}
.sy_choose .sy_title{ margin-bottom: 25px;}
.choswiper li{ border-radius: 10px; height:250px;}
.choswiper li .txt,.choswiper li.swiper-slide-active .txt{padding: 0 20px; bottom:10px;}
.choswiper li.swiper-slide-active .txt b,.choswiper li .txt b{ font-size: 18px;}
.choswiper .swipercontrol{padding: 0 20px;}
.choswiper .swiperbtn{ width: 36px; line-height: 36px; height: 36px; font-size:16px; margin-left:8px;}
.choswiper{ padding-bottom: 50px;}
.choswiper .swiper-pagination{ width: calc(100% - 100px);}
.sy_service{padding: 40px 0;}
.sy_service .txt{ width: 95%;}
.sy_service dt{ width: 90%; margin-bottom:10px;}
.sy_service .tit{ margin-bottom: 25px;}
.sy_service dt i{ font-size: 18px;}
.item_top .amore{ display: none;}
.leftswiper{ width: 100%; float: none; border-radius: 10px; margin-bottom:20px;}
.right_news{ width: 100%; height:280px;}
.right_news .txt .colname{ display: none;}
.right_news .txt span.more{ display: none;}
.right_news .txt h2{margin-bottom: 0;}
.leftswiper li .txt{padding: 15px 30px 15px 20px;}
.leftswiper li .tit span{ display: none;}
.right_news .txt .date{margin-top: 0; font-size:14px;}
.right_news .txt{padding: 0 20px;}
.right_news .txt h2{ font-size: 16px; line-height: 24px; height: 48px;}
.leftswiper li b{ font-size: 18px; line-height: 22px; padding-bottom: 15px;}
.copy{ font-size: 14px;}
.copy{padding: 18px 0;}
.leftswiper li,.right_news a{ border-radius: 10px;}
.sy_solution{ padding-bottom: 0;}
.sy_about .left .amore{ display: inline-block;}
.amore{ font-size: 16px;}
.amore i{ font-size:14px;}
}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{width: 100%;}
.ny_ban .posi{ position: absolute; width: 100%; left: 0; top: 20px; color: #fff; font-size:16px;}
.ny_ban .posi i{ font-size: 16px; color: #fff; margin-right: 10px;}
.ny_ban .posi a{ color: #fff;}
.ny_ban .posi a:last-child{ color:#106eb8;}

.ban_txt{ position: absolute; width: 100%; padding:0 25%; text-align: center; left:0; top:50%; transform:translateY(-50%); color:#fff;}
.ban_txt b{ text-transform: uppercase; margin-bottom: 25px; color:#fff;}
.ban_txt p{ font-size: 20px; margin-bottom: 65px;}
.pro_mian{ background: #f0f5f9;}
.ny_title{margin-bottom: 45px;}
.ny_title .dinb50{ color: #073b71; text-transform:uppercase; margin-bottom:10px;}
.dot{ display: inline-flex;}
.dot i{ display: block; width: 7px; height: 7px; border-radius: 50%; margin: 0 4px; background:linear-gradient( to right,#1571ba,#2379a8);}
.dot i:nth-child(2){ background:linear-gradient( to right,#428b82,#5b9965);}
.dot i:nth-child(3){ background:linear-gradient( to right,#7bab3e,#8ab42c);}

.pro_list ul li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 40px;}
.proli{ background: #fff; border-radius: 20px; overflow: hidden; padding:20px 40px 20px 20px;}
.pro_list ul li:nth-child(2n){margin-right:0;}
.proli .pic{ width: 46%; margin-right:auto;}
.proli .txt{ width: 51%;}
.proli .imgfd{padding-top: 100%;}
.proli .tit{padding-bottom: 20px; border-bottom: 2px solid #e7e7e7; position:relative; margin-bottom:20px;}
.proli .tit h2{ font-size: 24px; font-family: ggsb; color: #073b71; line-height: 30px; height: 60px; overflow: hidden; transition:.3s ease;}
.proli .tit:after{ width:100px; bottom: -2px; content: ''; background: #106eb8; position: absolute; left: 0; height:2px; }
.proli .txt p{ line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 45px;}
.proli .txt .amore{ line-height: 40px; padding: 0 8px 0 12px;}
.proli:hover h2{ color:#89b324;}

.proapp_tab{background: #f0f5f9; border-radius: 20px; overflow: hidden;}
.proapp_tab .tab-hd{ width: 38%; padding:0 20px 0 55px; height:420px; overflow-y:auto;}
.proapp_tab .imgfd{padding-top: 54.5%;}
.proapp_tab .tab-bd{ width: 60%; margin-left:auto;}
.proapp_tab .tab-bd h2{ display: none;}
.proapp_tab .tab-hd li{margin-bottom: 20px;}
.proapp_tab .tab-hd h2{ font-size: 30px; font-family: ggsb; color: #a4b1bb; transition:.3s ease;}
.proapp_tab .tab-hd li.active h2{ color: #106eb8; font-size: 36px;}
.proapp_tab .tab-hd p{line-height: 24px; max-height: 72px; overflow: hidden; margin: 15px 0; display:none;}
.proapp_tab .tab-hd span{ color: #106eb8; display:none;}
.proapp_tab .tab-hd li.active p,.proapp_tab .tab-hd li.active span{ display: block;}
.proapp_tab .tab-hd li.active{ border-bottom: 1px solid #a4b1bb; padding-bottom:15px;}
.proapp_tab .tab-hd::-webkit-scrollbar{ width:4px; border-radius:2px;}
.proapp_tab .tab-hd::-webkit-scrollbar-track{ background:#bbb;}
.proapp_tab .tab-hd::-webkit-scrollbar-thumb{ background:#106eb8; border-radius:2px;}

.pro_stand{ position: relative;}
.pro_stand img{ width: 100%;}
.pro_stand .stxt{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width:100%;}
.pro_stand .stxt .box{ width: 52%; color:#fff;}
.pro_stand .stxt h2{ font-size: 40px; color: #fff; font-family: ggsb; line-height:50px; margin-bottom:20px;}
.pro_stand .stxt .amore{margin-top: 30px;}
@media (max-width: 1541px){
    .pro_stand .stxt h2{ font-size: 36px; line-height: 44px;}
    .proapp_tab .tab-hd li.active h2{ font-size: 32px;}
    .proapp_tab .tab-hd h2{ font-size: 28px;}
    .proli .txt p{ margin-bottom: 30px;}
    
}
@media (max-width: 1281px){
    .ban_txt{ padding: 0 18%;}
    .ny_title{ margin-bottom: 30px;}
    .pro_stand .stxt h2{ font-size: 32px; line-height: 36px;}
    .ban_txt p{ margin-bottom: 45px;}
    .proli .txt p{height: 48px;}
    .proli .tit h2{ font-size: 22px;}
    .proapp_tab .tab-hd{ height: 370px;}
}
@media (max-width: 1024px){
    .proli .txt p{ margin-bottom: 0;}
    .proli .txt .amore{ display: none;}
    .proapp_tab .tab-hd li.active h2{ font-size: 26px;}
    .proapp_tab .tab-hd li h2{ font-size: 24px;}
     .proapp_tab .tab-hd li.active span{ display: none;}
     .proapp_tab .tab-hd{ height: 260px;}
     .proapp_tab .tab-hd p{ margin-bottom: 0;}
     .pro_stand .stxt .amore{ display: none;}
     .pro_stand .stxt h2{ font-size: 28px; line-height: 32px;}
}
@media (max-width: 450px){
    .ban_txt .amore{ display: none;}
    .ban_txt p{ margin-bottom: 0; font-size:18px;}
    .ban_txt{ padding: 0 4%;}
    .ny_ban img{ height: 200px; object-fit: cover;}
    .ny_ban .posi{ font-size: 14px; top:15px;}
    .ny_ban .posi i{ font-size: 14px;}
    .ban_txt b{margin-bottom: 15px;}
    .ny_title .dinb50{margin-bottom: 0;}
    .ny_title{margin-bottom: 20px;}
    .pro_list ul li{ float: none; width: 100%; margin-bottom:20px;}
    .proli{ padding: 15px 25px 15px 15px;}
    .proli .tit h2{ font-size: 18px; line-height: 24px; height: 48px;}
    .proli .tit{ padding-bottom: 15px; margin-bottom: 15px;}
    .proli .tit:after{ width:60px;}
    .proli{ border-radius: 10px;}
    .proapp_tab .tab-hd{ display: none;}
    .proapp_tab .tab-bd{ width:100%; border-radius:0;}
    .proapp_tab{ border-radius: 0;}
    .proapp_tab .tab-bd li{ display: block; float:left; width:49%; margin-right:2%; border-radius:10px; overflow:hidden; margin-bottom:15px; position:relative;}
    .proapp_tab .tab-bd li:nth-child(2n){margin-right:0;}
    .proapp_tab .tab-bd h2{display:block; position: absolute; font-size: 18px; width: 100%; left: 0; bottom: 15px; padding: 0 15px; color:#fff;}
    .pro_stand{ display: none;}
}
.showposi{padding: 20px 0; font-size:16px;}
.showposi i{ font-size: 14px; color: #073b71; margin-right: 5px;}
.showposi a:last-child{ color:#106eb8;}
.pro_show{padding: 50px 0 100px;}
.pro_show .propic{ width: 48%; margin-right: auto;  position:sticky; top:120px;z-index:6; border-radius:20px; overflow:hidden;}
.pro_show .propic .imgfd{padding-top: 100%;}
.pro_show .det_right{ width: 48%;}
.pro_show .det_right h1{ font-size: 45px; font-family: ggsb; color: #073b71; margin-bottom: 25px;}
.pro_show .det_right .det_txt{ margin-bottom: 60px;}
.pro_show .det_right .sharebox .amore{ margin-right: 40px;}
.pro_show .det_right .share span{ display: inline-block; margin-right: 5px; color:#073b71;}

.pro_detail{margin-top: 58px;}
.dettit { color: #073b71; font-size:30px; font-family: ggsb; margin-bottom: 20px;}
.pro_detail .box .item{ border-bottom: 1px solid #d9dee2;}
.pro_detail .box .item .itemtit{ padding: 25px 0; cursor:pointer;}
.pro_detail .box .item .itemtit img{filter: brightness(1.8) contrast(0.0)  saturate(0.0) sepia(0.0);opacity: .6;}
.pro_detail .box .item .itemtit p{ font-size: 20px; font-family: ggsb; color: #073b71; margin-left:50px;}
.pro_detail .box .item .itemtit i{margin-left: auto; font-size:30px; color:#fff;}
.pro_detail .box .item .itemtit:hover p,.pro_detail .box .item .itemtit:hover i{ color:#106eb8;}
.pro_detail .box .item .itemtit:hover img{ filter:unset; opacity: 1;}
.item_open{ position: fixed; z-index: 7; left: 0; top: 90px;  width:100%; height: calc(100vh - 90px); overflow:hidden; display:none; }
.item_open .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.4);}
.item_open .open_box{ width: 55%; background: #fff; position: absolute; right: -55%; top: 0; height:100%; padding:60px 40px 0 60px; z-index:8;}
.item_open .open_box h3.tit{ font-size: 30px; font-family:ggsb; line-height: 30px; color:#073b71; margin-right:auto;}
.item_open .open_box span.close{ cursor: pointer; font-size:30px;}
.item_open .open_box span.close:hover{ color:#89b324;}
.item_open .open_box span.close i{ font-size: 30px; margin-left: 5px;}
.item_open .open_box .top{ margin-bottom: 50px;}
.item_open .open_box .det_box{ max-height:calc(100% - 180px); overflow-y:auto; padding-right:40px;}
.item_open .open_box .det_box::-webkit-scrollbar{ width:4px; border-radius:2px;}
.item_open .open_box .det_box::-webkit-scrollbar-track{ background:#f3f3f3;}
.item_open .open_box .det_box::-webkit-scrollbar-thumb{ background:#89b324; border-radius:2px;}
.j_table{ overflow-x: auto;}
.item_open .open_box .det_box table{ max-width: 100%!important;}
.det_box table td{ padding: 10px; font-size:16px;}
.det_box table tr:first-child{background:#f0f5f9;}
.item_open .open_box .down_list a{ padding: 25px 20px; border-bottom: 1px solid #d9dee2;}
.item_open .open_box .down_list a p{ width: calc(100% - 30px);}
.item_open .open_box .down_list a:first-child{border-top: 1px solid #d9dee2;}
.item_open .open_box .down_list i{ font-size: 24px; margin-left: auto; transform: rotate(180deg);}
.item_open .open_box .down_list a:hover{ color:#073b71;}
#st-1.st-animated{ z-index: 2!important;}

.feat_dl dt{ background: #f0f5f9; border-radius: 12px; margin-bottom: 20px; padding: 30px 25px;}
.feat_dl dt h4{ font-size: 22px; font-family: ggsb; margin-bottom: 20px; color:#073b71;}


.open_lx{ margin-top: 45px;}

.open_lx i{ font-size: 20px; margin-right: 5px;}
.open_lx a{ color: #073b71;}
.open_lx a:hover{ color:#106eb8;}

.item_open .app_list li{ float: left; background:#f0f5f9; border-radius:20px; overflow:hidden; width:49%; margin-right:2%; margin-bottom:30px;}
.item_open .app_list li:nth-child(2n){ margin-right:0;}
.item_open .app_list li .imgfd{padding-top: 66.67%;}
.item_open .app_list li .txt{padding: 25px 20px;}
.item_open .app_list li .txt h2{ font-size: 24px; font-family: ggsb; color: #073b71; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 20px;}
.item_open .app_list li .amore{ line-height: 40px; padding:0 20px; font-size:16px;}
.item_open .app_list li .amore i{ font-size: 16px;}
.item_open .app_list li:hover .txt h2{ color:#89b324;}

.mod_list dt{ float: left; width: 32%; margin-right: 2%; margin-bottom: 20px;}
.mod_list dt:nth-child(3n){ margin-right:0;}
.mod_list dt .imgfd{padding-top: 100%; border-radius: 15px; margin-bottom:15px; border:1px solid #073b71;}
.mod_list dt:hover .imgfd{ border-color:#89b324;}

.prodown_list a{padding: 35px 25px; border-radius: 20px; background: #f0f5f9; margin-bottom:25px;}
.prodown_list a .left{ width: calc(100% - 80px); margin-right: auto; }
.prodown_list a span{display: inline-block; line-height: 36px; font-size: 16px; padding: 0 15px; color: #fff; background: #89b324; border-radius: 10px;}
.prodown_list a p{ font-size: 22px; font-family: ggsb; margin-top: 15px; color:#073b71;}
.prodown_list a i{ font-size: 28px; color:#073b71;}
.prodown_list a:hover i{ color:#89b324;}

.rel_pro {margin-top: 70px;}
.rel_pro li{ margin-bottom: 30px;}
.rel_pro li .pic{ width: 22%; border-radius:10px; overflow:hidden; margin-right:auto;}
.rel_pro li .pic .imgfd{ padding-top: 100%;}
.rel_pro li .txt{ width: 74%;}
.rel_pro li .txt .tit{ width: 100%;}
.rel_pro li .txt .tit h2{ font-size: 20px;; margin-bottom:20px; color:#073b71;}
.rel_pro li:hover .txt .tit h2,.rel_pro li:hover span{ color:#89b324;}
.rel_pro li .txt span{ color: #106eb8;}
.rel_pro li .txt span i{ margin-left: 5px;}

.pro_msg{margin: 60px 0 0;}
.pro_msg b{ font-size: 30px; font-family: ggsb; line-height: 40px; margin-bottom: 30px; color:#073b71;}
.pro_msg b span{ display: block; color: #106eb8;}

.pro_msg .formbox{ border-radius: 10px; background: #fff; margin-bottom:20px; padding:10px 15px; position:relative; cursor:pointer;}
.pro_msg .formbox.fl{ width: 49%; margin-right: 2%;}
.pro_msg .formbox.fl:nth-child(2n){margin-right:0;}
.pro_msg input,.pro_msg  textarea{ line-height: 30px; font-size: 16px; width:100%; font-family:ggsan;}
.pro_msg input.choose{ width: calc(100% - 40px); margin-right: auto;}
.pro_msg .formbox .option{ background: #fff; position: absolute; left: 0; top:50px; width:100%; z-index:3; box-shadow:0 0 8px rgba(0,0,0,.12); padding:10px 15px; display:none;}
.pro_msg .formbox .option li{ font-size: 16px; color: #073b71; margin: 10px 0; cursor:pointer; }
.pro_msg .formbox .option li:hover{ color:#89b324;}
.pro_msg .amore{ width: 240px; text-align: center; cursor:pointer; font-family:ggsb;}

@media (max-width: 1541px){
    .item_open .open_box{ width: 52%;}
    .item_open .open_box .top{ margin-bottom: 25px;}
}
@media (max-width: 1281px){
    .pro_show .det_right h1{ font-size: 36px;}
    .pro_show .det_right .det_txt{ margin-bottom: 40px;}
    .pro_detail{margin-top: 40px;}
    .pro_detail .box .item .itemtit{padding: 20px 0;}
    .pro_detail .box .item .itemtit p{margin-left: 35px;}
    .pro_msg b,.dettit{ font-size: 26px; line-height: 35px;}
}
@media (max-width: 1024px){
    .pro_show .det_right h1{ font-size: 32px; margin-bottom:20px;}
    .rel_pro{margin-top: 45px;}
    .rel_pro li{margin-bottom: 20px;}
    .pro_show{padding: 30px 0 60px;}
}
@media (max-width: 450px){
    .pro_show{ display: block;}
    .pro_show .propic{ width: 100%; border-radius: 10px; position:unset;}
    .showposi{ padding: 15px 0; font-size: 14px;}
    .showposi i{ font-size: 14px;}
    .pro_show{padding: 20px 0 40px;}
    .pro_show .det_right{ width: 100%; margin-top: 25px;}
    .pro_show .det_right h1{ font-size: 26px; margin-bottom:15px;}
    .sharebox{ display: block;}
    .pro_show .det_right .det_txt{margin-bottom: 25px;}
    .sharebox .share { margin-top: 20px;}
    .pro_detail .box .item .itemtit img{ height: 30px;}
    .pro_detail .box .item .itemtit p{ font-size: 18px; margin-left: 20px;}
    .pro_detail .box .item .itemtit i{ font-size: 24px;}
    .item_open .open_box{ width: 95%; padding: 35px 25px;}
    .item_open .open_box h3.tit{ font-size: 24px;}
    .det_box{padding: 20px;}
    .item_open .open_box .det_box{padding:25px 30px 25px 0;}
    .open_lx{margin-top: 15px;}
    .item_open .open_box .top{margin-bottom: 5px;}
    .item_open{ top: 54px; height: calc(100% - 54px);}
    .item_open .app_list li{ width: 100%; float: none; border-radius: 10px; margin-bottom: 15px;}
    .item_open .app_list li .txt{padding: 15px 10px;}
    .item_open .app_list li .txt h2{ font-size: 18px; line-height: 24px; height:auto;}
    .mod_list dt{ width: 49%; margin-right: 2%;}
    .mod_list dt:nth-child(3n){ margin-right:2%;}
    .mod_list dt:nth-child(2n){ margin-right:0;}
    .mod_list dt .imgfd{ border-radius: 8px; margin-bottom:0;}
    .prodown_list a{ padding: 20px 15px; margin-bottom:15px; border-radius:10px;}
    .prodown_list a span{ font-size: 14px; line-height: 32px; padding:0 10px; border-radius:5px;}
    .prodown_list a .left{ width: calc(100% - 35px);}
    .prodown_list a p{ font-size: 20px;}
    .rel_pro li .txt .tit h2{ font-size: 18px; margin-bottom:10px;}
    .rel_pro li{margin-bottom: 10px;}
    .pro_msg b, .dettit{ font-size: 22px; line-height: 30px; margin-bottom: 15px;}
    .pro_msg{margin-top: 35px;}
    .pro_msg .formbox.fl{width: 100%; float: none;}
    .pro_msg .formbox{ border-radius: 5px; margin-bottom: 10px;}
    .pro_msg input.choose{ width: calc(100% - 30px);}
    .pro_msg .amore{ width: 100%;}
    .feat_dl dt h4{ font-size: 18px; margin-bottom: 15px;}
    .feat_dl dt{ padding: 20px 15px;}
}
.sol_col li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 60px; background: #f0f5f9; border-radius: 20px; overflow: hidden;}
.sol_col li:nth-child(2n){margin-right:0;}
.sol_col li .imgfd{ padding-top: 55.2%;}
.sol_col li .txt{ padding: 28px 50px 40px 38px;}
.sol_col li .txt .left{ width: calc(100% - 160px); margin-right: auto;}
.sol_col li .txt h2{ font-size: 30px; font-family: ggsb; color: #073b71; line-height:32px; height:32px; overflow:hidden; margin-bottom:15px;}
.sol_col li .txt p{ line-height: 24px; height: 72px; overflow: hidden;}
.sol_col li:hover .txt h2{ color:#89b324;}
.sol_col .btn_box{ text-align: center;}
.loadmore{ display: inline-flex; width: 110px; height: 110px; border-radius: 50%; background: #f0f5f9; text-align:center; font-size:24px; font-family:ggsb; color:#073b71; line-height:24px; transition:.3s ease;}
.loadmore span{ display: block;}
.loadmore p{ width: 100%;}
.loadmore:hover{background:#89b324; color: #fff;}

@media (max-width: 1281px){
    .sol_col li .txt{padding: 25px 35px 25px 30px;}
    .sol_col li .txt h2{ font-size: 26px; line-height: 30px; height: 30px;}
    
}
@media (max-width: 1024px){
    .sol_col li .txt h2{ font-size: 24px; line-height: 28px; height: 28px; margin-bottom:10px;}
    .sol_col li .txt img{ height: 80px;}
    .sol_col li .txt .left{ width: calc(100% - 110px);}
    .sol_col li{ margin-bottom: 35px;}
}
@media (max-width: 450px){
    .sol_col li{ float: none;width:100%;}
    .sol_col li .txt{ padding: 15px 25px 15px 20px;}
    .sol_col li .txt p{ display: none;}
    .sol_col li .txt h2{ height: auto; font-size: 20px; margin-bottom:0;}
    .sol_col li .txt img{ height: 50px;}
    .sol_col li .txt .left{ width: calc(100% - 70px);}
    .sol_col li{margin-bottom: 20px; border-radius: 10px;}
    .loadmore{ width: 80px; height: 80px;}
    .loadmore p{ font-size: 20px; line-height:20px;}
}
.sol_top{ overflow: hidden; position:relative; height:560px;}
.sol_top img{ width: 100%; height: 100%; object-fit: cover;}
.sol_top:after{ width:100%; height: 100%; left: 0; top: 0; background: linear-gradient( to right,#f0f5f9,#f0f5f9,rgba(240,245,246,0.9),rgba(240,245,246,0.2)); content:''; position:absolute;}
.sol_top .showposi{ width: 100%; position: absolute; left: 0; top: 0; z-index:2;}
.sol_top .txt{ width: 100%; position: absolute; left: 0; z-index: 2; top: 50%; transform: translateY(-50%);}
.sol_top .txt .box{ width: 55%; margin-bottom: 50px;}

.case_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 40px; border-radius: 20px; overflow: hidden; background:#f0f5f9;}
.case_list li:nth-child(3n){margin-right:0;}
.case_list li .imgfd{padding-top: 66.67%;}
.case_list li .txt{ padding: 35px 40px 45px 35px;}
.case_list li .txt h2{ font-size: 30px; font-family: ggsb; color: #073b71; margin-bottom: 15px; line-height:32px; height:32px; overflow:hidden;}
.case_list li p{ line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 30px;}
.case_list li .amore{ line-height: 40px; padding: 0 15px;}
.case_list li:hover .txt h2{ color:#89b324;}
.capswiper{ overflow: hidden; margin-bottom:60px;}
.c_btn{ text-align: center;}
.case_pro .swiperbtn{ display: inline-block; position:unset; margin-top:0; margin:0 8px; }

.case_card{ position: relative; border-radius: 20px; overflow: hidden; margin-top:100px;}
.case_card img{ width: 100%;}
.case_card .card_txt{ width: 60%; text-align: center; color: #fff; position: absolute; left: 20%; top: 50%; transform: translateY(-50%);}
.case_card .card_txt b{ font-size: 40px; font-family: ggsb; color: #fff; line-height: 50px; margin-bottom: 25px;}
.case_card .card_txt .amore{margin-top: 35px;}

@media (max-width: 1281px){
    .case_list li .txt{padding: 26px 30px 25px 25px;}
    .case_list li .txt h2{ font-size: 26px; line-height: 30px; height: 60px;}
    .case_list li p{margin-bottom: 20px;}
    .case_card .card_txt{ width: 78%; left: 11%;}
}

@media (max-width: 1024px){
    .sol_top{ height: 480px;}
    .case_list li{ width: 49%;}
    .case_list li:nth-child(3n){ margin-right:2%;}
    .case_list li:nth-child(2n){ margin-right:0;}
    .case_card .card_txt b{ font-size: 36px; line-height: 40px;}
}

@media (max-width: 450px){
    .sol_top .txt .box{ width: 80%; margin-bottom:20px;}
    .sol_top{ height: 380px;}
    .case_list li{ width: 100%; border-radius: 10px; float: none; margin-bottom:25px;}
    .case_list li .txt h2{ font-size: 22px; line-height: 26px; height: auto;}
    .capswiper{ margin-bottom: 25px;}
    .swiperbtn{ width: 36px; height: 36px; line-height: 36px; font-size: 16px;}
    .case_card .card_txt{ width: 88%; left:6%;}
    .case_card .card_txt b{ font-size: 24px; line-height: 30px; margin-bottom:20px;}
    .case_card{margin-top: 35px; border-radius:10px;}
    .case_card img{ height: 300px; object-fit: cover;}
    .case_card .card_txt .amore{margin-top: 25px;}
}
.case_show{ padding: 40px 0 90px;}
.sup_box{ border-radius: 20px; overflow: hidden; background: #f0f5f9;}
.sup_box .imgfdd{ width: 50%;}
.sup_box .txt{ width: 50%; padding: 0 80px;}
.sup_box .txt b{ font-size: 40px; font-family: ggsb; color: #073b71; margin-bottom: 25px;}
.sup_box .txt .box strong{ color: #073b71; font-family: ggsb;}
.sup_box .txt .box{margin-bottom: 35px;}
.sup_box .txt .email a{ color: #106eb8; font-size:24px; font-family:ggsb;}
.sup_box .txt .email i{ color: #106eb8; font-weight:bold; font-size: 22px; margin-right: 10px; display:inline-block; transform:rotate(-15deg);}
.sup_box .txt .email a:hover{ color:#89b324;}
.sup_down{ margin-top: 100px;}
.sup_down dt{ border-radius: 20px; width:49%; margin-right:auto; overflow: hidden; position:relative;}
.sup_down dt:last-child{ margin-right:0;}
.sup_down .imgfd{padding-top: 46.15%;}
.sup_down dt .txt{ position: absolute; left: 0; top: 0; padding: 40px 48px 0; color:#fff; width:100%;}
.sup_down dt h2{ color: #fff; font-size: 40px; font-family: ggsb; margin-bottom: 25px;}
.sup_down dt .amore{margin-top: 65px;}

.tech_supp dt{ background: #fff; border-radius: 20px; width: 24%; margin-right: auto; padding:32px 10px 50px ; text-align:center; transition:.3s ease;}
.tech_supp dt:last-child{ margin-right:0;}
.tech_supp dt .ic{margin-bottom: 20px;}
.tech_supp dt h3{ font-size: 26px; font-family: ggsb; color: #073b71; line-height:30px; height:60px; overflow:hidden;}
.tech_supp dt p{ line-height: 24px; height: 48px; }
.tech_supp dt:hover{background:#89b324; color: #fff;}
.tech_supp dt:hover h3,.tech_supp dt:hover a{ color:#fff;}
.tech_supp dt:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

@media (max-width: 1281px){
    .sup_box .txt b{ font-size: 32px; margin-bottom: 15px;}
    .sup_box .txt{ padding: 0 55px;}
    .sup_box .txt .box{ margin-bottom: 20px;}
    .sup_down{ margin-top: 65px;}
    .sup_down dt .txt{padding: 30px 35px 0;}
    .sup_down dt h2{ font-size: 32px; margin-bottom: 20px;}
    .sup_down dt .amore{margin-top: 40px;}
}

@media (max-width: 1024px){
    .sup_down dt h2{ font-size: 28px; margin-bottom: 15px;}
    .sup_down dt .amore{ margin-top: 30px;}
    .sup_box .txt{padding: 0 40px;}
    .tech_supp dt h3{ font-size: 22px;}
    .tech_supp dt img{ height: 80px;}
}
@media (max-width: 450px){
    .sup_box{ display: block;}
    .sup_box .imgfdd{ width: 100%;}
    .sup_box .txt{ width: 100%; padding: 20px 25px;}
    .sup_box .txt b{ font-size: 24px; line-height: 30px; margin-bottom: 10px;}
    .sup_box .txt .email a{ font-size: 20px;}
    .sup_down{margin-top: 30px;}
    .sup_down dt{ width: 100%; margin-top: 20px; border-radius:10px;}
    .sup_down dt .txt{padding: 20px 25px 0;}
    .sup_down dt h2{ font-size: 24px; margin-bottom: 10px;}
    .sup_down dt .amore{margin-top: 20px;}
    .tech_supp dt{ width: 100%; margin-bottom: 15px; border-radius: 10px;}
    .tech_supp dt a{ display: flex; align-items: flex-start;}
     .tech_supp dt .txt{ width: calc(100% - 100px); margin-left: auto; text-align:left;}
     .tech_supp dt h3{ height: auto; margin-bottom:10px;}
     .tech_supp dt{ padding: 20px 25px;}
     .tech_supp dt .ic{margin-bottom: 0;}
}
.down_ban{ position: relative;}
.down_ban img{ width: 100%;}
.down_ban .showposi{ width: 100%; position: absolute; left: 0; top: 0; z-index:2; color:#fff;}
.down_ban .showposi a,.down_ban .showposi i{ color: #fff;}
.down_ban .showposi a:last-child{ color:#106eb8;}
.down_ban .txt{ width: 100%; position: absolute; left: 0; z-index: 2; top: 50%; transform: translateY(-50%);}
.down_ban .txt .box{ width: 46%; margin-bottom: 50px;}
.down_ban .txt b{ color: #fff; text-transform:uppercase; margin-bottom:25px;}
.down_ban .txt p{ color: #fff; font-size: 20px;}

.down_main{ padding: 60px 0 100px;}
.down_nav{ justify-content: center; margin-bottom:60px;}
.down_nav a{ display: block; margin:0 10px; line-height:43px; border-radius:5px; border:1px solid #073b71; text-align:center; width:200px; font-size:20px; font-family:ggsb; color:#073b71; transition:.3s ease;}
.down_nav a.act,.down_nav a:hover{background:#89b324; border-color: #89b324; color: #fff;}

.down_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 35px; border-radius:20px; background:#f0f5f9; padding:38px 50px 38px 40px;}
.down_list li:nth-child(3n){margin-right:0;}
.down_list li .pic{ width: 38%; margin-right: auto;}
.down_list li .imgfd{padding-top: 141%;}
.down_list li .txt{ width: 55%;}
.down_list li .txt h2{ font-size: 24px; font-family: ggsb; color: #073b71; line-height: 30px; height:90px; overflow:hidden; margin-bottom: 22px;}
.down_list li .txt p{ font-size: 16px;}
.down_list li .txt .amore{ line-height: 45px; margin-top:30px;}
.down_list li:hover .txt h2{ color:#89b324;}
@media (max-width: 1541px){
    .down_list li{padding: 25px 35px 25px 25px;}
    .down_list li .txt h2{ font-size: 22px; margin-bottom: 15px;}
    .down_list li .txt .amore{ margin-top: 30px;}
}
@media (max-width: 1281px){
    .down_list li{ width: 49%;}
    .down_list li:nth-child(3n){ margin-right:2%;}
    .down_list li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 1024px){
    .down_nav{ display: none;}
    .down_ban .txt p{ font-size: 18px;}
    .down_ban .txt .box{ width: 55%;}
}
@media (max-width: 450px){
    .down_ban .txt .box{ display: none;}
    .down_ban .txt b{ margin-bottom: 0;}
    .down_ban img{ height: 160px; object-fit: cover;}
    .down_main{padding: 40px 0 50px;}
    .down_list li{ width: 100%; margin-bottom: 20px; padding:20px 25px 20px 20px; border-radius:10px;}
    .down_list li .txt h2{ font-size: 18px; line-height: 24px; height:72px; margin-bottom: 10px;}
    .down_list li .txt p{ font-size: 14px;}
    .down_list li .txt .amore{ line-height: 38px;}

}
.det_faq .tit{ padding: 22px 65px; background:#f8f8f8; cursor:pointer; transition:.3s ease; border-radius:10px;}
.det_faq .tit p{ font-size: 24px; font-family:ggsb; color:#073b71; max-width: calc(100% - 40px); margin-right: auto;}
.det_faq .tit i{ font-size: 24px; display: block;}
.det_faq .ans{ padding: 40px 65px; font-size:20px; display:none; transition:.3s ease;}
.det_faq dt.on .tit{ background: #89b324; color:#fff;}
.det_faq dt.on .tit p{ color: #fff;}
.det_faq dt.on .tit i{ transform: rotate(180deg);}
.det_faq dt{margin-bottom: 20px;}
.det_faq dt.on .ans{ display: block;}

@media (max-width: 1281px){
    .det_faq .tit{padding: 18px 40px;}
    .det_faq .tit p{ font-size: 22px;}
    .det_faq .ans{ padding: 30px 40px;}
}
@media (max-width: 450px){
    .det_faq .tit{ padding: 15px 25px;}
    .det_faq .tit p{ font-size: 18px;}
    .det_faq .ans{ padding: 20px 25px;}
}
.ab_ban{ position: relative;}
.ab_ban img{ width: 100%;}
.ab_ban .showposi{ width: 100%; position: absolute; left: 0; top: 0; z-index:2; color:#fff;}
.ab_ban .showposi a,.ab_ban .showposi i{ color: #fff;}
.ab_ban .showposi a:last-child{ color:#106eb8;}
.ab_ban .abban_txt{ position:absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff; text-align:center;}
.ab_ban .abban_txt b.dinb54{ color: #fff; text-transform: uppercase; margin-bottom:25px;}
.ab_ban .abban_txt .tit{ width: 50%; margin: 0 auto 70px;}
.ab_ban .abban_txt .tit h2{ color: #fff; font-family: ggsb; font-size: 36px; line-height: 50px;}
.ab_number dt{ margin: 0 auto; text-align:center; color:#fff;}
.ab_number dt .c-flex{ align-items: flex-end; font-size:24px; justify-content:center;}
.ab_number dt b{ color: #89b324; font-family: dinb; font-size: 80px; line-height: 80px;}
.ab_number dt p{ font-size: 22px; margin-top: 22px;}

.ab_company{ background: url(../images/combg_03.jpg) no-repeat left top;}
.ab_company .txt{ width: 55%;}
.ab_company .imgfdd{ width: 40%; border-radius:20px;}

.ab_facility .ny_title p{ width: 75%; margin: 0 auto; margin-top: 30px;}
.fac_box .left{ width: 48%; height:540px; position:relative; border-radius:20px; overflow:hidden;}
.fac_box .right { width: calc(52% - 30px); height:540px;}
.fac_box .right .item{ float:left; border-radius:20px; overflow:hidden; position:relative; width:48.5%; height:calc((100% - 30px) / 2); margin-right:3%;}
.fac_box .right .item:nth-child(2n){margin-right:0;}
.fac_box .right .item:nth-child(n+3){margin-top:30px;}
.fac_box .tit{background: rgba(0,36,73,.6); color:#fff; position:absolute; width:100%; left:0; bottom:0; transition:.3s ease;}
.fac_box img{ width: 100%; height:100%; object-fit:cover;}
.fac_box .left .tit{ font-size: 24px; padding: 15px 30px; line-height: 30px;}
.fac_box .right .item .tit{ line-height: 24px; padding: 10px 20px;}
.fac_box .left:hover .tit,.fac_box .right .item:hover .tit{ background:#073b71;}
.mainh{height: 100px;}

.ab_culture .dinb50{ color: #fff;}

.ab_culture dt{width: 24%; border-radius: 20px; margin-right: auto;background: linear-gradient( to bottom,rgba(0,21,36,.7),rgba(7,59,113,0.7)); text-align:center; padding:65px 30px 80px; border-bottom:3px solid #89b324; color:#fff; transition:.3s ease;}
.ab_culture dt:last-child{margin-right:0;}
.ab_culture dt .txt{margin-top: 20px;}
.ab_culture dt h2{ color: #89b324; font-size: 26px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom:30px; font-family:ggsb;}
.ab_culture dt p{ font-size: 20px; line-height: 30px; height: 120px;}
.ab_culture dt:hover{ transform:translateY(-15px);}

.his_center{ padding: 0 90px; position: relative;}
.hisswiper{ overflow: hidden; padding-top:30px;}
.his_center .swiper-button-prev{ left: 0;}
.his_center .swiper-button-next{ right: 0;}
.hisswiper li{ padding-left: 50px; position:relative; transition:.3s ease;}
.hisswiper li i{ position: absolute; width: 6px; height: 6px; background: #073b71; left: 14px; top: 14px; border-radius: 50%;}
.hisswiper li i:after,.hisswiper li i:before{ position:absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%,-50%); content: '';background: #073b71;}
.hisswiper li i:after{ width:16px; height: 16px;  opacity: .4;}
.hisswiper li i:before{ width:34px; height: 34px; opacity: .2;}
.hisswiper li:after{ position:absolute; content: ''; left: 16px; width: 2px; top: 14px; height: 160px; background:  linear-gradient( to bottom,#073b71,rgba(255,255,255,0.01));}
.hisswiper li b{ font-size: 30px; font-family: dinb; color: #073b71; margin-bottom: 20px;}
.hisswiper li h3{font-family: ggsb;font-size: 26px; color: #106eb8; margin-bottom: 19px;}
.hisswiper li .box strong{color: #073b71; font-family: ggsb;}
.hisswiper li:hover{transform:translateY(-15px);}
.hisswiper li:hover b{color:#89b324;}
.hisswiper li:hover i,.hisswiper li:hover i:after,.hisswiper li:hover i:before{background:#89b324;}
.hisswiper li:hover:after{background:  linear-gradient( to bottom,#89b324,rgba(255,255,255,0.01));}

.tech_box .techitem{height: 385px; width:385px;position:relative; margin-right:20px; margin-bottom:20px; border-radius:10px; overflow:hidden; }
.tech_box .techitem .txt{width: 100%; position: absolute; left: 0; bottom: 0; padding: 0 35px 25px; color:#fff;}
.tech_box .techitem img{width: 100%; height: 100%; object-fit: cover;}
.tech_box .techitem:nth-child(3n){ margin-right:0;}
.tech_box .techitem:first-child,.tech_box .techitem:last-child{ width:calc(100% - 830px);}
.tech_box .techitem h2{ color: #fff; font-size: 28px; font-family: ggsb;}
.tech_box .techitem p{line-height: 24px; max-height: 72px; overflow: hidden; margin-top: 10px; display:none; transition:.3s ease;}
.tech_box .techitem:hover p{ display:block;}
.ab_honor{ padding-bottom: 130px;}
.ab_honor .tab-hd{ justify-content: center;}
.ab_honor .tab-hd li{ line-height: 43px; width: 220px; text-align: center; border: 1px solid #073b71; border-radius: 5px; margin: 0 15px; color:#073b71; font-size:20px; font-family:ggsb; transition:.3s ease;}
.ab_honor .tab-hd li.active{ background: #89b324; border-color: #89b324; color: #fff;}
.ab_honor .tab-bd li{position: relative;}
.honorswiper{ width:1370px; margin:0 auto; overflow: hidden; position: relative; margin-top:60px;z-index:3;}
.honorswiper .swiper-slide{ width: 300px;transform-origin: center; transition:1s ease; text-align:center;}
.honorswiper .swiper-slide .imggd{ padding-top: 141%; margin-bottom:15px;}
.honorswiper .swiper-wrapper{ align-items:center; transform-style: preserve-3d;}
.honorswiper .swiper-slide p{ line-height: 24px;}
@media (max-width: 1281px){
    .ab_ban .abban_txt .tit{ width: 75%; margin-bottom:50px;}
    .ab_ban .abban_txt .tit h2{ font-size: 30px; line-height: 40px;}
    .ab_culture dt p{ font-size: 18px;}
    .ab_culture dt h2{ font-size: 24px; margin-bottom:20px;}
    .hisswiper li h3{ font-size: 24px;}
    .honorswiper{ width: 1100px;}
}
@media (max-width: 1024px){
    .ab_ban .abban_txt .tit h2{ font-size: 26px; line-height: 32px;}
    .ab_number dt b{ font-size: 60px; line-height: 60px;}
    .ab_number dt p{ font-size: 20px; margin-top: 10px;}
    .fac_box .left,.fac_box .right{ height: 480px;}
    .fac_box .left .tit p{ font-size: 22px;}
    .ab_culture dt{padding: 35px 20px 30px;}
    .ab_culture dt p{ height: 180px;}
    .tech_box .techitem:first-child, .tech_box .techitem:last-child,.tech_box .techitem{ width:49%; margin-right:2%;}
    
    .tech_box .techitem:nth-child(2n){ margin-right:0;}
    .honorswiper{ width: 850px;}
    .honorswiper .swiper-slide{ width: 220px;}
    .mainh{ height: 50px;}
}
@media (max-width: 450px){
    .ab_number dt{ width: 45%; margin-bottom: 10px;}
    .ab_number dt b{ font-size: 36px; line-height: 36px;}
    .ab_number dt p{ font-size: 14px; line-height: 20px; height:20px ;}
    .ab_ban img{height: 350px; object-fit: cover;}
    .ab_ban .abban_txt .tit h2{ font-size: 18px; line-height: 26px;}
    .ab_ban .abban_txt .tit{ width: 90%; margin-bottom: 25px;}
    .ab_ban .abban_txt b.dinb54{margin-bottom: 15px;}
    .ab_company{background-size: 300px;}
    .ab_company .txt{ width: 100%; float: none;}
    .ab_company .imgfdd{ width: 100%; float: none; border-radius: 10px; margin-top: 20px;}
    .ab_facility .ny_title p{ width: 90%; margin-top: 20px;}
    .fac_box .left{ width: 100%; float:none; margin-bottom:20px; border-radius:10px;}
    .fac_box .left, .fac_box .right{ height: 360px;}
    .fac_box .right{ width: 100%;}
    .fac_box .left .tit p{ font-size: 16px;}
    .fac_box .right .item{ border-radius: 10px;}
    .fac_box .right .item:nth-child(n+3){margin-top:20px;}
    .fac_box .right .item .tit{ padding: 10px;}
    .fac_box .left .tit{ padding: 10px 15px;}
    .mainh{height: 40px;}
    .ab_culture dt{ width: 100%; margin-bottom: 20px; border-radius: 10px; display: flex; align-items: flex-start; padding:15px 20px;}
    .ab_culture dt .txt{margin-top: 0;}
    .ab_culture dt img{ height: 60px;}
    .ab_culture dt .txt{ width: calc(100% - 80px); margin-left: auto; text-align: left;}
    .ab_culture dt h2{ font-size: 20px; margin-bottom: 10px;}
    .ab_culture dt p{ font-size: 16px; line-height: 24px; height: auto;}
    .his_center{ padding: 0 45px;}
    .hisswiper li{padding-left: 35px;}
    .hisswiper li .box{ display: none;}
    .hisswiper li b{ font-size: 24px; margin-bottom: 15px;}
    .hisswiper li h3{ font-size: 18px;}
    .hisswiper li i:before{ width:28px; height: 28px;}
    .hisswiper li i:after{ width:14px; height: 14px;}
    .hisswiper li:after{height:100px;}
    .tech_box .techitem:first-child, .tech_box .techitem:last-child, .tech_box .techitem{ width:100%; height:200px;}
    .tech_box .techitem .txt{padding: 0 25px 20px;}
    .tech_box .techitem h2{ font-size: 22px;}
    .ab_honor .tab-hd li{ font-size: 16px; margin-bottom:10px;}
    .honorswiper{ width: 390px; margin-top:25px;}
    .honorswiper .swiper-slide{ width: 130px;}
    .honorswiper .swiper-slide p{ display: none;}
    .ab_honor{padding-bottom: 50px;}
}
.item_top .ny_title{margin-bottom: 0; margin-right:auto;}
.last_news .hot{ width: 49%; position: relative; border-radius:20px; height:630px; overflow:hidden;}
.last_news .hot img{ width: 100%; height: 100%; object-fit: cover;}
.last_news .last{ width: 49%;}
.last_news .hot .txt{ position:absolute; width: 100%; left: 0; bottom: 0; padding:0 50px 25px;}
.last_news .hot span.date{ color: #89b324; font-size: 18px; font-family: ggsb;}
.last_news .hot h2{ color: #fff; font-size: 26px; font-family: ggsb; line-height: 36px; margin: 10px 0;}
.last_news .hot:hover h2{ color:#89b324;}
.last_news .hot .more{ color: #106eb8;}
.last_news .last a{ display: block;}
.last_news .last a:nth-child(2){ padding:22px 0; margin: 22px 0; border-top:1px solid #a4b1bb; border-bottom:1px solid #a4b1bb;}
.last_news .last a .pic{ width: 35.5%; float: right; border-radius: 10px; overflow: hidden;}
.last_news .last a .txt{ width: 60%; float: left;}
.last_news .last a .imgfd{ padding-top: 66.67%;}
.last_news .last a:nth-child(2) .pic{ float:left;}
.last_news .last a:nth-child(2) .txt{ float:right;}
.last_news .last h2{ font-size: 24px; font-family: ggsb; color: #073b71; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 10px;}
.last_news .last p{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px;}
.last_news .last span.date{ color: #89b324; font-size: 18px; font-family: ggsb; margin-right:auto;}
.last_news .last .more{ color: #106eb8;}
.last_news .last a:hover h2{ color:#89b324;}

.swiperall{position: relative;}
.swiperall .swiper-button-prev{ left: -70px;}
.swiperall .swiper-button-next{ right: -70px;}
.pnewswiper{ overflow: hidden;}
.pnewswiper li{background: #fff; border-radius: 20px; overflow: hidden;}
.pnewswiper li .imgfd{ padding-top: 66.7%;}
.pnewswiper li .txt{ padding: 32px 35px 35px;}
.pnewswiper li .txt h2{ font-size: 24px; color: #073b71; font-family: ggsb; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 15px;}
.pnewswiper li .txt p{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px;}
.pnewswiper li span.date{ color: #89b324; font-size: 18px; font-family: ggsb; margin-right:auto;}
.pnewswiper li .more{ color: #106eb8;}
.pnewswiper li:hover .txt h2{ color:#89b324;}

.infoswiper{ overflow: hidden; margin-bottom:30px;}
.infoswiper li{ border-radius: 20px; padding: 24px 40px 24px 24px; border: 1px solid #a4b1bb;}
.infoswiper li .pic{ width: 34%; margin-right:auto;}
.infoswiper li .txt{ width: 63%;}
.infoswiper li .pic .imgfd{ padding-top: 80%;}
.infonews .swiperbtn{ display: inline-block; position:unset; margin-top:0; margin:0 8px; }
.infoswiper li .txt h2{ font-size: 24px; font-family: ggsb; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 10px; color:#073b71;}
.infoswiper li span{ display: inline-block; line-height: 40px; background: #106eb8; color: #fff; padding: 0 20px; border-radius: 10px; margin-top:40px;}
.infoswiper li:hover h2{ color:#89b324;}

@media (max-width: 1700px){
    .swiperall .swiper-button-prev{ left: .5%;}
    .swiperall .swiper-button-next{ right: .5%;}
}
@media (max-width: 1024px){
    .last_news .last p{ display: none;}
    .last_news .last h2{ font-size: 20px; }
    .last_news .last span.date{ font-size: 16px;}
    .last_news .hot{height: 420px; border-radius: 10px;}
    .last_news .hot .txt{padding: 0 35px 20px;}
    .last_news .hot h2{ font-size: 22px; line-height: 30px;}
    .infoswiper li span{ margin-top: 25px;}
}
@media (max-width: 450px){
    .last_news .hot{ width: 100%; float: none; height:350px;}
    .last_news .hot .txt{padding: 0 25px 20px;}
    .last_news .hot h2{ font-size: 20px; line-height: 26px;}
    .last_news .last{ width: 100%; margin-top: 20px;}
    .last_news .last .more{ display: none;}
    .pnewswiper li{ border-radius: 10px;}
    .pnewswiper li .txt{padding: 20px 15px;}
    .pnewswiper li .txt p{ display: none;}
    .pnewswiper li .txt .c-flex{ display: none;}
    .pnewswiper li .txt h2{ font-size: 18px; line-height: 26px; margin-bottom: 0; height:52px;}
    .infoswiper li span{ display: none;}
    .infoswiper li{ border-radius: 10px; padding:15px 20px 15px 15px;}
    .infoswiper li .txt h2{ font-size: 20px; line-height: 26px; height: 52px;}
    .infoswiper{margin-bottom: 20px;}
    .item_top{ margin-bottom: 25px;}
}
.main_left{ width: 320px;}
.main_left .news_nav,.main_left .hot_pro,.main_left .rec_news{ background: #fff; border-radius: 20px; padding: 28px 20px;}
.main_left .news_nav{margin-bottom: 40px;}
.main_left b{ font-size: 24px; font-family: ggsb; color: #073b71; text-transform: uppercase; margin-bottom:15px;}
.main_left .news_nav a{ padding: 18px 10px; border-bottom: 1px solid #a4b1bb;}
.main_left .news_nav span{ display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #555; margin-right: 12px;}
.main_left .news_nav i{ margin-left: auto;}
.main_left .news_nav a:hover,.main_left .news_nav a.act{ color:#89b324;}
.main_left .news_nav a:hover span,.main_left .news_nav a.act span{ background:#89b324;}
.main_left .hot_pro .imgfd{ padding-top: 100%; margin-bottom:10px;}
.main_left .hot_pro p{ color: #073b71; line-height: 24px;}
.main_left .hot_pro a{ display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #a4b1bb;}
.main_left .hot_pro a:hover p{ color:#89b324;}

.main_right{ width: calc(100% - 360px);}
.main_right b{ text-transform: uppercase; color: #073b71; margin-bottom:35px;}

.news_list li{ border-bottom: 1px solid #a4b1bb;}
.news_list a{ padding: 20px 60px 20px 20px; border-radius: 20px; transition:.3s ease;}
.news_list a .pic{ width: 27%; margin-right:auto;}
.news_list a .txt{ width:70%;}
.news_list a .pic .imgfd{ padding-top: 66.67%; border-radius: 10px;}
.news_list li h2{ color: #073b71; font-size: 24px; font-family: ggsb; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 15px;}
.news_list li span.date{ color: #89b324; font-family: ggsb; }
.news_list li p{ line-height: 24px; max-height: 48px; overflow: hidden; margin: 5px 0 28px;}
.news_list li .amore{ line-height: 40px; padding: 0 18px;}
.news_list li .amore i{ margin-left: 10px;}
.news_list li:hover{ border:none;}
.news_list li:hover a{ background:#fff;}
@media (max-width: 1281px){
    .news_list li .amore{ display: none;}
    .news_list li p{ margin-bottom: 0;}
}
@media (max-width: 1024px){
    .main_left{ display: none;}
    .main_right{ width: 100%; float:none;}
}
@media (max-width: 450px){
    .main_right b{margin-bottom: 20px;}
    .news_list a .pic .imgfd{ border-radius: 5px;}
    .news_list a{ border-radius: 10px; padding: 10px 15px 10px 10px;}
    .news_list li p{ display: none;}
    .news_list li h2{ font-size: 18px; line-height: 24px; height: 48px; margin-bottom:5px;}
    .news_list li span.date{ font-size: 14px;}
}
.news_show{ padding: 45px 0 100px;}
.news_det h1{ font-family:ggsb ; font-size:45px ; color: #073b71; line-height:50px ;}
.news_det .news_info{ padding: 28px 0 35px; border-bottom: 1px solid #a4b1bb;}
.news_det .news_info .colname{ display: inline-block; line-height: 35px; padding: 0 25px; font-size: 16px; color: #fff; border-radius: 5px; background: #106eb8; }
.news_det .news_info .date{ color: #89b324; font-family: ggsb; margin: 0 50px 0 20px;}
.news_det .news_info .share span{ color: #073b71; font-family: ggsb; margin-right: 5px;}
.det_box{ padding: 35px 0; overflow: hidden;}
.det_box img{ max-width: 100%!important;}

.page_btn a{ width: 45%;}
.page_btn a.prev{ margin-right: auto;}
.page_btn a i{ display: inline-block; width: 43px; height: 43px; line-height: 43px; text-align: center; border: 1px solid #073b71; border-radius: 50%; color: #073b71; font-size: 18px; transition:.3s ease;}
.page_btn a span{ width: calc(100% - 60px); display:block; color:#073b71;}
.page_btn a.prev span{ margin-left: auto; line-height:24px; max-height:48px; overflow:hidden;}
.page_btn a.next span{ margin-right: auto;}
.page_btn a.next{ text-align: right;}
.page_btn a:hover span{ color:#89b324;}
.page_btn a:hover i{ background:#89b324; border-color: #89b324; color: #fff;}

.rec_news a{ padding: 28px 0; border-bottom: 1px solid #a4b1bb; display:block;}
.rec_news a .pic{ width: 45%;}
.rec_news a .txt{ width: 50%;}
.rec_news a .pic .imgfd{padding-top: 66.67%; border-radius: 10px;}
.rec_news a h2{ font-size: 18px; line-height: 24px; max-height: 72px; overflow:hidden ; margin-bottom: 15px; color:#073b71;}
.rec_news a span{ font-family: ggsb; color: #89b324; font-size:16px;}
.news_show .main_left{ width: 400px;}
.news_show .main_right{ width: calc(100% - 460px);}
.rec_news a:hover h2{ color:#89b324;}
@media (max-width: 1024px){
    .news_show .main_right{ width: 100%;}
    .news_det h1{ font-size: 35px; line-height:40px;}
}
@media (max-width: 450px){
    .news_show{ padding: 25px 0 40px;}
    .news_det h1{ font-size: 26px; line-height: 30px;}
    .news_det .news_info{ padding: 20px 0;}
    .news_det .news_info .share{margin-top: 15px;}
    .page_btn { display: block;}
    .page_btn a{ width: 100%;}
    .page_btn a i{ width: 36px; line-height: 36px; height: 36px; font-size:16px;}
    .page_btn a.next{ margin-top: 15px;}
}
.abban_txt .lx_box dt{ width: 32%; background: #fff; border-radius: 20px; margin-right: auto; padding:55px 50px 0; height:240px;}
.abban_txt .lx_box dt:last-child{ margin-right:0; text-align:left;}
.abban_txt .lx_box dt .txt{ width: calc(100% - 115px); margin-left: auto; text-align:left;}
.abban_txt .lx_box dt img{height: 85px; transition:2s ease;}
.abban_txt .lx_box dt .ic{ padding-top: 15px;}
.abban_txt .lx_box dt h2{ color: #073b71; font-size:24px; font-family: ggsb; margin-bottom:20px;}
.abban_txt .lx_box dt p{ font-size: 24px; line-height: 36px; color:#89b324;}
.abban_txt .lx_box dt p a{ color: #89b324;}
.abban_txt .lx_box dt:last-child p{ font-size:18px; line-height: 24px;}
.abban_txt .lx_box dt:hover img{ transform:rotateY(360deg);}

.lx_msg{ padding: 90px 150px;}
.lx_msg .align_center{ padding: 0 150px 40px;}
.lx_msg b.dinb50{ text-transform: uppercase; color: #073b71; margin-bottom: 20px;}
.lx_msg .formbox.fl{ width: 49%; margin-right: 2%;}
.lx_msg .formbox.fl:nth-child(2n){ margin-right:0;}
.lx_msg label{ display: block; margin-bottom: 10px; font-family:ggsb; font-size:16px;}
.lx_msg label i{ color: #106eb8;}
.lx_msg .formbox{margin-bottom: 25px; position:relative;}
.lx_msg .formbox .choose{ border: 1px solid #a4b1bb; border-radius: 5px; padding: 15px 20px; position:relative;}
.lx_msg .formbox .choose input{ width: calc(100% - 40px); margin-right: auto;}
.lx_msg .formbox.fl input,.lx_msg .formbox textarea{ width: 100%; padding: 15px 20px; border: 1px solid #a4b1bb; border-radius: 5px;}

.lx_msg .formbox .option{ background: #fff; position: absolute; left: 0; top:83px; width:100%; z-index:3; box-shadow:0 0 8px rgba(0,0,0,.12); padding:10px 15px; display:none;}
.lx_msg .formbox .option li{ font-size: 18px; color: #073b71; margin: 10px 0; cursor:pointer; }
.lx_msg .formbox .option li:hover{ color:#89b324;}
.lx_msg .sub{ margin: 25px auto 0; width: 360px; line-height: 50px; color: #fff; text-transform: uppercase; font-family: ggsb; text-align:center; border-radius:5px; background:#106eb8; cursor:pointer; display:block; transition:.3s ease;}
.lx_msg .sub:hover{background:#89b324;}
@media (max-width: 1541px){
    .abban_txt .lx_box dt{ padding: 35px 30px 0;}
    
}
@media (max-width: 1281px){
    .abban_txt .lx_box dt img{ height: 70px; width:70px;}
    .abban_txt .lx_box dt .txt{ width: calc(100% - 100px);}
    .abban_txt .lx_box dt p{ font-size: 22px;}
}
@media (max-width: 1024px){
    .abban_txt .lx_box dt{ width: 100%; height: auto; padding: 30px 35px 30px 30px; width: 100%; margin-bottom: 25px; box-shadow:0 0 15px rgba(7,59,113,.25);}
    .lx_ban .abban_txt{ position: unset; transform:translateY(0); margin-top:-300px;}
    .lx_msg .align_center{padding: 0 40px 30px;}
    .lx_msg{ padding: 50px 80px;}
}
@media (max-width: 450px){
    .abban_txt .lx_box dt{ border-radius: 10px;}
    .abban_txt .lx_box dt{padding: 20px 25px; margin-bottom:20px;}
    .abban_txt .lx_box dt h2{ font-size: 22px; margin-bottom: 0;}
    .abban_txt .lx_box dt p{ font-size: 18px;}
    .abban_txt .lx_box dt:last-child p{ font-size:16px;}
    .abban_txt .lx_box dt .ic{ padding-top: 0;}
    .abban_txt .lx_box dt img{ width: 50px; height: 50px;}
    .abban_txt .lx_box dt .txt{ width: calc(100% - 70px);}
    .lx_msg{padding: 25px 2% 35px;}
    .lx_msg .align_center{ padding: 0 0 25px;}
    .lx_msg b.dinb50{ margin-bottom: 10px;}
    .lx_msg .formbox.fl{ width: 100%; float: none;}
}