@charset "UTF-8";


/* ����� ������ */
@-webkit-keyframes circle-slide-zoom-development {
	0% {
		width:100%;height:100%;
	}
	100% {
		width:110%;height:110%;left:-5%;
	}
}

@keyframes circle-slide-zoom-development {
	 0% {
		 width:100%;height:100%;
	 }
	 100% {
		 width:110%;height:110%;left:-5%;
	 }
 }

.slogan_wrap .grap .obj .item{
    -webkit-animation-play-state:running;
    animation-play-state:running;
    -webkit-animation-name:circle-slide-zoom-development;
    animation-name: circle-slide-zoom-development;
    -webkit-animation-duration: 10s;
    animation-duration:10s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function:linear;
    animation-timing-function: linear;
}

.slogan_wrap{overflow:hidden;position:relative;width:100%;margin:0 auto;text-align:center;}
.slogan_wrap .grap{position:relative;width:100%;height:580px;overflow:hidden;}
.slogan_wrap .grap .obj{position:relative;width:100%;height:100%;overflow:hidden;}
.slogan_wrap .grap .obj .item{/*float:left;width:50%;*/display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat 50% 0;background-size:cover;padding-top:2.5%;}
.slogan_wrap .obj .item div > h2{display:block;margin-bottom:25px;font-size:19px;color:#fff;line-height:1.3;letter-spacing:-1px;font-family: 'nsr';}
.slogan_wrap .obj .item div > h2 em{display:block;font-size:46px;font-weight:bold;}

.slogan_wrap .grap .obj .item.item1{background:url(/images/common/slogan_bg.jpg) no-repeat 50% 50%;background-size: cover}
.slogan_wrap .grap .obj .item.item2{background:url(/images/common/slogan_bg3.jpg) no-repeat 50% 50%;background-size: cover}
.slogan_wrap .grap .obj .item.item3{background:url(/images/common/slogan_bg2.jpg) no-repeat 50% 50%;background-size: cover}
.slogan_wrap .grap .obj .item.item4{background:url(/images/common/slogan_bg5.jpg) no-repeat 50% 50%;background-size: cover}
.slogan_wrap .grap .obj .item.item5{background:url(/images/common/slogan_bg4.jpg) no-repeat 50% 50%;background-size: cover}
.slogan_wrap .grap .obj .item.item6{background:url(/images/common/slogan_bg6.jpg) no-repeat 50% 50%;background-size: cover}
#smu_slogan .uint_logo{position:relative;z-index:999;display:block;max-width:1920px;margin:0 auto;}
#smu_slogan .uint_logo h1{position:absolute;top:40px;left:40px;display:block;width:184px;height:33px;background:url(/images/common/slogan_logo.png) no-repeat;font-size:0}

.slogan_wrap .num_year{position:absolute;bottom:6%;left:0;text-align:center;z-index:110;width:100%;}
.slogan_wrap .num_year:before{position:absolute;top:5px;content:"";display:block;width:100%;height:1px;background-color:#fff;opacity:0.3;z-index:22;}
.slogan_wrap .num_year .nu{display:inline-block; margin:0 5px;font-size:17px;color:#fff;font-family: 'nsr';}
.slogan_wrap .num_year .nu *{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.slogan_wrap .num_year .nu.ov span{width:12px;height:12px;background-color:#0053c9;}
.slogan_wrap .num_year .nu.ov span:before{content:"";display:none;width:1px;height:35px;background-color:#0053c9;opacity:0.6;margin:0 auto;}
.slogan_wrap .num_year .nu span{display:block;width:10px;height:10px;border-radius:50%;background-color:#fff;margin:0 auto;margin-bottom:25px}
.slogan_wrap .num_year .nu span:before{content:"";display:none;width:1px;height:35px;background-color:#fff;opacity:0.6;margin:0 auto;}
.slogan_wrap .num_year .nu:hover,
.slogan_wrap .num_year .nu:focus,
.slogan_wrap .num_year .nu:active,
.slogan_wrap .num_year .nu.ov{color:#fff;}
.slogan_wrap .num_year .nu:hover span:before,
.slogan_wrap .num_year .nu:focus span:before,
.slogan_wrap .num_year .nu:active span:before,
.slogan_wrap .num_year .nu.ov span:before{display: block;color:#fff;}


/* type1 */
.slogan_wrap .obj .item div.type1{overflow:hidden;margin:0 auto;width:1200px;color:#fff;}
.slogan_wrap .obj .item div.type1 ul li{display:inline-block;margin:0 1%;padding:70px 30px;width:22%;height:0; padding-bottom:15%;background-color:#1461ac;vertical-align:middle; border-radius: 50%;word-break: keep-all;font-size:16px;color:#fff;font-family: 'nsr';}
.slogan_wrap .obj .item div.type1 ul li b{display:block;color:#f7eaa4;font-size:22px;font-weight:normal;margin-bottom:10px;}


/* type2 */
.slogan_wrap .obj .item div.type2 {overflow:hidden;margin:0 auto;width:1200px;color:#fff;}
.slogan_wrap .obj .item div.type2 .box_col{width:100%;display:inline-block;}
.slogan_wrap .obj .item div.type2 .col .col {width:100%;height:auto;float:none;margin:0;padding:30px;text-align:left;border-radius:8px;border:1px dashed rgba(255,255,255,0.5);}
.slogan_wrap .obj .item div.type2 .col2 .col {overflow:hidden;width:47%;height:300px;float:left;margin:0  0 0 20px;padding:30px 40px;text-align:left;background:#93805e;border-radius:8px;}
.slogan_wrap .obj .item div.type2 strong{display:block;margin-bottom:10px;font-size:22px;}
.slogan_wrap .obj .item div.type2 ul{padding-left:40px;}
.slogan_wrap .obj .item div.type2 ul li{font-size:15px;margin-bottom:5px;font-family:'nsr';}
.slogan_wrap .obj .item div.type2 ul li .num{display:inline-block;overflow:hidden;width:25px;height:25px;margin:-2px 10px 0 -36px;border: 1px solid transparent;color:#fff;font-size:13px;text-align:center;vertical-align:top;line-height:25px;background-color: #2f2c24;border-radius: 50%;}

/* type3 */
.slogan_wrap .obj .item div.type3 {overflow:hidden;margin:0 auto;width:1200px;color:#fff;}
.slogan_wrap .obj .item div.type3 p{width:45%;padding-top:50px;margin:0 auto;letter-spacing:-2px;word-break: keep-all;line-height: 1.4;font-family: 'nsr';}
.slogan_wrap .obj .item div.type3 span{display:block; width:90%; margin:0 auto; padding-top: 20px}

/* type4 */
.slogan_wrap .obj .item div.type4 {overflow:hidden;margin:0 auto;width:1200px;color:#fff;}
.slogan_wrap .obj .item div.type4 p{width:70%; margin: 0 auto;padding-top:50px;letter-spacing:-2px;word-break: keep-all;line-height: 1.2;font-family: 'nsr';}
.slogan_wrap .obj .item div.type4 span{font-size:22px;letter-spacing:-1px;word-break: keep-all;font-family: 'nsr';}

/* type5 */
.slogan_wrap .obj .item div.type5 {overflow:hidden;margin:0 auto;width:1200px;color:#fff;}
.slogan_wrap .obj .item div.type5 .box_col{width:980px;display:inline-block;}
.slogan_wrap .obj .item div.type5 .col .col {overflow:hidden;width:90%;height:230px;float:none;margin:0 auto;padding:30px 40px;text-align:left;border-radius:8px;border: 1px dashed rgba(255,255,255,0.5);}
.slogan_wrap .obj .item div.type5 .col2 .col {overflow:hidden;width:47%;height:230px;float:left;margin:0  0 0 20px;padding:30px 40px;text-align:left;border-radius:8px;border: 1px dashed rgba(255,255,255,0.5);}
.slogan_wrap .obj .item div.type5 .col3 .col {overflow:hidden;width:30.3%;height:230px;float:left;margin:0  0 0 20px;padding:30px 40px;text-align:left;border-radius:8px;border: 1px dashed rgba(255,255,255,0.5);}
.slogan_wrap .obj .item div.type5 strong{display:block;margin-bottom:10px;font-size:22px;}
.slogan_wrap .obj .item div.type5 ul{}
.slogan_wrap .obj .item div.type5 ul li{font-size:15px;margin-bottom:5px;font-family:'nsr';}


/* type6 */
.slogan_wrap .obj .item div.type6 {overflow:hidden;margin:0 auto;width:1200px;color:#fff;}
.slogan_wrap .obj .item div.type6 ul{width:100%;
    padding:0;
    margin:40px 0 0 0;
    display: inline-block;text-align:left;}

.slogan_wrap .obj .item div.type6 ul li{width:45%;
    height: 80px;
    font-size: 16px;
    color: #fff;
    line-height: 21px;
    padding: 0 0 0 40px;
	margin:0  0 0 40px;
    display: inline-block;
    box-sizing: border-box;float: left; position: relative;}


.slogan_wrap .obj .item div.type6 .col3 .col{width:30%;}

.slogan_wrap .obj .item div.type6 ul li span{width:40px;
    font-size: 58px;
    font-weight: 100;
    text-align: left;
    color:#f7eaa4;
    line-height: 60px;
    padding: 0;
    margin: 0;
    display: block;
    position: absolute;
    top:-10px;
    left: 0;}

.f30 {font-size:30px;}
.f35 {font-size:35px;}
.f40 {font-size:40px;}
.f50 {font-size:50px;}
.f55 {font-size:55px;}

@media(max-width:1199px){
	.slogan_wrap .obj .item div.type1,
	.slogan_wrap .obj .item div.type2,
	.slogan_wrap .obj .item div.type3,
	.slogan_wrap .obj .item div.type4,
	.slogan_wrap .obj .item div.type5,
	.slogan_wrap .obj .item div.type6 {width:1000px;}
}
@media(max-width:1023px){
	.slogan_wrap .grap .obj .item {padding-top:6%;}
	.slogan_wrap .obj .item div.type1,
	.slogan_wrap .obj .item div.type2,
	.slogan_wrap .obj .item div.type3,
	.slogan_wrap .obj .item div.type4,
	.slogan_wrap .obj .item div.type5,
	.slogan_wrap .obj .item div.type6 {width:100%;}

	.slogan_wrap .obj .item div.type2 .box_col {width:95%;}
	.slogan_wrap .obj .item div.type2 .col2 .col {height:250px;}
	.slogan_wrap .obj .item div.type3 p {width:60%;}

	/* ����� ������ */
.slogan_wrap .grap .obj .item{
    -webkit-animation-play-state:none;
    animation-play-state:none;
    -webkit-animation-name:none;
    animation-name:none;
    -webkit-animation-duration:none;
    animation-duration:none;
    -webkit-animation-iteration-count:none;
    animation-iteration-count:none;
    -webkit-animation-direction:none;
    animation-direction: none;
    -webkit-animation-timing-function:;
    animation-timing-function: none;}
	
	#smu_slogan,
	.slogan_wrap{ height:100%;}
	#plank .plank-content {height:100%;}
	.slogan_wrap .grap {height:100%;}
	.slogan_wrap .num_year .nu {width:19%;font-size:14px;word-break: keep-all;}
	
	.slogan_wrap .grap .obj .item { height:100%; padding-top:100px; padding-bottom:100px; overflow-y:auto;}
	.slogan_wrap .obj .item div.type1 ul li {margin:10px 0;padding:20px 30px;width:80%;height:auto;border-radius:inherit;}
	.slogan_wrap .obj .item div.type2 .col2 .col {float:none;margin:10px auto;padding:20px;width:96%;height:auto;}
	.slogan_wrap .obj .item div.type2 ul li {font-size:14px;}
	.slogan_wrap .obj .item div.type5 .col2 .col{float:none;margin:10px auto;padding:20px 30px;width:90%;height:auto;}
	.slogan_wrap .obj .item div.type5 .box_col {width:100%;}
	.slogan_wrap .obj .item div.type6 ul li {width:96%;height:auto;padding:0 40px;margin:25px;float:none;}

	.slogan_wrap .obj .item div > h2 em {font-size:30px;}
	.slogan_wrap .obj .item div > h2 {margin-bottom:15px;}
	
	.slogan_wrap .num_year{ height:100px; padding-top:10px; bottom:0; z-index:0;}
	.slogan_wrap .num_year:before{ top:16px; z-index:0;}
	.slogan_wrap .num_year:after{ width:100%; height:100%; background-color:#000; content:""; opacity:0.6; position:absolute; bottom:0; left:0; z-index:-1;}
	.slogan_wrap .num_year .nu.ov span{ position:relative;}
	#smu_slogan .uint_logo{ width:100%; height:80px; position:absolute;}
	#smu_slogan .uint_logo:before{ width:100%; height:100%; background-color:#000; content:""; opacity:0.6; position:absolute; bottom:0; left:0; z-index:-1;}
	#smu_slogan .uint_logo h1{ top:23px;}
	#plank .plank-content .plank-content-exit{ width:40px; bottom:auto; top:21px; right:20px; z-index:9999;}

	
	

}

@media(max-width:768px){
	.slogan_wrap .obj .item div.type5 .col3 .col{width:44%; margin: 0 0 4% 4%;}
}

@media(max-width:640px){
	.slogan_wrap .obj .item div.type4 span {font-size:16px; width:65%;display:block;margin: 10px auto;}
	.slogan_wrap .obj .item div.type3 p{padding-top:10px}
	.f30 {font-size:20px;}
	.f35 {font-size:25px;}
	.f50 {font-size:30px;}
	.f40 {font-size:26px;}
	.f55 {font-size:35px;}

	.slogan_wrap .num_year .nu{margin:0;}

		
}