@charset "utf-8";
/* CSS Document */

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
   /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 20px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ol { list-style: none; }
 li{ list-style-type :square;color:#555; } 
/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover {
	text-decoration: underline;
	color:rgba(4,187,177,1);
}

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }


/* float */
.left { float:left}
.right { float:right}
.fnone { float:none}

/* text-align */
.tleft { text-align:left}
.tright { text-align:right}
.tcenter { text-align:center}

.ml{margin-left:10px;}
.ml20{margin-left:20px;}
.ml5{margin-left:5px;}
.mt{margin-top:10px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.pm15{ padding-bottom:15px}
.mr {margin-right:10px;}
.mr5 {margin-right:5px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.pt20 {padding-top:10px}
.pm20 {padding-bottom:20px}
/* display */
.dis { display:block}
.dline {display:inline-block;}
.undis { display:none}

input:focus{ outline:none;}

/*正文内容*/
body{font-size:14px;color:#555; font-family: "Microsoft Yahei","Hiragino Sans GB",Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif,"\5b8b\4f53";line-height:24px;}
a { text-decoration:none; outline-style:none;cursor:pointer;}
a:hover { color:#ff6600; text-decoration:none;}
.content{width:1200px;margin:0 auto;}



.top_box{height: 30px;line-height: 30px;color:#999;font-size:12px;background: #f5f5f5;}
.top_box .left a{color:#0AB0CD;}
.top_box .right a:hover{color:#f60;}
.top_box .right span{color:#f60;}

.head{height:88px;}
.head .search{margin:0 auto;width: 418px;margin-left: 85px;}
.head .search_box{width: 418px;
height: 38px;
margin: 15px auto 0;
border: 1px solid #dddddd;
border-radius: 2px;font-size: 0;}
.head .search_box .icon_search{background:url(../images/index_2017/icon_search.jpg) no-repeat;display: inline-block;
margin: 10px 15px;width: 21px;height: 20px;}
.head .search_box .search_input{width: 299px;
    height: 20px;
    line-height: 20px;
    margin: 9px 0;
    border: none;
    background: #fff;
    vertical-align: middle;font-size: 12px;}
.head .search_box .search_inpu:focus{border:0;outline:none;}
.head .search_box .search_inpu:hover{border:none;}
.head .search_box .search_inpu:active{border:none;}
.head .search_box .search_btn{width: 68px;
height: 38px;
line-height:36px;
border: none;
background: #0098b3;
font-size: 16px;
color: #fff; cursor:pointer;vertical-align: middle;}
.head .hot_search{height: 17px;
width: 565px;
margin: 7px auto;color:#999; overflow:hidden;line-height: 16px;}
.head .hot_search a{margin:0 5px;}


.nav{height:50px;background:#0098b3;}
.nav .menu{float: left;
text-align: center;
color: #fff;
font-size: 18px;
cursor: pointer;
background: url(../images/index_2017/nav_hover.jpg) right center no-repeat;
height: 48px;
line-height: 50px;
min-width: 98px;}
.nav .menu a{
	padding:0 20px;
}

.nav .menu:hover{background:#47B8CC;}
.nav .nav_menu{float:left;min-width: 220px;width:220px;background:#037f95;
text-align: center;
color: #fff;
font-size: 18px;
cursor: pointer;height: 50px;
line-height: 48px;    position: relative;}
.nav .nav_menu a{color:#fff;}
.nav .nav_menu a:hover{color:#fff;}


.icon_hb{width:25px;height:25px;float:left;margin:12px 0 12px 10px;}
.bar{height: 2px;
width: 20px;
display: block;
margin: 5px auto;
position: relative;
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.nav .nav_menu i{float:right; margin:17px 20px 17px 0; width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 16px solid #fff;
    border-bottom: 8px solid transparent;}
.nav .nav_menu i{
transform:rotate(-90deg);
-ms-transform:rotate(0deg); /* IE 9 */
-moz-transform:rotate(0deg); /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); /* Opera */}
.nav .nav_menu:hover i{transform:rotate(90deg); transition:all 0.1s;}

.nav .sub_menu {display: none; font-size:16px; position:relative;top: 0px;min-width: 220px;width:220px;z-index: 1000;}
.nav .sub_menu li{background: #037f95; list-style:none;box-sizing:border-box;}
.nav .sub_menu li:hover{background: #0098b3; }
.nav .sub_menu li a{color:#fff;}
.nav .sub_menu li .course_menu{ position:absolute;left:220px;top:0;width:815px; background:#fff;border: 1px #0098b3 solid;padding:20px;min-height: 294px;display:none;}
.nav .sub_menu li .course_menu a:hover{color:#f60; text-decoration:underline;}
.nav .sub_menu li .cos-menul{width:600px;float:left;text-align: left;position:relative;}
.nav .sub_menu li .cos-menul h3{font-size: 14px;color: #03869d;font-weight: 800;line-height: 1.3;margin-bottom: 18px;display: block;border-bottom: 1px #03869d dotted;padding-bottom:10px;}
.nav .sub_menu li .cos-menul h3 a{color: #03869d;}
.nav .sub_menu li .cos-menul a{width: auto;padding: 0;color: #555555;font-size: 12px;height: auto;line-height: 21px;display: block;text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;}
.nav .sub_menu li .cos-menul .items{width: 170px;font-size: 12px;text-align: left;display: inline-block;margin-right: 23px;position:absolute;}
.nav .sub_menu li .cos-menul .items a img{margin-left:5px;}
.nav .sub_menu li .cos-menur{position:relative;right:0;top:0; overflow:hidden;width:170px; text-align:left; line-height: 30px;float:right;height:320px;}
.nav .sub_menu li .cos-menur .r-top{background:#47B8CC;color:#fff ;font-size:18px;font-weight:bold;padding:10px; box-sizing:border-box;letter-spacing: 5px;}
.nav .sub_menu li .cos-menur .r-top p{ font-weight:normal;text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.nav .sub_menu li .cos-menur .r-top em{color:#f0aa01; }
.nav .sub_menu li .cos-menur dl{background:#eaeaea;padding:10px; box-sizing:border-box;height: 240px;overflow: hidden;}
.nav .sub_menu li .cos-menur dl dd{height: auto;width:auto;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;border-bottom: 1px #03869d dotted;padding-bottom: 10px;}
.nav .sub_menu li .cos-menur dl a{font-size:12px;color:#555;}

.nav .content{ position:relative;}


/*menu*/

#pageheader{margin:0 auto 10px;}
#menu_box { margin:0 auto; z-index:99; position:relative; padding:0;}
.nav_box {background:#0098b3;width:990px; margin:0px auto; height:45px; padding:0px; position:relative;}

.menu a:hover {background:url(../images/nva_hover.png); display:block;}
.menu a {color:#fff;margin-right:2px;}
.menu:hover a,.menu a.hover1{color:#fff;margin-right:2px;background:url(../images/nva_hover.png);display:block;}
.menu:hover .SubmenuBox {display:block;z-index:2;}
.menu.last{background:none; min-width:116px;}
.menu .SubmenuBox {background:url(../images/submenu_bg.png); position:absolute;color:#007e99; z-index:2; padding:5px 10px;line-height:24px;font-size:14px; border:1px solid #c8c9ca; border-top:none; min-width:110px; display:none; margin-left:-1px; cursor:default;*+width:425px; z-index:999;}
.menu .posiev { position:absolute;right:0px;}
.menu .posiev2 { position:absolute;right:126px;}
.menu .posiev3 { position:absolute;right:248px;}
.menu .posiev3 .submenu ol li a{ color:#636363;}

.menu .SubmenuBox .leftbox{background:url(../images/v_line.png) right repeat-y; padding-right:20px; margin-right:5px; min-width:75px;}
.menu .SubmenuBox li.submenu{list-style:disc;color:#007e99; padding:2px 0px; list-style-position:initial;margin-left:17px; text-align:left;}
.menu .SubmenuBox li.submenu a{color:#0098b3; display:normal; background:none;}
.menu .SubmenuBox li.color a{color:#c10303; display:normal; background:none;}
.menu .SubmenuBox li.submenu a:hover{color:#ff7200;}
.menu .SubmenuBox li.submenu2{list-style:disc;color:#007e99; padding:2px 0px; list-style-position:initial;margin-left:32px; text-align:left;}
.menu .SubmenuBox li.submenu2 a{color:#0098b3; display:normal; background:none;}
.menu .SubmenuBox li.submenu2 a:hover{color:#ff7200;}.menu .SubmenuBox .rightbox{padding:5px 10px;}
.menu .SubmenuBox .rightbox .ttl{font-size:14px;}
.menu .SubmenuBox .rightbox .ttl a{color:#0098b3;}
.menu .SubmenuBox .rightbox .ttl a:hover{color:#ff7200;}
.menu .SubmenuBox .rightbox .btn{background:#0098b3;color:#fff;padding:2px 8px; margin:5px; font-family:宋体;}
.menu .SubmenuBox .rightbox .btn a{ display:inline; background:none;}
.menu .SubmenuBox .rightbox .line {background:url(../images/box_bottom_line.png) bottom repeat-x; padding-bottom:2px;}
.menu .SubmenuBox .rightbox a.more {color:#ff7200; display:inline-block;padding-top:2px;font-family:宋体;display:normal; background:none;}
.menu .SubmenuBox .rightbox a.more:hover {color:#0098b3;}
.menu .SubmenuBox .rightbox .secttl{color:#636363;font-size:14px;}
.menu .SubmenuBox .rightbox .listbox {margin-top:5px;padding-left:10px;}
.menu .SubmenuBox .rightbox .listbox li{color:#636363;font-size:12px; font-family:宋体; text-align:left;}
.menu .SubmenuBox .rightbox .listbox li a{color:#636363; display:normal; background:none;}
.menu .SubmenuBox .rightbox .listbox li a:hover{color:#0098b3; display:normal; background:none;}
.menu .SubmenuBox .rightbox .cfo-box{ height:auto;overflow:hidden; margin-bottom:5px;}
.menu .SubmenuBox .cfo-box .cfol{ width:112px; height:76px; margin-right:6px}
.menu .SubmenuBox .cfo-box .cfor{width:158px; padding:0 0 1px; text-align:left;}
.menu .SubmenuBox .cfo-box .cfor h2{font-size:14px; color:#0098b3; line-height:22px; text-align:left;}
.menu .SubmenuBox .cfo-box h2 a{ font-size:14px;color:#0098b3;}

.menu dl,.menu:hover dl{margin:0;padding:0}
.menu dd,.menu:hover dd{font-size: 11px;height: 20px;line-height: 18px; margin-bottom: 2px;overflow: hidden;padding-left: 2px;}
.menu dd a,.menu:hover dd a{color: #2158B2;float: right;}
.menu dd span,.menu:hover dd span{display: inline-block;width: 216px; text-align:left;}
.menu dd span a,.menu:hover dd span a{color: #666666;float: left;display:block}

/*menu hd2 201408*/

.menu{float:left; text-align:center;  color:#fff; font-size:16px; cursor:pointer;background:url(../images/nva_split.png) right top no-repeat;height:45px; line-height:45px; min-width:89px;}
.dropdown .SubmenuBox { padding:0;line-height:24px;font-size:14px; cursor:default; z-index:9;}
.dropdown{ width:170px; background:url(../images/icon_dropdown_down.png) no-repeat 140px 20px #03869d; text-align:left; }
.menu.last{background:none; min-width:108px;}
.dropdown a{ padding:0 0 0 20px;}
/*menu dropdown nav 201408*/
.IndexDivList05{ width:167px; margin:0; border-left:1px #dfdfdf solid; border-right:1px #dfdfdf solid; border-bottom:1px #dfdfdf solid;border-top:1px #dfdfdf solid; height:auto; z-index:2; background:#ffffff; position:relative;}
.IndexDivList05 ul{ margin:0 auto; padding:0; background:#47b8cc ; overflow:hidden;}
.IndexDivList05 ul li {background:url(../images/icon_arrow_left.png) no-repeat 149px 18px;list-style:none; float:left; text-align:left; border-bottom:1px #dfdfdf dotted; width:170px; display:inline-block; height:40px;margin:0; padding:0;font-family:"微软雅黑"; }
.IndexDivList05 ul li a{ background:none; display:inline-block; width:156px; height:40px; line-height:40px; padding:0 0 0 12px; position:absolute; z-index:99;left:0; font-size:14px; color:#ffffff; }

.menu .IndexDivList05 li .ahover{color:#03869d; width:157px; height:40px; line-height:40px;padding:0 0 0 12px;background:url(../images/icon_arrow_left.png) no-repeat #ffffff 170px 18px; font-weight:bold;z-index:9999; }
.IndexDivList05 .course-menu{ position:absolute; left:168px; top:0px; width:801px; padding:0px 0px 0px 18px; border:1px #0098b3 solid; border-top:none; background:#ffffff;  z-index:4; }
.IndexDivList05 .course-menu_1{ position:absolute; left:-8168px; top:0px; width:801px; padding:0px 0px 0px 18px; border:1px #0098b3 solid;border-top:none; background:#ffffff;  z-index:4;}
.IndexDivList05 .list-last{border:none;}


.IndexDivList05 .cos-menur{ float:left; width:163px; background:#f8f8f8; min-height:334px;}    
.IndexDivList05 .cos-menul{width:638px;margin:18px 0 0 0;position:relative; float:left;}


.IndexDivList05	.cos-menul .items{ font-family:"微软雅黑",Arial, Helvetica; font-size:12px; text-align:left;position:absolute;width:190px; padding-top:18px; border-top:1px #03869d dotted;top:0;}
.IndexDivList05	.cos-menul .noborder{border-top:none;}

.IndexDivList05	.cos-menul .hover{/*box-shadow:0px 1px 8px rgba(200,200,200,.6);background-color:#fff;border-color:#c8c8c8;*/}
.IndexDivList05	.cos-menul .additem{padding:0;width:180px;border:none;}
.cos-menul .items h3{font-size:14px;color:#03869d; font-family:"微软雅黑",Arial, Helvetica; font-weight:800;line-height:.8;margin-bottom:18px; display:block; }
.cos-menul .items h3 a{color:#03869d;width:100%;height:100%;margin:0;padding:0;line-height:0;display:inline-block;}
.cos-menul .items p{ margin:0;}
.IndexDivList05	li .items p a{ position:relative; width:auto; padding:0; color:#555555; font-size:12px; height:auto; line-height:21px;}
.IndexDivList05	li .items p a:hover{ color:#f60;}
.IndexDivList05	li .items p img{ margin-left:5px;}

.IndexDivList05 .cos-menur .r-top { background:#ddeff1; overflow:hidden; padding-bottom:10px;}
.IndexDivList05 .cos-menur .r-top h1{ line-height:30px; margin-top:10px;}
.IndexDivList05 .cos-menur .r-top h1 a{ color:#0d427d; font-size:24px; text-align:left; padding-left:5px; position:relative; background:url(../images/icon_right_arrow.gif) no-repeat 110px 15px;}
.IndexDivList05 .r-top p { margin:-10px 0 0 0; }
.IndexDivList05 .r-top p em{font-style:normal; display:inline-block; height:45px;line-height:45px; font-size:36px; color:#f9660d; vertical-align:middle; padding-left:5px; }
.IndexDivList05 .r-top p span{ background:#75afe1; font-size:14px; color:#ffffff; padding:0px 4px; margin:12px 0 0 0;display:inline-block; height:24px;  line-height:24px;vertical-align:bottom; float:right;}

.IndexDivList05 .cos-menur dl{ color:#555555; padding:0 6px; margin-top:30px;}
.IndexDivList05 .cos-menur dd{ height:auto; border-bottom:1px #03869d dotted; padding-bottom:10px;}
.IndexDivList05 .cos-menur dd p{ height:auto;}
.IndexDivList05 .cos-menur dd a{ background:none; position:relative; font-size:12px; color:#555555; height:20px; padding:0; line-height:20px; width:auto; display:inline-block; float:none;}

.menu .SubmenuBox .rightbox .nav-publics-r dl{ margin-top:10px;}


/****/







.footer{background:#403e3d;}
.footer .footer_box{padding:20px 0; height: 120px;border-bottom: 1px solid #34302f;}
.footer .footer_logo{float:left;}
.footer .footer_link{ font-size:12px;padding: 0 50px;border-left: 1px solid #34302f;border-right: 1px solid #34302f;
color:#e5e5e5;float:left;margin-left: 30px;}
.footer .footer_link p a{padding:0 5px;color:#e5e5e5;}
.footer .footer_link p a:hover{color:#f60; text-decoration:underline;}
.footer .footer_name{margin-top:20px;}
.footer .footer_name i{float:left;margin: 10px 20px 0 0;}
.footer .footer_name p{float:left;}
.footer .footer_login{float:right; text-align:center;color:#e5e5e5;font-size:12px;width: 208px;}
.footer .footer_login .l_top a{float:left;margin:0 30px; display:block;position: relative;}
.footer .footer_login .l_bottom{margin-top:10px;}
.footer .flinks{color:#5e5e5e;font-size:12px; text-align:center;height: 30px;
line-height: 30px;}
.footer .flinks a{margin:0 10px; color:#5e5e5e;}
.footer .flinks a:hover{color:#e5e5e5; text-decoration:underline;}

.wechat{position: absolute;
top: -208px;
left: -182px;
z-index: 1010;
width: 400px;
height: 210px;
visibility: hidden;
-webkit-transition: none;
transition: none;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;}
.pop-up{
	visibility: visible !important;
	-webkit-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	transform: scale(1) !important;
	-webkit-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36) !important;
	transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36) !important;}
.pop-up:before,.pop-up:after,{
	content: '';
    width: 0;
    height: 0;
    border: solid transparent;
    position: absolute;
    bottom: 100%;
    left: 50%;}




.clearfix{zoom:1;}
.clearfix::before, .clearfix::after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;clear: both;}
.clear {
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
	font-size:0;line-height:0;}
 .search-change {
    background: rgba(0, 0, 0, 0) url("../images/index/icon-refresh.png") no-repeat scroll left center;
    color: #777;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-left: 20px;
    padding-left: 17px;
}
.search-change:hover {
    background: rgba(0, 0, 0, 0) url("../images/index/icon-refresh2.png") no-repeat scroll left center;
    color: #f60;
}
.hot_search ul {
    display: inline;
}
.hot_search li {
    display:inline;color:#0ab0cd;
}
.hot_search li a{
    color:#0ab0cd;
}
.cf::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.cf::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}




