.middle .banner .img img{width:100%;margin:auto}
.middle .banner{position:relative}
.middle .banner .banner-text{position:absolute;top:25%;width:34%;left:13.15%;color:#fff}
.middle .banner .banner-text .title{font-size:40px}
.middle .banner .banner-text .describe{font-size:20px}
.middle .banner .banner-menu{padding:0;position:absolute;left:13.15%;bottom:0;font-size:16px}
.middle .banner .banner-menu .menu-middle{color:#fff;padding:25px 0}
.middle .banner .banner-menu .menu-middle img{margin-bottom:5px;width:25px}
.middle .banner .banner-menu .menu-middle a{font-size:16px;color:#fff;margin-right:8px;margin-left:8px}
.middle .content{width:100%;overflow:hidden;margin-top:30px}
.middle .content .databox{border-bottom:1px #eee solid}
.middle .content .data{justify-content:space-between;flex-wrap:wrap;padding-bottom:45px;display:flex;justify-content:space-between;flex-wrap:wrap}
.middle .content .data-item{width:25%;text-align:center;margin:50px 0 0 0}
.middle .content .data-item .num{font-size:40px;color:#f08d21}
.middle .content .data-item p{font-size:16px;color:#666}
.middle .content .list{overflow:hidden;margin-top:35px;margin-bottom:70px}
.middle .content .list .list-left{width:74%;float:left}
.middle .content .list .list-left>ul{overflow:hidden}
.middle .content .list .list-left>ul li{width:49%;overflow:hidden;float:left;margin-left:20px;margin-top:1%}
.middle .content .list .list-left>ul li a{display:block}
.middle .content .list .list-left>ul li:nth-child(odd){margin-left:0}
.middle .content .list .list-left>ul li:first-child{margin-top:0;margin-left:0}
.middle .content .list .list-left>ul li:nth-child(2){margin-top:0}
.middle .content .list .list-left>ul li img{width:100%;height:317px}
.middle .content .list .list-left>ul li .title{font-size:18px;color:#222;border-bottom:1px #eee solid;padding:15px 0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;font-family:fradm;min-height:83px}
.middle .content .list .list-left>ul li .descride{font-size:18px;color:#666;border-bottom:1px #eee solid;margin-bottom:20px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;font-family:frabk;min-height:37px}
.middle .content .list .pageination{overflow:hidden;padding:40px 0 40px 0}
.middle .content .list .pageination>ul li{display:block;width:50px;float:left;font-size:18px;margin-left:10px;text-align:center;height:50px;line-height:50px;margin-bottom:20px}
.middle .content .list .pageination .active a{color:#fff;background-color:#e6252d}
.middle .content .list .pageination>ul li a{border-radius:50%;color:#333;background-color:#ddd;display:block}
.middle .content .list .pageination .prev-page{width:60px;height:60px;line-height:60px;margin-top:-10px}
.middle .content .list .pageination .prev-page a{transform:rotate(-180deg);border-radius:0 10px 10px 0;background-color:#fff;border:1px solid #eee;display:block;font-weight:400}
.middle .content .list .pageination .prev-page:hover a{color:#fff;background-color:#e6252d}
.middle .content .list .pageination .next-page{margin-left:0;width:60px;height:60px;line-height:60px;margin-top:-10px}
.middle .content .list .pageination .next-page a{border-radius:0 10px 10px 0;background-color:#fff;border:1px solid #eee;margin-left:0;border-left:none;display:block;font-weight:400}
.middle .content .list .pageination .next-page:hover a{color:#fff;background-color:#e6252d}
.middle .content .list .list-right{margin-left:40px;float:right;width:23%}
.middle .content .list .list-right .search-from{height:50px;line-height:50px;overflow:hidden;background:#eee;font-size:16px;font-family:frabk;width:100%}
.middle .content .list .list-right .search-from .btn{background:url(../images/search.png) center center no-repeat;cursor:pointer;border:none;outline:0;width:67px;height:50px;margin-top:0;background-color:#e6252d;border-radius:initial;float:right;background-size:20px 21px}
.middle .content .list .list-right .search-from .input1{width:calc(100% - 35px);margin-left:15px;background-color:#eee;border-style:initial;border-color:initial;border-image:initial;outline:0;width:70.35%}
.middle .content .list .list-right .sidear{overflow:hidden;margin-bottom:20px}
.middle .content .list .sidear-title P{font-size:20px;font-family:fradm;margin-top:30px;padding-bottom:13px;border-bottom:1px #ddd solid}
.middle .content .list .sidear-title span{display:block;width:60px;border-top:3px #e6252d solid;margin-top:-12px}
.middle .content .list .sidear-nav-title{font-size:18px;font-family:fradm;color:#222;margin-top:25px}
.middle .content .list .sidear-nav-title p{margin-bottom:0}
.middle .content .list .list-right .sidear .projrcts-list{margin-top:10px}
.middle .content .list .list-right .sidear .projrcts-list>li a{line-height:30px;font-size:16px;font-family:frabk;color:#666}
.middle .content .list .list-right .sidear .related-list>li{border-bottom:1px solid #eee;padding-bottom:20px}
.middle .content .list .list-right .sidear .related-list>li a{line-height:25px;font-size:16px;font-family:frabk;color:#666;margin-top:20px;padding-left:15px;display:block;border-left:2px #fff solid}
.middle .content .list .list-right .sidear .related-list>li a:hover{color:#e6252d;border-left:2px #e6252d solid}
.middle .content .list .list-right .sidear .related-list>li:last-child{border-bottom:none}
.middle .content .list .list-right .sidear .keywords-list{margin-top:15px}
.middle .content .list .list-right .sidear .keywords-list>li{float:left;height:30px;line-height:30px;margin-bottom:18px}
.middle .content .list .list-right .sidear .keywords-list>li a{display:block;text-align:center;color:#666;font-family:frabk;font-size:16px;margin:5px;background-color:#eee;border-radius:15px;padding:5px 15px 5px 15px;margin-bottom:10px}
.middle .content .list .faq-list-left{width:73%;float:left}
.middle .content .list .faq-list-left .category-title{font-size:30px;color:#222;font-family:fradm}
.middle .content .list .faq-list-left .category-desc{font-size:20px;color:#666;font-family:frabk;margin-bottom:40px}
.middle .content .list .faq-list-left .category-desc .email{color:#e6252d}
.middle .content .list .faq-list-left>ul li{border:1px #eee solid;cursor:pointer;margin-bottom:15px}
.middle .content .list .faq-list-left .faq-item .problem{display:flex;justify-content:space-evenly;flex-wrap:nowrap}
.middle .content .list .faq-list-left .faq-item .icon{text-align:center;padding:30px 0}
.middle .content .list .faq-list-left .faq-item .problem .title{font-size:20px;color:#222;font-family:frabk;width:85%;padding:35px 0}
.middle .content .list .faq-list-left .faq-item .problem .down{width:5%;text-align:center;font-size:24px;color:#aaa;padding:30px 0;font-family:fradm}
.middle .content .list .faq-list-left .faq-item .answer{display:none;padding:0 20px 10px;font-size:20px;line-height:1.6;padding-right:20px;padding-left:35px;position:relative;overflow:hidden;font-family:frabk;margin-top:-35px;color:#666}
.middle .content .list .faq-list-left .faq-item .answer:before{display:block;width:32px;height:32px;content:'A';position:absolute;left:17px;border:1px #f08d21 solid;border-radius:5px;text-align:center;font-family:fradm;color:#f08d21;font-size:20px;top:10px}
.middle .content .list .faq-list-left .faq-item .answer div{width:95%;margin-left:30px}
.middle .content .list .product-list-left{width:74%;float:left}
.middle .content .list .product-list-left .product-list-nav{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #ddd;height:135px;margin-bottom:40px}
.middle .content .list .product-list-left .product-list-nav .title{width:70%;font-size:30px;color:#222;font-family:fradm;margin-top:25px}
.middle .content .list .product-list-left .product-list-nav .nav-btn{width:25%;font-size:16px;color:#222;font-family:fradm;height:80px;border-left:#eee 1px solid}
.middle .content .list .product-list-left .product-list-nav .nav-btn p{float:left;width:25%;margin-left:20%;margin-top:30px}
.middle .content .list .product-list-left .product-list-nav .nav-btn .cbp-vm-btn{font-size:20px;margin-top:25px}
.middle .content .list .product-list-left .product-list-nav .nav-btn .cbp-vm-btn a{color:#222}
.middle .content .list .product-list-left .product-list-nav .nav-btn .cbp-vm-btn span{margin-right:20px}
.middle .content .list .product-list-left .product-list-nav .nav-btn .cbp-vm-btn .active{color:#e6252d}
.middle .content .list .product-list-left .product-list-nav .nav-btn .cbp-vm-btn span:hover{color:#e6252d}
.middle .content .list .product-list-left .row{margin:0}
.middle .content .list .product-list-left .cbp-vm-view-list .row li{overflow:hidden;margin-bottom:5px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}
.middle .content .list .product-list-left .cbp-vm-view-grid .row li .img{width:100%;float:none;position:relative}
.middle .content .list .product-list-left .row li .img .price{display:none;position:absolute;top:5%;left:5%;cursor:pointer}
.middle .content .list .product-list-left .row li .img:hover .price{display:block}
.middle .content .list .product-list-left .row li .price .price-btn{padding:5px 10px 5px 10px;background-color:#e6252d;border-radius:15px;border:none;color:#fff}
.middle .content .list .product-list-left .cbp-vm-view-grid .txt{width:100%;float:none;padding-bottom:5px}
.middle .content .list .product-list-left .cbp-vm-view-grid .row li{width:23.5%;overflow:hidden;float:left;margin-right:20px;margin-bottom:40px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}
.middle .content .list .product-list-left .cbp-vm-view-grid .row li:last-child{margin-right:0}
.middle .content .list .product-list-left .cbp-vm-view-grid .row li:nth-child(12),.middle .content .list .product-list-left .cbp-vm-view-grid .row li:nth-child(16),.middle .content .list .product-list-left .cbp-vm-view-grid .row li:nth-child(4),.middle .content .list .product-list-left .cbp-vm-view-grid .row li:nth-child(8){margin-right:0}
.middle .content .list .product-list-left .cbp-vm-view-grid .txt .top .describe{display:none}
.middle .content .list .product-list-left .cbp-vm-view-grid .txt .bottom{display:none}
.middle .content .list .product-list-left .row li a{display:block}
.middle .content .list .product-list-left .row li .txt a:hover .top .title{color:#e6252d}
.middle .content .list .product-list-left .row li .img{width:25%;float:left;border:#ddd 1px solid;position:relative;margin-bottom:30px}
.middle .content .list .product-list-left .img img{width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;}
.middle .content .list .product-list-left .txt{width:71%;float:right}
.middle .content .list .product-list-left .txt .top{font-family:frabk;margin-bottom:14px}
.middle .content .list .product-list-left .cbp-vm-view-grid .txt .top .title{min-height:60px}
.middle .content .list .product-list-left .txt .top .title{font-size:20px;color:#222;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;font-family:frabk;margin-top:15px}
.middle .content .list .product-list-left .txt .top .describe{font-size:16px;color:#666;font-family:frabk;border-bottom:1px solid #ddd;padding-bottom:25px}
.middle .content .list .product-list-left .txt .bottom{font-size:16px;font-family:frabk;color:#999;border-bottom:#eee 1px solid;overflow:hidden;padding-bottom:10px}
.middle .content .list .product-list-left .txt .bottom>ul li{float:left;margin-right:15px}
.middle .content .list .product-list-left .txt .browse{font-size:16px;font-family:frabk;color:#f08d21;margin-top:10px}
.middle .content .list .product-list-left .txt .browse img{width:17px;height:16px}
.middle .content .list .product-list-left .txt .browse span{margin-right:2px}
.middle .content .list .product-list-left .txt .browse .view{color:#666}
.middle .content .list .product-list-left .txt .browse .like{margin-left:10px;cursor:pointer;width:17px;height:15px}
.product-show-nav{background-color:#33363c}
.middle .content .product-show{margin-top:0}
.middle-product-show .banner .banner-menu{position:static;width:100%;background-color:#eee;margin-bottom:40px}
.middle-product-show .banner .banner-menu .menu-middle{max-width:1400px;margin:auto;color:#aaa;width:100%}
.middle-product-show .banner .banner-menu .menu-middle a{color:#aaa;margin-right:8px;margin-left:8px}
.middle .content .product-show .product-show-left{width:74%;float:left}
.middle .content .product-show .product-show-left .left-top{margin-bottom:50px;overflow:hidden}
.middle .content .product-show .product-show-left .pro_img-box{width:48%;float:left}
.middle .content .product-show .product-show-left .pro_img-box .preview{border:1px #ddd solid}
.middle .content .product-show .product-show-left .pro_img-box .preview .preview-img img{width:100%}
.middle .content .product-show .product-show-left .pro_img-box .thumb-images{margin-top:20px}
.middle .content .product-show .product-show-left .pro_img-box .thumb-images .product-thumb:nth-child(4),.middle .content .product-show .product-show-left .pro_img-box .thumb-images .product-thumb:nth-child(8){margin-right:0}
.middle .content .product-show .product-show-left .pro_img-box .thumb-images .product-thumb{float:left;width:23.49%;margin-right:10px;margin-bottom:5px;cursor:pointer;border:#dfdfdf 1px solid}
.middle .content .product-show .product-show-left .pro_img-box .thumb-images .product-thumb:hover{border:#f08d21 1px solid}
.middle .content .product-show .product-show-left .pro_img-box .thumb-images .product-thumb img{width:100%;height:100%;object-fit:cover}
.middle .content .product-show .product-show-left .pro_img-box .imgbox .preview-img{position:relative}
.middle .content .product-show .product-show-left .pro-table{width:48%;float:right}
.middle .content .product-show .product-show-left .pro-table .title{font-size:30px;font-family:fradm;color:#222}
.middle .content .product-show .product-show-left .pro-table .pro-property{margin-top:20px;padding-bottom:50px;border-bottom:1px solid #ddd;margin-bottom:25px}
.middle .content .product-show .product-show-left .pro-table .pro-property li{text-transform:capitalize;padding:5px 10px;vertical-align:middle;color:#222;font-family:frabk;font-size:16px}
.middle .content .product-show .product-show-left .pro-table .pro-property li p{display:inline-block;vertical-align:middle;padding-right:10px;color:#676767;width:25%;color:#999}
.middle .content .product-show .product-show-left .pro-table .pro-property li:nth-child(odd){background-color:#f8f8f8}
.middle .content .product-show .product-show-left .pro-table .pro-property li:nth-child(even){background-color:#fff}
.middle .content .product-show .product-show-left .pro-table .price-btn-m{padding:5px 10px 5px 10px;padding:8px 25px 8px 25px;background-color:#e6252d;border-radius:30px;border:none;color:#fff;font-size:20px;font-family:frabk}
.middle .content .product-show .product-show-left .produt-details{padding-bottom:50px;border-bottom:#eee 1px solid}
.middle .content .product-show .product-show-left .produt-details img{max-width:100%;height:auto!important}
.middle .content .product-show .product-show-left .produt-details .product-box{width:800px;margin:auto;overflow:auto}
.middle .content .product-show .product-show-left .produt-details .sidear-title{margin-bottom:25px}
.middle .content .product-show .product-show-left .produt-details .details-content{margin-top:25px;font-size:16px;font-family:frabk;margin-bottom:30px}
.middle .content .product-show .product-show-left .produt-details .business-profiles{overflow:auto}
.middle .content .product-show .product-show-left .produt-details .details-content .table-responsive{overflow:auto}
.middle .content .product-show .product-show-left .produt-details .sidear-title p{font-size:24px}
.middle .content .product-show .product-show-left .produt-details .details-content img{width:100%}
.middle .content .product-show .product-show-left .produt-details .sidear-nav-title{margin-top:30px;margin-bottom:30px}
.middle .content .product-show .product-show-left .produt-details .Project-Service{overflow:hidden}
.middle .content .product-show .product-show-left .produt-details .Project-Service>ul{overflow:hidden}
.middle .content .product-show .product-show-left .produt-details .Project-Service>ul li{float:left;width:32%;margin-right:1%;overflow:hidden}
.middle .content .product-show .product-show-left .produt-details .Project-Service>ul li a{display:block}
.middle .content .product-show .product-show-left .produt-details .Project-Service>ul li:nth-child(3),.middle .content .product-show .product-show-left .produt-details .Project-Service>ul li:nth-child(6){margin-right:0}
.middle .content .product-show .product-show-left .produt-details .Project-Service>ul li .img img{width:100%}
.middle .content .product-show .product-show-left .produt-details .Project-Service>ul li .img{position:relative}
.middle .content .product-show .product-show-left .produt-details .Project-Service>ul li .img span{position:absolute;bottom:0;display:block;height:65px;width:130px;background-color:#f08d21;border-radius:100px 100px 0 0;left:-60px;text-align:center;line-height:80px;padding-left:40px;font-size:30px;font-family:fradm;color:#fff}
.middle .content .product-show .product-show-left .produt-details .Project-Service .title{font-size:18px;font-family:fradm;color:#222;margin-top:25px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;word-break:break-all}
.middle .content .product-show .product-show-left .produt-details .Project-Service .descript{font-size:16px;font-family:frabk;color:#666;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all}
.middle .content .product-show .product-show-left .produt-details .advantage{overflow:hidden;margin-top:50px}
.middle .content .product-show .product-show-left .produt-details .advantage img{width:100%}
.middle .content .product-show .product-show-left .produt-details .advantage .title{font-size:24px;font-family:fradm;color:#222}
.middle .content .product-show .product-show-left .produt-details .advantage p{font-family:frabk;font-size:16px;color:#666}
.middle .content .product-show .product-show-left .page_turn{margin-top:55px;border-top:1px solid #ddd;padding-top:40px}
.middle .content .product-show .product-show-left .page_turn .prev-page{margin-bottom:30px}
.middle .content .product-show .product-show-left .page_turn .prev-page a{display:flex;flex-wrap:wrap;justify-content:space-between}
.middle .content .product-show .product-show-left .page_turn .prev-page a:hover .img{background-color:#e6252d;border:1px #e6252d solid}
.middle .content .product-show .product-show-left .page_turn .prev-page a:hover .img span{color:#fff}
.middle .content .product-show .product-show-left .page_turn .prev-page a:hover p{color:#e6252d}
.middle .content .product-show .product-show-left .page_turn .prev-page a .img{width:45px;height:45px;text-align:center;background:#fff;border-radius:5px 0 0 5px;border:1px #ccc solid}
.middle .content .product-show .product-show-left .page_turn .prev-page a .img span{text-align:center;line-height:45px;font-size:20px;color:#666}
.middle .content .product-show .product-show-left .page_turn .prev-page a p{width:94%;font-size:20px;font-weight:700;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:45px}
.middle .content .product-show .product-show-left .page_turn .next-page{margin-bottom:30px}
.middle .content .product-show .product-show-left .page_turn .next-page a{display:flex;flex-wrap:wrap;justify-content:space-between}
.middle .content .product-show .product-show-left .page_turn .next-page a:hover .img{background-color:#e6252d;border:1px #e6252d solid}
.middle .content .product-show .product-show-left .page_turn .next-page a:hover .img span{color:#fff}
.middle .content .product-show .product-show-left .page_turn .next-page a:hover p{color:#e6252d}
.middle .content .product-show .product-show-left .page_turn .next-page a .img{width:45px;height:45px;text-align:center;background:#fff;border-radius:5px 0 0 5px;border:1px #ccc solid}
.middle .content .product-show .product-show-left .page_turn .next-page a .img span{text-align:center;line-height:45px;font-size:20px;color:#666}
.middle .content .product-show .product-show-left .page_turn .next-page a p{width:94%;font-size:20px;font-weight:700;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:45px}
.middle .content .product-show .product-show-left .inquiry-from{margin-top:40px}
.middle .content .product-show .product-show-left .inquiry-from .item{width:49%;display:inline-block}
.middle .content .product-show .product-show-left .inquiry-from .type{font-size:16px;margin-bottom:5px}
.middle .content .product-show .product-show-left .inquiry-from .type b{color:#e6252d}
.middle .content .product-show .product-show-left .inquiry-from input{width:100%;background-color:#f8f8f8;height:60px;border:0;margin-bottom:1%;padding-left:10px;outline:0}
.middle .content .product-show .product-show-left .inquiry-from .message{width:98.5%;background-color:#f8f8f8;height:145px;border:0;margin-bottom:1%;padding-left:10px;outline:0;padding-top:15px}
.middle .content .product-show .product-show-left .inquiry-from .submit-btn{padding:13px;width:15%;background-color:#e6252d;border:0;color:#fff;font-size:20px;font-family:frabk;border-radius:50px}
.middle .content .above{margin-bottom:50px;overflow:hidden;margin-top:50px}
.middle .content .above .map{width:50%;float:left;overflow:hidden}
.middle .content .above .map iframe{width:1000px;height:750px;border:none}
.middle .content.contact{margin-top:0}
.middle .content.contact .above{margin-top:0}
.middle .content .above .contact-us{width:45%;float:right;margin-top:100px}
.middle .content .above .contact-us .top .text{font-family:frabk;font-size:18px;color:#666}
.middle .content .above .contact-us .top .title{font-size:30px;color:#222;font-family:fradm;padding-bottom:40px;border-bottom:1px solid #eee}
.middle .content .above .contact-us .top a{font-size:20px;color:#aaa;font-family:frabk;display:block;margin-bottom:20px}
.middle .content .above .contact-us .top a span{padding:8px;background-color:#adadad;color:#fff;border-radius:50%;margin-right:10px;font-size:16px}
.middle .content .above .contact-us .top .email{margin-top:20px}
.middle .content .above .contact-us .top .address{padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:30px}
.middle .content .above .contact-us .consultant{overflow:hidden;margin-bottom:20px}
.middle .content .above .contact-us .consultant .consultant-box{width:78%;float:right;font-size:16px;font-family:frabk;color:#666}
.middle .content .above .contact-us .consultant .consultant-box p{margin:0}
.middle .content .above .contact-us .consultant .img{width:18%;float:left;margin:10px;border-radius:10px;overflow:hidden}
.middle .content .above .contact-us .consultant .img img{width:100%;object-fit:cover}
.middle .content .above .contact-us .consultant .consultant-box .name{font-size:22px;color:#333;font-family:fradm}
.middle .content .above .contact-us .consultant .consultant-box .whatsapp{border:1px solid #eee;width:160px;padding:2px 8px 2px 8px;border-radius:50px;margin-top:10px}
.middle .content .above .contact-us .consultant .consultant-box .whatsapp img{width:25px}
.middle .content .above .contact-us .consultant .consultant-box .whatsapp a{display:block;color:#666;padding:5px}
.middle .content .below{overflow:hidden}
.middle .content .below .container{text-align:center}
.middle .content .below .contact-us-box p:nth-child(1){font-family:fradm;font-size:30px;color:#222}
.middle .content .below .contact-us-box p:nth-child(2){font-family:frabk;font-size:16px;color:#999}
.middle .content .below .contact-us-box{margin:auto;margin-bottom:100px;text-align:center;margin-top:45px;width:1060px}
.middle .content .below .contact-us-box .inquiry-from{margin-top:30px}
.middle .content .below .contact-us-box .inquiry-from .item{width:49%;display:inline-block}
.middle .content .below .contact-us-box .inquiry-from .item_message{width:98.5%;margin:auto}
.middle .content .below .contact-us-box .inquiry-from .type{width:100%;text-align:left;font-size:16px;margin-bottom:5px}
.middle .content .below .contact-us-box .inquiry-from .item .type b{color:#e6252d}
.middle .content .below .contact-us-box .inquiry-from input{width:100%;background-color:#fae8e9;height:60px;border:0;margin-bottom:1%;padding-left:10px;font-size:16px;outline:0}
.middle .content .below .contact-us-box .inquiry-from .message{width:100%;background-color:#fae8e9;height:150px;border:0;margin-bottom:1%;padding-left:10px;outline:0;padding-top:15px}
.middle .content .below .contact-us-box .inquiry-from .submit-btn{padding:12px;width:14%;background-color:#e6252d;border:0;color:#fff;font-size:20px;font-family:frabk;border-radius:20px;margin-top:20px}
.middle .content .list .video-list-left{width:74%;float:left}
.middle .content .list .video-list-left>ul{overflow:hidden;margin-left:-20px}
.middle .content .list .video-list-left .video-vessel{width:31.3%;overflow:hidden;float:left;margin-left:20px;margin-bottom:50px}
.middle .content .list .video-list-left .video-vessel .video-view img{margin-right:5px}
.middle .content .list .video-list-left .video-vessel .video-view .txt{margin-right:15px}
.middle .content .list .video-list-left .video-vessel .img{position:relative;cursor:pointer}
.middle .content .list .video-list-left .video-vessel .img img{width:100%}
.middle .content .list .video-list-left .video-vessel .title{font-size:18px;color:#222;padding-top:10px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;height:65px}
.middle .content .list .video-list-left .video-vessel .img .video-btn{position:absolute;bottom:10%;left:8%;padding:5px 5px 3px 5px;border:2px #fff solid;border-radius:20px;width:75px;text-align:center;color:#fff;font-size:20px}
.middle .content .list .video-list-left .video-vessel .text{border:1px solid #eee;padding:20px}
.middle .content .list .video-list-left .video-vessel .text .video-view{font-family:frabk;font-size:16px;color:#999;margin-top:10px}
.middle .content .list .video-list-left .video-vessel .text .video-view span{margin-right:5px}
.middle .content .list .video-list-left .video-vessel .text .video-view .txt{margin-left:10px;font-family:frabk}
.middle .content .list .video-list-left .video-vessel .about-video{display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:50}
.middle .content .list .video-list-left .video-vessel .about-video .video-box{width:50%;height:60vh;position:fixed;z-index:60;top:20%;left:25%}
.middle .content .list .video-list-left .video-vessel .about-video .video-box iframe{width:100%;height:100%}
.middle .content .list .video-list-left .video-vessel .about-video .pop{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%}
.middle .content .list .video-list-left .video-vessel .more{font-size:16px;color:#f08d21;font-family:frabk;text-transform:uppercase}
.middle .content .list .video-list-left .video-vessel .more img{margin-bottom:2px;margin-left:10px}
.middle .content .news-show{margin-top:40px}
.middle .content .list .downloads-list-left{width:74%;float:left}
.middle .content .list .downloads-list-left>ul li{border-bottom:1px #ddd solid;display:flex;justify-content:space-between;flex-wrap:wrap;padding:30px 0 30px 0}
.middle .content .list .downloads-list-left>ul li .left-d{width:86%}
.middle .content .list .downloads-list-left>ul li:hover .wrap{color:#e6252d}
.middle .content .list .downloads-list-left>ul li:hover .wrap .right-icon{color:#fff;background-color:#e6252d;border:1px #e6252d solid}
.middle .content .list .downloads-list-left .wrap{font-size:20px;font-family:fradm;color:#333}
.middle .content .list .downloads-list-left .wrap .title{width:95%;float:right;font-size:20px;font-family:fradm}
.middle .content .list .downloads-list-left .wrap .icon{width:5%;float:left;margin-top:-15px}
.middle .content .list .downloads-list-left .wrap .right-icon{padding:5px 20px;border:1px #999 solid;border-radius:20px;color:#333;font-size:16px;font-family:frabk;cursor:pointer}
.middle .content .list .downloads-list-left .wrap .right-icon img{margin-right:10px}
.middle .content .product-show .product-show-left .news-details{padding-left:35px;border-left:1px solid #ef8d21}
.middle .content .product-show .product-show-left .news-details ul li{list-style:inside}
.middle .content .product-show .product-show-left .news-details ol li{list-style:auto inside}
.middle .content .product-show .product-show-left .news-details h2{display:inline-block;margin:0}
.middle .content .product-show .product-show-left .news-details .title{margin-bottom:20px;border-bottom:1px solid #ddd}
.middle .content .product-show .product-show-left .news-details p{font-size:16px;font-family:frabk}
.middle .content .product-show .product-show-left .news-details p img{max-width:100%!important;height:auto!important}
.middle .content .product-show .product-show-left .news-details .title h1{font-size:30px;font-family:fradm;color:#222}
.middle .content .product-show .product-show-left .news-details .title .video-view{font-family:frabk;font-size:16px;color:#999;margin-top:20px;padding:7px;background-color:#eee;width:15%;border-radius:20px;margin-bottom:30px;display:inline-block}
.middle .content .product-show .product-show-left .news-details .title .video-view span{margin-right:5px}
.middle .content .product-show .product-show-left .news-details .title .video-view .txt{margin-left:10px}
.middle .about-content{width:100%}
.middle .content .about{margin-top:25px}
.middle .content .about .introduce{font-size:18px;font-family:frabk;color:#222}
.middle .content .about .develo{margin-top:90px}
.middle .content .about .develo .title{font-size:26px;font-family:fradm;color:#222;text-align:center}
.middle .content .about .develo .develo-img{width:100%}
.middle .content .about .develo{position:relative}
.middle .content .about .develo .item-title{display:none}
.middle .content .about .develo .develo-text .item{position:absolute;font-size:18px;line-height:22px;font-family:frabk;color:#222;word-break:break-all}
.middle .content .about .develo .develo-text .item .year{display:none}
.middle .content .about .develo .develo-text .item-desc-1{bottom:15%;width:13.6%}
.middle .content .about .develo .develo-text .item-desc-2{width:16%;left:18%;bottom:0}
.middle .content .about .develo .develo-text .item-desc-3{left:45%;bottom:20%;width:16%}
.middle .content .about .develo .develo-text .item-desc-4{left:15%;bottom:50%;width:15%}
.middle .content .about .develo .develo-text .item-desc-5{top:10%;width:22%;left:8%}
.middle .content .about .develo .develo-text .item-desc-6{top:8%;right:19%;width:23.7%}
.middle .content .about .develo .develo-text .item-desc-7{top:35%;right:32%;width:14.6%}
.middle .content .about .develo .develo-text .item-desc-8{width:13%;bottom:25%;right:2%}
.middle .content .about .develo .video{position:relative;height:100%;width:100%;margin-top:90px}
.middle .content .about .develo .video .cover{width:100%;height:100%;object-fit:cover;vertical-align:middle}
.middle .content .about .develo .video .text{height:65px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;color:#fff;font-size:30px;font-family:fradm;text-align:center}
.middle .content .about .develo .video .about-video{display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:50}
.middle .content .about .develo .video .about-video .video-box{width:70%;height:75vh;position:fixed;z-index:60;top:20%;left:15%}
.middle .content .about .develo .video .about-video .video-box iframe{width:100%;height:100%}
.middle .content .about .develo .video .about-video .pop{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,.8)}
.middle .content .about .services{display:flex;justify-content:space-between;flex-wrap:wrap}
.middle .content .about .services .item{margin-top:60px;width:30%;text-align:center}
.middle .content .about .services .item p{font-size:24px;font-family:fradm;color:#222}
.middle .content .about .services .item span{display:block;text-align:start;font-size:20px;color:#666;font-family:frabk;word-break:break-all}
.middle .content .quality{margin-top:100px;position:relative}
.middle .content .quality .quality-item{position:absolute;top:35%;left:0;margin:auto;right:0;bottom:0}
.middle .content .quality .quality-item .quality-item-desc{width:20%!important;float:left}
.middle .content .quality .quality-title{font-size:30px;color:#fff;font-family:fradm;position:absolute;top:10%;left:40%}
.middle .content .quality .quality-item .quality-item-desc .quality-num{background:url(../images/icon-circular.png) center center no-repeat;width:47%;padding:23px;font-size:50px;font-family:fradm;color:#fff;text-align:center;margin-left:60px}
.middle .content .quality .quality-item .quality-item-desc .quality-desc{font-size:20px;font-family:frabk;width:72%;color:#fff;margin-left:45px;margin-top:10px}
.middle .content .album{margin-top:60px;text-align:center}
.middle .content .album p{font-size:26px;font-family:fradm;color:#222;width:80%;margin:auto;margin-bottom:50px}
.middle .content .honor-box{width:100%;margin:auto;background:url(../images/honor-bg.png) no-repeat center/cover;padding-bottom:80px}
.middle .content .honor-box .certification{margin-top:80px}
.middle .content .honor-box .certification .certification-title{font-size:26px;text-align:center;font-family:fradm}
.middle .content .honor-box .certification #certify{position:relative;width:1360px;margin:0 auto;margin-top:70px}
.middle .content .honor-box .certification #certify .swiper-container{padding-bottom:60px}
.middle .content .honor-box .certification #certify .swiper-slide{width:286px;height:380px;background:#fff;box-shadow:0 8px 30px #ddd}
.middle .content .honor-box .certification #certify .swiper-slide img{display:block}
.middle .content .honor-box .certification #certify .swiper-wrapper{width:1400px;height:500px;margin:auto}
.middle .content .honor-box .certification #certify .swiper-slide img{width:100%;height:auto;border:5px solid #ccc;box-sizing:border-box}
.middle .content .honor-box .certification #certify .swiper-button-next:after,.middle .content .honor-box .certification #certify .swiper-button-prev:after{content:''}
.middle .content .honor-box .certification #certify .swiper-button-prev{left:-90px}
.middle .content .honor-box .certification #certify .swiper-button-next{right:-90px}
.middle .content .honor-box .certification #certify .swiper-button-next,.middle .content .honor-box .certification #certify .swiper-button-prev{width:50px;height:52px;background:url(../images/attr-right.png) no-repeat center/100%;opacity:1}
.middle .content .honor-box .certification #certify .swiper-button-next:hover,.middle .content .honor-box .certification #certify .swiper-button-prev:hover{background-image:url(../images/attr-right-h.png)}
#certify .swiper-button-prev{transform:rotate(180deg)}
.middle .content .mission{text-align:center}
.middle .content .mission img{width:100%}
.middle .page-content{background:#f8f8f8;padding:40px 0}
.middle .page-content .content-box{display:flex;flex-direction:row-reverse}
.middle .page-content .content-box .list-content{width:100%}
.middle .page-content .quotatio{color:#333;font-size:16px}
.middle .page-content .quotatio>h1{font-size:26px;font-weight:700}
.middle .page-content .quotatio>p{color:#666;margin-top:20px}
.middle .page-content .quotatio .row{background:#fff;margin:20px 0}
.middle .page-content .quotatio .quotation-box>div{padding:0}
.middle .page-content .quotatio .quotation-box .qpl{border:1.5px solid #e2e2e2}
.middle .page-content .quotatio .quotation-box div .product-header{display:flex;background:#e2e2e2;padding:25px 0;color:#666}
.middle .page-content .quotatio .quotation-box div .action{width:15%;text-align:center}
.middle .page-content .quotatio .quotation-box div .product-item{width:70%;display:flex}
.middle .page-content .quotatio .row #quotatio-product-list .quotatio-item{display:flex;padding:15px 0;border-bottom:1px solid #eee}
.middle .page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox{width:30%}
.middle .page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox img{width:100%}
.middle .page-content .quotatio .row #quotatio-product-list .quotatio-item .text{width:70%;margin:40px 20px}
.middle .page-content .quotatio .row #quotatio-product-list .quotatio-item .action{margin-top:50px}
.middle .page-content .quotatio .row #quotatio-product-list .quotatio-item .action img{cursor:pointer}
.middle .page-content .quotatio .row #quotatio-product-list .quotatio-item .text h3{font-size:18px;line-height:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#333}
.middle .page-content .quotatio .row #quotatio-product-list .quotatio-item .text p{margin-top:10px;color:#999}
.middle .page-content .quotatio .quotation-box .message-box{margin:0;padding-top:20px}
.middle .page-content .quotatio .quotation-box .message-box .header span{font-size:26px;font-weight:700}
.middle .page-content .quotatio .quotation-box .message-box .checktext{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #eee;margin-bottom:30px}
.middle .page-content .quotatio .quotation-box .message-box .checktext .buttom span#clear{cursor:pointer}
.middle .page-content .quotatio .quotation-box .message-box .checktext .buttom input[type=checkbox]{margin-right:10px}
.middle .page-content .quotatio .quotation-box .message-box .checktext .text{margin-top:-15px}
.middle .page-content .quotatio .quotation-box .message-box .checktext .text span{color:#e6252d;font-size:30px;font-weight:700;margin-right:10px}
.middle .page-content .quotatio .quotation-box .message-box .from textarea{height:320px}
.middle .page-content .quotatio .quotation-box .message-box .from .submit{text-align:right}
.middle .page-content .quotatio .quotation-box .message-box .from .submit input[type=button]{background:unset;color:#e6252d;border:1px solid #e6252d;margin-right:10px}
.page-content .message-box{margin:20px auto;background:#fff;padding:30px}
.page-content .message-box .from{margin-top:30px}
.page-content .message-box .from .input{display:flex;justify-content:space-between;margin-bottom:20px}
.page-content .message-box .from .input>div{width:32.5%}
.page-content .message-box .from .input input{width:100%;padding:15px 20px}
.page-content .message-box .from textarea{width:100%;height:150px;padding:15px 20px;margin-bottom:20px}
.page-content .message-box .from .input input,.page-content .message-box .from textarea{background:#f8f8f8;border:0;resize:none;font-size:16px}
.page-content .message-box .from .submit input{padding:5px 30px;color:#fff;background:#e6252d;border:0;font-size:20px;border-radius:30px}
.sidebar-inner-top{position:fixed;top:30%;right:.5%;z-index:999}
.sidebar-inner-top .inner-top{background-color:#f08d21;padding:20px;border-radius:8px 8px 0 0;font-size:18px;font-family:fradm;color:#fff;cursor:pointer}
.sidebar-inner-top .inner-top.open-im{display:none;transform:rotate(90deg);margin-right:-81px;border-radius:unset}
.sidebar-inner-top .inner-top.open-im img{display:none}
.sidebar-inner-top .inner-top span{margin-right:20px}
.sidebar-inner-top .inner-top>img{cursor:pointer}
.sidebar-inner-top .inner-buttom{background-color:#fff;padding-top:15px;padding-bottom:15px}
.sidebar-inner-top .inner-buttom .line{padding:10px 15px 10px 19px;font-size:16px;font-family:frabk}
.sidebar-inner-top .inner-buttom>.line a{color:#666}
.sidebar-inner-top .inner-buttom>.line a span{margin-left:5px}
.sidebar-inner-bottom a{display:block;color:#fff}
.sidebar-inner-bottom{width:310px;background-color:#f08d21;position:fixed;bottom:35%;right:.5%;z-index:999;border-radius:8px 8px 0 0;line-height:60px;text-align:center;font-size:18px;font-family:fradm}
.sidebar-inner-bottom .bottom-message{display:none}
.sidebar-inner-bottom .icon_down{margin-left:15px;color:#fff}
.sidebar-inner-bottom .bottom-message .inquiry-from{background-color:#fff;overflow:hidden;padding:25px;font-size:16px;color:#666;font-family:frabk;margin-top:-1px}
.sidebar-inner-bottom .bottom-message .inquiry-from .item,.sidebar-inner-bottom .bottom-message .inquiry-from .item_name,.sidebar-inner-bottom .bottom-message .inquiry-from .item_phone{width:100%;text-align:left}
.sidebar-inner-bottom .bottom-message .inquiry-from .type{line-height:initial;margin-bottom:10px}
.sidebar-inner-bottom .bottom-message .inquiry-from .type b{color:#e6252d}
.sidebar-inner-bottom .bottom-message .inquiry-from input{width:100%;background-color:#eee;height:40px;border:0;margin-bottom:4px;padding-left:10px;outline:0;border:1px solid #ddd;display:block}
.sidebar-inner-bottom .bottom-message .inquiry-from .message{width:99%;height:99px;margin-bottom:5px;padding-left:10px;outline:0;background-color:#eee;border:1px solid #ddd;line-height:initial;padding-top:15px}
.sidebar-inner-bottom .bottom-message .inquiry-from .submit-btn{width:45%;background-color:#e6252d;border:0;color:#fff;font-size:16px;font-family:fradm;border-radius:5px;margin-top:4px;line-height:40px;text-transform:uppercase}
#online_qq_layer{width:310px;background-color:#f08d21;position:fixed;bottom:2%;right:.5%;z-index:99999999999;border-radius:8px 8px 0 0;line-height:60px;text-align:center;font-size:18px;font-family:fradm}
#floatShow{display:block}
#floatHide{display:none;position:absolute;top:0;left:30px}
.floatHide{position:absolute;top:0;right:5px;display:none}
#online_qq_tab{position:relative;z-index:9;height:60px}
#onlineService{display:none}
.consulting{position:fixed;bottom:2%;right:1%;background-color:#f08d21;padding:23px;border-radius:10px;font-size:16px;z-index:999999;display:none}
.consulting a{display:block;color:#fff;font-family:fradm}
#google_translate_element{display:inline}
.goog-te-gadget{display:inline}
.goog-te-gadget-simple{border:none!important;padding:0!important;font-size:16px!important;background:0 0!important}
.goog-te-gadget-simple .goog-te-menu-value span{color:#fff!important}
.goog-te-menu-frame{box-shadow:none!important;top:60px!important}
.goog-te-menu2-item-selected .text{font-family:fradm}
.goog-te-menu2-item:active div,.goog-te-menu2-item:link div,.goog-te-menu2-item:visited div,iframe .goog-te-menu2-item div{color:#f08d21!important}
.goog-te-menu2-item:hover div{color:#f08d21;background-color:#fff}
.w-35{width:35%}
.middle .banner{padding-top:136px}
.middle .banner .banner-text.w-35{width:35%}
.middle .content .list .list-right .likebox{background:#fff;margin-bottom:10px;margin-top:20px}
.middle .content .list .list-right .likebox>p{padding:30px;background:#e6252d;font-size:20px;color:#fff;font-weight:700}
.middle .content .list .list-right .likebox>p img{margin-right:10px;width:30px}
.middle .content .list .list-right .likebox .like-swiper{padding:10px}
.middle .content .list .list-right .likebox .like-swiper .product-item>div:nth-child(2){padding:0 5px}
.middle .content .list .list-right .likebox .like-swiper .imgbox{border:1px solid #eee}
.middle .content .list .list-right .likebox .like-swiper div>img{width:100%}
.middle .content .list .list-right .likebox .like-swiper div h4{font-size:16px;padding:15px 7px 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#000;margin-bottom:4px}
.middle .content .list .list-right .likebox .like-swiper div>a>h4{font-size:18px;padding:0 10px}
.middle .content .list .list-right .likebox .like-swiper div>a>h4:hover{color:#e6252d}
.middle .content .list .list-right .likebox .like-swiper .post-item{border-bottom:1px solid #eee;padding-bottom:20px;padding:20px;padding-top:5px}
.middle .content .list .list-right .likebox .like-swiper .post-item div{color:#666;padding:0}
.middle .content .list .list-right .likebox .like-swiper .post-item div img{width:19px;height:auto;margin-right:10px}
input::placeholder,textarea::placeholder{color:#ccc}