/*css reset*/

body {

    font-family:"微软雅黑", Arial, Verdana, Helvetica, 'Microsoft Yahei', Lato, sans-serif;

    font-size: 14px;

    color: #282828;

    overflow-x: hidden;

}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
input{ border:none; }

ul, li ,a{

    list-style: none;

    margin: 0;

    padding: 0;

}
a{ text-decoration:none}
b, strong {

    font-weight: bold;

}

p {

    font-size: inherit;

}

.fl {

    float: left;

}
.left{ float:left}
.right{ float:right}
.fr {

    float: right;

}
.clear{ clear:both;}
.main{ width:1200px; margin: 0 auto; padding:0;}
	#progressEffect{
	  position: absolute;
      z-index: 10;
      top: 20px;
      left: 20px;
	}

/*导航菜单*/

.top{background: url("../images/logo.jpg") center center; background-repeat: no-repeat; width:100%; height:123px;}

.zz{ width:290px;height:78px; margin:22px 0 0 775px; float:left; line-height:30px; overflow:hidden}
.zz li{ float:left; border-radius:3px; width:229px; font-size:14px; color:#0062c6;background:#fff url("../images/sjx.gif") 6px center no-repeat; padding:0 15px 0 18px; margin-bottom:5px; height:21px; line-height:21px;}

.nav { height:56px; line-height:56px; background:#027bd5; color:#fff; font-size:18px}
.nav ul{width:1200px; margin:0 auto;}
.nav ul li{float:left;width:auto;text-align:center; padding:0 10px; margin-right:22px;}
.nav ul li a{color:#fff;}


/* banner */
.banner{height:650px}
.banner .swiper-wrapper:nth-child(2) div{background: url("../images/1.jpg") 100% 100%; background-repeat: no-repeat; background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;}

.banner .swiper-button-next,.banner .swiper-button-prev{width: 44px; height: 44px; opacity: 1;}

.banner .swiper-button-next{background: url('../images/icon.png') -264px -286px; right: 10%; top:40%}

.banner .swiper-button-prev{  background: url('../images/icon.png') -201px -286px; left: 10%; top:40%}

.dzhn{ height:258px; width:100%; position:relative}
.dzhn dl dt{ font-size:26px; padding:40px 0 20px 0; float:left}
.dzhn dl dd{ font-size:14px; float:left; width:330px}
.dzhn dl{ width:360px; color:#fff; float:left;background: url('../images/dznh_line.gif') 358px center no-repeat; line-height:24px; padding:0 0 30px 30px;position: absolute; top: -55px; z-index: 8;}
.dzhn dl dd a{ width:202px; padding:10px 50px 10px 10px; float:left; color:#fff; border-radius:12px; border:1px solid #fff;background: url('../images/dzhn_sjx.gif') 180px center no-repeat; margin-top:15px;}


.title{ text-align:center; position:relative; margin-top:30px}
.title b{ font-size:42px; color:#0052ae; padding:0 10px; background:#fff; z-index:2}
.title span{ color:#e0e0e0; display:block; height:1px; background:#e0e0e0; position:absolute;top:30px; width:100%; z-index:-1}
.title p{ font-size:18px; color:#666666;}


.zlfs{ height:232px;width:100%;}
.zlfsc .swiper-slide{ float:left; text-align:center; font-size:16px; width:294px;background: url('../images/zlfs_line.gif') 293px center no-repeat;height:232px;}
 .zlfsc .swiper-slide { transform: scale(1); transition: all 0.3s linear 0s; }
.zlfsc .swiper-slide:hover { transform: scale(0.88);}
.zlfsc .swiper-slide img{ padding:48px 0 20px 0;}
.zlfsc .swiper-slide span{ display:block; width:25px; height:1px; background:#0082e6; margin:0 0 22px 74px;}

.jjkj{ height:556px}
.jjkj dl{ width:400px; float:left; position:relative; margin-top:50px; margin-right:8px}
.jjkj dd{ width:363px; height:188px; background:#1975dd; text-align:center; color:#fff; position:absolute; top:300px; left:20px}
.jjkj dd b{ font-size:28px; padding:20px 0 20px 0; float:left; padding-left:30px; display:block; width:280px}
.jjkj dd span{ float:left; display:block; width:48px; height:3px; background:#fff; margin:0 0 10px 140px}
.jjkj dd p{ float:left; width:200px; padding:5px 0 0 50px}
.jjkj dd div{ width:324px; height:154px; border:#4791e4 1px solid; margin:17px 0 0 20px; float:left}

.zszj dl{ width:280px; height:560px; border:#b1dcfa 1px solid; margin:20px 10px 0 0; float:left }
.zszj dt img{ padding:20px 0 0 0}
.zszj dt b{ font-size:26px; font-weight:normal; float:left; color:#333333; padding:10px 0}
.zszj dt span{ font-size:18px; float:right; color:#666666; padding:10px 0}
.zszj dt{ width:229px; padding-left:25px}
.zszj dd{ width:229px;float:left; text-align:center; padding-left:20px; margin:10px 0}
.zszj dd b{ color:#1591e8; font-size:20px; padding:10px 0; border-top:1px solid #b1dcfa; border-bottom:1px solid #b1dcfa;width:229px; display:block}
.zszj dd span{ font-size:16px; color:#333333; font-weight:bold}
.zszj dd p{ color:#999999; font-size:16px; text-align:left; line-height:28px}
.zszj dd p a{ color:#0052ae}

.jzfl li{ float:left; width:195px; height:65px; color:#b2b2b2; text-align:center; border:1px solid #b2b2b2; margin:25px 3px 10px 0}
.jzfl li.hover{ color:#0062c6; border:#0062c6 1px solid}
.jzfl li p{ font-size:16px; padding-top:10px; color:#333}
.jzfl li span{ font-size:10px;}
.jzfl_down{ height:410px ; background:#c9e2ff; float:left; width:1200px}
.jzfl_down img{ padding:10px 0 0 10px; float:left}
.jzfl_down dl{ width:665px; float:left; color:#333333; margin-left:30px;}
.jzfl_down dt{ border-bottom:2px solid #1975dd; float:left; width:630px; padding-bottom:20px; margin-bottom:10px}
.jzfl_down dt b{ font-size:48px; float:left; padding:20px 0 0 0; color:#1975dd}
.jzfl_down dt span{ font-size:22px; float:left}
.jzfl_down dd{ float:left; padding:15px 0 15px 0; border-bottom:1px solid #70a4e2}
.jzfl_down dd p{ float:left; font-size:16px; width:615px;}
.jzfl_down dd b{ float:left}

.xsqy{ background:#f8f8f8; height:559px; margin-top:30px; padding-top:10px}
.xsqy_up{ height:60px;}
.xsqy_up dt{ color:#333333;background: url('../images/xsqy01.jpg') 1px center no-repeat; float:left; font-size:26px; padding-left:40px; line-height:60px}
.xsqy_up dd{ float:right; font-size:16px; line-height:60px}
.xsqy_up dd a{ color:#999999}
.xsqy li{ float:left; width:396px; margin:20px 4px 0 0 }
.xsqy li h3{ color:#333333; font-size:24px; font-weight:normal; padding:20px 0 10px 0}
.xsqy li p{ color:#666666; font-size:16px; padding:10px 20px 0 0; line-height:26px}
.xsqy li a{ color:#666666; font-size:16px; border:1px solid #666666; border-radius:5px; padding:10px 20px; margin-top:30px; float:left}

.footer{ background:#0052ae; height:300px; margin-top:20px}
.footer dl{ color:#fff; padding:25px 0; line-height:30px; height:30px;}
.footer dt{ font-size:16px; padding-left:30px;;background: url('../images/footer_loc.jpg') 0 center no-repeat; width:500px; float:left; line-height:30px;}
.footer dd{ float:right; width:335px; font-size:16px;}
.footer_line{ background:#266cba; width:100%; height:1px; margin:15px 0 30px 0}
.footer_down{ color:#fff; height:130px;}
.footer_down img{ float:left}
.footer_down p{ float:left; width:355px; padding:20px 5px 0 20px}



  /*科普新闻*/
    .catenews{margin-top:25px; }
    .kebunews{width: 588px;float: left;margin-right: 10px; padding-bottom:10px; border:1px solid #ccc}
    .kebunews .intro{margin-left: 10px; margin-top: 25px; border-bottom: 1px solid #d3d3d3; height: 120px; margin-right: 10px}
    .kebunews .intro img{float: left;height: 104px;width: 147px}
    .kebunews .intro .con{    float: left;width: 400px;margin-right: 10px;padding-left: 10px;}
    .kebunews .intro .con span{display: block;font-size: 16px;margin-top: 5px;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .kebunews .intro .con span a{color: #282828;}
    .kebunews .intro .con span a:hover{color:#486db2 }
    .kebunews .intro .con div{font-size:14px; color:#979696; line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

  .d_list{border-top:1px solid #dbdbdb; font-size: 14px; padding-top: 8px}
.d_list li{ height: 27px;line-height: 27px;/*padding-right: 20px*/}
.d_list li img{float: left; margin-top: 5px}
.d_list li div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 26px;width: 80%;padding-left: 10px;float: left;}
.d_list a{color: #8c8b8b;  }
.d_list a:hover{color:#486db2 }
.d_list li span{display:block;float: right; }
 .d_title{background: #ebebeb; color: #383838; font-size: 16px; clear: both; height: 50px; line-height: 50px; padding-left: 10px;padding-right: 10px}
    .fixed-right {right: 0;margin-right: 0; margin-top: 0 ;top:80%}
	.d_title span{display: block; float: left;  }
.d_title span div{border-bottom: 3px solid #316cad;height:100%;}
.d_title .more{float: right; font-size: 14px;padding-left: 2px; padding-right: 2px; text-align: center}
.d_title .more a{ color:#333}

.yzsl{ width:1200px; margin:0 auto; padding-top:20px}
.yzsl_up_tu{ float:left; border:10px solid #f8f8f8}
.yzsl_right{ width:590px; height:392px; border:5px solid #f8f8f8; float:left; margin-left:4px;}
.yzsl_right dt b{ font-size:55px; color:#0057bc; float:left}
.yzsl_right dt span{ font-size:22px; color:#333333; float:left; padding:40px 0 10px 20px}
.yzsl_right dd a{ font-size:14px; color:#999999; float:right; padding:50px 10px 10px 0}
.yzsl_right dl{ width:540px; border-bottom:1px solid #e1e1e1; margin:10px 0 10px 20px; float:left}
.yzsl_right ul li{ float:left;width:540px; font-size:16px; color:#333333; padding:0 0 5px 30px;background: url('../images/yzsl_sjx.gif') 20px center no-repeat;}
.yzsl_right p{ color:#999999; font-size:16px; line-height:25px; float:left; width:540px; margin-left:20px; margin-top:5px}
.yzsl_down li{ float:left; width:182px; margin-right:21px; margin-top:15px}
.yzsl_down li div{ height:50px; width:182px; background:#f8f8f8;}
.yzsl_down li p{ font-size:24px; color:#0057bc; float:left; padding:10px 0 0 39px}
.yzsl_down li span{ font-size:16px; color:#666666; float:left; padding:15px 0 0 5px}