why.xingtongworld.com项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

4301 lines
84 KiB

body {
color: #727272;
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 24px
}
body.boxed header {
width: 100%
}
.wrap {
overflow: hidden
}
img {
max-width: 100%
}
h1,h2,h3,h4,h5,h6 {
font-weight: 400;
color: #666;
font-family: Oswald,sans-serif;
text-shadow: 0 0 1px rgba(0,0,0,.01)
}
h1,h2,h3 {
margin: 0 0 25px
}
h1.title {
margin: 0 0 10px
}
h3 {
font-size: 20px;
position: relative
}
h3.title {
overflow: hidden;
line-height: 28px
}
h3.title:after {
background: url(../images/bg_off.png) repeat;
content: "";
height: 5px;
margin-left: 10px;
position: absolute;
top: 12px;
width: 99%
}
.our-clients h3.title:after,.service-reasons h3.title:after {
background: 0 0
}
.our-clients h3.title,.service-reasons h3.title {
color: #fff
}
.our-clients,.service-reasons {
background: url(../images/img-bg-blur.jpg) 50% 0 no-repeat fixed;
margin: 0 auto;
padding: 50px 0;
background-position: center center;
background-size: cover
}
.client,.service-reasons {
position: relative;
overflow: hidden
}
.our-clients .carousel-controls {
display: block;
height: 25px;
position: absolute;
right: 0;
top: 3px;
width: 83px
}
li,ol,ul {
line-height: 30px;
list-style: none;
margin: 0;
padding: 0
}
a:focus,a:hover {
text-decoration: none;
outline: 0;
color: #666
}
.btn-large,.btn-normal,.btn-small,.btn-special,.comment-des,.contact-box,.steps .popup,.testimonial p {
border-radius: 3px
}
.nav-qar{
display: none;
position: absolute;
top:35px;
z-index: 9999999999;
}
.top-back{
height: 213px;
width: 100%;
background: url(../images/top_background.jpg) no-repeat 50%;
}
#header .main-header {
min-height: 86px;
z-index: 9999;
width: 100%;
position: relative;
background: #fff;
-webkit-box-shadow: 0 3px 3px -3px rgba(0,0,0,.2);
box-shadow: 0 3px 3px -3px rgba(0,0,0,.2)
}
header .top-bar {
min-height: 30px;
background: #510303;
border-bottom: 1px solid #414f5a;
padding: 7px 0
}
.header-nav-right li{
display: inline;
}
.header-nav-right li a{
border-right:1px solid #d5cccc;
padding-right: 10px;
}
.header-nav-right li:last-child a{
border-right:none;
}
.topnav .navbar-toggle i {
line-height: 20px
}
.phone-email {
padding: 3px 0
}
.phone-email a {
margin: 0 10px
}
.phone-email i .fa-phone {
font-size: 14px
}
.phone-email i {
margin-right: 7px
}
footer .social,header .social {
margin-right: 4px;
line-height: 30px
}
header #search-form {
line-height: 30px
}
footer .social,footer .social li:last-child {
margin-right: 0!important
}
footer .social li,header .social li {
background-color: #FFF;
border-radius: 100% 100% 100% 100%;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.6);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.6);
display: inline-block;
height: 25px;
margin-right: 5px;
width: 25px;
text-align: center;
background: #fff;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
-ms-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
padding: 1px
}
footer .social i,header .social i {
color: #666;
-webkit-transition: color .5s ease-in-out;
-moz-transition: color .5s ease-in-out;
-o-transition: color .5s ease-in-out;
-ms-transition: color .5s ease-in-out;
transition: color .5s ease-in-out
}
.footer-four img{
margin-bottom: 10px;
}
#search-form .search-text-box {
background-color: #fff;
background-image: url(../images/search-icon.png);
background-position: 6px 56%;
background-repeat: no-repeat;
border: 0;
color: transparent;
font-size: 13px;
line-height: 18px;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 30px;
width: 25px;
height: 25px;
margin: 0;
padding: 0
}
#search-form .search-text-box {
font-size: 13px;
background-color: #fff;
width: 170px;
height: 25px;
border: 0;
color: #888;
cursor: text;
text-align: left;
padding: 0 15px 1px 25px
}
header .main-header {
display: block;
position: relative;
text-align: left
}
.logo {
margin: 13px 0;
}
.logo img{
margin-top:6px;
max-height:52px;
}
.logo h1 {
margin: 13px 0
}
.navbar-fixed-top {
position: fixed!important
}
.breadcrumb-wrapper {
background: #FAFAFA;
border: 1px solid #DDD;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
box-shadow: 0 0 3px rgba(0,0,0,.1);
background: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa));
background: -webkit-linear-gradient(top,#f8f8f8,#fafafa);
background: -moz-linear-gradient(top,#f8f8f8,#fafafa);
background: -ms-linear-gradient(top,#f8f8f8,#fafafa);
background: -o-linear-gradient(top,#f8f8f8,#fafafa)
}
h2.title {
font-size: 26px;
line-height: 40px;
margin: 5px 0
}
.breadcrumbs {
margin: 7px 0
}
.breadcrumbs ul li {
display: inline-block;
line-height: 24px;
font-size: 13px;
color: #9e9e9e;
margin: 0 0 0 5px
}
.breadcrumbs ul li a {
color: #898989;
font-weight: 600
}
.breadcrumbs ul li:first-child {
margin-left: 2px!important
}
.breadcrumbs ul li:first-child:before,.breadcrumbs ul li:nth-child(2):before {
content: " ";
margin: 0
}
.breadcrumbs ul li:before {
color: #9e9e9e;
content: "\f105";
font-family: FontAwesome;
font-size: 12px;
margin: 0 9px 0 0
}
.fullwidthbanner-container {
width: 100%!important;
position: relative;
max-height: 470px!important;
overflow: hidden;
background-image: url(../images/loader.gif);
background-repeat: no-repeat;
background-position: 50%;
padding: 0;
visibility: hidden
}
.nivo-prevNav,.tp-leftarrow.default {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
z-index: 100;
cursor: pointer;
position: relative;
background: #898989;
padding-top: 20px!important;
width: 45px;
height: 60px;
text-align: center;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
-ms-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
visibility: visible
}
.nivo-prevNav:before,.tp-leftarrow.default:before {
content: "\f053";
font-family: FontAwesome;
font-size: 24px;
font-style: normal;
font-weight: 400;
color: #fafafa;
text-align: center;
visibility: visible
}
.nivo-nextNav,.tp-rightarrow.default {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
z-index: 100;
cursor: pointer;
position: relative;
background: #898989;
padding-top: 20px!important;
width: 45px;
height: 60px;
text-align: center;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
-ms-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
visibility: visible
}
.nivo-nextNav:before,.tp-rightarrow.default:before {
content: "\f054";
font-family: FontAwesome;
font-size: 24px;
font-style: normal;
font-weight: 400;
color: #fafafa;
text-align: center;
visibility: visible
}
.nivo-caption h2 {
margin: 0;
line-height: 60px
}
#center-content {
border: 1px solid #ddd;
padding: 0 20px 20px 20px;
min-height: 155px
}
.btn:focus,.btn:hover {
color: #fff
}
.btn-pad {
margin: 0 7px;
}
.btn-grey {
color: #515151!important;
text-shadow: -1px 1px 0 #fff;
outline: 0;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
background-color: #fff;
background-image: -webkit-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%);
background-image: -moz-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%);
background-image: -o-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%);
background-image: -ms-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%);
background-image: linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 );
border: 1px solid #969696;
-webkit-box-shadow: 0 1px 2px rgba(144,144,144,.4);
box-shadow: 0 1px 2px rgba(144,144,144,.4);
text-shadow: 0 1px 1px rgba(255,255,255,.75)!important
}
.btn-grey:hover {
background: -webkit-linear-gradient(#f8f8f8,#ddd);
background: -moz-linear-gradient(#f8f8f8,#ddd);
background: -o-linear-gradient(#f8f8f8,#ddd);
background: -ms-linear-gradient(#f8f8f8,#ddd);
background: linear-gradient(#f8f8f8,#ddd)
}
.btn-color,.btn-grey {
-webkit-transition: all .5s ease-in-out!important;
-moz-transition: all .5s ease-in-out!important;
-o-transition: all .5s ease-in-out!important;
-ms-transition: all .5s ease-in-out!important;
transition: all .5s ease-in-out!important
}
.btn-color {
color: #fff!important;
text-shadow: 0 1px #555!important
}
.btn-special {
border-radius: 4px
}
.btn-special {
padding: 15px 30px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
outline: 0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.btn-normal {
display: inline-block;
cursor: pointer;
font-size: 16px;
padding: 12px 30px
}
.btn-small {
display: inline-block;
cursor: pointer;
font-size: 14px;
padding: 7px 20px
}
.btn-large {
display: inline-block;
cursor: pointer;
font-size: 20px;
padding: 17px 50px
}
#main-cmf {
background-color: #fff;
padding: 0 0 60px
}
#main-cmf .page-title {
padding-top: 20px;
padding-bottom: 10px
}
.about #main-cmf,.home #main-cmf,.home-2 #main-cmf,.home-3 #main-cmf,.page-services #main-cmf {
padding: 0
}
.page article.post {
border-bottom: none
}
.post-header h3.content-title {
text-align: left!important;
margin-bottom: 15px
}
.blog-entry-meta {
font-size: 0
}
.blog-entry-meta-date {
display: inline-block;
margin-right: 25px;
margin-bottom: 10px;
font-size: 14px;
vertical-align: top
}
.blog-entry-meta-author {
display: none;
margin-right: 5px;
margin-bottom: 10px;
font-size: 14px;
vertical-align: top
}
.blog-entry-meta-tags {
display: none;
margin-right: 25px;
margin-bottom: 10px;
font-size: 14px;
vertical-align: top
}
.blog-entry-meta-comments {
display: none;
margin-bottom: 10px;
margin-right: 10px;
font-size: 14px;
vertical-align: top
}
.blog-entry-meta i {
margin-right: 4px
}
.blog.meta_author .blog-entry-meta-author {
display: inline-block
}
.blog.meta_tags .blog-entry-meta-tags {
display: inline-block
}
.blog.meta_comments .blog-entry-meta-comments {
display: inline-block
}
.blog.meta_authortags .blog-entry-meta-author,.blog.meta_authortags .blog-entry-meta-tags {
display: inline-block
}
.blog.meta_authorcomments .blog-entry-meta-author,.blog.meta_authorcomments .blog-entry-meta-comments {
display: inline-block
}
.blog.meta_tagscomments .blog-entry-meta-comments,.blog.meta_tagscomments .blog-entry-meta-tags {
display: inline-block
}
.blog-entry-meta-author,.blog-entry-meta-comments,.blog-entry-meta-tags {
display: inline-block
}
.post-content {
padding-bottom: 10px
}
.blog-small article .post-image {
float: left;
width: 30%;
margin-bottom: 10px
}
.blog-small article .post-content-wrap {
float: left;
width: 65%;
margin: 0 0 0 4%
}
.post-date a.date {
background: none repeat scroll 0 0 #fafafa;
display: block;
float: left;
margin-right: 20px;
padding: 10px 0 0;
text-align: center;
text-decoration: none;
width: 55px;
border-radius: 2px
}
.post-date a.date strong {
color: #1889C1;
display: block;
font-size: 20px;
font-weight: 400
}
.post-date a.date i {
background-color: #1889C1;
border-top: 1px solid #F3F3F3;
color: #FFF;
display: block;
font-size: 14px;
font-style: normal
}
.blog-small .blog-entry-meta-author,.blog-small .blog-entry-meta-comments,.blog-small .blog-entry-meta-tags {
font-size: 11px
}
.sidebar ul.slide li {
padding-left: 0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.sidebar ul.slide li:hover {
padding-left: 5px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.sidebar p {
text-align: left!important;
margin: 0 0 2px
}
.sidebar .widget,.widget {
margin-bottom: 35px
}
.search-input {
height: 38px!important;
width: 218px
}
#horizontal-tabs {
margin-bottom: 30px
}
#horizontal-tabs ul.tabs li {
background: #fafafa;
border-right: 1px solid #ddd;
border-top: 2px solid #666;
cursor: pointer;
float: left;
font-size: 15px;
padding: 12px
}
#horizontal-tabs ul.tabs li.current {
border-bottom: 1px solid #fff;
background: 0 0;
cursor: default
}
#horizontal-tabs ul.tabs {
border: 1px solid #ddd;
overflow: hidden;
border-radius: 2px
}
#horizontal-tabs .contents {
border: 1px solid #ddd;
margin-top: -1px;
border-radius: 2px
}
#horizontal-tabs .tabscontent.no-padding {
padding-left: 0;
padding-right: 0
}
#horizontal-tabs .tabscontent {
display: none;
overflow: hidden;
}
.tabs ul.posts li {
margin-bottom: 15px;
padding-bottom: 10px;
overflow: hidden;
border-bottom: 1px solid #f8f8f8
}
.tabs ul.posts li img {
height: 68px;
width: 68px;
-webkit-transition: all .4s ease-in 0s;
-moz-transition: all .4s ease-in 0s;
-o-transition: all .4s ease-in 0s;
-ms-transition: all .4s ease-in 0s;
transition: all .4s ease-in 0s;
float: left
}
.recent-post-img {
margin: 0 13px 5px 0
}
.sidebar .testimonials-title h3 {
margin: 0 0 20px!important
}
.category ul li:before {
content: "\f105";
font-family: FontAwesome;
font-size: 16px;
font-style: normal;
font-weight: 400;
padding-right: 10px
}
.widget.category ul li {
margin-bottom: 7px;
border-bottom: 1px solid #F8F8F8;
padding: 3px 0
}
.widget .ads-img img {
margin-bottom: 30px;
max-width: 100%
}
.about-author {
margin-top: 30px
}
.author-content {
padding: 20px
}
.author-content .avatar {
float: left;
margin: 0 20px 0 0
}
.avatar {
border: 1px solid #ddd;
padding: 4px!important;
border-radius: 100%
}
.avatar img {
border-radius: 100%
}
.author-content .data {
margin: -10px 0 0
}
.comments-sec {
float: left;
width: 100%;
margin: -5px 0 25px
}
ol.commentlist li {
float: left;
padding: 10px 0 15px
}
ol.commentlist {
float: left;
width: 100%;
margin: 0
}
ol li ol.childlist {
float: right;
width: 86%;
margin: 0
}
ol.commentlist li ol.childlist li:first-child {
padding: 25px 0 0
}
ol.commentlist li:first-child {
margin: 0 0 7px;
padding: 25px 0 0
}
.comment a img.avatar {
float: left;
max-width: 70px;
margin: 0 10px
}
.comment-des p {
line-height: 23px;
margin: 0
}
.comment-des {
float: left;
min-height: 128px;
background: #fafafa;
border: 1px solid #ddd;
color: #888;
-webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.06);
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.06);
margin: -70px 0 0 100px;
padding: 19px 22px 22px
}
.comments {
border: 1px solid #D4D4D4
}
.comment {
padding: 10px;
border-bottom: 1px solid #D4D4D4
}
.comment_child {
border-top: 1px solid #D4D4D4
}
.comment:before {
position: absolute;
display: block;
margin-left: 93px;
margin-top: 25px;
width: 15px;
height: 15px;
background-color: #fafafa;
border: 1px solid #ddd;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-right: none;
border-top: 0;
z-index: 1
}
.comment-des strong {
float: left;
padding-right: 5px;
font-size: 14px;
color: #666
}
.comment-des span {
float: left;
color: #999
}
.comment-by {
float: left;
width: 100%;
padding-bottom: 8px;
padding-top: 5px
}
.comment-by span.reply {
float: right;
display: inline
}
.comment-by span.reply a {
float: right;
height: 17px;
margin-left: 5px;
font-weight: 400;
color: #999
}
.comment-by span.reply a i {
color: #bbb;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
.comment-by span.reply a:hover,.comment-by span.reply a:hover i {
color: #a0a0a0
}
.comment-by span.date {
color: #999;
float: left;
font-weight: 300;
margin: 0 0 0 2px;
padding: 0 0 0 9px
}
.comments .comment .comment-body .time {
margin: 0 10px
}
.comment-reply-box .textbox {
width: 100%;
margin-top: 15px;
padding: 6px 6px;
text-indent: 1px;
box-shadow: none;
border-radius: 0;
background-color: #fff;
border: 1px solid #bbb;
transition: border linear .2s,box-shadow linear .2s;
display: inline-block;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
vertical-align: middle
}
.reply label {
margin: 0 0 4px
}
.reply label span {
color: #e24747
}
.reply input {
margin: 0 0 20px
}
.reply textarea {
min-width: 97.5%;
min-height: 180px;
-webkit-resize: vertical;
-moz-resize: vertical;
-webkit-resize: vertical;
-moz-resize: vertical;
resize: vertical;
margin: 0 0 18px
}
.slogan {
min-height: 100px;
background: #fafafa;
width: 100%;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
box-shadow: 0 0 3px rgba(0,0,0,.1)
}
.slogan-content {
padding: 25px 0
}
.slogan-title {
display: inline-block;
margin: 10px 0
}
.page-services .slogan-content {
padding: 40px 0
}
.page-services .get-started {
padding-top: 15px
}
.get-started {
padding-top: 1px;
vertical-align: middle
}
.content,.main-content {
padding: 0
}
.home-2 .main-content,.home-3 .main-content {
margin: 45px 0 40px;
padding: 0
}
.main-content {
margin: 0;
}
div.content-box {
clear: both
}
div.content-box div.content-box-info {
padding-left: 115px
}
div.content-box.big {
padding: 0 5% 10px;
border-radius: 3px;
background: #fff;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
-ms-transition: background .5s ease-in-out;
transition: background .5s ease-in-out
}
div.content-box.big .ch-info-wrap {
margin: -42px auto 35px;
position: relative;
left: auto;
top: auto
}
div.content-box.big:hover {
background: #fafafa
}
div.content-box.big div.content-box-info {
padding-left: 0;
text-align: center;
margin: 25px 0 0
}
div.content-box.big div.content-box-info p {
text-align: center;
margin-top: 25px
}
.service-reasons div.content-box.big {
transition: none;
margin-top: 30px;
border: 1px solid #fff
}
.main-content h3 {
color: #666;
line-height: 32px;
margin: 0 0 5px
}
.content p,.main-content p {
text-align: left
}
#cn-tabs .service,.author-content,.comment-des,.contact-box,div.content-box.big {
border-style: solid;
border-width: 1px 1px 3px;
border-color: #ddd;
background: #fafafa;
background: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa));
background: -webkit-linear-gradient(top,#f8f8f8,#fafafa);
background: -moz-linear-gradient(top,#f8f8f8,#fafafa);
background: -ms-linear-gradient(top,#f8f8f8,#fafafa);
background: -o-linear-gradient(top,#f8f8f8,#fafafa)
}
ul.graph-container {
margin-left: 10em
}
.graph-container>li:nth-child(1) .bar-inner {
height: 25%;
bottom: 0
}
.graph-container>li:nth-child(2) .bar-inner {
height: 50%;
bottom: 0
}
.graph-container>li:nth-child(3) .bar-inner {
height: 75%;
bottom: 0
}
.graph-container>li:nth-child(4) .bar-inner {
height: 85%;
bottom: 0
}
.graph-container>li:nth-child(5) .bar-inner {
height: 90%;
bottom: 0
}
.portfolio-single .work-title h3 {
margin-bottom: 20px!important
}
.portfolio-wrap .item {
width: 24.99%
}
.item .item-inner,.post-image {
margin-bottom: 30px;
overflow: hidden;
position: relative;
border-radius: 2px
}
.img-content,.post-image {
padding: 4px;
border: 1px solid #ddd;
background: url(../images/bg_off.png) repeat
}
.img-content {
float: left;
margin: 5px 20px 20px 0
}
.img-content img {
width: 100%
}
.post-image a {
display: block;
position: relative
}
.post-image .nivoSlider a {
position: absolute!important
}
.portfolio .item .portfolio-item {
margin-bottom: 30px
}
.project_details span {
border-bottom: 1px solid #E3E3E3;
color: #454545;
float: left;
font-size: 14px;
font-weight: 700;
margin: 0;
padding: 5px 0;
width: 100%
}
.project_details strong {
float: left;
margin: 0;
padding: 0;
width: 40%
}
.project_details em {
float: left;
font-style: normal;
margin: 0;
padding: 0;
width: 60%
}
.project_details span a {
background-color: #fafafa;
border-radius: 3px;
border: 1px solid #ddd;
color: #666;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin: 0 0 5px 5px;
padding: 3px 10px;
display: inline-block
}
.recentworks {
background: #fafafa;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
padding: 60px 0;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
box-shadow: 0 0 3px rgba(0,0,0,.1);
background: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa));
background: -webkit-linear-gradient(top,#f8f8f8,#fafafa);
background: -moz-linear-gradient(top,#f8f8f8,#fafafa);
background: -ms-linear-gradient(top,#f8f8f8,#fafafa);
background: -o-linear-gradient(top,#f8f8f8,#fafafa)
}
.cn-wrapper {
width: 26em;
height: 26em;
position: relative;
z-index: 10;
bottom: 0;
left: 50%;
overflow: hidden;
margin-left: -185px;
border: 1px solid #ddd;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease
}
.cn-wrapper:after {
content: "";
display: block;
height: 8px;
width: 8px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -4px;
margin-left: -4px;
border-radius: 50%;
z-index: 11
}
.cn-wrapper li {
position: absolute;
font-size: 1.5em;
width: 10em;
height: 10em;
overflow: hidden;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
border: 1px solid #fff;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease
}
.cn-wrapper li a {
display: block;
font-size: 1.2em;
height: 13.5em;
width: 13.5em;
position: absolute;
bottom: -6.75em;
right: -6.75em;
overflow: hidden;
text-decoration: none;
-webkit-transition: background-color .3s ease,-webkit-transform .8s ease;
-moz-transition: background-color .3s ease,-moz-transform .8s ease;
-o-transition: background-color .3s ease,-o-transform .8s ease;
-ms-transition: background-color .3s ease,-ms-transform .8s ease;
transition: background-color .3s ease,transform .8s ease
}
.cn-wrapper li a.active,.cn-wrapper li a:hover {
background-color: #fafafa;
-webkit-transition: background-color .5s ease;
-moz-transition: background-color .5s ease;
-o-transition: background-color .5s ease;
-ms-transition: background-color .5s ease;
transition: background-color .5s ease
}
.cn-wrapper span {
font-size: 1.3em
}
.cn-content {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0
}
.circular-nav {
overflow: hidden
}
#cn-tabs .service {
display: none;
overflow: hidden;
background: #fafafa;
padding: 15px 25px;
border-radius: 2px
}
.cn-content {
overflow: hidden
}
.cn-content p {
z-index: 9999
}
#cn-tabs .service:before {
position: absolute;
display: block;
content: "";
top: 44%;
right: -3px;
width: 35px;
height: 35px;
background-color: #fafafa;
border: 1px solid #ddd;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-left: none;
border-bottom: 0;
z-index: 1
}
a.next.disabled,a.prev.disabled {
cursor: default
}
#client-carousel{
margin:0 20px;
}
.carousel-controls a.next {
right: 0px;
top:78px;
position: absolute
}
.carousel-controls a.prev {
left: 0px;
top:78px;
position: absolute
}
.carousel-controls a.next-more {
right: 65px;
}
.carousel-controls a.prev-more {
right: 95px;
}
.team-name{
margin-top: 10px;
}
.team-title{
margin-bottom: 10px;
}
.team-name span{
color:#cc0000;
font-size: 17px;
}
.team-title span{
color:#333333;
font-size: 14px;
}
.bxslider-team li{
border-bottom: 3px solid #742121;;
}
a.next,a.prev {
width: 25px;
height: 25px;
display: block;
cursor: pointer;
background: #930;
color: #fafafa;
font-size: 20px;
text-align: center;
text-decoration: none
}
a.next {
padding-left: 3px
}
a.next.disabled,a.prev.disabled {
display: block;
cursor: default;
background: #323B44;
color: #fafafa;
font-size: 20px;
text-align: center
}
.testimonial p {
background: #fafafa;
font-weight: 500;
margin: 0;
padding: 27px 25px;
border: 1px solid #ddd;
background: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa));
background: -webkit-linear-gradient(top,#f8f8f8,#fafafa);
background: -moz-linear-gradient(top,#f8f8f8,#fafafa);
background: -ms-linear-gradient(top,#f8f8f8,#fafafa);
background: -o-linear-gradient(top,#f8f8f8,#fafafa)
}
.our-clients .testimonial p,.our-clients .testimonials-arrow {
border: none
}
.testimonials-arrow {
display: block;
content: "";
margin-top: -7px;
margin-left: 45px;
width: 14px;
height: 14px;
background-color: #fafafa;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 0
}
.testimonial .author {
margin: 0 0 0 19px
}
.testimonial-image {
float: left;
height: 70px;
position: relative;
width: 70px
}
.testimonial-image img {
border-radius: 50px;
height: 70px!important;
width: 70px!important;
border: 1px solid #ddd;
padding: 4px
}
.our-clients .testimonial-image img {
border: none;
padding: 0
}
.our-clients .testimonial-author-info {
color: #ddd
}
.testimonial-author-info {
padding: 10px 0 0 90px;
color: #666
}
.testimonial-author-info a {
display: block
}
.our-clients .testimonial-author-info a {
color: #fff
}
span.color {
font-size: 14px;
font-weight: 700
}
.footer-top {
border-bottom: 1px solid #414f5a;
color: #999999;
padding: 20px 0;
background: url(../images/background9.jpg) 0 0 repeat-y;
}
.footer-bottom {
background: #742121;
color: #fff;
line-height: 30px;
padding: 10px
}
.social-icons-footer-bottom {
float: right;
margin: 6px 0 0
}
.social-icons-footer-bottom li {
display: inline;
float: left;
margin-right: 7px!important;
list-style: none;
-webkit-transition: all .2s ease-in-out 0s;
-moz-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
-ms-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s
}
.social-icons-footer-bottom li i {
display: inline-block;
font-family: FontAwesome;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 16px;
padding-top: 0;
text-align: center;
text-decoration: inherit;
text-transform: none
}
#tweets li:before {
color: #c9c9c9;
content: "\f0c1";
float: left;
font-family: FontAwesome;
font-size: 16px;
margin: 0 0 0 -28px
}
.footer-top .contact-us li i{
color: #c9c9c9;
}
#tweets li {
line-height: 24px;
padding: 0 0 0 28px;
}
.footer-top li{
border-bottom: 1px solid #535353;
}
#tweets .content {
padding-top: 0;
margin-bottom: 5px
}
#flickrfeed li {
float: left;
margin: 5px 5px 0 0
}
.contact-us {
margin: 15px 0 0;
background: url(../images/contact-map.png) no-repeat center bottom
}
.contact-us .fa-map-marker {
font-size: 16px
}
.contact-us li i {
color: #666;
float: left;
margin: 4px 0 0
}
.contact-us p {
line-height: 24px;
margin-left: 20px;
margin-top: -2px
}
.contact-us li p strong {
color: #727272;
float: left;
font-weight: 600;
margin: 0 5px 5px 0
}
.subscribe-btn {
height: 38px;
background-image: none;
color: #fff;
text-shadow: none;
font-size: 14px;
border: none;
text-shadow: 0 1px #555!important
}
.subscribe {
height: 38px!important;
width: 100%
}
#not-found {
margin: 60px 0 45px
}
#not-found h2 {
font-size: 200px;
font-weight: 500;
letter-spacing: -5px;
line-height: 210px;
text-align: center
}
#not-found p {
color: #9e9e9e;
font-size: 32px;
line-height: 48px;
text-align: center
}
#not-found i {
color: #F03;
font-size: 210px;
position: relative;
top: -12px
}
.back-home p {
text-align: center!important;
margin: 0 auto
}
.back-home .search-form {
width: 290px;
margin: 30px auto 0
}
.sitemap {
margin-bottom: 15px
}
.sitemap li,.sitemap ul {
margin: auto!important;
padding: inherit!important;
list-style: disc
}
.sitemap li ul li {
list-style: circle
}
ul.why li {
margin: 7px 0
}
ul.why li:before {
content: "\f00c";
font-family: FontAwesome;
position: relative;
color: #fff;
background: #666;
border-radius: 100%;
margin: 0 7px 0 0;
padding: 3px
}
.services-big div.content-box div.content-box-icon {
border: 1px solid #ddd;
background: url(../images/bg_off.png) repeat;
border-radius: 2px;
display: block;
float: none;
position: relative;
padding: 4px
}
.services-big .content-box-icon span {
z-index: 4;
display: block;
width: 130px;
height: 130px;
border-radius: 130px;
background-color: #666
}
.services-big .content-box-icon i {
color: #fff;
float: left;
font-size: 48px;
line-height: 130px;
left: 34%;
position: relative;
z-index: 5
}
.services-big div.content-box div.content-box-info {
padding-left: 0
}
.services-big h4 {
margin: 20px 0
}
.services-big img {
width: 100%
}
.divider {
margin: 60px 0
}
.blog-divider {
margin: 10px 0;
background: url(../images/bg_off.png) repeat;
content: "";
height: 5px
}
.top-pad {
margin-top: 25px
}
.no-divider {
margin: 0
}
.bottom-pad {
margin-bottom: 60px
}
.bottom-pad-small {
margin-bottom: 30px
}
.no-bottom-pad {
margin-bottom: 0!important;
padding-bottom: 0!important
}
input,textarea {
border: solid 1px #E5E5E5;
background: -webkit-gradient(linear,left top,left 25,from(#FFF),color-stop(4%,#EEE),to(#FFF));
background: -moz-linear-gradient(top,#FFF,#EEE 1px,#FFF 25px);
box-shadow: rgba(0,0,0,.1) 0 0 8px!important;
-moz-box-shadow: rgba(0,0,0,.1) 0 0 8px!important;
-webkit-box-shadow: rgba(0,0,0,.1) 0 0 8px!important;
}
.h28{
min-height: 28px!important;
}
input:focus,input:hover,textarea:focus,textarea:hover {
border-color: #C9C9C9;
-webkit-box-shadow: rgba(0,0,0,.15) 0 0 8px
}
.accordionMod .panel-heading .accordion-toggle {
position: relative;
cursor: pointer;
margin: 0;
padding: 10px 45px
}
.accordion-body,.panel-heading {
background: #fff;
border-radius: 3px;
padding: 0
}
.accordionMod .panel-heading .accordion-toggle .icon:before {
content: "\f067";
font-family: FontAwesome;
display: block;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 11px
}
.accordionMod .panel-heading .accordion-toggle .iconActive:before {
content: "\f068";
font-family: FontAwesome
}
.accordionMod .panel-heading .current {
color: #fff;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.contact-box,.contact-box h3,.contact-box i,.contact-box p {
-webkit-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s
}
.contact-box {
text-align: center!important;
-webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,.05) inset;
box-shadow: 0 -1px 0 0 rgba(0,0,0,.05) inset;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
-ms-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
margin: 0 0 20px;
padding: 32px 28px
}
.contact-box:hover {
border: none
}
.contact-box i {
font-size: 48px
}
.blog-showcase {
padding: 0
}
.blog-showcase ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
display: block;
overflow: hidden
}
.blog-showcase ul li {
position: relative;
display: inline-block
}
.blog-showcase ul li:last-child {
padding-right: 0!important
}
.blog-showcase ul li.blog-first-el {
padding-right: 270px
}
.blog-showcase ul li.blog-first-el .blog-showcase-extra-info {
zoom: 1;
filter: alpha(opacity=100);
filter: alpha(opacity=100);
opacity: 1
}
.blog-showcase ul li.blog-first-el .blog-showcase-thumb {
border-right: 0
}
.blog-showcase ul li,.blog-showcase ul li img,.blog-showcase-extra-info {
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
.blog-showcase-thumb {
position: relative;
overflow: hidden;
z-index: 20;
margin-bottom: 5px;
width: 297px
}
.blog-showcase-thumb:hover .showcase-blog-overlay {
zoom: 1;
filter: alpha(opacity=50);
filter: alpha(opacity=50);
opacity: .5
}
.blog-showcase-extra-info {
width: 277px;
height: 180px;
z-index: 10;
margin: 0;
position: absolute;
left: 297px;
top: 2px;
overflow: hidden;
zoom: 1;
filter: alpha(opacity=0);
filter: alpha(opacity=0);
opacity: 0
}
.blog-showcase-extra-info span {
display: block;
border: 1px solid rgba(0,0,0,.1);
border-left: none;
border-right: 0;
margin-bottom: 5px;
line-height: 24px
}
.blog-showcase-extra-info span a {
font-size: 10px;
color: #999
}
.blog-showcase-title {
font-size: 13px;
font-weight: 700;
line-height: 20px!important;
display: inline-block;
margin-bottom: 0;
color: #333
}
.blog-showcase-more {
font-size: 12px;
text-decoration: underline
}
.web-normal i {
display: inline-block;
margin: 15px
}
#options {
padding: 10px 0 25px
}
#options li {
float: left;
margin: 4px 8px 4px 0
}
#options li a {
display: inline-block;
background: #fafafa;
color: #727272;
font-size: 16px;
text-decoration: none;
padding: 7px 20px;
border: 1px solid #ddd
}
.portfolio .item {
position: relative;
overflow: hidden
}
.isotope-item {
z-index: 2
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1
}
.isotope,.isotope .isotope-item {
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
-ms-transition-duration: .8s;
transition-duration: .8s
}
.isotope {
-webkit-transition-property: height,width;
-moz-transition-property: height,width;
-o-transition-property: height,width;
-ms-transition-property: height,width;
transition-property: height,width
}
.isotope .isotope-item {
-webkit-transition-property: 0;
-moz-transition-property: 0;
-o-transition-property: 0;
-ms-transition-property: 0;
transition-property: 0
}
.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
-ms-transition-duration: 0s;
transition-duration: 0s
}
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none
}
.progress {
height: 40px
}
.progress .progress-bar {
font-size: 15px;
font-weight: 600;
line-height: 40px;
padding-left: 20px;
text-align: left;
text-shadow: none
}
a.mobile-menu {
color: #000;
cursor: pointer
}
.mobile-menu {
height: 40px;
position: absolute;
right: 0;
top: 25px
}
.google-maps {
height: 400px
}
#options li a,.author-content,.img-caption,.portfolio .img-caption,.portfolio img.pic,.recentworks .pic,.scrollup,.tabs ul.posts li img,a.next,a.prev,li.work img {
border-radius: 2px
}
#options ul,#search-form form,.features .panel-heading h4,.gallery ul,.panel-heading h3,.sidebar ul,.testimonials ul,ul.post-meta,ul.tabs,ul.why {
margin: 0
}
#horizontal-tabs ul.tabs li,#vertical-tabs ul.tabs li,.content h3,.latest-posts h4 a {
color: #666
}
.our-clients ul,.recentworks ul,ul#tweets {
list-style: none;
margin: 0
}
#footer ul,.our-clients ul {
list-style: none
}
ul#projects-carousel {
overflow: hidden;
position: relative;
list-style: none;
margin: 0;
padding: 0;
float: left
}
.portfolio-item {
background: url(../images/bg_off.png) repeat;
border-radius: 3px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
box-shadow: 0 0 3px rgba(0,0,0,.1);
border: 1px solid #ddd;
padding: 4px;
overflow: hidden;
display: block
}
.portfolio-item img {
display: block;
width: 100%
}
.fullscreen {
position: absolute;
left: 50%;
top: 65%;
color: #fff;
font-size: 18px;
margin-top: -30px;
margin-left: -24px;
width: 60px;
height: 60px;
opacity: 0
}
.fullscreen i {
color: #fff!important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
z-index: 11;
background: rgba(0,0,0,.6);
padding: 16px 18px;
font-size: 16px;
border-radius: 100px
}
.portfolio-item-link {
display: block;
position: relative
}
.post-item-link {
display: block;
position: relative;
overflow: hidden;
margin: 0
}
.post-body {
padding: 4px;
background: url(../images/bg_off.png) repeat;
border: 1px solid #DDD;
border-radius: 3px
}
.img-hover,.portfolio-item-link span.portfolio-item-hover,.post-item-link span.post-item-hover {
background: rgba(50,50,50,.75)
}
.portfolio-item.round img {
border-radius: 2px
}
a.portfolio-item-link {
line-height: 0;
padding: 0;
margin: 0
}
.img-hover,.portfolio-item-link span.portfolio-item-hover,.post-item-link span.post-item-hover {
position: absolute;
width: 100%;
height: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
top: 0;
left: 0;
-webkit-transition: all .35s ease-out;
-moz-transition: all .35s ease-out;
-o-transition: all .35s ease-out;
-ms-transition: all .35s ease-out;
transition: all .35s ease-out
}
.img-hover:hover,.portfolio-item-link span.portfolio-item-hover:hover,.post-item-link span.post-item-hover:hover {
background-position: center center
}
.portfolio-item-title {
text-align: center;
padding: 10px 5px 10px 5px;
background: #FFF
}
.portfolio-item-title a {
font-weight: 600;
font-size: 14px;
font-family: "Open Sans",Arial,Verdana;
color: #666;
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
transition: all .25s ease-out
}
.portfolio-item-title a:hover {
text-decoration: none
}
.portfolio-item-title p {
font-style: italic;
font-size: 12px;
margin-bottom: 0;
text-align: center
}
.ch-item {
width: 100%;
position: relative;
cursor: default
}
.ch-info-wrap i {
color: #FFF;
float: left;
font-size: 28px;
left: 35%;
line-height: 80px;
position: relative;
z-index: 5;
text-shadow: 0 3px 0 rgba(0,0,0,.1)
}
.ch-info-wrap {
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
background: #666;
top: 10px;
left: 10px
}
.ch-info {
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.2);
box-shadow: 0 0 0 5px rgba(0,0,0,.2);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ch-info>div {
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-position: center center;
-webkit-backface-visibility: hidden
}
.ch-info .ch-info-front {
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
transition: all .6s ease-in-out
}
.ch-info .ch-info-back {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
box-shadow: inset 0 0 3px rgba(0,0,0,.6);
-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.6);
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.6);
-webkit-transition: all .4s ease-in-out .2s;
-moz-transition: all .4s ease-in-out .2s;
-o-transition: all .4s ease-in-out .2s;
-ms-transition: all .4s ease-in-out .2s;
transition: all .4s ease-in-out .2s;
opacity: 0
}
.ch-item:hover .ch-info-front {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.ch-item:hover .ch-info-back {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
pointer-events: auto
}
.member-social.dark a.facebook:hover,.team .item .team-member-links a.facebook:hover,footer .social li.facebook:hover,header .social li.facebook:hover {
background: #4C66A4
}
.member-social.dark a.dribbble:hover,.team .item .team-member-links a.dribbble:hover,footer .social li.dribbble:hover,header .social li.dribbble:hover {
background: #EA4C89
}
.member-social.dark a.twitter:hover,.team .item .team-member-links a.twitter:hover,footer .social li.twitter:hover,header .social li.twitter:hover {
background: #2C77BA
}
.member-social.dark a.gplus:hover,.team .item .team-member-links a.gplus:hover,footer .social li.gplus:hover,header .social li.gplus:hover {
background: #9e0b0f
}
.member-social.dark a.linkedin:hover,.team .item .team-member-links a.linkedin:hover,footer .social li.linkedin:hover,header .social li.linkedin:hover {
background: #069
}
.member-social.dark a.pinterest:hover,.team .item .team-member-links a.pinterest:hover,footer .social li.pinterest:hover,header .social li.pinterest:hover {
background: #C92228
}
footer .social li.rss:hover,header .social li.rss:hover {
background: #f60
}
.team-member {
display: block;
margin: 0 auto 50px;
width: 100%;
max-width: 350px;
padding: 0
}
.team-member-image {
float: none;
overflow: visible;
height: 0;
width: 100%;
padding-bottom: 100%
}
.team-member-image img {
border-radius: 50%
}
.team-member-links {
top: 0;
min-height: 1px;
border-radius: 50%;
box-shadow: 0 0 0 10px rgba(255,255,255,.25) inset;
-webkit-transition: all .25s ease;
transition: all .25s ease
}
.team-member:hover .team-member-links {
box-shadow: 0 0 0 175px rgba(50,50,50,.75) inset
}
.team-member-links-list {
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease
}
.team-member:hover .team-member-links-list {
filter: alpha(opacity=100);
opacity: 1
}
.team-member-links-item {
font-size: 22px;
line-height: 44px;
height: 44px;
width: 44px;
margin: 5px;
position: relative;
border-radius: 50%;
background-color: #fff;
color: #666
}
.color_alternate .team-member-links-item:hover,.color_primary .team-member-links-item:hover,.team-member-links-item:hover {
background-color: #f8862c;
color: #fff
}
.team-member-meta {
margin-left: 0;
min-height: 1px;
padding: 15px 0 0;
text-align: center
}
.team-member-name {
margin-bottom: 6px
}
.team-member-role {
font-size: 13px;
margin-bottom: 10px;
color: #999
}
.team-member-description p {
margin-bottom: 0;
text-align: center
}
.member-social.dark a {
background: #9e9e9e;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
-ms-transition: background .5s ease-in-out;
transition: background .5s ease-in-out
}
.team .item .team-member-links a {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.member-social a {
width: 36px;
float: left;
text-align: center;
margin: 0 6px 6px 0;
padding: 7px 0 6px;
border-radius: 2px
}
.member-social a i {
display: block!important;
font-size: 20px;
color: #fff;
margin: 0 auto!important
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
border-color: transparent
}
.pager li>a:hover {
border: none
}
.menu>ul li {
float: none
}
.navbar-toggle {
border: none;
border-radius: 2px;
padding: 9px 10px 5px
}
button,input,select,textarea {
font-family: "Open Sans",Helvetica,Arial,sans-serif
}
select{
min-height: 28px!important;
}
.author-content .data a,strong {
font-weight: 600
}
.breadcrumbs ul,.portfolio-single .sidebar h3 {
margin-top: 5px
}
.nivo-caption h2,.pagination-centered {
text-align: center
}
.page article.post .post-image,.portfolio-single .recentwork_wrapper .item {
margin-bottom: 25px
}
.avatar,header nav li,ol li ol.childlist .comment-des {
float: left
}
.portfolio-wrap,.recentworks li.slide {
overflow: hidden
}
#options li a.selected,.contact-box:hover,.contact-box:hover h3,.content-box:hover>.content-box-icon i,div.content-box div.content-box-icon:hover,div.content-box div.content-box-icon:hover i,header .social li:hover i,header .top-bar,header .top-bar a {
color: #d5cccc
}
#footer h3{
line-height: 38px;
font-size: 16px;
color: #fff;
margin-bottom: 10px;
}
#footer h3 span{
border-bottom: 2px solid #e5493a;
padding-bottom: 8px;
}
.contact-us li.phone p,.contact-us li.email p,.contact-us li.email p a{
color:#e5493a
}
footer .social li:hover i,footer a{
color: #999999;
}
.contact-box p {
text-align: center!important
}
.accordionMod .accordion-group,.panel-group .panel {
margin-bottom: 15px
}
.profile-picture {
border: 1px solid #CCC;
background-color: #FFF;
padding: 4px;
display: inline-block;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 1px 1px 1px rgba(0,0,0,.15);
}
.pagination {
margin: 0;
}
.pagination ul {
display: inline-block;
list-style: none;
margin-left: 0;
margin-bottom: 0;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.pagination ul>li {
display: inline;
}
.pagination ul>li>a, .pagination ul>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.navbar-nav>li>a:focus {
color: #313131;
}
.lastnews i{
float: left;
font-style: normal;
padding-right: 12px;
color: #4f0302;
line-height: 25px;
font-size: 14px;
}
.riqi {
float: right;
color: #999;
}
.lastnews a {
color: #333;
}
.kuaijie {
width: 100%;
background: url(../images/background1.jpg) center 0 no-repeat;
}
.index_products{
margin-bottom: 20px;
}
#myTab {
/*height: 125px;*/
padding-bottom: 3px;
float: left;
width: 100%;
}
#myTab li {
text-align: center;
float: left;
font-size: 14px;
border-right: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
height: 180px;
overflow: hidden;
background: #fff;
padding:0;
}
#myTab li:hover {
background-color: #930;
}
#myTab li i {
display: block;
height: 130px;
font-style: normal;
}
#myTab li a {
text-decoration: none;
color:#972823;
outline: none;
}
#myTab li:hover a {
color: #fff;
}
#myTab li span {
}
#myTab li div.title{
margin: 0 20px;
}
#myTab li.li-top{
border-top: none;
}
#myTab li.li-right{
border-right: none;
}
.index_header{
background: url(../images/index_header.png) center 0 no-repeat;
line-height: 60px;
margin: 20px auto;
color: #742121;
font-size: 32px;
}
.index_news{
/*background: url(../images/background2.jpg) 0 no-repeat;*/
padding: 20px 0;
}
.index_gg{
background: url(../images/background3.jpg) center 0 no-repeat;
padding: 20px 0;
}
.index_baojia{
background: url(../images/background4.jpg) center 0 no-repeat;
padding: 20px 0;
}
.index_ywzy{
background: url(../images/background5.jpg) center 0 no-repeat;
padding: 20px 0;
}
.index_foot1{
background: url(../images/background6.jpg) center 0 no-repeat;
padding: 20px 0;
}
.index_video{
/*background: url(../images/background10.jpg) center 0 no-repeat;*/
background: #f3f3f3;
padding: 20px 0;
}
.video-title{
text-align: center;
color: #742121;
font-size: 20px;
margin: 10px 0;
}
.index_news span.date,.index_gg span.date,.index_ywzy span.date{
float: right;
}
.index_header_more{
margin: 10px 0;
}
.index_header_more a{
color:#dd0000 ;
}
.index_title_type{
margin-right: 10px;
}
.index_news li,.index_gg li,.index_ywzy li{
height: 36px;
border-bottom: 1px dotted;
border-color: #D8D8D8 !important;
padding-top: 8px;
}
.index_title_type{
text-shadow: none;
font-size: 12px;
font-weight: normal;
line-height: 15px;
background-color: #ABBAC3;
display: inline-block;
min-width: 10px;
padding: 3px 7px;
color: #fff;
vertical-align: middle;
white-space: nowrap;
text-align: center;
border-radius: 10px;
}
.list-block li{
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.iconfont1 {
background: url(../images/nav_icon_01.png) center 10px no-repeat;
}
.iconfont2 {
background: url(../images/nav_icon_02.png) center 30px no-repeat;
}
.iconfont3 {
background: url(../images/nav_icon_03.png) center 30px no-repeat;
}
.iconfont4 {
background: url(../images/nav_icon_04.png) center 30px no-repeat;
}
.iconfont5 {
background: url(../images/nav_icon_05.png) center 30px no-repeat;
}
.iconfont6 {
background: url(../images/nav_icon_06.png) center 30px no-repeat;
}
#myTab li:hover .iconfont1 {
background: url(../images/nav_icon2_01.png) center 10px no-repeat;
}
#myTab li:hover .iconfont2 {
background: url(../images/nav_icon2_02.png) center 30px no-repeat;
}
#myTab li:hover .iconfont3 {
background: url(../images/nav_icon2_03.png) center 30px no-repeat;
}
#myTab li:hover .iconfont4 {
background: url(../images/nav_icon2_04.png) center 30px no-repeat;
}
#myTab li:hover .iconfont5 {
background: url(../images/nav_icon2_05.png) center 30px no-repeat;
}
#myTab li:hover .iconfont6 {
background: url(../images/nav_icon2_06.png) center 30px no-repeat;
}
#myTab > li:nth-child(1){
border-left: 1px solid #fff;
}
.new-list{
border: 1px solid #ddd;
padding: 15px;
box-sizing: border-box;
}
.new-list.new-right{
margin-left: -15px;
}
.new-list-top{
margin-bottom: 10px;
}
.new-list-t{
font-size: 16px;
color: #4d4d4d;
padding-left: 10px;
line-height: 20px;
position: relative;
}
.new-list-t:before {
content: '';
display: block;
position: absolute;
width: 3px;
height: 20px;
background: #930;
left: 0;
}
a.new-list-more {
margin-top: 14px;
padding: 6px 12px;
background-color: #8e2609;
color: #fff;
}
.new-tab{
margin-top: 15px;
}
.new-tab > ul > li.active > a,.new-tab > ul > li.active > a:hover,.new-tab > ul > li.active > a:focus{
color: #8e2609;
}
.new-tab > ul > li>a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 1px 1px 0 0;
padding: 5px 15px;
cursor: pointer;
}
.tab-content>.tab-pane {
padding-top: 10px;
}
.tab-pane li{
margin: 3px auto;
}
.tab-pane span.date{
float: right;
}
.gushi-tab{
margin: 0 -15px;
}
.index_baojia a.title4{
background: url(../images/nav5_b.png) center 0 no-repeat;
height: 34px;
line-height: 34px;
font-size: 15px;
padding: 8px 28px;
color: #930;
margin: 0 10px;
}
.index_baojia a.current{
background: url(../images/nav6_b.png) center 0 no-repeat;
color: #fff;
}
.bd_title {
background: #eaeaea;
margin: 10px 0 8px 0;
}
.bd_content span,.bd_content span {
width: 24%;
}
.bd_content span {
display: inline-block;
text-align: center;
line-height: 30px;
font-size: 14px;
color: #999;
white-space:nowrap;
overflow:hidden;
text-overflow:clip;
}
.bd_content .bd {
height: 300px;
overflow: hidden;
margin-bottom: 10px;
}
.gushi-more{
height: 50px;
margin-right: 15px;
}
.gushi-more a{
line-height: 50px;
}
.tabbable.gushi{
margin-left: -15px;
border: 1px solid #ddd;
}
.tabbable.gushi .nav-tabs{
height: 53px;
}
.tabbable.gushi > ul > li.active {
border-top: 2px solid #930;
color: #930;
}
.tabbable.gushi .nav-tabs>li.active>a,.tabbable.gushi .nav-tabs>li.active>a:focus,.tabbable.gushi .nav-tabs>li.active>a:hover {
border: 0;
color: #930;
}
a.index-link:hover{
color: #930;
}
.nav-tabs>li>a{
border-radius: 0 0 0 0;
height: 53px;
line-height: 35px;
font-size: 15px;
}
.tabbable.gushi .nav-tabs>li {
border-right: 1px solid #ddd;
border-top: 2px solid #666;
height: 53px;
}
.gushi .tab-content{
height: 266px;
padding: 0;
}
.gushi .tab-content .tab-pane{
padding: 2px 0 0 0;
}
.gushi .tab-content img{
min-height: 264px
}
.tit.carousel-controls h2{
margin: 0;
}
.tit.carousel-controls h2.t {
font-size: 16px;
position: relative;
line-height: 30px;
}
.tit.carousel-controls {
overflow: hidden;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
.tit.carousel-controls h2.t:before {
content: '';
display: block;
position: absolute;
bottom: 0;
width: 64px;
height: 3px;
background-color: #8e2609;
}
.tit.carousel-controls h2.t.vip_h2:before {
width: 176px;
}
img.team{
width: 220px;
height: 220px;
}
/*业务规则*/
.yewu{
margin-right: 15px;
border: 1px solid #ddd;
box-sizing: border-box;
padding: 0 0 10px 0;
}
.yewu .tit {
line-height: 38px;
color: #fff;
background-color: #8e2609;
font-size: 16px;
padding: 0 18px;
margin-bottom: 15px;
overflow: hidden;
}
.yewu .tit>h5 {
font-size: 16px;
color: #fff;
}
.yewu .tit>a {
color: #fff;
}
.yewu ul {
line-height: 31px;
padding: 10px 15px 0 10px;
}
.yewu ul>li {
padding-left: 30px;
background: url(../images/pdf-icon_03.jpg) no-repeat left center;
}
.yewu-left{
padding-right: 0;
margin-bottom: 10px;
}
.yewu-right{
padding-left: 0;
padding-right: 0;
margin-bottom: 10px;
}
/*你问我答*/
div.ans {
border: 1px solid #ddd;
height: 38px;
box-sizing: border-box;
background: #f5f5f5;
}
.ans>h6 {
font-size: 16px;
color: #8e2609;
margin-left: 20px;
}
.ans>a {
line-height: 38px;
margin-right: 15px;
}
.yewu-bt{
margin-top: 10px;
border: 1px solid #ddd;
}
.yewu-bt .tit {
padding: 0 15px;
line-height: 40px;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
overflow: hidden;
}
.yewu-bt .tit>span {
font-size: 16px;
}
.yewu-bt ul {
padding: 0 15px 15px;
line-height: 2;
list-style: none;
text-transform: capitalize;
}
.yewu-bt ul>li>a:before {
content: '';
display: inline-block;
margin-right: 8px;
line-height: 24px;
position: relative;
width: 4px;
height: 4px;
background-color: #878787;
top: -2px;
}
/*合作单位*/
.hezuo_ul li{
display: inline-block;
margin: 0 0 5px 5px;
}
/*登录 注册*/
.row.login > div{
border: 1px solid #eaeaea;
border-radius: 8px;
background: #FFF;
margin-top:50px;
padding: 20px;
margin-bottom: 30px;
}
.login form >div{
margin: 15px auto;
}
.row.register > div{
border: 1px solid #eaeaea;
border-radius: 8px;
background: #FFF;
margin-top:50px;
padding-left: 0;
padding-right: 0;
}
.register .widget,.register #horizontal-tabs{
margin-bottom: 0;
}
.register #horizontal-tabs li{
width: 50%;
text-align: center;
}
.register #horizontal-tabs ul.tabs{
border-right: none;
border-left: none;
}
.register #horizontal-tabs ul.tabs li:last-child{
border-right: none;
}
.register #horizontal-tabs .contents {
border: none;
margin: 10px 15px 10px 15px;
border-radius: 2px;
}
.register .verify-code {
}
.register .red-btn,.login .red-btn {
text-align: center;
color: #fff;
background: #8e2609;
cursor: pointer;
border-color: #8e2609;
height: 40px;
line-height: 28px;
}
.register-sumit:focus{
background: #8e2609;
}
.login_wrap h2,.register_wrap h2 {
font-size: 28px;
line-height: 50px;
color: #8e2609;
}
.register_wrap h2 {
margin-bottom: 10px;
}
#input_username,#input_password,#verify,.register_wrap input,.login_wrap input {
/*padding-left: 27px;*/
height: 40px;
line-height: 40px;
border-radius: 3px;
margin-bottom: 10px;
}
#input_username:focus, #input_password:focus,#verify:focus,.register_wrap input:focus,.login_wrap input:focus {
border-color: #b72f23;
}
#login .login-sumit,.register-sumit{
text-align: center;
line-height: 35px;
background: #8e2609;
font-size: 23px;
color: #FFF;
border: 0;
margin-bottom: 10px;
}
#login .login-sumit:hover,.register-sumit:hover{
background: #8e2609;
}
#login .with-line {
font-size: 16px;
color: #999;
margin: 0 auto;
position: relative;
text-align: center;
}
#login .with-line:before {
content: "";
border-top: 1px solid #ededed;
display: block;
position: absolute;
width: 50px;
top: 8px;
left: 0;
}
#login .with-line:after {
content: "";
border-top: 1px solid #ededed;
display: block;
position: absolute;
width: 50px;
top: 8px;
right: 0;
}
.login-button{
text-align: center;
}
.login-button a i{
height: 40px;
width: 40px;
line-height: 40px;
font-size: 30px;
margin: 0 5px;
}
.login-button i.fa-weibo{
color: #930;
}
.login-button i.fa-qq{
color: #428bca;
}
.login-button i.fa-weixin{
color: #00cc00;
}
#login .register-forget{
text-align: center;
margin: 10px 0
}
.register_wrap a,.login_wrap a{
color: #930;
}
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
background-color: #8e2609;
}
/*顶部登录 注册*/
.top-login{
padding: 3px 0;
margin-left: 10px;
}
.top-login a{
margin: 0 5px;
}
.img-thumbnail.headicon{
padding: 0;
border-radius: 100%;
border: 2px solid #FFF;
max-width: 30px;
}
/*列表页*/
.nav_i {
background: #f3f3f3;
width: 100%;
height: 43px;
line-height: 43px;
font-size: 14px;
color: #a4a4a4;
}
.nav_i a:hover {
color: #df392d;
}
.nav_i .back {
float: right;
padding-right: 26px;
background: url(../images/back_03.png) no-repeat right center;
color: #df392d;
margin-right: 10px;
}
.nav_i a {
display: inline-block;
padding-left: 28px;
background: url(../images/home_03.png) no-repeat left center;
color: #a4a4a4;
}
.about {
padding: 33px 0 160px;
}
.about_aside {
border: 1px solid #f1f1f1;
margin-right: 30px;
}
.about_aside h3 {
line-height: 54px;
font-size: 24px;
color: #FFF;
margin-bottom: 16px;
text-align: center;
background-color: #930;
}
.about_aside ul li {
line-height: 37px;
}
.about_aside ul li.on>a, .about_aside ul li:hover>a {
background-color: #f1f1f1;
}
.about_aside>ul>li>a {
display: inline-block;
padding-left: 58px;
width: 100%;
color: #000;
font-size: 14px;
background: url(../images/sj_07.png) no-repeat 39px center;
}
.about_main h4 {
font-size: 18px;
color: #b72e22;
}
.about_main .p {
font-size: 14px;
color: #666;
line-height: 57px;
}
.about_m_title {
color: #9e0404;
font-size: 15px;
line-height: 69px;
height: 69px;
border-top: 1px solid #f3bcbf;
border-bottom: 1px solid #f3bcbf;
margin-bottom: 23px;
}
.about_m_title span {
display: inline-block;
width: 36px;
height: 36px;
margin: -4px 25px 0 10px;
vertical-align: middle;
background: url(../images/about_m_bg_03.png) no-repeat left bottom;
}
.about_m_title p {
display: inline-block;
width: 258px;
padding-left: 13px;
}
.about_m_title p.about-title {
min-width: 173px;
}
.about_m_title a {
float: right;
width: 21px;
height: 27px;
margin: 24px 23px 0 0;
background: url(../images/about_bo_19.png) no-repeat center;
}
.about_m_txt {
padding: 20px 0 30px;
display: none;
}
.down-menu .arrow{
margin-left: 5px;
}
.down-child li a{
padding-left: 70px;
display: inline-block;
width: 100%;
color: #000;
font-size: 14px;
background: url(../images/sj_07.png) no-repeat 51px center;
}
.down-child li:hover>a {
background-color: #f1f1f1;
}
.state_6_item {
display: block;
border-bottom: 1px solid #f1f1f1;
padding: 0 0 10px 0;
margin: 5px auto!important;
width: 100%;
}
.state_6_item:hover .state_6_time {
border: 1px solid #df392d;
}
.state_6_time {
float: left;
margin-right: 25px;
width: 65px;
height: 60px;
border: 1px solid #9d9d9d;
text-align: center;
}
.state_6_item:hover .state_6_time h3, .state_6_item:hover .state_6_txt h4 {
color: #df392d;
}
.state_6_time h3 {
font-size: 24px;
color: #9d9d9d;
line-height: 32px;
font-weight: bold;
}
.state_6_time p {
background: #9d9d9d;
font-size: 15px;
color: #FFF;
line-height: 22px;
margin-top: -22px;
}
.state_6_txt {
}
.state_6_txt h4 {
font-size: 16px;
line-height: 28px;
color: #343434;
margin-bottom: 9px;
height: 28px;
overflow: hidden;
text-overflow: ellipsis;
float: left;
}
.state_6_txt p {
font-size: 14px;
line-height: 25px!important;
color: #727272!important;
max-height: 75px!important;
overflow: hidden!important;
background: none!important;
float: left;
}
.hdzx-list{
margin-left: -15px;
margin-right: -45px;
padding-right: 0;
padding-left: 15px
}
.list-page{
margin: 20px auto;
}
.menu2{
border-top: none;
margin-bottom: 20px;
}
.menu2 .about_aside{
margin-right: 0;
}
.h2_title {
border-bottom: 1px solid #e1e1e1;
margin-bottom: 20px;
height: 52px;
}
.h2_title h2 {
display: inline-block;
font-size: 18px;
color: #4c4b4b;
line-height: 50px;
border-bottom: 2px solid #df392d;
margin-left: -15px;
}
.about_v_main a {
display: inline-block;
margin: 0 8px 40px;
text-align: center;
}
.about_v_main a div {
position: relative;
overflow: hidden;
}
.about_v_main a>div>span {
position: absolute;
top: 50%;
left: 50%;
width: 39px;
height: 39px;
background: url(../images/about_v_14.png);
margin-left: -19px;
margin-top: -19px;
}
.about_v_main a:hover p {
background: #b72e22;
}
.about_v_main a p {
font-size: 14px;
line-height: 28px;
color: #FFF;
background: #666;
}
.msk {
background: rgba(0,0,0,0.5);
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.about_v_msk {
width: 790px;
height: 490px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -400px;
background: #666;
z-index: 999999;
padding: 25px 25px 10px;
display: none;
}
.about_v_msk video {
width: 100%;
height: 100%;
}
.about_v_msk a {
position: absolute;
top: 0;
right: 10px;
border-radius: 50%;
color: #FFF;
font-size: 30px;
}
.about_aside a.guapai{
color: #fff;
}
.culture .about_m_list{
margin-left: -15px;
}
.culture .about_m_title {
border-top: 0;
border-bottom: 1px solid #9e0404;
}
.culture .about_m_title span {
width: 8px;
height: 8px;
margin: -4px 13px 0 3px;
background: url(../images/about_m_bg1_03.png) no-repeat left center;
}
.culture .about_m_title p {
background: url(../images/about_bg_07.png) no-repeat left 8px;
color: #FFF;
}
.culture .about_m_txt {
display: block;
padding: 0 0 30px;
}
.culture .about_m_txt p {
margin: 0;
text-indent: 2em;
line-height: 24px;
}
.culture_txt2_item {
margin-bottom: 20px;
padding: 0 10px 0 20px;
}
.culture_txt3_item {
padding: 15px 20px 0 30px;
border: 1px solid #ececec;
margin-bottom: 5px;
}
.culture_txt3_item:hover h3, .culture_txt3_item:hover a {
color: #9e0404;
}
.culture_txt3 .culture_txt3_m p {
text-indent: 0;
color: #666;
line-height: 24px;
max-height: 50px;
overflow: hidden;
}
.culture_txt3_item img{
max-height: 130px;
}
.culture .culture_txt3{
padding: 5px 0;
}
.l_entry {
display: block;
width: 187px;
height: 55px;
line-height: 55px;
font-size: 22px;
color: #FFF;
background: #9d0000;
border-radius: 5px;
text-align: center;
margin: 30px auto 0;
}
a.l_entry:hover,a.l_entry:focus{
color: #FFF;
}
.entry_cc {
padding: 11px 0 11px 30px;
background: #f1f1f1;
}
.entry_cc p {
font-size: 14px;
color: #b72e22;
}
.entry_cc p a {
color: #666;
margin: 0 8px;
padding: 5px;
line-height: 23px;
}
.entry_cc p a:hover, .entry_cc p a.on {
background: #b72e22;
color: #FFF;
}
.share_main .search {
width: 100%;
float: none;
padding: 20px 0;
}
.search {
float: left;
padding: 10px;
font-size: 14px;
color: #666;
line-height: 32px;
}
.search input{
outline: none;
line-height: 31px;
font-size: 14px;
color: #333;
padding-left: 5px;
background:none;
}
.share_main .search a {
width: 50px;
height: 31px;
line-height: 31px;
color: #FFF;
text-align: center;
font-size: 14px;
background: #b72e22;
display: inline-block;
margin-left: 10px;
}
.page {
text-align: center;
margin-top: 50px;
}
.share_main .page ul {
margin: 0;
border: 0;
}
.share_main ul {
margin: 20px 0 0 0;
border: 1px solid #ddd;
}
.share_main ul li:first-child {
background: #f2f2f2;
}
.page ul {
display: inline-block;
}
.share_main ul li {
float: none;
}
.page ul li {
display: inline-block;
margin: 0 5px;
color: #1d1d1d;
line-height: 30px;
}
.page ul li.first a, .page ul li.last a {
width: 50px;
height: 30px;
}
.page ul li a {
display: block;
width: 30px;
height: 30px;
border: 1px solid #e1e1e1;
color: #1d1d1d;
}
.about_main .download-list{
padding-left: 0;
padding-right: 0;
}
.page ul li a:hover, .page ul li.on a {
background: #df392d;
color: #FFF;
}
.about_main .download-list .list-file{
font-size: 20px;
color: #930;
}
.about_main .download-list .download-button{
height: 20px;
line-height: 20px;
color: #FFF;
text-align: center;
font-size: 14px;
background: #b72e22;
margin: 0;
padding: 0 5px;
}
.about_main .download-list td{
vertical-align: middle !important;
}
.curprice-container{
padding: 10px;
background: #f7f7f7;
}
.entry_in {
padding-bottom: 30px;
}
.entry {
padding-top: 20px;
padding-bottom: 80px;
}
.entry h2 {
font-size: 18px;
line-height: 38px;
color: #510303;
padding-top: 15px;
font-weight: bold;
}
.entry_i h2 {
font-size: 22px;
color: #510303;
line-height: 63px;
text-align: center;
padding: 0;
margin-bottom: 0;
}
.entry_i table {
width: 100%;
border: 1px solid #eaeaea;
text-align: center;
color: #333;
font-size: 14px;
}
.entry_i table input[type="text"],.entry_i table input[type="email"],.entry_i table input[type="number"], .entry_i table textarea {
width: 100%;
border: none!important;
outline: none;
line-height: 24px;
font-size: 14px;
color: #333;
padding-left: 5px;
-webkit-appearance: textfield;
-webkit-rtl-ordering: logical;
user-select: text;
cursor: auto;
text-rendering: auto;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0;
text-shadow: none;
display: inline-block;
text-align: start;
background:none;
-webkit-box-shadow:none!important;
}
.entry_i table>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
background: none;
}
.entry_i table label{
font-weight: 400;
}
.file {
position: relative;
display: inline-block;
background: #fff;
border: 1px solid #eaeaea;
border-radius: 4px;
padding: 4px 9px;
overflow: hidden;
color: #930;
text-decoration: none;
text-indent: 0;
/*margin: 35px 0;*/
}
.file input {
position: absolute;
font-size: 75pt;
right: 10px;
top: 0;
opacity: 0;
}
.entry_i table .img-tr{
max-height: 106px;
vertical-align:baseline;
}
.entry_i table table a:focus,.entry_i table table a:hover {
text-decoration: none;
outline: 0;
color: #fff;
}
.entry_i table table .download-button {
height: 20px;
line-height: 20px;
color: #FFF;
text-align: center;
font-size: 14px;
background: #b72e22;
margin: 0;
padding: 0 5px;
border: none;
}
.entry_i table td.address{
text-align: right;
vertical-align: middle;
}
.entry_i table tr td,.entry_i table table tr td{
vertical-align: middle
}
.entry_i table table .input-group .form-control{
min-width: 200px;
}
.entry_i table table .form-control:focus {
border-color: #b72e22;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(157, 0, 0, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(157, 0, 0, 0.6);
}
.entry_i table table .input-group-btn>.btn+.btn {
margin-left: 0;
height: 39px;
background: #510303;
line-height: 30px;
}
.entry_i select {
padding: 3px 4px;
height: 30px;
margin-right: 10px;
}
.entry_i tr.agent{
display: none;
}
.entry_i tr.natural{
display: none;
}
.entry_i tr.com{
display: table-row;
}
.entry_i tr.c_type3{
display: none;
}
.entry_i tr.c_type1{
display: table-row;
}
.entry_i input,.entry_i textarea{
box-shadow: none!important;
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
}
.red-btn,.red-btn.disabled,.red-btn:focus{
background-color: #8e2609;
border-color: #510303;
}
#main-cmf .content{
margin-top:5px
}
.newdetail {
border: 1px solid #d1d1d1;
box-shadow: 1px 1px 6px #b9b9b9;
margin: -40px 0 20px 0;
background-color: rgba(255,255,255,0.5);
position: relative;
z-index: 100;
padding: 40px 15px 20px 15px;
}
.bgwhite {
background: #fff;
margin-top: 20px;
}
.newdetail .newtitle {
border-bottom: 1px solid #dcdcdc;
padding-top: 10px;
padding-bottom: 30px;
text-align: center;
color: #c7161c;
margin-left: 20px;
margin-right: 20px;
}
.f24 {
font-size: 24px!important;
}
.mt20 {
margin-top: 20px;
}
.fgrey1 {
color: #999!important;
}
.f14 {
font-size: 14px;
}
.mr100 {
margin-right: 100px;
}
.newdetail-con {
padding-left: 30px;
padding-right: 30px;
}
.pt20 {
padding-top: 20px;
}
.newlisbtn {
border-bottom: 1px solid #c7161c;
padding-bottom: 15px;
margin-left: 20px;
margin-right: 20px;
}
.pt80 {
padding-top: 80px;
}
.fgrey {
color: #333!important;
}
.newlisbtn a:hover {
color: #c7161c;
text-decoration: none;
}
.mr10 {
margin-right: 10px;
}
.pb100 {
padding-bottom: 20px;
}
.pt20 {
padding-top: 20px;
}
.newlistul li {
height: 30px;
line-height: 30px;
font-size: 14px;
margin-left: 30px;
margin-right: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.newlistul li a {
color: #666;
}
.fgrey1 {
color: #999!important;
}
.ml15 {
margin-left: 15px;
}
.newlistul li a:hover {
color: #c7161c;
text-decoration: none;
}
.bdsharebuttonbox{
display: inline-block;
}
.state_in_title div {
font-size: 14px;
color: #a5a5a5;
line-height: 40px;
vertical-align: middle;
margin: 5px auto;
}
.state_in_title .share {
display: inline-block;
margin: -5px 10px 0;
}
.title span{
margin-left: 10px;
}
.team-img{
border: 1px solid #eee;
text-align: center;
max-width: 250px;
display: block;
margin-right: auto;
margin-left: auto;
}
.team-img img{
width: 100%;
max-height: 250px;
overflow: hidden;
}
.team-img p{
padding-top: 10px;
font-size: 16px;
color: #666;
line-height: 30px;
}
.row.team-list{
margin: 20px 0;
padding: 20px 0;
}
.team-list .carousel-controls a.next {
right: 0;
top:38px;
position: absolute
}
.team-list .carousel-controls a.prev {
left: 0;
top:38px;
position: absolute
}
.team-list h3{
font-size: 14px;
}
.no-background{
background: none!important;
padding-left: 0!important;
}
#gpModal,#tgModal,#orgModal{
z-index: 10000;
}
#gpModal,#tgModal .modal-footer{
text-align: center;
margin-top: 0;
}
#gpModal,#tgModal .modal-footer button{
margin: auto 10px;
}
#gpModal,#tgModal .modal-body{
padding-bottom: 0;
}
#gpModal,#tgModal .form-group{
margin: 0 20px;
}
#gpModal,#tgModal .form-group>div {
margin: 10px 0;
}
.agreement {
box-shadow: 5px 5px 5px #f7f7f7 inset;
border: 1px solid #bdbcbc;
height: 350px;
padding: 10px;
overflow: hidden;
display: block;
overflow-y: scroll;
margin: 0 auto;
font-size: 12px;
line-height: 1.5;
margin-bottom: 22px;
outline: 0;
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
word-break: normal;
background-color: #f5f5f5;
border-radius: 3px;
text-align: left;
}
#horizontal-tabs .tabscontent{
padding: 20px;
}
.team a {
margin: 0!important;
border: 1px solid #eee;
overflow: hidden;
}
.team a p{
background: #fff;
color: #000;
margin: 0!important;
}
.team a p:hover,.team a:hover p {
background: #b72f23;
color: #fff!important;
}
.team a:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.team a img {
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.search-rst{
color: #c7161c;
}
.notice-unread {
text-shadow: none;
font-size: 12px;
font-weight: normal;
line-height: 12px;
background-color: #c7161c;
display: inline-block;
min-width: 25px;
padding: 3px 7px;
color: #fff;
vertical-align: middle;
white-space: nowrap;
text-align: center;
border-radius: 10px;
margin-left:10px;
}
.notify-avatar{
max-width: 60px;
float: left;
margin-right: 10px;
}
.notify-content {
margin-left: 60px;
margin-top: 5px;
word-break: break-all;
word-wrap: break-word;
}
.gray {
color: gray;
}
.notice-title{
font-style: normal;
font-weight: bold;
color: #c7161c;
font-size: 16px;
}
.notice-item {
min-height: 0;
padding-bottom: 10px;
border-bottom: 1px dashed #D4D4D4;
}
/*通知样式*/
.news-list-item {
list-style-type: none;
padding: 0 10px;
}
.news-list-item-wrap {
border-bottom: 1px solid #f3f3f3;
position: relative;
overflow: hidden;
}
.news-list-item-content {
height: 25px;
line-height: 25px;
font-size: 15px;
display: inline-block;
margin: 13px 0;
vertical-align: middle;
color: #666;
}
.cut-string {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-list-item-right {
display: inline-block;
float: right;
line-height: 50px;
height: 50px;
}
.news-list-item-time {
color: #959595;
}
.news-list-item:hover {
background-color: #f5f5f5;
}
.news-list-wrap{
margin: 0 10px;
}
.isread-item,.isread-item:focus,.isread-item:hover{
color: #abafb4;
}
/*联系我们*/
#plug_sug_add input {
height: 45px;
background: none!important;
}
#plug_sug_add textarea{
background: none!important;
}
#plug_sug_add .row{
margin: 15px 0;
}
#plug_sug_add button{
margin-left: 15px;
}
/*微信分享*/
.bd_weixin_popup .bd_weixin_popup_foot {
font-size: 10px!important;
text-align: center!important;
line-height: 20px!important;
margin-top: -12px!important;
}
/*页脚*/
.elevator-item {
position: fixed;
right: 15px;
bottom: 15px;
z-index: 99992;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
}
.elevator-item .plus {
display: block;
border-radius: 2px;
width: 40px;
height: 36px;
background: url(../images/iconsprite_btbar.png) 8px -34px no-repeat;
background-color: #930;
background-color: rgba(72, 16, 1, 0.9);
cursor: pointer;
box-shadow: 0 1px 3px rgba(72, 16, 1, 0.2);
}
.scrollup {
width: 40px;
height: 40px;
position: fixed;
bottom: 55px;
right: 15px;
display: none;
text-align: center;
color: #fafafa;
font-size: 28px;
z-index: 9999;
background-color: #930;
background-color: rgba(72, 16, 1, 0.7);
box-shadow: 0 1px 3px rgba(72, 16, 1, 0.2);
}
.scrollup i {
line-height: 38px
}
a.scrollup:focus i,a.scrollup:hover i {
text-decoration: none;
color: #fafafa;
outline: 0
}
.jzdc .btn-file{
margin-left: 0!important;
padding: 6px 12px!important;
height: 36px;
}
.jzdc .btn-file input.file{
margin: 0!important;
}
.editcheck.btn{
padding: 3px 5px;;
}
.input-small.knob{
box-shadow:none!important;
}
.nopadding-left{
padding-left:0!important;
}
#player2 .aplayer-pic {
width:100%!important;
}
#player4 .aplayer-pic{
background-size: auto 100%!important;
}
.audio-more{
font-size: 14px;
line-height: 26px;
color: #663333;
text-decoration: none;
box-sizing: border-box;
}
/*validate样式*/
input.error { border: 1px solid red; }
label.error {
padding-left: 16px;
padding-bottom: 2px;
font-weight: bold;
color: #EA5200;
}
#header .alert{
margin-bottom: 0!important;
}
/*首页样式*/
/*新闻模块*/
.index_news #myTab2{
height: 56px;
border-top: 2px solid #dd0000;
background: #F8F8F8;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.index_news #myTab2Content li{
padding-top: 0px;
height: 25px;
}
.index_news #myTab2 li{
height: 54px;
padding:0px;
}
/*日期字体颜色样式*/
.data_color_gray{
color: #aaaaaa;
}
.index_news #myTab2 li a{
height: 54px;
padding-top:0px;
padding-left: 27px;
padding-right: 27px;
line-height: 54px;
font-weight:bold;
font-size: 16px;
font-family: "Microsoft YaHei";
}
.index_news #myTab2Content{
border: 1px solid #ddd;
border-top-color: transparent;
padding-bottom: 1px;
}
.index_news .slider-index .slide img{
border: 1px solid #ddd;
}
/*本所服务模块*/
.index_bsfw{
margin-top:20px ;
padding-bottom: 0px;
}
.index_bsfw .bsfw_row{
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.index_bsfw div{
line-height: 50px;
background: #f3f3f3;
/* font-size: 20px;*/
font-weight: bold;
}
.index_bsfw div a{
/*font-size: 20px;*/
font-weight: bold;
}
.index_bsfw .div_width{
width: 20%;
float: left;
padding: 0px 10px;
}
.index_bsfw .div_mobilewidth{
width: 100%;
float: left;
padding: 0px 10px;
}
.index_bsfw .div_width div{
padding: 0px;
}
.index_scsjhq_bj{
color: #333333;
font-family: "Microsoft YaHei";
}
.index_scsjhq_bj a span{
color: #333333;
font-family: "Microsoft YaHei";
}
.index_scsjhq_bj #content21{
display: block;
background: #ffffff;
height:365px;
padding:12px 5px 5px 5px;
border:1px solid #ddd;
}
#index_sczcxy{
background: #ffffff;
}
#index_sczcxy .index_sczcxy_right_title{
font-size: 16px;
font-family: "Microsoft YaHei";
color: #333333;
margin-bottom:0px ;
}
#index_sczcxy .index_sczcxy_right_title a{
font-size:12px!important;
}
#index_sczcxy .index_sczcxy_right_title span{
font-weight: bold;
padding-left: 0px;
}
#index_sczcxy #index_sczc_detail ul li span:first-child{
padding-right: 5px;
}
#index_sczc_detail div{
padding-right: 0px!important;
}
#index_sczcxy #index_sczc_detail ul li{
border-bottom: 0px;
height: 25px;
line-height: 25px;
padding-top: 0px;
font-size: 13px;
font-family: "Microsoft YaHei";
}
.index_ryq .bxslider-team li{
padding: 10px;
border-bottom: 0px;
background: #ffffff;
}
.index_ryq_title{
font-weight: bold;
font-size: 16px;
font-family: "Microsoft YaHei";
height: 40px;
padding-left: 40px;
background: url("../images/bg18.png") no-repeat;
background-position: 10px 2px;
}
.index_sczcxy_left_title{
font-weight: bold;
font-size: 16px;
font-family: "Microsoft YaHei";
height: 40px;
padding-left: 30px;
background: url("../images/bg14.png") no-repeat;
background-position: 0px 2px;
}
.index_scsjhq_title{
font-weight: bold;
font-size: 16px;
font-family: "Microsoft YaHei";
height: 30px;
line-height: 40px;
padding-left: 50px;
background: url("../images/bg4.png") no-repeat;
background-position: 25px 10px;
}
.index_scsjhq_bj{
background: #f3f3f3;
}
.index_scsjhq_infotitle{
background: #EAEAEA;
border:1px solid #ddd;
border-bottom-color: transparent;
}
.gprk_content{
font-size: 18px;
color: #ffffff;
background: #663333;
text-align: center;
width: 19px;
margin: 0px auto;
line-height: 21px;
}