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

.search_box{ width: 100%; position: fixed; left: 0; top: 101px; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; border: 2px solid #0c5ca7;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form .search_sub{ width: 150px; background: #0c5ca7; text-align: center; color: #fff; line-height:60px; font-size:40px; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}

.top_right .amore{ line-height: 40px;}
.top_right .follow .em:hover .box{opacity: 1}
.top_h{ height: 101px;}

.cd-main-content{padding-bottom: 0;}
.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #f2f7fa;}
.sy-ban .img-m{ width: 100%;}
.sy-ban .txt1{ position: absolute; width: 100%; left: 0; top: 50%; transform:translateY(-50%);}
.sy-ban .txt1 b{ font-size: 70px; line-height: 85px; color: #111111;font-family: impb; margin-bottom: 50px; max-width: 55%; letter-spacing: 2px;}
.sy-ban .swiper-slide{ border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden;}
.swiperall{ position: relative;}
.swiperall .swiper-button-prev,.swiperall .swiper-button-next{ bottom: 48%; height: 50px; width: 50px; text-align: center; line-height: 50px; border-radius: 50%; background: #fff; color: #111; font-size: 22px; box-shadow: 0 0 8px rgba(12,92,167,.15); transition: .3s ease;}
.swiperall .swiper-button-prev:hover,.swiperall .swiper-button-next:hover{background: #0c5ca7; color: #fff;}
.dtop{ padding-top: 100px;}
.swiper-pagination-bullet:focus{ outline: none;}
.amore{ display: inline-block; line-height: 45px; border-radius: 5px; padding: 0 18px; color: #fff; background: #111; position: relative;transition: .2s ease; overflow: hidden;}
.amore:after{ width: 0; left: 0; height: 100%; top: 0; content: ''; background: #0c5ca7; transition: .2s ease; position: absolute;}
.amore i{display: inline-block; margin-left: 10px; font-size: 18px;}
.amore.on{ background: #0c5ca7;}
.amore span{ position: relative; z-index: 2; line-height: 25px;}
.amore:hover{padding: 0 20px;}
.amore:hover:after{ width: 100%;}
.amore:hover span{color: #fff;}
.amore.on i{ color: #fff;}
.amore.wb{ color: #fff; border-color: #fff;}
.amore.wb:hover{ border-color: #00a5a5;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ display: none;}
.manuswiper{ overflow: hidden; width: 86%; margin: 0 auto;}
.sy_title{ text-align: center; margin-bottom: 60px;}
.sy_title b{ font-family: impb; font-size: 50px; margin-bottom: 20px; text-transform: uppercase;}
.sy_title p{ font-size: 20px; line-height: 36px; margin: 0 auto; max-width: 80%;}
.sy_manu .sy_title b{ text-transform: none;}
.manuswiper li{ border-radius: 30px; overflow:hidden; position: relative;}
.manuswiper li .imgfd{padding-top: 140%;}
.manuswiper li .txt{ position: absolute; width: 100%; left: 0; top: 0; z-index: 2; padding: 45px 60px 0;}
.manuswiper li .txt h2{ font-size: 45px; color: #fff; line-height: 60px; margin-bottom: 40px;}
.sy_video video{ width: 100%;}
.pro_list li{ float: left; width: 32%; margin-right: 2%; background: #fff; border-radius: 5px; border: 1px solid #e6ecf0; overflow: hidden; position:relative; margin-bottom:20px;}
.pro_list li:nth-child(3n){ margin-right: 0;}
.pro_list li .imgfd{ padding-top: 100%;}
.pro_list li .txt{padding: 25px 20px 25px;}
.pro_list li .txt h2{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px; font-size: 16px;}
.pro_list li:after{position:absolute; height: 6px; background: #0c5ca7; width: 0; left: 0; bottom: 0;; transition: .3s ease; content: '';}
.pro_list li:hover:after{width:100%;}
.smore{ display: inline-block; line-height: 38px; padding: 0 20px; border-radius: 5px; border: 1px solid #111; transition: .3s ease;}
.smore i{ margin-left: 8px;}
.pro_list li .btns{ text-align: center;}
.smon:hover .smore{ background: #0c5ca7; color: #fff; border-color: #0c5ca7;}
.pro_list li:hover h2{ color: #0c5ca7;}
.proswiper{ overflow: hidden; padding-bottom: 90px; position: relative;}
.proswiper .ban_control{ width: 100%; position: absolute; left: 0; bottom: 0;}
.proswiper .ban_control .swiperbtn{ position: unset; width: 36px; line-height: 36px; height: 36px; font-size: 18px; text-align: center; background: #fff; border-radius: 50%; margin-top: 0; box-shadow: 0 0 5px rgba(12,92,167,.15);}
.proswiper .ban_control .swiper-num{margin: 0 15px;}
.proswiper .ban_control .amore{margin-left: auto;}
.proswiper .ban_control .swiperbtn:hover{ background: #0c5ca7; color: #fff;}
.r_top{position: relative;}
.r_top:before{ position: absolute; width: 100%; height: 100px; background: #fff; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; top: 0; left: 0; content: '';}
.sy_choose{ border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden;}
.sy_choose .chobg{ width: 100%;}
.r_top.gray_top{ background: #f3f8fa;}
.r_top.gray_top:before{background: #f3f8fa;}
.sy_choose .lobg{position: absolute; left: 0; top: 150px;}
.sy_choose .cho_txt{ position: absolute;width: 100%; left: 0; bottom: 0;}
.sy_choose .cho_txt .left{ width: 30%; margin-right: auto; color: #fff; padding-top: 80px;}
.sy_choose .cho_txt .sy_title{text-align: left;}
.sy_choose .cho_txt .sy_title p{ max-width: 100%;}
.sy_choose .cho_txt .right{width: 60%;}
.sy_choose .cho_txt .right li{ background: #fff; border-radius: 20px; padding: 40px 30px 35px; float: right; margin-left: 2%; margin-bottom: 30px; width: 48%;}
.sy_choose .cho_txt .right li:nth-child(2n){ transform: translateY(110px);}
.cho_txt .right li .txt{max-width: calc(100% - 70px); margin-left: auto;}
.cho_txt .right li .txt h4{ font-size: 20px; margin-bottom: 5px;}
.cho_txt .right li .txt p{ min-height: 120px;}
.cho_txt .right li .txt h4 span{font-weight: bold; color: #0c5ca7;}
.cho_txt .right{ max-height:740px; overflow-y: auto; }
.cho_txt .right::-webkit-scrollbar {
  width: 0;
}

.cho_txt .right::-webkit-scrollbar-track {
  background: #fff;
}

.cho_txt .right::-webkit-scrollbar-thumb {
  background: #111;
  border-radius: 3px;
}
.sy_about{ position: relative; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px;}
.sy_about .ab_box{ position: relative; z-index: 2;}
.ab_box .circle{ margin-top: 25px; position: relative; display: inline-block; width: 150px; height: 150px; margin-top: 100px;}
.ab_box .circle i{ color: #fff; position: absolute; font-size: 20px; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.ab_box .circle img.cir{ animation: xuanzhuan 10s linear infinite; -webkit-animation: xuanzhuan 10s linear infinite; transform:rotate(0deg);}
@-webkit-keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
@keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
.ab_box .circle .pic{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 25px;}
.ab_box .circle .imggd{ padding-top: 100%; border-radius: 50%;}
.ab_box .circle i{ font-size: 30px;}
.ab_box .sy_title{ text-align: left; width: 75%; margin-right: auto;}
.ab_box .sy_title p{ max-width: 100%;}
.sy_about .ab_lo{ position: absolute; top: 50px; left: 0;}
.ab_part1{ margin-bottom: 70px;}
.sy_number dt{margin-left: auto;}
.sy_number dl b{ font-size: 80px; line-height: 80px; height: 80px; font-family: dinb; color: #0c5ca7;}
.sy_number dl p{ margin-top: 20px; height: 24px;}
.sy_about .tanh{position: absolute; bottom: -80px; left: 0; animation: tanhuang 10s linear; -webkit-animation: tanhuang 3s linear;}
@-webkit-keyframes tanhuang{
0%{ left: -100px;}
	100%{ left: 0; }
}
@keyframes tanhuang{
0%{ left: -100px;}
	100%{ left: 0; }
}

.sy_news p.date{ font-size: 14px;}
.sy_news p.date i{ margin-right: 5px;}
.left_news{ width: 49%; border-radius: 20px; overflow: hidden; background: #f3f6fa;}
.left_news .imgfd{ padding-top: 64%;}
.sy_news .colname{ display: inline-block; background: #0c5ca7; line-height: 30px; padding: 0 8px; color: #fff; font-size: 14px; position: absolute; top: 10px; right: 10px; z-index: 2; border-radius: 8px;}
.left_news .txt{ padding: 26px 32px;}
.left_news .txt h2{ font-size: 24px; line-height: 35px; height: 70px; overflow: hidden; margin-bottom: 30px;}
.left_news .txt .smore{ margin-left: auto;}
.sy_news .right_list{ width: 49%;}
.sy_news .right_list li{ background: #f3f6fa; border-radius: 10px; margin-bottom: 30px; overflow: hidden;}
.sy_news .right_list li .imgfd{ padding-top: 69.2%;}
.sy_news .right_list li .txt{ padding: 0 32px; width: 60%;}
.sy_news .right_list li .pic{ width: 40%;}
.sy_news .right_list li h2{ font-size: 18px; line-height: 30px; height: 90px; overflow: hidden; margin-top: 5px;}
.left_news:hover h2,.sy_news .right_list li:hover h2{ color: #0c5ca7;}
.sy_msg{ border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; border-bottom: 10px solid #0c5ca7; position: relative; background: #fff; padding-bottom:200px;}
.sy_msg .msg_box{ position: absolute; width: 100%; left: 0; bottom: -170px; z-index:4;}
.sy_msg .msg_box .center{ padding: 85px 150px 65px 60px; border-radius: 20px; overflow: hidden;}
.sy_msg .msg_box .txt{ width: 42%; margin-right: auto;}
.sy_msg .msg_box form{ width: 54%;}
.sy_msg .msg_box .txt b{ font-size: 50px; margin-bottom: 35px; color: #fff;}
.sy_msg .msg_box .txt p{ font-size: 36px; line-height: 48px; font-family: monsb; color: #fff;}
.sy_msg .msg_box input{ line-height: 45px; padding-left: 10px; font-size: 14px; margin-bottom: 20px; border-radius: 5px; width: 49%; margin-right: 2%;}
.sy_msg .msg_box input:nth-child(2n){ margin-right: 0;}
.sy_msg .msg_box textarea{ width: 100%; margin-bottom: 20px; line-height: 45px; border-radius: 5px; padding-left: 10px;}
.sy_msg .msg_box button{ width: 100%; background: #111111; line-height: 45px; text-align: center; text-align: center; font-size: 14px; text-transform: uppercase; cursor: pointer; color: #fff; transition: .3s ease; border-radius: 5px;}
.sy_msg .msg_box button:hover{ background: #0c5ca7;}
.black_bg{ background: #212121;}

.com_foot{ color: #fff; background:#212121; position:relative;}
.com_foot a{ color: #fff;}
.com_foot{ padding-top: 220px;}
.f_center{ padding: 80px 0; position: relative;}
.f_touch{ flex-wrap: nowrap;animation: zoumadeng 25s linear infinite;}
.f_touch b{min-width:max-content; font-size: 100px; color: #fff; font-family:impb; line-height: 100px; margin: 0 25px;}
@-webkit-keyframes zoumadeng{
0%{ transform:translateX(0);}
	100%{ transform:translateX(-100%);}
}
@keyframes zoumadeng{
0%{ transform:translateX(0);}
	100%{ transform:translateX(-100%);}
}
.f_center .f_nav{ width: 65%; }
.f_nav dt{ margin-right: auto; max-width:38%;}
.f_nav dt b,.f_nav dt a{ display: block;}
.f_nav dt b{ color: #fff; font-size: 20px; font-family: monsb; margin-bottom: 20px; padding-bottom: 15px; position: relative;}
.f_nav dt b:after{position: absolute; left: 0; bottom: 0; width: 20px; height: 2px; background: #0c5ca7; content: '';}
.f_nav dt a,.f_nav dt p{ color: #c8c8c8; margin-bottom: 15px; font-weight: lighter;}
.f_nav dt a:hover{ color: #fff;}
.f_nav dt.f_cont  a{margin-bottom: 0;}
.copy{ padding: 30px 0; }
.f_cert{ width: 33%; margin-left: auto;}
.f_cert li{ margin:10px 0 10px 1%; width: 32.33%; }
.f_cert li img{ width: 100%;}
.f_cert li:nth-child(n+7){ display:none;}
.copy{ background: #111; color: #bbbbbb;}
.copy .follow{ margin-left: auto;}

@media (max-width: 1600px){
.manuswiper li .txt{ padding: 35px 30px;}
.manuswiper li .txt h2{ font-size: 35px; line-height: 50px;}
.sy_choose .chobg{ width: 130%; margin-left: -15%;}
.index_head{ padding: 0 5%;}
}


@media (max-width: 1441px){
.index_head{ padding: 0 2%;}
.sy-ban .txt1 b{ font-size: 60px; line-height: 75px;}
.sy_title b{ font-size: 40px;}
.sy_title p{ font-size: 18px; line-height: 30px;}
.proswiper{ padding-bottom: 70px;}
.sy_choose .cho_txt .right li{padding: 30px 25px;}
.sy_about .tanh{ width: 60%;}
.sy_about .tanh img{ width: 100%;}
.ab_part1{margin-bottom: 30px;}
.ab_box .circle{ margin-top: 50px;}
.sy_msg .msg_box .txt p{ font-size: 32px; line-height: 42px;}
.f_touch b{ font-size: 80px;}
}

@media (max-width: 1281px){
.top_right .amore{ display: none;}
.top_search{margin-right: 0;}
.dtop{ padding-top: 80px;}
.sy-ban .txt1 b{ font-size: 50px; line-height: 60px;}
.manuswiper li .txt h2{ font-size: 28px; line-height: 36px; margin-bottom: 20px;}
.sy-ban .swiper-slide,.r_top:before,.sy_choose,.sy_msg,.sy_about{ border-bottom-left-radius: 60px; border-bottom-right-radius: 60px;}
.sy_msg .msg_box .center{ padding: 60px 80px 50px 50px;}
.left_news .txt{ padding: 22px 28px;}
.left_news .txt h2{ margin-bottom: 20px;}
.sy_choose .cho_txt .center{ display: block;}
.sy_choose .cho_txt .left{ width: 100%; margin-bottom: 40px;}
.sy_choose .cho_txt .right{ width: 100%;}
.cho_txt .right{ max-height: 440px;}
.cho_txt .right li .txt p{min-height: 96px;}
.sy_choose .cho_txt .right li:nth-child(2n){ transform:translateY(60px);}
.sy_title{margin-bottom: 40px;}
	
}

@media (max-width: 1024px){
.top_h{height: 54px;}
.sy-ban .txt1 b{ font-size: 44px; line-height: 50px;}
.sy_title b{ font-size: 32px;}
.sy_title p{ font-size: 16px; line-height: 24px;}
.manuswiper li .txt{ padding: 25px 20px;}
.manuswiper li .txt h2{ font-size: 24px; line-height: 32px;}
.amore{ line-height: 40px; padding:0 12px;}
.amore i{ font-size: 16px;}
.pro_list li .txt{ padding: 20px 15px;}
.pro_list li .txt h2{margin-bottom: 15px;}
.smore{ line-height: 32px; padding:0 10px;}
.sy_choose { display: none;}
.sy_number dl b{ font-size: 60px; line-height: 60px; height: 60px;}
.sy_about .tanh{ bottom: -20px;}
.sy_msg .msg_box .txt p{ font-size: 26px; line-height: 36px;}
.sy_msg .msg_box .txt b{ font-size: 40px;}
.f_center{ display: none;}
.f_touch b{ font-size: 60px;}
	
}
@media (max-width: 768px){
.sy-ban .txt1 b{ font-size: 32px; line-height: 40px; margin-bottom:30px;}
.manuswiper li{ border-radius: 20px;}
.dtop{padding-top: 45px;}
.sy_number dl b{ font-size: 40px; line-height: 40px; height: 40px;}
.sy_number dt{ width: 24%;}
.sy_number dl p{margin-top: 10px;}
.ab_box .circle{ width: 100px; height: 100px;}
.ab_box .circle img.cir{ width: 100%;}
.ab_box .circle .pic{padding: 20px;}
.ab_box .circle i{ font-size: 22px;}
.left_news{ display: none;}
.sy_news .right_list{ width: 100%; float: none;}
.sy_msg .msg_box .txt{ width: 100%; margin-bottom: 30px;}
.sy_msg .msg_box .txt b{ font-size: 30px; margin-bottom:20px;}
.sy_msg .msg_box .txt p{ font-size: 20px; line-height: 30px;}
.sy_msg .msg_box .center{padding: 35px 30px 40px; display:block;}
.sy_msg .msg_box form{ width: 100%;}
.sy_msg .msg_box{ position: unset;}
.sy_msg{ padding-bottom: 40px;}
.com_foot{ padding-top: 40px;}
.f_touch b{ font-size: 40px; line-height: 50px;}
.f_touch{padding-bottom: 35px;}
.copy .follow{ display: none;}
.sy_news{padding-bottom: 0;}
}

@media (max-width: 450px){
.sy-ban .txt1 b{ font-size: 24px; line-height:32px; max-width:90%; margin-bottom:0;}
.sy-ban .amore{ display: none;}
.sy_title b{ font-size: 24px;}
.sy-ban .swiper-slide, .r_top:before, .sy_choose, .sy_msg, .sy_about{ border-bottom-right-radius:20px; border-bottom-left-radius: 20px;}
.sy_title p{ max-width: 100%;}
.swiperall .swiper-button-prev, .swiperall .swiper-button-next{ width: 40px; height: 40px; line-height: 50%; font-size:18px;}
.manuswiper li{ border-radius: 10px;}
.manuswiper li .txt{ padding: 15px 10px;}
.manuswiper li .txt h2{ font-size: 20px; line-height: 30px; margin-bottom:0;}
.manuswiper li .txt .amore{ display: none;}
.sy_title b{ margin-bottom: 10px;}
.sy_title{margin-bottom: 30px;}
.pro_list li .btns{display: none;}
.pro_list li .txt{padding: 10px;}
.pro_list li .txt h2{ font-size: 14px;}
.pro_list li:after{height:4px;}
.proswiper .ban_control .swiper-num{ display: none;}
.proswiper .ban_control .swiperbtn{margin-right: 10px;}
.proswiper{padding-bottom: 50px;}
.ab_box .sy_title{ width: 100%;}
.sy_number dt{ width: 47%; margin-bottom: 25px;}
.ab_box .circle{margin-top: 30px;}
.sy_news .right_list li .txt{padding: 0 15px;}
.sy_news .right_list li h2{ font-size: 16px; line-height: 24px; height: 72px;}
.sy_msg .msg_box .center{padding: 25px 20px;}
.sy_msg .msg_box input{ width: 100%; margin-bottom:15px;}
.copy{padding: 20px 0;}
.sy_msg{ border-width: 6px;}
.com_foot{ padding-top: 30px;}
.f_touch b{ font-size: 32px; line-height: 40px;}
}

.ny_ban{ position: relative;}
.ny_ban .banimg{ width: 100%; border-bottom-right-radius:100px; border-bottom-left-radius:100px;}
.ny_ban .txt{ width: 100%; left: 0; top: 50%; transform: translateY(-50%); position:absolute;}
.ny_ban .txt b{ color: #fff; font-family: impb; max-width: 40%; font-size: 70px; line-height: 85px;}
.ban_th{ position: absolute; bottom: -60px; right: 0;animation: tanhuang1 1s linear; -webkit-animation: tanhuang1 1s linear; width:60%;}
.ban_th img{ transform: rotateY(180deg); width:100%;}
@-webkit-keyframes tanhuang1{
0%{ bottom: 60px; right: -50px;}
	100%{  bottom: -60px; right: 0; }
}
@keyframes tanhuang1{
0%{ bottom: 60px; right: -50px;}
	100%{  bottom: -60px; right: 0; }
}
.posi{ padding: 35px 0; font-size:14px;}
.gray_bg .sy_msg{background: #f2f7fa;}
.prolist_top{ margin-top: 40px;}
.prolist_top .txt{ width: 46%; margin-right: auto;}
.prolist_top .imgfdd{width: 46%; border-radius: 10px;}
.prolist_top .txt h2{ font-size: 38px; margin-bottom: 30px;}
.prolist_top .txt .des{margin-bottom: 50px; font-size:18px;}
.prolist_top .txt .des p{ line-height: 30px;}

.main_left{ width: 330px;}
.main_right{width: calc(100% - 350px);}

.list_main .tit{ text-align: center; font-family: monb; font-size: 45px; margin-bottom: 40px;}
.pro_nav{ background: #fff; border-radius: 5px; padding: 25px 15px 5px;}
.pro_nav b{ font-family: monb; font-size: 36px; margin-bottom: 20px;}
.pro_nav li{ margin-bottom: 10px;}
.pro_nav .list{ display: none;}
.pro_nav .a1{ font-size: 18px; padding:11px 9px; border-radius:5px; background:#f2f7fa;}
.pro_nav .a1 p{margin-right: auto; max-width:calc(100% - 20px);}
.pro_nav .a1 i{ font-weight: bold; font-size: 18px; display:inline-block;}
.pro_nav .a2{ padding: 15px 12px; border-bottom:1px solid #dee1e3;}
.pro_nav .a2 i{ display: inline-block; width: 5px; height: 5px; background: #111; border-radius: 50%; margin-right: 11px;}
.pro_nav .a2 span{ opacity:0;}
.pro_nav .a2 p{ max-width:calc(100% - 35px); margin-right:auto;}
.pro_nav .a2:hover span,.pro_nav .a2.on span{ opacity:1;}
.pro_nav li.act .a1{ background:#111111; color:#fff;}
.pro_nav li.act .a1 i{ transform: rotate(180deg);}
.pro_nav li.act .list{ display: block;}
@media (max-width: 1441px){
.prolist_top .txt h2{ font-size: 34px;}
.ny_ban .txt b{ font-size: 60px; line-height: 72px;}
}
@media (max-width: 1281px){
    .ny_ban .banimg{ border-bottom-left-radius: 60px; border-bottom-right-radius: 60px;}
    .prolist_top .txt .des{ margin-bottom: 30px;}
}
@media (max-width: 1024px){
    .ny_ban .txt b{ font-size: 48px; line-height: 58px;}
    .prolist_top .txt h2{ font-size: 30px;}
    .prolist_top .txt .des{ font-size: 16px;}
    .prolist_top .txt .des p{ line-height: 24px;}
    .main_left{ display: none;}
    .main_right{ width: 100%;}
}
@media (max-width: 768px){
    .ny_ban .txt b{ font-size: 36px; line-height: 45px;}
    .ban_th{ bottom: -20px;}
    @-webkit-keyframes tanhuang1{
0%{ bottom: 60px; right: -50px;}
	100%{  bottom: -20px; right: 0; }
}
@keyframes tanhuang1{
0%{ bottom: 60px; right: -50px;}
	100%{  bottom: -20px; right: 0; }
}
.ny_ban .banimg{ border-bottom-left-radius: 40px; border-bottom-right-radius: 40px;}
.prolist_top{ display: block; margin-top:20px;}
.prolist_top .txt{ width: 100%; margin-bottom: 30px;}
.prolist_top .imgfdd{ width: 100%;}
.list_main .tit{ font-size: 30px; margin-bottom:30px;}
.posi{ padding: 18px 0;}
.prolist_top .txt h2{ margin-bottom: 20px;}
}
@media (max-width: 450px){
    .ny_ban .txt b{ max-width: 55%; font-size: 26px; line-height: 34px;}
    .ny_ban .banimg{ border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width:130%; margin-left:-15%;}
    .prolist_top .txt h2{ font-size: 26px;}
    .prolist_top .txt .des{ margin-bottom: 20px;}
    .list_main .tit{ font-size: 26px; margin-bottom: 20px;}
    .pro_list li{ width: 49%; margin-right: 2%; }
    .pro_list li:nth-child(3n){ margin-right:2%;}
    .pro_list li:nth-child(2n){ margin-right:0;}
}
.show_top{ padding-bottom: 40px;}
.show_pic{ width: 47%;}
.show_txt{ width: 48%;}
.show_pic .imgfd{padding-top: 100%;}
.show_pic .smallswiper{ width: 90px; overflow:hidden; height:550px;}
.show_pic .bigswiper{ width: calc(100% - 100px); overflow:hidden; border-radius: 30px; overflow: hidden;}
.show_pic .smallswiper li{ width: 100%; border:2px solid #fff; border-radius:5px;}
.show_pic .smallswiper .swiper-slide{ width: 100%!important;  overflow:hidden;}
.show_pic .smallswiper .imgfd{ border-radius:5px;}
.show_pic .bigswiper .swiper-slide{ border-radius: 10px; overflow: hidden;}
.show_pic .smallswiper .swiper-slide-thumb-active{border-color: #0c5ca7;}

.show_txt h1{ font-size: 45px; line-height: 50px; margin-bottom: 20px;}
.show_txt b{ font-size: 24px; font-family: monb; color: #0c5ca7; margin-bottom:15px;}
.show_txt p{ line-height: 30px;}
.show_txt .box{margin-bottom: 50px;}

.show_det .tab-hd{ justify-content: center; margin-bottom:50px;}
.show_det .tab-hd li{ margin: 0 35px; font-size:24px; position:relative; line-height:60px;}
.show_det .tab-hd li:after{ width:0; height: 2px; content: ''; background: #0c5ca7; left:0; bottom:0; position:absolute; transition:.3s ease;}
.show_det .tab-hd li.active:after{ width:100%;}
.show_det .tab-hd li.active{ font-family: monb; color: #0c5ca7;}
.show_det .tab-bd{ overflow: hidden;}
.show_det .tab-bd img{ max-width: 100%!important;}
.recom_pro .item_top{margin-bottom: 50px;}
.recom_pro .item_top b{ font-size: 45px; font-family: monb; margin-right: auto;}
.recom_pro .item_top .swiperbtn{ position: unset; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; border: 1px solid #e6ecf0;display:inline-block; margin-left:10px; background:#fff; font-size:20px; transition:.3s ease;}
.recom_pro .item_top .swiperbtn:hover{background:#0c5ca7; color: #fff;}
@media (max-width: 1281px){
    .show_pic .smallswiper{height: 470px;}
    .show_txt h1{ font-size: 40px; line-height:45px;}
}
@media (max-width: 1024px){
    .show_pic .smallswiper{height: 355px;}
    .show_txt h1{ font-size: 32px; line-height: 40px;}
    .show_txt p{line-height: 24px;}
    .show_txt .box{margin-bottom: 30px;}
    .recom_pro .item_top b{ font-size: 30px;}
    .recom_pro .item_top{margin-bottom: 35px;}
}
@media (max-width:768px){
    .show_pic{ width: 100%; float: none; margin-bottom:30px;}
    .show_txt{ width: 100%;}
}
@media (max-width:450px){
    .show_pic .smallswiper{ width: 75px; height:300px;}
    .show_pic .bigswiper{ width: calc(100% - 85px);}
    .show_pic .bigswiper{ border-radius: 15px;}
    .show_txt h1{ font-size: 24px; line-height: 30px;}
    .show_txt b{font-size: 20px;}
    .show_det .tab-hd li{ font-size: 20px; margin: 0 15px;}
    .recom_pro .item_top b{ font-size: 24px;}
    .recom_pro .item_top .swiperbtn{margin-top: 0;}
    .proswiper{padding-bottom: 0;}
}
.ny_ban .iconfont{ font-size: 36px; display: inline-block; margin-top: 45px; color:#fff; transform:rotate(90deg);}
.sol_txt{ padding: 30px 0 85px;}
.mon45{ font-size: 45px; margin-bottom: 40px;}
.sol_txt p{ font-size: 18px; line-height: 30px;}

.sol_main ul li{ width: 49%; margin-right:2%; position: relative; float: left; margin-bottom: 20px; border-radius: 20px; overflow: hidden;}
.sol_main ul li:nth-child(2n){ margin-right:0;}
.sol_main ul li:after{ width:0; height: 6px; background: #0c5ca7; position:absolute; content: ''; left: 0; bottom: 0; transition:.3s ease;}
.sol_main ul li h2{ position: absolute; color: #fff; font-size: 30px; line-height: 35px; width:100%; top:35px; padding:0 45px;}
.sol_main ul li .smore{ border-color: #fff; color: #fff; position: absolute; right: 45px; bottom: 35px;}
.sol_main ul li .imgfd{ padding-top: 50%;}
.sol_main ul li:hover:after{ width:100%;}

.caseswiper{ overflow: hidden;}
.caseswiper .swiperbtn{ position: unset; display: inline-block; background: #f2f7fa; width: 50px; line-height: 50px; border-radius: 50%; text-align: center; margin: 0 40px; font-size:28px; height:50px; transition:.3s ease; box-shadow:0 0 15px rgba(242,247,250,1);}
.caseswiper .btns{ text-align: center; margin-top: 30px;}
.caseswiper .swiperbtn:hover{background:#0c5ca7; color: #fff;}
.caseswiper .imgfd{ padding-top: 67%; border-radius:20px; margin-bottom:20px;}
.caseswiper h2{ font-size: 24px; line-height: 35px; height: 70px; overflow: hidden; margin-bottom: 20px;}
.caseswiper p{ height: 72px; overflow: hidden; margin-bottom: 25px;}
@media (max-width: 1441px){
    .mon45{ font-size: 40px;}
}
@media (max-width: 1024px){
    .ny_ban .iconfont{ font-size: 28px; margin-top:30px;} 
    .mon45{ font-size: 36px; margin-bottom:20px;}
    .sol_txt{ padding-bottom: 50px;}
    .sol_main ul li h2{ padding: 0 30px; top: 25px; font-size:26px; line-height:32px;}
}
@media (max-width: 768px){
    .sol_txt{ padding: 20px 0 40px;}
    .mon45{ font-size: 30px;}
    .sol_txt p{ font-size: 16px; line-height: 24px;}
    .sol_main ul li{ width: 100%; float: none;}
}
@media (max-width: 450px){
    .ny_ban .iconfont{ font-size: 20px; margin-top: 20px;}
    .mon45{ font-size: 24px; margin-bottom: 15px;}
    .sol_main ul li h2{font-size: 22px; line-height: 30px;}
    .sol_main ul li .smore{ bottom: 25px;}
    .sol_main ul li{ border-radius: 10px;}
    .caseswiper .imgfd{ border-radius: 10px; margin-bottom:10px;}
    .caseswiper h2{ font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 0;}
    .caseswiper p,.caseswiper .smore{ display: none;}
    .caseswiper .btns{ margin-top: 20px;}
    .caseswiper .swiperbtn{ width: 40px; line-height: 40px; height: 40px; font-size: 18px; margin:0 20px;}
    .case_box { padding-bottom: 0;}
}
.sol_det{ padding: 40px 0 85px;}
.det_box{ overflow: hidden;}
.det_box img{max-width: 100%!important;}
@media (max-width: 450px){
    .sol_det{ padding: 20px 0 40px;}
}
.comp_top{ padding-top: 35px;}
.comp_top .txt{ width: 48%; margin-right: auto;}
.comp_top .imgfdd{border-radius: 20px; width: 46%;}
.comp_top .txt .box{ margin-bottom: 35px;}
.comp_top .txt .box p{ font-size: 18px; line-height: 30px;}

.ny_number dt{width: 24%; margin-right: auto; padding-left:45px; position:relative;}
.ny_number dt b{ font-size: 80px; font-family: dinb; line-height: 80px; height: 80px; color: #0c5ca7; margin-bottom:20px;}
.ny_number dt sub{ display: none;}
.ny_number dt:nth-child(2) sub{ display:inline-block;}
.ny_number dt:after{position:absolute; left: 0; top: 10px; height: 80px; background: #dddddd; content: ''; width:1px;}
.ny_number dt:first-child:after{ display:none;}
.ny_number p{ height: 24px;}
.facswiper{ overflow: hidden;}
.facswiper .imgfd{ padding-top: 66.67%; border-radius: 20px;}
.ab_factory .swiper-button-prev{ left: -80px;}
.ab_factory .swiper-button-next{ right: -80px;}


.ab_multi{ padding-top: 200px; position: relative; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px;}
.ab_multi:after{ position:absolute; width: 100%; height: 100px; background: #f2f7fa; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; content: ''; left:0; top:0;}
.ab_multi .vpic{ width: 45%; margin-right: auto; border-radius: 20px; position: relative; overflow:hidden;}
.ab_multi .vpic img{ width: 100%;}
.ab_multi .txt{ width: 48%; color: #fff;}
.ab_multi .txt .mb45{ color: #fff;}
.ab_multi .txt p{ font-size: 18px; line-height: 30px;}
.ab_multi .vpic i{ display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; line-height: 70px; color: #fff; border-radius: 50%; border: 1.5px solid #fff; text-align: center; font-size: 30px; transform: translate(-50%,-50%); cursor:pointer;}

.ab_cert .txt{ width: 50%; margin-right: auto;}
.ab_cert .txt p{ font-size: 18px; line-height: 30px;}
.ab_cert .certswiper{ width: 45%; padding-bottom:40px; position:relative; overflow:hidden;}
.certswiper .swiper-wrapper{ height: 230px; overflow: hidden;}
.certswiper ul li .imgfd{padding-top: 43.333%;}
.certswiper ul li{height:  calc((100% - 40px) / 2) !important;}
.certswiper ul li img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(40%);-webkit-filter: brightness(0%) invert(40%);}
.swiper-pagination-bullet-active{ background: #0c5ca7;}
@media (max-width: 1600px){
    .ab_factory .swiper-button-prev{ left: 10px;}
    .ab_factory .swiper-button-next{ right: 10px;}
}
@media (max-width: 1281px){
    .comp_top .txt .box p,.ab_multi .txt p,.ab_cert .txt p{ font-size: 16px; line-height: 24px;}
}
@media (max-width: 1024px){
    .ny_number dt b{ font-size: 60px; line-height:60px; height:60px;}
    .facswiper .imgfd{ border-radius: 10px;}
    .ab_multi:after{ height:80px; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px;}
    .ab_multi{border-bottom-left-radius: 60px; border-bottom-right-radius: 60px;}
    .ab_multi{ padding-top: 150px;}
}
@media (max-width: 768px){
    .comp_top{ display: block; padding-top: 25px;}
    .comp_top .txt{ width: 100%; margin-bottom: 25px;}
    .comp_top .imgfdd{ width: 100%; border-radius: 10px;}
    .ny_number dt{ padding-left:20px;}
    .ny_number dt b{ font-size: 40px; line-height: 40px; height: 40px;}
    .ab_multi .center{ display: block;}
    .ab_multi .vpic{ width: 100%; margin-bottom: 25px; border-radius:10px;}
    .ab_multi .txt{ width: 100%;}
}
@media (max-width: 450px){
    .ny_number dt{ width: 49%; margin-bottom: 30px;}
    .ny_number dt:nth-child(3):after{ border:none;}
    .ab_multi:after{ height:40px; border-bottom-left-radius: 20px; border-bottom-right-radius:20px;}
    .ab_multi{border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-top:60px;}
    .ab_cert{ display: block; padding-bottom:0;}
    .ab_cert .txt{ width: 100%; margin-bottom: 30px;}
    .ab_cert .certswiper{ width: 100%;}
    .certswiper .swiper-wrapper{ height: 130px;}
    .certswiper ul li{ height: calc((100% - 10px) / 2)!important;}
}
.news_main{ padding: 20px 0 100px;}
.ny_news_list ul li{ float: left; width: 32%; margin-right: 2%; background: #fff; border-radius: 20px; overflow: hidden; margin-bottom: 25px;}
.ny_news_list ul li:nth-child(3n){ margin-right:0;}
.ny_news_list ul li .imgfd{ padding-top: 66.67%;}
.ny_news_list ul li .imgfd span{ display: inline-block; font-size: 14px; color: #fff; line-height: 30px; padding: 0 10px; border-radius: 8px; background: #0c5ca7; position: absolute; right: 10px; top: 10px;z-index:3;}
.ny_news_list ul li .txt{ padding: 20px 20px 28px;}
.ny_news_list ul li .txt h2{ font-size: 18px; line-height: 30px;height: 90px; overflow: hidden; margin-bottom: 35px;}
.ny_news_list ul li .txt .c-flex{ font-size: 14px;}
.ny_news_list ul li .txt .date{ margin-right: auto;}
.ny_news_list ul li:hover h2,.ny_news_list ul li:hover .txt span{ color:#0c5ca7;}
.right_search{margin-bottom: 28px;}
.right_search form{ width: 100%; background:#fff; border-radius:10px; overflow:hidden;}
.right_search .sub{ width: 50px; height: 50px; background: #0c5ca7; color: #fff; text-align: center; line-height: 50px; font-size:24px;}
.right_search form input{ width: calc(100% - 50px); padding-left:15px; line-height:50px; line-height:50px;}
.pop_news{ margin-top: 28px; border-radius: 20px; background: #fff; padding: 20px;}
.pop_news b{ font-size: 30px; margin-bottom: 10px;}
.pop_news li{ padding: 15px 0; border-bottom: 1px solid #ececeb;}
.pop_news li .date{ margin-bottom: 10px;  font-size: 14px;}
.pop_news li h2{ font-size: 18px; line-height: 30px; max-height:60px; overflow:hidden;}
.pop_news li:hover h2{ color:#0c5ca7;}
@media (max-width: 450px){
    .ny_news_list ul li{ width: 49%; margin-right: 2%; border-radius:10px;}
    .ny_news_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_news_list ul li:nth-child(2n){ margin-right:0;}
    .ny_news_list ul li .txt{padding: 10px 10px 15px;}
    .ny_news_list ul li .txt h2{ font-size: 16px; line-height: 24px; height: 72px; margin-bottom: 15px;}
    .ny_news_list ul li .txt .c-flex span{ display: none;}
    .ny_news_list ul li .imgfd span{ font-size:13px; line-height:28px; padding:0 8px;} 
    .news_main{padding: 20px 0 40px;}
}
.lx_left{ width: 47%; margin-right:auto;}
.lx_msg{ width: 45%; background: #fff; border-radius: 20px; padding: 35px 40px 40px;}
.lx_left .lx_des p{ font-size: 18px; line-height: 30px;}
.lx_left .lx_des p a,.lx_left .lx_des p span{ color: #0c5ca7;}
.lx_left .lx_des{ margin-bottom: 45px;}

.lx_box h1{ font-size: 26px;}
.lx_box li{ margin-top: 30px;}
.lx_box li .box{ width: calc(100% - 35px); margin-left: auto;}
.lx_box li i{ font-size: 20px; color: #0c5ca7;}
.lx_box li p{ font-weight: lighter; margin-bottom: 5px; font-size:18px;}
.lx_box li a:hover{ color:#0c5ca7;}

.lx_msg label{ display: block; font-size:14px; margin-bottom:5px;}
.lx_msg .formbox{margin-bottom: 20px;}
.lx_msg .formbox input,.lx_msg .formbox textarea{ width: 100%; line-height: 45px; padding-left: 10px; background: #f2f7fa; border-radius: 5px;}
.lx_msg button{ width: 100%; background: #111111; text-align: center; color: #fff; border-radius: 5px; text-transform: uppercase; font-size:14px; line-height:45px; transition:.3s ease; cursor:pointer; font-family:mon;}
.lx_msg button:hover{ background:#0c5ca7;}

@media (max-width: 768px){
    .lx_main { display: block;}
    .lx_left{ width: 100%; margin-bottom: 30px;}
    .lx_msg{ width: 100%;}
}
@media (max-width: 450px){
    .lx_left .lx_des{ margin-bottom: 30px;}
    .lx_box h1{ font-size: 24px;}
    .lx_msg{ padding: 30px 20px ;}
}
.news_det{ padding: 30px 0 100px;}
.news_det .news_info{ padding-bottom: 30px; border-bottom: 1px solid #ddd; font-size:14px;}
.news_det .news_info .date{ margin-right: auto;}
.news_det .det_box{ padding-top: 60px;}

@media (max-width: 450px){
    .news_det .news_info{ padding-bottom: 20px;}
    .news_det .det_box{padding-top: 35px;}
    .news_det{padding: 20px 0 45px;}
}