#hyweb{ width:100%; float:left; padding-top:3.5%; padding-bottom:3.5%; overflow:hidden;}
#hyweb.bg1{ background-color:#fff;}
#hyweb.bg2{
	background-image: url(bg1.jpg);
	background-repeat: no-repeat;
	background-position: center center; background-size:cover;
}
#hyweb.bg3{ background-color:#fff; padding-top:0.5%;}
#hyweb.bg4{
	background-image: url(bg3.jpg);
	background-repeat: no-repeat;
	background-position: center center; background-size:cover;
}
#hyweb.bg5{ background-color:#f4f4f4;}
#lmbt{ width:100%; float:left; text-align:center; overflow:hidden;}
#lmbt dd{font-size: 36px; font-weight:bold; color:#000000;letter-spacing: 10px;  line-height:1.2;}
#lmbt p{font-size: 16px; color:#777; line-height:20px;font-family: Arial,Helvetica,sans-serif;text-transform:uppercase; margin-top:1%;}
#lmbt.bai dd{ color:#FFFFFF}
#lmbt.bai p{ color:#CCCCCC}
#jjfa{ width:100%; float:left;}
#jjfa .nra{ float:right; width:47%; text-align:right; margin-top:14%;}
#jjfa .pt{ float:left; text-align:left;}
#jjfa .nra h5{
	font-size:24px;
	color:#ccc;
	line-height:1.8;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;font-weight:normal;
}
/*大照片左边按钮颜色*/
#jjfa .nra h4{ font-size:30px; color:#000000; margin-top:1.5%; font-weight:normal;}
#jjfa .nra .js{ font-size:14px; color:#777; line-height:1.8;margin-top:8%;}
#jjfa .nra .js span{ padding:15px 30px; height:20px; margin-top:10px; text-align:center; float:right; color:#fff; background-color:#333333; line-height:20px; font-size:12px; margin-top:6%; }
#jjfa .nra .js span i{ margin-left:10px; line-height:20px;transition:all 0.6s ease-in-out 0s;}
#jjfa .nra .js span:hover{ background-color:#666666;}
#jjfa .nra .js span:hover i{ margin-left:20px;}
#jjfa .pt .js span{ float:left}
#fazs{
	width:47%; float:left;
/*大照片左边按钮颜色*/
}
#fazs ul{LIST-STYLE-TYPE: none; margin-left:-5%;}
#fazs ul li{ width:45%; float:left; margin-left:5%; margin-bottom:5%; }
#fazs ul li.c2{ margin-top:12%;}
#fazs ul li.c3{ margin-top:-12%;}
#fazs ul li .nrc{ width:84%; padding:15% 8%; float:left;box-shadow:-1px 4px 10px #ddd;-webkit-box-shadow:1px 4px 10px #ddd;-moz-box-shadow:1px 4px 10px #ddd; transition:all 0.2s ease-in-out 0s;}
#fazs ul li .nrc dd{ width:100%; float:left;}
#fazs ul li .nrc dd img{ height:52px; max-width:95%; display:block;}
#fazs ul li .nrc h4{ font-size:14px; width:100%; color:#444; margin-top:3%;float:left; margin-bottom:3%;}
#fazs ul li .nrc p{ width:100%; font-size:12px; height:44px; overflow:hidden; color:#777; line-height:22px; overflow:hidden;float:left;overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
#fazs ul li:hover .nrc{ transform: translateX(0px) translateY(-5px);box-shadow:-1px 4px 10px #ccc;-webkit-box-shadow:1px 4px 10px #ccc;-moz-box-shadow:1px 4px 10px #ccc;}
#pttp{width:47%; float:right; position:relative; display:block; z-index:1; }
#pttp .bgc{ position:absolute; height:100%; width:90%; max-width:460px; z-index:-1; background-color:#aa0000; left:13%; top:4%; content:"";}/*主页大照片底色*/
#pttp .fk1{ width:20px; height:20px; position:absolute; left:-5%; top:35%; background-color:rgba(0,137,225,0.2); }
#pttp .fk2{ width:12px; height:12px; position:absolute; right:0px;bottom:2%;background-color:rgba(0,137,225,0.3)}
#pttp .img1{ display:block; width:90%; max-width:460px; margin-left:auto; margin-right:auto;}
#pttp .rq{ width:90px; height:90px; position:absolute; left:-2%; top:8%; background-color:rgba(0,0,0,0.7); z-index:2; padding:22px;}/*2016成立于*/
#pttp .rq .nr{ width:90px; text-align:center;display:table-cell; vertical-align:middle; height:90px;}
#pttp .rq .nr h5{
	font-size:36px;
	color:#fff;
	letter-spacing: 1.5px;
	border-bottom:#fff solid 1px;
	font-family: Arial, Helvetica, sans-serif; padding-bottom:8px;
}
#pttp .rq .nr p{ font-size:14px; color:#fff; height:25px; line-height:25px;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;OVERFLOW: hidden; }
.nTabx{
	width:100%;
	float:left;
	overflow:hidden;
	text-align:center; margin-top:2.5%;
}
.nTabx  ul{
border:0;
margin:0; 
}
.nTabx  li{ display:inline-block;
	text-align:center;
	cursor: pointer;
	list-style-type: none;
	 overflow:hidden;   line-height:35px; padding-left:15px; padding-right:15px; margin:0.5%; 

}
/*产品与服务颜色*/
.nTabx li.active{ color:#fff; font-weight:bold; background-color:#aa0000}
.nTabx li.normal{ color:#fff; background-color:#555;}
.nonea{ display:none;}
#fwal{ width:100%; float:left; margin-top:2%}
#allist{width:100%;	float:right;text-align:center; 
}
#allist ul{ list-style-type:none; margin-left:-0.5%; }
#allist UL LI {  WIDTH:32.83%;  float:left; margin-left:0.5%; overflow:hidden;margin-bottom:0.5%;}
#allist UL LI dd{ width:100%; float:left; overflow:hidden;height:290px; position:relative;}
#allist ul li dd img{ width:100%; min-height:290px; transition:all 0.4s ease-in-out 0s;   }
#allist UL LI .zzc{
	width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	height:40px;
	z-index:10;
	transition:all 0.4s ease-in-out 0s;
	background-color:rgba(0,0,0,0.6);
	overflow:hidden;	background-repeat: no-repeat;
	background-position: center center; 
}

#allist UL LI .zzc p{ text-align:center; color:#fff; font-size:14px;  line-height:40px; TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;OVERFLOW: hidden;transition:all 0.4s ease-in-out 0s; }
#allist UL LI .zzc span{display:inline-block; border:#fff solid 1px; padding:5px 25px; font-size:14px; color:#fff; margin-top:35%;}
#allist UL LI:hover .zzc{ height:100%;	background-image: url(jiaa.png); border:5px solid #0089E1;box-sizing:border-box;     /*#0089E1-该色为产品与服务选中状态框颜色*/
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */	background-color:rgba(0,0,0,0.3);
}
#allist UL LI:hover .zzc p{ margin-top:8%; font-weight:bold;}
#allist UL LI A:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);}
#qylist{
	width:100%; 
	FLOAT: left; margin-top:5%;
}
#qylist li{ list-style-type:none;}
#qylist  LI{  text-align:center; background-color:#f2f2f2;  text-align:center;transition:all 0.4s ease-in-out 0s; margin-bottom:10px; margin-top:10px;}
#qylist  LI .nr{ padding-bottom:5%; padding-top:2%;}
#qylist  LI .nr dd{ width:100%; overflow:hidden;}
#qylist  LI   img{ display:block; margin-left:auto; margin-right:auto; max-width:50%; height:60px;transition:all 0.4s ease-in-out 0s; margin-top:4%;}
#qylist  LI .nr .qt{ width:92%; padding:4%; margin-top:0.5%; text-align:center;}
#qylist  LI .nr .qt h5{ font-weight:600; font-size:16px; color:#000;overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;line-height:30px; height:30px;}
#qylist  LI .nr .qt p{ height:66px; margin-top:5%;font-weight:normal; font-size:12px; text-align:left; line-height:22px;overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; color:#555;}


#qylist  LI:hover{box-shadow: 10px 10px 5px #ddd; transform: translateX(-2px) translateY(-2px);}
#qylist .owl-controls .owl-dots .owl-dot{ margin-top:0.2%;}
#qylist .owl-controls .owl-dots .owl-dot span{
width:20px;height:3px;margin:12px 5px; background-color:#C7C7C9;
}
#qylist .owl-controls .owl-dots .owl-dot.active span,#qylist .owl-theme .owl-dots .owl-dot:hover span{background-color:#0089E1;}/*无用*/
#pjlist{
	width:100%; 
	FLOAT: left; margin-top:5%;
}
#pjlist li{ list-style-type:none;}
#pjlist  LI{  text-align:center; background-color:#fff;  text-align:center;transition:all 0.4s ease-in-out 0s; margin-bottom:10px; margin-top:10px;}
#pjlist  LI .tp{ width:51%; float:left;}
#pjlist  LI .tp img{ max-width:100%; display:block; height:514px}
#pjlist  LI .nrc{ width:46%; float:right;text-align:left; margin-top:15%;}
#pjlist  LI .nrc .t1{ width:100%; float:left; }
#pjlist  LI .nrc .t1 img{ width:72px; height:72px; border:#fff solid 4px;border-radius:100%; background-color:#FFFFFF; float:left; margin-right:12px;}
#pjlist  LI .nrc .t1 h5{ font-size: 30px; color:#FFFFFF; font-weight:normal;font-family: Source Han Sans; line-height:50px;}
#pjlist  LI .nrc .t1 p{ color:#999999; line-height:30px;}
#pjlist  LI .nrc .t2a{ width:100%; float:left; margin-top:2%;}
#pjlist  LI .nrc .t2a h5{font-size: 114px; color:#666666; line-height:1;font-family: Arial,Helvetica,sans-serif;}
#pjlist  LI .nrc .t2a p{ color:#CCCCCC; line-height:1.6; margin-top:-6%;}
#pjlist .owl-controls .owl-dots .owl-dot{ margin-top:1%;}
#pjlist .owl-controls .owl-dots .owl-dot span{width:10px;height:10px;margin:12px 5px; background-color:#0089E1;} /*无用*/
#pjlist .owl-controls .owl-dots .owl-dot.active span,#pjlist .owl-theme .owl-dots .owl-dot:hover span{background-color:#fff;}
#hzhb{width:100%;	float:left;text-align:center; overflow:hidden; margin-top:4%;
}
#hzhb ul{ list-style-type:none;}
#hzhb UL LI {  WIDTH:33.33%;  float:left; border-left:#eee solid 1px; border-top:#eee solid 1px; margin-top:-1px; margin-left:-1px;}
#hzhb UL LI dd{ width:95%; padding:5% 2.5%; float:left;}
#hzhb UL LI dd img{max-width:100%;height:75px;  display:block; margin-left:auto; margin-right:auto;}
#xwlist{
	width:100%; 
	FLOAT: left; margin-top:5%; 
}
#xwlist li{ list-style-type:none;}
#xwlist  LI{  text-align:center;  text-align:left;transition:all 0.4s ease-in-out 0s; }
#xwlist  LI .nra{ width:96%; padding:2%; float:left;}
#xwlist  LI .nrc{ width:90%; float:left;padding:8% 5%;background-color:#fff;transition:all 0.4s ease-in-out 0s; box-shadow:1px 2px 8px #ddd;-webkit-box-shadow:1px 2px 8px #ddd;-moz-box-shadow:1px 2px 8px #ddd;  }
#xwlist  LI .nrc h5{
	font-size:24px;
	font-weight:normal;
	color:#ccc;
	font-family: Arial, Helvetica, sans-serif;
}
#xwlist  LI .nrc h4{ font-size:16px; color:#262626; height:30px; line-height:30px;TEXT-OVERFLOW: ellipsis;WHITE-SPACE: nowrap;OVERFLOW: hidden; margin-top:2.5%; margin-bottom:2.5%;}
#xwlist  LI .nrc p{ font-size:12px; color:#333333; line-height:20px; height:40px;overflow:hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
#xwlist  LI .nrc dd{ color:#555; font-weight:bold; margin-top:1.5%;}
#xwlist  LI .nrc i{ margin-left:10px; font-size:12px;transition:all 0.4s ease-in-out 0s;}
#xwlist  LI:hover{ transform: translateX(0px) translateY(-8px);box-shadow:-1px 4px 10px #000;-webkit-box-shadow:1px 4px 10px #000;-moz-box-shadow:1px 4px 10px #000; }
#xwlist  LI:hover .nrc{ background-color:#0089E1}/*无用*/
#xwlist  LI:hover .nrc h4,#xwlist  LI:hover .nrc h5,#xwlist  LI:hover .nrc p,#xwlist  LI:hover .nrc dd{ color:#FFFFFF}
#xwlist  LI:hover .nrc dd i{ margin-left:16px;}
#xwlist .owl-controls .owl-dots .owl-dot{ margin-top:0.2%;}
#xwlist .owl-controls .owl-dots .owl-dot span{
width:20px;height:3px;margin:12px 5px; background-color:#C7C7C9;
}
#xwlist .owl-controls .owl-dots .owl-dot.active span,#xwlist .owl-theme .owl-dots .owl-dot:hover span{background-color:#fff;}/*产品和服务更多案例按钮*/
#more{ width:100%; float:left; margin-top:2.2%; text-align:center;}
#more  A{
	display:inline-block; padding-left:5%; padding-right:5%; line-height:2.5; font-weight:600; border-radius:1px; color:#fff;transition:all 0.4s ease-in-out 0s; background-color:#555;
}
#more  A.hover{ color:#fff; font-weight:bold; background-color:#666666}
@media only screen and (max-width: 800px){#hyweb{padding-top:20px; padding-bottom:20px;}#jjfa .nra .js{ margin-top:4%;}#jjfa .nra{ width:100%; text-align:center; margin-top:0px;}#fazs{ width:100%; float:left; margin-top:8%;}#fazs ul li.c2,#fazs ul li.c3{ margin-top:0px;}#fazs ul li .nrc dd img{ height:40px; margin-left:auto; margin-right:auto;}#fazs ul li .nrc{ text-align:center;box-shadow:-1px 3px 6px #ddd;-webkit-box-shadow:1px 3px 6px #ddd;-moz-box-shadow:1px 3px 6px #ddd;}#fazs ul li:hover .nrc{ margin-top:-0.5%;box-shadow:-1px 3px 6px #ccc;-webkit-box-shadow:1px 3px 6px #ccc;-moz-box-shadow:1px 3px 6px #ccc;}#jjfa .nra h4{ font-size:24px;}#jjfa .nra h5{ font-size:18px}#jjfa .nra .js{ font-size:12px; line-height:1.8;}#jjfa .nra .js span{ float:inherit; display:inline-block;padding:10px 25px; margin-top:5%;}#pttp{ width:560px; margin-left:auto; margin-right:auto; float:none; margin-bottom:8%;}#lmbt dd{ font-size:24px; letter-spacing:5px;}#lmbt p{ font-size:14px;}#allist UL LI dd{ height:180px;}#allist ul li dd img{ min-height:180px;}#allist UL LI .zzc span{ margin-top:29%; list-style:18px; font-size:12px;}#qylist  LI .nr .qt h5{ font-size:14px;}#qylist  LI .nr .qt p{ margin-top:2%;}#pjlist  LI .tp img{width:100%; height:auto;}#pjlist  LI .nrc{ margin-top:2%;}#pjlist  LI .nrc .t2a p{ margin-top:-15%}#hzhb UL LI dd img{ height:50px;}#xwlist  LI .nrc h4{ font-size:14px;}#xwlist  LI .nrc h5{ font-size:18px; font-weight:bold}}
@media only screen and (max-width: 650px){#pttp{ width:80%; margin-top:80px;}#pttp .bgc{ width:100%; left:0px; top:2.5%;}#pttp .img1{ width:95%;}#pttp .rq{ width:80px; height:80px; top:-55px; left:50%; margin-left:-55px; padding:15px;}#pttp .fk1{ left:-10%; width:8px; height:8px;}#pttp .fk2{ right:-10%;width:4px; height:4px;}#pttp .rq .nr h5{ font-size:30px;}#pttp .rq .nr p{ font-size:12px;}#pttp .rq .nr{ width:80px; height:80px;}
#allist UL{ margin-left:-1%;}#allist UL LI {  WIDTH:49%;  float:left; margin-left:1%; overflow:hidden;margin-bottom:1%;}#allist UL LI .zzc p{ font-size:12px;}#allist UL LI .zzc span{ margin-top:26%; list-style:18px; font-size:12px;}#allist UL LI:hover .zzc p{ margin-top:5%;}#allist UL LI dd{ height:35vw;}#allist ul li dd img{ min-height:35vw;}#allist UL LI:hover .zzc{ background-image:none;}#allist UL LI:hover .zzc{ border:2px solid #0089E1;}#qylist  LI   img{ height:45px;}#qylist  LI .nr .qt h5{ text-align:center; margin-top:10px;}#qylist  LI .nr .qt p{ line-clamp: 4;/*无用*/
-webkit-line-clamp: 4;height:80px; line-height:20px;}#pjlist  LI .tp{ width:90%; padding:5%;}#pjlist  LI .nrc{ width:100%;}#pjlist  LI .nrc .t2a p{ margin-top:-10%}}
@media only screen and (max-width: 500px){#hzhb UL LI {width:50%;}#xwlist  LI .nrc h4{ font-size:12px;}}
@media only screen and (max-width: 450px){#fazs ul li .nrc{ width:92%; padding:10% 4%;}#jjfa .nra h4{ font-size:18px; font-weight:bold;}#fazs ul li .nrc p{ font-size:12px; line-height:20px; height:60px; line-clamp:3;
    -webkit-line-clamp: 3;}#allist UL LI .zzc span{ margin-top:20%}}
@media only screen and (max-width: 400px){#qylist  LI .nr .qt h5{ line-clamp: 2; -webkit-line-clamp: 2; line-height:20px; height:40px; text-align:left; }#hzhb UL LI dd img{ height:40px;}}