body {
    overflow-x: hidden;
}
a {
    text-decoration: none;
    color: #d7d7d7;
    font-size: 12px;
}
body {
    font-family: "微软雅黑";
}
.top {
    width: 100%;
    height: 37px;
    line-height: 37px;
    background: #000;
    border-bottom: 1px solid #908a82;
}
.top .left {
    float: left;
    font-size: 12px;
    color: #d7d7d7;
}
.top .right {
    float: right;
}
.top .right ul {
    float: right;
}
.top .right ul li {
    float: left;
    font-size: 12px;
}
.top .right ul li a {
    padding-left: 12px;
    padding-right: 12px;
    border-right: 1px solid #d7d7d7;
}
.top .right ul li:last-child a {
    border: 0;
}
.top .right .tel {
    float: left;
    font-size: 12px;
    color: #d7d7d7;
    padding-left: 10px;
}
/*轮播图*/
.carousel {
    width: 100%;
    overflow: hidden;
}
.carousel .swiper-container {
    height: auto;
}
.carousel .swiper-slide {
    background-position: center;
    background-size: cover;
}

/*头部*/
.header {
    height: 89px;
    overflow: hidden;
    border-top: 1px solid #908a82;
}
.header h1 {
    height: 89px;
    float: left;
}
.header .column {
    float: right;
}
.header .column ul li {
    float: left;
    height: 87px;
    width: 100px;
    text-align: center;
    border-bottom: 2px solid #fff;
}
.header .column ul li a {
    color: #232323;
    font-size: 15px;
    padding-left: 12px;
    padding-right: 12px;
    display: block;
    margin-top: 24px;
    border-right: 1px solid #a6a6a6;
}
.header .column ul li:hover {
    background: #96e8e6;
    border-bottom: 2px solid #04a39f;
}

/*合作*/
.coop {
    width: 100%;
    height: 582px;
    background: url(coop.jpg) no-repeat center top;
}
.coop h2 {
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 70px;
    font-size: 36px;
    color: #0fb8b4;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #bbbbbb;
}
.coop h2 span {
    font-family: "Arial";
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    width: 170px;
    bottom: -9px;
    left: 50%;
    font-weight: normal;
    margin-left: -85px;
    background: #f3f5fc;
}

/*产品*/
.product {
    width: 100%;
    height: 750px;
}
.product h2 {
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 70px;
    font-size: 36px;
    color: #0fb8b4;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #bbbbbb;
}
.product h2 span {
    font-family: "Arial";
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    width: 170px;
    bottom: -9px;
    left: 50%;
    background: white;
    font-weight: normal;
    margin-left: -85px;
}
.product .left {
    float: left;
    height: 537px;
    margin-top: 26px;
    border-radius: 14px;
    overflow: hidden;
    border: 2px solid #7e7e7e;
}
.product .left .title {
    width: 276px;
    height: 88px;
    background: #161112;
    padding-top: 24px;
}
.product .left .title p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.product .left .title p:nth-child(2) {
    font-size: 16px;
    color: #fff;
    margin-top: 9px;
    text-align: center;
}
.product .left .menu_list {
    width: 276px;    
}
.product .left .menu_list h3 {
    line-height: 36px;
    font-size: 15px;
    color: #fff;
    background: #19c9c5;
}
.product .left .menu_list h3 span {
    display: block;
    width: 22px;
    height: 22px;
    float: left;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #fff;
    transform: rotate(90deg);
    margin-left: 30px;
    margin-top: 6px;
    margin-right: 20px;
}
.product .left .menu_list .menu_body a {
    display: block;
    line-height: 40px;
    font-size: 14px;
    color: #232021;
    padding-left: 72px;
    background: url(arrow.png) no-repeat 42px center;
}
.product .left .menu_list .menu_body a:hover {
    color: white;
    background: #19c9c5 url(arrow2.png) no-repeat 42px center;
}


.product .right {
    float: right;
    margin-top: 12px;
    width: 900px;
}
.product .right ul li {
    float: left;
    width: 215px;
    height: 254px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 22px;
    border-bottom: 1px solid #b8eeed;
}
.product .right ul li .img {
    width: 100%;
    height: 218px;
    overflow: hidden;
}
.product .right ul li .img img {
    width: 100%;
    height: 100%;
    transition: all .3s linear;
}
.product .right ul li:hover .img img {
    transform: scale(1.1);
}
.product .right ul li span {
    font-size: 12px;
    line-height: 35px;
}
.product .right ul li span.no1 {
    float: left;
    color: #000;
    font-weight: bold;
    border-bottom: 2px solid #70ddda;
}
.product .right ul li span.no2 {
    float: right;
    color: #000;
}

/*我们的优势*/
.advantage {
    width: 100%;
}
.advantage h2 {
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 70px;
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #ffffff;
}
.advantage h2 span {
    font-family: "Arial";
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    width: 170px;
    bottom: -9px;
    left: 50%;
    font-weight: normal;
    margin-left: -85px;
    background: #00afab;
}
.advantage .advantage_01 {
    height: 450px;
    background: #00afab;
}
.advantage .advantage_01 .inner {
    height: 100%;
    background: url(advantage_01.jpg) no-repeat 681px 76px;
}
.advantage .advantage_01 .left {
    float: left;
    padding-left: 24px;
}
.advantage .advantage_01 .left .title p.no1 {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}
.advantage .advantage_01 .left .title p.no1 span {
    font-style: italic;
    padding-right: 12px;
}
.advantage .advantage_01 .left .title p.no2 {
    color: #fff;
    font-size: 12px;
    padding-left: 29px;
}
.advantage .advantage_01 .left ul {
    margin-top: 30px;
    padding-left: 36px;
}
.advantage .advantage_01 .left ul li {
    width: 548px;
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    padding-left: 18px;
    background: url(linxing_01.png) no-repeat 0  9px;
}


.advantage .advantage_02 {
    height: 375px;
}
.advantage .advantage_02 .inner {
    height: 100%;
    background: url(advantage_02.jpg) no-repeat 0 60px;
}
.advantage .advantage_02 .right {
    float: right;
    padding-left: 24px;
}
.advantage .advantage_02 .right .title p.no1 {
    font-size: 20px;
    font-weight: bold;
    color: #04a39f;
    padding-top: 90px;
}
.advantage .advantage_02 .right .title p.no1 span {
    font-style: italic;
    padding-right: 12px;
}
.advantage .advantage_02 .right .title p.no2 {
    color: #04a39f;
    font-size: 12px;
    padding-left: 29px;
}
.advantage .advantage_02 .right ul {
    margin-top: 30px;
    padding-left: 36px;
}
.advantage .advantage_02 .right ul li {
    width: 548px;
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    padding-left: 18px;
    color: #000;
    background: url(linxing_02.png) no-repeat 0  9px;
}


.advantage .advantage_03 {
    height: 430px;
    background: #ededed;
}
.advantage .advantage_03 .inner {
    height: 100%;
    background: url(advantage_03.png) no-repeat 700px center;
}
.advantage .advantage_03 .left {
    float: left;
    padding-left: 24px;
}
.advantage .advantage_03 .left .title p.no1 {
    font-size: 20px;
    font-weight: bold;
    color: #04a39f;
    padding-top: 90px;
}
.advantage .advantage_03 .left .title p.no1 span {
    font-style: italic;
    padding-right: 12px;
}
.advantage .advantage_03 .left .title p.no2 {
    color: #04a39f;
    font-size: 12px;
    padding-left: 29px;
}
.advantage .advantage_03 .left ul {
    margin-top: 30px;
    padding-left: 36px;
}
.advantage .advantage_03 .left ul li {
    width: 580px;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    padding-left: 18px;
    text-align: justify;
    background: url(linxing_03.png) no-repeat 0  9px;
}

.advantage .advantage_04 {
    height: 375px;
    background: url(advantage_04.jpg) no-repeat center center;
}
.advantage .advantage_04 .inner {
    height: 100%;
}
.advantage .advantage_04 .right {
    float: right;
    padding-left: 24px;
}
.advantage .advantage_04 .right .title p.no1 {
    font-size: 20px;
    font-weight: bold;
    color: #04a39f;
    padding-top: 90px;
}
.advantage .advantage_04 .right .title p.no1 span {
    font-style: italic;
    padding-right: 12px;
}
.advantage .advantage_04 .right .title p.no2 {
    color: #04a39f;
    font-size: 12px;
    padding-left: 29px;
}
.advantage .advantage_04 .right ul {
    margin-top: 30px;
    padding-left: 36px;
}
.advantage .advantage_04 .right ul li {
    width: 548px;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    padding-left: 18px;
    background: url(linxing_03.png) no-repeat 0  9px;
}

/*荣誉*/
.honor {
    width: 100%;
    height: 425px;
    background: url(honer_bg.jpg) no-repeat center bottom;
}
.honor h2 {
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 70px;
    font-size: 36px;
    color: #0fb8b4;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #bbbbbb;
}
.honor h2 span {
    font-family: "Arial";
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    width: 170px;
    bottom: -9px;
    left: 50%;
    font-weight: normal;
    margin-left: -85px;
    background: #fff;
}

.picScroll {
    width: 1200px;
    padding-top: 40px;
}
.picScroll .bd {
    position: relative;
}

.picScroll .prev,.picScroll .next {
    position: absolute;
    top: 44px;
    width: 35px;
    height: 35px;
    z-index: 9;
}
.picScroll .prev {
    left: -42px;    
    background: url(left.jpg) no-repeat center center;
}
.picScroll .next {
    right: -42px;
    background: url(right.jpg) no-repeat center center;
}
.picScroll ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll li {
    width: 225px;
    float: left;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin: 0 7px 0 7px;
}
.picScroll li img {
    width: 100%;
}
.honor a.more {
    margin: 32px auto;
    display: block;
    width: 102px;
    color: white;
    line-height: 34px;
    text-align: center;
    background: #0fb8b4;
    border-radius: 34px;
}

/*产品*/
.customer {
    width: 100%;
    height: 746px;
}
.customer h2 {
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 70px;
    font-size: 36px;
    color: #0fb8b4;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #bbbbbb;
}
.customer h2 span {
    font-family: "Arial";
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    width: 170px;
    bottom: -9px;
    left: 50%;
    background: #fff;
    font-weight: normal;
    margin-left: -85px;
}
.customer img {
    padding-top: 47px;
}
.customer a.more {
    margin: 32px auto;
    display: block;
    width: 102px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #dddddd;
    font-size: 14px;
    border: 1px solid  #dddddd;
    text-align: center;
    border-radius: 34px;
}


/*公司简介*/
.intro {
    width: 100%;
    overflow: hidden;
    background: #0fb8b4;
}
.intro h2 {
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 70px;
    font-size: 36px;
    color: white;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #bbbbbb;
}
.intro h2 span {
    font-family: "Arial";
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    width: 170px;
    bottom: -9px;
    left: 50%;
    color: white;
    background: #0fb8b4;
    font-weight: normal;
    margin-left: -85px;
}
.intro .left {
    float: left;
    padding-top: 60px;
}
.intro .left .img {

    width: 420px;
    height: 368px;
padding-left: 60px;
    overflow: hidden;
}
.intro .left .img img {
    transition: all .3s linear;
}
.intro .left .img:hover img {
    transform: scale(1.1);
}
.hide {
    display: none;
}
.selected {
    background: #fff;
    color: #29ccc8;
}
.intro .right {
    float: right;
    width: 600px;
    padding-top: 60px;
padding-right: 60px;
}
.intro .right .tab_menu {
    overflow: hidden;
}
.intro .right .tab_menu li {
    float: left;
    width: 100px;
    border-radius: 34px;
    line-height: 34px;
    margin-right: 58px;
    text-align: center;
    border-right: 34px;
}
.intro .right .tab_box .article {
    line-height: 32px;
    text-indent: 2em;
    font-size: 15px;
    color: #fff;
    margin-top: 10px;
}
.intro .right .tab_box a.more {
    margin: 32px auto;
    display: block;
    width: 102px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 14px;
    background: #3ac5c2;
    text-align: center;
    border-radius: 34px;
    float: right;
}

/*行业问题*/
.problem {
    width: 100%;
    height: 635px;
    background: #ededed;
    overflow: hidden;
}
.problem h2 {
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 70px;
    font-size: 36px;
    color: #0fb8b4;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #bbbbbb;
}
.problem h2 span {
    font-family: "Arial";
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    width: 170px;
    bottom: -9px;
    left: 50%;
    color: #0fb8b4;
    background: #ededed;
    font-weight: normal;
    margin-left: -85px;
}
.problem .left {
    padding-top: 52px;
    float: left;
    width: 600px;
}
.problem .left ul li {
    height: 162px;
    padding-left: 170px;
}
.problem .left ul li .title {
    font-size: 16px;
}
.problem .left ul li .title a{
    color: #000;
    font-size: 16px;
    font-weight: bold;
}
.problem .left ul li .memo {
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    text-indent: 2em;
}
.problem .left ul li .memo a {
    color: #000;   
    font-size: 14px;
}
.problem .left ul li:nth-child(1) {
    transition: all .2s linear;
    background: url(problem_01.png) no-repeat 30px top;
}
.problem .left ul li:nth-child(2) {
    transition: all .2s linear;
    background: url(problem_02.png) no-repeat 30px top;
}
.problem .left ul li:nth-child(3) {
    transition: all .2s linear;
    background: url(problem_03.png) no-repeat 30px top;
}
.problem .left ul li:nth-child(1):hover {
    background: url(problem_hover_01.png) no-repeat 30px top;
}
.problem .left ul li:nth-child(2):hover {
    background: url(problem_hover_02.png) no-repeat 30px top;
}

.problem .left ul li:nth-child(3):hover {
    background: url(problem_hover_03.png) no-repeat 30px top;
}
.problem .left ul li .title:hover a {
    color: #0fb8b4;
}
.problem .left ul li .memo:hover a {
    color: #0fb8b4;
}
.problem .right {
    float: right;
    width: 510px;
    padding-top: 50px;
}
.problem .right .img {
    overflow: hidden;
}
.problem .right img {
    transition: all 1s linear;  
}
.problem .right .img:hover img {
    transform: scale(1.1);
}
.problem .right .article {
    font-size: 12px;
    color: #999999;
    text-indent: 2em;
    line-height: 20px;
    padding-top: 18px;
    font-size: 15px;
    color: #000;
}
.problem .right .article:hover {
    color: #0fb8b4;
}

/*新闻中心*/
.news {
    width: 100%;
    height: 340px;
}
.news h2 {
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 70px;
    font-size: 36px;
    color: #0fb8b4;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #bbbbbb;
}
.news h2 span {
    font-family: "Arial";
    font-size: 18px;
    line-height: 18px;
    position: absolute;
    width: 170px;
    bottom: -9px;
    left: 50%;
    color: #0fb8b4;
    background: white;
    font-weight: normal;
    margin-left: -85px;
}
.news .swiper-containernews {
    width: 1200px;
    overflow: hidden;
    height: 150px;
    margin-top: 50px;
    position: relative;
}
.news .swiper-slide {
    width: 600px;
    margin: 0;
    padding: 0;
    height: 116px;
    transition: all .3s linear;
}
.news .swiper-pagination {
    position: absolute;
    bottom: 0px;
}
.news .swiper-slide .time {
    width: 190px;
    height: 114px;
    float: left;
    padding-right: 10px;
    background: url(news.png) no-repeat left center;
}
.news .swiper-slide .time p:nth-child(1) {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-top: 20px;
}
.news .swiper-slide .time p:nth-child(2) {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: white;
}

.news .swiper-slide .title {
    margin-top: 15px;
}
.news .swiper-slide .title a {
    color: #23d2ce;  
    font-size: 18px;  
}
.news .swiper-slide .memo {
    font-size: 12px;
    padding-top: 12px;
    line-height: 24px;
    padding-left: 10px;
}
.news .swiper-slide .memo a {
    color: #000;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
    width: 30px;
    border-radius: 4px;
}
.news .swiper-slide:hover {
    background: #0fb8b4;
}
.news .swiper-slide:hover .title a {
    color: white;
}
.news .swiper-slide:hover .memo a {
    color: white;
}



/*尾部*/
.footer {
    width: 100%;
    height: auto;
    background: #1e1e1e;
    padding-bottom:20px;
}
.footer .contact {
    padding-top: 30px;
    padding-left: 150px;
    height: 108px;
    float: left;
    background: url(wechat.png) no-repeat left 30px;
}
.footer .contact span {
    font-weight: bold;
    color: #d3872d;
    padding-right: 10px;
}
.footer .contact p {
    color: #808080;
    font-size: 14px;
    line-height: 26px;
}
.footer ul {
    float: right;
    padding-top: 30px;
}
.footer ul li {
    font-size: 12px;
    float: left;
    padding-left: 12px;
    padding-right: 12px;
}
.footer .tech {
    width: 408px;
    float: right;
    margin-top: 10px;
}
.footer .tech p {
    text-align: right;
    color: #d7d7d7;
    line-height: 30px;
    font-size: 12px;
    padding-right: 12px;
}

.btn {
    width: 100px;
    height: 40px;
    border-radius: 40px;
    background: #3ac5c2;
    text-align: center;
    margin-top: 28px;
}
.btn a {
    font-size: #fff;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    display: inline-block;
}


.container .item {
    margin-bottom: 40px;
}
.container .item .tt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 36px;
    margin-top: 30px;
    color: #3e3e3e;
}
.container .item .tt span {
    font-weight: normal;
    color: #858585;
}