@charset "utf-8";
body{ padding: 0; margin:0; }

/*head.htm*/
.n-box{ clear: both; width:1200px; margin: 0 auto; position: relative; }
.ztc-banner{ clear: both; max-width: 1920px; height: 625px; background: url(../images/ztc/ztc-banner.jpg) top center  no-repeat; margin: 0 auto; overflow: hidden;}
.ztc-logo{ width: 126px; clear: both; margin: 95px auto 0 auto; }
.ztc-logo2{ width:882px; clear: both; margin: 25px auto 0 auto; }
.train-left{ animation: trainleft 0.3s infinite;}
.train-right{animation: trainright 0.3s infinite;}
@keyframes trainleft
{
0%   {margin-top:1px;}
50%  {margin-top:0; }
100% {margin-top:1px;}
}

@-webkit-keyframes trainleft /* Safari and Chrome */
{
0%   {margin-top:1px;}
50%  {margin-top:0; }
100% {margin-top:1px;}
}
@keyframes trainright
{
0%   {margin-top:1px;}
50%  {margin-top:0; }
100% {margin-top:1px;}
}

@-webkit-keyframes trainright /* Safari and Chrome */
{
0%   {margin-top:1px;}
50%  {margin-top:0; }
100% {margin-top:1px;}
}
.ztc-sy1{ margin: 0 auto }
.train-left img,.train-right img,.ztc-sy1 img{ width: 100%; }
.ztc-bar1-box{ width: 100%;  background: #0c2d74; clear: both; overflow: hidden; height: 644px; }
.ztc-bar1{ height: 0; background: url(../images/ztc/bar1_bg.jpg) top center no-repeat; max-width: 1920px; clear:both; position: relative; top: 0;}
.ztct1{ font-size: 28px; font-family: "微软雅黑"; color: #37ebf6; font-weight: bold; text-align: center; width: 1200px; margin:0 auto 160px auto; }
.ztct1-mg{ padding-top: 80px; overflow: hidden;}
.ztct1-zsm{width: 732px; margin:-48px auto 0 auto; }
.ztc-box1{ border: 1px solid  #2392b9; height: 310px; border-radius: 10px; box-sizing: border-box; display: block; min-width: 1200px; margin: 0 auto; max-width: 1364px; padding: 10px;  }
.ztc-box2{ border: 1px solid  #2392b9; height: 290px; border-radius: 10px; box-sizing: border-box; display: block; min-width: 1160px; margin: 0 auto; max-width: 1324px; padding:10px; font-size: 20px;font-family: "微软雅黑"; color: #37ebf6; position: relative;}
.ztct1-txt1{ width: 1160px; margin: 0 auto; line-height: 40px; text-indent: 4rem;}
.ztc-bar2-box{ width: 100%;  background:url(../images/ztc/ztc-bar2-box-bg.jpg) #0c2d74 top center no-repeat; clear: both; overflow: hidden; padding-top: 80px; padding-bottom: 100px; }
.ztct1-nad{width: 732px; margin: 40px auto; }
.ztc-box3{ border: 1px solid  #2392b9;border-radius: 10px; box-sizing: border-box; display: block; min-width: 1200px; margin: 0 auto; max-width: 1364px; padding:10px; overflow: hidden;}
.ztc-box4{ border: 1px solid  #2392b9;  border-radius: 10px; box-sizing: border-box; display: block; min-width: 1160px; margin: 0 auto; max-width: 1324px;  font-size: 20px;font-family: "微软雅黑"; color: #37ebf6; position: relative;overflow: hidden; box-sizing: border-box;padding:40px 45px;}
.ztcbar2ico{ float: left; margin-right: 50px;  }
.ztct1-txt2{ clear: both; overflow: hidden; }
.ztct1-txt2 ul{ margin:0; padding: 0; }
.ztct1-txt2 ul li{ clear: both; list-style: none; position: relative; padding-bottom:0; overflow: hidden;}
.ztct1-txt2 ul li .txt{ font-size: 22px; line-height: 32px; float: right; width: 70%; position: relative;}
.ztct1-txt2 ul li .jiantou{ background: url(../images/ztc/jiantou_ico.png) top center no-repeat; width: 39px; height: 61px; float: right; margin-right: 32%;}
.ren{ width: 264px; height: 267px; display: block; background: url(../images/ztc/ren.png) top center no-repeat; position: absolute; left: 50px;}
.xinxi{ width: 264px; height: 267px; display: block; background: url(../images/ztc/xinxi.png) top center no-repeat; position: absolute; left: 800px; filter:alpha(opacity=0);  -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0; }
.xinxi-jian{ width: 502px; height: 267px; display: block; background: url(../images/ztc/xinxi-jian.png) top center no-repeat; position: absolute;left: 50px; top:125px; filter:alpha(opacity=0);  -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0;  }
.ztc-bar3-box{width: 100%;  background: #0c2d74; clear: both; overflow: hidden; padding-top: 80px; min-height:270px;}
.xxt1{ font-size: 28px; font-family: 微软雅黑; font-weight: bold; color: #00ffff; clear: both; text-align: center; top: 123px; position: absolute; left:50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); filter:alpha(opacity=0);  -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0;  }
.xxt2{ font-size: 40px; font-family: 微软雅黑; margin: 40px 0; font-weight: bold; color: #00ffff; clear: both; text-align: center; top: 83px; position: absolute; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);filter:alpha(opacity=0);  -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0; }
.ztc-bar4-box{width: 100%;  clear: both; overflow: hidden; padding-top: 60px; height:1527px;background: url(../images/ztc/ztc-bar4-box.jpg)  #0c2d74 top center no-repeat;}
.ztc-bar4-box-bar{ clear: both;  }

.yuan1{ width: 1068px; height: 1068px; background: url(../images/ztc/xuyuan.png) center center no-repeat; animation:xuanzhuan 120s linear infinite;
	-moz-animation:xuanzhuan 120s linear infinite;-webkit-animation:xuanzhuan 120s linear infinite;-o-animation:xuanzhuan 120s linear infinite; position: absolute; top: 54px; left: 54px;}
.yuan2{ width: 1171px; height: 1171px; background: url(../images/ztc/xuyuan2.png) center center no-repeat; animation:nizhuan 20s linear infinite;
	-moz-animation:nizhuan 20s linear infinite;-webkit-animation:nizhuan 20s linear infinite;-o-animation:nizhuan 20s linear infinite; position: absolute; top:top: 0; left: 0px;}
.yuan3{ width: 405px; height: 405px; background: url(../images/ztc/yuan3.png) center center no-repeat; animation:xuanzhuan 20s linear infinite;
  -moz-animation:xuanzhuan 20s linear infinite;-webkit-animation:xuanzhuan 20s linear infinite;-o-animation:xuanzhuan 20s linear infinite; position: absolute; top:377px; left: 377px;}
.yuan4{ width: 469px; height: 469px; background: url(../images/ztc/yuan4.png) center center no-repeat; animation:nizhuan 20s linear infinite;
  -moz-animation:nizhuan 20s linear infinite;-webkit-animation:nizhuan 20s linear infinite;-o-animation:nizhuan 20s linear infinite; position: absolute; top:342px; left: 346px;}
.yuan5{ width: 526px; height: 526px; background: url(../images/ztc/yuan5.png) center center no-repeat; animation:xuanzhuan 5s linear infinite;
  -moz-animation:xuanzhuan 5s linear infinite;-webkit-animation:xuanzhuan 5s linear infinite;-o-animation:xuanzhuan 5s linear infinite; position: absolute; top:315px; left: 317px;}
.yuan6{ width: 584px; height: 584px; background: url(../images/ztc/yuan6.png) center center no-repeat; animation:nizhuan 15s linear infinite;
  -moz-animation:nizhuan 15s linear infinite;-webkit-animation:nizhuan 15s linear infinite;-o-animation:nizhuan 15s linear infinite; position: absolute; top:287px; left: 287px;}  
.baiduss{ width: 231px; height: 372px; background: url(../images/ztc/baiduss.png) center center no-repeat;  position: absolute; top:183px; left: 156px;}  
.bdztclogo{ width: 98px; height: 100px; background: url(../images/ztc/bdztclogo.png) center center no-repeat;  position: absolute; top:532px; left: 532px;animation:ztclogo 15s linear infinite;  -moz-animation:ztclogo 15s linear infinite;-webkit-animation:ztclogo 15s linear infinite;-o-animation:ztclogo 15s linear infinite; }  
.ztctp1{ font-size: 18px; line-height: 24px; color: #00ffff; font-family: "微软雅黑"; width: 695px; position: absolute; top: 881px; left: 260px; text-align: center; }
.ztc-zb1{ height: 45px; line-height: 45px; width: 248px; background: #00ffff; font-size: 28px; color: #0c2d74;  font-family: "微软雅黑"; font-weight: bold; position: absolute; top: 580px; left: 100px; border-radius: 20px; text-align:center;}
.ztc-zb2{ height: 45px; line-height: 45px; width: 248px; background: #00c6ff; font-size: 28px; color: #0c2d74;  font-family: "微软雅黑"; font-weight: bold; position: absolute; top: 750px; left: 185px; border-radius: 20px; text-align:center;}
.ztc-zb3{ height: 45px; line-height: 45px; width: 248px; background: #008aff; font-size: 28px; color: #0c2d74;  font-family: "微软雅黑"; font-weight: bold; position: absolute; top: 780px; left: 700px; border-radius: 20px; text-align:center;}
.ztc-zb4{ height: 45px; line-height: 45px; width: 248px; background: #002aff; font-size: 28px; color: #0c2d74;  font-family: "微软雅黑"; font-weight: bold; position: absolute; top: 650px; left: 820px; border-radius: 20px; text-align:center;}
.ztc-zb5{ height: 45px; line-height: 45px; width: 248px; background: #00ffff; font-size: 28px; color: #0c2d74;  font-family: "微软雅黑"; font-weight: bold; position: absolute; top: 500px; left: 887px; border-radius: 20px; text-align:center;}
.appdl-box{ width: 67%; float: left; }
.appdl-txt1{ font-size: 18px; line-height: 48px; color: #00ffff; font-family: "微软雅黑"; text-align: left; width: 730px; }
.ztc-box4-right{ width: 404px; height: 404px; background: url(../images/ztc/ztc_right.png) no-repeat; float: right; }
.picScroll-left{ width:1200px;  overflow:hidden; position:relative; }
    .picScroll-left .hd{ overflow:hidden;   height:65px; padding:0 10px;  }
    .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer;}
    .picScroll-left .hd .next{ background-position:0 -50px;  }
    .picScroll-left .hd .prevStop{ background-position:-60px 0; }
    .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
    .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; zoom:1; }
    .picScroll-left .hd ul li{ float:left;  width:28px; height:28px; border-radius: 60px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#00767d; }
    .picScroll-left .hd ul li.on{ background:#37ebf6; }
    .picScroll-left .bd{ padding:10px;   }
    .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
    .picScroll-left .bd ul li{ margin:0 23px; float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picScroll-left .bd ul li .pic{ text-align:center; }
    .picScroll-left .bd ul li .pic img{ width:323px; height:675px; display:block;  padding:2px; }
    .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
    .picScroll-left .bd ul li .title{ line-height:24px;   }
@-webkit-keyframes xuanzhuan {
  0% {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform:rotateZ(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform:rotateZ(360deg);
  }
}
@-moz-keyframes xuanzhuan {
  0% {
    -moz-transform-origin: 50% 50%;
    -moz-transform:rotateZ(0deg);
  }
  100% {
    -moz-transform-origin: 50% 50%;
    -moz-transform:rotateZ(360deg);
  }
}
@-o-keyframes xuanzhuan {
  0% {
    -o-transform-origin: 50% 50%;
    -o-transform:rotateZ(0deg);
  }
  100% {
    -o-transform-origin: 50% 50%;
    -o-transform:rotateZ(360deg);
  }
}
@keyframes xuanzhuan {
   0%{
    transform-origin: 50% 50%;
    transform:rotateZ(0deg);
   }

  100% {
    transform-origin: 50% 50%;
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes nizhuan {
  0% {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform:rotateZ(0deg);
  }
  100% {
    -webkit-transform-origin: 50% 50%;
    -webkit-transform:rotateZ(-360deg);
  }
}
@-moz-keyframes nizhuan {
  0% {
    -moz-transform-origin: 50% 50%;
    -moz-transform:rotateZ(0deg);
  }
  100% {
    -moz-transform-origin: 50% 50%;
    -moz-transform:rotateZ(-360deg);
  }
}
@-o-keyframes nizhuan {
  0% {
    -o-transform-origin: 50% 50%;
    -o-transform:rotateZ(0deg);
  }
  100% {
    -o-transform-origin: 50% 50%;
    -o-transform:rotateZ(-360deg);
  }
}
@keyframes nizhuan {
   0%{
    transform-origin: 50% 50%;
    transform:rotateZ(0deg);
   }

  100% {
    transform-origin: 50% 50%;
    transform: rotateZ(-360deg);
  }




@keyframes ztclogo
{

0%   {filter:alpha(opacity=0);  -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0; }
50%  {filter:alpha(opacity=1);  -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1; }
100% {filter:alpha(opacity=0);  -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0; }
}

@-webkit-keyframes ztclogo /* Safari and Chrome */
{
0%   {filter:alpha(opacity=0);  -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0; }
50%  {filter:alpha(opacity=1);  -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1; }
100% {filter:alpha(opacity=0);  -moz-opacity:0;   -khtml-opacity: 0;   opacity: 0; }
}