@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: #DC251C; }
::-moz-selection {
color: #fff;
background-color: #DC251C;
}
/*------- 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; }
header { width: 100%; position: fixed; left: 0; top: 0px; padding-top: 15px; padding-bottom: 15px; z-index: 9999; background: rgba(0,0,0,.15); }
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>li { display: inline-block; position: relative; height: 34px; width: 110px; }
header section.headNav menu li 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 li a.on, header section.headNav menu li a:hover { background-color: #DC251C; color: #fff !important; }
header section.headNav menu li:hover .navsub { display: block; }
header section.headNav menu li:hover>a { background-color: #DC251C; color: #fff !important; }
header section.headNav menu li .navsub { margin: 0 auto 0;padding: 0;position: absolute;top: 34px;width: 160px;height: auto;z-index: 999;padding-top:26px;left:0px;display: none;}
header section.headNav menu li .navsub li { float: left;margin: 0 auto !important;padding: 0;width: 100%;height: 50px !important;background: rgba(0,0,0,.4);}
header section.headNav menu li .navsub li dd{display:none;}
header section.headNav menu li .navsub li a { display: block; overflow: hidden; width: 100%; box-sizing: border-box; padding: 0px 20px; color: #fff; height: 35px!important; line-height: 35px!important; text-align: left; border-radius: 0; margin: 5px 0 10px }
header section.headNav menu li .navsub li a::before, .nav .active .navsub li a::before { display: none; }
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.active .dianhua{ position:absolute; top:-1px; right:40px; width:180px; height:41px;}
header section.headNav .form-fulis .search.active .dianhua p{ font-weight:bold; line-height:20px; font-size:19px; color:#DC251C; text-align:right; padding-right:5px; width:100%; box-sizing:border-box}
header section.headNav .form-fulis .search .txt { width: 200px; height: 40px; color: #fff; background: none; border: none; padding-left: 10px; font-size: 18px; font-weight: bold; }
header section.headNav .form-fulis .search button { position: absolute; right: 0; top: -1px; width: 40px; height: 41px; font-size: 26px; color: #fff; border: 1px solid transparent; background: #DC251C; }
header section.headNav .form-fulis .lang { display: inline-block; margin-left: 14px; vertical-align: middle; width: 40px; height: 41px; 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: #DC251C; border-color: #DC251C !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; position:absolute; bottom:0; }
footer article { width: 1145px; margin: 0 auto; font-size: 0; }
footer article p{ display: inline-block;}
footer article p a { line-height:31px;width: auto; border: none; 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: #DC251C; border-color: #DC251C; }
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: #DC251C; border-color: #DC251C; }
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; }
footer article b{ line-height:23px;height: 23px; margin-left:15px;width: auto;border: none; float:left;vertical-align: middle;font-size: 13px;color: #989A9E;text-transform: uppercase;}
footer article ul li a{border: none;width: 50px;height: 23px;font-size: 13px; color:#989A9E;text-align: center; float:left;}
footer article ul li a:hover{background-color:inherit; border-color:inherit; 
.chooseRightArrow {
position: absolute;
right: 16px;
top: 5px; 
width: 50px;
height: 50px;
margin-top: 5px;
text-align: center;
line-height: 20px;
}
.chooseRightArrow:before {
content: "";
position: absolute;
width: 10px;
height: 10px;
border: 1px solid #bbb;
border-width: 1px 0 0 1px;
transform: rotate(-225deg);
top: 20px;
right: 5px;
}