/*
+----------------------------------------------------------------------
| [ Thank you very much for your visit.]
+----------------------------------------------------------------------
| Copyright (c) 2018-2028 http://www.guoliping.com All rights reserved.
+----------------------------------------------------------------------
| Author: Gordon.Guo <gordon.guo@guoliping.com>
+----------------------------------------------------------------------
*/
* {
    padding: 0;
    margin: 0;
}

body {
    font-size: 14px;
    font-family: 微软雅黑;
}

ul, li {
    list-style: none;
}

a, a:hover {
    text-decoration: none;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/*margin*/
.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.ml15 {
    margin-left: 15px;
}

.mr15 {
    margin-right: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mr20 {
    margin-right: 20px;
}

/*padding*/
.pt5 {
    padding-top: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.pl5 {
    padding-left: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pr15 {
    padding-right: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

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

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

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

.clear {
    clear: both;
}

.cursor {
    cursor: pointer;
}

.auto {
    margin: 0 auto;
}

.border-bottom {
    border-bottom: 1px solid #f1f1f1;
}

.bg-f6f6f6 {
    background: #f6f6f6;
}

.bg-f9f9f9 {
    background: #f9f9f9;
}

.bg-white {
    background: #fff;
}

.app-color {
    color: #0cb46a;
}

.color-white {
    color: #fff;
}

.color-f9f9f9 {
    color: #f9f9f9;
}

.color-ccc {
    color: #cccccc;
}

.color-999 {
    color: #999;
}

.wrapper-1200 {
    width: 1200px;
}

.header {

}

.header .top {
    color: #888888;
    line-height: 40px;
}

.header .logo, .header .nav {
    height: 80px;
}

.header .nav {
    line-height: 65px;
}

.header .nav li {
    float: left;
    margin: 0 5px;
}

.header .nav li a {
    color: #666666;
    padding: 0 15px;
    font-size: 14px;
}

.header .nav li:last-child a {
    padding-right: 0;
}

.header .nav .active {
    border-bottom: 3px solid #0cb46a;
}

.header .nav .active a {
    color: #0cb46a;
}

.header .nav li:hover {
    border-bottom: 3px solid #0cb46a;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    background-color: rgba(0, 0, 0, .5);
    width: 60px;
    height: 80px;
}

.banner .swiper-button-next {
    right: 10% !important;
}

.banner .swiper-button-prev {
    left: 10% !important;
}

.page {
    padding: 30px 0;
    text-align: center;
}

.page span, .page a {
    border: 1px solid #0CB46A;
    padding: 5px 10px;
    margin: 0 5px;
    color: #0CB46A;
}

.page .current {
    background: #0CB46A;
    color: #fff;
}