@charset "utf-8";
/* CSS Document */
 @media only screen and (max-width: 1400px) {
	 .home-container .tag1 .sec3 .t01{}
 }
 @media only screen and (max-width: 1300px) {
.home-container{ width:98%}


 }
@media only screen and (max-width: 1200px) {
.overlay nav{width:98%}
.home-container .tag1 .sec2{left:-320px}
.home-container .tag1 .sec2 .top h1{font-size:90px; line-height:90px}
.home-container .tag1 .sec2 .top h2{font-size:46px; line-height:46px}
.home-container .tag1 .sec2 .top{margin-left:335px}
.home-container .tag1 .sec1 .t1{width:330px; height:auto; background:#FFF}
.home-container .tag1 .sec1{font-size:14px; line-height:20px}
.home-container .tag1 .sec3 .t01 .left{width:55%; height:440px; background-size:contain; margin-left:0}
.home-container .tag1 .sec3 .t02{margin-top:55px}
.home-container .tag1 .sec3 .t02 .right{margin-right:0; width:230px}
.home-container .tag1 .sec3 .t02 .product:hover{width:98%; margin-left:2%}
.home-container .tag1 .sec3 .t02 .product .pic{width:114px}
.main-wrapper{height:auto}
.home-container .tag1 .sec3 .t01 .right{width:190px}
.home-container .tag1 .sec4 .serve{width:305px}
.overlay ul li{font-size:13px; line-height:10px; margin-bottom:15px}
.overlay ul li h2{font-size:20px; margin-bottom:15px}
.overlay ul li .mr{padding-top:10px}




}

@media only screen and (max-width: 1200px) {

}
	
@media only screen and (max-width: 1000px) {
.overlay ul li h2{font-size:15px; margin-bottom:15px}
.overlay ul li{font-size:13px; line-height:13px}
.overlay ul li a{margin-bottom:10px}
.overlay ul li .mr{ padding-top:10px}
.demo-2 .capt{width:50% !important}
.demo-2 .deco{width:45% !important}
.demo-2 .sl-slider h2{font-size:20px !important; line-height:25px !important}
.demo-2 .sl-slider blockquote{font-size:150px !important; line-height:150px !important}
.demo-2 .sl-slider-wrapper{height:525px !important; padding-top:0 !important; }
.main-banner{margin-top:0; height:701px; background-size:cover}
.nav-dots{width:87% !important}
.pg-4{background:#828927 !important}
.nav-dots span{width:50px !important}
.home-container .tag1{top:-140px}
.home-container .tag1 .sec2{width:50%; margin-left:0; left:0; background:#f93333; height:913px; top:40px}
.home-container .tag1 .sec1{background:#ffef84}
.home-container .tag1 .sec2 .top{width:90%; margin-left:5%; margin-top:175px; height:225px}
.home-container .tag1 .sec2 .video{float:left; margin-right:0; width:90%;  margin-left:5%; }
.home-container .tag1 .sec1 .t2{width:35%; padding:5%; background:#FFF; margin-right:0}
.home-container .tag1 .sec2 .top p{font-size:14px; line-height:16px}
.home-container .tag1 .sec1 .t1{width:35%; margin-right:0; padding:5%}
.home-container .tag1 .sec2 .top .name{font-size:20px; line-height:20px}
.home-container .tag1 .sec2 .top h1{font-size:60px; line-height:60px}
.home-container .tag1 .sec2 .top h2{font-size:30px; line-height:30px}
.home-container .tag1 .sec1 .t2{height:470px}
.home-container .tag1 .sec1 .t2 li h2{font-size:15px; line-height:18px}
.home-container .tag1 .sec1 .bottom-bg{display:none}

.home-container .tag1 .sec1{height:auto}
.home-container .tag1 .sec3{height:100px; top:50px; background:#fff7c5}
.home-container .tag1{top:5px}
.home-container .tag1 .sec3 .t01 .left{width:50%}
.home-container .tag1 .sec3 .t01 .right{margin-right:0; width:45%; padding-top:0}
.home-container .tag1 .sec3 .t01 .right h1{font-size:45px; line-height:45px}
.home-container .tag1 .sec3 .t01 .right p{font-size:15px; line-height:22px}
.home-container .tag1 .sec3 .t01{background:#ffef84}
.home-container .tag1 .sec3 .t01 .left{height:338px}
.home-container .tag1 .sec3 .t02 .left{margin-left:0; width:50%; height:315px}
.home-container .tag1 .sec3 .t02 .left .label1{width:200px; height:200px; float:left; right:6%; font-size:12px; line-height:14px}
.home-container .tag1 .sec3 .t02 .left .label2{width:200px; height:200px; float:left; left:10%}
.home-container .tag1 .sec3 .t02 .right{width:45%}
.home-container .tag1 .sec3 .t02 .left .label1 h2{font-size:25px; line-height:25px; margin-top:80px}
.home-container .tag1 .sec3 .t02 .left .label2 .btn{width:90px; font-size:10px; margin-top:79px}
.home-container .tag1 .sec3 .t02{margin-top:0; padding:50px 0; background:#fff7c2}
.home-container .tag1 .sec3 .t02 .right{background:#FFF}
.home-container .tag1 .sec3 .t01 .right{border:none}
.home-container .tag1 .sec4 .c-says{width:50%; margin-left:0; margin-top:0}
.home-container .tag1 .sec4 .serve{margin-right:2%; width:38%}
.home-container .tag1 .sec4{top:120px; padding-bottom:0}
.home-container .tag1 .sec4 h2{margin-top:120px; font-size:20px; line-height:20px}
.home-container .tag1 .sec4 .c-says{font-size:16px; line-height:20px}
.home-container .tag1 .sec5{top:175px; background:#ffe32d}
.home-container .tag1 .sec5 .news{width:50%}
.home-container .tag1 .sec5 .right-sec{width:48%}
.home-container .tag1 .sec5 .right-sec h2{font-size:20px; line-height:20px}
.home-container .tag1 .sec5 .right-sec .logo{width:70%}
.home-container .tag1 .sec5 .right-sec p{font-size:14px; line-height:24px}
.home-container .tag1 .sec5 .news li{font-size:14px; line-height:24px; margin-top:29px}
.home-container .tag1 .sec5 .news h2{font-size:49px; line-height:51px}
.home-container .tag1 .sec6{top:174px}
.home-container .tag1 .sec5{padding:30px 0;}
footer .top-sec .number{font-size:20px; line-height:20px}
footer .top-sec li{margin-top:10px; font-size:13px}
footer .top-sec .hd1{margin-bottom:10px}
footer .top-sec .hd2{margin-top:10px}
footer .top-sec .cnt-tag{width:98%; margin-left:1%}
footer .top-sec{padding:40px 0}
.home-container .tag1 .sec1 .t2 li{padding:0 5px}
.home-container .tag1 .sec4 .c-says li{padding:0 5px}
.home-container .tag1 .sec1 .bg01{display:none}
.nav-dots{bottom:6% !important}
}
@media only screen and (max-width: 700px) {
.overlay ul li h2{font-size:12px; margin-bottom:10px}
.overlay ul li{font-size:12px; line-height:12px}
.overlay ul li a{margin-bottom:5px}
.overlay ul li .mr{ padding-top:5px}

.home-container .tag1 .sec1 .t2{width:37%; }
.home-container .tag1 .sec1 .t1{width:37%;}
.home-container .tag1 .sec2 .video{height:185px}
.home-container .tag1 .sec2{height:905px}
.home-container .tag1 .sec3 .t01 .left{height:280px}
.home-container .tag1 .sec3 .t02 .left{height:311px}
.home-container .tag1 .sec3 .t02 .left .label1{right:1%}
.home-container .tag1 .sec3 .t02 .left .label2{left:1%}
.home-container .tag1 .sec3 .t02 .product{font-size:13px; line-height:16px}
.home-container .tag1 .sec3 .t02 .product .pic{width:100px; height:auto}
.home-container .tag1 .sec3 .t02 .product{margin-top:0}
.home-container .tag1 .sec3 .t01 .right h1{font-size:35px; line-height:35px}
.home-container .tag1 .sec5{top:195px}
.home-container .tag1 .sec6{top:190px}
footer .top-sec .logo{width:80%}
footer .top-sec .icon{margin:0 5px}
}

@media only screen and (max-width: 600px) {
.overlay ul li .icon{display:none}
.overlay ul li h2{line-height:12px}
.main-banner{height:435px}
.sl-content-wrapper{height:345px !important}
.demo-2 .sl-slider-wrapper{height:365px !important}
.nav-dots{width:98% !important}
.nav-dots span{width:30px !important}
.demo-2 .deco{width:50% !important}
.demo-2 .capt{bottom:20px !important}
.demo-2 .sl-slider h2{font-size:15px !important; line-height:20px !important}
.demo-2 .sl-slider blockquote{font-size:80px !important; line-height:80px !important}

.home-container .tag1 .sec2{width:100%; height:auto; padding:50px 0; margin-top:-55px}
.home-container .tag1 .sec2 .top{margin-top:0; height:auto}
.home-container .tag1 .sec2 .video{margin-top:25px}
.home-container .tag1 .sec1 .t1{width:90%; margin-top:510px}
.home-container .tag1{top:30px}
.home-container .tag1 .sec1 .t2{width:90%; height:375px}
.home-container .tag1 .sec1 .t2 li .award{width:100px}
.home-container .tag1 .sec3 .t02 .left .label1{width:100%; height:120px; background:#23a8c9; right:0}
.home-container .tag1 .sec3 .t02 .left .label1 h2{margin-top:38px}
.home-container .tag1 .sec3 .t02 .left .label2{width:100%; height:36px; background:none; left:0}
.home-container .tag1 .sec3 .t02 .left .label2 .btn{width:100%; margin-top:0; font-size:14px}
.home-container .tag1 .sec3 .t02 .left{height:180px}
.home-container .tag1 .sec3 .t01 .right p{margin-top:15px}
.home-container .tag1 .sec5 .news{width:100%}
.home-container .tag1 .sec5 .right-sec{width:100%; clear:both; margin-top:30px}
.home-container .tag1 .sec5 .news h2{font-size:40px; line-height:42px}
.home-container .tag1 .sec5 .news li{margin-top:10px}
.home-container .tag1 .sec5 .right-sec p{width:100%; padding-left:0}
.home-container .tag1 .sec5 .right-sec h2{width:100%; margin-left:0}
.home-container .tag1 .sec5 .btn{width:130px; font-size:14px}
.home-container .tag1 .sec5 .right-sec p{margin-top:10px}
.home-container .tag1 .sec4 .c-says{font-size:14px; line-height:16px}
footer .bottom .l1{max-width:100%; text-align:center}
footer .bottom .r1{max-width:100%; text-align:center}
footer .bottom{padding:30px 0}
.home-container .tag1 .sec5 .right-sec p{font-size:13px; line-height:22px}
.home-container .tag1 .sec5 .news li{font-size:13px; line-height:22px}

}

@media only screen and (max-width: 450px) {
.overlay ul li {width:100%; clear:both; text-align:center !important}	
.overlay nav{height:100%; position:absolute}
.overlay ul li h2{font-size:13px; line-height:13px}
header .logo{z-index:0 !important}
.overlay ul li h2{margin-bottom:5px; margin-top:20px}
.overlay ul li a{margin-bottom:5px}
.overlay{position:relative; top:0}
.overlay ul{background:#ffe013}
.overlay nav{width:100%}
.main-banner{height:320px}
.sl-content-wrapper{height:245px !important}
.demo-2 .sl-slider-wrapper{height:265px !important}
.nav-dots span{width:30px !important}
.demo-2 .deco{width:40% !important}
.demo-2 .capt{width:60% !important}
.home-container .tag1 .sec3 .t01 .left{width:100%; height:240px}
.home-container .tag1 .sec3 .t01 .right h1{margin-top:5px}
.home-container .tag1 .sec3 .t01 .right{width:100%}
.home-container .tag1 .sec3 .t02 .left{width:100%}
.home-container .tag1 .sec3 .t02 .right{width:100%; margin-top:20px}
.home-container .tag1 .sec3 .t02 .left{height:170px}
.home-container .tag1 .sec4 .serve{display:none}
.home-container .tag1 .sec4 .c-says{width:100%}
footer .top-sec ul{width:100%; text-align:center; margin:10px 0}
footer .top-sec .logo{width:140px; display:inline-block}
footer .top-sec .icon{float:none; display:inline-block}
footer .bottom{font-size:12px; line-height:14px}
.home-container .tag1 .sec3 .t01{text-align:center}
.home-container .tag1 .sec5{text-align:center}
.home-container .tag1 .sec5 .btn{display:inline-block}
.home-container .tag1 .sec2{text-align:center}
.home-container .tag1 .sec1 .t1{text-align:center}
.home-container .tag1 .sec1 .t2{text-align:center}


}