@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td,div,input{margin:0;padding:0;word-wrap:break-word;}
body,html,input{font:12px "Microsoft Yahei",arial,\5b8b\4f53,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1{font-size:34px;}h2{font-size:24px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #1d1d1d;}
a:hover{text-decoration: underline;}
img{margin: 0;padding: 0;border: none;}
body{background: #fff;}
.w1004{width: 1004px;margin: 0 auto;overflow: hidden;}

.banner{background: url(../images/bg.jpg;vpn_img) top center no-repeat;width: 100%;height: 654px;min-width: 1004px;}
.notice{background: url(../images/bg1.jpg;vpn_img) top center no-repeat;height: 888px;margin-top: 44px;margin-bottom: 97px;}
.show{background: url(../images/bar1.jpg;vpn_img) top center no-repeat;padding-top: 130px;}
.show_nav ul li{font-size: 18px;color: #bb0006;margin-right: 12px;display: inline-block;border-right: 3px solid #bb0006;padding-right: 15px;height: 27px;line-height: 27px;cursor: pointer;font-weight: bold;position: relative;}
.show_nav ul li:nth-of-type(12){border-right: none;}
.show_nav ul li.on:before{content: "";
        position: absolute;
        width: 50px;
        height: 20px; /**光标的宽度，可根据实际调整**/
        background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: searchLights 1s ease-in 1s infinite;
        -o-animation: searchLights 1s ease-in 1s infinite;
        animation: searchLights 1s ease-in 1s infinite; 
}
.show_nav{margin-bottom: 35px;}
.show_l{float: left;width: 470px;overflow: hidden;}
.show_l ul li{overflow: hidden;height: 120px;margin-bottom: 20px;}
.show_l ul li img{float: left;width: 185px;height: 120px;}
.show_l ul li p{width: 260px;font-size: 16px;line-height: 32px;float: right;}
.show_r{float: right;width: 475px;}
.show_r ul li{margin-bottom: 30px;}
.show_r ul li h3{font-size: 20px;margin-bottom: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.show_r ul li p{font-size: 16px;line-height: 34px;height: 68px;overflow: hidden;}
.show_box{height: 260px;overflow: hidden;}

.media{margin-top: 95px;background: url(../images/bar2.jpg;vpn_img) top center no-repeat;padding-top: 130px;height: 330px;}
.media_l{width: 490px;height: 330px;float: left;}
.yx-rotaion img{width: 490px;height: 330px;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(https://libvpn.swfu.edu.cn/vpn/89/http/N3TYP63PM7YXPLUDNG/cms_udf/2017/qgddh/images/ico.png;vpn_img) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}

.media_r{float: right;width: 475px;}
.media_r_title ul li{margin-bottom: 10px;}
.media_r_title ul li h3{font-size: 20px;margin-bottom: 5px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;height: 27px;}
.media_r_title ul li p{font-size: 16px;text-indent: 2em;line-height: 30px;height: 60px;overflow: hidden;}
.media_r_list ul li{font-size: 18px;line-height: 33px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;padding-left: 10px;position: relative;}
.media_r_list ul li:after{content:"";background:#e83829;width:4px;height:4px;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;display:block;position: absolute;left: 0;top: 45%;}


.M_spot{position:relative;width: 1000px;margin: 0 auto;}
.M_spot .M_spot_list{overflow:hidden;height:318px;position:relative;}
.M_spot .M_spot_list .spot_item{float:left;display:block;overflow:hidden;height:318px;box-shadow: 3px 0px 5px rgba(0,0,0,.3);border-right:1px solid rgba(0,0,0,.3)\9;width: 640px;}
.M_spot .M_spot_list .spot_item:last-child{box-shadow:none;}
.M_spot .M_spot_list .spot_item .spot_title{float:left;display:block;height:318px;overflow:hidden;font-size:26px;color:#fff;background-color:#cc0100;width:70px;padding:100px 23px;word-wrap:break-word;word-break:nomal;line-height:32px;box-sizing:border-box;*width:24px;text-align: center;border-right: 2px solid #fff;font-weight: bold;position: relative;}
.M_spot .M_spot_list .spot_item .itembg{background-color: #fedeaf;}
.M_spot .M_spot_list .hovered_item .spot_title{background-color:#ffa800;color: #fff;}
.M_spot .M_spot_list .spot_item .img_info{position:relative;float:right;overflow:hidden;}
.M_spot .M_spot_list .spot_item img{display:block;overflow:hidden;width:570px;height:318px;}
.M_spot .M_spot_list .spot_item .spot_tit_bot{position:absolute;left:0;bottom:0;width:100%;height:50px;line-height:50px;padding-left:20px;}
.M_spot .M_spot_list .spot_item .spot_tit_bot .txt{color:#fff;font-size:24px;}
.M_spot .s_trangle{width:0; height:0;overflow:hidden;font-size:0;line-height:0;border-width:10px;border-style:dashed solid dashed dashed; border-color:transparent #d33a2e transparent transparent;position:absolute;right:20px;bottom:15px;display:none;}
.M_spot .hovered_item .s_trangle{display:block;}
.M_spot .M_video_list{overflow:hidden;margin-top:20px;width:1030px;margin-left:-25px;position:relative;}
.M_spot .M_video_list .video_item{float:left;margin-left:25px;display:inline;}
.M_spot .M_picTit{width:180px;height:120px;}

.past{margin-top: 100px;background: url(../images/bar3.jpg;vpn_img) top center no-repeat;padding-top: 130px;}
.pastBox{width: 1004px;background: #c9c9c9;overflow: hidden;height: 437px;}
.pastBox{width: 1009px;}
.pastBox ul li{float: left;position: relative;height: 437px;overflow: hidden;margin-right: 5px;cursor: pointer;}
.pastBox ul li .fold{float: left;}
.pastBox ul li .fold img{width: 52px;height: 437px;}
.pastBox ul li .unfold{display: none;width: 643px;height: 397px;padding: 20px 12px;float: right;}
.pastBox ul li .unfold img{width: 643px;height: 397px;}
.pastBox ul li.on .unfold{display: block;}

.footer{text-align: center;padding-top: 40px;color: #333;}
.footer p{line-height: 28px;}

@keyframes searchLights {
        0% {
            left: 0px;
        }
        100% {
            left: 100%;
        }
}