@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
body,blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button,input, textarea,th, td,img{border:medium none;margin: 0;padding: 0; outline:none;}
body,button, input, select, textarea {font: 1.4rem "Microsoft YaHei",tahoma, Srial, helvetica, sans-serif; outline:none;background:no-repeat;}
ul, ol,li { list-style: none; }
a { text-decoration: none; color: #3E3E3E;}
a:hover{ color: #80be21;}
html,body{width: 100%;height: auto; margin: 0;padding: 0; font-size:14px;background: #FFFFFF url(../images/tlBg.jpg); color: #3e3e3e; overflow-x: hidden;}
img{ border:0px;}
.animate{-webkit-transition-duration:.5s;transition-duration:.5s;}
.specialFamilay{font-family:'YouYuan10e3366c74620';}
.clear{ clear: both;}
::selection{background: #80be21; color: #fff;} ::-moz-selection{background: #80be21; color: #fff;}


#container{ width: 100%; height: auto; position: relative;}
.container1100{ width: 1100px; height: auto; position: relative; margin: auto;}
.banner_l{ height: 355px; position: relative;}
.banner_l ul li{ position: absolute; top: 0; left: 0; display: none;}
.banner_l ul li img{ display: block;}
.banner_l ol {position: absolute; width: 100%; height: 20px;text-align: center; z-index: 15; bottom: 0;}
.banner_l ol li{ height: 15px; width: 15px; border-radius: 50%; background: #fff;display: inline-block; margin: 0 20px; cursor: pointer;}
.banner_l ol li.bannerCur{ background:#EA3E00;}
.banner_phone{ height: 235px; display: none;}
.banner_phone .swiper-container{ height: 235px}

/**************header***************/
#header{ width: 100%; height: 200px; position: relative; z-index: 15;}
#header .container1100{height: 100%;}
#header .logo{ width: 50%; max-width: 328px; height: auto; display: block; position: absolute; top: 37px; left: 0;}
#header .right{ position: absolute; top: 36px; height: 21px; line-height: 21px; right: 0; }
#header .right .email{ display: block; width: 74px; color: #9e9e9e; font-size: 12px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #cfcfcf; border-radius: 10px; -webkit-border-radius: 10px; float: left;margin-right: 10px;}
#header .right .email:hover{ background-color: #0093ff; border-color: #0093ff; color: #FFFFFF; }
#header .right .downList{ width: 129px; line-height: 20px; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 35px; -webkit-border-radius: 35px; font-size: 14px; color: #9c9c9c; float: left; border: 1px solid #cfcfcf; text-align: center; background: url(../images/posi.png) no-repeat 10px center; position: relative; cursor: pointer;}
#header .right .downList:after{ width:0px; height: 0px; display: block; content: ''; position: absolute; border-style: solid; border-color: #0093ff transparent transparent transparent; border-width: 5px; right: 10px; top: 50%; margin-top: -2px;}
#header .right .downList span{}
#header .right .downList ul{display: none;border: 1px solid #cfcfcf;border-radius: 15px;margin-top: 5px;position: relative;z-index: 15;background: #fdfeee;}
#header .right .downList ul li{border-radius: 12px;margin-top: 5px;line-height: 24px;font-size: 12px;}
#header .right .downList ul li a{color: #9c9c9c;}


#header .nav{ height: 44px; width: 100%; position: absolute; bottom:0px; z-index: 1;}

#header .nav li{ height: 41px; border-top-width: 3px; border-top-style: solid; position: relative; float: left; text-align: center; width: 14%; line-height: 41px;}
#header .nav li a{ display: block; width: 100%; height: 100%; color: #3E3E3E;}
#header .nav li>a{ position: relative; z-index: 100;}
#header .nav li:nth-child(1){ border-color: #9100c8;}
#header .nav li:nth-child(2){ border-color: #ffbe06;}
#header .nav li:nth-child(3){ border-color: #4fb1e3;}
#header .nav li:nth-child(4){ border-color: #009e00;}
#header .nav li:nth-child(5){ border-color: #eb4607;}
#header .nav li:nth-child(6){ border-color: #033bd0;}
#header .nav li:nth-child(7){ border-color: #ff9100;}
#header .nav li:nth-child(8){ border-color: #d500ff;}
#header .border{ width: 100%; height: 1px;position: absolute; bottom: 42px; opacity: .2;}
#header .nav li:after{ position: absolute; content: ''; width: 0px; height: 0px; border-style: solid; border-color: transparent transparent ;border-width: 8px; left: 50%; margin-left: -8px; bottom: 0; opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px);}
#header .nav li:nth-child(1):after{ border-bottom-color:#9100c8 ;}
#header .nav li:nth-child(2):after{border-bottom-color: #ffbe06;}
#header .nav li:nth-child(3):after{border-bottom-color: #4fb1e3;}
#header .nav li:nth-child(4):after{border-bottom-color: #009e00;}
#header .nav li:nth-child(5):after{border-bottom-color: #eb4607;}
#header .nav li:nth-child(6):after{border-bottom-color: #033bd0;}
#header .nav li:nth-child(7):after{border-bottom-color: #ff9100;}
#header .nav li:nth-child(8):after{border-bottom-color: #d500ff;}
#header .nav li.cur:after{opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);}
#header .nav li:hover:after{opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px);}
#header .nav li:hover .subNav{ display: block;}

#header .nav li .subNav{ width: 100%; height: auto; position: absolute; left: 0px; top: 41px; background: #9100c8; z-index: 100; display: none;}
#header .nav li .subNav a{ display: block; width: 100%;   height: 35px; line-height: 35px; float: left; color: #FFFFFF; border-bottom: 1px dotted #c880e4; position: relative;}
#header .nav li .subNav a:hover{ background: #FFFFFF; color: #9100c8; }
#header .nav li .subNav a span{ position: absolute; right: 10px; top: 12px; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #FFFFFF; display: block;}
#header .nav li .subNav.sub2 a{border-bottom: 1px dotted #ffdf83;}
#header .nav li .subNav.sub2 a:hover{ background: #FFFFFF; color: #ffbe06; }
#header .nav li .subNav.sub2{background: #ffbe06;}
#header .nav li .subNav.sub3 a{border-bottom: 1px dotted #a7d8f1; background: #4fb1e3;}
#header .nav li .subNav.sub3 a:hover{ background: #FFFFFF; color: #4fb1e3; }
#header .nav li .subNav.sub3{background: #ffbe06;}
#header .nav li .subNav.sub3 a:hover span{ border-left: 5px solid #4fb1e3;}
#header .nav li .subNav.sub3 .threeMenu:hover{ background: #FFFFFF; color: #4fb1e3;}
#header .nav li .subNav.sub3 .threeMenu:hover .leveNav{ display: block;}
#header .nav li .subNav.sub3 .threeMenu{width: 100%; height: 35px; background: #4fb1e3; position: relative; border-bottom: 1px dotted #a7d8f1; color: #FFFFFF; cursor: pointer;}
#header .nav li .subNav.sub3 .threeMenu span{position: absolute; right: 10px; top: 12px; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #FFFFFF; display: block;}
#header .nav li .subNav .leveNav{ width: 100%; height: auto; position: absolute; left: 100%; top: 0px; line-height: 35px; text-align: center; display: none;}
#header .nav li .subNav .leveNav a{ background: #4ba9d9; width: 100%; height: 35px; }
#header .nav li .subNav.sub4 a{border-bottom: 1px dotted #80cf80;}
#header .nav li .subNav.sub4 a:hover{ background: #FFFFFF; color: #009e00; }
#header .nav li .subNav.sub4{background: #009e00;}
#header .nav li .subNav.sub5 a{border-bottom: 1px dotted #f5a383;}
#header .nav li .subNav.sub5 a:hover{ background: #FFFFFF; color: #eb4607; }
#header .nav li .subNav.sub5{background: #eb4607;}


/********二级导航******/
.nav_sec{ width: 100%; height: 50px; line-height: 50px; background-color: #0075c2;}
.nav_sec .container1100{ height: 100%;}
.nav_sec .title{ width: 20%; float: left; text-indent: 45px; background: url(../images/highTitIcon.png) no-repeat left center; font-size: 30px; font-weight: bold; color: #FFFFFF;position: relative; z-index: 0;}
.nav_sec .title:after{content: ''; position: absolute; width: 0px; height: 0px; border-style:solid; border-color: transparent transparent transparent #0075c2; border-width: 10px; right: -20px; top: 50%; margin-top: -10px;}
.nav_sec ul{ width: 80%; float: left;}
.nav_sec ul li{ width: 20%; float: left; text-align: center; position: relative;}
.nav_sec ul a{ display: block; width:100%; height: 100%;position: relative; z-index: 10; color: #FFFFFF;}
.nav_sec ul li:after{ content: ''; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color:transparent; position: absolute; display: block; bottom: 0px; left: 50%; margin-left: -10px; transition-duration: .5s; -webkit-transition-duration: .5s;}
.nav_sec ul li.cur:after{ bottom: -20px;}
.nav_sec ul li:hover:after{ bottom: -20px;}
.nav_sec ul li:nth-child(1){ background-color: #ffb327;}
.nav_sec ul li:nth-child(1):after{ border-top-color:#ffb327 ;}
.nav_sec ul li:nth-child(2){ background-color: #60bbe7;}
.nav_sec ul li:nth-child(2):after{ border-top-color:#60bbe7 ;}
.nav_sec ul li:nth-child(3){ background-color: #ea3e00;}
.nav_sec ul li:nth-child(3):after{ border-top-color:#ea3e00 ;}
.nav_sec ul li:nth-child(4){ background-color: #009d41;}
.nav_sec ul li:nth-child(4):after{ border-top-color:#009d41 ;}
.nav_sec ul li:nth-child(5){ background-color: #e500cd;}
.nav_sec ul li:nth-child(5):after{ border-top-color:#e500cd ;}
.mapNav{ width: 1100px; margin:20px auto 20px; overflow: hidden; height: auto;}
.mapNav ul{ float: right;}
.mapNav li{ float: left;}
.mapNav li a{font-size: 14px; color: #0083cc;}
.mapNav li a:hover{color: #009f40;}
.mapNav li:last-child a{ color: #009f40;}
.bigTit{ width: 1100px; height: 30px; position: relative;margin: auto; line-height: 30px;}
.bigTit .titIcon{ float: left; height: 30px;}
.bigTit .text{ float: left; font-size: 18px; font-weight: bold; color: #333333; line-height: 30px; border-bottom: 3px solid #1aa625; margin-left: 20px; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}

/********footer******/
#footer{ width: 100%; height: 90px; padding-top: 45px; background: url(../images/footerBg.jpg); border-top: 2px solid #00a23e;}
#footer .container1100{ height: 100%;}
#footer .logo{ width: 118px; display: block; font-size: 0px; float: left;}
#footer .iconList{ width: auto; height: 25px; float: left; position: relative; top: 15px; margin-left: 45px;}
#footer .iconList li{ width: 25px; height: 100%; margin-right: 8px; float: left; background: url(../images/footerIcons.png) no-repeat; position: relative; z-index: 10; opacity: .5;}
#footer .iconList li:hover { opacity: 1;} 
#footer .iconList li a{ display: block; width: 100%; height: 100%; position: relative;}
#footer .iconList li:nth-child(1){ background-position: left center;}
#footer .iconList li:nth-child(2){ background-position: center center;}
#footer .iconList li:nth-child(3){ background-position: right center; z-index: 9;}
#footer .iconList li img{ width:180px; height: 196px; position: absolute; top: -220px; left: 50%; margin-left: -99px; transition-duration: .5s; -webkit-transition-duration: .5s; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); z-index: -1; display: none;}
#footer .iconList li .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#footer .addressBox{ float: left; line-height: 26px; margin-left: 142px;}
#footer .addressBox a{ font-size: 12px; opacity: .2; color: #FFFFFF;}
#footer .addressBox .sm:hover{ opacity: 1;}


/**********highSchool*********/
#highSchool{width: 100%; height: auto;}
#highSchool .notice{ width:100%; height: auto; padding-top: 57px; overflow: hidden; background:  url(../images/ggBg.jpg);} 
#highSchool .notice .title{overflow: hidden; float: left; padding-left: 25px; }
#highSchool .notice .title .icon{ background: url(../images/ggIcon.png) no-repeat; width: 60px; height: 142px; float: left;}
#highSchool .notice .title .text{ width: 144px; height: 80px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #3c9a2f; float: left; margin-left: 20px; position: relative;}
#highSchool .notice .title .text .ch{ font-size: 28px; line-height: 32px; padding-top: 5px; font-weight: bold; color: #3c9a2f; width: 100px; text-align: center;}
#highSchool .notice .title .text .en{ height: 44px; width: 80px; text-transform: uppercase; position: absolute; transform: rotate(90deg); -webkit-transform: rotate(90deg); top: 16px; right: -18px; text-align: center; line-height: 44px; background-color: #3c9a2f; color: #FFFFFF; font-size: 12px; font-family: arial; font-weight: bold;}
#highSchool .notice .ggList{float: left;width: calc(100% - 250px - 10%); margin-left: 5%;}
#highSchool .notice .ggList li{float: left; margin-right: 10%; }
#highSchool .notice .ggList li:last-child{ margin-right: 0;}
#highSchool .notice .ggList .imgs{ float: left; border: 1px solid #e8e8e8; margin-right: 12px;}
#highSchool .notice .ggList .textBox{ float: left;}
#highSchool .notice .ggList .tit{ font-size: 14px; font-weight: bold; color: #3b3b3b; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; width: 100%; }
#highSchool .notice .ggList .time{ font-size: 14px; color: #3b3b3b; padding-top: 10px;}
#highSchool .notice .ggList .text{font-size: 14px; color: #3b3b3b; }

#highSchool .imgTit{ width: 100%; font-size: 0px; overflow: hidden;}
#highSchool .imgTit .left{ width: 56%; float: left; position: relative; }
#highSchool .imgTit .left .tit{ top: 20%; left: 25%;}
#highSchool .imgTit .right{ width: 44%; float: left;}
#highSchool .imgTit .right li{ position: relative;}
#highSchool .imgTit .right li .imgs{ width: 100%; height: 100%; opacity: .5; transition-duration: .5s; -webkit-transition-duration: .5s;}
#highSchool .imgTit .tit{ position: absolute; z-index: 10;}
#highSchool .imgTit .right li:nth-child(1){background-color:#006db8;}
#highSchool .imgTit .right li:nth-child(2){background-color:#d18f00;}
#highSchool .imgTit .right li:nth-child(3){background-color:#009b4c;}
#highSchool .imgTit .right li .tit{ width: 310px; left: 50%; margin-left: -155px; top: 30%; opacity: 1;}
#highSchool .imgTit .right li:hover .imgs{opacity: 1;}

#highSchool .lifeBox{ width: 100%; height: auto; padding-top: 20px; position: relative;}
#highSchool .lifeBox .bg{ background: url(../images/lifeBg.png) no-repeat; opacity: .05; position: absolute; width: 278px; height: 551px;}
#highSchool .lifeBox .bg1{ left: 0;}
#highSchool .lifeBox .bg2{ right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#highSchool .lifeBox .container{ width: 80%; margin: auto; overflow: hidden;}
#highSchool .lifeBox .left{ width: 48%; float: left; margin-left: 1%; cursor: pointer;}
#highSchool .lifeBox .right{ width: 48%; float: right; height: 100%;}
#highSchool .lifeBox .title{ width: 100%; margin-bottom: 22px; border-bottom: 1px solid #e0e0e0; height: 80px; position: relative;}
#highSchool .lifeBox .title img{ position: absolute; bottom: 0; left: -14px;}
#highSchool .lifeBox .right .title img{ left: -18px;}

#highSchool .lifeBox .left .imgBox{ width: 100%; font-size: 0px; position: relative;}
#highSchool .lifeBox .left .imgBox:after{ width: 100%; height: 25%; position: absolute; bottom: 0; content: ''; display: block;opacity: .7; }
#highSchool .lifeBox .left .textBox{ position: absolute; width: 80%; margin-left: 10%; z-index: 10; bottom: 1%; height: 20%;}
#highSchool .lifeBox .left .textBox .tit{ font-size: 18px; color: #ffffff;}
#highSchool .lifeBox .left .textBox .text{ font-size: 12px; color: #ffffff; margin-top: 2%;}
#highSchool .lifeBox .left .btn{ width: 55px; height: 40%; top: 30%;  position: absolute; background-image: url(../images/btns2.png); background-position: center; background-repeat: no-repeat; opacity: 0; transition-duration: .5s; -webkit-transition-duration: .5s;}
#highSchool .lifeBox .left .btn.btnPrev{ background-position: right center; left: 0;}
#highSchool .lifeBox .left .btn.btnNext{ background-position: left center; right: 0;}
#highSchool .lifeBox .left .btn:hover{opacity: 1;}

#highSchool .lifeBox .right .teamList li{ width: 100%; overflow: hidden; height: auto; padding: 3.5% 0; border-bottom: 1px solid #ebebeb; position: relative;}
#highSchool .lifeBox .right .teamList li a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
#highSchool .lifeBox .right .teamList li .imgBox{ float: left; width: 21%; font-size: 0px;}
#highSchool .lifeBox .right .teamList li .textBox{ width: 70%; float: left; margin-left: 3%; height: 100%; }
#highSchool .lifeBox .right .teamList li .textBox .tit{ font-size: 16px; }
#highSchool .lifeBox .right .teamList li .textBox .text{ font-size: 12px;  opacity: .7; margin-top: 3%; transition-duration: .5s; -webkit-transition-duration: .5s;}
#highSchool .lifeBox .right .teamList li .textBox .more{ width: 100px; height: 18px; line-height: 18px; text-align: center; text-transform: uppercase; color: #FFFFFF; background-color: #009f47; position: absolute; left: 24%; bottom: 0; font-size: 12px; font-family: arial;}
#highSchool .lifeBox .right .teamList li:first-child{ padding-top: 0;}

#highSchool .lifeBox .right .teamList li:hover .text{opacity: 1;}
#highSchool .lifeBox .right .pageBox{ width: 100%; height: 36px; position: relative; margin-top: 22px; }
#highSchool .lifeBox .right .pageBox .btn{ width: 40px; height: 100%; background: url(../images/btns.png) no-repeat; background-color: #919191; float: left; cursor: pointer; transition-duration: .5s; -webkit-transition-duration: .5s;}
#highSchool .lifeBox .right .pageBox .btn.btnPrev{ background-position: left;}
#highSchool .lifeBox .right .pageBox .btn.btnNext{  background-position: right;}
#highSchool .lifeBox .right .pageBox .btn:hover{ background-color: #009f47;}
#highSchool .lifeBox .right .pageList{ float: left; height: 14px; position: relative; top: 50%; margin-top: -7px; overflow: hidden;}
#highSchool .lifeBox .right .pageList li{ width: 14px; height: 14px; background-color: #919191; margin-left: 20px; transition-duration: .5s; -webkit-transition-duration: .5s; cursor: pointer; float: left;}
#highSchool .lifeBox .right .pageList li:last-child{ margin-right: 20px;}
#highSchool .lifeBox .right .pageList li.cur{ background-color: #009f47;}
#highSchool .lifeBox .right .pageList li:hover{ background-color: #009f47;}
#highSchool .achievement{ width: 100%; background: url(../images/ggBg.jpg); height: auto;}
#highSchool .achievement .title{ text-align: center; padding-top: 40px; width: 100%; font-size: 0px;}
#highSchool .achievement .achievementList{ width: 100%; height: auto; overflow: hidden; position: relative; }  
#highSchool .achievement .achievementList li{ float: left; cursor: pointer;} 
#highSchool .achievement .achievementList li .imgs{ font-size: 0px; overflow: hidden;}
#highSchool .achievement .achievementList li .imgs img{ transition-duration: 2.5s; -webkit-transition-duration: 2.5s;}
#highSchool .achievement .achievementList li .imgs:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
#highSchool .achievement .achievementList li .text{ background-color: #00a0c2; text-align: center;  position: relative;}
#highSchool .achievement .achievementList li .name{ font-size: 36px; color: #ffffff; text-align: center; padding-top: 10%; transition-duration: .5s; -webkit-transition-duration: .5s;}
#highSchool .achievement .achievementList li .school{ font-size: 30px; color: #ffffff; margin-top: 10px; line-height: 30px;}
#highSchool .achievement .achievementList li .school span{ font-size: 18px;font-family: arial;}
#highSchool .achievement .achievementList li .more{ font-size: 30px; width: 30px; height: 30px; color: #FFFFFF; position: absolute; font-weight: 100; top: 10px; right: 10px; line-height: 30px; transition-duration: .5s; -webkit-transition-duration: .5s;}
#highSchool .achievement .achievementList li .text:hover .more{ transform: rotate(135deg); -webkit-transform: rotate(135deg);}
#highSchool .achievement .achievementList li .text:hover .name{ padding-top: 7%;}
#highSchool .achievement .achievementList li:nth-child(n+2) .imgs{ position: absolute; bottom: 0 ; top: auto;}
#highSchool .achievement .achievementList li:nth-child(n+2) .text{ position: absolute; top: 0; width: 100%; }
#highSchool .achievement .achievementList li:first-child{ width: 34%; }
#highSchool .achievement .achievementList li:nth-child(2){ width: 27%; left: 34%;}
#highSchool .achievement .achievementList li:nth-child(2) .text{ background-color: #009f47; }
#highSchool .achievement .achievementList li:nth-child(3){ width: 17%;left: 61%;}
#highSchool .achievement .achievementList li:nth-child(3) .text{ background-color: #8a9f00; top: auto; bottom: 0;}
#highSchool .achievement .achievementList li:nth-child(3) .imgs{ top: 0;}
#highSchool .achievement .achievementList li:nth-child(4){ width: 22%; left:78% ;}
#highSchool .achievement .achievementList li:nth-child(4) .text{ background-color: #007ac2;}
#highSchool .achievement .achievementList li:nth-child(n+2){ position: absolute; height: 100%;}
#highSchool .zy{ width: 100%; height: auto; padding: 60px 0 50px; text-align: center; background: url(../images/ggBg.jpg);}
#highSchool .zy .title{ font-size: 36px; font-weight: bold; color: #424242;} 
#highSchool .zy .title .en{ font-weight: 400; font-size: 16px; color: #009f47; margin-top: 10px; margin-bottom: 10px;}
#highSchool .zy .title .border{ width: 20%; margin: auto; height: 1px; background-color: #009f47;}
#highSchool .zy .text{ font-size: 14px;  margin: 40px 0;}
#highSchool .zy .more{ font-size: 16px;  transition-duration: .5s; -webkit-transition-duration: .5s; display: block;}
#highSchool .zy .more:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px);}

/**********Commonproblem***********/
#Commonproblem .faqBox{width: 1100px; height: 600px; position: relative; margin:50px auto 85px;  }
#Commonproblem .faqBox .faqList{ width: 98%; margin: auto;}
#Commonproblem .faqList li{ width: 100%; height: auto; margin-bottom: 15px;}
#Commonproblem .faqList li .tit{ height: 58px; line-height: 58px; width: 100%; }
#Commonproblem .faqList li .yuan{ width: 12px; height: 12px; border: 4px solid #a63011; border-radius: 50%; float: left; position: relative; top: 18px; transition:all .5s;-webkit-transition:all .5s;}
#Commonproblem .faqList li .text{  font-size: 18px; cursor: pointer;  float: left; margin-left: 15px; font-weight: bold;}
#Commonproblem .faqList li .time{ font-family: arial; font-size: 12px;  float: right;}
#Commonproblem .faqList li .border{ width: 100%; height: auto; border-top: 2px solid #fabf00; opacity: .3;}
#Commonproblem .faqList li .hideBox{ font-size: 14px;  line-height: 26px; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: auto; display: none; padding: 2%; box-shadow: 0px 1px 3px #CFCFCF; overflow: hidden; }

#Commonproblem .faqList li.cur .border{ opacity: 1;}
#Commonproblem .faqList li.cur .hideBox{ display: block;}
#Commonproblem .faqList li:hover .yuan{ border: 4px solid #FABF00;}
#Commonproblem .pageBox{ width: 100%; position: absolute; bottom: 0; left: 0; height: 21px; line-height: 21px; overflow: hidden; text-align: center;}
#Commonproblem .pageBox .btn{ width:13px; height: 21px; background: url(../images/faqBtn.png) no-repeat; display: inline-block; cursor: pointer;}
#Commonproblem .pageBox .btn.btnPrev{ background-position: left;}
#Commonproblem .pageBox .btn.btnNext{ background-position: right;}
#Commonproblem .pageBox .pageList{ display: inline-block; overflow: hidden; position: relative; top: -2px;}
#Commonproblem .pageBox .pageList li{ float: left; margin: 0 10px;}
#Commonproblem .pageBox .pageList li a{ display: block; width: 19px; height: 19px; border-radius: 50%; font-family: arial; color: #5c5c5c; font-size: 14px;}
#Commonproblem .pageBox .pageList li.cur a{ background-color: #fabf00; color: #FFFFFF;}

#Commonproblem .pageBox .pageList li:hover a{ background-color: #fabf00; color: #FFFFFF;}
#Commonproblem .pageBox .pageList li:hover:last-child a{ background-color: transparent; color:#5c5c5c ;}

.ov_h{ overflow: hidden; margin-top: 25px;}
.nav_right{ float: right; height:100%; width: 245px; margin-right: 2px; box-shadow: -1px 0px 3px #CFCFCF; padding-bottom: 25px; margin-bottom: 1px;}
.nav_right .title{ width: 100%; height: 56px; background: url(../images/titBg1.jpg);}
.nav_right .title .icon{ float: left; font-size: 0px;}
.nav_right .title .text{ float: left; font-size: 20px; font-weight: bold; color: #FFFFFF; line-height: 56px;}
.nav_right .cont{ width: 100%; height: auto;}
.nav_right .cont .guides{display: block; width: 100%; height:auto; box-sizing: border-box; -webkit-box-sizing: border-box; padding:4%;  position: relative;}
.nav_right .cont .guides .tit{ font-size: 14px; line-height: 30px;  text-align: center; font-weight: bold;}
.nav_right .cont .guides .date{width: 85px; height: 20px; margin: auto; background: #cccccc; line-height: 20px; text-align: center; font-size: 12px; color: #FFFFFF;}
.nav_right .cont .guides .text{ width: 100%; height: auto;line-height: 22px; font-size: 12px; padding: 10px 0px 30px;opacity: .8; position: relative; border-bottom: 1px dashed #CCCCCC;}
.nav_right .cont .guides .text:after{ content: '';display: block; width: 0px; height: 0px; border-style: solid; border-color: transparent  #fabf00 #fabf00 transparent; border-width: 8px; position: absolute; right: 0; bottom: 10px;}
.contLeft{ width: 795px; float: left;}
.nav_right2 { box-shadow: none;}
.nav_right2 .title2{background: url(../images/titBg2.jpg) no-repeat; height: 137px; }
.nav_right2 .title2 .text{ font-size: 14px; font-weight: bold; text-align: center; float: none; position: relative; top: 100px; line-height: 20px;}
.nav_right2 .box_t{ width: 100%; height: auto; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; background-color: #eeeeee;}
.nav_right2 .box_t .text{ font-size: 12px; line-height: 24px;}
.nav_right2 .box_t .date{ margin-top: 20px; font-size: 14px;  line-height: 28px; }
.nav_right2 .box_t .date .yuan:before{ width: 6px; height: 6px; position: relative; top: -2px; content: ''; border-radius: 50%; display: inline-block; background-color: #6b6b6b; margin-right: 5px;}
.nav_right2 .box_t .date .lookMore{ width: 84px; height: 31px; display: block; margin-top: 10px; background-color: #01224d; background-image: url(../images/navRightBtn.png); background-repeat: no-repeat; background-position: 70px center; line-height: 31px; text-align: left; text-indent: 15px; border-radius: 2px; font-size: 12px; color: #FFFFFF;transition:all .5s;-webkit-transition:all .5s;}

.nav_right2 .phoneBox{ background-color: #305abf; width: 100%; text-align: center; padding: 25px 0;}
.nav_right2 .phoneBox .tit{font-size: 18px; color: #ffffff; }
.nav_right2 .phoneBox .phone{ font-size: 24px; font-family: arial; color: #FFFFFF;}
.nav_right2 .phoneBox .phoneBtn{ font-size: 12px; display: block; width: 89px; height: 25px; border: 1px solid #8cbbe6; border-radius: 40px; margin: auto; line-height: 25px; margin-top: 10px; background: url(../images/navRightBtn.png) no-repeat; background-position:70px center; text-align: left; text-indent: 15px; color: #FFFFFF;}

/**********guide***********/
#guide .guideBox{ width: 100%; height: auto;}
#guide .guideList{ width: 100%; overflow: hidden; position: relative;}
#guide .guideList li{ float: left; width: 32%; margin-right: 2%; text-align: center; height: auto;margin-bottom: 15px;transition:all .5s;-webkit-transition:all .5s;}

#guide .guideList li:nth-child(3n){ margin-right: 0;}
#guide .guideList li .icon{ width: 80px; height: 60px; background: url(../images/guideIcons.png) no-repeat; margin:0px auto 15px;}
#guide .guideList li a{ display: block; width: 100%; height: 176px; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 40px 0px; position: relative;}
#guide .guideList li .icon.icon1{ background-position: left top;}
#guide .guideList li .icon.icon2{ background-position: -173px top;}
#guide .guideList li .icon.icon3{ background-position: -360px top;}
#guide .guideList li .icon.icon4{ background-position: 6px bottom;}
#guide .guideList li .icon.icon5{ background-position: -173px bottom;}
#guide .guideList li .icon.icon6{ background-position: -360px bottom;}
#guide .guideList li .text{ font-size: 14px; font-weight: bold; color: #2a88c9;}
#guide .guideList li .hideBox{ width:795px; text-align: left; height: 0px; padding: 0px;  background-color: #a63011 ; color: #FFFFFF; position: relative; overflow: hidden; -webkit-transition-duration: .25s; transition-duration: .25s;}

#guide .guideList li.cur .text{ font-size: 14px; font-weight: bold; color: #255191; -webkit-transition-duration: .25s; transition-duration: .25s;}
#guide .guideList li.cur a:after{ content: ''; display: block; width: 0px; height: 0px;  border: 12px solid transparent;border-bottom: 12px solid #255191; position: absolute; bottom: 0; left: 50%; margin-left: -12px;}
#guide .guideList li.cur a{ padding: 30px 0px;}
#guide .guideList li.cur .hideBox{ height: 100px; width: 774px; padding: 20px; line-height: 28px;}
/*#guide .guideList li:nth-child(n+4).cur a:after{top: 0px; border: 12px solid transparent;border-top: 12px solid #a63011;  }*/

/*************apply************/
#apply .left{ width: 730px; float: left;}
#apply .tabBox.tb1{ height: auto;}
#apply .tabBox{ width: 100%; line-height: 30px; font-size: 12px;  border: 1px solid #6c6c6c; margin-bottom: 35px; position: relative; padding: 20px 0;}
#apply .tabBox *{font-size:14px;}
#apply .tabBox p{ margin-bottom: 5px; margin-top: 10px;}
#apply .tabBox:after{ content: ''; width: 100%; height: 100%; display: block; border:2px solid #c0c0c0; position: absolute; top: -1px; left: -1px; z-index: -1;}
#apply .tabBox .tit{ display: inline-block; position: absolute; font-size: 18px;  padding:0 10px; background:url(../images/tlBg.jpg); color: #a63011;  top: -15px; left: 15px; height: 30px; line-height: 30px; font-weight: bold;}
#apply .tabBox.tb1 .lineTit{ width: 120px; text-align: left; display: inline-block; margin-left: 20px;}
#apply .tabBox.tb1 select{ width: 70px; height: 28px; line-height: 28px; margin-right: 10px;text-align: center;}
#apply .red{ color: #ff0000;}
#apply .tabBox.tb2 .lineTit{ width: 150px; margin-left: 10px; display: inline-block;}
#apply .tabBox input[type='text']{ border: 1px solid #a9a9a9; text-indent: 10px;}
#apply .tabBox input.maxW{ width: 60%; height: 28px;}
#apply .tabBox.tb3 .lineTit{ width:180px; margin-left: 10px; display: inline-block;}
#apply .btnBox{ float: right;}
#apply .btnBox input{ width: 113px; height: 33px; display: inline-block; background-color: #a9a8a8; color: #ffffff; line-height: 33px; text-align: center; margin-left: 15px; font-size: 14px; cursor: pointer;}
#apply .btnBox input:first-child{ background-color: #a63011;}
#apply .tabBox .inputBox>input{ margin-right: 5px; margin-top: 4px; height: 28px;}
#apply .tabBox .inputBox{ margin-left: 25px; height: auto;}
#apply .ov_h{ padding-bottom: 100px;}
#apply .tabBox.tb2 .inputBox{ margin-left: 0px;}
#apply .tabBox.tb2 .inputBox select{ width: 80px; text-indent: 10px; height: 28px; margin: 0 5px;}
#apply .tabBox .bd b{color: red;position: absolute; left: -8px; top: -3px;}
#apply .tabBox .bd{ width:98%;;font-size: 14px;text-align: left;position: relative; margin: 5px auto 15px; overflow: hidden;}
#apply .tabBox .bd span{ position: relative;}
#apply .tabBox .bd .title{ height: 30px; line-height: 30px; margin-left: 10px;float: left; width: 150px;position:relative;}
#apply .tabBox .bd .input_user{ overflow: hidden;}
#apply .tabBox .bd .input_user span{float: left; margin-right: 15px;}
#apply .tabBox .bd .input_user span input{ margin: 0 5px;}
#apply .tabBox .bd .input_user input{height: 28px; width: 158px;}
#apply .tabBox .bd .bd_dobu{float: left;}
#apply .tabBox .bd .bd_dobu .input_user{ float: left;}
#apply .tabBox .bd .bd_dobu .input_user .duan_input{ width: 80px; height: 28px;border: 1px solid #a9a9a9;text-align:center;}
#apply .tabBox .bd .bd_dobu .input_user .duan_input select{ width: 82px;}
#apply .tabBox .bd .bd_dobu .input_user span{ margin-right: 15px;}
#apply .tabBox .bd .bd_dobu input{height: 28px;width: 158px; }
#apply .tabBox .bd .input_user span input.jiachang{width: 441px;}

/*************cookbook************/
#cookbook .cookbookTit{ width: 100%; height: 50px; line-height: 50px; margin: 45px auto 10px; font-weight: bold; font-size: 16px;  text-align: center;}
#cookbook .cookbookList{ width: 94%; margin: auto; border: 3px solid #66b8ff; margin-bottom: 180px;}
#cookbook .cookbookList th{ height: 68px; font-size: 16px; font-weight: bold;  border: 1px solid rgba(16, 124, 166, 0.3); overflow: hidden; position: relative;}
#cookbook .cookbookList td{ font-size: 14px;  border: 1px solid rgba(16, 124, 166, 0.3); text-align: center;height: 90px;}
#cookbook .cookbookList td:first-child{ font-size: 16px; font-weight: bold;}
#cookbook .cookbookList td:nth-child(2n-1){ background-color: #e5eef5;}
#cookbook .cookbookList th:nth-child(2n-1){ background-color: #e5eef5;}

/*************Studentmanagement************/
#Studentmanagement .left{ float: left; width: 540px;  margin-top: 130px; font-size: 14px;  line-height: 28px; padding: 20px 0; border-top: 1px dashed #CCCCCC;border-bottom: 1px dashed #CCCCCC; margin-bottom: 200px;padding-right: 25px;}
#Studentmanagement .right{ float: right; width: 450px; height: 100%; position: relative; }
#Studentmanagement .right li{ border: 10px solid #fde596; border-radius: 50%; overflow: hidden; position: absolute;}
#Studentmanagement .right li:first-child{ width: 216px; height: 216px; right: 28px; top: 0;  }
#Studentmanagement .right li:nth-child(2){ width: 166px; height: 166px; left: 0;  top: 167px; }
#Studentmanagement .right li:last-child{ width: 206px; height: 206px; right: 50px;  top: 315px; }
#Studentmanagement .bigTit { height: 70px;}
#Studentmanagement .bigTit .text{ line-height: 70px;}

/*************Studentmanagement************/
#schoolmagazine .listBox{ width: 800px; margin: 50px auto; }
#schoolmagazine .listBox .bookList{ width: 100%; overflow:hidden;} 
#schoolmagazine .listBox .bookList li{ float: left; margin-right: 4%; width: 16%;}
#schoolmagazine .listBox .bookList a{ display: block; position: relative; width: 100%; height: 100%; margin-bottom: 25px;}
#schoolmagazine .listBox .bookList li img{transition:all .5s;-webkit-transition:all .5s;}
#schoolmagazine .listBox .bookList li:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);}
#schoolmagazine .listBox .bookList .text{  font-size: 12px; text-align: center; line-height: 30px; color: #3E3E3E;}
#schoolmagazine .listBox .bookList .bg{ background: url(../images/bookshaow.png) no-repeat right top; width:50px; height:80%; position: absolute; right: -25px; top: 0; z-index: -1;}
#schoolmagazine .pageBox{ width: 100%; height:30px; line-height: 30px; margin-top: 20px; text-align: center;}
#schoolmagazine .pageBox .btn{ display: inline-block; background: url(../images/bookBtn.png) no-repeat; width: 16px; height: 100%; position: relative; top: 1px; cursor: pointer;}
#schoolmagazine .pageBox .btn.btnPrev{ margin-right: 10px; background-position: left;}
#schoolmagazine .pageBox .btn.btnNext{ margin-left: 10px; background-position: right;}
#schoolmagazine .pageBox .pageList{ width: auto; display: inline-block;}
#schoolmagazine .pageBox .pageList li{ float: left; margin:0 10px; width: 30px; height: 30px; }
#schoolmagazine .pageBox .pageList li a{ display: block; width: 100%; height: 100%; color: #a63011; font-size: 18px; font-family: arial;border-radius: 50%; }
#schoolmagazine .pageBox .pageList li.cur a{ background-color: #fabf00;}
#schoolmagazine .pageBox .pageList li.cur a{ color: #FFFFFF;}
#schoolmagazine .pageBox .pageList li:hover a{ background-color: #fabf00;}
#schoolmagazine .pageBox .pageList li:hover a{ color: #FFFFFF;}
#schoolmagazine .pageBox .pageList li:hover:last-child a{ background-color: transparent;}
#schoolmagazine .pageBox .pageList li:hover:last-child a{ color: #a63011;}
#map,#allmap{ width: 100%; height: 364px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 6px solid #0056a1; margin-bottom: 76px; box-shadow: 3px 2px 10px #CFCFCF inset;}

/*************ManagementTeam************/
#ManagementTeam .teamBox{ width: 100%; height: 572px; position: relative; margin-top: 45px; margin-bottom: 103px;}
#ManagementTeam .teamBox .listBox{ width: 1026px; margin: auto; height: 100%; overflow: hidden;position: relative;}
#ManagementTeam .teamBox .teamList{ width: 1000000px; height: 100%;}
#ManagementTeam .teamBox li{ float: left; width: 245px; margin-right: 15px; height: auto; background-color: #e6e6e6; }
#ManagementTeam .teamBox li a{ display: block; width: 100%; height: 100%; position: relative;transition:all .5s;-webkit-transition:all .5s;}
#ManagementTeam .teamBox .imgs{ width: 100%; font-size: 0px;}
#ManagementTeam .teamBox .textBox{ width: calc(100% - 40px); padding:10px 20px; color: #3E3E3E; transition:all .5s;-webkit-transition:all .5s;}
#ManagementTeam .teamBox .textBox2{ padding: 10px 20px; color: #3E3E3E;}
#ManagementTeam .teamBox .textBox .tit{ font-size: 16px; line-height: 35px;}
#ManagementTeam .teamBox .textBox2 .tit2{ font-size: 20px;  line-height: 35px;}
#ManagementTeam .teamBox .textBox .text{  font-size: 12px; opacity: .8; color: #666666;}
#ManagementTeam .teamBox .textBox2 .text2{font-size: 12px; font-weight: 300; line-height: 24px; height: 48px; overflow: hidden;}
#ManagementTeam .teamBox li:hover .textBox2 { color: #FFFFFF;}
#ManagementTeam .teamBox li:hover .text{ color: #fff;}
#ManagementTeam .teamBox li:hover .tit{ color: #fff;}
#ManagementTeam .teamBox .hideBox{ position: absolute; top: 391px; height: 173px; background:url(../images/hideBox_bg2.jpg); box-sizing: border-box; -webkit-box-sizing: border-box; padding: 30px 20px; width: 1026px; left: 0; color: #ffffff; display: none; line-height:28px;}
#ManagementTeam .teamBox li.cur a{ background-color: #fabf00;}
#ManagementTeam .teamBox li.cur a:after{ content: ''; display: block; width: 0px; height: 0px;  border: 12px solid transparent;border-bottom: 12px solid #a63011; position: absolute; bottom: 0; left: 50%; margin-left: -12px; }
#ManagementTeam .teamBox li.cur .textBox{  color: #FFFFFF;}
#ManagementTeam .teamBox li.cur .hideBox{ display: block;}

#ManagementTeam .teamBox li:hover a{background-color: #255091; }
#ManagementTeam .teamBox li:hover .textBox{ color: #FFFFFF;}
#ManagementTeam .teamBox li:hover .hideBox{ display: block;}
#ManagementTeam .teamBox li:hover a:after{ content: ''; display: block; width: 0px; height: 0px;  border: 12px solid transparent;border-top: 12px solid #255091; position: absolute; bottom: -24px; left: 50%; margin-left: -12px; }
#ManagementTeam .teamBox .btn{ background: url(../images/teamBtn.png) no-repeat; cursor: pointer; height: 54px; width: 54px; position: absolute; top: 50%; margin-top:-125px; opacity: .5;}
#ManagementTeam .teamBox .btn.btnPrev{ left: -30px; background-position: left;}
#ManagementTeam .teamBox .btn.btnNext{ right: -30px; background-position: right;}
#ManagementTeam .teamBox .btn:hover{ opacity: 1;}

/*************concept************/
#concept .left{ width: 276px; height: 333px; float: left; background-color: #fabf00;}
#concept .ov_h .left img{ transform: translate(13px,13px);}
#concept .ov_h .right{ width: 723px; float: right; height: auto; line-height: 28px; text-indent: 28px; padding-bottom: 140px;}
#concept .ov_h .right .tit{ font-weight: bold;  margin-right: 5px;}
#concept .ov_h .right p{ margin-bottom: 10px;}

/*************concept************/
#aboutUs .right{ float: right; width: 326px; height: 393px; margin-top: 54px; background: url(../images/aboutUsRight.jpg);}
#aboutUs .right img{ transform: translate(-13px,-13px);}
#aboutUs .left{ width: 702px; float: left; height: auto; } 
#aboutUs .left .title{ overflow: hidden; width: 100%; height: 58px;}
#aboutUs .left .title .logo{ float: left; line-height: 40px; border-right: 1px solid #00a03f; font-size: 0px; padding-right: 20px; margin-right: 18px;}
#aboutUs .left .title .logo img{  vertical-align: middle;}
#aboutUs .left .title .titText{ font-size: 14px; font-weight: bold;  line-height: 20px; color: #083984;}
#aboutUs .left .text{ margin-top: 20px; text-indent: 28px; font-size: 14px; color: #666; line-height: 28px; padding-bottom: 90px;}
#aboutUs .left .text p{ margin-bottom: 10px;}
#aboutUs .ov_h{ margin-top: 25px;}

/*************scene************/
#scene .imgList{ width: 795px; height: 400px; position: relative; margin-top: 72px; margin: 25px auto 0;} 
#scene .imgList li{ position: absolute; width: 600px; height: 400px; opacity: 1; z-index: 0; cursor: pointer;  overflow: hidden;}

#scene .textList{width: 795px;height: 200px;margin:30px auto 0;position: relative;}
#scene .textList li{ width:100%; height: auto; top: 0; left: 0; position: absolute; display: none;}
#scene .textList li .title{ font-weight: bold;margin-bottom: 20px;font-size: 15px;color: #0056a1;}
#scene .textList li .text{ font-size: 14px;opacity: .8;line-height: 24px;color: #333333;}
#scene .pageBox{ width: 100%; height: 30px; text-align: center; margin-top: 25px;}
#scene .pageBox .btn{ width: 30px; height: 30px; background-color: #fabf00; position: relative; display: inline-block; cursor: pointer; transition-duration: .5s;-webkit-transition-duration: .5s;}
#scene .pageBox .btn:after{ content: ''; width: 0px; height: 0px; position: absolute; left: 50%; }
#scene .pageBox .btn.btnNext:after{border: 10px solid transparent; top: 50%; margin-top: -10px; border-left: 10px solid #FFFFFF;margin-left: -5px;}
#scene .pageBox .btn.btnPrev:after{border: 10px solid transparent; top: 50%; margin-top: -10px; border-right: 10px solid #FFFFFF;margin-left: -15px;}
#scene .pageBox .btn:hover{background-color: #a63011;}
#scene .pageBox .pageList{ display: inline-block; overflow: hidden; height: 8px;  position: relative; top: -11px;}
#scene .pageBox .pageList li{ width: 8px; height: 8px; margin: 0 5px; background-color: #ababab; float: left;transition-duration: .5s;-webkit-transition-duration: .5s; cursor: pointer;}
#scene .pageBox .pageList li.cur{ background-color: #a63011;}
#scene .pageBox .pageList li:hover{ background-color: #a63011;}

/*************brand************/
#brand .ov_h{margin-top: 75px; padding-bottom: 56px;}
#brand .ov_h .left{ width: 398px;float: left; font-size: 0px; height: 449px;  position: relative;}
#brand .ov_h .left:after{content: ''; width: 376px; height: 422px; position: absolute;  display: block; top: 50%; left: 50%; margin-top: -211px; margin-left:-188px; border: 5px solid #FFFFFF; box-sizing: border-box; -webkit-box-sizing: border-box;}
#brand .ov_h .right{ width: 670px; float: right; text-indent: 24px;  font-size: 12px; color: #363636;}
#brand .ov_h .right .title{ font-size: 0px;}
#brand .ov_h .right .text{ margin-top: 20px; line-height: 24px;}
#brand .ov_h .right .text p{ margin-bottom: 10px;}
#brand .csr{ width: 100%; height: 450px; background-color: #004895; position: relative; }
#brand .csr:after{content: ''; width: calc(100% - 12px); box-sizing: border-box; -webkit-box-sizing: border-box; height: 430px; position: absolute; top: 50%; margin-top: -215px; left: 50%; margin-left: calc(-50% + 6px);border: 5px solid #FFFFFF;}
#brand .csr .dream{ position: absolute; left: 50px; bottom: 50px; font-size: 0px;}

/*************recruit************/

#recruit .nav_right{ margin-top: 37px;}
#recruit .ov_h .left{ width: 825px; float: left;}
#recruit .ov_h{ padding-bottom: 50px;}
#recruit .wBox{ width:100%; height: auto; margin-top: 35px;} 
#recruit .wBox .title{ font-size: 18px; color: #242424;}
#recruit .wBox .title:after{content: ''; display: inline-block; width: 0px; height: 0px; border: 5px solid transparent; border-bottom: 5px solid #2c77bb; border-right: 5px solid #2c77bb; position: relative; top: 2px;}
#recruit .wBox .text{ font-size: 12px; color: #303030; line-height: 24px;}
#recruit .wBox .text a{ color: #2c77bb;}
#recruit .recruitList{ width: 100%; height: auto; margin-top: 25px; transition: all .5s;-webkit-transition: all .5s;}
#recruit .recruitList li{ width: 100%; height: auto; margin-bottom: 12px;}
#recruit .recruitList .tit{ width: 100%; height: 45px; line-height: 45px; cursor: pointer; background-color: #f3f3f3; position: relative; }
#recruit .recruitList .tit:before{ content: ''; position: absolute; height: 100%; width: 6px; background-color: #a63011; left: 0; top: 0;}
#recruit .recruitList .tit:after{ content: ''; position: absolute; width: 0px; height: 0px; border: 3px solid transparent; border-right: 3px solid #FFFFFF; left: 0; top: 50%; margin-top: -3px;}
#recruit .recruitList .tit>span{ display: inline-block; width: 25%; text-align: center; font-size: 14px;}
#recruit .recruitList .tit>span .gq{ font-size: 12px; color: #ff0000;}
#recruit .recruitList li .hideBox{ padding: 25px; background-color: #f3f3f3; height: auto; display: none; line-height: 28px;}
#recruit .recruitList li .hideBox .textTit{ font-size: 16px;  margin-bottom: 6px;}
#recruit .recruitList li .hideBox .texts{ font-size: 12px; color: #2f2f2f; line-height:22px;}
#recruit .recruitList li .hideBox .texts:before{ content: ''; width: 0px; height: 0px; display: inline-block; border: 3px solid transparent; border-left: 3px solid #868686;}
#recruit .recruitList li .hideBox .box{ margin-bottom: 30px; line-height: 24px;}
#recruit .recruitList li.cur .tit{ background-color: #fabf00; color: #FFFFFF;}
#recruit .recruitList li.cur .hideBox{ display: block;}

/*************feature************/
#feature .ov_h{ padding-bottom: 140px;}
#feature .left{ width: 100%; height: auto; float: left;}
#feature .featureBox{ width: 100%; height: auto; }
#feature .featureList{ width: 100%; height: auto; }
#feature .featureList li{ width: 100%; height: auto; padding-bottom: 30px; border-bottom: 1px solid #d0e3ff; overflow: hidden;margin-bottom: 30px; position: relative;}
#feature .featureList li a{display: block; height: 100%; width: 100%; position:relative; top: 0; left: 0; overflow: hidden;}
#feature .featureList .imgBox{ float: right; margin-right: 2px;  box-sizing: border-box; -webkit-box-sizing: border-box; border: 4px solid #FFFFFF; box-shadow: 0px 0px 1px #CFCFCF; position: relative; background-color: #FFFFFF;}
#feature .featureList .imgBox .bg{ background: url(../images/freBg.png) no-repeat; width: 273px; height: 23px; position: absolute; bottom: -17px; right: 0px; z-index: -1; }
#feature .featureList .textBox{ width: 505px; float: left;}
#feature .featureList .tit{ font-size: 16px; font-weight: bold; color: #255091;}
#feature .featureList .tit span{ font-weight: 400; font-size: 14px; margin-left: 10px; color: #009f40;}
#feature .featureList .texts{ font-size: 12px; color: #636262; margin-top: 20px; line-height: 24px;}
#feature .featureList .textBox .more{ width: 87px; height: 20px; background: url(../images/index_more.png) no-repeat;text-align:center; line-height:20px;color: #fff; position: absolute; bottom: 30px;}

/*************tution************/
#tution .ov_h{ padding-bottom: 50px;}
#tution .left{ float: left;  width: 795px; float: left;}
#tution .nav_right{ margin-top: 35px;}
#tution .tabTit{ font-size: 18px; color: #2c3a5e; margin-top: 25px; line-height: 30px; line-height: 30px; margin-bottom: 10px;}
#tution .tab{ font-size: 0px; padding-bottom: 40px; border-bottom: 1px solid #1aa625; margin-bottom: 25px;}
#tution .wayBox{ width: 100%; height: auto; margin-top: 10px; font-size: 15px;  line-height: 26px;}
#tution .wayBox .zy{ margin-top: 30px; font-size: 12px; line-height: 22px;}
#tution .wayBox .time{ color: #a63011; margin-top: 25px;}

/*************principal************/
#principal .bigTit .titIcon{ margin-top: -6px; position: relative;}
#principal .bigTit .titIcon .bg{ background: url(../images/titIconImg5.png) no-repeat; width: 71px; height: 42px; position: absolute; z-index: 10; top: 64px; left: -21px;}
#principal .big{ width: 100%; height:auto; background-color: #fabf00; position: relative; margin-bottom: 50px; margin-top: 45px;}
#principal .big:after{content: '';  position: absolute; z-index: 9; width:1068px; height: 486px; border:1px solid rgba(255,255,255,.5); box-sizing: border-box; -webkit-box-sizing: border-box; top: 50%; margin-top: -243px; left:50%; margin-left: -534px; opacity: .5;}
#principal .big .imgs{ float: left;font-size: 0px;}
#principal .big .textBox{ }
#principal .big .lp{ width: 111px; height: 105px; border-top: 3px solid #fabf00; background-color: #a63011; color: #FFFFFF; font-weight: bold; position: absolute; top: -50px; right: -50px; z-index: 10; text-align: center;}
#principal .big .lp:after{content: ''; width: 0px; height: 0px; position: absolute; z-index: -1; border: 111px solid transparent; border-top: 111px solid #a63011; border-width: 22px 55px 22px 55px; bottom: -44px; left: 0;}
#principal .big .lp .font1{ font-size: 30px;}
#principal .big .lp .font2{ text-transform: uppercase; font-size: 14px; font-family: arial; }
#principal .big .textBox{ width: 605px; height: auto; float: left; margin-left: 30px; margin-top: 80px;}
#principal .big .textBox .title{ color: #ffffff; font-size: 31px;}
#principal .big .textBox .title p{ font-size: 18px; line-height: 22px; text-transform: uppercase;}
#principal .big .textBox .text{ font-size: 14px; color: #FFFFFF; margin-top: 45px; line-height: 28px; text-indent: 28px;}
#principal .big .textBox .qm{ text-align: right; font-size: 14px; color: #FFFFFF; overflow: hidden; margin-top: 35px;}
#principal .big .textBox .qm img{ margin-top: 10px;}
#principal .smaList{ width: 100%; height: auto;}
#principal .saml{ width: 32%; height: 565px; margin-right: 2%; float: left; position: relative;}
#principal .saml:nth-child(1){ background-color: #76af23;}
#principal .saml:nth-child(2){ background-color: #fe7f23;}
#principal .saml:nth-child(3){margin-right: 0px; background-color: #eb501c;}
#principal .saml .lp{ width: 106px; height: 100px; border-top: 3px solid #fabf00; background-color: #a63011; color: #FFFFFF; font-weight: bold; position: absolute; top: -20px; right: -12px; z-index: 10; text-align: center;}
#principal .saml .lp:after{content: ''; width: 0px; height: 0px; position: absolute; z-index: -1; border: 106px solid transparent; border-top: 106px solid #a63011; border-width: 22px 53px 22px 53px; bottom: -44px; left: 0;}
#principal .saml .lp .font1{ font-size: 30px;}
#principal .saml .lp .font2{ text-transform: uppercase; font-size: 14px; font-family: arial; }
#principal .saml .imgBox{ font-size: 0px; }
#principal .saml .imgBox img{ display: block; width: 100%;}
#principal .saml .textBox{ width: 92%;  margin:15px auto 0;}
#principal .saml .textBox .title{ font-size: 18px; font-weight: bold; color: #FFFFFF; padding-bottom: 6px; border-bottom: 1px solid #FFFFFF; margin-bottom: 10px;}
#principal .saml .textBox .title p{ font-size: 12px; font-weight: 400; font-family: arial; text-transform: uppercase; opacity: .5;}
#principal .saml .textBox .text{  font-size: 12px; line-height: 24px; color: #FFFFFF; opacity: .8;}
#principal #container{ padding-bottom: 185px;}
#principal #container .bg1{ background: url(../images/titIconImg3.png) no-repeat; width: 60px; height: 78px; position: absolute; top: 50%; right: 10%; }
#principal #container .bg2{ background: url(../images/principalBg.png) no-repeat; width: 629px; height: 204px; position: absolute; bottom: 106px; left: -118px; z-index: -1;}
/*************qualifications************/
#qualifications .left{ float: left; width: 820px;}
#qualifications .box1{  margin-top: 50px; margin-bottom: 75px;  }
#qualifications .box1 .imgs{ float: left;width: 368px; height: 236px; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #FFFFFF; border: 5px solid #ffffff; box-shadow: 0px 0px 3px #9C9C9C; position: relative; margin-left: 3px; }
#qualifications .box1 .textBox{ width: 420px; float: right; line-height: 28px;}
#qualifications .iconBox{ margin-top: 30px;}
#qualifications .iconBox .iconList{ width: 100%; height: auto; overflow: hidden; }
#qualifications .iconBox .iconList li{ float: left; width: 32%; margin-right: 2%; height: 124px; background-color: #00a03f; margin-bottom: 20px; position: relative;}
#qualifications .ov_h{ padding-bottom: 150px; }
#qualifications .iconBox .iconList li:nth-child(3n){ margin-right: 0px;}
#qualifications .iconBox .iconList li .number{ font-size: 48px; color: #FFFFFF; font-weight: bold; position: absolute; top: 5px; right: 0px; width: 80px; height: 50px; text-align: center; line-height: 50px; z-index: 5;}
#qualifications .iconBox .iconList li .sj{ width: 34px; height: 34px; position: absolute; top: 0px; right: 0px; z-index: 10; background: url(../images/sj.png) no-repeat top right; }
#qualifications .iconBox .iconList li .icons{ width: 78px; height: 78px; border-radius: 50%; background-color: #0080ca; border: 3px solid #6eb5da; box-sizing: border-box; -webkit-box-sizing: border-box;position: absolute;  top: 50%; margin-top: -39px; left: 18%; background-image: url(../images/lcIcons.png);}
#qualifications .iconBox .iconList li .icons.icon1{ background-position: -4px -1px;}
#qualifications .iconBox .iconList li .icons.icon2{ background-position: -84px -1px;}
#qualifications .iconBox .iconList li .icons.icon3{background-position: -163px -1px;}
#qualifications .iconBox .iconList li .icons.icon4{ background-position: -4px -78px;}
#qualifications .iconBox .iconList li .icons.icon5{ background-position: -84px -78px;}
#qualifications .iconBox .iconList li .icons.icon6{background-position: -163px -81px;}
#qualifications .iconBox .iconList li .icons.icon7{ background-position: -4px -160px;}
#qualifications .iconBox .iconList li .icons.icon8{ background-position: -83px -162px;}
#qualifications .iconBox .iconList li .icons.icon9{background-position: -163px -160px;}
#qualifications .iconBox .iconList li .text{  height: 40px; line-height: 40px;  position: absolute; top: 50%; margin-top: -20px;  font-size: 16px; color: #ffffff; left: calc(18% + 90px);}
/*************手机版导航和底部************/
.navBg{width: 100%; position: fixed;  height: 100%; top: 0px; right: 100%; transition-duration: .5s;-webkit-transition-duration: .5s;z-index:100; opacity: .5;}
.navBg.cur{ right: 50%;}
#phHeader{ display: none; width: 100%; height: 50px; background-color: rgba(255,255,255,.7); position: fixed; top: 0; left: 0; z-index: 1000;}
#phHeader .phLogo{ width: 60%; position: relative; top: 50%; max-width: 328px; font-size: 0px; display: block;}
#phHeader .navBtn{ width: 24px; height: 20px; position: absolute; right: 2%; top: 50%; margin-top: -10px; z-index: 100; perspective: 900; -webkit-perspective: 900;}
#phHeader .navBtn .border{ width: 100%; height: 2px; background-color: #007ac2; position: absolute; top: 50%; margin-top: -1px; left: 0px;}
#phHeader .navBtn:before{ content: ''; width: 100%; height: 2px; display: block; background-color: #007ac2; position: absolute; top: 0; left: 0px; transition-duration: .5s; -webkit-transition-duration: .5s;}
#phHeader .navBtn:after{ content: ''; width: 100%; height: 2px; display: block; background-color: #007ac2; position: absolute; bottom: 0; left: 0px; transition-duration: .5s; -webkit-transition-duration: .5s;}
#phHeader .navBtn.cur .border{ opacity: 0;}
#phHeader .navBtn.cur:after{ transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 50%; margin-top: -1px;}
#phHeader .navBtn.cur:before{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 50%; margin-top: -1px;}
#phHeader .phNav{ width: 50%; height: 100%; position: fixed; top: 0px; right: -50%; background-image:url(../images/navBg.png) ; z-index: 10111100;}
#phHeader .phNav li{ height: 50px; line-height: 50px; width: 100%; position: relative; text-indent: 25%; z-index: 101;}
#phHeader .phNav li a{ display: block; width: 100%; height: 100%; font-size: 15px; position: relative; z-index: 101;}
#phHeader .phNav li:after{ content: ''; width: 100%; display: block; height: 3px; position: absolute; left: 0; bottom: 0; }
#phHeader .phNav li:nth-child(1):after{ background-color: #9100c8;}
#phHeader .phNav li:nth-child(2):after{ background-color: #ffbe06;}
#phHeader .phNav li:nth-child(3):after{ background-color: #4fb1e3;}
#phHeader .phNav li:nth-child(4):after{ background-color: #009e00;}
#phHeader .phNav li:nth-child(5):after{ background-color: #eb4607;}
#phHeader .phNav li:nth-child(6):after{ background-color: #033bd0;}
#phHeader .phNav li:nth-child(7):after{ background-color: #ff9100;}
#phHeader .phNav li:nth-child(8):after{ background-color: #d500ff;}
#phHeader .phNav li:nth-child(1) a{ color: #9100c8;}
#phHeader .phNav li:nth-child(2) a{ color: #ffbe06;}
#phHeader .phNav li:nth-child(3) a{ color: #4fb1e3;}
#phHeader .phNav li:nth-child(4) a{ color: #009e00;}
#phHeader .phNav li:nth-child(5) a{ color: #eb4607;}
#phHeader .phNav li:nth-child(6) a{ color: #033bd0;}
#phHeader .phNav li:nth-child(7) a{ color: #ff9100;}
#phHeader .phNav li:nth-child(8) a{ color: #d500ff;}
#phHeader .phNav li.cur:after{ height: 100%;}
#phHeader .phNav li.cur a{ color: #FFFFFF;}
#pHfooter{ background: url(../images/footerBg.jpg); display: none; border-top: 2px solid #00a23e;}
#pHfooter a{ opacity: .5; font-size: 12px; display: block; width: 100%; height: 40px; line-height: 40px;}
#pHfooter li{height: 40px; line-height: 40px; border-bottom: 1px solid rgba(255,255,255,.5);  }
#pHfooter li .bg{ width: 40px; height: 30px; margin-right: 10px; position: relative; top: 10px; float: left;background: url(../images/phFooter.png) no-repeat;background-size:20px auto;}
#pHfooter li:nth-child(1) .bg{ background-position: center -34px;}
#pHfooter li:nth-child(2) .bg{ background-position: center 0px;}
#pHfooter li:nth-child(3) .bg{ background-position: center -62px;}
#pHfooter .sm{ text-align: center; display: block; }
/*****1-26*******/
.xzgg{ height: auto; width:1000px; position: relative; margin: 0 auto;}
.xzgg .hot{ height: auto; overflow: hidden; padding-bottom: 24px; border-bottom: 3px solid #fabf00; margin-top: 40px;}
.xzgg .hot .pic{ width: 406px; height: 181px; float:left;}
.xzgg .hot .pic img{display: block; height: 100%; width: 100%;}
.csrPic{ width: 102px; height: 116px; position: absolute; top: -20px; right: -20px; background: url(../images/csr.png) no-repeat; z-index: 100;}
.xzgg .hot .summary{ width:568px; height: 181px; float: right; position:relative;}
.xzgg .hot .summary .title{ font-size: 24px; }
.xzgg .hot .summary article{ font-size: 12px; line-height: 24px; }
.xzgg .hot .summary .more{ color: #a63011; position: absolute; bottom: 20px;}
.xzgg .news_list ul{height: auto; margin-bottom: 63px;}
.xzgg .news_list ul li{ height: 85px; padding:21px 0; border-top: 1px solid #fabf00; overflow: hidden;}
.xzgg .news_list ul li:hover .morew{ background: #fabf00;}
.xzgg .news_list ul li a{ display: block; height: 100%;}
.xzgg .news_list ul li .morew{ height:80px; width: 70px; background: #1aa625; border-radius: 5px; float: left;font-size: 24px; color: #fff;text-align: center;transition:all .5s;-webkit-transition:all .5s;position: relative;  border-bottom: 2px solid #0a7c13;}
.xzgg .news_list ul li .morew span{ display: block; font-size:30px; font-weight: bold;text-align: center; width: 100%; line-height:20px; font-family: georgia;}
#news_ly #container{position: relative; padding-bottom: 85px;}
.xzgg .news_list ul li .summary{ width: 896px; float: right;position: relative; height: 100%;}
.xzgg .news_list ul li .summary .title{ font-size: 18px; color: #3E3E3E; font-weight: bold;}
.xzgg .news_list ul li .summary article{ font-size: 12px; color: #3E3E3E; opacity: .5; line-height: 23px; margin-top: 10px;}
.xzgg .news_list ul li .summary .more{ position:absolute; bottom: 0; color: #a63011; font-size: 12px; display: none;}
.xzgg .news_list ul li:hover .summary .title{ color:#fabf00;}
.xzgg .news_list ul li:hover .morew{ background: #fabf00; border-bottom: 2px solid #c29401;}
.xzgg .news_list ul li:hover .summary article{ color: #fabf00; opacity: 1;}
.xzgg .news_list ul { overflow:hidden;}
.xzgg .page_navigation a { width: 30px; height: 30px; margin: 0 2px;display: inline-block; text-align: center; line-height: 30px; font-size: 18px; transition:all .5s;-webkit-transition:all .5s; background: #8c9898; color: #fff;}
.xzgg .page_navigation a:hover{ background:#FBB34C; color:#fff}
.xzgg .active_page { background:#fabf00 !important;}
.xzgg .page_navigation { height: 32px; display: block; margin:0 auto 0; text-align: left; }
.shuz_ly{ background: url(../images/shuzi.png); width: 669px; height: 163px;position: absolute; bottom: 0; right: 0;}


.LY_left .page_navigation a { width: 30px; height: 30px; margin: 0 2px;display: inline-block; text-align: center; line-height: 30px; font-size: 18px; transition:all .5s;-webkit-transition:all .5s; background: #8c9898; color: #fff;}
.LY_left .page_navigation a:hover{ background:#FBB34C; color:#fff}
.LY_left .active_page { background:#fabf00 !important;}
.LY_left .page_navigation { height: 32px; display: block; margin:0 auto 0; text-align: left; }

/*brand*/
#brand .csr .container1100{ height: 100%;}
#brand .csr .csrBox{ width: 100%; height: 100%;position: relative;}
#brand .csr .csrBox .textBox{ width: 640px; float: left; height: 100%;}

#brand .csr .csrBox .pic{ float:right; width: 400px; height: 100%; float: right;}
#brand .csr .csrBox .pic img{ display: block; height: 100%; width: 100%;}
#brand .csr .csrBox .textBox .title{ margin-top:66px;text-align: right;}
#brand .csr .csrBox .textBox .title img{ margin-right: 20px;}
#brand .csr .csrBox .job{ width: 595px; height: 177px; float: right; margin-top: 45px;}
#brand .tianzhijiaoz{ background:url(../images/tiaziji.jpg) top center; width: 100%; height: 925px; padding-top: 45px;}
#brand .tianzhijiaoz .title{text-align: center;}
#brand .tianzhijiaoz .jiapoz_lis{ margin-top: 98px;position: relative; height: 725px; overflow: hidden; padding: 29px 0;}
#brand .tianzhijiaoz .jiapoz_lis ul{ margin: 0 auto; width: 1100px;position: relative;}
#brand .tianzhijiaoz .jiapoz_lis ul:after{ }

#brand .tianzhijiaoz .jiapoz_lis ul li{ width: 433px; height: 105px; border: 1px solid #fff; padding: 19px;position: relative;}
#brand .tianzhijiaoz .jiapoz_lis ul li .name{ color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
#brand .tianzhijiaoz .jiapoz_lis ul li .pic{ width: 69px; height: 69px; float: left;}
#brand .tianzhijiaoz .jiapoz_lis ul li article{ float: right; width: 338px; color: #fff; opacity: .8; font-size: 12px; line-height: 22px;}
#brand .tianzhijiaoz .jiapoz_lis ul li.righ_y{ margin-left: 626px;}
#brand .tianzhijiaoz .jiapoz_lis ul li .wai{position: absolute; color: #fff; font-size: 22px;right: -181px;}
#brand .tianzhijiaoz .jiapoz_lis ul li.righ_y .wai{position: absolute; color: #fff; font-size: 22px;left: -181px; font-weight: bold;}
#brand .tianzhijiaoz .jiapoz_lis ul li:after{ height: 19px; width: 19px; background:url(../images/yuanaa.png);content: '';position: absolute;right: -88px;}
#brand .tianzhijiaoz .jiapoz_lis ul li.righ_y:after{ height: 19px; width: 19px; background:url(../images/yuanaa.png);content: '';position: absolute;left: -88px;}
#brand .tianzhijiaoz .jiapoz_lis .btn_lin_T,#brand .tianzhijiaoz .jiapoz_lis .btn_lin_B{ background: url(../images/lin_xing.png); height: 29px; width: 29px;position: absolute; left: 50%; margin-left: -14.5px; cursor: pointer; z-index: 999;transition:all .5s;-webkit-transition:all .5s;}
#brand .tianzhijiaoz .jiapoz_lis .btn_lin_T:hover,#brand .tianzhijiaoz .jiapoz_lis .btn_lin_B:hover{opacity:.5;filter:alpha(opacity=50)}

#brand .tianzhijiaoz .jiapoz_lis .btn_lin_T{ top: 0;}
#brand .tianzhijiaoz .jiapoz_lis .btn_lin_B{bottom:0;}
.Wboxs{ overflow: hidden; height: 100%;position: relative;}
.Wboxs:after{background: #fff; width: 1px; height: 100%; position: absolute; content:""; left: 50%; top: 0;}


/****WholeSchool***********/
.content1100{ width: 1100px; margin: 0 auto; position:relative; height: auto;}
.WholeSchool{position: relative;}
.bannerInternet{ height: 365px; position: relative; width: 100%;}
.bannerInternet ul{ width: 100%; height: 365px; position: absolute; left: 0px; top: 0px;}
.bannerInternet ul li{ width: 100%; height: 365px;  position:absolute; top: 0; left: 0;display: none; }
.bannerInternet ul li img{ display: block; width: 1920px; position: absolute; left: 50%; margin-left: -960px; top: 0px;}
.bannerInternet ol{ width: 300px; position: absolute; left: 50%; bottom: 25px; margin-left: -554px;}
.bannerInternet ol li{ width: 41px; height: 17px; float: left; background:url(../images/bannerInternet_libg.png); margin-right: 15px; cursor: pointer;transition:all .5s;-webkit-transition:all .5s;}
.bannerInternet ol li.cur{ background:url(../images/bannerInternet_licur.png); width: 41px; height: 17px;}
.bannerInternet ol li:hover{opacity:.5;filter:alpha(opacity=50)}
.index_text_nav { width: 100%; height: 50px; line-height: 50px; background: #40c347;}
.index_text_nav .horn{ height: 17px; width: 17px; background:url(../images/lab_pic.png) no-repeat; display: block;position: absolute; left: 0; top: 17px;}
.index_text_nav strong{ color: #fff; font-weight: bold; margin-left: 44px;}
.index_text_nav span{ color: #fff; font-size: 12px; margin-left: 43px; margin-left: 18px;}
.index_text_nav .more{color: #fff;font-size: 12px;width:87px;height: 20px;background:url(../images/index_more.png);text-align: center;line-height: 20px;display: block;position: absolute;border-radius: 10px;top: 14px;right: 0;text-indent: 0;text-transform: uppercase;transition:all .5s;-webkit-transition:all .5s;}
.index_text_nav .more a{display: block;height: 100%;color: #FFFFFF;}
.index_text_nav .more:hover{opacity:.8;filter:alpha(opacity=80)}

.WholeSchool .schoolInformetion{ height: auto; height: 352px;  overflow: hidden;}
.WholeSchool .schoolInformetion .box{float: left;position: relative;}
.WholeSchool .schoolInformetion .box1{ width: 374px; height: 100%;}
.WholeSchool .schoolInformetion .box1 .title img{vertical-align:middle; margin-right: 15px;}
.WholeSchool .schoolInformetion .box1 article{ color:#fff; line-height: 24px; margin-top:18px; font-size: 12px;}
.WholeSchool .schoolInformetion .box1 .more{ width: 87px; height: 20px; line-height: 20px; background:url(../images/index_more2.png); border-radius: 5px;position: absolute; margin-top: 40px; bottom: 0; transition:all .5s;-webkit-transition:all .5s;}
.WholeSchool .schoolInformetion .box1 .more a{display: block;height: 100%;color: #FFFFFF;}
.WholeSchool .schoolInformetion .box1 .more:hover{opacity:.8;filter:alpha(opacity=80)}
.WholeSchool .schoolInformetion .box1 .more a{display: block; height: 100%; font-size: 14px;text-align: center; color: #FFFFFF;}
.WholeSchool .schoolInformetion .box1 .title>h2{ font-size: 18px;font-weight: 100; line-height: 24px;color: #fff;font-weight: bold;}
.WholeSchool .schoolInformetion .box2 .title>h2{ font-size: 18px;font-weight: 100;line-height: 24px;color: #fff; font-weight:bold;}
.WholeSchool .schoolInformetion .box1 .title>h2 img{ margin-bottom: 3px;}
.WholeSchool .schoolInformetion .box2 .title>h2 img{ margin-bottom: 3px;}

.WholeSchool .schoolInformetion .box2{width:374px; margin-left: 56px;height: 100%} 

.WholeSchool .schoolInformetion .box2 .title img{vertical-align:middle; margin-right: 15px;}
.schoolNotice ul{ margin-top:18px;}
.WholeSchool .schoolInformetion .box2 .schoolNotice ul li{ position: relative; height: 28px; line-height: 28px; text-indent:10px; margin-bottom: 9px; font-size: 14px;}
.WholeSchool .schoolInformetion .box2 .schoolNotice ul li:after{position: absolute;content: ''; width: 3px; height: 1px; left:0px; top:12px; background: #666666; left: 0px;}
.WholeSchool .schoolInformetion .box2 .schoolNotice ul li span{ float: right; height: 28px; line-height: 28px; }
.WholeSchool .schoolInformetion .box2 .schoolNotice ul li.addclass_news:before{ background: url(../images/news_pic.png) no-repeat; height: 8px; width: 8px; position: absolute;right:-5px; top: -5px;content: '';}
.WholeSchool .schoolInformetion .box2 .schoolNotice ul li a{ color:#fff; display: block;height: 100%;}
.WholeSchool .schoolInformetion .box2 .schoolNotice ul li:hover a{color: #009f47 ;}
.WholeSchool .schoolInformetion .box3 { width: 232px; margin-left:59px;}
.WholeSchool .schoolInformetion .box3 .sidebar{ width: 100%;}
.WholeSchool .schoolInformetion .box3 .sidebar ul li{ height: 80px; width: 234px; line-height: 80px; border-radius: 5px; margin-bottom: 7px;position: relative;}
.WholeSchool .schoolInformetion .box3 .sidebar ul li a{display: block; height: 100%;}
.WholeSchool .schoolInformetion .box3 .sidebar ul li:hover img{animation: 1.5s linear 0s normal none 1 running work-btn;-webkit-animation: 1.5s linear 0s normal none 1 running work-btn;transition: all 1.2s ease-out 0s;-webkit-transition: all 1.2s ease-out 0s;}
.LightPink{ border: 1px solid #ffdc69; }
.LightBlue{  border: 1px solid #ffffff; }
.LightGreen{  border: 1px solid #6cff73;}
.LightWello{ border: 1px solid #37c9ff; margin-bottom: 0;}

.LightPink a{color: #e0c579;}
.LightBlue a{color: #fff;}
.LightGreen a{ color: #68f875;}
.LightWello a{ color: #2cade8;}
 
.WholeSchool .schoolInformetion .box3 .sidebar ul li img{vertical-align:middle; margin-left: 36px;}
.WholeSchool .schoolInformetion .box3 .sidebar ul li span{font-size: 18px; position: absolute; top:20px; line-height: 36px; left: 119px;-webkit-transition-duration: .5s;transition-duration: .5s;}

.WholeSchool .department ul li{float: left; text-align:center; line-height: 114px; font-weight: bold; font-size: 30px; color: #fff; text-indent:74px;position: relative; -webkit-transition-duration: .25s; transition-duration: .25s;}
.WholeSchool .department ul li a{display: block; height: 100%; color: #FFFFFF;}
.WholeSchool .department ul li:hover{ margin-top: -10px;}
.WholeSchool .department .primarySchool_img{ background: url(../images/department_pic1.jpg) no-repeat; width: 345px; height: 114px;}
.WholeSchool .department .primarySchool_img:after{position: absolute; content: ''; background: url(../images/yazi.png); width: 156px; height: 72px; top: 10px; left: -53px;}
.WholeSchool .department .juniorMiddleSchool_img{ background: url(../images/department_pic2.jpg) no-repeat; width: 345px; height: 114px; margin: 0 32px;}
.WholeSchool .department .juniorMiddleSchool_img:after{ background:url(../images/gezi2.png) no-repeat; width: 201px; height: 63px; content: '';position: absolute;top: -24px;left: 100px;}
.WholeSchool .department .highSchool_img{ background: url(../images/department_pic3.jpg) no-repeat; width: 345px; height: 114px;}
.WholeSchool .department .highSchool_img:after{background: url(../images/gezi3.png) no-repeat; width: 147px; height: 73px;position: absolute;content: '';top: -20px;right: -30px;}
.WholeSchool .decorate{ width: 100%; height:427px; background:url(../images/qiangz.jpg);margin-top: 30px;}
.WholeSchool .decorate .content1100{ height: 100%;}
.WholeSchool .decorate .content1100 .decorate_pic{ background: url(../images/decorate.png); width: 1016px; height: 392px;position:absolute; bottom: 0;}
.WholeSchool .decorate .yazi2{ background:url(../images/yazi2.png); width: 35px; height: 32px;position: absolute;left: -48px;bottom: 41px;}
.WholeSchool .decorate .yazi3{ background:url(../images/yazi3.png); width:231px; height:107px;position: absolute;right: -157px;bottom: 169px;}
.WholeSchool .bolang{background: url(../images/bulang.png); width: 2119px; height: 71px; position: absolute; bottom:-35px; z-index: 15;display: none;}
.banner_l{ height: 355px; position: relative;}
.banner_l ul li{ position: absolute; top: 0; left: 0; display: none;}
.banner_l ul li img{ display: block;}
.banner_l ol {position: absolute; width: 100%; height: 20px;text-align: center; z-index: 15; bottom: 10px;}
.banner_l ol li{ height: 15px; width: 15px; border-radius: 50%; background: #000;display: inline-block; margin: 0 10px; cursor: pointer; opacity: .5;}
.banner_l ol li.bannerCur{ background:#007aff; opacity: 1;}
.banner_phone{ height: 235px; display: none;}
.banner_phone .swiper-container{ height: 235px}
/*.border{ height: 1px; background: #d6a091; -webkit-transform: rotate(33deg); position: absolute; left: -14px; bottom: 17px; width: 180px;}*/
.tlbgs{ width: 100%; height: 430px;  padding-top: 35px;}
.onShow {  vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.onFocus { vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.onError { vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; background:url(../images/but_off.png);}
.onCorrect { vertical-align: middle; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -ms-transition-duration: 0.5s; background:url(../images/but_no.png)}
#fk2Tip,#fk2Tip,#fk3Tip,#fk4Tip,#fk5Tip,#fk6Tip,#fk7Tip,#fk8Tip,#fk9Tip,#zuoji_phoneTip,#emailTip{width:20px;height:20px;float: left;font-size: 12px;opacity: 0.8; position:absolute;right: -12px;top: 4px;line-height:46px; z-index:1; overflow:hidden; text-indent:100%}


#default{ width: 100%; height: 1000px; position:fixed;  overflow: hidden; z-index: 50; background: #000000; top: 0;}
#default ul{ position: absolute; left: 0px; top: 0px; width: 100%; height: 1000px; -webkit-perspective:500px; perspective:500px; -moz-perspective:500px;}
#default ul li{ width: 100%; height: 100%; position: relative;}
#default ul li .GuidePage_title{position: absolute;left: 50%; top: 32%;transition:all .5s;-webkit-transition:all .5s;opacity:0;filter:alpha(opacity=0)}
#default ul li .GuidePage_text{position: absolute;left: 50%; top: 68%;transition:all .5s;-webkit-transition:all .5s;opacity:0;filter:alpha(opacity=0)}
#default ul li.a1 .GuidePage_title{ background: url(../images/GuidePage_title1.png) no-repeat;width: 732px; height: 434px; margin:-217px 0 0 -366px;transform: translateY(50px);-webkit-transform: translateY(50px);}
#default ul li.a1 .GuidePage_text{ background: url(../images/GuidePage_text1.png) no-repeat; width: 483px; height: 119px;margin: -59.5px 0 0 -241.5px;transform: translateY(50px);-webkit-transform: translateY(50px);}
#default ul li.a2 .GuidePage_title{ background: url(../images/GuidePage_title2.png) no-repeat;width: 732px; height: 434px; margin:-217px 0 0 -366px;transform: translateY(50px);-webkit-transform: translateY(50px);}
#default ul li.a2 .GuidePage_text{ background: url(../images/GuidePage_text2.png) no-repeat; width: 483px; height: 119px;margin: -59.5px 0 0 -241.5px;transform: translateY(50px);-webkit-transform: translateY(50px);}
#default ul li.a3 .GuidePage_title{ background: url(../images/GuidePage_title3.png) no-repeat;width: 732px; height: 434px; margin:-217px 0 0 -366px;transform: translateY(50px);-webkit-transform: translateY(50px);}
#default ul li.a3 .GuidePage_text{ background: url(../images/GuidePage_text3.png) no-repeat; width: 483px; height: 119px;margin: -59.5px 0 0 -241.5px;transform: translateY(50px);-webkit-transform: translateY(50px);}
#default ul li.a4 .GuidePage_title{ background: url(../images/GuidePage_title4.png) no-repeat;width: 732px; height: 434px; margin:-217px 0 0 -366px;transform: translateY(50px);-webkit-transform: translateY(50px);}
#default ul li.a4 .GuidePage_text{ background: url(../images/GuidePage_text4.png) no-repeat; width: 483px; height: 119px;margin: -59.5px 0 0 -241.5px;transform: translateY(50px);-webkit-transform: translateY(50px);}
#default ul li.a5 .GuidePage_text{ background: url(../images/GuidePage_text5.png) no-repeat; width: 577px; height: 542px;  margin-top: -271px; top: 50%;transform: translateY(50px);-webkit-transform: translateY(50px);}
#default ul li.a6 .GuidePage_text{ background: url(../images/GuidePage_text6.png) no-repeat; width: 483px; height: 119px;margin: -59.5px 0 0 -241.5px;transform: translateY(50px);-webkit-transform: translateY(50px);}
#default ul li.a6 .GuidePage_text{ background: url(../images/GuidePage_title6.png) no-repeat; width: 577px; height: 542px;  margin-top: -271px; top: 50%;transform: translateY(50px);-webkit-transform: translateY(50px);}


#default ul li.cur .GuidePage_title{transform: translateY(0px);-webkit-transform: translateY(0px);opacity:1;filter:alpha(opacity=100)}
#default ul li.cur .GuidePage_text{transform: translateY(0px);-webkit-transform: translateY(0px);opacity:1;filter:alpha(opacity=100)}

#default ul li .defaultMore{border: 1px solid #fff; width: 142px; height: 38px; border-radius: 15px;text-align: center; line-height: 38px;opacity:.6;filter:alpha(opacity=60);text-transform: uppercase;position: absolute; left: 50%; margin-left: -72px;color: #fff; bottom: 10%;}
#default ul li .defaultMore:hover{opacity:1;filter:alpha(opacity=100)}
#default ol{ width: 200px; height: 15px; position: absolute; left: 50%; margin-left: -100px; bottom: 15px;}
#default ol li{ width: 10px; height: 10px; float: left; cursor: pointer; background: #FFFFFF; opacity: .2; border-radius: 15px; margin-right: 10px;position:relative; overflow:hidden;transition:all .5s;-webkit-transition:all .5s;}
#default ol li:after{width: 10px; height: 10px; background: #fff; border-radius: 50%;transition:all .5s;-webkit-transition:all .5s;transform: scale(0.1);-webkit-transform: scale(0.1);position: absolute; content: ''; left: 0; top: 0;}

#default li.a1{background:url(../images/bg1.jpg) center;background-size: cover;}
#default li.a2{background:url(../images/bg2.jpg) center;background-size: cover;}
#default li.a3{background:url(../images/bg3.jpg) center;background-size: cover;}
#default li.a4{background:url(../images/bg4.jpg) center;background-size: cover;}
#default li.a5{background:url(../images/bg5.jpg) center;background-size: cover;}
#default li.a6{background:url(../images/bg6.jpg) center;background-size: cover;}

#default li.a6 .defaultMore{ border: 1px solid #00428A; color: #00428A;}
#default ul li.a5 .defaultMore{margin-left: 360px;bottom: 35%;}
#default ol li.cur{opacity:1;filter:alpha(opacity=100)}
#default ol li.cur:after{transform:scale(1);-webkit-transform:scale(1);}
/*************0223***************/
.WholeSchool{ background: url(../images/ggBglans.jpg);}
.WholeSchool .department { margin-bottom: 55px;}
#bigVideo{ width: 100%; position: relative; height: 660px; padding-top: 50px; overflow: hidden; }
#bigVideo .bg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 10;background: url(../images/vodeoBg.png) center; background-size: cover; display: block;}
#bigVideo .container1100{ position: relative; z-index: 20; height: 100%; display: block;}
#bigVideo .container1100 .icon1{ background: url(../images/videoIcon1.png) no-repeat; width: 71px; height: 44px; position: absolute; left: 30px; bottom: 150px;}
#bigVideo .container1100 .icon2{ background: url(../images/videoIcon2.png) no-repeat; width: 77px; height: 101px; position: absolute; right: -199px; bottom: 0px; display: none;}

#bigVideo .title{ font-size: 30px; font-weight: bold; color: #005ba6; text-align: center; height: 65px; line-height: 65px;}
#bigVideo .title:before{ content: ''; background: url(../images/titIocnL.png) no-repeat center; width: 51px; height: 20px; display: inline-block; margin-right: 20px;}
#bigVideo .title:after{ content: ''; background: url(../images/titIocnR.png) no-repeat center; width: 51px; height: 20px; display: inline-block; margin-left: 20px;}
#bigVideo .border{width: 70px; height: 1px; background-color: #a1a1a1; margin: auto;}
#bigVideo video{ width: 100%; height: 99%;overflow: hidden; position: absolute; z-index: 8; top: 0; left: 0;}

.videoList{ width: 100%; height: auto; }
.videoList .listBox{ width: 1100px; height: auto; position: relative; overflow: hidden; margin: 30px auto 0; padding-bottom: 100px;}
.videoList .listBox .list{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.videoList .listBox .btnBox{ overflow: hidden; width: 100%; height: 30px;}
.videoList .listBox .btn{ width: 30px; height: 30px; float: left; background-color: #8c9898; color: #FFFFFF; line-height: 30px; text-align: center;}
.videoList .listBox .btn:last-child{ margin-left: 10px;}
.videoList .listBox .list li{ float: left; width:350px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0px 2% 0 0;  transition-duration: .5s; -webkit-transition-duration: .5s; cursor: pointer; position: relative; height:250px; transition:all .5s;-webkit-transition:all .5s; overflow: hidden;}
.videoList .listBox .list li:nth-child(3n){ margin-right: 0px;}
.videoList .listBox .list li a{display: block; height: 100%; width: 100%;}
.videoList .listBox .list li video{ background-color: #000; width: 100%; height: 250px;}
.videoList .listBox .list li .text{ width: 100%; height: 50px; line-height: 50px;  font-size: 16px;} 
.videoList .listBox .list li .img{transition:all .5s;-webkit-transition:all .5s;}
.videoList .listBox .list li img{ transition:all .5s;-webkit-transition:all .5s; display: block; opacity:.7;filter:alpha(opacity=70)}
.videoList .listBox .list li:hover{ background:url(../images/shipin_bg.jpg); color: #fff;}
.videoList .listBox .list li:hover a{ color: #fff;}
.videoList .listBox .list li:hover img{opacity:1;filter:alpha(opacity=100)}
.videoList .listBox .list li:hover .img{ transform: scale(.98);opacity:1;filter:alpha(opacity=100)}
.videoList .listBox .list li:hover .img:after{opacity:1;filter:alpha(opacity=100)}
.videoList .listBox .list li .img{position: relative; background: #000;}
.videoList .listBox .list li .img:after{position: absolute; top: 0; left: 0; background: url(../images/player_and.png) no-repeat; height: 94px; width: 94px; left: 50%; top: 50%; margin: -47px 0 0 -47px; content: '';transition:all .5s;-webkit-transition:all .5s;opacity:.7;filter:alpha(opacity=70)}




.major{ width: 100%; height: auto;}
.major .list{ width: 100%; height: auto; overflow: hidden;}
.major .list li{ height: auto; font-size: 0px; float: left; position: relative; cursor: pointer;}
.major .list li:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; content: ''; opacity: .5; transition-duration: .5s; -webkit-transition-duration: .5s;} 
.major .list li a{ display: block; width: 100%; height: 100%;}
.major .list li .cont{ width: 80%; text-align: left; position: absolute; left: 10%; top: 30%; color: #FFFFFF;transition-duration: .5s; -webkit-transition-duration: .5s; z-index: 10;}
.major .list li .number{ font-size: 48px;}
.major .list li .border{ width: 62px; height: 2px; margin-top: 40px; background-color: #FFFFFF; margin-bottom: 25px;}
.major .list li .en{ text-transform:capitalize; font-size: 36px;}
.major .list li .ch{ font-size: 30px;}
.major .list li .arrow{ width: 48px; height: 48px; text-align: center; position: relative ; margin-top: 60px;}
.major .list li .arrow:before{ background: url(../images/arrowBg1.png) no-repeat; width:48px; height: 48px; position: absolute; top: 0; left: 0; cursor: pointer; content: ''; transition-duration: .5s; -webkit-transition-duration: .5s;}
.major .list li .arrow img{ position: relative; top: 50%; margin-top: -12px;}
.major .list li:hover .arrow:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.major .list li:hover .cont{ left: 20%; }
.major .list li:hover:after{opacity: 0;}


.bigTit{width:100%;}
html,body{background: url(../images/ggBg.jpg);}
#header{background: url(../images/qiangz.jpg);}
#concept{ position: relative; z-index: 15;}
.nidayede { position: relative; overflow: hidden;}
.niMeideBeiJing1{width: 100%;height: 100%; background-size:100% 100%;display: block;background: url(../images/defautBg1.jpg) center  no-repeat;background-size: cover;position: relative;}
.niMeideBeiJing2{width: 100%;height: 100%; background-size:100% 100%;display: block;background: url(../images/defautBg2.jpg) center  no-repeat;background-size: cover;position: relative;}
.niMeideBeiJing3{width: 100%;height: 100%; background-size:100% 100%;display: block;background: url(../images/defautBg3.jpg) center  no-repeat;background-size: cover;position: relative;}
.niMeideBeiJing4{width: 100%;height: 100%; background-size:100% 100%;display: block;background: url(../images/defautBg4.jpg) center  no-repeat;background-size: cover;position: relative;}
.niMeideBeiJing5{width: 100%;height: 100%; background-size:100% 100%;display: block;background: url(../images/defautBg5.jpg) center  no-repeat;background-size: cover;position: relative;}
.niMeideBeiJing6{width: 100%;height: 100%; background-size:100% 100%;display: block;background: url(../images/defautBg6.jpg) center  no-repeat;background-size: cover;position: relative;}
.nidayede .years1{width: 712px;height: 455px;position: absolute;left: 50%;top: 50%;margin-left: -356px;margin-top: -230px;background: url(../images/yd1.png) no-repeat;transform-origin:top;-webkit-transform-origin:top;transition:all 1.5s;-webkit-transition:all 1.5s;}
.nidayede .years2{width: 486px;height: 425px;position: absolute;left: 50%;top: 50%;margin-left: -243px;margin-top: -250px;background: url(../images/yd2.png) no-repeat;transform-origin:top;-webkit-transform-origin:top;transition:all 1.5s;-webkit-transition:all 1.5s;}
.nidayede .years3{width: 712px;height: 414px;position: absolute;left: 50%;margin-left: -356px;top: 50%;margin-top: -212px;background: url(../images/yd3.png) no-repeat;transform-origin:top;-webkit-transform-origin:top;transition:all 1.5s;-webkit-transition:all 1.5s;}
.nidayede .years4{width: 712px;height: 528px;position: absolute;left: 50%;top: 50%;margin-left: -356px;margin-top: -300px;background: url(../images/yd4.png) no-repeat;transform-origin:top;-webkit-transform-origin:top;transition:all 1.5s;-webkit-transition:all 1.5s;}
.nidayede .years5{width: 580px;height: 550px;position: absolute;left: 50%;margin-left: -100px;top: 50%;margin-top: -275px;background: url(../images/yd5.png) no-repeat;transform-origin:top;-webkit-transform-origin:top;transition:all 1.5s;-webkit-transition:all 1.5s;}
.nidayede .years6{width: 486px;height: 344px;position: absolute;left: 50%;margin-left: -243px;top: 50%;margin-top: -172px;background: url(../images/yd6.png) no-repeat;transform-origin:top;-webkit-transform-origin:top;transition:all 1.5s;-webkit-transition:all 1.5s;}

.nidayede .years1.addclass{transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);}
.nidayede .years2.addclass{transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);}
.nidayede .years3.addclass{transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);}
.nidayede .years4.addclass{transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);}
.nidayede .years5.addclass{transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);}
.nidayede .years6.addclass{transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);}
.tianli_return{ width: 130px; height: 30px; border: 1px solid #fff; border-radius: 15px;text-align: center; line-height: 30px;font-size: 14px;transition:all .5s;-webkit-transition:all .5s;position: fixed; top: 20%; left: 10%; z-index: 20;display: none;}
.tianli_return a{display: block; height: 100%; width: 100%; color: #fff;}
.tianli_return:hover{border-radius: 0;}


.defaultMore{width: 170px;height: 40px;border: 2px solid #fff;line-height: 40px;text-align: center;font-family: arial;text-transform: uppercase;color: #fff;position: absolute;left: 50%;margin-left: -85px;bottom: 85px;border-radius: 5px;opacity:1;-webkit-transition-delay: 0.75s;display: block;z-index: 10;border-radius: 40px;font-weight: bold;}
.dwonArr{width: 111px;height: 40px;position: absolute;left: 50%;margin-left: -55.5px;bottom: 15px;}
.dwonArr1{margin-bottom: -150px !important;}
.dwonArr img{-webkit-animation: downArrAnimate 1s infinite ease; animation: downArrAnimate 1s infinite ease; position: absolute; left: 0px; top: 0px;}


@-webkit-keyframes downArrAnimate {
  0%{ top: 0px; opacity: 1;}
  60%{ top: 10px; opacity: 0;}
  80%{ top: 0px; opacity: 0;}
  100%{ top: 0px; opacity: 0.5;}
}
@keyframes downArrAnimate {
  0%{ top: 0px; opacity: 1;}
  60%{ top: 10px; opacity: 0;}
  80%{ top: 0px; opacity: 0;}
  100%{ top: 0px; opacity: 0.5;}
}
.phone_shows{display: none;}
.pc_shows{display: block;}

.addclassBHO{ height: 100%; width: 100%; overflow: hidden;}
.big_hua{ background: url(../images/big_hua.png) no-repeat; width: 511px; height: 503px; position: absolute; right: -255.5px;top: 806px;z-index: 200;}

/*******3-7*******/
.tianli_qp{ height: 100%;}
.jiaozi_bg{ background: url(../images/bg_banner_japz.jpg) top; background-size: 100% 100%;}
.nidayede{ text-align: center; z-index: 15;}
.container_ben{ position: relative;}
.bg_tianli{ position: absolute; top: 0; left: 0; width: 100%;}
.bg_tianli ul li{display: none; top: 0; display: none;}
.jiaozi_text1{margin-top: 10%;}
.jiaozi_text2{margin-top: 10%;}
.jiaozi_text3{margin-top: 5%;}
.jiaozi_text4{margin-top: 10%;}
.jiaozi_text5{margin-top: 2%;}
.mingd_text1{ margin-top: 5%;}
.mingd_text2{margin-top: 5%;}
.mingd_text3{margin-top: 5%;}
.mingd_text4{margin-top: 5%;}
.mingd_text5{margin-top: 5%;}
.liji_text1{margin-top:3%}
.liji_text2{margin-top:10%}
.liji_text3{margin-top:10%}
.liji_text4{margin-top:10%}
.liji_text5{margin-top:10%}
.tianli_text1{ margin-top: 10%;}
.tianli_text2{margin-top: 7%;}
.tianli_text3{margin-top: 10%;}
.tianli_text4{margin-top: 3%;}
.tianli_text5{margin-top: 3%;}
.tianli_text6{margin-top: 5%;}
.tianli_text7{margin-top: 5%;}
.tianli_text8{margin-top: 4%;}




@media only screen and (max-width:1600px ) {
    #highSchool .notice .ggList li{ margin-right: 5% !important;}
    #highSchool .lifeBox .right .teamList li .textBox .more{ right: 6%; left: auto;}
}
@media only screen and (max-width:1440px ) {
    #highSchool .notice .ggList li{ margin-right: 2% !important;}
    #highSchool .notice .ggList{ margin-left: 2% !important; width: calc(100% - 250px - 4%);}
    #highSchool .imgTit .left .tit{ top: 10%;}
    .nidayede>img{ width: 900px;}
    .jiaozi_text1{margin-top:2%;}
	.jiaozi_text2{margin-top: 1%;}
	.jiaozi_text3{margin-top: 1%;}
	.jiaozi_text4{margin-top: 10%;}
	.jiaozi_text5{margin-top: 1%; width: 800px !important;}
	.mingd_text1{margin-top: 1%;}
	.mingd_text4{ width: 800px; margin-top: 1%;}
	.tianli_return{ left: 2%;}
	.mingd_text4 { width: 800px; margin-top: 1%;}
	.mingd_text5{ margin-top: 3%;}
	.liji_text1{ width: 800px !important; margin-top: 2%;}
	.liji_text2{margin-top: 2%;}
	.liji_text3{margin-top: 2%;}
	
	.liji_text4{margin-top: 2%;}
	.liji_text5{margin-top: 2%;}
	.tianli_text1{ margin-top: 5%;}
	.tianli_text2{ width: 800px !important; margin-top: 2%;}
	.tianli_text3{ width: 800px !important; margin-top: 2%;}
	.tianli_text4{ width: 800px !important; margin-top: 2%;}
	.tianli_text5{ width: 800px !important; margin-top: 2%;}
	.tianli_text6{ width: 800px !important; margin-top: 2%;}
	.tianli_text7{ width: 800px !important; margin-top: 2%;}
	.tianli_text8{ width: 800px !important; margin-top: 2%;}
}
@media only screen and (max-width:1366px ) {
    #highSchool .notice .ggList li{ float: none; overflow: hidden; margin-bottom: 4%; margin-left: 10%;}
    #highSchool .notice .ggList{ width: calc(100% - 250px - 4%);}
    #highSchool .imgTit .left .tit{ top: 5%;}
}
@media only screen and (max-width:1000px ) {
    #highSchool .imgTit .left .tit{width: 60%; left: 20%;}
    #highSchool .imgTit .right li .tit{ top: 15%;}
    #highSchool .achievement .achievementList li .name{ font-size: 24px;}
    #highSchool .achievement .achievementList li .school{font-size: 20px;}
    #highSchool .achievement .achievementList li .school span{ font-size: 16px;}
}
@media (max-width:1024px ) and (min-width:768px ) {
	.nidayede{ margin-bottom: 25px;}
	.nidayede > img{ width: 90% !important; margin: 0 auto;}
}
@media only screen and (max-width:640px ) {
	.nidayede{ margin-bottom: 25px;}
	.nidayede > img{ width: 90% !important; margin: 0 auto;}
	.nidayede .years1,.nidayede .years2,.nidayede .years3,.nidayede .years4,.nidayede .years5,.nidayede .years6{ position:relative;transform: rotateX(0deg) !important;-webkit-transform: rotateX(0deg) !important; top: 0; margin-top: 0}
	.niMeideBeiJing5,.niMeideBeiJing6{ width:640px; height: 296px; left: 50%; margin-left: -320px;}
	.nidayede .years5{background-size: 100% 100%; width: 350px; height: 331px; top: 50%;margin-top: -165.5px;}
	.nidayede .years6{ background-size:100% 100%;width: 350px; height: 247px; top: 50%; margin-top: -123.5px;}
	
	.banner_phone,#phHeader{ display: block;}
	.pc{ display: none;}
	.nav_sec .container1100{ width: 100%; overflow: hidden;}
	.nav_sec{ height: auto;}
	.nav_sec ul li:after{ display: none;}
	.nav_sec ul{ width: 100%;}
	.nav_sec ul:before{ width: 50%; content: ''; height: 50px; display: block; float: left;}
	.nav_sec ul li,.nav_sec .title{ width: 50%;}
	.nav_sec .title{ position: absolute; top: 0; left: 0; z-index: 10; font-size: 24px;}
	#pHfooter{ display: block;}
	#highSchool .notice .title{ float: none; padding-left: 0;}
	#highSchool .notice .title .text{ float: none; margin: auto;}
	#header,#highSchool .notice .title .icon{display: none;}
	#phHeader{ display: block;}
	#highSchool .notice .ggList{ width: 100% !important; margin: 10% 0 0 0 !important;}
	#highSchool .notice .ggList .imgs{  float: none; width: 100px; margin:0 auto 5%;}
	#highSchool .notice .ggList .imgs img{  width: 100%;  }
	#highSchool .notice .ggList .textBox{ width: 94%; margin: 0 auto 5%; float: none;}
	#highSchool .notice .ggList li{ margin-left: 0; width: 100%;}
	#highSchool .notice .ggList .tit{ text-align: center;}
	#highSchool .notice .ggList .time{ text-align: center;}
	#highSchool .notice .ggList .text{ text-align: center;}
	#highSchool .imgTit .left{ width: 100%;}
	#highSchool .imgTit .left .tit{ top: 10%;}
	#highSchool .imgTit .right{ width: 100%;}
	#highSchool .imgTit .right li .tit{ width: 60%; left: 20%; margin-left: 0; top: 25%;}
	#highSchool .lifeBox .container{ width: 96%;}
	#highSchool .lifeBox .left{width: 100%; margin-left: 0; float: none;}
	#highSchool .lifeBox .right{width: 100%; float: none; text-align: center;}
	#highSchool .lifeBox .title img{ width:90%;}
	#highSchool .lifeBox .container{ overflow: auto;}
	#highSchool .lifeBox .bg{ display: none;}
	#highSchool .lifeBox .title img{ left: 0;}
	#highSchool .lifeBox .right .title img{ left: 0;}
	#highSchool .lifeBox .left .textBox .text,#highSchool .lifeBox .right .teamList li .textBox .text{ display: none;}
	#highSchool .lifeBox .right .teamList li .textBox .more{ display: none;}
	#highSchool .lifeBox .right .teamList li .imgBox{ width: 30%;}
	#highSchool .lifeBox .right .teamList li .textBox{ width: 65%;}
	#highSchool .lifeBox .right .teamList li .textBox .tit{ text-align: left;}
	#highSchool .lifeBox .right .pageBox{ display: inline-block; width: auto; }
	#highSchool .achievement .title{ width: 90%; margin: auto;}
	#highSchool .achievement .title img{ width: 100%;}
	#highSchool .achievement .achievementList li{ float: none; width: 100% !important;}
	#highSchool .zy .container1100{ width: 94%; margin: auto;}
	#highSchool .zy .title{ font-size: 24px;}
	#highSchool .zy .title .en{ font-size: 14px;}
	#highSchool .achievement .achievementList li:nth-child(n+2),#highSchool .achievement .achievementList li:nth-child(n+2) .imgs,#highSchool .achievement .achievementList li:nth-child(n+2) .text{ position: relative; left: 0 !important;}
	#footer{ display: none;}
	#phHeader .phLogo{ top: 22px; left: 5px; margin-top: -16px;}
	.content1100{ width: 100%; overflow: hidden;}
	.WholeSchool .schoolInformetion .box{ width: 96%; float: none; margin:  15px auto;}
	.tlbgs,.WholeSchool .schoolInformetion{ height: auto; padding-top: 0;}
	.WholeSchool .schoolInformetion .box3 .sidebar ul li{ margin: 0 auto 7px; float: none;}
	.WholeSchool .department{ overflow: hidden;}
	.WholeSchool .department ul li{ margin: 0 auto !important; float: none;}
	.WholeSchool .decorate .content1100 .decorate_pic{ width: 320px; left: 50%; margin-left: -160px; background-size: 100% 100%; height: 122px;}
	.WholeSchool .decorate{ height: 127px;}
	.WholeSchool{ overflow: hidden;}
	#pHfooter a{ color: #fff;}
	#pHfooter .sm{text-align: left;text-indent: 50px;}
	.WholeSchool .text_nav .content1100{ color:#E5E5E5;}
	.bannerInternet{ height: 225px;width:600px;position: relative; left: 50%; margin-left: -300px;display: none;}
	.bannerInternet ul{ width: 100%; height: 100%;position: relative;}
	.bannerInternet ul li{position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
	.bannerInternet ul li img{height: 100%; width: 100%; margin: 0; left: 0;}
	.bannerInternet ol{ width: 100%; margin-left: 0; bottom: 10px;text-align: center;}
	.bannerInternet ol li{display: inline-block;}
	#masterBox img{ margin-right: 17px;}
	.container1100{ width:96%; margin: 0 auto;}
	#aboutUs .left .title{ height: auto;}
	#apply .tabBox.tb1 .lineTit{display: block;float:none !important;}
	#aboutUs .left .title .logo{float: none; margin-right: 0; padding-right: 0;}
	.bigTit{ width: 100%;}
	#aboutUs .left{ width: 100%; float: none;}
	#aboutUs .right{float: none; margin: 24px auto;}
	#aboutUs .left .text{ padding-bottom: 30px;}
	#apply .left{ width: 100%; float: none;}
	#apply .tabBox{ height: auto !important; width: 99%;}
	#apply .tabBox.tb2 .lineTit{display: block;}
	#apply .tabBox p{display: block; overflow: hidden;position:relative;}
	#apply .tabBox.tb2 .inputBox{ display: block; width: 98%;float: right;}
	#apply .red{float: left;position: absolute;}
	#brand .ov_h .left{ width: 60%; margin: 0 auto; height: auto;float: none;}
	#brand .ov_h .left:after{display: none;}
	#brand .ov_h .right{ width: 98%; float: none; margin: 15px auto;}
	#brand .csr{ width: 100%; height: auto;}
	#brand .csr:after{display: none;}
	#brand .csr .csrBox .textBox{ width: 100%; height: auto; float: none;}
	#brand .csr .csrBox .pic{ width: 100%;height: auto; float: none;}
	#brand .csr .csrBox .job{ width: 100%; height: auto;}
	#brand .csr .csrBox .job img{ width: 100%;}
	#brand .csr .csrBox .textBox .title img{ margin-top: 35px; width: 80%;}
	.csrPic {top: -90px;}
	#brand .tianzhijiaoz .jiapoz_lis ul{ width: 100%;}
	#brand .tianzhijiaoz .jiapoz_lis ul li{ margin: 0 auto 15px; width: 90%; padding: 5px;}
	#brand .tianzhijiaoz .jiapoz_lis ul li.righ_y{margin: 0 auto 15px;}
	#brand .tianzhijiaoz .jiapoz_lis ul li article{ height: 65%; overflow: hidden; width: 70%;}
	.Wboxs:after{display: none;}
	#brand .tianzhijiaoz .jiapoz_lis .btn_lin_T{top: -48px;}
	#brand .tianzhijiaoz .jiapoz_lis .btn_lin_B{ bottom: -48px;}
	#Commonproblem .faqBox{ width: 100%; height: auto;}
	#Commonproblem .faqList li .hideBox{display: block;}
	#Commonproblem .faqList li .tit{ overflow: hidden; height: auto;}
	#Commonproblem .faqList li .text{ margin-left: 26px;    height: auto;line-height: 36px;}
	#Commonproblem .faqList li .yuan{ top: 27px;}
	#Commonproblem .faqList li .time{ height: auto; font-size: 16px;}
	#Commonproblem .pageBox{ bottom: -50px;}
	#cookbook .cookbookList{ width: 98%;}
	#feature .left{width: 100%;float: none;}
	#feature .featureList li{  width: 96%; margin: 0 auto 15px;}
	#feature .featureList .textBox .more{position: relative; bottom: 0;}
	#feature .featureList .textBox{width: 100%; float: none;}
	#feature .featureList .imgBox{ width: 270px; margin:5px auto;float: none; display: none;}
	#feature .featureList .imgBox img{ width: 100%;}
	.nav_right{margin:15px auto ; float: none;}
	.contLeft{ width: 100%; float: none;}
	#ManagementTeam .teamBox{ height: 100%;}
	#ManagementTeam .teamBox .listBox{ width: 100%;}
	#ManagementTeam .teamBox .teamList{ width: 100%; height: auto;}
	#ManagementTeam .teamBox li{ margin: 15px auto 0; float: none;position: relative; height: auto; width: 96% !important;}
	#ManagementTeam .teamBox .hideBox{ top: 0; width: 100%;  padding: 10px; height: auto;display: block;position: relative;}
	#ManagementTeam .teamBox .btn{display: none;}
	#principal .big .imgs{ width: 100%; float: none;}
	#principal .big .imgs img{ width: 100%;}
	#principal .big:after{display: none;}
	#principal .big .textBox{ float: none; width: 90%; margin: 15px auto;}
	#principal #container .bg1{display: none;}
	#principal .saml{ width: 100%; margin:15px auto;}
	#principal #container{ padding-bottom: 55px;}
	#principal .saml .lp{ right: 12px;}
	#qualifications .left{ width: 100%; float: none;}
	#qualifications .box1 .imgs{ width: 300px; margin: 15px auto;float: none; height: auto;}
	#qualifications .box1 .textBox{ width: 96%; float: none; margin: 15px auto;}
	#qualifications .box1{ margin-bottom: 25px;}
	#qualifications .ov_h{ padding-bottom:55px;}
	#recruit .ov_h .left{ width: 100%; float: none;}
	#recruit .recruitList .tit{ height: 45px;}
	#recruit .recruitList .tit>span{ height: 45px; display: block; float: left;}
	#recruit .recruitList .tit>span:nth-child(1){ line-height: 22px;}
	.ov_h{ margin-top: 0;}
	#scene .imgList{transform: scale(.4);-webkit-transform: scale(.4); margin-left: -403px; left: 50%; float: none; margin-top: 0;}
	#scene .textList{ width: 100%;float: none; margin:-80px auto 0;}
	#schoolmagazine .listBox{ width: 100%;}
	#schoolmagazine .listBox .bookList{text-align: center;}
	#schoolmagazine .listBox .bookList li{ width: 16%;display: inline-block; margin: 0 2% 15px!important;}
	#Studentmanagement .left{ width: 100%; float: none; margin-bottom: 55px;}
	#Studentmanagement .right{display: none;}
	#tution .left{ width: 100%; float: none;}
	#tution .tab{text-align: center;}
	#tution .tab img{ width: 98%; }
	.xzgg{ width: 100%;}
	.xzgg .hot .pic{ width: 100%; height: auto;float: none;}
	.xzgg .hot .summary{ width:98%; margin: 0 auto; float:none; height: auto;}
	.xzgg .hot .summary .more{ bottom: -20px;}
	.xzgg .news_list ul li .summary{ width: calc(100% - 90px);}
	.xzgg .news_list ul li .summary article{display: none;}
	#concept .left{ float: none; margin: 25px auto;}
	#concept .ov_h .right{ width:98%; float: none; margin: 15px auto !important; padding-bottom: 15px; width: 98%;} 
	#apply .tabBox .bd .input_user span{ margin-left: 0 !important; margin-bottom: 10px;}
	#apply .tabBox .bd{ margin-top: 5px; margin-bottom:5px;}
	#apply .tabBox .bd .title{text-align:left !important;float: none; width: 100%; margin-bottom: 10px;}
	#apply .tabBox .bd .input_user span input.jiachang{ width: 158px;}
	#apply .tabBox .bd .bd_dobu .input_user .duan_input{ margin-right: 5px;}
	#apply .tb3 p{ width: 95%; margin: 0 auto;}
	#apply .btnBox{ float: none;}
	#apply .tb4 {text-align: center;}
	#apply .tb4 input{display: inline-block;float: none; margin: 0 2%;}
	#recruit .recruitList li .hideBox{display: block;}
	#recruit .recruitList li.cur .tit{ background:#f3f3f3;}
	#brand .tianzhijiaoz .jiapoz_lis{ margin-top: 25px; height: auto;}
	#brand .tianzhijiaoz{ height: auto;}
	.WholeSchool .schoolInformetion .box1 .more{ margin-top: 5px;position:relative;}
	#bigVideo{display: none;}
	.major .list li{ width: 100% !important; float: none !important;}
	.major .list li .cont{top:auto; bottom: 0;}
	.videoList .listBox{ width: 100%;}
	.videoList .listBox .list li{ width: 98%; margin: 0 auto; float: none;}
	.videoList .listBox .list li img{ width: 100%}
	#aboutUs .left .title .logo img{ width: 78.5px; height: 20px;}
	#principal .big .lp{ right: 12px;}
	#guide .guideList li{width:96%;float: none; margin: 0 auto !important;}
	#guide .guideList li .hideBox{height: auto !important;width: 92% !important;padding: 15px 4% !important; margin-top: 0;}
	.WholeSchool .schoolInformetion .box1 article img{ width: 100%;}
	#apply .red{left: 0;}
	.niMeideBeiJing1,.niMeideBeiJing2,.niMeideBeiJing3,.niMeideBeiJing4{display: none;}
	.niMeideBeiJing5{background: no-repeat;}
	.niMeideBeiJing6{background: no-repeat;}
	.nidayede .years1{background-size: 100% 100%; width: 300px; height: 192px; margin-left: -150px;}
	.nidayede .years2{background-size: 100% 100%; width: 300px; height: 262px; margin-left: -150px;}
	.nidayede .years3{background-size: 100% 100%; width: 300px; height: 174px; margin-left: -150px;}
	.nidayede .years4{background-size: 100% 100%; width: 300px; height: 222px; margin-left: -150px;}
	.nidayede .years5{ top: 0; margin: 0 auto; left: 0; width: 300px;}
	.nidayede .years6{ width: 244px; height: 172px; margin: 0 0 0 -122px;}
	#concept{ padding-top: 50px;}
	.nidayede{ height: auto !important;}
	.nidayede #container{ height: auto !important;}
	#waterfull .masonry{ margin: 0 auto; width: 96% !important;}
	#waterfull .masonry li{ width: 100% !important;}
	.phone_shows{display: block;}
	.pc_shows{display:none;}
	.major .list li a>img{ width: 600px !important; height: auto; position: relative; left: 50%; margin-left: -300px;}
	.big_hua{display: none;}
	
}
/*****************************/
.ray_btn{width:30px; height:30px; float:left;}
.ray_left{cursor: pointer; background: url(../images/left.png) no-repeat;margin-right:20px;}
.ray_right{ background: url(../images/right.png) no-repeat;}

#header #search{position: absolute;top: 70px;right: 0;}
#header #search input{line-height: 28px;font-size: 14px;}
#header #search .searchInput{border: 1px solid #0093ff;padding: 0 10px;}
#header #search #submit{ position: absolute;top: 0;right: 0;width: 28px;height: 100%;border-left: 1px solid #ccc;background: url(../images/fdj2.png) no-repeat center center;background-color: #0093ff;background-size: 60%;cursor: pointer;}