﻿@charset "utf-8";

/* 格式化 */
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
body { font: 10px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif; background: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

html,body { font-size:10px;}



/* 通用盒 */
.box1200 { margin:0 auto; padding:0 10px; width:1200px;}
.box100p { width:100%; min-width:1220px;}
.box_ch { display:-webkit-flex; display:flex; justify-content:flex-start; align-items:flex-start; width:100%;}
.box_l1 { width:830px;}
.box_r1 { width:320px;}



/* 搜索 */
.topsearch { position:absolute; top:22px; right:10px;}
.topsearch form { position:relative; display:-webkit-flex; display:flex;}
.topsearchTxt { padding:0 40px 0 15px; height:2.4em; background:#fff; border-radius:1.2em; width:12.3em; border:none; font-size:1.4rem; line-height:2.4em; outline:none; -moz-transition:box-shadow 0.3s; -webkit-transition:box-shadow 0.3s; -transition:box-shadow 0.3s;}
.topsearchTxt:focus { box-shadow:0 0 10px rgba(0,0,0,.3);}
.topsearchBt { position:absolute; top:2px; right:8px; width:24px; height:24px; background:url(../images/topsearchBt.png) no-repeat 0 4px; border:none; cursor:pointer; outline:none;}
.topsearchBt:hover { background-position:0 -35px;}



/* 投教频道_导航 */
.ch_name, .ch_name2, .ch_name3 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.ch_name2 {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@font-face {
    font-family: 'FZQKBYSJW';
    src: url('../fonts/FZQKBYSJW.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h1.qkbys, h2.qkbys {
    color: #37474f;
    font-family: 'FZQKBYSJW';
    font-size: 4.2rem;
    line-height: 2em;
}

    h2.qkbys a {
        color: #ccc;
        text-decoration: none;
        transition: color .3s;
    }

    h1.qkbys em, h2.qkbys em {
        margin-left: 1rem;
        color: #a6c5d8;
        font: normal normal 3rem/1em Georgia;
    }

    h2.qkbys a em {
        color: #ccc;
        transition: color .3s;
    }

    h2.qkbys a:hover, h2.qkbys a:hover em {
        color: #007aff;
    }

.ch_name ul {
    display: -webkit-flex;
    display: flex;
    margin-left: 7rem;
}

    .ch_name ul li {
        margin-right: 2em;
    }

        .ch_name ul li:last-child {
            margin-right: 0;
        }

        .ch_name ul li a {
            display: block;
            padding: 0.5em 0;
            border-bottom: 3px solid #fff;
            font-size: 1.6rem;
            line-height: 1em;
            text-decoration: none;
            transition: border-color .3s,color .3s;
        }

            .ch_name ul li a:hover {
                border-color: #007aff;
                color: #007aff;
            }

.ch_name div {
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-left: 5rem;
    border-radius: 1em;
    color: #90a4ae;
    font-size: 1.6rem;
    line-height: 2em;
}

    .ch_name div a {
        display: block;
        padding: 0 1em;
        background-color: #e4eff3;
        color: #90a4ae;
        text-decoration: none;
        transition: background-color .3s,color .3s;
    }

        .ch_name div a:hover {
            background-color: #f6fbfd;
            color: #007aff;
        }

        .ch_name div a:first-child {
            background-color: #a6c5d8;
            color: #fff;
        }



/* 投教频道下拉_导航 */
.ch_name3 {
    position: relative;
    height: 180px;
}

nav.nav_xl {
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
}

div.navmore {
    position: relative;
    display: block;
    padding: .75em 1.3em;
    border-radius: 6px 6px 0 0;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
}

    div.navmore em {
        padding-bottom: .5em;
    }

    div.navmore:hover {
        background-color: #eef9fe;
        color: #007aff;
    }

        div.navmore:hover em {
            border-bottom: 3px solid #007aff;
        }

ul.navMoreUL {
    display: none;
    position: absolute;
    top: 3em;
    left: 0;
    width: 100%;
    z-index: 999;
}

    ul.navMoreUL li a {
        display: block;
        padding: .75em 0;
        background-color: #eef9fe;
        text-decoration: none;
    }

    ul.navMoreUL li:last-child a {
        border-radius: 0 0 6px 6px;
    }

    ul.navMoreUL li a:hover {
        background-color: #e4eff3;
        color: #007aff;
    }

span.nav_xl_link a {
    display: block;
    padding: .75em 1.3em;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
}

    span.nav_xl_link a:hover {
        background-color: #eef9fe;
        border-radius: 6px;
        color: #007aff;
    }

.top_tzzjy {
    height: 180px;
    background: url(../images/top_tzzjy.jpg) no-repeat top center;
}

a.nav_xl_linklogo1 {
    display: block;
    width: 150px;
    height: 80px;
}

a.nav_xl_linklogo2 {
    display: block;
    margin-left: 130px;
    width: 305px;
    height: 100px;
}




/* 底部 */
footer.ft_site { padding:2rem 0; width:100%; min-width:1220px; background-color:#263238; font-size:1.2rem;}
.ft_item { display:-webkit-flex; display:flex; -webkit-align-items:flex-start; align-items:flex-start; margin-bottom:2rem; color:#fff;}
  .ft_item ul { margin-right:2%; width:12%;}
  .ft_item ul li { color:#fff; font-family:"微软雅黑", "宋体"; line-height:2.5em;}
  .ft_item ul li:first-child { font-size:1.6rem;}
  .ft_item ul li a { display:block; width:100%; color:#90a4ae; text-decoration:none; transition:color .25s;}
  .ft_item ul li a:hover { color:#fff;}
  .ft_item div { margin-top:1rem; margin-left:auto; width:120px; background-color:rgba(0,0,0,.2); text-align:center;}
  .ft_item div span { display:block; margin:.5rem 0 .8rem; font-size:1.4rem; line-height:1em;}
.ft_gr { margin-bottom:2rem;}
  .ft_gr h3 { padding-left:7px; border-left:4px solid #fff; color:#fff; font-size:1.6rem; line-height:1em;}
  .ft_gr ul { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; padding:10px 0; width:100%; border-bottom:1px solid #546e7a;}
  .ft_gr ul li { width:200px; color:#fff; font-size:1.4rem;}
  .ft_gr ul li a { display:block; padding:.7em 10px; border-radius:6px; color:#90a4ae; font-size:1.4rem; text-decoration:none; transition:background-color .3s, color .3s;}
  .ft_gr ul li a:hover { background-color:#1f2427; color:#fff;}
.ft_cr { color:#90a4ae; line-height:2em;}



/* 补充 */
.space_b1 { margin-bottom:50px;}
.space_b2 { margin-bottom:20px;}
.space_b3 { margin-bottom:40px;}
.space_t1 { margin-top:50px;}
.space_t2 { margin-top:30px;}
.space_pt1 { padding-top:30px;}
.space_r1 { margin-right:50px;}
.space_r2 { margin-right:30px;}
.space_pad20d { padding:20px 0;}
.space_pad30d { padding:30px 0;}

.bgc_tint1 { background-color:#fff9f5;}
.bgc_tint2 { background-color:#fafafa;}
.bgc_tint3 { background-color:#e4eff3;}
.bgc_tint4 { background-image:linear-gradient(to bottom, rgba(228,239,243,1), rgba(228,239,243,0));}
.bgc_dark1 { background-color:#263238;}
.bgc_dark2 { background-color:#a6c5d8;}



/* 投诉平台 */
.complaint_email { overflow:hidden; margin:40px 0; padding:20px 100px; background-color:#eef3f6; border-radius:10px; font-size:1.8rem;}
.complaint_email h1 { margin-bottom:50px; border-bottom:2px solid #263238;}
.complaint_email p { margin-bottom:20px; text-indent:2em;}
.complaint_email a { color:#007aff;}
.complaint_email form { background:#;}
.complaint_email form div { margin-bottom:30px;}

.complaint_email input[type=text], .complaint_email textarea { padding:10px; width:300px; border:none; border-radius:6px; font-size:1.6rem; outline:none;}
.complaint_email textarea { width:600px; resize:none;}
.complaint_email input[type=radio] { margin-right:5px;}
.complaint_email input[type=radio]+label { margin-right:20px;}
.complaint_email input[type=submit] { padding:.7em 4em; background-color:#248dff; border:none; border-radius:6px; color:#fff; cursor:pointer; font-size:2rem; line-height:1em; outline:none;}
.complaint_email input[type=submit]:hover { background-color:#007aff;}
.complaint_email input:focus, .complaint_email textarea:focus { box-shadow:0 0 10px rgba(0,0,0,0.1);}

.complaint_line_radio { text-align:center;}
.complaint_line_text { display:-webkit-flex; display:flex; line-height:2em;}
.complaint_line_text span { margin-right:30px; width:220px; text-align:right;}
.complaint_line_text em { margin-right:10px; color:#d32f2f;}
.complaint_line_text span i { color:#999; font-size:1.4rem;}
.complaint_line_text i { margin-left:30px; color:#d32f2f; font-size:1.4rem;}
.complaint_line_radioin { -webkit-align-items:center; align-items:center;}
.complaint_line_bt { padding-top:20px; text-align:center;}

.complaint_email section { color:#1c516c;}
.complaint_email section h2 { margin-bottom:1em; font-size:2.8rem; line-height:1em; text-align:center;}
.complaint_email section span { display:block; margin-bottom:50px; text-indent:2em;}
.complaint_line_text2 { line-height:2em;}
.complaint_line_text2 span { display:block; margin-bottom:5px; width:100%;}
.complaint_line_text2 em { margin-right:10px; color:#d32f2f;}
.complaint_line_text2 span i { color:#999; font-size:1.4rem;}
.complaint_line_text2 i { color:#d32f2f; font-size:1.4rem;}
.complaint_line_text2 input { margin-left:20px;}
.complaint_line_text2 textarea { width:97%;}
