@charset "utf-8";

* {margin: 0px;	padding: 0px;}

body { font-size: 14px; line-height: 200% ;color: #666666;font-family:\5FAE\8F6F\96C5\9ED1; background:#FFF; }

.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}

.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}

.clearfix {min-height: 1px;}

* html .clearfix {height: 1px;}

img {border:none;}

a:link {TEXT-DECORATION: none;}

a:visited {TEXT-DECORATION: none;}

a:hover {TEXT-DECORATION: none;}

a:active {TEXT-DECORATION: none;}

ul,li{list-style-type: none;}



/* header */

#header {height:104px; background:#292929;}

#header .head_box { width: 1200px; height: 104px; margin-left: auto; margin-right: auto; position:relative;}

#header .logo { float:left; position:absolute; top:0px; left:15px;}

#header .tel { font-weight:bold;height:50px; color:#fff; font-size:18px; float:right; line-height:30px; position:absolute; top:20px; right:0px; text-align:right;}

#header .tel b{ color:#ffeac0; background:url(../images/tel.png) left center no-repeat;padding-left:37px; font-size:32px; }



/* nav */

#nav { height:50px; width:100%; line-height:50px; background:#01A5CA }

#nav ul.nav_link{ width:1200px; margin-left:auto; margin-right:auto;background:#01A5CA; height:50px;}

#nav ul.nav_link li{ float:left;font-size:18px;width:150px; text-align:center; }

#nav ul.nav_link li a{ color:#fff; display:block;}

#nav ul.nav_link li a:hover,

#nav ul.nav_link li.on a{background:#ffba00; color:#713d00;}

/* banner */

.banner{height:50px;overflow:hidden; position:relative; z-index:0; padding-top:450px;}

.banner .d1{width:100%;height:500px;display:block;position:absolute;left:0px;top:0px;}

.banner .d3{ width:1200px; margin-left:auto; margin-right:auto; position:relative; z-index:11; height:30px;}

.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;bottom:0px;}

.banner .d2 ul{float:left;position:absolute;right:0;top:0;display:inline;}

.banner .d2 li{width:62px;height:12px;overflow:hidden;cursor:pointer;float:left;margin:5px 8px;display:inline;background:#41bfde; }

.banner .d2 li.nuw{ background:#e82627;}



/* roll */

.warp-pic-list li{float:left;display:inline;}

.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}

.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}

/*热门车型*/

.rowE .warp-pic-list{position:relative;width:100%;height:230px;overflow:hidden;}

.rowE .count li{margin-right:13px;width:280px;height:210px;}

.rowE .count li .roll_img{ display: table-cell;

        width:280px;

        height:210px;

        line-height:180px;

        text-align: center; *display:block;*font-size:180px;overflow:hidden;vertical-align:middle;  }

.rowE .count li .roll_img img{vertical-align: middle;

        max-width: 280px;

        max-height: 210px;}

.rowE .count li .roll_h { z-index:111; width:280px; height:210px;background:url(../images/black.png) left top repeat; position:relative;margin-top:-210px; display:none; line-height:210px; font-size:20px; color:#fff; text-align:center;}

.rowE .count li:hover .roll_h{  display:block;}

.rowE .count li a{ display:block;width:280px; height:210px; color:#fff;}

.roll_title{background:url(../images/s_title_bg.jpg) left center repeat-x; width:100%; height:30px; line-height:30px; margin-bottom:20px;}

.roll_title h2{ background-color:#fff; font-size:24px; color:#7a7a7a; padding-right:10px;; font-weight:normal; float:left;}

.roll_title span{  font-family:Arial; font-size:14px;font-weight:normal; float:right;background-color:#fff;padding-left: 5px; }

.roll_title span a{ color:#ccc; }



.rowE1 .warp-pic-list{position:relative;width:100%;height:286px;overflow:hidden;}

.rowE1 .count li{margin-right:20px;width:324px;height:286px;}

.rowE1 .count li .roll_img{ display: table-cell;

        width:324px;

        height:286px;

        line-height:286px;

        text-align: center; *display:block;*font-size:210px;overflow:hidden;vertical-align:middle; }

.rowE1 .count li .roll_img img{vertical-align: middle;

        max-width: 324px;

        max-height: 286px;}		

.rowE1 .count li .roll_h { z-index:111; width:324px; height:286px; background:url(../images/black.png) left top repeat; position:relative;margin-top:-286px; display:none; line-height:286px; font-size:20px; color:#fff; text-align:center;}

.rowE1 .count li:hover .roll_h{  display:block;}

.rowE1 .count li a{ display:block;width:324px; height:286px; color:#fff;}

/* content */

#content{width: 1160px;margin-left: auto; margin-right: auto; margin-top:40px;}

.s_about{ background-color:#01A5CA; padding:22px; overflow:hidden; margin-bottom:20px; height:156px;}

.s_about .about_left{ width:165px; height:142px; float:left;}
.s_about .about_left img{display: block;height: 100%;border: none;}
.s_about .about_right{ float:left; margin-left:35px; width:900px; color:#fff;}

.s_about .about_right p{line-height: auto;overflow:hidden;
display:-webkit-box;
text-overflow:ellipsis;
-webkit-line-clamp:3;
-webkit-box-orient:vertical}
.s_about .about_right a{ float:right;position: relative;top: -22px;}

.s_about  .about_title{ font-size:28px; color:#fff; margin-bottom:20px;}

.s_about  .about_title span{ font-family:Arial; font-size:24px; margin-left:12px;}

.s_news{ width:422px; float:left; height:348px;}

.s_case{ width:680px; float:right; height:348px;}



 ul.new{ font-size:16px; }

 ul.new li{ height:35px; line-height:35px; border-bottom:1px solid #d9d9d9;}

 ul.new li span{ float:right;color:#7a7a7a;}

 ul.new li a{ color:#7a7a7a; display:block;padding:0px 10px;width: 100%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

 ul.new li a:hover{ color:#fff; background-color:#01A5CA;}

  ul.new li a:hover span{ color:#fff;}

/* side */

#side{ float: left; width:230px; overflow: hidden;}

#side .side_title{ height:46px; line-height:46px; text-align:center; background-color:#01A5CA; font-size:22px; color:#fff;}

#side ul.side_list{ }

#side ul.side_list li{ height:44px; line-height:44px; font-size:18px; background-color:#e7e7e7; font-size:16px; color:#01A5CA; text-align:center; margin-top:10px;}

#side ul.side_list li a{ color:#01A5CA;display:block;}

#side ul.side_list li a:hover{ background-color:#01A5CA;  color:#fff;}

#side ul.side_list li.on a{background-color:#01A5CA;color:#fff;}

.side_box{ overflow:hidden; color:#777; font-size:14px; padding-left:20px; padding-top:20px;}

.side_box b{ font-size:18px;}

.side_contact{ text-align:center; margin-top:20px;}

.main { overflow:hidden; margin:20px 0px;}

.hotPic{ width:230px; height:170px; position:relative; }

.hotPic .num{ position:absolute;right:0; bottom:0; z-index:100;width:222px; padding-right:8px; height:20px; text-align:right; background:url(../images/bl.png) left top repeat; line-height:20px;}

.hotPic .num span{ width:20px; height:20px; display:inline-block; line-height:20px; font-size:14px; text-align:center;  cursor:pointer; color:#fff;}

.hotPic .num span.cur{ background:#01A5CA;color:#fff;}

.hotPic .pic{ position:relative; z-index:5;}

.hotPic .pic li{ position:absolute; display:none;}

.hotPic .pic li img{ width:230px; height:170px; display:block;text-align:center;}

/* main */

#main{ float: right; width:864px; overflow: hidden; padding-bottom:30px;}

.title{ background:url(../images/s_title_bg.jpg) left center repeat-x; width:100%; height:30px; line-height:30px; margin-bottom:20px;}

.title h2{ background-color:#fff; font-size:24px; color:#7a7a7a; padding-right:10px; font-weight:normal; float:left;}

.title span{font-size:14px;font-weight:normal; float:right;background-color:#fff;padding-left:10px; color:#555; }

.title span a{ color:#555; }

.about{ overflow:hidden;}

.about h2{ font-size:18px; color:#333; text-align:center; margin-bottom:10px; font-weight:normal;}

.about h3{ font-size:14px; color:#333; text-align:center; margin-bottom:10px; font-weight:normal;}

.about img{display: block;margin: 0 auto;}

/* footer */

#footer{ background-color: #01A5CA;margin-top:50px;}

#footer .foot_box{ width: 1160px; margin-left: auto; margin-right: auto;background-color: #01A5CA;padding:20px 0px; overflow:hidden;}

#footer .foot_left{ float:left; margin-top:20px;}

#footer .foot_left h2{ float:left; margin-right:40px;}

#footer .foot_left h3{ float:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px; color:#fff; font-weight:normal;}

#footer .foot_left h3 a{ color:#fff;}

#footer .foot_right{ float:right;}



/* news */

ul.news1{ overflow:hidden;}

ul.news1 li{ color:#444444; background:url(../images/news_point.jpg) left center no-repeat; padding-left:27px; font-size:16px; height:40px; line-height:40px;}

ul.news1 li a{color:#444444;}

ul.news1 li a:hover{color:#01A5CA;}

ul.news1 li span{ float:right; color:#ccc;}

.page{ padding-top:20px; overflow:hidden;}

.page_left{ float:left;}

.page_left a{ color:#333;}

.page_right{ float:right;}

.page_right a{ color:#333;}

/* page */

DIV.sabrosus {MARGIN: 3px; PADDING:5px; TEXT-ALIGN: center;clear:both; padding:30px 0;}

DIV.sabrosus A,DIV.sabrosus A:link ,DIV.sabrosus A:visited{

    PADDING:6px 10px;TEXT-DECORATION: none;  margin-right: 3px; margin-left: 3px; color:#a4a4a4; border:1px solid #e5e5e5;}

DIV.sabrosus span{PADDING:6px 10px;TEXT-DECORATION: none;  margin-right: 3px; margin-left: 3px;color:#fff;  background-color:#01A5CA;}

DIV.sabrosus A:hover { color:#fff;  background-color:#01A5CA;}

DIV.sabrosus SPAN.current {

     PADDING:6px 10px; color:#fff;  background-color:#01A5CA;}

DIV.sabrosus SPAN.disabled {

    PADDING:6px 10px; margin-right: 7px; color:#a4a4a4; border:1px solid #e5e5e5;}

DIV.sabrosus SPAN.last { color:#a4a4a4; border:1px solid #e5e5e5; PADDING:2px;}

DIV.sabrosus SPAN.last a:link {  color:#a4a4a4; border:1px solid #e5e5e5; }

DIV.sabrosus SPAN.last a:visited {  color:#a4a4a4; border:1px solid #e5e5e5; }



/* product */

ul.product{ overflow:hidden; width:900px;}

ul.product li{ float: left; width:280px; height:210px;margin-right:10px; margin-bottom:30px; overflow:hidden;}

ul.product li .pro_img { width:280px;height:210px; display: table-cell;line-height:160px;text-align:center;vertical-align:middle;*display: block;*font-size:160px;}

ul.product li .pro_img img{vertical-align:middle; max-height:210; max-width:280px;height: 100%;}

ul.product li .pro_txt{z-index:111; width:280px; height:210px; background:url(../images/black.png) left top repeat; position:relative;margin-top:-210px; display:none; line-height:210px; font-size:20px; color:#fff; text-align:center;}

ul.product li .pro_txt a{ display:block;width:280px; height:210px; color:#fff;}

ul.product li:hover .pro_txt{  display:block;}



/* feedback */

.feedback{ background:url(../images/contact_bg.jpg) right bottom no-repeat; width:885px; margin-top:80px; overflow:hidden;}

table.table1{ overflow:hidden;}

table.table1 td{ padding-bottom:15px; vertical-align:top; color:#333; font-size:16px;}

table.table1 td .ta{ width:235px; height:40px; line-height:40px; border:1px solid #ddd; background-color:#fff;}

table.table1 td .tb{ width:580px; height:276px;border:1px solid #ddd; background-color:#fff;}

table.table1 td .tf{ width:116px; height:38px; background-color:#cccccc; font-size:18px; float:left; margin-right:15px;font-family:\5FAE\8F6F\96C5\9ED1; line-height:32px; border:none; color:#fff;cursor:pointer;}

table.table1 td .tf:hover{ background-color:#ff0000; color:#fff;}



/* contact*/

.contact{  overflow:hidden; margin-top:40px; width:850px;height:auto !important; min-height:450px; height:450px;

}

.map{  width:484px; height:325px; float:left;}

.contact_txt{ font-size:18px; float:left; margin-left:42px; color:#777; line-height:40px; width:285px;}

.contact_txt h2{ font-size:22px; color:#333; font-weight:normal;}