锘?* 
 * fiileName:index.css
 * author:lidelin
 * Date:2017-4-1 
*/
/* banner */
/* banner */

/* 鏈嶅姟绫 */
body{overflow-x:hidden;}
.service-wrapper{
	color: #fff;
	display: block;
	margin:0 auto;
	text-align: center;
	position:absolute;
	top:50%;
	text-align:center;
	margin-top:-10px;
	z-index:1;
	margin: 0 65px;
	transform: translate(0 , -50%);
	-webkit-transform: translate(0 , -50%);
	-moz-transform: translate(0 , -50%);
	-ms-transform: translate(0 , -50%);
	-o-transform: translate(0 , -50%);
	margin-bottom: 32px;
}
.service-wrapper h3{
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
/* 鍥剧墖缁 */
.picGroup{
	overflow: hidden;
	margin-bottom: 32px;
}
.picGroup .plate{
	position:relative;
	width: 32%;
	float: left;
	margin-right: 20px;
}
.picGroup .plate:last-child{
	margin-right: 0;
}
.rsp{
	overflow:hidden;
	position: absolute;
	background:rgba(0, 0, 0, .6);
	top:0px;
	left:0px;
	bottom:0;
	right:0;
	box-sizing:content-box;
	display: block;
}
/* 鏍稿績鎶€鏈 */
.core-tech-info{
	float: left;
	width: 100%;
	height: 439px;
	cursor:pointer;
	background: url(../images/core-tech-01.png) no-repeat left top;
	color: #1c1613;
}
.core-tech-info .inner{
	padding: 50px 0 0 45px;
}
.core-tech-info .core{
	font-size: 38px;
	margin-bottom: 34px;
}
.text-group-one{
	margin-bottom: 45px;
}
.text-group-one h3{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 10px;
}
.text-group-one p{
	font-size: 20px;
}
.text-group-two{
	width: 300px;
	color: #fff;
	font-weight: normal;
}
.text-group-two p:first-child{
	font-size: 21px;
	margin-bottom: 12px;
	letter-spacing: 1.85px;
	text-align: justify;
}
.text-group-two p:nth-child(2){
	font-size: 28px;
	margin-bottom: 12px;
	letter-spacing: 1.85px;
}
.text-group-two p:last-child{
	font-size: 14px;
	margin-top:13px;
	letter-spacing: 1px;
}
.text-group-two h2{
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 12px;
	letter-spacing: 8px;
}
.core-tech-wrapper{
    background:#f5f5f5;
	height:auto;
	padding: 0;
	box-sizing: border-box;
}
.syad{padding:30px 0 0;background:none}
.core-tech-wrapper .indicators-line > .carousel-indicators li{border:none;box-shadow:none;width:20px;border-radius:0;height:2px;background-color:#ddd}
.core-tech-wrapper .indicators-line > .carousel-indicators .active{background-color:#e8431f}

.video-wrapper{
	float: right;
	width: 35%;
}
.video-wrapper img{
width:100%;
height:217px;
}
.video-wrapper li{
	position: relative;
	margin-bottom: 5px;
}
.video-wrapper li .video-btn{
	width: 70px;
	height: 70px;
	background: url(../images/video-btn.png) no-repeat left top;
	position: absolute;
	left: 50%;
	top: 50%;
    margin-top: -55px;
    margin-left: -35px;
}
.video-wrapper li:last-child{
	margin-bottom: 0;
}

.video-wrapper1{
	float: left;
	width: 100%;
}
.video-wrapper img{
width:100%;
height:217px;
}
.video-wrapper1 li{
	position: relative;
	width:30%;
	float:left;
	margin-bottom: 5px;
}
.video-wrapper1 li .video-btn{
	width: 70px;
	height: 70px;
	background: url(../images/video-btn.png) no-repeat left top;
	position: absolute;
	left: 50%;
	top: 50%;
    margin-top: -55px;
    margin-left: -35px;
}
.video-btn{
	width: 70px;
	height: 70px;
	background: url(../images/video-btn.png) no-repeat left top;
	position: absolute;
	left: 50%;
	top: 50%;
    margin-top: -55px;
    margin-left: -35px;
}
.video-wrapper1 li:last-child{
	margin-bottom: 0;
}


.video-name{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	font-size: 18px;
	height: 55px;
	line-height: 55px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-align: center;
}
.video-btn{
	width: 70px;
	height: 70px;
}
/* 鍏徃绠€浠 & 鏂伴椈鍔ㄦ€ */
.com-info-wrapper{
	padding: 40px 0;
}
.index-about{
	padding-right: 30px;
}
.index-about .intro{
	line-height: 2.6;
}
.index-about .intro1{
	line-height: 1.5;
}
.index-about .about-img{
	margin-bottom: 17px;
}
.index-news{
	padding-left: 30px;
}
.news-list li:first-child{
	margin-bottom: 5px;
}
.news-list li:first-child a{
	font-size: 16px;
	font-weight: bold;
}
.news-list li:first-child time{
	display: block;
	color: #d0d0d0;
	margin: 5px 0;
}
.news-list li:first-child .resume{
	color: #adadad;
}
.news-list li:not(:first-child) {
	line-height: 36px;
	position: relative;
	padding-left: 13px;
	overflow: hidden;
}
.news-list li:not(:first-child):before{
	content: "";
	width: 4px;
	height: 4px;
	background: #b0b0b0;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}
.news-list li:not(:first-child) a{
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}
.news-list li:not(:first-child) time{
	float: right;
}
@media screen and (max-width: 767px) {
	/* 鎵嬫満绔 */
	.bs-slider{
		margin-top: 56px;
		margin-bottom: 12px;
	}
	.martop{padding-top: 66px;}
	/* 鍥剧墖缁 */
	.picGroup {
		margin-bottom: 12px;
		display: flex;
		justify-content: space-between;
	}
	.picGroup .plate{
		margin-right: 6px;
	}
	.service-wrapper{
		margin: 0 0;
		width: 100%;
	}
	.service-wrapper h3{
		font-size: 12px;
		margin-bottom: 0;
	}
	.service-wrapper .des{
		display: none;
	}
	.navbar-collapse{
	    background:rgba(0,0,0,0.9);	
	}
	/* 鏍稿績鎶€鏈 */
	.core-tech-wrapper{
		padding: 15px 0;
		height: auto;
	}
	.core-tech-info{
		width: 100%;
		height: auto;
		background-size: cover;
		background-position: right top;
		margin-bottom: 10px;
	}
	.core-tech-info .inner {
		padding: 20px;
	}
	.core-tech-info .core {
		font-size: 22px;
		margin-bottom: 14px;
	}
	.text-group-one {
		margin-bottom: 15px;
	}
	.text-group-one h3 {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.text-group-one p {
		font-size: 14px;
	}
	.text-group-two {
		width: 175px;
	}
	.text-group-two p:first-child {
		font-size: 12px;
	}
	.text-group-two p:nth-child(2) {
		font-size: 14px;
		margin-bottom: 8px;
	}
	.text-group-two h2 {
		font-size: 23px;
		margin-bottom: 4px;
		letter-spacing: 4px;
	}
	.text-group-two p:last-child {
		font-size: 8px;
		letter-spacing: 0;
	}
	.video-wrapper{
		float: none;
		width: 100%;
		overflow: hidden;
	}
	/* 绠€浠?鏂伴椈 */
	.com-info-wrapper {
		padding: 15px 0;
	}
	.index-about {
		padding-right: 0;
	}
	.panel-wrapper .panel-title{
		margin-bottom: 10px;
	}
	.index-about .about-img {
		margin-bottom: 10px;
	}
	.index-about .intro {
		line-height: 1.8;
	}
	.index-news {
		padding-left: 0;
	}
	.news-list li:not(:first-child) a {
		width: 70%;
	}
	.panel-footer{
		padding: 10px 0;
		text-align: right;
	}
}

.fn-dp-n{ display:none;}
.fn-dp-b{ display:block;}
.fn-cf_o{overflow:hidden;_zoom:1;}
.fn-cf_a:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.fn-cf_a{_zoom:1;}
.fn-cf_c{clear:both; line-height:0; font-size:0;}
.fn-fs-14{ font-size:14px;}
.fn-ta-l{text-align:left;}
.fn-ta-c{text-align:center;}
.fn-ta-r{text-align:right;}
.fn-of-h{overflow:hidden;}
.fn-td-n{text-decoration:none;}
.fn-td-u{text-decoration:underline;}
.fn-fw-n{font-weight:normal;}
.fn-fw-b{font-weight:bold;}
.fn-f-l{float:left}
.fn-f-r{float:right}
.fn-b-0{ border:0;}
.fn-pt-r{position:relative;}
.fn-pt-a{position:absolute;}
.fn-ff-v{font-family:Verdana;}
#kinMaxShow{visibility:hidden;width:100%; overflow:hidden; margin-bottom:32px;}


/* page css */
#info_box{ margin-top:80px;}
h1.title{ font-size:18px;font-family:"Microsoft Yahei",Verdana; margin:0 0 10px 20px; padding:1px 2px; line-height:26px; background:#333; color:#fff; display:inline-block;_ display:inline;}
p.text{ font-size:14px;font-family:"Microsoft Yahei",Verdana; line-height:22px; color:#333; padding:0 20px;}
p.text a{color:#0088CC; margin:0 1px;}
p.text a:hover{ text-decoration:underline;}
.mycode{background:#EEEEEE;border: 1px dashed #CCCCCC;font-size:10pt;margin:10px 20px;padding:10px; font-family:"Courier New",Verdana;}
.mycode pre{ color: #0000FF;margin: 0; white-space: pre-wrap;word-wrap: break-word;}
.mycode pre span.note{color:#999; font-size:12px;line-height:20px;}
.mycode pre span.highlight{color:#F00; font-weight:bold;}
.mycode pre h4{ font-size:12px; background:#c00; color:#fff; display:inline-block;height:20px;line-height:20px; padding:0 5px;}
#user_tips{ padding:10px 20px 20px; margin:0 20px 30px; background:#FEFCDF; border:1px solid #FEEA93;}
#user_tips h3{ background:#F93; display:inline-block; padding:2px 5px; color:#fff}
#user_tips p{ color:#666;}

@media screen and (min-width: 767px) and (max-width:992px){
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{
	    margin-right:-15px;	
	}
	.navbar-nav > li > a{
	    width:80px;	
	}
}
@media screen and (min-width: 767px) and (max-width:1200px) {
   
}