/* qhl_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0; padding:0px;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:none; line-height:22px; background-color:#214d86; }
ul,li{list-style:none;}
.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {  /* 触发 hasLayout */   zoom: 1;  }

img{border:0px;}
.fl{float:left;}
.fr{float:right;}

a{color:#333; text-decoration:none;}
a:hover{ color:#ff6600;}

.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

.red{ color:#de0029;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}

.wrapper{ width:1004px; margin:0 auto; background-color:#fff;}

.top{ background:url(images/topbg.jpg) repeat-x top center; padding:0 15px;}
.top .logo{ float:left;}
.top .list{ float:right;}
.top .list a{ padding:0 3px; color:#19456c;}

.nav{ background:url(images/navbg.jpg) repeat top center; }
.nav ul{ margin:0 12px; font-weight:bold; font-family:simhei; font-size:13px; background:url(images/navline.jpg) repeat-y left top;}
.nav li{ float:left; padding-top:7px; line-height:25px; background:url(images/navline.jpg) no-repeat right center; width:12.5%; text-align:center;}
.nav a{ color:#fff;}

.banner { height:161px;}
.banner .swiper-slide{ height:161px;}
.banner .banner01{ background:url(images/flash.jpg) no-repeat center center;}
.banner .banner02{ background:url(images/flash2.jpg) no-repeat center center;}

.homenote{ text-align:center;}

.homelay{padding:0 10px;}
.homelay .box{ border:1px solid #1e406d; padding:1px;}
.homelay .hometit{ line-height:32px; background-color:#1f4e84; color:#fff; padding:0 8px; font-family:microsoft yahei,simsun; font-size:13px; font-weight:bold;}
.homelay .hometit a{ color:#fff;}
.homelay .conn{ border:4px solid #f7f8fa; border-top:none; text-align:justify;background-color:#fff; padding:0 8px;}

.leftsidem{ margin:0 10px 10px; line-height:35px; margin-top:10px; position:relative; border:1px solid #28529c;  }
.leftsidem .boxfl{ font-size:13px; width:30%; float:left; background-color:#1f4e84; text-align:center; color:#fff; font-weight:bold; font-family:microsoft yahei;}
.leftsidem .boxfl a{ color:#fff;}
.leftsidem .boxfr{font-size:13px; width:70%; float:right; background-color:#eee; text-indent:10px; position:relative; cursor:pointer;}
.leftsidem  ul{display:none; position:absolute;top:31px; left:-1px; z-index:2; background-color:#fff; width:100%;border:1px solid #ccc; border-top:none; box-shadow:0 10px 10px #ccc; padding:10px 0;}
.leftsidem li{ margin:0 10px; line-height:35px; border-bottom:1px dashed #c5c5c5; position:relative;}
.leftsidem li a{ display:block;}
.leftsidem  span{ display:block; padding:0 10px; height:30px; right:10px; top:0px; position:absolute;font-weight:bold; color:#28529c; font-size:13px; font-family:simsun;}
.leftsidem  ul.boxon{ display:block}

.leftside{ width:22.6%; float:left;}
.leftside .hometit{ line-height:36px; text-align:center; padding:0px; }
.leftside .conn{ padding:10px 0;}
.leftside li{ line-height:36px;padding-left:10px;border-bottom:1px dashed #c5c5c5; }
.leftside li span{ font-weight:bold; color:#28529c; font-size:13px; font-family:simsun; padding-right:3px;}
.leftside .sub li{ padding-left:30px;}

.homebox01{ width:50%; float:left; padding-left:15px;}

.homepro { margin-top:15px;}
.homepro .bd{ padding:20px 0px 10px; overflow:hidden;}
.homepro .conn li{ margin:0 5px; float:left; width:130px;}
.homepro .txt{ text-align:center; height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:none;}

.homebox02{ float:right; width:23.6%;}

.homejob{ line-height:18px;}

.homekd{ font-size:13px;}

.homecontact{ margin-top:10px;}
.homecontact .conn{ text-align:left;}

.homenews ul{width:90%; margin:0 auto;}
.homenews li{ width:30%; float:left; padding-right:3%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.foot{ color:#fff; text-align:center; padding:10px 0;}
.foot a{ color:#fff;}


/*content*/
.main{ padding:15px 10px; min-height:250px;}
.content{ float:right; width:75%;}
.content .contit{ border-bottom:2px solid #1c4f86; line-height:28px;}
.content .contit h3{ float:left; background-color:#1c4f86; color:#fff; font-family:microsoft yahei; font-weight:bold; font-size:13px; padding:0 10px;}
.content .contit span{ color:#1c4f86; float:right;}
.content .concon{ padding:10px 0;}
.content .pro li{ float:left; width:20%; text-align:center; margin-bottom:5px;}
.content .pro li .txt{ width:130px; margin:0 auto; height:30px; overflow:hidden; padding:3px 0;line-height:15px;}

.subnav{ color:#fff; padding:0 5px;}
.subnav li{ float:left; margin:0 5px; background-color:#1c4c8e; padding:0 14px; border-radius:20px; line-height:30px;}
.subnav a{ color:#fff;}

.content .protit{ text-align:center; font-weight:bold; margin-top:10px;}
.content .newsdate{ text-align:center; border-bottom:1px solid #ccc;}
.content .procon{ padding-top:10px;}
.content .procon table{  width:100%; word-wrap:break-word;word-break:break-all;}

.content .news li{ border-bottom:1px solid #e7e7e7;}

.content .contact .contab{ float:left; width:50%;}
.content .contact .conimg{ float:right; width:50%;}


/* 隐藏显示*/
.hidden01{ display:none;}
.show01{ display:block;}

@media (max-width:1004px){
	img{ max-width:100%;}
	.wrapper{ width:100%;}
	
	.content .pro li{ width:25%;}
	
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:720px){
	.top{ background-size:auto 100%; padding:0px;}
	.top .logo{float:none;}
	
	.nav ul{ margin:0px;}
	.nav li{ width:25%;}
	.banner .banner01{ background-image:url(images/flashm.jpg);}
	.banner .banner02{ background-image:url(images/flashm2.jpg);}
	
	.homebox01{ width:100%; float:none; padding:0px;}
	.homebox02{ width:100%; float:none; padding:0px;overflow:hidden; margin-bottom:15px;}
	.homejob{ width:39%; float:left; margin-top:10px;}
	.homecontact{ width:55%; float:right;}
	.homecontact .conn{ padding:0 3px; letter-spacing:-1px;}
	
	.content{ width:100%;}
	.content .pro li{ width:33.3%; padding:0 5px; box-sizing:border-box;}
	.content .pro li .txt{ width:100px;}
	
	.content .procon table{ border-collapse:collapse;}
	
	.content .contact .contab{ float:none; width:100%;}
	.content .contact .conimg{ float:none; width:100%;}
	
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}