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

@media (max-width: 767px) {
body .mod-top01 .top-logo{ float:left; height:100px; }
body .top-logo img{  width:70px; height:90px; }
	
	.layout-bg .left{ width:100% !important}
	
	.layout-bg{ width:100% !important;}
	body .layout-product{     padding: 40px 0px 55px;}
	.nav-tabs{ display:none;}
	body .layout-sys4 .right{ float:left;}
	.language-content{    position: absolute;top: 35px;left: 30%;}
	body .layout{    min-width: 0px;}
	body .layout-page{ padding-left:15px; padding-right:15px;}
	.layout-bg .right{ width:100% !important;}
	body .layout-bg .right .right-bg{ width:300px !important;}
	body .mod-company01 .mod-content-company .company-plants img{ float: none;}
	body .mod-company01 .mod-content-company .company-plants{ text-align:center;}
	body .company-profile img{ width:100%;    height: auto;}
	body .layout-foot{ padding-left:15px; padding-right:15px;}
	body .footer-copyright{ padding-left:15px; padding-right:15px;}
	.layout-foot .left{ width:50% !important;}
	.layout-foot .centerleft{ width:50% !important;}
	body .layout-foot .centerleft .mod{ padding:0 15px;}
	.blk-main{ padding-left:15px; padding-right:15px;}
	body .layout-page1{ padding-left:15px; padding-right:15px;}
	body .mod-contactus01{ margin-top:50px;}
	.content-bg p img{ width:100%; height: auto;}
	body .mod-list .mod-content-list .list-link{ width:auto;}
	.mod-productlist01 .box-gallery .gallery-item{ width:100% !important;}
	.mod-productlist01 .box-gallery .gallery-item .product-img img{ width:100% !important; height:auto !important;}
	body .pagination .pagination-box a{    padding: 10px 10px;}
	body .pagination{ padding: 15px 10px;}
	body .mod-productdetail01 .img-box{ width:100%;}
	body .mod-productdetail01 .img-box .imgae{ width:100% !important; height:auto !important;}
	body .img-box .zoom-img{ width:345px !important; height:345px !important;}
	body .mod-productdetail01 .basic-box .mation-box th{ width:50%;}
	body .desc-content-box table{ width:100% !important;}
	.mod-productdetail01 .basic-box{ width:100% !important;}
	.product-tab-1{ width:100% !important;}
	.product-tab-1 .product-image img{ width:100% !important; height:auto;}
	.main .customer img{ width:100%; display:block;}
	.main .customer{ width:100% !important}
	.content-bg-otherbar iframe{ width:100% !important; height:auto;}
	body .main .xwlie{ width:100%;}
	body .main .xwlie img{ width:100%;}
	body .main .xwlie .lie{     padding-left: 50px;}
	body .head1 .heada{ width:100%;}
	body .head2{    background-size: 100%;     height: 19px;}
	body .head3{    background-size: 100%;    height: 19px;}
	body .head4{    background-size: 100%;    height: 19px;}
	body .head5{    background-size: 100%;    height: 19px;}
	body .head6{    background-size: 100%;    height: 19px;}
	body .head7{    background-size: 100%;    height: 19px;}
	body .head8{    background-size: 100%;    height: 19px;}
	body .customer_a{    display: block;}
	body .customer_b{    display: block;}
	body .customer_c{    display: block;}
	body .customer_d{    display: block;}
	body .customer_e{    display: block;}
	body .main .customer{ padding-left:15px !important; padding-right:15px !important;}
	body .main .picture{ padding-left:15px !important; padding-right:15px !important;}

	body .main .third{ padding-left:15px !important; padding-right:15px !important;}
	body .main .company{ padding-left:15px !important; padding-right:15px !important;     height:auto;}
	body .main .qukuai{ padding-left:15px !important; padding-right:15px !important; height:auto;    background: none;}
	body .main .guanggao{ padding-left:15px !important; padding-right:15px !important;}
	body .main .xwlie{ padding-left:15px !important; padding-right:15px !important;}
	body .main .team{ padding-left:15px !important; padding-right:15px !important; width:100%;}
	body .main .product{ padding-left:15px !important; padding-right:15px !important; width:100%;}
	body .main .our{ padding-left:15px !important; padding-right:15px !important;}
	body .main .service{ padding-left:15px !important; padding-right:15px !important; width:100%;}
	body .main .honor{ padding-left:15px !important; padding-right:15px !important;}
	body .main .zhengshu{ padding-left:15px !important; padding-right:15px !important;}
	body .main .story{ padding-left:15px !important; padding-right:15px !important;}
	body .picture_a{    display: block;}
	body .picture_b{    display: block;}
	body .picture_c{    display: block;}
	body .picture_d{    display: block;}
    body .main .picture{ width:100%;}
	body .main .picture img{ width:100%;    display: block;    height: 39px;}
	body .history .history_a{    background-size: 100%;     height: 39px;}
	body .history .history_b{    background-size: 100%;    height: 39px;}
	body .history .history_c{    background-size: 100%;    height: 39px;}
	body .main .third_main{ width:100%;}
	body .main .third_main .title img{ width:100%;}
	body .third_main .third_a .third_a_lie .third_kuai .neirong{ width:100%;}
	body .third_main .third_a .third_a_lie{ width:100%;}
	.third_kuai .neirong img{ width:100%;}
	body .third_main .third_a .third_a_lie .third_kuai{ width:100%;}
	body .main .company .company_a{ width:100%;}
	.pic_a .tu img{ width:100%;}
	.pic_a .tu1 img{ width:100%;}
	.pic_b .tu img{ width:100%;}
	.pic_b .tu1 img{ width:100%;}
	body .main .company .pic_b .tu{ float:none;}
	body .main .company .pic_b .tu1{ float:none; margin-left: 0px;}
	body .main .company .pic_a .tu1{ float:none;margin-left: 0px;}
	body .main .company .company_b .company_b_nei{ width:100%; text-align: center; font-size:12px;    line-height: 20px;
    overflow: inherit;    padding-top: 15px;}
	body .main .qukuai .qukuai_main{ width:100%;}
	body .main .qukuai .qukuai_main img{ width:100%;}
	body .main .qukuai .main_a_left{ width:100%;}
	body .main .qukuai .main_a_right{ width:100%;}
	body .main .qukuai .main_b .main_b_li{ float:none; padding-right:0px;}
	body .main .guanggao{ background-size: 100%; height:60px;}
	body .main .team .team_lie .liea_a{ width:100%;}
	body .main .team .team_lie .liea_a .liea_a_main .team_nr{ width:100%;}
	body .main .team .team_lie .liea_a .liea_a_main{ width:100%;}
	body .main .team .team_lie .lieb .lieb_b_main .team_nr{ width:100%;}
	.liea_a{ margin-bottom:30px;}
	body .main .team .liea{ padding-top:0px; padding-bottom:0px;}
	body .team_tu img{ width:100%;}
	body .main .team .team_tu{     margin-top: 0px;}
	body .main .xwlie .lie .right .p1{     height: 50px;}
	body .main .our .our_main{ width:100%;}
	body .main .our{      height: auto;  background-repeat: repeat-y;}
	body .service_title img{ width:100%;}
	body .in_box{ height:auto}
	body .honor_main img{ width:100%;}
	body .zs_lie img{ width:100%;}
	body .main .zhengshu .zs_main{ width:100%;}
	body .main .zs_main .zs_lie{ float:none;     margin-right: 0px;    margin-bottom: 15px;}
	body .main .story .story_main{ width:100%;}
	body #tab_con{ width:100%;}
	body #tab_left li{ width:100%;}
	body #tab_left{ width:100%;}
	body #tab_left li a{ width:100%;    font-size: 20px;
    line-height: 52px;    height: 52px;}
	body #tab{ width:100%;}
	body .story_tu img{ width:100%;}
	
	
	body .layout-about{ padding-left:15px !important; padding-right:15px !important;}
	body .layout-product{ padding-left:15px !important; padding-right:15px !important;}
	body .layout-choose{ padding-left:15px !important; padding-right:15px !important;}
	body .layout-service{ padding-left:15px !important; padding-right:15px !important;}
	body .layout-servicecontent{ padding-left:15px !important; padding-right:15px !important;}
	body .layout-new{ padding-left:15px !important; padding-right:15px !important;}
body .layout-product .mod-procard01 .list-content .list-tab{ width:100%;}
.layout-servicecontent .center{ width:100% !important}
.layout-servicecontent .right{ width:100% !important}
.layout-bg .right .right-bg{ width:100% !important}
body .layout-new .mod-othercontent01-content .new-left{ float:none; width:100%;height:auto;}
body .layout-new .mod-othercontent01-content .new-left img{width:100%; height:auto;}
body .layout-new .mod-othercontent01-content .new-left h2{ width:100%}
body .layout-new .mod-othercontent01-content .new-right{ width:100%}
.layout-new .mod-othercontent01-content .new-right h2{ padding-top:10px; padding-bottom:10px;}
body .layout-new .mod-othercontent01-content .new-content{ background:none;}

body .layout-banner .mod-slide01 .slide-box-1 .slide-body img{ width:100%}
body .layout-logo{ background:#333}
body .layout-banner{ margin-top: 0px;    }
body .layout-banner .mod-slide01 .slide-box-1 .slide-body img{    position: initial; left:0px; margin-left:0px;  height: auto;}
body .mod-slide01 .slide-box .prev{ top:35%; left:10px;  width:40px; height:40px;     background-color: rgba(255,255,255,0);     display: block !important;}
body .mod-slide01 .slide-box .next{ top:35%; right:10px;  width:40px; height:40px;     background-color: rgba(255,255,255,0);     display: block !important;}
body .layout-banner .mod-othercontent01{    bottom: 0px; left:0px; margin-left:0px;}
body .layout-banner .mod-othercontent01 .mod-content-othercontent a{ width:100px;}
body .layout-banner .mod-othercontent01 .mod-content-othercontent li{    padding: 0 12px;}


	
}
@media (max-width: 360px) {
		body .head2{    background-size: 100%;     height: 16px;}
	body .head3{    background-size: 100%;    height: 16px;}
	body .head4{    background-size: 100%;    height: 16px;}
	body .head5{    background-size: 100%;    height: 16px;}
	body .head6{    background-size: 100%;    height: 16px;}
	body .head7{    background-size: 100%;    height: 16px;}
	body .head8{    background-size: 100%;    height: 16px;}
	body .main .picture img{ width:100%;    display: block;    height: 33px;}
	body .history .history_a{    background-size: 100%;     height: 33px;}
	body .history .history_b{    background-size: 100%;    height: 33px;}
	body .history .history_c{    background-size: 100%;    height: 33px;}
	
	
	
	
	}
	
@media (min-width: 768px) and (max-width: 1024px){
	#dl-menu{ display: block !important;}
	
	.layout-bg .left{ width:100% !important}
	
	.layout-bg{ width:100% !important;}
	body .layout-product{     padding: 40px 0px 55px;}
	.nav-tabs{ display:none;}
	body .layout-sys4 .right{ float:left;}
	.language-content{    position: absolute;top: 35px;right: 10%;}
	body .layout{    min-width: 0px;}
	body .layout-page{ padding-left:15px; padding-right:15px;}
	.layout-bg .right{ width:auto !important;}

	body .mod-company01 .mod-content-company .company-plants img{ float: none;}
	body .mod-company01 .mod-content-company .company-plants{ text-align:center;}
	body .company-profile img{ width:100%;    height: auto;}
	body .layout-foot{ padding-left:15px; padding-right:15px;}
	body .footer-copyright{ padding-left:15px; padding-right:15px;}
	.layout-foot .left{ width:50% !important;}
	.layout-foot .centerleft{ width:50% !important;}
	body .layout-foot .centerleft .mod{ padding:0 15px;}
	.blk-main{ padding-left:15px; padding-right:15px;}
	body .layout-page1{ padding-left:15px; padding-right:15px;}
	body .mod-contactus01{ margin-top:50px;}
	.content-bg p img{ width:100%; height: auto;}
	body .mod-list .mod-content-list .list-link{ width:auto;}
	.mod-productlist01 .box-gallery .gallery-item{ width:100% !important;}
	.mod-productlist01 .box-gallery .gallery-item .product-img img{ width:100% !important; height:auto !important;}
	body .pagination .pagination-box a{    padding: 10px 10px;}
	body .pagination{ padding: 15px 10px;}
	body .mod-productdetail01 .img-box{ width:100%;}
	body .mod-productdetail01 .img-box .imgae{ width:100% !important; height:auto !important;}
	body .img-box .zoom-img{ width:345px !important; height:345px !important;}
	body .mod-productdetail01 .basic-box .mation-box th{ width:50%;}
	body .desc-content-box table{ width:100% !important;}
	.mod-productdetail01 .basic-box{ width:100% !important;}
	.product-tab-1{ width:auto}

	.main .customer img{ width:100%; display:block;}
	.main .customer{ width:100% !important}
	.content-bg-otherbar iframe{ width:100% !important; height:auto;}
	body .main .xwlie{ width:100%;}
	body .main .xwlie img{ width:100%;}
	body .main .xwlie .lie{     padding-left: 50px;}
	body .head1 .heada{ width:100%;}
	body .head2{    background-size: 100%;     height: 19px;}
	body .head3{    background-size: 100%;    height: 19px;}
	body .head4{    background-size: 100%;    height: 19px;}
	body .head5{    background-size: 100%;    height: 19px;}
	body .head6{    background-size: 100%;    height: 19px;}
	body .head7{    background-size: 100%;    height: 19px;}
	body .head8{    background-size: 100%;    height: 19px;}
	body .customer_a{    display: block;}
	body .customer_b{    display: block;}
	body .customer_c{    display: block;}
	body .customer_d{    display: block;}
	body .customer_e{    display: block;}
	body .main .customer{ padding-left:15px !important; padding-right:15px !important;}
	body .main .picture{ padding-left:15px !important; padding-right:15px !important;}

	body .main .third{ padding-left:15px !important; padding-right:15px !important;}
	body .main .company{ padding-left:15px !important; padding-right:15px !important;     height:auto;}
	body .main .qukuai{ padding-left:15px !important; padding-right:15px !important; height:auto;    background: none;}
	body .main .guanggao{ padding-left:15px !important; padding-right:15px !important;}
	body .main .xwlie{ padding-left:15px !important; padding-right:15px !important;}
	body .main .team{ padding-left:15px !important; padding-right:15px !important; width:100%;}
	body .main .product{ padding-left:15px !important; padding-right:15px !important; width:100%;}
	body .main .our{ padding-left:15px !important; padding-right:15px !important;}
	body .main .service{ padding-left:15px !important; padding-right:15px !important; width:100%;}
	body .main .honor{ padding-left:15px !important; padding-right:15px !important;}
	body .main .zhengshu{ padding-left:15px !important; padding-right:15px !important;}
	body .main .story{ padding-left:15px !important; padding-right:15px !important;}
	body .picture_a{    display: block;}
	body .picture_b{    display: block;}
	body .picture_c{    display: block;}
	body .picture_d{    display: block;}
    body .main .picture{ width:100%;}
	body .main .picture img{ width:100%;    display: block;    height: 39px;}
	body .history .history_a{    background-size: 100%;     height: 39px;}
	body .history .history_b{    background-size: 100%;    height: 39px;}
	body .history .history_c{    background-size: 100%;    height: 39px;}
	body .main .third_main{ width:100%;}
	body .main .third_main .title img{ width:100%;}
	body .third_main .third_a .third_a_lie .third_kuai .neirong{ width:100%;}
	body .third_main .third_a .third_a_lie{ width:100%;}
	.third_kuai .neirong img{ width:100%;}
	body .third_main .third_a .third_a_lie .third_kuai{ width:100%;}
	body .main .company .company_a{ width:100%;}
	.pic_a .tu img{ width:100%;}
	.pic_a .tu1 img{ width:100%;}
	.pic_b .tu img{ width:100%;}
	.pic_b .tu1 img{ width:100%;}
	body .main .company .pic_b .tu{ float:none;}
	body .main .company .pic_b .tu1{ float:none; margin-left: 0px;}
	body .main .company .pic_a .tu1{ float:none;margin-left: 0px;}
	body .main .company .company_b .company_b_nei{ width:100%; text-align: center; font-size:12px;    line-height: 20px;
    overflow: inherit;    padding-top: 15px;}
	body .main .qukuai .qukuai_main{ width:100%;}

	body .main .qukuai .main_a_left{ width:100%;}
	body .main .qukuai .main_a_right{ width:100%;}
	body .main .qukuai .main_b .main_b_li{ float:none; padding-right:0px;}
	body .main .guanggao{ background-size: 100%; height:60px;}
	body .main .team .team_lie .liea_a{ width:100%;}
	body .main .team .team_lie .liea_a .liea_a_main .team_nr{ width:100%;}
	body .main .team .team_lie .liea_a .liea_a_main{ width:100%;}
	body .main .team .team_lie .lieb .lieb_b_main .team_nr{ width:100%;}
	.liea_a{ margin-bottom:30px;}
	body .main .team .liea{ padding-top:0px; padding-bottom:0px;}
	body .team_tu img{ width:100%;}
	body .main .team .team_tu{     margin-top: 0px;}
	body .main .xwlie .lie .right .p1{     height: 50px;}
	body .main .our .our_main{ width:100%;}
	body .main .our{      height: auto;  background-repeat: repeat-y;}
	body .service_title img{ width:100%;}
	body .in_box{ height:auto}
	body .honor_main img{ width:100%;}
	body .zs_lie img{ width:100%;}
	body .main .zhengshu .zs_main{ width:100%;}
	body .main .zs_main .zs_lie{ float:none;     margin-right: 0px;    margin-bottom: 15px;}
	body .main .story .story_main{ width:100%;}
	body #tab_con{ width:100%;}
	body #tab_left li{ width:100%;}
	body #tab_left{ width:100%;}
	body #tab_left li a{ width:100%;    font-size: 20px;
    line-height: 52px;    height: 52px;}
	body #tab{ width:100%;}
	body .story_tu img{ width:100%;}
	
	
	body .layout-about{ padding-left:15px !important; padding-right:15px !important;}
	body .layout-product{ padding-left:15px !important; padding-right:15px !important;}
	body .layout-choose{ padding-left:15px !important; padding-right:15px !important;}
	body .layout-service{ padding-left:15px !important; padding-right:15px !important;}
	body .layout-servicecontent{ padding-left:15px !important; padding-right:15px !important;}
	body .layout-new{ padding-left:15px !important; padding-right:15px !important;}

.layout-servicecontent .center{ width:100% !important}
.layout-servicecontent .right{ width:100% !important}
.layout-bg .right .right-bg{ width:100% !important}
body .layout-new .mod-othercontent01-content .new-left{ float:none; width:100%;height:auto;}
body .layout-new .mod-othercontent01-content .new-left img{width:100%; height:auto;}
body .layout-new .mod-othercontent01-content .new-left h2{ width:100%}
body .layout-new .mod-othercontent01-content .new-right{ width:100%}
.layout-new .mod-othercontent01-content .new-right h2{ padding-top:10px; padding-bottom:10px;}
body .layout-new .mod-othercontent01-content .new-content{ background:none;}

body .layout-banner .mod-slide01 .slide-box-1 .slide-body img{ width:100%}
body .layout-logo{ background:#333}
body .layout-banner{ margin-top: 0px;    }
body .layout-banner .mod-slide01 .slide-box-1 .slide-body img{    position: initial; left:0px; margin-left:0px;  height: auto;}
body .mod-slide01 .slide-box .prev{ top:35%; left:10px;  width:40px; height:40px;     background-color: rgba(255,255,255,0);     display: block !important;}
body .mod-slide01 .slide-box .next{ top:35%; right:10px;  width:40px; height:40px;     background-color: rgba(255,255,255,0);     display: block !important;}
body .layout-banner .mod-othercontent01{    bottom: 0px; left:25%; margin-left:0px;}
body .layout-banner .mod-othercontent01 .mod-content-othercontent a{ width:100px;}
body .layout-banner .mod-othercontent01 .mod-content-othercontent li{    padding: 0 12px;}
body .layout-servicecontent .mod-othercontent01-top .mod-content-othercontent .content-bg-othercontent{    margin: 0 270px;}
body .layout-servicecontent .center .mod-othercontent01-top .mod-content-othercontent .content-bg-othercontent{    margin: 0 270px;}
body .layout-sys2 .right{ float:left;}
body .layout-page .right{ width:100% !important}
body .effects .img {
    width: 33.3333%;
}


	
}