body{background: #fff;}

/** 首页 */

/*导航部分*/
.nav {
    width: 100%;
    height: 80px;
    box-shadow: 0 3px 3px 0 #CCC;
    background: #FFF;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: hidden;
    transition: 0.3s
}

    .nav.index {
        background: rgba(255, 255, 255,0.8);
        box-shadow: 0 0 0 0 rgba(0,0,0,0.05);
    }

.nav.scroll {
    background: #FFF;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05);
    transition: 0.3s
}

    .nav .layui-container {
        position: relative;
        transition: all 400ms ease-out;
    }

    .nav .nav-logo {
        height: 100%;
        position: absolute;
        top: 0;
        left: 15px;
        line-height: 80px;
    }
        .nav .nav-logo img{
            width:100px;
        }

        .nav .nav-list {
            display: inline-block;
            height: 80px;
        }

        .nav .nav-list button {
            width: 25px;
            height: 30px;
            position: absolute;
            top: 30px;
            right: 15px;
            background-color: transparent;
            border: none;
            outline: none;
            cursor: pointer;
        }

            .nav .nav-list button span {
                display: block;
                width: 25px;
                height: 2px;
                background: #2db5a3;
                margin-bottom: 6px;
                transition: 0.5s;
            }

                .nav .nav-list button span.spa1 {
                    transform: rotate(45deg);
                }

                .nav .nav-list button span.spa3 {
                    transform: rotate(-45deg) translate(5px,-5px);
                }

    .nav .layui-nav {
        width: 100%;
        position: absolute;
        top: 80px;
        right: 0;
        color: #000;
        background: transparent;
    }

        .nav .layui-nav .layui-nav-item {
            display: block;
            line-height: 60px;
        }

        .nav .layui-nav * {
            font-size: 18px;
        }

        .nav .layui-nav .layui-nav-item a {
            padding: 0 0;
            color: #000;
        }

        .nav .layui-nav-bar,
        .nav .layui-nav .layui-this:after {
            height: 2px;
            background-color: #2db5a3;
        }

        .nav .layui-nav .layui-this a, .nav .layui-nav .layui-nav-item a:hover {
            color: #2db5a3;
        }

/*轮播*/
#banner img{min-width: 100%; height: 580px;}
#banner .panel{width: 400px; position: absolute; top: 25%; left: 50%; margin-left: -200px; text-align: center;}
#banner .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;}
#banner .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 10px;}

/*主体—产品*/
.main-product{/*padding-top: 90px;*/ padding-bottom: 60px;}
.main-product p{font-size: 16px; color: #ababab; line-height: 28px;}
.main-product p.title
,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;}
.main-product p.title span
,.main-service p.title span{color: #2db5a3;}
.main-product .content{border: 1px solid #DEDEDE; padding: 30px 36px 0 36px; text-align: center; transition: 0.3s;}
.main-product .content p.label{font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px;}
.main-product .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-product .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-product .content img{transition: 2s;}
.main-product .content img:hover{transform: rotateY(180deg);}

/*主体-服务*/
.main-service{background: #f8f8f8;}
.main-service .content{position: relative;}
.main-service .content .content-left{width: 50%;}
.main-service .content .content-left img{width: 100%;}
.main-service .content .content-right{box-sizing: border-box; background: #FFF; padding: 58px 40px 0 48px; width: 50%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
.main-service .content .content-right p{color: #adadad; line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
.main-service .content .content-right p.label{font-size: 16px; color: #4a4a4a;}
.main-service .content .content-right span{display: block; width: 50px; height: 2px; background: #2cb6a1; margin-bottom: 23px;} 
.main-service .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.main-service .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
.main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}

/*底部*/
.footer{padding-bottom: 70px; background: #5e6664;}
.footer .footer-web{padding-top: 50px; padding-bottom: 63px;}
.footer .footer-web a{color: #a5aaa9; line-height: 22px; margin-right: 20px; transition: 0.3s;}
.footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;}
.footer .footer-contact{color: #fff;}
.footer .footer-contact a{color: #a5aaa9;}
.footer .footer-contact .contact-top{padding-top: 20px; line-height: 30px;}
.footer .footer-contact .contact-bottom{line-height: 35px;}


/** 招贤纳士 */
.banner{margin-top: 80px;}
    .banner.product {
        background: url(../img/nav_img1.jpg) no-repeat center top;
        background-size: cover;
        vertical-align: middle;
    }
.main.product{padding: 30px 0 75px 0;}
.main.product .content{padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
.main.product .content .content-img{text-align: center;}
.main.product .content .content-img img{max-width: 100%;}
.main.product .content .label{color: #565656; font-size: 30px; line-height: 78px; margin-top: 32px;}
.main.product .content .detail{font-size: 16px; line-height: 28px; color: #d7d7d7; padding-bottom: 30px;}
.main.product .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;}

.banner {
    height: 380px;
}
/** 公司业务 */
.banner.news {
    background: url(../img/nav_img3.jpg) no-repeat center top;
    background-size: cover;
    vertical-align: middle;
}
/**新闻中心*/
.banner.news-center {
    background: url(../img/nav_img6.jpg) no-repeat center top;
    background-size: cover;
    vertical-align: middle;
}
/**招标信息*/
.banner.bidding {
    background: url(../img/nav_img7.jpg) no-repeat center top;
    background-size: cover;
    vertical-align: middle;
}
.banner .title{padding-top: 150px;}
.banner .title.active{padding-top: 180px; transition: 1.5s;}
.banner .title p{color: #fff; font-size: 50px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner .title p.en{font-size: 30px; letter-spacing: 3px;}
/*.main-news{padding: 40px 0 80px 0;}*/
.main-news .content > div{padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;}
.main-news .content .news-img{display: inline-block; width: 30%; vertical-align: top;}
.main-news .content .news-img img{/*max-width: 90%;*/width:90%;height:140px;}
.main-news .content .news-panel{display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.main-news .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main-news .content .news-panel p.detail{color: #777; line-height: 24px;}
.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}
.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
/*动态详情页*/
.main-newsdate{margin-top: 80px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;}
.main-newsdate img{max-width: 100%;}


/** 服务和案例 */
.banner.case {
    background: url(../img/nav_img2.jpg) no-repeat center top;
    background-size: cover;
    vertical-align: middle;
}
.main-case{/*padding: 30px 0 75px;*/}
.main-case .content{width: 48%; text-align: center; padding-top: 120px; padding-bottom: 20px; border-bottom: 2px solid #c9c9c9;}
.main-case .content.even{margin-left: 2%;}
.main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-case .content .case-img img{width: 100%; transition: 2s;height:250px;}
.main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-case .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
.main-case .content p{font-size: 18px; line-height: 32px; color: #505050;height:90px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.main-case #casePage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
.house-list div.filter { border: 1px solid #EEE;margin-top: 30px;margin-bottom: 30px; color: #555;}
.house-list div.filter div:first-child {border: none;}
.house-list div.filter div {line-height: 44px;border-top: 1px solid #EEE;padding:10px 0px 10px 15px;}
.house-list div.filter div span {display: inline-block;width: 65px;vertical-align: top;margin-left:20px;font-weight:bold}
.house-list div.filter div ul { display: inline-block;width: 100%;vertical-align: top;}
.house-list div.filter div ul li.active {color: #daba91;}
.house-list div.filter div ul li { display: inline-block;cursor: pointer;padding: 0 10px;position: relative;font-size:16px; }


/** 关于我们/走进国恒 */
.banner.about {
    background: url(../img/nav_img4.jpg) no-repeat center top;
    background-size: cover;
    vertical-align: middle;
}
.main-about{padding-bottom: 130px;}
.main-about ul.aboutab{padding: 100px 0; text-align: center;}
.main-about ul.aboutab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-about ul.aboutab li:first-child{margin-left: 0;}
.main-about ul.aboutab li.layui-this
,.main-about ul.aboutab li:hover{color: #2ab5a3; border-color: #afddd7; transition: 0.3s;}
.main-about .tabJob, .main-about .tabCour .tabOur{display: none;}
/*关于我们*/
.main-about .tabIntro{padding-bottom: 15px;}
.main-about .tabIntro .content{vertical-align: middle;}
.main-about .tabIntro .content .img{width: 50%;}
.main-about .tabIntro .content .img img{width: 100%;}
.main-about .tabIntro .content .panel{width: 50%;}
.main-about .tabIntro .content p{padding: 0 20px; line-height: 24px; text-align: justify;}
.main-about .tabIntro .p_hidden{padding: 0 20px; display: none;}
.tabJob .chart {width: 1000px;height: 800px;margin: 0 auto;}
/*组织架构*/
.main-about .tabJob .content {
    padding: 0 0 40px 20px;
    border: 1px solid #e2e2e2;
    border-top: 4px solid #65d0c5;
    margin-top: 90px;
}
    .main-about .tabJob .content img{width:100%}
    .main-about .tabJob .content:first-child {
        margin-top: 10px;
    }
.main-about .tabJob .content p{font-size: 18px; line-height: 40px;}
.main-about .tabJob .content p.title{font-size: 24px; color: #545454; line-height: 60px;}
.main-about .tabJob .content ol{padding-left: 20px; list-style-type: none; counter-reset: sectioncounter;}
.main-about .tabJob .content ol li{color: #8d8d8d; font-size: 16px; line-height: 30px;}
.main-about .tabJob .content ol li:before {content: counter(sectioncounter) "、"; counter-increment: sectioncounter;}
 /*招贤纳士*/
.main-job{padding:50px 0px 50px 0px;}
.main-job .joinJob .content{padding: 0 0 40px 20px; border: 1px solid #e2e2e2; border-top: 4px solid #65d0c5; margin-top: 90px;}
.main-job .joinJob .content img{width:100%}
.main-job .joinJob .content:first-child { margin-top: 10px; }
.main-job .joinJob .content p{font-size: 18px; line-height: 40px;}
.main-job .joinJob .content p.title{font-size: 24px; color: #545454; line-height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main-job .joinJob .content span{float:right;padding-right:10px}
.main-job .joinJob .content ol{padding-left: 20px; list-style-type: none; counter-reset: sectioncounter;list-style:none}
.main-job .joinJob .content ol li{color: #8d8d8d; font-size: 16px; line-height: 30px;}
.job_center {background-color: #fff;overflow: hidden;-webkit-box-shadow: 0 0.9375em 1.875em rgb(0 0 0 / 10%);-moz-box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1);-ms-box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1);-o-box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow: 0 0.9375em 1.875em rgb(0 0 0 / 10%);}
.job_center ul li {cursor: pointer;border-bottom: 1px #f1f1f1 solid;}
.job_center_mid_1 {padding-top: 0.9em;padding-bottom: 0.9em;position: relative;background-color: #fff;padding-left: 1.5em;padding-right: 8.5em;color: #fff;}

.job_center_mid_1_left {
    font-family: "Ping Hei Light";
    color: #666;
    font-size: 1.25em;
}

.job_center_mid_1_right {
    font-family: "Ping Hei Light";
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 40px;
    background-image: url(/res/static/img/imgadd.png);
    right: 1.5em;
    position: absolute;
    top: 0.8em;
    font-size: 1.25em;
    color: #666;
}

.job_center ul li.on .job_center_mid_1_right {
    color: #fff;
    background-image: url(/res/static/img/imgsub.png);
}

.job_center ul li.on .job_center_mid_1_left {
    color: #fff;
}

.job_center ul li.on .job_center_mid_1 {
    background-color: #66a945
}

.job_center_mid_hide {
    display: none;
    margin-bottom: 1.5em;
}

.job_center_mid_2 {
    padding: 1em 1.5em;
}

.job_center_mid_2_1 {
    font-family: "Ping Hei Light";
    font-size: 1.5em;
    color: #000;
}

.job_center_mid_2_2 {
    color: #4b4b4b;
    font-family: "Ping Hei Light";
    line-height: 1.6;
    margin-top: 1em;
}

.job_center_mid_3 {
    padding: 0 1.5em;
}

    .job_center_mid_3 a {
        display: inline-block;
        padding-bottom: 2px;
        border-bottom: 1px #66a945 solid;
    }
.job_center ul li.on .job_center_mid_hide {
    display: block;
}
.job_center ul li:hover .job_center_mid_1_left, .job_center ul li:hover .job_center_mid_1_right {
    color: #66a945
}
.job_center ul li.on .job_center_mid_1_left {
    color: #fff;
}
.main-job #jobPage .layui-laypage {
    display: block;
    text-align: center;
    margin-top: 70px;
}
/*购买服务*/
.banner.service {
    background: url(../img/nav_img5.jpg) no-repeat center top;
    background-size: cover;
    vertical-align: middle;
}
.project-service .content{width: 48%; text-align: center; padding-top: 40px; padding-bottom: 20px; /*border-bottom: 2px solid #c9c9c9;*/}
.project-service .content.even{margin-left: 2%;}
.project-service .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.project-service .content .case-img img{width: 100%; transition: 2s;}
.project-service .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.project-service .text {padding:14px 14px 0 14px;}
.project-service .title {color: #333333;font-size: 16px;margin-bottom: 14px;text-align: left;}
.project-service .price {position: relative;text-align: left}
.project-service .item {border: 1px solid #eaeaea;}
.project-service .pri { color: #ee0000;}
.project-service .nub { color: #999999;float:right;}
/*.project-service .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
.project-service .content p{font-size: 18px; line-height: 32px; color: #505050;height:90px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}*/
.project-service #casePage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
.project-service #casePage .layui-laypage a,.project-service #casePage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}

/*资质荣誉*/
.main-about .tabCour p.title{font-size: 28px; line-height: 28px; text-align: center;}
.main-about .tabCour .timeline{position: relative; margin-top: 75px;}
.main-about .tabCour .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;}
.main-about .tabCour .timeline li{position: relative; padding-top: 70px;}
.main-about .tabCour .timeline li:first-child{padding-top: 0;}
.main-about .tabCour .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;}
.main-about .tabCour .timeline li .cour-img img{width: 100%;}
.main-about .tabCour .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;}
.main-about .tabCour .timeline li .cour-panel p.label{font-size: 18px; color: #000;}
.main-about .tabCour .timeline li .cour-panel p{color: #949494; line-height: 30px;}

/*招标信息*/
.center {width: 95%;margin: 0 auto;}
.bidding-content .bidding-box li {width: 100%;height: 120px;background: #fff;transition: all .6s;margin-bottom: 20px}
.bidding-content .bidding-box li .info { width: 80%;height: 100%;color: #333;float: left;line-height: 120px;font-size: 24px;padding-left: 30px; }
.over-line1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bidding-content .bidding-box li .date { float: right;width: 120px; height: 100%;text-align: center;padding-top: 15px;border-left: 1px solid #f7f7f7;}
.bidding-content .bidding-box li .date .t1 {color: #333;font-size: 40px;}
.bidding-content .bidding-box li .date .t2 {color: #333;font-size: 14px;}
.bidding-content .bidding-box li:hover {background: #c9261d;transition: all .6s;}
.bidding-content .bidding-box li:hover .date .t1, .bidding-content .bidding-box li:hover .date .t2 {color: #f7f7f7;}
.bidding-content .bidding-box li:hover .info {color: #f7f7f7;}
.bidding-content .pages-box {margin-top: 40px;}
.layui-tab-title {text-align: center}
/*.layui-tab-title li { font-size: 25px;}*/

/*联系我们菜单*/
.banner.contact-us {
    background: url(../img/nav_img8.jpg) no-repeat center top;
    background-size: cover;
    vertical-align: middle;
}
.main-contact-us {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
}
    .main-contact-us .link {
        cursor: pointer;
        margin:15px auto;
    }
    .main-contact-us .link img{
       width:90%;
    }
    /*登录*/
    .banner.login {
        background: url(../img/nav_img3.jpg) no-repeat center top;
        background-size: cover;
        height: 500px;
    }
.login .layui-card {width:300px;margin:0 auto;}
.login .title{padding-top: 90px;}
    /*联系我们*/
    .main-about .tabCour p.title {
        font-size: 28px;
        line-height: 28px;
        text-align: center;
    }

    .main-about .tabCour .timeline {
        position: relative;
        margin-top: 75px;
    }

        .main-about .tabCour .timeline:before {
            position: absolute;
            top: 0;
            bottom: 0;
            content: "";
            width: 2px;
            background-color: #e2e2e2;
            left: 50px;
        }

        .main-about .tabCour .timeline li {
            position: relative;
            padding-top: 70px;
        }

            .main-about .tabCour .timeline li:first-child {
                padding-top: 0;
            }

            .main-about .tabCour .timeline li .cour-img {
                position: absolute;
                left: 0;
                width: 100px;
                border-radius: 50%;
            }

                .main-about .tabCour .timeline li .cour-img img {
                    width: 100%;
                }

            .main-about .tabCour .timeline li .cour-panel {
                padding-top: 20px;
                padding-left: 120px;
                text-align: left;
            }

                .main-about .tabCour .timeline li .cour-panel p.label {
                    font-size: 18px;
                    color: #000;
                }

                .main-about .tabCour .timeline li .cour-panel p {
                    color: #949494;
                    line-height: 30px;
                }


@media screen and (max-width: 480px){
  .nav .nav-logo img {width: 80px;}
  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;height:57px;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 8px; font-size: 13px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  .main-about .tabIntro .content .panel.p_block{display: none;}
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
    .layui-carousel {
        height: 240px !important;
    }

    #banner img {
        height: 240px !important;
    }
    .main-case .content .case-img img {
        height:130px;
    }
  .project-service .content{padding-top: 60px;}
  .project-service .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .project-service .content p{font-size: 12px; line-height: 20px; color: #505050;/*height:57px;*/}
  .project-service #casePage .layui-laypage a,.project-service #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
  .project-service .content .case-img img {height: 130px;}
  .house-list div.filter div {padding:0.2rem 0rem 0.2rem 0.1rem;}
  .house-list div.filter div span { width: 65px;}
  .house-list div.filter div ul { width: 100%;}
  .house-list div.filter div ul li {padding: 0 24px;}
  .house-list div.filter div ul li {padding: 0 24px;font-size:14px;}
  .house-list div.filter div i {margin-left:10px;}
  .layui-card-body {word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding:0px 0px;}
  .bidding-content .bidding-box li { height: 2.5rem;}
  .bidding-content .bidding-box li .info {line-height: 2.5rem;padding-left: 0.2rem;font-size: 16px;width:75%;}
  .bidding-content .bidding-box li .date { width: 20%; padding-top: 0.3rem;}
  .bidding-content .bidding-box li .date .t1 { font-size: 16px;}
  .bidding-content .bidding-box li .date .t2 {font-size: 12px;}
  .layui-tab-title lpxi {font-size: 14px;}
  .banner {height:120px;}
  .banner .title{padding-top: 40px;}
/*  .banner .title.active{padding-top: 180px; transition: 1.5s;}*/
  .banner .title p{font-size: 0.975em;line-height: 20px; /*text-align: center; line-height: 50px; letter-spacing: 5px;*/}
  .banner .title p.en{font-size: 1.25em; /*letter-spacing: 3px;*/}
  .layui-container {
        width:100% !important;
   }
   .main-news .content .news-img img {height:60px;}
   .zc-top {margin-top:80px;}
   .publicity-img {display:none;}
   .layui-table td, .layui-table th {font-size:12px;}
   .layui-table-cell {padding:0 2px;text-align:center}
   .layui-table-page{white-space:unset;}
}
/*小屏幕*/
@media screen and (min-width: 768px) {
    .nav {
        max-height: 180px;
    }

        .nav.index {
            background: rgba(255, 255, 255,0.3);
        }

        .nav .nav-list button {
            display: none;
        }

        .nav .layui-nav {
            width: auto;
            position: absolute;
            top: 0;
            padding: 0 5px;
            border-radius: 0;
            margin: 0;
        }

            .nav .layui-nav .layui-nav-item {
                display: inline-block;
                margin: 0 32px;
                line-height: 80px;
            }

    .main-product p.title, .main-service p.title {
        font-size: 36px;
        line-height: 216px;
    }

    .main.product .content .content-img {
        text-align: left;
    }

    .main-news .content .news-panel strong a {
        font-size: 20px;
        line-height: 30px;
    }

    .main-news .content .news-panel p.read-push {
        padding-top: 0;
        position: absolute;
        bottom: 40px;
    }

    .main-newsdate .pushtime {
        line-height: 142px;
    }

    .main-case .content {
        width: 45%;
    }

        .main-case .content.even {
            margin-left: 9%;
        }

    .main-about ul.aboutab li {
        padding: 0 32px;
        font-size: 24px;
        margin-left: 30px;
        line-height: 50px;
    }

    .main-about .tabIntro .content p {
        padding: 0 30px;
        font-size: 18px;
        line-height: 30px;
    }

    .main-about .tabJob .content p {
        font-size: 24px;
        line-height: 50px;
    }

        .main-about .tabJob .content p.title {
            font-size: 30px;
            line-height: 90px;
        }

    .main-about .tabJob .content ol li {
        font-size: 20px;
        line-height: 60px;
    }

    .main-about .tabCour .timeline:before {
        left: 50%;
    }

    .main-about .tabCour .timeline li {
        min-height: 195px;
        padding-top: 95px;
    }

        .main-about .tabCour .timeline li .cour-img {
            left: 50%;
            margin-left: -97.5px;
            width: 195px;
        }

        .main-about .tabCour .timeline li .cour-panel {
            padding-top: 55px;
            padding-left: 0;
        }

        .main-about .tabCour .timeline li.odd .cour-panel {
            text-align: right;
        }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .main.product .content div.right {
        padding-left: 20px;
    }

    .nav .layui-nav .layui-nav-item {
        margin: 0 33px;
    }

    .main-service .content .content-right {
        padding: 10px 10px 0 15px;
    }

        .main-service .content .content-right span {
            margin-bottom: 20px;
        }

        .main-service .content .content-right p {
            line-height: 28px;
        }

    .main.product .content .label {
        line-height: 40px;
        margin-top: 0;
    }

    .main.product .content .detail {
        padding-bottom: 10px;
    }
}
/*大屏幕*/
@media screen and (min-width: 992px){
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .project-service .content{width: 22%;}
  .project-service .content.even{margin-left: 0;}
  .project-service .content.center1{margin-left: 2%;}
  .project-service .content.center2{margin-right: 2%; margin-left: 2%;}
  .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}