@charset "utf-8";
/* CSS Document */
	
.banner {
	width: 100%; position: relative;
}
.banner img {
	width: 100%;height: auto
}
.flex-viewport {
	width: 100%;
}
.flex-control-nav {
	width: 100%; text-align: center; bottom: 40px; position: absolute; z-index: 9999;
}
.flex-control-nav li {
	margin: 0px 6px; display: inline-block; -ms-zoom: 1;
}
.flex-control-nav li a {
	background: rgb(255, 255, 255); border-radius: 50px; width: 10px; height: 10px; text-indent: -9999px; margin-top: 2px; display: inline-block; cursor: pointer; opacity: 0.5;
}
.flex-control-nav li a.flex-active {
	width: 14px; height: 14px; margin-top: 0px; opacity: 1;
}
.flex-prev {
	background-position: center; left: 100px; top: 50%; width: 56px; height: 56px; margin-top: -28px; display: block; position: absolute; background-image: url("../imagesp/banner_prev.png"); background-repeat: no-repeat;z-index: 9999;
}
.flex-next {
	background-position: center; top: 50%; width: 56px; height: 56px; right: 100px; margin-top: -28px; display: block; position: absolute; background-image: url("../imagesp/banner_next.png"); background-repeat: no-repeat;z-index: 9999;
}	
	/*品牌*/
	.contomer_bg{ width: 100%; background: url(../imagesp/contomer_bg.jpg) no-repeat center; height:394px}
	.contomer{  width: 1080px; margin: 0 auto; margin-top: 50px}
	.contomer h3{ font-size:22px;color: #5f5e5e; font-weight: normal; float: left}
	.contomer span{  float: right; padding-left:10px; padding-top:5px;}
	.contomer .span1{  float: left; padding-top:5px; width:70px; line-height:24px; background: #FFF; text-align: center}
	.contomer .span1 a{background: #FFF; display: block;border: 2px solid #FFF;}
	.contomer .span1 a:hover{background: #0055a1;display: block; color: #FFFFFF;border: 2px solid #0055a1;}
	.contomer .last a{background: #FFF;display: block; color: #0055a1; border: 2px solid #0055a1;}
	
	.contomer2{  width: 1080px; margin: 0 auto;padding-top: 60px;}
	.contomer2 h3{ font-size:22px;font-weight: normal; text-align: center ; color: #FFFFFF}
	
	.contomer2 span{ }
	.contomer2 .span1{;width:700px; line-height:24px; margin: 0 auto; margin-top:20px;}
.pinpailist ul{display: flex;}
	.span1 ul{}
	.span1 li{width:90px;float: left; display: block ;background: #FFFFFF; margin-right: 5px; text-align: center}
	.span1 li a{background: #FFF; border: 2px solid #FFF; text-align: center;display: block;}
	.span1 li a:hover{background: #cfcfcf; color: #FFFFFF;border: 2px solid #0055a1;display: block;}
	.span1 li:first-child a{background: #FFF;display: block; color: #0053a0; border: 2px solid #cfcfcf;font-weight: bold;}
	.index_case{ width:1080px; margin-top:30px;}

.index_case .c_img_l{ float:left;text-align:center; width:40px; margin-top: 60px;}
.index_case .c_img_r{ float:right;text-align:center; width:40px;margin-top: 60px;}
.index_case img{ cursor:pointer}
#CSSBox,#CSSBox1,#CSSBox2,#CSSBox3,#CSSBox4,#CSSBox5{width:988px;height:150px;margin:0 auto;overflow:hidden; float:left; margin:0 6px;}
#CSSBox ul li,#CSSBox1 ul li,#CSSBox2 ul li,#CSSBox3 ul li,#CSSBox4 ul li,#CSSBox5 ul li{ float:left; list-style:none; margin:0 5px; width:235px;height:150px; border: 1px solid #DCDCDC;overflow: hidden}
#CSSBox ul li img,#CSSBox1 ul li img,#CSSBox2 ul li img,#CSSBox3 ul li img,#CSSBox4 ul li img,#CSSBox5 ul li img{ width:235px;height:150px;transition: all 0.6s;}
#CSSBox ul li img:hover,#CSSBox1 ul li img:hover,#CSSBox2 ul li img:hover,#CSSBox3 ul li img:hover,#CSSBox4 ul li img:hover,#CSSBox5 ul li img:hover{ transform: scale(1.4);}
	
/*车讯*/
.cxhq{ width: 1080px; margin: 0 auto; margin-top: 50px}
    .cxhq h3{ font-size:22px;color: #5f5e5e; font-weight: normal; float: left}
	.cxhq span{  float: left; padding-left:10px; padding-top:5px;}
	
.cxhqimage{ width:1080px; padding-top:10px; margin-top:10px;}
.cxhq1{ width:248px; float:left; border:1px solid #e5e5e5;  margin:0 10px 20px 10px; border-bottom:3px solid #0055a2;background-color: #FFFFFF;overflow: hidden;}
.cxhqimage .img{width:252px; margin:0 auto;overflow: hidden;height: 189px;}

.cxhqimage img{cursor: pointer; transition: all 0.6s;width: 252px;height: 189px;}
.cxhqimage img:hover{ transform: scale(1.4);}

.cxhq1a{ font-size:14px; color:#333333; width:240px; margin:0 auto;  line-height:36px; text-align: center} 
.cxhq1a a{color:#333333;} 
.cxhq1a a:hover{color:#0055a2;} 
.cxhq1b{ float:left; font-size:12px; color:#898989; line-height:16px;width:320px;margin-top:5px; margin-bottom:15px;}
.cxhq1b a{color:#898989;}
.cxhq1b a:hover{color:#0055a2;}
.cxhq2{width:252px; float:left; border:1px solid #e5e5e5; border-bottom:3px solid #0055a2; margin-right:20px;margin-bottom: 20px;background-color: #FFFFFF}
.cxhq3{ width:252px; float:left; border:1px solid #e5e5e5; border-bottom:3px solid #0055a2; margin-right:20px;margin-bottom: 20px;background-color: #FFFFFF}
.cxhq4{ width:252px; float:left; border:1px solid #e5e5e5; border-bottom:3px solid #0055a2;margin-bottom: 20px;background-color: #FFFFFF }

.cxlist{ width:1080px; margin: 0 auto; margin-top: 20px;background-color: #FFFFFF;}
.cxlist1{width: 100px; float: left; background-color: #0055a1; height:32px; text-align: center; font-size: 16px; color: #FFFFFF; line-height: 32px; }
.cxlist2{width:960px; float: left; margin-left: 20px;background-color: #e6e6e6;}
.cxlist2 ul{}
.cxlist2 li{ width: 80px; float: left; display: block;text-align: center; line-height: 32px; border-right: 1px solid #D3D3D3;}	
.cxlist2 li a{ background-color: #e6e6e6; display: block;}
.cxlist2 li a:hover{background-color: #0055a1; display: block; color: #FFFFFF}




.cxcontent{width: 1200px; margin: 0 auto;margin-top: 20px;}
.cx1{ width: 520px; margin-right: 40px; float: left}
.cx1 h3{ font-size: 14px; font-weight: bold; margin-top: 15px;}
.cx1 span{}
.cx2{width: 520px; float: right }
.cx2tit{width:520px;background-color: #e6e6e6; height:32px; text-align: center; font-size: 16px; color: #FFFFFF; line-height: 32px;}
.cx_t{height:32px;width:100%;overflow:hidden;}
.cx2tit .lwz{width: 100px;line-height: 32px; float: left; text-align: center; margin-right: 15px;background-color: #0055a1; }
.cx2tit .lwz a{color: #FFFFFF; line-height: 32px; display: block }
.cx2tit li a:hover{color: #FFFFFF;line-height: 32px; }
.cx2tit .more1{ float: right; width: 80px;line-height: 32px;  font-size: 14px;}	

.cx2list{width: 520px; margin-top: 15px;min-height: 300px;}
.cx2list ul{}
.cx2list li{line-height:30px;display: block; width: 520px;height: 30px;overflow: hidden;}
.cx2list li span{float:left;line-height:30px;padding-right:10px;padding-top: 0;}
.cx2list li a{float:left;display: block;line-height:30px;white-space: nowrap; text-overflow: ellipsis;width: 480px;overflow: hidden;}
.cx2list li a:hover{}


.news_bg{width: 100%; background: url(../imagesp/news_tp.jpg) no-repeat; height: 540px;}	
.news{width:1080px; margin:0 auto; padding:50px 0;}
.news_t{height: 25px;}
.news_c{width: 100%;padding-top: 30px;}
.news h3{ font-size:22px;color: #5f5e5e; font-weight: normal; float: left}
.news span{  float: right; padding-left:10px; padding-top:5px;}

.news1{ width: 356px; float: left;}
.news1 img{max-width: 100%;height: auto}
.news1 span{font-size:14px; float: left; line-height: 45px; padding-left:15px; }
.news1 h4{font-size:14px; float: left;margin-top:15px;}
.news1 .nr{font-size:12px; float: left; color: #727272; width: 356px;line-height: 24px;margin-top: 15px;}
.news1 .nr a{color: #727272;}
.news1 .nr a:hover{color: #c8151e;}
.news1 .more{ width: 100px; height: 26px; line-height: 24px; text-align: center; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;margin-top: 30px;}
.news2{ width: 678px; float: right;}
.newstit{ float: right; width: 220px;line-height: 45px; margin-bottom: 30px;}
.news2l{ float: left; height: 106px; border-right: 1px solid #bcbcbc; width:110px; padding-right: 20px; margin-bottom:35px;}
.news2l h2{font-size:30px; float: right; color: #767676; text-align: right}
.news2l span{text-align: right; float: right; color: #767676; line-height: 24px;}
.news2r{ float:right; margin-left: 0px; width:528px; margin-bottom:20px;}
.news2ra{ width: 156px; float: left;height: 105px;overflow: hidden}
.news2ra img{cursor: pointer; transition: all 0.6s;}
.news2ra img:hover{ transform: scale(1.4);}
.news2rb{width: 360px; float:right;}
.news2rb h3{font-size:14px; float: left; font-weight: bold ; padding-left: 10px;}
.news2rb span{font-size:12px; float: left; color: #727272;width:350px;line-height: 24px;margin-top:10px;}

.banner2{ width: 100%;  margin-top: 50px;background: url(../imagesp/video_bg.jpg) no-repeat center;height:490px;}

.about_r{ width:510px;; float:right;padding-top: 40px;}
.about_r h3{font-size:30px;   float: left; font-weight: normal; color: #4f4f4f;width:510px;text-align: left; background: url(../imagesp/line.jpg) no-repeat left bottom ; line-height: 52px; }
.about_r span{font-size:16px;  float: left;color:#999999; line-height: 48px;width:580px; text-align: left}
.about_r1{ line-height:32px; padding-top:50px; padding-bottom:20px;}
.about_r .more{ width: 150px; float: right; display: block;background: #dbdbdb; height:36px;text-align: center; line-height: 36px;border:2px solid #90caff;}
.about_r .more a{width: 150px; float: left; display: block;background: #04549d; height:36px;text-align: center; line-height: 36px;border:2px solid #90caff;color:#FFF;}
.about_r .more a:hover{width: 150px; float: left; display: block;background: #0071da; height:36px;text-align: center; line-height: 36px;border:2px solid FFFFFF;color:#FFF;}	
	
/*视频*/
.video{width:1080px; margin: 0 auto;}
.video1{ width:540px; float: left}
.video1 h3{font-size:30px;  text-align:left;color:#FFF; margin-top:40px; padding-left: 40px;}
.video ul{margin-top:50px;width: 540px;}
.video li{width:238px; float: left; }
.video .wz{display: block;}
	
/*ksdh*/
.ksdh{ width:1080px; padding-top:40px;height: 185px;}
.ksdh_img{margin-right: 20px;float: left;width: 342px;height: 185px;overflow: hidden}
.ksdh_img img{cursor: pointer; transition: all 0.6s;}
.ksdh_img img:hover{transform: scale(1.4);-webkit-transform: scale(1.4);}
.car_s{width: 1080px;margin: 0 auto;padding-top: 40px;}

.index_pyq{padding: 50px 0;}
.index_pyq h3{font-size:22px;color: #5f5e5e; font-weight: normal;margin-bottom:25px;float: left}
.index_hdbm{width: 500px;float: left;}
.index_hdbm span{float: right}
.index_hdbm p {padding-top: 10px;text-align: center;}
.index_hdbm p a{color:#f46e01;font-size: 16px;font-weight: bold;}
.index_hdbm img{max-width: 100%;height: auto;}
.blue_more{ width: 160px; height:40px; line-height: 40px; text-align: center;margin: 0 auto;background: #005bac;margin-top: 30px;}
.blue_more a{display: block;color: #fff}
.blue_more:hover{background: #1977ca}

.index_wqhd{width:520px;float: right}
.index_wqhd h3{}
.productlist{width:202px;float: right;}
.productlist ul li{float:right;width:100px;background:#005bac;line-height:32px;height: 32px;text-align: center;border-right: 1px solid #fff;}
.productlist ul li a{display: block;color: #fff;}
.productlist ul li:hover,.productlist ul li.on:hover{background:#313131}
.productlist ul li.on{background:#0055a1}

.productcontent{clear: both}
.productcontent .news2r{float:none;height:110px;width: 100%;}
.productcontent .news2r .news2rb{width:350px;}
.productcontent .news2rb h3{font-size: 14px;margin-bottom: 0;padding: 0;font-weight: bold;}
.productcontent .news2rb a:hover H3,.productcontent .news2rb a:hover span{color: #0654a6;}