.banner{
	width: 100%;
	min-width: 320px;
	position: relative;
}

.banner:before{
	content: '';
	width: 408px;
	height: 100%;
	background: url(/_upload/tpl/0f/e0/4064/template4064/images/banner-bg-left.png) right center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.banner:after{
	content: '';
	width: 408px;
	height: 100%;
	background: url(/_upload/tpl/0f/e0/4064/template4064/images/banner-bg-right.png) left center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
}

.banner ul li a{
	display: block;
	width: 100%;
	height: 375px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner .bx-wrapper .bx-pager,
.banner .bx-wrapper .bx-controls-auto {
    bottom: 15px;
    padding-top: 0;
    font-size: 0;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a{
	background: rgba(255,255,255,.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fffffff, endColorstr=#7Fffffff);
}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #0c7ed9;    
}

.banner .bx-wrapper .bx-pager.bx-default-pager a.active{
	width: 30px;
    height: 10px;
	background: #0c7ed9;
}

.banner .bx-wrapper .bx-controls-direction a {
    margin-top: -29.5px;
    width: 38px;
    height: 59px;
}

.banner .bx-wrapper .bx-prev {
    left: 0;
    background: url(/_upload/tpl/0f/e0/4064/template4064/images/banner-left.png) no-repeat center center; 
}

.banner .bx-wrapper .bx-next {
    right: 0;
    background: url(/_upload/tpl/0f/e0/4064/template4064/images/banner-right.png) no-repeat center center; 
}

.main-hf{
	text-align: center;
	font-size: 0;
	padding: 0px 0 5px;
}

.main-hf img{
	display: block;
	margin: 0px auto 0;
	max-width: 100%;
}

.main-left{
	float: left;
	width: 62%;
}

.main-right{
	float: right;
	width: 34%;
}

.main-news-left ul li a{
	display: block;
	width: 100%;
	height: 487px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.main-news-left ul li a h4{
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	width: 100%;
	height: 59px;
	line-height: 59px;	
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

.main-news-left ul li a h4 span{
	display: block;
	padding: 0 40px;	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}

.main-news-left .bx-wrapper .bx-controls-direction a {
    top: auto;
    margin-top: 0;
    bottom: 0;
    width: 40px;
    height: 59px;
}

.main-news-left .bx-wrapper .bx-prev {
    left: 0;
    background: url(/_upload/tpl/0f/e0/4064/template4064/images/prev.png) no-repeat 21px center;
}

.main-news-left .bx-wrapper .bx-next {
    right: 0;
    background: url(/_upload/tpl/0f/e0/4064/template4064/images/next.png) no-repeat 8px center;
}

.main-list1 li a{
	display: block;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main-list1 .list-F a{
	font-size: 22px;
	font-weight: bold;
	color: #333;
}

.main-list1 .list-S a{
	font-size: 16px;
    color: #131313;
    padding-left: 73px;
    margin-top: 15px;
   /* padding: 2px 0 0 73px;*/  /*因为去掉左侧时间*/
    padding: 2px 0 0 12px;
}

.main-list1 .list-S a:before {
    content: '';
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #ccc;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.main-list1 .list-S a:hover:before{
	border-left: 5px solid #0c7ed9;
}

.main-list1 .list-S a span{
	font-size: 12px;
	color: #fff;
	background: #ccc;
	text-align: center;
	width: 59px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	left: 0;
	top: 3px;
}

.main-list1 li a:hover{
	color: #0c7ed9;
}

.main-list1 li a:hover span{
	background: #0c7ed9;
}

.main-f{
	margin-bottom: 34px;
}

.main-content{
	float: left;
	width: 100%;
	min-width: 320px;
	padding: 30px 0;
}

.main-left-l,
.main-left-r{
	width: 47%;
}

.main-title{
	float: left;
	width: 100%;
	border-bottom: 3px solid #e5e5e5;
}

.main-title h4{
	float: left;
	font-size: 18px;
	color: #0c7ed9;
	padding-bottom: 5px;
	border-bottom: 3px solid #0c7ed9;
	margin-bottom: -3px;
}

.main-title a{
	float: right;
	font-size: 12px;
	color: #666;
	margin-top: 5px;
}

.main-title a:hover{
	color: #0c7ed9;
}

.main-list2 li a{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #131313;
	position: relative;
}

.main-list2 li a:hover{
	color: #0c7ed9;
}

.main-list2 .list-S a{
	padding: 0 47px 0 12px;
	margin-top: 15px;
}

.main-list2 .list-S a:before{
	content: '';
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 5px solid #ccc;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
}

.main-list2 .list-S a:hover:before{
	border-left: 5px solid #0c7ed9;
}

.main-list2 .list-S a span{
	font-size: 12px;
	color: #888;
	position: absolute;
	right: 0;
	top: 3px;
}

.main-ad1 {
	margin-bottom: 30px;
}

.main-ad1 ul li img{
	width: 100%;
}

.main-color{
	background: #eee;
}

.main-list2 .list-F a{
	margin-top: 15px;
}

.main-list2 .list-F a{
	height: 102px;
	padding-left: 180px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 160px 102px;
}

.main-list2 .list-F a .main-list2-right{
	height: 102px;
	border-bottom: 1px solid #d2d2d2;
	position: relative;
}

.main-list2 .list-F a .main-list2-right h4{
	font-size: 16px;
	color: #131313;
	white-space: normal;
	font-weight: normal;
	overflow: hidden;
	line-height: 25px;
	max-height: 75px;
	_height:expression(this.scrollHeight > 75 ? "75px" : "auto");
}

.main-list2 .list-F a .main-list2-right span{
	font-size: 12px;
	color: #888;
	position: absolute;
	right: 0;
	bottom: 5px;
}

.main-list2 .list-F a:hover .main-list2-right h4{
	color: #0c7ed9;
}

.main-five{
	padding-bottom: 35px;
}

.main-five ul li a{
	display: block;
	height: 147px;
	overflow: hidden;
	background-position:  center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.main-five ul li a p{
	position: absolute;
	left: 0;
	bottom: -35px;
	height: 35px;
	width: 100%;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: rgba(0,0,0,.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	transition: all .2s ease-in;
}

.main-five ul li a p span{
	display: block;
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.main-five ul li a:hover p{
	bottom: 0;
}

.main-dot .bx-wrapper .bx-controls-direction a {
    margin-top: -20px;
    width: 26px;
    height: 40px;
    background-size: 26px 40px;
}

.main-dot .bx-wrapper .bx-prev {
    left: 0;
    background: url(/_upload/tpl/0f/e0/4064/template4064/images/banner-left.png) no-repeat center center;
}

.main-dot .bx-wrapper .bx-next {
    right: 0;
    background: url(/_upload/tpl/0f/e0/4064/template4064/images/banner-right.png) no-repeat center center;
}

.main-dot .bx-wrapper .bx-pager,
.main-dot .bx-wrapper .bx-controls-auto {
    bottom: -25px;
    padding-top: 0;
    font-size: 0;
}

.main-dot .bx-wrapper .bx-pager.bx-default-pager a{
	background: rgba(12,126,217,.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F0c7ed9, endColorstr=#7F0c7ed9);
}

.main-dot .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main-dot .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #0c7ed9;    
}

.main-ad2,
.main-ad3{
	margin-top: 30px;
}

.main-ad2 ul li img,
.main-ad3 ul li img{
	width: 100%;
	height: 120px;
}

.main-lecture{
	margin-top: 20px;
	padding-bottom: 50px;
	overflow: hidden;
}

.main-lecture ul li a{
	display: block;
	padding-left: 140px;
	height: 170px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 120px 170px;
	background-color: #f1f1f1;
}

.main-lecture ul li a h4{
	font-weight: normal;
	font-size: 16px;
	color: #005599;
	line-height: 26px;
	height: 67px;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 10px;
	padding-top: 10px;
}

.main-lecture ul li a p{
	font-size: 12px;
	color: #595959;
	padding-left: 19px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 29px;
	height: 29px;
}

.main-lecture-p1{
	background: url(/_upload/tpl/0f/e0/4064/template4064/images/person.png) left center no-repeat;
}

.main-lecture-p2{
	background: url(/_upload/tpl/0f/e0/4064/template4064/images/time.png) left center no-repeat;
}

.main-lecture-p3{
	background: url(/_upload/tpl/0f/e0/4064/template4064/images/local.png) left center no-repeat;
}

.main-lecture .bx-wrapper .bx-controls-direction a {
    top: auto;
    margin-top: 0;
    width: 31px;
    height: 31px;
    bottom: -50px;
}

.main-lecture .bx-wrapper .bx-prev {
    left: 665px;
    background: url(/_upload/tpl/0f/e0/4064/template4064/images/main-slider-left.png) no-repeat center center;
}

.main-lecture .bx-wrapper .bx-next {
    right: 665px;
    background: url(/_upload/tpl/0f/e0/4064/template4064/images/main-slider-right.png) no-repeat center center;
}

.main-lecture .bx-wrapper .bx-prev:before{
	content: '';
	width: 643px;
	height: 1px;
	background: #e5e5e5;
	position: absolute;
	right: 52px;
    top: 16px;
}

.main-lecture .bx-wrapper .bx-next:before{
	content: '';
	width: 643px;
	height: 1px;
	background: #e5e5e5;
	position: absolute;
	left: 52px;
    top: 16px;
}

.main-lecture .bx-wrapper{
	width: 100% !important;
	max-width: 100% !important;
}

.main-video{
        display:block;
	margin-top: 15px;
	width: 100%;
	height: 207px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
        position:relative;
}

.main-video .icon_video{
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        margin:auto;
}

.main-theme ul li a{
	display: block;
	height: 140px;
	background-position:  center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.common-content{
	float: left;
	width: 100%;
	min-width: 320px;
	padding-bottom: 30px;
	min-height: 400px;
}

.list-img{
	height: 170px;
	background: url(/_upload/tpl/0f/e0/4064/template4064/images/content_banner.png) center center no-repeat;
	background-size: auto 100%;
}

.list-img .container{
	position: relative;
	height: 170px;
}

.list-img .list-title2{
	line-height: 30px;
	width: 28%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px 25px;
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	background: rgba(12,126,217,.9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E50c7ed9, endColorstr=#E50c7ed9);
}

.list-title {
    margin-top: 15px;
    border-bottom: 1px solid #0c7ed9;
    float: left;
    width: 100%;
}

.list-title h4 {
    font-size: 16px;
    background-color: #0c7ed9;
    padding: 10px 5px;
    color: #fff;
}

.list-show {
    color: #0c7ed9;
    margin-top: 18px;
    font-size: 18px;
    cursor: pointer;
}

.common-left{
	width: 28%;
	float: left;
}

.common-right{
	width: 67.5%;
	margin: 0 auto;
}

.wp_listcolumn{
	padding: 0 22px 18px;
	background: #eee;
}

.wp_listcolumn>li>a{
	display: block;
	font-size: 16px;
	color: #333;
	padding: 20px 15px 20px 0;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}

.wp_listcolumn .wp_column a{
       background: unset;
       border-top: none; 
}

.wp_listcolumn>li.active>a{
	font-weight: bold;
	color: #1064be;
}

.wp_listcolumn>li.active>a:after{
	content: '';
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #0c7ed9;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
}

.thr-sub{
	display: none;
	padding-left: 30px;
	padding-bottom: 10px;
}

.sub-open{
	display: block;
}

.thr-sub a{
	display: block;
	margin-bottom: 10px;
	color: #333;
}

.thr-sub a.active{
	font-weight: bold;
	color: #1064be;
}

.wp_listcolumn .wp_column a:hover{
	color: #0c7ed9;
        background-image: unset;
        background-color: unset;
}


.wp_listcolumn .wp_column a.selected{
        background-image: unset;
        background-color: unset;
}

.list-theme{
	margin-top: 60px;
}

.list-theme img{
	width: 100%;
	max-width: 392px;
	margin-bottom: 25px;
}

.common-local{
	float: left;
	width: 100%;
	padding-bottom: 8px;
	border-bottom: 2px solid #d2d2d2;
	margin: 23px 0 12px;
}

.common-local h4{
	float: left;
	font-size: 20px;
	color: #1064be;
}

.local-a{
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}

.local-a a{
	color: #999;
}

.local-a a:hover{
	color: #1064be;
}

.common-list>li>a{
	position: relative;
	display: block;
	padding: 20px 80px 20px 17px;
	font-size: 16px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #e5e5e5;
}

.common-list>li>a:before{
	content: '';
	width: 5px;
	height: 5px;
	background: #bbb;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2.5px;
}

.common-list>li>a:hover{
	color: #0c7ed9;
}

.common-list>li>a:hover:before{
	background: #0c7ed9;
}

.common-list>li>a span{
	font-size: 12px;
	color: #999;
	position: absolute;
	right: 0;
	top: 23px;
}

.common-article{
       margin-top:30px;
       padding:20px 45px;
       background:#f7f7f7;
}

.article-title{
	font-size: 25px;
	color: #0a0a0a;
	text-align: center;
	line-height: 28px;
	margin: 20px 0 20px;
}

.article-small{
	text-align: center;
	font-size: 0;
	margin-bottom: 10px;
        padding-bottom:20px;
        border-bottom:1px solid #eee;
}

.article-small span{
	font-size: 12px;
	color: #333;
	position: relative;
	padding: 0 20px;
}

.article-small span:after{
	content: '';
	width: 1px;
	height: 10px;
	background: #7d7d7d;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
}

.article-small span:last-child:after{
	display: none;
}

.article-content{
        margin-top:15px;
}

.photo-list{
	margin: 0 -14px;
	margin-top: 10px;
}

.photo-list>li{
	float: left;
	width: 22.1%;
	margin: 0 14px 45px;
}

.photo-list>li>a{
	display: block;
	height: 187px;
	text-align: center;
	border: 1px solid #e5e5e5;
	
}

.photo-img{
	width: 100%;
	height: 145px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.photo-list>li>a img{
	display: none;
}

.photo-list>li>a h4{
	padding: 0 10px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #000;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.photo-list>li>a:hover h4{
	background: #0c7ed9;
	color: #fff;
}

@media (max-width: 1399px) {
	.banner ul li a{
		height: 335px;
	}
	.main-lecture .bx-wrapper .bx-prev {
	    left: 590px;
	}	
	.main-lecture .bx-wrapper .bx-next {
	    right: 590px;
	}
	.photo-list>li{
		width: 21.7%;
	}
}

@media (max-width: 1249px) {
	.banner ul li a{
		height: 315px;
	}
	.main-lecture .bx-wrapper .bx-prev {
	    left: 550px;
	}	
	.main-lecture .bx-wrapper .bx-next {
	    right: 550px;
	}
	.photo-list>li{
		width: 21.5%;
	}
}

@media (max-width: 1199px) {
	.banner ul li a{
		height: 260px;
	}
	.main-lecture .bx-wrapper .bx-prev {
	    left: 450px;
	}	
	.main-lecture .bx-wrapper .bx-next {
	    right: 450px;
	}
	.photo-list>li {
	    width: 29.2%;
	}
}

@media (min-width: 991px) {
	.common-left{
		display: block !important;
	}
}

@media (max-width: 990px) {
	.banner:before,
	.banner:after{
		display: none;
	}
	.banner ul li a{
		height: auto;
		padding-bottom: 28%;
	}
	.main-left,
	.main-right,
	.main-left-l,
	.main-left-r,
	.common-left,
	.common-right{
		width: 100% !important;
	}
	.main-hf{
		padding-bottom: 5px;
	}
	.main-news-left ul li a{
		height: auto;
		padding-bottom: 50%;
	}
	.main-f {
	    margin-bottom: 25px;
	    margin-top: 16px;
	}
	.main-news-left ul li a h4 {
	    height: 50px;
	    line-height: 50px;
	    font-size: 17px;
	}
	.main-news-left .bx-wrapper .bx-controls-direction a{
		height: 50px;
	}
	.main-list1 .list-F a{
		font-size: 18px;
	}
	.main-content{
		padding-top: 0;
	}
	.main-title{
		padding-top: 30px;
	}
	.main-five{
		margin-top: 30px;
		padding-bottom: 15px;
	}
	.main-ad2 ul li img,
	.main-ad3 ul li img{
		height: auto;
	}
	.main-lecture .bx-wrapper .bx-prev {
	    left: 325px;
	}	
	.main-lecture .bx-wrapper .bx-next {
	    right: 325px;
	}
	.main-theme{
		margin-top: 30px;
	}
	.main-video{
		height: auto;
                padding-bottom:50%;
	}
	.common-left{
		display: none;
	}
	.common-local h4{
		display: none;
	}
	.local-a{
		margin-top: 0;
	}
	.article-title{
		font-size: 20px;
	}
	.photo-list>li {
	    width: 29.5%;
	}
       .common-article{
           padding:15px;
       }
}

@media (max-width: 767px) {
	.banner .bx-wrapper .bx-controls-direction a{
		display: none;
	}
	.banner .bx-wrapper .bx-pager,
	.banner .bx-wrapper .bx-controls-auto{
		bottom: 8px;;
	}
	.main-lecture .bx-wrapper .bx-prev {
	    left: 45%;
	}	
	.main-lecture .bx-wrapper .bx-next {
	    right: 45%;
	}
	.photo-list{
		margin: 10px 0 0;
	}
	.photo-list>li {
		margin: 0 auto 30px;
		float: none;
	    width: 258px;
	}
}

@media (max-width: 680px) {
	.main-lecture .bx-wrapper .bx-prev {
	    left: 44%;
	}	
	.main-lecture .bx-wrapper .bx-next {
	    right: 44%;
	}
}

@media (max-width: 570px) {
	.main-lecture .bx-wrapper .bx-prev {
	    left: 43%;
	}	
	.main-lecture .bx-wrapper .bx-next {
	    right: 43%;
	}
}

@media (max-width: 480px) {
	.main-lecture .bx-wrapper .bx-prev {
	    left: 41.5%;
	}	
	.main-lecture .bx-wrapper .bx-next {
	    right: 41.5%;
	}
}

@media (max-width: 450px) {
	.main-five ul li a,
	.main-theme ul li a{
		height: auto;
		padding-bottom: 50%;
	}
}

@media (max-width: 400px) {
	.main-lecture .bx-wrapper .bx-prev {
	    left: 40%;
	}	
	.main-lecture .bx-wrapper .bx-next {
	    right: 40%;
	}
}

@media (max-width: 360px) {
	.main-lecture .bx-wrapper .bx-prev {
	    left: 39%;
	}	
	.main-lecture .bx-wrapper .bx-next {
	    right: 39%;
	}
}