*{padding: 0;margin: 0;}
body{font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;}
p,h1,h2,h3,h4,h5,h6,ul,dl,dd,ol{list-style: none;}
a{color: #333;text-decoration: none;}
img{vertical-align:middle;}
.container-b{max-width: 1140px;width: 100%;margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}
/*定位*/
.p-rel{position: relative;}
.p-abs{position: absolute;}
.p-fix{position: fixed;}
/*padding值*/
.pdy-2,.pdt-2{padding-top: 2rem;}
.pdy-2,.pdb-2{padding-bottom: 2rem;}
.pdx-2,.pdl-2{padding-left: 2rem;}
.pdx-2,.pdr-2{padding-right: 2rem;}

.pdy-3,.pdt-3{padding-top: 2.5rem;}
.pdy-3,.pdb-3{padding-bottom: 2.5rem;}
.pdx-3,.pdl-3{padding-left: 2.5rem;}
.pdx-3,.pdr-3{padding-right: 2.5rem;}

.pdy-4,.pdt-4{padding-top: 3.5rem}
.pdy-4,.pdb-4{padding-bottom: 3.5rem;}
.pdx-4,.pdl-4{padding-left: 3.5rem}
.pdx-4,.pdr-4{padding-right: 3.5rem;}

.pdy-5,.pdt-5{padding-top: 4rem}
.pdy-5,.pdb-5{padding-bottom: 4rem;}
.pdx-5,.pdl-5{padding-left: 4rem}
.pdx-5,.pdr-5{padding-right: 4rem;}

/*margin值*/
.mgy-2,.mgt-2{margin-top: 2rem;}
.mgy-2,.mgb-2{margin-bottom: 2rem;}
.mgx-2,.mgl-2{margin-left: 2rem;}
.mgx-2,.mgr-2{margin-right: 2rem;}

.mgy-3,.mgt-3{margin-top: 2.5rem;}
.mgy-3,.mgb-3{margin-bottom: 2.5rem;}
.mgx-3,.mgl-3{margin-left: 2.5rem;}
.mgx-3,.mgr-3{margin-right: 2.5rem;}

.mgy-4,.mgt-4{margin-top: 3.5rem}
.mgy-4,.mgb-4{margin-bottom: 3.5rem;}
.mgx-4,.mgl-4{margin-left: 3.5rem}
.mgx-4,.mgr-4{margin-right: 3.5rem;}

.mgy-5,.mgt-5{margin-top: 4rem}
.mgy-5,.mgb-5{margin-bottom: 4rem;}
.mgx-5,.mgl-5{margin-left: 4rem}
.mgx-5,.mgr-5{margin-right: 4rem;}
/*字体颜色 、背景颜色*/
.color0{color: #000;}
.color1{color: #FFF;}
.color3{color: #333;}
.color6{color: #666;}
.color9{color: #999;}
.colord{color: #DDD;}
.color9d{color: #9d9d9d;}
.color-orange1{color: #f25125;}
.color1a{color: #1a1a1a;}
.colorblue{color: #5C9FFF;}
.bg-white{background-color: #fff;}

/*头部*/
.navbar-header>li:nth-child(2){position: relative;}
.navbar-header>li>a {position: relative;color: #333;text-align: center;text-decoration: none;margin: 0 1.1em;padding-bottom: 1em;transition: color .5s;transform: translate(-50%, -50%);}
.navbar-header>li>a:hover{color: #187dff;}
.navbar-header>li>a.active{color: #187dff;}
.navbar-header>li>a::before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #187dff;z-index: -1;transition: width .5s;}
.navbar-header>li>a:hover::before {width: 100%;}
.navbar-header>li>a.active::before {width: 100%;}
.navbar-list{background-color: #fff;padding: 2em 0;}
.nav-img{position: absolute;right: .2em;top: -.1em;}
/*底部*/
.bg-27{background-color: #272727;}
.footer-top>li.footer-title,.footer-top>li>a{font-size: .875em;color: #d1d0d0;padding: 1em 1.5em;}
.footer-top>li:first-child>a,.footer-top>li.footer-title{padding-left: 0!important;}
.help-center{float: right;margin-top: -5em;}
.help-center>a{color: #c5ffe5;font-size: .875em;padding: .2em 1em;background-color: #1BA164;border-color: #1BA164;}
.copy{font-size: .75em;color: #848484;}

/*右侧客服 返回顶部*/
.aside-bar{position: fixed;z-index: 10;top: 85%;right: 2px;text-align: center;background-color: #fff;box-shadow: 0 2px 10px rgba(89,89,89,.2);}
.aside-bar>li:first-child{border-bottom: 1px solid #F1F1F1;}
.aside-bar>li{padding: .6em;}
.aside-bar>li>a{font-size: .75em;color: #4c4c4c;text-decoration: none;}
.aside-bar>li>a:hover{color: #4291e3;transition: all .5s;}
.aside-bar>li>a>p{margin-bottom: 0;padding-top: .4em;}
.aside-bar>li>a>i{display: block;width: 100%;height: 31px;transition: all .5s;}
.img-kf{background: url("../images/kf-2.png") no-repeat center center;}
.img-top{background: url("../images/top-1.png") no-repeat center center;}
/*.aside-bar>li>a:hover .img-kf{background-image: url("../images/kf-2.png");}*/
.aside-bar>li>a:hover .img-top{background-image: url("../images/top-2.png");}







/*在小于576像素的屏幕里,这里的样式才生效*/
@media (max-width: 575.98px) {
    /*头部*/
    .logo-img{width: 80%;}
    .navbar-list>button{padding: .25em .4em;font-size: 1em;}
    .navbar-header>li>a{line-height: 2.2em;padding-bottom: .5em;font-size: .875em;}
    .right-img{padding-top: 1em;}
    .nav-img{right: 0;left: 4.2em;top: 0;}
    /*底部*/
    .footer-top>li.footer-title,.footer-top>li>a{font-size: .75em;padding: 1em .4em;}
    .help-center>a{font-size: .75em;}
    .right-text{padding-top: 2em;}
    .help-center{margin:0;position: absolute;top: 20px;right: 30px;}
    .bg-27 .container.pdy-5{padding-bottom: 3em;position: relative; padding-top: 4rem;}
}

/*在576和768像素的屏幕里,这里的样式才生效*/
@media (min-width: 576px) and (max-width: 767.98px) {
    /*头部*/
    .logo-img{width: 80%;}
    .navbar-list>button{padding: .25em .4em;font-size: 1em;}
    .navbar-header>li>a{line-height: 2.2em;padding-bottom: .5em;font-size: .875em;}
    .right-img{padding-top: 1em;}
    .nav-img{right: 0;left: 4.2em;top: 0;}
    /*底部*/
    .footer-top>li.footer-title,.footer-top>li>a{font-size: .75em;padding: 1em .5em;}
    .help-center {margin-top: -2em;}
}

/*在768和992像素的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991.98px) {
    /*头部*/
    .navbar-header>li>a{line-height: 2.2em;padding-bottom: .5em;}
    .right-img{padding-top: 1em;}
    .nav-img{right: 0;left: 4.8em;top: .2em;}
    /*底部*/
    .footer-top>li.footer-title,.footer-top>li>a{padding: 1em .6em;}

}

/*在992和1200像素的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-header>li>a{margin: 0 .5em;}
}