.header { position: fixed; /*left: 13%;width: 86%;*/ width: 100%; top: 0px; z-index: 99; overflow: hidden; }
.bantouming { /*background: rgba(49,49,49,0.8); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; */ background:rgba(49,49,49,0.8)!important; filter:Alpha(opacity=80); background:#313131;}
.header .logo { width: 10%; float: left; cursor: pointer; position:relative; }
.header .logo img { max-width: 100%;display:block; }
@media (min-width:1920px){
	.header .logo img { padding-left:3px;}
}
.header .nav { /*margin-left: 10%; */padding-top: 4%; font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif, "宋体"; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width:70%; overflow: hidden; float:left}
.header .nav a { color: #FFFFFF; margin-left:6%; /*margin-left:5%;font-size: 1em;*/ font-size: 14px;}
.header .nav a:hover { color: #e84709;text-decoration:none; }
/*.header:hover .nav { display: block; }*/
.header .navhei a { color: #000000; }
.header .navhei a:hover { color: #e84709; }
.topright{font-family:Arial; float:right; padding-top: 4%;/*width:14%;*/}
.header .topright a { color: #FFFFFF;font-size: 14px; }
.header .topright a:hover { color: #e84709;text-decoration:none; }

/*--首页第一屏--*/
.mouse-scroll { position: absolute; bottom: 30px; z-index: 5; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.slide-nav { position: absolute; top: 50%; list-style: none; padding: 0; margin: 0; width: 100%; z-index: 5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.slide-nav a { position: absolute; width: 60px; height: 60px; display: block; top: 50%; margin-top: -30px; text-decoration: none; z-index: 10; cursor: pointer; border-radius: 50%; background-color: rgba(255,255,255,0.25); -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; }
.slide-nav a:hover { background-color: rgba(255,255,255,0.7); }
.panel-1 .slide-nav .slide-prev{ left: 20px; }
.panel-1 .slide-nav .slide-next{left:auto; right: 20px; }
.slide-nav a i { font-size: 50px; color: #878787; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; }
.slide-nav a:hover i { color: #fff; }
.slide-nav .slide-prev i { display: block; background: url(../images/inleft.png) no-repeat center center; background-size: cover; width: 100%; height: 100%; }
.slide-nav .slide-next i { display: block; background: url(../images/inright.png) no-repeat center center; background-size: cover; width: 100%; height: 100%; }
.slider-panel-wrapper .slides li { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.indeximg3{ margin:15% 0 0 10%;}
.indeximg4{ margin:8% 0 0 15%;}
.indeximg5{ margin:8% 0 0 0; text-align:center;}


/*--首页第二屏--*/
.panel-2{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.panel-2 .aboutimg{ width:100%; /*height:100%; display:inline-table; vertical-align:middle;*/text-align:center;}
.panel-2 .aboutimg img{ max-width:100%;}

/*--首页第三屏--*/
.panel-3{ position:relative;}
.carousel-title{background-repeat:no-repeat; background-position:center center; background-size:cover; height:100%;}
#owl-demo .item{position:relative; width:100%; height:100%;font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif, "宋体";}
.panel-3 .carousel-inner{ position:absolute;position: absolute;width: 100%;text-align: center;top:55%;z-index: 2;}
.carousel-block-title { margin:0 10% 0 32%;text-align: left;font-size:0.75em; height:100%;}
.carousel-block-title h1 {font-size: 3.5714em; font-weight:normal;text-transform: uppercase; line-height: 1.2em; margin: 0 0 20px 0; color: #323232;text-align: left;}
.carousel-block-title div {left: 0;margin-left: 0;color: #989898; font-size:12px;}
/*.owl-controls{ position:absolute; left:50%; margin-left:-37px; bottom:0px;}*/
.panel-3 .owl-theme .owl-controls{ position: absolute; left: 50%; margin-left: -47px; height:47px; bottom: 0px; z-index:100; overflow:hidden; text-align: center; -webkit-tap-highlight-color: transparent; }
/*.panel-3 .owl-theme .owl-nav .owl-prev, .panel-3 .owl-theme .owl-nav .owl-next { width: 47px; height: 47px; overflow: hidden; }*/
.panel-3 .owl-theme .owl-nav .owl-prev i { background: url(../images/inleft.png) no-repeat center center; background-size: cover; width: 100%; height: 100%; display: block; }
.panel-3 .owl-theme .owl-nav .owl-next i { background: url(../images/inright.png) no-repeat center center; background-size: cover; width: 100%; height: 100%; display: block; }



.block-thumb-wrap{ position: relative; overflow: hidden; cursor: pointer; height:50%}
.content-block-thumb {background-repeat: no-repeat;background-size: cover;background-position: center;height:100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.content-block-thumb:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.top-triangle {position: absolute; bottom: 0; left: 0; width:100%; height:40px;border-bottom: 40px solid #313131; /*border-left: 413px solid rgba(255, 0, 0, 0);*/
border-left-color:rgba(255, 0, 0, 0); border-left-style:solid;}
.panel-3 .item3 .top-triangle{border-bottom: 40px solid #FFFFFF;}


.panel-3 .content-block-detail{ font-size:12px; padding:25px;}
@media (min-width: 480px) {
.panel-3 .content-block-detail{padding: 45px 30px;}
}
.panel-3 .content-block-detail h3 { position: relative; font-size: 1.5em; font-weight: 500; line-height: 1.4em; color: #FFFFFF; text-transform: uppercase; margin: 0 0 30px; padding: 0 0 19px; /*border-bottom: rgba(214,71,9,0.3) solid 1px;*/ }
.panel-3 .content-block-detail h3:before { position: absolute; content: ''; left: 0; bottom: 0; margin-bottom: 0px; width:75px; height:1px; background-color: rgba(214,71,9,1); }
.panel-3 .content-block-detail h3:after { position: absolute; content: ''; left: 0; bottom: 0; margin-bottom: 0px; width:100%; height:1px; background-color: rgba(214,71,9,0.3); }

.panel-3 .content-block-detail .item-list-description {
	margin: 0 0 30px; color:#989898;
}

.panel-3 .content-block-detail .read-more {
	position: relative;
	float:right;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 17px 0 0; font-size:1.25em;
	
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.panel-3 .content-block-detail .read-more:hover {color: #d64709;}

.panel-3 .content-block-detail .read-more:after {
	position: absolute;
	font-family: FontAwesome;
	content: '>';
	color: #878787;
	font-size:1.15em;
	top: 0;
	right: 0;
	margin-top:-1px;
	
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

.panel-3 .content-block-detail .read-more:hover:after {color: #d64709;}

.panel-3 .item3 .content-block-detail h3{ color:#474747;} 
.panel-3 .item3 .content-block-detail .read-more{ color:#474747;} 
.panel-3 .item3 .content-block-detail .read-more:hover{ color:#d64709;} 

.carousel-block-title div {left:0; margin-left:0; color:#989898}


.carousel-nav {
	position: absolute;
	left: 50%; margin-left:-47px;
	bottom: 0;
	z-index: 2;
}

.panel-3 .owl-theme .owl-nav .owl-prev, .panel-3 .owl-theme .owl-nav .owl-next {
	display: inline-block;
    cursor: pointer;
	width: 47px;
	height: 47px;
	text-align: center;
	background-color: #212121;
	font-size: 18px;
	line-height: 47px;
	color: #a7a7a7;
	cursor: pointer;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.panel-3 .owl-theme .owl-nav .owl-prev:hover, .panel-3 .owl-theme .owl-nav .owl-next:hover {
	color: #fff;
/*	background-color: #474747;*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}

.carousel-nav .btn.prev {
	float: left;
}

.carousel-nav .btn.next {
	float: right;
}

/*--首页第四屏--*/
.indexservice{ /*padding-top:5%;*/}
.indexservicelist{ margin-top:15%;}
.indexservicelist ul{ overflow:hidden; text-align:center; padding:0px; margin:0px; list-style:none;}
.indexservicelist li{display:inline-block; width:19.5%; overflow:hidden;}
.indexservicelist li div{ padding:0 8%;}
.indexservicelist li div img{ max-width:100%;}
.indexservicelist li div h2{ font-size:1.5em;font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif, "宋体"; font-weight:normal; margin-top:5%; display:none;}
.block-title { position: relative; display: table; width: 100%; margin: 48px 0px; overflow: hidden; z-index: 2; }
.block-title h1 { display: table-cell; margin: 0; /*font-size: 3em;*/
font-weight: normal; text-transform: uppercase; color: #5d5d5d; line-height: 1.2em; padding: 0 20px; letter-spacing: 0.25em; white-space: nowrap; font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif, "宋体"; }
.line-before, .line-after { position: relative; display: table-cell; }
.line-before:before { position: absolute; content: ''; width: 100%; height: 1px; left: 0; bottom: 7px; background-color: rgba(214,71,9,0.3); }
.line-before:after { position: absolute; content: ''; width: 60px; height: 1px; right: 0; bottom: 7px; background-color: rgba(214,71,9,1); }
.line-after:before { position: absolute; content: ''; width: 100%; height: 1px; left: 0; bottom: 7px; background-color: rgba(214,71,9,0.3); }
.line-after:after { position: absolute; content: ''; width: 60px; height: 1px; left: 0; bottom: 7px; background-color: rgba(214,71,9,1); }



/*--首页第五屏--*/
/* indexcase*/
.panel-5{ background-color:#313131;}
.indexcase{ position:absolute; width:100%; top:0; left:0;}
.indexcase .block-title{ margin-top:0px;}
.indexcase .block-title h1{ font-size:1em;}
.indexcase .block-title h1 font{ color:#FFFFFF; cursor:pointer;}
.indexcase .block-title h1 font:hover, .indexcase .block-title h1 font.on{ color:#d64709;}
.indexcase .line-before:after, .indexcase .line-after:after{ bottom:6px;}
.indexcase .line-before:before, .indexcase .line-after:before{ bottom:7px;}

.portfolio-item .mega-hoverlink, .portfolio-item .mega-hoverview { margin-top: 20px; background: none; border: rgba(255,255,255,1) solid 2px; border-radius: 50%; }
.portfolio-item .mega-hoverlink i, .portfolio-item .mega-hoverview i { color: #fff; font-size: 16px; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; }
.portfolio-item .mega-hoverlink i { line-height: 30px; }
.portfolio-item .mega-hoverview i { line-height: 28px; }
.portfolio-item .mega-hover:hover .mega-hoverlink:hover, .portfolio-item .mega-hover:hover .mega-hoverview:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background-color: #212121; border: rgba(255,255,255,0) solid 2px; }
.portfolio-item .mega-hoverlink:hover i, .portfolio-item .mega-hoverview:hover i { color: #00acc1; }
.panel-5 .fp-tableCell{ vertical-align:bottom;}

/*--首页第六屏--*/
.panel-6{background:url(../images/indexnews.jpg) no-repeat center center; background-size:cover}
.fab { position: relative; display: inline-block; width: 56px; height: 56px; border-radius: 50%; text-align: center; overflow: hidden; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0.2s; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); cursor: pointer; }
.fab a { color: #fff; display: block; height: 56px; }
.fab a:hover { text-decoration: none; }
.fab i { font-size: 17px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.fab.white { background-color: #fff; }
.fab.white a { color: #676767; }
.fab.grey { background-color: #e0e0e0; }
.fab.light-blue { background: #a9b9c1 url(../images/jia.gif) no-repeat center center; background-size: cover; }
.fab.blue { background-color: #00acc1; }
.fab.green { background-color: #00e676; }
.fab.yellow { background-color: #ffee58; }
.fab.orange { background-color: #f9a825; }
.fab.red { background-color: #e53935; }
.fab.dark-grey { background-color: #474747; }
.fab:hover { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); transition-delay: 0s; }
.fab svg { border-radius: 50%; overflow: hidden; }
.box-carousel-wrapper {margin-bottom: 20px;}

.home-blog-panel .container {
	position: relative;
	padding: 0px 15px 0px 15px;
	z-index: 2;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.home-blog-panel .block-title {
	margin: 0 0 43px;
}

.home-blog-panel .owl-dots {
	margin-bottom: 25px;
}

.box-carousel-wrapper {
	margin-bottom: 20px;
}

.box-carousel-wrapper .carousel-item {/*padding: 15px 15px 0 15px;*/ padding:0 15px 0 15px;}

.box-carousel-wrapper .carousel-inner {
	margin-bottom: 20px;
	/*background-color: rgba(255,255,255,0.9);*/
	background-color:#e6e5e4;
	
	-webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}

.box-carousel-wrapper .carousel-item figure {
	overflow: hidden;
}

.box-carousel-wrapper .carousel-item figure img {
	width: 100%;
	height: auto;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.box-carousel-wrapper .carousel-item:hover figure img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.box-carousel-wrapper .content-block-detail {
	position: relative; color:#a7a7a7;
	padding: 36px 25px; font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif, "宋体";
}

.box-carousel-wrapper .content-block-detail .fab {
	position: absolute;
	top: 0;
	right: 25px;
	margin-top: -28px;
}

.box-carousel-wrapper .content-block-detail h3 {
	position: relative;
	font-size: 12px;
	font-weight:normal;
	color: #484647;
	line-height: 1.3em;
	margin: 0 0 20px;
	padding: 10px 0 18px 0;
	/*border-bottom: rgba(214,71,9,0.3) solid 1px;*/ white-space:nowrap; overflow:hidden; text-overflow: ellipsis; -o-text-overflow:ellipsis; 
}

.box-carousel-wrapper .content-block-detail h3:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	/*margin-bottom: -1px;*/
	width: 60px;
	height:1px;
	background-color: rgba(214,71,9,1);
}
.box-carousel-wrapper .content-block-detail h3:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	/*margin-bottom: -1px;*/
	width: 100%;
	height:1px;
	background-color: rgba(214,71,9,0.3);
}

.panel-6 .content-block-detail{ font-size:12px;}
.panel-6 .item-list-description{ font-size:12px;}
/*.panel-6 .owl-theme .owl-controls{bottom:-40px;}*/
.panel-6 .owl-theme .owl-dots .owl-dot span{ background:rgba(109,109,109,0.9)}
.panel-6 .owl-theme .owl-dots .owl-dot.active span{background: rgba(255,255,255,1);background: rgba(255,255,255,1) !important;}


.blog-meta { padding: 15px 25px; background-color: #474747; font-size: 12px; font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif, "宋体"; }
.blog-meta ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.blog-meta ul li { position: relative; display: inline; margin-right: 23px; }
.blog-meta ul li:last-child { margin-right: 0px; }
.blog-meta ul li:before { font-family: FontAwesome; color: #e0e0e0; margin-right: 6px; }
.blog-meta ul li:first-child { background: url(../images/times.gif) no-repeat left center; padding-left: 20px; float: left; }
.blog-meta ul li:nth-child(2) { background: url(../images/liulan.gif) no-repeat left center; padding-left: 30px; float: right; }
.blog-meta ul li:last-child:after { display: none; }
.blog-meta ul li a { color: #e0e0e0; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
.blog-meta ul li a:hover { text-decoration: none; color: #fff; }

.animate-fadeIn {
	opacity: 0;
}

.animate-fadeInUp {
	position: relative;
	top: 60px;
/*	opacity: 0;*/
}

.animate-fadeInDown {
	position: relative;
	top: -60px;
/*	opacity: 0;*/
}

.animate-fadeInLeft {
	position: relative;
	left: -60px;
/*	opacity: 0;*/
}

.animate-fadeInRight {
	position: relative;
	left: 60px;
/*	opacity: 0;*/
}

/*--首页第七屏--*/
/*.footer-logo {    width: 10%;margin: 0 auto;  padding-top:12%; text-align: center; }
.footer-logo img { max-width: 100%; height: auto; }
.footer-description {text-transform: uppercase; color: #ffffff; line-height:18px; font-weight:normal; text-align:center;margin:6% auto 4% auto; }
.copyright {text-align: center; color: #ffffff; text-transform: uppercase; padding-bottom:20px; }*/

.footer-logo {padding:90px 0px 75px 0px; text-align: center }
.footer-logo img { max-width: 100%; height: auto; padding-right:5px;}
.footer-description {text-transform: uppercase; color: #ffffff; line-height:18px; font-weight: normal; text-align: center; margin:0 auto; padding-bottom:53px; }
.copyright { font-size: 12px; text-align: center; color: #ffffff; text-transform: uppercase; padding-bottom:43px; }

/* 超小屏幕  手机 (<768px) 开始出现按钮*/
@media (max-width: 767px){
.panel-7 .container{height:300px;}
.footer-logo { width:60px; margin:0px auto; text-align: center; padding: 60px 0px 45px 0px;}
.footer-description {padding-bottom:33px; }
.copyright {padding-bottom:23px; }
}
/* 小屏幕  平板 (≥768px)*/
@media (min-width: 768px) and (max-width: 992px){
.panel-7 .container{height:400px;}
.footer-logo { width:80px; margin:0px auto; text-align: center;padding:80px 0px 65px 0px; }
.footer-description {padding-bottom:43px; }
.copyright {padding-bottom:33px; }
}
/* 中等屏幕 桌面 (≥992px) */
@media (min-width: 992px) and (max-width: 1200px){
.panel-7 .container{height:448px;}
}
/* 大屏幕 桌面 (≥1200px) */
@media (min-width: 1200px){
.panel-7 .container{height:448px;}
}


#box{ position:absolute; width:100%; height:100%; z-index:999999; background-color:#FFFFFF; display:none; left:0; top:0;overflow-y:auto;overflow-x:hidden;}

.gotop {display: none;position:fixed;transition: bottom ease .3s;bottom:100px;z-index: 9999;width:50px;height: 50px;background:url(/jjdede/images/top.png) no-repeat;overflow:hidden;cursor:pointer; text-indent:-999em;}
a:hover.gotop {background-position:0 -50px}