@charset "utf-8";

/* CSS Document */

body {
    font-family: "Microsoft YaHei";
    text-align: center;
    padding: 0;
    margin: 0 auto;
    font-size: 14px;
    color: #3d3d3d;
    line-height: 30px;
    background: #fff;
}

*body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    font-family: "opensans", "Microsoft YaHei";
}

body>div {
    text-align: left;
    margin-right: auto;
    margin-left: auto;
}

div,
form,
ul,
ol,
li,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    font-weight: normal;
}

img,
a img,
p,
pre {
    border: 0;
    margin: 0;
    padding: 0;
}

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

ul,
ol,
li {
    list-style: none;
    text-align: left;
}

table,
th,
td,
input,
textarea,
select,
p {
    font-size: 15px;
    border: 0;
    outline: none;
    font-family: "Microsoft YaHei";
}

table,
td,
th {
    font-weight: normal;
    font-size: 15px;
    font-family: "Microsoft YaHei";
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
    vertical-align: middle;
    border: none;
    font-family: "Microsoft YaHei";
}

img {
    vertical-align: middle;
}

pre {
    white-space: normal;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    outline: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: none;
}

textarea {
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: auto;
    resize: none;
    font: 100% tahoma, \5b8b\4f53, arial;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* 默认链接颜色 */

a {
    outline-style: none !important;
    text-decoration: none !important;
}


/*a:hover{color:#fff;text-decoration:none;}
a:active{text-decoration: none;color: #fff}
a:visited{text-decoration: none;color: #fff}
a:link{text-decoration: none;color: #fff}*/


/*清除链接虚框*/


/* 通用属性 */

.left,
.fl {
    float: left;
}

.right,
.fr {
    float: right;
}

.overflow {
    overflow: auto;
    overflow: hidden;
}

.clearfix:after {
    display: block;
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}

.center {
    margin: 0 auto;
}


/*.clear{clear:both;font-size:1px;width:1px;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}!*ie and firefox1.5 updata *!*/

.clear {
    content: "";
    display: block;
    clear: both;
}

.none {
    display: none;
}

.both {
    clear: both;
}

textarea {
    -webkit-appearance: none;
}

.button {
    border-radius: 0;
}

.col-md-12,
.row,
.col-xs-12 {
    padding: 0 !important;
    margin: 0 !important;
}

@font-face {
    font-family: '简舒体';
    src: url('JShuTi.eot');
    /* IE9 Compat Modes */
    /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
    src: url('JShuTi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('JShuTi.woff') format('woff'), /* Modern Browsers */
    url('迷你简舒体.ttf') format('truetype'), /* Safari, Android, iOS */
    url('JShuTi.svg#YourWebFontName') format('svg');
    /* Legacy iOS */
}


/*index*/

.w1200 {
    width: 1200px;
    margin: 0 auto;
}


/*跑马灯*/

#certify {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

#certify .swiper-container {
    padding-bottom: 60px;
}

#certify .swiper-slide {
    width: 45%;
    height: 100%;
    background: #000;
    /*box-shadow: 0 8px 30px #ddd;*/
}

#certify .swiper-slide img {
    display: block;
    width: 100%;
    opacity: 0.3;
    box-shadow: 10px 10px 22px rgba(0, 0, 0, 0.5);
}

#certify .swiper-slide-active img {
    opacity: 1;
}

#certify .swiper-slide p {
    height: 50px;
    line-height: 50px;
    padding-top: 0;
    text-align: center;
    color: #fff;
    font-size: 1.1em;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    margin-top: -160px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    margin-top: -160px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}

.pc_head1 {
    background: #f8f9f9;
    border-bottom: 1px solid #f1f2f2;
    width: 100%;
    padding: 0 8.8% 0 9.8%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.pc_head2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(117, 117, 117, 0.1);
    border-bottom: 0;
    z-index: 9999;
    padding: 0 8.8% 0 9.8%;
}

.pc_head2 .head2 .nav1 li .nav1_zhan a {
    color: #ffffff;
}

.pc_head2 .head2 .nav1 li .nav1_zhan .nav_child {
    background: rgba(228, 230, 233, 0.5);
}

.pc_head2 .head2 .nav1 li .nav1_zhan .nav_child .triangle {
    border-bottom-color: rgba(228, 230, 233, 0.5);
}

.qf_zhan {
    /*height: 88px;*/
}

.head2 {
    width: 1200px;
    height: 88px;
    line-height: 88px;
    margin: 0 auto;
}

.head2:after {
    content: "";
    display: block;
    clear: both;
}

.head1img {
    width: 15.7%;
}

.head2img {
    width: 14.375%;
    float: left;
    height: 88px;
    display: flex;
    align-items: center;
}

.head2img a {
    height: 88px;
    display: flex;
    align-items: center;
}

.head2img img {
    height: 50px;
}

.nav1 {
    float: right;
    z-index: 9;
    padding-top: 20px;
}

.nav1 li {
    float: left;
    width: 125px;
    margin: 0 5px;
}

.nav1_zhan {
    text-align: center;
}

.nav1_zhan .zhana {
    font-size: 16px;
    color: #333333;
    padding-bottom: 14px;
}

.nav1_zhan .zhana img {
    margin-left: 15px;
}

.navpost {
    text-align: center;
    position: relative;
}

.navpost .nav_child {
    background: rgba(228, 230, 233, 0.8);
    width: 150px;
    padding: 15px 0;
    border-radius: 10px;
    display: none;
    z-index: 99;
}

.navpost .nav_child .triangle {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: rgba(228, 230, 233, 0.8);
    position: absolute;
    top: -24px;
    left: 71%;
    z-index: 99;
}

.navpost .nav_child ul li {
    width: 100%;
    margin: 0;
    height: 50px;
    line-height: 50px;
}

.navpost .nav_child ul li a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 0;
    text-align: center;
}

.navpost .nav_child ul li::after {
    content: '';
    display: block;
    width: 42px;
    height: 0px;
    background: #fff;
    margin: -20px auto;
}

.navpost .nav_child ul li a.active {
    font-size: 16px;
    color: #333333;
}

.navpost .nav_child ul li a:hover {
    font-size: 16px;
    color: #00b8ee;
}

.navpost:hover .nav_child {
    display: block;
}

.nav1_zhan .zhana.checked,
.nav1_zhan:hover .zhana {
    font-size: 16px;
    color: #00b8ee;
}


/*移动端头部*/

.z_nav_list {
    width: 40%;
    height: 100vh;
    padding: 0.3rem 0 0.3rem 1.5rem;
    position: fixed;
    right: -60%;
    top: 0;
}

.z_nav_list ul {
    padding-left: 0.25rem;
}

.z_nav_list li {
    line-height: 1rem;
    border-bottom: 1px solid #333;
}

.z_nav_list a {
    display: block;
    color: #fff;
}

.title-father {
    padding: 0;
    right: 0;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.title {
    overflow-y: auto;
    position: absolute;
    width: 6rem;
    height: 100vh;
    top: 0;
    right: -2.5rem;
    background: #1a1b1c;
}

.nav_P {
    margin-top: 0.08rem;
    color: #fff;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.28rem;
    padding-right: 0.25rem;
    text-align: right;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
}

.nav_P img {
    width: 0.25rem;
}

.nav_erul li {
    display: block;
}

.headtop {
    display: none;
    line-height: 0.9rem;
    border-bottom: 1px solid #E6E6ED;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    background: #f7f8f9;
    padding: 0 0.2rem;
}

.headtop .mobile_ul a {
    font-size: 14px;
}

.mobile {
    display: none;
}

.z_nav_list li .active {
    color: #055EA2;
}

.nav_erul {
    display: none;
}


/*详情页-返回按钮*/

.return_btn {
    position: fixed;
    right: 50%;
    top: 130px;
    margin-right: -660px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.return_btn img {
    width: 30px;
    height: 30px;
}

.return_btn:hover {
    background: #1eb9ee;
}


/*奇凡荣誉-图片点击放大*/

.img_zoomOut {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.img_zoomOut img {
    max-width: 80%;
    max-height: 95%;
    height: 60%;
    cursor: zoom-out;
}

.img_zoomOut .return_btn {
    top: 100px;
    background: #000000;
}

.img_zoomOut .return_btn:hover {
    background: #1eb9ee;
}


/*标题样式*/

.con_title .title_chine {
    font-size: 36px;
    color: #333333;
    line-height: 1;
    font-weight: bold;
}

.con_title .heng_bg {
    width: 38px;
    height: 4px;
    display: block;
    background: #333333;
    margin-top: 13px;
    border-radius: 4px;
}


/*标题样式--结束*/


/*分页样式*/

.paging {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 50px 0 20px;
}

.paging ul {
    display: flex;
}

.paging ul li {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #333333;
    margin: 0 18px;
}

.paging ul li span {
    color: #333333;
}

.paging ul li a {
    font-size: 18px;
    color: #777777;
}

.paging ul li.active {
    border-bottom: 1px solid #333333;
}

.paging img {
    width: 100%;
}


/*分页样式结束*/


/*首页右侧样式*/

#fp-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#fp-nav .fp_navMove {
    cursor: pointer;
    position: relative;
    animation-name: myfirst;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    /* Firefox: */
    -moz-animation-name: myfirst;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    /* Safari and Chrome: */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Opera: */
    -o-animation-name: myfirst;
    -o-animation-duration: 1s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}

@keyframes myfirst {
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-moz-keyframes myfirst {
    /* Firefox */
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-webkit-keyframes myfirst {
    /* Safari and Chrome */
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-o-keyframes myfirst {
    /* Opera */
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

#fp-nav ul li {
    margin: 15px;
}

#fp-nav ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
}

#fp-nav ul li a span {
    background: url("../images/index_bgy2.png") no-repeat;
    border: 0;
    background-size: 100%;
    top: 0;
    left: 0;
    position: static;
}

#fp-nav ul li a.active span {
    width: 10px;
    height: 10px;
    background: url("../images/index_bgy1.png") no-repeat;
    border: 0;
    background-size: 100%;
}


/*首页右侧样式--结束*/


/*首页样式*/

#index {
    font-family: "Microsoft YaHei";
    /*3D模型*/
    /*3D模型--结束*/
    /*关于我们*/
    /*关于我们--结束*/
    /*解决方案*/
    /*解决方案--结束*/
    /*服务客户*/
    /*服务客户--结束*/
    /*联系我们*/
    /*联系我们--结束*/
}

#index .section .fp-tableCell {
    display: block;
}

#index .is_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.8% 0 3%;
}

#index .is_title .con_tit {
    font-size: 0.36rem;
    color: #333333;
    font-weight: bold;
    line-height: 1;
}

#index .fu_tit {
    width: 150px;
    text-align: center;
    font-size: 16px;
    color: #999;
}

#index .fu_e {
    width: 200px;
}

.fu_e_us {
    font-size: 16px;
    color: #999;
}

#index .is_title .xian_bg {
    width: 0.4rem;
    height: 0.04rem;
    background: #333333;
    margin-top: 10px;
    border-radius: 4px;
}

#index .index_s1 {
    position: relative;
    background: #000000;
}

#index .index_s1 .pc_head1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(117, 117, 117, 0.1);
    border-bottom: 0;
    z-index: 999;
}

#index .index_s1 .pc_head1 .head2 .nav1 li .nav1_zhan .nav_child {
    background: rgba(228, 230, 233, 0.5);
}

#index .index_s1 .pc_head1 .head2 .nav1 li .nav1_zhan .nav_child .triangle {
    border-bottom-color: rgba(228, 230, 233, 0.5);
}

#index .index_3d {
    background: url("../images/3D_bg.png") no-repeat 100% 100%;
}

#index .index_3d .loading_3d {
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

#index .index_3d .loading_3d img {
    width: auto;
    height: auto;
}

#index .index_3d #WebGL-output {
    position: relative;
    background: url("../images/3D_bg.png") no-repeat center;
    background-size: cover;
}

#index .index_3d #WebGL-output .xz_icon {
    position: absolute;
    bottom: 8%;
    left: 47%;
    width: 75px;
    height: 75px;
}

#index .index_s3 {
    width: 100%;
    height: 100%;
    background: url("../images/guanyubg-fl.png") no-repeat;
    background-size: contain;
    background-position: 0 -0.26rem;
}

#index .index_s3 .fp-tableCell {
    display: flex;
    justify-content: space-between;
    height: 100%;
    background: url(../images/guanyubg-fr.png) no-repeat;
    background-position: right bottom;
    background-size: 475px 475px;
}

#index .index_s3:after {
    content: "";
    display: block;
    clear: both;
}

#index .index_s3 .s3_Img {
    /* padding: 5% 0 0 8%;*/
    width: 50%;
    height: 100%;
    border-radius: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0;
    position: relative;
}

#index .index_s3 .s3_Img img {
    width: auto;
    height: 65%;
    position: static;
    margin-top: 18%;
    margin-left: 17%;
}

#index .index_s3 .s3_conText {
    float: right;
    width: 50%;
    height: 100%;
    margin-right: 15%;
}

#index .index_s3 .s3_conText:after {
    content: "";
    display: block;
    clear: both;
}

#index .index_s3 .s3_conText .ct_con {
    max-width: 6rem;
    float: right;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#index .index_s3 .s3_conText .ct_con p strong {
    font-size: 0.24rem;
    color: #1dabdd;
}

#index .index_s3 .s3_conText .s3_title {
    padding-top: 0;
    padding-bottom: 13%;
}

#index .index_s3 .s3_conText .s3_title .con_tit {
    font-size: 0.36rem;
    line-height: 0.36rem;
    color: #333333;
    font-weight: bold;
}

#index .index_s3 .s3_conText .s3_title .xian_bg {
    height: 4px;
    width: 40px;
    background: #333333;
    margin-top: 10px;
    margin-left: 53px;
    border-radius: 4px;
}

#index .index_s3 .s3_conText .ct_title {
    font-size: 0.24rem;
    color: #1dabdd;
    line-height: 40px;
    margin-bottom: 8%;
}

#index .index_s3 .s3_conText p {
    font-size: 0.16rem;
    color: #333333;
    line-height: 40px;
    margin-bottom: 0;
    text-indent: 2em;
}

#index .index_s3 .s3_conText .result p {
    display: block;
    font-size: 0.16rem;
    color: #333333;
    line-height: 40px;
    text-indent: 2em;
    margin: 0;
}

#index .index_s3 .s3_conText .result span {
    display: block;
    font-size: 0.16rem;
    color: #333333;
    line-height: 40px;
    text-indent: 2em;
}

#index .index_s3 .s3_conText .more {
    margin-top: 8%;
    height: 40px;
}

#index .index_s3 .s3_conText .more a {
    font-size: 0.18rem;
    color: #1dabdd;
    line-height: 40px;
    padding-left: 2em;
}

#index .index_s3 .s3_conText .more a img {
    width: 8px;
    height: 15px;
    margin: -5px 0 0 10px;
}

#index .index_s4 {
    background: url("../images/index_solution_bg.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
}

#index .index_s4 .fp-tableCell {
    background: rgba(0, 0, 0, 0.85);
}

#index .index_s4 .is_title .con_tit {
    color: #ffffff;
    font-size: 0.36rem;
}

#index .index_s4 .is_title .xian_bg {
    background: #ffffff;
}

#index .index_s4 .is4_con {
    width: 100%;
    height: 62%;
    margin-top: 0;
    /*.content{
        width: 62%; height: 100%; margin: 6% auto; display: none; align-items: center; justify-content: center;
        .body_img{
           height: 100%;
          .image{
            position: relative; height: 100%; width: 100%;
            a{
              display: flex; align-items: center; justify-content: center;height: 100%; width: 100%;
            }
          }
          img{
            height: 100%; max-width: 100%;
          }
          .cImg_title{
            background: #333333; font-size: 0.3rem; color: #1eb9ee; padding: 0.1rem 0.3rem; position: absolute; top: 0.6rem; left: -0.6rem; font-weight: bold;
          }
          .cImg_text{
            width: 3rem; background: rgba(0,0,0,0.5); font-size: 0.16rem; color: #999999; padding: 0.3rem; line-height: 0.4rem; position: absolute; bottom: 0.6rem; right: -0.6rem;
          }
        }

      }*/
}

#index .index_s4 .is4_con .swiper_index4 {
    width: 100%;
    height: 100%;
}

#index .index_s4 .is4_con .swiper_index4 .swiper-slide {
    width: 62%;
    height: 100%;
    margin: 0 auto;
}

#index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image a {
    width: auto;
    height: 100%;
    position: relative;
}

#index .index_s4 .is4_con .swiper_index4 .swiper-slide img {
    height: 100%;
    max-width: 100%;
}

#index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_title {
    background: #333333;
    font-size: 0.3rem;
    color: #1eb9ee;
    padding: 0.1rem 0.3rem;
    position: absolute;
    top: 0.6rem;
    left: -0.6rem;
    font-weight: bold;
}

#index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_text {
    width: 3rem;
    background: rgba(0, 0, 0, 0.5);
    font-size: 0.16rem;
    color: #dddddd;
    padding: 0.3rem;
    line-height: 0.25rem;
    position: absolute;
    bottom: 0.6rem;
    right: -0.6rem;
}

#index .index_s4 .is4_bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    border-bottom: 3px solid #626262;
    display: flex;
    justify-content: space-around;
    padding: 0 19%;
}

#index .index_s4 .is4_bottom a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#index .index_s4 .is4_bottom a .icon {
    width: 50px;
    height: 50px;
    border: 1px solid #3b3b3b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    background: transparent;
}

#index .index_s4 .is4_bottom a .icon img {
    opacity: 1;
}

#index .index_s4 .is4_bottom a span {
    font-size: 0.16rem;
    color: #999999;
    line-height: 40px;
}

#index .index_s4 .is4_bottom a .shuxian_bg {
    width: 3px;
    height: 10px;
    background: #4c4c4c;
}

#index .index_s4 .is4_bottom a.active .icon img {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#index .index_s4 .is4_bottom a.active span {
    color: #1eb9ee;
}

#index .index_s4 .is4_bottom a.active .shuxian_bg {
    background: #1eb9ee;
}

#index .index_s4 .is4_bottom a.active::after {
    content: '';
    display: block;
    margin: -20px auto;
    width: 70px;
    height: 4px;
    background: #00b8ee;
    margin-top: 0px;
}

#index .index_s4 .is4_bottom a:hover .icon {
    transform: rotate(360deg);
}

#index .index_s5 .is_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3% 0 2%;
}

#index .index_s5 .is_title .con_tit {
    font-size: 0.36rem;
    color: #333333;
    font-weight: bold;
    line-height: 1;
}

#index .index_s5 .is_title .xian_bg {
    width: 0.4rem;
    height: 0.04rem;
    background: #333333;
    margin-top: 13px;
}

#index .index_s5 .is5_con {
    width: 14rem;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
    display: none;
}

#index .index_s5 .is5_con a {
    width: 2.3rem;
    height: 0.9rem;
    margin-bottom: 2.2%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#index .index_s5 .is5_con a img {
    max-height: 0.9rem;
    max-width: 2.1rem;
}

#index .index_s5 .is5_con a:hover {
    box-shadow: 4px 4px 10px #eeeeee;
}

#index .index_s5 .is5_con1 a:nth-last-of-type(1),
#index .index_s5 .is5_con1 a:nth-last-of-type(2),
#index .index_s5 .is5_con1 a:nth-last-of-type(3),
#index .index_s5 .is5_con1 a:nth-last-of-type(4) {
    margin-bottom: 0;
}

#index .index_bottom {
    position: relative;
    display: flex;
    flex-direction: column;
}

#index .index_bottom .is_title {
    flex-direction: column;
    align-items: center;
    padding: 4% 0 5%;
    display: none;
}

#index .index_bottom .is_title .con_tit {
    font-size: 0.36rem;
    color: #333333;
    font-weight: bold;
    line-height: 1;
}

#index .index_bottom .is_title .xian_bg {
    width: 0.4rem;
    height: 0.04rem;
    background: #333333;
    margin-top: 0.2rem;
}

#index .index_bottom .fp-tableCell {
    display: flex;
    flex-direction: column;
}

#index .index_bottom .ib_content {
    background: url("../images/index_11.png") #000000 no-repeat;
    background-size: 100% 100%;
    flex: 1;
}

#index .index_bottom .ib_content .is_title .con_tit {
    color: #ffffff;
}

#index .index_bottom .ib_content .is_title .xian_bg {
    background: #ffffff;
}

#index .index_bottom .ib_content .is_con {
    width: 1200px;
    margin: 1rem auto 0;
    background: url("../images/11.png") no-repeat;
    background-size: 1200px 270px;
}

#index .index_bottom .ib_content .is_con:after {
    content: "";
    display: block;
    clear: both;
}

#index .index_bottom .ib_content .is_con .isc_left {
    float: left;
    width: 6rem;
    padding-right: 150px;
    padding-top: 30px;
    height: 270px;
    position: relative;
    display: none;
}

#index .index_bottom .ib_content .is_con .isc_left .l_se {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    font-size: 0.16rem;
    color: #dddddd;
    margin-bottom: 0.8rem;
    line-height: 0.4rem;
}

#index .index_bottom .ib_content .is_con .isc_left .l_se a {
    font-size: 0.16rem;
    color: #dddddd;
    line-height: 0.4rem;
}

#index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img {
    width: 0.4rem;
    height: 0.4rem;
    border: 1px solid #4a4948;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.15rem;
}

#index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img img {
    max-width: 0.2rem;
    height: 0.2rem;
}

#index .index_bottom .ib_content .is_con .isc_left .l_se .imgMove {
    width: 40px;
    height: 40px;
    border: 1px solid #4a4948;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    position: relative;
    animation-name: myfirst;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    /* Firefox: */
    -moz-animation-name: myfirst;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    /* Safari and Chrome: */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Opera: */
    -o-animation-name: myfirst;
    -o-animation-duration: 1s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}

@keyframes myfirst {
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-moz-keyframes myfirst {
    /* Firefox */
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-webkit-keyframes myfirst {
    /* Safari and Chrome */
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-o-keyframes myfirst {
    /* Opera */
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

#index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(1) {
    position: absolute;
    top: -8px;
    right: 180px;
}

#index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(2) {
    position: absolute;
    top: 98px;
    right: 180px;
}

#index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(3) {
    position: absolute;
    top: 210px;
    right: 180px;
}

#index .index_bottom .ib_content .is_con .isc_right {
    float: left;
    width: 6rem;
    padding-left: 1.5rem;
    padding-top: 0.35rem;
    box-sizing: border-box;
    height: 270px;
    position: relative;
    display: none;
}

#index .index_bottom .ib_content .is_con .isc_right .r_se {
    margin-bottom: 0.5rem;
}

#index .index_bottom .ib_content .is_con .isc_right .r_se a {
    display: block;
}

#index .index_bottom .ib_content .is_con .isc_right .r_se a p:last-child {
    margin-top: 15px;
    font-size: 13.5px;
}

#index .index_bottom .ib_content .is_con .isc_right .r_se .name {
    font-size: 0.16rem;
    color: #dddddd;
    line-height: 1;
}

#index .index_bottom .ib_content .is_con .isc_right .r_se .name i {
    font-style: normal;
    font-size: 0.16rem;
    color: #20baee;
    font-weight: bold;
}

#index .index_bottom .ib_content .is_con .isc_right .r_se .addr {
    font-size: 14px;
    color: #999999;
    line-height: 0.25rem;
    margin-top: 0.25rem;
}

#index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(1) {
    position: absolute;
    top: 3px;
    left: 180px;
}

#index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(2) {
    position: absolute;
    top: 109px;
    left: 180px;
}

#index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(3) {
    position: absolute;
    top: 220px;
    left: 180px;
}

#index .index_bottom .footer .foot_friendlyLink {
    background: #ebebeb;
}

#index .index_bottom .footer .foot_friendlyLink .foot_frContent {
    width: 1200px;
    margin: 0 auto;
    padding-top: 35px;
    border: 0;
}

#index .index_bottom .footer .foot_friendlyLink .foot_frContent:after {
    content: "";
    display: block;
    clear: both;
}

#index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_title {
    width: 140px;
    font-size: 18px;
    color: #333333;
    float: left;
    line-height: 35px;
}

#index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con {
    float: left;
    width: 1060px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con a {
    display: block;
    width: 265px;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    line-height: 35px;
}

#index .index_bottom .footer .foot_bottom {
    width: 100%;
    height: 70px;
    background: #ebebeb;
    text-align: center;
    border: 1px solid #e8e8e8;
}

#index .index_bottom .footer .foot_bottom .foot_botCom {
    width: 1200px;
    margin: 0 auto;
    height: 70px;
    line-height: 70px;
    text-align: center;
    display: flex;
    justify-content: center;
}

#index .index_bottom .footer .foot_bottom .foot_botCom span {
    font-size: 14px;
    color: #666666;
    line-height: 70px;
    font-family: PingFang SC;
    display: flex;
}

#index .index_bottom .footer .foot_bottom .foot_botCom span a {
    font-size: 14px;
    color: #666666;
    line-height: 70px;
    font-family: PingFang SC;
}

#index .index_bottom .footer .foot_bottom .foot_botCom a {
    margin-left: 20px;
    position: relative;
    height: 70px;
    line-height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#index .index_bottom .footer .foot_bottom .foot_botCom a img {
    width: 15px;
    height: 15px;
}

#index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode {
    display: none;
    width: 100px;
    height: 110px;
    background: #ffffff;
    position: absolute;
    top: -110px;
    left: -45px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

#index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode img {
    width: 90px;
    height: 90px;
}

#index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode .jiantou {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #ffffff;
    position: absolute;
    bottom: -16px;
    left: 44%;
    z-index: 99;
}

#index .index_bottom .footer .foot_bottom .foot_botCom a:hover .QRcode {
    display: flex;
}

@media (max-width: 1920px) {
    #certify {
        position: relative;
        width: 90%;
        margin: 0 auto
    }
    #certify .swiper-container {
        padding-bottom: 60px;
        margin: 0 10%;
    }
    #certify .swiper-slide {
        width: 60%;
        height: 100%;
        background: #000;
    }
    #certify .swiper-slide img {
        display: block;
        width: 100%;
        opacity: 0.3;
        box-shadow: 10px 10px 22px rgba(0, 0, 0, 0.5);
    }
    #certify .swiper-slide-active img {
        opacity: 1;
    }
    #certify .swiper-slide p {
        height: 50px;
        line-height: 50px;
        padding-top: 0;
        text-align: center;
        color: #fff;
        font-size: 1.1em;
        margin: 0;
        background: rgba(0, 0, 0, 0.5);
    }
    #certify .swiper-pagination {
        width: 100%;
        bottom: 20px;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        border: 3px solid #fff;
        background-color: #d5d5d5;
        width: 10px;
        height: 10px;
        opacity: 1;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
        border: 3px solid #00aadc;
        background-color: #fff;
    }
    #certify .swiper-button-prev {
        left: 18px;
        width: 45px;
        height: 45px;
        margin-top: -250px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
    #certify .swiper-button-prev:hover {
        background-position: 0 -46px;
        background-size: 100%
    }
    #certify .swiper-button-next {
        right: 42px;
        width: 45px;
        height: 45px;
        margin-top: -250px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 -93px;
        background-size: 100%;
    }
    #certify .swiper-button-next:hover {
        background-position: 0 -139px;
        background-size: 100%
    }
    #index .index_s4 .is4_bottom a.active::after {
        content: '';
        display: block;
        margin: -20px auto;
        width: 70px;
        height: 4px;
        background: #00b8ee;
        margin-top: 0;
    }
    #index .index_s4 .is4_bottom a.active .icon {
        border: 1px solid #1eb9ee;
        background: #1eb9ee;
    }
}

@media (max-width: 1600px) {
    #certify {
        position: relative;
        width: 1600px;
        margin: 0 auto
    }
    .nav1 li .nav1_zhan .zhana:hover,
    .nav1 li .nav1_zhan .checked {
        background: url(../images/nav_a.png) no-repeat 12px bottom;
        color: #00b8ee;
    }
    #certify .swiper-container {
        padding-bottom: 60px;
        margin: 0 70px;
    }
    #certify .swiper-slide {
        /* width: 500px;
    height: 270px; */
        background: #000;
    }
    #certify .swiper-slide img {
        display: block;
        width: 100%;
        opacity: 0.3;
        box-shadow: 10px 10px 22px rgba(0, 0, 0, 0.5);
    }
    #certify .swiper-slide-active img {
        opacity: 1;
    }
    #certify .swiper-slide p {
        height: 50px;
        line-height: 50px;
        padding-top: 0;
        text-align: center;
        color: #fff;
        font-size: 1.1em;
        margin: 0;
        background: rgba(0, 0, 0, 0.5);
    }
    #certify .swiper-pagination {
        width: 100%;
        bottom: 20px;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        border: 3px solid #fff;
        background-color: #d5d5d5;
        width: 10px;
        height: 10px;
        opacity: 1;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
        border: 3px solid #00aadc;
        background-color: #fff;
    }
    #certify .swiper-button-prev {
        left: 18px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
    #certify .swiper-button-prev:hover {
        background-position: 0 -46px;
        background-size: 100%
    }
    #certify .swiper-button-next {
        right: 42px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 -93px;
        background-size: 100%;
    }
    #certify .swiper-button-next:hover {
        background-position: 0 -139px;
        background-size: 100%
    }
    #index {
        font-family: "Microsoft YaHei";
        /*3D模型*/
        /*3D模型--结束*/
        /*关于我们*/
        /*关于我们--结束*/
        /*解决方案*/
        /*解决方案--结束*/
        /*服务客户*/
        /*服务客户--结束*/
        /*联系我们*/
        /*联系我们--结束*/
    }
    #index .section .fp-tableCell {
        display: block;
    }
    #index .is_title {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3.5% 0 2.5%;
    }
    #index .is_title .con_tit {
        font-size: 0.36rem;
        color: #333333;
        font-weight: bold;
        line-height: 1;
    }
    #index .is_title .xian_bg {
        width: 0.4rem;
        height: 0.04rem;
        background: #333333;
        margin-top: 0.2rem;
    }
    #index .index_s1 {
        position: relative;
    }
    #index .index_s1 .pc_head1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(117, 117, 117, 0.1);
        border-bottom: 0;
        z-index: 999;
    }
    #index .index_s1 .pc_head1 .head2 .nav1 li .nav1_zhan .nav_child {
        background: rgba(228, 230, 233, 0.5);
    }
    #index .index_3d {
        background: url("../images/3D_bg.png") no-repeat 100% 100%;
    }
    #index .index_3d .loading_3d {
        width: 100%;
        height: 100%;
        background: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #index .index_3d .loading_3d img {
        width: auto;
        height: auto;
    }
    #index .index_3d #WebGL-output {
        position: relative;
        background: url("../images/3D_bg.png") no-repeat center;
        background-size: cover;
    }
    #index .index_3d #WebGL-output .xz_icon {
        position: absolute;
        bottom: 8%;
        left: 47%;
        width: 75px;
        height: 75px;
    }
    #index .index_s3 {
        width: 100%;
        height: 100%;
        background: url("../images/guanyubg-fl.png") no-repeat;
        background-size: contain;
        background-position: 0 -0.26rem;
    }
    #index .index_s3 .fp-tableCell {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }
    #index .index_s3:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_Img {
        /* padding: 5% 0 0 8%;*/
        /*width: 50%; height: 6.8rem; border-radius: 50%; float: left; box-sizing: border-box;
        padding: 1.2rem 0 0 1.2rem; position: relative;
        img{
          width: 100%; max-width: 4.8rem; height: 4.8rem; position: absolute; top: 1.35rem; left: 1.2rem;
        }*/
    }
    #index .index_s3 .s3_conText {
        float: right;
        width: 50%;
        height: 100%;
        margin-right: 15%;
        background: url(../images/guanyubg-fr.png) no-repeat;
        background-position: right bottom;
        background-size: 300px 300px;
    }
    #index .index_s3 .s3_conText:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_conText .ct_con {
        max-width: 5.5rem;
        float: right;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #index .index_s3 .s3_conText .ct_con p strong {
        font-size: 0.24rem;
        color: #1dabdd;
    }
    #index .index_s3 .s3_conText .s3_title {
        padding-top: 0%;
        padding-bottom: 8%;
    }
    #index .index_s3 .s3_conText .s3_title .con_tit {
        font-size: 0.36rem;
        color: #333333;
        font-weight: bold;
    }
    #index .index_s3 .s3_conText .s3_title .xian_bg {
        height: 4px;
        width: 40px;
        background: #333333;
        margin-top: 25px;
    }
    #index .index_s3 .s3_conText .ct_title {
        font-size: 0.24rem;
        color: #1dabdd;
        line-height: 35px;
        margin-bottom: 5%;
    }
    #index .index_s3 .s3_conText p {
        font-size: 0.16rem;
        color: #333333;
        line-height: 35px;
        margin-bottom: 0;
        text-indent: 2em;
    }
    #index .index_s3 .s3_conText .result p {
        display: block;
        font-size: 0.16rem;
        color: #333333;
        line-height: 35px;
        text-indent: 2em;
        margin: 0;
    }
    #index .index_s3 .s3_conText .result span {
        display: block;
        font-size: 0.16rem;
        color: #333333;
        line-height: 35px;
        text-indent: 2em;
    }
    #index .index_s3 .s3_conText .more {
        margin-top: 5%;
        height: 30px;
    }
    #index .index_s3 .s3_conText .more a {
        font-size: 0.18rem;
        color: #1dabdd;
        line-height: 30px;
        padding-left: 2em;
    }
    #index .index_s3 .s3_conText .more a img {
        width: 8px;
        height: 15px;
        margin: -5px 0 0 10px;
    }
    #index .index_s4 {
        background: url("../images/index_solution_bg.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }
    #index .index_s4 .fp-tableCell {
        background: rgba(0, 0, 0, 0.85);
    }
    #index .index_s4 .is_title .con_tit {
        color: #ffffff;
        font-size: 0.36rem;
    }
    #index .index_s4 .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_s4 .is4_con {
        width: 100%;
        height: 58%;
        margin-top: 0;
    }
    #index .index_s4 .is4_con .swiper_index4 {
        width: 100%;
        height: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide {
        width: 62%;
        height: 100%;
        margin: 0 auto;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image a {
        width: auto;
        height: 100%;
        position: relative;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide img {
        height: 100%;
        max-width: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_title {
        background: #333333;
        font-size: 0.3rem;
        color: #1eb9ee;
        padding: 0.1rem 0.3rem;
        position: absolute;
        top: 0.6rem;
        left: -0.6rem;
        font-weight: bold;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_text {
        width: 3rem;
        background: rgba(0, 0, 0, 0.5);
        font-size: 0.16rem;
        color: #dddddd;
        padding: 0.15rem 0.2rem;
        line-height: 0.25rem;
        position: absolute;
        bottom: 0.6rem;
        right: -0.6rem;
    }
    #index .index_s4 .is4_bottom {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-bottom: 3px solid #626262;
        display: flex;
        justify-content: space-around;
        padding: 0 19%;
    }
    #index .index_s4 .is4_bottom a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #index .index_s4 .is4_bottom a .icon {
        width: 50px;
        height: 50px;
        border: 1px solid #3b3b3b;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
    }
    #index .index_s4 .is4_bottom a span {
        font-size: 0.16rem;
        color: #999999;
        line-height: 40px;
    }
    #index .index_s4 .is4_bottom a .shuxian_bg {
        width: 3px;
        height: 10px;
        background: #4c4c4c;
    }
    #index .index_s4 .is4_bottom a.active .icon {
        border: 1px solid #1eb9ee;
        background: #1eb9ee;
        transform: rotate(360deg);
    }
    #index .index_s4 .is4_bottom a.active span {
        color: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active .shuxian_bg {
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a:hover .icon {
        transform: rotate(360deg);
    }
    #index .index_s5 .is_title {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 2.5% 0 1.8%;
    }
    #index .index_s5 .is_title .con_tit {
        font-size: 0.36rem;
        color: #333333;
        font-weight: bold;
        line-height: 1;
    }
    #index .index_s5 .is_title .xian_bg {
        width: 0.4rem;
        height: 0.04rem;
        background: #333333;
        margin-top: 0.2rem;
    }
    #index .index_s5 .is5_con {
        width: 12rem;
        margin: 0 auto;
        display: none;
        flex-wrap: wrap;
        justify-content: space-between;
        height: auto;
    }
    #index .index_s5 .is5_con a {
        width: 2rem;
        height: 1rem;
        margin-bottom: 0.9%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #index .index_s5 .is5_con a img {
        max-height: 1rem;
        max-width: 1.8rem;
    }
    #index .index_s5 .is5_con a:hover {
        box-shadow: 4px 4px 10px #eeeeee;
    }
    #index .index_bottom {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .fp-tableCell {
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .ib_content {
        background: url("../images/index_11.png") #000000 no-repeat;
        background-size: 100% 100%;
        flex: 1;
    }
    #index .index_bottom .ib_content .is_title {
        padding: 4% 0 3%;
    }
    #index .index_bottom .ib_content .is_title .con_tit {
        color: #ffffff;
    }
    #index .index_bottom .ib_content .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_bottom .ib_content .is_con {
        width: 1200px;
        margin: 0.4rem auto 0;
        background: url("../images/11.png") no-repeat;
        background-size: 1200px 270px;
    }
    #index .index_bottom .ib_content .is_con:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .ib_content .is_con .isc_left {
        float: left;
        width: 6rem;
        height: 270px;
        padding-right: 150px;
        padding-top: 30px;
        position: relative;
        display: none;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se {
        text-align: right;
        display: flex;
        justify-content: flex-end;
        font-size: 0.16rem;
        color: #dddddd;
        margin-bottom: 0.5rem;
        line-height: 0.4rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se a {
        font-size: 0.16rem;
        color: #dddddd;
        line-height: 0.4rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img {
        width: 0.4rem;
        height: 0.4rem;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0.15rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img img {
        max-width: 0.2rem;
        height: 0.2rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .imgMove {
        width: 40px;
        height: 40px;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0;
        position: relative;
        animation-name: myfirst;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-delay: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-play-state: running;
        /* Firefox: */
        -moz-animation-name: myfirst;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-direction: alternate;
        -moz-animation-play-state: running;
        /* Safari and Chrome: */
        -webkit-animation-name: myfirst;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        -webkit-animation-play-state: running;
        /* Opera: */
        -o-animation-name: myfirst;
        -o-animation-duration: 1s;
        -o-animation-timing-function: linear;
        -o-animation-delay: 2s;
        -o-animation-iteration-count: infinite;
        -o-animation-direction: alternate;
        -o-animation-play-state: running;
    }
    @keyframes myfirst {
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-moz-keyframes myfirst {
        /* Firefox */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-webkit-keyframes myfirst {
        /* Safari and Chrome */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-o-keyframes myfirst {
        /* Opera */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(1) {
        position: absolute;
        top: -8px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(2) {
        position: absolute;
        top: 98px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(3) {
        position: absolute;
        top: 210px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right {
        float: left;
        width: 6rem;
        height: 270px;
        position: relative;
        padding-left: 1.5rem;
        padding-top: 0.35rem;
        box-sizing: border-box;
        display: none;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se {
        margin-bottom: 0.3rem;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se a {
        display: block;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se a p:last-child {
        margin-top: 15px;
        font-size: 13.5px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name {
        font-size: 0.16rem;
        color: #dddddd;
        line-height: 1;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name i {
        font-style: normal;
        font-size: 0.16rem;
        color: #20baee;
        font-weight: bold;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .addr {
        font-size: 14px;
        color: #999999;
        line-height: 0.25rem;
        margin-top: 0.2rem;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(1) {
        position: absolute;
        top: 3px;
        left: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(2) {
        position: absolute;
        top: 109px;
        left: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(3) {
        position: absolute;
        top: 220px;
        left: 180px;
    }
    #index .index_bottom .footer .foot_friendlyLink {
        background: #ebebeb;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent {
        width: 1200px;
        margin: 0 auto;
        padding-top: 35px;
        border: 0;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_title {
        width: 140px;
        font-size: 18px;
        color: #333333;
        float: left;
        line-height: 35px;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con {
        float: left;
        width: 1060px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con a {
        display: block;
        width: 265px;
        font-size: 14px;
        color: #666666;
        font-weight: 400;
        line-height: 35px;
    }
    #index .index_bottom .footer .foot_bottom {
        width: 100%;
        height: 70px;
        background: #ebebeb;
        text-align: center;
        border: 1px solid #e8e8e8;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom {
        width: 1200px;
        margin: 0 auto;
        height: 70px;
        line-height: 70px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span {
        font-size: 14px;
        color: #666666;
        line-height: 70px;
        font-family: PingFang SC;
        display: flex;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span a {
        font-size: 14px;
        color: #666666;
        line-height: 70px;
        font-family: PingFang SC;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a {
        margin-left: 20px;
        position: relative;
        height: 70px;
        line-height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a img {
        width: 15px;
        height: 15px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode {
        display: none;
        width: 100px;
        height: 110px;
        background: #ffffff;
        position: absolute;
        top: -110px;
        left: -45px;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode img {
        width: 90px;
        height: 90px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode .jiantou {
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top-color: #ffffff;
        position: absolute;
        bottom: -16px;
        left: 44%;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a:hover .QRcode {
        display: flex;
    }
}

@media (max-width: 1440px) {
    #certify {
        position: relative;
        width: 1440px;
        margin: 0 auto
    }
    #certify .swiper-container {
        padding-bottom: 60px;
        margin: 0 70px;
    }
    #certify .swiper-slide {
        /* width: 500px;
    height: 270px; */
        background: #000;
    }
    #certify .swiper-slide img {
        display: block;
        width: 100%;
        opacity: 0.3;
        box-shadow: 10px 10px 22px rgba(0, 0, 0, 0.5);
    }
    #certify .swiper-slide-active img {
        opacity: 1;
    }
    #certify .swiper-slide p {
        height: 50px;
        line-height: 50px;
        padding-top: 0;
        text-align: center;
        color: #fff;
        font-size: 1.1em;
        margin: 0;
        background: rgba(0, 0, 0, 0.5);
    }
    #certify .swiper-pagination {
        width: 100%;
        bottom: 20px;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        border: 3px solid #fff;
        background-color: #d5d5d5;
        width: 10px;
        height: 10px;
        opacity: 1;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
        border: 3px solid #00aadc;
        background-color: #fff;
    }
    #certify .swiper-button-prev {
        left: 18px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
    #certify .swiper-button-prev:hover {
        background-position: 0 -46px;
        background-size: 100%
    }
    #certify .swiper-button-next {
        right: 42px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 -93px;
        background-size: 100%;
    }
    #certify .swiper-button-next:hover {
        background-position: 0 -139px;
        background-size: 100%
    }
    #index {
        /*关于我们*/
        /*关于我们--结束*/
        /*解决方案*/
        /*解决方案--结束*/
        /*服务客户*/
        /*服务客户--结束*/
        /*联系我们*/
        /*联系我们--结束*/
    }
    #index .is_title {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 3.5% 0 2.5%;
    }
    #index .is_title .con_tit {
        font-size: 0.36rem;
        color: #333333;
        font-weight: bold;
        line-height: 1;
    }
    #index .is_title .xian_bg {
        width: 0.4rem;
        height: 0.04rem;
        background: #333333;
        margin-top: 0.2rem;
    }
    #index .index_s3 {
        width: 100%;
        height: 100%;
        background: url("../images/guanyubg-fl.png") no-repeat;
        background-size: contain;
        background-position: 0 -0.26rem;
    }
    #index .index_s3 .fp-tableCell {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }
    #index .index_s3:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_Img {
        /* padding: 5% 0 0 8%;*/
        /*width: 50%; height: 6.8rem; border-radius: 50%; float: left; box-sizing: border-box;
        padding: 1.2rem 0 0 1.2rem; position: relative;
        img{
          width: 100%; max-width: 4.8rem; height: 4.8rem; position: absolute; top: 1.2rem; left: 1.2rem;
        }*/
    }
    #index .index_s3 .s3_conText {
        float: right;
        width: 50%;
        height: 100%;
        margin-right: 10%;
        background: url(../images/guanyubg-fr.png) no-repeat;
        background-position: right bottom;
        background-size: 300px 300px;
    }
    #index .index_s3 .s3_conText:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_conText .ct_con {
        max-width: 5.5rem;
        float: right;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #index .index_s3 .s3_conText .ct_con p strong {
        font-size: 0.24rem;
        color: #1dabdd;
    }
    #index .index_s3 .s3_conText .s3_title {
        padding-top: 0;
        padding-bottom: 8%;
    }
    #index .index_s3 .s3_conText .s3_title .con_tit {
        font-size: 0.36rem;
        color: #333333;
        font-weight: bold;
    }
    #index .index_s3 .s3_conText .s3_title .xian_bg {
        height: 4px;
        width: 40px;
        background: #333333;
        margin-top: 25px;
    }
    #index .index_s3 .s3_conText .ct_title {
        font-size: 0.24rem;
        color: #1dabdd;
        line-height: 35px;
        margin-bottom: 5%;
    }
    #index .index_s3 .s3_conText p {
        font-size: 0.16rem;
        color: #333333;
        line-height: 35px;
        margin-bottom: 0;
        text-indent: 2em;
    }
    #index .index_s3 .s3_conText .result p {
        display: block;
        font-size: 0.16rem;
        color: #333333;
        line-height: 35px;
        text-indent: 2em;
        margin: 0;
    }
    #index .index_s3 .s3_conText .result span {
        display: block;
        font-size: 0.16rem;
        color: #333333;
        line-height: 35px;
        text-indent: 2em;
    }
    #index .index_s3 .s3_conText .more {
        margin-top: 5%;
        height: 30px;
    }
    #index .index_s3 .s3_conText .more a {
        font-size: 0.18rem;
        color: #1dabdd;
        line-height: 30px;
        padding-left: 2em;
    }
    #index .index_s3 .s3_conText .more a img {
        width: 8px;
        height: 15px;
        margin: -5px 0 0 10px;
    }
    #index .index_s4 {
        background: url("../images/index_solution_bg.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }
    #index .index_s4 .fp-tableCell {
        background: rgba(0, 0, 0, 0.85);
    }
    #index .index_s4 .is_title .con_tit {
        color: #ffffff;
        font-size: 0.36rem;
    }
    #index .index_s4 .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_s4 .is4_con {
        width: 100%;
        height: 59%;
        margin-top: 0;
        /*.content{
          width: 62%; height: 100%; margin: 2% auto; display: none; align-items: center; justify-content: center;
          .body_img{
            height: 100%;
            .image{
              position: relative; height: 100%; width: auto;
              a{
                display: flex; align-items: center; justify-content: center;height: 100%; width: 100%;
              }
            }
            img{
              height: 100%; max-width: 100%;
            }
            .cImg_title{
              background: #333333; font-size: 0.3rem; color: #1eb9ee; padding: 0.1rem 0.3rem; position: absolute; top: 0.6rem; left: -0.6rem; font-weight: bold;
            }
            .cImg_text{
              width: 3rem; background: rgba(0,0,0,0.5); font-size: 0.16rem; color: #999999; padding: 0.3rem; line-height: 0.4rem; position: absolute; bottom: 0.6rem; right: -0.6rem;
            }
          }

        }*/
    }
    #index .index_s4 .is4_con .swiper_index4 {
        width: 100%;
        height: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide {
        width: 62%;
        height: 100%;
        margin: 0 auto;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image a {
        width: auto;
        height: 100%;
        position: relative;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide img {
        height: 100%;
        max-width: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_title {
        background: #333333;
        font-size: 0.3rem;
        color: #1eb9ee;
        padding: 0.1rem 0.3rem;
        position: absolute;
        top: 0.6rem;
        left: -0.6rem;
        font-weight: bold;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_text {
        width: 3rem;
        background: rgba(0, 0, 0, 0.5);
        font-size: 0.16rem;
        color: #dddddd;
        padding: 0.3rem;
        line-height: 0.3rem;
        position: absolute;
        bottom: 0.6rem;
        right: -0.6rem;
    }
    #index .index_s4 .is4_bottom {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-bottom: 3px solid #626262;
        display: flex;
        justify-content: space-around;
        padding: 0 19%;
    }
    #index .index_s4 .is4_bottom a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #index .index_s4 .is4_bottom a .icon {
        width: 50px;
        height: 50px;
        border: 1px solid #3b3b3b;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
    }
    #index .index_s4 .is4_bottom a span {
        font-size: 0.16rem;
        color: #999999;
        line-height: 40px;
    }
    #index .index_s4 .is4_bottom a .shuxian_bg {
        width: 3px;
        height: 10px;
        background: #4c4c4c;
    }
    #index .index_s4 .is4_bottom a.active .icon {
        border: 1px solid #1eb9ee;
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active span {
        color: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active .shuxian_bg {
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a:hover .icon {
        transform: rotate(360deg);
    }
    #index .index_s5 .is5_con {
        width: 12rem;
        margin: 0 auto;
        display: none;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #index .index_s5 .is5_con a {
        width: 2.7rem;
        height: 1rem;
        margin-bottom: 1%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #index .index_s5 .is5_con a img {
        max-height: 1rem;
        max-width: 2.5rem;
    }
    #index .index_s5 .is5_con a:hover {
        box-shadow: 4px 4px 10px #eeeeee;
    }
    #index .index_bottom {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .fp-tableCell {
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .ib_content {
        background: url("../images/index_11.png") #000000 no-repeat;
        background-size: 100% 100%;
        flex: 1;
    }
    #index .index_bottom .ib_content .is_title .con_tit {
        color: #ffffff;
    }
    #index .index_bottom .ib_content .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_bottom .ib_content .is_con {
        width: 1200px;
        margin: 0.4rem auto 0;
        background: url("../images/11.png") no-repeat;
        background-size: 1200px 270px;
    }
    #index .index_bottom .ib_content .is_con:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .ib_content .is_con .isc_left {
        float: left;
        width: 6rem;
        padding-right: 150px;
        padding-top: 30px;
        height: 270px;
        position: relative;
        display: none;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se {
        text-align: right;
        display: flex;
        justify-content: flex-end;
        font-size: 0.16rem;
        color: #dddddd;
        margin-bottom: 0.5rem;
        line-height: 0.4rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se a {
        font-size: 0.16rem;
        color: #dddddd;
        line-height: 0.4rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img {
        width: 0.4rem;
        height: 0.4rem;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0.15rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img img {
        max-width: 0.2rem;
        height: 0.2rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .imgMove {
        width: 40px;
        height: 40px;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0;
        position: relative;
        animation-name: myfirst;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-delay: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-play-state: running;
        /* Firefox: */
        -moz-animation-name: myfirst;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-direction: alternate;
        -moz-animation-play-state: running;
        /* Safari and Chrome: */
        -webkit-animation-name: myfirst;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        -webkit-animation-play-state: running;
        /* Opera: */
        -o-animation-name: myfirst;
        -o-animation-duration: 1s;
        -o-animation-timing-function: linear;
        -o-animation-delay: 2s;
        -o-animation-iteration-count: infinite;
        -o-animation-direction: alternate;
        -o-animation-play-state: running;
    }
    @keyframes myfirst {
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-moz-keyframes myfirst {
        /* Firefox */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-webkit-keyframes myfirst {
        /* Safari and Chrome */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-o-keyframes myfirst {
        /* Opera */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(1) {
        position: absolute;
        top: -8px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(2) {
        position: absolute;
        top: 98px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(3) {
        position: absolute;
        top: 210px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right {
        float: left;
        width: 6rem;
        padding-left: 1.5rem;
        padding-top: 0.35rem;
        box-sizing: border-box;
        height: 270px;
        position: relative;
        display: none;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se {
        margin-bottom: 0.3rem;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se a {
        display: block;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se a p:last-child {
        margin-top: 15px;
        font-size: 13.5px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name {
        font-size: 0.16rem;
        color: #dddddd;
        line-height: 1;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name i {
        font-style: normal;
        font-size: 0.16rem;
        color: #20baee;
        font-weight: bold;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .addr {
        font-size: 14px;
        color: #999999;
        line-height: 0.25rem;
        margin-top: 0.25rem;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(1) {
        position: absolute;
        top: 3px;
        left: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(2) {
        position: absolute;
        top: 109px;
        left: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(3) {
        position: absolute;
        top: 220px;
        left: 180px;
    }
    #index .index_bottom .footer .foot_friendlyLink {
        background: #ebebeb;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent {
        width: 1200px;
        margin: 0 auto;
        padding-top: 35px;
        border: 0;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_title {
        width: 140px;
        font-size: 18px;
        color: #333333;
        float: left;
        line-height: 35px;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con {
        float: left;
        width: 1060px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con a {
        display: block;
        width: 265px;
        font-size: 14px;
        color: #666666;
        font-weight: 400;
        line-height: 35px;
    }
    #index .index_bottom .footer .foot_bottom {
        width: 100%;
        height: 70px;
        background: #ebebeb;
        text-align: center;
        border: 1px solid #e8e8e8;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom {
        width: 1200px;
        margin: 0 auto;
        height: 70px;
        line-height: 70px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span {
        font-size: 14px;
        color: #666666;
        line-height: 70px;
        font-family: PingFang SC;
        display: flex;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span a {
        font-size: 14px;
        color: #666666;
        line-height: 70px;
        font-family: PingFang SC;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a {
        margin-left: 20px;
        position: relative;
        height: 70px;
        line-height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a img {
        width: 15px;
        height: 15px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode {
        display: none;
        width: 100px;
        height: 110px;
        background: #ffffff;
        position: absolute;
        top: -110px;
        left: -45px;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode img {
        width: 90px;
        height: 90px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode .jiantou {
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top-color: #ffffff;
        position: absolute;
        bottom: -16px;
        left: 44%;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a:hover .QRcode {
        display: flex;
    }
}

@media (max-width: 1366px) {
    #certify {
        position: relative;
        width: 1366px;
        margin: 0 auto
    }
    #certify .swiper-container {
        padding-bottom: 60px;
        margin: 0 70px;
    }
    #certify .swiper-slide {
        /* width: 500px;
    height: 270px; */
        background: #000;
    }
    #certify .swiper-slide img {
        display: block;
        width: 100%;
        opacity: 0.3;
        box-shadow: 10px 10px 22px rgba(0, 0, 0, 0.5);
    }
    #certify .swiper-slide-active img {
        opacity: 1;
    }
    #certify .swiper-slide p {
        height: 50px;
        line-height: 50px;
        padding-top: 0;
        text-align: center;
        color: #fff;
        font-size: 1.1em;
        margin: 0;
        background: rgba(0, 0, 0, 0.5);
    }
    #certify .swiper-pagination {
        width: 100%;
        bottom: 20px;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        border: 3px solid #fff;
        background-color: #d5d5d5;
        width: 10px;
        height: 10px;
        opacity: 1;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
        border: 3px solid #00aadc;
        background-color: #fff;
    }
    #certify .swiper-button-prev {
        left: 18px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
    #certify .swiper-button-prev:hover {
        background-position: 0 -46px;
        background-size: 100%
    }
    #certify .swiper-button-next {
        right: 42px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 -93px;
        background-size: 100%;
    }
    #certify .swiper-button-next:hover {
        background-position: 0 -139px;
        background-size: 100%
    }
    #index {
        /*关于我们*/
        /*关于我们--结束*/
        /*解决方案*/
        /*解决方案--结束*/
        /*服务客户*/
        /*服务客户--结束*/
        /*联系我们*/
        /*联系我们--结束*/
    }
    #index .is_title {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 2.5% 0 2.5%;
    }
    #index .is_title .con_tit {
        font-size: 0.36rem;
        color: #333333;
        font-weight: bold;
        line-height: 1;
    }
    #index .is_title .xian_bg {
        width: 0.4rem;
        height: 0.04rem;
        background: #333333;
        margin-top: 0.2rem;
    }
    #index .index_s3 {
        width: 100%;
        height: 100%;
        background: url("../images/index_about_bg1.png") no-repeat;
        background-size: contain;
        background-position: 0 -0.26rem;
    }
    #index .index_s3 .fp-tableCell {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }
    #index .index_s3:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_Img {
        /* padding: 5% 0 0 8%;*/
        /* width: 50%; height: 6.8rem; border-radius: 50%; float: left; box-sizing: border-box;
        padding: 1.2rem 0 0 1.2rem; position: relative;
        img{
          width: 100%; max-width: 3.8rem; height: 3.8rem; position: absolute; top: 1.2rem; left: 1.2rem;
        }*/
    }
    #index .index_s3 .s3_conText {
        float: right;
        width: 50%;
        height: 100%;
        margin-right: 10%;
        background: url(../images/guanyubg-fr.png) no-repeat;
        background-position: right bottom;
        background-size: 300px 300px;
    }
    #index .index_s3 .s3_conText:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_conText .ct_con {
        max-width: 5.5rem;
        float: right;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #index .index_s3 .s3_conText .ct_con p strong {
        font-size: 0.24rem;
        color: #1dabdd;
    }
    #index .index_s3 .s3_conText .s3_title {
        padding-top: 0;
        padding-bottom: 6%;
    }
    #index .index_s3 .s3_conText .s3_title .con_tit {
        font-size: 0.36rem;
        color: #333333;
        font-weight: bold;
    }
    #index .index_s3 .s3_conText .s3_title .xian_bg {
        height: 4px;
        width: 40px;
        background: #333333;
        margin-top: 25px;
    }
    #index .index_s3 .s3_conText .ct_title {
        font-size: 0.24rem;
        color: #1dabdd;
        line-height: 30px;
        margin-bottom: 5%;
    }
    #index .index_s3 .s3_conText p {
        font-size: 0.16rem;
        color: #333333;
        line-height: 30px;
        margin-bottom: 0;
        text-indent: 2em;
    }
    #index .index_s3 .s3_conText .result p {
        display: block;
        font-size: 0.16rem;
        color: #333333;
        line-height: 30px;
        text-indent: 2em;
        margin: 0;
    }
    #index .index_s3 .s3_conText .result span {
        display: block;
        font-size: 0.16rem;
        color: #333333;
        line-height: 30px;
        text-indent: 2em;
    }
    #index .index_s3 .s3_conText .more {
        margin-top: 2%;
        height: 30px;
    }
    #index .index_s3 .s3_conText .more a {
        font-size: 0.18rem;
        color: #1dabdd;
        line-height: 30px;
        padding-left: 2em;
    }
    #index .index_s3 .s3_conText .more a img {
        width: 8px;
        height: 15px;
        margin: -5px 0 0 10px;
    }
    #index .index_s4 {
        background: url("../images/index_solution_bg.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }
    #index .index_s4 .fp-tableCell {
        background: rgba(0, 0, 0, 0.85);
    }
    #index .index_s4 .is_title .con_tit {
        color: #ffffff;
        font-size: 0.36rem;
    }
    #index .index_s4 .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_s4 .is4_con {
        width: 100%;
        height: 56%;
        margin-top: 0;
        /*.content{
          width: 62%; height: 100%; margin: 3% auto 0; display: none; align-items: center; justify-content: center;
          .body_img{
            height: 100%;
            .image{
              position: relative; height: 100%; width: auto;
              a{
                display: flex; align-items: center; justify-content: center;height: 100%; width: 100%;
              }
            }
            img{
              height: 100%; max-width: 100%;
            }
            .cImg_title{
              background: #333333; font-size: 0.26rem; color: #1eb9ee; padding: 0.1rem 0.15rem; position: absolute; top: 0.6rem; left: -0.6rem; font-weight: bold;
            }
            .cImg_text{
              width: 3rem; background: rgba(0,0,0,0.5); font-size: 0.14rem; color: #999999; padding: 0.1rem; line-height: 0.25rem; position: absolute; bottom: 0.6rem; right: -0.6rem;
            }
          }

        }*/
    }
    #index .index_s4 .is4_con .swiper_index4 {
        width: 100%;
        height: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide {
        width: 62%;
        height: 100%;
        margin: 0 auto;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image a {
        width: auto;
        height: 100%;
        position: relative;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide img {
        height: 100%;
        max-width: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_title {
        background: #333333;
        font-size: 0.26rem;
        color: #1eb9ee;
        padding: 0.1rem 0.15rem;
        position: absolute;
        top: 0.6rem;
        left: -0.6rem;
        font-weight: bold;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_text {
        width: 3rem;
        background: rgba(0, 0, 0, 0.5);
        font-size: 0.14rem;
        color: #dddddd;
        padding: 0.1rem;
        line-height: 0.25rem;
        position: absolute;
        bottom: 0.6rem;
        right: -0.6rem;
    }
    #index .index_s4 .is4_bottom {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-bottom: 3px solid #626262;
        display: flex;
        justify-content: space-around;
        padding: 0 19%;
    }
    #index .index_s4 .is4_bottom a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #index .index_s4 .is4_bottom a .icon {
        width: 50px;
        height: 50px;
        border: 1px solid #3b3b3b;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
    }
    #index .index_s4 .is4_bottom a span {
        font-size: 0.14rem;
        color: #999999;
        line-height: 35px;
    }
    #index .index_s4 .is4_bottom a .shuxian_bg {
        width: 3px;
        height: 10px;
        background: #4c4c4c;
    }
    #index .index_s4 .is4_bottom a.active .icon {
        border: 1px solid #1eb9ee;
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active span {
        color: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active .shuxian_bg {
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a:hover .icon {
        transform: rotate(360deg);
    }
    #index .index_s5 .is_title {
        padding: 1.5% 0;
    }
    #index .index_s5 .is5_con {
        width: 12rem;
        margin: 0 auto;
        display: none;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #index .index_s5 .is5_con a {
        width: 2.7rem;
        height: 0.8rem;
        margin-bottom: 1%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #index .index_s5 .is5_con a img {
        max-height: 0.8rem;
        max-width: 2.5rem;
    }
    #index .index_s5 .is5_con a:hover {
        box-shadow: 4px 4px 10px #eeeeee;
    }
    #index .index_bottom {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .fp-tableCell {
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .ib_content {
        background: url("../images/index_11.png") #000000 no-repeat;
        background-size: 100% 100%;
        flex: 1;
    }
    #index .index_bottom .ib_content .is_title .con_tit {
        color: #ffffff;
    }
    #index .index_bottom .ib_content .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_bottom .ib_content .is_con {
        width: 1200px;
        margin: 0.2rem auto 0;
    }
    #index .index_bottom .ib_content .is_con:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .ib_content .is_con .isc_left {
        float: left;
        width: 6rem;
        padding-right: 150px;
        padding-top: 30px;
        height: 270px;
        position: relative;
        display: none;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se {
        text-align: right;
        display: flex;
        justify-content: flex-end;
        font-size: 0.16rem;
        color: #dddddd;
        margin-bottom: 0.3rem;
        line-height: 0.4rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se a {
        font-size: 0.16rem;
        color: #dddddd;
        line-height: 0.4rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img {
        width: 0.4rem;
        height: 0.4rem;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0.15rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img img {
        max-width: 0.2rem;
        height: 0.2rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .imgMove {
        width: 40px;
        height: 40px;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0;
        position: relative;
        animation-name: myfirst;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-delay: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-play-state: running;
        /* Firefox: */
        -moz-animation-name: myfirst;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-direction: alternate;
        -moz-animation-play-state: running;
        /* Safari and Chrome: */
        -webkit-animation-name: myfirst;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        -webkit-animation-play-state: running;
        /* Opera: */
        -o-animation-name: myfirst;
        -o-animation-duration: 1s;
        -o-animation-timing-function: linear;
        -o-animation-delay: 2s;
        -o-animation-iteration-count: infinite;
        -o-animation-direction: alternate;
        -o-animation-play-state: running;
    }
    @keyframes myfirst {
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-moz-keyframes myfirst {
        /* Firefox */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-webkit-keyframes myfirst {
        /* Safari and Chrome */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-o-keyframes myfirst {
        /* Opera */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(1) {
        position: absolute;
        top: -8px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(2) {
        position: absolute;
        top: 98px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(3) {
        position: absolute;
        top: 210px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right {
        float: left;
        width: 6rem;
        padding-left: 1.5rem;
        padding-top: 0.3rem;
        box-sizing: border-box;
        height: 270px;
        position: relative;
        display: none;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se {
        margin-bottom: 0.2rem;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se a {
        display: block;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se a p:last-child {
        margin-top: 15px;
        font-size: 13.5px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name {
        font-size: 0.16rem;
        color: #dddddd;
        line-height: 1;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name i {
        font-style: normal;
        font-size: 0.16rem;
        color: #20baee;
        font-weight: bold;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .addr {
        font-size: 14px;
        color: #999999;
        line-height: 0.25rem;
        margin-top: 0.1rem;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(1) {
        position: absolute;
        top: 3px;
        left: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(2) {
        position: absolute;
        top: 109px;
        left: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(3) {
        position: absolute;
        top: 220px;
        left: 180px;
    }
    #index .index_bottom .footer .foot_friendlyLink {
        background: #ebebeb;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent {
        width: 1200px;
        margin: 0 auto;
        padding-top: 30px;
        border: 0;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_title {
        width: 140px;
        font-size: 18px;
        color: #333333;
        float: left;
        line-height: 35px;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con {
        float: left;
        width: 1060px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con a {
        display: block;
        width: 265px;
        font-size: 14px;
        color: #666666;
        font-weight: 400;
        line-height: 35px;
    }
    #index .index_bottom .footer .foot_bottom {
        width: 100%;
        height: 56px;
        background: #ebebeb;
        text-align: center;
        border: 1px solid #e8e8e8;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom {
        width: 1200px;
        margin: 0 auto;
        height: 56px;
        line-height: 56px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span {
        font-size: 14px;
        color: #666666;
        line-height: 56px;
        font-family: PingFang SC;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span a {
        font-size: 14px;
        color: #666666;
        line-height: 56px;
        font-family: PingFang SC;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a {
        margin-left: 20px;
        position: relative;
        height: 56px;
        line-height: 56px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a img {
        width: 15px;
        height: 15px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode {
        display: none;
        width: 100px;
        height: 110px;
        background: #ffffff;
        position: absolute;
        top: -105px;
        left: -45px;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode img {
        width: 90px;
        height: 90px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode .jiantou {
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top-color: #ffffff;
        position: absolute;
        bottom: -16px;
        left: 44%;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a:hover .QRcode {
        display: flex;
    }
}

@media (max-width: 1280px) {
    #index {
        /*关于我们*/
        /*关于我们--结束*/
        /*解决方案*/
        /*解决方案--结束*/
        /*服务客户*/
        /*服务客户--结束*/
        /*联系我们*/
        /*联系我们--结束*/
    }
    #index .is_title {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 2.5% 0 2.5%;
    }
    #index .is_title .con_tit {
        font-size: 0.34rem;
        color: #333333;
        font-weight: bold;
        line-height: 1;
    }
    #index .is_title .xian_bg {
        width: 0.4rem;
        height: 0.04rem;
        background: #333333;
        margin-top: 0.2rem;
    }
    #index .index_s3 {
        width: 100%;
        height: 100%;
        background: url("../images/index_about_bg1.png") no-repeat;
        background-size: 45% 100%;
        background-position: 0 -0.26rem;
    }
    #index .index_s3 .fp-tableCell {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }
    #index .index_s3:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_Img {
        /* padding: 5% 0 0 8%;*/
        /* width: 50%; height: 6.8rem; border-radius: 50%; float: left; box-sizing: border-box;
        padding: 1rem 0 0 1rem; position: relative;
        img{
          width: 100%; max-width: 3.8rem; height: 3.8rem; position: absolute; top: 1rem; left: 1rem;
        }*/
    }
    #index .index_s3 .s3_conText {
        float: right;
        width: 50%;
        height: 100%;
        margin-right: 9%;
        background: url(../images/guanyubg-fr.png) no-repeat;
        background-position: right bottom;
        background-size: 300px 300px;
    }
    #index .index_s3 .s3_conText:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_conText .ct_con {
        max-width: 4.8rem;
        float: right;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #index .index_s3 .s3_conText .ct_con p strong {
        font-size: 0.24rem;
        color: #1dabdd;
    }
    #index .index_s3 .s3_conText .s3_title {
        padding-top: 0;
        padding-bottom: 10%;
    }
    #index .index_s3 .s3_conText .s3_title .con_tit {
        font-size: 0.34rem;
        color: #333333;
        font-weight: bold;
    }
    #index .index_s3 .s3_conText .s3_title .xian_bg {
        height: 4px;
        width: 40px;
        background: #333333;
        margin-top: 25px;
    }
    #index .index_s3 .s3_conText .ct_title {
        font-size: 0.22rem;
        color: #1dabdd;
        line-height: 30px;
        margin-bottom: 8%;
    }
    #index .index_s3 .s3_conText p {
        font-size: 0.15rem;
        color: #333333;
        line-height: 28px;
        margin-bottom: 0;
        text-indent: 2em;
    }
    #index .index_s3 .s3_conText .result p {
        display: block;
        font-size: 0.15rem;
        color: #333333;
        line-height: 28px;
        text-indent: 2em;
        margin: 0;
    }
    #index .index_s3 .s3_conText .result span {
        display: block;
        font-size: 0.15rem;
        color: #333333;
        line-height: 28px;
        text-indent: 2em;
    }
    #index .index_s3 .s3_conText .more {
        margin-top: 2%;
        height: 28px;
    }
    #index .index_s3 .s3_conText .more a {
        font-size: 0.15rem;
        color: #1dabdd;
        line-height: 28px;
        padding-left: 2em;
    }
    #index .index_s3 .s3_conText .more a img {
        width: 8px;
        height: 15px;
        margin: -5px 0 0 10px;
    }
    #index .index_s4 {
        background: url("../images/index_solution_bg.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }
    #index .index_s4 .fp-tableCell {
        background: rgba(0, 0, 0, 0.85);
    }
    #index .index_s4 .is_title {
        padding: 2.5% 0 2.5%;
    }
    #index .index_s4 .is_title .con_tit {
        color: #ffffff;
        font-size: 0.36rem;
    }
    #index .index_s4 .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_s4 .is4_con {
        width: 100%;
        height: 58%;
        margin-top: 0;
        /* .content{
          width: 62%; height: 100%; margin: 1.5% auto 0; display: none; align-items: center; justify-content: center;
          .body_img{
            height: 100%;
            .image{
              position: relative; height: 100%; width: auto;
              a{
                display: flex; align-items: center; justify-content: center;height: 100%; width: 100%;
              }
            }
            img{
              height: 100%; max-width: 100%;
            }
            .cImg_title{
              background: #333333; font-size: 0.26rem; color: #1eb9ee; padding: 0.1rem 0.15rem; position: absolute; top: 0.6rem; left: -0.6rem; font-weight: bold;
            }
            .cImg_text{
              width: 3rem; background: rgba(0,0,0,0.5); font-size: 0.14rem; color: #999999; padding: 0.1rem; line-height: 0.25rem; position: absolute; bottom: 0.6rem; right: -0.6rem;
            }
          }

        }*/
    }
    #index .index_s4 .is4_con .swiper_index4 {
        width: 100%;
        height: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide {
        width: 62%;
        height: 100%;
        margin: 0 auto;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image a {
        width: auto;
        height: 100%;
        position: relative;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide img {
        height: 100%;
        max-width: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_title {
        background: #333333;
        font-size: 0.26rem;
        color: #1eb9ee;
        padding: 0.1rem 0.15rem;
        position: absolute;
        top: 0.6rem;
        left: -0.6rem;
        font-weight: bold;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_text {
        width: 3rem;
        background: rgba(0, 0, 0, 0.5);
        font-size: 0.14rem;
        color: #dddddd;
        padding: 0.1rem;
        line-height: 0.25rem;
        position: absolute;
        bottom: 0.6rem;
        right: -0.6rem;
    }
    #index .index_s4 .is4_bottom {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-bottom: 3px solid #626262;
        display: flex;
        justify-content: space-around;
        padding: 0 19%;
    }
    #index .index_s4 .is4_bottom a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #index .index_s4 .is4_bottom a .icon {
        width: 50px;
        height: 50px;
        border: 1px solid #3b3b3b;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
    }
    #index .index_s4 .is4_bottom a span {
        font-size: 0.14rem;
        color: #999999;
        line-height: 35px;
    }
    #index .index_s4 .is4_bottom a .shuxian_bg {
        width: 3px;
        height: 10px;
        background: #4c4c4c;
    }
    #index .index_s4 .is4_bottom a.active .icon {
        border: 1px solid #1eb9ee;
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active span {
        color: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active .shuxian_bg {
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active::after {
        content: '';
        display: block;
        margin: -20px auto;
        width: 70px;
        height: 4px;
        background: #00b8ee;
        margin-top: 0;
    }
    #index .index_s4 .is4_bottom a:hover .icon {
        transform: rotate(360deg);
    }
    #index .index_s5 .is_title {
        padding: 3% 0;
    }
    #index .index_s5 .is5_con {
        width: 85%;
        margin: 0 auto;
        display: none;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #index .index_s5 .is5_con a {
        width: 25%;
        height: 0.7rem;
        margin-bottom: 1%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #index .index_s5 .is5_con a img {
        max-height: 0.7rem;
        max-width: 2.3rem;
    }
    #index .index_s5 .is5_con a:hover {
        box-shadow: 4px 4px 10px #eeeeee;
    }
    #index .index_bottom {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .fp-tableCell {
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .ib_content {
        background: url("../images/index_11.png") #000000 no-repeat;
        background-size: 100% 100%;
        flex: 1;
    }
    #index .index_bottom .ib_content .is_title {
        padding: 4% 0 3%;
    }
    #index .index_bottom .ib_content .is_title .con_tit {
        color: #ffffff;
    }
    #index .index_bottom .ib_content .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_bottom .ib_content .is_con {
        width: 1200px;
        margin: 0.3rem auto 0;
    }
    #index .index_bottom .ib_content .is_con:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .ib_content .is_con .isc_left {
        float: left;
        width: 50%;
        padding-right: 1.2rem;
        padding-top: 20px;
        height: 270px;
        position: relative;
        display: none;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se {
        text-align: right;
        display: flex;
        justify-content: flex-end;
        font-size: 0.16rem;
        color: #dddddd;
        margin-bottom: 0.3rem;
        line-height: 0.4rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se a {
        font-size: 0.16rem;
        color: #dddddd;
        line-height: 0.4rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img {
        width: 0.4rem;
        height: 0.4rem;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0.15rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img img {
        max-width: 0.2rem;
        height: 0.2rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .imgMove {
        width: 40px;
        height: 40px;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0;
        position: relative;
        animation-name: myfirst;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-delay: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-play-state: running;
        /* Firefox: */
        -moz-animation-name: myfirst;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-direction: alternate;
        -moz-animation-play-state: running;
        /* Safari and Chrome: */
        -webkit-animation-name: myfirst;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        -webkit-animation-play-state: running;
        /* Opera: */
        -o-animation-name: myfirst;
        -o-animation-duration: 1s;
        -o-animation-timing-function: linear;
        -o-animation-delay: 2s;
        -o-animation-iteration-count: infinite;
        -o-animation-direction: alternate;
        -o-animation-play-state: running;
    }
    @keyframes myfirst {
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-moz-keyframes myfirst {
        /* Firefox */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-webkit-keyframes myfirst {
        /* Safari and Chrome */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-o-keyframes myfirst {
        /* Opera */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(1) {
        position: absolute;
        top: -8px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(2) {
        position: absolute;
        top: 98px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(3) {
        position: absolute;
        top: 210px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right {
        float: left;
        width: 50%;
        padding-left: 1.2rem;
        padding-top: 0.25rem;
        box-sizing: border-box;
        height: 270px;
        position: relative;
        display: none;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se {
        margin-bottom: 0.2rem;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se a {
        display: block;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se a p:last-child {
        margin-top: 15px;
        font-size: 13.5px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name {
        font-size: 0.16rem;
        color: #dddddd;
        line-height: 1;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name i {
        font-style: normal;
        font-size: 0.16rem;
        color: #20baee;
        font-weight: bold;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .addr {
        font-size: 14px;
        color: #999999;
        line-height: 0.25rem;
        margin-top: 0.15rem;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(1) {
        position: absolute;
        top: 3px;
        left: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(2) {
        position: absolute;
        top: 109px;
        left: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(3) {
        position: absolute;
        top: 220px;
        left: 180px;
    }
    #index .index_bottom .footer .foot_friendlyLink {
        background: #ebebeb;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent {
        width: 90%;
        margin: 0 auto;
        padding-top: 30px;
        border: 0;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_title {
        width: 10%;
        font-size: 18px;
        color: #333333;
        float: left;
        line-height: 30px;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con {
        float: left;
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con a {
        display: block;
        width: 25%;
        font-size: 14px;
        color: #666666;
        font-weight: 400;
        line-height: 30px;
    }
    #index .index_bottom .footer .foot_bottom {
        width: 100%;
        height: 40px;
        background: #ebebeb;
        text-align: center;
        border: 1px solid #e8e8e8;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom {
        width: 90%;
        margin: 0 auto;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span {
        font-size: 14px;
        color: #666666;
        line-height: 40px;
        font-family: PingFang SC;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span a {
        font-size: 14px;
        color: #666666;
        line-height: 40px;
        font-family: PingFang SC;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a {
        margin-left: 20px;
        position: relative;
        height: 40px;
        line-height: 40px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a img {
        width: 15px;
        height: 15px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode {
        display: none;
        width: 100px;
        height: 110px;
        background: #ffffff;
        position: absolute;
        top: -105px;
        left: -45px;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode img {
        width: 90px;
        height: 90px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode .jiantou {
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top-color: #ffffff;
        position: absolute;
        bottom: -16px;
        left: 44%;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a:hover .QRcode {
        display: flex;
    }
}

@media (max-width: 1024px) {
    #certify {
        position: relative;
        width: 1024px;
        margin: 0 auto
    }
    #certify .swiper-container {
        padding-bottom: 60px;
        margin: 0 70px;
    }
    #certify .swiper-slide {
        width: 500px;
        height: 270px;
        background: #000;
        /*box-shadow: 0 8px 30px #ddd;*/
    }
    #certify .swiper-slide img {
        display: block;
        width: 100%;
        opacity: 0.3;
        box-shadow: 10px 10px 22px rgba(0, 0, 0, 0.5);
    }
    #certify .swiper-slide-active img {
        opacity: 1;
    }
    #certify .swiper-slide p {
        height: 50px;
        line-height: 50px;
        padding-top: 0;
        text-align: center;
        color: #fff;
        font-size: 1.1em;
        margin: 0;
        background: rgba(0, 0, 0, 0.5);
    }
    #certify .swiper-pagination {
        width: 100%;
        bottom: 20px;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        border: 3px solid #fff;
        background-color: #d5d5d5;
        width: 10px;
        height: 10px;
        opacity: 1;
    }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
        border: 3px solid #00aadc;
        background-color: #fff;
    }
    #certify .swiper-button-prev {
        left: 18px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
    #certify .swiper-button-prev:hover {
        background-position: 0 -46px;
        background-size: 100%
    }
    #certify .swiper-button-next {
        right: 42px;
        width: 45px;
        height: 45px;
        background: url(../images/wm_button_icon.png) no-repeat;
        background-position: 0 -93px;
        background-size: 100%;
    }
    #certify .swiper-button-next:hover {
        background-position: 0 -139px;
        background-size: 100%
    }
    #index {
        /*关于我们*/
        /*关于我们--结束*/
        /*解决方案*/
        /*解决方案--结束*/
        /*服务客户*/
        /*服务客户--结束*/
        /*联系我们*/
        /*联系我们--结束*/
    }
    #index .is_title {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 2.5% 0 2.5%;
    }
    #index .is_title .con_tit {
        font-size: 0.36rem;
        color: #333333;
        font-weight: bold;
        line-height: 1;
    }
    #index .is_title .xian_bg {
        width: 0.4rem;
        height: 0.04rem;
        background: #333333;
        margin-top: 0.2rem;
    }
    #index .index_s3 {
        width: 100%;
        height: 100%;
        background: url("../images/index_about_bg1.png") no-repeat;
        background-size: 60% 100%;
        background-position: 0 -0.26rem;
    }
    #index .index_s3 .fp-tableCell {
        display: flex;
        justify-content: space-between;
        height: 100%;
    }
    #index .index_s3:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_Img {
        /* padding: 5% 0 0 8%;*/
        /*width: 50%; height: 6.8rem; border-radius: 50%; float: left; box-sizing: border-box;
        padding: 1.2rem 0 0 1.2rem; position: relative;
        img{
          width: 100%; max-width: 3.8rem; height: 3.8rem; position: absolute; top: 1.2rem; left: 1.2rem;
        }*/
    }
    #index .index_s3 .s3_conText {
        float: right;
        width: 50%;
        height: 100%;
        margin-right: 5%;
        background: url(../images/guanyubg-fr.png) no-repeat;
        background-position: right bottom;
        background-size: 250px 250px;
    }
    #index .index_s3 .s3_conText:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_conText .ct_con {
        max-width: 4rem;
        float: right;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #index .index_s3 .s3_conText .ct_con p {
        line-height: 26px;
    }
    #index .index_s3 .s3_conText .ct_con p strong {
        font-size: 0.24rem;
        color: #1dabdd;
    }
    #index .index_s3 .s3_conText .s3_title {
        padding-top: 0;
        padding-bottom: 8%;
    }
    #index .index_s3 .s3_conText .s3_title .con_tit {
        font-size: 0.36rem;
        color: #333333;
        font-weight: bold;
    }
    #index .index_s3 .s3_conText .s3_title .xian_bg {
        height: 4px;
        width: 40px;
        background: #333333;
        margin-top: 25px;
    }
    #index .index_s3 .s3_conText .ct_title {
        font-size: 0.24rem;
        color: #1dabdd;
        line-height: 30px;
        margin-bottom: 8%;
    }
    #index .index_s3 .s3_conText p {
        font-size: 0.14rem;
        color: #333333;
        line-height: 26px;
        margin-bottom: 0;
        text-indent: 2em;
        margin: 0;
    }
    #index .index_s3 .s3_conText .result p {
        display: block;
        font-size: 0.16rem;
        color: #333333;
        line-height: 26px;
        text-indent: 2em;
        margin: 0;
    }
    #index .index_s3 .s3_conText .result span {
        display: block;
        font-size: 0.16rem;
        color: #333333;
        line-height: 30px;
        text-indent: 2em;
    }
    #index .index_s3 .s3_conText .more {
        margin-top: 2%;
        height: 30px;
    }
    #index .index_s3 .s3_conText .more a {
        font-size: 0.18rem;
        color: #1dabdd;
        line-height: 30px;
        padding-left: 2em;
    }
    #index .index_s3 .s3_conText .more a img {
        width: 8px;
        height: 15px;
        margin: -5px 0 0 10px;
    }
    #index .index_s4 {
        background: url("../images/index_solution_bg.png") no-repeat;
        background-size: 100% 100%;
        position: relative;
    }
    #index .index_s4 .fp-tableCell {
        background: rgba(0, 0, 0, 0.85);
    }
    #index .index_s4 .is_title .con_tit {
        color: #ffffff;
        font-size: 0.36rem;
    }
    #index .index_s4 .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_s4 .is4_con {
        width: 100%;
        height: 57%;
        margin-top: 1%;
        /*.content{
          width: 62%; height: 100%; margin: 3% auto 0; display: none; align-items: center; justify-content: center;
          .body_img{
            height: 100%;
            .image{
              position: relative; height: 100%; width: auto;
              a{
                display: flex; align-items: center; justify-content: center;height: 100%; width: 100%;
              }
            }
            img{
              height: 100%; max-width: 100%;
            }
            .cImg_title{
              background: #333333; font-size: 0.26rem; color: #1eb9ee; padding: 0.1rem 0.15rem; position: absolute; top: 0.6rem; left: -0.6rem; font-weight: bold;
            }
            .cImg_text{
              width: 3rem; background: rgba(0,0,0,0.5); font-size: 0.14rem; color: #999999; padding: 0.1rem; line-height: 0.25rem; position: absolute; bottom: 0.6rem; right: -0.6rem;
            }
          }

        }*/
    }
    #index .index_s4 .is4_con .swiper_index4 {
        width: 100%;
        height: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide {
        width: 62%;
        height: 100%;
        margin: 0 auto;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .Image a {
        width: auto;
        height: 100%;
        position: relative;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide img {
        height: 100%;
        max-width: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_title {
        background: #333333;
        font-size: 0.26rem;
        color: #1eb9ee;
        padding: 0.1rem 0.15rem;
        position: absolute;
        top: 0.6rem;
        left: -0.6rem;
        font-weight: bold;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_text {
        width: 3rem;
        background: rgba(0, 0, 0, 0.5);
        font-size: 0.14rem;
        color: #dddddd;
        padding: 0.1rem;
        line-height: 0.25rem;
        position: absolute;
        bottom: 0.6rem;
        right: -0.6rem;
    }
    #index .index_s4 .is4_bottom {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-bottom: 4px solid #626262;
        display: flex;
        justify-content: space-around;
        padding: 0 19%;
    }
    #index .index_s4 .is4_bottom a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #index .index_s4 .is4_bottom a .icon {
        width: 50px;
        height: 50px;
        border: 1px solid #3b3b3b;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
    }
    #index .index_s4 .is4_bottom a span {
        font-size: 0.14rem;
        color: #999999;
        line-height: 35px;
    }
    #index .index_s4 .is4_bottom a .shuxian_bg {
        width: 3px;
        height: 10px;
        background: #4c4c4c;
    }
    #index .index_s4 .is4_bottom a.active .icon {
        border: 1px solid #1eb9ee;
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active span {
        color: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active .shuxian_bg {
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a:hover .icon {
        transform: rotate(360deg);
    }
    /*  #index .index_s4 .is4_bottom a.active::after{
      content:'';
      display: block;
      margin: -20px auto;
      width:70px;
      height:4px;
      background: #00b8ee;
      margin-top: -5px;
    }*/
    #index .index_s5 .is_title {
        padding: 2% 0;
    }
    #index .index_s5 .is5_con {
        width: 90%;
        margin: 0 auto;
        display: none;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #index .index_s5 .is5_con a {
        width: 25%;
        height: 0.8rem;
        margin-bottom: 1%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #index .index_s5 .is5_con a img {
        max-height: 0.8rem;
        max-width: 2.3rem;
    }
    #index .index_s5 .is5_con a:hover {
        box-shadow: 4px 4px 10px #eeeeee;
    }
    #index .index_bottom {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .fp-tableCell {
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .ib_content {
        background: url("../images/index_11.png") #000000 no-repeat;
        background-size: 100% 100%;
        flex: 1;
    }
    #index .index_bottom .ib_content .is_title .con_tit {
        color: #ffffff;
    }
    #index .index_bottom .ib_content .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_bottom .ib_content .is_con {
        width: 100%;
        margin: 0.2rem auto 0;
    }
    #index .index_bottom .ib_content .is_con:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .ib_content .is_con .isc_left {
        float: left;
        width: 50%;
        padding-right: 0.6rem;
        padding-top: 30px;
        height: 270px;
        position: relative;
        display: none;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se {
        text-align: right;
        display: flex;
        justify-content: flex-end;
        font-size: 0.16rem;
        color: #dddddd;
        margin-bottom: 0.3rem;
        line-height: 0.4rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se a {
        font-size: 0.16rem;
        color: #dddddd;
        line-height: 0.4rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img {
        width: 0.4rem;
        height: 0.4rem;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 0.15rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img img {
        max-width: 0.2rem;
        height: 0.2rem;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .imgMove {
        width: 40px;
        height: 40px;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0;
        position: relative;
        animation-name: myfirst;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-delay: 2s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-play-state: running;
        /* Firefox: */
        -moz-animation-name: myfirst;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-direction: alternate;
        -moz-animation-play-state: running;
        /* Safari and Chrome: */
        -webkit-animation-name: myfirst;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        -webkit-animation-play-state: running;
        /* Opera: */
        -o-animation-name: myfirst;
        -o-animation-duration: 1s;
        -o-animation-timing-function: linear;
        -o-animation-delay: 2s;
        -o-animation-iteration-count: infinite;
        -o-animation-direction: alternate;
        -o-animation-play-state: running;
    }
    @keyframes myfirst {
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-moz-keyframes myfirst {
        /* Firefox */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-webkit-keyframes myfirst {
        /* Safari and Chrome */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    @-o-keyframes myfirst {
        /* Opera */
        0% {
            left: 0px;
            top: 0px;
        }
        50% {
            left: 0px;
            top: -10px;
        }
        100% {
            left: 0px;
            top: 0px;
        }
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(1) {
        position: absolute;
        top: -8px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(2) {
        position: absolute;
        top: 98px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(3) {
        position: absolute;
        top: 210px;
        right: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right {
        float: left;
        width: 50%;
        padding-left: 0.6rem;
        padding-top: 0.35rem;
        box-sizing: border-box;
        height: 270px;
        position: relative;
        display: none;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se {
        margin-bottom: 0.2rem;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se a {
        display: block;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se a p:last-child {
        margin-top: 15px;
        font-size: 13.5px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name {
        font-size: 0.16rem;
        color: #dddddd;
        line-height: 1;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name i {
        font-style: normal;
        font-size: 0.16rem;
        color: #20baee;
        font-weight: bold;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .addr {
        font-size: 14px;
        color: #999999;
        line-height: 0.25rem;
        margin-top: 0.1rem;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(1) {
        position: absolute;
        top: 3px;
        left: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(2) {
        position: absolute;
        top: 109px;
        left: 180px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(3) {
        position: absolute;
        top: 220px;
        left: 180px;
    }
    #index .index_bottom .footer .foot_friendlyLink {
        background: #ebebeb;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent {
        width: 90%;
        margin: 0 auto;
        padding-top: 30px;
        border: 0;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_title {
        width: 10%;
        font-size: 18px;
        color: #333333;
        float: left;
        line-height: 35px;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con {
        float: left;
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con a {
        display: block;
        width: 25%;
        font-size: 14px;
        color: #666666;
        font-weight: 400;
        line-height: 35px;
    }
    #index .index_bottom .footer .foot_bottom {
        width: 100%;
        height: 56px;
        background: #ebebeb;
        text-align: center;
        border: 1px solid #e8e8e8;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom {
        width: 90%;
        margin: 0 auto;
        height: 56px;
        line-height: 56px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span {
        font-size: 14px;
        color: #666666;
        line-height: 56px;
        font-family: PingFang SC;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span a {
        font-size: 14px;
        color: #666666;
        line-height: 56px;
        font-family: PingFang SC;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a {
        margin-left: 20px;
        position: relative;
        height: 56px;
        line-height: 56px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a img {
        width: 15px;
        height: 15px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode {
        display: none;
        width: 100px;
        height: 110px;
        background: #ffffff;
        position: absolute;
        top: -105px;
        left: -45px;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode img {
        width: 90px;
        height: 90px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode .jiantou {
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top-color: #ffffff;
        position: absolute;
        bottom: -16px;
        left: 44%;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a:hover .QRcode {
        display: flex;
    }
}


/*首页样式--结束*/


/*关于我们样式*/

#about_us {
    font-family: "Microsoft YaHei";
    /*关于我们*/
    /*奇凡文化*/
    /*奇凡荣誉*/
    /*媒体新闻*/
}

#about_us .au_section1 {
    padding: 110px 0 100px;
}

#about_us .au_section1 .au1_content {
    width: 1200px;
    margin: 0 auto;
    height: 630px;
    position: relative;
}

#about_us .au_section1 .au1_content .au1_title .title_chine {
    font-size: 36px;
    color: #333333;
    line-height: 1;
    font-weight: bold;
    cursor: pointer;
}

#about_us .au_section1 .au1_content .au1_title .heng_bg {
    width: 40px;
    height: 4px;
    display: block;
    background: #333333;
    margin-top: 30px;
}

#about_us .au_section1 .au1_content .au1_conText {
    width: 580px;
    padding-top: 60px;
}

#about_us .au_section1 .au1_content .au1_conText p {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 40px;
    text-indent: 2em;
}

#about_us .au_section1 .au1_content .bgImg2 {
    position: absolute;
    top: 65px;
    left: 590px;
    z-index: 1;
}

#about_us .au_section1 .au1_content .bgImg3 {
    position: absolute;
    bottom: 60px;
    right: -12px;
    z-index: 1;
}

#about_us .au_section1 .au1_content .bgImg1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 550px;
    height: 630px;
}

#about_us .au_section2 {
    padding: 120px 0 80px;
}

#about_us .au_section2 .au2_con {
    width: 1200px;
    margin: 0 auto;
    height: 630px;
}

#about_us .au_section2 .au2_con:after {
    content: "";
    display: block;
    clear: both;
}

#about_us .au_section2 .au2_con .con2_left {
    width: 560px;
    height: 630px;
    float: left;
    position: relative;
}

#about_us .au_section2 .au2_con .con2_left .au2_title {
    padding: 60px 0 0 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#about_us .au_section2 .au2_con .con2_left .au2_title .title_chine {
    font-size: 36px;
    color: #ffffff;
    line-height: 1;
    font-weight: bold;
    cursor: pointer;
}

#about_us .au_section2 .au2_con .con2_left .au2_title .heng_bg {
    width: 40px;
    height: 4px;
    display: block;
    background: #ffffff;
    margin-top: 30px;
}

#about_us .au_section2 .au2_con .con2_left .left_img {
    width: 560px;
    height: 630px;
    position: absolute;
    top: 0;
    left: 0;
}

#about_us .au_section2 .au2_con .con2_right {
    width: 640px;
    height: 630px;
    background: #ffffff;
    float: right;
    padding: 120px 95px;
    /*p{
          margin-bottom: 15px; height: 35px!important; line-height: 35px!important;
        }*/
    /*.se{
          margin-bottom: 15px;
          &:first-child{
            span{ line-height: 46px; }
          }
          &:after{ content: ""; display: block; clear: both;}
          span{
            width: 80px; font-weight: bold; float: left; line-height: 35px;text-align-last: justify; font-size: 16px; font-weight: bold;
          }
          p{
            font-size: 16px; color: #333333; line-height: 35px; float: left; margin-left: 5px; margin-bottom: 0;
            i{
              font-style: normal; font-size: 30px; color: #1eb9ee; font-family: '简舒体'; line-height: 35px;
            }
          }
        }*/
}

#about_us .au_section4 .bg_color {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

#about_us .au_section4 .au4_content {
    width: 1200px;
    margin: 0 auto;
    padding: 90px 0 80px;
}

#about_us .au_section4 .au4_content .au4_title .title_chine {
    font-size: 36px;
    color: #ffffff;
    line-height: 1;
    font-weight: bold;
    cursor: pointer;
}

#about_us .au_section4 .au4_content .au4_title .heng_bg {
    width: 40px;
    height: 4px;
    display: block;
    background: #ffffff;
    margin-top: 30px;
}

#about_us .au_section4 .au4_content .au4_conText {
    height: 505px;
    margin-top: 140px;
    position: relative;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper {
    height: 490px;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide {
    height: 400px;
    background: rgba(0, 0, 0, 0.4);
}

#about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content {
    width: 1200px;
    padding: 0 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content:after {
    content: "";
    display: block;
    clear: both;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content .con {
    width: 280px;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content .con a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content .con img {
    max-width: 230px;
    max-height: 160px;
    margin-top: 55px;
    cursor: zoom-in;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content .con .heng_bj2 {
    width: 40px;
    height: 2px;
    display: block;
    background: #355684;
    margin-top: 50px;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content .con .con_title {
    font-size: 18px;
    color: #ffffff;
    line-height: 1;
    margin-top: 25px;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-pagination {
    width: 1200px;
    position: static;
    height: 20px;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: url("../images/about_us_s4bg3.png") no-repeat;
    background-size: 8px 8px;
    background-position: center;
    margin: 0 20px;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background: url("../images/about_us_s4bg2.png") no-repeat;
    background-size: 100% 100%;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-pagination.pag {
    width: 1200px;
    position: static;
    height: 20px;
}

#about_us .au_section4 .au4_content .au4_conText .swiper-pagination.pag .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: url("../images/about_us_s4bg2.png") no-repeat;
    background-size: 100% 100%;
    opacity: 1;
}

#about_us .au_section4 .au4_content .au4_conText .more_honourImg {
    float: right;
    font-size: 16px;
    color: #1eb9ee;
    width: 100%;
    position: absolute;
    bottom: -10px;
    left: 0;
    text-align: right;
}

#about_us .au_section5 {
    background: #ffffff;
}

#about_us .au_section5 .au5_content {
    width: 1200px;
    margin: 0 auto;
    padding: 85px 0 65px;
}

#about_us .au_section5 .au5_content .au5_title .title_chine {
    font-size: 36px;
    color: #ffffff;
    line-height: 1;
    cursor: pointer;
    font-weight: bold;
}

#about_us .au_section5 .au5_content .au5_title .heng_bg {
    width: 40px;
    height: 4px;
    display: block;
    background: #ffffff;
    margin-top: 30px;
}

#about_us .au_section5 .au5_content .au5_conText {
    width: 940px;
    margin-left: 260px;
}

#about_us .au_section5 .au5_content .au5_conText .au_se {
    padding-left: 40px;
    display: block;
    cursor: pointer;
}

#about_us .au_section5 .au5_content .au5_conText .au_se .au_seDate {
    font-size: 14px;
    color: #777777;
    line-height: 1;
    padding-top: 25px;
}

#about_us .au_section5 .au5_content .au5_conText .au_se .au_seTitle {
    font-size: 18px;
    color: #999999;
    line-height: 30px;
    padding-top: 10px;
}

#about_us .au_section5 .au5_content .au5_conText .au_se .au_seAuthor {
    font-size: 14px;
    color: #777777;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #1f2627;
}

#about_us .au_section5 .au5_content .au5_conText .au_se .au_seMore {
    font-size: 16px;
    color: #1eb9ee;
    line-height: 1;
    margin-top: 35px;
}

#about_us .au_section5 .au5_content .au5_conText .au_se:hover {
    background: url("../images/about_us_s5bg2.png") no-repeat;
    background-size: 100% 100%;
}

#about_us .au_section5 .au5_content .au5_conText .au_se:hover .au_seDate {
    color: #ffffff;
}

#about_us .au_section5 .au5_content .au5_conText .au_se:hover .au_seTitle {
    color: #ffffff;
}

#about_us .au_section5 .au5_content .au5_conText .au_se:hover .au_seAuthor {
    color: #ffffff;
    border: 0;
}

#about_us .au_section5 .au5_content .au5_conText .au_se:last-child:hover {
    background: none;
}


/*关于我们样式--结束*/


/*奇凡科技-关于我们-荣誉*/

#about_us_honour {
    font-family: "微软雅黑";
    /*奇凡荣誉*/
}

#about_us_honour .auh_section .auh_content {
    width: 1200px;
    height: 1100px;
    margin: 0 auto;
    padding: 110px 0 70px;
}

#about_us_honour .auh_section .auh_content .auh_title {
    width: 220px;
    float: left;
}

#about_us_honour .auh_section .auh_content .auh_title .title_chine {
    font-size: 36px;
    color: #ffffff;
    line-height: 1;
    font-weight: bold;
}

#about_us_honour .auh_section .auh_content .auh_title .heng_bg {
    width: 38px;
    height: 4px;
    display: block;
    background: #ffffff;
    margin-top: 30px;
}

#about_us_honour .auh_section .auh_content .auh_conText {
    width: 980px;
    height: 850px;
    background: rgba(0, 0, 0, 0.2);
    padding: 0 45px;
    overflow: auto;
    float: right;
    margin-top: 75px;
}

#about_us_honour .auh_section .auh_content .auh_conText .auhC {
    padding-bottom: 50px;
}

#about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_title {
    height: 100px;
    line-height: 100px;
    font-size: 24px;
    color: #1eb9ee;
}

#about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content {
    padding: 30px 0;
    border-top: 1px solid #3c3c3f;
    border-bottom: 1px solid #3c3c3f;
}

#about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_con {
    display: flex;
    flex-wrap: wrap;
}

#about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_con a {
    width: 300px;
    display: block;
    font-size: 16px;
    color: #dddddd;
    line-height: 40px;
}

#about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_con a:nth-child(3n+1) {
    width: 260px;
}

#about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_conTit {
    width: 100%;
}

#about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_conTit a {
    display: block;
    font-size: 16px;
    color: #dddddd;
    line-height: 45px;
    font-weight: bold;
}


/*奇凡科技-关于我们-荣誉--结束*/


/*奇凡科技-关于我们-媒体新闻*/

#about_us_news {
    font-family: "微软雅黑";
    /*媒体新闻*/
    /*分页样式*/
    /*分页样式结束*/
}

#about_us_news .aunew_section .aunew_content {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 110px 0 35px;
}

#about_us_news .aunew_section .aunew_content .aunew_title .title_chine {
    font-size: 36px;
    color: #333333;
    line-height: 1;
    font-weight: bold;
}

#about_us_news .aunew_section .aunew_content .aunew_title .heng_bg {
    width: 38px;
    height: 4px;
    display: block;
    background: #333333;
    margin-top: 30px;
}

#about_us_news .aunew_section .aunew_content .aunew_con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0 0;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con {
    width: 380px;
    margin-top: 45px;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con a img {
    width: 380px;
    height: 205px;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se {
    width: 100%;
    padding: 30px 0 50px;
    border-bottom: 1px solid #f4f4f4;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se:after {
    content: "";
    display: block;
    clear: both;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se .se_date {
    float: left;
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #f4f4f4;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se .se_date .day {
    font-size: 36px;
    color: #333333;
    font-weight: bold;
    line-height: 40px;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se .se_date .month {
    font-size: 12px;
    color: #333333;
    line-height: 40px;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se .se_title {
    float: left;
    width: 280px;
    padding: 0 25px;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se .se_title p {
    font-size: 18px;
    color: #000000;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con a .more {
    height: 50px;
    line-height: 50px;
    text-align: right;
    padding-right: 25px;
}

#about_us_news .aunew_section .aunew_content .aunew_con .con a .more a {
    font-size: 14px;
    color: #333333;
}

#about_us_news .aunew_section .aunew_content .paging {
    width: 100%;
}

#about_us_news .aunew_section .aunew_content .paging img {
    width: 100%;
}

#about_us_news .paging {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 50px 0 20px;
}

#about_us_news .paging ul {
    display: flex;
}

#about_us_news .paging ul li {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #333333;
    margin: 0 18px;
}

#about_us_news .paging ul li span {
    color: #333333;
}

#about_us_news .paging ul li a {
    font-size: 18px;
    color: #777777;
}

#about_us_news .paging ul li.active {
    border-bottom: 1px solid #333333;
}

#about_us_news .paging img {
    width: 100%;
}


/*奇凡科技-关于我们-媒体新闻--结束*/


/*奇凡科技-关于我们-媒体新闻-详情页*/


/*奇凡科技-客户案例-详情页*/

#about_us_news_details,
.case_details {
    font-family: "Microsoft YaHei";
    /*媒体新闻*/
}

#about_us_news_details .aund_section .aund_content,
.case_details .aund_section .aund_content {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 95px 0 0;
}

#about_us_news_details .aund_section .aund_content .aund_con h3,
.case_details .aund_section .aund_content .aund_con h3 {
    font-size: 30px;
    color: #333333;
    line-height: 50px;
}

#about_us_news_details .aund_section .aund_content .aund_con .con_title,
.case_details .aund_section .aund_content .aund_con .con_title {
    text-align: center;
    padding: 70px 0 45px;
}

#about_us_news_details .aund_section .aund_content .aund_con .con_title h3,
.case_details .aund_section .aund_content .aund_con .con_title h3 {
    font-size: 30px;
    color: #333333;
    line-height: 50px;
}

#about_us_news_details .aund_section .aund_content .aund_con .con_title .author,
.case_details .aund_section .aund_content .aund_con .con_title .author {
    text-align: center;
    margin-top: 20px;
}

#about_us_news_details .aund_section .aund_content .aund_con .con_title .author span,
.case_details .aund_section .aund_content .aund_con .con_title .author span {
    font-size: 16px;
    color: #333333;
    line-height: 45px;
    padding: 0 10px;
}

#about_us_news_details .aund_section .aund_content .aund_con table tr td,
.case_details .aund_section .aund_content .aund_con table tr td {
    border: 1px solid #eeeeee;
    padding: 0 5px;
}

#about_us_news_details .aund_section .aund_content .aund_con .con_Text,
.case_details .aund_section .aund_content .aund_con .con_Text {
    width: 100%;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding: 50px 0 70px;
}

#about_us_news_details .aund_section .aund_content .aund_con .con_Text p,
.case_details .aund_section .aund_content .aund_con .con_Text p {
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    text-indent: 2em;
}

#about_us_news_details .aund_section .aund_content .aund_con .con_Text .con_img,
.case_details .aund_section .aund_content .aund_con .con_Text .con_img {
    width: 1060px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 40px;
}

#about_us_news_details .aund_section .aund_content .aund_con .con_Text .con_img img,
.case_details .aund_section .aund_content .aund_con .con_Text .con_img img {
    width: 530px;
    height: 295px;
}

#about_us_news_details .aund_section .aund_content .aund_con .pag,
.case_details .aund_section .aund_content .aund_con .pag {
    padding: 40px 0 110px;
}

#about_us_news_details .aund_section .aund_content .aund_con .pag a,
.case_details .aund_section .aund_content .aund_con .pag a {
    display: block;
    font-size: 16px;
    color: #333333;
    line-height: 35px;
}

.case_details .aund_section .aund_content .aund_con .con_title {
    padding: 70px 0 !important;
}


/*奇凡科技-客户案例-详情页--结束*/


/*奇凡科技-关于我们-媒体新闻-详情页--结束*/


/*奇凡科技-客户案例-电力清明上河图*/

.cloud {
    position: absolute;
    left: -580px;
    top: -20px;
    z-index: 4;
    opacity: 0.8;
}

.chuan {
    position: absolute;
    left: 0;
    bottom: 100px;
    z-index: 4;
    opacity: 0.8;
    width: 50px;
    height: 50px;
}

.chuan2 {
    position: absolute;
    left: 1200px;
    bottom: 50px;
    z-index: 4;
    opacity: 0.8;
    width: 50px;
    height: 50px;
}

.anchorParent {
    cursor: pointer;
}

#imageLayer {
    position: absolute;
    left: 0px;
    top: 0px;
    horizontalScrollPolicy: off;
    verticalScrollPolicy: off;
}

#trendLayer {
    position: absolute;
    left: 0px;
    top: 0px;
    horizontalScrollPolicy: off;
    verticalScrollPolicy: off;
}

#mouseLayer {
    position: absolute;
    left: 0px;
    top: 0px;
    horizontalScrollPolicy: off;
    verticalScrollPolicy: off;
}

.fengji {
    z-index: 100;
}

.anchorParent {
    z-index: 1000;
}

.wk_index_main {
    font-family: "Microsoft YaHei";
}

.wk_index_main #container .pi_explain_pc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.wk_index_main #container .pi_explain_pc .expl_con {
    width: 1200px;
    background: rgba(0, 0, 0, 0.4);
    margin: 0 auto;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wk_index_main #container .pi_explain_pc .expl_con h2 {
    font-size: 18px;
    color: #ffffff;
    line-height: 1;
}

.wk_index_main #container .pi_explain_pc .expl_con p {
    font-size: 14px;
    color: #eeeeee;
    line-height: 30px;
    margin-top: 25px;
}

.wk_index_main .pi_explain {
    width: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.4);
}

.wk_index_main .pi_explain .expl_con {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wk_index_main .pi_explain .expl_con h2 {
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
}

.wk_index_main .pi_explain .expl_con p {
    font-size: 12px;
    color: #eeeeee;
    line-height: 25px;
    margin-top: 15px;
}


/*奇凡科技-客户案例-电力清明上河图--结束*/


/*奇凡科技-解决方案-*/

#solution {
    font-family: "微软雅黑";
    /*解决方案*/
    /*客户案例*/
}

#solution .sk_section1 {
    position: relative;
}

#solution .sk_section1 .search {
    width: 300px;
    height: 60px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 105px;
    right: 6%;
    background: #f9fafa;
    padding: 15px 30px 15px 55px;
    z-index: 99;
    border-radius: 10px;
}

#solution .sk_section1 .search:after {
    content: "";
    display: block;
    clear: both;
}

#solution .sk_section1 .search input {
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    background: #fafafb;
    font-size: 16px;
    color: #c6c6c6;
    flex: 1;
}

#solution .sk_section1 .search input::-webkit-input-placeholder {
    color: #c6c6c6;
}

#solution .sk_section1 .search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c6c6c6;
}

#solution .sk_section1 .search input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c6c6c6;
}

#solution .sk_section1 .search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c6c6c6;
}

#solution .sk_section1 .search .search_btn {
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

#solution .sk_section1 .search .search_btn img {
    width: 15px;
    height: 15px;
}

#solution .sk_section1 .sk_con1 {
    width: 1200px;
    margin: 0 auto;
    height: 685px;
}

#solution .sk_section1 .sk_con1:after {
    content: "";
    display: block;
    clear: both;
}

#solution .sk_section1 .sk_con1 .con1_left {
    width: 50%;
    float: left;
    padding-top: 115px;
}

#solution .sk_section1 .sk_con1 .con1_left .con_title {
    margin-top: 70px;
}

#solution .sk_section1 .sk_con1 .con1_left .con_title .heng_bg {
    margin-top: 15px;
}

#solution .sk_section1 .sk_con1 .con1_left .explain {
    padding-top: 18px;
}

#solution .sk_section1 .sk_con1 .con1_left .explain .e_con {
    width: 415px;
    margin: 35px 0;
}

#solution .sk_section1 .sk_con1 .con1_left .explain .e_con p {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    text-indent: 2em;
}

#solution .sk_section1 .sk_con1 .con1_right {
    width: 50%;
    float: left;
    height: 100%;
    position: relative;
    margin-top: 40px;
}

#solution .sk_section1 .sk_con1 .con1_right .con_img {
    width: 415px;
    height: 415px;
    border-radius: 50%;
    position: absolute;
    top: 114px;
    left: 130px;
    z-index: 2;
}

#solution .sk_section1 .sk_con1 .con1_right .sk_bgImg1 {
    width: 590px;
    height: 590px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
}

#solution .sk_section2 {
    background: #fafafa;
}

#solution .sk_section2 .sk_con2 {
    width: 1200px;
    margin: 0 auto;
}

#solution .sk_section2 .sk_con2 .con2_se {
    padding-top: 130px;
    background: url("../images/chiva_technology2.png") no-repeat;
    background-size: auto;
    background-position: 155px 240px;
}

#solution .sk_section2 .sk_con2 .con2_se:first-child {
    margin-top: 0;
}

#solution .sk_section2 .sk_con2 .con2_se:after {
    content: "";
    display: block;
    clear: both;
}

#solution .sk_section2 .sk_con2 .con2_se:nth-child(odd) {
    background: url("../images/chiva_technology.png") no-repeat;
    background-size: auto;
    background-position: 384px 240px;
}

#solution .sk_section2 .sk_con2 .con2_se:nth-child(odd) .cse_text {
    padding-left: 195px;
}

#solution .sk_section2 .sk_con2 .con2_se:last-child {
    padding-bottom: 105px;
}

#solution .sk_section2 .sk_con2 .con2_se .cse_img {
    width: 525px;
    float: left;
}

#solution .sk_section2 .sk_con2 .con2_se .cse_img img {
    width: 525px;
    height: 390px;
    border-radius: 10px;
}

#solution .sk_section2 .sk_con2 .con2_se .cse_text {
    width: 675px;
    float: left;
    padding-left: 70px;
}

#solution .sk_section2 .sk_con2 .con2_se .cse_text .con_title {
    margin-bottom: 30px;
}

#solution .sk_section2 .sk_con2 .con2_se .cse_text .con_title:after {
    content: "";
    display: block;
    clear: both;
}

#solution .sk_section2 .sk_con2 .con2_se .cse_text .con_title img {
    max-height: 40px;
    width: auto;
    float: left;
    margin-right: 20px;
}

#solution .sk_section2 .sk_con2 .con2_se .cse_text .con_title .title_chine {
    font-size: 24px;
    color: #333333;
    float: left;
    line-height: 40px;
    font-weight: 400;
}

#solution .sk_section2 .sk_con2 .con2_se .cse_text p {
    width: 460px;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    text-align: 2em;
    background: transparent !important;
}

#solution .sk_sectionBg {
    width: 100%;
}

#solution .sk_sectionBg img {
    width: 100%;
    height: auto;
}

#solution .sk_section3 {
    background: url("../images/solution_kepus3_bg.png") no-repeat;
    background-size: 100% 100%;
}

#solution .sk_section3 .sk_con3 {
    width: 1200px;
    margin: 0 auto;
    padding: 90px 0 135px;
}

#solution .sk_section3 .sk_con3 .case_container {
    width: 1200px;
    margin: auto;
}

#solution .sk_section3 .sk_con3 .case_swiper_container {
    width: 1100px;
    margin: auto;
    height: 600px;
}

#solution .sk_section3 .sk_con3 .case-swiper-container {
    height: 100%;
}

#solution .sk_section3 .sk_con3 .destruction-swiper {
    display: flex;
    justify-content: center;
}

#solution .sk_section3 .sk_con3 .destruction-swiper .swiper-slide {
    width: 892px;
    height: 484px;
    box-sizing: border-box;
    background: #ffffff;
    padding: 10px;
}

#solution .sk_section3 .sk_con3 .destruction-swiper .swiper-slide .img_wrapper {
    width: 870px;
    height: 464px;
}

#solution .sk_section3 .sk_con3 .destruction-swiper .swiper-slide .img_wrapper img {
    width: 870px;
    height: 464px;
}

#solution .sk_section3 .sk_con3 .destruction-swiper .swiper-slide .shade {
    display: none;
}

#solution .sk_section3 .sk_con3 .case-pagination-wrapper.index_swiper .swiper-pagination-bullet {
    height: 30px;
    transition: width 0.2s;
    position: relative;
    line-height: 30px;
    float: left;
    margin-right: 15px;
    opacity: 1;
    background: none;
    width: 55px;
    color: #2f61aa;
    text-align: left;
    font-size: 18px;
}

#solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide {
    width: 892px;
    height: 484px;
    box-sizing: border-box;
    top: 50%;
    margin-top: -205px;
    position: relative;
}

#solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide .shade {
    width: 892px;
    height: 484px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
}

#solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide.swiper-slide-active {
    padding: 10px;
    background: #ffffff;
}

#solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide.swiper-slide-active .img_wrapper {
    width: 870px;
    height: 464px;
}

#solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide.swiper-slide-active .img_wrapper img {
    width: 870px;
    height: 464px;
}

#solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide.swiper-slide-active .shade {
    display: none;
}

#solution .sk_section3 .sk_con3 .img_wrapper {
    /*width: 870px;
        height: 463px;*/
    width: 892px;
    height: 484px;
    position: relative;
}

#solution .sk_section3 .sk_con3 .img_wrapper img {
    width: 892px;
    height: 484px;
}

#solution .sk_section3 .sk_con3 .img_wrapper .title {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    width: 100%;
    text-align: right;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    padding-right: 20px;
    box-sizing: border-box;
}

#solution .sk_section3 .sk_con3 .case-swiper-pagination {
    position: relative;
    margin-left: 102px;
}

#solution .sk_section3 .sk_con3 .case-swiper-pagination:after {
    content: "";
    display: block;
    clear: both;
}

#solution .sk_section3 .sk_con3 .case-swiper-pagination {
    width: 100% !important;
}

#solution .sk_section3 .sk_con3 .case-swiper-pagination .swiper-pagination-bullet {
    background: none;
    font-size: 16px;
    width: 30px;
    height: 30px;
    transition: width 0.2s;
    text-align: center;
    position: relative;
    line-height: 30px;
    color: #333333;
    float: left;
    margin-right: 15px;
    opacity: 1;
}

#solution .sk_section3 .sk_con3 .case-swiper-pagination .swiper-pagination-bullet-active {
    background: none;
    width: 55px;
    color: #2f61aa;
    text-align: left;
    font-size: 18px;
}

#solution .sk_section3 .sk_con3 .case-swiper-pagination .swiper-pagination-bullet-active::after {
    content: '';
    width: 29px;
    height: 1px;
    position: absolute;
    background: #2f61aa;
    top: 50%;
    right: 0px;
}

#solution .sk_section3 .sk_con3 .case-swiper-pagination .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active {
    text-align: right;
}

#solution .sk_section3 .sk_con3 .case-swiper-pagination .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active::after {
    left: 0px;
}

#solution .sk_section3 .sk_con3 .case_date {
    width: 75px;
    height: 75px;
    position: absolute;
    background: #333333;
    color: #fff;
    left: -25px;
    top: -25px;
    line-height: 75px;
    text-align: center;
    font-size: 18px;
}


/*奇凡科技-解决方案---结束*/


/*奇凡科技-搜索结果页*/

#search_result {
    font-family: "Microsoft YaHei";
    /*分页样式*/
    /*分页样式结束*/
}

#search_result .sr_content {
    width: 1200px;
    margin: 0 auto;
}

#search_result .sr_content .search {
    width: 490px;
    height: 50px;
    border: 1px solid #f4f4f4;
    display: flex;
    align-items: center;
    margin: 100px 0 23px;
    padding-left: 1px;
}

#search_result .sr_content .search:after {
    content: "";
    display: block;
    clear: both;
}

#search_result .sr_content .search input {
    float: left;
    height: 95%;
    line-height: 48px;
    flex: 1;
    padding: 0 25px;
    font-size: 16px;
    color: #333333;
}

#search_result .sr_content .search .btn {
    float: right;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

#search_result .sr_content .search .btn img {
    width: 23px;
    height: 23px;
}

#search_result .sr_content .result_title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f2f2f2;
}

#search_result .sr_content .result_title span {
    line-height: 1;
    font-size: 14px;
    color: #333333;
}

#search_result .sr_content .result_con .rc_se {
    padding: 50px 150px 45px 0;
    border-bottom: 1px solid #f9f9f9;
}

#search_result .sr_content .result_con .rc_se span {
    font-size: 18px;
    color: #333333;
    line-height: 1;
}

#search_result .sr_content .result_con .rc_se span a {
    font-size: 18px;
    color: #333333;
}

#search_result .sr_content .result_con .rc_se p {
    font-size: 14px;
    color: #777777;
    line-height: 1;
    margin-top: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#search_result .sr_content .result_con .rc_se div {
    margin-top: 15px;
}

#search_result .paging {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 76px 0;
}

#search_result .paging ul {
    display: flex;
}

#search_result .paging ul li {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #333333;
    margin: 0 18px;
}

#search_result .paging ul li span {
    color: #333333;
}

#search_result .paging ul li a {
    font-size: 18px;
    color: #777777;
}

#search_result .paging ul li.active {
    border-bottom: 1px solid #333333;
}

#search_result .paging img {
    width: 100%;
}


/*奇凡科技-搜索结果页--结束*/


/*奇凡科技-联系我们*/

#contact_us {
    width: 100%;
    height: 820px;
    background: url("../images/112.png") no-repeat;
    background-size: 100% 100%;
}

#contact_us .cu_section {
    width: 1200px;
    margin: 0 auto;
    background: url(../images/contact_us_bg2.png) no-repeat;
    background-size: auto;
    background-position: right 95px;
    padding-top: 110px;
}

#contact_us .cu_section .con_title .title_chine {
    color: #ffffff;
}

#contact_us .cu_section .con_title .heng_bg {
    background: #ffffff;
}

#contact_us .cu_section .cu_content .is_con {
    width: 1200px;
    margin: 160px auto 0;
    background: url("../images/11.png") no-repeat;
    background-size: 100% 270px;
}

#contact_us .cu_section .cu_content .is_con:after {
    content: "";
    display: block;
    clear: both;
}

#contact_us .cu_section .cu_content .is_con .isc_left {
    float: left;
    width: 600px;
    height: 270px;
    position: relative;
    padding-right: 185px;
    /*border-right: 1px solid #434242;*/
}

#contact_us .cu_section .cu_content .is_con .isc_left .l_se {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    font-size: 16px;
    color: #dddddd;
    margin-bottom: 50px;
    line-height: 40px;
}

#contact_us .cu_section .cu_content .is_con .isc_left .l_se a {
    font-size: 16px;
    color: #dddddd;
    line-height: 40px;
}

#contact_us .cu_section .cu_content .is_con .isc_left .l_se .icon_img {
    width: 40px;
    height: 40px;
    border: 1px solid #4a4948;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
}

#contact_us .cu_section .cu_content .is_con .isc_left .l_se .icon_img img {
    max-width: 20px;
    height: 20px;
}

#contact_us .cu_section .cu_content .is_con .isc_left .l_se .imgMove {
    width: 40px;
    height: 40px;
    border: 1px solid #4a4948;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    position: relative;
    animation-name: myfirst;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    /* Firefox: */
    -moz-animation-name: myfirst;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    /* Safari and Chrome: */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Opera: */
    -o-animation-name: myfirst;
    -o-animation-duration: 1s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;
}

@keyframes myfirst {
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-moz-keyframes myfirst {
    /* Firefox */
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-webkit-keyframes myfirst {
    /* Safari and Chrome */
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-o-keyframes myfirst {
    /* Opera */
    0% {
        left: 0px;
        top: 0px;
    }
    50% {
        left: 0px;
        top: -10px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

#contact_us .cu_section .cu_content .is_con .isc_left .l_se:nth-child(1) {
    position: absolute;
    top: -8px;
    right: 180px;
}

#contact_us .cu_section .cu_content .is_con .isc_left .l_se:nth-child(2) {
    position: absolute;
    top: 98px;
    right: 180px;
}

#contact_us .cu_section .cu_content .is_con .isc_left .l_se:nth-child(3) {
    position: absolute;
    top: 210px;
    right: 180px;
}

#contact_us .cu_section .cu_content .is_con .isc_right {
    float: left;
    width: 600px;
    height: 270px;
    padding-left: 180px;
    box-sizing: border-box;
    position: relative;
}

#contact_us .cu_section .cu_content .is_con .isc_right .r_se {
    margin-bottom: 25px;
}

#contact_us .cu_section .cu_content .is_con .isc_right .r_se a {
    display: block;
}

#contact_us .cu_section .cu_content .is_con .isc_right .r_se a p:last-child {
    margin-top: 15px;
}

#contact_us .cu_section .cu_content .is_con .isc_right .r_se .name {
    font-size: 16px;
    color: #dddddd;
    line-height: 1;
}

#contact_us .cu_section .cu_content .is_con .isc_right .r_se .name i {
    font-style: normal;
    font-size: 16px;
    color: #1eb9ee;
    font-weight: bold;
}

#contact_us .cu_section .cu_content .is_con .isc_right .r_se .addr {
    font-size: 14px;
    color: #999999;
    line-height: 26px;
    margin-top: 15px;
}

#contact_us .cu_section .cu_content .is_con .isc_right .r_se:nth-child(1) {
    position: absolute;
    top: -1px;
    left: 180px;
}

#contact_us .cu_section .cu_content .is_con .isc_right .r_se:nth-child(2) {
    position: absolute;
    top: 108px;
    left: 180px;
}

#contact_us .cu_section .cu_content .is_con .isc_right .r_se:nth-child(3) {
    position: absolute;
    top: 220px;
    left: 180px;
}


/*奇凡科技-联系我们--结束*/


/*奇凡科技-加入奇凡*/

#join_us {
    width: 100%;
    background: url("../images/5cc810663ef48.png") no-repeat 100% 100%;
    background-size: 100% 100%;
}

#join_us .ju_content {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.2);
}

#join_us .ju_content .ju_title {
    padding-top: 138px;
    width: 1200px;
    margin: 0 auto;
}

#join_us .ju_content .ju_title:after {
    content: "";
    display: block;
    clear: both;
}

#join_us .ju_content .ju_title .con_title {
    float: left;
}

#join_us .ju_content .ju_title .con_title .title_chine {
    color: #ffffff;
}

#join_us .ju_content .ju_title .con_title .heng_bg {
    background: #ffffff;
}

#join_us .ju_content .ju_title .con_title_ex {
    float: right;
}

#join_us .ju_content .ju_title .con_title_ex .tit1 {
    font-size: 24px;
    color: #ffffff;
    line-height: 1;
    text-align: right;
}

#join_us .ju_content .ju_title .con_title_ex .tit2 {
    font-size: 18px;
    color: #ffffff;
    line-height: 1;
    margin-top: 20px;
    text-align: right;
}

#join_us .ju_content .ju_con {
    width: 1200px;
    height: 778px;
    background: rgba(0, 0, 0, 0.2);
    margin: 95px auto 0;
    padding: 60px 115px 60px 100px;
}

#join_us .ju_content .ju_con p {
    font-size: 18px;
    color: #ffffff;
    line-height: 40px;
    margin-bottom: 60px;
}

#join_us .ju_content .ju_con span {
    font-size: 18px;
    color: #ffffff;
    line-height: 45px;
    display: block;
}

#join_us .ju_content .ju_con .btn a {
    display: block;
    width: 195px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #ffffff;
    font-size: 20px;
    color: #ffffff;
    margin: 130px auto 0;
}


/*奇凡科技-加入奇凡--结束*/


/*pc底部*/

.footer .foot_top {
    background: #ededed;
}

.footer .foot_top .foot_topCon {
    width: 1200px;
    height: 195px;
    margin: 0 auto;
    padding-top: 60px;
}

.footer .foot_top .foot_topCon:after {
    content: "";
    display: block;
    clear: both;
}

.footer .foot_top .foot_topCon .ft_leftnav {
    float: left;
    border-right: 1px solid #e8e8e8;
    width: 540px;
    display: flex;
}

.footer .foot_top .foot_topCon .ft_leftnav:after {
    content: "";
    display: block;
    clear: both;
}

.footer .foot_top .foot_topCon .ft_leftnav .ft_se {
    height: 90px;
    float: left;
    width: 230px;
    display: flex;
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
}

.footer .foot_top .foot_topCon .ft_leftnav .ft_se:after {
    content: "";
    display: block;
    clear: both;
}

.footer .foot_top .foot_topCon .ft_leftnav .ft_se a {
    width: 115px;
    display: block;
    font-size: 14px;
    color: #505050;
    line-height: 30px;
}

.footer .foot_top .foot_topCon .ft_addr {
    float: left;
    border-right: 1px solid #e8e8e8;
    width: 420px;
    padding-left: 80px;
    box-sizing: border-box;
}

.footer .foot_top .foot_topCon .ft_addr a {
    display: block;
    font-size: 14px;
    color: #505050;
    line-height: 30px;
    text-align: left;
}

.footer .foot_top .foot_topCon .ft_share {
    float: start;
    /*width: 270px;*/
    padding-left: 0;
    padding-top: 27px;
    flex: 1;
    display: flex;
    justify-content: center;
}

.footer .foot_top .foot_topCon .ft_share a {
    margin: 0 10px;
    position: relative;
}

.footer .foot_top .foot_topCon .ft_share a img {
    width: 35px;
    height: 35px;
}

.footer .foot_top .foot_topCon .ft_share a .QRcode {
    display: none;
    width: 110px;
    height: 110px;
    background: #ffffff;
    position: absolute;
    top: -130px;
    left: -35px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.footer .foot_top .foot_topCon .ft_share a .QRcode img {
    width: 90px;
    height: 90px;
}

.footer .foot_top .foot_topCon .ft_share a .QRcode .jiantou {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #ffffff;
    position: absolute;
    bottom: -12px;
    left: 44%;
    z-index: 99;
}

.footer .foot_top .foot_topCon .ft_share a:hover .QRcode {
    display: flex;
}

.footer .foot_friendlyLink {
    background: #ededed;
}

.footer .foot_friendlyLink .foot_frContent {
    width: 1200px;
    height: 95px;
    margin: 0 auto;
    padding-top: 35px;
    border-top: 1px solid #e8e8e8;
}

.footer .foot_friendlyLink .foot_frContent:after {
    content: "";
    display: block;
    clear: both;
}

.footer .foot_friendlyLink .foot_frContent .fl_title {
    width: 140px;
    font-size: 18px;
    color: #333333;
    float: left;
    line-height: 35px;
}

.footer .foot_friendlyLink .foot_frContent .fl_con {
    float: left;
    width: 1060px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer .foot_friendlyLink .foot_frContent .fl_con a {
    display: block;
    width: 265px;
    font-size: 14px;
    color: #666666;
    line-height: 35px;
}

.footer .foot_bottom {
    width: 100%;
    height: 70px;
    background: #ededed;
    text-align: center;
}

.footer .foot_bottom .foot_botCom {
    width: 1200px;
    margin: 0 auto;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.footer .foot_bottom .foot_botCom span {
    font-size: 14px;
    color: #666666;
    line-height: 70px;
    font-family: PingFang SC;
}

.footer .foot_bottom .foot_botCom span a {
    font-size: 14px;
    color: #666666;
    line-height: 70px;
    font-family: PingFang SC;
}


/*移动端底部*/

.mobile_footer {
    display: none;
    background: #ededed;
}

.mobile_footer .foot_nav .foot_about,
.mobile_footer .foot_nav .foot_solution,
.mobile_footer .foot_nav .foot_contact,
.mobile_footer .foot_nav .foot_share,
.mobile_footer .foot_nav .foot_url {
    margin: 0 20px;
    border-bottom: 1px solid #E5E5E5;
}

.mobile_footer .foot_nav .foot_about .foot_title,
.mobile_footer .foot_nav .foot_solution .foot_title,
.mobile_footer .foot_nav .foot_contact .foot_title,
.mobile_footer .foot_nav .foot_share .foot_title,
.mobile_footer .foot_nav .foot_url .foot_title {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0.1rem;
}

.mobile_footer .foot_nav .foot_about .foot_title h4,
.mobile_footer .foot_nav .foot_solution .foot_title h4,
.mobile_footer .foot_nav .foot_contact .foot_title h4,
.mobile_footer .foot_nav .foot_share .foot_title h4,
.mobile_footer .foot_nav .foot_url .foot_title h4 {
    line-height: 40px;
    font-size: 14px;
    color: #999999;
    font-family: "Microsoft YaHei";
}

.mobile_footer .foot_nav .foot_about .foot_title img,
.mobile_footer .foot_nav .foot_solution .foot_title img,
.mobile_footer .foot_nav .foot_contact .foot_title img,
.mobile_footer .foot_nav .foot_share .foot_title img,
.mobile_footer .foot_nav .foot_url .foot_title img {
    width: 10px;
    height: 10px;
}

.mobile_footer .foot_nav .foot_about ul,
.mobile_footer .foot_nav .foot_solution ul,
.mobile_footer .foot_nav .foot_contact ul,
.mobile_footer .foot_nav .foot_share ul,
.mobile_footer .foot_nav .foot_url ul {
    display: none;
}

.mobile_footer .foot_nav .foot_about ul li a,
.mobile_footer .foot_nav .foot_solution ul li a,
.mobile_footer .foot_nav .foot_contact ul li a,
.mobile_footer .foot_nav .foot_share ul li a,
.mobile_footer .foot_nav .foot_url ul li a {
    font-size: 12px;
    color: #999999;
    font-family: "Microsoft YaHei";
    line-height: 30px;
    margin-left: 20px;
}

.mobile_footer .foot_nav .foot_contact h4 span {
    padding-left: 10px;
}

.mobile_footer .foot_nav .foot_contact ul {
    margin-left: 0;
}

.mobile_footer .foot_nav .foot_share .foot_title {
    justify-content: normal;
}

.mobile_footer .foot_nav .foot_share .foot_title a {
    margin-right: 40px;
    position: relative;
}

.mobile_footer .foot_nav .foot_share .foot_title a img {
    width: 25px;
    height: 25px;
}

.mobile_footer .foot_nav .foot_share .foot_title a .QRcode {
    display: none;
    width: 100px;
    height: 110px;
    background: #ffffff;
    position: absolute;
    top: -130px;
    left: -40px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.mobile_footer .foot_nav .foot_share .foot_title a .QRcode img {
    width: 90px;
    height: 90px;
}

.mobile_footer .foot_nav .foot_share .foot_title a .QRcode .jiantou {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #ffffff;
    position: absolute;
    bottom: -15px;
    left: 44%;
    z-index: 99;
}

.mobile_footer .foot_nav .foot_share .foot_title a:hover .QRcode {
    display: flex;
}

.mobile_footer .foot_legal {
    background: #ededed;
    text-align: center;
}

.mobile_footer .foot_legal p {
    line-height: 25px;
    font-size: 12px;
    color: #999999;
    font-family: PingFang SC;
    padding: 0 20px;
}

.mobile_footer .foot_legal p a {
    font-size: 12px;
    color: #999999;
    font-family: PingFang SC;
}

#index .index_s1 .pc_head1 .head2 .nav1>li .nav1_zhan .zhana {
    display: inline-block;
}

#index .index_s1 .pc_head1 .head2 .nav1>li .nav1_zhan .zhana.action {
    height: 45px;
    line-height: 45px;
    color: #00b8ee;
}


/*#index .index_s1 .pc_head1 .head2 .nav1>li .nav1_zhan .zhana.action::after{
	content:'';
	display: block;
	width:42px;
	height:4px;
	background: #00b8ee;
  border-radius: 2px;
	margin: -20px auto;
}*/

#index .index_s1 .pc_head1 .head2 .nav1>li:hover .nav1_zhan .zhana {
    color: #00b8ee;
    font-size: 16px;
}

#index .index_s1 .pc_head1 .head2 .nav1>li .nav_child ul>li:hover a {
    color: #00b8ee;
    font-size: 16px;
}

.pc_head1 {
    background: rgba(117, 117, 117, 0.5);
    border: none;
}

#about_us {
    position: relative;
}

.nav1_zhan .zhana {
    color: #fff;
    height: 45px;
    line-height: 45px;
}

.nav1_zhan .action {
    height: 45px;
    display: block;
    line-height: 45px;
}

.nav1 li .nav1_zhan .zhana:hover,
.nav1 li .nav1_zhan .checked {
    /*display: block;
      margin: -20px auto;
      width:42px;
      height:4px;
      border-radius: 2px;
      background: #00b8ee;*/
    background: url(../images/nav_a.png) no-repeat 12px bottom;
    color: #00b8ee;
}

.nav1 li:first-child .nav1_zhan .zhana:hover,
.nav1 li:first-child .nav1_zhan .checked {
    background: url(../images/nav_a.png) no-repeat center bottom;
    color: #00b8ee;
    padding: 0 4px;
}

.navpost .nav_child ul li a.active,
.nav1_zhan .zhana.checked,
.nav1_zhan:hover .zhana {
    height: 45px;
    line-height: 45px;
    display: block;
    color: #00b8ee;
    display: inline-block;
}

.banner_box {
    width: 100%;
    height: 460px;
    overflow: hidden;
}

.about-banner {
    width: 3220px;
    height: 460px;
    background: url(../images/guanyuwomen-banner.jpg) no-repeat;
    background-size: 100% 100%;
}

.about-tab {
    width: 1400px;
    height: 130px;
    margin: -65px auto;
    background: #fff;
    box-sizing: border-box;
    border-bottom: 4px solid #999;
    display: flex;
    justify-content: space-around;
}

.about-tab-item {
    width: 220px;
    box-sizing: border-box;
    height: 130px;
    padding-top: 40px;
    cursor: pointer;
}

.about-tab-item.active {
    border-bottom: 4px solid #00b8ee;
}

.about-tab-item.active .about-tab-text {
    color: #00b8ee;
}

.about-tab-text {
    font-size: 32px;
    text-align: center;
    color: #333;
}

.about-tab-en {
    font-size: 16px;
    text-align: center;
    color: #999;
}

.about-box {
    width: 100%;
    padding: 65px 0 0 0;
}

.about-main {
    width: 100%;
    height: 590px;
    background: url(../images/about_bgimg.png) no-repeat bottom !important;
    background-size: 100% !important;
}

.about-wrapper {
    width: 1200px;
    margin: 50px auto;
}

.about-us {
    text-indent: 2em;
}

.about-us p {
    padding: 20px 0;
}

.about-culture {
    box-sizing: border-box;
    padding-left: 50px;
}

.about-culture>div {
    overflow: hidden;
}

.about-culture p {
    float: left;
    width: 50%;
    height: 40px;
}

.about-honor {
    /*display: flex;
      justify-content: space-around*/
    ;
    overflow: hidden;
}

.about-honor-item {
    width: 25%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center
}

.about-honor-img {
    max-width: 230px;
    max-height: 160px;
    margin-top: 55px;
    cursor: zoom-in;
    box-shadow: 1px 1px 8px #ccc;
}

.about-honor-line {
    width: 40px;
    height: 2px;
    display: block;
    background: #b0e9fa;
    margin-top: 50px;
}

.about-honor-title {
    font-size: 18px;
    color: #333;
    line-height: 1;
    margin-top: 25px;
}

.swiper-Image {
    position: relative;
}

.swiper-cImg_title {
    position: absolute;
    left: -24px;
    top: 18px;
    height: 50px;
    /*width: 150px;*/
    background: #333333;
    color: #1eb9ee;
    font-size: 32px;
    padding: 0.1rem 0.3rem;
    font-weight: bold;
}

.swiper-cImg_text {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    line-height: 56px;
    overflow: hidden;
}


/*移动端样式*/

@media (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
    .pc_head1,
    .pc_head {
        display: none;
    }
    .qf_zhan {
        display: none;
    }
    .mobile {
        display: block;
    }
    .mobile {
        float: right;
    }
    .mobile span {
        font-size: 0.4rem;
    }
    .haedheit {
        height: 0.9rem;
    }
    .navpheit {
        height: 0.88rem;
    }
    .headtop {
        display: block;
        z-index: 9999;
    }
    .return_btn {
        right: 5%;
        margin-right: 0;
        top: 1.3rem;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .img_zoomOut img {
        height: auto;
        width: 75%;
    }
    .img_zoomOut .return_btn {
        top: 1.3rem;
    }
    /*标题样式*/
    .con_title .title_chine {
        font-size: 32px;
        color: #333333;
        line-height: 1;
    }
    .con_title .heng_bg {
        width: 38px;
        height: 4px;
        display: block;
        background: #333333;
        margin-top: 30px;
    }
    /*标题样式--结束*/
    /*首页样式*/
    #index {
        /*关于我们*/
        /*关于我们--结束*/
        /*3D模型*/
        /*3D模型--结束*/
        /*解决方案*/
        /*解决方案--结束*/
        /*服务客户*/
        /*服务客户--结束*/
        /*联系我们*/
        /*联系我们--结束*/
    }
    #index .section {
        height: auto !important;
    }
    #index .section .fp-tableCell {
        display: block;
        height: auto !important;
    }
    #index .is_title {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 40px 0 30px;
    }
    #index .is_title .con_tit {
        font-size: 32px;
        color: #333333;
        font-weight: bold;
        line-height: 1;
    }
    #index .is_title .xian_bg {
        width: 40px;
        height: 4px;
        background: #333333;
        margin-top: 20px;
    }
    #index .index_s3 {
        width: 100%;
        /* background: url("../images/index_about_bg1.png") no-repeat; */
        background-size: contain;
        background-position: 0 -26px;
    }
    #index .index_s3 .fp-tableCell:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_s3 .s3_Img {
        padding: 0 0 0 0;
        width: 100%;
        height: 400px;
        border-radius: 50%;
        float: none;
        box-sizing: content-box;
        display: flex;
        justify-content: center;
        background: url("../images/guanyubg-fl.png") no-repeat;
        background-size: 100%;
    }
    #index .index_s3 .s3_Img img {
        width: 250px;
        height: 250px;
        max-width: 250px;
        margin-top: 68px;
        margin-left: 0px;
    }
    #index .index_s3 .s3_conText {
        float: none;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding-left: 0;
        max-width: 100%;
    }
    #index .index_s3 .s3_conText .ct_con {
        max-width: 90%;
        width: 90%;
        float: none;
        margin: 0 auto;
    }
    #index .index_s3 .s3_conText .ct_con p strong {
        font-size: 22px;
        color: #1dabdd;
    }
    #index .index_s3 .s3_conText .s3_title {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #index .index_s3 .s3_conText .s3_title .con_tit {
        font-size: 28px;
        color: #333333;
    }
    #index .index_s3 .s3_conText .s3_title .xian_bg {
        height: 2px;
        width: 40px;
        background: #333333;
        margin-top: 20px;
    }
    #index .index_s3 .s3_conText .ct_title {
        font-size: 22px;
        color: #1dabdd;
        line-height: 35px;
        margin-bottom: 25px;
    }
    #index .index_s3 .s3_conText p {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        margin-bottom: 10px;
    }
    #index .index_s3 .s3_conText .result span {
        display: block;
        font-size: 14px;
        color: #333333;
        line-height: 30px;
    }
    #index .index_s3 .s3_conText .more {
        margin: 30px 0;
    }
    #index .index_s3 .s3_conText .more a {
        font-size: 16px;
        color: #1169ab;
        line-height: 30px;
    }
    #index .index_s3 .s3_conText .more a img {
        width: 7px;
        height: 12px;
        margin: -5px 0 0 10px;
    }
    #index .index_3d {
        background: url("../images/3D_bg.png") no-repeat 100% 100%;
    }
    #index .index_3d .loading_3d {
        width: 100%;
        height: 100%;
        background: #ffffff;
    }
    #index .index_3d .loading_3d img {
        width: 100%;
        height: 100%;
    }
    #index .index_3d #WebGL-output {
        position: relative;
        background: url("../images/3D_bg.png") no-repeat center;
        background-size: 100% 100%;
    }
    #index .index_3d #WebGL-output .xz_icon {
        position: absolute;
        bottom: 8%;
        left: 44%;
        width: 0.5rem;
        height: 0.5rem;
    }
    #index .index_3d #WebGL-output canvas {
        width: 100% !important;
        height: 350px !important;
    }
    #index .index_s4 {
        background: url("../images/index_solution_bg.png") #000000 no-repeat;
        background-size: 100% 100%;
        position: relative;
    }
    #index .index_s4 .is_title {
        padding: 40px 0 30px;
    }
    #index .index_s4 .is_title .con_tit {
        color: #ffffff;
        font-size: 32px;
    }
    #index .index_s4 .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_s4 .is4_con {
        width: 100%;
        height: auto;
        margin-top: 0;
    }
    #index .index_s4 .is4_con .swiper_index4 {
        width: 100%;
        height: 300px;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide {
        width: 90%;
        height: 300px !important;
        position: static;
        margin: 0 auto;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide a {
        width: 100%;
        height: 100%;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide img {
        width: 100%;
        height: auto;
        max-height: 190px;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_title {
        background: #333333;
        font-size: 26px;
        color: #1eb9ee;
        padding: 10px 30px 0;
        position: static;
    }
    #index .index_s4 .is4_con .swiper_index4 .swiper-slide .cImg_text {
        width: 100%;
        background: #333333;
        font-size: 14px;
        color: #999999;
        padding: 10px 20px;
        line-height: 30px;
        position: static;
        margin-top: -1px;
    }
    #index .index_s4 .is4_con .content {
        width: 90%;
        height: 100%;
        margin: 0 auto;
        text-align: center;
        display: none;
    }
    #index .index_s4 .is4_con .content .body_img {
        width: 100%;
        height: 100%;
        position: relative;
        margin: 0 auto;
    }
    #index .index_s4 .is4_con .content .body_img img {
        width: 100%;
    }
    #index .index_s4 .is4_con .content .body_img .cImg_title {
        background: #333333;
        font-size: 26px;
        color: #1eb9ee;
        padding: 10px 30px 0;
        position: static;
    }
    #index .index_s4 .is4_con .content .body_img .cImg_text {
        width: 100%;
        background: #333333;
        font-size: 14px;
        color: #999999;
        padding: 10px 20px;
        line-height: 30px;
        position: static;
        margin-top: -1px;
    }
    #index .index_s4 .is4_bottom {
        position: static;
        width: 100%;
        border-bottom: 4px solid #626262;
        display: flex;
        justify-content: space-around;
        margin-top: 20px;
        padding: 0;
    }
    #index .index_s4 .is4_bottom a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #index .index_s4 .is4_bottom a .icon {
        width: 40px;
        height: 40px;
        border: 1px solid #3b3b3b;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: All 0.4s ease-in-out;
        -webkit-transition: All 0.4s ease-in-out;
        -moz-transition: All 0.4s ease-in-out;
        -o-transition: All 0.4s ease-in-out;
    }
    #index .index_s4 .is4_bottom a span {
        font-size: 14px;
        color: #999999;
        line-height: 35px;
    }
    #index .index_s4 .is4_bottom a .shuxian_bg {
        width: 3px;
        height: 10px;
        background: #4c4c4c;
    }
    #index .index_s4 .is4_bottom a.active .icon {
        border: 1px solid #1eb9ee;
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active span {
        color: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a.active .shuxian_bg {
        background: #1eb9ee;
    }
    #index .index_s4 .is4_bottom a:hover .icon {
        transform: rotate(360deg);
    }
    #index .index_s5 {
        padding-bottom: 20px;
    }
    #index .index_s5 .is_title {
        padding: 40px 0 30px;
    }
    #index .index_s5 .is_title .con_tit {
        color: #333333;
        font-size: 32px;
    }
    #index .index_s5 .is_title .xian_bg {
        background: #333333;
    }
    #index .index_s5 .is5_con {
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #index .index_s5 .is5_con a {
        width: 33%;
        height: 80px;
        margin-bottom: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #index .index_s5 .is5_con a img {
        max-height: 80px;
        width: 100%;
    }
    #index .index_s5 .is5_con a:hover {
        box-shadow: 4px 4px 10px #eeeeee;
    }
    #index .index_bottom {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .fp-tableCell {
        display: flex;
        flex-direction: column;
    }
    #index .index_bottom .ib_content {
        background: url("../images/index_contact_bg.png") #000000 no-repeat;
        background-size: 100% 100%;
        flex: 1;
    }
    #index .index_bottom .ib_content .is_title {
        background-size: contain;
        background-position: center;
        padding: 40px 0 30px;
    }
    #index .index_bottom .ib_content .is_title .con_tit {
        color: #ffffff;
        font-size: 32px;
    }
    #index .index_bottom .ib_content .is_title .xian_bg {
        background: #ffffff;
    }
    #index .index_bottom .ib_content .is_con {
        width: 90%;
        margin: 0 auto;
        display: flex;
        background: transparent !important;
        flex-direction: column;
        align-items: center;
    }
    #index .index_bottom .ib_content .is_con:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .ib_content .is_con .isc_left {
        float: none;
        width: 90%;
        padding-right: 0;
        padding-top: 30px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se {
        text-align: right;
        display: flex;
        justify-content: flex-start;
        font-size: 14px;
        color: #dddddd;
        margin-bottom: 30px;
        line-height: 40px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se a {
        font-size: 14px;
        color: #dddddd;
        line-height: 40px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img {
        width: 40px;
        height: 40px;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 15px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se .icon_img img {
        max-width: 20px;
        height: 20px;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(1) {
        position: static;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(2) {
        position: static;
    }
    #index .index_bottom .ib_content .is_con .isc_left .l_se:nth-child(3) {
        position: static;
    }
    #index .index_bottom .ib_content .is_con .isc_right {
        float: none;
        width: 90%;
        height: auto;
        padding-left: 0;
        padding-top: 0;
        border-left: 0;
        box-sizing: border-box;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se {
        margin-bottom: 25px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name {
        font-size: 16px;
        color: #dddddd;
        line-height: 20px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .name i {
        font-style: normal;
        font-size: 16px;
        color: #20baee;
        font-weight: bold;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se .addr {
        font-size: 14px;
        color: #999999;
        line-height: 25px;
        margin-top: 10px;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(1) {
        position: static;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(2) {
        position: static;
    }
    #index .index_bottom .ib_content .is_con .isc_right .r_se:nth-child(3) {
        position: static;
    }
    #index .index_bottom .footer .foot_friendlyLink {
        background: #303030;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent {
        width: 1200px;
        margin: 0 auto;
        padding-top: 35px;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent:after {
        content: "";
        display: block;
        clear: both;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_title {
        width: 140px;
        font-size: 18px;
        color: #ffffff;
        float: left;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con {
        float: left;
        width: 1060px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #index .index_bottom .footer .foot_friendlyLink .foot_frContent .fl_con a {
        display: block;
        width: 265px;
        font-size: 14px;
        color: #666666;
        font-weight: bold;
        line-height: 35px;
    }
    #index .index_bottom .footer .foot_bottom {
        width: 100%;
        height: 70px;
        background: #303030;
        text-align: center;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom {
        width: 1200px;
        margin: 0 auto;
        height: 70px;
        line-height: 70px;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span {
        font-size: 14px;
        color: #666666;
        line-height: 70px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom span a {
        font-size: 14px;
        color: #666666;
        line-height: 70px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a {
        margin-left: 20px;
        position: relative;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a img {
        width: 15px;
        height: 15px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode {
        display: none;
        width: 100px;
        height: 110px;
        background: #ffffff;
        position: absolute;
        top: -110px;
        left: -45px;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode img {
        width: 90px;
        height: 90px;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a .QRcode .jiantou {
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top-color: #ffffff;
        position: absolute;
        bottom: -16px;
        left: 44%;
        z-index: 99;
    }
    #index .index_bottom .footer .foot_bottom .foot_botCom a:hover .QRcode {
        display: flex;
    }
    /*首页样式--结束*/
    /*关于我们样式*/
    #about_us {
        width: 100%;
        /*关于我们*/
        /*奇凡文化*/
        /*奇凡荣誉*/
        /*媒体新闻*/
    }
    #about_us .au_section1 {
        padding: 40px 0;
    }
    #about_us .au_section1 .au1_content {
        width: 90%;
        margin: 0 auto;
        height: auto;
        padding: 0 0 20px;
        background-size: contain !important;
        position: relative;
    }
    #about_us .au_section1 .au1_content .au1_title .title_chine {
        font-size: 32px;
        color: #333333;
        line-height: 1;
    }
    #about_us .au_section1 .au1_content .au1_title .heng_bg {
        width: 38px;
        height: 4px;
        display: block;
        background: #333333;
        margin-top: 30px;
    }
    #about_us .au_section1 .au1_content .au1_conText {
        width: 100%;
        padding-top: 40px;
    }
    #about_us .au_section1 .au1_content .au1_conText p {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        margin-bottom: 30px;
    }
    #about_us .au_section1 .au1_content .bgImg2 {
        position: absolute;
        top: 65px;
        left: 270px;
        display: none;
    }
    #about_us .au_section1 .au1_content .bgImg3 {
        position: absolute;
        bottom: 60px;
        right: -12px;
    }
    #about_us .au_section1 .au1_content .bgImg1 {
        width: 100%;
        height: 350px;
        position: static;
    }
    #about_us .au_section2 {
        padding: 60px 0 40px;
    }
    #about_us .au_section2 .au2_con {
        width: 90%;
        margin: 0 auto;
        height: auto;
    }
    #about_us .au_section2 .au2_con:after {
        content: "";
        display: block;
        clear: both;
    }
    #about_us .au_section2 .au2_con .con2_left {
        width: 100%;
        height: 250px;
        float: left;
    }
    #about_us .au_section2 .au2_con .con2_left .au2_title {
        padding: 40px 0 40px 30px;
    }
    #about_us .au_section2 .au2_con .con2_left .au2_title .title_chine {
        font-size: 32px;
        color: #ffffff;
        line-height: 1;
    }
    #about_us .au_section2 .au2_con .con2_left .au2_title .heng_bg {
        width: 38px;
        height: 4px;
        display: block;
        background: #ffffff;
        margin-top: 30px;
    }
    #about_us .au_section2 .au2_con .con2_left .left_img {
        width: 100%;
        height: 100%;
    }
    #about_us .au_section2 .au2_con .con2_right {
        width: 100%;
        height: auto;
        background: #eaebee;
        float: right;
        padding: 20px;
    }
    #about_us .au_section2 .au2_con .con2_right .se {
        margin-bottom: 5px;
    }
    #about_us .au_section2 .au2_con .con2_right .se:first-child span {
        line-height: 30px;
    }
    #about_us .au_section2 .au2_con .con2_right .se:after {
        content: "";
        display: block;
        clear: both;
    }
    #about_us .au_section2 .au2_con .con2_right .se span {
        width: 100%;
        font-weight: bold;
        float: left;
        line-height: 30px;
        text-align-last: auto;
        font-size: 14px;
    }
    #about_us .au_section2 .au2_con .con2_right .se p {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        float: left;
        margin-left: 30px;
    }
    #about_us .au_section2 .au2_con .con2_right .se p i {
        font-style: normal;
        font-size: 30px;
        color: #1eb9ee;
        font-family: '简舒体';
    }
    #about_us .au_section4 .au4_content {
        width: 90%;
        margin: 0 auto;
        padding: 40px 0 60px;
    }
    #about_us .au_section4 .au4_content .au4_title .title_chine {
        font-size: 32px;
        color: #ffffff;
        line-height: 1;
    }
    #about_us .au_section4 .au4_content .au4_title .heng_bg {
        width: 38px;
        height: 4px;
        display: block;
        background: #ffffff;
        margin-top: 30px;
    }
    #about_us .au_section4 .au4_content .au4_conText {
        height: 100%;
        margin-top: 40px;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper {
        height: 100%;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide {
        height: auto;
        background: rgba(117, 116, 116, 0.5);
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content {
        width: 100%;
        padding: 0 0 40px 0;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content:after {
        content: "";
        display: block;
        clear: both;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content .con {
        width: 50%;
        float: left;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content .con img {
        max-width: 80%;
        max-height: 100px;
        margin-top: 30px;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content .con .heng_bj2 {
        width: 38px;
        height: 2px;
        display: block;
        background: #2f61aa;
        margin-top: 50px;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-container .swiper-wrapper .swiper-slide .content .con .con_title {
        font-size: 16px;
        color: #ffffff;
        line-height: 1;
        margin-top: 25px;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-pagination {
        width: 90%;
        margin-top: 20px;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-pagination.pag {
        width: 100%;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-pagination .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        background: url("../images/about_us_s4bg3.png") no-repeat;
        background-size: 8px 8px;
        background-position: center;
        margin: 0 20px;
    }
    #about_us .au_section4 .au4_content .au4_conText .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
        height: 20px;
        background: url("../images/about_us_s4bg2.png") no-repeat;
        background-size: 100% 100%;
    }
    #about_us .au_section5 {
        background: #ffffff;
    }
    #about_us .au_section5 .au5_content {
        width: 90%;
        margin: 0 auto;
        padding: 40px 0;
    }
    #about_us .au_section5 .au5_content .au5_title .title_chine {
        font-size: 32px;
        color: #ffffff;
        line-height: 1;
    }
    #about_us .au_section5 .au5_content .au5_title .heng_bg {
        width: 38px;
        height: 4px;
        display: block;
        background: #ffffff;
        margin-top: 30px;
    }
    #about_us .au_section5 .au5_content .au5_conText {
        width: 100%;
        height: auto;
        margin: 20px 0 0;
    }
    #about_us .au_section5 .au5_content .au5_conText .au_se {
        padding-left: 25px;
    }
    #about_us .au_section5 .au5_content .au5_conText .au_se .au_seDate {
        font-size: 13px;
        color: #777777;
        line-height: 1;
        padding-top: 20px;
    }
    #about_us .au_section5 .au5_content .au5_conText .au_se .au_seTitle {
        font-size: 16px;
        color: #999999;
        line-height: 20px;
        padding-top: 15px;
    }
    #about_us .au_section5 .au5_content .au5_conText .au_se .au_seAuthor {
        font-size: 13px;
        color: #777777;
        line-height: 1;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #1f2627;
    }
    #about_us .au_section5 .au5_content .au5_conText .au_se .au_seMore {
        font-size: 16px;
        color: #1eb9ee;
        line-height: 1;
        margin-top: 30px;
    }
    #about_us .au_section5 .au5_content .au5_conText .au_se.active {
        background: url("../images/about_us_s5bg2.png") no-repeat;
        background-size: 100% 100%;
    }
    #about_us .au_section5 .au5_content .au5_conText .au_se.active .au_seDate {
        color: #ffffff;
    }
    #about_us .au_section5 .au5_content .au5_conText .au_se.active .au_seTitle {
        color: #ffffff;
    }
    #about_us .au_section5 .au5_content .au5_conText .au_se.active .au_seAuthor {
        color: #ffffff;
        border: 0;
    }
    /*关于我们样式--结束*/
    /*奇凡科技-关于我们-荣誉*/
    #about_us_honour {
        font-family: "微软雅黑";
        /*奇凡荣誉*/
    }
    #about_us_honour .auh_section .auh_content {
        width: 90%;
        height: 12.75rem;
        margin: 0 auto;
        padding: 40px 0;
    }
    #about_us_honour .auh_section .auh_content:after {
        content: "";
        display: block;
        clear: both;
    }
    #about_us_honour .auh_section .auh_content .auh_title {
        width: 100%;
        float: left;
    }
    #about_us_honour .auh_section .auh_content .auh_title .title_chine {
        font-size: 32px;
        color: #ffffff;
        line-height: 1;
        font-weight: bold;
    }
    #about_us_honour .auh_section .auh_content .auh_title .heng_bg {
        width: 38px;
        height: 4px;
        display: block;
        background: #ffffff;
        margin-top: 30px;
    }
    #about_us_honour .auh_section .auh_content .auh_conText {
        width: 100%;
        height: 8.5rem;
        background: rgba(0, 0, 0, 0.2);
        padding: 0 20px;
        overflow: auto;
        float: right;
        margin-top: 40px;
    }
    #about_us_honour .auh_section .auh_content .auh_conText .auhC {
        padding-bottom: 50px;
    }
    #about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_title {
        height: 80px;
        line-height: 80px;
        font-size: 22px;
        color: #1eb9ee;
    }
    #about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content {
        padding: 20px 0;
        border-top: 1px solid #3c3c3f;
        border-bottom: 1px solid #3c3c3f;
    }
    #about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_con {
        display: flex;
        flex-wrap: wrap;
    }
    #about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_con a {
        width: 100%;
        display: block;
        font-size: 14px;
        color: #dddddd;
        line-height: 30px;
    }
    #about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_con a:nth-child(1),
    #about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_con a:nth-child(4),
    #about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_con a:nth-child(7),
    #about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_con a:nth-child(10) {
        width: 100%;
    }
    #about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_conTit {
        width: 100%;
    }
    #about_us_honour .auh_section .auh_content .auh_conText .auh_conSe .cs_content .cs_conTit a {
        display: block;
        font-size: 15px;
        color: #dddddd;
        line-height: 40px;
        font-weight: bold;
    }
    /*奇凡科技-关于我们-荣誉--结束*/
    /*奇凡科技-关于我们-媒体新闻*/
    #about_us_news {
        font-family: "微软雅黑";
        /*媒体新闻*/
    }
    #about_us_news .aunew_section .aunew_content {
        width: 90%;
        height: auto;
        margin: 0 auto;
        padding: 40px 0;
        background-size: contain !important;
    }
    #about_us_news .aunew_section .aunew_content .aunew_title .title_chine {
        font-size: 32px;
        color: #333333;
        line-height: 1;
        font-weight: bold;
    }
    #about_us_news .aunew_section .aunew_content .aunew_title .heng_bg {
        width: 38px;
        height: 4px;
        display: block;
        background: #333333;
        margin-top: 30px;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con {
        width: 48%;
        margin-top: 35px;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con a img {
        width: 100%;
        max-height: 170px;
        height: auto;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se {
        width: 100%;
        padding: 10px 0 15px;
        border-bottom: 1px solid #f4f4f4;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se:after {
        content: "";
        display: block;
        clear: both;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se .se_date {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-right: 0;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se .se_date .day {
        font-size: 28px;
        color: #333333;
        font-weight: bold;
        line-height: 30px;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se .se_date .month {
        font-size: 10px;
        color: #333333;
        line-height: 20px;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se .se_title {
        float: left;
        width: 100%;
        padding: 0;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con a .content_se .se_title p {
        font-size: 13px;
        color: #000000;
        line-height: 20px;
        text-align: left;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con a .more {
        height: 40px;
        line-height: 40px;
        text-align: right;
        padding-right: 25px;
    }
    #about_us_news .aunew_section .aunew_content .aunew_con .con a .more a {
        font-size: 14px;
        color: #333333;
    }
    #about_us_news .aunew_section .aunew_content .paging {
        width: 100%;
    }
    #about_us_news .aunew_section .aunew_content .paging img {
        width: 100%;
    }
    /*奇凡科技-关于我们-媒体新闻--结束*/
    /*奇凡科技-关于我们-媒体新闻-详情页*/
    /*奇凡科技-客户案例-详情页*/
    #about_us_news_details,
    .case_details {
        font-family: "Microsoft YaHei";
    }
    #about_us_news_details .aund_section .aund_content,
    .case_details .aund_section .aund_content {
        width: 90%;
        height: auto;
        margin: 0 auto;
        padding: 40px 0 0;
        background-size: contain !important;
    }
    #about_us_news_details .aund_section .aund_content .aund_con .con_title,
    .case_details .aund_section .aund_content .aund_con .con_title {
        text-align: center;
        padding: 45px 0 20px;
    }
    #about_us_news_details .aund_section .aund_content .aund_con .con_title h3,
    .case_details .aund_section .aund_content .aund_con .con_title h3 {
        font-size: 26px;
        color: #333333;
        line-height: 40px;
    }
    #about_us_news_details .aund_section .aund_content .aund_con .con_title .author,
    .case_details .aund_section .aund_content .aund_con .con_title .author {
        text-align: center;
        margin-top: 10px;
    }
    #about_us_news_details .aund_section .aund_content .aund_con .con_title .author span,
    .case_details .aund_section .aund_content .aund_con .con_title .author span {
        font-size: 14px;
        color: #333333;
        line-height: 45px;
        padding: 0 10px;
    }
    #about_us_news_details .aund_section .aund_content .aund_con .con_Text,
    .case_details .aund_section .aund_content .aund_con .con_Text {
        width: 100%;
        border-top: 1px solid #f4f4f4;
        border-bottom: 1px solid #f4f4f4;
        padding: 40px 0 20px;
    }
    #about_us_news_details .aund_section .aund_content .aund_con .con_Text p,
    .case_details .aund_section .aund_content .aund_con .con_Text p {
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        margin-bottom: 25px;
    }
    #about_us_news_details .aund_section .aund_content .aund_con .con_Text .con_img,
    .case_details .aund_section .aund_content .aund_con .con_Text .con_img {
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto 40px;
        align-items: center;
        justify-content: center;
    }
    #about_us_news_details .aund_section .aund_content .aund_con .con_Text .con_img img,
    .case_details .aund_section .aund_content .aund_con .con_Text .con_img img {
        width: 100%;
        max-height: 350px;
        height: auto;
    }
    #about_us_news_details .aund_section .aund_content .aund_con .pag,
    .case_details .aund_section .aund_content .aund_con .pag {
        padding: 30px 0 50px;
    }
    #about_us_news_details .aund_section .aund_content .aund_con .pag a,
    .case_details .aund_section .aund_content .aund_con .pag a {
        display: block;
        font-size: 14px;
        color: #333333;
        line-height: 30px;
    }
    .case_details .aund_section .aund_content .aund_con .con_title {
        padding: 45px 0 !important;
    }
    /*奇凡科技-客户案例-详情页--结束*/
    /*奇凡科技-关于我们-媒体新闻-详情页--结束*/
    /*奇凡科技-客户案例-电力清明上河图*/
    .cloud {
        position: absolute;
        left: -580px;
        top: -20px;
        z-index: 4;
        opacity: 0.8;
    }
    .chuan {
        position: absolute;
        left: 0;
        bottom: 0.5rem;
        z-index: 4;
        opacity: 0.8;
        width: 30px;
        height: 30px;
    }
    .chuan2 {
        position: absolute;
        left: 1200px;
        bottom: 0.2rem;
        z-index: 4;
        opacity: 0.8;
        width: 30px;
        height: 30px;
    }
    .wk_index_main {
        font-family: "Microsoft YaHei";
    }
    .wk_index_main #container .pi_explain_pc {
        display: none;
    }
    .wk_index_main .pi_explain {
        display: block;
    }
    /*奇凡科技-客户案例-电力清明上河图--结束*/
    /*奇凡科技-解决方案*/
    #solution {
        font-family: "微软雅黑";
        /*解决方案*/
        /*客户案例*/
    }
    #solution .sk_section1 .search {
        width: 220px;
        height: 40px;
        display: flex;
        align-items: center;
        position: fixed;
        background: #f9fafa;
        padding: 15px 10px;
        z-index: 99;
        border-radius: 10px;
        margin: 0;
        top: 1.5rem;
        right: 2%;
    }
    #solution .sk_section1 .search:after {
        content: "";
        display: block;
        clear: both;
    }
    #solution .sk_section1 .search input {
        float: left;
        height: 30px;
        line-height: 30px;
        padding-left: 5px;
        background: #fafafb;
        font-size: 16px;
        color: #c6c6c6;
        flex: 1;
    }
    #solution .sk_section1 .search input::-webkit-input-placeholder {
        color: #c6c6c6;
    }
    #solution .sk_section1 .search input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #c6c6c6;
    }
    #solution .sk_section1 .search input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #c6c6c6;
    }
    #solution .sk_section1 .search input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #c6c6c6;
    }
    #solution .sk_section1 .search .search_btn {
        float: left;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
    }
    #solution .sk_section1 .search .search_btn img {
        width: 15px;
        height: 15px;
    }
    #solution .sk_section1 .sk_con1 {
        width: 90%;
        margin: 0 auto;
        height: auto;
    }
    #solution .sk_section1 .sk_con1:after {
        content: "";
        display: block;
        clear: both;
    }
    #solution .sk_section1 .sk_con1 .con1_left {
        width: 100%;
        float: left;
        padding-top: 20px;
    }
    #solution .sk_section1 .sk_con1 .con1_left .explain {
        padding-top: 20px;
    }
    #solution .sk_section1 .sk_con1 .con1_left .explain .e_con {
        font-size: 13px;
        color: #333333;
        width: 100%;
        line-height: 25px;
        margin: 20px 0;
    }
    #solution .sk_section1 .sk_con1 .con1_right {
        width: 100%;
        float: left;
        height: 410px;
        position: relative;
        margin-top: 0;
    }
    #solution .sk_section1 .sk_con1 .con1_right .con_img {
        width: 250px;
        height: 250px;
        border-radius: 50%;
        position: absolute;
        top: 19%;
        left: 50%;
        z-index: 2;
        transform: translateX(-50%);
    }
    #solution .sk_section1 .sk_con1 .con1_right .sk_bgImg1 {
        width: 100%;
        height: auto;
        position: absolute;
        top: 10px;
        left: 0;
        z-index: 1;
    }
    #solution .sk_section2 {
        background: #fafafa;
    }
    #solution .sk_section2 .sk_con2 {
        width: 90%;
        margin: 0 auto;
        padding: 40px 0;
    }
    #solution .sk_section2 .sk_con2 .con2_se {
        margin-top: 20px;
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 20px;
        background: url("../images/chiva_technology2.png") no-repeat;
        background-size: contain;
        background-position: right 40px;
        padding-top: 0;
    }
    #solution .sk_section2 .sk_con2 .con2_se:first-child {
        margin-top: 0;
    }
    #solution .sk_section2 .sk_con2 .con2_se:after {
        content: "";
        display: block;
        clear: both;
    }
    #solution .sk_section2 .sk_con2 .con2_se:nth-child(1),
    #solution .sk_section2 .sk_con2 .con2_se:nth-child(3),
    #solution .sk_section2 .sk_con2 .con2_se:nth-child(5) {
        background: url("../images/chiva_technology.png") no-repeat;
        background-size: contain;
        background-position: left 300px;
    }
    #solution .sk_section2 .sk_con2 .con2_se:nth-child(1) .cse_text,
    #solution .sk_section2 .sk_con2 .con2_se:nth-child(3) .cse_text,
    #solution .sk_section2 .sk_con2 .con2_se:nth-child(5) .cse_text {
        padding: 20px 20px;
        float: right;
    }
    #solution .sk_section2 .sk_con2 .con2_se:last-child {
        border: 0;
        padding-bottom: 0;
    }
    #solution .sk_section2 .sk_con2 .con2_se:last-child .cse_text {
        padding: 20px 20px;
        float: right;
    }
    #solution .sk_section2 .sk_con2 .con2_se .cse_img {
        width: 100%;
        float: left;
    }
    #solution .sk_section2 .sk_con2 .con2_se .cse_img img {
        width: 100%;
        height: auto;
        max-height: 280px;
        border-radius: 10px;
    }
    #solution .sk_section2 .sk_con2 .con2_se .cse_text {
        width: 100%;
        float: left;
        padding: 20px 20px;
    }
    #solution .sk_section2 .sk_con2 .con2_se .cse_text .con_title {
        margin-bottom: 20px;
    }
    #solution .sk_section2 .sk_con2 .con2_se .cse_text .con_title:after {
        content: "";
        display: block;
        clear: both;
    }
    #solution .sk_section2 .sk_con2 .con2_se .cse_text .con_title img {
        max-height: 43px;
        width: auto;
        float: left;
        margin-right: 20px;
    }
    #solution .sk_section2 .sk_con2 .con2_se .cse_text .con_title .title_chine {
        font-size: 24px;
        color: #333333;
        float: left;
        line-height: 40px;
    }
    #solution .sk_section2 .sk_con2 .con2_se .cse_text p {
        width: 100% !important;
        font-size: 14px;
        color: #333333;
        margin-top: 25px;
        line-height: 25px;
        background: transparent !important;
    }
    #solution .sk_section2 img {
        width: 100%;
    }
    #solution .sk_section3 {
        background: url("../images/solution_kepus3_bg.png") no-repeat;
        background-size: 100% 100%;
    }
    #solution .sk_section3 .sk_con3 {
        width: 90%;
        margin: 0 auto;
        padding: 0.9rem 0 1.2rem;
    }
    #solution .sk_section3 .sk_con3 .case_container {
        padding: 0 15px;
        width: 100%;
        box-sizing: border-box;
    }
    #solution .sk_section3 .sk_con3 .case_swiper_container {
        width: 100%;
        margin: auto;
        height: 240px;
    }
    #solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide {
        width: 85%;
        max-height: 160px;
        height: auto;
        padding: 2%;
        box-sizing: border-box;
        background: #fff;
        bottom: 0;
        margin-top: -70px;
    }
    #solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide.swiper-slide-active {
        padding: 2%;
    }
    #solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide.swiper-slide-active .img_wrapper {
        width: 100%;
        height: 100%;
    }
    #solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide.swiper-slide-active .img_wrapper img {
        width: 100%;
        height: 100%;
    }
    #solution .sk_section3 .sk_con3 .case-swiper-container .swiper-slide .shade {
        width: 100%;
        height: 160px;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.5);
    }
    #solution .sk_section3 .sk_con3 .destruction-swiper .swiper-slide .img_wrapper {
        width: 100%;
        height: 100%;
        max-height: 150px;
        position: relative;
    }
    #solution .sk_section3 .sk_con3 .destruction-swiper .swiper-slide .img_wrapper img {
        width: 100%;
        height: 100%;
    }
    #solution .sk_section3 .sk_con3 .img_wrapper {
        width: 100%;
        height: 100%;
        max-height: 150px;
        position: relative;
    }
    #solution .sk_section3 .sk_con3 .img_wrapper img {
        width: 100%;
        height: auto;
        max-height: 150px;
    }
    #solution .sk_section3 .sk_con3 .img_wrapper .title {
        position: absolute;
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%;
        text-align: right;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        padding-right: 5px;
        box-sizing: border-box;
    }
    #solution .sk_section3 .sk_con3 .case_date {
        width: 40px;
        height: 40px;
        position: absolute;
        background: #000;
        color: #fff;
        left: -10px;
        top: -10px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
    }
    #solution .sk_section3 .sk_con3 .case-pagination-wrapper {
        overflow-x: scroll;
    }
    #solution .sk_section3 .sk_con3 .case-swiper-pagination {
        margin-left: 0;
    }
    #solution .sk_section3 .sk_con3 .case-swiper-pagination .swiper-pagination-bullet {
        background: none;
        font-size: 0.25rem;
    }
    #solution .sk_section3 .sk_con3 .case-swiper-pagination .swiper-pagination-bullet-active {
        background: none;
        width: 40px;
        color: #2F61AA;
        text-align: left;
    }
    #solution .sk_section3 .sk_con3 .case-swiper-pagination .swiper-pagination-bullet-active::after {
        content: '';
        width: 20px;
        height: 1px;
        position: absolute;
        background: #2F61AA;
        top: 50%;
        right: 0px;
    }
    /*奇凡科技-解决方案---结束*/
    /*奇凡科技-搜索结果页*/
    #search_result {
        font-family: "Microsoft YaHei";
    }
    #search_result .sr_content {
        width: 90%;
        margin: 0 auto;
    }
    #search_result .sr_content .search {
        width: 80%;
        height: 40px;
        border: 1px solid #f4f4f4;
        display: flex;
        align-items: center;
        margin: 30px 0 20px;
        padding-left: 1px;
    }
    #search_result .sr_content .search:after {
        content: "";
        display: block;
        clear: both;
    }
    #search_result .sr_content .search input {
        float: left;
        height: 95%;
        line-height: 39px;
        flex: 1;
        padding: 0 25px;
        font-size: 16px;
        color: #333333;
    }
    #search_result .sr_content .search .btn {
        float: right;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }
    #search_result .sr_content .search .btn img {
        width: 18px;
        height: 18px;
    }
    #search_result .sr_content .result_title {
        width: 100%;
        height: 30px;
        line-height: 30px;
        background: #f2f2f2;
    }
    #search_result .sr_content .result_title span {
        line-height: 1;
        font-size: 13px;
        color: #333333;
    }
    #search_result .sr_content .result_con .rc_se {
        padding: 20px 10px;
        border-bottom: 1px solid #f9f9f9;
    }
    #search_result .sr_content .result_con .rc_se span {
        font-size: 16px;
        color: #333333;
        line-height: 1;
    }
    #search_result .sr_content .result_con .rc_se p {
        font-size: 13px;
        color: #777777;
        line-height: 25px;
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    /*奇凡科技-搜索结果页--结束*/
    /*奇凡科技-联系我们*/
    #contact_us {
        width: 100%;
        height: auto;
        background: url("../images/112.png") no-repeat;
        background-size: 100% 100%;
    }
    #contact_us .cu_section {
        width: 90%;
        margin: 0 auto;
        background: url(../images/contact_us_bg2.png) no-repeat;
        background-size: contain;
        background-position: right 95px;
        padding-top: 40px;
    }
    #contact_us .cu_section .con_title .title_english {
        color: #ffffff;
    }
    #contact_us .cu_section .con_title .title_chine {
        color: #ffffff;
    }
    #contact_us .cu_section .cu_content .is_con {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 40px 0;
        background: transparent !important;
    }
    #contact_us .cu_section .cu_content .is_con:after {
        content: "";
        display: block;
        clear: both;
    }
    #contact_us .cu_section .cu_content .is_con .isc_left {
        float: left;
        width: 90%;
        padding-right: 0;
        padding-top: 30px;
        border: 0;
    }
    #contact_us .cu_section .cu_content .is_con .isc_left .l_se {
        text-align: right;
        display: flex;
        justify-content: flex-start;
        font-size: 16px;
        color: #dddddd;
        margin-bottom: 30px;
        line-height: 40px;
        position: static;
    }
    #contact_us .cu_section .cu_content .is_con .isc_left .l_se a {
        font-size: 16px;
        color: #dddddd;
        line-height: 40px;
        text-align: left;
    }
    #contact_us .cu_section .cu_content .is_con .isc_left .l_se .icon_img {
        width: 40px;
        height: 40px;
        border: 1px solid #4a4948;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 15px;
    }
    #contact_us .cu_section .cu_content .is_con .isc_left .l_se .icon_img img {
        max-width: 20px;
        height: 20px;
    }
    #contact_us .cu_section .cu_content .is_con .isc_left .l_se:nth-child(1) {
        position: static;
    }
    #contact_us .cu_section .cu_content .is_con .isc_left .l_se:nth-child(2) {
        position: static;
    }
    #contact_us .cu_section .cu_content .is_con .isc_left .l_se:nth-child(3) {
        position: static;
    }
    #contact_us .cu_section .cu_content .is_con .isc_right {
        float: left;
        width: 90%;
        height: auto;
        padding-left: 0;
        padding-top: 25px;
        box-sizing: border-box;
    }
    #contact_us .cu_section .cu_content .is_con .isc_right .r_se {
        margin-bottom: 25px;
    }
    #contact_us .cu_section .cu_content .is_con .isc_right .r_se a {
        display: block;
    }
    #contact_us .cu_section .cu_content .is_con .isc_right .r_se a p:last-child {
        margin-top: 10px;
    }
    #contact_us .cu_section .cu_content .is_con .isc_right .r_se .name {
        font-size: 16px;
        color: #dddddd;
        line-height: 20px;
    }
    #contact_us .cu_section .cu_content .is_con .isc_right .r_se .addr {
        font-size: 14px;
        color: #999999;
        line-height: 25px;
        margin-top: 10px;
    }
    #contact_us .cu_section .cu_content .is_con .isc_right .r_se:nth-child(1) {
        position: static;
    }
    #contact_us .cu_section .cu_content .is_con .isc_right .r_se:nth-child(2) {
        position: static;
    }
    #contact_us .cu_section .cu_content .is_con .isc_right .r_se:nth-child(3) {
        position: static;
    }
    /*奇凡科技-联系我们--结束*/
    /*奇凡科技-加入奇凡*/
    #join_us {
        width: 100%;
        background: url("../images/join_us_bg.png") no-repeat center;
    }
    #join_us .ju_content {
        width: 100%;
        margin: 0 auto;
        padding-top: 10px;
    }
    #join_us .ju_content .ju_title {
        width: 90%;
        padding-top: 0;
    }
    #join_us .ju_content .ju_title:after {
        content: "";
        display: block;
        clear: both;
    }
    #join_us .ju_content .ju_title .con_title {
        float: none;
        margin: 40px 0 20px;
    }
    #join_us .ju_content .ju_title .con_title .title_chine {
        color: #ffffff;
    }
    #join_us .ju_content .ju_title .con_title .heng_bg {
        background: #ffffff;
    }
    #join_us .ju_content .ju_title .con_title_ex {
        float: none;
    }
    #join_us .ju_content .ju_title .con_title_ex .tit1 {
        font-size: 22px;
        color: #ffffff;
        line-height: 1;
        text-align: right;
    }
    #join_us .ju_content .ju_title .con_title_ex .tit2 {
        font-size: 16px;
        color: #ffffff;
        line-height: 1;
        margin-top: 20px;
        text-align: right;
    }
    #join_us .ju_content .ju_con {
        width: 90%;
        height: auto;
        background: rgba(0, 0, 0, 0.2);
        margin-top: 40px;
        padding: 40px 5% 50px;
    }
    #join_us .ju_content .ju_con p {
        font-size: 16px;
        color: #ffffff;
        line-height: 35px;
        margin-bottom: 40px;
    }
    #join_us .ju_content .ju_con span {
        font-size: 16px;
        color: #ffffff;
        line-height: 35px;
        display: block;
    }
    #join_us .ju_content .ju_con .btn a {
        display: block;
        width: 195px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        border: 1px solid #ffffff;
        font-size: 18px;
        color: #ffffff;
        margin: 45px auto 0;
    }
    /*奇凡科技-加入奇凡--结束*/
    .footer {
        display: none;
    }
    .mobile_footer {
        display: block;
    }
    .banner_box {
        height: auto;
    }
    .about-banner {
        width: 32.2rem;
        height: 4.5rem;
    }
    .about-tab {
        width: 100%;
        height: 65px;
    }
    .about-tab-item {
        height: 65px;
        padding-top: 8px;
    }
    .about-tab-text {
        font-size: 0.35rem;
    }
    .about-tab-en {
        font-size: 0.12rem;
        line-height: 1em;
    }
    .about-wrapper {
        width: 90%;
        margin: 6px auto;
    }
    .about-culture p {
        float: none;
        width: auto;
        height: auto;
    }
    .about-honor-item {
        width: 50%;
    }
    .about-honor-img {
        max-width: 100%;
        max-height: 160px;
        height: 160px;
    }
    .about-honor-title {
        font-size: 15px;
    }
    #certify {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    #certify .swiper-slide {
        width: 544px;
        height: 201px;
        overflow: hidden;
        margin-left: 45px;
    }
    #certify .swiper-slide img {
        display: block;
        width: 100%;
        height: 4rem;
    }
    #certify .swiper-button-prev {
        left: 0;
        top: 77px;
        margin-top: 0
    }
    #certify .swiper-button-next {
        right: 0;
        top: 77px;
        margin-top: 0
    }
    #certify .swiper-container {
        padding-bottom: 20px;
        margin: 0 45px;
    }
    .swiper-Image {
        width: 100%;
        height: 4rem;
    }
    .swiper-cImg_title {
        left: 1px;
        font-size: 19px;
    }
    .swiper-cImg_text {
        width: 5.8rem;
        height: 64px;
        line-height: 22px;
    }
    .swiper-wrapper {
        margin-left: 150px;
    }
}

.sr_nav {
    width: 15%;
    float: left;
    color: #fff;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 10px;
}

.sr_foot {
    position: fixed;
    top: 50%;
    left: 50%;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    transform: translate(-50%, -50%);
    width: 30%;
    pointer-events: none;
    text-align: center;
    z-index: 99;
}

.sr_foot img {
    width: 207px;
    height: 76px;
}

.sr_foot2 {
    position: fixed;
    top: 20%;
    left: 50%;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    transform: translate(-50%, -50%);
}

#ifsr .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#ifsr .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#ifsr .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#ifsr .swiper-button-prev {
    left: 50px;
    width: 45px;
    height: 45px;
    /* margin-top: -160px; */
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#ifsr .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#ifsr .swiper-button-next {
    right: 50px;
    width: 45px;
    height: 45px;
    /* margin-top: -160px; */
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

#ifsr .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}