body {
    padding: 0px;
    margin: 0px;
    min-width: 1000px;
    font-family: Arial, sans-serif,'Arial Narrow';
} 
#contentI {
    border: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: calc( 100vh - 5px);
    top:0px;
    display :block ;
}

.footer{
    background-color:#4674cc  ;
    width:calc(100% - 0px);
    height:30px;
    display:block;
    z-index:1;
   bottom:0px;
   position:fixed;
   color:#fff;
   padding-top:10px;
   padding-left:30px; 
      
}
.topflag {
    width: 73px;
    height: 21px;
    padding:3px; 
    display: block;
    z-index: 3;
    top: 3px;
    left:3px; 
    position: fixed;background-color :#fff;
    border-radius:5px; 
}
.topflag a {
    text-decoration :none ;
    border :none ;
}
.intro {
    width: 100%;
    height: calc( 100vh - 1px);
    background-color: #ffdabf;
   /* position: fixed;*/
    float: left;
    display: block;
    z-index: 2;
    background-image: url('intro.jpg');
    background-size:cover ;
    min-width:1000px; 


}
.intro_text {
    
   position :relative ;
  /*  position: fixed;*/
    display: block;
   /* width: calc( 100vh * 1024/720 );*/
    width:calc(100% - 30px) ;
    height: calc( 100vh - 1px);
    z-index: 1;
    /* margin-left :15px;
     margin-right:15px; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Arial, 'Arial Narrow', sans-serif,'Franklin Gothic Medium';
    font-size: 18px;
    line-height:25px; 
}
.contin {
    display: block;
    padding: 3px;
    background: #4674cc;
    border: 1px solid #a7c2f5;
    width: 80px;
    text-align: center;
    float: right;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    border-radius :5px; 
}
.contin:hover  {
color:gold;
}
    .intro_text .style_text {
    opacity: 0.9;
    color: #070707;
    position: relative;
    padding: 15px;
    width: calc(100% - 30px);
    background-color: rgba(255,255, 255, 0.9);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border:solid 1px #4674cc ;
    border-radius :10px; 
}
   /* .intro_text .style_text:hover {
        color: #288600;
    }*/
.thongbaochuyen {
    display: block;
    z-index: 999;
    color: #2b2b2b;
    background-color: #fff;
    opacity: 0.8;
    bottom: 0px;
    position: fixed;
    font-family: Arial, 'Arial Narrow', sans-serif, 'Franklin Gothic Medium';
    font-size: 14px;
    padding: 3px;
}

.TitleBn{
    position :relative ;
    width :100%;
    float :left ;
    background-color :#fff;
    padding-top:10px; 
    padding-bottom:5px; 
 
}

.TitleBn1 {
    position: relative;
    width: 62px;
    float: left;
}
.TitleBn2 {
    position: relative;
    width: calc(100% - 265px);
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    text-align: center;
    font-size: 25px;
    font-size: 2.70vw;
    font-weight: bold;
    padding-top: 2px;
    letter-spacing: -1px;
    color: #2f5bb1;
    line-height: 60px;
}
.TitleBn2EN {
    position: relative;
    width: calc(100% - 265px);
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    text-align: center;
    font-size: 26px;
    font-size: 2.1vw;
    font-weight: bold;
    padding-top: 2px;
    letter-spacing: -1px;
    color: #2f5bb1;
    line-height: 60px;
}
.TitleBn3 {
    position: relative;
    width: 60px;
    float: left;
}

.TitleBn4 {
    position: relative;
    width: 132px;
    float: left;
}

.TitleBn3 img{
    width :100%;
}

.TitleBn1 img{
    width :100%;
}
.TitleBn4 img{
    width :98%;
}

.footer_left{
    float:left ;
    position :relative ;
    width:700px; 
}
.footer_rigth{
    float:right ;
    position :relative ;
    margin-right:20px; 
    width:110px; 
    font-size:14px;
    font-weight:normal ; 
}
.footer_rigth a {
    text-decoration:none ;
    color :#fff;
    cursor :pointer ;
}
.footer_rigth a:hover  {
    text-decoration:none ;
    color :#fff510;

}