body{margin:0;font-size:12px;line-height:1; /*font-family:"Microsoft YaHei";*/}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;font-size:12px;}
p,dl,dd{margin:0;}
ul,ol{margin:0;padding:0;list-style:none;}
a{text-decoration:none;color:#333;}
i,em{ font-style:normal;}
strong,b{ font-weight:normal;}
img{border:none;vertical-align:bottom;}.clearfix{*zoom:1;} /*ie7?????????*/
.clearfix:after{content:""; display:block; clear:both; font-size:0; line-height:0;}
table{border-spacing:0;border-collapse:collapse;}
th,td{padding:0;text-align:left; vertical-align:top;}
input{border:none;background:none;outline:none;}
textarea{resize:none;}



body{
    overflow-x: hidden;
    min-width: 1000px;
    background: #fefefe}
.content{
    width: 1000px;
    margin: 0 auto;
    min-width: 1000px;}
/*banner*/
.swiper-container{
    height:650px;
}
.arrow-left {
  background: url(/statics/images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:10;
}
.arrow-right {
  background: url(/statics/images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:10;
}
.pagination {
  position: absolute;
  left: 0%;
  text-align: center;
  bottom:5px;
  width: 100%;
  z-index: 999;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-slide{
    position:relative;
    opacity:0;
    transition: opacity 0.7s ease-in-out;
}
.swiper-slide-active{
    opacity:1;
}
.swiper-slide .img{
    position:absolute;
}
.inner{
    position:relative;
    display:block;
    width:1000px;
    height:650px;
    margin:0 auto;
}
.slide1{
   background:url('/statics/images/s.png') no-repeat center bottom;
}
.slide2{
    background:url('/statics/images/pigBanner.png') no-repeat center bottom;
}
.slide3{
    background:url('/statics/images/part10.jpg') no-repeat center bottom;
}

.slide1 .s0{left: 23%;margin-left: -154px; top: 90px}
.slide1 .s1{left: 50%;margin-left: -425.5px;top: 200px;}
.slide1 .s2{left: 51%;margin-left: -435px;top: 380px}
.slide1 .s3{left: 0;bottom: 0px;z-index: 5;height:190px}
.slide1 .s4{right: 0;bottom: 0px;z-index: 0;height: 160px}
.slide2 .zh-a-1{left: -90px;top: 17px;z-index: 9;}
.slide2 .zh-a-2{left: 50px;top:107px;}
.slide3 .b-1 {right: 102px;top: 180px;}
.slide3 .b-2 {left: 90px;top: 180px;}
.slide3 .b-3 {left: 47%;margin-left: -381px;top: 330px;}
.slide3 .b-s-1 {width: 100px; left: 50px; bottom:0px;}
.slide3 .b-s-2 {left: 160px;width: 160px;bottom:0px;}
.slide3 .b-s-3{left: 390px;width: 58px;bottom:0px;}
.slide3 .b-s-4{right: 359px; width: 103px;bottom:0px;}
.slide3 .b-s-5{right: 250px;width: 150px;bottom:0px;}
.slide3 .b-s-6{right: 0;width: 65px;bottom:0px;}
.slide3 .b-y-1 {top:40px;left: 50%; margin-left: -20px;}
.slide3 .b-y-2{top:40px;left:0}
.slide3 .b-y-3{top:40px;right: 0}
.loop{
    animation-iteration-count: infinite;/*无限*/
    animation-timing-function:linear;/*平滑*/
}
.targetBtn {
    margin-top: 20px;
    position: absolute;
    bottom: 100px;
    left: 305px;
    z-index: 999;
}
.targetBtn a{
    height:50px;
    border-radius:0.2rem;
    background:rgba(0,0,0,.5);
    float:left;
    line-height:50px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    }
.targetBtn .a1{
    width:170px;
    }
.targetBtn .a2{
    width:170px;
    margin-left:15px;
    }   
/*自定义CSS动画*/
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}

.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}



/*第二部分*/
.part2 {
  height: 1160px;
  width: 100%;
  text-align: center;
  margin-bottom: 5%;
  background: url('/statics/images/part2_bg.jpg') no-repeat center bottom; 
}

.part21 p{
    color: #ffffff;
    font:2.5rem "Microsoft Yahei";
    font-weight: bold;
    letter-spacing: 0.2rem;
    padding-top: 5%;
}
.part21 p span{
    color: #ff4629;
}
.part21 .title{
    margin:0 auto;
    color:#fff;
    font:18px/18px "Microsoft Yahei";
}

.part2 .cont {
  width: 1000px;
  height: 450px;
  background: url(/statics/images/part2-img.png) no-repeat;
  margin: 48px 0 0 0;
  position: relative;
}

.part2 .cont .con1 {
  width: 264px;
  height: 196px;
  background-color:#4033b0;
  position: absolute;
  top: 300px;
  left: 0;
}

.part2 .cont .con1::after {
  position: absolute;
  top: -20px;
  right: 109.5px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 22px solid #4033b0;
  transform: rotate(0deg);
  content: "";
}

.part2 .cont .con1 p {
 font-size: 1.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.1rem;
  color: #ffffff;
  opacity: 0.9;
  text-align: center;
  margin-top: 20px;
}

.part2 .cont .con1 p strong {
  font-weight: bold;
}

.part2 .cont .con1 a {
  display: block;
  width: 210px;
  height: 45px;
  background-color: #fff600;
  border-radius: 23px;
  font-size: 20px;
  color: #271d7d;
  text-align: center;
  line-height: 45px;
  margin: 18px auto 0;
}

.part2 .cont .con2 {
  width: 264px;
  height: 196px;
  background-color: #4033b0;
  position: absolute;
  top: 300px;
  left: 364px;
}

.part2 .cont .con2::after {
  position: absolute;
  top: -20px;
  right: 109.5px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 22px solid #4033b0;
  transform: rotate(0deg);
  content: "";
}

.part2 .cont .con2 p {
 font-size: 1.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.1rem;
  color: #ffffff;
  opacity: 0.9;
  text-align: center;
  margin-top: 20px;
}

.part2 .cont .con2 p strong {
  font-weight: bold;
}

.part2 .cont .con2 a {
  display: block;
  width: 240px;
  height: 45px;
  background-color: #fff600;
  border-radius: 23px;
  font-size: 20px;
  color: #271d7d;
  text-align: center;
  line-height: 45px;
  margin: 18px auto 0;
}

.part2 .cont .con3 {
  width: 264px;
  height: 196px;
  background-color: #4033b0;
  position: absolute;
  top: 300px;
  right: 0;
}

.part2 .cont .con3::after {
  position: absolute;
  top: -20px;
  left: 109.5px;
  width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 22px solid #4033b0;
  transform: rotate(0deg);
  content: "";
}

.part2 .cont .con3 p {
  font-size: 1.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.1rem;
  color: #ffffff;
  opacity: 0.9;
  text-align: center;
  margin-top: 20px;
}

.part2 .cont .con3 p strong {
  font-weight: bold;
}

.part2 .cont .con3 a{
  display: block;
  width: 240px;
  height: 45px;
  background-color: #fff600;
  border-radius: 23px;
  font-size: 20px;
  color: #271d7d;
  text-align: center;
  line-height: 45px;
  margin: 28px auto 0;
}
.part2 .title {
  text-align: center;
  margin-top: 0px;
}

.part2 .title img {
  margin-left: -40px;
}

.part2 .title p {
  background: #4033b0;;
  border: 1px solid #2c56dc;
  margin-top: 91px;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.15rem;
  color: #ffffff;
  text-align: left;
  padding: 5% 3% ;
  border-radius: 0.5rem;
}


/*第三部分 */
.part13{
    padding: 70px 0 90px 0;
    text-align: center;
}
.p13 p{
    color: #000;
    font:2.5rem "Microsoft Yahei";
    font-weight: bold;
    letter-spacing: 0.2rem;
    margin-bottom: 3%;
}
.p13 p span{
    color: #ff4629;
}
.p13 .title{
    margin:0 auto;
    color: #666666;
    font:18px/18px "Microsoft Yahei";
}
.part13 .btn{
      display: block;
      width: 416px;
      height: 74px;
      background: url('/statics/images/p1_btn.png') no-repeat center bottom; 
      color: #fff;
      font:21px/70px "Microsoft Yahei";
      text-align: center;
      cursor: pointer;
      margin: 0 auto;
  }
.part13 .btn:hover{
    background:#9b29e9;
    color: #ffee10;
     width: 416px;
      height: 74px;
       border-radius: 74px;
}
.ellipsis {
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.f-main-list {
    width:1000px;
    margin:40px auto 0 auto;
    text-align:center;
}
.f-main-item {
    display:inline-block;
    margin:0 39px 40px 39px;
    width:146px;
    *display:inline;
    _zoom:1;
    position:relative;
    height:207px
}
.fk-infoBlockWrap .fk-infoBlock {
    width:146px;
    height:146px;
    transform-origin:center center;
    position:relative;
    _overflow:visible
}
.fk-infoBlockWrap .f-bg {
    width:146px;
    height:146px;
    background:#27c9f8;
    background:linear-gradient(145deg,#06e5f8,#3eb5f8);
    position:absolute;
    z-index:0;
    left:0;
    top:0;
    border-radius:73px;
    transition:all .3s;
    transform-origin:center center;
    overflow:visible
}
.fk-infoBlockWrap .f-infoBlock-normal .f-bg {
    background:transparent
}
.fk-infoBlockWrap .f-infoIcon {
    width:90px;
    height:70px;
    position:absolute;
    left:10%;
    top:0%;
    margin-left:14px;
    margin-top:36px;
    transition:opacity .3s
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-infoBlock-fasico .f-bg {
    height:220px;
    width:236px;
    left:-45px;
    top:-13px;
    border-radius:10px/10px;
    background-color:#06e5f8;
    background:linear-gradient(90deg,#3eb5f8,#06e5f8)
}
.f-main-itemHover .fk-infoBlockWrap-listedBrand:hover .f-infoBlock-fasico .f-bg {
    background-color:#64aaf2;
    background:linear-gradient(90deg,#64edea,#64aaf2)
}
.f-main-itemHover .fk-infoBlockWrap-funcRich:hover .f-infoBlock-fasico .f-bg {
    background-color:#f8788b;
    background:linear-gradient(90deg,#f8c84c,#f8788b)
}
.f-main-itemHover .fk-infoBlockWrap-oneKey:hover .f-infoBlock-fasico .f-bg {
    background-color:#f65589;
    background:linear-gradient(90deg,#f26768,#f65589)
}
.f-main-itemHover .fk-infoBlockWrap-model:hover .f-infoBlock-fasico .f-bg {
    background-color:#c467ff;
    background:linear-gradient(90deg,#fe80fb,#c467ff)
}
.f-main-itemHover .fk-infoBlockWrap-site3to1:hover .f-infoBlock-fasico .f-bg {
    background-color:#38cf7a;
    background:linear-gradient(90deg,#32dab7,#38cf7a)
}
.f-main-itemHover .fk-infoBlockWrap-easeMaintain:hover .f-infoBlock-fasico .f-bg {
    background-color:#b376ff;
    background:linear-gradient(90deg,#44aaf8,#b376ff)
}
.f-main-itemHover .fk-infoBlockWrap-superSevice:hover .f-infoBlock-fasico .f-bg {
    background-color:#6cbaf8;
    background:linear-gradient(90deg,#7ee1f9,#6cbaf8)
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-infoBlock-normal .f-bg {
    height:220px;
    width:236px;
    left:-45px;
    top:0;
    bottom:-13px;
    background:#fff;
    border-radius:10px/ 10px
}
.fk-infoBlockWrap {
    position:relative;
    width:146px;
    height:220px
}
.fk-infoBlockWrap .f-wrapBg {
    position:absolute;
    width:100%;
    height:100%;
    border-radius:0;
    transition:all .3s;
    overflow:visible
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-wrapBg {
    width:236px;
    height:218px;
    box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
    left:-45px;
    top:-13px;
    border-radius:10px
}
.fk-infoBlockWrap .f-infoWrap {
    position:absolute;
    top:0;
    z-index:2;
    text-align:center;
    width:238px;
    left:-45px;
    transition:all .3s;
    opacity:0;
    filter:alpha(opacity=0)
}
.f-infoBlock-fasico .f-infoWrap {
    top:-13px;
    text-align:center
}
.fk-infoBlockWrap-listedBrand .f-bg {
    background-color:#64aaf2;
    background:linear-gradient(145deg,#64edea,#64aaf2)
}
.fk-infoBlockWrap-listedBrand:hover .f-infoBlock-fasico .f-bg {
    background:linear-gradient(90deg,#64edea,#64aaf2)
}
.fk-infoBlockWrap-funcRich .f-bg {
    background-color:#f8788b;
    background:linear-gradient(145deg,#f8c84c,#f8788b)
}
.fk-infoBlockWrap-funcRich:hover .f-infoBlock-fasico .f-bg {
    background:linear-gradient(90deg,#f8c84c,#f8788b)
}
.fk-infoBlockWrap-oneKey .f-bg {
    background-color:#f65589;
    background:linear-gradient(145deg,#f26768,#f65589)
}
.fk-infoBlockWrap-oneKey:hover .f-infoBlock-fasico .f-bg {
    background:linear-gradient(90deg,#f26768,#f65589)
}
.fk-infoBlockWrap-model .f-bg {
    background-color:#c467ff;
    background:linear-gradient(145deg,#fe80fb,#c467ff)
}
.fk-infoBlockWrap-model:hover .f-infoBlock-fasico .f-bg {
    background:linear-gradient(90deg,#fe80fb,#c467ff)
}
.fk-infoBlockWrap-site3to1 .f-bg {
    background-color:#38cf7a;
    background:linear-gradient(145deg,#32dab7,#38cf7a)
}
.fk-infoBlockWrap-site3to1:hover .f-infoBlock-fasico .f-bg {
    background:linear-gradient(90deg,#32dab7,#38cf7a)
}
.fk-infoBlockWrap-easeMaintain .f-bg {
    background-color:#b376ff;
    background:linear-gradient(145deg,#44aaf8,#b376ff)
}
.fk-infoBlockWrap-easeMaintain:hover .f-infoBlock-fasico .f-bg {
    background:linear-gradient(90deg,#44aaf8,#b376ff)
}
.fk-infoBlockWrap-superSevice .f-bg {
    background-color:#6cbaf8;
    background:linear-gradient(145deg,#7ee1f9,#6cbaf8)
}
.fk-infoBlockWrap-superSevice:hover .f-infoBlock-fasico .f-bg {
    background:linear-gradient(90deg,#7ee1f9,#6cbaf8)
}
.fk-infoBlock .f-info-title {
    font-size:21px;
    padding-top:35px;
    padding-bottom:35px;
    line-height:25px;
    font-weight: bold;
    letter-spacing: 0.1rem;
}
.fk-infoBlock .f-info-desc {
    font-size:16px;
    padding:0 10px;
    line-height:24px;
    margin-top:-7px
}
.fk-infoBlock .f-button {
    background:#fff;
    display:inline-block;
    width:100px;
    height:30px;
    line-height:30px;
    border-radius:8px;
    z-index:3;
    color:#2f82ff
}
.f-infoBlock-fasico .f-info-title {
    font-size:21px;
    padding-top:35px;
    padding-bottom:30px;
    line-height:25px;
    letter-spacing: 0.1rem;
}
.f-infoBlock-fasico .f-info-desc {
    font-size:16px;
    padding:0 10px;
    line-height:24px;
    margin-top:-7px;
    padding-bottom:30px
}
.f-infoBlock-fasico .f-button.raised {
    background:transparent;
    color:#fff;
    display:block;
    margin:0 auto;
    width:100px;
    height:30px;
    line-height:30px;
    border-radius:8px;
    z-index:3;
    font-size:15px
}
.f-infoBlock-fasico-mulLine .f-info-title {
    padding-top:35px;
    padding-bottom:30px
}
.f-infoBlock-fasico-mulLine .f-info-desc {
    font-size:16px;
    padding:0 10px;
    line-height:24px;
    margin-top:-7px;
    padding-bottom:30px
}
.f-infoBlock-fasico .f-button.raised:hover {
    background-color:#fff;
    color:#666
}
.f-infoBlock-fasico .f-button.raised:hover .anim {
    display:none
}
.f-infoBlock-normal .f-info-title {
    color:#333
}
.f-infoBlock-normal .f-info-desc {
    color:#666
}
.f-infoBlock-fasico .f-info-title,.f-infoBlock-fasico .f-info-desc {
    color:#fff
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-infoIcon {
    opacity:0;
    filter:alpha(opacity=0)
}
.f-main-itemHover .fk-infoBlockWrap:hover .f-infoWrap {
    opacity:1;
    filter:alpha(opacity=100)
}
.f-infoBlock-name {
    padding-top:45px;
    transition:opacity .1s;
    opacity:1;
    text-align:center;
    font-size:18px;
    color:#333;
    line-height:1;
    position:absolute;
    top:126px;
    width:100%;
    left:0
}
.f-main-itemHover:hover .f-infoBlock-name {
    opacity:0;
    filter:alpha(opacity=0)
}
.set_4_button2 {
    position:relative;
    font-weight:400;
    text-align:center;
    width:auto;
    line-height:70px;
    font-size:21px;
    overflow:hidden;
    position:relative;
    z-index:0;
    cursor:pointer;
    color:#fff;
    border-radius:35px;
    border:solid #fff 1px;
    width:220px;
    text-align:center
}
.set_4_button2.raised {
    -moz-transition:all .1s;
    -o-transition:all .1s;
    -webkit-transition:all .1s;
    transition:all .1s
}

/*第四部分*/
.part14{
    width: 100%;
    height:100%;
    text-align: center;    
}
.p14 p{
    color: #000;
    font:2.5rem "Microsoft Yahei";
    font-weight: bold;
    letter-spacing: 0.2rem;
    margin-bottom: 3%;
}
.p14 p span{
    color: #ff4629;
}
.p14 .title{
    margin:0 auto;
    color: #666666;
    font:18px/18px "Microsoft Yahei";
}

.part14 .add{
    width: 100%;
    height: 159px;
    background: url('/statics/images/add.png') no-repeat center bottom; 
    margin: 5% 0 0 0;
}
.part14 .btn{
    display: block;
    width: 416px;
    height: 74px;
    background: url('/statics/images/p14_btn.png') no-repeat center bottom; 
    color: #ffffff;
    font:24px/74px "Microsoft Yahei";
    text-align: center;
    margin: 0 auto;
}
.part14 .btn:hover{
    background: #0060eb;
    border-radius: 74px;
    width: 416px;
    height: 74px;

}
.w-simgtext {
    margin-top: 3%;
}
.w-simgtext3 ul li {
    width: 25%;
    padding-bottom:20px;
    float:left;
    text-align:center;
}
.w-simgtext3 ul li .item{margin:0 auto; padding:1px 10px; padding-bottom:30px;  position:relative;background:url(/statics/images/bg.jpg) no-repeat center -400px;overflow: hidden; border-radius: 0.5rem;}
.w-simgtext3 ul li i{
    display: block;
    position: relative;
    margin: 0 auto;
    margin-top: 45px;
    height: 120px;
    width: 120px;
    background: url(/statics/images/icon1.png) no-repeat;
}
.w-simgtext3 ul li.indexs1 i {background: url(/statics/images/icon1.png) no-repeat;}
.w-simgtext3 ul li.indexs2 i {background: url(/statics/images/icon2.png) no-repeat;}
.w-simgtext3 ul li.indexs3 i {background: url(/statics/images/icon3.png) no-repeat;}
.w-simgtext3 ul li.indexs4 i {background: url(/statics/images/icon4.png) no-repeat;}
.w-simgtext3 ul li u{
    display: block;
    position: absolute;
    width: 210px;
    height: 210px;
    left:50%; margin-left:-95px;
    background: url(/statics/images/p4_1.png) no-repeat ;
}
.w-simgtext3 ul li.indexs1 u {background: url(/statics/images/p4_1.png) no-repeat ;}
.w-simgtext3 ul li.indexs2 u {background: url(/statics/images/p4_2.png) no-repeat ;}
.w-simgtext3 ul li.indexs3 u {background: url(/statics/images/p4_3.png) no-repeat ;}
.w-simgtext3 ul li.indexs4 u {background: url(/statics/images/p4_5.png) no-repeat ;}

.w-simgtext3 ul li u.cl {clip: rect(0px,210px,210px,105px);}
.w-simgtext3 ul li u.cr {clip: rect(0px,105px,210px,0px);}
.w-simgtext3 ul li strong {
    display: block;
    margin-top: 55px;
    font-size: 20px;
    font-weight: normal;
    color:#333; line-height:1.8;
}
.w-simgtext3 ul li:hover strong{color:#fff;}
.w-simgtext3 ul li p {
    position: relative;
    top: 100px;
    color: #999;
    line-height: 1.8rem;
    opacity: 0;
    font-size: 1.1rem;
    padding-top: 5%;
}
.w-simgtext3 ul li b a{
    
    width: 200px;
    height: 100%;
    color: #ffffff;
    font-size: 1.1rem;
    line-height:1.8rem;
    padding: 3% 15%;
    text-align: center;
    margin: 0 auto;
    border:1px solid #fff;
    border-radius: 0.5rem;
}
.w-simgtext3 ul li b a:hover{
    background: #fff;
    color: #005cf1;
    border-radius: 0.5rem;
    width: 200px;
    height: 100%;

}
.w-simgtext3 ul li:hover p{ color:#fff; opacity: 1;}
.w-simgtext3 ul li:hover .item {
    background-position: 0px 0px;
    -webkit-transition: all .5s ease-in-out .3s;
    -moz-transition: all .5s ease-in-out .3s;
    -ms-transition: all .5s ease-in-out .3s;
    -o-transition: all .5s ease-in-out .3s;
    transition: all .5s ease-in-out .3s;
}
.w-simgtext3 ul li:hover i {
    -webkit-transition: all .5s ease-in-out .4s;
    -moz-transition: all .5s ease-in-out .4s;
    -ms-transition: all .5s ease-in-out .4s;
    -o-transition: all .5s ease-in-out .4s;
    transition: all .5s ease-in-out .4s;
}
.w-simgtext3 ul li.indexs1:hover i {background: url(/statics/images/icon1.png) no-repeat;}
.w-simgtext3 ul li.indexs2:hover i {background: url(/statics/images/icon2.png) no-repeat;}
.w-simgtext3 ul li.indexs3:hover i {background: url(/statics/images/icon3.png) no-repeat;}
.w-simgtext3 ul li.indexs4:hover i {background: url(/statics/images/icon4.png) no-repeat;}
.w-simgtext3 ul li:hover u.cl {
    clip: rect(0px, 210px, 0, 105px);
}
.w-simgtext3 ul li:hover u.cr {
    clip: rect(210px,105px,210px,0px);
}
.w-simgtext3 ul li:hover strong {
    color:#fff;
    -webkit-transition:all .3s .4s;
    -moz-transition:all .3s .4s;
    -ms-transition:all .3s .4s;
    -o-transition:all .3s .4s;
    transition:all .3s .4s;
    transform:translateY(-20px);
    -webkit-transform:translateY(-20px);
}
.w-simgtext3 ul li:hover p {
    top: 0;
    -webkit-transition: all .3s ease-in-out .5s;
    -moz-transition: all .3s ease-in-out .5s;
    -ms-transition: all .3s ease-in-out .5s;
    -o-transition: all .3s ease-in-out .5s;
    transition: all .3s ease-in-out .5s;
    transform:translateY(-20px);
    -webkit-transform:translateY(-20px);
}
/*第五部分*/
.part15{
    width: 100%;
    padding: 70px 0 70px 0;
    text-align: center;
    background: url('/statics/images/part15_bg.jpg') no-repeat center bottom; 
    margin:3% 0;
}
.p15 p{
    color: #fff;
    font:2.5rem "Microsoft Yahei";
    font-weight: bold;
    letter-spacing: 0.2rem;
    margin-bottom: 3%;
   
}
.p15 p span{
    color: #f84604;
}

.part15 .slideGroup .parBd{
    margin:0 auto;
    width: 1000px;
    height: 450px;
}

.part15 .slideGroup .parHd {
    position: relative;
    height: 100px;
    line-height: 100px;
    padding: 0px;
}

.part15 .slideGroup .parHd ul {
     margin:0 auto;
}

.part15 .slideGroup .parHd ul li {
    float: left;
    margin: 0 15px;
    cursor: pointer;
    border:1px solid #fcb524;
    border-radius: 0.1rem;
}
.part15 .slideGroup .parHd ul li img{
    width: 100%;
    height: 100%;
}
.part15 .slideGroup .parHd ul li.on {
    height:100%;
    background: #fff;
    color: green;
}

.part15 .slideGroup .slideBox {
    overflow: hidden;
    zoom: 1;
    padding: 30px 0 10px 0px;
    position: relative;
}

.part15 .slideGroup .sPrev,
.part15 .slideGroup .sNext {
    position: absolute;
    left: 5px;
    top: 10px;
    display: block;
    width: 54px;
    height: 385px;
    background: url(../img/icoLeft.png) center center no-repeat;
}

.part15 .slideGroup .sNext {
    left: auto;
    right: 5px;
    background: url(../img/icoRight.png) center center no-repeat;
}

.part15 .slideGroup .parBd ul {
    overflow: hidden;
    zoom: 1;
}

.part15 .slideGroup .parBd ul li {
    margin: 0 8px;
    float: left;
    width: 1000px;
    position: relative;
}

.part15 .slideGroup .parBd ul li .pic {
    text-align: center;
}

.part15 .slideGroup .parBd ul li .pic img {
    width: 550px;
    height: 385px;
    display: block;
    padding: 2px;
    border:1px solid #fcb524;
    border-radius: 0.1rem;
}


.part15 .slideGroup .parBd ul li .description {
    position: absolute;
    width: 450px;
    height: 250px;
    background:#191919; 
    padding: 10px 10px 10px 20px;
    top:60px;
    left: 500px;
    color:#fff;
    opacity: 0.9;
    border:1px solid #fcb524;
    border-radius: 0.1rem;
}
.part15 .slideGroup .parBd ul li .description h4{
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    text-align: left;
}
.part15 .slideGroup .parBd ul li .description p{
    color: #fff;
    line-height: 1.8rem;
    font-size: 1.1rem;
    letter-spacing: 0.05rem;
    text-align: left;
}
.part15 .slideGroup .parBd ul li .description a{
    color: #fff;
    float: left;
    margin-top: 20px;
    background: #f9a619;
    border-radius: 5px;
    padding:2% 5%;
    text-align: left;
    font-size: 1.0rem;
    letter-spacing: 0.1rem;
}
.part15 .btn{
    display: block;
    width: 416px;
    height: 74px;
    background: url('/statics/images/tan_btn.png') no-repeat center bottom; 
    color: #ffffff;
    font:24px/64px "Microsoft Yahei";
    text-align: center;
    margin: 0 auto;
    margin-top: 4%;
}
.part15 .btn:hover{
    background: #f84604;
    border-radius: 62px;
    width: 416px;
    height: 74px;


}
/* 第六部分 */

.part16{
    padding: 72px 0 70px 0;
    text-align: center;
    margin: 3% 0 0.1% 0;
}
.p16 p{
    color: #000;
    font:2.5rem "Microsoft Yahei";
    font-weight: bold;
    letter-spacing: 0.3rem;
    margin-bottom: 3%;
}
.p16 p span{
    color: #e43904;
}

.broad-div dl{ 
    width:1000px;
    overflow:hidden;
    margin:0 auto;
    color:#fff;
    padding:0 0.3rem;
    color:#fff;background: #0556ea;font-size: 1.35rem;
    font-family: Microsoft YaHei;
    font-weight: 500;
    line-height: 4rem;
    margin-top: 2%;}
.broad-div dd{ float:left; text-align:center; border-bottom:1px solid #fff; color:#2869cd; color: #fff;}
.broad-div dl dd:nth-child(1){ width:20%; height:3.5rem; line-height: 4rem;  }
.broad-div dl dd:nth-child(2){ width:20%; height:3.5rem; line-height: 4rem;  }
.broad-div dl dd:nth-child(3){ width:20%; height:3.5rem; line-height: 4rem;  }
.broad-div dl dd:nth-child(4){ width:20%; height:3.5rem; line-height: 4rem;  }
.broad-div dl dd:nth-child(5){ width:20%; height:3.5rem; line-height: 4rem;  }
#touzi-div{
margin-top:0px;
padding-top:0px;
padding-bottom:0.6rem;
height:44.9rem;
overflow: hidden;
width:1000px;
text-align: center;
font-family: Microsoft YaHei;
margin: 0 auto;
}

#touzi-div tr{ border-bottom: 1px dashed #fff; color: #fff; text-align: center;background:#fff;color: #0557ea;}
#touzi-div td{
padding:0;
padding-top:0px;
font-family: SourceHanSansCN;
font-weight: 400;
height:4rem; line-height:4.5rem; text-align:center; font-size:1.2rem; border-bottom: 1px dashed #dcdcdc;
}
#touzi-div td:nth-child(1){ width:20%;}
#touzi-div td:nth-child(2){ width:20%;}
#touzi-div td:nth-child(3){ width:20%;}
#touzi-div td:nth-child(4){ width:20%;}
#touzi-div td:nth-child(5){ width:20%; color: #ff4629;font-weight: 600;}
#touzi-div tr:nth-child(2n){ background:#f0f0f0;}
#touzi-div table{
margin:0 auto;
width: 100%;
padding:0 0.3rem;
text-align: center;
}
/*第七部分*/
.part17{
    width: 100%;
    height:100%;
}

.wrap {
    position:relative;
    z-index:0;
    height:600px;
}
.banner-show {
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    width:100%;
    min-width:980px;
    height:600px;
    overflow:hidden;
}
.banner-show .cell {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    overflow:hidden;
    background-repeat:repeat-x;
    background-position:center top;
}
.banner-show .cell .con {
    position:relative;
    height:600px;
    background-repeat:no-repeat;
    background-position:center top;
}
.bns-01 {
    background-image:url(/statics/images/banner_01_repeat.png);
}
.bns-01 .con {
    background-image:url(/statics/images/banner_01.png);
}
.banner-link {
    position:absolute;
    top:100px;
    left:50%;
    width:400px;
    height:400px;
    margin-left:-430px;
}
.banner-link i {
    display:none;
}
.banner-control {
    position:absolute;
    top:0;
    left:50%;
    width:980px;
    margin-left:-490px;
}
.banner-control a {
    position:absolute;
    top:258px;
    width:30px;
    height:30px;
    line-height:10;
    overflow:hidden;
    background-image:url(/statics/images/icon_control.png);
    background-repeat:no-repeat;
    background-repeat:no-repeat;
}
.banner-control a.left {
    left:-55px;
    background-position:0 0;
}
.banner-control a.left:hover {
    background-position:0 -30px;
}
.banner-control a.right {
    right:-55px;
    background-position:-30px 0;
}
.banner-control a.right:hover {
    background-position:-30px -30px;
}
.container {
    position:relative;
    top:600px;
    z-index:2;
    width:980px;
    height:0;
    margin:auto;
}
.storage-info {
    display:none;
    position:absolute;
    top:0;
    width:980px;
    height:30px;
    padding:20px 0;
    text-align:right;
    overflow:hidden;
}
.storage-info span {
    position:relative;
    display:inline-block;
    height:30px;
    margin:0 0 0 40px;
    padding-left:48px;
    line-height:30px;
    zoom:1;
    font-size:18px;
    color:white;
}
.storage-info i {
    position:absolute;
    top:0;
    left:0;
    width:36px;
    height:30px;
    overflow:hidden;
    background-image:url(/statics/images/icon_storage.gif);
    background-repeat:no-repeat;
}
.ist-user {
    background-position:0 0;
}
.ist-storage {
    background-position:-36px 0;
}
.ist-file {
    background-position:-72px 0;
}
.register-box {
    position:absolute;
    top:-550px;
    right:0;
    width:396px;
    height:476px;
    background-image: linear-gradient(#f7973a, #e87a10);
    border-radius:3px;
}
.reg-tab {
    position:relative;
    width:396px;
    height:57px;
    zoom:1;
    overflow:hidden;
    border-radius:3px 3px 0 0;
}
.reg-tab span {
    float:left;
    width:198px;
    height:57px;
    margin-left:-1px;
    line-height:57px;
    text-align:center;
    font-size:24px;
    color:#444;
    border-left:1px solid #d2d3d4;
    background:url(/statics/images/bg_tab_x.png) repeat-x 0 0;
    cursor:pointer;
}
.reg-tab span:first-child {
    border-top-left-radius:3px;
}
.reg-tab span:last-child {
    border-top-right-radius:3px;
}
.reg-tab span.current {
    background:none;
    cursor:default;
}
.reg-slogan {
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:2.2rem;
    padding-top:5%;
    font-weight:bold;
    letter-spacing: 0.2rem;
    color: #fff;
}
.reg-slogans {
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:1.1rem;
    padding-bottom:2%;
    border-bottom:1px dashed #fff;
    color: #fff;
}
.reg-form {
    width:300px;
    height:280px;
    margin:auto;
}
.reg-form .cell {
    position:relative;
    height:48px;
    margin-bottom:10%;
    zoom:1;
    width: 300px;
    color: #000;
}
.reg-form .cell img {
    position:absolute;
    margin-top:5%;
    margin-left:3%;
    z-index:1;

}
.reg-form .cell input {
    position:absolute;
    top:0;
    left:0;
    width:210px;
    padding: 5% 15%;
    font-size:1.2rem;
    background: #fff;
    color: #999;
}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #999;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #999;
}
input::-ms-input-placeholder { /* Microsoft Edge */
   color: #999;
}
.reg-form .cell .icon-form {
    top:11px;
    right:10px;
}
.reg-form input {
    width:110px;
}
.reg-form .button {
    font-size:1.3rem;
    letter-spacing: 0.1rem;
    text-align: center;
    padding-top: 8%;
}
.reg-form .button a{
    color: #fff;
    background: #016bcd;
    padding:5% 34%;
    border-radius: 0.5rem;
}
.reg-form .button a:hover {
   background: #3144ce;
   color:#fff;
}