#company{ width:100%; float:left; padding-bottom:4%; position:relative;  }
#company .bt{ width:30%;  position:absolute; left:0px; top:16%;}
#company .bt dd{font-size: 24px; color:#999999;font-family: Arial,Helvetica,sans-serif; font-weight:bold;}
#company .bt h4{ color:#262626; font-size:32px; font-weight:normal; margin-top:4%;}
#company .nrc{ width:65%; float:right; color:#777;  }
#qysl{width:100%;	float:right;text-align:center; padding-bottom:4%
}
#qysl ul{ list-style-type:none; margin-left:-1%; }
#qysl UL LI {  WIDTH:32.33%;  float:left; margin-left:1%; overflow:hidden;margin-bottom:1%; cursor: pointer;}
#qysl UL LI dd{ width:100%; float:left; overflow:hidden;height:440px; position:relative;}
#qysl ul li dd img{ width:100%; min-height:440px; transition:all 0.4s ease-in-out 0s;   }
#qysl 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; 
}

#qysl 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; }
#qysl UL LI .zzc span{display:inline-block; border:#fff solid 1px; padding:5px 25px; font-size:14px; color:#fff; margin-top:35%;}
#qysl UL LI:hover .zzc{ height:100%; border:5px solid #0089E1;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */	background-color:rgba(0,0,0,0.3);
}
#qysl UL LI:hover .zzc p{ margin-top:10%; font-weight:bold;}
#qysl UL LI A:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);}
#gssp{ width:100%; float:left; }
#gssp video,#gssp iframe{ height:400px; outline:none;background-color:#333333;}
#jlzc{ width:84%; float:left; padding-bottom:3%; z-index:1; margin-top:-5%; padding-left:8%; padding-right:8%; overflow:hidden;}
#jlzc .bf1{ width:100%; float:left; background-color:#FFFFFF; position:relative; padding-top:10%;}
#jlzc .bf1 .tp{ width:60%; position:absolute; left:0px; bottom:0px; text-align:center;}
#jlzc .bf1 .tp img{ max-width:90%; margin-left:auto; margin-right:auto; display:block;}
#jlzc .bf1 .nra{ width:30%; float:right; margin-right:5%; padding-bottom:12%;}
#jlzc .bf1 .nra dd{ color:rgb(95, 134, 231); font-size:22px; margin-top:2%;}
#jlzc .bf1 .nra h4{font-size: 36px; color:#262626;}
#jlzc .bf1 .nra h5{font-size: 72px; color:#ddd; margin-top:5%; line-height:1;font-family: Arial Black;}
#jlzc .bf1 .nra p{ color:#777; line-height:2; margin-top:4%;}
#jlzc .bf2{ width:100%; float:left; margin-top:3%; }
#jrwm{ width:100%;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; border:#ddd solid 1px; float:left;}
#jrwm .nra{ width:92%; padding:2% 4%; float:left; overflow:hidden;}
#jrwm .left{ width:45%; float:left; margin-top:5%;}
#jrwm .left h4{ font-size:32px; font-weight:normal; line-height:2; color:#262626;}
#jrwm .left dd{ line-height:1.8; margin-top:3.5%; color:#777}
#jrwm .left .js{ line-height:1.8; margin-top:3%;color:#444}
#jrwm .tp{ float:right; width:50%;}
#jrwm .tp img{ width:100%; display:block;}
#jjfa{ width:100%; float:left;}
#jjfa .nra{ float:left; width:100%; text-align:center; }
#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%; font-weight:normal;}
#jjfa .nra .js{ color:#777; line-height:1.8;margin-top:2%; padding:0px 15%;}
#falist{
	width:100%; float:left; margin-top:5%;

}
#falist ul{LIST-STYLE-TYPE: none; }
#falist ul .fl{ width:100%; float:left;}
#falist ul li{ width:90%; padding:4% 5%; float:left;box-shadow:-2px 4px 10px #ddd;-webkit-box-shadow:1px 4px 10px #ddd;-moz-box-shadow:1px 4px 10px #ddd; margin-top:1.5%; margin-bottom:1.5%; transition:all 0.2s ease-in-out 0s; cursor:pointer;}
#falist ul li .nrc{ width:100%;  padding-bottom:12px; border-bottom:#ddd solid 1px; float:left;}
#falist ul li .nrc dd{ width:57px; float:left; margin-right:2%;}
#falist ul li .nrc dd img{ height:52px; max-width:95%; display:block;}
#falist ul li .nrc h4{ font-size:16px; width:90%; color:#444;float:left; line-height:2;}
#falist ul li .nrc p{ width:90%; font-size:12px; height:22px; overflow:hidden; color:#777; line-height:22px; overflow:hidden;float:left;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
#falist ul li .js{ width:100%; float:left;}
#falist ul li:hover{ transform: translateX(0px) translateY(-5px);box-shadow:-1px 4px 10px #aaa;-webkit-box-shadow:1px 4px 10px #aaa;-moz-box-shadow:1px 4px 10px #aaa;}
#contact{ width:100%; float:left; overflow:hidden; }
#contact .nrc IMG{ max-width:100%;}
#contact .tp{ width:50%; float:right;}
#contact .tp img{ width:65%; display:block;}
#contact .nrc{ width:47%; float:left;}
#contact .nrc p{ margin-top:5px; margin-bottom:5px; color:#777;}
#contact .nrc strong{ color:#262626;}
#zxdt{ width:94%; background-color:#F5F5F5; padding:2% 3%; float:left; margin-top:4%; overflow:hidden;}
#zxdt .nrc{ width:45%; float:right; }
#zxdt .nrc iframe{ width:100%;  overflow:hidden; border:0px;}
#zxdt .lyxx{ width:52%; float:left; padding-top:15px;}
#guesta{ width:100%; float:left;  overflow:hidden;  }
#guesta p{ margin-top:6px; margin-bottom:6px; width:100%; float:left; text-align:center; color:#fff; position:relative;}
#guesta p .checkimg{ position:absolute; right:8%; top:35%;}
#guesta input,#guesta textarea{float:left; display:inline-block; outline:none;box-shadow:0px 1px 4px #ccc;-webkit-box-shadow:0px 1px 4px #ccc;-moz-box-shadow:0px 1px 4px #ccc; border:#ddd solid 1px; font-size:14px; outline:none;  padding:0px 4%;  width:89%;}
#guesta textarea{ padding-top:5px; padding-bottom:5px; height:130px;}
#guesta .input1{ height:40px; color:#666; background-color:rgba(255,255,255,0.8); }
#guesta .input1::-webkit-input-placeholder{ color:#666;}
#guesta .input2{  line-height:20px; color:#666; background-color:#fff; height:80px;}
#guesta .input2::-webkit-input-placeholder{ color:#666;}
#guesta .button2{  height:35px;  width:35%; float:right;
	color:#fff;
	border:#0089E1 solid 1px;
	text-align:center;
	cursor:pointer;
	transition:all 0.3s ease-in-out 0s;
	background-color: #333333;
 margin-top:6PX;margin-right:2%;
}
#guesta .button2:hover{ background-color:#666666; }
.sct{ margin-bottom:2%; text-align:center;}
.sct img{ height:72px;}
#pttp{ width:96%; float:left; margin-top:4%; position:relative; padding:0px 2%;}
#pttp .fk1{ width:12px; height:12px; position:absolute; right:-4%; bottom:25%; background-color:rgba(0,137,225,0.2); position:absolute; }
#pttp img{ width:100%; display:block;}
#pttp .rq{ width:90px; height:90px; position:absolute; right:6%; bottom:-62px; z-index:1; background-color:rgba(0,137,225,0.7); z-index:2; padding:22px;}
#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; }
#nrjs{ width:96%; float:left; margin-top:8%;padding:0px 2%; position:relative}
#nrjs .fk1{ width:18px; height:18px; position:absolute; right:6%; top:10px; background-color:rgba(0,137,225,0.2); position:absolute; }
#nrjs .tp1{ width:7%; float:left;}
#nrjs .tp1 img{ max-width:65%; display:block;}
#nrjs .jsa{ width:87%; float:left; margin-top:-2%;}
#nrjs .jsa #nr{ color:#777; line-height:1.8;}
@media only screen and (max-width: 1000px){#company .bt dd{font-size: 20px;}#company .bt h4{font-size:28px;}}
@media only screen and (max-width: 800px){#company .bt dd{font-size: 18px;}#company .bt h4{font-size:20px; font-weight:bold}#qysl UL LI dd{ height:40vw;}#qysl ul li dd img{min-height:40vw; }#qysl UL LI .zzc span,#qysl UL LI .zzc p{ font-size:12px;}#qysl ul{ margin-left:-0.5%}#qysl UL LI {  WIDTH:32.83%;  float:left; margin-left:0.5%;}#qysl UL LI:hover .zzc{border:3px solid #0089E1;}#gssp video,#gssp iframe{ height:300px;}
#jlzc .bf1 .nra h4{ font-size:26px}#jlzc .bf1 .nra dd{ font-size:18px}#jlzc .bf1 .nra{ width:42%; margin-right:5%;}#jlzc .bf1 .nra h5{ font-size:60px;}#jrwm .left{margin-top:0.5%;}#jrwm .left h4{ font-size:24px;}#jrwm .left .js,#jrwm .left dd{ margin-top:2%;}#jjfa{ margin-top:2%;}#jjfa .nra h4{ font-size:24px;}#jjfa .nra h5{ font-size:18px}#jjfa .nra .js{ padding:0px 2%;}#falist ul li .nrc h4{ font-size:14px;width:100%}#falist ul li .nrc p{ width:100%; height:auto;
    line-clamp: 2;
    -webkit-line-clamp: 2;
 }#contact{ margin-top:12px;}#contact .nrc p img{ width:25px;}#contact .nrc p{margin-top:2px; margin-bottom:2px; }#guesta .input1{ height:30px;}#guesta p{ margin-top:5px; margin-bottom:5px;}#guesta textarea{ height:100px;}#guesta input,#guesta textarea{ font-size:12px;}.sct img{ height:52px; margin-top:12px;}#nrjs .jsa{ width:100%;}#pttp .rq{ width:80px; height:50px; position:absolute; right:6%; bottom:-35px; z-index:1;z-index:2; padding:10px;}#pttp .rq .nr h5{ font-size:24px;}#pttp .rq .nr p{ font-size:12px;}#pttp .rq .nr{ width:80px; height:50px;}#nrjs{ margin-top:45px}}
@media only screen and (max-width: 600px){#company .bt{ width:100%; position:relative; float:left; margin-top:4%;}#company .bt h4{font-size:22px; font-weight:bold; margin-top:10px;}#company .nrc{ width:100%; margin-top:-8px;}#gssp video,#gssp iframe{ height:240px;}#jlzc{ width:90%;  margin-top:-7%; padding-left:5%; padding-right:5%;}#jlzc .bf1{ width:90%; padding-top:0px; padding:5%;}#jlzc .bf1 .tp{ width:100%; position:relative;}#jlzc .bf1 .nra{ width:100%; margin-right:0px; margin-top:8%;padding-bottom:2%;}#jlzc .bf1 .nra h4{ font-size:22px;}#jlzc .bf1 .nra h5{ font-size:50px;margin-top:3%;}#jlzc .bf1 .nra dd{ font-size:18px; font-weight:bold;margin-top:1%;}#jrwm .left{ width:100%; margin-top:3%;}#jrwm .tp{ width:100%;}#jrwm .left h4{ font-size:22px}#contact .tp{ width:100%;}#contact .nrc{ width:100%; margin-top:10px;}#zxdt .nrc,#zxdt .lyxx{ width:100%;}#guesta textarea{ height:60px;}.sct img{ height:32px;}}
@media only screen and (max-width: 450px){#qysl UL LI .zzc span{padding:1px 10px;}#qysl UL LI:hover .zzc{border:2px solid #0089E1;}#gssp video,#gssp iframe{ height:200px;}#jjfa .nra h4{ font-size:18px; font-weight:bold;}}