@charset "utf-8";
/* CSS Document */
.index_head .nav li .second{ background: rgba(0,0,0,.7); width: 350px; height: 620px; overflow: hidden; }
.second_box,.second_box1,.second_box2{ width: 350px; height: 620px;}
.second_box{ position: relative; padding-top: 70px; border-right: 1px solid rgba(221,221,221,.5);}
.second_box1{ top: 0;  left: 350px; position: absolute; border-right: 1px solid rgba(221,221,221,.5); display: none;}
.second_box1 ul{ padding: 30px 20px;}
.second_box2{ top: 0; position: absolute; left: 350px; display: none;}
.second_box2 ul{ padding: 30px 20px;}
.index_head .nav li .second_box ul li{ float: none; margin-right: 0; position: unset;}
.second_box ul li .link1{ display: inline-block; line-height: 70px; padding-left: 35px; font-size: 16px; width: 100%; box-sizing: border-box;}
.second_box ul li .link1:hover,.second_box ul li .link1.on{ background: #ff7f2f;}
.second_box ul li .second_box1 li{ padding: 15px 0; border-bottom: 1px solid rgba(221,221,221,.5);}
.second_box ul li .second_box1 li:last-child{ border: none;}
.second_box ul li .second_box1 li a{font-size: 14px; line-height: 24px;}
.index_head .nav li .second .second_box ul li .second_box1 li:hover a,.index_head .nav li .second .second_box ul li .second_box1 li.on a{ color: #ff7f2f;}
.index_head .nav li .second .second_box ul li .second_box1 li:hover .second_box2 a,.index_head .nav li .second .second_box ul li .second_box1 li.on .second_box2 a{ color: #fff;}
.index_head .nav li .second .second_box ul li .second_box1 li .second_box2 li:hover a{ color: #ff7f2f;}
.index_foot .copy .follow_list{ padding-top: 16px;}
.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: 40px;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ background: #fff;}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #ff7f2f;}
.sy-ban .b-trext{position: absolute; width: 100%; top: 30%; text-align: center;}

.sy-ban .b-trext h3{font-size: 50px;color: #fff; margin-bottom: 20px; line-height: 80px; font-family: montb; text-transform: uppercase;}
.sy-ban .b-trext h3 span{ font-family: mont; text-transform: capitalize;}
.sy-ban .b-trext p{ font-size: 24px; color: #fff; font-family: montsb;}
.sy-ban .b-trext .more_btn{ margin-top: 50px; display:none;}
.sy-ban .swiper-button-prev,.sy-ban .swiper-button-next{ bottom: 30px; color: #fff; right: 8%;}
.sy-ban .swiper-button-prev{ left: auto; right: 10%;}
.sy-ban .swiper-slide:nth-child(1) .b-trext{ display:none;}
.sy-ban .swiper-slide:nth-child(2) .b-trext,.sy-ban .swiper-slide:nth-child(4) .b-trext{top:60%;}
.sy-ban .swiper-slide:nth-child(5) .b-trext,.sy-ban .swiper-slide:nth-child(3) .b-trext,.sy-ban .swiper-slide:nth-child(6) .b-trext{display:none;}
.sy_item_tit h3{ font-size: 40px; margin-bottom: 10px; text-transform: uppercase;}
.sy_item_tit p{font-size: 14px;}
.sy_pro{ margin-top: 40px;}
.sy_pro_top .sy_item_tit{ width: 33%;}
.sy_pro_col{ width: 65%;}
.sy_pro_col ul li{ float: left; width: 32%; margin-left: 1.33%; position: relative; overflow: hidden;}
.sy_pro_col ul li img{ height: 250px;}
.sy_col_tit{ position: absolute; line-height: 50px; padding-left: 10px; background: url(../images/probg_09.png) no-repeat;background-size: contain; color: #fff; top: 0; left: 0; width: 100%; z-index: 7;}
.sy_col_txt{ position: absolute; width: 100%; height: 100%; padding: 35px 0 0 35px; background: url(../images/probg_07.png) no-repeat; background-size: contain; color: #fff; bottom: 100%; left: 0; z-index: 8; transition: 0.3s ease;}
.sy_pro_col ul li .sy_col_txt img{ margin-left: 10px; height: auto;}
.sy_col_txt h3{ font-size: 22px; color: #fff; margin: 20px 0;}
.sy_col_txt .more{ display: inline-block; width: 30px; height: 30px; text-align: center; border: 1px solid #fff; border-radius: 15px; line-height: 30px;}
.sy_pro_col ul li.on .sy_col_txt{ bottom: 0;}
.sy_pro_box{ margin-top: 40px;}
.pro_item_txt{ width: 35%;
	 
	  padding-top: 20px;}
.pro_item_txt h3{ margin-left: 60px; font-size: 32px; color: #ff7f2f;}
.pro_item_txt ul.swiper-wrapper{    transform: translate3d(0,0,0)!important;}
.column_list{ width: 100%; padding: 60px;}
.column_list ul{ display: block; width: 100%;/* height: 380px;column-count:2;column-fill:auto;*/}
.column_list ul li{ height: auto; margin-bottom: 20px; cursor: pointer;}
.column_img .imgfdd{ padding-top: 100%;}
.column_list ul li h4{font-size: 20px; line-height: 40px; height:40px; overflow:hidden;}
.column_list ul li.active{ background: none;}
.column_list ul li:hover h4 a,.column_list ul li.active h4 a,.column_list ul li.swiper-slide-active h4 a{ color: #ff7f2f;}
.column_list ul li h4 i{ margin-right: 5px;}
.column_list ul li p{ display: none; }
.column_list ul li.on,.column_list ul li.swiper-slide-active{ border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.column_list ul li.on p,.column_list ul li.swiper-slide-active p{ display: block;}
.sy_pro_item{ position: relative; background:#eee;}
/*.pro_item_txt .pro_txt,.pro_item_img .column_img{ display: none;}*/
.pro_item_img{ width: 65%;}
.pro_item_img .column_des{ width: 43%; padding-top:120px;}
.pro_item_img .column_img{ width: 52%;}
.pro_item_img .column_img .imgfdd{padding-top: 100%;}
.sy_pro_item .swiper-button-prev,.sy_pro_item .swiper-button-next{ bottom: 45%; width: 40px; height: 80px; line-height: 80px; text-align: center; color: #fff; background: #ff7f2f; right: 35%; margin-right: -40px;}
.sy_pro_item .swiper-button-prev{ left: 65%; margin-left: -40px;}

.sy_feat_top .sy_item_tit{ width: 70%;}
.sy_more span.iconfont{ display: inline-block; height: 45px; width: 45px; text-align: center; line-height: 45px; margin: 5px; border: 2px solid #333; border-radius: 3px; font-size: 22px; color: #333; }
.sy_more a{ line-height: 45px; font-family: montsb;font-size: 18px;}
.sy_more:hover span.iconfont{ background: #ff7f2f; border-color: #ff7f2f;}

.sy_feat{ position: relative;}
.sy_feat_list{ width: 94%; margin: 30px auto 0; overflow: hidden;}
.sy_feat_list .feat_tip{ display: inline-block; width: 100%; line-height: 30px; color: #fff; font-size: 12px; text-align: center; background: #ff7f2f; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-transform: uppercase;}
.sy_feat_list .imgfd{ position: relative;}
.imgfd .eye{ position: absolute; display: inline-block; bottom: 20px; right: 20px; width: 28px; height: 28px; border-radius: 14px; line-height: 28px; text-align: center; background: #fff; color: #666;}
.sy_feat_list h2{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; margin-top: 20px;}
.sy_feat .swiper-button-prev,.sy_feat .swiper-button-next{ width: 35px; height: 35px; border-radius: 50%; background: #eee; text-align: center; line-height: 35px; bottom: 450px; right: 0; }
.sy_feat .swiper-button-prev{ right: auto; left: 0;}
.sy_feat .swiper-button-prev:hover,.sy_feat .swiper-button-next:hover{ background: #ff7f2f;}
.sy_feat_list img{ height: 270px;}
.sy_feat_list ul li:hover .eye{ background: #ff7f2f; color: #fff;}
.sy_feat_list ul li:hover h2{ color: #ff7f2f;}
.feat_des{ width: 80%; margin: 40px auto 0; text-align: center;}
.feat_des h3{ font-size: 30px;}
.feat_des .more_btnw{ border-color: #ff7f2f; margin-top: 30px;}
.feat_des .more_btnw a{ color: #ff7f2f;}
.feat_des .more_btnw:hover a{ color: #fff;}
.mainh{ height: 80px;}
.sy_solution{ background: url(../images/indexbg_03.png) no-repeat right top;}
.solution_box{ margin-top: 30px; position: relative;}
.solution_box ul li{ position: relative;}
.solution_box ul li img{ width: 100%; height: 600px;}
.solution_box ul li .solu_txt{ position: absolute; padding: 40px; background: #fff; left: 20%; top: 20%; width: 30%;}
.solu_txt h3{ font-size: 32px;}
.solution_box ul li .solu_txt h3 img{ width: auto; height: auto;-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.solution_box ul li .solu_txt:hover h3 img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.solution_box ul li p{ font-size: 14px; line-height: 24px; height: 144px; position: relative; margin: 20px 0;}  
.solution_box ul li p:after{ width: 100%; height: 3px; border-radius: 1.5px; content: ' '; background: #333333; position: absolute; bottom: 0; left: 0;}
.solution_box ul li .solu_txt:hover p:after{ background: #ff7f2f;}
.solu_txt .more a{ font-size: 14px; color: #333;}
.solu_txt .more a i{ font-size: 14px; margin-left: 5px;}
.solu_txt .more a:hover{ color: #ff7f2f;}
.solution_box .swiper-button-prev,.solution_box .swiper-button-next{ background: rgba(0,0,0,.4); width: 50px; height: 100px; bottom: 50%; margin-bottom: -50px; color: #fff; text-align: center; line-height: 100px;}
.solution_box .swiper-button-prev{ border-top-right-radius: 50px; border-bottom-right-radius: 50px; left: 0;}
.solution_box .swiper-button-next{ border-top-left-radius: 50px; border-bottom-left-radius: 50px; right: 0;}
.solution_box .swiper-button-prev:hover,.solution_box .swiper-button-next:hover{ background: rgba(255,127,47,.4);}

.choose_box{ width: 50%; background: rgba(255,255,255,.65);}
.choose_box .center{ margin-left: -800px;}
.choose_txt{ width: 50%; padding: 100px 0 100px 90px;}
.choose_txt h3{ font-size: 40px; text-transform: uppercase;}
.choose_txt h4{ font-size: 24px; color: #ff7f2f; line-height: 30px;}
.choose_list{ margin-top: 40px;}
.choose_list ul li{ margin-bottom: 20px;}
.choose_list ul li h5{ display: inline-block; line-height: 30px;}
.choose_list ul li h5 a{ font-size: 20px; margin-bottom: 20px;}
.choose_list ul li p{ font-size: 14px;}
.choose_list ul li h5 a i{ display: none; margin-left: 5px;}
.choose_list ul li h5:hover{padding: 0 10px; background: #ff7f2f;}
.choose_list ul li h5:hover a{ color: #fff; }
.choose_list ul li h5:hover a i{ display: inline-block;}
.sy_about{ background: url(../images/indexbg_03.png) no-repeat left top;}
.sy_about_txt{ width: 45%;}
.sy_about_txt .sy_item_tit{ margin-top: 40px;}
.sy_about_txt h4{ font-size: 24px; color: #ff7f2f; margin-bottom: 20px; width: 70%;}
.sy_about_txt .sy_more{ margin-top: 50px;}
.sy_about_txt p{ font-size: 14px;}
.sy_about_img{ width: 50%; position: relative;}
.sy_about_img .play_btn{ position: absolute;top: 50%; left: 50%; margin-top: -25px; margin-left: -35px; cursor: pointer;}
.sy_about_img iframe{ height: 450px;}
.sy_number{ margin-top: 40px;}
.sy_number dl dt{ width: 23%; margin-right: 2.66%; background: #eee; padding: 20px 0 20px 20px; overflow: hidden;}
.sy_number dl dt:last-child{ margin-right: 0;}
.sy_number dl dt .counter{ font-size: 48px; color:#ff7f2f; font-family: montsb; margin-right: 5px; }
.sy_number dl dt span.dw{ display: inline-block; height: 21px; overflow: hidden; max-width:65px;}
.sy_number dl dt h5{ font-size: 16px;}
.sy_number dl dt .num_icon{ margin-right: -20px; transition: .3s ease; opacity: 0.4;}
.sy_number dl dt:hover .num_icon{ margin-right: 0;}
.sy_client_list{ padding:20px 5px 50px;}
.sy_client_list ul li{ box-shadow: 0 0 8px 0 rgba(0,0,0,.12)}
.sy_client .sy_item_tit{ text-align: center; width: 70%; margin:0 auto 30px;}
.sy_client_list ul li img{ height: 98px; object-fit:contain;}
.sy_msg{ text-align: center;}
.sy_msg p{ font-weight: bold; font-size: 26px; margin-bottom: 20px; color:#fff;}
.sy_msg h3{ font-size: 36px; color: #fff;}
.sy_msg .sy_form{ width: 60%; margin: 30px auto 0;}
.sy_msg .sy_form input{ line-height: 55px; background: #fff; padding-left: 10px; width: 35%; margin-right: 3%; border-radius: 5px;}
.sy_msg .sy_form .sub{ width: 20%;color: #fff; font-family: montsb; padding-left: 20px; background:#ff7f2f url(../images/btnbg_03.png) no-repeat 30% center; cursor: pointer;}
.sy_msg .sy_form .sub:hover{ font-size: 18px;}
.sy_news_left{ width: 66%; padding-right: 40px; border-right: 1px solid #ddd;}
.sy_news_right{ width: 32%;}
.news_first .imgfd{ width: 30%; position: relative;}
.news_first .imgfd img{ height: 228px;}
.news_first .imgfd .hot_tip{ position: absolute; width: auto; top: 0; left: 0;}
.news_first .imgfd .hot_tip img{ height: auto;}
.first_news_txt{ width: 68%;}
.first_news_txt h2{ font-size: 20px;}
.news_first:hover .first_news_txt h2{ color: #ff7f2f;}
.sy_news .date{font-size: 12px; margin: 15px 0 20px; color: #333;}
.sy_news .date i{ margin-right: 10px;}
.first_news_txt p{ font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; margin-bottom: 25px;}
.sy_news .more{ color: #333; font-size: 14px; font-family: mont;}
.sy_news .more i{ margin-left: 15px;}
.news_list{ margin-top: 30px;}
.news_list ul li{ float: left; width: 32%; margin-right: 2%; padding-bottom: 20px; border-bottom: 2px solid #333;}
.news_list ul li img{height: 243px;}
.news_list ul li:nth-child(3){ margin-right: 0;}
.news_list ul li h2{ font-size:  16px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 30px;}
.news_list ul li:hover h2{ color: #ff7f2f;}
.news_list ul li:hover{ border-color: #ff7f2f;}
.exhi_list ul li{ padding: 15px; }
.exhi_list ul li .imgfd{ width: 34%;}
.exhi_list ul li .imgfd img{ height: 123px;}
.exhi_list ul li .exhi_txt{ width: 64%;}
.exhi_list ul li h2{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 10px;}
.exhi_list ul li:hover h2{ color: #ff7f2f;}
.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998;}
.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;}



.ph_pro{ display: none;}
.posi{font-size: 13px;}
.posi a{line-height: 50px; color: #777777; font-size: 13px;}
.posi a:last-child{color: #ff7f2f;}
.pro_ban{ width: 100%; overflow: hidden; position: relative; height:300px;}
.pro_ban.ab_ban{ height:auto;}
.pro_ban img{ width: 100%; height:100%; object-fit:cover;}
.pro_ban .pro_ban_txt{ width: 50%; right: 0; top: 0; height: 100%; position: absolute; background: rgba(255,255,255,.6); padding: 150px 0 0 150px;}
.pro_ban .pro_ban_txt h3{ font-size: 40px; margin-bottom: 50px;}
.pro_ban .pro_ban_txt p{ margin-bottom: 20px; font-size: 18px; font-family: mont;}
.pro_ban .pro_ban_txt i{ display: inline-block; width: 50px; height: 50px; margin-right: 10px; background: #ff7f2f; text-align: center; line-height: 50px; font-size: 20px; border-radius: 3px;}
.ny_tit h3,.ny_tit h1{font-size: 30px; margin-bottom: 20px;}
.ny_product .ny_tit{ margin-top: 40px;}
.ny_pro_box{ margin:40px 0;}
.ny_pro_column{ margin-bottom: 30px;}
.ny_pro_column .imgfd{ width: 25%; float: left;}
.ny_pro_column .imgfd img{ height: 400px;}
.ny_pro_column .col_list{ width: 75%; float: right; padding:40px; }
.ny_pro_box .ny_pro_column:nth-child(2n){ background: #f5f5f5;}
.ny_pro_box .ny_pro_column:nth-child(2n) .imgfd{ float: right;}
.ny_pro_box .ny_pro_column:nth-child(2n) .col_list{ float: left;}
.col_list .col_tit{ border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.col_list .col_tit h2{ font-size: 20px; margin-bottom: 10px;}
.col_list .col_tit p{ font-size: 14px; line-height: 24px; height: 24px; overflow: hidden;}
.col_list ul{ margin-top: 50px;}
.col_list ul li{ float: left; line-height: 40px; font-size: 14px; width: 32%; margin-right: 1.33%; color: #333;}
.col_list ul li:hover a{ color: #ff7f2f;}
.ny_msg{ border-top: 1px solid #dddddd;}
.ny_msg b{ color: #333;display:block; font-size:36px;font-family:montb;}
.ny_msg .sy_form input{ background: #eeeeee;}

.ny_left{ width: 22%;}
.ny_right{ width: 75%;}
.left_nav b{ font-size: 30px; margin-bottom: 10px; display:block;}
.left_nav ul li{ font-family: mont; color: #333; line-height: 20px;}
.left_nav ul li a{ display: inline-block; width: 90%;}
.left_nav ul li p{ padding: 10px 0;}
.left_nav ul li i{ line-height: 20px;}
.left_nav ul li:hover,.left_nav ul li.on{ color: #ff7f2f;}
.left_nav ul li:hover a,.left_nav ul li.on a{ color: #ff7f2f;}
.left_nav ul li:hover .firp,.left_nav ul li.on .firp{ border-bottom: 1px solid #ddd;}
.left_nav ul li .left_second li.on a{ color: #ff7f2f;}
.pro_left ul li .firp .icon-jia{ margin-right: 10px;}
.pro_left ul li .firp .icon-jian_sekuai{ display: none; margin-right: 10px;}
.pro_left ul li.on .firp .icon-jian_sekuai{ display: inline;}
.pro_left ul li.on .firp .icon-jia{ display: none;}
.pro_left ul li a{ width: 85%;}
.pro_left ul li .left_second{ display: none; transition: .3 linear;}
.pro_left ul li.on .left_second{ display: block;}
.pro_left ul li .left_second a{ padding: 10px; font-size: 14px;}
.left_nav ul li:hover .left_second a,.left_nav ul li.on .left_second a{ color: #666;}
.pro_left ul li .left_second a:hover{ color: #ff7f2f;}

.left_nav{ margin-bottom: 50px;}
.left_talk{ width: 80%;}
.left_talk b{font-size: 20px; margin-bottom: 15px; display:block;}
.left_talk p{ color: #333; font-family: mont; font-size: 14px; margin-bottom: 20px;}
.left_talk .more_btn a{ font-size: 14px;}
.sol_show h3{font-size: 30px; margin-bottom: 10px;}
.show_content{ width: 100%; overflow: hidden;}
.show_content img{ max-width: 100%!important; height:auto!important;}
.rel_pro h3{ font-size: 30px; margin-bottom: 30px;}
.rel_pro h3 a{ font-size: 14px; font-family: mont;}
.rel_pro h3 a i{font-size: 14px;}
.rel_pro h3 a:hover{ color: #ff7f2f;}
.rel_pro ul li{ background: #fff;}
.rel_pro ul li img{ height: 253px;}
.rel_pro ul li .rel_txt{ padding: 20px; border: 1px solid #ddd; border-top: none;}
.rel_pro ul li .rel_txt h2{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; font-family: mont; margin-bottom: 10px;}
.rel_pro ul li .rel_txt span,.rel_pro ul li .rel_txt span i{ font-size: 14px; color: #333;}
.rel_pro ul li .rel_txt span{font-family: mont;}
.rel_pro ul li:hover .rel_txt h2{ color: #ff7f2f;}
.rel_pro_list{ padding-bottom:60px; position: relative;}
.rel_pro_list .swiper-button-prev,.rel_pro_list .swiper-button-next{ bottom: 0; width: 36px; height: 36px; border-radius: 50%; line-height: 36px; text-align: center; background: #fff; left: 45%;}
.rel_pro_list .swiper-button-next{ left: auto; right: 45%;}
.rel_pro_list .swiper-button-prev:hover,.rel_pro_list .swiper-button-next:hover{ background-color: #ff7f2f; color: #fff;}
.ny_pro h1{ font-size: 24px; margin-bottom: 20px;}
.col_select{ display: none;}
.ny_pro_des{border: 1px solid #ddd; padding: 15px; margin-bottom: 30px;}
.ny_pro_des p{ font-size: 14px; line-height: 24px; color: #666;}
.ny_pro_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 20px;}
.ny_pro_list ul li:nth-child(3n){ margin-right: 0;}
.ny_pro_list ul li .imgfd{ position: relative;}
.ny_pro_list ul li:hover .eye{ background: #ff7f2f; color: #fff;}
.ny_pro_list ul li h2{ font-size: 16px; line-height: 24px; font-family: mont; height: 72px; overflow: hidden; margin-top: 10px;}
.ny_pro_list ul li .more_btn{ width: 100%; text-align: center; visibility: hidden; margin-top: 10px;}
.ny_pro_list ul li .more_btn span{ line-height: 40px;}
.ny_pro_list ul li:hover .more_btn{ visibility: visible; }
.ny_pro_list ul li:hover h2{ color: #ff7f2f;}
.ny_pro_list ul li img{ height: 288px;}

.ny_pro_pic{ width: 48%;}
.pro_det_img{ width: 100%; overflow: hidden;}
.pro_det_img img{ height: 576px;}
.small_pic{ margin-top: 20px; overflow: hidden;}
.small_pic img{ width: 100%; height: 83px;}
.small_pic .swiper-slide-thumb-active{ border: 1px solid #ff7f2f;}
.pro_det_txt{ width: 48%;}
.pro_det_txt h1{font-size: 30px; line-height: 36px; margin-bottom: 20px;}
.pro_det_txt p{ font-size: 14px; color: #666; line-height: 24px;}
.pro_det_txt .inform_list{padding: 15px 10px 40px;}
.pro_det_txt .inform_list p{ padding: 10px 0;}
.pro_det_txt .inform_list p b{ color: #333; display: inline-block; width: 25%;}
.pro_det_txt .more_btn i{ margin-right: 15px; margin-left: 0;}
.pro_det_txt .more_btn.download{ background: #5b666c;}
.pro_det_txt .follow{ margin-top: 30px; line-height: 28px; }
.pro_det_txt .follow .follow_list{ display: inline-flex;}
.left_recom{ margin-top: 40px; width: 80%;}
.left_recom h3{font-size: 20px; }
.left_recom_list ul li{ margin-top: 20px;}
.left_recom_list ul li .imgfd{ border: 1px solid #ddd;}
.left_recom_list ul li p{ font-size: 14px; line-height: 20px; height: 40px; margin-top: 5px;}
.left_recom_list ul li img{ height:210px; }
.left_recom_list ul li:hover .imgfd{ border-color: #ff7f2f;}
.left_recom_list ul li:hover p{ color: #ff7f2f;}

.proshow h3{ font-size: 30px; margin-bottom: 30px;}
.page_btn .sy_more{ margin-top: 40px;}
.page_btn .sy_more a{ line-height: 32px; font-size: 16px; font-family: mont;}
.page_btn .sy_more span{ width: 32px; height: 32px; line-height: 32px;}
.page_btn .sy_more:hover{ color: #ff7f2f;}
.proshow .show_content{ padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.tag{margin: 30px 0;}
.tag i{color: #ff7f2f; margin-right: 5px;}
.tag a{ display: inline-block; line-height: 30px; padding: 0 10px; border-radius: 3px; background: #eee; margin-left: 5px; font-size: 12px; margin-bottom: 5px;}
.pro_inquiry h3{font-size: 30px;}
.inquiry_top{ margin-top: 30px; line-height: 45px; border: 1px solid #ddd; overflow:hidden;}
.inquiry_top h4,.inquiry_top p{ display: inline-block; padding: 0 40px; float:left;}
.inquiry_top h4{ border-right: 1px solid #ddd; background: #ff7f2f; color: #fff;}
.inquiry_top p{font-size: 14px; color: #333; height: 45px;overflow: hidden; line-height:45px;}
.pro_form .formbox.fl{ width: 49%; margin-right: 2%;}
.pro_form .formbox.fl:nth-child(2n){ margin-right: 0;}
.pro_form .formbox{ padding: 15px; line-height: 30px; border-bottom: 1px solid #ddd;}
.pro_form .formbox i{ color: #666; margin-right: 20px;}
.pro_form .formbox textarea{ line-height: 30px; width: 90%;}
.pro_form .exp{ margin: 15px 0; font-size: 14px;}
.pro_form .sub{ width: 290px; text-align: center; border-radius: 5px; background: #ff7f2f; line-height: 50px; color: #fff; font-weight: bold; cursor: pointer;}
.pro_form .sub:hover{ background: #fc9438;}

.rel_product .rel_pro_list ul li .imgfd{ position: relative;}
.rel_product .rel_pro_list ul li:hover .eye{ background: #ff7f2f; color: #fff;}

.ny_proj_list{ margin-top: 30px;}
.ny_proj_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 30px;}
.ny_proj_list ul li:nth-child(3n){ margin-right: 0;}
.ny_news_list{ margin-bottom: 60px;}
.ny_news_list ul li{ width: 24%; margin-right: 1.33%; margin-bottom: 30px; float: left;}
.ny_news_list ul li:nth-child(4n){ margin-right: 0;}
.ny_news_list ul li .ny_news_txt{ border:1px solid #ddd; padding: 20px; border-top: none; color: #333;}
.ny_news_list.blog_list ul li .ny_news_txt{ border-top: 1px solid #ddd;}
.ny_news_txt h2{font-size: 18px; font-family: mont; line-height: 24px; height: 48px; overflow: hidden;}
.ny_news_txt .date{ color: #333; margin: 10px 0; font-size: 12px; line-height: 20px;}
.ny_news_txt .date i{ margin-right: 5px;}
.ny_news_txt p{font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 10px;}
.ny_news_txt span{ font-size: 14px; font-family: mont;}
.ny_news_txt span i{font-size: 14px; margin-left: 5px;}
.ny_news_list ul li:hover h2{ color: #ff7f2f;}
.ny_news_list ul li:hover .ny_news_txt{ border-color: #ff7f2f;}
.ny_news_list ul li img{ height: 288px;}
.news_det_top .top_left{ width: 22%;}
.news_det_top .top_right{ width: 75%;}
.news_det_top .top_right h1{ font-size: 40px; line-height: 48px;}
.news_det_top .top_right .news_info{ font-family: mont; font-size: 18px; margin-top: 30px;}
.news_det_top .top_right .news_info i{ font-size: 20px; margin-right: 10px;}
.top_left .follow{ font-family: mont; font-size: 18px;}
.top_left .back{ margin-top: 40px;}
.top_left .back a{ color: #ff7f2f; font-family: mont; line-height: 36px; display: inline-block;}
.top_left .back a span{ display: inline-block; width: 36px; height: 36px; line-height: 36px; color: #fff; text-align: center; background: #ff7f2f; border-radius: 18px; font-size: 24px; margin-right: 10px;}

.ab_ban_txt{ width: 100%; position: absolute; top: 80px; left: 0;}
.ab_ban_txt h3{ color: #fff; font-size: 40px; text-transform: uppercase;}
.ban_number{ margin-top: 90px;}
.ban_number dl dt{ margin: 0 auto; color: #fff; text-align: center;}
.ban_number dl dt img{ height: 76px; width: auto;-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.ban_number dl dt:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.ab_num_txt{ margin-top: 25px;}
.ab_num_txt .counter{ font-size: 48px; color: #ff7f2f; font-family: montsb; margin-right: 10px;}
.ab_num_txt h4{ font-size:16px; color: #fff; }
.ny_ab_box{ margin-bottom: 60px;}

.ab_list ul li{ width: 33.33%; float: left; position: relative;}
.ab_list ul li img{ height: 327px;}
.ab_list ul li .ab_list_txt{ position: absolute; width: 100%; left: 0; top: 0; padding-top: 110px; text-align: center;}
.ab_list ul li .ab_list_txt h3{color: #fff; font-size: 40px; text-transform: uppercase;}
.ab_list ul li .ab_list_txt .more_btnw{ min-width: auto; border: 2px solid #fff; margin-top: 40px;}
.ab_list ul li .ab_list_txt .more_btnw a{ line-height: 36px;}
.ab_list ul li .ab_list_txt .more_btnw:hover{ border-color: #ff7f2f;}
.ny_service_box .ny_service_item{ margin-bottom: 50px;}
.ny_service_item .ny_ser_img,.ny_service_item .ny_ser_txt{ width: 50%;}
.ny_service_item .ny_ser_txt{ padding-top: 100px; width: 45%;}
.ny_service_item:nth-child(2n+1){background: #eee;}
.ny_service_item:nth-child(2n+1) .ny_ser_img{ float: left;}
.ny_service_item:nth-child(2n+1) .ny_ser_txt{ float: right;}
.ny_service_item:nth-child(2n) .ny_ser_img{ float: right;}
.ny_service_item:nth-child(2n) .ny_ser_txt{ float: left;;}
.ny_service_item .ny_ser_txt .ser_icon{ transition: 0.3s ease;}
.ny_service_item:hover .ser_icon{ margin-left: 30px;}
.ny_service_item .ny_ser_txt h3{ font-size: 24px; margin: 35px 0;}
.ny_service_item .ny_ser_txt p{  font-size: 14px; line-height: 24px; height: 96px; overflow: hidden; margin-bottom: 50px;}
.ny_service_item .ny_ser_txt .sy_more span{ background: #ff7f2f; border-color: #ff7f2f;}
.ny_service_item .ny_ser_txt .sy_more:hover a{ color: #ff7f2f;}
.ny_service_item .ny_ser_img img{ height: 594px;}

.faq_ban{ position: absolute; width: 100%; left: 0; top: 40%; text-align: center;}
.faq_ban h3{ font-size: 48px; color: #fff;}
.faq_search{ display: inline-block; border: 1px solid #fff; border: 2px solid #fff; border-radius: 30px; width: 40%; margin-top: 40px; padding-left: 20px;}
.faq_search input{ background: none;line-height: 56px; color: #fff;}
.faq_search input::placeholder{ color: #fff;opacity:0.8;}
.faq_search input:focus::placeholder{ opacity:0;}
.faq_search .sub{ text-align: center; border-left: 1px solid rgba(255,255,255,.5); background: none; color: #fff;line-height: 18px; margin-top: 19px; cursor: pointer; background: url(../images/search_03.png) no-repeat center center; width: 60px;}
.faq_top p a{ color: #ff7f2f;}
.faq_list ul li { margin-top: 60px;}
.faq_list ul li p{ line-height: 30px;}
.faq_list ul li p i{font-family: montsb; font-style: italic; color: #ff7f2f;}
.cont_tit{ text-align: center;}
.cont_tit h3{ font-size: 40px; margin-bottom: 15px;}
.cont_tit p{ font-family: mont;}
.cont_form{ padding: 30px; width: 70%; margin: 0 auto;}
.cont_form .formbox.fl{ width: 49%; margin-right: 2%;}
.cont_form .formbox.fl:nth-child(2n){ margin-right: 0;}
.cont_form .formbox{ border-radius: 5px; padding: 15px; background: #fff; margin-bottom: 20px;}
.cont_form .formbox i{ color: #999; margin-right: 15px; float: left;}
.cont_form .formbox input,.cont_form .formbox textarea{ width: 80%; background: none;}
.cont_form .formbox textarea{ height: 100px;}
.cont_form .sub{ width: 45%; margin: 0 auto; background: #ff7f2f; text-align: center; display: block; line-height: 50px; border-radius: 5px; cursor: pointer; font-family: mulib; font-weight: bold;}
.comp_info{ width: 48%;}
.comp_info h3{ font-size: 24px;}
.comp_info ul li{ margin-top: 35px;}
.comp_info ul li span.iconfont{ font-size: 24px; margin-right: 10px; color: #ff7f2f;}
.comp_info ul li .info{ width: calc(100% - 50px);}
.comp_info ul li h4{ display: inline-block; font-family: mont; font-size: 18px; margin-right: 20px;}
.comp_info ul li span{ font-size: 12px; color: #999;}
.comp_info ul li p{ margin-top: 10px;}
.comp_info ul li p a{ color: #ff7f2f;}
.map{ width:50%; overflow: hidden; }
.fo_link{ margin-bottom: 30px;}
@media (max-width: 1600px){
	.choose_box .center{ margin-left: 0;}
	.choose_txt{ width: 100%;}
	.pro_ban .pro_ban_txt{ padding: 100px 0 0 80px;}
	.ny_pro_column .imgfd img{ height: 378px;}
	.ny_service_item .ny_ser_img img{ height: 491px;}
	.ny_service_item .ny_ser_txt{ padding-top: 60px;}
	.cont_form{ width: 90%;}
	.index_head .logo img{ max-height: 50px;}
	.index_head .nav li a.link{ margin: 0 15px;}
	.index_head .nav{ margin-left: auto;}
	.index_head .box_fl{ padding: 0 5px;}
}

@media (max-width: 1441px){
    .index_head .box_fl.follow_list{ display:none;}
    .index_head .logo img{ max-height: 42px;}
    .index_head .nav li a.link{ font-size: 15px;}
	.sy_pro_col ul li img{ height: 210px;}
	.sy_col_txt{ padding: 25px 0 0 25px;}
	.sy_col_txt h3{font-size: 20px;}
	.column_list{ padding: 40px;}
	.column_list ul li.swiper-slide{ width: 90%!important;}
	.sy_item_tit h3{font-size: 34px;}
	.index_head .nav{ margin-left: 60px;}
	.index_head .nav li a.link{ margin: 0 15px;}
	.sy_feat_list img{ height: 226px;}
	.feat_des h3{font-size: 26px;}
	.solution_box ul li img{ height: 506px;}
	.solution_box ul li .solu_txt{ top: 15%;}
	.choose_txt{ padding: 60px 0 60px 60px;}
	.sy_number dl dt .counter{font-size: 44px;}
	.sy_client_list ul li img{ height: 82px;}
	.news_first .imgfd img{ height: 190px;}
	.news_list ul li img{ height: 205px;}
	.exhi_list ul li .imgfd img{ height: 102px;}
	.index_foot .box{ width: 18%;}
	.index_foot .box img{ height: 50px;}
	.index_foot .box p{ margin-top: 15px;}
	.index_foot .foot_nav li.lx{ width: 30%;}
	.index_foot .foot_nav li.lx span{ margin-right: 5px;}
	.ny_pro_column .imgfd img{ height: 340px;}
	.col_list ul li{ width: 48%; margin-right: 2%;}
	.col_list ul{ margin-top: 20px;}
	.ny_pro_column .col_list{ padding: 30px;}
	.col_list ul li{ line-height: 36px;}
	.rel_pro ul li img{ height: 237px;}
	.ny_pro_list ul li img{ height: 237px;}
	.pro_det_img img{ height: 488px;}
	.small_pic img{ height: 67px;}
	.pro_det_txt h1{font-size: 26px; line-height: 30px;}
	.left_talk{ width: 100%;}
	.left_recom{ width: 100%;}
	.ny_news_list ul li img{ height: 244px;}
	.news_det_top .top_right h1{font-size: 34px; line-height: 40px;}
	.ab_ban_txt{ top: 50px;}
	.ban_number{ margin-top: 60px;}
	.ab_list ul li img{ height: 243px;}
	.ab_list ul li .ab_list_txt{ padding-top: 60px;}
	.ny_service_item .ny_ser_img img{ height: 442px;}
	.ny_service_item .ny_ser_txt p{ margin-bottom: 30px;}
	.cont_tit h3{font-size: 36px;}
	.sy_msg .sy_form .sub{ background-position: 20% center;}
}

@media (max-width: 1200px){
    .index_head .nav li a.link{ margin: 0 8px;}
	.index_head .logo img{ max-height: 40px;}
	.index_head .nav{ margin-left: auto;}
	.index_head .box{ display: none;}
	.index_head .nav li .second{ left: -200px;}
	.column_list ul li h4{font-size: 18px;}
	.column_list ul li.swiper-slide{ width: 95%!important;}
	.sy_feat_list img{ height: 188px;}
	.sy_pro_top .sy_item_tit{ width: 100%; float: none;}
	.sy_pro_col{ width: 100%; float: none; margin-top: 30px;}
	.sy_pro_col ul li img{ height: 272px;}
	.column_img img{ height: 400px;}
	.pro_item_txt{ height: 400px;}
	.column_list ul li.swiper-slide{ margin-bottom: 15px;}
	.column_list ul{ height: 300px;}
	.column_list{ padding: 30px;}
	.feat_des h3{font-size: 22px;}
	.solution_box ul li img{ height: 426px;}
	.solution_box ul li .solu_txt{ width: 40%; top: 10%;}
	.choose_txt{ padding: 40px 0 40px 40px;}
	.choose_txt h3{font-size: 36px;}
	.sy_about_txt .sy_more{ margin-top: 20px;}
	.sy_number dl dt .counter{font-size: 36px;}
	.sy_number dl dt .num_icon img{ height: 60px;}
	.sy_client_list ul li img{ height: 68px;}
	.sy_msg p{ font-size: 20px; margin-bottom: 10px;}
	.sy_msg h3{font-size: 24px;}
	.sy_msg .sy_form{ width: 80%;}
	.news_first .imgfd img{ height: 159px;}
	.news_list ul li img{ height: 169px;}
	.sy_news .date{ margin: 10px 0;}
	.first_news_txt p{ margin-bottom: 15px;}
	.first_news_txt h2{font-size: 18px;}
	.news_list ul li h2{ margin-bottom: 20px;}
	.exhi_list ul li .imgfd img{ height: 84px;}
	.index_foot .foot_nav li{ max-width: 15%; margin: 0 auto;}
	.index_foot .foot_nav{ justify-content: center;}
	.index_foot .box p{font-size: 12px; line-height: 20px;}
	.index_foot .foot_nav li b{font-size: 14px; margin-bottom: 15px;}
	.index_foot .foot_nav li a{font-size: 12px;}
	.index_foot .foot_nav li.lx{font-size: 12px;}
	.index_foot .c-flex{ display: block;}
	.index_foot .box{ width: 100%; margin-bottom: 20px;}
	.choose_txt h4{font-size: 20px;}
	.sy_about_txt h4{font-size: 20px;}
	.ny_pro_column .col_list{ padding: 20px 30px;}
	.ny_pro_column .imgfd img{ height: 283px;}
	.col_list .col_tit{ padding-bottom: 5px;}
	.col_list ul li{line-height: 30px;}
	.pro_ban{ height: 280px;}
	.pro_ban .pro_ban_txt{ padding: 60px 0 0 60px;}
	.ny_left{ display: none;}
	.ny_right{ width: 100%; float: none;}
	.col_select{ display: block; width: 50%; position: relative; margin-bottom: 30px; float: right;}
	.col_select p{font-family: mont; color: #333; line-height: 30px; border-bottom: 1px solid #ddd; cursor: pointer; padding: 0 10px}
	.col_select .xiala{ overflow: hidden; background: #fff; position: absolute; left: 0; top: 31px; width: 100%; box-shadow: 0 0 8px 0 rgba(0,0,0,.15); display: none; padding: 10px 0; z-index:99;}
	.col_select .xiala a{ display: block; line-height: 20px; font-size: 14px; padding: 10px; }
	.col_select .xiala a:hover{ color: #ff7f2f;}
	.rel_pro ul li img{ height: 195px;}
	.rel_pro ul li .rel_txt{ padding: 10px;}
	.ny_pro_list ul li img{ height: 271px;}
	.pro_det_img img{ height: 408px;}
	.small_pic img{ height: 94px;}
	.pro_det_txt .inform_list p{ padding: 5px 0;}
	.pro_det_txt .inform_list{ padding-bottom: 15px;}
	.ny_proj_list ul li img{ height: 271px;}
	.ny_news_list ul li img{ height: 204px;}
	.ny_news_list ul li .ny_news_txt{ padding: 10px;}
	.ny_news_txt h2{font-size: 16px;}
	.news_det_top .top_right{ width: 100%; float: none;}
	.news_det_top .top_left{ width: 100%; float: none; margin-top: 20px;}
	.news_det_top .top_right .news_info,.top_left .back{ margin-top: 20px;}
	.ban_number dl dt img{ height: 50px;}
	.ab_ban_txt h3{font-size: 32px;}
	.ab_num_txt .counter{font-size: 40px;}
	.ab_list ul li img{ height: 202px;}
	.ab_list ul li .ab_list_txt h3{font-size: 32px;}
	.ab_list ul li .ab_list_txt .more_btnw a{font-size: 14px;}
	.ab_list ul li .ab_list_txt .more_btnw{ margin-top: 30px;}
	.ny_service_item .ny_ser_img img{ height: 371px;}
	.ny_service_item .ny_ser_txt{ width: 48%; padding-top: 40px;}
	.ny_service_item .ny_ser_txt h3{ margin: 20px 0;}
	.ny_service_item .ny_ser_txt .ser_icon img{ height: 70px;}
	.cont_form{ width: 96%;}
	.comp_info{ width: 100%;}
	.map{ width: 100%; margin-top: 30px;}
}


@media (max-width: 1024px){
	.sy-ban .b-trext h3{ font-size: 40px; line-height: 50px;}
	.sy-ban .b-trext p{font-size: 20px;}
	.sy-ban .b-trext .more_btn{ margin-top: 30px;}
	.sy_item_tit h3{font-size: 30px;}
	.sy_pro_col ul li img{ height: 231px;}
	.pro_item_txt h3{font-size: 28px;}
	.pro_item_txt{ width: 100%; float: none;}
	.column_img{ width: 100%; float: none;}
	.column_img img{ height: 960px;}
	.sy_pro_item .swiper-button-prev, .sy_pro_item .swiper-button-next{ bottom: 920px; right: 40px;}
	.sy_pro_item .swiper-button-prev{ left: 40px;}
	.sy_more span.iconfont{ width: 30px; height: 30px; line-height: 30px;}
	.sy_more a{ line-height: 30px; font-size: 16px;}
	.sy_feat_list img{ height: 221px;}
	.solution_box ul li img{ height: 362px;}
	.solution_box ul li .solu_txt{ padding: 25px;}
	.solu_txt h3{font-size: 24px;}
	.solution_box ul li .solu_txt{ width: 50%;}
	.solution_box ul li p{ height: 144px;}
	.choose_txt h3{font-size: 30px;}
	.choose_txt h4{font-size: 18px; line-height: 24px;}
	.choose_list{ margin-top: 20px;}
	.choose_txt{ padding: 30px 0 30px 30px;}
	.sy_about_txt{ width: 100%; float: none;}
	.sy_about_img{ width: 100%; float: none; margin-top: 30px;}
	.sy_number dl dt{ width: 45%; margin: 0 auto 20px;}
	.sy_number dl dt:last-child{ margin-right: auto;}
	.sy_client .sy_item_tit{ margin-bottom: 20px;}
	.sy_client_list ul li img{ height: 57px;}
	.sy_news_left{ width: 100%; border: none; padding-right: 0; margin-bottom: 30px;}
	.news_first .imgfd img{ height: 216px;}
	.news_list ul li img{ height: 228px;}
	.sy_news_right{ width: 100%; float: none;}
	.exhi_list ul li{ width: 32%; margin-right: 2%; float: left; padding: 10px;}
	.exhi_list ul li:nth-child(3){ margin-right: 0;}
	.exhi_list ul li .imgfd img{ height: 74px;}
	.exhi_list ul li h2{ height: 48px; }
	.sy-ban{ margin-top: 54px;}
	.ny_tit h3,.ny_tit h1{font-size: 24px; margin-bottom: 10px;}
	.ny_tit p{font-size: 14px;}
	.ny_pro_column .imgfd{ float: none; width: 100%;}
	.ny_pro_column .imgfd img{ height: auto;}
	.pro_ban .pro_ban_txt h3{font-size: 30px; margin-bottom: 30px;}
	.ny_pro_column .col_list{ width: 100%; float: none;}
	.sol_show h3,.rel_pro h3{font-size: 26px;}
	.rel_pro ul li img{ height: 236px;}
	.ny_pro_list ul li img{ height: 230px;}
	.ny_pro_pic{ width: 100%; float: none;}
	.pro_det_txt{ width: 100%; margin-top: 30px;}
	.pro_det_img img{ height: 719px;}
	.small_pic img{ height: 172px;}
	.proshow h3{ margin-bottom: 20px;}
	.ny_news_list ul li{ width: 32%; margin-right: 2%;}
	.ny_news_list ul li:nth-child(4n){ margin-right: 2%;}
	.ny_news_list ul li:nth-child(3n){ margin-right: 0;}
	.ny_news_list ul li img{ height: 231px;}
	.ny_news_txt p{font-size: 12px; line-height: 20px; height: 60px;}
	.ny_news_txt .date{ margin: 5px 0;}
	.news_det_top .top_right h1{font-size: 30px;}
	.ban_number{ margin-top: 30px;}
	.ab_num_txt{ margin-top: 5px;}
	.ab_num_txt .counter{font-size: 32px;}
	.ny_service_item .ny_ser_img img{ height: 312px;}
	.ny_service_item .ny_ser_txt{ padding-top: 20px;}
	.ny_service_item .ny_ser_txt h3{font-size: 20px; margin: 15px 0;}
	.ny_service_item .ny_ser_txt .ser_icon img{ height: 60px;}
	.cont_tit h3{font-size: 30px;}
	.cont_form{ padding: 30px 0;}
	.faq_ban h3{font-size: 40px;}
	.faq_search{ margin-top: 30px;}
	.right_open{display: none;}
}
@media (max-width: 768px){
	.sy-ban .b-trext h3{font-size: 34px; line-height: 40px;}
	.sy-ban .b-trext p{font-size: 18px;}
	.sy-ban .swiper-button-prev, .sy-ban .swiper-button-next{ bottom: 15px;}
	.sy_item_tit h3{font-size: 24px;}
	.sy_pro_col ul li img{ height: 172px;}
	.sy_col_txt{ padding: 15px 0 0 15px;}
	.sy_pro_col ul li .sy_col_txt img{ width: 40px;}
	.sy_col_txt h3{font-size: 18px;}
	.column_img img{ height: 720px;}
	.sy_pro_item .swiper-button-prev, .sy_pro_item .swiper-button-next{ bottom: 680px;}
	.sy_feat_list img{ height: 163px;}
	.sy_feat .swiper-button-prev, .sy_feat .swiper-button-next{ bottom: 300px;}
	.feat_des{ width: 90%; margin-top: 20px;}
	.feat_des h3{ font-size: 20px;}
	.solution_box ul li img{ height: 285px;}
	.solution_box ul li .solu_txt{ position: unset; width: 100%;}
	.choose_txt{ float: none;}
	.choose_box{ width: 100%;}
	.sy_client .sy_item_tit{ width: 88%;}
	.sy_msg p{ font-size: 16px;}
	.sy_msg h3{font-size: 20px;}
	.sy_msg .sy_form{ width: 96%;}
	.sy_msg .sy_form .sub{background-position: 20% center;}
	.sy_msg .sy_form input{ line-height: 40px;}
	.news_first .imgfd img{ height: 162px;}
	.news_list ul li{ width: 100%; float: none; margin-bottom: 20px;}
	.news_list ul li h2{ height: auto; margin-bottom: 10px;}
	.sy_news_left{ margin-bottom: 20px;}
	.news_list ul li img{ height: 537px;}
	.exhi_list ul li{ width: 100%; float: left; margin-right: 0; padding: 0; margin-bottom: 15px;}
	.exhi_list ul li .imgfd img{ height: 178px;}
	.mainh{ height: 50px;}
	.pro_ban{ height: 240px;}
	.pro_ban .pro_ban_txt{padding: 30px 0 0 30px;}
	.pro_ban .pro_ban_txt{ width: 70%;}
	.pro_ban .pro_ban_txt i{ width: 30px; height: 30px; line-height:30px;}
	.pro_ban .pro_ban_txt p{font-size: 16px;}
	.ny_pro_column .col_list{ padding: 20px;}
	.rel_pro h3{ margin-bottom: 20px;}
	.rel_pro ul li img{ height: 174px;}
	.rel_pro_list{ padding-bottom: 40px;}
	.rel_pro_list .swiper-button-next{ right: 40%;}
	.rel_pro_list .swiper-button-prev{ left: 40%;}
	.ny_pro_list ul li{ width: 49%;}
	.ny_pro_list ul li:nth-child(3n){ margin-right: 2%;}
	.ny_pro_list ul li:nth-child(2n){ margin-right: 0;}
	.ny_pro_des{ padding: 10px; margin-bottom: 20px;}
	.ny_pro_list ul li img{ height: 262px;}
	.pro_det_img img{ height: 537px;}
	.small_pic img{ height: 126px;}
	.pro_det_txt h1,.proshow h3{ font-size: 22px;}
	.page_btn .sy_more{ margin-top: 20px;}
	.ny_proj_list{ margin-top: 20px;}
	.ny_news_list ul li img{ height: 171px;}
	.ny_news_txt p,.ny_news_txt .date{ display: none;}
	.news_det_top .top_right h1{font-size: 24px; line-height: 30px;}
	.news_det_top .top_right .news_info,.top_left .follow,.top_left .back a{font-size: 16px; line-height: 20px;}
	.top_left .back a span{ display: none;}
	.news_det_top .top_right .news_info, .top_left .back{ margin-top: 10px;}
	.ab_ban_txt{ top: 30px;}
	.ab_ban_txt h3{font-size: 24px;}
	.ban_number dl dt img{ height: 40px;}
	.ab_num_txt h4{font-size: 14px;}
	.ny_ab_box{ margin-bottom: 30px;}
	.ab_list ul li{ width: 100%; float: none;}
	.ab_list ul li img{height: 383px;}
	.ab_list ul li .ab_list_txt{ padding-top: 100px;}
	.ny_service_item .ny_ser_img, .ny_service_item .ny_ser_txt{ width: 100%; float: none!important;}
	.ny_service_item .ny_ser_txt{ padding: 20px 0;}
	.ny_service_item .ny_ser_img img{ height: auto;}
	.ny_service_box .ny_service_item{ margin-bottom: 0px;}
	.map{ display: none;}
	.cont_tit p{ font-size: 14px; line-height: 20px;}
	.comp_info h3{font-size: 20px;}
	.comp_info ul li{ margin-top: 20px;}
	.comp_info ul li span.iconfont{font-size: 20px;}
	.faq_ban{ top: 20%;}
	.faq_ban h3{font-size: 30px;}
	.faq_search input{ line-height: 40px; font-size:12px;}
	.faq_search .sub{ margin-top: 11px;}
	.faq_search{ width: 60%;}
	.sy_msg .sy_form .sub{background-position: 10%; background-size: 16px;}
	
}
@media (max-width: 540px){
	.sy-ban .b-trext h3{font-size: 28px; line-height: 30px;}
	.sy-ban .b-trext p{font-size: 16px; margin-bottom: 10px;}
	.sy-ban .b-trext .more_btn{ display: none;}
	.sy_col_txt{ display: none;}
	.sy_col_tit{ font-size: 14px; line-height: 30px; background: rgba(0,0,0,.2);}
	.pro_item_txt h3{font-size: 24px;}
	.column_list{ padding: 15px;}
	.sy_pro_col ul li img{ height: 120px;}
	.column_list ul li h4{font-size: 16px; line-height: 28px;}
	.column_list ul{column-count:1; height: auto;}
	.pro_item_txt{ height: auto;}
	.column_img img{ height: 500px;}
	.sy_pro_item .swiper-button-prev, .sy_pro_item .swiper-button-next{ bottom: 460px;}
	.sy_feat_top .sy_item_tit{ width: 100%;}
	.sy_feat_top .sy_more{ display: none;}
	.feat_des h3{ font-size: 18px;}
	.feat_des{ width: 100%;}
	.sy_number dl dt .counter{font-size: 30px;}
	.sy_number dl dt{ padding:10px 0 10px 10px; }
	.sy_number dl dt h5{font-size: 14px;}
	.sy_number dl dt .count{ font-size: 14px;}
	.sy_about_img iframe{ height: 300px;}
	.sy_client .sy_item_tit{ width: 100%;}
	.sy_client_list ul li img{ height: 62px;}
	.solution_box ul li img{ height: 187px;}
	.mainh{ height: 20px;}
	.sy_client_list{ padding: 10px 0 30px 0;}
	.sy_msg p{ font-size: 14px;}
	.sy_msg h3{font-size: 16px;}
	.sy_msg .sy_form input{ width: 100%; float: none; margin-right: 0; margin-bottom: 15px;}
	.sy_msg .sy_form .sub{ width: 100%;}
	.news_first .imgfd img{ height: 112px;}
	.first_news_txt h2{font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;}
	.first_news_txt p{ display: none;}
	.news_list ul li img{ height: 375px;}
	.exhi_list ul li .imgfd img{ height: 127px;}
	.pro_ban{ height: 200px;}
	.pro_ban .pro_ban_txt h3{font-size: 22px; margin-bottom: 10px;}
	.pro_ban .pro_ban_txt p{ margin-bottom: 10px;}
	.col_list ul li{ width: 100%; float: none;}
	.posi a{ line-height: 40px;}
	.sol_show h3, .rel_pro h3{font-size: 22px;}
	.col_select{ width: 70%;}
	.col_select .xiala a{font-size: 12px;}
	.ny_pro_list ul li img{ height: 183px;}
	.ny_pro_list ul li h2{font-size: 14px; line-height: 20px; height: 60px;}
	.ny_pro_list ul li .more_btn{ display: none;}
	.pro_det_img img{ height: 371px;}
	.small_pic img{ height: 85px;}
	.pro_det_txt h1, .proshow h3{font-size: 20px; margin-bottom: 10px;}
	.inquiry_top{ margin-top: 20px;}
	.page_btn .sy_more{ float: none; margin-top: 5px; line-height: 34px;}
	.page_btn .sy_more span{ border: none;}
	.pro_form .formbox.fl{ width: 100%; float: none;}
	.ny_proj_list ul li{ width: 49%;}
	.ny_proj_list ul li:nth-child(3n){ margin-right: 2%;}
	.ny_proj_list ul li:nth-child(2n){ margin-right: 0;}
	.ny_news_list ul li{ width: 49%; margin-bottom: 20px;}
	.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: 183px;}
	.ny_product .ny_tit{ margin-top: 20px;}
	.ny_news_list{ margin-bottom: 30px;}
	.news_det_top .top_right h1{font-size: 20px; line-height: 26px;}
	.news_det_top .top_right .news_info, .top_left .follow, .top_left .back a,.news_det_top .top_right .news_info i{font-size: 14px;}
	.ab_num_icon{ display: none;}
	.ab_num_txt .counter{font-size: 24px; margin-right: 0;}
	.ab_num_txt h4{font-size: 12px;}
	.ab_num_txt{font-size: 12px;}
	.ban_number{ margin-top: 20px;}
	.ab_list ul li img{ height: 267px;}
	.ab_list ul li .ab_list_txt{ padding-top: 60px;}
	.ny_tit h3,.ny_tit h1{ font-size: 20px;}
	.ny_service_item .ny_ser_txt h3{font-size: 18px; margin: 5px 0;}
	.ny_service_item .ny_ser_txt p{ margin-bottom: 15px;}
	.sy_more a{font-size: 14px;}
	.cont_tit h3{font-size: 24px;}
	.cont_form .formbox.fl{ width: 100%; float: none;}
	.comp_info ul li .info{ width: 90%;}
	.comp_info ul li h4{font-size: 16px;}
	.comp_info ul li p{margin-top: 5px;}
	.faq_search{ margin-top: 10px;}
	.faq_ban h3{font-size: 24px;}
	
}
@media (max-width: 450px){
	.sy_item_tit h3{font-size: 20px;}
	.sy_item_tit p{font-size: 12px; line-height: 20px;}
	.sy_feat_list img{ height: 132px;}
	.imgfd .eye{ bottom: 5px; right: 5px;}
	.sy_feat_list h2{font-size: 14px; line-height: 20px; margin-top: 10px; height: 60px;}
	.feat_des h3{font-size: 16px;}
	.solution_box ul li img{ height: 143px;}
	.solution_box .swiper-button-prev, .solution_box .swiper-button-next{ width: 30px; height: 60px; line-height: 60px; margin-bottom: 0;}
	.solution_box ul li p{font-size: 12px; line-height: 20px; height: 100px; margin: 10px 0;}
	.solu_txt h3{font-size: 20px;}
	.solution_box ul li .solu_txt h3 img{ height: 24px;}
	.choose_box .center{ margin-left: auto;}
	.choose_txt{ padding: 20px 15px;}
	.choose_txt h3{font-size: 20px;}
	.choose_txt h4,.sy_about_txt h4{font-size: 16px; line-height: 20px; }
	.choose_list ul li h5 a{font-size: 16px;}
	.sy_number dl dt{ width: 100%;}
	.sy_number{ margin-top: 20px;}
	.sy_about_txt .sy_item_tit{ margin-top: 20px;}
	.sy_number dl dt h5{font-size: 16px;}
	.sy_number dl dt .num_icon{ margin-right: -10px;}
	.news_first .imgfd img{ height: 88px;}
	.sy_news .date{ margin: 5px 0;}
	.news_list ul li .imgfd{ display:none;}
	.exhi_list ul li .imgfd img{ height: 96px;}
	.sy_about_img .play_btn{ width: 50px; margin-top: -18px; margin-left: -25px;}
	.sy_about_txt h4{ width: 100%;}
	.sy-ban .b-trext h3{font-size: 22px; line-height: 30px; margin-bottom: 10px;}
	.sy-ban .b-trext p{font-size: 14px; line-height: 20px;}
	.sy_pro{ margin-top: 20px;}
	.sy_col_txt{ display: block; position: unset; background: none; text-align: center; padding: 0;}
	.sy_pro_col ul li .imgfd{ display: none;}
	.sy_col_tit{ display: none;}
	.sy_pro_col ul li{ float: none; width: 110px; height: 110px; border-radius: 55px; margin: 0 auto; background: #ff7f2f; padding: 20px 10px;}
	.sy_pro_col ul li .sy_col_txt img{ width: 30px; margin-left: 0;}
	.sy_pro_col ul{ display: flex;}
	.sy_col_txt h3{font-size: 14px; margin:10px 0 0;}
	.sy_col_txt .more{ display: none;}
	.sy_pro_box{ display: none;}
	.ph_pro{ display: block; margin: 30px 0; padding-bottom: 30px;}
	.ph_pro ul li{ padding: 3px; border-radius: 3px; background: #eeeeee;}
	.ph_pro ul li h5{ margin: 5px 0; font: 14px; line-height: 20px; height: 40px; overflow: hidden;}
	.ph_pro ul li img{ height: 180px;}
	.sy-ban .swiper-button-prev, .sy-ban .swiper-button-next{ bottom: 0; right: 5%;}
	.sy-ban .swiper-button-prev{ right: 8%;}
	.pro_ban{ height: 150px;}
	.pro_ban .pro_ban_txt{ width: 100%; padding-top: 20px;}
	.pro_ban .pro_ban_txt p{ margin-bottom: 0;}
	.pro_ban .pro_ban_txt i{ background: none; font-size: 16px; color: #ff7f2f; width: auto; height: auto;}
	.ny_pro_column .col_list{ padding: 15px;}
	.col_select{ width: 100%;}
	.sol_show h3, .rel_pro h3{font-size: 18px;}
	.rel_pro ul li img{ height: 140px;}
	.rel_pro ul li .rel_txt h2{font-size: 14px; line-height: 20px; height: 40px;}
	.rel_pro ul li .rel_txt{ padding: 5px;}
	.rel_pro_list .swiper-button-prev, .rel_pro_list .swiper-button-next{ width: 24px; height: 24px; line-height: 24px;}
	.rel_pro_list .swiper-button-prev i, .rel_pro_list .swiper-button-next i{ font-size: 16px;}
	.ny_pro_list ul li img{ height: 140px;}
	.inquiry_top{ margin-top: 15px;}
	.inquiry_top{ line-height: 36px;}
	.inquiry_top h4, .inquiry_top p{ padding: 0 10px;}
	.pro_form .formbox{ padding: 10px;}
	.pro_form .sub{ width: 100%; line-height: 40px;}
	.pro_det_img img{ height: 288px;}
	.small_pic img{ height: 64px;}
	.pro_det_txt h1, .proshow h3{font-size: 18px;}
	.pro_det_txt .inform_list{ padding: 10px 0;}
	.pro_det_txt .inform_list p b{ width: 35%;}
	.ny_news_list ul li img{ height: 140px;}
	.ny_news_txt h2{ font-size: 14px; line-height: 20px; height: 40px;}
	.ny_news_list ul li .ny_news_txt{ padding: 5px;}
	.ny_news_txt span{ display: none;}
	.ny_news_list{ margin-bottom: 20px;}
	.news_det_top .top_right h1{font-size: 18px; line-height: 24px;}
	.top_left .back{ float: right;}
	.page_btn .sy_more a{font-size: 14px;}
	.ab_ban_txt{ position: unset; margin-top: 20px;}
	.ab_ban_txt h3{ text-align: center;}
	.ab_ban_txt h3,.ban_number dl dt,.ab_num_txt h4{ color: #333;}
	.ban_number dl dt{ width: 50%; margin-bottom: 20px;}
	.ab_list ul li img{ height: 209px;}
	.ab_list ul li .ab_list_txt h3{font-size: 24px;}
	.ny_service_item .ny_ser_txt .ser_icon img{ height: 50px;}
	.ny_service_item .ny_ser_txt .sy_more span{ display: none;}
	.ny_service_item .ny_ser_txt .sy_more a{ color: #ff7f2f;}
	.cont_form .formbox.fl,.cont_form .formbox{ padding: 10px; margin-bottom: 15px;}
	.cont_form .sub{ width: 100%; line-height: 40px;}
	.comp_info h3{font-size: 18px;}
	.faq_search{ width: 80%;}
	.faq_search input{ line-height: 30px;}
	.faq_search .sub{ margin-top: 6px;}
	.sy_client_list ul li img{ height: 46px;}
	.index_foot .copy{ font-size:12px; height:70px; padding:5px 0; text-align:center;}
	.index_foot .copy span{ display: block;}
	.index_foot .copy{ line-height: 20px;}
	.index_foot .copy .follow_list{ display: none;}
	.index_foot .copy .fl{ display: block;}
	.index_foot .copy i{ margin: 0;}
	.proshow .show_content iframe{ width: 100%!important;height: 250px!important;}
}


.faq_part h2{ font-size: 36px; text-align: center; margin-bottom: 40px;}
.faq_part li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd;cursor: pointer;}
.faq_part li .title b{ display: block; font-size: 22px; margin-right: auto; max-width:calc(100% - 50px);}
.faq_part li .title i{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; font-size: 22px; background: #eee;}
.faq_part li.open .title b{color: #ff7f2f ;}
.faq_part li.open .title i{ background: #ff7f2f; color: #fff; transform:rotate(180deg);}
.faq_part li.open .title{margin-bottom: 25px;}
.faq_part li .faqbox{ display: none;}