@import ;

/*内容页中的分页样式，可以通过覆盖css的方法改写*/

#cms_congopage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#cms_congopage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#cms_congopage span:hover{background-color: aliceblue;}#cms_congopage span a,#cms_congopage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}

.w {

    width: 1400px;

    margin: 0 auto

}



p {

    text-align: justify;

}



body, html {

    position: relative;

    width: 100%;

    height: 100%;

    background: #fff;

    color: #313131;

}



.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 0;

}



.topstrip {

    color: #c9caca;

    background: #fff;

    padding-top: 30px;

    position: relative;

    z-index: 99999

}



.topstrip .w {

    position: relative

}



.topstrip .logo {

    padding-top: 80px;

    text-align: center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 250px;

    height: 200px;

    position: absolute;

    top: -50px;

    left: 0;

    background: -ms-linear-gradient(to bottom, #036eb8, #0052a3);

    background: -webkit-linear-gradient(to bottom, #036eb8, #0052a3);

    background: -o-linear-gradient(to bottom, #036eb8, #0052a3);

    background: -moz-linear-gradient(to bottom, #036eb8, #0052a3);

    background: linear-gradient(to bottom, #036eb8, #0052a3)

}

.topstrip .logo img{

    width: 194px;

    height: 41px;

}

.topstrip .login {

    margin-left: 34px;

    padding-left: 23px;

    height: 30px;

    line-height: 30px;

    font-size: 16px;

    background: url(/uploads/image/smcimages/login_icon.png) no-repeat center left

}



.topstrip .ewm_box {

    position: relative

}



.topstrip .ewm_box a {

    width: 20px;

    height: 30px;

    background: url(/uploads/image/smcimages/ewm_icon.png) no-repeat center center

}



.topstrip .ewm_box .ewm_con {

    position: absolute;

    top: 27px;

    right: 0;

    background: #c9caca;

    padding: 10px;

    display: none

}



.topstrip .ewm_box .ewm_con img {

    width: 117px;

    height: 117px

}



.topstrip .ewm_box:hover .ewm_con {

    display: block

}



.topstrip .share {

    margin-left: 25px

}



.topstrip .share a {

    width: 50px;

    height: 30px;

    padding: 0;

    margin: 0

}



.topstrip .share a.qq {

    background: url(/uploads/image/smcimages/qq.png) no-repeat center left

}



.topstrip .share a.wx {

    background: url(/uploads/image/smcimages/wx.png) no-repeat center left

}



.topstrip .encn {

    font-size: 16px

}



.topstrip .encn a {

    padding: 0 10px;

    line-height: 30px;

    position: relative

}



.topstrip .encn a:first-of-type:after {

    content: "";

    position: absolute;

    display: block;

    width: 1px;

    height: 15px;

    background: #c9caca;

    top: 7px;

    right: 0

}



.topstrip .search_box {

    position: relative;

    margin-right: 20px

}



.topstrip .search_box .text {

    border: 1px solid #c9caca;

    width: 200px;

    padding: 6px 40px 6px 10px;

    background: #fff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    opacity: 0

}



.topstrip .search_box .button {

    width: 30px;

    height: 30px;

    background: url(/uploads/image/smcimages/search_icon.png) no-repeat center center;

    position: absolute;

    top: 0;

    right: 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px

}



.topstrip .search_box:hover .text {

    opacity: 1

}



.topnav {

    position: relative

}



.topnav .nav_list li {

    float: left;

    position: relative

}



.topnav .nav_list li > a {

    padding: 30px 25px 35px 25px;

    font-size: 18px;

    color: #898989

}

.topnav .nav_list li>a.on{

 color: #0054a3;

}

.topnav .nav_list li:last-of-type > a{

    padding-right: 0;

}

.topnav .nav_list li dl{

    display: none;

    position: absolute;

    top: 75%;

    left: 0;

    width: 100%;

    text-align: center;

    border-top: 1px solid #aaa;

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

    padding: 7px 0;

    z-index: 100;

}

.topnav .nav_list li:hover dl{

    display: block;

}

.topnav .nav_list li dl a{

    width: 100%;

    line-height: 30px;

    color: #898989;

    font-size: 15px;

}

.swiper-container {

    width: 100%;

    height: 100%;
    padding-bottom: 45px;
}


.banner_container li a,
.banner_container li img {

    width: 100%

}
.banner_container.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 60px;
}


.banner_container .swiper-pagination-bullet {

    width: 24px;

    height: 2px;

    background: #fff;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0

}



.section {

    padding: 30px 0

}



.jianbiantitle {

    display: inline-block;

    text-align: center;

}



.jianbiantitle span {

    background: -ms-linear-gradient(to right, #0151a3, #5f1986);

    background: -webkit-linear-gradient(to right, #0151a3, #5f1986);

    background: -o-linear-gradient(to right, #0151a3, #5f1986);

    background: -moz-linear-gradient(to right, #0151a3, #5f1986);

    background: linear-gradient(to right, #0151a3, #5f1986);

    font-size: 48px;

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    color: transparent;

    font-weight: 700

}



.jianbian_i {

    display: block;

    text-transform: uppercase;

    font-size: 14px;

    color: #c9caca;

    padding-top: 12px

}



.section2 .left {

    width: 60%;

}



.section2 .left img {

    margin-bottom: 50px;

    width: 100%

}



.section2 .left .info {

    margin-top: 25px

}



.section2 .left .info p {

    font-size: 16px;

    line-height: 27px;

    color: #313131

}



.section2 .right {

    width: 40%;

    padding-left: 100px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.event_index {

    margin-top: 50px;

}

.event_index .swiper-wrapper{

    margin-bottom: 25px;

}

.event_index .swiper-slide {

    margin-bottom: 20px;

}





.event_index .time {

    width: 120px;

    position: relative;

    padding-left: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-family:gilroy;
    text-align: center;

}



.event_index .time:after {

    position: absolute;

    top: 12px;

    left: 0;

    width: 2px;

    height: 58px;

    content: "";

    display: none;

    background: #0052a3

}



.event_index .time i {

    display: block;

    font-size: 40px;

    font-weight: 700

}



.event_index .time span {

    font-weight: 700;
font-size: 12px;
}



.event_index .event_title {

    width: calc(100% - 120px);

    font-size: 18px;

    padding-top: 6px

}



.event_index .event_title h3 {

    color: #000;
    font-size: 16px;
    line-height: 25px;

    padding-bottom: 5px

}



.event_index .event_title i {

    color: #707070;

    line-height: 20px;
    font-size: 14px;
    overflow: hidden

}



.event_index .swiper-slide:hover, .event_index .swiper-slide:hover .event_title h3, .event_index .swiper-slide:hover .event_title i {

    color: #0052a3;

}



.event_index .swiper-slide:hover .time:after {

    display: block

}



.pagination_buttle .swiper-pagination-bullet {

    width: 20px;

    height: 9px;

    border: 1px solid #0052a3;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

    background: 0 0;

    opacity: 1

}



.pagination_buttle .swiper-pagination-bullet-active {

    width: 60px;

    height: 9px;

    background: #0052a3

}



.section .title {

    text-align: center;

    display: block

}



.dots {

    padding: 30px 0;

    position: relative;

    display: none

}



.dots i {

    text-align: center;

    display: block;

    margin: -8px 0

}



.dots i span {

    width: 8px;

    height: 8px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background: #595757

}



.dots i.move_i {

    position: absolute;

    top: 10px;

    left: 50%;

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

    -moz-transform: translatex(-50%);

    -ms-transform: translatex(-50%);

    -o-transform: translatex(-50%);

    transform: translatex(-50%);

    -webkit-animation: mymove .5s infinite linear alternate;

    -o-animation: mymove .5s infinite linear alternate;

    animation: mymove .5s infinite linear alternate

}



@-webkit-keyframes mymove {

    from {

        top: 0

    }

    to {

        top: 82px

    }

}



@-ms-keyframes mymove {

    from {

        top: 0

    }

    to {

        top: 82px

    }

}



@-moz-keyframes mymove {

    from {

        top: 0

    }

    to {

        top: 82px

    }

}



@-o-keyframes mymove {

    from {

        top: 0

    }

    to {

        top: 82px

    }

}



to {

    top: 82px

}



to {

    top: 82px

}



.news_index {

    padding: 40px 0 0

}



.news_index .swiper-slide {

    padding-bottom: 30px;

    border-bottom: 2px solid transparent;

    margin-bottom: 40px;

}

.news_index .swiper-slide:after{

    position: absolute;

    content: "";

    display: none;

    width: 100%;

    height: 3px;

    bottom: 0;

    left: 0;

    background: -ms-linear-gradient(to right, #0151a3, #5f1986);

    background: -webkit-linear-gradient(to right, #0151a3, #5f1986);

    background: -o-linear-gradient(to right, #0151a3, #5f1986);

    background: -moz-linear-gradient(to right, #0151a3, #5f1986);

    background: linear-gradient(to right, #0151a3, #5f1986);

}

.news_index .swiper-slide:hover:after {

   display: block;

}



.news_index .swiper-slide .pimg {

    width: 100%;

    height: 275px;

    overflow: hidden;

}



.news_index .swiper-slide .pimg img {

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.news_index .swiper-slide:hover .pimg img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.news_index .info_con {

    padding-top: 18px;

}



.news_index .info_con h2 {

    max-height: 50px;

    line-height: 25px;

    font-size: 18px;

    color: #0052a3;

    font-weight: 700;

    overflow: hidden;

height: 50px;

}



.news_index .info_con > i {

    color: #727171;

    display: block;

    padding: 10px 0 20px;

}



.section .readmore {

    border: 1px solid #a6a6a6;

    color: #898989;

    padding: 5px 15px;

    font-size: 12px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px

}



.smart_index {

    padding: 40px 0 0

}



.smart_index li {

    padding-bottom: 110px;

    float: left;

    width: 22.8%;

    margin-right: 2%;

    position: relative;

}



.smart_index li:nth-of-type(1) {

    width: 49.6%

}

.smart_index li:nth-of-type(3) {

    margin-right: 0;

}

.smart_index li > h3 {

    font-size: 18px;

    color: #727171;

    padding-bottom: 12px

}



.smart_index li .pimg {

    width: 100%;

    height: 350px;

    overflow: hidden;

}



.smart_index li .pimg img {

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.smart_index li:hover .pimg img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.smart_index .info_con {

    position: absolute;

    bottom: 0;

    background: #fff;

    width: 90%;

    left: 0;

    padding: 15px 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.smart_index .info_con h2 {

    height: 25px;

    line-height: 25px;

    font-size: 18px;

    color: #0052a3;

    font-weight: 700;

    overflow: hidden;

    -webkit-line-clamp: 2;

    line-clamp: 2

}



.smart_index .info_con .info {

    margin: 10px 20px 30px 0;

    height: 54px;

    overflow: hidden;

    color: #898989;

    -webkit-line-clamp: 2;

    line-clamp: 2

}







.guanghua_index {

    padding: 40px 0

}



.guanghua_index li {
    padding-bottom: 105px;

    position: relative

}



.guanghua_index li .pimg {

    width: 100%;

    height: 450px;

    overflow: hidden

}



.guanghua_index li .pimg img {

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.guanghua_index li:hover .pimg img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.guanghua_index .info_con {

    position: absolute;

    bottom: 0;

    background: #fff;

    width: 85%;

    left: 0;

    padding: 15px 20px 15px 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.guanghua_index .info_con h2 {

    font-size: 17px;

    color: #0052a3;

    font-weight: 700;

    overflow: hidden;

    line-height: 25px

}



.guanghua_index .info_con .info {

    margin: 15px 0 20px;

    height: 57px;

    overflow: hidden;

    color: #898989;

    -webkit-line-clamp: 3;

    line-clamp: 3

}



.section6 {

    padding: 96px 0 102px !important;

    height: 424px;

    background: url(/uploads/image/smcimages/section6_bg.jpg) no-repeat center center;

    background-size: 100% 424px;

    box-sizing: border-box;

}



.section6 .tit {

    width: 924px;

    margin: 0 auto;

    display: block;

}

.pimg_con{

    width: 100%;

    height: 100%;

    background-size: cover !important;

}

.section6 ul {

    padding-top: 60px;

    overflow: hidden;

}



.section6 ul li {

    float: left;

    width: 25%;

    text-align: center;

    color: #fff;

    position: relative

}



.section6 ul li:last-of-type:before {

    left: auto;

    right: 0

}



.section6 ul li h3 {

    font-size: 56px;

    font-weight: 700

}



.section6 ul li i {

    font-size: 18px;

    padding-top: 20px

}



.maparea {

    position: relative;

}



.maparea .poin {

    position: absolute;

}

.maparea .pointimg{

    position: absolute;

    top: 16%;

    right: 14%;

    width: 70px;

    height: 70px;





}

.maparea .pointimg a{

    width: 70px;

    height: 70px;

}

.maparea .pointimg .img_con{

    width: 250px;

    height: 250px;

    position: absolute;

    bottom: 1px;

    right: -117px;

    display: none;

    z-index: 150;

}

.maparea .pointimg .img_con img{

    width: 100%;

    height: 100%;

}

.maparea .poin a {

    width: 24px;

    height: 31px;

    display: block;

    cursor: pointer;

    background: url(/uploads/image/smcimages/smallicon.png) no-repeat center center;

}



.maparea .poin .text {

    background: rgba(0, 0, 0, 0.6);

    position: absolute;

    border-radius: 8px;

    left: 25px;

    bottom: 20px;

    font-size: 12px;

    color: #fff;

    padding: 3px 8px;

    line-height: 2em;

    display: none;

    min-width: 88px;

    text-align: center;

}

.maparea .poin a:hover{

    background: url(/uploads/image/smcimages/bigicon.png) no-repeat center center;

}



.maparea .point1 {

    left: 116px;

    top: 132px

}



.maparea .point2 {

    left: 219px;

    top: 155px

}



.maparea .point3 {

    left: 660px;

    top: 144px

}



.maparea .point4 {

    left: 652px;

    top: 158px

}



.maparea .point5 {

    left: 660px;

    top: 160px

}



.maparea .point6 {

    left: 645px;

    top: 175px

}



.maparea .point7 {

    left: 660px;

    top: 186px

}



.maparea .point8 {

    left: 763px;

    top: 335px

}

.maparea .point9{

    left: 366px;

    top: 103px;

}

.maparea .point10{

    left: 640px;

    top: 136px;

}

.maparea .point11{

    left: 653px;

    top: 168px;

}

.maparea .point12{

    left: 650px;

    top: 179px;

}

.footarea {

    width: 100%;

    height: 116px;

    background: #125a9f;

}



.footarea ul li {

    width: 32.5%;

    position: relative;

    text-transform: uppercase;

    margin-top: 26px;

    height: 46px;

    line-height: 46px;

    border-bottom: 1px solid #fff;

    font-size: 16px;

    color: #fff;

    float: left;

    margin-right: 1.25%;

}



.footarea ul li span {

    font-size: 16px

}



.footarea ul li:last-child {

    margin-right: 0;

}



.footarea ul li i {

    padding-left: 18px;

}



.footarea ul li .erweima {

    width: 110px;

    height: 110px;

    position: absolute;

    top: 36px;

    display: none

}



.footarea ul li .erweima.wx {

    left: 184px;

}



.footarea ul li .erweima.wb {

    left: 218px;

}



.footarea ul li .erweima img {

    width: 100%

}



footer {

    padding: 40px 0 20px;

    background: #125a9f;

    color: #fff

}



footer .wfoot {

    width: 1200px;

    margin: 0 auto

}



footer .namediv p {

    padding-bottom: 18px;

    font-size: 16px

}



footer .namediv p:first-of-type {

    font-weight: 700

}























footer dl dd, footer dl dt {

    padding-bottom: 18px;

    font-size: 16px

}



footer dl dt {

    font-weight: 700

}



footer img {

    margin: 0 35px

}

footer .footlink{

    width: 340px;

}

footer .footlink dd{

    float: left;

    padding-right: 20px;

}

footer .footlink dd a{

    text-decoration: underline;

}





.pageing {

    margin: 30px 0 0;

    text-align: center

}



/*.jzd_page_dangqianye,.jzd_page_first,.jzd_page_gong,.jzd_page_last,.jzd_page_select,.jzd_page_select_ye,.jzd_page_tiaojilu,.jzd_page_xiegang,.jzd_page_ye,.jzd_page_yeci,.jzd_page_zhongye,.jzd_page_zhuangdao,.jzd_page_zongshu{display:none}

.jzd_page_next,.jzd_page_previous,.jzd_page_shuziye{padding:10px 20px}

.jzd_page_disabled{border:none;padding:10px 20px;color:#c3171d}*/



/******************************************关于我们******************************************/

.about {

    width: 100%;

    overflow: hidden;

}



.about .bannerabout {

    width: 100%;

    height: 550px;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: 100% 100%;

    overflow: hidden;

}



.about .bannerabout .text {

    height: 128px;

    padding: 210px 0;

}



.about .bannerabout .text .left {

    width: 50%;

    height: 128px;

    border-right: 1px solid #fff;

    box-sizing: border-box;

    float: left;

}



.about .bannerabout .text .left .nameen {

    font-size: 60px;

    line-height: 69px;

    color: #fff;

    margin-bottom: 30px;

    font-family:arial black, helvetica, sans-serif;

    font-style:italic;

    text-transform:uppercase

}



.about .bannerabout .text .left .namecn {

    font-size: 34px;

    color: #c8c9c9;

}



.about .bannerabout .text .right {

    width: 43%;

    height: 200px;

    overflow: hidden;

    font-size: 18px;

    color: #fff;

    line-height: 30px;

    float: right;

}



.about .titleabout {

    text-align: center;

    line-height: 30px;

    font-size: 30px;

    color: #0052a2;

    margin-bottom: 40px;

    font-weight: bold

}



.about .titleabout span {

    font-size: 24px;

    display: inline-block;

    padding-left: 20px;

    text-transform: uppercase;

    margin-left: 20px;

    border-left: 1px solid #0052a2;

    font-weight: normal

}



/*文化*/

.ghculture {

    overflow: hidden;

    padding: 80px 0 50px

}



.ghculture ul {

    overflow: hidden;

    padding-top: 18px;

}



.ghculture ul li {

    width: 25%;

    float: left;

    text-align: center;

    margin-bottom: 30px

}

.about_xyhlist.ghculture  ul li {

    width: 33.33%;

}

.ghculture ul li .icon {

    width: 100px;

    height: 100px;

    margin: 0 auto;

    text-align: center;

    line-height: 100px;

    font-size: 48px;

    color: #0052a2;

    border: 2px solid #0052a2;

    border-radius: 50%

}



.ghculture ul li .icon i {

    font-size: 42px;

}



.ghculture ul li .tit1 {

    padding: 28px 0 20px;

    font-size: 22px;

    color: #0052a2;

    font-weight: bold

}



.ghculture ul li .tit2 {

    font-size: 16px;

    height: 26px;

    color: #999;

}



/*使命*/

.ghmisson {

    overflow: hidden;

    padding: 7% 0;

    background:  no-repeat center top;

    background-size: cover !important;

}



.ghmisson .text {

    width: 920px;

    margin: 0 auto;

    text-align: center;

    font-size: 18px;

    color: #595757;

    line-height: 2em;

}



/*年表*/

.ghyear {

    overflow: hidden;

    padding: 80px 0

}
/*2022-8-28 gxw 集团年表修改*/
.history_list{
    position: relative;
    padding: 50px 0;
    margin-top: 80px;
}
.history_list:after{
    width: 30px;
    height: 30px;
    background: url(/uploads/image/smcimages/circle_img.png) no-repeat center center;
    background-size: 100% 100% !important;
    left: 50%;
    top: -30px;
    margin-left: -15px;
    content: "";
    display: block;
    position: absolute;

}
.history_list:before{
    width: 1px;
    height: 100%;
    background: #f6f7f7;
    left: 50%;
    top: 0;
    content: "";
    display: block;
    position: absolute;
    margin-left: -0.5px;

}
.history_list li{
    padding: 20px 0;
    position: relative;
    display: none;
}
.history_list li .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 10px solid #dbe1ee;
    background: #4b68aa;
}

.history_list li .li_con{
    position: relative;
    float: left;
    width: 50%;
    padding: 0 80px 0 0;
    box-sizing: border-box;
}
.history_list li .date {
    width: 90px;
    height: 90px;
    position: absolute;
    right: 130px;
    top: -70px;
    border-radius: 50%;
    background: #4b68aa;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history_list li .date .year{
    font-size: 20px;
}

.history_list li .date .nian{
    font-size: 14px;
    padding-top: 5px;
}

.history_list li .intro {
    background: #f6f7f7;
    padding: 35px 40px;
    border-radius: 25px;
    font-size: 16px;
}

.history_list li .intro p {
    line-height: 30px;
    position: relative;
    padding-left: 9px;
}

.history_list li .intro p:before{
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #4b68aa;
    border-radius: 50%;
    content: "";
    display: block;
}

.history_list li:nth-of-type(2n) .li_con{
    float: right;
    padding: 0 0 0 80px;
}
.history_list li:nth-of-type(2n) .date {
    right:auto;
    left: 130px;
}
.history_list li:nth-of-type(3n) .circle {
    border-color: #eef2e2;
    background: #a8c06f;
}
.history_list li:nth-of-type(3n) .date {
    background: #a8c06f;
}
.history_list li:nth-of-type(3n) .intro p:before{
    background: #a8c06f;
}

.history_list li:nth-of-type(3n-1) .circle {
    border-color: #e0ecf5;
    background: #649ecf;
}
.history_list li:nth-of-type(3n-1) .date {
    background: #649ecf;
}
.history_list li:nth-of-type(3n-1) .intro p:before{
    background: #649ecf;
}


.history_list li:nth-of-type(1),
.history_list li:nth-of-type(2),
.history_list li:nth-of-type(3),
.history_list li:nth-of-type(4),
.history_list li:nth-of-type(5){
    display: block;
}
.history_list.open li{
    display: block !important;
}
.action_btns{
    text-align: center;
}
.action_btns .action_btn{
    padding: 12px 32px;
    color: #fff;
    background: #0052a2 !important;
    position: relative;
    border-radius: 20px;
}
@media screen and (max-width: 1600px){

    .history_list li .circle {
        width: 16px;
        height: 16px;
        border: 8px solid #dbe1ee;
    }
    .history_list li .li_con {
        padding: 0 70px 0 0;
    }
    .history_list li .date {
        width: 80px;
        height: 80px;
        right: 115px;
        top: -65px;
    }
    .history_list li:nth-of-type(2n) .date {
        left: 115px;
    }
    .history_list li .date .year {
        font-size: 18px;
    }
    .history_list li .intro {
        padding: 25px 30px;
        font-size: 15px;
    }

    .history_list li:nth-of-type(2n) .li_con {
        padding: 0 0 0 70px;
    }
}

@media screen and (max-width: 1280px){
    .history_list{
        margin-top: 60px;
    }
    .history_list:after {
        width: 24px;
        height: 24px;
        top: -24px;
        margin-left: -12px;
    }
    .history_list li .circle {
        width: 14px;
        height: 14px;
        border: 7px solid #dbe1ee;
    }
    .history_list li .li_con {
        padding: 0 60px 0 0;
    }
    .history_list li .date {
        width: 70px;
        height: 70px;
        right: 100px;
        top: -55px;
    }
    .history_list li:nth-of-type(2n) .date {
        left: 100px;
    }
    .history_list li .date .year {
        font-size: 16px;
    }
    .history_list li .intro {
        padding: 20px 25px;
        font-size: 14px;
    }

    .history_list li:nth-of-type(2n) .li_con {
        padding: 0 0 0 60px;
    }
    .history_list li .intro p {
        line-height: 25px;
    }
    .history_list li .intro p:before {
        top: 11px;
        width: 3px;
        height: 3px;
    }
    .history_list li {
        padding: 15px 0;
    }
    .action_btns .action_btn {
        padding: 9px 25px;
    }



}

@media screen and (max-width: 900px){
    .history_list {
        padding: 40px 0 20px;
    }
    .history_list:before {
        left: 15px;
    }

    .history_list:after {
        width: 24px;
        height: 24px;
        left: 4px;
        top: -24px;
        margin-left: 0;
    }
    .history_list li {
        padding: 40px 0;
    }
    .history_list li:nth-of-type(2n) .li_con,
    .history_list li .li_con {
        padding: 0 0 0 40px;
        width: 100%;
    }
    .history_list li:nth-of-type(2n) .date,
    .history_list li .date {
        width: 60px;
        height: 60px;
        right: auto;
        top: -50px;
        left: 60px;
    }

    .history_list li .intro {
        padding: 15px 20px;
        font-size: 14px;
    }
    .history_list li .circle {
        width: 12px;
        height: 12px;
        border: 6px solid #dbe1ee;
        left: 15px;
    }
    .action_btns {
        text-align: left;
    }



}
/*2022-8-28 gxw 集团年表修改结束*/

/*

.ghyear .swiper-father {

    width: 110%;

    position: relative;

    left: -5%;

}



.ghyear .swiper-container {

    width: 90.91% !important;

    margin: 0 4.545%;

    box-sizing: border-box;

    overflow: hidden;

}



.ghyear .swiper-wrapper {

    padding: 40px 0;

}



.ghyear .swiper-slide {

    overflow: hidden;

    position: relative;

}



.ghyear .swiper-slide .top {

    width: 90%;

    padding: 0 5%;

    height: 105px;

    border-bottom: 2px solid #dbdcdc;

    overflow: hidden;

}



.ghyear .swiper-slide .date {

    width: 100%;

    height: 46px;

    background: #f6f7f7;

    border-radius: 6px;

    text-align: center;

    line-height: 46px;

    font-size: 20px;

    color: #0052a2;

    font-weight: bold

}



.ghyear .swiper-slide .circles {

    width: 6px;

    height: 6px;

    border-radius: 50%;

    border: 2px solid #d4d9eb;

    background: #4b68aa;

    margin: -5px auto 0;

}



.ghyear .swiper-slide .circlem {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 5px solid #d4d9eb;

    background: #4b68aa;

    position: absolute;

    left: 50%;

    margin-left: -10px;

    top: 95px;

}



.ghyear .swiper-slide .circlel {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    border: 10px solid #d4d9eb;

    background: #4b68aa;

    position: absolute;

    top: -17px;

    left: 50%;

    margin-left: -20px;

}



.ghyear .swiper-slide .top .circlel {

    margin: -20px auto

}



.ghyear .swiper-slide .line {

    width: 1px;

    height: 90px;

    border-right: 1px dashed #ececec;

    position: absolute;

    top: 61px;

    left: 50%;

    margin-left: -2px;

}



.ghyear .swiper-slide .bottom {

    width: 95%;

    padding: 0 2.5%;

    position: relative;

}



.ghyear .swiper-slide .intro {

    width: 100%;

    padding: 30px 20px;

    margin-top: 66px;

    box-sizing: border-box;

    background: #f6f7f7;

    border-radius: 6px;

    text-align: center;

    line-height: 1.8em;

    font-size: 17px;

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}



.ghyear .swiper-slide .intro p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

}



.ghyear .swiper-slide .top .intro {

    margin-top: 0

}



.ghyear .swiper-slide .bottom .circles {

    margin: -51px auto 0

}



.ghyear .swiper-slide .bottom .date {

    margin-top: 66px

}



.ghyear .swiper-slide:nth-child(3n 2) .circles, .ghyear .swiper-slide:nth-child(3n 2) .circlem, .ghyear .swiper-slide:nth-child(3n 2) .circlel {

    background: #649ecf;

    border-color: #c1d8ec

}



.ghyear .swiper-slide:nth-child(3n 3) .circles, .ghyear .swiper-slide:nth-child(3n 3) .circlem, .ghyear .swiper-slide:nth-child(3n 3) .circlel {

    background: #a8c06f;

    border-color: #dce6c5

}*/



/*责任*/

.respons {

    overflow: hidden;

    padding: 7% 0;

    background:  no-repeat center center;

    background-size: cover;

}



.respons .titleabout {

    color: #fff

}



.respons .titleabout span {

    border-left: 1px solid #fff

}



.respons .text {

    width: 920px;

    margin: 0 auto;

    text-align: center;

    font-size: 18px;

    color: #fff;

    line-height: 2em;

}

.respons ul {

    padding-top: 40px;

    overflow: hidden;

}



.respons ul li {

    float: left;

    width: 25%;

    text-align: center;

    color: #fff;

    position: relative;

}



.respons ul li h3 {

    font-size: 56px;

    font-weight: 700

}



.respons ul li i {

    font-size: 18px;

    padding-top: 20px

}

/*友情链接*/

.links {

    padding: 80px 0;

    overflow: hidden;

}



.links .titleabout {

    line-height: 30px;

    font-size: 30px;

    color: #595757;

    margin-bottom: 40px;

    font-weight: bold

}



.links .titleabout span {

    font-size: 24px;

    display: inline-block;

    padding-left: 20px;

    text-transform: uppercase;

    margin-left: 20px;

    color: #b4b4b5;

    border-left: 1px solid #595757;

    font-weight: normal

}



.links a {

    padding-right: 65px;

    font-size: 21px;

    color: #6d6d6d;

    /* text-decoration: underline; */

    font-weight: bolder

}



/******************************************子页面头图******************************************/

.subpage {

    width: 100%;

    padding-top: 95px;

    overflow: hidden

}



.pagetitle {

    width: 100%;

    margin-bottom: 50px;

    padding-bottom: 49px;

    border-bottom: 1px solid #ededed;

    font-size: 30px;

    color: #595757

}



.pagetitle span {

    font-size: 68px;

    font-weight: bold;

    text-transform: uppercase;

    font-family: arial, helvetica, sans-serif;

    padding-right: 20px;

    position: relative;

    top: 6px;

    font-style: italic;

    background: -ms-linear-gradient(to right, #0151a3, #5f1986);

    background: -webkit-linear-gradient(to right, #0151a3, #5f1986);

    background: -o-linear-gradient(to right, #0151a3, #5f1986);

    background: -moz-linear-gradient(to right, #0151a3, #5f1986);

    background: linear-gradient(to right, #0151a3, #5f1986);

    font-size: 48px;

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    color: transparent;

}



.subpage .readmore {

    border: 1px solid #a6a6a6;

    color: #898989;

    padding: 5px 15px;

    font-size: 14px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px

}



.subpage .readmore:hover{

    border: 1px solid #0052a2;

    color: #0052a2;

}



.headimgbox {

    width: 100%;

    position: relative;

    overflow: hidden;

}

.studentimgbox .swiper-button-next,

.headimgbox .swiper-button-next,

.studentimgbox  .swiper-button-prev,

.headimgbox  .swiper-button-prev{

    display: none;

}

.headimgbox .swiper-slide {

    width: 100%;

    height: 500px;

}

.headimgbox .swiper-slide img{

    width: 100%;

    height: 100%;

}

.headimgbox .img {

    width: 66%;

    height: 100%;

    background-size: cover !important;

    float: left;

}



.headimgbox .text {

    width: 28%;

    float: right;

    padding: 3%;

}



.headimgbox .text .tit1 {

    width: 100%;

    font-size: 42px;

    color: #595757;

    line-height: 60px;

    font-weight: bold;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden

}



.headimgbox .text .line {

    width: 42px;

    height: 4px;

    background: #595757;

    margin: 40px 0;

}



.headimgbox .text .tit2 {

    font-size: 18px;

    color: #595757;

    line-height: 30px;

     margin-bottom: 80px;

    height: 120px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



.headimgbox .text .tit2 p {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden

}



.headimgbox .span {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    background:  no-repeat right top;

    background-size: 100% 100%;

}



.titlecourse {

    line-height: 30px;

    font-size: 30px;

    color: #595757;

    margin-bottom: 40px;

}



.titlecourse span {

    font-size: 24px;

    display: inline-block;

    padding-left: 20px;

    text-transform: uppercase;

    margin-left: 20px;

    color: #b4b4b5;

    border-left: 1px solid #595757;

    font-weight: normal

}



/******************************************课程******************************************/

.coursebox {

    padding: 80px 0;

}



.coursebox ul {

    width: 103%;

}



.coursebox ul li {

    width: 30.5%;

    text-align: center;

    margin-right: 2.75%;

    margin-bottom: 30px;

    float: left;

    border: 1px solid #ececec;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 50px 30px;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



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

    margin-right: 0;

}



.coursebox ul li:hover {

    box-shadow: 6px 10px 6px rgba(155, 155, 155, 0.1), -6px 10px 6px rgba(155, 155, 155, 0.1);

}



.coursebox ul li .tit1 {

    font-size: 20px;

    color: #595757;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.coursebox ul li .line {

    width: 40px;

    height: 2px;

    background: #595757;

    margin: 28px auto 38px;

}



.coursebox ul li .tit2 {

    color: #9e9f9f;

    line-height: 27px;

    height: 108px;

    margin-bottom: 50px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



.coursebox ul li:hover .tit1 {

    color: #0052a2

}



.coursebox ul li:hover .line {

    background: #0052a2;

}



.subpage .coursebox ul li:hover .readmore {

    border: 1px solid #0052a2;

    color: #0052a2;

}



.morebtn {

    width: 100%;

    height: 64px;

    display: block;

    box-sizing: border-box;

    border: 1px solid #e4e5e5;

    border-radius: 4px;

    text-align: center;

    line-height: 64px;

    font-size: 18px;

    color: #b4b4b5;

}



.morebtn span {

    width: 20px;

    height: 20px;

    position: relative;

    top: -1px;

    border: 1px solid #b4b4b5;

    text-align: center;

    line-height: 20px;

    font-size: 16px;

    border-radius: 50%;

    display: inline-block;

    margin-left: 10px;

}



.morebtn:hover {

    color: #0052a2;

    border: 1px solid #0052a2

}



.morebtn:hover span {

    border: 1px solid #0052a2;

}



.courseimg {

    width: 100%;

}



.courseimg img {

    width: 100%;

    height: auto

}



.coursestep {

    width: 100%;

    height: 46px;

    background:  no-repeat center top;

    background-size: cover;

}



.coursestep ul li {

    width: 50%;

    float: left;

    line-height: 46px;

    text-align: center;

    color: #fff;

}



/*光华人*/

.banner_student {

    width: 100%;

    position: relative;

}



.banner_student .swiper-slide {

    width: 100%;

    height: 500px;

}



.banner_student .img {

    width: 57%;

    height: 100%;

    float: left;

    background-size: cover !important;

}



.banner_student .text {

    width: 43%;

    height: 100%;

    float: right;

    padding: 80px 3% 0;

    background: #f6f7f7;

    box-sizing: border-box;

}



.banner_student .text .tit1 {

    font-size:20px;

    color: #0052a2;

    line-height: 30px;

    font-weight: bold;

}



.banner_student .text .tit2 {

    font-size: 16px;

    color: #595757;

    line-height: 30px;

    height: 120px;

    margin: 40px 0 80px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden;

}



.studentbox {

    padding: 50px 0 80px;

    overflow: hidden;

}



.studentbox .left {

    width: 66%;

    float: left;

}



.studentbox .left ul {

    overflow: hidden;

}



.studentbox .left ul li {

    width: 100%;

    padding: 40px 0;

    border-bottom: 1px solid #ececec;

    overflow: hidden;

}



.studentbox .left ul li a {

    width: 100%;

    height: 100%;

    display: block

}



.studentbox .left ul li .pimg {

    width: 160px;

    height: 100px;

    overflow: hidden;

    float: left;

}



.studentbox .left ul li .pimg img {

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.studentbox .left ul li:hover .pimg img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.studentbox .left ul li .text {

    text-overflow: ellipsis;

    overflow: hidden;

    padding-left: 30px;

}



.studentbox .left ul li .text .tit3 {

    color: #595757;

    line-height: 20px;

    padding: 5px 0;
    font-size: 12px;
}



.studentbox .left ul li .text .tit1 {

    font-size: 18px;

    color: #595757;

    font-weight: bold;

    margin: 0px 0 7px;

    height: 23px;

    line-height: 23px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.studentbox .left ul li .text .tit2 {

    font-size: 14px;

    color: #727171;

    line-height: 25px;

    max-height: 50px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.studentbox .left ul li:last-child {

    border: 0;

}

.studentbox .left ul li.join_li {

    padding: 15px 0;

}

.studentbox .left ul li.join_li .text {

    padding-left: 20px;

}

.studentbox .left ul li.join_li .text .tit1 {

    margin: 5px 0 7px;

}

.studentbox .right {

    width: 24%;

    float: right;

    color: #727171;

}



.studentbox .right .searcharea {

    padding-bottom: 50px;

    padding-top: 15px;

}



.studentbox .right .searcharea .tit {

    width: 100%;

    height: 56px;

    line-height: 56px;

    font-size: 16px;

    color: #595757;

    font-weight: bold;

    border-bottom: 1px solid #ececec;

}



.studentbox .right .searcharea .p20 {

    padding: 20px 0;

    color: #727171;

    overflow: hidden;

}



.studentbox .right .searcharea .p10 {

    padding: 10px 0;

    color: #727171;

    overflow: hidden;

}



.studentbox .right .searcharea .searchbox {

    width: 100%;

    height: 42px;

    margin-bottom: 10px;

    background: #0052a2;

    border: 0;

    border-radius: 6px;

    padding: 0 10px;

    box-sizing: border-box

}



.studentbox .right .searcharea .searchbox .input {

    width: 280px;

    height: 42px;

    float: left;

    background: none;

    border: 0;

    color: #fff;

}



.studentbox .right .searcharea .searchbox .button {

    height: 42px;

    float: right;

    background: none;

    border: 0;

    color: #fff;

}



.studentbox .right .searcharea .inputw {

    width: 100%;

    height: 26px;

    padding: 0 10px;

    border-radius: 2px;

    background: none;

    border: 1px solid #ececec;

    color: #ccc;

    display: block;

    box-sizing: border-box

}



.studentbox .right .searcharea .select {

    width: 120px;

    height: 30px;

    padding: 0 10px;

    border-radius: 2px;

    background: none;

    border: 1px solid #ececec;

    color: #727171;

    display: block;

    box-sizing: border-box

}



.studentbox .right .searcharea .checkbox {

    width: 12px;

    height: 12px;

    border: 1px solid #595757;

    border-radius: 2px;

    margin-right: 6px;

}



.studentbox .right .searcharea label {

    color: #595757

}



.studentbox .right .searcharea .submitbtn {

    width: 98px;

    height: 32px;

    background: #0052a2;

    border: 0;

    float: right;

    margin-top: 15px;

    border-radius: 6px;

    font-size: 16px;

    color: #fff;

}



.studentbox .right .icongroup {

    width: 100%;

    padding: 60px 0 20px;

    margin: 70px 0;

    border-top: 1px solid #ececec;

    border-bottom: 1px solid #ececec;

}



.studentbox .right .icongroup ul {

    overflow: hidden;

}



.studentbox .right .icongroup ul li {

    width: 40%;

    float: left;

    margin-right: 20%;

    margin-bottom: 40px;

    text-align: center;

}

.studentbox .right .icongroup ul li a{

    width: 100%;

}

.studentbox .right .icongroup ul li:nth-child(2n) {

    margin-right: 0;

}



.studentbox .right .icongroup ul li .icon {

    width: 100%;

    padding-top: 100%;

    margin: 0 auto;

    border-radius: 50%;

    border: 2px solid #b4b4b5;

    font-size: 48px;

    color: #b4b4b5;

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.studentbox .right .icongroup ul li .icon:before{

    position: absolute;

    top: 50%;

    left: 50%;

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

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.studentbox .right .icongroup ul li .tit {

    font-size: 16px;

    color: #b4b4b5;

    padding-top: 20px;

}



.studentbox .right .icongroup ul li:hover .icon {

    border: 2px solid #0052a2;

    background: #0052a2;

    color: #fff

}



.studentbox .right .erweima {

    width: 128px;

    overflow: hidden;

    text-align: center;

    font-size: 14px;

    color: #595757;

}



.studentbox .right .erweima img {

    width: 126px;

    height: 126px;

    margin-bottom: 20px;

}



/******************************************翻页******************************************/

.pages {

    text-align: center;

    height: 40px;

    overflow: hidden;

    padding-top: 80px;

}



.pages span {

    font-size: 18px;

    color: #727171;

    line-height: 36px;

    padding: 0 8px;

    display: none;

    border-radius: 6px;

}



.pages a {

    font-size: 18px;

    color: #595757;

    display: inline-block;

    line-height: 36px;

    padding: 0 28px;

    border: 1px solid #ececec;

    margin: 0 6px;

}



.pages span {

    font-size: 18px;

    color: #595757;

    display: inline-block;

    line-height: 36px;

    padding: 0 8px;

}

/******************************************活动日历******************************************/

.calendar {

    padding: 80px 0;

    overflow: hidden;

}



.calendar .swiper-father {

    width: 100%;

    position: relative;

}



.calendar .swiper-container {

    width: 86% !important;

    margin: 0 7%;

    box-sizing: border-box;

    overflow: hidden;

}



.calendar .swiper-wrapper {

    box-sizing: border-box;

}



.calendar .swiper-wrapper .swiper-slide {

    text-align: center;

}



.calendar .swiper-wrapper .swiper-slide .date {

    width: 141px;

    height: 141px;

    background:  no-repeat center center;

    background-size: 100% 100% !important;

    margin: 0 auto 25px;

}



.calendar .swiper-wrapper .swiper-slide .date .tit1 {

    padding-top: 32px;

    font-size: 33px;

    color: #fff;

}



.calendar .swiper-wrapper .swiper-slide .date .tit2 {

    padding-top: 12px;

    font-size: 42px;

    color: #595757;

    font-weight: bold;

}



.calendar .swiper-wrapper .swiper-slide .name {

    font-size: 20px;

    color: #595757;

    line-height: 34px;

    font-weight: bold;

}



.calendar .swiper-button-prev {

    left: 0

}



.calendar .swiper-button-next {

    right: 0

}



.eventinfo {

    padding: 20px 0 0;

    overflow: hidden;

}



.eventinfo ul li {

    width: 100%;

    height: 298px;

    margin-bottom: 40px;

    overflow: hidden;

}



.eventinfo ul li .img {

    width: 42%;

    height: 100%;

    float: left;

    background-size: cover !important;

}



.eventinfo ul li .text {

    width: 58%;

    height: 100%;

    float: right;

    border: 1px solid #ececec;

    padding: 30px;

    box-sizing: border-box;

}



.eventinfo ul li:hover {

    box-shadow: 6px 10px 6px rgba(155, 155, 155, 0.1), -6px 10px 6px rgba(155, 155, 155, 0.1);

}



.eventinfo ul li .text .tit1 {

    font-size: 20px;

    color: #595757;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.eventinfo ul li .text .readmore {

    float: right;

}



.eventinfo ul li .text .line {

    width: 40px;

    height: 2px;

    background: #595757;

    margin: 28px 0 38px;

}



.eventinfo ul li .text .tit2 {

    font-size: 16px;

    color: #9e9f9f;

    line-height: 26px;

    margin-bottom: 50px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden

}



.eventinfo ul li:hover .text .tit1 {

    color: #0052a2

}



.eventinfo ul li:hover .text .line {

    background: #0052a2;

}



.eventinfo ul li:hover .text .readmore {

    border: 1px solid #0052a2;

    color: #0052a2;

}

.xyhlist_con .swiper-button-prev,

.xyhlist_con .swiper-button-next,

.swiper-father .swiper-button-next,

.swiper-father .swiper-button-prev {

    width: 50px;

    height: 50px;

    background: #ededed;

    border-radius: 50%;

    font-size: 24px;

    color: #fff;

    text-align: center;

    line-height: 50px;

    opacity: 1 !important

}



.xyhlist_con .swiper-button-prev{

    left: -60px;

}

.swiper-father .swiper-button-prev {

    left: -20px

}



.xyhlist_con .swiper-button-next{

    right: -60px;

}

.swiper-father .swiper-button-next {

    right: -20px

}



/******************************************新闻资讯******************************************/

.newstop {

    width: 100%;

    position: relative;

    overflow: hidden

}



.newstop ul li {

    width: 48%;

    float: left;

    overflow: hidden;

}



.newstop ul li a {

    width: 100%

}



.newstop ul li:first-child {

    margin-right: 4%

}



.newstop ul li .pimg {

    width: 100%;

    height: 325px;

    overflow: hidden

}



.newstop ul li .pimg img {

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.newstop ul li:hover .pimg img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.newstop ul li .text {

    width: 100%;

    height: 126px;

    padding-top: 15px

}



.newstop ul li .text .tit1 {

    height: 54px;

    border-left: 1px solid #d9d9da;

    padding-left: 10px;

    font-size: 14px;

    color: #595757;

    line-height: 27px;

}



.newstop ul li .text .tit2 {

    font-size: 18px;

    height: 25px;

    color: #0052a2;

    margin: 20px 0 10px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-weight: bold;

}



.newstop ul li .text .tit3 {

    color: #727171;

    line-height: 27px;

    height: 54px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;
    font-size: 16px;

}



/******************************************建筑******************************************/

.bannerbuild {

    width: 100%;

    height: 550px;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover !important;

    overflow: hidden;

}



.bannerbuild .text {

    padding: 190px 0;

}



.bannerbuild .nameen {

    width: 80%;

    font-size: 60px;

    line-height: 69px;

    color: #fff;

    margin-bottom: 30px;

    text-transform: uppercase;

    font-family: arial black, helvetica, sans-serif;

    font-style:italic

}



.bannerbuild .namecn {

    font-size: 30px;

    line-height: 30px;

    color: #fff;

}



.buildbox {

    padding: 80px 0;

    overflow: hidden

}



.buildbox ul {

    overflow: hidden;

}



.buildbox ul li {

    width: 48%;

    margin-bottom: 30px;

    float: left;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.buildbox ul li .pimg {

    width: 100%;

    height: 296px;

    overflow: hidden

}



.buildbox ul li .pimg .pimg_con {

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.buildbox ul li:hover .pimg .pimg_con {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



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

    margin-right: 4%;

}



.buildbox ul li .text {

    width: 100%;

    background: #fff;

    padding: 30px 20px  40px;

    border: 1px solid #ececec;

    box-sizing: border-box

}



.buildbox ul li:hover {

    box-shadow: 6px 10px 6px rgba(155, 155, 155, 0.1), -6px 10px 6px rgba(155, 155, 155, 0.1);

}



.buildbox ul li .text .tit1 {

    font-size: 20px;

    color: #595757;

    font-weight: bold;

}



.buildbox ul li .text .readmore {

    float: right;

}



.buildbox ul li .text .line {

    width: 40px;

    height: 2px;

    background: #595757;

    margin: 12px 0 18px;

}



.buildbox ul li .text .tit2 {

    color: #9e9f9f;

    line-height: 27px;

    margin-bottom: 22px;

    height: 54px;

    overflow: hidden;

}



.buildbox ul li:hover .text .tit1, .buildbox ul li:hover .text .tit2 {

    color: #0052a2

}



.buildbox ul li:hover .text .line {

    background: #0052a2;

}



.buildbox ul li:hover .text .readmore {

    color: #0052a2;

}











.buildbox .qxjg_list dd {

    margin-bottom: 50px;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    padding: 30px;

    border: 1px solid #ddd;

}



.buildbox .qxjg_list dd .pimg {

    width: 48%;

    height: 350px;

    overflow: hidden;

}



.buildbox .qxjg_list dd .pimg .pimg_con {

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.buildbox .qxjg_list dd:hover .pimg .pimg_con {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.buildbox .qxjg_list dd .text {

    width: 52%;

    padding: 60px 0 0 60px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.buildbox .qxjg_list dd:hover {

    box-shadow: 6px 10px 6px rgba(155, 155, 155, 0.1), -6px 10px 6px rgba(155, 155, 155, 0.1);

}



.buildbox .qxjg_list dd .text .tit1 {

    font-size: 20px;

    color: #595757;

    font-weight: bold;

}



.buildbox .qxjg_list dd .text .readmore {

    float: right;

}



.buildbox .qxjg_list dd .text .line {

    width: 40px;

    height: 2px;

    background: #595757;

    margin: 12px 0 18px;

}



.buildbox .qxjg_list dd .text .tit2 {

    color: #9e9f9f;

    line-height: 27px;

    margin-bottom: 22px;

    height: 81px;

    overflow: hidden;

    -webkit-line-clamp: 3;

    line-clamp: 3;

}



.buildbox .qxjg_list dd:hover .text .tit1, .buildbox .qxjg_list dd:hover .text .tit2 {

    color: #0052a2

}



.buildbox .qxjg_list dd:hover .text .line {

    background: #0052a2;

}



.buildbox .qxjg_list dd:hover .text .readmore {



    color: #0052a2;

}





.buildbox .qxjg_list dd {

    padding: 0;

    margin-bottom: 20px;

    padding-bottom: 20px;

    border: none;

    border-bottom: 1px solid #ddd;

}

.buildbox .qxjg_list dd .pimg {

    width: 27%;

    height: 210px;

    overflow: hidden;

}

.buildbox .qxjg_list dd .text {

    width: 73%;

    padding: 15px 15px 0 35px;

}

.buildbox.buildbox_lm{

    padding: 0;

}

.buildbox.buildbox_lm .titlecourse {

    margin-bottom: 25px;

    margin-top: 40px;

}

/******************************************书院******************************************/

.collegetop {

    width: 100%;

    padding: 80px 0;

    position: relative;

}



.collegetop .swiper-father {

    width: 110%;

    position: relative;

    left: -5%;

}



.collegetop .swiper-container {

    width: 90.91% !important;

    margin: 0 4.545%;

    box-sizing: border-box;

    overflow: hidden;

}



.collegetop ul li {

    float: left;

    margin-bottom: 10px;

}

.collegetop ul li a{

    width: 100%;

}

.collegetop ul li:hover {

    box-shadow: 6px 6px 6px rgba(155, 155, 155, 0.1), -6px 6px 6px rgba(155, 155, 155, 0.1);

}



.collegetop ul li .pimg {

    width: 100%;

    height: 230px;

    overflow: hidden

}



.collegetop ul li .pimg img {

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.collegetop ul li:hover .pimg img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.collegetop ul li .text {

    width: 100%;

    height: 314px;

    padding: 30px;

    box-sizing: border-box;

    border: 1px solid #ececec

}



.collegetop ul li .text .tit1 {

    height: 40px;

    font-size: 20px;

    color: #595757;

    line-height: 22px;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.collegetop ul li .text .tit2 {

    font-size: 12px;

    line-height: 17px;

    color: #9e9f9f;

    margin: 7px 0 15px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.collegetop ul li .text .line {

    width: 100%;

    height: 1px;

    background: #ededed;

    margin-bottom: 30px

}



.collegetop ul li .text .tit3 {

    font-size: 14px;

    color: #595757;

    line-height: 1.5em;

    margin-bottom: 22px;

    overflow: hidden;

}



.collegetop ul li .text .tit3 .left {

    float: left;

}



.collegetop ul li .text .tit3 .right {

    float: right;

}



.collegetop ul li:hover .text .tit1, .collegetop ul li:hover .text .tit2, .collegetop ul li:hover .text .tit3 {

    color: #0052a2

}



.collegetop ul li:hover .text .readmore {

    border: 1px solid #0052a2;

    color: #0052a2;

}



.collegebox {

    overflow: hidden;

}



.collegebox ul li {

    width: 100%;

    height: 300px;

    margin-bottom: 40px;

    overflow: hidden;

}



.collegebox ul li .pimg {

    width: 36%;

    height: 100%;

    overflow: hidden;

    float: left;

}



.collegebox ul li .pimg img {

    width: 100%;

    height: 100%;

}



.collegebox ul li .text {

    width: 64%;

    height: 100%;

    float: right;

    border: 1px solid #ececec;

    padding: 30px;

    box-sizing: border-box;

}



.collegebox ul li:hover {

    box-shadow: 6px 10px 6px rgba(155, 155, 155, 0.1), -6px 10px 6px rgba(155, 155, 155, 0.1);

}



.collegebox ul li .text .tit1 {

    font-size: 20px;

    color: #595757;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.collegebox ul li .text .readmore {

    float: right;

}



.collegebox ul li .text .line {

    width: 40px;

    height: 2px;

    background: #595757;

    margin: 28px 0 38px;

}



.collegebox ul li .text .tit2 {

    font-size: 16px;

    color: #b5b5b6;

    line-height: 24px;

    margin-bottom: 50px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.collegebox ul li:hover .text .tit1 {

    color: #0052a2

}



.collegebox ul li:hover .text .line {

    background: #0052a2;

}



.collegebox ul li:hover .text .readmore {

    border: 1px solid #0052a2;

    color: #0052a2;

}



.collegeinfo {

    overflow: hidden;

    padding-top: 80px

}



.collegeinfo .content {

    width: 100%;

    position: relative;

    margin-bottom: 30px

}



.collegeinfo .pimg {

    width: 100%;

    height: 500px;

    overflow: hidden;

}



.collegeinfo .pimg img {

    width: 100%;

    height: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.collegeinfo :hover .pimg img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.collegeinfo .areatit {

    width: 222px;

    height: 56px;

    background: #0a773e;

    display: block;

    text-align: center;

    line-height: 56px;

    position: absolute;

    font-size: 22px;

    color: #fff

}



.collegeinfo .areatit.top {

    top: 0;

    left: 0;

}



.collegeinfo .areatit.bottom {

    bottom: 50px;

    right: 0;

    border-radius: 50px 0 0 50px;

}



.collegefeed {

    padding-top: 80px

}



.collegefeed .swiper-father {

    width: 110%;

    position: relative;

    left: -5%;

}



.collegefeed .swiper-container {

    width: 90.91% !important;

    margin: 0 4.545%;

    box-sizing: border-box;

    overflow: hidden;

}



.collegefeed ul li {

    float: left;

    margin-bottom: 10px;

    margin-top: 48px;

    border: 1px solid #ececec;

    position: relative;

    padding: 80px 30px 40px;

    box-sizing: border-box

}



.collegefeed ul li img {

    width: 96px;

    height: 96px;

    border-radius: 50%;

    position: absolute;

    left: 10%;

    top: -48px;

    overflow: hidden

}



.collegefeed ul li .tit1 {

    height: 40px;

    font-size: 20px;

    color: #595757;

    line-height: 22px;

    font-weight: bold

}



.collegefeed ul li .tit2 {

    font-size: 16px;

    background: #eee;

    border: 4px;

    padding: 0 10px;

    line-height: 28px;

    height: 28px;

    color: #0052a2;

    margin: 10px 0 30px;

    overflow: hidden

}



.collegefeed ul li .tit3 {

    height: 97px;

    font-size: 14px;

    line-height: 1.8em;

    color: #b5b5b6;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

}



.collegefeed ul li .sign {

    position: absolute;

    top: 15px;

    right: 30px;

    font-size: 30px;

    color: #0052a2

}



/******************************************智慧校园******************************************/

.samrttop {

    width: 100%;

    overflow: hidden;

    padding-top: 80px

}



.samrttop .pimg {

    width: 100%;

    margin: 15px 0 30px;

    position: relative;

}



.samrttop .campus {

    width: 100%;

    height: 350px;

    background-size: cover !important;



}

.samrttop .campus a{

    width: 100%;

    height: 100%;

}

.samrttop .campus .text{

    width: 426px;

    height: 275px;

    background: rgba(0, 0, 0, 0.2);

    padding: 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: #fff;

    position: absolute;

    top: 40px;

    left: 100px;

}

.samrttop .campus .text .tit1 {

    font-size: 20px;

    color: #fff;

    font-weight: bold;

}

.samrttop .campus .text .line {

    width: 20px;

    height: 1px;

    background: #fff;

    margin: 20px 0;

}

.samrttop .campus .text  .tit2 {

    font-size: 16px;

    line-height: 1.5em;

    color: #fff;

}

.samrtmiddle {

    width: 100%;

    overflow: hidden;

    padding-top: 80px;

    padding-bottom: 60px;

}



.samrtmiddle .swiper-container {

    width: 100%;

    height: 100%;

}



.samrtmiddle .swiper-slide {

    font-size: 18px;

    color: #fff;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    height: 400px !important;

    background-size: cover !important;

}

.samrtmiddle .swiper-slide a{

    width: 100%;

    height: 100%;

}

.samrtmiddle .parallax-bg {

    position: absolute;

    left: 0;

    top: 0;

    width: 130%;

    height: 100%;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center

}



.samrtmiddle .swiper-slide .text {

    width: 426px;

    height: 275px;

    background: rgba(0, 0, 0, 0.3);

    padding: 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    top: 17%;

    left: 12%;

}



.samrtmiddle .swiper-slide .text .tit1 {

    font-size: 20px;

    color: #fff;

    font-weight: bold;

}



.samrtmiddle .swiper-slide .text .tit2 {

    font-size: 16px;

    line-height: 1.5em;

    color: #fff;

}



.samrtmiddle .swiper-slide .text .line {

    width: 20px;

    height: 1px;

    background: #fff;

    margin: 20px 0;

}



.samrtmiddle .swiper-button-prev {

    width: 44px;

    left: 20px;

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

    border-radius: 50%;

    line-height: 44px;

    text-align: center;

    font-size: 22px;

    color: #fff;

    font-weight: 700;

}



.samrtmiddle .swiper-button-next {

    right: 20px;

    width: 44px;

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

    border-radius: 50%;

    line-height: 44px;

    text-align: center;

    font-size: 22px;

    color: #fff;

    font-weight: 700;

}



.samrtmiddle .swiper-slide .text.right {

    float: right

}



.samrtbottom {

    width: 100%;

    overflow: hidden;

    padding-top: 80px

}



.samrtbottom ul li {

    width: 100%;

    height: 300px;

    margin-bottom: 40px;

    overflow: hidden;

}



.samrtbottom ul li .pimg {

    width: 36%;

    height: 100%;

    overflow: hidden;

    float: right;

}



.samrtbottom ul li .text {

    width: 64%;

    height: 100%;

    float: left;

    border: 1px solid #ececec;

    padding: 30px;

    box-sizing: border-box;

}



/******************************************报名表单******************************************/

.formpage {

    width: 100%;

    background:  repeat;

    overflow: hidden;

}



.formpage .wrapper {

    width: 800px;

    padding: 50px;

    background: #fff;

    box-shadow: 6px 6px 6px rgba(155, 155, 155, 0.1), -6px 6px 6px rgba(155, 155, 155, 0.1);

    margin: 110px auto

}



.formpage .intro {

    width: 100%;

    padding-top: 25px;

    padding-bottom: 35px;

    border-top: 1px solid #ececec;

    margin-top: 46px;

    color: #ffa400

}



.formpage .intro .tit1 {

    font-size: 18px;

    font-weight: bold;

    padding-bottom: 10px;

}



.formpage .intro .tit2 {

    font-size: 14px;

    line-height: 1.5em;

}



.formpage .form {

    width: 522px;

    margin: 0 auto;

}



.formpage .form .tdli {

    margin-bottom: 30px;

    overflow: hidden;

}



.formpage .form .tdli label {

    font-size: 16px;

    color: #c8c9c9;

    margin-bottom: 20px;

    display: block;

    text-transform: capitalize

}



.formpage .form .tdli label font {

    color: #e50012

}



.formpage .form .tdli input[type="text"] {

    width: 100%;

    height: 36px;

    border: 2px solid #ededed;

    padding: 0 10px;

    padding: 0 10px;

    color: #999;

    border-radius: 2px;

    box-sizing: border-box;

}



.formpage .form .tdli select {

    width: 100%;

    height: 36px;

    border: 2px solid #ededed;

    padding: 0 10px;

    padding: 0 10px;

    color: #999;

    border-radius: 2px;

    box-sizing: border-box;

    background: -ms-linear-gradient(to bottom, #fff, #eee);

    background: -webkit-linear-gradient(to bottom, #fff, #eee);

    background: -o-linear-gradient(to bottom, #fff, #eee);

    background: -moz-linear-gradient(to bottom, #fff, #eee);

    background: linear-gradient(to bottom, #fff, #eee);

}



.formpage .form .tdli .radio {

    float: left;

    margin-right: 50px;

    font-size: 14px;

    color: #c8c9c9;

}



.formpage .form .tdli input[type="radio"] {

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 1px solid #c8c9c9;

    margin-right: 5px

}



.formpage .form .tdli .tips {

    width: 100%;

    padding: 18px;

    background: #dae7ff;

    box-sizing: border-box;

    color: #468bfd;

    font-size: 14px;

    line-height: 2em;

    margin-top: 18px

}



.formpage .form .tdli .tips .icon {

    font-size: 18px;

    margin-right: 6px

}



.formpage .form .tit {

    font-size: 14px;

    color: #595757;

    margin-bottom: 20px;

    font-weight: bold

}



.formpage .form .submit {

    width: 100px;

    height: 44px;

    margin: 50px auto;

    border: 0;

    display: block;

    border-radius: 20px;

    background: -ms-linear-gradient(to bottom, #036eb8, #0052a3);

    background: -webkit-linear-gradient(to bottom, #036eb8, #0052a3);

    background: -o-linear-gradient(to bottom, #036eb8, #0052a3);

    background: -moz-linear-gradient(to bottom, #036eb8, #0052a3);

    background: linear-gradient(to bottom, #036eb8, #0052a3);

    font-size: 14px;

    color: #fff

}



.newscont {

    position: relative;

}



.newscont h1 {

    font-size: 24px;

    color: #000;

    color: #0052a2;

    line-height: 1.5em;

    text-align: center;

    margin-bottom: 10px;

}



.newscont .date {

    font-size: 14px;

    color: #bdbdbd;

    text-align: center;

    margin: 35px 0;

    border-top: 1px dashed #ececec;

    border-bottom: 1px dashed #ececec;

    height: 36px;

    line-height: 36px;

}



.newscont .content {

    font-size: 16px;

    color: #595757;

    line-height: 1.8em;

    padding-bottom: 20px;

}



.newscont .content p {

    font-size: 16px;

    color: #595757;

    line-height: 1.8em;

    margin-bottom: 10px;

}

.newscont .content img{

    max-width: 100%;
	height:auto !important;

}

.banner_activity{

    height: 500px;

}

.banner_activity img{

    height: 100%;

    width: 100%;

}

.sear_check{

    position: relative;

    top: 1px;

    margin-right: 3px;

}

.about_xyhlist{

    padding: 100px 0;

}

.about_xyhlist ul{

    justify-content: center;

}

.about_xyhlist ul li{

    width: 25%;

    text-align: center;

}

.about_xyhlist ul li .tit1{

    font-size: 24px;

    color: #0052a2;

}

.about_xyhlist ul li .tit1 span{

    background: -ms-linear-gradient(to right ,#0350a2,#5a1c87);

    background: -webkit-linear-gradient(to right ,#0350a2,#5a1c87);

    background: -o-linear-gradient(to right ,#0350a2,#5a1c87);

    background: -moz-linear-gradient(to right ,#0350a2,#5a1c87);

    background: linear-gradient(to right ,#0350a2,#5a1c87);

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    color: transparent;

    font-size: 60px;

    margin-right: 5px;

}

.about_xyhlist ul li .tit2 {

    font-size: 24px;

    height: auto;

    color: #000;

    line-height: 32px;

}



.xyhlist_swiper .swiper-slide {

    padding-bottom: 20px;

}

.xyhlist_swiper .info_con > i {

    padding: 15px 0 0px;

}

.xyhlist_swiper.news_index .info_con h2{

    height: 50px;

    overflow: hidden;

}











.mark_video{

    position: fixed;

    top: -100%;

    left: 0;

    width: 100%;

    height: 100%;

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

    z-index: 100000

}

.mark_video.open{

    top: 0;

}

.mark_video .video_con{

    width: 70%;

    background: #fff;

    padding: 5px;

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;



}

.mark_video .video_con .close{

    position: absolute;

    top: -16px;

    right: -16px;

    width: 33px;

    height: 33px;

    background: url(/uploads/image/smcimages/close.png) no-repeat center center;

}

.mark_video .video_con .close:hover{

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}

.mark_video .video_con video{

    width: 100%;

}


.tit3 .right{
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp:4;
			-webkit-box-orient: vertical;
		}


.beian>a{
    margin-top: 43px;
    display: block;
    text-align: center;
}



















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

    .w {

        width: 1200px

    }



    .topstrip {

        padding-top: 25px

    }



    .topnav .nav_list li > a {

        padding: 20px 15px 30px 15px;

    }



    .event_index {

        margin-top: 35px;

    }



    .event_index .swiper-slide {

        margin-bottom: 10px;

    }



    .section {

        padding: 15px 0;

    }



    .jianbiantitle span {

        font-size: 40px

    }






    /*.news_index .swiper-slide{padding-bottom:140px}*/

    .news_index .swiper-slide > img {

        height: 232px

    }



    /*.news_index .info_con{width:94%;margin:0 3%;padding:14px 20px}*/

    .news_index .info_con h2, .smart_index .info_con h2 {

        font-size: 17px

    }



    /*.news_index .info_con>i{padding:15px 0 50px}*/

    .smart_index li .pimg {

        height: 300px

    }



    .smart_index .info_con {

        width: 94%;

        padding: 13px 0

    }



    .guanghua_index li > img {

        height: 383px

    }




    .section6 ul li h3 {

        font-size: 40px

    }



    .about .bannerabout .text .left .nameen {

        font-size: 48px;

        margin-bottom: 10px;

    }



    .ghculture ul li .tit2 {

        font-size: 14px;

    }



    .headimgbox .swiper-slide {

        height: 430px;

    }



    .headimgbox .text .tit1 {

        font-size: 36px;

        line-height: 50px;

    }



    .headimgbox .text .tit2 {

        margin-bottom: 30px

    }



    .banner_student .swiper-slide {

        height: 370px

    }



    .banner_student .text {

        padding-top: 30px

    }





    .banner_student .text .tit2 {

        margin: 20px 0 60px;

    }



    .studentbox .left ul li .text {

        padding-left: 20px

    }



    .collegebox ul li {

        height: 234px;

    }



    .collegebox ul li .text .tit2 {

        margin-bottom: 20px;

        font-size: 14px;

        line-height: 22px;

    }



    .maparea .point1 {

        left: 100px;

        top: 112px

    }



    .maparea .point2 {

        left: 186px;

        top: 135px

    }



    .maparea .point3 {

        left: 568px;

        top: 124px

    }



    .maparea .point4 {

        left: 559px;

        top: 135px

    }



    .maparea .point5 {

        left: 564px;

        top: 138px

    }



    .maparea .point6 {

        left: 555px;

        top: 150px

    }



    .maparea .point7 {

        left: 567px;

        top: 160px

    }



    .maparea .point8 {

        left: 655px;

        top: 288px

    }

    .maparea .point9{

        left: 313px;

        top: 84px;

    }

    .maparea .point10{

        left: 546px;

        top: 117px;

    }

    .maparea .point11{

        left: 555px;

        top: 136px;

    }

    .maparea .point12{

        left: 559px;

        top: 147px;

    }

    .about_xyhlist {

        padding: 60px 0;

    }

    .about_xyhlist ul li .tit1 span {

        font-size: 50px;

    }

    .about_xyhlist ul li .tit2 {

        font-size: 18px;

        line-height: 30px;

    }

    .bannerbuild {

        height: 450px;

    }

    .bannerbuild .text {

        padding: 150px 0 0;

    }

}



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

    .w {

        width: 1000px

    }



    .topstrip .logo {

        padding-top: 75px;

        width: 220px;

        height: 170px

    }



    .topnav .nav_list li > a {

        padding: 15px 10px 20px 10px;

        font-size: 15px

    }



    .news_index .swiper-slide > img {

        height: 191px

    }



    .smart_index li .pimg {

        height: 250px

    }



    .guanghua_index li > img {

        height: 316px

    }



    .ghculture ul li .tit2 {

        /* font-size: 12px; */

        line-height: 18px;

    }

    .buildbox .qxjg_list dd .pimg {

        height: 300px;

    }

    .buildbox .qxjg_list dd .text {

        padding: 40px 0 0 40px;

    }

    .headimgbox .swiper-slide {

        height: 356px;

    }



    .headimgbox .text .tit1 {

        font-size: 26px;

        line-height: 38px;

    }



    .headimgbox .text .line {

        margin: 25px 0

    }



    .headimgbox .text .tit2 {

        margin-bottom: 30px

    }



    .banner_student .swiper-slide {

        height: 308px

    }



    .banner_student .text {

        padding-top: 20px

    }




    .banner_student .text .tit2 {

        margin: 10px 0 40px;

    }



    .collegebox ul li {

        height: 194px;

    }



    .collegebox ul li .text .line {

        margin: 15px 0 25px

    }



    .collegebox ul li .text .tit2 {

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 20px

    }



    .about .bannerabout {

        height: 286px

    }



    .about .bannerabout .text {

        padding: 80px 0;

    }



    .about .bannerabout .text .right {

        font-size: 14px;

        line-height: 22px;

    }



    .maparea .point1 {

        left: 83px;

        top: 89px;

    }



    .maparea .point2 {

        left: 156px;

        top: 110px

    }



    .maparea .point3 {

        left: 473px;

        top: 103px

    }



    .maparea .point4 {

        left: 467px;

        top: 112px

    }



    .maparea .point5 {

        left: 471px;

        top: 116px

    }



    .maparea .point6 {

        left: 462px;

        top: 125px

    }



    .maparea .point7 {

        left: 473px;

        top: 134px

    }



    .maparea .point8 {

        left: 547px;

        top: 241px

    }

    .maparea .point9{

        left: 258px;

        top: 67px;

    }

    .maparea .point10{

        left: 455px;

        top: 88px;

    }

    .maparea .point11{

        left: 461px;

        top: 111px;

    }

    .maparea .point12{

        left: 459px;

        top: 115px;

    }

    .pagetitle {

        margin-bottom: 30px;

        padding-bottom: 20px;

        font-size: 24px;

    }

    .pagetitle span{

        font-size: 40px;

    }

    .headimgbox .text .tit1 {

        font-size: 25px;

        line-height: 40px;

    }

    .headimgbox .text .tit2 {

        margin-bottom: 30px;

        font-size: 14px;

    }

    .headimgbox .text .line {

        margin: 25px 0;

    }

    .headimgbox .swiper-slide {

        height: 360px;

    }



    .coursebox ul li .tit2 {

        margin-bottom: 30px;

    }



    .coursebox ul li .line {

        margin: 20px auto 20px;

    }

    .coursebox ul li {

        padding: 40px 20px;

    }

    .coursebox {

        padding: 40px 0;

    }

    .links {

        padding: 40px 0;

    }



    .links .titleabout {

        font-size: 24px;

        margin-bottom: 30px;

    }

    .links a {

        padding-right: 55px;

        font-size: 16px;

    }

    footer {

        padding: 30px 0 20px;

    }

    .titlecourse {

        line-height: 25px;

        font-size: 23px;

        margin-bottom: 30px;

    }



    .studentbox .left ul li {

        padding: 25px 0;

    }

    .studentbox {

        padding: 35px 0 50px;

        overflow: hidden;

    }

    .bannerbuild {

        width: 100%;

        height: 380px;

    }

    .bannerbuild .nameen {

        font-size: 40px;

        line-height: 50px;

        margin-bottom: 25px;

    }

    .bannerbuild .namecn {

        font-size: 25px;

    }



    .bannerbuild .text {

        padding: 110px 0;

    }

    .buildbox {

        padding: 50px 0;

    }

    .pages {

        padding-top: 40px;

    }

    .subpage {

        padding-top: 60px;

    }

    .buildbox ul li .text {

        padding: 20px 20px 40px;

    }

    .collegetop ul li .text .tit3 {

        margin-bottom: 10px;

    }

    .collegetop ul li .text {

        height: 270px;

        padding: 20px;

    }

    .collegetop {

        padding: 50px 0;

    }

    .collegeinfo {

        padding-top: 50px;

    }

    .collegefeed {

        padding-top: 50px;

    }

    .collegetop ul li .text .tit1 {

        font-size: 17px;

    }

    .morebtn {

        height: 50px;

        line-height: 50px;

        font-size: 16px;

    }

    .formpage .wrapper {

        width: 800px;

    }

    .calendar .swiper-wrapper .swiper-slide .date {

        width: 110px;

        height: 110px;

        margin: 0 auto 15px;

    }

    .calendar .swiper-wrapper .swiper-slide .date .tit1 {

        padding-top: 27px;

        font-size: 26px;

    }

    .calendar .swiper-wrapper .swiper-slide .date .tit2 {

        padding-top: 13px;

        font-size: 30px;

    }

    .calendar .swiper-wrapper .swiper-slide .name {

        font-size: 17px;

        line-height: 20px;

    }

    .titlecourse {

        margin-bottom: 20px;

    }

    .eventinfo ul li {

        height: 250px;

        margin-bottom: 25px;

    }

    .eventinfo ul li .text .tit1 {

        font-size: 18px;

    }



    .eventinfo ul li .text .line {

        margin: 20px 0 25px;

    }

    .eventinfo ul li .text .tit2 {

        font-size: 14px;

        line-height: 25px;

        margin-bottom: 40px;

    }



    .banner_activity {

        height: 350px;

    }

    .headimgbox .img {

        /* width: 100%;

        height: 220px; */

    }

}



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

    .w {

        margin: 0;

        width: auto;

        padding: 0 15px

    }

    .mark_video .video_con {

        width: 87%;

    }

    .maparea .poin{

        display: none;

    }

    .topstrip {

        padding-top: 10px;

        border-bottom: 1px solid #eee

    }



    .topstrip .login {

        margin-left: 16px

    }



    .topstrip .ewm_box {

        margin-left: 10px

    }



    .mobile_top {

        height: 50px;

        background: -ms-linear-gradient(to bottom, #036eb8, #0052a3);

        background: -webkit-linear-gradient(to bottom, #036eb8, #0052a3);

        background: -o-linear-gradient(to bottom, #036eb8, #0052a3);

        background: -moz-linear-gradient(to bottom, #036eb8, #0052a3);

        background: linear-gradient(to bottom, #036eb8, #0052a3)

    }



    .mobile_top .logo a {

        width: 250px;

        height: 50px;

        background: url(/uploads/image/smcimages/logo.png) no-repeat left center;

        background-size: 56%

    }



    .mobile_top .meum a {

        width: 50px;

        height: 47px;

        background: url(/uploads/image/smcimages/menu.png) no-repeat center right

    }



    .cbp-spmenu-left {

        width: 100%;

        height: 100%;

        top: 0;

        z-index: 100000;

        position: fixed;

        left: -100%;

        display: block;

        -webkit-transition: all .5s;

        -moz-transition: all .5s;

        -ms-transition: all .5s;

        -o-transition: all .5s;

        transition: all .5s;

    }



    .cbp-spmenu-left.cbp-spmenu-open {

        left: 0

    }



    .menu_box {

        width: 100%;

        height: 100%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        overflow-y: scroll;

        background: -ms-linear-gradient(to bottom, #036eb8, #0052a3);

        background: -webkit-linear-gradient(to bottom, #036eb8, #0052a3);

        background: -o-linear-gradient(to bottom, #036eb8, #0052a3);

        background: -moz-linear-gradient(to bottom, #036eb8, #0052a3);

        background: linear-gradient(to bottom, #036eb8, #0052a3);

        color: #fff

    }



    .meum_list li {

        width: 100%;

        font-size: 18px;

        border-bottom: solid 1px #e5e5e5

    }



    .meum_list li > a {

        width: 100%;

        display: block;

        padding: 20px 20px;

        text-align: center;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        position: relative

    }



    .meum_list li > a i {

        position: absolute;

        right: 15px;

        -ms-transform: rotate(90deg) scale(1, 1.5);

        -moz-transform: rotate(90deg) scale(1, 1.5);

        -webkit-transform: rotate(90deg) scale(1, 1.5);

        -o-transform: rotate(90deg) scale(1, 1.5);

        transform: rotate(90deg) scale(1, 1.5)

    }



    .meum_list li.active > a i {

        -ms-transform: rotate(90deg) scale(1, 1.5);

        -moz-transform: rotate(90deg) scale(1, 1.5);

        -webkit-transform: rotate(90deg) scale(1, 1.5);

        -o-transform: rotate(90deg) scale(1, 1.5);

        transform: rotate(90deg) scale(1, 1.5)

    }



    .meum_list li .hide_menu a {

        width: 100%;

        text-align: center;

        padding: 10px 40px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        font-size: 16px;

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

    }



    .menu_close {

        background: url(/uploads/image/smcimages/t_menu-close.png) no-repeat center center;

        width: 30px;

        height: 30px;

        position: absolute;

        top: 5px;

        right: 10px

    }



    .section2 .left {

        width: 100%

    }



    .section2 .right {

        width: 100%;

        padding-left: 0

    }

    .jianbiantitle {

        display: block;

    }

    .jianbiantitle span {

        font-size: 26px

    }

    .event_index .time i {

        font-size: 40px;

    }

    .event_index .time span {

        font-size: 12px;

    }



    .event_index .time {

        width: 80px;

        padding-left: 10px;

    }

    .event_index .event_title {

        width: calc(100% - 90px);

        font-size: 16px;

        padding-top: 3px;

    }

    .section2 .left .info {

        margin-top: 10px;

        margin-bottom: 15px

    }

    .news_index {

        padding: 25px 0 0;

    }

    .guanghua_index.swiper-container-horizontal>.swiper-pagination-bullets,

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

        display: none;

    }

    .news_index .swiper-slide:after{

        display: block;

    }

    .smart_index li {

        width: 48%;

        margin-right: 4%;

        margin-bottom: 10px

    }

    .news_index .swiper-slide {

        margin-bottom: 20px;

    }





    .smart_index li:nth-of-type(1) {

        width: 100%;

        margin-right: 0;

    }



    .guanghua_index .info_con {

        width: 95%

    }



    .section6 ul li {

        padding-top: 50px

    }



    .section6 ul li h3 {

        font-size: 16px

    }



    .section6 ul li i {

        font-size: 12px;

        padding-top: 10px

    }



    footer {

        padding: 20px 0 20px

    }



    footer .wfoot {

        width: auto;

        padding: 0 15px

    }



    footer .namediv {

        width: 100%

    }



    footer .namediv p {

        padding-bottom: 14px;

        font-size: 15px

    }



    footer img.imgfoot {

        margin: 0;

        float: left !important

    }

    footer dl dt {

        font-size: 15px;

    }

    footer .rightfoot{

        width: 100%;

        padding-top: 10px;

    }

    footer dl dd, footer dl dt {

        padding-bottom: 12px;

        font-size: 15px;

    }

    footer .footlink{

        width: 100%;

    }

    .banner_student .swiper-slide {

        height: 220px

    }



    .banner_student .text {

        padding-top: 10px

    }



    .banner_student .text .tit1 {

        font-size: 20px

    }



    .banner_student .text .tit2 {

        padding: 0 0 20px;

        font-size: 14px;

        line-height: 24px;

    }



    .studentbox .right {

        width: 240px

    }



    .studentbox .left ul li .text .tit2 {

        font-size: 12px;

    }







    .bannerbuild .nameen {

        font-size: 40px;

        line-height: 48px

    }



    .bannerbuild .namecn {

        font-size: 20px

    }



    .collegebox ul li .text {

        padding: 15px;

        width: 100%;

        height: auto;

    }

    .samrtbottom ul li .pimg {

        width: 100%;

        height: 220px;

    }

    .collegebox ul li .text .tit1 {

        font-size: 16px

    }



    .collegebox ul li .text .line {

        margin: 10px 0 15px

    }



    .collegebox ul li .text .tit2 {

        -webkit-line-clamp: 2

    }



    .samrtmiddle .swiper-slide .text {

        height: 160px;

        padding: 20px;

        width: 240px;

        left: 50%;

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

        -moz-transform: translatex(-50%);

        -ms-transform: translatex(-50%);

        -o-transform: translatex(-50%);

        transform: translatex(-50%);

    }



    .samrtmiddle .swiper-slide .text .tit1 {

        font-size: 16px;

    }



    .samrtmiddle .swiper-slide .text .line {

        margin: 10px

    }



    .samrtmiddle .swiper-slide .text .tit2 {

        font-size: 12px;

    }



    .titlecourse {

        line-height: 32px;

        margin-bottom: 10px;

        font-size: 22px;

    }



    .titlecourse span {

        padding-left: 0;

        margin-left: 0;

        border-left: 0;

        display: block;

        font-size: 18px

    }

    .formpage .form .submit {

        width: 100px;

        height: 30px;

        margin: 10px auto;

    }

    .ghculture ul li .icon {

        width: 80px;

        height: 80px;

        line-height: 80px;

        font-size: 40px;

    }

    .ghculture ul li .tit1 {

        padding: 15px 0 10px;

        font-size: 15px;

    }

    .ghculture {

        padding: 40px 0 30px;

    }

    .respons .text {

        width: 100%;

        font-size: 14px;

    }

    .studentbox {

        padding: 35px 0 10px;

    }

    .banner_student .img {

        width: 100%;

        height: 180px;

    }

    .respons ul li h3 {

        font-size: 24px;

    }

    .respons ul li i {

        font-size: 14px;

        padding-top: 5px;

    }

    .headimgbox .text .tit1 {

        font-size: 18px;

        width: 100%;

        line-height: 30px;

    }

    .headimgbox .text .line {

        margin: 18px 0;

    }

    .headimgbox .text .tit2 {

        margin-bottom: 20px;

        height: auto;

        max-height: 120px;

    }



    .samrttop {

        padding-top: 25px;

    }

    .about_xyhlist {

        padding: 20px 0;

    }

    .about_xyhlist ul li {

        width: 33.33%;

    }

    .about_xyhlist ul li .tit1 span {

        font-size: 30px;

    }

    .about_xyhlist ul li .tit1 {

        font-size: 16px;

    }

    .about_xyhlist ul li .tit2 {

        font-size: 15px;

        line-height: 20px;

        margin: 7px 0 0;

    }

    .newscont h1 {

        font-size: 16px;

    }

    .buildbox ul li .text .tit1 {

        font-size: 16px;

    }



    .buildbox ul li .text .tit2 {

        line-height: 25px;

        margin-bottom: 15px;

        height: 50px;

        font-size: 14px;

    }

    .buildbox .qxjg_list dd {

        margin-bottom: 30px;

        padding: 10px;

    }

    .buildbox .qxjg_list dd .pimg {

        width: 100%;

        height: 200px;

    }

    .buildbox .qxjg_list dd .text {

        width: 100%;

        padding: 20px 0 15px 0px;

    }

    .buildbox .qxjg_list dd .text .tit1 {

        font-size: 16px;

    }

    .buildbox .qxjg_list dd .text .tit2 {

        line-height: 25px;

        margin-bottom: 20px;

        height: 75px;

        font-size: 14px;

    }

    .buildbox {

        padding: 30px 0;

    }

    .meum_list li dl{

        padding-bottom: 10px;

    }

    .meum_list li dl a{

        text-align: center;

        width: 100%;

        font-size: 16px;

        line-height: 30px;

    }
    .headimgbox .img {

        width: 100%;

        height: 220px;

    }

}



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

    body {

        overflow-x: hidden;

    }

    .section6 .tit {

        width: 80%;

    }





    .smart_index li .pimg {

        height: 181px

    }



    .about .bannerabout {

        background-size: auto 550px;

    }



    .about .bannerabout .text {

        height: auto;

        padding: 15px 0;

    }



    .about .bannerabout .text .left {

        width: 100%;

        height: auto;

        border-right: 0;

        box-sizing: border-box;

        padding: 10px 0;

    }

    .swiper-father .swiper-button-prev,

    .swiper-father .swiper-button-next {

        display: none;

    }

    .about .bannerabout .text .left .nameen {

        font-size: 32px;

        line-height: 32px;

        font-weight: bold;

        margin-bottom: 10px

    }



    .about .bannerabout .text .left .namecn {

        font-size: 18px;

        line-height: 16px;

    }



    .about .bannerabout .text .right {

        width: 100%;

        height: auto;

        color: #fff;

        line-height: 22px;

    }



    .ghculture ul li {

        width: 50%;

        float: left;

        text-align: center

    }



    .about .titleabout {

        font-size: 20px;

        margin-bottom: 20px;

    }



    .about .titleabout span {

        font-size: 16px;

        padding-left: 20px;

        margin-left: 20px;

        font-weight: normal

    }



    .respons .titleabout {

        color: #fff

    }



    .respons .titleabout span {

        border-left: 1px solid #fff;

    }



    .links .titleabout {

        line-height: 30px;

        font-size: 20px;

        color: #595757;

        margin-bottom: 40px;

        font-weight: bold

    }



    .links .titleabout span {

        font-size: 16px;

        display: inline-block;

        padding-left: 20px;

        text-transform: uppercase;

        margin-left: 20px;

        color: #b4b4b5;

        border-left: 1px solid #595757;

        font-weight: normal

    }





    .about .bannerabout {

        background-size: auto 100%

    }



    .ghmisson .text {

        width: 90%;

        font-size: 14px;

        line-height: 1.8em

    }



    .links {

        padding: 20px 0 20px;

    }



    .links a {

        padding-right: 25px;

        font-size: 14px;

        margin-bottom: 25px

    }



    .subpage {

        padding: 0;

    }



    .pagetitle {

        font-size: 18px

    }



    .pagetitle span {

        display: block;

        line-height: 52px;

        font-size: 24px;

    }



    .headimgbox .swiper-slide {

        height: auto

    }



    .headimgbox img {

        width: 100%;

        height: auto;

        float: none;

    }



    .headimgbox .span {

        background: none !important;

        height: 225px !important;



        position: relative !important;

    }



    .headimgbox .text {

        background-color: #f6f7f7;

        padding: 20px;

        width: 100%;

        box-sizing: border-box;

        height: auto;

        position: static;

    }



    .coursebox ul {

        width: 100%;

        height: auto;

        overflow: hidden;

    }



    .coursebox ul li {

        width: 100%

    }



    .coursestep ul li {

        font-size: 12px;

    }



    .footarea {

        display: none;

    }



    .calendar .swiper-wrapper {

        padding: 0;

    }



    .banner_student .swiper-slide {

        height: auto

    }



    .banner_student .swiper-slide img {

        width: 100%;

        height: auto

    }



    .banner_student .text {

        width: 100%;

        padding: 10px 20px 30px;

        height: auto

    }



    .banner_student .text .tit1 {

        font-size: 20px

    }





    .studentbox .left {

        width: 100%

    }



    .studentbox .left ul li {

        padding: 25px 0

    }



    .studentbox .left ul li .pimg {

        width: 32%;

        height: 70px

    }



    .studentbox .right {

        width: 100%

    }



    .studentbox .left ul li .text .tit1 {

        font-size: 15px;

    }



    .studentbox .left ul li .text .tit2 {

        font-size: 14px;

        height: 50px;

    }

    .studentbox .left ul li.join_li .text .tit2 {

        height: 15px;

    }

    .studentbox .left ul li .text .tit3 {

        padding: 0 0 5px

    }



    .pages {

        padding-top: 40px;

    }



    .newstop ul li {

        width: 100%;

        float: left;

        margin-bottom: 30px

    }



    .newstop ul li .pimg {

        height: 160px;

    }



    .buildbox ul li {

        width: 100%

    }



    .collegebox ul li {

        margin-bottom: 20px;

        height: auto !important;

    }



    .collegebox ul li .text .tit1 {

        font-size: 14px

    }



    .collegebox ul li .text .line {

        display: none

    }



    .collegebox ul li .text .tit2 {

        padding-top: 6px;

        -webkit-line-clamp: 1

    }



    .collegebox ul li .text .readmore {

        display: none

    }



    .collegeinfo .areatit {

        width: 160px;

        height: 36px;

        line-height: 36px;

        font-size: 16px;

    }



    .collegeinfo .areatit.bottom {

        bottom: 20px

    }



    .collegetop .swiper-father {

        width: 100%;

        left: 0

    }



    .collegetop .swiper-container {

        width: 90% !important;

        margin: 0 5%

    }



    .collegefeed .swiper-father {

        width: 100%;

        left: 0

    }



    .collegefeed .swiper-container {

        width: 90% !important;

        margin: 0 5%

    }



    .swiper-button-prev {

        left: 5px

    }



    .swiper-button-next {

        right: 5px

    }



    .samrtmiddle .swiper-slide {

        height: 280px !important;

    }







    .samrtmiddle .swiper-slide .text.right {

        float: none;

    }



    .formpage .wrapper {

        width: 90%;

        margin: 50px auto;

        padding: 50px 30px;

        box-sizing: border-box

    }



    .formpage .form {

        width: 100%;

    }



    .section6 {

        height: 260px;

        background-size: auto 100%;

        padding: 60px 0 50px !important

    }



    .section6 ul {

        padding-top: 0;

    }



    .section6 ul li {

        padding-top: 40px;

    }



    .bannerbuild {

        height: 150px;

    }



    .bannerbuild .text {

        padding: 35px 0;

    }



    .bannerbuild .nameen {

        font-size: 21px;

        line-height: 24px;

        margin-bottom: 15px

    }



    .banner_activity li img {

        width: 100%;

        height: auto;

    }



    .eventinfo ul li {

        height: 100px;

        margin-bottom: 20px;

    }



    .eventinfo ul li .text {

        padding: 15px;

    }



    .eventinfo ul li .text .tit1 {

        font-size: 16px;

    }



    .eventinfo ul li .text .line {

        margin: 10px 0 15px

    }



    .eventinfo ul li .text .tit2 {

        font-size: 12px;

        line-height: 18px;

    }

    .banner_activity {

        height: auto;

    }

}