.newkj{background-image:url(../newimg/bodybg.jpg); background-size:100%; background-position:bottom; background-repeat:no-repeat; overflow:hidden;}
.newcon{width:1200px; margin:auto; padding:0 15px;}
li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
ul,ol{margin:0; padding:0}
.xiangmu2{
    overflow: hidden;
}
.newtit{
    color: #00245E;
    font-size: 22px;
    margin: 0;
}
.newtit .gd{float:right;font-size: 14px;color: #947242;margin-top: 7px;}
.xiangmu2 ul{width:67%;padding: 0;}
.xiangmu2 ul li{border: 3px solid #947242;border-left: 5px solid #947242;margin-top:20px;list-style: none;overflow: hidden;display: -webkit-box;}
.xiangmu2 ul li .jieshao1{width:80%; border-right:1px solid #947242; padding:20px;}
.xiangmu2 ul li .jieshao1 br{display:none;}

.xiangmu2 ul li .jieshao1 .jsbt{
    width: 35%;
}
.xiangmu2 ul li .jieshao1 .jsbt h3{
    font-size: 18px;
    font-weight: bold;
    color: #00245E;
    margin: 0;
}
.xiangmu2 ul li .jieshao1 .jsbt h3 span{color: #947242; margin-right:5px}
.xiangmu2 ul li .jieshao1 .jsbt h4{
    font-size: 14px;
    color: #947242;
    margin: 0;
    margin-top: 58px;
}
.xiangmu2 ul li .jieshao1 p{display:block;width: 60%;line-height: 25px;}
.xiangmu2 ul li .jieshao1 p strong{color:#00245E;display: block;margin-bottom: 8px;line-height: 15px;}
.xiangmu2 ul li .jieshao1 .guojia{border-top:1px solid #947242;clear: both;overflow: hidden;margin-top: 18px;padding-top: 18px;}
.xiangmu2 ul li .jieshao1 .guojia h6{background: rgba(148,114,66,.2);padding: 5px;font-size:12px;float: left;/display: flex; align-items: center;margin: 0; margin-right: 5px;}
.xiangmu2 ul li .jieshao1 .guojia h6 img{
    /* vertical-align: middle; */
    margin-right: 4px;
}
.xiangmu2 ul li .jieshao2{background: rgba(148,114,66,.2);display:block;width: 20%;text-align:center;display: flex;display: -webkit-flex;justify-content: center;align-items: center; transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;}
.xiangmu2 ul li .jieshao2 a{
    color: #947242;
    font-weight: bold;
    padding: 75px 0;
    display: block; transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;
}
.xiangmu2 ul li .jieshao2:hover{background:rgba(148,114,66,.8)}
.xiangmu2 ul li .jieshao2:hover a{color:#fff}
.xiangmu2 ul li .jieshao2:hover a img{  filter: grayscale(100%) brightness(300%);}


.xiangmu2 ol{width:30%;padding:0;padding-top: 20px;}


/* 首页视频播放 */
     .video-container {
            position: relative;
            display: inline-block;
            /* border-radius: 15px; */
            overflow: hidden;
            /* box-shadow: 0 20px 40px rgba(0,0,0,0.3); */
            transition: transform 0.3s ease;
            width: 100%;
            height: 242px;
        }
  .video-container img{height:100%; width:100%}
        .video-container:hover {
            /* transform: scale(1.02); */
        }

        .main-image {
            width: 100%;
            height: auto;
            display: block;
            /* border-radius: 15px; */
        }

        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background: none;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 0 10px #fff;
            border: 1px solid #947242;
            background: rgba(255,255,255,.8);
        }

        .play-button:hover {

            transform: translate(-50%, -50%) scale(1.1);
            border: 1px solid #947242;
        }

        .play-button::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-left: 25px solid #947242;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            margin-left: 5px;
        }

        .video-popup {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            backdrop-filter: blur(5px);
        }

        .video-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
        }

        .close-button {
            position: absolute;
            top: -40px;
            right: -40px;
            width: 40px;
            height: 40px;
            background: #947242;
            border-radius: 50%;
            border: none;
            color: white;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        }

        .close-button:hover {
            background: #947242;
            transform: rotate(90deg);
        }

        .video-frame {
            width: 800px;
            height: 450px;
            border-radius: 10px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        }

        .instructions {
            color: white;
            margin-top: 30px;
            background: rgba(255, 255, 255, 0.1);
            padding: 20px;
            border-radius: 10px;
            backdrop-filter: blur(10px);
        }

        .instructions h2 {
            margin-bottom: 15px;
            font-size: 1.5rem;
        }

        .instructions ul {
            text-align: left;
            padding-left: 20px;
        }

        .instructions li {
            margin: 10px 0;
            font-size: 1.1rem;
        }

        @media (max-width: 768px) {
            h1 {
                font-size: 2rem;
            }
            
            .play-button {
                width: 80px;
                height: 80px;
            }
            
            .play-button::after {
                /* border-left: 20px solid #667eea; */
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
            }
            
            .video-frame {
                width: 90vw;
                height: 50vw;
            }
            
            .close-button {
                top: -30px;
                right: -30px;
                width: 30px;
                height: 30px;
                font-size: 16px;
            }
        }


.xiaoli{background:#947242;padding: 34px 0;color:#fff;margin-top:20px;overflow:hidden;font-size:18px;font-weight:bold;}
.xiaoli li{float:left;width: 40%;text-align:center;}
.xiaoli li:first-child{border-right:1px  solid #fff;width: 60%;}
.xiaoli li img{margin-bottom: 15px;}
.xiaoli li a{color:#fff;}

.kcjs{background: rgba(148,114,66,.2);border: 3px solid #947242;position:relative;margin-top:20px;overflow: hidden;height: 87px;}
.kcjs img{height:100%}
.kcjs h5{position:absolute;top:50%;left:10%;transform: translateY(-50%);margin: 0;}
.kcjs a{color:#947242; font-size:18px; font-weight:bold;}
.kcjs a img{transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;}
.kcjs a:hover img{margin-left:20px}
.kfrxw{
    overflow: hidden;
    margin-top: 50px;
}
.mb-20{margin-bottom: 20px;}
.kfrxw ul{width:48.5%;}
.kfrxw .kfr,.kfrxw .xw{border: 3px solid #947242;background: rgba(148,114,66,.2);/* padding:20px; */overflow: hidden;}
.kfrxw .xw{padding:20px;}
.kfrxw .kfr li{
    overflow: hidden;
    padding: 20px;
    /* line-height: 30px; */
}
.kfrxw .kfr li .tb{width: 15%;font-size: 18px;font-weight: bold;color: #947242;text-align: center;}
.kfrxw .kfr li .zt{width: 70%;}
.kfrxw .kfr li .yy{width:15%;}
.kfrxw .kfr li .zt h6{
    margin-top: 0;
    font-size: 18px;
    color: #00245E;
    font-weight: bold;
    /* margin: 0; */
}
.kfrxw .kfr li .zt h6 a{color: #00245E;}
.kfrxw .kfr li .zt p{}
.kfrxw .kfr li .yy a{background:#947242;color:#fff;padding: 6px  0;display: block;text-align: center;}

.xw li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 17px; 
}
.xw li:first-child{margin-top:0}
.xw li span{
    background: #947242;
    color: #fff;
    padding: 3px 5px;
    margin-right: 7px;
    font-size: 14px;
}
.xw li a{color: #00245E;font-size: 18px; font-weight:bold;}

.haiwai{overflow:hidden; margin-top:50px;}
.tubiao{border:3px solid #947242; background-image:url(../newimg/luqubg.jpg);  background-size:cover; background-repeat:no-repeat; background-position:center; height:330px; overflow:hidden;}

.tubiao ul,.tubiao ol{width:50%;overflow: hidden;}
.tubiao ul{padding-top:27px;}
.tubiao ul li{
    padding: 30px;
    -
    wdisplay: box;
    display: -webkit-box;
}
.tubiao ul li h5{width:25%;float:left;font-weight:bold;font-size: 40px;color:#00245E;margin: 0;/* height: 50px; */display: flex;display: -webkit-flex;justify-content: center;align-items: center;height: 73px;}
.tubiao ul li h5 span{color:#fff;font-size:14px;display: block;margin-bottom: 7px; margin-top:7px}
.tubiao ul li .fk div{background:#947242;color:#fff;text-align:center;font-size: 14px; padding:10px;}
.tubiao ul li .fk span{font-size:20px; margin-top:0}
.mingshi{
    border: 3px solid #947242;
    overflow: hidden;
}
.mingshi li{width:50%;padding: 30px 10px;float:left;}
.mingshi li h6{width:100px;height:100px;border-radius:50%;border:3px solid #947242;overflow: hidden;margin:auto;}
.mingshi li h6 img{width:100%; transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;}
.mingshi li:hover h6 img{-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); }
.mingshi li h5{font-size:18px; color:#00245E; font-weight:bold; text-align:center;}
.mingshi li p{text-align:center;margin-bottom: 0; line-height:24px;}
.mingshi li .lh{height:48px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.mingshi li .yh{overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
/*录取国家分布*/
      .chart-container {
            flex: 1;
            min-width: 200px;
            position: relative;
            width: 100%;
            width: 400px;
            float: left;
        }

        .donut-chart {
            width: 400px;
            height: auto;
            aspect-ratio: 1/1;
            margin-top: -35px;
        }

        .center-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            margin-top: -28px;
            color: #fff;
        }

        .center-text h2 {
            font-size: 20px;
            font-weight: 600;
            color: #fff;
            margin-bottom: 5px;
        }

        .center-text p {
            font-size: 14px;
            color: #666;
        }

        .legend {
            /* flex: 1; */
            /* min-width: 50px; */
            /* display: flex; */
            /* flex-direction: column; */
            /* justify-content: center; */
            /* width: 150px; */
            margin-left: -30px;
            float: left;
            margin-top: 65px;
        }

        .legend-item {
            display: flex;
            align-items: center;
            padding: 5px;
            /* margin-bottom: 15px; */
            /* background: #f8f9fa; */
            /* border-radius: 12px; */
            transition: all 0.3s ease;
            /* cursor: pointer; */
            /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); */
        }

        .legend-item:hover {
            /* transform: translateY(-3px); */
            /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
        }

        .legend-color {
            width: 24px;
            height: 18px;
            /* border-radius: 50%; */
            margin-right: 15px;
            /* border: 2px solid white; */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        .legend-text {
            /* flex: 1; */
            font-size: 16px;
            color: #fff;
            font-weight: 500;
            margin-right: 3px;
        }

        .legend-percent {
            /* font-weight: 700; */
            font-size: 14px;
            /* min-width: 50px; */
            /* text-align: right; */
            color: #fff;
        }

        .highlight {
            transition:.5s;
            -moz-transition:.5s;
            -webkit-transition:.5s;
            filter:alpha(opacity=70);
            -moz-opacity:0.7;
            opacity: 0.4;
        }

        .legend-item.active {
            background: rgba(148,114,66,.2);
            /* border-left: 4px solid #2196f3; */
            color: #000;
            /* border: 1px solid #fff; */
            box-shadow: 0 0 5px #fff;
        }

        @media (max-width: 768px) {
            .content {
                flex-direction: column;
            }
            
            .chart-container {
                min-width: 250px;
                width: 100%;
            }
            .donut-chart{width:100%}
            .container {
                padding: 20px;
            }
            .center-text h2{font-size:16px;}
            .legend{margin-top:-30px;margin-bottom:20px;margin-left:0;position: relative;z-index: 1;left: 50%;transform: translateX(-50%);}

        }
		
.lqbt{font-size:48px;color:#00245E;text-align:center;margin: 40px 0;font-weight: bold;}
.ejdh{background: rgba(148, 114, 66, .2);border:3px solid #947242;overflow:hidden;margin-bottom: 20px;}
.ejdh li{width:25%; float:left;}
.ejdh li a{display:block; color:#947242; text-align:center;margin: 10px 0;border-right: 1px solid #947242;font-size:18px;}
.ejdh li.active{background:#947242}
.ejdh li.active a{color:#fff;}
.ejdh li:last-child a{border-right:0}
.lqsj{border:3px solid #947242;margin-bottom:30px;padding: 20px;background:#fff;}
.lqsj table{width:100%}
.lqsj table td, .lqsj table th {
    border-bottom: 1px solid #947242!important;
    padding: 12px;
    text-align:left;white-space: nowrap; height:auot!important;
}
.lqsj table tr{height:auto!important;}
.lqsj table tbody tr:first-child{background: rgba(148, 114, 66, .2); color:#00245E; font-size:18px; font-weight:bold;}
.lqsj table tbody tr:first-child td{border-bottom:0}
.lqsj table tbody tr td:last-child{text-align:right;}

     #passwordArea {
            background: white;
            border-radius: 15px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
            padding: 40px;
            text-align: center;
            transition: all 0.3s ease;
            max-width: 500px;
            margin: auto;
            margin-bottom: 30px;
        }
        
        .lock-icon {
            font-size: 60px;
            color: #667eea;
            margin-bottom: 20px;
        }
        

        
        .hint-text {
            color: #666;
            margin-bottom: 30px;
            font-size: 16px;
        }
        .password-container {
            margin-bottom: 25px;
        }
        
        #passwordInput {
            width: 100%;
            padding: 15px 20px;
            border: 2px solid #e1e5e9;
            border-radius: 10px;
            font-size: 16px;
            transition: border-color 0.3s;
            outline: none;
        }
        
        #passwordInput:focus {
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        }
        
        #submitButton {
            background: #947242;
            color: white;
            border: none;
            padding: 15px 30px;
            border-radius: 10px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            width: 100%;
        }
        
        #submitButton:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        
        #errorMessage {
            color: #e74c3c;
            margin-top: 15px;
            font-size: 14px;
            height: 20px;
        }
        
        #neirong {
            display: none;
            text-align: left;
        }
        
.c-slider-mask, .c-slide a{display:block; width:100%; height:100%; position:absolute; top:0 ; left:0}

.password-container h6{
    text-align: left;
    font-size: 15px;
    margin-bottom: 10px;
    color: #00245E;
}
#passwordArea p{margin-top: 40px;line-height:24px;color: #6B7280;border-top: 1px solid #ccc;padding-top: 30px;}
.banquan{margin-top:30px; text-align:center; color:#9CA3AF; padding-bottom:20px;}
.password-container li{border-bottom:1px solid #ccc;padding: 15px 0;font-size:16px;color:#555;text-align:left;list-style:none;}
.password-container li h4{color:#00245E; float:right; margin:0;}
#passwordArea p.jgp{border-top:0;margin: 30px 0;padding: 0;text-align: left;/* display: block; */}

	
@media(max-width:640px){
	.cxtit{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    /* padding-bottom: 40px; */
}
#passwordArea{margin:0 10px 30px; padding: 10px 20px;}
.password-container li h4{font-size:13px;}
.password-container li,#passwordArea p{font-size:13px;}
.newcon, .xiangmu2 ul,.xiangmu2 ol, .xiangmu2 ul li .jieshao1 .jsbt,.xiangmu2 ul li .jieshao1 p,.kfrxw ul{width:100%}
.kfrxw ul:nth-child(1){margin-bottom:30px;}
.xiangmu2 ul li .jieshao1 .jsbt h4{margin-top:10px;}
.xiangmu2 ul li .jieshao1 .guojia h6{margin-bottom:2px; margin-top:2px;}
.video-container img{width:100%}
.kcjs img{height:auto; width:100%;min-height:100%;}
.kcjs h5 img{width:auto;}
.xiangmu2 ul li .jieshao1 p{margin-top:10px; margin-bottom:15px;}
    .xw li a{font-size:16px;}
    .xw li a span{font-size:12px;}
    .kfrxw .kfr li .tb{font-size:16px;}
    .kfrxw .kfr li .yy{width:100%; text-align:left;}
    .kfrxw .kfr li .tb{width:25%; text-align:left;}
    .kfrxw .kfr li .zt{width:75%}
    .mingshi li{width:100%}
    .mingshi li .lh{height:auto;}
    .newtit{font-size:18px;}
     .tubiao{height:auto;background-size:auto;background: rgba(148, 114, 66, .8);}
   
     .tubiao ul,.tubiao ol{width:100%}
    .tubiao ul li{display:block;/* margin-bottom:20px; */overflow: hidden;padding: 20px;}
    .tubiao ul li h5{width:50%;}
	.lqsj{overflow-x:auto;}
.lqbt{font-size:28px;}
.ejdh li a{font-size:14px;}
.video-container {height:auto;}
    .video-container img{height:auto;}
}