/*服务支持*/
#fwlist {
	WIDTH:100%;
	FLOAT: left;   text-align:left; overflow:hidden;
}
#fwlist UL {
	LIST-STYLE-TYPE: none; margin-left:-2%;
}
#fwlist UL LI {
	 WIDTH:25.33%; float:left;cursor:pointer; margin-left:2%; margin-top:1%; margin-bottom:1%; background-color:#1A1A1A; overflow:hidden;border-radius:8px; padding:3%;
}
#fwlist UL LI dd{ width:100%; position:relative; float:left; overflow:hidden;border-bottom:rgba(255,255,255,0.4) solid 1px; margin-top:2%; margin-bottom:4%; padding-bottom:6%;}
#fwlist UL LI dd img{ max-width:50%; display:block; margin-left:auto; margin-right:auto;transition:all 0.4s ease-in-out 0s;}
#fwlist UL LI .jj{ width:100%; float:left; margin-top:1.5%;}
#fwlist UL LI .jj .nrq{ width:65%; float:left;}
#fwlist UL LI .jj .nrq h3{ font-size:24px; color:#fff; font-weight:normal; line-height:1.8;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;
	OVERFLOW: hidden;}
#fwlist UL LI .jj .nrq p{ font-size:16px; margin-top:10px; color:#fff; line-height:1.5; font-weight:bold;}
#fwlist UL LI .jj  span{ float:right; padding:1% 5%;  margin-top:5%; line-height:2.2; background-color:#0079FE;border-radius:8px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
#fwlist UL LI .jj  span i{ margin-left:8px;}
#fwlist UL LI .jj  span:hover{ background-color:#ff6600;}
/*下载样式*/
#xzlb {
	WIDTH:100%;
	FLOAT: left;   text-align:left; overflow:hidden;
}
#xzlb UL {
	LIST-STYLE-TYPE: none; margin-left:-2%;
}
#xzlb UL LI {
	  WIDTH:27.33%;  float:left;cursor:pointer; margin-left:2%; margin-top:1%; margin-bottom:1%; background-color:#1A1A1A; overflow:hidden;border-radius:8px; padding:2%;
}
#xzlb UL LI dd{ width:100%; position:relative; float:left; border-radius:6px;overflow:hidden;border-bottom:rgba(255,255,255,0.4) solid 1px; margin-top:2%; margin-bottom:4%; padding-bottom:6%;}
#xzlb UL LI dd img{ max-width:50%; display:block; margin-left:auto; margin-right:auto;transition:all 0.4s ease-in-out 0s;}
#xzlb UL LI .jj{ width:100%; float:left; margin-top:1.5%;text-align:center; }
#xzlb UL LI .jj .nrq{ width:100%; float:left;}
#xzlb UL LI .jj .nrq h3{ font-size:24px; color:#fff; font-weight:normal; line-height:1.8;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;
	OVERFLOW: hidden;}
#xzlb UL LI .jj .nrq p{ font-size:16px; margin-top:10px; color:#fff; line-height:1.5; font-weight:bold;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;
	OVERFLOW: hidden;}
#xzlb UL LI .jj  span{ float:left; margin-left:25%;  width:50%; line-height:2.5;  margin-top:5%;  background-color:#0079FE;border-radius:8px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
#xzlb UL LI .jj  span i{ margin-left:8px;}
#xzlb UL LI .jj  span:hover{ background-color:#50D36B;}
/*公司简介样式*/
#company{ width:100%; float:left; position:relative;}
#company .tpq{ width:49%; float:left;}
#company .tpq img{ width:100%; display:block;}
#company .nra{ width:49%; position:absolute; right:0px; top:0px; max-height:100%; overflow-y:auto}
#company .nra h3{ font-size:36px; line-height:2.2; color:#fff;}
#company .nra .js{ line-height:1.8; color:#fff;}
#company .nra .js p{ font-size:18px;}
#company .nra .js a{ color:#fff;}
#company .nra::-webkit-scrollbar {
    width: 4px;
    height: 2px;
    background-color: #F5F5F5
}
#company .nra::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

#company .nra::-webkit-scrollbar-thumb {
    border-radius:2px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0, .6);
    background-color: #888;
}
#qywh{  width:96%; padding:2%; float:left; background-color:#fff;border-radius:8px; margin-top:2%;}
#qywh ul{list-style-type:none; overflow:hidden;}
#qywh ul li{ width:30.33%; text-align:center; padding:1.5%; margin-left:-1px; border-left:rgba(0,0,0,0.2) solid 1px; float:left; }
#qywh ul li dd{ width:100%; float:left; margin-bottom:2.5%;}
#qywh ul li dd img{ margin-left:auto; margin-right:auto; display:block; max-width:40%;transition:all 0.6s ease-in-out 0s;}
#qywh ul li:hover dd img{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-mo-transform:rotate(360deg);transform:rotate(360deg);}
#qywh ul li h3{ color:#333; font-size:24px; line-height:2.5;}
#qywh ul li p{ font-size:18px; color:#333; line-height:25px; height:50px; display: -webkit-box; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
 line-clamp: 2;
    -webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
#gshj{ width:100%; float:left; margin-top:2%; display:block; position:relative;}
#gshj ul{list-style-type:none; overflow:hidden;}
#gshj ul li{ position:relative; float:left;overflow:hidden;border-radius:4px; cursor:pointer;}
#gshj ul li img{transition:all 0.6s ease-in-out 0s;}
#gshj ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#gshj ul li.c1{ width:70%; float:left; padding-top:25%;}
#gshj ul li.c1 img{ position:absolute; width:100%; min-height:100%; left:0px; top:0px;}
#gshj ul li.c2{ width:70%; float:left; padding-top:15%;margin-top:2%;}
#gshj ul li.c2 img{ position:absolute; width:100%; min-height:100%; left:0px; top:0px;}
#gshj ul li.c3{ width:28%; float:right; padding-top:15%;margin-top:2%;}
#gshj ul li.c3 img{ position:absolute; width:100%; min-height:100%; left:0px; top:0px;}
#gshj ul li.c11{ position:absolute; right:0px; width:28%; z-index:2; top:28%; height:31.5%;}
#gshj ul li.c11 img{ width:100%;  display:block; }
#gshj ul li.c12{ float:right; width:28%; padding-top:10%;}
#gshj ul li.c12 img{ position:absolute; width:100%; min-height:100%; left:0px; top:0px;}
.hg20{ margin-top:2.5%;}
@media only screen and (max-width: 1400px){#xzlb UL LI .jj .nrq h3,#fwlist UL LI .jj .nrq h3{ font-size:16px; font-weight:bold;}#xzlb UL LI .jj .nrq p,#fwlist UL LI .jj .nrq p{ font-size:14px;margin-top:5px;}#xzlb UL LI .jj  span,#fwlist UL LI .jj  span{ font-size:14px;margin-top:4%;}#company .nra h3{ font-size:24px;}#company .nra .js p{ font-size:14px;}#qywh ul li h3{ font-size:16px;}#qywh ul li p{ font-size:14px; height:40px; line-height:20px;}}
@media only screen and (max-width: 1200px){#fwlist UL LI .jj .nrq{ width:60%;}#fwlist UL LI .jj .nrq h3{ font-size:14px; font-weight:bold;}#fwlist UL LI .jj .nrq p{ font-size:12px;margin-top:0px;}#fwlist UL LI .jj  span{ font-size:12px;margin-top:2%;padding:1% 3%;}#xzlb UL LI,#fwlist UL LI { padding:1%; width:29.33%}#fwlist UL LI dd img{ max-width:35%;}#xzlb UL LI .jj .nrq h3{ font-size:14px;}#xzlb UL LI .jj .nrq p{ font-size:12px;}#xzlb UL LI .jj  span{ font-size:12px;}#company .nra h3{ font-size:16px;}#company .nra .js p{ font-size:12px;}#qywh ul li h3{ font-size:14px;}#qywh ul li p{ font-size:13px; height:36px; line-height:18px;}}
@media only screen and (max-width: 800px){#xzlb UL LI{ padding-bottom:1.5%;}#xzlb UL LI{ width:46%;}#xzlb UL LI dd img,#fwlist UL LI dd img{ max-width:30%;}#fwlist UL LI .jj .nrq{ width:50%; }#fwlist UL LI .jj .nrq p{ height:40px; line-height:20px;}#company .nra h3{ font-size:14px;}#qywh ul li h3{ font-size:12px;}#qywh ul li p{ font-size:12px;}#qywh ul li dd img{ max-width:30%;}}
@media only screen and (max-width: 600px){#fwlist UL LI .jj .nrq{ width:50%; }#xzlb UL LI .jj .nrq h3,#fwlist UL LI .jj .nrq h3{ font-size:12px; font-weight:bold;}#xzlb UL LI .jj .nrq p,#fwlist UL LI .jj .nrq p{ font-size:12px; font-weight:normal;}#fwlist UL LI .jj  span{ float:right; padding:0px 2%; line-height:25px; margin-top:5%;}#company .tpq{ width:100%;}#company .nra{ width:100%; position:relative; max-height:inherit; float:left; margin-top:2%;}#qywh ul li{ width:96%; padding:2%;}}
@media only screen and (max-width: 450px){#fwlist UL LI .jj .nrq{ width:100%; text-align:center; }#fwlist UL LI .jj  span{ float:left; width:80%; margin-left:8%; margin-top:5PX; }#xzlb UL LI .jj  span{margin-left:15%;  width:70%}}
