/* ================================
    main
================================ */
.main{
/*    min-height: calc(100vh - 369px) */   /*header+footer分*/
    min-height: calc(100vh - 390px)   /*header+footer分*/
}
/* ================================
    top-slider
================================ */
/*top-slide*/
#top-slide{
    width: 100%;
    height: auto;
}

/* ================================
    lang-change
================================ */
/*lang-box*/
.lang-box{
    width: 310px;
    height: 44px;
    padding-top: 4px;    
    border-radius: 0 0 10px 10px;
    background-color: #f29300;
    box-shadow: 9px 12px 20px rgba(0,0,0,0.15);
    vertical-align: inherit;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    right: 0;
}
.lang-box::after{
    content:'';
    clear: both;
    display:block;
    height: 0;
}

/* ================================
    top-title-logo
================================ */
/*top-logo-box*/
.top-logo-box{
    width: 230px;
    padding: 144px 0 44px;
    margin: 0 auto;
}
.top-logo-box a{
    display: block;
}
.top-logo-box img{
    width: 100%;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
}
.top-logo-box img:hover{    
    -moz-transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
    -o-transform: scale(1.03,1.03);
    -ms-transform: scale(1.03,1.03)
}
/* ================================
    emergency
================================ */
/*emergency-box*/
.emergency-wrap{
    text-align: center;
}
.emergency-box{
    display: inline-block;    
    vertical-align: middle;
    text-align: left;
    max-width: 920px;
}

/* ================================
    search
================================ */
/*search-box*/
.top-search-wrap .search-box {
    width: 366px;
    margin: 0 auto;
}
.top-search-wrap .search-box input[type="text"]{
    width: 296px;
}
/* ================================
    top-icon
================================ */
/*icon-wrap*/
.icon-wrap{
    width: 940px;
    padding: 10px;
    margin: 100px auto 0;    
}
.icon-wrap::after{
    content: '';
    display: block;
    clear: both;
    height: 0;
}
.top-nav-wrap{
    width: 330px;
    float: left;
}
.top-nav{
    width: 88px;
    display: inline-block;
    margin-right: 12px;
    border: 0px solid;
}
.top-nav a,
.fb a{
    display: block;
    box-shadow: 9px 12px 20px rgba(0,0,0,0.15);
    vertical-align: inherit;
}
.top-nav a{
    border-radius: 50%;
}
.fb{
    width: 50px;
    float: right;
    margin: 18px 40px 0 0;
    border: 0px solid;
}
.fb a{
    border-radius: 2.4px;
}
.top-nav a:hover,
.fb a:hover{
    border: 6px solid #f29300;
    filter: li(opacity=60);
    -ms-filter: "li(opacity=60)";
    transition: 0.4s;
    -moz-transform: scale(1.14,1.14);
    -webkit-transform: scale(1.14,1.14);
    -o-transform: scale(1.14,1.14);
    -ms-transform: scale(1.14,1.14);
}
.top-nav a:hover img,
.fb a:hover img{   
    filter: li(opacity=60);
    -ms-filter: "li(opacity=60)";
    transition: 0.4s;
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
}
.top-nav img,
.fb img{
    width: 100%;
}