/*--css reset--*/
html,body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,pre,code,address,variable,form,fieldset,blockquote {
	padding:0;
	margin:0;
	font-size:62.5%;
	font-weight:normal;
	font-family:"微软雅黑", "黑体";
	color:#fff;
}

@font-face { font-family: "hkxk"; /*这里是说明调用来的字体名字*/ src: url("/images/img/youshe.ttf"); /*这里是字体文件路径*/ }
@font-face {
	font-family: 'Conv_tt0007m_';
	src: url('/english/assets/fonts/tt0007m_.eot');
	src: url('/english/assets/fonts/tt0007m_.woff') format('woff'), 
		 url('/english/assets/fonts/tt0007m_.ttf') format('truetype'),
		 url('/english/assets/fonts/tt0007m_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{background: #000;color: #fff;}
ol{margin-left:0; list-style:none;}
ul{margin-left:0; list-style:none;}
.Nav.left{cursor: default;}
a{ color:#fff; text-decoration:none;}
/*a:hover{ text-decoration:underline;}*/
img,input{ vertical-align:middle;}
.clean{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.hidden{ display:none;}
.show{ display:block;}
img{ border:none}
.w_12k{ width:1200px; margin:0 auto;}
/*--css reset over--*/
.mtop{position: relative; background: #000;
    border-bottom: 2px solid #c3141c;
    height: 55px;}
.logo{margin: 10px;width: 200px;}
.language a {
    display: inline-block;
    width: 40px;
    line-height: 25px;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}
.language{    position: absolute;
    right: 10px;
    top: -5px;}
.language .now,.language a:hover{ background:#c3141c; color:#fff;}


.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height:auto;
}



.micon{
	color: #ffffff;
	height: 50px;
	font-size:25px;
	text-align: center;
	float:right;
    top:0px;
	width: 50px;
	position: absolute;
    right: 100px;

}

.micon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 3px;
	background-color: rgba(255,255,255,1);
}
.micon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.micon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}



	
.micon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.micon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
    .micon-click span:nth-child(3){
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-name: clicksecond;
        }
	


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	

.swiper-slide img{width: 100%;}

@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.micon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.micon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.minner-nav{
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	position: absolute;
	left: 0px;
    border-bottom: 2px solid #c3141c;
	padding-bottom: 20px;
	display: none;
    z-index: 9999;
}
.minner-nav a{
    font-size: 16px;
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.minner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}
.mtitle{text-align: center;font-size: 32px;margin:20px;font-family:"hkxk";clear: both;}
.focus_box{position:relative; width:100%;}
.focus_box .time_heading{ position:absolute; left:15px; bottom:0;}
.focus_box .time{ background:#c3141c; height:100px; width:110px; float:left; text-align:center; color:#fff; font-size:24px; padding-top:10px;}
.focus_box .heading{ box-sizing:border-box; width:100%; padding:10px 20px 10px 120px; background:rgba(0,0,0,0.7); height:80px; margin-top:30px;}
.focus_box .heading a{font-size: 16px;flex: 1;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 这里是超出几行省略 */}
    .cyzp ul{width: 100%;padding:0 5%;box-sizing: border-box;display: block;}
    .cyzp ul li{width: 44%;float: left;padding: 10px;}
    .cyzp ul li.current{background: #fff;}
    .current p {
        color: #b12020 !important;
    }
    .cyzp ul li.current .intros{
        color: #a39898;
    }
    .cyzp ul li:nth-child(odd){float: left;}
    .cyzp ul li:nth-child(even){float: right;}
    .cyzp p{color: #fff;    padding: 20px 4px;
        line-height: 32px;
        font-weight: 900;
        font-size: 16px;
        height: 32px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;}
    .cyzp .intros{color: #fff;line-height: 25px;font-size: 14px;height: 80px; flex: 1;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3}
        .cyhd{clear: both;padding-top: 5px;}
        .cyhd ul{width: 100%;padding:0 5%;box-sizing: border-box;display: block;}
        .cyhd ul li{width: 48%;margin-bottom: 20px;}
        .cyhd ul li:nth-child(odd){float: left;}
        .cyhd ul li:nth-child(even){float: right;}
        .cyhd ul li p{flex: 1;
            word-break: break-all;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            line-height: 24px;
            padding-top: 8px;
                margin: 10px 0;
            font-size: 16px;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2}
            .resource_tag{
                margin-bottom: 25px;
            }
          
            .resource_tag .tag {
                float: left;
                width: 50%;
                text-align: center;
                font-size: 16px;
                color: #999;
                border-bottom: 2px solid #999;
                padding-bottom: 10px;
            }
            .resource_tag .tag.selected{
                color: #fff;
                border-bottom: 2px solid #fff;
            }
            .gywm{padding: 0 5%;}
            .foot{    padding: 15px 0 36px;
                color: #fff;
                margin-top: 30px;
                font-size: 14px;
                border-top:2px solid #c3141c;}
                

    .section1 .bg1{
      
        width: 100%;
    }
    .section2{clear: both;}
    .section1 {
        position: relative;
        width: 100%;
        clear: both;
       
    }
    .section1 .title{position: absolute;left: 0;right: 0;margin: auto;text-align: center;top:30px;}
    .whatson1 {
        width: 62.5%;
        box-sizing: border-box;
        position: absolute;
        top: 110px;
        left: 50%;
        margin-left: -31.25%;
        text-align: right;
     
    }
    .whatson1 .ntitle{
        font-family: 'Conv_tt0007m_',Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    }
    .stitle{
        font-size:24px;
        color: #fff;
        font-family: 'Conv_tt0007m_',Arial, sans-serif;
        font-weight: bold;
        text-align: center;
         margin:30px 0;
        width: 100%;
        text-transform: uppercase;
    }
    .section2{padding:0  3%;}

 .sbox2 li{width: 49%;margin-bottom:10px;}
 .sbox2 li:nth-child(odd){float: left;}
 .sbox2 li:nth-child(even){float: right;}
 .sbox1 li{margin:10px 0;}
 .efooter {text-align: center;padding:0 3%;}
 .efooter .title{    font-size: 24px;
    font-family: 'Conv_tt0007m_',Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 3rem;
    text-align: center;
}
.efooter .brief {
    font-size: 16px;
}
.efooter .btn{margin:20px 0;}
.efooter .btn a {

    color: #fff;
    font-size: 24px;
    display: inline-block;
    width: 50%;
    line-height: 48px;
    border: 1px solid #fff;
}
.efooter{padding-bottom: 150px;
    margin: 50px 0;
    position: relative;}