@charset "utf-8";
/* 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(../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{ 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: 35%; }
.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: #004088;}
.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: #004088; 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: #004088;}
.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(#004088 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: #004088; 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: #004088; 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: #004088; 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: #004088; 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: #004088; 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: #004088;}

.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: #004088; color: #fff; cursor: pointer;}
.foot_form input.sub:hover{ text-decoration: underline;}
.posi{ line-height:60px; background:#f6f6f6;}
.posi i{ color: #004088; 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: #004088; 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(../images/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: #004088; 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: #004088; 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:#004088;}
.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 #004088; 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:#004088;}
.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:#004088;}
.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: #004088;}
.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: #004088;}
.page_btn .back a i{ margin-right: 10px;}
.page_btn .next{ text-align: right;}
.page_btn a:hover{ color:#004088;}
.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:#004088; 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:#004088;}
.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: #004088; 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(../images/dot1_26.png) no-repeat; width:25px; height:25px; border-radius:0;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../images/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: 40px 30px; 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: 130px; height: 130px; line-height: 130px; border-radius: 50%; border: 1px solid #dedede; color: #333; font-size: 30px; display: inline-block;}
.contact_box ul li .con_icon i{ font-size: 50px;}
.contact_box ul li h4{ font-size: 20px; margin: 30px 0 0;}
.contact_box ul li p{height: 60px;}
.contact_box ul li .con_qr{ margin-top: 40px;}
.contact_box ul li .con_qr img{  width: 110px;}
.contact_box ul li:hover{ background: #004088; 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: #004088; 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: #004088; 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:#004088;}
.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: #004088; left: 0; bottom: 0;}
.pro_des { margin: 20px 0 80px;}
.pro_des p{ padding-left: 20px; font-size: 18px; background: url(../images/fk_03.jpg) no-repeat left 15px; margin-bottom:10px;}
.pro_contact a.link_lx{ display: block; margin-left: auto; color:#004088;}
.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: #004088; border-radius: 50%; text-align:center; margin-left:5px;}
.detail_tit{ background: #004088;}
.detail_tit h3{ display: inline-block; line-height: 80px; font-size: 22px; color: #004088; padding:0 60px; position:relative; background:#f5f7f9;}
.detail_tit h3:after{ position:absolute; width: 100%; top: 0; left: 0; height: 3px; content: ' '; background: #004088;}
.show_content .show_tit{ font-size: 22px; font-weight: normal; line-height: 60px; padding-left: 22px; background:#f6f6f6; border-left:6px solid #004088; 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 #004088; 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: #004088; 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: #004088;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: #004088;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 video{ height: 100%; width: 100%!important;}
.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;}
}