@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-weight:normal; 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: #00a9c4;}
::-moz-selection { color: #fff; background-color: #00a9c4;}
/*更改浏览器滚动条颜色兼容*/
/*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;}

a {text-decoration:none; outline:none;   noFocusLine: expression(this.onFocus = this.blur())}
input{border:0;outline:none;font-family:Microsoft Yahei; }
/*----- 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;}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mb50 {
    margin-bottom: 50px!important;
}
.mt50 {
    margin-top: 50px!important;
}
.main-container {
    width: 1150px;
    margin: 0 auto;
}
/******************************************************************common**********************************************************************/
#header{ position: relative; width: 100%; background-color: #fff;z-index: 999;}
#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: 135px; height: 88px; text-align: center; line-height: 88px; font-size: 16px; color: #333333; position: relative; z-index: 2;}
#header .menunav a:after{
    background: #00a5c6;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00a5c6 0%, #00abc3 50%, #00b1c0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00a5c6 0%, #00abc3 50%, #00b1c0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00a5c6 0%, #00abc3 50%, #00b1c0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5c6', endColorstr='#00b1c0', GradientType=1);
    /* IE6-9 */
    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%;}
#header .menunav .search-bx {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 20px;
}
#header .menunav .search-bx span {
    color: #999999;
    position: relative;
    bottom: 10px;
}
#header .menunav .search-bx form {
    display: inline-block;
    height: 30px;
    padding: 2px;
    border: 1px solid #bbb;
    position: relative;
    width: 150px;
    margin-left: 15px;
}
#header .menunav .search-bx form input.search-text {
    position: absolute;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: 0;
    left: 40px;
    bottom: 2px;
    font-size: 14px;
    color: #787878;
}
#header .menunav .search-bx form button.search-btn{

    width: 27px;
    height: 30px;
    background: url("../img/search.png") no-repeat left center;
    position: absolute;
    left: 10px;
    bottom: 2px;
    background-size: 60%;
}

.xlnav{ width: 100%; position: absolute; left: 0; top: 88px; height: 60px; 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: #00a5c6;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00a5c6 0%, #00abc3 50%, #00b1c0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00a5c6 0%, #00abc3 50%, #00b1c0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00a5c6 0%, #00abc3 50%, #00b1c0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5c6', endColorstr='#00b1c0', GradientType=1);
    /* IE6-9 */
    color: #fff;
}


.xlnav .subxos .neinav:nth-of-type(4){ padding-left: 100px;}
.xlnav .subxos .neinav:nth-of-type(5){ padding-left: 248px;}
.xlnav .subxos .neinav:nth-of-type(6){ padding-left: 400px;}
.xlnav .subxos .neinav:nth-of-type(7){ padding-left: 690px;}

.gradient {
    background: #00a5c6;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00a5c6 0%, #00abc3 50%, #00b1c0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00a5c6 0%, #00abc3 50%, #00b1c0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00a5c6 0%, #00abc3 50%, #00b1c0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a5c6', endColorstr='#00b1c0', GradientType=1);
    /* IE6-9 */
}
.gradient-2 {
    background: #0099cc;
    /* Old browsers */
    background: -moz-linear-gradient(left, #0099cc 0%, #00a5c6 50%, #00beba 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0099cc 0%, #00a5c6 50%, #00beba 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0099cc 0%, #00a5c6 50%, #00beba 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099cc', endColorstr='#00beba', GradientType=1);
    /* IE6-9 */
}

#back-to-top {
    z-index: 2;
    position: fixed;
    right: 20px;
    bottom: 20px;
    overflow: hidden;
    width: 58px;
    height: 58px;
    cursor: pointer;
    display: none;
}
#back-to-top a {
    display: block;
    width: 58px;
    height: 58px;
    background: url("../img/back-to-top.png") no-repeat top center;
}
#back-to-top a:hover {
    background: url("../img/back-to-top-hover.png") no-repeat top center;
}
/**footer**/
#footer {
    height: 200px;
    width: 100%;
    color: #787878;
}
#footer .main {
    width: 100%;
    height: 190px;
    background: #dcdddd;
}
#footer .right-bx {
    float: right;
    width: 226px;
    position: relative;
    height: 108px;
    margin-top: 41px;
}
#footer .right-bx a {
    display: block;
    position: absolute;
}
#footer .right-bx a.wechat-icon {
    left: 0;
    bottom: 0;
}
#footer .right-bx a.job-icon {
    left: 47px;
    bottom: 0;
}
#footer .right-bx a.map-icon {
    left: 94px;
    bottom: 0;
}
#footer .right-bx .wechat {
    position: absolute;
    right: 0;
    bottom: 0;
}
#footer .right-bx .wechat p {
    text-align: center;
    margin-top: 6px;
}

#footer .left-bx {
    float: left;
    height: 135px;
    padding-top: 28px;
}
#footer .left-bx .item-tel {
    padding-bottom: 5px;
}
#footer .left-bx .item {
    font-size: 14px;
    line-height: 28px;
    padding-bottom: 5px;
}
#footer .left-bx .item a {
    font-size: 14px;
    line-height: 28px;
    color: #787878;
}
#footer .left-bx .item a:hover {
    color: #555555;
}
#footer .left-bx .item span {
    padding: 0 15px;
}
#footer .left-bx  .tel {
    float: left;
    padding-left: 40px;
    background: url("../img/tel.png") left center no-repeat;
    font-size: 26px;
    color: #909090;
    line-height: 36px;
}
#footer .left-bx .statement.item {
    float: right;
    padding-top: 8px;
    padding-bottom: 0;
}