﻿@charset "UTF-8";
/* CSS Document */
html, body{ height:100%;}
html, body, div, img, ul, li, p, dl, dt, dd, a, span, i { margin: 0 auto;  padding: 0; list-style: none; text-decoration: none;}
body { font-size: 100%;  font-family: "微软雅黑";}
.clear { clear: both;}
*{ margin: 0;  padding: 0;  list-style: none; }   .red{ color:red; }
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ { margin: 0;padding: 0;}
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
body::-webkit-scrollbar {/*滚动条整体样式*/ width: 12px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;   }
body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ display:block;border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #0B6FAA; /* 深灰#535353  绿色#3FB4B4*/   }
/*body::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;    }*/
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; } 
.mt10{ margin-top:10px; } .mt20{ margin-top:20px; } .mt30{ margin-top:30px; }
.mb10{ margin-bottom:10px; } .mb20{ margin-bottom:20px; } .mb30{ margin-bottom:30px; }
.ft20{ font-size:20px; } .ft14{ font-size:14px; } .ft16{ font-size:16px; }
.common_link_style{ color:#09F;}
.searchbox {  position: relative;  z-index: 10;  clear: both; width: 420px;  height: 40px; /*margin: 40px auto 50px;*/  border: 2px solid #444786;}
.mod_select { position: absolute; left: 0; top: 0; width: 98px;}
.mod_select .select_box { position: relative;  width: 98px;  height: 36px;}
.mod_select .select_box .select_txt { display: inline-block; width: 98px; height: 36px; padding-left: 28px; /*overflow: hidden;*/ line-height: 36px;  font-size: 16px; cursor: pointer;}
.mod_select .select_box .select-icon { position: absolute; top: 50%; right: 10px; transform: translate(0,-50%); width: 10px; height: 10px; background: url(../images/search_ico.png) center no-repeat;}
.mod_select .select_box .option { display: none; position: absolute; top: 40px; left: -2px; width: 100px; background-color: #fff; border: 2px solid #444786; border-top: 0;}
.mod_select .select_box .option li { padding-left: 28px; font-size: 16px; line-height: 2; cursor: pointer;}
.searchbox .import { width: 210px; height: 40px; margin-left: 100px; padding-left: 20px; border: none; outline: none;}
.searchbox .btn-search {  position: absolute; right: 0; width: 90px; height: 40px; background-color:#004284; color: #fff; border: 0; cursor:pointer;}
.searchbox .btn-search:hover{  background-color:#444786;}
.mar120 {  margin-top: 120px;}
.mar10{margin-left: 10px;}
.grayline {height: 1px;border: none;background: #ccc; margin-top: 50px;}
.blueline { height: 1px;border: none; background: #52bebc;margin-top: 50px;}
.textcenter { text-align: center;}
.martop50 { margin-top: 50px;}   .font_red{ color:#F00; }
/*header*/
.header { height:60px; background:#0F9AEE;border-bottom:1px solid #1F396C;/*border-bottom:2px solid #1F396C;position: fixed;z-index:100;*/width: 100%; padding-top:20px; padding-bottom:20px; }
.homeNav{background: #fff;}
.container { width:1200px; margin-top:5px; margin-bottom:5px; }
.logo {	float:left; }
.search{ float:left; }
.top_login_help{float:right; margin-top:1em; font-size:14px;}
.top_login_help a{ float:left; display:block; margin-left:0.8em;color:#006699; }
.top_login_help a:hover{ color:#ffffff; }
.top-banner{ background-size: cover; padding: 120px 0px; }
.jxcon1 { background: url(../images/banner-bg.jpg) no-repeat; }
/*course*/
.course_list{float:right;width:360px;padding-bottom:15px; overflow-y:auto;color:#fff; }
/*footer*/
.footer {  background: #1857AB;/*深灰 #121415*/   padding: 55px 0; }
.copyright{ color:#FFF; text-align:center;  }
/* 消息框 */
.mask{ position:absolute; top:0; width:100%; height:200%; z-index:10000; background:#000; filter:alpha(opacity=90);  -moz-opacity:0.9;-khtml-opacity: 0.9; opacity: 0.9;overflow-y:hidden;  }
.msg_dialog{ position: fixed;z-index:5;margin:auto;left:0; right:0; top:0; bottom:0; width:400px; height:180px; background:#fff;border:3px solid #3399FF;box-shadow: 1px 1px 1px #ccc;}
.dialog_title{ width:100%; height:30px; background:#3399FF; }
.msg_title{ display:block; float:left;  margin-left:20px; margin-top:1px; font-size:16px; color:#fff; } /*消息框标题*/
.closed{ display:block;float:right; text-align:center; }
.closed a{ display:block; width:30px; height:28px; font-size:16pt;  color:#FC0; }   
.closed a:hover{ background:#C00; color:#FFF; }
.msg_content{ text-align:center; font-size:20px; color:#000;  }  
.msg_content span{ display:block; margin-top:40px; }
.op_btn{ margin-top:1em; overflow:hidden; text-align:center; }
.op_btn a{ display:block; width:35%; height:30px; line-height:30px; font-size:14px; border:1px solid #CCC;border-radius:5px; background:#09F; color:#FFF; }      
.op_btn a:hover{ background:#AFDEF8; border:1px solid #3C7FB1; }
.op_btn input { padding:0.3em; margin-right:1em; width:20%; }

/*footer
.btn-totop{   background: url(../images/index/bfront.png) no-repeat;  display: inline-block;  width: 365px;  height: 61px;  float: right;  color:#121415;  }
.footercon1{   border-bottom: 1px solid #68696c;   padding-bottom: 20px; }
.footercon1 img:nth-of-type(1){  width: 120px;   height: 46px;  float: left; }
.footercon1 img:nth-of-type(2){  width: 340px;   float: right; }
.footercon1tel{  background: url(../images/index/newindexicon.png) no-repeat;  height: 30px;  width: 20px;  float: left; margin-left: 500px; margin-top: 20px;}
.footercon1 p{  font-size: 22px !important; color: #FFF !important; float: left;  margin-top: 15px; }
.footer dl {   width: 9%;float: left; margin-top: 50px; }
.footer dl dt {   color: #FFF; font-size: 16px; line-height: 30px; }
.footer dl dt a { color: #FFF; }
.footer dl dd {   color: #a7a7a7;  font-size: 15px; line-height: 30px; }
.footer dl dd a {  color: #a7a7a7; }
.footer dl dd a:hover {  color: #FFF;}
.footer p {   color: #a7a7a7;  font-size: 15px;  line-height: 30px;}
.footercon2{  float: left;  margin-top: 70px;}
.footercon2 dl{   width: 100%;  margin-top: 0;}
.footercon2 dl dt{   float: left;}
.footercon2 dl dd{   float: left;   margin: 0 10px;}
.footercon3{  float: right;  margin-top: 70px;}
.footercon3 img{   display: inline-block;   margin: 0 5px;}  */

