@charset "utf-8";

?div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
body{font-size:16px;font-family:"微软雅黑", "黑体";color:#000000; text-align:left;}
a{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;color:#000000;text-decoration: underline;}
ul li{list-style:none;}
img{border:none;}
p{text-align:Justify;text-justify:inter-ideograph;}
.sy_bj{ background:url(/Outreach/39359.files/20170104-pd-sybj.jpg) no-repeat center top; height:100%; overflow:hidden; width:100%;}

.sy_container{max-width:1160px; min-width:800px; margin:0 auto;height: 100%; position:relative;}
.sy_container div{ position:absolute;}
.sy_container div img{ width:100%;}

.sy_logo{ width:271px; height:74px; right:0px; top:5%;}

.bt{ height:400px; padding-top:40px;}

.nf{ width:335px; width:28.87%; height:117px; top:13%; left:10%;  }

.tw01{ width:162px; width:13.96%; height:211px; top:30%; left:15%;  }
.tw02{ width:223px; width:19.22%; height:289px; top:30%; left:30%; }
.gx01{ width:341px; width:29.39%; height:341px; top:19%; left:15%; }

.wz01{ width:305px; width:26.29%; height:149px; top:20%; left:50%;}
.wz02{ width:439px; width:37.84%; height:160px; top:40%; left:50%;}
.gx02{ width:180px; width:15.51%; height:178px; top:47%; left:50%; }

.dy01{ width:169px; width:14.56%; height:49px; left:12%; top:68%;}
.dy02{ padding-left:95px; padding-top:25px; text-shadow:0px 0px 5px #ffffff, 0px 0px 8px #ffffff, 0px 0px 12px #ffffff; font-size:23px; line-height:40px; padding:15px 95px 0px 95px; color:#000000; width:80%; left:5%; top:75%;}
.dy02 p{ text-indent:2em;}

.f{text-shadow:#ffffff 0px 0px 5px;}


.left{ float:left; background:url(/Outreach/39359.files/20170104-pd-nrbj.jpg) no-repeat center top; width: auto; position:absolute; left:0px; top:0; z-index:0;  overflow:hidden;}
.right{  background:url(/Outreach/39359.files/20170104-pd-nr_xj.png) no-repeat right bottom #fff; width:960px; height:100%;  position: absolute; top:0px; right:0px; overflow:hidden; z-index:100;}

.pdcl{ clear:both; height:0px; overflow:hidden;}

.dbt{ font-size:65px; font-family:"微软雅黑", "黑体"; padding:60px 20px 0px 65px; float:left; font-weight:bold; color:#0a3a8b; height:70px;white-space:nowrap; float:left; background:url(/Outreach/39359.files/20170104-pd-nrbj.jpg) no-repeat left top;}
.dbt02{ display:none; font-size:36px; font-family:"微软雅黑", "黑体"; padding:20px 20px 0px 65px; float:left; font-weight:bold; color:#0a3a8b; height:30px; line-height:30px; white-space:nowrap; float:left; background:#fff;}
.hg_x{ margin-top:95px; border-top:#94a4aa 1px solid;}
.hg{ padding-top:10px;}

.zsx{ float:left; padding-top:130px; padding-left:95px; width:106px; height:236px;}
.tu_bj{ background:url(/Outreach/39359.files/20170104-pd-nr_x.png) no-repeat left top; width:695px; height:630px; padding:40px 0px 0px 40px; float:left; margin-top:55px;}
.tu{  width:530px; height:555px; position:relative; margin-top:30px;}
.tu a{ cursor:default}
.right .tu{ display:none; margin-left:20px; margin-top:10px; cursor:default}

.yxz{border-bottom:#8cc1d2 3px dashed; margin:10px 0px 0px 60px;}

.logo{ height:49px; margin:60px 70px 0px 0px; text-align:right; background:url(/Outreach/39359.files/20170104-pd-nr_yx.jpg) repeat-x right center;}

.nr_zy{ background-color:#ecf9fe; padding:3% 4%; margin:5% auto 0px; width:80%; font-size:20px; color:#4b4a4a; line-height:40px; text-align:left; -webkit-border-radius: 15px; -moz-border-radius: 15px;}

.z_25{ font-size:25px; line-height:50px; color:#000000; padding-top:10px; padding-left:100px;}
.z_25 li{ background:url(/Outreach/39359.files/20170104-pd-nr_dian.jpg) no-repeat left center; padding-left:20px;}

.pl{ padding-top:50px; padding-left:90px; text-align:left;}

.yxy{/*border-bottom:#c5c5c5 3px dashed;*/ margin:20px 0px 0px 0px; width:80%; float:left;}

.ym{ font-size:25px; color:#959595; text-align:right; padding-right:130px; padding-top:105px; float:right;}


/* 本例子css */
	.focusBox { position: relative; width: 530px; height: 400px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
	.focusBox .pic img {width: 530px; height: 400px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60; }



@media (max-width:1650px) and (min-width:1367px){
	.right{ width:800px}
	.right .nr_zy{ line-height:35px;}
	.right .z_25{ line-height:40px;}
	.right .pl{ padding-top:30px;}
	.zsx{ padding-left:20px; width:90px;}

}	

@media (max-width:1366px) and (min-width:960px){
	.right{ width:600px}
	.right .nr_zy{ line-height:25px;}
	.right .z_25{ line-height:30px; font-size:22px;}
	.right .pl{ padding-top:15px;}
	.zsx{ padding-left:10px; width:80px;}

}	

@media (max-width:800px) {
	.right{ width:800px}
	.nf{ top:20%; left:30%; }
	.right .nr_zy{ line-height:35px; margin-top:20px;}
	.right .z_25{ line-height:40px;}
	.right .pl{ padding-top:20px;}
	.gx01{ top:25%; left:13%;}
	.gx02{ top:43%;}
	.wz01{ top:30%;}
	.dy01{ top:55%;}
	.dy02{ top:60%; left:0; font-size:30px;}
	.dy02 p{ text-indent:2em;}
	.dbt02{ float:none; display:block;}	
	.right .tu{ display:block;}
	.pl{}
	
}

/*动画*/
/*动画时间设定*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinges {
  -webkit-animation-duration:2s;
  animation-duration: 2s;
}

.animated.loop{
animation-iteration-count:infinite;

}





/*从下往上移动淡入*/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0%{
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*淡入*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*放大缩小循环*/
@-webkit-keyframes bigSmall {
  0%{
    transform:scale(1,1);
	-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform:scale(1,1); /* Safari and Chrome */
  }
  50%{
	transform:scale(1,1);
	-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform:scale(1,1); /* Safari and Chrome */
  }
  100% {
    transform:scale(1,1);
	-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform:scale(1,1); /* Safari and Chrome */
  }
}
/*向下淡入*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}



@keyframes bigSmall {
    0%{
    transform:scale(1,1);
	-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform:scale(1,1); /* Safari and Chrome */
  }
  50%{
	transform:scale(0.9,0.9);
	-ms-transform:scale(0.9,0.9); /* IE 9 */
	-webkit-transform:scale(0.9,0.9); /* Safari and Chrome */
  }
  100% {
    transform:scale(1,1);
	-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform:scale(1,1); /* Safari and Chrome */
  }
}
.bigSmall{
-webkit-animation-name: bigSmall;
  animation-name: bigSmall;
}

.ewm{ width:120px; height:120px; right:0px; top:60%;}
.ewm img{ width:120px; height:120px; }