body,h1,h2,h3,h4,h5,p,em,ul,li,strong,b,input,select,dl,dt,dd,ol,s,i,form,textarea,blockquote,th,td,header,nav,footer,aside,article,menu,figure,details,summary,button,input{margin:0;padding:0;}
header,nav,footer,aside,article,menu,figure,details,summary{display:block;}
@font-face {
    font-family: 'arabic';
    src: url(http://arabic.blcxyy.com/ayzt/202010/P020201022617653299181.ttf) format('truetype'); /*Safari, Android, iOS*/
    font-weight: normal;
    font-style: normal;
}
body{font-family: "arabic" !important;margin:auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust: 100%;color:#333;background-color:#f4f6f7;}
li{list-style:none;}
input,button,textarea{background:none;border:0; outline: none;-webkit-appearance: none;border-radius:0;
font-family: "arabic" !important;}
a{text-decoration:none;color:#333;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1;}
.fl{float:left!important;}
.fr{float:right!important;}
.header-top{background: #185fb2; height:1.829rem;}
.header{
    background:url(../images/header-bg.jpg) no-repeat;
    height: 7.21rem;    
    position: relative;
    background-size: 100% auto;
}
.header .logo{
    float:left;
    margin:1.1594rem .4122rem 0 .5152rem;
    width: 1.6747rem;
    height: 1.7906rem;
}
.header .slogan{
    padding-top: 2.04rem;
    color: #fff;
    font-weight: 700;
    width: 9.99rem;
    float: right;
    line-height: 1.54rem;
    font-size: .77rem;
    margin-right: 0.489rem;
}
.header img,.header-top img{display:block;width:100%;}

.pc-index{ position: absolute;
    width: 0.97rem;
    height:0.82rem;
    top:0.438rem;
    left:.489rem;}
.menu{
    position: absolute;
    width: 1.095rem;
    height: .9275rem;
    top:0.438rem;
    right:.489rem;
    transition: .5s;
}

.side-menu{
    background:#004ea2;
    z-index: 88;
    position: fixed;
    top:0;
    /*right: 0;*/
    bottom: 0;
    right: -13rem;
    color:#fff;
    width: 12.06rem;
    transition: .5s;
}
.side-menu .title{
    line-height: 2.28rem;
    border-bottom: 1px solid #3170b3;
    padding-right: .669rem;
    font-size: .927rem;
}
.side-menu .close{
    position: absolute;
    top: .737rem;
    right: 10.3rem;
    width: .824rem;
    height: .824rem;
    cursor: pointer;
}
.side-menu .close img{
    display: block;
    width: .824rem;
}
.side-menu dl{
    padding-right: .669rem;
}
.side-menu dt{
    height: 2.28rem;
    line-height: 2.28rem;
    position: relative;
    font-size: .824rem;
    border-bottom: 1px solid #3170b3;
    cursor: pointer;
}
.side-menu dt:after{
    width: .824rem;
    height: .45rem;
    background:url(../images/arr.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top:50%;
    left:.953rem;
    margin-top: -.225rem;
    content: '';
    transition: .5s;
}
.side-menu dd{
    padding: .2rem 0; 
    border-bottom: 1px solid #3170b3;
    display: none;
    transition: .5s;
}
.side-menu dd a{
    line-height: 1.674rem;
    font-size: .69rem;
    display: block;
    color:#fff;
}
.side-menu.active{
    right: 0;
}
.side-menu dt.active:after{
    transform: rotate(-180deg);
}
.main{
    position: relative;
    transition: .5s;
    right: 0;
}
.main.active{
    right: 5.47rem;
}
.search-box{
    padding: .76rem .7987rem;
    display: flex;
}
.search-box .keywords{
    width:11.4625rem;
    height: 1.5201rem;
    border-radius: 0 10px 10px 0;
    border: 1px solid #a5a5a6;
    border-left: 0;
    background:#fff;
    font-size: .6183rem;
    text-indent: .438rem;
}
.search-box .search-btn{
    width: 2.9629rem;
    height: 1.5201rem;
    background:#004CA2 url(../images/search-icon.png) no-repeat center center;
    background-size: .9275rem .9275rem;
    border: 1px solid #004ea2;
    border-right: 0;
    border-radius: 10px 0 0 10px;
}

.side-menu .sub-title1{
    height: 2.28rem;
    line-height: 2.28rem;
    position: relative;
    font-size: .824rem;
    border-bottom: 1px solid #3170b3;
    cursor: pointer;
}
.sub-title1 a{color:#fff;display: block;}
.side-menu .sub-title1:after{background:none;}

@media screen and (max-width: 960px){
    /* 弹出框样式 */
    .outer-chain-openShadow{
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.38);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        display: none;
    }
    .outer-chain-openBox{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .outer-chain-openBoxList{
        z-index: 30;
        width: 80%;
        box-sizing: border-box;
        background: #fff;
        padding: 1rem;
        border: 1px solid #929292;
        border-radius: 0.rem;
        overflow: hidden;
    }
    .outer-chain-openBoxList p{
        font-size: 0.7rem;
        color: #777;
        line-height: 1.333;
    }
    .outer-chain-openBtnBox{
        display: flex;
        justify-content: center;
    }
    .outer-chain-openBtnBox button{
        padding: 0.2rem 1rem 0.05rem;
        font-size: 0.6rem;
        box-sizing: border-box;
        border-radius: 0.2rem;
        margin: .4rem 0.2rem 0;
        outline: none;
    }
    .outer-chain-openBoxList button.openGo{
        background: #2750b7;
        color: #fff;
        border: none;
    }
    .outer-chain-openBoxList button.openNo{
        border: 2px solid #cfcfcf;
        background: #fff;
        color: #777;
    }
}