html{color:#333;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form,blockquote,ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{border:none}
a{text-decoration:none}
a:hover{text-decoration:none}
.fl{float:left;}
.fr {float:right;}
.cl {*zoom:1;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}
.w1200{width:1200px;margin:0 auto;}
.mgt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
strong{color:#e70012;font-size: 22px;}
.bg{ background:#eeeeee;}
.line{display: inline-block;*display: inline;*zoom:1;}
#fp-nav ul li{margin:0;padding:30px 0;width:22px;height:22px;}
#fp-nav ul li a span{position:static;display:block;width:22px;height:22px; background: #bfbfbf}
#fp-nav ul li a.active span,#fp-nav ul li:hover a span,#fp-nav ul li:hover a.active span{width:22px;height:22px;margin:0;background:#e70012;}
#fp-nav ul li .fp-tooltip{ width: auto;opacity:1; color:#fff; font-family:"Microsoft Yahei"; font-size:16px; line-height:24px; cursor:pointer;margin-right: 10px;}
#fp-nav ul li .fp-tooltip.right{right:30px;color: #999}
#fp-nav ul li a.active .fp-tooltip,#fp-nav ul li:hover .fp-tooltip{color:#e70012;}


.btn{background: url(images/arrow.png) no-repeat;width: 60px;height: 60px;position: absolute;bottom: 20%;left: 2%;}
#section{background:#2b2b2b}
.theme p{font-size: 14px;line-height:30px;}
.banner{background:url(images/bg.jpg) center no-repeat;}
.banner .w1200{height: 100%;}
.bg1{background: url(images/bg1.jpg) center no-repeat;}
.bg2{background: url(images/bg2.jpg) center no-repeat;}
.bg3{background: url(images/bg3.jpg) center no-repeat;}
.banner .txt{position: absolute;top:16%;left: 15px; width:455px; height:269px;-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s 0.5s ease both;animation:fadeInUp 1s 0.5s ease both;}
.backtobox{width:178px;background:url(images/zt-logo.png) no-repeat center top; position:absolute; right:0; top:-600px;  padding-top:134px; z-index:99;}
.backto{position:relative;width:120px;height:26px;margin:15px auto 0;font-size:12px;color:#fff;text-indent:5px;line-height:26px;cursor:pointer;text-align:center;}
.backto b{font-size:14px;color:#333;background: #fff;display: block;}
.backto ul{background:#242a3e;width:120px;position:absolute;top:26px;left:0;height:120px;overflow:auto;}
.backto ul li a{height:30px;line-height:30px;text-decoration:none;color:#fff;}
.backto li:hover{background:#fff;color:#f00;}
.backto li:hover a{color:#003278;}
.banner .theme{ position: absolute;left: 0;bottom: 35%;width:560px; font-size:16px; line-height:1.6!important;color:#fff;}
@-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}}

.bg1 .w1200{height: 100%;z-index: 999;}
.bg1 .box>dl{position: absolute;text-align: center;cursor: pointer;z-index: 0;}
.box dl h2{font-weight: bold;font-size: 24px;}
.box dl dt,.bg1 dl dd{float: left;}
.box dl dd{margin-left:20px;margin-top: 40px;}
.box dl p{font-size: 18px;}
.box dl.d1{top: 22%;left: 12%;color:#22ac38;}
.box dl.d1 dd,.bg1 dl.d1 dt{float: none;margin-top: 0;margin-left: 0;}
.box dl.d2{top: 26%;right: 18%;color:#ff9600;}
.box dl.d3{top: 44%;right: 27%;color:#e5004f;}
.box dl.d4{top: 58%;right: 11%;color:#00a0e9}


.slider{width: 1100px;height: 600px;position: absolute;top:50%;left: 50%;margin-left: -600px;margin-top: -300px;z-index: 999;background: #fff;padding:0 50px;display: none}
.slider .content,.slider .img-box{display: inline-block;*display: inline;*zoom:1;vertical-align: top}
#dialogBg{width:100%;height:100%;background-color:#000;opacity:.8;filter:alpha(opacity=60);position:absolute;top:0;left:0;z-index:1;display: none;}
.same .hd{margin:40px 0;text-align: center;}
.same .hd ul li{border:1px solid #959595;display: inline-block;margin:0 8px;width: 180px;height: 50px;line-height: 52px;cursor: pointer;color:#666;*display: inline;*zoom:1;}
.same .hd ul li.on{background: #e70012;color:#fff;border: none;width: 217px;height: 52px;}
.slider .bd ul li{position: relative;font-size: 0;}
/*.slider .bd ul li .img-box{float: left;width: 425px;}*/
.slider .bd ul li .info{background: #eeeeee;width:620px;height: 330px;padding-left: 35px;margin-top: 30px;padding-top: 40px}
.slider .bd ul li .info blockquote{line-height: 38px;font-size: 18px;}
.slider .bd ul li .info h3{position: relative;display: inline-block;background: #e70012;width: 344px;height: 55px;line-height: 55px;text-align: center;color:#fff;font-size: 18px;font-weight: normal;margin-left: -45px;}
.slider .bd ul li .info h3 b{font-size: 32px;font-weight: normal;}
.slider .bd ul li .info h4{margin: 15px 0;color:#e70012;font-size: 24px;font-weight: normal;}
.slider .bd ul li .info h4 i{display: inline-block;width: 35px;height: 35px;background: url(images/icon.png) no-repeat;}
.slider .bd ul li .info h4 i.i1{background-position: -13px 0;}
.slider .bd ul li .info h4 i.i2{background-position: 0 -36px;vertical-align: bottom;margin-left: 15px;}
.dialogBottom a{background: url(images/claseDialogBtn_bg.png) no-repeat;background-size: 100%;width: 48px;height: 48px;position: absolute;top: -9%;right: 0;z-index: 99;}

.slider .bd ul li dl dt{font-size: 16px;font-weight: bold;color: #000;margin-bottom: 20px;}
.slider .bd ul li dl dd{margin-bottom: 20px;}
.slider .bd ul li dl p{display: inline-block;width: 407px;font-size: 16px;*display: inline;*zoom:1;line-height: 26px;}
.slider .bd ul li dl.text{width: 445px;padding-left: 25px;}
.slider .bd ul li dl.h245{height: 278px;overflow: hidden;}
.slider .bd ul li dl.text i{display: inline-block;*display: inline;*zoom:1;width: 28px;height: 28px;background: url(images/dl-icon.png) no-repeat;vertical-align: top;margin-right: 10px;}
.slider .bd ul li dl.text i.i1{background-position: 0 0;}
.slider .bd ul li dl.text i.i2{background-position: -31px 0;vertical-align: top;}
.slider .bd ul li .small-img{position: absolute;bottom: 0;right: -78%;}
.slider .bd ul li .small-img ul li{display: inline-block;*display: inline;*zoom:1;margin-right: 10px;cursor: pointer;position: relative;}
.slider .bd ul li .small-img ul li b{background: url(images/blackbg.png) repeat;width: 100%;height: 100%;position: absolute;top:0;left:0;}
.slider .bd ul li .small-img ul li.on b{display: none;}

.slider .bd ul li .img_bg{width: 1020px;height: 380px;padding:60px 0 0 60px;}
.slider .bd ul li .bg1{background: url(images/img_bg01.jpg) no-repeat;}
.slider .bd ul li .bg2{background: url(images/img_bg02.jpg) no-repeat;}
.slider .bd ul li .bg3{background: url(images/img_bg03.jpg) no-repeat;}
.slider .bd ul li .bg4{background: url(images/img_bg04.jpg) no-repeat;}
.slider .bd ul li .img_bg .text{width: 670px;}
.slider .bd ul li .img_bg .text p{width: 500px;}
.slider .bd ul li dl.qa-scrl p{width: 370px;padding-right: 15px;}
.slider .bd ul li dl.qa-scrl{overflow-y:auto;overflow-x:hidden;position:relative;}
.slider .bd ul li dl.qa-scrl::-webkit-scrollbar{width:7px;border-right:1px solid #b5b5b5;}
.slider .bd ul li dl.qa-scrl::-webkit-scrollbar-thumb{width:7px;background-color:#333333;}

.team{text-align: center;}
.title{margin-bottom: 40px;}
.team h2{margin-top: 20%;width: 100%;height: 67px;margin-bottom: 30px;}
.ct {width: 1200px;margin:0 auto;color:#fff;padding-top: 70px;}
.list-tit{margin-top: -75px;margin-right: 70px;}
.list-tit li{line-height: 26px;font-size: 16px;padding:5px;}
.list-tit li blockquote{border-bottom: 1px solid #fff;padding-bottom: 5px;}
.gz{width: 159px;margin:0 10px 0 0px;}
.gz_nav{margin-top: 20px;}
.mz h5{font-size: 24px;margin:0 0 5px;color:#fff;}
.mz h5 strong{color:#fe0000;}
.cg-top-box{position:fixed;left:0;top:0;z-index:9999;}
.cg-cprt p{color:#000!important;font-size: 12px!important;}
.mz{width: 490px;}
.mz p{line-height: 30px;font-size: 16px}
.team .endp{font-size:16px;line-height:28px;text-indent:2em;text-align:justify;color:#fff;margin-bottom: 40px;border:1px solid #fff;padding:34px;}
.userfocus p{color:#fff;text-align: center;}
/*本专题内用到的动画库*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
	50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
	70%{-webkit-transform:scale(.9);transform:scale(.9)}
	100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounceIn{
	0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
	50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
	70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
	100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn{
	-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

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

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

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

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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