@charset "utf-8";

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
i,
b {
    margin: 0;
    padding: 0;
    font: 12px 'Microsoft Yahei', Tahoma, Simsun
}

body,
html {
    min-width: 1200px;
    overflow-x: hidden;
    overflow-y: auto;
}

ul,
ol,
li,
dl,
dt,
dd {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none
}

.hide {
    display: none;
}

.bgfff {
    background: #fff;
}

.w100 {
    width: 100%;
}

.w1200 {
    width: 1200px;
}

.auto {
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.rela {
    position: relative;
}

.overflow {
    overflow: hidden;
    _zoom: 1
}

.cfff {
    color: #fff;
}

.c333 {
    color: #333;
}

.c2cb5ae {
    color: #2cb5ae;
}

.c6bd8d2 {
    color: #6bd8d2;
}

.ft14 {
    font-size: 14px;
}

.ft16 {
    font-size: 16px;
}

.ft18 {
    font-size: 18px;
}

.ft20 {
    font-size: 20px;
}

.ft24 {
    font-size: 24px;
}

.ft30 {
    font-size: 30px;
}

.ft36 {
    font-size: 36px;
}

.ft50 {
    font-size: 50px;
}

.ftc {
    text-align: center;
}

.ftl {
    text-align: left;
}

.ftr {
    text-align: right;
}

.mt10 {
    margin-top: 10px;
}

.mt50 {
    margin-top: 50px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.vm {
    vertical-align: middle;
}

.boxshadow {
    box-shadow: 0 20px 60px 0px rgba(0, 0, 0, 0.1);
}

/*顶部*/
/*图片轮播*/
.top .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 90px;
}

.top .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #2cb5ae;
    opacity: 1;
    border: 2px solid #2cb5ae;
}

.top .swiper-pagination-bullet-active {
    opacity: 1;
    background: none;
    border: 2px solid #fff;
}

.top .swiper-button-prev {
    background: url("../images/bottonl.png");
}

.top .swiper-button-next {
    background: url("../images/bottonr.png");
}

.top .swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat
}

.top .swiper-container .swiper-slide img.banner {
    opacity: 0;
    transition: all 6s linear;
}

.top .swiper-container .swiper-slide-active img.banner {
    transform: scale(1.2, 1.2);
    opacity: 1
}

/*banner左右*/
.top .swiper-container .bannertext {
    position: absolute;
    width: 100%;
    top: 35%;
}

.top .swiper-container .swiper-slide .bannertext .banners-l {
    transform: translateX(-300px);
    opacity: 0;
    transition: all 0.2s linear;
}

.top .swiper-container .swiper-slide .bannertext .banners-r {
    transform: translateX(300px);
    opacity: 0;
    transition: all 0.2s linear;
}

.top .swiper-container .swiper-slide-active .bannertext .banners-l {
    transform: translateX(0);
    opacity: 1
}

.top .swiper-container .swiper-slide-active .bannertext .banners-r {
    transform: translateX(0);
    opacity: 1
}

/*微调*/
.banner2s .banners-l {
    margin-top: 60px;
}

.banner3s .banners- {
    margin-top: 80px;
}

.banner3s .banners-r {
    margin-top: 80px;
}

.tab {
    position: absolute;
    z-index: 10;
    top: 0;
}

.tab .tabcon {
    padding: 30px 0;
}

.tab .tabcon ul li {
    float: left;
    margin-left: 45px;
    height: 59px;
    line-height: 59px;
    cursor: pointer;
}

.tab .tabcon ul li a {
    color: #333;
}

.tab .tabcon ul li.active a {
    color: #2cb5ae;
}

.tab .tabcon ul li.active {
    color: #2cb5ae;
    font-size: 22px;
}

.tabIndex .tabcon ul li a {
    color: #fff;
}

.tab .tabcon ul li.active span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 3px solid #2cb5ae;
    border-radius: 50%;
    margin-right: 5px;
}

.specialty {
    background: #2cb5ae;
    margin-top: -60px;
    z-index: 10;
    box-shadow: 0 20px 60px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 80px;
}

.specialty .texts {
    display: inline-block;
}

.specialty ul li {
    height: 160px;
    float: left;
    width: 400px;
    position: relative;
}

.specialty ul li>div {
    padding-top: 45px;
}

.specialty ul li img.type {
    vertical-align: text-bottom;
    margin-right: 10px;
}

.specialty ul li img.line {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
}

/*产品与服务*/
.product {
    margin-bottom: 80px;
}

.product ul {
    margin-top: 35px;
}

.product ul li {
    box-sizing: border-box;
    float: left;
    width: 300px;
    padding: 20px 35px;
    background: #fff;
    transition: background 1s;
    -moz-transition: background 1s;
    /* Firefox 4 */
    -webkit-transition: background 1s;
    /* Safari and Chrome */
    -o-transition: background 1s;
    /* Opera */
}

.product ul li p {
    line-height: 30px;
    margin-top: 5px;
    min-height: 270px;
}

.product ul li p,
.product ul li span {
    transition: color 0.5s;
    -moz-transition: color 0.5s;
    /* Firefox 4 */
    -webkit-transition: color 0.5s;
    /* Safari and Chrome */
    -o-transition: color 0.5s;
    /* Opera */
}

.product ul li:hover {
    color: #fff !important;
    background: #2cb5ae;
}

.product ul li:hover span,
.product ul li:hover p {
    color: #fff !important;
}

.product ul li .productimg {
    display: inline-block;
    width: 43px;
    height: 43px;
    margin-right: 5px;
}

.product ul li:nth-of-type(1) .productimg {
    background: url("../images/product1.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(1):hover .productimg {
    background: url("../images/product1-r.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(2) .productimg {
    background: url("../images/product2.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(2):hover .productimg {
    background: url("../images/product2-r.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(3) .productimg {
    background: url("../images/product3.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(3):hover .productimg {
    background: url("../images/product3-r.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(4) .productimg {
    background: url("../images/product4.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(4):hover .productimg {
    background: url("../images/product4-r.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(5) .productimg {
    background: url("../images/product5.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(5):hover .productimg {
    background: url("../images/product5-r.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(6) .productimg {
    background: url("../images/product6.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(6):hover .productimg {
    background: url("../images/product6-r.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(7) .productimg {
    background: url("../images/product7.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(7):hover .productimg {
    background: url("../images/product7-r.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(8) .productimg {
    background: url("../images/product8.png") no-repeat;
    background-size: 100% 100%;
}

.product ul li:nth-of-type(8):hover .productimg {
    background: url("../images/product8-r.png") no-repeat;
    background-size: 100% 100%;
}

/*客户案例*/
.case {
    padding-top: 85px;
    height: 855px;
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-color: #000;
    background-attachment: fixed;
    background-position: center center;
    position: relative;
    z-index: 2;
}

.case .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0;
}

.case .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #2cb5ae;
    opacity: 1;
    border: 2px solid #2cb5ae;
}

.case .swiper-pagination-bullet-active {
    opacity: 1;
    background: none;
    border: 2px solid #fff;
}

.case .swiper-button-prev {
    background: url("../images/bottonl.png");
}

.case .swiper-button-next {
    background: url("../images/bottonr.png");
}

.case .swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat
}

.case ul {
    margin-top: 40px;
    padding-bottom: 15px;
}

.case ul li {
    float: left;
    margin-right: 38px;
    margin-bottom: 40px;
}

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

/*新闻中心*/
.news {
    background: url("../images/newbg.png") no-repeat;
    background-size: 100% 100%;
    background-color: #000;
    background-attachment: fixed;
    background-position: center center;
    padding: 100px 0;
}

.news .newscontent {
    margin-top: 65px;
}

.news .newscon {
    width: 1015px;
    padding: 20px;
    box-sizing: border-box;
}

.news .newscon .content {
    box-sizing: border-box;
    width: 595px;
    padding: 60px;
    height: 480px;
    position: relative;
}

.news .newscon .content .html {
    color: #333;
    font-size: 16px;
    margin: 40px 0;
    height: 210px;
    overflow: hidden;
}
.news .newscon .content .descContent {
    margin: 40px 0;
    width: 30vw;
    display: -webkit-box;   /*必须结合的属性,将对象作为弹性伸缩盒子模型显示*/
    -webkit-line-clamp: 6;  /*设置多少行*/
    -webkit-box-orient: vertical;   /*必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式*/
    overflow: hidden;   /*文本会被修剪，并且剩余的部分不可见*/
    text-overflow: ellipsis;   /*显示省略号来代表被修剪的文本*/
}

.descContent span{
    line-height: 30px;
}


.news .newscon .content .html p {
    line-height: 30px;
}

.news .newscon .content .page {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    bottom: 45px;
    padding: 0 60px;

}

.news .newscon .content .page ul {
    margin-top: 17px;
}

.news .newscon .content .page ul li {
    float: left;
    margin-right: 15px;
}

.news .newscon .content .page ul li.active {
    color: #2cb5ae;
}

.news .newscon .content .page .detail {
    display: inline-block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #2cb5ae;
    cursor: pointer;
}

.news .date {
    width: 185px;
    box-sizing: border-box;
    border-left: 1px solid #e7e7e7;
    margin: 60px 0 70px 0;
}

.news .date li {
    height: 40px;
    line-height: 40px;
    padding: 12px 0;
    cursor: pointer;
}

.news .date li.active p {
    color: #2cb5ae;
    border-left: 3px solid #2cb5ae;
}

/*关于我们*/
.about {
    padding: 85px 88px;
    background: url("../images/aboutbg1.png") no-repeat;
    background-size: 100% 100%;
    background-color: #000;
    background-attachment: fixed;
    background-position: center center;
}

.about .aboutcon {
    margin-top: 50px;
}

.about .aboutcon p {
    line-height: 30px;
}

.about ul {
    margin-top: 40px;
}

.about ul li {
    float: left;
    width: 310px;
    height: 410px;
    background: url("../images/aboutbg2.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 135px;
}

.about ul li:last-of-type {
    margin-right: 0;
}

.about ul li img {
    margin-top: 40px;
    margin-left: 40px;
    transition: all 0.4s linear;
}

.about ul li:hover img {
    transform: translate(5px, -5px);
}

.about ul li p {
    margin-top: 20px;
    padding-right: 30px;
    font-size: 20px;
}

/*底部*/
.foot {
    background: #2cb5ae;
    padding: 70px 0 90px;
}

.foot .mess {
    width: 785px;
}

.foot .service {
    padding: 30px 0;
}

.foot .service * {
    vertical-align: middle;
}

.foot .service .online {
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #2cb5ae;
    font-size: 14px;
    text-align: center;
    background: #fff;
    margin-left: 30px;
    cursor: pointer;
}

.foot .other {
    border-top: 1px solid #6ccbc6;
    padding-top: 40px;
}

.foot .other ul {
    margin-left: 7px;
    margin-top: 16px;
}

.foot .other ul li {
    box-sizing: border-box;
    float: left;
    width: 103px;
    height: 18px;
    line-height: 18px;
    border-right: 2px solid #fff;
    cursor: pointer;
}

.foot .other ul li:last-of-type {
    border-right: none;
}

.foot .other p {
    margin-left: 32px;
}

.foot .code {
    padding: 30px;
    background: rgba(255, 255, 255, 0.3);
}

.top .fixedtop {
    position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 15;
    background: #25242a;
    padding: 0;
}

.top .fixedtop img {
    transform: scale(0.8, 0.8);
}

.top .fixedtop .tabcon {
    margin: 0 auto;
    padding: 0;
}

.new-detail {
    display: inline-block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #2cb5ae;
    cursor: pointer;
    text-align: center;
    float: right;
    margin-bottom: 40px;
    margin-right: 40px;
}

.new-more {
    color: #2cb5ae;
    font-weight: bold;
    float: right;
    margin: 10px 20px 0 0;
    font-size: 20px;
}

.pagination {
    margin-top: 50px;
}

.page-number {
    margin: 0 0 0 20px;
}

.page-active {
    color: #2cb5ae;
}