/* 
* @Author: Marte
* @Date:   2017-02-27 22:29:34
* @Last Modified by:   Marte
* @Last Modified time: 2017-08-05 12:52:06
*/
html {
    font-family: "Microsoft Yahei";
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
dl, dt, dd, ol, ul, li,
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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
}
ol,ul,li{
    list-style: none;
}
table { 
    border-collapse:collapse;
    border-spacing:0; 
} 
img { 
    border: 0; 
} 
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
button,input{
    outline:none;
}
input:hover{
    outline: none;
}
a,a:hover{
    text-decoration: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
/* 清除浮动 */
.clearfix:after {       
    content: ".";     /*内容为“.”就是一个英文的句号而已。也可以不写。*/
    display: block;   /*加入的这个元素转换为块级元素。*/
    clear: both;     /*清除左右两边浮动。*/
    visibility: hidden;      /*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
    line-height: 0;    /*行高为0；*/
    height: 0;     /*高度为0；*/
}

.clearfix { *zoom:1;}   /*这是针对于IE6的，因为IE6不支持:after伪类，这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。*/
body,footer{
    background-color:#fff!important;
}
/* 文本溢出省略号 */
.text-overflow{
    display:block;
    width:100%;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* 不定宽元素垂直居中对齐 */
/*父容器*/
.vertical-box:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    text-align:center;
}
/*子容器*/
.vertical-middle{
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}
.main-box{
    width: 100%;
    min-width: 1200px;
    height: auto;
}
.wrap{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}


.text-red{
    color:red!important;
}
.text-size24{
    font-size:24px;
    margin-bottom: 24px;
}
.text-size14{
    font-size:14px;
    margin-bottom: 24px;
}
/*top_nav*/
.top_nav{
    height:35px;
    background:#fcfcfc;
    color:#9dabbe;
    border-bottom:1px solid #9dabbe;
}
.top_nav a,
.top_nav span{
    font-size:12px;
    color:#9dabbe;
    line-height:35px;
}
.top_nav .nav_l a{
    margin-left: 11px;
}
/*header_nav*/
.header_nav .header_l>li,
.header_nav .header_r>li{
    height:88px;
    line-height:88px;
    margin-left: 44px;
}
.header_nav .header_l>li a,
.header_nav .header_r>li a{
    font-size:14px;
    color:#333333;
    padding:5px 9px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    position: relative;
    z-index: 100;
}
.header_nav .header_l>li:first-child{
    margin-left: 0;
}
.header_nav .header_l>li.active >a{
    color:#009efa;
}
.header_nav .header_l>li{
    position: relative;
}
.header_nav .header_l>li span{
    position: absolute;
    top:-20px;
    left:8px;
    font-size:11px;
    color:#808080;
    padding:0 6px 0 7px;
    background:url(../../images/static/text.png)no-repeat left;
}
.header_nav .header_r>li{
    margin-left: 11px;
}
.header_nav .header_r>li a{
    color:#009efa;
}
.header_nav  .header_r li.active a{
    background:#009efa;
    color:#fff;
}


/*footer*/
.footer_nav{
    padding-bottom: 58px;
}
.footer_nav .feature{
    border-bottom:1px solid #b5e3fe;
    height:92px;
    line-height:92px;
    color:#4dbbfc;
    font-size:16px;
    margin-bottom: 33px;
}
.footer_nav .feature>li{
    margin-right:187px;
    padding-left: 48px;
}
.footer_nav .feature>li a{
    color:#4dbbfc;
    font-size:16px;
}
.footer_nav .feature>li:last-child{
    background:url(../../images/static/transformation.png)no-repeat left;
    margin-right: 0;
}
.footer_nav .feature>li:nth-child(1){
    background:url(../../images/static/sunshine.png)no-repeat left;
}
.footer_nav .feature>li:nth-child(3){
    background:url(../../images/static/fall.png)no-repeat left;
}
.footer_nav .feature>li:nth-child(2){
    background:url(../../images/static/synergism.png)no-repeat left;
}
.footer_nav .footer_logo{
    margin-top: 13px;
    margin-right: 190px;
}
.footer_nav .footer_logo p{
    font-size:15px;
    color:#9dabbe;
    height:40px;
    line-height:40px;
}
.footer_nav .footer_map ul{
    margin-right: 110px;
}
.footer_nav .footer_map ul li a{
    font-size:14px;
    color:#9dabbe;
    height:30px;
    line-height:30px;
}
.footer_nav .footer_map ul li:first-child a{
    font-size:16px;
    color:#333333;
    height:51px;
    line-height:51px;
}
.footer_nav .ewm p{
    font-size:16px;
    color:#333333;
    height:51px;
    line-height:51px;
}
.new_footer{
    background:#eef5fe;
    font-size:14px;
    color:#9dabbe;
    height:67px;
}
.new_footer p{
    line-height:67px;
}

.header_nav .header_l>li{
    position: relative;
}
.header_nav .header_l>li>ul{
    position: absolute;
    left:-44px;
    top:82px;
    z-index: 999;
    background:#fff;
    padding:8px 0;
    border-radius: 4px;
    width:162px;
    display: none;
}
.header_nav .header_l>li>ul li{
    height:32px;
}
.header_nav .header_l>li>ul li a{
    display: block;
    height:32px;
    line-height:32px;
    text-align: center;
    border:1px solid #fff;
    font-size: 12px;
    color: #333333;
}
.header_nav .header_l>li>ul li a:hover,
.header_nav .header_l>li>ul li.active a{
    color:#009efa;
}
.header_nav .header_l>li:hover ul{
    display: block;
}