@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;} 
::selection { color: #fff; background-color: #E77600;}    
::-moz-selection { color: #fff; background-color: #E77600;} 
/*------- 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('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/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;
}

header{ width: 100%; position: fixed; left: 0; top: 0px; padding-top: 30px; padding-bottom: 20px; z-index: 9999;}
header figure.Logo{ float: left; margin-left: 60px;}
header figure.Logo .logo2{ display: none;}

header section.headNav{ float: right; margin-right: 60px; font-size: 0;}
header section.headNav menu{ float: left; margin-top: 10px;}
header section.headNav menu a{ display: inline-block; width: 110px; height: 34px; text-align: center; line-height: 34px; font-size: 16px; color: #fff; margin-right: 15px; border-radius: 17px;}
header section.headNav menu a.on,
header section.headNav menu a:hover{ background-color: #E77600; color: #fff !important;}
header section.headNav .form-fulis{ float: left; font-size: 0; margin-top: 7px;}
header section.headNav .form-fulis .search{ display: inline-block; vertical-align: middle; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; overflow: hidden; position: relative;
	 transition: all .5s ease-in-out 0s;
	 -webkit-transition: all .5s ease-in-out 0s;
	 -moz-transition: all .5s ease-in-out 0s;
	 -o-transition: all .5s ease-in-out 0s;
}
header section.headNav .form-fulis .search.active{ width: 200px; border-radius: 20px;}

header section.headNav .form-fulis .search .txt{ width: 200px; height: 40px; color: #fff; background: none; border: none; padding-left: 10px;}
header section.headNav .form-fulis .search button{ position: absolute; right: 0; top: -1px; width: 40px; height: 40px; font-size: 26px; color: #fff; border: 1px solid transparent;}
header section.headNav .form-fulis .lang{ display: inline-block; margin-left: 14px; vertical-align: middle; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; 
	text-align: center; 
	line-height: 40px;
    transition:all .4s ease 0s;
   -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
   -o-transition:all .4s ease 0s; 	
}
header section.headNav .form-fulis .lang a{ display: block; width: 100%; height: 100%; border-radius: 50%; font-size: 23px; color: #fff;}
header section.headNav .form-fulis .lang:hover{ background-color: #E77600; border-color:#E77600 !important;}
header section.headNav .form-fulis .lang:hover a{ color: #fff !important;}

header.active figure.Logo .logo1{ display: none;}
header.active figure.Logo .logo2{ display: block;}
header.active section.headNav menu a{ color: #373737;}

header.active section.headNav .form-fulis .lang,
header.active section.headNav .form-fulis .search{ border-color: #989898;}
header.active section.headNav .form-fulis .lang a,
header.active section.headNav .form-fulis .search button{ color: #3B3B3B;}

.header{ position:absolute; background-color: #05081F; background-color: rgba(5,8,31,0.3);}


footer{ width: 100%; padding: 40px 0; background-color: #34373F;}
footer article{ width: 1145px; margin: 0 auto; font-size: 0;}
footer article p{ display: inline-block; vertical-align: middle; font-size: 13px; color: #fff; text-transform: uppercase;}
footer article a{ display:inline-block; margin-left: 15px; vertical-align: middle; width: 125px; height: 25px; border: 1px solid #989A9E; text-align: center; line-height: 23px;}
footer article i{ display: inline-block; color: #fff; font-size: 20px; vertical-align: middle;}
footer article a font{ display: inline-block; margin-left: 10px; font-size: 13px; color: #fff; vertical-align: middle;}
footer article a:hover{ background-color: #E77600; border-color: #E77600;}
footer article span{ position: relative; transition: all .4s ease 0s; margin-left: 20px; cursor: pointer; display: inline-block; vertical-align: middle; width: 125px; height: 25px; border: 1px solid #989A9E; text-align: center; line-height: 23px;}
footer article span font{ display: inline-block; margin-left: 10px; font-size: 13px; color: #fff; vertical-align: middle;}
footer article span img{ position: absolute; left: 2px; top: -128px; opacity:0;}
footer article span:hover{ background-color: #E77600; border-color: #E77600;}
footer article span:hover img{ opacity: 1; 
  transition: all .4s ease 0s;
  -webkit-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
}