@import "https://at.alicdn.com/t/font_585926_0m8gc0gznmviy66r.css";
body{font-family:"Microsoft YaHei";}
ul li{list-style-type: none;}
.layer_box_couter{text-align: left;}
#tcboxf{display: none;}
#tcboxs{display: none;}
.layer_box_f{ width: 800px; height: 500px; padding-right:320px; padding-top:24px; box-sizing: border-box; background:#fff url('https://www.csxinhua.com/images/tc_20201.jpg') no-repeat top right; box-shadow: 0 0 80px #6b6b6b; padding-left: 30px; overflow: hidden; position: relative; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 999;}
.layer_box_s{ width: 800px; height: 500px; padding-right:320px; padding-top:24px; box-sizing: border-box; background:#fff url('https://www.csxinhua.com/images/tc_20202.jpg') no-repeat top right; box-shadow: 0 0 80px #6b6b6b; padding-left: 30px; overflow: hidden; position: relative; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 999;}
.adress_x { margin: 0; font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #666666; margin-bottom: 10px;}
.title_x { margin: 0; font-size: 28px; font-weight: 600; font-stretch: normal; letter-spacing: 0px; color: #333333;}
.x_p01,.x_p02 { font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #666666;}
.x_p01 {margin-top: 10px;}
.x_p02 {margin-top: 18px;}
.layer_box_f ul,.layer_box_s ul { margin-top: 10px;overflow: hidden;}
#learn_major li {float: left; width: 212px; height: 62px;padding:10px 20px; background-color: #eeeeee; border: 1px solid #eee; border-radius: 5px; font-size: 14px; letter-spacing: 0px; color: #333333; margin-right: 11px; margin-bottom:10px; cursor: pointer;}
#learn_major li em {color: #ff4949;display: block;text-align: right;font-style: normal;}
#learn_major .major_act { background:linear-gradient(to right bottom,#f63737 40%,#ff7327); border-radius: 5px; border: solid 1px #ee5400; font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; position: relative; overflow: hidden;}
#learn_major .major_act em{color:#333333}
.layer_box_s .major_act::before,.layer_box_f .major_act::before { content: ''; width: 10px; height: 10px; background: url(https://www.csxinhua.com/shouye/images/g.png) no-repeat; background-size: 100%; position: absolute; bottom: 0; right: 0;}
#learn_from {margin-top: 10px; margin-bottom: 10px;}
#learn_from li{float: left;}
#learn_from input { width: 205px; height: 36px; background-color: #eeeeee; border-radius: 5px; border: solid 1px #eeeeee; text-indent: 12px; outline: none; margin-right: 10px;}
#learn_from input:hover { border-color: #ee5400; background-color: #fff;}
#learn_from input:focus{ border-color: #ee5400; background-color: #fff;}
.x_text_p { font-size: 14px; font-weight: normal; letter-spacing: 0px; color: #333333;letter-spacing: 1.5px;}
.x_text_p span {font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 12px; letter-spacing: 0px; color: #ee5400;letter-spacing: 1.5px;}
.x_text_p em { font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 12px; letter-spacing: 0px; color: #ee5400;letter-spacing: 1.5px;}
.x_layer_btn { margin-top: 10px;}
.x_layer_btn a,.x_layer_btn input{ float: left; text-align: center; width: 169px; height: 43px; text-decoration: none; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 12px; letter-spacing: 0px; color: #ffffff; margin-right: 11px}
.x_layer_btn input{ background:linear-gradient(to right bottom,#f63737 40%,#ff7327); border: none; outline: none;}
.x_layer_btn a{ background-color: #333; line-height: 43px;}
.tfclose,.tsclose { width: 45px; height: 45px; font-size: 20px; color: #fff; text-align: center; line-height: 45px; position: absolute; top: 0; right: 0; cursor: pointer;}
.t_swt{ position: absolute; top:0; right:0; width: 320px; height:500px;}
.lxb_close {background: url(https://www.csxinhua.com/shouye/images/close.png)no-repeat center center;background-size: 100% 100%;width: 25px;height: 25px;display: block; margin-top: 5px;margin-left: 15px;}

/*???  ???  */

@media screen and (min-width: 1020px){  div.tc2018{width: 200px;height: 420px;position: fixed;top:150px;right: 10px;z-index: 999;}  }
@media screen  and (max-width: 1019px) {  div.tc2018{display: none;}  }
div.tcmain{width: 200px;height: 420px;background: url("../images/tcbgs.png")no-repeat center;position: relative;background-size: 100% 100%;}
div.tcmain div.tctop{position: absolute;width: 200px;height: 196px;background: url("../images/tctops.png")no-repeat center;background-size: 100%;top: -8px;left: 0;animation:tcanimation 2s linear infinite ;-webkit-animation:tcanimation 2s linear infinite ;-o-animation: tcanimation 2s linear infinite ;-moz-animation: tcanimation 2s linear infinite ;}
@keyframes tcanimation {
    0%{
        top:-5px
    }
    50%{
        top:-8px;
    }
    100%{
        top:-5px
    }
}


@-webkit-keyframes tcanimation {
    0%{
        top:-5px
    }
    50%{
        top:-8px;
    }
    100%{
        top:-5px
    }
}

@-o-keyframes tcanimation {
    0%{
        top:-5px
    }
    50%{
        top:-8px;
    }
    100%{
        top:-5px
    }
}


@-moz-keyframes tcanimation {
    0%{
        top:-5px
    }
    50%{
        top:-8px;
    }
    100%{
        top:-5px
    }
}
span.tcarow{position: absolute;width: 20px;height:20px;top:10px;right: 0px;cursor: pointer;z-index: 99;}
div.tcmain div.tccon{position: absolute;width: 200px;top:212px;text-align: center;color: transparent;}
div.tcmain a{color: transparent!important;display: block;margin-bottom: 5px;height:30px}
div.tcmain a:last-child{height: 40px}

/*²à±ßÀ¸*/
.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#fb0018;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}