@charset "utf-8";
/* common */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;padding:0;font-family: "Microsoft YaHei","Arial Narrow"; font-size: 14px;}
@font-face {
font-family: 'iconfont';
src: url('//at.alicdn.com/t/font_1459091095_3530965.eot'); /* IE9*/
src: url('//at.alicdn.com/t/font_1459091095_3530965.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('//at.alicdn.com/t/font_1459091095_3530965.woff') format('woff'), /* chrome、firefox */
url('//at.alicdn.com/t/font_1459091095_3530965.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('//at.alicdn.com/t/font_1459091095_3530965.svg#iconfont') format('svg'); /* iOS 4.1- */
}
*{ margin:0; padding:0;border:none;font-family: "Microsoft YaHei","Arial Narrow";}
.h1, .h2, .h3, h1, h2, h3 ,ol, ul,a,p{ margin:0}
a{color: #333}
a:hover{list-style-type: none;text-decoration: none;}
li{list-style-type: none;}
.fl{ float:left}
.fr{ float:right}
.mt10{ margin-top: 10px;}
.w770{width: 770px; }
.w300{width: 300px; }
.w150 {width: 200px;}
.w580 {width: 540px;}
.w490 {width: 490px;}
.w600 {width: 550px;}
.mainbox{width:1080px; margin:0 auto;}
body{text-aligh:center; }
/*header------------------------*/
header{ height:40px; line-height:40px; background-color:#0182de}
.topbar{ height:40px; line-height:40px;}
.topbar a{ color:#FFF；}
.navUser{ width:400px;}
.navUser li{float:left; margin-right:10px; height: 40px; line-height: 40px;}
.navUser li a{font-size: 14px;height: 40px; line-height: 40px; color:#FFF;cursor: pointer;}
.navUser li a:hover{color:#ffcb02;font-weight:normal;}
.navUser span{float:left; width:40px; height:40px; background:url(../images/icon.png);}
.navUser li a:hover{font-weight: normal;color: #ffcb02;text-decoration: none;}
.navUser .h2 span{background-position:0 -40px;}
.navUser .h3 span{background-position:0 -80px;}
.navList li {float: left;width:100px;text-align: center;position: relative;}
.navList .login{ width:150px;}
.login ,.login a{color:#FFF}
.navList li .one a{width:100px; display:block; text-align:center; color:#FFF}
.navList li .two {position:absolute;top: 40px;_top: 40px;right: 0;background: #fff;border-top: 0;
display: none;z-index: 22;min-width:76px;margin: 0 -1px 0 0;border: 1px solid #0182de;
border-width: 0 1px 1px 1px;overflow: hidden;font-size: 14px;}
.navList li .two a {display: block;color: #000;white-space: nowrap;}
.navList li.hover .one a {/*background: #fff;*/border-color: #ddd;cursor: pointer;_border-bottom: 0;}
.navList li.hover .one .icon {transform: rotate(180deg);transition-duration:0.3s;-o-transform: rotate(180deg);-o-transition-duration:0.3s;}
.navList li.hover .two {display: block;}
.navList li .one a {display: inline-block;height: 40px;line-height: 40px;color: #fff;}
.navList li.watch {padding-left: 20px;_padding-left: 17px;}
.navList li.watch .icon {position: absolute;top: 10px;+top: 8px;_top: 1px;left: 0;width:18px;height: 14px;background-position: -129px 0;}
.navList li .one .icon {width: 13px;height: 6px;margin-left: 5px;_top: 7px;_margin: 9px 0 10px;background-repeat: no-repeat;background-position: -112px -194px;
transform: rotate(0deg);transition-duration: 0.3s;-o-transform: rotate(0deg);-o-transition-duration: 0.3s;}
.icon {display: inline-block;position: relative;overflow: hidden;background: url(../images/icon.png) no-repeat;}
.two .media {width: 246px;top: 40px;right: -1px;overflow: hidden;}
.media dt {color: #999;float: left;width: 96%;padding: 14px 0 13px 15px;font-weight: bold;line-height: 13px;overflow: hidden;
border-top: 1px #e9e9e9 solid;font-weight: normal}
.media dd {width:123px;height:42px;margin:0;float:left;text-align:center;line-height:42px;padding:0;}
dl.media dd a {padding:0 0 0 40px;background:url(../images/media.png) no-repeat;height:42px;display:block;}
dl.media dd a.tt {background-position:4px -0}
dl.media dd a.yd {background-position:4px -168px}
dl.media dd a.wx {background-position:4px -42px}
dl.media dd a.wb {background-position:4px -210px}
dl.media dd a.sh {background-position:4px -84px}
dl.media dd a.fh {background-position:4px -252px}
dl.media dd a.ttkb {background-position:4px -126px}
dl.media dd a.jm {background-position:4px -285px}
.two .login_account {width: 216px;top: 40px;right: -1px;overflow: hidden;}
.login_account dt {color: #999;float: left;width: 96%;padding: 14px 0 13px 15px;font-weight: bold;line-height: 13px;
overflow: hidden;border-top: 1px #e9e9e9 solid;font-weight: normal}
.login_account dt.noborder,.media dt.noborder {border: 0}
.login_account dt.dtmore {text-align: right;font-weight: normal;padding: 14px 0 13px 15px;}
ul li.bit_hover dl dd {float: left;padding: 0 15px;line-height: 15px;white-space: nowrap;
border-right: 1px #e5e5e5 solid;margin: 0 0 13px 0;}
.login_account dd {width:108px;height:42px;margin:0;float:left;text-align:center;line-height:42px;
border-bottom:1px #ebebeb solid;padding:0;border-right:1px #ebebeb solid;}
dl.login_account dd a {padding:0 0 0 40px;background:url(http://img1.bitautoimg.com/uimg/index2014/images/2014indexbg18all23.png) no-repeat;
height:42px;display:block;}
dl.login_account dd a.sina {background-position:-759px -994px;}
dl.login_account dd a.qq {background-position:-874px -994px;}
dl.login_account dd a.weixin {background-position:-874px -1038px;}
dl.login_account dd a.renren {background-position:-759px -1038px;}
dl.login_account dd a.baidu {background-position:-759px -1082px;}
dl.login_account dd a.taobao {background-position:-874px -1082px;}
dl.login_account dd a.sina:hover {background-color:#f2f2f2;background-position:-759px -844px;}
dl.login_account dd a.qq:hover {background-color:#f2f2f2;background-position:-874px -844px;}
dl.login_account dd a.weixin:hover {background-color:#f2f2f2;background-position:-874px -888px;}
dl.login_account dd a.renren:hover {background-color:#f2f2f2;background-position:-759px -888px;}
dl.login_account dd a.baidu:hover {background-color:#f2f2f2;background-position:-759px -932px;}
dl.login_account dd a.taobao:hover {background-color:#f2f2f2;background-position:-874px -932px;}
.navList a:hover, .navList li a:hover {color: #ffcb02;}
/*搜索栏------------------------*/
.top_2{ height:80px;margin-top: 5px;}
.logo,.search{ float:left}
.search{ margin-top:15px;width:490px;margin-left: 45px;}
.search_warp {width: 100%;FLOAT: left;height: 65px;}
.clearfix{ clear: both;}
.search_form {CLEAR: both;width: 490px;height: 40px;}
.search_word_warp {width: 400px;border: #0182de 1px solid;background: #fff;height: 40px;float: left;}
.search_word_warp .sele {height: 38px;line-height: 38px;background: #fff;width: 80px;text-align: center;
float: left;position: relative;z-index: 100000;font-weight: regular;cursor: pointer;border-right: #0182de 1px solid;}
.search_word_warp .sele .searchSelected{font-size: 16px;color: #0182de;background: url(../images/tri.png) no-repeat bottom right ;}
.search_word_warp .sele li {position: relative;width: 100%;line-height: 38px;background: #fff;color: #0182de;
font-size: 16px;font-weight: regular;cursor: pointer;border-left:#0182de 1px solid;border-right: #0182de 1px solid;}
.search_word_warp .sele .all{border-top: #0182de 1px solid;}
.search_word_warp .sele .state{border-bottom: #0182de 1px solid;}
.search_word_warp .sele li:hover {color:#fff;background: #0182de;}
.search_word_warp a {color: #bcbbbb;}
.search_word_warp a:hover {color: #999;}
.search_word_warp .inpu {width: 314px;float: left;height:38px;}
.search_button_warp {width: 75px;height: 40px;float: left;margin-left: -1px;}
.search_word {BORDER: 0;LINE-HEIGHT: 38px;height: 38px;WIDTH: 318px;padding-left: 5px;color: #555;}
.search_button {WIDTH: 70px;HEIGHT: 40px;FONT-SIZE: 16px;text-align: center;BORDER: 0;
CURSOR: pointer;border:#0182de 1px solid;background: #fff;color:#0182de;font-weight: regular;}
.hot_search {width: 100%;overflow: hidden;height: 25px;padding-left: 80px;}
.hot_search a {display: inline-block;padding-left: 5px;padding-right: 5px;color: #a0a0a0;line-height: 25px;}
.hot_search a:hover {color: #777;}
/*E友中心------------------------*/
.member{float: right;margin-right: 50px;width: 160px;height: 72px;margin-top:10px;position:relative;}
/*导航------------------------*/
.m2{display: none;}
/*.menu{height:50px;line-height:50px;margin-top: 5px;margin-bottom: 10px;clear:both;border-bottom: 5px solid #0182de;}*/
.menu ul{ margin: 0}
.menu li{color:#fff;float:left;width:108px;height:50px;line-height: 50px;text-align:center;position:relative;text-indent:2em;}
.menu li:hover,.menu .hover{background:#0182de;cursor:pointer;}
.menu ul li a{color:#0182de;display: block;}
.menu ul li a:hover{color:#fff;display: block;}
.menu span{position:absolute;left:0px;width:40px;height:50px;background:url(../images/icon.png) -50px -0px;}
.n1 span{left:10px;}
.n2 span{background-position:-50px -40px;}
.n3 span{background-position:-50px -90px;}
.n4 span{background-position:-50px -140px;}
.n5 span{background-position:-50px -190px;}
.n6 span{left:10px; background-position:-50px -240px;}
.n7 span{background-position:-50px -290px;}
.n8 span{background-position:-50px -340px;}
.n9 span{background-position:-50px -390px;}
.n10 span{background-position:-50px -440px;}
.menu li:hover span{position:absolute;left:0px;width:40px;height:50px;background:url(../images/icon.png) -90px -0px;}
.menu li:hover .n1 span{left:5px;}
.menu li:hover .n2 span{background-position:-90px -40px;}
.menu li:hover .n3 span{background-position:-90px -90px;}
.menu li:hover .n4 span{background-position:-90px -140px;}
.menu li:hover .n5 span{background-position:-90px -190px;}
.menu li:hover .n6 span{left:10px; background-position:-90px -240px;}
.menu li:hover .n7 span{background-position:-90px -290px;}
.menu li:hover .n8 span{background-position:-90px -340px;}
.menu li:hover .n9 span{background-position:-90px -390px;}
.menu li:hover .n10 span{background-position:-90px -440px;}
.menu .current{background:#0182de;cursor:pointer;}
.menu .current a{color:#fff;display: block;}
.menu .current span{position:absolute;left:5px;width:40px;height:50px;background:url(../images/icon.png) -90px -0px;}
/*效果html*/
/*轮播开始*/
/* 本例子css */
.slideBox{float: left;width:1080px; height:370px; overflow:hidden; position:relative; border:1px solid #ddd; }
.slideBox .hd{ height:25px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{font-size:18px; float:left; margin-right:3px; width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1080px; height:370px; display:block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }
/*轮播结束*/
/*!*banner start*!*/
/*.banner{*/
/* !*height:500px;*!*/
/* background:url(../images/banner_02.jpg) top center no-repeat;*/
/* !*position:relative;*!*/
/*}*/
.disc{
width: 94px;
height: 30px;
left:50%;
margin-left:-55px;
position: absolute;
bottom:10px;
background:rgba(0,0,0,0.6);
border-radius:20px;
padding:8px 0 0 16px;
}
.disc li{
float:left;
width:14px;
height:14px;
background-color:#968181;
margin-right:12px;
border-radius:7px;
cursor:pointer;
}
.disc li.current{
background-color: #fff;
}
/*.banner{width: 100%;height: 500px; position: relative; overflow: hidden; }*/
.list{position: absolute; width:400%;z-index:0; }
.list li{float:left; width: 25%; height:500px; background: url(../images/banner1.jpg) no-repeat center center; background-size: cover;}
.list li:nth-child(2) {
background-image: url(../images/banner2.jpg);
}
.list li:nth-child(3){
background-image: url(../images/banner3.jpg);
}
.list li:nth-child(4){
background-image: url(../images/banner1.jpg);
}
.focus{
display: none;
}
.con2 img{
float: left;
}
.con3{
height: 270px;
position: relative;
left:50%;
margin-left: -540px;
text-align: center;
}
div .title{
margin-right: 510px;
padding:20px 0 20px 0;
}
/*底部------------------------*/
.footer{background:#266aa3; position:relative;
/*top:-20px;*/
color:#fff; line-height:24px; height: 190px;}
.footer p a{color:#fff;}
.footer .mainbox{ height: 190px;}
.footer .foot{ width: 650px; margin: -20px auto}
.footer .fwx{ width:150px; float: left; text-align: center; margin-top: 15px;}
.footer .fwx a{ color: #fff; font-size: 14px; }
.footer .fcopy{ width:450px; float: right;text-align: left;}
.footer .fcopy .about{ height: 28px; line-height: 28px; margin-top: 8px;}
.footer .fcopy .about a{ color: #fff;font-weight: bold;font-size: 14px;}
.footer .fcopy p{ font-size: 12px;}
/*.footer .fcopy .con-online{ margin-top: 8px;}*/
/*.footer .fcopy .copy{ margin-top: 8px;}*/