body {position: relative;background: url(/ybj/xhtml/img/bg_4.jpg) no-repeat 20% 0 #fbfbfb!important;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{font:12px/1.5 tahoma,arial,\5b8b\4f53; margin:0 auto; overflow-x:hidden;font-family:"微软雅黑"; background:#f3f3f3;}
h1,h2,h3,h4,h5,h6{font-size:100%; }
p{ color:#000; line-height:24px;}
ul,ol{list-style:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align: middle;}
a{ text-decoration:none; cursor: pointer; color:#1277B6;}
a:hover{text-decoration:none; color:#ff983d !important;}
.clear{clear:both;}
li{ font-size:14px; }
li a{color:#333;}
em,i{ font-style:normal;}
.fl {float: left;}
.fr {float: right;}

/*头部*/
.index{ position:relative;  background: url(../img/bg.jpg) no-repeat 50% 0 #f3f3f3;}
header{width:1200px; position:relative; margin:0 auto; padding:70px 0 20px;}
.search{ position:absolute; right:20px; bottom:45px;}
.search form{position:relative;width:550px;}
.search input {width:550px;height: 42px; text-indent:2em; border-radius: 22px; border: none; background: #fff; outline: none; position: relative;font-size: 15px; color: #555; }
.search button{ line-height:32px;border-radius: 22px;  border:none; color:#fff; font-size:16px; text-align:center; padding:0 50px; position:absolute; right:5px; top:5px;background: url(../img/search.png) no-repeat 32px 6px #1b65b9;}



.main{ width:1200px; position:relative; margin:20px auto; background:#fff; border-radius:15px 15px 0 0}

/*导航*/
.menu_nav{ background:#1b65b9; height:60px;border-radius:15px 15px 0 0;    overflow: hidden;}
.menu_nav a{ color:#fff; font-size:18px; line-height:60px; float: left; width:300px; text-align:center}
.menu_nav a:hover{ background:#0a3465;display: inline-block;}
.menu_nav a.now{ background:#0a3465; border-radius:15px 0 0 0;display: inline-block;   }
.menu_nav a i{ background: url(../img/nav.png) no-repeat 0 17px;display: inline-block;     padding: 0 31px;}
.menu_nav a i.navicon2{ background-position:0 -35px;}
.menu_nav a i.navicon3{ background-position:0 -245px;}
.menu_nav a i.navicon4{ background-position:0 -446px;}


.banner{
   background:none;
   height:360px;
   width: 1200px;
   margin: 0 auto;
}
.banner p{
    left:0;
}

.nav{line-height: 30px;height: 30px;top: -305px;position: absolute;z-index: 999;right: 0; width:auto;}
.nav>*{line-height: 60px;}
.nav .currentPos{font-size: 26px;color: #1c466b;font-weight: bold;padding-right: 58px;}
.nav .currentPos img{vertical-align: 0%;}
.nav .sort span{cursor: pointer;display:inline-block;padding: 0 30px 0 15px;background: url(../images/public/i103.png) no-repeat 87px 10px;background-color: rgb(3,130,197);color: #fff;font-size: 16px;}
.nav .sort span:hover{/* background: url(../images/public/i113.png) no-repeat 87px 10px; *//* cursor: pointer; *//* display:inline-block; *//* padding: 0 30px 0 15px; *//* margin-right: 10px; *//* background-color: rgb(3,130,197); *//* color: #fff; *//* font-size: 16px; */}
.nav .sort span:first-child{margin-right: 10px;}
.nav .fl {line-height: 30px;float: ;}
.nav .tab-con .content{
  position: absolute;
  width: 900px;
  left: -698px;
  top: 31px;
  border-top: 1px solid #1c466b;
  background:rgba(255, 255, 255, 0.9)!important;
  filter:Alpha(opacity=90);
  background:#fff;
  -moz-box-shadow:2px 2px 5px #333333;
  -webkit-box-shadow:2px 2px 5px #333333;
  box-shadow:2px 2px 5px #333333;
  padding:15px;
  display: none;
  z-index: 7;
  }
.nav .tab-con dl{font-size: 0;line-height: 0;padding:4px 0;}
.nav .tab-con dt{float: left;margin-top: 5px;font-size: 16px;color: #1c466b;font-weight: bold;line-height: 25px;width: auto;text-align: left;}
.nav .tab-con dd{float: left;font-size: 14px;line-height: 25px;width: 100%;text-align: justify;}
.nav .tab-con dd:first-child{width: 100%;}
.cleardd{float:none!important;}
.nav .tab-con dd a{display: inline-block;margin: 5px 16px;padding:0 10px;border-radius: 5px;cursor: pointer;}
.nav .tab-con dd a.current{background: #5179b1;color: #fff;}
.nav .tab-con dd li{width: 25%;float:left;}
.nav .tab-con .contentbm dd li a:hover{background: #5179b1;color: #fff;}

.tabs .tab1.on{
background: url(../images/tab-bg_news.jpg) center bottom no-repeat;
}

.nav .tab-con .district dl{display: none;}

.contttt{
margin:0 auto;
}

.nav .sort span.active{
  height:30px;
}

.header .search{
top:unset;
}
.header{
background-color:unset;
}

/*wap*/
@media screen and (min-width:320px) and (max-width: 1024px) {
.banner,#comm_topLink_id,.top,.header .search{
  display:none;
}
    header{
        padding: 0!important;
        width:100%!important;
        background:url(/ybj/xhtml/img/bg_4.jpg) no-repeat center top;
        background-size:240%;

    }
    body {
        background:none!important;
    }
    header>div {
        width: 75%!important;
        display: flex;
        align-items: center;   
        padding:15px;
    }
    header div img {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
    .main{
      width:100%;
      margin: 0!important;
      margin-block-start: auto;
    }
        .menu_nav {
        border-radius: unset!important;
        width: 100%;
        height:100%!important;
    }
    .menu_nav a.now {
        background: none!important;
    }
    .menu_nav a {
        width: 25%!important;
        line-height: 40px!important;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255, 255, 255, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(255, 255, 255, .1);
        height: 40px;
        font-size: 14px!important;
    }
    .menu_nav a i {
        background: none!important;
        padding: 0!important;
        display:block!important;
    }
}