@charset "utf-8";
/* CSS Document */
.sy-ban .swiper-container{transition: opacity .4s ease; position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-container.isready{opacity: 1}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination{bottom: 5%}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet{}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet:last-child{padding-right: 0;background: none;}
.sy-ban .swiper-container-horizontal>.index-solution-pagination{bottom: 6%}
.sy-ban .swiper-container-horizontal>.index-solution-pagination .swiper-pagination-bullet{margin: 0}
.sy-ban .swiper-container-horizontal>.index-product-pagination{width: 120px;bottom: 0}
.sy-ban .swiper-container-horizontal>.index-product-pagination .swiper-pagination-bullet{margin: 0}
.svg-swiper-pagination{position: absolute;z-index: 1;display: flex;flex-wrap: wrap;}
.svg-swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 38px;height: 38px;outline: none;}
.svg-swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 38px;height: 38px;border-radius: 50%;transition: opacity .3s;background: url(../images/ic12.png) no-repeat center;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background: url(../images/ic13.png) no-repeat center;background-size: cover;width: 38px;height: 38px;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2{-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg{width: 38px;height: 38px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block;}
.svg-swiper-pagination .swiper-pagination-bullet .svg{opacity: 1;}
.svg-swiper-pagination .circle1{/*stroke: #999;*/}
.svg-swiper-pagination .circle2{stroke: #fff;stroke-dasharray: 0 339;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}
.bannerswiper span.iconfont{font-size: 14px;color: #fff;}
.bannerswiper .page .swiper-num{position: absolute;z-index: 2;bottom: 74px;right: 12.5%;color: #fff;}
.bannerswiper .page .prne{width: 40px;position: absolute;bottom: 70px;right: 9%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
.bannerswiper .page .svg-swiper-pagination{position: absolute;bottom: 64px;left: 5%;z-index: 3;}
.svg-swiper-pagination .swiper-pagination-bullet{margin: 0 5px;}

.bannerswiper .banner-towrap{position: absolute;bottom: 42px; right: 10.5%; 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;z-index: 9;margin: auto; color: #fff; position: relative; height: 50px; width: 50px; text-align: center;}
.bannerswiper .banner-to i{ animation: downico 1.5s ease-out infinite;position: absolute;font-size: 40px; margin:10px auto; left: 0; color: #fff; width: 50px;}
@keyframes downico{
	0%{top: 0;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 0;}
}
@-webkit-keyframes downico{
	0%{top: 0;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 0;}
}

.bannerswiper .b-trext .more-all{margin-top: 80px;}
.sy-ban .b-trext{position: absolute; width: 100%; top: 40%; }
.sy-ban .b-trext h3{font-size: 64px;color: #fff;display: block; margin-bottom: 20px; font-family: "sourh";letter-spacing:20px;}
.sy-ban .b-trext .more_btn{ margin-top: 50px;}
.sy-ban .b-trext p{ color: #fff; font-size: 18px;}
.sy_item_tit p{ font-size: 18px;}
.sy_item_tit h3{ font-size: 45px; font-family: sourh; margin-bottom: 30px;}


.sy_design{ padding: 110px 0 0;}
.sy_design_txt{ width: 40%;}
.sy_design_img{ width: 50%; overflow: visible;}
.design_more{ width: 114px; height: 114px; text-align: center; line-height: 114px; margin-top: 100px; position: relative;}
.design_more_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/dem_03.png) no-repeat;animation: roate 15s infinite linear;}
.design_more a{ color: #333; font-size: 36px; display: block; position: absolute; width: 100%; height: 100%; text-align: center;}
@keyframes roate{
	0%{ transform:rotateZ(0);-ms-transform:rotateZ(0);-moz-transform:rotateZ(0);-webkit-transform:rotateZ(0);-o-transform:rotateZ(0); }
	100%{ transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);}
	}
.design_more:hover a{ color: #e60012;}
.sy_case{ background: #f3f3f3; padding: 230px 0 50px;}
.design_list{ margin-top: 60px; margin-bottom: -130px;}
.design_list ul li{ float: left; width: 15%; margin-right: 2%; background: #fff; border-radius: 5px; box-shadow: 0 0 8px 0 rgba(0,0,0,.05); position: relative; transition: .3s ease;}
.design_list ul li a{display: block; padding: 35px 35px 55px;}
.design_list ul li:last-child{ margin-right: 0;}
.design_list ul li h5{ font-size: 18px; margin: 30px 0 20px; font-weight: normal; color: #333;}
.design_list ul li p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.design_list ul li i{ position: absolute; right: 25px; bottom: 25px; display: none; color: #fff; font-size: 30px;}
.design_list ul li:hover i{ display: block;}
.design_list ul li:hover .design_icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.design_list ul li:hover{  background: #e60012; margin-top: -20px; color: #fff;}
.design_list ul li:hover h5,.design_list ul li:hover p{ color: #fff;}
.sy_case_top a{ margin-left: auto; line-height: 26px; font-size: 14px; display: inline-block;}
.sy_case_top a:hover{ color: #e60012;}
.sy_case_top a i{ font-size: 26px; margin-right: 5px; float: left;}
.sy_case_list ul li{ float: left; width: 32%; margin-right: 2%; background: #fff; margin-bottom: 40px; border-radius: 5px; overflow: hidden;}
.sy_case_list ul li:nth-child(3n){ margin-right: 0;}
.sy_case_txt{ padding: 20px;}
.sy_case_txt h2{  font-size: 18px; font-weight: normal; color: #333; line-height: 40px; height:40px; overflow: hidden;}
.sy_case_txt h2 p{ color: #777777; font-size: 14px;}
.sy_case_txt h2 p i{ margin-right: 5px;}
.sy_case_txt p.column{ font-size: 14px; padding-top: 15px; margin-top: 15px; border-top: 1px solid #e7e7e7;}
.sy_case_txt p.column i{ color: #333; font-size: 26px;}
.sy_case_list ul li img{ height: 306px;}
.sy_case_list ul li:hover h2{ color: #e60012;}
.sy_system .center{ padding: 110px 0 70px;}
.sy_system_img{ width: 55%; overflow: visible;}
.sy_system_txt{ margin-top: 80px; width: 30%;}
.sys_tab{ margin-top: 100px;}
.sys_tab a{ display: block; float: left; width: 38%; margin-right: 10%; line-height: 40px; border-radius: 20px; color: #333; border: 1px solid #999999; text-align: center; margin-bottom: 20px;}
.sys_tab a:hover{ background: #e60012; border-color: #e60012; color: #fff;}
.sy_service{ text-align: center;}
.sy_service .sy_item_tit{ text-align: center;}
.sy_service .sy_item_tit h3{ color: #fff; margin-bottom: 0; margin-bottom: 15px;}
.sy_service .sy_item_tit h3 span{ color: #e60012;}
.sy_service .sy_item_tit p{ color: #fff;}
.sy_service_list ul li{ float: left; width: 18.5%; margin-right:1.875%; border-radius: 10px; border: 1px solid rgba(255,255,255,.4); padding: 30px 55px 55px; text-align: center; color: #fff;}
.sy_service_list ul li:last-child{ margin-right: 0;}
.sy_service_list ul li h5{ font-weight: normal; color: #fff; font-size: 18px; margin: 20px 0;}
.ser_txt{ text-align: center;}
.ser_txt p{ color: #dddddd; font-size: 14px; line-height: 24px; height: 72px;}
.sy_service .short_line{ margin: 25px auto 35px; height: 3px; width: 55px; background: #e60012;}
.sy_service_list ul li:hover{ background: #e60012; border-color: #e60012;}
.sy_service_list ul li:hover .ser_icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy_service .more_btn{ margin-top: 70px;}
.sy_news_top .sy_news_nav{ margin-left: auto;}
.sy_news_top .sy_news_nav a{ display: inline-block; margin-left: 60px; position: relative; line-height: 36px;}
.sy_news_top .sy_news_nav a:after{ position: absolute; width: 0; height: 3px; background: #e60012; content: ''; bottom: 0; left: 0;}
.sy_news_top .sy_news_nav a:hover{ font-size: 18px; color: #333; font-weight: bold;}
.sy_news_top .sy_news_nav a:hover:after{ width: 100%;}
.sy_news_box .sy_news_ul{ float: left; width: 32%; margin-right: 2%; border: 1px solid #e7e7e7; border-radius: 5px; padding: 0 25px;}
.sy_news_box .sy_news_ul:nth-child(3){ margin-right: 0;}
.sy_news_box .sy_news_ul li{ padding: 25px 0; border-bottom: 1px solid #e7e7e7;}
.sy_news_box .sy_news_ul li:last-child{ border: none;}
.sy_news_box .sy_news_ul li h2{ font-weight: normal; color: #333; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
.sy_news_box .sy_news_ul li p{ font-size: 14px; line-height: 24px;}
.news_first span.date{ font-size: 14px;}
.news_first .news_first_txt{ margin-top: 25px;}
.news_first .news_first_txt p{ margin: 10px 0; height: 48px; overflow: hidden;}
.news_first_txt span{ font-size: 14px;}
.news_li .date{ text-align: center; font-size: 14px;}
.news_li .date span{ color: #333; font-size: 36px;}
.news_li p{ margin-top: 10px; height: 24px; overflow: hidden;}
.news_li .newsli_txt{ max-width: 80%;}
.sy_news_box .sy_news_ul li:hover h2{ color: #e60012;}
.news_first .imgfd img{ height: 310px;}
.foot_bottom{ font-size: 14px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.3);}
.foot_bottom .c-flex{margin: 30px 0; align-items: flex-start;}
.foot_bottom .c-flex .foot_nav b,.foot_bottom .c-flex .foot_nav a{ display: block;}
.foot_bottom .foot_qr{ margin-left: auto;}
.foot_contact h3{ font-family: dinm; font-weight: normal; font-size: 26px;}
.foot_bottom .c-flex .foot_nav b{ font-size: 16px; margin-bottom: 20px; font-weight: normal;}
.foot_bottom a{ color: #dddddd; line-height: 30px;}
.foot_bottom a:hover{ color: #fff;}
.foot_bottom .c-flex .foot_nav{ padding-left: 15px; border-left: 1px solid rgba(255,255,255,.3); position: relative;}
.foot_bottom .c-flex .foot_nav:before{ position: absolute; left: -2px; top: 0; content: ''; width: 3px; height: 14px; background: #e60012; z-index: 2;}
.foot_qr .qr_box{ float: left; margin-left: 20px; text-align: center;}
.foot_qr .qr_box img{ width: 90px;}
.site_choose{ margin-top: 60px; line-height: 32px;}
.site_choose .choose_box{ display: inline-block; margin-left: 25px; background: #eaeaea; cursor: pointer; width: 200px; padding: 0 20px; color: #333; position: relative;}
.site_choose .choose_box .site_list{ position: absolute; width: 100%; border: 1px solid #eaeaea; bottom: 32px; left: 0; background: #636363; padding: 0 15px; height: 0; overflow: hidden; transition: .3s ease;}
.site_choose .choose_box .site_list a{ display: block;}
.site_choose .choose_box:hover .site_list{height: auto;}
.link a{ margin-left: 30px;}

.design_item1{ padding-top: 110px;}
.design_img{ width: 50%;}
.design_img img{ width: 100%;}
.design_txt{ width: 35%; color: #fff; margin-top: 110px; margin-right: 5%;}
.ny_item_tit{ margin-bottom: 30px;}
.ny_item_tit p{ font-size: 18px;}
.ny_item_tit h3{ font-size: 40px;}
.design_txt .ny_item_tit h3{ color: #fff;}
.design_box{ margin-top: 70px; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.design_box ul li{ float: left; width: 33.33%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center; padding: 25px 0;}
.design_box ul li a{ display: block;}
.design_box ul li p{ color: #fff; margin-top: 10px;}
.design_box ul li img{ height: 50px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.design_box ul li:hover{ background: #e60012;}
.design_system_txt{ width: 40%; margin-top: 120px;}
.design_system_img{ width: 55%; position: relative;}
.design_system_img img{ width: 100%;}
.systxt_box .sys_item{ padding: 60px 0 0 60px; display: none; position: absolute;}
.systxt_box .sys_item .num{ display: block; width: 40px; height: 40px; border-radius: 20px; background: #e60012; position: absolute; top: 20px; left: 0; text-align: center; line-height: 40px; font-family: arial; font-style: italic; color: #fff;}
.systxt_box .sys_item .sys_icon{ text-align: center;}
.systxt_box .sys_item h2{ font-weight: normal; margin: 25px 0; color: #333; font-size: 30px;}
.design_system_img .circle_num{ position: absolute; width: 96px; height: 96px; line-height: 96px; text-align: center; border-radius: 48px; border: 2px dashed #e60012; background: #fff; font-size: 45px; font-family: arial; font-style: italic; cursor: pointer;}
.design_system_img .circle_num:first-child{ top: 10%; left:18%; }
.design_system_img .circle_num:nth-child(2){ top: 25%; left:8%; }
.design_system_img .circle_num:nth-child(3){ top: 45%; left:3%; }
.design_system_img .circle_num:nth-child(4){ top: 65%; left:3%; }
.design_system_img .circle_num:nth-child(5){ top: 83%; left:10%; }
.design_system_img .circle_num.on{ color: #fff; background: #e60012; border: 2px solid #e60012; box-shadow: 0 0 8px 0 rgba(230,0,18,.3);}
.design_spec_img{ width: 55%;}
.design_spec_img img{ width: 100%;}
.design_spec_txt{ width: 40%;}
.spec_box ul li{ width: 48%; margin-right: 4%; margin-bottom: 30px; background: #fff; border-radius: 5px; text-align: center; padding: 30px; float: left; transition: 0.3s ease;}
.spec_box ul li:nth-child(2n){ margin-right: 0;}
.spec_box ul li p{ color: #333; font-size: 18px; margin: 15px 0;}
.spec_box ul li span{ display: block; font-size: 14px; line-height: 24px; height: 48px;}
.spec_box ul li:hover{ background: #e60012; box-shadow: 0 0 8px 0 rgba(230,0,18,.3); color: #fff;}
.spec_box ul li:hover p{ color: #fff;}
.spec_box ul li:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.design_item4{ text-align: center;}
.design_item4 .ny_item_tit p{ color: #fff;}
.design_item4 .ny_item_tit h3{ color: #fff;}
.site_circuit{ position: relative;}
.site_circuit .cirbg{ width: 100%;}
.site_circuit .circuit_step{ position: absolute;}
.site_circuit .circuit_step .cir_icon{ width: 120px; height: 120px; text-align: center; border-radius: 60px; border: 2px solid #fff; padding-top: 25px;}
.site_circuit .circuit_step .cir_icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.site_circuit .circuit_step p{ font-size: 18px; color: #fff; margin-top: 10px;}
.site_circuit .circuit_step:nth-child(2n+1){ top: 13%;}
.site_circuit .circuit_step:nth-child(2n){ bottom: 8%;}
.site_circuit .circuit_step:first-child{ left: 5%;}
.site_circuit .circuit_step:nth-child(2){ left: 14.6%;}
.site_circuit .circuit_step:nth-child(3){ left: 25.5%;}
.site_circuit .circuit_step:nth-child(4){ left: 36%;}
.site_circuit .circuit_step:nth-child(5){ left: 46.7%;}
.site_circuit .circuit_step:nth-child(6){ left: 57%;}
.site_circuit .circuit_step:nth-child(7){ left: 67.4%;}
.site_circuit .circuit_step:nth-child(8){ left: 78%;}
.site_circuit .circuit_step:nth-child(9){ left: 88.5%;}
.site_circuit .circuit_step:hover p{color: #e60012;}
.site_circuit .circuit_step:hover .cir_icon{ border-color: #e60012;}
.site_circuit .circuit_step:hover .cir_icon img{filter:none;}
.design_item4 .more_btn{ margin-top: 40px;}
.design_item4 .more_btn i{ margin-left: 0; margin-right: 10px;}

.design_item5 .ny_item_tit{ text-align: center;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ content: ''}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ content: ''}
.swiper_btn{ width: 160px; height: 50px; line-height: 50px; border-radius: 25px; border:2px solid #333; margin: 40px auto 0; position: relative;}
.swiper_btn .swiper-button-next,.swiper_btn .swiper-button-prev{ bottom: 0; color: #333; font-size: 18px;}
.swiper_btn .swiper-button-prev{ left: 20%;}
.swiper_btn .swiper-button-next{ right: 20%;}
.swiper_btn .swiper-button-next i,.swiper_btn .swiper-button-prev i{ font-size: 30px;}
.design_item6 .ny_item_tit{ text-align: center;}
.des_news_left{ width: 48%; position: relative; border-radius: 5px; overflow: hidden;}
.des_news_left .left_tit{ position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(51,51,51,.6); line-height: 60px; height: 60px; overflow: hidden; padding: 0 20px;}
.des_news_left:hover .left_tit{ background: rgba(230,0,18,.6);}
.des_news_list{ width: 50%;}
.design_item6 h2{ font-weight: normal; font-size: 18px;}
.des_news_left .left_tit h2{ color: #fff;}
.des_news_left .left_tit h2 span{ font-size: 14px;}
.des_news_left img{ height: 510px;}
.des_news_list ul li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 30px; height: 240px; border-radius: 5px; border: 1px solid #e7e7e7; padding: 28px 28px 0; font-size: 14px;}
.des_news_list ul li:nth-child(2n){ margin-right: 0;}
.des_news_list ul li .line{ width: 25px; height: 1px; margin: 15px 0; background: #e7e7e7;}
.des_news_list ul li p{ line-height: 24px; height: 48px; overflow: hidden; margin: 20px 0;}
.des_news_list ul li h2{ color: #333; line-height: 24px; height: 24px; overflow: hidden;}
.des_news_list ul li:hover h2{ color: #e60012;}

.ny_ban .ny_ban_txt h3,.ny_ban .ny_ban_txt h1{ font-family: sourb; color: #fff; font-size: 40px; margin-bottom: 10px;}
.ny_ban .ny_ban_txt p{ font-size: 18px;}
.ny_ban .ny_ban_txt .short_line{ width: 160px; height: 3px; background: #e60012; margin-top: 30px;}
.ny_ban .posi{ position: absolute; width: 100%; left: 0; color: #fff; bottom: 0;}
.posi{ font-size: 14px; line-height: 80px;}
.posi i{ font-size: 14px; margin-right: 10px;}
.ny_ban .posi a{ color: #fff;}
.ny_col_nav{ text-align: center; padding: 40px 0;}
.ny_col_nav a{ display: inline-block;  line-height: 50px; border-radius: 25px; text-align: center; padding: 0 30px; min-width: 200px; margin: 0 20px; box-sizing: border-box; background: #fff;}
.ny_col_nav a.on,.ny_col_nav a:hover{ background: #e60012; color: #fff;}

.ban_qr{ text-align: center; margin-left: auto;}
.ban_qr img{ width: 110px;}
.ban_operate{ margin-top: 35px;}
.ban_operate ul li{ margin-right: 80px; float: left; text-align: center;}
.ban_operate ul li a,.ban_operate ul li span{ width: 46px; line-height: 46px; height: 46px; border: 1px solid #fff; border-radius: 50%;text-align: center; font-size: 24px; color: #fff; display: inline-block;}
.ny_ban .ny_ban_txt .ban_operate ul li p{ font-size: 14px; margin-top: 5px;}
.ban_operate ul li:hover a{ border-color: #e60012; color: #e60012;}
.ny_ban_txt .ban_qr .more_btn{ margin-top: 20px;}
.ny_ban_txt .ban_qr .more_btn a{ line-height: 45px;}
.ny_ban_txt .ban_qr p{ font-size: 14px;}
.case_main{padding: 40px 0 100px;}
.show_left{ width: 78%;}
.show_right{ width: 20%;}
.caseshow{ background: #fff; border-radius: 5px; padding: 30px 45px; overflow: hidden; }
.jj_tit{ font-size: 24px; line-height: 24px; padding-left: 20px; border-left: 4px solid #e60012; margin-bottom: 20px;}
.site_page{ margin-top: 40px; text-align: center;}
.site_page h3{ font-size: 30px; font-weight: normal; margin-bottom: 40px; letter-spacing: 15px;}
.site_page img{ max-width: 100%!important;}
.right_nav{ padding: 28px 30px; background: #fff; margin-bottom: 20px; border-radius: 5px;}
.right_nav ul li a{ display: inline-block; line-height: 60px; padding:0 15px; border-bottom: 1px solid #dddddd; width: 100%; box-sizing: border-box;}
.right_nav ul li a i{ margin-right: 5px;}
.right_nav ul li a:hover{ color: #e60012;}
.recom_case{ padding: 28px 30px; background: #fff; margin-bottom: 20px; border-radius: 5px;}
.recom_case ul li{ margin-bottom: 28px;}
.recom_case ul li h2{ font-weight: normal; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; color: #333; margin-top: 10px;}
.recom_case ul li img{ height: 157px;}
.recom_case ul li:hover h2{ color: #e60012;}
.recom_news{ padding: 28px 30px; background: #fff; margin-bottom: 20px; border-radius: 5px;}
.recom_news img{ width: 100%;}
.recom_news ul li a{ display: inline-block; width: 100%; margin-top: 15px; color: #333; line-height: 30px; height: 30px; overflow: hidden;}
.recom_news ul li a i{ margin-right: 5px;}
.recom_news ul li a:hover{ color: #e60012;}
.jianzhan_page .swiper-wrapper{ display: block;}
.jianzhan_item{ position: relative; width: 100%; overflow: hidden;}
.jianzhan_item img.jianzhanbg{ width: 100%;}
.jianzhan_item .jianzhan_txt_box{ position: absolute; width: 100%; top: 30%;}
.jianzhan_txt_box .jianzhan_txt{ width: 40%; color: #fff;}
.jianzhan_page .jianzhan_item:nth-child(2n+1) .jianzhan_txt{ float: left;}
.jianzhan_page .jianzhan_item:nth-child(2n) .jianzhan_txt{ float: right;}
.jianzhan_txt_box .jianzhan_txt .jianzhan_des{ margin-top: 40px;}
.jianzhan_txt_box .jianzhan_txt .ny_item_tit h3{ color: #fff;}
.jianzhan_txt_box .jianzhan_txt .more_btn{ border-width: 1px; margin-top: 100px;}
.jianzhan_txt_box .jianzhan_txt .more_btn i{ margin-left: 0; margin-right: 20px;}
.jianzhan_txt_box .jianzhan_txt .more_btn a{ line-height: 50px;}

.show_h{ height: 90px;}
.jianzhanshow{ background: #fff; border-radius: 5px; padding: 45px;}
.jianzhanshow h1{ font-size: 30px; color: #333; font-weight: normal;}
.show_info{ display: flex; padding: 20px 0;}
.show_info span .follow_list{ float: right;}
.show_info span .follow_list a{ width:26px; height:26px; border-radius:14px; font-size:16px; line-height:26px;}
.show_info span .follow_list a.icon-qq{ border: 1px solid #56b6e7; color:#56b6e7;}
.show_info span .follow_list a.icon-wechat{ border: 1px solid #7bc549; color:#7bc549;}
.show_info span .follow_list a.icon-weibo{ border: 1px solid #ff763b; color:#ff763b;}
.show_info span{ margin-right: 30px; font-size: 14px; color: #333; line-height:36px;}
.social-share .icon-wechat .wechat-qrcode{ z-index: 999;}
.jianzhanshow .show_info{ border-bottom: 1px solid #e7e7e7;}
.show_content{ padding: 30px 0 40px; overflow: hidden;}
.show_content img{ max-width: 100%!important;}
.page_btn .back{ margin: 0 auto;}
.page_btn i{ height: 44px; width: 44px; line-height: 44px; text-align: center; border: 1px solid #333; color: #333; font-size: 18px; border-radius: 50%; margin-right: 10px; display: inline-block;}
.page_btn a{ color: #333; font-size: 14px;}
.page_btn .prev:hover i,.page_btn .back:hover i,.page_btn .next:hover i{ color: #e60012;}
.page_btn .prev:hover a,.page_btn .back:hover a,.page_btn .next:hover a{ color: #e60012;}
.tag{ margin-top: 20px;}
.tag,.tag a{ color: #333; line-height: 32px; font-size: 14px;}
.tag a{ display: inline-block; margin-left: 5px; border-radius: 3px; border: 1px solid #e7e7e7; padding: 0 15px;}
.tag i{ margin-right: 5px;}
.tag a:hover{ color: #e60012;}
.mianze{ background: #f3f3f3; font-size: 14px;  padding: 12px 10px; color: #333; margin: 30px 0;}
.mianze a{ color: #144fd4;}
.mianze a:hover{ color: #e60012;}
.relect_news ul li{ float: left; width: 32%; margin-right: 2%; border: 1px solid #e7e7e7; padding: 30px;}
.relect_news ul li:nth-child(3){ margin-right: 0;}
.relect_news ul li .line{ width: 25px; height: 1px; margin: 15px 0; background: #e7e7e7;}
.relect_news ul li p{ line-height: 24px; height: 48px; overflow: hidden; margin: 20px 0; font-size: 14px;}
.relect_news ul li h2{ color: #333; font-size: 18px; font-weight: normal;line-height: 24px; height: 24px; overflow: hidden;}
.relect_news ul li:hover h2{ color: #e60012;}
.relect_news ul li span{ font-size: 14px;}
.news_show_item{ background: #fff; padding: 30px 50px; margin-bottom: 20px; border-radius: 5px;}
.news_show_item h1{ font-weight: normal; color: #333; font-size: 30px;}
.daodu{ background: #f3f3f3; padding: 10px; font-size: 14px; line-height: 24px;}
.daodu span{ color: #e60012;}
.relect_talk ul li{ float: left; width: 24%; margin-right: 1.33%; position: relative;}
.relect_talk ul li:nth-child(4){ margin-right: 0;}
.relect_talk ul li .relt_tit{ position: absolute; background: rgba(0,0,0,.5); padding: 0 10px; color: #fff; font-size: 14px; width: 100%; bottom: 0; left: 0;}
.relect_talk ul li .relt_tit p{  line-height: 40px; height: 40px; overflow: hidden; }
.relect_talk ul li img{ height: 184px;}
.relect_talk ul li:hover .relt_tit{ background: rgba(230,0,18,.5)}
.news_show_item .show_content{ padding-top: 0;}
.about_number{ position: relative; overflow: hidden; width: 100%;}
.about_number .numbg{ width: 100%;}
.about_number .number_box{ position: absolute; width: 100%; top: 30%; left: 0; color: #fff;}
.about_number .number_box .c-flex{ width: 80%; margin: 0 auto;}
.about_number .number_box .c-flex dt{ margin: 0 auto; text-align: center}
.number_box .c-flex dt span{ display: inline-block;}
.number_box .c-flex dt span.dot{ width: 12px; height: 12px; border-radius: 50%; background: #e60012; margin-bottom: 20px;}
.number_box .c-flex dt span.short_line{ width: 40px; height: 2px; background: #e60012; margin: 30px 0;}
.number_box .c-flex dt .counter{ font-size: 72px; font-family: dinm;}
.number_box .c-flex dt span.jh{ font-size: 72px; font-family: dinm; }
.number_box .c-flex dt p{ font-size: 18px;}
.about_com .imgfd{ width: 40%;}
.about_com .ab_com_txt { width: 55%; color: #333;}
.about_culture{ overflow: hidden; width: 100%; padding-top: 80px;}
.about_culture .culbg{  width: 100%;}
.about_culture .culture_txt{ width: 100%; text-align: center; color: #fff;}
.culture_txt .ny_item_tit h3{color: #fff; margin-bottom: 20px;}
.ny_item_tit .short_line{ width: 55px; height: 3px; background:#e60012; display: inline-block; margin-top: 10px;}
.culture_box{ position: relative;}
.culture_box .culbg{ width: 86%;}
.cul_list ul li{ max-width: 150px; position: absolute; color: #fff; text-align: center;}
.cul_list ul li .cul_icon{ width: 102px; height: 102px; border-radius: 50%; background: #333333; text-align: center; padding-top: 24px; display: inline-block;}
.cul_list ul li .cul_icon img{ animation: culicon 4s ease-out infinite!important;}
@keyframes culicon{
	0%{ opacity: 100%;}
	30%{ opacity: 50%;}
	50%{ opacity: 10%;}
	70%{ opacity: 50%;}
	100%{ opacity: 100%;}
}
@-webkit-keyframes culicon{
	0%{ opacity: 100%;}
	30%{ opacity: 50%;}
	50%{ opacity: 10%;}
	70%{ opacity: 50%;}
	100%{ opacity: 100%;}
}
.cul_list ul li h2{ font-weight: normal; color: #fff; font-size: 18px; margin: 15px 0 10px;}
.cul_list ul li p{ font-size: 14px; color: #ccc;}
.cul_list ul li:first-child{ left: 17%; top: 44%;}
.cul_list ul li:nth-child(2){ left: 28%; top: 20%;}
.cul_list ul li:nth-child(3){ left: 39%; top: 10%;}
.cul_list ul li:nth-child(4){ right: 39%; top: 10%;}
.cul_list ul li:nth-child(5){ right: 28%; top: 20%;}
.cul_list ul li:nth-child(6){ right: 17%; top: 44%;}
.cul_list ul li .cul_icon:hover{ background: #fff;}
.culture_box .szd_logo{ position: absolute; left: 50%; margin-left: -49px; animation: logodown 2s ease-out infinite;}

@keyframes logodown{
	0%{ bottom: 170px;}
	30%{ bottom: 160px;}
	50%{ bottom: 150px;}
	70%{ bottom: 160px;}
	100%{ bottom: 170px;}
}
@-webkit-keyframes logodown{
	0%{ bottom: 170px;}
	30%{ bottom: 160px;}
	50%{ bottom: 150px;}
	70%{ bottom: 160px;}
	100%{ bottom: 170px;}
}
.about_honor{ padding: 160px 0;}
.honor_left{ width: 35%;}
.honor_right{ width: 50%; text-align: center; position: relative;}
.honor_img{ width: 320px; margin: 0 auto;}
.honor_img img{ height: 441px;}
.honor_list{ margin-top: 40px;}
.honor_list .swiper-wrapper{ display: block;}
.honor_list ul li{ float: left; width: 48%!important; margin-right: 4%; margin-bottom: 20px; line-height: 50px; border-radius: 25px; border: 1px solid #999; text-align: center; color: #333; cursor: pointer;}
.honor_list ul li:nth-child(2n){ margin-right: 0;}
.honor_right .swiper-button-next,.honor_right .swiper-button-prev{ width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 50%; font-size: 18px; color: #333; bottom: 45%; background: #fff;}
.honor_right .swiper-button-next i,.honor_right .swiper-button-prev i{ font-size: 16px;}
.honor_right .swiper-button-next:hover{ background: #e60012; color: #fff;}
.honor_list ul li.swiper-slide-thumb-active{ border-color:#e60012; background: #e60012; color: #fff; }
.about_brand{ padding: 110px 0; text-align: center;}
.about_brand .ny_item_tit h3{ margin-bottom: 15px;}
.brand_list ul li{ float: left; width: 11.3%; margin-right: 1.37%; margin-bottom: 20px; border: 1px solid #e5e5e5;}
.brand_list ul li:nth-child(8n){ margin-right: 0;}
.brand_list ul li img{ width: 100%; height: 103px;}
.contact_top{ position: relative; width: 100%; overflow: hidden;}
.contact_top .con_top_bg{ width: 100%;}
.cont_box{ position: absolute; width: 100%; left: 0; top: 30%;}
.cont_box .cont_txt{ width: 40%; background: #e60012; padding: 80px 65px; color: #fff;}
.cont_box .cont_txt h3{ color: #fff; font-size: 40px;}
.cont_box .cont_txt .short_line{ width: 98px; height: 3px; background: #fff; margin: 30px 0;}
.cont_box .cont_txt p{ font-size: 18px; margin-bottom: 20px;}
.cont_box .cont_txt span{ font-family: dinm; font-size: 54px;}
.contact_top .add_point{ position: absolute; right: 30%; top: 35%; text-align: center;}
.contact_top .add_point i{ color: #e60012; display: block; font-size: 26px; margin-bottom: 5px;}
.contact_top .add_point .dw_box{ position: absolute;z-index: 20; width: 50px; height: 50px; left: 50%; margin-left: -25px; top: 50%; margin-top: -25px; }
.dw_box span{ font-size: 14px; color: #fff;}
.contact_top .add_point .dinwei{ position: relative;}
.contact_top .add_point .dinwei .mark_box{ --sw: 80px; position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%); width: var(--sw); height: var(--sw);}
.contact_top .add_point .dinwei .mark_box .mark {
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1);
  background-image: linear-gradient(0deg, #ff606c 0%, #e60012 100%);
  opacity: 0.2;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: banner-contact-cycle-animate 5s ease-in-out infinite;
}
.contact_top .add_point .dinwei .mark_box .mark1 {
  animation-delay: 1s;
}
.contact_top .add_point .dinwei .mark_box .mark2 {
  animation-delay: 2s;
}
.contact_top .add_point .dinwei .mark_box .mark3 {
  animation-delay: 3s;
}
.contact_top .add_point .dinwei .mark_box .mark4 {
  animation-delay: 4s;
}
.contact_top .add_point .dinwei .mark_box .mark5 {
  animation-delay: 5s;
}
@keyframes banner-contact-cycle-animate {
  0% {
    transform: scale(1);
    background-image: linear-gradient(0deg, #ff606c 0%, #e60012 100%);
    opacity: 0.2;
  }
  90% {
    transform: scale(12);
    background-image: linear-gradient(0deg, #ef848d 0%, #f24452 100%);
    opacity: 0.05;
  }
  100% {
    transform: scale(14);
    background-image: linear-gradient(0deg, #ef848d 0%, #f24452 100%);
    opacity: 0;
  }
}
.contact_way{ margin-bottom: 70px;}
.contact_way .way_box{ width: 31%; background: #fff; padding: 50px 50px 0; height: 300px;}
.contact_way .way_box i{ color: #333; font-size: 50px;}
.contact_way .way_box .way_txt{ margin-top: 15px;}
.contact_way .way_box .way_txt span{ display: inline-block; font-size: 18px; color: #333;}
.contact_way .way_box .way_txt span.tel{ font-family: dinm; font-size: 28px;}
.contact_way .way_box:nth-child(2){ margin: 0 auto;}
.contact_way .way_box:hover{ background:#e60012; color:#fff;}
.contact_way .way_box:hover i,.contact_way .way_box:hover span{ color:#fff;}
.contact_page{ padding: 70px 0;}
.con_form .formbox{ position: relative; margin-bottom: 20px;}
.con_form .formbox .option{ position: absolute; top: 62px; width: 75%; left: 25%; background: #fff; z-index: 9; display: none; box-shadow: 0 0 8px rgba(0,0,0,.15);}
.contact_bottom{ background: #fff; padding: 60px 70px;}
.contact_bottom h3{ font-size: 24px; font-weight: normal; color: #333;}
.com_route{ width: 45%;}
.route_list ul li{ padding: 30px 0 40px 60px; border-bottom: 1px solid #dddddd;}
.route_list ul li:first-child{ background: url(../images/conic_04.png) no-repeat left 30px;}
.route_list ul li:nth-child(2){ background: url(../images/conic_07.png) no-repeat left 30px;}
.route_list ul li:nth-child(3){ background: url(../images/conic_09.png) no-repeat left 30px;}
.route_list ul li p{ color: #333; font-size: 18px;margin-bottom: 10px;}
.con_massage{ width: 50%;}
.con_form{ margin-top: 20px;}
.con_form label{ color: #333; width: 23%; text-align: right; display: inline-block; margin-right: 2%; line-height: 60px; float: left;}
.con_form input,.con_form textarea { line-height: 60px; padding: 0 30px; border: 1px solid #d7d7d7; width: 75%;}
.con_form .formbox .option ul{ padding: 10px 0;}
.con_form .formbox .option ul li{ line-height: 30px; padding: 0 30px; cursor: pointer;}
.con_form .formbox .option ul li:hover{ color: #e60012;}
.con_form .formbox .iconfont{ position: absolute; color: #333; right: 20px; top: 25px;}
.con_form .sub{ margin-left: 25%; width: 200px; text-align: center; color: #fff; background:#e60012; border: none; cursor: pointer;}
.con_form .sub:hover{ box-shadow: 0 0 12px 0 rgba(230,0,18,.2); }

.show_case4,.show_case5{margin-top: 50px;}
.show_case4 li,.show_case4 li:nth-child(3n){width: 24%;margin-right: 1.33%;margin-top: 20px;}
.show_case4 li:last-child{margin-right: 0;}

.show_case5 li{width: 48%;float: left;margin-top: 20px;}
.show_case5 li:nth-child(2n){float: right;}
.show_case5 li .txt{width: 60%;padding-top: 3%;}
.show_case5 li:hover .txt b{color: #e60012;}
.list_sjs li,.list_gd li{background: #fff;width: 100%;border-radius: 12px;overflow: hidden;margin-top: 0;margin-bottom: 30px;}
.list_sjs li a,.list_gd li a{display: flow-root;padding: 30px;}
.list_gd li{width: 32%;margin-right: 2%;float: left!important;}
.list_gd li:nth-child(3n){margin-right: 0;}
.list_gd li .imgfd{ border-radius: 6px;}
.list_gd li .imgfd img{ height: 302px;}
.list_gd li .imgfd,.list_gd li .txt{width: 100%;}
.list_gd li .txt b{margin-top: 10px;font-size: 20px;height: 26px;line-height: 26px; color:#333;}
.list_gd li .txt p{margin-bottom: 30px;}
.list_gd .date{color: #666;font-family: Arial;}
.list_gd .date b{display: block;font-size: 30px;display: block;margin: 10px 0 20px;color: #333;}
.list_sjs li .txt p,.list_gd li .txt p{font-size: 16px;line-height: 30px;height: 60px;overflow: hidden;margin: 20px 0 50px;}
.show_case5 li .txt span{display: block;font-size: 14px;color: #666;height: 34px;line-height: 34px;background: #ebebeb;padding: 0 10px;float: right;border-radius: 4px;}
.column_pad{padding: 50px;background: #fff;border-radius: 8px;display: flow-root;}
.list_ysal li{width: 100%;display: flow-root;margin-bottom: 36px;padding-bottom: 36px;border-bottom: 1px dashed #ececec;}
.list_ysal li h2{font-size: 28px;color: #333;}
.list_ysal li .icon-youjiantou{display: block;width: 28px;height: 28px;line-height: 28px;text-align: center;border-radius: 500px;border: 1px solid #979797;margin-left: 10px;}
.list_ysal li .more{font-size: 14px;display: flex;line-height: 28px;}
.list_ysal li dt{float: left;margin-right: 40px;font-size: 14px;}
.list_ysal li dt i{color: #e60012;}
.list_ysal li .view{font-size: 14px;}
.list_ysal li .imgfd{border-radius: 12px;overflow: hidden;}
.list_ysal li .box{margin: 20px 0 16px;display: flow-root;}
.list_ysal li:hover h2,.list_ysal li .more:hover{color: #e60012;}
.listsan li{width: 32%;float: left;margin-right: 2%;position: relative;}
.listsan li:nth-child(3n){margin-right: 0;}
.listnews li{border-bottom: 2px solid #ddd;margin-top: 40px;}
.listnews li .imgfdd img{height: 290px;}
.listnews li b{font-size: 18px;color: #333;display: block;height: 26px;line-height: 26px;overflow: hidden;margin-top: 20px;}
.listnews li .date{font-size: 16px;color: #777;height: 24px;line-height: 24px;margin: 12px 0;}
.listnews li .date span{font-weight: bold;font-size: 20px;color: #eb8a2c;margin-right: 10px;}
.listnews li:hover b{color: #eb8a2c;}

.listnews2 dt:nth-child(1){width: 66%;float: left;position: relative;}
.listnews2 dt:nth-child(2){width: 32%;float: right;}
.listnews2 dt:nth-child(1) .imgfdd img{height: 480px; width:100%;}
.listnews2 dt:nth-child(1) .txt{width: 100%;background: rgba(0,0,0,.6);position: absolute;left: 0;bottom: 0;height: 60px;line-height: 60px;padding: 0 2%;overflow: hidden;}
.listnews2 dt:nth-child(1) .txt h3{font-size: 20px;color: #fff;display: block;max-width: 60%;overflow: hidden;}
.listnews2 dt:nth-child(1) .txt span{font-size: 16px;color: #fff;}
.listnews2 dt:nth-child(2) .imgfdd img{height: 290px; width:100%;}
.listnews2 dt:nth-child(2) .txt{background: #fff;padding: 30px;display: flow-root;padding-top: 25px;}
.listnews2 dt:nth-child(2) .txt h3{font-size: 18px;color: #333;display: block;height: 26px;line-height: 26px;overflow: hidden;font-weight: bold;}
.listnews2 dt:nth-child(2) .txt .p{font-size: 16px;line-height: 30px;height: 60px;overflow: hidden;color: #666;}
.listnews2 dt:nth-child(2) .txt .date{font-size: 16px;color: #777;height: 24px;line-height: 24px;margin: 15px 0 10px;}
.listnews2 dt:nth-child(2) .txt .date span{font-weight: bold;font-size: 20px;color: #eb8a2c;margin-right: 10px;}
.listnews2 dt:nth-child(2):hover .txt h3{color: #eb8a2c;}






@media (max-width: 1600px){
	.bannerswiper .page .svg-swiper-pagination{ left: 2%;}
	.bannerswiper .banner-towrap{ right: 2%;}
	.sy_case_list ul li img{ height: 271px;}
	.news_first .imgfd img{ height: 268px;}
	.site_circuit .circuit_step:nth-child(2n){ bottom: 3%; margin-left: -5px;}
	.site_circuit .circuit_step:nth-child(2n+1){ top: 10%; margin-left: -8px;}
	.des_news_left img{ height: 450px;}
	.des_news_list ul li{ margin-bottom: 20px; height: 215px;}
	.des_news_list ul li .line{ margin: 10px 0;}
	.ny_col_nav{ display: flex;}
	.ny_col_nav a{ padding: 0 25px; margin: 0 auto;}
	.ny_ban .ny_ban_txt{ top: 30%;}
	.ny_ban .ny_ban_txt h3, .ny_ban .ny_ban_txt h1{ font-size: 36px;}
	.recom_case ul li img{ height: 136px;}
	.relect_talk ul li img{ height: 162px;}
	.culture_box .culbg{ width: 94%;}
	.brand_list ul li img{ height: 92px;}
	.cont_box .cont_txt{ padding: 60px;}
	.cont_box .cont_txt h3{ font-size: 36px;}
	.contact_way .way_box{ padding: 40px 25px 0;}

}

@media (max-width: 1440px){
	.sy_design{ padding-top: 70px;}
	.design_more{ margin-top: 60px;}
	.design_list ul li a{ padding: 30px 30px 40px;}
	.sy_case{ padding-top: 200px;}
	.design_list ul li i{ bottom: 15px; right: 15px;}
	.sy_service_list ul li{ padding: 30px 40px 40px;}
	.sy_case_list ul li img{ height: 244px;}
	.news_first .imgfd img{ height: 238px;}
	.sy-ban .b-trext h3{ font-size: 50px;}
	.sy_design{ background-size: 60%!important;}
	.sy_case .center,.sy_system .center{ background-size: 50%!important;}
	.sy_system{ background-size: 50%!important;}
	.sy_system .center{ padding: 80px 0 50px;}
	.sys_tab{ margin-top: 50px;}
	.sy_news_box .sy_news_ul{ padding: 0 20px;}
	.sy_item_tit h3{ font-size: 40px;}
	.design_txt{ margin-top: 50px;}
	.design_box{ margin-top: 40px;}
	.design_system_img .circle_num{ width: 80px; height: 80px; line-height: 80px;}
	.design_system_txt{ margin-top: 60px;}
	.site_circuit .circuit_step .cir_icon{ width: 100px; height: 100px; padding-top: 15px;}
	.site_circuit .circuit_step p{ font-size: 16px;}
	.des_news_left img{ height: 410px;}
	.swiper_btn{ margin-top: 10px;}
	.des_news_list ul li{ padding: 20px 20px 0; height: 195px;}
	.des_news_list ul li p{ margin: 10px 0;}
	.ny_col_nav a{ line-height: 40px; padding: 0 15px; font-size: 14px; min-width: 160px;}
	.caseshow{ padding: 20px 30px 30px;}
	.right_nav,.recom_case,.recom_news{ padding: 20px;}
	.right_nav ul li a{ padding: 0 5px;}
	.recom_case ul li img{ height: 130px;}
	.jianzhanshow{ padding: 30px;}
	.relect_news ul li{ padding: 20px;}
	.news_show_item{ padding: 25px 30px;}
	.relect_talk ul li img{ height: 150px;}
	.about_com .ab_com_txt p{ font-size: 14px; line-height: 24px;}
	.about_culture{ padding-top: 40px;}
	.culture_box .culbg{ width: 100%;}
	.cul_list ul li:first-child{ left: 12%;}
	.cul_list ul li:nth-child(6){ right: 12%;}
	.cul_list ul li:nth-child(2){ left: 25%;}
	.cul_list ul li:nth-child(5){ right: 25%;}
	.honor_left{ width: 45%;}
	.honor_list ul li{ font-size: 14px; line-height: 40px;}
	.about_honor{ padding: 80px 0;}
	.honor_img{ width: 290px;}
	.honor_img img{ height: 400px;}
	.brand_list ul li img{ height: 83px;}
	.cont_box .cont_txt{ padding: 40px; width: 45%;}
	.con_form label,.con_form .formbox .option ul li{ font-size: 14px;}
	.con_form input, .con_form textarea{ font-size: 14px; line-height: 50px;}
	.con_form .formbox .option{ top: 52px;}
	.contact_bottom{ padding: 40px 50px;}
	.contact_bottom h3{ font-size: 20px;}
	.route_list ul li span{ font-size: 14px;}
}

@media (max-width: 1281px){
	.index_head .nav li a{ font-size: 16px;}
	.index_head .nav li{ margin: 0 20px;}
	.sy_design_txt p{  font-size: 14px;}
	.design_list ul li a{ padding: 20px 20px 30px;}
	.design_list ul li img{ height: 40px;}
	.design_list ul li h5{ font-size: 16px; margin: 20px 0 15px;}
	.sy_case_list ul li img{ height: 217px;}
	.sy_system_txt{ margin-top: 30px; width: 40%;}
	.sy_service_list ul li{ padding: 20px 30px 30px;}
	.sy_service_list ul li img{ height: 80px;}
	.sy_service .more_btn{ margin-top: 40px;}
	.news_first .imgfd img{ height: 215px;}
	.ny_item_tit h3{ font-size: 34px;}
	.ny_item_tit{ margin-bottom: 20px;}
	.design_txt{ margin-top: 30px; margin-right: 2%;}
	.design_box ul li{ padding: 20px 0;}
	.design_txt p{ font-size: 14px; line-height:24px; }
	.systxt_box .sys_item h2{ font-size: 26px; margin: 20px 0;}
	.systxt_box p{ font-size: 14px; line-height: 24px;}
	.spec_box ul li{ padding: 20px;}
	.site_circuit .circuit_step .cir_icon{ padding-top: 25px;}
	.site_circuit .circuit_step .cir_icon img{ height: 50px;}
	.site_circuit .circuit_step p{ margin-top: 0;}
	.site_circuit .circuit_step:nth-child(2n){ bottom: 0;}
	.site_circuit .circuit_step:nth-child(2n+1){ top: 8%;}
	.des_news_left img{ height: 360px;}
	.des_news_list ul li{ height: 170px;}
	.des_news_list ul li .line{ display: none;}
	.des_news_list ul li h2{ margin-top: 5px;}
	.des_news_left .left_tit{ line-height: 50px; height: 50px;}
	.design_item6 h2{ font-size: 16px;}
	.ny_ban .ny_ban_txt h3, .ny_ban .ny_ban_txt h1{ font-size: 30px;}
	.ny_ban .ny_ban_txt p{ font-size: 16px;}
	.ny_ban .ny_ban_txt .short_line{ width: 120px; margin-top: 20px;}
	.ny_ban .posi{ line-height: 60px;}
	.site_page{ margin-top: 30px;}
	.site_page h3{ font-size: 26px; letter-spacing: 5px; margin-bottom: 20px;}
	.recom_case ul li img{ height: 111px;}
	.recom_case ul li h2{ font-size: 14px;}
	.jianzhan_txt_box .jianzhan_txt .more_btn{ margin-top: 40px;}
	.jianzhan_txt_box .jianzhan_txt .jianzhan_des{ margin-top: 20px;}
	.show_info span{ margin-right: 20px;}
	.relect_talk ul li img{ height: 131px;}
	.relect_talk ul li .relt_tit p{ line-height: 30px; height: 30px;}
	.number_box .c-flex dt span.dot{ margin-bottom: 10px;}
	.number_box .c-flex dt span.short_line{ margin: 20px 0;}
	.number_box .c-flex dt p{ font-size: 16px;}
	.culture_box .szd_logo img{ width: 80px;}
	.culture_box .szd_logo{ margin-left: -40px;}
		@keyframes logodown{
		0%{ bottom: 100px;}
		30%{ bottom: 95px;}
		50%{ bottom: 90px;}
		70%{ bottom: 95px;}
		100%{ bottom: 100px;}
	}
	@-webkit-keyframes logodown{
		0%{ bottom: 100px;}
		30%{ bottom: 95px;}
		50%{ bottom: 90px;}
		70%{ bottom: 95px;}
		100%{ bottom: 100px;}
	}
	.cul_list ul li .cul_icon{ width: 90px; height: 90px; padding-top: 23px;}
	.cul_list ul li .cul_icon img{ width: 44px;}
	.cul_list ul li h2{ font-size: 16px; margin: 10px 0 5px;}
	.cul_list ul li p{ font-size: 12px; line-height: 20px;}
	.cul_list ul li:nth-child(3){ left: 37%;}
	.cul_list ul li:nth-child(4){ right: 37%;}
	.brand_list ul li img{ height: 72px;}
	.cont_box .cont_txt{ width: 50%;}
	.cont_box .cont_txt p{ font-size: 16px; margin-bottom: 10px;}
	.cont_box .cont_txt h3{ font-size: 32px;}
	.cont_box .cont_txt span{ font-size: 48px;}
	.route_list ul li{ padding: 20px 0 30px 40px;}
	.route_list ul li p{ font-size: 16px;}
	.contact_bottom{ padding: 30px;}
	.contact_way .way_box{ padding: 30px 20px 0; height: 250px;}
	.contact_way .way_box i{ font-size: 40px;}
	.contact_way .way_box .way_txt{ margin-top: 10px;}
	.contact_way .way_box .way_txt span{ font-size: 16px;}
}

@media (max-width: 1024px){
	.foot_bottom{ display: none;}
	.sy-ban .b-trext h3{ font-size: 44px; letter-spacing: 10px;}
	.bannerswiper .page .svg-swiper-pagination{ bottom: 30px;}
	.bannerswiper .banner-towrap{ bottom: 30px;}
	.sy_item_tit h3{ font-size: 34px;}
	.sy_design_txt{ width: 100%;}
	.design_more{ margin-top: 30px;}
	.sy_design_img{ width: 100%; float: none;}
	.design_list ul li{  width: 100%; float: none; margin-right: 0; margin-bottom: 20px;}
	.design_list ul li a{ display: flex; align-items: center;}
	.design_list ul li h5{ margin-top: 0;}
	.design_list ul li .design_icon{ margin-right: 20px;}
	.design_list ul li p{ height: 24px;}
	.design_list ul li:hover{ margin-top: 0; padding-left: 20px;}
	.design_list{ margin-bottom: 0;}
	.sy_case{ padding: 50px 0; }
	.sy_case_list ul li img{height: 172px;}
	.sy_case_txt{ padding: 10px;}
	.sy_case_txt h2{ font-size: 16px; line-height: 30px; height: 30px;}
	.sy_case_txt p.column{ padding-top: 10px; margin-top: 10px;}
	.sys_tab a{ width: 43%; margin-right: 5%; font-size: 14px; line-height: 36px;}
	.sys_tab{ margin-top: 30px;}
	.sy_system_txt{ margin-top: 0;}
	.sy_service_list ul li{ padding: 20px 15px 30px;}
	.sy_service_list ul li h5{ font-size: 16px; margin: 15px 0;}
	.sy_news_box .sy_news_ul{ padding: 0 15px;}
	.sy_news_box .sy_news_ul li{ padding: 15px 0;}
	.sy_news_box .sy_news_ul li h2{ font-size: 16px;}
	.news_first .news_first_txt{ margin-top: 15px;}
	.news_li .date span{ font-size: 28px;}
	.news_li .newsli_txt{ max-width: 75%;}
	.news_li p{ margin-top: 0;}
	.sy_news_top .sy_news_nav a{ margin-left: 40px;}
	.sy_design{ padding-top: 40px;}
	.news_first .imgfd img{ height: 170px;}
	.design_item1{ padding-top: 50px;}
	.design_txt{ width: 45%;}
	.ny_item_tit h3{ font-size: 30px;}
	.design_txt{ margin-top: 0;}
	.ny_item_tit p{ font-size: 14px;}
	.systxt_box .sys_item{ padding: 40px 0 0 40px;}
	.systxt_box .sys_item .sys_icon img{ height: 80px;}
	.systxt_box .sys_item h2{ font-size: 22px;margin: 10px 0;}
	.design_system_img .circle_num{ width: 60px; height: 60px; font-size: 30px; line-height: 60px;}
	.design_spec_img{ width: 100%; float: none;}
	.design_spec_txt{ width: 100%; float: none;}
	.site_circuit .circuit_step .cir_icon{ width: 80px; height: 80px; padding-top: 20px;}
	.site_circuit .circuit_step .cir_icon img{ height: 40px;}
	.des_news_left{ width: 100%; float: none;}
	.des_news_left img{ height: 603px;}
	.des_news_list{ width: 100%; margin-top: 30px;}
	.ny_col_nav a{ width: 46%; margin-bottom: 15px; margin-right:8%; display: block; float: left;}
	.ny_col_nav{ display: block; overflow: hidden;}
	.ny_col_nav a:nth-child(2n){ margin-right: 0;}
	.ny_ban .ny_ban_txt{ top: 20%;}
	.ny_ban .ny_ban_txt h3, .ny_ban .ny_ban_txt h1{ margin-bottom: 0;}
	.ny_ban .ny_ban_txt .short_line{ margin-top: 10px;}
	.ban_operate{ margin-top: 15px;}
	.ban_operate ul li{ margin-right: 40px;}
	.ny_ban_txt .ban_qr .more_btn a{ line-height: 36px; font-size: 14px;}
	.ban_qr img{ width: 80px;}
	.ny_ban .ny_ban_txt p{ font-size: 14px;}
	.show_right{ display: none;}
	.show_left{ width: 100%; float: none;}
	.case_main{ padding: 30px 0 50px;}
	.jianzhan_item .jianzhan_txt_box{ top: 20%;}
	.jianzhan_txt_box .jianzhan_txt .more_btn a{ line-height: 36px; font-size: 14px;}
	.jianzhan_txt_box .jianzhan_txt .jianzhan_des{ font-size: 14px; line-height: 24px;}
	.show_h{ height: 0;}
	.relect_news ul li .line{ margin: 10px 0;}
	.relect_news ul li h2{ font-size: 16px; height: 48px;}
	.relect_news ul li p{ margin: 15px 0;}
	.about_number .number_box .c-flex{ width: 96%;}
	.number_box .c-flex dt .counter,.number_box .c-flex dt span.jh{ font-size: 60px; line-height: 60px;}
	.about_com .imgfd{ width: 100%; margin-bottom: 30px;}
	.about_com .ab_com_txt{ width: 100%;}
	.cul_list ul li:first-child{ left: 5%;}
	.cul_list ul li:nth-child(6){ right: 5%;}
	.cul_list ul li:nth-child(2){ left: 18%;}
	.cul_list ul li:nth-child(5){ right: 18%;}
	.cul_list ul li:nth-child(3){ left: 34%;}
	.cul_list ul li:nth-child(4){ right: 34%;}
	.honor_img{ width: 250px;}
	.honor_img img{ height: 345px;}
	.honor_list{ margin-top: 30px;}
	.about_brand{ padding: 60px 0;}
	.cont_box .cont_txt h3{ font-size: 26px;}
	.cont_box .cont_txt .short_line{ margin: 20px 0;}
	.cont_box .cont_txt span{ font-size: 40px;}
	.com_route{ width: 100%;}
	.con_massage{ width: 100%; margin-top: 30px;}
	.con_form .formbox .iconfont{ top: 20px;}
}
@media (max-width: 768px){
	.sy_design{ background-size: 100%!important;}
	.sy_item_tit h3{ font-size: 28px; margin-bottom: 20px;}
	.design_list ul li h5{ margin-bottom: 5px;}
	.sy_case{ padding: 30px 0;}
	.sy_case_list ul li{ width: 49%; }
	.sy_case_list ul li:nth-child(3n){ margin-right: 2%;}
	.sy_case_list ul li:nth-child(2n){ margin-right: 0;}
	.sy_case .center, .sy_system .center{ background-size: 100%!important;}
	.sy_case_list ul li img{ height: 196px;}
	.sy_system .center{ padding: 30px 0;}
	.sy_system_img{ width: 100%;}
	.sy_system_txt{ width: 100%; margin-top: 30px;}
	.sy_service_list ul li{ width: 100%; float: none; margin-right: 0; margin-bottom: 20px; display: flex; text-align: left;}
	.ser_txt{ text-align: left; margin-left: 20px;}
	.ser_txt p{ height: 24px;}
	.sy_service .more_btn{ margin-top: 10px;}
	.sy_news_box .sy_news_ul{ width: 100%; float: none; margin-bottom: 30px;}
	.news_li .newsli_txt{ float: left; margin-left: 20px;}
	.news_first .imgfd img{ height: 430px;}
	.index_foot .copy{ font-size: 12px;}
	.sy-ban .b-trext h3{ font-size: 36px;}
	.sy-ban .b-trext p{ font-size: 16px;}
	.sy-ban .b-trext{ top: 30%;}
	.design_img{ width: 100%; float: none;}
	.design_txt{ width: 100%; margin: 20px 0;}
	.design_system_txt{ width: 100%; margin-top: 30px;}
	.design_system_img{ display: none;}
	.systxt_box .sys_item{ position: relative; padding: 20px; display: flex; align-items: center; background: #fff; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(230,0,18,.2); margin-bottom: 20px;}
	.systxt_box .sys_item .num{ left: 20px;}
	.systxt_box .sys_item .sys_icon{ margin-left: 30px; margin-right: 50px;}
	.systxt_box .sys_item h2{ font-size: 18px;}
	.site_circuit .circuit_step .cir_icon{ width: 50px; height: 50px; padding-top: 10px; display: inline-block;}
	.site_circuit .circuit_step .cir_icon img{ height: 30px;}
	.site_circuit .circuit_step p{ font-size: 14px;}
	.site_circuit .circuit_step:nth-child(2n+1){ top: 14%; margin-left: -3px;}
	.ny_item_tit h3{ font-size: 26px;}
	.des_news_left img{ height: 450px;}
	.ny_col_nav{ padding: 20px 0 0;}
	.ny_ban img{ width: 140%; margin-left: -20px;}
	.ny_ban .ban_qr img{ width: 70px; margin-left: 0;}
	.jianzhan_txt_box .jianzhan_txt{ width: 60%; padding: 20px; background: rgba(0,0,0,.2);}
	.jianzhan_item .jianzhan_txt_box{ top: 10%;}
	.jianzhan_txt_box .jianzhan_txt .more_btn{ margin-top: 20px;}
	.show_info{ display: block; overflow: hidden; padding: 10px 0 5px;}
	.show_info span{ display: block; float: left; margin-bottom: 15px;}
	.show_content{ padding: 20px 0 30px;}
	.jianzhanshow h1{ font-size: 24px;}
	.page_btn i{ width: 34px; height: 34px; line-height: 34px; font-size: 16px;}
	.mianze{ font-size: 12px; margin: 20px 0;}
	.relect_news ul li{ width: 100%; float: none; margin-bottom: 20px;}
	.relect_news ul li h2{ height: 24px;}
	.news_show_item h1{ font-size: 24px;}
	.daodu{ font-size: 12px;}
	.news_show_item{ padding: 20px;}
	.relect_talk ul li{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.relect_talk ul li:nth-child(2n){ margin-right: 0;}
	.relect_talk ul li img{ height: 205px;}
	.number_box .c-flex dt .counter, .number_box .c-flex dt span.jh{ font-size: 44px; line-height: 44px;}
	.number_box .c-flex dt p{ font-size: 14px;}
	.cul_list ul li .cul_icon{ width: 60px; height: 60px; padding-top: 12px;}
	.cul_list ul li .cul_icon img{ width: 36px;}
	.culture_box .culbg{width: 120%; margin-left: -10%; margin-bottom: -3%; display: none;}
	.culture_box .szd_logo{ display: none;}
	.cul_list ul{ overflow: hidden; padding: 10px;}
	.cul_list ul li{ position: unset; width: 44%; float: left; margin: 0 3% 20px; max-width:100%; box-shadow: 0 0 10px 0 rgba(230,0,18,.8); padding: 15px;}
	.cul_list ul li p{ height: 40px;}
	.cul_list ul li:hover{ background: #fff; color: #777;}
	.cul_list ul li:hover h2{ color: #333;}
	.cul_list ul li:hover .cul_icon{ background: #fff;}
	.honor_left{ width: 100%;}
	.about_honor{ padding: 40px 0;}
	.honor_right{ width: 100%; margin-top: 20px;}
	.brand_list ul li{ width: 19%; margin-right: 1.25%;}
	.brand_list ul li:nth-child(8n){ margin-right: 1.25%;}
	.brand_list ul li:nth-child(5n){ margin-right: 0;}
	.cont_box .cont_txt{ padding: 20px;}
	.cont_box .cont_txt h3{ font-size: 22px; margin-bottom: 15px;}
	.cont_box .cont_txt .short_line{ display: none;}
	.contact_top .add_point .dinwei .mark_box{--sw:40px;}
	.contact_top .add_point i{ font-size: 20px; margin-bottom: 0;}
	.dw_box span{ font-size: 12px;}
	.cont_box .cont_txt span{ font-size: 30px;}
	.contact_page{ padding: 40px 0;}
	.contact_way{ display: block;}
	.contact_way .way_box{ width: 100%; margin-bottom: 20px; padding: 20px; height: auto;}
	.contact_way .way_box:nth-child(2){ margin-bottom: 20px;}
	.con_form .sub{ width: 75%;}
	.con_form input, .con_form textarea{ padding: 0 15px;}
}
@media (max-width: 540px){
	.design_list ul li a{ padding: 15px;}
	.sy-ban .b-trext h3{ font-size: 28px;}
	.sy-ban .b-trext p{ font-size: 14px;}
	.bannerswiper .banner-towrap{ display: none;}
	.design_list{ margin-top: 20px;}
	.design_list ul li:hover{ padding-left: 10px;}
	.sy_case_list ul li img{ height: 131px;}
	.sy_case_txt h2{ font-size: 14px;}
	.sy_case_txt h2 p{ font-size: 12px;}
	.sy_case_txt p.column{ font-size: 12px;}
	.sy_case_list ul li{ margin-bottom: 20px;}
	.sys_tab a{ width: 44%; margin: 0 3% 20px; box-sizing: border-box;}
	.sy_service .sy_item_tit p{ font-size: 14px;}
	.sy_service .short_line{margin: 15px auto 20px;}
	.sy_service_list ul li img{ height: 60px;	}
	.sy_service_list ul li h5{ margin: 10px 0;}
	.sy_news_top .sy_news_nav{ display: flex;}
	.sy_news_top .sy_news_nav a{ margin: 0 auto 20px;}
	.sy_news_top{ display: block;}
	.news_first .imgfd img{ height: 291px;}
	.systxt_box .sys_item h2{ font-size: 16px;}
	.site_circuit .circuit_step:nth-child(2n+1){ top: 3%; margin-left: -8px;}
	.site_circuit .circuit_step:nth-child(2n){ bottom: -10%; margin-left: -10px;}
	.site_circuit .circuit_step p{ font-size: 12px;}
	.des_news_left img{ height: 312px;}
	.des_news_list ul li{ padding: 15px;}
	.ny_ban .ny_ban_txt h3, .ny_ban .ny_ban_txt h1{ font-size: 24px;}
	.ny_ban .ny_ban_txt .short_line{ width: 60px;}
	.ny_ban .ny_ban_txt p{ font-size: 14px;}
	.ny_ban .posi{ font-size: 12px; line-height: 40px;}
	.ny_ban .ny_ban_txt .ban_operate ul li p{ display: none;}
	.ban_operate ul li a,.ban_operate ul li span{ width: 36px; height: 36px; line-height: 36px; font-size: 18px;}{ width: 36px; height: 36px; line-height: 36px; font-size: 18px;}
	.ban_operate ul li span{ border-color: #999; color: #999;}
	.ny_ban_txt .ban_qr .more_btn{ display: none;}
	.jj_tit{ font-size: 20px; line-height: 20px; padding-left: 15px;}
	.caseshow{ padding: 15px 20px 20px;}
	.site_page h3{ font-size: 22px; letter-spacing: 2px; margin-bottom: 15px;}
	.jianzhan_item .jianzhan_txt_box{ height: 100%; background: rgba(0,0,0,.3); top: 0;}
	.jianzhan_txt_box .jianzhan_txt{ background: none;}
	.jianzhan_txt_box .jianzhan_txt{ width: 100%;}
	.jianzhan_page .jianzhan_item:nth-child(2n) .jianzhan_txt{ text-align: right;}
	.caseshow{ padding: 20px;}
	.page_btn span{ font-size: 12px;}
	.tag, .tag a{ line-height: 28px; font-size: 12px;}
	.relect_news ul li{ padding: 10px;}
	.number_box .c-flex dt span.short_line{ display: none;}
	.number_box .c-flex dt p{ font-size: 12px;}
	.number_box .c-flex dt .counter, .number_box .c-flex dt span.jh{ font-size: 32px; line-height: 32px;}
	.brand_list ul li img{ height: 51px;}
	.contact_top .con_top_bg{ width: 130%; margin-left: -10%;}
	.contact_top .add_point{ right: 20%;}
	.cont_box .cont_txt{ width: 60%;}
	.cont_box{ top: 20%;}
	.cont_box .cont_txt p{ font-size: 14px;}
	.cont_box .cont_txt h3{ font-size: 18px;}
	.contact_way{ margin-bottom: 20px;}
	.contact_bottom h3{ font-size: 18px;}
	.con_form label{ width: 24%; margin-right: 1%; line-height: 25px;}
	.design_item2,.design_item4,.ban_qr{ display: none;}
	.jianzhanshow{ padding: 15px;}
	.show_content{ padding: 15px 0;}
	.page_btn{ font-size: 12px;}
	.page_btn i.none{ border-color: #999; color: #999;}
	.posi{ line-height: 40px; font-size:12px;}
	.gray_bg .center{ padding-bottom: 5px;}
	.show_info span{ line-height: 20px;}
	.show_info span .follow_list a{ margin-top: -5px;}
	
}
@media (max-width: 450px){
	.sy-ban .b-trext h3{ margin-bottom: 15px;}
	.sy-ban .b-trext h3{ font: 24px; letter-spacing: 5px;}
	.sy-ban img{ width: 120%; margin-left: -10px;}
	.sy-ban .b-trext p{ font-size: 12px;}
	.bannerswiper .page .svg-swiper-pagination{ bottom: 15px;}
	.svg-swiper-pagination .swiper-pagination-bullet,.svg-swiper-pagination .svg{ width: 30px; height: 30px;}
	.svg-swiper-pagination .swiper-pagination-bullet:after{ width: 30px; height: 30px;}
	.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width: 30px; height: 30px;}
	.sy_design{ padding:25px 0;}
	.sy_item_tit h3{ font-size: 24px;}
	.design_more_bg{ background-size: cover;}
	.design_more{ width: 88px; height: 88px; line-height: 88px; margin-top: 20px;}
	.design_more a{ font-size: 28px;}
	.design_list ul li p{ height: 48px;}
	.sy_case_list ul li img{ height: 215px;}
	.sy_case_txt h2{ line-height: 24px; height: 24px;}
	.sy_case_txt p.column i{ font-size: 20px;}
	.sy_item_tit p{ font-size: 14px;}
	.sy_service .sy_item_tit h3{ margin-bottom: 5px;}
	.sy_news_top .sy_news_nav a{ font-size: 14px;}
	.sy_news_top .sy_news_nav a:hover{ font-size: 16px;}
	.news_first_txt span:not(.date){ display: none;}
	.index_foot .copy span{ margin-right: 10px;}
	.sy_news_box .sy_news_ul{ margin-bottom: 20px;}
	.news_first .imgfd img{ height: 218px;}
	.design_box ul li img{ height: 40px;}
	.design_box ul li{ padding: 15px 0;}
	.ny_item_tit h3{ font-size: 22px;}
	.design_box{ margin-top: 20px;}
	.systxt_box .sys_item{ padding: 10px;}
	.systxt_box .sys_item .num{ width: 30px; height: 30px; line-height: 30px; top: 15px; left: 15px;}
	.systxt_box .sys_item .sys_icon{ margin-left: 15px; margin-right: 20px;}
	.systxt_box p{ font-size: 12px; line-height: 20px;}
	.systxt_box .sys_item h2{ font-size: 14px;}
	.spec_box ul li p{ font-size: 16px; margin: 5px 0;}
	.spec_box ul li{ padding: 15px; margin-bottom: 20px;}
	.spec_box ul li span{ font-size: 12px; line-height: 20px; height: 60px;}
	.site_circuit .circuit_step .cir_icon{ width: 40px; height: 40px; padding-top: 6px; border-width: 1px;}
	.site_circuit .circuit_step .cir_icon img{ height: 24px;}
	.site_circuit .circuit_step:nth-child(2n+1){ top: 0; margin-left: -11px;}
	.site_circuit .circuit_step:nth-child(2n){ bottom: -22px;}
	.swiper_btn{ line-height: 40px; height: 40px; width: 120px;}
	.swiper_btn .swiper-button-next{ right: 10%;}
	.swiper_btn .swiper-button-prev{ left: 10%;}
	.des_news_left img{ height: 236px;}
	.des_news_list ul li{ padding: 10px; height: auto; width: 100%; margin-right: 0;}
	.des_news_list ul li h2{font-size: 14px;}
	.des_news_list ul li span:not(.date){ display: none;}
	.des_news_list ul li p{ font-size: 12px; line-height: 20px; height: 40px;}
	.des_news_left .left_tit{ padding: 0 10px;}
	.des_news_left .left_tit h2{ font-size: 14px;}
	.des_news_list{ margin-top: 20px;}
	.ny_col_nav a{ width: 48%; margin-right: 4%;}
	.ny_ban img{ width: 180%; margin-left: -40%;}
	.ban_operate ul li{ margin-right: 20px;}
	.ny_ban .ban_qr img{ width: 60px;}
	.ny_ban .ban_qr p{ font-size: 12px;}
	.site_page{margin-top: 20px;}
	.jianzhan_page{ width: 100%; height: 100vh;}
	.jianzhan_page .swiper-wrapper{ display: flex;}
	.jianzhan_item img.jianzhanbg{ height:100%; object-fit:cover; display:block;}
	.jianzhan_page .jianzhan_item:nth-child(2n+1) img.jianzhanbg{ margin-left:0;}
	.jianzhan_txt_box .jianzhan_txt .more_btn{ margin-top: 40px;}
	.jianzhan_item .jianzhan_txt_box{ padding-top: 40%;}
	.jianzhan_txt_box .jianzhan_txt .jianzhan_des{ line-height: 30px;}
	.page_btn span{ display: none;}
	.show_info span{ font-size: 12px; margin-bottom: 10px;}
	.relect_news ul li span{ font-size: 12px;}
	.relect_news ul li p{ line-height: 20px; font-size: 12px; height: 40px; margin: 10px 0;}
	.jianzhanshow h1{ font-size: 20px;}
	.about_number .number_box .c-flex dt br:nth-child(5){ display: none;}
	.number_box .c-flex dt span.dot{ width: 8px; height: 8px; margin-bottom: 0;}
	.about_number .number_box .c-flex{ align-items: flex-start;}
	.about_number .number_box .c-flex dt{ max-width: 25%;}
	.cul_list ul li{ padding: 10px;}
	.cul_list ul li p{ height: 60px;}
	.honor_img{ width: 180px;}
	.honor_img img{ height: 248px;}
	.brand_list ul li{ width: 24%; margin-right: 1.33%; margin-bottom: 15px;}
	.brand_list ul li:nth-child(5n){ margin-right: 1.33%;}
	.brand_list ul li:nth-child(4n){ margin-right: 0;}
	.honor_list ul li{ font-size: 12px;}
	.contact_way .way_box .way_txt span.tel{ font-size: 24px;}
	.contact_bottom{ padding: 15px;}
	.contact_bottom h3{ font-size: 16px;}
	.con_form input, .con_form textarea{ line-height: 40px; padding: 0 10px;}
	.con_form .formbox .option{ top: 42px;}
	.con_form .formbox .iconfont{ top: 15px;}
	.contact_way .way_box i{ font-size: 30px;}
	.con_form label{line-height: 20px;}
	.cont_box .cont_txt{ width: 70%; padding: 15px;}
	.cont_box .cont_txt p{ font-size: 12px;}
	.cont_box .cont_txt span{ font-size: 24px;}
	.contact_top{ max-height: 250px; overflow: hidden;}
	.contact_top .con_top_bg{ width: 150%; margin-left: -20%;}
	.contact_top .add_point{ right: 15%; top: 43%;}
	.sy_case_list ul li{ width:100%; float:none;}
}