/***  网站整体风格定义 */
ul,li {margin: 0; padding: 0; list-style-type: none; text-indent: 0; text-transform: capitalize;}
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend { padding: 0; margin: 0;}
img { border: none; vertical-align: middle;}
input,select,option,textarea{outline: none;vertical-align: middle;}
body a {outline:none;blr:expression(this.onFocus=this.blur());}
body { background: #f2f2f2; line-height: 1.8; color: #333; font-size: .75rem; }

/**** 网站默认连接定义 */
a:link { text-decoration: none;}/* ==========    鼠标点击后，链接状态    =============== */
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }/* ==========    鼠标经过，链接状态色    =============== */
a:active { text-decoration: none; }/* ==========    鼠标无点击过，链接状态    =============== */

.main { margin: 0 auto; width: 1920px; height: 1080px; overflow: hidden; position: relative;}

.title { height: 140px; background: rgba(0,153,102,.65); color: #fff; text-align: center; overflow: hidden; letter-spacing:5px; border-radius: 0 0 50% 50%; margin-bottom: 110px;}
.title h2 { font-size: 2rem; font-weight: bold; line-height: 40px; text-shadow:0 0 10px hsla(0, 0%, 0%, 0.2); margin-top: 20px;}
.title span { display: block; font-size: 1.8rem;letter-spacing:3px;}

.menu { overflow: hidden; }
.menu div { margin: 5%; background: linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245)); text-align: center; border-radius: 15px;; box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.15);  }
.menu div:hover { background: linear-gradient(#066, #096);  box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.2);}
.menu a { color: #333; display: block; overflow: hidden; font-size: 1.2rem; line-height: 60px; height: 90px; font-weight: bold; text-align: left;}
.menu img { float: left; width: 70px; height: 70px; margin: 10px; border-radius: 5px; }
.menu h2 { float: left; margin-left: 10px;}
.menu a:hover {  color: #fff;}
.menu span { display: block; color: #ccc; text-transform: uppercase; font-weight: 100; font-size: .85rem; line-height: .85rem; margin-top: -5px;}


@media only screen and (max-width:630px){	
	.main { width: 100%; height: auto; border: none; background: url(../images/mpbg.jpg) no-repeat center top; background-size: 100%;}	
}
@media only screen and (min-width:630px){
	html { overflow: hidden;}
	.main { background: #fff url(../images/bg.jpg) no-repeat center; overflow: hidden;}
	.title  { height: 350px; margin-bottom: 350px; }
	.title h2 { font-size: 5rem; letter-spacing:15px; margin-top: 80px;}
	.title span { display: inline-block; font-size: 5rem;letter-spacing:15px;}
	.menu { width: 90%; margin: 0;  padding: 5%; overflow: hidden; display: flex; justify-content: space-between;}
	.menu div { display: inline-block; margin: 0; width: 23%; border-radius: 20px; }
	.menu a {font-size: 2rem; line-height: 130px; height: 170px;}
	.menu img { float: left; width: 120px; height: 120px; margin: 25px; border-radius: 5px; }
	.menu h2 { float: left;}
	.menu span { font-size: 1.2rem; line-height: 1.2rem; margin-top: -25px;}
}