@font-face {
	font-family:georgia;
	src: url(../font/georgia.ttf);
	src: url(../font/georgiab.ttf);
	src: url(../font/georgiai.ttf);
	src: url(../font/georgiaz.ttf);
}


*{margin: 0;padding: 0;font-family:Microsoft YaHei;outline: none;}
body{background:#dfebf6;background-size: cover;width: 100%;}
.clear{clear: both;}
.w1500{width: 1500px;margin: 0 auto;}
.lef{float: left;}
.rig{float: right;}
li{list-style: none;}
a{text-decoration: none !important;}
img{border: 0;}



.left{float: left;}
.right{float: left;}



header{background: url(../images/topbj.png) no-repeat;width: 100%;background-size: cover;height: 114px;overflow: hidden;}
.logo{float: left;padding: 29px 85px 22px;}

.nav{width: 100%;height: 50px;background: #fff;margin: 0 auto;}
.nav ul>li {
    position: relative;
    float: left;
    width: 13.3%;
    text-align: center;
    line-height: 50px;
    background: url(../images/dhjg.png) no-repeat right center;
}
.nav ul>li:hover{border-bottom: 3px solid #0856ab;
    line-height: 48px;}
.nav ul>li.last{background: none;}
.nav ul>li>a {
    font-size: 22px;
    color: #0856ab;
    font-weight: 700;
}


.nav ul>li.on {
    border-bottom: ;
}


.nav ul>li>ul {
    position: absolute;
    left: -15px;
    right: 0;
    width: 101%;
    background-color: #0956a8;
    display: none;
    z-index: 999;
    padding: 0 15px;
}

.nav ul>li>ul>li {
    position: relative;
    line-height: 43px;
    border-bottom: 1px dashed #196caa;
    width: 100%;
    background: none;
}
.nav ul>li>ul>li:hover{line-height: 45px !important;   border-bottom: 1px dashed #196caa;}
.nav ul>li>ul>li>span {
    position: absolute;
    background: url(../images/ny-jt.png) no-repeat center center;
    background-size: 12px auto;
    width: 20px;
    height: 20px;
    right: 5px;
    top: 13px;
}
.nav ul>li>ul>li>span.on {
    background: url(../images/ny-jt-other.png) no-repeat center center;
    background-size: 12px auto;
}
.nav ul>li>ul>li>ul {
    display: none;
}
.nav ul>li:hover ul {
    display: block !important; 
}
.nav ul>li>ul>li>ul>li {
    line-height: 30px;
}

.nav ul>li>ul>li>ul>li>a {
    font-size: 14px;
    color: #e3dede;
}
.nav ul>li>ul>li>a {
    font-size: 17px;
    color: #fff;
}
.nav ul>li>ul>li:hover>a {
    color: #ffb311;
}
.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; padding-left: 15px;width: 98%;}
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #004da1; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}

.search-a {line-height:47px;float: right;}
.search-a img {vertical-align: middle;}

.banner{width: 100%;}
.banner img{width: 100%;}

.footer{background: url(../images/footbj.png) no-repeat center  bottom #104b88;width: 100%;min-height: 184px;/* overflow: hidden; */}
.footer .one{height: 81px;border-bottom: 1px solid #1d5da3;width: 100%;}
.tlink {width: 100%;}
.pull-left{padding:0 12px;width: 280px;float: left;}
.friends-tt{ font-size: 18px; color: #fff; line-height: 38px; width: 190px; }
.friends-right{ width: 1222px; margin-right: -12px; }
.friends-right .pull-left{ padding:0 12px; width: 33.333333%; }
.friends-list{border-radius: 0;text-align: left;box-shadow: none;border:solid 1px #639cbd;color: #fff;font-size: 16px;padding-left: 20px;height: 42px;background: none;width: 208px;float: left;margin-top: 23px;margin-left: 72px;padding-right: 23px;}
.friends-list span{ float: right; margin-top: 10px; }
.dropdown-menu{ width: 100%; background: #1673a8; }
.dropdown-menu li a{ color: #fff; }



.two .bq{width: 80%;float: left;padding: 20px 0 20px 10%;}
.two .bq p{text-align: center;color: #FFFFFF;font-size: 14px;line-height: 26px;}
.two .dz{width: 10%;float: left;margin: 20px auto;}


.top {
    max-width: 1920px;
    margin: 0 auto;
    position: fixed;
    right: 10px;
    top: 18px;
    width: 25px;
    height: 25px;
    z-index: 9999;
}

.wap {
    display: none;
}

.top>img {
    display: block;
    width: 100%;
}

.wap-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999;
    font-size: 0;
}

.close-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.wap-menu img {
    height: 25px;
}

@media screen and (max-width: 1500px) {
	
	.w1500{width: 100%;}
}

@media screen and (max-width: 1024px) {
    body {
        padding-top: 60px;background: #f3f3f3;
		
    }
    header {
        display: none;
    }
    .nav {
        display: none;
    }
    .wap {
        display: block;
    }
    .m-logo {
        font-size: 0;
    }
    .m-head {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 10px;
        z-index: 999;
        box-shadow: 0 5px 5px rgb(0 0 0 / 20%);
        background: #0956a8;
    }
    .m-logo {
        font-size: 0;
    }
    .m-logo a {
        font-size: 0;
        line-height: 40px;
    }
    .m-logo img {
        height: auto;
        max-width: 80%;
        vertical-align: middle;
    }
    .m-tlink {
        padding: 10px 15px 0 15px;
    }
    .m-tlink a {
        font-size: 14px;
        margin-right: 15px;
        margin: 5px 0;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        background: #fff;
        color: #004980;
        line-height: 30px;
        padding: 0 15px;
        border-radius: 5px;
    }
    
    .m-nav {
        position: fixed;
        top: 60px;
        left: 100%;
        right: 0;
        bottom: 0;
        z-index: 999;
        background: #0956a8;
        overflow-y: scroll;
        padding-bottom: 50px;
    }
    .m-nav ul {
        padding: 0 15px;
    }
    .m-nav ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        position: relative;
    }
    .m-nav ul li>span.on {
        transform: rotateZ(90deg);
    }
    .m-nav ul li ul {
        display: none;
    }
    .m-nav ul li ul li {
        border: none;
    }
    .m-nav>ul>li a {
        display: block;
        font-size: 14px;
        line-height: 20px;
        padding: 15px 0;
        position: relative;
        color: #fff;
    }
    .m-nav>ul>li ul li a {
        padding: 10px 0;
    }
    .m-nav>ul>li>span {
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../images/m-nav_down.png) no-repeat;
        background-size: 14px 14px;
        background-position: center center;
        right: 0;
        top: 15px;
        cursor: pointer;
        display: block;
        color: #fff;
        transition: all 0.3s;
    }
    .m-search{float: none;width: 74%;margin: 20px auto;display: block;border-radius: 20px;background: #fff;height: 37px;}
    .srk{width: 90%;height: 37px;float: left;border: 0;background: no-repeat;padding-left: 15px;}
    .btn{
    float: right;
    padding: 9px;
}

	
	.slideBox .hd{top: 85% !important;
	left: 45% !important;
	}
	
}
@media screen and (max-width:759px) {
	.srk{width: 85%;height: 37px;float: left;}
	.slideBox .hd{top: 74% !important;}
}
@media screen and (max-width: 500px){
	.srk{width: 77%;}
	.slideBox .hd{top: 70% !important;}
	.friends-list{width: 100%;margin: 20px auto 0;}
	.footer .one{display:none;}
	.two .bq{padding-left: 2%;width: 98%;}
	.two .dz{width: 100%;text-align: center;margin: 0 auto 10px;}
	
}
@media screen and (max-width: 400px){
	.srk{width: 72% !important;}
	.slideBox .hd{top: 62% !important;left: 43% !important;}
	
}
@media screen and (max-width: 300px){
	.srk{width: 84%;height: 35px;border: 1px solid #adb4ba;float: left;}
	.slideBox .hd{top: 52% !important;left: 41% !important;}
	
}