*{ font-family:"微软雅黑"; }
.head-img {
    background: url(/Images/Home/bg_title.png) no-repeat center top;
}

.head-line {
    width: 1600px;
    height: 45px;
    margin: 0 auto; 
}

    .head-line > ul > li {
        float: left;
        margin-right: -1px;
        /*padding: 25px 2px;*/
        height: 45px;
        font-weight: 500;
		line-height:45px;
		 width: 210px;
        font-size: 20px;
		font-family:"微软雅黑";
        text-align: center;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
		color:#4c4c4c;
    }

.bts {
    
    cursor: pointer;
}
 .bts:hover {
        background-color: rgba(148, 220, 252, 0.67);
    }
.login_btn{ width:1075px; margin:17px auto 20px;  }
.login_btn ul li a:link,.login_btn ul li a:visited{background:white; display:inline-block; width:238px; height:55px; border:2px solid #336fca; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:26px;
text-align:center; color:#005dca; line-height:50px; box-shadow:0 0 10px #4178ce; text-decoration:none; }
.login_btn ul li a:hover,.login_btn ul li a:active{ background:#336fca; color:#fff;  }
.login_btn .left{ width:520px; float:left; }
.login_btn .right{ width:520px; float:right; }
.login_btn .left a{ float:right; }


.index_video{ width:1600px; margin:0 auto; height:418px; padding-top:20px; overflow:hidden;  }
.index_video ul{ float:left; }
.index_video ul li{ background:url(/Images/Home/video_bg.png) no-repeat; width:785px; height:418px;  }
.index_video .right{ float:right; }
.index_video video{ width:760px; height:370px; margin-left:11px; margin-top:15px; }
.clear{ clear:both; }	
.index_video h1{background:url(/Images/Home/title.png) no-repeat center center; height:58px; font-size:32px; color:#fff; width:100%; font-weight:500; text-align:center; line-height:55px; position:relative; top:-307px; left:0;  }


.myclose {
    color: rgba(255, 49, 49, 0.88);
    cursor: pointer;
    font-size: x-large;
    border-radius: 3px;
}

.MyWindow {
    float: right;
    width: 0%;
    right: 0px;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    border-left: 2px solid #808080;
    padding: 5px;
    display: block;
    visibility: hidden;
    position: fixed;
}

#HideMW:hover {
    background-color: rgba(212, 200, 200, 0.92);
}

.OutWindow {
    float: right;
    width: 85%;
    right: 0px;
    background-color: #fff;
    position: absolute;
    box-shadow: -2px 0px 10px 2px;
    z-index: 999;
    border-left: 2px solid #808080;
    padding: 5px;
    display: block;
    position: fixed;
    -webkit-animation: myout 0.5s infinite; /* Chrome, Safari, Opera */
    animation: myout 0.5s infinite;
    animation-direction: normal;
    animation-iteration-count: 1;
}

@keyframes myout {
    from {
        width: 0%;
    }

    to {
        width: 85%;
    }
}

/*Safari 和 Chrome:*/
@-webkit-keyframes myout {
    from {
        width: 0%;
    }

    to {
        width: 85%;
    }
}

.InWindow {
    float: right;
    width: 0%;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    right: 0px;
    border-left: 2px solid #808080;
    padding: 5px;
    position: fixed;
    -webkit-animation: myin 0.5s infinite; /* Chrome, Safari, Opera */
    animation: myin 0.5s infinite;
    animation-direction: normal;
    animation-iteration-count: 1;
}

@keyframes myin {
    from {
        width: 85%;
    }

    to {
        width: 0%;
    }
}

/*Safari 和 Chrome:*/
@-webkit-keyframes myin {
    from {
        width: 85%;
    }

    to {
        width: 0%;
    }
}