html, body {
    width: 100%;
    height: 100%;
    }
body {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
    font-size: 12px;
}

img {
    display: inline-block;
    border: 0;
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
i,
p,
em {
    font-weight: normal;
    margin: 0;
    padding: 0;
    
}


/*链接重置*/

a {
    color: #333;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*清除移动端点击色块*/
}


/*链接重置a:hover,*/

a:focus {
    text-decoration: none;
}
a:hover {
    color:  #1594ff;
}

/*列表重置*/

ul,
ol,
li {
    margin: 0;
    list-style: none;
    padding: 0;
}


/*浮动*/

.fl {
    float: left;
}

.fr {
    float: right;
}


/*文字位置*/

.txt-l {
    text-align: left;
}

.txt-c {
    text-align: center;
}

.txt-r {
    text-align: right;
}


/*清除浮动*/

.clearfix:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    /* 触发 hasLayout */
    zoom: 1;
}
/*文字溢出*/
.hide-onetxt{text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
/*两排*/
.hide-twotxt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;box-sizing: border-box;overflow: hidden;}

.warp{width: 1200px; margin: 0 auto; padding:0 15px; box-sizing: border-box;}
.more{display: block; margin: 0 auto; width: 120px; height: 40px; line-height: 40px; font-size: 14px;text-transform:uppercase; text-align: center; border-radius: 40px; transition: all .3s;}
.more:hover{letter-spacing: 3px;}
.bg-blue{background-color: #1da9fb; color: #fff;}
.bg-blue:hover{color: #fff;}
.bg-default{background-color: #fff; color: #999;}
.bg-default:hover{color: #999;}
.shadow-qblue{ -moz-box-shadow:0 5px 13px rgba(117,202,253,.9); -webkit-box-shadow:0 5px 13px rgba(117,202,253,.9); box-shadow:0 5px 13px rgba(117,202,253,.9); }
.shadow-sblue{ -moz-box-shadow:0 5px 13px rgba(2,88,144,.9); -webkit-box-shadow:0 5px 13px rgba(2,88,144,.9); box-shadow:0 5px 13px rgba(2,88,144,.9); }
.mt50{margin-bottom: 50px;}
/*    header    */
.header-top{min-width: 1200px; height: 30px; line-height: 30px; background-color: #f5f5f5; text-align: right;}
.ltd-info{padding: 15px 0;}
.header-tel{padding-top: 15px;}
.header-tel span{font-size: 12px; color: #ccc;}
.header-tel h3{color: #0098ff; font-size: 20px; font-family: arial;}
/*    nav    */
.nav-menu li{float: left; line-height: 45px; height: 45px;}
.nav-menu li a{padding:0 18px; border-right: 1px solid #ccc; color: #999; font-size: 16px;}
.nav-menu li a:hover{color: #666;}
/*  footer  */
.footer-top{width: 100%;  min-width: 1200px; background-color: #12377c; height: 210px; padding: 30px 0; color: #fff;}
.footer-top-left{padding-top: 15px; }
.footer-top-left h1{font-weight: bold; padding-bottom: 15px;}
.footer-top-left p{line-height: 20px;}
.footer-top-right{padding-top: 35px;}
.footer-top-right ul li{float: left; width: 100px; text-align: center ;margin-right: 30px;}
.footer-top-right ul li p{width: 100%; line-height: 30px; background-color: #0d4a92; }
.footer-bottom{width: 100%;  min-width: 1200px; background-color: #10316f; color: #fff; line-height: 40px;}

.pagenext-btn{ width: 252px; margin: 35px auto ;}
.pagenext-btn a,.pagenext-btn span{display: inline-block;  width: 30px; height: 30px; line-height: 30px; font-size: 14px; color: #999; text-align: center; border: 1px solid #ddd; margin: 0 2px; font-family: arial;}
.pagenext-btn span.a1{background-color: #1594ff; color: #fff; border-color: #1594ff;}

/*kf*/
.livechat-kf {position: fixed; bottom: 0; right: 40px; opacity: 1; width: 60px; height: 60px; border-radius: 50%;  -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-kf:focus { outline: 0 }
.livechat-kf.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-kf:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-kf img { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-kf .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-kf .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-kf .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-kf .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-kf.animation-stopped .circle { opacity: 0!important }
.livechat-kf.animation-stopped .circle { opacity: 0!important }



@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}