@charset "utf-8";
.wrap{width: 1000px;}
.head{height: 40px; line-height: 40px;}
.head a{color: #014099; margin: 0px 3px;}
.banner{ height: 310px; background: url(../images/banner.jpg) no-repeat center;}
.banneron{ width: 620px;  position: relative; left: 50%; margin-left: -310px;}
.banneron img{margin-top:56px;}
.banneron p{position: absolute; top: 90px; left: 320px; color: #ffffff;}
.nav{height: 60px; position: relative; background: #e5e5e5; border-top: 1px solid #f9db69;}

.navline{float: left; margin-top: 23px;}

.leftbox{ width: 713px; }
.border-bottom{ border-bottom: 1px dashed #bebebe; padding-bottom: 10px;}
.part em{ float: left; width: 20px; text-align: center; }
.part p{ width: 693px; float: left; }
.part p a{color: #bf0202;}
.rightbox{ width: 246px; }
.zcbox em{ float: left; width: 75px; }
.zcbox div{float: right; width: 162px;}
.ztbox em{ width: 98px; float: left; }
.ztbox div{ width: 138px; float: right; }
.wzlist li {height: 26px; line-height: 26px;}
.wzlist li img{margin-right: 5px;}
.bule{color: #0080e1;}
.red{color: #bf0202;}
.keyword a{ background: #ecf2f7; padding: 3px; float: left; margin:3px 3px 0 0;}
.foot{background: #0068b7; height: 213px;}
.foot img{margin-top: 60px;}



@media only screen and (min-width: 481px)  {
.navbox{width: 875px; left: 50%; margin-left: -437.5px; position: absolute; z-index: 99; top: -10px;}
.navbox li{width: 218px; text-align: center; float: left; height: 70px; line-height: 70px;  } 
.navbox li a{ display: block; color: #014099; font-size: 24px; font-weight: bold; }
.navbox li:hover{ width: 218px;height: 70px; background: url(../images/navon.jpg) no-repeat center;}
.navbox li:hover a{color: #ffffff;}
}


/*手机屏幕*/
@media only screen and (max-width: 481px)  {
.wrap{width: 100%;}
.head{display: none;}
.banner{height: 200px;}
.banneron{width: 100%; position: relative; left: 0%; margin-left: 0;}
.banneron img{width: 90%; margin-top: 5%;}
.banneron p{position: absolute; width: 100%; text-align: center; font-size: 12px; top: unset; bottom: -25px; left: 0; color: #ffae00;}
.nav{height: 30px;}
.nav img{display: none;}
.navbox{ width: 100%; display: flex; display: -wikit-flex;}
.navbox li{flex: 1; text-align: center; line-height: 30px; -wilit-flex:1;}
.navbox li a{font-size: 16px; color: #014099;font-weight: bold;}
.navbox li a:active{color: #ffae00;}

.leftbox{ width: 90%; padding: 0 5%;}
.leftbox img{width: 100%;}
.part em img{width: 7px;}
.part p{float: unset; width: unset;}

.rightbox{ width: 90%; padding: 0 5%;}
.rtitle img{width: 45%;}
.leftbox img{width: 100%;}
.rimg{text-align: center;}
.zcbox em{ width: 100%; text-align: center; }
.zcbox div{ width: 100%; text-align: center; }
.zcbox div p{text-align: center;}
.ztbox{ }
.ztbox div{float: unset; width: unset; margin-left: 108px;}
.mfoot{background: #0068b7; padding: 10px;}
.mfoot p{text-align: center; margin:2px 0;  color: #ffffff; font-size: 12px;}
.mfoot p a{color: #ffffff;}
}