/* 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:#53b699;}

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

/*index*/
.topcc{ position:fixed; top:0; left:0; width:100%; z-index:10;}

.topline{ line-height:40px; height:40px; border-bottom:1px solid rgba(255,255,255,0.1); color:#fff; background-color:rgba(0,0,0,0.4); }
.topline a{ color:#fff;}
.topline a:hover{ color:#d9a519;}
.topline .row{ width:90%; margin:0 auto;}
.topline .boxfl{ float:left;}
.topline .boxfr{ float:right;font-size:14px;}
.topline .img{ vertical-align:middle;}
.topline .boxfr a{ padding:0 10px;}

.top { color:#fff; background-color:rgba(0,0,0,0.4);  position:relative;}
.top .row{ width:93%; margin:0 auto;}
.top .logo{ float:left; padding:15px 0 10px;}
.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; padding:0 15px; line-height:90px;}
.nav .nLi h3>a{ font-size:18px; color:#fff; border-radius:30px;}
.nav .nLi em{ font-weight:bold; padding-left:5px;}
.nav .nLi:hover h3{ background:rgba(0,0,0,0.4); color:#1550b6;}
.nav .nLi:hover em{ color:#fff;}
.nav .sub{ position:absolute; width:272px; display:none; background-color:rgba(0,0,0,0.6); border-radius:5px; padding:15px 0;}
.nav .sub li{ line-height:36px; padding:0 20px; font-size:13px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid rgba(150,150,150,0.15);}
.nav .sub li:last-child{ border-bottom:none;}
.nav .sub li:hover{background-color:rgba(0,0,0,0.4);}
.nav .sub li a{ color:#fff;}
.nav .nLi:hover .sub{ display:block;}

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

.banner{ position:relative; overflow:hidden;}
.banner .hd{ position:absolute; z-index:1; width:100%; text-align:center;bottom:15px; height:8px;}
.banner .hd ul{ height:8px;}
.banner .hd li{ display:inline-block; width:8px; height:8px; text-indent:-9999px; border-radius:8px; margin:0 3px; background-color:#fff;}
.banner .hd .on{ background-color:#ff0000;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li img{ width:100%; background:url(images/loading.gif) center center no-repeat;}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.banner .qr_code{width: 8%;position: absolute;left: 20px;bottom: 20px;}
.banner .qr_code img{width: 100%;}


.hometit{ text-align:center; }
.hometit strong{ font-size:30px; color:#071323; letter-spacing:1px;}
.hometit p{ font-size:14px; letter-spacing:1px; color:#a4a6a9; margin-top:20px;}

.homenote{ padding:100px 0;}
.homenote .wrapper{ max-width:1038px;}
.homenote .boxfl{ width:32%; float:left; color:#071323; font-size:30px; line-height:40px; font-weight:bold; letter-spacing:3px;}
.homenote .boxfl em{ display:block; height:8px; background-color:#53b699; width:40px; margin-top:30px;}
.homenote .boxfr{ width:60%; float:right;line-height:24px;}
.homenote .tit{ font-weight:bold; color:#071323; font-size:16px;  margin-bottom:18px;letter-spacing:2px;}
.homenote .txt{ color:#afb0b3; font-size:14px;letter-spacing:1px;}
.homenote .more{ display:inline-block; padding:5px 15px; background-color:#53b699; color:#fff; font-size:14px; border-radius:5px; margin-top:56px;}

.homepro li{ width:23%; border-radius:5px; margin:0 1% 40px; overflow:hidden; float:left; box-sizing:border-box; border:10px solid #eee; text-align:center; position:relative;}
.homepro .img img{ width:100%; display:block; transition:.5s;}
.homepro .bg{ position:absolute; transition:.5s; background-color:rgba(16,35,67,.65); width:100%; height:100%; top:0px;transform:scale(1.1,1.1); opacity:0;}
.homepro .txt{ position:absolute; width:100%; top:50%; margin-top:-57px;transform:scale(1.1,1.1); transition:.3s;opacity:0;}
.homepro .tit{ font-size:24px; line-height:24px; color:#fff; margin-top:20px;}
.homepro li:nth-child(7){ width:48%; border:none; border-radius:0;}
.homepro li:nth-child(7) img{ width:100%;display:block;}
.homepro li:hover .img img{transform:scale(1.1,1.1); }
.homepro li:hover .txt{transform:scale(1,1); opacity:1;}
.homepro li:hover .bg{transform:scale(1,1); opacity:1;}

.homepronote{padding:50px 0 90px;}
.homepronote .wrapper{ max-width:1383px;}
.homepronote .conn{ padding-top:20px;}
.homepronote li{ float:left; width:45%; padding-left:100px; box-sizing:border-box; background:url(../images/proicon01.png) no-repeat left top; margin-top:30px;}
.homepronote li:nth-child(1){height: 250px;}
.homepronote li:nth-child(2){height: 250px;}
.homepronote li:nth-child(2n){ float:right; width:47%;}
.homepronote .li02{ background-image:url(../images/proicon02.png);}
.homepronote .li03{ background-image:url(../images/proicon03.png);}
.homepronote .li04{ background-image:url(../images/proicon04.png);}
.homepronote .tit{ font-size:24px; letter-spacing:1px; color:#071323; margin-bottom:12px;}
.homepronote .info{ line-height:22px; color:#5b5f66;letter-spacing:1px;}

.homeabout .row{ width:98%; margin:0 auto;}
.homeabout .txt { float:left; width:23.3%; height:591px; background-color:#efefef; padding:45px 2% 20px; box-sizing:border-box;}
.homeabout .tit{ font-size:30px; color:#071323; font-weight:bold;}
.homeabout .name{ font-size:24px; line-height:40px; margin-top:35px; color:#071323;}
.homeabout .info{ font-size:14px; line-height:24px; margin-top:66px; margin-bottom:50px;}
.homeabout .more{ font-size:14px; color:#fff; padding:10px 15px; background-color:#53b699; letter-spacing:2px; display:inline-block;}
.homeabout .conn{ float:right; width:75.8%;}
.homeabout .conn li{ float:left; text-align:center; width:48%; height:288px; margin-left:2%; margin-bottom:15px; overflow:hidden;}
.homeabout .conn img{ display:block; max-width:679px;}

.homenews{ padding:90px 0;}
.homenews .row{ max-width:1280px; margin:0 auto;}
.homenews .conn{ margin-top:50px;}
.homenews li{ width:33.3%; float:left;}
.homenews li a{ display:block; padding:20px; background-color:#efefef; margin:0 10px; }
.homenews .img img{ width:100%;}
.homenews .txt{ padding-top:35px;}
.homenews .date{ color:#9e9e9e;}
.homenews .tit{ color:#071323; font-size:18px; padding:20px 0 18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homenews .info{ line-height:24px; color:#6e7277;}

.homeban{ background:url(../images/homeban.jpg) no-repeat center center; text-align:center; padding:124px 0 90px;}
.homeban .tit{ font-weight:bold; font-size:35px; line-height:46px; color:#fff;}
.homeban .btn{ background-color:#53b699; color:#fff; letter-spacing:2px; border-radius:5px; padding:10px 43px; font-size:14px; display:inline-block; margin-top:42px;}

.foot{ background-color:#eee;}
.foot .wrapper{ max-width:1400px; width:98%; margin:0 auto;}
.foot .footlist{ padding:75px 0 66px; letter-spacing:2px;}
.foot .logo{ float:left; width:38%;}
.foot .logo a{ color:#1858b6; font-weight:bold; display:inline-block; margin-top:30px;}
.foot .pro{ width:28%; float:left;} 
.foot .pro h3{ font-weight:bold; color:#141517; font-size:14px; padding-bottom:20px; margin-bottom:20px; background:url(../images/proline.jpg) no-repeat left bottom;}
.foot .pro em{ display:block;}
.foot .pro li{ width:50%; float:left; line-height:30px;}
.foot .pro a{ color:#717272;}
.foot .contact{	float:right; }
.foot .contact .btn{ background-color:#53b699; padding:10px 200px 10px 15px; border-radius:5px; font-size:14px; color:#fff; display:inline-block;}
.foot .contact .txt{ margin-top:40px; line-height:30px; color:#717272;}
.foot .footline{ overflow:hidden; border-top:1px solid #53b699; line-height:70px;} 
.foot .boxfl{ float:left;}
.foot .boxfr{ float:right;}

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

.main{ padding:50px 0; background-color:#f2f2f2;}
.main .wrapper{ width:1300px;}

.leftside{ width:280px; float:left; background-color:#fff; padding:30px 18px 30px 30px; box-sizing:border-box;}
.leftside h3{ height:46px; font-size:18px; font-weight:bold; line-height:40px;}
.leftside li{ height:38px; line-height:38px; margin-bottom:6px; transition:0.5s; font-size:14px;}
.leftside span{ color:#999; font-size:15px; font-weight:bold; padding-right:10px;}
.leftside li:hover,.leftside .on{ background-color:#53b699;}
.leftside li:hover a,.leftside .on a{ color:#fff;}
.leftside li:hover span,.leftside .on span{ opacity:0;}

.content{margin-left:320px; padding:30px; background-color:#fff;}
.content .bigtit{ line-height:65px; height:65px; padding-bottom:3px; border-bottom:1px solid #eee;}
.content .bigtit h3{ color:#53b699;font-size:20px; font-weight:bold; float:left;}
.content .bigtit span{ float:right;}
.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 .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;line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}


/*****/
.largetit{ height:31px; line-height:31px; text-align:center; font-size:20px; color:#53b699; font-weight:bold; background:url(../images/bg_nr.jpg) no-repeat center center; margin-bottom:40px;}
.maincon{ background-color:#fff; padding:30px; box-sizing:border-box;}

.main .newslist{ margin-top:40px;} 
.main .newslist li{ transition:.5s; float:left; width:31.3%; margin:0 1%;}
.main .newslist .tit{ font-size:16px; color:#595959; line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.main .newslist .date{ color:#999; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
.main .newslist .info{ color:#999; height:36px; overflow:hidden;}
.main .newslist li:hover{ transform:translateY(-20px);}
.main .bigtit02{ line-height:60px; border-bottom:1px solid #ddd;}
.main .bigtit02 .boxfl{ float:left;}
.main .bigtit02 .boxfl a{ display:inline-block; margin-right:20px; padding:0 10px;font-size:16px;  border-bottom:4px solid #fff;}
.main .bigtit02 .boxfl .on{border-bottom:4px solid #53b699;}
.main .bigtit02 .boxfr{ float:right;}
.main .newslist02{ margin:0 10px;}
.main .newslist02 li{ line-height:48px; font-size:14px; border-bottom:1px dashed #ddd;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .newslist02 span{ float:right; color:#999;}
.main .newspic img{ width:100%; margin:40px 0 10px;}
.main .concon02{ padding:30px 0 0; font-size:14px; line-height:30px;}

.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; font-size:14px;} 
.main .contact .tit{ font-size:18px; display:block; margin-bottom:12px;}

.main .feedback{ width:50%; float:right;}
.main .feedback .tit{ font-size:24px; line-height: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 #53b699; color:#53b699;line-height:40px; height:40px; font-size:15px; cursor:pointer;}
.main .feedback .btn:hover{ background-color:#53b699; color:#fff;}

.main .advantage{ max-width:800px; margin:0 auto;}
.main .advantage img{ max-width:800px; height:auto;}

.main .contactus{ padding:50px;}

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


/*class*/


/* 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:1300px){
	img{ max-width:100%;}
	
	/*index*/
	.homepro li{ width:31.3%;}
	.homepro li:nth-child(7){ display:none;}
	
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	
	/*content*/
	.bannerx{ background-size:140% 100%;}
	
	.main{ padding:50px 10px;}
	.main .wrapper{ width:100%;}
	.maincon{ padding:30px;}
	
	/* 隐藏显示*/
	.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:rgba(0,0,0,0.6); 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; line-height:50px;}
	.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;}
	.nav .sub{ position:relative; border-radius:0px; background-color:rgba(0,0,0,0.8); width:100%; box-sizing:border-box; padding:0; border:none;}
	.nav .sub li{ line-height:36px;}
	.nav .sub a{ display:block; color:#fff;}
	.nav .nLi:hover .sub{ display:none;}
	
	.navon{ display:block;}
	
	.homeabout .row{ width:100%;}
	.homeabout .txt{ float:none; width:100%; height:auto; padding:45px 8% 20px;}
	.homeabout .name{ margin-top:10px;}
	.homeabout .info{ margin:30px 0;}
	.homeabout .conn{ float:none; margin-top:20px; width:100%;}
	.homeabout .conn li{ margin:0 1% 20px;}
		
	
	/*conent*/		
	.content{ margin-left:0px;}
	.content .comp li{ width:50%;}	
	
	.content .pro li{ width:33.3%;}
	
	.main .advantage img{ max-width:100%;}
	
	.content .contact td{ display:block; width:100%;}
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){
	/*index*/
	
	.topline{ line-height:30px; height:30px;}	
	.topline .boxfr{ width:100%; text-align:center}
	
	.top .menu{ width:60px;}	
	.top .logo img{ max-height:48px;}
		
	.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;}
	
	.homenote{ padding:50px 15px;}
	.homenote .boxfl{ float:none; width:100%; margin-bottom:30px; font-size:24px; line-height:30px;}
	.homenote .boxfr{ float:none; width:100%;}
	
	.homepro li{ width:48%;}
	
	.homepronote{ padding:30px 0 50px;}
	.homepronote li{ float:none; width:100%;}
	.homepronote li:nth-child(1){height: auto;}
	.homepronote li:nth-child(2){height: auto;}
	.homepronote li:nth-child(2n){ width:100%; float:none;}
	
	.homeabout .conn{ box-sizing:border-box;}
	.homeabout .conn li{ width:48%; margin:0 1% 10px;height:auto;}
	.homeabout .conn img{  max-width:none; width:100%;}
	
	.homenews{ padding:50px 0;}
	.homenews .row{ padding:0 10px;}
	.homenews .conn{ margin-top:30px;}
	.homenews li{ float:none; width:100%; margin-bottom:10px;}
	.homenews .img{ display:none;}
	.homenews .txt{ padding-top:0px;}
	.homenews .tit{ font-size:16px;}
	
	.homeban{ padding:50px 0;}
	.homeban .tit{ font-size:20px; line-height:35px;}
	
	.foot .footline{ border-top:none;}
	.foot .boxfl{ float:none; text-align:center;}
	
	/*content*/
	.bannerx{ height:180px;}
	
	.main{ padding:30px 10px;}	
	
	.content{ padding:10px;}
	.content .bigtit span{ display:none;}	
	
	.content .pro li{ width:50%;}
	.content .pro .txt{ padding:5px; text-align:center;}
	.content .pro .info{ display:none;}
	
	/***/
	.maincon{ padding:10px 30px 30px;}
	.main .bigtit02 .boxfr{ display:none;}
	
	.main .newspic img{ margin:0;}
	.main .newslist li{ float:none; width:100%; margin-bottom:25px;}
	
	.main .contactus{ padding:30px;}
	
	.main .contact,
	.main .feedback{
		width:100%; float:none;
		}
	
	
	/*page*/
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
}