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

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

.red{ color:#e90000;}
.blue{ color:#049fd8;}
.orange{ color:#ff9c00;}
.green{ color:#2c846b;}
.darkblue{ color:#7d8893;}

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

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

/* index */

.lock { overflow: hidden; position: fixed; left: 0; top: 0; right: 0; bottom: 0;  }
.lk{display: block;height: 0;width: 0;overflow: hidden;}

.topline { background-color:#555; color:#fff; line-height:35px;}
.topline a{ color:#fff;}
.topline .boxfl{ font-family:simsun; font-size:12px;}
.topline .boxfr{ font-size:12px;}
.topline .txt{ font-weight:bold; padding-right:24px;}
.topline .txt a{ font-size:13px; color:#fff; font-family:simsun;}
.topline .map{ padding-left:20px; background:url(../images/sitemapsgf.png) no-repeat left center; background-size:auto 10px; margin-left:24px;}

.top{ padding:10px 0; position:relative;}
.top .boxfr{ margin-left:255px; padding-right:28px; position:relative;}
.top .nav ul{ height:64px;}
.top .nav li{ float:left;  line-height:64px; width:10.5%;}
.top .nav a{ color:#333; font-size:14px; font-weight:bold;}

/* search */
.top .search{position:absolute;right:0px; top:50%; margin-top:-15px;}
.top .search input{ width:15px; height:15px; display:block; background:url(../images/search.png) no-repeat right center; border:none; padding:8px 8px 8px 30px; box-sizing:content-box; cursor:pointer; transition:.5s; text-indent:-9999px;}
.top .search input:focus{ background-position:10px center; cursor:auto; width:130px; background-color:#eee; border-radius:20px; text-indent:0;}

.top .menu{ position:absolute; top:0; right:10px; width:16%; min-width:80px; height:100%; background:url(../images/menu.jpg) no-repeat center center; border-left:1px solid #eee; border-right:1px solid #eee;}

/*banner*/
.banner  .swiper-container{ height:590px; position:relative; color:#fff;}
.banner .banner01{ background:url(../images/banner01.jpg?v=20210415) no-repeat center center;}
.banner .banner02{ background:url(../images/banner02.jpg?v=20210415) no-repeat center center;}
.banner .banner03{ background:url(../images/banner03.jpg?v=20210415) no-repeat center center;}
.banner .banner04{ background:url(../images/banner04.jpg?v=20210415) no-repeat center center;}
.banner .banner05{ background:url(../images/banner05.jpg?v=20210415) 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:8px; height:8px; border-radius: 10px; background: #fff;  margin: 0 5px; cursor: pointer; box-shadow:0px 1px 2px #555 inset; }
.banner .swiper-active-switch { background-color:#e00029;}

.homenote{ border-bottom:2px solid #ccc;}
.homenote .tit{ width:114px; float:left; border-right:#ddd 1px solid; line-height:74px; padding-left:30px; background:url(../images/vfdh.png) no-repeat left center; font-size:14px; box-sizing:border-box;}
.homenote .more{ border-left:#ddd 1px solid; width:146px; height:74px; text-align:right;}
.homenote .more a{ display:inline-block; padding:5px 15px; color:#fff; border-radius:3px; background-color:#555555;font-size:12px; margin-top:22px;}
.homenote .conn{ margin:0 147px 0 115px;}
.homenote .conn ul{ padding:31px 0 0 4%;}
.homenote .conn li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:46%; margin-right:4%; float:left; font-size:12px; font-family:Arial;}
.homenote .conn span{ float:right; }

.hometit{ text-align:center; font-size:16px; color:#333; font-weight:bold; margin-bottom:18px;}
.hometit .en{ font-size:12px; text-transform:uppercase; font-weight:normal;}

.homemore{ display:block; background-color:#28b7e3; color:#fff; width:105px; border-radius:5px; line-height:39px; margin:0 auto; text-align:center;}
.homemore:hover{ color:#ace8fb;}
.homemore01{ background-color:#fff; color:#999; border:#CCC 1px solid;}

.homeabout{background-color:#edf5f8; padding:60px 0; font-size:14px; line-height:160%; }
.homeabout .boxfl{ width:56%;  }
.homeabout .boxfr{ width:38.6%;}
.homeabout .box01{ background-color:#06b5ea; color:#fff; padding:9%;}
.homeabout .tit02{ font-size:26px; font-weight:bold; margin:27px 0;}
.homeabout .txt{ font-size:15px; line-height:24px;}
.homeabout .txt p{ margin-bottom:20px;}
.homeabout .more{ display:inline-block; padding:10px 26px; font-size:14px; border-radius:3px; background-color:#dde6ed;}
.homeabout .box02{ background-color:#cff6ff; height:102px; display:table; width:100%; /*-webkit-box-align:center;-webkit-box-pack:center;display:-webkit-box;*/}
.homeabout .box02 span{ display:table-cell; vertical-align:middle; padding:0 9%;}
.homeabout .box03{ height:298px; background:url(../images/vbfh.jpg) no-repeat center center; margin-bottom:38px;}
.homeabout .box04{ display:table; width:100%; background-color:#fff; padding:0 13%; box-sizing:border-box; height:134px;}
.homeabout .box04 span{ display:table-cell; vertical-align:middle;}
.homeabout .box05{ height:101px; background:url(../images/se.jpg) no-repeat center center; font-weight:bold; font-size:14px; padding:40px 13% 0; box-sizing:border-box;}
.homeabout .box05 img{ vertical-align:middle; margin-left:5px;}
.homeabout .box05 a{ color:#fff;}

.homepro{ padding:70px 0 40px;}
.homepro .prolist{ background-color:#e9f8fc; border-bottom:1px solid #ddd; text-align:center; padding:15px 15px; line-height:180%;}
.homepro .prolist a{ padding:0 15px;word-wrap:break-word; word-break: keep-all; }
.homepro .product{ margin:25px 0 35px;}
.homepro .product li{ width:23.5%; border:1px solid #ddd; float:left; margin-right:2%; box-sizing:border-box;}
.homepro .product li:nth-child(4n){ margin-right:0;}
.homepro .product a{ color:#6e7a8b;}
.homepro .product .img img{ width:100%; display:block;}
.homepro .product .txt{ background-color:#e9f8fc; padding:10% 15%;}
.homepro .product .note{ font-family:Arial;}
.homepro .product .tit{ font-size:18px; height:49px; line-height:140%; overflow:hidden; font-weight:bold; margin:10px 0 26px;}
.homepro .product .info{ font-size:12px; line-height:160%; padding-left:10px; position:relative;}
.homepro .product .info:before{ display:block; content:"\201C"; position:absolute; left:-8px;}
.homepro .product .more{ margin-top:36px; font-weight:bold;}

.homenews{ background-color:#edf5f8; padding:60px 0px;}
.homenews .news{ margin-top:40px;}
.homenews .news li{ width:32%; float:left; margin-right:2%; margin-bottom:60px; box-sizing:border-box; padding-left:55px; position:relative;}
.homenews .news li:before{ content:"";position:absolute; left:0; width:35px; height:35px; background:url(../images/gfj.png) no-repeat left center;}
.homenews .news li:nth-child(3n){ margin-right:0;}
.homenews .news .time{ font-size:12px; line-height:30px;}
.homenews .news .tit{ line-height:22px; font-size:14px;}
.homenews .news .info{ margin-top:10px; }

.footcontact{ background-color:#28b7e3; color:#fff; padding-top:30px;}
.footcontact a{ color:#fff;}
.footcontact .box01,.footcontact .box02,.footcontact .box03{ height:116px; box-sizing:border-box;}
.footcontact .box01{ width:290px; float:left; padding-top:20px;}
.footcontact .box02{ float:right; font-size:14px;}
.footcontact .box02 a{ display:block; font-size:14px; border:#FFF 2px solid; border-radius:3px; padding:10px 20px; margin-top:20px;}
.footcontact .box03{ margin-left:40%;padding-top:20px; padding-left:120px; background:url(../images/mobiles.png) no-repeat left bottom; font-family:Arial;}
.footcontact .box03 strong{ font-family:Verdana; font-size:24px; display:block; margin-bottom:15px;}

.footline{ line-height:50px; font-size:12px; font-family:simsun; border-bottom:1px solid #999;}
.footline img{ vertical-align:middle;}

.foot{ background-color:#edf5f8; line-height:160%; font-size:12px; font-family:Arial;}
.foot .boxtop{ padding:35px 0 62px; background:url(../images/footline.jpg) no-repeat center bottom;}
.foot .boxline{ margin-bottom:20px;}
.foot .boxfl{ margin-right:330px; padding-top:16px;}
.foot .boxfr{ width:250px; float:right; margin-top:10px;}
.foot .boxfr a{ color:#939393;}
.foot .boxfr img{ vertical-align:middle;}
.foot marquee{ font-size:12px; font-family:simsun;}
.foot marquee a{ color:#333;}
.foot .prolink{ color:#7d8893;}
.foot .boxbottom{ color:#7d8893; overflow:hidden; padding-bottom:30px;}
.foot .boxbottom a{color:#7d8893;}
.foot .boxfl02{ margin-right:403px;}
.foot .boxfr02{ text-align:right; width:403px;}

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

.bigtit{ padding:36px 0 0; border-bottom:1px solid #d0dadc; margin-bottom:20px;font-family:microsoft yahei;}
.bigtit strong{ font-size:26px; color:#1e56b5; display:inline-block; letter-spacing:3px; border-bottom:2px solid #000; padding-bottom:10px;}
.bigtit em{ font-style:normal; color:#666; font-size:16px; letter-spacing:3px;}
.bigtit .fr{ color:#666; font-size:13px;}
.bigtit a{ color:#666; text-decoration:none;}

.subnav ul{ list-style:none;padding:15px 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:#049fd8; color:#fff; border-color:#049fd8;}
.subnav .on a{ color:#fff;}

.content{ padding:30px 0 50px;font-family:microsoft yahei;font-size:14px;}

.content .comp .line{ background:url(../images/comp.jpg) no-repeat right center; background-size:auto 100%;}
.content .comp .boxfl{ padding:35px 60px; width:62%; box-sizing:border-box; background-color:#eee;}
.content .comp .introtit{ font-size:18px; font-weight:bold;}
.content .comp em{ display:block; width:70px; height:2px; background-color:#666; margin:20px 0 30px;}
.content .comp .complist{ margin:40px 0 20px; overflow:hidden;}
.content .comp li{ width:25%; padding:0 10px; box-sizing:border-box; float:left; background-position:center center; text-align:center;}
.content .comp .img{ background-position:center center; background-repeat:no-repeat; padding:35px 0;}
.content .comp .img img{ max-width:80px; padding:0 10px; width:100%; box-sizing:border-box;}
.content .comp .icon{ padding-top:12px;}
.content .comp .txt{ margin-top:20px;}
.content .comp .tit{ font-size:20px; margin-top:20px;}
.content .comp .li01 .img{ background-image:url(../images/tb01bg.png);}
.content .comp .li02 .img{ background-image:url(../images/tb02bg.png);}
.content .comp .li03 .img{ background-image:url(../images/tb03bg.png);}
.content .comp .li04 .img{ background-image:url(../images/tb04bg.png);}

.content .product li{ float:left; text-align:center; width:23.5%; margin-right:2%; box-sizing:border-box; border:1px solid #ddd; margin-bottom:20px;}
.content .product li:nth-child(4n){ margin-right:0;}
.content .product .img img{ width:100%; display:block;}
.content .product .txt{ background-color:#e9f8fc; padding:20px 44px; height:40px; overflow:hidden;}

.content .news li{ padding:20px 0px; border-bottom:1px solid #f2f2f2; transition:background ease-in-out .3s;}
.content .news li a{ display:block; width:1170px; margin:0 auto;}
.content .news .img{ float:left; transition:.2s; margin-right:40px;}
.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;}
.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:#f8f8f8;}
/*.main .news li:hover .img{transform:translateX(6px);}
.main .news li:hover .txt{transform:translateX(-6px);}*/
.content .news a:hover{ text-decoration:none;}

.content .feedback{ background:url(../images/feedback.jpg) no-repeat left top; padding:25px 50px 25px 14%; position:relative;}
.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; background-color:#ddd;}
.content .feedback input.btn:hover{ color:#fff; background-color:#1262bb;}
.content .feedback img{ position:absolute; bottom:-48px; right:0px;}

.content .contact{ border:1px solid #eee; line-height:30px;}
.content .contactfl{ width:40%; float:left; padding:2%; background:url(../images/map.png) no-repeat right bottom;}
.content .contactfr{ width:56%; float:right;}
.content .contactfr img{ max-width:none;}

.content .honor li{ width:44%; float:left; margin-right:2%;}
.content .honor li:nth-child(2n){width:54%;  margin-right:0;}
.content .honor li img{ max-width:100%;}

/*page*/
.content .concon{ padding:0;}
.content .contit{ font-size:22px; line-height:28px; text-align:center; border-bottom:1px dotted #ccc; padding:10px 0 20px; margin-bottom:30px;}
.content .condate{ font-size:12px; color:#999; 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*/
.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;}


/* decorate */






/*map*/
#dituContent{width:100%;height:335px;}
#dituContent .top{ padding:0;}
#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%;}
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	
	/*index*/
	.banner .swiper-container { height:450px;}
	.banner .swiper-slide{ background-size:cover}
	
	
	/* content*/
	.content .news{ padding:0 2%;}
	.content .news li a{ width:100%;}
	
	.content .honor{ text-align:center;}
	.content .honor li img{ width:500px;}
	

	/*page*/



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



@media (max-width:880px){
	/*index*/
	.top .nav{ /*position:absolute;width:100%;*/ position:fixed; left:0px; right:0; z-index:200; top:124px; bottom:0px; background-color:#ddd;  padding:0; display:none; overflow-y:auto;}
	.top .nav li{ float:none; width:100%; text-align:center;}
	.top .nav a{ display:block;}
	
	.top .navon{ display:block;}
	
	.homepro .product li{ width:32%; margin-top:20px;}
	.homepro .product li:nth-child(4n){ margin-right:2%;}
	.homepro .product li:nth-child(3n){ margin-right:0;}
	
	.homenews .news li{ width:48%;}
	.homenews .news li:nth-child(3n){ margin-right:2%;}
	.homenews .news li:nth-child(2n){ margin-right:0;}
	
	.foot .boxfl02{ margin-right:0;}
	
	
	
	/* content*/
	
	.content .comp li .img{ background:none !important;}
	.content .comp li .txt{ display:none;}	
	.content .comp .img{ padding:0;}
	
	.content .honor li{ width:100%; float:none; margin-right:0;}
	.content .honor li:nth-child(2n){ width:100%;}
	
	.content .product li{ width:32%;}
	.content .product li:nth-child(4n){ margin-right:2%;}
	.content .product li:nth-child(3n){ margin-right:0;}
	
	/*page*/



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

@media (max-width:720px){
	/*index*/
	.top{ padding:5px 0;}
	.top .logo img{ height:55px;}
	.top .nav{ top:105px;}
	.banner  .swiper-container { height:200px;}
	
	.homenote .tit{ line-height:60px;}
	.homenote .conn{ margin-right:10px;}
	.homenote .conn ul{ padding:22px 0 0 4%;}
	.homenote .conn li{ width:100%;}
	.homenote .conn li:nth-child(2){ display:none;}
	.homenote .conn span{ display:none;}
	
	.homeabout{ padding:30px 0;}
	.homeabout .boxfl{ width:100%; float:none;}
	.homeabout .boxfr{ width:100%; float:none;}
	.homeabout .box03{ background-size:100% auto; margin-bottom:0;}
	.homeabout .box05{ background-size:100% auto;}
	
	.homepro .product li{ width:48%;  margin-top:10px;}
	.homepro .product li:nth-child(3n){ margin-right:2%;}
	.homepro .product li:nth-child(2n){ margin-right:0;}
	.homepro .product .tit{ font-size:16px; height:46px;}
	.homepro .product .info{ display:none;}
	
	.homenews .news li{ width:100%; float:none;}
	
	/* content*/
	.bannerx{ height:120px; background-size:cover;}	
	
	.content .news .img{ margin-right:10px;} 
	.content .news .img img{ width:106px; height:80px;}
	.content .news .tit{ font-size:15px; max-height:46px; overflow:hidden;}
	.content .news span{ display:none;}
	.content .news .time{ display:none; }
	.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 .feedback{ padding:0px;}
	.content .feedback .line{ margin-top:10px;}
	.content .feedback label{ display:none;}
	.content .feedback .input{ margin-left:0px;}
	
	.content .comp .complist{ margin-top:20px;}
	.content .comp .boxfl{ width:100%; padding:20px;}
	.content .comp .tit{ font-size:14px; margin:0px;}
	
	.content .product li{ width:49%;}
	.content .product li:nth-child(3n){ margin-right:2%;}
	.content .product li:nth-child(2n){ margin-right:0;}
	.content .product .txt{ padding:20px 20px;}
	
	.content .contact{ border:none;}
	.content .contactfl{ width:100%;}
	.content .contactfr{ width:100%;}

	
	/*page*/



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