@font-face {

    font-family: akrobatblack;

    src: url(../fonts/akrobat-black-webfont.woff2) format('woff2'), url(../fonts/akrobat-black-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: melbourne;

    src: url(../fonts/melbourne_bold-webfont.woff2) format('woff2'), url(../fonts/melbourne_bold-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}





@font-face {

    font-family: rbno;

    src: url(../fonts/rbno2light-webfont.woff2) format('woff2'), url(../fonts/rbno2light-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}

.single{

	padding: 20px;

	font-size: 14px;

	line-height: 1.7;

	color: #fff;

}

.jz_list{

	width: 100%;

	height: auto;

	overflow: hidden;

}



.jz_list ul li{

	width: 32%;

	height: auto;

	position: relative;

	float: left;

	margin-right: 2%;

	margin-bottom: 25px;

	overflow: hidden;

}

.jz_list ul li .about-img{

	width: 100%;

	height: auto;

	position: relative;

	overflow: hidden;

}

.jz_list ul li .text{

	width: 100%;

	height: auto;

	position: absolute;

	left: 0px;

	bottom: 0px;

	padding: 20px;

	background: #086bb9;

	color: #fff;

	-webkit-transition: all .5s;

	-webkit-transform: translateY(100%);

}

.search_list{

	margin-top: 15px;

}

.search_list ul li{

	border-bottom: 1px solid rgba(0,0,0,.1);

	background: #fff;

	padding: 15px;

	margin-bottom: 15px;

}

.search_list ul li a{

	

	line-height: 50px;

	position: relative;

	    display: flex;

	    justify-content: space-between;

}

.search_list ul li a span{

	width: 80px;

	opacity: .7;

}

.scResult{
    width: 300px;
    height: auto;
    background: #035ea3;
    color: #fff;
    font-weight: 700;
    text-indent: 45px;
    font-size: 20px;
    line-height: 40px;
    position: relative;
}
.scResult:after{
    width: 25px;
    height: 25px;
    position: absolute;
    left: 10px;
    top: 7.5px;
    background: url(../images/result_icon.png) no-repeat;
    background-size: cover;
    content: '';
}
.resultTips {
    width: 100%;
    height: auto;
    line-height: 40px;
    font-size: 14px;
}
.resultTips span {
    color: #e10101;
    padding: 0 3px;
    font-weight: 700;
}

.noData{
    width: 100%;
    height: 40vh;
    position: relative;

	display: none;
}
.noData.active{
    display: block;
}
.noData p{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    color: rgba(0,0,0,.5);
    font-size: 16px;
    margin-top: 50px;
}
.noData:before{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background: url(../images/no_data.png) no-repeat;
    background-size: cover;
    content: '';
    
}

.jz_list ul li:hover .text{

	-webkit-transform: translateY(0%);

	font-size: 14px;

	line-height: 1.7;

}

.jz_list ul li:nth-child(3n){

	margin-right: 0%;

}

.sub_title.ad a{

	position: absolute;

	right: 0px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	padding: 5px 10px;

	border: 1px solid #086bb9;

	display: block;

	border-radius: 50px;

	font-size: 12px;

	text-transform: uppercase;

}

.sub_title.ad a:hover{

	background: #086bb9;

	color: #fff;

}

.single p{

	margin-bottom: 10px;

}

.postInfo .description img{

	display: inline-block;

}

.banner {

    width: 100%;

    height: 35vw;

    position: relative;

    overflow: hidden;

    margin-top: 140px;

    -webkit-transition: all .35s

}



@font-face {

    font-family: PTDIN;

    src: url(../fonts/PTDINCondensedCyrillic.ttf)

}



.tm_top{

	width: 100%;

	height: auto;

	display: flex;

	justify-content: space-between;

	margin-bottom: 50px;

	

}

.tm_top .tm_photo{

	width: 300px;

}

.tm_top .postInfo{

	width: 100%;

}



.postInfo .description{

	font-size: 14px;

	line-height: 1.7;

	padding-bottom: 50px;

	position: relative;

}

.postInfo .description::after{

	width: 100%;

	height: 17px;

	background: url(../images/line_b.png) repeat-x;

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

}

.postInfo .description p{

	margin-bottom: 10px;

}

._newsdetail2 .postInfo .titles{

	width: 100%;

	text-align: center;

	font-size: 24px;

	font-weight: bold;

	line-height: 1.6;

}

.postInfo .title{

	width: 100%;

	height: auto;

	display: flex;

	justify-content: space-between;

	padding-left: 70px;

	position: relative;

	margin-bottom: 25px;

	border-bottom: 2px solid #0fa854;

	padding-bottom: 25px;

}

.postInfo .title::before{

	width: 60px;

	height: 60px;

	position: absolute;

	left: 0px;

	top: 0px;

	background: url(../images/nlogo.png) no-repeat;

	background-size: cover;

	content: '';

}

.postInfo .title .name{

	width: auto;

}

.postInfo .title .name b{

	font-size: 24px;

	font-weight: bold;

	color: #003399;

	line-height: 40px;

}

.postInfo .title .name p{

	font-size: 16px;

	line-height: 20px;

	color: #003399;

	font-weight: bold;

	opacity: .7;

}

.postInfo .title a{

	display: block;

	width: 45px;

	height: 45px;

	position: absolute;

	right: 0px;

	top: 7.5px;

	background: #035ea3;

	border-radius: 50%;

}

.postInfo .title a:hover{

	background: #0fa854;

}

.postInfo .title a::after{

	width: 45px;

	height: 45px;

	position: absolute;

	left: 0px;

	top: 0px;

	background: url(../images/back_btn.png) no-repeat;

	background-size: cover;

	content: '';

}

.img-box {

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden

}





.img-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.button-next, .button-prev {

    transition: .5s;

    outline: 0;

    position: absolute;

    width: 140px;

    z-index: 10;

    top: 35vh;

    transform: translateY(-34px);

    cursor: pointer

}



.button-prev {

    left: 4vw

}



.button-next {

    right: 4vw

}



.button.disabled {

    opacity: .2;

    cursor: default

}



#arrow-svg-home {

    transform: translateY(353px)

}



.button-next #arrow-svg-home {

    transform: translateY(353px) rotateY(180deg);

    transform-origin: 80px 0 0

}



svg {

    transition: .5s;

    cursor: pointer

}



.cls-1 {

    transition: .5s;

    opacity: .5;

    transform-origin: -20px 40px;

    opacity: 1

}



.cls-4 {

    transition: .5s;

    stroke-width: 2px;

    stroke: #fff;

    fill: none;

    stroke-dasharray: 1;

    stroke-dashoffset: 1;

    opacity: .5;

    transform-origin: 0 0 0

}



#arrow-trg {

    transition: .5s;

    fill: #fff;

    transform: rotateY(180deg) translate(-53px, 39px)

}



#line {

    transition: .5s;

    stroke: #fff;

    transform: translate(50px, 42px)

}



.button-prev:not(.disabled):hover svg {

    transform: translateX(-25px)

}



.button-next:not(.disabled):hover svg {

    transform: translateX(25px)

}



.button:not(.disabled):hover .cls-1 {

    transform: scale(1.1)

}



.button:not(.disabled):hover .cls-4 {

    stroke-dasharray: 2px;

    stroke-dashoffset: 2px;

    opacity: 1

}



.button:not(.disabled):hover #arrow-trg {

    transform: rotateY(180deg) translate(-37px, 39px)

}



.button:not(.disabled):hover #line {

    transform: translate(35px, 42px) scaleX(.33)

}



.swiper-pagination.b {

    position: absolute;

    width: 100%;

    height: 20px;

    left: 0;

    bottom: 90px;

    text-align: center;

    z-index: 10

}



.swiper-pagination.b span {

    width: 5px;

    height: 20px;

    background: rgba(255, 255, 255, 1);

    display: inline-block;

    margin: 0 5px;

    border-radius: 5px;

    -webkit-transition: all .35s;

    -webkit-transform: scaleY(.5);

    transform-origin: bottom

}



.swiper-pagination.b span.swiper-pagination-bullet-active {

    -webkit-transform: scaleY(1);

    background: #086bb9

}



.banner .btn {

    width: 40px;

    height: 70px;

    position: absolute;

    left: 5%;

    top: 50%;

    margin-top: -35px;

    background: url(../images/icon1.png) -40px 0 no-repeat;

    z-index: 10;

    cursor: pointer;

    -webkit-transition: all .35s;

    -webkit-transform: scale(.6);

    opacity: .5

}



.banner .btn.prev {

    left: 3%;

    -webkit-transform: rotate(-180deg) scale(.6)

}



.banner .btn.next {

    left: auto;

    right: 3%

}



.banner .btn:hover {

    background-position: 0 0;

    -webkit-transform: scale(1);

    opacity: 1

}



.banner .btn.prev:hover {

    -webkit-transform: scale(1) rotate(-180deg)

}



.h_top {

    background: #1e286b;

    height: 45px;

    position: relative;

    -webkit-transition: all .35s;

    overflow: hidden

}



.header.active .h_top {

    height: 0

}



._topbar {

    width: auto;

    float: right

}



._topbar a {

    color: rgba(255, 255, 255, .5);

    float: left;

    line-height: 45px;

    margin-left: 15px;

    font-size: 12px

}



.logo {

    width: 265px;

    height: auto;

    float: left;

    margin-top: 15px;

    -webkit-transition: all .35s

}



.search_box {

    float: right;

    width: 200px;

    height: 30px;

    background: #4b5389;

    line-height: 30px;

    font-size: 12px;

    border-radius: 20px;

    margin-top: 7.5px;

    margin-left: 15px

}



.search_box input {

    background: 0 0;

    width: 170px;

    line-height: 30px;

    float: left;

    border: none;

    outline: 0;

    text-indent: 20px;

    color: rgba(255, 255, 255, .5);

    font-size: 12px

}



.search_box input::-webkit-input-placeholder {

    color: rgba(255, 255, 255, .5)

}



.search_box .icon {

    width: 30px;

    height: 30px;

    float: left;

    cursor: pointer;

    position: relative

}



.search_box .icon::after {

    width: 15px;

    height: 15px;

    position: absolute;

    left: 7.5px;

    top: 7.5px;

    background: url(../images/search_icon.png) no-repeat;

    background-size: cover;

    content: ''

}



._news.news2 ul li .news2_des b {

    margin-bottom: 0px;

    border-bottom: none;

    font-size: 14px;

    line-height: 40px;

    padding-bottom: 0px;

}



._news.news2 ul li:hover .news2_des {

    background: #0fa854;

    color: #fff;

}



/*a:hover{color:black}*/

.header {

    width: 100%;

    height: auto;

    position: fixed;

    z-index: 100;

    top: 0;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1)

}



.header1 {

    width: 100%;

    height: 45px;

    background-color: #1e286b

}



.header1-wrapper {

    width: 1200px;

    height: 45px;

    margin: 0 auto;

    position: relative

}



.header1-wrapper div {

    width: 340px;

    height: 45px;

    float: right;

    line-height: 45px

}



.header1-wrapper div p {

    float: left;

    margin-right: 31px

}



.header1-wrapper div p:nth-child(1) {

    color: #7d81a0

}



.header1-wrapper div p:nth-child(2) {

    color: #626998

}



.header1-wrapper div input {

    float: right;

    margin-top: 10px;

    margin-right: 30px;

    width: 135px;

    height: 25px;

    border: none;

    border-radius: 15px 0 0 15px;

    background-color: #4b5389

}



.input-btn {

    width: 30px;

    height: 25px;

    border: 1px solid #4b5389;

    border-radius: 0 15px 15px 0;

    border-left: 0;

    position: absolute;

    top: 10px;

    right: 0;

    cursor: pointer;

    background: #4b5389 url(../images/common/suosou.png) no-repeat 3px 5px

}



.input-btn:active {

    background: #fff url(../images/common/suosou.png) no-repeat 3px 5px

}



.header2 {

    width: 100%;

    height: 95px;

    background: #fff;

    -webkit-transition: all .35s

}



.header.active .header2 {

    height: 65px

}



.header.active .logo {

    width: 200px;

    margin-top: 5px

}



.header2-wrapper {

    width: 1200px;

    height: auto;

    margin: 0 auto;

    display: flex;

    justify-content: space-between

}



.nav {

    width: 832px;

    height: 95px;

    -webkit-transition: all .35s

}



.header.active .nav {

    height: 65px

}



.header.active .nav ul {

    line-height: 65px

}



.header.active .nav ul li .two {

    top: 65px

}



.banner.active {

    margin-top: 110px

}



.nav ul {

    width: 832px;

    height: 100%;

    line-height: 95px;

    display: flex;

    justify-content: space-between

}



.nav ul li {

    transition: .2s all linear;

    position: relative

}



.nav ul li::after {

    width: 0;

    height: 2px;

    content: '';

    position: absolute;

    right: 0;

    bottom: 0;

    background: #086bb9;

    -webkit-transition: all .35s

}



.nav ul li .two .twoLi::after {

    display: none

}



.nav ul li:hover::after {

    width: 100%;

    left: 0

}



.nav ul li.active > a {

    color: #086bb9

}



.nav ul li:hover .nav ul li::before {

    left: 0

}



.nav ul li a {

    height: 100%;

    display: block;

    font-size: 16px;

    padding: 0 12px;

    font-weight: 600;

    position: relative

}



.nav ul li .two {

    position: absolute;

    left: -76px;

    top: 95px;

    width: 835px;

    height: 0;

    z-index: 9;

    overflow: hidden;

    background: #f5f5f5;

    box-sizing: border-box;

    transition: all .8s cubic-bezier(.77, 0, .175, 1);

    box-shadow: 5px 5px 15px rgba(0, 0, 0, .1)

}



.nav ul li:hover .two {

    height: 307px

}



.nav ul li:nth-child(3) .two {

    left: -183px

}



.nav ul li:nth-child(4) .two {

    left: -292px

}



.nav ul li:nth-child(5) .two {

    left: -400px

}



.nav ul li:nth-child(6) .two {

    left: -508px

}



.nav ul li:nth-child(7) .two {

    left: -616px

}



.nav ul li:nth-child(8) .two {

    left: -724px

}



.nav ul li .two .twoLi {

    width: 100%;

    margin: 0 auto;

    padding: 50px

}



.nav ul li .two a {

    display: block;

    padding: 0

}



.nav ul li .two .twoLi .h3 {

    line-height: normal;

    font-family: STSong;

    opacity: 0;

    -webkit-transition: all .5s;

    -webkit-transition-delay: .5s;

    -webkit-transform: translateY(10px)

}



.nav ul li:hover .two .twoLi .h3 {

    opacity: 1;

    -webkit-transform: translateY(0)

}



.nav ul li .two .twoLi .h3 b {

    color: #006cc8;

    font-size: 24px

}



.nav ul li .two .twoLi .h3 span {

    color: #48c647;

    padding-bottom: 20px;

    display: block;

    text-transform: uppercase;

    font-family: rbno;

    font-size: 16px

}



.nav ul li .show_pic {

    width: 375px;

    height: auto;

    position: absolute;

    right: 50px;

    top: 50px;

    overflow: hidden

}



.nav ul li .show_pic::after {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    background: #f5f5f5;

    content: '';

    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) .5s;

    overflow: hidden

}



.nav ul li .show_pic img {

    -webkit-transition: all .6s;

    -webkit-transition-delay: .5s;

    -webkit-transform: scale(1.1)

}



.nav ul li:hover .show_pic::after {

    height: 0

}



.nav ul li:hover .show_pic img {

    -webkit-transform: scale(1)

}



.twoLiDiv {

    line-height: normal;

    display: flex;

    width: 45%;

    flex-wrap: wrap;

    justify-content: space-between;

    position: relative;

    opacity: 0;

    -webkit-transition: all .5s;

    -webkit-transition-delay: .55s;

    -webkit-transform: translateY(10px)

}



.nav ul li:hover .twoLiDiv {

    opacity: 1;

    -webkit-transform: translateY(0)

}



.twoLiDiv a {

    display: block;

    width: 50%;

    padding-bottom: 0;

    padding-left: 0;

    position: relative;

    line-height: 45px;

    padding: 0;

    text-indent: 15px

}



.twoLiDiv a::before {

    width: 2px;

    height: 35px;

    position: absolute;

    left: 0;

    top: 50%;

    font-size: 14px;

    margin-top: -17.5px;

    content: '';

    display: block;

    background: #48c647;

    -webkit-transition: all .35s;

    z-index: -1

}



.twoLiDiv a:hover {

    color: #fff

}



.twoLiDiv a:hover::before {

    width: 95px

}



.nav ul li .twoLiDiv a {

    font-weight: 400

}



.sub_banner {

    width: 100%;

    height: auto;

    margin-top: 140px;

    -webkit-transition: all .35s

}



.sub_banner.active {

    margin-top: 110px

}



.sub_banner img {

    width: 100%;

    height: auto

}



.swiper-button-prev {

    width: 38px;

    height: 67px;

    left: 30px;

   

}



.swiper-button-next {

    width: 38px;

    height: 67px;

    right: 30px;

   

}



.links {

    width: 100%;

    height: 1001px;

    background: url(../images/common/Background-image.jpg) no-repeat center center;

    background-size: 100% 100%

}



.min-nav {

    width: 1200px;

    height: 300px;

    margin: 0 auto

}



.min-nav ul {

    width: 1200px;

    height: 300px;

    display: flex;

    justify-content: space-between

}



.min-nav ul li {

    width: 393px;

    height: 200px;

    position: relative

}



.min-nav ul li img {

    width: 393px;

    height: 200px

}



.min-nav ul li div {

    width: 393px;

    height: 80px;

    background: #16a1d8;

    position: absolute;

    top: -80px;

    z-index: 99

}



.min-nav ul li:nth-child(2) div {

    background-color: #1391cd

}



.min-nav ul li:nth-child(3) div {

    background-color: #1187c7

}



.min-nav ul li div p {

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    margin-top: 20px;

    margin-left: 28px

}



.min-nav ul li div span {

    font-size: 12px;

    color: #fff;

    margin-left: 28px;

    margin-top: 10px

}



.min-nav ul li div img {

    float: right;

    width: 33px;

    height: 52px;

    margin-top: 0;

    position: absolute;

    top: 27px;

    right: 33px

}



.links-links {

    width: 1200px;

    height: 700px;

    margin: 0 auto

}



.links-links-head {

    width: 1200px;

    height: 60px

}



.links-links-head img {

    float: left;

    margin-top: 5px;

    margin-right: 10px

}



.links-links-head p {

    font-size: 25px;

    color: #006cc8;

    float: left

}



.links-links-head span {

    display: inline-block;

    color: #48c647;

    margin-left: 15px;

    padding-left: 15px;

    border-left: 1px solid #48c647;

    margin-top: 13px

}



.links-links-head a {

    display: block;

    cursor: pointer;

    float: right;

    width: 140px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    border: 1px solid #9dcbf3;

    border-radius: 22px;

    color: #bbb;

    background: url(../images/common/dayuhao.png) no-repeat 100px 10px

}



.links-links-left {

    width: 575px;

    height: 565px;

    border-radius: 10px;

    border: 1px solid #aad8f2;

    overflow: hidden;

    float: left

}



.links-links-left img {

    width: 100%

}



.swiper-container2 {

    width: 575px;

    height: 565px

}



.swiper-container2 p {

    font-size: 20px;

    color: #006cc8;

    padding-left: 70px;

    padding-top: 24px;

    padding-bottom: 17px;

    background: url(../images/common/logo3.png) no-repeat 25px 19px

}



.swiper-container2 .swiper-pagination-bullets {

    bottom: 15px;

    left: 235px;

    width: 100%

}



.swiper-container2 .swiper-pagination-bullet-active {

    background: #1a8cca

}



.swiper-container2 .swiper-container2-span {

    display: inline-block;

    height: 57px;

    font-size: 14px;

    margin-left: 70px;

    margin-right: 10px;

    color: #393939;

    overflow: hidden

}



.swiper-container2 small {

    margin-left: 70px;

    margin-top: 30px;

    display: inline-block;

    height: 16px;

    line-height: 16px;

    color: #138c35;

    padding-left: 22px;

    background: url(../images/common/shijian.png) no-repeat left center

}



.links-links-right {

    width: 595px;

    height: 565px;

    float: right

}



.links-links-right ul {

    width: 580px;

    height: 565px;

    display: flex;

    flex-direction: column

}



.links-links-right ul li {

    width: 580px;

    height: 118px;

    margin-bottom: 30px

}



.links-links-right ul li:nth-last-child(1) {

    margin-bottom: 0

}



.links-links-right ul li div:nth-child(1) {

    width: 210px;

    height: 118px;

    border-radius: 10px;

    overflow: hidden;

    float: left

}



.links-links-right ul li .kong:nth-child(2) {

    width: 355px;

    height: 118px;

    float: right

}



.links-links-right ul li .kong:nth-child(2) p {

    width: 355px;

    height: 21px;

    font-size: 18px;

    color: #3c90d6;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.links-links-right ul li .kong:nth-child(2) span {

    margin-top: 10px;

    height: 65px;

    display: inline-block;

    font-size: 12px;

    color: #6b7073;

    line-height: 20px

}



.links-links-right ul li .kong:nth-child(2) small {

    display: inline-block;

    height: 16px;

    line-height: 16px;

    color: #138c35;

    padding-left: 22px;

    background: url(../images/common/shijian.png) no-repeat left center

}



.links-links-right ul li .kong:nth-child(2) p:hover {

    color: red

}



.news {

    width: 100%;

    height: 1381px;

    background: url(../images/common/background2.jpg) no-repeat center center

}



.news .news-wrap {

    width: 1200px;

    height: 1281px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.news-wrap-news {

    width: 580px;

    height: 575px;

    margin-top: 50px

}



.news-wrap-head {

    width: 580px;

    height: 60px

}



.news-wrap-head img {

    float: left;

    margin-top: 5px;

    margin-right: 10px

}



.news-wrap-head p {

    font-size: 25px;

    color: #fff;

    float: left

}



.news-wrap-head span {

    display: inline-block;

    color: #fff;

    margin-left: 15px;

    padding-left: 15px;

    border-left: 1px solid #fff;

    margin-top: 13px

}



.news-wrap-head a {

    display: block;

    float: right;

    width: 140px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    cursor: pointer;

    border: 1px solid #9dcbf3;

    border-radius: 22px;

    color: #bbb;

    background: #fff url(../images/common/dayuhao.png) no-repeat 100px 10px

}



.news-wrap-news .imgs {

    width: 580px;

    height: 326px;

    background-color: #9acd32;

    border-radius: 20px;

    overflow: hidden

}



.news-wrap-news-title:nth-child(1) {

    margin-top: 50px

}



.news-wrap-news-title {

    width: 100%;

    height: 65px;

    border-bottom: 1px solid #fff;

    line-height: 65px;

    color: #fff

}



.news-wrap-news-title a:hover {

    color: red

}



.news-wrap-news-title p {

    float: left;

    padding-left: 30px;

    background: url(../images/common/tuoyuan.png) no-repeat left center

}



.news-wrap-news-title span {

    float: right

}



.swiper-container3 .swiper-pagination-bullets {

    bottom: 15px;

    left: 235px;

    width: 100%

}



.swiper-pagination-bullet {

    margin: 0 5px

}



.swiper-pagination-bullet-active {

    background: #fff

}



.atlas {

    width: 100%;

    height: 127px;

    background-color: #f8f8f8

}



.school-picture {

    width: 1200px;

    height: 127px;

    margin: 0 auto;

    text-align: center;

    position: relative;

    overflow: hidden

}



.school-picture .atlas-img1 {

    position: absolute;

    top: 65px;

    left: 490px

}



.school-picture .atlas-img2 {

    position: absolute;

    top: 80px;

    right: 490px

}



.school-picture p {

    margin-top: 66px;

    color: #006cc8;

    font-size: 35px;

    font-weight: 500

}



.school-picture span {

    color: #48c647

}



.certify1 {

    width: 100%;

    height: auto;

    background-color: #f8f8f8

}



#certify {

    position: relative;

    width: 1200px

}



#certify .swiper-slide {

    width: 874px;

    height: 439px;

    border-radius: 10px;

    overflow: hidden;

    background: #fff

}



#certify .swiper-slide img {

    width: 100%;

    height: 100%;

    border-radius: 10px;

    overflow: hidden;

    display: block

}



#certify .swiper-pagination {

    width: 100%;

    bottom: 20px

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 5px;

    border: 3px solid #fff;

    background-color: #d5d5d5;

    width: 10px;

    height: 10px;

    opacity: 1

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {

    border: 3px solid #00aadc;

    background-color: #fff

}



.dzSchool {

    position: relative

}



.dzSchool-cont {

    position: absolute;

    bottom: 0;

    width: 100%;

    box-sizing: border-box;

    background: rgba(0, 0, 0, .5);

    text-align: center;

    color: #fff;

    opacity: 1;

    font-size: 14px;

    line-height: 28px;

    padding: 5px 0

}



.backTop {

    right: 21px

}



footer {

    width: 100%;

    height: auto

}



.footer1 {

    width: 100%;

    height: auto;

    background-color: #0f233f;

    padding-bottom: 25px

}



.footer1 a:hover {

    color: rgba(255, 255, 255, 1)

}



.footer1-wrap {

    width: 1200px;

    height: 270px;

    margin: 0 auto;

    overflow: hidden

}



.footer1-wrap-left {

    width: 116px;

    height: auto;

    float: left;

    margin-top: 25px

}



.footer1-wrap-left div {

    width: 116px;

    height: 10px;

    background-color: #fff

}



.footer1-wrap-left p {

    width: 116px;

    text-align: center;

    color: rgba(255, 255, 255, .7);

    margin-top: 5px;

    font-size: 12px

}



.footer1-wrap-right {

    float: right

}



.footer1-wrap-right ul {

    height: 35px;

    border-bottom: 1px solid rgba(255, 255, 255, .3);

    margin-top: 25px;

    margin-bottom: 15px

}



.footer1-wrap-right ul li {

    float: left;

    padding: 0 22px

}



.footer1-wrap-right ul li:nth-child(8) {

    padding-right: 0

}



.footer1-wrap-right ul li a {

    font-size: 14px;

    color: rgba(255, 255, 255, .7)

}



.footer1-wrap-right p {

    text-align: right;

    color: rgba(255, 255, 255, .7);

    margin-top: 10px

}



.footer1-wrap-right p span {

    padding-left: 20px

}



.footer1-wrap-right .footer1-wrap-right-p1 span {

    background: url(../images/common/dizhj.png) no-repeat left center

}



.footer1-wrap-right .footer1-wrap-right-p2 span {

    background: url(../images/common/dianhua.png) no-repeat left center

}



.footer1-wrap-right .footer1-wrap-right-p3 span {

    background: url(../images/common/youxiang.png) no-repeat left center

}



.fwrp2A {

    padding-left: 10px

}



.footer2 {

    width: 100%;

    height: 40px;

    background-color: #0c1c32

}



.footer2 p {

    width: 1200px;

    height: 40px;

    margin: 0 auto;

    color: #525e6d;

    line-height: 40px

}



.footer2 a:hover {

    color: rgba(255, 255, 255, .7)

}



.footer2 a {

    float: right

}



.about-main {

    background: url(../images/tzgg-back.png)

}



.team-cont .boss {

    position: relative;

    width: 100%;

    background: url(../images/bgl.png)

}



.boss .tag {

    position: absolute;

    top: -8px;

    right: 86px

}



.team-cont .boss .tag {

    position: absolute;

    top: -8px;

    right: 86px

}



.about-main .team-cont .boss .tag .con {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding-top: 10px;

    line-height: 18px;

    font-size: 16px;

    color: #fff;

    text-align: center

}



.about-main .team-cont .boss .tag .con span {

    display: inline-block

}



.about-main .team-cont .boss .tag .con .cn {

    margin: 8px 0;

    font-size: 28px;

    font-weight: 600

}



.about-main .team-cont .boss .tag .con .en {

    font-size: 14px

}



.about-main .team-cont .boss .img, .about-main .team-cont .boss .int {

    float: left

}



.about-main .team-cont .boss .int {

    padding: 30px 20px;

    color: #fff

}



.about-main .team-cont .boss .int .first-title {

    margin-bottom: 36px

}



.about-main .team-cont .boss .int .first-title span {

    display: inline-block

}



.about-main .team-cont .boss .int .first-title .cn {

    font-size: 32px;

    margin-bottom: 16px

}



.about-main .team-cont .boss .int .first-title .en {

    font-size: 22px;

    font-family: arial;

    opacity: .56

}



.about-main .team-cont .boss .int .the-title {

    margin-bottom: 10px;

    padding-left: 26px

}



.about-main .team-cont .boss .int .the-title i {

    display: inline-block;

    margin-left: -26px;

    margin-right: 6px;

    width: 16px;

    height: 16px

}



.about-main .team-cont .boss .int .the-title i img {

    width: 100%;

    height: 100%

}



.about-main .team-cont .boss .int .the-title span {

    display: inline-block

}



.about-main .team-cont .boss .int .the-title .cn {

    margin-bottom: 0px;

    font-size: 14px;

    line-height: 22px;

	font-weight: bold;

	

}



.about-main .team-cont .boss .int .the-title .en {

    font-size: 16px;

    font-family: melbourne;

    opacity: .6

}



.about-main .team-cont .boss .motto {

    padding: 30px 30px;

    color: white

}



.about-main .team-cont .boss .boss_item {

    display: flex

}



.about-main .team-cont .boss .boss_item .imgbox {

    flex: 1

}



.about-main .team-cont .boss .boss_item .imgbox img {

    width: 100%;

}



.about-main .team-cont .boss .boss_item .int {

    flex: 1

}



.the-announcement-of-circular {

    width: 100%;

    margin-bottom: 25px;

    position: relative

}



.taoc-cont {

    width: 100%;

    margin-bottom: 20px

}



.taoc-cont ul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.taoc-cont ul li {

    width: 49%;

    background: #fff;

    margin-bottom: 20px;

    background: #f9f9f9;

}



.taoc-cont ul li:hover {

    background: #034a9a;

    color: #fff !important;

}



.taoc-cont2 ul li .taocC-h3 {

    font-size: 16px;

    padding-bottom: 15px;

}



.taoc-cont ul li a {

    padding: 50px;

    display: block;



}



.taoc-cont ul li .timer {

    line-height: 26px;

    margin-bottom: 30px;

    opacity: .5

}



.taoc-cont ul li .timer i {

    display: inline-block;

    margin-right: 10px;

    font-size: 16px

}



.taocC-p {

    font-size: 16px;

    l . taoc-cont ul

    liine-height: 1.7;

    margin-bottom: 5px;

    height: 54px;

    overflow: hidden

}



.taocC-p2 {

    padding-left: 25px;

    color: #039343;

    background: url(../images/tzxx-jinru.png) no-repeat left top 2px

}



.the-financial-reporting {

    width: 100%;

    margin-bottom: 40px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.the-financial-reporting-left {

    width: 68%;

    position: relative

}



.newsList ._news {

    padding-top: 0;

    margin-top: 0px

}



.dj .dj_left {

    width: 70%;

    float: left;

    display: inline-block

}



.dj .dj_right {

    width: 28%;

    float: left;

    margin-left: 2%

}





.tqxf .news2_des p {

    padding: 10px 0;

    font-weight: bold;

    font-size: 16px;

}



.dj_right_box {

    background: #035ea3;

    display: inline-block;

    

    width: 100%

}



.expert .swiper-button-prev {

    width: 60px;

    background: transparent;

    left: 76%

}



.expert .swiper-button-next {

    width: 60px;

    background: transparent

}



.building .swiper-button-prev {

    width: 60px;

    background: transparent;

    left: 76%

}



.building .swiper-button-next {

    width: 60px;

    background: transparent

}



.dj_right_box .item:nth-child(1) {

    width: 89%;

    margin-left: 6%

}



.dj_right_box .item {

    width: 44%;

    display: inline-block;

    float: left;

    margin: 20px 0px;

    margin-left: 4%;

}



.dj_right_box .item:nth-child(1) .ohter-wrap-content {

    text-align: center;

}



.dj_right_box .ohter-wrap-content {

    color: white;

    text-align: right;

    margin-top: -27px;

}



.dj_right_box .item .img {

    margin: 0 auto

}



.dj_right_box .item .img img {

    width: 100%

}



.dj_right_box .item .text {

    text-align: center;

    background: #caa770

}



#building {

    padding-bottom: 50px;

}



.dj_right_boxs {

    background: #c40000;

    display: inline-block;

    padding-bottom: 20px;

    width: 100%

}



.life {

    width: 100%;

    height: auto;

    overflow: hidden;

    position: relative;

}



.life ul li {

    width: 48%;

    height: auto;

    float: left;

    margin-right: 2%;

    margin-bottom: 25px

}



.life ul li:nth-child(even) {

    margin-right: 0

}



.life ul li .thum {

    background: center center no-repeat;

    background-size: cover;

    position: relative;

    width: 100%;

    height: auto

}



.life ul li p {

    display: block;

    width: 100%;

    padding: 20px 40px;

    height: auto;

    position: relative;

    font-size: 20px;

    background: #fff

}

.life ul li .thum img{

    max-width: auto;

    width: 100%;

}

.life ul li p:after {

    width: 20px;

    height: 5px;

    background: #c40000;

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    opacity: 1;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

    margin-top: -2.5px

}



.dj_right_boxs2 {

    background: #c40000;

    display: inline-block;

    width: 100%;

    padding: 15px 0

}



.expert .kePrev {

    width: 60px;

    background: transparent;

    left: 76%

}



.expert .keNext {

    width: 60px;

    background: transparent

}



.dj_right_boxs2 .item:nth-child(1) {

    width: 89%;

    margin-left: 6%;

    position: relative;

}



.dj_right_boxs .item {

    width: 44%;

    display: inline-block;

    float: left;



}

._news.news2.two ul li .news_time{

	background: rgba(0,0,0,.5);

}

._news.news2.two ul li:hover .news2_des,.pageBox.t a:hover, .pageBox.t a.active{

	background: #c40000;

}

.dj_right_boxs .ohter-wrap-content {

    color: #3e3e3e;

	background: #fff;

    bottom: 0%;

    padding: 5px;

}



.dj_right_boxs .ohter-wrap-content h3 {

    padding: 0px;

    margin-bottom: 0px;

    font-size: 14px;

}



.dj_right_boxs .ohter-wrap-content h3:after {

    display: none;

}



.dj_right_boxs .item .img {

    margin: 0 auto

}



.dj_right_boxs .item .img img {

    width: 100%

}



.dj_right_boxs .item .text {

    text-align: center;

    background: #caa770

}



.dj_right_boxs2 .ohter-wrap-content {

    color: #3e3e3e;

    text-align: center;

    bottom: 0%;

    padding: 10px;

	background: #fff;

}



.dj_right_boxs2 .ohter-wrap-content h3{

    padding: 0px;

    font-size: 16px;

    position: relative;

    margin-bottom: 0px;

}

.dj_right_boxs2 .ohter-wrap-content h3:after{

    display: none;

}

.dj_right_boxs2 .item .img {

    margin: 0 auto

}



.dj_right_boxs2 .item .img img {

    width: 100%

}



.dj_right_boxs2 .item .text {

    text-align: center;

    background: #caa770

}





.dyxf .tabs {

    position: absolute;

    background: crimson;

    width: 64px;

    height: 85px;

    left: 10px;

    z-index: 10;

    color: white;

    background: url(../images/index10.png) no-repeat;

}



.dyxf .tabs p {

    width: 40px;

    margin: 30px 14px;

    text-align: center;

}



.dyxf_text {

    text-align: center;

    padding:0px;

    color: white;

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 100%;

	display: flex;

	font-size: 16px;

}

.boxs.b20{

	background: url(../images/b20.jpg)  left center  no-repeat;

	background-size: cover;

}



.dyxf .tags{

	width: 64px;

	height: 85px;

	position: absolute;

	left: 10px;

	top: 10px;

	background: url(../images/dz_tag.png) no-repeat;

	color: #fbe587;

	text-align: center;

}



.dyxf .tags p{

	font-size: 14px;

	font-weight: bold;

	line-height: 1.4;

	position: absolute;

	left: 0px;

	top: 30px;

	padding: 0px 12px;

}



.dyxf_text .number {

    padding: 15px 0;

	width: 50%;

	background: #c80c11;

}



.dyxf_text .name {

    padding: 15px 0;

    font-weight: bold;

	width: 50%;

	background: #fbc62a;

}



.dyxf_text .img {

    position: absolute;

    bottom: 0

}

.dyxf_info {

    background: #f4cb8b;

    text-align: center;



}



.chklos {

    width: 100%;

    display: inline-block

}



.chklos .item {

    width: 49.5%;

    float: left;

	margin-bottom: 10px;

	margin-right: 1%;

	display: flex;

	box-shadow: 0px 0px 15px rgba(0,0,0,.1);

	position: relative;

}

.chklos .item:nth-child(even){

	margin-right: 0%;

}

.chklos .item .img {

    width: 470px;

}



.chklos .item .text {

    width: calc(100% - 470px);

    display:block;

    background: #3468d7;

}

.chklos .item:nth-child(1) .text,.chklos .item:nth-child(4) .text{

	background: #0fa854;

}

.chklos .item .text p {

    width: 20px;

    margin: 0 auto;

    line-height: 34px;

    font-size: 22px;

    position: relative;

    top: 20%;

    color: white;

}



.chklos_logo {

    position: absolute;

    left: 50%;

    top: 50%;

	width: 90px;

	margin-left: -45px;

	margin-top: -45px;

}



.bgc1 {

    background: #7f7f7f;

}



.bgc11 {

    background: #f2f2f2;

}



.bgc2 {

    background: #3468d7;

}



.bgc22 {

    background: #e0f0fb;

}



.bgc3 {

    background: #224590;

}



.bgc33 {

    background: #e0e9fa;

}



.bgc4 {

    background: #2e6e49;

}



.bgc44 {

    background: #dff4e9;

}



.pageBox {

    text-align: center;

    width: 100%;

    height: 75px;

    line-height: 75px;

}



.pageBox a {

	margin: 0 5px;

	background: #ccc;

	color: #fff;

	padding: 10px 15px;

	font-size: 12px;

	line-height: 25px;

	border-radius: 3px;

}

.pageBox a:hover,.pageBox a.active{

	background: #0fa854;

}



.subnav-cont ul {

    padding: 0 225px;

    display: flex;

    justify-content: space-between;

    line-height: 60px;

    font-family: iozzkhwu

}



.subnav-cont ul li {

    height: 100%;

    font-size: 16px;

    position: relative

}



.subnav-cont ul li:after {

    content: '';

    position: absolute;

    bottom: 0;

    right: 0;

    height: 2px;

    background: #8cc63e;

    width: 0;

    transition: ease .5s

}



.subnav-cont ul li:before {

    content: ''

}



.subnav-cont ul li a {

    display: block;

    height: 100%;

    color: #000

}



.subnav-cont ul li.active:after {

    width: 100%

}



.subnav-cont ul li a.active {

    color: #0b4b98;

    border-bottom: 1px solid #0b4b98

}



.the-financial-reporting-left .summary {

    background: #fff;

    padding: 45px

}



.the-financial-reporting-left .tfrlC-img {

    width: 41%;

    margin-top: 25px

}



.the-financial-reporting-left .tfrlC-img img {

    transition: ease .5s

}



.the-financial-reporting-left .tfrlC-img:nth-child(1) {

    margin-top: 0

}



.the-financial-reporting-left .tfrlC-img:nth-child(2) {

    margin-top: 0

}



.about-main .team-cont .ohter .box {

    margin-top: 30px;

    width: 49%;

    height: auto;

    vertical-align: top;

    display: inline-block

}



.about-main .team-cont .ohter .box > div {

    position: relative;

    margin: 0 auto;

    width: 325px

}



.about-main .team-cont .ohter .box .tag {

    position: absolute;

    top: -24px;

    left: -18px

}



.about-main .team-cont .ohter .box .tag .con {

    position: absolute;

    top: 0;

    left: 0;

    padding-top: 10px;

    width: 100%;

    height: 100%;

    color: #fff;

    text-align: center;

    box-sizing: border-box

}



.about-main .team-cont .ohter .box .tag .con span {

    display: inline-block

}



.about-main .team-cont .ohter .box .tag .con .cn {

    font-size: 14px;

    margin-bottom: 5px

}



.about-main .team-cont .ohter .box .tag .con .en {

    font-size: 12px;

    line-height: 18px

}



.about-main .team-cont .ohter .box .int .the-title {

    margin-top: 16px;

    margin-bottom: 5px;

    font-size: 20px;

    line-height: 32px;

    color: #034a9a

}



.about-main .team-cont .ohter .box .int .the-title.big {

    height: 64px

}



.about-main .cultrue {

    background: url(../images/teacher_bg.png) no-repeat;

    padding-top: 25px

}



.about-main .cultrue .cultrue-cont {

    background: url(../images/bgl.png)

}



.about-main .cultrue .cultrue-cont .cultural-concept {

    margin: 0 auto;

    padding-top: 30px;

    width: 848px

}



.about-main .cultrue .cultrue-cont .cultural-concept > img {

    margin: 0 auto 46px

}



.about-main .cultrue .cultrue-cont .cultural-concept .det {

    margin-bottom: 15px;

    height: 66px;

    overflow: hidden;

    font-size: 14px;

    line-height: 24px

}



.about-main .cultrue .cultrue-cont .cultural-concept .det .img {

    float: left;

    margin-right: 40px

}



.about-main .cultrue .cultrue-cont .cultural-concept .det .content {

    float: left;

    width: 730px;

    height: 100%;

    line-height: 66px

}



.about-main .cultrue .cultrue-cont .cultural-concept .det .content span {

    line-height: 24px;

    display: inline-block

}



.about-main .cultrue .cultrue-cont .cultural-concept .detail {

    color: #f1f1f1

}



.about-main .cultrue .cultrue-cont .cultural-concept .zong {

    font-size: 14px

}



.about-main .cultrue .cultrue-cont .title img {

    margin: 0 auto

}



.about-main .cultrue .cultrue-cont .block {

    margin: 50px auto 0;

    width: 848px

}



.about-main .cultrue .cultrue-cont .mission .cont .leftImg {

    float: left

}



.about-main .cultrue .cultrue-cont .mission .cont .leftImg img {

    height: 315px

}



.about-main .cultrue .cultrue-cont .mission .cont .right-cont {

    float: left;

    margin-left: 70px;

    width: 588px;

    color: #fefefe

}



.about-main .cultrue .cultrue-cont .mission .cont .right-cont h3 {

    display: inline-block;

    margin-bottom: 20px;

    padding-bottom: 16px;

    border-bottom: 2px solid #097d6c;

    font-size: 24px;

    font-weight: 600

}



.about-main .cultrue .cultrue-cont .mission .cont .right-cont p {

    margin-bottom: 50px;

    font-size: 14px;

    line-height: 28px

}



.about-main .cultrue .cultrue-cont .mission .cont .right-cont .imgList img {

    display: inline-block

}



.about-main .cultrue .cultrue-cont .mission .cont .right-cont .imgList img:first-child + img {

    margin: 0 13px

}



.about-main .cultrue .cultrue-cont .motto .cont > img {

    margin: 0 auto

}



.about-main .cultrue .cultrue-cont .motto .cont p {

    margin: 15px auto 0;

    width: 610px;

    line-height: 28px;

    color: #fefefe;

    font-size: 14px

}



.about-main .cultrue .cultrue-cont .values {

    width: 1016px

}



.about-main .cultrue .cultrue-cont .values .cont {

    margin-top: 30px

}



.about-main .cultrue .cultrue-cont .values .cont img {

    margin: 0 auto

}



.about-main .cultrue .cultrue-cont .values .cont .det {

    margin-top: 30px;

    width: 100%

}



.about-main .cultrue .cultrue-cont .values .cont .det .box {

    float: left;

    width: 50%;

    height: 130px;

    padding: 0 38px;

    line-height: 20px;

    box-sizing: border-box

}



.about-main .cultrue .cultrue-cont .values .cont .det .box h4 {

    margin-bottom: 8px;

    font-size: 14px;

    color: #06c55a

}



.about-main .cultrue .cultrue-cont .values .cont .det .box p {

    font-size: 12px;

    color: #fefefe

}



.about-main .cultrue .title {

    margin-bottom: 30px

}



.about-main .cultrue .three {

    width: 848px;

    margin: 0 auto;

    padding-bottom: 50px

}



.about-main .cultrue .three .cont img {

    width: 60%;

    margin: 0 auto

}



.about-main .event .event-cont {

    padding-top: 50px;

    overflow: hidden

}



.about-main .event .event-cont .part {

    line-height: 28px;

    color: #888;

    font-size: 14px

}



.about-main .event .event-cont .part .part-in {

    position: relative;

    padding-bottom: 50px;

    width: 50%;

    box-sizing: border-box

}



.about-main .event .event-cont .part .part-in:hover .circle-btn {

    background-image: url(../images/circle-green.png)

}



.about-main .event .event-cont .part .part-in .circle-btn {

    position: absolute;

    top: -25px;

    width: 74px;

    height: 74px;

    background: url(../images/circle-gray.png) no-repeat center center;

    background-size: cover

}



.about-main .event .event-cont .part .part-in .time {

    display: inline-block;

    font-size: 32px;

    font-weight: 600;

    color: #02438c

}



.about-main .event .event-cont .part:nth-child(even) .part-in {

    margin-right: -1px;

    padding-right: 60px;

    text-align: right;

    border-right: 1px dashed #b9bbcb

}



.about-main .event .event-cont .part:nth-child(even) .part-in .circle-btn {

    right: -38px

}



.about-main .event .event-cont .part:nth-child(odd) .part-in {

    margin-left: -1px;

    padding-left: 60px;

    float: right;

    border-left: 1px dashed #b9bbcb

}



.about-main .event .event-cont .part:nth-child(odd) .part-in .circle-btn {

    left: -37px

}



.about-main .event .event-cont .part:last-child .part-in {

    border: none

}



.about-main .event .event-cont .part .time {

    margin-bottom: 24px

}



.about-main .contact .contact-cont {

    padding: 25px 0 52px;

    overflow: hidden

}



.about-main .contact .contact-cont .detail {

    float: left;

    padding-top: 12px;

    width: 33%;

    text-align: center

}



.about-main .contact .contact-cont .detail > img {

    margin: 0 auto

}



.about-main .contact .contact-cont .detail p {

    display: inline-block;

    margin: 55px auto 0;

    color: #727272

}



.about-main .contact .contact-cont .detail p.esp {

    text-align: left

}



.about-main .contact .contact-cont .detail p a {

    color: #727272

}



.about-main .contact .contact-cont .detail:first-child + .detail {

    position: relative

}



.about-main .contact .contact-cont .detail:first-child + .detail:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 1px;

    height: 153px;

    background-color: #dcdbdb

}



.about-main .contact .contact-cont .detail:first-child + .detail:after {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 1px;

    height: 153px;

    background-color: #dcdbdb

}



.about-main .contact #map {

    height: 400px

}



.aboutImg {

    width: 100%;

    position: relative

}



.aboutImg::after {

    width: 574px;

    height: 630px;

    content: '';

    background: url(../images/huaduo.jpg) no-repeat;

    opacity: .6;

    position: absolute;

    left: 0;

    top: 50px;

    z-index: -1

}



.about-nav {

    width: auto;

    float: left

}



.about-nav-right {

    float: right;

    display: none

}



.about-header {

    width: 100%;

    height: 60px;

    background: url(../images/tzgg-back.png);

    border-bottom: 1px solid rgba(0, 0, 0, .05)

}



.about-hd {

    line-height: 60px

}



.about-nav a {

    display: block;

    padding: 0 30px;

    position: relative;

    float: left;

    font-weight: 700;

    color: rgba(0, 0, 0, .65);

    font-size: 16px;

}



.about-nav a.active {

    color: #fff;

    background: #086bb9;

}



.about-nav a.active:after {

    width: 0px;

    height: 0px;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 5px solid #0b4b98;

    content: '';

    position: absolute;

    left: 50%;

    margin-left: -5px;

    bottom: -5px;

}





.about-nav-right {

    padding-left: 16px;

    background: url(../images/dizhi233.png) no-repeat left top 32px

}



.about {

    width: 100%;

    padding-bottom: 100px

}



.about2 {

    width: 100%;

    padding-top: 55px;

    padding-bottom: 100px

}



.school-profile {

    width: 100%;

    padding-bottom: 30px

}



.school-profile h3 img {

    margin: 0 auto

}



.about-wrap {

    width: 100%;

    display: flex

}



.about-wrap-left {

    width: 38%

}



.about-wrap-left h3 {

    color: #006cc8;

    font-size: 32px;

    font-family: STSong;

    padding-top: 257px;

    background: url(../images/yangshi.png) no-repeat left bottom 80px;

    margin-bottom: 25px

}



.aboutP1 {

    width: 100%;

    padding-right: 35px;

    font-size: 16px

}



.about-wrap-left p {

    line-height: 1.7;

    margin-bottom: 25px

}



.aboutP2 {

    font-size: 16px

}



.about-wrap-right {

    width: 62%;

    position: relative

}



.about-wrap-right img {

    margin-bottom: 35px

}



.about-wrap-right p {

    line-height: 1.7;

    margin-bottom: 15px

}



.awr-dingwei {

    position: absolute;

    top: 0;

    left: -260px

}



.about ul {

    width: 100%

}



.about ul li {

    width: 100%;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15);

    padding-bottom: 20px;

    border-bottom: 1px solid rgba(0, 0, 0, .08)

}



.aboutWrap {

    display: block;

    width: 100%;

    height: 100%;

    color: white

}



.aboutWrap .text {

    padding: 20px;

	font-size: 14px;

	line-height: 1.6;

}



.dj_right_box .pageBox {

    color: white

}



.about-img {

    overflow: hidden

}



.about-img img {

    transition: all .25s ease

}



.aboutTilte-head {

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px

}



.aboutTilte-head h3 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 80%

}



.aboutTilte-head span {

    opacity: .7

}



.aboutTilte-cont {

    width: 85%;

    height: 40px;

    line-height: 1.7;

    overflow: hidden;

    text-overflow: ellipsis;

    opacity: .7

}



.aboutTilte-cont2 {

    height: 75%

}



.aboutTilte {

    padding-top: 10px;

    position: relative

}



.aboutTilteA {

    width: 100%;

    display: flex;

    flex-direction: row-reverse;

    position: absolute;

    right: 0;

    bottom: 0

}



.aboutTilteA small {

    display: block;

    width: 88px;

    height: 33px;

    border: 1px solid #ccc;

    line-height: 33px;

    text-align: center;

    background: rgba(61, 115, 233, 0)

}



.about ul li:hover .about-img img {

    transform: scale(1.1, 1.1);

    transition: .25s

}



.about ul li:hover .aboutTilte {

    padding-left: 10px;

    transition: .25s

}



.about ul li:hover .aboutTilteA small {

    background: rgba(61, 115, 233, 1);

    color: #fff;

    transition: .6s;

    border: 1px solid #fff

}



.overall-situation {

    padding-top: 55px;

    padding-bottom: 100px

}



.notic {

    width: 100%;

    background: #fff

}



.noticA {

    width: 100%;

    display: flex

}



.notic-left {

    width: 45%

}



.notic-left img {

    width: 100%;

    height: 100%

}



.notic-right {

    width: 55%

}



.notic-right-content {

    padding: 50px

}



.notic-right-content h3 {

    color: #1187c7;

    margin-bottom: 25px;

    line-height: 1.7;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.notic-right-content p {

    opacity: .7;

    line-height: 1.7;

    height: 50px;

    overflow: hidden;

    margin-bottom: 59px;

    overflow: hidden;

    text-overflow: ellipsis

}



.notic-right-content small {

    display: block;

    width: 140px;

    height: 40px;

    border: 1px solid #ccc;

    border-radius: 20px;

    line-height: 40px;

    padding-left: 20px;

    opacity: .7;

    position: relative

}



.notic-right-content small::after {

    content: '';

    width: 16px;

    height: 16px;

    background: url(../images/common/dayuhao.png) no-repeat;

    position: absolute;

    right: 22px;

    top: 12px

}



.notic-news {

    width: 100%;

    padding-top: 25px

}



.notic-news ul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.notic-news ul li {

    width: 49%;

    background: #fff;

    margin-bottom: 25px

}



.notic-news ul li a {

    display: block;

    padding: 25px 30px

}



.notic-news-Title {

    display: flex;

    justify-content: space-between;

    margin-bottom: 40px

}



.notic-news ul li a p {

    height: 46px;

    overflow: hidden;

    opacity: .7;

    line-height: 1.7

}



.notic-news ul li a:hover {

    background: #1187c7;

    color: #fff;

    transition: .8s

}



.news15 ul li {

    width: 24%;

    margin-bottom: 65px

}



.video {

    width: 100%

}



.video-title {

    padding-right: 45px;

    padding-top: 30px;

    padding-bottom: 10px

}



.video-title h3 {

    color: #006cc8;

    padding-bottom: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.video-title p {

    line-height: 1.7;

    height: 46px;

    overflow: hidden;

    text-overflow: ellipsis;

    opacity: .8

}



.video-download a {

    display: block;

    opacity: .8;

    text-align: right;

    position: relative;

    padding-right: 10px

}



.video-download a::after {

    content: '';

    width: 24px;

    height: 19px;

    background: url(../images/xiazai.png) no-repeat;

    position: absolute;

    right: 45px

}



.team22 {

    padding-bottom: 45px

}



.ohter-wrap {

    width: 100%;



}



.ohter-wrap ul {

    width: 100%;

    display: block;

    overflow: hidden;

}



.ohter-wrap ul li {

    width: 23.5%;

    margin-bottom: 25px;

    transition: all .25s ease;

    position: relative;

    margin-right: 2%;

    float: left;

    overflow: hidden;

}



.ohter-wrap ul li:nth-child(4n) {

    margin-right: 0%;

}



.ohter-wrap-content {

    width: 100%;

    text-align: center;

    position: absolute;

    background: rgba(8, 107, 185, .95);

    padding: 20px;

    left: 0px;

    bottom: -100%;

    color: #fff;

    -webkit-transition: all 0.8s cubic-bezier(.23, 1, .32, 1);

}







.ohter-wrap ul li:hover .ohter-wrap-content {

    bottom: 0px;

}



.ohter-wrap-content h3 {

    padding: 0px 0 15px 0;

    font-size: 18px;

    position: relative;

    margin-bottom: 10px;

	    text-align: left;

}



.ohter-wrap-content .des {

    width: 100%;

    height: auto;

    line-height: 1.7;

    position: relative;

}



.ohter-wrap-content h3:after {

    width: 35px;

    height: 2px;

    position: absolute;

    left: 0px;

    bottom: 5px;

    background: #fff;

    content: '';

}



.ohter-wrap-content p {

    padding-bottom: 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

    line-height: 25px;

    padding-left: 30px;

    position: relative;

    color: rgba(255, 255, 255, .7);

	text-align: left;

}



.ohter-wrap-content p:after {

    width: 30px;

    height: 30px;

    background: url(../images/jl_icon.png) no-repeat;

    background-size: cover;

    content: '';

    position: absolute;

    left: 0px;

    top: 0px;

    opacity: .5;

}



.ohter-wrap-content2 {

    position: relative;

    overflow: hidden;

}



.ohter-wrap-content2 img {

    transition: all .5s ease;

}



.ohter-wrap ul li:hover .ohter-wrap-content2 img {

    -webkit-transform: scale(1.1);

}



.tag2 {

    position: absolute;

    left: 30px;

    top: -40px

}



.building .owc-dingwei {

    width: 50px;

    height: 56px;

    background-size: cover;

    padding: 0px;

    font-size: 14px;

}





.building .owc-dingwei b {

    margin-top: 15px;

    display: block;

}



.master_icon, .owc-dingwei {

    color: #fff;

    font-size: 18px;

    position: absolute;

    left: 0px;

    top: 0px;

    width: 82px;

    height: 92px;

    background: url(../images/tag.png) no-repeat;

    text-align: center;

    padding: 10px 10px 10px

}

.dj_right .owc-dingwei {
    background: url(../images/tag-gold.png)  no-repeat ;
    background-size: cover;
}

.master_icon {

    bottom: auto;

    top: 20px;

    left: 20px

}



.master_icon p, .owc-dingwei p {

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    display: block;

    height: auto;

    overflow: hidden;

    opacity: .7;

    font-family: melbourne;

}



.building {

    width: 100%;

    padding-bottom: 20px;

    padding: 0 20px

}



.building ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.building ul li {

    width: 23%;

    background: #fff;

    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .25);

    margin-bottom: 60px

}



.building ul li img {

    width: 100%

}



.building-content {

    padding-top: 20px;

    padding-left: 25px

}



.building-content h3 {

    padding-bottom: 10px

}



.building-content p {

    padding-bottom: 50px;

    opacity: .5

}



.owc-dingwei2 {

    text-align: center;

    left: 45px;

    top: -23px;

    width: 55px

}





.img img {

    width: 100%

}



.newsBoxs {

    width: 100%;

    display: inline-block;

}



.newsBoxsItem {

    width: 48%;

    display: block;

    float: left;

    margin-right: 4%;

	    margin-bottom: 50px;

}



.newsBoxsItem:nth-child(even){

	margin-right: 0%;

}



.newsBoxsItem_img {

    width: 100%;

    height: auto;

	position: relative;

	overflow: hidden;

}

.newsBoxsItem_img .pic{

	background: center center no-repeat;

	background-size: cover;

	position: relative;

	-webkit-transition: all .5s;

}



.newsBoxsItem_img img {

    width: 100%;

    height: 100%;

}



.newsBoxsItem_img p {

    background: #0b4b98;

	color: white;

	padding: 25px;

	position: relative;

	font-size: 16px;

	padding-left: 35px;

}

.newsBoxsItem_img p:after{

	width: 20px;

	height: 4px;

	position: absolute;

	left: 0px;

	top: 50%;

	margin-top: -2px;

	content: '';

	background: #fff;

}



.dyxf .marks {

    width: auto;

    position: absolute;

    left: 0;

    top: 0px;

    padding: 10px;

    background: #FF4949;

    color: #fff;

}



.dyxf .marks::after {

    width: 0;

    height: 0;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    border-top: 20px solid #FF4949;

    position: absolute;

    right: -20px;

    top: 0;

    content: '';

}



.dyxf .marks::before {

    width: 0;

    height: 0;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    border-bottom: 20px solid #FF4949;

    position: absolute;

    right: -20px;

    bottom: 0;

    content: '';

}

.newsBoxsItem .test{

	background: #fff;

	position: relative;

	padding:15px 25px;

}

.newsBoxsItem .test a:hover{

	color: #0fa854;

}

.newsBoxsItem .test a:hover:after{

	background: #0fa854;

}

.newsBoxsItem .test a {

    padding: 10px 0;

	display: block;

	height: 45px;

	line-height: 25px;

	position: relative;

	padding-left: 15px;

}

.newsBoxsItem .test a:after{

	width: 5px;

	height: 5px;

	border-radius: 50%;

	position: absolute;

	left: 0px;

	top: 50%;

	margin-top: -2.5px;

	content: '';

	background: #3e3e3e;

}

._team.team3 ul li {

    margin-bottom: 70px;

    background: #fff;

    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .25)

}







.djxf, .teacher {

    width: 100%;

    padding-top: 55px;

    padding-bottom: 100px;

    overflow: hidden

}



.teacher ul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.teacher ul li {

    width: 24%;

    overflow: hidden;

    transition: all .25s ease;

    margin-bottom: 20px

}



.djxf ul li {

    width: 32%;

    height: auto;

    float: left;

    margin-right: 2%;

    margin-bottom: 15px

}



.djxf ul li .info {

    width: 100%;

    height: auto;

    display: block;

    padding: 20px

}



.djxf ul li .info .name {

    width: 100%;

    height: auto;

    font-size: 16px;

    line-height: 25px;

    margin-bottom: 10px

}



.djxf ul li .info .sum {

    width: 100%;

    height: 70px;

    line-height: 1.7;

    font-size: 14px;

    opacity: .7;

    overflow: hidden

}



.djxf ul li .info .date {

    font-size: 14px;

    opacity: .5;

    margin-top: 5px

}



.djxf ul li:nth-child(3n) {

    margin-right: 0

}



.teacher-img {

    width: 100%;

    overflow: hidden;

    position: relative

}



.tmarks {

    font-size: 14px;

    position: absolute;

    color: #fff;

    width: auto;

    display: inline-block;

    padding: 5px 15px;

    background: #b40001;

    line-height: 2;

    font-weight: 400;

    left: 0;

    top: 0

}



.tmarks::before {

    width: 0;

    height: 0;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    border-bottom: 20px solid #b40001;

    position: absolute;

    right: -20px;

    bottom: 0;

    content: ''

}



.tmarks::after {

    width: 0;

    height: 0;

    border-left: 20px solid transparent;

    border-right: 20px solid transparent;

    border-top: 20px solid #b40001;

    position: absolute;

    right: -20px;

    top: 0;

    content: ''

}



.teacher-img img {

    width: 100%;

    transition: all .25s ease

}



.teacher-cont {

    width: 100%;

    display: flex

}



.teacher-cont-left {

    width: 40%;

    margin-top: 5px

}



.tcl-top {

    width: 100%;

    height: 45px;

    background: #ff7f27;

    text-align: center;

    line-height: 45px;

    color: #fff;

    font-size: 18px

}



.tcl-top2 {

    background: #00a2e8

}



.tcl-bottom {

    width: 100%;

    height: 55px;

    background: #ed1c24;

    text-align: center;

    line-height: 55px;

    color: #fff;

    font-size: 20px;

    margin-top: 7px

}



.tcl-bottom2 {

    background: #22b14c

}



.teacher-cont-right {

    width: 60%;

    margin-top: 5px

}



.tcr-top {

    width: 96%;

    height: 49px;

    line-height: 49px;

    padding-left: 20px;

    border-bottom: 1px solid #ccc;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.tcr-bottom {

    width: 100%;

    height: 58px;

    padding-left: 20px;

    padding-top: 10px;

    overflow: hidden;

    text-overflow: ellipsis

}



.teacher ul li:hover {

    background: #fff;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);

    z-index: 2

}



.teacher ul li:hover .teacher-img img {

    transform: scale(1.1, 1.1)

}



._team.team3 ul li .title2 {

    text-align: left;

    padding: 20px

}



.hightlight {

    color: #006cc8;

    position: relative

}



.hightlight::before {

    width: 54px;

    height: 2px;

    background: #006cc8;

    content: '';

    position: absolute;

    left: 20px;

    bottom: 0

}



.xiaofu {

    width: 100%;

    padding-top: 58px;

    display: flex;

    justify-content: space-between

}



.xiaofuP1, .xiaofuP2 {

    position: relative

}



.xiaofuP1::after {

    content: '';

    width: 115px;

    height: 2px;

    background: #000;

    position: absolute;

    top: 9px;

    right: -130px;

    opacity: .5

}



.xiaofuP2::after {

    content: '';

    width: 115px;

    height: 2px;

    background: #000;

    position: absolute;

    top: 9px;

    left: -130px;

    opacity: .5

}



.certify2 {

    height: 100%

}



#certify .swiper-slide2 {

    height: 100%;

    box-shadow: none;

    background: 0 0

}



#certify .swiper-pagination2 {

    bottom: 97px

}



.menu-content {

    width: 100%;

    padding: 0

}



.menu-content ul {

    display: flex

}



.menu-content._team.team3 ul li {

    width: 20%;

    background: #fff

}



._team.team3 ul li .today {

    padding: 33px 0;

    text-align: center;

    color: #006cc8

}



.today p {

    padding-bottom: 5px

}



.menu-wrap ul li {

    width: 24%

}



#div1 {

    width: 100%;

    position: relative;

    overflow: hidden;

    padding-bottom: 100px

}



#div1 ul {

    width: 100%;

    position: relative

}



#div1 ul li {

    float: left;

    padding-right: 20px

}



#div1 ul li p {

    width: 100%;

    height: 60px;

    background: #06c55a;

    color: #fff;

    font-size: 20px;

    line-height: 60px;

    text-align: center

}



#div1 ul li:nth-child(odd) {

    display: flex;

    flex-direction: column

}



#div1 ul li:nth-child(even) {

    display: flex;

    flex-direction: column-reverse

}



#div1 ul li img {

    width: 280px;

    display: inline-block

}



.table {

    width: 100%;

    text-align: center;

    font-size: 12px;

    border-spacing: 0;

    border: 0

}



.table_list {

    line-height: 30px

}



.table-bordered {

    border: 1px solid #ddd

}



.table_list thead {

    background-color: #ededed

}



.table {

    width: 100%;

    text-align: center;

    font-size: 12px;

    border-spacing: 0;

    border: 0

}



.table-bordered {

    border: 1px solid #ddd

}



.table td {

    padding: 0 10px

}



.table td a.name {

    color: #438eb9

}



.table_list {

    line-height: 30px

}



.table_list thead {

    background-color: #ededed

}



.table_list thead th {

    text-align: center;

    font-weight: inherit !important

}



.table_striped thead tr {

    color: #707070;

    background: #f2f2f2;

    background-image: -webkit-gradient(linear, left 0, left 100%, from(#548dd4), to(#ececec));

    background-image: -webkit-linear-gradient(top, #548dd4, 0, #ececec, 100%);

    background-image: -moz-linear-gradient(top, #548dd4 0, #ececec 100%);

    background-image: linear-gradient(to bottom, #548dd4 0, #ececec 100%);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0)

}



.table_striped thead tr th {

    border: 1px solid #ddd;

    line-height: 40px;

    font-size: 14px;

    color: #fff

}



.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {

    border: 0;

    border-bottom: 1px solid #fff;

    border-left: 1px solid #fff

}



.table tbody > tr > td, .table tfoot > tr > td, .table thead > tr > td {

    padding: 5px;

    line-height: 28px;

    vertical-align: middle;

    color: #666

}



.table tbody > tr > td:first-of-type {

    position: relative

}



.table tbody > tr > td:last-of-type, .table tfoot > tr > td:last-of-type, .table thead > tr > td:last-of-type {

    border-right: 0

}



.table tbody > tr.odd {

    background-color: #f5f5f5

}



.table tbody > tr.selected {

    background-color: #438eb9

}



.table tbody > tr.selected td {

    color: #fff

}



.table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > th {

    padding: 5px;

    line-height: 28px;

    vertical-align: middle;

    position: relative

}



.table .tab_prompt {

    border-radius: 2px;

    padding: 2px 4px

}



.table tbody tr:nth-child(odd) {

    background: #ebf1dd

}



.table tbody tr:nth-child(even) {

    background: #c3d69b

}



.btn-danger, .btn-danger:focus {

    color: #fff;

    background: #d15b47;

    border-color: #d15b47

}



.btn-blue, .btn-blue:focus {

    color: #fff;

    background-color: #0e85c3;

    border-color: #0e85c3

}



.counseling {

    width: 100%;

    padding-top: 25px;

    display: flex;

    justify-content: space-between

}



.counseling-img {

    width: 48%

}



.counseling-content {

    width: 49%

}



.counseling-content-title {

    font-family: STSong

}



.counseling-content-title h3 {

    font-size: 22px;

    color: #006cc8;

    padding-top: 10px;

    padding-bottom: 5px

}



.counseling-content-title P {

    color: #48c647;

    padding-bottom: 15px;

    position: relative

}



.counseling-content-title P::after {

    content: '';

    width: 35px;

    height: 2px;

    background: #000;

    position: absolute;

    left: 0;

    bottom: 0;

    opacity: .3

}



.counseling-content-cont {

    padding-top: 25px;

	font-size: 14px;

	line-height: 1.7;

}



.counseling-content-cont p {

    line-height: 1.7;

    

    opacity: .7;

    padding-bottom: 10px

}



._team.team3.counselingLi {

    width: 100%

}



._team.team3.counselingLi ul li {

    width: 32%;

    margin-bottom: 20px

}



.title h3 {

    color: #006cc8

}



._team.team3.counselingLi ul li:hover .title h3 {

    color: #fff

}



.counseling-about {

    background: url(../images/lianxiwomenback.jpg) no-repeat center center;

    background-size: 100% 100%

}



.counseling-about-wrap {

    padding-top: 145px;

    padding-bottom: 115px

}



.counseling-about-cont {

    padding: 50px;

    background: #fff;

    display: flex;

    justify-content: space-between

}



.counseling_box {

    width: 100%;

    display: inline-block;

    margin-top: 50px

}



.counseling_box .zixun {

    width: 60%;

    float: left;

    display: inline-block

}



.counseling_box .contact {

    width: 40%;

    display: inline-block

}



.zixun #wrap img {

    width: 220px;

    display: inline-block;

    cursor: pointer

}



input, button {

    border: none;

    outline: none;

    background: none;

}



.ziyangForm {

    z-index: 1000;

    opacity: 1;

    visibility: hidden;

    right: 0;

    transition: all .4s ease;

    width: 312px;

    height: 510px;

    position: fixed;

    padding-left: 90px;

    padding-top: 110px;

    bottom: 50px;

    right: 0px;

    background: url(/static/assets/images/form.jpg) no-repeat;

    border: #CCC solid 1px;

}



.ziyangForm .close {

    width: 36px;

    height: 36px;

    position: absolute;

    top: 10px;

    right: 10px;

    cursor: pointer;

}



.ziyangForm input {

    width: 195px;

    height: 30px;

    margin-bottom: 21px;

}



.ziyangForm textarea {

    width: 195px;

    height: 78px;

    background: no-repeat;

    border: none;

}



.ziyangForm .submit2 {

    width: 155px;

    height: 37px;

    margin-top: 22px;

}



.ziyangForm p {

    color: white;

    font-size: 32px;

    position: absolute;

    margin-top: 37px;

    right: 50px;

}



#container div {

    width: 93%;

    border: 2px solid #006cc8;

    display: none;

    margin-top: 10px;

    text-align: left;

    padding: 20px 20px;

}



#container div.active {

    display: block;

}



.zixun #wrap img {

    border-radius: 5px;

}



.zixun #wrap .active {

    border: 2px solid #006cc8;

}



.cac-left {

    width: 56%

}



.cac-right {

    width: 40%

}



.cac-right form {

    padding-top: 30px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.cac-right form input {

    width: 45%;

    height: 55px;

    border: none;

    border-bottom: 1px solid #ccc;

    margin-bottom: 55px

}



.cac-right form textarea {

    width: 100%;

    height: 110px;

    border: none;

    border-bottom: 1px solid #ccc;

    margin-bottom: 85px

}



.cac-right form a {

    display: block;

    width: 100%;

    height: 65px;

    background: #006cc8;

    color: #fff;

    line-height: 65px;

    text-align: center;

    font-size: 16px;

    cursor: pointer

}



.expertDetail {

    width: 100%;

    padding: 55px 20px 100px

}



.eDTilte {

    width: 100%;

    text-align: center;

    padding-bottom: 40px;

    font-size: 24px

}



.eDP1 {

    width: 100%;

    display: flex;

    justify-content: center;

    opacity: .7;

    padding-bottom: 10px;

    border-bottom: 1px solid #ccc

}



.ec-left-cont {

    width: 100%;

    padding: 0 170px;

    margin-bottom: 40px;

    display: flex;

    justify-content: space-between

}



.elc-img {

    height: 250px;

    background: #006cc8;

    position: relative;

    margin-top: 20px;

    width: 23%

}



.elc-img img {

    position: absolute;

    top: 11px;

    left: 26px;

    height: 100%

}



.eDP1 p {

    margin-left: 10px

}



.elcCont {

    padding-left: 30px;

    padding-top: 40px;

    font-size: 18px

}



.elcCont p {

    padding-bottom: 20px

}



.erweima {

    width: 200px;

    margin-top: 20px

}



.erweima img {

    width: 100%

}



.erweima p {

    text-align: center;

    font-size: 18px;

    margin-top: 20px

}



.eDJ {

    width: 100%;

    padding: 0 170px

}



.eDJ h3 {

    padding-bottom: 10px

}



.eDJ p {

    text-indent: 2em

}



.expert-lecture {

    width: 100%

}



.el-bottom, .el-mid, .el-top {

    width: 50%;

    margin: 0 auto;

    display: flex

}



.el-bottom, .el-mid span, .el-top span {

    padding-left: 5px

}



.et-left {

    width: 50%

}



.et-left p {

    margin-bottom: 20px;

    font-size: 16px

}



.et-right {

    width: 50%;

    height: 100%

}



.et-right img {

    width: 50%;

    margin: 0 auto

}



.el-mid {

    padding-top: 20px

}



.el-bottom {

    padding: 20px 0;

    text-align: center

}



.thum {

    width: 100%;

    height: auto;

    overflow: hidden;

    position: relative

}



.thum .img {

    width: 100%;

    height: auto;

    background: center center no-repeat;

    background-size: cover;

    position: relative;

    transition: all .36s ease 0s

}



.kec .info {

    width: 100%;

    height: auto;

    padding: 25px 0px 15px;

    color: #fff;

    text-align: center;

    position: relative;

    z-index: 10;

    -webkit-transition: all .5s;

}



.kec .swiper-slide a:hover .info {

    padding: 15px 0px 25px;

}



.kec .info .title {

    font-size: 18px;

    line-height: 25px;

    height: 25px;

    overflow: hidden;

}



.kec .info .text {

    height: 40px;

    line-height: 20px;

    opacity: .5;

    margin-top: 10px;



}



.parent-wrap {

    padding-top: 20px

}



.expert {

    width: 100%

}



.expert ul li {

    width: 100%;

    padding-bottom: 20px

}



.expert_box li p {

    background: grey;

    color: black;

    padding: 10px 10px;

    margin: 10px 0;

    font-size: 14px;

    text-align: center;

}



.expert-cont {

    width: 100%;

    display: flex;

    justify-content: space-between;

    background: #fff url(../images/huadou3.1.jpg) no-repeat right 0 bottom 0

}



.ec-left {

    width: 32%;

    margin-left: 55px;

    margin-top: 40px;

    margin-bottom: 110px

}



.ec-right {

    width: 50%;

    padding-right: 54px

}



.ec-right b {

    display: block;

    font-size: 22px;

    color: #1187c7;

    padding-top: 75px;

    position: relative

}



.ec-right b::after {

    content: '';

    width: 375px;

    height: 2px;

    background: #1187c7;

    position: absolute;

    left: 0;

    bottom: -10px

}



.ec-right h3 {

    font-size: 33px;

    color: #1187c7;

    font-weight: 700;

    padding-top: 45px;

    padding-bottom: 35px;

    position: relative

}



.ec-right p {

    line-height: 1.7;

    padding-bottom: 30px

}



.ec-right span {

    opacity: .6;

    display: block;

    padding-bottom: 5px

}



.ec-right img {

    padding-top: 10px;

    padding-bottom: 20px

}



.ec-right small {

    display: block;

    width: 122px;

    text-align: center

}



.overall-situation2 {

    padding-top: 55px;

    padding-bottom: 40px

}



.notic-left2 {

    width: auto

}



.parent-title h3 {

    text-align: left

}



.parent-title p {

    text-align: left;

    height: 40px;

    overflow: hidden

}



.parent-cont span {

    display: block;

    opacity: .5;

    padding-bottom: 15px

}



.parentP {

    margin-bottom: 15px

}



.parent-title span {

    display: block;

    text-align: right;

    opacity: .5;

    position: relative

}



.parent-title span::after {

    content: '';

    width: 25px;

    height: 1px;

    background: #000;

    position: absolute;

    top: 10px;

    right: 125px

}



._team.team3 ul li:hover .parent-title h3 {

    color: #fff

}



._team.team3 ul li:hover .parent-title p {

    color: #fff;

    opacity: 1

}



._team.team3 ul li:hover .parent-title span {

    color: #fff;

    opacity: 1

}



._team.team3 ul li:hover .parent-title span::after {

    background: #fff;

    opacity: 1

}



.Enrollment-information {

    width: 100%;

    margin: 0 auto

}



.Enrollment-information li {

    position: relative;

    padding: 10px 0;

    border-bottom: 1px solid #ccc

}



.Enrollment-information li h3 {

    padding-bottom: 10px

}



.Enrollment-information li p {

    padding: 10px 0;

    opacity: .8;

    text-indent: 2em

}



.Enrollment-information li small {

    padding: 10px 0;

    opacity: .8

}



.join3 {

    padding: 20px 0

}



._join.join3 li {

    float: none;

    width: 100%

}



._pageTitleTab {

    margin-top: 50px

}



.Enrollment-information {

    padding-bottom: 55px

}



.sp-school {

    padding-top: 55px

}



.join001 {

    width: 100%;

    display: flex;

    justify-content: space-between

}



.join001 ul {

    width: 100%

}



.join001 ul li {

    padding: 0;

    margin-bottom: 35px;

    background: #fff;

    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .25)

}



.join001 ul li .join001A {

    display: block;

    padding: 35px

}



.join001 ul li .join001H3 {

    font-size: 18px;

    padding-bottom: 10px;

    color: #1187c7;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.join001 ul li .join001Sp {

    margin-bottom: 20px

}



.join001 ul li small {

    margin-right: 20px;

    opacity: .5

}



.join001 ul li .Jsmall {

    padding-left: 25px;

    position: relative

}



.Jsmall::after {

    content: '';

    width: 22px;

    height: 13px;

    background: url(../images/yanjing.png) no-repeat;

    position: absolute;

    left: 0;

    top: 10px

}



.Jsmall2::after {

    content: '';

    width: 22px;

    height: 13px;

    background: url(../images/yanjing.png) no-repeat;

    position: absolute;

    left: 0;

    top: 0

}



.join001 ul li .join001P {

    opacity: .7;

    height: 46px;

    overflow: hidden;

    text-indent: 0

}



.join001 ul li .join001P p {

    text-indent: 0;

    padding: 0;

    line-height: 1.7

}



.join002 {

    width: 100%;

    padding-bottom: 100px;

    display: flex;

    justify-content: space-between

}



.join002-content {

    width: 64%

}



.join002-content ul li {

    width: 100%

}



.lis {

    width: 100%;

    height: 65px;

    background: #fff;

    padding: 0 30px;

    display: flex;

    justify-content: space-between

}



.lis p {

    font-size: 18px;

    line-height: 65px

}



.lis .lisP {

    font-size: 14px;

    padding-right: 40px;

    position: relative;

    cursor: pointer

}



.lisP::after {

    content: '';

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: #c7c7c7;

    position: absolute;

    right: 0;

    top: 17px

}



.lisP::before {

    content: '';

    width: 15px;

    height: 2px;

    background: #fff;

    position: absolute;

    right: 7px;

    top: 32px;

    opacity: 1;

    z-index: 1

}



.lisP.active .mor {

    display: block

}



.mor {

    width: 100%;

    background: #fff;

    display: none

}



.mor-cont {

    padding: 25px

}



.mor-cont2 {

    padding-top: 0

}



.mor-cont p {

    padding-bottom: 5px

}



.join002-content ul li:hover .mor {

    display: block

}



.join002-content ul li:hover .lis {

    background: #006cc8;

    color: #fff

}



.join002-content ul li:hover .lis .lisP::after {

    content: '';

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: #000;

    opacity: .4;

    position: absolute;

    right: 0;

    top: 17px

}



.join002-content ul li:hover .lis .lisP::before {

    content: '';

    width: 15px;

    height: 2px;

    background: #fff;

    position: absolute;

    right: 7px;

    top: 32px;

    opacity: 1;

    z-index: 1

}



.jc-wrap {

    width: 31%;

    background: #eee;

    border-radius: 5px

}



.jc-wrap h3 {

    padding: 25px

}



.jc-wrap-cont {

    padding-left: 25px;

    padding-right: 25px;

    padding-bottom: 20px

}



.jc-wrap-cont p {

    line-height: 1.7;

    opacity: .7;

    padding-bottom: 5px

}



.xiazai {

    font-size: 18px;

    color: #006cc8

}



.specail {

    width: 100%;

    height: auto;

    padding-bottom: 35px

}



.specail2, .teach_box {

    position: relative;

    background: url(../images/tzgg-back.png)

}



.specail2::after {

    content: '';

    width: 499px;

    height: 630px;

    background: url(../images/huadong2.png) no-repeat;

    position: absolute;

    left: 0;

    top: -300px;

    z-index: -1

}



.specail-title {

    padding-bottom: 55px;

    display: none

}



.specail-title h3 {

    font-family: STSong;

    color: #006cc8;

    font-size: 28px;

    text-align: center

}



.specail ul {

    width: 100%;

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap

}



.specail ul li {

    width: 24%;

    height: 290px;

    background: #fff;

    margin-bottom: 65px

}



.specail-icon {

    display: block;

    width: 135px;

    height: 135px;

    border-radius: 50%;

    border: 2px solid #48c647;

    margin: 30px auto 15px;

    display: flex;

    justify-content: center;

    align-items: center

}



.specail ul li h3 {

    text-align: center;

    color: #006cc8;

    padding-bottom: 15px

}



.specail ul li p {

    width: 77%;

    margin: 0 auto;

    text-align: center;

    opacity: .7

}



.performance {

    padding-top: 55px;

    padding-bottom: 100px

}



.performance ul {

    width: 100%

}



.performance ul li {

    width: 100%;

    padding: 25px;

    background: #fff;

    margin-bottom: 15px

}



.performance ul li a {

    display: flex;

    justify-content: space-between

}



.performance-img {

    width: 250px;

    height: auto;

    display: flex;

    justify-content: center;

    align-items: center

}



.performance-img img {

    width: 250px;

    height: auto;

    overflow: hidden

}



.performance-content {

    width: calc(100% - 275px);

    height: auto;

    position: relative

}



.performance-content::after {

    width: 2px;

    height: 190px;

    background: #78b1e2;

    content: '';

    position: absolute;

    top: -15px;

    left: -36px;

    z-index: -2

}



.performance-content h3 {

    color: #006cc8;

    margin-bottom: 5px;

    font-size: 18px;

    line-height: 25px;

    display: block

}



.performance-content span {

    display: block;

    margin-bottom: 5px;

    opacity: .5

}



.performance-content p {

    line-height: 1.7;

    height: auto;

    overflow: hidden;

    opacity: .7

}



.performance-content::before {

    width: 30px;

    height: 30px;

    background: #fff;

    border-radius: 50%;

    border: 1px solid #48c647;

    content: '';

    position: absolute;

    top: 49%;

    left: -51px;

    z-index: -1

}



.performance ul li:hover {

    background: #006cc8;

    color: #fff

}



.performance ul li:hover .performance-content h3, .performance ul li:hover .performance-content p, .performance ul li:hover .performance-content span {

    color: #fff

}



.performance ul li:hover .performance-content::before {

    background: #48c647

}



.performance-more {

    width: 30px;

    height: 30px;

    position: relative;

    cursor: pointer;

    margin-left: 239px;

    margin-top: 25px

}



.performance-more::before {

    width: 2px;

    height: 30px;

    background: #48c647;

    content: "";

    position: absolute;

    top: 0;

    left: 15px

}



.performance-more::after {

    width: 30px;

    height: 2px;

    background: #48c647;

    position: absolute;

    content: '';

    left: 0;

    top: 15px

}



._w1200::after, .clearfix:after, .school_list::after, .sub_title::after {

    width: 100%;

    height: 1px;

    display: block;

    clear: both;

    content: ''

}



.boxs {

    width: 100%;

    height: auto;

    padding: 50px 0;

    position: relative

}



.boxs.b1 {

    background: url(../images/indexbg1.png)

}



.boxs.b2 {

    background: url(../images/bg2.jpg)

}



.synopsis3 {

    width: 1200px;

    margin: 0 auto;

    margin-bottom: 50px

}



.synopsis3 ul {

    width: 100%;

    display: flex;

    justify-content: space-between;

    height: 100%

}



.high ul li {

    width: 50% !important;

}



.synopsis3 ul li {

    width: 33.3%;

    position: relative;

    background: url(http://www.tianlieducation.com/static/images/sy-logo.jpg) no-repeat left 75px top 105px;

    height: 100%;

    overflow: hidden

}



.synopsis3 ul li::after {

    cosntent: '';

    width: 1px;

    height: 100%;

    background: rgba(0, 4, 5, .1);

    position: absolute;

    top: 0;

    right: 0

}



.synopsis3 ul li:nth-child(4)::after {

    width: 0

}



.synopsis3 ul li .synopsis3-top1 {

    height: 50%

}



.synopsis3 ul li .synopsis3-top2 {

    height: 100%;

    width: 100%;

    position: relative;

    background: url(http://www.tianlieducation.com/static/images/sy-logo.jpg) no-repeat left 75px top 105px;

    overflow: hidden;

}



.synopsis3 ul li ._more_ {

    width: 95px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    z-index: 6;

    font-size: 14px;

    position: absolute;

    left: 10%;

    bottom: 5%;

    background: url(http://www.tianlieducation.com/static/images/common/youjiantou.png) no-repeat right 10px;

    opacity: 0;

    transform: scale(.9) translate3d(0, 0, 0);

    transition: all .35s

}



.synopsis3-top {

    padding-top: 23%;

    padding-left: 10%;

    padding-right: 10%;

    position: absolute;

    z-index: 5;

    width: 100%

}



.synopsis3-top > h3, .synopsis3-top > p {

    font-family: iozzkhwu

}



.synopsis3 ul li:hover .synopsis3-bottom {

    transform: scale(1.2) translate3d(0, 0, 0)

}



.synopsis3 ul li .synopsis3-bottom2:hover {

    transform: scale(1.2) translate3d(0, 0, 0)

}



.synopsis3 ul li .synopsis3-bottom3:hover {

    transform: scale(1.2) translate3d(0, 0, 0)

}



.synopsis3-top .text p {

    color: #3e3e3e;

    font-weight: 400;

    font-size: 16px;

    text-align: center;

    letter-spacing: 0;

    text-align: justify;

    line-height: 1.4;

    margin-top: 20px

}



.synopsis3 ul li a {

    display: block

}



.synopsis3-top .text {

    opacity: 0;

    transform: scale(.9) translate3d(0, 0, 0);

    transition: all .35s

}



.synopsis3 ul li:hover .synopsis3-top .text {

    opacity: 1;

    transform: scale(1) translate3d(0, 0, 0)

}



.synopsis3 ul li:hover ._more_ {

    opacity: 1;

    transform: scale(1) translate3d(0, 0, 0)

}



.synopsis3-top img {

    margin-bottom: 15px;

    max-width: 100%;

    width: auto

}



.synopsis3-top h3 {

    font-size: 30px;

    color: #006cc8;

    font-weight: 400;

    padding-bottom: 10px

}



.synopsis3-top p {

    color: #0fa854;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 1px

}



.synopsis3-bottom {

    width: 100%;

    overflow: hidden;

    position: absolute;

    height: 100%;

    top: 0;

    background-size: cover;

    background-position: center;

    transition: all .35s;

    transform: scale(1) translate3d(0, 0, 0);

    filter: blur(0)

}



.synopsis3-bottom2 {

    width: 100%;

    overflow: hidden;

    position: absolute;

    height: 50%;

    top: 0;

    background-size: cover;

    background-position: center;

    transition: all .35s;

    transform: scale(1) translate3d(0, 0, 0);

    filter: blur(0)

}



.synopsis3-bottom3 {

    width: 100%;

    overflow: hidden;

    position: absolute;

    height: 50%;

    top: 0;

    background-size: cover;

    background-position: center;

    transition: all .35s;

    transform: scale(1) translate3d(0, 0, 0);

    filter: blur(0)

}





._w1200 {

    width: 1200px;

    height: auto;

    margin: auto;

    position: relative

}



.school_list {

    width: 100%;

    height: auto;

    position: relative;

    margin-top: -80px;

    z-index: 10

}



.school_list ul li {

    width: 32%;

    height: auto;

    margin-right: 2%;

    float: left

}



.school_list ul li:hover .top {

    background: #06c55a

}



.school_list ul li:nth-child(3n) {

    margin-right: 0

}



.school_list ul li .top {

    height: 80px;

    width: 100%;

    background: #16a1d8;

    position: relative;

    overflow: hidden;

    -webkit-transition: all .5s

}



.school_list ul li .top .x {

    width: 100%;

    margin-left: 15px;

    margin-top: 15px

}



.school_list ul li .top .x img {

    width: 200px

}



.school_list ul li .top .s {

    width: 42px;

    position: absolute;

    right: 15px;

    top: 35px;

    -webkit-transition: all .5s

}



.school_list ul li .thum {

    width: 100%;

    height: auto;

    background: #fff;

    overflow: hidden

}



.news_focus .swiper-slide .thum .pic, .notice_focus .thum .pic, .school_list ul li .thum .pin {

    width: 100%;

    height: auto;

    position: relative;

    background: center center no-repeat;

    background-size: cover;

    -webkit-transition: all .5s

}



.school_list ul li:hover .pin {

    -webkit-transform: scale(1.1)

}



.school_list ul li:hover .top .s {

    top: 25px

}



.sub_title {

    width: 100%;

    height: auto;

    position: relative;

    margin-bottom: 25px

}



.slide-inner {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-size: cover;

    background-position: center center;

}



.banner .swiper-slide {

    overflow: hidden;

}



.swiper-button-next, .swiper-button-prev {

    width: 50px;

    height: 50px;

    -webkit-transition: all .5s;

    -webkit-transform: translateX(0px);

	background: transparent;

}



.swiper-button-prev {

    left: 5%;

}



.swiper-button-next {

    right: 5%;

}



.swiper-button-prev:hover {

    -webkit-transform: translateX(-15px);

}



.swiper-button-next:hover {

    -webkit-transform: translateX(15px);

}



.swiper-button-next:after, .swiper-button-prev:after {

    width: 30px;

    height: 30px;

    position: absolute;

    left: 10px;

    top: 10px;

    background: url(../images/jt_right.png) no-repeat;

    background-size: cover;

    content: '';

}



.swiper-button-next:after {

    background-image: url(../images/jt_left.png);

}



.swiper-button-next:before, .swiper-button-prev:before {

    width: 0px;

    height: 2px;

    position: absolute;

    top: 50%;

    margin-top: -1px;

    content: '';

    background: #fff;

    -webkit-transition: all .5s;

    left: 20px;

}



.swiper-button-next:before {

    left: auto;

    right: 20px;

}



.swiper-button-next:hover:before, .swiper-button-prev:hover:before {

    width: 30px;

}



.swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    background: none;

    border: 1px solid #fff;

}



.kec .swiper-pagination-bullet {

    border: 1px solid #006cc8;

}



.kec .swiper-pagination-bullet-active {

    background: #006cc8;

}



.swiper-pagination-bullet-active {

    background: #fff;

}



.kec .swiper-slide a {

    display: block;

    width: 100%;

    height: auto;

    position: relative;

    background: #006cc8;

    padding: 10px 10px 50px;

    border-radius: 0px 0px 15px 0px;

    overflow: hidden;

}



.kec .swiper-slide a:after {

    width: 145px;

    height: 75px;

    background: url(../images/flower1.png) no-repeat;

    position: absolute;

    right: 0px;

    bottom: -20px;

    content: '';

    -webkit-transition: all .5s;

}



.kec .swiper-slide a:hover:after {

    bottom: 0%;

}



.kec .swiper-slide a:before {

    width: 400px;

    height: 400px;

    position: absolute;

    left: -400px;

    top: -400px;

    background: #0fa854;

    content: '';

    border-radius: 0px 0% 50% 50px;

    -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);

}



.kec .swiper-slide a:hover:before {

    left: -5%;

    top: 0%;

}



.kec .imgbox {

    width: 100%;

    height: auto;

    position: relative;

    overflow: hidden;

}



.kec .imgbox .pic {

    width: 100%;

    height: auto;

    background: center center no-repeat;

    background-size: cover;

    -webkit-transition: all .5s;

}



.kec .swiper-slide a:hover .pic {

    -webkit-transform: scale(1.1);

}



.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 20px;

}



.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white, .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {

    background: none;

}



.sub_title.mt0 {

    margin-top: 0

}



.sub_title .img {

    width: 450px;

    height: auto;

    float: left

}

.sub_title.d .img{

	width: 300px;

}

.sub_title .button--aylen {

    float: right;

    width: 100px;

    height: 20px;

    display: block;

    line-height: 20px;

    text-align: center;

    background: #40c347;

    vertical-align: middle;

    position: relative;

    z-index: 1;

    padding: 10px 20px;

    -webkit-backface-visibility: hidden;

    overflow: hidden;

    -webkit-transition: all .35s;

    box-sizing: content-box;

    color: #fff

}



.sub_title .school_more {

    float: right;

    position: absolute;

    right: 0px;

    top: 0px;

}



.button--aylen::before {

    background: #3eb736

}



.button--aylen::after {

    background: #319b2a

}



.news_box .news_focus {

    width: 100%;

    height: auto;

}



.news_box .news_focus img {

    width: 100%;

    height: auto;

}



.news_focus{

    width: 49%;

    height: auto;

    float: left

}



.map #allmap {

    width: 70%;

    display: inline-block;

    float: left;

}



.map .text .address span {

    font-family: PTDIN;

    font-size: 26px;

}



.map .text {

    width: 30%;

    height: 460px;

    background: #035ea3;

    display: inline-block;

    color: white;

    padding: 25px;

    position: relative;

	overflow: hidden;

}



.map .text:before {

    width: 175px;

    height: 175px;

    position: absolute;

    right: -60px;

    bottom: -30px;

    z-index: 5;

    background: url(../images/flower.png) no-repeat;

    content: '';

    -webkit-transform: rotate(45deg);

    opacity: .06;

    -webkit-animation: flowers 10s linear infinite;

}



@-webkit-keyframes flowers {

    0% {

        -webkit-transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}



.map .text .address:nth-child(2) {

    margin-top: 15px;

}



.map .text .address {

    padding: 0px 0 10px 40px;

    border-bottom: 1px solid rgba(255, 255, 255, .1);

    line-height: 20px;

    font-size: 14px;

    position: relative;

	margin-bottom: 15px;

}

.map .text .address .p1{

	margin-bottom: 10px;

}

.map .text .address:nth-child(3){

	margin-bottom: 0px;

	border-bottom: none;

}



.map .text .address:after {

    width: 30px;

    height: 30px;

    background: #fff url(../images/add_icon.png) no-repeat;

    background-size: cover;

    position: absolute;

    left: 0px;

    top: 5px;

    border-radius: 50%;

    content: '';

}



.map .text .address:nth-child(3):after {

    background-image: url(../images/tel_icon.png);

}



.news_focus .swiper-slide {

    overflow: hidden;

    box-sizing: border-box

}



.news_focus .swiper-slide .thum {

    width: 100%;

    height: auto;

    background: #fff;

    overflow: hidden

}



.news_focus .swiper-slide .info {

    position: absolute;

    width: 100%;

    height: auto;

    padding: 20px;

    box-sizing: border-box;

    bottom: 0px;

}



.news_focus .swiper-slide .info:before {

    width: 100%;

    height: 100px;

    position: absolute;

    left: 0px;

    bottom: 0px;

    background: url(../images/line_bg.png) repeat-x;

    content: '';

    opacity: .8;

}



.news_focus .swiper-slide .info .name {

    font-size: 16px;

    line-height: 1.4;

    color: white;

    position: relative

}



.news_focus .swiper-slide .info .des {

    font-size: 16px;

    line-height: 25px;

    display: block;

    margin-bottom: 15px

}



.news_focus .swiper-slide .info .time {

    width: 100%;

    height: auto;

    box-sizing: border-box;

    padding-left: 25px;

    position: relative;

    line-height: 25px;

    color: #138c35

}



.news_focus .swiper-slide .info .time::before, .notice_focus .swiper-slide .info .time::before {

    width: 20px;

    height: 20px;

    background: url(../images/date_icon.png) no-repeat;

    background-size: cover;

    content: '';

    position: absolute;

    left: 0;

    top: 2.5px

}



.swiper-pagination.focus_pag {

    text-align: right;

    left: auto;

    bottom: 10px;

    width: auto;

    right: 20px;

}



.news_list {

    width: 49%;

    height: auto;

    float: right

}



.news_list ul li {

    width: 100%;

    height: auto;

    position: relative;

    overflow: hidden;

    margin-bottom: 20px

}



.news_list ul li:last-child {

    margin-bottom: 0

}



.news_list ul li .thum {

    width: 190px;

    float: left

}



.news_list ul li .thum .pic {

    background: center center no-repeat;

    background-size: cover

}



.news_list ul li .info {

    width: calc(100% - 200px);

    height: auto;

    float: right

}



.news_list ul li .info .name {

    width: 100%;

    height: 30px;

    line-height: 30px;

    font-size: 18px;

    overflow: hidden;

    color: #006cc8

}



.news_list ul li .info .des {

    width: 100%;

    height: 50px;

    font-size: 14px;

    line-height: 25px;

    opacity: .7;

    margin-bottom: 2px

}



.news_list ul li .info .time {

    width: 100%;

    height: auto;

    box-sizing: border-box;

    padding-left: 25px;

    position: relative;

    line-height: 25px;

    color: #138c35

}



.news_list ul li .info .time::before {

    width: 20px;

    height: 20px;

    background: url(../images/date_icon.png) no-repeat;

    background-size: cover;

    content: '';

    position: absolute;

    left: 0;

    top: 2.5px

}



.news_list .school_info {

    width: 70%;

    display: inline-block;

    float: left;

}



.news_list .school_info .school_info_top {

    height: 330px;

    overflow: hidden;

    margin-bottom: 0px;

}



.news_list .school_info .school_info_top p {

    line-height: 2.1;

    margin-bottom: 5px;

}



.news_list .school_info .school_info_bottom {

    display: flex;

    position: absolute;

    bottom: 0;

    width: 33%;

    color: #006cc8;

}



.school_more {

    width: 150px;

    height: 40px;

    background-color: #ffffff;

    border-radius: 25px;

    border: solid 1px #9bccf3;

    text-align: center;

    display: block;

    cursor: pointer;

    position: relative;

    line-height: 40px;

    overflow: hidden;

}



.school_more b {

    font-weight: normal;

    position: relative;

    -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);

    z-index: 5;

    -webkit-transition: all .5s;

}



.school_more:before, .school_more:after {

    width: 200px;

    height: 200px;

    position: absolute;

    left: 50%;

    top: 140px;

    border-radius: 50%;

    content: '';

    background: #0b4b98;

    -webkit-transform: translate(-50%, -50%) rotate(45deg);

    -webkit-transition: all .6s cubic-bezier(.23, 1, .32, 1);

}



.school_more:after {

    background: #40c247;



}



.school_more:hover:after {

    top: 50px;

    -webkit-transition-delay: .1s;

}



.school_more:hover {

    border: 1px solid #40c247;

}



.school_more:hover:before, .school_more:hover:after {

    top: 70px;

}



.school_more:hover b {

    color: #fff;

}



.kec .swiper-slide:nth-child(odd) .kcBgImg {

    background: url(/static/assets/images/index6.png) 0 0 no-repeat;

    background-size: contain;

    color: white

}



.kec .swiper-slide:nth-child(even) .kcBgImg {

    background: url(/static/assets/images/index7.png) 0 0 no-repeat;

    background-size: contain;

    color: white

}



.kec .kcBgImg .title {

    text-align: center;

    font-size: 18px;

    padding: 20px 0;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 1px;

}



.kec .kcBgImg .text {

    padding: 10px 60px 30px 60px;

    text-align: center

}



.kec .kcBgImg .imgbox {

    width: 100%;

    margin: 10px 10px

}



.kec .kcBgImg .imgbox img {

    width: 262px;

    top: 10px;

    position: relative;

}



.news_list .school_info .school_info_bottom .item {

    flex: 1;

    border-right: 1px solid #006cc8;

    text-align: center;

    font-size: 20px

}



.news_list .school_righ {

    margin-left: 30px;

    width: 130px;

    float: right;

    text-align: center;

    color: white;

}



.news_list .school_righ .item {

    padding: 5px 0;

    text-align: left;

    position: relative;

}

.news_list .school_righ .item:after{

    width: 50px;

    height: 50px;

    position: absolute;

    left: 0%;

    content: '';

    background: url(../images/dz_icon.png?v=1) no-repeat;

    background-size: auto 50px;

    top: 50%;

    margin-top: -25px;

}

.news_list .school_righ .item:nth-child(2):after{

    background-position: -50px 0px;

}



.news_list .school_righ .item:nth-child(2) p:nth-child(1){

	font-size: 20px;

	font-weight: bold;

}



.news_list .school_righ .item:nth-child(3):after{

    background-position: -100px 0px;

}

.news_list .school_righ .item:nth-child(4):after{

    background-position: -150px 0px;

}

.news_list .school_righ .item p:nth-child(1) {

    font-family: PTDIN;

    font-size: 40px;

    line-height: 1;

    color: #035ea3;

}



.news_list .school_righ .item p:nth-child(2) {

    font-size: 12px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    color: #6a6a6a;

}



.news_list .school_righ .item {

    border-bottom: 1px solid #eeeeee;

    padding: 10px 0;

    padding-left: 50px;

	text-align: right;

}



.news_list .school_righ .item:last-child {

    border-bottom: transparent;

}



.school_four {

    width: 100%;

    clear: both;

    display: flex;

    justify-content: space-between;



}



.school_four .school_four_item {

    width: 100%;

    display: inline-block;

    color: white;

    padding: 25px 40px;

    overflow: hidden;

    margin-top: 35px;

    cursor: pointer;

    background: #0b4b98;

    height: 150px;

    position: relative;

}



.school_four_item .icon {

    width: 50px;

    height: 50px;

    position: absolute;

    left: 50%;

    margin-left: -25px;

    top: 35px;

    background: #fff;

    border: 1px solid #0070c8;

    border-radius: 50%;

    -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1);

    -webkit-transform: rotate(0deg);

    z-index: 10;

}



.school_four a {

    display: block;

    width: 24%;

    height: auto;

    position: relative;

}



.school_four a .school_four_item:before {

    width: 175px;

    height: 175px;

    position: absolute;

    right: -60px;

    top: 30px;

    z-index: 5;

    background: url(../images/flower.png) no-repeat;

    content: '';

    -webkit-transform: rotate(45deg);

    opacity: .06;

    -webkit-transition: all linear 6s;

}



.school_four .school_four_item .l {

    width: 25px;

    height: 25px;

    position: absolute;

    right: 0px;

    bottom: 40px;

    background: url(../images/licon.png) no-repeat;

    background-size: cover;

    -webkit-transition: all 0.8s cubic-bezier(.23, 1, .32, 1);

    opacity: 0;

    z-index: 10;

}



.school_four .school_four_item:after {

    width: 300px;

    height: 300px;

    position: absolute;

    left: 100%;

    background: #0fa854;

    border-radius: 50% 0% 0% 50%;

    content: '';

    -webkit-transition: all 0.8s cubic-bezier(.23, 1, .32, 1);

    top: 50%;

    margin-top: -150px;

}



.school_four .school_four_item:hover:after {

    left: 10%;

}



.school_four .school_four_item:hover .l {

    right: 50px;

    opacity: 1;

}



.school_four a .school_four_item:hover:before {

    -webkit-transform: rotate(360deg);

}



.school_four_item:hover .icon {

    left: 40%;

    -webkit-transform: rotate(-360deg);

    border: 1px solid #0fa854;

}



.school_four a:nth-child(1) .school_four_item:hover .icon:after {

    background-position: 0px -45px;

}



.school_four a:nth-child(2) .school_four_item:hover .icon:after {

    background-position: -45px -45px;

}



.school_four a:nth-child(3) .school_four_item:hover .icon:after {

    background-position: -90px -45px;

}



.school_four a:nth-child(4) .school_four_item:hover .icon:after {

    background-position: -135px -45px;

}



.school_four_item .icon:after {

    width: 45px;

    height: 45px;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%) scale(0.8);

    content: '';

    display: block;

    background: url(../images/home_icon.png) no-repeat;

    background-size: auto 90px;

}



.school_four a:nth-child(2) .school_four_item .icon:after {

    background-position: -45px 0px;

}



.school_four a:nth-child(3) .school_four_item .icon:after {

    background-position: -90px 0px;

}



.school_four a:nth-child(4) .school_four_item .icon:after {

    background-position: -135px 0px;

}



.school_four .school_four_item p {

    font-size: 18px;

    color: #ffffff;

    position: absolute;

    top: 60%;

    text-align: center;

    width: 100px;

    display: block;

    left: 50%;

    margin-left: -50px;

    -webkit-transition: all 1.2s cubic-bezier(.23, 1, .32, 1);

    z-index: 10;

}



.school_four_item:hover p {

    left: 41%;

}



.school_four .school_four_item .img {

    position: relative;

    width: 120px;

}



.school_four .school_four_item .img img {

    position: absolute;

    bottom: -74px;

    right: -128px;

}



.bg035ea3 {

    background: #035ea3;

}



.bg008f48 {

    background: #008f48;

}



.news_list .school_righ a:hover {

    color: black

}



.announcement_box {

    margin: 20px auto 0px;

    padding-bottom: 20px

}



.announcement_box:last-child {

    padding-bottom: 0px;

}



.announcement_box .item {

    padding-bottom: 10px;

    border-bottom: 1px solid rgba(0,0,0,.1);

    width: 100%;

    margin-bottom: 10px

}



.announcement_box .item .time {

    display: inline-block;

    float: left;

    background: #006cc8;

    color: white;

    padding: 7.55px 12px;

    width: auto;

    text-align: center;

    font-size: 12px;

    border-radius: 30px;

}

.announcement_box .item:hover p.text{

	text-decoration: underline;

}

.announcement_box .item .time.t{

	width: 84px;

	border-radius: 50px;

	text-align: center;

	background: #226e4b;

	padding: 7.55px 0px;

}



.announcement_box .item .text {

    font-size: 14px;

    padding: 6px 10px;

    margin-left: 80px;

    color: #0070c8;

    overflow: hidden;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 1;

    height: 30px;

    box-sizing: border-box;

}



.swiper-container.kec {

    padding-bottom: 50px;

}



.kePrev {

    left: -80px;

    background: url(/static/assets/images/leftSwiper.png) no-repeat;

}



.keNext {

    right: -80px;

    background: url(/static/assets/images/rightSwiper.png) no-repeat;

}



.news_box {

    width: 49%;

    height: auto;

    float: left;

    margin-right: 2%;

}

.map .text .address .p1 b{

	display: block;

	margin-bottom: 5px;

}

.news_box:nth-child(even) {

    margin-right: 0

}



.news_box

.news_box:nth-child(3), .news_box:nth-child(4) {

    margin-bottom: 0

}



.group-profile {

    margin-bottom: 50px

}



.gp-title {

    width: 100%;

    padding-top: 0px;

    padding-bottom: 20px;

    margin-bottom: 10px;

    position: relative;

    font-family: iozzkhwu

}



.gp-title::after {

    content: '';

    width: 60px;

    height: 1px;

    background: #179e4b;

    position: absolute;

    left: 0;

    bottom: 0;

    opacity: .7

}



.gp-title h3 {

    padding-bottom: 5px;

    font-weight: 400;

    font-size: 30px;

    color: #0b4b98

}



.gp-title p {

    color: #179e4b;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase

}



.gp-more {

    font-size: 16px;

    float: right;

    position: relative;

    top: -50px;

}



.gp-more:hover {

    color: #0b4b98;

}



.gp-cont {

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-top: 0px;

    flex-wrap: wrap

}



.gpC-left {

    width: 54%

}



.gpC-left .gt-p {

    font-size: 14px;

    line-height: 1.7;

}



.dyxf .swiper-pagination-bullet{

    border: 1px solid #0b4b98;

}

.dyxf .swiper-pagination-bullet-active{

    background: #0b4b98;

}



.dyxf .xxlogo{

    width: 80px;

    height: auto;

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 5;

}



.gpC-left .gt-p p{

    margin-bottom: 5px;

}



.gt-ul {

    width: 100%

}



.gt-ul ul {

    width: 100%;

    display: flex;

    justify-content: space-between

}



.gt-ul ul li {

    width: 25%;

    text-align: center;

    position: relative;

    background-size: 32px 32px;

    background-position: top center;

    background-repeat: no-repeat

}



.gt-ul ul li::before{

	width: 50px;

	height: 50px;

	position: absolute;

	left: 50%;

	margin-left: -25px;

	top: 0px;

	background: url(../images/dz_icon.png?v=1) no-repeat;

	background-size: auto 50px;

	content: '';

}

._news.news2.two ul li,._news.news2.two ul li:nth-child(3n){

	width: 49%;

	margin-right: 2%;

}

._news.news2.two ul li:nth(2n + 1){
    clear: both;
}



.dyxf .swiper-button-next,.dyxf .swiper-button-prev{

	background: none;

}



.dz_title,.dz_title2{

	width: 100%;

	height: 72px;

	position: relative;

	background: url(../images/dz_title_bg.jpg)  left center  no-repeat;

	background-size: cover;

	color: #fce387;

	margin-bottom: 25px;

}

.dz_title2{

	margin-bottom: 0px;

}

.dz_title p,.dz_title2 p{

	font-size: 32px;

	font-weight: bold;

	line-height: 72px;

	width: auto;

	margin-left: 110px;

}

.dz_title.s p{

	    margin-left: 80px;

}

.dz_title2 p{

	line-height: 1.2;

	font-size: 22px;

	padding-top: 10px;

}

._news.news2.two ul li:nth-child(2n){

	margin-right: 0%;

}

.gt-ul ul li:nth-child(2)::before{

	background-position: -50px 0px;

}

.gt-ul ul li:nth-child(2) p{

	font-size: 24px;

}

.gt-ul ul li:nth-child(3)::before{

	background-position: -100px 0px;

}

.gt-ul ul li:nth-child(4)::before{

	background-position: -150px 0px;

}

.gt-ul ul li p {

    padding-top: 50px;

    color: #0b499b;

    font-size: 44px;

    font-weight: 700;

    font-family: PTDIN;

	height: 100px;

	line-height: 50px;

}



.gt-ul ul li span {

    opacity: .5

}



.gt-ul ul li::after {

    content: '';

    width: 1px;

    height: 80px;

    background: #000;

    position: absolute;

    right: 0;

    top: 20px;

    opacity: .1;

}



.gt-ul ul li:nth-child(4)::after {

    opacity: 0

}



.gpC-right {

    width: 42%

}



.boxs.brand-culture {



    background: #0b499b;



}



.brand-culture .bc-cont {

    margin-top: 20px;

    position: relative

}



.Modal {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    left: 0;

    transition: ease .7s;

    z-index: 5;

    opacity: 0;

    visibility: hidden

}



.Modal.active {

    opacity: 1;

    visibility: inherit

}



.Modal .overBOx {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}



.Modal .overBOx ._w1400 {

    height: 100%

}



.Modal .btnOfff {

    position: absolute;

    width: 64px;

    height: 64px;

    line-height: 64px;

    color: #0c499b;

    font-weight: 700;

    text-align: center;

    right: 0px;

	top: -64px;

    background: #fff;

    cursor: pointer;

    font-size: 26px;

    box-shadow: 2px 2px 2px rgba(148, 148, 148, .2)

}

.oteam{

	margin-top: 50px;

}

.Modal .overBOx .content {

    height: 100%;

	background: #fff;

}



.Modal .overBOx .content img {

    position: relative;

    top: 50%;

    transform: translateY(-50%)

}



.Modal .overBOx .content .text {

    padding: 3% 60px;

    width: 50%;

    height: 100%;

    position: relative

}



.Modal .overBOx .content .text:after {

    content: '';

    position: absolute;

    background: url(../images/icon_tree.png);

    width: 68px;

    height: 105px;

    bottom: 0;

    right: 3%

}



.Modal .overBOx .content .text:before {

    content: '';

    position: absolute;

    width: 90px;

    height: 68px;

    background: url(../images/icon_aircraft.png);

    bottom: 3%;

    left: 60px

}



.Modal .overBOx .content .pic {

    width: 50%;

    height: 100%

}



.bc-title {

    padding-top: 45px;

    color: #fff;

    text-align: center;

    position: relative;

    font-family: iozzkhwu

}



.bc-title h3 {

    font-size: 30px;

    font-weight: 400;

    padding-bottom: 5px

}



.bc-title p {

    font-size: 16px;

    padding-bottom: 20px;

    font-weight: 600;

    letter-spacing: 1px

}



.bc-title::after {

    content: '';

    width: 65px;

    height: 1px;

    background: #fff;

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -30px

}



.bc-cont ul {

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.bc-cont ul li {

    color: #fff;

    width: 32%;

    position: relative;

    margin-bottom: 20px;

    transition: ease .5s

}



.bc-cont ul li:nth-child(4), .bc-cont ul li:nth-child(5), .bc-cont ul li:nth-child(6) {

    margin-bottom: 0

}



.bcC-img {

    width: 100%;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden

}



.bcC-img img {

    transition: all .4s ease

}



.bcC-p {

    text-align: center;

    padding: 20px 0;

    font-size: 20px

}



.bcC-p i {

    background: url(../images/jrtl-title.png) no-repeat center/cover;

    width: 26px;

    height: 26px;

    display: inline-block;

    vertical-align: middle;

    position: relative;

    opacity: 0;

    transition: ease .5s

}



.bcC-p i:after {

    content: '';

    position: absolute;

    width: 20px;

    height: 1px;

    background: rgba(255, 255, 255, .5);

    top: 50%

}



.bcC-p i.iconL {

    margin-right: 25px

}



.bcC-p i.iconR {

    margin-left: 25px

}



.bcC-p i.iconL:after {

    left: 100%

}



.bcC-p i.iconR:after {

    right: 100%

}



.recruitment {

    width: 100%

}



.recruitment ul {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between

}



.recruitment ul li {

    width: 49%;

    display: flex

}



.pageEducation .hrPageList ul li.AofrC {

    display: block;

    padding: 30px;

    background: #ffff

}



.recruitment ul li.ideaBG {

    background-size: cover;

    background-position: center

}



.recruitment .purpose {

    color: #0b499b;

    padding: 0 35px;

    overflow: hidden

}



.recruitment .purpose h3 {

    font-size: 18px;

    font-weight: inherit

}



.recruitment .inforContact {

    margin-top: 25px;

    padding: 0 35px

}



.recruitment .inforContact p {

    color: rgba(54, 54, 54, .85);

    line-height: 24px

}



.recruitment .inforContact a {

    vertical-align: middle;

    display: inline-block;

    line-height: 24px

}



.recruitment .inforContact p span {

    line-height: 24px;

    display: inline-block;

    vertical-align: middle

}



.recruitment .inforContact p span:nth-child(4) {

    margin-left: 10px

}



.recruitment .inforContact p + p {

    margin-top: 5px

}



.recruitment .inforContact p i {

    color: #bababa;

    font-size: 22px;

    vertical-align: middle;

    width: 24px;

    height: 24px;

    margin-right: 10px;

    text-align: center

}



.recruitment .inforContact h3 {

    font-size: 18px;

    margin-bottom: 10px

}



.recruitment.hrPageList ul li:nth-child(3), .recruitment.hrPageList ul li:nth-child(4) {

    margin-top: 20px

}



.recruitment .inforContact .inforBox {

    vertical-align: top

}



.recruitment .inforContact .inforBox > span {

    display: block

}





.recruitment.hrPageList li:nth-child(1) .purpose {

    height: 200px

}



.rL-left {

    width: 52%;

    background: #179e4b;

    padding: 30px 30px 0;

    height: 100%;

    position: relative

}



.rL-left a {

    display: block;

    height: 100%;

    width: 100%;

    position: relative

}



.rLl-p {

    width: 100%;

    height: auto;

    color: #fff;

    padding-left: 30px;

    padding-right: 10px;

    overflow: hidden;

    margin-bottom: 10px;

    line-height: 2;

    opacity: .7

}



.rLl-span {

    color: #fff;

    padding-left: 25px;

    margin-left: 30px;

    position: absolute;

    bottom: 30px

}



.rLl-span::after {

    width: 15px;

    height: 15px;

    content: '';

    border-radius: 50%;

    background: url(http://www.tianlieducation.com/static/assets/images/lvsanjiao.png) no-repeat;

    position: absolute;

    left: 0;

    top: 2px

}



.rL-right {

    width: 48%

}



.talent-concept {

    width: 100%;

    background: url(../images/bgl.png);

    margin-top: 45px;

    padding: 30px 35px 25px;

    margin-bottom: 28px;

    box-shadow: 0 0 5px 2px rgba(142, 142, 142, .2)

}



.tac-title {

    color: #fff;

    padding-left: 35px;

    padding-bottom: 25px;

    background: url(http://www.tianlieducation.com/static/assets/images/jrtl-title.png) no-repeat left top;

    font-family: iozzkhwu

}



.tac-title h3 {

    font-size: 20px;

    font-weight: 400;

    padding-bottom: 5px

}



.tac-title p {

    opacity: .7;

    font-weight: 700;

    text-transform: uppercase

}



.tac-cont {

    width: 100%

}



.tac-cont ul {

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.tac-cont ul li {

    width: 47%;

    margin-bottom: 25px

}



.tacc-img {

    width: 53px;

    margin-left: 30px

}



.tacc-img img {

    width: 53px

}



.tacc-text {

    color: #fff

}



.tac-cont ul li:nth-child(odd) {

    display: flex;

    flex-direction: row-reverse

}



.tac-cont ul li:nth-child(even) {

    display: flex;

    flex-direction: row

}



.tac-cont ul li:nth-child(even) .tacc-img {

    margin-left: 0;

    margin-right: 30px

}



.tac-cont ul li:nth-child(odd) p {

    text-align: right

}



.tac-cont ul li:nth-child(even) p {

    text-align: left

}



.recruitment ul li:nth-child(2) .rL-left, .recruitment ul li:nth-child(3) .rL-left {

    background: #0b499b

}



/*.recruitment ul li:nth-child(4){display:block;padding:30px;background:#fff}*/

#allmap {

    width: 100%;

    height: 460px;

    position: relative;

}



.rL-left2 {

    background: #fff

}



.tac-title2 {

    background: url(../images/jtjj-hua.png) no-repeat left top

}



.tac-title2 h3 {

    color: #0b499b

}



.tac-title2 p {

    color: #039343

}



.rLl-p {

    height: 150px

}



.hrPageList ul li {

    padding: 0;

    display: flex

}

.hrPageList ul li a{

	display: flex;

}

.hrPageList ul .rL-right {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat

}



.hrPageList ul .rL-right img {

    opacity: 0

}



.rul4 {

    width: 100%;

    color: #0b499b;

    padding-left: 30px;

    padding-right: 130px;

    overflow: hidden;

    margin-bottom: 20px

}



._w1200.s {

    margin-bottom: 100px

}



.notice_focus .thum {

    position: relative;

    width: 100%;

    height: auto;

    overflow: hidden;

    border-radius: 5px

}



.notice_focus .thum::after {

    width: 100%;

    height: 235px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: url(../images/notice_bg.png) bottom left repeat-x;

    content: ''

}



.notice_focus .swiper-slide {

    width: 100%;

    height: auto;

    position: relative

}



.notice_focus .swiper-slide .info {

    width: 100%;

    height: auto;

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 10px 20px;

    color: #fff;

    box-sizing: border-box

}



.notice_focus .swiper-slide .info .name {

    width: 100%;

    height: 30px;

    font-size: 18px;

    line-height: 30px

}



.notice_focus .swiper-slide .info .time {

    width: 100%;

    height: 25px;

    font-size: 14px;

    line-height: 25px;

    position: relative;

    padding-left: 25px;

    box-sizing: border-box;

    color: rgba(255, 255, 255, .7)

}



.notice_focus .swiper-slide .info .time::before {

    background-image: url(../images/date_iconw.png)

}



.notice_focus .swiper-pagination {

    position: absolute;

    right: 20px;

    width: auto;

    text-align: right

}



.notice_focus .swiper-pagination .swiper-pagination-bullet {

    background: #fff

}



.no_list {

    width: 100%;

    height: auto

}



.no_list a {

    display: block;

    width: 100%;

    height: 50px;

    line-height: 50px;

    border-bottom: 1px solid rgba(255, 255, 255, .5);

    position: relative;

    color: #fff;

    padding-left: 20px;

    box-sizing: border-box

}



.no_list a::after {

    width: 10px;

    height: 10px;

    background: #fff;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -5px;

    content: '';

    display: block

}



.no_list a p {

    display: block;

    width: calc(100% - 100px);

    overflow: hidden

}



.no_list a span {

    position: absolute;

    right: 0;

    top: 0;

    color: rgba(255, 255, 255, .5)

}



.sub_title.cen .img {

    float: none;

    margin: auto;

    width: 300px

}



.process {

    width: 0;

    height: 1px;

    position: absolute;

    left: 0;

    top: 0;

    background: #138c35;

    opacity: 1;

    z-index: 10

}



.process.on {

    -webkit-transition: all 8s;

    width: 100%

}



._team.team3 ul li .thum .code {

    width: 50px;

    height: auto;

    position: absolute;

    right: 10px;

    top: 10px

}



._team.team3.counselingLi ul li:hover .code {

    width: 100px

}



.video_list {

    width: 100%;

    height: auto;

    overflow: hidden;

    padding-top: 50px;

    padding-bottom: 100px

}



.video_list ul {

    display: inline-block

}



.video_list ul li {

    width: 31%;

    height: auto;

    position: relative;

    display: inline-block;

    margin-right: 2%;

    margin-bottom: 15px

}



.video_list ul li .info {

    width: 100%;

    height: auto;

    overflow: hidden

}



.video_list ul li .info .il h3 {

    font-size: 16px;

    display: block;

    font-weight: 400;

    height: 25px;

    line-height: 25px;

	overflow: hidden;

}



.video_list ul li .info .il p {

    font-size: 14px;

    opacity: .7;

    line-height: 20px;

	overflow: hidden;

	height: 20px;

}



.video_list ul li .info .il {

    width: calc(100% - 100px);

    height: auto;

    float: left;

    padding: 15px;

    background: #fff

}



.video_list ul li .info .download {

    width: 100px;

    height: 75px;

    float: right;

    background: #06c55a;

    color: #fff;

    text-align: center;

    position: relative;

    line-height: 100px;

	cursor: pointer;

}



.video_list ul li .info .download::after {

    width: 30px;

    height: 30px;

    position: absolute;

    left: 50%;

    top: 15px;

    margin-left: -15px;

    background: url(../images/download_icon.png) no-repeat;

    background-size: cover;

    content: ''

}



.video_list ul li:nth-child(3n) {

    margin-right: 0

}



.single_page {

    padding: 0 0 30px;

    line-height: 2;

    font-size: 16px

}



.ndc_detail img, .ndc_detail p, .single_page img, .single_page p {

    margin-bottom: 15px

}



.pnt50 {

    padding-top: 50px

}



.videoBox {

    width: 1000px;

    height: auto;

    margin: auto;

    position: relative;

    margin-top: 50px;

    margin-bottom: 100px

}



.v-title {

    padding: 10px 0;

    width: calc(100% - 175px);

    height: auto;

    font-weight: 700;

    font-size: 28px;

    line-height: 36px

}



.videoBox .vD {

    margin-bottom: 25px;

    width: 100%;

    font-size: 14px;

    line-height: 20px;

    opacity: .7

}



.videoBox .vC {

    width: 100%;

    height: auto;

    background: rgba(0, 0, 0, .1)

}



.videoBox video {

    width: 100%;

    height: auto;

    margin: auto;

    display: block

}



.backVideo {

    position: absolute;

    width: 100%;

    height: 50px;

    right: 0;

    top: 0

}



.backVideo a {

    float: right;

    display: block;

    width: 150px;

    height: 45px;

    background: #06c55a;

    color: #fff;

    text-align: center;

    line-height: 45px;

    cursor: pointer

}



.mobile {

    display: none

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .sub_title .img {

        width: 250px

    }



    .news_list ul li .info .des {

        display: none

    }



    .news_list ul li .info .name {

        height: 85px;

        line-height: 25px

    }



    .sub_title.cen .img {

        width: 250px

    }



    .boxs {

        padding: 50px 0

    }



    .header2-wrapper {

        width: 100%

    }



    ._w1200 {

        width: 90%

    }



    ._w1200 ._w1200 {

        width: 100%

    }



    .sub_title {

        margin-top: 50px

    }



    #certify {

        width: 100%

    }



    #certify .swiper-slide {

        width: 650px;

        height: inherit

    }



    .footer2 p {

        width: 100%

    }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .pc {

        display: none

    }



    .mobile {

        display: block

    }



    .active a {

        color: #16a1d8 !important

    }



    ._news_detail, .about, .djxf, .ohter-wrap ul, .teacher, .video_list {

        width: 95%;

        margin-left: 2.5%

    }



    .ohter-wrap ul li, .ohter-wrap2 ul li, .teacher ul li {

        width: 49%

    }



    .join001 ul li .join001H3 {

        white-space: inherit

    }



    .sp_header {

        height: 50px;

        overflow: hidden;

        background: #fff;

        position: fixed;

        z-index: 100;

        width: 100%;

        top: 0

    }



    .sp_logo {

        padding: 10px;

        float: left;

        height: 50px

    }



    .sp_logo img {

        margin: auto;

        max-height: 30px

    }



    .sp_nav {

        width: 50px;

        float: right;

        position: relative;

        cursor: pointer;

        height: 30px;

        margin-top: 15px

    }



    .sp_nav span {

        display: block;

        background: #16a1d8;

        width: 30px;

        height: 2px;

        position: absolute;

        left: 10px;

        transition: all ease .35s

    }



    .sp_nav span:nth-of-type(1) {

        top: 0

    }



    .sp_nav span:nth-of-type(2) {

        top: 10px

    }



    .sp_nav span:nth-of-type(3) {

        top: 20px

    }



    .sp_nav_se span:nth-of-type(1) {

        top: 10px;

        transform: rotate(45deg)

    }



    .sp_nav_se span:nth-of-type(2) {

        width: 0

    }



    .sp_nav_se span:nth-of-type(3) {

        top: 10px;

        transform: rotate(-45deg)

    }



    .sjj_nav {

        position: fixed;

        z-index: 100;

        background: #fff;

        width: 100%;

        height: 100%;

        font-size: 14px;

        line-height: 40px;

        top: -100%;

        left: 0;

        overflow: auto;

        overflow-x: hidden;

        transition: top ease .35s

    }



    .nav_show {

        top: 50px

    }



    .sjj_nav > ul > li:first-child {

        overflow: hidden;

        border-top: 0

    }



    .sjj_nav > ul > li:first-child > a {

        float: left;

        width: calc(100% - 70px)

    }



    .sjj_nav > ul > li:first-child .language {

        float: right;

        width: 70px;

        overflow: hidden;

        line-height: 30px;

        margin-top: 5px

    }



    .sjj_nav > ul > li:first-child .language a {

        width: 35px;

        float: left;

        border-left: 1px #ddd solid;

        text-align: center;

        color: #999

    }



    .sjj_nav ul li i {

        position: absolute;

        top: 5px;

        right: 0;

        border-left: 1px #ddd solid;

        height: 50px;

        padding: 0 7px

    }



    .sjj_nav ul li i svg {

        transform: rotate(-90deg);

        transition: all ease .35s

    }



    .sjj_nav ul li .sjj_nav_i_se svg {

        transform: rotate(0)

    }



    .sjj_nav ul li {

        border-top: 1px #ddd solid;

        margin-left: 20px;

        position: relative;

        line-height: 60px;

        font-size: 14px

    }



    .sjj_nav > ul > li:last-child {

        border-bottom: 1px #ddd solid

    }



    .sjj_nav ul li ul {

        display: none

    }



    .sjj_nav ul li a {

        color: #666;

        width: 80%;

        display: block

    }



    .sjj_nav ul li ul li a {

        color: #999;

        display: block;

        text-align: left

    }



    .sjj_nav ul li i svg {

        width: 20px;

        height: 20px;

        fill: #555

    }



    .sjj_nav ul li .sjj_nav_i_se svg {

        fill: #16a1d8

    }



    .sjj_nav ul li ul li > ul {

        margin-left: 10px

    }



    .banner ul li .img .a {

        height: 90%

    }



    .banner {

        height: 45vh;

        margin-top: 50px

    }



    ._w1200 {

        width: 100%

    }



    .school_list ul li {

        width: 100%;

        padding-bottom: 10px

    }



    .school_list {

        margin-top: -25px

    }



    .sub_title {

        margin-top: 20px;

        margin-bottom: 20px

    }



    .sub_title .img {

        width: 60%;

        margin-left: 10px

    }



    .sub_title .button--aylen {

        width: 50px;

        height: 12px;

        line-height: 12px;

        margin-right: 10px;

        font-size: 12px

    }



    .news_focus {

        width: 100%

    }



    .news_focus .swiper-slide .info::after {

        width: 0

    }



    .news_list {

        width: 95%;

        padding-top: 10px;

        margin-right: 2%

    }



    ._w1200.s {

        margin-bottom: 20px

    }



    .boxs {

        padding: 20px 0

    }



    .news_box {

        width: 95%;

        margin-left: 2.5%

    }



    .no_list a p {

        white-space: nowrap

    }



    .news_box:nth-child(3), .news_box:nth-child(4) {

        margin-bottom: 50px

    }



    .news_focus .swiper-slide .info .name, .news_list ul li .info .name {

        font-size: 16px

    }



    .news_focus .swiper-slide .info .des, .notice_focus .swiper-slide .info .name {

        font-size: 14px

    }



    .sub_title.cen .img {

        width: 200px

    }



    #certify {

        width: 100%

    }



    #certify .swiper-slide {

        width: 450px !important;

        height: inherit

    }



    .swiper-button-next, .swiper-button-prev {

        display: none

    }



    .footer2 p {

        width: 100%

    }



    .footer1-wrap-left {

        margin-left: 36px

    }



    .footer1-wrap-right {

        float: inherit

    }



    .footer1-wrap-right .fwr-p {

        float: left

    }



    .footer1-wrap-right ul {

        padding-top: 20px;

        border: transparent;

        margin-left: 180px

    }



    .footer1-wrap-right ul li {

        width: 145px;

        padding: 0 0 50px

    }



    .footer1-wrap-left, .footer1-wrap-left p {

        width: 100px;

        padding-bottom: 15px

    }



    .footer1-wrap-right .fwr-p {

        width: 90%;

        margin-left: 5%;

        padding-top: 10px;

        border-top: 1px solid #cdcdcd

    }



    .footer1-wrap-right p {

        text-align: left

    }



    .footer2 {

        font-size: 12px

    }



    .footer2 p {

        width: 97%

    }



    .school_list {

        margin-top: -70px !important

    }

}



@media screen and (max-width: 768px) {

    .expertDetail {

        padding: 0;

        margin: 20px 0

    }

	.chklos .item{

		width: 100%;

		margin-right: 0%;

		display: block;

	}

	.chklos .item .text p{

		width: 100%;

		padding: 15px;

		font-size: 14px;

		text-align: center;

		height: auto;

		line-height: 20px;

	}

	.chklos .item .img,.chklos .item .text{

		width: 100%;

	}

	.chklos .item .text{

		position: absolute;

		left: 0px;

		bottom: 0px;

	}

	.chklos_logo{

		display: none;

	}

	.gp-title h3{

		font-size: 20px;

	}

	.gp-title{

		padding-bottom: 10px;

		margin-bottom: 5px;

	}

    .eDTilte {

        font-size: 16px;

        text-align: center;

        padding-bottom: 20px

    }



    .eDP1 {

        font-size: 12px

    }



    .ec-left-cont {

        padding: 0;

        display: inherit

    }



    .elc-img {

        width: 100%

    }



    .eDJ {

        display: none

    }



    .videoBox video {

        width: 90%

    }



    .videoBox {

        width: 95%;

        margin-left: 2.5%

    }



    .v-title {

        font-size: 16px

    }



    .mor {

        display: block

    }



    .join002-content ul li .lis {

        background: #006cc8;

        color: #fff

    }



    .lis .lisP {

        display: none

    }



    .tmarks::before {

        border-bottom: transparent

    }



    .tmarks::after {

        border-top: transparent

    }



    .tmarks {

        font-size: 12px;

        padding: 0 10px 0 5px

    }



    .counseling-content-cont p {

        line-height: inherit;

        height: auto

    }



    #certify .swiper-pagination2 {

        display: none

    }



    .about-header {

        height: auto

    }



    .about-nav a::after {

        width: 0

    }

	.counseling_box .zixun{

		width: 100%;

	}

	.zixun #wrap img{

		width: 32%;

	}

	#container div{

		width: 100%;

		padding: 10px;

	}

	.counseling_box .contact{

		width: 100%;

		    margin-left: 0%;

	}

	.cac-right form input{

		margin-bottom: 15px;

	}

	.aboutWrap .text{

		display: none;

	}

	.sub_title.d .img{

		width: 200px;

	}

	.about-nav{

		display: none;

	}

    .sub_banner {

        margin-top: 50px

    }

	.gpC-left{

		margin-bottom: 15px;

	}

	.gt-ul ul li p{

		padding-top: 40px;

	}

	.gt-ul ul li:nth-child(2) p{

		font-size: 18px;

	}

	.gt-ul{

		    margin-top: 15px;

	}

	.bc-cont ul li{

		width: 48%;

	}

	.bcC-p{

		    padding: 0px 0;

		    font-size: 14px;

		    padding-top: 10px;

	}

	.Modal .btnOfff{

		width: 45px;

		height: 45px;

		top: -45px;

		line-height: 45px;

		font-size: 18px;

	}

	.Modal .overBOx ._w1400,.recruitment ul li{

		width: 100%;

	}

	.rL-left{

		padding: 10px;

	}

	.tac-title h3{

		font-size: 14px;

		font-weight: bold;

	}

	.tac-title{

		background: none;

		padding-left: 0px;

		padding-bottom: 0px;

	}

	.tac-title p,.rLl-span{

		display: none;

	}

	.about-main .team-cont .boss .boss_item{

		display: block;

	}

	.about-main .team-cont .boss .int{

		float: none;

		padding: 15px;

	}

	.rLl-p{

		height: auto;

		padding: 0px;

		    font-size: 12px;

		    line-height: 1.7;

	}

	.recruitment.hrPageList ul li:nth-child(2),.recruitment.hrPageList ul li:nth-child(3), .recruitment.hrPageList ul li:nth-child(4){

		margin-top: 10px;

	}

	.gpC-left,.gpC-right{

		width: 100%;

	}

	.gt-ul ul li p{

		font-size: 30px;

		    height: 80px;

	}

    .qrCode {

        margin: 10px auto;

        text-align: center

    }



    .xiaofuP1::after, .xiaofuP2::after {

        width: 0

    }



    .xiaofu {

        display: inherit;

        text-align: center;

        background: #fff;

        padding-top: 15px

    }



    .school-profile h3 img {

        width: 250px

    }

	.sp-school{

		padding-top: 25px;

	}

	.school-profile{

		margin-bottom: 10px;

		padding-bottom: 0px;

	}

    .single_page {

        width: 95%;

        margin-left: 2.5%

    }



    .certify2 {

        padding-bottom: 20px;

        padding-top: 10px

    }



    .qrCode img {

        margin: 0 auto;

        text-align: center;

        width: 150px

    }



    .banner .btn {

        top: 40%

    }



    .banner .btn:hover {

        -webkit-transform: scale(.7)

    }



    .banner .btn.prev:hover {

        -webkit-transform: scale(.7) rotate(-180deg)

    }



    .news_focus .swiper-slide .info::after {

        width: 0

    }



    .news_focus .swiper-slide .info {

        padding: 10px

    }



    .news_focus .swiper-slide .info .name {

        line-height: 25px

    }



    .news_list ul li .info .des {

        display: none

    }



    .news_list ul li .info .name {

        height: 85px;

        line-height: 25px

    }



    .pc {

        display: none

    }



    .mobile {

        display: block

    }



    .active a {

        color: #16a1d8 !important

    }



    .sp_header {

        height: 50px;

        overflow: hidden;

        background: #fff;

        position: fixed;

        z-index: 100;

        width: 100%;

        top: 0

    }



    .sp_logo {

        padding: 10px;

        float: left;

        height: 50px

    }



    .sp_logo img {

        margin: auto;

        max-height: 30px

    }



    .sp_nav {

        width: 50px;

        float: right;

        position: relative;

        cursor: pointer;

        height: 30px;

        margin-top: 15px

    }



    .sp_nav span {

        display: block;

        background: #16a1d8;

        width: 30px;

        height: 2px;

        position: absolute;

        left: 10px;

        transition: all ease .35s

    }



    .sp_nav span:nth-of-type(1) {

        top: 0

    }



    .sp_nav span:nth-of-type(2) {

        top: 10px

    }



    .sp_nav span:nth-of-type(3) {

        top: 20px

    }



    .sp_nav_se span:nth-of-type(1) {

        top: 10px;

        transform: rotate(45deg)

    }



    .sp_nav_se span:nth-of-type(2) {

        width: 0

    }



    .sp_nav_se span:nth-of-type(3) {

        top: 10px;

        transform: rotate(-45deg)

    }



    .sjj_nav {

        position: fixed;

        z-index: 100;

        background: #fff;

        width: 100%;

        height: 100%;

        font-size: 14px;

        line-height: 40px;

        top: -100%;

        left: 0;

        overflow: auto;

        overflow-x: hidden;

        transition: top ease .35s

    }



    .nav_show {

        top: 50px

    }



    .sjj_nav > ul > li:first-child {

        overflow: hidden;

        border-top: 0

    }



    .sjj_nav > ul > li:first-child > a {

        float: left;

        width: calc(100% - 70px)

    }



    .sjj_nav > ul > li:first-child .language {

        float: right;

        width: 70px;

        overflow: hidden;

        line-height: 30px;

        margin-top: 5px

    }



    .sjj_nav > ul > li:first-child .language a {

        width: 35px;

        float: left;

        border-left: 1px #ddd solid;

        text-align: center;

        color: #999

    }



    .sjj_nav ul li i {

        position: absolute;

        top: 5px;

        right: 0;

        border-left: 1px #ddd solid;

        height: 30px;

        padding: 0 7px

    }



    .sjj_nav ul li i svg {

        transform: rotate(-90deg);

        transition: all ease .35s

    }



    .sjj_nav ul li .sjj_nav_i_se svg {

        transform: rotate(0)

    }



    .sjj_nav ul li {

        border-top: 1px #ddd solid;

        margin-left: 20px;

        position: relative;

        line-height: 40px;

        font-size: 14px

    }



    .sjj_nav > ul > li:last-child {

        border-bottom: 1px #ddd solid

    }



    .sjj_nav ul li ul {

        display: none

    }



    .sjj_nav ul li a {

        color: #666;

        width: 80%;

        display: block

    }



    .sjj_nav ul li ul li a {

        color: #999;

        display: block;

        text-align: left

    }



    .sjj_nav ul li i svg {

        width: 20px;

        height: 20px;

        fill: #555

    }



    .sjj_nav ul li .sjj_nav_i_se svg {

        fill: #16a1d8

    }



    .sjj_nav ul li ul li > ul {

        margin-left: 10px

    }



    .banner ul li .img .a {

        height: 80%

    }



    .banner {

        height: 40vh;

        margin-top: 50px

    }



    ._w1200 {

        width: 100%

    }



    .school_list {

        margin-top: -60px

    }



    .school_list ul li {

        width: 100%;

        padding-bottom: 10px

    }



    .school_list ul li .top {

        height: 50px

    }



    .school_list ul li .top .x {

        margin-top: 5px

    }



    .school_list ul li .top .x img {

        width: 150px

    }



    .school_list ul li .top .s {

        width: 30px;

        right: 15px;

        top: 10px

    }



	.sub_title{

		margin-bottom: 5px;

	}

	.news_list .school_info{

		width: 100%;

		margin-bottom: 20px;

	}

	.news_list .school_info .school_info_top{

		height: auto;

	}

	.news_list .school_info .school_info_top p{

		line-height: 1.7;

	}

	.sub_title .school_more{

		display: none;

	}

	.school_more{

		margin: 0px auto;

	}

	.news_list .school_righ{

		width: 100%;

		margin-left: 0%;

		margin-bottom: 10px;

	}

	.school_four{

		    flex-wrap: wrap;

	}

	.school_four a{

		width: 49%;

	}

	.school_four .school_four_item:hover .l{

		    right: 20px;

	}

	.news_list .school_righ .item{

		width: 25%;

		float: left;

		padding: 0px;

		padding-top: 50px;

		text-align: center;

		border-bottom: none;

	

	}

	.news_list .school_righ .item:nth-child(2) p:nth-child(1){

		height: 30px;

		line-height: 30px;

	}

	.news_list .school_righ .item:after{

		    top: 0%;

		    margin-top: 0px;

			left: 50%;

			margin-left: -25px;

	}

	.news_list .school_righ .item:last-child{



			    text-align: center;

	}

	.taocC-p{

		display: none;

	}

    .sub_title .img {

        width: 300px;

        margin-left: 0px

    }



	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

		bottom: 10px;

	}

	.swiper-pagination-bullet{

		width: 6px;

		height: 6px;

	}

    .news_focus {

        width: 100%

    }

	.news_list .school_righ .item p:nth-child(1){

		font-size: 30px;

	}

    .news_list {

        width: 100%;

        padding-top: 10px;

        margin-right: 0%

    }



    ._w1200.s {

        margin-bottom: 20px

    }



    .boxs {

        padding: 20px 3%;

    }

	.swiper-container.kec{

		padding-bottom: 30px;

	}

	.footer1{

		    padding: 0px 3%;

	}

	._news.news2 ul li{

		width: 49%;

	}

	.news_box{

		width: 100%;

		margin-right: 0%;

		margin-bottom: 25px;

	}

    .no_list a p {

        white-space: nowrap

    }

	.announcement_box .item .time{

		padding: 5px 0px;

		width: 80px;

		font-size: 12px;

	}

	.announcement_box .item .time.t{

		width: 80px;

	}

	.announcement_box .item{

		    margin-bottom: 10px;

			    padding-bottom: 10px;

		

	}

	.announcement_box .item:last-child{

		margin-bottom: 0px;

	}

	.map #allmap{

		width: 100%;

		height: 250px;

	}

	.map .text{

		width: 100%;

		height: auto;

		    padding: 20px 10px;

	}

	.map .text>img:nth-child(1){

		width: 150px;

	}

	.map .text .address:nth-child(2){

		margin-top: 5px;

		font-size: 14px;

	}

	.school_four .school_four_item p{

		font-size: 14px;

	}

	.school_four .school_four_item{

		margin-top: 0px;

		margin-bottom: 10px;

	}

	.kec .swiper-slide a{

		    padding: 5px 5px 50px;

	}

	.kec .info{

		    padding: 10px 0px 5px;

	}

	.kec .info .title{

		height: auto;

		line-height: 25px;

		font-size: 16px;

	}

	.announcement_box .item .text{

		font-size: 14px;

		padding: 0px;

		margin-left: 85px;

		height: 30px;

		line-height: 30px;

	}

	.announcement_box{

		    margin: 10px auto;

		    padding-bottom: 10px;

	}

	.news_box:last-child{

		margin-bottom: 0px;

	}

    .news_box:nth-child(3), .news_box:nth-child(4) {

        margin-bottom: 50px

    }



    .news_focus .swiper-slide .info .name, .news_list ul li .info .name {

        font-size: 14px;

        overflow: hidden;

        text-overflow: ellipsis;

        -ms-text-overflow: ellipsis;

        display: -webkit-box;

        line-clamp: 1;

        -webkit-line-clamp: 1;

        -webkit-box-orient: vertical

    }



    .news_focus .swiper-slide .info .des, .notice_focus .swiper-slide .info .name {

        font-size: 14px

    }



    .sub_title.cen .img {

        width: 150px

    }



    #certify {

        width: 100%

    }



    #certify .swiper-slide {

        width: 330px;

        height: inherit

    }



    .swiper-button-next, .swiper-button-prev {

        display: none

    }



    .footer2 p {

        width: 100%

    }



    .footer1-wrap-left, .footer1-wrap-right ul {

        display: none

    }



    .footer1-wrap-right {

        float: inherit

    }



    .footer1-wrap-right .fwr-p {

        float: left

    }



    .footer1-wrap-right ul {

        padding-top: 20px;

        border: transparent;

        margin-left: 150px

    }



    .footer1-wrap-right ul li {

        width: 100px;

        padding: 0 0 10px

    }



    .footer1-wrap-left, .footer1-wrap-left p {

        width: 100px;

        padding-bottom: 15px

    }



    .footer1-wrap-right .fwr-p {

        width: 90%;

        margin-left: 5%;

        padding-top: 10px;

        border-top: 1px solid #cdcdcd

    }



    .footer1-wrap-right p {

        text-align: left

    }

	.synopsis3{

		width: 100%;

		margin-bottom: 0px;

	}

	.synopsis3-top img{

		width: 50%;

	}

	.synopsis3-top h3{

		font-size: 18px;

	}

	.synopsis3-top p{

		font-size: 12px;

	}

	._h100vh{

		height: 50vh;

	}

	.newsBoxsItem_img p{

		    padding: 15px;

	}

	.newsBoxsItem .test{

		padding: 10px;

	}

	.newsBoxsItem .test a{

		padding: 0px;

		height: 25px;

		line-height: 25px;

		overflow: hidden;

		    padding-left: 10px;

	}

	.newsBoxsItem{

		margin-bottom: 20px;

	}

	.pageBox{

		height: auto;

		line-height: 40px;

		text-align: left;

	}

	.pageBox a{

		display: inline-block;

		margin-bottom: 5px;

		padding: 5px 10px;

	}

	.dz_title, .dz_title2{

		height: 50px;

	}

	.dz_title p, .dz_title2 p{

		margin-left: 65px;

		font-size: 20px;

		line-height: 50px;

	}

	.dz_title2 p{

		    font-size: 14px;

		    line-height: 1.2;

	}

    .footer2 {

        font-size: 12px

    }

	.dyxf_text{

		padding: 0px 0px;

	}

	.jz_list ul li{

		width: 100%;

		margin-right: 0%;

	}

	.jz_list ul li:nth-child(3n){

		margin-right: 0%;

	}

	.jz_list ul li .text{

		position: relative;

		-webkit-transform: translateY(0%);

	}

	.jz_list ul li:nth-child(2n){

		margin-right: 0%;

	}

	.dyxf_text .number{

		padding: 10px 0px;

	}

	.dyxf{

		padding-bottom: 0px;

	}

	.dyxf_text .name{

		padding: 10px 0px;

		font-size: 14px;

	}

	.dz_title.s p{

		    margin-left: 60px;

	}

    .footer2 p {

        width: 97%

    }



    .footer2 a {

        float: inherit

    }

	.sub_banner img{

		    max-width: none;

		    width: 200vw;

		    margin-left: -50vw;

	}

}



@media screen and (max-width: 767px) {

    .expertDetail {

        padding: 0;

        margin: 20px 0

    }

	.postInfo .title::before{

		width: 30px;

		height: 30px;

	}

	.postInfo .title{

		padding-left: 40px;

		padding-bottom: 15px;

	}

	._newsdetail2 .postInfo .titles{

		font-size: 20px;

	}

	.postInfo .title .name b{

		line-height: 30px;

		font-size: 18px;

	}

	.postInfo .title .name p{

		font-size: 14px;

	}

	.postInfo .title a{

		display: none;

	}



    .eDTilte {

        font-size: 16px;

        text-align: left;

        padding-bottom: 20px

    }



    .eDP1 {

        font-size: 12px

    }



    .ec-left-cont {

        padding: 0;

        display: inherit

    }



    .elc-img {

        width: 100%

    }



    .eDJ {

        display: none

    }



    .backVideo a {

        float: right;

        display: block;

        width: 80px;

        height: 30px;

        background: #06c55a;

        color: #fff;

        text-align: center;

        line-height: 30px;

        font-size: 12px;

        cursor: pointer

    }



    .video_list ul li .info .il p {

        font-size: 12px

    }



    .counseling, .counseling-about-cont, .join001, .join002 {

        display: inherit;

        justify-content: inherit;

        padding-top: 15px

    }



    .ohter-wrap-content h3 {

        font-size: 14px

    }



    .join002 {

        padding-bottom: 15px

    }



    .ohter-wrap ul li {

        width: 49%

    }

.ohter-wrap ul li:nth-child(even){

	margin-right: 0%;

}

	.oteam{

		margin-top: 15px;

	}



    #certify .swiper-pagination2 {

        display: none

    }



    .about-main .team-cont .boss .int .the-title .cn {

        font-size: 14px;

        margin-bottom: 0

    }



    .aboutTilte-cont {

        height: inherit

    }



    ._team.team3.counselingLi, .cac-left, .cac-right, .counseling-content, .counseling-img, .jc-wrap, .join002-content {

        width: 95%;

        margin-left: 2.5%

    }



    ._team.team3.counselingLi ul li {

        width: 49%

    }



    .join001 ul li .join001A {

        padding: 15px

    }



    .join001 ul li .join001P {

        height: inherit

    }



    .join001 ul li .join001H3 {

        white-space: inherit

    }



    .counseling-about-cont {

        padding: 10px

    }



    .cac-right form textarea {

        margin-bottom: 15px

    }



    .cac-right form a {

        margin: 0 auto;

        width: 50%;

        height: 35px;

        line-height: 35px;

        font-size: 14px

    }



    #div1 ul li img {

        width: 220px

    }



    .about {

        padding-top: 15px;

        padding-bottom: 0

    }



    .aboutWrap {

        display: inherit;

        justify-content: inherit

    }



    .aboutTilte {

        width: 95%;

        margin-left: 2.5%

    }



    .about-img {

        width: 95%;

        margin-left: 2.5%

    }



    .aboutTilte-cont {

        width: 100%

    }



    .aboutTilteA {

        display: none

    }



    .aboutTilte-head h3 {

        width: 100%

    }



    .aboutTilte-head span {

        display: none

    }



    .title {

        text-align: left

    }



    ._news_detail {

        padding: 0

    }



    ._newsdetail2 .postInfo .title {

        line-height: 1.7;

        font-size: 16px !important

    }



    ._newsdetail2 .postInfo {

        width: 95%;

        margin-left: 2.5%

    }



    ._newsdetail2 .content_list .item_des {

        display: none

    }



    ._newsdetail2 .content_list .title:after {

        width: 0

    }



    ._newsdetail2 .listContent {

        width: 95%;

        margin-left: 2.5%

    }



    ._newsdetail2 .listContent .item_tags {

        padding: 5px 0

    }



    ._newsdetail2 .content_list .date_wrap {

        line-height: inherit;

        font-size: 16px

    }



    .djxf ul li {

        width: 49%

    }



    .video_list {

        width: 95%;

        margin-left: 2.5%

    }



    .ohter-wrap2 ul li {

        width: 49%;

		    margin-bottom: 15px;

    }



    .master_icon, .owc-dingwei {

        left: 5px;

		width: 50px;

		    padding: 5px;

		    font-size: 14px;

			height: 56px;

			background-size: cover;

    }

    .dj_right .owc-dingwei {

    }

	.search_box{

		float: left;

		margin-bottom: 15px;

		margin-left: 0%;

	}

	._news.news2 ul li .news2_des{

		padding: 5px 10px;

	}

	._news.news2 ul li:nth-child(3n){

		margin-right: 2%;

	}

	._news.news2 ul li:nth-child(2n){

		margin-right: 0%;

	}

	._news.news2 ul li .news_time{

		line-height: 25px;

	}

	.taoc-cont ul li a{

		padding: 20px;

	}

	.taoc-cont2 ul li .taocC-h3 h3{

		font-size: 14px;

	}

	.taoc-cont2 ul li .taocC-h3{

		font-size: 14px;

		height: 42px;

		overflow: hidden;

		    padding: 0px;

	}

	.taocC-p2{

		padding-left: 0px;

	}

	.taocC-small{

		padding: 5px 0px;

		opacity: .7;

	}

	.dj .dj_left,.dj .dj_right{

		width: 100%;

	}

	.dj .dj_right{

		margin-left: 0%;

	}

	._news.news2 ul li .news2_des b{

		line-height: 30px;

	}

	.gp-title img{

		width: 200px;

	}

.owc-dingwei p{

	display: none;

}

    .djxf, .teacher {

        padding-top: 15px;

        padding-bottom: 15px

    }



    .teacher ul {

        width: 95%;

        margin-left: 2.5%

    }



    .teacher ul li {

        width: 49%

    }



    .tcl-top {

        font-size: 12px

    }



    .tcl-bottom {

        font-size: 12px

    }



    .ohter-wrap {

        padding-top: 15px

    }







    .video_list ul li {

        width: 100%

    }



    .news_focus .swiper-slide .info::after {

        width: 0

    }





    .news_focus .swiper-slide .info .name {

        line-height: 25px

    }



    .news_list ul li .info .des {

        display: none

    }



    .news_list ul li .info .name {

        height: 50px;

        line-height: 25px;

        margin-bottom: 10px;

        line-clamp: 2;

        -webkit-line-clamp: 2

    }



    .pc {

        display: none

    }



    .mobile {

        display: block

    }



    .active a {

        color: #16a1d8 !important

    }



    .sp_header {

        height: 50px;

        overflow: hidden;

        background: #fff;

        position: fixed;

        z-index: 100;

        width: 100%;

        top: 0

    }



    .sp_logo {

        padding: 10px;

        float: left;

        height: 50px

    }



    .sp_logo img {

        margin: auto;

        max-height: 30px

    }



    .sp_nav {

        width: 50px;

        float: right;

        position: relative;

        cursor: pointer;

        height: 30px;

        margin-top: 15px

    }



    .sp_nav span {

        display: block;

        background: #16a1d8;

        width: 30px;

        height: 2px;

        position: absolute;

        left: 10px;

        transition: all ease .35s

    }



    .sp_nav span:nth-of-type(1) {

        top: 0

    }



    .sp_nav span:nth-of-type(2) {

        top: 10px

    }



    .sp_nav span:nth-of-type(3) {

        top: 20px

    }



    .sp_nav_se span:nth-of-type(1) {

        top: 10px;

        transform: rotate(45deg)

    }



    .sp_nav_se span:nth-of-type(2) {

        width: 0

    }



    .sp_nav_se span:nth-of-type(3) {

        top: 10px;

        transform: rotate(-45deg)

    }



    .sjj_nav {

        position: fixed;

        z-index: 100;

        background: #fff;

        width: 100%;

        height: 100%;

        font-size: 14px;

        line-height: 40px;

        top: -100%;

        left: 0;

        overflow: auto;

        overflow-x: hidden;

        transition: top ease .35s

    }



    .nav_show {

        top: 50px

    }



    .sjj_nav > ul > li:first-child {

        overflow: hidden;

        border-top: 0

    }



    .sjj_nav > ul > li:first-child > a {

        float: left;

        width: calc(100% - 70px)

    }



    .sjj_nav > ul > li:first-child .language {

        float: right;

        width: 70px;

        overflow: hidden;

        line-height: 30px;

        margin-top: 5px

    }



    .sjj_nav > ul > li:first-child .language a {

        width: 35px;

        float: left;

        border-left: 1px #ddd solid;

        text-align: center;

        color: #999

    }



    .sjj_nav ul li i {

        position: absolute;

        top: 5px;

        right: 0;

        border-left: 1px #ddd solid;

        height: 30px;

        padding: 0 7px

    }



    .sjj_nav ul li i svg {

        transform: rotate(-90deg);

        transition: all ease .35s

    }



    .sjj_nav ul li .sjj_nav_i_se svg {

        transform: rotate(0)

    }



    .sjj_nav ul li {

        border-top: 1px #ddd solid;

        margin-left: 20px;

        position: relative;

        line-height: 40px;

        font-size: 14px

    }



    .sjj_nav > ul > li:last-child {

        border-bottom: 1px #ddd solid

    }



    .sjj_nav ul li ul {

        display: none

    }



    .sjj_nav ul li a {

        color: rgba(0, 0, 0, .8);

        width: 80%;

        display: block;

        font-size: 16px;

        font-weight: 700

    }



    .sjj_nav ul li ul li a {

        color: rgba(0, 0, 0, .5);

        display: block;

        text-align: left;

        font-size: 14px

    }



    .sjj_nav ul li i svg {

        width: 20px;

        height: 20px;

        fill: #555

    }



    .sjj_nav ul li .sjj_nav_i_se svg {

        fill: #16a1d8

    }



    .sjj_nav ul li ul li > ul {

        margin-left: 10px

    }



    .banner ul li .img .a {

        height: 80%

    }



    .swiper-pagination.b span {

        width: 3px;

        height: 10px

    }



    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

        margin: 0 3px

    }



    .swiper-pagination.b {

        height: 10px

    }



    .banner {

        height: 35vh;

        margin-top: 50px

    }



    .swiper-pagination.b {

        bottom: 5px

    }



    .school_list {

        margin-top: 10px

    }



    .button-next, .button-prev {

        top: 35vw;

        width: 70px

    }



    .button-next:not(.disabled):hover svg {

        transform: translateX(10px)

    }



    .button-prev:not(.disabled):hover svg {

        transform: translateX(-10px)

    }



    .school_list ul li {

        width: 100%;

        padding-bottom: 10px;

        position: relative

    }



    .school_list ul li .top {

        height: 50px;

        position: absolute;

        left: 0;

        top: 0;

        z-index: 5

    }



    .news_list ul li .thum {

        width: 150px

    }



    .news_list ul li .info {

        width: calc(100% - 160px)

    }



    .school_list ul li .top .x {

        margin-top: 5px

    }



    .school_list ul li .top .x img {

        width: 150px

    }



    .school_list ul li .top .s {

        width: 30px;

        right: 15px;

        top: 10px

    }





    .news_focus {

        width: 100%

    }



    .news_list {

        width: 100%;

        padding-top: 10px;

        margin-right: 0

    }



    ._w1200.s {

        margin-bottom: 20px

    }



    .news_box .news_focus img,.news_box .news_focus{

		height: auto;

		float: none;

	}



    .no_list a p {

        white-space: nowrap

    }



    .news_box:nth-child(3), .news_box:nth-child(4) {

        margin-bottom: 50px

    }





    .news_focus .swiper-slide .info .des, .notice_focus .swiper-slide .info .name {

        font-size: 14px;

        display: none

    }



    .sub_title.cen .img {

        width: 150px

    }



    #certify {

        width: 100%

    }



    #certify .swiper-slide {

        width: 330px;

        height: inherit

    }



    .swiper-button-next, .swiper-button-prev {

        display: none

    }



    .footer2 p {

        width: 100%

    }



    .footer1-wrap-left, .footer1-wrap-right ul {

        display: none

    }



    .footer1-wrap-right {

        float: inherit

    }



    .footer1-wrap-right .fwr-p {

        float: left

    }



    .footer1-wrap-right ul {

        padding-top: 20px;

        border: transparent;

        margin-left: 150px

    }



    .footer1-wrap-right ul li {

        width: 100px;

        padding: 0 0 10px

    }



    .footer1-wrap-left, .footer1-wrap-left p {

        width: 100px;

        padding-bottom: 15px

    }



    .footer1-wrap-right .fwr-p {

        width: 100%;

        margin-left: 0;

        padding-top: 10px;

        border-top: none

    }



    .footer1-wrap-right p {

        text-align: left

    }



    .footer2 {

        font-size: 12px

    }



    .footer2 p {

        width: 97%

    }



    .footer2 a {

        float: inherit

    }

}



@media screen and (max-width: 320px) {

    .master_icon, .owc-dingwei {

        font-size: 14px

    }



    .ohter-wrap-content h3 {

        font-size: 14px

    }



    .master_icon, .owc-dingwei {

        left: 0

    }



    .about-nav a {

        margin: -12px 0

    }



    .school_list {

        margin-top: -44px

    }



    .school_list ul li {

        width: 100%;

        padding-bottom: 10px

    }



    .school_list ul li .top {

        height: 50px

    }



    .school_list ul li .top .x {

        margin-top: 5px

    }



    .school_list ul li .top .x img {

        width: 150px

    }



    .school_list ul li .top .s {

        width: 30px;

        right: 15px;

        top: 10px

    }



    .news_list ul li .thum {

        width: 150px

    }



    .news_list ul li .info {

        width: calc(100% - 160px)

    }



    .news_list ul li .info .des {

        height: inherit

    }



    .footer1-wrap-right ul {

        margin-left: 135px

    }



    .footer1-wrap-right ul li {

        width: 85px

    }



    .footer1-wrap-left, .footer1-wrap-left p {

        width: 80px

    }



    .footer1-wrap-right .fwr-p {

        font-size: 12px

    }



    .footer2 {

        height: 80px;

    }



    .footer2 a {

        float: right;

    }

	

}