@charset "utf-8";
/* CSS Document */
.sy-ban .swiper-container{transition: opacity .4s ease; position: relative;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-container.isready{opacity: 1}
.sy-ban .swiper-container.btn-typea .swiper-button-next,
.sy-ban .swiper-container.btn-typea .swiper-button-prev{outline: none;width: 44px;height: 100px;margin-top: -50px;background-color: rgba(0, 0, 0, .3);background-size: 12px 20px;background-position: 50%;transition: background-color .3s, opacity .3s, transform .3s}
.sy-ban .swiper-container.btn-typea .swiper-button-next:hover,
.sy-ban .swiper-container.btn-typea .swiper-button-prev:hover{background-color: #004498}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;display: flex;flex-wrap: wrap;justify-content: center; bottom: 150px;}
.swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 20px;height: 20px;outline: none;background: url(../image/dot2_36.png) no-repeat center; opacity: .6;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../image/dot1.png) no-repeat center;background-size: cover;width: 20px;height: 20px; opacity: 1}
.sy-ban .b-trext{position: absolute; width: 100%; top: 30%; }
.sy-ban .b-trext h3{font-size: 78px;color: #fff;display: block; margin-bottom: 20px; width: 50%; line-height: 80px;}
.sy-ban .b-trext .more_btn{ margin-top: 50px; border: 1px solid #fff; background:none;}
.lunbo-text i{font-size: 40px;}
.lunbo-text{position: absolute;z-index: 99;right: 5%;top: 35%; cursor:pointer;}
.lunbo-text .btn-inner {
	-webkit-animation: videoright 1s ease-in 0.5s 1 forwards;
	-moz-animation: videoright 1s ease-in 0.5s 1 forwards;
	-ms-animation: videoright 1s ease-in 0.5s 1 forwards;
	-o-animation: videoright 1s ease-in 0.5s 1 forwards;
	animation: videoright 1s ease-in 0.5s 1 forwards;
}
	
.lunbo-text .btn-inner .btn-play {
    position: relative;
    width: 65px;
    height: 65px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    line-height: 65px;
    color: #227ab0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.lunbo-text .btn-inner .btn-play:hover {
  color: #ec9c02;
}
.lunbo-text .btn-inner .btn-play:active {
  background: #227ab0;
  color: #ffffff;
}
@keyframes circle-fade-before {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes circle-fade-after {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
.lunbo-text .btn-inner .btn-play span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #227ab0;
    animation: circle-fade-before 2s infinite ease-in-out;
    -webkit-animation: circle-fade-before 2s infinite ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.lunbo-text .btn-inner .btn-play:hover span {
    border: 1px solid #ec9c02;
}
.lunbo-text .btn-inner .btn-play .circle-2 {
    animation: circle-fade-after 2s infinite ease-in-out;
    -webkit-animation: circle-fade-after 2s infinite ease-in-out;
}
.video_bg{ width: 800px; position:fixed; left:50%; margin-left:-400px; 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;}
.video_close i{ font-size: 30px; color: #fff;}
.sy_item_tit{ margin-bottom: 30px; text-align: center;}
.sy_item_tit p{ font-size: 24px; color: #e88506;}
.sy_item_tit h3{ font-size: 52px; font-family: KronaOne; line-height: 65px; text-transform: uppercase;}
.sy_pro_list ul li{ background: #fff; border-radius: 10px; padding: 10px 5px; text-align: center;}
.sy_pro_list ul li .imgfd{ position: relative; overflow: hidden;}
.sy_pro_list ul li .imgfd .bg{ position: absolute; width: 100%; height: 100%; left: 100%; top: 0; text-align:center; background:rgba(0,0,0,.3); transition:0.3s ease;}
.sy_pro_list ul li .imgfd .bg .link{ position:absolute; width:auto; height: 50px; top: 50%; margin-top: -25px; left:50%; margin-left:-25px;}
.sy_pro_list ul li .imgfd:hover .bg{ left:0;}
.sy_pro_list ul li img{height: 275px;}
.sy_pro_list ul li h2{ font-size: 16px; margin-top: 20px; height: 40px; overflow: hidden;}
.sy_pro_list ul li p{ line-height: 24px; height: 48px; overflow: hidden;}
.sy_pro_list ul li .more_btn{ margin-top: 20px;}
.ny_pro_list ul li{ border: 1px solid #ddd;}
.ny_pro_list ul li:hover{ border-color:#e88506;}
.sy_pro{ position: relative;}
.sy_pro .swiper-button-prev,.sy_pro .swiper-button-next{ bottom: 270px}
.ny_pro_box .swiper-button-prev,.ny_pro_box .swiper-button-next{ bottom: calc(50% - 30px);}
.sy_pro_list ul li:hover h2{ color: #e88506;}
.sy_pro .more{ text-align: center; margin-top: 40px;}
.ser_box{ background:#f6f6f6; border-radius:28px; overflow:hidden;}
.ser_box .sy_equ { height: 100%; width: 49%; position: relative;}
.ser_box .sy_abdes{ width: 50%; padding:50px 40px 0 40px;}
.ser_box .sy_abdes h3{ font-size: 52px; margin-bottom:10px; line-height:60px;}
.ser_box .sy_sop{ height: 100%; width: 23.5%; background: #ec9c02;  padding: 25px;}
.ser_box .sy_fac{ height: 100%; position: relative;}.ser_box .sy_sop,.ser_box .sy_fac{ overflow: hidden; border-radius: 28px;}
.ser_box .sy_equ img{ height: 100%;}
.ser_box .sy_equ .equ_txt{ position: absolute; width: 70%; padding: 60px; left: 0; top: 0;}
.ser_box .sy_equ .equ_txt h3{ color: #fff; font-family: KronaOne; font-size: 36px; line-height: 48px;}
.equ_btn{ width: 240px; background: rgba(59,183,225,.4); transform: skewX(-20deg); border-radius: 5px; margin-top: 120px;}
.equ_btn a{ color: #fff; text-align: center; display: block; width: 100%; line-height: 48px; transform: skewX(20deg);}
.equ_btn:hover{background: #e88506;}
.ser_box .sy_sop .sop_box{ border-radius: 28px; border: 5px solid #fff; height: 100%; width: 100%; padding: 30px; text-align: center;}
.ser_box .sy_sop .sop_box h3{font-size: 42px; color: #fff; text-transform: uppercase; line-height: 48px; margin-bottom: 30px; font-family: KronaOne;}
.ser_box .sy_sop .sop_box p{ font-size: 18px; line-height: 24px; color: #fff;}
.ser_box .sy_sop .sop_box .more_btn{ background: #fff; margin-top: 20px;}
.ser_box .sy_sop .sop_box .more_btn a{ color: #ec9c02;}
.ser_box .sy_fac{ width: 23.5%;}
.ser_box .sy_fac img{ height: 100%;}
.ser_box .sy_fac .fac_link{ position: absolute; width: 60%; background: url(../image/index4_04.png) no-repeat; background-size: cover;right: 0; bottom: 30px; padding: 30px 0 30px 40px ;}
.ser_box .sy_fac .fac_link h3{ color: #fff; font-size: 36px; font-family: KronaOne; line-height: 40px;}
.ser_box .sy_fac .fac_link p{ color: #fff; font-size: 26px;}
.service_list{ margin-top: 40px;}
.service_list ul li{ width: 20%;}
.service_list ul .vert_line:last-child{ display: none;}
.service_list ul .vert_line{ margin: 0 auto; height: 56px; width: 1px; background: #d4d4d4;}
.service_list ul li img{ float: left;}
.service_list ul li .ic_txt{ float: right; width: 75%;}
.ic_txt h4{ font-size: 22px; line-height: 30px; text-transform:uppercase;}
.ic_txt p{ font-size: 18px; line-height: 24px;}
.service_list ul li:hover img{animation: Updown .8s infinite alternate;}
@keyframes Updown {
	from {
		margin-top: 0px;
	}

	to {
		margin-top: -5px;
	}
}
.end_list ul li{ float: left; width: 12%; margin: 0 0.57% 0 0; background: url(../image/cirbg_16.png) no-repeat center center; background-size: 100%; text-align: center; padding: 48px 0;}
.end_list ul li:nth-child(8n){ margin-right:0;}
.end_list ul li img{ /*width: 65%;*/ display: inline; height: 98px;}
.end_list ul li p{font-size: 16px; margin-top: 14px;}
.end_list ul li:hover p{ color: #e88506;}
.mainh{ height: 65px;}
.item_top .sy_item_tit{ text-align: left; margin-right: auto;}
.sy_news_list ul li{ width: 32%; margin-right: 2%; float: left; overflow: hidden; background: #f6f6f6; border-radius: 12px;}
.sy_news_list ul li:nth-child(3){ margin-right: 0;}
.sy_news_list ul li .imgfd{ position: relative;}
.sy_news_list ul li .imgfd img{ height: 340px;}
.sy_news_list ul li span.date{ position: absolute; display: block; width: 130px; line-height: 42px; color: #fff; background: #ec9c02; border-radius: 8px; text-align: center; left: 30px; bottom: 30px;}
.sy_news_txt{padding: 30px; background: #f6f6f6;}
.sy_news_txt h3{ font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; }
.sy_news_txt p{ height: 48px; overflow: hidden; line-height: 24px; }
.sy_news_txt .more{ margin-top: 40px;}
.sy_news_txt .more span{ color: #333; font-size: 18px;}
.sy_news_list ul li:hover .sy_news_txt .more span{ color: #ec9c02;}
.sy_news_list ul li:hover .sy_news_txt h3{ color: #ec9c02;}

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

.sy_part .sy_item_tit{ width: 45%; margin: 0 auto 30px;}
.sy_part .sy_item_tit span{ font-size: 18px; line-height: 24px; display: inline-block;}
.part_list ul li{ float: left; width: 23.8%; margin-right: 1.5%; margin-bottom:0.5rem;}
.part_list ul li:nth-child(4n){ margin-right: 0;}
.part_list ul li img{ height: 210px;}

.sy_msg{ padding-bottom: 180px;}
.sy_msg .sy_item_tit{ width: 45%; margin: 0 auto 30px; color: #fff;}
.sy_msg .sy_item_tit h3{ color: #fff;}
.sy_msg .sy_form{ width: 45%; margin: 0 auto;}
.sy_msg .sy_form input{ line-height: 56px; border-radius: 28px;}
.sy_msg .sy_form .bot_inp{ width: 75%; padding-left: 25px;}
.sy_msg .sy_form .sub{ width: 22%; text-align: center; background: #ec9c02; color: #fff; cursor: pointer;}
.sy_msg .sy_form .sub:hover{ background: #e88506;}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .ban_txt{ width: 100%; position: absolute; top: 30%; color: #fff;}
.ny_ban .ban_txt h3{ font-size: 58px; color: #fff; line-height: 60px;}
.ny_ban .ban_txt p{ font-size: 18px;}
.ny_ban .btn_box{ margin-top: 50px;}
.pro_page .ny_ban .btn_box{ display:none;}
.ny_ban .btn_box .more_btn:first-child{ border: 1px solid #fff; background: none; margin-right: 30px;}
.ny_ban .btn_box .more_btn:nth-child(2){ background: #fff;}
.ny_ban .btn_box .more_btn:nth-child(2) a{ color: #e88506;}
.ny_ban .posi{ position: absolute; width: 100%; bottom: 30px; color: #fff;}
.hf_banner{ width: 100%; overflow: hidden;padding:40px 0;}
.pro_list_item .ny_ban{ display: none;}
.pro_list_item:nth-child(3) .hf_banner,.pro_list_item:nth-child(5) .hf_banner,.pro_list_item:nth-child(7) .hf_banner{ margin:40px 0; padding:100px 0;}
.pro_list_item:last-child .hf_banner,.pro_list_item:last-child .hf_banner h3{ color:#fff;}
.pro_page .ny_ban .posi{ display:none;}
.ny_ban .posi a{ color: #fff;}
.posi i{ margin-right: 10px;}
.ny_item_tit{ margin-bottom: 30px;}
.ny_item_tit h3{ font-size: 36px; line-height: 40px;}
.ny_item_tit p{font-size: 18px;}
.pro_page .pro_list_item:first-child .btn_box,.pro_page .pro_list_item:first-child .posi{ display:block;}
.pro_page .pro_list_item:first-child .ny_ban{ display:block;}
.posi.show{ padding: 40px 0;}
.proshow_top{ background: #fff; padding: 60px 80px 30px; border-bottom:1px solid #f0f0f0;}
.protop_left,.proshow_txt{ width: 48%;}
.protop_left img{ width: 100%;}
.pro_det_img{ overflow: hidden; border: 1px solid #f0f0f0; border-radius: 16px;}
.small_pic{ margin-top: 20px;}
.small_pic ul li{ border-radius: 8px; border: 1px solid #f0f0f0;}
.small_pic ul li.swiper-slide-thumb-active{ border-color: #e88506;}
.pro_det_img{ position: relative;}
.pro_det_img img{ height: 516px;}
.pro_det_img .swiper-button-prev,.pro_det_img .swiper-button-next{ bottom: 220px; background: none;}
.pro_det_img .swiper-button-prev i,.pro_det_img .swiper-button-next i{font-size: 48px;}
.pro_det_img .swiper-button-prev:hover,.pro_det_img .swiper-button-next:hover{ color: #e88506;}
.small_pic img{ height: 116px;}
.proshow_txt h1{ font-size: 32px; line-height: 40px; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; margin-top: 70px;}
.proshow_txt .short_line{ margin-top: -2px;}
.proshow_txt .pro_des{ margin: 40px 0 80px; font-size: 18px;}
.proshow_txt .btn_box .more_btn:first-child{ border: 1px solid #ec9c02; background: none; margin-right: 30px; position:unset;}
.proshow_txt .btn_box .more_btn:first-child a{ color: #ec9c02;}
.proshow_txt .follow{ margin-top: 40px;}
.proshow_txt .follow h4{font-size: 18px;}
.proshow_txt .follow h4 span{ color: #ec9c02;}
.mainh{ height: 80px;}
.blue_bg{ background: #f1f4f5;}
.pro_detail{ background: #fff; padding: 30px 80px;}
.pro_detail h3{ font-size: 34px; padding-bottom: 5px; border-bottom: 1px solid #f0f0f0;}
.show_content{ padding: 10px 0;}
.show_content img{ max-width: 100%;}
.back_btn{ width: 100%; line-height: 38px; background: #f5f5f5; text-align: center; display: block;}
.back_btn:hover{ background: #e88506; color: #fff;}
.page_btn{ margin-top: 30px;}
.page_btn .fr{ text-align: right;}
.page_btn a:hover{ color:#e88506;}
.related_pro{ background: #fff;}
.related_pro_list ul li{ float: left; width: 24%; margin-right: 1.33%; margin-bottom: 30px;}
.related_pro_list ul li:nth-child(4n){ margin-right: 0;}
.related_pro h3{ font-size: 34px; line-height: 36px; margin-bottom: 30px;}
.end_pro{ position: relative;}
.end_pro .end_list ul li{ margin: 0;}
.end_pro .end_list ul li img{ height: 231px;}
.end_pro .end_list ul li:hover{}
.end_pro .swiper-button-prev,.end_pro .swiper-button-next{ bottom: 100px; background:#fff;}
.end_ban{ top: 20%;  padding:50px 0;}
.end_ban .end_pro .end_list ul li:hover,.end_ban .end_pro .end_list ul li.on{ /*background: url(../image/cirbgb.png) no-repeat center center; background-size: 100%;*/}
.end_ban .end_pro .end_list ul li{ width: 24%; margin-right:0.57%;}
.end_ban .end_pro .end_list ul li:nth-child(8n){ margin-right:0;}
.end_ban .end_pro .end_list ul li p{ font-size: 14px;}
.service_item .imgfd,.service_item .ser_txt{ width: 50%;}
.service_item{ background: #f5f5f5; margin-bottom: 60px; border-radius: 16px; overflow: hidden;}
.service_page .service_item:nth-child(2n+1) .imgfd,.service_page .service_item:nth-child(2n) .ser_txt{ float: left;}
.service_page .service_item:nth-child(2n+1) .ser_txt,.service_page .service_item:nth-child(2n) .imgfd{ float: right;}
.service_item .ser_txt{ padding: 70px 60px; font-size: 18px;}
.service_item .ser_txt h3{font-size: 40px; line-height: 50px; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px;}
.service_item .ser_txt .short_line{ margin-top: -2px; margin-bottom: 30px;}
.service_item .ser_txt .more_btn{ margin-top: 60px;}

.new_nav{ width: 60%; margin: 0 auto;}
.new_nav a{ display: block; margin: 0 auto; line-height: 50px; border-radius: 25px; width: 32%; background: #fff; text-align: center; font-size: 18px;}
.new_nav a.on,.new_nav a:hover{ background: #e88506; color: #fff;}
.ny_news_list{ margin-top: 40px;}
.ny_news_list ul li{ width: 32%; margin-right: 2%; float: left; background: #fff; border-radius: 28px; padding: 20px; margin-bottom: 30px;}
.ny_news_list ul li:nth-child(3n){ margin-right: 0;}
.ny_news_list ul li .imgfd{ border-radius: 22px;}
.ny_news_list ul li img{ height: 313px;}
.ny_news_list ul li .ny_news_txt{ padding: 70px 0 30px; text-align: center; position: relative; font-size: 18px; line-height: 30px;}
.ny_news_txt .date{ width: 88px; height: 88px; position: absolute; background: #e88506; border: 8px solid #f6f6f6; top: -44px; z-index: 99; border-radius: 44px; left: 50%; margin-left: -44px; color: #fff; font-size: 20px; line-height: 20px; padding-top: 16px; box-sizing: border-box;-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.ny_news_txt h2{ font-size: 26px; line-height: 40px; height: 40px; overflow: hidden;}
.ny_news_txt p{ height: 60px; overflow: hidden; margin-bottom: 15px;}
.ny_news_list ul li:hover .date{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.ny_news_list ul li:hover .ny_news_txt h2{ color: #e88506;}

.news_detail{ width: 1400px; margin: 0 auto;}
.news_detail h1{ font-size: 34px; line-height: 34px;}
.news_info{ font-size: 18px; padding:20px 0; border-bottom: 1px solid #f0f0f0; color: #666;}
.news_info .follow_list{ margin: 0 auto;}
.news_info .date i{ margin-right: 5px;}
.news_info a{ color: #e88506;}
.about_box .about_item{ border-radius: 28px; overflow: hidden; margin-bottom: 60px; background: #fff;}
.about_box .about_item .imgfd{ width: 45%;}
.about_box .about_item .about_txt{ width: 55%; padding: 55px 55px 0;}
.about_box .about_item:first-child .imgfd,.about_box .about_item:nth-child(2) .about_txt{ float: right;}
.about_box .about_item:first-child .about_txt,.about_box .about_item:nth-child(2) .imgfd{ float: left;}
.about_box .about_item:first-child{ background: #e88506; color: #fff;}
.about_box .about_item h3{ font-family: KronaOne; font-size: 52px; line-height: 54px; margin-bottom: 15px;}
.about_box .about_item:first-child h3{ color: #fff;}
.about_box .about_item .more_btn{ border: 1px solid #fff; background: none; margin-top: 30px;}

.ab_choose{ background: #fff;}
.choost_tit{ align-items: flex-start;}
.choose_des{ width: 60%; margin-left: auto;}
.ab_tit h3{font-size: 48px; line-height: 50px;}
.ab_tit{ margin-bottom: 30px;}
.choose_list{ margin-top: 60px;}
.choose_list ul li{ width: 17%; text-align: center; font-size: 18px;}
.choose_list ul li:last-child{ display: none;}
.choose_list ul .vert_line{ margin: 0 auto; height: 80px; width: 1px; background: #e8e8e8;}
.choose_list ul li img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.choose_list ul li:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.choose_list ul li h4{ font-size: 24px;}


.ab_market .imgfd,.ab_market .market_txt{ width: 45%;}
.ab_market .market_txt .more_btn{ margin-top: 50px; border: 1px solid #666666; background: none;}
.ab_market .market_txt .more_btn a{ color: #666;}
.top_list{ padding-bottom: 60px; position: relative; overflow: hidden;}
.factory .ab_tit{ text-align: center;}
.factory .ab_tit .short_line{ margin: 20px auto 0;}
.top_list .swiper-pagination-bullet{ background: url(../image/dot4.png) no-repeat center;}
.top_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../image/dot3.png) no-repeat center;}
.top_list img{ height: 337px;}

.cont_tit{ text-align: center; margin-bottom: 40px;}
.cont_tit h3{ font-size: 48px; line-height: 50px;}
.cont_form{ width: 65%;}
.cont_form input,.cont_form textarea{ background: #fff; line-height: 54px; border-radius: 8px; border-left: 8px solid #e88506; display: block; width: 100%; margin-bottom: 20px; padding-left: 15px;}
.cont_form textarea{ height: 162px;}
.cont_form .sub{ background: #e88506; width: 100%; line-height: 54px; border-radius: 8px; text-align: center; color: #fff; font-size: 24px; margin-top: 30px; cursor: pointer;}
.cont_form .sub:hover{ font-size: 26px;}
.cont_info{ width: 32%;}
.cont_info h3{ font-size: 24px; padding-bottom: 10px; border-bottom: 1px solid #dddddd;}
.cont_list{ margin: 20px 0;}
.cont_list ul li{ padding: 10px 0; overflow: hidden;}
.cont_list ul li .contxt{ width: 83%; margin-left: auto;}
.contxt h4{font-size: 20px; line-height: 24px;}
.cont_list ul li p{ color: #333; font-size: 18px; line-height: 26px;}

.cont_follow h4{ font-size: 24px; padding-bottom:10px; border-bottom: 1px solid #dddddd; margin-bottom:20px;}

.social-share{ display:inline-flex;}

.feed{ width: 100%; background: #f5f5f5; padding:60px; border-radius:20px;}
.index_foot{ position: relative;}
.top_box{ position: absolute; right: 10px; top: 50px; width:70px; height:70px; border-radius:50%; text-align:center; border:8px solid #fff;box-shadow:0 0 5px 0 rgba(0,0,0,.3); background:#e88506;background-position:0 -280px; padding-top:10px; cursor:pointer;}
.top_box img{ width: 30px;}
.top_box:hover{ box-shadow:0 0 8px 0 rgba(0,0,0,.4);}
.ny_pro_list .ul4 li{ margin-bottom: 40px;}



@media (max-width: 1600px){
	.sy-ban .b-trext{ margin-left: 0; left: 2%;}
	.sy-ban .b-trext h3{font-size: 70px;}
	.service_item .ser_txt{ padding: 50px 40px;}
	.ser_box .sy_abdes{  padding:30px 30px 0 30px;}

}

@media (max-width: 1440px){
	.sy-ban .b-trext h3{ font-size: 60px; line-height: 65px;}	
	.sy-ban .b-trext .more_btn{margin-top: 20px;}
	.sy_pro_list ul li img{ height: 230px;}
	.ser_box{ height: 390px;}
	.ser_box .sy_equ .equ_txt{ padding: 40px;}
	.ser_box .sy_sop{ padding: 15px;}
	.ser_box .sy_sop .sop_box{ padding: 20px;}
	.ser_box .sy_sop .sop_box p{font-size: 16px;}
	.ser_box .sy_sop .sop_box h3{ font-size: 36px; line-height: 40px; margin-bottom: 20px;}
	.ser_box .sy_fac .fac_link{ padding: 20px 0 20px 30px;}
	.end_list ul li img{ height: 112px;}
	.sy_news_list ul li .imgfd img{ height: 287px;}
	.news_item{ height: 550px;}
	.part_list ul li img{ height: 210px;}
	.ny_ban .ban_txt h3{font-size: 48px; line-height: 50px;}
	.ny_ban .btn_box{ margin-top: 30px;}
	.proshow_top,.pro_detail{ padding: 40px 60px;}
	.pro_det_img img{ height: 447px;}
	.small_pic img{ height: 99px;}
	.proshow_txt h1{ margin-top: 20px;}
	.end_pro .end_list ul li img{ height: 231px;}
	.service_item .ser_txt{ padding: 30px;}
	.service_item .ser_txt .more_btn{ margin-top: 40px;}
	.service_item .ser_txt h3{font-size: 36px; padding-bottom: 0;}
	.ny_news_list ul li img{ height: 296px;}
	.new_nav{ width: 60%;}
	.news_detail{ width: 96%;}
	.about_box .about_item .about_txt{ padding: 40px 40px 0;}
	.about_box .about_item h3{ font-size: 44px; line-height: 46px;}
	.about_box .about_item .more_btn{ margin-top: 20px;}
	.top_list img{ height: 319px;}
	.feed{ padding:40px;}
	.ny_ban .btn_box{ margin-top: 30px;}
	.ser_box .sy_abdes h3{ font-size: 40px; line-height: 50px;}
	.ser_box .sy_abdes p{ line-height: 24px;}
		
}

@media (max-width: 1200px){
	.sy-ban .b-trext h3{ font-size: 50px; line-height: 55px;}
	.sy-ban .b-trext .more_btn{ margin-top: 40px;}
	.sy-ban .swiper-pagination{ bottom: 100px;}
	.sy_item_tit h3{font-size: 44px;}
	.sy_pro_list ul li h2{font-size: 18px; margin-top: 0;}
	.sy_pro_list ul li{ padding-bottom: 20px;}
	.ser_box .sy_equ{ width: 100%; float: none;}
	.ser_box .sy_abdes{ width: 100%;}
	.ser_box .sy_sop,.ser_box .sy_fac{ width: 49%; height: 500px;}
	.ser_box{ height: auto;}
	.ser_box .sy_equ .equ_txt{ padding: 80px;}
	.ser_box .sy_equ .equ_txt h3{font-size: 48px;}
	.ser_box .sy_sop .sop_box h3{font-size: 52px; line-height: 60px;}
	.ser_box .sy_sop{ padding: 40px;}
	.ser_box .sy_sop .sop_box{ padding: 40px;}
	.ser_box .sy_sop .sop_box p{font-size: 20px; line-height: 36px;}
	.ser_box .sy_fac .fac_link h3{font-size: 48px; line-height: 60px;}
	.ser_box .sy_fac .fac_link{ padding: 40px 0 50px 50px; }
	.service_list ul li img{ width: 18%;}
	.service_list ul li{ width: 22%;}
	.ic_txt p{font-size: 16px;}
	.end_list ul li img{ height: 90px;}
	.index_head .nav li a{ padding: 0 15px;}
	.sy_news_list ul li .imgfd img{ height: 250px;}
	.news_item{ height: 480px;}
	.sy_news_txt .more{ margin-top: 20px;}
	.syfaq_list ul li{ height: 30px; line-height: 30px;}
	.part_list ul li img{ height: 83px;}
	.sy_part .sy_item_tit{ width: 60%;}
	.sy_msg .sy_item_tit{ width: 60%;}
	.sy_msg .sy_form{ width: 60%;}
	.index_foot .box{ width: 20%;}
	.index_foot .foot_nav li.lx{ max-width: 30%;}
	.ny_ban .ban_txt h3{font-size: 40px; line-height: 40px;}
	.ny_ban .btn_box{ margin-top: 10px;}
	.ny_item_tit h3{font-size: 30px; line-height: 34px;}
	.pro_det_img img{ height: 361px;}
	.small_pic img{ height: 83px;}
	.pro_det_img .swiper-button-prev, .pro_det_img .swiper-button-next{ bottom: 120px;}
	.proshow_txt h1{ margin-top: 0;}
	.proshow_txt .pro_des{ margin: 30px 0;}
	.proshow_txt .follow{ margin-top: 20px;}
	.show_content{ padding: 30px 0;}
	.proshow_txt h1,.pro_detail h3,.related_pro h3{font-size: 28px; line-height: 30px;}
	.sy_pro_list ul li img{ height: 187px;}
	.service_item .ser_txt .short_line{ margin-bottom: 15px;}
	.service_item .ser_txt{font-size: 16px;}
	.service_item .ser_txt .more_btn{ margin-top: 20px;}
	.service_item{ margin-bottom: 40px;}
	.ny_news_list ul li img{ height: 240px;}
	.ny_news_list ul li .ny_news_txt{ padding: 50px 0 10px;}
	.ny_news_txt h2{font-size: 22px;}
	.news_detail h1{font-size: 28px;}
	.news_info{ padding: 10px 0;}
	.about_box .about_item .about_txt{ padding: 30px 30px 0;}
	.about_box .about_item h3{font-size: 36px; line-height: 38px;}
	.about_box .about_item img{ height: 373px;}
	.about_box .about_item:first-child img{ height: 402px;}
	.ab_tit h3{font-size: 40px;}
	.choose_list ul li{ font-size: 16px;}
	.choose_list ul li h4{font-size: 20px; line-height: 22px;}
	.top_list img{ height: 260px;}
	.cont_tit h3{font-size: 40px;}
	.cont_form{ width: 49%;}
	.cont_info{ width: 49%;}
	.ny_ban .btn_box{ margin-top: 10px;}

}

@media (max-width: 1024px){
	.sy-ban{ margin-top: 54px;}
	.sy-ban .b-trext h3{font-size: 40px; line-height: 45px;}
	.mainh{ height: 30px;}
	.sy_item_tit h3{ font-size: 38px; line-height: 40px;}
	.sy_item_tit{ margin-bottom: 20px;}
	.sy_pro_list ul li img{ height: 228px;}
	.ser_box .sy_sop, .ser_box .sy_fac{ height: 450px;}
	.service_list ul li{  text-align: center;}
	.service_list ul li img{ float: none;}
	.service_list ul li .ic_txt{ width: 100%; float: none;}
	.end_list ul li img{ height: 75px;}
	.end_list ul li p{font-size: 16px;}
	.sy_news_list{ width: 100%; float: none;}
	.news_right{ width: 100%; float: none; margin-top: 30px;}
	.news_item .news_box{ float: left; width: 49%; margin-left: 2%; height: 225px;}
	.news_item{ height: auto;}
	.news_item .news_box:first-child{ margin-left: 0;}
	.part_list ul li img{ height: 69px;}
	.sy_part .sy_item_tit span{font-size: 16px;}
	.sy_part .sy_item_tit{ width: 70%;}
	.sy_msg .sy_item_tit{ width: 70%;}
	.sy_msg .sy_form{ width: 70%;}
	.sy_news_list ul li .imgfd img{ height: 202px;}
	.ny_ban .btn_box{ display: none;}
	.ny_ban .posi{ bottom: 20px;}
	.ny_item_tit p{font-size: 16px;}
	.proshow_top, .pro_detail{ padding: 20px 30px;}
	.pro_det_img img{ height: 324px;}
	.small_pic img{ height: 75px;}
	.proshow_txt h1{ padding-bottom: 10px;}
	.proshow_txt .pro_des{ margin: 20px 0;}
	.proshow_txt .follow{ margin-top: 10px;}
	.show_content{ padding: 20px 0;}
	.page_btn{ margin-top: 20px;}
	.posi.show{ padding: 30px 0;}
	.ny_ban .end_ban{ top: 10%;}
	.service_item .imgfd{ width: 100%; float: none;}
	.service_item .ser_txt{ padding: 20px; width: 100%; float: none;}
	.service_item .ser_txt h3{font-size: 30px;}
	.service_item .ser_txt .more_btn{ margin-top: 10px;}
	.ny_news_list ul li{ padding: 15px;}
	.new_nav{ width: 70%;}
	.ny_news_list ul li img{ height: 207px;}
	.ny_news_txt p{font-size: 16px; line-height: 26px; height: 52px;}
	.about_box .about_item .imgfd{ width: 100%; float: none;}
	.about_box .about_item img{ height: auto;}
	.about_box .about_item:first-child img{ height: auto;}
	.about_box .about_item .about_txt{ width: 100%; float: none; padding: 30px;}
	.choost_tit{display: block;}
	.choose_des{ width: 100%; margin-left: 0;}
	.choose_list ul li p{ line-height: 24px;}
	.ab_market .imgfd, .ab_market .market_txt{ width: 100%; float: none;}
	.ab_market .market_txt .more_btn{ margin-top: 20px;}
	.top_list img{ height: 230px;}
	.cont_tit{ margin-bottom: 30px;}
	.feed{ padding:30px; border-radius:10px;}
	.ny_ban .btn_box,.pro_page .pro_list_item:first-child .btn_box{ display:none;}
	.flyimg{display: none;}
}
@media (max-width: 768px){
	.sy-ban .b-trext h3{ font-size: 30px; line-height: 35px;}
	.sy-ban .b-trext .more_btn{ margin-top: 20px;}
	.sy-ban .swiper-pagination{ bottom: 50px;}
	.sy_pro_list ul li img{ height: 165px;}
	.mainh{ height: 20px;}
	.sy_pro_list ul li p{ display: none;}
	.sy_pro_list ul li .more_btn{ margin-top: 10px;}
	.sy_pro .swiper-button-prev, .sy_pro .swiper-button-next{ bottom: 130px;}
	.ser_box .sy_equ .equ_txt h3{font-size: 36px;}
	.ser_box .sy_equ .equ_txt{ padding: 40px;}
	.ser_box .sy_sop, .ser_box .sy_fac{ height: 350px;}
	.ser_box .sy_sop{ padding:20px;}
	.ser_box .sy_sop .sop_box{ padding: 25px;}
	.ser_box .sy_sop .sop_box h3{font-size: 40px; line-height: 44px;}
	.ser_box .sy_sop .sop_box p{font-size: 18px; line-height: 24px;}
		.ser_box .sy_fac .fac_link h3{ font-size: 36px; line-height: 40px;}
	.ser_box .sy_fac .fac_link{ padding: 30px 0 30px 40px;}
	.service_list ul li img{ width: 30%;}
	.ic_txt p{ font-size: 14px;}
	.ic_txt h4{font-size: 20px;}
	.service_list ul li{ width: 24%;}
	.sy_item_tit p{font-size: 20px;}
	.end_list ul li img{ height: 55px;}
	.end_list ul li{ padding: 20px 0;}
	.sy_news_list ul li .imgfd img{ height: 172px;}
	.sy_news_txt{ padding: 20px;}
	.ny_ban .ban_txt h3{font-size: 32px; line-height: 32px;}
	.ny_ban .ban_txt p{font-size: 16px;}
	.ny_item_tit h3{font-size: 24px; line-height: 24px;}
	.ny_ban img{ width: 140%; margin-left: -20%;}
	.protop_left, .proshow_txt{ width: 100%; float: none;}
	.proshow_txt{ margin-top: 20px;}
	.pro_det_img img{ height: 485px;}
	.small_pic img{ height: 115px;}
	.related_pro_list ul li img{ height: 98px;}
	.posi.show{ padding: 20px 0;}
	.end_pro .end_list ul li img{ height: 66px; margin-left: 0;}
	.end_pro .swiper-button-prev, .end_pro .swiper-button-next{ bottom: 40px;}
	.new_nav{ width: 90%;}
	.new_nav a{ line-height: 44px; border-radius: 22px; font-size: 16px;}
	.ny_news_list{ margin-top: 20px;}
	.ny_news_list ul li{ width: 49%;}
	.ny_news_list ul li:nth-child(3n){ margin-right: 2%;}
	.ny_news_list ul li:nth-child(2n){ margin-right: 0;}
	.ny_news_list ul li img{ height: 242px;}
	.news_detail h1{font-size: 24px;}
	.news_info{ font-size: 16px;}
	.choose_list ul .vert_line{ display: none;}
	.choose_list ul li{ display: flex; align-items: center; width: 100%; margin-bottom: 20px; padding: 20px; box-shadow: 0 0 8px 0 rgba(0,0,0,.2)}
	.choose_list{ margin-top: 30px;}
	.choose_list ul li .cho_txt{ width: 90%; margin-left: auto;  text-align: left;}
	.choose_list ul li h4{font-size: 24px;}
	.choose_list ul li{font-size: 18px;}
	.ab_tit h3{font-size: 34px; line-height: 36px;}
	.ab_tit{ margin-bottom: 20px;}
	.top_list img{ height: 168px;}
	.factory .ab_tit .short_line{ margin: 15px auto 0;}
	.cont_tit h3{font-size: 30px; line-height: 32px;}
	.cont_tit{ margin-bottom: 20px;}
	.cont_form{ width: 100%; float: none;}
	.cont_info{ width: 100%; float: none;}
	.feed{ padding:20px;}
	.posi{font-size: 14px;}
	.mainh{ height: 35px;}
	.ser_box .sy_abdes{ padding: 20px 25px;}
	.ser_box .sy_abdes h3{ font-size: 30px; line-height: 40px;}

}
@media (max-width: 540px){
	.sy-ban .b-trext h3{ width: 60%; font-size: 24px;}
	.sy-ban .b-trext .more_btn{ display: none;}
	.sy-ban .swiper-pagination{ bottom: 20px;}
	.more_btn{ padding: 0 8px;}
	.ser_box .sy_equ .equ_txt{ padding: 30px;}
	.ser_box .sy_equ .equ_txt h3{font-size: 28px; line-height: 34px;}
	.equ_btn{ width: 200px;}
	.ser_box .sy_sop, .ser_box .sy_fac{ width: 100%; float: none; height: auto;}
	.ser_box .sy_sop{ margin-bottom: 20px;}
	.service_list ul .vert_line{ display: none;}
	.service_list ul{ display: block; overflow: hidden;}
	.service_list ul li{ float: left; width: 49%; margin-bottom: 20px; align-items: center;}
	.service_list ul li:nth-child(4n+3){ margin-right: 0;}
	.end_list ul li{ width: 40%; margin: 0 5% 20px; padding: 40px 0;}
	.end_list ul li img{ height: 96px;}
	.service_list ul li:hover img{animation: none;}
	.sy_news_list ul li .imgfd img{ height: 183px;}
	.news_item .news_box{ width: 100%; float: none; height: auto; margin-left: 0;}
	.sy_news_txt h3{font-size: 18px;}
	.sy_news_txt .more{ margin-top: 10px;}
	.sy_news_txt .more span{font-size: 16px;}
	.sy_part .sy_item_tit{ width: 96%;}
	.part_list ul li{ width: 32%; margin-right: 2%; margin-bottom: 10px;}
	.part_list ul li:nth-child(3n){ margin-right: 0;}
	.part_list ul li:nth-child(4n){ margin-right: 2%;}
	.part_list ul li img{ height: 90px;}
	.sy_item_tit h3{font-size: 30px;}
	.sy_msg { padding-bottom: 60px;}
	.sy_msg .sy_item_tit{ width: 96%;}
	.sy_msg .sy_form{ width: 96%;}
	.sy_msg .sy_form input{ line-height: 48px; border-radius: 24px;}
	.ny_ban .posi{ bottom: 10px;}
	.posi.show{ padding: 10px 0;}
	.pro_det_img img{ height: 328px;}
	.small_pic img{ height: 75px;}
	.page_btn .fl,.page_btn .fr{ float: none; font-size: 14px; line-height: 20px;}
	.page_btn .fr{ text-align: left;}
	.related_pro_list ul li{ width: 49%; margin-right: 2%; margin-bottom: 10px;}
	.related_pro_list ul li:nth-child(2n){ margin-right: 0;}
	.sy_pro_list ul li img{ height: 175px;}
	.end_pro .end_list ul li img{ height: 57px;}
	.end_pro .end_list ul li{ padding: 20px 0;}
	.end_pro .end_list ul li .imgfd{ padding-top: 5px;}
	.ny_ban .end_ban{ top: 5%;}
	.end_pro .swiper-button-prev{ left:0;}
	.end_pro .swiper-button-next{ right:0;}
	.end_pro .swiper-button-prev, .end_pro .swiper-button-next{ bottom: 50px;}
	.end_pro .end_list ul li p{ max-width:98%; margin:0 auto;}
	.service_item .ser_txt{ padding: 15px;}
	.service_item .ser_txt h3{font-size: 24px;}
	.ny_news_list ul li{ padding: 10px; border-radius: 18px;}
	.new_nav{ width: 100%;}
	.ny_news_list ul li img{ height: 168px;}
	.ny_news_txt .date{ width: 66px; height: 66px; border-width: 5px; top: -33px; margin-left: -33px; padding-top: 10px; font-size: 16px; line-height: 18px;}
	.ny_news_list ul li .ny_news_txt{ padding: 30px 0 0;}
	.ny_news_txt p{display: none;}
	.ny_news_txt h2{font-size: 18px;}
	.ny_news_txt b{font-size: 16px;}
	.ny_news_list ul li .imgfd{ border-radius: 10px;}
	.news_detail h1{ font-size: 20px; line-height: 24px;}
	.news_info{ display: block;}
	.about_box .about_item .about_txt{ padding: 15px;}
	.about_box .about_item h3{font-size: 30px; line-height: 30px;}
	.choose_list ul li .cho_txt{ width: 85%;}
	.about_box .about_item{ margin-bottom: 20px;}
	.cont_form input, .cont_form textarea{ line-height: 46px;}
	.cont_form textarea{ height: 136px;}
	.cont_form .sub{ line-height: 48px; margin-top: 20px; font-size: 20px;}
	.cont_info h3,.cont_follow h4{font-size: 20px; line-height: 22px;}
	.contxt h4{font-size: 18px;}
	.cont_list ul li p{font-size: 16px;}
	.conicon img{ width: 50px;}
	.feed{ padding:15px; border-radius:8px;}
}
@media (max-width: 450px){
	.ny_ban img{ width: 160%; margin-left: -60%;}
	.sy-ban .b-trext h3{ font-size: 20px; line-height: 24px;}
	.sy_item_tit h3{font-size: 24px;}
	.sy_pro_list ul li{ padding: 10px;}
	.sy_pro_list ul li img{ height: 125px;}
	.sy_pro_list ul li .more_btn{ display: none;}
	.sy_pro .swiper-button-prev, .sy_pro .swiper-button-next{ bottom: 80px;}
	.ser_box .sy_equ .equ_txt{ padding: 20px;}
	.ser_box .sy_equ .equ_txt h3{font-size: 20px;}
	.equ_btn a{ line-height: 40px;}
	.equ_btn{ width: 180px;}
	.ser_box .sy_sop .sop_box{ padding: 15px;}
	.ser_box .sy_sop .sop_box h3{font-size: 30px;}
	.ser_box .sy_sop .sop_box p{font-size: 16px;}
	.ser_box .sy_fac .fac_link h3{font-size: 24px;}
	.ser_box .sy_fac .fac_link p{ font-size: 20px;}
	.sy_item_tit p{font-size: 16px;}
	.end_list ul li img{ height: 75px;}
	.end_list ul li{ padding: 20px 0;}
	.sy_news_list ul li{ width: 100%; float: none; margin-right: 0;}
	.sy_news_list ul li:first-child{ margin-bottom: 20px;}
	.sy_news_list ul li span.date{ left: 20px; bottom: 20px;}
	.sy_news_list ul li .imgfd img{ height: 253px;}
	.part_list ul li img{ height: 68px;}
	.sy_msg .sy_form .bot_inp{width: 100%; float: none;}
	.sy_msg .sy_form .sub{ width: 100%; float: none; margin-top: 20px;}
	.ny_ban .ban_txt h3{font-size: 24px; line-height: 24px;}
	.ny_ban .ban_txt p{ line-height: 18px;}
	.ny_ban .posi{ font-size: 14px; bottom: 5px;}
	.ny_item_tit h3{font-size: 20px; line-height: 26px;}
	.ny_item_tit p{ line-height: 18px;}
	.proshow_top, .pro_detail{ padding: 15px;}
	.pro_det_img img{ height: 260px;}
	.pro_det_img .swiper-button-prev, .pro_det_img .swiper-button-next{ width: 24px; height: 24px;}
	.pro_det_img .swiper-button-prev i, .pro_det_img .swiper-button-next i{font-size: 24px;}
	.small_pic img{ height: 58px;}
	.proshow_txt h1, .pro_detail h3, .related_pro h3{font-size: 24px;}
	.related_pro h3{ margin-bottom: 10px;}
	.sy_pro_list ul li h2{font-size: 16px; line-height: 30px; height: 30px;}
	.ny_news_list ul li{ padding: 8px; border-radius: 8px;}
	.ny_news_list ul li img{ height: 127px;}
	.ny_news_list ul li .imgfd{ border-radius: 6px;}
	.ny_news_txt .date{ width: 50px; height: 50px; border-radius: 25px; top: -25px; margin-left: -25px; font-size: 14px; line-height: 16px; padding-top: 5px;}
	.ny_news_txt h2{ font-size: 16px; line-height: 20px;}
	.ny_news_txt b{font-size: 14px;}
	.new_nav a{ width: auto; line-height: 34px; border-radius: 17px; padding: 0 1px; min-width: 60px;}
	.choose_list ul li{ padding: 15px;}
	.choose_list ul li h4{font-size: 20px;}
	.choose_list ul li .cho_txt{ width: 80%;}
	.top_list img{ height: 140px;}
	.short_line{ margin-top: 5px; height: 4px;}
	.factory .ab_tit .short_line{ margin: 5px auto 0;}
	.mainh{ height: 20px;}
	.ser_box .sy_abdes{ padding: 15px;}
	.ser_box .sy_abdes h3{ font-size: 24px; line-height: 30px;}
}