#wrap {min-width:1200px;}
@media screen and (max-width:1023px) {
	#wrap {min-width:auto;}
}



/*header*/
#header {border-top:8px solid #0d4da2; }
#header header {position:relative; width:1200px; margin:0 auto;}
#header header h1 {text-align:center;}
#header header h1 img {margin-top:54px;}
#header nav {position:absolute; top:0px; right:0;}
#header nav ul li {background:#0d4da2 url('/uni/mini/slogan/img/login.png') no-repeat 15% 30%; padding:0 10px 8px 10px; border-radius: 0 0 6px 6px;}
#header nav ul li a {display:block; padding-top:3px; color:#fff; font-size:13px; text-indent:17px;}
@media screen and (max-width:1023px) {
	#header header {width:auto;}
	#header nav {right:10px;}
}



/*section01*/
#content {height:281px; background:url('/uni/mini/slogan/img/slogan_bg.png') no-repeat 50% 100%;}
.section01 {width:1200px; margin:0 auto; text-align:center;}
.section01 h3 {margin:62px 0 30px;}
.section01 .slogan_txt {margin:30px 0; font-size:17px; line-height:1.6em; }
.section01 .slogan_txt span {font-weight:600;}
.section01 .m_slogan_txt {display:none;}
@media screen and (max-width:1023px) {
	#content {height:auto; background:none;}
	.section01 {width:auto;}
}
@media screen and (max-width:599px) {
	.section01 img {width:90%;}
	.section01 .slogan_txt {display:none;}
	.section01 .m_slogan_txt {display:block;}
	.section01 .m_slogan_txt {margin:30px 1%; font-size:17px; line-height:1.6em; }
	.section01 .m_slogan_txt span {font-weight:600;}
}



/*section02*/
.section02 {width:1200px; margin:0 auto; text-align:center;}
.section02 .slogan_list {overflow:hidden;}
.section02 .slogan_list li {float:left; width:23%; margin:0 1%;}
.section02 .slogan_list li > img {width:100%; margin-bottom:10px;}
.section02 .slogan_list li > div {/*float:right;*/ display:inline-block;}
.section02 .slogan_list li h4 {float:left; width:80px; height:82px; padding:11px 0; box-sizing:border-box;}
.section02 .slogan_list li a {display:block; float:left; border:1px solid #d2d2d2; width:80px; height:82px; margin-left:15px; font-size:16px; text-align:center;}
.section02 .slogan_list li .btn01 {line-height:82px;}
.section02 .slogan_list li .btn02 {padding-top:20px; height:62px; line-height:21px;}
.section02 .slogan_list li a > span {color:#0d4da2;}
@media screen and (max-width:1023px) {
	.section02 {width:auto; /*text-align:center;*/}
	.section02 .slogan_list li {width:48%; margin:3% 1%;}
	.section02 .slogan_list li > div {/*float:none;*/ overflow:hidden;}
}
@media screen and (max-width:599px) {
	.section02 .slogan_list li {width:98%;}
}



/*section03*/
.section03 {overflow:hidden; width:1200px; margin:-85px auto 0 auto;}
.section03 dl {float:left; width:27.333%; margin:0 3% 2% 3%;}
.section03 dl dt {padding:10px 0; border:1px solid #0d4da2; border-radius:40px; color:#0d4da2; text-align:center;}
.section03 dl dd {padding:10px 0 10px 30px; line-height:2em;}
@media screen and (max-width:1023px) {
	.section03 {width:auto; margin-top: 30px;}
	.section03 dl {float:none; width:100%; margin:0 0 10px 0;}
	.section03 dl dt {margin:0 1%;}
}



/*footer*/
#footer {background:#0d4da2; margin-top:62px; padding:15px 0;}
#footer footer {overflow:hidden; width:1200px; margin:0 auto; background:url('/uni/mini/slogan/img/logo02.png') no-repeat 1% 51%; }
#footer .info {float:left; margin:15px 0 0 0; padding-left:310px; color:#fff; line-height:23px;}
#footer .info address {color:#fff;}
#footer .info address.line02 {margin-bottom:5px;}
#footer .info address.line02 span {background:#fff; padding: 2px 10px; color:#0d4da2; font-weight: bold; margin-right: 5px;}
#footer .info small {letter-spacing:0.2px;}
#footer .link {float:right; margin-right:1%; margin-top:1%;}
#footer .link li:first-child {border-bottom:1px solid #0d4da2;}
#footer .link li a {display:block; background:#0c3161; color:#fff; font-size:14px; text-align:center; padding:10px 20px;}
@media screen and (max-width:1023px) {
	#footer {margin-top:30px; padding:15px 0 0 0;}
	#footer footer {width:auto; background:none;}
	#footer .info {float:none; padding:1% 0; margin:15px 0 20px 0; text-align:center;}
	#footer .link {float:none; margin-right:0;}
}




/*popup*/
.pop_wrap {width:500px; /*margin:0 auto;*/}
.pop_wrap h1 {margin:20px 0 18px 0;background:url('/uni/mini/slogan/img/pop_h1.gif') no-repeat 0 50%;text-align:center;font-size:40px;font-weight:600;}
.pop_wrap h1 span {font-size:30px; color:#0d4da2; font-weight:400;}
.pop_wrap p {padding:0 10px; font-size:14px; font-weight:400; line-height:1.7em;}
.pop_wrap p span {font-weight:600;}
.pop_wrap .txt01 {text-align:center; margin-bottom:10px;}
.pop_wrap .txt02 {text-align:justify; border:1px dotted #ccc; padding:10px; margin:0 10px}
.pop_wrap .ctn_wrap {margin:0 10px;}
.pop_wrap .pop_img {overflow:hidden; margin-top:20px;}
.pop_wrap .pop_img ul li {float:left; width:240px;}
.pop_wrap .pop_img ul li img {display:block; width:100%;}
.pop_wrap .pop_cont {background:#0d4da2;}
.pop_wrap .pop_cont ul {padding:20px 10px;}
.pop_cont ul > li {padding-left:28px; margin:5px 0; background:url('/uni/mini/slogan/img/pop_bullet.png') no-repeat 13px 9px; color:#fff; font-size:14px; line-height:1.6em;} 
.pop_wrap .close {display:block; text-align:right; margin:22px 0px;}
.pop_wrap .close button {cursor:pointer;}
@media screen and (max-width:499px) {
	.pop_wrap {width:auto;}
	.pop_wrap h1 {background:none;}
	.pop_wrap .pop_img ul li {float:none; width:100%;}
}