@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div{ border:0;}
img{ border:0;}
body{ font-size:12px; font-family:"微软雅黑"; overflow-x: hidden; text-align:center;}
.float_l{ float:left !important;}
.float_r{ float:right !important;}
.blank0{ width:100%; height:0px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}

/*首页*/
.header{ width:100%; height:70px; background:#0b4fbf; position:fixed; top:0; left:0; z-index:10000;}
.header_in{ width:1200px; margin:0 auto; height:70px;}
.logo{ float:left; display:block; margin-top:5px;}

.nav{ float:right; height:70px;}
.nav>li{ float:left; height:70px; position:relative; margin-left:1px;}
.nav>li>a{ display:block; width:160px; height:70px; line-height:70px; font-size:20px; font-weight:bold; color:#FFF; text-align:center;}
.nav>li:hover>a{ background:#0a1881;}
.nav>li>.a_on{ background:#0a1881;}
.nav_in{ position:absolute; top:70px; left:0; width:160px; background:#0a1881; display:none;}
.nav_in>li{ float:left; width:160px; overflow:hidden;}
.nav_in>li>a{ display:block; width:140px; height:50px; line-height:50px; padding:0 10px; font-size:18px; color:#FFF; overflow:hidden; text-align:center;}
.nav_in>li>a:hover{ background:#092f91;}
.nav>li:hover .nav_in{ display:block;}
.nav>li:nth-child(4) .nav_in{ width:480px;}
.nav>li:nth-child(5) .nav_in{ width:200px; left:-20px;}
.nav>li:nth-child(5) .nav_in>li{ width:200px;}
.nav>li:nth-child(5) .nav_in>li>a{ width:180px;}

.mobile_bg{ display:none;}

.city_banner{ width:100%; height:582px; margin-top:70px; background-size:auto 100% !important; overflow:hidden;}
.city_banner img{ display:none;}

.zhuanti_nav{ width:1200px; height:59px; background:url(../images/zhuanti_nav_bg.png) center center no-repeat; margin:0 auto;}
.zhuanti_nav1{ display:table; margin:0 auto;}
.zhuanti_nav1 li{ float:left; height:59px; margin-left:1px;}
.zhuanti_nav1 li a{ display:block; height:59px; line-height:59px; font-size:24px; color:#FFF; padding:0 40px;}
.zhuanti_nav1 li .a_on{ background:#0a1881;}
.zhuanti_nav1 li a:hover{ background:#0a1881;}

.top_news{ margin:0 auto; display:block; font-size:30px; color:#0b4fbf; font-weight:bold; line-height:40px; margin-top:35px; max-width:1100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.top_news:hover{ text-decoration:underline;}

.index_title{ float:left; width:100%; height:44px; border-bottom:1px solid #e6e6e6;}
.index_title1{ float:left; font-size:28px; font-weight:bold; color:#124479; line-height:28px; border-bottom:3px solid #124479; height:42px;}
.index_title1 span{ color:#ec6834;}
.index_title>a{ float:right; font-size:13px; color:#555555; line-height:28px;}
.index_title>a:hover{ text-decoration:underline;}

.index1{ width:1200px; margin:35px auto 0 auto; overflow:hidden;}

.swiper-container1 {
	float:left;
	width: 660px;
	height: 100%;
	overflow:hidden;
	position:relative;

}
.swiper-container1 .swiper-slide {
	text-align: center;
	background: #fff;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next1{ width:30px; height:60px; position:absolute; right:0; top:50%; margin-top:-30px; background:url(../images/index1_3.png) center center no-repeat; z-index:100; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; outline:none;}
.swiper-button-prev1{ width:30px; height:60px; position:absolute; left:0; top:50%; margin-top:-30px; background:url(../images/index1_2.png) center center no-repeat; z-index:100; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; outline:none;}
.swiper-button-next1:hover{ background:url(../images/index1_3_on.png) center center no-repeat;}
.swiper-button-prev1:hover{ background:url(../images/index1_2_on.png) center center no-repeat;}

.swiper-container1 .swiper-slide a{ display:block; width:100%; overflow:hidden; position:relative;}
.swiper-pagination1{ position:absolute; bottom:20px !important; right:3%; z-index:100; display:table; width:auto !important; left:auto !important;}
.swiper-pagination1 .swiper-pagination-bullet{ background:#FFF; opacity:1; width:10px; height:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#006aff; width:25px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.index1_l1{ display:block; width:100%; overflow:hidden;}
.index1_l1 img{ display:block; width:660px; height:406px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_l2{ position:absolute; left:0; bottom:0; width:72%; padding:0 25% 0 3%; height:60px; line-height:60px; font-size:18px; background:url(../images/index1_bg.png) repeat; text-align:left; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.swiper-container1 .swiper-slide a:hover .index1_l1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.index1_r{ float:right; width:500px; overflow:hidden;}
.index1_r1{ width:100%; overflow:hidden;}
.index1_r1 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #f1f1f1; background:url(../images/index1_4.jpg) left center no-repeat;}
.index1_r1 li a{ line-height:59px; float:left; margin-left:15px; display:block; max-width:calc(100% - 15px); font-size:18px; color:#222222; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index1_r1 li a:hover{ color:#124479;}

.gallery-top-out{ position:fixed; top:0; left:0; background:url(../images/city_bg.png) repeat; z-index:10001; width:100%; height:100vh; display:none;}
.gallery-top-out .close{ width:31px; height:31px; position:absolute; top:10px; right:10px; z-index:100; background:url(../images/close.png) center center no-repeat; cursor:pointer;}
.gallery-top {
	margin:0 auto;
	width: 1200px;
	margin-top:-340px;
	top:50%;
	position:relative;
	overflow:hidden;
}
.gallery-top-next{ width:30px; height:60px; position:absolute; right:0; top:50%; margin-top:-30px; background:url(../images/index1_3.png) center center no-repeat; z-index:100; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; outline:none;}
.gallery-top-prev{ width:30px; height:60px; position:absolute; left:0; top:50%; margin-top:-30px; background:url(../images/index1_2.png) center center no-repeat; z-index:100; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; outline:none;}
.gallery-top-next:hover{ background:url(../images/index1_3_on.png) center center no-repeat;}
.gallery-top-prev:hover{ background:url(../images/index1_2_on.png) center center no-repeat;}
.gallery-top .swiper-slide { background:#000;}
.gallery-top-out1{ width:100%; overflow:hidden;}
.gallery-top-out1 img{ width:1200px; height:680px;}
.gallery-top-out1 video{ width:1200px; height:680px; outline:none;}

.gallery-thumbs-out{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
.gallery-thumbs {
	margin-top:40px;
	width:100%;
	box-sizing: border-box;
}
.gallery-thumbs .swiper-slide {
	opacity: 1;
}
.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
.gallery-thumbs-out1{ width:100%; overflow:hidden; position:relative; cursor:pointer;}
.gallery-thumbs-out2{ width:100%; overflow:hidden;}
.gallery-thumbs-out2 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gallery-thumbs-out3{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; height:40px; line-height:40px; background:url(../images/index1_bg.png) repeat; color:#FFF; text-align:left; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery-thumbs-next{ width:30px; height:60px; position:absolute; right:0; top:50%; margin-top:-30px; background:url(../images/index1_3.png) center center no-repeat; z-index:100; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; outline:none;}
.gallery-thumbs-prev{ width:30px; height:60px; position:absolute; left:0; top:50%; margin-top:-30px; background:url(../images/index1_2.png) center center no-repeat; z-index:100; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; outline:none;}
.gallery-thumbs-next:hover{ background:url(../images/index1_3_on.png) center center no-repeat;}
.gallery-thumbs-prev:hover{ background:url(../images/index1_2_on.png) center center no-repeat;}
.gallery-thumbs-out1:hover .gallery-thumbs-out2 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.city_blank{ width:100%; height:50px; clear:both;}

/*cityNews*/
.city_news{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
.city_position{ float:right; background:url(../images/icon6.png) left top no-repeat; background-size:auto 28px; line-height:28px; padding-left:30px; font-size:18px;}
.city_position a:hover{ color:#ec6834;}

.city_news1{ float:left; display:block; width:100%; overflow:hidden; margin-top:50px; border-bottom:1px solid #e0e0e0; padding-bottom:20px;}
.city_news1_1{ display:block; float:left; width:257px; height:auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.city_news1_2{ float:left; margin-left:20px; width:calc(100% - 287px);}
.city_news1_3{ float:left; width:100%; overflow:hidden; font-size:18px; color:#333; line-height:28px; white-space:nowrap; text-overflow:ellipsis; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.city_news1_4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:26px; margin-top:10px; height:52px;}
.city_news1_5{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:24px; margin-top:10px;}
.city_news1:hover .city_news1_1{ margin-left:10px;}
.city_news1:hover .city_news1_3{ color:#0b4fbf;}

.city_news2{ width:100%; overflow:hidden;}
.city_news2 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e0e0e0;}
.city_news2 li a{ display:block; width:100%; overflow:hidden; padding:20px 0;}
.city_news2_1{ float:left; width:80px; height:100px; background:#0b4fbf; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.city_news2_2{ width:100%; font-size:40px; text-align:center; line-height:40px; margin-top:20px;}
.city_news2_3{ width:100%; font-size:14px; text-align:center; line-height:14px; margin-top:10px;}
.city_news2_4{ float:left; margin-left:30px; width:calc(100% - 120px);}
.city_news2_5{ float:left; width:100%; overflow:hidden; font-size:18px; color:#333; white-space:nowrap; text-overflow:ellipsis; margin-top:5px;}
.city_news2_6{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:26px; margin-top:10px; height:52px;}
.city_news2 li a:hover .city_news2_1{ margin-left:10px;}
.city_news2 li a:hover .city_news2_5{ color:#0b4fbf;}

/*cityNewsIn*/
.city_news_in{ width:100%; overflow:hidden;}
.city_news_in1{ width:100%; overflow:hidden; font-size:30px; padding:30px 0 15px 0; color:#333; text-align:center; line-height:40px;}
.city_news_in2{ width:100%; overflow:hidden; border-bottom:1px #e6e6e6 dashed; text-align:center; padding-bottom:10px; font-size:16px; color:#999;}
.city_news_in3{ width:100%; overflow:hidden; font-size:16px; color:#333; line-height:32px; padding:10px 0 50px 0;}
.city_news_in3 img{ display:block; max-width:100%; margin:0 auto;}

/*知识竞赛*/
.honor{ width:1200px; margin:0 auto; overflow:hidden; padding:40px 0 0 0;}
.honor3{ width:90%; margin:0 auto; overflow:hidden; background:url(../images/honor3.png) center top repeat-y; background-size:100% 434px; padding:0 5%;}
.honor3 li{ float:left; width:30.33%; height:419px; background:url(../images/honor4.jpg) center 62px no-repeat; background-size:100% 357px; margin:0 1.5%; overflow:hidden; padding-bottom:15px;}
.honor3_1{ float:left; margin-top:71px; margin-left:9px; width:calc(100% - 18px); display:block; overflow:hidden; outline:none;}
.honor3_1 img{ display:block; width:auto; height:228px; margin:0 auto;}
.honor3_2{ float:left; width:90%; padding:0 5%; text-align:center; font-size:16px; color:#666666; margin-top:10px; height:60px; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.n_nav{ float:left; overflow:hidden; margin-top:30px;}
.n_nav li{ float:left; overflow:hidden; border:1px solid #0b4fbf;}
.n_nav li a{ display:block; width:; height:40px; line-height:40px; padding:0 45px; font-size:18px; color:#0b4fbf;}
.n_nav li .a_on{ background:#0b4fbf; color:#FFF;}

/*作品征集*/
.works_title{ float:left; width:100%; height:50px; overflow:hidden; background:#f7f7f7; margin-top:50px;}
.works_title span{ float:left; display:block; height:24px; line-height:24px; font-size:24px; font-weight:bold; color:#2f3231; border-left:6px solid #0b4fbf; padding-left:10px; margin-left:30px; margin-top:13px;}

.works_list{ float:left; width:100%; overflow:hidden;}
.works_list li{ float:left; margin-top:30px; overflow:hidden; margin-right:12.5px; cursor:pointer; position:relative; width:230px;}
.works_list li:nth-child(5n){ margin-right:0;}
.works_list li:nth-child(5n+1){ clear:left;}
.works_list1{ width:100%; overflow:hidden;}
.works_list1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.works_list2{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; height:30px; line-height:30px; color:#FFF; background:url(../images/index1_bg.png) repeat; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.works_list li:hover .works_list1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

/*往年获奖作品*/
.worksPrevious{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.worksPrevious li{ float:left; overflow:hidden; width:384px; margin-right:24px; margin-top:30px;}
.worksPrevious li:nth-child(3n){ margin-right:0;}
.worksPrevious li:nth-child(3n+1){ clear:left;	}
.worksPrevious li a{ display:block; width:100%;}
.worksPrevious1{ width:100%; overflow:hidden;}
.worksPrevious1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.worksPrevious2{ width:90%; padding:0 5%; height:50px; line-height:50px; background:#e5e5e5; font-size:18px; color:#333333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.worksPrevious li a:hover .worksPrevious1 img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.worksPrevious li a:hover .worksPrevious2{ background:#0b4fbf; color:#FFF;}

/*下载*/
.download{ width:1200px; margin:0 auto; overflow:hidden; padding:10px 0 0 0;}
.download_table{ float:left; border-collapse: collapse; width:100%; overflow:hidden; margin-top:50px;}
.download_table tr{}
.download_table tr td{ border:1px solid #dddddd; height:50px; padding:5px 30px; font-size:18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.download_table tr td:nth-child(1){ color:#333333;}
.download_table tr td:nth-child(2){ width:110px; text-align:center; color:#999999;}
.download_table tr td:nth-child(3){ width:150px; text-align:center;}
.download_table tr td:nth-child(3) a{ color:#666; background:url(../images/download1.png) right center no-repeat; padding-right:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.download_table tr:hover td{ background:#0b4fbf;}
.download_table tr:hover td:nth-child(1){ color:#FFF;}
.download_table tr:hover td:nth-child(2){ color:#FFF;}
.download_table tr:hover td:nth-child(3) a{ color:#FFF; background:url(../images/download1_on.png) right center no-repeat;}

.download_button{ display:table; margin:0 auto; font-size:18px; color:#FFF; height:50px; line-height:50px; background:#0b4fbf; padding:0 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/*网络安全海报*/
.poster{ padding-top:0;}
.poster .index_title{ margin-top:30px;}
.poster .n_nav{ margin-top:20px;}