/* qhl_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{ font-size:14px; font-family:microsoft yahei; color:#0b0b0a; 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:#0b0b0a; text-decoration:none;}
a:hover{ color:#39629a;}

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

.red{ color:#e90000;}
.blue{ color:#39629a;}
.orange{ color:#ec8000;}

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

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

/*index*/
.topline{ line-height:36px; background-color:#9da1a4; color:#fff;}
.topline a{ color:#fff;}
.topline a:hover{ opacity:.8;}

.top{ padding:26px 0; position:relative;}
.top .menu{ background:url(../images/menu.png) #0050a6 no-repeat center center; width:50px; height:40px; position:absolute; right:20px; top:16px;}
.top .menu a{ display:block; height:40px;}
.top .menuon{ background-image:url(../images/close.png);}

.nav{ width:800px; position:relative; margin-top:5px;}
.nav ul{ float:left;}
.nav li{ float:left; font-size:16px; padding:0 21px; color:#010101;}
.nav li a{color:#010101;}
.nav .en{ float:left;}
.nav .en a{ color:#ff0101;}
.nav .en img{ vertical-align:middle;}
.nav .search{ float:right;}

#demo-b{ position:absolute; top:-9px; right:0px;}
#demo-b input{	outline: none;}
#demo-b input[type=search] {-webkit-appearance: textfield;	-webkit-box-sizing: content-box; font-family: inherit; font-size: 100%;}
#demo-b input::-webkit-search-decoration,
#demo-b input::-webkit-search-cancel-button { display: none; /* remove the search and cancel icon */}

/* search input field */
#demo-b input[type=search] { background:url(../images/search.png) no-repeat 9px center; border:none; padding: 9px 10px 9px 32px; width: 55px;	-webkit-border-radius: 10em; 	-moz-border-radius: 10em; border-radius: 10em;	-webkit-transition: all .5s; -moz-transition: all .5s;	transition: all .5s;  }
#demo-b input[type=search]:focus { width: 130px; background-color: #fff; border-color: #6dcff6; box-shadow: 0 0 5px rgba(16,50,112,.5);}

/* placeholder */
#demo-b input:-moz-placeholder { color: #999;}
#demo-b input::-webkit-input-placeholder {	color: #999;}

/* demo B */
#demo-b input[type=search] {width: 15px;padding-left: 10px;	color: transparent;	cursor: pointer;}
#demo-b input[type=search]:hover {	background-color: #fff;}
#demo-b input[type=search]:focus {	width: 130px;	padding-left: 35px;	color: #000;	background-color: #eee;	cursor: auto;}
#demo-b input:-moz-placeholder {color: transparent;}
#demo-b input::-webkit-input-placeholder {	color: transparent;}

.banner  .swiper-container{ height:584px; position:relative; color:#fff;}
.banner .banner01{ background:url(../images/banner01.jpg) no-repeat center center;}
.banner .banner02{ background:url(../images/banner02.jpg) no-repeat center center;}
.banner .banner03{ background:url(../images/banner03.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: 8px; height: 8px; border-radius: 10px; background: #fff;  margin: 0 5px; cursor: pointer; }
.banner .swiper-active-switch { background-color:#e00029;}

.hometit{ text-align:center;}
.hometit .tit{ font-size:36px; font-weight:bold; color:#0f161e; line-height:100%; }
.hometit .info{ padding-top:15px; max-width:840px; margin:0 auto; line-height:24px; color:#8e9093;}

.homepro{ padding:70px 0;}
.homepro .conn{ margin-top:15px;}
.homepro .hd{ border-bottom:2px solid #d2d2d2; height:50px;}
.homepro .hd h3{ float:left; padding:15px 0; padding-left:30px; line-height:20px; background:url(../images/titcircle.png) no-repeat left center; font-size:20px; color:#5a606d;  font-weight:bold;}
.homepro .hd .boxfr{ float:right;}
.homepro .hd ul{ float:right;}
.homepro .hd li{ cursor:pointer; float:left; position:relative; margin:0 20px; padding:0 3px; line-height:50px; font-size:15px;}
.homepro .hd em{ display:block; position:absolute; bottom:0px; left:50%; margin-left:-3px; border-left:3px solid transparent;border-right:3px solid transparent; border-bottom:6px solid #e91b1b; display:none;}

.homepro .hd .on{ border-bottom:2px solid #e91b1b;}
.homepro .hd .on em{ display:block;}

.homepro .hd .more{ float:right;padding:15px 0; padding-left:20px;}
.homepro .bd li{ float:left; width:23.5%; margin-right:2%; margin-top:12px; }
.homepro .bd .img{ border:2px solid #d2d2d2; padding:0 22%; max-height:227px; background:url(../images/probg.jpg) no-repeat center;  background-size:100% 100%;}
.homepro .bd .img img{ display:block; width:100%;}
.homepro .bd li:nth-child(4n){ margin-right:0px;}
.homepro .bd .txt{ line-height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; background-color:#10327a; color:#fff;}
.homepro .bd li:hover .img{ border-color:#ff0101;}
.homepro .bd li:hover .txt{ background-color:#ff0101; color:#fff;}

.homeabout{ padding:60px 0 66px; background:url(../images/hoaboutbg.jpg) #e4edf5 no-repeat center top;}
.homeabout .hometit{ text-align:left; }
.homeabout .hometit .tit{color:#fff;}
.homeabout .hometit .info{ max-width:none;color:#fff;}
.homeabout .conn{ margin-top:25px;}
.homeabout .conn li{ width:33.3%; float:left;}
.homeabout .conn .img img{ width:100%; display:block;}
.homeabout .conn .txt{ background-color:#fff; padding:35px 30px 30px;}
.homeabout .conn .info{ padding-top:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.homeabout .conn .info strong{ font-size:25px; letter-spacing:10px;}
.homeabout .conn .info img{ vertical-align:middle;}

.homenews{ padding:70px 0; background:url(../images/honewsbg.jpg) no-repeat center bottom;}
.homenews .img img{ display:block; width:100%;}
.homenews .conn .info{ line-height:18px; color:#323a41; height:36px; overflow:hidden;}
.homenews .conn{ padding-top:30px;}
.homenews .boxfl{ width:584px; float:left;}
.homenews .box01{ width:49%; float:left;background-color:#e4edf5;}
.homenews .box02{ width:49%; float:right;background-color:#e4edf5;}
.homenews .box01 .txt{ padding:50px 0px 30px; margin:0 25px; background:url(../images/videoarrow.png) #e4edf5 no-repeat right center;}
.homenews .box01 .tit{ line-height:24px; font-size:24px; color:#020202;}
.homenews .box01 .number{ margin-top:15px; font-size:12px; padding-left:22px; background:url(../images/vicon.png) no-repeat left center;}
.homenews .box02 .txt{ padding:22px 25px;}
.homenews .box02 .tit{ font-size:18px; line-height:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.homenews .box02 .time{ color:#323a41; font-size:12px; padding:8px 0 13px;}
.homenews .box03{ margin-left:600px;}
.homenews .box03 li{background-color:#e4edf5; margin-bottom:18px; padding:16px 38px;}
.homenews .box03 .time{ width:88px; float:left; text-align:right;}
.homenews .box03 .date{ font-size:27px; font-weight:bold; line-height:100%; padding-top:10px;}
.homenews .box03 .txt{ margin-left:100px;}
.homenews .box03 .tit{ font-size:16px; color:#020202; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.homenews .box03 .info{ font-size:12px;}
.homenews .homeline{ padding:236px 0 135px; font-size:14px; max-width:990px; margin:0 auto;}
.homenews .input{ position:relative; display:inline-block; margin-right:5px; z-index:2; float:left; width:388px; height:50px;}
.homenews .input input{ border:none; background-color:transparent; display:block; line-height:50px; width:100%; padding-left:20px;}
.homenews .input:before{transform: skew(-20deg); content:""; position:absolute;background-color:#fff; left:0px; top:0px;width:388px; height:50px; z-index:-1;}
.homenews .btn{ display:inline-block; position:relative; z-index:2;}
.homenews .btn input{width:160px; display:block; height:50px; background-color:transparent; border:none; color:#fff; font-size:14px; font-family:microsoft yahei;}
.homenews .btn:before{ position:absolute; top:0px; content:""; left:0px; width:160px; z-index:-1; height:50px; background-color:#dc0023; color:#fff;transform: skew(-20deg);}
.homenews .homeline a{ display:inline-block; width:160px; text-align:center; margin-left:30px; line-height:50px; height:50px; position:relative;z-index:2; color:#fff;}
.homenews .homeline a:before{transform: skew(-20deg); position:absolute;background-color:#323a41; content:""; top:0; left:0;width:160px; height:50px; z-index:-1; }

.foot{ background-color:#2f363e; color:#fff; padding-top:54px;}
.foot a{ color:#bdbfc2;}
.foot .line{ border-bottom:1px solid #1b1b1b; padding-bottom:65px;}
.foot dl{ float:left; padding-right:8%;}
.foot dt{ font-size:18px; padding-bottom:25px;}
.foot dd{ line-height:24px;}
.foot .tit{ font-size:18px; padding-bottom:20px;}
.foot .contact{ float:left;}
.foot .contact .txt{ line-height:24px; color:#bdbfc2;}
.foot .other{ float:right;}
.foot .other .txt{ width:290px; overflow:hidden; line-height:48px; margin-top:30px; background-color:#808589;}
.foot .other .boxfl{ font-size:13px; box-sizing:border-box; padding-left:20px; color:#fff; font-family:microsoft yahei;}
.foot .other .boxfl a{ color:#fff; display:block;}
.foot .other  ul{display:none; position:absolute;top:31px; 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;}
.foot .other li{ margin:0 10px; line-height:35px; border-bottom:1px dashed #c5c5c5; position:relative;}
.foot .other li a{ display:block;}
.foot .other  span{ display:block; padding:0 10px; height:30px; right:10px; top:0px; position:absolute;font-weight:bold; color:#28529c; font-size:13px; font-family:simsun;}
.foot .other  ul.boxon{ display:block}
.foot .line01{ overflow:hidden; border-top:1px solid #535353; color:#959da3; line-height:26px; padding:15px 0;}


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

.bigtit{ background-color:#eee; line-height:58px;}
.bigtit h3{ font-size:24px; float:left;}
.bigtit h3 span{ font-size:14px; text-transform:uppercase;}
.bigtit .more{ float:right;}

.main{ padding:40px 0; color:#666; line-height:180%;}

.main .submenu{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee;} 
.main .submenu a{ border:1px solid #ddd; padding:0 45px; background-color:#eee; border-radius:5px; line-height:35px; text-align:center;display:inline-block; margin-right:6px; margin-top:10px;}
.main .submenu .on,.main .submenu a:hover{ background-color:#10327a; color:#fff; border:1px solid #10327a;}

.main .honor .info{ color:#999;}

.main .achieve li{ float:left; width:32%; margin-right:2%;}
.main .achieve .li03{ margin-right:0px;} 
.main .achieve .tit{ background-color:#00cc00; padding:8px 10px; color:#fff; }
.main .achieve .conn{ padding:10px;}
.main .achieve .conn p{ border-bottom:1px dotted #ccc; line-height:35px;}
.main .achieve .li02 .tit{ background-color:#0070c0;}
.main .achieve .li03 .tit{ background-color:#ffc000;}

.main .culture li{ float:left; width:23.5%; margin-right:2%;}
.main .culture li:nth-child(4n){ margin-right:0px;}
.main .culture img{ width:100%;}

.main .culture01 li{ width:32%;}
.main .culture01 li:nth-child(4n){ margin-right:2%;}
.main .culture01 li:nth-child(3n){ margin-right:0;}

.main .news{}
.main .news li{ padding:20px 0px; border-bottom:1px solid #f2f2f2; transition:background ease-in-out .3s;}
.main .news li a{ display:block; width:1200px; margin:0 auto;}
.main .news .img{ float:left; transition:.2s; margin-right:40px;}
.main .news .img img{ width:170px; height:120px; border:1px solid #eee;}
.main .news .txt{ transition:.5s; }
.main .news .tit{ font-size:18px; color:#000; line-height:23px;}
.main .news .time{ font-size:12px; color:#888; padding:5px 0;}
.main .news .miaoshu{ line-height:24px; color:#888; height:50px; overflow:hidden;}
.main .news li:hover{ background:#f8f8f8;}
/*.main .news li:hover .img{transform:translateX(6px);}
.main .news li:hover .txt{transform:translateX(-6px);}*/
.main .news a:hover{ text-decoration:none;}


.main .pro li{ float:left; width:25%; text-align:center; padding-bottom:20px;}
.main .pro a{ display:block; padding:0 6px; max-width:278px;}
.main .pro .img{ border:1px #ccc solid; padding:0 23%; background:url(../images/probg.jpg) no-repeat center center; background-size:100% 100%;}
.main .pro .img img{ max-width:100%; display:block;}
.main .pro .txt{ line-height:35px; overflow:hidden; background-color:#10327a; color:#fff; margin-top:5px; text-overflow:ellipsis; white-space:nowrap;}

.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:48%; 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{ width:45%; float:left;}
.main .contact .info{ font-size:12px; line-height:20px; color:#999;}
.main .contact .conn{ margin-top:30px; line-height:24px; 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 #10327a; color:#10327a;line-height:40px; height:40px; font-size:15px; cursor:pointer;}
.main .feedback .btn:hover{ background-color:#10327a; color:#fff;}

.main .faq li{ border-bottom:1px dotted #ccc; padding:15px 0;}
.main .faq .tit{ font-weight:bold; font-size:16px; color:#10327a;}



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


/* 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:1200px){
	img{ max-width:100%;}
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	
	
	/*index*/	
	.nav{ width:740px;}
	.nav li{ padding:0 21px;}
	.nav .en{ float:right;}
	
	.banner .swiper-container { height:450px;}
	.banner .swiper-slide{ background-size:cover}
	
	.foot dl{  padding-right:4%;}
	
	/*content*/
	bannerx{ background-size:140% 100%;}
	
	.main .news{ padding:0 2%;}
	.main .news li a{ width:100%;}	
	
	
	
	
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:980px){
	/*index*/
	
	
	.banner .wrapper{ padding-top:40px;}
	
	.top{ padding:15px 0;}
	
	.hometit{ text-align:center;}
	.hometit .tit{ font-size:20px;}
	.hometit .info{ padding-top:15px; max-width:840px; margin:0 auto; line-height:24px; color:#8e9093;}
	
	.homepro{ padding:35px 0;}
	.homepro .hd li{ margin:0 10px;}
	.homepro .bd li{ width:32%; margin-right:2%;}
	.homepro .bd li:nth-child(4n){ margin-right:2%;}
	.homepro .bd li:nth-child(3n){ margin-right:0px;}
	.homepro .bd li:nth-child(7),
	.homepro .bd li:nth-child(8){ display:none;}
	
	.homeabout .conn .info span{ display:none;}
	
	.homenews .boxfl{  padding-bottom:20px; width:auto; margin:0 auto; float:none; overflow:hidden;}
	.homenews .box03{ margin-left:0;}
	.homenews .box03 li{ padding:16px 20px 16px 5px;}
	
	.homenews .homeline{ padding:40px 0;}
	.homenews .search{ float:none;}
	.homenews .homeline .boxfr{ float:none; margin-top:20px;}
	
	
	
	/*conent*/
	.main .pro li{ width:33.3%;}
	
	.main .culture li{ width:32%;}
	.main .culture li:nth-child(4n){ margin-right:2%;}
	.main .culture li:nth-child(3n){ margin-right:0;}
	.main .video{ padding:0px !important;}
	
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){
	/*index*/
	
		
	.banner  .swiper-container { height:200px;}
	
	.homepro .hd ul{ padding-top:20px;}
	.homepro .hd li{ width:10px; height:10px; background-color:#ccc; border-radius:10px; text-indent:-9999px; padding:0px; margin:0 6px;}
	.homepro .hd .on{ background-color:#ff0101; border:none;}
	
	.homeabout{ padding:30px 0 40px; background-size:cover;}	
	.homeabout .conn .txt{ padding:10px;}
	.homeabout .conn .info{ padding-top:10px;}
	.homeabout .conn .info strong{ font-size:20px;}
	
	.homenews .box01 .tit{ font-size:18px;}
	.homenews .box02 .tit{ font-size:16px;}
	.homenews .box02 .txt{ padding:22px 12px;}
	
	.foot{ padding-top:20px;}
	.foot .line01{ text-align:center;}
	.foot .line01 .boxfl{ float:none;}
	
	/*content*/
	.bannerx{ height:150px; background-size:cover;}	
	.bigtit h3{ font-size:18px;}
	
	.main{ padding:30px 0;}
	
	.main .submenu{ padding-bottom:22px;}
	.main .submenu a{ padding:0 20px;}
	
	.main .news .img{ margin-right:10px;} 
	.main .news .img img{ width:106px; height:80px;}
	.main .news .tit{ font-size:15px; max-height:46px; overflow:hidden;}
	.main .news span{ display:none;}
	.main .news .time{ display:none; }
	.main .news .miaoshu{ margin-top:0px; height:38px; line-height:19px;font-size:13px;}
	.main .news li:hover .img{transform:translateX(0px);}
	.main .news li:hover .txt{transform:translateX(0px);}
	
	
	.main .pro li{ width:50%;}
	
	.main .job li{ width:100%;}
	
	.main .culture li{ width:49%;}
	.main .culture li:nth-child(3n){ margin-right:2%;}	
	.main .culture li:nth-child(2n){ margin-right:0;}
	
	.main .video{ width:100% !important;}
	
	.main .contact,
	.main .feedback{
		width:100%; float:none;
		}
	#dituContent{ margin-top:0;}	
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
}