@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.header{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#0b4fbf; position:relative; z-index:10;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:8px 0 4px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:36px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc; text-align:center;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:15px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:15px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc; text-align:center;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc; text-align:center;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:14px;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:7px;}
.header_mobile1 .span1{ display:block; height:2px; background:#FFF; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:2px; background:#FFF; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:2px; background:#FFF; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

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

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

.top_news{ margin:0 auto; display:block; font-size:16px; color:#0b4fbf; font-weight:bold; line-height:26px; margin-top:20px; max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.top_news:hover{ text-decoration:underline;}

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

.index1{ width:94%; margin:20px auto 0 auto; overflow:hidden;}

.swiper-container1 {
	float:left;
	width: 100%;
	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-container1 .swiper-slide a{ display:block; width:100%; overflow:hidden; position:relative;}
.swiper-pagination1{ position:absolute; bottom:15px !important; right:2%; z-index:100; display:table; width:auto !important; left:auto !important;}
.swiper-pagination1 .swiper-pagination-bullet{ background:#FFF; opacity:1; width:8px; height:8px; -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:20px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.index1_l1{ display:block; width:100%; overflow:hidden;}
.index1_l1 img{ display:block; width:100%; 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;}
.index1_l2{ position:absolute; left:0; bottom:0; width:calc(96% - 120px); padding:0 120px 0 4%; height:45px; line-height:45px; font-size:15px; 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:100%; overflow:hidden; margin-top:25px;}
.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; background-size:auto 5px;}
.index1_r1 li a{ line-height:42px; float:left; margin-left:12px; display:block; max-width:calc(100% - 15px); font-size:14px; 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: 90%;
	margin-top:-25.5vw;
	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;}
.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;}
.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:100%; height:51vw;}
.gallery-top-out1 video{ width:100%; height:51vw; outline:none;}

.gallery-thumbs-out{ width:94%; margin:25px auto 0 auto; overflow:hidden;}
.gallery-thumbs {
	margin-top:25px;
	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:14px; 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;}
.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;}
.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:40px; clear:both;}

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

.city_news1{ display:block; width:100%; overflow:hidden; margin-top:30px; 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:0; width:100%; margin-top:10px;}
.city_news1_3{ float:left; width:100%; overflow:hidden; font-size:15px; 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:14px; color:#666; line-height:26px; margin-top:10px; height:52px;}
.city_news1_5{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666; line-height:24px; margin-top:10px;}
.city_news1:hover .city_news1_1{ margin-left:0;}
.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:70px; height:90px; 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:24px; text-align:center; line-height:24px; margin-top:20px;}
.city_news2_3{ width:100%; font-size:13px; text-align:center; line-height:14px; margin-top:10px;}
.city_news2_4{ float:left; margin-left:15px; width:calc(100% - 85px);}
.city_news2_5{ float:left; width:100%; overflow:hidden; font-size:15px; color:#333; white-space:nowrap; text-overflow:ellipsis; margin-top:5px;}
.city_news2_6{ float:left; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:26px; margin-top:10px; height:52px;}
.city_news2 li a:hover .city_news2_1{ margin-left:0;}
.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:18px; padding:20px 0 15px 0; color:#333; text-align:center; line-height:30px;}
.city_news_in2{ width:100%; overflow:hidden; border-bottom:1px #e6e6e6 dashed; text-align:center; padding-bottom:10px; font-size:14px; color:#999;}
.city_news_in3{ width:100%; overflow:hidden; font-size:15px; color:#333; line-height:32px; padding:10px 0 30px 0;}
.city_news_in3 img{ display:block; max-width:100%;}

/*知识竞赛*/
.honor{ width:94%; margin:0 auto; overflow:hidden; padding:30px 0 0 0;}
.honor3{ width:100%; margin:0 auto; overflow:hidden; background:none; background-size:100% auto; padding:20px 0 0 0;}
.honor3 li{ float:left; width:45.5%; height:auto; background:#ccc; background-size:100% 100%; margin:10px 1.5% 0 1.5%; overflow:hidden; padding-bottom:0;}
.honor3 li:nth-child(3n+1){ clear:none;}
.honor3 li:nth-child(2n+1){ clear:left;}
.honor3_1{ float:left; margin-top:1.2vw; margin-left:1.2vw; width:calc(100% - 2.4vw); display:block; overflow:hidden; outline:none;}
.honor3_1 img{ display:block; width:100%; height:auto;}
.honor3_2{ float:left; width:90%; padding:0 5%; text-align:center; font-size:14px; color:#666666; background:#FFF; margin-top:1.2vw; height:9vw; line-height:9vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

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

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

.works_list{ float:left; width:100%; overflow:hidden;}
.works_list li{ float:left; margin-top:20px; overflow:hidden; margin-right:3%; cursor:pointer; position:relative; width:48.5%;}
.works_list li:nth-child(5n){ margin-right:3%;}
.works_list li:nth-child(5n+1){ clear:none;}
.works_list li:nth-child(4n){ margin-right:3%;}
.works_list li:nth-child(4n+1){ clear:none;}
.works_list li:nth-child(2n){ margin-right:0;}
.works_list li:nth-child(2n+1){ clear:left;}
.works_list1{ width:100%; overflow:hidden;}
.works_list1 img{ display:block; width:100%;}
.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;}

/*往年获奖作品*/
.worksPrevious{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.worksPrevious li{ float:left; overflow:hidden; width:48.5%; margin-right:3%; margin-top:20px;}
.worksPrevious li:nth-child(3n){ margin-right:3%;}
.worksPrevious li:nth-child(3n+1){ clear:none;}
.worksPrevious li:nth-child(2n){ margin-right:0;}
.worksPrevious li:nth-child(2n+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:30px; line-height:30px; background:#e5e5e5; font-size:14px; 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:94%; margin:0 auto; overflow:hidden; padding:0 0 0 0;}
.download_table{ float:left; border-collapse: collapse; width:100%; overflow:hidden; margin-top:30px;}
.download_table tr{}
.download_table tr td{ border:1px solid #dddddd; height:30px; padding:5px 10px; font-size:14px; -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:80px; text-align:center; color:#999999;}
.download_table tr td:nth-child(3){ width:80px; text-align:center;}
.download_table tr td:nth-child(3) a{ color:#666; background:url(../images/download1.png) right center no-repeat; background-size:auto 14px; padding-right:20px; -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; background-size:auto 14px;}

.download_button{ display:table; margin:0 auto; font-size:14px; color:#FFF; height:36px; line-height:36px; background:#0b4fbf; padding:0 15px; -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:10px;}

}