@charset "gb2312";

html,
body {
    margin:0px;
    padding:0px;
    position: relative;
    height: 100%;
}
body{
    font-family:Arial,Helvetica,sans-serif,'΢ÈíÑźÚ',"microsoft yahei";
    font-size:14px;
    color:#575757;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th{
    background: transparent;
    border: 0px;
    margin: 0px;
    padding: 0px;
    vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size:100%;
}
ul,li,ol {
    list-style: none;
}
em,b,i{
    font-style:normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
    /*margin-top: -6px;*/
}
input, textarea, select, a {
    margin:0px;
    padding:0px;
    outline:0px;}
textarea {resize:none; overflow:auto;}

aside, article, footer, header, nav, section ,main{display:block;
    height: auto;
    overflow: hidden;}
a{color: #474747;text-decoration:none;}
a:hover{
    text-decoration:underline; }
.disFlex{
    display: -moz-box; /*firefox*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-box; /*Safari*/
    display: -webkit-flex; /*Chrome*/
    display: box;
    display: flexbox;
    display: flex;
    justify-content: space-between;
}
p{
    line-height: 24px;
}
.cover_video{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    background: #000;
    transition: all 2s;
    z-index: 99;
}
.cover_video video{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: fill;
}
.goindex{
    padding: 10px 20px;
    position: absolute;
    right: 20px;
    top: 40px;
    background: rgba(204,0,0,0.5);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    border-radius: 10px;
}

.cover_video i{
    width: 60px;
    height: 60px;
    background-image: url(sound.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 30px;
    right: 150px;
    display: block;
}
/*****main****/
.banner{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-image: url("banner.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.banner-main{
    width: 1226px;
    height: 100%;
    margin: 0 auto;
}
/*.banner img{
    width: 100%;
    height: 100%;
}*/
.banner>img{
    width: 100%;
    height: 100%;
}
.banner-text{
    position: absolute;
}
.banner-text img{
    width: auto;
    max-width: 100%;
}
/*.banner-text01{
    left: 35.4%;
    width: 30%;
    top:14.6%

}*/
.fadeInDown{
    animation-name: fadeInDown;
}
.banner-text01{
    left: 50%;
    /* width: 61.72%;*/
    top: 13.5%;
    transform: translateX(-50%);
}
.banner-text01 img{
    display: block;
    margin: 0 auto;

}
.banner-text01 .fadeInDown{
    animation: fadeInDown; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 1s;
}
.banner-text01 .zoomIn{
    animation: zoomIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 1.5s;
}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}
@keyframes fadeOutRight{
    0%{opacity:1}to{opacity:0;transform:translate(100%,13.5%)}}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}
.banner-text02{
    left: 50%;
    transform: translateX(-50%);
}
.banner-text03{
    /* width: 52%;*/
    bottom: 12.45%;
    left: 50%;
    transform: translateX(-50%);
    animation: zoomIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 1.5s;
}

.main{
    width: 100%;
    height: 100%;
    overflow: scroll ;
    position: relative;
}

.swiper {
    width: 100%;
    height: 100%;
}
.container{
    position: absolute;
    width: 100%;
    /*width: 1200px;*/
    /*height: auto;*/
    /* overflow: hidden; */
    height: 830px;
    /*  left: 50%;
      transform: translateX(-50%);*/
}

.content{
    width: 980px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
.box02 .content{
    width: 990px;
}
.swiper-slide {
    font-size: 18px;
    background: none;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -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;
}
.mySwiper .swiper-pagination{
    bottom: 20px;
}

.mySwiper .swiper-pagination .swiper-pagination-bullet{
    background: #ffffff;
    opacity: 1;
}
.mySwiper .swiper-pagination  .swiper-pagination-bullet-active{
    background: #fb6e3f;
}
.box02{
    background-image: url("bg02.jpg");
}
.box03{
    background-image: url("bg03.jpg");
}
.box04{
    background-image: url("bg04.jpg");
}
.box05{
    background-image: url("bg05.jpg");
}
.box06{
    background-image: url("bg06.jpg");
}
.box07{
    background-image: url("bg07.jpg");
}
.box08{
    background-image: url("bg08.jpg");
}
.box09{
    background-image: url("bg09.jpg");
}
.box10{
    background-image: url("bg10.jpg");
}
.box11{
    background-image: url("bg11.jpg");
}
.box02,.box03,.box04,.box05,.box06,.box07,.box08,.box09,.box10,.box11,.box12{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}
.nav{
    height: 95px;
    width: 100%;
    background: #e71714;
    position: absolute;
    top: 0;
    z-index: 2;
}
.nav-main{
    width: 1150px;
    height: 55px;
    overflow: hidden;
    margin: 0 auto;
    padding-top:20px;
    color: #f1e85d;
}
.nav-main ul{


}
.nav-main ul li{
    display: inline-flex;
    cursor: pointer;
}
.nav-main ul li.currNav{
    color:#ffffff;
    font-weight: bold;
}
.nav-main ul li:nth-child(5){
    padding-right: 0;
}
.nav-main ul li span{
    display: block;
    /* width: 110px; */
    height: auto;
    text-align: center;
    /* border-left: 2px #ffffff solid; */
    float: left;
    font-size: 20px;
}
.nav-main ul li {
    line-height: 37px;
    display: block;
    width: auto;
    float: left;
}
.nav-main ul li i{
    font-style: normal;
}
.nav-main ul li i:hover{
    cursor: pointer;
}
.title{
    height: auto;
    overflow: hidden;
    padding-bottom: 40px;
}
.title img{
    display: block;
    margin: 0 auto;

}

/*02*/
.box02 .container{
    height: auto;
}
.swiper02son{
    width: 550px;
    margin: 10px auto 0 auto;
    height: 316px;
}
.box02 .swiper02son-prev:after,.box02 .swiper02son-next:after{
    color: #ffffff;
}
.swiper02son-pagination{
    z-index: 99;
    text-align: right;
    position: absolute;
    bottom: 15px;
}
.swiper02son-pagination .swiper-pagination-bullet{
    background: #ffffff;
    opacity: 1;
}
.swiper02son-pagination  .swiper-pagination-bullet-active{
    background: #c50001;
}
.box02 .swiper-horizontal>.swiper-pagination-bullets, .box02 .swiper-pagination-bullets.swiper-pagination-horizontal, .box02 .swiper-pagination-custom,.box02 .swiper-pagination-fraction{

}
.mod{
    height: auto;
    overflow: hidden;
}
.mod-left{
    width: 570px;
    height: 500px;
    float: left;
    background: #ae4427;
}
.mod-img,.mod-img img{
    width: 100%;
    height: 100%;
}
.mod-img{
    position: relative;
}
.mod-img a,.mod-img img{
    display: block;
}
.mod-img p{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: rgba(0,0,0,0.6);
    color: #ffffff;
    text-align: center;
    line-height: 50px;
}
.mod-left .disFlex{
    width: 550px;
    margin: 0 auto;
    padding-top: 5px;
}
.mod-left .disFlex .mod-img{
    width: 270px;
}
.point{
    height: auto;
    overflow:  hidden;
    /* padding-top:12px; */
    /* background: url("point.png") no-repeat left; */
    padding-bottom: 20px;
    text-align: center;
    /* padding-left: 200px; */
}
.point h1{
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* padding-top: 20px; */
}
.point h1 a{
    color: #e11822;
}
.point p{
    /*padding-top: 4px;
    padding-bottom: 4px;*/
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.point p a{
    padding: 0 10px;
    border-right: 1px #585858 solid;
    line-height: 34px;
    color: #ae4427;
    /* margin-top: 4px; */
    /* margin-bottom: 4px; */
}
.point p a:nth-last-child(1){
    padding-right: 0;
    border: 0;
}
.polity{
    line-height: 48px;
    /* padding-top: 10px; */
    clear: both;
    background: #ffffff;
    /* border-bottom: 2px #e76e6b solid; */
    /* margin-bottom: 45px; */
    margin-top: 25px;
}
.polity .icon{
    display: block;
    width:10%;
    float: left;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    /* background: #bf0001; */
    font-weight: bold;
    margin-top: -5px;
}.qimo8{ overflow:hidden; width:90%;}
.qimo8 .qimo {width:8000%;height: 47px;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left;height: 47px;overflow:hidden;zoom:1;}
.qimo8 .qimo ul li{float:left;line-height:55px; list-style-type: disc; margin-left:  10px;margin-right: 10px;}
.qimo8 li a{padding-right:  10px; }
.polity .icon a{
    color: #ffffff;
}
.polity .icon a{
    margin-top: -6px;
}
.new-hot{
    /* margin-top: 10px; */
    padding-top: 62px;
    /* padding-left: 25px; */
    /* padding-right: 25px; */
    margin-right: 15px;
}
.new-hot strong{
    font-size: 18px;
    /* line-height:80px; */
    display: block;
    color: #000000;
    padding: 10px 10px 0 20px;
}
.new-hot strong a{
    display: block;
    color: #626262;
    /* height:38px; */
    line-height: 20px;
    /* margin-right: 1em; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* margin-bottom: 5px; */
}
.new-hot strong p{
    font-weight: normal;
    font-size: 14px;
    color: #909090;
    line-height: 24px;
    display: block;
    height: 48px;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 0;
}
.new-hot strong:hover{
    background: #e11822;
    color: #ffffff;
}
.new-hot strong:hover a,.new-hot strong:hover p{
    color: #ffffff;
}
.mod-right{
    width: 420px;
    height: 510px;
    float: right;
    position: relative;
    background: url("mod-rightBg_03.png") no-repeat;
}
.new-hot ul.ul-listy li{
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 18px;
    background: url("anIcon.png") no-repeat center left;
    margin-left: 20px;
}
.new-hot ul.ul-listy li:hover{
    background:  #e11822;;
}
.new-hot ul.ul-listy li a{
    margin-right:1em;
}
.new-hot ul.ul-listy li:hover a{
    color: #ffffff;
}
.new-hot ul.ul-listy li a:nth-last-child(1){
    margin-right:0;
}
.more{
    float: right;
    color: #959595;
}
.mod-right .more{
    margin-top: 40px;
    margin-right: 60px;
}
.Amore{
    float: right;
    font-size: 14px;
}
/*03*/
.box03 .container{
    height: 760px;
}
.box03 .left{
    width: 475px;
    height:450px;
    position: relative;
    float: left;
}
.box03 .right{
    width: 490px;
    height: 450px;
    float: right;
}
.box03-swipercontent{
    height: auto;
    overflow: hidden;
    clear: both;
    padding-bottom: 25px;
}
.swiper03son{
    width: 810px;
    height: 230px;
    float: left;
    margin: 0 5px;
}
.swiper03son .swiper-wrapper{
    width: 810px;
    height: 230px;
}
.swiper03son .swiper-slide,.swiper03son .swiper-slide img{
    width: 100%;
    height: 100%;
}
.swiper03son-next,.swiper03son-prev{
    width: 80px;
    height: 230px;
    top: 0;
    position: static;
    background:#b95d41;
    color: #ffffff;
    margin-top: 0;
}
.swiper03son-prev{
    float: left;
}
.swiper03son-next{
    float: left;
}
.box03 .new-hot{
    padding-top: 0;
}/*
.box03 .new-hot strong a{
    color: #ffffff;
}*/
.box03 .new-hot ul.ul-listy li{
    height: 46px;
    line-height: 46px;
}
.box03 .ul-listy li a{
    line-height: 46px;
    font-size: 16px;
}
.box03 .img-text{height: auto;overflow: hidden;clear: both;padding-bottom: 15px;}
.img-img{
    width: 126px;
    height: 70px;
    float: left;
    overflow: hidden;
    margin-right:15px;
}
.img-img a{
    display: block;
    width: 100%;
    height: 100%;
}
.img-img img{
    width: 100%;
    height: 100%;
}
.img-text-text{
    width: 340px;
    float: left;
}
.img-text-text a{
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.box03 .img-text-text p{
    font-size: 12px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    padding:0;
    margin: 0;
    border-bottom: 0;
    line-height: 22px;
}
.box03 .more{
    color: #ffffff;
}
.box03 .swiper-slide{
    justify-content: space-around;
}
.box03 .mod-img{
    width:400px;
    float: left;
}
/*box04*/
.box04 .container{
    height: 840px;
}
/*.box04 .content{
     height: 650px;
}*/

.box04 .left{
    width: 50%;
    float: left;
}
.box04 .right{
    width: 50%;
    float: right;
}
.box04 .ul-listy{
    padding-left: 35px;
    font-size: 20px;
}
.box04 .new-hot ul.ul-listy li{
    line-height: 34px;
    font-size: 16px;
}
.DBox{
    height: 420px;
    clear: both;
    position: relative;
}

/*3Dstart*/
.DBox .container-3d {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    height: 450px;
    top: -30px;
}

.DBox .arrow-3d-left {
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 3;
    cursor: pointer;
    /* margin-left: -630px; */
}

.DBox .arrow-3d-right {
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    z-index: 3;
    cursor: pointer;
}

.cloud9-item.active .img-h5bg {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#showcase {
    width: 1100px;
    height: 530px;
    margin-left: -60px;
    overflow: hidden;
}

#wrap3d {
    width: 980px;
    height: 450px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#showcase {
    /* margin-top: 12px; */
    visibility: hidden;
}

.cloud9-item.active .h5-mask {
    display: none;
}

.cloud9-item {
    position: relative;
    display: inline-block;
    width: 210px;
    height: 340px;
    opacity: 0.98;
    cursor: pointer;
    overflow: hidden;
}

.cloud9-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.cloud9-item.active:after {
    display: none;
}

.cloud9-item.active .h5-mask {
    background: transparent;
}

.cloud9-item.active.show-code .h5-mask {
    display: block;
}

.cloud9-item.active.show-code .code {
    display: inline-block;
}

.cloud9-item.active.show-code p {
    display: block;
}

.h5-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.h5-mask .code {
    display: none;
    margin-top: 90px;
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}

.h5-mask p {
    display: none;
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font: normal 16px SimHei;
    color: #fff;
}

.cloud9-item .img-h5bg {
    width: 100%;
    height: auto;
    cursor: pointer;
    overflow: hidden;
}


/*3Dend*/





/*ͼƬÇл»*/
.poster{
    /*background: url("bg_08.jpg") no-repeat center bottom;*/
    /* padding-top: 30px; */
}
.poster-main {
    width: 820px;
    height: 410px;
    position: relative;
    margin: 0 auto;
}

.poster-main a, .poster-main img {
    display: block;
}

.poster-main .poster-list {
    width: 820px;
    height: 410px;
    position: relative;
}

.poster-main .poster-list .poster-item {
    width:790px;
    height: 410px;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow:1px 1px 20px 2px #7b6b6c ;
}


.poster-btn {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 230px;
    background: #e6372d;
    color: #ffffff;
}
.A_Demo{
    margin: 0 auto;
}
.poster-prev-btn {
    left: -95px;
}
.poster-next-btn {
    right: -95px;
}
.poster-btn img{
    width: 100%;
}
.poster-item a{
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}

.poster-item a img{
    width: 100%;
    height: 100%;
}
.poster-text{
    height: 80px;
    background: #c3ab84;
    position: relative;
    width: 790px;
    margin: 15px auto 0 auto;
}
.poster-text p{
    display: block;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    color: #000000;
    padding: 0 10px;

}
.title-left{
    margin-bottom: 28px;
    /* margin-left: -60px;*/
    margin-top: 20px;
}
.hasBgtitle{
    width:310px;
    height: 38px;
    margin-bottom: 28px;
    margin-left: -30px;
    /*margin-top: 105px;*/
    background: url("title04osn.png") no-repeat;
    position: absolute;
    top: 100px;
    z-index: 99;
}
.hasBgtitle span{
    display: block;
    width: 50%;
    text-align: center;
    float: left;
    height: 38px;
    line-height: 40px;
    font-size: 22px;
    color: #ffffff;
}
.hasBgtitle span:hover{
    cursor: pointer;
}
.hasBgtitle span.swiper-button-disabled{
    color: #c50001;
}
.hasBgtitle span:focus{
    outline: none;
}
.swiper04sonson{
    height: 560px;
}
.img-text strong{
    font-size:22px ;

}
.img-text strong a{
    color: #c50001;
}
.img-text p {color: #626262;/*font-size: 14px;*/border-bottom: 1px #626262 dashed;padding-bottom: 15px;padding-top: 20px;margin-bottom: 20px;line-height: 30px;

}
.box04 .ul-listy li{
    line-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style-type: disc;
}
.box04 .ul-listy{
    /* margin-bottom: 20px; */
    /* padding-bottom: 10px; */
}
.box04 .disFlex{
    width: 100%;
}
.box04 .mod-img{
    width: 100%;
    height: 100%;
    float: none;
    /* margin-top: 60px; */
}
.box04 .right .ul-listy{

    padding-left: 100px;
}
.hasBg{
    background-image: url("bgson004.png");
    background-repeat: no-repeat;
    height: 612px;
    width: 1007px;
    /* margin-top: 60px; */
    /* padding-top: 60px; */
}
.hasBg .img-text p{
    color: #ffffff;
    border-bottom: 0;
}

.hasBg .img-text strong a,.hasBg .img-text p a{
    color:#ffffff;
}
.hasBg .left{
    margin-left: 20px;
    /* padding-top: 100px; */
}
.hasBg .img-text{
    width: 330px;
}
.hasBg .right{
    width: 500px;
    margin-right: 0;
    height: 560px;
}

.hasBg .right{
    background: none;
}
/*05*/
.box05 .container{
    height: 540px;
}
.box05 .left{
    width: 580px;
    float: left;
    /* height: 324px; */
}
.box05 .right{
    width: 385px;
    /* height: 324px; */
    float: left;
}
.live{
    width: 760px;
    margin: 0 auto;
}
.live-title{
    padding-bottom: 5px;

    height: auto;
    overflow: hidden;
}
.live-title ul{
    display: flex;
    justify-content: space-between;
}
.live-title ul li{
    display: inline-flex;
    width: 377px;
    float: left;
    background: #d89d80;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 6px;
    text-align: center;
}
.live-title ul li img{
    display: block;
    margin: 0 auto;
}
.live-title ul li.re-01{
    background: #ae4427;
}
.live-main{
    clear: both;
}
.live-main .mod-img{
    height: 440px;
    margin: 0 auto;
}
.box05 .new-hot{
    padding-top: 0;
}
.box05 .new-hot ul.ul-listy li{
    /* font-size: 16px; */
    line-height: 32px;
}

/**06*/
.box06 .container{
    height: 700px;
}

.box06 .left,.box06 .right{
    width: 490px;
}
.box06 .left {
    float: left;
    width: 530px;
}
.box06 .right{
    width: 450px;
    float: right;
}
.box06 .img-img,.box06 .img-img img{
    width: 130px;
    height: 130px;
}
.box06 .img-text{
    height: 130px;
}
.box06 .img-text-text{
    width: 380px;
}
.box06 .img-img{
    background: #d89d80;
    border-top-left-radius: 130px;
    border-top-right-radius: 130px;
    border-bottom-right-radius:0;
    border-bottom-left-radius: 130px;
    overflow: hidden;
}
.box06 .img-img a{
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 130px;
    overflow: hidden;
}
.box06 .img-text-text a{
    font-size: 16px;
    line-height: 44px;
    border-bottom: 1px dashed #000;
    margin-bottom: 5px;
}
.box06 .img-text-text a span{
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    margin-right: 10px;
}
.box06 .img-text p{
    font-size: 12px;
    padding-top: 0;
    border-bottom: 0;
    height: 78px;
    line-height: 16px;
    display: block;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 0;
}
.box06 .img-text p span{
    font-size: 16px;
    display: block;
    line-height: 30px;
}
.box06 .new-hot{
    padding-top: 0;
}
.box06 .new-hot .ul-listy li{
    /* font-size: 20px; */
    line-height: 33px;
}
.box06 .img-text,.box06 .new-hot .ul-listy{
    margin-bottom: 30px;
}
.box06 .new-hot .ul-listy:nth-last-child(1){
    margin-bottom: 0;
}
.box07 .container{
    height: 660px;
}
.box07 .content{
    height: 501px;
    position: relative;
}
.regin-title{
    top: 50px;
    width: 820px;
    margin: 0 auto;
    padding-bottom:30px;
    position: absolute;z-index: 99;
    left: 80px;
}
.regin-title .disFlex{
    justify-content: space-around;
}
.regin-title ul li{
    display: inline-flex;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    background: #efcccb;
}
.regin-title ul li img{
    display: block;
    margin:0 auto;
}
.regin-title ul li.reginNav{
    background: #c50001;
}
.swiper07son{
    height: 501px;
}
.slider-main{
    width: 100%;
    height: 100%;
}

.slider-main-01{
    background: url("reginBg01.png") no-repeat;
}
.slider-main-02{
    width: 100%;
    height: 100%;
    background: url("reginBg02.png") no-repeat center;
}
.slider-main-03{
    width: 100%;
    height: 100%;
    background: url("reginBg03.png") no-repeat center;
}
.slider-main-04{
    width: 100%;
    height: 100%;
    background: url("reginBg04.png") no-repeat center;
}
.slider-main-05{
    width: 100%;
    height: 100%;
    background: url("reginBg05.png") no-repeat center;
}
.regin-main{
    width: 690px;
    height: 310px;
    margin: 115px auto 0 auto;
}
.swiper07son-button-prev,.swiper07son-button-next{
    position: absolute;
    top: 222px;
    width: 56px;
    height: 56px;z-index: 99;
}
.swiper07son-button-prev{
    left:80px;
}
.swiper07son-button-next{
    right: 80px;
}
.slider-main-01 img{
    width: 170px;
    height: 310px;
    float: left;
    background: #bababa;
}
.slider-main-01 p{
    text-indent: 2em;
    color: #ffffff;
    line-height: 30px;
    display: block;
    height: 310px;
    overflow-y:scroll ;
    float: right;
    margin-left: 35px;
    width: 460px;

}
.vidImg{
    width: 690px;
    height: 310px;
    margin:110px auto 0 auto ;
    background: #8d8d8d;
}
.vidImg video{
    width: 100%;height: 100%;
}
.slider-main-05 iframe{
    display: block;
    float: left;
}
.code{
    float: right;
    width:130px;
}
.code ul li{
    display: block;
    padding-bottom: 10px;
    height: auto;
    overflow: hidden;
}
.code ul li img{
    width: 98px;
    height: 98px;
    float: left;
}
.code ul li p{
    word-spacing: 0;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    display: block;
    height: 100%;
    width: 30px;
    float: left;
    line-height: 19px;
}


.swiper10{
    width: 1025px;
    height:520px;
}
.swiper-dis{

}
.dis-img{
    width:100%;
    height: 236px;
}
.dis-img img{
    width: 100%;
    height: 100%;
}

.dis-block{
    width: 100%;
    height: 284px;
    font-size: 12px;
    position: relative;
}
.dis-block p{
    display: block;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    padding: 0 25px;
    color: #ffffff;
}
/*08*/
.box08 .container{
    height: 610px;
}
.box08 .content{
    height: 460px;
    position: relative;
}



@media (orientation: portrait) {
    /*html{
        transform: rotate(90deg)
    }*/
    /*.main{
        transform: rotate(90deg)
    }*/
}
/*ÊúÆÁ*/
@media (orientation: landscape) {

}
@media only screen and (orientation: portrait) {
    .nav{
        width: 1150px;
    }
    .cover_video video {
        height: auto;
        top: 50%;
        transform: translateY(-50%);
    }
    .banner{

    }
    .banner-text01{
        width: 100%;
        top: 26%;
    }
    .banner-text03{
        width: 86%;
    }
    /*.banner-text01:nth-last-child(1){
        left: 50%;
        top: 43.62%;
        transform: translate(-50%,-43.62%);
    }*/
}
@media only screen and (max-width: 1400px){
    /*  .main{
          width: 100%;
      }
    */
}