body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td,section,a,input,span{margin:0;padding:0}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
html,body{-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}

*{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
body,input,textarea{font-family:"Microsoft YaHei", "Simsun",Arial;-webkit-font-smoothing:antialiased;font-size:14px}
img{border:0}
ul,ol{list-style: none;}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table; height: 0;}
.clearfix:after{clear:both}

.hd{width: calc(670vw * var(--width)); margin: 0 auto; text-align: center;}
.header{height: calc(120vw * var(--width));position: fixed; top: 0; left: 0; width: 100%;background: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.15); z-index: 999;}



.logo{width: calc(470vw * var(--width)); height: calc(70vw * var(--width)); display: block; float: left; background: url("../Images/logo.png") no-repeat; background-size: contain; margin: calc(26vw * var(--width)) 10px 0 0; }
.menu{ float: right; width: calc(48vw * var(--width)); height: calc(46vw * var(--width)); display: block;background: url("../Images/m_nav.png") no-repeat; background-size: contain; margin:calc(36vw * var(--width)) 0 0 ;  }
.#pc_nav{display: none;}
.nav{ background: #fff; position: fixed; top: calc(120vw * var(--width)); right: 0;box-shadow: 0px 0px 20px rgba(0,0,0,0.10); z-index:1000; visibility: hidden; }
.nav a{font-size: calc(32vw * var(--width)); color: #515C63; text-decoration: none; text-align: center; padding: calc(30vw * var(--width)) calc(60vw * var(--width)) ;display:block;  }
.nav a:hover{ color: #399CFF;}
.nav .on{background: #399CFF;  color: #fff;}
.nav .on:hover{ color: #fff;  }


.banner{ margin-top: calc(120vw * var(--width)); width: 100%; height: calc(960vw * var(--width)); background: url("../Images/m_banner_bg.jpg") no-repeat;background-size: cover; text-align: left; }
.banner_title{ padding: calc(120vw * var(--width)) 0 calc(20vw * var(--width)); font-size: calc(60vw * var(--width)); color: #fff; font-weight: bold; text-align: left;}
.banner_list{font-size: calc(24vw * var(--width)); color: #fff; text-align: left;}
.banner_list ul li{padding: 0 0 0 calc(50vw * var(--width)); line-height: calc(80vw * var(--width)); height: calc(80vw * var(--width)); display: block; background: url("../Images/banner_list.png") left center no-repeat; background-size:5%; }


.title_frame{ position: relative;margin: calc(80vw * var(--width)) auto calc(60vw * var(--width)); }
.title{background: #399CFF; background-clip: padding-box; padding: 0 calc(56vw * var(--width)); display: inline-block; line-height: calc(68vw * var(--width)); color: #fff; font-size: calc(32vw * var(--width)); border-radius: calc(40vw * var(--width)); border:calc(6vw * var(--width)) solid rgba(57,156,255,0.20);  vertical-align: middle;}
.title_left{width: calc(68vw * var(--width)); height: calc(68vw * var(--width)); display: inline-block; background: url("../Images/title_left.png") center no-repeat; vertical-align: middle;}
.title_right{width: calc(68vw * var(--width)); height: calc(68vw * var(--width)); display: inline-block; background: url("../Images/title_right.png") center no-repeat; vertical-align: middle;}

.intro{background: #fff; padding: calc(40vw * var(--width)) 0 calc(40vw * var(--width));}
.intro_text{ text-align: left; color:#515C63; line-height: calc(40vw * var(--width)); font-size: calc(24vw * var(--width)); margin: 0 0 calc(40vw * var(--width)); }
.intro_img{ width: 100%; height: calc(280vw * var(--width)); display: block; background: url("../Images/m_intro.jpg") center no-repeat; background-size:cover;}

.business{background: #F9F9F9; padding: calc(40vw * var(--width)) 0 calc(40vw * var(--width));}
.business_list{}
.business_list ul li{ box-shadow: 0px 0px 20px rgba(0,0,0,0.10); width: calc(320vw * var(--width)); min-height: calc(290vw * var(--width)); display: block; float: left; margin: 0 calc(30vw * var(--width)) calc(30vw * var(--width)) 0;transition: transform 0.2s;}
.business_list ul li:nth-of-type(even){margin-right: 0!important;}
.business_list ul li img{width: calc(320vw * var(--width)); height: calc(190vw * var(--width)); margin-bottom: calc(14vw * var(--width));}
.business_list ul li h4{ padding: 0 calc(28vw * var(--width)); margin-bottom: calc(14vw * var(--width)); font-size: calc(28vw * var(--width)); line-height: calc(28vw * var(--width)); height: calc(50vw * var(--width)); color: #000; font-weight: bold; text-align: center;display: block; background: url("../Images/business_list.png") center bottom no-repeat; }
.business_list ul li span{ min-height:calc(224vw * var(--width));  padding: 0 calc(28vw * var(--width)) calc(28vw * var(--width)); font-size: calc(24vw * var(--width)); line-height: calc(32vw * var(--width));  color: #515C63;  text-align: left;display: block;  }
.business_list ul li:hover{transform: translateY(-10px)；-ms-transform:translateY(-10px);-moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); -o-transform:translateY(-10px); transition: transform 0.2s;box-shadow: 0px 0px 40px rgba(0,0,0,0.20);} 


.product{
    background: #fff; padding: calc(40vw * var(--width)) 0 calc(40vw * var(--width));}
#zSlider {
	margin:0px auto;
	width:calc(670vw * var(--width));
    box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
}


#select_btn {
	width:calc(670vw * var(--width));
	height:calc(120vw * var(--width));
	color:#fff;
	display:inline;
    text-align: center;
	background-color:#fff;
}
#select_btn li {
    box-sizing:border-box;
    margin: 0 calc(2vw * var(--width)) 0 0;
    padding: 0;
    width: calc(222vw * var(--width));
    cursor: pointer;
    display:table;
    float: left;
    text-align: center;
    transition: all .7s ease 0s;
}
#select_btn .num1 {
    background: url("../Images/product_num_1.png") center no-repeat;
    background-size: 50%;
}
#select_btn .num2 {
    background: url("../Images/product_num_2.png") center no-repeat;
    background-size: 50%;
}
#select_btn .num3 {
    background: url("../Images/product_num_3.png") center no-repeat;
    background-size: 50%;
}
#select_btn li:hover {
    background-color: #eee;
    
}
#select_btn li a:hover {
    color: 000;
}
#select_btn li.current {
    background-color: #399CFF;
}
#select_btn li.current a{
    color: #fff!important
}
#select_btn li.current:hover {
    background-color: #399CFF
}
#select_btn li:last-child {
    margin-right: 0!important;
}
#select_btn a {
	color:#000;
    text-decoration: none;
}


#select_btn .select_text {
    display:table-cell;
    height: calc(120vw * var(--width));
    font-size:calc(32vw * var(--width));
    line-height: calc(40vw * var(--width));
    font-weight: bold;
    vertical-align: middle;
}


#select_btn .select_date {
    display:none;
}
#select_btn li.current .select_date {
	color: #fff;
	
}


#picshow {
	
}
#picshow, #picshow_img {
	width:calc(670vw * var(--width));
	height:calc(456vw * var(--width));
}
#picshow_img li {
        float:left;
        display:none;
}
#picshow_img img {
	width:calc(670vw * var(--width));
	height:calc(336vw * var(--width));
}
#picshow_img .select_date{
    width:calc(670vw * var(--width));
	min-height:calc(120vw * var(--width));
    display: block;
    text-align: left;
    background: #399CFF;
    color: #fff;
    font-size: calc(24vw * var(--width));
    line-height: calc(40vw * var(--width));
    padding: calc(20vw * var(--width));
}

.cantact{ padding: calc(40vw * var(--width)) 0 calc(    80vw * var(--width)); background: url("../Images/m_contact_bg.jpg") center no-repeat; text-align: center; background-size: cover;}
.cantact_frame{ margin: 0 auto;}
.weixin{width: calc(400vw * var(--width)); height: calc(440vw * var(--width)); padding: calc(40vw * var(--width)); background: #fff; text-align: center; display: inline-block; margin-bottom: calc(80vw * var(--width));}
.weixin img{width: calc(320vw * var(--width)); height: calc(320vw * var(--width)); display: block; }
.weixin span{width: calc(320vw * var(--width)); height: calc(80vw * var(--width)); line-height: calc(80vw * var(--width)); font-size: calc(32vw * var(--width)); display: block;}
.address{ display: inline-block; text-align: center; font-size: calc(28vw * var(--width)); line-height: calc(60vw * var(--width)); color: #fff;}

.footer{ text-align: center; padding: calc(40vw * var(--width));  background: #fff; color: #515C63; font-size: calc(24vw * var(--width));}
.footer p{display: block; line-height: calc(40vw * var(--width))}



/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,0);
		z-index: 995;
		display: none;
		top: 0;
		left: 0; 
		}