@charset "utf-8";
/*样式重置*/
*{font-family:"微软雅黑",Arial, Helvetica, sans-serif,\u5FAE\u8F6F\u96C5\u9ED1;margin:0;padding:0;}
ul{list-style-position:inside;}/*li的标记放置在ul的里面*/
a{text-decoration:none;}/*去掉超链接下划线*/
img{border-style:none;/*去掉IE低版本img边框*/max-width:100%;max-height:100%;width:auto;height:auto;}
iframe{display: block;/*去掉四周的margin*/border: none;width: 100%;}
li{list-style:none;}
body{font:normal 14px/1.6em "microsoft yahei",simsun,Tahoma,sans-serif;cursor:default; color:#9e9e9e; background:#fafafa;}
.img_max img{max-width:100%;}
/*tools*/
.txt-hide{font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 }
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.txt-unl{text-decoration:underline}
.f-left{float:left;display:inline;}
.f-right{float:right;display:inline;}
.pos_r{position:relative;}
.pos_a{position:absolute;}
.txtno{display:block;height:0px !important;overflow:hidden;}
a{color:#514d4d;}
a:hover{color:#005989}
.hei{color:#333;}
.t_over{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.fix{*zoom:1}.fix:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
/*container*/
.container{margin:0 auto;width:1260px;}
/*盒阴影*/
.f-boxShadow{width:100%;height:100%;background-color:#e5e5e5;position:absolute;top: 6px;left: 6px;/*+width: 488px;+height: 193px;width: 488px\0;height: 193px\0;*/z-index: -1;}
/*方形边框效果*/
.f-imgFrameEffect{border:.2rem solid white;border-radius:.1rem;box-shadow:#d1d0d0 0 0 .4rem;}
/*圆形边框效果*/
.yuan{border-radius:100rem;width:30px;height:30px;background-size:cover;background-repeat:no-repeat; border:4px solid #fff;}
/*切字效果*/
.f-cutWord{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.f-halfTransparent{position: relative;z-index: 0;}
.f-halfTransparentChild{width: 100%;height: 100%;background: black;position: absolute;top: 0;left: 0;z-index: -1;filter: alpha(opacity=20);/*IE 7 8*/opacity: 0.2;}
/*返回顶部*/
.u-returnTop{position: fixed;right: 1rem;bottom: 3rem;width: 2.2rem;height: 2.2rem;display: none;z-index: 100;}
/*btn*/
.btn{display:inline-block;zoom:1;}
/*header*/
.header{width:100%;height:76px; background:#fff;z-index:999; box-shadow:0 0 10px #666;}
.logos{width:244px; height:76px; z-index:999;}
.logos .home{width:244px; height:76px; display:block;background:url(../img/logo01.png) no-repeat; background-size:240px;}
.nav{width:900px;}
.nav a{margin:0 16px; line-height:76px; font-size:16px; color:#666;}
.nav a:hover{color:#333;}
.u-title{line-height:normal; font-size:32px; padding:20px 0; color:#333; font-weight:bold;}
.u-title img{top:3px; position:relative;}
.u-title span{margin-left:10px; font-size:16px; color:#999;}
.f1{font-size:10px;color:#E4E4E4; padding:0 15px;}
footer{border-top:1px solid #dedede; padding:10px 0; background:#fff;}
footer p{line-height:30px;color:#999; padding-right:45px;}
footer .wang{right:0px;top:20px;}
.wen{display:block; width:31px; height:31px;background:url(../img/wen.png) no-repeat;right:-50px; top:30px;}
.list{padding:14px;}
.list li{height:30px;padding:5px 0;position:relative;}
.list li a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font:normal 12px/20px "microsoft yahei";}
.list .list-info{position:absolute; right:14px; top:8px;}  
@-webkit-keyframes shineBlue{  
        from{-webkit-box-shadow:0 0 20px #000; }  
        60%{-webkit-box-shadow:0 0 25px #7cfdff; }  
        to{-webkit-box-shadow:0 0 9px #333; }  
}  
.shine_b{  
-webkit-animation-name:shineBlue;   
-webkit-animation-duration:2.5s;  
-webkit-animation-iteration-count:infinite;   
}
.icon-spin {
  -moz-animation:spin 3s infinite linear;
  -o-animation:spin 3s infinite linear;
  -webkit-animation:spin 3s infinite linear;
  animation:spin 3s infinite linear;
}
@-moz-keyframes spin {
  0%{-moz-transform: rotate(0deg); }
  100%{-moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0%{-webkit-transform: rotate(0deg); }
  100%{-webkit-transform: rotate(360deg); }
}
@-o-keyframes spin {
  0%{-o-transform:rotate(0deg); }
  100%{-o-transform:rotate(360deg); }
}
@-ms-keyframes spin {
  0%{-ms-transform:rotate(0deg); }
  100%{-ms-transform:rotate(360deg); }
}
@keyframes spin {
  0%{transform:rotate(0deg); }
  100%{transform: rotate(360deg); }
}
.character360{
	-webkit-transition:-webkit-transform 0.5s ease-out;
	-moz-transition:-moz-transform 0.5s ease-out;
	-o-transition:-o-transform 0.5s ease-out;
	-ms-transition:-ms-transform 0.5s ease-out;
}
.character360:hover{
	-webkit-transform:rotateZ(360deg);
	-moz-transform:rotateZ(360deg);
	-o-transform:rotateZ(360deg);
	-ms-transform:rotateZ(360deg);
	transform:rotateZ(360deg);
}
.aniEffect {
  animation-delay: 0.15s;
  -webkit-animation-delay: 0.15s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*------------------- animation -------------------*/
@-webkit-keyframes bounceInUp {
  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);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

}
/* Let's get this party started */
::-webkit-scrollbar {
    width:10px;
}
/* Track */
::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px #CCC; 
    -webkit-border-radius:10px;
    border-radius:10px;
}
/* Handle */
::-webkit-scrollbar-thumb{
    -webkit-border-radius:10px;
    border-radius:10px;
    background:#307caa;
}
.active .boleft{-webkit-animation-name:bounceInLeft; animation-name:bounceInLeft;}
.active .boright{-webkit-animation-name:bounceInRight; animation-name:bounceInRight;}