body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;font-family:"microsoft yahei"}
table { border-collapse:collapse; border-spacing:0; }
textarea{resize:none;}
fieldset, img { border:0; }
img{ vertical-align:bottom;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
a{ text-decoration:none; cursor:pointer;color: #000; }
a:hover{ text-decoration:underline;}
a:focus { outline-style:none;}
body,html{font-size:62.5%;}

.jumbotron{margin-bottom: 0;padding: 0;}
.navbar{margin-bottom: 0;display: none;}
.container{padding: 0;}
.row{margin: 0;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{padding: 0;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{padding: 0;}


.top_bar {line-height:32px;height:32px;width: 100%;/*min-width: 1100px;*/font-size: 12px;}
.top_bar a{color: #4c4c4c;margin-right: 5px;font-size: 12px;}
.top_bar a:hover{color: #ff3f0f;}
.top{background: #d8dbfc url(../images/top_bg.jpg) no-repeat 50% 0;width: 100%;/*min-width: 1100px;*/padding-bottom: 30px;}
.top_img{padding: 90px 0 70px;}
.top_img img{margin: 0 auto;}
.top_nav{overflow: hidden;padding: 12px 0 18px 0;background: #ff6600;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.top_nav li{float: left;width:114px;height:38px;margin-left: 48px;}
.top_nav li a{display:block;width:114px;height:38px;text-align:center;line-height:38px;font-size: 18px;color: #fff;}
.top_nav li a:hover,.top_nav li.on a{color: #ff8027;background: #fff;border-radius: 20px;}
.cont{overflow: hidden;margin-top: -10px;}

.search_box{/*width:730px;*/padding: 30px;background: #fff;border-radius: 10px;overflow: hidden;margin-bottom: 8px;}
.search_box h2{margin-bottom:15px;color: #333;font-size: 18px;line-height: 30px;height: 30px;}
.search_box h2 i{margin-left:14px;display: inline-block;width: 30px;height: 30px;background: url(../images/icon.png) no-repeat 0 0;vertical-align: middle;}
.search_box .search_form{/*width:450px;*/position: relative;}
.search_box .search_form input{display: block;font-size: 16px;}
.search_box .school,.search_box .code{/*width: 300px;*/width:70%;height: 38px;border:1px solid #d8dbfc;border-radius:5px;padding: 0 20px;color: #595959;}
.search_box .school{margin-bottom: 25px;}
.search_box .search_btn{position:absolute;top:0;right:0;width: 101px;height: 101px;background: url(../images/search_btn.png) no-repeat;overflow: hidden;text-indent:-9999px;border: 0;}

.school_list{/*width:730px;*/padding: 30px 5px 30px 30px;background: #fff;border-radius: 10px;}
.list-top {height: auto;}
.list-top .first {width: 100%;height: auto;margin-bottom:20px;}
.list-top .first span.tit {display: inline-block;width: 90px;height: 32px;line-height: 32px;text-align: left;font-size: 18px;color: #333333;vertical-align: top;}
.list-top .first ul {display: inline-block;width: 85%;overflow: hidden;}
.list-top .first ul li {float: left;height: 32px;}
.list-top .first ul li a{display: block;padding:0 15px;height: 32px;line-height: 32px;font-size: 16px;color: #595959;cursor: pointer;text-align: center;}
.list-top .first ul li a.active {background:#4190db;color: #ffff;}
.school_result{color: #333;font-size: 16px;}
.school_result span{color: #4190db;}
.result_list li{margin-top: 40px;}
.school_detail{/*margin-left: 55px;width:560px;*/position: relative;}
.school_detail h4{margin-top:10px;display: flex;align-items: center;}
.school_detail h4 a{color: #333;font-size: 20px;}
.school_detail h4 span{display:inline-block;margin-left:30px;font-size: 16px;color: #595959;}
.school_detail p{margin-top:20px;font-size: 16px;color: #595959;}
.school_detail p span{display:inline-block;margin-right:16px;}
.ask{position:absolute;top:0;right:30px;}

.page{text-align: center;margin-top: 60px;font-size: 12px;}
.page a{margin-left:5px;display: inline-block;padding:0 15px;height: 26px;border:1px solid #cdcdcd;color: #595959;text-align: center;line-height: 26px;}
.page a.choose{background: #ff9900;color: #fff;}

.right_list{margin-left:8px;/*width:360px;*/padding:20px 10px;background: #fff;border-radius: 10px;margin-bottom: 8px;}
.right_list h2{padding-left:20px;margin-bottom:15px;color: #333;font-size: 18px;line-height: 30px;height: 30px;}
.right_list h2 i{margin-left:14px;display: inline-block;width: 30px;height: 30px;background: url(../images/icon.png) no-repeat 0 -30px;vertical-align: middle;}
.right_list h2 i.icon1{background-position: 0 -60px;}
.right_list h2 a{font-size: 14px;color: #ccc;float: right;}
.right_list h2 a:hover{color: #ff9900;}
.right_list ul li{line-height:34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/*width: 330px;*/}
.right_list ul li a{position: relative;padding-left: 20px;color: #595959;font-size: 16px;}
.right_list ul li a:before{content: ''; position: absolute;left:0px;top: 9px; background: #5490d5;width: 12px;height: 3px;vertical-align: middle;}

.foot{width:100%;/*min-width:1100px;*/padding:50px 0;background: #373737;color: #cccccc;text-align: center;}
.foot p{line-height: 32px;font-size: 14px;margin-bottom: 0;}
.foot p span{margin-left: 30px;}

@media (max-width: 767px){
    .navbar{display: block;}
    .navbar-inverse {background-color: #ff9c4f;border-color: #ff9c4f;margin-bottom: -22px;}
    .navbar-inverse .navbar-toggle {border-color: #fff;margin-right: 10px;}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #ff9c4f;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #fff;}
    .navbar-inverse .navbar-nav>li>a {color: #fff;font-size: 16px;}
    .container{padding: 0 10px;}
    .top_bar{display: none;}
    .col-sm-2 .result_img{ display: none; /*width: 40px;height: 40px;float: left;*/}
    .right_list{display: none;}
    .search_img{display: none;}
    .top_nav li {margin-left: 16px;}
    .search_box{width: 100%;padding: 10px;}
    /*.top_nav li a{font-size: 1.6rem;width: 9rem;height: 3rem;line-height: 3rem;}
    .top_nav li a:hover{font-size: 1.6rem;}*/
    /*.search_box .search_form{width: 100%;}*/
    .search_box .school,.search_box .code{width: 68%;}
    .school_list{width: 100%;padding: 10px 0 10px 10px;}
    .school_detail h4 a {font-size: 16px;max-width: 10em;}
    .school_detail p {font-size: 14px;margin-top: 10px !important}
    .school_detail p span{display: inline-block;line-height: 16px;}
    .list-top .first{margin-bottom: 0;}
    .list-top .first ul{width: 100%;}
    .list-top .first ul li a {padding: 0 8px;font-size: 14px;height: 28px;line-height: 28px;}
    .list-top .first span.tit {font-size: 16px;}
    .school_detail{width: 100%;}
    .ask{right:10px;top: 10px;}
    .school_result {margin-top: 10px;}
    .foot p span{display: block;margin-left: 0;}
    .ask img{width: 4.4rem;height: 4.4rem;background-size: 100% 100%;}
    .col-sm-10 .result_img{
        width: 42px;
        display: block !important;
        height: 42px;
        margin-right: 10px;
    }
}

@media only screen and (width: 375px){
    .top_nav li {margin:0 0.1rem;}
    /*.search_box .search_btn{width: 7rem;height: 7rem;background-size: 100% 100%;}*/
    .ask img{width: 4.4rem;height: 4.4rem;background-size: 100% 100%;}
    .col-sm-10 .result_img{
        width: 42px;
        display: block !important;
        height: 42px;
        margin-right: 10px;
    }
}
@media only screen and (width: 768px){
    .search_img{width: 100%;}
    .search_box{padding: 10px 0 10px 10px;}
    .school_list {padding: 10px 0;}
    .ask{right:10px;top:10px;}
}
.result_list{margin-top: 10px;}
.result_list li {margin-top:0;padding: 20px 0;border-top: 1px solid #5490d5;}
.col-sm-10 .result_img{
    display: none;

}