*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
	font-family: "微软雅黑";
}
img{border: none;}
.containers{
     width: 100%;	
     float: left;
	 min-width: 1200px;
}
/*nav*/
.nav{
	width: 100%;
	height: 65px;
	line-height: 65px;
	z-index: 999;
	background-color: #0461a7;
	background-image: linear-gradient( 0deg , #2571e8 0%, #0a5a96 100%);
}
.nav .navul{
	margin: 0 auto;
	width: 1200px;
    height: 65px;
   
}
.nav .navul .navli{
	float: left;
    text-align: center;
    width: 109px;
    height: 100%;
    position: relative;
}
.nav .navul .navli:hover{
	float: left;
    text-align: center;
    height: 100%;
    width: 109px;
    background-color: #6fa7fe;
    position: relative;
}
.nav .navul .navli a{
	display: inline-block;
    height: 20px;
    width: 100%;
    line-height: 20px;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    border-left: 1px solid #000;
}
/*nav*/
.nav>ul>li>.navdh{
	display: none;
    margin-left: 0px;
    width: 100%;
    position: absolute;
    top: 65px;
    left: 0%;
    background-color: #fff;
    filter: alpha(opacity=30);
    opacity: .8;
    position: absolute;
    z-index: 9999;
}
.nav>ul>li:hover .navdh{
	display: block;
	position: absolute;
	z-index: 999;
}
.nav .navdh li{
	float: left;width: 100%;
	height:50px;
}
.nav .navul .navli .navdh li a{
	float: left;margin-left: 0%;
	height:50px;line-height: 50px;
	color: #333;
	font-size: 16px;
	display: block;
	text-align: center;
	float: left;
	overflow: hidden;
	    border-left: none;
    margin-top: 0;
}
.nav .navul .navli .navdh li:hover a{
	font-weight: 600;
}
/* banner */
.banner{height:360px;overflow:hidden; position:relative;}
.banner .d1{width:100%;height:360px;display:block;position:absolute;left:0px;top:0px;}
/*main*/
.main{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background:url(../img/bg.png) no-repeat;
}
/*第一*/
.diyi{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	height: 360px;
}
/* slide */
.slide{width:650px;height:360px;overflow:hidden;position:relative;background-color:#000;z-index:10;float: left;margin-right: 20px;}
.slide ul{height:360px;}
.slide ul li{width:650px;height:360px;float:left;position: relative;}
.slide ul li span{position: absolute;top: 330px;left: 20px;color: #fff;}
.slide .bg{width:650px;height:34px;position:absolute;background-color:#000;bottom:0;left:0;border-top:1px solid #fff;filter:alpha(opacity=30);opacity:.3;z-index:5;}
.slide .num{overflow:hidden;zoom:1;position:absolute;right:20px;bottom:11px;z-index:10;}
.slide .num span{display:inline-block;width:12px;height:12px;background:url(../img/bg-slide.png) 0 -12px no-repeat;_background:url(../img/ie6/bg-slide.png) 0 -12px no-repeat;cursor:pointer;overflow:hidden;}
.slide .num span.on{background-position:0 0;}
.slide .skip{display:none;_display:block;width:23px;height:47px;background:url(../img/bg-slide.png) no-repeat;_background:url(../img/ie6/bg-slide.png) no-repeat;position:absolute;top:50%;margin-top:-24px;text-indent:-1000em;cursor:pointer;}
.slide .prev{background-position:0 -172px;left:10px;}
.slide .prev:hover{background-position:0 -219px;}
.slide .next{background-position:-23px -172px;right:10px;}
.slide .next:hover{background-position:-23px -219px;}
.slide:hover .prev,.slide:hover .next{display:block;}
.slide .num{bottom:11px;}
/*协会概况*/

/*wen*/
.diyi .kuai{
	width: 530px;
	height: 360px;
	margin-right: 23px;
	float: right;
	background-color: #fff;
}
.diyi .kuai .tou{
	background-color: #f2f2f2;
	width: 530px;
	height: 40px;
}
.diyi .kuai .tou .s1{
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 18px;
	float: left;
	color: #fff;
	background-color: #0461a7;
	background-image: linear-gradient( 0deg , #2571e8 0%, #0a5a96 100%);
}
.diyi .kuai .tou .s2{
	margin: 0 10px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 18px;
	float: right;
	color: #666;
}

.diyi .kuai .tiao .li{
	width: 530px;
	height: 45px;
	overflow: hidden;
	float: left;
	position: relative;
}
.diyi .kuai .tiao .li::before{
    content: "";
    width: 5px;
    height: 5px;
    background-color: #4079fe;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
}
.diyi .kuai .tiao a{
	width: 390px;
	height: 45px;
	display: block;
	overflow: hidden;
	float: left;
	color: #333;
	font-size: 16px;
	line-height: 45px;
	text-align: left;
	margin-left: 20px;
}
.diyi .kuai .tiao span{
	width: 100px;
	margin-right: 10px;
	height: 45px;
	display: block;
	overflow: hidden;
	float: right;
	color: #999;
	font-size: 16px;
	line-height: 45px;
	text-align: left;
	position: relative;
}
/*floor2*/
.floor2{
	width: 1200px;
	margin: 20px auto;
	overflow: hidden;
	
}
.floor2 .left{
	width: 260px;
	float: left;
	overflow: hidden;
	border: 1px solid #0461a7;
	border-left: none;
}
.floor2 .left .le1{
	width: 260px;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #fff;
}
.floor2 .left .le1 .tou{
	background-color: #f2f2f2;
	width: 260px;
	height: 40px;
	overflow: hidden;
}
.floor2 .left .le1 .tou .s1{
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 18px;
	float: left;
	color: #fff;
	background-color: #0461a7;
	background-image: linear-gradient( 0deg , #2571e8 0%, #0a5a96 100%);
}
.floor2 .left .le1 .tiao .li{
	width: 260px;
	height: 35px;
	overflow: hidden;
	float: left;
	position: relative;
}
.floor2 .left .le1 .tiao .li::before{
    content: "";
    width: 5px;
    height: 5px;
    background-color: #4079fe;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
}
.floor2 .left .le1 .tiao a{
	width: 220px;
	height: 35px;
	display: block;
	overflow: hidden;
	float: left;
	color: #333;
	font-size: 16px;
	line-height: 35px;
	text-align: left;
	margin-left: 20px;
}
#demo{width:94%;height: 210px; overflow:hidden;line-height: 30px; margin: 16.5px 3%;}
#demo p{width:100%;height:30px;display: inline-block;margin-bottom: 10px;}
#demo a{text-decoration: none;width:80%;height:30px; 
	display: block;color: #333;line-height: 30px;
	text-align:left ;font-size: 14px; float: left;    overflow: hidden;}
#demo img{float: left;margin-right: 10px;}
.floor2 .left .le1 .kuai{
	width: 260px;
	height: 442px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.floor2 .left .le1 .kuai a{
	width: 260px;
	height: 65px;
	display: block;
	margin-bottom: 9px;
	overflow: hidden;
}
.floor2 .right{
	width: 940px;
	float: left;
	overflow: hidden;
}
.floor2 .right .kuai{
	width: 460px;
	height: 235px;
	margin-left: 10px;
	margin-bottom: 20px;
	float: left;
	background-color: #fff;
}
.floor2 .right .kuai .tou{
	background-color: #f2f2f2;
	width: 460px;
	height: 40px;
}
.floor2 .right .kuai .tou .s1{
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 18px;
	float: left;
	color: #fff;
	background-color: #0461a7;
	background-image: linear-gradient( 0deg , #2571e8 0%, #0a5a96 100%);
}
.floor2 .right .kuai .tou .s2{
	margin: 0 10px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 18px;
	float: right;
	color: #666;
}
.floor2 .right .kuai .tiao{
	width: 460px;
	overflow: hidden;
	padding: 10px 0;
}
.floor2 .right .kuai .tiao .li{
	width: 460px;
	height: 35px;
	overflow: hidden;
	float: left;
	position: relative;
}
.floor2 .right .kuai .tiao .li::before{
    content: "";
    width: 5px;
    height: 5px;
    background-color: #4079fe;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
}
.floor2 .right .kuai .tiao a{
	width: 320px;
	height: 35px;
	display: block;
	overflow: hidden;
	float: left;
	color: #333;
	font-size: 16px;
	line-height: 35px;
	text-align: left;
	margin-left: 20px;
}
.floor2 .right .kuai .tiao span{
	width: 100px;
	margin-right: 10px;
	height: 35px;
	display: block;
	overflow: hidden;
	float: right;
	color: #999;
	font-size: 16px;
	line-height: 35px;
	text-align: left;
	position: relative;
}
.floor2 .right .kuai1{
	width: 930px;
	height: 180px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	background-color: #fff;
}
.floor2 .right .kuai1 .ti{
	width: 70px;
	height: 180px;
	float: left;
	display: block;
}
.floor2 .right .kuai1 .ti img{
	width: 70px;
	height: 180px;
}
.floor2 .kuais{
	width: 860px;
	overflow: hidden;
}
/*滚动图*/
.mr_frbox { height: 130px; margin: 25px auto;}
.mr_frBtnL {width: 12px;height: 21px; float: left; margin: 65px 10px 0px 0px; cursor: pointer; display: inline; }
.mr_frUl { float: left; height: 130px; width: 825px; }
.mr_frBtnR {width: 12px;height: 21px; float: right; margin-top: 65px; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left; height: 130px; width: 155px; margin-right: 11px; overflow: hidden; }
.mr_frUl ul li img { display: block;  width: 155px;height: 105px; }
.mr_frUl ul li span { display: block;  width: 155px;height: 25px;
background-color: #0361bb; text-align: center;color: #fff;font-size: 16px;line-height: 25px;}
.mr_frbox2 { height: 130px;}
.mr_frUl2 { float: left; height: 130px; width: 825px; }
.mr_frUl2 ul li { display: inline; float: left; height: 130px; width: 155px; margin-right: 34px; overflow: hidden; }
.mr_frUl2 ul li img { display: block; width: 155px;height: 105px; }
.mr_frUl2 ul li span { display: block; width: 155px;height: 25px; 
background-color: #0361bb; text-align: center;color: #fff;font-size: 16px;line-height: 25px;}
/*floor3*/
.floor3{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	box-shadow: 2px 2px 10px 1px #dad6d6;
}
.floor3 .kuai{
	width: 1200px;
	height: 200px;
	background-color: #fff;
}
.floor3 .kuai .tou{
	background-color: #f2f2f2;
	width: 1200px;
	height: 40px;
}
.floor3 .kuai .tou .s1{
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 18px;
	float: left;
	color: #fff;
	background-color: #0461a7;
	background-image: linear-gradient( 0deg , #2571e8 0%, #0a5a96 100%);
}
.floor3 .kuai .tou .s2{
	margin: 0 10px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	font-size: 18px;
	float: right;
	color: #666;
}
.floor3 .kuai .tiao{
	width: 1200px;
	overflow: hidden;
	padding: 10px;
}
.floor3 .kuai .tiao .li{
	height: 35px;
	overflow: hidden;
	float: left;
	position: relative;
}
.floor3 .kuai .tiao a{
	height: 35px;
	margin: 0 25px;
	display: block;
	overflow: hidden;
	float: left;
	color: #333;
	font-size: 16px;
	line-height: 35px;
	text-align: left;
	margin-left: 20px;
}
/*bottom*/
.bottom{
	width: 100%;
	height: 250px;
	margin: 0px auto;
	overflow: hidden;
	background: url(../img/bottom.jpg) no-repeat center center;
}
.bottoms{
	width: 1200px;
	height: 250px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}
.bottoms .k1{
	width: 310px;
	height: 140px;
	position: absolute;
	margin-top: 88px;
	left: 370px;
}
.bottoms .k1 a{
	width: 310px;
	height: 34px;
	line-height: 34px;
	display: block;
	float: left;
	color: #fff;
	text-align: left;
	font-size: 16px;
}
.bottoms .k2{
	width: 310px;
	height: 140px;
	position: absolute;
	margin-top:88px;
	left: 60px;
}
.bottoms .k2 p{
	width: 310px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	text-align: left;
	font-size: 16px;
}
.bottoms .k3{
	width: 200px;
	height: 150px;
	position: absolute;
	margin-top: 50px;
	right: 0px;
}
.bottoms .k3 img{
	width: 115px;
	height: 115px;
	margin-left: 41px;
}
.bottoms .k3 p{
	width: 200px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	font-size: 16px;
}

