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

.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:1200px; margin:0 auto;}

/*index*/
.top{ background:url(../images/topbg.jpg) repeat-y center center; position:relative; border-bottom:1px solid #eee;}
.top .logo{ float:left; padding:24px 0 12px; }
.top .logo img{display:block;height:58px;}
.top .menu{height:100%;width:65px;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 22px; position:relative;}
.nav .nLi h3{ position:relative;}
.nav .nLi h3>a{display:block; line-height:110px; color:#221815;border-bottom:3px solid #fff; font-size:16px;  }
.nav .search{ text-align:right; padding:0; width:42px; background-color:#f2f2f2;}
.nav .search h3>a{ border-color:#f2f2f2;}
.nav .sub{ position:absolute; background-color:#f2f2f2; width:150px; padding:10px 20px; z-index:20; display:none;}
.nav .sub li{ line-height:46px; border-bottom:1px dashed #ccc;}
.nav .sub a{ display:block; font-weight:normal;}
.nav .search .sub{ right:0px; background-color:#f2f2f2; text-align:left;}
.nav .search .input{ border:none;display:block; width:100%; box-sizing:border-box; padding:0 10px; line-height:35px; height:35px;}
.nav .nLi:hover a{ border-bottom-color:#e60012;font-weight:bold;}
.nav .nLi:hover .sub{ display:block;}
.nav .nLi:hover .sub a{ font-weight:normal;}
.nav .pro{ width:200px;}
.nav .pro li{ line-height:35px;}
.nav .pro li a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.banner  .swiper-container{ height:526px; 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:30px; height:5px; border-radius:10px; background: #fff;margin: 0 5px; cursor: pointer; }
.banner .swiper-active-switch { background:#e70017;}
.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:0px;}
.banner .next { background:url(../images/arrowsfr.png)  no-repeat center center; right:0px;}


.hometit{ font-size:35px; color:#221815; line-height:100%; text-align:center;}
.homeinfo{ color:#8a8687; font-size:12px; text-align:center; padding-top:8px;}
.homelist{ text-align:center; font-size:16px;padding-top:12px; letter-spacing:3px;}
.homelist a:hover{ color:#e60012;}

#procc{ height:326px;}
.homepro { padding:45px 0;}
.homepro .swiper-container{ position:relative; width:100%; height:326px; margin-top:35px;}
.homepro .swiper-container a{ display:block; margin:0 3%;position:relative; overflow:hidden;}
.homepro .swiper-container .swiper-scrollbar {  height:4px; width:100%; bottom: 10px; position: absolute; background:#c3c3c3; border-radius:0;}
.homepro .swiper-container  .swiper-scrollbar-drag { background:#e60012; height:8px; margin-top:-2px;border-radius:0;}
.homepro .img img{ display:block; width:100%;}
.homepro .bg{ background-color:rgba(0,0,0,.6);position:absolute;bottom:0; width:100%; height:52px; transition:.5s;}
.homepro .txt{ position:absolute;bottom:-72px; text-align:center; padding:18px; color:#fff; transition:.5s;}
.homepro .tit{ font-size:18px; line-height:52px; height:52px; overflow:hidden;}
.homepro .conn{ font-size:12px; line-height:18px; height:54px; overflow:hidden;}
.homepro li:hover .bg{ height:100%; background-color:rgba(230,0,18,.5)}
.homepro li:hover .txt{ bottom:80px;}

.homeother .conn{}
.homeother img{ display:block;}
.homeother .conn { margin-top:40px;}
.homeother .box01,
.homeother .box02,
.homeother .box03,
.homeother .box04{
	width:50%;
}
.homeother .conn .cptd{}
.homeother .conn .cptd li{float:left; width:23%; padding:0 1%; text-align:center; font-size:14px; color:#666; text-decoration:none;}
.homeother .conn .cptd li img{display:block; margin:10px auto;}
.homeother .conn .cptd li .titleccp{color:#2865ad; font-family:Microsoft Yahei; text-decoration:none; font-size:18px; font-weight:bold; margin-bottom:10px;}

.homeother .ccleft{padding:5%; background-color:#eee; width:40%;}

.homenews{ margin:45px 0 0; padding:45px 0; background:url(../images/newsbg.jpg) no-repeat top center; background-size:cover;}
.homenews  li{ width:25%; float:left; background-color:#fff;}
.homenews  li a{ padding:38px 20px 58px; display:block;}

.homenews .news{ margin-top:35px;}
.homenews .time{ position:relative; display:inline-block; }
.homenews .date{ font-size:50px;line-height:50px; font-weight:bold; color:#b1b1b1;}
.homenews .box{ position:absolute; right:-16px; margin-top:-15px; background-color:#fff; font-size:12px;}
.homenews .tit { height:48px; overflow:hidden; padding-top:50px; font-size:16px; color:#000; line-height:24px;}
.homenews .conn{ margin-top:12px; color:#949494; text-indent:24px; font-size:12px; height:46px; overflow:hidden;}
.homenews li:hover{ background-color:#e6e5e5;}
.homenews li:hover .date{ color:#e60012;}
.homenews li:hover .box{ background-color:#e6e5e5;}

.footnav{ padding:76px 0 60px; background:url(../images/footnav.jpg) no-repeat center center; background-size:cover; color:#a9a9a9; line-height:30px;}
.footnav a{ color:#a9a9a9;}
.footnav .tit{ color:#fff; font-size:24px; padding-bottom:30px;}
.footnav .contact img{ vertical-align:middle;}
.footnav .contact,
.footnav dl{
	float:left; padding-right:8%;
}
.footnav dt{ color:#fff; font-size:18px; padding-bottom:30px;}
.footnav dd .more{ color:#e60012}
.footnav .code{float:right; width:240px;}
.footnav a:hover{ color:#fff;}

.foot{ background-color:#2354a0; color:#fff; line-height:30px; padding:20px 0;}
.foot .wrapper{ overflow:hidden;}
.foot a{ color:#fff;}
.foot a:hover{ color:#a9a9a9;}
	
/* content*/
.bannerx{ height:228px; background:url(../images/bannerx.jpg) no-repeat center;}

.bigtit{ background-color:#eee; line-height:58px;}
.bigtit h3{ font-size:24px; float:left;}
.bigtit h3 span{ font-size:14px; text-transform:uppercase;}
.bigtit .more{ float:right;}

.subnav ul{ list-style:none;padding:42px 0px 25px; border-bottom:1px solid #eee;}
.subnav li{ float:left; font-size:16px; border:1px solid #e8e8e8; border-radius:5px; background-color:#f9f9f9; padding:5px 3%; margin:0 10px;}
.subnav a{ text-decoration:none; font-family:microsoft yahei;}
.subnav .on{ background-color:#e60012; color:#fff; border-color:#e60012;}
.subnav .on a{ color:#fff;}

.main{ line-height:30px; padding:50px 0;}
.main .honor img{ max-width:100%;}
.main .honor .boxfl{ float:left; width:65%;}
.main .honor .boxfr{ float:right; width:30%;}
.main .honor li{ width:25%; float:left; text-align:center;}
.main .honor li:nth-child(3n){ width:48%;}
.main .honor li a{ display:block; padding:0 10px;}
.main .honor .txt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.main .news{}
.main .news li{ padding:20px 0px; border-bottom:1px solid #f2f2f2; transition:background ease-in-out .3s;}
.main .news li a{ display:block; width:1170px; margin:0 auto;}
.main .news .img{ float:left; transition:.2s; margin-right:40px;}
.main .news .img img{ width:170px; height:120px; border:1px solid #eee;}
.main .news .txt{ transition:.5s; }
.main .news .tit{ font-size:20px; color:#000; line-height:23px;}
.main .news .time{ font-size:12px; color:#888; padding:5px 0;}
.main .news .miaoshu{ line-height:24px; color:#888; height:50px; overflow:hidden;}
.main .news li:hover{ background:url(../images/cen01.jpg) no-repeat center top;}
.main .news a:hover{ text-decoration:none;}


.main .pro li{ width:25%; float:left; margin-bottom:30px;}
.main .pro li a{ display:block; margin:0 3%;position:relative; overflow:hidden;}
.main .pro .img img{ display:block; width:100%;}
.main .pro .bg{ background-color:rgba(0,0,0,.6);position:absolute;bottom:0; width:100%; height:52px; transition:.5s;}
.main .pro .txt{ position:absolute;bottom:-72px; text-align:center; padding:18px; color:#fff; transition:.5s;}
.main .pro .tit{ font-size:18px; line-height:52px; height:52px; overflow:hidden;}
.main .pro .conn{ font-size:12px; line-height:18px; height:54px; overflow:hidden;}
.main .pro li:hover .bg{ height:100%; background-color:rgba(230,0,18,.5)}
.main .pro li:hover .txt{ bottom:80px;}

.main .project li{ float:left; width:25%; text-align:center; margin-bottom:15px;}
.main .project li a{ margin:0 2%; display:block;}
.main .project li img{ max-width:100%;}
.main .project .boxfl,
.main .project .boxfr{
	width:50%;
	}
	
.main01{ padding-bottom:0px;}	

.main .contact{ width:45%; float:left;}
.main .contact .info{ font-size:12px; line-height:20px; color:#999;}
.main .contact .conn{ margin-top:30px; line-height:30px;} 
.main .contact .tit{ font-size:18px; display:block; margin-bottom:12px;}

.main .feedback{ width:50%; float:right;}
.main .feedback .tit{ font-size:24px;}
.main .feedback form{ margin-top:20px;}
.main .feedback input{ width:96%; line-height:32px; height:32px; padding:0 2%; margin-bottom:5px;border:none; background-color:#f3f3f3; font-family:microsoft yahei; color:#999;}
.main .feedback textarea{border:none; background-color:#f3f3f3;width:96%; line-height:25px; height:75px; padding:0 2%; font-family:microsoft yahei; color:#999;}
.main .feedback .btn{ width:100%; background-color:#fff; border:2px solid #e60012; color:#e60012;line-height:40px; height:40px; font-size:15px; cursor:pointer;}
.main .feedback .btn:hover{ background-color:#e60012; color:#fff;}

/*page*/
.leftside{ width:24%; float:right;}
.leftside h3{ margin:0px; border-bottom:1px solid #ccc; padding:10px 0 20px; font-size:24px;}
.leftside ul{ margin-top:20px;}
.leftside li{ border-bottom:1px solid #eee; line-height:20px; text-indent:8px; text-overflow:ellipsis; overflow:hidden; white-space:normal; font-size:14px; padding:11px 0;}
.leftside a:hover,.leftside li.on a{ color:#e60012;}

.concon{ margin-right:27%; padding-right:3%; border-right:1px solid #ccc; line-height:24px;}
.concon p{ margin:0px;}
.concon .contit{ font-size:22px; text-align:center; border-bottom:1px solid #ccc; padding:10px 0 20px; margin-bottom:30px;}
.concon .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:5px;}
.concon .coninfo{ background-color:#eee; padding:10px; line-height:24px;}
.concon .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:30px; padding:10px 0;}
.concon .conpage a{ display:block; color:#999;}
.concon .conpage a:hover{color:#ff0000;}
.concon .conbtn{ border:2px solid #999; padding:5px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}
.concon .conbtn:hover{ background-color:#999; color:#fff;}


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

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

.feed{padding:0px 0px 50px;}
.feed .feedcon{width:80%;margin:40px auto;}
.feed .fnt{border-radius:5px;-webkit-border-radius:5px;width:46%;margin:10px 0;display:block;border:1px solid #ccc;height:34px;padding:0px 3px;}
.feed .txt{border-radius:5px;-webkit-border-radius:5px;width:79%;margin:20px auto;display:block;border:1px solid #ccc;padding:3px 3px;}
.feed .qued,.feed .qux{border-radius:5px;-webkit-border-radius:5px;height:38px;line-height:38px;width:25%;text-align:center;display:block;border:1px solid #ccc;background:#7ca2e8;color:#fff;font-size:14px;}
.feed .qued{background:#0c46b3;width:40%;}

.ssssa{margin:10px 0; height:150px;}
.rra{margin-right:25px;}

.com_content{ width:75%;}
.com_content img{ width:100%}

@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:20px 0;}
	.top .logo img{ height:40px;}
	
	.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 0px;box-sizing:border-box; text-align:center;}
	.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:30; background-repeat:no-repeat; background-image:url(../images/arrownav.png); background-position:center center;}
	.nav .search{ width:100%; }
	.nav .search img{ margin:0px;}
	.nav .sub{ position:relative; width:100%; box-sizing:border-box; background-color:#eee; padding:0; background-color:#f3f3f3;}
	.nav .sub li{line-height:30px; border:none; border-top:1px dashed #ccc; padding-left:10px;}
	
	.nav .nLi:hover .sub{ display:none;}
	.nav .nLi .active em{ background-image:url(../images/arrownavon.png);}
	
	.navon{ display:block; z-index:20;}
	
	.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 .news{ padding:0 2%;}
	.main .news li a{ width:100%;}	
	
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

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

	/*conent*/
	.main .honor .boxfl{ width:100%;}
	.main .pro li{ width:33.3%;}
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
	.comimg{ display:none;}
	.com_content{ width:100%}
}

@media (max-width:720px){
	/*index*/
	.top .logo{ padding:15px 0;}	
	.top .logo img{ height:30px;}
	
	.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;}
	
	.homeother .conn .cptd li{width:48%; text-align:center;}
	
	.hometit{ font-size:24px;}
	
	.homepro .swiper-container{ margin-top:20px;}
	.homepro .bg{ height:40px;}
	.homepro .txt{ padding:18px 5px;}
	.homepro .tit{ font-size:15px; height:40px; line-height:40px;}
	.homepro li:hover .bg{ height:40px;}
	.homepro li:hover .txt{ bottom:-72px;}
	
	.homeother .conn { margin-top:15px;}
	
	.homenews  li{ width:50%;}
	.homenews  li a{ padding:10px; display:block;}
	.homenews .tit{ padding-top:20px; font-size:14px;}
	
	.foot .fl{float:none; text-align:center;}
	
	.ssssa{width:100%;}
	.rra{width:28%; margin-right:2%;}
	.rra img{width:100%;}
	.ssssa .fllr{width:68%; padding:0 1%;}
	
	
	/*content*/
	.bannerx{ height:120px; background-size:cover;}	
	
	.bigtit h3{ font-size:18px;}
	.subnav ul{ padding-top:20px;}
	.subnav li{ margin:0 5px; font-size:14px;}
		
	.main{ padding:30px 0; line-height:24px;}
	
	.main .news .img{ margin-right:10px;} 
	.main .news .img img{ width:106px; height:80px;}
	.main .news .tit{ font-size:15px; max-height:46px; overflow:hidden;}
	.main .news span{ display:none;}
	.main .news .time{ display:none; }
	.main .news .miaoshu{ margin-top:0px; height:38px; line-height:19px;font-size:13px;}
	.main .news li:hover .img{transform:translateX(0px);}
	.main .news li:hover .txt{transform:translateX(0px);}
	
	.main .pro li{ width:50%; margin-bottom:18px;}
	.main .pro li a{ margin:0 5%;}
	.main .pro .bg{ height:40px;}
	.main .pro .txt{ padding:18px 5px;}
	.main .pro .tit{ font-size:15px; height:40px; line-height:40px;}
	.main .pro li:hover .bg{ height:40px;}
	.main .pro li:hover .txt{ bottom:-72px;}
	
	.main .project li{ width:50%;}
	.main .project .boxfl,
	.main .project .boxfr{
		float:none; width:100%;
		}
	
	.main .contact,
	.main .feedback{
		width:100%; float:none;
		}
	
	/*page*/	
	.concon{ margin-right:0; padding-right:0px; border:none;}
	.concon .contit{ font-size:18px;}	
		
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
	
}