@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default;color:#333;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;outline: none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none;color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
.dib{display:block !important;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height: 0px; line-height: 0px; font-size: 0px;}
.hidden {display: none;}
body{ background: url(../images/bg.png) top center no-repeat #ffffff; position: relative;}
.w1200{ width: 1200px; margin: 0 auto; height: auto; /* position: relative;*/} 
.mr0{ margin-right: 0 !important;}
.mt20{ margin-top: 20px;}


/*top*/
.top{ width: 100%; height: 320px !important; margin: 0 auto; border:none  !important;}
.top_link{ height: 30px;}
.top_link p.fl,.top_link p.fl a{ color: #8ab3df; font-size: 14px; line-height: 30px;}
.top_link p.fl a{ margin: 0 8px;}
.top_link p.fl a:first-child{ margin-left: 0;}
.top_link p.fl a:hover{ text-decoration: underline;}
/*网站群*/
.site_group{ float: right; position: relative; }
.site_group .site_btn{display: block; width: 72px; height: 23px; border: 1px solid #FFFFFF; background: url(../images/site_group_arrow_down.png) 56px center no-repeat; line-height: 23px; font-size: 14px; color: #8ab3df; text-indent: 8px; margin: 3px 0 2px 10px; cursor: pointer;transition: all 0.3s; }
.site_group .site_btn.on{background-image: url(../images/site_group_arrow_up.png);}
.site_group .site_body {z-index: 999;display: none; position: absolute; top: 28px; right: 0;  width: 620px;border: 5px solid #2f73b2;background: #FFFFFF;padding: 13px 15px 0;}
.site_group .site_body .tit{ height: 20px; width: 100%; background: url(../images/site_group_tit_bg.jpg) left center repeat-x;}
.site_group .site_body .tit h2{ height: 20px;width: auto; float: left; line-height: 20px;background: #FFFFFF;padding-right: 10px; font-size: 14px; color: #333333;font-weight: bold;}
.site_group .site_body ul.bm_list{ width: 100%; height: auto;overflow: hidden;padding: 11px 0;}
.site_group .site_body ul.bm_list li {float: left;width: 25%; height: 24px;line-height: 24px;}
.site_group .site_body ul.bm_list li span,.site_group .site_body ul.bm_list li a {font-size: 14px; color: #333333; padding-left: 6px;background: url(../images/site_group_list_dot.png) left center no-repeat;	}
.site_group .site_body ul.bm_list li a{color: #2f73b2; background-image: url(../images/site_group_list_dot_on.png);}


.top .logo{ display: block; width: 346px; height: 67px; margin: 127px auto 26px; margin-left: auto !important;}
.logo_mobile{ display: none;}


/*导航*/
.nav_box{width: 100%;height: 50px;margin: 0 auto;background: #196bb6;}
.nav_box .nav{float: left; width: auto; height: 50px;}
.nav_box .nav li{float: left;width: 150px;height: 50px;background: url(../images/nav_bg.png) 0 0 no-repeat;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.nav_box .nav li a{ display: block; height: 100%; line-height: 50px; text-align: center; font-size: 18px; color: #ffffff; font-weight: bold;}
.nav_box .nav li:hover,.nav_box .nav li.active{ background: url(../images/nav_bg.png) 0 -50px no-repeat;}

/* 搜索 */
.search_box{display: block;;height: 40px;width: 400px;padding: 0 10px 0 40px; margin: 5px 0;background: url(../images/index_search_bg.png) center center no-repeat;}
.search_box .search_txt{ float: left; border: none;  width: 300px; height: 40px; line-height: 40px; cursor: text; outline: none; background:none; font-size: 14px; color: #999999; }
.search_box .search_txt::-webkit-input-placeholder {color: #999999;}
.search_box .search_txt::-moz-placeholder {color: #999999;}
.search_box .search_txt:-moz-placeholder {color: #999999;}
.search_box .search_txt:-ms-input-placeholder {color: #999999;}
.search_box .search_btn{float: right; border: 0; width: 60px; height: 40px; cursor: pointer; outline: none;background: none;}


/*foot*/
.friendLink_top{ height: 35px; overflow: hidden; margin-top: 20px;}
.friendLink_top li{float: left; width:auto; height: 33px; border: 1px solid #e1e1e1; background: url(../images/link_bg_line.png) left center repeat-x;}
.friendLink_top li:first-child{ margin-right: 10px;}
.friendLink_top a{ display: block; padding: 0 8px 0 37px; height: 33px; line-height: 33px; background: url(../images/link_guohui.png) 9px center no-repeat; font-size: 14px; color: #333; }
.friendLink_top a.zzszxicon{background: url(../images/link_guohui02.png) 9px center no-repeat;}
.friendLink_top a:hover{ color: #3C8BD4;}

.foot{width: 100%; height: auto; /*overflow: hidden;*/ border-top: 5px solid #2f73b2; }
.friendLink{ width: 100%; height: 35px; padding: 20px 0; background: #f0f0f0;}
.friendLink .w1200 .linkSlt:first-child{ margin-left: 0;}
.linkSlt { width:232px; height:35px; position: relative; float:left; margin-left: 10px; }
.linkSlt > a.slt { display:block; background:#FFFFFF; border: 1px solid #e1e1e1; width:232px; height:35px; line-height:35px; text-indent:12px; color:#666; font-size:14px; position:relative; cursor:pointer;}
.linkSlt > a.slt:hover { color:#333; text-decoration:none;}
.linkSlt > a.slt > i { display:block; background:url(../images/friendlink_arrow_down.png) center center no-repeat; width:12px; height:8px; position:absolute; top:14px; right:11px; cursor:pointer;}
.lklist { background:#fff; border:1px solid #e1e1e1; border-top-style:none; width:232px; height:125px; overflow-y:auto; overflow-x:hidden; position: absolute; top:35px; left:0; z-index:994;}
.lklist li { height:30px; border-bottom:1px solid #edf3f7;}
.lklist li a { display:block; height:30px; line-height:30px; text-indent:15px; color:#666;}
.lklist li a:hover { background:#f2f7fb; text-decoration:none;}

.foot_cont{ width: 1200px; height: auto; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.foot_cont .foot_fl{ float: left; height: 100%; margin-left: 10px;} 
.foot_fl img{vertical-align: middle;}

.foot_fr{ float: left; margin-top: 15px; margin-left: 25px;}
.foot_fr img.beian{ width: 20px; height: 20px; vertical-align: middle;}
.foot_fr p{ line-height: 24px; color: #666666; font-size: 14px;}
.foot_fr p a{color: #666666; font-size: 14px;}
.foot_fr p a:hover{ text-decoration: underline; color: #3C8BD4;}
.foot_er{float:right;}
.foot_er ul li{float:left;width:28%;text-align:center;padding:10px;line-height:22px;}
.foot_er ul li img{width:86px;height:86px;}
/*当前位置*/
.location_box{height: 40px;width: 100%;background: #f0f0f0;}
.location{width: 1200px; margin: 0 auto;  height: 40px; line-height: 40px; background: url(../images/location_home.png) left center no-repeat; text-indent: 28px; color: #999999; font-size: 14px;}
.location a{color: #999999; font-size: 14px; margin: 0 3px; }
.location a:hover{ color: #1b64b4;}
  

.cd-nav-trigger {
	position: fixed;
	display: inline-block;
	display: none;
  }
  .cd-nav-trigger {
	top: 10px;
	right: 10px;
	height: 40px;
	width: 40px;
	z-index: 9;
	/* image replacement */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
  .cd-nav-trigger .cd-icon {
	/* icon created in CSS */
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: inline-block;
	width: 18px;
	height: 3px;
	background-color: #ffffff;
	z-index: 10;
  }
  .cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
	/* upper and lower lines of the menu icon */
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* apply transition to transform property */
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
  }
  .cd-nav-trigger .cd-icon::before {
	-webkit-transform: translateY(-6px) rotate(0deg);
	-moz-transform: translateY(-6px) rotate(0deg);
	-ms-transform: translateY(-6px) rotate(0deg);
	-o-transform: translateY(-6px) rotate(0deg);
	transform: translateY(-6px) rotate(0deg);
  }
  .cd-nav-trigger .cd-icon::after {
	-webkit-transform: translateY(6px) rotate(0deg);
	-moz-transform: translateY(6px) rotate(0deg);
	-ms-transform: translateY(6px) rotate(0deg);
	-o-transform: translateY(6px) rotate(0deg);
	transform: translateY(6px) rotate(0deg);
  }
  .cd-nav-trigger::before, .cd-nav-trigger::after {
	/* 2 rounded colored backgrounds for the menu icon */
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	height: 100%;
	width: 100%;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	}
  .cd-nav-trigger::before {
	/* background-color: #3886d3; */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
	}
  .cd-nav-trigger::after {
	/* background-color: #3886d3; */
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	}
  .cd-nav-trigger.close-nav::before {
	/* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
  }
  .cd-nav-trigger.close-nav::after {
	/* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
  }
  .cd-nav-trigger.close-nav .cd-icon {
	/* user clicks on the .cd-nav-trigger element - transform the icon */
	background-color: rgba(255, 255, 255, 0);
  }
  .cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
	background-color: white;
  }
  .cd-nav-trigger.close-nav .cd-icon::before {
	-webkit-transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-o-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
  }
  .cd-nav-trigger.close-nav .cd-icon::after {
	-webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-ms-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
  }
  
  .cd-overlay-nav, .cd-overlay-content {
	/* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
	position: fixed;
	top: 0;
	right: 0;
	height: 4px;
	width: 4px;
	-webkit-transform: translateX(-20px) translateY(20px);
	-moz-transform: translateX(-20px) translateY(20px);
	-ms-transform: translateX(-20px) translateY(20px);
	-o-transform: translateX(-20px) translateY(20px);
	transform: translateX(-20px) translateY(20px);
	}
  .cd-overlay-nav span, .cd-overlay-content span {
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
  }
  .cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
	/* background fades out at the end of the animation */
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
  }
  
  .cd-overlay-nav {
	/* main rounded colored bg 1 */
	z-index: 8;
	}
  .cd-overlay-nav span {
	background: rgba(0,0,0,.7);
	}
  
  .cd-overlay-content {
	/* main rounded colored bg 2 */
	z-index: 4;
	display: none !important;
	}
	

@media screen and (max-width: 1199px) {
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td, p { color: #000;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
	body{ padding-top: 70px; background-image:none;}
	.w1200{ width: 98%;}
	.top{height: 60px !important;background: #3886d3;position: fixed;top:0;padding: 0 10px;overflow: hidden;z-index: 8;}
	.top_link{ display: none;}
	/*body{background: #FFFFFF !important;}*/
	.top .logo{display: none;}
	.logo_mobile{float: left;display: block;background: url(/zzcms/DFS/template/1580/images/xsf1_03.png) no-repeat;background-size: 40px auto;height: 100%;margin-top: 8px;color: #fff;padding-left: 50px;line-height: 48px;font-size: 20px;font-weight: bold;}
	.logo_mobile img{display: none; }
	/* .nav_box{ height: auto; width: 98%;}
	.nav_box .w1200{ width: 100%;}
	.nav_box .nav{ width: 100%; height: auto; overflow: hidden;}
	.nav_box .nav li{width: calc(100% / 3);border-bottom: 1px solid #FFFFFF;border-right:1px solid #FFFFFF;box-sizing: border-box;background: #2f73b2;}
	.nav_box .nav li:nth-child(3n){ border-right: none;}
	.nav_box .nav li:nth-child(7),.nav_box .nav li:nth-child(8){border-bottom:0;}
	.nav_box .nav li a{ background: none !important; text-indent: 0 !important; text-align: center; line-height: 49px; font-weight: normal;}
	.nav_box .nav li.active,.nav_box .nav li:active{background: #088AD0; } */
	.search_box{display: none;height: auto;position: fixed;top: 60px;left: 0;background: #fff;width: 100%;box-sizing: border-box;width: 100%;padding: 10px 5%;}
	.search_box .search_txt { border: 1px solid #ccc; border-right: 0;  box-sizing: border-box; width: calc(100% - 70px); padding: 0 15px;}
	.search_box .search_btn { float: left; background: #3886d3; width: 70px;}
	.search_box .search_btn::before{content:"搜索"; color: #fff;}

	.search-tigger {display: block;width: 40px;height: 40px;background: url(/zzcms/DFS/template/1580/images/2022zz_search_icon.png) no-repeat center center;position: fixed;right: 50px;top: 10px;z-index: 8;}

	.cd-primary-nav {
		/* by default it's hidden */
		position: fixed;
		left: 0;
		top: 50px;
		height: 100%;
		width: 100%;
		padding: 80px 5%;
		z-index: 3;
		/* background-color: #091d23; */
		overflow: auto;
		/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
		-webkit-overflow-scrolling: touch;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: visibility 0s, opacity 0.3s;
		-moz-transition: visibility 0s, opacity 0.3s;
		transition: visibility 0s, opacity 0.3s;
		box-sizing: border-box;
		}
	  .cd-primary-nav li {
		margin: 1.6em 0;
		text-align: center;
		text-transform: capitalize;
	  }
	  .cd-primary-nav a {
		font-size: 20px;
		font-size: 1.25rem;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
		transition: color 0.2s;
	  }
	  .no-touch .cd-primary-nav a:hover {
		color: #ffffff;
	  }
	  .cd-primary-nav.fade-in {
		/* navigation visible at the end of the circle animation */
		display: block;
		visibility: visible;
		opacity: 1;
	  }

	.nav_box {width: 100%;height: auto;background: none;position: fixed;z-index: 9;padding-top: 50px;display: none;}
	.nav_box .nav{ width: 100%; height: auto; overflow: hidden;}
	.nav_box .nav li{width: 48%;background: #196bb6 !important;margin: 0 0 20px;border-radius: 10px;}
	.nav_box .nav li:nth-child(2n) { float: right;}
	.nav_box .nav li.active { background: none;}
	
	.friendLink_top,.friendLink{ display: none;}
	.foot br { display: none !important;}
	.foot_cont{width: 100%;background: #fff;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{margin-left: 0;}
	.foot_fr{ margin: 0 auto; padding: 0 15px;}
	.foot_fr span { display: block;}

	.cd-nav-trigger { display: block;}

    .location_box {width: auto;margin: 0 10px;padding: 10px 20px;box-sizing: border-box;background:#fff;height: auto;}
	.location {width: auto;text-indent: 0;height: auto;line-height: 1.5;background: none;}

	.nav_box .nav li a {display: flex;justify-content: center;align-items: center;line-height: normal;}

    .article_bg { margin: 10px 10px 0; width: auto !important;}
    .article_bg .w1200 {width: auto;}
    .article {padding: 20px 20px 50px !important;background:#fff;}
	.article p.info span { display: block;}
	.article h2 { padding: 25px 0px 0px 0px;}
	.article p.info { padding-bottom: 25px;}
	.art_cont *{ text-align: justify;}
	.share {padding: 15px 20px;height: auto !important;line-height: normal !important;}

	#zhuzhoucip span:nth-child(2){ display: none;}
}