@font-face{
    font-family:'Montserrat';
    src: url('fonts/SourceHanSerifCN-Medium.otf') format('truetype');
    font-weight: 300;
}


html{
    background-color: #414040;
}
body{
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    font-family: '微软雅黑', 'Microsoft Yahei', 'Montserrat';
    font-weight: 500;
    font-size: 62.5%;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling : touch;
    line-height: 1.6;
}

/* footer */

#footer-container{
    width: 100%;
    height: 360px;
    background-image: url(images/header-footer/footer-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
#footer-content{
    width: 100%;
    position: absolute;
    bottom: 0;
}
.footer-font{
    color: white;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 8%;
}
#wechat-code{
    background: rgba(0, 0, 0, 0.85);
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
}
#wechat-code img{
    width: 40vw;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
#media-btn{
    cursor: pointer;
}
#bp-btn{
    cursor: pointer;
}
.footer-font-bottom{
    color: white;
    font-size: 12px;
    text-align: center;
    font-weight: lighter;
    padding-bottom: 3%;
}
.img-icon{
    display: inline-block;
    margin: 0 5%;
    width: 13.2%;
}
#icon-container{
    text-align: center;
    cursor: pointer;
    padding: 0 15% 10% 15%;
}
#icon-container-header{
    display: none;
}
@media screen and (min-width:860px){
    #footer-container{
        height: 240px;
    }
    .footer-font.right{
        border-right: 2px solid white;
    }
    .footer-font{
        font-size: 13px;
        font-weight: 300;
    }
    .footer-font-bottom{
        font-size: 13px;
        font-weight: 300;
    }
    #icon-container{
        text-align: center;
        padding: 0 30% 2% 30%;
    }
    #icon-container-header{
        text-align: right;
        padding-right:40px;
        position: absolute;
        right: 0;
        cursor: pointer;
        z-index: 1000;
        line-height: 54px;
        display: block
    }
    .footer-font{
        margin-bottom: 3%;
    }
    .footer-font-bottom{
        padding-bottom: 1%;
    }
    .img-icon{
        display: inline-block;
        margin: 0 5%;
        width: 6%;
    }
    .img-icon-header{
        display: inline-block;
        width: 32px;
    }
 }




/* end footer*/

/* start header */
header#masthead{
    margin-bottom: 0 !important;
    border: none !important;
    position: fixed;
    top: 0;
    width: 100vw;
}
header#masthead .container{
    background: transparent;
}
.custom-logo {
    width: 120px;
    float: left;
    z-index: 999;
    top: 70%;
    transform: translateY(-50%);
    position: absolute;
}
.navigation-top{
    position: relative;
    padding-left: 124px;
}

.menu-headermenu-container{ padding:0; }
.menu-headermenu-container a{ text-decoration: none !important; }
.menu-headermenu-container ul { margin:0; padding:0; font-weight:400; font-size:2rem;font-family: 'Montserrat';}
.menu-headermenu-container ul li{display:table-cell; margin:0; position:relative; text-align:center;}
.menu-headermenu-container ul li a{padding:29px 15px; display:block; color:#FFFFFF !important; }
.menu-headermenu-container ul li ul li{display:block; position:relative; float:none; top:-1px;}
.menu-headermenu-container ul li ul li a{display:block; padding-top:10px !important; padding-bottom:10px !important; position:relative; top:1px; text-align:left;}
.menu-headermenu-container ul li a:hover, .menu-headermenu-container>ul>li.menu-hover>a, .menu-headermenu-container .current-menu-parent > a, .menu-headermenu-container .current_page_item > a, .menu-headermenu-container .current-menu-item > a{border-bottom: 4px solid #D7C892;}

.menu-headermenu-container ul li ul{display:none; z-index:9999999; position:absolute;}
.menu-headermenu-container ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left;background: #072C4C;}
.menu-headermenu-container ul li:hover ul li ul{display:none; position:relative;}
.menu-headermenu-container ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px; background-color: #3A3839}
.menu-headermenu-container .sub-menu li.menu-hover>a, .menu-headermenu-container .sub-menu .current-menu-parent > a, .menu-headermenu-container .sub-menu .current_page_item > a, .menu-headermenu-container .sub-menu .current-menu-item > a{ border-bottom: none;}
.menu-headermenu-container .sub-menu li a:hover{ border-bottom: none; background: rgba(0,0,0,0.3);}

.menu-headermenu-container ul li a .fa, .fixed .header-inner .nav ul li a .fa{ font-size:35px; display:block; margin-bottom:10px;}
.menu-headermenu-container ul li a span, .menu-headermenu-container ul li a span{display:block; font-size:16px;}
.menu-headermenu-container{
    padding-right: 120px;
}

.right-menu{
    position: absolute;
    width: 80px;
/*    top: -39px;*/
    top: -64px;
    left: 0;
    height: 64px;
    line-height: 64px;
}
#search-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(images/header-footer/search.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    vertical-align: middle;
}
.center-menu{
    position: absolute;
    width: 160px;
/*    top: -52px;*/
    top: -64px;
    left: 50%;
    height: 64px;
    line-height: 64px;
    transform: translateX(-50%);
    text-align: center;
}
#america-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(images/header-footer/america-icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    vertical-align: middle;
}
.language{
    display: inline-block;
    padding: 0 6px;
    font-size: 14px;
    color: white;
    cursor: pointer;
}

.language.active{
    cursor: default;
    color: #F9BE00;
}
.navbar-toggle {
    height: 64px;
    padding: 0;
    width: 64px;
    margin: 0;
    border-radius: 0;
    text-align: center;
    margin-right: -15px;
}
.navbar-toggle .icon-bar {
    background-color: white;
    margin: 0 auto;
}
@media(max-width: 859px){
    .menu-headermenu-container ul li a:active, .menu-headermenu-container ul li a:visited{
        color: rgba(255, 255, 255, 0.35) !important;
    }
    .close-span1{
        transform: rotate(-45deg);
    }
    .close-span2{
        transform: rotate(45deg);
        margin-top: -3px !important;
    }
    .footer-font.left{
        border-right: 2px solid white;
    }
    .navbar-toggle .icon-bar{
        display: block;
        width: 1.6rem;
        height: 3px;
        border-radius: 1px;
    }
    html, body{
        max-width: 100vw;
    }
    .collapse.in{
        background: #072C4C !important;
    }
    .navigation-top{
        margin: 64px -15px 0 -15px;
        padding-left: 0;
    }
    .menu-headermenu-container{
        padding-right: 0;
    }
    .navigation-top li {
        display: block;
    }
    .right-menu{
        text-align: center;
    }
    .for-modal{
        position: fixed;
        width: 100%;
    }

    .menu-headermenu-container ul li.menu-item-has-children{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAAABGdBTUEAALGPC/xhBQAAANhJREFUSA3Nk4sNgzAMRGlnqNQtuqKzGBN1iPSicFJB+Rk7CEuRRWLuPUpZlrtVjPE9y6mbjQHB+mJ9vCVS5pYtxWwcChbLVQKhhDN/L4Fd4clfd5FA3hFORJbAlXCn0E0SyKvBiZIn3sej+E7y5gttTUGNmeLRds+Kw5RRq8zGcKBSpat+iQTHSve0KuysMOkigRw9nCZWCRPcKuECPyvhCtdKTIErJXT/doaPdjxh7+vASLXCKKc5h/gzEj5wmiklfOFKiTnwQYm58I7ENfCKxLXwg4QJ/gNBiO1cf+rXmAAAAABJRU5ErkJggg==');background-repeat: no-repeat;background-position: 90.4% 38px;background-size: 16px auto;}
    .more-icon{background-image: url(images/header-footer/more.png);background-size: 16px 10px;background-position: 80% center;background-repeat: no-repeat;}
    .menu-headermenu-container{float:none; margin:0; position:relative; overflow-x:hidden;overflow-y: auto;height: calc(100vh - 64px);padding-bottom: 100px;}
    .menu-headermenu-container ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
    .menu-headermenu-container ul li{border-top:1px #0F3F69 solid; display:block; float:none; text-align:left;padding: 27px 0px;}
    .menu-headermenu-container ul li a{padding:0px !important; text-align: center; display:block; color:#000;}
    .menu-headermenu-container ul li a:hover{color:#ffffff;}
    .menu-headermenu-container ul li ul li a{text-align: center;padding: 0 !important;color: rgba(255,255,255,0.35) !important;}
    .menu-headermenu-container ul li ul li ul li a{padding-left:30px !important;text-align: center;}
    .menu-headermenu-container ul li ul li ul li ul li a{padding-left:40px !important;text-align: center;}

    .menu-headermenu-container ul li.menu-hover > ul, .menu-headermenu-container ul li:hover > ul{ width: auto !important;position: relative !important;left: 0;right: 0;top: 0;visibility: visible !important;}
    .menu-headermenu-container ul li:hover ul, .menu-headermenu-container ul li:hover ul li:hover > ul, .menu-headermenu-container ul li:hover ul li:hover > ul li:hover ul{ display:block; position:relative !important;  right:0; left:0; top:0;border-top: 1px #0F3F69 solid;margin-top: 27px;}
    .menu-headermenu-container ul li:hover ul li:hover ul, .menu-headermenu-container ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
    

    .menu-headermenu-container ul li a:hover, .menu-headermenu-container>ul>li.menu-hover>a, .menu-headermenu-container .current-menu-parent > a, .menu-headermenu-container .current_page_item > a, .menu-headermenu-container .current-menu-item > a{ border-bottom: none;}
    
    .menu-headermenu-container ul li ul li{position: relative;border: none;}
    .menu-headermenu-container ul li ul li:after {content: '';width: 200px;height: 1px;background: #0F3F69;position: absolute;bottom: 0;left: 50%;margin-left: -100px;}
}
/* end header */

/* page */
.pagination {
    padding-bottom: 20px;
}
.page-numbers {
    display: inline-block;
    font-size: 12px;
    color: #595757;
    padding: 5px 10px;
    margin-right: 5px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    border-radius: 6px;
    text-decoration: none !important;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.page-numbers:hover,
.mh-loop-pagination .current,
.mh-comments-pagination .current,
a:hover .pagelink {
    color: #fff;
    background: rgb(7, 44, 76);
}
.page-numbers a {
    display: block;
}
/* page */

.cta-right .ow-button-base a .sow-icon-image, .cta-right .ow-button-base a [class^="sow-icon-"]{
    margin: -0.1em -0.75em -0.2em 0.75em !important;
    float: right;
}

.white-bg{
    background-color: white;
}

.autoheight-img img{
    height: auto !important;
}

.page-content{
    padding: 0 15px;
}

#homepage-art .widget-title{
    font-size: 24px;
    margin-top: 16px;
}
.sow-features-list .sow-features-feature .sow-icon-container [class^="sow-icon-"], .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    margin-top: 0;
    background-repeat: no-repeat;
    left: 0;
    margin-left: 0;
}

/* news list */
.news-item-inner{
    padding: 0vw 6vw 6vw 6vw;
}
.news-item-inner a{
    text-decoration: none !important;
}
.news-item-inner:hover{
    box-shadow: 0 30px 40px rgba(0,0,0,0.2);
}
.news-featured-container{
    margin-left: -24px;
    margin-right: -24px;
}

.news-featured-image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.news-featured-image img{
    width: 100%;
}
.news-item-title {
    color: #072C4C;
    font-size: 1.5rem;
}
.news-item-item {
    color: #5A6772;
    font-size: 13px;
    border-bottom: solid 1px #D8D8D8;
    padding-bottom: 1.6rem;
    margin-top: 2.2rem;
}
.news-item-time {
    color: #B9B9B9;
    font-size: 12px;
    line-height: 1.6;
    margin: 1rem 0 0.5rem 0;
    padding: 0 2rem;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAA9BJREFUWAnFV0tPE1EUpg9iwKJsQd00Ib52PhLDgqSlBSUSxZW4cuPCuJCVBhMkaCLRFSt/AnWHBB/hVRJMmhIfS9GQdKXtVtNaY0rB77tzD7ltZ9oOFL3JzD1z7znf990zM3fOeJrqbBsbGwdSqVQY7oMej+ck+k59ECHNY3t7ex39XDAYjHd1df3hRK3mqeWwvLx8ZHNzcxykwyAI1PLX81n0L/x+/0Rvb+/3ajGOAhKJREsulxtD8AiIWxxA8nq81W4eon9jfCoQCDzu7u6mXdFsBehVz8L7rBFRhL0K0FmsbKlYLH6LRqM/Ob+4uHjY5/MdRaYiEHsFQz04fJxjQ8wHzF+1y0aFAJCfAdArxHWoaAtgBqSj4XD4q4xV61dWVk4UCoUnEDNk+GWAcRkiPhljTSUC9Mrfw0GRQ/kPgNzo7+9/awaJPT8/f5A25n/JmNlj/hIwpoHRrscp4ryZCa8E8J5j5Uy7kKfgfMGJnKuEb4aHtgVqp2csMSAipQc7cOtekkucdgRks9mHGFT3nCtH4EC1lEPsRfi38dC2YJb0xCAWMTmBbJzTD7fyUwKYejjclUimvRq59vOLP3rTNoYtk1jENCZGyMlrJQArGIeDSguEzDil3QBwbRKT2AwkFzlpe7nDYWKYF2hFpGvUMht/bm5ufkAOjXyd3F5ur1AkO9wq09V4agsxFAp9gbWq8dvIzVswqAe4YfAt2NdWxjHoxcApYUT6l8Ter97kIDczoN57EnJ73S9iwS3j6KAAflbZ8rK3W5f1n/EMna7XW3PIR6yTAnbVkL41CYSAmwsLC0/l2k1PASwm2FqTyeQhy6x9jkQi7yDimXhCxL16RPDLSS4dl6YA7ueq5fP5Y2LX0/f19d13K4KfbQM77YXyzzKA3Skidr29nQis8rZTvMkB7nVmYE6cMcBiwnUrF7G1tTXgBFLGMedlAYk05nRATzweP+4UXG2cIjB/B1ivkeZHdr76s81qiS1Lbj+rVxQOMQzcwuFDiibRX8PhuuGD8xxBPGwbqyRMSKkWIzdvQRN2pwkoV0UjUjTESsYWYQ+DxCQ2IcgFTpUlJUCXSFOCD4fp3d4KwTB7YgGTWZY2JWWZEsBRls7oPtKG0nbcijeNEEEMYgGT77+qkDUXL62ChAbrdqSFb0GG1wgIIjC5l9vBWGCsEYuYaBmW5+Y/QklVTI9GlOV61ZMgdleWUwCbLs9ZG/z7HxOlAKf/+msmItjrbLj6OcUTn0P6Y3y95Wk3MU274hkwJ0277PecVRQLGakl+EXNgJTfFVe/538BlXvzoosWC6QAAAAASUVORK5CYII=");
    background-size: 1.6rem 1.6rem;
    background-position: left center;
    background-repeat: no-repeat;
}
.news-item-arrow{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAVFBMVEUAAAD7vwD/vwD/2QD7vwD6vgD7vwD7vwD8vgD8wAD7vgD7vgD/wgD6vgD////96q/845P+9Nb967P82m7+9NX6xh/+8s796Kf95p7834X7z0b6yS33bLDkAAAADXRSTlMA8xgG49nHv5aVgkct8zFIpgAAAMJJREFUOMuFk1kOgzAMRG0CWZmULnS9/z0r2hQShTrvd14YS9i0oYIzA/NgXFBU01nGCtuOSpRnFLBXxXONCp19ZOyxQz+u71NeGV3q1/iD/s7hkfNEhv8UMDLmeMIGLyUWBefCsESKIRisKACSEchBNBwZiIahAaIxUJrxdb0sHBMx3tOUP2G+HXJifCRhv2KK01phxByGnJjDURBzBFIs5ayIrJDD1r+7yLmrF2ZGhm+vXHtp5bVvH0779NrH2zz/N3w3KOcR4AxAAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center;
    display: inline-block;
    width: 16px;
    height: 16px;
    float: right;
}
.content-area {
    padding-bottom: 48px;
}

.slider-img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.slider-img img{
    width: 100%;
    max-height: 640px;
}
.slider-img .slider-container{
    position: absolute;
    width: 100%;
    z-index: 9;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.6);
}
.slider-img .slider-title {
    color: white;
    font-size: 24px;
    line-height: 1.6;
    display: block;
    padding: 12px 36px;
    text-align: center;
    font-weight: 200;
}
#news-slick{
    padding-bottom: 30px;
}
.news-detail {
    padding: 32px 0 32px 0;
}
#homepage-news {
    margin-top: -100px;
    z-index: 999;
    position: relative;
}
.news-detail .container{
    max-width: 900px;
}
.news-detail img{
    max-width: 100%;
    height: auto;
}
.news-detail p{
    font-size: 16px;
}
@media(max-width: 859px){
    #homepage-news{
        margin-top: 0px;
    }
    
}
/* end news list */

@media(min-width: 860px){
    header#masthead{
        background: #072C4C;
    }
/*    .custom-logo {
        top:10%;
    }*/
#wechat-code-h{
    background: rgba(0, 0, 0, 0.85);
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
}
#wechat-code-h img{
    width: 40vw;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

    .menu-headermenu-container ul li a {
        padding: 18px 10px;
        font-size: 14px;
    }
    .navigation-top {
        display: block !important;
        height: auto !important;
        padding-left: 23%;
    }
    .flex-container{
        display: table;
    }
    .flex-container.right2left{
        direction: rtl;
    }
    .flex-container .panel-grid-cell{
        vertical-align: middle;
        direction: ltr;
        float: none !important;
    }
    .flex-container .panel-grid-cell .panel-widget-style{
        margin-top: 0 !important;
    }
    #search-content{
        width: 50vw !important;
    }
}

.wp-toolbar .datepicker.dropdown-menu{
    margin-top: 32px;
}

.page-content{
    overflow: hidden;
}
.aligncenter { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
} 
.aligncenter p.wp-caption-text {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#homepage-art {
    margin-top: -120px;
    margin-bottom: 30px;
}

#close-code{
    width: 36px;
    height: 36px;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAABGdBTUEAALGPC/xhBQAAAY5JREFUSA3N1k1OhDAUB3AKRE7gxoUxcWm8gokf8QJ6AkKiibuJS11OoonJHICvreESXsDtXMCtZwB8fzIlDgPltZRoE1I6PPqj0L6p4/xFKYpib25XGiJJkru6rh88z7sMw/B7DjhN05uqql59379ygRFyWpblR5Zl+7bBDfZO/R6TcetiZNRY03FiG/2F+UKIZRRFbwIjwsiAAaVjTQ9xPvX19mBPsBoQJzbRIWwLtIWqsB1wKjqG9YKmKAcbBHVRLqYEuagONgqOoboYCxxCKUOdUbpCBpGLullniFeVdh2qgnCts06/6KcDOrQw9MMGEbxBP+n0EG1KVytKVwucc4vLDUQcXiNVGFlTqH2Nh5BtTs0GOxNkRZ0bJXwW2MGQ9RdI8Cbo6DfswdrZ2JlIrH8ZJajC5PfSRQdBDmaC9oI6mC66A5pgOugWOAXjoi1oA+OgDWgTG0PFHJgKxUb4hQK0s77sVFVjqxkEwQXFyDR47+R5fkTb/UfVjVOvITnEcfxMg2vnzNQ+/+/9Px4msA3iu3qwAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    right: 30px;
    top: 110px;
}
#search-container {
    display: none;
    position: fixed;
    top: 0; bottom: 0;
    left: 0; right: 0;
    padding: 15px;
    background:rgba(0,0,0,0.85);
    z-index: 9999;
    color: #ffffff;
}

#search-container .header-searchform {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
    font-weight: 400;
}

#search-container .header-searchform .header-searchform-inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

#search-container .header-searchform input,
#search-container .header-searchform button {
    background: none;
    border: none;
}

#search-container .header-searchform input {
    border-bottom: 2px solid #eeeeee;
    font-size: 1.263em;
    width: 50%;
}

#search-container #close-search-container {
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: 400;
    color: #ffd800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
@media (max-width: 859px){
    .modal-dialog {
        width: 100%;
        margin: 0;
    }
    .slider-img .slider-title {
        font-size: 16px;
    }
    #homepage-art {
        margin-top: 0px;
    }
}
.aigpl-breadcrumb-wrp{
    display: none;
}
#aigpl-gallery-1,#aigpl-gallery-2{
    margin-top: 30px;
    margin-bottom: 30px;
}
ul.menu li ul li.menu-item{
    background-position: calc(100% - 6px) center;
}
.fc-day-grid-event .fc-content{
    overflow: visible !important;
}
#search-content{
    width: 100vw;
    position: absolute;
    z-index: 2001;
    display: none;
    top: 100px;
    right: 0;
    left: 0;
    margin: auto;
}
#modal-self{
    background: rgba(0, 0, 0, 0.85);
    width: 100vw;
    height: 100vh;
    z-index: 2000;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
}