@charset "utf-8";

pre{white-space: pre-wrap;}
.header{width: 100%;margin: 0 auto;background: #fff}
.header .header-wrap{width: 100%;margin: 0 auto;background: #12287C}
.header .logo-box{margin: 0 auto;height: 139px;width: 1467px;display: flex;justify-content: space-between;align-items: center;}
.header .logo-box .logo img{height: 40px;display: block;}
.header .logo-box .telephone{font-size: 34px;color: #fff;display: flex;justify-content: space-between;align-items: center;}
.header .logo-box .telephone img{height: 40px;margin-right: 18px;}
.header .nav{height: 96px;background: #fff;display: flex;align-items: center;}
.header .nav ul{ width: 1316px;min-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between}
.header .nav ul li{margin: 0 14px;}
.header .nav ul li a{font-size: 20px;font-weight: 800;color: #606060;padding: 0 30px;display: block;height: 40px;line-height: 40px}
.header .nav ul li.active a,.header .nav ul li:hover a{background: #12287c;color: #fff;border-radius: 20px;}

.banner{width: 100%}
.banner > img{width: 100%;display: block;}
.banner .swiper-slide img{width: 100%;display: block;}
.swiper-button-next:after, .swiper-button-prev:after{color: #fff}

.floor{margin-top: 100px;min-width: 1200px;}
.floor .title{text-align: center;}
.floor .title h2{font-size: 66px;color: #12287C;line-height: 66px;margin-bottom: 20px; font-weight: bold}
.floor .title label{font-size: 38px;color: #606060;display: block;line-height: 38px;margin-bottom: 75px}

.footer{padding: 86px 0 98px;font-size: 20px;color: #fff;background: #01133a;line-height: 42px;}
.footer .footer-box{
    width: 1530px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: start;
}

.footer .footer-box .copyright {
    width: 760px;
}
.footer .footer-box .copytext{
    display: flex;
    justify-content: space-around;
    flex: 1;
    padding-top: 24px;
}

.footer .footer-box .copyright .nav a{
    margin: 0 18px;
    font-size: 18px;
    color: #fff;
}
.footer .footer-box .copyright .nav a:first-child{
    margin-left: 0;
}
.footer .footer-box .copyright ul li{
    font-size: 18px;
}
.footer .footer-box .copyright ul li a {
    color: #fff;
}

.footer .footer-box .border {
    border-left: 1px solid #fff;
    height: 277px;
}

.footer .footer-box .copytext .right-box{
    padding-left: 100px;
    display: flex;
    justify-content: flex-end;
}
.footer .footer-box .copytext .right-box .words{
    padding-left: 12px;
}
.footer .footer-box .copytext .right-box .icon{
    margin-right: 12px;
}
.footer .footer-box .copytext .right-box .icon img{
    width: 105px;
    height: 105px;
}

.footer .footer-box .copytext .right-box .service_no{
    font-size: 51px;
    margin-top: 20px;
}
.footer .footer-box .copytext .qr{
    width: 132px;
    height: 132px;
    background: #fff;
}
.footer .footer-box .copytext .qr img{
    width: 100%;
    height: 100%;
    float: left;
}
.container{width: 1300px;margin: 0 auto;}
.mainbox{margin-top: 120px;padding-bottom: 50px;}
.cooperate ul{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.cooperate ul li{width: 30%;margin-right: 5%;margin-bottom: 120px;}
.cooperate ul li:nth-of-type(3n){margin-right: 0}
.cooperate ul li img{display: block;width: 100%;height: 245px;border-radius: 12px;}
.cooperate ul li .words{width: 300px;padding: 20px 25px 35px;background: #fff;border-radius: 12px;margin: 0 auto;margin-top: -37px;z-index: 9;position: relative;box-shadow: 0 0 50px #ac9f8c;}
.cooperate ul li .words h2{font-size: 26px;color: #231d04;line-height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cooperate ul li .words p{font-size: 16px;color: #606060;line-height: 25px;margin-top: 12px;height: 75px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.cooperate ul li .words a{display: block;width: 115px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #fff;border-radius: 15px;background: #a08343;margin-top: 12px}

.media{padding-bottom: 80px;}
.media ul li{margin-bottom: 95px;position: relative;}
.media ul li img{width: 400px;height: 270px;border-radius: 12px;display: block;}
.media ul li .words{width: 950px;z-index: 9;background: #fff;border-radius: 12px;padding: 15px 100px 18px;box-shadow: 0 0 50px #ac9f8c;position: absolute;right: 0;top: 24px}
.media ul li .words h2{font-size: 26px;color: #231d04;line-height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.media ul li .words p{font-size: 16px;color: #606060;line-height: 25px;margin-top: 12px;height: 100px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.media ul li .words a{display: block;width: 115px;height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #fff;border-radius: 15px;background: #a08343;margin-top: 12px}

.about{ width: 1479px;padding-bottom: 170px;display: flex;justify-content: space-between;align-items: start}
.about .brief{font-size: 18px;color: #606060;line-height: 36px;width: 833px;}
.about .brief .about-title { margin-top: 30px;margin-left: -220px;margin-bottom: 100px;width: 979px; height: 97px; line-height: 97px;text-align: center; background: #12287c; color: #fff; font-size: 45px; }
.about .brief .content {
    width: 833px;
    font-size: 27px;
    font-weight: 400;
    color: #606060;
    line-height: 51px;
    text-indent: 50px;
}
.product {
    width: 1500px;
    margin: 0 auto;
}
.product .desc {
    font-size: 31px;
    font-weight: bold;
    color: #12287C;
    text-align: center;
    margin-bottom: 56px;
}
.product .tel{
    line-height: 120px;
    text-align: center;
    margin-bottom: 130px;
}
.product .tel img{
    width: 135px;
    height: 120px;
    vertical-align: middle;
}
.product .tel span{
    display: inline-block;
    font-size: 66px;
    font-weight: bold;
    color: #12287C;
    border: 6px solid #12287C;
    border-left: 0;
    vertical-align: middle;
    line-height: 80px;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    padding: 0 29px;
    margin-left: 20px;
}
.product .tab-head{
    width: 1428px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product .tab-head li {
    cursor: pointer;
    width: 204px;
    height: 66px;
    font-size: 30px;
    line-height: 60px;
    text-align: center;
    color: #12287C;
    border-radius: 66px;
    margin: 0 10px;
}
.product .tab-head li.active, .product .tab-head li:hover{
    background: #12287C;
    color: #fff;
}
.product .tab-box{
    min-height: 420px;
}
.product .tab-box li {
    width: 1500px;
    flex-wrap: wrap;
    display: none;
}
.product .tab-box li:first-child{
    display: flex;
}
.product .tab-box li div {
    width: 400px;
    height: 260px;
    line-height: 260px;
    text-align: center;
    margin: 80px 0;
    flex: 0 0 33.33333%;
    padding: 0 30px;
}
.product .tab-box li div img {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    transition: all 0.5s;
}
.product .tab-box li div img:hover {
    transform: scale(1.1);
}
.joinus .tips{font-size: 28px;color: #231d04;line-height: 50px;text-align: center;}
.joinus .steps{margin-top: 68px}
.joinus .steps ul{display: flex;justify-content: space-between;align-items: center;}
.joinus .steps ul li{width: 350px;padding: 25px 30px 35px;background: #efeae4;border-radius: 20px;box-shadow: 0 10px 30px #e8d8c5;position: relative;}
.joinus .steps ul li h2{font-size: 42px;line-height: 60px;color: #a08343;}
.joinus .steps ul li label{display: block;color: #a08343;font-size: 20px;line-height: 36px;}
.joinus .steps ul li p{font-size: 26px;color: #606060;line-height: 38px;margin-top: 20px;height: 114px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.joinus .steps ul li + li:before{content: '';position: absolute;display: block;width: 22px;height: 38px;background: url(/themes/default/images/arrow.png) no-repeat center center;left: -70px;top: 118px}

.propagate{width: 100%;min-width: 1300px;display: flex;justify-content: space-between;align-items: center;padding: 100px 0 180px}
.propagate .propagateImg{width: 50%;height: 350px;overflow: hidden;}
.propagate .propagateImg img{display: block;height: 350px;min-width: 100%;}
.propagate .words{width: 50%;padding: 0 35px;}
.propagate .words p{font-size: 30px;color: #a08343;line-height: 45px;}
.propagate .words .tips{font-size: 26px;color: #606060;line-height: 40px;margin-top: 30px;}
.propagate .words .founder{display: flex;justify-content: flex-start;align-items: center;font-size: 24px;color: #606060;margin-top: 30px}
.propagate .words .founder .welcome{font-size: 70px;color: #d7d7d7;font-weight: bold;margin-right: 28px;line-height: 70px;}
.propagate .words .founder span{display: block;}

.news{}
.news ul li{margin-bottom: 50px;}
.news ul li a{display: flex;justify-content: space-between;align-items: stretch;}
.news ul li img{width: 340px;height: 210px;}
.news ul li .words{width: 960px;padding: 20px 55px;background: #e8e9ea;color: #606060;}
.news ul li .words h2{font-size: 26px;color: #231d04;line-height: 42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news ul li .words p{font-size: 18px;line-height: 25px;margin-top: 15px;height: 75px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.news ul li .words span{display: block;font-size: 18px;font-weight: bold;margin-top: 12px}
.pages{margin: 80px auto;text-align: center;line-height: 38px;}
.pages span,.pages a{padding: 7px 20px;font-size: 18px;color: #606060;border: 1px solid #a08343;border-radius: 20px;transition-duration: .5s;}
.pages a{margin-left: 18px}
.pages span{margin-right: 20px}
.pages a.active,.pages a:hover{background: #a08343;color: #fff;}

.detail{}
.detail h2{font-size: 28px;color: #231d04;line-height: 42px;text-align: center;}
.detail .info{font-size: 16px;color: #606060;line-height: 30px;text-align: center;}
.detail .article{margin-top: 40px;font-size: 18px;color: #606060;line-height: 26px;}
.detail .article p{padding: 12px 0;text-indent: 2em;}
.detail .article img{display: block;max-width: 100%;margin: 0 auto;}
.detail .page{border-top:1px solid #cecece;padding: 25px 0;margin: 30px 0 80px}
.detail .page p{line-height: 25px;font-size: 18px;color: #606060;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 5px 0}
.detail .page p a:hover{color: #a08343;}

.contant{
    width: 1751px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contant li {
    cursor: pointer;
    width: 285px;
    height: 146px;
    border: 1px solid #a6a6a6;
    color: #606060;
    font-size: 35px;
    line-height: 144px;
    text-align: center;
}

.contant li.active, .contant li:hover {
    background: #12287C;
    color: #fff;
}

.service{
    width: 1383px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.service li {
    cursor: pointer;
    width: 222px;
    height: 115px;
    border: 1px solid #a6a6a6;
    color: #606060;
    font-size: 28px;
    line-height: 110px;
    font-weight: 500;
    text-align: center;
}

.service-list{
    width: 1530px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service-list:last-child {
    margin-bottom: 200px;
}
.service-list li{
    width: 700px;
    height: 243px;
    line-height: 260px;
    text-align: center;
    margin: 75px 0;
    display: flex;
    justify-content: space-between;
}
.service-list li div:first-child {
    width: 326px;
    height: 243px;
}
.service-list li div img{
    width: 100%;
    height: 100%;
    float: left;
}
.service-list li div:last-child {
    width: 320px;
    text-align: left;
}
.service-list li div h3 {
    height: 32px;
    font-size: 34px;
    font-weight: 500;
    color: #12287C;
    line-height: 32px;
    margin-bottom: 46px;
    padding-top: 20px;
}
.service-list li div p{
    width: 100%;
    font-size: 27px;
    font-weight: 400;
    color: #606060;
    line-height: 47px;
}
.media_s{padding-bottom: 80px;}
.media_s ul li{margin-bottom: 95px;position: relative;}
.media_s ul li img{width: 400px;height: 270px;border-radius: 12px;display: block;}
.media_s ul li .words{width: 950px;z-index: 9;background: #fff;border-radius: 12px;padding: 15px 100px 18px;box-shadow: 0 0 50px #ac9f8c;position: absolute;right: 0;top: 24px}
.media_s ul li .words h2{font-size: 26px;color: #231d04;line-height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.media_s ul li .words p{font-size: 16px;color: #606060;line-height: 25px;margin-top: 12px;min-height: 100px;}



.mediaDetail{}
.mediaDetail .tab ul{display: flex;justify-content: space-around;align-items: center;padding-bottom: 40px;}
.mediaDetail .tab ul li{font-size: 20px;color: #606060;cursor: pointer;}
.mediaDetail .tab ul li.active{font-size: 26px;position: relative;}
.mediaDetail .tab ul li.active:before{content: '';position: absolute;width: 25px;height: 21px;background: url(/themes/default/images/arrow_s.png) no-repeat center center;display: block;left: 50%;margin-left: -12px;bottom: -40px;}

.mediabox{margin: 30px 0 120px;width: 100%;background: #e8e9ea;padding: 30px 0 25px}
.mediabox .swiper-slide{padding: 0 50px}
.mediabox .swiper-slide img{width: 100%;}
.mediabox .swiper-container2{position: relative;}
.mediabox .swiper-container2 .swiper-button-next:after, .mediabox .swiper-container2 .swiper-button-prev:after{color: #231d04}

.contant .main-tips p{padding: 65px 65px 15px;font-size: 22px;color: #a08343;text-align: center;}
.contant .main-tips img{display: block;margin: 0 auto;}

.floor2 .content{margin-top: 80px}
.floor2 .content .tips{font-size: 20px;color: #606060;text-align: center;}
.floor2 .content ul{width: 1406px;margin-top: 60px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.floor2 .content ul li{width: 382px;text-align: center;background: #f2f1f1;border-radius: 15px;padding: 62px 0;margin-bottom: 80px}
.floor2 .content ul li .img { height: 130px;overflow: hidden }
.floor2 .content ul li img{max-width: 227px; margin-bottom: 16px;}
.floor2 .content ul li .words h2{color: #12287C;font-size: 42px}

.newslist{margin-top: 10px;}
.newslist ul{ width: 1533px; margin: 0 auto;}
.newslist ul li{ width: 100%;padding: 40px 63px 30px;border-bottom: 1px solid #b0b0b0;}
.newslist ul li:last-child { border: 0 }
.newslist ul li .img {
    width: 278px;
}
.newslist ul li img {
    float: left;
    width: 278px;
    height: 172px;
}
.newslist ul li .news-title {
    width: 850px;
}
.newslist ul li .news-time{
    width: 146px;
}
.newslist ul li a{width: 100%;display: flex; justify-content: space-between;align-items: start;}
.newslist ul li h2{font-size: 38px;color: #12287C;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist ul li p{margin: 12px 0 20px;font-size: 18px;line-height: 37px;color: #606060;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.newslist ul li .news-time div{font-size: 52px;line-height: 37px;color: #606060;}
.newslist ul li .news-time div.year { font-size: 34px;text-align: right;margin-top: 10px }
.floor3 .caseDetail {
    width: 1668px;
    margin: auto;
}
.floor3 .caseDetail p{
    font-size: 42px;
    font-weight: 500;
    color: #12287C;
    margin-bottom: 70px;
    text-align:  center;
}
.floor3 .caseDetail .tab ul {
    margin-bottom: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.floor3 .caseDetail .tab ul li {
    width: 324px;
    height: 214px;
}
.floor3 .caseDetail .tab ul li img {
    width: 100%;
    height: 100%;
    float: left;
}
.floor3 .caseDetail .tab > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px;
}
.floor3 .caseDetail .tab > div img {
    width: 324px;
    height: 320px;
    float: left;
}
.floor3 .caseDetail .tab > div .ad-desc{
    width: 990px;
    height: 320px;
    border: 2px solid #12287c;
}
.floor3 .caseDetail .tab > div .ad-desc .ad-desc-top {
    height: 217px;
    background: #12287c;
    font-size: 100px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 180px;
    text-align: center;
}
.floor3 .caseDetail .tab > div .ad-desc .ad-desc-top span{
    display: inline-block;
    height: 132px;
    line-height: 132px;
    vertical-align: middle;
}
.floor3 .caseDetail .tab > div .ad-desc .ad-desc-top span:last-child {
    font-size: 60px;
}

.floor3 .caseDetail .tab > div .ad-desc .ad-desc-bottom{
    padding-top: 15px;
    font-size: 48px;
    font-weight: 500;
    color: #12287C;
    text-align: center;
}

.contactUs {
    width: 1646px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.contactUs .map {
    width: 844px;
    height: 387px;
}

.contactUs .box{
    width: 700px;
}
.contactUs .box .company-name{
    margin-bottom: 34px;
    font-size: 34px;
    color: #12287C;
}
.contactUs .box  p{
    color: #606060;
    font-size: 27px;
    margin-bottom: 34px;
}