@charset "utf-8";
/* CSS Document */
.com_search{ position: fixed; width: 100%; height: 100%; z-index: 9; left: 0; top: 0; display:none;}
.com_search .bg{ width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.com_search form{ width: 44%; top: 35%; left: 28%; line-height:60px; border-radius:5px; overflow:hidden; position:absolute; height:60px; }
.com_search form input{ background: #fff; line-height: 60px; width:calc(100% - 110px); padding-left:20px; font-size:18px;}
.com_search form button{background: #8bc11f; line-height: 60px; width:100px; cursor:pointer; color:#fff; transition:.2s ease;}
.com_search form button i{ font-size: 26px;}
.com_search form button:hover{background:#2ba5e0;}
.com_search .icon-guanbi1{ position: absolute; right: 25%; top: 32%; font-size: 30px; color: #fff; cursor:pointer;}
.com_search .icon-guanbi1:hover { color:#2ba5e0;}

.toph{height: 90px;}
.sy-ban{ width: 100%; overflow: hidden; position: relative;}
.sy-ban .swiper-slide{ position: relative; height: 920px; width: 100%; overflow: hidden;}
.sy-ban .swiper-slide .img-m{ height: 100%; width: 100%; object-fit: cover;}
.sy-ban .b-trext{position: absolute; width: 100%; top: 35%; }
.sy-ban .b-trext b{ font-size: 50px; font-family: helvb; color: #fff; width: 50%; line-height: 60px;}
.sy-ban .b-trext p{ font-size: 24px; margin: 20px 0 80px; width: 50%; line-height: 36px; color: #fff;}
.sy-ban .svg-swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; text-align:center; bottom: 50px;}
.svg-swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 38px;height: 38px;outline: none;}
.svg-swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 38px;height: 38px;border-radius: 50%;transition: opacity .3s;background: url(../images/ic12.png) no-repeat center;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background: url(../images/ic13.png) no-repeat center;background-size: cover;width: 38px;height: 38px;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2{-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg{width: 38px;height: 38px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block;}
.svg-swiper-pagination .swiper-pagination-bullet .svg{opacity: 1;}
.svg-swiper-pagination .circle1{/*stroke: #999;*/}
.svg-swiper-pagination .circle2{stroke: #fff;stroke-dasharray: 0 339;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}

.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; text-align: center;border-radius: 50%; font-size: 20px;border: 1px solid #666666;top: 50%; color: #0057ac; transition: .3s ease;}
.swiperbtn:hover{background: #0057ac; color: #fff; border-color: #0057ac;}
.sy_item_tit{ margin-bottom: 30px; color: #333;}
.sy_item_tit p{ font-size: 18px; text-transform: uppercase; color: #0057ac; margin-bottom: 15px;}
.sy_item_tit h3{ font-size: 45px; font-family: montb; line-height: 60px;}
.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;border: 1px solid #8bc11f;line-height: 54px; border-radius: 5px; padding: 0 25px; color: #8bc11f; 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;}
.amore.on{background:#8bc11f; color: #fff;}
.amore:hover{ background: #2ba5e0; color: #fff; border-color:#2ba5e0; }
.amore.wb:hover{ border-color: #2ba5e0;}
.amore.on:hover{background: #2ba5e0; border-color:#2ba5e0;}
.sy_product .title{ width: 65%; text-align: center; margin: 0 auto 55px;}
.hb45{ font-family: helvb; font-size: 45px; margin-bottom: 30px;}
.hb36{ font-size: 36px; margin-bottom: 20px; font-family: helvb;}
.sy_product .title p{margin-bottom: 40px;}
.procol_list li{ width: 19.5%; margin: 0 auto 10px; position: relative;}
.procol_list li h2{ transition: .3s ease; font-size:32px;}
.procol_list li .imgfd{padding-top: 121.3%;}
.procol_list li .txt{ position: absolute; width: 100%; top: 0; left: 0; padding: 50px 40px 0; text-align: center; z-index: 3;}
.procol_list li .line{ display: inline-block; width: 50px; height: 2px; background: #8bc11f; margin: 22px 0;}
.procol_list li .txt p{ height: 60px; overflow: hidden; margin-bottom: 35px; opacity:0; color: #fff; transition: .3s ease;}
.smore{display: inline-block; width: 45px; line-height: 45px; height: 45px; background: #8bc11f; text-align: center; color: #fff;}
.procol_list li .smore{ opacity: 0;}
.procol_list li:after{ height: 0; bottom: 0; left: 0; width: 100%; position: absolute; content: ''; transition: .3s ease;background: linear-gradient( to top,rgba(43,165,224,0.01),rgba(43,165,224,0.9));}
.procol_list li:hover:after{ height: 100%;}
.procol_list li:hover h2{ color: #fff;}
.procol_list li:hover p,.procol_list li:hover .smore{ opacity: 1;}
.dtop{padding-top: 80px;}

.sy_design .hb45{ text-align: center;}
.sy_design .design_bg{background: #fff url("../images/debg_03.jpg") no-repeat right bottom;position: relative;}
.design_bg .tab-bd .pic{ width: 60%;}
.design_bg .tab-bd .pic .imgfd{padding-top: 56.25%;}
.design_bg .tab-bd .txt{ width: 40%; padding: 90px 100px 0;}
.design_bg .tab-bd .txt .box{ padding-left: 25px; position: relative;}
.design_bg .tab-bd .txt .box:after{ height: 100px; width: 3px; background: #2ba5e0; position: absolute; left: 0; top: 0; content: '';}
.design_bg .tab-bd .txt .box .des{max-height: 180px; overflow: hidden; margin-bottom: 35px;}
.design_bg .tab-bd .txt .amore{ line-height: 44px; margin-bottom: 25px;}
.design_bg .tab-hd{ position: absolute; left: 0; width: 60%; padding: 0 100px 50px; bottom: 0;}
.design_bg .tab-hd li{ width: 28%; margin-right: auto; text-align: center; color: #fff; padding-bottom: 15px; border-bottom: 2px solid #fff;}
.design_bg .tab-hd li:nth-child(3){ margin-right: 0;}
.design_bg .tab-hd li a{ display: block; color: #fff; line-height: 24px; }
.design_bg .tab-hd li.active{border-color: #2ba5e0;}
.design_bg .tab-hd li.active a{ color: #2ba5e0;}

.sy_solution{background: #31354c;}
.sy_solution .imgfd{ padding-top: 41.66%;}
.sy_solution .pic{ width: 50%; float: right;}
.sy_solution .txt{ width: 45%; float: left; padding-top: 80px; color: #fff;}
.sy_solution li:nth-child(2) .pic{ float: left;}
.sy_solution li:nth-child(2) .txt{ float: right;}
.sy_solution .txt h2{ color: #fff;margin-bottom: 20px;}
.sy_solution .txt p{height: 60px; margin-bottom: 30px;}

.sy_news .title{text-align: center; margin-bottom: 40px;}
.sy_news .title .hb45{ margin-bottom: 20px;}
.newsswiper{overflow: hidden; padding-bottom: 70px; position: relative;}
.newsswiper .title{text-align: center; margin-bottom: 45px;}
.newsswiper .swiper-pagination{ position: unset; width: 90%; margin-right: auto; z-index: 2;}
.newsswiper .swiper-pagination .swiper-pagination-progressbar-fill{ background: #2ba5e0;}
.newsswiper .swipercontrol{ padding: 0 100px; position: absolute; width: 100%; left: 0; bottom: 0;}
.newsswiper .swiperbtn{ position: unset; margin-top: 0; border: none; color: #8bc11f;}
.newsswiper .swiperbtn.swiper-button-prev{ transform: rotate(180deg);}
.newsswiper .swiperbtn:hover{background: none; color: #2ba5e0;}
.newsswiper li{background: #f3f6fc;}
.newsswiper li .imgfd{padding-top: 66.66%;}
.newsswiper li .txt{ padding: 25px 25px 60px; position: relative;}
.newsswiper li .txt .smore{ position: absolute; right: 0; bottom: 0;}
.newsswiper li .txt h2{ font-size: 20px; line-height:30px; height: 60px; overflow: hidden; margin-bottom: 10px;}
.newsswiper li .txt p{line-height: 24px; height: 72px; overflow: hidden;}

.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: #0b1328;}
.foot_center{ padding: 65px 0; position:relative;}
.f_top .left{ width: 30%;}
.f_top .left .flogo img{ height: 60px;}
.f_top .left p{color: #fff; margin-top: 30px; font-size: 16px;}
.f_top .f_nav{ width: 70%;}
.f_top .f_nav li{ margin-left: auto; color: #fff;}
.f_top .f_nav b{ font-size: 18px; color: #fff; margin-bottom: 25px;}
.f_top .f_nav a{display: block; color: #fff; font-size: 14px; line-height: 30px;}
.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;}
.foot_center .follow_list{ position: absolute; right: 0; bottom: 65px;}
.foot_center .follow_list a{margin: 0 10px;}
.copy{ padding: 25px 0; text-align: center; color: #fff; font-size: 16px; border-top: 1px solid #373951;}


@media (max-width: 1700px){

	.swiper-button-prev{ left: .5%; margin-left: 0;}
	.swiper-button-next{ right: .5%; margin-right: 0;}
}


@media (max-width: 1600px){
	.design_bg .tab-bd .txt{padding: 70px 80px 0;}
}

@media (max-width: 1441px){
.sy_product .title{ width: 75%;}
.hb45{font-size: 40px;}
.procol_list li .txt{padding: 40px 30px 0;}
.hb36{font-size: 32px;}
.design_bg .tab-hd{ padding: 0 40px 40px;}
.sy_solution .txt{ padding-top: 50px;}
.sy-ban .svg-swiper-pagination{ left: 0;}
}

@media (max-width: 1281px){
.sy-ban .b-trext b{ font-size:42px; line-height:50px;}
.sy-ban .b-trext p{font-size: 22px; line-height: 32px;margin-bottom:50px;}
.procol_list li .line{margin: 15px 0;}
.design_bg .tab-bd .txt{padding: 40px 50px 0;}
.amore{font-size: 18px; }
.amore i{font-size: 16px;}
.design_bg .tab-bd .txt .amore{margin-bottom: 18px;}
.design_bg .tab-bd .txt .box p{margin-bottom: 25px;}
.sy_solution .txt{padding-top: 30px;}
.amore{line-height: 48px; padding:0 20px;}
.sy-ban .swiper-slide{ height: 700px;}
.index_head .logo img{max-height: 52px;}
.f_top .left .flogo img{ height: 52px;}
.foot_center{padding: 45px 0;}
.top_contact a{margin: 0 5px;}
.foot_center .follow_list{  bottom: 45px;}
.foot_center .follow_list a{margin: 0 5px;}
}

@media (max-width: 1024px){
.sy-ban .b-trext p{margin-bottom: 40px;}
.sy-ban .b-trext b,.sy-ban .b-trext p{ width: 60%;}
.procol_list li .txt{padding: 25px 20px 0;}
.hb36{font-size: 26px; }
.procol_list li .line{margin-top: 0;}
.procol_list li .txt p{margin-bottom: 25px;}
.design_bg .tab-bd .pic{ width: 100%; float: none;}
.design_bg .tab-bd .txt{ width: 100%; float: none; padding: 30px 20px;}
.design_bg .tab-hd{ width: 100%; bottom: auto; top: 30px;}
.design_bg .tab-bd .txt .amore{margin-right: 20px;}
.design_bg .tab-bd .txt .box p{ height: auto;}
.sy_solution .pic{ width: 100%; float: none!important;}
.sy_solution .txt{ width: 100%; float: none!important; padding:25px 20px;}
.sy_solution .txt p{height: auto;}
.newsswiper li .txt{ padding: 18px 18px 40px;}
.newsswiper li .txt h2{ font-size: 18px; line-height: 24px; height: 48px;}
.smore{ width: 38px; height: 38px; line-height: 38px;}
.hb45{font-size: 34px;}
.foot_msg p{font-size: 20px;}
.foot_center{ display: none;}
.sy-ban{margin-top: 54px;}
	
}
@media (max-width: 768px){
.sy-ban .swiper-slide{ height: 400px;}
.sy-ban .b-trext b{font-size: 26px; line-height: 34px;}
.sy-ban .b-trext p{font-size: 18px; line-height: 26px;}
.sy-ban .b-trext .amore{ display: none;}
.sy_product .title{ width: 85%; margin-bottom:30px;}
.sy_product .title p{margin-bottom: 25px;}
.dtop{padding-top: 40px;}
.procol_list li{ width: 49%; margin-right: 2%; margin-bottom: 20px; margin-left:0;}
.procol_list li:nth-child(2n){margin-right:0;}
.newsswiper .swipercontrol{padding: 0 50px;}
.newsswiper .swiper-pagination{ width:calc(100% - 90px);}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .swiper-slide{height: 260px;}
.sy-ban .b-trext p{ display: none;}
.sy-ban .b-trext b{width: 80%; font-size:22px; line-height:30px;}
.hb45{font-size: 26px; margin-bottom:18px;}
.amore{line-height: 38px;}
.hb36{font-size: 22px;}
.procol_list li .txt p{ display: none;}
.procol_list li .line{display: none;}
.procol_list li .smore{ opacity: 1;}
.procol_list li h2{height: 52px; font-size:22px;}
.design_bg .tab-hd{ display: none;}
.sy_design .design_bg ul li{display: block;}
.design_bg .tab-bd .txt .amore{display: none;}
.newsswiper li .txt p{display: none;}
.newsswiper li .txt{padding: 10px 10px 40px;}
.foot_msg{padding: 40px 0;}
.copy{font-size: 13px;}
.sy_news .title{margin-bottom: 30px;}
.sy_news .title .hb45{margin-bottom: 10px;}
.sy_product .title p{ display: none;}
}

.ny_ban {position: relative; width:100%; overflow:hidden;}
.ny_ban .banimg{ width: 100%;}
.ny_ban .bantxt{ position: absolute; width: 100%; left: 0; top: 50%;}
.hb50{ font-size: 50px; font-family: helvb;}
.ny_ban .bantxt b{ color: #fff; padding-bottom: 20px; position: relative;}
.ny_ban .bantxt b:after{ position:absolute; width: 50px; height: 2px; background: #8bc11f; content: ''; bottom: 0; left: 0;}
.posi{ padding: 20px 0; font-size:14px; color:#333;}
.posi i{ font-size: 14px;}
.pro_nav{padding-top: 40px; top:90px; z-index:8;}
.pro_nav dt{ width: 24%; text-align: center; margin: 0 0.5%; padding-bottom:25px; position:relative;cursor:pointer;}
.pro_nav dt .icon{margin-bottom: 18px;}
.pro_nav dt img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.pro_nav dt p{ font-size: 24px; color:#333;}
.pro_nav dt:after{position:absolute; left: 0; bottom: 0; height: 3px; width: 0; content: ''; background: #2ba5e0; transition: .2s ease;}
.pro_nav dt:hover:after,.pro_nav dt.cur:after{width:100%;}
.pro_nav dt:hover p,.pro_nav dt.cur p{ color:#2ba5e0;}
.pro_nav dt:hover img,.pro_nav dt.cur img{ filter:unset;}

.hb40{ font-family: helvb; font-size: 40px; margin-bottom:40px;}
.pro_item .hb40{text-align: center; padding-bottom: 25px; position:relative;}
.pro_item .hb40:after{position:absolute; left: 50%; height: 2px; width:50px; background: #8bc11f; content: '';bottom: 0; margin-left: -25px;}
.pro_list ul li{ float:left; width: 32%; margin-right: 2%; margin-bottom: 50px; position: relative; background: #f3f6fc; padding: 15px;}
.pro_list ul li:nth-child(3n){ margin-right:0;}
.pro_list ul li .imgfd{padding-top: 66%;}
.pro_list ul li .txt{padding: 25px 13px 50px;}
.pro_list ul li .txt h2{ font-size: 24px; color: #2ba5e0; line-height:30px; overflow:hidden; margin-bottom:12px; height:30px;}
.pro_list ul li p{ font-size: 16px; color: #333; height: 90px; overflow: hidden;}
.pro_list ul li .smore{ position: absolute; right: 0; bottom: 0;}
.pro_list ul li:hover h2{ text-decoration:underline;}
.smon:hover .smore{ background:#2ba5e0;}
@media (max-width: 1281px){
    .pro_nav dt p{font-size: 22px;}
    .hb40{font-size: 36px;}
    
}
@media (max-width: 1024px){
    .pro_nav{top: 54px;}
    .hb50{font-size: 36px;}
    .hb40{font-size: 32px;}
    .pro_list ul li .txt h2{font-size: 20px;}
    .toph{height: 54px;}
}
@media (max-width: 768px){
    .pro_nav dt p{font-size: 18px;}
    .pro_nav dt img{height: 40px;}
    .pro_nav dt{padding-bottom: 15px;}
    .pro_nav{padding-top: 30px;}
    .pro_list ul li{padding: 10px;}
    .pro_list ul li .txt{padding: 20px 5px 40px;}
    .pro_list ul li p{height: 96px;}
}
@media (max-width: 450px){
    .pro_nav dt p{ display: none;}
    .pro_nav dt .icon{margin-bottom: 0;}
    .posi{padding: 15px 0;}
    .ny_ban .banimg{height: 140px; object-fit: cover;}
    .hb50{ font-size: 30px; }
    .ny_ban .bantxt b{padding-bottom:15px;}
    .ny_ban .bantxt{ top: 40%;}
    .hb40{ font-size: 28px; margin-bottom:25px;}
    .pro_list ul li{ width: 49%; margin-right: 2%; margin-bottom:25px;}
    .pro_list ul li:nth-child(3n){ margin-right:2%;}
    .pro_list ul li:nth-child(2n){margin-right:0;}
    .pro_list ul li p{ display: none;}
    .pro_list ul li .txt h2{ font-size: 18px; margin-bottom:0;}
    .pro_nav{padding-top: 20px;}
}
.proshow_top{ border: 2px solid #f3f6fc;}
.proshow_top .pic{ width: 50%; padding:40px; background:#fff;}
.proshow_top .pic .bigswiper{ overflow: hidden; position:relative;}
.proshow_top .txt{ width:50%; padding:55px 60px 0;}
.proshow_top .pic .imgfd{ padding-top: 66%;}
.proshow_top .txt h1{ font-size: 36px; font-family: helvb; padding-bottom: 15px; position: relative;}
.proshow_top .txt h1:after{ position:absolute; left: 0; bottom: 0; height: 2px; width: 50px; background: #8bc11f; content:'';}
.proshow_top .txt .des{ margin: 35px 0 70px;}
.pro_det{ margin-top: 55px;}
.pro_det .tit{ padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; position:relative; font-size:24px; font-family:helvb;}
.pro_det .tit:after{ position:absolute; left: 0; bottom: 0; height: 2px; width: 128px; background: #2ba5e0; content:'';}
.show_content{ width: 100%; overflow: hidden; padding: 50px 0; color:#333;}
.show_content img{ max-width: 100%!important;}

@media (max-width: 1281px){
    .proshow_top .txt{padding: 40px 45px 0;}
    .proshow_top .txt .des{margin-bottom: 40px;}
}
@media (max-width: 1024px){
    .proshow_top .txt{padding: 30px 30px 0;}
    .proshow_top .txt h1{font-size: 30px;}
    .proshow_top .txt .des{margin: 20px 0;}
}
@media (max-width: 768px){
    .proshow_top .pic{ width: 100%; float: none; padding: 30px;}
    .proshow_top .txt{ width: 100%; float: none; padding: 25px 20px;}
    
}
@media (max-width: 450px){
    .proshow_top .txt h1{ font-size: 26px;}
    .show_content{padding: 35px 0;}
}
.ny_title{margin-bottom: 30px;}
.ny_title .line{ width: 50px; height: 2px; background: #8bc11f;display:inline-block;}
.ny_title b,.ny_title h2{ margin-bottom: 16px;}
.rel_pro .ny_title{text-align: center;}
.des_item{margin-bottom: 120px; }
.des_item .pic{width: 60%; float: left;}
.des_item .txt{ width: 40%; float: right; padding: 40px 75px 0;}
.des_item:nth-child(2n) .pic{ float:right;}
.des_item:nth-child(2n) .txt{ float:left;}
.des_item .pic .imgfd{padding-top: 66.67%;}
.des_item .txt .des{  margin-bottom: 20px;}
@media (max-width: 1281px){
    .des_item .txt{ padding: 60px 50px 0;}
}
@media (max-width: 1024px){
    .des_item .txt{ padding: 40px 30px 0;}
    .des_item .txt p{ height: 120px;}
    .des_item{margin-bottom: 50px;}
}
@media (max-width: 768px){
    .des_item .pic{ width: 100%; float: none;}
    .des_item .txt{ width: 100%; float: none; padding: 25px 20px;}
    .des_item .txt p{height: auto; margin-bottom: 25px;}
}
@media (max-width: 450px){
    .ny_title b, .ny_title h2{margin-bottom: 10px;}
    .ny_title{margin-bottom: 20px;}
    .des_item{margin-bottom: 30px;}
}
.deslist ul li{ float: left; width: 32%; margin-right:2%; margin-bottom: 40px; background:#f3f6fc; position:relative;}
.deslist ul li:nth-child(3n){margin-right:0;}
.deslist ul li .imgfd{padding-top: 66.6%;}
.deslist ul li .txt{padding: 25px 30px 90px;}
.deslist ul li .smore{ position: absolute; right: 0; bottom: 0;}
.deslist ul li h2{ font-size: 24px; color: #2ba5e0; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 15px;}
.deslist ul li p{height: 90px; overflow: hidden;}
.design_det .ny_title{margin-bottom: 0;}
.design_det .show_content h4{ font-size: 36px; padding-bottom: 20px; font-family: helvb; margin-bottom: 30px; position:relative;}
.design_det .show_content h4:after{ position:absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: #8bc11f; content: '';}
@media (max-width: 768px){
    .deslist ul li .txt{ padding: 20px 20px 50px;}
    .deslist ul li h2{font-size: 20px;}
}
@media (max-width: 450px){
    .deslist ul li{ width: 49%; margin-right: 2%;}
    .deslist ul li:nth-child(3){ margin-right:2%;}
    .deslist ul li:nth-child(2){ margin-right:0; margin-bottom:20px;}
    .deslist ul li p{ display: none;}
    .deslist ul li .txt{padding: 10px 10px 40px;}
    .deslist ul li h2{ font-size: 18px; line-height: 28px; height: 56px;}
}
.ny_solution{ background: #f3f6fc; color: #666;}
.ny_solution .txt h2{ color: #333;}
.ny_solution p{ color: #666;}

.sol_det .ny_title{text-align: center; margin-bottom:0 ;}
.ab_com .txt{width: 60%;}
.ab_com .imgfdd{ width: 35%;}

.ab_box{ padding: 40px 55px 55px; background: #31354c; color: #fff; margin-top:80px;}
.ab_box .top dt{ width: 48%; margin-right: auto;}
.ab_box .top dt:nth-child(2){margin-right:0;}
.ab_box .top dt .icon{ margin-right: 20px;}
.ab_box .top dt b{ color: #2ba5e0; width:calc(100% - 72px); }
.ab_box .top dt .tit{margin-bottom: 20px;}
.hb24{ font-size: 24px; font-family: helvb;}
.ab_box .top{margin-bottom: 40px;}
.ab_box .pics dt{ width: 24%; text-align: center; margin-right: auto;}
.ab_box .pics dt:nth-child(4){ margin-right:0;}
.ab_box .pics dt p{ font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; color: #2ba5e0; margin-bottom:10px;}
.ab_box .pics dt .pic{ width: 200px; border-radius: 50%; border: 10px solid #fff; overflow:hidden; display:inline-block;}
.ab_box .pics dt .imgfd{padding-top: 100%;}
.ab_adan{background: #f3f6fc;}
.ab_adan .imgfdd{ width: 50%;}
.ab_adan .txt{ width: 46%; padding-top:50px;}
.ab_adan .txt .icon{ width: 80px; height: 80px; background: #2ba5e0; position:relative; margin-right:25px; transition:.2s ease;}
.ab_adan .txt .icon img{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) ;}
.ab_adan .txt .multxt{max-width: calc(100% - 105px);}
.ab_adan .txt h2{ font-size: 20px; line-height: 30px; font-family: helvb; margin-bottom:8px;}
.ab_adan .txt li{margin-bottom: 10px;}
.ab_adan .txt .multxt p{ font-size: 16px; line-height: 24px; height: 72px;}
.ab_adan .txt .ny_title b,.ab_police .ny_title b{margin-bottom: 5px;}
.ab_adan .txt .ny_title,.ab_police .ny_title{margin-bottom: 25px;}
.ab_adan .txt li:hover .icon{ background:#8bc11f;}

.ab_police .imgfdd{ width: 50%;}
.ab_police .txt{ width: 47%;}
.ab_police .txt dl{ margin-top: 40px;}
.ab_police .txt dt{ width: 48%; float: left; margin-right: 4%; margin-top:20px; padding:25px 0; position:relative;}
.ab_police .txt dt .icon{ transition: 2s ease;}
.ab_police .txt dt:nth-child(2n){ margin-right:0;}
.ab_police .txt dt p{ color: #333; line-height: 24px; max-width: calc(100% - 80px); margin-left: 25px;}
.ab_police .txt dt:before,.ab_police .txt dt:after{ position:absolute; left: 0; bottom: 0; height: 2px; width: 100%; transition: .2s ease; content:''; background:#2ba5e0;}
.ab_police .txt dt:after{ width:0; background:#8bc11f;}
.ab_police .txt dt:hover:after{ width:100%;}
.ab_police .txt dt:hover .icon{ transform:rotateY(360deg);}

.ab_part .ny_title{ text-align: center;}
.par_list ul li{ float: left; width: 16%; margin-right: 0.8%; margin-bottom: 15px; border-radius: 20px; overflow: hidden; background: #fff;}
.par_list ul li:nth-child(6n){ margin-right:0;}
.par_list ul li .imgfd{padding-top: 56.8%;}

@media (max-width: 1441px){
    .ab_police .txt dl{ margin-top: 20px;}
}
@media (max-width: 1281px){
    .ab_adan .txt .multxt p{ height: 96px;}
}
@media (max-width: 1024px){
    .ab_com .txt{ width: 100%; float: none; margin-bottom: 30px;}
    .ab_com .imgfdd{ width: 100%; float: none;}
    .ab_box .pics dt .pic{ width: 160px;}
    .ab_adan .imgfdd,.ab_police .imgfdd{ width: 100%; float: none;}
    .ab_adan .txt,.ab_police .txt{ width: 100%; float: none; padding: 30px;}
    .par_list ul li{border-radius: 10px;}
    
}
@media (max-width: 768px){
    .ab_box{ padding: 30px 35px 35px ;}
    .ab_box .top dl{ display: block;}
    .ab_box .top dt{ width: 100%; margin-bottom: 20px;}
    .ab_box .pics dt .pic{ width: 120px; border-width: 5px;}
    .ab_adan .txt .multxt p{height: auto;}
}
@media (max-width: 450px){
    .ab_box{margin-top: 35px;}
    .ab_box .top dt .icon img{height: 38px;}
    .hb24{ font-size: 20px;}
    .ab_box .pics dt{ width: 48%; margin-bottom:15px;}
    .ab_box .pics dt:nth-child(2n){margin-right:0;}
    .ab_box .pics dt p{font-size: 16px; line-height:24px; height:48px;}
    .ab_adan .txt, .ab_police .txt{padding: 20px;}
    .ab_adan .txt li{ align-items: flex-start;}
    .ab_adan .txt .icon{ width: 48px; height: 48px; margin-right:18px;}
    .ab_adan .txt .icon img{height: 30px;}
    .ab_adan .txt .multxt{ width: calc(100% - 68px);}
    .ab_adan .txt h2{ font-size: 18px;}
    .ab_police .txt dt{ width: 100%; float: none; padding: 15px 0; margin-top: 10px;}
    .ab_police .txt dt .icon img{height: 40px;}
    .par_list ul li{ width: 24%; margin-right: 1.33%;}
    .par_list ul li:nth-child(6n){margin-right:1.33%;}
    .par_list ul li:nth-child(4n){margin-right:0;}
}
.lx_branch dt{width: 24%; background: #f3f6fc; padding: 30px; margin-right: auto; font-size:16px; line-height:24px; color:#333;}
.lx_branch dt:nth-child(4){ margin-right:0;}
.lx_top .ny_title{text-align: center;}
.lx_branch{margin-top: 45px;}
.lx_branch dt .top{text-align: center;}
.lx_branch dt .top .iconfont{ color: #2ba5e0; font-size:45px; display:inline-block; line-height:50px;}
.lx_branch dt .top h4{ font-size: 20px; font-family: helvb; margin: 15px 0 25px;}
.lx_branch dt p{ line-height: 24px;}
.lx_branch dt a{ color: #333;}
.lx_branch dt a:hover{ color:#8bc11f;}
.lx_branch dt .box{ height: 144px; margin-bottom: 15px;}
.lx_branch dt .cont{ height: 96px;}
.lx_email{ padding: 50px 0; border-bottom: 2px solid #dddddd;}
.lx_email li{ width: 50%;}
.lx_email li .iconfont{ font-size: 35px; line-height: 75px; height: 75px; width: 75px; border-radius: 50%; color: #fff; background: #2ba5e0; text-align: center;display:inline-block; margin-right:20px;}
.lx_email li .txt{ width: calc(100% - 100px);}
.lx_email li .txt p{ font-size: 20px; color: #333; margin-bottom:15px;}
.lx_email li .txt a{ font-size: 30px; color: #2ba5e0;}
.lx_email li .txt a:hover{ color:#8bc11f;}

.lx_talk{ text-align: center;}
.lx_talk .follow_list a{ float: none; display: inline-block; margin: 0 35px; width:55px; height:55px; border-radius:50%; }
.lx_talk .follow_list a.icon:first-child{ margin-left:auto;}
.lx_talk .follow_list .qr:last-child{ margin-right:auto;}
.lx_talk .follow_list a svg{ height: 35px; width: 35px; padding: 10px;}
.lx_talk .follow_list .qr{position: relative; display:inline-block;}
.lx_talk .follow_list a.icon-weixin,.lx_talk .follow_list a.icon-whatsapp1{ background: #07C160; font-size:30px!important; line-height:55px;}
.lx_talk .follow_list a.icon-whatsapp1{ background:#24a81c;}
.lx_talk .follow_list .qr .qrbox{ position: absolute; top: 55px; left: -20px; background: #fff; padding:8px; box-shadow:0 0 8px rgba(0,0,0,.15); display:none;}
.lx_talk .follow_list .qr .qrbox img{ width: 120px;}
.lx_talk .follow_list .qr:hover .qrbox{ display:block;}
.get_touch input,.get_touch textarea{ line-height:55px; background:#f3f6fc; border-radius:10px; margin-bottom:25px; width:100%; font-size:14px; padding-left:15px;}
.get_touch input{ width:49%; margin-right:2%;}
.get_touch input:nth-child(2n){ margin-right:0;}
.get_touch .sub{display: block; margin: 15px auto 0; background:#8bc11f; width:200px; border-radius:10px; text-align:center; color:#fff; font-size:20px; line-height:55px; transition:.2s ease; cursor:pointer;}
.get_touch .sub i{ margin-left: 25px;}
.get_touch .sub:hover{background:#2ba5e0;}
@media (max-width: 1024px){
    .lx_branch dt{padding: 20px; width:49%; margin-bottom:20px;}
     .lx_branch dt:nth-child(2n){margin-right:0;}
}
@media (max-width: 768px){
    .lx_email li{ width: 100%; margin-bottom: 30px;}
}
@media (max-width: 450px){
    .lx_branch dt{ width: 100%;}
    .lx_branch dt .box{height: auto; margin-bottom: 20px;}
    .lx_email{padding: 25px 0;}
    .lx_email li .iconfont{ width: 50px; height: 50px; line-height: 50px; font-size: 25px;}
    .lx_email li .txt{ width: calc(100% - 70px);}
    .lx_email li .txt p{font-size: 18px;}
    .lx_email li .txt a{ font-size: 24px;}
    .lx_talk .follow_list a{height: 40px; width: 40px;}
    .lx_talk .follow_list a svg{height: 20px; width: 20px;}
    .get_touch input{ width: 100%; float: none;}
    .get_touch input, .get_touch textarea{margin-bottom: 20px;}
    .get_touch input, .get_touch textarea{ line-height: 50px;}
    .get_touch .sub{line-height: 50px;}
}
.main_left{ width:calc(100% - 380px);}
.main_right{ width: 330px;}
.ny_news_list li{background: #f3f6fc; margin-bottom:40px; position:relative;}
.ny_news_list li .pic{ width: 30%;}
.ny_news_list li .txt{ width: 70%; padding: 30px 35px 0;}
.ny_news_list li .pic .imgfd{padding-top: 66.66%;}
.ny_news_list li .txt h2{font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 15px;}
.ny_news_list li .txt p{line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px;}
.ny_news_list li .txt .c-flex{font-size: 16px;}
.ny_news_list li .txt .c-flex span.date{ margin-right: 25px; }
.ny_news_list li .txt .c-flex a{ display: inline-block; line-height: 25px; margin-left: 5px; background: #dae0ea; padding:0 5px;}
.ny_news_list li .txt .c-flex a:hover{color:#8bc11f;}
.ny_news_list li .txt .smore{ position: absolute; right: 0; bottom: 0;}
.ny_news_list li .txt h2:hover{ color:#8bc11f;}

.left_search,.right_nav,.recom_news{ background: #f3f6fc; border-radius: 5px; margin-bottom:20px; padding:25px 30px;}
.left_search{padding: 15px;}
.left_search form{ border: 1px solid #b3c7d0; border-radius:3px; overflow:hidden;}
.left_search input{ line-height: 48px; font-size:16px;}
.left_search input.fl{ width: calc(100% - 50px); padding-left:8px;}
.left_search button.search_sub{ display:inline-block;  line-height:46px; width: 50px; background: #2ba5e0; color: #fff;text-align:center; cursor:pointer;}
.left_search button.search_sub i{ font-size: 22px;}
.recom_news b{ line-height: 22px; padding-left: 11px; border-left: 3px solid #8bc11f;}
.rec_list li{padding: 23px 0; border-bottom: 1px solid #dddddd;}
.rec_list li .pic{ width: 35%; margin-right:auto;}
.rec_list li .txt{ width: 60%;}
.rec_list li .txt p{ line-height: 20px; font-size: 16px; height: 60px; overflow: hidden; color:#333;}
.rec_list li .txt span{ font-size: 12px;}
.rec_list li:hover p{ color:#8bc11f;}
@media (max-width: 1281px){
    .ny_news_list li .txt{padding: 20px 20px 0;}
}
@media (max-width: 1024px){
    .main_right{ display: none;}
    .main_left{ width: 100%; float: none;}
}
@media (max-width: 768px){
    .ny_news_list li .txt p{ display: none;}
}
@media (max-width: 450px){
    .ny_news_list li .txt .c-flex{display: none;}
    .ny_news_list li .txt .smore{display: none;}
    .ny_news_list li .txt{padding: 10px;}
    .ny_news_list li .txt h2{font-size: 18px; line-height: 26px; height: 52px; margin-bottom: 0;}
    .ny_news_list li{margin-bottom: 25px;}
}
.news_info{ padding: 25px 0;font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.news_info .date{margin-right: auto;}
.news_tag span{ font-family: helvb; color: #333;}
.news_tag a{display: inline-block; line-height: 28px; padding: 0 8px;  margin-left: 8px; background: #f3f6fc; color:#333; font-size:16px; transition:.2s ease;}
.news_tag a:hover{background:#8bc11f; color: #fff;}
@media (max-width: 450px){
    .news_info{padding: 10px 0 20px;}
}