@charset "utf-8";
/* CSS Document */

a:active {color:#F00;}
a{ text-decoration:none;}
body > div{margin-right:auto;margin-left:auto;} 
body,html{width:100%; height:100%;}
body,html,div,ul,li,a,span,p,h1,h3,input,dl,dt,select,h1{padding:0;margin:0;border:0;font-size:1.2rem;font-family: "微软雅黑"; color:#444; list-style:none;}

body { background:#fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}	
.clear:after{content:' ';display:block;visibility:hidden;height:0;clear:both;font-size:0;}
.clear{zoom:1;}
input{-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 
select {-webkit-appearance: none;} 
ul li{list-style:none;}
img{border:0;display:block;margin:0 auto;max-width:100%;}


/* logo */
#header{max-width:800px;min-width:320px;margin:0 auto;z-index:1; }
.cent-top{width:100%;}
#top{max-width:800px;min-width:320px;height:auto; overflow:hidden; padding:2.5% 0; background:#000; }
.top-left{float:left;margin-left:2%; height:auto; overflow:hidden; }
.top-left a{width:auto;  overflow:hidden;height:1.8em;font-size:1.5rem; display: -webkit-box !important;display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; }
.top-left img{ max-width:auto; max-height:100%;display: inline-block; vertical-align: middle;}
.top-lefta{float:left;width:45%;height:1.5em; line-height:1.45em; color:#fff;  font-size:1.8rem; font-weight:bold;margin-left:0.5em;  }


/**/
.bq{ width:100%; height:auto; overflow:hidden; background:#fff; padding:3% 0% 12% 0%; text-align:center; font-size:1.2rem; color:#000;}
/*  悬浮菜单  */
#footer{position:fixed;left:0;bottom:0;width:100%;z-index:99; }
#footer .as{position:relative;margin:0 auto;text-align:center;z-index:99;max-width:800px;min-width:320px;height:auto; background:#000;}
#footer .as ul li{list-style:none;float:left; padding:0.5rem 0rem;width:50%; }
#footer .as ul li .u-img{ margin-bottom:2%;}
#footer .as ul li .u-img img{width:15%;}
#footer .as a span{margin:0 auto;width:100%; display:block; color:#fff;font-size: 1.2rem;}
#footer .as ul li .icon{ width:100%; display:block;}
#footer .as ul li a{display:block;font-family:'Microsoft YaHei';color:#fff;text-align:center;font-size: 1.6rem; text-decoration:none;}
#footer .as ul li a u-title:hover{ text-decoration:underline;}


/*/  banner  */
.m-focus{ width:100%; height:auto; overflow:hidden;position:relative;}
.m-focus .swiper-box1{width: 100%;height: 100%;}
.m-focus .swiper-box1 ul li img {width: 100%;height: 100%;object-fit: cover;}
.m-focus .swiper-notbtion{ position:absolute; width:100%; height:auto; overflow:hidden; text-align:center;bottom:0.5em!important; z-index:9;padding:1% 0%;}
.m-focus .swiper-notbtion span{ display:inline-block;width:0.8rem;height:0.8rem;margin:0 5px!important; opacity:1!important; cursor: pointer;  font-size:1.2rem; color:#fff; border-radius:0.8rem!important; background:#fff; }
.m-focus .swiper-notbtion span.swiper-pagination-bullet-active{background:#e50014; }



/*  荣誉资质  */
.honor{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:url(../tg/bg1.jpg) center center no-repeat; background-size:cover; padding:6% 0%;}
.honorz{width:94%; height:auto; overflow:hidden; margin:0 auto;}
.honorz-a{ float:left; width:auto;height:auto; overflow:hidden; border:0.3rem #fff solid; padding:3% 5%; margin-top:12%;}
.honorz-a h1{ font-size:1.5rem; color:#fff; text-align:left; background:url(../tg/fgh.png) right center no-repeat; background-size:0.5em; padding-right:0.7em; letter-spacing:0.4em; }
.honorz-a p span{ font-size:0.7rem; color:#fff; text-transform:uppercase;}

.honorz-b{ float:right; width:55%;height:auto; overflow:hidden;position:relative;border:0.3rem #fff solid; }
.honorz-b .swiper-box2{width: 100%;height: 100%;}
.honorz-b .swiper-box2 ul li img {width: 100%;height: 100%;object-fit: cover;}

/*  品牌认证  */
.brand{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.brandz{ width:96%; height:auto; overflow:hidden; margin:0 auto; padding:6% 0%;}
.brandz ul li{ float:left; width:31.3%; height:auto; overflow:hidden; margin:1%;background:#fff;box-shadow: 0px 0px 8px #e0e0e0; padding:3% 0%; }
.brandz ul li .om1-a{ float:left; width:100%; height:auto; overflow:hidden; text-align:center; }
.brandz ul li .om1-a .on1{ width:2.8em;}
.brandz ul li .om1-b{ float:right; width:100%; height:auto; overflow:hidden; margin-top:5%;}
.brandz ul li .om1-b h1{font-size: 1.4rem; color:#333; font-weight:bold; text-align:center;}
.brandz ul li .om1-b div{ width:98%; height:auto; overflow:hidden; margin:0 auto; font-size:0.8rem;line-height: 1.2em; color:#666; margin-top:2%;}
.brandz ul li .om1-b p{width:100%; height:auto; overflow:hidden; display:inline-block; margin-top:5%; text-align:center; padding-bottom:1%;}
.brandz ul li .om1-b p a{ display:inline-block;width: auto;height: auto;background: #fff;border: solid 1px #e7e7e7;font-size: 1.1rem; color:#999; text-align:center; line-height:1.2em;transition: all 0.2s; padding:0.4em 0.6em;}


/*  产品中心  */
.product{width:100%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:3%;}
.product-top{ width:92%; height:auto; overflow:hidden;margin:0 auto;}
.product-top h1{ text-align:center; font-size:1.8rem; color:#333; font-weight:bold;}
.product-top .omb{width:100%; height:auto; overflow:hidden;text-align:center;}
.product-top .omb div{ display:inline-table;}
.product-top .omb div img{ float:left; margin-top:7px; width:9em;}
.product-top .omb div span{ float:left; margin:0em 0.7em; font-size:1.2rem; color:#949494; text-transform:uppercase;}


.product-cent{width:100%;height:auto;overflow:hidden;}
.product-cent1{width:96%;height:auto;overflow:hidden; margin:0 auto; margin-top:4%; text-align:center;}
.product-cent1 div{ display:inline-table;}
.product-cent .box-163css{ width:100%; position:relative; height:auto;margin-bottom:20px; float:left;}
/*swipe*/
.product-cent .swipe{width:96%; height:auto;overflow: hidden; margin:0% 2% 0% 2%; visibility: visible; position: relative; }
.product-cent .box01_list{position:relative; width:100%; height:auto; overflow:hidden; -webkit-transition: left 600ms ease-out;  width:100%; left:0;}
.product-cent .li_list{width:100%;position:relative; float: left; vertical-align: top; }
.product-cent .swipe .box01_list .li_list{}
/*page*/
.product-cent .page{ text-align:left; height:auto; overflow:hidden; margin:0 auto;}
.product-cent .page li{  float:left;font-size:1.4rem;  color:#fff; width:auto; height:auto; overflow:hidden; text-align:center; margin:0em 0.2em 0.4em 0.2em; }
.product-cent .page li a{ color:#fff;display:inline-block; height:1.2em; line-height:1.2em; overflow:hidden;font-size:1.2rem; padding:0.5em 0.9em; background:#ccc; font-weight:bold;}
.product-cent .page li a.active{ background:#b6050a; color:#fff; }

.product-cent2{width:100%;height:auto;overflow:hidden; margin-top:3%;}
.product-cent2 dl dt{ float:left; width:48%; height:auto; overflow:hidden; margin:0% 1% 3% 1%;}
.product-cent2 dl dt a{ display:inline-block; width:100%; height:auto; overflow:hidden;}
.product-cent2 dl dt .om1{ width:100%; height:15em; overflow:hidden; background:#ebebeb;display: -webkit-box !important;display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.product-cent2 dl dt .om1 img{ max-height:90%; max-height:90%;display: inline-block; vertical-align: middle;}
.product-cent2 dl dt .om2{line-height:1.3em;width:100%;height:auto;overflow:hidden; text-align:center; font-size:1.2rem; color:#000; margin-top:4%;}


/*  标语&电话 */
.poster{ width:100%; height:auto; overflow:hidden; background:url(../tg/bg2.jpg) center center no-repeat; background-size:cover; padding:6% 0%;}
.posterz{ width:96%; height:auto; overflow:hidden; margin:0 auto;}
.posterz-a{ width:100%; height:auto; overflow:hidden;text-align:center;  }
.posterz-a h1{ font-size:2.4rem; color:#fff;font-weight:bold; line-height:1.3em;}
.posterz-a p span{ font-size:1.4rem; color:#fff;}
.posterz-b{width:60%;height:auto; overflow:hidden; margin:0 auto; margin-top:4%; border:1px #fff solid; text-align:center; padding:4% 0%;}
.posterz-b div{ display:inline-table; background:url(../tg/dh.png) left center no-repeat; background-size:3em; padding-left:3.8em;}
.posterz-b div p{ text-align:left;}
.posterz-b div p span{ font-size:1.2rem; color:#fff;}
.posterz-b div p font{ font-size:2rem; color:#fff; font-weight:bold;}
.posterz-b div p font a{ font-size:2rem; color:#fff; font-weight:bold;}



/*  比亚迪叉车专业服务优势  */
.advantage{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:6% 0%;}
.advantage-cent{width:100%;height:auto;overflow:hidden;}
.advantage-cent1{width:98%;height:auto;overflow:hidden; margin:0 auto; margin-top:4%; text-align:center;}
.advantage-cent .box-163css{ width:100%; position:relative; height:auto;margin-bottom:20px; float:left;}
/*swipe*/
.advantage-cent .swipe{width:100%; height:auto;overflow: hidden; visibility: visible; position: relative; }
.advantage-cent .box01_list{position:relative; width:100%; height:auto; overflow:hidden; -webkit-transition: left 600ms ease-out;  width:100%; left:0;}
.advantage-cent .li_list{width:100%;position:relative; float: left; vertical-align: top; }
.advantage-cent .swipe .box01_list .li_list{}
/*page*/
.advantage-cent .page{ text-align:left; height:auto; overflow:hidden; margin:0 auto;}
.advantage-cent .page li{  float:left;font-size:1.4rem;  color:#fff; width:48%; height:auto; overflow:hidden; text-align:center; margin:1%; padding-bottom:0.2em; }
.advantage-cent .page li a{ color:#fff;display:block; border:1px #e2e2e2 solid; height:auto; overflow:hidden; text-align:center; padding:0.7em 0em;}
.advantage-cent .page li a div{ width:58%; margin:0 auto;}
.advantage-cent .page li a span{float:left; display:block; width:2em; height:2em; overflow:hidden; text-align:center; line-height:2em; font-size:1.3rem; color:#fff; background:#c5c5c5; border-radius:2em;}
.advantage-cent .page li a font{ float:left; font-size:1.3rem; color:#b0b0b0; margin-left:0.4em; line-height:2em; margin-left:8%;}
.advantage-cent .page li a.active{ background:#e72037; color:#fff;border: 1px #e72037 solid; }
.advantage-cent .page li a.active span{ background:#fff; color:#e72037;}
.advantage-cent .page li a.active font{ color:#fff;}
.advantage-cent .page li.omn a div{ width:82%;}
.advantage-cent2{width:100%;height:auto;overflow:hidden; margin-top:3%;}
.advantage-cent2 img{ width:100%;}
.advantage-cent3{width:94%;height:auto;overflow:hidden; margin:0 auto; margin-top:3%;}
.advantage-cent3 .con-b1{width:100%; height:auto;overflow:hidden;}
.advantage-cent3 .con-b1 .con-b1b{ float:left; }
.advantage-cent3 .con-b1 .con-b1b p{ margin-top:1%;}
.advantage-cent3 .con-b1 .con-b1b p span{font-size:1.8rem; color:#333; font-weight:bold;}
.advantage-cent3 .con-b1 .con-b1b p font{ font-size:1.1rem; color:#b6b6b6; text-transform:uppercase;}
.advantage-cent3 .con-b2{width:100%; height:auto;overflow:hidden; margin-top:2%; font-size:1.2rem; color:#333; line-height:1.4em;}
.advantage-cent3 .con-b3{width:100%; height:auto;overflow:hidden; margin-top:5%; text-align:center;}
.advantage-cent3 .con-b3 a{ display:inline-block;width:auto;height:2.8em; background:#e72037;font-size: 1.2rem; color:#fff; text-align:center; line-height:2.8em; padding:0em 1.5em;}

/*  4大服务  */
.service{ width:100%; height:auto; overflow:hidden; padding-bottom:6%;}
.servicez{ width:96%; height:auto; overflow:hidden; margin:0 auto;}
.servicez ul li{ float:left; width:48%; height:auto; overflow:hidden; margin:1%;}
.servicez ul li .om1{ width:100%; height:auto; overflow:hidden; text-align:center;}
.servicez ul li .om1 img{ max-width:38%; }
.servicez ul li .om2{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:4%;}
.servicez ul li .om2 p{ display:inline-block; width:100%; height:auto; overflow:hidden; margin-bottom:3%;}
.servicez ul li .om2 p span{font-size: 1.6rem; color:#333;}
.servicez ul li .om2 p i{ display:inline-block;width:2em;height:0.1em; background:#c6c6c6;}
.servicez ul li .om2 div{ width:96%; height:auto; overflow:hidden; margin:0 auto; text-align:left;font-size:1.2rem; color:#333; margin-top:5px; line-height:1.2em;}

/*  关于  */
.about{width:100%; height:auto; overflow:hidden; margin:0 auto; padding:5% 0% 8% 0%; background:#f4f4f4;}
.about-top{ width:92%; height:auto; overflow:hidden;margin:0 auto;}
.about-top h1{ text-align:center; font-size:1.9rem; color:#333; font-weight:bold; text-transform:uppercase;}
.about-top .omb{width:100%; height:auto; overflow:hidden;text-align:center;}
.about-top .omb div{ display:inline-table;}
.about-top .omb div span{ float:left; margin:0em 0.7em; font-size:1.1rem; color:#4f4b4a; }
.about-cent{ width:96%; height:auto; overflow:hidden;margin:0 auto; margin-top:4%;}
.about-cent1{width:100%; height:auto; overflow:hidden;}
.about-cent1 img{ width:100%;}
.about-cent2{width:100%; height:auto; overflow:hidden; margin-top:3%;}
.about-cent3{width:100%; height:auto; overflow:hidden; margin-top:3%; text-align:center;}
.about-cent3 a{display:inline-block;width:auto;height:2.8em; background:#e72037;font-size: 1.2rem; color:#fff; text-align:center; line-height:2.8em; padding:0em 1.5em;}
.about-cent4{width:82%; height:auto; overflow:hidden; margin:0 auto; margin-top:5%; text-align:center;}
.about-cent4 img{ width:100%;}






@media screen and (max-width:800px){
	body,html{ font-size:16px;}
	}


@media screen and (max-width:540px){
	body,html{ font-size:12px;}
	}
@media screen and (max-width:480px){
	body,html{font-size:12px;}
	}
@media screen and (max-width:414px){
	body,html{ font-size:12px;}
	}
@media screen and (max-width:400px){
	body,html{font-size:12px;}
	}	
@media screen and (max-width:384px){
	body,html{font-size:10px;}
	}	
@media screen and (max-width:380px){
	body,html{font-size:10px;}
	}
@media screen and (max-width:375px){
	body,html{font-size:10px;}
	}
@media screen and (max-width:360px){
	body,html{font-size:9px;}
	}