/* qhl_css */

@charset "utf-8";

body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{ max-width:1920px; margin:0 auto; font-size:14px; font-family:"苹方", "微软雅黑", Arial, Helvetica, sans-serif; color:#444; text-decoration:none; line-height:180%; 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:#444; text-decoration:none;}
a:hover{ color:#2165c4;}

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

.red{ color:#e71e24;}
.blue{ color:#2165c4;}
.orange{ color:#ec8000;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}
.img{ overflow: hidden;  }
.img>img{ transition: .5s; display: block; }
.img:hover>img{ transform: scale(1.1); }

.fes{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

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



/*index*/

.topbg{ position: relative; }

.top{/*  top:0; left: 0;  height: 146px;position: absolute; width: 100%; z-index: 5; z-index: 28; background-color:#fff;*/}

.top .logo{ margin-top:5px;}
.top .logo img{ height:62px;}
.top .line{  border-bottom:1px solid #f1f1f1; line-height: 37px; font-size:14px; color:#999;}
.top .line .fr img{ vertical-align:middle; margin-left:10px; height:14px; }
.top .line .fr a{color:#999;}
.top .line02{ padding: 10px 0; position: relative; }
.top .logo02{ display:none;}
.nav{ padding: 6px 0 0; }
.nav .nLi{ float: left;padding:15px 18px; line-height:30px; font-size: 16px; position: relative; }
.nav .nLi h3{ text-align: center; }
.nav .nLi h3>a{ font-size: 16px; text-align: center; color:#1a1a1a;  }
.nav .nLi h3>a.active{color:#2165c4;}
.nav .nLi h3>a:hover{ color:#2165c4;}
.nav .nLi h3>a span{ font-size: 12px; opacity: .5; text-transform: uppercase; display:block; line-height: 16px; }
.nav .nLi em{ font-weight:bold; padding-left:5px; display: none;}
.nav .sub{ position:absolute; width:200px;display:none; background-color:#fff;  padding:18px 0 0; margin-left:-28px;}
.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:#eee;}
.nav .sub li a{ /* color:#fff; */}
.nav .nLi:hover .sub{ display:block;}
.top .line02on{ background-color:#fff; width: 100%; z-index: 30; }

.top .menu{height:100%;width:100px;background:url(../images/menu02.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); */}


.banner .swiper-container{ position:relative;}
.banner .banner{background-position: center; background-size: cover; position: relative; }
.banner .banner .bg{ background-position: center; height:715px; background-repeat:no-repeat; background-size: cover;  transition: all 5s linear; transform: scale(1);}
.banner .banner .bg img{ width:100%; display:block; display:none; }
.banner .banner.swiper-slide-active .bg{ transform: scale(1); }
.banner .pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.banner .swiper-pagination-switch { border:1px solid #2165c4; display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #1550b6; opacity:0.8;  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 .swiper-pagination-bullet{border:1px solid #2165c4; }
.banner .swiper-pagination-bullet-active{ background-color: #fff; }

.hometit{ text-align:center;}
.hometit .en{ font-size:60px; color:#e6e6e6;}
.hometit .cn{ font-size:32px; color:#111; margin:20px 0 10px;}
.hometit em{ width:50px; height:5px; background-color:#2165c4; display:inline-block;}
.hometit .homore{ color:#2165c4; display:block; margin-top:-20px;}
.hometit .homore span{display: inline-block; margin-left: 8px; width: 20px; background:#2165c4; text-align: center; height: 20px; line-height: 20px; color:#fff;}

.homeabout{ padding:80px 0; background:url(../images/icon2.jpg) no-repeat right center;}
.homeabout .conn{ text-align:center; margin:50px 0 0;margin:20px auto 60px;}
.homeabout .list{ display: flex; flex-wrap: wrap; width: 100%; }
.homeabout .list li{ display: flex; width: 25%; }
.homeabout .list .img{ width: 60px; height: 100%; background: url(../images/icon01.png) no-repeat left center; background-size: 100% auto; margin-right: 18px;}
.homeabout .list li:nth-child(2) .img{ background-image:url(../images/icon02.png); }
.homeabout .list li:nth-child(3) .img{ background-image:url(../images/icon03.png); }
.homeabout .list li:nth-child(4) .img{ background-image:url(../images/icon04.png); }
.homeabout .list .img i{ font-size: 40px; color: #999; }
/*.homeabout .list .txt{ width: 100%; }*/
.homeabout .list .tit{ font-size: 20px; margin-bottom: 8px; font-weight: bold; color: #111; }
.homeabout .list li:hover .tit{ color:#2165c4; }

.homeproduct{ padding:80px 0; background-color:#f1f1f1; }
.homeproduct .conn{ padding-bottom: 80px; margin-top: 50px; position: relative; }
.homeproduct .conn li{padding:0 22px; box-sizing: border-box;}
.homeproduct .conn .img img{width:100%; background-color: #fff;}
.homeproduct .conn .txt{margin-top:10px}
.homeproduct .conn .tit{color:#111;padding:5px 0; font-size: 16px;}
.homeproduct .conn .info{color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.homeproduct .conn .more{color:#2165c4;margin-top:20px}
.homeproduct .conn .more span{display:inline-block;margin-left:20px;width:20px;background:#2165c4;text-align:center;height:20px;line-height:20px; color: #fff;}

.homeproduct .swiper-pagination-clickable .swiper-pagination-bullet-active{position:relative;background-color:#2165c4}
.homeproduct .swiper-pagination-clickable .swiper-pagination-bullet-active::after{content:"";position:absolute;left:-6px;top:-6px;width:18px;height:18px;border-radius:50%;border:1px solid #2165c4}

.homeban{ background:url(../images/5b4bfdfb5797d.jpg)  no-repeat center center; background-attachment:fixed; color:#fff; position:relative; padding: 60px 0; }
.homeban h4{ font-size:28px; letter-spacing:2px; font-weight:bold; margin-bottom:5px; margin-bottom: 15px;}
.homeban .qqhp{ font-size:24px;}
.homeban .qqhmore{ float:right; padding:12px 10px; text-align:center; display:inline-block; background-color:#fff; color:#2165c4; border-radius:5px; width:162px; border-radius:50px; box-sizing:border-box; margin-top:10px; font-size:16px; font-weight: bold;}

.homenews{padding:60px 0}
.homenews .conn{margin-top:40px}
.homenews .boxfl{width:48%;float:left}
.homenews .boxfl .img{margin-bottom:20px}
.homenews .boxfl .img img{width:100%}
.homenews .boxfl .tit{color:#333;font-size:16px;font-weight:bold;margin-bottom:10px;border-left:3px solid #aaa;padding-left:20px;margin-left:-22px}
.homenews .boxfl .txt{color:#999}
.homenews .boxfr{margin-left:52%}
.homenews .boxfl .date{float:left;text-align:right;padding-right:15px;width:68px;font-size:16px;color:#222}
.homenews .boxfl:hover .date{color:#2165c4}
.homenews .boxfl:hover .date span{color:#2165c4}
.homenews .boxfl:hover .tit{color:#2165c4}
.homenews .boxfl .text{border-left:1px solid #eee;padding-left:20px}
.homenews .boxfl .date span{display:block;color:#333;font-size:30px;font-family:Impact;line-height:1;margin-bottom:5px}
.homenews .boxfr li{border-bottom:1px solid #eee;padding:30px 0}
.homenews .boxfr .tit{color:#333;font-size:16px;font-weight:bold;margin-bottom:10px;border-left:3px solid #aaa;padding-left:20px;margin-left:-22px}
.homenews .boxfr .info{color:#999}
.homenews .boxfr .date{float:left;text-align:right;padding-right:15px;width:70px;font-size:16px}
.homenews .boxfr li:hover .tit{color:#2165c4}
.homenews .boxfr li:hover .date span{color:#2165c4}
.homenews .boxfr .text{margin-left:100px;border-left:1px solid #eee;padding-left:20px}
.homenews .boxfr .date span{display:block;color:#222;font-size:30px;font-family:Impact;line-height:1;margin-bottom:5px}
.homenews .boxfr li:first-child{padding-top:0;}


.foot{ background: url(../images/footbg.jpg) no-repeat top center; background-color: #333; padding-top: 56px; color: #fff; }
.foot a{ color: #fff; }
.foot .line{ border-top: 1px solid #3b3d40; padding: 28px 0; }
.foot .txt{ padding-left: 214px; margin-top: -10px; }
.foot .boxfr{ text-align: center; padding-bottom: 20px; }
.foot .code{ float: right; margin-top: -15px; margin-left:20px; }
.foot .code img{ width: 155px;}
.foot .boxfl{ margin-bottom: 30px; }
.foot .boxfl .fl{ height: 130px; }




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




.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin:20px auto;display: table;}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#ddd; }
.ab_pages ul a:hover{ background:#ddd}
.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}


/* decorate */
.arctab02 td img{ max-width: 100%; }

/*map*/
 #allmap {width: 100%;height: 450px;overflow: hidden;font-family:"微软雅黑"; margin-top: 30px;}
 #allmap b{color: #CC5522;font-size: 16px; }
 #allmap img{max-width: none;}

/* 隐藏显示*/

.hidden01{ display:none;}

.show01{ display:block;}



@media (max-width:1400px){

	img{ max-width:100%; height:auto;}

	.wrapper{ width:100%; padding:0 20px; box-sizing:border-box;}

	

	/*index*/

	.banner .banner .bg{ height:auto; overflow:hidden;}
	.banner .banner .bg img{ width:130%; margin-left:-15%; max-width:none; display:block;}







	/*content*/

	



	

	/* 隐藏显示*/

	.hidden02{ display:none;}

	.show02{ display:block;}

}



@media (max-width:960px){

	/*index*/

	.banner .swiper-slide{ background-size: cover; }

	

	.sale-con{ display: none; }





	/* .top{ position: absolute; }	 */

	.top .logo{ float:none; margin-right:42%; margin-top:0;}
	.top .nav{ padding: 0; }
	.nav{ position:absolute; left:0px; background-color:#000; width:100%;display:none; z-index:30; padding: 0;}
	.nav .wrapper{ padding: 0; }
	.nav .nLi{ float:none; text-align:center; padding:4px 18px; line-height:60px; border-top:1px solid rgba(255,255,255, .1); box-sizing: border-box; width: 100%; margin: 0;}
	.nav .nLi h3>a{ border:none; display: block; font-size:15px; border-radius:0px; color:#fff;}
	.nav .nLi em{ position:absolute; right:0px; height:54px; top:5px; width:90px; z-index:2; background-repeat:no-repeat; background-image:url(../images/arrownav.png); background-position:center center; display: block; background-size: auto 35%;}
	.nav .sub{ position:relative; width:100%; box-sizing:border-box;  padding:0; border:none; background-color: #eee;}
	.nav .sub li{ border:none; border-top:1px dashed rgba(255,255,255,.06);}
	.nav .nLi:hover .sub{ display:none;}
	.nav .nLi .active em{/*  background-image:url(../images/arrownavon.png); */}
	.nav .nLi h3>a span{ display: none; }	

	.top .menuon{ background-image: url(../images/close02.png); }
	.navon{ display:block;}	
	.top .line02on{ }

	

	



	/*conent*/



	

	

	/* 隐藏显示*/

	.hidden03{ display:none;}

	.show03{ display:block;}

}



@media (max-width:720px){

	/*index*/

	.top{ position:relative;}	

	.banner.show04{ }	

	.top .line .wrapper{ padding: 0 15px; }
	.top .menu{ width: 64px; background-size:auto 50%; }
	.top .line02{ padding:10px 0 0;}
	.top .line02on .logo img{ height:42px;}

	.top .line .fl{ display: none; }
	.top .line{ display:none;}


	.banner .banner .bg{ overflow:hidden;}
	.banner .banner .bg img{ width:130%; margin-left:-15%; max-width:none;}
	
	.hometit .cn{ font-size:26px;}
	
	.homeabout{ padding:40px 0; background:none;}
	.homeabout .list li{ width:50%; margin-top:20px;}
	.homeabout .list .txt{ width:100%;}
	.homeabout .list .tit{ font-size:16px;}

	.homenews .boxfl{width:100%;float:none;margin-bottom:20px}
	.homenews .boxfr{margin-left:0}
	.homenews .boxfl .date{display:none}
	.homenews .boxfl .text{margin-left:0}
	.homenews .boxfr .date{display:none}
	.homenews .boxfr .text{margin-left:0}
	.homenews .boxfr li{padding:15px 0}
	.homenews .boxfr li:first-child{padding-top:15px;border-top:1px solid #eee;}
	.homenews{padding:30px 0}
	.homeproduct{padding:30px 0}
	
	.homeban{ background-size:cover; padding:40px 0;}
    .homeban .wrapper{ text-align:center;}
	.homeban .qqhmore{ float:none; display:inline-block;}
	.homeban  h4{ font-size:20px; margin-top:20px; margin-bottom:5px;}
	.homeban .qqhp{ font-size:16px;}
	


	.foot{ padding-top: 40px; }
	.foot .line{ margin-top: 20px; padding: 15px 0; }
	.foot .txt{ padding-left: 0; }





	

	/*content*/





	/* page */

	.arctab02 td{ display:block; width: 100%; box-sizing: border-box;}



	

	

	/* 隐藏显示*/

	.hidden04{ display:none;}

	.show04{ display:block;}

	

}