@charset "utf-8";
/* CSS Document */
/**************轮播****************/
@charset "utf-8";
*,body{margin:0;padding:0;font-size:14px;}
.wrap{ width:100%; margin:0 auto; clear:both;}
.foucs{ width:100%; height:350px; overflow:hidden; position:relative; margin:0;}
.foucs .hd{ height:10px; overflow:hidden; position:absolute; right:0px; left:0; bottom:8px; z-index:1; }
.foucs .hd ul{ overflow:hidden; zoom:1; text-align:center; }
.foucs .hd ul li{  display:inline-block; margin-right:2px;  width:10px; height:10px; line-height:10px; text-align:center; background:#D9E7F2; color:#666; cursor:pointer; border-radius:5px; text-indent:-9999px; margin:0 4px;}
.foucs .hd ul li.on{ background:#36A77A; color:#fff; }
.foucs .bd{ position:relative; height:100%; z-index:0;   }
.foucs .bd li{ zoom:1; vertical-align:middle; }
.foucs .bd img{ width:100%; height:350px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.foucs .prev,
.foucs .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.foucs .next{ left:auto; right:1%; background-position:8px 5px; }
.foucs .prev:hover,
.foucs .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.foucs .prevStop{ display:none;  }
.foucs .nextStop{ display:none;  }
		
/*////////////////焦点图 通知公告////////////////////////*/

.news_list .img{ width:500px; height:280px; position:relative; float:left; }
.news_list .img .hd{ padding:5px 0 0;display:none;}
.news_list .img .hd ul{ text-align:center;}
.news_list .img .hd ul li{ display:inline-block; margin-right:4px;  width:8px; height:8px; line-height:8px; background:#ccc; color:#666; cursor:pointer; border-radius:4px; text-indent:-9999px;}
.news_list .img .hd ul li.on{ background:#36A77A; color:#fff; }

.news_list .img .bd{ position:relative; height:100%; z-index:0;   }
.news_list .img .bd li{position:relative; display:block;}
.news_list .img .bd li span{ display:block; width:500px; text-align:center; height:50px; position:absolute;  bottom:0;left:0;background-color: rgba(0,0,0,0.7);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
.news_list .img .bd li span a{ display:inline-block; color:#eee; font-size:18px; line-height:50px; padding:0 0 0 10px;}

@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .news_list .img .bd li span{
    background-color:#000000;
    filter:Alpha(opacity=70);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .news_list .img .bd li span a{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }  
}
		
.news_list .img .bd img{ width:500px; height:280px; display:block;  }
h1,h2,h3,h4,h5,h6,form,fieldset,legend { margin:0px; padding: 0px; }
p {}
ul,li,dl,dd,dt { margin: 0px; padding: 0px; }
li { list-style-type: none; }
body,td,th,select,h1,h2,h3,h4,h5,h6,textarea { font-size:12px; line-height:160%; font-family:"Microsoft YaHei","宋体";}
input,select{ vertical-align: middle;font-family:"Microsoft YaHei","宋体";font-size:12px;}
a:link{	text-decoration: none;}
/*a:visited{ text-decoration:none; color:#681357;}
a:hover{text-decoration: none; color:#C30;}*/
img{ border:0px;}
label{ vertical-align:middle;}
.clearfix{ zoom:1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/************nav******************/
.top{
	background:#333;
    top: 0;
    width: 100%;
	height:91px;
}
.nav_box{
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
}
.logo{}
.nav_list{
    /* width: 700px; */
    float: right;
    text-align: right;
}
.nav_list li{
    list-style: none;
    display: inline-block;
    font-size: 16px;
    margin: 15px 10px;
    width: 80px;
    text-align: center;
    padding-bottom: 20px;
}
.nav_list li:hover{
	border-bottom:2px solid #fff;
}
.nav_active{
	border-bottom:2px solid #fff;
}
.nav_list li a{
	color:#fff;
}
.center{
	width:100%;
	min-height:600px;
}
.content{
	width:1100px;
	margin:0 auto;
    margin-top: 30px;
    position: relative;
}
.search_box{
    text-align: right;
    float: right;
    position: absolute;
    right: 0;
}
.search_box input{
    width: 245px;
    height: 37px;
    border: 1px solid #ccc;
    padding-left: 10px;
    font-size: 15px;
}
.search_box span{
	background: #1C87FF;
    height: 39px;
    float: right;
    width: 55px;
}
.search_box span img{
    margin-right: 10px;
    margin-top: 3px;
}
.search_box input::-webkit-input-placeholder { color: #bababa;}
.search_box input:-moz-placeholder { color: #bababa;}
.search_box input:-ms-input-placeholder { color: #bababa;}​
.clear{
	clear:both;
}
.title{}
.title_ketang{
    padding-top: 15px;
}
.more{
    float: right;
	line-height:45px;
}
.more a{
	color:#000;
}
.news_pic_right{
    display: inline-block;
    width: 140px;
	margin-left:20px;
    display: none;
}

.news_c_list{
    /* display: inline-block; */
    width: 50%;
    float: left;
    margin-left: 20px;
}
.news_c_list li{
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
	/* height:87px; */
}
.news_pic_right>a>img {
    width: 138px;
    height: 130px;
    margin-top: 5px;
}
.news_pic_right a img{
    width: 138px;
    height: 130px;
    margin-top: 5px;
}

.news_pic_right a:last-child {
    margin-top: 15px;
}
.news_list_box{

    margin: 5px 0;
    padding: 7px 20px;
}
.news_list_box p{
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    padding: 5px 0;
	cursor:pointer;
}
.news_list_box p a{
	font-size: 15px;
    color: #333333;
}
.news_list_box p:hover,.news_list_box p a:hover{
	color:#1080ff;
}
.news_c_list li:first-child{
	border-top:1px solid #ccc;
}
.news_list_box:hover{
	background:#F8F8F8;
}

.news_list_box div{
	color:#5e5e5e;
}
.news_list_box div a{
	color:#5e5e5e;
}
.vedio_list li{
	display:inline-block;
	margin:10px 19px;
	
}
.vedio_list li img{
    width: 325px;
    height: 190px;
}

.vedio_list li:last-child{
	/*margin-right:0;*/
}
.vedio_list span{
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
	display: block;
    font-size: 14px;
    width: 325px;
    margin: 15px 0;
    color: black;
}
/**************底部样式*****************/
.bottom{
    width: 100%;
    margin: 0;
    padding: 0;
    background: #333;
	color:#fff;
	padding-bottom:55px;
    float: left;
      margin-top: 40px;
}
.bottom_02{
    margin-top: 20px;
    position: relative;
}
.bottom_02>span>a{
	color:#fff;
	
}
.bottom_03{
	margin-top:5px;
}
.bottom_03 li:first-child,.bottom_05 li:first-child{
	padding-left:0px;
}
.bottom_05 li:last-child,.bottom_06 li:last-child{
	border:0;
}
.bottom_06 li:last-child{
	border:0;
	padding-right:0;
}
.recruit_right div:last-child{
	margin-bottom:0px;
}
.tab_news_left{
	float:left;
}
.tab_news_left span:first-child{
	background:url(../imgs/fire.png) no-repeat;
}
.tab_news_left span:last-child{
	background:url(../imgs/gps.png) no-repeat;
}
.tab_news_left span{
	width: 120px;
    height: 53px;
    display: inline-block;
    text-align: left;
    line-height: 53px;
	padding-left:40px;
}
.news_btn_r{
	background:#F56D23;
}
.news_btn_o{
	background:#F19B2E;
}
.news_btn_g{
	background:#9CBC5A;
}
.news_btn_y{
	background:#F4D85B;
}
.tab_news_right span{
	padding: 2px 6px;
    display: inline-block;
    margin: 15px 5px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
}
.tab_news_right span a{
	color:#fff;
}
.tab_news_right{
	float:right;
}
.bottom_05{
	margin-top:15px;
}
.bottom_02 li,.bottom_03 li,.bottom_04 li,.bottom_05 li,.bottom_06 li{
	float: left;
    padding: 0 10px;
    border-right: 2px solid;
    line-height: 15px;
}
.bottom_02 span,.bottom_02 ul,.bottom_03 ul{
    float: left;
    position: absolute;
    bottom: -85px;
}
.bottom_02 input{
    height: 16px;
    border: 0;
    padding: 5px 8px;
    width: 130px;
}
.bottom a{
	color:#1E1E1E;
}
.bottom_btn{
	padding: 3px 12px;
    background: #0075E6;
}
.bottom_box{
	width: 60%;
    height: 100%;
    margin: 0 auto;
}
.bottom_01{
	padding-top:40px;
}

/*select*/
.select-menu{
	font-size:14px;
	display: inline-block;
	margin-right:6px;
}
.select-menu-ul{
    margin-top: 50px;
    list-style: none;
    opacity: 0;
    display: none;
    width: 140px;
    text-align: left;
    border: 1px solid #ddd;
    background: #fff;
    position: absolute;
    z-index: 1;
    overflow-y: auto;
    height: 145px;
}
.select-menu-ul li{
	padding: 2% 0 2% 3%;
    color: #1E1E1E;
    cursor: pointer;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	
}
.select-menu-ul li:hover{
	background:#f2f2f2;
	
}
.select-menu-div{
	position:relative;
	height:26x;
	width:129px;
	line-height:26px;
	background:#fff;
}
.select-this{
	background:#0075E6;
}
.select-this:hover{
	 background:#5FB878!important;
}
.select-menu-div i{
	margin-right:5px;
	position:absolute;
	right:0;
	top:2px;

}
.select-menu-input{
	margin-left:3%;
	border:0;
	height:25px;
	line-height:25px;
	cursor:pointer;
	user-select:none;
	width:122px;
	padding-left:5px;
}
.select-menu-i{
	transform:rotate(180deg);

}
.select-menu-last{
	float:right;
	margin:0;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background:url(icon.png) no-repeat;
    width: 20px;
    height: 20px;
    background-position: -72px -73px;
}
.clear{
	clear:both;
}
.saoyisao{
	float:right;
    border: 1px solid #fff;
    padding: 5px;
}
.saoyisao img{
	width: 114px;
}
/****海创新闻列表*****/
.con_list_box{
	width:1100px;
	margin:0 auto;
}
.con_list_box ul{
	margin-top:20px;
}
.con_list_box ul li{
    background: url(icon_list.png) no-repeat;
    padding-left: 30px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px dashed #e5e5e5;
    font-size: 14px;
	
}
.con_list_box ul li a{
	color:#000;
}
.con_list_box ul li span{
	float:right;
}
.con_pic_box{
	text-align:center;
}
.con_pic_box img{
	width:;
	height:;
}
/***课程***/
.con_box{
    width: 1100px;
    margin: 0 auto;
}
.con_title{
    font-size: 22px;
    text-align: center;
    margin: 30px 0;
	line-height:35px;
}
.content_con li{
    line-height: 30px;
}
.xiangxi_time{
    text-align: center;
    padding-bottom: 20px;
    color: #555555;
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}
.xiangxi_time span{
    margin: 15px;
}
.con_pic_dis{
	text-align:center;
	margin:20px 0;
}
.kecheng_fenlei{
    float: left;
    width: 525px;
    margin-right: 45px;
    margin-top: 20px;
}
.kecheng_fenlei:last-child{
	margin-right:0;
}
.kecheng_fenlei li{
    background: url(icon_list.png) no-repeat;
    padding-left: 30px;
    line-height: 55px;
    border-bottom: 1px dashed #e5e5e5;
    font-size: 14px;
}
.kecheng_fenlei li a{
	color:#000;
}
.kecheng_title{
    background: url(icon_list_title.png) no-repeat;
    padding-left: 55px;
    line-height: 50px;
    border-bottom: 1px solid #006FEC;
}
.kecheng_title a{
	font-size:20px;
	color:#006FEC;
}
.kecheng_title>.more>a{
	font-size:14px;
	color:#000;
}
.kecheng_title>.more{
	height:20px;
    margin-top: 10px;
}
/***********风采********/
.fengcai{}
.fengcai li img{
    width: 170px;
    height: 176px;
}
.fengcai p span{
	font-size:18px;
	line-height:25px;
}
.fengcai p span:first-child{
	padding-right:10px;
	border-right:2px solid #666;
}
.fengcai p span:last-child{
	padding-left:10px;
}
.con_dis{
    float: right;
    width: 889px;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #ccc;
    height: 176px;
	line-height:30px;
}
.fengcai li{
	margin:30px 0;
}
.ziliao{}
.ziliao_01{}
.ziliao_01 li{
    display: inline-block;
    width: 325px;
    margin: 10px 19px;
    margin-top: 15px;
}
.ziliao_01 li img {
    width: 325px;
    height: 190px;
}
.ziliao_02{
	margin-top:15px;
}
.ziliao_02 li{
	margin-top:15px;
}
.ziliao_02 li img {
}
.baoming{
	background: url(fire.png) no-repeat;
    padding-left: 18px;
}







@media screen and (max-width: 1024px) {
    .content{
        width: 80%;
    }
    .bottom_box{
        width: 80%;
        height: 100%;
        margin: 0 auto;
    }
    .con_box{
        width: 92%;
        padding: 4%;
    }
    .con_list_box{
        width: 90%; 
    }
    .con_list_box ul li{
        height: auto;
        border-bottom: 1px dashed #666;
        padding: 30px 0px;
        line-height: 24px;
        background: none;
    }
    .con_list_box ul li span{
        font-size: 20px;
    }
    .con_list_box ul li a{
        font-size: 16px;
    }
    .kecheng_fenlei{
        width: 100%;
        margin-bottom: 20px;
    }
    .kecheng_fenlei li a{
        font-size: 16px;
    }
    .fengcai li{
        margin-bottom: 50px;
        float: left;
    }
    .fengcai li p{
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .fengcai li img{
        width: 28%;
        float: left;
        height: auto;
    }
    .con_dis{
        width: 65%;
        height: auto;
    }
    .news_c_list{
        width: 100%;
        margin-top: 30px; 
        margin-bottom: 50px;
        margin-left: 0;
    }
    .news_list .img{
        width: 100%!important;
        height: auto!important;
    }
    .news_list .img .bd img{
        width: 100%!important;
        height: 480px!important;
    }
    .news_list .img .bd li span{
        width: 100%!important;
    }
}