@charset "utf-8";
/* CSS Document */
html {
	font: 12px/1.8 "微软雅黑","\5b8b\4f53",Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font: 12px/1.8 "微软雅黑","\5b8b\4f53",Arial,sans-serif;
}
html,body{overflow:hidden }
.ablock{
	display: block;
}
/**加载图标**/
#loading {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
}
#loading img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 10px 0 0 -50px;
}
#indexWrap{
	position: relative;
	width: 100%;
	height: 715px;
	min-width: 620px;
}
.viewport {
	position: relative;
	height: 100%;
	overflow: hidden;
}
.view-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.view-bg img {
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	/*margin-left: -960px;*/
}
/*头部*/
.header{
	position: fixed;
	_position: absolute;
	width: 100%;
	/*height: 100px;*/
	z-index: 19;
	padding:20px 0;
	transition:all 0.5s ease 0s;  
	
	background-color:#000;
	filter: alpha(opacity=45);  
    
    background-color:rgba(0, 0, 0, 0.45);

	
	
}
/*.header .hbg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition:all 0.5s ease 0s;
}*/
.header .content{
	position: relative;
	z-index: 20;
	/*overflow: hidden;*/
	height: 79px;
}
.header .logo{
	float: left;
	margin-left:3%;
	width: 161px;
}
.header .logo img{
	width: 100%;
}
.header .nav{
	font-size: 14px;
	margin-left:2%;
	float: left;
	/*position: relative;*/
	overflow: hidden;
}
.header .nav li{
	float: left;
	margin-top: 28px;
	height: 25px;
	/*padding:0 0 17px 0;*/
	/*margin:0 20px;*/
	width: 100px;
	text-align: center;
	overflow: hidden;

	text-transform: uppercase;
	cursor: pointer;
	position: relative;
}
.header .nav a{
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;

	transition:all 0.5s ease 0s;
}
.header .nav a.en{
	font-family: arial;
}
.header .nav a.en{
	top: 25px;
}
.header .nav li:hover a.cn,
.header .nav li.cur a.cn{
	top: -25px;
}
.header .nav li:hover a.en,
.header .nav li.cur a.en{
	top: 0;
}


.header .nav-bg {
    background: #ddd;
    bottom: 0;
    height: 4px;
    position: absolute;
    width: 56px;
    z-index: 12;
}
.header .enurl{
	font-size: 14px;
	display: block;
	float: right;
	margin-top: 37px;
	margin-right:5px;
	transition:all 0.5s ease 0s;
	position: relative;
	padding-right:27px;
}
.header .enurl i{
	width: 21px;
	height: 15px;
	display: block;
	position: absolute;
	right: 0px;
	top: 10px;
	cursor: pointer;
}
.header .enurl .span{
	display: block;
	padding: 4px 0 3px 0;
	width: 48px;
	text-align: center;
}
.header .enurl .url{
	position: absolute;
	width: 48px;
	text-align: center;
	left: 0;
	top: 32px;
	display: none;
}
.header .search{
	width: 200px;
	/*position: absolute;
	right: 2%;
	top: 37px;*/
	margin-right: 2%;
	margin-top: 37px;
	float: right;
	position: relative;
}
.header .ts{
	position: absolute;
	top: 6px;
	left: 10px;
	transition:all 0.5s ease 0s;
}
.header .search-b{
	position: relative;
	z-index: 12;
	overflow: hidden;
	padding-bottom: 1px;
}
.header .search-b i{
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition:all 0.5s ease 0s;
}
.header .text{
	width: 147px;
	float: left;
	border:0;
	display: block;
	float: left;
	padding:8px 5px 7px 10px;
	height: 17px;
	background: none;
}
.header .submit{
	width: 38px;
	height: 32px;
	display: block;
	float: left;
}

/*首页*/
/***banner **/
.banner,
.banner2,
.banner4,
.banner5{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #FFF;
	z-index: 3;
}
.banner2{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #000;
	z-index: 3;
}
.banner ul,
.banner2 ul,
.banner4 ul,
.banner5 ul{
	position: absolute;
	left: 0;
	top: 0;
}
.banner ul,
.banner ul li,
.banner2 ul,
.banner2 ul li,
.banner4 ul,
.banner4 ul li,
.banner5 ul,
.banner5 ul li{
	width: 100%;
	height: 100%;
}
.banner ul li,
.banner2 ul li,
.banner4 ul li,
.banner5 ul li{
	position: relative;
}
.banner ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.banner ul li img{
	/*display: none;*/
	position: absolute;
	left: 0;
}
.banner-b .ban-num{
	position: absolute;
	width:100%;
	height: 14px;
	bottom: 30px;
	left: 0;
	z-index: 4;
	text-align: center;
}
.banner-b .ban-num span{
	 display: inline-block;
	 width: 14px;
	 height: 14px;
	 background: url(../img/icon1.png) no-repeat;
	 background-position: 0 0;
	 margin:0 7px;  
	 overflow: hidden;
	 cursor: pointer;
}
.banner-b .ban-num span.on{
	background-position:right 0px;
}
.viewport-cont{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

/*down*/
.dow dl dd{
	float: left;
	overflow: hidden;
	position: relative;
}
.dow dl dd img{
	position: absolute;
	left: 0;
	top: 0;
}
.dow dl dd .obg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	z-index: 6;
}
.dow dl dd.on{
	cursor: pointer;
}
.dow dl dd.on .obg{
	opacity: 0.45;
	filter: alpha(opacity=45);
	transition:all 0.5s ease 0s;
}
.dow dl dd.on:hover .obg{
	opacity: 0;
	filter: alpha(opacity=0);
}
.dow dl dd .con{
	text-align: center;
	position: relative;
	z-index: 7;
	width: 80%;
	margin:0 auto;
	display: none;
}
.dow dl dd .con a{
	color: #fff;
	display: block;
}
.dow dl dd .con .tit{
	font-size: 20px;
	margin-top: 70%;
	line-height: 1.2em;
}
.dow dl dd .con .entit{
	font-family: arial;
	font-size: 13px;
	opacity: 0.8;
}
.dow dl dd .con .txt{
	margin-top: 5%;
}
.dow dl dd .con .more{
	padding:5px 14px 5px 44px;
	display: inline-block;
	background: url(../img/down.png) no-repeat 17px center;
	margin-top: 4%;
}
.dow .prev,
.dow .next{
	display: block;
	cursor: pointer;
	width: 49px;
	height: 49px;
	background-image:url(../img/js_48.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 8;
}
.dow .prev{
	background-position: left top;
	left: 45px;
}
.dow .next{
	background-position: left bottom;
	right: 45px;
}
.dow .prev:hover{
	background-position: right top;
}
.dow .next:hover{
	background-position: right bottom;
}
/*company*/
.comp .view-bg1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.comp .view-bg1 video{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.comp .view-bg2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.comp .left,
.comp .right{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 11;
}
.comp .left{
	left: 0;
}
.comp .right{
	right: 0;
}
.comp .tit{
	display: block;
	width: 100%;
}
.comp .content{
	color: #fff;
	text-align: center;
}
.comp .content .h6{
	font-size: 26px;
	margin-top: 8%;
}
.comp .content .h5{
	font-size: 38px;
}
.comp .content .h4{
	font-size: 16px;
	font-family: arial;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.comp .content .h3{
	width: 60px;
	height: 3px;
	background: #fff;
	margin:35px auto 0;
}
.comp .content .h2{
	font-size: 14px;
	/*max-width: 900px;*/
	margin:49px auto 0;
	padding:0 40px;
}
.comp .content .txt{

}

.comp .content .ts{
	margin:50px auto 0;
	width:95%;
	padding:0 2.5%;
	
}

.comp .content .ts li{
	display:block;
	width:33%;
	margin: 0;		
}

.comp .content .ts li .ts_icon{
	float:left;display:block;
	width: 76px;
	height: 150px;
	margin:0 24px;

}
.comp .content .ts li .ts_p{		
    float:none;	
	text-align:left;	display:block;
    width:100%;

}
.comp .content .ts li .ts_p span{
	width: 100%;
	margin-bottom:15px;
	font-size: 18px;
	font-weight:bold;
	text-align:left;
}


.comp .content .ts li .ts_p  p{
	width: 100%;
	font-size: 14px;
	line-height:25px;
	text-align:left;
	
}
.comp .content .txt a{
	display: inline-block;
	width: 114px;
	vertical-align: top;
	color: #cccccc;
	margin:0 50px;
}



.comp .content .txt a span{
	width: 114px;
	height: 114px;
	display: inline-block;
	background: url(../img/js_33.png) no-repeat center;
}
.comp .content .txt a i{
	display: inline-block;
	width: 100%;
	font-size: 20px;
	font-style: normal;
	opacity: 0.8;
	filter: alpha(opacity=80);
}



/*4Products*/
.pro .left,
.pro .right{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
}
.pro .left{
	left: 0;
}
.pro .bgimg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.pro .bgimg img{
	position: absolute;
	left: 0;
	top: 0;
}
.pro .fiimg{
	width: 55%;
	display: block;
	position: absolute;
	bottom: 33%;
	right: 3%;
	/*transform: rotateY(50deg);
	transition:all 1.2s ease 0s;*/
}
.transform{
	animation: arrow 3.2s infinite;
}
@keyframes arrow{
	0%{
		transform: rotateY(0deg);
	}
	45%{
		transform: rotateY(44deg);
	}
	100%{
		transform: rotateY(0deg);
	}
}

.pro .fiimg2{
	width: 84%;
	position: absolute;
	left: -200px;
	bottom: 0;
	display: block;
}
.pro .right{
	right: 0;
}
.pro .right .content{
	color: #fff;
	margin:20% 13% 0 13%;
	position: relative;
	left: 0;
	top: 0;
	z-index: 4;

}
.pro .right .content ul,
.pro .right .content li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
}
.pro .right .content li{
	display: none;
}
.pro .right .content .tit{
	font-size: 48px;
	line-height: 1.2em;color:#3c3d3d
}
.pro .right .content .entit{
	font-size: 30px;
	text-transform: uppercase;
	font-family: arial;
}
.pro .right .content .hr{
	width: 68px;
	height: 3px;
	background: #fff;
	margin-top: 60px;
}
.pro .right .content .txt{
	margin-top: 29px;
	font-size: 17px;
	height: 110px;
	color:#3c3d3d;line-height: 2.2em;
}

/**/
.par dd{
	position: relative;
	float: left;
}
.par dd.borR{
	border-right: 1px solid #e0e0e0;
}
.par dd.borB{
	border-bottom: 1px solid #e0e0e0;
}
.par dd img{
	position: absolute;
	left: 0;
	top: 0;
}
.par dd.on .logoimg{
	z-index: 9;
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);*/
	opacity: 0.8;
}
.par dd.on:hover{
	z-index: 10;
	box-shadow: 0px 0px 7px #ccc;
}
.par dd.on:hover .logoimg{
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);*/
	opacity:1;
}
.par .btnbox{
	position: absolute;
	left: 0;
	background: url(../img/js_451.jpg) no-repeat center;
	z-index: 10;
}
.par .btnbox-b{
	color: #fff;
	overflow: hidden;
	position: absolute;
	left: 10%;
	top: 50%;
	margin-top: -77px;
}
.par .btnbox .tit{
	font-size: 45px;
	line-height: 1.2em;
}
.par .btnbox .entit{
	font-size: 29px;
	text-transform: uppercase;
}
.par .prev,
.par .next{
	display: block;
	cursor: pointer;
	width: 49px;
	height: 49px;
	float: left;
	margin-right:20px;
	margin-top: 10px;
	background-image:url(../img/js_48.png);
	background-repeat: no-repeat;
}
.par .prev{
	background-position: left top;
}
.par .next{
	background-position: left bottom;
}
.par .prev:hover{
	background-position: right top;
}
.par .next:hover{
	background-position: right bottom;
}


/*case*/
.case{

}


/* box */
#box{position:absolute;background:#000;visibility:hidden;}
#screen{position:absolute;left:0px;width:100%;height:100%;background:#000;;}
#box img {position:absolute;;cursor:pointer;}
#box span{position:absolute;}
#lnk{visibility:hidden;}


/*Contact Us*/
.con{

}
.con .left,
.con .right{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
}
.con .left{
	left: 0;
}
.con .bgimg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.con-b{
	position: absolute;
	left: 0;
	top: 0;
	width: 526px;
	left: 50%;
	top: 50%;
	margin-left: -263px;
	margin-top: -198px;color:#3c3d3d
}
.con-b .content{
	color: #3c3d3d;	font-size: 14px;
}
.con-b .content .tit{
	font-size: 48px;
line-height: 1.2em;color:#3c3d3d
}
.con-b .content .entit{
	font-size: 14px;
	opacity: 0.8;color:#3c3d3d
}
.con-b .content .text{
	width: 500px;
	padding:11px 10px;
	display: block;
	border:1px solid #bee0db;
	background: url(../img/js_65.png) repeat center;
	display: block;
	margin-top: 20px;
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
}
.con-b .content .textarea{
	width: 500px;
	height: 120px;
	padding:10px;
	display: block;
	border:1px solid #bee0db;
	background: url(../img/js_65.png) repeat center;
	display: block;
	margin-top: 20px;
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
}
.con-b .content input::-webkit-input-placeholder, 
.con-b .content textarea::-webkit-input-placeholder {
	color: #d5e9e8;
}
.con-b .content input:-moz-placeholder, 
.con-b .content textarea:-moz-placeholder {
	color: #d5e9e8;
}
.con-b .content input::-moz-placeholder, 
.con-b .content textarea::-moz-placeholder {
	color: #d5e9e8;
}
.con-b .content input:-ms-input-placeholder, 
.con-b .content textarea:-ms-input-placeholder {
	color: #d5e9e8;
} 
.con-b .content .submit{
	width: 141px;
	height: 40px;
	border:1px solid #bee0db;
	text-align: center;
	display: block;
	line-height: 40px;
	background: url(../img/js_65.png) repeat center;
	font-size: 16px;
	color: #fff;
	margin-top: 20px;
	border-radius: 50px;

	background: rgba(255, 255, 255, 0.05);
	transition:all 0.5s ease 0s;
}
.con-b .content .submit:hover{
	background: rgba(255, 255, 255, 0.25);
}
.con-b .content .txt{
	font-size: 18px;
	padding:50px 0 20px 0;color:#3c3d3d
}
.con-b .content .txt a{
	color:#3c3d3d
}
.con-b .content .txt a:hover{
	/*opacity: 0.8;*/
	text-decoration: underline;
}
.con .right{
	right: 0;
	background: #ddd;
	opacity: 0.75;
}


.pro33{ background:#000}

.list-list{
    /*float:left;
    width:1920px;
    position: absolute;
    left:50%;
    margin-left: -960px;
    height: 930px;*/
    width: 100%;
    margin-top: 0px;
}
.list-list li{
    /*width:639px;
    height:930px;*/
    float:left;
    position: relative;
    background-size: cover;
    overflow: hidden;
}
.list-list li a{
    display: block;
    width:634px; height:930px;
}
.black-clear{
    /*width:639px;
    height:930px;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top:0px;
    left:0px;
    background:#000;
    opacity: 0;
    filter: alpha(opacity=0);
}
.black-box{
	position: absolute;
	/*top:354px;*/
	left: 0px;
	z-index:888;
	top: 30%;
	margin-top: 0;

}

.black-box img{
    margin-left: 19px;
    margin-top: 34px;
}
.black-box p{
    font-size: 24px;
    color:#fff;
    line-height: 30px;
    height:30px;
    margin:10px 0px 50px 19px;
}
.black-box .more{
    display: block;
    width:81px;
    height:24px;
    background: url("../img/lis_28.png") no-repeat;
    margin-left: 19px;
}
.tit-two{
    background: url("../img/lis_07.png") no-repeat;
}
.tit-th{
    background: url("../img/lis_10.png") no-repeat;
}


.black-tit{
    background: url("../img/100.jpg") no-repeat;
    width:200px;
    height:200px;
    margin-left:0px;
}

.tit-tit2{
    background: url("../img/180.jpg") no-repeat;
}
.tit-tit3{
    background: url("../img/200.jpg") no-repeat;
}
.tit-tit4{
    background: url("../img/280.jpg") no-repeat;
}
.tit-tit5{
    background: url("../img/350.jpg") no-repeat;
}