a,a:hover{
	text-decoration: none;
}
img,a{
	border: none;
}
ul,li{
	padding: 0px;
	list-style: none;
	margin: 0px;
}
body{
	font-family:"微软雅黑","黑体","STHeiti","Microsoft YaHei";
	font-size: 16px;
	
}
.clear{
	clear: both;
}

/*漂浮*/
.side{
	position:fixed;
	width:162px;
	right:0;
	top:50%;
	z-index:100;
	border-bottom:0;
	height: 256px;
}
.side-bg{
	background:url(../images/pf-bg.png) no-repeat;
	width: 162px;
	height: 256px;
	background-size: 100%;
	position: relative;
	z-index: 9999;
	animation:myfirst2 2s;
	-webkit-animation:myfirst2 2s;
}
@keyframes myfirst2
{
	from {
		right:-162px;
	}
	to {
		right:0;
	}
}

@-webkit-keyframes myfirst2 /* Safari and Chrome */
{
	from {
		opacity: 0;
		right:-162px;
	}
	to {
		opacity: 1;
		right:0;
	}
}
.side img{
	top: 40px;
	right: 0px;
	position: absolute;
	z-index: 999999;
	animation:myfirst 2s;
	-webkit-animation:myfirst 2s; /* Safari and Chrome */
}

@keyframes myfirst
{
	from {width:0px;}
	to {width:122px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	from {width:0px;}
	to {width:122px;}
}
.side-title{
	position: absolute;
	z-index: 999999;
	bottom: 30px;
	right: 10px;
	text-align: center;
	opacity: 0.8;
	animation:myfirst3 2s;
	-webkit-animation:myfirst3 2s;
}
@keyframes myfirst3
{
	from {bottom: -30px;}
	to {bottom: 30px;}
}

@-webkit-keyframes myfirst3 /* Safari and Chrome */
{
	from {bottom: -30px;}
	to {bottom: 30px;}
}
.side-title a{
	color: #fff;
	font-size: 14px;
}

@media(max-width:767px){
	.side{
		width:100px;
		height: 158px;
	}
	.side-bg{
		width: 100px;
		height: 158px;
	}
	@keyframes myfirst2
	{
		from {
			right:-100px;
		}
		to {
			right:0;
		}
	}

	@-webkit-keyframes myfirst2 /* Safari and Chrome */
	{
		from {
			opacity: 0;
			right:-100px;
		}
	}
	.side img{
		right: 10px;
		width: 68px;
		top:30px;
	}
	@keyframes myfirst
	{
		from {width:0px;}
		to {width:68px;}
	}

	@-webkit-keyframes myfirst /* Safari and Chrome */
	{
		from {width:0px;}
		to {width:68px;}
	}
	.side-title{
		bottom: 20px;
		width: 72px;
	}
	.side-title i{
		display: none;
	}
	.side-title a{
		font-size: 12px;
	}
	@keyframes myfirst3
	{
		from {bottom: -20px;}
		to {bottom: 20px;}
	}

	@-webkit-keyframes myfirst3 /* Safari and Chrome */
	{
		from {bottom: -20px;}
		to {bottom: 20px;}
	}
}

.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	padding:0px;
	transition:all 0.3s ease-out 0s;
	height:120px;
	background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0));
}
/*左侧logo*/
.header .left{
	width: 20%;
	float: left;
}
.header .left a img{
	height: 72px;
	margin-top: 30px;
}
.header .left .img2{
	display: none;
}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	display: block;
	float: right;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
	line-height: 64px;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	padding: 0 20px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	font-size: 16px;
}
.header .navbar_nav li:hover a{
	color: #26478d;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background: url() no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:64px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 180px;
    left: 50%;
	margin-left: -90px;
	border-top:2px solid #b33e3f;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 0px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #26478d;
}
.btn-all{
	text-align: right;
	font-size: 12px;
	opacity: 0.8;
	padding-right: 20px;
}
.status{
	display: inline;
	padding-right: 5px;
}
.status span{
	display: inline-block;
	padding:25px 10px;
	padding-bottom: 0px;
}
.status span a{
	color: #fff;
}
.en{
	display: inline;
	margin:15px 0px;
	padding:0px 15px;
	border-left: 1px solid #fff;
	/* padding-right: 0px; */
}
.en a{
	color: #fff;
}
.old{
	display: inline;
	margin:15px 0px;
	padding:0px 15px;
	padding-right: 0px;
}
.old a{
	color: #fff;
}
.f-search{
	color: #000;
	margin-top:25px;
	margin-bottom: 0px;
	padding:10px 10px;
	display: inline;
	background:none;
	border-radius: 15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
}
.f-search input[type="text"]{
    width:0px;
    height:24px;
	display: inline;
	background: none;
	border: 0px;
	transition: all 0.5s;
}
.f-search button{
    width:24px;
    height:24px;
    background:none;
    text-align:center;
    color:#fff;
	line-height: 24px;
	display: inline;
	border: 0px;
}
.f-search i{
	font-size:14px;
	color: #fff;
}
/*白色背景的头部*/
.header.on{
	background: #fff;
	height: 108px;
}
.header.on .left .img1{
	display: none;
}
.header.on .left .img2{
	display: block;
}
.header.on .status span a{
	color: #333;
}
.header.on .en{
	color: #333;
	border-left: 1px solid #333;
}
.header.on .f-search{
	color: #333;
}
.header.on .f-search button,.header.on .f-search i{
	color: #333;
}

.header.on .en a{
	color: #333;
}
.header.on .f-search input[type="text"]{
	background: #f5f5f5;
}
.header.on .f-search:hover .fa-search{
	color: #000;
}
.header.on .fa-search{
	color: #333;
}
.header.on .navbar_nav li a{
	color: #333;
}
.header.on .navbar_nav li:hover a{
	color: #26478d;
}
#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(7) {
    -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(8) {
    -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	width: 100%;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}
.banner{
	width: 100%;
	overflow-x: hidden;
}

/*轮番图*/
#slider .banner-title{position: absolute; bottom: 68px; right: 5%;z-index:181;}
#slider .banner-title a{ font-size: 32px;font-weight: bold; color: #fff; text-shadow: 2px 2px 2px #000;}

.main,.focus,.news-media{
	width: 100%;
}
/*焦点新闻*/
.focus{
	background: #3e169a;
	margin-top: -20px;
}
.focus2{
	background: url("../images/news-bg.jpg") no-repeat bottom;
	width: 100%;
	padding:50px 0px;
}
.focus-img img{
	width: 100%;
}
.focus-con{
	background: #fff;
	width: 100%;
	padding: 15px;
	margin-bottom: 30px;
}
.focus-title{
	height:48px;
	line-height:24px;
	overflow:hidden;
}
.focus-title a{
	color: #333;
	font-size: 16px;
}
.focus-title a:hover{
	color: #c87f00;
}
.focus-date{
	color: #c87f00;
	font-size: 14px;
	text-align: right;
	margin-top: 15px;
}
.focus .more{
	text-align: center;
	margin-top: 20px;
}
.focus .more a{
	width: 150px;
	border: 1px solid #fff;
	border-radius: 15px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -75px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.focus .more a:hover{
	background: #fff;
	border: 1px solid #053c6e;
	color: #053c6e;
}
/*厦大新闻、媒体厦大*/
.news-media{
	background: url("../images/news-title-bg.jpg") no-repeat;
	width: 100%;
	background-size: 100%;
}
.wrap{margin:0 auto;}
.news-media .tabs-bg{
	width: 100%;
	background: url("../images/news-title-bg.jpg") no-repeat;
	background-size: 100% auto;
}
.whrl .tabs-bg{
	width: 100%;
	background: url("../images/whrl-title-bg.jpg") no-repeat;
	background-size: 100% auto;
}
.tabs-bg2{
	width: 100%;
	background: url("../images/wd.png") no-repeat bottom;
	background-size: 100% auto;
}
.tabs{
	width:400px;
	left: 50%;
	margin-left: -200px;
	position: relative;
}
.tabs .part{
	display:block;
	float:left;
	width:200px;
	text-align:center;
	color:#333333;
	cursor:pointer;
	font-size: 24px;
	color:#fff;
	height: 64px;
	line-height: 64px;
}
.tabs span.active {color:#ffd407;}
.news-media .content-slide,.whrl .content-slide{
	padding-left: 15px;
	padding-right: 15px;
	height: auto;
}
.swiper-container{width:100%;border-top:0;margin-top:10px!important; height: auto;}
.swiper-slide{width:100%;background:none;color:#373737;}
p{text-align: center;}

.tabs .part.news-btn{
	background: url("../images/news-icon.png") no-repeat left center;
	background-size: 42px;
	padding-left: 54px;
	text-align: left;
}
.tabs .part.media-btn{
	background: url("../images/mtxd-icon.png") no-repeat left center;
	background-size: 42px;
	padding-left: 54px;
	text-align: left;
}
.tabs .news-btn.active{
	color:#f4bf00;
	background: url("../images/news-icon-on.png") no-repeat left center;
	background-size: 42px;
	padding-left: 54px;
}
.tabs .media-btn.active{
	color:#f4bf00;
	background: url("../images/mtxd-icon-on.png") no-repeat left center;
	background-size: 42px;
	padding-left: 54px;
}
.media-item{
	border-bottom: 1px solid #d2d2d2;
	padding: 20px;
	width: 100%;
	float: left;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.media-item:hover{
	box-shadow: 0 0 10px #969696;
	-webkit-box-shadow:0 0 10px #969696;
	-o-box-shadow:0 0 10px #969696;
	-moz-box-shadow:0 0 10px #969696;
}
.media-icon{
	width: 8%;
	float: left;
}
.media-icon img{
	width: 100%;
	max-width: 49px;
}
.media-con{
	float: left;
	width: 92%;
	padding-left: 30px;
}
.meida-title{
	
	width: 100%;
}
.media-title a{
	color:#135a92;
	text-overflow:ellipsis;
	white-space: nowrap;
    overflow: hidden;
    text-align: justify;
	display: block;
}
.media-detail{
	width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
    overflow: hidden;
	text-align: justify;
	color:#bebebe;
	font-size: 14px;
	line-height: 24px;
}
.media-date{
	text-align: left;
	color:#bebebe;
	padding-top: 10px;
	font-size: 14px;
}
.news-item{
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	padding: 20px;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
}
.news-item:hover{
	box-shadow: 0 0 10px #969696;
	-webkit-box-shadow:0 0 10px #969696;
	-o-box-shadow:0 0 10px #969696;
	-moz-box-shadow:0 0 10px #969696;
}
.news-media .more,.whrl .more,.tsgg .more,.tsfx .more{
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.news-media .more a,.whrl .more a,.tsgg .more a,.tsfx .more a{
	width: 150px;
	border: 1px solid #135a92;
	border-radius: 15px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #135a92;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -75px;
	color: #135a92;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.tsfx .more a{
	background: #fff;
}
.news-media .more a:hover,.whrl .more a:hover,.tsgg .more a:hover,.tsfx .more a:hover{
	background: #053c6e;
	border: 1px solid #053c6e;
	color: #fff;
}
.news-title a:hover,.media-title a:hover,.whrl a:hover{
	color: #c87f00;
}

/*探索发现*/
.tsfx{
	width: 100%;
	background: #91afc7;
	margin-top: 30px;
}
.tsfx-main{
	width: 100%;
	background: url("../images/tsfx-bg.jpg") no-repeat bottom;
	background-size: 100%;
	padding:50px 0px;
}
.tsfx-title{
	font-size: 24px;
	color:#fff;
	width: 100%;
	text-align: center;
	padding-top: 30px;
}
.tsfx-item{
	float:left;
	width:20%;
	padding:15px;
}
.tsfx-img,.tsfx-img img{
	width: 100%;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.tsfx-img:hover{
	box-shadow: 0 0 10px #969696;
	-webkit-box-shadow:0 0 10px #969696;
	-o-box-shadow:0 0 10px #969696;
	-moz-box-shadow:0 0 10px #969696;
}
.tsfx-item-title{
	width: 100%;
	background-color:rgba(18,88,147,0.8);
	padding:15px;
	line-height: 24px;
	height: 78px;
	overflow: hidden;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.tsfx-item-title:hover{
	box-shadow: 0 0 10px #969696;
	-webkit-box-shadow:0 0 10px #969696;
	-o-box-shadow:0 0 10px #969696;
	-moz-box-shadow:0 0 10px #969696;
}
.tsfx-item-title a{
	color: #fff;
	font-size: 16px;
}
.tsfx-item-title a:hover{
	color: #ffea00;
}
.tsfx-con{
	padding-top: 50px;
	padding-bottom:100px;
}
/*文化日历*/
.whrl{
	width: 100%;
	margin-bottom: 100px;
	
}
.whrl-item{
	width: 100%;
	box-shadow: 0 0 10px #969696;
	-webkit-box-shadow:0 0 10px #969696;
	-o-box-shadow:0 0 10px #969696;
	-moz-box-shadow:0 0 10px #969696;
	padding:15px;
	margin-top: 30px;
}
.whrl-left{
	float: left;
	width: 20%;
	border: 2px solid #87a8dd;
	text-align: center;
}
.whrl-date{
	padding:15px 0px;
	color: #87a8db;
	text-align: center;
}
.day{
	font-size: 24px;
	line-height: 30px;
}
.mon-year{
	font-size: 14px;
}
.whrl-lm{
	background: #87a8db;
	line-height: 42px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.whrl-right{
	float: left;
	width: 80%;
	padding-left: 15px;
}
.whrl-item-title{
	font-size: 16px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}
.whrl-item-title a{
	color: #135a92;
}
.whrl-item-title a:hover{
	color: #c87f00;
}
.whrl-item-date,.whrl-item-dz{
	font-size: 14px;
	color: #969696;
	line-height: 24px;
}
.whrl-item-date{
	margin-top: 15px;
}
.whrl-item-date i,.whrl-item-dz i{
	color: #87a8dd;
}
.tzgg-ul .whrl-date
{
	background: #87a8db;
	padding:10px 0px;
	color: #fff;
}

/*每日一书*/
.mrys{
	width: 100%;
	position: relative;
	margin-top: 50px;
}
.mrys-title{
	width: 33%;
	background: url(../images/mrys-title.jpg) no-repeat bottom;
	background-size: 100%;
	text-align: right;
	padding-right: 132px;
	padding-top: 86px;
	padding-bottom: 86px;
	color: #fff;
	display: inline-block;
	bottom: 0;
	position: absolute;
}
.mrys-title i{
	font-size: 84px;
	opacity: 0.8;
}
.mrys-title div{
	font-size: 24px;
	line-height: 42px;
	margin-top: 20px;
}
.mrys-img{
	width:17%;
	display: inline-block;
	bottom: 0;
	box-shadow: 20px -20px 0px 0px #f0f0f0;
	position: relative;
	margin-left: 33%;
}
.mrys-img img{
	width: 100%;
}
.mrys-con{
	width: 50%;
	background: #f1f1f1;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
}
.msry-con2{
	background: url(../images/mrys-bg2.jpg) no-repeat right bottom;
	width: 100%;
	padding:30px;
	height: 300px;
	padding-left: 60px;
	background-size: auto 100%;
}
.book-con{
	width: 500px;
}
.book-title{
	border-bottom:1px solid #d2d2d2;
	color: #105b94;
	line-height: 42px;
	font-size: 18px;
}
.book-detail{
	padding-top: 15px;
	line-height: 24px;
	height: 135px;
	overflow: hidden;
	color: #828282;
	font-size: 14px;
}
.book-more{
	float: right;
	margin-top: 20px;
}
.book-more a{
	width: 100px;
	border: 1px solid #88766a;
	border-radius: 15px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #88766a;
	display: block;
}

/*数说厦大*/
.data{
	width: 100%;
	background: url("../images/ssxd-bg.jpg") no-repeat top center;
	background-size: 100% auto;
	padding-top: 80px;
}
.data .more{
	width: 100%;
	text-align: right;
	margin-top: -25px;
	margin-bottom: 55px;
}
.data .more a{
	color: #ffffff;
}
.data video{
	background: #000;
}
.data-title{
	margin-bottom: 45px;
	width: 100%;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #ffffff;
}
.video-title{
	height: 86px;
	background: #dedede;
	line-height: 86px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
    overflow: hidden;
	text-align: center;
}
.video-title a{
	color: #000000;
}
.video-img{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #ffffff;
}
.video-img col-md-6{
	padding-left: 0px;
}
.video-img-con{
	width: 100%;
	overflow: hidden;
}
.video-img img{
	width: 100%;
	transition: all 0.5s;
}
.video-img img:hover{
	transform: scale(1.4);
}
.video-img-title{
	padding-top: 14px;
	line-height: 42px;
	margin-bottom: 30px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
    overflow: hidden;
	text-align: center;
}
.video-img-title a{
	color: #000000;
}
.video-img-title a:hover,.video-title a:hover{
	color: #011162;
}
/*
.slogan{
	width: 100%;
	text-align: center;
}
.slogan img{
	max-height: 46px;
}
.video-play{
	font-size: 56px;
	color: #fff;
	margin-top: 50px;
	opacity: 0.5;
	width: 100%;
	text-align: center;
}
.data-con{
	padding-top: 30px;
}
.data-con .col-md-3{
	padding-top: 60px;
	padding-left:0px;
}
.data-icon{
	width: 25%;
	float: left;
}
.data-icon i{
	font-size: 42px;
	width: 90px;
	height: 90px;
	border-radius: 90px;
	-webkit-border-radius:90px;
	-moz-border-radius:90px;
	-o-border-radius:90px;
	line-height: 90px;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	opacity: 0.8;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.data-icon i:hover{
	background: #fff;
	color: #0d2f6e;
}
.data-info{
	float: left;
	width:75%;
	padding-left: 30px;
	padding-right: 30px;
	opacity: 0.8;
}
.data-info1{
	font-size: 32px;
	color: #fac521;
}
.data-info2{
	height: 40px;
	line-height: 20px;
	overflow: hidden;
}
.data-info2 div{
	font-size: 14px;
	color: #fff;
}
.video-play i{
	color: #fff;
}
.m-video{
    font-size: 14px;color: #333;line-height: 34px;
    margin-bottom: 19px;
}
.m-video img{display: block;margin: 0 auto 2px;}
.m-video p{
    padding-bottom: 12px;
}
.m-video .p-notes{padding-bottom: 8px;text-align: center;text-indent: 0;}
.m-video h1{
    font-size: 20px;color: #9a0000;font-weight: normal;text-align: center;
    margin-bottom: 8px;
}
.m-video .info{
    display: block;margin-bottom: 16px;
    font-family: "瀹嬩綋";font-size: 12px;color: #999;line-height: 24px;text-align: center;
}

.m-video  iframe{
    width: 100%;height: 480px;
}
.dn{display:none; }

.m-pop{z-index: 10001;position: fixed;left: 0;right: 0;top:0;bottom:0;background: rgba(0,0,0,.5);}
#m-video video,#m-video embed{display: block;width: 100%;height: 100%;}
.m-pop .inner{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;}
.m-pop .close{
    display: block;
    width: 58px;height: 58px;
    position: absolute;right: 10px;top: 10px;z-index: 1001;
    cursor: pointer;
    background: url(../images/video-close.png) no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-pop .close:hover{
     background-position: 0 -58px;
}


@-webkit-keyframes aniV {
  0% {
    transform: scale(0.6);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes aniV {
  0% {
    transform: scale(0.6);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes aniV {
  0% {
    transform: scale(0.6);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes aniV {
  0% {
    transform: scale(0.6);
  }
  100% {
    transform: scale(1);
  }
}
*/
/*专题专栏*/
.ztzl{
	margin-top: 30px;
}
.ztzl-title{
	background: url() no-repeat;
	text-align: right;
	padding:0px;
	padding-right: 70px;
	height: 100%;
	background-size: 100%;
}
.ztzl-title img{
}
.ztzl-more{
	position: absolute;
	right: 35px;
	bottom:15px;
	width: 24px;
	background: rgb(255,255,255,0.8);
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
}
.ztzl-more a{
	color: #13306c;
}
.ztzl-item{
	padding: 0px;
	overflow: hidden;
}
.ztzl-item-img{
	width: 100%;
	position: relative;
}
.ztzl-item-img img{
	width: 100%;
}
.ztzl-bg{
	width: 100%;
	position: absolute;
	top: 75%;
	box-sizing:border-box;
	transition:all 0.2s ease-out 0s;
}
.ztzl-item:nth-child(1) .ztzl-bg{
	background:url("../images/zt-bg01.png") repeat;
}
.ztzl-item:nth-child(2) .ztzl-bg{
	background:url("../images/zt-bg02.png") repeat;
}
.ztzl-item:nth-child(3) .ztzl-bg{
	background:url("../images/zt-bg03.png") repeat;
}
.ztzl-item:nth-child(4) .ztzl-bg{
	background:url("../images/zt-bg04.png") repeat;
}
.ztzl-item:nth-child(5) .ztzl-bg{
	background:url("../images/zt-bg05.png") repeat;
}
.ztzl-item:nth-child(6) .ztzl-bg{
	background:url("../images/zt-bg06.png") repeat;
}
.ztzl-item:nth-child(7) .ztzl-bg{
	background:url("../images/zt-bg07.png") repeat;
}
.ztzl-item:nth-child(8) .ztzl-bg{
	background:url("../images/zt-bg08.png") repeat;
}
.ztzl-con{
	width: 100%;
	padding:20px;
	color: #fff;
	position: absolute;
	top: 75%;
	box-sizing:border-box;
	transition:all 0.2s ease-out 0s;
}
.ztzl-item-title{
	font-size: 18px;
	margin-bottom: 15px;
	border-left:5px solid #fff;
	line-height: 24px;
	padding-left: 15px;
}
.ztzl-nr li{
	width: 100%;
	line-height: 36px;
	text-overflow:ellipsis;
	white-space: nowrap;
    overflow: hidden;
    text-align: justify;
	display: block;	
}
.ztzl-nr li a{
	color: #fff;
}
.ztzl-item:hover .ztzl-bg{
	top: 0;
	transform:none;
}
.ztzl-item:hover .ztzl-con{
	top: 0;
	transform:none;
}
.zt-more{
	width: 100%;
	text-align: center;
}
.zt-more a{
	color: #fff;
	text-decoration: none;
	position: absolute;
	bottom:15px;
	left: 50%;
	margin-left: -40px;
	border:1px solid #fff;
	border-radius: 15px;
	-webkit-border-radius:15px;
	-o-border-radius:15px;
	width: 80px;
	line-height: 36px;
	font-size: 14px;
}

/*footer*/
.footer{
	width: 100%;
	background: #103b65;
	margin-top: 50px;
}
.footer1{
	width: 100%;
	background: url("../images/footer-bg.jpg") no-repeat top;
	background-size: 100%;
	padding-top: 150px;
}
.lm{
	border-right: 1px solid #fff;
	padding-top: 15px;
	width: 100%;
	float: left;
	margin-bottom: 60px;
}
.lm li{
	width: 33.3%;
	float: left;
	text-align: center;
	padding:15px;
	opacity: 0.8;
}
.lm-img{
	width: 100%;
	text-align: center;
}
.lm-img img{
	width: 100%;
	max-width:86px;
}
.lm-title{
	width: 100%;
	line-height: 42px;
}
.lm-title a{
	color: #fff;
}
.links{
	padding-left: 50px;
}
.link-title{
	font-size: 24px;
	line-height: 42px;
	color: #fff;
	margin-bottom: 15px;
}
.links li{
	width: 33.3%;
	float: left;
	text-align: left;
	line-height: 36px;
}
.links li a{
	color:#fff;
}
.footer2{
	width: 100%;
	clear: both;
	background:rgba(0, 63, 114, 0.6);
	padding:30px 0px;
	color: #fff;
}
.footer-logo{
	width: 40%;
	float: left;
	padding-right: 30px;
	opacity: 0.8;
}
.footer-logo img{
	width: 100%;
	height: auto;
}
.footer-adress{
	width: 60%;
	float: left;
	font-size: 14px;
	line-height: 1.8em;
	opacity: 0.8;
}
.footer-address li{
	color: #fff;
	line-height: 36px;
}
.footer-icons{
	padding-bottom: 30px;
}
.footer-icons li{
	display: inline-block;
	padding-left: 30px;
}
.copyright{
	padding-left: 30px;
	margin-top: 15px;
	clear: both;
	border-top: 1px solid #fff;
	width: 100%;
	opacity: 0.4;
	padding-top: 15px;
}
.icon-item{
	position: relative;

}
.wb-code{
	position: absolute;
	z-index: 99;
	bottom:110%;
	padding:10px;
	width:105px;
	margin-left: -30px;
	background-color:#fff;
	border-radius:3px;
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	border-radius:5px;
	box-sizing:border-box;
	visibility: hidden;
	opacity: 0;
	transform:translateY(-10px);
	transition:all 0.2s ease-out 0s;
}
.wb-code:after{
	content:'';
	position:absolute;
	left:50%;
	top:100%;
	margin-left:-8px;
	width:0;
	height:0;
	border:8px solid transparent;
	font-size:0;
	border-top-color:#fff;
}
.wb-code img{
	width: 86px;
}
.footer-icons li:hover .wb-code{
	visibility:visible;
	opacity:1;
	transform:none;
}
.mobile{
	display: none;
}

@media(min-width:1600px){
	.header>.container,.nav>.container,.focus2>.container,.news-media .container,.footer>.container,.tsfx .container,.whrl .container,.data .container,.ztzl .container,.footer2 .container{
		width: 80%;
	}
	/*2020-09-02*/
	.header .navbar_nav li a{
		text-decoration: none;
		height: 100%;
		padding: 0 16px;
	}
}
@media(max-width:1599px){
	body{
		font-size: 14px;
	}
	.header>.container,.nav>.container,.focus2>.container,.news-media .container,.footer>.container,.tsfx .container,.whrl .container,.data .container,.ztzl .container,.footer2 .container{
		width: 95%;
	}
	.tsfx-con{
		padding-bottom: 50px;
	}
	.whrl-left{
		width: 23%;
	}
	.whrl-right{
		width: 77%;
	}
	.mrys{
		margin-top: -20px;
	}
	.mrys-title{
		padding-bottom: 42px;
	}
	.footer1{
		padding-top: 100px;
		background-size: 115%;
	}
	.lm{
		margin-bottom: 20px;
	}
	.footer-icons{
		padding-top: 0px;
	}
	.links{
		padding-left: 30px;
	}
	.focus-title a,.tsfx-item-title a,.whrl-item-title a{
		font-size: 14px;
	}
	.mon-year{
		font-size: 12px;
	}
}
/*2020-09-02*/
@media(max-width:1380px){
	.header .navbar_nav li a{
		padding:0px 15px;
	}
	.header .left a img{
		height: 64px;
	}
}
@media(max-width:1250px){
	.header .navbar_nav li a{
		padding:0px 12px;
	}
	.header .left a img{
		height: 64px;
	}
	body{
		font-size: 14px;
	}
}

@media(max-width:1180px){
	/*2020-09-02 结束*/
	.header .left a img{
		height: 56px;
	}
	.header .nav{
		padding-right: 20px;
	}
	.header .navbar_nav li a{
		padding:0px 8px;
		font-size: 14px;
	}
	.header .navbar_nav li{
		line-height: 48px;
	}
	
	.header .navbar_nav li.dropdown .dropdown_menu{
		width: 160px;
		top: 48px;
	}
	.header .navbar_nav>li:last-child .dropdown_menu{
		left: 0;
	}
	.banner-title{position: absolute; bottom: 48px; right: 5%;z-index:181;}
	.banner-title a{ font-size: 26px;font-weight: bold; color: #fff; text-shadow: 2px 2px 2px #000;}
	.newsCon{
		margin-left: 0px;
	}
	.mediaCon{
		margin-left: 0px;
	}
	.whrl-title{
		padding-top: 40px;
	}
	.whrl-ul .col-md-4{
		width: 50%;
	}
	.focus-title a,.tsfx-item-title a{
		font-size: 14px;
	}
	.tsfx-main{
		padding:20px 0px;
	}
	.tsfx-con{
		padding-bottom: 50px;
		padding-top: 30px;
	}
	.tsfx-item-title{
		padding:5px 15px;
		line-height: 24px;
		height: 58px;
	}
	.mrys{
		margin-top: -60px;
	}
	.msry-con2{
		background: url(../images/mrys-bg2.jpg) no-repeat right bottom;
		width: 100%;
		padding:30px;
		height: 280px;
		padding-left: 20px;
		background-size: auto 100%;
	}
	.book-con{
		width: 300px;
	}
	.mrys-title{
		width: 28%;
		background: url(../images/mrys-title.jpg) no-repeat bottom;
		background-size:auto 100%;
		text-align: center;
		padding-right: 0px;
		padding-top: 46px;
		padding-bottom: 46px;
	}
	.mrys-title i{
		font-size: 64px;
		opacity: 0.8;
	}
	.mrys-title div{
		font-size: 24px;
		line-height: 42px;
		margin-top: 20px;
	}
	.mrys-img{
		width:22%;
		margin-left: 28%;
	}
	.book-title{
		border-bottom:1px solid #d2d2d2;
		color: #105b94;
		line-height: 32px;
		font-size: 16px;
	}
	.book-detail{
		padding-top: 10px;
		line-height: 24px;
	}
	.data{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.slogan img{
		max-height: 42px;
	}
	.data-icon i{
		font-size: 32px;
		width: 72px;
		height: 72px;
		border-radius: 72px;
		-webkit-border-radius:72px;
		-moz-border-radius:72px;
		-o-border-radius:72px;
		line-height: 72px;
	}
	.data-con{
		padding-top: 0px;
	}
	.data-con .col-md-3{
		padding-top: 40px;
	}
	.video-play{
		font-size: 42px;
		margin-top: 40px;
	}
	.footer1{
		padding-top: 70px;
		background-size: 135%;
	}
	.lm-img img{
		max-width:64px;
	}
	.links li{
		line-height: 24px;
	}
	.footer-logo,.footer-adress {
		width: 100%;
	}
	.link-title,.footer-adress {
		margin-top:30px;
	}
	.footer-logo img{
		width: auto;
		height: 64px;
	}
	.footer-icons{
		padding-top: 30px;
	}
	.footer-icons li{
		padding-left: 15px;
	}
	.footer2 .col-md-6:first-child{
		width: 45%;
	}
	.footer2 .col-md-6:last-child{
		width: 55%;
	}
}
@media screen and (max-width: 992px){
	.header{
		padding: 0px;
	}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 39px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #fff;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	.header .nav{
		display: none;
	}
	.tsfx-main{
		background-size:auto 100%; 
	}
	.tsfx-item{
		width: 50%;
	}
	.tsfx-item:nth-child(5){
		display: none;
	}
	.tsfx .more{
		margin-top: -40px;
	}
	.tabs-bg{
		height: 72px;
	}
	.tabs-bg2{
		background: none;
	}
	.tabs .part{
		margin-top: 15px;
		font-size: 20px;
	}
	.whrl-ul{
		margin-top: 0px;
	}
	.banner-title a,.tsfx-title,.whrl-title{ font-size: 20px;}
	.news-btn,.media-btn,.tabBar .hd .news-btn.on,.tabBar .hd .media-btn.on{
		background-size: 22px;
		padding-left: 24px;
	}
	.newsCon{
		margin-left: 0px;
		margin-top: 15px;
	}
	.mediaCon{
		margin-left: 0px;
		margin-top: 15px;
	}
	
	.media-con{
		padding-left: 10px;
		padding-right: 0px;
	}
	.media-item,.news-item{
		padding:10px 0px;
	}
	.whrl-ul .col-md-4{
		width: 50%;
	}
	.whrl-date{
		padding:8px 0px;
	}
	.whrl-item-title{
		font-size: 14px;
		line-height: 24px;
		height: 48px;
	}
	.book-more{
		margin-top: 10px;
	}
	.book-more a{
		width: 80px;
		border-radius: 15px;
		height: 26px;
		line-height: 26px;
	}
	.msry-con2{
		padding:15px 30px;
		height: 238px;
		background-size: auto 150px;
	}
	.data-info1{
		font-size: 20px;
	}
	.data-con .col-md-3{
		padding-top: 20px;
	}
	.data{
		padding:30px 0px;
	}
	.slogan img{
		max-height: 36px;
	}
	.video-play{
		font-size: 32px;
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.zt-item{
		margin-top: 0px;
	}
	.footer{
		margin-top: 30px;
	}
	.footer1{
		padding-top: 70px;
		background-size: 200%;
	}
	.footer2 .col-md-6:first-child{
		width: 50%;
		font-size: 12px;
	}
	.footer2 .col-md-6:last-child{
		width: 50%;
	}
	.footer-icons{
		padding-top: 0px;
	}
	.footer-icon li{
		padding-top: 10px;
	}
	.wb-code{
		bottom:100%;
	}
	.news-media .content-slide,.whrl .content-slide{
		padding-left: 0px;
		padding-right: 0px;
	}
	.news-media .mobile,.whrl .mobile{
		display: block;
	}
	.news-media .pc,.whrl .pc{
		display: none;
	}
	.news-btn-on{
		color:#fff;
		background: url("../images/news-icon.png") no-repeat left center;
		background-size: 22px;
		padding-left: 24px;
		width: 100%;
		line-height: 48px;
		width: 200px;
		position: relative;
		left: 50%;
		margin-left: -50px;
		font-size: 20px;
		margin-top: 0px;
		
	}
	.media-btn-on{
		color:#fff;
		background: url("../images/mtxd-icon.png") no-repeat left center;
		background-size: 22px;
		padding-left: 24px;
		width: 100%;
		line-height: 48px;
		width: 200px;
		position: relative;
		left: 50%;
		margin-left: -50px;
		font-size: 20px;
	}
	.media-title-bg{
		background: url("../images/news-title-bg.jpg") no-repeat center;
		width: 100%;
		background-size: auto 100%;
		line-height: 96px;
	}
	.mobile .more a{
		margin-top: 15px;
	}
	.whrl .mobile .whrl-title-bg{
		background: url("../images/whrl-title-bg.jpg") no-repeat center;
		width:100%;
		background-size: auto 100%;
		text-align: center;
		line-height: 96px;
	}
	.whrl-title{
		font-size: 20px;
		text-align: center;
		line-height: 48px;
		color: #fff;
	}
	.news-media{
		background: none;
	}
	.whrl-ul{
		padding-left: 30px;
		padding-right: 30px;
	}
	.tzgg-ul .col-md-4:nth-child(9){
		display: none;
	}
	.news{
		margin-top: 15px;
	}
	
}
@media(max-width:767px){
	.whrl-item{
		width: 100%;
	}
	.tsfx-item{
		width: 50%;
	}
	.tsfx-item:nth-child(even){
		padding-left: 8px;
		padding-right: 0px;
	}
	.tsfx-item:nth-child(odd){
		padding-right: 8px;
		padding-left: 0px;
	}
	.tsfx-main{
		padding-bottom: 0px;
	}
	.tsfx-con{
		padding-bottom: 15px;
	}
	.tsfx .more{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.con .col-md-6{
		padding-left: 0px;
		padding-right: 0px;
	}
	.whrl-ul .col-md-4{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.whrl-title{
		padding-top: 10px;
	}
	#slider .banner-title{position: absolute; bottom: 42px; right: 5%;z-index:181;}
	#slider .banner-title a{ font-size: 18px;font-weight: bold; color: #fff; text-shadow: 2px 2px 2px #000;}
	.header #navToggle span {
		margin-top: 15px;
	}
	.header{
		height: 46px;
		background:#0d2f6e;
		position: relative;
	}
	.header .left a img{
		height: 32px;
		margin-top:5px;
	}
	.focus2{
		padding:30px 0px;
	}
	.focus2 .col-xs-6:nth-child(even){
		padding-left: 8px;
	}
	.focus2 .col-xs-6:nth-child(odd){
		padding-right: 8px;
	}
	.focus .more,.news-media .more{
		text-align: center;
		margin-top: 0px;
	}
	.focus .more a,.news-media .more a,.whrl .more a,.tsfx .more a{
		width: 150px;
		border-radius: 15px;
		height: 32px;
		line-height: 32px;
		margin-left: -75px;
	}
	.mrys-title{
		width: 50%;
		bottom:238px;
	}
	.mrys-title i{
		font-size: 32px;
	}
	.mrys-title div{
		font-size: 20px;
	}
	.mrys-img{
		width: 50%;
		margin-left: 50%;
	}
	.mrys-con{
		width: 100%;
		position:static;
	}
	.book-con{
		width: 100%;
	}
	.data-con .col-xs-6:nth-child(even){
		padding-right: 0px;
	}
	.data-con .col-xs-6:nth-child(odd){
		padding-left: 0px;
	}
	.data-info{
		padding-right: 0px;
	}
	.nqhj-img{
	top: 25%;
	}
	.nqhj-title{
		position: relative;
		margin-top: 34px;
	}
	.nqhj-title a{
		color:#fff;
		font-size: 18px;
		line-height: 34px;
	}
	.cxbt-title{
		margin-top: 34px;
	}
	.cxbt-title a{
		line-height: 34px;
	}
	.lm{
		border-right:0px;
	}
	.footer2 .col-md-6:first-child,.footer2 .col-md-6:last-child{
		width: 100%;
	}
	.footer-logo img{
		height: 42px;
		margin-bottom: -20px;
	}
	.footer-address{
		padding-top: 0px;
	}
	.footer-icons{
		padding-top: 15px;
	}
	.footer-icons li{
		padding-left: 0px;
		padding-right: 0px;
	}
	.footer-icons li img{
		width: 42px;
	}
	.data-icon i{
		font-size: 32px;
		width: 56px;
		height: 56px;
		border-radius: 56px;
		-webkit-border-radius:56px;
		-moz-border-radius:56px;
		-o-border-radius:56px;
		line-height: 56px;
	}
	.zt-item-title{
		margin-bottom: -32px;
		height: 32px;
		line-height: 32px;
		bottom:32px;
	}
	.zt-item-title a,.nqhj-title a,.cxbt-title a{
		font-size: 16px;
	}
	.tabs{
		width:300px;
		left: 50%;
		margin-left: -150px;
	}
	.tabs .part{
		width:150px;
		height: 32px;
		line-height: 32px;
	}
	.tabs .part{
		font-size: 16px;
	}
	.whrl .container{
		margin-top: -60px;
		margin-bottom: -180px;
	}
	.news-media .container{
		margin-top: -50px;
	}
}
@media(max-width:360px){
	.zt-item-title a,.nqhj-title a,.cxbt-title a{
		font-size: 14px;
	}
}

/*返回顶部*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0,0,0, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
    z-index: 999999999999;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}