@charset "utf-8";
/*
/*--默认--*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{
  margin:0;
  padding:0;
}
body{
  min-width:320px;
  margin:auto;
}
ol,ul,li{
  list-style:none outside none;
}
a{
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  outline:none;
}
img{
  border:none;
  vertical-align:middle;

}
table{
  border-collapse:collapse;
  width:100%;
}
tr,td,th{
  padding:0;
  margin:0;
}
h1,h2,h3,h4,h5,h6{
  font-weight:normal;
  line-height:1.3;
}
i,em,b,strong{
  font-style:normal;
  font-weight:normal;
}
input,textarea,select{
  padding:0;
  font-family:inherit;
  outline:none;
  resize:none;
  background:none;
  border:none;
  font-size:inherit;
  color:inherit;
}
input::-moz-placeholder{
  color:inherit;
  opacity:0.5;
  font-size:inherit;
}
textarea::-moz-placeholder{
  color:inherit;
  opacity:0.5;
  font-size:inherit;
}
select::-moz-placeholder{
  color:inherit;
  opacity:0.5;
  font-size:inherit;
}
::-webkit-input-placeholder{
  color:inherit;
  opacity:0.5;
  font-size:inherit;
}
::-ms-input-placeholder{
  color:inherit;
  opacity:0.5;
  font-size:inherit;
}
/*--滚动条插�?--*/
.jspContainer{
  overflow:hidden;
  position:relative;
}
.jspPane{
  position:absolute;
}
.jspVerticalBar{
  position:absolute;
  top:0;
  right:0;
  width:16px;
  height:100%;
}
.jspHorizontalBar{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:16px;
}
.jspVerticalBar *,.jspHorizontalBar *{
  margin:0;
  padding:0;
}
.jspCap{
  display:none;
}
.jspHorizontalBar .jspCap{
  float:left;
}
.jspTrack{
  background:#dde;
  position:relative;
}
.jspDrag{
  background:#ddd;
  position:relative;
  top:0;
  left:0;
  cursor:pointer;
}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{
  float:left;
  height:100%;
}
.jspArrow{
  background:#50506d;
  text-indent:-20000px;
  display:block;
  cursor:pointer;
}
.jspArrow.jspDisabled{
  cursor:default;
  background:#80808d;
}
.jspVerticalBar .jspArrow{
  height:16px;
}
.jspHorizontalBar .jspArrow{
  width:16px;
  float:left;
  height:100%;
}
.jspVerticalBar .jspArrow:focus{
  outline:none;
}
.jspCorner{
  background:#eeeef4;
  float:left;
  height:100%;
}
* html .jspCorner{
  margin:0 -3px 0 0;
}
.jspVerticalBar{
  width:6px;
}
.jspDrag{
  background:#a99479;
  border-radius:8px;
}
.jspTrack{
  background:#f5f5f5;
  border-radius:8px;
}
.mCSB_scrollTools .mCSB_draggerRail{
  background:#ddd;
  width:2px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  width:6px;
  background:#333;
}
/*@font-face{
font-family:en;src: url('/upload/css/fonts/AvianRegular.eot');src: url('/upload/css//upload/css/fonts/AvianRegular.eot') format('embedded-opentype'),url('/upload/css//upload/css/fonts/AvianRegular.woff2') format('woff2'),url('/upload/css/fonts/AvianRegular.woff') format('woff'),url('/upload/css/fonts/AvianRegular.ttf') format('truetype'),url('/upload/css/fonts/AvianRegular.svg') format('svg');}*/
@font-face {
  font-family:impact;
  src: url('/upload/css/fonts/impact.eot');
  src: url("/upload/css//upload/css/fonts/impact.eot") format("embedded-opentype"), url("/upload/css/fonts/impact.woff") format("woff"), url("/upload/css/fonts/impact.ttf") format("truetype"), url("/upload/css/fonts/impact.svg") format("svg");
}
@font-face{
  font-family:icon;
  src: url('/upload/css/fonts/iconfont.eot');
  src: url('/upload/css//upload/css/fonts/iconfont.eot') format('embedded-opentype'),url('/upload/css/fonts/iconfont.woff') format('woff'),url('/upload/css/fonts/iconfont.ttf') format('truetype'),url('/upload/css/fonts/iconfont.svg') format('svg');
}
/*--�?--*/
.gray{
  -webkit-filter: grayscale(100%);
  filter:grayscale(100%);
  filter:gray;
}
.fl{
  float:left;
}
.fr{
  float:right;
}
.clearfix:after{
  content:"";
  clear:both;
  display:block;
}
.select{
  display:inline-block;
  width:210px;
  height:30px;
  line-height:30px;
  color: #707070;
  position: relative;
  border:1px solid #ddd;
  text-align: left;
  cursor: pointer;
}
.select:before{
  content:"";
  background:url(/upload/image/arrow7.png) center center no-repeat;
  width:21px;
  height:12px;
  right:10px;
  top:50%;
  margin-top:-6px;
  position: absolute;
}
.select span{
  display:block;
  margin:0 10px 0 10px;
}
.select ul{
  position:absolute;
  left:-1px;
  right:-1px;
  top:100%;
  background: #f0f0f0;
  display:none;
}
.select li{
  padding:0 20px;
  line-height:40px;
}
.checkbox{
  cursor: pointer;
}
.checkbox i{
  display:inline-block;
  vertical-align: sub;
  width: 15px;
  height:15px;
  text-align: center;
  border:1px solid #fff;
  margin-right:10px;
  line-height:15px;
  font-size: 0;
}
.checkbox.ckd i:after{
  content:"";
  width:5px;
  height:5px;
  background:#fff;
  display:block;
  margin:5px 5px 0;
}
.radio{
  cursor: pointer;
  margin-right:45px;
}
.radio i{
  display:inline-block;
  vertical-align: sub;
  width: 15px;
  height:15px;
  text-align: center;
  border:1px solid #fff;
  margin-right:10px;
  line-height:15px;
  font-size: 0;
  border-radius:100%;
}
.radio.ckd i:after{
  content:"";
  width:5px;
  height:5px;
  background:#fff;
  display:block;
  margin:5px 5px 0;
  border-radius:100%;
}
/*--通用--*/
body{
  font-size:14px;
  color:#333;
  line-height:1.6;
  min-width:320px;
}
.h{
  line-height:1.3;
}
.h1{
  line-height:1.3;
}
.h2{
  line-height:1.3;
}
.h3{
  line-height:1.3;
}
.block{
  width:1400px;
  margin:auto;
}
.pd120{
  padding-top:120px;
  padding-bottom:120px;
}
.pdt120{
  padding-top:120px;
}
.pdb120{
  padding-bottom:120px;
}
.pd110{
  padding-top:110px;
  padding-bottom:110px;
}
.pdt110{
  padding-top:110px;
}
.pdb110{
  padding-bottom:110px;
}
.imgzoom .pic{
  overflow:hidden;
}
.imgzoom .pic img{
  transition:all 0.4s ease-out 0s;
}
.imgzoom:hover .pic img{
  transform:scale(1.05);
}
.fz48{
  font-size:48px;
  line-height:1.3;
}
.fz40{
  font-size:40px;
  line-height:1.3;
}
.fz30{
  font-size:30px;
  line-height:1.3;
}
.fz24{
  font-size:24px;
  line-height:1.3;
}
.fz20{
  font-size:20px;
  line-height:1.3;
}
.title{
  text-align:center;
}
.title .p{
  margin-top:10px;
}
.title .more{
  margin-top:10px;
}
.position{
  line-height:50px;
}
.position a{
  margin:0 10px;
}
.position a:first-child{
  margin-left:0;
}
body{
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
}
.body{
  position:relative;
  background:#fff;
  box-sizing:border-box;
}
.body.page{
  padding-top:130px;
}
@keyframes bb{
  0%{
    transform:translate(-50%,0);
    opacity:0;
  }
  20%{
    transform:translate(-50%,3px);
    opacity:1;
  }
  80%{
    transform:translate(-50%,10px);
    opacity:1;
  }
  90%{
    transform:translate(-50%,10px);
    opacity:0;
  }
  100%{
    transform:translate(-50%,10px);
    opacity:0;
  }
}
@-webkit-keyframes td{
  0%{
    opacity:1;
  }
  25%{
    opacity:0;
  }
  50%{
    opacity:1;
  }
  100%{
    opacity:1;
  }
}
@keyframes td{
  0%{
    opacity:1;
  }
  25%{
    opacity:0;
  }
  50%{
    opacity:1;
  }
  100%{
    opacity:1;
  }
}
@-webkit-keyframes td1{
  0%{
    -webkit-transform:rotateX(0deg);
  }
  100%{
    -webkit-transform:rotateX(360deg);
  }
}
@keyframes td1{
  0%{
    transform:rotateX(0deg);
  }
  100%{
    transform:rotateX(360deg);
  }
}
.st0{
  fill:none;
  stroke:#fff;
  stroke-width:3;
  stroke-linecap:round;
  stroke-miterlimit:10;
}
.st1{
  fill:none;
  stroke:#fff;
  stroke-width:3;
  stroke-linecap:round;
  stroke-miterlimit:10;
}
@keyframes arr{
  0%{
    transform:translateX(-7px);
  }
  50%{
    transform:translateX(0px);
  }
  100%{
    transform:translateX(-7px);
  }
}
@keyframes a2{
  0%{
    right:50%;
    left:50%;
  }
  100%{
    right:0%;
    left:0;
  }
}