*{
    padding:0;margin:0;list-style: none;text-decoration: none;box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
    /*background-color: #f9fcf6;*/
}
.d-none{
    display:none!important
}
.glyphicon{
    top:0 !important
}
.no-margin{
    margin:0 !important
}
.overflow{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
a{
    text-decoration:none !important;
    cursor:pointer !important
}
.container-fluid{
    max-width:1230px !important
}
::-webkit-input-placeholder{
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
}
:-moz-placeholder{
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
}
::-moz-placeholder{
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
}
:-ms-input-placeholder{
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
}
.tr{
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
}
.tr2{
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.tr3{
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
}
input,button,textarea,.swiper-pagination span,.swiper-button{
    outline: none !important;
}
.sizeCover{
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.container {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}
.container:before, .container:after {
    content: " ";
    display: table;
}
.container:after {
    clear: both;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row:before, .row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.box-shadow{
    /*box-shadow: 0px 0px 5px gray;*/
    border: 1px gray dotted;
}
.img{
    display: block;
}

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.clearfix{
    clear: both;
}
/* .img:not(#logo):hover>img{

    opacity: 0.8;

} */

.flex{
    display: flex;
}

.bet{
    justify-content: space-between;
}

.one_row{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.overhide{
    overflow: hidden;
}
.pull-left{
    float: left !important;
}
.pull-right{
    float: right !important;
}

/*----------------Pre--------------*/
.tipbox {
    display: none;
    position: fixed;
    width: 540px;
    height: 400px;
    padding: 40px;
    top: 50%;
    left: 50%;
    margin: -160px 0 0 -240px;
    z-index: 999;
    font-family: "Microsoft Yahei";
    text-align: center;
    background-color: white;
    box-shadow: 2px 2px 4px 0px rgba( 0, 0, 0, 0.2);
}
.tipbox h2 {
    font-size: 26px;
    margin-bottom: 20px;
}
.tipbox p {
    font-size: 18px;
    line-height: 2em;
}
.tipbox p a {
    color: rgb(20, 181, 111);
    display: inline-block;
    margin: 20px 20px;
}
.tipbox p a:hover {
    color: #7ba1d3;
}
.tipbutton{
    display: inline-block;
    color: #fff;
    background: rgb(20, 181, 111);
    border: 1px solid rgb(20, 181, 111);
    min-width: 150px;
    padding: 5px 10px;
    text-align: center;
    height: 48px;
    line-height: 2em;
    margin: 10px 5px;
}
.tipbutton:hover{
    background-color: #7ba1d3;
}
.pre-layer{
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.4) center center;
    z-index: 2;
}

.section-bottom-25 {
    margin-bottom: 25px;
}

.section-top-10 {
    margin-top: 10px;
}

.section-top-15 {
    margin-top: 15px;
}
.section-top-20 {
    margin-top: 20px;
}
.section-top-30 {
    margin-top: 30px;
}

.section-left--15{
    margin-left: -15px;
}
.section-left-10{
    margin-left: 10px;
}
.section-left-15{
    margin-left: 15px;
}
.section-left-30{
    margin-left: 30px;
}
.section-left-40{
    margin-left: 40px;
}
.section-left-50{
    margin-left: 50px;
}
.section-left-60{
    margin-left: 60px;
}
.section-left-80{
    margin-left: 80px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-4-8, .col-md-5, .col-md-5-2,  .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
.col-lg-1 {
    width: 8.3333333333%; }
.col-lg-2 {
    width: 16.6666666667%; }
.col-lg-3 {
    width: 25%; }
.col-lg-4 {
    width: 33.3333333333%; }
.col-lg-5 {
    width: 41.6666666667%; }
.col-lg-6 {
    width: 50%; }
.col-lg-7 {
    width: 58.3333333333%; }
.col-lg-8 {
    width: 66.6666666667%; }
.col-lg-9 {
    width: 75%; }
.col-lg-10 {
    width: 83.3333333333%; }
.col-lg-11 {
    width: 91.6666666667%; }
.col-lg-12 {
    width: 100%; }
.col-lg-pull-0 {
    right: auto; }
.col-lg-pull-1 {
    right: 8.3333333333%; }
.col-lg-pull-2 {
    right: 16.6666666667%; }
.col-lg-pull-3 {
    right: 25%; }
.col-lg-pull-4 {
    right: 33.3333333333%; }
.col-lg-pull-5 {
    right: 41.6666666667%; }
.col-lg-pull-6 {
    right: 50%; }
.col-lg-pull-7 {
    right: 58.3333333333%; }
.col-lg-pull-8 {
    right: 66.6666666667%; }
.col-lg-pull-9 {
    right: 75%; }
.col-lg-pull-10 {
    right: 83.3333333333%; }
.col-lg-pull-11 {
    right: 91.6666666667%; }
.col-lg-pull-12 {
    right: 100%; }
.col-lg-push-0 {
    left: auto; }
.col-lg-push-1 {
    left: 8.3333333333%; }
.col-lg-push-2 {
    left: 16.6666666667%; }
.col-lg-push-3 {
    left: 25%; }
.col-lg-push-4 {
    left: 33.3333333333%; }
.col-lg-push-5 {
    left: 41.6666666667%; }
.col-lg-push-6 {
    left: 50%; }
.col-lg-push-7 {
    left: 58.3333333333%; }
.col-lg-push-8 {
    left: 66.6666666667%; }
.col-lg-push-9 {
    left: 75%; }
.col-lg-push-10 {
    left: 83.3333333333%; }
.col-lg-push-11 {
    left: 91.6666666667%; }
.col-lg-push-12 {
    left: 100%; }
.col-lg-offset-0 {
    margin-left: 0%; }
.col-lg-offset-1 {
    margin-left: 8.3333333333%; }
.col-lg-offset-2 {
    margin-left: 16.6666666667%; }
.col-lg-offset-3 {
    margin-left: 25%; }
.col-lg-offset-4 {
    margin-left: 33.3333333333%; }
.col-lg-offset-5 {
    margin-left: 41.6666666667%; }
.col-lg-offset-6 {
    margin-left: 50%; }
.col-lg-offset-7 {
    margin-left: 58.3333333333%; }
.col-lg-offset-8 {
    margin-left: 66.6666666667%; }
.col-lg-offset-9 {
    margin-left: 75%; }
.col-lg-offset-10 {
    margin-left: 83.3333333333%; }
.col-lg-offset-11 {
    margin-left: 91.6666666667%; }
.col-lg-offset-12 {
    margin-left: 100%; }

/*----------------Header--------------*/
header{
    width:100%;
    min-width: 1200px;
    position: relative;
    z-index: 2;
}

.content{
    width:1200px;
    min-width: 1200px;
    margin:0 auto;
}
header .top {
    width:100%;
    background-image: url("../images/top.jpg");
    background-size: cover;
    /*background: none center center repeat #cf0f0f;*/
    height: 50px;
}
header .top ul.question{
    float: right;
    height:50px;
    line-height: 50px;
}
header .top ul.question li{
    position: relative;
    float: left;
    height:40px;
    width:100px;
}
header .top ul.question li:not(:last-child)::before{
    content:"";
    display: block;
    width:1px;
    height:14px;
    background-color:#ccc;
    position: absolute;
    top:50%;
    margin-top:-2px;
    right:15px;
}
header .top ul.question a{
    color:#ccc;
    font-size: 14px;
}
header .top ul.question a:hover{
    color:#fafafa;
}
header .bottom{
    width: 100%;
    height: 110px;
    /*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*/
}
header .bottom .flex{
    height: 110px;
    align-items: center;
}

header .bottom ul{
    margin-left: auto;
}

header .bottom ul li {
    width: 100px;
    margin-left: auto;
    text-align: center;
    font-size: 16px;
    color: #333;
}

header .bottom ul .active {
    display: inline-block;
    /*width: 100px;*/
    height: 30px;
    text-align: center;
    /*line-height: 40px;*/
    color: #cf0f0f;
    /*background-color: #cf0f0f;*/
    border-bottom: 2px solid #cf0f0f;
}

header .bottom ul a:not(.active):hover{
    color: #cf0f0f;
}

header .bottom > div{
    height: 110px;
    align-items: center;
}

#expCenterDetails header .bottom{
    border-bottom: none;
}

header .bottom .title{
    max-width: 800px;
    max-height: 110px;
    position: relative;
    color: #cf0f0f;
}

header .bottom .title h2{
    color: #cf0f0f;
    font-size: 26px;
    letter-spacing: 1px;
}

header .bottom .title h4{
    font-size: 12px;
    color: #cf0f0f;
    opacity: 0.8;
}

header .bottom .login_container a:hover,.center_nav .login_container a:hover{
    color:#08724e;
}

header .bottom .login_container {
    height: 50px;
    line-height: 50px;
    width: max-content;
    text-align: right;
    position: relative;
    margin-left: auto;
}
.content-padding{
    width: 100%;
    min-height: 800px;
    font-family: "Microsoft Yahei";
    padding: 20px 30px;
}

.content-row{
    min-width: 1200px;
}
.content-row .content-exp {
    width: 100%;
    height: 600px;
    position: relative;
    z-index: 0;
}
.content-row .gl_nr{
    text-align: justify;
}
header .bottom .login_container {
    height: 50px;
    line-height: 50px;
    width: max-content;
    text-align: right;
    position: relative;
    margin-left: auto;
}
/*--------video--------*/
.video-player > p {
    font-size: 18px;
    font-weight: bold;
}
.video-player>p>span.on {
    color: rgb(1,76,112);
}
.video-player>p>span {
    margin-right: 10px;
    cursor: pointer;
}

.row .video-player .video-btns {
    margin: 0;
}

.row .video-player .video-btns button{
    height: 32px;
    width: 265px;
    margin: 0;
    border: none;
    color: white;
    font-size: 14px;
    padding: 5px 10px;
    cursor: pointer;
    outline: none;
    /*box-shadow: 5px 3px 3px #5b5b5b;*/
}

.row .video-player .video-btns .title-intro {
    background: #f15f5f;
}
.row .video-player .video-btns .title-guide {
    margin-left: -4px;
    background : #817a7a;
}

.row .exp-detail{
    float: left;
    color: black;
}
.row .exp-detail .exp-title {
    font-size: 24px !important;
    font-weight: bold;
    letter-spacing: 2px;
    /*color: rgb(1,76,112);*/
    margin-bottom: 20px;
}
.row .exp-detail .detail-info {
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    /*color: rgb(1,76,112);*/
}
.row .exp-detail .into-exp{
    float: left;
    display: block;
    height: 40px;
    width: 150px;
    margin-top: 17px;
    background: #cf0f0f;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
}
.row .exp-detail .into-exp:hover{
    background-color: #f15f5f;
}
.container-fluid{
    width:1200px !important;
    margin: 0 auto;
}
.main-pad-1{ padding-top:6px;}
.main-pad-2{ padding-top:60px;}
.main-pad-3{ padding-top:30px;}
.main-border-1{ border-bottom: solid 1px #d5d5d5;}
.main-border-2{ border-bottom: dotted 1px #b4b4b4;}
.main-background-1{ background:#f9f9f9;}
.main-background-2{ background:#ececec;}
.main-background-3{ background:#cf0f0f;}


.title-1{ margin-bottom: 1px; font-size: 24px; line-height: 24px; border-bottom:solid 1px #e6e6e6;}
.title-1 .en{ margin-bottom: 10px; color: #c0c0c0;}
.title-1 .cn{ margin-bottom: -2px; font-size: 0;}
.title-1 .cn span{ display: inline-block; vertical-align: top; padding-bottom: 10px; font-size: 24px; color: #000000; border-bottom: solid 3px #cf0f0f;}
.title-1.active{ border-bottom-color: #fff;}
.title-1.active .en{ color: #fff;}
.title-1.active .cn span{ color: #fff; border-bottom-color: #fff;}
.title-2{ margin-bottom: -6px; font-size: 0;}
.title-2 ul li{ display:inline-block; vertical-align: top; margin:0 3px 6px;}
.title-2 ul li a{ position: relative; display: block; padding: 0 10px; min-width: 220px; font-size: 14px; color: #a4a4a4; line-height: 48px; background: #f0f0f0;}
.title-2 ul li a i{ display: block; position: absolute; background: #e78787; transition: all 0.3s;}
.title-2 ul li a i:nth-child(1){ left: 2px; top: 5px; width: 0; height: 1px;}
.title-2 ul li a i:nth-child(2){ left: 5px; top: 2px; width: 1px; height: 0;}
.title-2 ul li a i:nth-child(3){ right: 2px; bottom: 5px; width: 0; height: 1px;}
.title-2 ul li a i:nth-child(4){ right: 5px; bottom: 2px; width: 1px; height: 0;}
.title-2 ul li.active a{ color: #fff !important; background: #cf0f0f; box-shadow: none;}
.title-2 ul li.active a i:nth-child(1){ width: 44px;}
.title-2 ul li.active a i:nth-child(2){ height: 22px;}
.title-2 ul li.active a i:nth-child(3){ width: 44px;}
.title-2 ul li.active a i:nth-child(4){ height: 22px;}
.title-2.active ul li{ margin-left: 0; margin-right: 6px;}
.title-3{ position: relative; font-size: 0; overflow: hidden;}
.title-3:before{ content:""; position: absolute; right: 0; bottom: 3px; z-index: 2; width: 15px; height: 17px; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }
.title-3 .box{ position: relative; z-index: 1; display: inline-block; vertical-align: top;}
.title-3 .box:before,.title-3 .box:after{ content: ""; position: absolute; width: 600px; height: 2px; background: #cf0f0f;}
.title-3 .box:before{ right: calc(100% + 35px); bottom: 30px;}
.title-3 .box:after{ right: calc(100% + 60px); bottom: 15px;}
.title-3 .box .en{ margin-bottom: -15px; height:60px; font-family:'Arial'; font-size: 72px; color: #bdbdbd; line-height:60px; font-weight: bold;}
.title-3 .box .cn{ position: relative; z-index: 2;}
.title-3 .box .cn .mc{ padding: 0 10px; font-size: 30px; color: #fff; font-weight: bold; line-height: 53px; background: #cf0f0f;}
.title-3 .box .cn .fumc{ position: relative; margin-left: 10px; margin-top: 13px; font-size: 36px; color: #000; font-weight: bold; line-height: 40px;}
.title-3 .box .cn .fumc:before{ content: ""; position: absolute; left: calc(100% + 25px); bottom: 10px; width: 600px; height: 3px; background:#cf0f0f;}
.title-3 .box .cn .fumc span{ color: #cf0f0f;}
.title-4{ margin-bottom: 20px;}
.title-4 .biaoti{ font-size: 16px; color: #333; line-height: 24px;}
.title-4 .time{ font-size: 12px; color: #999; line-height: 24px;}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}

.enter{ margin-bottom: 1px; font-size: 24px; line-height: 24px;}
.enter .biaoti{
    width: 400px;
    margin: 0 auto;
}
.enter .biaoti .shuzi{
    position: relative;
    margin: 0 40px;
}
.enter .biaoti .shuzi:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 140px;
    height: 40px;
    background: #f15f5f;
    clip-path: polygon(0% 0%,100% 0%,calc(100% - 15px) 100%,0% 100%);
}
.enter .biaoti .shuzi i {
    position: relative;
    z-index: 2;
    display: block;
    width: 120px;
    height: 50px;
    font-family: 'Calibri';
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 55px;
    background: #cf0f0f;
}
.enter .biaoti .shuzi i:hover{
    background: #f15f5f;
}

.text-1 .right form{ display: block; border:solid 2px #c5c5c5;}
.text-1 .right form input{ display: block; padding: 0 15px; width: calc(100% - 49px); height: 32px; font-size: 12px; color: #999999; line-height: 32px; background: #fff; border:none;}
.text-1 .right form button{ display: block; width: 49px; height: 32px; font-size: 12px; color: #fff; line-height: 32px; background: #c5c5c5; border:none}
.text-2 .biaoti{ margin-bottom:5px; color: #fff; line-height: 30px;}
.text-2 .biaoti .cn{ font-size: 24px;}
.text-2 .biaoti .en{ margin-left: 10px; font-size: 18px;}
.text-2 .fubiaoti{ margin-bottom: 30px; font-size: 30px; color: #ccc; line-height: 34px; font-weight: bold;}
.text-2 .detail{ margin-bottom: 10px; height: 80px; color: #ccc; line-height: 20px; overflow: hidden;}
.text-2 .jieshao{ margin-bottom:25px; height: 120px; color: #ccc; line-height: 25px; overflow: hidden;}
.text-2 .more a{ display: block; width: 130px; font-family:'04b_08'; font-size: 14px; color: #fff; line-height: 56px; border:solid 1px #cf0f0f;}
.text-3{ float: right; padding-top: 10px; padding-left: 50px; width: 50%;}
.text-3 ul li:nth-child(n+2){ margin-top: 45px;}
.text-3 ul li .biaoti{ margin-bottom: 15px;}
.text-3 ul li .biaoti .shuzi{ position: relative; width:90px;}
.text-3 ul li .biaoti .shuzi:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width:70px; height: 40px; background: #f15f5f; clip-path: polygon(0% 0%,100% 0%,calc(100% - 15px) 100%,0% 100%);}
.text-3 ul li .biaoti .shuzi i{ position: relative; z-index: 2; display: block; width: 55px; height: 55px; font-family: 'Calibri'; font-size: 36px; color: #fff; text-align: center; line-height: 55px; background: #cf0f0f;}
.text-3 ul li .biaoti .mc{ width: calc(100% - 90px); font-size: 18px; color: #cf0f0f; font-weight: bold; line-height: 54px; border-bottom:dotted 1px #000;}
.text-3 ul li .jieshao{ position: relative; padding-left: 30px; color: #333; line-height: 30px;}
.text-3 ul li .jieshao:before{ content: ""; position: absolute; left: 10px; top:10px; width: 10px; height: 10px; background: #cf0f0f; border-radius: 50%;}
.text-4{ color: #333; line-height: 30px;}

.picture-1-box{ position: relative;}
.picture-1{ position: relative; z-index: 1; visibility: hidden; opacity: 0;}
.picture-1:nth-child(n+2){ position: absolute; left: 0; top: 0; width: 100%;}
.picture-1 .swiper-slide{ margin-top: 0 !important;}
.picture-1-list a{ display: block;}
.picture-1-list a .imgbox{ padding: 2px; border:solid 1px #b1b1b1;}
.picture-1-list a .imgbox .imgs{ overflow: hidden;}
.picture-1-list a .imgbox .imgs span{ display: block; padding-top: 65%;}
.picture-1-list a .textbox{ padding: 0 10px; font-size: 16px; color: #333; line-height: 64px;}
.picture-1.active{ z-index: 2; visibility: visible; opacity: 1;}
.picture-1 ul{ margin:0 -15px;}
.picture-1 ul li{ padding: 0 15px; width: calc(100% / 3);}
.picture-3{ float: left; width: 50%;}
.picture-3 ul li{ position: relative; width: 360px;}
.picture-3 ul li:nth-child(1){ margin-bottom: 0; margin-right: calc(100% - 360px);}
.picture-3 ul li:nth-child(2){ margin-left: calc(100% - 360px);}
.picture-3 ul li:nth-child(1):before{ content: ""; position: absolute; left: calc(100% + 20px); top: 90px; z-index: 1; width: 60px; height: 60px; background: #f4caca;}
.picture-3 ul li:nth-child(2):before{ content: ""; position: absolute; right: calc(100% + 20px); bottom: 0; z-index: 1; width:140px; height:140px; background: #e88c8c;}
.picture-3 ul li .imgbox{ padding-top: 100%;}
.picture-4{ position: relative;}
.picture-4-list{float:left;width: 300px;height: 300px}
.picture-4-list a{ display: block; position: relative;}
.picture-4-list a .imgbox{overflow: hidden;}
.picture-4-list a .imgbox span{ display: block; padding-top: 100%;}
.picture-4-list a .textbox{ position: absolute; left: 0; top: 0; z-index: 1; display:flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0;}
.picture-4-list a .textbox .box .mc{ padding-top: 10px; font-size: 18px; color: #fff; line-height: 20px;}

.picture-4-list a .textbox b{ display: block; position: absolute; background: #fff; transition: all 0.3s;}
.picture-4-list a .textbox b:nth-child(1){ left: 7px; top: 7px; width: 0; height: 2px;}
.picture-4-list a .textbox b:nth-child(2){ right: 7px; top: 7px; width: 2px; height: 0;}
.picture-4-list a .textbox b:nth-child(3){ right: 7px; bottom: 7px; width: 0; height: 2px;}
.picture-4-list a .textbox b:nth-child(4){ left: 7px; bottom: 7px; width: 2px; height: 0;}
.picture-4-list a .textbox .box{ max-width: 100%; min-width: 115px; transform: translateY(10px);}
.picture-4-list a .textbox .box .icon{ padding-bottom: 10px; font-size: 0; border-bottom:solid 1px #fff;}
.picture-4-list a .textbox .box .icon img{ width: 40px;}
.picture-4-list a:hover .imgbox span{ transform: scale(1.05); opacity: 0.3;}
.picture-4-list a:hover .textbox{ opacity: 1;background-color: #f15f5f;}
.picture-4-list a:hover .textbox b:nth-child(1){ width: calc(100% - 14px);}
.picture-4-list a:hover .textbox b:nth-child(2){ height: calc(100% - 14px);}
.picture-4-list a:hover .textbox b:nth-child(3){ width: calc(100% - 14px);}
.picture-4-list a:hover .textbox b:nth-child(4){ height: calc(100% - 14px);}
.picture-4-list a:hover .textbox .box{transform: translateY(0px);}

.picture-5{ position: relative;}
.picture-5-list a{ display: block;}
.picture-5-list a .imgbox{ padding: 2px; width: 226px; background: #fff; border:solid 1px #c1c1c1;}
.picture-5-list a .imgbox .imgs{ overflow: hidden;}
.picture-5-list a .imgbox .imgs span{ display: block; padding-top:164px;}
.picture-5-list a .textbox{ padding:20px 15px; width: 324px; height:170px; background: #fff;}
.picture-5-list a .textbox .biaoti{ font-size: 16px; color: #333; line-height: 24px;}
.picture-5-list a .textbox .time{ margin-bottom: 10px; font-size: 12px; color: #333; line-height: 24px;}
.picture-5-list a .textbox .jieshao{ height: 72px; font-size: 12px; color: #333; line-height: 24px; overflow: hidden;}
.picture-6{ position: relative;}
.picture-6-list a{ display: block;}
.picture-6-list a .imgbox{ border:solid 1px #ababab; overflow: hidden;}
.picture-6-list a .imgbox span{ display: block; padding-top: 85%;}
.picture-7{ margin-bottom:20px; font-size: 0;}
.picture-7 img{ max-width: 100%;}
.picture-8{ position: relative; padding-top: 30%; margin-bottom:20px;}
.picture-8 .map{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.picture-9 ul li:nth-child(n+2){ margin-top: 40px;}
.picture-9 ul li a{ display: block; padding: 1px; background: #ababab;}
.picture-9 ul li a .imgbox{ width: 380px; border:solid 2px #fff; overflow: hidden;}
.picture-9 ul li a .imgbox span{ display: block; padding-top: 246px;}
.picture-9 ul li a .textbox{ padding: 35px 30px; width: calc(100% - 380px);}
.picture-9 ul li a .textbox .biaoti{ margin-bottom: 20px; font-size: 18px; color: #fff; line-height: 24px;}
.picture-9 ul li a .textbox .jieshao{ margin-bottom:10px; height: 96px; color: #fff; line-height: 24px; overflow: hidden;}
.picture-9 ul li a .textbox .time{ font-size: 12px; color: #fff; line-height: 24px;}

.picture-1 .swiper-button,
.picture-4 .swiper-button,
.picture-5 .swiper-button,
.picture-6 .swiper-button
{ margin-top: -20px; width: 23px; height: 41px; background: none; opacity: 1;}
.picture-1 .swiper-button:before,.picture-1 .swiper-button:after,
.picture-4 .swiper-button:before,.picture-4 .swiper-button:after,
.picture-5 .swiper-button:before,.picture-5 .swiper-button:after,
.picture-6 .swiper-button:before,.picture-6 .swiper-button:after
{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; transition: all 0.3s;}
.picture-1 .swiper-button:before,
.picture-4 .swiper-button:before,
.picture-5 .swiper-button:before,
.picture-6 .swiper-button:before
{ z-index: 1; background-image: url(../images/p1_jt.png);}
.picture-1 .swiper-button:after,
.picture-4 .swiper-button:after,
.picture-5 .swiper-button:after,
.picture-6 .swiper-button:after
{ z-index: 2; background-image: url(../images/p1_jt_h.png); opacity: 0;}
.picture-1 .swiper-button.swiper-button-prev,
.picture-4 .swiper-button.swiper-button-prev,
.picture-5 .swiper-button.swiper-button-prev,
.picture-6 .swiper-button.swiper-button-prev
{ left: -63px;}
.picture-1 .swiper-button.swiper-button-next,
.picture-4 .swiper-button.swiper-button-next,
.picture-5 .swiper-button.swiper-button-next,
.picture-6 .swiper-button.swiper-button-next
{ right: -63px; transform: rotateY(180deg);}
.picture-1 .swiper-button:hover:before,
.picture-4 .swiper-button:hover:before,
.picture-5 .swiper-button:hover:before,
.picture-6 .swiper-button:hover:before
{ opacity: 0;}
.picture-1 .swiper-button:hover:after,
.picture-4 .swiper-button:hover:after,
.picture-5 .swiper-button:hover:after,
.picture-6 .swiper-button:hover:after
{ opacity: 1;}
.picture-5-list a:hover .imgbox{ border:solid 1px #f15f5f;}
.picture-5-list a:hover .imgbox .imgs span{ transform: scale(1.05);}
.picture-5-list a:hover .textbox{ background: #f15f5f;}
.picture-5-list a:hover .textbox .biaoti{ color: #fff;}
.picture-5-list a:hover .textbox .time{ color: #fff;}
.picture-5-list a:hover .textbox .jieshao{ color: #fff;}
.picture-6-list a:hover .imgbox{ border:solid 1px #f15f5f;}
.picture-6-list a:hover .imgbox span{ transform: scale(1.05);}
.picture-9 ul li a:hover{ background: #f15f5f;}
.picture-9 ul li a:hover .imgbox span{ transform: scale(1.05);}
footer{
    width:100%;
    height:200px;
    margin-top:120px;
    min-width: 1200px;
    background-color: #cf0f0f;
}

footer .contact{ padding: 0 10px 0 0; width: 50%;}
footer .contact .biaoti{ margin-bottom: 5px; font-size: 16px; color: #ccc; font-weight: bold; line-height: 24px;}
footer .contact .jieshao{ margin-bottom: 10px; color: #ccc; line-height: 24px;}
footer .contact .ewm .imgbox{ font-size: 0;}
footer .contact .ewm .imgbox img{ width: 130px;}
footer .contact .ewm .textbox{ padding-top: 41px; padding-left: 15px; color: #4c4c4c; line-height: 24px;}
footer .menu{ width: 44%;}
footer .menu ul li:nth-child(1){ width: 40%;}
footer .menu ul li:nth-child(2){ width: 30%;}
footer .menu ul li:nth-child(3){ width: 30%;border-right: solid 1px #c6c6c6;}
footer .menu ul li{ padding: 0 20px; min-height: 210px; border-left: solid 1px #c6c6c6;}
footer .menu ul li .biaoti{ margin-bottom: 15px; font-size: 16px; color: #4c4c4c; font-weight: bold; line-height: 24px;}
footer .menu ul li .ul .li:nth-child(n+2){ margin-top: 5px;}
footer .menu ul li .ul .li a{ display: block; color: #4c4c4c; line-height: 24px;}
footer .qita{ padding-left: 45px; width: 27%;}
footer .qita ul li:nth-child(n+2){ margin-top: 15px;}
footer .qita ul li a{ display: block; padding: 5px 0; line-height: 44px; background: #fff; border:solid 1px #3f3f3f; border-radius: 5px;}
footer .qita ul li a .icon{ position: relative; width: 80px; font-size: 0;}
footer .qita ul li:nth-child(1) a .icon img{ width: 35px;}
footer .qita ul li:nth-child(2) a .icon img{ width: 40px;}
footer .qita ul li a .mc{ width: calc(100% - 80px); font-size: 20px; color: #333; border-left: solid 1px #3f3f3f;}
footer .qita .tel{ margin-top: 15px;}
footer .qita .tel .mc{ margin-bottom: 5px; font-size: 20px; color: #3f3f3f; line-height: 24px;}
footer .qita .tel .shuzi{ font-family: 'Impact'; font-size: 36px; color: #3f3f3f; line-height: 40px;}
footer .menu2{ padding: 6px 0;}
footer .menu2 ul li a{ display: block; height:12px; font-size: 12px; color: #fff; line-height: 12px;}
footer .menu2 ul li:nth-child(n+2) a{ margin-left: 10px; padding-left: 10px;}
footer .copyright{ font-size: 12px; color: #fff; line-height: 24px;}


footer .content{
    height: 100%;
    padding:40px 0;
}

footer h4{
    color:#fff;
    font-size: 16px;
    margin-bottom: 20px;
}

footer ul{
    width:100%;
    max-width: 100%;
}

footer ul li{
    width: max-content;
    height: 16px;
    line-height: 16px;
    position: relative;
    margin-right: 30px;
}

footer ul li:not(:last-child)::before{

    content:"";

    display: block;

    height:14px;

    width:1px;

    background-color:white;

    position: absolute;

    right:-14px;

}

footer ul li a{

    color:white;

    font-size: 14px;

}

footer .copyright{

    margin-top: 20px;

    color:#999;

    font-size: 14px;

}

footer .copyright .support{

    margin-left:20px;

}

footer .copyright .support a{

    color:#999;

    font-size: 14px;

}

footer .copyright .support a:hover{

    color:#ddd;

}

footer .copyright .tel{

    margin-left:auto;

    position: relative;

    width:335px;

    text-align: left;

}

footer .copyright .tel a{

    display: block;

    height:30px;

    width:90px;

    color:white;

    border:1px solid black;

    border-radius:5px;

    line-height: 30px;

    text-align: center;

    padding:0 5px;

    font-size: 14px;

    background-color: rgb(10, 13, 8);

    position: absolute;

    right:0;

    top:-7px;

}

footer .copyright .tel a:hover{

    background-color:rgb(100,100,100)

}

footer .copyright .tel a em{

    font-size: 14px;

}

.pageBody{

    width:100%;

    min-width: 1200px;

}

.pageBody .banner_area{

    height: 360px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center

}



/* #expCenter .banner_area,#exp_list .banner_area,#news_list .banner_area,#expCenterDetails .banner_area{

    height:600px;

    margin-top: -50px;

    background-repeat: no-repeat;

    background-size:cover;

    background-position: center center;

} */

#expCenterDetails .banner_area{

    text-align: center;

    padding: 50px 100px;

}

#expCenterDetails .banner_area h4{

    font-size: 30px;

    color:#fff;

    position: relative;

    z-index: 10;

}

#expCenterDetails .banner_area .info{

    margin-top:30px;

    position: relative;

    z-index: 10;

    color:#bbb;

    font-size: 14px;

}

#expCenterDetails .banner_area .info .count{

    margin-left:50px;

}

#expCenterDetails .banner_area p{

    margin-top:25px;

    position: relative;

    z-index:10;

    color:#f9f9f9;

    font-size: 16px;

    text-align: left;

    line-height: 26px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;



}

#expCenter .banner_area::before,#news_list .banner_area::before{

    content:none;

}

#exp_list .banner_area .content{

    background-color: transparent;

    color:white;

    text-align: center;

    padding:60px 30px 50px 30px;

    position: relative;

    z-index: 10;

}

#exp_list .banner_area .content h4{

    width:100%;

    max-width: 100%;

    font-size: 30px;

    padding:0 50px;

    height:40px;

}

#exp_list .banner_area .content h4 div{

    float: right;

    color:#ccc;

    font-size: 14px;

    height:40px;

    line-height: 50px;

}

#exp_list .banner_area .content h4 div .exp_count{

    color:#fff;

    font-size: 16px;

}

#exp_list .banner_area .content p{

    margin-top:30px;

    color:#e7e7e7;

    font-size: 16px;

    padding:0 50px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 9;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;



}

#exp_list .banner_area::before,#expCenterDetails .banner_area::before{

    background-color: rgba(0,0,0,0.7);

}

/* .pageBody .banner_area::before{

    content:"";

    height:100%;

    width:100%;

    display: block;

    background-color: rgba(10, 13, 8, 0.67);

    position: absolute;

    top:0;

    left:0;

    z-index: 3;

} */

.pageBody .banner_area .left,.pageBody .banner_area .right{

    position: absolute;

    width:1200px;

    top:0;

    z-index: 1;

    transition: all 0.3s linear;

}

.pageBody .banner_area .right{

    z-index: 2;

}

.pageBody .banner_area .center{

    width:1200px;

    position: absolute;

    z-index: 4;

    transition: all 0.3s linear;

}

.pageBody .banner_area .btns{

    width:1200px;

    min-width: 1200px;

    margin:0 auto;

    position: relative;

    height:460px;

    z-index: 10;

}

.pageBody .banner_area .btns:hover em{

    display: block;

}

.pageBody .banner_area .btns em{

    color:white;

    position: absolute;

    z-index: 10;

    font-size: 40px;

    width:50px;

    height:80px;

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

    line-height: 80px;

    top:50%;

    margin-top: -40px;

    text-align: center;

    display: none;

    cursor: pointer;

}

.pageBody .banner_area .btns em:hover{

    background-color:rgba(0,0,0,0.7)

}

.pageBody .banner_area .btns em.next{

    right:0;

}

.pageBody .banner_area .btns em.prev{

    padding-left:10px;

}

.pageBody .container{

    margin-top: 60px;

}



#expCenterDetails .news_area .expCenterNews {

    width:585px;

    height:299px;

    overflow: hidden;

}

#expCenterDetails .pageBody .expNews_area .carousel{

    width:400px;

    height:250px;

    overflow: hidden;

}

.pageBody .expNews_area .carousel>[carousel-item]::after{

    content:"";

    display: block;

    background-color: rgba(10, 13, 8, 0.67);

    position: absolute;

    bottom: 0;

    height:40px;

    max-width: 100%;

    width:100%;

    z-index: 1;

}

.pageBody .expNews_area .carousel .layui-carousel-ind {

    /* position: relative;

    top: -30px;

    width: max-content;

    line-height: 0!important; */

    text-align: right;

    font-size: 0;

    z-index: 2;

    /* left: 60%; */

}

.pageBody .expNews_area .carousel .layui-carousel-ind ul {

    height: 35px;

    line-height: 30px;

    background-color: unset;

    border-radius: unset;

}

.pageBody .expNews_area .carousel .layui-carousel-ind ul li{

    width:8px;

    height:8px;

    margin:0 5px;

    border-radius: unset;

    background-color: unset;

    border:1px solid #fff;

}

.pageBody .expNews_area .carousel .layui-carousel-ind ul li.layui-this{

    background-color: #fff;

}



.pageBody .expNews_area .carousel .img{

    width:100%;

    height:100%;

}

.pageBody .expNews_area .carousel img{

    object-fit: unset;

}

.pageBody .expNews_area .carousel h4{

    position: absolute;

    bottom: 0;

    height:40px;

    max-width: 50%;

    width:50%;

    line-height: 40px;

    padding:0 20px;

    z-index: 10;

}

.pageBody .expNews_area .carousel h4 a{

    color:#fff;

    font-size: 12px;

}

.pageBody .expNews_area .carousel h4 a:hover{

    color:#ccc;

}

.container_title{

    height:40px;

    font-size: 18px;

    /* padding-left: 40px; */

    border-bottom: 2px solid #0b7551;

    position: relative;

    color:#666;

    align-items: baseline;

}

.container_title .more,.center_title .more,.container_title .crumb{

    margin-left:auto;

    font-size: 14px;

    color:#999;

}





.center .noticeList {

    flex-wrap: wrap;

}





.center_title{

    padding-left:0;

    width:100%;

    font-size: 20px;

    border-bottom: 2px solid #eee;

    color:#fff;

    height:42px;



}

.center_title>div{

    /* background-color: #457226; */

    width:120px;

    text-align: center;

    height:40px;

    line-height: 40px;

    color: #005ba1;

}

.center_title .more em{

    font-size: 18px !important;

}

.crumb a{

    color:#999;

}



.crumb a:hover{

    color:#666;

}

.crumb li{

    width:max-content;

    margin-left: 10px;

    height:33px;

    line-height: 33px;

}

.crumb li:first-child{

    color:#333;

}

.more>em,.crumb em{

    font-size: 14px;

}

.center_title .more{

    line-height: 40px;

}

.container_title .more:hover,.crumb a.active{

    color: #08724e;

}

.center_title .more:hover{

    color:#457226;

}



ul.container_title li,.container_title>div{

    margin-right:50px;

    position: relative;

}

ul.container_title li a{

    color:#666;

}

ul.container_title li a:hover,ul.container_title li a.active,.container_title>div{

    font-size: 22px;

    color: #08724e;

}

/* ul.container_title li a.active::before,.container_title>div::before{

    content:"";

    width:100%;

    height:2px;

    background-color:#08724e;

    position: absolute;

    bottom:-1px;

    left:0;

} */



.pageBody .news_area .center .box{

    height: 70px;

    /* max-height: 321px; */

    padding-top:20px;

    position: relative;

}



.pageBody .news_title {

    color: #333333;

    font-size: 24px;

    margin-top: 21px;

    margin-bottom: 19px;

}





.pageBody .news_content {

    color: #333333;

    font-size: 14px;

    margin-bottom: 12px;

}



#expCenterDetails .pageBody .news_title {

    color: #333333;

    font-size: 16px;

    margin-top: 0;

    margin-bottom: 19px;

}



.pageBody .news_detail {

    text-align: right;

    color: #333333;

    font-size: 14px;

    padding-bottom: 20px;

    border-bottom: 1px solid #e5e5e5;

}

.pageBody .news_area .right .box ul{

    position: absolute;

    transition: left 0.5s ease;

    width:100%;

    height:100%;

    left:-600px;

    overflow: hidden;

}

.pageBody .news_area .right .box ul.show{

    left:0px;

}

.pageBody .news_area .right .box .item{

    height: 54px;

    line-height: 54px;

    /* margin-bottom: 20px;

    padding-bottom: 10px; */

    border-bottom: 1px solid #f6f6f6;

}



.pageBody .news_area .center .box .item{

    width: 25%;

    height:15px;

    line-height: 13px;

    margin-bottom: 20px;

}

.pageBody .news_area .right .box .item em{

    font-size: 10px;

    color:#ccc;

}



.pageBody .news_area .right .box .item h4{

    margin-left: 10px;

    font-size: 14px;

    max-width: 250px;

}

.pageBody .news_area .right .box .item h4 a{

    color:#666;

}

.pageBody .news_area .right .box .item h4 a:hover{

    color: #08724e;

}

.pageBody .news_area .right .box .item .date{

    margin-left: auto;

    /* margin-left: 30px; */

    font-size: 12px;

    color:#999;

}

.expCenter_area .layui-row .item{

    width: 386px;

    float: left;

    /* border:1px solid #e5e5e5; */

    margin-top: 28px;

    margin-right:20px;

    /* height: 150px; */

}

/* .expCenter_area .layui-row .item:nth-child(odd){

    margin-right:20px

} */

.expCenter_area .layui-row .item:nth-child(2n){

    margin-right: 0;

}

.expCenter_area .layui-row .item>div{

    width:100%;

    height:100%;

}

.expCenter_area .layui-row .item>div.img{

    /* background-color: #e8e8e8; */

    width: 100%;

    height: 218px;

    overflow-X: hidden;

    overflow-y: hidden;

}





.expCenter_area .layui-row .item > div.img img {

    transition: all 1s;

}



.expCenter_area .layui-row .item:hover img{

    transform:  scale(1.2);

}



.expCenter_area .layui-row .item:hover .exp-title{

    color: #08724e;

}



.expCenter_area .layui-row .item:hover .exp-content{

    color: #08724e;

}





.expCenter_area .layui-row .item div.exp-title{

    text-align: center;

    font-size: 14px;

    color: #333333;

    margin: 19px 0 ;

}


.expCenter_area .layui-row .item div.exp-content{

    height: 38px;

}



.expCenter_area .layui-row .item>div.desc{

    text-align: center;

    padding:20px 20px 20px 0;

}

.expCenter_area .layui-row .item>div.desc h2{

    font-size: 16px;

    color:#333;

    margin-bottom: 10px;

}

.expCenter_area .layui-row .item>div.desc span{

    font-size: 14px;

    color:#999

}

.expCenter_area .layui-row .item>div.desc p{

    margin-top:10px;

    font-size: 14px;

    color:#666;

    line-height: 22px;

    height:70px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}





.course_area .layui-row .item{

    float: left;

    width: 285px;

    /* height:304px; */

    margin-top:30px;

    margin-right:20px;

    transition: all 1.5s;

}



.course_area:not(.expCourse_area) .layui-row .item:nth-child(4n){

    margin-right:0;

}



.expCourse_area .layui-row .item {

    float: left;

    width: 380px;

    /* height:256px; */

    margin-top:40px;

    margin-right:30px;

    transition: all 1.5s;

}



.pageBody .expCourse_area .layui-row .item .img{

    width: 100%;

    height: 214px;

    background-color: #e8e8e8;

    overflow-x: hidden;

    overflow-y: hidden;

}





.expCourse_area .layui-row .item:nth-child(3n){

    margin-right:0;

}



.course_area .layui-row .item:hover{

    /* box-shadow: 0px 0px 10px 0px

    rgba(0, 0, 0, .5); */

    cursor: pointer;

}





.course_area .layui-row .item .img{

    width:100%;

    height:160px;

    background-color: #e8e8e8;

    overflow-x: hidden;

    overflow-y: hidden;

}



.course_area .layui-row .item .img img {



    transition: all 1s;



}



.course_area .layui-row .item:hover img{

    transform:  scale(1.2);

}



.course_area .layui-row .item:hover h4 a{

    color:#08724e;

}



.course_area .layui-row .item h4{

    margin-top:10px;

    /* padding: 0 14px; */

    width:100%;

    max-width: 100%;

    height:40px;

    max-height: 40px;

    font-size: 14px;

    line-height: 20px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.course_area .layui-row .item h4 a{

    color:#333;

}



.course_area .layui-row .item .info{

    color:#999;

    font-size: 14px;

    margin-top:5px;

    padding-top: 5px;

    /* padding: 0 14px; */

}

.item .info .collage{

    max-width:70%;

    width:70%;

}

.item .info .name{

    max-width: 28%;

    width:28%;

    text-align: right;

}


.course_area .layui-row .item .info a {

    color:#999;

}

.item .info .name em{

    font-size: 14px;

}

.expCenter_list_area .layui-row .item{

    width: 790px;

    height: 180px;

    box-shadow: 0px 0px 6px 0px

    rgba(0, 0, 0, 0.06);

    border-radius: 0px 4px 4px 0px;

    margin-top: 20px;

}



.expCenter_list_area .layui-row .item:nth-child(3n) {

    margin-right: 0;

}



.expCenter_list_area .layui-row .item .img{

    width: 320px;

    height: 181px;

    background-color: #e9e8e9;

    border-radius: 4px 0px 0px 4px;

    overflow-x: hidden;

    overflow-y: hidden;

}



.expCenter_list_area .layui-row .item .desc{

    padding-top: 23px;

    width: 430px;

    margin: 0 auto;

}

.expCenter_list_area .layui-row .item .desc h4{

    margin-bottom: 10px;

    font-size: 16px;

    color:#333;

    max-width: 100%;

}

.expCenter_list_area .layui-row .item .desc .collage{

    font-size: 12px;

    color: #999999;

}

.expCenter_list_area .layui-row .item .desc p{

    margin-top:19px;

    font-size: 14px;

    text-align: left;

    color:#666;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}





.expCenter_list_area .layui-row .item .img img {

    transition: all 1s;

}



.expCenter_list_area .layui-row .item:hover img {

    transform:  scale(1.2);

}



.expCenter_list_area .layui-row .item:hover h4,.expCenter_list_area .layui-row .item:hover p{

    color: #08724e;

}



.select_area{

    width:100%;

    /* height: 136px; */

    background-color: #f9fafb;

    padding:30px 0 1px 0;

    /* width:100%;

    box-shadow: 0px 0px 12px 0px

		rgba(0, 0, 0, 0.1); */

}

.select_area .content{

    position: relative;

}

.select_area ul:not(.crumb){

    height:30px;

    line-height: 30px;

    margin-bottom: 30px;

}

.exp_list_area ul:not(.pagination){

    background-color: #f3f4f6;

    height:50px;

    line-height: 30px;

    padding:10px 20px;

}

.exp_list_area ul:not(.pagination) li{

    position: relative;

}

.exp_list_area ul:not(.pagination) li.sort:hover .sort_content{

    display: block;

}

.exp_list_area ul:not(.pagination) li .sort_content{

    background-color: white;

    padding: 10px;

    border: 1px solid #ddd;

    border-radius: 5px;

    left: -7px;

    position: absolute;

    width: 135px;

    display: none;

}

.exp_list_area ul:not(.pagination) li .sort_content a{

    display: block;

    font-size: 14px !important;

}

.exp_list_area ul:not(.pagination) li .sort_content em{

    font-size: 14px !important;

}

.select_area ul:not(.crumb) li:first-child ,.exp_list_area ul:not(.pagination) li:first-child{

    color:#a5a5bc;

    font-size: 18px;

}

.select_area ul:not(.crumb) li:not(:first-child),.exp_list_area ul:not(.pagination) li:not(:first-child){

    width:max-content;

    height:30px;

    padding:0 5px;

}

.select_area ul:not(.crumb) li:not(:first-child) a,.exp_list_area ul:not(.pagination) li:not(:first-child) a{

    color:#666;

    font-size: 16px;

    transition: all .3s;

    display: block;

    width: max-content;

    padding: 0 10px;

}

.select_area ul:not(.crumb) li:not(:first-child) a.active,.exp_list_area ul:not(.pagination) li:not(:first-child) a.active{

    display: block;

    color:white;

    width:max-content;

    height:30px;

    padding:0 10px;

    font-size: 16px;

    background-color: #08724e;

    border-radius: 4px;

}

.select_area ul:not(.crumb) li:not(:first-child) a:not(.active):hover,.exp_list_area ul:not(.pagination) li:not(:first-child) a:not(.active):hover{

    color:  #08724e;

}

.select_area .crumb{

    position: absolute;

    right:0;

    top:10px;

}

.exp_list_area .layui-row .item{

    float:left;

    width: 285px;

    /* height: 300px; */

    background-color: #ffffff;

    /* box-shadow: 0px 0px 8px 0px

        rgba(0, 0, 0, 0.08); */

    border-radius: 4px;

    margin-top:30px;

    margin-right:20px;

    transition: all 1.5s;

}

.exp_list_area .layui-row .item:nth-child(4n){

    margin-right: 0;

}



.exp_list_area .layui-row .item .img{

    width:100%;

    height:160px;

    background-color: #f8f8f8;

    overflow-x: hidden;

    overflow-y: hidden;

}



.exp_list_area .layui-row .item:hover {

    cursor: pointer;

}



.exp_list_area .layui-row .item img{

    border-radius: 4px;

    transition: all 1s;

}



.exp_list_area .layui-row .item:hover img{

    transform:  scale(1.2);

}



.exp_list_area .layui-row .item h4{

    width: 100%;

    max-width: 100%;

    font-size: 14px;

    /* padding: 0 14px; */

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

    height: 50px;

    padding-top: 10px;

}

.exp_list_area .layui-row .item h4 a{

    color:#333;

}

.exp_list_area .layui-row .item:hover h4 a{

    color: #08724e;

}

.exp_list_area .layui-row .item .info{

    margin-top: 3px;

    color: #999;

    font-size: 14px;

    /* padding: 0 14px; */

}

.newsList_area .leftbox{

    width: 220px;

    max-width: 220px;

    position: relative;

    top: 0px;

    transition: top 0.5s;

    height: fit-content;

    background: #f8f9fa;

}

.newsList_area .rightbox{

    width:940px;

    max-width: 940px;

}





.newsList_area ul.col_nav li{

    /* padding-left:50px; */

    position: relative;

}

.newsList_area ul.col_nav li em{

    font-size: 12px;

    color:#08724e;

    position: absolute;

    top:0;

    right: 20px;

    display: none;

}



.pageBody_index .newsList_area ul.col_nav li em{

    right: 20px;

}



.newsList_area ul.col_nav .title{

    height:63px;

    color:#fff;

    background-color: #08724e;

    border-radius: 4px 4px 0px 0px;

    line-height: 63px;

    font-size: 22px;

    padding-left:50px;

}

#expCenterNews .newsList_area ul.col_nav .title{

    background-color: #005ba1;

}

.newsList_area ul.col_nav li:not(.title){

    height:50px;

    line-height: 50px;

    font-size: 16px;

    border-bottom: 1px dashed #d2d2d2;

}

.newsList_area ul.col_nav li:not(.title) a{

    display: inline-block;

    padding-left: 50px;

    color:#666;

}

.newsList_area ul.col_nav li:not(.title) a:hover,.newsList_area ul.col_nav li:not(.title).active a{

    display: inline-block;

    padding-left: 50px;

    color: #08724e;

}

#expCenterNews .newsList_area ul.col_nav li:not(.title).active{

    background-color: #dae3d4;

    border-bottom:1px dotted #d2d2d2;

}

.newsList_area ul.col_nav li:not(.title).active{

    border-bottom:1px dotted #08724e;

    background: #fff;

}

.newsList_area ul.col_nav li:not(.title).active  em{

    display: block;

}

.newsList_area .rightbox .box .item{

    margin-top: 20px;

    border-bottom: 1px dashed #d2d2d2;

}

#expCenterNews .newsList_area .rightbox .box .item{

    padding-bottom: 15px;

}

#expCenterNews .newsList_area .rightbox .box .item .date{

    color:#999;

    font-size: 12px;

}

#expCenterNews .newsList_area .rightbox .box .item h4 a{

    color:#666;

}

#expCenterNews .newsList_area .rightbox .box .item h4 a:hover{

    color: #08724e;

}

.newsList_area .rightbox .box{

    padding-top: 10px;

    min-height: 600px;

}

.newsList_area .detailsbox{

    padding-top:40px;

    min-height: 600px;

}

.newsList_area .detailsbox h4{

    width:100%;

    padding:0 50px;

    text-align: center;

    font-size: 24px;

    color:#333;

}

.newsList_area .detailsbox .info{

    width:100%;

    padding:0 50px;

    text-align: center;

    font-size: 12px;

    color:#999;

    margin-top:30px;

}

.newsList_area .detailsbox .content_box{

    margin-top:40px;

    font-size: 14px;

    color: #666;

    line-height: 24px;

}

.newsList_area .detailsbox .info .date{

    margin-left:40px;

}

.newsList_area .rightbox .box .item h4{

    font-size: 16px;

}

.newsList_area .rightbox .box .item h4 a{

    color:#333;

}

.newsList_area .rightbox .box .item h4 a:hover{

    color: #08724e;

}

.newsList_area .rightbox .box .item p{

    margin-top:20px;

    font-size: 14px;

    color:#666;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.newsList_area .rightbox .box .item .info{

    margin-top: 22px;

    font-size: 12px;

    height:16px;

    line-height: 16px;

    color:#666;

    margin-bottom: 12px;

}

.newsList_area .rightbox .box .item .info .date{

    margin-left: auto;

    color:#a7a7a7;

}



.newsList_area .rightbox .box .item .info .editor{

    color:#a7a7a7;

}

.newsList_area .rightbox .box .item .info .views{

    margin-right:65px;

    color:#a7a7a7;

}

#page{

    margin-top:20px;

    text-align: right;

}

#expCenterDetails .news_area .leftbox{

    width:769px;

}

#expCenterDetails .news_area .rightbox{

    width:401px;

}

#expCenterDetails .news_area .box{

    width:100%;

    /* margin-top:20px; */

    max-height: 250px;

    overflow: hidden;

}

#expCenterDetails .news_area .leftbox .box .news_row{

    width:339px;

    height:250px;

    max-height: 250px;

    overflow: hidden;

}

#expCenterDetails .news_area .leftbox .box .news_row .item{

    height:43px;

    margin-bottom: 8px;

    border-bottom: 1px dashed #ddd;

}

#expCenterDetails .news_area .leftbox .box .news_row .item h4{

    font-size: 14px;

    margin-bottom: 5px;

    width:100%;

    max-width: 100%;

}

#expCenterDetails .news_area .leftbox .box .news_row .item h4 a{

    color:#666;

}

#expCenterDetails .news_area .leftbox .box .news_row .item h4 a:hover,#expCenterDetails .news_area .rightbox .box .item h4 a:hover{

    color: #08724e;

}

#expCenterDetails .news_area .leftbox .box .news_row .item .date{

    color:#999;

    font-size: 12px;

}

#expCenterDetails .news_area .rightbox .box .item{

    height:73px;

    max-height: 73px;

    border-bottom:1px dashed #ddd;

    margin-bottom: 14px;

}

#expCenterDetails .news_area .rightbox .box .item .date{

    width:70px;

    height:60px;

    border:1px solid #ddd;

}

#expCenterDetails .news_area .rightbox .box .item .date>span{

    width:100%;

    height:50%;

    display: block;

    text-align: center;

    line-height: 30px;

}

#expCenterDetails .news_area .rightbox .box .item .date>span.dd{

    background-color:#859e73;

    color:#fff;

    font-size: 18px;

}

#expCenterDetails .news_area .rightbox .box .item .date>span.yy_mm{

    color:#324029;

    font-size: 14px;

}

#expCenterDetails .news_area .rightbox .box .item h4{

    width:301px;

    height:60px;

    line-height: 24px;

    font-size: 14px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:2;

    -ms-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

#expCenterDetails .news_area .rightbox .box .item h4 a{

    color:#666;

}

#expCenterDetails .course_area .layui-row .item{

    width:380px;

    height:320px;

    margin-top:30px;

    margin-right:30px;

}

#expCenterDetails .course_area .layui-row .item:nth-child(3n+3){

    margin-right: 0;

}

#expCenterDetails .course_area .layui-row .item .img{

    width:100%;

    height:238px;

}



#expCenterDetails .course_area .layui-row .item h4 a:hover{

    color: #08724e;

}

#expCenterDetails .course_area .layui-row .item .info .name{

    width:70%;

    max-width: 70%;

    text-align: left;

}

#expCenterDetails  .teach_area .layui-row .item{

    width: 200px;

    height:240px;

    float: left;

    margin-top: 20px;

    margin-right:50px;

}

#expCenterDetails  .teach_area .layui-row .item:nth-child(5n+5){

    margin-right:0;

}

#expCenterDetails  .teach_area .layui-row .item .img{

    width:100%;

    height:200px;

    background-color: #ddd;

}

#expCenterDetails  .teach_area .layui-row .item h4{

    font-size: 16px;

    margin-top: 20px;

    text-align: center;

    width:100%;

    max-width: 100%;;

}

#expCenterDetails  .teach_area .layui-row .item h4 a{

    color:#666;

}

#expCenterDetails  .teach_area .layui-row .item h4 a:hover{

    color: #08724e;

}

#expCenterClassList .center_title>div,#expCenterTeacher .center_title>div,#expCenterNews .center_title>div{

    background-color: unset;

    color: #08724e;

    text-align: left;

    font-size: 20px;

}

#expCenterClassList .center_title,#expCenterTeacher .center_title,#expCenterNews .center_title{

    border-bottom: 2px solid #e5e5e5;

    height:50px;

    position: relative;

}

#expCenterClassList .center_title ul.crumb,#expCenterTeacher .center_title ul.crumb,#expCenterNews .center_title ul.crumb{

    font-size: 14px;

    margin-left: auto;

}



#expCenterClassList .center_title ul.crumb li,#expCenterTeacher .center_title ul.crumb li,#expCenterNews .center_title ul.crumb li{

    height:50px;

    line-height: 50px;

    color:#666;

}

#expCenterClassList .course_area .layui-row .item{

    width: 380px;

    height: 294px;

    background-color: #ffffff;

    /* box-shadow: 0px 0px 8px 0px

        rgba(0, 0, 0, 0.08); */

    margin-top:30px;

    margin-right:30px;

}

#expCenterClassList .course_area .layui-row .item:nth-child(2n){

    margin-right: 0;

}



#expCenterClassList .course_area .layui-row .item .img{

    width:100%;

    height:214px;

}

#expCenterClassList .course_area .layui-row .item h4 a:hover{

    color: #08724e;

}

#expCenterClassList .course_area .layui-row .item .info .name{

    width:70%;

    max-width: 70%;

    text-align: left;

}

#expCenterTeacher .teacher_area .layui-row .item{

    width: 482px;

    height: 220px;

    border: solid 1px #dcdcdc;

    position: relative;

    margin-right: 147px;

    margin-bottom: 39px;

}

#expCenterTeacher .teacher_area .layui-row .item:nth-child(2n){

    margin-right: 0;

}

#expCenterTeacher .teacher_area .layui-row .item .img{

    width:100%;

    height:250px;

    /* background-color: #e8e8e8; */

}

#expCenterTeacher .teacher_area .layui-row .item .info{

    padding-top:15px;

    padding-bottom: 15px;

    box-shadow: 0px 0px 12px 0px

    rgba(0, 0, 0, 0.08);

}

#expCenterTeacher .info .info-main {

    display: flex;

    align-items: baseline;

}

#expCenterTeacher .teacher_area .layui-row .item .info>div{

    text-align: left;

}

#expCenterTeacher .teacher_area .layui-row .item .info>div:first-child{

    padding-left: 25px;

    /* padding-bottom: 15px;

    border-bottom:1px solid #ddd; */

}

#expCenterTeacher .teacher_area .layui-row .item .info h4{

    font-size: 20px;

    text-align: center;

    margin-bottom: 16px;

    margin-right: 25px;

}

#expCenterTeacher .teacher_area .layui-row .item .info h4 a{

    color:#333;

}

#expCenterTeacher .teacher_area .layui-row .item .info .type{

    font-size: 14px;

    color:#999;

}

#expCenterTeacher .teacher_area .layui-row .item .info .readmore{

    font-size: 14px;

    width: 100px;

    font-size: 14px;

    width: 100px;

    border-radius: 15px;

    border: solid 1px #bfbfbf;

    text-align: center;

    height: 30px;

    line-height: 30px;

    margin-left: 25px;

}

#expCenterTeacher .teacher_area .layui-row .item .info .readmore a,#expCenterTeacher .teacher_area .layui-row .item .info .readmore a em{

    color:#666;

    font-size: 14px;

}

#expCenterTeacher .teacher_area .layui-row .item .info .readmore a:hover,#expCenterTeacher .teacher_area .layui-row .item .info h4 a:hover{

    color: #08724e;

}
.word-title-sub{
    font-weight: bold;
    font-size: 18px;
    line-height:4em;
    text-align: left;
    color: #666;
}
.word-content {
    font-size: 16px;
    color: #666;
    text-indent:2em;
    line-height: 2em;
    text-align: justify;
}
.word-content a{
    text-decoration: underline;
}

.experiment-img{
    width: 60%;
    height: auto;
    margin: 10px 20%;
}
.word-normal{
    font-size: 16px;
    line-height: 2em;
}
.word-big{
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.word-indent{
    text-indent: 2em;
}
.word-indent-double{
    text-indent: 4em;
}
.word-center{
    text-align: center;
}

.content .content-h4{
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    border-bottom: 1px solid darkred;
    position: relative;
    margin-bottom: 20px;
}
.content .content-title{
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 2px solid darkred;
    color: black;
    font-weight: normal;
}
.content .content-h4-dark{
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid lightgray;
    position: relative;
    margin-bottom: 20px;
}
.banner-left{
    width: 82%;
}
.banner-left .content-header{
    text-align: center;
    border-bottom: 1px solid black;
    background-color: #082d5d;
    color: white;
}
.content-header>h1 {
    letter-spacing: 2px;
    padding: 10px 5px;
    font-size: 24px;
}
.content-header>h1>small {
    font-size: 15px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 300;
    color: #D57D39;
}
.banner-left h3{
    font-size: 26px;
    color: #D57D39;
    padding-bottom: 5px;
    border-bottom: 1px solid #D57D39;
}
.panel-group{
    margin: 15px 0;
}
.panel-group .panel-default{
    margin-bottom: 25px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-group .panel-default .panel-heading{
    padding:10px 15px;
    color: black;
    background-color: #f2f2f2;
    border-bottom:1px solid #ddd;
}

.panel-group .panel-default .panel-heading .panel-title{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: inherit;
}
.panel-group .panel-default .panel-collapse{
    font-family: 'Hind', sans-serif;
    font-size: 16px;
    line-height: 2em;
    color: #696f6f;
    background-color: #fff;
}
.panel-group .panel-default .panel-collapse .panel-body{
    padding: 15px;
}
.show-image{
    width: 40%;
    margin: 40px 30%;
    cursor: pointer;
}
.show-image:hover img{
    transform: scale(1.2);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.2);
}
.show-image img{
    width: 100%;
    height: auto;
}
.content .imgList {
    margin-top: 30px;
}
.content .imgList li {
    width: 240px;
    margin-right: 40px;
    margin-bottom: 30px;
    list-style-type: none;
    cursor: pointer;
}
.content .imgList li .cover {
    width: 240px;
    height: 240px;
    margin-bottom: 10px;
    overflow: hidden;
}
.content .imgList li:hover {
    box-shadow: 0px 0px 5px gray;
}
.content .imgList li img {
    width: 200px;
    height: 270px;
    margin: 10px 20px;
}
.content .imgList li .cover:hover img{
    transform: scale(1.2);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.2);
}
.content .imgList li .first {
    font-size: 14px;
    color: #999;
}
.content .imgList li .first b {
    font-size: 18px;
    color: #333;
}
.content .imgList li p {
    height: 30px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    margin-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.teacher-detail{
    height: 90px;
}
.teacher-detail a{
    color: #999;
    font-size: 12px;
    padding: 0 4px;
    border: 1px solid #2fb7a1;
    color: #2FB7A1;
    border-radius: 9px;
    height: 17px;
    line-height: 17px;
    margin: 5px;
}
.teacher-detail a:hover{
    color: rgb(185, 40, 40);
    border: 1px solid rgb(185, 40, 40);
}
.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch; }
.navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
.navbar-collapse:after {
    clear: both; }
.navbar-collapse.in {
    overflow-y: auto; }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px; }
.verbar-default .verbar-nav > li > a:hover i.assess{
    background: url(../images/imgExp.png) no-repeat -240px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.student{
    background: url(../images/imgExp.png) no-repeat -280px 0px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.student{
    background: url(../images/imgExp.png) no-repeat -280px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.data{
    background: url(../images/imgExp.png) no-repeat -320px 0px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.data{
    background: url(../images/imgExp.png) no-repeat -320px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.enter{
    background: url(../images/imgExp.png) no-repeat -360px 0px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.enter{
    background: url(../images/imgExp.png) no-repeat -360px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.verbar-nav > li {
    float: none;

}
.verbar-default .verbar-collapse, .verbar-default .verbar-form {
    border: none;
}
.verbar-default {
    background: none;
    border: none;

}
.verbar-nav > li > a {
    padding:10px 0;
    margin: 5px 5px;
    font-size: 16px;
    color:#212121 !important;
}
.verbar-nav > li > a i {
    padding-left: 2em;
}
.verbar-nav {
    float: none;
}
.verbar-default .verbar-nav > .active > a, .verbar-default .verbar-nav > .active > a:hover, .verbar-default .verbar-nav > .active > a:focus {
    color:#D57D39  !important;
    background: transparent;
    border-bottom: 1px solid;
}
.verbar-default .verbar-nav > li > a:hover, .verbar-default .verbar-nav > li > a:focus {
    color:#D57D39  !important;
}
/* Underline From Left */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #D57D39 ;
    height: 1px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
    right: 0;
}
.hvr-underline-from-left:before {
    background : darkred;
    /*background : #69a300;rgb(166,23,27);*/
}
.verbar-default .verbar-nav > .active > a, .verbar-default .verbar-nav > .active > a:hover, .verbar-default .verbar-nav > .active > a:focus {
    color:darkred  !important;
    background: transparent;
    border-bottom: 1px solid;
}
.verbar-default .verbar-nav > li > a:hover, .verbar-default .verbar-nav > li > a:focus {
    color:darkred  !important;
}
.horbar-nav > li {
    float: left;

}
.horbar-default .horbar-collapse, .horbar-default .horbar-form {
    border: none;
}
.horbar-default {
    background: none;
    border: none;

}
.horbar-nav > li > a {
    padding:10px 0;
    margin: 15px 10px;
    font-size: 1em;
    color:#212121 !important;
    width: 90%;
}
.horbar-nav > li > a i {
    padding-left: 2em;
}
.horbar-nav {
    float: none;
}
.horbar-nav > .active > a, .horbar-nav > .active > a:hover,.horbar-nav > .active > a:focus {
    color:#D57D39  !important;
    background: transparent;
    border-bottom: 1px solid;
}
.horbar-nav > li > a:hover,.horbar-nav > li > a:focus {
    color:#D57D39  !important;
}

i.purpose{
    background: url(../images/imgExp.png) no-repeat 2px 0px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.purpose{
    background: url(../images/imgExp.png) no-repeat 2px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.principle{
    background: url(../images/imgExp.png) no-repeat -40px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.principle{
    background: url(../images/imgExp.png) no-repeat -40px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.device{
    background: url(../images/imgExp.png) no-repeat -80px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.device{
    background: url(../images/imgExp.png) no-repeat -80px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.method{
    background: url(../images/imgExp.png) no-repeat -120px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.method{
    background: url(../images/imgExp.png) no-repeat -120px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.step{
    background: url(../images/imgExp.png) no-repeat -160px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.step{
    background: url(../images/imgExp.png) no-repeat -160px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.result{
    background: url(../images/imgExp.png) no-repeat -200px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.result{
    background: url(../images/imgExp.png) no-repeat -200px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.assess{
    background: url(../images/imgExp.png) no-repeat -240px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.assess{
    background: url(../images/imgExp.png) no-repeat -240px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.student{
    background: url(../images/imgExp.png) no-repeat -280px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.student{
    background: url(../images/imgExp.png) no-repeat -280px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.data{
    background: url(../images/imgExp.png) no-repeat -320px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.data{
    background: url(../images/imgExp.png) no-repeat -320px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
i.enter{
    background: url(../images/imgExp.png) no-repeat -360px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.verbar-default .verbar-nav > li > a:hover i.enter{
    background: url(../images/imgExp.png) no-repeat -360px -40px;
    display: inline-block;
    width: 18px;
    height: 18px;
}
/* 实验相关信息*/
.exper-li {
    float:left;
    margin-top: 50px;
    margin-left: 25px;
    transition: all .3s;
}

.exper-li:first-child{
    margin-left: 0
}
.exper-li .exper-icon1 {
    background: #e9c77d url("../images/purpose.png") no-repeat center 35px;
}
.exper-li .exper-icon2 {
    background: #41bc90 url("../images/priciple.png") no-repeat center 35px;
}
.exper-li .exper-icon3 {
    background: #6ba1d0 url("../images/device.png") no-repeat center 35px;
}
.exper-li .exper-icon4 {
    background: #50a7ea url("../images/method.png") no-repeat center 35px;
}
.exper-li .exper-icon5 {
    background: #54bed6 url("../images/step.png") no-repeat center 35px;
}
.exper-li .exper-icon6 {
    background: #506d94 url("../images/student.png") no-repeat center 35px;
}
.exper-li .exper-icon7 {
    background: #69a300 url("../images/data.png") no-repeat center 35px;
}
.exper-li .exper-icon8 {
    background: #e9c77d url("../images/device.png") no-repeat center 35px;
}
.exper-li a{
    display:block;
    color:#fff;
    font-size:14px;
    width: 283px;
    height: 128px;
    text-align:center;
    font-family:"Microsoft Yahei";
    text-decoration:none;
    padding-top: 80px;
}
.exper-li:hover {
    /*box-shadow: 1px 1px 10px rgb(166,23,27);*/
    cursor: pointer;
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    outline: 1px solid #fff;
    -moz-box-shadow: 0 0 5px #69a300;
    -webkit-box-shadow: 0 0 5px #69a300;
    box-shadow: 0 0 5px #69a300;
}
.swiper-container {
    width: 100%;
    height: auto;
    padding:40px 0;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 280px;

    /* Center slide text vertically*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property:all;
}
.swiper-slide:hover{
    box-shadow: 0 0 5px #8B5A2B;
}
.swiper-slide .teacher-img{
    width: 200px;
    height: 292px;
    padding: 10px;
}
.swiper-slide .info-box{
    width: 100%;
    height: 40px;
    margin: 10px auto;
}
#progressEffect{
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
}