/** * CSS Document * * @format */
/*----------------body-----------------------*/
* {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: actor;
}

h {
    font-size: 15px;
    color: #2b2b2b;
    font-weight: 300;
}

p {
    font-size: 15px;
    color: #666;
    font-weight: 300;
}

img {
    pointer-events: none;
}

/*----------------topinformation-----------------------*/
.topinformation {
    width: 100%;
    height: 45px;
    text-align: center;
    background-color: #000;
    position: relative;
}

.topinformation .topinfor {
    width: 1200px;
    height: 45px;
    margin: 0 auto;
}

/*---.topinformation .search {position:relative;float:right;width:160px;height:23px;top:-34px;}
.topinformation .search2 {float:right;position:relative;width:33px;height:23px;top:-34px;}
-----*/
.topinformation option {
    cursor: pointer;
}

.topinformation p {
    width: 1170px;
    height: 40px;
    color: #7D7D7D;
    padding-top: 5px;
    line-height: 45px;
    text-align: left;
    margin-left: 30px;
}

/*--------------------------nav------------------------*/
.nav {
    width: 100%;
    height: 100px;
    position: relative;
    margin: 0 auto;
}

.nav ul {
    /* width:1780px; */
    height: 100px;
    position: relative;
    margin: 0 auto;
}

.nav li {
    list-style: none;
    float: left;
    width: 16%;
    height: 80px;
    line-height: 80px;
    text-align: left;
    color: #2b2b2b;
    cursor: pointer;
    transform: scale(1,1);
    font-size: 20px;
    font-weight: 200;
    margin-right: 20px;
}

.nav li a {
    color: #2b2b2b;
    text-decoration: none;
}

.nav li:hover {
    font-weight: 500;
}

.nav ul .jiaobiao::after {
    content: "";
    background-image: url("../images/jiaobiao.png");
    width: 12px;
    height: 8px;
    position: absolute;
    left: 25px;
    top: 55px;
}

/*--------------------------model------------------------*/
.model {
    width: 1780px;
    height: 800px;
    position: relative;
    margin: 0 auto;
}

/**/
.EIMS_C_40014_1_s_box {
    width: 683px;
    position: relative;
    float: right;
}

.EIMS_C_40014_1_s_box img {
    width: 99%;
}

.EIMS_C_40014_1_s_box .move {
    position: absolute;
    top: 0;
    left: 0;
    background: #f5f5f5;
    z-index: 99;
    filter: alpha(opacity=60);
    opacity: 0.2;
    display: none;
    height: 80px !important;
    cursor: pointer;
}

/**/
.EIMS_C_40014_1_g-box .b_box {
    background: #fff;
    left: 750px !important;
    border: 1px #ddd solid;
    position: absolute;
    top: -5px;
    overflow: hidden;
    display: none;
    z-index: 999;
    width: 970px !important;
    height: 803px!important;
}

.EIMS_C_40014_1_g-box .b_box img {
    position: absolute;
    top: 0px;
    left: 0px;
    border-style: none;
    width: 300% !important;
    height: 350%!important;
}


/**/
.EIMS_C_40014_1_i_box {
    width: 70px;
    overflow: hidden;
    float: left;
    position: relative;
    margin: 0px 0 0 0;
}

.EIMS_C_40014_1_p_box {
    overflow: hidden;
    float: left;
    height: 900px;
    width: 100%;
    position: relative;
}

.EIMS_C_40014_1_p_box ul {
    height: 75px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0px;
    width: 60px !important;
}

.EIMS_C_40014_1_p_box li {
    width: 60px;
    border: 1px solid #f5f5f5;
    margin-bottom: 10px;
    float: left;
    box-shadow: 1px 1px 2px;
    margin-left: 3px;
}

.EIMS_C_40014_1_p_box li a {
    display: block;
}

.EIMS_C_40014_1_p_box li a.xn_c_prodv_67_curr {
}

.EIMS_C_40014_1_p_box li img, .EIMS_C_40014_1_p_box li video {
    width: 100%;
    border-style: none;
}

#EIMS_C_40014_1_pre,#EIMS_C_40014_1_next {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 0px;
    cursor: pointer;
    background: #000;
}

#EIMS_C_40014_1_pre {
    left: 0px;
    background: url(../images/40014_1_pre.png) no-repeat;
}

#EIMS_C_40014_1_next {
    right: 0px;
    background: url(../images/40014_1_next.png) no-repeat;
}

ul {
    width: 60px;
    height: 800px;
}

.tudao li {
    float: left;
    list-style: none;
    width: 60px;
    height: 60px;
    background-color: #5b5b5b;
    border-radius: 5px;
    cursor: pointer;
    border-radius: 1px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 6px;
}

.tudao li img {
    width: 60px;
    height: 60px;
}

.tudao li:first-child {
    margin-top: 0px;
}

.tudao .lij {
    position: relative;
}

.tudao .lij .play {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

.tudao .img {
    width: 700px;
    height: 700px;
    background-color: aqua;
    position: absolute;
    top: 0px;
    left: 70px;
}

#datu {
    width: 700px;
    height: 700px;
    position: relative;
    left: 70px;
    top: -800px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
}

#datu #video-cover {
    position: relative;
    top: 0px;
    display: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 700px;
    height: 295px;
}

#datu #video-cover>img {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
}

#datu #move {
    width: 200px;
    height: 80px;
    background-color: #fff;
    opacity: 0.1;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}

#bigDatu {
    width: 960px;
    height: 800px;
    border: 1px solid #D2D2D2;
    background-color: #fff;
    position: relative;
    left: 780px;
    top: -1500px;
    overflow: hidden;
    display: none;
    z-index: 99;
}

#bigDatu>img {
    position: absolute;
    left: 20px;
}

#datu>img {
    width: 700px;
    height: 700px;
    margin-top: 0px;
}

.EIMS_C_40014_1_Panel {
    width: 760px;
}

.canshu {
    float: right;
    position: absolute;
    width: 960px;
    top: -10px;
    left: 760px;
}

.canshu .biaoti {
    width: 950px;
    /* height:63px;*/
    padding: 0 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-bottom: #C4C4C4 solid 0.5px;
    font-weight: 500;
    font-size: 10px;
}

.canshu .biaoti ul {
    width: 100%;
    height: auto;
    display: flex;
    /*---justify-content:space-between;---*/
    flex-wrap: wrap;
}

.canshu .biaoti li {
    width: 111px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 5px;
    list-style: none;
    /* color:#666;*/
    float: left;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #f7f7f7;
    border: #C4C4C4 dashed 1px;
}
.canshu .biaoti .ys{background: #ccc;font-size: 16px;color: #fff;border-radius: 8px;}
.canshu .biaoti li .ys a{
    color: #333;
}

.canshu .biaoti li:last-child {
    margin-right: 0px;
}

.canshu .biaoti li a {
    color: #969696;
    font-weight: 300;
    text-decoration: none;
}

.canshu .biaoti li.selected a {
    font-weight: 600;
    color: #fff;
}

.canshu .biaoti li.selected {
    background-color: #ADADAD;
    border: #ADADAD dashed 1px;
}

.canshu .pb {
    width: 935px;
    padding: 0 10px;
    border-bottom: #C4C4C4 solid 0.5px;
    padding-bottom: 20px;
}

.canshu .pb p {
    width: 100%;
    font-size: 25px;
    font-weight: 300;
}

.canshu li:hover a {
    color: #D8D8D8;
    cursor: pointer;
    font-weight: 600;
}

.canshu .tushi {
    width: 950px;
    height: 60px;
    margin-top: 10px;
    margin-left: -7px;
}

.canshu .tushi .tu {
    width: 180px;
    height: 60px;
    background-color: #f7f7f7;
    margin-left: 10px;
    float: left;
    border-radius: 12px;
    border-bottom: #C4C4C4 solid 1px;
}

.canshu .tushi .tu .shu {
    width: 100%;
    height: 35px;
    font-size: 25px;
    font-weight: 200;
    line-height: 35px;
    text-align: center;
}

.canshu .tushi .tu .xiang {
    width: 100%;
    height: 25px;
    background-color: #e9e9e9;
    line-height: 25px;
    text-align: center;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

*//*----------------topinformation-----------------------*/
.topinformation {
    /*----*/
    width: 100%;
    height: 45px;
    text-align: center;
    background-color: #000;
}

.topinformation .topinfor {
    width: 1200px;
    height: 45px;
    margin: 0 auto;
}

.topinformation option {
    cursor: pointer;
}

.topinformation p {
    width: 1170px;
    height: 40px;
    color: #7D7D7D;
    padding-top: 5px;
    line-height: 45px;
    text-align: left;
    margin-left: 0px;
}

.bottom {
    margin: 0;
}