@import url("./reset.css");
body {
    font-family: "Microsoft Yahei";
    font-size: 14px;
    padding: 0;
    margin: 0;
    background: #fff;
    color: #000;
    padding: 0px;
    margin: 0px auto;
    font-family: Microsoft YaHei, arial, '微软雅黑';
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    width: 100%;
    zoom: 1;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    -webkit-tap-codearea-color: rgba(0, 0, 0, 0);
    -webkit-tap-codearea: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    min-width: 1400px;
}

.header {
    position: relative;
}

.header .top-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 101;
}

.head {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    padding: 44px 0;
    height: auto !important;
    min-width: 100% !important;
}

.header .top-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 101;
}

.head-nav {
    left: 0;
    right: 0;
}

.header .head-nav {
    background: transparent;
    border-bottom: none;
    position: initial !important;
    top: 0 !important;
    min-width: 100% !important;
    height: auto !important;
}

.w {
    width: 1400px;
    margin: 0 auto;
    max-width: 100%;
}

.disflex {
    display: flex;
  
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.head-nav h1 {
    float: left;
    width: auto;
    margin: 0 !important;
    height: auto;
}

.head-nav h1 img,
.head-nav h1 a {
    display: block;
    width: 100%;
    height: 100%;
}

.head .logo img {
    width: 260px;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head .right {
    width: auto !important;
    max-width: 100% !important;
}

.head .nav {
    width: 100%;
    margin-right: 60px;
    display: flex !important;
}

.head .nav li {
    padding: 0px 26px;
}

.head .nav li {
    position: relative;
}

.head .nav li>a {
    font-size: 17px;
    color: rgba(255, 255, 255, 1);
    position: relative;
    display: block;
    line-height: 44px;
    cursor: pointer;
    white-space: nowrap;
}

.head-nav .tip {
    position: absolute;
    right: -20px;
    top: 0px;
    background: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    padding: 0 8px;
    line-height: 24px;
    border-radius: 2px;
    color: #fff;
    animation: moveUpDown 1s infinite;
    -webkit-animation: moveUpDown 1s infinite;
}

.head-nav .tip {
    top: -18px;
    white-space: nowrap;
    left: 12px;
    right: auto !important;
}
@-webkit-keyframes moveUpDown{
	25% {
		top: -18px;
	}
	50% {
		top: -20px;
	}
	75% { 
		top: -18px;
	}
	100% {
		top: -18px;
	}
}
@keyframes moveUpDown{
	25% {
		top: -18px;
	}
	50% {
		top: -20px;
	}
	75% { 
		top: -18px;
	}
	100% {
		top: -18px;
	}
}

.head .btn>span::after,
.head .nav li>a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #fff;
    top: 100%;
    margin: 0 auto;
    transition: all 0.2s ease 0s;
}

.head-nav .tip:after {
    position: absolute;
    content: '';
    left: 15px;
    bottom: -4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.5);
}

.topbanner {
    position: relative;
    padding-top: 110px;
}

.topbanner .bg,
.topbanner .bg img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.topbanner .bg {
    overflow: hidden;
}

.indexban {
    /* height: calc(100vh - 148px); */
    height: 776px;
    /*display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 80px; */
    position: relative;
}

.swiper-container,
.pc {
    /* height: calc(100vh - 148px); */
    height: 776px;
}

.indexban .txt {
    color: #fff;
    white-space: nowrap;
    position: relative;
    z-index: 2;
}

.indexban .pic {
    width: 60%;
    flex: 0 0 auto;
}

.f-64 {
    font-size: 53px;
    font-weight: 300;
}

.f-36 {
    font-size: 36px;
}

.f-68 {
    font-size: 53px;
    font-weight: bold;
}

.f-24 {
    font-size: 24px;
    font-weight: normal;
}

.f-48 {
    font-size: 33px;
    font-weight: 300;
}

.indexban .txt {
    display: flex;
    flex-direction: column;
}

.indexban .txt .btn_wraps {
    display: flex;
    margin-top: 5%;
}

.indexban .txt a:nth-of-type(1) {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 20px;
}

.indexban .txt a:nth-of-type(2) {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    color: #123c8f;
    font-weight: normal;
    font-size: 18px;
}

.f-16 {
    font-size: 16px;
}

.indban-li {
    height: 20px;
    text-align: center;
    position: absolute;
    z-index: 1000;
    bottom: 10px;
    width: 100%;
}

.indban-li .swiper-pagination-clickable .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.indban-li .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 30px;
    height: 5px;
    background: rgba(255, 255, 255, 0.7);
    margin: 0 6px 0 3px;
    border-radius: 0;
}


/*banner四个产品*/

.index_jd ul {
    display: flex;
    justify-content: space-between;
}

.index_jd li {
    width: 32%;
    background: #fff;
    padding: 0 2% 4% 2%;
    margin-top: 5%;
    text-align: center;
    border-radius: 5px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
    transition: transform .3s ease 0s;
}

.c-666 {
    color: #808080;
}

.f-b {
    font-weight: bold;
}

.f-35 {
    font-size: 35px;
}

.c1 {
    color: #1c1c1c;
}

.c-333 {
    color: #333;
}

.f-30 {
    font-size: 30px;
}

.index_jd li+li {
    margin-left: 2%;
}

.index_jd a {
    display: block;
    color: #333;
}

.index_jd .ico {
    position: relative;
}

.index_jd .ico img {
    display: block;
    margin: 0 auto;
}

.index_jd .ico .p1 {
    position: absolute;
    left: 0;
    right: 0;
    top: -15%;
    transition: transform .3s ease 0s;
    width: 130px;
    height: 130px;
}

.index_jd .ico .p2 {
    width: 205px;
    height: 208px;
}

.index_jd .t {
    padding: 6% 0 3% 0;
}

.index_jd .p {
    padding: 6% 0;
    line-height: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.index_jd .p span {
    padding: 0 0.5em;
}

.index_jd .f span {
    color: #ea0909;
    font-weight: bold;
}

.f-28 {
    font-size: 28px;
}


/* title */

.alltitle {
    margin: 4% 0 3% 0;
    padding: 0 10px;
}

.f-38 {
    font-size: 38px;
}

.ta-c {
    text-align: center;
}

.f-18 {
    font-size: 18px;
    font-family: element-icons;
}


/* 推荐产品 */

.yewu_wrap {
    padding-top: 2%;
    background: url("../images/yewu_bg.png") no-repeat center top;
}

.yewu_item {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    width: 24%;
    margin-bottom: 20px;
    padding: 18px;
    box-sizing: border-box;
    box-shadow: 1px 1px 8px rgb(0 0 0 / 10%);
    transition: transform .3s ease 0s;
}

.yewu_item:hover {
    transform: translate(0, -10px);
}

.yewu_item:nth-of-type(4n) {
    margin-right: 0;
}

.inner {
    background: #f5f7fa;
    padding-bottom: 107px;
}

.yewu_item_title {
    height: 28px;
    padding: 0 18px;
    border-left: 4px solid #f85f41;
    line-height: 28px;
    color: #333;
}

.yewu_item_desc {
    color: #999;
    line-height: 20px;
    padding: 12px 0;
}

.yewu_item_canshu1 {
    line-height: 59px;
    color: #666;
    border-top: 1px solid #ddd;
    height: 59px;
    overflow: hidden;
}

.yewu_item_canshu2 {
    padding-top: 15px;
    padding-bottom: 19px;
    height: 32px;
    border-top: 1px solid #ddd;
    box-sizing: content-box;
    justify-content: flex-start;
}

.yewu_item_canshu2 span {
    width: 88px;
    height: 30px;
    border: 1px solid #f85f41;
    text-align: center;
    display: block;
    line-height: 30px;
    color: #f85f41;
    box-sizing: content-box;
    border-radius: 5px;
}

.yewu_item_canshu2 div {
    color: #666;
    margin-left: 10px;
}

.yewu_item_canshu2 div i {
    color: #f85f41;
    font-style: normal;
    font-size: 18px;
    font-weight: bold;
}

.yewu_item_canshu2 div b {
    color: #f85f41;
    font-style: normal;
    font-size: 28px;
    font-weight: bold;
}

.buy_contact {
    height: 40px;
    line-height: 40px;
    background: #f85f41;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}


/* xinew */

.f-22 {
    font-size: 22px;
}

.module-title p {
    color: #666;
}

.press-release {
    width: 30%;
    max-width: 410px;
    margin-right: 5%;
}

.press-release:nth-of-type(3) {
    margin-right: 0;
}

.new_com {
    align-items: flex-start;
    padding-top: 4%;
    padding-bottom: 6%;
    flex-wrap: wrap;
}

.new_com dl dt {
    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd;
}

.new_com dl dd p {
    transition: all .5s ease 0s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 14px;
    background: url("../images/dot.png") no-repeat left center;
}

.new_com dl dd p span {
    color: #999;
    font-size: 14px;
}

.new_com dl dd p a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.new_com dl dd p:hover {
    transform: translate(0, -5px);
}

.ind_apnic {
    padding: 30px 40px 50px;
    justify-content: center;
}

.ind_apnic img {
    max-width: 160px;
    width: 100%;
}

.ind_apnic .p {
    font-size: 20px;
    line-height: 1.4;
    padding-left: 70px;
}

.news_more_a {
    color: #268ae6;
}


/* 公司介绍 */

.company_wrap {
    padding-top: 3%;
    background: url(../images/com2dd.png) no-repeat right bottom #f5f7fa;
}

.com_title {
    height: 70px;
    line-height: 70px;
    color: #333;
    font-size: 48px;
}

.com_slogan {
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 24px;
}

.com_content {
    padding-top: 88px;
    padding-bottom: 7.5%;
}

.com_desc {
    line-height: 40px;
    color: #333;
    margin-bottom: 30px;
    width: 664px;
}

.more_btn {
    width: 140px;
    height: 50px;
    display: block;
    border-radius: 5px;
    background: #268ae6;
    color: #fff;
    text-align: center;
    line-height: 50px;
    transition: all .5s ease 0s;
}

.more_btn:hover {
    color: #fff;
    transform: translate(0, -5px);
}


/* 合作客户 */

.partner_com {
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
    flex-wrap: wrap;
}

.partner_release {
    max-width: 310px;
    border-radius: 5px;
    transition: all .5s ease 0s;
    margin-bottom: 40px;
    margin-right: 50px;
    overflow: hidden;
    box-shadow: 1px 1px 8px rgb(0 0 0 / 10%);
}

.partner_release:nth-of-type(4n) {
    margin-right: 0;
}

.partner_release:hover {
    transform: translate(0, -5px);
}

.ad_wrap {
    height: 170px;
    background: url("../images/ad_bg.png") no-repeat center center;
}

.ad_btn {
    width: 140px;
    height: 40px;
    background: #fff;
    color: #268ae6;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    border-radius: 5px;
    cursor: pointer;
}

.ad_text {
    height: 40px;
    font-size: 26px;
    color: #fff;
    margin-right: 42px;
}

.head .nav li>a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #fff;
    top: 100%;
    margin: 0 auto;
    transition: all 0.2s ease 0s;
}

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

.head .btn:hover>span::after,
.head .nav li:hover>a::after {
    width: 100%;
}

.wxkf {
    text-align: center;
}

.wxkf img {
    max-width: 145px;
}

.zztj2020 a {
    position: absolute;
    top: 0;
    z-index: -10;
    color: #fff;
}

.kf_qq_r {
    width: 52px;
    height: 174px;
    position: fixed;
    top: 262px;
    right: -10px;
    z-index: 99;
}

.arrow_top {
    position: fixed;
    z-index: 999999;
    right: 0px;
    bottom: 150px;
    width: 45px;
    height: 45px;
    padding: 15px;
    box-sizing: border-box;
    white-space: nowrap;
    /*text-indent: 100%;*/
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #e1e8f0;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(227, 229, 233, .25);
    cursor: pointer;
    align-items: center;
    display: none;
}

.footer {
    border-top: 1px solid #e4e4e4;
    padding-top: 1.25%;
    min-width: 300px;
}

.footer .tlist li {
    max-width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer .tlist img {
    width: 50px;
    height: 50px;
    flex: 0 0 auto;
}

.map_and_address {
    padding-top: 48px;
    padding-bottom: 60px;
}

.address_info {
    float: left;
    width: 500px;
}

.address_map {
    float: right;
    width: 700px;
}

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

.address_desc {
    padding: 10px;
    border: 1px solid #dddddd;
    line-height: 32px;
    font-size: 14px;
    color: #333;
}

.address_title {
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.footer2 .w {
    min-width: 300px;
}

.footer2 .w .tlist {
    padding-top: 1.25%;
    padding-bottom: 1.6%;
    border-bottom: 1px solid #e4e4e4;
}

.footer2 .tlist li {
    max-width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer2 .tlist img {
    width: 50px;
    height: 50px;
    flex: 0 0 auto;
}

.footer2 .fb {
    text-align: center;
    color: #999;
    padding-top: 3%;
    padding-bottom: 3%;
}

.footer2 .fb a {
    color: #999;
}

.footer2 .pt {
    padding: 3% 0;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
}

.footer2 .navlist {
    align-items: flex-start;
    width: 54%;
}

.footer2 .navlist dt {
    font-size: 17px;
    margin-bottom: 20px;
    color: #000;
}

.footer2 .navlist dd {
    font-size: 15px;
    line-height: 35px;
}

.footer2 .navlist dd a {
    color: #666;
}

.footer2 .navlist dd a:hover {
    color: #007bfc;
}

.footer2 .code {
    flex: 0 0 auto;
    width: 320px;
}

.contact_tips_t {
    line-height: 30px;
}

.contact_tips_t b {
    color: #268ae6;
}

.footer2 .fb a:hover {
    color: #007bfc;
}

.contactbox .box2 .top {
    background: url(../images/contact-bg.png) center no-repeat;
    background-size: cover;
    justify-content: center;
    color: #fff;
    padding: 15px 5% 0 5%;
}

.contactbox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.contactbox .close {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
}

.contactbox .box2 {
    width: 100%;
    max-width: 1050px;
    position: relative;
    z-index: 1;
    border-radius: 20px;
    overflow: hidden;
}

.contactbox .box2 .top {
    background: url(../images/contact-bg.png) center no-repeat;
    background-size: cover;
    justify-content: center;
    color: #fff;
    padding: 15px 5% 0 5%;
}

.contactbox .box2 .top .ico {
    width: 30%;
    max-width: 217px;
    margin-right: 10%;
}

.contactbox .box2 .closebtn {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    width: 43px;
    height: 43px;
}

.contactbox .box2 .cont {
    background: #fff;
    padding: 3%;
}

.contactbox .box2 .cont .sbar {
    overflow: auto;
    max-height: calc(100vh - 380px);
    padding: 0 3%;
}

.contactbox .box2 .cont li {
    padding: 3% 0;
}

.contactbox .box2 .cont li+li {
    border-top: 1px solid #e4e4e4;
}

.contactbox .box2 .cont li.last {
    border-top: none;
    padding-top: 0;
}

.contactbox .box2 .cont li.last .line {
    border-top: 1px solid #e4e4e4;
    margin-bottom: 3%;
}

.contactbox .box2 .cont li .left {
    border-right: 1px solid #e4e4e4;
    width: 30%;
    flex: 0 0 auto;
    justify-content: flex-start;
    max-width: 270px;
    padding-left: 3%;
}

.contactbox .box2 .cont li .left img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.contactbox .box2 .cont li .right {
    width: 100%;
    padding: 0 3%;
}

.contactbox .box2 .cont li .right .flex {
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 10px;
    margin-left: -20px;
}

.contactbox .box2 .cont li .right .flex>* {
    margin-left: 20px;
}

.contactbox .box2 .cont li .right .btn {
    background: #3e75ff;
    color: #fff;
    width: 8em;
    text-align: center;
    border-radius: 5px;
    line-height: 40px;
}

.amallbtn {
    overflow: hidden;
    position: relative;
}

.amallbtn em,
.amallbtn span {
    position: relative;
    z-index: 2;
    font-style: normal;
}

.f-40 {
    font-size: 35px;
}

.fw-l {
    font-weight: lighter;
}

.f-26 {
    font-size: 26px;
}

.c-999 {
    color: #999;
}

.c-blue {
    color: #234aaf;
}

.back-top {
    transition: 0.3s all linear;
    visibility: hidden;
}

.float-consult {
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 111;
}

.float-consult>ul {
    position: relative;
}

.float-consult>ul>li {
    width: 90px;
    height: 55px;
    margin: 0 0 5px;
}

.float-consult .cloumn {
    float: right;
    width: 55px;
    height: 55px;
    background: #fff;
    text-align: center;
    font-size: 12px;
    color: #666666;
    border: 1px solid #eee;
    cursor: pointer;
}

.float-consult .cloumn:before {
    content: "";
    width: 26px;
    height: 26px;
    display: block;
    margin: 5px auto 2px;
    background: url("../images/side-menu.png") no-repeat;
}

.float-consult .cs1:before {
    background-position: 1px 0;
}

.float-consult .cs2:before {
    background-position: -27px 0;
}

.float-consult .cs3:before {
    background-position: -56px 0;
}

.float-consult .cs4:before {
    background-position: -85px 0;
}

.float-consult .cs5:before {
    background-position: -116px 0;
}

.float-consult .cs6:before {
    background-position: -145px 0;
}

.float-consult .cs7:before {
    background-position: -176px 0;
}

.float-consult .cs8:before {
    background-position: -206px 0;
}

.float-consult .cs9:before {
    background-position: -95px -86px;
}

.float-consult .ewm {
    display: none;
    position: absolute;
    bottom: -5px;
    right: 69px;
    z-index: 111;
    background: #fff;
    width: 128px;
    height: 128px;
    border: 1px solid #059fff;
}

.float-consult .ewm:after {
    content: "";
    width: 5px;
    height: 8px;
    display: block;
    position: absolute;
    right: -5px;
    top: 30px;
    background: url("../images/ico2.png") left center no-repeat;
}

.float-consult .ewm img {
    display: block;
    width: 118px;
    height: 118px;
    margin: 5px;
}

.float-consult .service {
    display: none;
    position: absolute;
    top: 240px;
    right: 70px;
    font-size: 16px;
    color: #fff;
    width: 210px;
    background: #059fff;
    text-align: center;
    line-height: 25px;
    padding: 18px 0;
}

.float-consult .service:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 26px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    vertical-align: middle;
    border: 5px dashed transparent;
    border-left-style: solid;
    border-left-color: #059fff;
    border-right-width: 0;
}

.float-consult .consult {
    display: none;
    border: 1px solid #eee;
    width: 323px;
    background: #fff;
    position: absolute;
    right: 70px;
    top: 10px;
}

.float-consult .consult:before {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    position: absolute;
    right: -5px;
    background: url("../images/ico4.png") center no-repeat;
}

.float-consult .consult h2 {
    font-size: 20px;
    padding: 13px 20px 13px;
    margin: 0 0 15px;
    border-bottom: 1px dashed #ddd;
}

.float-consult .consult h2 span {
    color: #999999;
    font-size: 14px;
    margin-left: 15px;
}

.float-consult .list {
    border-bottom: 1px dashed #eee;
    padding: 0 20px 15px;
}

.float-consult .tip {
    font-size: 12px;
    overflow: hidden;
}

.float-consult .tip h5 {
    color: #ff8a00;
    font-size: 14px;
    margin: 0 0 5px;
}

.float-consult .tip p {
    color: #666;
    line-height: 20px;
}

.float-consult .tip span {
    font-weight: 600;
}

.float-consult .item {
    height: 38px;
    border: 1px solid #eeeeee;
    position: relative;
    padding-left: 140px;
    text-align: center;
    min-height: 38px;
    margin: 0 0 15px;
}

.float-consult .item em {
    display: block;
    width: 139px;
    height: 38px;
    line-height: 38px;
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 0;
    color: #666666;
}

.float-consult .item .ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    margin: 9px 10px 0;
    vertical-align: middle;
    cursor: pointer;
    background: url("../images/side-menu.png") no-repeat;
}

.float-consult .item img {
    display: block;
    width: 89px;
    height: 89px;
}

.float-consult .item .card {
    display: none;
    position: absolute;
    bottom: -98px;
    left: -37px;
    z-index: 111;
    background: #fff;
    width: 89px;
    height: 89px;
    border: 1px solid #059fff;
}

.float-consult .item .card:before {
    content: "";
    width: 9px;
    height: 6px;
    display: block;
    position: absolute;
    left: 41px;
    top: -6px;
    background: url("../images/ico3.png") center bottom no-repeat;
}

.float-consult .preale3 .card {
    top: -98px;
}

.float-consult .preale3 .card:before {
    top: 89px;
    background: url("../images/ico3-1.png") center bottom no-repeat;
}

.float-consult .preale4 .card {
    top: -98px;
}

.float-consult .preale4 .card:before {
    top: 89px;
    background: url("../images/ico3-1.png") center bottom no-repeat;
}

.float-consult .item .phone {
    display: none;
    position: absolute;
    top: 40px;
    left: -65px;
    font-size: 16px;
    z-index: 111;
    color: #fff;
    width: 150px;
    background: #059fff;
    text-align: center;
    line-height: 25px;
    padding: 7px 0;
}

.float-consult .item .phone:after {
    content: "";
    position: absolute;
    left: 70px;
    top: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    vertical-align: middle;
    border: 5px dashed transparent;
    border-bottom-style: solid;
    border-bottom-color: #059fff;
    border-top-width: 0;
}

.float-consult .preale4 .phone {
    bottom: 33px;
}

.float-consult .preale4 .phone:after {
    bottom: -5px;
    top: auto;
    border-top-width: thick;
    border-bottom-style: none;
    border-top-style: solid;
    border-top-color: #059fff;
    border-bottom-width: 0;
}

.float-consult .list .qq {
    background-position: 0 -60px;
}

.float-consult .list .wx {
    background-position: -22px -60px;
}

.float-consult .list .tel {
    background-position: -50px -60px;
}

.float-consult .list .qq:hover {
    background-position: -71px -60px;
}

.float-consult .list .wx:hover {
    background-position: -94px -60px;
}

.float-consult .list .tel:hover {
    background-position: -120px -60px;
}

.float-consult .other {
    clear: both;
    padding: 20px 20px 10px;
    overflow: hidden;
}

.float-consult .other h3 {
    color: #059fff;
    font-size: 14px;
    margin: 0 0 10px;
}

.float-consult .other a {
    display: block;
    color: #999999;
    font-size: 12px;
    line-height: 20px;
}

.float-consult .other a:hover {
    color: #059fff;
}

.float-consult .preale:before {
    top: 75px;
}

.float-consult .aftersale:before {
    top: 192px;
}

.float-consult .beian:before {
    top: 252px;
}

.float-consult li:hover .cloumn {
    border: 1px solid #059fff;
    color: #fff;
    background: #059fff;
}

.float-consult li:hover .cs1:before {
    background-position: 1px -30px;
}

.float-consult li:hover .cs2:before {
    background-position: -27px -28px;
}

.float-consult li:hover .cs3:before {
    background-position: -56px -28px;
}

.float-consult li:hover .cs4:before {
    background-position: -85px -28px;
}

.float-consult li:hover .cs5:before {
    background-position: -116px -28px;
}

.float-consult li:hover .cs6:before {
    background-position: -145px -28px;
}

.float-consult li:hover .cs7:before {
    background-position: -176px -27px;
}

.float-consult li:hover .cs8:before {
    background-position: -206px -27px;
}

.float-consult li:hover .cs9:before {
    background-position: -128px -86px;
}

.float-consult .cart:hover a {
    color: #ff8a00;
    border: 1px solid #ff8a00;
}

.float-consult .cartActive a {
    border: 1px solid #ff8a00;
    color: #ff8a00;
}

.float-consult .cartActive .cs7:before {
    background-position: -176px -27px;
}

.float-consult .cartActive em {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: -10px;
    border-radius: 100%;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    background: #ff8a00;
}

.consult-drop:hover span {
    display: block!important;
}

.consult-drop a {
    color: #fff;
}

.float-consult .item .phone {
    top: 25px;
}

.wechat-li {
    /* display: none; */
}

.suspension-item.wechat {
    background-image: url(../images/icon_suspension_wechat.png);
}

.float-consult>ul>li {
    width: 90px;
    height: 55px;
    margin: 0 0 5px;
}

.float-consult>ul>li {
    width: 55px;
    height: 55px;
}

.back-top {
    transition: 0.3s all linear;
    visibility: hidden;
}

.suspension-item.qq {
    background-image: url(../images/icon_suspension_qq.png);
}

.img-intro {
    display: none;
    color: #000;
}

.suspension-item {
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    background: #fff no-repeat center 8px;
    padding-top: 35px;
    text-align: center;
    color: #666;
    border: 1px solid #eeeeee;
    font-size: 12px;
}

.suspension-detail-outer {
    display: none;
    position: absolute;
    top: -34%;
    right: 54px;
    width: 340px;
}

.wechat .suspension-detail-outer {
    left: auto;
    width: 133px;
    top: -50%;
}

.suspension-detail {
    position: relative;
    width: 325px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 1px 4px 1px rgb(0 0 0 / 10%);
}

.wechat .suspension-detail {
    width: 118px;
    height: 118px;
    padding: 0;
}

.float-consult>ul>li {
    width: 55px;
    height: 55px;
}

.suspension-item {
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    background: #fff no-repeat center 8px;
    padding-top: 35px;
    text-align: center;
    color: #666;
    border: 1px solid #dddddd;
    font-size: 12px;
}

.suspension-item:hover {
    color: #fff;
    background: #059fff no-repeat center 8px;
    border-color: #059fff;
}

.suspension-item.zx {
    background-image: url(../images/zixun_normal.png);
}

.suspension-item.zx:hover {
    background-image: url(../images/zixun_active.png);
}

.suspension-item.qq {
    background-image: url(../images/qq_normal.png);
}

.suspension-item.qq:hover {
    background-image: url(../images/qq_active.png);
}

.suspension-item.wechat {
    background-image: url(../images/wechat_normal.png);
}

.suspension-item.wechat:hover {
    background-image: url(../images/wechat_active.png);
}

.suspension-item.tel {
    background-image: url(../images/tel_normal.png);
}

.suspension-item.tel:hover {
    background-image: url(../images/tel_active.png);
}

.suspension-detail-outer {
    position: absolute;
    top: -34%;
    right: 54px;
    width: 340px;
}

.suspension-detail {
    position: relative;
    width: 325px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
}

.suspension-detail:after {
    content: "";
    position: absolute;
    border: 6px solid transparent;
    border-left-color: #fff;
    right: -12px;
    top: 50%;
    margin-top: -6px;
}

.suspension-detail-title {
    color: #666666;
    font-size: 14px;
    height: 14px;
    text-align: left;
}

.suspension-detail-list li {
    float: left;
    width: 142px;
    margin-top: 18px;
    height: 20px;
    line-height: 20px;
}

.suspension-detail-list li a {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-left: 30px;
    background: no-repeat left center;
    font-size: 14px;
    text-align: left;
    color: #999;
}

.suspension-detail-list li a:hover {
    color: #059fff;
}

li.icon-consult a {
    background-image: url(../images/icon_suspension_consult.png);
}

li.icon-small-tel a {
    background-image: url(../images/icon_suspension_tel_orange.png);
}

.suspension-item:hover .suspension-detail-outer {
    display: block;
}

.wechat .suspension-detail-outer {
    left: auto;
    width: 133px;
    top: -50%;
}

.wechat .suspension-detail {
    width: 118px;
    height: 118px;
    padding: 0;
}

.tel .suspension-detail-outer {
    width: 235px;
    top: 0;
}

.tel .suspension-detail {
    width: 220px;
}


/*内页开始*/

.about-head {
    position: relative;
    height: 540px;
    min-width: 1220px;
    overflow: hidden;
}


/*banner*/

.about-banner {
    height: 540px;
    background: #104db6;
    background: url("../images/news_bg2.jpg") top center #104db6 no-repeat;
}

.header-info {
    padding-top: 155px;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.header-info h1 {
    font-size: 36px;
    margin: 0 0 35px;
}

.header-info p {
    line-height: 24px;
}

.about-banner .txt {
    display: flex;
    flex-direction: column;
}

.about-banner .txt .btn_wraps {
    display: flex;
    margin-top: 5%;
}

.about-banner .txt a:nth-of-type(1) {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 20px;
}

.about-banner .txt a:nth-of-type(2) {
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    color: #123c8f;
    font-weight: normal;
    font-size: 18px;
}


/*栏目*/

.about-cloumn {
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
}

.about-cloumn li {
    float: left;
    width: 20%;
    font-size: 18px;
    text-align: center;
}

.about-cloumn li a {
    display: block;
    line-height: 50px;
    color: #fff;
}

.about-cloumn li:hover {
    background: #059fff;
}

.about-cloumn .active {
    background: #059fff;
}

.cloumnFixed {
    background: rgba(0, 0, 0, .8);
}


/* 新闻列表 */

.news_list_item {
    padding: 28px;
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    transition: all linear .5s;
}

.news_list_item_wrap {
    padding-top: 60px;
}

.news_item_img {
    width: 356px;
    height: 198px;
    margin-right: 23px;
}

.news_item_s_wrap {
    flex: 1;
    height: 198px;
}

.news_item_title {
    font-size: 18px;
    color: #333;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.news_item_desc {
    height: 52px;
    line-height: 26px;
    font-size: 14px;
    overflow: hidden;
    color: #666;
    padding-top: 26px;
    box-sizing: content-box;
    padding-bottom: 84px;
}

.news_item_time {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #a5a5a5;
}

.news_list_item:hover {
    transform: translateY(-10px);
    box-shadow: 1px 1px 8px rgb(0 0 0 / 10%);
}


/* aliyun youhui */

.ling_item {
    position: relative;
    height: 265px;
    text-align: center;
    background: url("../images/ling.png") no-repeat center center;
    background-size: cover;
    width: 247px;
    margin-right: 43px;
}

.circle {
    width: 80px;
    height: 80px;
    background: #666666;
    border-radius: 40px;
    color: #fff;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    display: inline-block;
    /* transform: translate(0, -40px);
    -webkit-transform: translate(0, -40px); */
    position: absolute;
    top: -40px;
    left: 83px;
}

.ling_item_title {
    height: 54px;
    padding-top: 46px;
    line-height: 54px;
    font-size: 22px;
    color: #333;
    text-align: center;
    box-sizing: content-box;
}

.ling_item_desc {
    line-height: 30px;
    color: #666;
}

.ling_item_desc span {
    color: #ea0909;
}

.ling_wrap {
    padding-top: 6%;
    padding-bottom: 4%;
    box-sizing: content-box;
}

.liucheng_wrap {
    background: #f5f7fa;
    padding-top: 2%;
    padding-bottom: 6%;
}

.shuzi_wrap {
    padding-top: 50px;
}

.shuzi_item {
    width: 57px;
    height: 65px;
    margin: 0 auto;
    text-align: center;
    line-height: 64px;
}

.shuzi_item_wrap {
    width: 20%;
    float: left;
    height: 65px;
    background: url("../images/fang.png") center center no-repeat;
}

.circles {
    width: 36px;
    height: 36px;
    background: #268ae6;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    border-radius: 18px;
}

.q:after {
    content: '\20';
    clear: both;
    display: block;
}

.q {
    zoom: 1
}

.line_wrap {
    height: 20px;
    margin-top: 20px;
    border-top: 1px solid #dddddd;
}

.miaoshu_wrap {
    display: flex;
}

.line_dot_item {
    height: 10px;
    width: 20%;
    background: url("../images/dot2.png") center center no-repeat;
    display: inline-block;
    margin-top: -5px;
    overflow: hidden;
    float: left;
}

.miaoshu_item {
    flex: 1;
    height: 140px;
    background: #fff;
    border-radius: 8px;
    margin-right: 20px;
    box-shadow: 1px 1px 8px rgb(0 0 0 / 10%);
}

.miaoshu_item_title {
    padding-top: 20px;
    line-height: 34px;
    height: 34px;
    color: #333;
    text-align: center;
    box-sizing: content-box;
}

.miaoshu_item_desc {
    line-height: 20px;
    color: #666;
    text-align: center;
}

.why_daili {
    height: 588px;
    background: url("../images/yewuss.png") no-repeat right 80px;
}

.why_daili_left {
    padding-top: 98px;
}

.why_daili_item {
    padding-left: 100px;
    height: 80px;
    margin-bottom: 30px;
    box-sizing: content-box;
    background: url("../images/a.png") no-repeat left center;
}

.why_daili_item_t {
    height: 32px;
    line-height: 32px;
    color: #333;
}

.why_daili_item_b {
    line-height: 24px;
    color: #666;
    font-size: 14px;
}

.why_daili_item:nth-of-type(2) {
    background: url("../images/b.png") no-repeat left center;
}

.why_daili_item:nth-of-type(3) {
    background: url("../images/c.png") no-repeat left center;
}

.why_daili_item:nth-of-type(4) {
    background: url("../images/d.png") no-repeat left center;
}

.news_wrap {
    height: 640px;
    padding-top: 60px;
    background: url("../images/news_bg.jpg") no-repeat center center;
}

.news_content_list {
    padding-top: 30px;
    padding-bottom: 30px;
}

.list_news_wrap {}

.list_news_wrap a {
    padding: 24px 20px;
    height: 118px;
    box-sizing: border-box;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 30px;
    border: 1px solid #dddddd;
    box-shadow: 1px 1px 8px rgb(0 0 0 / 10%);
    transition: transform linear .5s;
}

.list_news_wrap a:hover {
    transform: translateY(-6px);
}

.list_news_wrap a .dates {
    font-size: 16px;
    color: #999999;
    width: 100px;
}

.list_news_wrap a .tit {
    flex: 1;
    font-size: 20px;
    color: #333;
    margin-right: 20px;
}

.list_news_desc {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #999;
    overflow: hidden;
}

.list_news_title {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}

.list_news_wrap a:nth-of-type(2n) {
    margin-right: 0;
}

.news_content_list>div {
    display: flex;
    flex-wrap: wrap;
}

.news_content_item {
    /* width: 690px; */
    width: 49%;
    float: left;
    height: 140px;
    background: #fff;
    margin-right: 2%;
    display: inline;
    margin-bottom: 20px;
    padding: 22px 20px;
    box-shadow: 1px 1px 8px rgb(0 0 0 / 10%);
    transition: transform linear .5s;
}

.news_content_item:hover {
    transform: translateY(-5px);
}

.news_content_item:nth-of-type(2n) {
    margin-right: 0;
}

.news_q_left {
    background: #ea0909;
    height: 30px;
    width: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-right: 20px;
}

.news_q_left.qa {
    background: #f0a942;
}

.news_q_r {
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 22px;
    flex: 1;
    overflow: hidden;
    float: right;
}

.news_a_r2 {
    height: 60px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    overflow: hidden;
    flex: 1;
}

.news_a {
    display: flex;
}

.news_q {
    margin-bottom: 15px;
    display: flex;
}

.company_wrap {
    padding-top: 3%;
    background: url(../images/com2dd.png) no-repeat right bottom #f5f7fa;
}

.com_title {
    height: 70px;
    line-height: 70px;
    color: #333;
    font-size: 48px;
}

.com_slogan {
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 24px;
}

.com_content {
    padding-top: 10%;
    padding-bottom: 7.5%;
}

.com_desc {
    line-height: 40px;
    color: #333;
    margin-bottom: 30px;
    width: 664px;
}

.more_btn {
    width: 140px;
    height: 50px;
    display: block;
    border-radius: 5px;
    background: #268ae6;
    color: #fff;
    text-align: center;
    line-height: 50px;
    transition: all .5s ease 0s;
    margin: 0 auto;
}

.more_btn:hover {
    color: #fff;
    transform: translate(0, -5px);
}

.partner_com {
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
    flex-wrap: wrap;
}

.partner_release {
    max-width: 310px;
    border-radius: 5px;
    transition: all .5s ease 0s;
    margin-bottom: 40px;
    margin-right: 50px;
    overflow: hidden;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .2);
}

.partner_release:nth-of-type(4n) {
    margin-right: 0;
}

.partner_release:hover {
    transform: translate(0, -5px);
}

.news_sort_wrap {
    text-align: center;
}

.news_sort_wrap a {
    width: 178px;
    height: 48px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 48px;
    display: inline-block;
    border-radius: 24px;
    color: #333333;
    font-size: 18px;
    margin-top: 45px;
    margin-bottom: 45px;
    box-sizing: content-box;
    margin-right: 10px;
}

.news_sort_wrap a.current {
    background: #268ae6;
    border: 1px solid #268ae6;
    color: #fff;
}

.news_view_title {
    padding-top: 60px;
    line-height: 58px;
    box-sizing: content-box;
    font-size: 34px;
    overflow: hidden;
    text-align: center;
    color: #333;
}

.news_view_tips {
    height: 40px;
    line-height: 40px;
    color: #666;
    text-align: center;
    font-size: 14px;
}

.news_view_con {
    padding-top: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding-bottom: 36px;
}

.news_view_con p {
    font-size: 14px;
    line-height: 30px;
    color: #666;
}

.prev_and_next {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #ddd;
}

.back_list {
    width: 150px;
    height: 50px;
    margin-right: 30px;
}

.back_list a {
    width: 150px;
    height: 50px;
    border-radius: 5px;
}

.prev a,
.next a {
    color: #333;
    font-size: 14px;
}

.prev a:hover,
.next a:hover {
    color: #268ae6;
}

.prev {
    text-align: left;
    margin-right: 30px;
    flex: 1;
    padding-left: 30px;
    min-height: 50px;
    display: flex;
    align-items: center;
    background: url("../images/left_arrow.png") no-repeat;
    color: #333;
    font-size: 14px;
    transition: all linear .5s;
}

.prev:hover,
.next:hover {
    transform: translateX(-6px);
}

.next {
    text-align: right;
    flex: 1;
    padding-right: 30px;
    min-height: 50px;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    background: url("../images/right_arrow.png") no-repeat right;
    color: #333;
    font-size: 14px;
    transition: all linear .5s;
}

.company_text_con {
    padding-top: 50px;
    padding-bottom: 50px;
    line-height: 59px;
    color: #666;
    text-align: center;
}

.tubiao_wrap {
    padding-bottom: 40px;
}

.tubiao_item {
    width: 327px;
    height: 320px;
    overflow: hidden;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: 30px;
}

.tubiao_img_w {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tubiao_text {
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: #333;
    text-align: center;
}

#pageud {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    overflow: hidden;
    clear: both;
}

#pageupdn {
    background-color: #dddddd;
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
}

#pageupdn a {
    color: #ff8604;
}

#pageupdn a:hover {
    color: #333333;
}

#pageupdnA {
    background-color: #2097d5;
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
}

#pageupdn_wz {
    padding: 12px;
    margin: 0 auto;
    overflow: hidden;
    font-family: Arial;
    display: inline-block;
}


/*  */
#waves{background-color:#268ae6;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;z-index: 1;}
.line-zc{width:100%;min-width:1200px;height:170px;background-color:#268ae6;position:relative}


.aboutw {
    background: #f5f5f5;
    padding: 40px 50px 25px 50px;
}
.aboutw-div {
    display: flex;
    width: 100%;
    background: #fff;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.aboutw-img-box {
    border: 1px solid #e5e5e5;
    margin-right: 25px;
    display: flex;
    align-items: center;
    height: 200px;
    justify-content: center;
    width: 200px;
}
.aboutw-img-box img {
    max-width: 200px;
    max-height: 100%;
}
.div-right {
    max-width: 80%;
    text-align: left;
    
}

.div-right span{
    font-size: 14px;
    color: #666;
    line-height: 22px;
}