﻿@import url('media1200.css');
@import url('media1000.css');
@import url('media768.css');

/* CSS Document */
/*公用*/
*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;width: 100%;height: 100%;}
body{color:#333;background:#fff; font-family:"微软雅黑";}
ol li,ul li{list-style-type:none; vertical-align:middle;}
img{border:none;vertical-align:middle;}
input{vertical-align:middle;}
/*font{font-size:12px;}*/
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
a{text-decoration:none;}

:root {
	--animate-delay: 0.5s;
}
.page_swiper ,.header_bg,.wap_menu_box{
	opacity: 0;
}
.page_swiper.on,.header_bg.on,.wap_menu_box.on {
	opacity: 1;
}

@media (min-width: 1200px) {
	.w1200{
		width:1200px;
		margin:0 auto;
	}
	.ico_menu,.wap_menu_box{
		display: none;
	}
	.pc{
		display: block;
	}
	.wap{
		display: none;
	}
	
}
@media (min-width: 769px) and (max-width: 1199px) {
	.w1200{
		width:100%;
		box-sizing: border-box;
		padding:0 20px;
	}
	.ico_menu,.wap_menu_box{
		display: none;
	}
	.pc{
		display: block;
	}
	.wap{
		display: none;
	}
}
@media (max-width: 768px) {
	.pc{
		display: none;
	}
	.wap{
		display: block;
	}
	.w1200{
		width:100%;
		box-sizing: border-box;
		padding:0 20px;
	}
	.ico_menu{
		display: block;
		width: 30px;
		cursor: pointer;
	}
	.wap_menu_box{
		display: none;
		position: fixed;
		left:0;
		top:0;
		right: 0;
		bottom: 0;
		z-index: 99999;
		background: #3e3a39;
	}
	.wap_menu_head{
		padding:15px 20px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.menu_wap{
		padding:0 20px;
	}
	.menu_wap li{border-bottom:1px solid #ddd;padding:10px 3px 10px 0;}
	.menu_wap li strong{display: block;color:#fff;font-size:17px;line-height: 40px;}
	.menu_wap li strong a{color: #fff;}
	.menu_wap li p{font-size:15px;line-height: 36px;display: none;padding-left:32px;}
	.menu_wap li p a{display: block;color:#fff;}
	.menu_wap li.hover strong a{
		color: #ffd800;
	}
	.wap_nav strong{
		background: url('../images/icon_01.svg') no-repeat right center;background-size: 16px;
	}
	.wap_nav strong.hover{
		background: url('../images/icon_02.svg') no-repeat right center;background-size: 16px;
	}
}