.w {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/* 头部开始 */

.top-pic {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 210px;
    background: url(../images/navbj2.jpg) center center no-repeat;
    background-size:cover;
    text-align: center;color:#fff;
}
.top-pic1{height: auto;background:unset;}

.top-pic .p1{font-size: 40px;font-weight:bold;margin:50px 0px 0px 0px;}
.top-pic .p2{font-size: 28px;font-weight:bold;letter-spacing: 12.5px;margin: 0px 0px 0px 10px;}

.top-pic img{
    width: 100%;
}

/*.top-pic::after {
    display:none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    /*display: block;*/
    width: .533333rem;
    height: .4rem;
    background: url(../zyys/img/m-icon2.png);
    background-size: cover;
    display: none;
    cursor: pointer;
}*/


.top-pic img {
    width: 100%;
    vertical-align: middle;
}

nav {
    width: 100%;
    height: 50px;
    background-color: #445dc2;
}

nav li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 14.285%;
}

nav li a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff!important;
}

/*nav li::before {
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    display: block;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    border-top: 14px solid #243881;
    border-right: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid transparent;
}*/

nav li:hover a {
    background-color: #243881;
    color: #fff;
}

nav li:hover {
    overflow: visible;
}

.menu_list{display:none}
/* footer开始 */

footer {
    box-sizing: border-box;
    padding-top: 30px;
    width: 100%;
    /*height: 130px;*/
    background-color: #2b5aaa;
    margin-top: 40px;color: #fff;
}

footer p {
    text-align: center;
    color: #fff;
    font-size: 12px;
}

footer p a {
    color: #fff;
}

footer .f_con{
	width: 100%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 50px;
	background: #214997;text-align: center;
}
footer p{
	font-size: 12px;
	line-height: 50px;

}
footer .f_con a{font-size: 12px;color:#fff}

footer img{
	margin: 0px 10px;
}
footer .f_con img{vertical-align:middle;margin: -1px 0px 0px 20px;}

/* 手机端 */
@media screen and (max-width:750px) {
    body {
        overflow-x: hidden;
        width: 10rem;
        min-width: 320px;
        max-width: 750px;
        margin: 0 auto;
        font-family: -apple-system, Helvetica, sans-serif;
    }








    .w {
        width: 9.2rem;
    }
    .top-pic {
        width: 10rem;
        height: 3.053333rem;
        /* background: url(../ypzy/img/m-pic1.png) no-repeat; */
        background-size: cover;
    }
    .top-pic img {
        display: none;
    }
    .top-pic::after {
        display: block;
        top: .266667rem;
        right: .4rem;
    }
    nav {
        display: none;
    }
    footer {
        height: 100%;
        padding-bottom: .4rem;
    }
    /*footer div {
        background-color: #0166b6;
        height: 100%;
    }*/
    footer p {
        font-size: .266667rem;
        margin-bottom: .4rem;
    }

.menuBtn{
    position: absolute;
    top: 0;
    right: 0;
    /*display: block;*/
    width: .533333rem;
    height: .4rem;
    background: url(../zyys/img/m-icon2.png);
    background-size: cover;
    display: block;
    cursor: pointer;
    top: 10px;
    right: 15px;
}
    .menu_list{
	display:none;
	position: relative;
	position: absolute;
	width: 100%;
	top:1.35rem;
	z-index: 999;
	top: 0;
	background-color: rgba(26,117,189,0.9);
	height:20rem;
}
.menu_list .nav_list{
	background: #f2f2f2;
	width: 50%;
	height:20rem;
	float: right;
	padding-top: 45px;
}
.menu_list .nav_list>li{
	display:block;
	text-align: center;	
	border-bottom: 1px solid #d9d6d6;
	
}
.menu_list .nav_list>li>a{
	font-size: .28rem;
	color: #333;
	height: .92rem;
	line-height: .92rem;
}
.menu_list .nav_list>li:hover,.menu_list .nav_list>li.active{
	background: #1673CF;
}
.menu_list .nav_list>li:hover>a,.menu_list .nav_list>li.active>a{
	color: #fff;
}
.menu_list .nav_list>li:hover .phnav_down>dl,.menu_list .nav_list>li.active .phnav_down>dl{
	display: block;
}
.menu_list .closeNav{width:20px;height:20px;display:block;background: url(../images/close.png) center center no-repeat;position: absolute;right: 10px;top: 12px;}


}
.menu_list .phnav_down{
	width: 50%;
	
	
	 position: absolute;
	 left: 0;
	 top: 0;
	 
}
.menu_list .phnav_down>dl{display: none;  background-color:rgba(26,117,189,0.9); height:20rem;}
.menu_list .phnav_down>dl>dd{
	line-height: .9rem;
	
	border-bottom: 1px solid #fff;
}
.menu_list .phnav_down>dl>dd>a{
	color: #fff;
	position: relative;
	font-size: .28rem;
}
.menu_list .phnav_down dl dd i.sj_icon{
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right-color: #fff;
	position: absolute;
	top:.1rem;
	right: -.4rem;
	display: none;
}
.menu_list .phnav_down dl dd.active i.sj_icon{
	transform: rotate(-90deg);
   top: .15rem;
	
}
/* 侧导航 */

.sub-mav {
    width: 260px;
    float: left;
    margin-top: 30px;
}
.sub-mav h4{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    color: #445dc2;
    border-bottom: 1px solid #445dc2;
    padding-bottom: 10px;
}

.sub-mav li {
    background-color: #fff;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    text-align: center;
    line-height: 50px;
    border-bottom: 1px solid #dadada;
}

.sub-mav li a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #666;
}

.sub-mav li:last-child {
    border-bottom: 0;
}

.sub-mav li a:hover {
    background-color: #445dc2;
    color: #fff;
}

.sub-mav li a.present {
    background-color: #445dc2;
    color: #fff;
}

header{display: block!important;}





@media(max-width:1024px){
    .top-pic .p1{font-size: 20px;margin: 27px 0px 0px 0px;}
    .top-pic .p2{font-size: 15px;letter-spacing: 5px;margin: 0px 0px 0px 5px;}








}




/*@media screen and (max-width:750px) {
    .w {
        width: 690px;
    }
    .top-pic {
        height: 229px;
        background: url(../zyys/img/m-pic1.png) no-repeat;
    }
    .top-pic img {
        display: none;
    }
    .top-pic::after {
        display: block;
        top: 20px;
        right: 30px;
    }
    nav {
        display: none;
    }
    footer {
        height: 214px;
    }
    footer p {
        font-size: 20px;
        margin-bottom: 30px;
    }
}*/