@charset "utf-8";

/* 头部 */

.header{width: 100%; height: 105px; min-width: 320px; color: #3e3e3e; background-color: #fff;}

.header .logo{width: 475px; height: 105px;}

.header .logo img{display: block; width: 100%; height: auto;}

.header .nav{width: auto;  height: 105px;}

.header .nav>ul{margin-top: 8px;}

.header .nav ul .nLi{float: left; width: auto; height: 103px; line-height: 103px; padding: 0 12px;margin-left: 30px; position: relative; text-align: center; font-size: 15px; z-index: 100;}

.header .nav ul .nLi:first-child{margin-left: 0;}

.header .nav ul .nLi.on{height: 103px; line-height: 103px; color: #2b156f;}

.header .nav ul .nLi .sub{display: none; position: absolute; top: 98px; left: -15px; background-color: #2b156f;}

.header .nav ul .nLi .sub li{width: 140px; height: 40px; line-height: 40px; font-size: 12px; color: #fff;}

.header .nav ul .nLi .sub li a:hover{text-decoration: underline;}

.header.lateral-menu-is-open { -webkit-transform: translateX(-66%);-moz-transform:translateX(-66%);-ms-transform:translateX(-66%)-o-transformtranslateX(-66%); transform: translateX(-66%); transition:all 0.4s ease 0s;}



/* 首页轮播图 */

.swiper-container{width: 100%; height: auto; position: relative;} 

.swiper-slide{ text-align: center; font-size: 18px; background: #fff;}

.in-banner h2 a{ display:block; width:100%; height:435px;}

.in-banner h3 a{ display:none;}



/* index-part1 */

.index-part1{box-sizing: border-box; width: 100%; min-width: 320px;  padding: 28px 0 60px 0;  background: url(../images/index1-bg.jpg) no-repeat top center; background-size: 100% 100%; }

.index-part1 .box{width: 40%; max-width: 470px;}

.index-part1 .boxone{box-sizing: border-box;  width: 100%; height: 343px;  padding: 23px 19px 32px 19px; border-top: 3px solid #3acc81; background-color: #fff;} 

.index-part1 .boxone a:hover{color: #2b156f; text-decoration: underline;}

.index-part1 .j-title{ height: 25px; line-height: 25px; color: #2f2f2f;}

.index-part1 .j-title h2{font-size: 18px; color: #2f2f2f; font-weight: bold;}

.index-part1 .j-title .gd{font-size: 14px;}

.index-part1 .boxone .inbox{margin-top: 25px;}

.index-part1 .boxone .inbox .jimg{width: 50%; max-width: 206px; overflow: hidden;}

.index-part1 .boxone .inbox .jimg img{display: block; width: 100%; height: auto; transition:all 0.5s;}

.index-part1 .boxone .inbox .jimg img:hover{transform: scale(1.2, 1.2);}

.index-part1 .boxone .inbox .jcon{width: 48%; max-width: 197px;}

.index-part1 .boxone .inbox .jcon h2{margin-bottom: 10px; font-size: 16px; color: #303030; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

.index-part1 .boxone .inbox .jcon  p{line-height: 22px; color: #6a6a6a;}



.index-part1 .boxtwo{box-sizing: border-box; width: 100%; height: 343px; margin-top: 30px; padding: 23px 19px 32px 19px; border-top: 3px solid #1196bc; background-color: #fff;}

.index-part1 .boxtwo .inboxt{margin-top: 18px;}

.index-part1 .boxtwo .inboxt .tximg{width: 100%; max-width: 440px; overflow: hidden;}

.index-part1 .boxtwo .inboxt .tximg img{display: block; width: 100%; height: auto; transition:all 0.5s;}

.index-part1 .boxtwo .inboxt .tximg img:hover{transform: scale(1.2, 1.2);}

.index-part1 .boxtwo .inboxt h2{font-size: 14px; color: #303030; font-weight: 600; margin: 8px 0;}

.index-part1 .boxtwo .inboxt p{line-height: 22px; color: #6a6a6a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.index-part1 .boxtwo .inboxt .list{margin-top: 14px;}

.index-part1 .boxtwo .inboxt .list li{ line-height: 25px; color: #3d3d3d;}



.index-part1 .b-title{width: 60%; max-width: 740px; display: none;}

.index-part1 .b-title h2{font-size: 18px; color: #2f2f2f; font-weight: bold;}

.index-part1 .b-title .gd{font-size: 14px;}

.index-part1 .twobox {width: 60%; max-width: 740px;}

.index-part1 .twobox .boxthree{width: 100%;}

.index-part1 .twobox .boxthree a:hover{text-decoration: underline;}

.index-part1 .twobox .boxthree:nth-child(2) {margin: 35px 0;}

.index-part1 .twobox .boxthree:nth-child(4) {margin: 35px 0;}

.index-part1 .twobox .boxthree .boxin{box-sizing: border-box;  width: 100%; max-width:350px;  height: 215px; margin: 0 2%;   float: left; overflow: hidden;}

.index-part1 .twobox .boxthree .boxin img{display: block; width: 100%; height: auto; transition:all 0.5s;}

.index-part1 .twobox .boxthree .boxin img:hover{transform: scale(1.2, 1.2);}

.index-part1 .twobox .boxthree .boxincon{box-sizing: border-box;  width: 100%; max-width:340px; height: 215px; padding: 25px 20px;  float: right; position: relative;  color: #fff;}

.index-part1 .twobox .boxthree:nth-child(1) .boxincon{background-color: #d6226a;}

.index-part1 .twobox .boxthree:nth-child(2) .boxin{float: right; margin: 0;}

.index-part1 .twobox .boxthree:nth-child(2) .boxincon{float: left;  margin: 0 2%; background-color: #1296bc;}

.index-part1 .twobox .boxthree:nth-child(4) .boxin{float: right; margin: 0;}

.index-part1 .twobox .boxthree:nth-child(4) .boxincon{float: left;  margin: 0 2%; background-color: #f4902f;}

.index-part1 .twobox .boxthree:nth-child(3) .boxincon{ background-color: #37cc81;}

.index-part1 .twobox .boxthree:nth-child(1) .boxincon:before{content: ''; position: absolute; left: -5%; top: 40%; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #d6226a;}

.index-part1 .twobox .boxthree:nth-child(2) .boxincon:before{content: ''; position: absolute; right: -5%; top: 40%; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #1296bc;}

.index-part1 .twobox .boxthree:nth-child(4) .boxincon:before{content: ''; position: absolute; right: -5%; top: 40%; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #f4902f;}

.index-part1 .twobox .boxthree:nth-child(3) .boxincon:before{content: ''; position: absolute; left: -5%; top: 40%; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #37cc81;}

.index-part1 .twobox .boxthree .boxincon h2 {margin-bottom: 20px; font-size: 18px;}

.index-part1 .twobox .boxthree .boxincon h2 img{vertical-align: middle; margin-right: 8px;}

.index-part1 .twobox .boxthree .boxincon p{height: 85px; line-height: 22px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.index-part1 .twobox .boxthree .boxincon .quanbu{display: block;  margin-top: 20px;}



/* index-part2 */

.index-part2{width: 100%; height: auto;  min-width: 320px; padding: 37px 0 55px 0;}

.index-title{margin-bottom: 40px; text-align: center;}

.index-title h1{font-size: 45px; color: #2b156f; font-weight: bold; text-transform: uppercase;}

.index-title h2{font-size: 25px; color: #000000;}

.index-part2 .index-recurit .reimg{width: 48%; max-width: 520px; overflow: hidden;}

.index-part2 .index-recurit .reimg img{display: block; width: 100%; height: auto; transition:all 0.5s;}

.index-part2 .index-recurit .reimg img:hover{transform: scale(1.2, 1.2);}

.index-part2 .index-recurit .recon{box-sizing: border-box; width: 55%; max-width: 670px; padding-right: 27px;}

.index-part2 .index-recurit .recon h2{margin-bottom: 26px; font-size: 16px; color: #181818;}

.index-part2 .index-recurit .recon h2 a:hover{color: #2b156f;}

.index-part2 .index-recurit .recon p{font-size: 14px; color: #6a6a6a; line-height: 25px; letter-spacing: 0.2px;}

.index-part2 .index-recurit .recon .ckqb{width: 125px; height: 32px; line-height: 32px; margin-top: 30px; text-align: center; color: #fff; background-color: #0080a7;}



/* 底部 */

.footer{box-sizing: border-box; width: 100%; padding: 25px 0;  font-size: 14px; color: #fff; background: url(../images/footer-bg.jpg) no-repeat top center; background-size: cover;}

.footer .line{width: 60%; height: 1px; margin: 0  auto;  border-top: 1px dotted #4c6485;}

.footer p{ line-height: 30px; text-align: center;}

.footer p a:hover{color: #2b156f;}



/* inside-banner */

.inside-banner{width: 100%; height: auto;}

.inside-banner h2 a{display: block; width: 100%; height: 320px;}

.inside-banner h3 a{display: none;}



/* inside-title */

.inside-title{width: 100%; min-width: 320px; height: 62px; line-height: 62px;  background-color: #fff; }

.inside-title ul li{float: left; width: 25%;text-align: center;  font-size: 18px;}

.inside-title ul li a{display: inline-block;}

.inside-title ul li a:hover{color: #2b156f; border-bottom: 2px solid #2b156f;}

.inside-title ul li a.on{height: 60px; line-height: 60px; padding: 0 5px; color: #2b156f; border-bottom: 2px solid #2b156f;}





/* 关于我们 */

.about{width: 100%; min-width: 320px; padding: 30px 0 40px 0; background-color: #f6f6f6;}

.about .subcon{padding: 39px 27px 50px 27px; background-color: #fff;}

.about h2{font-size: 25px; color: #3d3d3d; text-align: center; margin-bottom: 27px;}

.about p{font-size: 14px; color: #3d3d3d; line-height: 30px;}

.about p img{max-width: 100%!important; width: auto!important; height: auto!important;}
.about p span{display: inline;}



.history{width: 100%; min-width: 320px; padding: 30px 0 40px 0; background-color: #f6f6f6;}

#timeline{width: 90%; margin: 0 auto; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}

#timeline .timeline-item:after,#timeline .timeline-item:before{content: ''; display: block; width: 100%; clear: both;}

*, *:before, *:after{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

#timeline:before{content: ""; width: 3px; height: 100%; background: #2b156f; left: 50%; top: 0; position: absolute;}

#timeline:after{content: ""; clear: both; display: table; width: 100%}

#timeline .timeline-item{margin-bottom: 50px; position: relative;}

#timeline .timeline-item .timeline-icon{background: #2b156f; width: 50px; height: 50px; position: absolute; top: 0; left: 50%; overflow: hidden; margin-left: -23px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%}

#timeline .timeline-item .timeline-icon img{position: relative; top: 14px; left: 14px;}

#timeline .timeline-item .timeline-content{width: 45%; background: #fff; padding: 20px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}

#timeline .timeline-item .timeline-content h2{padding: 15px; background: #2b156f; color: #fff; font-size: 25px; margin: -20px -20px 0 -20px; font-weight: 600; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}

#timeline .timeline-item .timeline-content  p{line-height: 30px; margin-top: 10px; color: #3d3d3d; font-size: 14px;}

#timeline .timeline-item .timeline-content:before{content: ''; position: absolute; left: 45%; top: 20px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #2b156f;}

#timeline .timeline-item:nth-child(even) .timeline-content {float: right;}

#timeline .timeline-item:nth-child(even) .timeline-content:before{content: ''; right: 45%; left: inherit; border-left: 0; border-right: 7px solid #2b156f;}



.honor{box-sizing: border-box; width: 100%;min-width: 320px;  padding: 24px 0 34px 0;  font-size: 14px; line-height: 25px; background-color: #f6f6f6;}

.honor .piccon li{box-sizing: border-box; width: 32%; float: left; margin: 0 0.66%; margin-bottom: 10px; color: #3d3d3d; }

.honor .piccon li .qrbox{width: 100%;}

.honor .piccon li .qrbox img{width: 100%; height: auto; display: block;}

.honor .piccon li  p{text-align: center; margin-top: 5px;}

#preview{position:absolute;border:1px solid #ccc;display:none;}



/* 翻页 */

.sabrosus {color: #828182; padding:5px; MARGIN:40px 0px 0px 0; text-align: center; font-size:14px;}

.sabrosus a{ padding:5px 15px; border: #ccc 1px solid; COLOR: #444; margin:0px 3px; text-decoration:none; background:#fff;}

.sabrosus a:hover { padding:5px 15px; background:#13436d; color:#fff; border: #13436d 1px solid;}

.pagination a:active { padding:5px 15px; background:#13436d; color:#fff; border: #13436d 1px solid;}

.sabrosus span.current { padding:5px 15px; background:#13436d; color:#fff; border: #13436d 1px solid; MARGIN-RIGHT:5px;}

.sabrosus span.disabled { padding:5px 15px; border: #ccc 1px solid; COLOR: #444; MARGIN-RIGHT:5px; text-decoration:none;}



.contact{width: 100%; min-width: 320px; padding: 30px 0 40px 0; background-color: #f6f6f6;}

.contact .subcon{padding: 39px 27px 50px 27px; background-color: #fff;}

.contact .lj{text-align: center; margin-top: 10px; font-size: 16px;padding-top: 15px; color: #3d3d3d;}

.contact .map h2 img{max-width: 100%; width: auto!important; height: auto!important;}

.contact .dizhi{margin-top: 25px;}

.contact .dizhi .dzcon{color: #3d3d3d; font-size: 14px;}

.contact .dizhi .dzcon h2{font-weight: 600; line-height: 22px;}

.contact .dizhi .dzcon p{line-height: 25px; }



/* 新闻中心 */

.news{width: 100%;  min-width: 320px;padding: 24px 0 34px 0;  background-color: #f6f6f6;}

.news ul li {padding-bottom: 25px; border-bottom: 1px solid #e2e2e2;  margin-bottom: 30px;}

.news ul li h2{font-weight: 600; font-size: 14px; color: #333;}

.news ul li .shijian{font-size: 14px; margin: 20px 0; color: #525252;}

.news ul li  p{color: #9e9e9e;;line-height: 22px;}

.news ul li a:hover{color: #13436d}

.news ul li .xq{color: #13436d;}



.newsxq{box-sizing: border-box; width: 100%; min-width: 320px; padding: 30px 0 40px 0; background-color: #f6f6f6;}

.newsxq .subcon{padding: 39px 27px 50px 27px; background-color: #fff;}

.newsxq h2{font-size: 25px; color: #3d3d3d; text-align: center; margin-bottom: 27px;}

.newsxq .time{display: block; text-align: center; font-size: 14px; color: #3d3d3d; margin-bottom: 10px;}

.newsxq p{font-size: 14px; color: #3d3d3d; line-height: 30px;}
.newsxq p span{display: inline;}

.newsxq p img{max-width: 100%!important; width: auto!important; height: auto!important;}

.newsxq ul li .xq{color: #13436d;}



/* 专业设置 */

.inside-bt{width: 100%; height: 62px; min-width: 320px; background-color: #fff;}

.inside-bt ul li{float: left; width: 25%; line-height: 62px; font-size: 16px; color: #3d3d3d; text-align: center; }

.inside-bt ul li i{display: inline-block; width: auto; height: 34px;}

.inside-bt ul li i img{width: auto; height: 34px; vertical-align: middle; margin-right: 15px;}

.inside-bt ul li i .img2{display: none;}

.inside-bt ul li.on a{display: inline-block;  height: 60px; line-height: 60px; padding: 0 5px; color: #2b156f; border-bottom: 2px solid #2b156f;}

.inside-bt ul li.on .img1{display: none;}

.inside-bt ul li.on .img2{display: inline-block;}

.inside-bt ul li:hover a{display: inline-block; color: #2b156f; border-bottom: 2px solid #2b156f;}

.inside-bt ul li:hover i .img1{display: none;}

.inside-bt ul li:hover i .img2{display: inline-block;}



.major{width: 100%; min-width: 320px; padding: 30px 0 40px 0; background-color: #f6f6f6;}

.major p{font-size: 14px; color: #3d3d3d; line-height: 30px;}
.major p span{display: inline;}

.major .center{text-align: center;}

.major p img{max-width: 100%!important; width: auto!important; height: auto!important;}
.major p span{display: inline;}


.onxian{width: 100%; min-width: 320px; padding: 30px 0 40px 0; background-color: #f6f6f6;}

.onxian form{font-size: 16px;} 

.onxian form p{ margin-bottom: 22px; white-space: nowrap;}

.onxian form select {width: 50%; height: 38px; padding: 0;line-height: 38px; border: 1px solid #ccc; border-radius: 3px; text-indent: .6em; color: #3d3d3d;}

.onxian form input{width: 50%; height: 38px; padding: 0;line-height: 38px; border: 1px solid #ccc; border-radius: 3px; text-indent: .6em; color: #3d3d3d;}

.onxian form input:-moz-placeholder { opacity:0; }

.onxian form input::-moz-placeholder {opacity:0; }

.onxian form input:-ms-input-placeholder{opacity:0; }

.onxian form input::-webkit-input-placeholder{opacity:0; }

.onxian form span{width: 90px; line-height: 40px; line-height: 40px; text-align: center;}

.onxian form input[type="submit"]{width: 30%;  margin-left: 9.5%; background-color: #2b156f; color: #fff; }



/* 招生计划 */

.recruit{width: 100%;min-width: 320px;  padding: 24px 0 34px 0;  background-color: #f6f6f6;}

.recruit ul li{ float: left; width: 21%; margin: 0 6.1%;  margin-bottom: 45px;}

.recruit ul li a{display: block; overflow: hidden;}

.recruit ul li a img{display: block; width: 100%; height: auto; transition:all 0.5s;}

.recruit ul li a img:hover{transform: scale(1.2, 1.2);}



.recruitxq{width: 100%; min-width: 320px; padding: 24px 0 34px 0;  background-color: #f6f6f6;}

.recruitxq .subcon{padding: 39px 27px 50px 27px; background-color: #fff;}

.recruitxq h2{font-size: 25px; color: #3d3d3d; text-align: center; margin-bottom: 27px; }

.recruitxq p{font-size: 14px; color: #3d3d3d; line-height: 30px;}
.recruitxq p span{display: inline;}

.recruitxq .bt{ margin: 8px 0; color: #000; font-size: 16px; font-weight: bold;}

.recruitxq .blue{margin: 6px 0; color: #2b156f; font-size: 15px;}

.recruitxq .center{text-align: center;}

.recruitxq  p img{max-width: 100%!important; width: auto!important; height: auto!important;}
.recruitxq  p span{display: inline-block;}


/* 就业信息 */

.jyinfo{width: 100%; min-width: 320px;  padding: 24px 0 34px 0;  background-color: #f6f6f6;}

.jyinfo ul{width:48%; max-width: 480%; }

.jyinfo ul li{ width: 100%; height: 35px; line-height: 36px; border-bottom: 1px dotted #505050; font-size: 14px; color: #505050;}

.jyinfo ul li a{display: inline-block;  width: 60%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.jyinfo ul li a:hover{color: #2b156f;}



.jyinfoxq{width: 100%; min-width: 320px;  padding: 24px 0 34px 0;  background-color: #f6f6f6;}

.jyinfoxq .join {padding-bottom: 35px; border-bottom: 1px dotted #535353;}

.jyinfoxq .join h2{font-size: 16px; color: #2b156f;}

.jyinfoxq .join .blue{margin: 23px 0; }

.jyinfoxq .join p{ line-height: 30px; color: #525252;}
.jyinfoxq .join p span{display: inline;}



.ditu{width: 100%; padding: 30px 0;  background-color: #f6f6f6; }



/* 悬浮窗 */

.cd-top {display: block;position: fixed;bottom: 70px;right: 15px; width: 60px;height: 60px;padding: 10px 0 0 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); color: #fff;text-align: center;white-space: nowrap;background: url(../images/top.png) no-repeat center 70%;background-color: #0080a7;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.cd-top.cd-is-visible {visibility: visible;opacity: 1;}

.no-touch .cd-top:hover {background-color: #0080a7;opacity: 1;}

  

/* 报名入口 */

.enter{display: block; width: 100px; height: 30px; margin: 30px auto 0 auto;  line-height: 30px;  box-shadow: 0 0 10px #0080a7; background-color: #0080a7; color: #fff; font-size: 14px; border-radius: 5px; text-align: center;}



/* 电话按键 */

.phone{display: none; height: 35px; line-height: 35px; text-align: center; font-size: 16px; font-weight: 600; color: #393939; margin-top: 15px;}

.phone  img{ position: relative; top: 5px;margin-right: 5px; width: auto; height: auto;}



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

    .index-part1 .twobox{width: 55%;}

    .index-part1 .twobox .boxthree .boxin{width: 100%; max-width: 100%; height: auto; margin: 0;}

    .index-part1 .twobox .boxthree .boxincon{width: 100%; max-width: 100%; height: auto;}

} 

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

    .header .nav{display:none;}
    #cd-menu-trigger{display:block; float:right;padding-top: 30px;}

    .index-part1{ width: 100%; height: auto; padding-bottom: 30px; background-size: cover;}

    .index-part1 .boxone { height: auto;}

    .index-part1 .boxtwo{ height: auto;}

    .index-part1 .twobox .boxthree:nth-child(2) .boxin{float:none; margin: 0;}

    .index-part1 .twobox .boxthree:nth-child(2) .boxincon{float: none;;  margin: 0;}

    .index-part1 .twobox .boxthree:nth-child(4) .boxincon{ margin: 0;}

    .index-part1 .twobox .boxthree:nth-child(1) .boxincon:before{content: ''; position: absolute; left: -5%; top: 40%; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 0 solid transparent;}

    .index-part1 .twobox .boxthree:nth-child(2) .boxincon:before{content: ''; position: absolute; right: -5%; top: 40%; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 0 solid transparent;}

    .index-part1 .twobox .boxthree:nth-child(3) .boxincon:before{content: ''; position: absolute; left: -5%; top: 40%; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 0 solid transparent;}

    .index-part1 .twobox .boxthree:nth-child(4) .boxincon:before{content: ''; position: absolute; left: -5%; top: 40%; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 0 solid transparent;}



    .index-part2 .index-recurit .recon{width:46%;}



} 

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





   .footer{height: auto; padding: 20px 0;  background-size: cover;}

   .footer .line{display: none;}

   .footer p{padding: 0;}

}   



@media only screen and (min-width: 1024px) {

    .cd-top { height: 60px;width: 60px;right: 30px;bottom: 200px;}

}



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


    .in-banner h2 a{ display:none; width:100%; height:435px;}

    .in-banner h3 a{ display:block;}

    .in-banner h3 a img{ width:100%; height:auto; display: block;}

    

    .inside-banner h2 a{display: none;}

    .inside-banner h3 a{display: block;}

    .inside-banner h3 a img{display: block; width: 100%; height: auto;}



}   

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

    #timeline{margin: 0  30px; padding: 0;}

    #timeline:before{left: 0;}

    #timeline .timeline-item .timeline-content{width: 90%; float: right;}

    #timeline .timeline-item .timeline-content:before, #timeline .timeline-item:nth-child(even) .timeline-content:before{left: 10%; margin-left: -6px; border-left: 0; border-right: 7px solid #2b156f;}

    #timeline .timeline-item .timeline-icon{left: 0;}



    .inside-bt{height: auto;}

    .inside-bt ul li{box-sizing: border-box; width: 50%; height: auto; padding-left: 10%; font-size: 14px; text-align: left; }

    .inside-bt ul li  i{width: 25px; height: 20px;}

    .inside-bt ul li  i img{width: 100%; height: 100%;}

    .subcon{width: 95%;}



}

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

    .header{box-sizing: border-box; height: 70px; padding: 0 15px; }
    .header .logo{width: 250px; height: auto; margin-top: 10px;}


    #cd-menu-trigger{padding-top: 15px;}



    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 8px;}

    .swiper-pagination-clickable .swiper-pagination-bullet {width: 8px; height: 8px;}





    .index-part1{box-sizing: border-box; padding: 15px 0;}

    .index-part1 .boxone .inbox .jcon {width: 60%; max-width: 100%;}



    .index-part1 .box{float: none; width: 100%; max-width: 100%;}

    .index-part1 .boxone {padding: 10px 15px;}

    .index-part1 .boxone .inbox{margin-top: 15px;}



    .index-part1 .boxtwo {margin: 15px 0; padding: 10px 15px;}

    .index-part1 .boxtwo .inboxt{margin-top: 15px;}

    .index-part1 .boxtwo .inboxt h2{margin: 5px 0;}

    .index-part1 .boxtwo .inboxt .list{margin-top: 10px;}

    .index-part1 .boxtwo .inboxt .list li a{width:  68%; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; }

    

    .index-part1 .twobox{box-sizing: border-box; float: none; width: 100%; margin: 0; max-width: 100%; padding: 0 15px;}

    .index-part1 .twobox .boxthree:nth-child(2) {margin: 0;}

    .index-part1 .twobox .boxthree{margin-bottom: 10px !important;}

    .index-part1 .twobox .boxthree .boxin{margin: 0;}

    .index-part1 .twobox .boxthree .boxincon{padding: 15px;}

    .index-part1 .twobox .boxthree .boxincon h2{margin-bottom: 10px;}

    .index-part1 .twobox .boxthree .boxincon p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}

    .index-part1 .twobox .boxthree .boxincon .quanbu {margin-top: 12px;}





    .index-part2{box-sizing: border-box;padding:  20px 15px;}

    .index-title{margin-bottom: 15px; text-align: center;}

    .index-title h1{font-size: 20px; color: #2b156f; font-weight: bold; text-transform: uppercase;}

    .index-title h2{font-size: 16px; color: #000000;}

    .index-part2 .index-recurit .reimg{float: none; width: 100%; max-width: 100%; padding-bottom: 10px;}

    .index-part2 .index-recurit .recon{float: none; width: 100%; max-width: 100%; padding-right: 0;}

    .index-part1 .boxone .inbox .jimg{float: none; width: 100%; max-width: 100%; margin-bottom: 15px; text-align: center;}
    .index-part1 .boxone .inbox .jimg img{width: auto;  max-width: 100%;}
    .index-part1 .boxone .inbox .jcon{float: none; width: 100%;}

    .jyinfo ul{width: 100%; float: none;}
    
}