h1 { text-align: center; text-shadow: 2px 2px 2px #666; }
h2 { font-size: 36px; font-weight: bolder; padding: 0.5em; }
h4 { font-weight: bolder; }
h5 { /*font-size: 1.2em;*/ color: #999; line-height: 1.6em; }
section > h5,
section > .container > h5 { padding: 0em 10% 3em 10%; }
video { object-fit:cover; width: 100%; }
#banner-video { object-fit:cover; min-width: 100%; min-height: 100%; }
.carousel-inner>.item,
.carousel-inner>.item img { width: 100%; margin:0 auto; height: 100%; }
#index-carousel { width: 100%; padding: 0; background: #fff; background: url(../imgs/carousel-bg.jpg) no-repeat; background-size: cover; }
#index-carousel-cover { color: #fff; margin-top:50px;  }
#index-carousel-cover>.container { position: relative; width: 60%; display: none;/*visibility: hidden;*/ }
#product-case { background: #fff; margin-bottom: 40px; }
#product-case .product-item,
#product-case .case-item { padding-left: 0; padding-right: 0; }
#product-case .product,
#product-case .product .product-item { overflow: hidden; }
#product-case .product .product-item .cover { color: #fff; padding: 30% 10% 0 10%; background: rgba(0, 0, 0, 0.2); text-shadow: 3px 3px 3px #333; }
.cover-blue {  background: rgba(0, 102, 208, 0.6) !important; }
#product-case .product .product-item img { animation: reZoomEnlarge 0.9s; -webkit-animation: reZoomEnlarge 0.9s; transform: scale3d(1, 1, 1); }
#product-case .product .product-item:hover img { animation: zoomEnlarge 0.9s; -webkit-animation: zoomEnlarge 0.9s; transform: scale3d(1.2, 1.2, 1.2); }
#product-case .product .product-item:hover .cover { background: rgba(0, 102, 208, 0.0) !important;/*display: none;*/ }
#product-case .case { height: 400px; overflow: hidden; }
#product-case .case .case-item.active { width: 25%; }
#product-case .case:hover .case-item.active { width: 15%; }
#product-case .case-item { position: relative; float: left; width: 15%; height: 100%; margin: 0; padding: 0; display: inline-block; overflow: hidden; transition:width 0.3s ease; -moz-transition:width 0.3s ease; /* Firefox 4 */ -webkit-transition:width 0.3s ease; /* Safari and Chrome */ -o-transition:width 0.3s ease; /* Opera */ }
#product-case .case-item:after { content: ' '; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); }
#product-case .case .case-item.active:after { height: 35%; left: 0; bottom: 0; background: #0066cc; background: rgba(0, 102, 208, 0.8); }
#product-case .case:hover .case-item.active:after { height: 100%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); }
#product-case .case-item:hover { width: 25% !important; }
#product-case .case-item:hover:after { height: 35% !important; left: 0; bottom: 0; background: #0066cc !important; background: rgba(0, 102, 208, 0.8) !important; }
#product-case .case-item img { width: auto; max-width: 999px !important; height: 100%; }
#product-case .case-item .text { position: absolute; width: 100%; height: 35%; left: 0; bottom: 0; color: #fff; text-align: left; padding: 0 1em; text-shadow: 3px 3px 3px #333; }
#product-case .case-item .text h3 { display: block; position: relative; line-height: 2em; }
#product-case .case-item .text h3:after { content: ' '; position: absolute; left: 0; bottom: 0; width: 3em; height: 3px; background: #fff000; }
#product-case .case:hover .case-item .text p,
#product-case .case-item .text p { display: none; }
#product-case .case-item.active .text p { display: block; }
#product-case .case-item:hover .text p { display: block !important; }
#news { background:url(../images/news-bg.png) repeat}
#news:before { content: ' '; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.3); z-index: -2; }
#news h4 { padding-bottom: .5em; }
#news .news-item { text-align: left; padding-right: 10%; margin: 0.8em 5px; }
#news .news-item * { text-align: left; }
#news .news-item h4,
#news .news-item h5 { font-weight: normal; line-height: 1em; color: #333; display: block; overflow: hidden; white-space :nowrap; text-overflow: ellipsis; }
#news .news-item h5 { font-size: 16px; padding-bottom: 0.3em; }
#news .news-zt { padding-left: 0;/*padding-right: 10%;*/ }
#news .news-zx { left: 10px; }
#news .news-item:before { content: ' '; position: absolute; left: 0; margin-top: 0.2em; /*top: 1em;*/ width: 5px; height: 5px; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 5px solid #0066CC; }
#news .news-item h4 { color: #000; padding: 0; }
#news .news-item p { line-height: 1.5em; color: #999; overflow: hidden; white-space :nowrap; text-overflow: ellipsis; }
#news .news-item1:before { content: ' '; position: absolute; left: 0; margin-top: 0.8em; /*top: 1em;*/ width: 5px; height: 5px; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 5px solid #0066CC; }
#news .news-item1 h4 { color: #000; padding: 0; }
#news .news-item1 p { line-height: 1.5em; color: #999; overflow: hidden; white-space :nowrap; text-overflow: ellipsis; }
#news .news-item1 h4,
#news .news-item1 h5 { font-weight: normal; line-height: 1em; color: #333; display: block; overflow: hidden; white-space :nowrap; text-overflow: ellipsis; }
#news .news-item1 h5 { font-size: 16px; padding-bottom: 0.3em; }

.news-zt-pic { width: 31.3333%; padding: 10.4% 0; margin-right: 2%; overflow: hidden; }
.news-zt-pic img { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; }
#culture { width: 100%; padding: 3em; background: url(images/culture-bg.jpg); }
#culture:before { content: ' '; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgb(0, 102, 208); background: rgba(0, 102, 208, 0.8); z-index: -2; }
#culture:after { content: ' '; position: absolute; left: 50; margin-left: -20px; top: 0em; width: 20px; height: 20px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid rgba(255, 255, 255, 0.9); }
#culture-carousel { padding: 0 10%; }
#culture-carousel .carousel-indicators { position: relative; margin-top: 3em; margin-bottom: 2em; }
#culture-carousel .carousel-indicators li { width: 3.6em; height: 3.6em; line-height: 3.5em; font-size: 1.2em; font-weight: bolder; margin: 0.1em .5em; color: #fff; border: 5px solid rgba(255, 255, 255, 0.6); border-radius: 50%; text-indent : 0; background: #0066CC; box-sizing:content-box; -moz-box-sizing:content-box; /* Firefox */ -webkit-box-sizing:content-box; /* Safari */ }
#culture-carousel .carousel-indicators li.active { background: #0166FF; }
#global { background: #fff; }
/*案例*/

.main-text { margin-bottom: 2em; }
#case-list { position: relative; /*float: left;*/ width: 1200px; left: -15px; /*border: 1px solid #f8f8f8;*/ overflow: hidden; }
#case-list li { position: relative; float: left; width: 370px; height: 278px; margin: 15px; overflow: hidden; }
#case-list li img { width: 100%; min-height: 100%; }
@media (min-width: 1200px) {
 #case-list {
 position: relative;
		/*float: left;*/
		width: 1200px;
 left: -15px;
		/*border: 1px solid #f8f8f8;*/
		overflow: hidden;
}
 #case-list li {
 position: relative;
 float: left;
 width: 370px;
 height: 278px;
 margin: 15px;
 overflow: hidden;
}
 #case-list li img {
 width: 100%;
 min-height: 100%;
}
}
 @media (min-width: 992px) {
}
@media (min-width: 768px) {
}
#case-list li:hover:after { content: ' '; width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; background: rgba(0, 0, 0, 0.5); }
#case-list li > div { position: absolute; width: 90%; height: 50px; left: 5%; top: 50%; margin-top: -50px; line-height: 50px; color: #fff; font-size: 18px; text-align: center; display: none; }
#case-list li > div:after { content: ' '; width: 24px; height: 24px; position: absolute; left: 50%; top: 100%; margin-left: -10px; background:url(../images/arrow-down.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#case-list li:hover > div { display: block; }
.photo-show-overlay { position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:90; background:#111; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
display:none; }
/* Image container style */
.photo-show-container { position:absolute; margin: auto; z-index:100; display:none; }
.photo-show-container img { border:10px solid #fff; position:fixed; top:50%; left:50%; -moz-box-shadow:1px 1px 10px #000; -webkit-box-shadow:1px 1px 10px #000; box-shadow:1px 1px 10px #000; }
/* Close button for preview mode */
a.photo-show-close { background:#000 url(images/close.png) no-repeat center center; cursor:pointer; width:56px; height:56px; position:fixed; right:10px; top:80px; z-index:1000; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
display:none; }
*html a.photo-show-close { position:absolute; top:expression(eval(document.documentElement.scrollTop));
margin:80px 0 0 0; }
/* Next photo button for preview mode */

a.photo-show-close:hover { opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.loading { background:url(images/loading.gif) no-repeat; position:absolute; top:50%; left:50%; width:100%; height:100%; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.carousel-control.left,
.carousel-control.right { background-image:none; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
color: #999; top: 50%; margin-top: -35px; }
/*新闻*/
.main-top-banner { text-align:center }
.main-text { margin-bottom: 2em; }
.news-search-box { position: relative; float: right; width: 50%; margin: 3.5em 0 0; }
.news-search { position: relative; width: 100%; height: 3em; line-height: 3em; padding: 0 2em; background: #f8f8f8; border: 1px solid #eee; border-radius: 1.5em; }
.news-search-box > .search-icon { position: absolute; width: 1.2em; height: 1.2em; top: 0.9em; right: 1.5em; }
.news-search:focus + .search-icon { /*display: none;*/
}
.headlines { position: relative; width: 100%; height: 360px; background: #f8f8f8; }
.headlines .headimg,
.headlines .headimg img { position: relative; float: left; width: 540px; height: 360px; overflow: hidden; }
.headlines .headimg-text { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 2em; line-height: 1.6em; padding: 0.5em 1em; font-size: 18px; color: #fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background: rgba(0, 0, 0, 0.5); }
.headlines ul { position: relative; float: left; width: 550px; height: 320px; margin: 20px 30px 20px 50px; overflow: hidden; }
.headlines ul a { position: relative; float: left; width: 100%; height: 100px; overflow: hidden; }
.headlines ul a + a { margin-top: 10px; }
.headlines ul a:after { content: ' '; position: absolute; left: 0px; top: 15px; width: 6px; height: 6px; border: 6px solid transparent; border-left: 9px solid #0066cc; }
.headlines ul a * { overflow: hidden; }
.headlines ul a .title { font-size: 18px; position: absolute; left: 30px; top: 0em; width: 70%; height: 2.4em; line-height: 2.4em; color: #333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.headlines ul a:hover .title { color: #0066cc }
.headlines ul a .summary { font-size: 1em; position: absolute; left: 30px; top: 45px; width: 70%; height: 3.2em; line-height: 1.6em; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.headlines ul a .date { font-size: 22px; position: absolute; right: 1em; top: 20px; width: 10em; height: 1em; line-height: 1em; text-align: right; color: #999; }
.news-list { position: relative; width: 100%; min-height: 1px; padding: 2em 0; margin-top: 1em; overflow: hidden; }
.news-list a { position: relative; float: left; width: 100%; /*height: 260px;*/
	margin: 0; padding: 30px 0; border-bottom: 1px dashed #ccc; overflow: hidden; }
.news-list a * { position: relative; float: left; overflow: hidden; }
.news-list a img { width: 300px; height: 200px; }
.news-list a .title,
.news-list a .summary { font-size: 1em; width: 50%; max-height: 4em; line-height: 2em; color: #666; margin-left: 5%; }
.news-list a .title { font-size: 24px; height: 3em; line-height: 3em; color: #333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news-list a:hover .title { color: #0066cc; }
.news-list a .summary { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-list a .read-count { font-size: 12px; margin: 2em 50% 0 5%; padding: 0 1em 0 3em; height: 2.2em; line-height: 2em; color: #999; border: 1px solid #ccc; border-radius: 1em; }
.news-list a .read-count:after { content: url(../images/read-count.png); position: absolute; top: 3px; left: 1em; width: 16px; height: 16px;/*background: url(../imgs/read-count.png);*/
}
.news-list a .date-day,
.news-list a .date-year { position: absolute; top: 50px; right: 0px; font-size: 42px; float: right; width: 120px; height: 1em; line-height: 1em; text-align: center; color: #0066cc; }
.news-list a .date-year { font-size: 32px; top: 120px; }
.industry-list { margin-top: 0em; padding-top: 1em; }
.industry-list a .title,
.industry-list a .summary { width: 80%; margin-left: 0; }
.industry-list a .read-count { margin-left: 0; }
.media-list { position: relative; width: 100%; }
.media-list a { position: relative; float: left; display: block; width: 32%; margin: 0 0.6666%; padding-bottom: 3em; text-decoration: none; overflow: hidden; }
 .media-list a:nth-child(3n), .media-list a:nth-child(3n+1) {
 margin: 0;
}
.media-list a:nth-child(3n+2) {
 margin: 0 2%;
}
.meida-cover-box { position: relative; width: 100%; height: inherit; overflow: hidden; }
.meida-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.media-list a p { color: #333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height: 3em; font-size: 16px; text-align: center; }
.media-list a:hover p { color: #0066cc; }
.media-list video { width: 100%; }
.media-list .cover { position: absolute; left: 0; top: 0; width: 100%; height: 82%; background: rgba(0, 0, 0, 0.3); display: none; }
.media-list .cover:after { content: ' '; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; border: 2px solid #fff; border-radius: 50%; }
.media-list .cover:before { content: ' '; position: absolute; left: 56.5%; top: 55%; width: 15px; height: 15px; margin: -30px 0 0 -30px; border: 15px solid transparent; border-left: 20px solid #fff; }
.media-list .more { position: relative; width: 8em; height: 2.6em; line-height: 2.6em; margin: auto; color: #0066cc; text-align: center; border: 1px solid #0066cc; clear: both; }
.article-container { width: 100%; /*border-right: 1px solid #ccc;*/
	overflow: hidden; }
.article-head { padding: 0; }
.article-head h1 { font-size: 24px; }
.created-time,
.read-count { display: inline-block; margin-right: 20px; width: auto; height: 2em; min-width: 10em; line-height: 2em; color: #999; }
.created-time img,
.read-count img { position: relative; display: inline-block; width: auto; height: 1.2em; margin: 0.35em 0.2em 0.65em 0em; }
.article-main { position: relative; padding: 20px 30px 20px 0;/*border-right: 1px solid #ccc;*/
}
.article-main img,
.article-main video { position: relative; max-width: 100%; margin: 20px auto; display: block; border-radius: 3px; }
.article-sidebar { padding: 20px 30px; margin-top: 30px; border: 1px solid #ccc; /*border-left: none;*/
	border-radius: 3px; }
.article-sidebar li { padding: 10px 0; }
.article-sidebar li + li { border-top: 1px solid #ccc; }
.article-sidebar h4 { font-weight: bold; }
.article-sidebar a,
.article-sidebar a:hover { color: inherit; text-decoration: none; }
.article-sidebar a:hover * { color: #0066cc; }