/* CSS Document */







.sy-ban{ width: 100%;position: relative; overflow: hidden;}

.sy-ban img{ width: 100%;}

.sy-ban .svg-swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; left: 4%; bottom: 80px;}

.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(../image/ic12.png) no-repeat center;}

.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background: url(../image/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{ background: none;}

.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: none;}

.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: 4%;color: #fff; font-size: 20px;}

.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 .swiper-pagination{position: absolute;bottom: 64px;left: 8%;z-index: 3;}

.bannerswiper .page .active{ font-size: 40px; font-weight: bold;}

.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;border: 1px solid #FFFFFF; background-color: transparent;z-index: 9;margin: auto; color: #fff; position: relative; height: 30px; width: 20px; text-align: center; border-radius: 10px;}

.bannerswiper .banner-to i{ animation: downico 1.5s ease-out infinite;position: absolute; width: 3px; height: 3px; background: #fff; margin-left: -1px;}

@keyframes downico{

	0%{top: 10%;}

	35%{top: 40%;}

	65%{top: 50%;}

	100%{top: 10%;}

}

@-webkit-keyframes downico{

	0%{top: 10%;}

	35%{top: 40%;}

	65%{top: 50%;}

	100%{top: 10%;}

}



.sy-ban .b-trext{position: absolute; width: 100%; top: 60%; left: 8%;}

.sy-ban .b-trext h3{font-size: 60px; line-height: 72px; color: #fff;display: block; margin-top: 20px;}

.sy-ban .b-trext .more_btn{ margin-top: 50px;}

.sy-ban .b-trext p{ color: #fff; font-size: 18px;}

.sy_item_tit{ margin-bottom: 30px; color: #333;}

.sy_item_tit h3{ font-size: 50px;}

.sy_item_tit h3 span{ color: #e00000;}

.sy_item_tit p{ font-size: 18px; margin-top: 10px; color: #333;}

.item_top{ align-items: flex-end; margin-bottom: 30px;}

.item_top .sy_item_tit{margin-right: auto; margin-bottom: 0;}

.sy_pro_nav{ overflow: hidden; border-bottom: 1px solid #e6e6e6;}

.sy_pro_nav a,.sy_pro_nav span{ float: left; margin-left: 55px; height: 60px; line-height: 60px; overflow: hidden; position: relative; cursor: pointer}

.sy_pro_nav a img,.sy_pro_nav span img{ margin-right: 10px;}

.sy_pro_nav a:first-child{ margin-left: 0;}

.sy_pro_nav a:after,.sy_pro_nav span:after{ position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #e00000; content: ' '; transition: .2s ease;}

.sy_pro_nav a:hover,.sy_pro_nav span:hover,.sy_pro_nav a.on,.sy_pro_nav span.on{ color: #e00000;}

.sy_pro_nav a:hover:after,.sy_pro_nav span:hover:after,.sy_pro_nav a.on:after,.sy_pro_nav span.on:after{  width: 100%;}

.sy_pro_nav a:hover img,.sy_pro_nav span:hover img,.sy_pro_nav a.on img,.sy_pro_nav span.on img{transform: translateY(-200px); filter: drop-shadow(#e00000 0 200px);}



.sy_pro_list ul li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 30px; background: #f5f5f5;}

.sy_pro_list ul li:nth-child(2n){ margin-right: 0;}

.sy_pro_list ul li a{ display: flex; align-items: center; padding: 35px;}

.sy_pro_list ul li .sy_pro_txt{ width: 50%;}

.sy_pro_list ul li .sy_pro_img{ width: 45%; margin-left: auto;}

.sy_pro_txt .sy_pro_tit h2{ font-size: 28px; line-height: 30px; height: 30px; overflow: hidden;}

.sy_pro_txt .sy_pro_tit{ padding-bottom: 15px; border-bottom: 1px solid #bfbfbf; position: relative;}

.sy_pro_txt .sy_pro_tit:after{ position: absolute; left: 0; bottom: 0; content: ' '; background: #e00000; width: 112px; height: 1px; }

.sy_pro_txt p{ line-height: 24px; height: 48px; overflow: hidden; margin: 20px 0 50px;}



.sy_about_txt{ width: 49%;}

.sy_about_txt .btn_box{ margin: 50px 0; text-align:left;}

.sy_about_txt .btn_box .more_btn:nth-child(2){ margin-left: 20px; border: 1px solid #aeaeae; text-align: center; padding-left: 5px;}

.sy_about_txt .btn_box .more_btn:nth-child(2) a{ color: #2d2d2d;}

.sy_about_txt .btn_box .more_btn:nth-child(2) a i{ font-size: 20px; margin-left: 5px;}

.sy_about_txt .btn_box .more_btn:nth-child(2):hover a{ color: #fff}

.sy_number .line{ margin: 0 auto;}

.sy_number dl dt{ overflow: hidden;}

.sy_number .line:last-child{ display: none;}

.sy_number dl dt{ display: flex;}

.sy_number dl dt b{ font-size: 90px; font-family: teko; color: #e00000; font-weight: normal; line-height: 70px; display: inline-block;}



.sy_number dl dt p{ font-size: 14px;}

.sy_number dl dt .left{ float: left;}

.sy_number dl dt span{ float: left; text-transform: uppercase; font-size: 14px; margin-left: 5px;writing-mode:vertical-lr;}

.sy_ab_img{ width: 48%; position: relative;}

.sy_ab_img .play_btn{ position: absolute; left: 50%; bottom: 50%; margin-left: -50px; margin-bottom: -50px; cursor: pointer;}



.sy_project{text-align: center;}

.sy_proj_list ul li{ float: left; width: 24%; margin-right: 1.33%; position: relative; margin-bottom: 30px;}

.sy_proj_list ul li:nth-child(6),.sy_proj_list ul li:first-child{ width:49.33%; }

.sy_proj_list ul li:nth-child(3n){ margin-right: 0;}

.sy_proj_list ul li p{ position: absolute;width: 100%; text-align: center; color: #fff; bottom: 20px; left: 0;}

.sy_proj_list ul li:nth-child(6) .imgfd,.sy_proj_list ul li:first-child .imgfd{padding-top: 36.4%;}



.sy_youshi{ padding: 60px 4%; background: #f0f0f0;}

.sy_youshi .youshi_tab{ width: 37%;}

.sy_youshi .youshi_tab ul li{ background: #fff; padding-top: 23%; width: 49%; margin-right: 2%; float: left; position: relative; margin-bottom: 10px; cursor: pointer;}

.sy_youshi .youshi_tab ul li:nth-child(2n){ margin-right: 0;}

.sy_youshi .youshi_tab ul li .tab_txt{ width: 100%; position: absolute; height: 100%; padding: 0 30px; z-index: 4;  top: 0; left: 0;}

.sy_youshi .youshi_tab ul li .tab_num{ position: absolute; font-family: teko; color: rgba(51,51,51,.07); font-size: 100px; right: 40px; top: 30px; z-index: 3; line-height: 80px;}

.sy_youshi .youshi_tab ul li.on,.sy_youshi .youshi_tab ul li:hover{ background: #e00000; color: #fff;}

.sy_youshi .youshi_tab ul li.on h2,.sy_youshi .youshi_tab ul li:hover h2{ color: #fff;}

.tab_txt .tab_icon{ margin-right: 10px;}

.sy_youshi .youshi_tab ul li.on .tab_icon img,.sy_youshi .youshi_tab ul li:hover .tab_icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.sy_youshi .youshi_tab ul li.on .tab_num,.sy_youshi .youshi_tab ul li:hover .tab_num{ color: rgba(255,255,255,.07);}

.tab_txt .tab_tit h2{ font-size: 24px; margin-bottom: 8px;}

.tab_txt .tab_tit span{ font-size: 14px; color: #999; text-transform: uppercase;}

.sy_youshi .youshi_img{ width: 60%;}

.youshi_img ul li{ position: relative; display: none;}

.youshi_img ul li .imgfd{ padding-top: 60%;}

.youshi_img ul li .youshi_txt{color: #fff; width: 100%; padding: 0 30px; left: 0; bottom: 30px; position: absolute;}

.youshi_txt .ys_txt_left{ width: calc( 100% - 250px); margin-right: auto;}

.youshi_txt .ys_txt_left h2{ color: #fff; font-size: 30px; margin-bottom: 20px;}

.swiper-container{ overflow: hidden;}

.sy_news .sy_item_tit{ text-align: center;}

.sy_news_list{ position: relative;}

.sy_news_list ul li{ background: #f5f5f5;}

.sy_news_list ul li:hover{ background: #e00000; color: #fff;}

.sy_news_list ul li:hover h2,.sy_news_list ul li:hover span.date,.sy_news_list ul li:hover p{ color: #fff;}

.sy_news_list ul li .news_txt{ padding: 25px;}

.news_txt h2{ font-size: 20px; line-height: 30px; height: 30px; overflow: hidden;}

.news_txt p{ line-height: 24px; height: 48px; margin: 15px 0 20px; overflow: hidden;}

.news_txt span{ display: inline-block; font-size: 14px; line-height: 32px; color: #333;} 

.news_txt span.col{ padding: 0 5px; background: #fff;}

.swiper-button-prev,.swiper-button-next{ width: 90px; height: 90px; border-radius: 50%; text-align: center; line-height: 114px; font-size: 30px; background: #f5f5f5;}

.swiper-button-prev{ left: 50%; margin-left: -900px;}

.swiper-button-next{ right: 50%; margin-right: -900px;}

.sy_news_list .swiper-button-prev,.sy_news_list .swiper-button-next{ bottom: 220px;}

.swiper-button-next:after, .swiper-button-prev:after{ font-size: 32px;}

.swiper-button-prev:hover,.swiper-button-next:hover{ background: #e00000; color: #fff;}

.sy_coop{ background: #f0f0f0;}

.sy_coop .sy_item_tit{ text-align: center;}

.sy_coop_list{ position: relative;}

.sy_coop_list .mySwiper1 { height: 350px; overflow: hidden;}

.sy_coop_list .swiper-wrapper{ height: 100%; overflow: hidden;}

.sy_coop_list ul li{background: #fff;}

.sy_coop_list ul li .imgfd{padding-top: 65%;}

.sy_coop_list .mySwiper1 ul li{height:  calc((100% - 20px) / 2) !important;}

.sy_coop_list .swiper-button-prev,.sy_coop_list .swiper-button-next{ background: #fafafa; bottom: 150px;}

.sy_coop_list .swiper-button-prev:hover,.sy_coop_list .swiper-button-next:hover{ background: #e00000;}



.foot_msg{ padding: 100px 0; text-align: center;}

.foot_msg h3{ font-size: 48px; color: #fff; margin-bottom: 20px;}

.foot_form{ width: 80%; margin: 0 auto; display: flex;}

.foot_form input,.foot_form textarea{ line-height: 54px; height: 54px; padding-left: 15px; background: #fff; margin-right: auto; width: 22%;}

.foot_form textarea{ width: 40%;}

.foot_form input.sub{ width: 13%; margin-right: 0; background: #e00000; color: #fff; cursor: pointer;}

.foot_form input.sub:hover{ text-decoration: underline;}

.posi{ line-height:60px; background:#f6f6f6;}

.posi i{ color: #e00000; margin-right:5px;}

.ny_page_title{ text-align: center; margin-bottom:30px;}

.ny_page_title h3{ font-size: 50px;}

.ny_page_title .short_line{ width: 80px; height: 3px;  display: inline-block; background: #e00000; margin-top:15px;}

.ny_pro_nav{ width: 50%; margin: 0 auto 40px; display:flex;}

.ny_pro_nav a{ float: none; margin-left: auto;}

.ny_pro_nav a:first-child{ margin-left:0;}

.h_h{ height: 90px;}

.ny_pro_list ul{ display: block;}

.btn_box{ text-align: center;}

.ny_ban{ width: 100%; overflow: hidden; position:relative;}

.ny_ban img{ width: 100%;}

.ny_ban .ny_ban_txt{ text-align: center; position: absolute; top: 40%;}

.ny_ban .ny_ban_txt h3{ color: #fff; font-size: 60px;}



.ny_sol_item{ background: #f6f6f6; margin-bottom: 50px;}

.ny_sol_item .ny_sol_img{ width: 56.25%; position:relative;}

.ny_sol_item .ny_sol_txt{ width: 43.75%; padding: 80px 60px 0; background:url(../image/yh_08.png) no-repeat calc(100% - 50px) 50px; position:relative;}

.ny_sol_item:nth-child(2n+1) .ny_sol_img,.ny_sol_item:nth-child(2) .ny_sol_txt{ float:left;}

.ny_sol_item:nth-child(2n+1) .ny_sol_txt,.ny_sol_item:nth-child(2n) .ny_sol_img{ float:right;}

.ny_sol_item .ny_sol_img .imgfd{ padding-top: 52%;}

.ny_sol_item .ny_sol_img .play_btn{ position: absolute; top:50%; left:50%; margin-left:-40px; margin-top:-40px;}

.ny_sol_item .ny_sol_img .play_btn img{ width: 80px;}

.ny_sol_item .ny_sol_txt h2{ font-size: 40px; padding-bottom:20px; border-bottom:2px solid rgba(191,191,191,.2); position:relative; margin-bottom:30px;}

.ny_sol_item .ny_sol_txt h2:after{position:absolute; bottom: -2px;left: 0; height: 2px;width: 110px; background: #e00000; content: ' ';}

.ny_sol_item .ny_sol_txt p{ font-size: 18px; color: #333; margin-bottom:50px;}

.ny_sol_item .ny_sol_txt .sol_icon{position: absolute; right: 60px; bottom:0;}

.main_left{ width: 25%;}

.main_right{ width: 72%;}

.left_nav{ background: #fff; margin-bottom:40px;}

.left_nav .left_tit{ background: #e00000; line-height: 70px; padding: 0 30px;}

.left_nav .left_tit h3{ color: #fff; font-size:24px;}

.left_nav .left_nav_list{padding: 0 30px;}

.left_nav .left_nav_list a{ display: block; line-height:65px; border-bottom:1px solid #e0e0e0;}

.left_nav .left_nav_list a:last-child{ border:none;}

.left_nav .left_nav_list a:hover,.left_nav .left_nav_list a.on{ color:#e00000;}

.left_list ul li{ padding: 25px 0; border-bottom:1px solid #e2e2e2;}

.left_list ul li .relnews_img{ width: 30%;}

.left_list ul li .relnews_txt{ width: 65%; margin-left: auto;}

.left_rel{ background:#fff; padding:30px;}

.left_rel h3{ font-size: 20px;  padding-left:20px; border-left:4px solid #e00000; line-height:20px;}

.relnews_txt h4{ font-size: 16px; font-weight:normal; line-height: 24px; height:24px; overflow:hidden; margin-bottom: 10px;}

.relnews_txt span{ font-size: 14px;}

.left_list ul li:hover h4{ color:#e00000;}

.posi.wb{ background: #fff;}

.ny_news_list ul li{ background: #fff; margin-bottom:30px;}

.ny_news_list ul li .ny_news_img{ width: 26%;}

.ny_news_list ul li .ny_news_txt{ width: 72%; padding:50px 30px 0;}

.ny_news_list ul li .ny_news_img .imgfd{padding-top: 100%;}

.ny_news_txt h2{ font-size: 22px; line-height:30px; height:30px; overflow:hidden;}

.ny_news_txt p{ height: 60px; overflow: hidden; margin: 20px 0 40px;}

.news_date{ font-size: 14px; color:#333;}

.news_date span{ display: inline-block; line-height:32px;}

.news_date span.colname{ padding: 0 10px; background: #f7f7f7;}

.ny_news_list ul li:hover h2{ color:#e00000;}

.newsshow{ background: #fff; padding:75px 40px;}

.newsshow h1{ font-size: 36px;}

.newsshow .ny_news_info{ padding: 30px 0;line-height:32px; border-bottom:1px solid #ededed;}

.newsshow .ny_news_info .source{ margin: 0 auto;}

.newsshow .ny_news_info .source span{ color: #e00000;}

.newsshow .ny_news_info .column{ display: inline-block; padding:0 10px; background:#f7f7f7; font-size:14px;}

.show_content{ padding: 55px 0; overflow:hidden; width:100%;}

.show_content img{ max-width: 100%;}

.page_btn{ padding-top: 40px; border-top:1px solid #ededed;}

.page_btn .back{ margin: 0 auto;}

.page_btn .back a{ color: #e00000;}

.page_btn .back a i{ margin-right: 10px;}

.page_btn .next{ text-align: right;}

.page_btn a:hover{ color:#e00000;}

.ny_ab_nav{ margin-left: auto;}

.ny_ab_nav a{ display: inline-block; margin-left: 150px; font-size:18px; position:relative;}

.ny_ab_nav a:after{ position:absolute; width:0; bottom:0; left:0; height:3px; background:#e00000; content:' '; transition:.2s ease;}

.ny_ab_nav a.on:after,.ny_ab_nav a:hover:after{ width:100%;}

.ny_ab_nav a.on,.ny_ab_nav a:hover{ color:#e00000;}

.about_top{ display: flex; align-items: flex-start; margin-bottom:30px;}

.about_top .col_des{ width: 57%; margin-left: auto; font-size:18px;}

.about_video .ab_num{ width: 43%; padding:65px 80px 0;}

.about_video .ab_video{ width: 57%; position:relative;}

.about_video .ab_video .play_btn{ position: absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px;}

.about_video .ab_video .play_btn img{ width: 80px;}

.about_video .ab_num dl dt{ width: 50%; overflow: hidden;}

.ab_num dl dt{ display: flex;}

.ab_num dl dt b{ font-size: 90px; font-family: teko; color: #e00000; font-weight: normal; line-height: 70px; display: inline-block; letter-spacing: -5px;}

.ab_num dl dt p{ font-size: 14px;}

.ab_num dl dt .left{ float: left;}

.ab_num dl dt span{ float: left; text-transform: uppercase; font-size: 14px; margin-left: 5px;writing-mode:vertical-lr;}

.ab_num dl dt{ padding-bottom: 40px;}

.ab_num dl dt:nth-child(3),.ab_num dl dt:nth-child(4){ padding-bottom:0; padding-top: 40px; border-top:1px solid #e7e7e7;}

.ab_num dl dt:nth-child(2),.ab_num dl dt:nth-child(4){ padding-left:70px; border-left:1px solid #e7e7e7;}

.about_com{ margin-top: 60px;}

.about_com .about_img{ width: 43%;}

.about_com .about_txt{ width: 57%; padding:60px 55px 0; font-size:18px;}

.about_honor{ margin-top: 60px;}

.about_honor .sy_item_tit{ text-align: center;}

.ab_honor_list{ position: relative; padding-bottom:50px;}

.ab_honor_list ul li{ background: #f5f5f5; padding: 30px;}

.ab_honor_list ul li .imgfd{ padding-top: 135.5%;}

.swiper-pagination-bullet{ background: url(../image/dot1_26.png) no-repeat; width:25px; height:25px; border-radius:0;}

.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../image/dot_26.png) no-repeat;}



.factory_list ul li{ margin-bottom: 30px;}

.factory .sy_item_tit{ text-align: center;}

.contact_box  .sy_item_tit{ text-align: center;}

.contact_box ul li{ float: left; width: 24%; margin-right: 1.33%; padding: 10px 10px; background:#fff; border-radius:16px; text-align: center; }

.contact_box ul li:nth-child(4){margin-right: 0;}

.contact_box ul li .con_icon{ width: 110px; height: 110px; line-height: 110px; border-radius: 50%; border: 1px solid #dedede; color: #333; font-size: 30px; display: inline-block;margin-top: 30px;}

.contact_box ul li .con_icon i{ font-size: 50px;}

.contact_box ul li h4{ font-size: 20px; margin: 10px 0 0;}

.contact_box ul li p{height: 80px;}

.contact_box ul li .con_qr{ margin-top: 36px;}

.contact_box ul li .con_qr img{  width: 110px;}

.contact_box ul li:hover{ background: #e00000; color: #fff;}

.contact_box ul li:hover .con_icon{ border-color: #fff; color: #fff;}

.contact_box ul li:hover h4{color: #fff;}

.contact_box ul li .line{ display: inline-block; width: 60px; height: 3px; background: #e00000; margin:15px 0 10px;}

.contact_box ul li:hover .line{ background:#fff;}



.map{ width: 100%; overflow: hidden; position:relative;}

.map_card{ width: 30%; position: absolute; left:50%; margin-left:-800px; background:#fff; top:10%; border-radius:16px; padding:60px;}

.map_card h2{ font-weight: normal; font-size: 32px;}

.map_card a{ display: block; margin: 20px 0; color: #e00000; font-size:20px;}

.map_card a i{ font-size: 22px; display: inline-block; margin-bottom: 15px;}

.map_card p{ color: #333;}





.proshow_top{ padding:30px 0 80px;}

.proshow_top .center{ padding: 65px; background: #fff;}

.proshow_top .proshow_img{ width: 46%; border:1px solid #d7d7d7; position:relative; padding:40px;}

.proshow_img .swiper-button-prev{ left: 0; margin-left: 0; background:none; bottom:40%;}

.proshow_img .swiper-button-next{ right: 0; margin-right: 0;background:none; bottom:40%;}

.proshow_top .pro_det_txt{ width: 50%;}

.det_tit p{ color:#e00000;}

.det_tit h1{ font-size: 40px; margin: 10px 0 25px;}

.det_tit{ position: relative; border-bottom: 1px solid #e9e9e9;}

.det_tit:after{ position: absolute; width: 130px; height: 4px; content: ''; background: #e00000; left: 0; bottom: 0;}

.pro_des { margin: 20px 0 80px;}

.pro_des p{ padding-left: 20px; font-size: 18px; background: url(../image/fk_03.jpg) no-repeat left 15px; margin-bottom:10px;}

.pro_contact a.link_lx{ display: block; margin-left: auto; color:#e00000;}

.pro_contact .tel i{ display: inline-block; width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 36px; border-radius:50%; border:1px solid #dddddd; margin-right:20px;}

.pro_contact .tel h3{ font-size: 36px;}

.pro_contact a.link_lx i{ display: inline-block; width: 46px; height: 46px; line-height: 46px; font-size: 22px; color: #fff; background: #e00000; border-radius: 50%; text-align:center; margin-left:5px;}

.detail_tit{ background: #e00000;}

.detail_tit h3{ display: inline-block; line-height: 80px; font-size: 22px; color: #e00000; padding:0 60px; position:relative; background:#f5f7f9;}

.detail_tit h3:after{ position:absolute; width: 100%; top: 0; left: 0; height: 3px; content: ' '; background: #e00000;}

.show_content .show_tit{ font-size: 22px; font-weight: normal; line-height: 60px; padding-left: 22px; background:#f6f6f6; border-left:6px solid #e00000; margin:20px 0;}

.pro_youshi{ margin-top: 80px;}

.pro_youshi .sy_youshi{ padding: 0;background: none;}

.pro_youshi .sy_youshi .youshi_tab{ width: 100%;}

.pro_youshi .sy_youshi .youshi_tab ul li{ width: 24%; margin-right: 1.33%; padding-top:9.5%;}

.pro_youshi .sy_youshi .youshi_tab ul li:nth-child(4n){ margin-right:0;}

.pro_youshi .sy_item_tit{ text-align: center;}



.pro_message .sy_item_tit{ text-align: center; padding: 50px 0 60px; color:#fff;}

.pro_message .sy_item_tit h3,.pro_message .sy_item_tit p{ color: #fff;}

.pro_form{ background: #f3f3f3; padding:65px 50px;}

.pro_form .formbox input,.pro_form .formbox textarea{ line-height: 54px; width: 100%; padding-left:20px; border-left:3px solid #e00000; background:#fff;}

.pro_form .formbox{ margin-bottom: 30px;}

.pro_form .formbox.fl{ width: 32%; margin-right: 2%;}

.pro_form .formbox.fl:nth-child(3){ margin-right:0;}

.pro_form .sub{ background: #e00000; color: #fff;width: 210px; text-align: center; line-height:50px; cursor:pointer;}

.pro_form .sub:hover{ text-decoration:underline;}

.recom_pro .sy_item_tit{ text-align: center;}

.recom_pro .sy_pro_list{ position: relative;}

.recom_pro .sy_pro_list ul{ display: flex;}

.recom_pro .sy_pro_list ul li{ float: none; margin: 0;}

.recom_pro .swiper-button-prev, .recom_pro .swiper-button-next{ bottom: 35%;}



.right_online{position: fixed;top: 50%;right: 20px;z-index: 999;}

.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}

.right_online li span{font-size: 26px;color: #fff;background: #e00000;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px;}

.right_online li .box{

	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background: #e00000;border-radius: 30px;border-top-right-radius: 0;border-bottom-right-radius: 0;

	overflow:hidden;

	-webkit-transition:max-width 0.3s linear;

	-moz-transition:max-width 0.3s linear;

	transition:max-width 0.3s linear;

}

.right_online li:hover .box{max-width:300px;z-index: 1;}

.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}

.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}

.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}

.right_online li .ewmtp .p{padding: 0;}



.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:120px;display: none; z-index:9999; }

.video_box{ width:100%; background: #fff; height:auto; position: relative; transition: all 0.5s linear;}

.video_box iframe{width:1150px;}

.video_box iframe{ height:650px;}

.video_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer; z-index:9999;}

.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998; background:rgba(0,0,0,.15); }

.video_close i{ font-size: 30px; color: #fff;}

@media (max-width: 1700px){

	.sy_youshi{ padding: 60px 2%;}

	.swiper-button-prev{ left: .5%; margin-left: 0;}

	.swiper-button-next{ right: .5%; margin-right: 0;}

	.recom_pro .swiper-button-prev, .recom_pro .swiper-button-next{ opacity: 0.6;}

}





@media (max-width: 1600px){

	

	.sy_item_tit h3{ font-size: 40px;}

	.sy_about_txt .btn_box{ margin: 35px 0;}

	.padd65{ padding: 70px 0;}

	.sy_about_txt{ padding-bottom: 0;}

	.tab_txt .tab_icon img{ width: 46px;}

	.sy_youshi .youshi_tab ul li .tab_txt{ padding: 0 20px;}

	.map_card{ left: 2%; margin-left:0; padding:50px;}

}



@media (max-width: 1441px){

	.sy-ban .b-trext h3{ font-size: 50px; line-height: 60px;}

	.index_head .nav li{ margin-right: 50px;}

	.tab_txt .tab_tit h2{ font-size: 20px;}

	.tab_txt .tab_tit span{ font-size: 12px;}

	.sy_youshi .youshi_tab ul li .tab_num{ font-size: 80px; line-height: 60px;}

	.swiper-button-prev, .swiper-button-next{ width: 70px; height: 70px; line-height: 70px;}

	.swiper-button-next:after, .swiper-button-prev:after{ font-size: 20px;}

	.sy_coop_list .mySwiper1{ height: 300px;}

	.foot_msg h3{ font-size: 40px;}

	.ny_page_title h3{ font-size: 40px;}

	.proshow_top .center{ padding: 40px;}

	.pro_des p{ font-size: 16px;}

	.pro_des{ margin-bottom: 50px;}

	.ny_sol_item .ny_sol_txt{ padding: 50px 40px 0;}

	.ny_sol_item .ny_sol_txt h2{ font-size: 30px;}

	.ny_sol_item .ny_sol_txt p{ font-size: 16px;}

	.left_nav .left_nav_list,.left_nav .left_tit{padding: 0 20px;}

	.left_rel{ padding: 20px;}

	.relnews_txt h4{ font-size: 14px; line-height: 20px; height: 40px; margin-bottom:0;}

	.relnews_txt span{ font-size: 12px;}

	.ny_news_txt p{ margin-bottom: 20px;}

	.ny_news_list ul li .ny_news_txt{ padding: 20px 20px 0;}

	.about_com .about_txt{ font-size: 16px;}

	.about_video .ab_num{ padding: 50px 50px 0;}

	.about_top .col_des{ font-size: 16px;}

}



@media (max-width: 1281px){

	.sy_item_tit h3{ font-size: 34px;}

	.sy_item_tit p{ font-size: 16px;}

	.sy_pro_list ul li a{ padding: 25px;}

	.sy_pro_txt .sy_pro_tit h2{ font-size: 22px;}

	.sy_pro_txt p{ margin-bottom: 30px;}

	.sy_ab_des p{ font-size: 14px; line-height: 24px;}

	.sy_number dl dt b{ font-size: 70px; line-height: 60px;}

	.more_btn a, .more_btn span{ line-height: 38px;}

	.more_btn i.icon-youjiantou3{ width: 36px; height: 36px; line-height: 36px;}

	.more_btn{ padding-left: 20px; min-width: 140px;}

	.sy_about_txt .btn_box{ margin: 20px 0;}

	.tab_txt .tab_tit span{ display: none;}

	.sy_youshi .youshi_tab ul li h2{ margin-bottom: 0;}

	.sy_coop_list .mySwiper1{ height: 260px;}

	.foot_top .foot_nav a{ margin-left: 70px;}

	.ny_pro_nav{ width: 70%;}

	.ny_ban .ny_ban_txt h3{ font-size: 48px;}

	.top_contact span{ margin-right: 15px;}

	.index_head .nav li{ margin-right: 40px;}

	.index_head .nav li a{ font-size: 16px;}

	.pro_contact .tel i{ width: 58px; height: 58px; line-height: 58px; font-size: 28px;}

	.det_tit h1{ font-size: 30px;}

	.detail_tit h3{ line-height: 70px;}

	.ny_sol_item .ny_sol_txt h2{ margin-bottom: 20px;}

	.ny_sol_item .ny_sol_txt p{ margin-bottom: 30px;}

	.ab_num dl dt b{ font-size: 70px;}

	.ab_num dl dt:nth-child(2), .ab_num dl dt:nth-child(4){ padding-left:40px;}

	.ab_num dl dt{ padding-bottom: 30px;}

	.about_com .about_txt{ padding: 35px 30px 0;}

	.about_com .about_txt p{ line-height: 24px;}

	.ab_honor_list ul li{ padding: 20px;}

	.contact_box ul li p{ font-size: 14px; line-height:24px; height:72px;}

	.map_card{ width: 40%;}

}



@media (max-width: 1024px){

	.sy-ban{ margin-top: 54px;}

	.sy-ban .svg-swiper-pagination{ display: none;}

	.bannerswiper .banner-towrap{ display: none;}

	.bannerswiper .page .swiper-num{ bottom: 40px;}

	.item_top{ display: block; text-align: center;}

	.sy_pro_nav{ display: flex; margin-top: 20px;}

	.sy_pro_nav a, .sy_pro_nav span{ margin-left: auto;}

	.padd65{  padding: 40px 0;}

	.sy_about_txt{ width: 100%; float: none;}

	.sy_ab_img{ width: 100%; float: none;}

	.sy_proj_list ul li{ width: 49%; margin-right: 2%;}

	.sy_proj_list ul li:nth-child(3n){ margin-right: 2%;}

	.sy_proj_list ul li:nth-child(6), .sy_proj_list ul li:first-child{ width: 100%; margin-right: 0;}

	

	.sy_proj_list ul li:nth-child(2n+3){ margin-right: 0;}

	.sy_youshi .youshi_tab{ display: none;}

	.sy_youshi .youshi_img{ width: 100%;}

	.sy_youshi .youshi_img ul{ overflow: hidden;}

	.sy_youshi .youshi_img ul li{ display: block; float: left; width: 49%; margin-bottom: 20px; margin-right: 2%;}

	.sy_youshi .youshi_img ul li:nth-child(2n){ margin-right: 0;}

	.youshi_img ul li .youshi_txt .more_btn{ display: none;}

	.youshi_img ul li .youshi_txt{ padding: 0 20px; bottom: 20px;}

	.youshi_txt .ys_txt_left{ width: 100%;}

	.youshi_txt .ys_txt_left h2{ font-size: 22px; margin-bottom: 10px;}

	.youshi_txt .ys_txt_left p{ font-size: 14px; line-height: 24px;}

	.sy_news_list ul li .news_txt{padding: 10px;}

	.news_txt h2{ font-size: 18px;}

	.sy_coop_list .mySwiper1{ height: 420px;}

	.sy_coop_list .mySwiper1 ul li{height:  calc((100% - 5px) / 2) !important;}

	.foot_msg h3{ font-size: 30px;}

	.foot_form{ width: 96%;}

	.foot_msg{ padding: 60px 0;}

	.index_foot .b_top{ position: fixed; right: 5px; bottom: 70px; top: auto; left: auto; opacity: .6}

	.ny_page_title h3{ font-size: 30px;}

	.ny_page_title{ margin-bottom: 20px;}

	.h_h{ height: 54px;}

	.proshow_top .center{ padding: 30px;}

	.proshow_top .proshow_img{ padding: 20px; width:100%; float:none;}

	.proshow_top .pro_det_txt{ width: 100%; float: none; margin-top: 20px;}

	.show_content{ padding: 35px 0;}

	.show_content .show_tit{ font-size: 18px; line-height: 50px;}

	.pro_youshi .sy_youshi .youshi_tab{ display: block;}

	.sy_youshi .youshi_tab ul li .tab_num{ right: 20px; top:20px; font-size:60px;}

	.pro_message .sy_item_tit{ padding: 30px 0 40px;}

	.pro_form{ padding:40px 30px;}

	.ny_sol_item .ny_sol_img{ width: 100%; float: none;}

	.ny_sol_item .ny_sol_txt{ padding: 20px; width: 100%; background-position:calc(100% - 30px) 30px; background-size:80px;}

	.ny_sol_item .ny_sol_txt .sol_icon{ bottom: 20px;}

	.ny_sol_item .ny_sol_txt .sol_icon img{ width: 80px;}

	.main_left{ display: none;}

	.main_right{ width: 100%;}

	.about_video .ab_num{ padding: 30px 30px 0;}

	.ab_num dl dt:nth-child(2), .ab_num dl dt:nth-child(4){ padding-left:20px;}

	.ab_num dl dt{ padding-bottom: 20px;}

	.ab_num dl dt:nth-child(3), .ab_num dl dt:nth-child(4){ padding-top:20px;}

	.ab_num dl dt b{ font-size: 60px; line-height: 50px;}

	.contact_box ul li{ padding: 30px 20px;}

	.contact_box ul li .con_icon{ width: 100px; height: 100px; line-height: 100px;}

	.contact_box ul li .con_icon i{ font-size: 40px;}

	.map_card h2{ font-size: 26px;}

	.map_card{ padding: 40px;}

	.right_online{ display: none;}

	

}

@media (max-width: 768px){

	.sy_pro_list ul li .sy_pro_txt .more_btn{ display: none;}

	.sy-ban .b-trext h3{ font-size: 36px; line-height: 40px;}

	.sy-ban .b-trext .more_btn{ margin-top: 25px;}

	.padd65{ padding: 25px 0;}

	.sy_item_tit h3{ font-size: 30px;}

	.youshi_txt .ys_txt_left p{ display: none;}

	.sy_youshi{ padding: 30px 2%;}

	.news_txt p{display: none;}

	.news_txt h2{ font-size: 16px; margin-bottom: 15px;}

	.swiper-button-prev, .swiper-button-next{ display: none;}

	.sy_coop_list .mySwiper1{ height: 320px;}

	.posi{ line-height: 46px; font-size: 14px;}

	.sy_pro_nav{ width: 96%;}

	.ny_ban .ny_ban_txt h3{ font-size: 30px;}

	.pro_contact .tel h3{ font-size: 30px;}

	.pro_des{ margin-bottom: 20px;}

	.detail_tit h3{ padding: 0 30px; line-height: 60px;}

	.page_btn{ padding-top: 20px;}

	.tab_txt .tab_icon img{ width: 30px;}

	.tab_txt .tab_tit h2{ font-size: 18px;}

	.sy_youshi .youshi_tab ul li .tab_num{ font-size: 50px; top: 10px; right: 10px;}

	.ny_sol_item .ny_sol_txt h2{ font-size: 24px;}

	.ny_sol_item .ny_sol_txt p{ font-size: 14px; margin-bottom:20px;}

	.ny_news_txt p{ height: 48px; margin:15px 0;}

	.ny_news_txt h2{ font-size: 18px;}

	.newsshow{ padding: 40px 30px;}

	.newsshow h1{ font-size: 28px;}

	.newsshow .ny_news_info{ padding: 20px 0;}

	.about_top{ display: block;}

	.about_top .col_des{ width: 100%;}

	.about_video .ab_num{ width: 100%; padding: 20px;}

	.about_video .ab_video{ width: 100%;}

	.about_com .about_img{ width: 100%;}

	.about_com .about_txt{ padding: 20px; width: 100%;}

	.map{ display: none;}

	.contact_box ul li{ width: 49%; margin-right: 2%; margin-bottom:20px;}

	.contact_box ul li:nth-child(2){ margin-right:0;}

}

@media (max-width: 540px){

	.sy_pro_nav a, .sy_pro_nav span{ display: block; text-align: center; width: 20%; height: 40px; line-height: 40px; padding-bottom: 10px;}

	.sy_pro_nav a i, .sy_pro_nav span i{ display: none;}

	.sy_pro_nav a img, .sy_pro_nav span img{ margin-right: 0;}

	.sy_pro_list ul li{ width: 100%; float: none; margin-bottom: 20px;}

	.sy_item_tit{ margin-bottom: 20px;}

	.sy_item_tit h3{ font-size: 26px;}

	.sy_item_tit p{ font-size: 14px;}

	.sy_number dl dt b{ font-size: 50px; line-height: 40px;}

	.sy-ban .b-trext .more_btn{ display: none;}

	.sy-ban .b-trext h3{ font-size: 30px; line-height: 32px; margin-top: 10px;}

	.sy-ban .b-trext p{ font-size: 14px;}

	.bannerswiper .page .swiper-num{ bottom: 20px;}

	.sy_number dl dt span{ font-size: 12px;}

	.sy_number dl dt p{ font-size: 12px;}

	.youshi_img ul li .youshi_txt{ padding: 0 10px; bottom: 10px;}

	.youshi_txt .ys_txt_left h2{ font-size: 18px;}

	.sy_coop_list .mySwiper1{ height: 200px;}

	.foot_form input, .foot_form textarea{ width: 100%; float: none; margin-bottom: 15px; line-height: 46px; height: 46px; font-size: 14px;}

	.foot_form{ display: block;}

	.foot_form input.sub{ width: 100%;}

	.foot_msg h3{ font-size: 24px;}

	.ny_pro_nav{ display: none;}

	.ny_page_title h3{font-size:22px;}

	.ny_ban .ny_ban_txt h3{ font-size: 24px;}

	.proshow_top .center{ padding: 20px;}

	.show_content{ padding: 20px 0;}

	.proshow_top{ padding: 20px 0 30px;}

	.pro_des p{ font-size: 14px; background-position:left 8px;}

	.det_tit h1{font-size: 24px; margin-bottom:15px;}

	.pro_contact .tel i{ width: 46px; height: 46px; line-height: 46px; font-size: 20px; margin-right: 5px;}

	.pro_contact .tel h3{ font-size:24px;}

	.pro_youshi{ margin-top: 30px;}

	.page_btn{ display: block;}

	.page_btn .back{ display: none;}

	.page_btn .next{ text-align: left; margin-top: 10px;}

	.pro_youshi .sy_youshi .youshi_tab ul li{ width: 49%; margin-right: 2%; padding-top:15%;}

	.pro_youshi .sy_youshi .youshi_tab ul li:nth-child(2n){ margin-right:0;}

	.pro_form{ padding: 30px 20px;}

	.pro_form .formbox input, .pro_form .formbox textarea{ line-height: 44px; font-size:14px;  padding-left:12px;}

	.pro_form .formbox.fl{ width: 100%; float: none;}

	.pro_form .formbox{ margin-bottom: 15px;}

	.pro_form .sub{ width: 100%; line-height: 44px;}

	.ny_sol_item .ny_sol_txt{ background-size: 50px; background-position:calc(100% - 20px) 20px;}

	.ny_sol_item .ny_sol_txt .sol_icon img{ width: 50px;}

	.news_date{ display: none;}

	.ny_news_list ul li .ny_news_txt{ padding: 15px 15px 0;}

	.ny_news_txt p{ margin: 10px 0 0;}

	.newsshow{ padding: 30px 20px;}

	.newsshow h1{ font-size: 22px;}

	.newsshow .ny_news_info .source{ display: none;}

	.newsshow .ny_news_info .column{ margin-left: auto;}

	.ny_ab_nav a{ margin-left: 50px; font-size: 14px;}

	.about_com{ margin-top: 30px;}

}

@media (max-width: 450px){

	.sy-ban .b-trext h3{ font-size: 24px;}

	.sy_pro_list ul li a{ padding: 15px;}

	.sy_pro_txt .sy_pro_tit h2{ font-size: 18px;}

	.sy_pro_txt p{ margin-bottom: 0; margin-top: 10px;}

	.sy_ab_img .play_btn img{ width: 60px;}

	.sy_ab_img .play_btn{ margin-bottom: -30px; margin-left: -30px;}

	.sy_proj_list ul li{ margin-bottom: 20px;}

	.youshi_txt .ys_txt_left h2{ margin-bottom: 0;}

	.sy_coop_list .mySwiper1{ height: 160px;}

	.news_txt h2{ margin-bottom: 10px;}

	.bannerswiper .page .active{ font-size: 24px;}

	.bannerswiper .page .swiper-num{ font-size: 16px;}

	.sy_item_tit h3{ font-size: 24px;}

	.ny_ban img{ width: 140%; margin-left: -20%;}

	.posi{ font-size: 12px;}

	.posi i{ font-size: 12px;}

	.pro_contact .tel h3{ font-size: 20px;}

	.pro_contact .tel i,.pro_contact a.link_lx i{ width: 40px; height: 40px; line-height: 40px; font-size: 16px;}

	.pro_contact a.link_lx span{ display: none;}

	.detail_tit h3{ font-size: 18px; line-height: 50px;}

	.show_content .show_tit{ margin: 10px 0 15px; font-size:16px; padding-left:10px; line-height:40px;}

	.pro_message .sy_item_tit{ padding: 10px 0 20px;}

	.foot_msg{ padding: 30px 0;}

	.copy{ font-size: 12px;}

	.swiper-pagination-bullet{ width: 18px; height: 18px; background-size:cover;}

	.swiper-pagination-bullet.swiper-pagination-bullet-active{ background-size: cover;}

	.ny_sol_item .ny_sol_txt h2{ font-size: 20px; padding-bottom: 15px; margin-bottom: 15px;}

	.ny_sol_item .ny_sol_txt .sol_icon{ right: 20px;}

	.ny_sol_item .ny_sol_txt h2:after{ width:80px;}

	.more_btn i.icon-youjiantou3{ width: 28px; height: 28px; line-height: 28px;}

	.more_btn a, .more_btn span{ line-height: 28px;}

	.more_btn { min-width: 110px;}

	.ny_sol_item{ margin-bottom: 25px;}

	.ny_sol_item .ny_sol_img .play_btn img{ width: 50px;}

	.ny_sol_item .ny_sol_img .play_btn{ margin-left: -25px; margin-top:-25px;}

	.ny_news_list ul li .ny_news_txt{ padding: 10px;}

	.ny_news_txt h2{ font-size: 16px; line-height: 20px; height: 20px;}

	.ny_news_txt p{ font-size: 12px; line-height: 20px; height: 40px;}

	.ny_news_txt p{ margin-top: 6px;}

	.ny_news_list ul li{ margin-bottom: 20px;}

	.newsshow .ny_news_info{ padding: 15px 0;}

	.page_btn a{ font-size: 14px;}

	.ab_num dl dt span{ font-size: 12px;}

	.ab_num dl dt p{ font-size: 12px;}

	.about_video .ab_num{ padding: 10px;}

	.about_video .ab_video .play_btn img{ width: 50px;}

	.about_video .ab_video .play_btn{ margin-left: -25px; margin-top: -25px;}

	.ny_ab_nav a{ margin-left: 30px;}

	.factory_list ul li{ margin-bottom:20px;}

	.contact_box ul li{ padding: 20px 15px;}

	.contact_box ul li .con_icon{ width: 80px; line-height: 80px; height: 80px;}

	.contact_box ul li h4{ font-size: 16px; margin-top: 15px; margin-bottom:15px;}

	.contact_box ul li .line{ display: none;}

	.contact_box ul li .con_qr{ margin-top: 38px;}

	.contact_box ul li p{ height: 48px;}

    .contact_box ul li:nth-child(3) p{ height:96px;}

}