@charset "utf-8";
/* CSS Document */
/*header*/
.w-header{
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 100;
    left: 0;
    padding:0.5rem 0;
    height: 2rem;
    position: fixed;
}
.w-header .btn{
	float: none;
	position: absolute;
	right: 0;
	top: 8px;
}
.w-header .logo{display: block;}
.w-header .logo img{height:2rem;width: auto;}
.w-header .btn{width:30px;float:right;position:relative;cursor:pointer;height:20px;}
.w-header .btn span{display:block;background:#000; /*按钮颜色*/ width:25px;height:2px;position:absolute;transition:all ease 0.35s}
.w-header .btn span:nth-of-type(1){top:0px;width: 25px;}
.w-header .btn span:nth-of-type(2){top:7px;width: 18px;}
.w-header .btn span:nth-of-type(3){top:14px;width: 25px;}
.w-header .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.w-header .sp_nav_se span:nth-of-type(2){width:0}
.w-header .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.leftMenu a {
    text-decoration: none;
    display: block;
}
.leftMenu {
    background: #fff;
    position: fixed;
    right: -1000px;
    top: 3rem;
    display: block;
    height: 100%;
    width: 68%;
    min-width: 120px;
    max-width: 440px;
    z-index: 10000;
    transition: all 0.4s ease;
    overflow: auto;
}
.leftMenu.menu-open {
    right: 0;
}
.leftMenu ul li {
    position: relative;
    border-bottom: 1px solid #EDEDED;
}
.leftMenu ul li>a{
	font-size: 16px;
	margin-left: 20px;
	color:#333;
	line-height: 46px;
}
.leftMenu ul li .f2 a{
	font-size: 14px;
	color:#666666;
}
.leftMenu ul li ul li{
	background: #f5f5f5;
    padding-left: 20px;
    border-bottom: 1px #e5e5e5 solid;
}
.leftMenu ul li.hasChild > a:after {
    content: "+";
    position: absolute;
    right: 20px;
    top:-1px;
    font-size: 24px;
    font-weight: 300;
}
.leftMenu ul li.hasChild.open > a:after {
    content: "-";
    right: 23px;
    font-size: 28px;
    top: -3px;
	
}
.f2,.f3{
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.4s ease;
}
.menu-dark-backdrop {
    background: rgba(0,0,0,0);
    transition: all 0.4s ease;
    width: 100%;
    position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    overflow: hidden;
}
.menu-dark-backdrop.in {
    height: 100%;
    z-index: 10;
    background: rgba(0,0,0,0.9); /*背景灰度*/
}
.leftMenu ul li.open>a{
    color: #000; 
	font-weight: bold;
/*一级选中后颜色*/

}
.menu_fot {
    text-align: left;
}
.menu_fot a{
    color: #333;font-size: 16px;
    line-height: 46px;
    display: block;
    border-bottom: 1px solid #EDEDED;
    padding-left: 20px;
}

.swiper-box{width: 100%;overflow: hidden;margin-top: 0rem;}
.swiper-box .swiper-slide img{display: block;width: 100%;height:auto;}


@media ( min-width:769px ) and ( max-width:999px ) {
	.news-detail p img, .news-detail img{max-width: 100%;}
	.block_home_slider{display: none;}
	.swiper-box{display:block;}
	.p_head{ display:none}
	.search-btn{line-height: 30px;margin-right: 20px;}
    .limit-box{display: none;}
    .w-part1{display: block;}
    .part1 .picture h4{font-size: 18px;}
    .banner{margin-top: 48px;}
    .banner-con{position: relative;height: auto;padding: 30px 0;background: #000;}
    .banner-con a{width: 30%;height: 35px;line-height: 35px;font-size: 14px;}
    .banner-con .text-zz{position: inherit;}
    .banner-con h5{font-size: 18px;margin-bottom: 20px;}
    header{height: auto;}
    .part1{top: 0;margin: 20px 0;}
    .part2 .left{float: none;width: 100%;}
    .part2 .right{float: none;width: 100%;}
    .part2 h4{font-size: 18px;}
    .part2 li{font-size: 16px;line-height: 24px;margin-bottom: 30px;}
    .section2{padding: 40px 0;}
    .more a{height: 35px;line-height: 35px;font-size:16px;width: 120px;}
    .tit{font-size: 18px;}
    .part3 li{padding:15px 3%;margin-top: 30px;}
    .p-part2{display: none;}
    .w-part2{display: block;}
    .part5 li a h5,.part4 li a h5{font-size: 18px;}
    .part5 li{float: none;width: 100%;margin-right: 0;}
    .part3 li .right{width: 70%;}
    .part3 li a h5, .part3 li h5{margin-top: 0;font-size: 16px;margin-bottom: 6px;}
    .part3 li a p,.part3 li p{font-size: 14px;line-height: 20px;}
    .part3{padding-top: 0;}
    .section3, .section4, .section5{padding: 30px 0;}
    #home_slider4{padding-top: 0;}
    .video {

    width: 100%;

}

.video video {

    width: 100%;
    height: 100%;    z-index: 2;
}
    .video,.video video{display: none;}
    .part5 li a span{font-size: 16px;}
    .foot .phone,.foot .e-mail{float: none;width: 100%;padding-bottom: 10px;text-align: center;}
    .foot .f-left,.foot .f-right{float:none;width: 100%;}
    .foot2 dl{margin-left: 0;float: left;width:27.3%;padding: 0 3%;text-align: center;}
    .foot2{padding-top: 0;}
    .foot2 .f-left{padding-bottom: 30px;text-align: center;}
    .section3,.section4,.section5{background: none;}
    .foot .f-right img{display: block;width: 70%;height: auto;margin: 0 auto;}
    .foot{font-size: 14px;}
    .foot p{line-height: 24px;}
    .about img{width: 100%;height: auto;}
	
}
@media screen and (max-width: 768px) {
	.news-detail p img, .news-detail img{max-width: 100%;}
	.main{width: 96%;margin: 0 auto;}
	.w-header{ display:block}
	.p_head{ display:none}
	.block_home_slider{display: none;}
	.swiper-box{display: block;}
	.w1200{width: 94%;margin: 0 auto;}
    .search-btn{line-height: 30px;margin-right: 20px;}
    .limit-box{display: none;}
    .w-part1{display: block;}
    .part1 .picture h4{font-size: 18px;padding: 20px 3%;}
    .banner{margin-top: 48px;}
    .banner-con{position: relative;height: auto;padding: 30px 0;background: #000;}
    .banner-con a{width: 30%;height: 35px;line-height: 35px;font-size: 14px;}
    .banner-con .text-zz{position: inherit;}
    .banner-con h5{font-size: 18px;margin-bottom: 20px;}
    header{height: auto;}
    .part1{top: 0;margin: 20px 0;}
    .part2 .left{float: none;width: 100%;}
    .part2 .right{float: none;width: 100%;}
    .part2 h4{font-size: 18px;}
    .part2 li{font-size: 16px;line-height: 24px;margin-bottom: 30px;}
    .section2{padding: 40px 0;}
    .more a{height: 35px;line-height: 35px;font-size:16px;width: 120px;}
    .tit{font-size: 18px;}
    .part3 li{padding:15px 3%;margin-top: 30px;}
    .p-part2{display: none;}
    .w-part2{display: block;}
    .part5 li a h5,.part4 li a h5{font-size: 18px;}
    .part5 li{float: none;width: 100%;margin-right: 0;}
    .part3 li .right{width: 70%;}
    .part3 li a h5, .part3 li h5{margin-top: 0;font-size: 16px;margin-bottom: 6px;}
    .part3 li a p,.part3 li p{font-size: 14px;line-height: 20px;}
    .part3{padding-top: 0;}
    .section3, .section4, .section5{padding: 30px 0;}
    #home_slider4{padding-top: 0;}
    .video {

    width: 100%;

}

.video video {

    width: 100%;
    height: 100%;
}
    .video,.video video{display: none;}
    .part5 li a span{font-size: 16px;}
    .foot .phone,.foot .e-mail{float: none;width: 100%;padding-bottom: 10px;text-align: center;}
    .foot .f-left,.foot .f-right{float:none;width: 100%;}
    .foot2 dl{margin-left: 0;float: left;width:27.3%;padding: 0 3%;text-align: center;}
    .foot2{padding-top: 0;}
    .foot2 .f-left{padding-bottom: 30px;text-align: center;}
    .section3,.section4,.section5{background: none;}
    
    .contain{background: none;padding: 48px 0;}
    .nav-tit img{width: auto;height: 30px;}
    .detail .left,.detail .right{width: 100%;float: none;padding-bottom: 30px;}
    .nav-tit{margin: 30px 0;font-size: 18px;font-weight: bold;}
    .w-header{box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.15);}
    .detail p, .about p, .about{font-size: 14px;}
    .ny-banner{padding-top: 30px;}
    .about h1{font-size: 18px;font-weight: bold;padding-top: 30px;}
    .detail .right img{width: 100%;height: auto;max-width: 100%;}
    .detail .group01{margin-bottom: 20px;}
    .contact h3,.product-box h3{font-size: 18px;font-weight: bold;padding-bottom: 30px;}
    .product-box h3{padding-top: 0;}
    .world h3{font-size: 18px;font-weight: bold;padding-top: 30px;}
    .contact li{float: none;width: 100%;margin-right: 0;}
    .fix-tab{float: none;width: 100%;}
    .goods-js,.goods-js .left,.goods-js .right,.product03 .left,.product03 .right{float: none;width: 100%;}
    #home_slider5 li .box img{width: 70%;}
    .product01{background: none;}
    .goods-js .left{padding: 30px 0;}
    .fix-tab a{display: inline-block;margin-right: 20px;}
    .goods-js .right h3{font-size: 20px;}
    .goods-js .right h4{font-size: 16px;}
    .product02, .product03{padding: 0 0 30px 0;}
    .product02 h4, .product03 h4{font-size: 20px;}
    .product02 .table{padding: 10px 2%;margin-top: 30px;margin-bottom: 30px;}
    .product02 li{font-size: 14px;padding: 0 2%;line-height:40px;}
    .product02 li span{float: none;width: 100%;}
    .product02 li span.name{margin-right:10px;font-weight: bold;color: #f00;width: 84px;display: inline-block;}
    .product03 .group01{padding-top: 30px;}
    .product03 .left,.product03 .right{margin-bottom: 20px;}
    #home_slider6 .flex-direction-nav{position: relative;top:30px;margin: 0 auto;}
    .news-list li .img,.news-list li .wzwz{float: none;width: 100%;}
    .news-list{padding: 80px 0 40px 0;}
    .news-list h2{font-size: 18px;font-weight: bold;padding-bottom: 12px;}
    .news-list li a h3{font-size: 18px;margin:15px 0;}
    .news-list li a p{font-size: 14px;}
    .brand{margin-top:80px;background: url("../images/home.png") no-repeat left 6px;line-height: 30px;}
    .news-detail .tab-tit2 h2{font-size: 18px;line-height: 30px;}
    .news-detail{padding-top: 10px;}
    .world .map img{width: 100%;height: auto;}
    .world ul{float: none;width: 100%;}
    .world ul li{font-size: 16px;}
    .world .lxwm a{font-size: 18px;padding: 0 30px;}
    .search-div{padding-top: 80px;}
    .search-div h3{font-size: 18px;font-weight: bold;}
    .anniu a span{width:90%;font-size: 18px;height: 40px;line-height: 40px;}
    .product-box li a p{font-size: 16px;}
    .product-box li,.product-box li img{height: 160px;}
    .product-box li{margin-bottom:12px;}
    .foot3{padding: 10px 0;}
    .foot .f-right img{display: block;width: 70%;height: auto;margin: 0 auto;}
    .foot .f-right .sao img{width: 100%;}
    .foot{font-size: 14px;}
    .foot p{line-height: 24px;}
    .about img{width: 100%;height: auto;}
    
    .news-detail iframe{width: 100%;height:220px;}
    .detail{padding: 0px;}

	
}
@media screen and (max-width: 414px) {
	.news-detail p img, .news-detail img{max-width: 100%;}
	.block_home_slider .flex-direction-nav a{display: none;}
	.ts01{margin-top: 8px;}
	.w1200{width: 94%;margin: 0 auto;}
	.w-header{ display:block}
	.p_head{ display:none}
	.block_home_slider{display: none;}
	.swiper-box{display: block;}
	.part3 li a h5, .part3 li h5{margin-top: 0;}
	

	}
@media screen and (max-width: 375px) {
	.news-detail p img, .news-detail img{max-width: 100%;}
	.block_home_slider .flex-direction-nav a{display: none;}
	.ts01{margin-top: 8px;}
	.w1200{width: 94%;margin: 0 auto;}
	.w-header{ display:block}
	.p_head{ display:none}
	.block_home_slider{display: none;}
	.swiper-box{display: block;}
	.main{width: 96%;margin: 0 auto;}
	.w-header{ display:block}
	.p_head{ display:none}
	.block_home_slider{display: none;}
	.swiper-box{display: block;}
	.w1200{width: 94%;margin: 0 auto;}
    .search-btn{line-height: 30px;margin-right: 20px;}
    .limit-box{display: none;}
    .w-part1{display: block;}
    .part1 .picture h4{font-size: 18px;padding: 20px 3%;}
    .banner{margin-top: 48px;}
    .banner-con{position: relative;height: auto;padding: 30px 0;background: #000;}
    .banner-con a{width: 30%;height: 35px;line-height: 35px;font-size: 14px;}
    .banner-con .text-zz{position: inherit;}
    .banner-con h5{font-size: 18px;margin-bottom: 20px;}
    header{height: auto;}
    .part1{top: 0;margin: 20px 0;}
    .part2 .left{float: none;width: 100%;}
    .part2 .right{float: none;width: 100%;}
    .part2 h4{font-size: 18px;}
    .part2 li{font-size: 16px;line-height: 24px;margin-bottom: 30px;}
    .section2{padding: 40px 0;}
    .more a{height: 35px;line-height: 35px;font-size:16px;width: 120px;}
    .tit{font-size: 18px;}
    .part3 li{padding:15px 3%;margin-top: 30px;}
    .p-part2{display: none;}
    .w-part2{display: block;}
    .part5 li a h5,.part4 li a h5{font-size: 18px;}
    .part5 li{float: none;width: 100%;margin-right: 0;}
    .part3 li .right{width:70%;}
    .part3 li a h5, .part3 li h5{margin-top: 0;font-size: 16px;margin-bottom: 6px;}
    .part3 li a p,.part3 li p{font-size: 14px;line-height: 20px;}
    .part3{padding-top: 0;}
    .section3, .section4, .section5{padding: 30px 0;}
    #home_slider4{padding-top: 0;}
    .video {

    width: 100%;


}

.video video {

    width: 100%;
    height: 100%;
}
    .video,.video video{display: none;}
    .part5 li a span{font-size: 16px;}
    .foot .phone,.foot .e-mail{float: none;width: 100%;padding-bottom: 10px;text-align: center;}
    .foot .f-left,.foot .f-right{float:none;width: 100%;}
    .foot2 dl{margin-left: 0;float: left;width:27.3%;padding: 0 3%;text-align: center;}
    .foot2{padding-top: 0;}
    .foot2 .f-left{padding-bottom: 30px;text-align: center;}
    .section3,.section4,.section5{background: none;}
    
    .contain{background: none;padding: 48px 0;}
    .nav-tit img{width: auto;height: 30px;}
    .detail .left,.detail .right{width: 100%;float: none;padding-bottom: 30px;}
    .nav-tit{margin: 30px 0;font-size: 18px;font-weight: bold;}
    .w-header{box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.15);}
    .detail p, .about p, .about{font-size: 14px;}
    .ny-banner{padding-top: 30px;}
    .about h1{font-size: 18px;font-weight: bold;padding-top: 30px;}
    .detail .right img{width: 100%;height: auto;max-width: 100%;}
    .detail .group01{margin-bottom: 20px;}
    .contact h3,.product-box h3{font-size: 18px;font-weight: bold;padding-bottom: 30px;}
    .product-box h3{padding-top: 0;}
    .world h3{font-size: 18px;font-weight: bold;padding-top: 30px;}
    .contact li{float: none;width: 100%;margin-right: 0;}
    .fix-tab{float: none;width: 100%;}
    .goods-js,.goods-js .left,.goods-js .right,.product03 .left,.product03 .right{float: none;width: 100%;}
    #home_slider5 li .box img{width: 70%;}
    .product01{background: none;}
    .goods-js .left{padding: 30px 0;}
    .fix-tab a{display: inline-block;margin-right: 20px;}
    .goods-js .right h3{font-size: 20px;}
    .goods-js .right h4{font-size: 16px;}
    .product02, .product03{padding: 0 0 30px 0;}
    .product02 h4, .product03 h4{font-size: 20px;}
    .product02 .table{padding: 10px 2%;margin-top: 30px;margin-bottom: 30px;}
    .product02 li{font-size: 14px;padding: 0 2%;line-height:40px;}
    .product02 li span{float: none;width: 100%;}
    .product02 li span.name{margin-right:10px;font-weight: bold;color: #f00;width: 84px;display: inline-block;}
    .product03 .group01{padding-top: 30px;}
    .product03 .left,.product03 .right{margin-bottom: 20px;}
    #home_slider6 .flex-direction-nav{position: relative;top:30px;margin: 0 auto;}
    .news-list li .img,.news-list li .wzwz{float: none;width: 100%;}
    .news-list{padding: 80px 0 40px 0;}
    .news-list h2{font-size: 18px;font-weight: bold;padding-bottom: 12px;}
    .news-list li a h3{font-size: 18px;margin:15px 0;}
    .news-list li a p{font-size: 14px;}
    .brand{margin-top:80px;background: url("../images/home.png") no-repeat left 6px;line-height: 30px;}
    .news-detail .tab-tit2 h2{font-size: 18px;line-height: 30px;}
    .news-detail{padding-top: 10px;}
    .world .map img{width: 100%;height: auto;}
    .world ul{float: none;width: 100%;}
    .world ul li{font-size: 16px;}
    .world .lxwm a{font-size: 18px;padding: 0 30px;}
    .search-div{padding-top: 80px;}
    .search-div h3{font-size: 18px;font-weight: bold;}
    .anniu a span{width:90%;font-size: 18px;height: 40px;line-height: 40px;}
    .product-box li a p{font-size: 16px;}
    .product-box li,.product-box li img{height: 145px;}
    .product-box li{margin-bottom:10px;}
    .foot3{padding: 10px 0;}
    .foot .f-right img{display: block;width: 70%;height: auto;margin: 0 auto;}
    .foot .f-right .sao img{width: 100%;}
    .foot{font-size: 14px;}
    .foot p{line-height: 24px;}
    .about img{width: 100%;height: auto;}
	
	}
	
@media screen and (max-width: 320px) {
	.news-detail p img, .news-detail img{max-width: 100%;}
	.block_home_slider .flex-direction-nav a{display: none;}
	.ts01{margin-top: 8px;}
	.w1200{width: 94%;margin: 0 auto;}
	.w-header{ display:block}
	.p_head{ display:none}
	.block_home_slider{display: none;}
	.swiper-box{display: block;}
	.w-header .logo img{height: 1.5rem;}
	.w-header .logo{margin-top: 4px;}
	.searchDIV{width: 100%;}
	.inputSr{width: 190px;}
	.product-box li,.product-box li img{height: 130px;}
	.product-box li{margin-bottom: 10px;}
	.leftMenu ul li>a,.menu_fot a{line-height: 40px;}
	.part3 li .right{width:62%;}
	
	}