/* CSS Document */

/*--reset--*/
*{margin: 0; padding: 0; outline: none;box-sizing: inherit;}
*:not(input,textarea){-webkit-touch-callout: inherit; -webkit-user-select: auto;}
body{width:100%; min-width: 1200px !important; color: #060002; -webkit-touch-callout: inherit ; -webkit-user-select: auto ; background-color: #fff; margin:0 auto; font-size:16px;font-family:"Microsoft YaHei"!important; }
a{color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover{text-decoration: none;}
button,input,select,textarea{font-size: 100%; margin: 0; padding: 0; outline: none;border:none;background: none;}
dt,dd{display: inline-block;}
textarea,input{resize: none; outline: none;}
textarea{resize: none; -webkit-appearance: none;}
ul,ol,li{list-style: none;}
i, em, b {
    font-style: normal;
    font-weight: normal;
}
img{display:block;border: none;}
/*--input--*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}   
/*--float--*/
.fl, .fr{display: inline; float: left;}
.fr{float: right;}
/*--blank10--*/
.blank1{ width:100%; height:2px; line-height:2px; overflow:hidden; clear:both;}
.blank10{ width:100%; height:20px; line-height:20px; overflow:hidden; clear:both;}

/*fright*/
.fright{width:auto;height: auto;position: fixed;z-index: 999;right: 0;top: 50%;}


/*unscrolling-nav*/
.unscrolling-nav{width:100%;height: 140px;background-color: #fff;transition: .6s all;border-bottom: 1px solid #e0e0e0;}
.unscrolling-nav .unscrolling-nav-wrapper{width:1200px;height: 140px;margin: 0 auto;}
.unscrolling-nav .unscrolling-nav-wrapper .logo{display:inline-block;width:284px;height: 59px;line-height: 120px;margin-top: 38.5px;}
.unscrolling-nav .unscrolling-nav-wrapper .logo img{width:284px;height: 59px;}
.unscrolling-nav .unscrolling-nav-wrapper ul{width:auto;height: 140px;margin-left: 80px;}
.unscrolling-nav .unscrolling-nav-wrapper ul a{float:left;line-height: 16px; font-size: 14px;color:#666666;margin: 0 20px;margin-top: 62px;position: relative;cursor: pointer;}
.unscrolling-nav .unscrolling-nav-wrapper ul a:after{content:url(../images/icn-001.png);position: absolute;bottom:0;left:-23px;width:20px;height: 27px;opacity: 0;}
.unscrolling-nav .unscrolling-nav-wrapper ul a:hover:after{opacity:1;
	-webkit-animation: bounceInDown .9s ease both;
	animation:  bounceInDown .9s ease both;
	-webkit-animation-delay:0s;
	animation-delay:0s;}
.unscrolling-nav .unscrolling-nav-wrapper ul a:hover{color: #69318f;}
/*
.unscrolling-nav .unscrolling-nav-wrapper ul .nav1:hover:after{opacity:1;
	-webkit-animation: slideLeft1 .7s ease both;
	animation: slideLeft1 .7s ease both;
	-webkit-animation-delay:0s;
	animation-delay:0s;s}
*/

.unscrolling-nav .unscrolling-nav-wrapper .search{width:140px;height: 30px;margin: 55px 0px;position: relative;background-color: #f5f5f5;border-radius: 30px;}
.unscrolling-nav .unscrolling-nav-wrapper .search img{width:19px;height: 19px;position: absolute;left: 10px;top: 5px;}
.unscrolling-nav .unscrolling-nav-wrapper .search input{width:90px;height: 30px;line-height: 30px;border:none;position: absolute;left: 35px;background-color: #f5f5f5;font-size: 12px;color:#a4a4a4;}
.unscrolling-nav .unscrolling-nav-wrapper .lang{width:120px;height: auto;position: relative;}
.unscrolling-nav .unscrolling-nav-wrapper .language{width:120px;height: 30px;margin:45px 0;position: relative;background-color: #f5f5f5;border-radius: 30px;font-size: 12px;color:#a4a4a4;line-height: 30px;text-align: center;}
.unscrolling-nav .unscrolling-nav-wrapper .language1{background-color:#fff;box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.1);border-radius: 15px 15px 0 0; }
.unscrolling-nav .unscrolling-nav-wrapper .language img{width:12px;height: 7px;position: absolute;right: 10px;top: 12px;}
.unscrolling-nav .unscrolling-nav-wrapper .lang .chose{display:block;position: absolute;width: 120px;height:105px;background-color: #fff;left: 0;bottom:-55px;z-index: 999;text-align: center;font-size: 12px; border-radius:0 0 15px 15px;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);}
.unscrolling-nav .unscrolling-nav-wrapper .lang .chose a{display:block;width:120px;height: 35px;line-height: 35px;}
.unscrolling-nav .unscrolling-nav-wrapper .lang .chose a img{display:inline-block;width:23px;height: 16px;position: relative;left: 20px;top: 8px;}



/*scrolling-nav*/
.scrolling-nav{width:100%;height: 100px;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 9999999;transition: .6s all;border-bottom: 1px solid #e0e0e0;}
.scrolling-nav .unscrolling-nav-wrapper{width:1200px;height: 100px;margin: 0 auto;}
.scrolling-nav .unscrolling-nav-wrapper .logo{display:inline-block;width:284px;height: 59px;line-height: 120px;margin-top: 20.5px;}
.scrolling-nav .unscrolling-nav-wrapper .logo img{width:284px;height: 59px;}
.scrolling-nav .unscrolling-nav-wrapper ul{width:auto;height: 100px;margin-left: 80px;}
.scrolling-nav .unscrolling-nav-wrapper ul a{float:left;line-height: 16px; font-size: 14px;color:#666666;margin: 0 20px;margin-top: 42px;position: relative;cursor: pointer;}
.scrolling-nav .unscrolling-nav-wrapper ul a:after{content:url(../images/icn-001.png);position: absolute;bottom:0;left: -23px;width:20px;height: 27px;opacity: 0;}
.scrolling-nav .unscrolling-nav-wrapper ul a:hover:after{opacity:1;
	-webkit-animation: bounceInDown .9s ease both;
	animation: bounceInDown .9s ease both;
	-webkit-animation-delay:0s;
	animation-delay:0s;}
.scrolling-nav .unscrolling-nav-wrapper ul a:hover{color: #69318f;}
/*
.scrolling-nav .unscrolling-nav-wrapper ul .nav1:hover:after{opacity:1;
	-webkit-animation: slideLeft1 .7s ease both;
	animation: slideLeft1 .7s ease both;
	-webkit-animation-delay:0s;
	animation-delay:0s;s}
*/

.scrolling-nav .unscrolling-nav-wrapper .search{width:140px;height: 30px;margin: 35px 0px;position: relative;background-color: #f5f5f5;border-radius: 30px;}
.scrolling-nav .unscrolling-nav-wrapper .search img{width:19px;height: 19px;position: absolute;left: 10px;top: 5px;}
.scrolling-nav .unscrolling-nav-wrapper .search input{width:90px;height: 30px;line-height: 30px;border:none;position: absolute;left: 35px;background-color: #f5f5f5;font-size: 12px;color:#a4a4a4;}
.scrolling-nav .unscrolling-nav-wrapper .lang{width:120px;height: auto;position: relative;}
.scrolling-nav .unscrolling-nav-wrapper .language{width:120px;height: 30px;margin:20px 0;position: relative;background-color: #f5f5f5;border-radius: 30px;font-size: 12px;color:#a4a4a4;line-height: 30px;text-align: center;cursor: pointer;}
.scrolling-nav .unscrolling-nav-wrapper .language img{width:12px;height: 7px;position: absolute;right: 10px;top: 12px;}

.scrolling-nav .unscrolling-nav-wrapper .lang .chose{display:block;position: absolute;width: 120px;height:105px;background-color: #fff;left: 0;bottom:-85px;z-index: 999;text-align: center;font-size: 12px; border-radius:0 0 15px 15px;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);}
.scrolling-nav .unscrolling-nav-wrapper .lang .chose a{display:block;width:120px;height: 35px;line-height: 35px;}
.scrolling-nav .unscrolling-nav-wrapper .lang .chose a img{display:inline-block;width:23px;height: 16px;position: relative;left: 20px;top: 8px;}
.scrolling-nav .unscrolling-nav-wrapper .language1{background-color:#fff;box-shadow:0px -1px 3px 0px rgba(0,0,0,0.1);border-radius: 15px 15px 0 0; }
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform-origin: 0 0;;
    -webkit-transform: translateX(390%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%);
  }
}
@keyframes slideLeft {
  0% {
	  opacity: 0;
    transform-origin: 0 0;
    transform: translateX(390%);
  }

  100% {
	  opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeft1 {
  0% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(250%);
  }

  100% {
    -webkit-transform-origin: 0 0;
    -webkit-transform: translateX(0%);
  }
}
@keyframes slideLeft1 {
  0% {
	  opacity: 0;
    transform-origin: 0 0;
    transform: translateX(250%);
  }

  100% {
	  opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0%);
  }
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


/*title*/
.title{width:100%;height: 160px;background-image: url(../images/bg1.jpg);background-repeat: no-repeat;background-position: center;background-size:cover; text-align: center;}
.title .title-wrapper{width:1200px;height: 160px;margin: 0 auto;}
.title .title-wrapper .icn{width:100px;height: 100px;overflow: hidden;border-radius: 100px;background: url(../images/icn-008.png) no-repeat;background-size: 100px;background-position: center;display: inline-block;margin-top: 30px;}
.title .title-wrapper  img{display:inline-block;width:143px;height: 182px;position: relative;left: -21px;top: 0px;cursor: pointer;}
.title .title-wrapper .txt{width:200px;display: inline-block;height: 52px;line-height: 26px;position: relative;top: -25px;text-align: left;margin-left: 10px;}
.title .title-wrapper .txt .font30px{width:200px;color:#fff;font-size: 30px;font-weight: bold;display: inline-block;letter-spacing: 4.5px;}
.title .title-wrapper .txt .font16px{width:200px;color:#fff;font-size: 16px;display: inline-block;}


.title .title-wrapper  img:hover{
	-webkit-animation:swing 1s ease both;
	animation: swing   1s ease both;
	-webkit-animation-delay:0s;
	animation-delay:0s;
	
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
	  	opacity: 1;
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
	  	opacity: 1;
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
	  	opacity: 1;
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
	  	opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
	  	opacity: 1;
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
	  	opacity: 1;
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
	  	opacity: 1;
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
	  	opacity: 1;
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
	  	opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
	  	opacity: 1;
  }
}
/*index-footer*/
.index-footer{width:100%;height: 200px;background: #3a3a3a;}
.index-footer-wrapper{width:1200px;height: auto;margin:0 auto;position: relative;}

.index-footer-wrapper .bott02{width:100%;height:200px;background: #3a3a3a;z-index: 2;position: absolute;left: 0;top: 0;}
.index-footer-wrapper .bott02 .left{width:284px;height: auto;}
.index-footer-wrapper .bott02 .left img{width:284px;height: 59px;margin: 60px 0;}
.index-footer-wrapper .bott02 .con{margin:40px 0 0 40px;width: 636px;}
.index-footer-wrapper .bott02 .con .font14px26{font-size: 14px;color:#fff;line-height: 26px;width: 100%;}
.index-footer-wrapper .bott02 .con .font14px26 a{color:#fff;margin-right: 10px;cursor: pointer;}
.index-footer-wrapper .bott02 .con .font14px26 a:hover{color:#b4b4b4;}
.index-footer-wrapper .bott02 .right{width:240px;height: auto;margin-top: 40px;}
.index-footer-wrapper .bott02 .right .code{width:110px;height: auto;text-align: center;font-size: 14px;line-height: 26px;color:#fff;margin-left: 10px;}
.index-footer-wrapper .bott02 .right .code img{width:110px;height: 110px;}


/*--pagingbar--*/
.pagingbar{width:100%; height:26px; text-align:center; padding-bottom:20px; margin-bottom:50px; float:left; font-size:14px;}
DIV.blue{padding-right: 3px;padding-left: 3px;padding-bottom: 3px;margin: 3px;padding-top: 3px;text-align: center;}
DIV.blue A{padding:0 15px;height:40px;line-height:40px;color:#fff;display:inline-block;color:#fff; background-color:#e0e0e0; margin:0 3px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
DIV.blue A:hover{background-color:#69318f;color:#fff;}
DIV.blue A:active{background-color:#69318f;color:#fff;}
/*·ÖÒ³ÑÕÉ«*/
DIV.blue SPAN.current{padding:0 15px;display:inline-block;height:40px;line-height:40px; color:#fff; margin:0 3px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
background-color:#69318f;}
DIV.blue SPAN.disabled{margin:0px 3px;color: #fff;text-align:center;display: inline-block;line-height: 40px;padding: 0 15px;/*ORI:3px 3px 2px 5px;*/margin:0 3px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color:#e0e0e0;color:#fff;}






