@charset "gb2312";
/* CSS Document */
body{ margin:0;padding:0;font-size:13px; font-family:"Microsoft Yahei"; position:relative;color:#000;background:#fff}
div, form, img, ul,  li, dl, dt, dd, p,span,a { margin: 0; padding: 0; border: 0; }
li, dl { list-style-type:none; }
ol li{list-style-type: decimal;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
a:link, a:visited {color:#333;text-decoration:none;}
a:hover, a:active {color:#ff110b;text-decoration:none;}
a:focus {outline:none; -moz-outline:none}
input,textarea{ outline:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
table{border-collapse: collapse;}
.clear{ clear:both;}
.fleft{ float:left;display:block;}
.fright{ float:right !important;display:block;}
.Piece{ display:block;}
*, *::after, *::before{box-sizing:border-box}
/* divbody */
.divbody,.divWide{ width:100%; height:auto; margin:0 auto}
.divWide{ width:1100px;}
/*header*/
.header{ position:relative}
.headerTop{ height:90px; position:absolute; left:0; top:0; z-index:92;  background:rgba(0,0,0,0.5);width:100%}
.logo img{ height:80px; margin-top:5px}
.logoright{}
.tel{ text-align:right; margin-top:5px}
.tel i,.tel img{ vertical-align:middle;display:inline-block}
.tel i{font: 800 24px/20px Georgia;color:#fff;margin-left:8px}
.tel img{ height:30px}
/*nav*/
.nav{ width:660px;position:relative;margin-top:15px}
.navM{float:right}
.navM>a{display:block;font-size:16px; padding-left:40px; height:40px; line-height:40px; color:#fff}
.navM a:hover{color:#FF0C06;}
.navline{height:3px;width:70px;background:#FF0C06;position:absolute;left:90px;top:36px;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;}
.navigation-down{position:absolute;top:90px; left:0px;width:100%;z-index:999}
.navigation-down .nav-down-menu{width:100%;left:0px;margin:0;background: url(../images/menu_news_bg.png) repeat left top; position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:0px auto;position:relative; height:auto; width:1104px;}
.sub_text{}
.sub_text .nav-list{ overflow:hidden; }
.nav-list li{overflow:hidden;margin:25px 12px 20px 0px;height:150px;float:left;background:url(../images/nav-style.gif) repeat-y top right;padding-right:10px;}
.nav-list li h3{ display:blcok;margin-bottom:10px;}
.nav_img{margin-right:30px;}
.list-a{height:auto; font-size:13px;}
.list-a a{ display:block; height:25px;}
.list-a a:hover,.ce_width a:hover{ text-decoration:underline}
.ce_width{width:auto;float:right; height:auto;margin:25px 55px 25px 0;}
.ce_width a{ display:block; float:left; padding:0px 20px; line-height:25px; background:url(../images/La.gif) no-repeat left center; margin-right:30px;font-size:14px;}
.ce_width span{ display:block; width:auto;height:40px}
/*banner*/
.banner{ position:relative}
.index_focus { height:460px;width:100%; overflow:hidden}
.index_focus_pre,.index_focus_next { display: none;position: absolute;top: 50%;margin-top: -36px; width:50px;height:81px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 9;background:url(../images/ico_sliding.png) no-repeat;}
.index_focus_pre { left: 0;background-position: 0 0;}
.index_focus_pre:hover {background-position: 0 -162px;}
.index_focus_next { right: 0;background-position: 0 -81px;}
.index_focus_next:hover { background-position: 0 -243px;}
.index_focus .slide_nav { position: absolute;right: 8%;bottom:0; z-index:9}
.index_focus .slide_nav a {cursor:pointer;float:left; font-size:28px;font-family: arial;color: #fff;padding:2px;text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color:#C51220;filter: alpha(opacity=80);opacity: 0.8;}
.bd{ height:460px; overflow:hidden}
.banUl li,.banUl li a{ display:block; width:100%; height:460px}
.banUl li img{ width:100%; margin:0 auto; height:460px}
.banBot{ height:30px; background:rgba(0,0,0,0.5);position:absolute; left:0; bottom:0}
.Keywords{color:#ccc; height:30px; line-height:30px; width:770px; overflow:hidden}
.Keywords p,.Keywords a{ display:inline-block}
.Keywords p{ color:#FF0D06; font-weight:bold; margin-right:10px; letter-spacing:1px}
.Keywords a{ padding:0 15px; color:#fff}
.Keywords a:hover{color:#FF0D06}
.search{ width:201px;border:1px solid #ccc;margin-right:40px; border-radius:18px; margin:3px 0 0 30px; background:#f0f0f0}
.search input{ border:0;}
.entry{ width:150px; color:#ccc; padding-left:15px;height:22px; line-height:22px; border-radius:18px ;background:#f0f0f0 }
.click{width:35px;height:22px;background:url(../images/sprite_icon.png) no-repeat 8px -118px;border-radius:0 5px 5px 0;}
.click:hover{background-position:9px -158px;cursor:pointer;}
/*content*/
.content{ overflow:hidden}
.Motorbrand{padding:30px 0;  overflow:hidden}
.Title{background: url(../images/titlebj.jpg) repeat-x scroll left bottom; height:60px}
.Title h3,.Title h3>a,.Title h3 p{ float:left;display:block}
.Title h3{  font-size:24px; line-height:50px}
.Title h3 p{ font-size:24px; font-weight:normal; color:#bfbebe; margin-left:10px; margin-top:10px; text-transform:uppercase; font-style:italic; font-family:Gabriola}
.more{ margin-top:25px; background:url(../images/more.png) no-repeat right center; padding-right:20px}
.more:hover{ color:#C51220; background:url(../images/moresty.png) no-repeat right center}
.brandDiv{ margin-top:20px; overflow:hidden}
.brandDiv ul,.brandDiv ul li,.brandDiv ul li img,.brandDiv ul li a{ display:block}
.brandDiv ul li{ width:271px; height:auto;float:left; margin-right:5px}
.brandDiv ul li:last-child{ float:right; margin-right:0}
.brandDiv ul li img{ width:271px; height:auto}
.txt{height:52px;background:#1F1F1F; width:100%; padding:8px 0 0 11px;display:block; margin-top:0}
.txt a{ font-size:13px; color:#fff; line-height:20px; height:20px; overflow:hidden}
.txt a:hover{ color:#C51220}
.txt p{ font-size:10px; color:#8A8A8A;height:18px; overflow:hidden}
.About_in{ margin:0 auto 45px; overflow:hidden}
.AboutCont{ margin-top:20px; overflow:hidden}
.AboutCont img{ float:left; width:370px; height:220px; display:block}
.AboutCont span{  float:right; width:690px; display:block}
.AboutCont span>h3>a{ font-size:18px; line-height:30px}
.AboutCont span p{ display:block; font-size:14px; line-height:25px; margin-top:10px; overflow:hidden; height:120px}
.amore{ width:160px; text-align:center; height:30px; line-height:30px; background:#9e0b07; color:#fff !important;display:block; border-radius:5px; margin-top:30px}
.nmore{ width:90px; height:28px; line-height:28px;margin-top:15px}
.amore:hover{ background:#b90904; box-shadow:1px 1px 5px rgba(153,153,153,1)}
.News{ width:440px; overflow:hidden; margin:10px 0}
.News>.Title{background: url(../images/oembj.jpg) repeat-x scroll left bottom; margin-bottom:10px; height:60px}
.NewsCont{ overflow:hidden; margin-top:20px}
.NewsCont img,.NewsCont span,.NewsCont ul{ display:block; float:left}
.NewsCont img{ width:140px; height:130px}
.NewsCont span{ width:280px; margin-left:20px}
.NewsCont span h3 a{ font-size:14px; color:#555}
.NewsCont span p{ height:60px; overflow:hidden; margin-top:7px; line-height:20px}
.NewsCont ul li:hover,.list-a a:hover,.ce_width a:hover{  background:url(../images/Lahover.gif) no-repeat left center}
.newsUl{ width:100%; margin:10px auto; height:178px; overflow:hidden}
.newsUl li{ line-height:35px; background:url(../images/La.gif) no-repeat left center; padding-left:20px; border-bottom:1px solid #ccc; height:35px}
.newsUl li a{ float:left; width:270px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:35px}
.newsUl li>span{ float:right; display:block; width:120px}
.Study{ width:320px;margin:10px 0}
.Study>.Title{background: url(../images/oembj1.jpg) repeat-x scroll left bottom; height:60px; padding-left:45px}
.Study ul{ width:280px;margin:6px 0 10px 50px; height:330px; overflow:hidden}
.Study ul li{line-height:20px; margin:12px 0 8px; border-bottom:1px dotted #ccc; height:97px}
.Study ul li h3{ line-height:25px; background:url(../images/icon2.png) no-repeat left center; padding-left:30px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.Study ul li p{padding-left:30px; height:60px; overflow:hidden; margin-top:6px}
.apply{ width:340px;background: url(../images/oembj1.jpg) repeat-x 0 46px;padding-left:45px;margin:10px 0}
.appUl{height:320px; overflow:hidden; margin:20px 0}
.appUl ul{overflow:hidden; margin:0 20px}
.appUl ul li{ border-bottom:1px solid #ccc; padding-bottom:10px; height:145px; margin-bottom:20px}
.appUl ul li img,.apply ul li p,.appUl ul li p{ display:block; float:left}
.appUl ul li img{width:150px; height:120px}
.appUl ul li p{ height:120px; width:103px; background:#eee; padding:10px}
/*footer*/
.footer{ overflow:hidden; background:url(../images/footerbj.jpg) repeat left top; padding-bottom:20px}
.footNav{ height:70px; margin:10px auto 0; background:url(../images/fNavsty.png) no-repeat bottom center; overflow:hidden}
.footNav a,.footNav h3{ float:left; display:inline-block; width:125px; text-align:center;line-height:50px; font-size:14px; color:#fff}
.footNav h3{ font-size:16px}
.footNav a:hover{ color:#E60013}
.footUl,.footUl li,.flogo img ,.flogo span,.flogo p,.flogo h2,.fFocus span{ display:block}
.footUl{overflow:hidden}
.footUl li{ height:150px}
.footUl li,.fFocus span{ float:left;color:#fff}
.flogo,.fcontact{ background:url(../images/bo.png) no-repeat right center; padding-right:70px; margin-right:70px}
.flogo img{ height:70px}
.flogo span{margin-left:10px}
.flogo p{ font-size:16px; margin:10px 0 0}
.flogo h2{ font-size:28px}
.fcontact{ line-height:23px}
.fcontact b{ font-size:14px}
.fcontact a{ color:#fff}
.fcontact a:hover{ text-decoration:underline}
.fFocus span{ margin-right:5px; text-align:center}
.fFocus img{ width:100px; margin-top:6px}
.fFocus p{ line-height:20px}
/*go to top*/
.goToTop {display:none;color: #333;position: fixed;bottom: 35px;right:20px;z-index: 99999;
line-height: 14px;background:url(../images/icon-toTop1.png) no-repeat left bottom;text-align: center;width: 47px;
height: 47px;}
.goToTop:hover{background-position:top left;}

/*products*/
.inban{ height:380px}
.inbanP{ background:#f8fcfe url(../images/inbanA.jpg) no-repeat center center; background-size:cover}
.place{ height:30px; line-height:30px}
.place>.divWide{ background:url(../images/a_we.jpg) no-repeat left center; padding-left:15px}
.section{ overflow:hidden; margin:20px auto}
.left{ width:250px; overflow:hidden; background:#fff}
.intitle{ height:65px;margin-bottom:20px; background:url(../images/line.png) repeat-x bottom left}
.intitle h3{font-size:24px; color:#FB0802; font-weight:normal}
.intitle p{ font-size:14px; color:#ccc; text-transform:uppercase}
.leftM{ margin-bottom:20px}
.leftM>a{ font-size:14px; background:url(../images/leftMbj.jpg) no-repeat left center; margin-top:2px;line-height:38px;height:38px; color:#000; padding-left:20px}
.leftM>a:hover{ color:#900}
.leftM a{display:block}
.leftm2 a{ background:#E4E4EE; margin-top:1px;font-size:12px; height:35px; line-height:35px; color:#333; padding-left:20px}
.leftm2 a:hover{background:#aeaeb2; color:#fff}
.leftC{ overflow:hidden; border:1px solid #ccc; padding:10px 0}
.leftC span{padding-right:5px}
.leftC span,.leftC p{  padding-left:15px;display:block}
.leftC span{ border-bottom:1px solid #ccc; margin-bottom:10px}
.leftC img{ display:inline-block; float:left; margin-right:10px}
.leftC  b{ font-size:18px; line-height:60px}
.leftC p{ font-size:14px; line-height:20px; padding-bottom:6px; margin-left:5px}
.right{ width:820px; overflow:hidden; background:#fff; padding:0 20px 30px}
.rtilte{ height:50px; line-height:45px; font-size:18px;margin-bottom:20px; color:#524545; border-bottom:3px solid #ccc}
.rtilte span{ display:inline-block; border-bottom:3px solid #524545; margin-top:2px; font-weight:bold}
.time{ float:right; font-size:12px !important; margin-top:10px}
.time p{ display:inline-block; margin-left:20px}

.brand-ul{display:block; width:100%; overflow:hidden}
.brand-ul li{ display:block; float:left; margin-right:17px;height:auto;margin-bottom:20px;}
.brand-ul li img{ height:72px; opacity:1px; border:1px solid #e6e6e6; width:107px;}
.brand-ul li img:hover{opacity:0.7; border:1px solid #09F;}
.brand-ul li:nth-child(9n+9){ float:right !important; margin-right:0 !important;}
.brand-list{ width:auto; height:130px;}
.brand-list span{ display:block; width:107px; text-align:center; height:37px; overflow:hidden; margin-top:2px; line-height:20px}
.Page{ margin-top:20px}
.Page span,.Page p,.Page a{ display:block; width:auto; height:25px; float:left; text-align:center; line-height:25px; margin:0px 5px; padding:0px 10px;}
.Page span,.Page a{ background:#ececec; border:1px solid #e0dfdf;}
.Page a:hover{ background:#FB0802; color:#fff;}
/*products-1*/
.porduct-con{ margin-bottom:50px;overflow:hidden}
.product-img{}
.product-img img{ padding:5px; border:1px dashed #ccc; height:auto;width:200px}
.porduct-txt{width:auto;margin:0px 40px;height:135px;overflow:hidden}
.porduct-txt h3,.porduct-txt p,.advice h3,.advice span{display:block}
.porduct-txt h3{font-size:24px;height:50px;color:#000}
.porduct-txt p{font-size:15px;line-height:30px}
/*.advice{background:#eee;overflow:hidden; box-shadow:1px 1px 5px rgba(204,204,204,0.8);
background:linear-gradient(to bottom, #f0f0f0 0%, #d2d1d1 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f0f0f0',endColorStr='#d2d1d1',gradientType='0'); 
background: -moz-linear-gradient(top, #f0f0f0, #d2d1d1); 
background: -o-linear-gradient(top,#f0f0f0, #d2d1d1); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#d2d1d1))}
.hot{ width:300px; height:auto; border:1px solid #9e9d9d;background:url(../images/about_tpl.png) no-repeat 36px; padding:20px 0px}
.hot p,.hot span{ display:block; margin-left:100px; font-size:15px; line-height:26px; color:#666;}
.hot p{font-weight:600;}
.hot span h3{ font-size:20px; color:#fb0802}*/
#tab{width:100%; background:url(../images/navline.png) no-repeat top center; padding-top:30px}
.tabList{height:auto; width:230px; overflow:hidden; padding-bottom:30px; float:left}
.tabList a{ display:block; height:40px;line-height:40px;width:230px;position:relative; margin:0}
#tab .tabCon{width:840px; height:100%; float:right}
#tab .tabCon  .show{padding:0 10px; overflow:hidden}
#tab .tabCon .show p,#tab .tabCon div h3{ display:block; line-height:25px}
#tab .tabCon .show h3{ font-size:16px; margin-bottom:10px; color:#900}
#tab .tabCon .show p{ margin-bottom:10px}
#tab .tabList a.cur{ color:#900; background:url(../images/leftMbjCur.jpg) no-repeat left center}
.show div{ display:block !important}

/*about*/
.about{ line-height:25px}
.about p{ display:block; margin-bottom:10px}
.about h3{ font-size:16px; display:block; margin:10px 0 15px}
/*contact*/
.contact{ overflow:hidden; background:url(../images/contbj.png) no-repeat left top}
.conTxt { overflow:hidden; margin-right:80px; width:auto}
/*apply*/
.inapply { height:auto; overflow:hidden}
.inapply ul{ margin:10px 0}
.inapply ul li{float:left; display:inline-block; margin-right:10px; width:253px; height:145px; overflow:hidden}
.inapply ul li:nth-child(3n+3),.listy{ float:right; margin-right:0 !important}
/*news*/
.newsA{ height:auto}
.newsA li a{ width:400px}
/*news-1*/
.ntitle{ text-align:center; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px}
.ntitle h3{}
/*learn*/
.learen{ overflow:hidden; margin-bottom:50px}
.learnItem{ width:780px; overflow:hidden; height:220px; padding-bottom:20px; margin-bottom:20px; }
.learnTitle{ height:30px; line-height:30px; border-bottom:1px solid #ccc}
.learnTitle h3,.li-fist img,.li-fist span{ display:block; float:left}
.learnTitle>a,.learnTitle>h3{ margin-top:0px}
.learn-ul li,.li-fist img,.li-fist span,.li-fist a,.learn-ul li p{display:block;}
.learn-ul{ height:180px; overflow:hidden; width:780px;}
.li-fist{ height:90px !important; overflow:hidden; background:none !important; padding-left:0 !important; margin-bottom:10px;}
.li-fist>a{ margin-left:10px}
.learn-ul li p{ float:right !important}
.li-fist img{}
.li-fist span{ margin-left:30px; height:64px; overflow:hidden; width:630px; line-height:21px;}
.li-fist a{ text-align:right; color:#39F; width:100px !important}
.li-fist a:hover{ font-weight:bold}
.learn-ul li{ background:url(../images/La.gif) no-repeat left center;height:25px; overflow:hidden; padding-left:20px}
.learn-ul li a{display:block;line-height:25px;width:520px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left}
.Hr{ width:1px; height:245px; float:left; background:#ccc; margin:0 29px}