@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; font:12px/180% "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body{width:100%; background-color:#edf0f5;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;}
em,i {font-style: normal;}
a{text-decoration:none; color: #555; }
.disable {display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none;}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}

.wrapper{ width:1200px; margin: 0 auto;}

/*头部*/
.header{ min-width: 1200px; background: #202020;}
.header .wrapper{ position: relative; height: 38px; line-height: 38px;}
.header li{ font-size: 14px; color: #fff;}
.header .fr{ padding: 0 135px 0 20px; background: url("../images/img_01.png") no-repeat left center;}
.header .code{ position:absolute; right: 0; top: 11px;}

/*导航*/
.nav{ min-width: 1200px; background-color: #fff; height: 100px; overflow: hidden;}
.logo{ float:left; padding-top: 18px;}
.nav_list{ float:right; padding-right: 135px; padding-top: 27px; height: 52px;}
.nav_list li{ float: left; padding-left: 40px;}
.nav_list a{ display: block; font-size: 16px; color:#000000; line-height: 49px; padding: 0 6px;}
.nav_list a:hover,.nav_list a.on{ border-bottom: 3px #0075ff solid; color: #0075ff;}

/*banner*/
.banner{ min-width: 1200px; position:relative; overflow: hidden; height: 650px;}
.banner .bd a{ display: block; height: 650px; background-position: center top; background-repeat: no-repeat;}
.banner .hd { position: absolute; left: 0; right: 0; bottom: 10px; text-align: center;}
.banner .hd li{display:inline-block; vertical-align: top; width: 12px; height: 12px; background-color:#fff; border-radius: 6px; font-size:0; margin: 0 5px; overflow: hidden;}
.banner .hd li.on{ width: 30px;}

/*统计*/
.total{ min-width: 1200px; height: 150px; background: #fff; overflow: hidden;}
.total li{ font-size: 50px; color: #000; line-height: 150px; font-weight: 200;}
.total li em{ padding-left: 10px;}
.total li i{ font-size: 20px;}

/*3大服务*/
.index_service{ min-width: 1200px; height: 728px; background: url("../images/img_01.jpg") no-repeat center top; overflow: hidden;}
.index_title{text-align:center; padding-top: 50px;}
.index_title h2{ display:block; font-size: 55px; color: #000; font-weight: 400; line-height: 85px; font-weight: 200;}
.index_title h2 i{ font-size: 80px;}
.index_title p{ font-size: 20px; color: #000; opacity: 0.5; line-height: 50px;}

.service_list{ padding: 50px 0 0;}
.service_list li{ float:left; text-align: center; width: 370px; height: 360px; background-color: #fff; margin-right: 45px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.07);}
.service_list li:last-child{ margin-right: 0;}
.service_list div{ margin-top: 75px; height: 119px; background-repeat: no-repeat; background-position: center center;}
.service_list .ico01{ background-image:url("../images/img_02.jpg");}
.service_list .ico02{ background-image:url("../images/img_03.jpg");}
.service_list .ico03{ background-image:url("../images/img_04.jpg");}
.service_list b{ display: block; font-size: 24px; color: #000; font-weight: 400; padding-top: 48px;}
.service_list p{ font-size: 16px; color: #999; padding-top: 20px;}

/*推荐车型*/
.index_recommend{ min-width: 1200px; background-color: #fff; padding-bottom: 55px; overflow: hidden;}

.car_info{ padding-top: 60px; overflow: hidden;}
.car_info .wrapper{height: 590px; position: relative;}

.car_type{ width: 314px; overflow: hidden;}
.car_type .bd li{ height: 78px; padding-left: 23px; border: 1px #ddd solid; position: relative; margin-bottom: 10px; color: #3a405b;}
.car_type .bd img{ position:absolute; right: 8px; top: 50%; transform: translateY(-50%);}
.car_type .bd b{ display:block; font-size: 18px; font-weight: 400; padding-top: 19px;}
.car_type .bd p{ font-size: 14px;}
.car_type .bd li.on{ border-color:#0d83fd; color: #0d83fd;}
.car_type .hd a{ display: block; height: 50px; background: #f5f5f5 url("../images/img_03.png") no-repeat center center;}

.car{ position: absolute; left: 343px; top: 0; height: 590px; overflow: hidden;}
.car_list{ position:relative; overflow: hidden;}
.car_list .bd img{ width: 1217px; height: 590px;}
.car_list .hd{ position:absolute; left: 30px; bottom: 20px;}
.car_list .hd li{ float:left; margin-right: 10px; border: 2px #fff solid;}
.car_list .hd li.on{ border-color:#0d83fd; }

/*优惠活动*/
.index_active{ min-width: 1200px; background-color: #edf0f5; overflow: hidden;}

.active_list{ padding-top: 35px;}
.active_list li{ float: left; width: 380px; height: 488px; margin-right: 30px; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.07); overflow: hidden;}
.active_list li:last-child{ margin-right: 0;}
.active_list div{ padding: 25px 20px;}
.active_list h4{ display:block; font-size: 26px; color: #3a405b; font-weight: 400; line-height: 45px;}
.active_list p{ font-size: 18px; color: rgba(0,0,0,0.5); line-height: 35px;}
.active_list a{ display: block; width: 141px; height: 43px; line-height: 43px; background-image:url("../images/img_09.jpg"); text-align: center; color: #fff; margin: 20px auto 0; font-size: 18px;}

.ac_more{ padding: 75px 0 70px;}
.ac_more a{ display: block; width: 260px; height: 50px; line-height: 50px; margin: 0 auto; border: 1px #d2d4d8 solid; font-size: 20px; color: rgba(0,0,0,0.50); text-align: center;}

/*新闻资讯*/
.index_news{ min-width: 1200px; background-color: #fff; overflow: hidden;}

.news_list{ padding-top: 40px; padding-bottom: 60px;}
.news_list .con{ width: 552px;}
.news_list .img{ display:block; width: 552px; height: 262px;}
.news_list li{ margin-top: 22px; position: relative; padding-left: 85px;}
.news_list h4{ display:block; font-size: 16px; font-weight: 400; color: #595959; height: 48px; line-height: 48px; overflow: hidden;}
.news_list h4 a{ color: #595959;}
.news_list h4 a:hover{ color: #0d83fd;}
.news_list i{ display:block; height: 0; overflow: hidden; border-bottom: 1px #0d83fd solid; width: 21px;}
.news_list p{ font-size: 14px; color: #999; line-height: 30px; height: 60px; overflow: hidden; padding-top: 7px;}
.news_list .time{ position: absolute; left: 0; top: 17px; width: 54px; height: 54px; border: 1px #0d83fd solid; text-align: center; color: #0d83fd;}
.news_list .time b{ display:block; font-size: 15px; padding-top: 7px;}
.news_list li:hover .time{ background-color:#0d83fd; color: #fff;}

/*关于我们*/
.index_about{ min-width: 1200px; padding: 50px 0; text-align: center; color: #fff; font-size: 22px; line-height: 40px; background: url("../images/img_11.jpg") no-repeat center center;}
.index_about b{ display:block; font-size: 50px; font-weight: 400; font-weight: 200; line-height: 85px; padding-bottom: 10px;}
.index_about_con{ min-width: 1200px; padding: 65px 0; background: #fff; overflow: hidden;}
.index_about_con .left{ width: 505px; padding-top: 15px;}
.index_about_con .left ul{ padding-top: 35px; font-size: 16px; color: #0a0b0e; line-height: 34px;}
.index_about_con .left p{ text-indent: 2em;}
.index_about_con .left a{ color:#0075ff;}

/*合作*/
.index_coop{ padding: 25px 0 5px;}
.index_coop b{ float:left; width: 200px; height: 70px; line-height: 70px; text-align: center; font-size: 24px; color: #fff; font-weight: 400; background-color: #0099ff; margin-bottom: 20px;}
.index_coop a{ float: left; width: 200px; height: 70px; line-height: 70px; background-color: #fff; overflow: hidden; margin-left: 20px; text-align: center; margin-bottom: 20px;}
.index_coop a img{ display:inline-block; vertical-align: middle;}

/*底部*/
.footer{ min-width: 1200px; background-color: #202020; overflow: hidden;}
.f_top{ border-bottom: 1px #373737 solid; padding: 45px 0 35px;}
.f_logo{ float: left; padding-left: 140px;}
.f_nav{ padding-left: 85px; float:left; overflow: hidden;}
.f_nav li{ float:left; line-height: 73px; height: 73px; font-size: 16px; color: #fff;}
.f_nav span{ padding: 0 20px;}
.f_nav a{ color: rgba(255,255,255,0.8);}

.f_center{ border-bottom: 1px #373737 solid; padding: 29px 0;}
.f_center li{ float:left; position: relative; padding-left: 52px; padding-right: 20px; font-size: 16px; color: rgba(255,255,255,0.4); line-height: 30px; border-right: 1px #373737 solid;}
.f_center li:last-child{ border-right: none;}
.f_center i{ font-size:20px;}
.f_center img{ position:absolute; left: 20px; top: 5px;}

.f_bottom{ padding: 28px 0; text-align: center; font-size: 16px; color: rgba(255,255,255,0.5); line-height: 30px;}

/*面包屑*/
.location{ margin-bottom: 100px; min-width: 1200px; height: 300px; background-position: center top; background-repeat: no-repeat; }
.location .wrapper{ height: 300px; position: relative;}
.location div{ position:absolute; left: 0; right: 0; top: 270px; background-color: #fff; height: 100px; padding: 0 40px 0 35px;}
.tab{ float: left; padding-top: 20px;}
.tab a{ float:left; padding: 0 10px; font-size: 24px; color: #3a405b; line-height: 55px; height: 55px; margin-right: 45px;}
.tab a:hover,.tab a.on{ color:#0075ff; border-bottom: 3px #0075ff solid;}
.search{ float: right; margin-top: 31px; position: relative;}
.search input{ display:block; border: 0; width: 270px; padding-left: 30px; height: 38px; line-height: 38px; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; background-color: #eff0f2;}
.search button{ position: absolute; right: 24px; top: 9px; border: none; background: url("../images/img_09.png"); width: 19px; height: 20px; outline: none; cursor: pointer;}

.news_main{ background-color: #fff; margin-bottom: 55px;}
.news_main .list{ padding: 0 45px;}
.news_main .list li{ padding: 40px 0; border-bottom: 1px #e1e2e4 dashed; height: 171px; overflow: hidden;}
.news_main .list img{ float:left; margin-right: 30px; width: 238px; height: 171px; border-radius: 6px;}
.news_main .list h4{ display:block; font-size: 24px; color: #3a405b; font-weight: 400; line-height: 40px; height: 40px; padding-top: 3px; overflow: hidden;}
.news_main .list p{ font-size: 14px; color: #666; line-height: 25px;}
.news_main .list p i{ color:#0075ff;}

.page{ padding: 45px 0; text-align: center; overflow: hidden;}
.page a{ display:inline-block; vertical-align: top; margin: 0 3px; width: 28px; height: 28px; line-height: 28px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 14px;}
.page a.on{ font-size: 22px; line-height: 26px;}
.page a:hover,.page a.active{ color:#fff; background-color: #2f82ff;}

/*优惠活动*/
.active_main{ padding-bottom: 50px;}
.active_main li{ margin-bottom: 20px; background-color: #fff; overflow: hidden;}
.active_main a{ display:block; position: relative; padding-right: 65px; height: 320px;}
.active_main img{ float: left; width: 680px; height: 320px; margin-right: 50px;}
.active_main i{ position: absolute; left: 0; top: 0; width: 100px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; background-color: #0d83fd;}
.active_main h4{ display:block; font-size: 36px; color: #3a405b; font-weight: 400; line-height: 75px; padding-top: 30px;}
.active_main p{ font-size: 14px; color: #666; line-height: 27px; overflow: hidden;}
.active_main em{ display: block; overflow: hidden; width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background-color: #0d83fd; margin-top: 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.active_main li.on i{ background-color: rgba(0,0,0,0.7);}
.active_main li.on em{ background-color: #999;}

/*关于我们*/
.about_us{ background-color:#fff; margin-bottom: 50px;}
.about_us ul{ padding: 40px; font-size: 18px; color: #333; line-height: 40px;}
.about_us img{ float: right; margin: 7px 0 0 40px;}
.about_us p{ text-indent: 2em;}

/*新闻详情*/
.locations{ margin-top: 30px; height: 60px; background-color: #fff; font-size: 16px; color: #3a405b; line-height: 60px;}
.locations p{ padding: 0 15px;}
.locations a{ color:#3a405b;}

.detial_news{ margin-top: 20px; margin-bottom: 50px; background-color: #fff;}
.detial_news ul{ padding: 0 125px;}
.detial_news .title{ text-align:center; padding: 45px 0  30px; font-size: 16px; color: #3a405b;}
.detial_news .title h1{ display:block; font-size: 34px; color: #3a405b; font-weight: 400; padding-bottom: 40px;line-height: 40px;}
.detial_news .title p{ opacity: .5;}
.detial_news .con{ font-size: 18px; color: #333; line-height: 40px; padding-bottom: 100px;}
.detial_news .con img{ margin:  15px auto;}
.detial_news .con p{ text-indent: 2em;}

/*服务*/
.order{ position: relative; min-width: 1200px; overflow: hidden;}
.order_banner{ height: 550px;}
.order_banner .bd li{ height: 550px; background-position: center top; background-repeat: no-repeat;}
.order_banner .hd a{ position: absolute; top: 228px; left: 50%;}
.order_banner .hd .prev{ margin-left: -675px;}
.order_banner .hd .next{ margin-left: 620px;}

.order_form{ position:absolute; left: 50%; top: 48px; margin-left: -600px; width: 384px; height: 434px; border: 8px rgba(255,255,255,0.3) solid;}
.order_form .form{ width: 384px; height: 434px; background-color: #fff; overflow: hidden;}
.f_tab{ height: 60px; background-color: #f7f8f9; overflow: hidden;}
.f_tab a{ float: left; position: relative; width: 50%; text-align: center; font-size: 18px; color: #333; line-height: 60px;}
.f_tab a i{ display:none; position: absolute; left: 40px; right: 40px; bottom: 0; border-bottom: 3px #0075ff solid;}
.f_tab a:hover,.f_tab a.on{ background-color:#fff; color: #0075ff;}
.f_tab a:hover i,.f_tab a.on i{ display:block;}
.order_list{ padding: 15px 25px 0;}
.order_list li{ padding-top: 10px;}
.order_list label{ display:block; font-size: 16px; color: #24354b; line-height: 35px;}
.order_list input{ display:block; border: 1px #bababa solid; height: 36px; line-height: 36px; width: 318px; padding-left: 10px; font-size: 16px; color: #24354b;}
.order_list button,.ac_box button{ display:block; cursor: pointer; border: 0; width: 100%; margin-top: 15px; height: 44px; background-color: #2f8eff; color: #fff; font-size: 20px;}

.order_list input.btn,.ac_box input.btn{ display:block; cursor: pointer; border: 0; width: 100%; margin-top: 15px; height: 44px; background-color: #2f8eff; color: #fff; font-size: 20px;}

/*浮窗*/
.box{ position: fixed; right: 20px; bottom: 10%; z-index: 10;}
.box li{ position: relative; margin-top: 11px;}
.box a{ display:block; width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,0.04);}
.box .b_01{ background-image:url("../images/ico_01.png");}
.box .b_02{ background-image:url("../images/ico_02.png");}
.box .b_03{ background-image:url("../images/ico_03.png");}
.box .b_04{ background-image:url("../images/ico_04.png");}
.box .b_05{ background-image:url("../images/ico_05.png");}
.box .b_06{ background-image:url("../images/ico_06.png");}
.box li:hover .b_01{ background-image:url("../images/ico_01.png");}
.box li:hover .b_02{ background-image:url("../images/ico_02a.png"); background-color: #0075ff;}
.box li:hover .b_03{ background-image:url("../images/ico_03a.png"); background-color: #0075ff;}
.box li:hover .b_04{ background-image:url("../images/ico_04a.png"); background-color: #0075ff;}
.box li:hover .b_05{ background-image:url("../images/ico_05a.png"); background-color: #0075ff;}
.box li:hover .b_06{ background-image:url("../images/ico_06.png");}
.box div{ display:none; position: absolute; right: 60px; top: -5px; width: 160px; height: 162px; background-image: url("../images/img_10.png");}
.box div ul{ padding-top: 18px; padding-right: 25px; padding-left: 23px;}
.box div ul img{ width:112px; height:112px; }
.box div p{ text-align:center; font-size: 14px; color: #000000; line-height: 28px;}
.box li:hover div{ display: block;}

/*立即参与弹窗*/
.ac_box{ display:none; position:fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.9); z-index: 11;}
.ac_box .con{ position:absolute; left: 50%; margin-left: -255px; top: 50%; margin-top: -180px; width: 510px; height: 360px; background-color: #fff; border-radius: 2px;}
.close{ position:absolute; right: -60px; top: -30px;}
.ac_box b{ display:block; text-align: center; font-size: 36px; color: #333333; font-weight: 400; line-height: 85px; padding-top: 10px;}
.ac_box ul{ padding: 0 112px;}
.ac_box li{ margin-bottom: 15px;}
.ac_box input{ display:block; padding-left: 10px; width: 274px; height: 36px; line-height: 36px; border: 1px #dcdcdc solid; font-size: 16px; color: #24354b;}
.ac_box p{ font-size: 12px; color: #24354b;}
.ac_box p i{ color:#0075ff;}

/*拼车服务*/
.order_banner01{ height: 550px; }

/*兑换成功*/
.box_success,.down_box{ display:none; position:fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.9); z-index: 11;}
.box_success .con,.order_success .con,.order_line .con,.down_box .con{ position: absolute; left: 50%; margin-left: -244px; top: 50%; margin-top: -257px; width: 488px; height: 515px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.box_success ul div{ padding: 40px 0 0; text-align: center;}
.box_success b{ display: block; font-size: 40px; color: #e54125; font-weight: 400; line-height: 66px;}
.box_success p{ font-size: 24px; color: #666; line-height: 38px; padding-bottom: 40px; opacity: 0.6;}
.box_success button{ display:block; margin: 0 auto; border:0; width: 376px; height: 80px; background-color: #f03838; color: #fff; font-size: 32px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer;}

/*预约成功s*/
.order_success,.order_line{ display:none; position:fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.9); z-index: 11;}
.order_success .con div,.order_line .con div{ padding-top: 72px;}
.order_success img,.order_line img{ margin:0 auto;}
.order_success b,.order_line b{ display:block; text-align: center; font-size: 45px; color: #333333; font-weight: 400; line-height: 60px; padding-top: 10px;}
.order_success p,.order_line p{ font-size: 24px; color: #666; line-height: 50px; opacity: 0.6; text-align: center;}

/*下载*/
.down_box .con{ width: 758px; margin-left: -379px; background: url("../images/img_26.jpg") no-repeat 20px -60px; background-color: #fff;}
.down_box .con div img{ margin:0 auto; margin-top: 90px; width: 315px;}
.down_box .con  p{ text-align:center; font-size: 40px; color: #333; line-height: 80px;}

/*企业文化*/
.honor_box {
	width: 1150px;
    background-color: #fff;
}
.honor_box ul{    padding: 20px;}

.honor_box li {
	width: 342px;
	height: auto;
	margin: 0 0 20px 30px;
	cursor: pointer;
}

.honor_img {
	width: 340px;
	/*height: 215px;*/
	border: 1px solid #ccc;
	display: table
}

.honor_img span {
	width: 340px;
	height: 252px;
	display: table-cell;
	vertical-align: middle;
}

.honor_img span img {
	max-width: 340px;
	/*max-height: 216px;*/
	display: block;
	margin: auto;
}
.honor_name {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}
.ellipsis-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.honor_slide {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}

.honor_slide .prev,
.honor_slide .next {
	top: 50%;
	margin-top: -30px;
	right: 20px;
}

.honor_slide .prev {
	left: 20px;
}

.honor_slide .fullSlide {
    width: 1400px;
    margin-left: 50px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\9;
}

.honor_slide .fullSlide ul {
	width: 100% !important;
	height: 100% !important;
}

.honor_slide .fullSlide ul li {
	width: 100% !important;
	height: 100% !important;
	display: table;
	position: relative;
}

.honor_slide .fullSlide ul li a {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.honor_slide .fullSlide ul li a img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
}

.honor_slide .fullSlide ul li .word {
	position: fixed;
	bottom: 0px;
	width: 100%;
	font-size: 24px;
	line-height: 48px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	display: block;
	z-index: 9999;
	left: 0;
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\9;
}

.cancel {
	width: 40px;
	height: 40px;
	background: transparent url("../images/cancel.png") no-repeat center;
	position: fixed;
	right: 20px;
	top: 20px;
	z-index: 999;
	cursor: pointer;
}