.profile_l .building {
    width: 500px;
    height: 700px;
}
/* 杞挱 */
.swiper_w{
    width: 100%;
    min-width: 1200px;
   height: 700px;
    margin: 0px auto;
}
.swiper_w img{
	width: 100%;
	display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
}
.swiper_w .swiper-slide{
    text-align: center;
    font-size: 18px;
    /* background: #5EA0FA; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/* 鍏徃绠€浠� */
.sec2_w{
    padding: 80px 0 80px 5px;
    overflow: hidden;
}
.profile_l{
    width: 500px;
    box-shadow: 1px 1px 8px 0px #a9a9a9;
}

.profile_r{
    width: 690px;
    padding: 40px 0 0 70px;
}
.content h4{
    font-size: 42px;
    color: #cfcfcf;
    font-weight: 600;
    letter-spacing: 1px;
}
.content h2{
    font-size: 48px;
    color: #858585;
    font-weight: normal;
    padding: 6px 0 10px 0;
    letter-spacing: 4px;
}
.content i.circlei{
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffb820;
    margin-right: 18px;
    vertical-align: middle;
}
.content i.circlei:nth-child(4){
    width: 10px;
    height: 10px;
}
.content i.circlei:nth-child(5){
    width: 6px;
    height: 6px;
}
.profile_r p{
    font-size: 21px;
    line-height: 36px;
    color: #858585;
    letter-spacing: 2px;
    padding: 46px 0 70px 0;
}
.more_w{
    text-align: right;
}
.more_w a{
    display: inline-block;
    font-size: 21px;
    color: #ffb820;
    padding: 10px 40px;
    font-weight: 700;
    box-shadow: 1px 1px 5px 0px #b6b6b6;
    border-radius: 3px;
    background-color: #fff;
}
/* 鍏徃鑽ｈ獕 */
.honor{
    padding: 85px 0 40px;
    background-color: #fbf1ed;
}
.sec4_w{
    height: 900px;
    padding-left: 100px;
    position: relative;
    width: 1500px;
}
.photo_w{
    width: 176px;   
    padding-top: 240px;
    position: absolute;
    top: 10px;
    left: 700px;    
}
.photo_w p{
    text-align: center;
    display: none;
}
.photo{
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 3px 3px 5px 2px #dfdfdf;
}
.photo img:last-child{
    width: 128px;
    height: 176px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.photo_w:hover p{
    display: block;
}
.photo_w:hover .photo{
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: photos 0.7s;
    -moz-animation: photos 0.7s;
    -ms-animation: photos 0.7s;
    -o-animation: photos 0.7s;
    animation: photos 0.7s;
}
@-webkit-keyframes photos{
    0%{
        transform: rotate(0deg);
    }
    20%{
        transform: rotate(12deg);
    }
    40%{
        transform: rotate(-12deg);
    }
    60%{
        transform: rotate(12deg);
    }
    80%{
        transform: rotate(-12deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@-moz-keyframes photos{
    0%{
        transform: rotate(0deg);
    }
    20%{
        transform: rotate(12deg);
    }
    40%{
        transform: rotate(-12deg);
    }
    60%{
        transform: rotate(12deg);
    }
    80%{
        transform: rotate(-12deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@-ms-keyframes photos{
    0%{
        transform: rotate(0deg);
    }
    20%{
        transform: rotate(12deg);
    }
    40%{
        transform: rotate(-12deg);
    }
    60%{
        transform: rotate(12deg);
    }
    80%{
        transform: rotate(-12deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@-o-keyframes photos{
    0%{
        transform: rotate(0deg);
    }
    20%{
        transform: rotate(12deg);
    }
    40%{
        transform: rotate(-12deg);
    }
    60%{
        transform: rotate(12deg);
    }
    80%{
        transform: rotate(-12deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@keyframes photos{
    0%{
        transform: rotate(0deg);
    }
    20%{
        transform: rotate(12deg);
    }
    40%{
        transform: rotate(-12deg);
    }
    60%{
        transform: rotate(12deg);
    }
    80%{
        transform: rotate(-12deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
.photo_w1{
    width: 250px;   
    padding-top: 336px;
    top: 20px;
    left: 1040px;      
}
.photo_w1 img:last-child{
    width: 171px;
    height: 228px;
}
.photo_w2{
    width: 287px;   
    padding-top: 227px;
    top: 336px;
    left: 50px;     
}
.photo_w2 img:last-child{
    width: 216px;
    height: 151px;
}
.photo_w3{
    width: 180px;   
    padding-top: 244px;
    top: 260px;
    left: 405px;     
}
.photo_w3 img:last-child{
    width: 140px;
    height: 195px;
}
.photo_w4{
    width: 212px;   
    padding-top: 284px;
    top: 300px;
    left: 690px;    
}
.photo_w4 img:last-child{
    width: 131px;
    height: 189px;
}
.photo_w5{
    width: 340px;   
    padding-top: 310px;
    top: 418px;
    left: 1040px;   
}
.photo_w5 img:last-child{
    width: 259px;
    height: 194px;
}
.photo_w6{
    width: 204px;   
    padding-top: 174px;
    top: 618px;
    left: 380px;  
}
.photo_w6 img:last-child{
    width: 147px;
    height: 103px;
}
.photo_w7{
    width: 288px;   
    padding-top: 228px;
    top: 633px;
    left: 650px; 
}
.photo_w7 img:last-child{
    width: 210px;
    height: 142px;
}
.sec4_w .more_w{
    position: absolute;
    top: 800px;
    right: 270px;
}
/* 鏂伴椈璧勮 */
.news{
    padding: 50px 0;
}
.news .content{
    width: 1500px;
}
.news_l{
    padding: 50px 24px;
    background-color: #002f7b;
}
.news_l a{
    display: block;
}
.news_l img{
    width: 300px;
}
.news_l a:first-child{
    margin-bottom: 34px;
}
.news_r{
    width: 1066px;
    padding-top: 70px;
}
.news_r span{
    color: #858585;
}
.news_r h2{
    border-bottom: 1px solid #858585;
    padding: 0;
}
.news_r h2 span:first-child{
    display: inline-block;
    font-size: 48px;
    margin-right: 12px;
    line-height: 1.7em;
    margin-bottom: -2px;
    border-bottom: 4px solid #747474;
}
.news_r h2 span:last-child{
    font-size: 22px;
    letter-spacing: 0px;
}
.news_u{
    padding: 30px 0 0;
}
.news_u li a{
    display: block;
    line-height: 60px;
    border-bottom: 1px dashed #858585;
    padding-left: 6px;
}
.news_u li a i{
    font-style: normal;
    display: inline-block;
    width: 18px; 
    height: 18px;
    border: 1px solid #ffb820;
    color: #ffb820;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
}
.news_u li a span{
    font-size: 20px;
    display: inline-block;
    letter-spacing: 1px;
}
.news_u li a span.s1{
    width: 850px;
    margin: 0 10px;
}
/* 鍚堜綔浼欎即 */
.partner{
	background: #e9f2ee;
}
.partner .profile_r{
	width:1200px;
}
.partner .partner_top{
	width: 565px;
}
.partner .profile_r img{
	padding-bottom: 30px;
	padding-right: 19px;
	width: 282px;
	height: 158px;
}
.partner .profile_r>.partner_top{
	padding-right: 236px;
}
.partner .profile_r .partner_ripht{
	width: 320px;
	height: 120px;
}


/* 渚ц竟鏍� */
#wrap{
	position: fixed;
	right:0;
    top:50%;
    transform:translate(-8%,-50%);
	z-index: 1000;
}
#wrap li{
	width: 154px;
	border: 1px solid #c1c1c1;
	text-align: center;
	color: #858585;
	font: 20px/44px '';
	margin-bottom: 20px;
	cursor: pointer;
	border-radius: 5px;
	background: #fff;
}
#wrap .wrapactive{
	background: #ffb820;
	color: #fff;
	border: 1px solid #ffb820;
}



/* 鍙戝睍鍘嗙▼ */
.course .sec2_w{
	position: relative;
}
.course .sec2_w{
	padding-top: 0;
}
.course .partner_top{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#swiper{
	width: 100%;
    min-width: 1200px;
    margin: 0px auto; 
}
#swiper .swiper-slide{
	height: 800px;
	position: relative;
}
#swiper .course-main{
	position: absolute;
	width: 199px;
	height: 199px;
	background: #2b7be7;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	top: 57px;
	left: 230px;
	overflow: hidden;
	transform-origin:50% 50%; 
	border: 2px solid #00307c;
}
#swiper .nt1{
	top: 222px;
    left: 290px;
    width: 219px;
    height: 219px;
}
#swiper .nt2{
	left: 679px;
    top: 226px;
    width: 219px;
    height: 219px;
}
#swiper .nt3{
	top: 410px;
    left: 105px;
}
#swiper .nt4{
	top: 410px;
    left: 502px;
}
#swiper .nt5{
	top: 415px;
    left: 876px;
}
#swiper .course-main:hover>.character{
	display: block;
}
#swiper .character{
	display: none;
	background: #00307c;
	position: relative;
	z-index: 20;
	height: 100%;
	width: 100%;
	padding-top: 67px;
	transform:rotate(-45deg) scale(1.5);
	-ms-transform:rotate(-45deg) scale(1.5);
	-moz-transform:rotate(-45deg) scale(1.5);
	-webkit-transform:rotate(-45deg) scale(1.5);
	-o-transform:rotate(-45deg) scale(1.5);
	transform-origin:50% 50%; 
	text-align: center;
}
#swiper .character h4{
	color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 20px;
}
#swiper .character h5{
	color: #fff;
	font-size: 12px;
	font-weight: 500;
}
#swiper .character h5{
	/* padding-left: 35px; */
}
#swiper .character p{
	color: #fff;
	font: 14px/27px '';
}
#swiper .little p{
	font: 12px/23px '';
}
#swiper .character span{
	border-bottom: 2px solid #fff;
	padding: 0 12px;
}
#swiper .course-main img{
	height: 100%;
	width: 100%;
	transform:rotate(-45deg) scale(1.5);
	-ms-transform:rotate(-45deg) scale(1.5);
	-moz-transform:rotate(-45deg) scale(1.5);
	-webkit-transform:rotate(-45deg) scale(1.5);
	-o-transform:rotate(-45deg) scale(1.5);
	transform-origin:50% 50%; 
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.swiper_page2 .swiper-pagination-bullet{
	position: relative;
	width: 100px;
	background: #fff;
	border-top:2px solid #00307c;
	border-radius: 0;
	margin: 0 !important;
	opacity:1;
	padding-top: 20px;
}
.swiper_page2 .swiper-pagination-bullet .round{
	position: absolute;
	padding: 4px;
	border: 2px solid #00307c;
	border-radius: 50%;
	top: -7px;
	left: 42px;
	background: #fff;
}
.swiper_page2 .swiper-pagination-bullet-active .text{
	color:#ffb820;
}
.swiper_page2 .swiper-pagination-bullet-active .round{
	border-color:#ffb820;
}
/* 涓嬭浇閾炬帴 */
.interlink{
    /* height: 993px; */
}
.interlink .content{
	position: relative;
	width: 1500px;
	height: 993px;
	margin: 0 auto;
}
.interlink .profile_r{
	padding-left: 170px;
}
.interlink-main{
	position: absolute;
	width: 247px;
	height: 247px;
	background: #2b7be7;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	top: 602px;
	left: 438px;
	overflow: hidden;
	transform-origin:50% 50%; 
	border: 2px solid #00307c;
}
.interlink-n1{
	width: 320px;
	height: 320px;
	margin: 0 auto;
	right: 0;
	left: 0;
	top: 312px;
}
.interlink-n2{

}
.interlink-n3{
	left: 51px;
}
.interlink-n4{
	top: 407px;
    left: 245px;
}
.interlink-n5{
	left: 816px;
}
.interlink-n6{
	top: 407px;
    left: 1012px;
}
.interlink-n7{
    left: 1202px;
}
.interlink-main img{
	height: 100%;
	width: 100%;
	transform:rotate(-45deg) scale(1.5);
	-ms-transform:rotate(-45deg) scale(1.5);
	-moz-transform:rotate(-45deg) scale(1.5);
	-webkit-transform:rotate(-45deg) scale(1.5);
	-o-transform:rotate(-45deg) scale(1.5);
	transform-origin:50% 50%; 
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.interlink-main:hover .interlink-intro{
    display: block;
}
.interlink-intro{
	background: #00307c;
	z-index: 100;
	width: 100%;
	height: 100%;
	position: relative;
    transform: rotate(-45deg) scale(1.5);
    -ms-transform: rotate(-45deg) scale(1.5);
    -moz-transform: rotate(-45deg) scale(1.5);
    -webkit-transform: rotate(-45deg) scale(1.5);
    -o-transform: rotate(-45deg) scale(1.5);
    transform-origin: 50% 50%;
	text-align: center;
	padding-top: 112px;
    display: none;
}
.interlink-intro h3{
	font-size: 22px;
	color: #fff;
	font-weight: 500;
	font: 14px/27px '';
}
.interlink-intro .interlink-border{
	border-bottom: 2px solid #ffb820;
	display: inline-block;
	width: 22px;
}
.interlink-intro h4{
	font-size: 14px;
	font-weight: 500;
	color: #858585;
	padding-top: 10px;
}
.interlink-intro p{
	font-size: 12px;
	color: #858585;
	height: 58px;
}
.interlink-intro .interlink-iconfont{
	display: inline-block;
	height: 14px;
	width: 14px;
	background:url('../images/iconfont.png') no-repeat;
	background-size: 100% 100%;
}
.interlink-intro a{
    padding-top: 11px;
	display: block;
	color: #858585;
}
.interlink-intro a span{
    color: #858585;
    box-shadow: 1px 1px 5px 0px #b6b6b6;
    width: 82px;
    height: 20px;
    line-height: 20px;
    display: inline-block;

}
.little-intro{
    padding-top: 46px;
}
.little-intro h3{
    font-size: 18px
}
.little-intro h4{
    font-size: 14px;
}
.little-intro p{
    height: 35px;
}
.little-intro a{
    padding-top: 4px;
}

.shadowout{
    padding-top: 110px;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
	width: 100%;
	height: 100%;
	position: relative;
    transform: rotate(-45deg) scale(1.5);
    -ms-transform: rotate(-45deg) scale(1.5);
    -moz-transform: rotate(-45deg) scale(1.5);
    -webkit-transform: rotate(-45deg) scale(1.5);
    -o-transform: rotate(-45deg) scale(1.5);
    transform-origin: 50% 50%;
	text-align: center;
	padding-top: 108px;
}
.shadowout b{
    font-weight: 500;
    color: #fff;
    font-size: 17px;
}
*{
	font-family: "瀹嬩綋","timesNewRoman","Microsoft YaHei",Helvetica,Arial,sans-serif !important;
}
.business{
    background: #f4f4f4;
    padding-top: 60px;
    padding-bottom: 100px;
}
.business ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 100px;
}
.business li{
    background: #374953;
    width: 387px;
    height: 148px;
    margin-bottom: 20px;
}
.business li img{
    width: 100%;
    height: 100%;
}

/* .business li svg{
    vertical-align: middle;
    margin-left: 91px;
    margin-right: 23px;
}
.business li span{
    font: 29px/148px '';
    color: #fff;
    vertical-align: middle;
} */
/* .business li */
.footer{
    padding:100px 0;
    background: #f4f4f4;
}
.footer .content{
    display: flex;
}
.footer .content>img{
    width: 528px;
}
.footer .content>span{
    padding: 78px 0 0px 66px;
}
.footer .content>span>h2{
    padding-bottom: 78px;
}
.footer .content>span ul li svg{
    vertical-align: middle;
}
.footer .content>span ul li span{
    font: 20px/40px '';
    color: #848484;
    vertical-align: middle;
}
.bottom_logo img{
    width:428px;
    display: block;
    margin: 0 auto;
}
.game_center{
    height: 1729px;
}
.game_center .content h2{
    padding: 0;
    line-height: 164px;
}
.game_center .content li{
    display: flex;
    justify-content: space-between;
    padding-bottom: 67px;
}
.game_center .content li div:first-child{
    position: relative;
}
.game_center .content li div:first-child h6{
    font: 30px/56px '';
    color: #222222;
}
.game_center .content li div:first-child p{
    font: 18px/24px '';
    color: #3f3f3f;
    width: 366px;
    max-height: 312px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
}
.game_center .content li div:first-child a{
    position: absolute;
    left: 0;
    bottom: 0px;
    background: #000000;
    text-align: center;
    /* width: 248px; */
    border-radius: 38px;
    padding: 0 20px;
}

.game_center .content li div:first-child a span{
    color: #ffffff;
    font: 25px/57px '';
    vertical-align: middle;
}
.game_center .content li div:first-child a svg{
    vertical-align: middle;
    padding-left: 13px;
}
.game_center .content li div:last-child img{
    width: 790px;
    height: 453px;
}