html{
    height:100%;
}
body{
    position: relative;
    height:100%;
    background: #fff;
}
.container0{
    width:1200px;
    margin:0 auto;
    position: relative;
}
.container1{
    width:1220px;
    margin:0 auto;
    position: relative;
    box-sizing: border-box;
}
.idx-box{
    width:100%;
    position: relative;
    box-sizing: border-box;
    z-index:1;
}
.content-bg{
    background:url(../images/content-bg.jpg) no-repeat top center;
    overflow: hidden;
}
.page1{
    height:723px;
    position:fixed;
    top:36px;
    left:0;
    z-index:-1;
    background: url(../images/page-bg1.jpg) no-repeat center center;
}
.page1-content{
    position: absolute;
    top: 550px;
    right: 25px;
    width:695px;
    border:1px solid #edf9fe;
    background: rgba(51, 133, 225, 0.5);
    padding:15px 20px;
    box-sizing: border-box;
}
.page1-content p{
    font-size:18px;
    color:#fff;
    overflow: hidden;
    line-height: 32px;
}
.page1-content p span{
    float: right;
    width:560px;
}
.nav{
    width:100%;
    height:75px;
    background: linear-gradient(to bottom,#01c1fe,#103bd6);
}
.idx-nav{
    position: relative;
    top:0;
    left:0;
    z-index:200;
    margin-top:759px;
}
.nav ul{
    display: flex;
    justify-content: space-between;
}
.nav ul li a{
    display: block;
    width:118px;
    height:75px;
    line-height:73px;
    text-align: center;
    color:#fff;
    font-size:22px;
}
.nav ul li a.active,.nav ul li a:hover{
    font-weight: bold;
    background: url(../images/nav-bg.png) no-repeat center center;
}
.idx-step{
    background: #fff;
    padding:40px 25px 50px;
}
.idx-step ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.idx-step ul li{
    width:175px;
    height:165px;
    position: relative;
}
.idx-step ul li:after{
    content:'';
    display: block;
    width:175px;
    height:13px;
    position: absolute;
    bottom:-20px;
    left:0;
    border-radius: 50%;
}
.idx-step ul li p{
    display: none;
    position: absolute;
    font-size:16px;
    left:0;
    top:0;
    width:175px;
    height:165px;
    color:#fff;
    font-size:16px;
    box-sizing: border-box;
    padding:10px;
    text-align: justify;
}
.idx-step ul li:hover p{
    display: block;
}
.idx-step ul li span{
    display: block;
    margin-top: 115px;
    width:100%;
    text-align: center;
    color:#fff;
    font-size:26px;
}
.idx-step ul img{
    width:55px;
    height:53px;
}
.idx-step ul li.step1{
    background: #935cff url(../images/icon-bz1.png) no-repeat top 28px center;
}
.idx-step ul li.step1:after{
    background: #c7abff;
}
.idx-step ul li.step2{
    background: #0baedf url(../images/icon-bz2.png) no-repeat top 15px center;
}
.idx-step ul li.step1 p{
    background: #935cff;
}
.idx-step ul li.step2:after{
    background: #b9ecfb;
}
.idx-step ul li.step3{
    background: #61c36e url(../images/icon-bz3.png) no-repeat top 28px center;
}
.idx-step ul li.step3:after{
    background: #d5fcda;
    opacity: 0.8;
}
.idx-step ul li.step4{
    background: #feb640 url(../images/icon-bz4.png) no-repeat top 12px center;
}
.idx-step ul li.step4:after{
    background: #ffe3b6;
}
.idx-step ul li.step5{
    background: #ff685f url(../images/icon-bz6.png) no-repeat top 20px center;
}
.idx-step ul li.step5:after{
    background: #ffd2cf;
}
.idx-step ul li.step1 p{
    background: rgba(147,92,255,1);
}
.idx-step ul li.step2 p{
    background: rgba(11,174,223,1);
}
.idx-step ul li.step3 p{
    background: rgba(97,195,110,1);
}
.idx-step ul li.step4 p{
    background: rgba(254,182,64,1);
}
.idx-step ul li.step5 p{
    background: rgba(255,104,95,1);
}
.idx-step ul li .text{
    margin:20px 20px 0 20px;
    color:#fff;
    font-size:16px;
    line-height: 25px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-align: justify;
}
.page2{
    height:1017px;
    padding-top:65px;
    background: url(../images/page-bg2.jpg) no-repeat center center;
}  
.idx-title{
    opacity: 0;
    text-indent:10px;
    width: 100%;
    height:73px;
    font-size:46px;
    /*font-weight: bold;*/
    text-align:center;
    background: url(../images/title-bg1.png) no-repeat center center;
    color:#fff;
    line-height: 40px;
    position: relative;
}
.idx-text{
    opacity: 0;
    width:100%;
    text-align: center;
    color:#fff;
    font-size:22px;
    margin-top:35px;
}
.page2 .swiper-container{
    opacity: 0;
    margin-top:217px;
}
.page2 .swiper-slide{
    width:302px !important;
    height:578px;
    padding: 0px 23px 0 20px;
    box-sizing: border-box;
    text-align: center;
    background: url(../images/page4-itembg.png) no-repeat ;
}
.page2 .swiper-slide img{
    width:200px;
    height:200px;
    border-radius:100%;
    border:2px solid #f1f2f3;
}
.page2 .swiper-slide h1{
    font-size:20px;
    font-weight: bold;
    margin:30px 0;
    position: relative;
    height: 40px;
}
.page2 .swiper-slide h1:after{
    content:'';
    display: block;
    position: absolute;
    width:100px;
    height:3px;
    bottom: -15px;
    left: 80px;
}
.page2 .swiper-slide p{
    font-size:14px;
    color:#898989;
    line-height: 25px;
    padding:0 15px;
    text-align: justify;
    text-indent: 2em;
}
.page2 .swiper-button-prev{
    width:43px !important;
    left:-60px !important;
    top:64% !important;
}
.page2 .swiper-button-next{
    width:43px !important;
    right:-60px !important;
    top:64% !important;
}
.page2 .swiper-button-prev,.page2 .swiper-button-next:focus{
    outline: none;
}
.page2 .swiper-button-prev:after{
    content: ''!important;
    width:43px !important;
    height:77px;
    background: url(../images/icon-tap4.png) no-repeat center center;
}
.page2 .swiper-button-next:after{
    content: ''!important;
    width:43px !important;
    height:77px;
    transform: rotate(180deg);
    background: url(../images/icon-tap4.png) no-repeat center center;
}
.page4{
    height:1015px;
    position: relative;
    padding-top:100px;
    background: url(../images/page-bg4.jpg) no-repeat center center;
}
.page4 .idx-text{
    color:#595757;
    margin-top:45px;
}
.page4-content{
    opacity: 0;
    display: flex;
    justify-content: space-between;
}
.page4-box{
    width:375px;
    height:490px;
    margin-top:60px;
}
.page4-box .title{
    font-size:18px;
    color:#595757;
    line-height: 30px;
    margin-bottom:40px;
}

.page4-box>h1{
    height:55px;
    line-height:55px;
    text-align: center;
    font-size:24px;
    color:#fff;
}
.page4-box:nth-child(1)>h1{
    background: #61c36e url(../images/icon-share1.png) no-repeat left 90px center;
}
.page4-box:nth-child(2)>h1{
    background: #fe6e66 url(../images/icon-share2.png) no-repeat left 110px center;
}
.page4-box:nth-child(3)>h1{
    background: #0baedf url(../images/icon-share3.png) no-repeat left 90px center;
}
.page4-box ul{
    height:435px;
    background: #fff;
    overflow-y: auto;
    padding:5px 25px 5px 10px;
    box-sizing: border-box;
}
.page4-box ul li{
    overflow: hidden;
    margin-bottom:5px;
}
.page4-box ul li .info{
    float:left;
    width:68px;
    font-size:14px;
    text-align: center;
}
.page4-box ul li .info img{
    width:64px;
    height:64px;
    margin-bottom:2px;
    border:2px solid #ebebeb;
    border-radius:50%;
}
.page4-box:nth-child(1) ul li p{
    width:240px;
    float:right;
    border:2px solid #ebebeb;
    border-radius:5px;
    padding:10px 15px;
    box-sizing: border-box;
    font-size:14px;
    color:#666;
    line-height: 25px;
    position: relative;
    margin-top:25px;
}
.page4-box:nth-child(1) ul li p:before{
    content:'';
    position: absolute;
    left: -15px;
    top: 22px;
    display: block;
    border:8px solid transparent;
    border-right-color:#fff;
    z-index: 1;
}
.page4-box:nth-child(1) ul li p:after{
    content:'';
    position: absolute;
    left:-20px;
    top:20px;
    display: block;
    border:10px solid transparent;
    border-right-color:#ebebeb;
}
.page4-box:nth-child(2) ul li>img{
    float: left;
    max-width:240px;
    border-radius:5px;
    border:1px solid #ebebeb;
    margin:15px 0 0 10px;
}
.page4-box #weibo{
    width:100%;
    height:435px;
    border:none;
    background: #fff;
    overflow-y: auto;
}
.page6{
    height:650px;
    padding-top:70px;
    background:#fff;
}
.page6 .idx-title{
    background: url(../images/title-bg3.png) no-repeat center center;
}
.page6-box{
    opacity: 0;
    display: flex;
    justify-content: space-around;
    margin-top:40px;
}
.page6-box .item{
    width:389px;
    height:550px;
    background: #fff;
    border-radius:5px;
    overflow: hidden;
    box-shadow:0 0 5px #ccc;
}
.page6-box .item img{
    width:389px;
    height:310px;
}
.page6-box .item .content{
    overflow: hidden;
    background: url(../images/page6-itembg1.png) no-repeat center top 25px;
}
.page6-box .item .content h1{
    font-size:22px;
    color:#0baedf;
    font-weight: bold;
    text-align: center;
    margin:130px 0 20px 0;
}
.page6-box .item .content a{
    display: block;
    width:79px;
    height:24px;
    line-height:24px;
    text-align: center;
    color:#fff;
    font-size:14px;
    border-radius:5px;
    margin:0 auto;
    background: #0baedf;
}
.page6-box .item:nth-child(2) .content{
    overflow: hidden;
    background: url(../images/page6-itembg2.png) no-repeat center top 25px;
}
.page6-box .item:nth-child(2) h1{
    color:#feb640;
}
.page6-box .item:nth-child(2) .content a{
    background: #feb640;
}
.page6 .page6-content{
    opacity: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    margin-top:90px;
}
.page6 .page6-content li{
    margin-bottom:70px;
}
.page6 .page6-content li a{
    display: block;
    width:372px;
    height:88px;
    line-height:88px;
    border-radius:5px;
    color:#fff;
    font-size:19px;
    padding-left:15px;
    box-sizing: border-box;
    font-weight: bold;
}
.page6 .page6-content li a i{
    display: inline-block;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 20px;
    background-color: rgba(255,255,255,.3);
    background-repeat: no-repeat;
    background-position: center center;
}
.page6 .page6-content:after{
    content:'';
    width:372px;
    height:88px;
    visibility: hidden;
}
.page6 .page6-content li:nth-child(1) a{
    background: linear-gradient(to right,#8141ff,#a476ff);
}
.page6 .page6-content li:nth-child(1) a i{
    background-image:url(../images/icon-award1.png);
    background-size: 70% auto;
}
.page6 .page6-content li:nth-child(2) a{
    background: linear-gradient(to right,#f55164,#f86677);
}
.page6 .page6-content li:nth-child(2) a i{
    background-image:url(../images/icon-award6.png);
    background-size: 70% auto;
    background-position: left 13px center;
}
.page6 .page6-content li:nth-child(3) a{
    background: linear-gradient(to right,#61c36e,#7dd388);
}
.page6 .page6-content li:nth-child(3) a i{
    background-image:url(../images/icon-award7.png);
    background-size: 68% auto;
}
.page6 .page6-content li:nth-child(4) a{
    background: linear-gradient(to right,#ec59ef,#f984fb);
}
.page6 .page6-content li:nth-child(4) a i{
    background-image:url(../images/icon-award8.png);
    background-size: 70% auto;
}
.page6 .page6-content li:nth-child(5) a{
    background: linear-gradient(to right,#0231ca,#2470fa);
}
.page6 .page6-content li:nth-child(5) a i{
    background-image:url(../images/icon-award4.png);
}
.page6 .page6-content li:nth-child(6) a{
    background: linear-gradient(to right,#ff9c00,#feb640);
}
.page6 .page6-content li:nth-child(6) a i{
    background-size: 70% auto;
    background-image:url(../images/icon-award2.png);
}
.page6 .page6-content li:nth-child(7) a{
    background: #f86677 url(../images/icon-award9.png) no-repeat left 15px center;
}
.page6 .page6-content li:nth-child(8) a{
    background: #5cc4de url(../images/icon-award6.png) no-repeat left 15px center;
}
.page6 .page6-content li:nth-child(9) a{
    background: #1c93e6 url(../images/icon-award10.png) no-repeat left 15px center;
}
.page6 .page6-content li:nth-child(10) a{
    background: #f86677 url(../images/icon-award10.png) no-repeat left 15px center;
}
.page6 .page6-content li:nth-child(11) a{
    background: #5cc4de url(../images/icon-award11.png) no-repeat left 15px center;
}
.page8{
    height:999px;
    padding-top:105px;
    background: url(../images/page-bg8.jpg) no-repeat center center;
}
.page8 .content{
    padding:30px 35px;
    background: #7245e5;
    display: flex;
    justify-content: space-between;
    margin-top:45px;
    align-items: center;
}
.page8 .content img{
    width:453px;
    height:453px;
    margin-left: 45px;
}
.page8 .content .page8-box{
    width:550px;
    padding:0 20px;
    box-sizing: border-box;
}
.page8 .content .page8-box p{
    color:#fff;
    font-size:16px;
    line-height: 35px;
    text-indent: 44px;
    margin-bottom: 45px;
    text-align: justify;
}

.footer{
    width:100%;
    padding:40px 0 20px 0;
    overflow: hidden;
    background: url('../images/footer.jpg') center 0 no-repeat;
}
.footer-left{
    width:585px;
    float:left;
}
.footer-left p{
    font-size:14px;
    color:#fff;
    overflow: hidden;
    line-height: 20px;
    margin-bottom:13px;
}
.footer-left p span{
    float: right;
    width:510px;
}
.footer-right{
    width:330px;
    float:right;
}
.footer-right li{
    width:124px;
    float: left;
    font-size:17px;
    color:#fff;
    text-align: center;
    margin:0 30px 0 0;
}
.footer-right li img{
    display: block;
    width:124px;
    height:124px;
    margin:0 50px 10px 0;
}
.footer-mid{
    width:auto;
    height:58px;
    float: left;
    background: #ebebeb;
    border-radius:10px;
    margin-left:60px;
    box-sizing: border-box;
    text-align: right;
    padding: 2px 20px;
}
.footer-mid p{
    font-size:14px;
    color:#4c4948;
    margin-bottom:5px;
    text-align:center;
}
.footer-mid span{
    display: inline-block;
    width:19px;
    height:27px;
    line-height:27px;
    font-size:16px;
    font-weight: bold;
    color:#fff;
    text-align: center;
    background: url(../images/icon-numberbg.png) no-repeat center center;
}


@keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
}
.animateup{
    animation:fadeInUp 1s forwards;
}

.logo-box{
    width:100%;
    height: 141px;
    padding-top:30px;
    box-sizing: border-box;
    background: url("../images/logo-boxbg.jpg") no-repeat center center;
}
.logo{
    display:block;
    width:1100px;
    height:80px;
    background: url(../images/logo.png) no-repeat;
}
.science{
    padding:15px 140px 15px 105px;
}
.science .title{
    font-size:24px;
    color:#006ae0;
    padding-left:50px;
    margin-bottom:10px;
    font-weight: bold;
    background: url(../images/icon-book.png) no-repeat left center;
    background-size: auto 100%;
}
.science .text{
    font-size:16px;
    text-indent:30px;
    line-height:25px;
    color:#595757;
    margin-bottom:20px;
    text-align: justify;
}
.science .group{
    width:100%;
    margin-bottom:10px;    
}
.science .group:after{
    content:'';
    display: block;
    clear: both;
}
.science .group li{
    width:274px;
    position: relative;
    float: left;
    margin:0 65px 15px 0;
    box-shadow:2px 5px 5px #ccc;
}
.science .group li:nth-child(3n){
    margin-right:0;
}
.science .group li a{
    display: block;
    width: 100%;
}
.science .group li a img{
    display: block;
    width:100%;
    height:153px;
}
.science .group li a h1{
    width:100%;
    height: 60px;
    box-sizing:border-box;
    padding:10px;
    background: #fcfbfb;
    font-size:14px;
    color:#808080;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.science .group li a i{
    display: block;
    background: url(../images/icon-video.png) no-repeat;
    width:27px;
    height:25px;
    position: absolute;
    right: 20px;
    top: 115px;
}
.science .paginnation{
    width:100%;
    text-align: center;
}
.science .paginnation a,.science .paginnation span{
    display: inline-block;
    padding:2px 8px;
    color:#006ae0;
    font-size:16px;
}
.science .paginnation a:hover,.science .paginnation a.active{
    background: #006ae0;
    color:#fff;
}
.science .paginnation span:hover,.science .paginnation span.active{
    background: #006ae0;
    color:#fff;
}
.science .paginnation a:nth-child(1),.science .paginnation a:nth-child(2),.science .paginnation a:nth-last-child(1),.science .paginnation a:nth-last-child(2){
    border:1px solid #ddd;
    color:#bababa;
    font-size:14px;
    padding-top:5px;
    padding-bottom:5px;
}
.science .paginnation a:nth-child(1):hover,.science .paginnation a:nth-child(2):hover,.science .paginnation a:nth-last-child(1):hover,.science .paginnation a:nth-last-child(2):hover{
    border-color:#006ae0;
    color:#006ae0;
    background: #fff;
}

.ticket{
    padding:25px;
}
.ticket .tap{
    width:100%;
}
.ticket .tap span{
    display: block;
    float: left;
    width:50%;
    height:52px;
    line-height:52px;
    text-align: center;
    font-size:24px;
    color:#4c4948;
    background: #f8f8f8;
    cursor: pointer;
    box-sizing: border-box;
}
.ticket .tap span.active{
    background: #fccd01;
    color:#fff;
    font-weight: bold;
}
.ticket .tap:after{
    content:'';
    display: block;
    clear: both;
}
.ticket .tap-title{
    width: 100%;
    box-sizing: border-box;
    border:1px solid #aba9a9;
}
.ticket .tap-title:after{
    content:'';
    display: block;
    clear: both;
}
.ticket .tap-title span,.ticket .tap-content li span{
    display: block;
    float: left;
    height:30px;
    line-height:30px;
    text-align: center;
    font-size:16px;
    color:#4c4948;
    box-sizing: border-box;
    border-right:1px solid #aba9a9;
}
.ticket .tap-title span:last-child,.ticket .tap-content span:last-child{
    border: none;
}
.ticket .tap-title span:nth-child(1),.ticket .tap-content span:nth-child(1){
    width:98px;
}
.ticket .tap-title span:nth-child(2),.ticket .tap-content span:nth-child(2){
    width:108px;
}
.ticket .tap-title span:nth-child(3),.ticket .tap-content span:nth-child(3){
    width:420px;
}
.ticket .tap-title span:nth-child(4),.ticket .tap-content span:nth-child(4){
    width:108px;
}
.ticket .tap-title span:nth-child(5),.ticket .tap-content span:nth-child(5){
    width:112px;
}
.ticket .tap-title span:nth-child(6),.ticket .tap-content span:nth-child(6){
    width:92px;
}
.ticket .tap-content{
    width:956px;
    height:495px;
    overflow-y: auto;  
}
.ticket .tap-content li{
    width:100%;
    border-bottom:1px solid #aba9a9;
}
.ticket .tap-content li:nth-child(-n+10) span{
    color:#feb640;
}
.ticket .tap-content li:after{
    content:'';
    display: block;
    clear: both;
}
.ticket .tap-content li span{
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ticket .tap-content li.up span:last-child{
    background: url(../images/icon-up.png) no-repeat center center;
}
.ticket .tap-content li.down span:last-child{
    background: url(../images/icon-down.png) no-repeat center center;
}
.ticket .tap-content-box{
    display: none;
    width:100%;
    box-sizing: border-box;
    border-left:1px solid #aba9a9;
    border-right:1px solid #aba9a9;
    border-bottom:1px solid #aba9a9;
    /* overflow: hidden; */
    position: relative;
}
.ticket .tap-content-box.active{
    display: table-row-group;
}
.ticket .tap-content-box input[type=range] {
    -webkit-appearance: none;
    width: 300px;
    border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/
}
.ticket .tap-content-box input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}   
.ticket .tap-content-box input[type=range]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 10px; /*将轨道设为圆角的*/
    box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; /*轨道内置阴影效果*/
}
.ticket .tap-content-box input[type=range]:focus {
    outline: none;
}
.ticket .tap-content-box .range-box{
    position: absolute;
    width:50px;
    height: 100%;
    background: #fff;
    right:-52px;
    top:0;
}
.ticket .tap-content-box .range {
	position: absolute;
	top:0;
	left:18px;
	width: 5px;
	height: 100%;
	background-color: #eee;
}
.ticket .tap-content-box .range-item {
	position: absolute;
	top: 0;
	left: -2.5px;
	width: 10px;
	height: 101px !important;
	background-color: #dadada;
	border-radius:5px;
	opacity: 1;
}

.show-box{
    width:100%;
    height:100%;
    position: relative;
}
.show-left{
    width:369px;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    background:url("../images/left-bg-i.png") no-repeat top right;
    background-size: auto 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.show-left .left-top{
    margin-left: -20px;
}
.show-left .left-mid{
    width: 100%;
    height: 429px;
    background: url("../images/left-txt-bg.png") no-repeat top left;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 38px;
}
.show-left .left-mid a.menu{
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 35px;
    text-indent: 50px;
    margin-bottom:25px;
}
.show-left .left-mid a.menu.cur{
    background: url("../images/left-menu-bg.png") no-repeat left top;
    background-size: 100% 100%;
    font-weight: bold;
    box-shadow: 0 6px  5px 0px rgba(0,0,0,0.1)
}
.show-left .left-mid a.menu:hover{
    background: url("../images/left-menu-bg.png") no-repeat left top;
    background-size: 100% 100%;
    font-weight: bold;
}
.show-left .left-bottom p{
    font-size: 13px;
    text-align: center;
    line-height: 1.5em;
    color: #555;
    margin: 3px 0;
}
.show-left .left-bottom{
    margin-left:-30px;
    margin-top: -20px;
}
@media (min-height:800px){
    .show-left .left-top{
        margin-bottom:50px;
    }
    .show-left .left-bottom p{
        font-size: 14px;
    }
}
.show-left .logo1{
    width:515px;
    height:321px;
    background: url(../images/logo1.png) no-repeat;
    position: absolute;
    top:0;
    left:0;
}
.show-left .show-nav{
    width:549px;
    height:557px;
    background: url(../images/show-navbg.png) no-repeat bottom center;
    position: absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    box-sizing: border-box;
    padding-right: 35px;
}
.show-left .show-nav li{
    height:38px;
    line-height:38px;
    text-indent:140px;
    font-size:21px;
    color:#fff;
    margin-bottom:15px;
    position: relative;
    cursor: pointer;
}
.show-left .show-nav li:first-child{
    margin-top:65px;
}
.show-left .show-nav li.active,.show-left .show-nav li:hover{
    background: url(../images/show-navitem1.jpg) no-repeat;
    font-weight:bold;
    background-size: 515px 38px;
    box-shadow:0 3px 3px #a9a9a9;
}
.show-left .show-nav li.active:after,.show-left .show-nav li:hover:after{
    content:'';
    display: block;
    width:49px;
    height:48px;
    position: absolute;
    right:-43px;
    top:0;
    z-index:1;
    background: url(../images/show-navitem2.png) no-repeat;
}
.show-left .show-left-text{
    width:100%;
    position: absolute;
    bottom:30px;
    z-index: 1;
}
.show-left .show-left-text p{
    color:#595757;
    text-align: center;
    font-size:12px;
    margin-bottom:5px;
}

.show-right{
    display: none;
    width:100%;
    height:100%;
    position: relative;
}
.show-select-box{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom:0;
    left:0;
    z-index:10;
    padding:20px 0 20px 0;
    background: url(../images/show-selectbg.jpg) top center;
}
.show-select{
    display: inline-block;
    width:175px;
    height:40px;
    line-height:40px;
    border:1px solid #ddd;
    text-indent: 18px;
    color:#fff;
    font-size:16px;
    box-sizing: border-box;
    margin-right:4px;
    text-align: left;
    position: relative;
}
.show-select i{
    display: block;
    float:right;
    width:37px;
    height:26px;
    border-left:1px solid #fff;
    margin-top:7px;
    cursor: pointer;
    background: url(../images/icon-more.png) no-repeat center center;
}
.show-select:nth-child(1){
    background: #0bb8ea;
}
.show-select:nth-child(2){
    background: #ffc248;
}
.show-select:nth-child(3){
    background: #61c36e;
}
.show-search{
    display: inline-block;
    width:308px;
    height:39px;
    line-height:39px;
    border:1px solid #0e6dfe;
    box-sizing: border-box;
    padding:0 0 0 10px;
    text-align: left;
    background: #fff;
}
.show-search input{
    width:255px;
    height:36px;
    line-height:36px;
    border:none;
    font-size:15px;
}
.show-search span{
    float: right;
    width:35px;
    height:35px;
    cursor: pointer;
    margin:2px 5px 0 0;
    background: url(../images/icon-search.png) no-repeat center center;
}
.hid-select{
    display: none;
    position: absolute;
    width:365px;
    background: #fff;
    border:1px solid #13b7ea;
    box-sizing: border-box;
    padding:5px;
    bottom:42px;
    left:0;
    font-size:16px;
    color:#666;
    text-indent:0;
    z-index: 10;
}
.hid-select>span{
    float:left;
}
.hid-select:after{
    content:'';
    display: block;
    clear: both;
}
.hid-select-box{
    float: left;
    width:280px;
    margin-left:5px;
    position: relative;
    padding-top: 45px;
}
.hid-select-box span{
    display: inline-block;
    padding:0 5px;
    height:28px;
    line-height:28px;
    background: #f5f5f5;
    margin-right:10px;
    cursor: pointer;
}
.hid-select-box span:first-child{
    position: absolute;
    top: 10px;
}
.hid-select-box span.active,.hid-select-box span:hover{
    background: #0db7e8;
    color:#fff;
}
.clone{
    background: #fafafa;
}
.clone .show1-list{
    display: none;
}
.clone .show1-box.swiper-container{
    width:100%;
    background: url(../images/show1-bg.jpg) repeat center center;
    background-size:100% 100%; 
    height: calc(100% - 80px);
}
.clone .show1-box .show1-text{
    position: absolute;
    left:25%;
    top:50%;
    transform: translate(0,-50%);
    width: 340px;
    min-height: 410px;
    padding:40px 20px;
    box-sizing: border-box;
    background: url(../images/show1-bg1.jpg) no-repeat;
    background-size:100% 100%;
}
.clone .show1-box .show1-text h1{
    font-size:16px;
    color:#595757;
    font-weight: bold;
    margin-bottom:15px;
}
.clone .show1-box .show1-text p{
    font-size:16px;
    color:#888;
    line-height: 1.6em;
    text-indent: 2em;
    text-align: justify;
}
/* .show1-box .show1-content:nth-child(1){
    margin-left:425px;
} */
 .show1-box .show1-content{
    width:740px;
    height:814px;
    text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    z-index:10;
    margin-top: 2%;
    transform: translate(-50%,-50%) scale(.7);
    background: url(../images/show1-itembg.png) no-repeat;
    cursor: pointer;
    background-size: 100% 100%;
 }
  .show1-box .show1-content.bg2{
    background-image: url(../images/show1-itembg2.png);
  }
   .show1-box .show1-content.bg3{
    background-image: url(../images/show1-itembg3.png);
  }
.show1-box .show1-content.s-text{
    width:250px;
    height:auto;
    min-height:316px;
    text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    z-index:10;
    transform: translate(-50%,-50%);
    cursor: pointer;
    color:#fff;
    border-radius: 10px;
}
.show1-box .show1-content.s-text.s1{
    background: linear-gradient(to bottom,#0e6dfe,#3283fe);
}
.show1-box .show1-content.s-text h1{
    margin:20px 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    height:auto;
    padding: 0;
}
.show1-box .show1-content.s-text.s1 h1{
    background-color: #3c50e0;
}
.show1-box .show1-content.s-text p{
    line-height: 2em;
    padding:0 10px 15px 10px;
}
.show1-box .show1-content.s-text.s2{
    background: linear-gradient(to bottom,#9814dd,#691be9);
}
.show1-box .show1-content.s-text.s2 h1{
    background-color: #bf4efe;
}
.show1-box .show1-content.s-text.s3{
    background: linear-gradient(to bottom,#0fc5b8,#11bae1);
}
.show1-box .show1-content.s-text.s3 h1{
    background-color: #39e3da;
}
.show1-box .show1-content.s-text.s5{
    background: linear-gradient(to bottom,#0fc5b8,#11bae1);
}
.show1-box .show1-content.s-text.s5 h1{
    background-color: #39e3da;
}

.show1-box .show1-content h1{
    color:#fff;
    font-weight: bold;
    text-align: center;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    padding: 0 20px;
    
}
 .show1-box .show1-content p{
    text-align: center
}
 .show1-box .show1-content p span{
    font-size:16px;
    color:#fff;
    margin-right:25px;
}
 .show1-box .show1-content-box{
    display: inline-block;
    margin-top:55px;
    border:16px solid #f3f2f2;
    box-shadow:0 0 10px #ccc;
    padding:12px;
    background: #fff;
}
 .show1-box .show1-content-box img{
    width:430px;
    height:570px;
}
.clone .swiper-button-next,.clone .swiper-button-prev{
    width:55px;
    height:53px;
    background: url(../images/icon-bz5.png) no-repeat;
    background-size:100% 100%; 
    right:10px;
    top:auto;
    bottom:15px;
}
.clone .swiper-button-prev{
    left:10px;
    top:auto;
    bottom:15px;
    transform: rotate(180deg);
}
.clone .swiper-button-next:after,.clone .swiper-button-prev:after{
    content:''
}
.show1-list .swiper-wrapper{
    align-items: center;
}
.show1-list .show-list-content{
    box-sizing: border-box;
    padding:40px 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.show1-list .show-list-content .item{
    width:22%;
    background: #fff;
    box-shadow:4px 5px 10px #333;
    position: relative;
    margin-bottom: 10px;
}
.show1-list .show-list-content .item img{
    width: 100%;
    display: block;
}
.show1-list .show-list-content .item p{
    font-size:13px;
    color:#333;
    padding:3px 5px;
    line-height: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.show1-list .show-list-content .item span{
    position: absolute;
    right:0;
    top:0;
    padding:3px;
    background: #1caaea;
    color:#fff;
    font-size:13px;
}
.show1-list .swiper-button-next,.show1-list .swiper-button-prev{
    width:55px;
    height:53px;
    background: url(../images/icon-bz5.png) no-repeat;
    background-size:100% 100%; 
    right:10px;
    top:auto;
    bottom:15px;
}
.show1-list .swiper-button-prev{
    left:10px;
    top:auto;
    bottom:15px;
    transform: rotate(180deg);
}
.show1-list .swiper-button-next:after,.show1-list .swiper-button-prev:after{
    content:''
}
.show1-par{
    display: none;
    height:100%;
    overflow: hidden;
    background: url("../images/show1par-bg.jpg") no-repeat top center;
    background-size: 100% calc(100% - 80px);
}
.show1-par .swiper-container{
    padding-top:20px;
    box-sizing: border-box;
}
.show1-par .par1-box{
    transform: scale(.8);
    transform-origin: top right;
}
.show1-par .par2-box{
    transform: scale(.7);
    transform-origin: top center;
}
.show1-par .par3-box{
    transform: scale(.7);
    transform-origin: top left;
}
.show1-par .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.show1-par .back{
    width:50px;
    height:50px;
    line-height:50px;
    margin:0 20px;
    font-size:20px;
    text-align: center;
    color:#0bb6e8;
    /* background: url(../images/icon-tap1.png) no-repeat; */
    background-size:100% 100%;
    cursor: pointer;
    position: absolute;
    top:32%;
}
.show1-par .par1-box{
    border:25px solid #f3f2f2;
    background: #fff;
    box-shadow:0 0 10px #bbb;
    padding:18px;
    box-sizing:border-box;
    transform: scale(.8);
    transform-origin: top right;
}
.show1-par .par1-box img{
    /* width: 532px;
    height: 708px; */
    width:100%;
    height:100%;
}
.show1-par .par3-box .swiper-container{
    width:573px;
    height:405px;
    margin-bottom:25px;
}
.show1-par .par3-box .par3-content{
    position: relative;
    width: 100%;
    height: 386px;
}
.show1-par .par3-box .par3-content img{
    width:100%;
    height:100%;
}
.show1-par .par3-box .par3-content p{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    line-height: 48px;
    color:#fff;
    background: rgba(84,154,185,.5);
    text-indent:30px;
    font-size:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.show1-par>.swiper-button-next,.show1-par>.swiper-button-prev{
    width:55px;
    height:53px;
    background: url(../images/icon-bz5.png) no-repeat;
    background-size:100% 100%; 
    right:10px;
    top:auto;
    bottom:15px;
}
.show1-par>.swiper-button-prev{
    left:10px;
    top:auto;
    bottom:15px;
    transform: rotate(180deg);
}
.show1-par>.swiper-button-next:after,.show1-par>.swiper-button-prev:after{
    content:''
}
.par3-box>p{
    color:#333;
    width:100%;
    font-size:16px;
    margin-bottom: 10px;
    font-weight: bold;
    background: url(../images/i-pic.png) no-repeat left center;
    background-size: auto 100%;
    padding-left: 30px;
}
.par3-box .swiper-button-next,.par3-box .swiper-button-prev{
    width:69px;
    height:69px;
    background: url(../images/icon-tap2.png) no-repeat;
    background-size:100% 100%; 
    right:15px;
    top:45%;
    transform: rotate(180deg);
}
.par3-box .swiper-button-prev{
    left:15px;
    transform: rotate(0deg);
}
.par3-box .swiper-button-next:after,.par3-box .swiper-button-prev:after{
    content:''
}
.par3-box .par3-video{
    width:573px;
    height:405px;
    position: relative;
    display:block;
}
.par3-box .par3-video video{
    width:100%;
    height:100%;
}
.par3-box .par3-video p{
    color:#333;
    width:100%;
    font-size:16px;
    margin-bottom: 10px;
    font-weight: bold;
    background: url(../images/i-video.png) no-repeat left center;
    background-size: auto 100%;
    padding-left: 30px;
}
.par2-box{
    /* width:620px; */
    /* margin:0 60px; */
}
.par2-box .text1{
    font-size:36px;
    color:#333;
    font-weight:bold;
    padding:15px 0;
    text-align: center;
}
.par2-box .text2{
    line-height:32px;
    font-size:16px;
    border:1px solid #b4e6f4;
    margin-bottom:10px;
}
.par2-box .text2 span{
    display: block;
    float: left;
    width:80px;
    background: #0bb6e8;
    text-align: center;
    color:#fff;
    margin-right:15px;
}
.par2-box .text3{
    border:1px solid #b4e6f4;
    line-height:31px;
    font-size:14px;
    margin-bottom:15px;
}
.par2-box .text3 i{
    display: inline-block;
    background: #0bb6e8;
    color:#fff;
    padding:0 5px;
    box-sizing: border-box;
}
.par2-box .text3 i:nth-child(1){
    width:80px;
    text-align: center;
}
.par2-box .text3 span{
    display: inline-block;
}
.par2-box .text3 span:nth-child(2){
    width:80px;
}
.par2-box .text3 span:nth-child(4){
    width:50px;
}
.par2-box .text3 span:nth-child(6){
    width:40px;
}
.par2-box .title{
    font-size:22px;
    font-weight: bold;
    color:#333;
    background: url(../images/icon-user1.png) no-repeat left center;
    padding-left:30px;
    margin-bottom:15px;
}
.par2-box .title.icon-text{
    background: url(../images/icon-text.png) no-repeat left center;
}
.par2-box>p{
    font-size:14px;
    color:#4c4948;
    text-indent:30px;
    line-height: 22px;
}
.par2-box .author{
    display: flex;
    justify-content: space-between;
    margin-bottom:20px;
}
.par2-box .author .author-box img{
    width:151px;
    height:184px;
}
.par2-box .author .author-box h1{
    margin:10px 0 5px 0;
    font-size:20px;
    text-align: center;
    color:#4c4948;
}
.par2-box .author .author-box h2{
    color:#898989;
    font-size:14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.par2-box .share-box{
    text-align:right;
}
.par2-box .share-box:after{
    content:'';
    display: block;
    clear: both;
}
.par2-box .share-box>span{
    vertical-align: middle;
    font-size:22px;
    color:#898989;
    padding-left:30px;
    margin-right:5px;
}
.par2-box .share-box span.eye{
    background: url(../images/icon-eye.png) no-repeat left center;
}
.par2-box .share-box span.great{
    background: url(../images/icon-great.png) no-repeat left center;
}
.par2-box .share-box span.share{
    background: url(../images/icon-share.png) no-repeat left center;
}
.par2-box .code-box{
    display: inline-block;
    vertical-align: middle;
    font-size:22px;
    color:#4c4948;
    padding:0;
    cursor: pointer;
}
.par2-box .code-box img{
    float: left;
    margin-right:25px;
}
.par2-box .code-box span{
    display: inline-block;
    width:100px;
    font-size:22px;;
    color:#4c4948;
    margin-top: 15px;
}

.par2-box .code-box:after{
    content:'';
    display: block;
    clear: both;
}
.show4{
    width:100%;
    background: url(../images/show4-bg.jpg) repeat top center;
    background-size:100% calc(100% - 80px); 
}
.show4 .swiper-container{
    height:100%;
}
.show4-content{
    height:100%;
}
.show4 .item{
    width:550px;
    height:650px;
    padding:10px 15px 10px 15px;
    border-radius: 10px;
    box-sizing: border-box;
    border:14px solid #146df6;
    position: absolute;
    margin-top: -3%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.8);
    background: #fff;
}
.show4 .item:before{
    content:'';
    position: absolute;
    display: none;
    width:539px;
    height:37px;
    left:50%;
    margin-left:-270px;
    top:-85px;
    background: url(../images/show4-bg-top.png) no-repeat;
}
.show4 .item h1{
    font-size:22px;
    color:#0066cc;
    text-align: center;
    font-weight: bold;
}
.show4 .item .item-img{
    width:355px;
    height:266px;
    border:7px solid #f8f8f8;
    margin:3px 0;
}
.show4 .item .item-info{
    margin-bottom:5px;
}
.show4 .item .item-info:after{
    content:'';
    display: block;
    clear: both;
}
.show4 .item .item-info img{
    float:left;
    width:57px;
    height:58px;
    border-radius:50%;
    border:3px solid #1173d1;
    margin-right:5px;
}
.show4 .item .item-info p{
    font-size:14px;
    color:#0066cc;
    padding-left:10px;
    text-indent: 20px;
}
.show4 .item .item-info p:nth-child(2){
    background: url(../images/icon-user.png) no-repeat left 68px center;
}
.show4 .item .item-info p:nth-child(3){
    background: url(../images/icon-address.png) no-repeat left 67px center;
}
.show4 .item .item-info p:nth-child(4){
    background: url(../images/icon-house.png) no-repeat left 66px center;
}
.show4 .item h2{
    font-size:15px;
    color:#666;
    text-indent:30px;
    padding:5px;
    border:1px solid #f8f8f8;
    line-height: 22px;
    max-height:150px;
    overflow: auto;
}
.show4 .swiper-button-next,.show4 .swiper-button-prev{
    width:55px;
    height:53px;
    background: url(../images/icon-bz5.png) no-repeat;
    background-size:100% 100%; 
    right:10px;
    top:auto;
    bottom:15px;
}
.show4 .swiper-button-prev{
    left:10px;
    top:auto;
    bottom:15px;
    transform: rotate(180deg);
}
.show4 .swiper-button-next:after,.show4 .swiper-button-prev:after{
    content:''
}
.show5bg.show1-box .show1-content{
    padding: 0 6%;
    box-sizing: border-box;
    background-image: url("../images/show5-itembg.png");
}

.show5bg.show1-box .show1-content h1{
    color:#333;
    margin-top: 25px;
}
.show5bg.show1-box .show1-content h2{
    text-align: center;
    color:#666;
    margin-bottom: 20px;
    font-size: 16px;
}
.show5bg.show1-box .show1-content h3{
    color:#999;
    text-indent: 2em;
    text-align: left;
    line-height: 1.6em;
    padding:0 20px;
}
.show5bg.show1-box .show1-content p span{
    display: block;
    color:#333;
    text-align: left;
    margin: 5px 20px;
}
.show5bg-img{
    display: block;
    width: 100%;
    height: 300px;
    margin:15px 0 25px 0;
}


.show5{
    width:100%;
    background: url(../images/show6-bg.jpg) no-repeat center center;
    background-size:100% 100%; 
}
.show5 .swiper-container{
    height:100%;
}
.show5 .swiper-wrapper{
    align-items: center;
}
.show5 .swiper-slide{
    width:642px !important;
    height: 813px !important;
    background: url(../images/show-right4-itembg.png) no-repeat;
    background-size:100% 100%; 
    margin-right:50px !important;
    transform: scale(.65);
}
.swiper-slide .show5-box{
    width: 80%;
    height: 700px;
    padding:30px;
    margin:0 auto;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    transform: scale(.9);
    margin-top: -8px;
}
.show5-box h1{
    text-align: center;
    color:#0baedf;
    font-size:24px;
    font-weight: bold;
    margin-bottom:10px;
}
.show5-box h2{
    text-align: center;
    color:#0baedf;
    font-weight: normal;
    margin-bottom:5px;
    font-size:18px;
}
.show5-box img{
    width:100%;
    border:8px solid #efeeee;
    margin:15px 0;
    box-sizing: border-box;
}
.show5-box h3{
    text-align: left;
    color:#0baedf;
    font-size:10px;
    font-weight: normal;
    margin-bottom:2px;
    text-indent:5px;
    font-size:14px;
}
.show5-box p{
    width:100%;
    border:1px solid #f3f2f2;
    box-sizing: border-box;
    color:#999;
    text-indent:30px;
    font-size: 12px;
    padding: 5px;
    margin-top:15px;
}

.show5 .swiper-slide:nth-child(1){
    margin-left:100px;
}
.show5 .swiper-slide:after{
    content:'';
    display: block;
    width:30px;
    height:7px;
    background: url(../images/show-right4-itemtop.png) no-repeat;
    position: absolute;
    top:-40px;
    left:50%;
    margin-left:-15px;
}
.show5 .swiper-button-next,.show5 .swiper-button-prev{
    width:55px;
    height:53px;
    background: url(../images/icon-bz5.png) no-repeat;
    background-size:100% 100%; 
    right:10px;
    top:auto;
    bottom:15px;
}
.show5 .swiper-button-prev{
    left:10px;
    top:auto;
    bottom:15px;
    transform: rotate(180deg);
}
.show5 .swiper-button-next:after,.show5 .swiper-button-prev:after{
    content:''
}
.show6{
    width:100%;
    background: url(../images/show6-bg.jpg) no-repeat center center;
    background-size:100% 100%; 
}
.show6 .swiper-container{
    height:100%;
    transform: scale(.9);
}
.show6-content{
    width:950px;
    padding:20px 50px;
    box-sizing: border-box;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.show6-content:before{
    content:'';
    position: absolute;
    display: block;
    width:703px;
    height:73px;
    left:50%;
    margin-left:-352px;
    top:-150px;
    background: url(../images/show6-bg-top.png) no-repeat;
}
.show6-content:after{
    content:'';
    display:block;
    clear: both;
}
.show6-content .item{
    width:242px;
    height:245px;
    float:left;
    background: #fff;
    box-shadow:0 5px 20px #bbb;
    margin:0 60px 55px 0;
    padding:20px 35px;
    box-sizing: border-box;
    text-align: center;
    font-size:14px;
    color:#4c4948;
}
.show6-content .item:nth-child(3n){
    margin-right:0
}
.show6-content .item img{
    width:163px;
    height:163px;
    margin-bottom:10px;
}
.show6 .swiper-button-next,.show6 .swiper-button-prev{
    width:73px;
    height:71px;
    background: url(../images/icon-bz5.png) no-repeat;
    background-size:100% 100%; 
    right:0px;
}
.show6 .swiper-button-prev{
    left:0px;
    transform: rotate(180deg);
}
.show6 .swiper-button-next:after,.show6 .swiper-button-prev:after{
    content:''
}
.show7{
    width:100%;
    background: url(../images/show6-bg.jpg) no-repeat center center;
    background-size:100% 100%; 
}
.show7 .swiper-container{
    height:100%;
    transform: scale(.85);
    transform-origin: center center;
}
.show7-content{
    width:1000px;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.show7-content:before{
    content:'';
    position: absolute;
    display: block;
    width:807px;
    height:72px;
    left:50%;
    margin-left:-404px;
    top:-140px;
    background: url(../images/show7-bg-top.png) no-repeat;
}
.show7-content:after{
    content:'';
    display:block;
    clear: both;
}
.show7-content .item{
    width:297px;
    height:459px;
    float:left;
    background: url(../images/show7-itembg.png) no-repeat;;
    margin:0 48px 0 0;
    text-align: center;
}
.show7-content .item:last-child{
    margin-right:0;
}
.show7-content .item img{
    width:155px;
    height:199px;
    border:5px solid #dcdcdc;
    margin:110px 0 20px 0;
}
.show7-content .item p{
    font-size:14px;
    color:#4c4948;
    margin-bottom:2px;
}
.show7 .swiper-button-next,.show7 .swiper-button-prev{
    width:73px;
    height:71px;
    background: url(../images/icon-bz5.png) no-repeat;
    background-size:100% 100%; 
    right:30px;
}
.show7 .swiper-button-prev{
    left:30px;
    transform: rotate(180deg);
}
.show7 .swiper-button-next:after,.show7 .swiper-button-prev:after{
    content:''
}



.full {
    display: block;
    display: flex;
    position: fixed;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 9000;
}

.full .video-box {
    display: block;
    max-width: 80%;
    max-height: 80%;
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
}
.full .video-box video{
    display: block;
    width: 100%;
    /* height: 100%; */
    height: 490px;
    background: #000;
}
.full .video-box #close{
    display: inline-block;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.full .video-box #close:hover{
    opacity: 0.9;
}


.match{
    padding:15px 240px;
    background: #fff;
}
.match>p{
    font-size:14px;
    color:#4c4948;
    margin-bottom:5px;
}
.match-box{
    width:700px;
    margin:0 auto;
}
.match-box .title{
    display: flex;
    justify-content: space-between;
    margin:15px 0 5px 0;
}
.match-box .title span{
    display: block;
    width:231px;
    height:44px;
    line-height:44px;
    text-align: center;
    box-sizing: border-box;
    border:1px solid #1198f8;
    font-size:20px;
    color:#1198f8;
    position: relative;
    cursor: pointer;
}
.match-box .title span:nth-child(1){
    text-indent:30px;
    background: url(../images/icon-matchtitle1.png) no-repeat left 55px center; 
}
.match-box .title span:nth-child(2){
    text-indent:30px;
    background: url(../images/icon-matchtitle2.png) no-repeat left 55px center; 
}
.match-box .title span:nth-child(3){
    text-indent:30px;
    background: url(../images/icon-matchtitle3.png) no-repeat left 55px center; 
}
.match-box .title span.active:after{
    content: '';
    display: block;
    width: 229px;
    height: 10px;
    background: #fff;
    border-left: 1px solid #1198f8;
    border-right: 1px solid #1198f8;
    position: absolute;
    bottom: -7px;
    left: -1px;
}
.match-content{
    display: none;
    width:100%;
    height:460px;
    overflow-y: auto;
    box-sizing: border-box;
    border:1px solid #1198f8;
}
.match2{
    padding:15px 45px 0 45px;
}
.match2-box{
    margin-bottom:15px;
}
.match2-box:after{
    content:'';
    display: block;
    clear: both;
}
.match2-box>img{
    float:left;
    width:65px;
    height:65px;
    border:1px solid #eaeaea;
    border-radius:50%;
}
.match2-box .content{
    width:460px;
    float:right;
    padding-top:15px;
}
.match2-box .content p{
    font-size:19px;
    color:#888;
    margin-bottom:15px;
}
.match2-box .content img{
    max-width:100%;
    height:auto;
}
.match-content iframe{
    width:100%;
    height:100%;
    border:none;
}
.match1-box{
    margin-bottom:15px;
}
.match1-box:after{
    content:'';
    display: block;
    clear: both;
}
.match1-box>img{
    float:left;
    width:65px;
    height:65px;
    border:1px solid #eaeaea;
    border-radius:50%;
}
.match1-box .content{
    width:500px;
    float:right;
    padding-top:15px;
    border: 2px solid #ebebeb;
    border-radius: 5px;
    padding: 10px 15px;
    box-sizing: border-box;
    line-height: 25px;
    position: relative;
    margin-top: 10px;
}
.match1-box p{
    font-size:16px;
    color:#888;
}
.match1-box .content:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 9px;
    display: block;
    border: 8px solid transparent;
    border-right-color: #fff;
    z-index: 1;
}
.match1-box .content:after {
    content: '';
    position: absolute;
    left: -20px;
    top: 7px;
    display: block;
    border: 10px solid transparent;
    border-right-color: #ebebeb;
}

.show-right-box{
    width:100%;
    height:100%;
    padding-left:369px;
    box-sizing: border-box;
}
.idx-topnav{
    position: fixed;
    top:0;
    width:100%;
    background: #fcfcfc;
    padding:7px 0;
    z-index:10;
}
.idx-topnav ul{
    display: flex;
    justify-content: space-between;
}
.idx-topnav ul li a{
    display: block;
    min-width:82px;
    height:22px;
    line-height:22px;
    text-align: center;
    color:#4c4948;
    font-size:14px;
}
.idx-topnav ul li a.cur,.idx-topnav ul li a:hover{
    color:#fff;
    background: url(../images/idx-navbg.png) no-repeat;
    background-size:100% 100%;
}

@media (max-height:670px){
    .show4 .item {
        transform: translate(-50%,-50%) scale(.7);
    }
    .show-select-box{
        box-sizing: border-box;
        padding-left:45px;
        padding-right:45px;
    }
    .show-select {
        transform: scale(.8);
        margin-right:0;
    }
    .show-search {
        transform: scale(.8);
    }
    .show-left .left-top{
        transform: scale(.8);
        margin-bottom:0;
    }
    .show-left .left-mid{
        height: 350px;
        padding-top: 40px;
    }
    .show-left .left-mid a.menu{
        font-size: 16px;
        line-height: 33px;
    }
    .left-bottom{
        transform: scale(.9);
    }
    .show6 .swiper-container{
        transform: scale(.8);
    }
    .show6 .swiper-button-next, .show6 .swiper-button-prev{
        width: 55px;
        height: 53px;
    }
    .show7 .swiper-container{
        transform: scale(.75);
    }
    .show5 .swiper-slide{
        transform: scale(.56);
    }
    .show5 .swiper-button-prev{
        left:2px;
    }
    .show1 .show1-box .swiper-button-prev{
        left:2px;
    }
    .show1-list .swiper-button-prev{
        left:2px;
    }
    .show1-box  .show1-content{
        transform: translate(-50%,-50%) scale(.6);
    }
    .show1-list .show-list-content .item p{
        font-size:12px;
    }
    .show1-par>.swiper-container{
        transform: scale(.85);
        transform-origin: top center;
        margin-left: -80px;
    }
    .show1-par .par1-box{
        transform: scale(.85);
        transform-origin: top right;
    }
    .show1-par .back{
        top: 36%;
    }
}

@media (min-height:900px){
    .show4 .item {
        transform: translate(-50%,-50%) scale(1);
    }
    .show4 .swiper-button-next{
        right: 80px;
    }
    .show4 .swiper-button-prev{
        left: 80px;
    }
    .show6 .swiper-container{
        transform: scale(1);
    }
    .show6 .swiper-button-next{
        right: 130px;
    }
    .show6 .swiper-button-prev{
        left: 130px;
    }
    .show7 .swiper-container{
        transform: scale(1);
    }
    .show7 .swiper-button-next{
        right:90px;
    }
    .show7 .swiper-button-prev{
        left:90px;
    }
    .show5 .swiper-slide{
        transform: scale(.8);
        box-sizing: border-box;
        padding: 0 86px;
    }
    .swiper-slide .show5-box{
        width:100%;
        height: 640px;
        transform: scale(1);
        margin-top: 30px;
    }
    .show1-box .show1-content{
        transform: translate(-50%,-50%) scale(.9);
    }
    .show1-box .show1 .swiper-button-next{
        right:90px;
    }
    .show1-box .show1 .swiper-button-prev{
        left:90px;
    }
    .show1-list .show-list-content .item p{
        font-size: 15px;
        padding: 5px 10px;
        line-height: 20px;
    }
    .show1-par>.swiper-container{
        transform: scale(.95);
    }
    .show1-par .par1-box{
        transform: scale(.92);
        transform-origin: top right;
        margin-right: 50px;
    }
    .show1-par .par2-box{
        transform: scale(1);
        transform-origin: top center;
        margin-right: 50px;
    }
    .show1-par .par3-box{
        transform: scale(1);
    }
    .show1-par .back{
        position: initial;
    }
    .par2-box .share-box > span{
        font-size: 22px;
        padding-left: 40px;
        margin-right:20px;
    }
    .par2-box .code-box{
        padding: 0 30px;
    }
    .par2-box .text3 i{
        margin-right: 5px;
    }
    .par2-box .text3{
        font-size:16px;
    }
    .par2-box .text3 span:nth-child(2){
        width:125px;
    }
    .par2-box .text3 span:nth-child(4){
        width:70px;
    }
    .par2-box .text3 span:nth-child(6){
        width:60px;
    }
}
.pop-code{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index:888;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
}
.pop-code .in{
    display: inline-block;
    width: 200px;
    height: 200px;
}
.pop-code .pop-code-in{
    padding: 10px;
    overflow: hidden;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -150px;
    background: #fff;
}
.pop-code .pop-code-in .pop-code-txt{
    height: 32px;
    line-height: 25px;
    font-size: 15px;
}
video{
    background-color: #000;
}
.txt-x{
    height: 200px;
    overflow-y: auto;
}
.txt-x p{
    font-size: 18px;
    text-align: justify;
}
.table-x-1 tr{
    border: 1px solid #b4e6f4;
}
.table-x-1 tr th{
    color:#fff;
    background: #0bb6e8;
}
.table-x-1,
.table-x-1 th,
.table-x-1 td {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 16px;
    text-align: center;
}
.table-x-1{
    width: 100%;
}
.table-x-1 td{
    border: 1px solid #0bb6e8;
    color: #333;
    height: 28px;
}
.table-x-1 th{
    border: 1px solid #0bb6e8;
    background-color: #0bb6e8;
    color: #fff;
}
.table-x tbody:nth-child(1){
    background: #fff4e3;
}
.table-box tbody:nth-child(1){
    background: #fff4e3;
}
.ticket-box .paginnation{
    display: none;
    width:100%;
    text-align: center;
    margin-top:30px;
}
.ticket-box .paginnation.active{
    display: block;
}
.ticket-box .paginnation a,.ticket-box .paginnation span{
    display: inline-block;
    padding:5px 12px;
    color:#444;
    font-size:14px;
    border:1px solid #f9f9f9;
}
.ticket-box .paginnation a:hover,.ticket-box .paginnation a.active{
    background: #166eaa;
    color:#fff;
}
.ticket-box .paginnation span:hover,.ticket-box .paginnation span.active{
    background: #166eaa;
    color:#fff;
}
img[onclick*=zoom]{
    cursor: pointer;
}

.show1-par .show-select-box .show-select,
.show1-par .show-select-box .show-search
{
    visibility: hidden;
}
.page4-tips{
    opacity: 0;
    position: absolute;
    right:0;
    top:-43px;
    width:207px;
    height:43px;
    line-height:43px;
    font-size:16px;
    color:#48a6ea;
    padding-left:60px;
    background: #f1f1f1 url(../images/icon-talk.png) no-repeat left 10px center;
    z-index: 100;
}
.page4-tips i{
    display: block;
    float: right;
    width:43px;
    height:43px;
    background: url(../images/icon-tap.jpg);
    cursor: pointer;
}
.page4-tips .hid{
    position: absolute;
    left:0;
    top:43px;
    display: none;
}
.page4-tips .hid span{
    display: block;
    width:207px;
    height:43px;
    line-height:43px;
    padding-left:60px;
    font-size:16px;
    color:#727171;
    background: #f1f1f1;
    cursor: pointer;
}
.page4-tips .hid span:hover,.page4-tips .hid span.active{
    background: #48a6ea;
    color:#fff;
}
.page4-tips-box{
    position: absolute;
    left:0;
    top:0;
}
.page4-tips-box img{
    display: none;
    width:1200px;
}
.page4-tips-box img.active{
    display: block;
}
.page9{
    height:996px;
    position: relative;
    padding-top:65px;
    background: url(../images/page-bg9.jpg) no-repeat center center;
}
.page9 .idx-title{
    background: url(../images/title-bg2.png) no-repeat center center;
}
.page9 .idx-text{
    font-size:18px;
}
.page9 .swiper-container{
    opacity: 0;
    width:1060px;
    margin-top:105px;
}
.page9 .swiper-container .swiper-wrapper{
    padding:42px 0 10px 0;
    display: flex;
    justify-content: space-around;
}
.page9 .swiper-slide{
    width:388px;
    height:523px;
    background: #fff;
    overflow: hidden;
    /*transform: scale(.9);*/
    /*transform-origin: right bottom;*/
    /*opacity: .8;*/
    border-radius: 15px;
    box-shadow: 0 5px 10px #ddd;
    padding-bottom: 20px;
}
.page9 .swiper-slide-active,.page9 .swiper-slide-duplicate-active{
    /*transform: scale(1);*/
    opacity:1;
    margin-top: -42px;
    height: 565px
}
.page9 .swiper-slide img{
    width:100%;
    height:255px;
    object-fit: cover;
    display: block;
}
.page9 .swiper-slide-active img,.page9 .swiper-slide-duplicate-active img{
    height:297px;
}
.page9 .swiper-slide h1{
    text-align: center;
    font-size:24px;
    font-weight: bold;
    margin:20px 0;
}
.page9 .swiper-slide.slide1 h1,.page9 .swiper-slide.slide1 h2{
    color:#0a60ce;
}
.page9 .swiper-slide.slide2 h1,.page9 .swiper-slide.slide2 h2{
    color:#9900ff;
}
.page9 .swiper-slide.slide3 h1,.page9 .swiper-slide.slide3 h2{
    color:#f99f36;
}
.page9 .swiper-slide h2{
    font-size:29px;
    text-align: center;
    margin-bottom:25px;
}
.page9 .swiper-slide h2 span{
    font-size:87px;
    font-weight: bold;
    margin-right:5px;
    line-height: 1;
}
.page9 .swiper-slide p{
    font-size:14px;
    color:#666464;
    padding:0 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
}
.page9 .swiper-button-prev{
    width:43px !important;
    left:-50px !important;
    top:69% !important;
}
.page9 .swiper-button-next{
    width:43px !important;
    right:-50px !important;
    top:69% !important;
}
.page9 .swiper-button-prev,.page9 .swiper-button-next:focus{
    outline: none;
}
.page9 .swiper-button-prev:after{
    content: ''!important;
    width:43px !important;
    height:82px;
    background: url(../images/icon-tap3.png) no-repeat center center;
}
.page9 .swiper-button-next:after{
    content: ''!important;
    width:43px !important;
    height:82px;
    transform: rotate(180deg);
    background: url(../images/icon-tap3.png) no-repeat center center;
}
.page9 ul{
    display:flex;
    justify-content: space-between;
    margin-top:60px;
}
.page9 ul li{
    width:388px;
    min-height:578px;
    background: #fff;
    border-radius:5px;
    overflow: hidden;
    padding-bottom:15px;
}
.page9 ul li img{
    width:100%;
    height:257px;
}
.page9 ul li h1{
    text-align: center;
    font-size:22px;
    font-weight: bold;
    margin:20px 0;
    color:#61c36e;
}
.page9 ul li:nth-child(2) h1{
    color:#f9af1a;
}
.page9 ul li:nth-child(3) h1{
    color:#006ae0;
}
.page9 ul li h2{
    font-size:30px;
    text-align: center;
    margin-bottom:20px;
    color:#61c36e;
}
.page9 ul li:nth-child(2) h2{
    color:#f9af1a;
}
.page9 ul li h2 span{
    font-size:80px;
    font-weight: bold;
    margin-right:5px;
}
.page9 ul li p{
    font-size:14px;
    color:#666;
    padding:0 15px;
}
.page9 ul li h3{
    color:#006ae0;
    font-size:16px;
    text-align: center;
    text-indent:15px;
    /* margin: 50px 0 70px 0; */
    margin: 30px 0;
}
.page9 ul li h4{
    color:#4c4948;
    font-size:22px;
    margin-bottom:25px;
    text-indent:55px;
}
.page9 ul li .text p{
    color:#666464;
    font-size:14px;
    line-height: 25px;
}

.page9 ul li .text-list {
    padding:0 15px;
}
.page9 ul li .text-list p{
    color:#9fa0a0;
    font-size:14px;
    padding-left:30px;
    background: url(../images/icon-user2.png) no-repeat left center;
    background-size: auto 100%;
    margin-top:5px;
}
.page9 ul li .text-list p span{
    display: inline-block;
    text-align: justify;
    font-weight: bold;
    color:#727171;
    font-size:16px;
    margin-right:10px;
    width:50px;
}

.online{
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.online-left{
    /* width:779px; */
    width:100%;
}
.online-left video{
    display: block;
    width:100%;
    height:551px;    
}
.online-left .share{
    background: #fdfdfd;
    padding:0 10px;
    margin:20px 0 10px 0;
}
.online-left .share>span{
    display: inline-block;
    line-height: 42px;
    padding-left:35px;
    font-size:16px;
    color:#888;
    margin-right:60px;
}
.online-left .share>span:nth-child(1){
    background: url(../images/icon-eye.png) no-repeat left center;
}
.online-left .share>span:nth-child(2){
    background: url(../images/icon-great.png) no-repeat left center;
}
.online-left .share>span:nth-child(3){
    float: right;
    margin-right:0;
    background: url(../images/icon-share.png) no-repeat left center;
}
.online-left .share-box{
    display: inline-block;
    vertical-align: text-bottom;
}
.online-left .share-box .bshare-custom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.online-left .share-box .bshare-custom a{
    display: inline-block !important;
    height: 26px !important;
    width: 26px !important;
    padding: 0 !important;
    margin-right:15px !important;
}
.online-left .share-box .bshare-custom a.bshare-weixin{
    background: url("../images/base/weixin.png") no-repeat center center;
    background-size: 100% 100%;
}
.online-left .share-box .bshare-custom a.bshare-sinaminiblog{
    background: url("../images/base/weibo.png") no-repeat center center;
    background-size: 100% 100%;
}
.online-left .share-box .bshare-custom a.bshare-qqim{
    background: url("../images/base/QQ.png") no-repeat center center;
    background-size: 100% 100%;
}
.online-left .share-box .bshare-custom a.bshare-qqmb{
    background: url("../images/base/txWeibo.png") no-repeat center center;
    background-size: 100% 100%;
}
.online-left .share-box .bshare-custom a.bshare-kaixin001{
    background: url("../images/base/kaixin.png") no-repeat center center;
    background-size: 100% 100%;
}
.online-left-box{
    background: #fdfdfd;
    padding:20px 10px;
    width:100%;
    box-sizing: border-box;
}
.online-left-box>h1{
    color:#1773e2;
    font-size:26px;
    font-weight: bold;
    text-align: center;
}
.online-left-box>h2{
    margin:20px 0;
    display: flex;
    justify-content: space-evenly;
}
.online-left-box>h2 span{
    color:#898989;
    padding-left: 32px;
    font-size: 14px;
    line-height: 24px;
}
.online-left-box>h2 span:nth-child(1){
    background: url(../images/icon-time.png) no-repeat left center;
}
.online-left-box>h2 span:nth-child(2){
    background: url(../images/icon-address1.png) no-repeat left center;
}
.online-left-box>h2 span:nth-child(3){
    background: url(../images/icon-mike.png) no-repeat left center;
}
.online-left-box .title{
    line-height: 29px;
    font-size:24px;
    font-weight: bold;
    color:#666464;
    padding-left:55px;
    background: url(../images/icon-user2.png) no-repeat left 20px center;
    background-size: 29px 29px;
    margin-bottom:15px;
}
.online-left-box .item{
    width:100%;
    overflow: hidden;
    background: #fff;
    border-radius:5px;
    box-shadow:0 5px 5px #ccc;
    padding:25px 15px;
    box-sizing: border-box;
    margin-bottom:25px;
}
.online-left-box .item img{
    width:104px;
    height:103px;
    border:2px solid #fff;
    border-radius:50%;
    box-shadow:0 0 10px #ddd;
}
.online-left-box .item .info{
    width:85%;
    float: right;
}
.online-left-box .item .info h1{
    font-size:16px;
    color:#727171;
    padding:0 10px 5px 10px;
    border-bottom:2px solid #acacac;
    position: relative;
    margin-bottom:10px;
}
.online-left-box .item .info h1:before{
    content:'';
    position: absolute;
    width:5px;
    height:6px;
    border-radius:50%;
    background: #acacac;
    left:0;
    bottom:-4px;
}
.online-left-box .item .info h1:after{
    content:'';
    position: absolute;
    width:5px;
    height:6px;
    border-radius:50%;
    background: #acacac;
    right:0;
    bottom:-4px;
}
.online-left-box .item .info h1 span{
    font-size:22px;
    color:#3e3a39;
}
.online-left-box .item .info p{
    font-size:16px;
    color:#888;
    line-height: 24px;
}
.online-left-box .item .kepu h1{
    line-height: 30px;
    color:#595757;
    font-size:18px;
    font-weight: bold;
    padding-left:35px;
    background: url(../images/icon-user2.png) no-repeat left center;
    background-size:auto 100%;
    border:none;
    padding-bottom:0;
    margin:20px 0;
}
.online-left-box .item .kepu h1::before{
    display: none;
}
.online-left-box .item .kepu h1::after{
    display: none;
}
.online-left-box .item .kepu  h2{
    font-size:18px;
    color:#595757;
    margin-bottom:20px;
}
.online-left-box .item .kepu  h2 span{
    color:#7d7d7d;
    font-size:14px;
}
.online-left-box .item .kepu  h3{
    font-size:14px;
    color:#595757;
    margin-bottom:20px;
    text-indent:30px;
}
.online-right{
    width:382px;
}
.online-right>a{
    display: block;
    margin-bottom:10px;
}
.online-right>a img{
    display: block;
    width:382px;
    height:270px;
}
.online-right .weixin{
    font-size:16px;
    text-indent: 60px;
    color:#888;
    line-height: 42px;
    margin:20px 0 10px 0;
    background:#fdfdfd url(../images/icon-matchtitle2.png) no-repeat left 20px center;

}
.online-right .weixin i{
    display: block;
    float: right;
    width:42px;
    height:42px;
    background: url(../images/hid-ewm.png) no-repeat 100% 100%;
}
.online-right-box{
    width:100%;
    background: #fdfdfd;
    margin-bottom:12px;
    position: relative;
}
.online-right-box .title{
    height:45px;
    line-height:45px;
    text-indent:50px;
    font-size:20px;
    color:#0468e0;
    background: #f9f9f9;
    border-bottom:3px solid #1773e2;
    background: url(../images/icon-talk1.png) no-repeat left 10px center;
}
.online-right-box .item{
    height: 235px;
    overflow: hidden;
    padding:15px;
}
.online-right-box .item .question{
    display: flex;
    justify-content: space-between;
    margin-bottom:25px;
}
.online-right-box .item .question>span{
    display: block;
    width:29px;
    height:29px;
    line-height:29px;
    border-radius:50%;
    font-size:18px;
    background: #ffc954;
    text-align: center;
    color:#fff;
    margin-right:15px;
}
.online-right-box .item .question.answer>span{
    background: #0468e0;
}
.online-right-box .item .question .box{
    width:310px;
}
.online-right-box .item .question .box h1{
    font-size:14px;
    color:#333;
    line-height: 20px;
}
.online-right-box .item .question .box p{
    font-size:14px;
    color:#999;
}
.online-right-box .range {
	position: absolute;
	top:63px;
	right:6px;
	width: 2px;
	height: 220px;
	background-color: #eee;
}
.online-right-box .range .range-item {
	position: absolute;
	top: 0;
	left: -2.5px;
	width: 7px;
	height: 27px !important;
	background-color: #dadada;
	border-radius:5px;
	opacity: 1;
}
.online-right-box .item1{
    height:285px;
    overflow: hidden;
    padding:15px;
    position: relative;
}
.online-right-box .item1.active:after{
    content:'';
    display: block;
    width:100%;
    height:145px;
}
.online-right-box .item1 .item1-box{
    overflow: hidden;
}
.online-right-box .item1 .item1-box img{
    width:33px;
    height:33px;
    float: left;
}
.online-right-box .item1 .item1-box .cot1{
    width:310px;
    float:right;
    font-size:12px;
    margin-bottom:5px;
}
.online-right-box .item1 .item1-box .cot1 h1{
    color:#898989;
}
.online-right-box .item1 .item1-box .cot1 h1 span{
    color:#ff8400;
}
.online-right-box .item1 .item1-box .cot1 h2{
    color:#3e3a39;
}
.online-right-box .item1 .item1-box .cot1 h3{
    color:#898989;
}
.online-right-box .item1 .item1-box .cot1 h3 span{
    display: block;
    float:right;
    padding-left:20px;
    color:#3e3a39;
    margin-right:10px;
    background: url(../images/icon-right.png) no-repeat left center;
}
.online-right-box .item1 .item1-box .cot1 h3 span:last-child{
    background: url(../images/icon-great.png) no-repeat left center;
    background-size:14px 14px; 
}
.online-right-box .item1 .item1-box .cot2{
    padding:5px;
    background: #f5f5f5;
}
.hid-box{
    display: none;
    padding:10px;
    background: #fdfdfd;
    overflow:hidden;
    position: absolute;
    left:0;
    bottom:0;
}
.hid-box img{
    width:33px;
    height:33px;
    border-radius:50%;
}
.hid-box textarea{
    float:right;
    width:310px;
    height:80px;
    border:1px solid #ebecf2;
    box-sizing: border-box;
    padding:5px;
    background: #fff;
}
.hid-box button{
    float:right;
    width:60px;
    height:30px;
    line-height:30px;
    text-align: center;
    color:#fff;
    font-size:14px;
    margin:15px 10px 0 0;
    background: #166eaa;
}
.online>video{
    width:100%;
    height:620px;
    margin-bottom:20px;
}

.theatre{
    background: #ededed;
    padding:10px;
}
.theatre .video-box{
    width:100%;
    height:546px;
    background: url(../images/video-bg.jpg) no-repeat;
    padding-top:10px;
}
.theatre .video-box video{
    display: block;
    width:745px;
    height:526px;
    margin:0 auto;
}
.theatre .info{
    margin:5px 0;
    padding:10px 25px;
    background: #fafafa;
}
.theatre .info h1{
    font-size:22px;
    color:#4c4948;
    font-weight: bold;
    text-align: center;
}
.theatre .info h2{
    display: flex;
    justify-content: space-between;
    margin:15px 0;
    flex-wrap: wrap;
}
.theatre .info h2>span{
    color: #939393;
    line-height: 25px;
    font-size: 14px;
}
.theatre .info h2>span i{
    font-weight: bold;
    color:#686868;
    padding-left: 25px;
}
.i-theatre1{
    background: url("../images/i-theatre1.png") no-repeat left center;
}
.i-theatre2{
    background: url("../images/i-theatre2.png") no-repeat left center;
}
.i-theatre3{
    background: url("../images/i-theatre3.png") no-repeat left center;
}
.theatre .info h2 span.author{
    background: url(../images/icon-user4.png) no-repeat left center;
}
.theatre .info h2 span.school{
    background: url(../images/icon-school.png) no-repeat left center;
}
.theatre .info h2 span.address{
    background: url(../images/icon-address1.png) no-repeat left center;
}
.theatre .info-box{
    display: none;
    width:100%;
    border:1px solid #aaa;
    /*border-radius:5px;*/
    overflow: hidden;
}
.theatre .info-box span.text{
    display: inline-block;
    width:65px;
    height: 71px;
    line-height: 71px;
    padding-left:30px;
    box-sizing: border-box;
    color:#fff;
    background:#166eaa url(../images/icon-text1.png) no-repeat left 5px center;
}
.theatre .info-box p{
    width: 100%;
    float:right;
    line-height:21px;
    height: 69px;
    overflow-y:auto;
    display: flex;
    /*align-items: center;*/
    padding: 5px;
    color:#999;
    text-indent: 2em;
    box-sizing: border-box;
}
.theatre .info-box p span{
    height: 59px;
    display: block;
    width: 100%;
}
.theatre .info-box.cur{
    display: block;
}
.theatre .info-tap{
    display: flex;
}
.theatre .info-tap .item{
    display: block;
    min-width: 65px;
    vertical-align: middle;
    color:#666;
    font-size: 14px;
    padding:3px 5px;
    cursor: pointer;
}
/*.theatre .info-tap .item.cur,.theatre .info-tap .item:hover{*/
/*    color:#fff;*/
/*    font-weight: bold;*/
/*    background: #166eaa;*/
/*}*/
.theatre .info-tap .item i{
    display: inline-block;
    vertical-align: sub;
    width: 17px;
    height: 17px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 4px;
}
.infotap1{
    background-image: url("../images/infotap1.png");
}
.infotap2{
    background-image: url("../images/infotap2.png");
}
/*.theatre .info-tap .item.cur .infotap1,.theatre .info-tap .item:hover .infotap1{*/
/*    background-image: url("../images/infotap1h.png");*/
/*}*/
.theatre .info-tap .item.cur .infotap2,.theatre .info-tap .item:hover .infotap2{
    background-image: url("../images/infotap2h.png");
}

.theatre-tap{
    display: flex;
    justify-content: space-between;
    border-top:20px solid #fff;
    border-bottom:15px solid #fff;
}
.theatre-tap a{
    display: block;
    width:50%;
    height:52px;
    line-height:52px;
    text-align: center;
    color:#0e6dfe;
    font-size:19px;
    background: #f2f2f2 url("../images/theatra-bg.png") no-repeat;
    border-right:1px solid #dad6d6;
    box-sizing: border-box;
}
.theatre-tap a:last-child{
    border:none;
}
.theatre-tap a:nth-child(1){
    background-position:180px 12px;
}
.theatre-tap a:nth-child(1):hover,.theatre-tap a:nth-child(1).active{
    background-position:180px -147px;
}
.theatre-tap a:nth-child(2){
    background-position:170px -45px;
}
.theatre-tap a:nth-child(2):hover,.theatre-tap a:nth-child(2).active{
    background-position:170px -205px;
}
.theatre-tap a:nth-child(3){
    background-position:120px -94px;
}
.theatre-tap a:nth-child(3):hover,.theatre-tap a:nth-child(3).active{
    background-position:120px -254px;
}
.theatre-tap a.active,.theatre-tap a:hover{
    color:#fff;
    background: #0e6dfe url("../images/theatra-bg.png") no-repeat;
    font-weight: bold;
}

.video-swiper{
    width:100%;
    background: url(../images/swiper-bg.jpg) no-repeat;
    height:184px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 20px;
}
.video-swiper .title{
    font-size:16px;
    color:#0e6dfe;
    text-shadow: 0 0 5px #ddd;
    writing-mode:vertical-lr;
    text-align: center;
    font-weight: bold;
    letter-spacing: 3px;
}
.video-swiper .swiper-container{
    width:770px;
}
.video-swiper .swiper-slide{
    display: flex;
    justify-content: space-between;
}
.video-swiper .swiper-slide a{
    display: block;
    width:236px;
    height:167px;
    position: relative;
    margin: 0 auto;
}
.video-swiper .swiper-slide a img{
    width:100%;
    height:100%;
}
.video-swiper .swiper-slide a h1{
    position: absolute;
    width:100%;
    left:0;
    bottom:0;
    font-size:14px;
    color:#fff;
    background: url(../images/show1-textbg.png);
    background-size:auto 100%; 
    line-height: 20px;
    overflow: hidden;
    min-height: 30px;
}
.video-swiper .swiper-slide a h1 i{
    display: inline-block;
    width:20px;
    height:19px;
    background: url(../images/icon-video.png) no-repeat;
    background-size:100% 100%; 
    vertical-align: bottom;
    margin: 0 5px;
}
.video-swiper .swiper-slide a h1 span{
    float:right;
    width:200px;
}
.video-swiper .swiper-slide a p{
    background: rgba(100,100,100,.8);
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    font-size:14px;
    color:#fff;
    padding:10px;
    display: none;;
    box-sizing: border-box;
    overflow:hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.video-swiper .swiper-slide a:hover p{
    display: -webkit-box;
}
.video-swiper .swiper-button-next,.video-swiper .swiper-button-prev{
    width:55px;
    height:53px;
    background: url(../images/icon-tap5.png) no-repeat;
    background-size:100% 100%; 
    right:120px;
    top:auto;
    bottom:70px;
}
.video-swiper .swiper-button-prev{
    left:120px;
    top:auto;
    bottom:70px;
    transform: rotate(180deg);
}
.video-swiper .swiper-button-next:after,.video-swiper .swiper-button-prev:after{
    content:''
}
.loading-x{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.1) url("../images/loading.gif") no-repeat center center;
}
.show4 .show1-text{
    position: absolute;
    left:25%;
    top:45%;
    transform: translate(0,-50%);
    width: 340px;
    min-height: 410px;
    padding:40px 20px;
    box-sizing: border-box;
    background: url(../images/show1-bg1.jpg) no-repeat;
    background-size:100% 100%;
}
.show4 .show1-text h1{
    font-size:16px;
    color:#595757;
    font-weight: bold;
    margin-bottom:15px;
}
.show4 .show1-text p{
    font-size:14px;
    color:#888;
    line-height: 1.4em;
    text-indent: 2em;
    text-align: justify;
}
.page5{
    height:960px;
    padding-top:210px;
    background: url(../images/page-bg5.jpg) no-repeat center center;
}
.page5 .swiper-container{
    opacity: 0;
    height:602px;
}
.page5 .swiper-slide.group:after{
    content:'';
    display: block;
    clear: both;
}
.page5 .swiper-slide.group a img{
    display: block;
    width:100%;
    height:206px;
}
.page5 .swiper-slide.group a h1{
    width:100%;
    height: 60px;
    box-sizing:border-box;
    padding:10px 15px;
    background: #de0210;
    font-size:16px;
    color:#fff;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.page5 .swiper-slide.group a i{
    display: block;
    background: url(../images/icon-video.png) no-repeat;
    width:27px;
    height:25px;
    position: absolute;
    right:15px;
    top:168px;
}
.page5 .swiper-button-prev{
    width:43px !important;
    left:-60px !important;
    top:48% !important;
}
.page5 .swiper-button-next{
    width:43px !important;
    right:-50px !important;
    top:48% !important;
}
.page5 .swiper-button-prev,.page5 .swiper-button-next:focus{
    outline: none;
}
.page5 .swiper-button-prev:after{
    content: ''!important;
    width:31px !important;
    height:58px;
    background: url(../images/icon-tap.png) no-repeat center center;
}
.page5 .swiper-button-next:after{
    content: ''!important;
    width:31px !important;
    height:58px;
    transform: rotate(180deg);
    background: url(../images/icon-tap.png) no-repeat center center;
}
.page5 .swiper-slide .group li a i {
    display: block;
    background: url(../images/icon-video.png) no-repeat;
    width: 27px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 168px;
}
.page5 .swiper-slide.group-img{
    width: 100%;
    height:266px;
    box-sizing: border-box;
}
.page5 .swiper-slide.group-img:after{
    content:'';
    display: block;
    clear: both;
}
.page5 .swiper-slide.group-img{
    width:370px !important;
    position: relative;
    box-shadow:5px 5px 5px #771515;
    background: #fcfbfb;
    overflow: hidden;
}
.page5 .swiper-slide.group-img a img{
    display: block;
    width:100%;
    height:206px;
    object-fit: cover;
}
.page5 .swiper-slide.group-img a h2{
    width:100%;
    height: 20px;
    line-height: 20px;
    box-sizing:border-box;
    padding:0 10px;
    background: #fcfbfb;
    font-size:15px;
    color:#808080;
    overflow : hidden;
}
.page5 .swiper-slide.group-img a h3{
    width:100%;
    height: 20px;
    line-height: 20px;
    box-sizing:border-box;
    padding:0 10px;
    background: #fcfbfb;
    color: #333;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    overflow : hidden;
}
.page5 .swiper-slide.group-img a p{
    width:100%;
    height: 20px;
    line-height: 20px;
    box-sizing:border-box;
    padding:0 10px;
    background: #fcfbfb;
    font-size:15px;
    color:#808080;
    overflow : hidden;
}
.page5 .swiper-slide.group-img a p span{
    float:right;
}
.page5 .swiper-slide.group-img a .hid-text{
    display: block;
    position: absolute;
    left:0;
    width:100%;
    height:206px;
    background: rgba(234, 4, 3, 0.65);
    box-sizing: border-box;
    padding:15px 10px;
    font-size:16px;
    text-indent:30px;
    line-height: 25px;
    color:#fff;
    overflow:hidden;
    text-align: justify;
    bottom: -100%;
    transition: all 0.5s;
    z-index: 10;
}
.page5 .swiper-slide.group-img:hover a .hid-text{
    bottom: 0px;
}
.page5 .swiper-slide .box{
    overflow: hidden;
    position: relative;
}
.year{
    padding:35px 85px 10px 85px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    height: auto;
}
.year .swiper-slide.group-img{
    width: 310px !important;
    box-shadow:none;
    margin:0 50px 35px 0;
}
.year .swiper-slide.group-img:nth-child(3n){
    margin-right:0;
}
.year .swiper-slide.group-img a img {
    height: 170px;
}
.year .swiper-slide.group-img a .hid-text {
    height: 170px;
}
.year .swiper-slide.group a i{
    top: 130px;
}
.year-paginnation{
    width:100%;
    text-align: center;
    margin-bottom:40px;
}
.year-paginnation a{
    display: inline-block;
    padding:2px 8px;
    color:#1688e1;
    font-size:16px;
}
.year-paginnation a:hover,.year-paginnation a.active{
    background: #1688e1;
    color:#fff;
}
.year-paginnation a:nth-child(1),.year-paginnation a:nth-child(2),.year-paginnation a:nth-last-child(1),.year-paginnation a:nth-last-child(2){
    border:1px solid #ddd;
    color:#bababa;
    font-size:14px;
    padding-top:5px;
    padding-bottom:5px;
}
.year-paginnation a:nth-child(1):hover,.year-paginnation a:nth-child(2):hover,.year-paginnation a:nth-last-child(1):hover,.year-paginnation a:nth-last-child(2):hover{
    border-color:#1688e1;
    color:#1688e1;
    background: #fff;
}




.online-left-box .title-1 {
    font-size: 18px;
    font-weight: bold;
    color: #0e73e9;
    margin: 50px 0 30px 0px;
}
.online-left-box .title-1 i {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    vertical-align: text-bottom;
}
i.icon-person1 {
    background: url(../images/icon-person1.png) no-repeat center center;
}
.online-left-box .item-1 {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px #ddd;
    padding: 10px 25px 60px 25px;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 70px 0px;
}
.online-left-box .item-1 h1 {
    font-size: 18px;
    color: #0e73e9;
    font-weight: bold;
    margin-bottom: 15px;
    width: 88%;
}

.online-left-box .item-1 h1 span{
    color:#555;
    font-size: 16px;
    margin-left: 10px;
    font-weight: normal;
}
.online-left-box .item-1 h2 {
    font-size: 16px;
    color: #686868;
    font-weight: normal;
    margin: 10px 0 5px 0;
}
.online-left-box .item-1 p {
    text-indent: 2em;
    font-size: 14px;
    color: #939393;
    text-align: justify;
    line-height: 1.7em;
}
.online-left-box .item-1 img {
    position: absolute;
    right: 15px;
    top: -53px;
    width: 86px;
    height: 88px;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 0 5px #eee;
}
.online-left-box .item-1:after {
    content: '';
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 5px;
    height: 48px;
    margin-top: -24px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #0e73e9;
}

.ewm-s{
    position: fixed;
    right:10px;
    top:400px;
    width: 180px;
}
.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
}