@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-size:12px; background-color:#fff;min-width: 1200px;margin:0 auto;}
a{text-decoration:none; color:#333;font-size: 18px;}
a:hover{ color:#333;}

/*头部*/
.wrap_header{     background-image: url(../images/topbg.jpg);height:380px;background-attachment: scroll;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.header{width: 1200px;margin:0 auto;overflow: hidden;height:380px;}
.logo{width: 151px;height: 294px;margin-top: 43px;float: left;margin-left: 75px;}

.nav{float: left;height:380px;margin-left:74px;}
.nav ul{width: 900px;}
.nav ul li {float: left;width: 300px;height:190px;}
.nav ul li a {width: 300px;height:190px; display: block;background: rgba(255,255,255,0);}
.nav ul li a h2{color:#226FBF;font-size: 22px;font-weight: normal;padding-top:66px;}
.nav ul li a p{color:#226FBF;font-size: 18px;margin-top:7px;padding:0 20px;}
.nav ul li a:hover{font-weight: normal;background: rgba(255,255,255,0.3);}





.content{ width:100%; margin:0px auto;  overflow:hidden;}
.Banner{width:1200px; height:500px; margin:0 auto;}

/*图片轮播*/
.flex-direction-nav a{width: 45px;height:45px;}
.flex-control-nav{text-align: center;bottom:15px;}
.flex-control-nav li{margin:0 5px;}
.flex-control-paging li a{border:2px solid #ccc;background: none;border-radius: 20px;width: 20px;height:20px;text-indent: 9999px;}
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active { border-color: #6cb7ed;
    background-color: #6cb7ed;}
.flexslider ul.slides li img{ min-width:120px; height:500px;}
.til_slides{position: absolute;bottom: 50px;left:130px;background: url(../images/banner_bg.jpg) repeat;color:#fff;font-size: 20px;}
.til_slides i{padding:8px 10px;display: block;font-style: normal;}
.flex-direction-nav .flex-prev { left: 20px; background-position:0 0;}
.flex-direction-nav .flex-next { right: 20px; background-position:-120px 0;}
/*content*/
.mode01{width: 1200px;margin:50px auto 0;overflow: hidden;}
.mode01 .lf{float: left;width: 300px;height:380px;overflow: hidden;}
.mode01 .rt{float: right;width: 900px;height:380px;overflow: hidden;}


.newsTitle{position: relative;}
.newsTitle img{display: block;}
.newsTitle .title{width: 100%; position: absolute;top:0;left: 0;text-align: center;margin-top:30px;}
.newsTitle .title h2{font-size: 50px;color:#fff;width: 100px;margin:0 auto;font-weight: normal;}
.newsTitle .title h3{font-size: 30px;color:#fff;margin-top:20px;font-weight: normal;}
.more{float: none;text-align: center;margin-top:30px;display: inline-block;}
.more i{color:#D03FA3;background: #fff;border-radius: 20px;font-size: 16px;font-style: normal; display:inline-block;padding:9px 20px;border:1px solid #fff;}
.more:hover i{color:#fff;border-color:#fff;background: #D03FA3;}

.newList{background: #F3F3F3;height:380px;}
.newList ul{padding:20px 25px;}
.newList ul li{overflow: hidden;border-bottom: 1px solid #e7e7e7;padding-bottom: 9px;margin-bottom: 20px;}
.newList ul li .leftDate{float: right;font-size: 18px;margin-top:8px;}
.newList ul li a{font-size: 24px;}

.mode02{width: 1200px;margin:50px auto 0;overflow: hidden;}
.mode02 .iconList{width: 1200px;height:150px;overflow: hidden;background: #F9F9F9;}
.iconCon{overflow: hidden;} 
.iconCon li{overflow: hidden;width: 300px;height:110px;float: left;margin-top:21px;} 
.iconCon li a{display: block;overflow: hidden;margin-left:19px;}
.iconCon li a img{float: left;}
.iconCon li a .iconInfo{float: left;margin-left:20px;width: 150px;height:109px; position: relative;overflow: hidden;}
.iconCon li a .iconInfo h2{font-size: 20px;font-weight: normal;}
.iconCon li a .iconInfo p{font-size: 16px;position: absolute;bottom: 0;left: 0;}

.mode03{width: 1200px;margin:50px auto 0;overflow: hidden;}
.mode03 .lf{float: left;width: 300px;height:380px;overflow: hidden;}
.mode03 .rt{float: right;width: 900px;height:380px;overflow: hidden;}

.more03 i{color:#AC552A;background: #fff;border-radius: 20px;font-size: 16px;font-style: normal; display:inline-block;padding:9px 20px;border:1px solid #fff;}
.more03:hover i{color:#fff;border-color:#fff;background: #EC6946;}

.eductionList{overflow: hidden;}
.eductionList li{float: left;height:190px;}
.eductionList li a{display: block;position: relative;background: #fff;}
.eductionList li a img{display: block;height:190px;}
.eductionList li a img:hover{opacity: 0.8;}
.eduImg01{position: absolute;top:46px;left:76px;}
.eduImg01 p{font-size: 24px;color:#fff;}
.eduImg01 h2{font-size: 50px;color: #fff;font-weight: normal;}

.eduImg02{position: absolute;top:59px;left:101px;}
.eduImg02 h2{font-size: 35px;color: #333;font-weight: bold;border:2px solid #333;border-left:0;border-right: 0;padding:10px 0;}


.mode04{width: 1200px;margin:0 auto 0;overflow: hidden;}
.mode04 .lf{float: left;width: 300px;height:380px;overflow: hidden;}
.mode04 .rt{float: right;width: 900px;height:380px;overflow: hidden;}
.newsTitle .title01 h2{line-height: 60px; font-size: 35px;color:#333;width: 200px;margin:0 auto;font-weight: normal;}


.eduImg03{position: absolute;top:50px;left:83px;}
.eduImg03 h2{font-size: 35px;color: #333;width: 142px;}
.newsTitle04 a{background: #fff;display: block;}
.newsTitle04 a:hover img{opacity: 0.8;}


.personList{overflow: hidden;}
.personList a{display: block;background: #fff;position: relative;}
.personList a:hover img{opacity: 0.8;}
.personInfo{position: absolute;left:30px;bottom: 20px;}
.personInfo li{margin:10px 0;}
.personInfo li h2{font-weight: normal;font-size: 28px;color:#333;}
.personInfo li h2 strong{font-weight: bold;}

.mode05{width: 1200px;margin:50px auto 0;overflow: hidden;}
.mode05 .lf{float: left;width: 300px;height:380px;overflow: hidden;}
.mode05 .rt{float: right;width: 900px;height:380px;overflow: hidden;}


.more05 i{color:#994BC3;background: #fff;border-radius: 20px;font-size: 16px;font-style: normal; display:inline-block;padding:9px 20px;border:1px solid #fff;}
.more05:hover i{color:#fff;border-color:#fff;background: #B167D0;}
.studentList{position: absolute;left:277px;top:20px;}
.studentList h2{font-size: 28px;text-align: center;line-height: 50px;}


.mode06{width: 1200px;margin:0 auto 0;overflow: hidden;}
.mode06 .lf{float: left;width: 600px;height:190px;overflow: hidden;}
.mode06 .rt{float: right;width: 600px;height:190px;overflow: hidden;}

.studentDown01{overflow: hidden;}
.studentDown01 a{display: block;background: #fff;position: relative;}
.studentDown01 a img{display: block;}
.studentDown01 a:hover img{opacity: 0.8;}
.studInfo{position: absolute;top:48px;right: 105px;text-align: right;}
.studInfo h2{font-size: 28px;color:#fff;}
.studInfo p{font-size: 24px;color:#fff;margin-top:10px;}


.studInfo01{position: absolute;top:48px;left: 50px;overflow: hidden;}
.studInfo01 li{margin: 10px 0 0 0 ;}
.studInfo01 li h2{display: block; font-size: 28px;padding-left:16px; background: url(../images/li_bg.jpg) no-repeat center left;}



.mode07{width: 1200px;margin:50px auto 0;overflow: hidden;}
.mode07 .lf{float: left;width: 300px;height:380px;overflow: hidden;}
.mode07 .rt{float: right;width: 900px;height:380px;overflow: hidden;}


.more07 i{color:#EC4D4D;background: #fff;border-radius: 20px;font-size: 16px;font-style: normal; display:inline-block;padding:9px 20px;border:1px solid #fff;}
.more07:hover i{color:#fff;border-color:#fff;background: #EC4D4D;}

/*.personList07 a:hover .studentList07  h2{background: rgba(255,255,255,0.2);}
.personList07 a:hover .studentList07  h3{background: rgba(255,255,255,0.2);}*/
.studentList07{position: absolute;right:58px;top:54px;text-align: right;}
.studentList07  h2{font-size: 35px;line-height: 50px;color: #fff;padding:10px 10px;border:2px solid #fff;border-left:0;border-right:0;}
.studentList07 h3{font-size: 35px;line-height: 50px;color: #fff;font-weight: normal;margin-top:45px;line-height: 60px; width: 346px;float: right;}

.mode08{width: 1200px;margin: 0 auto 0;overflow: hidden;}
.workList{overflow: hidden;}
.workList a{display: block;position: relative; overflow: hidden;background: #fff;}
.workList a img{display: block;}
.workList a:hover img{opacity: 0.8;}
.workInfo{position: absolute;top:39px;left:45px;}
.workInfo h2{font-size: 40px;}
.workInfo h3{font-size: 30px;font-weight: normal;margin-top:15px;}


.workList08{overflow: hidden;}
.workList08 a{display: block;position: relative; overflow: hidden;background: #fff;}
.workList08 a img{display: block;}
.workList08 a:hover img{opacity: 0.8;}
.workInfo08{position: absolute;top:43px;left:45px;}
.workInfo08 h2{font-size: 40px;color:#fff;}
.workInfo08 h3{font-size: 30px;font-weight: normal;color:#fff; margin-top:15px;}




.mode09{width: 1200px;margin:0 auto 0;overflow: hidden;}
.mode09 .lf{float: left;width: 600px;height:380px;overflow: hidden;}
.mode09 .rt{float: right;width: 600px;height:380px;overflow: hidden;}

.studentDown09{overflow: hidden;}
.studentDown09 a{display: block;background: #fff;position: relative;}
.studentDown09 a img{display: block;}
.studentDown09 a:hover img{opacity: 0.8;}
.studInfo09{position: absolute;top:48px;left: 46px;text-align: left;}
.studInfo09 h2{font-size: 30px;}
.studInfo09 p{font-size: 30px;margin-top:10px;line-height: 50px;width: 320px;text-align: justify;}


.mode09List{overflow: hidden;width: 600px; height: 190px;}
.mode09List a{display: block;position: relative;overflow: hidden;background: #fff;}
.mode09List a img{display: block;}
.mode09List a:hover img{opacity: 0.8;}
.mode09Info{position: absolute;left: 52px;top:48px;}
.mode09Info h2{font-size: 28px;}
.mode09Info h3{font-size: 32px;font-weight: normal;margin-top:13px;}

.mode09Info_01{position: absolute;right: 52px;top:48px;text-align: right;}
.mode09Info_01 h2{font-size: 28px;}
.mode09Info_01 h3{font-size: 32px;font-weight: normal;margin-top:13px;}

.mode10{width: 1200px;margin:0 auto 0;overflow: hidden;}
.mode10 .lf{float: left;width: 900px;height:380px;overflow: hidden;}
.mode10 .rt{float: right;width: 300px;height:380px;overflow: hidden;}

.workInfo10{position: absolute;top:70px;left:45px;}
.workInfo10 h2{font-size: 36px;}
.workInfo10 h3{font-size: 37px;font-weight: normal;margin-top:15px;width: 590px;line-height: 60px;text-align: justify;}

.fiveList10{overflow: hidden;}
.fiveList10 a{overflow: hidden;display: block;position: relative;background: #fff;}
.fiveList10 a img{display: block;}
.fiveList10 a:hover img{opacity: 0.8;}
.fiveInfo10{position: absolute;top:42px;left: 70px;}
.fiveInfo10 h2{font-size: 36px; margin-left:10px; width: 150px;font-weight: normal;line-height: 50px;}
.fiveInfo10 ul{margin-top: 20px;}
.fiveInfo10 ul li p{font-size: 20px;margin-bottom: 7px;}

.mode11{width: 1200px;margin:0 auto 0;overflow: hidden;}
.mode11 .lf{float: left;width: 300px;height:380px;overflow: hidden;}
.mode11 .rt{float: right;width: 900px;height:380px;overflow: hidden;}

.more11 i{color:#AF2424;background: #fff;border-radius: 20px;font-size: 16px;font-style: normal; display:inline-block;padding:9px 20px;border:1px solid #fff;}
.more11:hover i{color:#fff;border-color:#fff;background: #AF2424;}

.ResultList{overflow: hidden;}
.ResultList ul{width: 900px;height:380px;overflow: hidden;}
.ResultList ul li{float: left;width: 300px;height:380px;overflow: hidden;}
.ResultList ul li a{display: block;background: #fff;}
.ResultList ul li a img{width: 300px;height:380px; display: block;}
.ResultList ul li a:hover img{opacity: 0.8;}

.mode12{width: 1200px;height: 380px;overflow: hidden;margin:0 auto 100px;}

.awardsList{overflow: hidden;}
.awardsList a{display: block;position: relative;background: #fff;}
.awardsList a img{display: block;}
.awardsList a:hover img{opacity: 0.8;}
.awardsInfo{position: absolute;top:121px;left: 136px;}
.awardsInfo ul{overflow: hidden;}
.awardsInfo ul li{text-align: center;float: left;margin-right: 162px;}
.awardsInfo ul li.last{margin-left: 22px;}
.awardsInfo ul li h2,.awardsInfo ul li h3{font-size: 30px;}
.awardsInfo ul li h3{font-weight: normal;margin-top:10px;line-height: 50px;}






