@import url("index/owl.carousel.min.css");
#syzy{
	width:100%;
	float:left;
	padding-top:1.5%;
	padding-bottom:1.5%;
	background-image: url(cbg.jpg);
	background-repeat: no-repeat;
	background-position: center center; background-size:cover;
}
#zynr{ width:97%; padding:1.5%; float:left;}
#zynr_1{ width:100%; float:left;}
#zynr_1 .title{ font-size:32px; color:#FFE98D; text-align:center; margin-bottom:20px;}
#zynr_1 .nrc{ font-size:16px; line-height:1.8; text-align:center; color:#fff;}
#zynr_2{ width:100%; float:left; margin-top:2%;}
#zynr_2 li{ float:left; list-style-type:none; width:30%; margin-left:1.5%; margin-right:1.5%; text-align:center; font-size:16px}
#zynr_2 li img{ padding:10px; border:#fff solid 2px;border-radius:100%; max-width:30%;transition:all 0.4s ease-in-out 0s;}
#zynr_2 li:hover img{-moz-transform:scaleX(-1);
            -webkit-transform:scaleX(-1);
            -o-transform:scaleX(-1);
            transform:scaleX(-1);
            /*¼æÈÝIE*/
            filter:FlipH;
}
#zynr_2 li p{ font-size:16px; color:#fff; line-height:25px; margin-top:6px;}
#zynr_2 li strong{ font-size:24px;}
#zynr_2 li a{ color:#fff;}
#lmt{
	width:100%; float:left;
	background-image: url(line.jpg);
	background-repeat: repeat-x;
	background-position: left center; text-align:center;
}
#lmt span{  line-height:45px;  font-weight:normal; padding-left:15px; padding-right:15px; font-size:30px; color:#101010; text-align:center; background-color:#fff;
}
#lmt1{ width:100%; float:left; margin-bottom:20px;}
#lmt1 h2{ font-size:32px;color:#101010;border-left:5px #101010 solid;padding-left:20px;height:36px;line-height:1;overflow:hidden; float:left; font-weight:normal;}

#company{ width:97%; float:left; margin-top:15px;  padding:1.5%}
#company .sp{ width:49%; float:left; text-align:center; }
#company .sp embed,#company .sp  iframe,#company .sp  video{width:100%;height:350px;}	
#company .nrc{ width:49%; float:right;font-size:16px; line-height:30px;}
#more{ width:100%; float:left;}
#more .more{ text-align:center;}
#more .more .sy-more {
	margin: 15px auto 6px; border-radius: 6px; background-color:#777; border-image: none; width: 180px; height: 35px; text-align: center; line-height: 35px; font-size: 16px;
}
#more .more .sy-more A{
	color:#fff;
	text-decoration: none;
}
#more .more .sy-more:hover { color:#fff;
	transition:1.1s;
	background-color: #0A66D1; 
}
#more .more .sy-more:hover a {
	color: rgb(255, 255, 255); display: block;
}

#news-1{width:98%;
	float:left; padding:1%;
}
#news-1 ul{ list-style-type:none;   font-size:12px;  }
#news-1 UL LI.none {
	BACKGROUND: none transparent scroll repeat 0% 0%;
}
#news-1 UL LI {
	text-align:left;
	WIDTH:48%; /*margin-left:1%;*/ margin-right:2%;
	float:left;
	display:block;
	line-height:48px;
	height:48px;
	OVERFLOW: hidden;
	font-size:16px;
	background-image: url(ico03.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	border-bottom:#ddd dotted 1px;white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

}
#news-1 UL LI A {	
padding-left:18px;
color:#555;
}
#news-1 UL LI A:hover {
	COLOR:#0089DC;

}
.newspubdate {float:right}
#fwxm{ width:98%; float:left; margin-top:20px; padding:1%;}
#fwxm .list{ padding-bottom:20px; float:left; width:100%;}
#fwxm .list ul{list-style:none;margin:0;padding:0;}#fwxm .list ul li{float:left;width:100%;text-align:center;padding-bottom:20px; line-height:60px;}
#fwxm .list ul li .img{height:60px; float:left; margin-right:30px; display:table-cell; vertical-align:middle; height:60px;}
#fwxm .list ul li .img img{ width:50px; height:50px;}
#fwxm .list ul li .title{font-size:16px; font-weight:bold; float:left; line-height:60px;margin-right:30px; margin-bottom:0px; color:#333333}
#fwxm .list ul li .intro{ width:76%; float:left;font-size:16px; line-height:60px; margin:0px; }
#fwxm .list ul li .intro p{ float:left; width:25%; text-align:center; overflow:hidden; margin:0px; padding:0px; color:#555; }
#fwxm .list ul li .more{text-decoration:none;width:80px;height:30px;line-height:30px;background-color:#777;color:black;display:inline-block;font-size:16px; float:right; margin-top:15px; color:#FFFFFF;border-radius: 40px;}
#fwxm .list ul li .more:hover{background-color:#53BAFF;color:white;}
#fwxm .list ul li a:hover .title{ color:#0089DC}
#fwxm .list ul li a:hover p{ color:#0089DC}
#case{width:100%;
	float:left;
 margin-top:20px;overflow:hidden;
}
#case ul{ list-style-type:none; }
#case UL LI { width:30%; float:left; padding-left:1.5%; padding-right:1.5%; margin-bottom:2%;overflow:hidden;}
#case UL LI .tp{ width:100%; height:220px; overflow:hidden;}
#case ul li img{width:100%; min-height:220px;display:block; border:0px;transition:all 0.4s ease-in-out 0s;}
#case UL LI h1,#case UL LI h3{  width:96%; padding:0px 2%; text-align:center; background-color:#f2f2f2; line-height:40px; height:40px; font-size:18px; font-weight:normal;	TEXT-OVERFLOW: ellipsis;	WHITE-SPACE: nowrap;OVERFLOW: hidden;}
#case UL LI p{width:100%;TEXT-OVERFLOW: ellipsis;	WHITE-SPACE: nowrap;OVERFLOW: hidden;
	line-height:25px; height:25px;
	text-align:left;
	overflow:hidden;
	font-size:16px; color:#8a8a8a
}
#case UL LI:hover h1,#case UL LI:hover h3{ background-color:#0A66D1; color:#fff;}
#case UL LI:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);}
#case UL LI .morea{ font-size:16px; line-height:30px;}
#case UL LI .morea A{color:#8a8a8a}
#case UL LI A{ color:#333; display:block;}
#case UL LI A:hover{
	color:#0089DC;
}
#case UL LI.al4{ display:none}
#video{width:100%;
	float:left;
 margin-top:20px; 
}
#video ul{ list-style-type:none; }
#video UL LI { width:30%; float:left; text-align:left; padding-left:1.5%; padding-right:1.5%; margin-bottom:2%;overflow:hidden; }
#video UL LI .tp{ width:100%; height:230px; position:relative; overflow:hidden;}
#video ul li img{width:100%; min-height:230px; display:block;  background-color:#fff; border:0px;transition:all 0.4s ease-in-out 0s;}
#video UL LI h1,#video UL LI h3{ width:96%; padding:0px 2%; line-height:40px; background-color:#eee; height:40px; text-align:center; font-size:18px; font-weight:normal;	TEXT-OVERFLOW: ellipsis;	WHITE-SPACE: nowrap;OVERFLOW: hidden;}
#video ul li .icon-play{width:100%; height:100%;position:absolute;left:0;top:0;background:url(icon-play.png) center no-repeat; z-index:10;}
#video UL LI A{ color:#333; display:block;}
#video UL LI A:hover{
	color:#0089DC;
}
#video UL LI:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);}
#video UL LI:hover h1,#video UL LI:hover h3{ background-color:#0A66D1; color:#fff;}
#video ul li:hover .icon-play{ background-color:rgba(0,0,0,0.2)}
#video UL LI.al4{ display:none}
#pdjs{ width:98%; float:left; padding:1%; margin-top:12px; margin-bottom:12px; font-size:16px; line-height:30px;}
#twlb{ width:100%; float:left;}
#twlb ul{list-style-type:none;}
#twlb ul li{ width:100%;float:left; overflow:hidden; margin-top:8px; margin-bottom:8px; float:left;}
#twlb ul li .tp{ width:30%; float:left; height:240px; padding:4px; margin-right:20px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; border:#ddd solid 1px; background-color:#fff; }
#twlb ul li .tp img{ width:100%;height:240px; border:0px;transition:all 0.4s ease-in-out 0s;}
#twlb UL LI:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);}
#twlb ul li .bt{ line-height:50px; height:50px; font-size:18px; overflow:hidden;  }
#twlb ul li .js{ line-height:30px; height:90px; font-size:15px; overflow:hidden; color:#666;}
#twlb ul li .more{ margin-top:10px;  text-align:right; text-align:right;}
#twlb ul li .more A{ background-color:#B1B1B1; color:#fff;border-radius:6px; font-size:14px; padding-left:25px; padding-right:25px; padding-top:5px; padding-bottom:5px;}
#twlb ul li .more A:hover{ background-color:#0089DC; color:#fff;}
#twlb ul li A{ color:#111}
#twlb ul li A:hover{ color:#0089DC;}
#prolist{ width:100%; float:left; margin-top:3%;}
#prolist  .title{
	width:100%;
	float:left;
	height:45px; line-height:45px;
	font-size:18px;
	font-weight:bold;
	background-image: url(d2.jpg);
	background-repeat: repeat-x;
	background-position: left center; margin-bottom:10px;
}
#prolist  .title span{ float:left; background-color:#fff; padding-right:20px;}
#yslist{ width:97%; float:left; padding:1.5%; }
#yslist li{ width:100%; float:left; overflow:hidden; cursor:pointer; position:relative; display:block; margin-top:1%; margin-bottom:1%;background-color:#f9f9f9;}
#yslist li:hover{ background-color:#0A66D1}
#yslist li:hover .nrc .zs h3,#yslist li:hover .nrc .zs p{ color:#fff;}
#yslist li .tp{
	width:28%;
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	background-repeat: no-repeat;
	background-position: center top; overflow:hidden;background-size:cover;transition:all 0.4s ease-in-out 0s;
}
#yslist li .tp img{ width:100%; min-height:100%;transition:all 0.4s ease-in-out 0s;}
#yslist li:hover  .tp{width:29%; margin-left:-0.5%; margin-top:-1%; height:110%;}
#yslist li .nrc{ width:70%; float:right;transition:all 0.4s ease-in-out 0s;}
#yslist li:hover .nrc{ margin-right:1%;}
#yslist li .nrc .zs{ padding:3%;}
#yslist li .nrc .zs h3{ font-size:18px; color:#0A55B6; line-height:30px; height:30px; overflow:hidden;	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;}
#yslist li .nrc .zs p{ font-size:16px; height:125px; line-height:25px;display: -webkit-box; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:5;
-webkit-box-orient: vertical; margin-top:5px;}
#tslist{ width:100%; float:left;   position:relative; margin-top:2%; padding-top:60px; padding-bottom:15px; }
#tslist LI{list-style-type:none; width:100%; float:left; overflow:hidden; }
#tslist   LI .tp{ width:100%; height:240px; overflow:hidden;}
#tslist   li img{width:100%; min-height:240px;display:block; border:0px;transition:all 0.4s ease-in-out 0s;}
#tslist  LI h1,#tslist  LI h3{  width:96%; padding:0px 2%; text-align:center; background-color:#f2f2f2; line-height:40px; height:40px; font-size:18px; font-weight:normal;	TEXT-OVERFLOW: ellipsis;	WHITE-SPACE: nowrap;OVERFLOW: hidden;}

#tslist  LI:hover h1,#tslist  LI:hover h3{ background-color:#0A66D1; color:#fff;}
#tslist  LI:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);}

#tslist .owl-controls .owl-dots .owl-dot{ margin-top:2%; display:none;}
#tslist .owl-controls .owl-dots .owl-dot span{
width:8px;height:8px;margin:12px 5px; background-color:#123382; border:#fff solid 4px;border-radius:100%
}
#tslist .owl-controls .owl-dots .owl-dot.active span,#tslist .owl-theme .owl-dots .owl-dot:hover span{ width:12px; height:12px;background:#fff;border:#1D3E8D solid 2px;}
#tslist  .owl-nav{ position:absolute;left:0px; top:-5px; text-align:center; width:100%;}
#tslist  .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 10px;background:#666; color:#fff; font-size:24px; line-height:15px;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#tslist .owl-controls .owl-nav [class*=owl-]:hover{background:#0A66D1;;color:#fff;text-decoration:none}#tslist .owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
@media only screen and (max-width: 1100px){#company .sp embed,#company .sp  iframe,#company .sp  video{height:320px;}#company .nrc{ font-size:14px; line-height:26px;}}

@media only screen and (max-width: 1000px){#company .nrc{ font-size:14px; line-height:24px;}#zynr_1 .nrc{ font-size:14px;}#zynr_1 .title{ font-size:26px;}#zynr_2 li strong{ font-size:20px;}#zynr_2 li p,#zynr_2 li{ font-size:14px;}#tslist   LI .tp{  height:200px; }#tslist   li img{ min-height:200px;}#tslist  LI h1{ font-size:16px;}}
@media only screen and (max-width: 900px){#company .nrc{font-size:13px; line-height:22px;}#tslist   LI .tp{  height:170px; }#tslist   li img{ min-height:170px;}#tslist  LI h1{ font-size:14px; height:30px; line-height:30px;}}
@media only screen and (max-width: 800px){#tslist  .owl-nav [class*=owl-]{ font-size:18px;}#tslist   LI .tp{  height:150px; }#tslist   li img{ min-height:150px;}#tslist  LI h1{ font-size:12px; height:30px; line-height:30px;}}
@media only screen and (max-width: 640px){#company .sp{ width:100%;}#company .nrc{ width:100%; margin-top:5px;line-height:20px}#zynr_1 .nrc{ font-size:12px;}#zynr_1 .title{ font-size:18px; margin-bottom:15px;}#zynr_2 li strong{ font-size:16px;}#zynr_2 li p,#zynr_2 li{ font-size:12px;}#zynr_2 li p{ line-height:20px; margin-top:5px;}#zynr_2 li{ width:31%;  margin-left:1%; margin-right:1%;}}
@media only screen and (max-width: 700px){#tslist   LI .tp{  height:190px; }
#tslist   li img{ min-height:190px;}
#tslist  LI h1{  line-height:40px; height:40px;}
}
@media only screen and (max-width: 550px){#tslist   LI .tp{  height:170px; }
#tslist   li img{ min-height:170px;}
#tslist  LI h1{  line-height:30px; height:30px; font-size:13px;}
}
@media only screen and (max-width: 400px){#zynr_2 li strong{ font-size:14px;}#company .sp embed,#company .sp  iframe,#company .sp  video{height:250px;}}
@media only screen and (min-width: 751px) and (max-width: 1000px){#yslist li .nrc .zs h3{ font-size:16px;}#yslist li .nrc .zs p{ font-size:14px;}}
@media only screen and  (max-width: 750px){#company .nrc{font-size:12px; line-height:20px;}#yslist li .nrc .zs h3{ font-size:14px;}#yslist li .nrc .zs p{ font-size:12px; line-height:18px; height:72px;-webkit-line-clamp:4;}#yslist li .tp{ width:32%;}#yslist li .nrc{ width:66%;}#yslist li .nrc .zs{ padding:2%;}#yslist li{ margin-top:1.5%; margin-bottom:1.5%;}}
@media only screen and (max-width:479px){#yslist li .tp{ width:30%;}#yslist li .nrc{ width:68%;}#yslist li .nrc .zs h3{ font-size:14px;}
#tslist   LI .tp{  height:140px; }
#tslist   li img{ min-height:140px;}
#tslist  LI h1{  line-height:30px; height:30px; font-size:12px;}}
@media only screen and (max-width:400px){#tslist   LI .tp{  height:100px; }
#tslist   li img{ min-height:100px;}}