@charset "utf-8";
/* CSS Document */
/* Reset */
html, body, div, img, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, fieldset, input, textarea, select, label, ul, ol, dl, li, dt, dd { margin:0; padding:0; border:0; outline:none; list-style:none; font-weight: normal; }
body, html { height:100%; width:100%; font-size:14px; line-height:24px; font-family:"微软雅黑"; }
body { color:#484848; background:url(bg_nr.jpg) no-repeat center 718px;}
li { list-style-type:none; }
a { text-decoration:none; outline:none; color:#484848; }
a:hover { text-decoration:none; }

table { border-collapse:collapse; border-spacing:0; margin:0 auto; clear:both; }
img { border:0; display:block; }
em { font-style:normal; }
hr { height:0; clear:both; }
.none { display:none; }
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.fl { float:left; }
.fr { float:right; }
.row{ margin-left: -15px; margin-right: -15px;}
.mianwidth{width: 1200px;height:72px;margin:0 auto;display:block;}

/* 进入 */
.poster-container { height: 100%; position: relative; overflow: hidden; z-index: 10000; background: #535bb2;}

.poster-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background:url(bg.jpg) no-repeat; background-size: 100% 100%; transform: scale(1); animation-name: poster-bg; animation-duration: 2s; animation-timing-function: ease-out;}
.poster-content { position: relative; width: 100%; height: 100%; margin-left: -4%; top: 16%; left: 0;}
.poster-slogon { position: absolute; width:58%; height:100%; left:8%; right: 0; top: -58%; bottom: 0; margin: auto; background: url(poster-slogon.png) no-repeat center center; background-size: 100% auto; perspective: 300px; transform: scale(1); animation-name: slogon; animation-duration: 1.5s; animation-timing-function: ease-in;}
.flash{ position: absolute; top: 30%; left:33%; right: 0;  width:769px; height:99px; }

/* 头部 */
.banner { width: 100%; height: 650px; background:url(bannerbg.png) no-repeat center top; position: relative; overflow:hidden;}
.banner .topic { width: 100%; height: 100%; background: url(topic.png) center top no-repeat; top:34%; position: absolute; z-index: 3;}
.banner .logo { width: 119px; height: 76px; background: url("http://www.gz.xinhuanet.com/ztpd/zggjsbh_2018/image/logo02.png") center top no-repeat; position: absolute; left: 50%; top:8%; z-index: 5; margin-left: 405px;}
.banner .cloud { width: 100%; height: 94px; position: absolute; bottom: 0px; z-index: 2;}
.banner .cloud span { width:6804px; height: 94px; display: block; position: absolute; left: 50%; margin-left: -1701px;  background: url("http://www.gz.xinhuanet.com/ztpd/zggjsbh_2018/image/cloud.png") center top repeat-x; animation-name: l2r; animation-duration: 150s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal;}

#stars{ width: 100%; height: 100%; top:10%; position: absolute; z-index: 1;}

/* 导航 */
.nav { margin:0 auto; height: 72px; background:#0045b4;}
.nav-item { display: inline-block; font-size: 21px; vertical-align: middle; height: 100%; font-weight:bold;}
.nav-item a { font-size:20px; color:#FFF; line-height:66px; height:72px; text-align: center; text-decoration:none; font-family:\5FAE\8F6F\96C5\9ED1;}
.nav-item i{ font-style:normal; font-size:21px; font-weight:bold; color:#fff; margin:0 50px;}
.nav-item a:hover { color: #ff9724 !important;}


/*第一部分*/
.part1{ width: 1000px; margin: 25px auto 0 auto; overflow: hidden; height:240px;}
.part1 .dhjj_box{ width:321px; height:240px; padding:15px; background:url(part1_bg.png) repeat;}
.part1 .dhjj_box .dhjj_title,.part1 .td_box .td_title{  line-height:50px; border-bottom:4px solid #0051bb; padding-left:10px;}
.part1 .dhjj_box .dhjj_title a,.part1 .td_box .td_title a{ font-size:36px; color:#0051bb; font-weight:bold;letter-spacing:3px;}
.part1 .dhjj_box .dhjj_title a b,.part1 .td_box .td_title a b{ font-size:43px; color:#e4007f; letter-spacing:3px;}
.part1 .dhjj_box .p_list{ line-height:25px; margin-top:18px; padding-left:10px;}
.part1 .dhjj_box p{ font-weight:bold;}

.part1 .td_box{ width:601px; height:210px; background:url(part1_bg.png) repeat; padding:15px;}
.part1 .td_box .td_one{ margin-top:16px; overflow:hidden;}
.part1 .td_box .td_one .one_title{ text-align:center;}
.part1 .td_box .td_one .one_title a{ font-size:21px; font-weight:bold; color:#0051bb;}
.part1 .td_box .td_one .abstract{ font-family:"宋体"; font-size:14px; text-indent:2em; line-height:25px; margin-top:12px; padding-bottom:4px; border-bottom:1px dotted #2661c0;}
.part1 .td_box .td_one .abstract a:hover{ color:#0051bb;}


/*第二部分*/
.part2{ width:1000px; margin:48px auto 0 auto; overflow:hidden; background:url(part1_bg.png) repeat;}
.part2 .Focus_graph{ width:510px; height:369px; overflow: hidden; position: relative;}
.part2 .Focus_graph .hd{ position: absolute; bottom: 14px; right: 10px; z-index: 1001;}
.part2 .Focus_graph .hd li{width: 10px; height: 10px; float: left; margin: 0 2px; background:url(focus_iocn.png) no-repeat left -10px; cursor: pointer;}
.part2 .Focus_graph .hd li.on{background-position:left 0;}
.part2 .Focus_graph .bd img{width: 510px; height: 369px;transition: transform 0.7s ease-out 0s;-moz-transition: transform 0.7s ease-out 0s;-webkit-transform:transform 0.7s ease-out 0s;}
.part2 .Focus_graph .bd a:hover img{transform:scale(1.05);transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;-webkit-transform:transform 0.7s ease-out 0s;}
.part2 .Focus_graph .bd p{height: 38px; width: 510px; position: absolute; left: 0; bottom: 0;background: #000000;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 998;}
.part2 .Focus_graph .bd b{display: block;height: 38px; line-height: 38px; width: 480px; position: absolute; left: 0; bottom: 0; z-index: 999;}
.part2 .Focus_graph .bd b a{padding-left: 10px; color: #FFFFFF; font-size: 14px; font-weight: normal;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;}
.part2 .Focus_graph .bd b a:hover{font-size: 15px; transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s; }

.part2 .new_list{ margin-left:30px; width:445px;}
.part2 .new_list .list_one{ margin-top:10px;}
.part2 .new_list .list_one .title_a{ text-align:center;}
.part2 .new_list .list_one .title_a a{font-size:18px; font-weight:bold; color:#0051bb;}
.part2 .new_list .list_one .abstract_one{font-family:"宋体"; font-size:14px; text-indent:2em; line-height:25px; border-bottom:1px dotted #2661c0;}
.part2 .new_list .list_one .abstract_one a:hover{ color:#0051bb;}
.part2 .new_list .part2_list_nr{ margin-top:10px; font-family:"宋体";}
.part2 .new_list .part2_list_n li{ line-height:25px;}


/*第三部分*/
.part3{ width:1000px; margin:46px auto 0 auto; overflow:hidden;}
.part3 .fhjbyj_title,.part4 .fhlt_title,.part5 .jdsbh_title,.part6 .gzryzdsbh_title,.part7 .sbhhx_title{ height:59px; line-height:59px; background:#0051bb; border-bottom:6px solid #e4007f;}
.part3 .fhjbyj_title a,.part4 .fhlt_title a,.part5 .jdsbh_title a,.part6 .gzryzdsbh_title a,.part7 .sbhhx_title a{ font-size:36px; color:#fff; font-weight:bold;letter-spacing:3px; padding-left:30px;}
.part3 .fhjbyj_title a b,.part4 .fhlt_title a b,.part5 .jdsbh_title a b,.part6 .gzryzdsbh_title a b,.part7 .sbhhx_title a b{ font-size:43px; color:#e4007f; letter-spacing:3px;}
.part3 .fhjbyj_nr{ overflow:hidden;}
.part3 .fhjbyj_nr li{ float:left; margin:20px 56px 0 0; width:296px; height:340px;}
.part3 .fhjbyj_nr li.mgr{ margin-right:0;}
.part3 .fhjbyj_nr li .img{ width:296px; height:200px; }
.part3 .fhjbyj_nr li .img img{ width:296px; height:200px; }
.part3 .fhjbyj_nr li .wz_nr{ width:276px; height:118px; background:#fff; padding:10px;}
.part3 .fhjbyj_nr li .wz_nr .nr_title{ text-align:center;}
.part3 .fhjbyj_nr li .wz_nr .nr_title a{ color:#0051bb; font-size:18px; font-weight:bold;}
.part3 .fhjbyj_nr li .wz_nr .p_list{ font-family:"宋体";} 
.part3 .fhjbyj_nr li .wz_nr .p_list p a{ display:block; width:276px; overflow:hidden; text-overflow:ellipsis; white-space:normal;}

/*第四部分*/
.part4{ width:1000px; margin:48px auto 0 auto;}
.part4 .fhlt_title{ margin-bottom:20px;}
.part4 .part4_box{ width:1000px; height:342px; position:relative; background:url(part1_bg.png) repeat; margin-top:20px;}
.part4_box .hd{ width:434px; position:absolute; left:33px; top:0;}
.part4_box .hd ul{ z-index:5; position:relative;  zoom:1;}	
.part4_box .hd li{ height:55px; line-height:55px; margin-top:22px;  color:#333333;  border-bottom:1px dotted #2661c0; cursor:pointer;}	
.part4_box .hd li a{ font-size:21px; color:#0051bb; font-weight:bold; padding-left:22px;}
.part4_box .hd li a i{ width:55px; height:55px; display:block; float:left; background:url(number_img.png) no-repeat;}
.part4_box .hd li a i.icon01{ background-position:0 0;}
.part4_box .hd li a i.icon02{ background-position:0 -56px;}
.part4_box .hd li a i.icon03{ background-position:0 -112px;}
.part4_box .hd li a i.icon04{ background-position:0 -168px;}
.part4_box .hd li.on a{color:#ff9724}
.part4_box .hd li.on span{ font-weight:bold; color:#c00;  }	
.part4_box .bd{ width:534px; position:relative; left:499px; top:54px; overflow:hidden;   }	
.part4_box .bd .con{ width:375px; margin:0 30px;}
.part4_box .bd .tempWrap{ width:375px; margin:0 30px;}
.part4_box .bd .conWrap{ width:500px;  }	
.part4_box .prev,.part4_box .next{ position:absolute; left:10px; top:70px; }	
.part4_box .next{ top:70px; left:450px; }	
.part4_box .prevStop,.part4_box .nextStop{  }	
.part4_box .bd p{ padding-bottom:10px  }
.part4_box .bd p.bt{ font-size:18px; font-weight:bold; color:#0051bb; text-align:center;}
.part4_box .bd p.xq{ text-indent:2em; font-family:"宋体";}
.part4_box .bd p.djck{ width:80px; height:28px; margin:0 auto;}
.part4_box .bd p.djck a{ background:#0051bb; display:block; width:80px; height:28px; color:#fff; font-size:#16px; text-align:center;}


/*part5*/
.part5{ width:1000px; margin:48px auto 0 auto;}
.part5 .part5_box{ overflow:hidden; margin-top:25px;}
.part5 .part5_box li{ width:240px; float:left; margin-right:13px;}
.part5 .part5_box li.mgr{ margin-right:0;}
.part5 .part5_box li a{ color:#0051bb; font-size:18px; font-weight:bold;}
.part5 .part5_box li .img{ width:240px; height:300px; border-radius:5px; overflow:hidden;}
.part5 .part5_box li .img img{ width:240px; height:300px;}
.part5 .part5_box li p{ text-align:center; font-weight:bold; margin-top:15px;}

/*part6*/
.part6{ width:1000px; margin:48px auto 0 auto;}
.part6 .part6_qh{ overflow:hidden;}
.part6 .part6_qh .nav_qh{ margin:24px 0 5px 0; overflow:hidden;}
.part6 .part6_qh .nav_qh a{ width:280px; height:35px; line-height:35px; background:#0051bb; font-size:18px; font-weight:bold; display:block; float:left; margin-right:80px; color:#fff; text-align:center;}
.part6 .part6_qh .nav_qh a.on{ font-size:22px;}
.part6 .part6_qh .nav_qh a.mgr{ margin-right:0;}
.part6 .part6_qh .nr_qh ul{ overflow:hidden;}
.part6 .part6_qh .nr_qh ul li{ margin-top:18px; overflow:hidden;}
.part6 .part6_qh .nr_qh ul li .img{ width:350px; height:194px;}
.part6 .part6_qh .nr_qh ul li .img img{ width:350px; height:194px;}
.part6 .part6_qh .nr_qh ul li .xq_nr{ width:550px; height:114px; background:url(part1_bg.png) repeat; padding:40px;}
.part6 .part6_qh .nr_qh ul li .xq_nr p.title_b{ text-align:center;}
.part6 .part6_qh .nr_qh ul li .xq_nr p b{ font-size:21px; color:#0051bb; text-align:center; width:630px;}
.part6 .part6_qh .nr_qh ul li .xq_nr p.zy{ text-indent:2em; font-family:"宋体"; border-bottom:1px dotted #0051bb; padding-bottom:5px;}


/*part7*/
.part7{ width:1000px; margin:48px auto 0 auto;}
.part7 ul{ margin-top:20px; overflow:hidden;}
.part7 ul li{ float:left; width:195px; margin-right:6px;}
.part7 ul li.mgr{ margin-right:0;}
.part7 ul li a{ display:block;}
.part7 ul li a .img{ width:195px; height:114px;}
.part7 ul li a .img img{ width:195px; height:114px;}
.part7 ul li a p{ font-size:12px; line-height:18px; margin-top:12px;}


/*往届数博会回顾*/
.wjsbhhg{width:1000px; margin:48px auto;} 




/*返回顶部*/
.backtotop { position: fixed; right: 20px; bottom: 50px; z-index: 20; width: 100px; height: 80px; border: 1px solid #0d6fb8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f4f4f4; overflow: hidden; cursor: pointer; display: none; text-align:center;}
.backtotop span{ color:#0d6fb8; font-size: 14px; position: relative; top:30px;}
.backtotop:after { content: ""; display: block; width: 0; top:-20px; left:46px; border-left: 6px solid #f6f6f6; border-right: 6px solid #f6f6f6; border-top: 12px solid #f6f6f6; border-bottom: 12px solid #194D98; position: relative;}

/*开机动画*/
@keyframes poster-bg {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slogon {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.7;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes daoyin {
  0% {
    opacity: 0;
    transform: rotateX(35deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@keyframes l2r {
  from {
    margin-left: -1701px;
  }
  to {
    margin-left: -5103px;
  }
}

@keyframes breath {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
#sbhx_con{ width: 1000px; overflow: hidden; margin-top: 20px;}

#jdshb-con{width: 1000px; overflow: hidden; margin-top: 20px;}