/* qhl_css */
@charset "utf-8";

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

.red{ color:#e90000;}
.blue{ color:#1550b6;}
.orange{ color:#ec8000;}

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

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


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

.bigtit{ padding:36px 0 0; border-bottom:1px solid #d0dadc; margin-bottom:20px;font-family:microsoft yahei;}
.bigtit strong{ font-size:26px; color:#1e56b5; display:inline-block; letter-spacing:3px; border-bottom:2px solid #000; padding-bottom:10px;}
.bigtit em{ font-style:normal; color:#666; font-size:16px; letter-spacing:3px;}
.bigtit .fr{ color:#666; font-size:13px;}
.bigtit a{ color:#666; text-decoration:none;}

.subnav ul{ list-style:none;padding:15px 0px 25px; border-bottom:1px solid #eee;}
.subnav li{ float:left; font-size:16px; border:1px solid #e8e8e8; border-radius:5px; background-color:#f9f9f9; padding:5px 3%; margin:0 10px;}
.subnav a{ text-decoration:none; font-family:microsoft yahei;}
.subnav .on{ background-color:#049fd8; color:#fff; border-color:#049fd8;}
.subnav .on a{ color:#fff;}

.content{ padding:20px 0 0px;font-family:microsoft yahei;font-size:14px;}

.content .comp .line{ background:url(../images/comp.jpg) no-repeat right center; }
.content .comp .boxfl{ padding:35px 60px; width:70%; box-sizing:border-box; background-color:#eee;}
.content .comp .introtit{ font-size:18px; font-weight:bold;}
.content .comp em{ display:block; width:70px; height:2px; background-color:#666; margin:20px 0 30px;}
.content .comp .complist{ margin:40px 0 20px; overflow:hidden;}
.content .comp li{ width:25%; padding:0 10px; box-sizing:border-box; float:left; background-position:center center; text-align:center;}
.content .comp .img{ background-position:center center; background-repeat:no-repeat; padding:30px 0;}
.content .comp .img img{ max-width:80px; padding:0 10px; width:100%; box-sizing:border-box;}
.content .comp .icon{ padding-top:12px;}
.content .comp .txt{ margin-top:20px;}
.content .comp .tit{ font-size:20px; margin-top:20px;}
.content .comp .li01 .img{ background-image:url(../images/tb01bg.png);}
.content .comp .li02 .img{ background-image:url(../images/tb02bg.png);}
.content .comp .li03 .img{ background-image:url(../images/tb03bg.png);}
.content .comp .li04 .img{ background-image:url(../images/tb04bg.png);}

.content .pro li{ float:left; text-align:center; width:25%; margin-bottom:20px;}
.content .pro a{ display:block; padding:0 10px;}
.content .pro .img img{ height:180px; border:1px #ccc solid;}

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

.content .feedback{ background:url(../images/feedback.jpg) no-repeat left top; padding:25px 50px 25px 14%; position:relative;}
.content .feedback form{ background-color:#fff; box-shadow:2px 3px 5px #ddd; padding:10px 8% 20px; line-height:30px; border:1px solid #eee;}
.content .feedback .line{ overflow:hidden; margin-top:15px;}
.content .feedback label{  width:100px; display:block; float:left;line-height:30px;}
.content .feedback .input{ border:1px solid #ccc; margin-left:100px; padding:0 10px;}
.content .feedback input{ line-height:28px;height:28px; border:none; display:block; width:100%;}
.content .feedback textarea{ height:80px; border:none; width:100%; line-height:20px; padding:10px 0;}
.content .feedback input.btn{ line-height:40px; height:40px; font-size:15px; font-family:microsoft yahei; cursor:pointer; background-color:#ddd;}
.content .feedback input.btn:hover{ color:#fff; background-color:#1262bb;}
.content .feedback img{ position:absolute; bottom:-48px; right:0px;}

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


/*page*/
.leftside{ width:24%; float:right;border-left:1px solid #ccc;padding-left:36px;min-height:600px;}
.leftside h3{ margin:0px; border-bottom:1px solid #ccc; padding:10px 0 20px; font-size:24px; font-weight:600;}
.leftside ul{ margin-top:20px;margin-bottom:20px;}
.leftside li{ border-bottom:1px solid #eee; line-height:36px; text-indent:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 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%; 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 12px; margin-bottom:30px;}
.concon .condate{ font-size:13px; text-align:center; margin-bottom:0px; font-weight:normal; margin-top:12px;}
.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;}

.pro-con{overflow: auto;}
.pro-con{min-height:550px;}
/*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;}

/* decorate */

/*map*/
#dituContent{width:100%;height:335px;}
#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}

.contactfl em{max-width:300px;display:block;}
.proul .bd{overflow:hidden;}

#sitemap{
    /*width:100%;*/
    height:350px;
    border:1px solid #ccc;
    margin-top:20px;
}
#sitemap label{
    max-width:none !important;
}

.proul .bd ul li a{display:block;}
.prolist{max-height:270px;overflow:hidden;}
.pro-detail{padding-top:0 !important;}
.content .pro .txt{height:24px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-newsImg img{display:block;width:100%;height:100%;}
.index-newsImg{display:block;}
.newstit a:hover{color:#cc2a1e !important;}

.inpro_detail{ border:1px #f1f1f1 solid; margin-top:40px;}
.inpro_detail .inpro_tit{ background:#f1f1f1;}
.inpro_detail .inpro_tit span{ background:#f9f9f9; font-size:16px; font-weight:bold; padding:5px 25px; padding-top:1px; height:45px; line-height:45px; display:inline-block; color:#666;}
.inpro_detail .inpro_txt{ padding:30px;}

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

.btn{border: 0; height: 46px; margin-top:30px; align-items: center; justify-content: center; background-color:#0e2d94; color: #fff; padding: 0 30px; font-size: 15px; font-weight: bold; cursor: pointer;    border-radius: 4px; transition: all 0.3s;}
.jtlayer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; opacity: 0; visibility: hidden;transition: all 0.3s;}
.jtlayer.on { opacity: 1; visibility: visible;}
.jtlayer.on .box { opacity: 1;}
.jtlayer .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
.jtlayer .box { width: 100%; max-width: 500px; background: #fff; border-radius: 10px; box-sizing: border-box; padding:50px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 50%;  transform: translateX(-50%) translateY(-50%); opacity: 0;}
.jtlayer .box .hd {display: flex; align-items: center; justify-content: space-between;}
.jtlayer .box .hd .nam { font-size:18px; text-align:center; font-weight: bold; color: var(--color-3);}
.jtlayer .box .hd .mor .clo { display: flex; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; align-items: center; justify-content: center; transition: all 0.3s;}
.jtlayer .box .hd .mor .clo:hover { background: rgba(0, 0, 0, 0.1);}
.jtlayer .box .hd .mor .clo img { display: block; width: 20px; height: 20px;}
.jtlayer .box .bd {}
.jtlayer .box .bd p {}
.jtlayer .box .bd p:last-child {}
.jtlayer .box .bd img {}
.jtlayer .downlist { display: flex;}
.jtlayer .downlist .it { flex: 1; display: flex; flex-direction: column; align-items: center; font-size:16px;}
.jtlayer .downlist .it .inf{ background:#eee; width:100%; text-align:center; line-height:45px; margin:30px 0 20px; padding:20px 0;}
.jtlayer .downlist .it .img img { max-width: 100%;}

.jtlayer.jtlayer3 .box{ max-width:700px;}
.jtlayer.jtlayer3 .box .bd{ background:#eee; margin-top:30px;}
.jtlayer.jtlayer3 .downlist .it{ flex:auto; flex-direction:inherit;}
.jtlayer.jtlayer3 .downlist .it .inf{ margin:0;}

@media (max-width:1200px){
	.wrapcc{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	
	/*content*/
	.bannerx{ background-size:190% 100%;}
	
	.content .news{ padding:0 2%;}
	.content .news li a{ width:100%;}	
	
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:980px){
	
	/*conent*/	
	.content .comp li .img{ background:none !important;}
	.content .comp li .txt{ display:none;}	
	.content .comp .img{ padding:0;}
	
	.content .pro li{ width:33.3%;}
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){	
	/*content*/
	.bannerx{ height:120px; background-size:cover;}
	
	.bigtit strong{ font-size:20px;}
	
	.subnav ul{ padding-top:0px;}
	.subnav li{ margin:0 5px; font-size:14px;}
	
	.content .comp .complist{ margin-top:20px;}
	.content .comp .boxfl{ width:100%; padding:20px;}
	.content .comp .tit{ font-size:14px; margin:0px;}
	
	.content .pro li{ width:50%;}
	.content .pro .txt{ font-size:13px;}
	
	.content .news .img{ margin-right:10px;} 
	.content .news .img img{ width:106px; height:80px;}
	.content .news .tit{ font-size:15px; max-height:46px; overflow:hidden;}
	.content .news span{ display:none;}
	.content .news .time{ display:none; }
	.content .news .miaoshu{ margin-top:0px; height:38px; line-height:19px;font-size:13px;}
	.content .news li:hover .img{transform:translateX(0px);}
	.content .news li:hover .txt{transform:translateX(0px);}
	
	.content .feedback{ padding:0px;}
	.content .feedback .line{ margin-top:10px;}
	.content .feedback label{ display:none;}
	.content .feedback .input{ margin-left:0px;}
	
	.content .contact{ border:none;}
	.content .contactfl{ width:100%;}
	
	/*page*/
	.concon{ margin-right:0; padding-right:0px; border:none;}
	.concon .contit{ font-size:18px;}
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}

    .bigtit{padding:15px 0 0;}
    .bannerx{background:url(../images/bannerx.jpg) no-repeat 45% center;background-size:cover;}
    .content{padding-top:0;}
    .pro-detail{padding-top:0;}
    .pro-detail .hd ul li img{height:95px;width:110px;}
    .pro-detail .hd ul li.on img{height:95px;width:110px;}
    .pro-detail .hd ul li{height:95px;margin-top:5px;margin-left:1px;margin-right:1px;}
    .pro-detail .hd ul{overflow:hidden;padding-bottom:10px;}
    .pro-detail .bd ul li img{height:250px;}

}