/* qhl_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{font-family:Arial, sans-serif; font-size:12px; 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;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
a{color:#666; text-decoration:none;}
a:hover{ color:#01a0d7; text-decoration:none;}

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

/*index*/
.top { padding:0 2%; background-color:#fff; border-bottom:1px solid #eee; transition:.5s; position:relative; z-index:10; width:96%;}
.top .logo{ float:left; padding-top:12px; transition:.5s;}
.top .logo img{ max-width:260px; width:100%;}
.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; }
.nav .nLi{ float:left; padding-left:25px; position:relative;line-height:75px; transition:.5s;}
.nav .nLi a{  font-size:13px; }
.nav .nLi img{ vertical-align:middle;}
.nav .nLi em{ display:inline-block; width:15px; background:url(../images/arrow.jpg) no-repeat center center; height:8px;}

.nav .sub{ background-color:#01a0d7; padding:15px; color:#fff; position:absolute; z-index:20; width:200px; display:none;} 
.nav .sub li{ line-height:30px; padding:5px 15px;}
.nav .sub a{ color:#fff;}
.nav .sub li:hover{ background-color:#1caadb;}
.nav .nLi:hover em{ background-image:url(../images/arrowon.jpg);}
.nav .nLi:hover .sub{ display:block;}
.nav .list a{ color:#01a0d7;}
.nav .list .sub{ width:150px;}
.nav .list .input{ border:none;display:block; width:100%; box-sizing:border-box; padding:0 10px; line-height:35px; height:35px;}
.nav .last .sub{ right:0px; padding:0px;}
.nav .last .sub a{ color:#fff;}

.topon{ position:fixed; top:0px;}
.topon .nav .nLi{ line-height:55px;}
.topon .logo{ padding-top:5px;}

.banner  .swiper-container{ height:700px; position:relative;}
.banner .banner01{ background:url(../images/banner.jpg) no-repeat center center;}
.banner .banner02{ background:url(../images/banner1.jpg) no-repeat center center;}
.banner .banner03{ background:url(../images/banner2.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: #000; 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) rgba(0,0,0,.3) no-repeat center center; left:0px;}
.banner .next { background:url(../images/arrowsfr.png) rgba(0,0,0,.3) no-repeat center center; right:0px;}
.banner .txt{ text-align:center; color:#fff; font-family:microsoft yahei;padding-top:106px;}
.banner a{ color:#fff; font-family:simsun;}
.banner .info{ font-size:16px;letter-spacing:4px;}
.banner .tit{ font-size:40px; font-weight:bold;letter-spacing:12px;padding-top:50px;}
.banner .line{padding-top:3%;padding-top:50px;}
.banner .btn{ display:inline-block; padding:5px 37px; border-radius:2px; margin:0 5px; border:2px solid rgba(255,255,255,.8);}
.banner .btn:hover{ background-color:#fff; color:#111;}

.hometit{ font-family:microsoft yahei; font-weight:400; font-size:18px; letter-spacing:.5em; color:#000;}
.textct{ text-align:center;}

.homeabout{ padding:70px 0;}
.homeabout .list{ padding-top:50px;}
.homeabout .list li{ float:left; width:20%; display:inline-block; font-family:microsoft yahei; text-align:center; color:#000; letter-spacing:0.4em; padding-bottom:5px;}
.homeabout .conn{ padding-top:60px;}
.homeabout .conn li{ float:left; width:33.3%;}
.homeabout .conn a{ display:block; padding:0 5%; color:#777;}
.homeabout .conn p{ font-size:16px; padding-bottom:10px;}
.homeabout .more{ display:block;color:#999; letter-spacing:.4em; font-size:11px; font-weight:400; font-family:microsoft yahei; text-align:center; padding-top:25px;}

.homehonor{ background:url(../images/section-bg-2.jpg) no-repeat center center; background-attachment:fixed; color:#fff;}
.homehonor .boxfl{ width:42%; float:left; padding:140px 0px; box-sizing:border-box; font-size:14px;}
.homehonor .txt{ padding-top:20px;} 
.homehonor .boxfr{ width:50%; float:right; margin-top:-40px;}
.homehonor .boxfr img{ max-width:555px; width:100%;}
.homehonor .hometit{ color:#fff;}
.homehonor .more{ display:inline-block; background-color:#cdeaf5; color:#111;  padding:5px 37px; border-radius:30px; margin-top:30px;}

.homepro{ padding:70px 0;}
.homepro .info{ max-width:750px; text-align:center; width:100%; margin:0 auto; font-size:15px; padding-top:30px; color:#777;}
.homepro .conn{ margin-top:55px; font-family:microsoft yahei;}
.homepro .conn .img img{ width:100%; display:block;}
.homepro .conn .txt{ padding:20px 0; text-align:center;  font-weight:bold; }
.homepro .conn .tit{ color:#111;font-size:15px; letter-spacing:3px;}
.homepro .conn .more{ letter-spacing:normal; color:#aaa; font-size:11px; padding-top:5px;}

.hometel{ background-color:#049fd8; color:#fff; text-align:center; padding:70px 0; }
.hometel .info{ font-size:18px; font-family:microsoft yahei; font-weight:300;}
.hometel .tel{ display: block; width:290px; background-color:rgba(255,255,255, .8); color:#111; border-radius:2px; padding:5px 0; margin:18px auto;}
.hometel .tel:hover{ background:rgba(255,255,255,1);}

.homework{ padding:70px 0;}
.homework .conn li{ float:left; width:20%; padding:70px 2.5% 0; height:230px;}
.homework .conn .img{ text-align:center;}
.homework .conn .tit{ text-align:center; color:#000; font-size:14px; font-weight:400; letter-spacing:.4em; font-family:microsoft yahei; margin-top:20px;}
.homework .conn .txt{ margin-top:20px;}
.homework .conn .li01 .tit{ text-align:left;letter-spacing:0;}
.homework .conn .more{ background-color:rgba(4,159,216, .9); color:#fff; display:inline-block; padding:8px 37px; border-radius:30px; margin-top:40px;}

.homenet{ padding:70px 0; background:url(../images/section-bg-16.jpg) no-repeat center center; color:#fff; text-align:center; font-family:microsoft yahei;}
.homenet .hometit{ color:#fff;}
.homenet .conn{ padding:60px 60px 0;}
.homenet .conn li{ margin:0 15px; line-height:200%;}
.homenet .conn .cn{ font-size:20px; font-weight:400;letter-spacing:.2em; padding:12px 0;}
.homenet .conn .en{ font-size:12px; letter-spacing:.2em; text-transform:uppercase;}
.homenet .conn .tel,
.homenet .conn .fax{ font-size:14px; font-family:"Open Sans", arial, sans-serif}
.homenet .owl-pagination{ padding-top:20px;}
.homenet .owl-controls .owl-page{ display:inline-block; border:1px solid rgba(255,255,255,.8); width:4px; height:4px; border-radius:10px; margin:0 3px; transform:scale(1.333333);}
.homenet .owl-controls .active{ background-color:rgba(255,255,255,.8); transform:scale(1);}

.homenews { padding:70px 0;}
.homenews .hometit a{ color:#aaa; font-size:12px;}
.homenews .conn{ padding-top:30px;}
.homenews .conn li{ float:left; width:33.3%;}
.homenews .conn a{ display:block; padding:0 3%;}
.homenews .conn .img img{ width:100%; max-width:370px;}
.homenews .conn .tit{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:bold; font-family:microsoft yahei; letter-spacing:0.2em; margin-top:18px;}
.homenews .conn .note{ color:#aaa; font-family:microsoft yahei; font-weight:bold; letter-spacing:0.2em}
.homenews .conn .info{ font-size:14px; margin-top:10px;}
.homenews .conn .more{ margin-top:18px; color:#fff; padding:4px 18px; background-color:#049fd8; display:inline-block; border-radius:30px;}

.foot{ text-align:center; padding:60px 15px; background-color:#049fd8; color:#fff; font-family:microsoft yahei;}

/* 隐藏显示*/
.hidden01{ display:none;}
.show01{ display:block;}

@media (max-width:1170px){
	img{ max-width:100%;}
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	/*index*/
	.top { height:auto;}
	.top .logo{ float:none; margin-right:20%;}
	.top .menu{ display:block;}
	
	.nav{ position:absolute; top:62px; left:0px; background-color:#000; width:100%; display:none;}
	.nav .nLi{ float:none; line-height:38px; border-bottom:1px solid #1a1c1c;}
	.nav .nLi a{ color:#fff;position:relative; display:block;}
	.nav .list a{ color:#01a0d7;}
	.nav .nLi em{ position:absolute; right:25px; height:38px; top:0px; width:50%; z-index:2; background-image:url(../images/arrownav.jpg); background-position:center right;}
	.nav .sub{ position:relative; width:100%; box-sizing:border-box; background-color:#000; padding:0px;}
	.nav .sub li{ border-top:1px solid #212121;}
	.nav .list .sub{ width:98%; margin-right:2%;}
	.nav .sub li:hover{ background-color:#2d2d2d;}
	.nav .sub a{ display:block;}
	.nav .nLi:hover .sub{ display:none;}
	.nav .nLi:hover em{ background-image:url(../images/arrownav.jpg);}
	.nav .nLi .active em{ background-image:url(../images/arrownavon.jpg);}
	
	.navon{ display:block;}
	
	.topon .nav{ top:55px;}
	.topon .nav .nLi{ line-height:38px;}
	
	.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;}
	
	
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:720px){
	/*index*/
	.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;}
	
	.homeabout{ padding:30px 0;}
	.homeabout .list{ text-align:center; padding-top:20px;}
	.homeabout .list li{ width:30%; float:none;}
	.homeabout .list .img img{ width:62px;}
	.homeabout .conn{ padding-top:20px;}
	.homeabout .conn li{ float:none; width:100%; padding-bottom:20px;}
	
	.homehonor .boxfl{ float:none; width:100%; padding:40px 0 100px;}
	.homehonor .boxfr{ float:none; width:100%;}
	
	.homepro{ padding:30px 0;}
	.homepro .info{ font-size:12px;}
	
	.hometel{ padding:35px 0;}
	.hometel .info{ font-size:14px; padding:0 15px;}
	
	.homework{ padding:30px 0;}
	.homework .conn li{ width:45%; padding-top:35px;  height:280px;}
	.homework .conn .more{ margin-top:20px;}
	
	.homenet{ padding:35px 0;}
	.homenet .conn{ padding:30px 60px 0;}
	
	.homenews .hometit{ text-align:center;}
	.homenews .conn li{ float:none; width:100%; margin-bottom:20px;}
	
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}