@charset "utf-8";
/* CSS Document */
body {
    color: #18191c;
    background: #ffffff;
    padding: 0px;
    margin: 0px;
    font-family: PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif !important;
    -webkit-font-smoothing: antialiased
}
div {display:block;}
/*li {display:list-item;text-align: -webkit-match-parent;list-style-type: none;}
ul {margin: 0px;padding:0px;}*/
.clear{ clear:both;}
/*顶部（logo，导航）*/
.nav_in .menu_left ul {
    border-bottom: solid 2px #eee;
}
    .nav_in .menu_left ul a {
        font-size: 14px;
        float: left;
        list-style-type: none;
        line-height: 62px;
        margin: 0px 10px 0px 0px;
        padding: 0;
        white-space: nowrap;
        /*color: #18191c;*/
        color: rgba(24, 25, 28, 0.8);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
        text-align: center;
        font-weight: 600;
        text-overflow: ellipsis;
        transition: background-color .3s,color .5s
    }
        .nav_in .menu_left ul a:hover {
            color: rgba(24, 25, 28, 1);
            font-size:17px;
        }
.nav {
    width: 100%;
    height: 62px;
    margin-bottom: 20px;
    background-color: #fff;
}
.nav_in {
    width: 1260px;
    margin: 0 auto;
    height: 62px;
}
    .nav_in .menu_left ul {
        width: 100%;
        margin: 0 0;
        padding-left: 0px;
        height: 62px;
    }
.nav li, .nav-sub li {
    display: inline-block;
    margin: 0 1px 20px 0
}
a {
    text-decoration: none;
    background-color: transparent;
    color: #18191c;
}
.nav_in .menu_left a {
    font-size: 16px;
    font-family: PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif!important;
    color: #fff;
    line-height: 60px;
}
.nav_in .menu_right{ float:right;}
.search{border-radius:5px;width:195px;height:41px; background-color:#fff; margin-top:5px; float:left;}
.searchSub {background:url(http://img.yanquecao.com/yqc/search.png); width:20px; border:0; float:left; margin-left:20px; margin-top:10px;}
.searchText {height:40px;line-height:40px; width:140px;font-size:12px; color:#999;float:left; border:none; margin-left:5px;padding:0; outline:none;}
.more_index{ font-size:14px; border:1px solid #0099FF; color:#0099FF;padding-left:6px;padding-right:6px;border-radius:2px;padding-top:2px;padding-bottom:2px;}
    .more_index:hover {
        color: rgba(24, 25, 28, 1);
    }
.titleLeft,.titleRight{ float:left; line-height:50px;}
.titleLeft {
    font-size: 14px;
    color: rgba(24, 25, 28, 0.8);
    line-height: 50px;
    font-weight: 600;
}
.titleBox .titleLeft:hover {
    rgba(24, 25, 28, 1);
}
.titleRight{ font-size:14px; color:#bbb; margin-left:60px;}
.more_button {
    float: right;
    font-size: 14px;
    color: rgba(24, 25, 28, 0.8);
    margin-top: 14px;
    width: 80px;
    text-align: center;
    font-weight: 600
}

    .more_button:hover {
        color: rgba(24, 25, 28, 1);
    }

.navListBox{ width:1200px; margin:0 auto; margin-bottom:20px; background-color:#fff; height:50px;}
.navListDiv .navListBox ul li { float:left; margin-right:10px; margin-left:44px; font-size:16px; line-height:50px;}
.navListBox ul li a{ color:#808080;}
.navListDiv a:hover,.navListDiv .nav_index{color:#44B549;}
.footerLine {
    background-color: rgba(238, 238, 238, 0.8);
    height: 2px;
    width: 100%;
    margin-top: 40px;
}
.footerDiv {
    width: 1260px;
    margin: 0px auto;
    margin-top: 10px;
    font-size: 13px;
    color: #18191c;
    height: 160px;
}
.row {margin:20px;}
.links {border-top: 1px dotted #DDD;height:auto;font-size:14px;margin:0px auto;display: inline;}
.links a, .links font {color:#bebebe;height:17px;margin-right:10px;overflow:hidden;}
.b_left {
    float: left;
    text-align: center;
    margin-top: 25px;
    margin-left: 100px;
    font-family: PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif!important;
}
.b_right{float:right;margin-right:95px;text-align:center;}

/* 首页 */
.topinnerdiv {
    width: 1260px;
    margin: 0 auto;
}
.slideBox {
    width: 650px;
    height: 340px;
    overflow: hidden;
    position: relative;
}

.topoutdiv {
    width: 100%;
    height: 340px;
    margin-bottom: 20px;
}

.topinnerdiv {
    width: 1260px;
    margin: 0 auto;
}

    .topinnerdiv .topright {
        width: 500px;
        height: 340px;
        float: left;
    }

.slideBox .hd {
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 1;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

  .slideBox .bd ul {
        padding-left: 0px;
    }
.simg {
        border-radius: 6px;
        height:320px;
        width:650px;
    }
.slideBox .hd ul {
    margin: 0px 0px;
    padding-left: 0px;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

    .slideBox .hd ul li.on {
        background: #44B549;
        color: #fff;
    }

    .slideBox .hd ul li {
        float: left;
        width: 24px;
        margin-right: 10px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        background: #fff;
        cursor: pointer;
        border-radius: 8px;
    }
li {display:list-item;text-align: -webkit-match-parent;list-style-type: none;}
.topinnerdiv .topleft { width:660px; height:350px; background-color:#fff; float:left; margin-right:20px;}
.mainBox{ margin-left:20px; margin-right:20px;}
.topinnerdiv .title {
    font-size: 14px;
    color: rgba(24, 25, 28, 0.8);
    width: 88px;
    font-weight: 600
}
.topinnerdiv .title:hover{color:#1A86C0;}
.topinnerdiv .titleBox{ border-bottom: solid #eee 1px;}
.recomment {margin-left:20px;margin-top:15px; margin-bottom:10px;padding-left:0px;}
.recomment li {line-height:36px;height:36px;font-size:16px;}
a {
    text-decoration: none;
    font-family: PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif!important;
    color: #18191c;
    font-size:16px;
}
.recommentMore {text-align:right;margin-top:0px; margin-bottom:20px;float:right;}
.more_index{ font-size:15px; border:1px solid #0099FF; color:#0099FF;padding-left:6px;padding-right:6px;border-radius:2px;padding-top:2px;padding-bottom:2px;}
.more_index:hover{background-color:#0099FF; color:#FFF;}
.newestDiv .newestBox{ width:1260px; margin:0 auto; height:258px; background-color:#fff;overflow:hidden;position:relative; margin-bottom:2px;}
.newestDiv .newestBox img:hover{-webkit-transform:scale(1.08);transform: scale(1.08); }
.newestDiv .newestBox img{ -webkit-transition: opacity .5s,-webkit-transform .6s ease-in-out;transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,opacity .5s;transition: transform .6s ease-in-out,opacity .5s,-webkit-transform .6s ease-in-out;-webkit-transition-delay: .1s;transition-delay: .1s;
    -webkit-backface-visibility: hidden;backface-visibility:hidden;-webkit-perspective: 1000;perspective:1000;border-radius: 4px; }
.contentWrap{ position:relative;}
.newestBox .titleBox {
    border-bottom: solid 1px #eee;
    height: 42px;
    margin-bottom:10px;
}
.contentWrap .title_wrap {
    font-size: 14px;
    color: #18191c;
    line-height: 36px;
}
.contentWrap .content_wrap {
    font-size: 13px;
    color: #18191c;
    line-height: 16px;
    width: 160px;
    height: 30px;
    overflow: hidden;
}
.classBox{ width:1260px; margin-left:auto; margin-right:auto; background-color:#fff; height:280px; margin-bottom:20px;}
.classBox .titleBox {border-bottom:solid 1px #eee;height:50px;margin:0 20px;}
.classBox ul li{font-size:16px; line-height:30px;}
.classBox ul{ float:left; margin:0; padding:0; margin-left:20px; margin-top:16px}
.classBox .class_img{float:right; margin-top:20px; margin-right:20px;}
.classBox .class_img .img_boxtop,.classBox .class_img .img_boxbottom{ margin-bottom:10px;}
.classBox .class_img a{ margin-left:10px; position:relative; float:left; overflow:hidden;}
.classBox .class_img img{display:block}
.classBox .class_img img:hover{-webkit-transform:scale(1.05);transform: scale(1.05); }
.classBox .class_img img{-webkit-transition: opacity .5s,-webkit-transform .6s ease-in-out;transition: opacity .5s,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,opacity .5s;transition: transform .6s ease-in-out,opacity .5s,-webkit-transform .6s ease-in-out;-webkit-transition-delay: .1s;transition-delay: .1s;
    -webkit-backface-visibility: hidden;backface-visibility:hidden;-webkit-perspective: 1000;perspective:1000;border-radius: 4px; }
.classBox .class_img .img_name{ height:24px; background-color:#09F; color:#fff; position:absolute; bottom:5px; left:8px; padding-left:6px; padding-right:6px; line-height:24px; text-align:center;}







.container {
    padding-left: 10px;
    padding-right: 10px
}
.row {
    width: 100%;
    max-width: 1260px;
    min-width: 755px;
    margin: 0 auto;
    overflow: hidden
}
.nav, .nav-sub, .profile-bar {
    height: 62px;
    font-size: 1.4em;
    font-family: PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif!important;
}

.nav {
    text-transform: uppercase
}

    .nav ul, .nav-sub ul {
        list-style: none;
        white-space: nowrap;
        padding-top: 8px;
    }



        .nav li a, .nav-sub li a {
            padding: 10px 0 10px 0;
            text-decoration: none
        }

        .nav li a {
            color: #fff
        }

            .nav li a:hover {
            }

        .nav-sub li a {
            color: #333;
            font-weight: 500
        }

            .nav-sub li a:hover {
                color: #777
            }
a:hover {
    font-weight: bold;
}

li, ol, p, ul {
    line-height: 1.5em
}
.logo1 img {
    height: 42px; 
    width: auto; 
    display: block; 
    margin-bottom:10px;
}
    .slideBox .prev,
    .slideBox .next {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        background: url('../images/slider-arrow.png') -110px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .slideBox .next {
        left: auto;
        right: 3%;
        background-position: 8px 5px;
    }

        .slideBox .prev:hover,
        .slideBox .next:hover {
            filter: alpha(opacity=100);
            opacity: 1;
        }

    .slideBox .prevStop {
        display: none;
    }

    .slideBox .nextStop {
        display: none;
    }