@charset "UTF-8";
@media (min-width:576px){

.banner_title{text-align:center;margin:40px 0px;}
.lecturelist{position:relative;}
.lecturelist li{width:25%;}
.lecturelist li img{width:100%;}
.sliderbutton{width:50px;height:100px;position:absolute;z-index:2;top:50%;margin-top:-50px;background-position: center;
    background-repeat: no-repeat;}
.lecturelist .prev {
	background-image: url(../img/blueleft.png);
	left: 0px;
}

.lecturelist .next {
	right: 0px;
	background-image: url(../img/right.png);
}
@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("SourceHanSansCN-Light.woff2") format("woff2"),
       url("SourceHanSansCN-Light.woff") format("woff"),
       url("SourceHanSansCN-Light.ttf") format("truetype"),
       url("SourceHanSansCN-Light.eot") format("embedded-opentype"),
       url("SourceHanSansCN-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body{font-family:"微软雅黑", "SourceHanSansCN-Light";}
.pic_list{margin: 0px 4%;overflow: hidden;padding-top: 25px;border-top: 2px solid #3462a9;}
.pic_list ul li{
  float:left;
  width: 22.5%;
  margin-right: 3%;
  margin-bottom:20px;
}
.pic_list ul li a{display:block;}
.pic_list ul li p{line-height:35px;margin-top:8px;text-align:center;color: #333;}
.pic_list .last{margin-right:0px;}
.img_pic{
 border:1px solid #ccc;
}
.pic_list ul li:hover .img_pic{
	border-color:#FFF934;
}
.img_pic{height:200px;text-align:center;width:100%;overflow:hidden;}
.img_pic img{height:100%;width:auto;}
.banner_wrap{
	
position: relative;
	
width: 100%;
margin:10px auto 10px auto;

}
.rslide li {
	position: relative;
}

.rslide li a {
	display: block;
}

.rslide li img {
	width: 100%;
}

.centered-btns_nav:active {
	opacity: 1;
}

.centered-btns_tabs {
	position: absolute;
	bottom: 20px;
	right: 20%;
	font-size: 0;
	list-style-type: none;
	z-index: 9;
}

.centered-btns_tabs li {
	display: inline-block;
	margin: 0 3px;
	*display: inline;
	*zoom: 1;
}

.centered-btns_tabs a {
	display: inline-block;
	width: 30px;
	height: 15px;
	overflow: hidden;
	color: transparent;
	font-size: 14px;
	text-align: center;
	*display: inline;
	*zoom: 1;
	background: url(../img/dot1.png) no-repeat left center;
}

.centered-btns_tabs .centered-btns_here a {
	background: url(../img/dot.png) no-repeat left center;
}


.centered-btns_nav {
	position: absolute;
	top: 50%;
	margin-top: -80px;
	z-index: 2;
	width: 49px;
	height: 71px;
	overflow: hidden;
	color: transparent;
	background-position: center;
	background-repeat: no-repeat;
}
.banner_wrap .prev {
	background-image: url(../img/blueleft.png);
	left: 0px;
}

.banner_wrap .next {
	right: 0px;
	background-image: url(../img/right.png);
}

.banner_wrap .caps{
	padding: 15px 20px;
	position: absolute;
	bottom: 25px;
	font-size: 20px;
	color: #fff;
	left: 25%;
	background: rgba(0,104,61,.6);
}





    article{
			float: left;
			width:60%;
		}
    article {
	padding: 0;
	width: 100%;
	float: left;
	background-color: #FFFFFF;
}
article img{
	width: 10%;
}
article h1 {
	font-size: 2.25em;
    margin-top: 10px;
}
article h2 {
	font-size: 1.5em;
	margin-bottom: 5px;
	color: #001e3c;
}
.The-navigation-bar-1 {
    width: auto;
    background-color:rgba(20,53,112,1.00);
    height: 86px;
}
.The-navigation-bar-1 img {
    height: 50px;
    margin-left: 250px;
    width: 300px;
    margin-top: 15px;
}
.The.navigation.bar-2 {
    height: 48px;
    width: auto;
    background-color:rgba(65,114,228,1.00);
    padding-top: 0px;
}
    .banner {
        width: 100%;
        height: 2800px;
}
.banner-1,.banner-1 a{
    margin: 0 auto;
    height: 664px;
    width: 1367px;
    display:block;
    position: relative;
}
.banner-1>a{
    height: 664px;
    margin-left: auto;
    margin-right: auto;
    width: 1367px;
    position: absolute;
    opacity: 0;
    transition: 1s;
}
.banner-1 .show{
    opacity: 1;
}
.banner-1>.left-bar>img{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-100px);
    cursor:pointer;
}
/* .banner-1>.bon{
    position: absolute;
    top: 50%;
} */
.banner-1>.right-bar>img{
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-100px);
    cursor:pointer;
}

.sousuo{
	padding-top: 30px;  
	width:50%;
	        height: 80px;
	        margin:auto;
		    border-bottom:2px solid #000;
	text-align: right;
	vertical-align:text-bottom;
}
.banner-2 {
	vertical-align: middle;
	float: left;
	position: absolute;
		width: 800px;
	height: 210px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(20,55,116,0.79);
	bottom: auto;
	position: absolute;
	top: 600px;
	transform: translate(-50%,-50%);
	left: 50%;
}
.banner-2 .word-1 {
    color: rgba(255,255,255,1.00);
    font-family: "Myriad Arabic";
    font-weight: 900;
    margin-top: auto;
    margin-bottom: auto;
    height: 250px;
    width: 800px;
    position: relative;
    left: 20px;
    top: 58px;
    font-size: 39px;
    line-height: 38px;
}
.banner-2 .squares-1 {
    width: 16px;
    height: 16px;
    position: absolute;
    left: auto;
    bottom: auto;
    background-color: rgba(255,226,90,1.00);
    margin-left: 650px;
    margin-bottom: 0px;
    margin-top: -90px;
}
.banner-2 .squares-2 {
    width: 16px;
    height: 16px;
    position: absolute;
    left: auto;
    bottom: auto;
    background-color: rgba(255,255,255,1.00);
    margin-left: 680px;
    margin-top: -90px;
}
.banner-2 .squares-3 {
    width: 16px;
    height: 16px;
    position: absolute;
    left: auto;
    bottom: auto;
    background-color: rgba(255,255,255,1.00);
    margin-left: 710px;
    margin-top: -90px;
}
.banner-2 .squares-4 {
    width: 16px;
    height: 16px;
    position: absolute;
    left: auto;
    bottom: auto;
    background-color: rgba(255,255,255,1.00);
    margin-left: 740px;
    margin-top: -90px;
}
.banner-3 {
    height: 110px;
    position: static;
    top: 1200px;
    z-index: 2;
}
.banner-3 .squares-5 {
    background-color: rgba(20,53,112,1.00);
    width: 20px;
    height: 20px;
    margin-left: 40px;
}
.banner-3 {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: static;
    bottom: auto;
}
.banner-3 .squares-5 {
    background-color: rgba(20,53,112,1.00);
    width: 20px;
    height: 20px;
    margin-left: 40px;
}
.banner-3 .word-2 {
    font-family: "Myriad Arabic";
    font-size: 300%;
    font-weight: 400;
    color: rgba(20,53,112,1.00);
}
.banner-3 .input-2 {
    width: 670px;
    height: 3px;
    margin-left: 40px;
    background-color: rgba(20,53,112,1.00);
    margin-top: 40px;
}.gary-1 {
    /* height: 600px; */
    background-color: rgba(251,251,253,1.00);
    width: 100%;
    /* padding-bottom: 120px; */
}
.banner-4 {
    width: 100%;
    margin: 0 auto;/* 自动边距（与宽度一起）会将页面居中 */
}
.banner-4 .squares-6 {
    width: 20px;
    height: 20px;
    background-color: rgba(20,53,112,1.00);
    margin-left: 130px;
    margin-top: 30px;
}
.banner-4 font {
    color: rgba(20,53,112,1.00);
    font-family: "Myriad Arabic";
    font-size: 36px;
    margin-top: 0px;
    top: 15px;
    }
.banner-4 .p-1 {
    width: 30%;
    margin-left: 23%;
}
.banner-4 .bg-a {
    width: 80%;
    height: 50%;
    background-color: rgba(65,114,228,1.00);
    z-index: 1;
    }
    .banner-4 .bg-a-2 {
    width: 80%;
    height: 50%;
    background-color: rgba(65,114,228,1.00);
    z-index: 1;
    }
        .banner-4 .bg-a-3 {
    width: 80%;
    height: 50%;
    background-color: rgba(65,114,228,1.00);
    z-index: 1;
    }
    .p-1 .bg-a .word-3 {
    color: rgba(255,255,255,1.00);
    font-family: "Myriad Arabic";
    margin-left: 10px;
    font-weight: 500;
    font-size: 20px;
    margin-top: 20px;
    top: 0px;
}
.p-1 .bg-a-2 .word-3 {
    color: rgba(255,255,255,1.00);
    font-family: "Myriad Arabic";
    margin-left: 10px;
    font-weight: 500;
    font-size: 20px;
    margin-top: 20px;
    top: 0px;
}
    .p-1 .bg-a-3 .word-3 {
    color: rgba(255,255,255,1.00);
    font-family: "Myriad Arabic";
    margin-left: 10px;
    font-weight: 500;
    font-size: 20px;
    margin-top: 20px;
    top: 0px;
}
.p-1 .bg-a .word-4 {
    font-family: "Adobe Heiti Std R";
    font-size: 14px;
    top: 40px;
    line-height: 8px;
    color: rgba(255,255,255,1.00);
    width: 130px;
    right: 160px;
}
    .p-1 .bg-a-2 .word-4 {
    font-family: "Adobe Heiti Std R";
    font-size: 14px;
    top: 40px;
    line-height: 8px;
    color: rgba(255,255,255,1.00);
    width: 130px;
    right: 160px;
}
        .p-1 .bg-a-3 .word-4 {
    font-family: "Adobe Heiti Std R";
    font-size: 14px;
    top: 40px;
    line-height: 8px;
    color: rgba(255,255,255,1.00);
    width: 130px;
    right: 160px;
}
.p-1 .bg-a .word-5 {
    font-family: "Adobe Heiti Std R";
    font-size: 14px;
    line-height: 18px;
    color: rgba(255,255,255,1.00);
    margin-top: 20px;
    top: 40px;
    width: 300px;
    right: px;
    left: -156px;
    padding-left: 0px;
}
    .p-1 .bg-a-2 .word-5 {
    font-family: "Adobe Heiti Std R";
    font-size: 14px;
    line-height: 18px;
    color: rgba(255,255,255,1.00);
    margin-top: 20px;
    top: 40px;
    width: 300px;
    right: px;
    left: -156px;
    padding-left: 0px;
}
        .p-1 .bg-a-3 .word-5 {
    font-family: "Adobe Heiti Std R";
    font-size: 14px;
    line-height: 18px;
    color: rgba(255,255,255,1.00);
    margin-top: 20px;
    top: 40px;
    width: 300px;
    right: px;
    left: -156px;
    padding-left: 0px;
}
.p-1 .bg-a .word-6 {
    font-family: "Adobe Heiti Std R";
    font-size: 14px;
    line-height: 18px;
    color: rgba(255,255,255,1.00);
    right: 0px;
    width: 300px;
    top: 110px;
    left: -156px;
}
    .p-1 .bg-a-2 .word-6 {
    font-family: "Adobe Heiti Std R";
    font-size: 14px;
    line-height: 18px;
    color: rgba(255,255,255,1.00);
    right: 0px;
    width: 300px;
    top: 110px;
    left: -156px;
}
        .p-1 .bg-a-3 .word-6 {
    font-family: "Adobe Heiti Std R";
    font-size: 14px;
    line-height: 18px;
    color: rgba(255,255,255,1.00);
    right: 0px;
    width: 300px;
    top: 110px;
    left: -156px;
}
.banner-4 .p-1 .squares-7 {
    width: 40px;
    height: 40px;
    top: 510px;
    left: 705px;
}
.p-1 .squares-7 img {
    width: 40px;
}
.banner-4 .p-1 .squares-8 {
    width: 40px;
    height: 40px;
    top: 510px;
    left: 755px;
}
.p-1 .squares-8 img {
    width: 40px;
}
.banner-4 .squares-9 {
    width: 10px;
    background-color: rgba(20,53,112,1.00);
    top: 680px;
    height: 10px;
    left: 700px;
}
.banner-4 .squares-9 .word-7 {
}
.banner-4 .word-7 {
    position: absolute;

    top: 672px;
    font-size: 10px;
    font-family: "Adobe Heiti Std R";
    left: 550px;
}
.banner-4 .line {
    width: 2px;
    height: 10px;
    top: 680px;
    left: 740px;
    background-color: rgba(20,53,112,1.00);
}
.banner-4 .word-8 {
    position: absolute;
    font-family: "Myriad Arabic";
    top: 676px;
    width: 80px;
    left: 750px;
    color: rgba(20,53,112,1.00);
}
.gary-2 {
    height: auto;
    background-color: rgba(251,251,253,1.00);
    position: relative;
    top: 15px;
}.
.banner-5 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
        z-index: -1;
}

.banner-5 img {
    z-index: -1;
    left: 0pt;
}
.bg-b {
    background-color: rgba(20,55,116,0.79);
    z-index: 3;
    width: 100%;
}
.bg-b .squares-10 {
    width: 20px;
    height: 20px;
    background-color: rgba(255,255,255,1.00);
    margin-left: 385px;
    margin-top: 45px;
}
.bg-b .word-9 {
    font-family: "Myriad Arabic";
    font-size: 50px;
    color: rgba(255,255,255,1.00);
    width: 575px;
    margin-left: 410px;
    margin-bottom: 0px;
    margin-top: 0px;
    position: absolute;
    bottom: auto;
    top: 30px;
}
.bg-b .squares-11 {
    width: 350px;
    height: 50px;
    background-color: rgba(255,255,255,1.00);
    margin-left: auto;
    margin-top: 75px;
    margin-right: auto;
}
.bg-b .squares-11 font {
    margin-left: auto;
    margin-right: auto;
    right: auto;
    font-family: "Myriad Arabic";
    font-size: 30px;
    color: rgba(20,53,112,1.00);
    font-weight: 400;
    top: 149px;
    position: absolute;
    left: 571px;
}
.banner-6 {
    width: 80%;
    margin: 0 auto;
}
.banner-6 .day-1 {
    width: 50%;
    height: auto;
}
.banner-6 .day-2 {
    width: 50%;
    height: auto;
}
.banner-6 .day-3 {
    width: 50%;
    height: auto;

}
.banner-6 .day-1 .num-1 {
    width: 10%;
    color: rgba(20,53,112,1.00);
    font-size: 130px;
    background-color: #143570;

}
.banner-6 .day-1 .word-10 {
    width: 80%;
    color: rgba(20,53,112,1.00);
    font-family: "Adobe Heiti Std R";
    font-weight: 500;
}
.banner-6 .day-1 .word-10:hover {background:#EAE458 }
.banner-6 .day-2 .num-2 {
    width: 1%;
    color: rgba(20,53,112,1.00);
    font-size: 130px;
    background-color: #143570;
}
.banner-6 .day-2 .word-11 {
    width: 80%;
    color: rgba(20,53,112,1.00);
    font-family: "Adobe Heiti Std R";
    font-weight: 500;
}
.banner-6 .day-2 .word-11:hover {background:#EAE458 }
.banner-6 .day-3 .num-3 {
    width: 1%;
    color: rgba(20,53,112,1.00);
    font-size: 130px;
    background-color: #143570;
}
.banner-6 .day-3 .word-12 {
    width: 80%;
    color: rgba(20,53,112,1.00);
    font-family: "Adobe Heiti Std R";
    font-weight: 500;
}
.banner-6 .day-3 .word-12:hover {background:#EAE458 }
.squares-12 {
    width: auto;
    height: 70px;
    z-index: 3;
}
.squares-12 img {
	width: 100%;
	margin-top: 31px;
	z-index: 3;
	height: 14.5px;

}
.gary-3 {
    height: auto;
    background-color: rgba(251,251,253,1.00);
    z-index: -1;
}
.banner-7 {
    width: auto;
    height: auto;
    z-index: -1;
}
.banner-7 .squares-13 {
    width: 25px;
    height: 25px;
    background-color: rgba(20,53,112,1.00);
    position: absolute;
    bottom: auto;
    top: 2355px;
    left: 630px;
}
.banner-7 .word-10 {
    color: rgba(20,53,112,1.00);
    font-size: 40px;
    font-family: "Adobe Heiti Std R";
    position: absolute;
    top: 2330px;
    left: 670px;
    font-weight: 500;
}
.banner-7 .word-11 {
    font-size: 50px;
    position: absolute;
    top: 2345px;
    left: 780px;
    color: rgba(20,53,112,1.00);
    font-family: "Myriad Arabic";
}
.banner-7 .squares-14x {
    background-color: rgba(20,53,112,1.00);
    width: 5px;
    height: 50px;
    position: absolute;
    top: 2350px;
    left: 760px;
}
.banner-7 .bg-c {
    position: absolute;
    top: 2400px;
    margin-left: auto;
    margin-right: auto;
    left: 0px;

    right: 0pt;
}
.banner-7 .bg-c img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}

	
	
	
	
.squares-15 {
    width: 10px;
    background-color: rgba(20,53,112,1.00);
    position: absolute;
    top: 3080px;
    height: 10px;
    left: 1100px;
}
.word-13 {
    left: 1115px;
    position: absolute;
    color: rgba(20,53,112,1.00);
    font-style: normal;
    font-family: "Adobe Heiti Std R";
    font-weight: 500;
    top: 3068px;
    width: 35px;
}
.line-2 {
    width: 2px;
    height: 10px;
    position: absolute;
    top: 3080px;
    left: 1160px;
    background-color: rgba(20,53,112,1.00);
}
.word-14 {
    position: absolute;
    left: 1170px;
    color: rgba(20,53,112,1.00);
    font-family: "Myriad Arabic";
    font-size: 25px;
    font-weight: 500;
    top: 3070px;
    width: 80px;
}
.gary-4 {
    height: 700px;
    background-color: rgba(251,251,253,1.00);
    position: relative;
    bottom: auto;
    z-index: -1;
    top: 10px;
}
.banner-9 {
    /* [disabled]background-color: rgba(255,255,255,1.00); */
    height: 295px;
    width: 100%;

    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
	padding-bottom: 120px;
}


.banner-4 .banner-img {
    width: 40%;


    }
.banner-4 .p-1 .space-1 {
    height: 15%;
    display: inline-block;
}
.banner-4 .p-1 .space-2 {
    height: 5%;
    display: inline-block;
}
.banner-4 .banner-img img {
 
}
.gary-1 .banner-4 .banner-3 {
    width: 100%;
    margin: 0 auto;
}

    .banner-4 .banner-3 .word-1 {
    font-family: "Myriad Arabic";
    font-size: 300%;
    font-weight: 400;
    color: rgba(20,53,112,1.00);
    width: 18%;
    margin: 0 auto;
}
.gary-2 .banner-5 img {
    width: 100%;
}
.gary-3 .banner-7 img {
    width: 100%;
    
}
.gary-1 .banner-4 .yaowen {
	width: 100%;
	/* height: 400px; */
}
	
.banner-4 .banner-3 .word-1 {
}
.banner-3 .word-1 img {
    width: 350px;
}

	
	

.yaowen .news {
	width: 32%;
	height: 100%;
	float: left;
	overflow: hidden;
	margin: 0 0.5% 1% 0.5%;
	position: relative;
}
.yaowen .news-2 {
	width: 32%;
	height: 100%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	float: left;
	overflow: hidden;
}
.yaowen .news .news-time {
	position: absolute;
	background-color: rgba(65,114,228,1.00);
	margin-left: 1%;
	margin-top: 1%;
	width: 14%;
	height: 20%;
	opacity: 0.9;
}
.yaowen .news-2 .news-time {
	position: absolute;
	background-color: rgba(65,114,228,1.00);
	margin-left: 1%;
	margin-top: 1%;
	width: 4%;
	height: 10%;
	opacity: 0.9;
	
}
.news .news-time .time-month {
	font-family: "Myriad Arabic";
    font-size: 120%;
    font-weight: 100;
    color: white;
	text-align: center;
	margin-top: 8%;
	opacity: 1;
}
.news .news-time .time-date {
	font-family: "Myriad Arabic";
    font-size: 200%;
    font-weight: 400;
    color: white;
	text-align: center;
	margin-top: -5%;
	opacity: 1;
}
.news-2 .news-time .time-month {
	/* font-family: "Myriad Arabic"; */
	/* font-size: 120%; */
	/* font-weight: 100; */
	/* color: white; */
	/* text-align: center; */
	/* margin-top: 8%; */
	/* opacity: 1; */
}
.news-2 .news-time .time-date {
	font-family: "Myriad Arabic";
    font-size: 200%;
    font-weight: 400;
    color: white;
	text-align: center;
	margin-top: -5%;
	opacity: 1;
}
.yaowen .news .bottom-word {
	width: 100%;
	height: 10%;
	background-color: rgba(65,114,228,1.00);
	opacity: 0.9;
	font-family: "Myriad Arabic";
	font-size: 100%;
	font-weight: 200;
	color: white;
	margin-top: 20%;
	padding-top: 2%;
	position: absolute;
	bottom: 0;
z-index:99;
transition: 0.25s;
}
.news .bottom-word .news-link {
	font-size: 100%;
	line-height: 180%;
	}
.yaowen .news-2 .bottom-word {
	width: 29.7%;
	height: 10%;
	background-color: rgba(65,114,228,1.00);
	opacity: 0.9;
	font-family: "Myriad Arabic";
    font-size: 100%;
    font-weight: 200;
    color: white;
	margin-top: 20%;
	padding-top: 2%;
	position: absolute;
}
.news-2 .bottom-word .news-link {
	font-size: 100%;
	line-height: 180%;
	}
.news .bottom-word:hover {background-color: #fff934;}
.news-2 .bottom-word:hover {background-color: #fff934;}
.news-2 .bottom-word:hover >.news-link{color: #143570;}
.news .bottom-word:hover >.news-link{color: #143570;}
	
	
	
	
.gary-2 .events {
	width: 100%;
	height: 30%;
	margin-top: 2%;
}
.gary-2 .events .gonggao {
	width: 30%;
	font-family: "Myriad Arabic";
	font-size: 100%;
	font-weight: 200;
	background-color: white;
	border-left: 10px solid #143570;
	padding: 0.5%;
	height: 128px;
	float: left;
}
.gary-2 .events .gonggao-2 {
	width: 30%;
	font-family: "Myriad Arabic";
	font-size: 100%;
	font-weight: 200;
	background-color: white;
	border-left: 10px solid #143570;
	margin-left: 2%;
	padding: 0.5%;
	height: 128px;
	float: left;
}

.events .gonggao-link {
	font-size: 100%;
	line-height: 180%;
	color: #143570;
	text-align: left;
	}
.gary-2 .events .gonggao:hover {background-color: #fff934;}
.gary-2 .events .gonggao-2:hover {background-color:#fff934;}

	.gary-2 .banner-gonggao {
		width: 90%;
		height: 130px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 120px;
}
.gary-1 .banner-4 .banner-yaowen {
	width: 90%;
	height:800px;
	margin-left: auto;
	margin-right: auto;
}
.zhaosheng{width:50%;
	        
	        margin:auto;
		   
	text-align: center;
}
.gary-3 .banner-9 .banner-welcome {
	width: 50%;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}
.banner-9 .banner-welcome .framework-left {
	width: 46%;
	height: 80px;
	background-color: rgba(65,114,228,1.00);
	float: left;
	padding:10px;
        padding-top: 25px;
	color: white;
	text-align: center;
	font-family: "Myriad Arabic";
    font-size: 100%;
    font-weight: 200;
}
.banner-9 .banner-welcome .framework-right {
	width: 46%;
	height: 80px;
	background-color: rgba(65,114,228,1.00);
	float: left;
	padding:10px;
	margin-top: -115px;
	margin-left: 51%;
	padding-top: 25px;
	color: white;
	text-align: center;
	font-family: "Myriad Arabic";
    font-size: 100%;
    font-weight: 200;
}

.banner-9 .banner-welcome .framework-left:hover {
        background:#fff934;
        color:#143570;
}
.banner-9 .banner-welcome .framework-right:hover {
        background:#fff934;
        color:#143570;
}
.banner-8 {
    width: 70%;
    height: 120px;
    margin-left: auto;
	margin-top: 30px;
    margin-right: auto;
    left: 0px;
    right: 0pt;
    z-index: 99;
	padding-bottom: 120px;
}

.banner-8 .banner-8-0 {
	height: 120px;
    width: 27%;
    background-color: rgba(65,114,228,1.00);
    float: left;
	border-left: 23px rgba(20,53,112,1.00) solid;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 20px;
	color: white;
	font-family: "Myriad Arabic";
    font-size: 100%;
    font-weight: 200;
}
.banner-8 .banner-8-1 {
	height: 120px;
	width: 27%;
	background-color: rgba(65,114,228,1.00);
	float: left;
	border-left: 23px rgba(20,53,112,1.00) solid;
	margin-left:10px;
	padding-left: 1.5%;
	padding-right: 1%;
	padding-top: 20px;
	color: white;
	font-family: "Myriad Arabic";
	font-size: 100%;
	font-weight: 200;
	}
.banner-8 .banner-8-0:hover {
	background:#fff934;
	color:#143570;
}
.banner-8 .banner-8-1:hover {
	background:#fff934;
	color:#143570;
}