/* 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:#666; 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:#666; text-decoration:none;}
a:hover{ color:#e90000;}

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

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

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

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

/*index*/
.topline{ line-height:45px;}
.topline .boxfl{ float:left;}
.topline .boxfr{ float:right;}

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

.nav{ float:right;}
.nav .nLi{ float:left;}
.nav .nLi h3{ position:relative; line-height:30px; padding:25px 8px;}
.nav .nLi h3>a{ display:block; font-size:14px; font-weight:bold; color:#fff; padding:0 12px; border-radius:30px;}
.nav .nLi:hover a{ background-color:#fff; color:#1550b6;}
.nav .sub{ position:absolute; width:150px; padding: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 a{background-color:#eee;}
.nav .sub li:hover a{ }
.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:580px; 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: #1550b6; 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/arrowsfl.png) no-repeat center center; left:15px;}
.banner .next { background:url(../images/arrowsfr.png) no-repeat center center; right:15px;}

.homenotice{ padding:15px 0; border-bottom:#dddddd 1px solid; line-height:30px; }
.homenotice .boxfl{ color:#ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homenotice .boxfr{ padding-right:10px; width:336px; float:right;}
.homenotice .boxfr input{ border:none;color:#666; background:url(../images/searchb.png) no-repeat 105px center; line-height:30px; height:30px; width:131px; text-indent:10px;font-family:microsoft yahei; font-size:12px; background-color:#f0f0f0; border-radius:40px;}

.homeabout{ background-color:#fbfbfb; padding:50px 0;} 
.homeabout .tit{ font-size:26px; text-align:center; padding-bottom:60px; letter-spacing:2px;}
.homeabout .tit em{ font-size:12px; text-transform:uppercase; display:block; padding-bottom:5px;letter-spacing:0px;}
.homeabout li{ width:30%;float:left; }
.homeabout .li01{ padding-right:5%;}
.homeabout .li03{ float:right;}
.homeabout .more{ text-align:center;margin-top:30px;}
.homeabout .more a{ color:#fff; padding:10px 20px;background-color:#1550b6; border-radius:40px; }

.homepro{ padding:50px 0;} 
.homepro .prolist{ background-color:#F9F9F9; line-height:22px; padding:15px 0; border-bottom:#dddddd 2px solid; border-right:#dddddd 1px solid;}
.homepro .prolist a{ padding:0 8px;}
.homepro .pro li{ float:left; width:23.5%; margin-right:2%; margin-top:20px; border-bottom:#dddddd 2px solid; border-right:#dddddd 1px solid; box-sizing:border-box;}
.homepro .pro li:nth-child(4n){ margin-right:0px;}
.homepro .pro .img img{ width:100%;}
.homepro .pro .txt{ padding:15px 20px;}
.homepro .pro .tit{ font-size:15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.homeban{ background:url(../images/xuna.jpg) no-repeat center center; font-size:18px; line-height:24px; font-weight:bold; padding:44px 0;text-align:center; color:#fff;}
.homeban .txt{ max-width:570px;}
.homeban .ligblue{ color:#97d9ff;}
.homeban .hotline{ font-size:14px; font-weight:normal; margin-top:40px;}
.homeban .hotline .btn{ font-family:Verdana, Geneva, sans-serif; font-size:17px; font-weight:bold; padding:5px 20px; border:1px solid #fff; display:inline-block; margin-top:10px;}

.homepartner{ background-color:#F9F9F9; padding:50px 0;}	
.homepartner .boxfl{ float:left; width:27%;}
.homepartner .boxfl h3{ font-size:20px; color:#1550b6; font-weight:bold; line-height:26px;}
.homepartner .boxfr{ float:right; width:55%; max-width:741px; text-align:right;}
.homepartner .conn{ position:relative; background-color:#fff; margin-top:30px; overflow:hidden; height:131px; border-bottom:#dddddd 2px solid; border-right:#dddddd 1px solid;}
.homepartner .conn li{ float:left; padding:18px 10px; text-align:center;}
.homepartner .conn .img img{ padding:10px 0;}
.homepartner .conn .swiper-scrollbar { background:none; height:4px;}
.homepartner .conn .swiper-scrollbar-drag { background:#e60012; height:4px; margin-top:-4px;border-radius:0;}
.homepartner .partner{ margin-top:40px;}
.homepartner .partner img{ width:100%;}
.homepartner .partfl,
.homepartner .partfr{ width:48%;}
.homepartner .boxline .box{ width:48%;}
.homepartner .partfr{ width:48%; float:right;}
.homepartner .txt{ padding:15px 20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homepartner .txt h3{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homepartner .box{ border-bottom:#dddddd 2px solid; border-right:#dddddd 1px solid;}
.homepartner .box01{ margin-bottom:20px;}
.homepartner .box06{ margin-top:20px;}

.hometec{ padding:50px 0;}	
.hometec .intro{ border-top:#dddddd 1px solid; border-bottom:#dddddd 1px solid; padding:35px 0; width:29%; float:left;}
.hometec .intro .tit h3{ font-size:18px; padding:8px 0 15px;}
.hometec .intro .tit em{ display:block; height:1px; background-color:#999; width:20px;}
.hometec .intro .conn{ padding:18px 0 0; font-family:simsun; line-height:180%;}
.hometec .intro .conn strong{ color:#1550b6; font-size:18px; font-family:microsoft yahei; line-height:25px;}
.hometec .intro .more{ color:#fff; font-size:15px; font-family:microsoft yahei; display:block; padding:10px 35px; background:url(../images/goe.gif) #1550b6 no-repeat right center; margin-top:30px;}
.hometec ul{ float:right; width:70%;}
.hometec li{ border:#dddddd 1px solid; border-bottom:#dddddd 2px solid; float:left; width:45%; margin-left:5%; box-sizing:border-box;}
.hometec li .tit{ padding:18px 30px; font-size:16px; font-weight:bold;}
.hometec li .img img{ width:100%; display:block;}
.hometec li .info{ margin:30px 30px;}

.homenews{ padding:50px 0; background-color:#F9F9F9;}
.homenews .intro .boxfl{ float:left;}
.homenews .intro .boxfl h3{ font-size:18px; padding:8px 0 15px;}
.homenews .intro .boxfl em{ display:block; height:1px; background-color:#999; width:20px;}
.homenews .intro ul{ float:right;}
.homenews .intro li{ float:left; padding:8px 20px; border:1px solid #999; margin-left:-1px;}
.homenews .intro .on{ background-color:#1550b6; color:#fff;}
.homenews .intro .on a{ color:#fff;}
.homenews .news{ padding:40px 0;}
.homenews .news li{ width:30%;float:left;padding-right:2.5%; margin-right:2.5%; background:url(../images/gffe.gif) no-repeat right top;}
.homenews .news li:nth-child(3n){ padding-right:0; margin-right:0; background:none;}
.homenews .news li a{ color:#666;}
.homenews .news .tit{ line-height:35px; padding:10px 0; font-size:16px; color:#1550b6;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homenews .news .conn{ font-family:simsun; line-height:160%;}
.homenews .news .time{ text-align:right; padding-top:3px;}
.homenews .newslist li{ line-height:22px;width:30%;float:left;padding-right:2.5%; margin-right:2.5%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
.homenews .newslist li:nth-child(3n){ padding-right:0; margin-right:0; }
.homenews .newslist li span{ float:right;}

.footnav{ padding:50px 0; line-height:180%;}
.footnav .boxfl{ width:70%; float:left; background:url(../images/bewvc.gif) no-repeat right top;}
.footnav .boxfr{ width:30%; float:right; text-align:right;}
.footnav dl,
.footnav .contact{ float:left; padding-right:8%;}
.footnav dt,
.footnav .contact .tit{ color:#1550b6; font-weight:bold; padding-bottom:20px;}

.foot{ background-color:#edede9; padding:25px 0 40px;}

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

.main{ padding:50px 0;}

.leftside{ width:250px; float:left;}
.leftside h3{ height:46px; background-color:#0a3a7f; color:#fff; font-size:18px; padding-top:10px; padding-left:15px; line-height:40px;}
.leftside>ul{ background:url(../images/leftside.jpg) #0a3a7f repeat-x top center; padding:22px 20px;}
.leftside>ul>li{ background-color:#2b609d; height:38px; line-height:38px; padding-left:20px; margin-bottom:6px; transition:0.5s; font-size:14px; position:relative;}
.leftside>ul>li a{ color:#fff;}
.leftside>ul>li a:hover,.leftside>ul>li a.on{ color:yellow;}
.leftside>ul>li ul{ left: 100%; top: 0; width:100%; position: absolute; opacity: 0; visibility: hidden; transition:0.2s;}
.leftside>ul>li:hover ul{ opacity: 1; visibility: visible;}
.leftside>ul>li ul li{ background: #6d8eb4; padding:0 10px; line-height:38px;}
.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:290px;}
.content .bigtit{ font-size:15px; color:#999;height:35px; padding-bottom:3px; background:url(../images/contit.png) repeat-x center bottom;}
.content .bigtit a{ color:#999;}
.content .concon{ padding:30px 0 0; line-height:28px; font-size:13px; color:#666;}

.content .comp li{ float:left; width:33.3%; box-sizing:border-box; padding:0 5px;}
.content .comp img{ max-width:100%;}
.content .comp li p{ text-align:center; padding-bottom:5px;}

.content .feedbackpic{ background:url(../images/feedback.jpg) no-repeat left center; background-size:auto 100%; height:108px; margin-bottom:20px;}
.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 .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:20px; 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 .pro li{ float:left; width:33.3%; margin-bottom:20px;}
.content .pro li a{ display:block; margin:0 10px; border-bottom:#dddddd 2px solid; border-right:#dddddd 1px solid;}
.content .pro .img img{ width:100%; display:block;}
.content .pro .txt{ padding:15px 20px; font-size:12px; line-height:20px;}
.content .pro .tit{ font-size:15px; line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.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;}

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


/* 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:1140px){
	img{ max-width:100%; height:auto;}
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	/*index*/	
	.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*/
	.top .logo{ float:none; margin-right:20%;padding:11px 0 5px;}
	
	.nav{ position:absolute; left:0px; background-color:#1550b6; width:100%;display:none;}
	.nav .nLi{ float:none; text-align:center; line-height:38px; border-top:1px solid rgba(255,255,255, .06);}
	.nav .nLi h3{ padding:0px;}
	.nav .nLi h3>a{ border:none; line-height:40px; font-size:15px; border-radius:0px;}
	.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:#1759ca; padding:0; border:none;}
	.nav .sub li{ border:none; border-top:1px dashed rgba(255,255,255,.06);}
	.nav .sub a{ display:block; color:#fff;}
	.nav .nLi:hover a{ background-color:#1759ca;color:#fff;}
	.nav .nLi:hover .sub a{background-color:#1759ca;}
	.nav .nLi:hover .sub{ display:none;}
	.nav .nLi .active em{ background-image:url(../images/arrownavon.png);}
	.nav .sub2 a{ background-color: #6fa0d9 !important;}
	.navon{ display:block;}
	
	.hometec .intro{ float:none; width:100%;}
	.hometec ul{ float:none; width:100%; padding-top:20px;}
	.hometec li{ margin:0 2%; width:46%;}
	.hometec li .info{ height:90px; overflow:hidden;}
	
	
	/*conent*/	
	.content .comp li{ width:50%;}	
		
	.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 .pro li{ width:50%;}
	
	.content .contact td{ display:block; width:100%;}
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){
	/*index*/
	.topline{ line-height:30px;}
	.top .menu{ width:60px;}
	
	.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;}
	
	.homenotice{ padding:10px 0;}
	.homenotice .boxfr{float:left;}
	
	.homeabout{ padding:30px 0;}
	.homeabout .tit{ padding-bottom:30px;}
	.homeabout li{ float:none; width:100%; margin-bottom:10px;}
	.homeabout .li01{ padding-right:0;}
	.homeabout .li03{ float:none;}
	
	.homepro{ padding:30px 0;}
	.homepro .pro  li{ width:32%;}
	.homepro .pro  li:nth-child(4n){ margin-right:2%;}
	.homepro .pro  li:nth-child(3n){ margin-right:0;}
	.homepro .pro .tit{ font-size:13px;}
	.homepro .pro .txt{ padding:5px; text-align:center;}
	.homepro .pro .info{ display:none;}
	.homepro .pro li:nth-child(7),.homepro .pro li:nth-child(8){ display:none;}
	
	.homeban{ font-size:14px; padding:40px 0;}
	.homeban .ligblue{ font-size:16px;} 
	.homeban .hotline{ margin-top:20px;}
	
	.homepartner{ padding:30px 0;}
	.homepartner .boxfl{ float:none; width:100%;}
	.homepartner .conn{ height:116px;}
	.homepartner .conn li{ padding:10px 10px;}	
	.homepartner .partfl,
	.homepartner .partfr{}
	.homepartner .conn .img img{ padding:10px 0 0;}
	.homepartner .boxline .box{ float:none;width:100%;}
	.homepartner .box02,
	.homepartner .box04{ margin-bottom:20px;}
	
	.hometec li .tit{ font-size:14px; padding:18px 15px}
	.hometec li .info{ margin:10px;}
	
	.homenews .news{ padding:20px 0;}
	.homenews .news li{ float:none; width:100%; padding-right:0px; margin-right:0px; background:none; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}
	.homenews .newslist li{ float:none; width:100%;padding-right:0px; margin-right:0px; line-height:30px;}
	
	.foot{ text-align:center;}
	.foot .boxfl{ float:none;}
	
	/*content*/
	.bannerx{ height:120px; background-size:cover;}
	
	.main{ padding:30px 10px;}
	
	.content{ padding-left:0;}	
	.content .bigtit{ height:30px;}
	
	.content .feedbackpic{ height:80px;}
	.content .feedback{ padding:0px;}
	.content .feedback .line{ margin-top:10px;}
	.content .feedback label{ display:none;}
	.content .feedback .input{ margin-left:0px;}	
	
	.content .news .img img{ width:106px; height:80px;}
	.content .news span{ display:none;}
	.content .news .time{ display:none; }
	.content .news .miaoshu{ margin-top:15px;}
	
	.content .pro .txt{ padding:5px; text-align:center;}
	.content .pro .info{ display:none;}
	
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
}