@charset "utf-8";
/* CSS Document */

/* CSS Document */
:root {
    --main_color: #0051B6;
    /* #023A91主色 */
    --main_color_rgb: 2, 58, 145;
    /*rgba*/
    --second_color: #EF8F38;
    /* 副色 */
    --hui_color: #eff0f4;

}

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
p,
form,
img,
select {
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    font-size: 14px;
    font-family: "苹方", "微软雅黑", arial;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #2B58F9;
}

ul,
li {
    list-style: none;
}

.clear {
    clear: both;
}

.blank10 {
    height: 10px;
}

.blank20 {
    height: 20px;
}

.blank30 {
    height: 30px;
}

.blank40 {
    height: 40px;
}

.blank50 {
    height: 50px;
}

.blank60 {
    height: 60px;
}

.blank70 {
    height: 70px;
}

.blank80 {
    height: 80px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}



/*滚动条美化*/
body::-webkit-scrollbar {
    width: 10px !important;
}

body::-webkit-scrollbar-track {
    background-color: #f3f3f3;
}

body::-webkit-scrollbar-track-piece {
    background-color: #f3f3f3;
    -webkit-border-radius: 4px;
}

body::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border: solid 1px #C0C0C0;
    border-radius: 4px;
}

body::-webkit-scrollbar-corner {
    background-color: #ddd;
}

body::-webkit-resizer {
    background-repeat: no-repeat;
    background-position: bottom right;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #F3F3E0;
}

::-webkit-scrollbar {
    width: 15px;
}

/*图片放大*/
.picShow img:hover,
.picShow a:hover img {
    transition: all 500ms ease-out 0s;
    -webkit-transform: scale(1.1);
    moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

.picShow img {
    transition: all 500ms ease-out 0s;
}


.main100 {
    width: 90%;
    margin: auto;
    max-width: 1500px;
    min-width: 1200px;
}

.main {
    width: 1200px;
    margin: auto;
}

.bg_hui {
    background: #f1f2f4;
    border-top: #eaedf0 1px solid;
    min-width: 1200px;
}

.flex_space {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex_start {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.t_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.t_left_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*文字省略*/
.ellipsis1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col_3 li {
    width: 32%;
    margin-right: 2%;
}

.col_4 li {
    width: 23.8%;
    margin-right: 1.6%;
}

.col_3 li:nth-child(3n),
.col_4 li:nth-child(4n) {
    margin-right: 0;
}



/*头部*/
.header {
    height: 100px;
    z-index: 1000;
    width: 100%;
    min-width: 1200px;
    position: fixed;
    transition: 0.5s all;
    /*background:url(../images/header_bg.png) repeat-x center bottom;*/
}

.header .logo {
    height: 100px;
    display: flex;
    align-items: center;
    transition: 0.5s all;
    margin-left: 5%;
}

.header .logo img {
    height: 60px;
    display: block;
    transition: 0.5s all;
    filter: grayscale(100%) brightness(500%);
}

/*电话*/
.header .tel {
    height: 100px;
    font-size: .25rem;
    color: #fb0;
    margin-right: .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: din;
    letter-spacing: 1px;
    font-weight: bold;
    transition: 0.5s all;
}

.header .tel img {
    vertical-align: middle;
    margin-right: 10px;
    filter: grayscale(100%) brightness(500%);
    transition: 0.5s all;
}

.header .tel i {
    font-size: .22rem;
}

.header_scroll .tel {
    background-image: -webkit-linear-gradient(left, #03ABFF, #2B58F9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header_scroll .tel img {
    filter: grayscale(0) brightness(100%);
}


/*联系按钮*/
.menu_lx {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s all;
    margin-right: 5%;
}

.menu_lx a {
    display: block;
    width: 1rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    font-size: 15px;
    color: #fff;
    letter-spacing: .5px;
    border: solid 1px rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

.header_scroll .menu_lx a {
    background: linear-gradient(90deg, #03ABFF 0, #2B58F9 100%);
    border: none;
    background-color: #596efb;
}


/*下拉菜单*/
.navBox {
    height: 100px;
    float: right;
    margin-right: .4rem;
    transition: 0.5s all;
}

.navBox .nav {
    display: flex;
    height: 100%;
}

.navBox .nav li {
    padding: 0 .25rem;
    position: relative;
}

.navBox .nav li>a {
    display: block;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navBox .nav li>a .txt {
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    transition: 0.5s all;
}

.navBox .nav li>a:hover .txt {
    color: #fff;
}

.header_scroll .navBox .nav li>a .txt {
    color: #333;
}


.subNavbox {
    white-space: nowrap;
    min-width: 100%;
    position: absolute;
    top: 80%;
    left: 50%;
    background: rgba(255, 255, 255, .99);
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    border-radius: 5px;
    padding: 15px 15px;
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    box-shadow: 0 5px 40px rgba(3, 43, 183, .25);
}

.subNavbox:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-style: solid;
    margin-left: -7px;
    border-width: 7px;
    border-color: transparent transparent #fff;
}

.subNavbox p:not(:last-of-type) {
    border-bottom: 1px solid #ddd
}

.subNavbox a {
    display: block;
    position: relative;
    font-size: 15px;
    padding: 15px 0;
    -webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: color .3s cubic-bezier(.645, .045, .355, 1);
    transition: color .3s cubic-bezier(.645, .045, .355, 1);
    text-align: center;
}

.subNavbox a:before {
    content: "";
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: -15px;
    width: 3px;
    background: #2B58F9;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.162, .85, .45, 1);
    transition: transform .3s cubic-bezier(.162, .85, .45, 1);
}

.subNavbox a.active,
.subNavbox a:hover {
    color: #2B58F9
}

.subNavbox a.active:before,
.subNavbox a:hover:before {
    -ms-transform-origin: top;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.subNavbox.active {
    pointer-events: all;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1;
}






/*导航下拉*/
.header_scroll {
    background: #fff;
    height: 76px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.header_scroll.on:before {
    width: 0px;
    transition: 0.01s all;
}

.header_scroll .logo,
.header_scroll .navBox,
.header_scroll .tel,
.header_scroll .menu_lx {
    height: 76px;
}

.header_scroll .logo img {
    filter: grayscale(0) brightness(100%);
}

.header_scroll .subNavbox {
    top: 100%;
}

.top_blank {
    width: 100%;
    min-width: 1200px;
    height: 100px;
    transition: 0.5s all;
    background: #2e6ee1;
    position: fixed;
    z-index: 10;
}

.top_blank.top_blank_scroll {
    height: 76px;
}


.container01 {
    position: relative;
    max-height: 100vh;
    overflow: hidden;
}

/*======================轮播图======================*/
/*焦点图*/
#banner {
    width: 100%;
    position: fixed;
    z-index: 0;
    background: #fff;
    overflow: hidden;
}

#banner .txt {
    position: absolute;
    z-index: 999;
    left: 5%;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;*/
}

#banner .txt h3 {
    font-size: .62rem;
    color: #fff;
    margin-bottom: .25rem;
    letter-spacing: 1px;
}

#banner .txt p {
    font-size: .23rem;
    color: #fff;
    line-height: 2em;
    letter-spacing: 1px;
    font-weight: lighter;
    position: relative;
    padding-left: 20px;
}

#banner .txt p:before {
    content: "";
    display: block;
    width: .11rem;
    height: .11rem;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

#banner .txt h3 {
    transform: translateY(200px);
    opacity: 0;
    transition: all 0.3s;
}

#banner .txt p {
    transform: translateY(200px);
    opacity: 0;
    transition: all 0.6s;
}

#banner .txt .viewmore {
    transform: translateY(200px);
    opacity: 0;
    transition: all 0.9s;
    margin-top: 50px;
}

#banner .swiper-slide-active .txt h3,
#banner .swiper-slide-active .txt p,
#banner .swiper-slide-active .txt .viewmore {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.5s;
}

.viewmore {
    position: relative;
}

.viewmore a {
    pointer-events: all;
    display: block;
    width: 110px;
    height: 46px;
    line-height: 46px;
    border: 1px solid rgba(255, 255, 255, .35);
    color: #fff;
    padding: 0 25px;
    position: relative;
    transition: all 0.3s;
}

.viewmore a i {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15%;
    top: 50%;
    margin-top: -10px;
    background: url("../images/rb-1.png") center no-repeat;
}

.viewmore a:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 0;
    background: rgba(255, 255, 255, .35);
    height: 100%;
    transition: 0.6s all;
}

.viewmore a:hover:after {
    width: 100%;
    left: 0;
}

#banner .swiper-slide .pic {
    height: 100%;
    position: relative;
    z-index: 1;
}

#banner .swiper-slide .pic img {
    width: 100%;
    object-fit: cover;
    transition: all 4s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    display: block;
    /*-webkit-filter: blur(30px); filter: blur(30px);*/
}

#banner .swiper-slide-active .pic img {
    /*transform: scale(1.05,1.05);  -webkit-transform: scale(1.06,1.06);  transition-delay:0.8s; -webkit-filter: blur(0px); filter: blur(0px);*/
}


/*按钮切换*/
#banner .swiper-button-prev,
#banner .swiper-button-next {
    display: none;
    width: 72px;
    height: 72px;
    background: url(../images/ico_sliding.png) no-repeat;
    margin-top: -36px;
    opacity: 0.3;
}

#banner .swiper-button-prev {
    background-position: 0 0;
}

#banner .swiper-button-prev:hover {
    background-position: 0 -144px;
}

#banner .swiper-button-next {
    background-position: 0 -72px;
}

#banner .swiper-button-next:hover {
    background-position: 0 -216px;
}

/*分页器*/
#banner .swiper-pagination {
    bottom: .5rem;
}

#banner .swiper-pagination-bullet {
    width: 46px;
    height: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .2);
    opacity: 1;
    position: relative;
    margin: 0 5px !important;
}

#banner .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 0;
    height: 5px;
    z-index: 1;
    transition: 0s;
    border-radius: 5px;
}

#banner .swiper-pagination-bullet-active:before {
    width: 100%;
    transition: all 5s ease;
    border-radius: 3px;
}


#particles-js {
    position: absolute;
    width: 100%;
    z-index: 2;
    pointer-events: none;
}

#particles-js {
    opacity: 0.6;
}



/*页面标题*/
.main_tit {
    text-align: center;
    min-width: 1200px;
    padding: 50px 0 35px;
}

.main_tit_z {
    font-size: 32px;
    margin-bottom: 12px;
    color: #222;
    font-weight: bold;
}

.main_tit_f {
    font-size: 16px;
    color: #888;
    /*text-transform:uppercase;*/
}

.main_tit .line {
    display: block;
    width: 25px;
    height: 4px;
    background: var(--main_color);
    margin: 15px auto auto auto;
    border-radius: 5px;
}


/**/
.index_tit {}

.index_tit h2 {
    font-size: .42rem;
    color: #000;
    text-align: center;
    margin-bottom: .25rem;
}

.index_tit h3 {
    font-size: .42rem;
    color: #000;
    text-align: center;
    margin-bottom: .25rem;
    font-weight: normal;
}

.index_tit h4 {
    font-size: .22rem;
    color: #666;
    font-weight: lighter;
    text-align: center;
}

.section {
    position: relative;
    z-index: 1;
    padding: .7rem 0 .8rem 0;
    background: #fff;
}

.section01 {
    background: url(../images/bg.png) no-repeat center bottom #fff;
    background-size: 100% 100%;
}

.section01 .video {
    width: 46%;
    background: url(../images/bg2.png) no-repeat left top;
    box-sizing: border-box;
    padding: .4rem 0 0 .5rem;
    position: relative;
}

.section01 .video .pic {}

.section01 .video .pic img {
    width: 100%;
    display: block;
    border-radius: 5px;
}

.section01 .video .play {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    transition: 1s all;
}

.section01 .video .play:hover {
    transform: rotate(0);
}

.section01 .txt {
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section01 .txt h6 {
    font-size: .2rem;
    line-height: 1.6;
    margin: .35rem 0;
    text-align: justify;
}

.section01 .txt p {
    line-height: 2;
    margin-bottom: .25rem;
    font-size: 14px;
    text-align: justify;
}




/*=====================首页建设方案============================*/
.jsfa_bg {
    padding-bottom: .8rem;
}

.jsfa_box li {
    width: 18.5%;
    overflow: hidden;
    background: #fff;
    box-shadow: rgba(12, 36, 169, 0.05) 0px 20px 39px;
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    transition: 0.3s all;
}

.jsfa_box li .pic {
    overflow: hidden;
    background: #E7EAF3;
    padding: 20px 0;
}

.jsfa_box li .pic img {
    width: 100%;
    display: block;
}

.jsfa_box li .txt {
    padding: .3rem .2rem;
    box-sizing: border-box;
}

.jsfa_box li .txt h3 {
    font-size: 16px;
    margin-bottom: .15rem;
    text-align: center;
}

.jsfa_box li .txt p {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    text-align: justify;
}

.jsfa_box li .box {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: rgba(44, 103, 244, 1);
    padding: 0 .3rem;
    box-sizing: border-box;
    border-radius: 8px;
    transition: all .5s;
}

.jsfa_box li .box h2 {
    font-size: .2rem;
    margin-bottom: .2rem;
    color: #fff;
}

.jsfa_box li .box p {
    font-size: .16rem;
    color: rgba(255, 255, 255, .8);
    line-height: 1.8;
    text-align: justify;
}

.jsfa_box li:hover .box {
    opacity: 1;
    height: 100%;
}

.jsfa_box li:hover {
    transform: translate3d(0, -15px, 0);
    -webkit-transform: translate3d(0, -15px, 0);
}

@media screen and (max-width:768px) {
    .jsfa_bg {
        padding-bottom: 15px;
    }

    .jsfa_box li {
        width: 48.5%;
        border-radius: 5px;
        margin-bottom: 15px;
    }

    .jsfa_box li .txt {
        padding: 10px 15px;
    }

    .jsfa_box li .txt h3 {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 0;
    }

    .jsfa_box li .txt p {
        display: none;
    }

    .jsfa_box li .box {
        display: none;
    }

    .jsfa_box li:hover .box {
        opacity: 0;
    }
}




/*首页解决方案*/
.index_jjfa {
    margin-bottom: .8rem;
    position: relative;
    cursor: url(../images/move.png), default !important;
}

.index_jjfa .item .pic {
    overflow: hidden;
}

.index_jjfa .item .pic img {
    width: 100%;
    display: block;
}

.index_jjfa .item .txt {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}



/*产品优势*/
.section03 {
    background: url(../images/pro_bg.jpg) no-repeat center bottom #fff;
    background-size: 100% 100%;
}

.section03:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/bg1.png) left top no-repeat
        /*, url(../images/bg2.png) right bottom no-repeat*/
    ;
}


/*================产品优势=====================*/
.pro_youshi {
    padding-top: 20px;
}

.pro_youshi li {
    flex: 1;
    height: 460px;
    margin: 0 0.5%;
    border: 0px solid #eee;
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(12, 36, 169, 0.08) 0px 20px 39px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    transition: .3s all;
}

.pro_youshi li:hover {
    flex: 1 1 12%;
}

.pro_youshi li .top {
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: url(../images/ys_box_bg.png) no-repeat right bottom 25px;
}

.pro_youshi li .bot {
    opacity: 0;
}

.pro_youshi li:hover .top {
    opacity: 0;
}

.pro_youshi li:hover .bot {
    opacity: 1;
}

/*原始状态*/
.pro_youshi li .top .pic {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.pro_youshi li .top .pic img {
    max-width: 35%;
}

.pro_youshi li .top .txt {
    padding: 0 25px;
}

.pro_youshi li .top .txt h3 {
    position: relative;
    font-size: .22rem;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 30px;
    margin-top: 20px;
    letter-spacing: 2px;
}

.pro_youshi li .top .txt p {
    font-size: 17px;
    line-height: 2.5;
    color: #666;
    width: 130px;
    margin: auto;
}

.pro_youshi li:last-child .top .txt p {
    width: 165px;
}

.pro_youshi li .top .txt p i {
    margin-right: 10px;
    color: #2B58F9;
}

/*激活*/
.pro_youshi li .bot .title {
    height: 80px;
    line-height: 80px;
    background: url(../images/ys_tit_bg.png) right center no-repeat #5F8EE8;
    overflow: hidden;
    padding: 0 25px;
    position: relative;
}

.pro_youshi li .bot .title h3 {
    display: inline-block;
    font-size: .22rem;
    color: #fff;
}

.pro_youshi li .bot .con {
    padding: 30px 25px 0 25px;
}

.pro_youshi li .bot .con dl {
    width: 4rem;
    margin-bottom: 25px;
}

.pro_youshi li .bot .con dt {
    width: 40px;
}

.pro_youshi li .bot .con dt img {
    width: 100%;
}

.pro_youshi li .bot .con dd {
    width: calc(100% - 50px);
}

.pro_youshi li .bot .con dd h3 {
    font-size: .2rem;
    margin-bottom: 10px;
    font-weight: normal;
}

.pro_youshi li .bot .con dd p {
    text-align: justify;
    line-height: 1.6;
    color: #888;
}

/*================应用场景=====================*/
.section04 {
    background: url(../images/section04_bg.png) no-repeat center center #fff;
    background-size: 100% auto;
    z-index: 3;
}

.index_yycj {}

.index_yycj li {
    width: 24%;
    height: 200px;
    background: #eee;
    border-radius: 5px;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}

.index_yycj li:first-child {
    width: 49.3%;
}

.index_yycj li .pic {
    width: 100%;
    height: 100%;
}

.index_yycj li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.3s all;
}

.index_yycj li:hover .pic img {
    -webkit-transform: scale(1.1);
    moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.index_yycj li .txt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: .22rem;
    font-weight: bold;
    box-sizing: border-box;
    transition: 0.3s all;
}

.index_yycj li:hover .txt {
    background: rgba(0, 0, 0, 0.6);
}

/*======================首页支持项目====================================*/
.xmzc_bg {
    padding-bottom: .6rem;
    overflow: hidden;
    background: url(../images/about_bg.png) no-repeat top center;
}

.xmzc_box {
    position: relative;
    margin-top: .3rem;
}

.xmzc_box a {
    display: block;
    position: relative;
}

.xmzc_box .pic {
    overflow: hidden;
    background: #f7f7f7;
}

.xmzc_box .pic img {
    width: 100%;
    display: block;
}

.xmzc_box .play {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.xmzc_box .play img {
    width: 60px;
    opacity: 0;
    transform: scale(.7);
    transition: all .7s;
}

.xmzc_box .play:hover img {
    opacity: 1;
    transform: scale(1)
}


/*按钮切换*/
#xmzc_bg .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#xmzc_bg .swiper-button-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#xmzc_bg .swiper-button-prev,
#xmzc_bg .swiper-button-next {
    background: rgba(0, 0, 0, .2);
    width: 40px;
    height: 60px;
    transition: all .3s;
}

#xmzc_bg .swiper-button-prev i,
#xmzc_bg .swiper-button-next i {
    color: #fff;
    font-size: .24rem;
}

#xmzc_bg .swiper-button-prev:hover,
#xmzc_bg .swiper-button-next:hover {
    background: #2B58F9;
}

/*分页器*/
#xmzc_bg .swiper-pagination {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 25px;
    cursor: pointer;
}

#xmzc_bg .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: none;
    border: solid 1px #666;
    opacity: 1;
    margin: 0 3px;
    transition: 0.3s all;
    border-radius: 10px;
}

#xmzc_bg .swiper-pagination-bullet-active {
    background: #2B58F9;
    border: solid 1px #2B58F9;
}

@media screen and (max-width:768px) {
    .xmzc_bg {
        padding-bottom: 0;
    }

    .xmzc_box .play img {
        width: 30px;
        transition: all .3s;
    }

    #xmzc_bg .swiper-button-prev,
    #xmzc_bg .swiper-button-next {
        background: rgba(0, 0, 0, .25);
        width: 25px;
        height: 40px;
        transition: all .3s;
    }

    /*分页器*/
    #xmzc_bg .swiper-pagination {
        margin-top: 15px;
        cursor: pointer;
    }

    #xmzc_bg .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }
}




/*================核心技术=====================*/
.section05 {
    background: url(../images/section05_bg.jpg) no-repeat center center #fff;
    background-size: cover;
}

.hxjs_pic {
    padding: 60px 0;
    text-align: center;
}

.hxjs_pic img {
    animation: myfirst linear 10s infinite alternate;
    -webkit-animation: myfirst linear 10s infinite alternate;
}

@keyframes myfirst {
    from {
        transform: translateY(-50PX);
    }

    to {
        transform: translateY(50px);
    }
}

@-webkit-keyframes myfirst {
    from {
        transform: translateY(-50PX);
    }

    to {
        transform: translateY(50px);
    }
}

.hxjs {
    position: relative;
}

.hxjs .item {
    position: absolute;
    width: 480px;
    background: rgba(255, 255, 255, 0.06);
    border: 2px solid #71b1f5;
    color: #fff;
    padding: 25px 25px 35px 25px;
    box-sizing: border-box;
    box-shadow: rgba(12, 36, 169, 0.25) 0px 20px 39px;
}

.hxjs .item .txt {
    padding-left: .35rem;
}

.hxjs .item .txt h3 {
    font-size: .22rem;
    margin-bottom: 10px;
}

.hxjs .item .txt p {
    line-height: 1.8;
    font-size: .16rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: lighter;
}

.hxjs .item1 {
    left: 0;
    top: 0;
    border-radius: 16px 16px 0 16px;
}

.hxjs .item2 {
    right: 0;
    top: 0;
    border-radius: 16px 16px 16px 0;
}

.hxjs .item3 {
    left: 0;
    bottom: 0;
    border-radius: 16px 0 16px 16px;
}

.hxjs .item4 {
    right: 0;
    bottom: 0;
    border-radius: 0 16px 16px 16px;
}

.hxjs .item1:after {
    content: '1';
    font-size: .6rem;
    position: absolute;
    left: 15px;
    top: 5px;
    font-family: Barlow-Bold;
    background-image: -webkit-linear-gradient(top, #fa0, #EEBC1E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hxjs .item2:after {
    content: '2';
    font-size: .6rem;
    position: absolute;
    left: 15px;
    top: 5px;
    font-family: Barlow-Bold;
    background-image: -webkit-linear-gradient(top, #fa0, #EEBC1E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hxjs .item3:after {
    content: '3';
    font-size: .6rem;
    position: absolute;
    left: 15px;
    top: 5px;
    font-family: Barlow-Bold;
    background-image: -webkit-linear-gradient(top, #fa0, #EEBC1E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hxjs .item4:after {
    content: '4';
    font-size: .6rem;
    position: absolute;
    left: 15px;
    top: 5px;
    font-family: Barlow-Bold;
    background-image: -webkit-linear-gradient(top, #fa0, #EEBC1E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}







/*================数字变换=====================*/
.section07 {
    background: url(../images/section07_bg.png) no-repeat center #2B58F9;
    background-size: cover;
    color: #fff;
    padding: .6rem 0;
    height: 158px;
    text-align: center;
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
}

.tongji {
    margin-top: 0.5rem;
    color: rgba(255, 255, 255, 0.5);
}

/*数字*/
.shuzi {
    position: relative;
    z-index: 1;
}

.shuzi li {
    color: #fff;
    position: relative;
    width: 33.3%;
    text-align: center;
    box-sizing: border-box;
    font-size: .5rem;
}

.shuzi li i {
    font-size: .6rem;
    font-style: normal;
    margin-right: 2px;
}

.shuzi li p {
    color: #fff;
    font-size: .2rem;
}

.hzlc_bg {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.hzlc_bg li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -160px;
    -webkit-animation: square 28s infinite;
    animation: square 28s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.hzlc_bg li:nth-child(1) {
    left: 10%
}

.hzlc_bg li:nth-child(2) {
    left: 20%;
    width: 80px;
    height: 80px;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-duration: 17s;
    animation-duration: 17s
}

.hzlc_bg li:nth-child(3) {
    left: 25%;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.hzlc_bg li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    background-color: rgba(255, 255, 255, .25)
}

.hzlc_bg li:nth-child(5) {
    left: 70%
}

.hzlc_bg li:nth-child(6) {
    left: 80%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background-color: rgba(255, 255, 255, .2)
}

.hzlc_bg li:nth-child(7) {
    left: 32%;
    width: 100px;
    height: 100px;
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.hzlc_bg li:nth-child(8) {
    left: 55%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s
}

.hzlc_bg li:nth-child(9) {
    left: 25%;
    width: 10px;
    height: 10px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    background-color: rgba(255, 255, 255, .3)
}

.hzlc_bg li:nth-child(10) {
    left: 90%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 11s;
    animation-delay: 11s
}


/*================公司概况=====================*/
.section08 {
    background: url(../images/section01_bg.jpg) no-repeat center bottom #fff;
}

.page_about {
    margin: 10px auto 10px auto;
}

.page_about .pic {
    width: 380px;
    position: relative;
}

.page_about .pic:before {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    content: "";
    transform: translate(15px, 15px);
    width: 100%;
    height: 100%;
    background: rgba(49, 83, 212, 0.1);
    z-index: -1;
}

.page_about .pic img {
    max-width: 100%;
}

.page_about .pic .play_btn {
    position: absolute;
    width: 72px;
    height: 72px;
    left: 50%;
    top: 50%;
    margin: -36px 0 0 -36px;
    transition: 1s all;
}

.page_about .pic .play_btn:hover {
    transform: rotate(360deg);
}

.page_about .txt {
    width: calc(100% - 460px);
}

.page_about .txt .tit {
    font-size: .42rem;
    color: #000;
    margin-bottom: .3rem;
}

.page_about .txt .con {
    font-size: .16rem;
    line-height: 2;
    text-align: justify;
    color: #555;
}

.page_about .txt .con p {
    margin-bottom: 15px;
}

.more001 a {
    display: inline-block;
    width: 125px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: linear-gradient(90deg, #03ABFF 0, #2B58F9 100%);
    border-radius: 36px;
    box-shadow: 0px 3px 8px 0px rgba(9, 114, 255, 0.35);
}

.more001 a font {
    display: inline-block;
    color: #fff;
    width: calc(100% - 45px);
}

.more001 a span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    margin-bottom: 3px;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

.more001 a span i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .5s
}

.more001 a span i.i2 {
    transform: translateX(-100%)
}

.more001 a:hover span i {
    transform: translateX(100%)
}

.more001 a:hover span i.i2 {
    transform: translateX(0)
}

.more001 a span img {
    width: 16px;
    margin-top: 7px;
}

/*================弹出留言板块=====================*/
.tc_liuyan.tc {
    transition: all ease 300ms;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tc_liuyan.tc {
    pointer-events: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: scale(1.1);
}

.tc_liuyan.tc.act {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.tc_liuyan.tc .tc-bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .85);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.tc_lianxi {
    width: 1000px;
    height: 680px;
    padding: 50px 100px;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
}

.tc_lianxi .close {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}

.tc_lianxi .close img {
    height: .3rem;
}

.tc_lianxi .lx_logo {}

.tc_lianxi .tit {
    font-size: 35px;
    color: #000;
    margin: 15px 0;
}

.tc_lianxi .info {
    line-height: 1.5em;
    color: #888;
    border-bottom: solid 1px #ccc;
    height: 40px;
    margin-bottom: 25px;
}


/*表单*/
.biaodan {
    margin-top: 40px;
}

.biaodan li {
    font-size: .16rem;
    margin-bottom: 20px;
    width: 49%;
}

.biaodan input[type=text] {
    width: 100%;
    line-height: 50px;
    border-radius: 3px;
    outline: none;
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding-left: 10px;
    font-size: 15px;
    box-sizing: border-box;
}

.biaodan input:focus {
    border: 1px solid #0384D8;
    background: #fff;
}

.biaodan textarea:focus {
    border: 1px solid #0384D8;
    background: #fff;
}

.biaodan textarea {
    width: 100%;
    height: 125px;
    font-size: 15px;
    border-radius: 3px;
    outline: none;
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding: 10px;
    box-sizing: border-box;
}

.biaodan select {
    width: 100%;
    height: 34px;
    box-sizing: border-box;
    background: #f2f2f2;
    line-height: 34px;
    border-radius: 3px;
    border: 1px solid #ddd;
    font-size: 14px;
    padding-left: 2%;
}

.biaodan .form-group {
    width: 100%;
}

.biaodan .form-group input {
    width: 50%;
    margin-right: 1%;
    margin-bottom: .2rem;
}

/*.biaodan li input[type=text]:focus,.biaodan li textarea:focus{border:solid 1px #FEB97F;}*/

.biaodan .submit {
    border: none;
    outline: none;
    font-size: .2rem;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background: #2e6ee1;
    box-shadow: 0 6px 12px rgba(59, 126, 209, .4);
    transition: 0.3s all;
    width: 100%;
    height: .6rem;
    line-height: .6rem;
}

.biaodan .submit:hover {
    background: #f90;
    color: #fff;
}



/*版块1*/
.index_box1 {}

.index_box1 li {
    float: left;
    text-align: center;
    width: 27.3%;
    margin: 0 3%;
    transition: 0.3s all;
    box-sizing: border-box;
    border: solid 1px #fff;
    border-radius: 10px;
}

.index_box1 li .pic {
    margin: 25px 0 25px 0;
    transition: 0.3s all;
}

.index_box1 li h3 {
    font-size: 22px;
    margin-bottom: 15px;
}

.index_box1 li p {
    color: #444;
    font-size: 16px;
    margin-bottom: 30px;
}

.index_box1 li a {
    width: 130px;
    line-height: 32px;
    overflow: hidden;
    background: #0051B6;
    display: inline-block;
    border-radius: 32px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    transition: 0.3s all;
    position: relative;
    transition: 0.3s all;
    opacity: 0;
    filter: alpha(opacity=0);
}

.index_box1 li:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
    border: solid 1px #ddd;
    background: #f5f5f5;
}

.index_box1 li:hover a {
    background: #0051B6;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.index_box1 li:hover a:hover {
    background: #e72427;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}

/*版块2*/
.index_box2 {
    min-width: 1200px;
}

.index_box2 li {
    width: 32.1%;
    margin: 10px 0.6%;
    box-sizing: border-box;
    float: left;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

/*.index_box2 li:nth-child(1),.index_box2 li:nth-child(6){width:50%;}*/
.index_box2 li .pic {}

.index_box2 li .pic img {
    width: 100%;
    display: block;
    /*filter: contrast(.8) brightness(0.5);*/
}

.index_box2 li .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-align: center;
}

.index_box2 li .txt .ico {
    height: 55px;
    margin-top: 135px;
    margin-bottom: 25px;
    transition: 0.3s all;
}

@media only screen and (max-width: 1440px) {
    .index_box2 li .txt .ico {
        margin-top: 80px;
    }
}

.index_box2 li .txt h3 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
}

.index_box2 li .txt p {
    line-height: 26px;
    width: 80%;
    margin: auto;
    transition: 0.3s all;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 15px;
}

.index_box2 li:hover .txt {
    background: rgba(0, 81, 181, 0.6);
}

.index_box2 li:hover .txt .ico {
    margin-top: 100px;
}

@media only screen and (max-width: 1440px) {
    .index_box2 li:hover .txt .ico {
        margin-top: 50px;
    }
}

.index_box2 li:hover .txt h3:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

.index_box2 li:hover .txt p {
    opacity: 1;
    filter: alpha(opacity=100);
}

.index_box2 li .txt .ico1 {
    background: url(../images/pico_01.png) no-repeat center center;
    background-size: auto 100%;
}

.index_box2 li .txt .ico2 {
    background: url(../images/pico_02.png) no-repeat center center;
    background-size: auto 100%;
}

.index_box2 li .txt .ico3 {
    background: url(../images/pico_03.png) no-repeat center center;
    background-size: auto 100%;
}

.index_box2 li .txt .ico4 {
    background: url(../images/pico_04.png) no-repeat center center;
    background-size: auto 100%;
}

.index_box2 li .txt .ico5 {
    background: url(../images/pico_05.png) no-repeat center center;
    background-size: auto 100%;
}

.index_box2 li .txt .ico6 {
    background: url(../images/pico_06.png) no-repeat center center;
    background-size: auto 100%;
}


/*版块3*/
.index_box3 {}

.index_box3 li {
    width: 400px;
    float: left;
    box-sizing: border-box;
    margin: 25px 0;
    height: 125px;
}

.index_box3 li .pic {
    width: 40px;
    float: left;
    margin-left: 35px;
}

.index_box3 li .pic img {
    width: 100%;
}

.index_box3 li .txt {
    width: 260px;
    margin-right: 35px;
    float: right;
}

.index_box3 li .txt h5 {
    font-size: 18px;
    margin-bottom: 15px;
}

.index_box3 li .txt p {
    line-height: 24px;
    color: #666;
    text-align: justify;
}

/*more*/
.detail {
    overflow: hidden;
}

.detail em {
    margin-left: -54px;
    display: inline-block;
    margin-right: 6px;
    color: #333;
    font-size: 12px;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    font-style: normal;
}

.detail span {
    display: inline-block;
    width: 24px;
    height: 8px;
    font-size: 0px;
    background: url(../images/index.png) no-repeat 0 -141px;
}

.detail:hover em {
    margin-left: 0px;
    opacity: 1;
}

.index_more {
    text-align: center;
    min-width: 1200px;
}

.index_more a {
    padding: 15px 40px;
    border-radius: 5px;
    font-size: 16px;
    background: #fdd903;
    box-shadow: 0 12px 14px 0 rgba(245, 166, 35, .5);
    text-align: center;
    display: inline-block;
    transition: all 200ms ease-out 0s;
}

.index_more a:hover {}


/*================图片列表=====================*/
.pic_list {}

.pic_list li {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

.pic_list li .pic {
    overflow: hidden;
    position: relative;
}

.pic_list li img {
    width: 100%;
    display: block;
    transition: 0.3s all;
    opacity: 1;
}

.pic_list li:hover img {
    transform: scale(1.08);
}

.pic_list li .txt {
    text-align: center;
    line-height: .46rem;
    transition: 0.4s all;
    font-size: 14px;
    transition: 0.6s all;
}

.pic_list li:hover .txt {
    color: #fff;
    transform: scale(0.5);
}

/*-查看详情-*/
.up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}

.up-graybox:hover {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    transition: all 0.4s ease 0s;
}

.up-graybox .stitle {
    font-size: 14px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;
}

.up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}

.up-graybox .linet {
    top: 0;
}

.up-graybox .lineb {
    bottom: 0;
}

.up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/* 合作 */
.hezuo {
    position: relative;
    width: 100%;
    height: 460px;
    padding: 20px 0 60px 0;
    min-width: 1200px;
}

.bg-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hezuo .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
}

.hezuo .hezuo_box {
    position: absolute;
    z-index: 3;
    height: 500px;
    width: 1200px;
    text-align: center;
}

.hezuo ul {
    margin-top: 20px;
}

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

.hezuo ul li a {
    display: block;
    margin: 0 8%;
    text-align: center;
    height: 78px;
    line-height: 78px;
}

.hezuo ul li img {
    display: block;
    margin-bottom: 20px;
    opacity: .8;
    display: inline-block;
    transition: 0.3s all;
    border-radius: 3px;
}

.hezuo ul li img:hover {
    opacity: 1;
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
}




/* 底部 */
.f_nbg {
    width: 100%;
    min-width: 1200px;
    background: #2B58F9;
    padding: 60px 0 56px 0;
    position: relative;
    z-index: 2;
}

.fot_line {
    border-right: rgba(255, 255, 255, 0.1) 1px solid;
    min-height: 170px;
    box-sizing: border-box;
}

.fot_logo {
    width: 22%;
    padding: 50px 0 0;
    box-sizing: border-box;
}

.fot_logo img {
    width: 290px;
    filter: grayscale(100%) brightness(500%);
}

.f_nav {
    width: 280px;
    padding: 0 0px 0 30px;
}

.f_nav h4 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}

.f_nav li p {
    width: 50%;
    line-height: 34px;
    float: left;
}

.f_nav li p a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
}

.f_nav li p a:hover {
    color: #fff;
}

.b_weixin {
    box-sizing: border-box;
    padding: 0 15px 0 15px;
}

.b_weixin h4 {
    padding: 0 0 0 30px;
    font-size: 16px;
    color: #fff;
    background: url(../images/icon_ewm.png) 0px center no-repeat;
    margin-bottom: 16px;
}

.b_weixin li {
    margin-right: 15px;
}

.b_weixin li img {
    width: 108px;
    height: 108px;
    margin-bottom: 10px;
}

.b_weixin li p {
    font-size: 14px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
}

.b_contact {
    width: 30%;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

.b_contact h4 {
    padding: 0 0 0 30px;
    font-size: 16px;
    color: #fff;
    background: url(../images/icon_ren.png) left center no-repeat;
    margin-bottom: 20px;
}

.b_contact p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 34px;
}

.bq_bg {
    position: relative;
    z-index: 2;
    width: 100%;
    min-width: 1200px;
    margin: 0px auto;
    padding: 18px 0;
    background: #064EA2;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    font-size: 12px;
}

.bq_bg a {
    color: rgba(255, 255, 255, 0.8);
}

.bq_bg span,
.bq_bg a {
    color: rgba(255, 255, 255, 0.8);
    margin: 0 5px;
}

.bq_bg span {
    float: right;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
}


/*--------------------*/


/*二级页面*/
.page_ban1 {
    width: 100%;
    max-width: 1920px;
    height: 530px;
    position: relative;
    min-width: 1200px;
    margin: auto;
}

.page_ban1 .ban_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: 100% auto;
    z-index: -1;
}

.page_ban1 h5 {
    font-size: 42px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    padding-top: 220px;
}

.page_ban1 p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 25px;
}


.page_ban {
    max-width: 100%;
    position: relative;
    min-width: 1200px;
    margin: auto;
}

.page_ban img {
    width: 100%;
    display: block;
}

.page_ban h5 {
    font-size: 38px;
    width: 100%;
    text-align: center;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    color: #fff;
}

.page_ban h5 p {
    font-size: 18px;
    font-weight: normal;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.6);
}

.page_ban h3 {
    font-size: 42px;
    width: 100%;
    text-align: center;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    color: #fff;
}

/*.page_ban h3:after{content:"";display: block;width:25px;background:rgba(255,255,255,0.6);height: 2px; margin:15px auto 0px auto;}*/

.page_ban .page_txt {
    position: absolute;
    left: 0;
    top: 42%;
    left: 10%;
    color: #fff;
    width: 80%;
    min-width: 1200px;
}

.page_ban .page_txt h4 {
    font-size: 42px;
    margin-bottom: 20px;
}

.page_ban .page_txt p {
    font-size: 20px;
}


.n_nav_box {
    height: 152px;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
    background: #fff;
    min-width: 1200px;
}

.sub_nav {
    text-align: center;
    padding-top: 70px;
}

.sub_nav a {
    padding: 9px 35px;
    border-radius: 100px;
    display: inline-block;
    background: #f8f8f8;
    border: solid 1px #ddd;
    margin: 0 5px;
    color: #333;
    font-size: 16px;
    transition: 0.3s all;
    position: relative;
}

.sub_nav a:hover {
    color: #fff;
    background: #e72427;
    border: solid 1px #ED1E79;
}

.sub_nav a.currclass {
    color: #fff;
    background: #0051B6;
    border: solid 1px #0051B6;
}

.sub_nav a.currclass:before {
    content: "";
    width: 1px;
    height: 18px;
    display: block;
    background: #0051B6;
    position: absolute;
    top: 50px;
    left: 50%;
}

.sub_nav a.currclass::after {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    background: #fff;
    border: 1px solid #0051B6;
    border-radius: 50%;
    left: 50%;
    margin-left: -6px;
    top: 73px;
}

.page_ban {
    width: 100%;
    max-width: 100%;
    position: relative;
    min-width: 1200px;
    margin: auto;
    overflow: hidden;
}

.page_ban img {
    width: 100%;
    display: block;
}

.page_ban img {
    -webkit-animation: banner_inside 5s ease 1 forwards;
    -moz-animation: banner_inside 5s ease 1 forwards;
    -o-animation: banner_inside 5s ease 1 forwards;
    animation: banner_inside 5s ease 1 forwards;
}

@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
        transform: scale(1.23);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
        transform: scale(1.23);
    }

    to {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
        transform: scale(1.23);
    }

    to {
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
        -moz-transform: scale(1.23);
        -o-transform: scale(1.23);
        transform: scale(1.23);
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}




.comm_gray {
    background: rgba(0, 0, 0, .56);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.case_gray {
    background: rgba(0, 0, 0, .25);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.menu_gray {
    background: url(../images/menu_bg.png) repeat-x left top;
    width: 100%;
    height: 140px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}



/*位置*/
.bg_weizhi {
    line-height: 60px;
    height: 60px;
    background: #fff;
    border-bottom: solid 1px #ececec;
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1);
    min-width: 1200px;
    margin: auto;
}

.weizhi {
    line-height: 52px;
    height: 52px;
}

.weizhi {
    background: url(../images/home_ico.png) no-repeat left center;
    padding-left: 23px;
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
}

.weizhi a {
    color: #666;
}

/*子栏目2*/
.sub_nav2 {}

.sub_nav2 li {
    float: left;
    margin-right: 25px;
    background: url(../images/case9.png) no-repeat right center;
    padding-right: 25px;
}

.sub_nav2 li a {
    display: block;
    position: relative;
}

.sub_nav2 li a:before {
    width: 0;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 10;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: #0051B6;
    content: "";
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.sub_nav2 li:hover>a:before {
    width: 100%;
}

.sub_nav2 li.currclass a,
.sub_nav2 li.currclass a:before {
    color: #0051B6;
    font-weight: bold;
    width: 100%;
}



/*===================子栏目导航2================*/
#n_nav2 {
    height: 69px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    position: relative;
    margin-top: -70px;
    z-index: 99;
    text-align: center;
}

#n_nav2 li {
    height: 69px;
    display: inline-block;
    position: relative;
}

#n_nav2 li:before {
    content: '';
    display: block;
    background: var(--main_color);
    height: calc(100% + 1px);
    width: 0;
    transition: 0.6s all;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: -1px;
}

#n_nav2 li:hover:before,
#n_nav2 li.on:before {
    width: 100%;
    opacity: 1;
    left: 0;
}

#n_nav2 a {
    display: block;
    font-size: 16px;
    padding: 0 .5rem;
    line-height: 69px;
    height: 69px;
    text-align: center;
    color: #fff;
    z-index: 1;
    position: relative;
}



/*================产品频道页=====================*/
.cate_pro .item {}

.cate_pro .item .title {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: .3rem;
    height: 45px;
}

.cate_pro .item .title h3 {
    background: var(--main_color);
    height: 46px;
    line-height: 46px;
    padding: 0 .3rem;
    color: #fff;
    font-size: .18rem;
    font-weight: normal;
    border-radius: 6px 6px 0 0;
}

.cate_pro .item .title h3 i {
    margin-right: .1rem;
    font-size: .2rem;
}

.cate_pro .item .title a {
    display: inline-block;
    line-height: .4rem;
    font-size: 16px;
}





.page_side {
    width: 280px;
    float: right;
    border: solid 0px #ddd;
    border-radius: 0px;
}

.page_side_title {
    font-size: 25px;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #00AD66;
}

.page_main {
    width: 880px;
    padding: 0 40px;
    float: left;
    background: #fff;
    box-sizing: border-box;
}

.page_main .page_main_title {
    font-weight: normal;
    border-bottom: solid 0px #ddd;
    padding-bottom: 15px;
    margin-bottom: 10px;
    background: url(../images/right_title_bg.jpg) repeat-x left bottom;
}

.page_main .page_main_title span {
    font-size: 25px;
    margin-right: 10px;
    border-bottom: solid 6px rgba(255, 102, 0, 0.5);
    padding-bottom: 9px;
}

/*子栏目*/
.sub_nav1 {
    width: 100%;
}

.sub_nav1 li {
    float: left;
    width: 25%;
    background: url(../images/case9.png) no-repeat right center;
    text-align: center;
}

.sub_nav1 li a {
    display: block;
    position: relative;
    font-size: 16px;
}

.sub_nav1 li a:before {
    width: 0;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 10;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: #f90;
    content: "";
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.sub_nav1 li:hover>a:before {
    width: 100%;
}

.sub_nav1 li.currclass a,
.sub_nav1 li.currclass a:before {
    color: #f60;
    font-weight: bold;
    width: 100%;
}


/*核心算法*/
.hxsf {}

.hxsf li {
    width: 383px;
    line-height: 108px;
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    border: solid 1px #dcdcdc;
    float: left;
    font-size: 18px;
    padding-left: 25px;
    box-sizing: border-box;
    margin-right: 25px;
    margin-bottom: 25px;
    transition: 0.3s all;
}

.hxsf li:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
}

.hxsf li:nth-child(3n) {
    margin-right: 0;
}

.hxsf li i {
    width: 108px;
    height: 108px;
    float: right;
    filter: grayscale(100%);
    transition: 0.3s all;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.hxsf li:hover i {
    filter: grayscale(0);
    filter: alpha(opacity=100);
    opacity: 1;
}

.hxsf li a {
    display: block;
    height: 108px;
    display: block;
}

.hxsf li a:hover {
    color: #e72427;
}

.hxsf li i.ico1 {
    background: url(../images/hxjs_01.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico2 {
    background: url(../images/hxjs_02.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico3 {
    background: url(../images/hxjs_03.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico4 {
    background: url(../images/hxjs_04.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico5 {
    background: url(../images/hxjs_05.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico6 {
    background: url(../images/hxjs_06.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico7 {
    background: url(../images/hxjs_07.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico8 {
    background: url(../images/hxjs_08.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico9 {
    background: url(../images/hxjs_09.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico10 {
    background: url(../images/hxjs_10.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico11 {
    background: url(../images/hxjs_11.png) no-repeat center;
    background-size: 52px auto;
}

.hxsf li i.ico12 {
    background: url(../images/hxjs_12.png) no-repeat center;
    background-size: 52px auto;
}

/*计算能力*/
.jsnl {
    max-width: 1920px;
    min-width: 1200px;
    width: 100%;
    margin: auto;
}

.jsnl li {
    background: #EDF3FD;
    transition: 0.3s all;
}

/*.jsnl li:hover{ background:#e72427; color:#fff;}*/
.jsnl .pic {
    width: 50%;
    height: 450px;
    text-align: right;
}

.jsnl .pic img {
    height: 100%;
}

.jsnl .txt {
    width: 50%;
    height: 420px;
    padding-right: 80px;
    box-sizing: border-box;
    display: flex;
    /*设置为弹性容器*/
    align-items: center;
    /*定义div1的元素垂直居中*/
    */
}

.jsnl li:nth-child(2n) {
    background: #fff;
}

.jsnl li:nth-child(2n) .pic {
    text-align: left;
}

.jsnl li:nth-child(2n) .txt {
    padding-left: 80px;
    padding-right: 0px;
}

.jsnl .txt h5 {
    font-size: 28px;
    margin-bottom: 25px;
    font-weight: normal;
}

.jsnl .txt h5 img {
    vertical-align: middle;
    margin-right: 10px;
}

.jsnl .txt p {
    font-size: 15px;
    line-height: 2;
    text-align: justify;
}


.s_more {
    display: block;
    margin: 30px auto 0 auto;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 44px;
    width: 255px;
    height: 44px;
    line-height: 44px;
    background: #2F82FF;
    transition: 0.3s all;
}

.s_more:hover {
    color: #fff;
    background: #e72427;
}

/*核心算法单页*/
.con_tit {
    font-size: 36px;
    color: #000;
    border-bottom: solid 0px #e8e8e8;
    padding-bottom: 25px;
}

.con_tit span {
    font-size: 16px;
    color: #888;
    margin-left: 20px;
}

.hxsf_con {}

.hxsf_con .side {}

.hxsf_con .side ul {
    border-left: solid 1px #e8e8e8;
    padding: 15px 25px;
}

.hxsf_con .side a {
    display: block;
    font-size: 16px;
    line-height: 36px;
    position: relative;
}

.hxsf_con .side a:hover {
    color: #e72427;
}

.hxsf_con .side a.currclass:after {
    content: "";
    display: block;
    width: 2px;
    background: #e72427;
    height: 25px;
    transition: 0.3s all;
    position: absolute;
    left: -26px;
    top: 4px;
}

.hxsf_con .con {
    width: 820px;
    padding: 50px;
    line-height: 28px;
    text-align: justify;
    overflow: hidden;
    border: solid 1px #e8e8e8;
}

.hxsf_con .con .title {
    font-size: 36px;
    color: #000;
    margin-bottom: 25px;
    border-bottom: solid 1px #e8e8e8;
    padding-bottom: 25px;
}

.hxsf_con img {
    max-width: 100%;
}

.hxsf_con p {
    margin-bottom: 15px;
    font-size: 16px;
}




/*产品与服务*/
.page_pro {}

.page_pro li {
    background: #fff;
    margin: 25px 0 50px 0;
    border-bottom: solid 1px #ddd;
    padding-bottom: 50px;
}

.page_pro li .pic {
    width: 45%;
    position: relative;
    overflow: hidden;
}

.page_pro li .pic img {
    width: 100%;
    display: block;
}

.page_pro li .txt {
    width: 55%;
    padding: 0px 0 0 50px;
    box-sizing: border-box;
}

.page_pro li:nth-child(2n) .txt {
    padding: 0px 50px 0 0;
}

.page_pro li .txt h2 {
    font-size: 25px;
    margin: 5px 0 20px 0;
}

/*.page_pro li .txt h2:after{content:"";display: block;width:25px;background:#e72427;height: 2px; margin:15px 0 20px 0; }*/
.page_pro li .txt p {
    font-size: 15px;
    color: #666;
    line-height: 30px;
}

.page_pro li .more {
    margin: 25px 0 25px 0;
}

.page_pro li .more a {
    width: 160px;
    line-height: 36px;
    overflow: hidden;
    background: #f8f8f8;
    border: solid 1px #ccc;
    display: inline-block;
    border-radius: 52px;
    text-align: center;
    color: #333;
    transition: 0.3s all;
    position: relative;
}

.page_pro li .more a:hover {
    border: solid 1px #0051B6;
    background: #0051B6;
    color: #fff;
}


.page_pro li .pdot dd {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #4c4c4c;
    margin-right: 36px;
    transition: 0.3S all;
    margin-bottom: 15px;
}

/*.page_pro li .pdot dd:nth-child(5){margin-right:0px;}*/
.page_pro li .pdot dd i {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #ccc;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 10px;
    transition: 0.3S all;
}

/*.page_pro li .pdot dd:hover{color:#e72427;}*/
/*.page_pro li .pdot dd:hover i{background:#e72427;}*/



/*智慧校园*/
.gaishu {
    width: 1061px;
    line-height: 2;
    margin: auto;
    text-align: center;
}

.gaishu p {
    margin-bottom: 20px;
}

.zhxy_box2 li {
    width: 25%;
    float: left;
    text-align: center;
}

.zhxy_box2 li .pic {}

.zhxy_box2 li .pic img {
    border: solid 0px #06C;
    width: 80px;
    margin-bottom: 15px;
}

.zhxy_box2 li .txt {}

.zhxy_box2 li .txt h5 {
    font-size: 16px;
    margin: 15px 0;
}

.zhxy_box2 li .txt p {
    padding: 0 35px;
    line-height: 25px;
    color: #666;
}


.zhxy_box02 li {
    flex: 1;
    text-align: center;
}

.zhxy_box02 li .pic {}

.zhxy_box02 li .pic img {
    border: solid 0px #06C;
    width: 80px;
    margin-bottom: 15px;
}

.zhxy_box02 li .txt {}

.zhxy_box02 li .txt h5 {
    font-size: 16px;
    margin: 15px 0;
}

.zhxy_box02 li .txt p {
    padding: 0 35px;
    line-height: 25px;
    color: #666;
}



.zhxy_box3 li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.zhxy_box3 li .pic {
    overflow: hidden;
}

.zhxy_box3 li .pic img {
    width: 100%;
    display: block;
}

.zhxy_box3 li .txt {}

.zhxy_box3 li .txt h5 {
    font-size: 14px;
    margin: 10px 0;
    font-weight: normal;
}

.zhxy_box03 li {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    position: relative;
}

.zhxy_box03 li .pic {
    overflow: hidden;
}

.zhxy_box03 li .pic img {
    width: 90%;
}

.zhxy_box03 li i.play {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin: 0px 0 0 -25px;
    background: url(../images/play3.png) no-repeat center center;
    background-size: 100%;
}



.zhxy_box04 li {
    flex: 1;
    text-align: center;
}

.zhxy_box04 li img {
    width: 95%;
    margin-bottom: 15px;
}

.zhxy_box05 li {
    width: 25%;
    text-align: center;
    margin-bottom: 10px;
}

.zhxy_box05 li img {
    width: 95%;
    margin-bottom: 10px;
}





/*智慧园区*/
.zhyq_box2 li {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 35px;
}

.zhyq_box2 li .pic {}

.zhyq_box2 li .pic img {
    border: solid 0px #06C;
    border-radius: 5px;
    width: 80px;
}

.zhyq_box2 li .txt h5 {
    font-size: 16px;
    margin: 15px 0;
}

.zhyq_box2 li .txt p {
    font-size: 12px;
    color: #666;
}

.zhyq_box3 li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.zhyq_box3 li .pic {
    overflow: hidden;
}

.zhyq_box3 li .pic img {
    width: 100%;
    display: block;
}

.zhyq_box3 li .txt {}

.zhyq_box3 li .txt h5 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal;
}


/*智能制造*/
.znzz_box1 {
    position: relative;
}

.znzz_box1 .pic {}

.znzz_box1 .pic img {
    width: 100%;
}

.znzz_box1 .txt {
    position: absolute;
    left: 0;
    top: 40%;
    color: #fff;
    text-align: center;
    width: 100%;
}

.znzz_box1 .txt h5 {
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 25px;
}

.znzz_box1 .txt p {
    font-size: 18px;
    line-height: 2;
}


.znzz_box3 li {
    width: 33.3%;
    float: left;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.znzz_box3 li .pic {
    overflow: hidden;
}

.znzz_box3 li .pic img {
    width: 100%;
    display: block;
}

.znzz_box3 li .txt {}

.znzz_box3 li .txt h5 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal;
}




/*智慧工地*/
.zhgd_box2 li {
    width: 33.3%;
    float: left;
    text-align: center;
    margin-top: 15px;
}

.zhgd_box2 li .pic {}

.zhgd_box2 li .pic img {
    border: solid 0px #82BDF9;
    padding: 15px;
    border-radius: 5px;
    width: 80px;
}

.zhgd_box2 li .txt h5 {
    font-size: 16px;
    margin: 15px 0;
}

.zhgd_box2 li .txt p {
    padding: 0 35px;
    line-height: 25px;
    color: #666;
}

.zhgd_box3 {
    position: relative;
}

.zhgd_box3 .pic {}

.zhgd_box3 .pic img {
    width: 100%;
    display: block;
}

.zhgd_box3 .left {
    float: left;
    color: #fff;
}

.zhgd_box3 .left h5 {
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 25px;
}

.zhgd_box3 .left p {
    font-size: 16px;
    line-height: 2;
}

.zhgd_box3 .right {
    float: right;
    color: #fff;
    width: 60%;
}

.zhgd_box3 .swiper-container {
    padding-bottom: 50px;
}

.zhgd_box3 .swiper-slide {
    text-align: center;
    font-size: 16px;
    transition: 300ms;
    transform: scale(0.8);
}

.zhgd_box3 .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
}

.zhgd_box3 .swiper-slide img {
    width: 100%;
    margin-bottom: 10px;
}

.zhgd_box3 .swiper-pagination-bullet {
    background: #fff;
}

.zhgd_box3 .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 0.8);
}


/*智慧电力*/
.zhdl_box2 {}

.zhdl_box2 li {
    width: 366.6px;
    margin: 0 50px 40px 0;
    float: left;
}

.zhdl_box2 li:nth-child(3n) {
    margin-right: 0;
}

.zhdl_box2 li .txt h5 {
    font-size: 18px;
    margin: 15px 0;
}

.zhdl_box2 li .txt p {
    height: 60px;
    line-height: 2;
    color: #666;
}

.zhdl_box3 .left {
    width: 360px;
    float: left;
}

.zhdl_box3 .left li {
    background: #f2f2f2;
    padding: 35px 30px;
    line-height: 2;
    margin-top: 28px;
    text-align: justify;
}

.zhdl_box3 .right {
    float: right;
}


/*======================内页项目案例======================*/
.mask_out {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    animation-timing-function: ease;
}

.case_list li {
    width: 23.5%;
    margin-right: 2%;
    transition: 0.3s all;
    background: #f6f6f6;
    overflow: hidden;
    margin-bottom: .3rem;
    position: relative;
    border-radius: 5px;
}

.case_list li:nth-child(4n) {
    margin-right: 0;
}

.case_list li .pic {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.case_list li .pic>img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    transition: 0.5s all;
}

.case_list li:hover>img {
    -webkit-transform: scale(1.1);
    moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.case_list li .pic .mask {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.5s ease;
}

.case_list li .pic .mask dt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
}

.case_list li .pic .mask dd {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
}

.case_list li:hover .pic .mask {
    opacity: 1;
}

.case_list li:hover .pic .mask dd img {
    -webkit-transform: rotate(360deg);
    animation: rotation 10s linear infinite;
    -moz-animation: rotation 10s linear infinite;
    -webkit-animation: rotation 10s linear infinite;
    -o-animation: rotation 10s linear infinite;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.case_list li .txt {
    padding: 15px 15px;
    font-size: .16rem;
    font-weight: normal;
    text-align: center;
    transition: 0.5s all;
}

.case_list li:hover .txt {
    background: var(--main_color);
    color: #fff;
}

/*@media screen and (max-width:1440px) { 
.case_list li{width:32%; margin-right:2%;}
.case_list li:nth-child(4n){ margin-right:auto;}
.case_list li:nth-child(3n){ margin-right:0;}
}*/
@media screen and (max-width:768px) {
    .case_list li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 10px;
        border-radius: 4px;
    }

    .case_list li:nth-child(2n) {
        margin-right: 0;
    }

    .case_list li:nth-child(3n) {
        margin-right: auto;
    }

    .case_list li .txt {
        font-size: 12px;
        padding: 12px 5px;
    }

    .case_list li:hover .pic .mask dd {
        display: none;
    }
}




/*按钮切换*/
#tjk1 {
    width: 90%;
}

#tjk {
    height: 220px;
}

/*#tjk .swiper-button-prev,#tjk .swiper-button-next {width: 20px;height: 34px; background: url(../images/ico_sliding.png) no-repeat;}
	#tjk .swiper-button-prev {background-position: -10px -448px; left:-20px;}
	#tjk .swiper-button-next { background-position: -90px -448px;}*/
/*分页器*/
#tjk .swiper-pagination-bullet-active,
#hot_jg .swiper-pagination-bullet-active {
    background: #15A099;
}

#tjk .swiper-pagination,
#hot_jg .swiper-pagination {
    bottom: 5px;
}


.news_left {
    width: 900px;
}

.news_right {
    width: 280px;
}

.news_main {
    width: 100%;
    border: solid 1px #e8e8e8;
    padding: 20px;
    box-sizing: border-box;
}

.news_main .tit {
    font-size: 15px;
    border-bottom: solid 1px #ddd;
    height: 36px;
    font-weight: bold;
}

.news_main .news_focus {
    width: 400px;
    overflow: hidden;
}

.news_main .news_list1 {
    width: 420px;
}

.news_list1 dl {
    border-bottom: dotted 1px #ccc;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.news_list1 dt {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
}

.news_list1 dd {
    line-height: 24px;
    color: #888;
}

.news_list1 li {
    line-height: 30px;
    background: url(../images/arrow_6.gif) no-repeat left center;
    padding-left: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news_list1 li span {
    float: right;
    font-size: 12px;
    color: #999;
}

/*新闻循环列表*/
.news_cate {
    margin-top: 25px;
}

.news_cate h5 {
    line-height: 42px;
    background: url(../images/news_tit.jpg) no-repeat left bottom #fff;
    padding: 0 10px 0 25px;
    font-size: 16px;
    color: #fff;
}

.news_cate h5 span {
    float: right;
    font-weight: normal;
    font-size: 12px;
}

.news_cate ul {
    padding: 20px 0;
    border: solid 1px #e8e8e8;
}

.news_cate li,
.xg_list li {
    width: 46%;
    float: left;
    margin: 0 2%;
    line-height: 30px;
    background: url(../images/arr1.jpg) no-repeat left center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 10px;
}

.news_cate li span,
.xg_list li span {
    float: right;
    font-size: 12px;
    color: #999;
}

/*-----*/
.sx_right_box {
    border: solid 1px #ddd;
    padding: 15px 10px 10px 10px;
    box-sizing: border-box;
}

.sx_right_box h5 {
    font-size: 15px;
    color: #000;
    height: 36px;
    border-bottom: solid 1px #ddd;
    background: url(../images/hot.png) no-repeat left 3px;
    padding-left: 50px;
    margin-bottom: 5px;
}

.sx_right_box h6 {
    font-size: 15px;
    color: #000;
    height: 36px;
    border-bottom: solid 1px #ddd;
}

.tags_a {
    margin-top: 10px;
}

.tags_a a {
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 5px;
}

.tags_a a:hover {
    background: #f90;
    color: #fff;
}

/*新闻子栏目*/
.news_sub_nav {
    height: 50px;
    border-bottom: solid 1px #eee;
    margin-bottom: 20px;
}

.news_sub_nav span {
    width: 80px;
    display: inline-block;
    float: left;
    font-weight: bold;
    line-height: 28px;
}

.news_sub_nav li {
    float: left;
}

.news_sub_nav a {
    display: inline-block;
    padding: 0 15px;
    line-height: 28px;
    border-radius: 28px;
    font-size: 14px;
}

.news_sub_nav a:hover {
    background: #1463AA;
    color: #fff;
}

.news_sub_nav li.currclass a {
    background: #1463AA;
    display: inline-block;
    padding: 0 20px;
    line-height: 28px;
    border-radius: 28px;
    margin: 0 5px;
    color: #FFFFFF;
    font-weight: normal;
}

/*图文分页*/
.pic_art_list {}

.pic_art_list dl {
    padding: 20px 0;
    height: 150px;
    border-bottom: dotted 1px #CCCCCC;
}

.pic_art_list dl dt {
    width: 240px;
    float: left;
}

.pic_art_list dl dt a {
    width: 240px;
    height: 150px;
    display: block;
    overflow: hidden;
}

.pic_art_list dl dt img {
    width: 240px;
    height: 150px;
}

.pic_art_list dl dd {
    transition: 1s all;
    width: 580px;
    float: right;
    margin-right: 15px;
    box-sizing: border-box;
}

.pic_art_list dd:hover {
    margin-right: 0px;
}

.pic_art_list dl dd h5 {
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 10px;
}

.pic_art_list dl dd p {
    line-height: 24px;
    color: #666;
    font-size: 13px;
    margin-bottom: 10px;
}

.pic_art_list dl dd i {
    font-size: 12px;
    font-style: normal;
    height: 35px;
    line-height: 35px;
    margin-right: 20px;
    display: inline-block;
    color: #999;
    float: left;
}

.pic_art_list dl dd i.n_time {
    background: url(../images/icon_time.png) no-repeat left center;
    padding-left: 20px;
}

.pic_art_list dl dd i.n_tags {
    background: url(../images/tags_pic.png) no-repeat left center;
    background-size: 20px auto;
    padding-left: 25px;
}


/*新闻列表二分页样式*/
.news_list_two {
    width: 1200px;
    position: relative;
    margin: auto;
}

.news_list_two li {
    float: left;
    width: 384px;
    margin-right: 24px;
    margin-bottom: 25px;
    transition: 0.3s all;
}

.news_list_two li:hover {
    background: #f8f8f8;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
}

.news_list_two li:nth-child(3n) {
    margin-right: 0;
}

.news_list_two li .pic {
    width: 100%;
    height: 210px;
    overflow: hidden;
}

.news_list_two li .pic img {
    width: 100%;
    min-height: 100%;
    display: block;
    transition: all 500ms ease-out 0s;
}

.news_list_two li:hover .pic img {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.news_list_two li .txt {
    padding: 25px 15px;
    border: solid 0px #ddd;
    border-top: 0;
    background: #FFF;
}

.news_list_two li .txt h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    margin-bottom: 12px;
}

.news_list_two li .txt p {
    line-height: 26px;
    color: #777;
    font-size: 13px;
    height: 60px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.news_list_two li .txt span {
    font-size: 12px;
    color: #888;
}

.news_list_two li .txt span.time {
    background: url(../images/icon_time.png) left center no-repeat;
    padding-left: 20px;
    margin-right: 30px;
}

.news_list_two li .txt span.view {
    background: url(../images/icon_read.png) left center no-repeat;
    padding-left: 20px;
}


/*新闻列表*/
.news_one {
    border-bottom: solid 1px #dedede;
    height: 280px;
}

.news_one .news_pic {
    width: 410px;
    height: 240px;
    overflow: hidden;
}

.news_one .news_pic img {
    width: 100%;
}

.news_one .news_txt {
    width: 730px;
}

.news_one .news_txt h5 {
    font-size: 22px;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_one .news_txt p {
    color: #555;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.news_one .news_txt span {
    font-size: 12px;
    color: #888;
    margin-bottom: 15px;
    display: inline-block;
}

.news_one .news_txt span.time {
    background: url(../images/icon_time.png) left center no-repeat;
    padding-left: 20px;
    margin-right: 30px;
}

.news_one .news_txt span.view {
    background: url(../images/icon_read.png) left center no-repeat;
    padding-left: 20px;
    margin-right: 30px;
}

.news_one .news_txt span.n_tags {
    background: url(../images/tags_pic.png) left center no-repeat;
    padding-left: 20px;
    background-size: 16px auto;
}

.news_one a.more {
    width: 160px;
    line-height: 36px;
    overflow: hidden;
    background: #f8f8f8;
    border: solid 1px #ccc;
    display: inline-block;
    border-radius: 52px;
    text-align: center;
    color: #333;
    margin-top: 30px;
    transition: 0.3s all;
    position: relative;
}

.news_one a.more:hover {
    border: solid 1px #0051B6;
    background: #0051B6;
    color: #fff;
}

.news_list {}

.news_list dl {
    padding: 35px 0px;
    border-bottom: solid 1px #dedede;
    transition: all 1.0s;
}

/*.news_list dl:hover{ background:#f8f8f8;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}*/
.news_list dl:hover {
    background: #f8f8f8;
}

.news_list dt {
    width: 260px;
    height: 150px;
    overflow: hidden
}

.news_list dt img {
    width: 100%;
}

.news_list dd {
    width: 820px;
    transition: all 1.0s;
}

.news_list dl:hover dd {
    padding-left: 15px;
}

.news_list dd h5 {
    font-size: 22px;
    width: 780px;
    margin: 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_list dd p {
    text-align: justify;
    line-height: 24px;
    color: #666;
}

.news_list dd i {
    font-size: 12px;
    color: #888;
    margin-top: 15px;
    display: inline-block;
    font-style: normal;
}

.news_list dd i.time {
    background: url(../images/icon_time.png) left center no-repeat;
    padding-left: 20px;
    margin-right: 30px;
}

.news_list dd i.view {
    background: url(../images/icon_read.png) left center no-repeat;
    padding-left: 20px;
    margin-right: 30px;
}

.news_list dd span.n_tags {
    background: url(../images/tags_pic.png) left center no-repeat;
    padding-left: 20px;
    background-size: 16px auto;
}

.page_side {
    width: 280px;
    float: right;
    border: solid 0px #ddd;
    border-radius: 0px;
}

.page_side_title {
    font-size: 25px;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #00AD66;
}

.page_main {
    width: 880px;
    padding: 0 40px;
    float: left;
    background: #fff;
    box-sizing: border-box;
}

.page_main .page_main_title {
    font-weight: normal;
    border-bottom: solid 0px #ddd;
    padding-bottom: 15px;
    margin-bottom: 10px;
    background: url(../images/right_title_bg.jpg) repeat-x left bottom;
}

.page_main .page_main_title span {
    font-size: 25px;
    margin-right: 10px;
    border-bottom: solid 6px rgba(255, 102, 0, 0.5);
    padding-bottom: 9px;
}

/* 新闻内容页 */
.ntitle {
    padding: 0px 0px 0px 0px;
    border-bottom: 0px solid #ddd;
}

.ntitle h2 {
    font-size: 25px;
    margin-bottom: 15px;
    line-height: 38px;
}

.ntitle span {
    font-size: 12px;
    color: #888;
    margin: 0px 5px;
}

.art_info {
    margin-bottom: 30px;
    color: #999;
    border-bottom: solid 1px #ddd;
}

.art_info em {
    position: relative;
    font-size: 13px;
    display: inline-block;
    line-height: 50px;
    font-style: normal;
    margin-right: 25px;
}

.art_info em img {
    margin: -3px 5px 0 0;
    vertical-align: middle;
}

.art_info em a {
    color: #999;
}

.share {
    position: absolute;
    left: 66px;
    top: 15px;
    width: 200px;
    transform: scale(0.76);
}


.ptitle {
    text-align: center;
}

.ptitle h2 {
    font-size: 22px;
}

.neirong {
    margin: 25px 0px;
    line-height: 28px;
    text-align: justify;
    overflow: hidden;
}

.neirong img {
    max-width: 100%;
}

.neirong p {
    margin-bottom: 15px;
    font-size: 15px;
}



/* 内容页左右 */
.page_side {
    width: 280px;
    float: right;
    border: solid 0px #ddd;
    border-radius: 0px;
}

.page_side_title {
    font-size: 25px;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #00AD66;
}

.page_main {
    width: 880px;
    padding: 0 40px;
    float: left;
    background: #fff;
    box-sizing: border-box;
}

.page_main .page_main_title {
    font-weight: normal;
    border-bottom: solid 0px #ddd;
    padding-bottom: 15px;
    margin-bottom: 10px;
    background: url(../images/right_title_bg.jpg) repeat-x left bottom;
}

.page_main .page_main_title span {
    font-size: 25px;
    margin-right: 10px;
    border-bottom: solid 6px rgba(255, 102, 0, 0.5);
    padding-bottom: 9px;
}


/*--通用热门关键字---*/
.sx_right_box {
    border: solid 1px #ddd;
    padding: 15px 10px 10px 10px;
    box-sizing: border-box;
}

.sx_right_box h5 {
    font-size: 15px;
    color: #000;
    height: 36px;
    border-bottom: solid 1px #ddd;
    background: url(../images/hot.png) no-repeat left 3px;
    padding-left: 50px;
    margin-bottom: 5px;
}

.sx_right_box h6 {
    font-size: 15px;
    color: #000;
    height: 36px;
    border-bottom: solid 1px #ddd;
}

.tags_a {
    margin-top: 10px;
}

.tags_a a {
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 5px;
}

.tags_a a:hover {
    background: #f90;
    color: #fff;
}

/*大家都在看*/
.hot_read {
    margin-top: 0px;
    border: solid 1px #ddd;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;
    background: #fff;
}

.hot_read h6 {
    font-size: 15px;
    height: 30px;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 20px;
}

.hot_read li {
    line-height: 24px;
    margin-top: 15px;
}

.hot_read li img {
    width: 100%;
}



/*关于*/
.about_home {
    height: 520px;
    background: #fff;
}

.about_home .left {
    width: 450px;
    height: 520px;
    background: #f5f5f5;
    float: left;
    padding: 100px 0 0 70px;
    box-sizing: border-box;
}

.about_home .left h2 {
    font-size: 48px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
}

.about_home .left p {
    font-size: 20px;
    line-height: 38px;
}

.link_box {}

.link_box a {
    display: inline-block;
    border: 1px solid #aaa;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    float: left;
    margin-right: 24px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}

.link_box .link1 i {
    background: url(../images/ico_01.png) no-repeat center;
}

.link_box .link2 i {
    background: url(../images/ico_06.png) no-repeat center;
}

.link_box i {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: all 0.3s ease 0s;
}

.link_box .bg {
    display: block;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transition: all 0.3s ease 0s;
    position: absolute;
    border-radius: 50%;
}

.link_box a:hover {
    border: 1px solid #2B58F9;
    background-color: #2B58F9;
}

.link_box a:hover .bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #2B58F9;
}

.link_box a.link1:hover i {
    background: url(../images/ico_01_h.png) no-repeat center;
}

.link_box a.link2:hover i {
    background: url(../images/ico_06_h.png) no-repeat center;
}


.about_home .right {
    width: 688px;
    float: right;
    padding: 50px 40px 0 0px;
    box-sizing: border-box;
}

.about_home .right h3 {
    font-size: 32px;
}

/*.about_home .right h3:after{content:"";display: block;width:10px;background:#9a9a9a;height: 2px; margin:25px 0 20px 0; transition: 0.3s all;}*/
.about_home .right h4 {
    margin-top: 10px;
    line-height: 46px;
    color: #444;
    font-size: 17px;
}

.about_home .right p {
    font-size: 14px;
    line-height: 2;
    color: #777;
    text-align: justify;
    margin-bottom: 10px;
}

/*企业文化模块*/
.mission-list-ctn {
    width: 100%;
    min-width: 1200px;
    height: 520px;
    position: relative;
    background: url(../images/culture02.jpg) no-repeat center #333;
    background-size: cover;
}

.mission-list {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    z-index: 300;
    color: white;
}

.mission-list-item {
    flex: 1;
    position: relative;
}

.mission-back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    filter: brightness(.6);
}

.mission-list-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.mission-list-ctn * {
    transition: .3s;
}

.mission-list-item:last-of-type {
    border-right: none;
}

.mission-title {
    font-size: 32px;
}

.mission-desc {
    max-width: 60%;
}

.mission-desc p {
    margin: 0;
    font-size: 18px;
    line-height: 1.5em;
    height: 0;
    overflow: hidden;
}

.mission-list-item.active p {
    height: 3em;
}

.mission-list-item.active .mission-title {
    margin-bottom: .5rem;
}

.mission-list-item.active {
    flex: 2;
}

/*优势*/
.youshi {
    min-width: 1200px;
}

.youshi .left {
    width: 646px;
    float: left;
}

.youshi .right {
    width: 577px;
    height: 440px;
    float: right;
    background: #0051B6;
    position: absolute;
    right: 0;
    top: 51px;
    padding: 50px 80px;
    box-sizing: border-box;
}

.youshi .right h3 {
    font-size: 60px;
    color: rgba(255, 255, 255, 0.1);
}

.youshi .right h4 {
    font-size: 30px;
    color: #fff;
    margin: 10px 0 15px 0;
    font-weight: normal;
}

.youshi .right p {
    line-height: 2;
    color: #fff;
}

.youshi .right ul {
    padding-top: 40px;
}

.youshi .right li {
    float: left;
    color: #fff;
    text-align: center;
    margin-right: 80px;
}







/*---------------*/
.ganxie {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.ganxie img {
    width: 100%;
    display: block;
}

.ganxie .txt {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    font-size: 42px;
    color: #fff;
}


.about_box9 {
    background: url(../images/intro-list6-bg.jpg) no-repeat center;
    height: 670px;
    min-width: 1200px;
}

.about_box9 .left {
    float: left;
    font-size: 24px;
    width: 440px;
    line-height: 48px;
    padding-top: 266px;
}

.about_box9 .left span {
    color: #e60039;
}

.about_box9 .left span strong {
    font-size: 36px;
}

.about_box9 .right {
    float: right;
    padding-top: 50px;
}



.about_box1 {
    height: 660px;
    overflow: hidden;
    background: #1d1b1b;
    background-size: cover;
    position: relative
}

.about_box1 .bg01 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1450px;
    height: 1450px;
    transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}

.about_box1 .bg01 img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: play 25s linear infinite;
    -moz-animation: play 25s linear infinite;
    animation: play 25s linear infinite;
}

@-webkit-keyframes play {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes play {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes play {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);

    }
}


.about_box1 .txt {
    position: absolute;
    text-align: center;
    width: 900px;
    top: 240px;
    left: 50%;
    margin-left: -450px;
}

.about_box1 .txt h3 {
    font-size: 36px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.9)
}

.about_box1 .txt h3:after {
    content: "";
    display: block;
    width: 25px;
    background: rgba(255, 255, 255, 0.5);
    height: 2px;
    margin: 25px auto;
    transition: 0.3s all;
}

.about_box1 .txt p {
    font-size: 15px;
    line-height: 38px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8);
}


/*联系*/


/* 联系我们模块 */
.contact_box {
    position: relative;
    width: 100%;
    height: 580px;
    box-sizing: border-box;
    min-width: 1200px;
}

/*.bg-video{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 1;}*/
.contact_box .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
}

.contact_box .txt {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.contact_box dl,
.contact_box dt,
.contact_box dd {
    height: 100%;
    overflow: hidden
}

.contact_box dt,
.contact_box dd {
    float: left;
    width: 25%;
    border-right: rgba(255, 255, 255, 0.2) 1px solid;
    box-sizing: border-box;
}

.contact_box dl dd {
    position: relative;
}

.contact_box dl dd:before {
    content: "";
    position: absolute;
    right: 0;
    z-index: 0;
    top: 0;
    width: 0;
    height: 100%;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.contact_box dl dd:before {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#BFD5042C', endColorstr='#BFD5042C');
    background: rgba(213, 4, 44, 0.75);
}

:root .contact_box dl dd:before {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00D5042C', endColorstr='#00D5042C');
}

/*for IE9*/
:root .contact_box dl dd:before {
    filter: none;
}

/*for IE9*/
.contact_box dl dd:hover:before {
    left: 0;
    width: 100%
}

.contact_box .table_cell {
    position: absolute;
    z-index: 99;
    width: 100%;
    text-align: center;
}

.contact_box dt {
    box-sizing: border-box;
    padding: 150px 15px 0 15px;
}

.contact_box dt h3 {
    font-size: 50px;
    color: #fff;
    font-family: Impact;
    font-weight: normal;
}

.contact_box dt h4 {
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    margin: 15px 0 10px 0;
}

.contact_box dt h2 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 20px;
}

.contact_box dt h6 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.contact_box dd {
    text-align: center;
    padding-top: 150px;
}

.contact_box dd h3 {}

.contact_box dd h4 {
    font-size: 22px;
    color: #fff;
    margin: 10px 0 20px;
    text-transform: uppercase;
}

.contact_box dd h2 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: normal;
}

.contact_box dd h5 {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
}

.contact_box dd h6 {
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 25px;
    padding: 0 40px;
}

.contact_box dd h5 a {
    font-size: 0.875rem;
    color: #fff;
    text-decoration: underline
}

.contact_box dd ul {
    font-size: 0
}

.contact_box dd ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 1.25rem;
}

.contact_box dd ul li h5 {
    font-size: 14px;
    margin-top: 10px;
    color: #fff;
}


/*加入我们模块*/
.join_us {
    height: 300px;
    background: url(../images/partner_bg.png) bottom/1920px no-repeat;
}

.join_us p {
    padding-top: 86px;
    margin-bottom: 48px;
    font-size: 36px;
    text-align: center;
    text-shadow: 0 2px 4px rgba(6, 25, 50, .89);
    color: #fff;
}

/*收缩菜单*/
.faq_box {
    margin-bottom: 15px;
    clear: both;
}

.v {
    float: right;
    width: 44px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
}

.v01 {
    background: url(../images/jian01.png) no-repeat;
}

.v02 {
    background: url(../images/jian01_on.png0) no-repeat;
}

.vtitle {
    line-height: 36px;
    padding: 10px 20px 10px 30px;
    background: #fff;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
}

.vtitle span {
    display: inline-block;
    background: #ff6b6b;
    color: #fff;
    width: 25px;
    line-height: 25px;
    border-radius: 100%;
    font-size: 14px;
    text-align: center;
    margin-right: 5px;
    vertical-align: middle;
}

.vtitle em {
    margin: 10px 10px 0 0;
}

.vcon {
    padding: 0px 0px;
    background: #fff;
    display: none;
}

.vcon_box {
    padding: 20px 5px;
    line-height: 30px;
    font-size: 14px;
    box-sizing: border-box;
    border-top: solid 1px #ddd;
    width: 96%;
    margin: auto;
}

.vcon_box .tit1 {
    background: url(../images/jr_tit1.jpg) no-repeat left 8px;
    font-size: 15px;
    padding-left: 20px;
    height: 36px;
    font-weight: bold;
}

.vcon_box .tit2 {
    background: url(../images/jr_tit2.jpg) no-repeat left 8px;
    font-size: 15px;
    padding-left: 20px;
    height: 36px;
    font-weight: bold;
}




/*更多*/
.more_big a {
    width: 160px;
    line-height: 36px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.1);
    display: inline-block;
    border: solid 1px rgba(255, 255, 255, 0.6);
    border-radius: 52px;
    text-align: center;
    color: #fff;
    transition: 0.3s all;
    position: relative;
}

.more_big a:hover {
    border: solid 1px #B71745;
    background: #B71745;
    color: #fff;
}

/*放大动画*/
.anim {
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10
}

.anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%
}

.anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%
}

.hoverable {
    overflow: hidden
}

.hoverable .anim {
    -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s
}

.hoverable .anim:after {
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s
}

.hoverable .anim,
.hoverable .anim:after {
    animation-iteration-count: infinite;
    animation-duration: 1.3s
}

@-webkit-keyframes anim-in {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-moz-keyframes anim-in {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-ms-keyframes anim-in {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes anim-in {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@-moz-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@-ms-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@-webkit-keyframes anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-moz-keyframes anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-ms-keyframes anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@-moz-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@-ms-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}





@-webkit-keyframes square {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-1700px)rotate(600deg);
        transform: translateY(-1700px)rotate(600deg)
    }
}

@keyframes square {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-1700px)rotate(600deg);
        transform: translateY(-1700px)rotate(600deg)
    }
}

@-webkit-keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-700px)rotate(500deg);
        transform: translateY(-700px)rotate(500deg)
    }
}

@keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-700px)rotate(500deg);
        transform: translateY(-700px)rotate(500deg)
    }
}


/*404*/
.page_msg {
    padding: 50px;
}

.page_msg h5 {
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-size: 25px;
    text-align: center;
}

.page_msg_con {
    color: #999;
    line-height: 40px;
    text-align: center;
    padding: 25px 0;
}

.page_msg_con i {
    font-size: 100px;
    color: #ddd;
    margin-bottom: 10px;
}



/*内页分页*/
.search-pagination {
    text-align: center;
    margin: 35px 0 50px 0;
}

.pagination li {
    display: inline-block;
}

.pagination li a {
    margin: 0 3px;
    display: inline-block;
    font-size: 15px;
    min-width: 46px;
    height: 46px;
    line-height: 46px;
    box-sizing: border-box;
    padding: 0 20px;
    box-sizing: border-box;
    transition: 0.3s;
    background: #e8e8e8;
    border: solid 0px #ddd;
}

.pagination li a.page-num-current,
.pagination li a:hover {
    color: #fff !important;
    background-color: #0051B6;
    border: solid 0px #c00;
}



/*自定义分页开始*/
.mypages {
    width: 600px;
    overflow: hidden;
    margin-left: 10px;
}

.mypages .clumb {
    width: 12px;
    height: 22px;
    background: url(../images/a-1.jpg) no-repeat;
    display: block;
    float: left;
    margin-right: 5px;
}

.mypages .num {
    width: 22px;
    height: 22px;
    float: left;
    background: #a2a2a2;
    display: block;
    text-align: center;
    margin-right: 1px;
    line-height: 22px;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #4b4b4b;
}

.mypages .num:hover,
.mypages .hover {
    background: #000;
    color: #FFF;
}

.mypages .clumb:hover {
    background-position: 0 -22px;
}

.mypages .clumb_n {
    width: 12px;
    height: 22px;
    background: url(../images/a-1.jpg) no-repeat;
    background-position: -12px 0;
    display: block;
    float: left;
    margin-left: 4px;
}

.mypages .clumb_n:hover {
    background-position: -12px -22px;
}

.mypages .curr {
    width: 22px;
    height: 22px;
    float: left;
    background: #e0e0e0;
    display: block;
    text-align: center;
    margin-right: 1px;
    line-height: 22px;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
}

/*分页2*/
.mypage_2 {
    font-size: 0;
    text-align: center;
    overflow: hidden;
}

.mypage_2>* {
    box-sizing: border-box;
    color: #666;
    width: 42px;
    height: 42px;
    line-height: 40px;
    background: #fff;
    border: solid 1px #e8e8e8;
    border-left: 0;
}

.mypage_2 a,
.mypage_2 .curr {
    font-family: arial;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}

.mypage_2 .curr,
.mypage_2 a:hover {
    background-color: #eee;
    color: #666;
}

.mypage_2 .pre,
.mypage_2 .nex {
    font-size: 12px;
    font-family: "microsoft yahei";
    width: 64px;
    text-align: center;
}

.mypage_2>*:first-child,
.mypage_2>*:last-child {
    font-size: 12px;
    width: 74px;
    text-align: left;
    background-repeat: no-repeat;
}

.mypage_2>*:first-child {
    padding-left: 30px;
    border-left: solid 1px #e8e8e8;
    background-position: 15px center;
    background-image: url(../images/pre_pic.png);
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.mypage_2>*:last-child {
    padding-left: 22px;
    background-position: 55px center;
    background-image: url(../images/nex_pic.png);
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

/*搜索分页*/
#fenye {
    margin: 10px;
}

#fenye table {
    margin: auto;
}

#fenye .prev,
#fenye .next {
    text-align: center;
}

#fenye a.curr,
#fenye a:hover {
    background: #0051B6;
    color: #FFFFFF;
}

#fenye a {
    background: #e8e8e8;
    padding: 8px 15px;
    color: #333;
    font-size: 14px;
    border-radius: 3px;
}

/*建议反馈*/
.note_red {
    font-size: 14px;
    color: #e72427;
    margin: 0 10px;
}

.note_arrow {
    color: #999;
    display: inline-block;
    background: url(../images/note.gif) no-repeat left center;
    padding-left: 24px;
    margin-left: 10px;
}

.fill_textarea {
    width: 500px;
    padding: 10px 5px;
    height: 120px;
    border: solid 1px #ddd;
}

.fill_textarea:hover {
    border: solid 1px #ccc;
    background: #f8f8f8;
}

table.fill_table_c {
    clear: both;
    margin: 0px auto 10px auto;
}

table.fill_table_c input.fill_text {
    width: 240px;
    padding: 10px 5px;
    border: solid 1px #ddd;
}

table.fill_table_c input.fill_text:hover {
    border: solid 1px #ccc;
    background: #f8f8f8;
}

table.fill_table_c th,
table.fill_table_c td {
    vertical-align: top;
    line-height: 2em;
    padding: 10px 5px;
}

table.fill_table_c th {
    font-size: 14px;
    font-weight: normal;
    text-align: right;
}

table.fill_table_c img {
    vertical-align: middle;
    margin: 0 10px;
}

table.fill_table_c input.orange_btn {
    width: 250px;
    height: 50px;
    line-height: 50px;
}

input.orange_btn {
    border: none;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background: #4BB344;
    data-aos="fade-up"
}

input.orange_btn:hover {
    background: #f90;
    color: #fff;
    text-decoration: none;
}



/*全站搜索begin*/
.searchbody {
    width: 100%;
    margin: 0px auto;
}

.searchbody .tit {
    background: #FAFFF9 url(../images/btn.png) no-repeat 8px 6px;
    border: #E2F3DE 1px solid;
    height: 31px;
    line-height: 31px;
    font-size: 12px;
    color: #555;
    padding-left: 5px;
    margin-bottom: 25px;
}

.searchbody .tit span {
    color: red;
    font-weight: bold;
}

.searchbody .kuaisou {
    margin: 0px 10px 20px 0px;
}

.searchbody .kuaisou .i {
    height: 23px;
    line-height: 23px;
    width: 305px;
    padding-left: 15px;
    color: #333;
}

.searchbody .kuaisou #m {
    margin-left: 5px;
    height: 28px;
    line-height: 22px;
    width: 80px;
    border: none;
}




/*向上*/
.cd-top {
    display: inline-block;
    height: 46px;
    width: 46px;
    position: fixed;
    bottom: 40px;
    right: 5px;
    border-radius: 50%;
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.15) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
    opacity: .5;
}

.no-touch .cd-top:hover {
    background-color: #e72427;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 10px;
        bottom: 50px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 46px;
        width: 46px;
        right: 5px;
        bottom: 50px;
    }
}

.cd-top:hover {
    background-color: #e72427;
    transition: all 0.3s ease 0s;
}


/*更多*/
.lookmore {
    text-align: center;
    margin-top: 25px;
}

.lookmore a {
    display: inline-block;
    border: #ddd 1px solid;
    border-radius: 5px;
    width: 1.8rem;
    line-height: .5rem;
    color: #565656;
    position: relative;
    overflow: hidden;
    transition: 0.5s all;
}

.lookmore a span {
    position: relative;
    z-index: 10
}

.lookmore a:hover {
    color: #fff;
    border: #2B58F9 1px solid;
    background: #2B58F9;
    transition-delay: 0.36s
}

@-webkit-keyframes criss-cross-left {
    0% {
        left: -.2rem;
    }

    50% {
        left: 50%;
        width: .2rem;
        height: .2rem;
    }

    100% {
        left: 50%;
        width: 3.75rem;
        height: 3.75rem;
    }
}

@keyframes criss-cross-left {
    0% {
        left: -.2rem;
    }

    50% {
        left: 50%;
        width: .2rem;
        height: .2rem;
    }

    100% {
        left: 50%;
        width: 3.75rem;
        height: 3.75rem;
    }
}

@-webkit-keyframes criss-cross-right {
    0% {
        right: -.2rem;
    }

    50% {
        right: 50%;
        width: .2rem;
        height: .2rem;
    }

    100% {
        right: 50%;
        width: 3.75rem;
        height: 3.75rem;
    }
}

@keyframes criss-cross-right {
    0% {
        right: -.2rem;
    }

    50% {
        right: 50%;
        width: .2rem;
        height: .2rem;
    }

    100% {
        right: 50%;
        width: 3.75rem;
        height: 3.75rem;
    }
}

.btn-11 {
    position: relative;
    color: #2B58F9;
}

.btn-11:before,
.btn-11:after {
    position: absolute;
    top: 50%;
    content: '';
    width: .2rem;
    height: .2rem;
    background: #2B58F9;
    border-radius: 50%;
}

.btn-11:before {
    left: -.2rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*     animation: criss-cross-left 0.8s reverse; */
}

.btn-11:after {
    right: -.2rem;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    /*     animation: criss-cross-right 0.8s reverse; */
}

.btn-11:hover:before,
.btn-11:hover:after {
    /*       @include size($btn-width); */
}

.btn-11:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
    animation: criss-cross-left 0.8s both;
}

.btn-11:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
    animation: criss-cross-right 0.8s both;
}


/*右侧悬浮*/
.cndns-right {
    position: fixed;
    right: 2px;
    bottom: 180px;
    z-index: 100
}

.cndns-right-meau {
    position: relative;
    margin: 0 0 5px
}

.cndns-right-btn {
    width: 44px;
    height: auto;
    overflow: hidden;
    padding: 11px 0;
    text-align: center;
    display: block;
    position: relative;
    background-color: #596efb;
    border-radius: 5px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}

.meau-contact .cndns-right-btn {
    background-color: #fa0;
}

.cndns-right-btn p {
    font-size: 12px;
    line-height: 16px;
    padding-top: 6px;
    color: #fff;
    margin: 0 auto
}

.demo-icon {
    width: 22px;
    height: 22px;
    display: block;
    background: url(../images/fudong1.png) no-repeat;
    margin: 0 auto
}

.demo-icon1 {
    background-position: 0 0
}

.demo-icon2 {
    background-position: 0 -22px
}

.demo-icon3 {
    background-position: 0 -88px
}

.demo-icon4 {
    background-position: 0 -66px
}

.cndns-right-box {
    position: absolute;
    top: 0;
    right: 29px;
    padding-right: 25px;
    display: none
}

.cndns-right-box:after {
    content: '';
    position: absolute;
    right: 18px;
    top: 15px;
    width: 13px;
    height: 13px;
    border-radius: 2px;
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .08);
    border-right: 1px solid rgba(0, 0, 0, .08);
    transform: rotate(45deg)
}

.cndns-right-btn:hover {
    background-color: #5064e6
}

.cndns-right-box .box-border {
    padding: 20px 30px 24px;
    width: 200px;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    position: relative
}

.meau-cord .cndns-right-box .box-border {
    width: 260px;
    padding: 20px;
    text-align: center;
}

.meau-cord .cndns-right-box .box-border img {
    width: 125px;
}

.box-border p {
    font-size: 14px;
    color: #666;
    line-height: 32px;
    padding-left: 24px;
    margin: 0
}

.box-border p a {
    font-size: 14px;
    color: #666;
    line-height: 32px;
    display: block
}

.box-border .wz1 {
    font-size: 18px;
    color: #333;
    padding: 0 0 8px
}

.box-border .wz2 {
    background: url(../images/fudo1.png) left 8px no-repeat
}

.cndns-right-meau:hover .cndns-right-box {
    display: block
}

.cndns-right .hide {
    display: none;
}