body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, input, em, iframe, select, button,option,optgroup {margin:0;padding:0}
body{font:12px "\5FAE\8F6F\96C5\9ED1"; color:#333; background:#f2f2f2 }
a{text-decoration:none;outline:none; color:#333}
a:hover{text-decoration:none;}
h1, h2, h3, em, button{font-weight:normal;font-style:normal;}

li{list-style:none}
table{border-collapse:collapse;margin:0 auto}
iframe, img, button{border:0}

.area,.model-area,.voteCar-list{ text-align:left; width:1000px; margin: 0 auto;  }
.area:after,.model-area:after,.voteCar-list:after{content:"."; display:block;height:0;visibility:hidden;clear:both;}
.banner{ height: 478px; background:#fff url("../img/banner_bg.jpg") no-repeat center 0;}
.banner h1{ opacity: 0;}




.titbg{background-image: -moz-linear-gradient( 90deg, rgb(2,2,2) 0%, rgba(1,1,1,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(2,2,2) 0%, rgba(1,1,1,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(2,2,2) 0%, rgba(1,1,1,0) 100%);
    position: absolute;
    width: 100%;
    bottom: 0;    overflow: hidden; left: 0px;}
.bgtit{ color: #fff; text-align: center; position: absolute; width: 100%;  bottom: 0px; left: 0px;}
.picbox{ position: relative; display: block; overflow: hidden;}

.area h2{ font-size: 24px; line-height: 66px; padding-left: 15px; padding-top: 28px; position: relative;}
.area h2:before{ content: ''; position: absolute; width:6px; height: 24px; background: #E8504F ; top: 48px; left: 0px;}
.area .tip{ color: #9DA4B4; padding-left: 20px; font-size: 20px;}


.bg0{ background:#3B4B6C;  padding-bottom: 50px;}
.bg0 .area h2{ color: #fff;}
.dy_main{  top:-30px; background: #fff; position: relative; font-size: 16px; line-height: 28px;}
.bg0 .dy_main h2{ margin: 0 0 0 20px; padding-top: 0px; color: #333}
.bg0 .dy_main h2:before{ top: 21px;}
.dy_main p{ padding: 0 20px 20px; color: #666}

.focu_main{ width:670px; float: left; margin-top: -30px; }
.focus{  position:relative; height:460px;  width: 670px;background: #F2F2F2  }
.focus .f_Img{ height: 100%;}
.focus p{ font-size: 16px; line-height: 24px; padding:  10px 20px ;}

.focus .f_tab { height:30px; position:absolute;left:0px; bottom:70px; z-index:300;  text-align: right; width: 100%; box-sizing: border-box; padding-right: 10px;}
.focus .f_tab span{ height:10px; width:10px; margin:0 5px; border-radius:5px; background:#fff; display:inline-block;opacity: .5; cursor: pointer}
.focus .f_tab .cur{  opacity: 1; }
.focus .pre-btn,.focus .next-btn{ background-color: transparent}
.focus .pre-btn,.focus .next-btn{ width:30px; height: 40px; background:url("../img/pc_temp2_btn_ico.png") no-repeat 0 0; position: absolute; top: 50%; left: 0px; margin-top: -40px; z-index: 10}
.focus .next-btn{ left: auto; right: 0px; background-position: 0 -60px;}

.tab-box{ width:300px; float: right;margin-top: -30px; }
.tab{ height: 36px; background:#F2F2F2; font-size: 14px; line-height: 36px; text-align: center }
.tab a{ width: 20%; float: left; display: block}
.tab .cur{ background:#E8504F; color: #fff; position: relative; }
.tab .cur:after{ content: ''; position: absolute; border-top: 5px #E8504F solid; border-left: 4px transparent solid; border-right: 4px transparent solid; bottom: -5px;  left: 50%; margin-left: -4px;}
.tab-content{ height: 424px; background: #fff; overflow: hidden;}
.tab-content .tab-con{ display: none}
.tab-content .tab-con.cur{ display:block}
.tab_list{ width:280px; margin-right: auto }
.tab_list li{ height: 90px; overflow: hidden;font-size: 14px; line-height: 80px; }
.tab_list em{ float: left; line-height: 80px; font-size:18px; font-weight: bold; font-style: italic; width: 24px; padding-left: 10px;  color: #3A4A6B}
.tab_list .pic-box{ width: 90px; float: left;}
.tab_list .pic-box img{ display: block}
.tab_list .pic-box strong{ display: block; height: 20px; text-align: center; font-weight: normal; line-height: 14px; font-size: 12px;}
.tab_list .r{ float: right; font-size: 14px; line-height: 80px;}

.th-con{ padding-top: 10px; padding-left:120px; font-size: 12px; }
.tab-content .wid1{ width: 76px; padding-left: 14px; text-align: left; float: left; }
.tab-content .wid2{ width: 64px; float: left; text-align: right}

.container .div_scroll {width: 100%;height:410px;overflow: hidden;float: left; width: 300px;}
.container.h2 .div_scroll{ height: 390px;}
.container .scroll_container {overflow: hidden;position: relative; left:0px;}
.container .scroll_absolute {position: absolute; left:0px;}
.container .scroll_vertical_bar {position:absolute;top: 0;right: 0;width: 6px; height: 100%; box-sizing:border-box; background:#fff;}
.container .scroll_track {position: relative; }
.container .scroll_drag {position: relative;top: 0;left: 0;cursor: pointer;background-color:#d8d8d8; border-radius: 4px;}
.container .scroll_arrow {text-indent: -20000px;display: block;cursor: pointer;background-color: #D6B74B;}
.container .scroll_vertical_bar .scroll_arrow {height: 16px;}

/*******资讯*****/
.bg1{ background: #fff;}
.pt_list{ width: 1060px; padding-bottom: 30px; overflow: hidden;}
.pt_list li{ height:120px; width: 530px; float: left; padding-bottom: 20px;  }
.pt_list .pic-box{ width: 180px; float: left; position: relative; height: 120px; margin-right: 12px;}
.pt_list .info-box{ width:285px; height: 120px; float: left; text-align: left; font-size: 14px; line-height: 24px;;}
.pt_list  .info-box strong{  font-size: 16px; line-height: 22px; display: block; padding-bottom: 8px;}
.pt_list  .info-box p{ color: #666;}
.pt_list  .info-box p a,.v_list p a{ color:#3462F3; padding-left: 10px; }

/*******视频********/
.v_list{ width: 1020px; overflow: hidden;}
.v_list li{ width: 320px; margin-right: 20px; height: 400px; background: #fff; float: left; margin-bottom: 20px;}
.v_list .picbox{ cursor: pointer}
.v_list .v-ico{ position: absolute; width: 56px; height: 56px; border: 1px #fff solid; background:rgba(0,0,0,.5); border-radius: 50%; left: 50%; margin-left: -29px;  top: 50%; margin-top: -29px;}
.v_list .v-ico:after{ content:''; position: absolute; border-left: 22px  #E8504F solid; border-bottom:15px transparent solid; border-top: 15px transparent solid;  left: 20px; top: 14px;  }
.v_list strong{ display: block; padding:10px; font-size: 16px; line-height:26px;  }
.v_list p{ font-size: 14px; line-height: 28px; padding: 0 10px; color:#777; }
/******投票*******/
.area h3{ background:url("../img/h3_bg.jpg") no-repeat 0 0; height: 44px; font-size:20px; line-height: 44px; color:#fff; text-align: center; margin: 30px 0; }
.voteCar-list{ width: 1030px; overflow: hidden; padding-bottom: 20px;}
.voteCar-list li{ width: 180px; height: 220px; margin: 0 25px 30px 0; float: left; background: #fff;}
.voteCar-list .titbg{ height: 40px;}
.voteCar-list .bgtit{ font-size: 14px; line-height: 26px;}
.voteCar-list .vote-btn{ width: 140px; height: 30px; margin:20px auto 0; display: block; background:#E8504F; color: #fff; font-size:14px; line-height: 30px; text-align: center    }
.voteCar-list .vote-btn.tick{ background: #8F1212;  }
.voteCar-list p{ font-size: 12px; line-height: 30px; text-align: center; color:#666; }
/********车友******/
.slidebox{ position: relative; padding-top: 15px; height:500px; }
.slidebox .f_Img{ height: 500px; width: 860px;}
.slidebox .picbox,.mpicbox{ width: 172px; height: 240px; float: left;  text-align: center }
.slidebox img{ display: block; width: 110px; height: 110px; border-radius: 50%; margin: 0 auto}
.slidebox strong{ display: block; font-size: 16px; color:#fff;  line-height: 30px; padding-top: 10px; color: #3B4B6C }
.slidebox p{ font-size: 14px; line-height: 20px; padding: 0 10px; color: #777}
.slidebox .f_Img li{ box-sizing: border-box; padding: 0px; }
.slidebox .f_tab{ display: none}


.focus .focpre,.focus .focnext{ display: none}

.f_Img{ height:506px; overflow:hidden; width:100%; margin:0 auto; position:relative;}
.f_Img li{ position:absolute; z-index:0;width:100%; height:100%; overflow: hidden;}


.slidebox .pre-btn,.slidebox .next-btn{ width:70px; height: 70px; background:#fff url("../img/btn_ico.png") no-repeat center 20px; border-radius: 50%; position: absolute; top: 50%; left: -20px; margin-top: -50px; z-index: 10}
.slidebox .next-btn{ left: auto; right: -20px; background-position: center -50px;}


/******fot******/


#foot,#footer{   font:14px/22px "\5FAE\8F6F\96C5\9ED1"; text-align:center; padding-top:20px; padding-bottom:20px; width: 100%; color: #666;}

.fontArial{ font-family:Arial, Helvetica, sans-serif}


/****浮层*/
.mask{ width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: #000; opacity: .7; z-index: 10; display: none}
.layerbox{ width: 950px; position: fixed; padding-top: 60px; left:  50%; margin-left: -475px; top:10px; z-index: 12; display: none}
.layer-close{ width: 50px; height: 50px; font-size: 40px; color: #fff; position: absolute; right: 0px; top: 0px; text-align: center}
.layer-com{ width: 100%; height: 570px;}