@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;}
body{font-size:12px; color:#666; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------this-a-list---------*/
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; 
  -ms-transition:all .4s ease 0s; 
  -o-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;} 
/*hover-color*/
::selection { color: #fff; background-color: #A97F48;}    
::-moz-selection { color: #fff; background-color: #A97F48;} 
/*size*/ /*line-radius*/ /*hd-radius*/ /*color*/  
::-webkit-scrollbar  
{  width:8px;  height: 8px; background-color: #141318;  }  
::-webkit-scrollbar-track  
{ border-radius: 10px; background-color: #141318;  }  
::-webkit-scrollbar-thumb  
{  border-radius: 10px; background-color: #1F1B1B; -webkit-box-shadow: inset 0 0 6px rgba(169,127,72,.3);}
/*------- the html5 display-role reset for older browsers---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/*------- input--outline--middle---------*/
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;}
/*----- tabless///-----*/
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;}
/*----- dis///-----*/
.clear{ clear:both;}
.disno{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}
/*----- 文字两侧对齐///-----*/
.justify { text-align:justify; text-justify:distribute-all-lines; /*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
@media screen and (-webkit-min-device-pixel-ratio:0){
   .justify:after { position:absolute; content:"."; display: inline-block; width:100%; overflow:hidden; height:0;}
}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/******************************************************************common/////**********************************************************************/
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
 }
@font-face {
	font-family: 'Conv_calibri';
	src: url('../font/fontstrong/calibri.eot');
	src: local('☺'), 
	url('../font/fontstrong/fonts/calibri.woff') format('woff'), 
	url('../font/fontstrong/calibri.ttf') format('truetype'), 
	url('../font/fontstrong/calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Square721BT-RomanCondensed';
	src: url('../font/fontstrong/Square721BT-RomanCondensed.eot');
	src: local('☺'),
	 url('../font/fontstrong/Square721BT-RomanCondensed.woff') format('woff'), 
	 url('../font/fontstrong/Square721BT-RomanCondensed.ttf') format('truetype'),
	 url('../font/fontstrong/Square721BT-RomanCondensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Reducto Condensed SSi Condensed';
	src: url('../font/fontstrong/Reducto Condensed SSi Condensed.eot');
	src: local('☺'), 
	url('../font/fontstrong/Reducto Condensed SSi Condensed.woff') format('woff'), 
	url('../font/fontstrong/Reducto Condensed SSi Condensed.ttf') format('truetype'), 
	url('../font/fontstrong/Reducto Condensed SSi Condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_helveticaneueltstd-xblkcn';
	src: url('../font/fontstrong/helveticaneueltstd-xblkcn.eot');
	src: local('☺'),
	url('../font/fontstrong/helveticaneueltstd-xblkcn.woff') format('woff'), 
	url('../font/fontstrong/helveticaneueltstd-xblkcn.ttf') format('truetype'), 
	url('../font/fontstrong/helveticaneueltstd-xblkcn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


div.phoneNav nav a, 
div.phoneNav nav a:after{
	 transition: all 1s ease 0s;
	 -webkit-transition: all 1s ease 0s;
	 -moz-transition: all 1s ease 0s;
}
header .miscellaneous .menus i.is1:before, 
header .miscellaneous .menus i.is1:after{
	 transition: all .4s ease 0s;
	 -webkit-transition: all .4s ease 0s;
	 -moz-transition: all .4s ease 0s;
}

header{ position: fixed; width: 100%; display: table; padding-top: 20px; z-index: 99999;}
header .logo{ float: left; margin-left: 80px;}
header .miscellaneous{ float: right; margin-right: 80px; font-size: 0;}

header .miscellaneous .menus,
header .miscellaneous .language,
header .miscellaneous .stock{ display: inline-block; vertical-align: middle;}

header .miscellaneous .stock{ float:left; width: 350px; height: 30px; margin-right: 12px; border:1px solid #595859; text-align: center; line-height: 30px;}
header .miscellaneous .stock font{ font-size: 15px; color: #BAB9BA;}

header .miscellaneous .stock1{ float:left; width: 70px; height: 30px; text-align: center; line-height: 30px;}
header .miscellaneous .stock1{ font-size: 15px; color: #BAB9BA;}

header .miscellaneous .stock font i{ display: inline-block; vertical-align: middle; margin: 0 5px 0 1px; height: 18px; border-right:1px solid #595859;}

header .miscellaneous .language{ width: 60px; margin-right: 80px; font-size: 0; cursor: pointer; position: relative;}
header .miscellaneous .language span{ position: absolute; left: 0; top: 0; display: inline-block; width: 30px; height: 20px; text-align: center; 
	vertical-align: middle; overflow: hidden;
	transition: height .5s ease 0s;
	-webkit-transition: height .5s ease 0s;
	-moz-transition: height .5s ease 0s;
}
header .miscellaneous .language span a{ display: inline-block; width: 100%; margin-bottom: 2px; font-size: 14px; color: #DEDEDE;}
header .miscellaneous .language span a:hover{ color: #999999;}
header .miscellaneous .language i{ float: right; display: inline-block; margin-top: -7px; height: 22px; vertical-align: middle; font-size: 30px; color: #fff;}
header .miscellaneous .language:hover span{ height: 88px;}

header .miscellaneous .menus{ width: 40px; height: 28px; position: relative; cursor: pointer;}
header .miscellaneous .menus i{ display: block; width: 100%; height: 4px; background-color: #999999; position: absolute;
	transition: all .6s ease .2s;
	-webkit-transition: all .6s ease .2s;
	-moz-transition: all .6s ease .2s;
}
header .miscellaneous .menus i.is1{ left: 0; top: 0;}
header .miscellaneous .menus i.is2{ left: 0; bottom: 0;}
header .miscellaneous .menus i.is1:before{ position: absolute; content: ''; left: 0; bottom: -12px; width: 40%; height: 100%; background-color: inherit;}
header .miscellaneous .menus i.is1:after{ position: absolute; content: ''; right: 0; bottom: -12px; width: 40%; height: 100%; background-color: inherit;}
header .miscellaneous .menus.active i.is1{
	transform: rotate(45deg) translate3d(8px,9px,0);
	-webkit-transform: rotate(45deg) translate3d(8px,9px,0);
	-moz-transform: rotate(45deg) translate3d(8px,9px,0);
}
header .miscellaneous .menus.active i.is2{ left: 0; bottom: 0;
	transform: rotate(-45deg) translate3d(8px,-9px,0);
	-webkit-transform: rotate(-45deg) translate3d(8px,-9px,0);
	-moz-transform: rotate(-45deg) translate3d(8px,-9px,0);
}
header .miscellaneous .menus.active i.is1:before{
	transform: translateX(-120%);
	-webkit-transform: translateX(-120%);
	-moz-transform: translateX(-120%);
	opacity: 0;
}
header .miscellaneous .menus.active i.is1:after{
	transform: translateX(120%);
	-webkit-transform: translateX(120%);
	-moz-transform: translateX(120%);
	opacity: 0;
}
div.phoneNav{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 99999;
    background-color: #000;
	background-color: rgba(0,0,0,0.8);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-top: 3%;
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	transform: translateX(-120%);
	-webkit-transform: translateX(-120%);
	-moz-transform: translateX(-120%);
}
div.phoneNav nav{ width: 100%;  position: absolute; left: 50%; top: 50%;
	transform: translate3d(-50%,-50%,0);
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
}
div.phoneNav nav a{ display: block; width: 100%; font-size: 24px; color: #fff; padding: 1% 0; position: relative; z-index: 9;}
div.phoneNav nav a:after{ position: absolute; content: ''; left: 0; top: 0;
	 width: 0%; height: 100%; background-color: #999999; z-index: -1;}

div.phoneNav nav a:hover{ color: #000;}
div.phoneNav nav a:hover:after{ width: 100%;}

div.phoneNav .gb{ width: 55px; height: 55px; text-align: center; margin: 0 auto; cursor: pointer;}
div.phoneNav span{ display: inline-block; width: 55px; height: 1px; border-top: 1px solid #8F8F8F; position: relative;}
div.phoneNav span.sp1{
	transform: rotate(45deg) translate3d(20px,20px,0);
	-webkit-transform: rotate(45deg) translate3d(20px,20px,0);
	-moz-transform: rotate(45deg) translate3d(20px,20px,0);
}
div.phoneNav .gb span.sp2{
	transform: rotate(-45deg) translate3d(-8px,6px,0);
	-webkit-transform: rotate(-45deg) translate3d(-8px,6px,0);
	-moz-transform: rotate(-45deg) translate3d(-8px,6px,0);
}
div.phoneNav .gb span:after{
	position: absolute; content: ''; left: 0; top: -1px; width: 0%; height: 100%; border-top: 1px solid #fff;
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
}
div.phoneNav .gb:hover span:after{ width: 100%;}
div.phoneNav li{
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	opacity: 0;
}
div.phoneNav li:nth-of-type(1){
	transition: all .8s ease 1s;
	-webkit-transition: all .8s ease 1s;
	-moz-transition: all .8s ease 1s;
}
div.phoneNav li:nth-of-type(2){
	transition: all .8s ease 1.15s;
	-webkit-transition: all .8s ease 1.15s;
	-moz-transition: all .8s ease 1.15s;
}
div.phoneNav li:nth-of-type(3){
	transition: all .8s ease 1.3s;
	-webkit-transition: all .8s ease 1.3s;
	-moz-transition: all .8s ease 1.3s;
}
div.phoneNav li:nth-of-type(4){
	transition: all .8s ease 1.45s;
	-webkit-transition: all .8s ease 1.45s;
	-moz-transition: all .8s ease 1.45s;
}
div.phoneNav li:nth-of-type(5){
	transition: all .8s ease 1.6s;
	-webkit-transition: all .8s ease 1.6s;
	-moz-transition: all .8s ease 1.6s;
}
div.phoneNav li:nth-of-type(6){
	transition: all .8s ease 1.75s;
	-webkit-transition: all .8s ease 1.75s;
	-moz-transition: all .8s ease 1.75s;
}
div.phoneNav li:nth-of-type(7){
	transition: all .8s ease 1.9s;
	-webkit-transition: all .8s ease 1.9s;
	-moz-transition: all .8s ease 1.9s;
}
div.phoneNav.active{
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
}
div.phoneNav.active li{
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	opacity: 1;
}

footer{ width: 1920px !important; display: table;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 80px;
}
footer .topfoot{ width: 100%; display: table; padding-top: 40px;}
footer .news{ float: left; font-size: 0;}
footer .news span,
footer .news a{ display: inline-block; vertical-align: top; position: relative; z-index: 9;}
footer .news span{ width: 130px; height: 38px; border: 2px solid #999999; border-right: none; text-align: center; line-height: 38px; 
	color: #fff; font-size: 15px;
}
footer .news a{ width: 42px; height: 42px; background-color: #999999; text-align: center; line-height: 42px; font-size: 30px; color: #070C15;}

footer .news span:after{ position: absolute; content: ''; left: -2px; top: -2px; width: 0%; height: 100%; border: 2px solid #fff; 
 	border-right: none;  z-index: -1; overflow: hidden; opacity: 0;}
footer .news a:after{ position: absolute; content: ''; left: 0px; top: 0px; width: 0%; height: 100%; background-color: #fff; z-index: -1;}
footer .news:hover span:after{
	width: 100%;
	transition: all .6s ease 0s;
	-webkit-transition: all .6s ease 0s;
	-moz-transition: all .6s ease 0s;
	opacity: 1;
}
footer .news:hover a:after{
	width: 100%;
	transition: all .6s ease .6s;
	-webkit-transition: all .6s ease .6s;
	-moz-transition: all .6s ease .6s;
}

footer .seach{ float: right; font-size: 0;}
footer .seach input{ display: inline-block; vertical-align: top; width: 130px; height: 38px; line-height: 38px; border: 2px solid #A1A0A3; 
 	font-size: 15px; color: #fff; background: none; border-right: none; padding-left: 10px;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	transition: all .6s ease 0s;
	-webkit-transition: all .6s ease 0s;
	-moz-transition: all .6s ease 0s;
	 
}
footer .seach button{ display: inline-block; vertical-align: top; width: 38px; height: 38px; background-color: #A3A2A5; border: none; font-size: 30px; color: #070C15;
	transition: all .6s ease 0s;
	-webkit-transition: all .6s ease 0s;
	-moz-transition: all .6s ease 0s;
}
footer .seach:hover input{ border-color: #fff;}
footer .seach:hover button{ background-color: #fff;}

footer .bomfoot{ width: 100%; display: table; margin-top: 20px; padding-bottom: 20px;}
footer .bomfoot .bomnav{ float: left;}
footer .bomfoot .bomnav p{ font-size: 14px; color: #98989A; text-transform: capitalize; margin-bottom: 10px;}
footer .bomfoot .bomnav p a,
footer .bomfoot .bomnav p span{ display: inline-block; vertical-align: middle; margin: 0 5px; font-size: 14px; color: #BABABC;}
footer .bomfoot .bomnav p a:hover{ color: #fff;}
footer .bomfoot .share{ float: right; font-size: 0;}
footer .bomfoot .share strong,
footer .bomfoot .share a{ display: inline-block; vertical-align: middle; margin: 0 5px; color: #89898C;}
footer .bomfoot .share strong{ font-size: 16px;}
footer .bomfoot .share a{ font-size: 30px; color: #89898C;}
footer .bomfoot .share a:hover{ color: #fff;}
.teamPhoto .team-prev,
.teamPhoto .team-next,
.starPeople .star-prev,
.starPeople .star-next,
.theMoves .mov-prev,
.theMoves .mov-next{ width: 28px; height: 66px; margin-top: -33px;}
.teamPhoto .team-prev,
.starPeople .star-prev,
.theMoves .mov-prev{ left: -90px; background: url(rr1.png) no-repeat center center;}
.teamPhoto .team-prev:hover,
.starPeople .star-prev:hover,
.theMoves .mov-prev:hover{background: url(rr3.png) no-repeat center center;}
.teamPhoto .team-next,
.starPeople .star-next,
.theMoves .mov-next{ right: -90px; background: url(rr2.png) no-repeat center center;}
.teamPhoto .team-next:hover,
.starPeople .star-next:hover,
.theMoves .mov-next:hover{background: url(rr4.png) no-repeat center center;}

.langpho{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 50px; display: none;}
.langpho a{ font-size: 15px; display: inline-block; color: #fff; vertical-align:  top; margin: 0 15px;}
.langpho a:hover{ color: #999999;}