body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}


body{
	font-family:"微软雅黑",sans-serif;
	font-size:14px;
	background-color:#fff;
	color:#353b40;
	line-height:2em;
	}

/*公共代码*/

section{
	padding:10rem 0;
	}
.wrap-flex{
	 display: -webkit-flex; 
  	display: flex;
}
.wrap-flex-1{
	 display: -webkit-flex; 
  	display: flex;
}
.wrap-flex-2{
	 display: -webkit-flex; 
  	display: flex;
}
.grid{
	display: -webkit-grid; 
  display: grid;
}
.grid-1{
	display: -webkit-grid; 
  display: grid;
}	
.mt2{
	margin-top:2rem;
	}
.mt3{
	margin-top:3rem;
	}
.mt4{
	margin-top:4rem;
	}
.mt5{
	margin-top:5rem ;
	}
.mt6{
	margin-top:6rem;
	}
.mt8{
	margin-top:8rem;
	}
.pd1{
	padding:1rem 0;}
.pd2{
	padding:2rem 0;}	
.pd3{
	padding:3rem 0;}
.pd4{
	padding:4rem 0;}
.pd5{
	padding:5rem 0;}
.pd6{
	padding:6rem 0;}
	
h1{
	font-size:4rem;
	letter-spacing:3px;
	color:#fff;
	font-weight:bold;
	}	
h2{
	font-size:3.4rem;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	color:var(--web-theme-color-black); 
	}	
h3{
	font-size:2.4rem;
	letter-spacing:3px;
	font-weight:bold;
	 color:var(--web-theme-color);
	}
h4{
	font-size:1.8rem;
	letter-spacing:3px;
	}															
p{color:var(--web-theme-color-gray);}

:root{
	--web-theme-color:#00b7ee;
	--web-theme-color-black:#363738;
	--web-theme-color-gray:#868686;
	--web-theme-color-blue:#30357c;
}
ol, ul { list-style: none; }		
.more{
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	padding:0 4rem;
	margin-top:4rem;
	margin-left:2rem;
	color:#787878;
	border:#787878 solid 1px;
	border-radius:12px;
	text-align:center;
	overflow:hidden; 
	}
.more:hover{
	text-decoration:none;
	border:#00b7ee solid 1px;
	background-color:#00b7ee;
	color:#fff;
	border:none;} 
.wrap {
	width:100%;
	background-color:#fff;
	min-height:100%;
	padding-left:240px;
}
.combg{ background-color:#f8f8f5;}
.top-title h2,.top-title .com-title{ text-align:center;}
.com-title{ width:min(80%,900px); margin:1.2rem auto;}
.ny-title h2,.ny-title .about-yk-txt{ text-align:left;}
.ny-title h2 {color:var(--web-theme-color-blue);}
.ny-title .about-yk-txt{width:min(80%,900px);  padding:1.2rem 0; color:var(--web-theme-color-gray);}

/*公共部分*/

@media screen and (min-width: 768px) and (max-width: 1600px) {	
html{
	font-size:12px;
	}
}
@media screen and (max-width: 512px) {

	html{
	font-size:6px;
	}
	body{
		font-size:10px;
	}
	h2{ font-size:22px;}
	h3{ font-size:20px;}
	h4{ font-size:18px;}
}