/*--top--*/
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ''
}

.clearfix {
    *zoom: 1
}
.logobox-search {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 30px 25px 0;
    text-align: left;
}
.logo {
    float:left;
    width: 16.7%;
    padding-left: 30px;
}
.searchform {
    float: right;
    width:25%;
    padding-top: 0.7%;
}
.top-search {
    width: 100%;
    background: rgba(255,255,255,.3);
    text-align: center;
    margin: 0 auto;
    border: 2px solid #2f489a;
    border-radius: 8px;
}

.search-input {
    width: 72.3%;
    line-height: 40px;
    color: #333;
    font-size: 16px;
    padding-left: 5.2%;
    padding-right: 2.85%;
    float: left;
    box-shadow: none;
    margin: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: none;
    outline: none;
}

.search-input::-webkit-input-placeholder {
    color: #333;
    font-size: 16px;
}

.search-input:-moz-placeholder {
    color: #333;
    font-size: 16px;
}

.search-input::-moz-placeholder {
    color: #333;
    font-size: 16px;
}

.search-input:-ms-input-placeholder {
    color: #333;
    font-size: 16px;
}

.search-button {
    background-image: linear-gradient(to bottom, #4192f1, #2f489a);
    width: 19.51%;
    padding: 2.2% 0 2.2% 0;
    border-radius: 5px;
    float: right;
}

.search-icon {
    width: 23px;
    height: 23px;
    background: url(/statics/ynbqw/images/search-icon.png) no-repeat 0 0;
    background-size: 100% 100%;
    float: none;
    cursor: pointer;
    border: none;
    outline: none;
}
.nav
{
	height: 35px;
	background-color: #0f52a2;
	font-size: 14px;
	font-family: SimSun;
	line-height: 40px;
	color: #666;

}
.top
{
	height: 260px;
	background: url(../images/sytop34.jpg) no-repeat center top;
}
.top_search
{
	width: 358px;
	height: 35px;
	margin-top: 200px;
	margin-right: 22px;


}
.top_search_input
{

	margin-left: 13px;

}
.top_search_input input
{
	width: 270px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #000;
    border: 1px solid #ccc;
    background:#b7c6e8 url(../images/serch.png) no-repeat right;
}
.ss_bnt {
    width: 20px;
    height: 20px;
    background: url(../images/serch.png) no-repeat 0 0;
    float: right;
    cursor: pointer;
    margin: 8px 5px 0 0;
}
.top_search_btn
{
	background: #1953b3;
    border: 1px solid #fff;
    line-height: 38px;
    height:38px;
    padding: 0 10px;
    width: 68px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    float: left;
}
.navi
{
	height: 34px;
	background-color: #2f489a;


}
.navi_item
{
	width: 11%;
	height: 20px;
	line-height: 20px;
	position: relative;
	margin: 5px 0px;
	font-size: 14px;
	color: #fff;
	float: left;
	border-right: 1px solid #002e73;
}
.navi_item:last-child{border-right:none;}
.navi_item.active
{
	background-color: #4062c1;
	border-bottom: 4px solid #ffd89e;margin-bottom: 2px;
}
.navi_item a,.navi_item a:link,.navi_item a:visited
{
	color: #fff
}

.logobox{ width: 100%; max-width: 1200px; margin: 0px auto;padding: 25px 0px; text-align: left; }
/*--top--*/

.link{ background: url(../images/link.png) no-repeat; height: 40px; margin: 20px auto; width: 100%; max-width: 1200px; clear: both; overflow: hidden; }
.linkle{ width: 100px; float: left; height: 40px; }
.linkri{ width: 1100px; float: left; position: relative; }
.btnlef,.btnri{     position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));}
.btnlef{  width: 25px; height: 26px; background:url(../images/left.png) no-repeat ;left: 10px;
    right: auto;  }
.btnri{  width: 25px; height: 26px; background:url(../images/right.png) no-repeat ; left:auto;
    right: 10px;   }


footer{ background: #2f489a; width: 100%; margin-top: 20px;  color: #fff; overflow: hidden; padding-bottom: 15px}
footer a{ color: #fff }
.bottom{ max-width: 1200px; width: 100%; margin: 0px auto;color: #fff; overflow: hidden; min-height: 166px; padding-top: 20px}
.boleft{ width: 30% ;text-align: left; line-height: 30px; float: left; font-size: 14px;}
.boright{ float: right; }
.bot{width: 100%; clear: both; }


#bottom a,#bottom a:link,#bottom a:visited{color: #fff}
@media only screen and (max-width: 768px){



.top { width: 100%; background:#0458c8 url(../images/top_m34.png) no-repeat; background-size: 100% 100%; height:160px; overflow: hidden; }
.top_search { margin-top: 30%; }
.navi{ height: auto; overflow: hidden; }
.navi_item{ width: 25% }
.navi_item.active{ border-bottom: none; margin-bottom: 0px }
.top_search_input input { width: 70% }
.top_search { width: 80%; }
.footicon{ padding-left: 0px; }
.footchar{ width: 60%; padding-bottom: 20px; padding-top: 0px; font-size: 12px; text-align: left; }
}