/* 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:#666; 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:#666; 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*/
.top{ background-color:#317ccd; padding:15px 0; position:relative;}
.top a{ color:#fff; text-transform:uppercase;}
.top .logo{ float:left;}
.top .nav{ float:right; }
.top .nav li{ float:left; font-size:16px; padding-left:32px; line-height:55px;}
.top .menu{ max-width:100px; width:20%; position:absolute; height:100%; right:0; top:0; border-right:1px solid #458dda; border-left:1px solid #458dda; background:url(../images/menu.png) no-repeat center center;}
.top .menu a{ display:block; height:100%;}



.banner  .swiper-container{ height:580px; 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;}


.bannerx  .swiper-container{ height:305px; position:relative; color:#fff;}
.bannerx .banner01{ background:url(../images/bannerx01.jpg) no-repeat center center;}
.bannerx .banner02{ background:url(../images/bannerx02.jpg) no-repeat center center;}
.bannerx .banner03{ background:url(../images/bannerx03.jpg) no-repeat center center;}
.bannerx .pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.bannerx .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 10px; background: #fff;  margin: 0 5px; cursor: pointer; }
.bannerx .swiper-active-switch { background-color:#e00029;}

.homeabout{ padding:30px 0; color:#fff; background:url(../images/aboutbg.jpg) repeat-y center center;}
.homeabout  .wrapper{background:url(../images/homecomp.jpg) no-repeat right center;}
.homeabout .boxfl{ width:48%; margin-right:2%; float:left; }
.homeabout .tit{ font-size:18px; line-height:60px; margin-bottom:10px; font-weight:bold;}
.homeabout .tit em{ font-size:16px;}
.homeabout .conn{ line-height:28px; padding-bottom:10px; text-shadow: 1px 1px 1px rgba(0,0,0,.8);}

.homepro{ color:#fff; padding:60px 0; background:url(../images/probg.jpg) repeat-y center center; background-size:100% 100%; }
.homepro .protit{ padding-bottom:20px;}
.homepro .protit .boxfl{ float:left; max-width:51%;}
.homepro .protit  .tit{font-size:18px; font-weight:bold; margin-bottom:20px;}
.homepro .protit  .tit em{font-size:16px;}
.homepro .protit  .info{ font-size:17px; line-height:25px;}
.homepro .protit .boxfr{ float:right; width:457px;}
.homepro .protit li{ text-align:center; float:left; margin-left:2%; background-color:#ed8a52; color:#fff; font-size:16px; box-sizing:border-box; margin-bottom:5px; width:48%; line-height:30px;}
.homepro .protit a{ color:#fff;}
.homepro .conn li{ background-color:#fff; float:left; margin-top:18px; width:23.5%; margin-right:2%;}
.homepro .conn li:nth-child(4n){ margin-right:0;}
.homepro .conn .img img{ width:100%; display:block;}
.homepro .conn .txt{ padding:15px 5px; line-height:22px;}
.homepro .conn .tit{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homepro .conn .more span{ color:#c85926; font-family:simsun; font-size:12px;}

.homestrength{ text-align:center; margin:60px 0 45px;}
.homestrength h3{ font-size:28px; font-weight:bold; color:#317ccd; line-height:100%; margin-bottom:20px;}
.homestrength em{ background-color:#317ccd; width:38px; display:block; margin:0 auto; height:1px;}

.hometeam{ color:#fff; padding:60px 0; background:url(../images/strength.png) no-repeat center center; }
.hometeam a{ color:#fff;}
.hometeam .conn{ max-width:985px;}
.hometeam .tit{ font-size:26px; font-weight:bold; line-height:100%; padding:10px 0; padding-left:52px; background:url(../images/titbg.png) no-repeat left center; margin-bottom:30px;}
.hometeam li{ border-radius:5px; background:#317ccd; line-height:52px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; margin-bottom:3px;}
.hometeam li strong{ padding:0 10px;}
.hometeam em{ padding:0 10px; background:#579ae2; display:inline-block;}
.hometeam em img{ vertical-align:middle;}

/*
.homequality { border-bottom:50px solid #f1f1f1; padding-top:50px;}
.homequality .tit{ color:#317ccd;  font-size:26px; font-weight:bold; line-height:100%; padding:10px 0; padding-left:52px; background:url(../images/titbg02.png) no-repeat left center; margin-bottom:25px; }
.homequality .boxfl{ width:57%; float:left;}
.homequality .boxfl img{  width:100%; display:block;}
.homequality .boxfr{ width:40%; float:right; padding-top:5px;}
.homequality li{color:#317ccd; font-size:18px; line-height:38px; border:1px solid #317ccd; margin-bottom:10px; padding:0 15px; background:url(../images/leaf.png) no-repeat 10px center; padding-left:40px;}
*/

.homequality li{ width:32%; float:left; margin-right:2%; margin-bottom:20px;}
.homequality li:nth-child(3n){ margin-right:0;}
.homequality .img img{ width:100%; display:block;}
.homequality .txt{ line-height:20px; padding:10px 0; background-color:#eee; text-align:center;}
.homequality .txt{ height:40px; overflow:hidden; padding:8px 10px; display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}

.footnav{ padding:50px 0 100px; background-color:#2960b8; color:#fff;}
.footnav a{ color:#fff;}
.footnav .code{ color:#fff; float:left; }
.footnav .code .img{ float:left; margin-right:20px;}
.footnav .code .txt{ max-width:212px; float:left; line-height:20px; font-family:Arial; font-size:12px;padding-top:5px;}
.footnav dl{ float:left; margin-right:8%;}
.footnav dt{ margin-bottom:10px;}
.footnav dd{font-family:Arial; font-size:12px;}
.footnav .product{ width:145px;}
.footnav .product dd{ float:right; width:50%;}
.footnav .product dd:nth-child(2n){ float:left;}
.footnav .boxfr{ float:right; width:61%;}
.footnav .contact { float:right;}
.footnav .contact .tit{ margin-bottom:10px;}
.footnav .contact .txt{font-family:Arial; font-size:12px;}

.foot{ background-color:#2960b8; line-height:55px; color:#fff; border-top:1px solid #86a3d0;}
.foot .wrapper{ overflow:hidden;}
.foot a{ color:#fff;}

/* content*/

.main{ padding:50px 0; background-color:#f2f2f2;}

.leftside{ width:280px; float:left; background-color:#fff; padding:30px 18px 30px 30px; box-sizing:border-box;}
.leftside h3{ height:46px; font-size:18px; font-weight:bold; line-height:40px;}
.leftside li{ height:38px; display:block; line-height:38px; margin-bottom:6px; transition:0.5s; font-size:16px;}
.leftside li a{ display:block;}
.leftside span{ color:#999; font-size:15px; font-weight:bold; padding-right:10px;}
.leftside li:hover,.leftside .on{ background-color:#317ccd;}
.leftside li:hover a,.leftside .on a{ color:#fff;}
.leftside li:hover span,.leftside .on span{ opacity:0;}

.content{margin-left:320px; padding:30px; background-color:#fff;}
.content .bigtit{ line-height:65px; height:65px; padding-bottom:3px; border-bottom:1px solid #eee;}
.content .bigtit h3{ color:#317ccd;font-size:20px; font-weight:bold; float:left;}
.content .bigtit span{ float:right;}
.content .bigtit a{ color:#999;}
.content .concon{ padding:30px 0 0; line-height:28px; font-size:13px; }

.content .comp li{ float:left; width:33.3%; box-sizing:border-box; padding:0 5px;}
.content .comp img{ max-width:100%;}
.content .comp li p{ text-align:center; padding-bottom:5px;}


.content .pro li{ float:left; width:33.3%; margin-bottom:20px;}
.content .pro li a{ display:block; margin:0 10px; border-bottom:#dddddd 2px solid; border-right:#dddddd 1px solid;}
.content .pro .img img{ width:100%; display:block;}
.content .pro .txt{ padding:15px 20px; font-size:12px;line-height:24px; height:72px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.content .pro .cca{  white-space:normal;}
.content .pro .ccb{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


/*****/
.largetit{ height:31px; line-height:31px; text-align:center; font-size:20px; color:#317ccd; font-weight:bold; background:url(../images/bg_nr.jpg) no-repeat center center; margin-bottom:40px;}
.maincon{ background-color:#fff; padding:30px; box-sizing:border-box; min-height:260px;}

.main .bigtit02{ line-height:60px; border-bottom:1px solid #ddd;}
.main .bigtit02 .boxfl{ float:left;}
.main .bigtit02 .boxfl a{ display:inline-block; margin-right:20px; padding:0 10px;font-size:16px;  border-bottom:4px solid #fff;}
.main .bigtit02 .boxfl .on{border-bottom:4px solid #317ccd;}
.main .bigtit02 .boxfr{ float:right;}

.main .news li{ overflow:hidden; padding:20px; position:relative; margin-top:20px;}
.main .news .img{ width:150px; float:left; overflow:hidden;}
.main .news .img img{ width:100%; display:block; transition:.5s;}
.main .news .box{ margin-left:180px;}
.main .news .txt{ width:75%; box-sizing:border-box; border-right:1px solid #ccc; padding:10px 0; padding-right:10%; float:left; transition:.3s;}
.main .news .time{  box-sizing:border-box; padding-left:5%; width:15%; float:left; font-family:Arial; padding-top:25px;}
.main .news .year{ font-size:28px; color:#333; line-height:100%; padding-bottom:5px;}
.main .news .date{ font-size:14px;}
.main .news .tit{ font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news .info{ line-height:170%; overflow:hidden; height:44px; margin-top:20px;  }
.main .news i{display:inline-block; padding-top:40px; width: 0; transition: .3s ease 0s; overflow: hidden;}
.main .news i:before { content: ''; display: inline-block; vertical-align: middle; width: calc(100% - 4px); height: 1px; background: #fff; }
.main .news i:after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 3px 0 4px 4px; }
.main .news li:hover{ color:#fff; background-color:#004ea2;}
.main .news li:hover .tit,.main .news li:hover .year,.main .news li:hover .date{ color:#fff;}
.main .news li:hover .txt{ width:70%; color:#fff;}
.main .news li:hover i{ width: 5%; margin-left: 3.5%; }
.main .news li:hover .img img{ transform:scale(1.1,1.1);}

.main .logo{ padding:20px 0;}
.main .logo li{ float:left; width:18.4%; margin-right:2%; margin-bottom:20px; }
.main .logo img{ border:1px solid #eee; display:block; width:100%;transition:.5s; }
.main .logo li:nth-child(5n){ margin-right:0;}
.main .logo li:hover img{ border-color:#317ccd;}


.main .concon02{ padding:30px 0 0; font-size:14px; line-height:30px;}

.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:30px; 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 #317ccd; color:#317ccd;line-height:40px; height:40px; font-size:15px; cursor:pointer;}
.main .feedback .btn:hover{ background-color:#317ccd; color:#fff;}

.main .advantage{ max-width:950px; margin:0 auto;}

.main .contactus{ padding:50px;}

/*page*/
.content p{ margin:0px;}
.main .contit{ font-size:22px; color:#444; text-align:center; border-bottom:1px dotted #ccc; padding:10px 0 20px; margin-bottom:30px;}
.main .condate{ font-size:13px; color:#777; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:5px;}
.main .coninfo{ background-color:#eee; padding:10px; line-height:24px;}
.main .conpage{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-top:30px; padding:10px 0;}
.main .conpage a{ display:block; color:#999;}
.main .conpage a:hover{color:#ff0000;}
.main .conbtn{ border:2px solid #999; padding:5px 0; margin-top:20px; text-align:center; font-size:14px; font-weight:bold;}
.main .conbtn:hover{ background-color:#999; color:#fff;}

.main .device li{ width:48%; float:left;}
.main .device li:nth-child(2n) { float:right;}
.main .device .img img{ width:100%; display:block; border-radius:20px;}
.main .device .txt{ text-align:center; margin-bottom:10px; line-height:35px;}


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



/*page*/





/*class*/


/* decorate */

/*map*/






/* 隐藏显示*/
.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*/
	.banner .swiper-container { height:450px;}
	.banner .swiper-slide{ background-size:cover}
	.top .nav li{ font-size:15px; padding-left:13px;}


	/*content*/
	.bannerx .swiper-container{ height:250px;}
	.bannerx .swiper-slide{ background-size:auto 100%;}

	.main{ padding:50px 10px;}
	.main .wrapper{ width:100%;}
	.maincon{ padding:30px;}


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

@media (max-width:980px){
	/*index*/
	.wrapper{ max-width:800px; margin:0 auto;}

	.banner .wrapper{ padding-top:40px;}
	.homeabout .wrapper{ background:none;}
	.homeabout .boxfl{ float:none; width:100%;}
	.homepro .protit .boxfl{ float:none; max-width:100%;}
	.homepro .protit .info{ margin-bottom:30px;}
	.homepro .protit .boxfr{ width:100%;}
	.homepro .conn li{ width:32%;}
	.homepro .conn li:nth-child(4n){ margin-right:2%;}
	.homepro .conn li:nth-child(3n){ margin-right:0;}
	.homequality .boxfl{ float:none; width:100%;}
	.homequality .boxfr{ float:none; width:100%; margin-top:22px;}


	.homequality li{ width:49%;}
	.homequality li:nth-child(3n){ margin-right:2%;}
	.homequality li:nth-child(2n){ margin-right:0;}
	.homequality .txt{ height:40px; overflow:hidden; padding:8px 5px; display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}

	/*conent*/
	.bannerx .swiper-container{ height:120px;}

	.content{ margin-left:0px;}
	.content .comp li{ width:50%;}

	.content .pro li{ width:33.3%;}

	.content .contact td{ display:block; width:100%;}
	.main .logo li{ width:32%; }
	.main .logo li:nth-child(5n){ margin-right:2%;}
	.main .logo li:nth-child(3n){ margin-right:0;}


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

@media (max-width:720px){
	/*index*/
	.wrapper{ max-width:600px; margin:0 auto;}

	.banner  .swiper-container { height:170px;}

	.top{ padding:10px 0;}
	.top .logo{ width:60%;}
	.top .logo  img{ height:40px;}

	.homepro .protit li{ /*width:auto;*/ font-size:14px;}
	.homepro .conn li{ width:49%;}
	.homepro .conn li:nth-child(3n){ margin-right:2%;}
	.homepro .conn li:nth-child(2n){ margin-right:0;}
	.hometeam li{ font-size:15px;}


	.homequality li{ width:49%; width:100%; float:none;}
	.homequality li:nth-child(3n){ margin-right:0;}
	.homequality li:nth-child(2n){ margin-right:0;}

	.foot .fl{ float:none; text-align:center;}

	.foot .fl{ float:none; text-align:center;}

	/*content*/
	.bannerx .swiper-container{ height:120px;}

	.main{ padding:30px 10px;}

	.content{ padding:10px;}
	.content .bigtit span{ display:none;}
	.content .bigtit h3 span{ display:block !important; float:none;}

	.content .pro li{ width:50%;}
	.content .pro .txt{ padding:5px; text-align:center;}
	.content .pro .info{ display:none;}

	.content .bigtit h3{ font-size:16px;}

	/***/
	.maincon{ padding:10px 30px 30px;}
	.main .bigtit02 .boxfr{ display:none;}

	.main .news li{ margin-top:0; padding:20px 5px; border-bottom:1px dotted #ccc;}
	.main .news .box{ margin-left:0;}
	.main .news .img{ display:none;}
	.main .news .txt{ float:none; width:100%; border-right:none; padding-right:0;}
	.main .news .tit{ font-size:16px;}
	.main .news .time{ float:none; width:100%; padding-left:0; padding-top:0;}
	.main .news .date,.main .news .year{ display:inline-block; font-size:12px; color:#666;}
	.main .news .year:after{ content:" -"; }
	.main .news .info{ margin-top:10px;}
	.main .news i{ display:none; }
	.main .news li:hover .txt{ width:100%; color:#fff;}

	.main .contactus{ padding:30px;}

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

	.main .bigtit02 .boxfl{ float:none;text-align:center;}
	.main .bigtit02 .boxfl a{ width:25%; padding:0; margin:0; float:left;}

	.main .device li{ width:100%;}

	.main .contact,
	.main .feedback{
		width:100%; float:none;
		}

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