html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px; line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #333; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a,
img {
    -webkit-touch-callout: none
}
a,
a:active,
a:focus,
a:hover,
a:visited {text-decoration: none}
input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
.yr_continer{
    width: 100%;
    height: 100vh;
}
.yr_head{
    width: 100%;
    position: relative;
}
.logo{
    width: 7%;
    position: absolute;
    top: 5%;
    left: 10%;
}
.logo_img{
    width: 100%;
}
.yr_img{
    width: 100%;
}
.yr_box{
    padding: 0 10%;
    height: 60%;
    margin-bottom: 5%;
}
.txt_one{
    font-size: 16px;
    margin-top: 2%;
}
.txt_two{
    font-size: 12px;
    color: #91959A;
    margin-bottom: 3%;
}
.list{
    width: 100%;
    
}
.yr_item{
    width: 23%;
    /* margin-right: 2%; */
}
.yr_list{
    margin-left: 0;
    display: flex;
    justify-content: space-between;
}
.yr_icon_box{
    height: 40%;
    padding: 15% 10%  0  10%;
    background: #F8F8F8;
}

.yr_item_img{
    width: 100%;
}
.uko{
    padding: 10% 0;
}
.yr_icon{
    width: 13%;
    height: 2px;
    background: #444444;
    margin-bottom: 15%;
}
.yr_one{
    font-size: 11px;
    color: #757A81;
}
/* .yr_icon_box:hover{
    background: #002A82;
    color: #fff;
    .yr_one{
        color: #fff;   
    }
    .yr_icon{
       background: #fff; 
    }
} */
.yr_two{
    font-size: 12px;
    padding: 3% 0 0% 0;
}
.yr_foot{
    background: #444444;
    font-size: 10px;
    height: 60px;
    line-height: 60px;
}
.yr_foot p{
    color: #fff;
    text-align: center;
}
.yr_right{
    padding-top: 14px;
}
.yr_icp{
    padding-bottom: 14px;
}