/* qhl_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{ font-size:14px; font-family:microsoft yahei; color:#444; text-decoration:none; line-height:180%; background-color:#fff; overflow-x:hidden;}
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:#444; text-decoration:none;}
a:hover{ color:#214b98;}

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

.red{ color:#d3141e;}
.blue{ color:#1550b6;}
.orange{ color:#ec8000;}

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

.fes{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

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

/*index*/
.top { padding:18px 0 10px; position: relative; }
.top .hotline{ padding-left: 60px; background:url(../images/hotline.png) no-repeat left center; line-height: 22px; margin-top: 5px; }
.top .hotline p{ font-size: 30px; font-family: impact; color: #004ea1; }

.top .logo img{ max-height: 63px; }

.banner .swiper-container{ position:relative;}
.banner .banner{background-position: center; background-size: cover; position: relative; }
.banner .banner .bg{ background-position: center; background-size: cover;  transition: all 5s linear; transform: scale(1);}
.banner .banner .bg img{ width:100%; display:block; }
.banner .banner.swiper-slide-active .bg{ transform: scale(1); }
.banner .pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.banner .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #1550b6; opacity:0.8;  margin: 0 5px; cursor: pointer; }
.banner .swiper-active-switch { opacity:1;}
.banner .arrow{position:absolute; width:17px; height:30px; margin-top:-15px; top:50%; padding:30px 5px 30px 5px;}
.banner .swiper-pagination-bullet-active{ background-color: #fff; }

.nav{ position: relative; background-color: #214b98; }
.nav:before{content:' ';background:#5d5d5d;position:absolute;top:0;right:0;height:60px;width:calc(50% - 599px)}
.nav ul{width:calc(100% - 218px); display: flex; }
.nav ul>li{border-bottom: 1px solid #214b98;  padding: 0 2%; line-height: 58px; position: relative; }
.nav .sub{ display: block; background-color: #214b98; position: absolute; z-index: 10; width: 100%; padding: 10px 30px; left: 0; transition: .3s;

	 -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 50% 0;
  max-height: 0;
  overflow:hidden;
  transition: 350ms;
  opacity:0;
 }

.nav .nLi:nth-child(3) .sub{ width: 200px; }

.nav .sub li{ border-bottom: 0; padding: 5px 0; width: 100%; line-height: 22px; }
.nav .sub a{ color: #fff; font-size: 14px; }
.nav .sub li:hover a{ color: #bacdf0; }
/*.nav .on,.nav li:hover{ border-color:#fff; }*/
.nav .nLi:hover .sub{   max-height: 1000px; opacity:1;
 -webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);}
.nav a{ color: #fff; font-size: 16px; }
.nav .search{width:218px;background:#5d5d5d;position:relative;height:60px;padding-left:40px;overflow:hidden;display:flex;box-sizing:border-box;align-items:center}
.nav .search:before{content:" ";position:absolute;top:0;left:-60px;bottom:0;border:60px solid #214b98;border-right:20px solid #5d5d5d}
.nav .searchbtn{width:40px;height:60px;background:0 0;border:none;float:left;cursor:pointer;font-size:25px;color:#214b98}
.nav .searchbtn img{ height: 24px; display:block; }
.nav .searchtxt{width:150px;float:left;height:38px;border:none;background:0 0;text-indent:10px;outline-color:#214b98;color:rgba(255,255,255,.2);font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 15px;}
.nav .searchtxt::placeholder{color:rgba(255,255,255,.2); font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 15px;}

.picMarquee-left{ margin-bottom: 15px; }
.picMarquee-left .bd{ overflow: hidden; }
.picMarquee-left li{ margin-right: 10px; float: left; }


.foot{ background-color: #141414; color: #fff; }
.foot a{ color: #fff; }
.foot a:hover{ color: #999; }
.foot .line{ padding: 28px 0; }
.foot .txt{ padding-left: 178px; margin-top: -10px; }
.foot .boxfr{ text-align: center; padding-bottom: 20px; }
.foot02{ padding:45px 0 20px; background: #272727; color:#fff;}
.foot02 .tit{ font-size:18px; margin-bottom:15px;}
.foot02 .txt{ color:#999; line-height:35px;}
.foot02 .txt img{ height:25px; vertical-align:middle;}
.foot02 .box01{ width:22%; float:left; margin-right:4%;}
/*.foot02 .box01 .tit{ font-size:26px;}*/
.foot02 .box02{ float:left; width:17%;}
.foot02 .box03{ width: 35%; margin-right: 5%; }
.foot02 .list a{ color:#999; display:block; line-height:32px;}
.foot02 .box03 .list{ overflow:hidden; }
.foot02 .box03 .list a{ width: 50%; float: left; display: block; }
.foot02 .box04{ width:13%; margin-left: 4%; }
.foot02 .boxfr{ width:25%; box-sizing:border-box; padding:0 0 0 60px;}
.foot02 .txt02{ color:#999; padding-bottom:20px; border-bottom:1px solid #bbb;}
.foot02 .txt02 img{ width:100px; margin-left:20px;}
.foot02 .list a:hover{ color:#ccc; }


.menu{ position: absolute;right:0; top: 0; height: 100%; width: 20%; background:url(../images/menu02.png) no-repeat center center; background-size: 35px auto; }
.menu a{ width: 100%; height: 100%;  display: block; }

/* content*/
.bannerx{ background:url(../images/bannerx.jpg) no-repeat center center; height:280px; color: #fff; }
.bannerx a{ color: #fff; }
.bannerx .wrapper{ padding-left: 30px; }
.bannerx .tit01{ padding-top:100px; font-size: 40px; line-height: 40px; padding-bottom:8px; }
.bannerx .tit02{ opacity: .8; }

.navpro{ border-bottom: 1px solid #eaeaea; }
.navpro .wrapper02{ padding: 0 30px; box-sizing: border-box; position: relative; }
.navpro .dddd{ overflow: hidden; }
.navpro .swiper-button-prev{ left:0px; background-size: auto 20px; }
.navpro .swiper-button-next{right:0px; background-size: auto 20px;}

.navpro a{ display: inline-block; font-size: 16px; padding: 18px 26px; width: auto; }
.navpro a:hover,.navpro a.on{ background-color: #214b98; color:#fff; }

.main{ color: #666; padding:50px 0; text-align: justify; }
.main .honor li{ width: 18.4%; box-sizing: border-box; border: 1px solid #eee; margin-bottom: 20px; margin-right: 2%; float: left; transition:.5s; }
.main .honor .img img{ display: block; width: 100%; }
.main .honor li:nth-child(5n){ margin-right: 0; }
.main .honor .tit{ background-color: #eee;  padding: 10px 0; text-align: center; }
.main .honor li:hover .tit{ background-color: #999; color:#fff;  }
.main .honor li:hover{ box-shadow: 0 2px 15px #ccc;  }

.main .product li{ position: relative; width: 23.5%; box-sizing: border-box; border: 1px solid #eee; margin-bottom: 20px; margin-right: 2%; float: left; transition:.5s; }
.main .product .p img{ display: block; width: 100%; }
.main .product li:nth-child(4n){ margin-right: 0; }
.main .product .tit{  padding: 10px 0; text-align: center; }
.main .product li:hover .tit{ background-color: #999; color:#fff;  }
.main .product li:hover{ box-shadow: 0 2px 15px #ccc;  }



.main .product li h2 {
	font-size: 18px;
	color: #000;
	position: absolute;
	top: 40px;
	left: 35px;
	width:80%
}
.main .product li .m {
	position: absolute;
	top: 102px;
	left: 35px;
}
.main .product li .m a {
	display: block;
	width: 86px;
	height: 22px;
	line-height: 22px;
	background: #d51c20;
	border-radius: 22px;
	color: #fff;
	text-align: center;
}



.main .down li{ padding: 20px 0; border: 1px solid #ddd; width: 33.3%; float: left; box-sizing: border-box; text-align: center; margin-left: -1px; margin-top: -1px; }
.main .down li a{ display: block; }
.main .down li:hover{ background-color: #eee; }
.main .down img{ max-width: 60px; margin: 0 auto; display: block; }
.main .down li:hover a{ color: #999;  }

.main .news .boxfl{ width:280px; float:left; float:none; width:auto;}
.main .news .time{ font-size:20px;  color:#3162b7; font-weight:bold; text-align:right; float:right;}
.main .news .img{ border:1px solid #eee;  display:none;}
.main .news .img img{ width:100%; max-height:200px; display:block;}
.main .news .tit{ font-size:20px; font-weight:bold; float:left;}
.main .news .txt{ margin-left:320px; position:relative; border-left:1px solid #ddd; padding-left:20px; padding-bottom:50px; margin-left:0; }
.main .news .txt:before{content: '';display: block;width: 14px;height: 14px;border-radius: 10px;position: absolute;top: 4px;left: -8px;background-color: #ddd;}
.main .news  em{ margin:25px 0 12px 0; display:block; background-color:#3162b7; width:40px; height:4px;}
.main .news .more{ border:0px; display:inline-block; text-align:center;font-size:14px; line-height: 42px; padding:0 50px; margin-top: 38px; color:#ffffff; background-color: #779ddf;}
.main .news .info{ color:#999; margin-top:15px;}
.main .news  li:hover .more{ background-color:#3162b7;}


.qqhmain02{ font-size: 14px; color:#666; line-height: 180%; }
.qqhmain02 .contit{ font-size:22px; text-align:center;  padding:0px 0 20px; color:#333;}
.qqhmain02 .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:10px; color:#999;}
.qqhmain02 .coninfo{ background-color:#eee; padding:10px; line-height:24px;}
.qqhmain02 .concc{ padding: 20px 0;}
.qqhmain02 .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:10px 0;}
.qqhmain02 .conpage a{  color:#999;}
.qqhmain02 .conpage a:hover{color:#ff0000;}
.qqhmain02 .conbtn{ border:2px solid #999; padding:5px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}
.qqhmain02 .conbtn:hover{ background-color:#999; color:#fff;}
.qqhmain02 .qqhprocc img{ max-height:700px;}

.qqhmain02 .h3{ display:block; font-size:16px; padding:5px 0; padding-left:10px; max-width:70%; box-sizing:border-box; color:#fff; margin-bottom:10px; background: #f78b1c; background-image: linear-gradient(to right, #f78b1c , #fff);}

.qqhmain02 .conpage{ overflow:hidden;}
.qqhmain02 .conpage>div:nth-child(1){ float:left;}
.qqhmain02 .conpage>div:nth-child(2){ float:right;}
.qqhmain02 img{ max-width: 100%; }

/*.qqhmain03 strong{ font-size: 16px; color:#214b98; }*/

.banner02 .swiper-container{ position:relative;}
.banner02 .banner{background-position: center; background-size: cover; position: relative; }
.banner02 .banner .bg{ background-position: center; background-size: cover;  transition: all 5s linear; transform: scale(1);}
.banner02 .banner .bg img{ width:100%; display:block; }
.banner02 .banner.swiper-slide-active .bg{ transform: scale(1); }
.banner02 .pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.banner02 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #1550b6; opacity:0.8;  margin: 0 5px; cursor: pointer; }
.banner02 .swiper-active-switch { opacity:1;}
.banner02 .arrow{position:absolute; width:17px; height:30px; margin-top:-15px; top:50%; padding:30px 5px 30px 5px;}
.banner02 .swiper-pagination-bullet-active{ background-color: #fff; }






/*class*/
.protable{word-wrap:break-word;word-break:break-all;}
.protable{ border-collapse:collapse; width:100%;}
.protable td{ border:1px solid #ccc; padding:2px; line-height:20px; text-align:center;}
.protable tr:nth-child(n){ background-color:#eaf6ff;}
.protable tr:nth-child(2n){ background-color:#fff;}

.projectab{ width:100%; max-width:650px; margin:0 auto;}
.projectab td{ padding:0 3px; line-height:20px;}


.qqhcontab img{ max-height: 42px; }

/* decorate */

/*map*/
#dituContent{width:100%;height:550px; margin-top:30px;}
#dituContent img{ max-width:none;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*pages*/
.pagination-wrapper {
	margin: 20px 0;
}
.pagination {
	height: 34px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}
.pagination li{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-size: 12px;
    border: 1px solid #dddddd;
    color: #555555;
    text-decoration: none;
}
.pagination li a{ display:block;}

.pagination li:hover {
	background: #f5f5f5;
	color: #0099ff;
}
.pagination li.thisclass {
	background: #2b5691;
	color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover {
	background: transparent;
	border-color: #2b5691;
	color: #fff;
	cursor: default;
}
.pageinfo{
	font-size: 16px;
}



.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin:20px auto;display: table;}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{background: #2b5691;
    color: #fff; }
.ab_pages ul a:hover{ background:#ddd}
.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}

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

@media (max-width:1200px){
	img{ max-width:100%; height:auto;}
	.wrapper{ width:100%; padding:0 20px; box-sizing:border-box;}
	
	/*index*/
	


	/*content*/
	

	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:960px){
	/*index*/	

	.bannerx{ height:250px; background-size: cover; }
	.bannerx .tit01{ padding-top: 68px; }

	
	/*conent*/
	
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){
	/*index*/
	.top{ padding: 12px 0 5px; }
	.top .logo img{ width: 88%; }

	.nav{ display: none; }


	.foot02 .box01{ width:100%; margin-right:0;}
	.foot02 .txt{ line-height:35px;}


	/*content*/
	.bannerx{ height:160px; background-size: cover; }
	.bannerx .tit01{ font-size: 25px; padding-bottom: 0; padding-top: 45px; }
	.bannerx .tit02{ font-size: 12px; }
	
	/* page */

	
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
	
}