@charset "utf-8";

/* CSS Document */

@media screen and (min-width:0px) and (max-width:640px)

{	

.header_top{ padding:0% 2%; height:auto; position:static !important}

.i_logo_img{width:23%; padding-top:0px;}

.two_list_m{ top:4.5vmin;}

.loading-img{width:141px;  height:57px; margin-left:-79.5px; margin-top:-28.5px;}

#banner,.n_banner{ padding-top:0}

.i_footer ul li{width:100%; padding:20px 0px;}

.i_footer ul li.bg1 .div{width:90%;}

.i_footer ul li.bg1 .a_img{width:80%; margin:0px auto; margin-bottom:40px;}

.i_footer ul li.bg2{ border:0px;}

.i_footer ul li.bg2 .div{width:90%;}

.i_footer ul li.bg2 .div .fo_text{ padding:20px 0px;}

.i_footer ul li.bg3{ padding:20px 0px;}

.i_footer ul li.bg3 .div{width:100%;}

.i_footer ul li.bg3 .div .img2{ top:30%;}



.i_case_c{ padding:0px 3%;}

.i_case_c ul li{width:100%; margin-bottom:10px;}

.i_case_c ul li .a_img img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

.i_case_c ul li .a_img .a_text{ bottom:0px; height:30px; line-height:30px; font-size:14px;}

.ui_div_center{width:100%; padding:0px 3%;}

.i_case_t{ padding:20px 0px;}

.i_case_t .s2{width:100%; margin-top:10px;}

.i_case_t .s2 a{width:29.33%; float:left; margin:0px 2%; text-align:center;}

.i_case_t .s1{ font-size:12px;}

.i_case_t .s1 .font1{ font-size:20px;}



.i_ywdiv li{/*width:50%;*//* border-right:0px;*/}
.i_ywdiv li .a_img .a_text{ padding-top:20%;}
.i_ywdiv li .a_img .a_text .s1{ font-size:18px}


.i_about_l{width:100%; padding:3%;}

.i_about_lt{ font-size:12px;}

.i_about_lt span{ font-size:4.5vmin;}

.i_about_lc{ margin-top:20px;}

.i_about_r{width:100%; padding:4%;}

.i_about_r ul li{ padding:20px 0px 0px 0px; text-align:center;}

.i_about_r ul li a{ padding-bottom:20px; padding-left:0px;}

.i_about_r ul li a:after{ content:""; width:100%; height:1px; position:absolute; left:0px; top:auto; bottom:0px; background-color:#d2d2d2;}

.i_about_r ul li a .div1 span{ font-size:20px;}

.i_about_r ul li a .div1.bg1{ background:url(/images/s1.png) top center no-repeat;}

.i_about_r ul li a:hover .div1.bg1{ background:url(/images/s11.png) top center no-repeat;}

.i_about_r ul li a .div1.bg2{ background:url(/images/s2.png) top center no-repeat;}

.i_about_r ul li a:hover .div1.bg2{ background:url(/images/s21.png) top center no-repeat;}

.i_about_r ul li a .div1.bg3{ background:url(/images/s3.png) top center no-repeat;}

.i_about_r ul li a:hover .div1.bg3{ background:url(/images/s31.png) top center no-repeat;}

.i_about_lb{ margin-top:10px; margin-bottom:20px !important}

.i_nbgcenter{width:100%; padding:0px 3%;}

.i_news{ padding:20px 0px;}

.i_news_l{width:100%; padding-bottom:20px;}

.i_news_r{width:100%;}

.i_news_rcon .div_r{ padding:20px 3%; height:auto;}

.i_news_rcon .div_rcon_t{ height:auto !important; line-height:1.8; font-size:16px;}

.i_news_rcon .div_rcon_c{ height:auto !important; line-height:1.8; font-size:12px;}

.i_news_rcon .div_rcon{ height:auto !important;}



.n_project_t{ padding:20px 0px;}

.n_project_t1{ font-size:18px; padding-bottom:0px;}

.n_project_ul li{width:100%; border-right:0px; margin-bottom:10px;}

.a_zxlmenu{ display:block;}

.n_project_t2{ display:none;}

.pc_amenu{ display:none;}

.n_project_ul li .a_img:hover .a_text{display:block;}

.n_project_ul li .a_img:hover .a_text1{display:none;}

.n_project_ul li .a_img .a_text{ font-size:14px;}



.n_expoPages a{ margin-bottom:5px; width:30px; line-height:30px; text-align:center; height:30px; font-size:13px;}

.a_mt_pages .btb1{ border:0px; border-bottom:1px solid #dfdfdf;}

.a_newsdetails{ padding-top:0px;}



.a_model{ padding:20px 0px;}

.a_model_t{ font-size:14px; padding:15px 0px;/* text-align:center;*/}



.a_newsul li{width:100%; margin:0px; padding:0px; padding-bottom:2%;}

.n_news{ padding:20px 0px;}





.n_brand_t{ height:auto !important;}

.n_brand_t1{ font-size:40px; padding:0px 0px 20px 0px; position:relative;}

.n_brand_t2{ font-size:15px;}

.n_brand_c li{width:50%;}



.n_join{ padding:20px 0px;}

.n_join_l{width:100%; margin-bottom:20px;}

.n_join_r{width:100%;}



.n_about_div1_l{ width:100%; padding:20px 3%;}

.n_about_div1_r{width:100%;}

.a_qywh_ne_c{ padding:15px 0px; font-size:2.5vmin;}

.a_qywh_ne_ul li{width:48%;margin:0px 1% 1% 1%;}

.a_qywh_ne_ul li a:hover .zc{opacity:0;}

.a_qywh_ne_ul li a:hover .zc_te .t_011,.a_qywh_ne_ul li a:hover .zc_te .t_012{ display:none;}

.a_qytd{ padding:20px 0px;}

.n_about_div1_l_t h1{ font-size:20px;}



.n_about_des{ padding:20px 0px;}



.tgg_div_c{width:100%;}

.tgg_div{ padding:0px 3%;}



.tb1{ display:none}

.tgg_div{ display:none;}





/*2018-9-18*/

.add_footer_b{ margin-top:20px;}

.add_footer_b_l{width:100%; text-align:center;}

.add_footer_b_r{width:100%; text-align:center;}

.add_footer_c .add_text{ font-size:14px; padding-bottom:0px;}
.add_footer_c{ padding:15px;}
.add_footer_c_in{ width:100%}
.add_footer_c .add_logo,.add_footer_c .add_text,.add_footer_c .add_wx,.add_footer_c_in{ width:100%; margin:auto}
.add_footer_c .add_wx,.add_text_in{ margin-top:10px}
.form-group,.form-control{ width:100% !important}
.add_case{ padding-bottom:10px;}

.home-swiper4 .swiper-slide .a_img .a_text{width:100%; height:auto !important; top:auto; bottom:0px; padding:0% 3%;}

.home-swiper4 .swiper-slide .a_img .a_text .s1{ height:40px; line-height:40px; font-size:14px;}

.home-swiper4 .swiper-slide .a_img .a_text .s2{ display:none;}

.home-swiper4 .swiper-slide .a_img .a_text .s3{ display:none;}


.skf{ display:block;}
.a_case_hobe{ display:none;}
.section.page1{ overflow:auto !important;}
.section.page1,.section.page1 .fp-tableCell{ height:auto !important;}
.ly_ocd1_t img{width:85%;}
.ly_oc_zxl{width:50%;}
.ly_oc{width:50%;}





.brand_tUl{ padding-bottom:0px;}

.brand_tUl li .div .a_img{width:100%;}

.brand_tUl li .div .a_img_r{width:100%; margin:0px; padding:3% 3% 5% 3%;}

.brand_tUl li .div .a_img_r .s1{ height:40px; line-height:40px;}

.brand_tUl li .div .a_img_r .s2{ height:auto !important;}

.a_qytd_t1 a{ width:45%; float:left; margin:0px 5px 10px 5px;}
.a_qytd_t1:after{ content:""; clear:both;}



.i_nbgcenterxz{width:100%; padding:3%;}

.a_qytd_t{ text-align:left;}
.n_about_div1_l{ text-align:left;}

.i_ywdiv li .a_img .a_text .s2{}


}

@media screen and (min-width:640px) and (max-width:767px){

.header_top{padding:2% 2%; height:auto;}	

.i_logo_img{width:19%; padding-top:0px;}

.add_footer_b_l,.add_footer_b_r{ width:100%; text-align:center}

.loading-img{width:200px;  height:41px; margin-left:-100px; margin-top:-20px;}





.i_footer ul li{width:100%; padding:20px 0px;}

.i_footer ul li.bg1 .div{width:90%;}

.i_footer ul li.bg1 .a_img{width:50%; margin:0px auto; margin-bottom:40px;}

.i_footer ul li.bg2{ border:0px;}

.i_footer ul li.bg2 .div{width:90%;}

.i_footer ul li.bg2 .div .fo_text{ padding:20px 0px;}

.i_footer ul li.bg3{ padding:20px 0px;}

.i_footer ul li.bg3 .div{width:100%;}

.i_footer ul li.bg3 .div .img2{ top:30%;}



.i_case_c{ padding:0px 3%;}

.i_case_c ul li{width:100%; margin-bottom:10px;}

.i_case_c ul li .a_img img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

.i_case_c ul li .a_img .a_text{ bottom:0px; height:30px; line-height:30px; font-size:14px;}

.ui_div_center{width:100%; padding:0px 3%;}

.i_case_t{ padding:20px 0px;}

.i_case_t .s2{width:100%; margin-top:10px;}

.i_case_t .s2 a{width:29.33%; float:left; margin:0px 2%; text-align:center;}

.i_case_t .s1{ font-size:12px;}

.i_case_t .s1 .font1{ font-size:20px;}



/*.i_ywdiv li{width:100%; border-right:0px;}*/
.i_ywdiv li .a_img .a_text{ padding-top:60%;}



.i_about_l{width:100%; padding:3%;}

.i_about_lt{ font-size:12px;}

.i_about_lt span{ font-size:4.5vmin;}

.i_about_lc{ margin-top:20px;}

.i_about_r{width:100%; padding:4%;}

.i_about_r ul li{ padding:20px 0px 0px 0px; text-align:center;}

.i_about_r ul li a{ padding-bottom:20px; padding-left:0px;}

.i_about_r ul li a:after{ content:""; width:100%; height:1px; position:absolute; left:0px; top:auto; bottom:0px; background-color:#d2d2d2;}

.i_about_r ul li a .div1 span{ font-size:20px;}

.i_about_r ul li a .div1.bg1{ background:url(/images/s1.png) top center no-repeat;}

.i_about_r ul li a:hover .div1.bg1{ background:url(/images/s11.png) top center no-repeat;}

.i_about_r ul li a .div1.bg2{ background:url(/images/s2.png) top center no-repeat;}

.i_about_r ul li a:hover .div1.bg2{ background:url(/images/s21.png) top center no-repeat;}

.i_about_r ul li a .div1.bg3{ background:url(/images/s3.png) top center no-repeat;}

.i_about_r ul li a:hover .div1.bg3{ background:url(/images/s31.png) top center no-repeat;}



.i_nbgcenter{width:100%; padding:0px 3%;}

.i_news{ padding:20px 0px;}

.i_news_l{width:100%; padding-bottom:20px;}

.i_news_r{width:100%;}

.i_news_rcon .div_r{ padding:20px 3%;}





.n_project_t{ padding:20px 0px;}

.n_project_t1{ font-size:18px; padding-bottom:0px;}

.n_project_ul li{width:100%; border-right:0px; margin-bottom:10px;}

.a_zxlmenu{ display:block;}

.n_project_t2{ display:none;}

.pc_amenu{ display:none;}

.n_project_ul li .a_img:hover .a_text{display:block;}

.n_project_ul li .a_img:hover .a_text1{display:none;}

.n_project_ul li .a_img .a_text{ font-size:14px;}



.n_expoPages a{ margin-bottom:5px; width:30px; line-height:30px; text-align:center; height:30px; font-size:13px;}

.a_mt_pages .btb1{ border:0px; border-bottom:1px solid #dfdfdf;}

.a_newsdetails{ padding-top:0px;}



.a_model{ padding:20px 0px;}

.a_model_t{ font-size:20px; padding:15px 0px; text-align:center;}



.a_newsul li{width:100%; margin:0px; padding:0px; padding-bottom:2%;}

.n_news{ padding:20px 0px;}



.n_brand_t{ height:auto !important;}

.n_brand_t1{ font-size:40px; padding:0px 0px 20px 0px; position:relative;}

.n_brand_t2{ font-size:15px;}

.n_brand_c li{width:50%;}





.n_join{ padding:20px 0px;}

.n_join_l{width:100%; margin-bottom:20px;}

.n_join_r{width:100%;}





.n_about_div1_l{ width:100%; padding:20px 3%;}

.n_about_div1_r{width:100%;}

.a_qywh_ne_c{ padding:15px 0px; font-size:14px;}

.a_qywh_ne_ul li{width:48%;margin:0px 1% 1% 1%;}

.a_qywh_ne_ul li a:hover .zc{opacity:0;}

.a_qywh_ne_ul li a:hover .zc_te .t_011,.a_qywh_ne_ul li a:hover .zc_te .t_012{ display:none;}

.a_qytd{ padding:20px 0px;}

.n_about_div1_l_t h1{ font-size:20px;}



.n_about_des{ padding:20px 0px;}



.tgg_div_c{width:100%;}

.tgg_div{ padding:0px 3%;}



.tb1{ display:none}

.tgg_div{ display:none;}





/*2018-9-18*/


.add_footer_c .add_logo,.add_footer_c .add_text,.add_footer_c .add_wx,.add_footer_c_in{ width:100%; margin:auto}

.add_footer_b{ margin-top:20px;}

.add_footer_b_l{width:100%; text-align:center;}

.add_footer_b_r{width:100%; text-align:center;}

.add_footer_c .add_text{ font-size:14px; padding-bottom:20px;}

.add_case{ padding-bottom:10px;}

.home-swiper4 .swiper-slide .a_img .a_text{width:100%; height:auto !important; top:auto; bottom:0px; padding:0% 3%;}

.home-swiper4 .swiper-slide .a_img .a_text .s1{ height:40px; line-height:40px; font-size:14px;}

.home-swiper4 .swiper-slide .a_img .a_text .s2{ display:none;}

.home-swiper4 .swiper-slide .a_img .a_text .s3{ display:none;}



.skf{ display:block;}
.a_case_hobe{ display:none;}
.section.page1{ overflow:auto !important;}
.section.page1,.section.page1 .fp-tableCell{ height:auto !important;}
.ly_ocd1_t img{width:85%;}
.ly_oc_zxl{width:50%;}
.ly_oc{width:50%;}





.brand_tUl{ padding-bottom:0px;}

.brand_tUl li .div .a_img{width:100%;}

.brand_tUl li .div .a_img_r{width:100%; margin:0px; padding:3% 3% 5% 3%;}

.brand_tUl li .div .a_img_r .s1{ height:40px; line-height:40px;}

.brand_tUl li .div .a_img_r .s2{ height:auto !important;}



.i_nbgcenterxz{width:100%; padding:3%;}



.a_qytd_t{ text-align:left;}
.n_about_div1_l{ text-align:left;}


}

@media screen and (min-width:768px) and (max-width: 992px)

{
	
.add_footer{ margin-top:30px}
.header_top{ padding:2% 2%; height:auto;}
.n_join_l{ float:left !important; margin-top:20px}
.n_join_r{ margin-top:20px}
.i_logo_img{width:16%; padding-top:0px;}

.add_footer_b_l,.add_footer_b_r{ width:100%; text-align:center}

.add_footer_c_in{ width:100%}
.add_footer_c .add_logo,.add_footer_c .add_text,.add_footer_c .add_wx,.add_footer_c_in{ width:100%; margin:auto}


.i_footer ul li{ padding:50px 0px;}

.i_footer ul li.bg1 .div{width:90%;}

.i_footer ul li.bg1 .a_text{ font-size:14px; letter-spacing:3px;}

.i_footer ul li.bg2 .div{width:90%;}

.i_footer ul li.bg2 .div .fo_text{ padding:20px 0px;}

.i_footer ul li.bg2 .div .flogo{ line-height:2;}

.i_footer ul li.bg3 .div .img2{ top:16%;}



.ui_div_center{width:100%; padding:0px 3%;}

.i_case_t .s1 .font1{ font-size:20px;}

.i_case_t .s1{ margin-top:20px;}

.i_case_t{ padding:10px 0px 30px 0px;}

.i_about_lt span{ font-size:25px;}

.i_about_l{ padding:40px 3% 45px 3%;}

.i_about_r{ padding-top:88px;}



.i_nbgcenter{width:100%; padding:0px 3%;}

.i_news{ padding:20px 0px;}

.i_news_rcon .div_r{ padding:20px 3%;}

.i_news_rcon .div_r{ height:450px;}



.n_brand_c li{width:33.33%;}



.n_join{ padding: 0px;}



.n_about_div1_l{ width:100%; padding:20px 3%;}

.n_about_div1_r{width:100%;}

.n_about_div1_l_t h1{ font-size:20px;}



.tgg_div_c{width:100%;}

.tgg_div{ padding:0px 3%;}



/*2018-9-18*/

.add_case{ padding-bottom:10px;}

.home-swiper4 .swiper-slide .a_img .a_text{width:100%; height:auto !important; top:auto; bottom:0px; padding:0% 3%;}

.home-swiper4 .swiper-slide .a_img .a_text .s1{ height:40px; line-height:40px; font-size:14px;}

.home-swiper4 .swiper-slide .a_img .a_text .s2{ display:none;}

.home-swiper4 .swiper-slide .a_img .a_text .s3{ display:none;}



.brand_tUl li .div .a_img_r .s2{ height:75px;}


.i_nbgcenterxz{width:100%; padding:3%;}




}

@media screen and (min-width:993px) and (max-width:1200px)

{

.header_top{ padding:10px 2% 0px 2%;}
.i_logo_img{width:11.5%;}
.i_logo_ul{width:65%;}
.i_footer ul li{ padding:50px 0px;}
.i_footer ul li.bg1 .div{width:90%;}

.i_footer ul li.bg1 .a_text{ font-size:14px; letter-spacing:3px;}

.i_footer ul li.bg2 .div{width:90%;}

.i_footer ul li.bg2 .div .fo_text{ padding:20px 0px;}

.i_footer ul li.bg2 .div .flogo{ line-height:2;}

.i_footer ul li.bg3 .div .img2{ top:23%;}

.ui_div_center{width:100%; padding:0px 3%;}



.i_nbgcenter{width:100%; padding:0px 3%;}

.i_news{ padding:20px 0px;}

.i_news_rcon .div_r{ padding:20px 3%;}

.i_news_rcon .div_r{ height:450px;width:67%;}

.i_news_rcon ul{width:28%;}


.n_about_div1_l{ padding:10px 3% 30px 3%;}

.n_about_div1_l_t h1{ font-size:18px; margin:10px 0px;}

.n_about_div1_l_t{ font-size:13px;}

.n_about_div1_l_b{ margin-top:0px;}

.n_about_div1_l_b a, .n_about_div1_l_b a:hover{ height:30px; line-height:30px;}



.tgg_div_c{width:100%;}

.tgg_div{ padding:0px 3%;}

.add_footer_c_in{ width:100%}



/*2018-9-18*/

.home-swiper4 .swiper-slide .a_img .a_text{ padding:5% 2% 0px 2%;}

.home-swiper4 .swiper-slide .a_img .a_text .s2{ height:225px;}
.brand_tUl li .div .a_img_r .s2{ height:100px;}



.i_nbgcenterxz{width:100%; padding:3%;}

}

@media screen and (min-width:1201px) and (max-width:1388px)

{

.header_top{ padding:10px 2% 0px 2%;}
.i_logo_img{width:15%;}
.i_logo_ul{width:66%;}
.ui_div_center{width:100%; padding:0px 3%;}
.n_about_div1_l{ padding:10px 3% 30px 3%;}
.i_logo_ul{ width:62% !important}

.i_logo_ul .nav_menu{ width:85%!important}
}

@media screen and (min-width:1389px) and (max-width:1600px)

{

	

.header_top{ padding:10px 1.5% 0px 1.5%;}

.i_logo_img{width:8%;}

.i_logo_ul{width:68%;}



.n_about_div1_l{ padding:20px 3% 40px 3%;}

















}



@media screen and (min-width:1601px) and (max-width:1800px)

{

.i_logo_img{width:8%;}

}