﻿.top{background-color:#fff}
.top-nav{height:40px;background-color:#f6f6f6}
#topnav{width:1220px;margin:0 auto;font-size:12px}
#topnav nav{background-color:#f6f6f6;border:none;min-height:40px;margin-bottom:0}
#topnav .nav>li>a{height:40px;line-height:40px;padding:0 10px;color:#666}
#topnav .nav>li>a:hover{background-color:#f6f6f6;color:#ff663a}
#topnav .nav>li.dropdown.open>a{background-color:#fff;color:#ff663a;border-radius:0}
#topnav .nav>li>a.nav-city{color:#666;position:relative;padding:0 0 0 20px}
.icon-city{position:absolute;left:0;top:13px;font-size:12px;line-height:12px;color:#bbb}
.nav>li{display:inline-block;height:40px;line-height:40px}
.nav>li#navCityChange>a{padding-left:5px}
.nav-jyb,.nav-welcome{padding-left:20px}
#nav-left{float:left;display:inline-block}
#nav-right{float:right;display:inline-block}
.nav-line{display:inline-block;width:1px;height:17px;background-color:#ccc;position:absolute;top:10px;right:0}
.open .nav-line{display:none}
.nav-pills>li+li{margin-left:0}
ul.dropdown-menu{top:100%;min-width:inherit;width:calc(100% + 1px);border:none;background-color:#fff;border-radius:0;margin:0}
.dropdown-menu>li>a{padding:5px 0;text-align:center;font-size:12px;color:#666}
.dropdown-menu>li>a:hover{color:#ff663a;background-color:#fff}
.top-form{width:1220px;height:110px;margin:0 auto}
.form-logo{width:200px;height:110px;float:left}
.form-type{width:180px;height:110px;line-height:110px;float:left;padding-left:50px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.top-form form{width:520px;float:left;height:110px}
.form-search{width:520px;border:solid 2px #1184e1;height:40px;overflow:hidden;margin:35px auto auto auto;position:relative;border-radius:2px}
#txtKey{width:420px;height:36px;line-height:36px;border:none;padding-left:10px;outline:0}
#btnSearch{width:90px;height:36px;background-color:#1184e1;line-height:36px;text-align:center;color:#fff;border:none;position:absolute;right:0;top:0;font-size:16px}
.form-honor{width:270px;float:left;position:relative;padding-left:30px}
.form-honor-l,.form-honor-r{width:20px;float:left;height:110px;position:relative;color:#999}
.form-honor-m{width:200px;float:left;height:110px;position:relative}
.honor-prev{display:inline-block;position:absolute;top:46px;left:0;cursor:pointer}
.honor-next{display:inline-block;position:absolute;top:46px;right:0;cursor:pointer}
.honor-next:hover,.honor-prev:hover{color:#323232}
.form-honor ul{display:inline-block;width:200px;height:80px;overflow:hidden;margin:15px auto}
.form-honor ul li{width:200px;height:80px;float:left}
.form-honor ul li img{width:100%;height:100%}
.top-menu{border-bottom:solid 2px #323232}
.top2_ad{float:left;display:inline;overflow:hidden;width:230px;height:59px;margin:28px auto auto 20px}
.top2_ad_left,.top2_ad_right{float:left;display:inline;overflow:hidden;width:15px;height:52px;cursor:pointer}
.top2_ad_left{background:url(http://jn.jiaoyubao.cn/template/temp_list/jyb_comlist2/images/icon03.png) no-repeat left center}
.top2_ad_center{float:left;display:inline;overflow:hidden;width:199px;height:59px;position:relative}
.top2_ad_right{background:url(http://jn.jiaoyubao.cn/template/temp_list/jyb_comlist2/images/icon04.png) no-repeat right center}
.top2_ad_center ul{overflow:hidden;position:absolute;height:59px}
.top2_ad_center li{float:left;display:inline;overflow:hidden;width:199px;height:59px;text-align:center}
#topnav .nav>li#navCityChange>a{color:#1184e1;padding-right:20px}
.caret-website{display:inline-block;width:15px;height:15px;background:url(../images/list_img.png) no-repeat;background-position:-36px -1px;position:absolute;top:10px;right:2px}
.city_change{position:absolute;left:5px;top:5px;display:none}
#navCityChange:hover .city_change{display:block}
.city_change{width:188px}
.city_change .old{height:52px;line-height:52px;color:#272727;border:1px solid #fff}
.city_change .old .pic{float:left;margin-top:15px;margin-left:5px;width:11px;height:6px;background:url(/png/edu_bg_002.png) no-repeat}
.city_change .old .txt{float:left;display:inline;overflow:hidden;margin-left:10px}
.city_change .old .txt .mc{float:left}
.city_change .old .txt .qhcs{float:left;margin-left:5px;font-size:14px;font-weight:400}
.city_change .city_change_over{position:absolute;width:400px;border:1px solid #136bab;background-color:#fff;color:#676767;z-index:99999}
.city_change .city_change_over .self{margin:0 10px;font-weight:400;font-family:'寰蒋闆呴粦','榛戜綋';overflow:hidden}
.city_change .city_change_over .self .pic{float:left;margin-left:5px;margin-top:23px;width:11px;height:6px;background:url(/png/edu_bg_002.png) no-repeat}
.city_change .city_change_over .self .chg_wx{float:right;font-family:"榛戜綋";font-size:27px;line-height:40px;margin-top:5px;margin-right:100px}
.city_change .city_change_over .self .chg_wx a{color:#676767;text-decoration:none}
.city_change .city_change_over .self .chg_wx a:hover{color:#676767;text-decoration:underline}
.city_change .city_change_over .self .txt{float:left}
.city_change .city_change_over .self .txt .mc{float:left}
.city_change .city_change_over .self .txt .qhcs{float:left;margin-left:5px;font-size:14px;font-weight:400}
.city_change .city_change_over .other{width:380px;margin:0 auto;border-top:1px solid #ccc;margin-bottom:10px;overflow:hidden;font-weight:400;font-size:12px;color:#0564a4;font-family:'瀹嬩綋';margin-top:5px;height:180px}
.city_change .city_change_over .other a{color:#0564a4}
.city_change .city_change_over .other .list{overflow:hidden;margin-top:12px}
.city_change .city_change_over .other .list .first{width:19px;float:left;display:inline;height:19px;background-color:#999;border-radius:19px;text-align:center;line-height:19px;color:#fff;font-family:Arial;font-size:14px;font-weight:400;overflow:hidden}
.city_change .city_change_over .other ul{width:335px;margin-left:10px;overflow:hidden;float:left}
.city_change .city_change_over .other ul li{float:left;margin:0;padding:0;height:22px;line-height:22px;margin-right:10px;display:inline}
.city_change .city_change_over .focus{width:380px;margin:0 auto;overflow:hidden;font-weight:400;font-size:12px;color:#0564a4;font-family:'瀹嬩綋';line-height:20px;padding-top:5px;border-top:1px solid #ccc}
.city_change .city_change_over .focus a{color:#0564a4;padding-right:15px;white-space:nowrap;float:left}
.city_change .city_change_over .focus a.ah{font-weight:700}
.city_change .city_change_over .search{height:34px;width:380px;margin:0 auto;position:relative}
.city_change .city_change_over .search .err{position:absolute;left:0;top:0;width:152px;padding:0 5px;display:none;height:20px;text-align:left;color:#ee7001;background:#fffde6;border:1px solid #e5935b;box-shadow:2px 2px 2px #999;margin-top:30px;line-height:20px}
.city_change .city_change_over .search .skey{float:left;display:inline;overflow:hidden;margin-top:5px;width:115px;height:24px;position:relative}
.city_change .city_change_over .search .skey input{padding:0;margin:0;border:0;width:114px;height:22px;padding:0 5px;border:1px solid #ccc;border-right:0;color:#999;vertical-align:middle;line-height:22px;position:absolute;left:0;top:0}
.city_change .city_change_over .search .sbt{float:left;display:inline;margin-top:5px;border:1px solid #bbb;display:inline-block;width:46px;height:22px;text-align:center;line-height:22px;color:#444;vertical-align:middle;background:#fff;font-size:12px;cursor:pointer;background:url(../images/change_city3.gif) repeat-y -45px -14px}
.city_change .city_change_over .tindex{overflow:hidden;line-height:16px;width:380px;margin:0 auto}
.city_change .city_change_over .tindex span{float:left;display:inline;overflow:hidden;width:17px;text-align:center;color:#0564a4;font-family:Arial;font-size:14px;cursor:pointer}
.city_change .city_change_over .tindex span:hover{float:left;display:inline;overflow:hidden;width:17px;text-align:center;color:#fff;background:#0564a4;font-family:Arial;font-size:14px}
.ins-center .dropdown-menu{box-shadow:none;border-left:solid 1px #eee;border-right:solid 1px #eee;border-bottom:solid 1px #eee}
#topnav .nav>li.ins-center.open>a{color:#666}
#topnav .nav>li.ins-center>a:hover{color:#ff663a}
.header-logo{display:inline-block;padding-top:10px;float:left;margin-left:14px;width:200px;heihgt:110px}
.header-logo img{width:100%;height:auto}
.form-logo{display:inline-block;padding-top:10px;float:left;margin-left:14px;width:200px;heihgt:110px}
.form-logo img{width:100%;height:auto}
.top-add-mcode1{float:left;margin:15px 0 0 120px;overflow:hidden}
.top-add-mcode1 img{float:left;width:100px;height:100px}
.top-add-mcode1 p{float:left;width:15px;margin:13px 0 0 10px;font-size:14px;color:#1184e1;line-height:15px;text-align:center}
.nav-welcome{padding-left:0}
#topnav .nav>li#navCityChange>a{padding-right:11px;padding-left:2px}
#topnav .nav>li>a.nav-city{padding:0 0 0 16px}
.nav-line{height:10.5px;background-color:#ccc;top:15px}
.top-site-icon{display:inline-block;margin-left:2px;font-size:12px!important;color:#979797;line-height:13px;vertical-align:middle}
.top-site-navs:hover .top-site-icon{color:#ff663a}
.top-sitenav-box{display: none;position: absolute;top: 40px;right: -135px;z-index: 99999; width: 1220px; border: 1px solid #e8e8e8;background-color: #fff;padding: 20px 0 14px 0;overflow: hidden}
.top-sitenav-l{float:left;width:710px;border-right:1px solid #e8e8e8;padding:0 0 16px 0}
.top-sitenav-m{float:left;width:304px}
.top-sitenav-m dl{padding:0 0 0 30px}
.top-sitenav-r{float:left;width:204px;border-left:1px solid #e8e8e8}
.top-sitenav-h4{font-size:16px;color:#1184E1;line-height:22px;text-align:center}
.top-sitenav-ll{float:left;width:234px;padding:0 30px 0 20px}
.top-sitenav-lm{float:left;width:236px;padding:0 30px 0 0}
.top-sitenav-lr{float:left;width:239px;padding-right:10px}
.top-sitenav-h5{font-size:13px;color:#999;line-height:18px;font-weight:400}
.top-sitenav-box dl{margin-top:16px}
.top-sitenav-box .mt35{margin-top:35px}
.top-sitenav-box dd{margin-top:14px;overflow:hidden}
.top-sitenav-box dd a{float:left;margin:0 10px 8px 0;font-size:12px;color:#323232;line-height:17px}
.top-sitenav-box dd a:hover{color:#ff663a}
.top-sitenav-ll dl:first-child,.top-sitenav-lm dl:first-child,.top-sitenav-lr dl:first-child{margin-top:0}
.pr10{padding-right:10px}
.top-app-a{display:block;width:122px;margin:0 auto 4px auto}
.mt17{margin-top:17px}
.top-app-a img{width:122px;height:122px}
.top-app-a .top-sitenav-h5{text-align:center}
#topnav .nav>li.has-open .top-site-a{background-color:#fff;color:#ff663a;border-radius:0;height:41px;z-index:999999999}
.has-open .top-sitenav-box{display:block}

/* 新增css */
ul.dropdown-menu { width: -moz-calc(100% + 2px); width: calc(100% + 2px); left: -1px; }
#topnav .nav .height41 a { height: 41px; z-index: 9999; }
.nav .app-download i { width: 12px; height: 12px; margin-right: 5px; font-size: 12px; }
#topnav .nav li a:hover .top-site-icon { color: #ff663a; }
#topnav .nav li.app-download:hover { background-color: #f6f6f6; }
#topnav .nav li.app-download a { color: #1184e1; }
#topnav .nav li.app-download:hover a { color: #1184e1; }
.app-download .dropdown-menu { width: 232px; height: 121px; padding: 16px 0 0 14px; border: 1px solid #eee;}
.app-download .dropdown-menu img { width: 90px; height: 90px; display: inline-block; float: left; }
.app-download .dropdown-menu div { width: 100px; margin-top: 6px; margin-left: 11px; display: inline-block; float: left; text-align: left; }
.app-download .dropdown-menu h4 { font-size: 14px; line-height: 20px; color: #323232; }
.app-download .dropdown-menu p { margin-top: 5px; font-size: 12px; line-height: 18px; color: #666; }

/* 平台热线 */
#topnav .nav > .platform-phone a, #topnav .nav > .platform-phone a:hover {color: #1184e1;}

/* 新增css 2018-05-29 */
.platform-phone {font-size: 14px;}
.platform-phone i {margin-right: 5px; font-size: 14px; width: 14px; height: 14px;}

