锘縜rset "utf-8";
/* CSS Document */
/*鑷€傚簲濯掍綋鏌ヨ鏍峰紡*/

@media screen and (min-width: 320px) and (max-width: 375px) {
	.swiper-container{height: 220px !important;margin-top: 60px !important;}
	.swiper-container ul li{height: 202px !important;margin-top: 60px !im}
	.pc-fotxt{display: none;}
	.wap-ctab-txt p{text-align: left !important;text-indent: 25px;}
	.book_form label{width:90px !important;}
	.book_form  input{width:200px !important;}
	.book_form  textarea{width:200px !important;}
	.rotate01,.rotate02,.rotate03{display: block;}

}
@media screen and (min-width: 376px) and (max-width: 480px) {
	.swiper-container{height: 211px !important;margin-top: 60px !important;}
	.swiper-container ul li{height: 262px !important;}
	.pc-fotxt{display: none;}
	.book_form  input{width:200px !important;}
	.book_form  textarea{width:200px !important;}
	.wap-ctab-txt p{text-align: left !important;text-indent: 25px;}
	.book_form label{width:100px !important;}
	.book_form  input{width:200px !important;}
	.book_form  textarea{width:200px !important;}
	.rotate01,.rotate02,.rotate03{display: block;}

	
}
@media screen and (min-width: 320px) and (max-width: 480px) {
	.swiper-container{height: 211px !important;margin-top: 60px !important;}
	.swiper-container ul li{height: 262px !important;}
	.w1000{width: 95% !important;margin: 0 auto;float: none;}
	.cont2 {background-color: #f8f6f7;padding: 36px 0 40px !important;}
	.cont .c-more{margin-top: 40px !important;}
	
	.cont4 .ctnl ul li{clear: both !important;}
	.cont4 .ctnl{width: 95% !important;margin-top: 0px !important;}
	.cont4 .margin-right30{margin-right: 0px !important;}
	.cont4 .ctnl ul li {width: 100% !important;}
	.cont5 .ctnl {width: 100% !important;}
	.cont5 .video-index {width: 95% !important;text-align: center;margin: 0 auto;float: none !important;}
	.cont5 .video-index img{width: 100% !important;}
	.cont5 .pic-list{width: 100% !important;text-align: center;margin: 0 auto;float: none !important;margin-top: 45px;}
	.cont5 .pic-list ul li {margin-left: 0px !important;width: 43% !important;height: 125px;margin-left:15px !important;margin-bottom: 45px !important;}
	.cont5 .pic-list ul li img{width: 100% !important;height:100%;}
	
	
	.clearfix{clear: both;}
	.cont5{padding: 40px 0 40px 0 !important;}
	.cont4{padding: 0px 0 40px 0 !important;}
	.cont4 .ctnl ul{width:100% !important;}
	.cont3 .ctnl ul li {width:100% !important;text-align: left;margin-left: 0px !important;float: none;margin-bottom: 25px;}
	.cont3 .ctnl ul {width: 100% !important;}
	.cont3 .ctnl{width: 100% !important;}
	.fc-mess{display: none !important;}
	.nc-img img{width: 100% !important;height:auto !important;margin-bottom: 15px;}
	.fr{width: 100% !important;margin-top: 15px !important;}
	.fr2{width: 95% !important;text-align: left !important;display: block;margin-top: 15px !important;clear: both;}
	.footer .fc-fr {width: 270px !important;margin-right: 0px !important;}
	.footer .fc-fr ul li{margin: 0 29px important;}
	.footbt .fotxt{float: none;}
	.pc-fotxt{display: none;}
	.qq{display: none !important;}
	.header{visibility: hidden !important;display: none !important;}
	.pc-content{display: none !important;}

	.img_big {width: 100% !important;height: 100% !important;}
	.videos-play{margin-top: 20% !important;}
	.pc_banner{display: none;}
	.sertop{display: none;}
	.wap-logo img{width: 130px;height: auto;margin-top: -7px;}
	.wap-logo{padding: 17px !important;position: absolute;z-index: 999999;}
	.banner_box {margin-top: 0px !important;padding-top: 60px;}
	.pro-list ul li{margin: 0 15px 35px !important;width: 90% !important;height:100% !important;}
	.pro-list ul li .listtitle{width: 90% !important;}
	.pro-list ul li .listimg img{height: 100% !important;}
	.add_info{margin-bottom: 0px !important;}
	.product_box{width: 90% !important;padding: 20px 0 !important;height: 100% !important;}
	.product_box img{width: 100% !important;}
	.porduct_icon{padding-left: 5px !important;width: 90% !important;text-align: left !important;margin: 50px auto 20px !important;}
	.porduct_text {font-size: 14px;text-align: left;width: 90%;margin: 0 auto;}
	.arc_link{overflow: hidden;margin: 40px auto 15px !important;width: 90% !important;}
	.next{margin-right: 0 !important;}
	.container .two-thirds.column{width: 100% !important;}
	.leftborder{padding-left: 0 !important;}
	.container{width: 90% !important;}
	.pro-list02 ul li{width: 96% !important;}
	.pro-list02 ul li .listtitle{width: 95% !important;}

	.listimg img{width: 100% !important;height: 100%;}
	.leftborder{border-left:none !important;}
	.pro-list02 .txts{margin-left: 0 !important;}
	.pro-list02{padding: 0px 0 20px !important;}
	.pro_about{display: none !important;}
	.header .h-nav ul li a{color: #fff !important;}
	.wap-display{display: none !important;}
	.maintain .cont h3 {font-size: 20px !important;line-height: 150%;}
	.aboutus .cont{padding: 0px 0 80px !important;}
	.conttile{padding-top: 40px;}
	.maintain .mcont1 .ma-txt img{width: 90% !important;height: auto !important;margin-left:-25px;}
	
	.header-top .top-text {margin-left: 15px !important;}
	.banner ul li img{margin-top: 38px;}
	.arc_title{margin-top: 0 !important;}
	.search_box{width: 100% !important;}
	.search_box span {width: 60% !important;}
	.search_box label{width:26% !important;}
	.wap-search-btn{width:16% !important;}

	.search_box2{width: 92% !important;}
	.search_box2 span {width: 60% !important;}
	.search_box2 label{width:32% !important;}
	.wap-search-btn2{margin-left: 15% !important;}
	.wap-ctab-txt p{text-align: left !important;text-indent: 25px;}
	.cont4 .ctnl h3{margin: 45px 0 20px !important;}
	.search_box_pc{display:none;}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.swiper-container{height: 453px !important;}
	.swiper-container ul li{height: 453px !important;}
	.wap-search-btn2{margin-left: 15% !important;}
	.search_box_wap{display:none;}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.swiper-container{height: 549px !important;}
	.swiper-container ul li{height: 549px !important;}
	.wap-search-btn2{margin-left: 19% !important;}
	.search_box_wap{display:none;}
}
@media screen and (min-width: 481px) and (max-width:1024px) {
	.w1000{width: 95% !important;margin: 0 auto;float: none;}
	.cont2 {background-color: #f8f6f7;padding: 76px 0 40px !important;}
	.wap-fotxt{display: none;}
	.cont .c-more{margin-top: 40px !important;}
	.cont4 .ctnl ul li{clear: both !important;}
	.cont4 .ctnl{width: 95% !important;}
	.cont4 .margin-right30{margin-right: 0px !important;}
	.cont4 .ctnl ul li {width: 100% !important;}
	.cont5 .ctnl {width: 100% !important;}
	.cont5 .video-index {width: 95% !important;text-align: center;margin: 0 auto;float: none !important;}
	.cont5 .video-index img{width: 100% !important;}
	.cont5 .pic-list{width: 100% !important;text-align: center;margin: 0 auto;float: none !important;margin-top: 45px;}
	.cont5 .pic-list ul li {margin-left: 0px !important;width: 43% !important;height: 125px;margin-left:15px !important;margin-bottom: 45px !important;}
	.cont5 .pic-list ul li img{width: 100% !important;}
	
	.clearfix{clear: both;}
	.cont4,.cont5{padding: 0px 0 40px 0 !important;}
	.cont4 .ctnl ul{width:100% !important;}
	.cont3 .ctnl ul li {width:100% !important;text-align: left;margin-left: 0px !important;float: none;margin-bottom: 25px;}
	.cont3 .ctnl ul {width: 100% !important;}
	.cont3 .ctnl{width: 100% !important;}
	.fc-mess{display: none !important;}
	.nc-img {width: 35% !important;}
	.nc-img img{width: 100% !important;height:auto !important;margin-bottom: 15px;}
	.fr{width: 80% !important;margin-top: 15px !important;}
	.fr2{width: 63% !important;text-align: left !important;float: right;display: inline;}
	.pro-nav ul li{margin-left: 12px !important;}
	.footer .fc-fr {width: 270px !important;margin-right: 0px !important;}
	.footer .fc-fr ul li{margin: 0 29px important;}
	.footbt .fotxt{float: none;}
	.qq{display: none !important;}
	.header{visibility: hidden !important;display: none !important;}
	.pc-content{display: none !important;}
	.img_big {width: 100% !important;height: 100% !important;}
	.videos-play{margin-top: 20% !important;}
	.pc_banner{display: none;}
	.wap-display{display: none !important;}
	.sertop{display: none;}
	.wap-logo img{width: 130px;height: auto;margin-top: 2px;}
	.wap-logo{padding: 17px !important;position: absolute;z-index: 999999;}
	.banner_box {margin-top: 0px !important;padding-top: 60px;}
	.maintain .cont .ma-line{height: 45px !important;}
	.pro-list ul li{margin: 0 15px 35px !important;width: 45% !important;height: 100% !important;}
	.pro-list ul li .listtitle{width: 90% !important;}
	.pro-list ul li .listimg img{height: 100% !important;}
	.add_info{margin-bottom: 0px !important;}
	.product_box{width: 90% !important;padding: 20px 0 !important;height: 100% !important;}
	.product_box img{width: 100% !important;}
	.porduct_icon{padding-left: 5px !important;width: 90% !important;text-align: left !important;margin: 50px auto 20px !important;}
	.porduct_text {font-size: 14px;text-align: left;width: 90%;margin: 0 auto;}
	.arc_link{overflow: hidden;margin: 40px auto 15px !important;width: 90% !important;}
	.next{margin-right: 0 !important;}

	.container .two-thirds.column{width: 100% !important;}
	.leftborder{padding-left: 0 !important;}
	.container{width: 90% !important;}
	.pro-list02 ul li{width: 45% !important;}
	.pro-list02 ul li .listtitle{width: 90% !important;}
	.leftborder{border-left:none !important;}
	.pro-list02 .txts{margin-left: 0 !important;}
	.pro-list02{padding: 0px 0 20px !important;}
	.pro_about{width: 91% !important;}
	.maintain .cont h3 {font-size: 20px !important;line-height: 150%;}
	.aboutus .cont{padding: 0px 0 80px !important;}
	.conttile{padding-top: 40px;}
	.maintain .mcont1 .ma-txt img{width: 90% !important;height: auto !important;margin-left:-25px;}
	.header-top .top-text {margin-left: 15px !important;}
	.banner ul li img{margin-top: 38px;}
	.search_box2{width: 80% !important;}
	.search_box2 span {width: 60% !important;}
	.search_box2 label{width:32% !important;}
	.cont4 .ctnl h3{margin: 75px 0 20px !important;}
	.search_box_wap{display:none;}
}

@media (min-width:1025px) and (max-width:1440px) {
	.search_box_wap{display:none;}
	header nav{display: none !important;}
	.swiper-container{height: 570px !important;}
	.wap-content{display: none !important;}
	.wap_banner{display: none !important;}
	.pc_banner{margin-top: 65px !important;}
	.wap-header-top{display: none !important;}
	.wap-fotxt{display: none;}
	.rotate01 p{
		line-height: 24px;
		padding:10px 0;
		position: relative;
		right: 0%;
		bottom: -63px;
		width: 100%;
		background: url("/static/web/css/../img/rep.png") repeat;
		color: #fff;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}
	.rotate01 h3{
	    transition: 0.5s;
	    -moz-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	}
	.rotate01 a:hover p{
	    bottom:-10px;
	}
	.rotate01 a:hover h3{
	    margin-top: 40px;
	}

	.rotate02 p{
		line-height: 24px;
		padding:10px 0;
	    position: relative;
	    right: 0%;
	    bottom: -85px;
	    width: 100%;
	    background: url("/static/web/css/../img/rep.png") repeat;
	    color: #fff;
	    transition: 0.5s;
	    -moz-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	}
	.rotate02 h3{
	    transition: 0.5s;
	    -moz-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	}
	.rotate02 a:hover p{
	    bottom:-10px;
	}
	.rotate02 a:hover h3{
	    margin-top: 40px;
	}

	.rotate03 p{
		line-height: 24px;
		padding:10px 0;
	    position: relative;
	    right: 0%;
	    bottom: -85px;
	    width: 100%;
	    background: url("/static/web/css/../img/rep.png") repeat;
	    color: #fff;
	    transition: 0.5s;
	    -moz-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	}
	.rotate03 h3{
	    transition: 0.5s;
	    -moz-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	}
	.rotate03 a:hover p{
	    bottom:-10px;
	}
	.rotate03 a:hover h3{
	    margin-top: 40px;
	}
	.cont5 .video-index:hover .videos-play{
	background: url("/static/web/css/../img/icon_video.png") no-repeat;
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: 1;
    margin-top: 117px;
    margin-left: -30px;
	cursor:pointer;
	transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transform: scale(1);
    
}
.videos-play {
    background: url("/static/web/css/../img/icon_video.png") no-repeat;
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: 1;
    margin-top: 117px;
    margin-left: -30px;
	cursor:pointer;
	transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
	transform: scale(0);
	
}
}

@media screen and ( min-width:1441px ){
	.search_box_wap{display:none;}
	header nav{display: none !important;}
	.wap-content{display: none !important;}
	.wap_banner{display: none !important;}
	.pc_banner{margin-top: 80px !important;}
	.device{margin-top: 80px !important;}
	.wap-header-top{display: none !important;}
	.wap-fotxt{display: none;}
	.rotate01 p{
	line-height: 24px;
	padding:10px 0;
    position: relative;
    right: 0%;
    bottom: -85px;
    width: 100%;
    background: url("/static/web/css/../img/rep.png") repeat;
    color: #fff;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
	}
	.rotate01 h3{
	    transition: 0.5s;
	    -moz-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	}
	.rotate01 a:hover p{
	    bottom:-10px;
	}
	.rotate01 a:hover h3{
	    margin-top: 40px;
	}

	.rotate02 p{
		line-height: 24px;
		padding:10px 0;
	    position: relative;
	    right: 0%;
	    bottom: -85px;
	    width: 100%;
	    background: url("/static/web/css/../img/rep.png") repeat;
	    color: #fff;
	    transition: 0.5s;
	    -moz-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	}
	.rotate02 h3{
	    transition: 0.5s;
	    -moz-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	}
	.rotate02 a:hover p{
	    bottom:-10px;
	}
	.rotate02 a:hover h3{
	    margin-top: 40px;
	}

	.rotate03 p{
		line-height: 24px;
		padding:10px 0;
	    position: relative;
	    right: 0%;
	    bottom: -85px;
	    width: 100%;
	    background: url("/static/web/css/../img/rep.png") repeat;
	    color: #fff;
	    transition: 0.5s;
	    -moz-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	}
	.rotate03 h3{
	    transition: 0.5s;
	    -moz-transition: 0.5s;
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	}
	.rotate03 a:hover p{
	    bottom:-10px;
	}
	.rotate03 a:hover h3{
	    margin-top: 40px;
	}
	.cont5 .video-index:hover .videos-play{
	background: url("/static/web/css/../img/icon_video.png") no-repeat;
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: 1;
    margin-top: 117px;
    margin-left: -30px;
	cursor:pointer;
	transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transform: scale(1);
    
}
.videos-play {
    background: url("/static/web/css/../img/icon_video.png") no-repeat;
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: 1;
    margin-top: 117px;
    margin-left: -30px;
	cursor:pointer;
	transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
	transform: scale(0);
	
}
}