.nbody{ background:#ffffff;}
.preloader-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10000;
    text-align: center;
    display: table;
}
.preloader-inside {
    position: relative;
    height: auto;
    width: 200px;
    margin-top: 300px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    color: #fff;
}
.spinner {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}
.spinner img {
    position: absolute;
    top: 22px;
    left: 0;
    padding: 5px;
}
.spinner:after {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.spinner:before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.spinner-1:after {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 4px solid transparent;
    border-top-color: #08ada7;
    border-bottom-color: #08ada7;
    animation: spinny 2s linear infinite;
}
@keyframes spinny {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(30deg) scale(1.2);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

/* 
----------------------------------
- Navbar Section
----------------------------------
*/

.nav-area {
    width: 100%;
    height: auto;
    border-radius: 0px;
    border: none;
    padding:0px;
    margin-bottom: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	background:#fff;
	border-bottom:1px #f0f0f0 solid;
}
.navbar-header{ margin:0px;;}
.navbar> .container .navbar-brand {
	margin:10px 0;
	margin-right: 100px;
	background:url(/images/logo.png) no-repeat;
	background-size:auto 100%;
	width:127px; height:40px;
}
.navbar-brand img{ width:100%;max-height:40px;}
.navbar-default .navbar-nav > li {
    margin-bottom: 0px;
}
.navbar-default .navbar-nav > li > a {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing:5px;
    color: #333;
    padding:15px 19px;
    text-transform: uppercase;
}
.navbar-right .form-group {
    width: 150px;
    margin:0px;
}
.navbar-right .btn-search {
    padding: 0px;
    font-size: 14px;
    color: #303030;
    border: 0px;
}
.navbar-default .navbar-nav >.active > a,
.navbar-default .navbar-nav >.active > a:focus,
.navbar-default .navbar-nav >.active > a:hover,
.navbar-default .navbar-nav >.open > a,
.navbar-default .navbar-nav >.open > a:focus,
.navbar-default .navbar-nav >.open> a:hover {
    color: #07aca7;
    background-color: transparent;
}
.dropdown-menu {
    display: block;
    border: 0px;
    padding: 0px;
    margin: 0px;
    opacity: 0;
    pointer-events: none;
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transform: rotateX(-20deg) translateY(-10px);
    -moz-transform: rotateX(-20deg) translateY(-10px);
    -ms-transform: rotateX(-20deg) translateY(-10px);
    -o-transform: rotateX(-20deg) translateY(-10px);
    transform: rotateX(-20deg) translateY(-10px);
    background-color: rgba(30, 30, 30, 0.94);
    box-shadow: none;
    -webkit-box-shadow: none;
    min-width: auto;
    border-radius: 0px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.ie .dropdown-menu {
    display: none;
}
.dropdown-menu li {
    margin-bottom: 0;
    position: relative;
}
.dropdown-menu > li > a {
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 40px 8px 20px;
}
.dropdown-menu > li > a span {
    font-size: 18px;
    margin: 0px 3px;
}
.dropdown:hover .dropdown-menu,
.open > .dropdown-menu {
    display: block;
    opacity: 1;
    pointer-events: painted;
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotate(0deg) translate(0px);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #07aca7!important;
    background-color: transparent;
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px);
}
.navbar-right {
	padding:15px 0 0 20px;
	font-size:14px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.navbar-right i {
    font-size: 15px;
    color: #c4c3c3;
    line-height: 26px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.dropdown li ul.sub-menu {
    position: absolute;
    right: 0px;
    top: 0px;
    width: auto;
    display: block!important;
    opacity: 0!important;
    pointer-events: none;
    transform-origin: right center 0!important;
    -webkit-transform: rotateY(0deg) translateX(50%)!important;
    -moz-transform: rotateY(0deg) translateX(50%)!important;
    -ms-transform: rotateY(0deg) translateX(50%)!important;
    -o-transform: rotateY(0deg) translateX(50%)!important;
    transform: rotateY(0deg) translateX(50%)!important;
}
.dropdown-menu li .sub-menu li a {
    padding: 10px 40px 10px 20px;
}
.dropdown li:hover ul {
    opacity: 1!important;
    display: block!important;
    -webkit-transform: rotateY(0deg) translateX(100%)!important;
    -moz-transform: rotateY(0deg) translateX(100%)!important;
    -ms-transform: rotateY(0deg) translateX(100%)!important;
    -o-transform: rotateY(0deg) translateX(100%)!important;
    transform: rotateY(0deg) translateX(100%)!important;
}
.mega-dropdown {
    display: block!important;
    width: auto;
    transform: rotateY(0deg) translateX(-0px)!important;
}
.mega-dropdown-menu {
    width: 580px;
    padding: 30px;
}
.mega-dropdown-menu ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu li {
    width: 100%;
}
.dropdown-header {
    width: 100%!important;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 0px;
}
.dropdown-menu .divider {
    height: 2px;
    margin: 9px 0;
    overflow: hidden;
    background-color: rgba(30, 30, 30, 0.94);
}
.mega-dropdown-menu li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0px;
    color: #fff;
    text-transform: capitalize;
    padding: 8px 0px;
}
.sticky {
    position: fixed;
    height: auto;
    z-index: 10000;
    top: 0px;
    background-color: rgba(30, 30, 30, 0.94);
    border-bottom: none;
    padding: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sticky .dropdown-menu {
    background-color: rgba(30, 30, 30, 0.94);
}
.sticky .dropdown-menu > li {
    border-bottom: 1px solid rgba(30, 30, 30, 0.94);
}
.sticky .navbar-nav > li > a{ color:#fff;}
.sticky .navbar-nav > li > a:hover{ color:#f20000;}
.sticky .dropdown-menu > li:last-child {
    border-bottom: 0px;
}
.sticky> .container .navbar-brand {
    
	margin:10px 0;
	margin-right: 100px;
	background:url(/images/logo2.png) no-repeat;
	background-size:auto 100%;
	width:127px; height:40px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    max-height: 400px;
    border-color: transparent;
}
.navbar-default .navbar-toggle {
    background-color: transparent;
    border: 1px solid transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    width: 35px;
    margin-bottom: 6px;
    background-color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.navbar-default .navbar-toggle.open span {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.navbar-default .navbar-toggle.open span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.navbar-default .navbar-toggle.open span:nth-child(3) {
    opacity: 0;
}
.navbar-default .navbar-toggle.open span:nth-child(4) {
    -webkit-transform: rotate(45deg) translate(-11px, -11px);
    -o-transform: rotate(45deg) translate(-11px, -11px);
    -moz-transform: rotate(45deg) translate(-11px, -11px);
    -o-transform: rotate(45deg) translate(-11px, -11px);
    -moz-transform: rotate(45deg) translate(-11px, -11px);
    transform: rotate(45deg) translate(-11px, -11px);
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.sticky .navbar-right a{color:#fff!important;}
/*
----------------------------------
- Home Page
-----------------------------------
/* 
-- Hero Section
----------------------------------
*/

.hero-area {
    width: 100%;
    position: relative;
	padding:10px 0;
}
.hero-area .item {
    position: relative;
    overflow: hidden;
	border-radius:5px; overflow:hidden;border: 1px solid #efefef;
}
.owl-carousel .owl-item {
    overflow: hidden;
}
.hero-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top:260px;
    top: 0px;
    text-align: center;
    z-index: 10;
    display: table;
}
.hero-caption-inner {
    width: 100%;
    height: 100%;
    display: table-cell;
}
.hero-caption-inner h3 {
    font-size:18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.hero-caption-inner h1 {
    font-size:42px;
    font-weight: 700;
    line-height: 75px;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.hero-caption-inner p {
    width: 600px;
    height: auto;
    margin: auto;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 50px;
}
.hero-caption-inner span {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0;
    color: #fff;
}
.topr{ width:100%;height:430px;border-radius:5px;}
.bleft{ width:840px;}
.bright{ width:330px;}
.bright2{ width:300px; border-right:1px #e8e8e6 solid; float:right; padding:0px;}



.post-row {
    width: 100%;
    height: auto;
	
	overflow:hidden;
	background:#ffffff;
	height:290px;
	border-radius:5px;
	border: 1px solid #efefef;
	box-shadow: 0 0 10px 0 rgba(165,165,165, 0.25);
	margin-bottom:20px;
}
.post-row:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
    border-color: transparent;
}
.post-header { position:relative;}
.post-header h2{ width:100%; position:absolute; bottom:0px; height:28px; z-index:999; background:#333; color:#fff; padding:0 20px; line-height:28px;}
.post-header h2 a{ color:#fff; font-weight:normal;}
.post-header span{ width:42px; line-height:25px; border-radius:4px; background:#000; text-align:center; color:#fff; position:absolute; top:15px; left:15px; z-index:9999; font-size:12px;}
.post-feature {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
	height:163px;
}
.post-feature img {
	width:100%;
	height:100%;
}

.post-feature img {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
.post-caption {
    width: 100%;
    padding: 28px 0px 30px 58px;
    position: relative;
}
.post-heading {
    line-height: 0;
	padding:5px 15px;
    margin-bottom: 5px;
}
.post-heading a {
    font-size:14px;
    font-weight: 400;
    line-height:20px;
    letter-spacing: 0;
    color: #303030;
    text-transform: capitalize;
}
.post-meta {
    font-size: 12px;
    
    font-weight: 300;
    line-height: 14px;
    letter-spacing: 0;
    color: #606060;
}
.post-sticker {
    position: absolute;
    width: auto;
    height: auto;
    top: 28px;
    left: 0;
    border-radius: 5px;
    text-align: center;
    background-color: #08ada7;
}
.post-sticker small {
    font-size: 18px;
    
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #fff;
    padding: 5px 11px;
}
.post-sticker .month {
    font-size: 12px;
    
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    background-color: #303030;
    margin: 0;
    padding: 3px 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.post-body{ padding:0 15px;line-height:40px;color:#ababab; width:100%; height:40px;}
.post-body a{color:#ababab;}
.dzan{float:right; text-align:right; right:0px;color:#dddddd; padding:0px; margin:0px; width:100px; font-size:14px; line-height:40px; height:40px;}
.dzan .fa{ line-height:40px; padding:0px; margin:0px;}
.post-body li {
	list-style:none;
    font-size: 14px;
	width:40%;
	height:40px;
	line-height:40px;
	display:inline;
	float:left;
	 padding:0px;
	 margin:0px;
    font-weight: 300;
    letter-spacing: 0;
    color: #606060;
}
.post-footer {}
.post-row:hover .post-feature img {
    -webkit-transform: scale(1.2) rotate(2deg);
    -moz-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg);
}
.post-row:hover .post-feature:after {
    opacity: .6;
}
.post-single {
    width: 100%;
    height: 205px;
	border-radius:5px;
	overflow:hidden;
	background:#ffffff;
	border: 1px solid #efefef;
	box-shadow: 0 0 10px 0 rgba(165,165,165, 0.25);
}
.post-single:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
    border-color: transparent;
}
.sing1{ margin-bottom:20px;}
.post-single{ position:relative;}
.post-single div{ width:100%; height:100%; overflow:hidden;}
.post-single h2{ width:100%; position:absolute; bottom:48px; height:38px; z-index:999;color:#fff; padding:0 30px; line-height:38px;font-size:18px; font-weight:600;}
.post-single h2 a{ color:#fff;}

.post-header { position:relative;}
.post-header h2{ width:100%; position:absolute; bottom:0px; height:28px; z-index:999; background:#333; color:#fff; padding:0 20px; line-height:28px;}
.post-header h2 a{ color:#fff; font-weight:normal;}
.post-header span{ width:42px; line-height:25px; border-radius:4px; background:#000; text-align:center; color:#fff; position:absolute; top:15px; left:15px; z-index:9999; font-size:12px;}
.post-feature {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
	height:163px;
}
.post-feature img {
	width:100%;
	height:100%;
}

.post-feature img {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.zhuanti { position:relative;
background:#ffffff;
	height:290px;
	border-radius:5px;
	border: 1px solid #efefef;
	box-shadow: 0 0 10px 0 rgba(165,165,165, 0.25);
	margin-bottom:20px;
	overflow:hidden;}
.zhuanti h2{ width:100%; position:absolute; bottom:48px; height:38px; z-index:999;color:#fff; padding:0 30px; line-height:38px;font-size:18px; font-weight:600;}
.zhuanti h2 a{ color:#fff;}
.zhuanti p{ width:100%; position:absolute; bottom:0px; height:48px; z-index:999;color:#fff; padding:0 30px;font-size:12px;}
.zhuanti span{ width:42px; line-height:25px; border-radius:4px; background:#ed2627; text-align:center; color:#fff; position:absolute; top:15px; left:15px; z-index:9999; font-size:12px;}
.ztpic {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
	height:290px;
}
.ztpic img {
	width:100%;
	height:100%;
}

.ztpic img {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
.iport{ font-size:14px; padding:0 15px;width:840px;}
.iport div{ float:left;}
.iport li{ float:left; list-style:none; font-size:15px; line-height:27px; background:#fff; color:#96a0a8; padding:0 15px; margin:0 10px; border:1px #e0e0e0 solid; border-radius:13px;}
.isearch{ width:100%; height:27px; padding:0px; margin:0px; background:#fff; border-radius:4px; overflow:hidden;}
.isearch input{ margin:0px; float:left; width:82%; height:30px; line-height:30px; background:#fff; border:0px; padding:0 10px;}
.isearch button{ background:#000; width:18%; border:0px; float:left; margin:0px; height:30px; line-height:30px; color:#f1f1f1;}
.ibrand {
    width: 100%;
    height:290px;
	border-radius:5px;
	overflow:hidden;
	background:#ffffff;
	border: 1px solid #efefef;
	box-shadow: 0 0 10px 0 rgba(165,165,165, 0.25);
	margin-bottom:20px;
	text-align:center;
}
.ibrand a{ color:#333;}
.ibrand h2{ width:100%; text-align:center; padding:10px 15px 0 10px; line-height:20px; margin-top:5px; margin-bottom:0px;}
.ibrand p{ width:100%; text-align:center; padding:10px; line-height:18px; color:#ababab; font-size:12px; margin:0px;}
.ibrand button{ background:#65b4f2; border-radius:4px; width:96px; line-height:30px; color:#fff;margin:auto; border:0px;}
/*
-- Footer Section
---------------------------- */

.footer-area {
    width: 100%;
    height: auto;
    padding:40px 0px 0 0;
	background:#373737;
    position: relative;
    z-index: 1;
	color:#bebec0;
}
.footer-area li a{color:#f1f1f1;!important}
.footer-area h2{ font-size:14px; color:#fff; line-height:38px;}
.footer-area li{ font-size:12px; line-height:26px; color:#e5e5e5;}
.footer-content {
    width: 100%;
    height: auto;
	border-top:1px #505050 solid;
	line-height:60px;
	padding-bottom:2px;
}
.footer-content li{display:inline;}
.flogo{ width:127px;}
.flist{ padding-top:0px;}
.flist li{ float:left; list-style:square; margin-left:12px; margin-right:30px; font-size:14px;}
.address-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #ddd;
	border-left:1px #505050 solid;
	padding:10px 0 40px 60px;
	position:relative;
	height:180px;
	}
.address-content h5 {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0;
	color:#bebec0;
    text-transform: uppercase;
}
.feature-list {}
.feature-list li {
    margin-bottom: 6px;
}
.feature-list a {
    font-size: 12px;
    
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0;
    color: #ddd;
}

.footer-form {
    width: 100%;
    margin-top: 20px;
}
.footer-form p {
    font-size: 12px;
    
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0;
    color: #ddd;
}
.footer-form .form-group {
    margin: 0;
    border: 0px;
}
.footer-form .input-group {
    width: 100%;
    margin-bottom: 25px;
    border: 1px solid #747474;
}
.footer-form .form-control {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0;
    color: #ddd;
}
.form-btn {
    width: 100%;
    padding: 0;
    margin: 0;
}
.footlink div{ width:300px;}
.footlink h5{ font-size:14px; margin:0px;}
.footlink a{ font-size:12px; line-height:32px; color:#f7f7f7; margin-right:15px; float:left;}
/*
-- Copyright Section
---------------------------- */

.copyright-area {
    width: 100%;
    height: auto;
    padding: 27px 0px;
    text-align: center;
    background-color: #1f1f1f;
}
.footer-copyright {
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0;
    color: #919191;
    margin: 0;
}

.weixin{ position:absolute; right:20px; top:15px; width:106px; height:106px;}
.weixin p{ margin:0px; padding:0px; float:none; text-align:center; font-size:12px; letter-spacing:2px;}
.weixin img{ width:100px;}
.rlist{ width:100%; height:601px;background:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border: 1px solid #efefef; border-top:5px #000 solid; margin-bottom:20px;}
.rlist h2{ width:100%; border-left:5px #f85959 solid; line-height:18px; font-size:18px; margin:20px 0; padding:0 15px; font-weight:400;}
.rlist li{ list-style:none; padding:5px 10px 0 18px; line-height:18px; font-size:14px;}
.rlist p{ width:100%; font-size:12px; line-height:16px; padding:5px 0 0 0; color:#ababab;}
.rlist p i{ margin-right:4px;}
.rlist p span{ width:60px; list-style:none; margin:0px; padding:0px; display:inline;}

.rlistb{ width:100%; height:601px;background:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top:5px #000 solid;margin-bottom:20px;
}
.rlistb h2{ width:100%; border-left:5px #f85959 solid; line-height:18px; font-size:18px; margin:20px 0; padding:0 15px; font-weight:400;}
.rlistb div{ width:100%; height:75px; margin-bottom:10px; padding:0px 10px 0 20px;}
.rlistb div li{ list-style:none; float:left; margin:0px; padding:0px;}
.rlistb div .nimg{ width:88px; height:62px; border-radius:4px; overflow:hidden;}
.rlistb div .nimg img{width:88px; height:62px;}
.rlistb div .biaoti{width:180px; padding-left:10px;word-break:break-all;}
.rlistb div .biaoti a{word-break:break-all;}

.rlistg{ width:100%; height:601px;background:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border: 1px solid #efefef; border-top:5px #000 solid; margin-bottom:20px;}
.rlistg h2{ width:100%; border-left:5px #f85959 solid; line-height:18px; font-size:18px; margin:20px 0; padding:0 15px; font-weight:400;}
.rlistg li{ list-style:none; padding:5px 10px 0 18px; line-height:18px; font-size:14px; background:url(/images/gl.jpg) left 10px no-repeat;}
.rlistg p{ width:100%; font-size:12px; line-height:16px; padding:0 0 0 0; color:#ababab;}

.rlistp{ width:100%; height:601px;background:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top:5px #000 solid; margin-bottom:20px;
}
.rlistp h2{ width:100%; border-left:5px #f85959 solid; line-height:18px; font-size:18px; margin:20px 0; padding:0 15px; font-weight:400;}
.rlistp h6{ width:100%;line-height:50px; font-size:18px; margin:0; padding:0 15px; font-weight:400; text-align:center; border-bottom:1px #e8e8e8 dashed; margin-bottom:15px;}
.rlistp div{ width:100%; height:75px; margin-bottom:10px; padding:0px 10px 0 20px;}
.rlistp div li{ list-style:none; float:left; margin:0px; padding:0px;}
.rlistp div .nimg{ width:68px; height:68px; border-radius:34px; overflow:hidden;}
.rlistp div .nimg img{width:68px; height:68px;}
.rlistp div .biaoti{width:180px; padding-left:10px; padding-top:10px;word-break:break-all;}
.rlistp div .biaoti a{word-break:break-all;}

.rp2{ height:420px;}
.rl2{ height:500px;}
.rlistin{ width:100%; height:autopx;background:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border: 1px solid #efefef; border-top:5px #000 solid; 
}
.rlistin h2{ width:100%; border-left:5px #f85959 solid; line-height:18px; font-size:18px; margin:20px 0; padding:0 15px; font-weight:400;}
.rlistin li{ list-style:none; padding:5px 10px 0 13px; line-height:18px; font-size:14px; position:relative; margin-left:15px;}
.rlistin li .fa{ font-size:12px; margin-right:8px; color:#333333; position:absolute; left:3px; top:7px;}
.rlistin div{ padding:20px;}
.rlistin div button{ width:100%; background:#4285f4; color:#fff; border:0px;}

.rlistinb{ width:100%; height:autopx;background:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top:5px #000 solid; margin-top:10px; 
}
.rlistinb h2{ width:100%;line-height:50px; font-size:18px; margin:0; padding:0 15px; font-weight:400; text-align:center; border-bottom:1px #e8e8e8 dashed;}
.rlistinb ul{ width:100%; margin:0px; padding:0px; margin-bottom:20px; position:relative;}
.rlistinb ul p{ width:100%; height:36px; position:absolute; margin:0px; bottom:0px;background-color: rgba(30, 30, 30, 0.64); line-height:36px; color:#fff; padding-left:15px;}
.rlistinb ul img{ width:100%; height:auto;}
.rlistinb ul a{ color:#fff;}
.rlistinb div{ width:100%; height:75px; margin-bottom:10px; padding:0px;}
.rlistinb div li{ list-style:none; float:left; margin:0px; padding:0px;}
.rlistinb div .nimg{ width:100px; height:70px;}
.rlistinb div .nimg img{width:100px; height:70px;}
.rlistinb div .biaoti{width:200px; padding-left:10px;word-break:break-all;}
.rlistinb div .biaoti a{word-break:break-all;}




.showtop{ width:100%; height:634px;}
.stitle{ width:100%;height:634px; position:relative;}
.stitle h1{ width:100%; height:80px; padding-left:160px; font-size:26px; line-height:42px; color:#fff; position:absolute; bottom:0px;text-shadow:3px 1px 3px #666;}
.sinfo{ border-bottom:1px #d7d7d7 solid; width:100%; height:80px; background:#fff;}
.sinfo .row{ position:relative; margin:0;}
.supic { position:absolute; left:0px; width:120px!important; height:120px!important;top:-80px; text-align:center;}
.supic div{border-radius:60px; width:120px!important; height:120px!important; border:1px #d7d7d7 solid; overflow:hidden; padding:0px; position:relative;}
.supic div i{ position:absolute; right:20px; bottom:20px; color:#f89633;}
.supic div img{ width:120px!important; height:120px!important; margin:0px;}
.supic h4{ font-size:13px; color:#666; font-weight:400; padding-top:5px;}
.suname{ width:auto;height:30px;top:40px; text-align:center;}
.suname i{ margin-right:6px; color:#f89534;}
.suinfo{ width:800px; float:left; padding:20px 0 0 160px; font-size:13px; color:#cdcdcd;}
.suinfo .fa{ margin:0 8px 0 20px;}
.sright{ width:50%; float:left; border-left:1px #d7d7d7 solid; height:80px; text-align:center; padding-top:15px;}
.sright i{ font-size:26px; font-weight:300;}
.sright .bdsharebuttonbox{ margin:auto;padding-left:60px;}
.sright .bdsharebuttonbox .bds_more{ margin:auto!important;}
.sright p{ font-size:12px; letter-spacing:1px;}
.user-r{ width:100%; height:100%; border:1px #d3d7db solid; margin-top:0px; position:relative; padding:110px 20px 30px 20px; background:#fff;}
.user-r button{ width:100%; background:#4285f4; color:#fff; border:0px; margin:15px 0 0px 0;}
.u-img{ position:absolute; left:0px; width:72px; height:72px; border-radius:60px; border:1px #d7d7d7 solid; top:20px; left:20px; overflow:hidden;}
.u-img img{ width:100%; height:100%;}
.u-info{ width:100%; padding:0px; margin:0px; color:#999; border-bottom:1px #d3d7db solid; padding-bottom:10px;}
.u-info h3{ width:auto; display:inline; padding:0px; margin:0px; font-weight:normal; color:#000; font-size:14px;}
.u-info p{ width:70%; font-size:14px; line-height:18px; margin:5px 0;}
.u-info i{ margin-right:5px;}
.u-news{ width:100%;padding:0px; margin:0px;}
.u-news h3{ margin:0px; padding:0px; font-size:14px; line-height:32px; margin-bottom:10px;}
.u-news li{ list-style:none; padding:5px 10px 0 13px; line-height:18px; font-size:14px; position:relative; margin-left:15px; margin:5px 0px 10px 0;}
.u-news li .fa{ font-size:12px; margin-right:8px; color:#333333; position:absolute; left:3px; top:7px;}



.cinfo{ width:100%; height:auto;border:1px #d7d7d7 dashed; border-radius:5px; background:#fff; padding:20px 20px 10px 20px;}
.cinfo div{ padding:0px; margin:0px;}
.cinfo li{list-style:none; float:left; line-height:22px; font-size:13px;}
.clock{ width:22px; height:22px; background:url(/images/tims.png) 0px 0px no-repeat; margin-right:10px; }
.cday{ width:22px; height:22px; background:url(/images/tims.png) 0px -22px no-repeat; margin-right:10px; }
.cperson{ width:22px; height:22px; background:url(/images/tims.png) 0px -44px no-repeat; margin-right:10px; }
.cmoney{ width:22px; height:22px; background:url(/images/tims.png) 0px -66px no-repeat; margin-right:10px; }
.ccontent{ width:100%; height:auto; background:#fff;border-radius:5px; padding:20px 45px; margin-top:20px; font-size:14px; line-height:26px; letter-spacing:1px; color:#444;}
.ccontent p{ margin:25px 0 25px 0;}
.ccontent p b{ font-weight:400!important;}
.ccontent p strong{font-weight:400!important;}
.pinglun{ width:100%; height:auto; background:#fff;border-radius:5px; padding:0px; margin-top:20px;}
.pinglun h4{width:100%; border-left:5px #f85959 solid; line-height:21px; font-size:17px; margin:15px 0; padding:0 15px;}
.pinglun textarea{ width:100%; border-radius:4px; border:1px #e7e7e7 solid; height:120px;}
.pllist{ width:100%; height:auto; background:#fff;border-radius:5px; padding:0px; margin-top:20px;}
.pllist h4{width:100%; border-left:5px #f85959 solid; line-height:21px; font-size:17px; margin:15px 0; padding:0 15px;}
.pllist .pimg{ width:40px; height:40px; border-radius:20px; overflow:hidden; border:1px #f5f5f5 solid;}
.plright{ padding-left:0px;}
.pllist p{ font-size:13px; color:#787878; line-height:16px; margin:0px; margin-bottom:10px; position:relative;}
.pllist .fb{ position:absolute; right:15px; top:0px; list-style:none; cursor:pointer;}
.pllist p span{color:#ababab; }
.pllist hr{ border:0px; border-bottom:1px #e7e7e7 dashed; width:100%; height:0px; margin:0px; background:0px; margin-bottom:15px;}

.hf{ display:none;}
.hfshow{ display:block; padding-bottom:25px;}
.hfshow div{ width:100%;}
.hfshow div textarea{width:100%; border-radius:4px; border:1px #e7e7e7 solid; height:120px;}

.ncontent{ width:100%; height:auto; background:#fff;border-radius:5px; padding:20px; margin-top:0px; font-size:16px;}
.ncontent h1{ font-size:26px; line-height:32px; font-weight:600;}
.spic{ width:100%; margin-bottom:20px; height:420px; overflow:hidden;}
.spic img{ width:100%; height:auto;}
.nblist{ width:100%;height:auto; background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px; padding:20px; margin-top:0px; font-size:16px;}
.nblist h2{ width:100%; height:40px; font-size:16px; margin-bottom:20px;}
.nblist ul{ width:100%; margin:0px; padding:0px; margin-bottom:20px; position:relative;}
.nblist ul p{ width:100%; height:36px; position:absolute; margin:0px; bottom:0px;background-color: rgba(30, 30, 30, 0.64); line-height:36px; color:#fff; padding-left:15px;}
.nblist ul img{ width:100%; height:165px;}
.nblist ul a{ color:#fff;}
.ndeion{ width:100%; margin-bottom:20px;}
.ndeion p{ width:100%; margin:0px; margin-bottom:15px; line-height:20px; font-size:16px; color:#999999;}
.ndeion hr{ width:30%; height:0px; border-bottom:4px #efefef solid; margin:0px; float:none;}
.mark{ background:#fff; width:100%; height:40px; line-height:40px; margin:30px 0 10px 0;}
.mark li{ float:left; font-size:14px; list-style:none; padding-right:15px;}
.mark .fa-eye{color:#999; font-size:12px; width:10px;}
.bright h2{padding:0 15px;color:#565758;}
.rmdd{ width:100%; background:#fff; margin-bottom:30px;}
.rmdd img{ width:100%;}
.rmdd p{padding:0 15px; line-height:20px; height:60px; letter-spacing:1px;}
.rmdd p span{ display:inline; padding:5px 2px 0 2px;line-height:50px; font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:18px;}
.tuser{ width:26px; height:26px; border-radius:13px; border:1px #d7d7d7 solid; line-height:22px; text-align:center; float:left; margin-right:10px;}

.footer-link {}
.footer-link dl { float: left; width: 19.9%; list-style:none;}
.footer-link dt { line-height: 45px; font-size:14px; font-weight:400; color:#fff;}
.footer-link dd { line-height: 28px; font-size:12px;}
.footer-link a { color: #fff; text-decoration: none;font-size:12px;}
.footer-link a:hover { color: #fff;}

.form-group3{ border:1px #cccccc solid; width:230px; height:36px; margin:auto; padding:0 5px; margin-top:10px;-moz-user-select: none; -khtml-user-select: none; user-select: none; padding:0px; position:relative;}
.form-group3 input{ border:0px; float:left; margin:0 5px; line-height:32px;}
.form-group3 i{float:left; line-height:34px; margin:0 5px;-moz-user-select: none; -khtml-user-select: none; user-select:none;}
.form-group3 .btn{ width:120px; position:absolute; right:-150px; padding:0px; top:0px;}
.form-group3 .btn img{ float:right;}

.form-group2{ border:0; width:230px; height:36px; margin:auto; margin-top:10px;-moz-user-select: none; -khtml-user-select: none; user-select: none; padding:0px; }
.form-group2 p{ float:left; text-align:left; list-style:none; width:80px;margin:0px; padding:0px;font-size:12px;line-height:36px; }
.form-group2 li{ float:right; text-align:right; list-style:none; width:80px; margin:0px; padding:0px;font-size:12px;line-height:36px; }
.form-group2 li i{ margin-left:5px;}
.login_o{ text-align:center; width:160px; margin:auto;}
.login_o p{ font-size:12px; float:left; line-height:32px; margin-right:20px;}
.login_o i{ float:left;margin-right:10px; font-size:15px;line-height:32px;}
.loginbg{ background:url(/images/lgbg.jpg) top center no-repeat;background-size:100% 100%;}
.login{ height:644px;}
.lg{ background:#f3f7fb;border-radius:5px; overflow:hidden; margin-top:80px; padding-bottom:10px;}
.lgtop{ width:100%; background:#fff; padding-bottom:20px;}
.lgtop h2{ width:100%; padding:10px 20px 10px 20px; line-height:42px; border-bottom:1px #e7e7e7 solid; font-size:18px; margin-bottom:10px;}
.lgtop div{ padding:0px 20px; line-height:38px; margin-top:15px;}
.lgtop div div{ border:1px #cccccc solid; padding:0px;}
.lgtop div div i{ font-size:20px; width:38px; float:left; text-align:center; line-height:38px; margin:0px; padding:0px;}
.lgtop div div input{ width:80%; border:0px; color:#666;}

.login h3{ width:100%; text-align:center; font-size:13px; font-weight:300; line-height:30px; margin:0px; margin-top:10px;}
.login div ul{ text-align:center; margin:auto; width:100%; padding:0px;}
.login div ul i{ margin:10px;}

.rgbg{ background:#fff; border-radius:5px; margin:20px 0; padding:30px 0 60px 0;}
.rg{ width:540px; margin:auto;}
.rg h2{ font-size:18px; width:72px; padding:0px; line-height:48px; border-bottom:3px #ed2627 solid; margin-bottom:20px;}
.rg div{ padding:0px; font-size:16px; color:#333; line-height:32px;}
.rg p{ font-size:14px; color:#999;}
.rg .row{ margin:15px 0;}
.rg input{ border:1px #e7e7e7 solid; width:100%; padding:3px 10px; margin:3px 0;}
.rg textarea{ border:1px #e7e7e7 solid; width:100%; height:120px; padding:3px 10px;}

#userModal{top:25%;}
#userreg{top:25%;}
#favor{top:25%;}
#weixin{top:25%;}

.ufavor{ height:280px; text-align:center; padding-top:35px;}
.ufavor .img{  width:72px; height:72px; border-radius:60px; border:1px #d7d7d7 solid; margin:auto;overflow:hidden;}
.ufavor .img img{ width:100%; height:100%;}

.ucenter{ margin:20px 0px;}
.ubar{ width:100%; border-bottom:1px #f1f1f1 solid; background:#fff; margin-bottom:25px;}
.ublist div{ float:left; line-height:52px; padding:0 15px;}
.uleft{ background:#fff; padding:0px;}
.uleft div{ width:100%; height:68px; border-bottom:1px #eaeaea solid; font-size:16px; line-height:68px; margin:0px; padding-left:60px;}
.uleft div i{ width:40px; text-align:center; margin-right:5px;}
.ubug{ text-align:center; font-size:12px; margin:0px; width:100%; padding:0px; padding-top:50px; height:100px; background:#fff; border:0px;}
.ubug a{ font-size:12px; margin:0 5px;}
.ulnote{ width:100%; height:50px; font-size:12px!important; text-align:center; line-height:20px;background:#fff; padding:10px 30px 30px;}
.uright{ padding-left:25px; min-height:820px;}
.rbody{ min-height:800px; background:#fff; margin-bottom:60px;}
.utou{ width:100%; text-align:center; }
.utou div{ width:120px; height:120px; margin:auto; border-radius:60px; overflow:hidden;}
.utext { width:150px; margin:auto;height:50px;}
.utext li{ float:left; list-style:none; padding:0 10px;}
.uinfo{ width:100%; height:80px;}
.ufriend{ width:100%; height:80px;}
.umessage{ width:100%; height:240px;}
.umessage textarea{ width:100%; height:120px; border:0px; border:1px #cccccc solid; background:#f7f7f7;}
.um-menu{ width:100%; text-align:center; background:#fff; font-size:16px; height:120px;}
.um-menu div{ padding-top:25px;}
.um-menu .mline{ border-right:1px #e8e8e8 solid; height:120px;}
.um-menu i{ font-size:24px; line-height:38px; margin:auto; float:none; width:100%; text-align:center;}

.un-menu{ width:100%;background:#fff; font-size:16px; height:60px; padding:0 20px; line-height:60px;}
.un-menu div{ position:relative; height:60px; border-bottom:1px #e7e7e7 solid;}
.un-menu div h2{ font-size:20px; font-weight:300;line-height:60px; padding:0px; position:absolute; margin:0px; left:0px; top:0px; height:60px; border-bottom:3px #ed2627 solid; }

.un-menu .mline{ border-right:1px #e8e8e8 solid; height:60px;}
.un-menu .fa{ font-size:24px; line-height:60px; margin:auto; float:none; width:100%; text-align:center;}

.uilist{ width:100%; background:#fff; min-height:240px; margin:20px 0; padding:10px 20px;}
.uilist h2{ font-size:16px; font-weight:300; line-height:40px; width:100%;}

.unedit{ width:100%; background:#fff; min-height:240px; margin:0; margin-bottom:30px; padding:10px 20px;}
.unedit input{ width:100%; height:40px; border:1px #e7e7e7 solid; margin-bottom:10px; padding:7px; font-size:14px; color:#565758;}
.unedit select{ width:135px; height:40px; border:1px #e7e7e7 solid; margin-bottom:10px; line-height:40px;font-size:16px; color:#565758;}
.f16{ font-size:16px;}
.unedit textarea{ width:100%;border:1px #e7e7e7 solid;padding:7px;color:#565758;}
.unedit h3{ float:left; display:inline; font-size:18px;}
.unedit ol{ float:left; color:#a6a6a6; font-size:14px; padding:0px;padding-left:10px; margin:0px;margin-top:17px; }
.subm{ width:100%; height:70px; padding-top:15px;}
.subm .btn{ width:200px; float:left; margin-right:20px; height:38px;}
.subm .btn:hover{ color:#fff;}
.glon{ display:block;}
.gloff{ display:none;}

.undiv{ margin-top:20px; padding:0px;}
.undiv h3{ margin:0px; padding:0px;}
.undiv ul{ float:left; margin:0px; padding:0px; position:relative;}
.undiv ul p{color:#a6a6a6; font-size:14px; margin-top:120px; margin-left:15px;}
.undiv input{ width:224px;}
.touxiang img{border:1px #e7e7e7 solid; margin:0px; padding:0px; width:222px; height:148px; margin:2px; z-index:1; position:absolute; left:0px; top:0px;}
.touxiang div{ position:relative; width:224px; height:150px;}
.touxiang div input{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:0; border:0px;}
.useri{ line-height:28px; min-height:40px; margin-bottom:20px;color:#999;}
.useri .lo{ font-size:16px; color:#565758;}
.useri input{ width:100%; height:36px; border:1px #e7e7e7 solid; max-width:200px;}
.useri textarea{ width:100%; height:120px; border:1px #e7e7e7 solid; max-width:360px;}

.uimg{left:0px; width:100px; height:100px; border-radius:50px; border:1px #d7d7d7 solid; top:-40px; left:20px; overflow:hidden;}
.uimg img{ width:100%; height:100%;}

.umark{height:70px; width:100%; border-bottom:1px #e7e7e7 solid; background:#fff; position:relative; margin-bottom:20px;}
.umark h2{ font-size:20px; font-weight:300;line-height:68px; padding:0px; position:absolute; left:0px; top:0px; border-bottom:3px #ed2627 solid; }
.ntlist{ width:100%; background:#fff; min-height:240px; margin:0px 0; padding:0px 40px;}
.ntline{ padding:15px 0; border-bottom:1px #e7e7e7 solid; margin-bottom:15px;}
.ntline h3{ font-weight:300; line-height:30px; font-size:20px;}
.ntimg{ width:134px; height:100px; overflow:hidden;}
.ntimg img{ width:100%;}
.nt01{ width:100%; font-size:14px; line-height:32px; height:32px;}
.nt01 li{ list-style:none; float:left; padding-right:30px; position:relative;}
.nt01 li span{ position:absolute; top:-20px; left:0px; color:#F00; min-width:450px;}
.nt02{ width:100%; font-size:14px; line-height:32px; height:32px;}
.nt02 li{ list-style:none; float:left; padding-right:30px;}

.ntpic{ margin-bottom:20px;border-top-right-radius:4px;border-top-left-radius:4px; overflow:hidden;}
.newsl{border-bottom:1px #e6e8eb solid; margin:0px 0px 15px 0px;padding:0px 0px 15px 0px; }

.newsl .nsleft{ float:left; margin:0px; padding:0px; height:150px; overflow:hidden;}
.newsl .nsright{ float:left;margin:0px; padding-left:30px;height:150px; position:relative;}
.newsl .nsright div{ position:absolute; bottom:0px; left:30px; width:100%;height:20px;line-height:20px;color:#999999;}
.newsl .nsright div a{ color:#999999;}
.newsl .nsright div li{ float:left; list-style:none; margin:0px; padding:0px; width:auto; line-height:20px; height:20px;}
.newsl .nsright div .fa{margin:1px 5px 0px 0px;padding-right:0px;float:left;line-height:20px;}
.newsl .nsright div a{ float:left; padding:0px; margin:0px; padding-right:20px;}
.newsl .nsright div ul{ float:right; margin:0px; padding:0px; position:absolute; bottom:0px; right:30px;line-height:20px; height:20px;}
.newsl h2{ font-size:22px; font-weight:600; line-height:28px;}
.newsl p{ font-size:14px; line-height:24px; color:#828a92; margin-top:10px;}
.nspic{ width:100%; margin:0px; height:150px; overflow:hidden; border:1px #f3f3f5 solid;}

.p-top{ width:100%; height:380px; background:#fff;}
.p-left{ width:800px; height:355px; padding-left:30px;}
.p-right{ width:355px; height:355px; padding-right:0px;}
.p-banner{ width:355px; height:355px;}
.parter div{ width:100%; margin:10px 0; min-height:42px; border:1px #f1f1f1 solid; border-radius:4px; padding:5px 15px;}
.parter h1{ font-size:18px;}
.parter div li{ list-style:none; float:left; height:35px;padding:0px; margin:0px;}
.parter div li p{ width:120px; border-right:1px #f1f1f1 solid; line-height:35px; margin:0px; padding:0px; padding-left:15px; font-size:15px;}
.parter div li p span{ padding:0 5px; color:#A00;}
.parter div li input{ width:600px;height:32px; margin:0px; border:0px; padding-left:15px; float:left; border:0;}

.yuanchuang input{ width:20px!important; height:23px!important; float:left; margin-right:15px;}
.about h1{ font-size:18px;}
.aboutr {padding:5px; margin-bottom:5px; padding-left:15px; background:#4285f4; color:#fff;}
.aboutr a{ color:#fff;}
.aboutr a span{ padding-left:10px;}
.portfolio-area {}
.portfolio-filter {}
.portfolio-filter ul {
    margin:0px;
    padding:0;
	padding-top:30px;
}
.portfolio-filter li {
    display: inline-block;
    margin: 0px 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
	border-radius:15px;
    letter-spacing: 0;
    color: #828282;
    text-transform: capitalize;
    padding:0px 15px;
    border: 1px solid #cccccc;
    background-color: transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.portfolio-filter li:hover {
    background-color: #7d7d7d;
    border: 1px solid #f1f1f1;
    color: #fff;
}
.portfolio-filter li.active {
    background-color: #7d7d7d;
    border: 1px solid #f1f1f1;
    color: #fff;
}

#page{
	height:40px;
	padding:10px 0px;
	margin:auto;
	width:100%;
            }
#page a{
                display:block;
                float:left;
                margin-right:10px;
                padding:2px 12px;
                height:30px;
                background:#333;
                text-decoration:none;
                color:#fff;
                font-size:14px;
                line-height:28px;
				-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
            }
            #page a:hover{
                color:#fff;
				background:#ed2627;
            }
            #page a.cur{
                border:none;
                color:#fff;
				background:#ed2627;
            }
            #page p{
                float:left;
                padding:2px 10px;
                font-size:12px;
                height:30px;
                line-height:28px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:8px;

            }
            #page p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            #page p.pageRemark b{
                color:red;
            }
            #page p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }