/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight: 700;}
del,ins,u,s,a{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 Arial,'Microsoft YaHei',SimSun,HELVETICA; color:#333; outline:0;}
body{background: #f0f0f0;}
a{color:#333;}
a:hover{color: #379ed9;}

/* 公共样式 */
.clearfix:after, .wrap:after{clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: '';}
.clearfix, .wrap{zoom: 1;}
.fl{float: left;}
.fr{float: right;}


#text_box {
    line-height: 45px;
    font-size: 16px;
    text-indent: 2em;
}

/* 布局样式 */
.wrap{width: 1400px; margin: 0 auto;}
.wrap .left{display: inline-block; width: 1090px; overflow: hidden;}
.wrap .right{display: inline-block;  width: 290px; overflow: hidden;margin-left: 15px;}

/* 顶部 */
.header{background: #fff;}
.top_bar{height: 34px; line-height: 34px; background: #f5f5f5; border-bottom: 1px solid #ddd; font-size: 14px;}
.top_bar .fl{width: 500px;}
.top_bar .fr a{margin: 0 10px;}

/* logo */
.logo{float: left; margin: 15px 0;}
.logo img{width:100%;}



/* 搜索 */
.search{float:right; width:410px; text-align:right; margin-top:27px; position:relative; z-index:1000;}
.stext{width:300px; height:36px; line-height:36px; padding-left:5px; border: 3px solid #0097E0; border-left: none; border-right: none; vertical-align:middle; font-size:14px; color:#166a8c; position:absolute; top:0; right:80px;}
.sbutton{width:80px; height:42px; border: none; background: url('http://www.hua-g.com/jkkk/8mpmo/style/css/search_btn.gif') no-repeat; vertical-align:middle; cursor:pointer;position:absolute; top:0; right:0px;}

.search select{width:auto;}
.jslct {color:#f90; zoom:1; cursor:pointer; border:solid 3px #0097E0; border-right: none; background:url(http://www.hua-g.com/jkkk/8mpmo/style/images/sbottom.gif) 75px center no-repeat #f6f6f6; z-index:0; position:absolute; right:385px; height:36px; line-height:36px; text-align:left; display:inline-block; *display:inline;}
.jslct .jslct_t {position:relative; z-index:2; padding:0 25px 0 10px; border-right: 1px solid #e6e6e6; zoom:1; *display:block!important; *display:inline;}
.jslct em {font-style:normal; overflow:hidden; white-space:nowrap; color: #444; line-height:36px; display:block; font-size: 14px;}
.jslct dl{background:#fff; position:absolute; top:39px; left:-1px; border:solid 1px #ddd; border-top:0; height:28px; line-height:28px; z-index:100; display:none;}
.jslct dl dd {white-space:nowrap; background:#fff; cursor:pointer; color:#666; border-top:1px dashed #eee; padding:0 5px; text-indent: 5px;}
.jslct dl .hover{background:#0097E0; color:#fff;}
.jslct dl .noborder {border:none!important}

.logoimg{
	float:right;width:672px;border:1px;}
/* nav */
.nav{width: 100%; height: 60px; background: #2488cf;}
.nav li{float: left; width: 120px; margin: 12px 0; font-size: 16px;}
.nav li a{display: block; width: 90px; margin: 0 20px; line-height: 36px; color: #fff; text-align: center; height:36px; overflow:hidden;}
.nav .hover a, .nav li a:hover{background: #fff; color: #2488cf; border-radius: 5px;}

/* banner */
.banner{width:100%;position:relative;height:auto;}
.banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd ul{width:100% !important;}
.banner .bd li{width:100% !important;height:auto;overflow:hidden;text-align:center;}
.banner .bd li a{display:block;height:auto;color: #fff}
.banner .bd li a img{width: 100%;}
.banner .bd ul li .btext{
	position: absolute;
	font-size: 2rem;
	bottom: 50px;

}
.ss{position: absolute;opacity: 0;z-index: 0}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px;margin:1px;overflow:hidden;background:#fff;line-height:999px;
	border-radius: 5px;}
.banner .hd ul .on{background:#000;}
.banner .prev,.banner .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../picture/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next{left:auto;right:15%;background-position:-6px -137px;}


/* 图片切换 */
.pic_slide_box{float: left; display: inline; padding: 15px; margin: 20px 20px 0 0; background: #fff;}
.pic_slide{position: relative; width: 400px; height: 300px;}
.pic_slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.num_btn{position: absolute; right: 3px; bottom: 8px;}
.num_btn a{width: 19px; height: 19px; line-height: 19px; margin-right: 8px; text-align: center;	border-radius: 50%; background-color: #fff; color: #333; float: left;}
.num_btn a:hover {text-decoration: none;}
.num_btn .active {background-color: #f60; color: #fff;}

/* 模块标题 */
.content{margin-top: 20px;}
.content .title{height: 46px; border-bottom: 1px solid #dadada; overflow: hidden;}
.content .title h3{float: left; font-size: 18px; margin: 15px 0 10px 12px; border-left: 3px solid #e79228; text-indent: 15px;}
.content .more{float: right; line-height: 46px; font-size: 14px;}
.content .more a{color: #777;}
.content .more a:hover{text-decoration: underline;}

/* 关于我们 */
.intro{float: left; width: 640px;}
.content .cont_box{margin-top: 15px; background: #fff; padding: 10px 15px;}
.intro .cont_box{padding: 15px!important;}
.intro .text_con{position: relative; height: 238px; overflow: hidden;}
.intro p{line-height: 32px; font-size: 14px; color: #666; text-indent: 2em; text-align: justify;}

/* 新闻中心 */
.content .news_list{height: 248px; overflow: hidden;}
.content .news_list li{line-height: 30px; font-size: 14px; background:  no-repeat 0 center; text-indent: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-bottom: 1px dotted #dadada;}
.content .news_list li:last-child{border: none;}

/* 服务项目 */
.main_wrap{float: left; width: 100%;}
.main_wrap .cont_box{padding: 15px 15px 0 0;}
.pic_list .cont_box{position: relative; height:370px; padding: 33px 0 0 0; overflow: hidden;}
.pic_list ul{position: relative; overflow: hidden;}
.pic_list li{position: relative; float: left; display: inline; margin-left: 28px; margin-bottom: 28px; overflow: hidden;}
.pic_list .pic{display: table-cell; width: 194px; height: 146px; border: 1px solid #dadada; padding: 2px; text-align: center; vertical-align:middle; overflow: hidden; display: block\9;
*font-size: 127px; *font-family:Arial;}
.pic_list img{max-width: 194px; *width: 194px; *height: 146px; vertical-align: middle;}

.pic_list_1 h4{position: absolute; left: 3px; bottom: 3px; width: 194px; height: 30px; line-height: 30px; font-weight: 400; text-align: center;}
.pic_list_1 h4 i{position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 30px; background: #000; filter:alpha(opacity=70); opacity: .7;   z-index: 10;}
.pic_list_1 h4 a{position: relative; color: #fff; font-size: 14px; z-index: 20;}

/* 租赁车型 */
.main .left .pic_list .cont_box{padding: 30px 0 0 0; height:374px;}
.main .left .pic_list li{margin-left: 15px; margin-bottom: 32px;}

/* 文字列表2 */
.main_wrap .text_list_box{position: relative; *width: 1420px; margin: 0 -10px;}
.main_wrap .text_list_1{float: left; display: inline; width: 452px; margin: 0 10px;}
.main_wrap .text_list_1 .cont_box{padding: 15px;}

.text_list_1 li{height: 93px; padding: 10px 0 9px; border-bottom: 1px dotted #ddd; overflow: hidden;}
.text_list_1 li:last-child{border: none;}
.text_list_1 li h3{margin-bottom: 5px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.text_list_1 li p{height: 48px; line-height: 24px; color: #666; overflow: hidden;}
.text_list_1 .cont_box .more{float: right; margin-top: 3px;}
.text_list_1 .cont_box .more a {background: #023e83; color: #fff; display: inline-block; height: 20px; line-height: 20px; padding: 0 10px;}
.text_list_1 .cont_box .more a:hover {background: #c00; color: #fff;}


/* 联系我们 */
.contact .cont_box{padding: 10px 15px;}
.contact .news_list{height: 194px;}
.contact .news_list li{background: none; text-indent: 0; border: none; line-height: 28px;}
.contact li a{color: #C04043;}

/* 友情链接 */
.link{padding: 10px 15px 10px 0!important;}
.link a{display: inline-block; line-height: 24px; margin-left: 20px; background:  no-repeat -237px -72px; text-indent: 10px;}

/* 底部样式 */
.footer{background: #2fa1d3; margin-top: 40px; padding: 20px 0; color: #fff; text-align: center; line-height: 24px;}
.footer span{margin-right: 20px;}
.footer a{color: #fff;}
.footer .tj{margin-top: 10px;}

.picMarquee-left .tempWrap{width: 1344px!important;}
.picMarquee-left .cont_box{padding: 33px 0 0 28px; height: 185px!important;}
.picMarquee-left li{margin-left: 0; margin-right: 28px;}

@media (min-width:1200px) and (max-width:1400px){
    .wrap{width: 1200px; margin: 0 auto;}
	.wrap .left{float: left; width: 890px;}
	.wrap .right{float: right; width: 290px;}
	
	.nav li{width: 120px;}
	.nav li a{width: 100px; margin: 0 15px;}
	
	.intro{width: 440px;}
	
	.pic_list li{margin-left: 33px; margin-bottom: 33px;}
	
	.main .left .pic_list li{margin-left: 18px;}
	
	.main_wrap .text_list_box{*width: 1220px;}
	
	.main_wrap .text_list_1 {width: 386px;}
	
	.picMarquee-left .tempWrap{width: 1134px!important;}
	.picMarquee-left .cont_box{padding: 33px 0 0 33px;}
	.picMarquee-left li{margin-left: 0; margin-right: 33px;}
}

@media (min-width:1024px) and (max-width:1200px){
    .wrap{width: 1000px; margin: 0 auto;}
	.wrap .left{float: left; width: 720px;}
	.wrap .right{float: right; width: 260px;}
	
	.nav li{width: 100px;}
	.nav li a{margin: 0 5px;}
	
	.intro{width: 270px;}
	
	.pic_list li{margin-left: 40px; margin-bottom: 40px;}
	
	.main_wrap .text_list_box{*width: 1020px;}
	.main_wrap .text_list_1 {width: 320px;}
	
	.main .left .pic_list li{margin-left: 33px;}
	
	.picMarquee-left .tempWrap{width: 920px!important;}
	.picMarquee-left .cont_box{padding: 33px 0 0 40px;}
	.picMarquee-left li{margin-left: 0; margin-right: 40px;}
}

.pxf{
  display: none;
}
@media (max-width:768px) {
.pxf{
	position: fixed;
	z-index: 999999;
	display:block;
	width: 100%;
	height:5em;
	bottom: 1px;
}
.pxf ul li{
	float: left;
	width: 50%;
	
}
.pxf ul li a{
	display: inline-block;
	height:5em;
	line-height: 5em;
	width: 100%;
	background: #2577E3;
	text-align:center;
	border-right: 1px solid #fff;
	color: #fff;
}
.logoimg{
	width: 100%
}
.visible-no{
		display: none!important
	}
	.wrap,.main_wrap .text_list_1{
		width: 100%;
		padding:0!important;
		margin:0!important;
	}
	.text_list_box{
		padding:0!important;
		margin:0!important;
	}
	.nav,.pic_list .cont_box,.main .left .pic_list .cont_box{
		height: auto;
	}

	.nav .wrap li{
		box-sizing: border-box;
		float: left;
	    width: 33.33%;
	    text-align: center;
	    border-bottom: 2px solid #fff;
	    border-right: 2px solid #fff;
	    margin: 0px;
		padding:0.5em 0;
		}
	.nav ul li:nth-child(4n) ,.nav ul li:nth-child(7n) {
  	  	border-right: 0;
		
	}
	.nav .wrap li a,.intro,.wrap .left,.wrap .right{
		width: 100%;
		margin:0;
	}
	.pic_slide_box{
		display: none;
	}

	.pic_list li,.main .left .pic_list li{
		margin:0px;
		padding: 0px;
		width: 50%;
		text-align: center;
		margin-bottom: 2em;
	}
	.pic_list .pic,.pic_list_1 h4{
		display: inline-block;
		margin:0 auto;
		left: 0;
		right: 0;
	}
/* 	.pic_list ul.clearfix li:nth-child(odd) .pic,.pic_list ul.clearfix li:nth-child(odd) h4{
	margin-left:5%;
} 
.pic_list ul.clearfix li:nth-child(even) .pic,.pic_list ul.clearfix li:nth-child(even) h4{
	margin-right:5%;
} */
	.pic_list ul.clearfix li .pic,.pic_list ul.clearfix li h4{
		width: 85%
		
	}
	.pic_list ul.clearfix li .pic img{
		max-width:100%;
	}

}