@media (min-width: 992px) {
	.intro-wrap { min-height:100vh;  background-image:url(../images/intro/intro_1.jpg) , url(../images/intro/intro_2.jpg);  background-repeat:no-repeat, no-repeat; background-position:left bottom, right bottom;    transition: all .5s;   }
	.intro-wrap .container { position:relative; padding-top:107px; }
	.intro-wrap .logo {position:Absolute; top:75px; left:-80px;    transition: all .5s; padding-top: 90px; background-image:url(../images/intro/em_ma.svg); background-repeat: no-repeat; background-size: 143px auto; }
	.intro-wrap .site-link-list { width:1200px; margin:0 auto;  font-size:0px; text-align:center;   margin-top:-15px;  margin-bottom:90px;    transition: all .5s;  }
	.intro-wrap .site-link-list * { }
	.intro-wrap .site-link-list .list { display:inline-block;   text-align:left;  padding:15px;  vertical-align:top;    transition: all .5s;  }

	.intro-wrap .site-link-list .list a { display:block; width:318px;    transition: all .5s;  color: #797676; border: 4px solid #f5f5f5;   font-size:16px; height:288px;   background-color: #f5f5f5; padding:50px;  border-radius:30px 80px 30px 80px; position:Relative;  }
  .intro-wrap .site-link-list .list1 a,
  .intro-wrap .site-link-list .list2 a {width:100%;}



	.intro-wrap .site-link-list .list .title  { font-size:25px;color: #403c3c; font-weight:bold; margin-bottom:15px; }
	.intro-wrap .site-link-list .list .date  {  }
	.intro-wrap .site-link-list .list .text  { position:absolute; bottom:50px; left:50px;  }
	.intro-wrap .site-link-list .list .icon  { position:absolute; bottom:25px; right:25px; width:60px; height:60px;   color: #403c3c; border-radius:100%; background:#fff;  text-align:center; line-height:60px;  }
	.intro-wrap .site-link-list .list .icon i  {     transform: rotate(-45deg); }
	.intro-wrap .site-link-list .list a:hover { background:#fff; border:4px solid #797676;   box-shadow: 10px 20px 30px 0 rgba(0, 0, 0, 0.06); }
	.intro-wrap .site-link-list .list a:hover .icon {color:#fff; background:#797676; }

  .intro-wrap .site-link-list .list1 a {border: 4px solid #e3f8f4; background-color: #e3f8f4;}
  .intro-wrap .site-link-list .list1 a .icon {background-color:#1ab294; color:#fff;}
  .intro-wrap .site-link-list .list2 a {border: 4px solid #ffefe0; background-color: #ffefe0;}
  .intro-wrap .site-link-list .list2 a .icon {background-color:#ff870f; color:#fff;}

	.intro-wrap .site-link-list .list1 a:hover { background:#fff; border:4px solid #1ab294; }
	.intro-wrap .site-link-list .list1 a:hover .icon {color:#fff; background:#1ab294; }
	.intro-wrap .site-link-list .list2 a:hover { background:#fff; border:4px solid #ff870f; }
	.intro-wrap .site-link-list .list2 a:hover .icon {color:#fff; background:#ff870f; }

	.intro-wrap .intro-footer { text-align:center; font-size: 15PX; color: #797676;  padding-bottom:85px; }
	.intro-wrap .intro-footer address { margin-bottom:20px;  }


}


@media (min-width: 1780px) {

	.intro-wrap {background-size:1152px 516px, 631px 952px;  }


}

@media (min-width: 1600px) and  (max-width: 1779px) {

	.intro-wrap {background-size:900px 403px, 500px 753px;  }

}





@media (min-width: 1200px) and (max-width: 1599px) {

		.intro-wrap {background-size:700px 314px, 400px 603px;  }
		.intro-wrap .container {  width: 1200px !important;        max-width: 1200px !important;   padding-top:112px;    }
		.intro-wrap .logo {top:30px; left:30px; }
		.intro-wrap .logo {padding:0 0 0 200px; background-size: 143px auto; min-height:60px; }
		.intro-wrap .logo img {width:200px; }
		.intro-wrap .site-link-list { margin-left:-15px; margin-right:-15px;  }
		.intro-wrap .site-link-list .list1 { padding-left:15px;  }
		.intro-wrap .site-link-list .list2 { padding-right:15px;  }
}



@media (min-width: 1200px) {

	.intro-wrap .site-link-list .list1,
  .intro-wrap .site-link-list .list2 {width: 520px;}

}





@media (min-width: 992px) and (max-width: 1199px) {

		.intro-wrap { background-image:url(../images/intro/intro_1_m.jpg), url(../images/intro/intro_2_m.jpg); background-position:left bottom, right top;   background-size:1200px 657px, 500px 607px;  }
		.intro-wrap .container {    padding-top:270px;    }
		.intro-wrap .logo {top:45px; left:0px; }
		.intro-wrap .logo img {width:260px; }
		.intro-wrap .site-link-list {width:960px;  margin-left:-15px; margin-right:-15px; margin-bottom:200px; }
		.intro-wrap .site-link-list:after { clear:both; display:table; content:'';  }
		.intro-wrap .site-link-list .list1 { padding-left:15px;  }
		.intro-wrap .site-link-list .list2 { padding-right:15px;  }
		.intro-wrap .site-link-list .list5 { padding-left:348px;  }
    .intro-wrap .site-link-list .list1 a,
    .intro-wrap .site-link-list .list2 a {width: 665px;}

		.intro-wrap .intro-footer { color: #fff; }


}








@media (max-width: 991px) {

	.intro-wrap { min-height:100vh;  background-image:url(../images/intro/intro_1_m.jpg), url(../images/intro/intro_2_m.jpg); background-position:left bottom, right top;   background-size:auto 358px , 260px 316px;   background-repeat:no-repeat, no-repeat;    transition: all .5s; }
	.intro-wrap .container { position:relative; padding-top:235px; padding-left:15px; padding-right:15px; }
	.intro-wrap .logo {position:Absolute; top:35px; left:20px;    transition: all .5s; padding-top: 45px; background-image:url(../images/intro/em_ma.svg); background-repeat: no-repeat; background-size: auto 30px; }
	.intro-wrap .logo img { width:148px;  }
	.intro-wrap .site-link-list {    margin:-10px -10px 130px;     transition: all .5s;  }
	.intro-wrap .site-link-list:after {  clear:both; display:table; content:'';   }
	.intro-wrap .site-link-list .list {  padding:10px; width:50%;    float:left;     transition: all .5s;  }
	.intro-wrap .site-link-list .list a { display:block; width:100%;  color: #797676; border: 4px solid #f5f5f5;      transition: all .5s;  font-size:13px; height:200px;   background-color: #f5f5f5; padding:20px;  border-radius:10px 40px 10px 40px; position:Relative;  }
	.intro-wrap .site-link-list .list1,
  .intro-wrap .site-link-list .list2 {width: 100%;}
	.intro-wrap .site-link-list .list1 a,
  .intro-wrap .site-link-list .list2 a {height:130px;}
  .intro-wrap .site-link-list .list5 {float:right; }

	.intro-wrap .site-link-list .list .title  { font-size:18px;color: #403c3c; font-weight:bold; margin-bottom:10px;  line-height:1.2; padding:0;  }
	.intro-wrap .site-link-list .list .date  {  }
	.intro-wrap .site-link-list .list .text  { position:absolute; bottom:20px; left:20px; display:none;  }
	.intro-wrap .site-link-list .list .icon  { position:absolute; bottom:10px; right:10px; width:40px; height:40px;   color: #403c3c; border-radius:100%; background:#fff;  text-align:center; line-height:40px;  }
	.intro-wrap .site-link-list .list .icon i  {     transform: rotate(-45deg); }
	.intro-wrap .site-link-list .list a:hover { background:#fff; border:4px solid #ff870f;   box-shadow: 10px 20px 30px 0 rgba(0, 0, 0, 0.06); }
	.intro-wrap .site-link-list .list a:hover .icon {color:#fff; background:#ff870f; }

  .intro-wrap .site-link-list .list1 a {border: 4px solid #e3f8f4; background-color: #e3f8f4;}
  .intro-wrap .site-link-list .list1 a .icon {background-color:#1ab294; color:#fff;}
  .intro-wrap .site-link-list .list2 a {border: 4px solid #ffefe0; background-color: #ffefe0;}
  .intro-wrap .site-link-list .list2 a .icon {background-color:#ff870f; color:#fff;}

	.intro-wrap .site-link-list .list1 a:hover { background:#fff; border:4px solid #1ab294; }
	.intro-wrap .site-link-list .list1 a:hover .icon {color:#fff; background:#1ab294; }
	.intro-wrap .site-link-list .list2 a:hover { background:#fff; border:4px solid #ff870f; }
	.intro-wrap .site-link-list .list2 a:hover .icon {color:#fff; background:#ff870f; }

	.intro-wrap .intro-footer { text-align:center; font-size: 13px; color: #fff;  padding-bottom:35px; }
	.intro-wrap .intro-footer address { margin-bottom:20px;  }


}





@media (min-width: 1200px) {

}
@media (min-width: 992px) {

}
@media (min-width: 768px) {

}