@charset "utf-8";




#subConts{width: 1200px; margin: 50px auto 100px auto; display: table;}
#subConts>li{float: left;}





/*-----left-----*/
.lnb{width: 250px; display: table;}
.lnb h2{height: 120px; line-height: 120px; font-size: 32px; color: #111; text-align: center; background: url(../images/bg_leftTitle.jpg) no-repeat; margin: 0; letter-spacing: -2px;}
.lnb>div{width: 100%; display: block;}
.lnb>div>a{height: 50px; line-height: 50px; font-size: 16px; color: #333; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 0 25px; display: block;}
.lnb>div>a.on{background: #1f3d0f; color: #fff; border: 0;}
.lnb>div>a:hover{background: #1f3d0f; color: #fff; border: 0; transition: all 0.5s;}
.lnb>div>a>i{float: right; line-height: 50px;}




/*-----right-----*/
.contsWrap{width: 900px; margin-left: 50px; display: block;}

.title{width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; margin-bottom: 50px;}
.title>h2{font-size: 32px; line-height: 70px; color: #111; margin: 0; display: inline-block;}
.location{float: right;}
.location>li{float: left; font-size: 12px; line-height: 70px; color: #aaa;}
.location>li+li{margin-left: 15px;}

.contents{width: 100%; min-height: 650px; line-height: 1.8; color: #333;}

.contents h3{font-size: 24px; font-weight: 600; line-height: 1; color: #111; margin-bottom: 15px !important; display: block; border-left: 5px solid #7ec15c; box-sizing: border-box; padding-left: 10px;}
.contents h4{font-size: 18px; font-weight: 600; line-height: 1; color: #1d6c59; margin-bottom: 10px !important;}



/*sub common*/
.sub_numbering{width: 100%; border: 1px solid #ccc; border-radius: 10px; padding: 25px 50px; box-sizing: border-box;}
.sub_numbering>li{padding: 10px 0;}
.sub_numbering>li+li{border-top: 1px dashed #dcdcdc;}
.sub_numbering>li>span{width: 35px; border-radius: 20px; background: #eee; font-weight: 600; padding: 5px 0; text-align: center; margin-right: 10px; display: inline-block;}



/*sub1*/
.sub1_office{width: 100%; display: block;}
.sub1_office>img{width: 100%;}

.map{width: 100%; height: 400px; background: #f1e6e4; display: block;}
.mapinfo{width: 100%;}
.mapinfo th{width: 150px; padding-top: 50px;}
.mapinfo th>span{width: 100px; height: 100px; border-radius: 50px; text-align: center; line-height: 100px; font-size: 42px; color: #fff; display: inline-block;}
.mapinfo th>span.address{background: #ff5a5e;}
.mapinfo th>span.subway{background: #42c9cf;}
.mapinfo th>span.bus{background: #7e65c1;}
.mapinfo th>span.time{background: #3b9acb;}
.mapinfo td{padding-top: 50px;}
.mapinfo td>strong{font-size: 18px; display: block; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px;}
.mapinfo td>div{padding-top: 10px; display: block;}
.mapinfo td>ul{width: 100%; padding-top: 10px; display: block;}
.mapinfo td>ul>li{float: left; width: 50%;}






/*sub2*/
.sub2_stairs{width: 100%; text-align: center; display: block;}
.sub2_stairs>img{width: 50%;}

.sub2_how>li>span{width: 100px;}

.sub2_school{width: 100%; border: 1px solid #ddd; border-radius: 10px; padding: 50px; box-sizing: border-box; margin-top: 10px; display: block;}
.sub2_school>img{width: 100%;}

.history{width: 100%; display: block;}
.history th{width: 130px; font-size: 24px; font-weight: 600; background: url(../images/bg_history.gif) right top repeat-y; position: relative; padding: 10px 0; font-weight: normal; vertical-align: top;}
.history th>img{position: absolute; right: 0; top: 23px;}
.history td{padding: 10px 0;}
.history td.date{text-align: center; width: 150px; font-weight: 600;}

.sub2_photo{width: 100%; text-align: center; margin-bottom: 10px; display: block;}
.sub2_photo>img{height: 223px; border-radius: 10px;}
.sub2_photo2>img{height: 335px;}
.sub2_international{width: 100%; display: table;}
.sub2_international>li{width: 100%; border: 1px solid #ccc; border-radius: 10px; padding: 25px; box-sizing: border-box;}
.sub2_international>li+li{margin-top: 10px;}


/*sub3*/
.sub3_rol{width: 100%; background: #f3f9ed; border-radius: 10px; padding: 50px; box-sizing: border-box; text-align: center; margin-top: 10px; display: table;}
.sub3_rol strong{font-size: 24px; color: #1d6c59; display: block;}
.sub3_rol>li+li{margin-top: 10px;}
.sub3_rol>li>div{text-align: left; margin: 25px auto 0 auto; border: 1px solid #c6d1c1; padding: 25px; border-radius: 10px; display: table;}
.sub3_rol span{width: 120px; border-radius: 20px; padding: 5px 0; background: #7aab01; color: #fff; text-align: center; margin-right: 10px; display: inline-block;}
.sub3_rol div>div+div{margin-top: 5px;}

.sub3_steps{width: 100%; margin-top: 10px; display: table;}
.sub3_steps>li{float: left; width: 30%;}
.sub3_steps>li:nth-child(2n){width: 5%; height: 260px; line-height: 260px; text-align: center;}
.sub3_steps>li>div>div{height: 260px; line-height: 200px; border: 1px solid #ccc;  border-radius: 10px; padding: 25px; box-sizing: border-box; text-align: center; margin-bottom: 10px;}
.sub3_steps>li>div>div>img{width: 75%; margin: 0;}
.sub3_steps strong{text-align: center; display: block;}

.sub3_cell>li>span{width: 100px;}

.sub3_notice p{padding-left: 50px;}



/*sub4*/
.sub4_info{width: 100%; display: block;}
.sub4_info>div{width: 100%; height: 133px; display: block;}
.sub4_info>div+div{margin-top: 10px;}
.sub4_info>div>ul{width: 100%; display: table;}
.sub4_info>div>ul>li{float: left;}
.sub4_info>div>ul>li:nth-child(1){width: 200px; height: 133px; border-radius: 10px; text-align: center; color: #fff; font-size: 18px; font-weight: 600; margin-right: 25px; box-sizing: border-box;}
.sub4_info li.type1{padding: 52px 0;}
.sub4_info li.type2{padding: 35px 0;}
.sub4_info>div>ul>li:nth-child(2){width: 675px; box-sizing: border-box;}
.sub4_info li.txt1{padding: 54px 0;}
.sub4_info li.txt2{padding: 41px 0;}
.sub4_info li.txt3{padding: 29px 0;}
.info1{background: url(../images/img_sub41_01.jpg) no-repeat; background-size: contain;}
.info2{background: url(../images/img_sub41_02.jpg) no-repeat; background-size: contain;}
.info3{background: url(../images/img_sub41_03.jpg) no-repeat; background-size: contain;}
.info4{background: url(../images/img_sub41_04.jpg) no-repeat; background-size: contain;}
.info5{background: url(../images/img_sub41_05.jpg) no-repeat; background-size: contain;}
.info6{background: url(../images/img_sub41_06.jpg) no-repeat; background-size: contain;}
.info7{background: url(../images/img_sub41_07.jpg) no-repeat; background-size: contain;}
.info8{background: url(../images/img_sub41_08.jpg) no-repeat; background-size: contain;}



/*tab*/
.tab{width: 100%; display: table; margin-bottom: 50px;}
.tab>li{float: left; height: 60px; line-height: 62px;}
.tab>li>a{width: 100%; height: 100%; text-align: center; box-sizing: border-box; font-size: 18px; color: #333; display: block; background: #f3f9ed;}
.tab>li>a:hover{background: #fff; border: 1px solid #ccc; transition: all 0.5s;}
.tab>li>.on{background: #fff; border: 1px solid #ccc;}
.tab2>li{width: 50%;}
.tab5>li{width: 20%;}



/*list*/
.list{width: 100%; border-top: 2px solid #333;}
.list th{border-bottom: 1px solid #737373; text-align: center; color: #333; height: 50px; line-height: 50px; background: #f9f9f9;}
.list td{border-bottom: 1px solid #ccc; padding: 10px; box-sizing: border-box; text-align: center;}
.list td>a{color: #666;}
.list2 th+th{border-left: 1px solid #ccc;}
.list2 td+td{border-left: 1px solid #ccc;}
.list2 td:nth-child(1){border-right: 1px solid #ccc;}
span.ing{color: #fff; background: #7ec15c; width: 60px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; display: inline-block;}
span.done{color: #fff; background: #aaa; width: 60px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; display: inline-block;}
span.button{color: #fff; background: #1f3d0f; width: 60px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; display: inline-block;}



/*page*/
.pageWrap{width: 100%; text-align: center; margin-top: 25px;}
.pageWrap a{width: 35px; height: 35px; line-height: 35px; text-align: center; margin: 0 3px; border: 1px solid #ddd; color: #aaa; display: block;}
.pageWrap a:hover{color: #153450; font-weight: 600;}
.pageWrap table{margin: 0 auto;}
.pageWrap th>a:hover{background: #153450; color: #fff; border: 1px solid #695848;}
.pageWrap td>a:hover{border-bottom: 2px solid #153450;}
.pageWrap td>a.on{border-bottom: 2px solid #153450; font-weight: 600; color: #7d0037;}



/*search*/
.search{width: 100%; text-align: center; margin-top: 25px; line-height: 35px;}
.search select{width: 100px; height: 35px; display: inline-block; vertical-align:middle !important;}
.search input{height: 35px; line-height: 35px; display: inline-block; vertical-align:middle !important;}
.search a{width: 70px; height: 35px; line-height: 35px; color: #fff !important; text-align: center; background: #5d5b60;  vertical-align:middle !important; left: 2px; display: inline-block;}



/*view*/
.view{width: 100%; border-top: 2px solid #333; border-bottom: 1px solid #333; display: block;}
.view>li{width: 100%; padding: 15px; box-sizing: border-box; display: table;}
.view>li.title{font-size: 24px; line-height: 1.4; color: #333; padding: 25px 15px 20px 15px; box-sizing: border-box; text-align: center; margin: 0;}
.view>li.info{border-top: 1px solid #eee; border-bottom: 1px solid #ccc;}
.view>li.info>span{width: 49.6666%; font-size: 14px; line-height: 1; display: inline-block;}
.view>li.cont{padding: 30px 15px; box-sizing: border-box;}
.view>li.cont>img{max-width: 100%; margin: 0 auto 20px auto !important; display: block;}
.view>li.newsletter{height: 800px; padding: 30px 15px; box-sizing: border-box; text-align: center; position: relative;}
.view>li.newsletter>img{height: 100%;}
.view>li.newsletter>a{font-size: 72px; color: #ccc; position: absolute;}
.view>li.newsletter>a:hover{transition: all 0.5s; color: #333;}
.view>li.newsletter>a.prev{top: 50%; margin-top: -45px; left: 15px;}
.view>li.newsletter>a.next{top: 50%; margin-top: -45px; right: 15px;;}

.view a.file{text-decoration: underline !important; color: #666;}
.view div.sns{float: right;}
.view div.sns>a>img{width: 25px;}
.view div.sns>a+a{margin-left: 5px;}



/*gallery*/
.gallery{width: 100%; border-top: 2px solid #333;}
.gallery td{width: 25%; border-bottom: 1px solid #ccc; text-align: center; padding: 15px 10px 10px 10px; box-sizing: border-box;}
.gallery td>a{color: #333;}
.gallery td>a>p{width: 100%; padding-top: 10px; text-align: center; display: block;}



/*btn*/
.btnWrap{width: 100%; margin-top: 25px; display: block;}
.btnWrap>a{display: inline-block;}
.btn{width: 100px; height: 35px; background: #1f3d0f; color: #fff !important; text-align: center;}
.btnPn{float: left;}

/*layer popup 20210217Γί°‘*/
.layer{position: absolute; top: 500px; left: 50%; margin-left: -150px; width: 300px; height: 120px; background: #e7eee1; padding: 30px; box-sizing: border-box; text-align: center;}
.layer strong{display: block;}
.layer input{width: 150px;}
.layer a{width: 50px; height: 30px; background: #333; color: #fff !important; font-size: 12px; line-height: 30px; display: inline-block;}