@charset "utf-8";
/* a:hover, a:active, a:focus{
	color: #0657b2;
}
aside .left_contact .box i a{
  color: #0657b2;
}
header .top .en .cn{
  color: #0657b2;
}
header .header .tel i a{
	color: #0657b2;
}
.home_service .right .txt .phnoe big a{
	color: #0657b2;
} */
a {
    text-decoration: none!important;
}
    a:hover {
        text-decoration: none !important;
    }
.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: static;

    padding: 0px;
}

header .top .container .caidan .memu {
    color: #666666;
}

    header .top .container .caidan .memu:hover {
        color: #0657b2;
    }

@media (max-width: 1200px) {
    .container {
        padding: 0 10px;
        width: auto;
    }
}

header .top {
    width: 100%;
    height: 40px;
    background: #f6f6f6;
    border-bottom: 2px solid #ebebeb;
}

    header .top .left {
        color: #666666;
        font-size: 12px;
        line-height: 40px;
        float: left;
    }

    header .top .en {
        color: #666666;
        font-size: 12px;
        line-height: 40px;
        float: right;
        margin: 0 10px 0 7px;
        text-transform: uppercase;
    }

    header .top .border-none:after {
        display: none;
    }

    header .top .e-map {
        color: #666666;
        font-size: 12px;
        line-height: 40px;
        float: right;
        margin: 0 0 0 5px;
        text-transform: uppercase;
    }

        header .top .e-map a {
            color: #666666;
            position: relative;
            padding: 0 7px 0 2px;
        }

            header .top .e-map a:hover {
                color: #0657b2;
            }

            header .top .e-map a:after {
                content: "";
                position: absolute;
                width: 2px;
                height: 11px;
                background: #a9a9a9;
                top: 1px;
                right: 0;
            }

    header .top .WeChat {
        float: right;
        width: 34px;
        height: 40px;
        position: relative;
        /*cursor: pointer;*/
    }

        header .top .WeChat:hover p {
            display: block;
        }

        header .top .WeChat p {
            position: relative;
            top: 40px;
            width: 102px;
            height: 102px;
            left: 50%;
            display: none;
            margin-left: 75px;
            border: 2px solid #CECDCD;
            z-index: 9;
        }

    header .top .blog {
        float: right;
        width: 34px;
        height: 40px;
        position: relative;
    }

        header .top .blog a {
            display: block;
            height: 100%;
            width: 100%;
        }

header .header {
    padding: 10px 0 20px;
    width: 100%;
    display: inline-block;
}

    header .header .logo {
        float: left;
        width: 144px;
        height: 63px;
        position: relative;
    }

        header .header .logo img {
            width: 100%;
        }

    header .header .tel {
        float: right;
        min-height: 34px;
        padding-left: 45px;
        margin: 26px 0 0;
        background: url("../images/tel.png") no-repeat left top 0;
    }

        header .header .tel small {
            display: block;
            color: #666666;
            font-size: 12px;
            line-height: 14px;
        }

        header .header .tel i {
            display: block;
            color: #0657b2;
            font-size: 22px;
            font-family: arial;
            font-weight: bold;
            line-height: 22px;
        }

header .nav {
    width: 100%;
    display: table;
    background: #0657b2;
}

    header .nav ul {
        list-style: none;
    }

        header .nav ul .active {
            /*background: url("../images/nav-mask1.png");*/
            background-color: #d00f52 !important;
        }

        header .nav ul li {
            width: 10%;
            height: 60px;
            float: left;
            position: relative;
            z-index: 2;
        }

            header .nav ul li:hover {
                /*background: url("../images/nav-mask1.png");*/
                background-color: #d00f52 !important;
            }

                header .nav ul li:hover div {
                    display: block;
                }

            header .nav ul li > a {
             
                height: 60px;       
                line-height: 60px;
                position: relative;
                display: block;
                color: #ffffff;
                text-align: center;
                line-height: 60px;
                letter-spacing: 0px;
                opacity: 1;
                font-size: 18px;
                padding: 0;

            }

            header .nav ul li div {
                /*width: 100%;*/
                width: 180px;
                   
                background: #ffffff;
                position: absolute;
                top: 60px;
                left: 0;
                z-index: 99;
                display: none;
                /*background: url("../images/nav-mask.png");*/
            }

                header .nav ul li div > a {
                    display: block;
                    width: 100%;
               
                    line-height:45px;
                    padding: 0 2% 0 25%;
                    color: #000;
                    position: relative;
                    display: block;
                    padding: 15px 0px 15px 15px;
                    line-height: 24px;
                    font-size: 14px;
                    overflow: hidden;
                    float: left;
                    margin-right: 18px;
                    border-bottom: 1px solid #ebebeb;
                    height: 45px;
                    min-width: 180px;
                    /*background: url("../images/nav-ico01.png") no-repeat left 18px center;*/
                }

                    header .nav ul li div > a:hover {
                        color: #000!important;
                        font-weight:bold;
                    }

header #mmenu {
    z-index: 999;
}

header .phone-nav {
    position: absolute;
    z-index: 99;
    width: 32px;
    height: 32px;
    right: 30px;
    top: 70px;
    display: none;
}

header .phoneLOGO {
    position: absolute;
    z-index: 99;
    /*width: 32px;
    height: 32px;*/
    /*right: 30px;*/
    top:10px;
    display: none;
}

@media (max-width: 991px) {
    header .phone-nav {
        display: block;
    }
}



@media (max-width: 991px) {
    header .main-header .header-container .upper-right {
        position: relative;
        float: right;
        width: 45%;
    }

}

@media (max-width: 991px) {
    header .phoneLOGO {
        display: block;
        padding-left: 10px;
        padding-top: 5px;
    }

}


@media (max-width: 767px) {
    header .phone-nav {
        /*  right: 20px;*/
        right: 5px;
        top: 20px;
    }
}

@media (max-width: 1200px) {
    header .top {
        padding: 0 0 0 10px;
    }

    header .header {
        padding: 10px 15px 20px;
    }
}

@media (max-width: 991px) {
    header .header {
        padding: 10px 5px 20px 15px;
    }

        header .header .tel {
            display: none;
        }

    header .nav {
        display: none;
    }
}

@media (max-width: 767px) {
    header .top {
        display: none;
    }

    header .header {
        padding: 10px 5px 15px 15px;
    }

        header .header .logo {
            width: 100px;
            height: 44px;
        }

    header .nav {
        display: none;
    }
}

.banner {
    z-index: 0;
}

.banner {
    width: 100%;
    overflow: hidden;
}

    .banner span {
        display: block;
        position: relative;
    }

        .banner span:after {
            content: "";
            display: block;
            padding-bottom: 32.6%;
        }

    .banner .slick-dots li button {
        border: 1px solid #fff;
        background: #fff;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        margin: 0 3px;
    }