html,body{
	height: 100%;
	width: 100%;
	overflow: hidden;
	font-family: "microsoft yahei";
}

.mask{
	display: none;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.7);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
}
.code{
	left: 50%;
	top: 50%;
	margin-left: -95px;
	margin-top: -95px;
	position: absolute;
	padding:25px;
	width: 190px;
	height: 190px;
	background: #FFFFFF;
	-moz-border-radius: 21px;
    -webkit-border-radius: 21px;
	border-radius: 21px;
	z-index: 1001;
}
.close{
	width: 40px;
	height: 40px;
	background: url(../img/close.png) no-repeat;
	position: absolute;
	top: -55px;
	right: -50px;
	cursor:pointer; 
}

.listing{
	height: 100%;
	width: 160px;
	background: rgba(0,0,0,0.4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)/9;
	position: fixed;
	z-index: 3;
	top: 0;
	right: 0;
}
.listing-top{
	margin-top: 40px;
	margin-bottom: 118px;
}
.listing-bottom{
	position: absolute;
    text-align: center;
    width: 100%;
    height: 75%;
    left: 0;
    bottom:0;
}
.listing-bottom ul{
	width: 100%;
	text-align: center;
}
.listing-bottom li{
	padding: 14px 0;
	font-size: 15px;
	color: #FFFFFF;
	cursor: pointer;
}
.listing-bottom li:hover, .listing-bottom li.cur{
	background: url(../images/shouye.png) no-repeat center center;
	background-size: 70% auto;
	color: #000000;
}
.listing-pic{
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 2%;
}
.listing-pic img{
	display: block;
	text-align: center;
    margin: 0 auto 13% auto;  
}

.container{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.container-box{
	width: 900px;
	margin: 0 auto;
	position: relative;
	/*top: -193px;
	border:1px solid #000000;*/
}

.c-first{
    
}
.right-first-logo{
	width:427px;
	text-align: right;
	margin-left: -67px;
}
.right-first-logo1{
	font-size: 44px;
	color: #ffffff;
	text-align: right;
	padding-bottom: 22px;
	
}
.right-first-logo2{
	font-size: 18px;
	color: #ffffff;
	text-align: right;
	padding-top: 14px;
	line-height: 28px;
}
.right-first-bottom{
    text-align: center;
    color: #ffffff;
    width: 100%;
    position: absolute;
    bottom: 10px;
}
.news{
	color: #00b9ff;
	font-size: 14px;
}
.more{
	padding-left: 70px;
	font-size: 14px;
	
}
.right-first-bottom1{
	margin-top: 30px;	
}
.right-first-bottom1-line{
	display: inline-block;
	height: 13px;
	width: 40px;
	margin: 0 3px;
	cursor: pointer;
}
.right-first-bottom1-line:after{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	margin-top: 5px;
	background: #FFFFFF;
}
.right-first-bottom1-line.cur:after{
	background: #00b9ff;
}
.right-first-bottom2{
	margin-top: 48px;
}

.c-second{
    background: url('../images/news_bg.jpg') no-repeat;
    background-position: center;
    background-size:auto 100%;
	-webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 
	-o-background-size: cover;/* 兼容Opera */ 
}
.right-second-pic{width:20%;}
.right-second-logo1{
	text-align: center;
}
.right-second-logo2{
	/*
	margin-top: 90px;
	*/
}
.hide-pic{
	width: 126px;
	height: 126px;
	line-height: 126px;
	margin: 0 auto;
	display: none;
	text-align: center;
}
.hide-pic img{
	vertical-align: middle;
}
.right-second-pic{
	height: 240px;
	float: left;
	text-align: center;
	/*cursor: pointer;*/
}
.right-second-pic .pic{
	width: 126px;
	height: 126px;
	line-height: 126px;
	margin: 0 auto;
}
.right-second-pic .pic img{
	float: left;
}
.right-second-pic:hover{
	background: #00B9FF;
	color: #FFFFFF;
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
}
.right-second-pic:hover .pic{
	 display: none;
}
.right-second-pic:hover .hide{
	 display: block;
}
.right-second-pic:hover .hide-pic{
	 display: block;
}
.right-second-pic .word{
	font-size: 14px;
	margin-top: 20px;	
	font-weight: bold;
}
.right-second-pic .hide{
	margin-top: 16px;
	font-size: 12px;
	display: none;	
}
.container-panel{
	height: 100%;
}
.container-panel-children{
	position: relative;
	height: 100%;
	float: left;
	overflow: hidden;
}
.c-third{
    background: url('../images/product_bg.jpg') no-repeat;
    background-position: center;
    background-size:auto 100%;
	-webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 
	-o-background-size: cover;/* 兼容Opera */ 
	
}
.right-third-logo1{
	text-align: center;
}
.right-third-logo2{
	/*margin-top: 88px;*/
	margin-top: 30px;
}

.right-third-logo2-left img{
	cursor: pointer;
}
.right-third-logo2-word1{
	font-size: 34px;
	color: #FFFFFF;
}
.right-third-logo2-word1 span{
	font-size: 20px;
	margin-left: 10px;
	position: relative;
	top: 3px;
}
.right-third-logo2-word2{
	font-size: 14px;
	line-height: 34px;
	padding-top: 20px;
	padding-bottom: 44px;
	color: #FFFFFF;
}
.right-third-bottom{
	position: absolute;
	left: 0;
	bottom: 50px;
    text-align: center;
    width: 100%;
}
.right-third-bottom-circle{
	display: inline-block;
	margin: 0 auto;
	margin-right: 16px;
	height: 10px;
	width: 10px;
	background: rgba(255,255,255,0.5);
	border-radius: 100% 100%;
	-webkit-border-radius: 100% 100%;
	-moz-border-radius: 100% 100%;
	-ms-border-radius: 100% 100%;
	-o-border-radius: 100% 100%;
	cursor: pointer;
}
.right-third-bottom-circle.cur, .right-third-bottom-circle:hover{
	background: #FFFFFF;
}

.c-fourth{
    background: url('../images/hz_bg.jpg') no-repeat;
    background-position: center;
    background-size:auto 100%;
	-webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 
	-o-background-size: cover;/* 兼容Opera */ 
}
.right-fourth-logo1{
	text-align: center;
}
.right-fourth-logo2{
	background: rgba(255,255,255,0.7);
	z-index: 3;
	padding-top: 33px;
	margin:0 auto;
}
.right-fourth-logo2-list img{
	margin-right: -1px;
	width: 20%;
	display: block;
	text-align: center;
	float:left;
}
.right-fourth-logo2-list .item{
	border-right: none;
}
.c-fifth{
	background: url('../images/bgc5.jpg') no-repeat;
    background-position: center;
    background-size:auto 100%;
	-webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 
	-o-background-size: cover;/* 兼容Opera */ 
}
.right-fifth-logo1{
	text-align: center;
}
.right-fifth-logo2{
	margin-top: 17px;
}
.right-fifth-logo2-box-slide{
	width: 100%;
	height: 100%;
	position: relative;
}
.right-fifth-logo2-box-slide-page{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.right-fifth-logo2-box-slide-page li a{
	text-decoration: none;
}
.right-fifth-logo2-top span{
	float: left;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 20px;
	margin-right: 20px;
	font-size: 14px;
	color: #565656;
	font-weight: bold;
	cursor: pointer;
}
.right-fifth-logo2-top span.active{
	background: #00B9FF;
	color: #FFFFFF;
}
.right-fifth-logo2-box{
	margin-top: 22px;
}
.right-fifth-logo2-box ul{
	margin-right: -15px;
	margin-top:35px;
}
.right-fifth-logo2-box ul li{
	float: left;
	width: 25%;
	height: 100%;
}
.right-fifth-logo2-box ul li .personInfo,
.right-fifth-logo2-box ul li .empInfo{
	margin-right: 15px;
	background-color: #ffffff;
	position: relative;
}
.right-fifth-logo2-box ul li .personInfo:after{
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	bottom: 19px;
	width: 21px;
	height: 21px;
	background: url(../img/jiantou-right2.png);
}
.right-fifth-logo2-box ul li .personInfo:hover,
.right-fifth-logo2-box ul li .personInfo.active,
.right-fifth-logo2-box ul li .empInfo:hover,
.right-fifth-logo2-box ul li .empInfo.active{
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
}
.right-fifth-logo2-box ul li .personInfo:hover:after,
.right-fifth-logo2-box ul li .personInfo.active:after{
	background: url(../img/jiantou-right.png);
}
.right-fifth-logo2-box ul li .personInfo-imgBox,
.right-fifth-logo2-box ul li .empInfo-imgBox{
	width: 100%;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}
.personInfo-info,
.empInfo-info{
	padding: 22px 20px 20px 20px;
}
.personInfo-info-title,
.empInfo-info-title{
	color: #333333;
	font-size: 18px;
	font-weight: bold;
}
.personInfo-info-des,
.empInfo-info-des{
	color: #999999;
	font-size: 14px;
	margin-top: 10px;
}

.tdjs-des{
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
	margin-top: 15px;
	padding: 30px 20px 30px 28px;
	background: #ffffff;
	margin-left: -80px;
	position: absolute;
	z-index: 1;
}
.tdjs-des-title{
	color: #333333;
	font-size: 20px;
	font-weight: bold;
}
.tdjs-des-content{
	color: #666666;
	font-size: 14px;
	margin-top: 15px;
	line-height: 26px;
}

.c-sixth{
    background: url('../images/bgc6.jpg') no-repeat;
    background-position: center;
    background-size:auto 100%;
	-webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 
	-o-background-size: cover;/* 兼容Opera */ 
}
.right-sixth-top{
	position: relative;
	padding-bottom: 33px;
	border-bottom: 1px solid #FFFFFF;
}
.right-sixth-left{
	line-height: 27px;
	font-size: 14px;	
	color: #FFFFFF;
}
.right-sixth-top .number{	
	color: #FFFFFF;
	margin-bottom: 20px;
	font-size: 32px;
}
.right-sixth-right{
	font-size: 14px;
	line-height: 27px;
	color: #FFFFFF;
}
.right-sixth-bottom{
	position: relative;
    text-align: center;
    margin-top: 62px;
}
.listing-top img{width:60%;margin:0px auto;}
.listing{
        transition-property:right;
        -moz-transition-property: right; /* Firefox 4 */
        -webkit-transition-property:right; /* Safari �� Chrome */
        -o-transition-property:right; /* Opera */
    	-moz-transition-duration: 1s;
    	transition-duration: 1s;
    	-webkit-transition-duration: 1s;
    	-o-transition-duration: 1s;
}
.slide-text-box{
	margin:0% 15%;
	color:#fff;
}
.slide-text{
	/*
	padding-top:200px;
	*/
	padding-top:50px;
}
.slide-icon{
	max-width:100%;
}
.slide-text img{
	max-width:100%;
	height:auto;
}
.btn-box .btn .cat{
	background-image:url(../images/cat.png);
	width:50px;
	height:60px;
	position:absolute;
	top:-59px;
	left:50%;
	margin-left:-25px;
	background-position:center;
	background-size:100% auto;
}
.btn{display:inline-block;border:none;padding:5px 15px;position:relative;}

.btn-detail-1{
	background-color:#00b9ff;color:#fff;
}
.btn-detail-2{
	background-color:#fff;color:#f57;
}
.slide-1{position: absolute;height:100%;width:50%;background-color:rgba(0,0,0,0.5);}
.slide-2 .left,.slide-2 .right{position:absolute;height:100%;width:30%;background-color:rgba(0,0,0,0.5);}
.slide-2 .right{left:70%;}
.slide-2 .center{position:absolute;left:30%;height:100%;width:40%;}
.slide-2 .center .first{position:relative;width:100%;height:100px;background-color:rgba(0,0,0,0.5);}
.slide-2 .center .second{position:relative;height:456px;width:100%;text-align:center;}
.slide-2 .center .second .content{padding:10px;text-align:center;}
.slide-2 .center .second .content img{max-width:80%;}
.slide-2 .center .second .t-l,.slide-2 .center .second .t-r,.slide-2 .center .second .b-l,.slide-2 .center .second .b-r{position:absolute;height:100px;width:100px;z-index:1000;}
.slide-2 .center .second .t-l{
	left:-5px;top:-5px;border-top:5pt solid #01b9ff;border-left:5pt solid #01b9ff;
}
.slide-2 .center .second .t-r{
	right:-5px;top:-5px;border-top:5pt solid #01b9ff;border-right:5pt solid #01b9ff;
}
.slide-2 .center .second .b-l{
	left:-5px;bottom:-5px;border-bottom:5pt solid #01b9ff;border-left:5pt solid #01b9ff;
}
.slide-2 .center .second .b-r{
	right:-5px;bottom:-5px;border-bottom:5pt solid #01b9ff;border-right:5pt solid #01b9ff;
}
.slide-2 .center .third{position:relative;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.slide-2 .container-box{
	position:absolute;left:50%;top:50%;margin-left:-200px;margin-top:-200px;height:400px;width:400px;background-color:rgba(255,255,255,0.1);
}
.color-main{color:#00b9ff}


.right-fourth-pic{
	width:25%;
	height: 240px;
	float: left;
	text-align: center;
	/*cursor: pointer;*/
}
.right-fourth-pic .pic{
	width: 126px;
	height: 126px;
	line-height: 126px;
	margin: 0 auto;
}
.right-fourth-pic .pic img{
	width:100%;
	float: left;
}

.right-fourth-pic .word{
	font-size: 14px;
	margin-top: 20px;	
	font-weight: bold;
}
.right-fourth-pic .hide{
	margin-top: 16px;
	font-size: 12px;
	display: none;	
}

.c-fifth .container-box{
	top:-250px;
}

.product-img{
	position:absolute;left:0px;bottom:0px;
	height:85%;
}
.product-img img{
	height:100%;
}


@media(min-width:768px){
	.arti-unit{
		padding:0px 10px;margin:35px 70px;position:relative;
		height:70px;
		padding-left:120px;
	}
	.arti-unit .time{
		position:absolute; left:0px;top:0px;
		width:100px;height:70px;
		border-bottom:3pt solid #666;
		border-left:3pt solid #666;
		border-right:3pt solid #666;
		text-align:center;
	}
	.arti-unit .time .b-l{
		position:absolute; left:0px;top:0px;
		border-top:3pt solid #666;
		width:20px;
	}
	.arti-unit .time .b-r{
		position:absolute; right:0px;top:0px;
		border-top:3pt solid #666;
		width:20px;
	}
	.arti-unit .time .d{
		width:60px;
		position:absolute; left:50%;top:-19px;
		font-weight:bold;font-size:40px;
		margin-left:-30px;
	}
	.arti-unit .time .ym{
		margin-top:40px;
	}
	.arti-unit .title{
		height:30px;line-height:30px;font-weight:bold;
		border-bottom:1pt solid #666;	
	}
	.arti-unit .subtitle {
		color:#777;
	}
	.arti-unit:hover{color:#00b9ff;}
	.arti-unit:hover .time{
		border-bottom:3pt solid #00b9ff;
		border-left:3pt solid #00b9ff;
		border-right:3pt solid #00b9ff;
	}
	.arti-unit:hover .time .b-l,.arti-unit:hover .time .b-r{border-top:3pt solid #00b9ff;}
	.arti-unit:hover .title{border-bottom:1pt solid #00b9ff;}
	
	.prod-unit{
		margin:40px 40px;
	}
	.prod-unit img{
		max-width:100%;
		border:2pt solid #fff;
		margin:4px;
	}
	.prod-unit .prod-img{
		width:20%;height:150px;
		float:left;
	}
	.prod-unit .prod-txt{
		width:80%;float:left;height:150px;
	}
	.prod-unit .prod-txt .title{
		margin-left:20px;
		height:30px;line-height:30px;font-weight:bold;
		border-bottom:1pt solid #666;	
	}
	.prod-unit .prod-txt .subtitle{
		margin-left:20px;
		height:20px;line-height:25px;height:100px;
	}
	.prod-unit:hover .title{color:#00b9ff;border-bottom:1pt solid #00b9ff;}
}