@charset "utf-8";
/* CSS Document */
.page-logo{ display: block; background: url(../images/logobg_01.png) no-repeat; position: fixed; left: 0; top: 0; width: 640px; height: 148px; background-size: contain; z-index: 10; padding-top: 20px; padding-left: 6%;}
.navchange{ float: right;}
.top{ line-height: 45px; width: 100%; position: fixed; top: 0; right:0; padding-right: 8%; background: #fff; z-index: 9;}
.top .follow_list,.top span{ float: right;}
.top .follow_list{ display: inline-block;margin-top: 9px; float: right;}
.top span{ margin-right: 20px;}
.top span i{ color: #014f8d; margin-right: 5px;}
.sy-ban{ margin-top: 127px;}
.sy-ban img{ width: 100%;}
.navsearch_box{ line-height: 20px; width:700px; display:none;}
.navsearch_box form{ height: 40px;}
.navsearch_box input{ background:none; width:700px; border-bottom:2px solid #fff; padding:10px; color:#fff;}
.icon-guanbi1{ display: none; color: #fff; font-size: 22px;}
.lang{ color: #fff; margin-left: 15px; cursor:pointer; position:relative;}
.lang_list{ position: absolute; display:none; min-width:220px; left:-50px; top:25px; background:#fff;}
.lang:hover .lang_list{ display: block;}
.lang_list a{ display: block; line-height: 30px; padding:0 15px;}
.lang_list a img{ margin-right: 5px;}
.lang_list a:hover{ color:#03b473;}

.sy-ban{ position: relative; padding-bottom: 170px;}
.sy-ban .swiper-slide{ position: relative;}
.sy-ban .cont{ position: absolute; top: 30%; left: 15%;}
.sy-ban .cont .ban_tit i{ font-size: 24px; font-weight:bold; color: #fff; text-shadow:0 0 8px rgba(0,0,0,.7);}
.sy-ban .cont  h3{ font-size: 54px; color: #fff; margin: 30px 0; font-weight:bold; text-shadow:0 0 15px rgba(0,0,0,.8);}
.sy_help{ background: linear-gradient( to right,rgba(1,80,141,1),rgba(3,179,115,1)); position: absolute; padding: 250px 0 40px 0; bottom: 0; left: 0; width: 100%;}
.help_center{ width: 60%; margin: 0 auto;}
.help_center h3{ font-size: 36px; color: #fff; margin-right: auto;}
.help_center .more_btn{ padding: 0 40px; background: none; border: 2px solid #fff;}
.help_center .more_btn a{ color: #fff;}
.sy_item_tit{ margin-bottom: 40px;}
.sy_item_top .sy_item_tit{ margin-right: auto;}
.sy_item_tit p{ color: #333; font-weight:bold;}
.sy_pro .sy_item_top .more_btn{ background: #eeeeee;}
.sy_pro_list ul li{ float: left; width: 32%; margin-right: 2%; position: relative; margin-bottom: 65px;}
.sy_pro_list ul li:nth-child(3n){ margin-right: 0;}
.sy_pro_list ul li .sy_pro_img{ border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.sy_pro_img img{ height: 265px;}
.sy_pro_list ul li .sy_pro_txt{ position: absolute; background: rgba(255,255,255,.9); width: 55%; right: 0; bottom: -28px; line-height: 50px; padding: 0 25px; border-radius: 10px; border-top-right-radius: 0; box-shadow: 0 2px 15px rgba(0,0,0,.15); font-size: 17px;}
.sy_pro_txt h4{ margin-right: auto;}
.sy_pro_txt i{ color: #03b473;}
.sy_pro_list ul li:hover .sy_pro_txt{ background: #03b473; color: #fff;}
.sy_pro_list ul li:hover .sy_pro_txt i,.sy_pro_list ul li:hover .sy_pro_txt h4{ color: #fff;}

.sy_project .swiper-button-prev,.sy_project .swiper-button-next{ position: unset;}
.sy_project .swiper-container ul{ margin-bottom: 15px;}
.sy_project .swiper-container ul li{ border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.1); }
.sy_proj_img img{ height: 425px;}
.sy_project .swiper-container ul li .sy_proj_txt{ padding: 40px; background: #eeeeee;}
.sy_proj_txt h4{ font-size: 22px; height: 34px; overflow: hidden;}
.sy_proj_txt p{ margin: 20px 0; height: 30px; overflow: hidden;}
.sy_project .swiper-container ul li:hover h4{ color:#03b473;}

.sy_about{ position: relative; background: #095591; padding: 95px 0 235px; margin-top: 140px;}
.sy_ab_txt{ width: 45%; float: left; color: #fff;}
.sy_ab_txt p{ text-align: justify;}
.sy_ab_txt .sy_item_tit p,.sy_ab_txt .sy_item_tit h2{ color: #fff;}
.sy_about .sy_ab_img{ width: 50%; position: absolute; top: -80px; right: 0; border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.sy_about .sy_ab_img .imgfdd{ padding-top:60%;} 
.sy_ab_txt .ys_list{ margin: 40px 0;}
.sy_ab_txt .ys_list ul li{ float: left; width: 50%; padding-left: 40px; background: url(../images/ic_03.png) no-repeat left center; color: #03b473; font-weight:bold; margin-bottom: 25px;} 

.sy_custom{ position: relative;}
.sy_cus_img{ width: 40%; position: absolute; left: 0; top: -140px; border-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.sy_cus_txt{ width: 50%; float: right;}
.sy_cus_txt p{ text-align: justify;}
.sy_cus_txt .btn_box{ margin-top: 110px;}
.btn_box .more_btn{ width: 240px; height:56px; overflow:hidden;}
.btn_box .more_btn:first-child{ background: #03b473; margin-right: 20px;}
.btn_box .more_btn:first-child a{ color: #fff;}
.btn_box .more_btn:first-child a .icon-dianhuatianchong{ float: left; font-size: 20px}
.btn_box .more_btn:last-child{ border:2px solid #014f8d;}
.btn_box .more_btn:last-child a{ color: #2e71b6;}
.btn_box .more_btn:last-child:hover a{ color: #fff;}

.one_news,.four_news{ width: 49%; height: 500px;}
.four_news .news_item{ width: 48%; margin-right: 4%; float: left; margin-bottom: 20px; height:calc((100% - 20px) / 2);}
.four_news .news_item:nth-child(2n){ margin-right: 0;}
.news_item{ position: relative; border-radius: 10px; overflow: hidden;}
.one_news .sy_news_txt{ position: absolute; background: #fff; padding: 30px; border-radius: 10px; top: 80px; left: 55px; width: 38%;}
.one_news .sy_news_txt h3{ font-size: 22px;}
.one_news .imgfd{ height: 100%;}
.one_news .imgfd img{ height: 100%;}
.column{ line-height: 28px; padding: 0 8px; color: #fff; font-size: 14px; text-align: center ; min-width: 60px; background: #03b473; border-radius: 14px; display: inline-block; margin-bottom: 15px;}
.date{ display: inline-block; font-size: 14px; color: #014f8d; margin-top: 15px;}
.four_news .news_item{ background: #eeeeee; position: unset;}
.four_news .news_item:hover h3{ color:#03b473; }
.four_news .news_item h3{ font-size: 18px; color: #fff;}
.four_news .news_item h3{ color: #333;}
.four_news .news_item .sy_news_txt{ padding: 30px;}
.four_news .news_item:nth-child(4){ background: #014f8d; position: unset;}
.four_news .news_item:nth-child(4) h3{ color: #fff}
.four_news .news_item:nth-child(4) .date{ color: #03b473;}
.four_news .news_item{ position: relative;}
.four_news .news_item:not(.noimg) .img_edition .column{ top: 30px; left: 30px; position: absolute;}
.four_news .news_item:not(.noimg) .img_edition h3{ width: 100%; padding: 0 30px; left: 0; bottom: 15px;; position: absolute; height: 28px; overflow: hidden; color: #fff;}
.four_news .news_item:not(.noimg) .sy_news_txt{ display: none;}
.four_news .news_item.noimg h3{ height: 84px; overflow: hidden; }
.news_item:hover h3{ color: #03b473;}

.sy_video{ background: #eeeeee; border-radius: 10px; overflow: hidden;}
.sy_video_img{ position: relative; width: 50%;}
.sy_video_txt{ padding: 50px; width: 50%;}
.sy_video_img .play_btn{ width: auto; position: absolute; top: 50%; left: 50%; width: 44px; margin-top: -15px; margin-left: -22px;}
.sy_video_txt .more_btn{ margin-top: 40px; background: #03b473; width: 300px;}
.sy_video_txt .more_btn a{ color: #fff;}
.sy_video_txt .more_btn a i{ margin-left: 30px;}
.sy_video_txt .sy_item_tit{ text-align: left;}
.sy_video_txt h3{ color: #014f8d; font-size: 24px; margin-bottom: 30px;}

.sy_msg{ margin-top: 70px; padding: 55px 0;}
.msg_center{ padding: 50px 0; text-align: center; background: linear-gradient( to right,rgba(1,80,141,.9),rgba(3,179,115,.9)); }
.msg_center h3{ font-size: 36px; color: #fff; width: 50%; margin: 0 auto 20px;}
.msg_center form{ width: 60%; margin: 0 auto;}
.msg_center form .bot_inp{ width: 35%; line-height: 56px; border-radius: 28px; background: #fff; padding-left: 20px; margin-right: 20px;}
.msg_center form .sub{ width: 25%; background: #014f8d; line-height: 56px; border-radius: 28px; text-align: center; color: #fff; cursor: pointer;}
.msg_center form .sub i{ color: #03b473;}
.msg_center form .sub input{ background: none; color: #fff; font-size: 14px; line-height: 56px; cursor: pointer; width:50%;}
.msg_center form .sub:hover{ background: #03b473;}
.msg_center form .sub:hover i{ color: #fff;}

.f_logo{ width: 25%;}
.f_logo p{ margin-top: 20px;}
.f_box{ width: 70%;}
.f-nav li{ float: left; width: 30%;}
.f_contact{ width: 40%; margin-left: auto;}
.privacy{ text-decoration: underline;}

.ny_ban{ margin-top: 127px; position: relative; width: 100%; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban.pro_det_ban{ margin-top: 140px;}
.ny_ban .ny_position{ position: absolute; width: 100%; left: 0; text-align: center; bottom: 40px; color: #fff; font-size: 14px;}
.ny_ban .ny_position.proshow_posi{ position: unset; text-align: left; color:#666;}
.ny_ban .ny_position a{ color: #fff;}
.ny_ban .ny_position.proshow_posi a{ color: #666;}
.ny_ban .ny_position i{ color: #03b473; margin-right: 5px;}
.ab_profile p{ text-align: justify;}
.ny_tit{ font-size: 30px; margin-bottom: 20px;}
.ab_number{ margin-top: 80px;}
.ab_number dl dt{ margin: 0 auto;}
.ab_number dl dt .num_ic{ margin-right: 20px;}
.ab_number dl dt .num_ic img{ height: 60px;-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.ab_number dl dt .counter{ color: #03b473; font-size: 45px;font-weight:bold; line-height: 45px; display: inline-block; height: 45px; margin-bottom: 10px;}
.ab_number dl dt sup{ color: #03b473; font-size: 38px; font-weight:bold;line-height: 30px; display: inline-block; height: 30px;}
.ab_number dl dt:hover .num_ic img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.ab_honor{ margin-top: 80px; position: relative; padding-bottom: 90px;}
.ab_honor ul li{ text-align: center;}
.ab_honor .imgfd{ border: 1px solid #eeeeee; margin-bottom: 20px;}
.ab_honor ul li img{ height: 285px; object-fit: contain;}
.ny_box .swiper-button-prev,.ny_box  .swiper-button-next{ width: 50px; text-align: center; line-height: 40px; background: #eee; height: 40px; bottom: 30px;}
.ny_box .swiper-button-prev{ left: 46%;}
.ny_box  .swiper-button-next{ right: 46%;}
.ab_envir{ padding-bottom: 90px; position: relative;}
.envir_list{ overflow: hidden;}
.envir_list ul li{ border: 1px solid #eee;}
.envir_list ul li img{ height: 285px;}

.ny_box.padd65{ padding: 40px 0;}
.ny_pro_top .pro_top_txt h2{font-weight:bold; color: #03b473; margin-bottom: 30px;}
.ny_pro_top .pro_top_txt p{ text-align: justify;}
.ny_pro_top{ margin-bottom: 40px;}
.pro_choose{ margin: 30px 0;}
.choose_list ul li{ float: left; width: 19%; margin-right: 1.25%; border:1px solid #eee; border-radius: 10px; padding: 50px 30px; text-align: center; font-size: 14px; color: #333;}
.choose_list ul li:nth-child(5){ margin-right: 0;}
.choose_list ul li .cho_ic{ margin-bottom: 30px;}
.choose_list ul li .cho_ic img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.choose_list ul li:hover .cho_ic img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.choose_list ul li .cho_txt{ height: 110px; }
.choose_list ul li:hover{ background: #2e71b6; color: #fff;}

.ny_ban_tit{ position: absolute; top: 40%; width: 100%; text-align: center;}
.ny_ban_tit h3{ color: #fff;font-weight:bold; font-size: 54px; text-transform: uppercase;text-shadow:0 0 8px rgba(0,0,0,.8);}
.ny_ban_tit img{ width: auto;}
.list_top .pro_top_img{ width: 28%;}
.list_top .pro_top_txt{width: 70%;}
.ny_pro_list ul li{ border: 1px solid #eee; border-radius: 10px; padding: 5px; margin-bottom: 30px;}
.ny_pro_list ul li .imgfd{ border-radius: 6px;}
.ny_pro_list ul li p{ padding:0 10px; margin: 10px 0 15px; color: #333; height:60px;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.ny_pro_list ul li:hover p{ color: #03b473;}
.ny_pro_list ul li .imgfd img{ height: 279px;}

.pro_det_ban img{ height: 300px; object-fit: cover;}
.ny_det_top{ margin:20px 0 40px;}
.pro_left{ width: 78%;}
.pro_det_txt{ width: 52%; float: right;}
.pro_det_img{ background: #fff; width: 100%;}
.pro_det_img .imgfd{ border:1px solid #eee;}
.pro_det_img img{ width: 100%; height: 287px; }

.pro_right{ width: 17%;}
.pro_det_img .swiper-button-prev,.pro_det_img .swiper-button-next{ background: rgba(255,255,255,.8); width:30px; height:50px; line-height:50px; text-align:center; top: 35%; bottom: auto;}
.pro_det_img .swiper-button-prev{ left: 0;}
.pro_det_img .swiper-button-next{ right: 0;}
.ny_det_top .btn_box{ text-align: center;}
.ny_det_top h1{ font-size: 30px; margin-bottom: 30px; text-align:center;}
.ny_det_top .btn_box{ margin-top: 30px;}
.ny_det_top .btn_box .more_btn{ width: 200px;}
.ny_det_top .btn_box .more_btn:nth-child(2){ background: #014f8d; border: none;}
.ny_det_top .btn_box .more_btn:nth-child(2) a{ color: #fff;}
.ny_det_top .btn_box .more_btn:nth-child(2) .icon-ziyuan{ font-size: 20px; float: left;}
.show_item_tit{ background: #f5f5f5; padding: 12px 10px; font-size:24px; line-height:20px;font-weight:bold; text-transform:uppercase; color:#014f8d;}
.show_item_tit img{ margin-right: 10px; height:18px;}
.cont_box .pro_xq{ padding:30px 0;}
.cont_box .pro_xq table{ width: 100%;}
.cont_box .pro_xq p{ text-align:justify;}
.cont_box .pro_xq table p{ text-align: center;}
.ny_pro_content img{ max-width: 100%;}
.pro_struc .swiper-container{ width: 50%; margin:0 auto;}
.pro_struc .swiper-wrapper img{ width: 100%; height:468px;}
.pro_struc{ position: relative;}
.pro_struc .swiper-button-prev, .pro_struc .swiper-button-next{ font-size: 60px; background: none; bottom:40%;}
.pro_struc .swiper-button-prev{ left: 18%;}
.pro_struc .swiper-button-next{ right: 18%;}


.pro_form .formbox{ background: #f4f7f9; padding: 15px 15px 15px 5px; line-height: 30px; margin-bottom: 30px; position: relative; border-radius: 10px;}
.pro_form .formbox input{ width: 90%; background: #f4f7f9;}
.formbox .option{ position:absolute; background:#fff; height:260px; padding:10px 0; display:none; z-index:999; overflow:scroll; width:100%; left:0; top:65px; }
.formbox .option ul li{ padding: 5px 10px;}
.formbox i{ color: #999999; float: left; font-size: 18px; margin-right: 5px;}
.pro_form{margin-top: 20px;}
.pro_form .form_left,.pro_form .form_right{ width: 48%;}
.pro_form .form_right .formbox i{ line-height: 20px; font-size:20px;}
.pro_form .formbox textarea{ width: 90%; background: #f4f7f9; height: 112px;}
.pro_form .sub{ width: 100%; text-align: center; color: #fff; line-height: 60px; background: #03b473; cursor: pointer; border-radius: 10px;}
.pro_online{ margin-top: 40px;}

.pro_frame a{ display: block; float: left; width: 19%; margin-right: 1.25%; text-align:center; position:relative; overflow:hidden;}
.pro_frame a:nth-child(5n){ margin-right:0;}
.pro_frame a p{ line-height: 40px; height:40px;}
.pro_frame a img{ height: 178px; width:100%;}
.fd_bg{ position: absolute; width:0; height:calc(100% - 40px); left:0; top:0; transition:.3s ease; text-align:center; background:rgba(0,0,0,.3);}
.pro_frame a:hover .fd_bg{ width:100%;}
.pro_frame a .icon-fangda{ position:absolute; color: #fff; font-size: 24px; font-weight: bold; top:-35px; transition:.3s ease; margin-left:-15px;}
.pro_frame a:hover .icon-fangda{ top:35%;}
.pro_frame a .icon-fangda:hover{ color:#03b473;}
.down_list a img{ height: 400px;}
.pro_app{ position: relative; padding-bottom:90px;}
.pro_app .envir_list ul li img{ height: 221px;}
.pro_app .envir_list ul li{ border: none;}
.pro_app .envir_list ul li h3{ text-align: center;}
.ny_pro_nav{margin-bottom: 30px;}
.ny_pro_nav h3{ font-size: 22px; text-transform:uppercase;}
.ny_pro_nav ul li{ margin-top: 10px; background:#f5f5f5; border:1px solid #ddd; border-radius:5px; padding:15px 10px; color:#333; font-size:18px;}
.ny_pro_nav ul li a{ display: block; color: #333;}
.ny_pro_nav ul li img{ margin-right: 5px; height:40px; width:75px;}
.ny_pro_nav ul li:hover{ background:#03b473;}
.ny_pro_nav ul li:hover a{ color:#fff;}



.pro_right{ width: 18%;}
.right_tit{ line-height: 50px; padding: 0 10px; background: #014f8d; color: #fff; font-size: 16px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-transform: uppercase;}
.hot_list{ padding: 10px; border:1px solid #eee; border-top: none;}
.hot_list ul li{ margin-bottom: 20px;}
.hot_list ul li img{ height: 200px;}
.hot_list ul li p{  font-size: 14px; height: 60px; overflow: hidden; margin-top: 5px;}
.hot_list ul li:hover p{ color: #03b473;}
.hot_news{ margin-top: 30px;}
.hot_news .hot_list ul li{ padding-bottom: 10px; border-bottom: 1px dashed #eee; font-size: 14px; padding-left: 20px; background: url(../images/jt_03.jpg) no-repeat left 5px;}
.hot_news .hot_list ul li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.hot_news .hot_list ul li a{ display: inline-block; height: 44px; overflow: hidden;}
.hot_news .hot_list ul li:hover a{ color: #03b473;}

.ny_proj_list ul li{ border-radius: 10px; overflow: hidden; margin-bottom: 40px;}
.ny_proj_list ul li .proj_txt{ background: #eee; padding: 24px;}
.ny_proj_list ul li .proj_txt h4{ font-size: 18px; height: 28px; overflow: hidden;}
.ny_proj_list ul li .proj_txt p{ margin: 10px 0; font-size: 14px; color: #333; line-height: 24px; height: 48px; overflow: hidden;}
.ny_proj_list ul li:hover .proj_txt h4{ color: #03b473;}
.ny_proj_list ul li img{ height: 277px;}

.ny_news_nav{ width: 100%; padding: 15px 0; text-align: center; background: #eee;}
.ny_news_nav a{ display: inline-block; line-height: 40px; color: #333; margin: 0 15px; border-radius: 20px; padding: 0 20px;}
.ny_news_nav a.act{ background: #03b473; color: #fff;}
.ny_news_nav a:hover{ color: #03b473;}
.ny_news_list ul li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee;}
.ny_news_list ul li .imgfd{ width: 26%; border-radius: 10px;}
.ny_news_list ul li .imgfd img{ height: 280px;}
.ny_news_list ul li .ny_news_txt{ width: 70%;}
.ny_news_list ul li:hover .ny_news_txt h4{ color: #03b473;}
.ny_news_txt h4{ font-size: 18px; height: 28px; overflow: hidden;}
.ny_news_txt p{ margin: 10px 0 40px; height: 90px; overflow: hidden;}
.ny_news_txt .more_btn{ border:1px solid #333; border-radius: 23px;}
.ny_news_txt .more_btn span{ line-height: 46px;}

.con_form{ margin-top: 0;}
.con_left{ width: 50%; padding-right: 4%;}
.con_right{ width: 50%; padding-left: 4%; border-left: 1px solid #eee;}
.contact_box{ margin-top: 30px;}
.contact_box img{ display: block; width:36px;}
.contact_box ul li{ color: #333; margin-bottom: 30px;}
.contact_box ul li.wchat img{ width: 100px;}
.contact_box ul li .txt{margin-left: 20px;}
.contact_box ul li span{ display: block; float: left; font-weight:bold;}
.map{ margin-top: 30px;}

.ny_newshows .show_tit{ font-size: 24px;}
.news_info {padding: 20px 0; border-bottom: 1px solid #ddd;}
.news_info .date{ line-height: 28px; margin-right: 60px; margin-top: 0;}
.news_info .date i{ margin-right: 15px;}
.news_info .follow span{ line-height: 28px; display: inline-block; float: left; margin-right: 15px;}
.news_info .follow_list{ display: inline-block;}
.new_content{ border-bottom: 1px solid #ddd; padding-top: 30px;}
.new_content p{ color: #333; text-align:justify;}
.new_content img{ max-width: 100%!important;}
.show_btn{line-height: 30px; margin-top: 70px; margin-bottom: 15px;}
.show_btn a:hover{ color: #03b473;}
.show_btn .jiantou{ background: #03b473; width: 30px; height: 30px; border-radius: 15px; color: #fff; text-align: center; margin-right: 10px;}
.show_btn .back_btn{ margin: 0 auto;}
.show_btn .back_btn i{ font-size: 20px; margin-right: 10px;}
.next_btn .jiantou{ margin-right: 0; margin-left: 10px;}

.foot .f-nav li.f_contact a{ display:inline-block;}
.ny_vedio_list ul li{ position:relative;}
.ny_vedio_list ul li .play_btn{ position: absolute; left: 50%; top: 28%; margin-left:-20px; width:auto;}
.ny_vedio_list ul li .play_btn img{ width: auto; height:auto;}
.ny_vedio_list ul li img{ height: 340px;}

.right_online{position: fixed;top: 50%; transform:translateY(-50%);right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 26px;color: #fff;background: #03b473;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background: #014f8d;border-radius: 30px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li .box img{ width: 100%; height:100%;}
.right_online li:hover span{ background:#014f8d;}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
@media (max-width: 1600px){
	.help_center{ width: 70%;}
.sy_pro_list ul li .sy_pro_txt{ width: 55%;}
	

}



@media (max-width: 1400px){
	.help_center{ width: 80%;}
	.help_center h3{font-size: 32px;}
	.sy-ban .cont h3{ font-size: 48px; margin: 20px 0;}
	.sy_pro_img img{ height: 220px;}
	.sy_proj_img img{ height: 351px;}
	.sy_about{ padding: 60px 0 200px;}
	.sy_about .sy_ab_img{ top: -20px;}
	.sy_item_tit{ margin-bottom: 30px;}
	.sy_ab_txt .ys_list ul li{ margin-bottom: 15px;}
	.sy_ab_txt .ys_list{ margin: 20px 0;}
	.sy_cus_img{ width: 45%;}
	.one_news, .four_news{ height: 440px;}
	.four_news .news_item .sy_news_txt{ padding: 20px;}
	.sy_video_txt{ padding: 30px;}
	.sy_video_txt h3{ margin-bottom: 20px;}
	.sy_video_txt .more_btn{ margin-top: 20px;}
	.sy_video_img{ height: 100%;}
	.msg_center form .sub{ width: 23%;}
	.page-logo{ width: 500px; height: 150px;}
	.top{ padding-right: 2%;}
	.page-header{ padding: 20px 2%;}
	.ab_number{ margin-top: 60px;}
	.ab_honor{ margin-top: 60px;}
	.ab_honor ul li img{ height: 230px;}
	.envir_list ul li img{ height: 236px;}
	.ny_pro_top .pro_top_txt h2{ margin-bottom: 20px;}
	.choose_list ul li{ padding: 40px 25px;}
	.ny_pro_list ul li .imgfd img{ height: 230px;}
	.pro_right { width: 20%;}
	.ny_pro_nav h3{ font-size: 20px;}
	.ny_pro_nav ul li{ font-size: 16px;}
	.hot_news{ display: none;}
	
	.ny_proj_list ul li img{ height: 230px;}
	.ny_news_txt p{ margin-bottom: 20px;}
	.ny_news_list ul li .imgfd{ width: 30%;}
	.ny_news_list ul li .ny_news_txt{ width: 68%;}
	.ny_news_list ul li .imgfd img{ height: 265px;}
	.ny_vedio_list ul li img{ height: 278px;}  
	.ny_det_top{ margin: 30px 0;}
	.pro_det_img img{ height: 237px;}
	.pro_struc .swiper-wrapper img{ height: 387px;}
	.pro_frame a img{ height: 147px;}

}



@media (max-width: 1200px){
	.help_center h3{ font-size: 28px;}
	.sy_pro_list ul li{ width: 49%; margin-right: 2%;}
	.sy_pro_list ul li:nth-child(3n){ margin-right: 2%;}
	.sy_pro_list ul li:nth-child(2n){ margin-right: 0;}
	.sy_pro_img img{ height: 280px;}
	.sy_proj_img img{ height: 300px;}
	.sy_project .swiper-container ul li .sy_proj_txt{ padding: 20px;}
	.sy_proj_txt p{ height: 60px;}
	.sy_about .sy_ab_img{ top: 0;}
	.sy_cus_img{ top: -80px;}
	.sy_about{ padding: 30px 0 150px;}
	.one_news, .four_news{ height: 370px;}
	.one_news .sy_news_txt h3{ font-size: 20px;}
	.one_news .sy_news_txt{ top: 40px; left: 40px; width: 45%;}
	.four_news .news_item h3{ font-size: 16px;}
	.four_news .news_item.noimg h3{ height: 75px;}
	.column{ margin-bottom: 10px;}
	.four_news .news_item:not(.noimg) .img_edition h3{ height: 25px;}
	.date{ margin-top: 10px;}
	.sy_item_tit{ margin-bottom: 20px;}
	.sy_video_txt h3{ font-size: 20px; margin-bottom: 20px;}
	.sy_video{ height: 435px;}
	.sy_video_img img:not(.play_btn){ height: 100%;}
	.msg_center h3{ font-size: 30px;}
	.msg_center form{ width: 80%;}
	.ny_tit{ font-size: 26px;}
	.ab_number{ margin-top: 40px;}
	.ab_honor{ margin-top: 40px;}
	.ab_number dl dt .counter{font-size: 40px; line-height: 40px; height: 40px;}
	.ab_honor ul li img{ height: 190px;}
	.envir_list ul li img{ height: 198px;}
	.ny_box .swiper-button-prev{ left: 40%;}
	.ny_box .swiper-button-next{ right: 40%;}
	.ny_ban img{ width: 120%; margin-left: -10%;}
	.ny_pro_top .pro_top_img{ width: 100%; float: none;}
	.ny_pro_top .pro_top_txt{ width: 100%; margin-top: 30px;}
	.ny_ban.pro_det_ban{ margin-top: 160px;}
	.pro_left{ width: 100%; float: none;}
	.pro_right{ width: 100%; float: none; margin-top: 40px; margin-bottom:30px;}
	.hot_list ul li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 0;}
	.hot_list ul li:nth-child(3){ margin-right: 0;}
	.hot_list ul li img{ height: 315px;}
	.choose_list ul li{ padding: 30px 20px;}
	.choose_list ul li .cho_txt{ height: 132px;}
	.choose_list ul li .cho_ic img{ height: 48px;}
	.ny_pro_top{ margin-bottom: 40px;}
	.list_top .pro_top_txt{ width: 60%; float: left; margin-top: 0;}
	.list_top .pro_top_img{ width: 38%; float: right;}
	.ny_pro_list ul li .imgfd img{ height: 264px;}
	.pro_det_img img{ height: 198px;}
	.small_pic ul li img{ height: 84px;}
	.hot_list ul li img{ height: 268px;}
	.ny_pro_nav{ display: none;}
	.ny_proj_list ul li img{ height: 200px;}
	.ny_proj_list ul li .proj_txt{ padding: 15px;}
	.ny_news_list ul li .imgfd img{ height: 230px;}
	.map{ display: none;}
	.con_right{ border: none; padding-left: 2%;}
	.con_left{ padding-right: 2%;}
	.ny_vedio_list ul li img{ height: 240px;}
	.pro_det_img .swiper-button-next{ right:0;}
	.pro_det_img .swiper-button-prev{ left: 0;}
	.pro_frame a img{ height: 161px;}
	.pro_app .envir_list ul li img{ height: 196px;}
	.down_list a img{height: 358px;}
	.pro_struc .swiper-button-next{ right: 15%;}
	.ny_box .swiper-button-prev{ left: 15%;}

}



@media (max-width: 1024px){
	.top{ display: none;}
	.page-logo{ background: none; padding: 10px 0 10px 2%; width: auto; height: auto;}
	.page-header{ top: 0; background: #eee;}
	.page-header .top_search{ display: none;}
	.sy-ban{ margin-top: 60px; padding-bottom: 0;}
	.sy-ban img{ width: 120%; margin-right: -20%;}
	.help_center h3{ font-size: 24px;}
	.sy_help{ position: unset; padding: 30px 0;}
	.sy_pro_img img{ height: 244px;}
	.sy_proj_img img{ height: 254px;}
	.sy_proj_txt h4{ font-size: 20px;}
	.sy_proj_txt p{ margin: 10px 0;}
	.sy_about .sy_ab_img{ width: 100%; position: unset; border-radius: 0;}
	.sy_ab_txt{ width: 100%; margin-top: 20px;}
	.sy_about{ padding-bottom: 80px; padding-top: 0; margin-top: 40px;}
	.sy_cus_img{ width: 42%; top: -40px;}
	.sy_cus_txt .btn_box{ margin-top: 30px;}
	.sy_cus_txt{ width: 55%;}
	.one_news, .four_news{ width: 100%; float: none;}
	.one_news{ margin-bottom: 30px; height: auto;}
	.four_news{ height: 650px;}
	.four_news .news_item .img_edition h3{ height: 18px;}
	.sy_video_img{ width: 100%; float: none;}
	.sy_video_txt{ width: 100%; float: none;}
	.sy_video{ height: auto;}
	.sy-ban .cont h3{ font-size: 40px;}
	.help_center{ width: 96%;}
	.copy{ line-height: 30px; padding: 20px 0;}
	.sy_msg{ margin-top: 50px; }
	.ny_ban{ margin-top: 60px;}
	.ab_number dl dt .num_ic img{ height: 40px;}
	.ab_number dl dt .num_ic{ margin-right: 10px;}
	.ab_number dl dt .counter{ margin-bottom: 0;}
	.ab_honor ul li img{ height: 163px;}
	.ab_honor .imgfd{ margin-bottom: 10px;}
	.envir_list ul li img{ height: 232px;}
	.choose_list ul li .cho_txt{ line-height: 18px;}
	.choose_list ul li .cho_ic{ margin-bottom: 15px;}
	.list_top .pro_top_txt{ width: 100%; float: none; margin-top: 30px;}
	.list_top .pro_top_img{ width: 100%; float: none;}
	.ny_pro_list ul li .imgfd img{ height: 225px;}
	.pro_det_img img{ height: 168px;}
	.ny_ban.pro_det_ban{ margin-top: 80px;}
	.btn_box .more_btn{height: 50px;}
	.show_item_tit{ font-size: 20px;}
	.small_pic ul li img{ height: 69px;}
	.pro_det_tit h1{ font-size: 26px;}
	.pro_det_txt .btn_box{ margin-top: 60px;}
	.hot_list ul li img{ height: 227px;}
	.pro_det_ban img{ height: 240px;}
	.ny_proj_list ul li img{ height: 253px;}
	.ny_news_txt p{ height: 60px; margin-bottom: 10px;}
	.ny_news_list ul li .imgfd img{ height: 196px;}
	.con_left,.con_right{ width: 100%; float: none; padding: 0;}
	.con_right{ margin-top: 30px;}
	.show_btn{ margin-top: 40px;}
	.ny_newshows .show_tit{font-size: 20px;}
	.ny_proj_list ul li img{ height: 316px;}
	.contact_list{ display:none;}
	.pro_frame a img{ height: 138px;}
	.pro_app .envir_list ul li img{ height: 168px;}
	.ny_pro_tab ul li{ width: 22%;}
	.ny_pro_tab ul li img{ height: 30px;}
	.down_list a img{ height: 300px;}
	.lang{ display: none;}
.pro_struc .swiper-container{ width: 60%;}
.pro_struc .swiper-wrapper img{ height: 436px;}
}





@media (max-width: 768px){
	.help_center h3{ font-size: 22px;}
	.sy_pro_img img{ height: 180px;}
	.sy_pro_list ul li .sy_pro_txt{ width: 70%; line-height: 56px;}
	.sy_proj_img img{ height: 185px;}
	.sy_proj_txt p{ height: 52px;}
	.sy_cus_img{ position: unset; width: 100%; margin-top: 20px; border-top-left-radius: 10px; border-bottom-right-radius: 0;}
	.sy_cus_txt{ width: 100%; float: none; margin-top: 20px;}
	.four_news{ height: 470px;}
	.msg_center h3{ font-size: 24px;}
	.msg_center form{ width: 96%;}
	.sy-ban .cont{ left: 5%;}
	.sy-ban .cont h3{ font-size: 32px;}
	.sy_about{ padding-bottom: 20px;}
	.ab_number dl dt .num_ic{ display: none;}
	.ab_number dl dt{ text-align: center;}
	.envir_list ul li img{ height: 170px;}
	.ny_ban img{ width: 140%; margin-left: -20%;}
	.ny_ban .ny_position{ bottom: 20px;}
	.copy{ margin-bottom: 50px;}
	.choose_list ul li{ width: 100%; float: none; margin-right: 0; display: flex; align-items: center; margin-bottom: 25px;}
	.choose_list ul li .cho_txt{ height: auto; line-height: 25px; font-size: 16px; text-align: left;}
	.choose_list ul li .cho_ic{ margin-bottom: 0; margin-right: 20px;}
	.ny_pro_list ul li .imgfd img{ height: 255px;}
	.ny_pro_pic{ width: 100%; float: none;}
	.pro_det_img img{ height: 174px;}
	.small_pic ul li img{ height: 122px;}
	.pro_det_txt{ width: 100%; float: none; margin-top: 20px;}
	.pro_det_tit h1{ margin-bottom: 20px;}
	.pro_det_txt .btn_box{ margin-top: 30px;}
	.hot_list ul li img{ height: 167px;}
	.hot_list ul li p{ height: 48px;}
	.ny_proj_list ul li .more_btn{ display: none;}
	.ny_proj_list ul li img{ height: 192px;}
	.ny_news_txt h4{ font-size: 16px; height: 50px;}
	.ny_news_txt p{ height: 48px; margin: 0;}
	.ny_news_txt .more_btn{ display: none;}
	.ny_news_list ul li{ padding-bottom: 20px; margin-bottom: 20px;}
	.ny_news_nav{ padding: 10px 0;}
	.ny_news_list ul li .imgfd img{ height: 150px;}
	.show_btn{ display: block; margin-top: 20px; font-size: 14px;}
	.show_btn .back_btn{ display: none;}
	.next_btn .jiantou,.next_btn a{ float: left; margin-left: 0;}
	.show_btn .jiantou{background: none; color: #02314d; margin: 0;}
	.news_info{ font-size: 14px;}
	.ny_newshows .show_tit{ font-size: 18px;}
	.news_info{padding: 10px 0;}
	.ny_proj_list ul li img{ height: 240px;}
	.ny_pro_tab ul li{ font-size: 18px; width:25%; line-height:50px;}
	.pro_frame a{ width: 32%; margin-right: 2%;}
	.pro_frame a:nth-child(4n){ margin-right:2%;}
	.pro_frame a:nth-child(3n){ margin-right:0;}
	.down_list ul li{ width: 49%;; margin-right: 2%;}
	.down_list ul li:nth-child(3n){ margin-right:2%;}
	.down_list ul li:nth-child(2n){ margin-right:0;}
	.ny_pro_list ul li p{ height: 48px;}
	.btn_box .more_btn{ height: 44px;}
	.pro_struc .swiper-container{ width: 80%;}
	.pro_struc .swiper-button-next{ font-size: 40px; right: 3%;}
	.pro_struc .swiper-button-prev{ font-size: 40px; left: 3%;}
	.pro_frame a img{ height: 174px;}
}



@media (max-width: 540px){
	.sy-ban .cont h3{ margin: 5px 0;}
	.sy-ban .cont{ top: 20%;}
	.sy_help{ display: none;}
	.sy_pro_list ul li{ width: 100%; margin-right: 0; float: none; margin-bottom: 40px;}
	.sy_pro_img img{ height: 253px;}
	.sy_proj_img img{ height: 127px;}
	.sy_proj_txt h4{ font-size: 18px;}
	.sy_project .swiper-container ul li .sy_proj_txt{ padding: 10px;}
	.sy_proj_txt .more_btn{ display: none;}
	.sy_proj_txt p{ margin-top: 0;}
	.sy_ab_txt .ys_list ul li{ font-size: 14px; padding-left: 20px; background-size: 15px;}
	.btn_box .more_btn{ width: 230px;}
	.sy_cus_txt .btn_box{ margin-top: 20px;}
	.one_news .sy_news_txt{ padding: 15px;}
	.one_news .sy_news_txt h3{ font-size: 18px;}
	.four_news{ height: 336px;}
	.four_news .news_item.noimg h3{ height: 50px;}
	.four_news .news_item:not(.noimg) .column{ top: 15px; left: 15px; line-height: 24px; border-radius: 12px;}
	.sy_video_txt{ padding: 15px;}
	.sy_video_txt h3{ font-size: 18px; margin-bottom: 10px;}
	.msg_center h3{ width: 80%; font-size: 20px;}
	.msg_center form .bot_inp{ width: 100%; margin-right: 0; margin-bottom: 15px; line-height: 50px; border-radius: 25px;}
	.msg_center form .sub{ width: 100%; line-height: 50px; border-radius: 25px;}
	.sy_msg{ margin-top: 30px;}
	.ab_number dl{ display: block;}
	.ab_number dl dt{ width: 50%; float: left; margin: 0 0 20px 0;}
	.ab_number dl dt .num_txt{ width: 100%;}
	.ab_number dl dt sup{ font-size: 30px;}
	.ny_tit{font-size: 22px; margin-bottom: 15px;}
	.ab_honor ul li img{ height: 120px;}
	.ab_honor{ padding-bottom: 60px;}
	.ny_box .swiper-button-prev, .ny_box .swiper-button-next{ background: none; bottom: 20px;}
	.ab_envir{ padding-bottom: 60px;}
	.envir_list ul li img{ height: 185px;}
	.ny_ban img{ width: 160%; margin-left: -30%;}
	.ny_ban .ny_position{ bottom: 10px;}
	.choose_list ul li .cho_txt{ font-size: 14px;}
	.choose_list ul li{ padding: 20px;}
	.ny_pro_list ul li .imgfd img{ height: 175px;}
	.ny_pro_list ul li p{ padding: 0; margin: 5px 0 10px;}
	.pro_det_img img{ height: 185px;}
	.ny_det_top{ margin: 20px 0;}
	.small_pic ul li img{ height: 87px;}
	.pro_form .form_left, .pro_form .form_right{ width: 100%; float: none;}
	.ny_pro_content{ margin-top: 30px;}
	.hot_list ul li img{ height: 115px;}
	.pro_det_ban img{ height: 200px;}
	.pro_det_tit h1{font-size: 22px;}
	.pro_form .formbox{ margin-bottom: 20px; padding: 10px 10px 10px 5px;}
	.pro_form .sub{ line-height: 40px;}
	.ny_proj_list ul li .proj_txt h4{ font-size: 16px; height: 50px; overflow: hidden;}
	.ny_proj_list ul li img{ height: 133px;}
	.ny_proj_list ul li{margin-bottom: 20px;}
	.ny_news_txt p{ display: none;}
	.ny_news_nav a{line-height: 30px; border-radius: 15px;}
	.ny_news_list ul li .imgfd img{ height: 102px;}
	.con_right{ margin-top: 20px;}
	.new_content{ padding-top: 20px;}
	.ny_proj_list ul li img{ height: 170px;}
	.ny_vedio_list ul li .play_btn img{ height: 20px;}
	.ny_vedio_list ul li .play_btn{ margin-left: -15px; top:25%;}
	.pro_frame a img{ height: 122px;}
	.pro_app .envir_list ul li img{ height: 187px;}
	.ny_pro_tab ul li{ font-size: 16px;}
	.down_list a img{ height: 218px;}
	.pro_struc .swiper-button-prev, .pro_struc .swiper-button-next{ font-size: 30px; bottom: 40%;}
	.pro_struc .swiper-wrapper img{ height: 306px;}
	.pro_struc .swiper-button-prev{ left: 0;}
	.pro_struc .swiper-button-next{ right: 0;}
}



@media (max-width: 450px){
	.sy-ban .cont .ban_tit i{ font-size: 18px;}
	.sy-ban .cont h3{ font-size: 24px;}
	.sy-ban .more_btn{ display: none;}
	.sy_pro_img img{ height: 195px;}
	.sy_item_top .more_btn{ display: none;}
	.sy_proj_img img{ height: 102px;}
	.sy_proj_txt p{ display: none;}
	.sy_about{ margin-top: 20px;}
	.sy_ab_txt .ys_list ul li{ width: 100%; float: none; margin-bottom: 5px;}
	.one_news .sy_news_txt h3{ font-size: 16px;}
	.one_news .sy_news_txt{ padding: 10px; left: 20px; top: 20px;}
	.four_news .news_item{ width: 100%; float: none; margin-right: 0;}
	.four_news{ height: auto;}
	.sy_video_txt h3{ font-size: 16px;}
	.msg_center{ padding: 30px 0;}
	.msg_center form .bot_inp{line-height: 44px; border-radius: 22px;}
	.msg_center form .sub{ line-height: 44px; border-radius: 22px;}
	.four_news .news_item:not(.noimg) .sy_news_txt{ display: block;}
	.four_news .news_item:not(.noimg) .img_edition{ display: none;}
	.sy_msg{ margin-top: 20px; padding: 30px 0;}
	.ab_number dl dt .counter{ font-size: 34px; line-height: 34px; height: 34px;}
	.ab_number dl dt .num_txt{ font-size: 14px;}
	.ab_number,.ab_honor{ margin-top: 20px;}
	.ab_honor ul li img{ height: 134px;}
	.envir_list ul li img{ height: 140px;}
	.choose_list ul li .cho_txt{ line-height: 20px;}
	.ny_pro_top{ margin-bottom: 20px;}
	.ny_pro_list ul li .imgfd img{ height: 132px;}
	.pro_det_img img{ height: 140px;}
	.ny_det_top .btn_box .more_btn{ width: 180px;}
	.show_item_tit img{ height: 14px;}
	.show_item_tit{ font-size: 16px;}
	.small_pic ul li img{ height: 66px;}
	.pro_det_tit h1{ font-size: 20px;}
	.pro_det_txt .btn_box .more_btn{ width: 170px;}
	.hot_list ul li img{ height: 87px;}
	.pro_right{ margin-top: 20px;}
	.ny_proj_list ul li .proj_txt{ padding: 10px;}
	.ny_proj_list ul li .proj_txt p{ display: none;}
	.ny_proj_list ul li img{ height: 103px;}
	.ny_proj_list ul li .proj_txt h4{ font-size: 14px;}
	.ny_news_txt h4{ font-size: 14px; height: 44px; overflow: hidden;}
	.ny_news_nav a{ margin: 0 10px; font-size: 14px; padding: 0 15px;}
	.ny_news_list ul li .imgfd img{ height: 78px;}
	.sy_proj_txt h4{ font-size: 14px; height:22px;}
	.ny_proj_list ul li img{ height: 130px;}
	.ny_pro_tab{ background: none;}
	.ny_pro_tab ul li{ float: none; width: 100%; line-height:30px; border-radius:15px; margin-bottom:15px; border:1px solid #eee; color:#666;}
	.ny_pro_tab ul li.on, .ny_pro_tab ul li:hover{ border-color: #03b473; color: #fff;}
	.pro_frame a{ width: 49%; margin-right: 2%;}
	.pro_frame a:nth-child(3n){ margin-right:2%;}
	.pro_frame a:nth-child(2n){ margin-right:0;}
	.pro_frame a img{ height: 140px;}
	.pro_app .envir_list ul li img{ height: 140px;}
	.cont_box .pro_xq{ padding: 15px 0;}
	.pro_app{ padding-bottom: 60px;}
	.pro_online{ margin-top: 0;}
	.down_list ul li{ width: 100%; float: none; margin-right: 0; margin-bottom:10px;}
	.ny_pro_tab ul li{ padding: 0;}
	.ny_pro_tab ul li p{ line-height:32px;}
	.ny_pro_tab ul li img{ display:none;}
	.down_list a img{ height: 263px;}
	.sy_pro_list ul li .sy_pro_txt{ padding: 0 15px;}
	.sy_pro_txt h4{ font-size: 14px;}
	.pro_struc .swiper-wrapper img{ height: 234px;}
    
}



























