@charset "utf-8";

body,html{ background-color:#fff; min-height:100%;}



.container{ width:100%; min-width: 1200px; margin: 0 auto; position:relative; font-size:14px; color:#333; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.container a{text-decoration:none; outline:none; color: #333;}

/*头部*/
.header{width:100%; height:70px; position:fixed; top:0; z-index:999; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.2);}
.header .headerBox{ width: 1200px; height:70px; margin: 0 auto; }
.header .logo{ float:left; margin-top: 11px;}
.header .logo img{ height: 47px; vertical-align: middle;}
.header .nav{ float: right;}
.header .nav a{ width: 150px; height: 70px; line-height: 70px; float: left; text-align: center; font-size: 20px; font-weight: bold;}
.header .nav a.on{ color: #fff; background: #478bff; }

/*底部*/
.footer{ width: 100%; height: 310px; background: #16181c; overflow: hidden; line-height: 180%; }
.footer .text{ width: 890px; margin: 60px auto 0 auto; color: #fff; font-size: 18px; }
.footer .text .textCon{ float: left; }
.footer .text .textCon p{ margin-left: 18px; margin-top: 5px; }
.footer .text .img{ float: right; }
.footer .info{ margin-top: 40px; font-size: 16px; text-align: center; color: #a6a8b4; }


/*顶部广告*/
.banner{ width: 100%; height: 570px; position: relative; overflow: hidden; }
.banner img{ height: 100%; position: absolute; top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%);}
.infoBox{ width: 100%; height: 150px; background: #478bff; overflow: hidden; }
.infoBox ul{width: 1200px; height:150px; padding-top: 35px; margin: 0 auto;}
.infoBox ul li{ width: 33%; height: 80px; float: left; text-align: center; }
.infoBox ul li:nth-child(2){ width: 34%; border-left: solid 1px #fff; border-right: solid 1px #fff; box-sizing: border-box; }
.infoBox ul li p{ font-size: 20px; color: #fff; line-height: 20px; }
.infoBox ul li h3{ font-size: 36px; color: #fafe50; line-height: 36px; margin-top: 20px; }

.index-about{ width: 1200px; margin: 70px auto 100px auto; }
.index-about .title{ width: 100%; line-height: 40px; }
.index-about .title h2{ margin-left: 3px; color: #478bff; font-size: 36px; font-weight: bold; position: relative; z-index: 10; }
.index-about .title p{ margin-top: 8px; font-size: 40px; color: #c9ddff; position: relative; background-image:-webkit-linear-gradient(top,#eef4ff,#d0e1ff,#b7d2ff);     -webkit-background-clip:text;     -webkit-text-fill-color:transparent;}
.index-about .title p:before{ content: ''; width: 150px; height: 16px; background: #9dddff; position: absolute; top: -20px; left: 0; z-index: 9; }
.index-about .textBox{ width: 100%; margin-top: 20px; }
.index-about .textBox .text{ width: 650px; float: left; font-size: 18px; }
.index-about .textBox .text p{ margin-bottom: 35px; line-height: 150%; }
.index-about .textBox .text p:last-child{ margin-bottom: 0; }
.index-about .textBox .img{ width: 500px; float: right; margin-top: 5px; }
.index-about .textBox .img img{ width: 100%; vertical-align: top;}
.index-service{ width: 100%; height: 940px; padding-top: 60px; box-sizing: border-box; background: url(../images/index-bg.jpg) no-repeat; background-position: center center; }
.index-service ul{ width: 900px; margin: 60px auto 0 auto; }
.index-service ul li{ width: 100%; margin-bottom: 30px; }
.index-service ul li .img{ width: 380px; height: 200px; float: left; }
.index-service ul li .img img{ width: 100%; vertical-align: top; }
.index-service ul li .text{ width: 380px; float: right; }
.index-service ul li .text h3{ font-size: 32px; color: #11e2f0}
.index-service ul li .text p{ margin-top: 15px; font-size: 18px; color: #fff; }
.index-shcool{ width: 1200px; margin: 60px auto 80px auto; }
.index-shcoolList{ width: 100%; overflow: hidden; position: relative; }
.index-shcoolList li{ width: 600px; height: 210px; float: left; margin-top: 60px; }
.index-shcoolList li:nth-child(2n){ padding-left: 20px; box-sizing: border-box; }
.index-shcoolList li .img{ width: 110px; float: left; margin-left: 24px; margin-right: 35px; }
.index-shcoolList li .img img{ width: 100%; vertical-align: top; }
.index-shcoolList li .text{ width: 385px; float: left; }
.index-shcoolList li .text h3,.index-shcoolList li .text h4{ font-size: 18px; color: #333; font-weight: bold; }
.index-shcoolList li .text p{ margin-top: 8px; color: #6e737f; font-size: 16px; line-height: 160%; }

/*本科*/
.bk-plan{ width: 1200px; margin: 80px auto 0 auto; }
.bk-plan ul{ width: 100%; margin-top: 60px; }
.bk-plan ul li{ width: 380px; height: 244px; float: left; overflow: hidden; margin-left: 30px; position: relative; border-radius: 8px; color: #fff; text-align: center; }
.bk-plan ul li:first-child{ margin-left: 0; }
.bk-plan ul li .img,.bk-plan ul li .img img{ width: 100%; height: 100%; vertical-align: top; }
.bk-plan ul li .title{ width: 100%; height: 64px; background: rgba(57,63,80,.85); line-height: 25px; position: absolute; bottom: 0; left: 0; z-index: 10; }
.bk-plan ul li .title h3{ font-size: 22px; margin-top: 10px; }
.bk-plan ul li .title p{ font-size: 18px; }
.bk-plan ul li .text{ width: 100%; height: 0px; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; z-index: 9; overflow: hidden; transition: all 0.3s ease 0s; }
.bk-plan ul li:hover .text{ height: 180px; }
.bk-plan ul li .text p{ margin-top: 18px; font-size: 16px; }
.bk-application{ width: 1350px; margin: 110px auto 0 auto; padding-bottom: 40px; }
.bk-application ul{ width: 100%; margin-top: 60px; }
.bk-application ul li{ width: 320px; height: 246px; float: left; overflow: hidden; margin-left: 23px; position: relative; border-radius: 8px; color: #fff; text-align: center; box-shadow: 0 0 3px rgba(71,139,255,.4) }
.bk-application ul li:first-child{ margin-left: 0; }
.bk-application ul li .img,.bk-plan ul li .img img{ width: 100%; height: 181px; vertical-align: top; }
.bk-application ul li .title{ width: 100%; height: 65px; background: #fff; line-height: 25px; color: #478bff; }
.bk-application ul li .title h3{ font-size: 22px; margin-top: 10px; }
.bk-application ul li .title p{ font-size: 18px; }
.bk-application ul li .text{ width: 100%; height: 0px; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; z-index: 9; overflow: hidden; transition: all 0.3s ease 0s; }
.bk-application ul li:hover .text{ height: 181px; padding-top: 10px; box-sizing: border-box; }
.bk-application ul li .text p{ margin-top: 20px; font-size: 16px; }
.bk-programs{ width: 1200px; margin: 60px auto 0 auto; }
.bk-programs ul{ width: 100%; margin-top: 60px; padding-bottom: 90px; }
.bk-programs ul li{ width: 100%; margin-bottom: 30px; }
.bk-programs ul li .img{ width: 378px; height: 200px; float: left; margin-left: 60px; }
.bk-programs ul li .img img{ width: 100%; height: 100%; vertical-align: top; }
.bk-programs ul li .text{ width: 610px; float: left; margin-left: 105px; }
.bk-programs ul li .text h3{ font-size: 32px; color: #478bff; line-height: 32px; }
.bk-programs ul li .text p{ font-size: 18px; margin-top: 20px; line-height: 150%; }


/*研究生*/
.yjs-service{ width: 1590px; margin: 80px auto 0 auto; }
.yjs-service ul{ width: 100%; margin-top: 60px; }
.yjs-service ul li{ width: 380px; height: 320px; float: left; overflow: hidden; margin-left: 23px;margin-bottom: 23px; position: relative; border-radius: 8px; color: #fff; text-align: center; }
.yjs-service ul li:nth-child(4n-3){ margin-left: 0; }
.yjs-service ul li .img,.yjs-service ul li .img img{ width: 100%; height: 100%; vertical-align: top; }
.yjs-service ul li .title{ width: 100%; height: 64px; background: rgba(57,63,80,.85); line-height: 25px; position: absolute; bottom: 0; left: 0; z-index: 10; }
.yjs-service ul li .title h3{ font-size: 22px; margin-top: 10px; }
.yjs-service ul li .title p{ font-size: 18px; }
.yjs-service ul li .text{ width: 100%; height: 0px; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; z-index: 9; overflow: hidden; transition: all 0.3s ease 0s; }
.yjs-service ul li:hover .text{ height: 256px; }
.yjs-service ul li .text p{ margin-top: 28px; font-size: 16px; }
.yjs-service ul li .text p:first-child{ margin-top: 38px; }
.yjs-advantages{ width: 1200px; margin: 80px auto 0 auto; }
.yjs-advantages ul{ width: 100%; margin-top: 60px; padding-bottom: 90px; }
.yjs-advantages ul li{ width: 350px; height: 460px; float: left; overflow: hidden; margin-left: 74px; position: relative; border-radius: 8px; color: #fff; text-align: center; }
.yjs-advantages ul li:first-child{ margin-left: 0; }
.yjs-advantages ul li .img,.bk-plan ul li .img img{ width: 100%; height: 100%; vertical-align: top; }
.yjs-advantages ul li .text{ width: 100%; height: 0px; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; z-index: 9; overflow: hidden; transition: all 0.3s ease 0s; text-align: center; display: flex;align-content: center;flex-wrap: wrap; }
.yjs-advantages ul li:hover .text{ height: 460px; }
.yjs-advantages ul li .text p{ width: 100%; margin-top:15px; margin-bottom: 15px; font-size: 24px;align-self: center; }


/*高中*/
.gz-american{ width: 1590px; margin: 80px auto 0 auto; }
.gz-american ul{ width: 100%; margin-top: 60px; }
.gz-american ul li{ width: 380px; height: 400px; float: left; overflow: hidden; margin-left: 23px;margin-bottom: 23px; position: relative; border-radius: 8px; color: #fff; text-align: center; }
.gz-american ul li:nth-child(4n-3){ margin-left: 0; }
.gz-american ul li .img,.gz-american ul li .img img{ width: 100%; height: 100%; vertical-align: top; }
.gz-american ul li .title{ width: 100%; height: 64px; background: rgba(57,63,80,.85); line-height: 64px; position: absolute; bottom: 0; left: 0; z-index: 10; }
.gz-american ul li .title h3{ font-size: 22px;}
.gz-american ul li .text{ width: 100%; height: 0px; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; z-index: 9; overflow: hidden; transition: all 0.3s ease 0s; text-align: center; display: flex;align-content: center;flex-wrap: wrap; }
.gz-american ul li:hover .text{ height: 336px; }
.gz-american ul li .text p{ width: 100%; padding: 0 65px; box-sizing: border-box; line-height: 180%; font-size: 20px;align-self: center; text-align: left; }
.gz-school{width: 1200px; margin: 65px auto 0 auto;}
.gz-school .img,.gz-school .img img{ width: 500px; height: 300px; }
.gz-school .text{ width: 670px; color: #fff; font-size: 18px; line-height: 160%; }
.gz-know{ width: 1200px; margin: 60px auto 0 auto; }
.gz-know ul{ width: 100%; margin-top: 60px; padding-bottom: 90px; }
.gz-know ul li{ width: 100%; margin-bottom: 30px; }
.gz-know ul li .img{ width: 300px; height: 200px; float: left;}
.gz-know ul li .img img{ width: 100%; height: 100%; vertical-align: top; }
.gz-know ul li .text{ width: 866px; float: right; }
.gz-know ul li .text h3{ font-size: 20px; color: #333; font-weight: bold; }
.gz-know ul li .text p{ font-size: 18px; color: #6e737f; margin-top: 20px; line-height: 160%; }
.gz-recommend{ width: 1200px; margin: 60px auto 0 auto; }
.gz-recommend ul{ width: 100%; margin-top: 60px; padding-bottom: 30px;}
.gz-recommend ul li{ width: 300px; height: 550px; float: left; margin-left: 150px; }
.gz-recommend ul li:first-child{ margin-left: 0; }
.gz-recommend ul li .img,.gz-recommend ul li .img img{ width: 300px; height: 200px; vertical-align: top; border-radius: 10px; }
.gz-recommend ul li h3{ width: 100%; margin-top: 20px; font-size: 20px; color: #333; font-weight: bold; }
.gz-recommend ul li .text{ width: 130%; }
.gz-recommend ul li .text p{ margin-top: 10px;font-size: 18px; color: #6e737f; }


/*公共*/
.mainTitle{ width: 100%; line-height: 40px;  text-align: center;}
.mainTitle h2{ color: #478bff; font-size: 36px; font-weight: bold; position: relative; z-index: 10; }
.mainTitle h2.white{ color: #fff; }
.mainTitle p{ margin-top: 3px; display: inline-block; font-size: 40px; color: #c9ddff; position: relative; background-image:-webkit-linear-gradient(top,#eef4ff,#d0e1ff,#b7d2ff);     -webkit-background-clip:text;     -webkit-text-fill-color:transparent;}
.mainTitle p:before{ content: ''; width: 80%; height: 16px; background: #1ac4d4; position: absolute; top: -13px; left: 50%; margin-left: -40%; z-index: 9; }
.mainTitle p.blue:before{ background: #9dddff; }

.zixunMain{ width: 100%; height: 740px; padding-top: 60px; box-sizing: border-box; background: #393f50; }
.zixunBox{ width: 1200px; margin:80px auto 0 auto; }
.zixunBox .imgBig{ width: 670px; height: 418px; float: left; margin-right: 8px; }
.zixunBox .imgList{ width: 234px; float: left; }
.zixunBox .imgList li{width: 100%; height: 134px; margin-bottom: 8px;}
.zixunBox .imgBig img,.zixunBox .imgList li img{ width: 100%; height: 100%; vertical-align: top; cursor: pointer; }
.zixunBox .inputList{ width: 260px; float: right; }
.zixunBox .inputList .inputBox{ width: 100%; height: 42px; line-height: 42px; font-size: 16px; padding: 0 10px; box-sizing: border-box; background: #fff; border-radius: 6px; border: none; margin-bottom: 18px; outline: none; }
.zixunBox .inputList .btn{ width: 100%; height: 48px; line-height: 48px; font-size: 20px; color: #fff; text-align: center; display: inline-block; background: #10a9c0; border-radius: 6px; border:none; margin-top: 10px; }

.teamMain{ width: 100%; height: 940px; background: url(../images/main-bg.jpg) no-repeat; background-position: center center; margin-top: 80px; padding-top: 55px; box-sizing: border-box; }
.teamMain ul{ width: 1200px; margin:0 auto; }
.teamMain ul li{ width: 290px; height: 330px; float: left; margin-top: 45px; margin-left: 165px; text-align: center; }
.teamMain ul li:nth-child(3n-2){ margin-left: 0; }
.teamMain ul li .img,.teamMain ul li .img img{ width: 148px; height: 148px; overflow: hidden; margin:0 auto; }
.teamMain ul li h3{ color: #11e2f0; font-size: 20px; padding: 15px 0; }
.teamMain ul li .text{ color: #fff; font-size: 16px; }
.teamMain ul li .text p{ margin-top: 10px; }