/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, code, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; }
ol, ul { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
button, input, select, textarea { font-size: 100%; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; }
q:before, q:after { content: ''; }
:focus { outline: none; }
body { font: 12px/1.5 Tahoma, Arial, \5FAE\8F6F\96C5\9ED1, sans-serif }
.wrap { width: 1000px; margin: 0 auto; }
/*---清除闭合浮动----*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.fl { float: left }
.fr { float: right }
 a { text-decoration: none; }

/*---浮动----*/
.clear { clear: both }


/*------index--首页------*/
.index-top{ height:80px; line-height:80px; display:block; overflow:hidden; box-shadow:0px 1px 5px rgba(0,0,0,.2); position:relative; z-index:111;}
.logo{width:260px; height:60px; display:block; overflow:hidden; margin-top:15px; overflow:hidden; *overflow:auto; *margin-top:0; }
.login{text-align:right; height:20px; line-height:20px; display:inline-block;margin-top:35px; width:160px;}
.login span{font-size:14px; color:#949494; float:left; display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; max-width:100px; _width:100px;}
.login a{padding:0 8px; float:left; text-align:center; font-size:14px; color:#949494; display:inline-block}
.login a:hover{ color:#42638f}
.login a.first{ border-left:0; margin-left:5px}
.login div {padding-left:65px}
.login a.pink , .login a.blue {display:inline-block; width:80px; height:26px; text-align:center; border-radius:4px; font-size:12px; line-height:26px; color:#fff; margin-left:10px}
.login a.pink {background:#42638f}
.login a.blue {background:#4a5060}
.login a.pink:hover , .login a.blue:hover {opacity:0.7;filter:alpha(Opacity=70)}
.nav{ display:block; overflow:hidden; margin-top:12px; margin-left:60px}
.nav a{ padding:25px 5px ; float:left; margin-right:15px; font-size:16px; color:#5f5f5f; display:block; line-height:16px}
.nav a:hover , .nav a.curr{ color:#42638f; border-bottom:2px solid #42638f}



/*index-banner*/
.index-banner {position:relative; margin-top:80px}
.banner-item {height:550px; width:100%; overflow:hidden}
.banner-item {display:none}
.banner-item.curr {display:block}
.banner-item .wrap {position:relative}
.banner-position {position:absolute; width:100%; top:50px; left:0}
.banner-select {z-index:99; bottom: 16px; left: 50%; margin-left: -55px; position: absolute;}
.banner-select li  {background:#647589; border-radius: 4px; cursor: pointer; float: left; font-size: 0; height: 8px; margin-right: 10px; opacity: 0.5; width: 8px;}
.banner-select li.curr {background:#ffffff; border-radius: 4px; height: 8px; opacity: 1; width: 8px;}

.banner-1 {background:#52cffb url(../images/index/banner/banner1_bg.png) repeat-x center bottom}
.banner-1-1 {position:absolute; left:55px; z-index:1}
.banner-1-2 {position:absolute; top:130px; left:100px; z-index:2}
.banner-1-3 {position:absolute; top:100px; left:390px; z-index:3}
.banner-1-4 {position:absolute; top:260px; left:390px; z-index:4}

.banner-2 {background:#de4521 url(../images/index/banner/banner2_bg.png) repeat-x center bottom}
.banner-2-1 {position:absolute; left:0; z-index:1; top:30px}
.banner-2-2 {position:absolute; top:122px; left:197px; z-index:2}
.banner-2-3 {position:absolute; top:30px; left:500px; z-index:3}
.banner-2-4 {position:absolute; top:260px; left:500px; z-index:4}

.banner-3 {background:#2dc699 url(../images/index/banner/banner3_bg.png) repeat-x center bottom}
.banner-3-1 {position:absolute; left:120px; z-index:1}
.banner-3-2 {position:absolute; top:2px; left:30px; z-index:2}
.banner-3-3 {position:absolute; top:120px; left:290px; z-index:3}
.banner-3-4 {position:absolute; top:240px; left:10px; z-index:4}
.banner-3-5 {position:absolute; top:130px; left:500px; z-index:4}
.banner-3-6 {position:absolute; top:320px; left:500px; z-index:4}

.banner-4 {background:#feab0a url(../images/index/banner/banner4_bg.png) repeat-x center bottom}
.banner-4-1 {position:absolute; left:30px; top:110px; z-index:3}
.banner-4-2 {position:absolute; top:40px; left:70px; z-index:2}
.banner-4-3 {position:absolute; top:40px; left:500px; z-index:3}
.banner-4-4 {position:absolute; top:240px; left:500px; z-index:4}

a.banner-btns {display:block; width:186px; height:60px; border:2px #fff solid; color:#fff; font-size:24px; line-height:58px; text-align:center; border-radius:5px}
a.banner-btns:hover {background:url(../images/index/banner/bg_bt_hover.png) no-repeat}


.banner-item.curr .banner-animation {
	animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
	
	-ms-animation-duration: 0.8s;
    -ms-animation-fill-mode: both;
    -ms-animation-timing-function: ease-in-out;
	
	-moz-animation-duration: 0.8s;
    -moz-animation-fill-mode: both;
    -moz-animation-timing-function: ease-in-out;
	
	-o-animation-duration: 0.8s;
    -o-animation-fill-mode: both;
    -o-animation-timing-function: ease-in-out;
	
    -webkit-animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
	
}
.banner-item.curr .banner-1-1 {
	animation-name:banner-1-1;
	-ms-animation-name:banner-1-1;
	-moz-animation-name:banner-1-1;
	-webkit-animation-name:banner-1-1;
	-o-animation-name:banner-1-1;
}
	/* banner-1-1 */
	@keyframes banner-1-1
	{
		0% {transform:translate3d(-100%,0,0);}
		100% {transform:translate3d(0,0,0);}
	}
	
	@-ms-keyframes banner-1-1
	{
		0% {-ms-transform:translate3d(-100%,0,0);}
		100% {-ms-transform:translate3d(0,0,0);}
	}
	
	@-moz-keyframes banner-1-1
	{
		0% {-moz-transform:translate3d(-100%,0,0);}
		100% {-moz-transform:translate3d(0,0,0);}
	}
	
	@-webkit-keyframes banner-1-1
	{
		0% {-webkit-transform:translate3d(-100%,0,0);}
		100% {-webkit-transform:translate3d(0,0,0);}
	}
	
	@-o-keyframes banner-1-1
	{
		0% {-o-transform:translate3d(-100%,0,0);}
		100% {-o-transform:translate3d(0,0,0);}
	}

.banner-item.curr .banner-1-2 {
	animation-name:banner-1-2;
	-ms-animation-name:banner-1-2;
	-moz-animation-name:banner-1-2;
	-webkit-animation-name:banner-1-2;
	-o-animation-name:banner-1-2;
	
	animation-delay : 0.6s;
	-ms-animation-delay : 0.6s;
	-moz-animation-delay : 0.6s;
	-webkit-animation-delay : 0.6s;
	-o-animation-delay : 0.6s;
}
	/* banner-1-2 */
	@keyframes banner-1-2
	{
		0% {transform:scale(0)}
		100% {transform:scale(1)}
	}
	
	@-ms-keyframes banner-1-2
	{
		0% {-ms-transform:scale(0)}
		100% {-ms-transform:scale(1)}
	}
	
	@-moz-keyframes banner-1-2
	{
		0% {-moz-transform:scale(0)}
		100% {-moz-transform:scale(1)}
	}
	
	@-webkit-keyframes banner-1-2
	{
		0% {-webkit-transform:scale(0)}
		100% {-webkit-transform:scale(1)}
	}
	
	@-o-keyframes banner-1-2
	{
		0% {-o-transform:scale(0)}
		100% {-o-transform:scale(1)}
	}
	
.banner-item.curr .banner-1-3 {
	animation-name:banner-1-3;
	-ms-animation-name:banner-1-3;
	-moz-animation-name:banner-1-3;
	-webkit-animation-name:banner-1-3;
	-o-animation-name:banner-1-3;
}
	/* banner-1-3 */
	@keyframes banner-1-3
	{
		0% {transform:translate3d(70%,0,0);}
		100% {transform:translate3d(0,0,0);}
	}
	
	@-ms-keyframes banner-1-3
	{
		0% {-ms-transform:translate3d(70%,0,0);}
		100% {-ms-transform:translate3d(0,0,0);}
	}
	
	@-moz-keyframes banner-1-3
	{
		0% {-moz-transform:translate3d(70%,0,0);}
		100% {-moz-transform:translate3d(0,0,0);}
	}
	
	@-webkit-keyframes banner-1-3
	{
		0% {-webkit-transform:translate3d(70%,0,0);}
		100% {-webkit-transform:translate3d(0,0,0);}
	}
	
	@-o-keyframes banner-1-3
	{
		0% {-o-transform:translate3d(70%,0,0);}
		100% {-o-transform:translate3d(0,0,0);}
	}

.banner-item.curr .banner-1-4 {
	animation-name:banner-1-4;
	-ms-animation-name:banner-1-4;
	-moz-animation-name:banner-1-4;
	-webkit-animation-name:banner-1-4;
	-o-animation-name:banner-1-4;
	
	animation-delay : 1.2s;
	-ms-animation-delay : 1.2s;
	-moz-animation-delay : 1.2s;
	-webkit-animation-delay : 1.2s;
	-o-animation-delay : 1.2s;
}
	/* banner-1-4 */
	@keyframes banner-1-4
	{
		0% {transform:translate3d(70%,0,0); opacity:0}
		100% {transform:translate3d(0,0,0); opacity:1}
	}
	
	@-ms-keyframes banner-1-4
	{
		0% {-ms-transform:translate3d(0,100%,0); opacity:0}
		100% {-ms-transform:translate3d(0,0,0); opacity:1}
	}
	
	@-moz-keyframes banner-1-4
	{
		0% {-moz-transform:translate3d(0,100%,0); opacity:0}
		100% {-moz-transform:translate3d(0,0,0); opacity:1}
	}
	
	@-webkit-keyframes banner-1-4
	{
		0% {-webkit-transform:translate3d(0,100%,0); opacity:0}
		100% {-webkit-transform:translate3d(0,0,0); opacity:1}
	}
	
	@-o-keyframes banner-1-4
	{
		0% {-o-transform:translate3d(0,100%,0); opacity:0}
		100% {-o-transform:translate3d(0,0,0); opacity:1}
	}

.banner-item.curr .banner-2-1 {
	-webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}
.banner-item.curr .banner-2-3 {
	-webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}
.banner-item.curr .banner-2-2 {
	-webkit-animation-name: rubberBand;
          animation-name: rubberBand;
	
	animation-delay : 0.6s;
	-ms-animation-delay : 0.6s;
	-moz-animation-delay : 0.6s;
	-webkit-animation-delay : 0.6s;
	-o-animation-delay : 0.6s;
	
	animation-duration: 2s;	
	-ms-animation-duration: 2s;	
	-moz-animation-duration: 2s;	
	-o-animation-duration: 2s;	
    -webkit-animation-duration: 2s; 
}
.banner-item.curr .banner-2-4 , .banner-item.curr .banner-3-6 , .banner-item.curr .banner-3-1{
	-webkit-animation-name: zoomIn;
          animation-name: zoomIn;
	
	animation-delay : 0.53s;
	-ms-animation-delay : 0.3s;
	-moz-animation-delay : 0.3s;
	-webkit-animation-delay : 0.3s;
	-o-animation-delay : 0.3s;
	
}
.banner-item.curr .banner-3-5 {
	-webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}


.banner-item.curr .banner-3-2 {
	-webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
	
	animation-delay : 1s;
	-ms-animation-delay : 1s;
	-moz-animation-delay : 1s;
	-webkit-animation-delay : 1s;
	-o-animation-delay : 1s;
	
	animation-duration: 1.5s;	
	-ms-animation-duration: 1.5s;	
	-moz-animation-duration: 1.5s;	
	-o-animation-duration: 1.5s;	
    -webkit-animation-duration: 1.5s;
}
.banner-item.curr .banner-3-3 {
	-webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
	
	animation-delay : 1s;
	-ms-animation-delay : 1s;
	-moz-animation-delay : 1s;
	-webkit-animation-delay : 1s;
	-o-animation-delay : 1s;
	
	animation-duration: 1.5s;	
	-ms-animation-duration: 1.5s;	
	-moz-animation-duration: 1.5s;	
	-o-animation-duration: 1.5s;	
    -webkit-animation-duration: 1.5s;
}

.banner-item.curr .banner-3-4 {
	-webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
	
	animation-delay : 1s;
	-ms-animation-delay : 1s;
	-moz-animation-delay : 1s;
	-webkit-animation-delay : 1s;
	-o-animation-delay : 1s;
	
	animation-duration: 1.5s;	
	-ms-animation-duration: 1.5s;	
	-moz-animation-duration: 1.5s;	
	-o-animation-duration: 1.5s;	
    -webkit-animation-duration: 1.5s; 
}
.banner-item.curr .banner-4-3 , .banner-item.curr .banner-4-4 {
	-webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.banner-item.curr .banner-4-4 {
	animation-delay : 0.4s;
	-ms-animation-delay : 0.4s;
	-moz-animation-delay : 0.4s;
	-webkit-animation-delay : 0.4s;
	-o-animation-delay : 0.4s;
}
.banner-item.curr .banner-4-2 {
	-webkit-animation-name: zoomIn;
          animation-name: zoomIn;
	animation-delay : 0.8s;
	-ms-animation-delay : 0.8s;
	-moz-animation-delay : 0.8s;
	-webkit-animation-delay : 0.8s;
	-o-animation-delay : 0.8s;
}

.banner-item.curr .banner-4-1 {
	-webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
	animation-delay : 1.2s;
	-ms-animation-delay : 1.2s;
	-moz-animation-delay : 1.2s;
	-webkit-animation-delay : 1.2s;
	-o-animation-delay : 1.2s;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

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

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

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 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(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 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 zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 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(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 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);
  }
}


@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 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(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 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 zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 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(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 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);
  }
}

@-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);
  }
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes rubberBand {
  0% {
	  opacity:0;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
	 opacity:0.2;
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
	  opacity:0.4;
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
	   opacity:0.6;
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
	  opacity:0.8;
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
	  opacity:0.9;
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
	  opacity:1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
	  opacity:0;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
	  opacity:0.2;
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
	  opacity:0.4;
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
	  opacity:0.6;
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
	  opacity:0.8;
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
	  opacity:0.9;
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
	  opacity:1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

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

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

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

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

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




/* index-notice */
.index-notice {background:#3a3f4f; height:40px;}
.index-notice .wrap {background:url(../images/index/notice.jpg) no-repeat 0 15px; padding-left:18px; position:relative}
.index-notice .wrap h2 {display:inline-block; margin-right:5px; line-height:40px; color:#949494; font-size:14px; color:#7f8aa7}
.index-notice-list {left:50px; top:-32px; position:relative; height:24px; overflow:hidden; }
.index-notice-list li a {color:#7f8aa7; line-height:24px; font-size:14px}
.index-notice-list li a:hover {color:#ff4757}
/*index-content  index-case */
.index-content {padding:50px 0}
.index-case {padding-bottom:50px; position:relative}
.index-content h2 , .index-case h2 {font-size:40px; color:#3c3c3c; margin-bottom:40px; text-align:center}
.index-content ul li {float:left; width:250px; overflow:hidden; text-align:center; margin-bottom:50px}
.index-content ul li a {display:block; color:#949494}
.index-content ul li a i {display:inline-block; width:120px; height:120px; background:url(../images/index/index-icon.png) no-repeat}
.index-content ul li a span {color:#5f5f5f; display:block; font-size:16px; line-height:32px; margin-top:5px}
.index-content ul li a i.i1 {background-position:0 0}
.index-content ul li a i.i2 {background-position:0 -120px}
.index-content ul li a i.i3 {background-position:0 -240px}
.index-content ul li a i.i4 {background-position:0 -480px}
.index-content ul li a i.i5 {background-position:0 -600px}
.index-content ul li a i.i6 {background-position:0 -720px}
.index-content ul li a i.i7 {background-position:0 -360px}
.index-content ul li a i.i8 {background-position:0 -840px}
.index-content ul li a:hover span , .index-content ul li a:hover {color:#42638f}
.index-content .btns , .index-case .btns {text-align:center}
.index-content .btns a , .index-case .btns a {display:inline-block; width:200px; height:50px; border:#ff4757 1px solid; color:#ff4757; border-radius:25px; text-align:center; font-size:20px; line-height:50px}
.index-content .btns a:hover , .index-case .btns a:hover { background:#ff4757; color:#fff}
.index-case-wrap {position:relative; width:1000px; height:465px; overflow:hidden; margin-bottom:50px}
.index-case-box {position:absolute}
.index-case-list {float:left}
.index-case-list li {margin-right:40px; float:left; width:220px; height:465px; background:url(../images/index/index-phone.jpg) no-repeat}
.index-case-list li a {display:block; margin:61px 18px; width:186px; height:340px; overflow:hidden; position:relative}
.index-case-list li a div {position:absolute; width:186px; height:340px; background-color:rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); z-index:3; top:0; left:0; display:none}
.index-case-list li a div p {width:130px; padding:10px; background:#fff; text-align:center; margin:80px 0 0 18px}
.index-case-list li a div p span {display:block; margin-top:5px; color:#616161}
.index-case-list li a:hover div {display:block}

.index-case .ui-scro-prev1 , .index-case .ui-scro-next1 {display:inline-block; width:57px; height:57px; background:url(../images/index/index-icon.png) no-repeat; z-index:10; top:40%}
.index-case .ui-scro-prev1 {background-position:-63px -967px; left:-75px}
.index-case .ui-scro-next1 {background-position:0 -967px; right:-75px}
.index-case .ui-scro-prev1:hover {background-position:-63px -1032px}
.index-case .ui-scro-next1:hover {background-position:0 -1032px}


/*banner*/
/*.bs_list1 li { width: 100%; height: 501px; }
.bs_list1 li a { display: block; height: 501px }
.cs-bannerWrap1 .banner-numlist { bottom:10px;text-align:center; width: 100%; z-index: 30; }
.cs-bannerWrap1 .banner-numlist li { width: 18px; height: 18px; background: #fff; margin: 0 5px; display: inline-block; *display:inline;
*zoom:1;cursor:pointer; overflow:hidden; border-radius:50%;}
.cs-bannerWrap1 .banner-numlist li span{ text-indent:-9999px; line-height:500px; display:inline-block}
.cs-bannerWrap1 .banner-numlist li.oncurr { background:#ff4757 }
.cs-bannerWrap1 .banner-ui-desc { position: absolute; bottom: 0; right: 182px; height: 41px; line-height: 41px; text-align: center; width: 250px; background: #666; color: #fff;}*/


/* index-notice */
.index-notice {background:#3a3f4f; height:40px;}
.index-notice .wrap {background:url(../images/index/notice.jpg) no-repeat 0 15px; padding-left:18px; position:relative}
.index-notice .wrap h2 {display:inline-block; margin-right:5px; line-height:40px; color:#949494; font-size:14px; color:#7f8aa7}
.index-notice-list {left:50px; top:-32px; position:relative; height:24px; overflow:hidden; }
.index-notice-list li a {color:#7f8aa7; line-height:24px; font-size:14px}
.index-notice-list li a:hover {color:#ff4757}


/*index-content  index-case */
.index-content {padding:50px 0}
.index-case {padding-bottom:50px; position:relative}
.index-content h2 , .index-case h2 {font-size:40px; color:#3c3c3c; margin-bottom:40px; text-align:center}
.index-content ul li {float:left; width:250px; overflow:hidden; text-align:center; margin-bottom:50px}
.index-content ul li a {display:block; color:#949494}
.index-content ul li a i {display:inline-block; width:120px; height:120px; background:url(../images/index/index-icon.png) no-repeat}
.index-content ul li a span {color:#5f5f5f; display:block; font-size:16px; line-height:32px; margin-top:5px}
.index-content ul li a i.i1 {background-position:0 0}
.index-content ul li a i.i2 {background-position:0 -120px}
.index-content ul li a i.i3 {background-position:0 -240px}
.index-content ul li a i.i4 {background-position:0 -480px}
.index-content ul li a i.i5 {background-position:0 -600px}
.index-content ul li a i.i6 {background-position:0 -720px}
.index-content ul li a i.i7 {background-position:0 -360px}
.index-content ul li a i.i8 {background-position:0 -840px}
.index-content ul li a:hover span , .index-content ul li a:hover {color:#ff4757}
.index-content .btns , .index-case .btns {text-align:center}
.index-content .btns a , .index-case .btns a {display:inline-block; width:200px; height:50px; border:#ff4757 1px solid; color:#ff4757; border-radius:25px; text-align:center; font-size:20px; line-height:50px}
.index-content .btns a:hover , .index-case .btns a:hover {opacity:0.7;filter:alpha(Opacity=70)}
.index-case-wrap {position:relative; width:1000px; height:465px; overflow:hidden; margin-bottom:50px}
.index-case-box {position:absolute}
.index-case-list {float:left}
.index-case-list li {margin-right:40px; float:left; width:220px; height:465px; background:url(../images/index/index-phone.jpg) no-repeat}
.index-case-list li a {display:block; margin:61px 18px; width:186px; height:340px; overflow:hidden; position:relative}
.index-case-list li a div {position:absolute; width:186px; height:340px; background-color:rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); z-index:3; top:0; left:0; display:none}
.index-case-list li a div p {width:130px; padding:10px; background:#fff; text-align:center; margin:80px 0 0 18px}
.index-case-list li a div p span {display:block; margin-top:5px; color:#616161}
.index-case-list li a:hover div {display:block}

.index-case .ui-scro-prev1 , .index-case .ui-scro-next1 {display:inline-block; width:57px; height:57px; background:url(../images/index/index-icon.png) no-repeat; z-index:10; top:40%}
.index-case .ui-scro-prev1 {background-position:-63px -967px; left:-75px}
.index-case .ui-scro-next1 {background-position:0 -967px; right:-75px}
.index-case .ui-scro-prev1:hover {background-position:-63px -1032px}
.index-case .ui-scro-next1:hover {background-position:0 -1032px}

/* index-info */
.index-info {background:#f4f4f4; padding:20px 0}
.index-news {width:350px}
.index-news h2 , .index-about h2 , .index-consult h2 , .index-ewm h2 {font-size:16px; color:#5f5f5f; margin-bottom:10px}
.index-news .img {padding:2px; background:#fff; width:88px}
.index-news .con {width:240px}
.index-news .con a {font-size:14px; color:#5f5f5f; max-width:240px; _width:240px;}
.index-news ul {margin-top:5px}
.index-news li a {background:url(../images/index/news-list.png) no-repeat 0 17px; padding-left:10px; color:#5f5f5f; font-size:14px; line-height:32px; max-width:350px; _width:350px;}
.index-news .con p {color:#949494; line-height:20px}
.index-about {width:165px; margin-left:120px}
.index-consult {width:180px}
.index-ewm {width:146px}
.index-ewm p {padding:10px; background:#fff}
.index-about li a , .index-consult p {color:#949494; line-height:24px}
.index-news .con a:hover , .index-news li a:hover , .index-about li a:hover {color:#ff4757}
.index-news li a , .index-news .con a {display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;}


/* index-present */
.index-present {background:#4a5060; padding:45px 0}
.index-present h2 {font-size:40px; color:#c2d2fd; text-align:center}
.index-present img {margin:30px 0 10px}
.index-present p {margin-left:-72px}
.index-present p span {display:inline-block; float:left; width:142px; margin-left:142px; margin-left:72px; font-size:16px; color:#c4d4ff; text-align:center}

/*  index-footer  */
.index-footer {background:#f4f4f4; overflow:hidden}
.index-footer .wrap {border-top:#e3e3e3 1px solid; padding:15px 0}
.index-footer-fl span {color:#949494}
.index-footer-fl a {color:#5f5f5f}
.index-footer-fl em {margin:0 5px;color:#949494}
.index-footer-fr , .index-footer-fr a {color:#949494}
.index-footer-fl a:hover , .index-footer-fr a:hover {color:#ff4757}
/*footer*/
.footer{ height:57px; line-height:57px; display:block; overflow:hidden; background:#f4f4f4; font-size:14px; color:#949494}
.footer-l a{font-size:14px; color:#949494; padding:0 6px}
.footer-l a:hover{ color:#ff4757}
.list{ background:url(../images/index/a.list.png) no-repeat left 60%}


/*help*/
.banner{ display:block; overflow:hidden; width:100%; height:231px;}
.banner-inner{ position:relative; left:50%; float:left;}
.banner-box{ position:relative; left:-50%}
.help{ padding:30px 0 50px; display:block; overflow:hidden;}
.Sidebar{ width:143px; padding:40px 0 50px;overflow:hidden; background:#3a3f4f; padding-left:55px; color:#fff;}
.Sidebar h3{ font-size:16px; padding-bottom:10PX; border-bottom:1px solid #616572}
.Sidebar h3 p{ font-size:10px; font-family:Arial}
.Sidebar ul{ margin-top:10px; padding-left:15px;}
.Sidebar ul li{ margin-top:15px; display:block; height:24px; line-height:24px; border-bottom:1px solid #616572 }
.Sidebar ul li a{ font-size:14px; color:#fff; position:relative; z-index:1; padding-left:5px}
.Sidebar ul li a i{background:url(../images/index/index-list-bg.png) no-repeat left center; background-position:-200px 0; width:12px; height:9px; position:absolute; left:-13px; top:5px; z-index:3}
.Sidebar ul li a:hover{color:#ff4757}
.Sidebar ul li a:hover i{ background-position:-212px 0}
.Sidebar ul li a.oncurr{color:#ff4757}
.Sidebar ul li a.oncurr i{ background-position:-212px 0}

.help-content{ width:740px; overflow:hidden; display:block; min-height:500px;}
.help-content .top{ height:39px; line-height:39px; display:block; overflow:hidden; border-bottom:1px solid #e7e7e7}
.help-content .top h3{ display:inline; font-size:20px; color:#393939; padding-left:15px; background:url(../images/index/help-h3.png) no-repeat left center}
.help-content-box ul li{ padding:20px 0; border-bottom:1px dotted #d1d1d1; display:block; overflow:hidden}
.help-content-box ul li a{ color: #4d4d4d; font-size: 14px}
.help-content-box ul li span{ color: #949494;font-size: 12px;}
.help-content-box ul li h3{ font-size:16px; overflow:hidden; color:#5f5f5f; display:block; position:relative; padding-left:10px}
.help-content-box ul li h3 i{ background:url(../images/index/index-list-bg.png) no-repeat; background-position:-224px 0; width:4px; height:7px; display:inline-block; position:absolute; left:0; top:40% }
.help-txt{ margin-top:15px; display:block; overflow:hidden; font-size:14px; color:#949494}
.btn{ margin-top:15px}
.btn .btn1,.btn .btn2{ position:relative; width:115px; height:24px; line-height:24px; display:none; overflow:hidden; text-align:center; background:#f6f6f6; border:1px solid #e8e8e8; font-size:12px; color:#949494; cursor:pointer}
.btn .btn1 i,.btn .btn2 i{ background:url(../images/index/index-list-bg.png) no-repeat; width:9px; height:5px; display:block; overflow:hidden; position:absolute; right:8px;bottom:9px}
.btn .btn1 i{ background-position:-228px 0}
.btn .btn2 i{ background-position:-228px -5px}

/*-------pagewrap-----------------*/
.pagewrap { text-align: right; padding-top:30px; }
.pagewrap a { font-size: 14px; padding: 0 12px; height: 30px; line-height: 30px; color: #949494; text-decoration: none; display: inline-block; border: 1px solid #d5d5d5; }
.pagewrap a.current{ color: #fff; background-color: #ef5344; border-color: #ef5344; }
.pagewrap a:hover{border-color: #ef5344;} 
.pagewrap .prev-page, .pagewrap .next-page { }
.pagewrap .prev-page:hover, .pagewrap .next-page:hover { border-color: #ef5344;}
/*-- pages --*/
div.pages{text-align:right;margin:40px 0px;}
div.pages a{border:#d5d5d5 1px solid;text-decoration:none;margin:2px;padding:6px 10px; background:#fff; color:#5f5f5f}
div.pages span.current{border:#ff4757 1px solid; font-weight:bold;color:#fff;background-color:#ff4757;margin:2px;padding:6px 10px;}
div.pages span.disabled{border:#eee 1px solid;color:#ddd;margin:2px;padding:6px 10px;}
div.pages a:hover,div.pages a:active{border:#ff4757 1px solid;color:#000; color:#262626;}
div.pages .text {margin:0 5px}
div.pages input {width:40px}
div.pages a.button {border:0; vertical-align:bottom}
div.pages a.button:hover , div.pages a.button:active {border:0}
div.pages input.text {padding:3px 5px; border:#d5d5d5 1px solid;}
div.pages input.btn {border:0; display:inline-block; color:#6d7077; background:#dadde5; background: -webkit-gradient(linear, left top, left bottom, from(#e4e7ed), to(#cfd3dd));
	background: -moz-linear-gradient(top,  #e4e7ed,  #cfd3dd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e7ed', endColorstr='#cfd3dd'); padding:3px 0; width:45px}
div.pages p.nolist {color: #949494; font-size: 18px; text-align: center;}
#pager {height:20px;}
/*about*/
.about{ margin-top:20px; display:block; overflow:hidden; font-size:14px; color:#5f5f5f; line-height:200%}
.about p { text-indent: 2em;}
/*news*/
.news{ display:block; overflow:hidden}
.news ul li{ display:block; overflow:hidden; height:54px; line-height:54px; border-bottom:1px dotted #d1d1d1}
.news ul li a{ color:#4d4d4d; font-size:14px; padding-left:7px; background:url(../images/index/news-list.png) no-repeat left center}
.news ul li .time{ color:#949494; font-size:12px}



/*Application*/
	/*search*/
.search-box { width: 233px; height: 22px; overflow: hidden; margin-top: 20px; margin-left:20px; border:1px solid #d9d9d9; background:#fff; border-radius:9px; position:absolute; right:0 ; top:0 }
.search-posit { position: relative; float: left; overflow: hidden; left:9px; }
.search-posit label.search-tiptxt { position: absolute; top: 0; left: 0; width: 200px; height: 22px; color: #a8a8a8;  line-height: 22px; font-size: 12px; cursor: text; font-family: \5FAE\8F6F\96C5\9ED1}
.search-box .bout { float: left; margin-left:9px; width: 13px; height: 14px; background:url(../images/index/index-list-bg.png) no-repeat; background-position:-237px 0; margin-top:5px; border: none; cursor: pointer; overflow: hidden; }
.search-box input.txt { width: 191px; height: 22px; float: left; color: #a8a8a8; line-height: 22px; font-size: 12px; overflow: hidden; border: none; display: block; padding-right:10px; font-family: \5FAE\8F6F\96C5\9ED1}
.right-heline { width: 482px; float: right; }
	/**/
	.breadcrumb{height:54px; line-height:54px; display:block;color: #949494;font-size: 14px; color: #949494}	
    .breadcrumb a {font-size: 14px; color: #666}
    .breadcrumb em {font-family:  \5b8b\4f53}
.Application{ display:block; overflow:hidden; clear:both; background:#f4f4f4 url(../images/index/Application-bg.png) repeat-x top }
.Application-left{ width:738px; display:block; overflow:hidden; position:relative; }
.Application-left .list{height:54px; line-height:54px; display:block;color:#949494}
.Application-left .list a{ font-size:14px; color:#4d4d4d}
.Application-left .list a:hover,.Application-left .list a.last{ color:#949494}
.Application-left h3{ height:54px; line-height:54px; display:block; overflow:hidden; font-size:20px; color:#393939;}
.Application-right h3{ height:54px; line-height:54px; display:block; overflow:hidden; font-size:20px; color:#393939}
.Application-right{ width:240px; display:block; overflow:hidden}
.Application-content{ display:block; overflow:hidden; background:#fff; border:1px solid #e8e8e8; padding:21px;}
.list-box1 { line-height:26px; display:block; overflow:hidden; margin-bottom:25px; font-size:14px; color:#949494}
.list-box1 a { padding:0 6px; display:inline-block; overflow:hidden; margin-left:10px; margin-bottom:-6px}
.list-box1 a { color: #949494; font-size: 14px}
.list-box2 span a{ color:#4d4d4d; font-size: 14px}
.list-box1 a.oncurr{ background:#ff4757; }
.list-box1 a.oncurr {color:#fff}
.list-box2{ background:#f4f4f4; height:35px; line-height:35px; display:block;}
.list-box2 span{color:#5f5f5f; color:12px; width:63px; border-right:1px solid #fff; display:block; float:left; text-align:center}
.list-box2 span.oncurr a{ color:#ff4757}
.Application-list ul li{ height:64px; display:block; overflow:hidden;  padding:25px 0; border-bottom:1px dotted #d1d1d1}
.Application-list ul li img{ width:64px; height:64px; display:block; overflow:hidden; float:left; margin-right:20px}
.A-content{ font-size:12px; color:#949494; line-height:180%}
.A-content p.text {height: 24px;max-width: 600px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;}
.A-content .top a{ font-size:16px; color:#4d4d4d}
.A-content .top a:hover{color:#ff4757}
.A-content .cis span.name{ padding-right:14px}
.A-content .cis span.lx{ padding-left:14px;}
.A-content .cis span.lx em{ font-style:normal; color:#ff4757; padding:0 3px}
.Application-img-list{display:block; overflow:hidden; background:#fff; border:1px solid #e8e8e8; padding:0px 25px 0 21px;}
.Application-img-list ul{ background:url(../images/index/index-list-bg.png) no-repeat; background-position:-280px 0px;}
.Application-img-list ul li{ display:block; overflow:hidden; padding:0px 0 20px 30px; margin-top:20.5px; border-bottom:1px dotted #d1d1d1}
.Application-img-list ul li img{ width:48px; height:48px; display:block; overflow:hidden; float:left; margin-right:11px;}
.Application-img-list ul li p.name a{ font-size:14px;color: #4d4d4d; display:inline-block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 100px}
.Application-img-list ul li p.name a:hover{ color:#ff4757}
.Application-img-list ul li p.Download{ font-size:12px; color:#949494; margin-top:3px}
.Application-img-list ul li p.lists{ height:20px; line-height:20px; display:block; overflow:hidden}
.Application-img-list ul li p.lists span{ float:right; display:inline-block; font-size:12px; color:#5f5f5f}
/*.Application-img-list ul li p.lists a{ font-size:14px; color:#4d4d4d}*/
.Application-img-list ul li p.lists a {color: #4d4d4d;display: inline-block;font-size: 14px;max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;}
.Application-img-list ul li p.lists a:hover{ color:#ff4757}
.a-list{ margin-bottom:-1px}

/*Application-xx-top*/
.Application-xx-top{ display:block; overflow:hidden; border-bottom:1px dotted #d1d1d1; padding-bottom:30px}
.Application-xx-top .img a{ width:64px; height:64px; overflow:hidden; display:block}
.Application-xx-top .img{ margin-right:20px;}
.Application-xx-top .txt{ width:470px; display:block; overflow:hidden}
.Application-xx-top h1{ font-size:22px; color:#4d4d4d; margin-bottom:5px;}
.Application-xx-top .time-cn span{ width:210px; overflow:hidden; float:left; display:block; margin-bottom:10px}
.Application-xx-top .btn{ display:block; overflow:hidden; clear:both; margin-top:20px; height:56px; margin-left:-21px}
.Application-xx-top .btn a{width:216px; height:56px; display:block; overflow:hidden; float:left; margin-left:21px;}
.Application-xx-top .btn a:first-child {margin-left:0px}
.Application-xx-top .btn a.i,.Application-xx-top .btn a.i1,.Application-xx-top .btn a.i2{ background:url(../images/index/index-list-bg.png) no-repeat; width:216px; height:56px; display:block; overflow:hidden; }
.Application-xx-top .btn a.i{ background-position:0px -400px;}
.Application-xx-top .btn a.i1{background-position:0px -456px}
.Application-xx-top .btn a.i2{background-position:0px -560px}
.Application-xx-top .ewm{ width:140px; display:block; overflow:hidden; margin-top:10px;}
.Application-xx-top .ewm .img a{ width:140px; height:140px; display:block; overflow:hidden}
.Application-xx-top .ewm p{ font-size:14px; color:#5f5f5f; display:block; text-align:center; margin-top:10px}
.Application-xx-zhong{ clear:both; display:block; padding:30px 0;border-bottom:1px dotted #d1d1d1;}
.Application-xx-zhong .top{ font-size:16px; color:#5f5f5f; margin-bottom:12px;}
.Application-xx-zhong .txt{ font-size:12px; color:#949494}
.Application-xx-footer{ padding-bottom:10px; display:block; overflow:hidden; clear:both}
.Application-xx-footer h3{ margin-top:30px; margin-bottom:20px; display:block; overflow:hidden; font-size:16px; color:#5f5f5f}
.fproBuy-share{ display:block; float:left; clear:both; margin-bottom:10px}
.fproBuy-sharelf{ float:left}
.h-scroll-wrap{  overflow:hidden;position:relative;height:419px; width:694px}
.h-scroll-box{  position:absolute;}
.h-scroll-list{ width:694px; float:left; overflow:hidden;}
.h-scroll-list li{width:255px; overflow:hidden; float:left; display:inline; margin-left:65px}
.h-scroll-list li a{ width:247px; height:411px;padding:3px; border:1px solid #d2d2d2; display:block; overflow:hidden}
.h-scroll-list.clearfix img {height: 411px;width: 247px;}

.ui-scro-prev1,.ui-scro-next1{ position:absolute; top:207px; width:24px; height:37px; overflow:hidden;font-weight:bold; background:url(../images/index/index-list-bg.png) no-repeat}
.ui-scro-prev1{ background-position:0 -512px; left:0px}
.ui-scro-prev1:hover{ }
.ui-scro-next1{ background-position:-32px -512px; right:0px}
.ui-scro-next1:hover{}

/* news-detail */
.news-detail {font-size:14px; color:#5f5f5f; line-height:200%}
.news-detail h1 {font-size:20px; text-align:center; margin:20px 0 10px}
.news-detail-para {text-align:center; color:#5f5f5f}
.news-detail-para span {margin-right:15px}
.news-detail-con {margin:20px 0}

.news-detail-con p { text-indent: 2em;}



/* app-404-wrap */
.app-404-wrap {height:700px; padding-top:100px; background:url(../images/index/404.png) no-repeat center 300px}
.app-404-wrap .app-404-h {position:relative; z-index:1; width:860px; height:150px; overflow:hidden; margin:0 auto}
.app-404-wrap h3 {font-family:Arial; font-size:98px; color:#3a3f4f; position:absolute; left:0; top:0}
.app-404-wrap h4 {font-size:39px; color:#ff4757; position:absolute; left:350px; top:25px}
.app-404-wrap h5 {font-size:22px; color:#3a3f4f; position:absolute; left:350px; top:80px}
.app-404-wrap .app-404-btn {width:250px; margin:420px auto 0; line-height:56px; font-size:16px; color:#545454; text-align:center; background:url(../images/index/404_btn.png) no-repeat; height:56px}
.app-404-wrap .app-404-btn a {color:#2c65bb; text-decoration:underline}

.nav a.oncurr{color:#ff4757; border-bottom:1px solid #ff4757}


/* kf */
*html{_background-image:url(about:blank); _background-attachment:fixed; zoom:1;}
.kf-online-wrap{position:fixed; top:270px;  width:130px; _position:absolute; _top:expression(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||270)); z-index:20; left:50%; margin-left:540px}
.kf-online-right { margin-left:0; left:90%}
.kf-online-box{position:relative; width:130px;}
.kf-button a , .kf-colse a , .kf-qq a i , .kf-btn .ewm a , .kf-btn .top a , .kf-btn .ewm-box b , .kf-ww a i , .kf-btn a i {background:url(../images/index/kf.png) no-repeat}
.kf-button {width:41px; height:140px;margin: 0 auto; display: none}
.kf-button a {display:block; width:41px; height:140px; background-position:-2px -1px}
.kf-wrap {background-position:-48px bottom; padding-bottom:5px; background-color:#f9fafb; border-radius:10px; border:#d5d5d5 1px solid; opacity:1; position:absolute; top:0; left:0; width:130px}
.kf-box {position:relative; border-radius:10px}
.kf-colse , .kf-colse a {width:24px; height:24px; display:block; cursor:pointer}
.kf-colse {position:absolute; top:-12px; right:8px}
.kf-colse a {background-position:-187px -121px}
.kf-qq , .kf-ww {text-align:center; padding-top:15px;}
.kf-ww {border-bottom:1px solid #d5d5d5; padding-top:10px; padding-bottom:10px}
.kf-qq a i , .kf-ww a i{display:inline-block; width:113px; height:40px; }
.kf-qq a i {background-position:-187px -1px;}
.kf-ww a i {background-position:-187px -40px;}
.kf-tel {padding-top:10px; text-align:center; color:#888888; border-bottom:1px solid #d5d5d5; padding-bottom:5px}
.kf-tel h3 {margin-bottom:2px}
.kf-tel p {font-size:14px; color:#ff4757; font-family:Arial; margin-bottom:5px}
.kf-btn {padding-top:15px; text-align:center}
.kf-btn a {color:#737373; font-size:14px; text-decoration:none}
.kf-btn a i {width:24px; height:24px; display:inline-block; background-position:-187px -90px}
.kf-btn a span {position:relative; top:-7px; margin-left:5px}



*html{_background-image:url(about:blank); _background-attachment:fixed; zoom:1;}
.online-wrap{position:fixed;bottom:100px;  width:50px; color:#fff; _position:absolute; _bottom:expression(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||100)); z-index:2000; left:50%; margin-left:540px}
.online-box{position:relative; width:50px;}
.online-box li {position:relative; z-index:20001}
.online-box li p a {display:block; width:50px; height:50px; background:#c7e1f2; margin-bottom:10px; text-align:center; text-decoration:none}
.online-box li p a i {display:inline-block; width:30px; height:30px; background:url(../images/index/index-list-bg.png) no-repeat}
.online-box li p a span {display:block; color:#fff}
.online-box li p a:hover span {color:#e9f3fa}
.online-box li p a i.qqkf {background-position:-15px -620px}
.online-box li p a i.helps {background-position:-101px -620px}
.online-box li p a i.feedback {background-position:-175px -620px}
.online-box li p a:hover i.qqkf {background-position:-55px -620px}
.online-box li p a:hover i.helps {background-position:-138px -620px}
.online-box li p a:hover i.feedback {background-position:-214px -620px}
.qq-box {width:130px;  background:#fff; position:absolute; top:0px; left:-130px; display:none}
.qq-box .box { width:100px; padding:10px; background:#c7e1f2;}
.qq-box b {display:inline-block; width:5px; height:7px; background:url(../images/index/index-list-bg.png) no-repeat 0 -630px; position:absolute; left:120px; top:20px}

/* journal */
.journal{position:relative; padding:50px 0}
.journal .main{padding:50px 0;min-height:400px;background:#3a3c48 url("../images/index/log/content-bg.png");width:100%;}
.journal .main{position:relative;background:url("../images/index/log/release-bg.png") no-repeat right top;width:960px;margin:0 auto;}
.journal .light{position:absolute;left:55px;top:-50px;width:152px;height:191px;background:url("../images/index/log/light-top.png") no-repeat top center;}
.journal .light i{position:absolute;width:100%;height:100%;top:0;background:url("../images/index/log/light.png") no-repeat top center;}
.journal .line-left{position:absolute;left:0;top:15px;width:70px;}
.journal .line-right{position:absolute;right:0;top:15px;width:460px;}
.journal .main{background:url("../images/index/log/line-bg.png") repeat-y 249px 0;}
.journal .main .title{position:absolute;line-height:40px;padding-left:67px;left:230px;top:0;color:#ff4757;font-size:26px;background:url("../images/index/log/clock.png") no-repeat left top;}
.journal .main .year{position:relative;z-index:100;}
.journal .main .year h2{height:40px;width:170px;padding-right:30px;font-size:24px;line-height:40px;text-align:right;}
.journal .main .year h2 a{color:#ff4757;}
.journal .main .year h2 i{display:block;position:relative;height:0;width:0;left:190px;top:-20px;border-width:6px;border-style:solid;border-color:#ff4757 transparent transparent transparent;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:6px 3px;-moz-transform-origin:6px 3px;-ms-transform-origin:6px 3px;-o-transform-origin:6px 3px;transform-origin:6px 3px}
.journal .main .year .lists{margin:10px 0;position:relative;overflow:hidden;.journal .main .year h2 i}
.journal .main .year .lists ul{bottom:0;}
.journal .main .year .lists ul li{background:url("../images/index/log/circle.png") no-repeat 235px 31px;padding:30px 0;color:#5f5f5f;}
.journal .main .year .lists ul li .date,.journal .main .year .lists ul li .version{float:left;display:block;clear:left;width:200px;line-height:24px;text-align:right}
.journal .main .year .lists ul li .date{font-size:18px;line-height:32px;color:#ff4757}
.journal .main .year .lists ul li .intro, .journal .main .year .lists ul li .more{float:left;display:block;width:450px;margin-left:100px;line-height:28px;}
.journal .main .year .lists ul li .intro{font-size:18px;line-height:32px;color:#ff4757;}
.journal .main .year.close h2 i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}
.journal .main .year.close .lists{opacity:0;height:0!important;}
.journal .main .year .lists ul li .more dl dd {background:url(../images/index/log/list.png) no-repeat 0 11px; padding-left:15px; font-size:14px}
.journal .main .year .lists ul li .more dl dd p {color:#949494}




/*固定回到顶部层*/
.backToTop{ background: url("../images/index/hui_icon.gif")  no-repeat scroll transparent;bottom:30px;cursor: pointer;height: 40px;position: fixed;width: 41px;display: none;_position: absolute;_bottom: "auto";  }
.backToTop:hover{background:url("../images/index/hui_icon.gif")  0 -40px no-repeat  transparent; }


