@charset "utf-8";

/* CSS Document */
.bannerswiper .img-m{display: block;}
.bannerswiper span.iconfont{font-size: 14px;color: #fff;}
.bannerswiper .page .swiper-num{position: absolute;z-index: 2;bottom: 74px;right: 8%;color: #fff;}
.bannerswiper .page .prne{width: 40px;position: absolute;bottom: 70px;right: 9%;}
.bannerswiper .page .svg-swiper-pagination{position: absolute;bottom: 64px;left: 8%;z-index: 3;}
.svg-swiper-pagination .swiper-pagination-bullet{margin: 0 5px;}
.bannerswiper .banner-towrap{position: absolute;bottom: 42px;left: 50%;z-index: 2;margin-left: -24px;}
.bannerswiper .banner-towrap p{font-size: 12px;color: #FFFFFF;text-align: center;margin-top: 10px;}
.bannerswiper .banner-to{transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;display: block;font-size: 1em;width: 20px;height: 30px;border: 1px solid #FFFFFF;background-color: transparent;border-radius: 2rem;overflow: hidden;z-index: 9;margin: auto;}
.bannerswiper .banner-to strong{ animation: downico 1.5s ease-out infinite;position: relative;display: block;line-height: 30px;width: 3px;height: 5px;background: #FFFFFF;margin:10px auto;}
.sy-ban .b-trext{position: absolute;left: 50%; margin-left: -800px; top: 40%; }
.sy-ban .b-trext p{font-size: 45px;color: #fff;font-family: teko; }
.sy-ban .b-trext h3{font-size: 66px;color: #fff;display: block; margin-top: 20px;}
.sy-ban .b-trext h3 span{ color: #fff;}
.sy-ban .b-trext .more_btn{ margin-top: 80px;}
.sy_item_tit h2{ text-transform: uppercase;}
.sy_item_tit p{ line-height: 16px;}
.gray_bar{ background: #f8f8f8; width: 100%; height: 90px;}

.swiper-pagination .swiper-pagination-bullet{ width: 9px; height: 12px; background: #b8b8b8; transform: skew(-15deg); border-radius: 0;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#585755; }
.sypro_item{ display: none;}
.sypro_item .sypro_left{ width: 40%; margin-top: 120px;}
.sypro_item .sypro_right{ width: 55%;}
.sypro_left h2{ color: #585755;}
.sypro_item .sypro_left .prodes{ margin: 10px 0;}
.prochara p{ padding-left: 20px; background: url(../images/fk1_03.jpg) no-repeat left center; line-height: 40px;}
.sypro_item .sypro_left .more_btn{ margin-top: 60px;}
.sypro_right img{ width: 100%; height: 650px;}
.sy_pro_nav{ background: #272727; padding: 0 6%;}
.sy_pro_nav ul li{ width: 16.66%; float: left; text-align: center; padding: 15px 0; cursor: pointer;}
.sy_pro_nav ul li img{ width: 94%; height: 195px;}
.sy_pro_nav ul li{ font-family: teko; font-size: 27px; color: #fff;}
.sy_pro_nav ul li p{ height: 60px; overflow:hidden;}
.sy_pro_nav ul li.on{ background: #fff; color: #585755;}

.sy_ab_txt{ width: 45%; padding-top: 80px;}
.sy_ab_txt .more_btn{ margin-top: 40px;}
.sy_about .ab_center{ position: relative;}
.sy_ab_num{ position: absolute; left: 0; bottom: 60px; width: 60%; z-index:9; }
.sy_ab_num dl dt{ float: left; width: 31%; margin-right: 3.5%; background: #fff; padding: 30px; box-shadow: 0 0 8px rgba(0,0,0,.2);}
.sy_ab_num dl dt:nth-child(3){ margin-right: 0;}
.sy_about_img{ width: 50%;}
.sy_about_img img{ width: 100%;}

.app_nav .more_btn{ margin-top: 30px;}
.app_nav_list ul li{ font-family: teko; font-size: 28px; cursor: pointer; line-height: 48px;}
.app_nav_list ul li i{ display: none;}
.app_nav_list ul li.on a{ color: #585755;}
.app_nav_list ul li.on i{ display: inline-block; color:#585755;}
.case_box{ margin-right: 6%; width: 65%;}
.case_list ul li{ width:32%; margin-right: 2%; float: left; position: relative;}
.case_list ul li img{ height: 600px;}
.case_list ul li:nth-child(3){ margin-right: 0;}
.case_list ul li .case_txt{background: linear-gradient( to top,rgba(51,51,51,1),rgba(222,0,37,0.01)); position: absolute; left: 0; bottom: 0; width: 100%; padding: 50px 30px 30px; color: #fff;}
.case_list ul li .case_txt p{ font-family: teko;font-size: 24px;}
.case_list ul li:hover .case_txt {background: linear-gradient( to top,rgba(222,0,37,1),rgba(222,0,37,0.01));}

.sy_choose .sy_item_tit{ text-align: center;}
.sycho_list ul li{ width: 21%; margin-right: 2%; float: left; overflow: hidden; text-align: center; cursor: pointer; position: relative; transition: 0.3s ease; height: 540px;}
.sycho_list ul li:nth-child(4){ margin-right: 0;}
.sycho_list ul li img{ height: 100%; object-fit: cover;}
.sycho_list ul li.large{ width: 31%;}
.sycho_list ul li .choose_txt{ width: 100%; position: absolute; padding: 70px 30px; left: 0; bottom: 0; height: 230px; overflow: hidden;background: linear-gradient( to top,rgba(0,0,0,.5),rgba(0,0,0,0.01)); transition: 0.3s ease;}
.sycho_list ul li .choose_txt img{ width: 65px; height: 65px;}
.sycho_list ul li .choose_txt h4{ font-family: tekom; font-size: 28px; color: #fff; margin-top: 10px;}
.sycho_list ul li .choose_txt p{ color: #fff; text-align: left;}
.sycho_list ul li .choose_txt p,.sycho_list ul li .choose_txt .more_btnw{ display: none;}
.sycho_list ul li:hover .choose_txt{ height: 100%;  background: rgba(222,0,37,0.9)}
.sycho_list ul li:hover .choose_txt p{ display: block;}
.sycho_list ul li:hover .choose_txt .more_btnw{ display: inline-block;}
.sycho_list ul li .choose_txt .more_btnw{ margin-top: 40px;}


.choose_list ul li{ width: 24%; margin-right: 1.33%; background: #fff; padding: 60px 40px; text-align: center; float: left; border-radius: 6px;}
.choose_list ul li:nth-child(4){ margin-right: 0;}
.choose_list ul li img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.choose_list ul li:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.choose_list ul li h4{ margin: 20px 0; font-size: 24px; font-family: teko;}
.choose_list ul li:hover h4{ color: #585755;}
.choose_list ul li p{ height: 90px;}

.sy_news .sy_item_tit{ align-items: flex-start;}
.sy_news .sy_item_tit .more_btn{ margin-left: auto;}
.sy_news_list{ width: 60%;}
.sy_news_list ul li{ width: 49%; margin-right: 2%; float: left; overflow: hidden; background: #f6f6f6;}
.sy_news_list ul li:nth-child(2){ margin-right: 0;}
.sy_news_list ul li .imgfd{ position: relative;}
.sy_news_list ul li .imgfd img{ height: 320px;}
.sy_news_list ul li span.date{ position: absolute; display: block; font-family: teko; width: 120px; line-height: 42px; color: #fff; background: #585755; border-radius: 3px; text-align: center; font-size: 22px; left: 30px; bottom: 30px;}
.sy_news_txt{padding: 30px; background: #f6f6f6;}
.sy_news_txt h3{ font-family:teko; font-size: 30px; line-height: 40px; height: 80px; overflow: hidden; }
.sy_news_txt p{ height: 60px; overflow: hidden; }
.sy_news_txt .more{ margin-top: 40px;}
.sy_news_txt .more span{ color: #333; text-transform: uppercase; font-family: teko; font-size: 20px;}
.sy_news_list ul li:hover .sy_news_txt .more span{ color: #585755;}
.sy_news_list ul li:hover .sy_news_txt h3{ color: #585755;}

.news_right{ width: 38%;}
.news_item{ height: 585px;}
.news_item .news_box{ margin-bottom: 30px;height:calc((100% - 30px) / 2);}
.news_item .news_box:nth-child(2){ margin-bottom: 0;}
.news_item .news_box h3{ height: 40px;}
.news_item .news_box:nth-child(1):hover h3{ color: #585755;}
.news_item .news_box:nth-child(1):hover .more span{ color: #585755;}
.news_item .news_box span{ font-family: teko; font-size: 20px; display: inline-block; margin: 5px 0;}
.news_item .faq h3 i{ font-family: teko;}
.news_item .faq h3{ padding-bottom: 20px; border-bottom: 1px solid rgba(30,30,30,.1); margin-bottom: 20px;}
.syfaq_list ul li{ line-height: 40px; font-family: tekom; padding-left: 20px; background: url(../images/fk1_03.jpg) no-repeat left center; font-size: 22px; height: 40px; overflow: hidden;}
.syfaq_list ul li a{ color: #333;}
.syfaq_list ul li:hover a{ color: #585755;}
.news_item .faq h3 a:hover{ color: #585755;}


.f_left{ width: 29%;}
.f_left .follow_list{ display: inline-block;}
.follow{ line-height: 28px; width: 230px;}
.foot_contact{ margin: 20px 0;}
.foot_contact p{ line-height: 40px;}
.foot_contact p i{ color: #585755; margin-right: 5px;}
.f_right{ width: 60%;}
.fc_item{ width: 33.3%; padding-left: 60px; background: url(../images/ic_26.png) no-repeat left 10px; min-height:60px;}
.f_icon{ margin-right: 15px;}
.fc_item h5{ color: #fff; font-size: 20px;}
.fc_item:nth-child(2){ background: url(../images/ic2_28.png) no-repeat left 10px;}
.fc_item:nth-child(3){ background: url(../images/ic3_26.png) no-repeat left 10px;}
.fr_top{ align-items: flex-start; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.2)}
.fr_bottom{ padding-top: 45px;}
.f_message{ width: 364px;}
.f_message input{ width: 260px; line-height: 50px; padding-left: 20px; background: #1d1d1e; color: #fff;}
.f_message input::placeholder{ opacity: 1;}
.f_message .sub{  background: #585755; color: #fff; width: 104px; padding-left: 0; text-align: center; cursor: pointer;}
.foot_center{ position: relative;}
.foot_center .b_top{ position: absolute; bottom: -10px; right: 0; width: 54px; height: 54px; line-height: 54px; text-align: center; border: 1px solid rgba(255,255,255,.2);cursor:pointer;}
.foot_center .b_top:hover{ background:#585755;}
.link{ margin-right: auto; line-height: 28px;}
.link a{ margin: 0 5px; color: #b9b9b9;}
.link_box{ margin-top:30px;}
.search_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.4); display: none;z-index: 9999;}
.search_box{ width: 550px; padding: 40px; margin: 350px auto; background: #fff; position: relative;}
.search_input p{ text-align: center;margin-bottom: 20px; font-size: 26px; color: #333;}
.search_input input{ width: 100%; line-height: 40px; border: 1px solid #ddd;}
.search_input input.search_sub{ cursor: pointer;text-align: center; line-height: 40px; color: #fff; margin: 25px auto 0; width: 100px; background: #585755; color: #fff; border: none; border-radius: 3px; display: inherit;}
.search_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer;}

.ny_ban{ margin-top: 80px; width: 100%; overflow: hidden; position: relative;}
.ny_ban .imgg img{ width:100%;}
.ny_position{ line-height: 110px;}
.ny_position a{ font-size: 14px; color: #555;}
.ny_position i{ color: #585755; font-size: 14px; margin-right: 5px;}
.ny_ban .center .ny_ban_tit{ position: absolute; top: 45%; color: #fff; font-size: 60px; text-transform: uppercase; font-family: teko;}
.ny_ban .center .ny_position{ position: absolute; bottom: 0; color: #fff;}
.ny_ban .center .ny_position i{ color: #fff; margin-right: 5px;}
.ny_ban .center .ny_position a{ color: #fff;}
.ny_pro_top{ width: 60%; }
.ny_pro_top h2{ font-size: 48px;  line-height: 48px;}
.ny_pro_top p{ font-size: 18px; margin-bottom: 40px; line-height: 24px; color: #717171;}
.ny_nav{ margin-top: 30px;margin-bottom: 50px;}
.ny_nav h3{ font-size: 30px;}

.pro_descrip{ background: #fff; width: 100%; padding: 50px; margin-bottom:30px;}
.iauth { margin-top: 30px;}
.iauth .tarA{ float: left; text-align: center; padding: 0 30px; background: #fff; min-width: 180px; margin-right: 30px;border-radius: 3px; transition: 0.3s ease;}
.iauth .tarA a{ line-height: 54px; width: 100%; display: block; color: #333; font-family: teko; font-size: 22px;}
.iauth .tarA.act,.iauth .tarA:hover{ background: #585755;}
.iauth .tarA.act a,.iauth .tarA:hover a{ color: #fff;}
.ny_pro_txt{ width: 45%;}
.ny_pro_list ul li .imgfd{ width: 50%;}
.ny_pro_list ul li .imgfd img{ width: 100%; height: 255px;}
.ny_pro_list ul li{ width: 49%; margin-right: 2%; background: #fff; float: left; padding: 60px 50px; margin-bottom: 40px; border-radius: 6px;}
.ny_pro_list ul li:hover h3{ color:#585755;}
.ny_pro_list ul li:nth-child(2n){ margin-right: 0;}
.ny_pro_list ul li h3{ font-size: 24px; overflow: hidden;}
.ny_pro_list ul li .short_line{margin: 15px 0 0;}
.des_list{ border-top: 1px solid #ececec; padding-top: 30px; height:90px;}
.des_list p{ background: url(../images/fk1_03.jpg) no-repeat 0px 10px; padding-left: 15px;}

.ny_position.show_ny{ margin-top: 80px;}

.ny_app .ny_item_tit{ border-bottom: none;}
.ny_case_list{ overflow: hidden;}
.relect_case{ position: relative;}
.app_content{ margin-top: 70px;}
.app_content .ny_app_txt{ width: 50%;}
.app_content .ny_app_img{ width: 45%;}
.app_content .ny_app_txt h3{ font-family: teko; font-size: 38px; margin: 20px 0;}
.ny_box .more_btn,.ny_box .more_btnw,.ny_box .more_btn:hover,.ny_box .more_btnw:hover{ width: 184px; background-size: 100%;}
.ny_box .more_btn a,.ny_box .more_btn span,.ny_box .more_btnw a,.ny_box .more_btnw span{ font-size: 24px; line-height: 56px;}
.app_content .ny_app_txt .more_btn{ margin-top: 60px;}
.relect_case{ background: #f8f8f8;}
.ny_case_list h3{ text-align: center; font-family: teko; font-size: 48px;}
.ny_case_list ul li{ position: relative;}
.ny_case_list ul li img{ height: 525px;}
.ny_case_list ul li .case_txt{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 50px 30px 30px; color: #fff;}
.ny_case_list ul li .case_txt p{ font-family: teko;font-size: 24px;}
.ny_case_list ul li:hover .case_txt {background: linear-gradient( to top,rgba(222,0,37,1),rgba(222,0,37,0.01));}



.ny_pro_pic{ width: 45%; float: left; overflow: hidden; position: relative;}
.pro_det_txt{ width: 52%; float: right;}
.pro_det_img{ border: 1px solid #ddd;width: 100%;}
.pro_det_img img{ width: 99.9%; height: 470px; }
.small_pic{ margin-top: 20px;}
.small_pic ul li{ width: 16.66%; border:1px solid #ececec; text-align: center;}
.small_pic ul li img{height: 81px; width: 100%;}
.small_pic ul li.swiper-slide-thumb-active{ border:1px solid #329e6b;}
.pro_det_tit h1{ font-size: 34px;}
.pro_det_tit .short_line{ margin-bottom: 0!important; height: 4px; width: 120px;}
.pro_det_tit{ border-bottom: 1px solid #d1d1d1;}
.pro_inform{ padding: 20px 0; }
.pro_inform p{ line-height: 24px;}
.pro_inform span{ display: block; padding-left: 20px; background: url(../images/icon5_03.png) no-repeat left 5px; line-height: 30px;}
.pro_inform .prochara{ margin-top: 30px;}
.pro_inform .prochara p{ width: 33.3%; float: left;}
.pro_det_txt .more_btn{ margin-top: 30px;}
.pro_det_txt .more_btn.quote a{ color: #fff;}
.pro_det_txt .more_btn.quote{ margin-left: 30px; background:url(../images/btnbgr_03.png) no-repeat center; background-size: 100%;}
.pro_det_txt .follow{ display: block; margin-top: 30px;}
.pro_det_txt .follow p{ float: left; color: #333; font-size: 26px; margin-right: 20px; font-family: teko; line-height:36px;}
.pro_det_txt .follow p span{ float: none; color: #585755;}
.pro_det_txt .follow i{ color: #fff;}
.pro_det_txt .tag{ margin-top: 40px;}
.tag p{ font-size: 22px; font-family: teko; color: #333; margin-bottom: 10px;}
.tag a{ display: inline-block;line-height: 38px; padding: 0 20px; background: #f3f3f3; font-size: 14px; margin-right: 20px;}
.ny_pro_bottom{ margin-top: 90px;}
.ny_item_tit h3,.ny_item_tit h1{ font-size: 48px; font-family: teko;}
.ny_item_tit{ border-bottom: 1px solid #d1d1d1; margin-bottom: 40px;}
.ny_item_tit .short_line{ margin: 0!important; height: 4px; width: 120px;}
.pro_content{ padding-bottom: 60px;}
.pro_content img{ max-width: 100%;}
.pro_adv p{ background: url(../images/fk1_03.jpg) no-repeat 0px 10px; padding-left: 15px;}
.faq_intro{ font-size: 18px; margin-bottom: 30px;}
.faq_intro p span{  color: #333; font-weight: bold;}
.pro_faq_list{ text-align: left; margin-top: 40px;}
.pro_faq_list ul li{ background: #fff; margin-bottom: 30px;}
.pro_faq_list ul li h4{ font-size: 26px; color: #333; font-family: teko; background: #f3f3f3; line-height: 60px; padding: 0 30px;}
.pro_faq_list ul li h4 i{ float: right; color: #585755; cursor: pointer; width: 20px; color: #333;}
.pro_faq_list ul li h4 i.icon-xiangshang1{ display: none;}
.answer{ margin-top: 30px; display: none; padding: 0 30px;}
.pro_faq_list ul li:hover h4,.pro_faq_list ul li:hover i,.pro_faq_list ul li.on h4,.pro_faq_list ul li.on i{ color: #585755;}

.help_tip{ padding: 40px 30px; border-left: 8px solid #585755; background: #f3f3f3;}
.help_tip .help_txt{ margin-right: auto;}
.help_tip .help_txt h3{ font-family: teko; font-size: 42px;}
.help_tip .more_btn i{font-size: 20px; margin-left: 5px;}

.pro_online{ margin-top: 60px;}
.pro_online .online_top{ background:#585755 url(../images/form_bg_02.jpg) no-repeat bottom; color: #fff; text-align: center; padding: 30px 0;}
.online_top h3{ font-size: 40px; line-height: 40px; color: #fff;}
.online_form{ background: #f3f3f3; padding: 60px 50px; margin-top: 40px;}
.online_form h4{ font-family: teko; font-size: 40px;}
.formbox.fl{ width: 30%; margin-right: 5%;}
.formbox input{ width: 100%; line-height: 54px; border-left: 6px solid #585755; padding-left: 10px;}
.formbox.fl:nth-child(3){ margin-right: 0}
.formbox textarea{ height: 270px;  border-left: 6px solid #585755; padding-left: 10px; width: 100%; margin-top: 30px; line-height: 54px;}
.explain{ display: block; font-size: 14px; padding-left: 30px;}
.pro_form .sub{ float: right; line-height: 54px; background: #585755; color: #fff; width: 210px; text-align: center; cursor: pointer;}
.relact_pro{ background: #f3f3f3; margin-top: 60px;}
.relact_pro .ny_item_tit{ border-bottom: none;}
.relact_acc ul li{ position: relative;}
.relact_acc .acc_txt{ position: absolute; width: 100%; line-height: 58px; text-align: center; color: #fff; background: #757575; font-size: 20px; left: 0; bottom: 0;}
.relact_acc .ny_item_tit{ border-bottom: none;}
.relact_acc img{height: 330px;}

.ny_about_box .imgfd,.ny_about_box .sy_ab_txt{ width: 48%;}
.ny_ab_tit h3{ font-size: 40px; line-height: 40px;}

.sy_count{ background: #002b7b; padding: 50px 0;}

.sy_count dl dt{ margin: 0 auto; color: #fff; width: 18%;}
.sy_count dl dt img,.sy_ab_num dl dt img{ width: 45px;-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.sy_count dl dt:hover img,.sy_ab_num dl dt:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.sy_count dl .vert_line{ height: 90px; width: 1px; background: rgba(255,255,255,.1);}
.sy_count dl dt .counter,.sy_ab_num dl dt .counter{ font-size: 50px; line-height: 50px;}
.sy_count dl dt .numtop,.sy_ab_num dl dt .numtop{ margin-bottom: 15px;}
.sy_count dl dt .c1,.sy_ab_num dl dt .c1{ font-family: mulib; margin-right: auto; font-size: 32px;}
.count_tit{ text-align: center; margin-bottom: 70px;}
.count_tit .short_line{ background: #fff; margin: 25px auto;}
.count_tit h3{ font-size: 40px; color: #fff; text-transform: uppercase; }
.count_tit p{ color: #fff; width: 70%; margin: 0 auto;}
.ny_choose ul li{ background: #f7f8fa;}
.ny_choose .sy_item_tit h2{ color: #333; font-size: 40px;}

.ny_show .sy_item_tit{ text-align: center; border-bottom: none;}
.ny_show .sy_item_tit h2{ font-size: 40px;}
.ny_show{ background: #f7f8fa; position: relative;}
.ny_show .swiper-container{ position: unset;}
.ny_show ul li img{ height: 340px; width: 100%;}

.cert_left{ width: 38%;}
.cert_left .ny_item_tit{ border-bottom: none; text-transform: uppercase;}
.cert_left .ny_item_tit h3{ font-size: 40px;}
.cert_left p{ margin: 10px 0 40px;}
.cert_right{ width: 55%; overflow: hidden;}
.honor_list ul li{ padding: 10px; background:#eff4f5; }
.honor_list{ padding-bottom: 50px; position: relative;}
.honor_list img{ width: 100%;}
.cert_img img{ margin-right: 40px;}

.ny_case_list .ul3 li{ margin-bottom: 30px;}
.ny_case_list .ul3 li:hover .app_txt h3{ color:#585755;}
.ny_case_list .ul3 li .app_txt{ background: #f5f6f9; padding:30px;}
.ny_case_list .ul3 li .app_txt h3{ font-size: 30px; font-family: teko; text-align:left;}
.ny_case_list .ul3 li .app_txt p{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden;}
.ny_case_list .ul3 li img{ height: 750px;}

.news-detail{ background: #fff; padding: 80px 50px;}
.news_det_tit h3,.news_det_tit h1{ font-size: 38px; color: #333; font-family: teko;}
.news_det_tit h3 i{ margin-right: 5px;}
.news_det_tit .news_date i{ margin-right: 5px;}
.news_det_tit .follow h3{ font-size: 16px; font-weight: normal; text-transform: uppercase; margin-right: 15px;}
.news_det_tit .follow h3 span{ color: #585755;}
.news_det_tit .follow .follow_list{ margin-top: -8px;}
.news_det_tit{ border-bottom: 1px solid #ededed; margin-bottom: 60px;}
.news-detail{ width: 74%;}
.news_content .subtit{ font-size: 24px; font-weight: bold; color: #333; margin-bottom: 25px;}
.news_content .des{ margin-bottom: 30px;}
.news_content img{ max-width: 95%;}
.back_btn{ width: 100%; line-height: 38px; background: #f4f4f4; text-align: center; margin-top:20px;}
.back_btn a{ width: 100%; line-height: 38px; display: block;}
.back_btn:hover{ background: #585755; }
.back_btn:hover a{ color: #fff;} 
.hot_news{ width: 23%;}
.hot_news h3{ font-size: 30px; color: #333; padding-bottom: 10px; margin-bottom: 20px;}
.hot_news_list,.hot_pro_list{background: #fff; padding: 30px;}
.hot_news_list{ margin-bottom: 30px;}
.hot_news_list ul li{ position: relative; margin-bottom: 30px;}
.hot_news_list ul li p{ position: absolute; bottom: 0; width: 100%; text-align: center; color: #fff; line-height: 46px; background: rgba(0,0,0,.4);}
.hot_news_list ul li:hover p{ background:#000;}
.hot_pro_list ul li{ margin-bottom: 20px;}
.hot_pro_list ul li .imgfd{ width: 40%; float: left; border: 1px solid #efefef;}
.hot_pro_list ul li .imgfd img{ width: 100%;}
.hot_pro_list p{ margin: 10px 0; color: #333; width: 55%; float: right; font-family: teko; font-size: 22px;}
.hot_pro_list ul li:hover p{ color: #585755;}
.hot_pro_list ul li:hover .imgfd{ border-color: #585755;}
.news_info{ padding: 30px 0; font-family: teko; font-size: 22px;}
.news_info .follow_list a i{ margin-top:10px;}
.news_info .follow{ margin: 0 auto; width:auto;}
.news_info .follow h3{ font-size: 22px;}
.news_info .news_date a{ color: #585755;}

.news_nav{ border-bottom: 1px solid #eaebed;}
.news_nav ul li{ width: 33.3%; float: left;  text-align: center; padding: 22px 0;}
.news_nav ul li a{ line-height: 20px; width: 100%; display: block; border-right: 1px solid #eaebed; font-size: 22px; font-family: teko; color: #333;}
.news_nav ul li:nth-child(3) a{border-right: 0;}
.news_nav ul li:hover a,.news_nav ul li.act a{ color: #585755;}
.news_nav ul li:hover,.news_nav ul li.act{ border-bottom: 2px solid #585755; padding-bottom: 20px;}
.ny_news_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; overflow: hidden; position: relative; background: #fff;}
.ny_news_list ul li img{ height: 335px;}
.ny_news_list ul li:nth-child(3n+1){ margin-right: 0}
.ny_news_list ul li .ny_news_txt{ padding: 30px;}
.ny_news_list ul li .ny_news_txt h3{ font-size: 26px; line-height: 32px; color: #333; margin-bottom: 10px; height: 64px; overflow: hidden; font-family: tekom;}
.ny_news_list ul li .ny_news_txt .date{ line-height: 26px;}
.ny_news_list ul li .ny_news_txt p{ margin-bottom: 20px;}
.ny_news_list ul li .ny_news_txt i{ display: inline-block; color: #333; font-family: teko; font-size: 24px; line-height: 26px;}
.ny_news_list ul li .colname{ position: absolute; background: #585755; top: 260px; left: 30px; padding:5px 20px;color: #fff; font-family: teko; font-size: 22px;}
.ny_news_list ul li:first-child{ width: 100%; float: none;}
.ny_news_list ul li:first-child .colname{ position: unset; background: none; padding: 0; color: #585755;}
.ny_news_list ul li:first-child .imgfd{ float: left; width: 50%;}
.ny_news_list ul li:first-child .ny_news_txt{ float: right; width: 50%; padding: 70px 70px 0;}
.ny_news_list ul li:first-child .ny_news_txt .date{margin-top: 60px; background: none;}
.ny_news_list ul li:first-child .ny_news_txt h3{ font-size: 40px; margin: 20px 0 30px; height: auto; line-height: 50px;}
.ny_news_list ul li:first-child .ny_news_txt i{ display: inline-block; margin-top: 60px; color: #333;}
.ny_news_list ul li:first-child img{height: 490px;}

.faq_list ul li{ background: #fff; margin-bottom: 30px; padding: 50px; position: relative;}
.faq_list ul li h3{ font-family: teko; font-size: 30px; margin-bottom: 20px;}
.faq_list ul li h3 a:hover{ color:#585755;}
.faq_list ul li h3 i{ color:#585755; }
.faq_list ul li .num{ position: absolute; width: 84px; height: 80px; background: url(../images/ic_03.jpg) no-repeat; background-size: cover; right: 0; top: 0; text-align: center; line-height: 80px; color: #fff; font-family: teko; font-size: 48px;}
.faq_list ul li .lanswer{ color: #333;}

.con_left,.con_right{ width: 48%;} 
.con_tit h3{ font-size: 40px;}
.con_tit .short_line{ margin-bottom: 0;}
.con_tit { border-bottom: 1px solid #e8e8e8;}
.con_list{ margin: 20px 0;}
.con_list p{ line-height: 40px;}
.con_left .follow h3{ font-size: 22px; font-family: teko; line-height: 30px; text-transform: uppercase; margin-right: 5px;}

.con_form h3{ font-size: 40px;}
.map{ margin-top: 40px;}
.con_form .formbox input{ background: #f8f8f8; margin-top: 30px;}
.con_form .formbox textarea{ background: #f8f8f8;}
.con_form .sub{ width: 100%; float: none; margin-top: 30px; font-size: 28px;}

.privacy h3{ font-size: 40px; text-align: center; margin-bottom:40px;}
.contact_list{ position:fixed; top:40%; right:30px; z-index:99; height:350px; border-radius:35px;overflow:hidden;}
.contact_list a{ display:block; width:70px; height:70px; overflow:hidden; background:#585755 url(../images/ric_02.png) no-repeat; border-bottom:1px solid rgba(255,255,255,.4); cursor:pointer;}
.contact_list a:nth-child(2){ background-position:0 -70px;}
.contact_list a:nth-child(3){ background-position:0 -140px;}
.contact_list a:nth-child(4){ background-position:0 -210px;}
.contact_list a:nth-child(5){ background-position:0 -280px;}
.contact_list a:hover{ background:#de0025 url(../images/ric_02.png) no-repeat;}
.contact_list a:nth-child(2):hover{ background-position:0 -70px;}
.contact_list a:nth-child(3):hover{ background-position:0 -140px;}
.contact_list a:nth-child(4):hover{ background-position:0 -210px;}
.contact_list a:nth-child(5):hover{ background-position:0 -280px;}
.shopcart{ position:relative;}
.addnum{ position:absolute; right:12px; top:14px; display:inline-block; height: 16px; width: 16px; font-size: 10px; border-radius: 8px; background: #ff0000; line-height: 16px; color: #fff; text-align: center;}
.flyimg{position: absolute;top:20%;left: 0;max-width: 50%;opacity: 0;}
@media (max-width: 1720px){
	.sy_ab_txt{ padding-top: 40px;}
}
@media (max-width: 1600px){
	.top_other .top_search span{ display: none;}
	.sy-ban .b-trext{ left: 2%; margin-left: 0;}
	.sy-ban .b-trext h3{ font-size: 56px;}
	.sy_pro_nav{ padding: 0 2%;}
	.sy_ab_num{ bottom: 0;}
	.sy_ab_txt .more_btn{ margin-top: 20px;}
	.sy_about_img img{ height: 580px;}
	.case_box{margin-right: 2%; width: 70%;}
}


@media (max-width: 1400px){
	.sy-ban .b-trext h3{ font-size: 50px; line-height: 60px;}
	#menubtn{ display: none;}
	.sypro_right img{ height: 540px;}
	.sypro_item .sypro_left .more_btn{ margin-top: 40px;}
	.sy_pro_nav ul li img{ height: 155px;}
	.choose_list ul li{ padding: 40px 30px;}
	.choose_list ul li p{ height: 120px;}
	.choose_list ul li h4{ margin: 10px 0;}
	.sy_news_list ul li .imgfd img{ height: 258px;}
	.sy_news_txt .more{ margin-top: 20px;}
	.sy_news_txt h3{ font-size: 24px;}
	
	.sy_number .counter{ font-size: 50px;}
	.ny_pro_top h2{ font-size: 40px;}
	.ny_pro_top p{ margin-bottom: 30px;}
	.ny_pro_list ul li .imgfd img{ height: 204px;}
	.des_list{ padding-top: 20px;}
	.pro_det_img img{ height: 442px;}
	.small_pic ul li img{ height: 75px;}
	.relact_acc img{ height: 315px;}
	.ny_ab_tit{ margin-top: 40px;}
	.ny_show ul li img{ height: 280px;}
	.ny_case_list .ul3 li img{ height: 266px;}
	.ny_news_list ul li img{ height: 272px;}
	.ny_news_list ul li .colname{ top: 200px;}
	.sycho_list ul li{ height: 480px;}
	.sycho_list ul li .choose_txt{ padding: 50px 30px;}
	.ny_case_list ul li img{ height: 424px;}
	.pro_descrip{ padding: 40px;}
}

@media (max-width: 1200px){
	.sy-ban .b-trext .more_btn{ margin-top: 40px;}
	.sypro_right img{ height: 463px;}
	.prochara p{ line-height: 30px;}
	.sypro_item .sypro_left{ margin-top: 70px;}
	.sy_pro_nav ul li img{ height: 132px;}
	.sy_ab_num{ position: unset; width: 100%; margin: 30px 0;}
	.sy_about_img img{ height: auto;}
	.app_nav{ float: none;}
	.app_nav .sy_item_tit{ text-align: center;}
	.app_nav .sy_item_tit .short_line{ display: inline-block;}
	.app_nav ul li{ text-align: center; float: left; width: 16.66%; line-height: 28px;}
	.app_nav .more_btn{ display: none;}
	.sycho_list ul li,.sycho_list ul li.large{ width: 49%; margin-right: 2%; margin-bottom: 30px;}
	.sycho_list ul li:nth-child(2n){ margin-right: 0}
	.sycho_list ul li img{ width: 100%;}
	.sy_news_list{ width: 100%; float: none; margin-bottom: 30px;}
	.news_item{ height: auto;}
	.news_right{ width: 100%; float: left;}
	.news_item .news_box{ width: 49%; margin-right: 2%;float: left;}
	.news_item .news_box.faq{ margin-right: 0;}
	.syfaq_list ul li{ font-family: teko; line-height: 35px; height: 35px;}
	.case_box{ width: 96%; margin: 30px auto; float: none;}
	.app_nav ul li i{ line-height: 10px; height: 10px;}
	.sy_news_list ul li .imgfd img{ height: 345px;}
	.sy_news_txt{ padding: 20px;}
	.pro_det_img img{ height: 382px;}
	.small_pic ul li img{ height: 90px;}
	.pro_det_tit h1{ font-size: 30px;}
	.pro_det_txt .more_btn{ margin-top: 30px;}
	.pro_det_txt .tag{ margin-top: 20px;}
	.relact_acc img{ height: 274px;}
	.ny_pro_pic{ width: 100%; float: none;}
	.pro_det_img img{ height: 726px;}
	.small_pic ul li img{ height: 120px;}
	.pro_det_txt{ width: 100%; float: none; margin-top: 40px;}
	.small_pic ul li img{ height: 173px;}
	.ny_about_box .imgfd, .ny_about_box .sy_ab_txt{ width: 100%; float: none;}
	.count_tit p{ width: 80%;}
	.ny_show ul li img{ height: 238px;}
	.ny_case_list .ul3 li img{ height: 227px;}
	.ny_case_list .ul3 li .app_txt{ padding: 20px;}
	.news-detail{ width: 100%; float: none; padding: 50px;}
	.hot_news{ width: 100%; float: none; margin-top: 30px;}
	.hot_pro_list ul li{ width: 24%; margin-right: 1.33%; float: left; text-align: center;}
	.hot_pro_list ul li:nth-child(4n){ margin-right: 0;}
	.hot_pro_list ul li .imgfd{ width: 100%; float: none;}
	.hot_pro_list ul li .imgfd img{ height: 190px;}
	.hot_pro_list ul li p{ width: 100%;}
	.ny_news_list ul li img{ height: 233px;}
	.ny_news_list ul li .colname{ top: 180px;}
	.ny_news_list ul li:first-child .ny_news_txt h3{ font-size: 34px; line-height: 38px;}
	.ny_news_list ul li:first-child .ny_news_txt i,.ny_news_list ul li:first-child .ny_news_txt .date{ margin-top: 40px;}
	.ny_news_list ul li:first-child .ny_news_txt{ padding: 50px 50px 0;}
	.hot_news_list ul li{ width: 49%; margin-right: 2%; float: left;}
	.hot_news_list ul li:nth-child(2){ margin-right: 0;}
	.hot_news_list ul li img{ height: 330px;}
	.faq_list ul li{ padding: 30px;}
	.faq_list ul li .num{ width: 60px; height: 60px; line-height: 60px; font-size: 40px;}
	.con_tit h3,.con_form h3{ font-size: 34px;}
	.ny_ban .center .ny_ban_tit{ font-size: 48px;}
	.privacy h3{ font-size: 34px; margin-bottom:30px;}
	.app_content .ny_app_txt h3{ font-size: 30px; margin: 0;}
	.app_content .ny_app_txt .more_btn{ margin-top: 30px;}
	.ny_case_list ul li .case_txt{ padding: 30px 20px 20px;}
	.ny_case_list ul li img{ height: 350px;}
}

@media (max-width: 1024px){
	.sy-ban .b-trext h3{ font-size: 44px;}
	.sy-ban .b-trext p{ font-size: 32px;}
	.sy_pro_nav{ display: none;}
	.sypro_item{ display: block; padding: 20px 2%;}
	.sypro_right img{ height: 390px;}
	.sy_pro_list{ width: 100%!important;}
	.sypro_item:nth-child(2n){ background: #f8f8f8;}
	.sypro_item .sypro_left .more_btn{ margin-top: 20px;}
	.gray_bar{ height: 60px;}
	.case_list ul li img{ height: 426px;}
	.case_list ul li .case_txt{ padding: 20px}
	.case_list ul li .case_txt p{ font-size: 22px;}
	.case_list ul li img{ height: 302px;}
	.news_item .news_box{ width: 100%; float:none; }
	.app_nav ul li{ font-size: 22px;}
	.app_nav_list ul li.on i{ display: block;}
	.sypro_item .sypro_left{ margin-top: 40px;}
	.sy_item_tit{ margin-bottom: 20px;}
	.choose_list ul li{ width: 49%; margin-bottom: 30px;}
	.choose_list ul li:nth-child(2n){ margin-right: 0;}
	.choose_list ul li p{ height: 75px;}
	.sy_news_list ul li .imgfd img{ height: 294px;}
	.top_other{ display: none;}
	.sy-ban{ margin-top: 60px;}
	.ny_pro_list ul li .imgfd{ width: 100%; float: none;}
	.ny_pro_txt{ width: 100%; float: none; margin-top: 25px;}
	.ny_ban .imgg img{width: 130%; margin-left:-10%;}
	.ny_ban .ny_center .ny_ban_tit{ width: 100%; text-align: center;}
	.ny_position{ line-height: 60px;}
	.ny_ban{ margin-top: 60px;}
	.ny_ban .ny_center .ny_ban_tit{ font-size: 28px;}
	.ny_pro_list ul li .imgfd img{ height: 274px;}
	.ny_pro_bottom{ margin-top: 40px;}
	.pro_content{ padding-bottom: 40px;}
	.online_top h3{ font-size: 34px;}
	.online_form{ padding: 40px;}
	.relact_acc img{ height: 255px;}
	.ny_item_tit h3,.ny_item_tit h1{ font-size: 40px;}
	.count_tit p{ width: 90%;}
	.ny_show ul li img{ height: 217px;}
	.sy_count dl dt img{ width: 35px;}
	.sy_count dl dt .counter{ font-size: 40px;}
	.ny_ab_tit h3,.count_tit h3,.ny_choose .sy_item_tit h2,.ny_show .sy_item_tit h2{ font-size: 32px;}
	.cert_left{ width: 100%; float: none;}
	.cert_right{ width: 100%; float: none; margin-top: 30px;}
	.envir_top .ny_item_tit{ float: none; text-align: center;}
	.cert_img img{ margin-right: 20px;}
	.cert_img img:nth-child(2){ margin-right: 0;}
	.ny_case_list .ul3 li img{ height: 294px;}
	.news_info{ padding: 20px 0;}
	.news_det_tit h3,.news_det_tit h1{ font-size: 30px;}
	.news_det_tit{ margin-bottom: 30px;}
	.hot_pro_list ul li .imgfd img{ height: 160px;}
	.ny_news_list ul li:first-child .imgfd{ width: 100%; float: none;}
	.ny_news_list ul li:first-child .ny_news_txt{ width: 100%; float: none; padding: 40px;}
	.ny_news_list ul li .ny_news_txt{ padding: 20px;}
	.ny_news_list ul li .ny_news_txt h3{ font-size: 22px;}
	.ny_news_list ul li:first-child .ny_news_txt h3{ font-size: 30px; margin: 10px 0;}
	.ny_news_list ul li img{ height: 220px;}
	.ny_news_list ul li .colname{ top: 170px; font-size: 20px; padding: 3px 10px;}
	.ny_news_list ul li .ny_news_txt i{ font-size: 20px;}
	.ny_news_list{ margin-top: 0;}
	.hot_news_list ul li img{ height: 285px;}
	.con_left, .con_right{ width: 100%; float: none;}
	.con_right{ margin-top: 30px;}
	.app_content{ margin-top: 30px;}
	.app_content .ny_app_img{ width: 100%; float: none;}
	.app_content .ny_app_txt{ width: 100%; float: none; margin-top: 30px;}
	.ny_case_list h3{ font-size: 42px;}
	.ny_case_list ul li img{ height: 415px;}
	.ny_box .more_btn,.ny_box .more_btnw,.ny_box .more_btn:hover,.ny_box .more_btnw:hover{ width: 130px; background-size: 100%;}
.ny_box .more_btn a,.ny_box .more_btn span,.ny_box .more_btnw a,.ny_box .more_btnw span{ font-size: 18px; line-height: 40px;}
.contact_list{ display: none;}
.ny_position.show_ny{ margin-top:60px;}
.pro_descrip{ padding: 30px;}
}


@media (max-width: 768px){
	.sy-ban .b-trext h3{ font-size: 36px; line-height: 32px;}
	.sy-ban .b-trext p{ font-size: 28px;}
	.bannerswiper .img-m{ width: 120%; margin-left: -10%;}
	.sypro_item .sypro_right{ width: 100%; float: none;}
	.sypro_item .sypro_left{ width: 100%; float: none;}
	.prochara p{ width: 50%; float: left;}
	.sy_about_img{ width: 100%; float: none;}
	.sy_ab_txt{ width: 100%; float: none; margin-bottom: 30px;}
	.sy_ab_num dl dt{ padding: 20px;}
	.sy_count dl dt .counter, .sy_ab_num dl dt .counter{ font-size: 40px; line-height: 40px;}
	.sy_count dl dt img, .sy_ab_num dl dt img{ width: 38px;}
	.app_nav_list ul li{ width: 33.3%; margin: 10px 0;}
	.app_nav_list ul li.on i{display: none;}
	.sy_news_list ul li{ width: 100%; float: none; margin-right: 0; margin-bottom: 25px;}
	.sy_news_txt h3{ height: 36px;}
	.sy_news_txt p{ height: 30px;}
	.sy_news_list ul li .imgfd img{ height: 448px;}
	.sy_pro_list .swiper-button-prev, .sy_pro_list .swiper-button-next{ display: none;}
	.sy_pro_list ul li .proli_box img{ height: 166px;}
	.bannerswiper .page .svg-swiper-pagination{ bottom: 30px;}
	.bannerswiper .banner-towrap{ bottom: 12px;}
	.bannerswiper .page .swiper-num{ bottom: 30px;}
	.copy{margin-bottom: 56px;}
	.sy_case_list .swiper-button-prev{ display: none;}
.sy_case_list .swiper-button-next{ display: none;}
	.sy_pro_list ul li h3{ height: 60px;}
	.ny_pro_list ul li{ padding: 30px;}
	.ny_pro_top{ width: 80%;}
	.ny_pro_top p{ font-size: 16px;}
	.ny_pro_top h2{ font-size: 30px; line-height: 30px;}
	.ny_nav h3{ font-size: 24px;}
	.ny_ban .imgg img{ width:150%;  margin-left:-20%;}
	.iauth .tarA a{ line-height: 46px;}
	.ny_nav{ margin: 20px 0;}
	.ny_pro_list ul li h3{ font-size: 20px;}
	.ny_pro_list ul li{ font-size: 14px;}
	.ny_pro_list ul li .short_line{ margin-top: 5px;}
	.iauth{ margin-top: 20px;}
	.ny_pro_list ul li .imgfd img{ height: 216px;}
	.ny_pro_list ul li{ margin-bottom: 30px;}
	.pro_det_img img{ height: 542px;}
	.small_pic ul li img{ height: 129px;}
	.pro_det_txt .more_btn{ margin-top: 20px;}
	.ny_item_tit{ margin-bottom: 20px;}
	.relact_acc img{ height: 268px;}
	.formbox.fl{ width: 100%; float: none;  margin-bottom: 20px;}
	.formbox textarea{ margin-top: 0;}
	.ny_item_tit h3,.ny_item_tit h1{ font-size: 34px;}
	.sy_count dl dt{ width: 22%;}
	.sy_count dl .vert_line{ display: none;}
	.ny_show ul li img{ height: 243px;}
	.sy_count dl dt{ font-size: 14px;}
	.sy_count dl{ align-items: flex-start;}
	.cert_img img{ width: 46%; margin-right: 2%;}
	.cert_left .ny_item_tit h3{ font-size: 32px;}
	.honor_list ul li{ padding: 5px;}
	.ny_case_list .ul3 li img{ height: 220px;}
	.ny_case_list .ul3 li .app_txt h3{ font-size: 24px;}
	.ny_case_list .ul3 li .app_txt p{ height: 66px; overflow: hidden;}
	.news_info,.news_info .follow h3{ font-size: 18px;}
	.news_info{ display: block;}
	.news_info .follow{ margin: 5px 0;}
	.news-detail{ padding: 30px;}
	.hot_news_list ul li p{ font-size: 14px; line-height: 36px; height: 36px; overflow: hidden;}
	.hot_pro_list ul li{ width: 49%; margin-right: 2%;}
	.hot_pro_list ul li:nth-child(4n){ margin-right: 2%;}
	.hot_pro_list ul li:nth-child(2n){ margin-right: 0;}
	.hot_pro_list ul li .imgfd img{ height: 220px;}
	.ny_news_list ul li{ width: 49%; margin-right: 2%;}
	.ny_news_list ul li:nth-child(3n+1){ margin-right: 2%;}
	.ny_news_list ul li:nth-child(2n+1){ margin-right: 0;}
	
	.ny_news_list ul li:first-child{ width: 100%; margin-right: 0;}
	.ny_news_list ul li:first-child img{ height: 420px;}
	.ny_news_list ul li:first-child .ny_news_txt{ padding: 20px;}
	.ny_news_list ul li:first-child .ny_news_txt h3{ font-size: 26px;}
	.ny_news_list ul li:first-child .ny_news_txt p{ font-size: 16px;}
	.hot_news_list ul li img{ height: 208px;}
	.faq_list ul li h3{ font-size: 26px; margin-bottom: 10px;}
	.faq_list ul li .num{ font-size: 34px;}
	.con_form .formbox textarea{ margin-top: 30px;}
	.ny_ban .center .ny_ban_tit{ width: 100%; text-align: center;font-size: 34px; top:40%;}
	.con_form .sub{ font-size: 22px;}
	.map{ display:none;}
	.privacy h3{ font-size: 28px; margin-bottom:20px;}
	.ny_case_list ul li img{ height: 312px;}
	.formbox textarea{ height: 180px;}
	.pro_descrip{ padding: 20px;}
}

@media (max-width: 540px){
	.sy_hot_nav ul li{ width: 49%; margin-right: 2%; margin-bottom: 15px; margin-left: 0;}
	.sy_hot_nav ul li:nth-child(2n){ margin-right: 0;}
	.sy-ban .b-trext p{ font-size: 20px;}
	.gray_bar{ height: 30px;}
	.bannerswiper .page .svg-swiper-pagination{ display: none}
	.bannerswiper .banner-towrap{ display: none}
	.bannerswiper .page .swiper-num{ bottom: 10px;}
	.sy_item_tit h2{ line-height: 30px;}
	.sy_hot_nav.more_btn{ display: none;}
	.sy_ab_num dl dt{ width: 100%; float: none; margin-bottom: 20px;}
	.sycho_list ul li{ height: 400px;}
	.sycho_list ul li .choose_txt{ padding: 20px;}
	.sy_number .counter{ font-size: 40px;}
	.sy_number sub{ font-size: 30px;}
	.sy_number dl dt{ width: 30%;}
	.case_list ul li{ width: 100%; float: none; margin-right: 0; margin-bottom: 20px;}
	.case_list ul li img{ height: 690px;}
	.choose_list ul li{ padding: 20px;}
	.sy_news_list ul li .imgfd img{ height: 307px;}
	.iauth .tarA{ float: none; margin: 15px 0 0;}
	.ny_pro_list ul li{ padding: 15px;}
	.ny_pro_list ul li .imgfd img{ height: 162px;}
	.ny_pro_txt{ margin-top: 10px;}
	.pro_det_img img{ height: 379px;}
	.small_pic ul li img{ height: 87px;}
	.pro_det_tit h1{ font-size: 26px;}
	.pro_faq_list ul li h4{ font-size: 22px;}
	.pro_faq_list ul li h4{ padding: 0 15px;}
	.answer{ margin-top: 15px; padding: 0 15px;}
	.help_tip .help_txt h3{ font-size: 34px;}
	.help_tip{ padding: 20px;}
	.help_tip .more_btn{ margin-top: 20px;}
	.online_top h3{ font-size: 28px; line-height: 30px;}
	.online_form{ padding: 30px 20px;}
	.online_form h4{ font-size: 32px;}
	.relact_acc img{ height: 186px;}
	.relact_acc .acc_txt{ line-height: 40px; font-size: 16px;}
	.pro_form .sub{ width: 100%; margin-top: 20px;}
	.pro_det_txt{ margin-top: 20px;}
	.sy_count dl dt .counter{ font-size: 30px;}
	.sy_count dl dt .c2{ display: none;}
	.sy_count dl dt .c1{ text-align: center;}
	.sy_count dl dt .numtop{ margin-bottom: 5px;}
	.count_tit p{ width: 100%;}
	.count_tit .short_line{ margin: 10px auto;}
	.ny_show ul li img{ height: 159px;}
	.ny_ab_tit{ margin-top: 20px;}
	.ny_case_list .ul3 li img{ height:153px;}
	.ny_case_list .ul3 li .app_txt{ padding: 10px;}
	.ny_case_list .ul3 li .app_txt p{ display: none;}
	.hot_pro_list ul li .imgfd img{ height: 162px;}
	.news-detail{ padding: 15px;}
	.news_det_tit h3,.news_det_tit h1{ font-size: 24px;}
	.hot_news h3{ font-size: 24px; margin-bottom: 0;}
	.ny_news_list ul li img{ height: 160px;}
	.ny_news_list ul li .colname{ background: none; top: 120px; left: 10px;}
	.ny_news_list ul li .ny_news_txt p{ font-size: 14px;}
	.ny_news_list ul li .ny_news_txt h3{ font-size: 20px; height: 52px;}
	.ny_news_list ul li .ny_news_txt i{ display: none;}
	.ny_news_list ul li:first-child img{ height: 300px;}
	.ny_news_list ul li:first-child .ny_news_txt h3{ font-size: 26px; line-height: 30px;}
	.ny_news_list ul li .ny_news_txt .date{ display: none;}
	.ny_news_list ul li:first-child .ny_news_txt i{ display: none;}
	.news_nav ul li{ padding: 12px 0;}
	.hot_news_list ul li img{ height: 151px;}
	.hot_news_list, .hot_pro_list{ padding: 15px;}
	.faq_list ul li h3{ font-size: 22px;}
	.con_tit h3, .con_form h3{ font-size: 28px;}
	.formbox input{ line-height: 48px;}
	.con_form .formbox input{ margin-top: 15px;}
	.con_form .formbox textarea{ margin-top: 15px;}
	.con_form .sub{ line-height: 40px; font-size: 18px;}
	.ny_case_list ul li img{ height: 343px;}
	.pro_descrip{ padding: 10px;}
	.pro_descrip {font-size: 14px;}

}

@media (max-width: 450px){
	.sy_item_tit{ margin-bottom: 0;}
	.sy_pro_list ul li .proli_box img{ height: 135px;}
	.sy-ban .b-trext{ width: 80%; top: 20%; display:none;}
	.sy-ban .b-trext h3{ font-size: 26px;}
	.sypro_right img{ height: 291px;}
	.prochara p{ padding-left: 15px;}
	.sy-ban .b-trext .more_btn{ margin-top: 15px;}
	.app_nav ul li{ font-size: 20px;}
	.case_list ul li img{ height: 530px;}
	.case_box{ margin: 15px auto;}
		.choose_list ul li{ width: 100%; margin-right: 0; float: none; display: flex;align-items: center; text-align: left; height: auto; margin-bottom:20px;}
	.sycho_list ul li .choose_txt h4{ font-size: 24px;}
	.sycho_list ul li{ height: 190px;}
	.sycho_list ul li .choose_txt{ height:100%;  background: rgba(222,0,37,0.9)}
	.sycho_list ul li:hover .choose_txt p,.sycho_list ul li .choose_txt .more_btnw{ display: none;}
	.choose_list ul li .choose_icon{ margin-right: 15px;}
	.choose_list ul li .choose_icon img{ width: 50px;}
	.choose_list ul li h4{ margin: 0 0 10px;}
	.sy_about_txt .more_btn, .sy_number{ margin-top: 15px;}
	.choose_list ul li h4{ margin-bottom: 0;}
	.sy_case_list ul li img{ height: 140px;}
	.sy_news_list ul li .imgfd img{ height: 243px;}
	.sy_pro_list ul li h3{ font-weight: 18px;}
	.sy_news_txt .more{ margin-top: 10px; font-size: 14px;}
	.sy_quality h1{ font-size: 34px; line-height: 40px;}
	.sy_quality p{ width: 70%;}
	.ny_ban .imgg img{ width:180%; margin-left:-40%;}
	.des_list{ display: none;}
	.ny_pro_list ul li .short_line{ display: none;}
	.ny_pro_list ul li{ margin-bottom: 20px;}
	.ny_pro_list ul li .imgfd img{ height: 117px;}
	.ny_pro_top{ width: 96%;}
	.ny_pro_top p{ font-size: 14px; margin-bottom: 15px;}
	.ny_pro_list ul li h3{ font-size: 18px; line-height: 25px; height: 50px;}
	.pro_det_img img{ height: 285px;}
	.small_pic ul li img{ height: 63px;}
	.pro_det_txt .more_btn{ margin-top: 10px;}
	.ny_item_tit h3,.ny_item_tit h1{ font-size: 30px;}
	.relact_acc img{ height: 140px;}
	.ny_show ul li img{ height: 122px;}
	.ny_ab_tit h3, .count_tit h3, .ny_choose .sy_item_tit h2, .ny_show .sy_item_tit h2{ font-size: 26px;}
	.ny_case_list .ul3 li img{ height:118px;}
	.ny_case_list .ul3 li .app_txt h3{ font-size: 20px;}
	.hot_pro_list ul li .imgfd img{ height: 140px;}
	.hot_pro_list ul li p{ font-size: 18px;}
	.ny_news_list ul li img{ height: 130px;}
	.ny_news_list ul li .colname{ background: none; top: 100px; left: 15px;}
	.ny_news_list ul li:first-child img{ height: 260px;}
	.ny_news_list ul li .ny_news_txt p{ display: none;}
	.news_nav ul li a{ font-size: 20px;}
	.hot_news_list ul li{ width: 100%; float: none; margin-right: 0;margin-bottom: 15px;}
	.hot_news_list ul li img{ height: 234px;}
	.ny_case_list h3{ font-size: 34px;}
	.ny_case_list ul li .case_txt p{ font-size: 20px;}
	.ny_case_list ul li .case_txt{ padding: 20px 10px 10px;}
	.ny_case_list ul li img{ height: 265px;}
	.choose_list ul li p{ height: auto;}
	
}