body{background:#fafafc;}
#wrap{min-width:320px; overflow:hidden; width:100%; max-width:100%; background:url(/common/images/intro/img_introbgt.jpg) left top / 100% no-repeat;}
#wrap .p90{width:calc(100% - 76px); margin:0 auto;} 

#header .headerIns{position:relative; margin:36px 0 0 20px;}
#header .headerIns:after{display:block; content:''; width:49px; border-radius:3px; height:5px; margin:75px 0 80px; background:#4158be}
#header dl{margin:50px 0 0;}
#header dl dt{font-size:47px; color:#2b2b2b; font-weight:900;}
#header dl dt u{color:#415abd}
#header dl dd{font-size:20px; color:#4b4b4b; line-height:150%; margin:20px 0 0;}
#header dl dd em{display:block;}
#header p{position:absolute; right:100px; top:41px; width:560px;}
#header p img{width:100%;}

#footer{width:100%; margin-top:70px; background:url(/common/images/intro/img_introbgb.jpg) center bottom no-repeat; height:303px; position:relative}
#footer .footerIns{padding-right:15px; text-align:right; line-height:145%; font-size:17px; color:#3d3d3d; position:absolute; bottom:10%; right:0; left:0}
#footer .footerIns:before{display:inline-block; content:''; width:49px; border-radius:3px; height:5px; margin-bottom:25px; background:#4158be;}
#footer u{display:block}
#footer em{margin-left:15px;}

.listWrap{width: 100%; overflow: hidden; margin-bottom:50px;}
/* .listWrap ul li {position:relative; width:20.95%; margin-right:5.4%; margin-bottom:2.5%; float:left; overflow:hidden; box-sizing:border-box; text-align:center;}
.listWrap ul li:nth-child(4n) {margin-right: 0;} */
.isotope .grid-item {width: 25%; /* float: left; */ margin-bottom: 60px;}
/* .isotope .grid-item:nth-child(2) {height:900px;} */
.isotope .grid-item > div {width: 72%;}
.listWrap ul li div{padding:20px; }
.listWrap ul li em{font-size:18px; color:#000; background:#fff; display:block; text-align:center; border-top:1px solid #929292; padding:23px 0; border-bottom:1px solid #e5e5e5;}
.listWrap ul li em b{font-weight:700}
.listWrap ul li a {display:block; box-shadow:#e9e9eb 0px 0px 15px 5px; box-sizing:border-box; }
.listWrap ul li a img{width:100%; height:auto; /* max-width:342px; */}

@media all and (max-width: 1600px) {
	#header p{width:400px; right:30px;}
}

@media all and (max-width: 1440px) {
	#header p{width:380px;}
}

@media screen and (max-width: 1200px){
	#header p{width:350px;}
	#header dl dt{font-size:36px;}
	#header p{display:none;}
}


@media screen and (min-width: 1025px){
	/* .isotope .grid-item:nth-child(4) {height: 900px;} */
}

@media screen and (max-width: 1024px){
	/* .listWrap ul li {width:24.25%; margin-right:1%;} */
	.isotope .grid-item {width: 50%;}
	/* .isotope .grid-item:nth-child(2) {height: inherit;} */
	.isotope .grid-item {margin-bottom: 60px;}
	.isotope .grid-item > div {width: 80%;}
	
    #wrap .p90{width:95%; box-sizing:border-box;}

	#header dl dt{font-size:34px;}
	#header dl dd{font-size:17px;}
	#footer{height:300px;} 
}

@media screen and (max-width: 970px){
	#header .headerIns:after{margin:50px 0 60px;}
}

@media screen and (max-width: 768px){
	body{background:#fafafc;}
	#header .headerIns:after{margin:45px 0 50px;}
	#header dl dt{font-size:32px;}
	#header dl dd{font-size:16px;}
	#header dl{margin:41px 0 0;}
	#footer{/* background:none; height:auto; */}
	#footer .footerIns{font-size:14px; padding-right:10px;}
	
	/* .listWrap ul li {width: 49.1%; margin-right:1.8%; margin-bottom:3.5%;}
	.listWrap ul li:nth-child(2n) {margin-right:0;} */
	.listWrap ul li div{padding:10px;}
	.listWrap ul li a{box-shadow:#e9e9eb 0px 0px 5px 3px;}
}

@media screen and (max-width: 640px){
	#header dl dd em{display:inline-block}
	#wrap{background:none;}
	.isotope .grid-item {margin-bottom: 50px;}
	.isotope .grid-item > div {width: 85%;}
	#footer{background:none; height:auto; padding:35px 0; position:relative; font-size:15px;}
	#footer em{display:block}
	.listWrap ul li a img{max-width:100%;}
}

@media screen and (max-width: 480px){
	/* .listWrap ul li {width:100%; margin-right:0;  margin-bottom:5%;} */
	.isotope .grid-item {width: 100%; margin-bottom: 40px;}
	.isotope .grid-item > div {width: 100%;}
	#header dl dt{font-size:30px;}
	#header dl dd{font-size:15px;}
}
