/* 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:13px; 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:#666; text-decoration:none;}
a:hover{ color:#ff6600;}

.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*/
.topline{ line-height:44px; color:#fff; background-color:#0063d1; border-bottom:1px solid #1972d6;}
.topline img{ vertical-align:middle;}
.topline a{ color:#fff;}
.topline a:hover{ color:#f9ed87;}

.top{  background-color:#0063d1; padding:26px 0; color:#fff;}
.top .logo{ float:left;}
.top .hotline{ float:right; background:url(../images/sprite.png) no-repeat 0 0; padding-left:55px; font-size:16px; line-height:18px;}
.top .hotline em{ font-size:14px; letter-spacing:5px; display:block; padding-top:4px;}

.nav{ line-height:62px; background:url(../images/topmenubg.jpg) no-repeat center center; background-size:auto 100%;}
.nav li{ float:left; width:12.5%; text-align:center; color:#fff; font-size:15px;}
.nav a{ color:#fff; display:block;}
.nav a:hover{ background-color:#2586f0;}

.banner  .swiper-container{ height:596px; 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: 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%;}
.banner .prev { background:url(../images/arrows.png) no-repeat left top; left:20px;}
.banner .next { background:url(../images/arrows.png) no-repeat left bottom; right:20px;}
.banner img{ display:block; max-width:1170px; margin:0 auto;}

.hometit{ text-align:center;} 
.hometit h3{ font-size:24px; color:#000;font-weight:600;}
.hometit p{ font-size:16px; color:#62646c; margin-top:10px; max-width:900px; margin:0 auto;}

.homepro{ padding:80px 0;}
.homepro .prolist{ font-size:12px; color:#727883; padding:30px 0 0;}
.homepro .prolist strong{ color:#0063d1; font-weight:normal; padding-left:20px;}
.homepro .prolist a{ padding:0 8px; word-break:keep-all;}
.homepro .prolist a:hover{ color:#0063d1; }
.homepro .pro{ padding-top:38px;}
.homepro .pro li{ width:25%; float:left; margin-bottom:30px;}
.homepro .pro a{ display:block; margin:0 10px;}
.homepro .pro .img{ position:relative;}
.homepro .pro .img img{ width:100%; display:block;}
.homepro .pro .bg{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0)}
.homepro .pro .more{ display:inline-block; background-color:#0063d1; color:#fff; position:absolute; bottom:10px; padding:10px 26px; left:50%; margin-left:-52px; opacity:0; transition:.2s;}
.homepro .pro .txt{ text-align:center; padding:20px;}
.homepro .pro .tit{ color:#121212; font-weight:600; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homepro .pro .info{ color:#999;}
.homepro .pro li:hover .bg{background-color:rgba(0,0,0,.4)}
.homepro .pro li:hover .more{ opacity:1}
.homepro .promore{ text-align:center;}
.homepro .promore a{ padding:9px 25px; font-size:14px; border:1px solid #0063d1; color:#0063d1;}
.homepro .promore a:hover{ color:#fff; background-color:#0063d1;}

.homeabout{ background-color:#f1eee7; padding:80px 0 60px; text-align:center;}
.homeabout .txt{ max-width:870px; margin:0 auto; font-size:14px; padding:30px 0; color:#62646c;}
.homeabout .tit{ font-size:34px; font-weight:600; color:#000;}
.homeabout .en{ font-size:12px; color:#0063d1; padding:10px 0;}
.homeabout .info{ letter-spacing:.5px;}

.homedevice{ padding:80px 0;}

.hometel{ color:#fff; background:url(../images/news.jpg) no-repeat fixed center center; text-align:center; padding:130px 0;}
.hometel h3{ font-size:35px; line-height:35px;}
.hometel p{ font-size:16px; padding-top:10px}
.hometel .line{ max-width:486px; width:100%; margin:0 auto; background-color:#fff; margin-top:30px;}
.hometel .boxfl{ width:70%; color:#999; float:left; padding:20px 0;}
.hometel .boxfr{ width:30%; background-color:#0063d1; float:right; padding:20px 0; font-size:16px; font-weight:bold;}

.homenews{ padding:80px 0;}
.homenews .conn{ margin-top:30px;}
.homenews li{ width:33.3%; float:left;}
.homenews a{ padding:0 12px; display:block;}
.homenews .tit{ font-weight:bold; color:#000; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homenews .date{ color:#000; padding-top:12px;}
.homenews .txt{ color:#999;}
.homenews .more{ display:inline-block; border:1px solid #0063d1; color:#0063d1; padding:10px 25px; margin-top:15px; font-size:14px;}

.footop{ background-color:#0063d1; border-bottom:1px solid #1275e2; padding:40px 0; color:#a7d1ff;}
.footop li{ float:left; width:25%; margin-bottom:10px;}
.footop p{ padding-left:50px; background-image:url(../images/cms-icon.png); background-repeat:no-repeat;}
.footop a{color:#a7d1ff;}
.footop .li01 p{ background-position:left 4px;}
.footop .li02 p{ background-position:left -98px;}
.footop .li03 p{ background-position:left -198px;}
.footop .li04 p{ background-position:left -298px;}
.footop strong,
.footop dt,
.footop .feedback .tit
{ font-weight:bold; display:block; font-size:16px; color:#fff;}
.footop dt,
.footop .feedback .tit
{ font-size:14px;}
.footop dl{ float:left; padding-right:11%;}
.footop .feedback{ width:24%; float:right;}
.footop .feedback .btn{ text-align:right; margin-top:10px;}
.footop .feedback .btn a{ display:inline-block; padding:8px 20px; color:#fff; background-color:#2196f3;}

.foot{ background-color:#0063d1; color:#a7d1ff; text-align:center; padding:30px 0; line-height:30px;}
.foot a{ color:#a7d1ff;}
.foot .line a{ padding:0 10px;}

/*content*/
.bannercomp{ background:url(../images/comp.jpg) no-repeat center center; height:616px; background-size:cover;}
.comp01{background-color:#379ff4;margin-top:-7%; background:url(../images/complogo.png) #379ff4 no-repeat 10% center; border-bottom:1px solid #eee;  box-shadow:0px 2px 2px #ccc;}
.comp01 .boxfl{  margin-right:70%; padding:10px;}
.comp01 .boxfl img{ position:absolute; left:50%; top:50%;}
.comp01 .boxfr{ float:right;width:70%; box-sizing:border-box; background-color:#fff; padding:55px 5%; font-size:14px; line-height:28px; font-family:microsoft yahei; color:#666;}
.comp02{ padding:80px 0;}
.comp02 li{ width:25%; float:left; text-align:center;font-family:microsoft yahei; box-sizing:border-box;padding:0 2%;}
.comp02 .tit{ font-size:16px; color:#000301; padding:15px 0;}
.comp02 .txt{ color:#666;}

.bannerx{ height:230px; background:url(../images/bannerx01.jpg) no-repeat center; background-size:cover}

.bigtit{ font-size:24px; font-weight:600; text-align:center; color:#000; letter-spacing:3px; padding:55px 0 0;}

.main{ padding:40px 0 55px;}
.main .news li{padding:20px 0; border-bottom:1px dotted #ccc;}
.main .news li:nth-child(2n){ background-color:#f0f6fd;}
.main .news a{ padding:0 12px; display:block;}
.main .news .tit{ font-weight:bold; color:#000; font-size:16px; }
.main .news .date{ color:#000; padding-top:12px;}
.main .news .txt{ color:#999;}
.main .news li:hover{ background-color:#eee;}

.main .prolist{  padding-bottom:20px;}
.main .prolist span{ color:#0063d1;}
.main .prolist a{ padding:0 5px; word-break:keep-all;}
.main .prolist .on{ color:#ff6600;}

.main .pro li{ width:25%; float:left; margin-bottom:30px;}
.main .pro a{ display:block; margin:0 10px;}
.main .pro .img{ position:relative;}
.main .pro .img img{ width:100%; display:block;}
.main .pro .bg{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0)}
.main .pro .more{ display:inline-block; background-color:#0063d1; color:#fff; position:absolute; bottom:10px; padding:10px 26px; left:50%; margin-left:-52px; opacity:0; transition:.2s;}
.main .pro .txt{ text-align:center; padding:20px;}
.main .pro .tit{ color:#121212; font-weight:600; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .pro .info{ color:#999;}
.main .pro li:hover .bg{background-color:rgba(0,0,0,.4)}
.main .pro li:hover .more{ opacity:1}

.main .feedback{ background:url(../images/feedback.jpg) no-repeat left top; padding:25px 50px 25px 14%; position:relative;}
.main .feedback form{ background-color:#fff; box-shadow:2px 0px 2px #ddd; padding:10px 8% 20px; line-height:30px; border:1px solid #eee;}
.main .feedback .line{ overflow:hidden; margin-top:15px;}
.main .feedback label{  width:100px; display:block; float:left;line-height:30px;}
.main .feedback .input{ border:1px solid #ccc; margin-left:100px; padding:0 10px;}
.main .feedback input{ line-height:28px;height:28px; border:none; display:block; width:100%;}
.main .feedback textarea{ height:80px; border:none; width:100%; line-height:20px; padding:10px 0; font-family:Arial;}
.main .feedback input.btn{ line-height:40px; height:40px; font-size:15px; font-family:microsoft yahei; cursor:pointer;}
.main .feedback input.btn:hover{ color:#fff; background-color:#1262bb;}
.main .feedback img{ position:absolute; bottom:-48px; right:0px;}
.main .jobinfo{ text-align:center;}
.main .jobinfo strong{ font-size:25px; color:#ff0000; font-family:"Times New Roman", Times, serif;}
.main .job { padding-top:40px;}
.main .job li{ width:50%; float:left; padding-bottom:20px;}
.main .job a{ color:#666; display:block; border:1px solid #eee; margin:0 10px;}
.main .job .tit{ font-size:16px; padding:10px; background-color:#eee;font-weight:bold; font-family:microsoft yahei;}
.main .job .conn{ padding:10px 10px 20px;}

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

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

.leftsidem{ margin:0 10px 35px; line-height:35px;  position:relative; border:1px solid #28529c;  }
.leftsidem .boxfl{ font-size:13px; width:30%; float:left; background-color:#0063d1; text-align:center; color:#fff; font-weight:bold; font-family:microsoft yahei;}
.leftsidem .boxfl a{ color:#fff;}
.leftsidem .boxfr{font-size:13px; width:70%; float:right; background-color:#eee; text-indent:10px; position:relative; cursor:pointer;}
.leftsidem  ul{display:none; position:absolute;top:36px; left:-1px; z-index:2; background-color:#fff; width:100%;border:1px solid #ccc; border-top:none; box-shadow:0 10px 10px #ccc; padding:10px 0;}
.leftsidem li{ margin:0 10px; line-height:35px; border-bottom:1px dashed #c5c5c5; position:relative;}
.leftsidem li a{ display:block;}
.leftsidem  span{ display:block; padding:0 10px;  right:10px; top:0px; position:absolute;font-weight:bold; color:#28529c; font-size:13px; font-family:simsun;}
.leftsidem  ul.boxon{ display:block}

.concon{ margin-right:27%; padding-right:3%; border-right:1px solid #ccc; line-height:24px;}
.concon p{ margin:0px;}
.concon .contit{ font-size:22px; font-weight:bold; 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{ background-color:#ff0000; color:#fff; padding:10px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}

/*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;}




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

@media (max-width:1170px){
	img{ max-width:100%; height:auto;}
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	/*index*/
	.banner  .swiper-container { height:400px;}
	.banner  .swiper-slide{ background-size:cover}
	.banner img{ display:none;}
	
	/*content*/	
	.comp01{ background:url(../images/complogo.png) #379ff4 no-repeat 8% center;}
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:870px){
	.homeabout .txt{ width:100%; padding:20px 10px; box-sizing:border-box;}
}

@media (max-width:720px){
	/*index*/
	.topline{ line-height:25px;}
	.top{ padding:15px 0px;}
	.nav ul{ padding:10px 0;}
	.nav li{ width:25%; border-bottom:1px solid #54c1fc; line-height:30px;}
	.nav li:nth-child(5),
	.nav li:nth-child(6),
	.nav li:nth-child(7),
	.nav li:nth-child(8)
	{ border-bottom:none;}
	
	.banner  .swiper-container { height:200px;}
	
	.hometit p{ display:none;}
	
	.homepro{padding:40px 0;}
	.homepro .pro{ padding-top:18px;} 
	.homepro .pro li{ width:50%; margin-bottom:10px;}
	.homepro .pro .txt{ padding:5px;}
	.homepro .pro .tit{}
	.homepro .pro .info{ display:none;}
	
	.homeabout{ padding:40px 0 20px;}
	
	.hometel{ padding:40px 0 0;}
	.hometel h3{ font-size:16px; font-weight:bold;}
	.hometel p{ font-size:13px;}
	.hometel .line{ border:1px solid #ccc; box-sizing:border-box;}
	
	.homenews{ padding:40px 0;}
	.homenews li{ width:100%; float:none; border-bottom:1px solid #ccc; padding:10px 0;}
	.homenews .date{padding-top:5px;}
	.homenews .more{ display:none;}
	
	.footop li{ width:50%;}
	
	.foot{ padding:15px 0;}
	
	/*content*/
	.comp{ padding:0px;}
	.comp01{ padding:20px 10px; box-shadow:none; background-color:#fff; border:none;}
	.comp01 .boxfr{ width:100%; padding:0px;}
	.comp02{ padding:10px 0;}
	.comp02 li{ width:50%; }
	.comp02 .txt{ display:none;}
	
	.bannerx{ height:150px; background-size:cover;}	
	
	.bigtit{ font-size:20px;padding-top:40px;}	
	
	.main{ padding-top:30px;}
		
	.main .pro li{ width:50%; margin-bottom:10px;}
	.main .pro .txt{ padding:5px;}
	.main .pro .tit{}
	.main .pro .info{ display:none;}
	
	.main .news li:hover{ background-color:transparent;}
	.main .news li:first-child{ padding-top:0px;}
	
	.main .feedback{ padding:0px;}
	.main .feedback .line{ margin-top:10px;}
	.main .feedback label{ display:none;}
	.main .feedback .input{ margin-left:0px;}
	
	.main .jobinfo strong{ font-size:20px;}
	.main .job{ padding-top:20px;}
	.main .job li{ float:none; width:100%;}
	
	.main .contact{ border:none;}
	.main .contactfl{ width:100%; box-sizing:border-box;}
	
	.concon{ margin-right:0; padding-right:0px; border:none;}
	.concon .contit{ font-size:18px;}
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}