﻿*{margin:0;padding:0;box-sizing:border-box;}
body{font-size:13px;color:#666;font-family:'微软雅黑';}
img{display:block;max-width:100%;border:0}
ul, li{list-style:none}
a{text-decoration:none;display:block;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
/*-----------------------------------------------------手机站导航开始--------------------------------------------------------------------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#1E9FFF;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#ffffff;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#ffffff;width:80%}
.sjj_nav ul li ul li a{color:#ffffff;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.footren{ color :#FFFFFF; margin-left :15px;}
.footren a{color: #FFFFFF;}
/*------------------------------------------------------手机站导航结束-------------------------------------------------------------------*/
/*----------------------------------------------------------banner开始---------------------------------------------------------------*/
@charset "utf-8";
.allist {
    margin-bottom: 50px;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
}
.alimg img {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px #ccc;
}
.c-banner {
    /*padding-top  :50px;*/
    width: 100%;
    position: relative;
}
    .c-banner img {
        width: 100%;
    }

    .c-banner .banner ul {
        list-style: none;
        padding-left: 0px;
        margin-bottom: 0px;
    }

        .c-banner .banner ul li {
            position: absolute display: none;
            opacity: 0;
        }

            .c-banner .banner ul li:nth-child(1) {
                opacity: 1;
                display: block;
            }

            .c-banner .banner ul li img {
                width: 100%;
                position: absolute;
                top: 0px;
            }

            .c-banner .banner ul li:first-child img {
                position: relative;
            }

    .c-banner .nexImg, .c-banner .preImg {
        padding: 25px 10px 25px 10px;
        position: absolute;
        top: 50%;
        margin-top: -53px;
        background: #000000;
        opacity: 0.2;
        border-radius: 5px;
        z-index: 10;
    }

        .c-banner .nexImg:hover, .c-banner .preImg:hover {
            opacity: 0.8;
        }

    .c-banner .nexImg {
        right: 0px;
    }

        .c-banner .nexImg img, .c-banner .preImg img {
        }

    .c-banner .jumpBtn {
        width: 100%;
        position: absolute;
        bottom: 20px;
        text-align: center;
    }

        .c-banner .jumpBtn ul {
            margin-bottom: 0px;
            padding: 0px;
        }

            .c-banner .jumpBtn ul li {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                display: inline-block;
                background-color: white;
                opacity: 0.9;
                margin-left: 10px;
            }

                .c-banner .jumpBtn ul li:first-child {
                    margin-left: 0px;
                }
/*---------------------------------------------------banner结束--------------------------------------------------------------------*/
/*---------------------------------------------------屏幕尺寸切换--------------------------------------------------------------------*/
@media screen and (max-width: 970px) {
    .c-banner .nexImg, .c-banner .preImg {
        display: none;
    }
    .c-banner .jumpBtn ul li {
        width: 10px;
        height: 10px
    }
    .pchead {
        display: none;
    }
    .kong {
        display: block;
    }
    .label {
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) 1px 1px no-repeat;
        /*position: fixed;*/
        /*background-size: 100% 100%;*/
    }
    .label1 {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) 0px 0px no-repeat;
    }
    .label2 {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -50px 0px no-repeat;
    }
    .label3 {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -100px 0px no-repeat;
    }
    .label4 {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -150px 0px no-repeat;
    }
    .label5 {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -200px 0px no-repeat;
    }
    .label6 {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -250px 0px no-repeat;
    }
    .label7 {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -300px 0px no-repeat;
    }
    .label8{
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -350px 0px no-repeat;
    }
    .label9 {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -400px 0px no-repeat;
    }
    .label10{
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -450px 0px no-repeat;
    }
    .label11 {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -500px 0px no-repeat;
    }
    .label12 {
        display: inline-block;
        width: 44px;
        height: 44px;
        background: url(/style/img/1-2.png) -550px 0px no-repeat;
    }
    .fsimg img {
        width: 44px;
        height: 44px;
    }
    .bottadd p {
        font-size: 1rem;
    }

    .bottadd strong {
        font-size: 1rem;
    }
    .botrig img{display : none ;}
    .homejs {
        font-size: 1rem;
    }
}
@media screen and (min-width: 970px) {
    .pchead {
        display: block ;
    }
    .phonehead {
        display: none;
    }
    .kong {
        display :none  ;
    }
    .label1 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) 0px 0px no-repeat;
    }
    .label2 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -100px 0px no-repeat;
    }
    .label3 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -200px 0px no-repeat;
    }
    .label4 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -300px 0px no-repeat;
    }
    .label5{
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -400px 0px no-repeat;
    }
    .label6 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -500px 0px no-repeat;
    }
    .label7 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -600px 0px no-repeat;
    }
    .label8 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -700px 0px no-repeat;
    }
    .label9 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -800px 0px no-repeat;
    }
    .label10 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -900px 0px no-repeat;
    }
    .label11 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -1000px 0px no-repeat;
    }
    .label12 {
        display: inline-block;
        width: 88px;
        height: 87px;
        background: url(/style/img/1-1.png) -1100px 0px no-repeat;
    }
    .fsimg img {
        width: 87px;
        height: 87px;
    }
    .homejs {
        font-size: 1.5rem;
    }
}
/*-------------------------------------------------屏幕尺寸切换--------------------------------------------------------------------*/
/*---------------------------------------------------PC菜单--------------------------------------------------------------------*/
.dropdown {
    position: relative;
    float: right;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

.dropdown:hover .dropdown-content {
    display: block;
    z-index: 999;
}

.dropdown:hover .dropbtn {
    background-color: #f1f1f1;
}
.dropbtn {
    background-color: #ffffff;
    color: #e0421b;
    padding: 16px 5px 16px 5px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    font-weight: bold;
}
.telp {
    width: 130px;
    height: 40px;
    border-radius: 25px;
    position: absolute;
    bottom: 20px;
    left: 10px;
    border: solid 1px white;
    background: #393D49;
    z-index: 999;
    position: fixed;
    line-height: 40px;
    text-align: center;
}

    .telp img {
        margin-top: 7px;
        margin-left: 7px;
    }

    .telp span {
        color: white;
        margin-left: 5px;
    }
.kong {
    width: 100%;
    height: 50px;
}

/*---------------------------------------------------PC菜单--------------------------------------------------------------------*/
.fsimg img {
    margin: auto;
}
 .homek{
    font-size: 2rem;
    font-weight: bold;
    color: #000000;
    font-family: arial, 微软雅黑;
    text-align :center ;
}
.homektel {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
    font-family: arial, 微软雅黑;
    text-align: center;
}
.divimga {
    /*background: url(/images/h1.jpg) no-repeat;*/
    background-size: 100% 100%;
    border-radius: 5px;
    font-size: 1.6rem;
    overflow: hidden;
}

    .divimga img {
        width: 100%;
    }

.hometop2 {
    color: #e0421b;
    font-weight : bold ;
}

.hometop1 .hometop2 {
    line-height: 100%;
}
.layui-cardm01 {
    text-align: center;
    height: 150px;
    background-size: 100% 100%;
}
.bottadd {
    color: white;
    font-size: 18px;
}
.bottadd a {
    color: white;
}
.footk {
    color: white;
    text-align: center;
}

    .footk a span {
        color: white;
        float: left;
    }
.layui-card1 {
    text-align: center;
    margin-top: 5px;
}
    .layui-card1 img {
        margin :auto ;
    }
    .demo-list .layui-card {
        height: 200px;
        border: solid 1px #ff0000;
        margin-top: 50px;
    }
.titlelistpage {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: dashed 1px #ccc;
    font-size :17px;
}
.titlelistneirong {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 17px;
}

.bottomlisttitle {
    background: #1E9FFF;
    border-radius: 5px;
    color: white;
    line-height: 40px;
}

    .bottomlisttitle a, li {
        margin-left: 10px;
    }
    .bottomlisttitle a {
        color: white;
    }
.bottomlist li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    border-bottom: dashed 1px #ccc;
    line-height: 35px;
}

.homejs {
    /*font-size: 1.5rem;*/
    font-weight: bold;
    color: #ffffff;
    font-family: arial, 微软雅黑;
    padding: 16px 5px 16px 5px;
}
.blink {
}

    .blink a {
        color: #b81c22;
        margin-left: 20px;
        float: left;
    }

.meneame span {
    float: left;
    margin-bottom: 20px;
    border-radius: 5px;
    height: 30px;
    /*width: 50px;*/
    text-align: center;
    border: solid 1px #ccc;
    margin-left: 2px;
    font-size: 14px;
    line-height: 30px;
    padding-left :10px;
    padding-right :10px;
}
.current {
    background: #FFB800;
}
.UpNext span {
    float: left;
}

.UpNext a {
    color: #e0421b;
}
