@charset "utf-8";
/* CSS Document */
.blue_bg{ background: #dee6ed;}
.top{ width: 100%; position: fixed; top: 0; right:0; background: #213343; z-index: 10; color: #fff; font-size: 14px; line-height: 45px; padding: 0 5%; }
.top .follow_list,.top span{ float: right;}
.top .follow_list{ display: inline-block;margin-top: 9px; float: right;}
.top span{ margin: 15px 20px 15px 0; padding-right: 15px; display: inline-block; line-height: 14px; border-right: 1px solid rgba(255,255,255,.4)}
.top span i{ color: #fff; margin-right: 5px;}
.top span a{ color: #fff;}
.top .lang{ position: relative; cursor: pointer;}
.top .lang .lang_list{ position: absolute; background: #fff; padding: 0 10px; line-height: 26px; z-index: 99; margin-top: 10px; left: -20px; display: none;}
.top .lang:hover .lang_list{ display: block;}
.page-header .more_btn{ border: 1px solid #f9b61e; width: 180px; margin-left: 80px;}
.page-header .more_btn a{ line-height: 40px;}

.sy_item_tit{ margin-bottom: 20px;}
.sy_item_tit p{ color: #097031; font-family: mulib; font-size: 22px;}
.sy_item_tit h3{ font-size: 60px;}
.swiper-button-prev,.swiper-button-next{ line-height: 60px; height: 60px; width: 36px; text-align: center; color: #999999; bottom: 40%;}
.sy_pro_left .swiper-button-prev:hover,.sy_pro_left .swiper-button-next:hover{ color: #097031;}
.swiper-button-prev i,.swiper-button-next i{ font-size: 60px;}
.swiper-button-prev{ left: 2%;}
.swiper-button-next{ right: 2%;}
.sy_pro_left{ width: 55%; margin-top: 40px;}
.col_icon_list{ position: relative; padding: 0 60px; box-sizing: border-box; width: 90%; margin-left: -60px;}
.col_icon_list .swiper{ padding-bottom: 20px;}
.col_icon_list ul li{ text-align: center;}
.col_icon_list ul li h2{ font-size: 18px; font-family:mulib;}
.col_icon_list ul li .green_img{ display: none;}
.col_icon_list ul li.swiper-slide-active .green_img{ display: inline-block;}
.col_icon_list ul li.swiper-slide-active .gray_img{ display: none;}
.col_icon_list .swiper-pagination{ bottom: 0; top: auto;}
 :root{--swiper-theme-color: #097031;}
.col_txt_box{ margin-top: 40px;}
.col_txt_box ul li h3{font-size: 22px;}
.col_txt_box ul li .second_nav{ margin-top: 30px;}
.col_txt_box ul li .second_nav a{ display: block; width: 45%; margin-right: 5%; float: left; line-height: 36px; height: 36px; overflow: hidden;}
.col_txt_box ul li .second_nav a:hover{ color: #097031;}
.sy_pro_left .more_btn{ margin-top: 50px;}
.sy_pro_right{ width: 40%;}
.sy_pro_right img{ height: 480px;}
.sy_pro .sy_item_tit{ margin-bottom: 0;}
.more_btn.wb{ border-color: #fff;}
.more_btn.wb a{ color: #fff;}
.more_btn.wbg{ background: #fff; border-color: #fff;}
.sy_about{ background: #183746;}
.sy_ab_txt{ width: 55%;}
.sy_ab_txt .sy_item_tit h3{ color: #fff;}
.sy_ab_des{ color: #fff;}
.sy_ab_txt .more_btn{margin-top: 50px;}
.sy_ab_txt .more_btn.wbg{ margin-left: 50px;}
.sy_ab_img{ border-radius: 24px; width: 40%;}

.sy_sol_left{ width: 55%; margin-right: auto;}
.sy_sol_left p{font-size: 22px; color: #097031; font-family: mulib;}
.sy_sol_left .more_btn{ margin-top: 40px;}
.sy_sol_des{ width: 40%;}
.sy_service{ padding: 140px 0 120px; text-align: right;}
.sy_service .sy_item_tit h3{ color: #fff;}
.sy_service p{ color: #fff; width: 40%; float: right;}
.sy_service .more_btn{ margin-top: 70px;}
.sy_off_top{ text-align: center;}
.sy_off_tab span{ display: inline-block; line-height: 52px; padding: 0 15px; min-width: 330px; border-radius: 26px; background: #f6f6f6; margin: 0 15px; font-size: 22px; font-family: mulib; cursor: pointer; color: #333;}
.sy_off_tab span.on,.sy_off_tab span:hover{ background: #097031; color: #fff;}
.sy_off_item{ background: #f6f6f6; margin-top: 30px; display: none;}
.sy_off_item .imgfd{ width: 50%;}
.sy_off_item .imgfd img{ height: 562px;}
.sy_off_txt{ width: 50%; padding: 70px 0 0 110px; position: relative; }
.sy_off_txt span{ font-size: 24px; color: #333; font-family: mulib;}
.sy_off_txt h3{ font-size: 36px; margin: 20px 0;}
.sy_off_txt p{ font-size: 18px;}
.sy_off_txt .more_btn{ margin-top: 70px;}
.sy_off_txt .more_btn.on{ margin-left: 30px;}
.sy_off_txt .num{ position: absolute;  top: 40px; left: 0; font-size: 190px; font-family: mulibl; color: #f6f6f6; -webkit-text-stroke: 1px #d3d3d3; line-height: 180px;}
.sy_news_top .sy_item_tit{ margin-right: auto;}
.sy_news_list ul li .imgfd{ border-radius: 24px; position: relative;}
.sy_news_list ul li .imgfd .date{ position: absolute; display: inline-block; line-height: 46px; padding: 0 25px; background: #097031; color: #fff; top: 30px; left: 30px; border-radius: 6px;}
.sy_news_list ul li h2{font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; margin-top: 20px;} 
.sy_news_list{ padding-bottom: 100px; margin-top: 30px;}
.sy_news_list .swiper-pagination{ bottom: 40px; width: 85%; top: auto;}
.sy_news_list .swiper-button-prev,.sy_news_list .swiper-button-next{ background: #097031; line-height: 78px; height: 78px; width: 78px; border-radius: 39px; text-align: center; color: #fff; bottom: 0; right: 0; font-size: 50px;}
.sy_news_list .swiper-button-prev{ left: auto; right: 100px;}
.sy_news_list ul li img{ height: 380px;}
.sy_news_list .swiper-button-next.swiper-button-disabled,.sy_news_list .swiper-button-prev.swiper-button-disabled{ background: #999;}
.sy_card{ margin-top: 50px;}
.sy_card .sy_card_item:first-child{ margin-right: auto;}
.sy_card .sy_card_item{ border-radius: 24px; width: 49%; position: relative;}
.sy_card .sy_card_item img{ height: 362px;}
.sy_card .sy_card_item .card_txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; padding: 65px 60px 0;}
.sy_card .sy_card_item .card_txt h3{ font-size: 36px; color: #fff; text-transform: uppercase;}
.sy_card .sy_card_item .card_txt p{ font-size: 18px; line-height: 30px; height: 60px; margin: 30px 0 40px;}

.foot{ margin-top: 180px; position: relative; padding-top: 170px; color: #fff; background: #163342;}
.foot_center a,.foot_center h4,.foot_center b{ color: #fff; display: block;}
.foot .f_logo{ width: 25%;}
.foot .f_logo p{ margin: 30px 0;}
.foot_msg{ position: absolute; top: -90px; left: 0; line-height: 180px; width: 100%;}
.foot_msg_box{ border-radius: 20px; color: #fff; background: #334954; padding: 0 70px;}
.foot_msg_box i{ font-size: 140px; margin-right: 40px;}
.foot_msg_box p{font-size: 24px;}
.foot_msg_box form{ margin-left: auto;}
.foot_msg_box form input{ line-height: 62px; border-radius: 10px; padding: 0 20px; width: 400px; background: #485c65; color: #fff; box-sizing: border-box;}
.foot_msg_box form .sub{ width: 180px; padding-left: 40px; background:#fff url(../images/email_43.png) no-repeat 20px center; background-size: 20px; color: #44494f; text-transform: uppercase; margin-left: 20px; cursor: pointer;}
.foot_msg_box form .sub:hover{ background: #097031 url(../images/email_40.png) no-repeat 20px center; color: #fff; background-size: 20px; }
.quick{column-count:2;column-fill:balance;}
.f-nav{ align-items: flex-start;}
.f-nav li{ margin-left: auto;}
.f-nav li.f_contact{ max-width: 40%;}
.f-nav li b{font-size: 24px; position: relative; display: inline-block; padding-bottom: 15px;}
.f-nav li b:after{ position: absolute; width: 68px; height: 4px; background: #097031; content: ''; bottom: 0; left: 0;}
.f-nav li a,.f-nav li p{ line-height: 36px;}
.f-nav li a:hover{ color: #d9efe1;}
.foot_center{ padding-bottom: 50px; border-bottom: 1px solid rgba(255,255,255,.1);}
.copy{ line-height: 60px;}
.copy a{color: #fff;}
.copy a:hover{ color: #d9efe1;}
.page-subnav{ box-shadow: 0 0 8px rgba(0,0,0,.15); display:none;}
.page-nav .item:nth-child(2) .page-subnav{ display:block;}
.secnav_ul{ padding: 30px 0 0; border-bottom:6px solid #d2d2d2;}
.secnav_ul li{ text-align: center; width: 16.66%; position: relative; padding-bottom: 25px;}
.secnav_ul li .green_img{ display: none;}
.secnav_ul li p{ font-family: mulib; color: #333; font-size: 18px; line-height: 30px; height: 30px;}
.secnav_ul li:hover .green_img,.secnav_ul li.on .green_img{ display: inline-block;}
.secnav_ul li:hover .gray_img,.secnav_ul li.on .gray_img{ display: none;}
.secnav_ul li:after{ content: ''; background: #097031; position: absolute; left: 0; bottom: -6px; width: 0; height: 6px; z-index: 2; transition: 0.3s ease;}
.secnav_ul li:hover:after,.secnav_ul li.on:after{ width: 100%;}
.secnav_ul li:hover,.secnav_ul li.on{ background: url(../images/sanjiao_03.png) no-repeat center bottom;}
.third_nav{padding-bottom: 20px;}
.third_nav ul{ display: none;}
.third_nav ul li{ padding:20px; text-align: center; float: left; width: 16.66%; position: relative;}
.third_nav ul li .nav_icon{ display: inline-block; width: 92px; height: 92px; overflow: hidden; border-radius: 50%; border: 1px solid #eaeaea; background-repeat: no-repeat;background-size: cover!important;}
.third_nav ul li p{ line-height: 24px; height: 48px; margin-top: 20px;}
.third_nav ul li:after{ content: ''; position: absolute; right: 0; height: 80%; top: 10%; width: 1px; background: #eaeaea;}
.third_nav ul li:before{ content: ''; position: absolute; bottom: 0; width: 80%; left: 10%; height: 1px; background: #eaeaea;}
.third_nav ul li:nth-child(6n):after{ display: none;}
.third_nav ul li:hover .nav_icon{ background-color: #097031; border-color: #097031; background-position:0 bottom;}
.third_nav ul li:hover p{ color: #097031;}
.m_nav .m_navList ul li .m_f_a i{ display: none;}
.m_nav .m_navList ul li .m_s_nav{ height: 0; overflow: hidden;}
.m_nav .m_navList ul li:nth-child(2) .m_f_a i{ display: inline;}
.m_nav .m_navList ul li:nth-child(2) .m_s_nav{ height:auto;}


.posi{ line-height: 80px;}
.posi i{ color: #097031; margin-right: 10px;}
.ny_item_tit h3{ font-size: 32px;}
.ny_pro_list ul li{ float: left; width: 24%; margin-right: 1.33%; margin-top: 30px;}
.ny_pro_list ul li:nth-child(4n){ margin-right: 0;}
.ny_pro_list ul li .imgfd{ padding: 20px; border-radius: 16px; background: #f2f2f2;}
.ny_pro_list ul li h2{ font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; margin: 15px 0;}
.ny_pro_list ul li:hover h2{ color: #097031}
.ny_pro_list ul li img{ height: 393px;}

.left_nav{ width: 21.5%;}
.left_search{ width: 100%; line-height: 58px; background: #f5f5f5; border-radius: 5px; overflow: hidden;}
.left_search input{ line-height: 58px; padding: 0 15px; background: #f5f5f5; font-style: italic; font-size: 12px;}
.left_search .search_sub{ width: 60px; color: #fff; line-height: 58px; text-align: center; background: #097031 url(../images/search_03.png) no-repeat center center; cursor: pointer;}
.left_nav_box .left_nav_item a{ color: #666;}
.inactive{ line-height: 70px; color: #fff; background: #f5f5f5; border-left: 4px solid #097031;padding-left: 10px; padding-right: 10px; border-radius: 8px; font-weight: bold; color: #333; font-size: 20px; overflow: hidden;}
.inactive.on{ background: #097031;}
.inactive.on a{ color: #fff;}
.inactive.on i{ color: #fff;}
.left_nav_box .left_nav_item .inactive a{ color: #333;}
.left_nav_box .left_nav_item .inactive.on a{ color: #fff;}
.inactive i.jj{ cursor: pointer; margin-left: auto;font-size: 26px; font-family: mulibl;}
.inactive i.reduce{ display: none;}
.inactive.on i.reduce{ display: inline-block;}
.inactive.on i.plus{ display: none;}
.left_nav_item{ margin-bottom: 20px;}
.left_nav_item ul{ padding:0 15px;}
.left_nav_item ul li{ border-bottom: 1px solid #e4e4e4; padding:20px 0;}
.left_nav_item ul li:last-child{ border: none;}
.left_nav_item ul li i{ float: right;}
.left_nav_item ul{ display: none;}
.left_nav_item ul li:hover a{ color: #097031;}
.left_nav_box{ margin: 30px 0;}
.left_nav_tit h3{ font-size: 24px;}
.reco_list{ width: 100%; margin-right: 0; margin-top: 20px;}
.reco_list ul li{ float: none;width: 100%;}
.reco_list.ny_pro_list ul li img{ height: 321px;}
.ny_right{ width: 75%;}
.pro_right{ position: relative;}
.pro_det_tit{ border-bottom: 1px solid #efefef;}
.pro_det_tit h1{ font-size: 32px; font-family: mulibl; line-height: 30px; padding-bottom: 20px;}
.pro_det_tit .short_line{ margin-bottom: 0!important; height: 4px;}
.pro_inform{ padding: 30px 0;}
.pro_inform p,.pro_inform span{ line-height: 30px; color: #666;}
.pro_inform p{ margin-bottom: 20px;}
.pro_inform span{ display: block; padding-left: 20px; background: url(../images/fk_07.png) no-repeat left center;}
.pro_det_txt .more_btn.on{ margin-right: 30px; position: unset;}
.pro_det_txt .more_btn.back{}
.pro_det_txt .more_btn.on:before{ display:none;}
.pro_det_txt .more_btn i{ margin-left: 15px;}
.pro_det_txt .follow{ display: block; margin-top: 80px;}
.pro_det_txt .follow span{ float: left; color: #333; font-weight: bold; text-transform: uppercase; margin-right: 20px; line-height: 28px;}
.ny_pro_pic{ width: 40%; float: left; overflow: hidden; position: relative;}
.pro_det_txt{ width: 55%; float: right;}
.pro_det_img{ background: #f2f2f2; width: 100%; border-radius: 16px; overflow: hidden;}
.pro_det_img .swiper-slide{ padding: 30px;}
.pro_det_img img{ width: 100%; height: 480px;  }
.pro_detile{ margin-top: 70px;}
.pro_det_top{ border-bottom: 1px solid #efefef;}
.pro_det_top h3{  font-size: 30px;}
.pro_content{ background: #fff; padding: 40px 0; border-bottom: 1px solid #efefef;}
.pro_content img{ max-width: 100%!important;}
.pro_det_btns{ margin-top: 40px; line-height: 30px;}
.det_btn i{ font-size: 24px; margin-right: 10px; line-height: 32px;}
.det_btn:nth-child(2){ text-align: right;}
.det_btn a{ color: #666;}
.det_btn:hover a{ color: #097032; }
.ny_pro_massage{background: #f5f5f5; border-radius: 16px; padding: 60px 30px; margin-top: 50px; margin-bottom: 40px;}
.ny_pro_massage h3{  font-size: 32px;  margin-bottom: 25px; }
.formbox{ margin-bottom: 25px;}
.formbox i{ float: right;}
.formbox.fl{ width: 32%; margin-right: 2%; height: 54px; background:#fff;}
.formbox.fl:nth-child(3n){ margin-right: 0;}
.formbox input{ width: 95%; line-height: 24px; padding: 15px; background: #fff; border-left: 6px solid #097031; border-radius: 4px;}
.formbox textarea{ height: 170px; width: 100%; padding: 15px; background: #fff; border-left: 6px solid #097031; border-radius: 4px;}
.ny_pro_massage i{ color: red;}
.ny_pro_massage .sub{ width: 210px; border-radius: 8px; float: right;height: 54px; line-height: 54px; background: #097031; color: #fff; cursor: pointer; margin-top: 40px;}
.relect_pro h3{ font-size: 32px; margin-bottom: 30px;}
.relect_pro .sy_pro_list{width: 100%;}
.relect_pro .sy_pro_list ul li{ width: 24%; margin-right: 1.33%;}
.relect_pro .sy_pro_list ul li:nth-child(4){ margin-right: 0;}
.ny_solution_box{ background: #293c4d;}
.ny_page_tit{ margin: 40px 0;}
.ny_page_tit p{ font-size: 22px; text-transform: uppercase; color: #097031; font-family: mulib;}
.ny_page_tit h3{ font-size: 72px;}
.ny_solution .ny_page_tit{ text-align: center;}
.ny_solution_box .imgfd{ width: 45%; border-radius: 16px;}
.ny_solution_box .imgfd img{ height: 476px;}
.ny_solution_box .ny_sol_txt{ width: 50%;}
.ny_solution_box .ny_sol_txt h3{ font-size: 36px; color: #fff; margin: 20px 0;}
.ny_solution_box p{ color: #fff; margin: 30px 0 45px;}
.ny_solution_box .swiper-button-next,.ny_solution_box .swiper-button-prev{ width: 50px; height: 50px; line-height: 50px;  border: 2px solid #cecece; text-align: center; color: #fff; border-radius: 4px; bottom: 0; left: 50%;}
.ny_solution_box .swiper-button-next:hover,.ny_solution_box .swiper-button-prev:hover{ background: #097031;}
.ny_solution_box .swiper-button-next:before{ content: "\e622";}
.ny_solution_box .swiper-button-prev:before{ content: "\e77c"}
.ny_solution_box .swiper-button-next:after,.ny_solution_box .swiper-button-prev:after{ display: none;}
.ny_solution_box .swiper-button-next{ margin-left: 80px;}
.ny_solution_box .num{ position: absolute; bottom: 0; right: 0; color: #fff; font-size: 24px;}
.ny_solution_box .num b{ font-size: 48px;}

.video_list{ overflow: hidden;}
.video_list h3{ text-align: center; font-size: 48px;}
.video_list .short_line{ margin: 15px auto 30px;}
.video_list ul li{ position: relative; border-radius: 16px; overflow: hidden;}
.video_list .videos,.tech_video_list .videos,.case_video_list .videos{ display:none; position:fixed; left:25%; top:50%; margin-top:-230px; z-index:100; max-width:800px; height:450px; width:50%; }
.video_list .vclose,.tech_video_list .vclose,.case_video_list .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.video_list ul li .play_btn{ position: absolute; text-align: center; left: 0; width: 100%; top: 50%; margin-top: -50px; cursor: pointer;}
.video_list ul li .video_tit{ text-align: center; background: rgba(33,51,67,.7); position: absolute; left: 0; width: 100%; bottom: 0;}
.video_list ul li .video_tit p{ color: #fff; line-height: 64px; height: 64px; overflow: hidden; font-family: mulib; font-size: 22px;}
.video_list ul li .imgfd img{ height: 382px;}

.tech_left{ width: 65%;}
.tech_right{ width: 30%;}
.tech_nav a{ display: inline-block; line-height: 60px; width: 50%; font-size: 24px; font-family: mulibl; text-align: center; color: #333; position: relative; text-transform: uppercase;} 
.tech_nav{ border-bottom: 1px solid #eaeaea;}
.tech_nav a:after{ height: 5px; width: 0; content: ''; position: absolute; left: 0; bottom: 0; background: #097031; transition: 0.3s ease;}
.tech_nav a:hover:after,.tech_nav a.on:after{ width: 100%;}
.tech_nav a:hover,.tech_nav a.on{ background: url(../images/sanjiao_03.png) no-repeat center bottom;}
.article_list ul li{ padding: 40px 0; border-bottom: 1px solid #eaeaea;}
.article_list ul li .date{ font-size: 14px;}
.article_list ul li h2{ font-size: 20px; line-height: 30px; margin-top: 20px; font-family: mulib;}
.article_list ul li:hover h2{ color: #097031;}
.article_list ul li:hover{ border-color: #097031;}
.tech_right_tit{ font-size: 30px; font-family: mulib; padding-bottom: 15px; border-bottom: 1px solid #eaeaea;}
.tech_team{ margin: 40px 0;}
.tech_team .tech_icon{ margin-right: 30px;}
.team_tel p{ font-size: 20px;}
.team_tel b{ font-size: 28px;}
.tech_team .tech_icon img{ -webkit-transition: 2s ease;-moz-transition: 2s ease;}
.tech_team:hover .tech_icon img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.tech_right_form{ padding: 48px 38px; border-radius: 8px; border: 1px solid #eaeaea;}
.tech_right_form h3{ font-size: 28px; text-align: center; margin-bottom: 20px;}
.tech_right_form input,.tech_right_form textarea{ line-height: 54px; padding: 0 22px; border-radius: 8px; border: 1px solid #eaeaea; border-left: 6px solid #17893c; width: 100%; margin-bottom: 10px;}
.tech_right_form .sub{ border: none; background: #17893c; cursor: pointer; color: #fff;}
.tech_right_form .sub:hover{ background: #097031;}

.tech_video_list ul li{ position: relative; float: left; width: 32%; margin-right: 2%; margin-top: 30px; cursor: pointer;}
.tech_video_list ul li:nth-child(3n){ margin-right: 0;}
.tech_video_list ul li .play_btn{ position: absolute; width: 100%; text-align: center; left: 0; top: 30%;}
.tech_video_list ul li .play_btn img{ width: 50px;}
.tech_video_list ul li h2{ font-size: 18px; font-family: mulib; line-height: 30px; height: 60px; margin-top: 15px; overflow: hidden;}
.tech_video_list ul li .imgfd{ border-radius: 12px;}
.tech_video_list ul li .imgfd img{ height: 248px;}
.tech_video_list ul li:hover h2{ color: #097031;}
.techshow_box{ background: #f7f7f7; border-radius: 16px; padding: 70px 60px;}
.techshow_box h1{ color: #333; font-size: 28px; font-family: mulibl;}
.tech_info{ padding: 40px 0; font-family: mulib;}
.tech_info .follow_list{ margin-left: auto; text-transform: uppercase;}
.tech_info .date i{ margin-right: 10px;}
.show_content{ padding: 40px 0; border-top: 1px solid #eaeaea;}
.back_btn{ width: 100%; display: block; background: #ebebeb; line-height: 38px; text-align: center; border-radius: 4px;}
.back_btn:hover{ background: #097031; color: #fff;}
.ny_service .ny_page_tit{ text-align: center;}
.ny_service_box .sy_off_item{ display: block; margin-top: 0;}
.ny_service_box .sy_off_item:nth-child(2n+1) .imgfd,.ny_service_box .sy_off_item:nth-child(2n) .sy_off_txt{ float: left;}
.ny_service_box .sy_off_item:nth-child(2n) .imgfd,.ny_service_box .sy_off_item:nth-child(2n+1) .sy_off_txt{ float: right;}
.ny_service_box .sy_off_item:nth-child(2n) .sy_off_txt{padding: 70px 110px 0 0;}
.ny_service_box .sy_off_item:nth-child(2n) .sy_off_txt .num{ left: -110px;}

.ny_case_list ul li{ margin-top: 40px; float: left; width: 32%; margin-right: 2%; position: relative; border-radius: 16px; overflow: hidden;}
.ny_case_list ul li:nth-child(3n){ margin-right: 0;}
.ny_case_list ul li .ny_case_tit{ position: absolute; background: rgba(33,51,67,.7); width: 100%; text-align: center; color: #fff; bottom: 0;}
.ny_case_list ul li .ny_case_tit h2{ color: #fff; font-size: 18px; font-family: mulib; line-height: 64px; height: 64px; overflow: hidden;}
.ny_case_list ul li .play_btn{ position: absolute; width: 100%; text-align: center; margin-top: -50%; display: none;}
.ny_case_list ul li:hover .ny_case_tit{ background: rgba(9,122,49,.7);}
.ny_case_list ul li .imgfd img,.ny_news_list ul li img{ height: 397px;}

.case_video_list ul li .play_btn{ display: block;}
.left_case_nav{ margin-top: 0;}
.left_case_nav .left_nav_item ul{ display: block;}
.left_case_nav .left_nav_item{ background: #fff; border-radius: 8px;}
.left_case_nav .left_nav_item .inactive{ border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.left_case_nav .left_nav_item ul a{ font-family: mulib; color: #333;}
.rel_case.ny_case_list ul li{ width: 100%; float: none; margin-top: 20px;}
.rel_case.ny_case_list ul li img{ height: 240px;}
.rel_case.ny_case_list ul li .ny_case_tit h2{ height: 50px; line-height: 50px;}
.ny_case_show{ background: #fff; padding: 80px 60px; border-radius: 16px;}
.ny_case_show h1{ font-size: 34px; font-family: mulibl; color: #333;}
.news_info{ padding: 40px 0;}
.news_info .date i{ margin-right: 5px;}
.news_info .follow_list{ margin: 0 auto; text-transform: uppercase;}

.news_nav a{ width: 25%; color: #c5c5c5;}
.news_nav{ border-bottom: 4px solid #c5c5c5;}
.news_nav a:after{ bottom: -4px;}
.news_nav a:hover,.news_nav a.on{ color: #097031;}
.ny_news_list ul li{ margin-top: 30px;}
.ny_news_list ul li .imgfd{ border-radius: 24px;}
.ny_news_list ul li h2{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; margin: 10px 0;}
.ny_news_list ul li .date{ color: #097031;}
.ny_news_list ul li:hover h2{ color: #097031}
.hot_news{ background: #fff; border-radius: 8px; padding: 30px 20px;}
.hot_new_list ul li{ margin-top: 15px;}
.hot_new_list ul li .imgfd{ width: 40%; margin-right: auto; border-radius: 8px;}
.hot_new_list ul li .hot_txt{ width: 55%;}
.hot_txt h2{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;}
.hot_txt p{ font-size: 14px;}
.hot_new_list ul li img{ height: 87px;}
.hot_new_list ul li:hover h2{ color: #097031;}
.ny_about_banner .ny_page_tit{ text-align: center;}
.ny_about_banner .ny_page_tit p{ color: #fff;}
.ny_about_banner .ny_page_tit h3{ color: #fff; max-width: 80%; display: inline-block;}
.ny_about_banner .number{ margin-top: 110px; color: #fff;}
.ny_about_banner .number dt{ margin: 0 auto;}
.ny_about_banner .number p{ font-family: mulibl; font-size: 50px; line-height: 70px;}
.ny_about_banner .number p .counter{ font-size: 70px;}
.mainh{ height: 85px;}
.ny_about_item .about_item_txt{ width: 45%;}
.about_item_txt h3{ font-size: 54px; margin-top: 40px;}
.about_item_txt .short_line{ margin: 25px 0;}
.ny_about_item .about_item_img{ width: 50%; border-radius: 24px; position: relative;}
.ny_about_item .about_item_img .play_btn{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -50px; text-align: center; cursor: pointer;}
.ny_about_item .about_item_img .play_btn img{ width: 100px; display: inline-block;}
.ny_about_item .about_item_txt .more_btn{ margin-top: 30px;}
.ab_globle{ padding: 60px 0;}
.ab_globle .imgfd{ width: 50%;}
.ab_globle .ab_glo_txt{ width: 40%; color: #fff;}
.ab_globle .ab_glo_txt h3{ font-size: 54px; color: #fff;}
.ab_globle .ab_glo_txt .short_line{ background: #fff; margin: 25px 0;}
.ab_globle .ab_glo_txt .more_btn{ margin-top: 40px;}
.video_list{ position: relative;}
.video_list .swiper-pagination-bullet,.ab_company .swiper-pagination-bullet{ background: url(../images/dot2.png) no-repeat; width: 20px; height: 20px;}
.video_list .swiper-pagination-bullet.swiper-pagination-bullet-active,.ab_company .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../images/dot1.png) no-repeat;}

.ab_company h3{ font-size: 48px; text-align: center;}
.ab_company { position: relative; overflow: hidden;}
.ab_company .short_line{ margin: 25px auto;}
.company_list ul li{ border-radius: 12px;}
.company_list ul li img{ height: 365px;}
.con_map_box{ border-radius: 16px; overflow: hidden; background: #293c4d; margin-top: 50px;}
.con_map_box .con_map_txt{ width: 48%; padding: 50px; color: #fff;}
.con_map_box .con_map_txt h3{ font-size: 34px; border-bottom: 1px solid #465665; color: #fff; padding: 20px 0; position: relative; margin-bottom: 15px;}
.con_map_box .con_map_txt h3:after{ position: absolute; height: 6px; width: 100px; background: #fff; left: 0; bottom: 0; content: '';}
.con_map_box .con_map_txt p{ color: #dcdcdc; font-size: 18px;}
.contact_box{ display: inline-block; margin-top: 30px;}
.contact_box .con_icon{ text-align: center;width: 50px; line-height: 50px; height: 50px; border-radius: 25px; border: 1px solid #465665; float: left; margin-right: 10px; margin-bottom: 20px;}
.contact_box .con_icon i{ font-size: 22px;}
.contact_box .con_txt{ display: block;}
.contact_box .con_txt p{ font-size: 16px;}
.contact_box.email{ float: left; width: 38%;}
.contact_box.phone{ float: right; width: 62%;}
.contact_box.phone span{ margin-right: 20px;}
.con_map_txt .follow_list{ margin-top: 30px; overflow:hidden;}
.con_map_txt .follow_list span{ font-style: italic; text-transform: uppercase; font-weight: bold; float:left; margin-right:15px;}
.con_sz_box{ background: #f4f4f4; border-radius: 16px; overflow: hidden; margin-top: 50px;}

.con_sz_box .sz_img{ width: 55%; position: relative;}
.con_sz_box .sz_img img{ width: 100%;}
.con_sz_box .sz_img .add_list ul li{ position: absolute; text-align: center; width: 130px;}
.con_sz_box .sz_img .add_list ul li p{ font-size: 18px; font-weight: bold; color: #333; display: none;}
.con_sz_box .sz_img .add_list ul li .add_icon{ display: inline-block;width: 47px; height: 39px; background: url(../images/dw_gray_06.png) no-repeat;}
.con_sz_box .sz_img .add_list ul li.on .add_icon{ background: url(../images/dw_06.png) no-repeat;}
.con_sz_box .sz_img .add_list ul li.on p{ display: block;}
.con_sz_box .sz_txt{ width: 45%; height: 100%; background: #293c4d; color: #fff; padding: 75px 60px;}
.con_sz_box .sz_txt .sz_txt_box{ display: none;}
.add_list ul li:first-child{ right: 16.5%; top: 45%;}
.add_list ul li:nth-child(2){ left: 60%; top: 30%;}
.add_list ul li:nth-child(3){ left: 20%; top: 40%;}

.con_sz_box .contact_box{ display: block; }
.con_sz_box .sz_txt h3{ padding-bottom: 20px; font-size: 32px; color: #fff; position: relative; border-bottom: 1px solid #465665;}
.con_sz_box .sz_txt h3:after{ position: absolute; height: 6px; width: 100px; background: #fff; left: 0; bottom: 0; content: '';}
.con_sz_box .sz_txt p{ color: #dcdcdc; }
.contact_massage{background: #f5f5f5; border-radius: 16px; padding: 60px 30px; margin-top: 50px; margin-bottom: 40px;}
.contact_massage h3{ text-align: center; font-size: 38px; text-transform:uppercase;}
.contact_massage .short_line{ margin: 20px auto;}
.contact_massage .formbox.fl{ width: 49%; position:relative;}
.contact_massage .formbox .option{ position: absolute; top: 62px; width: 100%; left: 0; background: #fff; z-index: 6; display: none; box-shadow: 0 0 8px rgba(0,0,0,.15); padding-left:20px; line-height:30px; height:240px; overflow-y:scroll;}
.contact_massage .formbox .option ul li{ cursor: pointer;}
.contact_massage .formbox .option ul li:hover{ color:#097031;}
.contact_massage .formbox.fl:nth-child(3n){ margin-right: 2%;}
.contact_massage .formbox.fl:nth-child(2n){ margin-right: 0;}
.contact_massage .sub{ display: block; line-height: 72px; width: 600px; background: #097031; border-radius: 8px; color: #fff; text-align: center; font-weight: bold; font-size: 20px; text-transform: uppercase;  margin: 20px auto 0; cursor: pointer;}
.contact_massage .sub:hover{ font-size: 22px;}

.join_item{ background: #f8f8f8; border-radius: 16px; overflow: hidden; margin-bottom: 60px;}
.join_box .join_item .imgfd,.join_box .join_item .join_txt{ width: 50%;}
.join_box .join_item:first-child .imgfd,.join_box .join_item:nth-child(2) .join_txt{ float: left;}
.join_box .join_item:first-child .join_txt,.join_box .join_item:nth-child(2) .imgfd{ float: right;}
.join_txt{ padding: 90px 70px 0;}
.join_txt h3{ font-size: 36px;}
.join_txt .short_line{ margin: 25px 0;}
.join_txt .more_btn{ margin-top: 40px;}
.social-share{ display: inline-flex;}


@media (max-width: 1600px){
	.sy_off_item .imgfd img{ height: 466px;}
	.sy_item_tit h3{ font-size: 54px;}
	.sy_off_tab span{font-size: 20px; min-width: 300px;}
	.page-header,.top{ padding: 0 2%;}
	.foot_msg_box i{font-size: 100px; margin-right: 20px;}
	.foot_msg_box{ padding: 0 40px;}
	.ny_page_tit h3{ font-size: 66px;}
	.tech_team .tech_icon img{ width: 100px;}
	.join_txt{ padding: 60px 50px 0;}
}



@media (max-width: 1440px){
	.sy_pro_right img{ height: 407px;}
	.sy_pro_left{ margin-top: 30px;}
	.col_icon_list .swiper{ padding-bottom: 20px;}
	.col_txt_box{ margin-top: 30px;}
	.sy_pro_left .more_btn{ margin-top: 30px;}
	.sy_service{ padding: 80px 0 60px;}
	.sy_service .more_btn{ margin-top: 40px;}
	.sy_off_tab span{font-size: 18px; min-width: 270px;}
	.sy_off_item .imgfd img{ height: 418px;}
	.sy_off_txt{ padding: 40px 0 0 50px;}
	.sy_off_txt .num{font-size: 100px; line-height: 90px; top: 20px;}
	.sy_off_txt .more_btn{ margin-top: 40px;}
	.sy_news_list ul li img{ height: 324px;}
	.sy_news_list ul li h2{font-size: 22px;}
	.sy_card .sy_card_item img{ height: 309px;}
	.page-nav .item{ margin-right: 40px;}
	.foot_msg_box p{font-size: 20px;}
	.foot_msg_box form .sub{ width: 150px;}
	.foot_msg_box form input{ width: 360px;}
	.ny_pro_list ul li img{ height: 327px;}
	.left_nav{ display: none;}
	.ny_right{ width: 100%; float: none;}
	.pro_det_img img{ height: 555px;}
	.ny_solution_box .imgfd img{ height: 405px;}
	.ny_solution_box .ny_sol_txt h3{ margin-top: 0;}
	.ny_solution_box p{ margin: 25px 0;}
	.video_list ul li .imgfd img{ height: 325px;}
	.article_list ul li{ padding: 30px 0;}
	.tech_right_form{ padding: 30px 20px;}
	.tech_video_list ul li .imgfd img{height: 211px;}
	.techshow_box{ padding: 50px 40px;}
	.techshow_box h1{font-size: 24px;}
	.tech_info{ padding: 30px 0;}
	.show_content{ padding: 30px 0;}
	.pro_det_btns{ margin-top: 30px;}
	.ny_service_box .sy_off_item:nth-child(2n) .sy_off_txt{ padding: 40px 50px 0 0;}
	.ny_case_list ul li .imgfd img,.ny_news_list ul li img{ height: 325px;}
	.mainh{ height: 60px;}
	.about_item_txt h3{ margin-top: 0;}
	.about_item_txt .short_line{ margin: 20px 0;}
	.company_list ul li img{ height: 325px;}
	.con_map_box .con_map_txt h3{ font-size: 30px;}
	.contact_box.email{ width: 100%; float: none;}
	.contact_box.phone{ width: 100%; float: none;}
	.con_sz_box .sz_txt{ padding: 60px 50px;}
	.join_txt{ padding: 40px 30px 0;}
	.join_txt h3{ font-size: 30px;}
	.join_txt .short_line{ margin: 20px 0;}

}



@media (max-width: 1200px){
	.col_icon_list{ width: 100%; margin-left: -20px;}
	.sy_item_tit h3{font-size: 44px;}
	.sy_pro_right img{ height: 337px;}
	.col_txt_box ul li .second_nav{ margin-top: 15px;}
	.sy_pro_left .more_btn{ margin-top: 15px;}
	.sy_ab_txt .more_btn{ margin-top: 30px;}
	.sy_sol_left p{font-size: 18px;}
	.sy_service{ padding: 40px 0;}
	.sy_service .more_btn{ margin-top: 30px;}
	.sy_off_tab span{font-size: 16px; line-height: 44px; min-width: 150px;}
	.sy_off_item .imgfd img{ height: 346px;}
	.sy_off_txt .num{ display: none;}
	.sy_off_txt h3{font-size: 30px; margin: 10px 0;}
	.sy_off_txt .more_btn{ margin-top: 20px;}
	.sy_off_txt{ padding: 30px 0 0 40px;}
	.sy_off_txt p{font-size: 16px; line-height: 24px;}
	.sy_news_list{ margin-top: 20px;}
	.sy_news_list ul li img{ height: 265px;}
	.sy_news_list ul li .imgfd .date{ line-height: 40px; padding: 0 15px;}
	.sy_news_list .swiper-button-prev, .sy_news_list .swiper-button-next{ width: 50px; height: 50px; line-height: 50px;}
	.sy_news_list .swiper-button-next:after,.sy_news_list  .swiper-button-prev:after{font-size: 24px;}
	.sy_service p{ width: 60%;}
	.sy_news_list .swiper-pagination{ bottom: 25px;}
	.sy_news_list{ padding-bottom: 70px;}
	.sy_card .sy_card_item img{ height: 255px;}
	.sy_card .sy_card_item .card_txt{ padding: 30px 40px 0;}
	.sy_card .sy_card_item .card_txt h3{font-size: 30px;}
	.sy_card .sy_card_item .card_txt p{ margin: 20px 0 30px;}
	.sy_news_list ul li .imgfd{ border-radius: 16px;}
	.page-nav .tarA{font-size: 16px;}
	.page-nav .item{ margin-right: 30px;}
	.foot_msg_box i{ display: none;}
	.foot_msg{ line-height: 40px; text-align: center;}
	.foot_msg_box { display: block; padding: 20px;}
	.foot_msg_box form{ margin-top: 30px;}
	.foot_msg_box form input{ line-height: 50px;}
	.foot{ margin-top: 120px; padding-top: 120px;}
	.f-nav li.f_contact{ max-width: 33%;}
	.foot .f_logo{ width: 25%;}
	.f_box{ width: 68%;}
	.f-nav li:first-child{ margin-left: 0;}
	.ny_pro_list ul li img{ height: 276px;}
	.ny_pro_list ul li .imgfd{ padding: 15px;}
	.ny_pro_list ul li h2{ font-size: 18px;}
	.ny_item_tit h3{ font-size: 28px;}
	.pro_det_img img{ height: 452px;}
	.pro_det_txt .follow{ margin-top: 30px;}
	.ny_page_tit{ margin: 25px 0;}
	.ny_page_tit p{ font-size: 20px;}
	.ny_page_tit h3{ font-size: 58px;}
	.ny_solution_box .imgfd img{ height: 335px;}
	.ny_solution_box .ny_sol_txt h3{ font-size: 30px; margin-bottom: 15px;}
	.ny_solution_box p{ margin: 20px 0; line-height: 24px;}
	.video_list ul li .imgfd img{ height: 267px;}
	.video_list ul li .play_btn img{ width: 50px;}
	.video_list ul li .video_tit p{ line-height: 48px; height: 48px;}
	.video_list ul li .video_tit p{ font-size: 18px;}
	.video_list h3{ font-size: 40px;}
	.tech_left{ width: 100%; float: none;}
	.tech_right{ width: 100%; float: none; margin-top: 30px;}
	.tech_video_list ul li .imgfd img{ height: 270px;}
	.ny_service_box .sy_off_item:nth-child(2n) .sy_off_txt{ padding: 30px 40px 0 0;}
	.ny_case_list ul li .imgfd img,.ny_news_list ul li img{ height: 271px;}
	.ny_case_list ul li .ny_case_tit h2{ line-height: 50px; height: 50px;}
	.case_video_list ul li .play_btn img{ width: 50px;}
	.ny_about_banner .number{ margin-top: 60px;}
	.about_item_txt h3{ font-size: 44px;}
	.ny_about_item .about_item_txt{ width: 48%;}
	.ny_about_item .about_item_txt p{ line-height: 24px;}
	.ab_globle .ab_glo_txt{ width: 45%;}
	.ab_company h3{ font-size: 40px;}
	.company_list ul li img{ height: 268px;}
	.con_map_box .con_map{ display: none;}
	.con_map_box .con_map_txt{ width: 100%; float: none; padding: 50px;}
	.contact_box{ margin-top: 20px;}
	.con_sz_box .sz_txt{ padding: 40px;}
	.join_txt .more_btn{ margin-top: 20px;}
	.join_txt h3{ font-size: 26px;}
	.join_txt .short_line{margin: 15px 0;}
}



@media (max-width: 1024px){
	.sy_pro_left{ width: 100%; float: none;}
	.sy_pro_right{ width: 100%; margin-top: 30px;}
	.sy_pro_right img{ height: 719px;}
	.page-nav .tarA{font-size: 14px;}
	.sy_ab_txt{ width: 100%; float: none;}
	.sy_ab_img{ width: 100%; float: none; margin-top: 30px;}
	.sy_off_tab{ overflow: hidden;}
	.sy_off_tab span{ width: 40%; margin:0 5% 20px; min-width:auto; box-sizing: border-box; float: left;}
	.sy_off_item .imgfd{ width: 100%; float: none;}
	.sy_off_txt{ padding: 30px; width: 100%; float: none;}
	.sy_news_list ul li img{ height: 225px;}
	.sy_news_list ul li .imgfd .date{ top: 10px; left: 10px;}
	.sy_news_list{ margin-top: 0;}
	.sy_news_list .swiper-button-prev{ right: 60px;}
	.sy_off_item .imgfd img{ height: 590px;}
	.foot_center{ display: none;}
	.foot_msg{ position: unset; background: #fff; padding-bottom: 20px;}
	.foot{ padding-top: 0; margin-top: 20px;}
	.page-nav, .page-nava,.top{ display: none;}
	.mbnav-btn{ display: block;}
	.page-header{ top: 0; height: 60px;}
	.page-logo .img, .page-logo .img-w{ height: 40px!important;}
	header{display: none;}
	.ny_pro_list ul li{ width: 32%; margin-right: 2%;}
	.ny_pro_list ul li:nth-child(4n){ margin-right: 2%;}
	.ny_pro_list ul li:nth-child(3n){ margin-right: 0;}
	.h_h{ height: 54px;}
	.ny_pro_list ul li img{ height: 317px;}
	.ny_pro_list ul li span{ font-size: 14px;}
	.pro_det_img .swiper-slide{ padding: 20px;}
	.pro_det_img img{ height: 396px;}
	.pro_det_tit h1{font-size: 26px; line-height: 26px; padding-bottom: 15px;}
	.pro_inform{ padding: 20px 0;}
	.pro_detile{ margin-top: 40px;}
	.pro_content{ padding: 30px 0;}
	.pro_det_btns{ margin-top: 20px;}
	.ny_pro_massage{ margin-top: 30px; padding: 30px 20px;}
	.ny_solution_box .imgfd{ width: 100%; float: none;}
	.ny_solution_box .imgfd img{ height: 631px;}
	.ny_solution_box .ny_sol_txt{ width: 100%; float: none; padding: 30px 0 70px;}
	.ny_solution_box .swiper-button-next, .ny_solution_box .swiper-button-prev{ left: 0;}
	.video_list ul li .imgfd img{ height: 224px;}
	.tech_video_list ul li .imgfd img{ height: 231px;}
	.techshow_box{ padding: 40px 30px;}
	.ny_se.case_video_list ul li .play_btnrvice_box .sy_off_item:nth-child(2n) .sy_off_txt{ padding: 30px;}
	.ny_cacase_video_listse_list ul li{ margin-top: 20px;}
	.ny_case_list ul li .imgfd img,.ny_news_list ul li img{ height: 230px;}
	.ny_case_show{ padding: 60px 40px;}
	.news_info{ padding: 20px 0;}
	.news_nav a{ font-size: 20px;}
	.ny_news_list ul li h2{ font-size: 20px; line-height: 30px; height: 60px;}
	.mainh{ height: 40px;}
	.ny_about_banner .ny_page_tit h3{ max-width: 100%;}
	.ny_about_banner .number p .counter{ font-size: 56px;}
	.ny_about_banner .number p{ font-size: 40px; line-height: 50px;}
	.ny_about_item .about_item_txt{ width: 100%; float: none;}
	.ny_about_item .about_item_img{ width: 100%; float: none; margin-top: 30px;}
	.ab_globle .ab_glo_txt h3{ font-size: 46px;}
	.ab_globle .ab_glo_txt .more_btn{ margin-top: 20px;}
	.company_list ul li img{ height: 223px;}
	.ab_company .short_line{ margin: 20px auto;}
	.con_map_box{ margin-top: 30px;}
	.con_sz_box .sz_img{ width: 100%; float: none;}
	.con_sz_box .sz_txt{ width: 100%; float: none;}
	.join_box .join_item .imgfd, .join_box .join_item .join_txt{ width: 100%!important; float: none!important;}
	.join_txt{ padding: 30px;}
	.contact_list{ display: none;}
	.bottom-feed{ display: none;}
}





@media (max-width: 768px){
	.sy_item_tit h3{font-size: 40px;}
	.sy_pro_right img{ height: 531px;}
	.sy_sol_left .more_btn{ margin-top: 20px;}
	.sy_service p{ width: 80%;}
	.sy_news_list ul li h2{font-size: 18px; line-height: 30px; height: 60px;}
	.sy_news_list ul li img{ height: 164px;}
	.sy_card .sy_card_item img{ height: 170px;}
	.sy_news_list ul li h2{ margin-top: 10px;}
	.sy_card .sy_card_item .card_txt h3{font-size: 24px;}
	.sy_card .sy_card_item .card_txt p{font-size: 16px; line-height: 24px; height: 48px; margin: 10px 0;}
	.sy_card .sy_card_item .card_txt{ padding: 20px 20px 0;}
	.sy_news_list ul li .imgfd .date{font-size: 14px; line-height: 30px;}
	.sy_off_item .imgfd img{ height: 439px;}
	.ny_pro_list ul li img{height: 227px;}
	.ny_pro_list ul li h2{ font-size: 16px; line-height: 24px; height: 48px; margin: 10px 0;}
	.ny_pro_list ul li span{font-size: 12px;}
	.ny_item_tit h3{ font-size: 24px;}
	.ny_pro_pic{ width: 100%; float: none;}
	.pro_det_txt{ margin-top: 30px; width: 100%; float: none;}
	.pro_det_img img{ height: 770px;}
	.pro_content{ padding: 20px 0;}
	.ny_pro_massage h3,.pro_det_top h3{font-size: 26px;}
	.ny_page_tit h3{font-size: 44px;}
	.ny_page_tit p{ font-size: 16px;}
	.ny_page_tit{ margin-top: 0;}
	.ny_solution_box .imgfd img{ height: 472px;}
	.video_list h3{font-size: 30px;}
	.video_list ul li .imgfd img{ height: 264px;}
	.article_list ul li{ padding: 20px 0;}
	.article_list ul li h2{font-size: 18px; line-height: 26px; margin-top: 10px;}
	.tech_nav a{font-size: 20px; line-height: 50px;}
	.tech_video_list ul li .imgfd img{ height: 172px;}
	.tech_video_list ul li h2{ font-size: 16px; line-height: 24px; height: 48px; margin-top: 5px;}
	.tech_info{ padding: 20px 0; font-size: 14px;}
	.show_content{padding: 20px 0;}
	.ny_case_list ul li{ width: 49%;}
	.ny_case_list ul li:nth-child(3n){ margin-right: 2%;}
	.ny_case_list ul li:nth-child(2n){ margin-right: 0;}
	.ny_case_list ul li .imgfd img,.ny_news_list ul li img{ height: 262px;}
	.ny_case_show{ padding: 30px 20px;}
	.ny_case_show h1{ font-size: 28px;}
	.news_info{ font-size: 14px;}
	.tech_nav a{ font-size: 16px;}
	.mainh{ height: 30px;}
	.ny_about_banner .number dt{ font-size: 14px;}
	.ny_about_banner .number{ margin-top: 40px;}
	.ny_about_banner .number p{ font-size: 32px;}
	.ny_about_banner .number p .counter{ font-size: 48px;}
	.ab_globle .imgfd{ width: 100%; float: none;}
	.ab_globle .ab_glo_txt{ width: 100%; float: none;}
	.ab_globle .ab_glo_txt h3{ font-size: 40px;}
	.ab_company h3{ font-size: 32px;}
	.company_list ul li img{ height: 265px;}
	.ab_company{ padding-bottom: 50px;}
	.con_map_box .con_map_txt,.con_sz_box .sz_txt{ padding: 30px;}
	.contact_massage{ padding: 30px;}
	.contact_massage h3{ font-size: 30px;}
	.formbox input{ padding: 10px;}
	.formbox.fl{ height: 44px;}
	.formbox textarea{ height: 130px; padding: 10px;}
	.contact_massage .sub{ width: 100%; line-height: 60px;}
	.con_map_box{ margin-top: 20px;}
	.con_sz_box{ margin-top: 30px;}
	.join_txt{ padding: 20px;}
	.copy{text-align: center;}
	.copy .privacy{ display: none;}
	.copy .fr{float: none;}
}



@media (max-width: 540px){
	.sy_item_tit h3{font-size: 34px;}
	.col_icon_list ul li img{ height: 60px;}
	.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px;}
	.sy_pro_right img{ height: 375px;}
	.sy_sol_left{ width: 100%;}
	.sy_sol_des{ width: 100%; margin-top: 20px;}
	.sy_service{ padding: 30px 0; text-align: center;}
	.sy_service p{ width: 100%;}
	.sy_service .more_btn{ margin-top: 20px;}
	.sy_off_tab span{ width: 95%; margin: 0 2.5% 10px;}
	.sy_off_item .imgfd img{ height: 308px;}
	.sy_item_tit p{font-size: 18px;}
	.sy_news_top .more_btn{ display: none;}
	.sy_news_list ul li img{ height: 183px;}
	.sy_news_list ul li h2{font-size: 16px;}
	.sy_off_txt{ padding: 20px 10px;}
	.sy_news_list .swiper-pagination{ width: 80%;}
	.sy_news_list .swiper-button-prev, .sy_news_list .swiper-button-next{ width: 40px; height: 40px; line-height: 40px;}
	.sy_news_list .swiper-button-prev{ right: 50px;}
	.sy_news_list{ padding-bottom: 50px;}
	.sy_card{ margin-top: 30px;}
	.sy_card .sy_card_item{ width: 100%; margin-bottom: 15px;}
	.sy_card .sy_card_item img{ height: 230px;}
	.foot_msg_box p{font-size: 18px;}
	.foot_msg_box form input{ width: 100%;}
	.foot_msg_box form .sub{ margin-left: 0; margin-top: 20px;}
	.foot_msg_box form input{ line-height: 44px;}
	.ny_pro_list ul li{ width: 49%;}
	.ny_pro_list ul li:nth-child(3n){ margin-right: 2%;}
	.ny_pro_list ul li:nth-child(2n){ margin-right: 0;}
	.ny_pro_list ul li img{height: 245px;}
	.ny_item_tit h3{font-size: 20px;}
	.posi{ line-height: 60px; font-size: 12px;}
	.pro_det_img .swiper-slide{ padding: 15px;}
	.pro_det_img img{ height: 538px;}
	.pro_det_tit h1{font-size: 20px; line-height: 22px; padding-bottom: 0;}
	.pro_inform{ padding: 15px 0;}
	.pro_detile{ margin-top: 20px;}
		.formbox.fl{ width: 100%; float: none;}
	.ny_pro_massage .sub{ width: 100%; float: none; margin-top: 20px;}
	.ny_solution_box .imgfd img{ height: 374px;}
	.ny_solution_box .ny_sol_txt{ padding: 20px 0 50px;}
	.ny_solution_box .swiper-button-next, .ny_solution_box .swiper-button-prev{ width: 36px; height: 36px; line-height: 36px;}
	.video_list ul li .imgfd img{ height: 183px;}
	.video_list ul li .video_tit p{ line-height: 40px; height: 40px;}
	.ny_solution_box .ny_sol_txt h3{font-size: 24px;}
	.video_list .short_line{ margin: 10px auto;}
	.tech_right_tit{font-size: 24px; padding-bottom: 15px;}
	.tech_team{ margin: 20px 0;}
	.team_tel b{ font-size: 24px;}
	.tech_right_form h3{font-size: 24px;}
	.tech_video_list ul li{ width: 49%;}
	.tech_video_list ul li:nth-child(3n){ margin-right: 2%;}
	.tech_video_list ul li:nth-child(2n){ margin-right: 0;}
	.tech_video_list ul li{ margin-top: 20px;}
	.tech_video_list ul li .imgfd img{ height: 183px;}
	.techshow_box{ padding: 20px;}
	.techshow_box h1{ font-size: 20px;}
	.ny_service_box .sy_off_item:nth-child(2n) .sy_off_txt{ padding: 20px 10px;}
	.ny_case_list ul li .imgfd img,.ny_news_list ul li img{ height: 183px;}
	.ny_case_list ul li .ny_case_tit h2{ font-size: 16px; line-height: 40px; height: 40px;}
	.news_info{ display: block; padding: 10px 0;}
	.news_info .follow_list{ margin: 10px 0;}
	.ny_case_show h1{ font-size: 24px;}
	.news_nav a:nth-child(1),.news_nav a:nth-child(2){ width: 30%;}
	.news_nav a:nth-child(3),.news_nav a:nth-child(4){ width: 20%;}
	.ny_news_list ul li h2{ font-size: 18px;}
	.ny_news_list ul li .imgfd{ border-radius: 8px;}
	.ny_news_list ul li{ margin-top: 20px;}
	.mainh{ height: 20px;}
	.ny_about_banner .ny_page_tit h3{ font-size: 36px;}
	.ny_about_banner .number dt{ width: 50%; margin-bottom: 20px;}
	.about_item_txt h3{ font-size: 36px;}
	.about_item_txt .short_line{margin: 15px 0;}
	.ny_about_item .about_item_img .play_btn img{ width: 60px;}
	.ny_about_item .about_item_img .play_btn{ margin-top: -30px;}
	.ab_globle .ab_glo_txt .short_line{ margin: 15px 0;}
	.company_list ul li img{ height: 183px;}
	.con_map_box .con_map_txt h3{ font-size: 22px;}
	.con_map_box .con_map_txt p{ font-size: 16px;}
	.con_map_box .con_map_txt p{ font-size: 14px; line-height: 24px;}
	.con_map_box .con_map_txt, .con_sz_box .sz_txt{ padding: 20px;}
	.con_sz_box .sz_txt h3{ font-size: 22px;}
	.contact_massage .formbox.fl{ width: 100%; margin-right: 0;}
	.contact_massage .sub{ line-height: 40px; font-size: 16px;}
	.contact_massage{ padding: 20px; margin-top: 20px;}
	.contact_massage .short_line{ margin: 15px auto;}
	.contact_massage .sub:hover{ font-size: 18px;}
	.formbox{ margin-bottom: 15px;}
}



@media (max-width: 450px){
	.sy_off_txt .more_btn.on{ margin-left: 20px;}
	.sy_ab_txt .more_btn.wbg{ margin-left: 20px;}
	.sy_ab_txt .more_btn{ padding: 0 10px;}
	.col_icon_list{ padding: 0 32px;}
	.col_txt_box ul li .second_nav a{font-size: 14px; line-height: 30px; width: 100%;}
	.sy_pro_right img{ height: 287px;}
	.sy_item_tit h3{font-size: 28px;}
	.sy_item_tit{ margin-bottom: 15px;}
	.sy_off_txt h3{font-size: 22px;}
	.sy_news_list ul li img{ height: 140px;}
	.sy_news_list ul li h2{ font-size: 14px; line-height: 24px; height: 48px;}
	.sy_news_list .swiper-button-prev, .sy_news_list .swiper-button-next{ width: 30px; height: 30px; line-height: 30px;}
	.sy_news_list .swiper-button-next:after, .sy_news_list .swiper-button-prev:after{font-size: 18px;}
	.sy_news_list .swiper-pagination{ bottom: 15px;}
	.sy_news_list .swiper-button-prev{ right: 40px;}
	.sy_card .sy_card_item img{ height: 175px;}
	.copy{ line-height: 30px; font-size: 12px;}
	.ny_pro_list ul li .imgfd{padding: 10px;}
	.ny_pro_list ul li img{ height: 190px;}
	.ny_pro_list ul li h2{  line-height: 22px; height: 66px;}
	.posi{ line-height: 40px;}
	.pro_det_img img{ height: 399px;}
	.pro_det_txt .follow{ margin-top: 20px;}
	.ny_pro_massage{ margin-top: 20px; padding: 20px 10px;}
	.ny_pro_massage h3, .pro_det_top h3{font-size: 22px;}
	.pro_det_btns{ margin-top: 10px; font-size: 14px; line-height: 20px;}
	.ny_pro_massage h3{ margin-bottom: 10px;}
	.formbox input{ padding: 10px;}
	.formbox.fl{ height: 44px;}
	.formbox{ margin-bottom: 15px;}
	.ny_pro_massage .sub{ height: 44px; line-height: 44px;}
	.ny_page_tit h3{font-size: 32px;}
	.ny_page_tit{margin-bottom: 20px;}
	.ny_solution_box .imgfd img{ height: 287px;}
	.ny_solution_box p{ margin: 15px 0;}
	.video_list h3{font-size: 26px;}
	.video_list ul li .imgfd img{ height: 140px;}
	.video_list ul li .play_btn{ margin-top: -20px;}
	.video_list ul li .play_btn img{ width: 30px;}
	.video_list ul li .video_tit p{font-size: 14px;}
	.ny_solution_box .num{font-size: 18px;}
	.ny_solution_box .num b{ font-size: 36px;}
	.article_list ul li .date{ font-size: 12px;}
	.article_list ul li{ padding: 15px 0;}
	.article_list ul li h2{ font-size: 16px; line-height: 24px;}
	.tech_team .tech_icon img{ width: 80px;}
	.team_tel b{ font-size: 22px;}
	.tech_right_form{ padding: 20px 15px;}
	.tech_right_form h3{ font-size: 20px;}
	.tech_right_form input, .tech_right_form textarea{ line-height: 44px;}
	.team_tel p{ font-size: 18px;}
	.tech_video_list ul li .imgfd img{ height: 140px;}
	.tech_video_list ul li .play_btn img{ width: 40px;}
	.techshow_box h1{ font-size: 18px;}
	.tech_info{ padding: 15px 0;}
	.show_content{ padding: 15px 0;}
	.back_btn{ line-height: 30px;}
	.ny_case_list ul li{ border-radius: 8px;}
	.ny_case_list ul li .imgfd img,.ny_news_list ul li img{ height: 140px;}
	.tech_nav a{ font-size: 18px; line-height: 44px;}
	.case_video_list ul li .play_btn img{ width: 40px;}
	.ny_case_show{ padding: 20px 15px;}
	.ny_case_show h1{  font-size: 20px;}
	.news_info{ font-size: 12px;}
	.news_info p{ font-size: 12px;}
	.ny_news_list ul li h2{ font-size: 16px; line-height: 24px; height: 48px; margin: 5px 0;}
	.ny_news_list ul li .date{ font-size: 12px;}
	.news_nav a{ font-size: 14px;}
	.news_nav a:nth-child(1),.news_nav a:nth-child(2){ width: 35%;}
	.news_nav a:nth-child(3),.news_nav a:nth-child(4){ width: 15%;}
	.ny_about_banner .ny_page_tit h3{ height: 28px;}
	.ny_about_banner .number{ margin-top: 25px;}
	.ny_about_banner .number p .counter{ font-size: 36px;}
	.ab_globle .ab_glo_txt h3,.about_item_txt h3{ font-size: 30px;}
	.ab_company .short_line{ margin: 15px auto;}
	.company_list ul li img{ height: 140px;}
	.ab_company h3{ font-size: 26px;}
	.contact_box .con_icon{ width: 40px; height: 40px; line-height: 40px;}
	.contact_box .con_icon i{ font-size: 18px;}
	.con_map_box .con_map_txt p{ line-height: 20px; font-size: 12px;}
	.contact_box .con_txt p{ line-height: 20px; font-size: 12px;}
	.join_txt h3{ font-size: 22px;}
	.pro_det_btns .det_btn{ float: none; text-align:left;}
}