@font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1543551210107');
    src: url('iconfont.eot?t=1543551210107#iefix') format('embedded-opentype'), 
    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('iconfont.ttf?t=1543551210107') format('truetype'), 
    url('iconfont.svg?t=1543551210107#iconfont') format('svg'); 
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.icon-top:before { 
    content: "\e6ca"; 
}
.icon-zaixiankefu:before { 
    content: "\e859"; 
}
.icon-qq:before { 
    content: "\e624";
}
.icon-weixin:before {
    content: "\e615";
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,body {
    width: 100%;
    height: 100%;
}

body {
    font-family: Microsoft YaHei, Microsoft YaHei UI, Arial, Helvetica, sans-serif;
    font-size: .625em;
    background-color: rgb(245, 245, 245);
}

header, section, article, nav, footer {
    display: block
}
button{
    cursor: pointer;
}

i {
    font-style: normal;
    display: inline-block;
}

h2, h3 {
    font-weight: normal;
}

ul {
    list-style-type: none
}

a {
    text-decoration: none;
    color: #333
}
a:focus {
    outline:none;
    -moz-outline: none;
}
span {
    display: inline-block;
}

input, textarea,select {
    font-size: 1em;
    font-family: Microsoft YaHei, Microsoft YaHei UI, "微软雅黑", "黑体", Arial, Helvetica, sans-serif;
    border: 1px solid #cdcdcd;
}

input:focus, textarea:focus,select:focus {
    outline: none
}

label{
    margin-right:32px;
    position:relative;
}

.clear:after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    clear: both;
}
.red{
    color:red
}
.green{
    color:green;
}
.padbtm-60 {
    padding-bottom: 60px;
}
.porel{
    position:relative;
}
.marWh{
    width:1200px;
    margin: 0 auto;
    position: relative
}
/*header*/
/*=========== nav ========*/
.logoNav .marWh{
    height: 100%;
}
.logo{
    width:30%;
    height:100%;
    display: inline-block;
    background: url("../images/logo.png") no-repeat left center /auto 60%;
}
.mobileNav{
    display: none;
}
.kNav{
    position: absolute;
    top:0;
    right:0;
}
.kNav li{
    display: inline-block;
    font-size:16px;
    margin:0 12px;
    font-weight: bold;
}

.kNav li::after{
    position: relative;
    content: "";
    display: block;
    width:0;
    height:2px;
    left:50%;
    background-color: #0089E1;
    transition:all 0.6s;
}
.kNav li a{
    color:#0089E1;
    display: block;
}
.kNav li:hover::after,.kNav li.navCurr::after{
    width: 100%;
    left:0;
}
/*END-header*/


/*footer*/
#footer{
    width:100%;
    text-align: center;
    background-color: #212930;
    padding:80px 0;
}
#footer b,#footer b a{
    font-size:16px;
    color:#aaa;
    margin-bottom:8px;
    display: block
}
#footer p{
    font-size:14px;
    color:#aaaaaa
}
/*客服*/
.kmright{
    position: fixed;
    right:0;
    top:40%;
    z-index: 400;
    box-shadow: -2px 2px 5px #333;
    display: none;
}
.kmright ul{
    width:48px;
}
.kmright li{
    background-color: #1466db;
    border-bottom:1px solid #fff;
    color:#fff;
    font-size:14px;
    padding:0 8px;
    height:54px;
    line-height: 54px;
    position: relative;
    transition: all .5s
} 
.kmright li:last-child{
    border-bottom:none
}
.kmright li a{
    color:#fff;
}
.kmright li:hover{
    background-color: #13458c;
    width:128px;
    margin-left:-80px;
}
.kmright li i{
    font-size:28px;
    float: left;
}
.kmright li span{
    display: none;
    transition: all .5s;
    margin-left:12px;
    cursor: default;
}
.kmright li:hover span{
    display: inline-block;
}
.codeImg{
    background-color: #13458c;
    padding:10px;
    position: absolute;
    left:-0;
    top:20px;
    line-height:0;
    opacity: 0;
    z-index:-1;
    transition: all .5s
}
.codeImg img{
    width:5px;
    transition: all .5s
}
.kmright li:hover .codeImg{
    left:-104px;
    top:-25px;
    opacity: 1;
    z-index: 1;
}
.kmright li:hover .codeImg img{
    width:80px;
}
/*END客服*/
/* 弹出层 */
.kmalert{
    position: fixed;
    top:0;
    left:0; 
    width:100%;
    height:100%;
    z-index: 300;
    display: none
}
.kmalert::before{
    content: "";
    display: block;
    width:100%;
    height:100%;
    background: rgba(103, 107, 116, 0.5)
}
.kmalertBox{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow: hidden;
    overflow-y: auto;
}
.kmalertClose{
    position:absolute;
    right:10%;
    top:10%;
    display:inline-block;
    cursor: pointer;
    width:46px;
    height:46px;
    background: url("../images/close.png") no-repeat center/100%;
    transition: all 1s;
}
.kmalertClose:hover{
    transform: rotate(180deg)
}
/* END弹出层 */
@media screen and (max-width:1440px){
    .marWh{
        width:1000px;
    }
}



@media screen and (max-width: 1080px) {
    .marWh{
        width:90%;
    }
    
}
@media screen and (max-width: 720px) {
    /* =========nav====== */
    .logoNav .marWh {
        width: 100%;
        padding: 0 5%
    }
    .logo{
        width:60%;
        background-size:auto 80%
    }
    .mobileNav{
        display: block;
        width:36px;
        height:36px;
        background:url("../images/mobiNav.png") no-repeat center/ 96%;
        position: absolute;
        right:5%;
        top:0;
        cursor: pointer;
    }
    .scrollT .mobileNav{
        top:-6px;
        background-size: 90%
    }
    .kNav{
        display: none;
        width:100%;
        top:36px;
        left:0;
        background: rgba(0,53,153,.8)
    }
    .scrollT .kNav{
        top:30px;
    }
    .kNav li{
        width:100%;
        margin: 0;
        text-align: center;
        font-size:14px;
        border-bottom:1px solid #999;
    }
    .kNav li a{
        display: block;
        color:#fff;
    }
    .kNav li:last-child{
        border-bottom:none
    }


    #footer{
        padding:36px;
    }
    #footer b{
        font-size:14px;
    }
    #footer p{
        font-size:12px;
    }
}