@charset "utf-8";

/*手机*/
@media (max-width:767px) {
.web_nav{ display: none;}
.ly_nav{ position: initial; padding: 4% 0;}
.ly_nav1{    display: block;
    align-items: normal;
    position: initial;    overflow: hidden;}
.ly_nav .nav_logo{ max-width: 100%; width: 100%;margin-bottom: 4%;}
.ly_nav .nav_logo img{    width: 70%;
    max-width: 277px;
    margin: 0 auto;
    display: block;}
.h_search{ position: initial;}
.h_search .form1{border: 1px solid #000;}
.h_search .form_button1{height: 46px;
    border-radius: 50px; background: #000; margin: 0;}
.nav_menu{display: none;}
.nav_nav{ max-width: 100%; width: 100%; height: auto; position: initial; display: block;}
.navigation{    display: block;     }
.navigation .nav_top{display: none;}
.navigation li{ width: 48.5%; margin-left: 1%; float: left; background: none; border: 0; font-size: 16px; color: #fff; background: #000; margin-bottom: 1%;}
.navigation .nav_li1{ display: none;}
.navigation .nav_fl_right{ float: right;}
.navigation li img{display: none;}
.navigation li a{ font-size: 16px; padding: 2% 0;}

.banner_bg h2{ font-size: 36px; margin-bottom: 2%;}
.banner_bg p{ font-size: 20px;}
.news_date{ width: 100%; padding: 0;}
.news_box h4{ font-size: 16px;word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden; margin-bottom: 2%; float: left; width: 100%;}
.news_box .blog_text{ word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden; margin-bottom: 4%; float: left; width: 100%;}
.news_box .by_time{ display: none;}
.new_inside li{ margin-bottom: 4%; width: 47%; margin-left: 2%; padding: 0;}
.title_list{ margin-bottom: 0; margin-top: 4%;}
.title_list h1{ font-size: 28px; margin-bottom: 3%;}
.title_list span{ width: 30%; max-width: 180px;}
.w1200{ position: inherit; height: auto; overflow: hidden;}
.home_1{ position: inherit;}
.home_2{ position: inherit; margin-bottom: 6%;}
.home_3{ position: inherit; width: 96%; padding: 0; margin-bottom: 6%;}
.home_4{ position: inherit;}
.home_5{ position: inherit;}

.home_2 h3{ color: #000; font-size: 24px; margin-bottom: 6%;}
.home_2 h3 i{ color: #00a2ea;}
.home_2 ul li h5{ color: #000; font-size: 14px;border-bottom: 1px solid rgba(0,0,0,.5); padding: 6% 0;}
.home_2 ul li p{ color: #000; font-size: 12px;padding: 4% 0;}
.home_3 h3{ margin-bottom: 4%; font-size: 24px;}
.home_3 p{ font-size: 14px;}
.home_4 h3{ margin-bottom: 4%; font-size: 24px;}
.home_4 h3 i{ color: #00a2ea;}
.home_2 ul li{ width: 47%; margin-left: 2%; max-width: 100%; margin-bottom: 2%;}
.h_news{ width: 100%; padding: 0;}
.h_news .news_bd .news_tj{ width: 47%; margin-left: 2%; float: left;}
.h_foot2_bottom .foot_bot1{ width: 100%; margin-left: 0; text-align: center;margin-bottom: 20px;border-bottom: 1px solid #fff;padding-bottom: 20px;}
.h_foot2_bottom .foot_bot2{ width: 100%; margin-right: 0; text-align: center;}
.h_foot2_bottom .foot_bot2 a{ width: 50%; float: left; margin-left: 0; margin-bottom: 20px;}
.h_foot3{padding: 20px 0 0;}
.contact .contact_1 ul{ margin: 6% auto 0;}
.gsjj p{ font-size: 16px;}
.h_tlt1 span{ font-size: 28px; padding: 0 2px 3%;}
.ny_content .content_left{ margin-top: 4%;}
.contact .contact_1 ul li h5{ font-size: 16px;}
.contact_us_text{ margin-top: 4%;}
.h_news .news_bd .news_tj p a{ font-size: 16px;}
.category{ position: initial; margin-top: 0;}
.category ul li{ width: 48.5%; margin-left: 1%; margin-bottom: 1%;}
.category ul li h5{ margin-top: 14%; font-size: 18px;}
.category ul li a{ margin: 4% auto;}
.h_tlt1 h2{ font-size: 28px;}
.h_tlt1 p{ font-size: 14px;}
.h_products .pro_bd ul li{ width: 47%; margin-right: 0; margin-left: 2%; margin-bottom: 4%;}
.h_products .pro_bd ul li div .pro_img_view{ bottom: 2%; font-size: 12px; height: 26px; line-height: 26px;}
.h_products .pro_bd ul li p a{ font-size: 16px;}
.h_products .pro_bd ul li p .span1{ font-size: 14px;}
.h_products .pro_bd ul li p .span2{ font-size: 12px;}
.ban_1{ margin-bottom: 0;}
.h_products_in{ padding: 4% 0 2%;}
.about_1 .about_text{ font-size: 14px;}
.foot_1 .foot_lb ul li .submit{ right: 5%;}
.foot_1 .foot_lbss{ width: 100%;}
.foot_1 .foot_logo img{ margin: 10% 0;}
.h_news .news_bd .news_tj em{ font-size: 12px;}
.h_news .news_bd .news_tj span{ margin-bottom: 6%;}
.h_news .news_bd .news_tj .read_more{ height: 28px; line-height: 28px;}
.banner_bg .banner_text{ top: 18%;}
.ny_products .pro_bd ul li div p a{ font-size: 16px;}
.ny_products .pro_bd ul li div .pro_img_view{bottom: 2%;
    font-size: 12px;
    height: 26px;
    line-height: 26px;}
.ny_products .pro_bd ul li div p .span1{ font-size: 14px;}
.ny_products .pro_bd ul li div p .span2{ font-size: 12px;}
.content_right .conn .xgcp li div p a{ font-size: 16px;}
.content_right .conn .xgcp li div .pro_img_view{bottom: 2%;
    font-size: 12px;
    height: 26px;
    line-height: 26px;}
.content_right .conn .xgcp li div p .span1{ font-size: 14px;}
.content_right .conn .xgcp li div p .span2{ font-size: 12px;}
.navigation li .a_hei{ color: #fff;}
.navigation li a:hover, .navigation li a.nav_hei{ color: #fff; border: 0;}
.navigation li a:hover, .navigation li a.nav_on{ color: #fff; border: 0;}
.h_search .form_button1 .search_hide{ display: inline-block;}
.h_search .form_button1 .search_show{ display: none;}
.ny_content{ width: 100%;}
.news_box .h_xian{ display: none;}
.news_box .read_more{ position: initial; float: left; font-size: 12px; width: 100px; padding: 0;}
.new_inside{ margin-bottom: 0;}
.contact{ width: 100%;}
.ny_content .content_right .write{ width: 100%;}
.content_right .conn .pro_name{ font-size: 18px;}
.tags_title_re span{ font-size: 24px;}
}
@media (max-width: 640px){
	.banner_bg h2{ font-size: 32px;}
	.banner_bg p{ font-size: 18px;}
}
@media (max-width: 500px){
	.banner_bg h2{ font-size: 28px;}
	.banner_bg p{ font-size: 16px;}
	.news_box .blog_text{ font-size: 12px;}
	.contact_us_text{ font-size: 14px;}
	.cpzx .ly_msg ul li .che_btn p{ font-size: 14px;}
	.privacy{ font-size: 16px;}
	.foot_top1 h2{ font-size: 18px;}
	.h_news .news_bd .news_tj p a{ font-size: 14px;}
	.news_box h4{ font-size: 14px;}
	.content_right .conn .proshow1 .pro_btn1{ height: 36px; line-height: 36px;}
}
@media (max-width: 400px){
	.banner_bg h2{ font-size: 24px;}
	.news_box h4{ font-size: 14px;}
	.title_list h1{ font-size: 24px;}
	.gsjj p{ font-size: 14px;}
	.h_tlt1 span{ font-size: 24px;}
	.contact .contact_1 ul li h5{ font-size: 14px;}
	.contact_us_text{ font-size: 12px;}
	.cpzx .ly_msg ul li .che_btn p{ font-size: 12px;}
	.h_news .news_bd .news_tj p a{ font-size: 14px;}
	.h_news .news_bd .news_tj span{font-size: 12px;}
	.privacy{ font-size: 14px;}
	.faq ul li h4{ font-size: 16px;}
	.faq ul li p{ font-size: 14px;}
	.foot_top1{ padding: 0 2%;}
	.foot_top1 h2{ font-size: 16px;}
	.foot_top1 p{ font-size: 14px;}
	.foot_btn1{ font-size: 14px; width: 100px; margin-left: 2%;}
	.navigation li a{ font-size: 14px;}
	.h_tlt1 h2{ font-size: 24px;}
	.h_tlt1 p{ font-size: 12px;}
	.h_products .pro_bd ul li p a{ font-size: 14px;}
	.h_products .pro_bd ul li p .span1{ font-size: 12px;}
	.h_products .pro_bd ul li p .span2{ font-size: 12px;}
	.ny_products .pro_bd ul li div p a{ font-size: 14px;}
	.ny_products .pro_bd ul li div p .span1{ font-size: 12px;}
	.ny_products .pro_bd ul li div p .span2{ font-size: 12px;}
	.content_right .conn .xgcp li div p a{ font-size: 14px;}
	.content_right .conn .xgcp li div p .span1{ font-size: 12px;}
	.content_right .conn .xgcp li div p .span2{ font-size: 12px;}
}
@media (max-width: 360px){
	.news_box h4{ font-size: 12px;}
}