@charset "utf-8";
/* CSS Document */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin:0; padding:0; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;  font-weight: 400;word-break:break-all;word-wrap:break-word;}
body, button, input, select, table, textarea {margin: 0;-webkit-appearance : none ;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary,sam { display: block; }
html{ font-size: 62.5%;}
body { min-width:320px; color:#333333; font-family:'microsoft yahei'}
h1, h2, h3, h4, h5, h6{ font-size: 1rem;}
fieldset, img { border:0 }
img{ max-width: 100%;}
ol, ul { list-style:none; padding:0; margin:0; }
address, em ,i{ font-style:normal }
a {text-decoration:none; color: #333;}
a:hover, a:active { color:#333; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0;}
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }



.banner{ width:100%; position:relative; float:left; text-align:center;}
.banner img{ width:100%;}
.sear{ position:absolute;   float:left; left:0; bottom:15px;  width:70%; margin:0 15%;}
.searTxt{border:none; float:left; line-height:42px; padding-left:20px; background-color:#ccc;filter:alpha(opacity=70);  -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; border-radius:20px 0 0 20px; width:70%;}
.srarBt{height:42px; border:none; width:20%; float:left;border-radius:0 20px 20px 0; line-height:42px; background:url(../images/searIcon.png) #ccc right center no-repeat;filter:alpha(opacity=70);  -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
@media (max-width:480px){ 
.searTxt{ line-height:20px; padding-left:10px;   border-radius:10px 0 0 10px;  }
.srarBt{line-height:20px; padding-left:10px;line-height:20px; height:20px;   border-radius:0 10px 10px 0; background-size:50%;}
}


 
.footer{height:60px; margin-top:60px;   width:100%; float:left; position:fixed; bottom:0;  left:0; z-index:999; overflow:hidden;}
.footer a{ float:left; top:0; font-size:1.6rem; width:25%; height:62px; line-height:100px; background-color:#0d75be;  text-align:center; display:inline-block;   position:relative; z-index:9;  color:#fff;}

.footer span{display:block;  float:left; width:100%; height:55px; position:absolute; background-image:url(../images/footIcon.png); background-repeat:no-repeat;  cursor:pointer; z-index:19;}

.homeImg{ background-position:50% 4px;}
.proImg{  background-position:50% -47px;}
.carImg{  background-position:50% -125px; }
.newsImg{  background-position:50% -182px; }
.pjImg{  background-position:50% -261px; }
.telImg{  background-position:46% -322px;}

footer{ float:left; width:100%; margin-top:65px;}
.footer .homeImg{ top:0; }

.footer .fOn{ background-color:#fa9119;filter:alpha(opacity=80);  -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
@media (max-width:480px){ 
.footer a{ font-size:1.6rem;}
}
.bottom{  padding:5px 0;}
.bottom p{ text-align:center; font-size:14px; line-height:24px;}

.profl li{ float:left; padding-bottom:10px; width:33.33%; border-bottom:1px solid #dedede; /*border-right:1px solid #dedede;*/ font-size:1.8rem; font-size:18px; text-align:center;}
.profl li a{ float:left; width:100%;}

.inpic .am-gallery-imgbordered .am-gallery-item img{ height:auto;}
@media (max-width:480px){.profl li{width:33.33%;font-size:1.2rem; font-size:12px; }
}
.inNav{ margin:1.5rem 0; float:left; width:100%;   text-align:right; border-bottom:1px solid #dedede;}
.inNav span{ background-color:#0d75be; padding:10px 0; float:left; width:180px; font-size:1.8rem; text-align:center; color:#fff;}
.inNav a{ margin:10px 10px 0 0; font-size:1.2rem; float:right;font-size: 14px;}
.inNav a:hover{color:#c20000; }

.proList{ float:left;width:30%; margin:0 1.5% 15px;}
.proList dt{ float:left; width:100%; }
.proList dt img{ float:left; width:100%; height:105px; } 
.proList dd{ float:left; width:100%; padding:8px 0;background-color:#ebebeb;}

.proList h3,.proList h5{ padding:0 10px; line-height:1.5;  }
.proList h3{ font-size:1.8rem; color:#333;  }
.proList h5{ font-size:1.6rem;color:#c20000;}
.proList dd:hover{ background-color:#86bade; }
.proList dd:hover h3,.proList dd:hover h5{color:#fff;}

.pjList{ float:left; width:100%;}
.pjList li{ float:left;width:30%; margin:0 1.5% 15px; border:1px solid #dedede;}
.pjList li img{ float:left; width:100%; } 
.pjList li h3{padding:0 10px 10px; line-height:1.5;font-size:1.8rem; }
.pjList li h3 a:hover{ color:#0d75be;}
@media (max-width:640px){
	.proList h3,.pjList li h3{ font-size:1.4rem;  }
	.proList h5{ font-size:1.2rem; }
	}
@media (max-width:480px){
	.inNav span{ padding:8px 0; width:120px; font-size:1.6rem; }
	.proList,.pjList li {width:46%; margin:0 1.5% 15px;}
}

.tabBox{ float:left; width:100%;}
.tabBox .hd{ height:40px; line-height:40px; font-size:1.8rem; background:#e5e5e5;    }
.tabBox .hd ul{ overflow:hidden;  }
.tabBox .hd ul li{ float:left; width:33.33%; text-align:center;   color:#515151;  }
.tabBox .hd ul .on{ background-color:#0d75be;  }
.tabBox .hd ul .on a{ display:block; color:#fff;/* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.tabBox .bd ul{ padding:10px 0 10px 10px;  }
.tabBox .bd li{ height:28px; line-height:28px; border-bottom:1px dashed #dedede; float:left; width:100%;  word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.tabBox .bd a{   font-size:1.4rem; width:95%;height:28px; line-height:28px; float:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }  /* 去掉链接触摸高亮 */
.tabBox .bd li a:hover{ color:#0d75be;  }
.tabBox .bd li span{ color:#a0a0a0;} 

.inCom{ padding:0 1rem; line-height:170%; font-size:1.4rem; clear:both;}

.SubNav{ background:url(../images/home.png) 10px center #eee no-repeat; float:left; width:100%; font-size:1.4rem; text-indent:2.5em; height:38px; line-height:38px; border-bottom:1px solid #dedede; border-top:1px solid #dedede;}

.cpBox{   width:99%; display:inline-block; border:1px solid #dedede;   }
 
.cpBox h3{ background-color:#0d75be;  width:100%;  height:32px; line-height:32px; color:#fff; text-align:center;font-size:1.8rem;}
.cpBox h5{ background:url(../images/cpzx01.png) #fa9119 5px center no-repeat; text-indent:2rem;  width:96%; margin:5px 2% 0; height:28px; line-height:28px; color:#fff; font-size:1.6rem;}
.cpBox h5 a{ color:#fff;}

.cpList li{ padding:2px; border:1px solid #b7b7b7; float:left; width:47%; margin:0 1.5%; margin-top:20px;   }
.cpList .proPic{ width:100%; float:left; height:125px; }
.cpList h3{ background-color:#eee; padding:8px 0; width:100%; float:left; margin:0;  }
.cpList h3 a{ padding:0 5px;   font-size:1.3rem; width:100%; float:left;  word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }  /* 去掉链接触摸高亮 */
.cpList h4{ height:42px; overflow:hidden; line-height:42px;width:100%; float:left; text-align:center; font-size:1.6rem; color:#fff; margin:0; }
.tel span { position:relative;   color:#fff;}
.cpList h4 .tel{ background-color:#fa9119; float:left; width:50%;  }
.tel img{   margin-right:5px;}
.cpList h4 .mail{ background-color:#0d75be; float:left; width:50%; }
.mail img{  margin-right:5px;}
.mail span { position:relative;  color:#fff;}


@media (max-width:320px){
.tabBox .bd a{ font-size:1.4rem; }
.SubNav{ font-size:1.6rem; text-indent:3em;}
.cpList li{ padding:2px; border:1px solid #b7b7b7; margin:15px 9% 0; display:inline-block;  width:80%; float:none;  }
.cpList a{ font-size:1.6rem;}
}

.npage{  text-align:center; color: #333; background:#eee;   padding:15px 0; margin:10px 0; float:left; width:100%; }
.npage a{ margin:0 5px; border:1px solid #018fe5; padding:5px 8px; font-size:1.2rem;}
.npage a:hover,.npage .on{ background-color:#018fe5; color:#fff;}

.ppList {   font-size:1.4rem; margin-bottom:30px; width:96%; margin:5px 2% 0;display:inline-block;   }
.ppList li{   border-bottom:1px dashed #b7b7b7; background:url(../images/cpzx03.jpg) -8px center no-repeat; width:25%; line-height:25px; text-indent:1em;  display:inline-block;      white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ppList li a:hover{color:#0d75be;}
@media (max-width:480px){
	.ppList li{   width:32%;  }
}


/*产品详细*/
.slideBox{ position:relative; width:100%; overflow:hidden;  }
.slideBox .hd{ position:absolute; width:100%;  bottom:60%; left:0; z-index:1; }
.slideBox .hd img{ width:100%;  }
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:0; display:block; width:8%; max-width:45px;     }
.slideBox .next{ left:auto; right:0;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; }
.slideBox .bd li img{ width:100%; display:block;   }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.cpTitle{ float:left; width:100%; background-color:#eee; text-align:right; padding:10px 0;font-size:1.8rem;}
.cpTitle .cpTL{ float:left; color:#018fe5; margin-left:10px;}

.news_fenxiangs1 { float:left; width:240px;  margin:10px 0px 0px 0px; }
.news_fenxiangs1 .bdsharebuttonbox a{background:url(../images/fengxiang.png) no-repeat;cursor:pointer;float:left;font-size:12px;height:33px;line-height:33px; width:33px;display:block;}
.news_fenxiangs1 .bdsharebuttonbox a.bds_qzone{background-position:-99px -49px;}
.news_fenxiangs1 .bdsharebuttonbox a.bds_weixin{ margin-right:15px; background-position:0 -49px; }
.news_fenxiangs1 .bdsharebuttonbox a.bds_tsina{background-position:-66px -49px;margin-right:15px;}
.news_fenxiangs1 .bdsharebuttonbox a.bds_qq{background-position:-33px -49px; margin-right:15px;}

.link{height:42px; overflow:hidden; line-height:42px;width:97%; float:left; margin:15px 0 0 3%; text-align:center; font-size:1.6rem; color:#fff;}
.link .tel{ background-color:#fa9119; float:left; width:50%;  }
.link .mail{ background-color:#0d75be; float:left; width:50%; }

.link .tel,.link .mail{ width:47%; margin-right:3%;}


.zccs{ float:left; width:100%; }
.zccs h3{ height:48px; line-height:48px; margin:15px 0; border-bottom:2px solid #0d75be; }
.zccs h3 span{ background-color:#0d75be; width:180px; float:left; color:#fff; font-weight:100; text-align:center;  font-size:1.8rem; }
.com{ width:98%; margin:0 auto;}
.line{background-color:#f7f7f7;}

/*相关产品推荐*/
.xgcx{ float:left; width:100%; margin:15px 0; }
.xgcx h3 {background-color:#e2e2e2;  height:48px; line-height:48px;color:#fff;  }
.xgcx h3 span{background-color:#fa9119;  width:220px; float:left; text-align:center;  font-size:1.8rem;}

.xgList dl{ float:left;width:45%; padding:2px; border:1px solid #bdbdbd; margin:15px 0 0 3%;}
.xgList dt{ float:left; width:100%;}
.xgList dt img{ width:100%; height:105px;  }
.xgList dd{float:left;  width:100%; line-height:25px;   }
.xgList dd:hover{background-color:#fa9119; color:#fff;}
.xgList dd h2{ font-size:1.6rem; padding-left:10px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xgList dd a{color:#ad0111;font-size:1.4rem; padding-left:10px; overflow:hidden; height:25px;  }
.xgList dd:hover a{color:#fff;}
.xgList dd span{ color:#333; font-size:1.6rem;}
/*现车*/
.Car_List{ width:100%; float:left;}
.carNav{ width:100%; float:left; text-align:right; height:42px; margin:10px 0 5px; line-height:42px; border-bottom:2px solid #0d75be; font-size:1.4rem; }
.carNav span{ float:left;font-size:1.8rem; margin-left:10px; }
.carNav span b{background-color:#0d75be; padding:0 5px; margin:5px 10px 0 0; color:#fff; height:37px; line-height:37px; float:left;}
.carNav a{ margin-right:10px;}

.Car_List dl{ float:left; width:48%; margin:10px 0 0 2%; background-color:#eee;}
.Car_List dl dt img{ float:left; width:46%; margin-right:10px;}
.Car_List dd{ float:left; width:50%;}
.Car_List dd h2{ font-size:1.4rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:22px;}
.Car_List dd p{ font-size:1.2rem; line-height:18px; }
.Car_List dd p b{color:#c20000; }
.Car_List dd h4{ background-color:#c20000; border-radius:5px; height:30px; line-height:30px; text-align:center; font-size:1.6rem; color:#fff;}
.Car_List dd h4 span{color:#fff; position:relative; top:-10px;}
@media only screen and (max-width:600px){
	.Car_List dl{ float:left; width:92%; margin:10px 4% 0; background-color:#eee;}
	.Car_List dd h2{ font-size:1.6rem;  line-height:28px;}
	.Car_List dd p{ font-size:1.4rem; line-height:24px; } 
	.Car_List dd h4{  margin-top:5px; height:35px; line-height:35px;  }
}



.content{ padding:10px;line-height:170%; font-size:1.4rem;}

.tjNew{ padding:0 10px;}
.tjNew li{ float:left; width:100%; padding-bottom:10px; margin-bottom:15px; border-bottom:1px dashed #ccc; }
.tjNew li img{ float:left; width:40%; max-width:120px; max-height:170px;   margin-right:12px;}
.tjNew li h3{ height:26px; line-height:26px; font-size:1.6rem; font-size:16px;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tjNew li span{ background:url(../images/icons2.png) left center no-repeat; line-height:25px; color:#aaa; padding-left:20px;}
.tjNew li p{ text-indent:2em; line-height:20px; color:#777; font-size:1.2rem;}
.tjNew .tjL img{ float:right; width:450px; height:330px;}
.tjL .tjCon{float:left; width:455px; margin-right:20px;}
.more{ background-color:#f5f5f5;color:#777; font-size:1.4rem; width:100%; text-align:center; height:48px; line-height:48px; float:left; margin-top:10px;}

.fx{ float:left; width:100%; margin-bottom:15px;font-size:1.8rem; text-align:right;}

.title{ text-align:center;   line-height:27px; padding:10px 0; color:#0f75bf;  font-size:2.0rem;}
.name{ text-align:center; font-size:1.2rem; padding-bottom:10px; color:#aaa;border-bottom:1px solid #0f75bf;}

.dyImg{ float:right; position:fixed; top:25%; right:0;width:33%; display:none;}
.dyImg img{ width:100%; max-width:150px;}