body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td {
    font-weight: normal;
    margin: 0;
    padding: 0
}
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
i {
    font: normal 12px "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}
ul,
ol,
li {
    list-style: none
}
a {
    text-decoration: none;
    color: #333
}
a:hover {
    text-decoration: none
}
img {
    vertical-align: top;
    border: 0
}
button,
input,
textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none
}
table {
    border-spacing: 0;
    border-collapse: collapse
}
div,
a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
body {
    -webkit-overflow-scrolling: touch
}
html {
    font-size: 100px
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}
.clearfix:after {
    clear: both
}
.clearfix {
    *zoom: 1
}
.wp {
    width: 1200px;
    margin: 0 auto
}
.fl {
    float: left
}
.fr {
    float: right
}
.al {
    text-align: left
}
.ac {
    text-align: center
}
.text-center {
    text-align: center;
}
.ar {
    text-align: right
}
.hide {
    display: none
}
.overflow {
    overflow: hidden
}
.por {
    position: relative
}
.mt30{
	margin-top:30px;
}

.header {
    z-index: 99;
    width: 100%;
    height: 140px;
    background-color: #fff;
    position: relative;
}
.header .logo {
    padding: 26px 0px;
}
.header .logo img {}

.nav {
    z-index: 99999999;
    width: 100%;
    height: 50px;
    background-color: #005aab;
}
.nav>ul {
    height: 0;
    line-height: 0;
}
.nav li {
    float: left;
    position: relative;
    width: 140px;
    height: 50px;
    text-align: center;
    z-index: 99;
}
.nav li a {
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
}
.nav li a:hover,
.nav li.active {
    background-color: #217fdf;
}


.nav ul li div {
    display: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -49%;
    z-index: 99;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .02), 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .02), 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 4px rgba(0, 0, 0, .02), 0 2px 5px rgba(0, 0, 0, .1);
    width: 98%;
}
.nav .arrow {
    display: block;
    font-size: 0;
    height: 7px;
    position: absolute;
    top: -7px;
    width: 14px;
    margin-left: -7px;
    left: 50%;
    background: url(../image/arror.png) no-repeat;
    background-position: 0 -63px;
}

.nav ul li div a {
    width: 86%;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    *zoom: 1;
    color: #333;
}
.nav ul li div a:hover {
    background: none;
    color: #217fdf;
}
.nav ul li:hover div {
    display: block;
}
.banner,
.common-banner {}

.server dl a img,
.slideTxtBox .bd li img {
    transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
}
.server dl a img:hover,
.slideTxtBox .bd li img:hover {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}
.common-banner {
    width: 100%;
    overflow: hidden;
}

.common-nav {
    position: relative;
    z-index: 1;
    box-shadow: 0 0 30px #ccc;
    overflow: hidden
}
.common-nav .nav-wrap {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: -40px
}
.common-nav .nav-con {
    font-size: 0;
    padding-bottom: 40px;
    white-space: nowrap;
    overflow-x: auto
}
.common-nav .nav-item {
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out;
    display: inline-block;
    padding: 25px 35px;
    border-left: 1px solid #e5e5e5;
    font-size: 16px;
    color: #666
}
.common-nav .nav-item:hover {
    color: #005aab
}
.common-nav .nav-item.cur {
    color: #fff;
    background-color: #005aab
}

.common-paged {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 0;
    color: #666
}
.common-paged li {
    display: inline-block;
    margin-right: 10px
}
.common-paged .btn {
    display: inline-block;
    padding: 9px 35px;
    font-size: 14px;
    margin-bottom: 8px
}
.common-paged .btn.cur {
    background-color: #005bac;
    color: #fff
}
.common-paged>a.cur {
    background-color: #005bac;
    color: #fff
}
.common-paged a {
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out;
    display: inline-block;
    padding: 9px 14px;
    font-size: 14px;
    background-color: #fff;
    margin: 0 4px;
    margin-bottom: 8px
}
.common-paged a:hover {
    color: #005bac
}

.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}


.footer-box {
    background: #1a1a1a;
    overflow: hidden;
    width: 100%;
    color: #888;
    padding: 30px 0 35px;
}

.footer-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.footer-service {
    margin-right: -26px;
    margin-bottom: 38px;
    padding-left: 69px;
}

.footer-service-item {
    float: left;
    height: 60px;
    width: 240px;
    margin-right: 26px;
}

.footer-service-item i {
    width: 50px;
    height: 45px;
    float: left;
    margin: 17px 17px 0 29px;
    opacity: .8;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    transform: scale(.6);
}

.footer-service-item span {
    font-size: 16px;
    color: #ccc;
    float: left;
    margin-top: 29px;
}

.footer-icon-001 i {
    background: url(../image/icon-footer01.png) no-repeat center center;
    background-size: contain;
}

.footer-icon-002 i {
    background: url(../image/icon-footer02.png) no-repeat center center;
    background-size: contain;
}

.footer-icon-003 i {
    background: url(../image/icon-footer03.png) no-repeat center center;
    background-size: contain;
}

.footer-icon-004 i {
    background: url(../image/icon-footer04.png) no-repeat center center;
    background-size: contain;
}

.footer-line {
    height: 0;
    display: block;
    clear: both;
    border-bottom: 1px solid #333;
}

.footer-links {
    padding-top: 40px;
    padding-left: 69px;
}

.footer-article-item {
    width: 209px;
    height: 226px;
    float: left;
    margin-right: 23px;
    line-height: 2;
    font-size: 14px;
}

.footer-article-item dt {
    color: #ccc;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 2;
    font-weight: 300;
}
.footer-article-item dt a{
	color: #888;
    transition: all .1s;
}

.footer-article-item dt a:hover {
    color: #fff;
}
.footer-article-item dd {
    line-height: 2;
}

.footer-article-item dd a {
    color: #888;
    transition: all .1s;
}

.footer-article-item dd a:hover {
    color: #fff;
}

.footer-contact-item {
    width: 145px;
    float: left;
}

.footer-contact-item h3 {
    font-size: 16px;
    color: #ccc;
    line-height: 2;
    margin-bottom: 10px;
    font-weight: 400;
}

.footer-contact-item p {
    font-size: 22px;
    color: #fff;
    font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    margin-bottom: 15px;
}

.footer-ewm {
    float: left;
    margin-right: 18px;
    text-align: center;
}

.footer-ewm img {
    width: 110px;
    height: 110px;
    display: block;
    border: none;
    margin-right: 10px;
    float: left;
}

.footer-ewm p {
    font-size: 14px;
    color: #ccc;
    margin-top: 12px;
    display: inline-flex;
}

.footer-friend {
    width: 1050px;
    height: 20px;
    line-height: 20px;
    margin: 30px auto;
}
.footer-friend a {
    color: #999
}
.footer-friend-title {
    float: left;
    color: #ccc;
    font-size: 14px;
}

.footer-friend-title-list {
    float: left;
}

.footer-friend-title-list li {
    float: left;
}

.footer-friend-title-list li a {
    color: #888;
    transition: all .1s;
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
}

.footer-friend-title-list li a:hover {
    color: #fff;
}

.footer-friend-more {
    color: #ccc;
    transition: all .1s;
    float: left;
    font-size: 14px;
}

.footer-copyright {
    line-height: 20px;
    font-size: 14px;
    text-align: center;
}

.footer-copyright p {
    margin-bottom: 9px;
    font-size: 14px;
    color: #888;
}
.footer-copyright a {
    color: #666
}
.bf {
    background: #fff;
    padding: 70px;
    width: 1040px
}
.pb50{padding-bottom: 10px;}