@charset "utf-8";
/* CSS Document */
* { 
margin:0; 
padding:0; 
} 
html {
	color: #666;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
body {margin:0 auto; font-family:Microsoft Yahei,"宋体",Arial,Helvetica,sans-serif,Tahoma; background:#fff; font-size:14px;  color:#333;min-width:1200px;max-width:1920px;width:expression_r(document.body.clientWidth <= 1200? "1200px": "auto");_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1200?"1200px":"");}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td, option, include, file ,img{margin:0;padding:0;}
ul,li,dl,dd,dt{list-style-type:none;padding:0;margin:0;border:0;}
img { border:0px;}
input{outline:none;}
/*-------将特定标签设成块---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
/*-------给a加时间过渡、清除默认样式---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s;}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
/*在浏览器拖动鼠标颜色*/
::selection { color: #fff; background-color: #000;}    
::-moz-selection { color: #fff; background-color: #000;} 
/*更改浏览器滚动条颜色兼容*/
html,body{ 
/*更改ie内核滚动条颜色*/
	scrollbar-face-color:#000; 
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#000; 
	scrollbar-3dlight-color:#000; 
	scrollbar-arrow-color:#222; 
	scrollbar-track-color:#222; 
	scrollbar-darkshadow-color:#000; 
}  
/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar { width:8px;  height: 8px; background-color: #fcfcfc;}  
::-webkit-scrollbar-track  { border-radius: 10px; background-color: #fcfcfc;}  
::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
/*清除默认样式*/
blockquote, q{ quotes: none;}
blockquote:before, 
blockquote:after, 
q:before,
q:after { content: ''; content: none;}
/*-------表单居中、清理描边---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- 表格重置-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix-----*/
.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
/*-----display-----*/
.clear{ clear:both;}
.disno{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}
/*-----针对webkit的hack写法-----*/
@media screen and (-webkit-min-device-pixel-ratio:0){}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/******************************************************************common/////**********************************************************************/
.mainTop{ position: relative; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 99; min-width:1200px;}
.deteng-body-box{ position: relative; background-color: #fff; z-index: 99;}

header{ position: absolute; left: 0; top: 4.5%; width: 100%; z-index: 9;
  transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
  -webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
  -moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s; min-width:1200px;
}
header.active{
	transform: translateY(-130%);
	-webkit-transform: translateY(-130%);
	-moz-transform: translateY(-130%);
}
.xinwencd{ padding-top: 2.5%; width: 100%; height:300px; background:#000;
  transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
  -webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
  -moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s; min-width:1200px;
}
.xinwencd.active{
	transform: translateY(-130%);
	-webkit-transform: translateY(-130%);
	-moz-transform: translateY(-130%);
}

.logo{ float: left; padding-left: 3%; height: 42px;}
.topMenu{ float: right; margin-right: 1.6%; font-size: 0;}
.topMenu a{ display: inline-block; padding:0 15px; line-height: 50px; vertical-align: top; font-size: 14px; color: #fff;}
.topMenu a i{ display: inline-block; vertical-align: middle; margin:-1px 5px 0 0; width: 0px; height: 1px; background-color: #fff;
	transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
	-webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
	-moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
}
.topMenu a.on i,
.topMenu a:hover i{ width: 25px;}
.deteng-navBar{ width:60px; height:160px; position: fixed; left: 0; top: 30%; margin-top: -100px; background-color:Rgba(200,200,200,0.1);  cursor: pointer; overflow: hidden; z-index: 999;
	transform: translateX(-160px);
	-webkit-transform: translateX(-160px);
	-moz-transform: translateX(-160px);
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.deteng-navBar.visble{
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}
.deteng-navBar.Bom{ top: 70%; background-color: #fff;}

.deteng-navBar .bar-logo{ position: absolute; right:14px; top: 42px; width: 32px;background-color: #363636 ; border-radius: 4px; text-align:center; padding-top:5px; height:27px;}
.deteng-navBar .bar-logo svg.menu-svg{ background-color: #363636 ; border-radius: 4px; fill: #fff; width: 32px; height: 32px;}
.deteng-navBar .bar-logo svg.menu-svg-phone{ display: none;}

.deteng-navBar .bar-menu{ position: absolute; top: 90px; right:16px; height: 15px;}
.deteng-navBar .bar-menu i{ position: absolute; right: 0; display: block; width: 30px; height: 1px; background-color: #000000;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.deteng-navBar .bar-menu i.bar-top{ top: 0;}
.deteng-navBar .bar-menu i.bar-cen{ top: 7px;}
.deteng-navBar .bar-menu i.bar-bom{ bottom: 0;}
.deteng-navBar .expros{ position: absolute; left: -85px; color: #000000; opacity: 0;
	transform: translateX(-30px);
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}
.deteng-navBar:hover{ width: 230px;}
.deteng-navBar:hover .bar-menu i.bar-top{ width: 0;}
.deteng-navBar:hover .bar-menu i.bar-cen{ width: 48px;}
.deteng-navBar:hover .bar-menu i.bar-bom{ width: 0;}
.deteng-navBar:hover .expros{
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	opacity: 1;
}
.deteng-body-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; visibility: hidden; opacity: 0;
	 background-color: rgba(0,0,0,0.4);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
	 transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;
	 -webkit-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;
	 -moz-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s; min-width:1200px;
}
.deteng-body-bg.active{ visibility: visible; opacity: 1; z-index: 9999;}
.deteng-fixed-menu{ position: fixed; left: 0; top: 0; height: 100%; z-index: 9999;
    transform: translateX(-540px);
    -webkit-transform: translateX(-540px);
    -moz-transform: translateX(-540px);
	transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;	
	-webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;	
	-moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;	
}
.deteng-fixed-menu.active{
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
	-webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
	-moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
}
.deteng-fixed-menu .sub-menu-phone{ position: absolute; left: 0; top: 0; width: 430px; height: 100%; background-color: #303030; padding:70px 30px 0 30px; overflow:hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
	-webkit-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
	-moz-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
}
.deteng-fixed-menu .sub-menu-phone ul{ width: 410px;}
.deteng-fixed-menu .sub-menu-phone ul li{ display: table; width: 100%; position: relative;}
.deteng-fixed-menu .sub-menu-phone ul li a{ float: right; overflow: hidden; display: block; width: 300px; height:41px; line-height:40px; position: relative;
	opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transition: all 0s ease-in-out 0.3s;
    -webkit-transition: all 0s ease-in-out 0.3s;
    -moz-transition: all 0s ease-in-out 0.3s
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(1) a{
	transition: all 0.3s ease-in-out 0.8s;
	-webkit-transition: all 0.3s ease-in-out 0.8s;
	-moz-transition: all 0.3s ease-in-out 0.8s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(2) a{
	transition: all 0.3s ease-in-out 0.9s;
	-webkit-transition: all 0.3s ease-in-out 0.9s;
	-moz-transition: all 0.3s ease-in-out 0.9s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(3) a{
	transition: all 0.3s ease-in-out 1s;
	-webkit-transition: all 0.3s ease-in-out 1s;
	-moz-transition: all 0.3s ease-in-out 1s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(4) a{
	transition: all 0.3s ease-in-out 1.1s;
	-webkit-transition: all 0.3s ease-in-out 1.1s;
	-moz-transition: all 0.3s ease-in-out 1.1s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(5) a{
	transition: all 0.3s ease-in-out 1.2s;
	-webkit-transition: all 0.3s ease-in-out 1.2s;
	-moz-transition: all 0.3s ease-in-out 1.2s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(6) a{
	transition: all 0.3s ease-in-out 1.3s;
	-webkit-transition: all 0.3s ease-in-out 1.3s;
	-moz-transition: all 0.3s ease-in-out 1.3s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(7) a{
	transition: all 0.3s ease-in-out 1.4s;
	-webkit-transition: all 0.3s ease-in-out 1.4s;
	-moz-transition: all 0.3s ease-in-out 1.4s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(8) a{
	transition: all 0.3s ease-in-out 1.6s;
	-webkit-transition: all 0.3s ease-in-out 1.6s;
	-moz-transition: all 0.3s ease-in-out 1.6s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(9) a{
	transition: all 0.3s ease-in-out 1.8s;
	-webkit-transition: all 0.3s ease-in-out 1.8s;
	-moz-transition: all 0.3s ease-in-out 1.8s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(10) a{
	transition: all 0.3s ease-in-out 2s;
	-webkit-transition: all 0.3s ease-in-out 2s;
	-moz-transition: all 0.3s ease-in-out 2s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(11) a{
	transition: all 0.3s ease-in-out 2.2s;
	-webkit-transition: all 0.3s ease-in-out 2.2s;
	-moz-transition: all 0.3s ease-in-out 2.2s;
}
.deteng-fixed-menu .sub-menu-phone ul li:nth-of-type(12) a{
	transition: all 0.3s ease-in-out 2.4s;
	-webkit-transition: all 0.3s ease-in-out 2.4s;
	-moz-transition: all 0.3s ease-in-out 2.4s;
}

.deteng-fixed-menu .sub-menu-phone.active ul li a{
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
    opacity: 1;
}
.deteng-fixed-menu .sub-menu-phone ul li.index-hrefs a{ border-bottom: 1px solid #585857;}
.deteng-fixed-menu .sub-menu-phone ul li a:after{ width: 0px; height: 1px; background-color: #575857; position: absolute; content: ''; left: 0px; top: 21px;}
.deteng-fixed-menu .sub-menu-phone ul li a font{ display: block; width: 0px; font-size: 26px; color: #fff; position: absolute; left: 0; margin-left: 50px; overflow: hidden;}
.deteng-fixed-menu .sub-menu-phone ul li a small{ font-size:16px; color: #fff; font-family: 'Gautami'; position: absolute; left: 0; line-height:40px;}
.deteng-fixed-menu .sub-menu-phone ul li a:after,
.deteng-fixed-menu .sub-menu-phone ul li a font,
.deteng-fixed-menu .sub-menu-phone ul li a small{
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.deteng-fixed-menu .sub-menu-phone ul li.on font,
.deteng-fixed-menu .sub-menu-phone ul li a:hover font{width: 60%; font-size:16px;}
.deteng-fixed-menu .sub-menu-phone ul li.on small,
.deteng-fixed-menu .sub-menu-phone ul li a:hover small{ opacity: 0;
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
}
.deteng-fixed-menu .sub-menu-phone ul li.on a:after,
.deteng-fixed-menu .sub-menu-phone ul li a:hover:after{width: 40px;}
.deteng-fixed-menu ul li.index-hrefs aside{ float: left; /*margin: 10px 0 0 30px;*/ position: relative;   z-index: 9; 
	height: 56px;
    border-bottom: 1px solid #ECECEC;
    width: 70px;
    line-height: 56px;
     opacity: 0;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	transition: all .4s ease .8s;
	-webkit-transition: all .4s ease .8s;
	-moz-transition: all .4s ease .8s;}
.deteng-fixed-menu ul li.index-hrefs aside svg{
	

	width: 32px;
		height: 32px;
		fill: #fff;
		stroke: #fff;
		stroke-width: 1px;
		stroke-dasharray: 0, 100;
		/*transition: all .3 ease-in-out;
		-moz-transition: all .3 ease-in-out;
		-webkit-transition: all .3 ease-in-out;*/
}	
.deteng-fixed-menu ul li.index-hrefs aside svg.menu-svg{ width: 32px; height: 32px; fill: #fff; border-radius: 4px; background-color: #fff;    margin: 0 0 0 19px;
}
.deteng-fixed-menu.active ul li.index-hrefs aside svg.menu-svg{
	animation: logo-in 2s ease-in-out forwards 1.5s;
	-moz-animation: logo-in 2s ease-in-out forwards 1.5s;
	-webkit-animation: logo-in 2s ease-in-out forwards 1.5s
}
@keyframes logo-in {
	0% {
		stroke-dasharray: 0, 100;
		left: 100px
	}
	50% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 0)
	}
	100% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 1)
	}
}
@-moz-keyframes logo-in {
	0% {
		stroke-dasharray: 0, 100;
	}
	50% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 0)
	}
	100% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 1)
	}
}
@-webkit-keyframes logo-in {
	0% {
		stroke-dasharray: 0, 100;
	}
	50% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 0)
	}
	100% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 1)
	}
}
.deteng-fixed-menu ul li.index-hrefs aside svg.menu-svg use{ stroke: #333; stroke-width: 1px;}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar{ width: 75px; height: 50px;  position: absolute; top: 36px; margin:20px 0 0 -5px; padding: 32px 0 0 20px; cursor: pointer; z-index:99;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity: 0;
   	transform: translateY(50px);
   	-webkit-transform: translateY(50px);
   	-moz-transform: translateY(50px);
	transition: all .4s ease 1s;
	-webkit-transition: all .4s ease 1s;
	-moz-transition: all .4s ease 1s;
}
.deteng-fixed-menu.active ul li.index-hrefs aside{
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.deteng-fixed-menu.active ul li.index-hrefs aside .close-bar{
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar span{ display: block; position: relative; width: 40px; height: 1px; background-color: #7E7E7E;}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar span:after{ width: 0%; height: 100%; background-color: #fff; position: absolute; content: ''; left: 0; top: 0;
	transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
	-webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
	-moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar span.close-top{
	transform: rotate(45deg) translate3d(2px,0,0);
	-webkit-transform: rotate(45deg) translate3d(2px,0,0);
	-moz-transform: rotate(45deg) translate3d(2px,0,0);
}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar span.close-bom{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.deteng-fixed-menu ul li.index-hrefs aside .close-bar:hover span:after{width: 100%;}

.deteng-fixed-menu .deteng-yx-mads{ width: 300px; border-top: 1px solid #585857; position: absolute; right: 90px; padding-top: 20px; margin-top: 30px;display: none;}
.deteng-fixed-menu .deteng-yx-mads span{ display: inline-block; vertical-align: middle; width: 0px; height: 1px; background-color: #fff;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}
.deteng-fixed-menu .deteng-yx-mads a{ display: inline-block; vertical-align: middle;  font-size: 14px; color: #585857;}
.deteng-fixed-menu .deteng-yx-mads:hover span{ width: 30px;}
.deteng-fixed-menu .deteng-yx-mads:hover a{ color: #fff;}