@charset "utf-8";
.container{min-height:1273px}
.mt12{height:12px;clear:both}
.banner{width:1218px;height:241px;border:6px #856604 solid;margin:0 auto;border-radius:5px;background:url(../images/banner.jpg) center no-repeat;position:relative;z-index:2}
.b2{background-image:url(../images/banner_2.jpg)}
.b3{background-image:url(../images/banner_3.jpg)}
.b4{background-image:url(../images/banner_4.jpg)}
.b5{background-image:url(../images/banner_5.jpg)}
.b6{background-image:url(../images/banner_6.jpg)}
.b7{background-image:url(../images/banner_7.jpg)}
.b8{background-image:url(../images/banner_8.jpg)}
.b9{background-image:url(../images/banner_9.jpg)}
.b10{background-image:url(../images/banner_10.jpg)}
.b11{background-image:url(../images/banner_11.jpg)}
.other-wrap{width:1230px;min-height:1008px;margin:0 auto;border-bottom-left-radius:10px;border-bottom-right-radius:10px;position:relative;top:-9px;background:#fff}
.left-side-bar,.main{display:table-cell;vertical-align:top;word-wrap:break-word;word-break:break-all}
.left-side-bar{width:318px;min-width:318px;max-width:318px;border-right:2px solid #e5e5e5;height:1008px;min-height:1008px;padding-bottom:22px}
.main{width:2000px}
.left-side-bar .side-box{border:2px #898989 solid;margin:31px 18px 0 10px}
.left-side-bar .side-box .title{height:180px;background:url(../images/side_title_bg.png) top left no-repeat}
.left-side-bar .side-box .title h1{display:block;float:left;width:134px;height:70px;margin:40px 0 0 30px;padding:0;color:#000;font-size:25px;line-height:32px;font-weight:bold}
.left-side-bar .menu li{height:47px;line-height:47px;font-size:18px;font-weight:700;border-top:1px #898989 solid}
.left-side-bar .menu li a{display:block;padding-left:20px}
.left-side-bar .menu li.current{background-color:#535353;position:relative}
.left-side-bar .menu li.current:after{content:'';display:block;height:100%;position:absolute;left:-2px;top:0;border-left:2px #ffd200 solid}
.left-side-bar .menu li.current a{color:#ffd200;background:url(../images/menu_arrow.png) right center no-repeat}
.main .crumbs{height:30px;padding:39px 28px 0 0;font-weight:700;font-size:14px;color:#535353;border-bottom:2px #e5e5e5 solid;text-align:right;line-height:18px}
.left-side-bar .menu li.child{height:auto;line-height:23px;font-size:13px;font-weight:400;padding-left:28px}
.left-side-bar .menu li.child .submenu{border-left:1px #898989 dotted}
.left-side-bar .menu li.child .submenu a{display:block;color:#535353;border-bottom:1px #898989 dotted;background:url(../images/menu_line.png) left center no-repeat}
.left-side-bar .menu li.child .submenu a:hover{color:#f08e11}
.left-side-bar .menu li.child .submenu a:last-child{border-color:transparent}
.product-menu{margin-bottom:36px;border-bottom:1px #898989 solid}

.main .crumbs .position{background:url(../images/icon_position.png) left center no-repeat;padding-left:25px;padding-top:8px}
.main .crumbs .arrow{padding:0 8px}
.main .crumbs .current{font-weight:bold}
.main .title-bar{height:52px;text-align:center;background:url(../images/title_bg.png) center no-repeat}
.main .title-bar h1{display:inline-block;width:257px;height:48px;line-height:48px;font-size:21px;color:#333;margin:0;padding:0}
.main .title-bar2{height:52px;text-align:center;background:url(../images/title_bg2.png) center no-repeat}
.main .title-bar2 h1{display:inline-block;width:320px;height:48px;line-height:48px;font-size:21px;color:#333;margin:0;padding:0}

.detail{padding:62px 30px 30px}
.detail .content{padding-top:20px;line-height:23px}
.detail .content p{margin:0;padding:10px 0}
.detail .content td{border:1px #aaa solid}

.faq-list{padding:32px 30px 50px}
.faq{background-color:#e5e5e5;margin-top:20px}
.faq .title{line-height:62px;font-size:21px;font-weight:700;padding-left:72px;background:url(../images/icon_q.png) left center no-repeat;border-bottom:1px #000 dashed}
.faq .content{padding:0 0 16px 72px;margin-top:16px;line-height:28px;background:url(../images/icon_a.png) left top no-repeat}
.faq .content .info{background-repeat:no-repeat;background-position:right center}

.news-letter{padding:62px 30px 30px}
.news-letter .top-news{padding:58px 0 52px}
.news-letter .top-news dt{width:268px;float:left}
.news-letter .top-news dt img{border:1px #212121 solid}
.news-letter .top-news dd{float:right;width:562px}
.news-letter .top-news dd .date{font-size:30px;line-height:30px;font-weight:700;color:#535353;padding-bottom:8px}
.news-letter .top-news dd .title{color:#000;font-size:18px;font-weight:bold}
.news-letter .top-news dd .intro{padding:8px 0;line-height:23px}
.news-letter .top-news dd .more{text-align:right}
.news-letter .top-news dd .more a{display:inline-block;width:80px;height:30px;background-color:#535353;color:#fff;text-align:center;line-height:30px}
.news-letter .top-news dd .more a:hover{background-color:#000}
.news-letter .top-news dd .titlebar:hover *{color:#ffd200}
.news{padding:25px 0;overflow:auto;border-bottom:1px #535353 dashed}
.news dt{float:left;width:80px}
.news dt .date{width:78px;height:78px;border:1px #535353 solid}
.news dt .date .day{height:54px;line-height:54px;text-align:center;font-size:35px;background-color:#e5e5e5}
.news dt .date .year-month{height:24px;line-height:24px;background-color:#535353;color:#fff;font-size:14px;text-align:center}
.news dd{width:752px;float:right}
.news .title{font-size:18px}
.news .title:hover{color:#ffd200}
.news .attribute{height:35px;line-height:35px;border-bottom:1px #535353 dashed}
.news .attribute span{padding-right:40px;color:#535353}
.news .intro{padding:12px 0;line-height:23px}
.news .more a{display:inline-block;width:80px;height:30px;background-color:#535353;color:#fff;text-align:center;line-height:30px}
.news .more a:hover{background-color:#000}
.first dt .date{border-color:#ffd200}
.first dt .date .day{color:#ffd200}
.first dt .date .year-month{background-color:#ffd200}
.first .title{color:#ffd200;font-size:18px}
.first .title:hover{color:#fe8f00}

.news-letter-detail{padding:32px 30px 50px}
.news-letter-detail .title{font-size:18px;padding-bottom:8px;font-weight:bold}
.news-letter-detail .attribute{height:35px;line-height:35px;border-bottom:1px #535353 solid}
.news-letter-detail .attribute span{padding-right:40px}
.news-letter-detail .content{padding-top:20px;line-height:23px}
.news-letter-detail .content p{margin:0;padding:10px 0}

.trade-show{padding:32px 30px 50px}
.trade-show .title-bar{margin-bottom:40px}
.trade-show dl dd,.trade-show dl dt{display:table-cell;vertical-align:top;word-wrap:break-word;word-break:break-all}
.trade-show dl dt{width:140px;min-width:140px;max-width:140px;border-right:1px #535353 dashed;position:relative}
.trade-show dl dd{width:2000px;padding-bottom:40px}
.trade-show dl dt .box{padding:12px;text-align:right;font-size:18px;font-weight:700;border-bottom:1px #535353 solid}
.trade-show dl dt .date{color:#535353;font-size:14px;text-align:right;padding:12px}
.trade-show dl dt .arrow{position:absolute;width:15px;height:19px;background:url(../images/trade_show_arrow.jpg) center no-repeat;top:46px;right:-15px}
.trade-show dl dd{padding-left:33px}
.trade-show dl dd .t1,.trade-show dl dd .t2{padding:3px 0;line-height:20px}
.trade-show dl dd ul{padding-top:10px;overflow:auto}
.trade-show dl dd ul li{float:left;width:33.33%}
.trade-show dl dd ul li img{border:1px #535353 solid}
.trade-show .start{width:143px;height:5px;background:url(../images/trade_show_start.jpg) right center no-repeat}
.trade-show .end{width:149px;height:15px;background:url(../images/trade_show_end.jpg) right center no-repeat}
.trade-show .line{height:5px;background:url(../images/trade_show_line.jpg) top center no-repeat}

.top-brand{padding:30px 0}
.top-brand li{float:left;padding:20px 0;width:20%;text-align:center}
.top-brand img{border:2px #fabe00 solid}
.top-brand .title{line-height:25px;font-weight:bold;color:#898989}

.top-brand-xcmg{padding:30px}
.top-brand-xcmg li{float:left;padding:11px 0;width:20%;text-align:center;border-bottom:1px #e5e5e5 solid}
.top-brand-xcmg li a{display:block;border-right:1px #e5e5e5 solid}
.top-brand-xcmg li.r a{border-right:0}
.top-brand-xcmg .title{display:block;height:40px;line-height:18px;color:#393838}

.truck-crane{padding:30px 20px}
.truck-crane li{float:left;width:20%;margin-bottom:20px}
.truck-crane li .box{display:block;width:160px;border:1px #535353 solid;margin:0 auto;color:#000}
.truck-crane li .box .title{height:30px;line-height:30px;padding:0 8px;font-size:14px;font-weight:700}
.truck-crane li .box .info{padding:10px;height:54px;overflow:hidden}

.successful-cases{padding:30px 15px}
.successful-cases ul{overflow:auto}
.successful-cases li{float:left;width:25%;padding-bottom:30px;}
.successful-cases .box{width:253px;margin:0 auto}
.successful-cases .box a{display:block;width:253px;text-align:center}
.successful-cases .box a img{width:100%;height:189px;border:1px #a38312 solid}
.successful-cases .box a:hover{color:#ffd200}
.successful-cases .box a:hover img{border-color:#ffd200}
.successful-cases .box .title{display:block;padding-top:5px;height:40px;line-height:18px;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:bold}
.successful-cases .box .date{line-height:25px}

.news-events{padding:30px 15px}
.news-events li{float:left;width:50%}
.news-events .box{display:block;width:544px;height:134px;padding:9px;border:1px #535353 solid;margin:0 auto 30px}
.news-events .box dl dt{width:176px;float:left}
.news-events .box dl dd{width:355px;float:right}
.news-events .box img{width:176px;height:132px;border:1px #535353 solid}
.news-events .box .title{font-size:14px;font-weight:700;line-height:20px;margin-bottom:8px;overflow:hidden;height:40px}
.news-events .box .intro{height:60px;line-height:20px;overflow:hidden}
.news-events .box .date{padding-top:8px}
.news-events .pageer{padding-top:30px}
.news-events .box:hover,.news-events .box:hover img{border-color:#ffd200;color:#ffd200}
.our-team {padding:30px 15px}

.client-visit{padding:30px 15px}
.client-visit li{float:left;width:50%}
.client-visit .box{display:block;width:566px;height:154px;border:1px #535353 solid;margin:0 auto 30px}
.client-visit .box dl dt{width:205px;float:left}
.client-visit .box dl dt img{width:205px;height:154px}
.client-visit .box dl dd{width:334px;height:128px;padding:5px;margin:7px 7px 0 0;float:right;border:1px #535353 solid;background-color:#e5e5e5}
.client-visit .box .title{font-size:14px;font-weight:700;line-height:20px;margin-bottom:8px;overflow:hidden;height:40px}
.client-visit .box .intro{height:53px;line-height:18px;overflow:hidden}
.client-visit .box .date{padding-top:8px}
.client-visit .pageer{padding-top:30px}
.client-visit .box:hover,.client-visit .box:hover dd{border-color:#ffd200}
.client-visit .box:hover dd{background-color:#ffd200;color:#000}

.left-contents{float:left;width:850px;margin:30px 0 30px 30px}
.left-contents .title{font-size:17px;text-align:center}
.left-contents .attribute{line-height:40px;border-bottom:1px #535353 solid;text-align:center}
.left-contents .attribute span{padding:0 15px}
.left-contents .detail{padding:8px;line-height:23px}
.left-contents .detail p{margin:20px 0}
.left-contents .backlist-btn{display:block;width:146px;height:41px;background:url(../images/backlist_btn.png) center no-repeat;margin:30px auto 0}
.left-contents .recommend-list{padding-top:70px}
.left-contents .recommend-list .stitle-bar{border-bottom:1px #535353 solid}
.left-contents .recommend-list .stitle-bar span{display:inline-block;line-height:40px;background-color:#535353;color:#ffd200;padding:0 20px;border-left:6px #ffd200 solid;font-size:20px}
.left-contents .recommend-list .recommend-cont{background-color:#e5e5e5;margin-top:8px}
.left-contents .recommend-list .recommend-cont ul{overflow:auto}
.left-contents .recommend-list .recommend-cont ul li{width:33.33%;float:left;text-align:center;padding-top:15px}
.left-contents .recommend-list .recommend-cont .thumb{display:inline-block;padding:9px;border:1px #535353 solid}
.left-contents .recommend-list .recommend-cont .thumb img{width:218px;height:163px;vertical-align:middle}
.left-contents .recommend-list .recommend-cont .t{display:inline-block;width:200px;font-size:12px;padding:10px 0 20px;color:#000;font-weight:700}
.left-contents .pre-and-next{border-top:1px #e5e5e5 solid;margin-top:25px;padding-top:25px}
.left-contents .pre-and-next table{width:100%}
.left-contents .pre-and-next .link-content a{display:block;max-width:320px;overflow: hidden}
.left-contents .pre-and-next table,.left-contents .pre-and-next td{border:1px #e5e5e5 solid;border-collapse:collapse;line-height:46px}
.left-contents .pre-and-next .next,.left-contents .pre-and-next .prev{background-color:#e5e5e5;display:block;text-align:center}
.left-contents .pre-and-next a{display:block;padding:0 10px;font-size:12px;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.left-contents .video-container{border:1px #2e2e2e solid;padding:12px}
.left-contents .video-container .video-player{width:824px;height:461px;overflow:hidden}
.left-contents .video-container .info-bar{overflow:auto}
.left-contents .video-container .info-bar .left{width:680px;float:left}
.left-contents .video-container .info-bar .left h1{font-size:18px;line-height:23px}
.left-contents .video-container .info-bar .left .mark{margin-bottom:8px;color:#2e2e2e}
.left-contents .video-container .info-bar .right{float:right;width:125px}
.left-contents .video-container .info-bar .right span{display:block;padding:20px;font-size:14px;text-align:left}
.left-contents .video-list{border-top:1px #535353 dotted;margin-top:70px;padding:0;padding-top:40px}
.left-contents .video-list li{width:33.33%;padding-bottom:0;float:left}

.right-side-bar{float:right;width:290px;margin:30px 30px 30px 0}
.right-side-bar .best-seller{border:1px #e5e5e5 solid;padding-top:8px}
.right-side-bar .best-seller .title-bar{height:40px;background-color:#535353;background-image:none;border-left:3px #ffd200 solid}
.right-side-bar .best-seller .title-bar h2{line-height:40px;float:left;color:#ffd200;margin:0;padding:0;padding-left:15px;font-weight:400}
.right-side-bar .best-seller .title-bar a{display:block;float:right;width:60px;height:40px;background:url(../images/arrow_1.png) center no-repeat}
.right-side-bar .list{padding-bottom:14px}
.right-side-bar .list a{display:block;width:260px;height:155px;margin:14px auto 0}
.right-side-bar .list img{width:260px;height:155px}
.right-side-bar .list-article{padding:10px 10px 20px}
.right-side-bar .list-article li{line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px #cdcdcd dotted}
.right-side-bar .list-article li:last-child{border-bottom:0}

.video-list{padding:30px 15px}
.video-list .list li{float:left;width:25%;padding-bottom:50px}
.video-list .video-box{display:block;width:255px;margin:0 auto;position:relative;background-color:#2e2e2e}
.video-list .video-box img{width:255px;height:144px}
.video-list .video-box .remark{color:#f0ce20;padding:6px 10px;line-height:25px}
.video-list .video-box .remark div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.video-list .video-box .cover{visibility:hidden;position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/video_bg.png)}
.video-list .video-box .cover i{display:block;width:50px;height:50px;background:url(../images/icon_video_play.png) center no-repeat;margin:19% auto 0}
.video-list .video-box:hover .cover{visibility:visible}
.video-list .pageer{padding-top:10px}

.contact-hd{height:254px;border:1px #525252 solid;background:url(../images/contact_1.jpg) center no-repeat}
.map1,.map2{background-color:#313131;padding:7px;border:1px #535353 solid;border-top:0}
.map1{border-bottom:0;padding-bottom:0}
.map1 img,.map2 img{border:1px #535353 solid}


.containerMap{height:278px;background-color:#313131;padding:7px;border:6.0px #313131 solid;border-top:0}

.amap-logo,.amap-copyright{display: none !important;}

.business-wrap{width:799px;height:582px;border:1px #535353 solid;border-top:0;margin:0 auto;background:#525252 url(../images/contact_2.jpg) bottom center no-repeat;-ms-box-shadow:0 5px 8px #525252;-moz-box-shadow:0 5px 8px #525252;-o-box-shadow:0 5px 8px #525252;-webkit-box-shadow:0 5px 8px #525252;box-shadow:0 5px 8px #525252}
.business-card-fixed{width:622px;position:relative;margin:0 auto}
.business-card{background-color:#fff;width:100%;height:274px;position:absolute;top:13px;z-index:2}
.business-card .left{float:left;margin:18px 0 0 17px}
.business-card .left img{border:1px #535353 solid}
.business-card .right{float:right;width:338px;padding-top:15px;font-size:14px;line-height:23px}
.contact-form-wrap{padding-top:130px}

.form-container{border:1px #535353 solid;padding:22px 24px 40px}
.form-container .flex-table{display:table;width:100%}
.form-container .flex{display:table-cell;vertical-align:top}
.form-container .hd{padding:10px 0}
.form-container .hd-title{font-size:18px;font-weight:700;text-align:left}
.form-container .hd-tips{color:#f09210;text-align:center;font-size:18px;font-weight:700}
.form-container .hd-email,.form-container .hd-title{width:20%}
.form-container .hd-email{text-align:right}
.form-container .hd-email a{font-size:18px;color:#535353;font-weight:700;background:url(../images/icon_email.png) left center no-repeat;padding-left:30px}
.form-container .bd{padding-top:20px}
.form-container .label-a{width:70px;text-align:left;padding-left:10px;line-height:30px}
.form-container .label-b{width:150px;text-align:left;line-height:30px}
.form-container .label-c{width:100px;text-align:left;line-height:30px}
.form-container .red{color:#cc0900;font-weight:700}
.form-container .input{text-align:left}
.form-container .input .text{width:80%;height:30px;line-height:30px;padding:0 8px;border:1px #838282 solid}
.form-container .input .select{height:32px;line-height:32px;padding:0 8px;border:1px #838282 solid}
.form-container .input .text2{width:48%}
.form-container .textarea{border:1px #838282 solid;padding:1%;width:98%;height:160px;margin-top:8px}
.form-container .input .text:focus,.form-container .textarea:focus{border-color:#f09210}
.form-container .code{margin-left:8px}
.form-container .code img{height:32px;position:relative;top:-5px}
.btn-bar{padding-top:15px;text-align:center}
.btn-bar button{width:110px;height:39px;line-height:35px;font-size:17px;color:#fff;border:0;margin:0 10px}
.btn-bar .submit{background-color:#ffb300}
.btn-bar .submit:active{background-color:#d59705}
.btn-bar .reset{background-color:#b1b1b3}
.btn-bar .reset:active{background-color:#8d8d8d}

.product-truck-crane{padding:10px 0;margin:0 20px;border-bottom:1px #535353 dashed}
.product-truck-crane:last-child{border-bottom:0}
.product-remak{padding:20px 20px 20px 160px;position:relative;line-height:23px}
.product-remak .logo{position:absolute;left:20px;top:25px;border:2px #fabe00 solid;width:119px;height:39px;overflow:hidden}
.product-remak .logo img{width:119px;height:39px}

.best-seller-wrap{padding:40px 15px}
.best-seller-wrap li{float:left;width:25%;padding-bottom:38px;text-align:center}
.best-seller-wrap li a{display:inline-block;width:258px;height:153px;border:1px #cacaca solid}
.best-seller-wrap li img{width:258px;height:153px}
.best-seller-wrap .pageer{padding-top:0}

.product-name{text-align:center;font-weight:700;font-size:18px;padding:30px 0}
.album{width:731px;height:432px;border:1px #535353 solid;margin:0 auto}
.album .big{width:561px;height:432px;float:left;border-right:1px #535353 solid}
.album .big .preview{width:561px;height:432px;display:table-cell;vertical-align:middle;text-align:center;overflow:hidden}
.album .big .preview .loading{width:120px;height:0;padding-top:65px;background:url(../images/loading.gif) top center no-repeat;display:inline-block;color:#c8c8c8;font-size:14px}
.album .big .preview .error{width:180px;height:0;padding-top:65px;background:url(../images/error.png) top center no-repeat;display:inline-block;color:#ff7b05;font-size:14px}
.album .small{float:right;width:169px}
.album .small .next,.album .small .prev{display:block;height:24px;background-color:#535353}
.album .small .next:hover,.album .small .prev:hover{background-color:#252525}
.album .small .prev{background-image:url(../images/album_arrow.png);background-position:top center;background-repeat:no-repeat}
.album .small .next{background-image:url(../images/album_arrow.png);background-position:bottom center;background-repeat:no-repeat}
.album .small .list-box{width:100%;height:384px;overflow:hidden}
.album .small .list-box ul{padding:3px 0}
.album .small .list-box li{text-align:center;height:120px;overflow:hidden;padding:3px 0}
.album .small .list-box li img{width:157px;height:118px;border:1px #535353 solid}
.album .small .list-box li.active img{border-color:#ffba00}
.product-detail{padding:20px 30px;line-height:23px;min-height:900px}
.product-form-wrap{padding:0 30px 30px}
.product-detail p{margin:20px 0}
.product-detail td{border:1px #aaa solid}

.search-result li {line-height:30px;border-bottom:1px #cdcdcd dashed}

.pageer{padding:60px 0 40px;text-align:center}
.pageer li{display:inline-block;}
.pageer a,.pageer span{display:inline-block;border:1px #535353 solid;font-size:20px;height:32px;line-height:32px;padding:0 12px;margin:0 5px}
.pageer li.disabled span, .pageer li.active span{color:#ccc;border-color:#ccc}


@media only screen and (max-width:960px) {
    .container{min-height: auto;padding: 8px;}
    .mt12{height: 0;}
    .left-side-bar{float: none; height: auto; width: auto;min-width: 0;max-width: none;min-height: 0;margin: 0;position: fixed;border-radius: 0;border: 0;padding: 0;box-sizing: border-box;transition:left .5s;background: transparent;left:-220px; position: fixed;top: 0;bottom: 0;overflow-y: auto;width: 220px;background: #fff;z-index: 50;}
    .clearMenu{position: fixed;left: 0; transition:left .5s; top: 50%;margin-top: -15px;z-index: 50;content: ''; width: 30px;height: 30px;border-radius: 0 5px 5px 0;background:rgba(254,184,19,.7) url(../images/menu.png) no-repeat center;background-size: cover;}
    .clearMenu.on{left: 220px;background:rgba(254,184,19,.7) url(../images/menu2.png) no-repeat center;background-size: cover;}
    .left-side-bar.on{left: 0;box-shadow: 5px 0 5px -1px rgba(0,0,0,.1);}
    .left-side-bar .side-box{margin: 0;padding: 10px;border: 0;}
    .right-contents{width: auto;float: none;margin: 0;}
    .main{display: block;width: auto;}
    .banner{width: auto;height: 3.2rem;border: 0;background-size: cover;border-radius: 0;}
    .other-wrap{width: auto;top: 0;min-height: 50vh;}
    .main .crumbs{height: auto;padding: 8px;font-size: 12px;border-bottom: 1px solid #eee;}
    .main .crumbs .position{padding-top: 4px;}
    .main .crumbs .arrow{padding: 0 5px;}
    .detail{padding:12px 8px;}
    .detail .content{padding-top: 10px;}
    .left-side-bar .side-box .title{height: 168px;}
    .main .title-bar h1{height: 40px;line-height: 40px;font-size: 18px;}
    .main .title-bar{height: 40px;background-size: auto 100%;}
    .left-side-bar .menu li{line-height: 1.5;height: auto;}
    .left-side-bar .menu li a{padding: 10px 0 10px 10px;font-size: 16px;}
    .left-side-bar .menu li.child .submenu a{font-size: 14px;padding: 3px 0 3px 15px;}
    .faq{margin: 0 0 10px 0;}
    .faq .title{line-height: 1.5;font-size: 16px;padding: 8px 8px 8px 70px;}
    .faq .content .info{background-position: right bottom;background: transparent !important;line-height: 1.8;}
    .news-letter{padding: 12px 8px;}
    .news-letter .top-news dd{float: none;width: auto;overflow: hidden;}
    .news-letter .top-news dt{margin-right: 12px;}
    .news-letter .top-news{padding: 12px 0;}
    .pageer{padding: 5% 0;}
    .detail .content p{padding-bottom: 0;}
    .top-brand-xcmg{padding: 12px 8px;}
    .top-brand-xcmg ul,.truck-crane ul{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;overflow: hidden;}
    .top-brand-xcmg li{width: 25%;}
    .top-brand-xcmg li img{display: block;height: auto !important;width: 100% !important;}
    .top-brand-xcmg li.r a{border-right: 1px #e5e5e5 solid;}
    .top-brand-xcmg li:nth-child(4n) a{border-right: 0;}
    .product-truck-crane{margin: 0;padding: 8px;}
    .truck-crane li .box{width: auto;}
    .truck-crane li .box img{display: block;width: 100% !important;height: 1.4rem !important;object-fit: cover;}
    .truck-crane li{width: 24%;margin: 0.5%;}
    .product-name{padding: 10px 0;}
    .album{width: auto;height: auto;overflow: hidden;margin: 0 8px;}
    .album .big{width: 80%;height: auto;}
    .album .big .preview{width: auto;height: 5.2rem;}
    .album .small{float: none;width: auto;overflow: hidden;}
    .album .small .list-box li.active img{width: 100%;height: 1.2rem !important;box-sizing: border-box;}
    .album .small .list-box{height: calc(5.2rem - 48px);}
    .product-detail{min-height: 0;padding: 10px 8px;}
    .product-detail p{margin: 5px 0;}
    .product-detail table{table-layout: fixed;width: 100%;display: block;}
    .product-form-wrap{padding: 0 8px;}
    .form-container .flex{display: block;width: auto;}
    .form-container .hd{text-align: center;}
    .form-container{padding: 8px;}
    .form-container .bd{padding-top: 0;}
    .form-container .input .text{box-sizing: border-box;}
    .form-container .hd-email, .form-container .hd-title,.form-container .hd-tips{text-align: center;font-size: 16px;}
    .album .small .list-box li{height: auto;padding: 0;}
    .album .small .list-box li img{height: auto !important;width: 100% !important;}
    .top-brand ul,.our-team ul,.successful-cases ul,.right-side-bar .list,.video-list .list,.left-contents .video-list ul{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
    .top-brand ul li{width: 24%;padding: 0;margin: 0.5%;}
    .top-brand{padding: 12px 8px;}
    .top-brand img{box-sizing: border-box;border-width: 1px;display: block;width: 100%;}
    .our-team ul{justify-content: space-between;-webkit-justify-content: space-between;}
    .our-team{padding: 12px 8px;}
    .our-team ul li{width: 49%;}
    .our-team .list .email-name{height: auto;}
    .main .news-events .box .intro{height: 57px !important;line-height: 19px;}
    .main .news-events .box .title{height: 40px !important;margin-bottom: 1px;}
    .main .news-events{width: auto;padding: 10px 8px;}
    .main .news-events .box .date{padding: 0;}
    .main .news-events ul li{float: none;width: auto;}
    .main .news-events .box{width: auto;float: none;height: auto;overflow: hidden;margin-bottom: 8px;}
    .main .news-events .box dl dt{width: 140px;margin-right: 10px;}
    .main .news-events .box dl dd{width: auto;float: none;overflow: hidden;}
    .news-events .box img{object-fit: cover;display: block;height: 112px;}
    .pageer a, .pageer span{font-size: 15px;padding: 0 7px;margin: 0 2px;line-height: 24px;height: 24px;margin-bottom: 2px;}
    .news-letter-detail{padding: 12px 8px;}
    .news-letter-detail .attribute{height: auto;line-height: 1.5;}
    .successful-cases{padding: 12px 4px;}
    .successful-cases ul li{width: 23%;margin: 1%;padding-bottom: 2%;}
    .successful-cases .box,.successful-cases .box a{width: auto;}
    .successful-cases .box a img{display: block;width: 100%;height: auto;}
    .left-contents{float: none;width: auto;margin: 0;padding: 12px 8px;}
    .right-side-bar{float: none;width: auto;margin: 0;padding: 3px 8px;}
    .left-contents .title{margin: 0;}
    .left-contents .detail{padding: 0;}
    .left-contents .backlist-btn{margin: 12px auto;}
    .left-contents .recommend-list{padding-top: 5px;}
    .left-contents .recommend-list .recommend-cont .t{width: auto;line-height: 1.6;padding: 6px 0;}
    .left-contents .recommend-list .recommend-cont .thumb img{height: 2.2rem;object-fit: cover;}
    .left-contents .recommend-list .recommend-cont .thumb{display: block;padding: 3px;}
    .left-contents .recommend-list .stitle-bar span{font-size: 17px;line-height: 36px;display: block;}
    .left-contents .pre-and-next table,.left-contents .pre-and-next table, .left-contents .pre-and-next td{line-height: 1.5;}
    .left-contents .pre-and-next{padding: 0;margin: 12px 0 0 0;border: 0;}
    .left-contents .recommend-list .recommend-cont{background: transparent;padding: 0;margin: 0;}
    .right-side-bar .list a{width: 31.33%;margin: 1%;height: auto;}
    .right-side-bar .best-seller{border: 0;}
    .right-side-bar .list img{display: block;width: 100%;height: auto;}
    .left-contents .pre-and-next a{white-space: normal;height: 16px;overflow: hidden;}
    .video-list{padding: 12px 5px;}
    .video-list .list li{width: 31.33%;margin: 1%;padding: 0;}
    .video-list .video-box{width: auto;}
    .video-list .video-box img{display: block;width: 100%;height: 1.7rem;object-fit: cover;}
    .left-contents .video-list li{width: 31.33%;margin: 1%;}
    .left-contents .video-container .video-player{width: 100%;height: auto;}
    .left-contents .video-container .video-player iframe{width: 100%;height: 6rem;}
    .left-contents .video-container .info-bar{display: flex;display: -webkit-flex;}
    .left-contents .video-container .info-bar .left{width: auto;flex: 1;}
    .left-contents .video-container .info-bar .right{overflow: hidden;float: none;width: auto;}
    .left-contents .video-container .info-bar .right span{padding: 0;}
    .left-contents .video-container .info-bar .left h1{margin: 0;}
    .left-contents .video-list{padding: 0;margin: 15px 0 0 0;}
    .right-side-bar .list-article{padding: 0 5px;}
    .main .con-list {overflow: hidden;}
    .main .con-list li{padding: 0;margin: 1% 0;box-sizing: border-box;padding:0 2px;}
    .main .con-list li img{display: block;border-width: 1px;}
    .main .con-table img{width: auto;height: auto;display: block;box-sizing: border-box;border-width: 1px;}
    .main .detail .content td{padding: 0 !important;border: 0;padding:0 2px;}
    .main .con-table{border: 0;}
    .contact-hd{height: 3rem;background-size: cover;}
    .business-wrap{width: auto;height: auto;background-size: cover;padding: 2%;}
    .business-card-fixed{width: auto;overflow: hidden;}
    .business-card{position: static;height: auto;}
    .business-card .left{display: none;}
    .business-card .right{width: auto;flex: 1;float: none;padding:1px 10px;}
    .containerMap{height: 3.6rem;}
    .contact-form-wrap{padding-top: 10px;}
}

@media only screen and (max-width:640px) {
    .news-letter .top-news dt{float: none;margin: 0 0 10px 0;width: auto;}
    .news-letter .top-news dt img{display: block;width: 100%;}
    .top-brand-xcmg li{width: 33.33%;}
    .top-brand-xcmg li:nth-child(4n) a{border-right: 1px #e5e5e5 solid;}
    .top-brand-xcmg li:nth-child(3n) a{border-right: 0;}
    .product-remak{padding: 10px 8px 10px 8px;}
    .product-remak .logo{position: static;width: auto;text-align: center;padding: 10px;margin-bottom: 5px;}
    .truck-crane li{width: 49%}
    .truck-crane li .box img{height: 3.2rem !important;}
    .top-brand ul li{width: 32.33%;}
    .our-team .list .box .thumb{height: auto !important;}
    .our-team .list .box{width: auto;height: auto;margin-bottom: 8px;}
    .our-team .list .mail,.our-team .list .mbile,.our-team .list .tel{margin: 0 0 3px 0;line-height: 1.4;}
    .our-team .list .share-bar a,.our-team .list .share-bar{height: 30px;background-size: contain;position: static;}
    .successful-cases ul li{width: 48%;}
    .right-side-bar .list a{width: 48%;}
    .video-list .list li,.left-contents .video-list li{width: 48%;}
    .video-list .video-box img{height: 2.5rem;}
}