@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; line-height: 22px; font-family: "微软雅黑"; -webkit-text-size-adjust: none; color: #333; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; }
img { border: 0; vertical-align: bottom; }
ul, li { list-style-type: none; }
a { color: #333; text-decoration: none; transition: all 0.3s; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.fb { font-weight: bold; }
.fnb { font-weight: 200; margin-left: -1px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.font_s { font-family: "宋体"; }
.min_w { min-width: 1200px; }
.container { width: 1200px; margin: 0 auto; }
.containeri img{ width:284px; height:211px}
/*header*/
.top { height: 44px; line-height: 44px; background: #8b8a8a; }
.top_l { font-size: 16px; color: #fff; }
.tel { font-size: 16px; color: #fff; }
.logo {
	width: 350px;
	margin-top: 32px;
	height: 36px;
}
.nav {
	width: 715px;
}
.sNav { height: 112px; line-height: 112px; margin: 0px auto; }
.sNav>a {
	font-size: 18px;
	list-style: none;
	float: left;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
.sNav li {
	background: #fff;
	text-align: center;
	color: #333333;
	height: 112px;
	line-height: 112px;
	line-height: 60px;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 0px;
	padding-left: 17px;
}
.sNav>a span { background: #0583d4; text-align: center; font-weight: bold; color: white; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide img { display: block; position: relative; z-index: 1; width: 100%; border: 0; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 40%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("N1675.gif") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
/*index*/
.write { background: #eeeeee; font-size: 20px; font-weight: bold; color: #868686; text-align: center; font-weight: bold; height: 60px; line-height: 60px; }
.list li { float: left; width: 383px; margin-left: 25px; }
.list ul { margin-top: 54px; }
.list_title { font-size: 24px; color: #4c4c4c; text-align: left; line-height: 32px; margin-top: 21px; }
.list_sec { font-size: 18px; font-weight: bold; color: #222222; background: url(../images/pic_10.jpg) no-repeat left center; padding-left: 15px; line-height: 27px; margin-top: 10px; }
.list_size { margin-top: 11px; text-align: left; line-height: 29px; font-size: 16px; color: #4c4c4c; }
.car { padding-bottom: 100px; margin-top: 50px; background: url(../images/pic_02.jpg) no-repeat center top; padding-top: 40px; background-size: 100% 100%; position: relative; z-index: 9999; }
.car_top { margin: 0 auto 0 auto; height: 47px; line-height: 47px; text-align: center; font-size: 48px; color: #ffffff; font-weight: bold; }
.car_top span { padding: 0 14px; }
.car_list li { width: 284px; float: left; margin-left: 21px; }
.car_list ul { margin-top: 68px; margin-left: -21px; }
.car_title {
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 33px;
	margin-top: 22px;
}
.car_list li .car_img { background: url(../images/p2.png) no-repeat center center; width: 284px; height: 8px; margin-top: 26px; }
.car_con { font-size: 16px; color: #fff; line-height: 36px; margin-top: 13px; }
.car_list li:hover .car_img { background: url(../images/p1.png) no-repeat center center; animation: 2s ease-out carimg; }
@keyframes carimg {
 from {
width:0%;
}
 to {
width:100%;
}
}
.serve { padding-bottom: 85px; background: #0583d4; background-size: 100% 100%; }
.serve_l { margin-top: 83px; position: relative; }
.serve_lpo { z-index: 9999; position: absolute; left: 173px; top: 179px; }
.serve_l_01 .serve_img { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; margin: 0px auto 0 auto; background: url(../images/pic_11.jpg) no-repeat center center; width: 81px; height: 63px; }
.serve_l_01, .serve_l_02, .serve_l_03, .serve_l_04 { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; text-align: center; border: 5px solid #ffffff; background: #fff; width: 190px; height: 145px; padding-top: 45px; }
.serve_l_01 .serve_size, .serve_l_02 .serve_size, .serve_l_03 .serve_size, .serve_l_04 .serve_size { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; font-size: 18px; color: #0583d4; text-align: center; line-height: 17px; margin-top: 33px; }
.serve_l_02, .serve_l_04 { margin-top: 16px; }
.serve_l_01:hover { width: 190px; height: 145px; background: none; border: 5px solid transparent; }
.serve_l_01::before { content: ""; position: absolute; bottom: -5px; right: -5px; border: 5px solid transparent; width: 0%; height: 0%; }
.serve_l_01::after { content: ""; position: absolute; bottom: -5px; right: -5px; border: 5px solid transparent; width: 0%; height: 0%; }
.serve_l_01:hover::before { width: 190px; height: 190px; border-top-color: #fff; border-right-color: #fff; transition: width 0.5s ease-out, height 0.5s ease-out 0.5s; -webkit-transition: height 0.5s ease-out, width 0.5s ease-out 0.5s; }
.serve_l_01:hover::after { width: 190px; height: 190px; border-bottom-color: #fff; border-left-color: #fff; transition: width 0.5s ease-out, height 0.5s ease-out 0.5s; -webkit-transition: width 0.5s ease-out, height 0.5s ease-out 0.5s; }
.serve_l_01 { position: relative; }
.serve_l_01:hover .serve_img { background: url(../images/pic_09.jpg) no-repeat; }
.serve_l_01:hover .serve_size { color: #fff; }
.serve_l_02 .serve_img { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; margin: 0px auto 0 auto; background: url(../images/pic_12.jpg) no-repeat center center; width: 65px; height: 60px; }
.serve_l_02:hover .serve_img { background: url(../images/pic_14.jpg) no-repeat; }
.serve_l_02:hover { background: none; }
.serve_l_02:hover .serve_size { color: #fff; }
.serve_l_02:hover { border: 5px solid transparent; }
.serve_l_02::before { border: 5px solid transform; content: ""; position: absolute; top: -5px; right: 0px; width: 0%; height: 0%; }
.serve_l_02::after { content: ""; top: -5px; right: -5px; width: 0%; position: absolute; height: 0%; }
.serve_l_02 { position: relative; }
.serve_l_02:hover::before { border-top: 5px solid #fff; border-left: 5px solid #fff; width: 100%; height: 100%; transition: width 0.5s ease-out, height 0.5s ease-out 0.5s; -webkit-transition: width 0.5s ease-out, height 0.5s ease-out 0.5s; }
.serve_l_02:hover::after { border-bottom: 5px solid #fff; border-right: 5px solid #fff; width: 100%; height: 100%; transition: width 0.5s ease-out, height 0.5s ease-out 0.5s; -webkit-transition: height 0.5s ease-out, width 0.5s ease-out 0.5s; }
.serve_c { width: 645px; margin-left: 68px; }
.serve_c_01 { font-size: 36px; color: #fff; font-weight: bold; line-height: 42px; margin-top: 80px; text-align:center; }
.serve_c_02 { font-size: 18px; color: #fff; line-height: 36px; margin-top: 21px; }
.serve_r { margin-top: 83px; position: relative; }
.serve_l_03 .serve_img { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; margin: 0px auto 0 auto; background: url(../images/pic_15.jpg) no-repeat center center; width: 58px; height: 58px; }
.serve_l_03:hover .serve_img { background: url(../images/pic_16.jpg) no-repeat; }
.serve_l_03:hover { background: none; }
.serve_l_03:hover .serve_size { color: #fff; }
.serve_l_03 { position: relative; }
.serve_l_03:hover { border: 5px solid transparent; }
.serve_l_03::before { content: ""; position: absolute; bottom: -5px; left: -5px; width: 0%; height: 0%; }
.serve_l_03::after { content: ""; position: absolute; bottom: -5px; left: -5px; width: 0%; height: 0%; }
.serve_l_03:hover::before { width: 100%; height: 100%; transition: height 0.5s ease-out, width 0.5s ease-out 0.5s; -webkit-transition: height 0.5s ease-out, width 0.5s ease-out 0.5s; border-top: 5px solid #fff; border-left: 5px solid #fff; }
.serve_l_03:hover::after { width: 100%; height: 100%; transition: width 0.5s ease-out, height 0.5s ease-out 0.5s; -webkit-transition: width 0.5s ease-out, height 0.5s ease-out 0.5s; border-bottom: 5px solid #fff; border-right: 5px solid #fff; }
.serve_l_04 .serve_img { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; margin: 0px auto 0 auto; background: url(../images/pic_18.jpg) no-repeat center center; width: 47px; height: 53px; }
.serve_l_04:hover .serve_img { background: url(../images/pic_19.jpg) no-repeat; }
.serve_l_04:hover { background: none; }
.serve_l_04:hover .serve_size { color: #fff; }
.serve_r .serve_lpo { left: -30px !important; }
.serve_l_04 { position: relative; }
.serve_l_04:hover { border: 5px solid transparent; }
.serve_l_04::before { content: ""; position: absolute; top: -5px; left: -5px; width: 0%; height: 0%; }
.serve_l_04::after { content: ""; position: absolute; top: -5px; left: -5px; width: 0%; height: 0%; }
.serve_l_04:hover::before { width: 100%; height: 100%; border-top: 5px solid #fff; border-right: 5px solid #fff; transition: width 0.5s ease-out, height 0.5s ease-out 0.5s; }
.serve_l_04:hover::after { width: 100%; height: 100%; border-bottom: 5px solid #fff; border-left: 5px solid #fff; transition: width 0.5s ease-out 0.5s, height 0.5s ease-out; }
.model_pimg { padding: 0 100px; background: #fff; width: 350px; margin: 70px auto 0 auto; position: relative; z-index: 99; text-align: center; }
.model_re { position: relative; }
.model_topimg { animation: 5s ease-out mopic; position: absolute; width: 100%; left: 0px; top: 20px; border-top: 1px solid #0583d4; border-bottom: 1px solid #0583d4; }
@keyframes mopic {
from {
width:0%;
}
to {
width:100%;
}
}
.maintain { margin-top: 67px; padding-bottom: 80px; background: url(../images/pic_04.jpg) no-repeat right center; padding-top: 70px; background-size: auto 100%; }
.maintain_top { }
.maintain li span { display: block; font-size: 30px; color: #ffffff; line-height: 39px; margin-top: 30px; }
.maintain li { margin-top: 60px; width: 220px; float: left; }
.box { padding-bottom: 60px; background: #434343; }


.box_title { font-size: 24px; color: #ffffff; text-align: center; line-height: 35px; padding: 63px 0; }
.box_l {
	font-family: "微软雅黑";
	font-size: 18px;
	color: #919191;
	width: 180px;
	border: 1px solid #a9a6a6;
	border-radius: 35px;
	background: none;
	height: 54px;
	line-height: 54px;
	padding-left: 22px;
}
.box_c { margin-left: 23px; }
.box_r { width: 323px; margin-left: 23px; }
.box_but { animation: 2s butimg infinite; }






@keyframes butimg {
 from {
transform:scale(1, 1);
}
 to {
transform:scale(1.1, 1.1);
}
}
.contact { padding-bottom: 100px; background: url(../images/pic_05.jpg) no-repeat center center; background-size: 100% 100%; }
.contact_us { width: 255px; background: #393939; margin-top: 63px; padding: 0 25px 20px 25px; }
.contact_01 { font-size: 24px; color: #fff; background: url(../images/pic_21.jpg) no-repeat center center; text-align: center; height: 37px; line-height: 37px; margin-top: 36px; }
.contact_con { line-height: 42px; margin-top: 30px; font-size: 18px; color: #fff; }
.contact_con span { display: block; line-height: 40px; font-size: 18px; }
.new { width: 820px; }
.new_top { font-size: 24px; color: #fff; background: url(../images/p6.png) no-repeat center center; width: 128px; text-align: center; height: 37px; line-height: 37px; margin-top: 60px; }
.new_list_l { line-height: 54px; font-size: 24px; text-align: left; color: #fff; width: 660px; }
.new_list_r { line-height: 54px; width: 160px; text-align: right; font-size: 18px; color: #fff; }
.new_list li { margin-top: 40px; }
.new_list { margin-top: 10px; }
.new_con { line-height: 31px; font-size: 18px; color: #fff; }
/*footer*/
.foot { background: #191919; font-size: 16px; color: #919191; text-align: center; padding: 30px 0; }
.foot span { margin-left: 28px; line-height: 36px; }
/*main*/

div.slideBox { position: relative; width: 670px; height: 300px; overflow: hidden; }
div.slideBox ul.items { position: absolute; float: left; background: none; list-style: none; padding: 0px; margin: 0px; }
div.slideBox ul.items li { float: left; background: none; list-style: none; padding: 0px; margin: 0px; }
div.slideBox ul.items li a { float: left; line-height: normal !important; padding: 0px !important; border: none; }
div.slideBox ul.items li a img { margin: 0px !important; padding: 0px !important; display: block; border: none; }
div.slideBox div.tips { position: absolute; bottom: 0px; width: 100%; height: 50px; width: 266px; overflow: hidden; }
div.slideBox div.tips div.title { position: absolute; left: 0px; top: 0px; height: 100%; }
div.slideBox div.tips div.title a { color: #FFF; font-size: 18px; line-height: 50px; margin-left: 10px; text-decoration: none; }
div.slideBox div.tips div.title a:hover { text-decoration: underline !important; }
div.slideBox div.tips div.nums { position: absolute; right: 0px; top: 0px; height: 100%; }
div.slideBox div.tips div.nums a { display: inline-block; float: left; width: 20px; height: 20px; background-color: #FFF; text-indent: -99999px; margin: 15px 10px 0px 0px; }
div.slideBox div.tips div.nums a.active { background-color: #093; }
.model_pic dl dt { margin-top: 18px; float: left; margin-left: 22px !important; width: 289px !important; height: 205px !important; }
.model_pic, .model_pic dl { width: 934px !important; }
.model_pic { margin-top: 49px; }
.model_top { margin-top: 67px; }
/*车型展厅*/
.pro li { position: relative; margin-top: 38px; float: left; width: 284px; height: 211px; margin-left: 21px; }
.pro ul { margin-left: -21px; margin-top: 24px; }
.pro_top { position: absolute; bottom: 0px; left: 0px; background: url(../images/p7.png) no-repeat center center; width: 283px; height: 46px; line-height: 46px; text-align: center; color: #ffffff; font-size: 16px; }
.page { position: relative; width: 100%; text-align: center; overflow: hidden; margin: 140px 0; }
.page ul { float: left; position: relative; left: 50%; }
.page ul li { float: left; position: relative; right: 50%; padding: 0 5px; }
.page li a { display: block; height: 23px; border: 1px solid #999999; line-height: 23px; padding: 0 10px; color: #333333; }
.page li a:hover { background: #2f6699; border: 1px solid #2f6699; color: #fff; text-decoration: none; }
/*店面活动*/
.pro_list ul { margin-top: 16px; margin-left: -25px; }
.pro_list li { margin-top: 47px; }
/*服务*/
.service { margin: 60px auto; }
.service_img { margin-bottom: 22px; }
.service_size { font-size: 30px; margin-top: 28px; color: #0583d4; line-height: 60px; }
.service_size span { font-size: 18px; color: #2e2f30; display: block; line-height: 48px; margin-top: 3px; text-indent: 2em; }
.pabout_l { width: 840px; }
.pabout_l_01 { font-size: 18px; color: #0583d4; line-height: 34px; margin-top: 55px; }
.pabout_l_02 { text-transform: uppercase; font-size: 16px; color: #ccd5e2; line-height: 28px; }
.pabout_l_line { margin-top: 11px; width: 839px; height: 4px; background: url(../images/pic_31.jpg) no-repeat center left; animation: 6s ease-out lline; }
.pabout_size { width: 795px; font-size: 16px; color: #4d4d4d; line-height: 30px; margin: 23px auto 0 auto; }
.pabout_l_linb { width: 839px; height: 4px; margin-top: 26px; background: url(../images/pic_32.jpg) no-repeat center center; animation: 6s ease-out lline; }
.pabout_l a:hover .pabout_l_line { animation: 3s ease-out pli; }
.pabout_l a:hover .pabout_l_linb { animation: 3s ease-out pli; }
@keyframes pli {
from {
width:0%
}
to {
width:100%;
}
}
@keyframes lline {
from {
width:0%
}
to {
width:100%;
}
}
.pabout_r { margin-top: 128px; }
.pabout_work { padding-bottom: 95px; background: url(../images/pic_02.jpg) no-repeat center center; padding-top: 77px; margin-top: 70px; }
.pabout_work_top { font-size: 30px; color: #fff; font-weight: bold; text-align: center; background: url(../images/p8.png) no-repeat center center; margin: 0 auto; width: 209px; height: 32px; line-height: 32px; }
.pabout_workpic li { margin-top: 62px; float: left; with: 209px; height: 271px; border: 3px solid #0583d4; margin-left: 30px; }
.pabout_workpic { margin-left: -30px; }
.pro_tel { font-size: 24px; color: #333333; text-align: center; line-height: 59px; margin-top: 51px; }
.pro_question { margin-bottom: 35px; font-size: 24px; color: #333333; text-align: center; line-height: 46px; margin-top: 15px; }
.maps { margin-top: 63px; }
/*新闻中心*/
.pcenter_l { width: 225px; height: 139px; }
.pcenter_r { width: 925px; }
.pcenter_r_title { line-height: 37px; margin-top: 21px; font-size: 20px; color: #2b2b2b; }
.pcenter li { margin-top: 15px; }
.pcenter { margin-top: 25px; }
.pcenter_r_time { line-height: 37px; margin-top: 21px; font-size: 16px; color: #2b2b2b; }
.pcenter_r_con { font-size: 16px; color: #2b2b2b; line-height: 29px; margin-top: 4px; }
.gallery-top { margin-top: 66px; width: 266px; float: left; }
.gallery-thumbs { width: 934px; float: left; margin-top: 48px; }
.gallery-thumbs .swiper-slide ul li { float: left; width: 289px; margin-top: 18px; margin-left: 19px; }
/*三级页*/

.ppage { height: 58px; line-height: 58px; background: #d5d5d5; }
.page_l { font-size: 16px; color: #4c4c4c; }
.page_l a { color: #4c4c4c; }
.page_title { font-size: 24px; font-weight: bold; color: #222222; line-height: 40px; margin-top: 48px; }
.page_img { margin-top: 25px; width: 383px; }
.page_con { text-align: left; line-height: 39px; margin-top: 20px; font-size: 16px; color: #4c4c4c; width: 765px; }
.page_con span { display: inline-block; margin-left: 8px; color: #e33037; }
.page_about { font-size: 16px; color: #222222; margin-top: 25px; }
.page_about span { display: block; margin-top: 36px; line-height: 36px; }
.page_pic img { margin-left: 5px; }
.page_pic { margin-top: 65px; margin-left: -5px; }
.page_bottom { margin-bottom: 160px; }
.sNav {
	width: 715px;
}


/*xinzeng*/
.hide { display: none; }
.img { height: 428px; margin-top: 65px; }
.img-left { float: left; width: 266px; position: relative; }
.img-left li { display: none; position: absolute; left: 0; top: 0; }
.img-right { float: right; width: 934px; position: relative; }
.img-right li { display: none; position: absolute; left: 27px; top: -18px; }
.img-right li div { margin-top: 18px; float: left; margin-right: 10px; }
.img-dian { position: absolute; top: 375px; left: 87px; }
.img-dian li { width: 11px; height: 11px; background-color: #fff; float: left; border-radius: 50%; border: 2px solid #fff; margin-right: 25px; }
.img-dian li.img-box { border: 2px solid #0583d4; background: none; border-radius: 50%; }
.img-left li.img-show { display: block; }
.img-right li.img-show { display: block; }
/**/
.table_box { border-collapse: collapse; }
.table_box td { border: 2px solid rgb(191, 201, 226); }
.table_01 { font-weight: bold; color: #000; }
.table_back { background: rgb(214, 235, 255); }
.table_02 span { color: rgb(255, 255, 255); text-decoration: none; outline: none; display: block; height: 20px; line-height: 20px; width: 70%; background-color: rgb(255, 119, 0); border: 1px solid rgb(204, 95, 0); margin-top: 2px; }


.main_page{margin:30px 0; text-align:center}
.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}
.main_page a:hover{background:#368ae8;color:#fff;border:#368ae8 solid 1px;}