* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#fff; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma; overflow-x:hidden;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent;}
input {-webkit-appearance:none; border:1px solid #ddd;}
input:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display:block; margin:0 auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
.left {float:left;}
.right {float:right;}
.thumbnail {position:relative;}
.thumbnail a {display: block; position:relative; padding-bottom:81.428%; overflow:hidden;}
.thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.banner img,.footer .right img,.mainfigure img {width:100%; height:auto; display:block;}
.more,.readmore {clear:both; overflow: hidden;}
.more a {display:block; float:left; border:1px solid #3c598d; font-size:0.75em; padding:2px 20px; color:#222;}
.more a:hover {background-color:#fefefe;}
.banner {margin-bottom:30px;}
.banner img {margin:0 auto; width:auto; max-width:100%;}
.slidebanner {width:100%; height:40px;}
.browser {width:100%; background-color: #FCEFD2; border-bottom:1px solid #F4B329; color:#333; font-weight:bold; text-align:center; padding:8px 10px; font-size:14px;}
/*header*/
.header {overflow:hidden; padding:30px 0 35px; clear:both;}
/*top*/
.top {height:40px; line-height:40px; font-size:0.875em; color:#333; background-color:#f9f9f9;}
.welcome {width:500px; float:left; white-space: nowrap;  font-size:0.875em; color:#888;}
.social {float:right; font-size:1.125em;}
.social a {color:#fff; display:inline-block; float:left; height:30px; width:30px; margin-top:5px; margin-left:10px; text-align:center; line-height: 30px; position:relative;}
.social .weibo {background-color:#e74c3c;}
.social .weixin {background-color: #87bc33;}
.social .weixin img {display:none; width:120px; height:120px; position:absolute; right:0; top:35px; z-index:9; background-color:#f9f9f9; padding:2px; border:1px solid #eee;}
.social .qq {background-color: #43abec;}
/*logo*/
.logo {float:left;}
.logo a {display:block; width:400px; height:67px; text-indent:-9999em; background:url(images/logo.png) no-repeat left center; background-size:100% auto;}
/*tel*/
.tel {float:right; position:relative; font-family: Arial; font-size:1.5em; color:#e74c3c;}
.tel i.fa {font-size:0.875em;color:#333;}
.tel i.hotline {font-size:0.7em; font-style:normal; color:#333;}
/*nav*/
.nav {width:100%; height:45px; background-color:#1e3988;}
.menu ul {position:relative;}
.menu ul li {float:left; line-height:45px; font-size:0.875em; text-align:center; background:url(images/spr.png) no-repeat right center; width:10%;}
.menu ul li:last-child {background:none;}
.menu ul li a {color:#fff; display:block; transition:background 0.3s ease 0s; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.menu > ul > li.current-menu-item > a,.menu > ul > li.current-menu-parent > a,.menu > ul > li.current-post-ancestor > a,.menu > ul > li.current-category-ancestor > a,.menu > ul > li > a.cur {background-color:#da251e; height:48px; margin-top:-8px; padding-top:5px;}
.menu ul li em {position:absolute; bottom:0; left:50%; margin-left:-10px; border-bottom:10px solid rgba(188,188,188,0.7); border-left:10px solid transparent; border-right:10px solid transparent; /*display:none;*/ opacity:0; transition:all 0.3s ease 0s; } 
.menu ul li em.open {opacity:1;}
.menu ul li ul {position:absolute; left:0; top:45px; background-color:rgba(255,255,255,0.9); border-radius:0 0 5px 5px; width:100%; z-index:9; display:none;}
.menu ul li li {font-size:1em; background-image:url(images/spr.jpg);}
.menu ul li li a {color:#000;}
.menu ul li li a:hover {margin-top:0; padding-top:0; height:45px; background-color: transparent;}
.menu ul li ul.open {display:block;}
.menu ul li span {display:none;}
/*pagenav*/
.pagenav {position:relative;}
.pagenav .banner {margin-bottom:0;}
/*pagebox*/
.pagenav .inner {position:absolute; left:50%; margin-left:-600px; bottom:0; background-color:rgba(188,188,188,0.9); height:40px; z-index: 9; overflow: hidden;}
/*breadcrumb*/
.breadcrumb {font-size:0.75em; color:#fefefe; line-height:40px; font-family: 'simsun'}
.breadcrumb a {color:#fefefe;}
.breadcrumb i.fa-home {display:inline-block; float:left; width:40px; text-align:center; height:40px; font-size:1.75em; margin-right:10px; background-color:#1e3988; opacity:0.9; color:#fff; line-height: 40px;}
/*search-form*/
.search-form {float:right; padding-top:15px;}
.search-form form {overflow: hidden;}
.search-form .s {width:300px; float:left; border:1px solid #bbb; padding:5px; height:25px; border-radius:3px; font-size:0.875em;}
.search-form button {float:left; cursor:pointer; height:25px; display:inline-block; background-color:#fff; color:#999; border:none; padding:0 5px; height:36px; background-color:#1e3988; color:#fff; width:50px; margin-left:5px; border-radius:3px;}
.search-btn,.menu-btn {float:right; padding-top:12px; display:none;}
.search-btn i.fa,.menu-btn i.fa {display:block; width:30px; height:30px; text-align:center; line-height: 30px; color:#fff; background-color:rgba(30,57,136,0.8); cursor:pointer;}
/*.menu-btn i.fa {background-color:#da251e;}*/
/*slides*/
.slides {overflow:hidden; clear:both; min-height:40px;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel img {width:100%; height:auto; display:block;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;
 -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent:-9999em; width:43px; height:82px; position:absolute; top:50%; margin-top:-41px;}
.owl-carousel .owl-nav .owl-prev {background:url(images/carousel-arrow-left.png) no-repeat center center; left:7%;}
.owl-carousel .owl-nav .owl-next {background:url(images/carousel-arrow-right.png) no-repeat center center; right:7%;}
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active {opacity:1;}
.owl-carousel.owl-grab { cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } 
}
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0;  transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; } 
.owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-dots {text-align: center;-webkit-tap-highlight-color: transparent; position:absolute; bottom:0px; width:100%; left:0; display:none;}
.owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; cursor:pointer;}
.owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px;  background: #D6D6D6;  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease;  border-radius: 30px; }
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background: #869791; }
/*productslist*/
.productslist,.showcase,.advantage,.partners,.information {overflow:hidden; padding:30px 0; background-color:#fff;}
.leftnav {float:left; width:250px;}
.leftnav .lefttitle {background-color:#23439f; border-bottom:3px #6d8de8 solid; color:#fff; padding:15px 15px 7px;}
.leftnav .lefttitle h3 {font-size:1em; line-height: 1em;}
.leftnav .lefttitle h3 a {color:#fff;}
.leftnav .lefttitle h4 {font-weight:normal; font-size:0.75em;}
.leftnav ul {background-color:#efefef; border:1px solid #ddd; border-top:none; padding:9px 14px 9.5px;}
.leftnav ul li {font-size:0.875em; padding:5px 0;}
.leftnav ul li a {background-color:#23439f; color:#fff; display:block; padding:5px 10px;}
.leftnav ul li li {font-size:1em;}
.leftnav ul li ul {background-color: #fff;}
.leftnav ul li li a {background-color:transparent; color:#333; padding:0;}
/*rightbox*/
.rightbox {overflow:hidden;}
.rightbox ul {overflow:hidden; padding:1px 0 0 1px;}
.rightbox li {width:33.333%; float:left; overflow:hidden; margin:-1px 0 0 -1px;}
.rightbox li .box {border:1px solid #eee; padding:5px; background-color:#fff;}
.rightbox .pagenavi {padding-top:25px;}
.rightbox li h2,.showcase h2,.caselist h2 {font-size:0.875em; text-align:center; font-weight:normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rightbox li h2 a,.showcase h2 a,.caselist h2 a {color:#555;}
/*album*/
.albumlist {clear:both; background-color:#f5fbfd; padding:30px 0;}
/*profile*/
.profile {overflow: hidden; position:relative;}
.profile .thumbnail {float:left; width:250px;}
.profile .profile-info {float:right; width:920px;}
.profile .profile-title,.widget .wtitle {float:left; border-bottom:1px solid #3c598d; padding-bottom:5px; margin-bottom:10px;}
.profile .profile-title h3,.widget .wtitle h3 {font-weight:normal; font-size:1em; color:#333; line-height: 1em;}
.profile .profile-title h4,.widget .wtitle h4 {font-weight:normal; font-size:0.75em; color:#555;}
.profile .profile-text {clear:both; margin-bottom:15px;}
.profile .profile-text p {font-size:0.875em; color:#555; padding:5px 0; text-align:justify;}
/*showcase*/
.showcase,.advantage,.partners {position:relative;}
.showcase #showcase {overflow: hidden; padding:30px 0 40px;}
.showcase .item {padding:5px; border:1px solid #ddd;}
.showcase .item img {height:100%;}
.showcase p {font-size:0.75em; color:#666; height:48px; overflow: hidden; background-color:#f9f9f9; padding:0 5px;}
.showcase .owl-dots {display:block;}
.showcase .owl-nav,.first .owl-nav {display:none;}
/*title*/
.titleline {width:100%; height:0; border-top:1px solid #dedede; position:absolute; left:0; top:84px; z-index: 1;}
.title {text-align:center; position:relative; padding-top:54px;}
.title h3 {font-size:1.5em; color:#555; width:280px; border:1px solid #dedede; border-bottom:none; margin:0 auto; overflow: hidden; background-color:#fff; padding:15px 0; position:absolute; left:50%; top:0; margin-left:-140px; z-index: 2; font-weight:normal;}
.title h4,.advantage .ltitle h4 {font-weight:normal; color:#888; font-size:0.875em; font-family: Arial; text-transform: uppercase;}
/*advantage*/
.advantage i.arrow {border-top:25px solid #f5fbfd; border-left:25px solid transparent; border-right:25px solid transparent; position:absolute; left:50%; top:0; margin-left:-25px;}
.advantage .ltitle {position:relative; text-align:center; padding-top:48px; z-index: 2;}
.advantage .ltitle h3 {position:absolute; left:50%; top:0; margin-left:-150px; line-height: 1em; color:#555; font-size:1.75em; background-color:#fff; width:300px; padding:10px 0; z-index: 3; font-weight:normal;}
.advantage .titleline {top:55px; background-color:#1e3988;}
.advantage .ltitle .square {position:absolute; left:-20px; top:22.5px; width:20px; height:5px; background-color:#85a1f2; z-index: 2;}
.advantage .ltitle .right {left:auto; right:-20px;}
.advantage .box {overflow: hidden; padding:15px 0; margin-top:20px;}
.advantage .box h5 {font-size:1.5em; line-height: 1.5em; margin-bottom:15px; color:#1e3988; padding-left:60px; font-weight:normal;}
.advantage .box p {font-size:1em; color:#333; padding:10px 0 10px 30px;}
.advantage .left {width:600px; position:relative;}
.advantage .thumbwrap {float:right; width:500px;}
.advantage .thumb { border:1px dashed #ddd; padding:10px; background-color:#fff;}
.advantage .thumb img {width:100%; height:auto; display:block;}
.advantage .box.odd {background-color:#f5fbfd; padding:15px;}
.advantage .box.odd .left {float:right;}
.advantage .box.odd .thumbwrap {float:left;}
.advantage .left span {font-family: Helvetica, sans-serif, Arial; font-size:2.5em; position:absolute; left:0; top:5px; color:#777; border:1px solid #eee; }
/*partners*/
.partners .title {margin-bottom:30px;}
.partners ul {overflow:hidden;}
.partners li {float:left; width:20%;}
.partners li .partner-logo {border:1px solid #ddd; overflow: hidden;}
.partners li .pic {padding-bottom:60.416%; overflow:hidden; position:relative;}
.partners li img {position:absolute; left:0; top:0; width:100%; height:100%; display:block; }
/*information*/
.information .infotab {margin-bottom:20px;}
.information .infotab li.cur {padding:0;}
/*newslist*/
.newslist {overflow: hidden; background-color:#f9f9f9; padding:30px 0;}
.newslist .ntitle {border-bottom:1px solid #ddd; margin-bottom:30px; overflow: hidden; position:relative;}
.newslist .ntitle i.fa {color:#1e3988; margin-right:0.5em; font-size:1.25em; float:left;}
.newslist .ntitle span.left {border-bottom:2px solid #85a1f2; padding-bottom:10px; font-size:1.5em; padding-right:10px;}
.newslist .ntitle span.right {font-family: 'simsun'; font-size:0.75em; position:absolute; right:0; top:10px;}
.newslist .ntitle span.right a {color:#555;}
.newslist .ntitle span.right a:hover {font-weight:bold; color:#000;}
.newslist .first {float:left; width:400px;  overflow:hidden; position:relative;}
.newslist .first h2 {position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:35px; background-color:rgba(0,0,0,.7); font-size:0.875em; font-weight:normal;}
.newslist .first h2 a {color:#fff; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.min-post {position:relative; width:770px; float:right; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}
.min-post .date {float:left; padding-right:20px;}
.min-post .date i {text-align:center; display:block; }
.min-post .date i.day {width:50px; height:55px; line-height: 55px; font-size:1.75em; background-color:#f6f6f6; color:#555; border:1px solid #eee; border-bottom:4px solid #ddd; border-radius:3px; margin-bottom:5px;}
.min-post .date i.mon {font-style:normal; color:#888; font-size:0.875em;}
.min-post h2 {font-size:1.125em; font-weight:normal; margin-bottom:10px; line-height: 1em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.min-post h2 a {color:#222;}
.min-post p {font-size:14px; color:#777; line-height: 1.875em; height:3.75em; overflow: hidden;}
.newslist .more {width:770px; float:right; padding-top:5px; clear:none;}
/*infotab*/
.infotab {margin-bottom:35px;}
.infotab ul {border-bottom:1px solid #1e3988;}
.infotab li {float:left; font-size:14px; margin:0 5px; cursor:pointer;}
.infotab li.cur {border:1px solid #1e3988; border-bottom:none; background-color:#fff; border-radius:3px 3px 0 0; margin-bottom:-1px; color:#1e3988; font-weight:bold; padding:10px 20px; cursor:default;}
.infotab li a {color:#555; display:block; padding:10px 20px;}
.infotab li.cur a {color:#1e3988;}
.tabbox {display:none; clear:both;}
.tabbox.on {display:block;}
.tabbox ul {overflow: hidden;}
.tabbox ul li {width:48%; padding:10px 0; border-bottom:1px solid #ddd; overflow: hidden;}
.tabbox .thumbnail {width:120px; overflow: hidden; float:left; border-right:1px solid #ddd; padding-right:15px; margin-right:15px;}
.tabbox .more {margin-top:20px;}
.tabbox .more a {float:none; margin:0 auto; width:60px; text-align:center;}
.tabbox h2 {font-weight:normal; font-size:0.875em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tabbox h2 a {color:#111;}
.tabbox p {font-size:12px; line-height:2em; overflow: hidden; color:#666; height:6em; overflow:hidden;}
/*contact*/
.contact {background:url(images/contact.jpg) no-repeat bottom center; background-size:100% 100%; background-attachment:fixed; padding:30px 0;position:relative;}
.contact .inner {background:rgba(255,255,255,0.8);  overflow: hidden; padding:25px 0;}
.contact .left {width:550px; padding-left:25px;}
.contact .left img {width:100%; height:auto; display:block;}
.contact .right {width:560px; padding-right:25px;}
.contact .ctitle {border-bottom:1px solid #ddd; margin-bottom:5px; padding-bottom:5px;}
.contact .ctitle p {color:#555;}
.contact h3 {font-size:1.25em; font-weight:normal; color:#1e3988; line-height: 1.5em; margin-bottom:8px;}
.contact p {font-size:0.875em; padding:8px 0; clear:both; overflow:hidden;}
.contact p.captcha img {height:40px; width:auto; display:block; float:left;}
.contact p.captcha span {display:block; float:left; line-height:40px; padding-left:15px;}
.contact label {display:block; float:left; width:80px; height:28px; line-height: 28px; font-size:1em; color:#333;}
.contact .text,.contact textarea {background-color:#fff; border-color:#aaa; height:16px; padding:5px 0; width:70%; text-indent:5px;}
.contact textarea {height:120px; border:1px solid #aaa; resize:vertical;}
.contact .submit {width:70%; margin-left:80px; cursor:pointer; height:35px; background-color:#da251e; border-color:#da251e; color:#fff;}
/*friendlinks*/
.friendlinks {position:relative; padding-left:100px; background-color:#ddd; margin-bottom:20px;}
.friendlinks .ftitle {position:absolute; left:0; top:0; height:100%; width:100px; background-color:#999; border-right:3px #ccc solid;}
.friendlinks .fwrap {height:48px; position:absolute; left:0; top:50%; margin-top:-24px; width:100%;}
.friendlinks h3,.friendlinks h4 {font-size:0.875em; text-align:center; color:#fff;}
.friendlinks h4 {letter-spacing: 3px;}
.friendlinks ul {border:1px solid #ddd; overflow: hidden; padding:10px;}
.friendlinks ul li {float:left; font-size:0.75em; padding:5px 10px;}
.friendlinks a {color:#555;}
/*footer*/
.footer {background-color:#222; padding:30px 0;}
.footer .inner {overflow:hidden;}
.footer .line {width:100%; height:0; border-top:1px solid #111; border-bottom:1px solid #333;}
.footer .left {width:60%;}
.footer .right {width:30%;}
.footer .right ul {overflow: hidden;}
.footer .right ul li {float:right; width:40%; padding:10px; text-align:center;}
.footer .right ul li p {font-size:0.75em; color:#ddd; margin-top:5px;}
.fixedbg {display:none;}
/*pageslist*/
.pageslist {padding:10px 0;}
.pageslist ul {overflow: hidden;}
.pageslist ul li {float:left; font-size:0.75em; padding:5px 25px 5px 0;}
.pageslist ul li a {color:#ddd;}
/*companyinfo*/
.companyinfo {padding:10px 0;}
.companyinfo p {font-size:0.75em; color:#ddd; padding:5px 0;}
.companyinfo a {color:#ddd;}
/*fixedwidget*/
.fixedwidget {position:fixed; right:1px; top:50%; width:55px; text-align:center; z-index: 8; }
.fixedwidget a {color:#888;}
.fixedwidget ul {padding-top:1px;}
.fixedwidget ul li {height:55px; border:1px solid #ddd; color:#888; background-color:#fff; cursor:pointer; font-size:1.75em; line-height: 55px; margin-top:-1px; font-weight:lighter;}
.fixedwidget ul li.backtop {line-height: 50px; font-size:2.5em;}
.fixedwidget ul li.mobilephone {display:none;}
/*container*/
.container {overflow: hidden; padding:30px 0;}
/*sidebar*/
.sidebar {float:left; width:250px;}
.sidebar .leftnav {float:none; width:auto;}
.sidebar .leftnav i {font-style:normal; float:right;}
.widget {margin-top:25px; background-color:#efefef; padding:10px; border:1px solid #ddd; border-top:2px solid #23439f;}
.widget ul {clear:both;}
.widget ul li {font-size:0.875em;}
.widget ul li a {color:#333;}
.widget .wtitle {padding-right:10px;}
.widget .contactwidget {clear: both;}
.widget .contactwidget img {width:100%; height:auto; display:block;}
.widget .contactwidget p {font-size:0.875em; padding:3px 0; color:#444;}
.widget .contactwidget p.online a {display: block; text-align: center; background-color: #da251e; color:#fff; padding:4px 0;}
.calendar_wrap {margin-left:-8px;}
#searchform input[type='text']{border:1px solid #ddd; text-indent:5px; padding:5px 0;}
.screen-reader-text {font-size:0.75em;}
#searchsubmit {background-color:#fff; cursor:pointer; font-size:0.75em; padding:5px 2px;}
/*main*/
.main {margin-left:280px; overflow:hidden;}
.newsItem {position:relative; overflow:hidden; margin-bottom:25px; border-bottom:1px solid #eee; padding-bottom:25px;}
.newsItem .date {float:left; width:50px;}
.newsItem .date i {text-align:center; display:block; }
.newsItem .date i.day {height:55px; line-height: 55px; font-size:1.75em; background-color:#f6f6f6; color:#555; border:1px solid #eee; border-bottom:4px solid #ddd; border-radius:3px; margin-bottom:5px;}
.newsItem .date i.mon {font-style:normal; color:#888; font-size:0.875em;}
.newsItem .info {margin-left:72px;}
.newsItem h2 {font-size:1.25em; font-weight:normal; line-height: 1.5em; margin-bottom:15px; margin-top:-5px;}
.newsItem h2 a {color:#333;}
.newsItem h2 a:hover {color:#23439f;}
.newsItem p {font-size:14px; line-height:1.75em; color:#666; text-align:justify;}
/*blogItem*/
.blogItem {overflow:hidden; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #eee;}
.blogItem .thumbnail {width:180px; float:left; overflow: hidden;}
.blogItem .info {margin-left:200px; overflow:hidden;}
.blogItem p {margin-bottom:10px;}
.blogItem h2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: normal; line-height: 1.5em; margin-bottom: 10px;}
.blogItem h2 a {color:#333;}
.blogItem p {font-size:14px; line-height:1.75em; max-height:5.25em; overflow:hidden; color: #666;}
.readmore a {font-size:0.75em; color:#23439f; float:left;}
/*pagenavi*/
.pagenavi {overflow: hidden; clear: both;}
.pagenavi a {display:block; float:left; background-color:#1e3988; color:#fff; padding:3px 12px; margin-right:5px; font-size:0.875em;}
.pagenavi a:hover,.pagenavi a.oncurrent {background-color:#da251e;}
/*caselist*/
.caselist {overflow: hidden;}
.caselist ul {overflow: hidden;}
.caselist li {float:left; width:25%; padding-bottom:30px;}
.caselist li .thumbnail {padding:5px; border:1px solid #eee; overflow:hidden;}
.caselist li p {font-size:0.75em; color:#666; padding:0 5px; height:48px; overflow: hidden;}
.caselist .pagenavi {text-align:center;}
.caselist .pagenavi a {display:inline-block; float:none;}
/*post*/
.post h1.post-title {text-align:center; font-size:1.5em; line-height: 1.5em; color:#222;}
.post .postmeta {padding:15px 0; font-size:0.75em; color:#888; text-align:center; border-bottom:1px dashed #ddd;}
.post .postmeta span {padding:0 5px;}
.post .postmeta a {color:#888;}
.post .entry {margin-top:25px; clear:both;}
.post .entry img {max-width:100%; height:auto; display:block;}
.post .entry p,.post .entry ul,.post .entry ol,.post .entry blockquote,.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6,.post .entry ul,.post .entry ol {font-size:1em; line-height: 1.75em; color:#333; padding:8px 0;}
.post .entry ul,.post .entry ol {padding-left:2em;}
.post .entry ul li {list-style:inside disc none;}
.post .entry ol li {list-style:inside decimal none;}
.post .tags {padding:15px 0; font-size:0.75em; color:#555;}
.post .tags a {color:#1e3988;}
/*related-news*/
.related-news {border-top:1px solid #ededed; padding-top:15px;}
.related-news h3 {font-weight:normal; font-size:1.125em; line-height: 1.5em; margin-bottom:15px;}
.related-news ul {overflow: hidden; padding-left:2px;}
.related-news ul li {float:left; font-size:0.875em; width:48%; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; padding:2px 0; list-style:inside disc none;}
.related-news ul li.right {float:right;}
.related-news ul li a {color:#333;}
.related-news ul li a:hover {color:#1e3988;}
/*commentslist*/
.commentslist {position:relative; margin-top:25px;}
.commentslist h3 {border-bottom:1px solid #ddd; font-size:1em; font-weight:normal; padding-bottom:5px; margin-bottom:10px;}
.commentslist .cmtnum {position:absolute; right:0; top:0; font-size:0.75em; color:#555;}
.commentslist li {overflow: hidden; padding:20px 0; border-bottom:1px dashed #ddd;}
.commentslist .cmt-wrap {position:relative; padding-left:70px;}
.commentslist .gravatar {position:absolute; left:0; top:0; width:55px; height:55px; border:1px solid #dedede; padding:1px; background-color:#fff;}
.commentslist .gravatar img {width:100%; height:auto; display:block;}
.commentslist .cmt-user {line-height: 1.1em; margin-bottom:2px; border-bottom:1px dotted #ddd; padding-bottom:8px;}
.commentslist .cmt-user span.username {font-weight:bold; font-size:0.875em; color:#333;}
.commentslist .cmt-user span.username a {color:#333;}
.commentslist .cmt-user span.reply {float:right; font-size:0.75em;}
.commentslist .cmt-user span.reply a {color:#666;}
.commentslist .cmt-meta {font-size:0.75em; color:#999; font-family: Arial;}
.commentslist .cmt-text {font-size:0.875em; color:#333; padding:5px 0;}
.commentslist li li {margin-top:15px; margin-left:20px; border:none; padding:0;}
.commentslist .pagenavi {margin-top:15px;}
/*respond*/
#respond {margin-top:15px;}
#respond p {font-size:0.875em; padding:5px 0; overflow: hidden;}
#respond p.warning {color:#555;}
#respond p.warning a {color:#555;}
#respond label {display:block; margin-bottom:2px; color:#333;}
#respond .text {border:1px solid #ddd; font-size:0.875em; padding:5px 0; text-indent:5px; width:300px;}
#respond textarea {border:1px solid #ddd; width:80%; height:120px; padding:5px; font-size:0.875em;}
#respond .submit {float:left; display:block; background-color:#da251e; color:#fff; font-size:0.875em; padding:8px 20px; cursor:pointer; border:none; border-radius:2px;}
#respond .submit:hover {opacity:0.8;}
/*baguettebox*/
#baguetteBox-overlay {display: none; opacity: 0; position: fixed; overflow: hidden; top: 0;  left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease;  transition: opacity .5s ease;}
#baguetteBox-overlay.visible {opacity: 1;}
#baguetteBox-overlay .full-image {display: inline-block; position: relative; width: 100%; height: 100%; text-align: center;}
#baguetteBox-overlay .full-image figure {display: inline; margin: 0; height: 100%;}
#baguetteBox-overlay .full-image img {display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}
#baguetteBox-overlay .full-image figcaption {display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; white-space: normal;color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif;}
#baguetteBox-overlay .full-image:before {content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px;}
#baguetteBox-slider {position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, transform .4s ease;  transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
#baguetteBox-slider.bounce-from-right {-webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }
#baguetteBox-slider.bounce-from-left {-webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }
@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }
@keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }
@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }
@keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {top: 50%; top: calc(50% - 30px); width: 44px;  height: 60px;}
.baguetteBox-button {position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0;  -moz-border-radius: 15%;  border-radius: 15%;  background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;}
.baguetteBox-button:focus, .baguetteBox-button:hover {background-color: rgba(50, 50, 50, 0.9);}
.baguetteBox-button#next-button {right: 2%;}
.baguetteBox-button#previous-button {left: 2%;}
.baguetteBox-button#close-button {top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }
.baguetteBox-button svg {position: absolute; left: 0; top: 0;}
.baguetteBox-spinner {width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0;  left: 0; -webkit-animation: bounce 2s infinite ease-in-out;  animation: bounce 2s infinite ease-in-out;}
.baguetteBox-double-bounce2 {-webkit-animation-delay: -1s;  animation-delay: -1s;}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }
/*mainfigure*/
.mainfigure {float:left; width:350px;}
.post-case .title-wrap {float:right; width:530px;}
.post-case h1.post-title {font-weight:normal; text-align:left; font-size:1.25em;}
.post-case .postmeta {text-align:left; margin-bottom:20px;}
.post-case .postmeta p {padding:2px 0;}
.post-case .online ul {overflow: hidden;}
.post-case .online ul li {width:50%; float:left; font-size:1em;}
.post-case .online ul li a {display:block; width:160px; margin:0 auto; text-align:center; color:#fff; padding:8px 0;}
.post-case .online ul li.qq a {background-color:#da251e;}
.post-case .online ul li.message a {background-color:#1e3988;}
/*protfolio*/
.protfolio {clear:both;}
.protfolio.advantage {padding:30px 0 0;}
.related-item.advantage {padding:0;}
.related-item.advantage .titleline {top:20px;}
.protfolio.advantage .ltitle,.related-item.advantage .ltitle {padding-top:38px; margin-bottom:10px;}
.protfolio.advantage .ltitle h3,.related-item.advantage h3 {width:180px; margin-left:-90px; font-size:1.25em;}
.protfolio.advantage .ltitle h4,.related-item.advantage h4 {color:#da251e; font-family: Arial;}
.advantage .titleline {top:50px;}
.advantage .ltitle .square {top:18px;}
.protfolio ul {background-color:#f6f6f6; overflow: hidden; padding:0.5%;}
.protfolio li {float:left; width:13.285%; padding:0.5%;}
.protfolio li .thumbnail {border:1px solid #eee; padding:1px; background-color:#fff;}
.post-case .entry {margin-top:0;}
.related-item {overflow: hidden;}
.related-item ul {overflow:hidden; width:102%;}
.related-item li {float:left; width:23%; padding:8px 2% 8px 0;}
.related-item li .thumbnail {overflow:hidden; float:none; margin-bottom:5px;}
.related-item li p {text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; font-size:0.875em;}
.related-item li a {color:#333;}
/*notfound*/
.notfound {text-align:center; padding:50px 0 80px; overflow: hidden;}
.notfound h1 {font-size:3em; color:#888; line-height: 1.5em; font-weight:lighter;}
.notfound p {font-size:1em; color:#888; font-weight:lighter; padding:5px 0;}
.notfound a {background-color:#da251e; color:#fff; font-size:0.75em; padding:5px 10px; margin-left:10px; border-radius:3px;}
.notfound-title {border-bottom:1px solid #1e3988;}
.notfound-title h2 {font-weight:lighter; font-size:1em; color:#fff; background-color: #1e3988; width:180px; margin:0 auto; text-align:center; padding:5px 0;}
/*screen width*/
@media only screen and (max-width:1280px){
	.inner {width:1000px;}
	.pagenav .inner {margin-left:-500px;}
	.leftnav,.sidebar {width:200px;}
	.profile .profile-info {width:720px;}
	.advantage .left {width:500px;}
	.advantage .thumbwrap {width:440px;}
	.contact .left {width:450px;}
	.contact .right {width:450px;}
	.min-post,.newslist .more {width:570px;}
	.main {margin-left:230px;}
	.post-case .title-wrap {width:350px;}	
}
@media only screen and (max-width:1080px){
	.inner {width:900px;}
	.pagenav .inner {margin-left:-450px;}
	.leftnav,.sidebar {width:181px;}
	.profile .profile-info {width:620px;}
	.advantage .left {width:400px;}
	.contact .left {width:420px;}
	.contact .right {width:400px;}
	.contact textarea {height:60px;}
	.newslist .first {width:300px;}
	.main {margin-left:200px;}
	.post-case .title-wrap,.mainfigure {width:300px;}
}
@media only screen and (max-width:960px){
	.inner {width:780px;}
	.pagenav .inner {margin-left:-390px;}
	.menu ul li {font-size:0.75em;}
	.leftnav, .sidebar, .mainfigure {display:none;}
	.profile .profile-info {width:500px;}
	.profile .profile-text p {font-size:0.75em;}
	.advantage .left {width:350px;}
	.advantage .box h5 {font-size:1.25em; margin-bottom:5px;}
	.advantage .box p {font-size:0.875em;}
	.advantage .thumbwrap {width:400px;}
	.advantage .box.odd .thumbwrap {width:360px;}
	.contact .left,.contact .right {width:86%; float:none; margin:0 auto; padding:0;}
	.contact .text, .contact textarea {width:95%;}
	.contact .submit {margin-left:0; width:95%; display:block;}
	.min-post, .newslist .more {width:450px;}
	.min-post .date i.day {height:40px; line-height: 40px;}
	.main {margin-left:0;}
	.post-case .title-wrap {width:auto;}	
}
@media only screen and (max-width:800px){
	.inner {width:90%;}
	.header {padding:10px 0;}
	.pagenav .inner {margin-left:-45%;}
	.welcome,.profile .thumbnail,.owl-nav,.sidebar {display:none;}
	.logo a {width:210px; height:35px;}
	.search-btn, .menu-btn {padding-top:0;}
	.search-form .s {width:200px;}
	.tabbox ul li,.footer .left,.footer .right {width:100%; float:none; clear:both;}
	.footer .right ul li {float:left; width:150px; padding:10px 10px 0 0;}
	.profile .profile-info {width:100%; float:none; clear: both;}
	.advantage .thumbwrap,.advantage .box h5 {margin-bottom:15px;}
	.advantage .thumbwrap,.advantage .left,.advantage .box.odd .thumbwrap {width:100%; float:none;}
	.advantage .box p {padding-left:0;}
	.newslist .first {float:none; width:auto; margin-bottom:20px;}
	.min-post, .newslist .more {float:none; width:auto;}
	.owl-dots {display:block;}
	.pagenav .inner {width:100%; margin:0; position:static; left:auto; bottom:auto; height:35px; line-height: 35px; z-index:1;}
	.breadcrumb i.fa-home {background-color:transparent; height: 35px; line-height: 35px; font-size:1.5em; margin-right:0;}
	.search-form {position:absolute; left:0; top:-55px; width:90%; background-color:#f9f9f9; float:none; padding:10px 5%; transition: top 0.4s ease 0s; box-shadow: 0px 1px 3px #ddd; z-index: 2;}
	.search-form.open {top:0;}
	.search-form .s {width:88%; padding:3px 0; text-indent:5px; border-radius:0;}
	.search-form button {width:10%; margin-left:1%; border-radius:0; height:32px;}
	.search-btn,.menu-btn {display:block;}
	.nav {height:5px; position:relative;}
	.nav i.color {display:block; position:absolute; right:5%; background:#f00; color:#fff; width:45px; height:5px;}
	.tel {float:left;}
	.nav .menu {position:fixed; left:-226px; top:0; width:220px; height:100%; background-color:rgba(0,0,0,.5); z-index: 99; overflow:hidden; transition:left 0.3s ease 0s;}
	.nav .menu.open {left:0; overflow-y:scroll;}
	.menu ul {padding:5px 0;}
	.menu ul li {float:none; width:100%; background-image: none; font-size:0.875em; text-align:left; position:relative;}
	.menu ul li a {padding:0 2em;}
	.menu ul li span {display:block; position:absolute; right:0; top:0; width:45px; height:45px; cursor:pointer;}
	.menu ul li span:after {content:''; display:block; width:8px; height:8px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(45deg); position:absolute; left:50%; top:50%; margin:-6px 0 0 -6px;}
	.menu ul li li {background-image:none;}
	.menu ul li ul {position:static; left:auto; top:auto; background-color:transparent; border-radius:0;}
	.menu ul li ul.open {display:none;}
	.menu ul li li a {color:#fff; padding:0 2em 0 3em;}
	.menu ul li em {opacity:1; display:none; border-bottom-color:rgba(255,255,255,0.9);}
	.menu > ul > li.current-menu-item > a,.menu > ul > li.current-menu-parent > a,.menu > ul > li.current-post-ancestor > a,.menu > ul > li.current-category-ancestor > a,.menu > ul > li > a.cur {background-color: rgba(30,57,136,0.8); height:45px; padding-top:0; margin-top:0;}
	body.open {position:fixed; overflow:hidden; left:0; top:0; width:100%;}
	.fixedbg {position:fixed; left:0; top:0; background-color:rgba(0,0,0,.8); width:100%; height:100%; z-index: 8;}
	.fixedbg i {position:absolute; right:20px; top:20px; cursor:pointer; display:block; font-size:2em; color:#fff; z-index: 10;}
	.fixedbg.open {display:block;}
}
@media only screen and (max-width:768px){
	.blogItem {padding-bottom:15px; margin-bottom:15px;}
	.blogItem .thumbnail {width:100px;}
	.blogItem .info {margin-left:115px;}
	.blogItem p,.readmore {display:none;}
	.blogItem h2 {white-space: normal; font-size:16px;line-height:1.65em; height:4.95em; margin-bottom:0;}
	
	.newsItem {padding-bottom:15px; margin-bottom:15px;}
	.newsItem .date {width:40px;}
	.newsItem .date i.day {height:40px; line-height: 40px; font-size:1.25em; font-style:normal;}
	.newsItem .date i.mon {font-size:0.75em;}
	.newsItem .info {margin-left:50px;}
	.newsItem h2 {font-size:18px; margin:0 0 5px;}
	
	.infotab {margin-bottom:10px; overflow:hidden;}
	.infotab ul {border-bottom:none; width:102%; overflow:hidden;}
	.infotab li {font-weight:normal; margin:0; width:32.333%; padding-right:1%; text-align:center; padding-bottom:1%;}
	.infotab li a {padding:5px 15px; background-color:#f9f9f9;}
	.infotab li.cur {border:none; border-radius:0; margin-bottom:0; font-weight:normal; padding:0 1% 1% 0;}
	.infotab li.cur span {display:block; background-color:#1e3988;color:#fff; padding:5px 15px;}
	.caselist li {width:50%; padding-bottom:15px;}
	
	.productslist, .showcase, .advantage, .partners, .information {padding:15px 0;}
	.title, .advantage .ltitle {padding-top:43px;}
	.title h3, .advantage .ltitle h3 {font-size:18px; width:200px; margin-left:-100px; padding:10px 0;}
	.titleline {top:59px;}
	.showcase #showcase {padding-top:10px;}
	.advantage i.arrow {border-width:15px;}
	.advantage .titleline {top:35.5px;}
	.advantage .box {margin-top:15px;}
	
	.partners .title {margin-bottom:10px;}
	
	.information .infotab {margin-bottom:0;}
	.information .infotab li.cur {padding:0 1% 1% 0;}
	.information .infotab li.cur a {background-color:#1e3988; color:#fff;}
	
	.footer {padding:0 0 55px;}
	.fixedwidget {width:100%; top:auto; bottom:-2px; right:0; background-color:#fff;}
	.fixedwidget ul li {float:left; width:25%; text-align:center; box-sizing:border-box; border-left:none;}
	.fixedwidget ul li:last-child {border-right:none;}
	.fixedwidget ul li.mobilephone {display:block;}
	.fixedwidget ul li a {display:block;}
	
	.protfolio li {width:19%;}
	.protfolio.advantage {padding:20px 0 0;}
	.post-case .entry {margin-bottom:15px;}
}
@media only screen and (max-width:700px){
	.protfolio.advantage .ltitle,.related-item.advantage .ltitle {padding-top:28px;}
	.protfolio.advantage .ltitle h3,.related-item.advantage h3 {font-size:1em; padding:5px 0;}
	.advantage .ltitle h4 {font-size:0.75em;}
	.related-item.advantage .titleline {top:15px;}
	.advantage .ltitle .square {top:13px;}
}
@media only screen and (max-width:640px){	
	.related-news ul li {float:none; width:auto;}
	.related-news ul li.right {float:none;}
	.tel,.tel i.hotline {font-size:1em;}
}
@media only screen and (max-width:480px) {
	.logo a {width:220px;}
	.rightbox li {width:50%;}
	.post-case h1.post-title {font-size:1.125em;}
	.related-item li {width:48%; padding-right:2%;}
}
@media only screen and (max-width:420px) {
	#respond textarea {width:290px;}
}
@media only screen and (max-width:360px) {
	.tel i.hotline,.tabbox p {display:none;}
	.tabbox h2 {white-space: normal;}
	.footer .right ul li {width:120px;}
	.min-post h2 {font-size:1em;}
	.search-form .s {width:83%;}
	.search-form button {width:15%;}
	#respond .text,#respond textarea {width:90%; padding:5px;}
	.post-case .online ul li a {width:100%;}
}


.footerfr ul li{
	padding: 5px 1.5em 5px 0!important;
}
.navfooter{
display:none;
}
@media only screen and (max-width:450px){
	.newslist{
		display:none;
	}
	.information{
		display:none;
	}
	.footerfr{
		display:none;
	}	
.site-info{
padding:15px 0 58px 0;
}
#advert_widget, .php_text .widget-text, .widget .textwidget{
padding:0;
}
.navfooter{
position:fixed;
z-index:999;
bottom:0;
width:100%;
height:40px;
display:block;
right:0;
box-shadow:0px 0px 10px 3px rgba(232,232,232,1.0);
-webkit-box-shadow:0px 0px 10px 3px rgba(232,232,232,1.0);
-mox-box-shadow:0px 0px 10px 3px rgba(232,232,232,1.0);
-o-box-shadow:0px 0px 10px 3px rgba(232,232,232,1.0);
-ms-box-shadow:0px 0px 10px 3px rgba(232,232,232,1.0);
}
.navfooter{
padding-left:0;
margin-bottom:0;
list-style:none;
}
.navfooter span{
width:50px !important;
height:50px !important;
}
.font-text {
margin: 0 0 0 5px;
color: #FFFFFF;
}
.navfooter > ul{
position:relative;
z-index:1;
height:40px;
background: rgba(102,102,102,.85);
list-style-type:none;
margin:0px;
padding:0px!important;
}
.navfooter ul li{
position:relative;
float:left;
width:20%;
text-align:center;
margin:0px;
padding:0px;
list-style-type:none;
top:5px;
}
.navfooter  ul  li a{
display:block;
margin-right:auto;
margin-left:auto;
}
}