@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-style: normal; }
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------将特定标签设成块---------*/
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: #e5322d;}
::-moz-selection { color: #fff; background-color: #e5322d;}
/*更改浏览器滚动条颜色兼容*/
html,body{
/*更改ie浏览器滚动条颜色*/
	scrollbar-face-color:#000;
	scrollbar-highlight-color:#222;
	scrollbar-shadow-color:#222;
	scrollbar-3dlight-color:#222;
	scrollbar-arrow-color:#000;
	scrollbar-track-color:#222;
	scrollbar-darkshadow-color:#222;
}
/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar { width:8px;  height: 8px; background-color: #333;}
::-webkit-scrollbar-track  { border-radius: 10px; background-color: #333;}
::-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;}
/*-----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;}
/*引入图标字体*/
@font-face {font-family: 'iconfont';
    src: url('fonts/iconfont.eot');
    src: url('fonts/iconfont.eot') format('embedded-opentype'),
    url('fonts/iconfont.woff') format('woff'),
    url('fonts/iconfont.ttf') format('truetype'),
    url('fonts/iconfont.svg#iconfont') format('svg');
}
.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;
}
/******************************************************************common/////**********************************************************************/
header{ position: relative; width: 100%; background-color: #fff; box-shadow: 0px 2px 3px #ccc; z-index: 999;max-width: 1920px;margin: 0 auto;}
header .logo{ float: left; margin-left: 5%; line-height: 88px;}
header .menunav{ float: right; margin-right: 5%;}
/* header .menunav a{ vertical-align: middle; display: inline-block; width: 110px; height: 88px; text-align: center; line-height: 88px; font-size: 16px; color: #3E3B32; position: relative; z-index: 2;}
header .menunav a:after{
	background-color: #e5322d; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 0%; z-index: -1;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s
}
header .menunav a:hover,
header .menunav a.on{ color: #fff;}
header .menunav a:hover:after,
header .menunav a.on:after{ height: 100%;} */

.forms{ display: inline-block; vertical-align: middle; position: relative; margin-left: 20px;float: right;margin-top: 35px;}
.forms:after{ position: absolute; content: ''; left: -15px; top: 0px; height: 20px; border-left: 1px solid #DAC8A2;}
.forms .simt{ width: 20px; height: 20px; background: url(../images/ss.png) no-repeat center center / 100% 100%; border: none; cursor: pointer;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.forms .simt:hover{
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
}

footer{ width: 100%; background-color: #F2F4F4; padding: 40px 0; border-bottom: 10px solid #e5322d; border-top: 1px solid #D4D4D4;}
footer .foot{ width: 1144px; margin: 0 auto; display: table;}
footer .foot .lftbx{ float: left; width: 690px; display: table;}
footer .foot .lftbx p{ margin-bottom: 10px;}
footer .foot .lftbx img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
footer .foot .lftbx p span{ display: inline-block; vertical-align: middle; margin-left: 77px;}
footer .foot .lftbx p a{ display: inline-block; vertical-align: middle; font-size: 13px; color: #3E3B32; font-weight: bold;}
footer .foot .lftbx p i{ display: inline-block; vertical-align: middle; margin: 0 10px; height: 15px; width: 2px; background-color: #B6B6B6;}
footer .foot .lftbx p font{ display: inline-block; vertical-align: middle; font-size: 13px; color: #82827E;}
footer .foot .lftbx p strong{ display: inline-block; width: 57%; border-top: 1px solid #DFE1E0; padding-top: 10px; color: #B7B8B7;}
footer .foot .lftbx p a:hover{ color: #e5322d;}

footer .foot .ritbx{ float: right; width: 230px;}
footer .foot .ritbx a{ display: inline-block; margin: 0 5px; vertical-align: bottom; font-size: 30px;}
footer .foot .ritbx a:nth-of-type(2){ font-size: 32px;}
footer .foot .ritbx a:nth-of-type(3){ font-size: 31px;}
footer .foot .ritbx a:hover{ color: #2E909C;}
footer .foot .ritbx img{ display: inline-block; vertical-align: bottom; margin-left: 10px;}

.phonemenu{ position: fixed; width: 100%; left: 0; top: 0; padding: 15px 0; background-color: #fff; z-index: 999; display: none;}
.phonemenu .phologo{ float: left; margin-left: 5%;}
.phonemenu .phologo img{ height: 30px;}
.phonemenu .picvr{ float: right; width: 38px; height: 28px; line-height: 28px; margin-right: 5%; margin-top: -2px; cursor: pointer;}
.phonemenu .picvr span{ display: inline-block; width: 35px; height: 3px; background-color: #e5322d; border-radius: 5px; position: relative;}
.phonemenu .picvr span:before{ position: absolute; content: ''; left: 0; top: -10px; width: 100%; height: 100%; background-color: #e5322d; border-radius: 5px;}
.phonemenu .picvr span:after{ position: absolute; content: ''; left: 0; bottom: -10px; width: 100%; height: 100%; background-color: #e5322d; border-radius: 5px;}

.phonavs{ width: 100%; height: 100%; background-color: rgba(7,126,140,0.9); position: fixed; top: 60px; left: 0; z-index: 999; padding-top: 30px;  display: none;}
.phonavs a{ display: block; padding: 10px 0; width: 100%; text-align: center; font-size: 20px; color: #fff;}

.xlnav{ width: 100%; position: absolute; left: 0; top: 88px; height: 120px; background-color: #fff; background-color: rgba(0,0,0,0.5); z-index: 99; display: none;}
.xlnav .subxos{ width: 1200px; margin: 0 auto; padding: 20px 0;}
.xlnav .subxos .neinav{ position: absolute; left: 0; top: 0; width: 100%; height: 60px; text-align: center; z-index: 0;
	opacity: 0;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
}
.xlnav .subxos .neinav.act{
	opacity: 1;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	z-index: 2;
}
.xlnav .subxos .neinav a{ vertical-align: top; display: inline-block; padding: 0 20px; line-height: 60px; font-size: 14px; color: #fff;}
.xlnav .subxos .neinav a.on,
.xlnav .subxos .neinav a:hover{ background-color: #e5322d; color: #fff;}



.xlnav .subxos .neinav:nth-of-type(4){ padding-left: 190px;}
.xlnav .subxos .neinav:nth-of-type(5){ padding-left: 318px;}
.xlnav .subxos .neinav:nth-of-type(6){ padding-left: 500px;}
.xlnav .subxos .neinav:nth-of-type(7){ padding-left: 690px;}