body {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    background: #fff;
    font-family: "微软雅黑";
}

a:link, a:active, a:visited, a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

ul {
    list-style-type: none;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    border: 0px;
    display: block;
}

input {
    outline: none;
}

button {
    outline: none;
}

/*设置浮动和清除浮动*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

/* 公共头部 */

.top {
    height: 97px;
    line-height: 97px;
}

.logo {
    padding-top: 20px;
}

.nav li {
    float: left;
    margin-left: 60px;
}

.nav li a {
    color: #686868;
}

.nav li a:hover {
    color: #648ad1;
}

.nav li a.cur {
    color: #648ad1;
}

/* 公共banner */

.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("../images/banner_right.png");
    background-size: cover;
    width: 48px;
    height: 48px;
    right: 23px;
    background-color: #fff;
    border-radius: 50%;
}

.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("../images/banner_left.png");
    background-size: cover;
    width: 48px;
    height: 48px;
    left: 23px;
    background-color: #fff;
    border-radius: 50%;
}

.banner .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 19px;
}

.banner .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.banner .swiper-pagination-bullet-active {
    background: #000;
    opacity: .2;
}
.banner .swiper-container img {
    width: 100%;
}
/* 公共底部  */

/* 底部 */

.footer .contact {
    width: 100%;
    background: #f7f7f7;
}

.footer .contact .wrap {
    padding: 66px 0;
    overflow: hidden;
}

.footer .copyright {
    width: 100%;
    height: 47px;
    line-height: 47px;
    background: #f7f7f7;
    color: #848484;
    font-size: 14px;
}

.friend {
    height: 106px;
}

.friend .wrap {
    position: relative;
    padding-top: 25px;
}

.friend .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -20px;
}

.friend .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("../images/friend_left.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: -20px;
    top: 74px;
    width: 7px;
    height: 11px;
}

.friend .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("../images/friend_right.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: -20px;
    top: 74px;
    width: 7px;
    height: 11px;
}

.contact {
    overflow: hidden;
}

.contact span {
    display: block;
    color: #a0a0a0;
    font-size: 14px;
    line-height: 24px;
}

.contact_center {
    padding-left: 50px;
    padding-right: 165px;
    border-left: 1px solid #ececec;
}

.contact_right {
    padding-left: 50px;
    border-left: 1px solid #ececec;
}

.contact_left {
    padding-right: 165px;
}

.contact .share_box {
    margin-top: 25px;
}

.contact .share_box img {
    display: inline-block;
    margin: 0 14px 0 6px;
}

/* 面包屑导航 */

.bread_nav {
    margin-top: 60px;
    line-height: 40px;
    margin-bottom: 30px;
    overflow: hidden;
}

.bread_nav p i {
    display: inline-block;
    width: 5px;
    height: 8px;
    margin: 0 12px;
    background: url("../images/gt_icon.png");
}

.bread_nav p {
    font-size: 12px;
    color: #696969;
}

.bread_nav .now_location {
    color: #6a8dd1;
}

/* 页码 */

.page_link {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}

.page_link a {
    width: 38px;
    height: 38px;
    margin: 0 2px;
    float: left;
    color: #666666;
    text-align: center;
    line-height: 38px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: 2px;
}

.page_link a:hover {
    color: #f7f9fd;
    background: #6388cf;
    border: 1px solid #6388cf;
}

.page_link a.cur {
    color: #f7f9fd;
    background-color: #6388cf;
    border: 1px solid #6388cf;
}

.page_code {
    margin-bottom: 40px;
    text-align: center;
}

.page_link .page_btn {
    display: inline-block;
    border: none;
    line-height: 38px;
    background: url("../images/gt_icon.png") no-repeat top 14px left 15px;
}

.page_link a.page_btn:hover {
    background-color: none;
    border: none;
    background: url("../images/gt_icon.png") no-repeat top 14px left 15px;
}

.share_box .bdshare-button-style0-16 a {
    width: 30px !important;
    height: 30px !important;
    background-position: 0 !important;
    margin: 0 14px 0 6px !important;
}

.share_box .bdshare-button-style0-16 .bds_tsina {
    background-image: url("../images/share_wb.png") !important;
}

.share_box .bdshare-button-style0-16 .bds_qzone {
    background-image: url("../images/share_qq.png") !important;
}

.share_box .bdshare-button-style0-16 .bds_weixin {
    background-image: url("../images/share_wx.png") !important;
}

.bd_weixin_popup .bd_weixin_popup_foot {
    line-height: 14px !important;
}

.bd_weixin_popup {
    width: 250px !important;
    height: auto !important;
}

.move_nav {
    display: none;
}

@media screen and (max-width: 767px) {
    .wrap {
        width: 100%;
    }
    .top {
        width: auto;
        height: 70px;
        line-height: 70px;
    }
    .logo {
        width: 200px;
        margin-left: 15px;
        margin-right: 15px;
        z-index: 1;
        position: relative;
    }
    .logo img {
        width: 100%;
    }
    .nav {
        display: none;
    }
    .move_nav {
        position: relative;
        height: 70px;
        width: 100%;
        display: block !important;
    }
    .move_nav ul {
        display: none;
        position: absolute;
        top: 70px;
        z-index: 10;
        width: 100%;
        border-top: 1px solid #f6ecdd;
    }
    .move_nav ul li {
        height: 53px;
        padding-left: 30px;
        line-height: 53px;
        background: #fff;
        border-bottom: 1px solid #f6ecdd;
    }
    .move_nav ul li a {
        display: block;
        font-size: 13px;
    }
    .btn {
        float: right;
        width: 60px;
        height: 55px;
        padding: 18px 16px;
        display: block;
        text-align: center;
        line-height: 55px;
        background: #fff;
        border-radius: 50%;
        /* transition: all 1s; */
    }
    .btn span {
        display: block;
        width: 100%;
        height: 3px;
        margin: 7px 0;
        background: #777;
        transition: all .3s;
    }
    .act:nth-child(1) {
        transform: translateY(10px) rotate(45deg);
    }
    .act:nth-child(2) {
        opacity: 0;
        margin-right: 150px;
    }
    .act:nth-child(3) {
        transform: translateY(-10px) rotate(-45deg);
    }
    .banner .swiper-container img {
        /* width: 100%; */
        height: 200px;
    }
    .banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    .banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        width: 30px;
        height: 30px;
    }
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
    .banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .footer .contact .wrap {
        padding: 20px 20px;
    }
    .share_box {
        margin-bottom: 15px;
    }
    .contact_left {
        float: inherit;
        padding-right: 0px;
    }
    .contact_center {
        padding-left: 0px;
        padding-right: 8px;
        border-left: none;
    }
    .contact_center span {
        line-height: 30px;
        font-size: 12px;
    }
    .contact_right {
        padding-left: 0;
        border-left: none;
    }
    .contact_right span {
        line-height: 30px;
        font-size: 12px;
    }
    .friend .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        display: none;
    }
    .friend .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        display: none;
    }
    .friend {
        padding: 0 20px;
    }
    .bread_nav {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0 3%;
    }
    .page_code {
        margin-bottom: 35px;
    }
    .contact .share_box img {
        margin: 0 4px 0 4px;
    }
    .footer .copyright {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #f7f7f7;
        color: #848484;
        font-size: 10px;
        text-align: center;
    }
}

@media (min-width: 768px)and (max-width:1024px) {
    .wrap {
        width: 100%;
    }
    .top {
        width: auto;
        height: 100px;
        line-height: 70px;
    }
    .logo {
        width: 320px;
        margin-left: 15px;
        margin-right: 15px;
        z-index: 1;
        position: relative;
    }
    .logo img {
        width: 100%;
    }
    .nav {
        display: none;
    }
    .move_nav {
        position: relative;
        height: 100px;
        width: 100%;
        display: block !important;
    }
    .move_nav ul {
        display: none;
        position: absolute;
        top: 100px;
        z-index: 10;
        width: 100%;
        border-top: 1px solid #f6ecdd;
    }
    .move_nav ul li {
        height: 70px;
        padding-left: 30px;
        line-height: 70px;
        background: #fff;
        border-bottom: 1px solid #f6ecdd;
    }
    .move_nav ul li a {
        display: block;
        font-size: 16px;
    }
    .btn {
        float: right;
        width: 70px;
        height: 55px;
        padding: 26px 16px;
        display: block;
        text-align: center;
        line-height: 55px;
        background: #fff;
        border-radius: 50%;
        /* transition: all 1s; */
    }
    .btn span {
        display: block;
        width: 100%;
        height: 3px;
        margin: 10px 0;
        background: #777;
        transition: all .3s;
    }
    .act:nth-child(1) {
        transform: translateY(13px) rotate(45deg);
    }
    .act:nth-child(2) {
        opacity: 0;
        margin-right: 150px;
    }
    .act:nth-child(3) {
        transform: translateY(-13px) rotate(-45deg);
    }
    .banner .swiper-container img {
        /* width: 100%; */
        height: 331px;
    }
    .banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    .banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        width: 30px;
        height: 30px;
    }
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
    .banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .footer .contact .wrap {
        padding: 20px 20px;
    }
    .share_box {
        margin-bottom: 15px;
    }
    .contact_left {
        float: inherit;
        padding-right: 0px;
    }
    .contact_center {
        padding-left: 0px;
        padding-right: 8px;
        border-left: none;
    }
    .contact_center span {
        line-height: 30px;
    }
    .contact_right {
        padding-left: 30px;
        border-left: none;
    }
    .contact_right span {
        line-height: 30px;
    }
    .friend .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        display: none;
    }
    .friend .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        display: none;
    }
    .friend {
        padding: 0 20px;
    }
    .bread_nav {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0 3%;
    }
    .page_code {
        margin-bottom: 35px;
    }
    .contact .share_box img {
        margin: 0 4px 0 4px;
    }
    .footer .copyright {
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: #f7f7f7;
        color: #848484;
        font-size: 10px;
        text-align: center;
    }
}