@charset "utf-8";
body {
	margin:0;
	padding:0;
	background:#fff;	
}
div, dl, dt, td, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote {
	list-style:none;
	margin: 0;
	padding: 0;
}

.width1200{ width:1200px; margin:0 auto; color:#fff; }
.top_banner{ width:100%; height:500px; background:url(/pubimages/web/2017zdly_intro_top.jpg) no-repeat center #a7daf5; }
.top_banner h1{ text-align:center; height:500px; line-height:500px; font-size:60px; font-weight:700;   color:#124fa2; letter-spacing:2px}
.bannerbox2{ height:420px; width:100%; background: url(/pubimages/web/2017zdly_bg_market.jpg) no-repeat center;}
.bannerbox2 .f-fl{ width:50%; background:rgba(114,95,153, 0.9); height:420px;}
.bannerbox2 .f-fr{ width:50%; background:#3e8ddc; height:420px;}
.bannerbox2 .f-fr ul{ display:block;}
.bannerbox2 .f-fr ul li{ width:33%; float:left; text-align:center;}
.bannerbox2 .f-fr ul li h2{ font-size:20px}
.bannerbox2 .f-fr ul li span{ display:inline-block; height:100px; width:100px; border-radius:50%;  }
.bannerbox2 .f-fr ul li span.bg1{ background: url(/pubimages/web/2017zdly_ys_icon1.png) no-repeat center #3476b9; }
.bannerbox2 .f-fr ul li span.bg2{ background: url(/pubimages/web/2017zdly_ys_icon2.png)  no-repeat center #3476b9; }
.bannerbox2 .f-fr ul li span.bg3{ background: url(/pubimages/web/2017zdly_ys_icon3.png) no-repeat center #3476b9; }
.p80{ padding-top:80px;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size:14px
}
h2{font-weight:normal;}
i{ font-style:normal;}
Form, Select {
	margin: 0;
	padding: 0;
}
input, textarea {
	padding:2px;
	font-size:12px;
	resize:none;
	outline:none;
	border: 0;
}
div, h1, h2, p, Table, Tr, Td {
	word-wrap:break-word;
	word-break:break-all;
}
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
	font-style:normal;
}
ul li {
	vertical-align:top;
}
a {
	color:#fff;
	text-decoration:none;
	cursor: pointer;
}
a:focus {
	outline:0;
}
a:link, a:visited {
	text-decoration:none;
	vertical-align:baseline;
	word-break:break-all;
	outline:none;
}
a:hover, a:active {
	text-decoration: underline;
	vertical-align:baseline;
	word-break:break-all;
	color:#fff;
	cursor:pointer;
}
a:hover span {
	cursor:pointer;
	text-decoration:none;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.f-fl {
	float: left;
}
.f-fr {
	float: right;
}
.rxt_l {
	text-align:left;
}
.rxt_r {
	text-align:right;
}
.rxt_c {
	text-align:center;
}
body, button, input, select, textarea {
	font: 14px/1.5 "Microsoft YaHei", 寰蒋闆呴粦, \9ed1\4f53, \5b8b\4f53, "Microsoft JhengHei", 鍗庢枃缁嗛粦, STHeiti, MingLiu;
	color:#666;
}
button, input {
 *width:auto;
 *overflow:visible;
  line-height:normal;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
img {
	-ms-interpolation-mode:bicubic;
}
iframe {
	display:block;
}
hr {
	border:none;
	border-bottom:1px solid #cfcfcf;
	margin-bottom:10px;
 *color:pink;
 *filter:chroma(color=pink);
	height:10px;
 *margin:-7px 0 2px;
}
.color1 {
	color:#999;
}
.color2 {
	color:#F30;
}
.color3 {
	color:#ff7632;
}

.color_red{ color:#ff0000}
.color_blue{ color:#008df3}
.color_green{ color:#009900;}

 .slide-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 5;
    margin-left:-80px;
}
.slide-pagination a {
    float: left;
    margin: 0 10px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #000;
    font-size: 0;
    filter: alpha(opacity=30);
    opacity: .3;
}
.slide-pagination .active {
    background-color: #178ee5;
}
.slide-pagination .active {
 
    opacity: 1;
}


.slide-pagination2 {
	clear:both;
	text-align:center;
	padding-top:20px; 
	width:100%;  
}
.slide-pagination2 a {
	display:inline-block;
   
    margin: 0 10px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #000;
    font-size: 0;
    filter: alpha(opacity=30);
    opacity: 0.3;
}
.slide-pagination2 .active {
    background-color: #178ee5;
}
.slide-pagination2 .active {
 
    opacity: 1;
}

.width1170{ width:1170px; margin:0 auto; padding:0 15px;}
.retyle{ position:relative;}


.pagination {
	width: 100%;
	float: left;
	PADDING-BOTTOM: 30px;
	PADDING-TOP: 30px;
	TEXT-ALIGN: center;
	height: 40px
}
.pagination a {
	border-radius: 3px;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	background-color: #fff; 
	padding: 8px 12px;
	margin: 0 4px;
	COLOR: #323232;
	TEXT-DECORATION: none;
	border: 1px solid #e1e3e2;
}
.pagination input {
	border-radius: 3px;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	background-color: #fff; 
	padding: 8px 6px;
	margin: 0 4px;
	text-align:center;
	COLOR: #323232;
	TEXT-DECORATION: none;
	border: 1px solid #e1e3e2;
}
 .pagination span {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	background-color: #fff; 
	padding: 8px 12px;
	margin: 0 4px;
	COLOR: #c0c6c3;
	TEXT-DECORATION: none;
	border: 1px solid #e1e3e2;
}
.pagination a:hover {
	background-color: #f8f9fb; 
	border: 1px solid #cacaca;
} 
.pagination .current {
	background-color: #339adc; 
	border: 1px solid #339adc; 
	COLOR: #fff;
	TEXT-DECORATION: none;
}
.pagination .current.prev, .pagination .current.next {
	background-color: #fff; 
	padding: 4px 9px 4px 9px;
	MARGIN-RIGHT: 5px;
	COLOR: #767676;
	TEXT-DECORATION: none;
	border: 1px solid #c4c4c4;
}

 



.js .nav-collapse2 {
  clip: rect(0 0 0 0);
  
}


.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
 }

@media screen and (min-width: 960px) {

  .js .nav-collapse2.closed {
    max-height: none;
  }
 .nav-toggle {
	 display:none;
  
}
}
@media screen and (max-width: 960px) {
.nav-toggle { -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position:absolute; right:5px; top:0px; width:17px; height:60px; text-indent:-1000px; overflow:hidden;}
 .nav-collapse2 ul {
	position:absolute;
	width:100%;
 
} 
  
  
  }



@media screen and (min-width: 960px) {
  .nav-collapse2 a {
   
   color:#FFFFFF; 
  }
}

 .nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  overflow: hidden;
  width: 70px;
  height: 55px;
  position:absolute;
  left:0;
  top:5px;

  z-index:9999;
}

.nav-toggle:before {
  color: #fff; 
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}


@media screen and (min-width:300px) and (max-width:960px) {
body { background: url(/pubimages/web/2017zdly_bodybg.jpg) no-repeat center fixed; background-size:100% 100%;  }
.width1200{ width:100%; margin:0 auto; color:#fff; }	
.top_banner{ width:100%; height:200px; background:url(/pubimages/web/2017zdly_intro_top.jpg) no-repeat center #a7daf5; background-size: auto 200px; }
.top_banner h1{ text-align:center; height:200px; line-height:200px; font-size:30px; font-weight:normal; color:#124fa2; font-weight:bold;}

.bannerbox2{ height:auto; width:100%; background: none; padding:0 15px;  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
.bannerbox2 .f-fl{ width:100%; background:rgba(114,95,153, 0.8); height:auto; padding-bottom:50px; margin-bottom:15px;}
.bannerbox2 .f-fr{ width:100%; background:rgba(62,141,220,0.8); height:auto; margin-bottom:15px;}
.bannerbox2 .f-fr ul{ display:block; padding-top:0px; padding-bottom:60px;}
.bannerbox2 .f-fr ul li{ width:33%; float:left; text-align:center;}
.bannerbox2 .f-fr ul li h2{ font-size:18px; font-weight:normal;}
.bannerbox2 .f-fr ul li span{ display:inline-block; height:100px; width:100px; border-radius:50%;  }
.bannerbox2 .f-fr ul li span.bg1{ background: url(/pubimages/web/2017zdly_ys_icon1.png) no-repeat center #3476b9; }
.bannerbox2 .f-fr ul li span.bg2{ background: url(/pubimages/web/2017zdly_ys_icon2.png)  no-repeat center #3476b9; }
.bannerbox2 .f-fr ul li span.bg3{ background: url(/pubimages/web/2017zdly_ys_icon3.png) no-repeat center #3476b9; }
.p80{ padding-top:30px; }	
	}

.bannerbox3{ width:100%; height:582px; background:#5e71a4;}
.bannerbox3 ul li{ float:left; height:291px; width:300px;}

.bannerbox3 ul li.theone{ width:600px;}
.bannerbox3 ul li.bg1{ background:#4888c5;}
.bannerbox3 ul li.bg2{ background:#09a2a8;}
.bannerbox3 ul li.bg3{ background:#7c4c3a;}
.bannerbox3 ul li.bg4{ background:#897f78;}
.bannerbox3 ul li.bg5{ background:#4888c5;}

@media screen and (min-width:300px) and (max-width:960px) {
	
.bannerbox3{ width:100%; height:auto; background:none; padding:0 15px;  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
.bannerbox3 ul li{ float:left; height:auto; width:100%; padding-bottom:15px;  margin-bottom:15px;  }
.bannerbox3 ul li.theone{ width:100%;  }
.bannerbox3 ul li:nth-child(3){ display:none;}
.bannerbox3 ul li:nth-child(2){ display:none;}
.bannerbox3 ul li.bg1{ background:rgba(72,136,197,0.8);}
.bannerbox3 ul li.bg2{ background:rgba(9,162,168,0.8);}
.bannerbox3 ul li.bg3{ background:rgba(124,76,58,0.8);}
.bannerbox3 ul li.bg4{ background:rgba(137,127,120,0.8) ;}
.bannerbox3 ul li.bg5{ background:rgba(72,136,197,0.8);}	
	
	
	
	
	}

.listli{ color:#fff; padding:0 20px}
.listli a{ color:#fff; }
.listli a:hover{ text-decoration:underline}
.listli dd a{
    background: url(/pubimages/web/ico_disc.png) no-repeat left center;
    padding-left: 10px;
}
.listli dd{ height:30px; line-height:30px; font-size:14px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
#sylist dd{ height:inherit; line-height:normal; white-space: normal;margin-bottom: 10px; }
.listli h2{ text-align:center; padding:30px 0 20px 0; font-size:20px; }
.listli span.more{ display:block; text-align:right; padding-top:20px;}

.iconbox1{ display:block; margin:0 auto; width:100px; margin-top:50px; margin-bottom:10px;}
#zlbox1{margin-top: 32px;}
.iconbox1 img{ width:100%; height:auto;}
.h1title{ font-size:37px; text-align:center; color:#fff; font-weight:normal; letter-spacing:1px; line-height:50px;}
.h1title2{ font-size:35px; text-align:left; height:100px;  font-weight:normal; color:#fff; letter-spacing:1px; background:url(/pubimages/web/2017zdly_icon5.png) no-repeat 50px 10px ; padding-left:180px; background-size:auto 90%; margin-bottom:40px; margin-top:70px;}
.h1title3{ font-size:25px; text-align:left; height:80px; line-height:80px; color:#fff; background: url(/pubimages/web/2017zdly_anicon.png) no-repeat 50px center ; padding-left:120px; background-size:60px auto; margin-bottom:10px; margin-top:10px;}
.h1title4{ font-size:25px; text-align:left; height:80px;  line-height:80px; color:#fff; background: url(/pubimages/web/2017zdly_xyicon.png) no-repeat 50px center; padding-left:120px; background-size:60px auto; margin-bottom:340px; margin-top:10px;}

.h1title5{ font-size:25px; text-align:left; height:80px;  line-height:80px; color:#fff; background: url(/pubimages/web/2017zdly_aqxficon.png) no-repeat 50px center; padding-left:120px; background-size:60px auto; margin-bottom:10px; margin-top:10px;}


.bannerbox4{ height:420px; background:#748c95; width:100%; }
.bannerbox4 .f-fl{ width:50%;}
.bannerbox4 .f-fr{ width:50%; background:url(/pubimages/web/2017zdly_jcpic2.jpg) no-repeat left top; height:420px;}
.bannerbox41{ float:right; width:790px; height:420px; }
.bannerbox41 h2{ font-size:20px;}
.bannerbox41 ul{ display:block;  width:600px; padding-top:50px;margin: 0 auto; }
.bannerbox41 ul li{ float:left; width:150px; text-align:center; color:#fff; font-size:20px;}
.bannerbox41 ul li span{ display:inline-block; width:100px; height:100px; border-radius:50%;}
.bannerbox41 ul li span.bg1{ background:url(/pubimages/web/2017zdly_jg_icon1.png) no-repeat center #fff;}
.bannerbox41 ul li span.bg2{ background:url(/pubimages/web/2017zdly_jg_icon2.png) no-repeat center #fff;}
.bannerbox41 ul li span.bg3{ background:url(/pubimages/web/2017zdly_jg_icon3.png) no-repeat center #fff;}
.bannerbox41 ul li span.bg4{ background:url(/pubimages/web/2017zdly_jg_icon4.png) no-repeat center #fff;}

@media screen and (min-width:300px) and (max-width:960px) {
	.listli h2{ text-align:center; padding:20px 0 10px 0; font-size:16px; }
.listli span.more{ display:block; text-align:right; padding-top:10px;}
.bannerbox4{ height:auto; background:none; width:100%; padding:0 15px;  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.bannerbox4 .f-fl{ width:100%;}
.bannerbox4 .f-fr{ width:50%; display:none; background:url(/pubimages/web/2017zdly_jcpic2.jpg) no-repeat left top; height:420px;}
.bannerbox41{ float:right; width:100%; height:auto; background:rgba(116,140,149,0.8)}
.bannerbox41 h2{ font-size:18px; font-weight:normal}
.bannerbox41 ul{ display:block;  width:100%; padding-top:30px; padding-bottom:30px; }
.bannerbox41 ul li{ float:left; width:50%; margin-bottom:25px; text-align:center; color:#fff; font-size:20px;}
.bannerbox41 ul li span{ display:inline-block; width:100px; height:100px; border-radius:50%;}
.bannerbox41 ul li span.bg1{ background:url(/pubimages/web/2017zdly_jg_icon1.png) no-repeat center #fff;}
.bannerbox41 ul li span.bg2{ background:url(/pubimages/web/2017zdly_jg_icon2.png) no-repeat center #fff;}
.bannerbox41 ul li span.bg3{ background:url(/pubimages/web/2017zdly_jg_icon3.png) no-repeat center #fff;}
.bannerbox41 ul li span.bg4{ background:url(/pubimages/web/2017zdly_jg_icon4.png) no-repeat center #fff;}	

.iconbox1{ display:block; margin:0 auto; width:80px; margin-top:40px; margin-bottom:10px;}
.iconbox1 img{ width:100%; height:auto;}
.h1title{ font-size:20px; font-weight:bold; text-align:center; color:#fff;  letter-spacing:1px;}
.h1title2{ font-size:23px; text-align:left; height:100px; font-weight:bold;  color:#fff; letter-spacing:1px; background:url(/pubimages/web/2017zdly_icon5.png) no-repeat 30px 0px ; padding-left:160px; padding-right:20px; background-size:auto 90%; margin-bottom:40px; margin-top:50px;}
.h1title3{ font-size:20px; text-align:center; height:80px; width:50%; float:left; padding-top:100px; line-height:auto; color:#fff; background: url(/pubimages/web/2017zdly_anicon.png) no-repeat   center  50px; padding-left:0; background-size:60px auto; margin-bottom: 0px; margin-top:0;}
.h1title4{ font-size:20px; text-align:center; height:80px;  width:50%;float:left; padding-top:100px;  line-height:auto; color:#fff; background: url(/pubimages/web/2017zdly_xyicon.png) no-repeat   center 50px; padding-left:0; background-size:60px auto; margin-bottom:0; margin-top:0;}

.h1title5{ font-size:25px; text-align:left; height:80px;  line-height:80px; color:#fff; background: url(/pubimages/web/2017zdly_aqxficon.png) no-repeat 50px center; padding-left:120px; background-size:60px auto; margin-bottom:10px; margin-top:10px;}
	}

.bannerbox5{ height:292px; background:#725f99; width:100%; }
.bannerbox5 ul li{ width:25%; float:left; height:292px;}
.bannerbox5 ul li.bg1{ background:#9ca117}
.bannerbox5 ul li.bg2{ background:#7c4b3a}
.bannerbox5 ul li.bg3{ background:#897e78}
.bannerbox5 ul li.bg4{ background:#948045;width:50%}

@media screen and (min-width:300px) and (max-width:960px) {
.bannerbox5{ height:auto; background:none; width:100%; padding:  15px ; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */  }
.bannerbox5 ul li{ width:100%; float:left; height:auto; margin-bottom:15px; padding-bottom:15px; }
.bannerbox5 ul li.bg1{ background:rgba(156,161,23,0.8); padding-bottom:50px;}
.bannerbox5 ul li.bg2{ background:rgba(124,75,58,0.8)}
.bannerbox5 ul li.bg3{ background:rgba(137,126,120,0.8)}
.bannerbox5 ul li.bg4{ background:rgba(148,128,69,0.8)}	
	
	}