/* qhl_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{ font-size:12px; font-family:microsoft yahei; color:#000; text-decoration:none; line-height:18px; 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:#000; text-decoration:none;}
a:hover{ color:#4dcef5;}

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

.red{ color:#de0029;}
.orange{ color:#ec8000;}

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

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

/*index*/
.topline{ background-color:#e7f0f9; line-height:28px;}
.topline img{ vertical-align:middle;}
.topline .boxfl{ float:left; background:url(../images/t001.jpg) no-repeat left center; padding-left:15px;}
.topline .boxfr{ float:right;}

.top {background-color:#fff; transition:.5s; position:relative; z-index:10;}
.top .logo{ float:left;}
.top .logo img{ display:block;}
.top .menu{height:100%;width:100px;background:url(../images/menu.jpg) no-repeat center center;position:absolute;right:10px;top:0px; border-left:1px solid rgba(0,0,0, .05); border-right:1px solid rgba(0,0,0, .05);}

.nav{ float:right; color:#233b55;}
.nav .nLi{ float:left; padding:0 20px;}
.nav .nLi h3{ position:relative;}
.nav .nLi h3>a{ display:block; line-height:82px;border-bottom:6px solid #fff; font-size:15px;}
.nav .nLi:hover a{ border-bottom-color:#998755;}
.nav .sub{ position:absolute; background-color:#fff; width:200px; padding:0 20px; display:none; border-top:1px solid #ccc; background-color:#eee;}
.nav .sub li{ line-height:36px; font-size:13px; border-bottom:1px dashed #ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav .nLi:hover .sub{ display:block;}

.topon{ position:fixed; top:0px;}
.topon .logo{ padding:12px 0;}
.topon .nav .nLi a{ line-height:70px;}

.banner  .swiper-container{ height:550px; position:relative;}
.banner .banner01{ background:url(../images/banner1.jpg) no-repeat center center;}
.banner .banner02{ background:url(../images/banner2.jpg) no-repeat center center;}
.banner .banner03{ background:url(../images/banner3.jpg) no-repeat center center;}
.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: #000; opacity:0.25;  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 .prev { background:url(../images/arrowfl.png) no-repeat center center; left:15px;}
.banner .next { background:url(../images/arrowfr.png) no-repeat center center; right:15px;}

.homenotice{ line-height:40px; background-color:#f3f9ff;}
.homenotice .boxfl{ float:left;}
.homenotice h3{ float:left;}
.homenotice .bd li{ height:40px; padding-left:10px; overflow:hidden;}
.homenotice .hd{ float:right;}
.homenotice .hd .prev,
.homenotice .hd .next{ display:block;  width:5px; height:9px; display:inline-block;margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrowcc.png") no-repeat;}
.homenotice .hd .next{ background-position:0 -50px;}

.hometit h3{ font-size:22px;color:#004298;display:inline-block; float:left;}
.hometit .more{ font-size:13px;color:#ff3000;float:right;}
.homeintro{ font-size:13px; margin-top:20px;}

.homepro{ margin-top:60px;}
.homepro li{ width:25%; float:left; margin-top:30px;}
.homepro li a{ display:block; border:1px solid #eee; margin:0 4%;}
.homepro .img img{ width:100%;}
.homepro .txt{ padding:10px;}
.homepro .tit{ padding:0 0 8px;color:#004298; font-size:14px; line-height:11px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.homepro .info{ font-size:13px;}

.homeline{ padding:60px 0;}
.homeline .conn{ padding-top:15px;}

.homenews{ width:30%; float:left;}
.homenews .hotnews .tit{ font-size:14px;background:url(../images/i001.png) no-repeat left center; padding-left:30px;}
.homenews .hotnews .info{ color:#666; line-height:20px; padding:10px 0;}
.homenews .hotnews img{ float:left; padding-right:15px;}
.homenews li{ line-height:24px; padding-left:20px; background:url(../images/i002.png) no-repeat left center;}

.homeabout{ width:30%; margin:0 3%; float:left;}
.homeabout .conn{ font-size:13px; line-height:24px;}

.homebox{ width:34%; float:right;}
.homebox li{ overflow:hidden;}
.homebox .img img{ float:left; padding-right:20px;}
.homebox .tit{ font-size:18px; padding-bottom:15px;}
.homebox .tit img{ float:right;}
.homebox .li01{ border-bottom:1px solid #f1f1f1; padding-bottom:20px; margin-bottom:20px;}

.homehonor{ background:url(../images/i002.jpg) no-repeat center center;}
.homehonor .conn{ width:100%; max-width:702px; margin:0 auto; position:relative;}
.homehonor li{ padding:25px 13px 15px;}
.homehonor li img{ display:block; width:100%;}
.homehonor .owl-buttons div{height:52px; width:52px; float:left; text-indent:-9999px; position:absolute; top:50%; }
.homehonor .owl-buttons .owl-prev{ background:url(../images/arrowdfl.png) no-repeat center center; left:-60px;}
.homehonor .owl-buttons .owl-next{ background:url(../images/arrowdfr.png) no-repeat center center; right:-60px;}

.homeline02{ margin:30px 0;}
.homeline02 li{ float:left; width:50%; border:1px solid #eee; box-sizing:border-box; padding:30px; line-height:180%;}
.homeline02 .img{ float:right; padding-left:10px;}
.homeline02 .img img{ padding-top:20px;}
.homeline02 .tit{ font-size:18px;overflow:hidden;}
.homeline02 .tit img{ float:right;}
.homeline02 .info{ margin:10px 0;}
.homeline02 .more{ padding-left:15px; background:url(../images/mr.png) no-repeat left center; color:#ff1d00;}
.homecontact{ margin-left:-1px;}

.footnav{background-color:#11285a; color:#4b5a77; line-height:46px; border-bottom:1px solid #2b416b;}
.footnav a{ color:#c8d6d1;}
.footnav img{ vertical-align:middle;}

.foot{ font-weight:normal;background-color:#11285a; overflow:hidden; padding:15px 0; color:#c8d6d1; line-height:22px;}
.foot a{ color:#c8d6d1; }
.foot .fr{ text-align:right;}

/* content*/
.bannerx{ height:220px; background:url(../images/bannerx.jpg) no-repeat center;}

.main{ padding:50px 0;}

.leftside{ width:270px; float:left;}
.leftside h3{ height:92px; background-color:#e6e4e5;}
.leftside h3 img{ max-width:100%;}
.leftside ul{ background-color:#f4f4f4; padding:15px;}
.leftside li{ border:1px solid #dddcdc; background:url(../images/pppmenu.jpg) #fff no-repeat left center; line-height:33px; margin-bottom:5px;padding-left:25px; font-size:13px;}
.leftside li a{ color:#666; display:block;}
.leftside li:hover{ background:url(../images/pppmenuhh.jpg) #fff no-repeat left center; }
.leftside li:hover a{ color:#fff;}
.leftside .contact{ font-size:13px; line-height:24px; color:#666; margin-top:15px; padding:0 5px;}
.leftside .contact strong{ line-height:35px;}

.content{padding-left:320px;}
.content .bigtit{ border-bottom:1px solid #ddd;}
.content .bigtit{ height:60px;}
.content .bigtit h3{ float:left;}
.content .bigtit strong{ padding-left:15px;font-size: 30px; color: #38a7e5; font-weight: bold; display: inline-block; border-left:5px solid #38a7e5; line-height:1;}
.content .bigtit em{display: inline-block; margin-left: 15px; line-height: 1.4; font-size: 12px; color: #888; margin-top: 8px;}
.content .bigtit span{ float:right; line-height:42px;}
.content .concon{ padding:30px 0 0; line-height:28px; font-size:13px; color:#666;}
.content .honor img{ width:100%; display:block;}
.content .honor .boxfl{ float:left; width:41%; }
.content .honor .boxfr{ float:right; width:54%;}
.content .honor li{ width:46%; float:left; margin-bottom:20px;}
.content .honor li:nth-child(2n){ float:right;}

.content .feedback form{ background-color:#fff; box-shadow:2px 3px 5px #ddd; padding:10px 8% 20px; line-height:30px; border:1px solid #eee;}
.content .feedback .line{ overflow:hidden; margin-top:15px;}
.content .feedback label{  width:100px; display:block; float:left;line-height:30px;}
.content .feedback .input{ border:1px solid #ccc; margin-left:100px; padding:0 10px;}
.content .feedback input{ line-height:28px;height:28px; border:none; display:block; width:100%;}
.content .feedback textarea{ height:80px; border:none; width:100%; line-height:20px; padding:10px 0;}
.content .feedback input.btn{ line-height:40px; height:40px; font-size:15px; font-family:microsoft yahei; cursor:pointer;}
.content .feedback input.btn:hover{ color:#fff; background-color:#1262bb;}
.content .feedback img{ position:absolute; bottom:-48px; right:0px;}

.content .pro li{ width:25%; float:left; margin-bottom:30px;}
.content .pro li a{ display:block; border:1px solid #eee; margin:0 4%;}
.content .pro .img img{ width:100%;}
.content .pro .txt{ padding:10px;}
.content .pro .tit{ padding:0 0 7px;color:#004298; font-size:14px; line-height:11px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.content .pro .info{ font-size:13px; line-height:18px; height:36px; overflow:hidden;}

.content .news li{ padding:10px 0px; border-bottom:1px solid #f2f2f2; transition:background ease-in-out .3s; overflow:hidden;}
.content .news li a{ display:block;margin:0 auto;}
.content .news .img{ float:left; transition:.2s; margin-right:25px;}
.content .news .img img{ width:170px; height:120px; border:1px solid #eee;}
.content .news .txt{ transition:.5s; }
.content .news .tit{ font-size:18px; color:#000; line-height:23px; height:23px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.content .news .time{ font-size:12px; color:#888; padding:5px 0;}
.content .news .miaoshu{ line-height:24px; color:#888; height:50px; overflow:hidden;}
.content .news li:hover{ background-color:#eee;}
.content .news a:hover{ text-decoration:none;}

.content .project li{ float:left; width:33.3%; text-align:center;}
.content .project li a{ display:block; padding:0 5px;}
.content .project li img{ max-width:100%;}

.content .contact{}


/*page*/
.content p{ margin:0px;}
.content .contit{ font-size:22px; text-align:center; border-bottom:1px dotted #ccc; padding:10px 0 20px; margin-bottom:30px;}
.content .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:5px;}
.content .coninfo{ background-color:#eee; padding:10px; line-height:24px;}
.content .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:30px; padding:10px 0;}
.content .conpage a{ display:block; color:#999;}
.content .conpage a:hover{color:#ff0000;}
.content .conbtn{ border:2px solid #999; padding:5px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}
.content .conbtn:hover{ background-color:#999; 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;}


/* decorate */

/*map*/
#dituContent{width:100%;height:350px; 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}






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

@media (max-width:1200px){
	img{ max-width:100%;}
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	/*index*/	
	.top .logo{ float:none; margin-right:20%;padding:11px 0 5px;}
	
	.nav{ position:absolute; padding:10px 0; left:0px; background-color:#eee; width:100%;display:none;}
	.nav .nLi{ float:none; line-height:38px; border-bottom:1px solid #ccc; padding:0 0 0 20px}
	.nav .nLi h3>a{ border:none;line-height:45px; font-size:15px;}
	.nav .nLi em{ position:absolute; right:0px; height:38px; top:0px; width:90px; z-index:2; background-repeat:no-repeat; background-image:url(../images/arrownav.png); background-position:center center;}
	.nav .sub{ position:relative; width:100%; box-sizing:border-box; background-color:#eee; padding:0; border:none;}
	.nav .sub li{ border:none; border-top:1px dashed #ccc; padding-left:10px;}
	.nav .sub a{ display:block;}
	.nav .nLi:hover .sub{ display:none;}
	.nav .nLi .active em{ background-image:url(../images/arrownavon.png);}
	
	.navon{ display:block;}
	
	.banner .swiper-container { height:450px;}
	.banner .swiper-slide{ background-size:cover}
	.banner .info{ font-size:14px;}
	.banner .txt{ padding-top:40px;}
	.banner .tit{ font-size:28px; padding-top:30px;}
	
	/*content*/
	.bannerx{ background-size:140% 100%;}
	
	.main{ padding:50px 10px;}
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:980px){
	/*index*/
	.homepro li{ width:33.3%;}
	
	/*conent*/
	.content .bigtit em{ display:none;}
	
	.content .honor .boxfl{ float:none; width:100%;}
	.content .honor .boxfr{ float:none; width:100%;}
	
	.content .pro li{ width:33.3%; float:left; margin-bottom:30px;}
	
	.content .news .img{ margin-right:10px;} 
	.content .news .img img{ width:150px; height:110px;}
	.content .news .tit{ font-size:18px; max-height:46px; overflow:hidden;}
	.content .news .miaoshu{ margin-top:0px; height:38px; line-height:19px;font-size:13px;}
	.content .news li:hover .img{transform:translateX(0px);}
	.content .news li:hover .txt{transform:translateX(0px);}
	
	.content .contact td{ display:block; width:100%;}
	
	/*page*/
	.content .contit{ font-size:16px; font-weight:bold; padding:0px 0 10px;}
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){
	/*index*/
	.top .menu{ width:65px;}
	
	.top .logo img{ max-height:60px;}
		
	.banner  .swiper-container { height:200px;}
	.banner .txt{ padding-top:20px;}
	.banner .info{ font-size:10px; letter-spacing:0px;}
	.banner .tit{ font-size:18px; letter-spacing:0px; padding-top:3px;}
	.banner .line{ display:none;}
	
	.homepro{ margin-top:30px;}
	.homepro li{ width:50%; margin-top:20px;}
	.homepro li .info{ display:none;}
	.homepro .txt{ padding-top:10px;}
	.homepro .tit{ padding:0 0 0px; line-height:18px;}
	.homepro .tit img{ margin-top:5px;}
	
	.homeline{ padding-top:30px;}
	
	.homenews,.homeabout,.homebox{ float:none; width:100%;}
	.homeabout{ margin:30px 0;}
	
	.homeline02 li{ float:none; width:100%; padding:10px;}
	.homeline02 .img img{ display:none;}
	
	.homehonor .owl-buttons { display:none;}
	
	.content{ padding-left:0px;}
	
	.foot{ text-align:center;}
	.foot .fl{ float:none;}
	
	/*content*/
	.bannerx{ height:120px; background-size:cover;}
	
	.main{ padding:30px 10px;}
	
	.content .bigtit{ height:30px;}
	.content .bigtit strong{ font-size:18px;}
	.content .bigtit span{ line-height:15px;}
	
	.content .feedback{ padding:0px;}
	.content .feedback .line{ margin-top:10px;}
	.content .feedback label{ display:none;}
	.content .feedback .input{ margin-left:0px;}
	
	.content .pro li{ margin-bottom:20px;}
	.content .pro .txt{ padding:0 10px;}
	.content .pro .info{ display:none;}
	
	.content .news .img img{ width:106px; height:80px;}
	.content .news span{ display:none;}
	.content .news .time{ display:none; }
	.content .news .miaoshu{ margin-top:15px;}
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
}