﻿.zhnbox {
    margin: auto;
    width: 1366px;
    height: 280px;
}
.zhbox {
    margin: auto;
    width: 946px;
    height: 280px;
    float: left;
}
.numberbox {
    margin-top: 20px;
    width: 408px;
    height: 290px;
    float: right;
    background: #fff;
    border: 1px #ddd solid;
}
.nP {
    margin-top: 18px;
    margin-left: 15px;
    margin-right: 15px;
}
.advert {
    margin: auto;
    margin-top: 20px;
    width: 1366px;
    height: 470px;
}
.agency{
	margin: auto;
	margin-top: 20px;
	width: 1366px;
	height: 99px;
}
.agency1 {
    margin-top: 20px;
    width: 946px;
    height: 134px;
    border: 1px #ddd solid;
}
.brief{
	position: relative;
	float: left;
	height: 100%;
	width: 946px;
	background: #fff;
}
.brief:hover .brief_btn{
	filter: opacity(100);
	opacity: 1;
}
.brief_title{
	float: left;
	display: inline-block;
	padding: 20px 15px;
	width: 80px;
	height: 94px;
	text-align: center;
	background: #0192de;
	color: #fff;
    font-size:20px;
    font-weight:bold;
    line-height:80px;
}
.brief_txt{
	width: 770px;
	height: 100px;
	float: right;
	font-size: 14px;
	padding: 20px;
	text-indent: 2em;
	color: #666;
}
.brief_btn{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 140px;
	background: url('../images/brief_btn.png');
	opacity: 0;
	filter: opacity(100);
	transition: all .3s; 
}
.agency_menu{
	width: 1316px;
	height: 100%;	
}
.agency_menu ul{
	display: block;
	width: 100%;
	height: 100%;
	margin-top: -20px;
}
.agency_menu li{
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	width: 189px;
	height: 60px;
	background: #fff;
}
.agency_icon{
	display: inline-block;
	float: left;
	width: 60px;
	height: 60px;
}
.agency_title{
	display: inline-block;
	float: right;
	width: 125px;
	height: 100%;
	text-align: center;
	line-height: 60px;
	color: #666;
}
.agency_icon_1{
	background: url('../images/agency_icon1.jpg');
}
.agency_icon_2{
	background: url('../images/agency_icon2.jpg');
}
.agency_icon_3{
	background: url('../images/agency_icon3.jpg');
}
.agency_icon_4{
	background: url('../images/agency_icon4.jpg');
}
.agency_icon_5{
	background: url('../images/agency_icon5.jpg');
}
.agency_icon_6{
	background: url('../images/agency_icon6.jpg');
}

.slider{
	float: left;
	position: relative;
	width: 670px;
	height: 470px;
}
.slider ul{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.slider li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.slider ol{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 64px;
	line-height: 64px;
	font-size: 16px;
	color: #fff;
	background: url('../images/olbg.png') repeat-x center;
}
.slider ol li{
	width: 100%;
	height: 64px;
	box-sizing: border-box;
	padding: 0 200px 0 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.slider ul li:first-child,.slider ol li:first-child{
	display: list-item;
}
.slider dd{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
	display: block;
	box-sizing: border-box;
	padding-top: 24px;
	width: 150px;
	height: 64px;
}
.slider dl{
	float: left;
	margin-left: 24px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	behavior:url('../css/PIE.htc');/*IE8兼容圆角*/
}
.slider dl:first-child{
	margin-left: 0px;
}
.slider dl.cur{
	background: #0192de;	
}
/*新闻*/
.news {
    margin: auto;
    /* margin-top: 20px; */
    width: 1366px;
}

   .news .news-box {
        float: left;
        margin-top: 20px;
        margin-left: 20px;
    }

    .news .news-boxline {
        float: left;
        margin-top: 20px;
        margin-left: 20px;
    }

    .news .newsNav {
        font-size: 24px;
        font-weight: bold;
    }

        .news .newsNav li {
            margin-left: 16px;
        }
.news-box{
	float: right;
	width: 673px;
	height: 340px;	
	box-sizing: border-box;
	padding:0 20px;
	background: #fff;
}
.news-boxline {
    float: right;
    width: 673px;
    height: 470px;
    box-sizing: border-box;
    padding: 0 20px;
    background: #fff;
}
.newsNav{
	font-size: 24px;
	color: #999;
	font-weight: bold;
	border-bottom: 1px solid #999;
}
.newsNav ul{
	display: block;
	height: 60px;
	text-align: center;
	line-height: 60px;
}
.newsNav li{
	float: left;
	margin-left: 50px;
	width: 180px;
	border-bottom: none;
	cursor: pointer;
}
.newsNav li:first-child{
	margin-left: 0;
}
.newsNav li.cur{
	color: #0192de;
	border-bottom: 2px solid #0192de;
}
.newsList{
	box-sizing: border-box;
	padding: 0 10px;
	width: 630px;
}
.newsList ul{
	display: none;
}
.newsList ul.cur{
	display: block;
}
.newsList li{
	height: 40px;
	line-height: 40px;
}
.newsList a{
	display: inline-block;
	height: 32px;
	width: 610px;
	font-size: 16px;
	color: #333333;
}
.newsList a:hover{
	color: #0192de;
	border-bottom: 1px solid #0192de; 
}
.newsList p{
	display: inline-block;
	width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsList span{
	float: right;
}
.morelist {
    box-sizing: border-box;
}
    .morelist span {
        float: right;
        vertical-align:bottom;
    }
    .morelist a:hover {
        color: #0192de;
        border-bottom:none;
    }

/*图片导航*/
.menu{
	margin: auto;
	margin-top: 20px;
	width: 1366px;
}
.menu .submenu{
	float: left;
	margin-left: 14px;
	width: 331px;
	height: 100px;
}
.menu .submenu:first-child{
	margin-left: 0px;
}
.menu a{
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}
.submenuBG{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url('../images/olbg.png') center;
	opacity: 0;
	filter:alpha(opacity=0);
}
.menu h3{
	font-weight: normal;
	font-size: 30px;
	color: #fff;
}
.menu h4{
	font-weight: normal;
	font-size: 16px;
	color: #fff;
}
.menu .title{
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-align: right;
}
.footBanner {
    margin: auto;
    margin-top: 20px;
    width: 1366px;
    /* border: 1px #ddd solid; */
}

/*友情链接*/
.frdLink{
	margin: auto;
    margin-top: 50px;
	width: 1366px;
	height: 110px;
    background-color:#fff;
}
.frdLink_wrap{
	float: left;
	width: 1366px;
    padding:20px;
}
.frdLink_title{
	float: left;
	width: 120px;
	height: 100%;
	line-height: 28px;
    font:bold;
}
.frdLink_wrap ul {
    float: left;
    display: block;
    height: 100%;
}
.frdLink_wrap li{
	float: left;
	margin-left: 20px;
	font-size: 14px;
	line-height: 28px;
}
.frdLink_wrap a{
	color: #999;
}
.frdLink_wrap a:hover{
	color: #0192de;
	border-bottom: 1px solid #0192de;
}

/*专题*/
.nlist-2{ float:left; overflow:hidden; padding:20px 15px 20px 15px; }
	.nlist-2 ul:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
	.nlist-2 ul li{ float:left; width:115px; height:108px; _display:inline; _zoom:1; }
	.nlist-2 ul li a{ display:block; width:60px; height:60px; border-radius:60px; text-align:center; text-decoration:none; margin: 0 auto 8px auto;background: #baa14f;color: #fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;}
    .nlist-2 ul li a i{ color:#fff; font-size:30px; line-height:60px; }
    .nlist-2 ul li a:hover{background: #a28936;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
	.nlist-2 ul li span{ display:block; width:100%; height:24px; line-height:24px; text-align:center; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.nlist-2 ul li:hover span{color: #0192de;}
	.nlist-2 ul li a.brief-btn-2{background: #ca5a56;}
	.nlist-2 ul li a.brief-btn-3{background: #a54bab;}
	.nlist-2 ul li a.brief-btn-4{background: #4991cb;}
	.nlist-2 ul li a.brief-btn-5{background: #5ead74;}
	.nlist-2 ul li a.brief-btn-6{background: #51c2ca;}
	.nlist-2 ul li a.brief-btn-7{background: #97b64f;}
	.nlist-2 ul li a.brief-btn-2:hover{background: #af3b37;}
	.nlist-2 ul li a.brief-btn-3:hover{background: #902e96;}
	.nlist-2 ul li a.brief-btn-4:hover{background: #3375ab;}
	.nlist-2 ul li a.brief-btn-5:hover{background: #43af61;}
	.nlist-2 ul li a.brief-btn-6:hover{background: #31b8c1;}
	.nlist-2 ul li a.brief-btn-7:hover{background: #82a531;}

/*互动*/
.nlist-3{ float:left; overflow:hidden; padding:20px 15px 20px 15px; }
	.nlist-3 ul:after{ clear:both;content:".";display:block;height:0;visibility:hidden; }
	.nlist-3 ul li{ float:left; width:115px; height:108px; _display:inline; _zoom:1; }
	.nlist-3 ul li a{ display:block; width:60px; height:60px; border-radius:60px; text-align:center; text-decoration:none; margin: 0 auto 8px auto;background: #baa14f;color: #fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;}
    .nlist-3 ul li a:hover{background: #a28936;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
    .nlist-3 ul li a i{ color:#fff; font-size:30px; line-height:60px; }
	.nlist-3 ul li span{ display:block; width:100; height:24px; line-height:24px; text-align:center; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.nlist-3 ul li:hover span{color: #0192de;}
	.nlist-3 ul li a.brief-btn-11{background: #f1734c;}
	.nlist-3 ul li a.brief-btn-12{background: #94b76b;}
	.nlist-3 ul li a.brief-btn-13{background: #5e6ec3;}
	.nlist-3 ul li a.brief-btn-14{background: #d84c7b;}
	.nlist-3 ul li a.brief-btn-15{background: #d0ac42;}
	.nlist-3 ul li a.brief-btn-11:hover{background: #d45e3a;}
	.nlist-3 ul li a.brief-btn-12:hover{background: #779a4e;}
	.nlist-3 ul li a.brief-btn-13:hover{background: #4151a7;}
	.nlist-3 ul li a.brief-btn-14:hover{background: #bf3261;}
	.nlist-3 ul li a.brief-btn-15:hover{background: #af8e2e;}