@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:"微软雅黑",tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:"微软雅黑",tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border: none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
html {overflow-x: hidden;height: 100%;font-size: 50px;-webkit-tap-highlight-color: transparent;}
body {font-family:"微软雅黑", Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;color: #333;font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;}
hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
a {color: #25a4bb;text-decoration: none;}
@font-face {font-family:"方正";src:url(../css/FONT.TTF);}
@keyframes top{
  0%{
    transform: translate(0,1000%);
    opacity: 0;
  }
  20%{
    transform: translate(0,0);
    opacity: 1;
  }
  60%{
    transform: translate(0,0);
    opacity: 1;
  }
  90%{
    transform: translate(0,-1000%);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
@keyframes bottom{
  0%{
    transform: translate(0,-1000%);
    opacity: 0;
  }
  20%{
    transform: translate(0,0);
    opacity: 1;
  }
  60%{
    transform: translate(0,0);
    opacity: 1;
  }
  90%{
    transform: translate(0,1000%);
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
@keyframes right{
  0%{
    transform: translate(1000%,0);
    
  }
  30%{
    transform: translate(0,0);
    
  }
  70%{
    transform: translate(0,0);
    
  }
  100%{
    transform: translate(-1000%,0);
    
  }
}
@keyframes left{
  0%{
    transform: translate(-1000%,0);
    
  }
  30%{
    transform: translate(0,0);
    
  }
  70%{
    transform: translate(0,0);
    
  }
  100%{
    transform: translate(1000%,0);
   
  }
}
.slideTxtBox{
  position: relative;
}
.slideTxtBox .hd{
  height:20px;
  position:absolute;
  z-index: 9;
  bottom: 60px;
  width: 100%;
}
.slideTxtBox .hd ul{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.slideTxtBox .hd ul li{
  float:left;
  width:16px;
  height:16px;
  cursor:pointer;
  margin:0 12px;
  box-sizing: border-box;
  position:relative;
  border:3px solid #606061;
  transform: rotate(45deg);
}
.slideTxtBox .hd ul li.on{
  background: #fe6604;
  border-color: #fe6604;
}
.slideTxtBox .bd ul li a{
  display: block;
  position: relative;
}
.slideTxtBox .bd ul li a .banner-bg{
  width:650px;
  height:200px;
  background: url(../img/banner-bg.png)no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left:50%;
  margin-left: -325px;
  top: 140px;
  animation: left 4s;
  transition: all 4s ease;
  opacity: .4;
}

.slideTxtBox .bd ul li a .banner-bg2{
  width: 500px;
  height: 240px;
  background: url(../img/banner-bg1.png)no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left:25%;
  top: 160px;
  animation: right 4s;
  transition: all 4s ease;
  opacity: .7;
}
.slideTxtBox .bd ul li a p{
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 30px;
  line-height: 51px;
  color: #fff;
  z-index: 3;
  left: 0;
  top: 200px;
  animation: top 4s;
  transition: all 4s ease;
  box-sizing: border-box;
  font-family: "微软雅黑";
}
.slideTxtBox .bd ul li a .p1{
  padding-left: 60%;
  text-align: left;
  animation: bottom 4s;
  transition: all 4s ease;
}
.slideTxtBox .bd ul li a .p2{
  text-align: left;
  padding-left: 28%;
  animation: left 4s;
  transition: all 4s ease;
}
.slideTxtBox .bd ul li a .iconfont{
  position: absolute;
  display: block;
  width: 133px;
  height: 35px;
  border: solid 1px #fff;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  line-height: 35px;
  color: #fff;
  left: 50%;
  margin-left: -66px;
  top: 340px;
  animation: left 4s;
  transition: all 4s ease;
}
.slideTxtBox .bd ul li a .iconfont1{
  margin-left: 0;
  left: 60%;
  top: 400px;
  animation: right 4s;
  transition: all 4s ease;
}
.slideTxtBox .bd ul li a .iconfont2{
  left: 30%;
  margin-left: 0;
  top: 400px;
  animation: right 4s;
  transition: all 4s ease;
}
@keyframes opac1{
  0%{
    opacity: 0;
  }
  30%{
    opacity: 0;
  }
  100%{
    opacity: 100%;
  }
}
@keyframes opac2{
  0%{
    opacity: 0;
  }
  50%{
    opacity: 0;
  }
  100%{
    opacity: 100%;
  }
}
@keyframes opac3{
  0%{
    opacity: 0;
  }
  70%{
    opacity: 0;
  }
  100%{
    opacity: 100%;
  }
}
@keyframes opac4{
  0%{
    opacity: 0;
  }
  90%{
    opacity: 0;
  }
  100%{
    opacity: 100%;
  }
}
@keyframes big{
  0%{
    transform: scale(1)
  }
  50%{
    transform: scale(1.05)
  }
  100%{
    transform: scale(1)
  }
}
@keyframes toper{
  0%{
    transform: translate(0,100%)
  }
  100%{
    transform: translate(0,0)
  }
}
@keyframes topbot {
  0%{
    transform: translate(0,-20px)
  }
  50%{
    transform: translate(0,10px)
  }
  100%{
    transform: translate(0,-20px)
  }
}