@charset "utf-8";

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 18px; color: #333; overflow-x: hidden;font-family:"Microsoft YaHei",Arial,sans-serif;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{color: #999; outline:none; font-family:"Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif; }
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

a { text-decoration: none; color:#333; transition: color 0.56s ease;}
a:hover{ color: #2565ab;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

.fl{float: left;}
.fr{float: right;}


img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1200px; margin: 0 auto;}
.ovh{overflow: hidden;}


::-webkit-scrollbar { width: 5px;padding-right: 8px; background-color: #f2f2f2;  /*其他样式，比如圆角等*/}
/*滑块样式*/
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .3);}
/*当前窗口失去焦点时的滑块样式*/
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, .3);}


/*顶部*/
.header{ width: 100%; height:100px; padding: 0 30px; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,.1); position: fixed; left: 0; top: 0; z-index: 99999;  transition: all .4s;}
.header .logo{ height: 100px; padding: 15px 0; float: left;}
.header .logo a{ display:block;}
.header .logo img{ height:70px;}
.header .headRight{}
.header .nav>ul>li{ margin-left: 40px; position: relative; float: left;}
.header .nav>ul>li>a{  color: #0c2f6f;  font-size: 18px;  text-align: center; line-height:100px; display: block; position: relative;  transition: all .4s;}
.header .nav>ul>li>a::before{ content: ""; width: 0%; height: 3px; background: #fda43c; position: absolute; left: 50%; bottom: 0; opacity: 0; transform: translateX(-50%);  transition: all .4s;}
.header .nav>ul>li.on a{color:#fda43c; font-weight: 500;}
.header .nav>ul>li>a:hover{ color: #fda43c; }
.header .nav>ul>li>a:hover::before,.header .nav>ul>li.on>a::before{ width: 75px; opacity: 1;}
.header .nav>ul>li:hover>a{color:#fda43c;}
.header .nav>ul>li:hover>a::before{ opacity: 1;}
.header .nav>ul>li>.subnav{ width: 100%; padding: 0 12px; background: #2565ab; position: absolute; left: 0; top: 106px; display: none; overflow: hidden;}
.header .nav>ul>li>.subnav>a{ color: #fff; font-size: 20px; line-height: 66px; border-top: 1px solid #758c6c;  display: block; transition: all .6s}
.header .nav>ul>li>.subnav>a:nth-child(1){ border-top:none;}
.header .nav>ul>li>.subnav>a:hover{ color:#fda43c;}
.header .menuBtn{ width: 20px; height: 15px; background: url(../images/icon01.png) no-repeat center; margin-left: 38px;}
.header .lang a{ font-size: 16px; color: #0c2f6f; line-height: 1; margin-left: 55px;}
.header .searchBtn{ width: 19px; height: 19px; background: url(../images/icon02.png) no-repeat center; margin-left: 40px; cursor: pointer;}
.header .home{ margin-left: 38px; line-height: 1;}
.menu-toggle{display: none;}

/*首页bannner*/
.banner { position: relative;}
.banner .bannerText{ position:absolute; left:50%; top:35%; transform:translateX(-50%); z-index:11;}
.banner .bannerText .tit{ color:#fff; font-size: 60px; font-weight: bold; white-space:nowrap; text-shadow:rgba(0,0,0,0.3) 0 0 6px; margin-bottom: 280px;}
.banner .bannerText .bannerBtn { display:flex; justify-content:center;}
.banner .bannerText .bannerBtn a{ width:200px; height:60px; line-height:58px; text-align: center; margin:0 25px;transition: all .4s;}
.banner .bannerText .bannerBtn a.yellow:hover{ background: #fdbb48; color:#000;}
.banner .bannerText .bannerBtn a.yellow{ background: #efaa31;}
.banner .bannerText .bannerBtn a.blue{ background: #003087; color:#fff;}
.banner .bannerText .bannerBtn a.blue:hover{ background: #00276f;}
.banner .swiper-container{ width:100%; overflow:hidden;}
.banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
.banner .swiper-container .swiper-slide img{width:100%;}
.banner .pagination { width: 100% !important; position: absolute; left:0; bottom:45px!important;  z-index:111; text-align: center;}
.banner .swiper-pagination-bullet { display: inline-block; width: 58px;height: 6px; background:rgba(255, 255, 255, .25); margin: 0 3px; border-radius:0 !important; opacity: 1; cursor: pointer;}
.banner .swiper-pagination-bullet-active { background: #fff;}
.banner .swiper-slide-active{opacity:1;}
.banner .arrow-left,.banner .arrow-right{ width: 100px; height: 100px; background: #fff; position: absolute; top: 55%; z-index: 11; transition: all .4s;}
.banner .arrow-left{background:rgba(139, 139, 139, .4) url(../images/arrow-left.png) no-repeat center; left:calc((100% - 1400px)/2);}
.banner .arrow-left:hover{background:#fff url(../images/arrow-left02.png) no-repeat center; }
.banner .arrow-right{background:rgba(139, 139, 139, .4) url(../images/arrow-right.png) no-repeat center; right:calc((100% - 1400px)/2);}
.banner .arrow-right:hover{background:#fff url(../images/arrow-right02.png) no-repeat center; }

.neiBanner{ height:640px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; align-items: center; justify-content: center;}

.title{  padding: 50px 0 45px;}
.title h2{ font-size: 36px; color: #0c2f6f; font-weight: 900; line-height: 1; margin-bottom: 5px;}
.title p{ font-size: 28px; color: #efefef; font-weight: 100; line-height: 1; text-transform: uppercase;}

.moreBtn{}
.moreBtn a{ width: 175px; height: 50px; line-height: 48px; text-align: center; background: #003087; color: #fff; font-size: 16px; margin: 0 auto; cursor: pointer; display: block;  transition: all .4s;}
.moreBtn a:hover{background: #012466;}

.indexOne{ padding: 90px 0 70px; background: #f7faff;}
.indexOne .ititle{ text-align: center; margin-bottom: 80px;}
.indexOne .ititle h2{ font-size: 48px; color: #2c5994; line-height: 1; margin-bottom: 28px;}
.indexOne .ititle p{ font-size: 30px; font-weight: 100; color: #000; line-height: 1;}
.indexOne .menuBox{ margin-bottom: 95px;}
.indexOne .menuBox a{ width: 150px; height: 54px; line-height: 54px;  font-size: 18px; text-align: center; font-weight:500; margin: 0 28px; transition: all .4s}
.indexOne .menuBox a:nth-child(1){ background: #003087; color: #fff; }
.indexOne .menuBox a:nth-child(1):hover{background: #011b4b;}
.indexOne .menuBox a:nth-child(2){ background: #fff; color: #fdbb48; line-height: 44px; border: #fdbb48 solid 4px;}
.indexOne .menuBox a:nth-child(2):hover{background: #fdbb48; color: #fff;}
.indexOne .menuBox a:nth-child(3){ background: #fff; color: #003087; line-height: 44px; border: #003087 solid 4px;}
.indexOne .menuBox a:nth-child(3):hover{background: #003087; color: #fff;}
.indexOne .list ul li{ flex: 0 0 auto; margin: 0 40px;}
.indexOne .list ul li img{ height:80px;}
.indexOne .list ul li:nth-child(3) img{ height:65px;}

.indexTwo{ padding: 85px 0;}
.indexTwo .conBox{ display: flex; justify-content: flex-end;}
.indexTwo .conBox .con{ width: 600px; padding-right: 140px;}
.indexTwo .conBox .con dl{ width: 320px;}
.indexTwo .conBox .con ol{ font-size: 30px; color: #454545; font-weight:bold; line-height: 1.4; margin-top:20px;}
.indexTwo .conBox .con ol span { color: #003087;}
.indexTwo .conBox .con ol b{ font-size: 44px;}
.indexTwo .conBox .con dt{ font-size: 18px; font-weight: 100; margin-top: 30px;}
.indexTwo .conBox .con a.more{ width: 100px; height: 40px; line-height: 38px; text-align: center; color: #000; font-size: 12px; border: #333 solid 1px; display: block; margin-top: 25px; transition: all .4s}
.indexTwo .conBox .con a.more:hover{ background: #003087; color: #fff; border:#003087 solid 1px;}
.indexTwo .videoBox{ position: relative; cursor: pointer; flex: 0 0 auto;}
.indexTwo .videoBox video{ width:100%; height:100%; background: #000; position:absolute; left:0; top:0; display:none;}
.indexTwo .videoBox.on video{ display:block; z-index:11;}

.indexThree .conBox{ height: 570px; background: #f7faff; display: flex; justify-content: flex-end;}
.indexThree .conBox .list{ width: 600px;}
.indexThree .conBox .list ul li{ width: 50%; display: flex; align-items: center; margin:20px 0;}
.indexThree .conBox .list ul li i{ flex: 0 0 auto; margin: 10px;}
.indexThree .conBox .list ul li ol dl{ font-size: 52px; color: #000; font-weight: 700; line-height: 1; }
.indexThree .conBox .list ul li ol p{ font-size: 16px; color: #000; font-weight:500;}
.mapLocation{ padding-left: 25px;}
.mapLocation .mapBox{ position: relative; display: inline-block;}
.mapLocation .mapBox .schoolList li{ position: absolute;}
.mapLocation .mapBox .schoolList dl{ min-width: 24px; height: 32px; font-size: 18px; color: #293d97; line-height: 32px; background: url(../images/icon18.png) no-repeat left center; padding-left: 30px; cursor: pointer;}
.mapLocation .mapBox .schoolList dl b{ display: none;}
.mapLocation .mapBox .schoolList ul li.on dl{ position: relative; z-index: 111;}
.mapLocation .mapBox .schoolList ul li.on dl b{ display: block;}
.mapLocation .mapBox .schoolList .downBox{ min-width: 90px; display: none; background: #deeef5; border-radius: 10px;  padding: 15px;position: absolute; left: 0; top: 35px; z-index: 111; overflow: hidden;}
.mapLocation .mapBox .schoolList .downBox .box{ max-height: 380px; overflow-y: auto; }
.mapLocation .mapBox .schoolList .downBox .box::-webkit-scrollbar{ width: 5px;}
.mapLocation .mapBox .schoolList .downBox ol{ font-size: 14px; font-weight: 700; white-space: nowrap;}
.HongKong{ left:43.2%; top:33.2%;}
.japan { left: 50%; top: 24%;}
.britain { left: 4%; top: 11%;}
.chech { left: 12%; top: 14%;}
.uae { left: 23%; top: 35%;}
.germany { left: 8%; top: 11%;}
.switzerland {left: 7%; top: 18%;}
.canada { left: 69%; top: 7%;}
.australia { left: 50%; top: 70%;}
.newZealand { left: 60%; top: 83%;}
.usa { left: 68%; top: 23%;}

.indexFour{ padding: 85px 0 95px; position: relative;}
.indexFour .pic img{ width: 100%;}
.indexFour .pagination {  position: absolute;  right: 53%; bottom:130px; z-index: 20}
.indexFour .swiper-pagination-bullet { display: inline-block; width: 14px;height: 14px; background:url(../images/pagination01.png) no-repeat center; margin: 0 3px; border-radius:0 !important; opacity: 1; cursor: pointer;}
.indexFour .swiper-pagination-bullet-active { background:url(../images/pagination02.png) no-repeat center;}
.indexFour .swiper-slide-active{opacity:1;}

.indexFour .box{ display: flex; justify-content: flex-end;}
.indexFour .box .conBox{ width: 600px; background: #fdbe51; position: relative;  transition: all .4s;}
.indexFour .box .conBox .item{ padding: 50px 60px; position: absolute; left: 0; top: 0; opacity: 0; transition: all .4s;}
.indexFour .box .conBox .item.on{ position: relative; z-index: 111; opacity: 1;}
.indexFour .box .conBox .item .tit{ margin-bottom:25px;}
.indexFour .box .conBox .item .tit h3{ font-size: 30px; color: #fff; font-weight: 500; line-height: 1.6;}
.indexFour .box .conBox .item .text{ min-height: 48px; font-size: 16px; color: #fff; font-weight: 300; line-height: 24px;}
.indexFour .box .conBox .item a.more{ width:100px; height: 40px; line-height: 34px; text-align: center; color: #fff; font-size: 15px; border: #fff solid 2px; display:block; margin-top: 20px;}

.indexFive{ padding-bottom: 80px;}
.indexFive ul{ margin: 0 -22px;}
.indexFive ul li{ width: 33.3333%; padding: 0 22px;}
.indexFive ul li dl{ padding-bottom: 70.27%;}
.indexFive ul li ol{ width: 83%; height: 76px; background:rgba(0,48,138,0.95) url(../images/icon13.png) no-repeat right 20px center; margin-top: -30px;  padding-left: 15px; padding-right: 64px;  position: relative; z-index: 11;  display: flex; align-items: center;}
.indexFive ul li ol h3{ height: 52px; color: #fff; font-size: 16px; font-weight: 500; line-height: 26px; overflow: hidden;}

.index_six .item{ width: 50%;display: flex; justify-content: flex-end; position: relative;}
.index_six .item:nth-child(1)::after{ content: ""; width: 100%; height: 8px; background: #293d97; position: absolute; left: 0; top: 0;}
.index_six .item:nth-child(1)::before{ content: ""; width: 280px; height: 8px; background: #fdbb48; position: absolute; right: 0; top: 0; z-index: 11;}
.index_six .item:nth-child(2){ background: #f7faff; justify-content: flex-start;}
.index_six .item:nth-child(2)::after{ content: ""; width: 100%; height: 8px; background: #293d97; position: absolute; left: 0; bottom: 0;}
.index_six .item:nth-child(2)::before{ content: ""; width: 280px; height: 8px; background: #fdbb48; position: absolute; left: 0; bottom: 0; z-index: 11;}
.index_six .conBox{ width: 600px; padding: 45px 45px 50px; padding-left: 0;}
.index_six .item:nth-child(2) .conBox{ padding-left: 45px; padding-right: 0;}
.index_six .conBox .ititle{ margin-bottom: 35px;}
.index_six .conBox .ititle h2{ font-size: 26px; font-weight: normal; line-height: 1;}
.index_six .conBox .box ul li{ margin-bottom: 24px;}
.index_six .conBox .box ul li a{ background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.15); display: flex; align-items: center; padding: 20px 0;}
.index_six .conBox .box ul li ol{ padding: 0 22px; border-right: 1px solid #c8c8c8;}
.index_six .conBox .box ul li dl{ font-size: 15px; line-height: 1; color: #000; font-weight: bold; margin-bottom: 3px;}
.index_six .conBox .box ul li dd{ font-size: 18px; line-height: 1; color: #333; font-weight: 100;}
.index_six .conBox .box ul li dt{ font-size: 17px; color: #222; font-weight: 300; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0 25px 0 17px;}
.index_six .conBox .box ul li a:hover{ background:#fbfbfb;}
.index_six .conBox .more{ font-size: 14px; color: #0d3b8d; text-align: center; font-weight: 300; line-height: 45px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.15); display: block;}
.index_six .conBox .more:hover{ background:#fbfbfb;}

.index_seven{ padding: 60px 0;}
.index_seven ul{ margin: 0 -2px;}
.index_seven ul li{ width: 33.3333%; padding:0 2px; margin-bottom: 4px;}
.index_seven ul li dl{ padding-bottom: 66.7506%;}

.indexEight{ height: 544px; background: url(../images/indexEightBg.jpg) no-repeat center; background-size: cover; display: flex; justify-content: center; align-items: center;}
.indexEight .box{ width: 670px; height: 260px; background: #fff; text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.indexEight .box .tit{ font-size: 30px; font-weight: bold; color: #2c5994; line-height: 1; margin-bottom: 20px;}
.indexEight .box a{ width: 200px; height: 60px; line-height: 60px; background: #2c5994; color: #fff; font-size: 20px; text-align: center; display: block; transition: all .4s;}
.indexEight .box a:hover{background: #1d477e;}

.bread{ line-height: 70px; border-bottom: #eee solid 1px; margin-bottom: 40px;}
.bread .neiNav ul li{ height: 70px; position: relative;}
.bread .neiNav ul li a{ width: 100%; height: 70px; padding: 0 24px; display: flex; align-items: center; text-align: center; white-space: nowrap;}
.bread .neiNav ul li dt{ font-size: 18px; color: #000; font-weight: 500; line-height: 1; transition: all .4s;}
.bread .neiNav ul li dd{ font-size: 12px; font-weight: 100; line-height: 1; text-transform: uppercase; margin-top: 10px; display: none;}
.bread .neiNav ul li a:hover dt{ color: #003087;}
.bread .neiNav ul li.on a{ width: 100%; height: 88px; background: #003087; position: relative; top: -15px;}
.bread .neiNav ul li.on dt{ color: #fff;}
.bread .neiNav ul li.on dd{ color: #fff; display: block;}
.bread .neiNav ul li.on a:hover dt{ color: #fff;}
.bread .breadCrumb .home{ width: 70px; height: 70px; background: url(../images/icon19.png) no-repeat center; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.bread .breadCrumb ul{ margin-left: -10px;}
.bread .breadCrumb ul li{ font-size: 14px; color: #003087; margin-left: 34px; position: relative;}
.bread .breadCrumb ul li::before{ content: ""; width: 4px; height: 9px; background: url(../images/icon20.png) no-repeat center; position: absolute; left: -15px; top: 50%; transform: translateY(-50%);}
.bread .breadCrumb ul li a{ color: #7f7f7f;}
.bread .breadCrumb ul li a:hover{ color: #003087;}
.bread .breadCrumb ul li:nth-child(1)::before{ display: none;}

.container{ padding-bottom: 100px;}

.anchorPoint{ padding-top:99px; margin-top:-99px;}

.aboutOne{ padding: 50px 0 35px;}
.aboutOne .aboutBox .wrap{ position: relative;}
.aboutOne .aboutBox .con{ width: 730px; position: absolute; left: 0; top: 0; z-index: 11;}
.aboutOne .aboutBox .con .title{ padding: 0 0 25px;}
.aboutOne .aboutBox .con .text{ padding: 50px 68px; background: rgba(247,250,255,0.64); color: #000; font-size: 14px; line-height: 30px;}
.aboutOne .aboutBox .con .text .more { padding-top: 5px;}
.aboutOne .aboutBox .con .text .more a{ color: #0c2f71; font-weight:bold; }
.aboutOne .aboutBox .con .text .more a:hover{ color: #1245a3;}
.aboutOne .aboutBox .pic{ width: 744px; float: right; margin-right: -100px;}
.aboutOne .aboutBox .pic img{ width: 100%; cursor: pointer;}
.aboutOne .num{ background: #f7faff; margin-top: 80px;}
.aboutOne .num ul li{  display: flex; align-items: center; margin:20px 0;}
.aboutOne .num ul li i{ width: 45px; height:50px; line-height: 48px; flex: 0 0 auto; margin: 10px;}
.aboutOne .num ul li ol p{ font-size: 15px; color: #000; font-weight:500;}
.aboutOne .num ul li ol dl{ font-size: 34px; color: #000; font-weight: 700; line-height: 1; }

.aboutTwo{ padding: 50px 0 70px;}
.aboutTwo .con { width: 61.5%;}
.aboutTwo .con .title{ padding: 0 0 25px;}
.aboutTwo .con .text{ padding: 40px 60px 0; font-size: 14px; color: #000; line-height:2.1;}
.aboutTwo .pic{ width: 38.5%; text-align: center;}

.aboutThree{ padding:30px 0 70px; background: #f7faff;}
.aboutThree .title p{ color: #e0ecff;}
.aboutThree .box .item{ width: 49%; padding: 20px; background: #fff; margin-bottom: 17px; transition: all .4s;}
.aboutThree .box .item .tit{ margin-bottom: 13px;}
.aboutThree .box .item .tit h3{ color: #0c2f6f; font-size: 18px; line-height: 1; transition: all .4s;}
.aboutThree .box .item .text{ color: #0c2f6f; font-size: 14px; line-height: 1.5; transition: all .4s;}
.aboutThree .box .item:hover{ background: #0c2f6f;}
.aboutThree .box .item:hover .tit h3{ color: #fff;}
.aboutThree .box .item:hover .text{ color: #fff;}

.aboutFour{ padding: 90px 0 75px;}
.aboutFour .wrap{ position: relative;}
.aboutFour .title{ padding: 0; position: absolute; left: 0; top: 0; z-index: 11;}
.aboutFour .historyCon{ margin-bottom: 70px;}
.aboutFour .historyCon .swiper-slide{ display: flex; flex-direction: row-reverse; align-items:flex-end; background: #fff;}
.aboutFour .historyCon .swiper-slide.swiper-slide-active{ z-index: 1111;}
.aboutFour .historyCon .swiper-slide .pic{ width: 680px;}
.aboutFour .historyCon .swiper-slide .pic dl{ padding-bottom: 41.176%;}
.aboutFour .historyCon .swiper-slide .con{ width:calc(100% - 680px); padding: 0 60px 0 80px;}
.aboutFour .historyCon .swiper-slide .con .textBox{ padding: 18px 40px; position: relative; opacity:0; transition: all .4s;}
.aboutFour .historyCon .swiper-slide.swiper-slide-active .con .textBox{ opacity:1;}
.aboutFour .historyCon .swiper-slide .con .textBox::before{ content: ""; width: 22px; height: 20px; background:url(../images/icon30.png) no-repeat center; position: absolute; left: 0; top: 0;}
.aboutFour .historyCon .swiper-slide .con .textBox::after{ content: ""; width: 22px; height: 20px; background:url(../images/icon31.png) no-repeat center; position: absolute; right: 0; bottom:0;}
.aboutFour .historyCon .swiper-slide .con .tit{ font-size: 18px; color: #0c2f6f; line-height: 1; font-weight:bold; margin-bottom: 8px;}
.aboutFour .historyCon .swiper-slide .con .text{ font-size: 14px; color: #666;}
.aboutFour .historyTime{ position: relative;}
.aboutFour .historyTime::before{ content: ""; width: 100%; height: 2px; background: #ececec; position: absolute; left: 0; top:6px;}
.aboutFour .historyTime .swiper-slide{ padding-top: 20px; font-size: 18px; color: #d4d4d4; font-weight: bold; text-align: center; position: relative; transition: color .4s; cursor: pointer;}
.aboutFour .historyTime .swiper-slide::before{ content: ""; width: 14px; height: 14px; background: #d9d9d9; border-radius:14px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);  transition: background .4s;}
.aboutFour .historyTime .swiper-slide.on{ color: #0c2f6f;}
.aboutFour .historyTime .swiper-slide.on::before{ background: #0c2f6f;}

.aboutFive{ padding: 85px 0 65px; background: #eff4fd;}
.aboutFive .aboutFiveHead .title{ padding-top: 0;}
.aboutFive .aboutFiveHead .title p{ color: #e0ecff;}
.aboutFive .aboutFiveHead .moreBox{ font-size: 18px; font-weight: 300; padding-top: 10px;}
.aboutFive .aboutFiveHead .moreBox a{ font-size: 14px; color: #0c2f6f; font-weight: 500;}
.aboutFive .box .swiper-slide dl{ padding-bottom: 62.1621%;}
.aboutFive .box .arrow{ text-align: center; padding-top: 40px;}
.aboutFive .box .arrow .arrow-left,.aboutFive .box .arrow .arrow-right{ width: 32px; height: 32px; display: inline-block;}
.aboutFive .box .arrow .arrow-left{ background: #d9d9d9 url(../images/arrow-left04.png) no-repeat center;}
.aboutFive .box .arrow .arrow-left:hover{background: #0c2f6f url(../images/arrow-left04_02.png) no-repeat center;}
.aboutFive .box .arrow .arrow-right{ background: #d9d9d9 url(../images/arrow-right04.png) no-repeat center;}
.aboutFive .box .arrow .arrow-right:hover{ background: #0c2f6f url(../images/arrow-right04_02.png) no-repeat center;}

.aboutSix { padding: 95px 0;}
.aboutSix .wrap{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 11;}
.aboutSix .title{ padding-top: 0;}
.aboutSix .box{ width: 730px; padding: 90px; background:rgba(247,250,255,0.64); display: flex; justify-content: space-between;}
.aboutSix .box .text{ font-size: 14px; color: #000; line-height: 2;}
.aboutSix .map{ width: 52.8645%; float: right;}
.aboutSix #map{ height: 570px; font-size: 12px;}
.aboutSix #map img{max-height:inherit;max-width:inherit; }
.aboutSix .daohang{ display: none;}

.team{ padding: 25px 0 45px;}
.team .title{ padding-top: 0; text-align: center;}
.team .box .item{ width: 49%; display: flex; margin-bottom: 58px;}
.team .box .item .pic{ width: 48%;}
.team .box .item .pic dl{ padding-bottom: 112.7659%;}
.team .box .item .con{ width: 52%; padding: 25px;transition: all .4s;}
.team .box .item .con .tit{ margin-bottom: 12px; padding-left: 17px; border-left: 5px solid #fda43c;}
.team .box .item .con .tit h3{ line-height: 1; margin-bottom: 5px;transition: all .4s;}
.team .box .item .con .tit p{font-size: 16px; line-height: 1;transition: all .4s;}
.team .box .item:hover .con{ background: #003087;}
.team .box .item:hover .con .tit h3{ color: #fff;}
.team .box .item:hover .con .tit p{ color: #fff;}

.baomingOne{ padding: 50px 0 40px;}
.baomingOne .video{ width: 862px; position: relative;}
.baomingOne .video img{ width: 100%; cursor: pointer;}
.baomingOne .video video{ width:100%; height:100%; background: #000; position:absolute; left:0; top:0; display:none;}
.baomingOne .video.on video{ display:block; z-index:11;}
.baomingOne .con{ width: 305px;}
.baomingOne .con .menuBox{ width: 100%;}
.baomingOne .con .menuBox ul li{ margin-bottom: 10px;}
.baomingOne .con .menuBox ul li a{ height: 82px; padding: 0 50px; background: #eaeaea; font-size: 18px; font-weight: 500; color: #000; display: flex; align-items: center; transition: all .4s;}
.baomingOne .con .menuBox ul li a i{ width: 66px;}
.baomingOne .con .menuBox ul li a:hover{background: #dddddd;}
.baomingOne .con .fileBtn{ margin-bottom: 10px;}
.baomingOne .con .fileBtn a{ line-height: 82px; background: #fda43c url(../images/icon37.png) no-repeat right 56px center; color: #fff; font-size: 18px; font-weight: 500; text-align: center; display: block; transition: all .4s;}
.baomingOne .con .fileBtn a:hover{background: #f0942c url(../images/icon37.png) no-repeat right 56px center;}
.baomingOne .con .telBox{ background: #124094; color: #fff; font-size: 14px; display: flex; align-items: center;}
.baomingOne .con .telBox dl{ width: 84px; height: 84px; background: #0c2f6f; font-size: 18px; font-weight: 500; line-height: 1.2; display: flex; align-items: center; justify-content: center; margin-right: 15px;}
.baomingOne .con .telBox a{ color: #fff; }

.baomingTwo { padding-top: 50px;}
.baomingTwo .title{ padding-top: 0;}
.baomingTwo .boxCon .wrap{ position: relative;}
.baomingTwo .curriculum01{ margin-bottom: 56px;}
.baomingTwo .curriculum01 .tit{ text-align: right; position: absolute; right: 0; top: 0;}
.baomingTwo .curriculum01 .tit dl{ padding:2px 8px; color: #000; font-size: 16px; font-weight: 500; background: #fda43c; display: inline-block; margin-bottom: 10px;}
.baomingTwo .curriculum01 .tit h3{ font-size: 36px; color: #0c2f6f; line-height: 1;}
.baomingTwo .curriculum01 .text{ padding: 26px 55px; font-size: 16px; color: #000; line-height: 1.87; background: #f7faff;}
.baomingTwo .curriculum02{ display: flex; justify-content: space-between; margin-bottom: 55px;}
.baomingTwo .curriculum02 .item{ width: 48%; display: flex; justify-content: space-between;}
.baomingTwo .curriculum02 .item dl{ width: 80px;}
.baomingTwo .curriculum02 .item dl dd{ line-height: 42px;  font-weight: 500; color: #000; text-align: center; background: #fda43c; margin-bottom: 8px;}
.baomingTwo .curriculum02 .item ol{ width: calc(100% - 100px); font-size: 16px; color: #000; line-height: 1.8;}
.baomingTwo .curriculum03{ display: flex; margin-bottom: 75px;}
.baomingTwo .curriculum03 .pic{ width: 49%;}
.baomingTwo .curriculum03 .con{ width: 51%; display: flex;}
.baomingTwo .curriculum03 .con .tit { padding-right: 35px; text-align: right;}
.baomingTwo .curriculum03 .con .tit h3{ font-size: 24px; color: #000; white-space: nowrap;}
.baomingTwo .curriculum03 .con .tit a{ font-size: 14px; color: #0c2f6f; font-weight: bold;}
.baomingTwo .curriculum03 .con .text{ font-size: 14px; line-height: 1.7;}
.baomingTwo .curriculum03 .con .text h4{ font-size: 20px; color: #4455a4;}
.baomingTwo .youshi{ padding: 60px 0 35px; background: #fda43c;}
.baomingTwo .youshi .tit{ font-size: 36px; font-weight:bold; color: #fff; line-height: 1; margin-bottom: 60px;}
.baomingTwo .youshi .box .item{ width: 48%; background: #fff; padding: 24px; margin-bottom: 40px; display: flex;}
.baomingTwo .youshi .box .item dl{font-size: 70px; color: #d8e2f3; line-height: 1; font-weight: bold; margin-right: 20px; margin-top: -5px;}
.baomingTwo .youshi .box .item ol h3{ font-size: 18px; color:#000;}
.baomingTwo .youshi .box .item ol dd{ font-size: 16px; color:#000; margin-bottom: 12px;}
.baomingTwo .youshi .box .item ol dt{ font-size: 14px; color:#000;}
.baomingTwo .youshi .box .item:hover{background: #fff0df;}

.baomingThree { padding: 60px 0 30px;}
.baomingThree .wrap{ position: relative;}
.baomingThree .title{ padding-top: 0; position: absolute; left: 0; top: 0;}
.baomingThree .box{position: relative; z-index: 11;}
.baomingThree .box .pic{ width: 410px; flex: 0 0 auto; padding-top: 155px;}
.baomingThree .box .text{ font-size: 16px; line-height: 1.88;}
.baomingThree .notes{ padding: 24px 0; background: #0c2f6f; color: #fff; font-size: 16px; font-weight: 500; line-height: 2; margin-top: -60px;}
.baomingThree .notes .wrap{ padding-left: 410px;}

.baomingFour{ padding: 50px 0 0;}
.baomingFour .wrap{ position: relative;}
.baomingFour .title{ padding-top: 0; position: absolute; left: 0; top: 0;}
.baomingFour .item{ background: #18489f; color: #fff; margin-bottom: 20px; padding: 25px;}
.baomingFour .item i{ width: 28px; font-size: 18px; font-style:normal; flex: 0 0 auto; opacity: 0.29;}
.baomingFour .item .tit{ font-size: 18px; font-weight: 500; display: flex; margin-bottom: 24px;}
.baomingFour .item .text{ font-size: 16px; font-weight: 300; line-height: 1.88; display: flex;}
.baomingFour .item:nth-child(1){ margin-left: 35%;}
.baomingFour .item:nth-child(odd){background: #fda43c;}

.baomingFive{ padding: 50px 0 60px;}
.baomingFive .title{ padding-top: 0;}
.baomingFive .wrap{ position: relative;}
.baomingFive .bmCarousel .swiper-container .swiper-slide dl{ padding-bottom: 48.9795%;}
.baomingFive .arrow{ position: absolute; right: 0; top: 0; text-align: right;}
.baomingFive .arrow .arrowBox{ margin-top: 20px;}
.baomingFive .arrow .arrow-left,.baomingFive .arrow .arrow-right{ width: 32px; height: 32px; display: inline-block;}
.baomingFive .arrow .arrow-left{ background: #d9d9d9 url(../images/arrow-left04.png) no-repeat center;}
.baomingFive .arrow .arrow-left:hover{background: #0c2f6f url(../images/arrow-left04_02.png) no-repeat center;}
.baomingFive .arrow .arrow-right{ background: #d9d9d9 url(../images/arrow-right04.png) no-repeat center;}
.baomingFive .arrow .arrow-right:hover{ background: #0c2f6f url(../images/arrow-right04_02.png) no-repeat center;}
.baomingFive .arrow .more{ font-size: 14px; color: #0c2f6f; font-weight: bold; line-height: 1;}

.newsList{ width: calc(100% - 320px);}
.newsSearch{ line-height: 64px; background: #f7f7f7; position: relative; margin-bottom: 40px;}
.newsSearch input{ width: 100%; height: 64px; background:none; border: none; padding-left: 20px; font-size:18px;}
.newsSearch button{ width: 80px; height: 64px; background: url(../images/icon21.png) no-repeat center; border: none; position: absolute; right: 0; top: 0; cursor: pointer;}
.newsList .box{ margin-bottom: 60px;}
.newsList .box ul li {border-bottom: #f2f2f2 solid 1px;}
.newsList .box ul li a{ padding: 30px; display: flex; justify-content: space-between; align-items: center; transition: all .4s;}
.newsList .box ul li .pic{ width: 270px;}
.newsList .box ul li .pic dl{ padding-bottom: 63.7037%;}
.newsList .box ul li .con{ width: calc( 100% - 318px);}
.newsList .box ul li .con h3{ font-size: 18px; color: #000; font-weight: 500; margin-bottom: 25px; transition: all .4s;}
.newsList .box ul li .con dt{ height: 78px; font-size: 14px; color: #737373; line-height: 26px; overflow: hidden; transition: all .4s;}
.newsList .box ul li a:hover{ background: #003087;}
.newsList .box ul li a:hover .con h3{ color: #fff;}
.newsList .box ul li a:hover .con dt{ color: #fff;}
.newsList .more{ width: 175px; height: 50px; line-height: 48px; text-align: center; background: #003087; color: #fff; font-size: 16px; margin: 0 auto; cursor: pointer;  transition: all .4s;}
.newsList .more:hover{background: #012466;}

.announcement{ padding-bottom: 60px;}
.announcement ul li{border-bottom: #eee solid 1px; }
.announcement ul li a{ background: #fff;  display: flex; align-items: center; padding: 20px 0;}
.announcement ul li ol{ padding: 0 22px; border-right: 1px solid #c8c8c8;}
.announcement ul li dl{ font-size: 15px; line-height: 1; color: #000; font-weight: bold; margin-bottom: 3px;}
.announcement ul li dd{ font-size: 18px; line-height: 1; color: #333; font-weight: 100;}
.announcement ul li dt{ font-size: 17px; color: #222; font-weight: 300; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0 25px 0 17px;}
.announcement ul li a:hover{ background:#fbfbfb;}

.newsView{ width: calc(100% - 395px);}
.newsView .newsHead{ border-bottom: #ececec solid 1px; margin-bottom: 35px; padding: 20px 0;}
.newsView .newsHead h1{ font-size: 35px; font-weight: 500; line-height: 1.3; margin-bottom: 20px;}
.newsView .newsHead p{ font-size: 13px; color: #999; line-height: 1;}
.newsView .text{ font-size: 16px; color: #181818; line-height: 1.8;}
.newsView .text img { margin:10px auto;height: auto !important; display: block;} 
.newsView .text table{ width: 100%;border:0px; }
.newsView .text table{ margin: 0 !important; padding: 0 !important; border-spacing: 0; border-collapse: collapse;background:#fff;}
.newsView .text table tr td{ width: auto !important; margin: 0 !important; font-family: "Microsoft YaHei",微软雅黑, sans-serif !important; vertical-align: middle !important; border: #d0d0d0 solid 1px !important; font-size: 14px !important;  padding: 3px 8px !important;}
.newsView .text table tr td p{ text-indent: 0 !important;}
.newsView .newsPage{ border: #ececec solid 1px;  margin-top: 80px; display: flex; justify-content: space-between;}
.newsView .newsPage li{ width: calc(50% - 30px);}
.newsView .newsPage li a{ width: 100%; padding:23px 15px; display: block; flex-direction: column; flex-wrap: wrap; justify-content: center;}
.newsView .newsPage li dd{color: #0d3b8d; font-size: 14px; font-weight: 500; margin-bottom: 5px; transition: all .4s;}
.newsView .newsPage li h3{color: #0d3b8d; font-size: 16px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all .4s;}
.newsView .newsPage li a:hover dd{ color: #888;}
.newsView .newsPage li a:hover h3{ color: #888;}
.newsView .newsPage .return{ width: 100px; background: #dde3ee; border-left: #ececec solid 1px;; border-right: #ececec solid 1px; }
.newsView .newsPage .return a{ width: 100%; height: 95px;  font-size: 16px; color: #98aaca; text-align: center; display: flex; align-items: center; justify-content: center;  transition: all .4s;}
.newsView .newsPage .return a:hover{ background: #003087; color: #fff;}

.newsOther{ width: 292px;}
.newsOther .fixed{ position:fixed; top:140px;}
.newsOther .notice{ width: 292px; background: #f7f7f7; margin-bottom: 20px;}
.newsOther .notice dl{ color: #fff; font-size: 14px; line-height: 60px; background: #a9b8d5; overflow: hidden; padding:0 30px;}
.newsOther .notice dl h2{ font-size: 18px; font-weight: normal; float: left;}
.newsOther .notice ul{ padding: 0 17px;}
.newsOther .notice ul li{ border-bottom: #efefef solid 1px;}
.newsOther .notice ul li a{ min-height: 66px; background: url(../images/icon22.png) no-repeat left center; background-size: 28px auto; display: flex; align-items: center; font-size: 14px; padding:10px 0  10px 35px;}

.shengxueBox .title{ text-align: center;}
.shengxueBox .shenxueOne{ padding-bottom: 45px;}
.shengxueBox .shenxueOne .list{ width: 100%;}
.shengxueBox .shenxueOne .list ul li{  display: flex; align-items: center; margin:20px 0;}
.shengxueBox .shenxueOne .list ul li i{ width: 50px; height:55px; line-height: 52px; flex: 0 0 auto; margin: 10px;}
.shengxueBox .shenxueOne .list ul li ol dl{ font-size: 42px; color: #000; font-weight: 700; line-height: 1; }
.shengxueBox .shenxueOne .list ul li ol p{ font-size: 15px; color: #000; font-weight:300;}

.shengxueBox .shenxueTwo{ padding: 50px 0; background: #f0f6ff;}
.shengxueBox .shenxueTwo .pic{ width: 45%;}
.shengxueBox .shenxueTwo .con{ width: 55%;}
.shengxueBox .shenxueTwo .con p{ padding:3px 0 3px 27px; font-size: 16px; background: url(../images/icon27.png) no-repeat left center;}
.shengxueBox .shenxueTwo .con .textbox{ padding: 25px; background: #fda43c; color: #fff; margin-top: 20px;}
.shengxueBox .shenxueTwo .con .textbox .text{ font-size: 18px;}
.shengxueBox .shenxueTwo .con .textbox .text h3{ font-size: 24px; line-height: 1; margin-bottom: 10px;}
.shengxueBox .shenxueTwo .con .textbox .shuzi{ color: #e90505; font-size: 38px; font-weight: 900;}

.shenxueThree{ padding: 60px 0;}
.shenxueThree .HongKong{ left:45%; top:36%;}
.shenxueThree .japan { left: 50%; top: 25%;}
.shenxueThree .uae { left: 24%; top: 36%;}
.shenxueThree .newZealand { left: 61%; top: 84%;}

.shengxueBox .shenxueFour{ padding-bottom: 36px;}
.shengxueBox .shenxueFour .text{ color: #000; font-size: 19px; font-weight: bold; line-height: 1.8; text-align: center; text-decoration-line:underline; text-decoration-style:solid; text-decoration-color:#fac87c; text-underline-offset:-1px; text-decoration-thickness: 6px;}

.shengxueBox .shenxueFive{ }
.shengxueBox .shenxueFive .item{ margin-bottom: 8px;}
.shengxueBox .shenxueFive .item .tit{ color: #fff;line-height: 56px; font-size: 14px; font-weight: 300; background: #003087; border-radius: 8px; display: flex; padding: 0 25px; cursor: pointer; position: relative; transition: all .4s;}
.shengxueBox .shenxueFive .item .tit h3{ font-size: 18px; margin-right: 16px;}
.shengxueBox .shenxueFive .item .tit::before{ content: "展开"; font-size: 14px; font-weight: 500; position: absolute; right: 74px; top: 50%; transform: translateY(-50%);}
.shengxueBox .shenxueFive .item .tit::after{ content: ""; width: 31px; height: 31px; background: url(../images/icon28.png) no-repeat center; position: absolute; right: 22px; top: 50%; transform: translateY(-50%);}
.shengxueBox .shenxueFive .item .con{ display: none; padding: 28px 0; font-size: 16px; line-height: 1.8;}
.shengxueBox .shenxueFive .item.on .tit,.shengxueBox .shenxueFive .item .tit:hover{ background: #003087;}
.shengxueBox .shenxueFive .item.on .tit::before{content: "收缩";}
.shengxueBox .shenxueFive .item.on .tit::after{ background: url(../images/icon29.png) no-repeat center; }

.shengxueBox .shenxueSix{ padding:0 0 60px;}
.shengxueBox .shenxueSix .shengxueCarousel{ position: relative;}
.shengxueBox .shenxueSix .shengxueCarousel .box{ overflow: hidden;}
.shengxueBox .shenxueSix .shengxueCarousel .box .swiper-container{ width: 100%; }
.shengxueBox .shenxueSix .shengxueCarousel .box .swiper-container .swiper-slide{ box-sizing: border-box;}
.shengxueBox .shenxueSix .shengxueCarousel .box .swiper-container .swiper-slide .item{ position: relative;}
.shengxueBox .shenxueSix .shengxueCarousel .box .swiper-container .swiper-slide .item dl{ padding-bottom: 48.9795%;}
.shengxueBox .shenxueSix .shengxueCarousel .box .swiper-container .swiper-slide .item h3{ min-width: 56%; line-height: 60px; padding: 0 20px; font-size: 16px; color: #fff; font-weight: 400; background: rgba(13,59,141,0.82); position: absolute; left: 0; bottom: 0; z-index: 11;}
.shengxueCarousel .arrow-left,.shengxueCarousel .arrow-right{ width: 54px; height: 54px; position: absolute; top: 50%; transform: translateY(-50%);}
.shengxueCarousel .arrow-left{ background: url(../images/arrow-left03.png) no-repeat center; left: -75px; transition: all .4s;}
.shengxueCarousel .arrow-left:hover{background: url(../images/arrow-left03_02.png) no-repeat center;}
.shengxueCarousel .arrow-left.swiper-button-disabled:hover{background: url(../images/arrow-left03.png) no-repeat center;}
.shengxueCarousel .arrow-right{ background: url(../images/arrow-right03.png) no-repeat center; right: -75px; transition: all .4s;}
.shengxueCarousel .arrow-right:hover{background: url(../images/arrow-right03_02.png) no-repeat center;}
.shengxueCarousel .arrow-right.swiper-button-disabled:hover{background: url(../images/arrow-right03.png) no-repeat center;}

.alumniCarousel{ position: relative; margin-bottom: 55px;}
.alumniCarousel .box{ overflow: hidden;}
.alumniCarousel .box .swiper-container{ margin: 0 -22px;}
.alumniCarousel .box .swiper-container .swiper-slide{ padding: 0 22px; box-sizing: border-box;}
.alumniCarousel .box .swiper-container .swiper-slide a{ display: block; position: relative;}
.alumniCarousel .box .swiper-container .swiper-slide dl{ padding-bottom: 131.081%;}
.alumniCarousel .box .swiper-container .swiper-slide dl::before{ content: ""; width: 100%; height: 100%; background: linear-gradient(rgba(0,0,0,0) 20%, rgba(0,0,0,0.9)); position: absolute; left: 0; top: 0; z-index: 1;}
.alumniCarousel .box .swiper-container .swiper-slide .textBox{ width: 100%; color: #fff; padding: 25px; position: absolute; left: 0; bottom: 0; z-index: 11;}
.alumniCarousel .box .swiper-container .swiper-slide .textBox h3{ font-size: 24px; line-height: 1; padding-bottom: 12px; margin-bottom: 25px; position: relative;}
.alumniCarousel .box .swiper-container .swiper-slide .textBox h3::before{ content: ""; width: 77px; height: 5px; background: #fda43c; position: absolute; left: -25px; bottom: 0;}
.alumniCarousel .box .swiper-container .swiper-slide .textBox dt{ font-size: 16px; margin-bottom: 26px;}
.alumniCarousel .box .swiper-container .swiper-slide .textBox dd{ font-size: 14px; font-weight: 100; text-align: center; text-decoration: underline;}
.alumniCarousel .arrow-left,.alumniCarousel .arrow-right{ width: 54px; height: 54px; position: absolute; top: 50%; transform: translateY(-50%);}
.alumniCarousel .arrow-left{ background: url(../images/arrow-left03.png) no-repeat center; left: -75px; transition: all .4s;}
.alumniCarousel .arrow-left:hover{background: url(../images/arrow-left03_02.png) no-repeat center;}
.alumniCarousel .arrow-right{ background: url(../images/arrow-right03.png) no-repeat center; right: -75px; transition: all .4s;}
.alumniCarousel .arrow-right:hover{background: url(../images/arrow-right03_02.png) no-repeat center;}

.newsGroup{ padding-top: 20px;}
.newsGroup .item{ width: 47.6%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.05); padding:30px 22px;margin-top: 50px;}
.newsGroup .item .tit{ display: flex; justify-content: space-between;align-items: center; position: relative; padding-bottom: 20px; margin-bottom: 5px;}
.newsGroup .item .tit::after{ content: ""; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 2px;}
.newsGroup .item .tit h3{ font-size: 24px; line-height: 1; font-weight: normal; position: relative;}
.newsGroup .item .tit h3::before{ content: ""; width: 100%; height: 5px; background: #0d3b8d; border-radius: 2px; position: absolute; left: 0; bottom: -20px; z-index: 11;}
.newsGroup .item .tit a{ font-size: 14px; color: #0d3b8d; border-bottom: #6b7eae solid 1px;}
.newsGroup .item .box{ padding-top: 1px;}
.newsGroup .item .box ul li{ margin-top: 18px;}
.newsGroup .item .box ul li a{ padding-left: 28px; position: relative; display: block;}
.newsGroup .item .box ul li p{ font-size: 16px; font-weight: 300; line-height: 22px; padding-right: 80px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.newsGroup .item .box ul li span{ font-size: 12px; color: #6e6e6e;  font-weight: 300; line-height: 22px; position: absolute; right: 0; top: 0;}
.newsGroup .item .box ul li.pic a{ width: 100%; padding-left: 0; display: flex; justify-content: space-between;}
.newsGroup .item .box ul li.pic dt{ width: 166px;}
.newsGroup .item .box ul li.pic dt dl{ padding-bottom: 70%;}
.newsGroup .item .box ul li.pic ol{ width:calc(100% - 185px);}
.newsGroup .item .box ul li.pic ol h4{ font-size: 18px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 15px;}
.newsGroup .item .box ul li.pic ol dd{ height: 44px; font-size: 14px; color: #737373; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsGroup .item .box ul li.icon01 a{ background: url(../images/icon23.png) no-repeat left center; background-size: 18px;}
.newsGroup .item .box ul li.icon02 a{ background: url(../images/icon24.png) no-repeat left center; background-size: 24px;}
.newsGroup .item .box ul li.icon03 a{ background: url(../images/icon25.png) no-repeat left center; background-size: 19px;}
.newsGroup .item .box ul li.icon04 a{ background: url(../images/icon26.png) no-repeat left center; background-size: 18px auto;}

.footer{ font-size: 14px; background: #0c2f6f; color: #fff; position:relative; z-index:111;}
.footer .fmain{ padding: 32px 0 130px; position: relative;}
.footer .fmain .fhead{ font-size: 26px; color: #fff; border-bottom: #5676a1 solid 1px; padding-bottom: 28px; margin-bottom: 75px;}
.footer .fmain .fhead .logo{ width: 60%; border-right:#5676a1 solid 1px; display: flex; align-items: center;}
.footer .fmain .fhead .logo img{ margin-right: 45px;}
.footer .fmain .fhead .vr{ width: 40%; padding-left: 100px;}
.footer .fmain .fhead .vr a{ display: block;}
.footer .fmain .fhead .vr img{ margin-left: 48px;}
.footer .fmain .tit{ font-size: 18px; font-weight: 500; margin-bottom: 15px;}
.footer .fmain .fnav ul li{ width: 146px;}
.footer .fmain .fnav ul li ol a{ font-weight: 300; display: block; margin-bottom: 15px;}
.footer .fmain .fcontact .share{ margin-bottom: 18px;}
.footer .fmain .fcontact .share ul li{ margin-right: 22px;}
.footer .fmain .fcontact .share ul li.weixin{ position:relative;}
.footer .fmain .fcontact .share ul li.weixin dl{ width:120px; height: 120px; background: #fff; padding: 10px; position: absolute; top: -130px; left:50%; transform:translateX(-50%); display: none; }
.footer .fmain .fcontact .share ul li.weixin dl img{ width: 100px; }
.footer .fmain .fcontact .share ul li.weixin dl:after{ content: ""; width:14px; height: 9px; background:url(../images/icon38.png) no-repeat center; position: absolute; top: 120px; left: 50%; margin-left: -7px; }
.footer .fmain .fcontact .share ul li.weixin:hover dl{display: block;}
.footer .fmain .fcontact .text p{  display: flex; line-height: 2;}
.footer .fmain .fcontact .text p img{ flex: 0 0 auto; align-self: start; margin-right: 8px;margin-top: 8px;}
.footer .fmain .gotop{ width: 48px; height: 46px; background: url(../images/gotop.png) no-repeat top center; font-size:12px; color:#fff; padding-top: 26px; position: absolute; right: -80px; bottom: 50px; cursor: pointer;}
.footer a{ color: #fff;}
.footer a:hover{ color: #2867dc;}
.footer .copyright{ background: #2b2b2b; color: #fff; text-align: center; line-height: 2.5; padding: 25px;}

/*===/分页=============================*/
.fenye{ text-align: center; font-size:16px; line-height:40px; }
.fenye .arrow{ background:#e7e7e7; color:#333; margin:0 5px;min-width: 40px; display: inline-block;}
.fenye a.arrow:hover{ background:#0d3b8d; color:#fff; }
.fenye a{ line-height:40px;color:#333; margin:0 5px;background:#e7e7e7; display: inline-block; min-width: 40px;}
.fenye a:hover{color:#fff;background:#0d3b8d; }
.fenye .current{ background:#0d3b8d; color:#FFF;}

/*搜索框*/
.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999;}
.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}
.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}
.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}

/* 弹出框 */
.tccBox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.tccBox .BoxCon{padding: 20px;position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%); color: #999;}
.tccBox .BoxCon .off{ width: 29px; height: 29px; background:url(../images/off.png) no-repeat center; position: absolute; top: -15px; right: -15px; cursor: pointer;}
.tccBox .BoxCon ul video{ max-width: 1000px;}

@media (max-width: 1500px) {
    .header{ padding: 0 20px;}
    .header .nav>ul>li{margin-left: 30px;}
    .header .menuBtn{ margin-left: 25px;}
    .header .lang a{margin-left: 25px}
    .header .searchBtn{ margin-left: 25px;}
    .header .home{ margin-left: 25px;}
    
    .banner .bannerText .tit{ margin-bottom:170px;}

}
@media (max-width: 1440px) {
    .banner .bannerText .tit{ font-size:48px; margin-bottom:140px;}
    .banner .bannerText .bannerBtn a {width: 150px; height: 50px; line-height: 48px; font-size: 16px;}
    .banner .arrow-left, .banner .arrow-right{ width: 80px; height: 80px;}
    .banner .arrow-left{ left: 20px;}
    .banner .arrow-right{ right: 20px;}
}

@media (max-width: 1350px) {
    .header .logo{ padding: 22px 0;}

    .neiBanner{ height: 500px;}

    .indexOne .title h2{ font-size: 38px;}
    .indexOne .title p{ font-size: 25px;}

    .indexTwo { padding: 60px 0;}
    .indexTwo .conBox .con ol b { font-size: 36px; }

    .indexThree .conBox .list ul li ol dl{ font-size: 40px;}

    .indexFour { padding: 60px 0 70px;}
    .indexFour .pagination{ bottom: 75px;}
    .indexFour .box .conBox .item .tit h3{ font-size: 25px;}

    .aboutOne .aboutBox .pic{ margin-right: 0;}

    .footer .fmain .gotop{ right: 0;}
}

@media (max-width: 1250px) {
    .wrap{ width: 100%; padding: 0 15px;}

    .header .nav>ul>li{ margin-left: 25px;}
    .header .nav>ul>li>a{ font-size: 16px;}
    .header .menuBtn{ margin-left: 20px;}
    .header .lang a{margin-left: 20px}
    .header .searchBtn{ margin-left: 20px;}
    .header .home{ margin-left: 20px;}
    
    .banner .bannerText{ top:40%}
    .banner .bannerText .tit{ font-size:40px; margin-bottom:120px;}
    .banner .bannerText .bannerBtn a {width: 140px; height: 46px; line-height: 44px; font-size: 16px;}

    .indexOne .ititle{ margin-bottom: 60px;}
    .indexOne .ititle h2 { font-size: 33px; margin-bottom: 20px;}
    .indexOne .ititle p { font-size: 20px; }
    .indexOne .menuBox { margin-bottom: 70px; }

    .indexTwo .conBox .con{ padding-right: 80px;}
    .indexTwo .conBox .con ol{ font-size: 26px;}
    .indexTwo .conBox .con ol b { font-size: 30px;}
    .indexTwo .conBox .con dt{ font-size: 16px; margin-top: 12px;}

    .indexThree .conBox{ height: 420px;}
    .indexThree .conBox .list ul li{ margin: 10px 0;}
    .indexThree .conBox .list ul li i{ width: 55px; height: 55px; display: block;}
    .indexThree .conBox .list ul li ol dl{ font-size: 35px;}
    
    .indexFour .box .conBox .item{ padding: 35px;}
    .indexFour .box .conBox .item .tit{ margin-bottom: 10px;}
    .indexFour .box .conBox .item .tit h3 { font-size: 18px; }
    .indexFour .box .conBox .item a.more { width: 83px; height: 34px; line-height: 30px; font-size: 13px; border: #fff solid 1px;}

    .indexFive ul li ol h3{ height: 44px; line-height: 22px; font-size: 15px;}

    .indexEight { height: 450px;}
    .indexEight .box { width: 530px; height: 225px;}
    .indexEight .box .tit{ font-size: 25px;}
    .indexEight .box a { width: 140px; height: 42px; line-height: 40px; font-size: 16px;}

    .title h2{ font-size: 30px;}
    .title p{ font-size: 26px;}

    .bread .neiNav ul li dt{ font-size: 15px;}

    .aboutOne .aboutBox .con{ left: 15px; width: 650px;}

    .aboutFour .title{ left: 15px;}

    .aboutSix .box {width: 670px; padding: 60px;}
    .aboutSix #map{ height: 500px;}
    
    .baomingTwo .curriculum01 .tit{ right: 15px;}

    .baomingThree .title{ left: 15px;}

    .baomingFour .title{ left: 15px;}
    .baomingFive .arrow{ right: 15px;}
    
    .footer .fmain { padding: 32px 15px 130px;}
    .footer .fmain .fhead{ font-size: 20px; margin-bottom: 50px;}
    .footer .fmain .fhead .logo img {margin-right: 25px;height: 80px; }
    .footer .fmain .fnav ul li ol a{ margin-bottom: 10px;}
    .footer .fmain .gotop{ right: 15px;}
}

@media (max-width: 1160px) {
    .header { padding: 0 15px; }
    .header .logo { padding: 29px 0; }
    .header .nav>ul>li{ margin-left: 20px;}
    .header .nav>ul>li>a:hover::before, .header .nav>ul>li.on>a::before { width: 65px;}
    .header .menuBtn{ margin-left: 15px;}
    .header .lang a{margin-left: 15px}
    .header .searchBtn{ margin-left: 15px;}
    .header .home{ margin-left: 15px;}
}

@media (max-width: 1030px) {
    body{ font-size: 15px;}
    
    .banner .bannerText .tit{ margin-bottom:80px;}

    .neiBanner{ height: 460px;}

    .indexOne{ padding: 70px 0;}
    .indexOne .list ul li{ flex: inherit;}

    .indexTwo .conBox .con{ width: 100%; padding-left: 15px;}
    .indexTwo .conBox .con dl{ width: 220px;}
    .indexTwo .conBox .con ol{ font-size: 22px;}

    .indexFive{ overflow: hidden;}

    .index_six .conBox{ width: 100%; padding: 45px 25px 45px 25px;}
    .index_six .item:nth-child(1)::after{ height: 4px;}
    .index_six .item:nth-child(1)::before{ width: 150px; height: 4px;}
    .index_six .item:nth-child(2)::after{ height: 4px;}
    .index_six .item:nth-child(2)::before{ width: 150px; height: 4px;}
    .index_six .item:nth-child(2) .conBox { padding-left: 25px; padding-right: 25px; }
    .index_six .conBox .box ul li { margin-bottom: 15px; }
    .index_six .conBox .box ul li dt{ font-size: 15px;}

    .bread .neiNav ul li a{padding: 0 20px;}

    .container{ padding-bottom: 75px;}

    .aboutOne{ padding: 35px 0 10px;}
    .aboutOne .aboutBox .con{ width: 530px;}
    .aboutOne .aboutBox .con .text{ padding: 35px;}
    .aboutOne .aboutBox .pic{ width: 660px;}
    .aboutOne .num{ margin-top: 45px;}
    .aboutOne .num ul li ol p{ font-size: 14px;}
    .aboutOne .num ul li ol dl{ font-size: 28px;}

    .aboutTwo {padding: 35px 0 50px;}
    .aboutTwo .con .text { padding: 20px 25px 0;}

    .aboutThree { padding: 30px 0 40px;}
    .aboutThree .title{padding: 20px 0 40px;}

    .aboutFour{ padding: 60px 0;}
    .aboutFour .historyCon .swiper-slide .con{width: calc(100% - 630px); padding: 0 20px 0 0;}
    .aboutFour .historyCon .swiper-slide .pic{ width: 630px;}

    .aboutFive{ padding: 60px 0;}
    .aboutFive .aboutFiveHead .moreBox{ font-size: 15px;}

    .aboutSix{ padding: 60px 0;}

    .team .box .item{ margin-bottom: 30px;}

    .baomingOne {padding: 20px 0 20px;}
    .baomingOne .video{ width: 675px;}
    .baomingOne .con { width: calc(100% - 700px);}
    .baomingOne .con .menuBox ul li{ margin-bottom: 8px;}
    .baomingOne .con .menuBox ul li a{ height: 64px; font-size: 16px;}
    .baomingOne .con .fileBtn{ margin-bottom: 8px;}
    .baomingOne .con .fileBtn a{ height: 64px; line-height: 64px; font-size: 16px;}
    .baomingOne .con .telBox dl{ height: 67px; font-size: 16px;}

    .baomingTwo .curriculum01 .tit h3{ font-size: 30px;}
    .baomingTwo .curriculum01 .text{ font-size: 15px;}
    .baomingTwo .curriculum02 .item ol{ font-size: 15px;}
    .baomingTwo .curriculum03{ justify-content: space-between;}
    .baomingTwo .curriculum03 .pic{ width: 40%;}
    .baomingTwo .curriculum03 .con{ width: 55%;}

    .baomingTwo .youshi .tit{ font-size: 30px; margin-bottom: 40px;}
    .baomingTwo .youshi .box .item{ width: 49%; margin-bottom: 20px;}

    .baomingThree .box .pic{ padding-top: 120px;}
    .baomingThree .box .text{ font-size: 15px;}

    .baomingFour .item .tit{ margin-bottom: 15px;}
    .baomingFour .item .text{ font-size: 15px; line-height: 1.6;}

    .newsList .box ul li .con {width: calc( 100% - 300px);}

    .newsView {width: calc(100% - 340px);}
    .newsView .newsHead h1{ font-size: 25px;}
    .newsView .newsPage li h3{ font-size: 15px;}

    .shengxueBox .shenxueOne .title{ padding: 40px 0 30px;}
    .shengxueBox .shenxueOne .list ul li ol dl{ font-size: 30px;}

    .shengxueBox .shenxueTwo .con p{ font-size: 15px;}
    .shengxueBox .shenxueTwo .con .textbox .text h3{ font-size: 20px;}
    .shengxueBox .shenxueTwo .con .textbox .text{ font-size: 15px;}
    .shengxueBox .shenxueTwo .con .textbox .shuzi{ font-size: 30px;}

    .shengxueBox .shenxueFour .text{ font-size: 16px;}
    .shengxueBox .shenxueFive .item .tit h3{ font-size: 16px;}
    .shengxueBox .shenxueSix .shengxueCarousel .box .swiper-container .swiper-slide .item h3{ font-size: 15px;}

    .alumniCarousel .box .swiper-container .swiper-slide .textBox h3{ font-size: 17px;}
    .alumniCarousel .box .swiper-container .swiper-slide .textBox dt{ font-size: 15px;}

    .newsGroup .item{ width: 48.5%; margin-top: 30px;}
    .newsGroup .item .tit h3{ font-size: 18px;}
    .newsGroup .item .box ul li{ margin-top: 15px;}
    .newsGroup .item .box ul li p{ font-size: 15px;}
    .newsGroup .item .box ul li.pic ol h4{ font-size: 15px;}

    .footer .fmain .tit{ font-size: 15px;}
    .footer .fmain .fnav ul li{ width: 115px;}
    .footer .fmain .fnav ul li ol a{ font-size: 13px;}
    .footer .fmain .fcontact .text{ font-size: 13px;}
}

@media screen and (max-width:1000px){
    body{ font-size: 15px; padding-top: 60px;}
    .wrap{ width: 100%; padding: 0 15px;}

    .header{ width: 100%; height:60px; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,.3); position: fixed; top: 0; left: 0; z-index: 99999999; }
    .header .logo{ height: 60px; padding: 8px 0; }
    .header .logo img { height: 44px;}
    .header .headRight{ width: 100%; height: calc(100% - 60px); position: fixed !important; left: 0; top: 60px !important; bottom: inherit; background: #fff; z-index: 99999; display: none;}
    .header .nav{ margin-top: 0; margin-bottom: 20px;}
    .header .nav>ul{ display: block;}
    .header .nav>ul>li {width: 100%; border-bottom: 1px solid #eee; margin-left: 0; float: none;}
    .header .nav>ul>li>a{ font-size: 15px; color: #000;  line-height: 50px; padding: 0 15px; text-align: left;}
    .header .nav>ul>li>a:hover,.nav ul>li.on>a{ color: #fff;}
    .header .nav>ul>li:hover>a::before{ display: none;}
    .header .nav>ul>li>a:hover::before, .header .nav>ul>li.on>a::before{ width: 100%;}
    .header .nav>ul>li>.subnav{ position: relative; top: 0;}
    .header .menuBtn{ display: none;}
    .header .lang{ float: left;}
    .header .lang a{ line-height: 18px;}
    .header .searchBtn{float: left;}
    .header .home{ float: left; margin-left: 20px;}

    .menu-toggle{ width:60px; height:60px; position:fixed; right:0; top:0; z-index:9999999; display:block;}
    .menu-toggle span{ width:35px; height:2px; background:#222;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
    .menu-toggle span:before{ content:"";width:35px; height:2px; background:#222;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
    .menu-toggle span:after{ content:"";width:35px; height:2px; background:#222;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
    .menu-toggle.cur span{background-color:transparent;}
    .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
    .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

    /*首页bannner*/
    .banner::before{ display: none;}
    .banner .bannerText { top: 30%;}
    .banner .bannerText .tit {font-size: 20px;margin-bottom: 20px;}
    .banner .bannerText .bannerBtn a {width: 80px; height: 34px; line-height: 32px; font-size: 12px; margin: 0 3px;}
    .banner .swiper-container .swiper-slide .bannerText h2{ font-size: 22px;}
    .banner .pagination {position: absolute;z-index: 20;bottom:10px !important;width: 100%;text-align: center;}
    .banner .swiper-pagination-bullet { display: inline-block; width: 20px;height: 2px; background:rgba(255, 255, 255, .25); margin: 0 3px; border-radius:0 !important; opacity: 1; cursor: pointer;}
    .banner .swiper-pagination-bullet-active { background: #fff;}
    .banner .swiper-slide-active{opacity:1;}
    .banner .arrow-left, .banner .arrow-right{ display: none;}

    .neiBanner {height: 150px;}

    .indexOne { padding: 45px 0 30px; }
    .indexOne .ititle{ margin-bottom: 35px;}
    .indexOne .ititle h2{ font-size: 20px;}
    .indexOne .ititle p { font-size: 15px; }
    .indexOne .menuBox { margin-bottom: 25px; }
    .indexOne .menuBox a{ width: 100px; height: 40px; line-height: 38px; font-size: 15px; margin: 0 5px;}
    .indexOne .menuBox a:nth-child(2){ line-height: 36px; border: #fdbb48 solid 2px;}
    .indexOne .menuBox a:nth-child(3){ line-height: 36px; border: #003087 solid 2px;}
    .indexOne .list ul li{ margin: 8px;}
    .indexOne .list ul li img{ height:30px !important;}

    .indexTwo { display: block; padding: 35px 0 0;}
    .indexTwo .conBox{ width: 100%;}
    .indexTwo .conBox .con{ text-align: center; padding: 0 15px;}
    .indexTwo .conBox .con dl { width: 140px; margin: 0 auto;}
    .indexTwo .conBox .con ol { font-size: 18px; }
    .indexTwo .conBox .con ol b{ font-size: 22px;}
    .indexTwo .conBox .con dt{ font-size: 15px;}
    .indexTwo .conBox .con a.more{  height: 34px; line-height: 30px; margin: 15px auto 35px;}
    .indexTwo .videoBox{ width: 100%; height: auto;}

    .indexThree{ display: block;}
    .indexThree .conBox{ width: 100%; height: auto; padding: 50px 0;}
    .indexThree .conBox .list{ width: 100%; }
    .indexThree .conBox .list ul li { margin: 8px 0; }
    .indexThree .conBox .list ul li i { width: 40px; height: 40px;}
    .indexThree .conBox .list ul li ol dl{ font-size: 30px;}
    .indexThree .conBox .list ul li ol p{ font-size: 14px;}
    .indexThree .mapLocation{ width: 100%; padding:50px 10px;}

    .indexFour { display: block; padding: 0;}
    .indexFour .pic{ width: 100%; position: relative;}
    .indexFour .pagination{ left: 50%; right: inherit; bottom: 15px; transform: translateX(-50%);}
    .indexFour .box{ width: 100%;}
    .indexFour .box .conBox .item a.more{ margin:20px auto 0;}

    .indexFive{ padding: 50px 0 40px;}
    .indexFive ul{ display: block;}
    .indexFive ul li{ width: 100%; margin-bottom: 10px;}
    .indexFive ul li ol{ width: 100%; height: 60px; padding-right: 40px; margin-top: -60px;}
    .indexFive ul li ol h3{ font-size: 14px; height: 36px; line-height: 18px;}

    .index_six>div{ display: block;}
    .index_six .conBox { width: 100%; padding: 35px 15px 45px 25px; }
    .index_six .conBox .ititle{ margin-bottom: 20px;}
    .index_six .conBox .ititle h2{ font-size: 20px; text-align: center;}
    .index_six .item{ width: 100%;}
    .index_six .conBox .box ul li a{ padding: 15px 0;}
    .index_six .item:nth-child(2) .conBox { padding-left: 15px; padding-right: 15px; }

    .index_seven { padding: 45px 0; }
    .index_six .conBox .box ul li{ margin-bottom: 10px;}
    .index_six .conBox .box ul li dl{ font-size: 13px;}
    .index_six .conBox .box ul li dd{ font-size: 16px;}

    .indexEight { height: 300px; }
    .indexEight .box{ width: 280px; height: 150px;}
    .indexEight .box .tit{ font-size: 18px;margin-bottom: 15px;}
    .indexEight .box a { width: 120px; height: 36px; line-height: 32px; font-size: 14px; }

    .bread { margin-bottom: 0;}
    .bread .wrap{ padding: 0;}
    .bread .neiNav{ overflow-x: auto;}
    .bread .neiNav::-webkit-scrollbar, .bread .neiNav::-webkit-scrollbar{width:0px;height:0px;}
    .bread .neiNav ul li{ height: 50px;}
    .bread .neiNav ul li a{ height: 50px; padding: 0 15px;}
    .bread .neiNav ul li dt{ font-size: 14px;}
    .bread .neiNav ul li.on a{ height: 50px; top: 0;}
    .bread .neiNav ul li.on dd{ display: none;}
    .bread .breadCrumb { display: none;}

    .anchorPoint{padding-top: 59px;margin-top: -59px;}
    .container{ padding-bottom: 50px;}

    .title{ text-align: center; padding: 0 0 25px;}
    .title h2{ font-size: 23px; font-weight: 500;}
    .title p{ font-size: 16px;}

    .aboutOne .aboutBox .con{ width: 100%; position: relative; left: 0;}
    .aboutOne .aboutBox .con .text{ padding: 20px; line-height: 1.7;}
    .aboutOne .aboutBox .pic{ width: 100%;}

    .aboutOne .num { padding: 10px 0;}
    .aboutOne .num ul{ flex-wrap: wrap;}
    .aboutOne .num ul li{ width: 50%; margin: 5px 0;}
    .aboutOne .num ul li ol dl{ font-size: 23px;}

    .aboutTwo .wrap{ flex-wrap: wrap;}
    .aboutTwo .con{ width: 100%; margin-bottom: 20px;}
    .aboutTwo .con .text{ padding: 0; line-height: 1.7;}
    .aboutTwo .pic{ width: 100%;}

    .aboutThree .title{ padding: 20px 0;}
    .aboutThree .box .item{ width: 100%; margin-bottom: 10px;}
    .aboutThree .box .item .tit { margin-bottom: 6px;}
    .aboutThree .box .item .tit h3{ font-size: 16px;}
    .aboutThree .box .item .text{ font-size: 13px;}

    .aboutFour{ padding: 50px 0;}
    .aboutFour .title{ padding-bottom: 20px; position: relative; left: 0;}
    .aboutFour .historyCon{ margin-bottom: 30px;}
    .aboutFour .historyCon .swiper-slide{ display: block;}
    .aboutFour .historyCon .swiper-slide .pic{ width: 100%; margin-bottom: 15px;}
    .aboutFour .historyCon .swiper-slide .con{ width: 100%; padding: 0;}

    .aboutFive{ padding: 50px 0;}
    .aboutFive .aboutFiveHead .title{ text-align-last: left;}
    .aboutFive .aboutFiveHead .moreBox{ font-size: 0;}

    .aboutSix {padding: 50px 0 0; position: relative;}
    .aboutSix .wrap{ padding: 0; position: relative; left: 0; transform:inherit}
    .aboutSix .title{ padding: 0 15px 20px;}
    .aboutSix .box{ width: 100%; padding:30px 20px; background: rgba(247,250,255,1);}
    .aboutSix .box .ewm{ width: 110px;}
    .aboutSix #map{ width: 100%; height: 300px; float: none;}
    .aboutSix .daohang{  display: inline-block; position: absolute; right: 20px; bottom: 20px; z-index: 111;}
    .aboutSix .daohang a{ color: #000; padding: 10px 15px 10px 30px; background: #fff url(../images/icon32.png) no-repeat 10px center; background-size: 20px;  border-radius: 8px;  box-shadow: 0 0 10px rgba(0, 0, 0, .2); display: block;}

    .team{ padding: 35px 0;}
    .team .box .item{ width: 100%; margin-bottom: 15px;}
    .team .box .item .con{ padding: 17px;}
    .team .box .item .con .tit{border-left: 3px solid #fda43c;}
    .team .box .item .con .tit h3{ font-size: 16px;}
    .team .box .item .con .tit p{ font-size: 14px;}

    .baomingOne{padding: 35px 0 10px;}
    .baomingOne .wrap{ display: block;}
    .baomingOne .video{ width: 100%; margin-bottom: 8px;}
    .baomingOne .con{ width: 100%;}
    .baomingOne .con .menuBox ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .baomingOne .con .menuBox ul li{ width: 49%;}
    .baomingOne .con .menuBox ul li a{ padding: 0 20px; font-size: 15px; height: 56px;}
    .baomingOne .con .menuBox ul li a i{ width: 24px; margin-right: 5px;}
    .baomingOne .con .fileBtn a{ height: 56px; line-height: 56px; font-size: 15px;  background: #fda43c url(../images/icon37.png) no-repeat right 120px center; background-size:auto 10px !important; }
    .baomingOne .con .fileBtn a:hover{background: #f0942c url(../images/icon37.png) no-repeat right 120px center;}

    .baomingTwo{ padding-top: 35px;}
    .baomingTwo .curriculum01{ margin-bottom: 30px;}
    .baomingTwo .curriculum01 .tit{ position: relative; right: inherit; text-align: center; margin-bottom: 20px;}
    .baomingTwo .curriculum01 .tit dl{ font-size: 14px;}
    .baomingTwo .curriculum01 .tit h3{ font-size: 20px;}
    .baomingTwo .curriculum01 .text{ padding: 20px; font-size: 14px; line-height: 1.7;}
    .baomingTwo .curriculum02{ flex-wrap: wrap; margin-bottom: 30px;}
    .baomingTwo .curriculum02 .item{ width: 100%; margin-bottom: 15px;}
    .baomingTwo .curriculum02 .item ol{ font-size: 14px; line-height: 1.7;}
    .baomingTwo .curriculum03{ flex-wrap: wrap; margin-bottom: 50px;}
    .baomingTwo .curriculum03 .pic{ width: 100%; height: 200px; text-align: center; margin-bottom: 20px;}
    .baomingTwo .curriculum03 .con{ width: 100%; display: block;}
    .baomingTwo .curriculum03 .con .tit{ text-align: center; margin-bottom: 20px;}
    .baomingTwo .curriculum03 .con .tit h3{ font-size: 17px;}
    .baomingTwo .curriculum03 .con .text h4{ font-size: 15px;}
    .baomingTwo .youshi{padding: 40px 0 35px;}
    .baomingTwo .youshi .tit{ font-size: 20px; text-align: center; margin-bottom: 20px;}
    .baomingTwo .youshi .box .item{ width: 100%; margin-bottom: 10px;}
    .baomingTwo .youshi .box .item dl{ font-size: 50px;}
    .baomingTwo .youshi .box .item ol h3{ font-size: 16px;}
    .baomingTwo .youshi .box .item ol dd{ font-size: 14px;}

    .baomingThree {padding: 50px 0 0;}
    .baomingThree .title{ position: relative; left: 0;}
    .baomingThree .box{ display: block;}
    .baomingThree .box .pic{ width: 100%; padding-top: 0; margin-bottom: 15px;}
    .baomingThree .box .text{ font-size: 14px; line-height: 1.7;}
    .baomingThree .notes { margin-top: 20px;}
    .baomingThree .notes .wrap{ padding:5px 20px; font-size: 15px;}

    .baomingFour .title{ position: relative; left: 0;}
    .baomingFour .item:nth-child(odd){ margin-left: 0;}
    .baomingFour .item .tit{ font-size: 16px;}
    .baomingFour .item .text{ font-size: 14px;}

    .baomingFive{ padding: 40px 0 50px;}
    .baomingFive .arrow{ position: relative; right: 0; text-align: center; margin-top: 10px;}
    .baomingFive .arrow .arrowBox{ margin-top: 10px;}

    .newsSearch{ line-height: 46px; margin-top: 35px; margin-bottom: 10px;}
    .newsSearch input{ height: 46px; font-size: 15px;}
    .newsSearch button{ width: 50px; height: 46px; background-size: 20px;}

    .newsList{ width: 100%; margin-bottom: 50px;}
    .newsList .box{ margin-bottom: 30px;}
    .newsList .box ul li a{ padding: 15px 0;}
    .newsList .box ul li .pic{ width: 120px;}
    .newsList .box ul li .con{ width: calc(100% - 130px);}
    .newsList .box ul li .con h3{ font-size: 15px; margin-bottom: 5px;}
    .newsList .box ul li .con dt{ height: 40px; line-height: 20px; font-size: 13px;}
    .newsList .more { width: 100px; height: 36px; line-height: 34px;font-size: 13px;}

    .announcement{  padding-bottom: 20px;}
    .announcement ul li a{ padding: 12px 0;}
    .announcement ul li dl{ font-size: 14px;}
    .announcement ul li dd{ font-size: 15px;}
    .announcement ul li dt{ font-size: 14px;}

    .newsOther{ width: 100%;}
    .newsOther .notice{ width: 100%;}
    .newsOther a img{ width: 100%;}
    .newsOther .notice dl{ line-height: 46px; padding: 0 20px;}
    .newsOther .notice dl h2{ font-size: 16px;}

    .newsView{ width: 100%; margin-bottom: 50px;}
    .newsView .newsHead h1{ font-size: 18px;}
    .newsView .text{ font-size: 14px; line-height: 2;}
    .newsView .text img{ margin: 10px 0 10px; height: auto !important; }
    .newsView .text video{ width: 100% !important; height: auto !important;}
    .newsView .text table{ width: auto !important; margin: 0 !important; padding: 0 !important; }
    .newsView .text table tr{ height: auto !important;}
    .newsView .text table tr td{ width: auto !important; height: auto !important; margin: 0 !important; padding: 5px !important; font-size: 13px !important; vertical-align: middle !important;}
    .newsView .text table tr td p{ text-indent: 0 !important;}
    .newsView .text .table-responsive{ overflow-x: auto; margin: 10px 0; }
    .newsView .newsPage{ margin-top: 40px; display:block;}
    .newsView .newsPage li{ width: 100%;}
    .newsView .newsPage li a { padding: 15px 12px;}
    .newsView .newsPage li dd{width: 80px; line-height: 26px; font-size: 14px; text-align: center; background: #999999; color: #fff; margin-bottom:8px;}
    .newsView .newsPage li h3{ font-size: 14px; color:#333;}

    .shengxueBox .shenxueOne{ padding-bottom: 30px;}
    .shengxueBox .shenxueOne .list ul{ flex-wrap: wrap;}
    .shengxueBox .shenxueOne .list ul li{ width: 50%; margin: 5px 0;}
    .shengxueBox .shenxueOne .list ul li i{ width: 45px; height: 50px; line-height: 48px;}
    .shengxueBox .shenxueOne .list ul li ol dl{ font-size: 23px;}
    .shengxueBox .shenxueOne .list ul li ol p{ font-size: 14px;}

    .shengxueBox .shenxueTwo{ padding: 40px 0;}
    .shengxueBox .shenxueTwo .wrap{ display: block;}
    .shengxueBox .shenxueTwo .pic{ width: 100%; padding-right: 100px; margin-bottom: 20px;}
    .shengxueBox .shenxueTwo .con{ width: 100%;}
    .shengxueBox .shenxueTwo .con p{ font-size: 14px;}
    .shengxueBox .shenxueTwo .con .textbox{ align-items: center;}
    .shengxueBox .shenxueTwo .con .textbox .text{ font-size: 14px;}
    .shengxueBox .shenxueTwo .con .textbox .text h3{ font-size: 17px;}
    .shengxueBox .shenxueTwo .con .textbox .shuzi{ font-size: 25px; margin-left: 10px;}

    .shengxueBox .shenxueFour .text{ font-size: 14px; text-decoration-thickness: 3px;}

    .shengxueBox .shenxueFive{}
    .shengxueBox .shenxueFive .item .tit{ padding:15px 70px 15px 15px; font-size: 13px; line-height: 24px; display: block;}
    .shengxueBox .shenxueFive .item .tit::before{ right: 43px;}
    .shengxueBox .shenxueFive .item .tit::after{ background-size: 21px !important; right: 10px;}
    .shengxueBox .shenxueFive .item .tit h3{ font-size: 14px; line-height: 1.3;}
    .shengxueBox .shenxueFive .item .con{ padding: 10px 0; font-size: 14px; line-height: 1.7;}
    .shengxueBox .shenxueFive .item .con .table-responsive{ overflow-x: auto; margin: 10px 0; }
    .shengxueBox .shenxueFive .item .con table{ width: 100% !important; margin: 0 !important; padding: 0 !important; }
    .shengxueBox .shenxueFive .item .con table tr{ height: auto !important;}
    .shengxueBox .shenxueFive .item .con table tr td{ width: auto !important; height: auto !important; margin: 0 !important; padding: 5px !important; font-size: 12px !important; vertical-align: middle !important;}
    .shengxueBox .shenxueFive .item .con table tr td p{ text-indent: 0 !important; font-size: 12px !important; }
    .shengxueBox .shenxueFive .item .con table tr td span{ text-indent: 0 !important; font-size: 12px !important; }
    
    .shengxueBox .shenxueSix {padding:30px 0 40px;}
    .shengxueBox .shenxueSix .shengxueCarousel .box .swiper-container .swiper-slide .item h3{ font-size: 14px; line-height: 38px;}
    .shengxueCarousel .arrow-left, .shengxueCarousel .arrow-right{ display: none;}

    .xiaoyou.title{ padding-top: 40px;}
    .alumniCarousel{ margin-bottom: 30px;}
    .alumniCarousel .box .swiper-container{ margin: 0 -5px;}
    .alumniCarousel .box .swiper-container .swiper-slide{ padding: 0 5px;}
    .alumniCarousel .box .swiper-container .swiper-slide .textBox{ padding:0 10px 15px;}
    .alumniCarousel .box .swiper-container .swiper-slide .textBox h3{ font-size: 14px;padding-bottom: 7px; margin-bottom: 10px;}
    .alumniCarousel .box .swiper-container .swiper-slide .textBox h3::before{ height: 2px; left: 0;}
    .alumniCarousel .box .swiper-container .swiper-slide .textBox dt{ font-size: 13px; margin-bottom: 15px;}
    .alumniCarousel .arrow-left, .alumniCarousel .arrow-right{ display: none;}
    .moreBtn a{ width: 110px; font-size: 13px; height: 36px; line-height: 34px; }

    .newsGroup .item{ width: 100%; padding: 20px; margin-top: 15px;}
    .newsGroup .item .tit h3{ font-size: 17px;}
    .newsGroup .item .tit h3::before{ height: 3px;}
    .newsGroup .item .box ul li.pic dt{ width: 140px;}
    .newsGroup .item .box ul li.pic ol { width: calc(100% - 150px); }
    .newsGroup .item .box ul li.pic ol h4{ margin-bottom: 10px;}
    .newsGroup .item .box ul li.pic ol dd{ font-size: 13px;}

    .footer .fmain{ display: block; padding: 30px 15px 100px;}
    .footer .fmain .fhead{ display: block; margin-bottom: 30px;}
    .footer .fmain .fhead .logo{ width: 100%; font-size: 15px; border-right:none; justify-content: center;}
    .footer .fmain .fhead .logo img { margin-right: 15px; height: 48px; }
    .footer .fmain .fhead .vr{ width: 100%; padding-left: 0; font-size: 18px; text-align: center; margin-top: 25px;}
    .footer .fmain .fhead .vr img{ height: 25px; margin-left: 10px;}
    .footer .fmain .fnav{ display: none;}
    .footer .fmain .fcontact{ width: 100%;}
    .footer .fmain .tit{ text-align: center;}
    .footer .fmain .fcontact .share ul{ justify-content: center;}
    .footer .fmain .fcontact .text p{ line-height: 1.8; justify-content: center;}
    .footer .fmain .gotop{ right: inherit; left: 50%; transform: translateX(-50%); bottom: 25px;}
    .footer .copyright{ font-size: 13px; line-height: 1.8;}
    .footer .copyright img{ margin-top: 10px;}
 
    /*===/分页=============================*/
    .fenye{ padding: 10px 0; text-align: center; font-size:15px; line-height:30px; }
    .fenye .arrow{ background:#e7e7e7; color:#333; margin:0 1px;min-width: 30px; display: inline-block;}
    .fenye a.arrow:hover{ background:#110e7f; color:#fff; }
    .fenye a{ line-height:30px;color:#333; margin:0 1px;background:#e7e7e7; display: inline-block; min-width: 30px;}
    .fenye a:hover{color:#fff;background:#110e7f; }
    .fenye .current{ background:#110e7f; color:#FFF;}

    .tccBox .BoxCon{ width: 95%;}
    .tccBox .BoxCon .off{ right: 20px;}
    .tccBox .BoxCon ul video{ max-width: 100%;}
    .search-dialog{ width: 95%;}
    
}