*{ margin:0; padding:0; list-style:none;*zoom:1; font-family:"Microsoft Yahei",微软雅黑,"Helvetica Neue",Arial,sans-serif;}
body,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
dl,ul,ol,menu,li {list-style:none}
a {color:#000;text-decoration:none}
input{border:0; color:#000;border-radius: 0;outline: none;}
a:active, a:hover {cursor: pointer;}
img{border: none;vertical-align: middle;max-width: 100%;}
a{vertical-align: middle;}
.clear{clear: both;}

.header{
	width: 100%;
	float: left;
	border-top: 3px solid #006fae;
}
.top{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	height: 120px;
}
.logo{
	float: left;
	margin-bottom: 35px;
}
.top_right,.rig_nav{
	float: right;
	max-width: 360px;
}
.rig_nav a{
	font-size: 14px;
	color: #333333;
	margin-top: 40px;
	float: left;
}
.rig_nav i{
	width: 0px;
	height: 10px;
	border-left: 1px solid #666666;
	display: inline-block;
	float: left;
	margin: 0px 10px;
	margin-top: 45px;
}
.search{
	float: right;
	margin-top: 40px;
	width: 356px;
}
.input{
	float: left;
	border: 1px solid #cccccc;
	height: 38px;
	width: 279px;
	font-size: 14px;
	border-right: none;
}
.sear_ico{
	width: 38px;
	height: 38px;
	background: url(../img/ico.png) no-repeat center center;
	display: inline-block;
}
.input input{
	background: none;
	float: right;
	height: 38px;
	width: 240px;
}
.search button{
	width: 75px;
	text-align: center;
	height: 40px;
	background: #006fae;
	color: #ffffff;
	font-size: 14px;
	font-family: 'Arial Regula';
	border: none;
}
.nav{
	width: 100%;
	float: left;
	background: #006fae;
}
.nav_con{
	width: 1200px;
	margin: 0 auto;
}
.nav_con li{
	width: 150px;
	float:left;
	text-align: center;
	position: relative;
}
.nav_con li a{
	display: block;
	font-size: 16px;
	color: #ffffff;
	line-height: 55px;
}
.nav_con li:hover{
	background: #ffc002;
}
.nav_con li dl{
	display: none;
	position: absolute;
	top: 55px;
	left: 0;
	width: 150px;
	padding-top: 10px;
	background-color:rgba(251, 250, 250, 0.9);
	overflow: hidden;
	z-index: 99;
}
.nav_con li dl a{
	line-height: 35px;
	font-size: 14px;
	color: #333333;
	transition: all 0.4s;
}
.nav_con li dl a:hover{
	color: #FFFFFF;
	background: #FFC002;
	font-size: 16px;
}
.nav_con li:hover dl{display: block;}

/**********banner_css**************/
.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: 457px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../img/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 457px;
	display: block;
}
.mod{
	width: 100%;
	float: left;
	background: url(../img/head_bg.png) no-repeat;
	background-size: cover;
}
.main{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.notice{
	width: 380px;
	float: left;
margin-left:30px;
}
.tit{
	width: 100%;
	float: left;
	height: 55px;
	line-height: 55px;
}
.title{
	float: left;
	font-size: 16px;
	color: #000000;
}
.title i{
	width: 2px;
	height: 14px;
	background: url(../img/ico2.png) 0px 0px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.title span{
	color: #c2c2c2;
	margin-left: 15px;
}
.more{
	font-size: 14px;
	color: #006fae;
	float: right;
}
.more a{
	font-size: 14px;
	color: #006fae;
}
.more i{
	width: 11px;
	height: 10px;
	background: url(../img/ico2.png) -20px 0px;
	display: inline-block;
	margin-left: 5px;
}
.content_notice{
	width: 100%;
	float: left;
	background: #FFFFFF;
	padding: 15px 0px;
	height: 296px;
	overflow: hidden;
}
.content_notice ul li{
	overflow: hidden;
	margin: 0px 6px;
	margin-bottom: 5px;
}
.content_notice ul li:last-child{margin-bottom: 0px;}
.date,.date2{
	width: 60px;
	height: 60px;
	float: left;
	text-align: center;
	padding-top: 13px;
}
.date span{
	font-size: 30px;
	color: #999999;
	font-family: 'Arial Regular';
	\-: 10px;
	padding-bottom: 11px;
}
.date p{
	font-size: 14px;
	color: #acacac;
	font-family: 'Arial Regular';
	padding-top: 5px;
}
.border{
	width: 0px;
	height: 49px;
	float: left;
	border-left: 1px solid #cccccc;
	margin: 9px 15px 0 10px;
}
.content_notice a{
	font-size: 14px;
	color: #444444;
	line-height: 30px;
	margin-top: 6px;
	overflow: hidden;
}
.content_notice a:hover{
	color: #006fae;
	text-decoration: underline;
}
.lecture{
	width: 790px;float: left;margin-left: 30px;
}
.content_lecture{
	width: 750px;
	padding: 17px 20px;
	float: left;
	background: #FFFFFF;
	height: 349px;
	overflow: hidden;
}
.lec_left{
	width: 310px;
	float: left;
	margin-top: 25px;
}
.lec_left h2{
	font-size: 18px;
	color: #444444;
	line-height: 33px;
	font-weight: normal;
}
.lec_left p{
	font-size: 14px;
	color: #888888;
	margin-top: 10px;
	line-height: 30px;
}
.lec_right{
	width: 390px;
	float: left;
	padding-left: 20px;
	margin-left: 20px;
	margin-top: 5px;
	position: relative;
}
.border2{
	position: absolute;
	top: 0px;
	width: 0px;
	left: 0;
	bottom: 0px;
	border-left: 1px solid #dcdcdc;
}
.lec_right li{
	width: 100%;
	float: left;
	margin-bottom: 35px;
}
.lec_right li:last-child{margin-bottom: 0px;}
.date2 span{
	font-size: 24px;
	color: #FFFFFF;
	font-family: 'Arial Regular';
	background: #006fae;
	display: block;
	line-height: 30px;
}
.date2 p{
	font-size: 12px;
	color: #444444;
	font-family: 'Arial Regular';
	background: #e1e1e1;
	display: block;
	line-height: 30px;
}
.cont{
	width: 310px;
	float: right;
	font-size: 14px;
	color: #999999;
}
.cont a{
	font-size: 14px;
	color: #444444;
	width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	line-height: 30px;
}
.cont a:hover{
	color: #006fae;
}
.news{
	width: 790px;
    float: left;
}
.content_news{
	width: 769px;
	padding: 15px 11px;
	float: left;
	background: #FFFFFF;
	height: 294px;
	overflow: hidden;
}
.news_left{
	width: 351px;
    float: left;
}
.news_img{
	position: relative;
}

.hot_con{
	width: 100%;
	float: left;
	margin-top:28px;
	font-size: 16px;
	color: #424242;
	line-height: 30px;
}
.news_right{
	width:369px;
	float: left;
	margin-left: 44px;
	font-size: 15px;
	color: #c2c2c2;
}
.news_right ul li{
	width: 100%;
	float: left;
	margin-bottom: 23px;
}
.news_right ul li:last-child{margin-bottom: 0px;}
.news_right ul li span{float: right;}
.news_right ul li a{
	width: 285px;
	float: left;
	color: #444444;
}
.news_right ul li a:hover{
	color: #006FAE;
}
.activity{
	width: 380px;
    float: left;
    margin-left: 30px;
}
.content_activity{
	width:100%;
    float: left;
    background: #FFFFFF;
    height: 384px;
    overflow: hidden;
}
.date3{
	width: 100%;
	float: left;
	font-size: 14px;
	color: #999999;
}
.date3 i{
	width: 13px;
	height: 14px;
	display: inline-block;
	background: url(../img/ico2.png) -1px -26px;
	margin-right: 10px;vertical-align: middle;
	margin-top: -2px;
}
.content_activity li{
	width: 345px;
	margin: 0 auto;
	overflow: hidden;
	padding: 22px 0px;
	border-bottom: 1px solid #e5e5e5;
}
.content_activity li a{
	width: 100%;
	font-size: 14px;
	float: left;
	color: #444444;
	margin-top: 13px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.content_activity li a:hover{color: #006FAE;}
.system{
	width: 100%;
	float: left;
	margin-top: 28px;
	margin-bottom: 25px;
}
.system ul li{
	width: 348px;
	height: 78px;
	border: 1px solid #006fae;
	padding: 15px;
	margin-right: 30px;
	float: left;
}
.system ul li:last-child{margin-right: 0px;}
.tgxt{
	background: #006fae;
	display: block;
	height: 80px;
	line-height: 80px;
	color: #FFFFFF;
	font-size: 20px;
}
.tgxt i,.tgxt2 i{
	margin-left: 13px;
	margin-right:18px;
}
.tgxt2{
	display: block;
	height: 80px;
	line-height: 80px;
	color: #006fae;
	font-size: 18px;
	border: 1px solid #006fae;
	display:flex;/*Flex布局*/
    display: -webkit-flex; /* Safari */
    align-items:center;/*指定垂直居中*/
}
.tgxt2 span{line-height: 25px;width: 240px;}



.tgxt i,.tgxt3 i{
	margin-left: 13px;
	margin-right:18px;
}
.tgxt3{
	display: block;
	height: 80px;
	line-height: 20px;
	color: #006fae;
	font-size: 18px;
	border: 1px solid #006fae;
	display:flex;/*Flex布局*/
    display: -webkit-flex; /* Safari */
    align-items:center;/*指定垂直居中*/
}
.tgxt3 span{line-height: 25px;width: 240px;}
.foot{
	width: 100%;
	background: #006fae;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
    padding: 10px 0;
margin-top:20px;
}

.foot p {
		line-height: 30px;
}
.foot a{color:#fff;}

.box_nav {

        }
        .preview {
            float: left;
            width: 580px;
            background-color: rgba(0,0,0,.8);
        }
        .digital {
            float: right;
            width: 580px;
            background-color: rgba(0,0,0,.8);
        }
.preview_title {
font-size: 22px;
font-weight: bold;
color: #fff;
margin: 25px;
}
.preview_nav {
padding:0 45px;
}
.preview_nav p {
color: #fff;
font-size: 16px;
display: inline-block;
}