@charset "utf-8";
/* CSS Document */

.index_pro_tit{ width: 200px; height: 180px; background: #e63828; text-align: center; padding: 40px 0;}
.index_pro_tit h2{ color: #fff; font-size: 38px; font-family: sourb; line-height: 50px; letter-spacing: 10px; vertical-align: middle;}
.index_pro_spic{ width: 1500px; margin: 0 auto;}
.index_pro_spic ul li{ float: left; cursor: pointer; text-align: center; width: 14.28%; padding-bottom: 27px;}
.index_pro_spic ul li.swiper-slide-thumb-active,.index_pro_spic ul li:hover{ border-bottom: 3px solid #e63828; padding-bottom: 24px;}
.index_pro_spic ul li img{ width: 100%; height: 113px; }
.index_pro_spic ul li p{ font-size: 15px; line-height: 20px;}
.index_pro_spic .mySwiper{ height: 180px; padding: 20px 0 0; overflow: hidden;}
.index_pro_bpic{ position: relative; width: 100%; overflow: hidden;}
.index_pro_bpic .bpic_txt{ padding: 100px 0; width: 800px; position: absolute; left: 50%; margin-left: -800px;}
.bpic_txt h3{ color: #fff; font-size: 40px; font-family: sourb;}
.bpic_txt .pro_des{ font-size: 24px; color: #fff;}
.pro_parameter{ margin-top: 70px; overflow: hidden;}
.pro_parameter dt{ float: left; width: 225px; color: #fff; text-align: center; border-right: 1px solid #fff;}
.pro_parameter dt:nth-child(3){ border: none;}
.pro_parameter dt img{ margin-right: 15px; margin-top: -15px;}
.pro_parameter .counter{ font-size: 64px; font-family: sourb; color: #fff; line-height: 64px; height: 64px; }
.bpic_txt .more_btn{ margin-top: 100px;}
.bpic_txt .more_btn a{ float: left;}
.bpic_txt .more_btn a:nth-child(2){ border: 1px solid rgba(255,255,255,0.6); background: none;}
.bpic_img img{ width: 1080px;}

.index_about{ width: 100%; height: 500px; position: relative; padding-top: 120px; margin-bottom: 320px;}
.index_about .indabout_tit h2{ text-align: center; font-size: 38px; color: #fff;}
.short_line{ width: 110px; height: 3px; background: #e63828; margin: 15px auto;}
.indabout_txt{ background: rgba(255,255,255,.92); position: absolute;left: 50%; margin-left: -800px; top: 400px; box-shadow: 0 0 12px rgba(0,0,0,.15); height: 360px; width: 1600px;}
.profile{ padding: 50px; width: 80%;}
.profile .prof_tit{ font-size: 30px; color: #333; font-family: sourb; }
.profile .prof_tit span{ font-family: "Arial"; font-size: 16px; color: #666;}
.profile .prof_txt{ margin: 25px 0; line-height: 30px;}
.indabout_txt .other .other_item{ width: 220px; height: 180px; text-align: center; background: #222222; padding: 40px;}
.indabout_txt .other .other_item:nth-child(2){ background: #e63828;}
.indabout_txt .other .other_item p{ color: #fff; margin-top: 20px;}
.indabout_txt .other .other_item img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.indabout_txt .other .other_item:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}

.index_choose{ padding: 80px 60px;}
.index_choose .choose_tit h2{ color: #fff; font-size: 38px; padding-left: 10px; border-left: 6px solid #e63828; line-height: 38px; height: 38px;}
.choose_box{ margin: 40px 0;}
.choose_box .choose_item{ float: left;width: 23%; height: 360px; margin-right: 2.33%; box-shadow: 0 0 60px rgba(0,0,0,.3),0 0 60px rgba(0,0,0,.3),0 0 60px rgba(0,0,0,.3),0 0 60px rgba(0,0,0,.3) ; padding: 40px; text-align: center; cursor: pointer;}
.choose_box .choose_item:nth-child(4){ margin-right: 0;}
.choose_box .choose_item .img_bg{-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease; width: 90px; height: 90px; margin: 0 auto; text-align: center; border-radius: 45px; padding: 15px; margin-bottom: 20px;}
.choose_box .choose_item .img_bg img{ height: 60px;}
.choose_box .choose_item:hover{ background: rgba(0,0,0,.6);}
.choose_box .choose_item:hover .img_bg{ background: #e63828;}
.choose_box .choose_item h4{ color: #fff; font-size: 18px;}
.choose_box .choose_item .short_line{ width: 22px; height: 2px; margin-bottom: 25px;}
.choose_box .choose_item p{ font-size: 14px; color: #fff;}

.index_news{ margin: 80px auto;}
.index_news .indnews_title h2{ font-size: 38px; color: #333; padding-left: 10px; border-left: 6px solid #e63828; line-height: 38px; height: 38px; float: left;}
.news_box .newsf,.newsr{ float: left; margin-top: 30px;}
.news_box .newsf{ width: 40%; background: #f3f3f3; height: 568px;}
.news_box .newsf img{ height: 360px; }
.news_box .newsf .newsf_txt{ padding: 25px 25px 24px;}
.news_box .newsf .newsf_txt p{ margin-bottom: 22px;}
.news_box .newsf .newsf_txt .more{ color: #e63828; float:right;}
.index_news .date{ display:inline-block; width: 90px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; margin-right: 8px; background: #e63828;}
.index_news h4{ font-size: 18px; color: #333; padding-top: 20px; margin: 15px 0; border-top:1px solid #ccc;}
.index_news p{ font-size: 15px; line-height:28px;}
.index_news .more{ font-size: 14px; color: #555;}
.news_box .newsr{ width: 60%;}
.news_box .newsr ul li{ float: left;width: 48%; margin-left: 2%; background: #f3f3f3; padding:25px 25px 46px; margin-bottom: 20px; height: 274px; transition:all ease 0.5s;}
.news_box .newsr ul li:hover{ box-shadow:0 0 15px rgba(0,0,0,.15);}
.news_box .newsr ul li:hover a span.more{ color: #e63828;}
.news_box .newsr ul li span.more{ float: right;}
.news_box .newsr ul li h4{ padding-bottom:10px; padding-top:15px;}
.sy_news_nav{ float: right;}
.sy_news_nav span{ font-size: 16px; color: #555; margin-left: 50px; cursor: pointer;}
.sy_news_nav span.on{ color: #e83a2a; border-bottom: 1px solid #e83a2a; padding-bottom: 10px;}
.news_box .sy_news_tab{ display: none; transition:all 0.3s ease;}
.news_box .sy_news_tab:first-child{ display: block;}

.foot_top{ padding: 60px 0 80px; align-items:flex-start;}
.foot_logo{width: 23%;}
.foot_logo img{ margin-bottom: 20px;}
.foot_logo p{ color: #bbb; font-size: 14px;}
.foot_nav{ width: 45%; margin: 0 auto;}
.foot_nav ul{ align-items: flex-start;}
.foot_nav ul li{ margin: 0 auto;}
.foot_nav ul li:first-child{ display:none;}
.foot_nav ul li b{ color: #fff; font-weight: normal; margin-bottom: 10px;}
.foot_nav ul li a{ color: #bbb; font-size: 14px; display: block; line-height: 24px; text-align: center;}
.foot_contact{ width: 18%; color: #fff; font-size: 14px; position: relative; background:url(../images/contact_03.png) no-repeat top left; background-size:48px; padding-left:58px;}
.foot_contact span{ display: block; font-size: 22px;}
.foot_contact i{ display: block;font-size: 20px; margin: 10px 0 0 15px; cursor: pointer;}
.foot_qr{ position: absolute; width: 150px; height: 150px; padding: 5px; background: #fff; left: 25px; display: none;}
.foot_qr img{ width: 100%;}
.copy{ color: #fff; text-align: center; border-top: 1px solid rgba(221,221,221,0.3);}


.ny_ban{ margin-top: 80px; width: 100%; overflow: hidden;}

.ny_ban .imgg img{ width:100%;}
.ny_position{ line-height: 80px;}
.ny_position a{ font-size: 14px; color: #555;}
.ny_position i{ color: #e83a2a; font-size: 14px;}

.ny_pro_list .ny_pro_item{ background: #fff; margin-bottom: 30px;}
.ny_pro_list .ny_pro_item:nth-child(3) a{ pointer-events: none; }
.ny_pro_img,.ny_pro_txt{ width: 50%;}

.ny_pro_img a{ display:none;}
.ny_pro_img a:first-child{ display:block;}
.ny_pro_txt{ padding: 80px;}
.ny_pro_txt h3{ font-family: sourb; font-size: 30px; color: #333; margin-bottom: 40px;}
.ny_pro_txt h3 span{ font-size:18px;}
.ny_pro_txt ul{ overflow: hidden;}
.ny_pro_txt ul li{ float: left; width: 40%; line-height: 35px;}
.ny_pro_txt ul li a{ color: #555;}
.ny_pro_txt ul li:hover a{ color: #e83a2a;}
.ny_pro_list .ny_pro_item:nth-child(2n+1) .ny_pro_img{ float: left;}
.ny_pro_list .ny_pro_item:nth-child(2n+1) .ny_pro_txt{ float: right;}
.ny_pro_list .ny_pro_item:nth-child(2n) .ny_pro_img{ float: right;}
.ny_pro_list .ny_pro_item:nth-child(2n) .ny_pro_txt{ float: left;}

.ny_pro_top{ margin-top: 80px; background: #e4e6ea; padding: 60px 0 30px 0;}
.pro_det_img{ width: 50%; float: left;}
.pro_det_img img{ width: 100%;}
.pro_det_txt{ width: 50%; float: right;}
.pro_det_img .swiper-pagination-bullet{ height: 4px; width: 18px; border-radius:0px; }
.pro_det_img .swiper-pagination-bullet-active{ background: #e83a2a;}

.pro_det_txt{ padding: 40px 0 0 100px;}
.pro_det_txt h3{ font-family: sourb; font-size: 40px; color: #333;}
span.zhibao{ margin:30px auto 0; width:80%; text-align:center; display: block;line-height:24px; padding:10px; border:2px solid #666; font-size:22px; color:#e83a2a; font-weight:bold; letter-spacing:5px; border-radius:27px;}
.pro_det_txt .pro_des{ font-size: 24px; font-size: sourr; color: #333;}
.pro_det_txt .pro_parameter{ margin-top: 40px;}
.pro_det_txt .pro_parameter .counter{ color: #333;}
.pro_det_txt .pro_parameter dt{ color: #333; border-color: #333;}
.pro_det_txt .more_btn{ margin-top: 40px;}
.pro_det_txt .more_btn a{ float: left;}
.pro_det_txt .more_btn a:nth-child(2){ border: 2px solid #666; background: none; color: #333;}

.ny_nav{ width: 100%; height: 80px; background: #f3f3f3;}
.ny_nav_box{ width: 400px; margin: 0 auto; overflow: hidden;}
.ny_nav_box .tarA{ width: 200px; float: left; font-size: 18px; color: #333; line-height: 70px; text-align: center; padding: 5px 0; cursor: pointer;}
.ny_nav_box .tarA a{ width: 100%; line-height:70px; display:block;}
.ny_nav_box .tarA.act{ background: #fff; border-top: 5px solid #e83a2a; color: #e83a2a; padding-top: 0;}
.pro_detail .pro_detail_tab{ padding: 60px 0 0;}
.pro_detail .pro_detail_tab:nth-child(2){ display: none;}
.parameter_list ul li{ width: 30%; float: left; margin-right: 5%; margin-bottom: 50px; min-height: 190px;}
.parameter_list ul li:nth-child(3n){ margin-right: 0;}
.parameter_list ul li h4{ font-weight: bold; color: #333; font-size: 18px; border-bottom: 1px solid #666; padding-bottom: 15px; width: 100%; line-height: 24px;}
.parameter_list ul li h4 i{ font-size: 6px; color: #e83a2a; margin-right: 5px; line-height: 24px;}
.parameter_value{ line-height: 30px; margin-top: 25px;}
.pro_technol{ margin-bottom: 80px;}
.pro_technol ul li{ overflow: hidden; margin: 0 auto; float: left;}
.pro_technol ul li img{ float: left; margin-right: 15px; height: 90px; }
.pro_technol ul li span{ display: block; float: left; justify-content: center; vertical-align: middle; height: 40px; margin-top: 25px;}
.pro_pages{ width: 180px; padding: 20px; background: #f3f3f3; overflow: hidden; margin: 0 auto 100px;}
.pro_pages i,.pro_pages a{ display: block; width: 33.3%; float: left; height: 18px; font-size: 18px; color: #333; line-height: 18px; text-align: center;}
.pro_pages i{ color:#999;}
.pro_chara ul li{ float: left; width: 31%; margin:0 3.5% 30px 0;}
.pro_chara ul li img{ width: 100%; height: 280px;}
.pro_chara ul li:nth-child(3n){ margin-right: 0;}
.pro_chara_txt{ background: #f3f3f3; padding: 25px;}
.pro_chara_txt h3{ font-weight: bold; font-size: 18px; color: #333; margin-bottom: 20px; }
.pro_chara_txt p{ font-size: 14px; color: #555; line-height: 24px; height: 48px;}

.about_bottom .ny_nav_box{ width:  800px;}
.about_detail .about_detail_tab{ padding: 60px 0 0; display: none;}
.about_detail .about_detail_tab:first-child{ display: block;}
.about_list ul li{ margin-bottom: 45px;}
.about_list ul li .ny_about_img,.about_list ul li .ny_about_txt{ width: 50%; float: left;}
.about_list ul li .ny_about_txt .short_line{ width: 40px; height: 3px; margin: 15px 0 25px 0;}
.about_list ul li .ny_about_txt h3{ font-size: 24px; color: #333; font-weight: bold; margin-bottom: 25px;}
.about_list ul li .ny_about_txt p{ line-height: 30px; margin-bottom: 15px;}
.about_list ul li .ny_about_img img{ width: 100%; height: 450px;}
.about_list ul li:nth-child(2n+1) .ny_about_img{ float: left;}
.about_list ul li:nth-child(2n) .ny_about_img{ float: right;}
.about_list ul li:nth-child(2n+1) .ny_about_txt{ float: right;padding-left: 80px;}
.about_list ul li:nth-child(2n) .ny_about_txt{ float: left;}
.about_list ul li:nth-child(2n) .ny_about_txt p{ width: 90%;}

.about_img_list ul.chejian li{ float: left; width: 32%; margin-right: 2%; border:1px solid #ddd; margin-bottom: 30px;}
.about_img_list ul li:nth-child(3n){ margin-right: 0;}
.about_img_list ul li img{ width: 100%; height: 330px;}
.about_img_list ul li .about_img_tit{ text-align: center; line-height: 54px; border-top: 1px solid #ddd; background: #f3f3f3; color: #555;}

.case_list ul li{ float: left; width: 23.5%; margin-right: 2%; border:1px solid #ddd; margin-bottom: 30px;}
.case_list ul li:nth-child(4n){ margin-right: 0;}
.case_list ul li img{ width: 100%; height: 245px;}
.case_list ul li .case_tit{ text-align: center; line-height: 54px; border-top: 1px solid #ddd; background: #f3f3f3; color: #555;}

.news_detail_tab{ padding: 60px 0 0; display: none;}
.news_bottom .news_detail_tab:first-child{ display: block;}
.news_detail_tab ul li{ width: 32%; margin: 0 2% 30px 0; float: left; }
.news_detail_tab ul li:nth-child(3n){ margin-right: 0;}
.news_detail_tab ul li img{ width: 100%; height: 270px;}
.ny_news_txt{ background: #f3f3f3; position: relative; padding: 50px 25px 30px;}
.ny_news_txt .date{ width: 90px; line-height: 30px; background: #e83a2a; color: #fff; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px;}
.ny_news_txt h3{ font-size: 18px; color: #333;}
.ny_news_txt p{ font-size: 14px; line-height: 24px; margin: 15px 0 20px; min-height:72px;}
.ny_news_txt i{ font-size: 14px;}
.news_detail_tab ul li:hover h3,.news_detail_tab ul li:hover i{ color: #e83a2a;}

.news_show_bottom{ margin: 20px 0 60px;}
.new_show_detail{ float: left; width: 73%;}
.new_show_detail h3{ font-size: 30px; font-weight: bold; color: #333;}
.new_show_detail .new_info{ color: #666; font-size: 14px; margin: 15px 0;}
.new_show_detail .new_info span{ margin-right: 40px;}
.news_content{ border-top: 2px solid #f3f3f3; padding: 40px 0; text-align: center;}
.news_content p{ line-height: 30px; margin-bottom: 30px; text-align: left;}
.news_content img{ max-width: 80%; margin-bottom: 30px;}
.news_recomm{ float: right; width: 24%;}
.news_pages{ font-size: 14px; color: #666;}

.news_pages .back{ margin: 0 auto;}
.news_pages .back img{ width: 14px;margin-right: 5px;}

.news_recomm .short_line{ width: 40px; height: 3px; margin: 0;}
.news_recomm h3{ font-weight: bold; font-size: 20px; margin: 15px 0 20px;}
.recomm_list ul li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee;}
.recomm_list ul li:last-child{ border: none;}
.recomm_list ul li img{ width: 100%; height: 178px;}
.recomm_list ul li .date{ font-size: 14px; color: #666; margin: 10px 0 5px; display: block;}
.recomm_list ul li h4{ color: #333;}

.contact_bottom .short_line{ width: 40px; height: 3px; margin: 0;}
.contact_bottom h3{ font-size: 22px; font-weight: bold; color: #333; margin: 15px 0;}
.contact_list{ padding-bottom: 40px; border-bottom: 1px solid #ddd; margin-bottom: 50px;}
.contact_list ul li{ float: left; width: 33.3%;}
.contact_list ul li i{ display: block; float: left; margin-right: 15px; font-size: 24px;margin-top:-4px;}
.contact_list ul li .contact_txt{ float: left;}
.contact_list ul li .contact_txt span{ display: block;}
.contact_list ul li .contact_txt span.tele{ font-weight: bold; font-size:22px;}
.contact_bottom{ padding: 20px 0 60px;}
.massage,.map{ width: 50%; float: left;}
.massage .contact_form{ width: 95%;}
.contact_form input,.contact_form .mass_textarea{ width: 100%; border-bottom: 1px solid #ddd; margin-top: 25px; padding:0 15px 25px; font-size: 14px;}
.massage_btn input{ width: 48%; margin: 30px 0; height: 50px; line-height: 50px; color: #fff; background: #e83a2a; cursor: pointer;}
.massage_btn input:nth-child(2){ background: #232323; margin-left: auto;}
.map img{ width: 700px;}

#toolbar{ padding: 5px 0 10px; border-top:1px solid #d3d3d3; position:fixed; left:0; bottom:0; width:100%; background:#fff; display:none;}
#toolbar ul li{ float:left; width:25%; text-align:center;}
#toolbar ul li .iconfont{ font-size:18px;}
#toolbar ul li span{ display:block; font-size:12px;}

@media (max-width: 1700px){
	.index_pro_tit{ width: 10%;}
	.index_pro_spic{ width: 90%;}
	.index_pro_tit h2{ font-size: 30px;}
	.index_pro_bpic .bpic_txt{ width: 60%; left: 5%; margin-left: 0;}
	.indabout_txt{ width: 90%;margin: 0 auto; left: 5%;}
	.ny_ban .imgg img{width: 100%;}
	.pro_det_txt .pro_parameter .counter{ font-size: 54px;}
	.pro_det_txt .pro_parameter dt{ width: 33.3%;}
	
}



@media (max-width: 1400px){
	.index_pro_tit{ height: 150px;}
	.index_pro_spic .mySwiper{ padding: 0;}
	.index_pro_spic ul li{ padding-bottom: 3px;}
	.index_pro_spic ul li.swiper-slide-thumb-active, .index_pro_spic ul li:hover{ padding-bottom: 0px;}
	.index_pro_spic .mySwiper{ height: 150px;}
	.index_pro_tit{ padding: 25px 0;}
	.bpic_img img{ width: 800px;}
	.bpic_txt .more_btn{ margin-top: 50px;}
	.index_pro_bpic .bpic_txt{ left: 12%; padding: 40px 0;}
	.indabout_txt .other .other_item{ width: 200px;}
	.index_news h4{ padding-top: 20px;}
	.ny_pro_txt{ padding: 60px 0 40px 60px;}
	.ny_pro_txt h3{ margin-bottom: 30px;}
	.ny_pro_txt ul li{ width: 50%;}
	.news_box .newsf img{ height: 320px;}
	.index_news p{ height:92px; overflow:hidden;}

}

@media (max-width: 1200px){
	.indabout_txt { position: unset!important; height: auto;}
	.indabout_txt .other{ display: none;}
	.indabout_tit{ display: none;}
	.index_about{ height: auto; padding: 40px 0; margin-bottom: 40px;}
	.profile { float: none; width: 100%;}
	.profile .prof_tit{ font-size: 28px;}
	.profile .prof_tit img{ width: 32px;}
	.choose_box .choose_item h4{ font-size: 16px;}
	.choose_box .choose_item{ padding: 20px; height: 300px;}
	.choose_box .choose_item p{ font-size: 12px;}
	.news_box .newsr ul li{ padding: 15px;}
	.news_box .newsf .newsf_txt{ padding: 15px;}
	.pro_det_txt .pro_parameter .counter{ font-size: 48px;}
	.parameter_list ul li{ width: 48%; margin-right: 4%;}
	.parameter_list ul li:nth-child(3n){ margin-right: 4%;}
	.parameter_list ul li:nth-child(2n){ margin-right: 0;}
	.pro_chara ul li{ width: 48%; margin-right: 4%;}
	.pro_chara ul li:nth-child(3n){ margin-right: 4%;}
	.pro_chara ul li:nth-child(2n){ margin-right: 0;}
	.about_list ul li .ny_about_txt h3{ font-size: 20px;}
	.about_list ul li .ny_about_txt p{ line-height: 24px;}
	.about_img_list ul.chejian li{ width: 48%; margin-right: 4%;}
	.about_img_list ul.chejian li:nth-child(3n){ margin-right: 4%;}
	.about_img_list ul.chejian li:nth-child(2n){ margin-right: 0;}
	.case_list ul li{ width: 32%;}
	.case_list ul li:nth-child(4n){ margin-right: 2%;}
	.case_list ul li:nth-child(3n){ margin-right: 0;}
	.news_detail_tab ul li img{ height: 220px;}
	.new_show_detail h3{ font-size: 26px;}
	.news_box .newsf img{ height: 300px;}
}

@media (max-width: 1024px){
	.index_pro{ position: relative;}
	.index_pro_tit{ position: absolute;top: 0; left: 0; z-index: 99; padding: 10px 0; height: auto;}
	.index_pro_spic{ display: none;}
	.pro_parameter{ margin-top: 40px;}
	.pro_parameter .counter{ font-size: 48px;}
	.pro_parameter dt{ width: 33.3%;}
	.top_contact{ display: none;}
	.bpic_img img{ width: 600px;}
	.index_pro_tit h2{ line-height: 38px;}
	.index-banner{ margin-top: 60px;}
	.choose_box .choose_item{ width: 48%; margin:0 4% 30px 0;}
	.choose_box .choose_item:nth-child(2n){ margin-right: 0;}
	.news_box .newsf{ float: none; width: 100%; height: auto;}
	.news_box .newsr{ float: none; width: 100%;}
	.news_box .newsr ul li{ margin: 0 4% 20px 0;}
	.news_box .newsr ul li:nth-child(2n){ margin-right: 0;}
	.index_news{ margin: 40px auto;}
	.ny_ban{ margin-top: 60px;}
	.ny_pro_list .ny_pro_item .ny_pro_img,.ny_pro_list .ny_pro_item .ny_pro_txt{ float: none!important; width: 100%;}
	.ny_pro_txt h3{ text-align: center;}
	.ny_pro_txt ul li{ text-align: center;}
	.ny_ban .imgg img{width: 130%; margin-left:-10%;}
	.ny_pro_top{ margin-top: 60px;}
	.pro_det_img{ width: 100%; float: none;}
	.pro_det_txt{ width: 100%; float: none; padding:20px;}
	.pro_det_txt .pro_parameter{ margin-top: 40px;}
	.pro_det_txt .more_btn{ margin-top: 40px;}
	.pro_technol ul li img{ height: 60px;}
	.pro_technol ul li span{ font-size: 14px; margin-top: 10px;}
	.about_bottom .ny_nav_box{ width: 100%;}
	.about_bottom .tarA{ width: 25%;}
	.about_list ul li .ny_about_img{ float: none; width: 100%;}
	.about_list ul li .ny_about_txt{ float: none; width: 100%; padding:15px 0;}
	.about_list ul li:nth-child(2n) .ny_about_txt p{ width: 100%;}
	.about_list ul li:nth-child(2n+1) .ny_about_txt{ padding:15px 0;}
	.pro_pages{ margin-bottom: 60px;}
	.case_list ul li img{ height: 210px;}
	.news_detail_tab ul li{ width: 48%; margin-right: 4% }
	.news_detail_tab ul li:nth-child(3n){ margin-right: 4%;}
	.news_detail_tab ul li:nth-child(2n){ margin-right: 0;}
	.new_show_detail{ width: 100%; float: none;}
	.news_recomm{ width: 100%; float: none; margin-top: 30px;}
	.recomm_list ul li{ float: left; width: 32%; margin-right: 2%; border: none; margin-bottom: 0;}
	.recomm_list ul li:nth-child(3){ margin-right: 0;}
	.recomm_list ul li img{ height: 160px;}
	.recomm_list ul li h4{ font-size: 14px;}
	.news_show_bottom{ margin: 0 0 20px;}
	.ny_position{ line-height: 60px;}
	.contact_list ul li .contact_txt span{ font-size: 14px;}
	.contact_list ul li{ width: 100%; float: none; margin-bottom: 20px;}
	.massage,.map{ width: 100%; float: none;}
	.massage .contact_form{ width: 100%;}
	.contact_list{ margin-bottom: 30px; padding-bottom: 20px;}
	.contact_bottom{ padding: 20px 0 40px;}
	.news_box .newsf img{ height: 360px;}
	.news_box .newsr ul li{height: auto;}
}

@media (max-width: 768px){
	.index_pro_tit{display:none;}
	.index_pro_tit h2{ font-size: 24px; letter-spacing: 4px;}
	.index_pro_bpic{ background: none!important;}
	.bpic_img{ float: none; width: 100%;  text-align: center;}
	.bpic_img img{ width: 90%; margin: 0 auto; width: 500px;}
	.index_pro_bpic .bpic_txt{ position: unset!important; width: 90%; margin: 0 auto;}
	.bpic_txt h3{ color: #333; font-size: 24px;}
	.bpic_txt .pro_des{ color: #555; font-size: 16px;}
	.pro_parameter dt{ color: #555; border-right:1px solid #ddd; font-size: 14px;}
	.pro_parameter .counter{ color: #333; font-size: 30px;}
	.pro_parameter dt img{ display: none;}
	.bpic_txt .more_btn a:nth-child(2){ border:1px solid #ddd; color: #666;}
	.index_pro_bpic .bpic_txt{ padding: 20px 0;}
	.bpic_txt .more_btn{ display:none;}
	.more_btn a{ width: 140px; height: 38px; line-height: 38px;}
	.index_about{ padding: 20px 0;}
	.profile .prof_tit{ font-size: 24px;}
	.profile .prof_tit img{ width: 28px;}
	.profile .prof_txt{ font-size: 14px;}
	.profile{ padding: 20px;}
	.indabout_txt{ width: 96%; background: rgba(255,255,255,0.95); left: 2%;}
	.index_choose{ padding: 30px 0; background:none!important;}
	.choose_box{ margin: 20px 0 0;}
	.choose_box .choose_item{ overflow: hidden; width:100%; height:auto; box-shadow:0 0 15px rgba(0,0,0,.4);}
	.choose_box .choose_item:hover{ background:#fff;}
	.choose_box .choose_item .img_bg{ width:60px; height:60px; float:left; background:#e83a2a; border-radius:50%; margin:0; padding: 0;}
	.choose_box .choose_item .img_bg img{ width:80%; margin-top:10%; height:auto;}
	.choose_box .choose_item .choose_txt{ float:right; width:83%;}
	.index_choose .choose_tit h2{ font-size: 24px; height: 24px; line-height: 24px; color:#333;}
	.choose_box .choose_item h4{ color :#333;  text-align:left;}
	.choose_box .choose_item p{ color:#555; text-align:left;}
	.choose_box .choose_item .short_line{ margin: 5px 0;}
	.index_news h4{ font-size: 16px; padding-top: 15px; margin-bottom: 10px;}
	.index_news .indnews_title h2{ font-size: 24px; line-height: 24px; height: 24px;}
	.index_news .date{ font-size: 12px; width: 80px; height: 24px; line-height: 24px;}
	.ny_pro_txt h3{ font-size: 24px; margin-bottom: 10px;}
	.ny_pro_txt ul li a{ font-size: 14px;}
	.ny_pro_txt{ padding: 30px 0 20px 30px;}
	.ny_ban .imgg img{ width:150%;  margin-left:-20%;}
	.pro_det_txt .pro_parameter .counter{ font-size: 30px;}
	.pro_det_txt .pro_parameter{ margin-top: 20px;}
	.pro_det_txt .more_btn{ margin-top: 20px; display:flex;}
	.pro_det_txt .more_btn a{ margin: 15px auto 0;}
	.ny_nav{ height: 50px;}
	.ny_nav_box{ width: 100%;}
	.ny_nav_box .tarA{ width: 50%; line-height: 40px; font-size: 16px;}
	.ny_nav_box .tarA a{ line-height:40px;}
	.pro_technol ul li{ text-align: center;}
	.pro_technol ul li img{ float: none; margin: 0;}
	.pro_technol ul li span{ float: none;}
	.pro_detail .pro_detail_tab{ padding: 30px 0;}
	.pro_technol{ margin-bottom: 30px;}
	.pro_pages{ margin-bottom: 40px;}
	.pro_chara ul li img{ height: 200px;}
	.pro_pages{ margin-bottom: 40px;}
	.about_detail .about_detail_tab{ padding: 30px 0 0;}
	.about_list ul li .ny_about_txt h3{ font-size: 16px; margin-bottom: 15px;}
	.about_list ul li .ny_about_txt p{ font-size: 14px; line-height: 20px;}
	.about_bottom .tarA{ width: 25%;}
	.about_img_list ul li img{ height: 240px;}
	.about_img_list ul li .about_img_tit{ line-height: 38px; font-size: 14px;}
	.case_list ul li{ width: 48%; margin-right: 4%;}
	.case_list ul li:nth-child(3n){ margin-right: 4%;}
	.case_list ul li:nth-child(2n){ margin-right: 0;}
	.case_list ul li img{ height: 200px;}
	.case_list ul li .case_tit{ line-height: 38px; font-size: 14px;}
	.news_detail_tab ul li img{ height: 180px;}
	.ny_news_txt{ padding: 40px 15px 10px;}
	.ny_news_txt h3{ font-size: 16px;}
	.ny_news_txt p{margin: 10px 0;}
	.news_detail_tab{ padding-top: 40px;}
	.recomm_list ul li img{ height: 140px;}
	.new_show_detail h3{ font-size: 22px;}
	.news_content{ padding: 20px 0;}
	.news_content p{ margin-bottom: 15px;}
	.news_content img{ margin-bottom: 15px;}
	.contact_form input, .contact_form .mass_textarea{ padding: 0 10px 15px; margin-top: 15px;}
	.massage_btn input{ height: 40px; line-height: 40px;}
	.contact_bottom{ padding: 20px 0 30px;}
	.contact_bottom h3{ font-size: 18px;}
	.about_list ul li{ margin-bottom:20px;} 
	.parameter_value{ font-size: 14px;}
	.contact_list ul li i{ font-size: 20px;}
	.index-banner .swiper-slide{ display:block;}
	.foot{ margin-bottom: 62px;}
	#toolbar{ display:block;}
	.indnews_title{ width: 96%;margin: 0 auto;}
	.index_news{ margin:25px auto;} 
	.ny_news_txt i{ display:none;}
	.index_news p{ font-size: 14px;}
	.pro_det_txt{ padding:10px; }
	.pro_chara_txt p{ height: auto;}
}
@media (max-width: 540px){
	.bpic_img img{ width: 400px;}
	.index_choose{ padding: 0 10px;}
	.choose_box .choose_item h4{ font-size: 14px;}
	.choose_box .choose_item .short_line{ margin-bottom: 10px;}
	.news_box .newsr ul li{ width: 100%; margin: 0 0 15px 0; height: auto;}
	.news_box .newsr ul li h4{ margin: 15px 0 10px; padding:15px 0 10px;}
	.ny_pro_txt{ padding: 10px;}
	.pro_chara_txt{ padding: 10px;}
	.pro_chara_txt h3{ margin-bottom: 10px;}
	.pro_chara ul li img{ height: 150px;}
	.pro_chara_txt h3{ font-size: 16px;}
	.pro_chara_txt p{ font-size: 12px; line-height: 20px; height: auto;}
	.pro_pages{ margin-bottom: 20px;}
	.about_list ul li .ny_about_img img{ height: 320px;}
	.about_img_list ul li img{ height: 180px;}
	.case_list ul li img{ height: 170px;}
	.news_detail_tab ul li{ width: 100%; margin-right: 0; }
	.news_detail_tab ul li:nth-child(3n){ margin-right: 0;}
	.news_detail_tab{ padding-top: 30px;}
	.recomm_list ul li img{ height: 100px;}
	.new_show_detail h3{ font-size: 18px;}
	.news_content p{ font-size: 14px; line-height: 24px;}
	.ny_position{ line-height: 40px;}
	.map{ display: none;}
	.contact_bottom{ padding: 10px 0 20px;}
	.news_box .newsf img{ height: 280px;}
	.news_pages{ display:block;}
	.news_pages .back{ display:none;}
	.news_pages i{ display:none;}
	.pro_parameter{ margin-top: 20px;}
}
@media (max-width: 450px){
	.index_pro_tit h2{ letter-spacing: 4px; line-height: 26px;}
	.bpic_img img{ width: 320px;}
	.ny_ban .imgg img{ width:180%; margin-left:-40%;}
	.about_list ul li .ny_about_img img{ height: 270px;}
	.about_img_list ul li img{ height: 140px;}
	.case_list ul li img{ height: 140px;}
	.recomm_list ul li img{ height: 80px;}
	.news_box .newsf img{ height: 223px;}
	.choose_box .choose_item .choose_txt{ width:80%;}
	.choose_box .choose_item .img_bg{ margin-top: 10px;}
}