/* banner */
.banner{height: 500px;background: url("../images/index_banner.jpg") no-repeat center/cover;}
.banner .absDiv{position: absolute;top: 67px;left: -1px;width: 638px;/* height: 360px; */background-color: white;border-radius: 10px;/* padding: 14px; */color: #fff;}
.banner .absDiv > .fl{width: 100%;/* padding-top: 67px; */}
    .banner .absDiv > .fl a {
        display: block;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        padding: 0 .6rem;
        padding-left: 1rem;
        border-radius: 5px;
        float: left;
        width: 100%;
        text-align: center;
    }
.banner .absDiv > .fl a .iconfont{font-size: 30px;margin-right: .5rem;vertical-align: middle;}
.banner .absDiv > .fl a:hover{background-color: #0b9d4a;}
.banner .absDiv > .fr{width: 100%}
.banner .absDiv > .fr .title{font-size: 20px;line-height: 44px;border-bottom: 2px solid #fff;}
.banner .absDiv > .fr .row-2{float: left;width: 45%;margin-top: 20px;}
.banner .absDiv > .fr .row-2:nth-of-type(odd){margin-right: 10%;}
.banner .absDiv > .fr .row-2 .subTitle{font-size: 14px;line-height: 22px;}
.banner .absDiv > .fr .row-2 input{width: 100%;height: 50px;border-radius: 8px;background-color: #fff;font-size: 16px;padding: 0 20px;}
.banner .absDiv > .fr .row-2 input.w90{float: left;width: 90px;display: inline-block;}
.banner .absDiv > .fr .row-2 input.w90 + span{float: left;font-size: 20px;line-height: 50px;margin: 0 .2rem;}
    .banner .absDiv > .fr .quoteBtn {
        display: block;
        width: 200px;
        font-size: 22px;
        line-height: 50px; 
        border-radius: 10px;
        background-color: #0050a5;
        color: #fff;
        text-align: center;
        margin: auto;
        margin-top: 18px;
        margin-bottom: 10px; /* margin-left: 32px; */
    }
.banner .absDiv > .fr .quoteBtn .iconfont{font-size: 30px;vertical-align: middle;margin-right: .5rem;}

    .banner .absDiv1 {
        position: absolute;
        top: 67px;
        right: 10px;
        width: 418px; /* height: 360px; */
        background-color: white;
        border-radius: 10px;
        /* padding: 14px; */
        color: #fff;
    }
.banner .absDiv1 > .fl{width: 100%;/* padding-top: 67px; */}
    .banner .absDiv1 > .fl a {
        display: block;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
        padding: 0 .6rem;
        padding-left: 1rem;
        border-radius: 5px;
        float: left;
        width: 100%;
        text-align: center;
    }
        .banner .absDiv1 > .fl a .iconfont {
            font-size: 30px;
            margin-right: .5rem;
            vertical-align: middle;
        }
        .banner .absDiv1 > .fl a:hover {
            background-color: #0b9d4a;
        }
    .banner .absDiv1 > .fr {
        width: 100%
    }
        .banner .absDiv1 > .fr .title {
            font-size: 20px;
            line-height: 44px;
            border-bottom: 2px solid #fff;
        }
        .banner .absDiv1 > .fr .row-2 {
            float: left;
            width: 45%;
            margin-top: 20px;
        }
            .banner .absDiv1 > .fr .row-2:nth-of-type(odd) {
                margin-right: 10%;
            }
            .banner .absDiv1 > .fr .row-2 .subTitle {
                font-size: 14px;
                line-height: 22px;
            }
            .banner .absDiv1 > .fr .row-2 input {
                width: 100%;
                height: 50px;
                border-radius: 8px;
                background-color: #fff;
                font-size: 16px;
                padding: 0 20px;
            }
                .banner .absDiv1 > .fr .row-2 input.w90 {
                    float: left;
                    width: 90px;
                    display: inline-block;
                }
                    .banner .absDiv1 > .fr .row-2 input.w90 + span {
                        float: left;
                        font-size: 20px;
                        line-height: 50px;
                        margin: 0 .2rem;
                    }
        .banner .absDiv1 > .fr .quoteBtn {
            display: block;
            width: 200px;
            font-size: 22px;
            line-height: 50px; 
            border-radius: 10px;
            background-color: #0050a5;
            color: #fff;
            text-align: center;
            margin: auto;
            margin-top: 18px;
            margin-bottom: 10px; /* margin-left: 32px; */
        }
            .banner .absDiv1 > .fr .quoteBtn .iconfont {
                font-size: 30px;
                vertical-align: middle;
                margin-right: .5rem;
            }

.item-form {
    width: 100%;
    padding: 20px 0 0 60px;
}

.item-form-cont {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}

.item-form-cont-text {
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 32px;
    padding-right: 20px;
    float: left;
}

.text_1 {
    line-height: 32px !important;
}

.round-num {
    width: auto;
    height: 32px;
    float: left;
}

    .round-num li {
        width: 32px;
        height: 32px;
        /*border-radius: 50%;*/
        border: 1px solid #a6a6a6;
        line-height: 32px;
        text-align: center;
        color: #a6a6a6;
        font-size: 14px;
        float: left;
        margin-right: 10px;
        cursor: pointer;
    }

        .round-num li.active {
            color: #fff;
            background: #84A8FA;
            border: 1px solid #84A8FA;
        }
.lenght,
.width {
    width: 120px;
    height: 32px;
    border: 1px solid #A6A6A6;
    /*border-radius: 24px;*/
    padding-left: 5px;
    float: left;
    overflow: hidden;
}
#iUserName {
    width: 220px;
    height: 36px;
    border: 1px solid #A6A6A6;
    /*border-radius: 24px;*/
    padding-left: 5px;
    float: left;
    overflow: hidden;
}
#iUserPwd {
    width: 220px;
    height: 36px;
    border: 1px solid #A6A6A6;
    /*border-radius: 24px;*/
    padding-left: 5px;
    float: left;
    overflow: hidden;
}
    .lenght > span,
    .width > span {
        display: block;
        width: 40%;
        font-size: 14px;
        color: #A6A6A6;
        line-height: 48px;
        text-align: center;
        float: left;
    }

    .lenght > input,
    .width > input {
        display: block;
        width: 60%;
        font-size: 14px;
        line-height: 48px;
        float: left;
    }

.x {
    font-size: 12px;
    color: #A6A6A6;
    line-height: 32px;
    display: block;
    float: left;
    padding: 0 10px;
}

.unit {
    display: block;
    float: left;
    color: #4f8c64;
    font-size: 14px;
    line-height: 32px;
    padding-left: 20px;
}

.advantageAndNews{background-color: #f6f8fa;padding: 36px 0;}
.advantageAndNews .advantage{float: left;width: 62.5%;}
.advantageAndNews .advantage .row-3{float: left;width: 33.33%;}
.advantageAndNews .headline{font-size: 14px;line-height: 40px;color: #555;}
.advantageAndNews .iconfont{color: #ec6c01;font-size: 30px;vertical-align: middle;margin-right: .5rem;}
.advantageAndNews li{font-size: 12px;line-height: 1.5;list-style: disc;margin-left: 1rem;color: #0050a4;}
.advantageAndNews li span{float: right;}
.advantageAndNews li a{color: #0050a4;}
.advantageAndNews .news{float: right;width: 32.5%;}



.business{margin-bottom: 50px;}
.comTitle{font-size: 24px;font-weight: bold;line-height: 3.5;margin-top: 10px;text-align: center;color: #111;}
.orderAndProduct{}
.orderAndProduct .orderList{float: left;width: 26.66%;border: 1px solid #9d9fa0;}
.orderAndProduct .orderList .headline{font-size: 16px;line-height: 35px;background-color: #0050a4;color: #fff;padding: 0 .3rem;}
.orderAndProduct .tr:after{content:"";display:block;height:0;clear:both;overflow: hidden;}
.orderAndProduct .orderList span{font-size: 14px;line-height: 2;text-align: left;float: left;}
.orderAndProduct .orderList span:nth-of-type(1){width: 18.75%;}
.orderAndProduct .orderList span:nth-of-type(2){width: 31.25%;}
.orderAndProduct .orderList span:nth-of-type(3){width: 25%;}
.orderAndProduct .orderList span:nth-of-type(4){width: 25%;}
.orderAndProduct .product{float: right;width: 70%;}
.orderAndProduct .product .item{float: left;width: 30%;background-color: #f6f8fa;}
.orderAndProduct .product .item:not(:last-of-type){margin-right: 5%;}
.orderAndProduct .product .img{display: block;margin: 1rem auto;width: 60%;}
.orderAndProduct .product .img img{display: block;width: 100%;}
.orderAndProduct .product .title{display: block;text-align: center;color: #232424;margin: .5rem 0;font-size: 16px;}
    .orderAndProduct .product p { /*padding: 0 16%*/
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        color: #464646;
    }
.orderAndProduct .product p span{color: #f00;}
.orderAndProduct .product .calculate{display: block;width: 36%;line-height: 33px;font-size: 14px;text-align: center;border: 1px solid #02a0e9;color: #fff;background-color: #0050a4;margin: 1rem auto;}
.orderNow{margin-top: 50px;}
.orderNow .recommend{width: 33%;text-align: center;font-size: 14px;line-height: 1.5;color: #464646;}
.orderNow .recommend .img{display: block;margin: 0 auto 1rem;width: 260px;}
.orderNow .recommend .img img{display: block;width: 100%;}
.orderNow .recommend .btn{display: block;width: 130px;font-size: 14px;line-height: 45px;border-radius: 5px;background-color: #0050a4;color: #fff;margin: 1.5rem auto 0;}
.orderNow .specialty{width: 66.66%;padding-right: 35px;padding-left: 40px;background-color: #f6f8fa;padding-bottom: 1rem;}
.orderNow .specialty .topLine > div.fl{margin-right: 40px;padding: 1rem 0;}
.orderNow .specialty .topLine > div.fl .iconfont{float: left;font-size: 24px;line-height: 24px;margin-right: .3rem;color: #333;}
.orderNow .specialty .topLine > div.fl > div{float: left;font-size: 12px;line-height: 1;text-align: center;color: #464646;}
.orderNow .specialty .topLine b{color: #0050a4;}
.orderNow .specialty .topLine a.fr{margin: 1rem;font-size: 14px;}
.orderNow .specialtyList{width: 55%;}
.orderNow .specialtyList .headline{font-size: 14px;line-height: 1.5;margin-bottom: .5rem;color: #0050a4;}
.orderNow .specialtyList li{font-size: 12px;line-height: 2;position: relative;padding-left: 1rem;}
.orderNow .specialtyList li:before{content: '';position: absolute;top: 7px;left: 0;width: 10px;height: 10px;border-radius: 50%;background-color: #568bc2;}
.orderNow .swiperBox{position: relative;width: 40%;}
.orderNow .swiperBox .swiper-pagination{width: 100%;position: relative;}
.orderNow .swiperBox .swiper-pagination-bullet{margin: 0 4px;}



.howToUse_flow .item{float: left;width: 12.5%;text-align: center;font-size: 14px;line-height: 18px;position: relative;}
.howToUse_flow .item .iconfont{display: block;font-size: 40px;color: #898989;transition: all .3s;margin-bottom: 1.5rem;}
.howToUse_flow .item:hover .iconfont{color: #323140;transform: scale(1.2);}
.howToUse_flow .item:not(:last-of-type):after{content: '';position: absolute;top: .5rem;left: 100px;width: 100px;height: 1px;background: linear-gradient(to right, #232424 0%, #232424 50%, transparent 50%) repeat-x;background-size: 5px 1px;}
.howToUse_flow + .quoteBtn{display: block;width: 150px;font-size: 14px;line-height: 40px;text-align: center;margin: 25px auto 45px;border-radius: 5px;background-color: #0050a4;color: #fff;}



.manufacturer{background-color: #f6f8fa;}
.manufacturer .videoDiv{width: 37.5%;height: 400px;position: relative;}
.manufacturer .videoDiv video{display: block;width: 100%;height: 100%;}
.manufacturer .videoDiv .playBtn{position: absolute;top: 50%;left: 50%;width: 66px;height: 66px;background: url("../images/playBtn.png") no-repeat center/contain;transform: translate(-50%, -50%);}
.manufacturer .swiperBox{width: 58.33%;position: relative;}
.manufacturer .swiperBox .swiper-slide{position: relative;}
.manufacturer .swiperBox .swiper-slide img{display: block;width: 100%;}
.manufacturer .swiperBox .absDiv{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,80,164,.42);color: #fff;opacity: 0;transition: all .3s;}
.manufacturer .swiperBox .absDiv p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;}
.manufacturer .swiperBox .swiper-slide:hover .absDiv{opacity: 1;}
.manufacturer .swiperBox .swiper-pagination{width: 100%;position: relative;margin: 1rem 0;}
.manufacturer .swiperBox .swiper-pagination-bullet{margin: 0 4px;}



.newsSection{width: 100%;background: #fff;padding-bottom: 55px;}
.newsSection .new-content{width: 1200px;margin: 0 auto;}
.newsSection .n-bg{width: 570px;height: 330px;margin-right: 45px;}
.newsSection .n-cont{width: 580px;}
.newsSection .n-cont .nr-text{width: 100%;padding-bottom: 10px;margin-bottom:5px;color: #313131;}
.newsSection .n-cont .nr-text>div{padding-top: 12px;padding-left: 14px;}
.newsSection .n-cont .nr-text .n-title{font-size: 18px;padding-bottom: 16px;}
.newsSection .n-cont .nr-text .tim{padding-left: 24px;font-size: 14px;color:#e3e3e3;}
.newsSection .n-cont .nr-text .wenzi{font-size: 16px;padding-left: 12px;text-indent: 2em;color: #8b8888;line-height:20px;}
.newsSection .n-cont .nr-text:hover,
.newsSection .n-cont .nr-text:hover .wenzi{background:#0050a4;color: #fff;cursor: pointer;}
.newsSection .n-cont .nr-text:hover .tim{color: #a8bad0;}
.newsSection .more{padding-right: 100px;}
.newsSection .more a{display: block;font-size: 16px;font-style:italic;color:#125bad;font-weight: bold;text-decoration:underline}
.newsSection .more a img{width: 15px;height: 15px;}



.our{width: 100%;background: #f6f8fa;}
.our .our-content{width: 1200px;margin: 0 auto;padding-bottom:55px;}
.our .review{width: 100%;}
.our .review ul{width: 100%;}
.our .review ul li{width: calc((100% - 140px)/4);float: left;background:#fff;margin-right: 40px;}
.our .review ul li:last-child{margin-right: 0;}
.our .our-img{width: 100%;height: 200px;}
.our .xx{width: 100px;height: 20px;float: right;margin: 5px 0;}
.our .o-text{padding-top:30px;padding-left: 10px;padding-bottom: 30px;}
.our .guoqi{width: 100%;padding-bottom: 15px;}
.our .guoqi p{font-size: 16px;padding:0 10px;}
.our .guoqi .gq{width:20px;height:15px}
.our .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 15px;}



.qa{background-color: #f6f8fa;}
.qa-main{padding-bottom: 50px;}
.qa-main .item{float: left;width: 48.3%;margin-bottom: 40px;}
.qa-main .item:not(:nth-child(2n)){margin-right: 3.4%;}
.qa-main .itemTitle{font-size: 16px;line-height: 68px;background-color: #fff;padding: 0 70px 0 35px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background: url(../images/downArrow.png) no-repeat 95%;}
.qa-main .itemTitle img{display: inline-block;vertical-align: middle;margin-right: 10px;}
.qa-main .itemContent{background-color: #ebedf0;font-size: 16px;line-height: 18px;padding: 20px 30px;}
.qa-main .itemContent p{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow:hidden;}