.banner{
	float:left;
	width:100%;
	height:660px;
	/*overflow:hidden;
	position:absolute;
	top:0px;
	z-index:-100;*/
	z-index:-100;
}
.banner img{
	float:left;
	width:100%;
	height:660px;
	z-index:-100;
}

@font-face {
/* font-test*/
	font-family: tonjay;
	src:url('font/SourceHanSansSC-Medium.otf'),
	url('font/SourceHanSansSC-Medium.otf'),
	url('font/SourceHanSansSC-Medium.otf'); /* IE9 */
}

.main{
	width:100%;
	height:1072px;
	background:url(../img/contactbg1.jpg);
}

.maincontent{
	width:1227px;
	height:600px;
	margin:0 auto;
	left:0px;
	right:0px;
	margin-top:-80px;
	position:relative;
}

.contactinfo{
	width:100%;
	height:345px;
	background:#ABABA8;
	float:left;
	margin-top:-80px;
}

.contacttitle{
	width:100%;
	float:left;
	height:50px;
	text-align:center;
	font-size:40px;
	font-weight:bold;
	margin-top:35px;
}

.contanticon{
	width:18px;
	height:27px;
	margin-left:60px;
}

.contactcard{
	width:1099px;
	height:160px;
	float:left;
	background:#1F1F1F;
	margin-left:22px;
	margin-top:30px;
	padding:20px;
	padding-left:42px;
	padding-right:42px;
}

.contactitem{
	width:305px;	
	height:120px;
	float:left;
	background:#fff;
	margin-right:32px;
	padding:20px;
}

.citem1{
	width:305px;
	height:50px;
	float:left;
	margin-bottom:30px;
}

.citem1icon{
	width:50px;
	height:50px;
	float:left;
}

.citem1info{
	width:230px;
	height:50px;
	float:left;
	font-size:20px;
	font-weight:bold;
	margin-left:25px;
}

.citem2{
	width:305px;
	height:30px;
	float:left;	
}

.citem2icon{
	float:left;
	width:19px;
	height:21px;
}

.addressdetail{
	width:281px;
	height:21px;
	float:left;
	font-weight:bold;
	font-size:15px;
	line-height:21px;
	margin-left:5px;
}

.citem3{
	width:305px;
	height:30px;
	float:left;	
}

.citem3icon{
	float:left;
	width:19px;
	height:14px;
}

.emaildetail{
	width:281px;
	height:14px;
	float:left;
	font-weight:bold;
	font-size:15px;
	line-height:14px;
	margin-left:5px;
}
.citemleft{
	width:140px;
	height:118px;
	float:left;
	text-align:center;
}

.weixin{
	float:left;
	width:77px;
	height:64px;
	margin-left:30px;
	
}

.weixininfo{
	width:140px;
	height:35px;
	float:left;
	text-align:center;
	font-size:18px;
	line-height:35px;
	margin-top:20px;
}

.citemright{
	width:118px;
	height:118px;
	float:right;
}

.contactshow{
	width:1100px;
	height:auto;
	float:left;
	margin-left:60px;
	margin-top:100px;
}

.showtitle{
	width:100%;
	height:112px;
	float:left;
}

.showtitleimg{
	width:113px;
	height:112px;
	float:left;
}

.showtitleinfo{
	width:957px;
	height:112px;
	float:left;
	margin-left:30px;
}

.showtitleinfo1{
	width:100%;
	height:60px;
	float:left;
	font-size:40px;
	font-weight:bold;
	color:#fff;
}

.showtitleinfo2{
	width:100%;
	height:50px;
	float:left;
	color:#fff;
	font-size:40px;
}

.contactshowimg1{
	width:100%;
	height:auto;
	float:left;
	margin-top:100px;
}
.contactshowimg2{
	width:100%;
	height:auto;
	float:left;
	margin-top:15px;
}

.contactform{
	width:100%;
	height:auto;
	background:#000;
	float:left;
	margin-top:-238px;
}

.fmain{
	width:1005px;
	height:600px;
	background:url(../img/contactbg.png);
	position:relative;
	margin:0 auto;
	left:0px;
	right:0px;
	margin-top:300px;
	padding:50px;
}

.fmain_left{
	width:500px;
	height:auto;
	float:left;
}

.left1{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:80px;
}

.line1{
	width:50%;
	height:1px;
	background: #D8C47D;
	float:left;
}

.line2{
	width:100%;
	height:1px;
	background: #D8C47D;
	float:left;
	margin-top:50px;
}


.fangkuai{
	width:25px;
	height:25px;
	float:left;
	background: #D8C47D;
	margin-top:50px;
}

.info1{
	width:100%;
	height:30px;
	float:left;
	font-size:30px;
	color:#D8C47D;
	margin-top:20px;
}

.info2{
	width:100%;
	height:30px;
	float:left;
	font-size:30px;
	color:#D8C47D;
	margin-top:20px;
}

.info3{
	width:100%;
	height:30px;
	float:left;
	font-size:30px;
	color:#D8C47D;
	margin-top:20px;
}

.jinaddress{
	width:100%;
	height:23px;
	float:left;
	font-size:20px;
	color:#D8C47D;
	margin-top:50px;
	line-height:23px;
}

.jinaddressimg{
	float:left;
	margin-right:15px;
	width:21px;
	height:23px;
}

.jinphone{
	width:100%;
	height:100px;
	float:left;
	border-left:1px solid #D8C47D;
	margin-top:20px;
}

.jinphone1{
	width:95%;
	height:50px;
	float:left;
	margin-left:5%;
}

.jinphoneimg{
	width:50px;
	height:50px;
	float:left;
}

.jinphone1info{
	width:70%;
	height:50px;
	floaT:left;
	margin-left:5%;
	font-size:21px;
	color:#D8C47D;
}

.jinphone2{
	width:95%;
	font-size:21px;
	color:#D8C47D;
	margin-left:5%;
	margin-top:20px;
	float:left;
}

.fmain_right{
	width:420px;
	height:auto;
	float:right;
	margin-top:100px;
}

.fitem{
	width:420px;
	height:40px;
	float:left;
	margin-bottom:25px;
}

.ffont{
	display:block;
	width:110px;
	float:left;
	height:40px;
	color:#D8C47D;
	font-size:24px;
	line-height:40px;
}

.inputclass{
	width:300px;
	height:40px;
	border:1px solid #4A4649;
	border-radius:5px;
	float:left;
	font-size:24px;
	background:none;
	color:#fff;
}

.textareaclass{
	width:300px;
	height:200px;
	border:1px solid #4A4649;
	border-radius:5px;
	float:left;
	font-size:24px;
	background:none;
	color:#fff;
}

.subbtn{
	width:100%;
	height:35px;
	float:left;
	background:#D8C47D;
	border-radius:5px;
	text-align:center;
	line-height:35px;
	color:#000;
	margin-top:180px;
	font-size:18px;
	cursor:pointer;
}

.icon{
	width:100%;
	height:171px;
	float:left;
	margin-top:915px;
	
}

.icon_main{
	width:1200px;
	height:171px;
	margin:0 auto;
	left:0px;
	right:0px;
	
}

.icon_detail{
	width:300px;
	height:171px;
	float:left;
	margin-top:60px;
}

.icon_detail img{
	display:block;
	float:left;
	width:auto;
	height:auto;
	margin-right:20px;
	margin-left:50px;
}

.icon_detail span{
	margin-top:-2px;
	display:block;
	float:left;
	width:auto;
	height:auto;
	font-size:20px;
}

.icon_detail font{
	display:block;
	float:left;
	width:auto;
	height:auto;
	font-size:15px;
}

.brand{
	background:#000;
	float:left;
	width:100%;
	height:auto;
}

.brandhead{
	width:1150px;
	height:56px;
	margin:0 auto;
	left:0px;
	right:0px;
	padding-left:50px;
	margin-top:60px;
}

.brandhead img{
	display:block;
	width:46px;
	height:56px;
	float:left;
}

.brandhead font{
	display:block;
	width:46px;
	height:41px;
	float:left;
	color:#eee;
	margin-left:20px;
	font-size:15px;
	margin-top:15px;
}

.brandhead span{
	display:block;
	width:auto;
	height:auto;
	float:left;
	color:#fff;
	margin-left:50px;
	font-size:35px;
	margin-top:10px;
}

.brandbaner{
	width:1150px;
	height:557px;
	margin:0 auto;
	left:0px;
	right:0px;
	padding-left:50px;
	margin-top:50px;
}

.brandbaner a{
	width:354px;
	height:557px;
	display:block;
	float:left;
	overflow: hidden; 
}

.brandbaner a img{
	cursor: pointer;  
	transition: all 0.6s;    
}

.brandbaner a img:hover{
	transform: scale(1.2); 	
}

.brandmore{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:15px;
	margin-top:40px;
	color:#eee;
}

.adshow{
	width:100%;
	height:auto;
	float:left;
	background:#000;
	padding-top:50px;
}

.adshow img{
	display:block;
	width:1440px;
	height:auto;
	margin:0 auto;
	left:0px;
	right:0px;
}

.cases{
	width:1108px;
	height:633px;
	margin:0 auto;
	left:0px;
	right:0px;
	margin-top:100px;
	position:relative;
}

.casesbg1{
	width:1000px;
	height:500px;
	position:absolute;
	background: linear-gradient(#EFE3B1, #DAC167);
}

.casesbg2{
	width:1000px;
	height:500px;
	position:absolute;
	/*background: linear-gradient(#EFE3B1, #DAC167);*/
	background:#000;
	border:15px solid #DAC167;
	margin-left:60px;

}

.casemain{
	width:1020px;
	height:520px;
	float:left;
	background:url(../img/casebg.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:absolute;
	z-index:9999;
	/*background:red;*/
	top:-40px;
	left:20px;
}

.casemain{
	width:1020px;
	height:520px;
	float:left;
	background:url(../img/casebg.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:absolute;
	z-index:9999;
	/*background:red;*/
	top:-40px;
}

.caseleft{
	width:250px;
	height:auto;
	float:left;
	margin-left:30px;
}


.caselefttitle{
	width:250px;
	height:80px;
	overflow:hidden;
	float:left;
	color:#FEFEFE;
	font-size:25px;
	margin-top:50px;
}


.titleborder{
	width:50px;
	height:4px;
	background: linear-gradient(#EFE3B1, #DAC167);
	float:left;
}

.caseleftcontent{
	width:250px;
	height:300px;
	overflow:hidden;
	float:left;
	color:#FEFEFE;
	font-size:16px;
	margin-top:20px;
	line-height:25px;
}

.caseright{
	float:left;
	margin-top:50px;
	margin-left:20px;
	width:680px;
	height:440px;
	overflow:hidden;
}



.caseright img{
	float:left;
	width:680px;
	height:440px;
}

.casemore{
	width:250px;
	height:auto;
	float:left;
	text-align:center;
	font-size:14px;
	color:#fff;
}

.torus{
	width:100%;
	height:741px;
	float:left;
	background:#000;
}

.torus img{
	display:block;
	width:1441px;
	height:741px;
	margin:0 auto;
	left:0px;
	right:0px;
	position:relative;
}

.news{
	width:100%;
	height:auto;
	float:left;
	background:#000;
	padding-top:100px;
}

.newsbg{
	width:100%;
	height:971px;
	background:url(../img/newsbg.png);
	background-size:cover;
	-moz-background-size:cover; /* 老版本的 Firefox */
	background-repeat:no-repeat;
	background-position:center center;/*居中显示*/
	/*background-image:linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)), url(../img/newsbg.png);*/
	margin:0 auto;
	left:0px;
	right:0px;	
}

.newsmain{
	width:1031px;
	height:auto;
	margin:0 auto;
	left:0px;
	right:0px;
}

.newshead{
	width:1031px;
	height:56px;
	float:left;
	margin-top:50px;
}

.newshead img{
	display:block;
	width:55px;
	height:46px;
	float:left;
}

.newshead font{
	display:block;
	width:80px;
	height:46px;
	float:left;
	color:#eee;
	margin-left:20px;
	font-size:14px;
	margin-top:5px;
}

.newshead span{
	display:block;
	width:auto;
	height:auto;
	float:left;
	color:#fff;
	margin-left:30px;
	font-size:35px;
	margin-top:0px;
}

.newslist{
	width:1031px;
	height:auto;
	float:left;
}

.newsitem{
	width:315px;
	height:auto;
	float:left;
	background:#111111;
	padding:10px;
	margin-right:13px;
	margin-bottom:13px;
}

.newsimg{
	width:315px;
	height:220px;
	float:left;
	display:block;
}

.newsimg img{
	width:315px;
	height:220px;
	float:left;
	display:block;
}

.newstitle{
	width:315px;
	height:55px;
	float:left;
	display:block;
	overflow:hidden;
	font-size:18px;
	color:#989898;
	margin-top:5px;
}

.newsmark{
	width:315px;
	height:auto;
	float:left;
	margin-top:10px;
}

.newsmark img{
	width:20px;
	height:19px;
	display:block;
	float:left;
}

.newsmark font{
	width:auto;
	height:auto;
	display:block;
	float:left;
	color:#989898;
	margin-left:10px;
}

.bottomlogo{
	width:100%;
	height:auto;
	float:left;
	background:#000;
}

.bottomlogomain{
	width:800px;
	height:auto;
	margin:0 auto;
	left:0px;
	right:0px;
	text-align:center;
	padding-bottom:150px;
}

.bottomlogomain img{
	width:185px;
	height:106px;
}

.bottomtext{
	width:auto;
	height:auto;
	color:#E1D499;
	font-size:20px;
	margin-top:30px;
}

.bottomtext span{
	width:auto;
	height:auto;
	color:#E1D499;
	font-size:18px;
}

.bottomtext font{
	width:auto;
	height:auto;
	color:#E1D499;
	font-size:16px;
}

.video{
	width:100%;
	height:auto;
	float:left;
	background:url(../img/videomainbg.png);
	margin-top:364px;
	padding-bottom:100px;
}

.videomain{
	width:980px;
	height:auto;
	margin:0 auto;
	left:0px;
	right:0px;
}

.videodown{
	width:100%;
	height:67px;
	float:left;
	text-align:center;
	margin-top:-33px;
}

.videotitle{
	width:300px;
	height:38px;
	margin-top:50px;
	float:left;
	margin-left:380px;
}

.videotitle img{
	width:37px;
	height:38px;
	display:block;
	float:left;
}

.videotitle span{
	font-size:16px;
	color:#fff;
	width:60px;
	height:38px;
	display:block;
	margin-left:10px;
	float:left;
}

.videotitle font{
	font-size:26px;
	color:#fff;
	width:auto;
	height:38px;
	display:block;
	margin-left:10px;
	float:left;
	line-height:38px;
	
}

.videocontent{
	width:100s%;
	height:auto;
	float:left;
	margin-top:30px;
}

.videoplay{
	width:700px;
	height:450px;
	float:left;
	background:red;
}

.videolist{
	width:250px;
	height:450px;
	float:left;
	background:#000;
	overflow-y:scroll;
	overflow-x:hidden;
}

.videoitem{
	width:220px;
	height:90px;
	float:left;
	text-align:center;
	line-height:24px;
	color:#fff;
	font-size:20px;
	padding:15px;
	border-bottom:1px solid #1C1A1B;
}

.videoitem:hover{
	color:#000;
	background:#DCC26B;
	cursor:pointer;
}