*{ padding:0;margin: 0px;}
ul,li{list-style: none;}
a{text-decoration: none; color: inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none; }
li:hover{cursor:pointer;}
.clr::after{content: "";display: block;clear: both;}
body,html{font: 11px 'MicrosoftYaHei';--primary-color: #193368;--secondary-primary-color: #2764C2;}
/* body,html{font: 11px 'MicrosoftYaHei';--primary-color: #3c7dcd;--secondary-primary-color: #4166a6;} */

.my-width{width: 1150px; margin: 0 auto;}
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}



/* ********************************************** */
.top{
	background-image: linear-gradient(90deg, 
		var(--primary-color) 0%, 
        var(--secondary-primary-color) 100%);
    color: #ffffff;
    font-size: 1.4rem;
    height: 3.3rem;
}
.top>div.my-width{
    height: 30px;
}
.top .holle{
    line-height: 30px;
    float: left;
    font-size: 1.4rem;
}
.top .top-right{
    float: right;
    height: 30px;
}
.top .top-right>div{
    float: left;
}
.top .top-right span{
    line-height: 30px;
    margin: 0 2px;
}
.top .sousuo td{
    display: flex;
    align-items: center;
    height: 30px;
}
.top .sousuo input[type="text"]{
    height: 30px;width: 195px;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    padding-left: 15px;
    box-sizing: border-box;
}
.top .sousuo input[type="submit"]{
    height: 30px;
    width: 30px;
    background: url("../img/sousuo.png") no-repeat;
    background-color: #ffb400;
    background-size: 60%;
    background-position: center;
    border: none;
}
/* ********************************************** */



/* ********************************************** */
.header{
    /* background: url("../img/header1.png") no-repeat; */
    /* background-position-x: right; */
    /* background-size: auto 100%; */
    /* background-image: linear-gradient(to bottom, #768ed9 0%, #768ed9 100%); */
}
.header .header-main{
    height: 150px;
    display: flex;
    align-items: center;
    position: relative;
    background-position: right;

    /* background-image: linear-gradient(to bottom, rgba(36, 75, 141, .89) 0%, rgba(36, 75, 141, 0.68) 100%), url("../img/headBg.jpg");
    background-position-x: right;
    background-size: 100% auto; */

    /* background-image: linear-gradient(to bottom, rgba(47, 90, 165, 0.89) 0%, rgba(36, 75, 141, 0.68) 100%), url(../img/bg2.png); */
    
    background-image: linear-gradient(to bottom, rgba(25, 51, 104, 1) 0%, rgba(25, 51, 104, 0.8) 100%), url(../img/bg2.png);
    background-size: cover;
}
.header .header-main .xhlogo{
    width: 32%
}
.header .header-main .xian {
    width: 1px;
	height: 31px;
	background-color: #000000;
    opacity: 0.2;
    margin: 0 11px 0 19px;
}
.header .header-main .yxlogo{
    width: 26%
}

.header .top-right{
    float: right;
    height: 30px;
    transform: translateY(22px);
}
.header .top-right>div{
    float: left;
}
.header .top-right span{
    line-height: 30px;
    margin: 0 2px;
}
.header .sousuo td{
    display: flex;
    align-items: center;
    height: 30px;
}
.header .sousuo input[type="text"]{
    height: 30px;
    width: 195px;
    border: none;
    padding-left: 15px;
    box-sizing: border-box;
    outline: none;
    color: #333;
}
.header .sousuo input[type="submit"]{
    height: 30px;
    width: 30px;
    background: url("../img/sousuo.png") no-repeat;
    background-color: #ffb400;
    background-size: 60%;
    background-position: center;
    border: none;
    cursor: pointer;
}

.nav-btn{
    display: none;
    position: absolute;
    right: 0;
    color: #fff;
}
.nav-btn span.icon-caidan{
    font-size: 42px;
}

/* ********************************************** */




/* ********************************************** */
.nav{
    background: var(--primary-color);
    min-width: 1360px;
    border-top: 1px solid #a1a1a1;
}
.nav .wpnav{
    height: 45px;
}
.nav .wpnav>li{
    width: calc(99.9% / 8);
    float: left;
    position: relative;
}
.nav .wpnav>li>a{
    display: block;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav .wpnav>li:hover{
    background: var(--secondary-primary-color);
}
.subnav{
    /* display: none; */
    position: absolute;
    top: 45px;
    z-index: 99;
    min-width: 100%;
    width: auto;
    background-color: #ffffff;
	box-shadow: 0px 3px 7px 0px 
		rgba(0, 0, 0, 0.13);
}
.subnav li  {
    display: flex;
    min-width: 100%;
    width: auto;
    box-sizing: border-box;
    white-space: nowrap;
}
.subnav li a{
    display: inline-block;
    height: 0;
    overflow: hidden;
    transition: height 0.3s;
    font-size: 16px;
    line-height: 45px;
    text-align: left;
    color: #333;
    padding: 0 25px;
    min-width: 100%;
    width: auto;
    box-sizing: border-box;
    white-space: nowrap;
}
.nav .wpnav>li:hover>.subnav li a{
    height: 45px;
}
.subnav li:hover a{
    background: var(--primary-color);
    color: #fff;
}
/* ********************************************** */
.addline{
    position: relative;
    padding-left: 8px;
}

.addline::before{
    content: "";
    display: block;
    width: 4px;
    height: 80%;
    position: absolute;
    background-color: var(--primary-color);
    margin: auto 0;
    top: 0;
    bottom: 0;
    left: 0;
}

.yqlj2 li {
    float: left;
    margin-right: 20px;
    position: relative;
    font-size: 1.4rem;
}

.yqlj2 li::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 80%;
    margin: auto 0;
    background: #ccc;
    right: -10px;
    display: block;
}

.yqlj2 li:last-child:after {
    display: none;
}

.yqlj2 li:hover a {
    color: var(--primary-color);
}



/* ********************************************** */
.footer{
    margin-top: 30px;
    /* background: url("../img/footerBg.png") no-repeat; */
    /* background-image: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-primary-color) 100%); */
    /* background-image: linear-gradient(135deg, rgba(36, 75, 141, .9) 0%, rgba(36, 75, 141, 0.88) 100%); */
    /* background-size: cover; */


    /* background-image: linear-gradient(to bottom, rgba(47, 90, 165, 0.89) 0%, rgba(36, 75, 141, 0.68) 100%), url(../img/bg2.png); */

    background-image: linear-gradient(to bottom, rgba(25, 51, 104, 1) 0%, rgba(25, 51, 104, 0.68) 100%), url(../img/bg2.png);
    background-size: cover;
}
.footer>div{
    height: 209px;
    display: flex;
    justify-content:space-between ;
    align-items: center;
}
.footer .f-logo{
    height: 209px;
    display: flex;
    align-items: center;
}
.footer .f-logo .xian{
    width: 1px;
	height: 55px;
	background-color: #ffffff;
    opacity: 0.2;
    margin: 0 10px;
}
.footer .f-text{
    color: #fff;
}
.footer .f-text .f-title{
    font-size: 1.8rem;
	line-height: 30px;
}
.footer .f-text .f-biao{
    line-height: 30px;
    font-size: 1.3rem;
}
.footer .f-text .f-biao .iconfont{
    margin-right: 10px;
}
.footer .f-erwm li{
    float: left;
    text-align: center;
    color: #fff;
    margin: 0 10px;
}
.footer .f-erwm li span{
   line-height: 18px;
}


.bottom{
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.2rem;
    background-color: #112856;
}

/* ********************************************** */







/* ********************************************** */
/* ******************************************** */
/* ****************************************** */
.la-bg{
    height: 350px;
    background:url("../img/al-Bg.png") no-repeat;
    background-size: cover;
    background-position: center;
}
.m-top-30 { margin-top: 30px;}


.la-main{
    margin-top: 50px;
}

.la-left,.la-right{
    box-sizing: border-box;
}
.la-left{
    width: 70%;
    float: left;
    background: #fff;
    padding-left: 30px;
    border: solid 1px #dddddd;
}
.la-left .la-l-header{
    padding-top: 13px;
    padding-right: 30px;
    border-bottom: 1px solid #ddd;
}
.la-left .la-l-header .l-h-left{
    float: left;
    font-size: 1.8rem;
    line-height: 48px;
    position: relative;
}
.la-left .la-l-header .l-h-left::before{
    content: "";
    display: block;
    width: 33px; height: 3px;
    background:  var(--secondary-primary-color);
    position: absolute;
    bottom: 0; left: 0;
}
.la-left .la-l-header .l-h-right{
    float: right;
    color: #999;
    padding-top: 19px;
    font-size: 1.4rem;
}
.la-left .la-l-header .l-h-right a::before{
    content: "";
    display: inline-block;
    width: 16px; height: 2px;
    background:  #999;
    margin: 0 4px 4px 4px;
}
.la-left .la-l-header .l-h-right a:first-child::before{
    display:none;
}

.la-right{
    width: 25%;
    float: right;
}
.la-right .right-list{
    background: #fff;
}
.la-right .right-list .right-header{
    font-size: 1.6rem;
    color: #fff;
    line-height: 50px;
    padding-left: 20px;
    background: var(--secondary-primary-color);
}

.la-right .right-list ul li{
    font-size: 1.4rem;
    color: #666;
    line-height: 40px;
    padding-left: 20px;
    border-bottom: 1px solid #fff;
}
.la-right .right-list ul li::before{
    content: ">";
    margin-right: 5px;
    display: none;
    color: var(--secondary-primary-color);
}
.la-right .right-list ul li:hover{
    color: var(--secondary-primary-color);
}
.la-right .right-list ul li:hover::before{
    display: inline-block;
}
.la-right .right-list ul li:last-child{
    border-bottom: none;
}