h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: normal;
     margin: 0;
     padding: 0;
 }

 a {
     cursor: pointer;
     text-decoration: none;
     color: #3399ff;
     outline: none !important;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 ul,
 ul li {
     font-weight: normal;
     list-style: none;
     margin: 0;
     padding: 0;
 }

 html {
     overflow-x: hidden;
 }

 body {
     margin: 0;
     padding: 0;
     position: relative;
     overflow-x: hidden;
 }

 em,
 i {
     font-style: normal;
     font-weight: 400;
 }

 .font18 {
     font-size: 18px;
 }


 .bold {
     font-weight: bold;
 }

 .clear {
     clear: both;
 }

 .text_center {
     text-align: center;
 }

 .p_tb30 {
     padding: 30px 0;
 }

 /*app页面样式*/

 .test-center {
     text-align: center;
 }

 .banner-img {
     width: 100%;
     height: auto;
 }

 .banner-img img {
     width: 100%;
 }

 .mainStyle {
     width: 100%;
     overflow-y: hidden;
 }

 .mainbox1 {
     background-color: #fff;
     width: 100%;
 }

 .mainbox2 {
     background-color: #f3f8fd;
     width: 100%;
 }

 .maincenter {
     width: 1200px;
     margin: 0 auto;
     padding: 50px 0;
 }

 .app-title {
     font-size: 24px;
     color: #333;
     text-align: center;
     padding: 20px 0 0px 0;
 }

 .app-futitle {
     text-align: center;
     font-size: 14px;
     color: #555;
 }

 .app-title-l {
     font-size: 24px;
     color: #333;
     text-align: left;
     padding: 20px 0 0px 0;
 }

 .app-futitle-l {
     text-align: left;
     font-size: 14px;
     color: #555;
 }

 .app-title-r {
     font-size: 24px;
     color: #333;
     text-align: right;
     padding: 20px 0 0px 0;
 }

 .app-futitle-r {
     text-align: right;
     font-size: 14px;
     color: #555;
 }

 .app-img {
     margin-top: 50px;
     text-align: center;
 }

 .con-r {
     float: right;
     width: 50%;
 }

 .con-l {
     float: left;
     width: 50%;
 }

 .conbox {}

 .test-right h3 {
     text-align: right;
 }

 .test-right p {
     text-align: right;
     float: right;
 }

 .conbox ul li {
     width: 50%;
     float: left;
     margin-bottom: 20px;
 }

 .conbox ul li p {
     font-size: 16px;
     color: #555;
     width: 90%;
 }

 .leapCloud-free {
     width: 100%;
     height: 280px;
     background-image: url(/default/fuwu/img/banner-x.jpg);
     background-attachment: fixed;
     background-size: cover;
 }

 .leapCloud-free .free-content {
     text-align: center;
     height: 280px;
     padding: 70px 0;
 }

 .leapCloud-free .free-header {
     color: #fff;
     font-size: 32px;
     margin-bottom: 35px;
 }

 .leapCloud-free .free-btn {
     display: block;
     width: 160px;
     height: 50px;
     margin: 0 auto;
     text-align: center;
     line-height: 50px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     color: #fff;
     background-color: #3a9bfc;
     font-size: 18px;
 }

 .leapCloud-free .free-btn:hover {
     background-color: #228bf4;
 }

 .caselist {
     margin-top: 50px;
 }

 .caselist ul li {
     width: 30%;
     margin: 0 1.5%;
     float: left;
 }

 .caselist ul li a img {
     width: 100%;
 }

 .caselist ul li a .blog-excerpt {
     width: 100%;
 }

 .caselist ul li a .meta-post {
     font-size: 12px;
     color: #ccc;
     line-height: 30px;
 }

 .caselist ul li a h2 {
     font-size: 18px;
     color: #555;
 }

 .solutions-box {
     display: block;
     width: 273px;
     height: 47px;
     margin: 0 auto 50px;
     line-height: 47px;
     background: #00cc33;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     text-align: center;
     font-size: 14px;
 }

 .solutions-btn {
     color: #fff;
 }


 .category ul {
     display: flex;
     display: -webkit-flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .category li {
     width: 230px;
     height: 160px;
     box-sizing: border-box;
     margin-bottom: 21px;
     padding: 22px 20px;
     background: #fff;
     border: 1px solid #e5e5e5;
     border-radius: 9px;
     text-align: left;
 }

 .category li .img {
     display: block;
     width: 60px;
     height: 60px;
     margin: 0 auto;
     background: url(/default/fuwu/img/category.png) no-repeat;
 }

 .category li:nth-child(1) .img {
     background-position: 0 0;
 }

 .category li:nth-child(2) .img {
     background-position: -60px 0;
 }

 .category li:nth-child(3) .img {
     background-position: -120px 0;
 }

 .category li:nth-child(4) .img {
     background-position: -180px 0;
 }

 .category li:nth-child(5) .img {
     background-position: -240px 0;
 }

 .category li:nth-child(6) .img {
     background-position: 0 -60px;
 }

 .category li:nth-child(7) .img {
     background-position: -60px -60px;
 }

 .category li:nth-child(8) .img {
     background-position: -120px -60px;
 }

 .category li:nth-child(9) .img {
     background-position: -180px -60px;
 }

 .category li:nth-child(10) .img {
     background-position: -240px -60px;
 }

 .category li:nth-child(11) .img {
     background-position: 0 -120px;
 }

 .category li:nth-child(12) .img {
     background-position: -60px -120px;
 }

 .category li:nth-child(13) .img {
     background-position: -120px -120px;
 }

 .category li:nth-child(14) .img {
     background-position: -180px -120px;
 }

 .category li:nth-child(15) .img {
     background-position: -240px -120px;
 }

 .category li .title {
     font-size: 16px;
     font-weight: bold;
     text-align: center;
 }

 .category li p {
     font-size: 14px;
     color: #868686;
     text-align: center;
 }


 .mode-entrance {
     display: flex;
     justify-content: flex-start;
     flex-direction: row;
     flex-wrap: wrap;

 }

 .ent_flex {
     box-sizing: border-box;
     width: 200px;
     padding: 30px 10px 0;

 }

 .ent_img_out {
     padding: 0 0 10px;
 }

 .ent-img {
     border: 1px solid #f3f3f3;
     width: 88px;
     height: 88px;
     line-height: 88px;
     text-align: center;
     border-radius: 50%;
     margin: 0 auto;
 }

 .ent-text {
     /*border:1px solid red;*/
     text-align: center;
     padding: 10px 0px;
     color: #3f4040;
     font-size: 18px;
 }

 .stg_line {
     width: 1100px;
     margin: 100px auto 0;
     border-bottom: 1px dashed #b5b5b5;
 }

 .stg_lis ul li {
     width: 20%;
     display: inline-block;
     float: left;
     text-align: center;
     font-size: 16px;
 }

 .stg_lis ul li span {
     width: 60px;
     height: 60px;
     display: block;
     background: #5086de;
     margin: -32px auto 20px;
     font-family: 'arial';
     color: #fff;
     font-size: 30px;
     text-align: center;
     line-height: 60px;
     border-radius: 50%;
 }

 .stg_lis a {
     width: 262px;
     height: 53px;
     display: block;
     background: #3186f5;
     margin: 80px auto 10px;
     font-size: 18px;
     color: #fff;
     text-align: center;
     line-height: 53px;
     border-radius: 8px;
 }

 .stg_lis a i {
     width: 20px;
     height: 20px;
     background: url(/default/fuwu/img/stg_icon.png) no-repeat;
     float: right;
     margin: 16px 34px 0 8px;
 }

 .leix_list {
     width: 100%;
     margin: 40px auto 0;
     overflow: hidden;
 }

 .leix_list dl {
     float: left;
     width: calc(33% - 20px);
     height: 150px;
     margin: 0 10px 20px;
     background: #f8f8f8;
     transition: all 1s;
     box-shadow: 0px 0px 10px 0px rgba(29, 31, 42, 0.09);
 }

 .leix_list dt {
     float: left;
     width: 90px;
     height: 90px;
     margin: 30px 0px 30px 40px;
     border-radius: 50%;
     border: 1px solid #edeeef;
     box-shadow: 0 0 15px #f1f2f3;
     overflow: hidden;
     background: #fff;
     transition: all .6s;
     text-align: center;
 }

 .leix_list dt img {
     width: 60%;
     margin: 20%;
 }

 .leix_list dd {
     float: left;
     width: 56%;
     margin-left: 30px;
     margin-top: 32px;
 }

 .leix_list dd span {
     display: block;
     overflow: hidden;
     margin-bottom: 8px;
     font-size: 20px;
     color: #333;
     font-weight: bold;
 }

 .leix_list dd p {
     height: 72px;
     overflow: hidden;
     line-height: 26px;
     font-size: 14px;
     color: #999;
 }


 .appkaifa-web-3 .clearfix {
     overflow: hidden;
     width: 1100px;
     height: 402px;
     margin: 40px auto 0;
 }

 .appkaifa-web-3 .list {
     position: relative;
     z-index: 2;
     float: left;
     width: 203px;
 }

 .appkaifa-web-3 .list:last-child {
     float: right;
     width: 211px;
 }

 .appkaifa-web-3 .list_img {
     float: left;
     width: calc(100% - 414px);
     text-align: center;
 }

 .appkaifa-web-3 .list_img img {
     width: 402px;
     height: 402px;
 }

 .appkaifa-web-3 .list li {
     margin-bottom: 100px;
 }

 .appkaifa-web-3 .list .title {
     font-size: 20px;
     color: #333;
     font-weight: 700;
     position: relative;
     margin-bottom: 14px;
 }

 .appkaifa-web-3 .list .text {
     font-size: 16px;
     color: #95989d;
     overflow: hidden;
 }

 .appkaifa-web-3 .list .text p {
     margin-left: 44px;
     margin-bottom: 8px;
 }

 .appkaifa-web-3 .list .text p:before {
     content: "";
     width: 3px;
     height: 3px;
     border-radius: 100%;
     background: #95989d;
     display: inline-block;
     vertical-align: middle;
     margin-right: 10px;
 }

 .appkaifa-web-3 .list .title i {
     display: inline-block;
     width: 34px;
     height: 34px;
     vertical-align: -8px;
     margin-right: 12px;
 }

 .appkaifa-web-3 .list .item-1 .title i {
     background: url(/default/fuwu/img/appkaifa_web_2.png) no-repeat;
     background-size: 100% 100%;
 }

 .appkaifa-web-3 .list .item-2 .title i {
     background: url(/default/fuwu/img/appkaifa_web_3.png) no-repeat;
     background-size: 100% 100%;
 }

 .appkaifa-web-3 .list .item-3 .title i {
     background: url(/default/fuwu/img/appkaifa_web_4.png) no-repeat;
     background-size: 100% 100%;
 }

 .appkaifa-web-3 .list .item-4 .title i {
     background: url(/default/fuwu/img/appkaifa_web_5.png) no-repeat;
     background-size: 100% 100%;
 }

 .tese {}

 .tese li {
     float: left;
     width: 25%;
     padding-right: 15px;
     padding-left: 15px;
     position: relative;
     min-height: 1px;
     text-align: center;
     border: 1px solid #e6e6e6;
     border-width: 1px 0 0 1px;
 }

 .tese li:nth-of-type(4),
 .tese li:nth-of-type(8) {
     border-right: 1px solid #e6e6e6;
 }

 .tese li:nth-of-type(5),
 .tese li:nth-of-type(6),
 .tese li:nth-of-type(7),
 .tese li:nth-of-type(8) {
     border-bottom: 1px solid #e6e6e6
 }

 .ypic {
     display: block;
     width: 130px;
     height: 130px;
     border-radius: 150px;
     overflow: hidden;
     border: 1px solid #d8dadb;
     margin: 40px auto 0;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     transform-style: preserve-3d;
     -webkit-transition: all .5s ease-in;
     -moz-transition: all .5s ease-in;
     -ms-transition: all .5s ease-in;
     transition: all .5s ease-in;
 }

 .tese li h2 {
     margin: 20px 0 10px;
     font-size: 18px;
     color: #333;
 }

 .tese li p {
     font-size: 14px;
     margin-bottom: 45px;
     color: #7e8284;
 }

 .fang {
     width: 100%;
     min-width: 1280px;
     height: 530px;
 }

 .fangc {
     width: 1200px;
     height: auto;
     margin: 0 auto;
     position: relative;
 }

 .fanga {
     width: 370px;
     height: 530px;
     margin-left: 15px;
     overflow: hidden;
 }

 .fanga h3 {
     width: 47px;
     height: auto;
     padding-bottom: 10px;
     font-family: MicrosoftYaHei;
     font-size: 40px;
     font-weight: normal;
     font-stretch: normal;
     line-height: 47px;
     letter-spacing: 0px;
     color: #000356;
     border-bottom: 6px solid #000356;
     margin-top: 130px;
 }

 .fanga p {
     width: auto;
     height: 80px;
     font-family: MicrosoftYaHei;
     font-size: 30px;
     font-weight: normal;
     font-stretch: normal;
     line-height: 80px;
     letter-spacing: 0;
     color: #353535;
     margin: 0;
 }

 .fanga span {
     display: block;
     width: auto;
     height: auto;
     font-family: MicrosoftYaHei;
     font-size: 14px;
     font-weight: normal;
     font-stretch: normal;
     line-height: 34px;
     letter-spacing: 0;
     color: #999999;
 }

 .fanga .one {
     width: auto;
     height: auto;
     font-family: MicrosoftYaHei;
     font-size: 14px;
     font-weight: normal;
     font-stretch: normal;
     line-height: 24px;
     letter-spacing: 0;
     color: #353535;
     margin-top: 5px;
 }

 .fangb {
     position: absolute;
     width: auto;
     height: auto;
     right: 15px;
     top: 95px;
 }

 .fang1 {
     background-color: #000356;
 }

 .fangd h3 {
     border-bottom: 6px solid #fff;
 }

 .fangd h3,
 .fangd p,
 .fangd span,
 .fangd .one {
     color: white;
 }


 .js .animate-box {
     opacity: 0;
 }

 .sevies-box .sevies-hold {
     width: 100%;
     height: 240px;
     clear: both;
 }

 .sevies-box {
     height: 240px;
     -webkit-transition: box-shadow 0.3s linear, translate3d 0.3s linear;
     -moz-transition: box-shadow 0.3s linear, translate3d 0.3s linear;
     transition: box-shadow 0.3s linear, translate3d 0.3s linear;
     margin-bottom: 20px;
     transition: all 0.2s linear;
     background-position: top center;
     vertical-align: middle;
     padding: 10px;
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 1000;
 }

 .sevies-box:hover {
     background-position: center center;
 }

 .sevies-box:hover .sevies-a {
     -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.3);
     -webkit-transform: translate(0 -5px);
     -moz-transform: translate(0 -5px);
     transform: translate(0, -15px);
     height: 110%;
     transition: all 0.2s linear;
 }

 .sevies-a-green {
     background-image: url(/default/fuwu/img/green-bg.jpg);
 }

 .sevies-a-blue {
     background-image: url(/default/fuwu/img/blue-bg.jpg);
 }

 .sevies-a-puple {
     background-image: url(/default/fuwu/img/puple-bg.jpg);
 }

 .sevies-a-orange {
     background-image: url(/default/fuwu/img/orange-bg.jpg);
 }

 .sevies-a {
     width: 100%;
     height: 100%;
     background-size: cover;
     border-radius: 10px;
     overflow: hidden;
     transition: all 0.2s linear;
 }

 .sevies-box .small-icon {
     display: table-cell;
     vertical-align: middle;
     font-size: 100px;
     font-weight: normal;
     transition: all 0.2s linear;
     filter: alpha(Opacity=40);
     -moz-opacity: 0.4;
     opacity: 0.4;
 }

 .sevies-box .small-icon {
     -webkit-transition: background-color 0.3s linear, color 0.3s linear;
     -moz-transition: background-color 0.3s linear, color 0.3s linear;
     transition: background-color 0.3s linear, color 0.3s linear;
     width: 160px;
     line-height: 40px;
     vertical-align: middle;
     font-size: 2.5em;
     transition: all 0.3s linear;
 }

 .sevies-box:hover .small-icon {
     transform: translate(0, -20px);
     filter: alpha(Opacity=100);
     -moz-opacity: 1;
     opacity: 1;
 }

 .small-icon {
     margin-top: 20px;
     display: block;
     float: left;
     font-size: 1.667em;
 }

 .sevies-box .small-icon-text {
     text-align: center;
     margin-left: 20px;
 }

 .sevies-box .small-icon-text h4 {
     margin-top: 0.7em;
     font-size: 1.7em;
     font-weight: 400;
     transition: all 0.2s linear;
     color: #fff;
 }

 .sevies-box:hover .small-icon-text h4 {
     font-size: 1.8em;
     color: #fff;
 }

 .text-ts p {
     margin: 0;
     padding: 0;
     color: #fff;
 }

 .text-ts {
     padding: 23px;
     position: relative;
 }

 .text-xs {
     color: #fff;
     font-size: 14px;
 }

 .text-ds .small-icon {
     position: relative;
     margin-top: 0px;
     left: 50px;
 }

 .text-r {
     position: absolute;
     font-size: 14px;
     right: 23px;
     top: 23px;
 }

 .text-r a {
     font-size: 14px;
 }

 .small-icon i {
     width: inherit;
     text-align: center;
 }

 .small-icon,
 .small-icon-text,
 .small-icon-text h4,
 .small-icon-text p {
     font-weight: 100;
     clear: none;
 }

 .table_1 td {
     padding: 0 10px;
 }

 .table_1 td p {
     margin: 0 auto;
 }

 .table_1 td span {
     color: #666666;
     font-family: 'Microsoft yahei';
     font-size: 13px;
     line-height: 22px;
     background-color: #FAFAFA;
 }

 #technology ul { display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;margin-top: 55px;}
    #technology ul li { flex: 1;padding: 25px;transition: all .2s;}
    #technology ul li+li { margin-left: 55px;}
    #technology ul li h1 { height: 133px;background: url(/default/fuwu/img/deskIco08-2.png) no-repeat center center;}
    #technology ul li:nth-child(2) h1 { height: 133px;background: url(/default/fuwu/img/deskIco09-1.png) no-repeat center center;}
    #technology ul li:nth-child(3) h1 { height: 133px;background: url(/default/fuwu/img/deskIco10-1.png) no-repeat center center;}
    #technology ul li:nth-child(4) h1 { height: 133px;background: url(/default/fuwu/img/deskIco11-1.png) no-repeat center center;}
    #technology ul li h2 { text-align: center;font-size: 18px;font-weight: 600;margin: 22px 0;}
    #technology ul li p { position: relative;margin-bottom: 10px; font-size: 14px;}
    #technology ul li p:after{ content: '';width: 4px;height:45px;background: url(/default/fuwu/img/circle2.png) no-repeat;position: absolute;top: 10px;left: -10px;}
    #technology ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.4);}
    /* #technology ul li.c1:hover h1 { background: url(../img/deskIco08-2.png) no-repeat center center;}
    #technology ul li.c2:hover h1{ background: url(../img/deskIco09-2.png) no-repeat center center;}
    #technology ul li.c3:hover h1{ background: url(../img/deskIco10-2.png) no-repeat center center;}
    #technology ul li.c4:hover h1{ background: url(../img/deskIco11-2.png) no-repeat center center;} */
         @media screen and (max-width:500px){

            .header .nav{ display: none}
            /*.header{ height: 300px}*/
            /*.header .banner { height: 300px}*/
            /*.header .banner img{ width: 100%;}*/
            .header .banner .swiper-slide a{ height: 300px; }
            .header .banner .banngimg{height: 300px; width: 100%;}
            .gettouch h2{ font-size: 23px }

         }
 @media screen and (max-width: 769px) {
     .mainStyle {
         width: 100%;
     }
     
     .maincenter{width:100%;}
     .con-l{width:100%;    padding: 0 10px;}
     .con-r{width:100%;    padding: 0 10px;}
     
     .header{ height:150px;}
     
     .header .banner .bannerimg{height:150px;}
     
     
 }