﻿body {font-family: '微软雅黑', sans-serif;font-size: 16px;}
h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
h1,h2,h3,h4,h5 {font-family: '微软雅黑', sans-serif;} 
h4{font-size: 16px;font-weight: 700;}
ul {list-style-type: none;}
p {font-family: '宋体';font-size: 14px;line-height: 20px;}
p a{font-family: '宋体';font-size: 14px;line-height: 20px;color:#848484;}
a {text-decoration: none; outline: none;display: inline-block;font-family: '微软雅黑';}
a:hover{}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
img {max-width: 100%;display: inline-block;}
button {font-family: '微软雅黑';border:none; outline:none; box-shadow: none; display: block; padding: 0; background: transparent;}
input,textarea {font-family: '微软雅黑', sans-serif;display: block; font-size: 16px; line-height: 28px; outline: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.bd_weixin_popup{
  height:320px!important;
}
.boxed_wrapper {
    width: 100%;
    background: #fff;
    overflow-x: hidden;
    min-width: 320px;
}

.sec-padd {
  padding: 24px 0 47px;
}
.sec-padd-top {
  padding-top: 24px;
}
.sec-padd-bottom {
  padding-bottom: 47px;
}
.no-padd {
  padding: 0px;
}
.clear_fix { clear:both;}
.clear_fix:after {
  display: table;
  content: '';
  clear: both;
}
.list_inline li {
  display: inline-block;
}
.social li {
  display: inline-block;
  font-size: 14px;
  padding: 0 10px;
}
.social li a {
  color: #fff;
  transition: .5s ease-in-out;
}
.default_link {
  font-size: 14px;
  text-transform: uppercase;
  color: #e54545;
}
.default_link:hover {
  color: #e54545;
}
.default_link i {
  margin-left: 4px;
  font-size: 18px;
  padding-top: 2px;
}
.uppercase {
  text-transform: uppercase;
}
.padd-80 {
  padding-top: 80px;
}
.tran3s {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.center {
  text-align: center;
}
.row-5 {
  margin: 0 -5px;
}
.thm-color {
  color: #e54545;
}
.bold {
  font-weight: 700;
}
.s-bold {
  font-weight: 600;
}
.m-bold {
  font-weight: 600;
}
/*-------------------固定class-------------------*/
.xl-mt10{
    margin-top: 10px;
}
.xl-mt15{
    margin-top: 15px;
}
.xl-mt20{
    margin-top: 20px;
}
.xl-mt30{
    margin-top: 30px;
}
.xl-mt40{
    margin-top: 40px;
}
.xl-mt50{
    margin-top: 50px;
}
.xl-ml15{
    margin-left: 15px;
}
.xl-mb10{
    margin-bottom: 10px;
}
.xl-mb20{
    margin-bottom: 20px;
}
.xl-mb30{
    margin-bottom: 30px;
}
.xl-mb40{
    margin-bottom: 40px;
}
.xl-bg1{background:#f7f7f7;}
.xl-color1{
  color:#444;
}
.xl-color2{
  color:#848484;
}
.xl-fs16{
  font-size: 16px;
}
.xl-fs14{
  font-size: 14px;
}
.l{
    float: left;
}
.r{
    float: right;
}
.xl-nopd{
  padding: 0;
}
.xl-nopr{
  padding-right: 0;
}
.xl-pt20{
  padding-top: 20px;
}
.xl-pb10{
  padding-bottom: 10px;
}
.xl-pb20{
  padding-bottom: 20px;
}
.xl-pdtb30{
  padding: 30px 0;
}
.xl-bb{
  border-bottom:1px solid #ddd;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.border-bottom {
  border-bottom: 1px solid #f7f7f7;
}
@media (min-width: 1200px) {
  .container {
    padding: 0;
  }
}
.thm-btn {
  position: relative;
  background: #e54545;
  font-size: 14px;
  line-height: 46px;
  font-weight: 600;
  color: #ffffff;
  border: 2px solid #e54545;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  display: inline-block;
  padding: 0 38px;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.thm-btn:hover {
  background: transparent;
  color: #e54545;
  transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.anim-3 {
  transition: all 0.3s ease;
}
.anim-5 {
  transition: all 0.5s ease;
}

.section-title {
  position: relative;
  padding-bottom: 20px;
}
.section-title h2 {
  position: relative;
  font-size: 18px;
  line-height: 20px;
  height: 20px;
  padding-left: 8px;
  border-left:2px solid #222;
  text-transform: capitalize;
}

.section-title.center:before {
    left: 50%;
    margin-left: -25px;
}
.list-inline{
  height: 30px;
  line-height: 30px;
}
.list-inline > li {
  float: left;
  height: auto;
  padding:0 5px;
}

/************************** 
* why-choose styles 
***************************/
.why-choose {
  position: relative;
}
.why-choose .img-box {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.why-choose .overlay-box {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: -60px;
  transition: .3s ease-out;
  background: rgba(0, 0, 0, 0.75);
  transform: translate(0,100%);
}
.why-choose .item:hover .overlay-box {
  transition: .5s ease-in-out;
  top: 0px;
  transform: translate(0,0);
}
.why-choose .inner-box {
  position: relative;
  height: 100%; 
  padding-left: 80px;
  padding-right: 21px;
  transition: 1s ease;
}
.why-choose .item:hover .inner-box {
  padding: 43px 21px 43px 80px;
  transition: .5s ease;
}
.why-choose .icon_box {
  position: absolute;
  width: 60px;
  height: 100%;
  text-align: center;
  background: #e54545;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 60px;
  color: #fff;
  transition: .5s ease;
}
.why-choose .icon_box span {
    font-size: 33px;
    line-height: 60px;
}
.why-choose .item:hover .icon_box span {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    margin-top: -20px;
    transition: .5s ease;
}
.why-choose .overlay-box .text {
  color: #fff;
}
.why-choose .overlay-box h4 {
  color: #fff;
  line-height: 60px;
  transition: .5s ease-in-out;
}
.why-choose .item:hover .overlay-box h4 {
  color: #e54545;
  transition: .5s ease-in-out;
}
.why-choose .overlay-box .text p {
  color: rgba(255, 255, 255, 0.06);
  transform: translate(0,100%);
  transition: 1s ease;
  opacity: 0;
}
.why-choose .item:hover .overlay-box .text p {
  transform: translate(0,0);
  transition: .5s ease;
  transition-delay: .3s;
  opacity: 1;
  color: #fff;
}
/************************** 
* default-blog styles 
***************************/
.default-blog-news {
  position: relative;
  transition:all .6s linear;
  margin-bottom: 50px;
}
.default-blog-news a{
  display:block;
}
.default-blog-news:hover {
  box-shadow: 0px 6px 14px 0 rgba(0, 0, 0, 0.1), 0px 0px 40px 0 rgba(0, 0, 0, 0.1);
  transition:all .6s linear;
}
.default-blog-news .lower-content{
  position:relative;
  padding: 8px 20px 0px;
  border: 1px solid #ddd;
  border-top: 0px;
}
.default-blog-news .lower-content .text p{
  margin-bottom:20px; 
}
.default-blog-news .lower-content h4 {
  color:#444;
  font-weight: 700;
}
.default-blog-news .lower-content h4 a{
  color:#444;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.default-blog-news:hover h4 a{
  color:#e54545;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}
.default-blog-news .lower-content .post-meta{
  color: #848484;
  font-size:16px;
  margin-bottom:8px;
  height: 22px;
  overflow: hidden;
}
/*side-bar-blog*/
.blog-sidebar {
  position: relative;
}
.category-style-one {
  position: relative;
}
.category-style-one ul {
  margin-top:22px;
  margin-bottom: 35px;
  padding: 0px 30px 0 20px;
  background: #f7f7f7;
}
.category-style-one ul li {border-bottom: 1px solid #eaeaea;margin: 0;}
.category-style-one ul li:last-child {
  border:none;
}
.category-style-one ul li a {
  font-weight: normal;
  color: #848484;
  position: relative;
  width: 100%;
  transition: .5s ease;
  line-height: 40px;
  display: block;
}
.category-style-one ul li a:hover {
  color: #e54545;
  transition: .5s ease;
}
.breadcumb-wrapper {
  background: #fff;
  padding: 17px 0;
  border-bottom: 1px solid #f4f4f4;
  
}
.breadcumb-wrapper .perBtn{
  margin-right: 0!important;
}
.breadcumb-wrapper .container{
  position: relative;
}
.breadcumb-wrapper ul,
.breadcumb-wrapper li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  color: #e54545;
}
.breadcumb-wrapper ul.link-list li a {
  color: #222;
  text-transform: capitalize;
  font-size: 16px;
  transition: .3s ease;
}
.breadcumb-wrapper ul.link-list li a:hover {
  transition: .3s ease;
}
.breadcumb-wrapper ul.link-list li a i {
  color: #fac012;
  margin-right: 7px;
}
.breadcumb-wrapper ul.link-list li a:after {
  content: ">";
  margin: 0 4px;
}
.breadcumb-wrapper ul.link-list li.last-a a{
  color:#e54545;
  display:inline-block;
}
.breadcumb-wrapper ul.link-list li.last-a a:hover,
.breadcumb-wrapper ul.link-list li a:hover{
  color:#CE3E3E;
}
.breadcumb-wrapper ul.link-list li.last-a a:after {
  content: "";
  margin: 0 4px;
}
.inner-title {
  position: relative;
  margin-bottom: 20px;
  margin-top: 45px;
}
.inner-title h4 {
  position: relative;
  font-size: 22px;
  color: #222;
  font-weight: normal;
}
/*** 

====================================================================
    Testimonials Section style
====================================================================

***/
.testimonials-section{
    position:relative;
    background: #222;
}
.testimonials-section .section-title h2 {}/*color: #fff;*/
.testimonials-section .slide-item{
    position:relative;
    margin-top: 5px;
    padding: 30px;
    padding-right: 50px;
    background: #2a2a2a;
    transition: .5s ease;
}
.testimonials-section .slide-item:before {
    width: 50px;
    height: 50px;
    pointer-events: none;
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    background: #2a2a2a;
    background: linear-gradient(315deg, #222 45%, #333 50%, #333333 56%, #333 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, height;
    transition-property: width, height;
}
.project-content.testimonials-section .slide-item{
    margin-bottom: 50px;
}
.padd-bottom-30{
  padding-bottom: 30px ;
}
.testimonials-section .slide-item:hover {
  transition: .5s ease;
}
.testimonials-section .quote {
    position: absolute;
    font-size: 30px;
    right: 30px;
    top: 38px;
    color: #333;
    transition: .5s ease;
}
.testimonials-section .slide-item:hover .quote {
  transition: .5s ease;
}
.testimonials-section .author{
    position:relative;
    padding: 15px 0px 0px 100px;
    margin-bottom: 20px;
    color:#c9c9c9;
    line-height:20px;
}
.testimonials-section .author .img-box {
    position:absolute;
    left:0px;
    top:0px;
}
.testimonials-section .author .img-box img {
    border-radius: 50%;
}
.testimonials-section .author h4 {
  position:relative;
  color: #ffffff;
  font-size: 20px;
}
.testimonials-section .author p {
    position:relative;
    color: #e54545;
}
.testimonials-section .slide-text{
  margin-top: 15px;
  margin-left: 0px;
}
.testimonials-section .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;

}
/*** 

====================================================================
    service Section style
====================================================================

***/
.service {
  background: #f7f7f7;
}
.service .item {
  position: relative;
  height: 366px;
  border-left: 1px solid #e8e8e8;
  overflow: hidden;
}
.service .item:last-child {
  border-right: 1px solid #e8e8e8;
}
.service .item .icon_box {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -39px;
}
.service .item .icon_box span {
  color: #e54545;
  font-size: 40px;
}
.service .item .icon_box h4 {
  font-size: 18px;
  margin-top: 12px;
}
.service .item .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0%;
    background: #e54545;
    transition: .5s cubic-bezier(0.4, 0, 1, 1);
    opacity: 0;
    visibility: hidden;
}
.service .item:hover .overlay-box {
    height: 100%;
    transition: .5s cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    visibility: visible;
}
.service .item .overlay-box .icon_box {
    position: relative;
    width: 100%;
    display: block;
    margin: 0;
    top: 0;
    margin-top: 70px;
    margin-bottom: 20px;
}
.service .item .overlay-box p,
.service .item .overlay-box .icon_box h4,
.service .item .overlay-box .default_link,
.service .item .overlay-box .icon_box span {
  color: #fff;
}
.service .item .overlay-box p {
  margin-bottom: 20px;
}
.author-details.style-2 .item {
    padding: 20px 20px 20px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.08);
    background: transparent;
    margin: 0;
    padding: 15px 0;
}
/*growth-service*/
.growth-service .item {
  background: #f7f7f7;
  padding: 30px 0;
  border: 1px solid #eaeaea;
}
.growth-service .item span {
  font-size: 48px;
  transition: .5s ease;
  color:#e54545;
}
.growth-service .item h4 {
  font-size: 20px;
  margin-bottom: 5px;
  padding-top: 20px;
}
/*style-2*/
.growth-service.style-2 .item {
    background: #fff;
    padding: 45px 15px;
    border: none;
    transition: .5s ease;
}
.growth-service.style-2 .item.active,
.growth-service.style-2 .item:hover {

  transition: .5s ease;
}
.growth-service.style-2 .item h4 {
    font-size: 16px;
    margin-bottom: 18px;
    padding-top: 20px;
    transition: .5s ease;
    font-weight: 700;
    color:#444;
}
.growth-service.style-2 .item span {
  font-size: 70px;
}
.growth-service.style-2 .item.active span,
.growth-service.style-2 .item:hover span,
.growth-service.style-2 .item.active h4,
.growth-service.style-2 .item:hover h4,
.growth-service.style-2 .item.active p,
.growth-service.style-2 .item:hover p {
  transition:all .5s linear;
}
/*** 

====================================================================
    about Section style
====================================================================

***/
.about-faq .link_btn .sign {
    display: inline-block;
    position: relative;
    left: 50px;
    top: 5px;
}
.about-faq .default-form input[type="text"], .about-faq .default-form input[type="email"], .about-faq .default-form input[type="password"], 
.about-faq .default-form input[type="number"], .about-faq .default-form select, .about-faq .default-form textarea {
    border-color: #eaeaea;
}
.about-faq .default-form-area {
  padding-left: 30px;
}
.about-faq .default-form-area h3 {
  margin-bottom: 38px;
  position: relative;
  font-weight: 400;
}
.accordion-box.style-2 .accordion .acc-content {
  padding: 10px 0;
}
.accordion-box.style-2 .accordion {
  margin-bottom: 5px;
}
/*** 

====================================================================
  google map Section
====================================================================

***/
.home-google-map #contact-google-map {
  width: 100%;
  height: 430px;
}
.home-google-map .gmnoprint {
    display: none;
}

/*** 

====================================================================
  contact Section
====================================================================

***/
.default-cinfo .icon_box {
  width: 40px;
}
.default-cinfo li + li {
  margin-top: 10px;
  border-top: 1px solid #f1f1f1;
  padding-top: 12px;
}
.default-cinfo li .icon_box,
.default-cinfo li .text-box {
  display: table-cell;
  vertical-align: top;
}
.default-cinfo li .icon_box i {
  font-size: 20px;
  color: #e54545;
  position: relative;
  top: 7px;
}
.default-cinfo .accordion .acc-btn {
  background: #f7f7f7;
  padding: 14px 30px;
  margin: 0;
}
.default-cinfo .accordion-box {
  border: none;
}
.default-cinfo .accordion {
  border: 1px solid #f7f7f7;
}
.default-cinfo .accordion-box .accordion .acc-content b {
  color: #222;
  font-weight: 600;
}
/*form*/
.default-form {
  position: relative;
}
.default-form p {
  color: #fff;
  font-size: 18px;
  line-height: 34px;
  margin-bottom: 20px;
}
.default-form p span {
  color: #ab7442;
  font-size: 20px;
  font-weight: 600;
}
.default-form .form-box{
  position:relative;
}
.comment-form .form-box{
  padding:25px 25px 0px 25px; 
}
.default-form .form-group{
  position:relative;
  margin-bottom:30px; 
}
.default-form .comment-form .form-box .form-group{
  margin-bottom:25px;
}
.default-form.form-box .row{
  margin-left:-10px;
  margin-right:-10px; 
}
.default-form.form-box .row .form-group{
  padding:0px 0px;  
}
.default-form .form-group .field-label{
  display:block;
  line-height:24px;
  text-transform:uppercase;
  margin-bottom:10px;
  color:#232323;
  font-weight:500;
  font-size:13px;
}
.default-form .form-group .field-label sup{
  color:#ff0000;
  font-size:14px;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form select,
.default-form textarea{
  display:block;
  width:100%;
  line-height:24px;
  height:55px;
  font-size:16px;
  box-shadow: none;
  border: 1px solid #f4f4f4;
  padding:12px 15px;
  background: #f7f7f7;
  border-radius: 0px;
  transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.default-form textarea{
  height: 120px;
}
.default-form .bootstrap-select {
    border: 1px solid #f4f4f4;
    background: #f7f7f7;
    color: #a2a2a2;
    padding: 10px 0;
    font-size: 16px;
}
.default-form .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.default-form .btn-group.open .dropdown-toggle:focus {
  border: none;
  outline: none;
}
.default-form  .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.default-form  .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #e54545;
  color: #fff;
}
.default-form .form-control:focus {
  border-color: #e54545;
  box-shadow: none;
}
.default-form .thm-btn {
  width: 100%;
}
.default-form form input::-webkit-input-placeholder {
  color: #9e9e9e;
}
.default-form form input:-moz-placeholder {
  /* Firefox 18- */
  color: #9e9e9e;
}
.default-form form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #9e9e9e;
}
.default-form form input:-ms-input-placeholder {
  color: #9e9e9e;
}
.default-form .alert-success {
    color: #e54545;
    background: none;
    border: none;
    font-size: 18px;
}
/*author-details*/

.author-details {
  background: #f7f7f7;
  padding: 1px 20px;
}
.author-details .item {
  padding: 20px 20px 20px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
  background: #fff;
  margin: 30px 0;
}
.author-details .item:last-child {
  border-bottom: 0px;
}
.author-details .item .img-box,
.author-details .item .content {
  display: table-cell;
  vertical-align: top;
}

.author-details .item .img-box{
  width: 67px;
}

.author-details .item .content{
  padding-left: 20px;
}

.author-details .item .content p {
  color: #9e9e9e;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 25px;
}
.author-details .item .content p i {
  color: #e54545;
  margin-right: 5px;
}

.author-details .item h5 {
  font-size: 16px;
  margin-bottom: 15px;
  color: #272727;
}
.author-details .item .content h5 {
  color: #e54545;
  margin: 0;
}
/***
==============================
   8. Team Member styles
============================== 
***/
.our-team {
  position: relative;
  padding: 30px 0 20px;
}
.sec-padd, .our-services{
  padding: 30px 0 20px;
}
.sec-padd-top{
  padding-top: 30px;
}
.our-services{
  padding: 30px 0 0px;
}


.single-team-member h3,
.single-team-member p {
  margin: 0;
}
.single-team-member h4 {
  font-size: 16px;
  color: #222;
  text-transform: capitalize;
  margin-top: 12px;
  margin-bottom: 6px;
}


.single-team-member .img-box {
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.07);
  display: inline-block;
  background: #f7f7f7;
}
.single-team-member .img-box img {
  transition: all 0.5s ease;
  transform: scale(1);
}


.our-team .single-team-member {
  margin-bottom: 50px;
  text-align: center;
}
.single-team-member .author-info {
  overflow: hidden;
  border: 2px solid #f4f4f4;
  padding: 6px 0 9px;
}

.single-team-member a p {
  color: #e54545;
  transition: .5s ease;
}

.single-team-member .text {
  margin-top: 15px;

}
.single-team-member .text p {
  font-size: 16px;

}

.single-team-member .img-box .overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(72, 199, 236, 0.9);
  width: 100%;
  transform: scale(0.7,0);
  transition: .5s ease-in-out;
}
.single-team-member:hover .img-box .overlay {
  transform: scale(1,1);
  transition: .5s ease-in-out;
}

.single-team-member .inner-box {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.single-team-member .social {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: -20%;
    transition: .2s cubic-bezier(0.4, 0, 1, 1);
}
.single-team-member:hover .social {
  top: 0;
  transition: .5s cubic-bezier(0.4, 0, 1, 1);
  transition-delay: .3s;
}
.single-team-member .social li {
  padding: 0;
  margin: 0 3px;
}
.single-team-member .social li a {
  color: #ffffff;
  transition: color .4s ease;
  font-size: 14px;
}


.single-team-member .img-box .overlay ul li a {
  height: 42px;
  width: 42px;
  color: #fff;
  border-radius: 50%;
  background: transparent;
  text-align: center;
  line-height: 44px;
  border: 1px solid #fff;
}
.single-team-member .img-box .overlay ul li:last-child a {
}

/*style-2*/

.our-team.style-2 .section-title h2 {}/*color: #fff;*/


.our-team.style-2:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background:#fff;/* rgba(12, 20, 25, 0.95);*/
    z-index: 0;
}
.our-team.style-2 .container {
  position: relative;
}

.our-team.style-2 .single-team-member .author-info {
  border-color: #1a2228;
}
.our-team.style-2 .single-team-member h4 {
  color: #fff;
}

/*** 
=============================================
    page_pagination style
=============================================
***/
.page_pagination li {
  display: inline-block;
  margin:0 4px;
}
.page_pagination li a {
  width: 55px;
  line-height: 55px;
  border:1px solid rgba(229, 229, 229, 0.57);
  text-align: center;
  color: #252525;
  font-size: 18px;
  border-radius: 2px;
}
.page_pagination li a.active,
.page_pagination li a:hover {
  color:#fff;
  background: #e54545;
}
/* ==============================
   5. Our Services styles
   ============================== */
.our-services .separet {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 40px;
  top: -10px;
}
.our-services .caption-box-wrapper {
  border-top: 1px solid #F4F4F4;
  margin-top: 35px;
}
.our-services .single-our-service {
  margin-bottom: 56px;
}
.our-services .single-our-service h4 {
  margin-top: 14px;
  margin-bottom: 8px;
  color: #444;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  transition: .5s ease;
}
.our-services .single-our-service:hover h4 {
  color: #e54545;
  transition: .5s ease;

}
.our-services .single-our-service .img-box {
  position: relative;
}
.our-services .single-our-service .text-box {
  border: 1px solid #f1f1f1;
  border-top: 0px;
  padding: 5px 20px 30px;
}
.our-services .single-our-service-caption-box {
  padding-top: 40px;
}
.our-services .single-our-service-caption-box .img-box,
.our-services .single-our-service-caption-box .content-box {
  display: table-cell;
  vertical-align: middle;
}
.our-services .single-our-service-caption-box .img-box {
  width: 120px;
}
.our-services .single-our-service-caption-box .content-box {
  padding-left: 20px;
}
.our-services.service-page .has-divider {
  border-top: 1px solid #F4F4F4;
  margin-top: 60px;
  padding-top: 60px;
}
.our-services .single-our-service .img-box {
  overflow: hidden;
}

.our-services .single-our-service .img-box a {
  position: relative;
  display: block;
}
.our-services .single-our-service .img-box a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: scale(0,1);
    transition: .5s ease;
}
.our-services .single-our-service:hover .img-box a:after {
    transform: scale(1,1);
    transition: .5s ease;
}
.our-services .single-our-service .thm-btn {
  background: transparent;
  color: #e54545;
  border-color: #848484;
}
.our-services .single-our-service .thm-btn:hover {
  background: #e54545;
  color: #fff;
  border-color: #e54545;
}
/*** 

====================================================================
  awards Section
====================================================================

***/
.awards {
  position: relative;
  padding:40px 0 40px;
  background: #e54545;
}
.awards .container {
  position: relative;
}

.awards h2 {
  font-size: 32px;
  color: #fff;
}
.awards p {
  color: #fff;
  margin: 30px 0 45px;
}
.awards .award-logo {
  margin: 0 0;
}
.awards .service-list {
}
.awards .service-list li {
  display: inline-block;
  color: #fff;
  width: 32%;
  font-size: 16px;
  padding-left: 30px;
}
.awards .service-list li a {
  color: #fff;
}
.awards .service-list li i {
  color: #fff;
  margin-right: 10px;
  margin-bottom: 25px;
}
/*** 
=============================================
    two-column style
=============================================
***/
.two-column {
  position: relative;
}
.two-column .img-box {
  position: relative;
  margin-bottom: 20px;
  float: left;
  overflow: hidden;
}

.two-column .content {
  position: relative;
  float: left;
}

.two-column .content h4 {
  font-size: 20px;
}
.two-column .content .date {
  color: #e54545;
  margin-bottom: 18px;
  margin-top: 5px;
}


.two-column .owl-controls {
    text-align: center;
    display: block;
    position: relative;
    bottom: 0px;
    margin-top: 14px;
}


.two-column .owl-dots .owl-dot {
    display: inline-block;
}
.two-column .owl-dots .owl-dot span {
    background: none repeat scroll 0 0 #ff9a00;
    border-radius: 50%;
    display: block;
    height: 10px;
    background: #f4f4f4;
    width: 10px;
    margin: 5px 7px;
    transition: .5s ease;
}
.two-column .owl-dots .owl-dot.active span,
.two-column .owl-dots .owl-dot:hover span {
    background-color: #e54545;
    transition: .5s ease;
}





/*subscribe*/

.subscribe {
  background-repeat: no-repeat;
  background-size: cover;
}

.subscribe h2 {
  color: #fff;
  font-size: 32px;
}
.subscribe p {
  color: #fff;
  font-size: 18px;
  margin: 22px 0 36px;
}

.subscribe-form input {
    position: relative;
    width: 74%;
    display: inline-block;
    margin-right: 6px;
    padding: 10px 15px 8px;
    padding-left: 40px;
    border: 1px solid #e54545;
}
.subscribe-form {
  position: relative;
}
.subscribe-form span {
  position: absolute;
  left: 15px;top: 15px;
  color: #e54545;
  font-size: 20px;
}





/* ==============================
   5. Our Services styles
   ============================== */
.three-column.bg {
  padding-bottom: 14px;
}


.three-column .separet {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 40px;
  top: -10px;
}

.three-column .caption-box-wrapper {
  border-top: 1px solid #F4F4F4;
  margin-top: 35px;
}
.three-column .single-our-service {
  margin-bottom: 56px;
  width: 100%;
}

.three-column .single-our-service h4 {
  margin-top: 14px;
  margin-bottom: 8px;
  color: #444;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  transition: .5s ease;
}
.three-column .single-our-service:hover h4 {
  color: #e54545;
  transition: .5s ease;

}
.three-column .single-our-service .img-box {
  position: relative;
  max-height: 208px;
}
.three-column .single-our-service .img-box .count {
  background: #e54545;
  color: #fff;
  font-size: 18px;
  padding: 5px 24px;
  position: absolute;
  left: 0;
  bottom: -16px;
}
.three-column .single-our-service .text-box {
  border-top: 0px;
  padding: 20px 0px 0px;
}

.three-column .single-our-service-caption-box {
  padding-top: 40px;
}
.three-column .single-our-service-caption-box .img-box,
.three-column .single-our-service-caption-box .content-box {
  display: table-cell;
  vertical-align: middle;
}
.three-column .single-our-service-caption-box .img-box {
  width: 120px;
}
.three-column .single-our-service-caption-box .content-box {
  padding-left: 20px;
}
.three-column.service-page .has-divider {
  border-top: 1px solid #F4F4F4;
  margin-top: 60px;
  padding-top: 60px;
}
.three-column .single-our-service .img-box {
}
.three-column .single-our-service .img-box img {
  transition: .5s ease-in-out;
}
.three-column .single-our-service:hover .img-box img {
  transition: .5s ease-in-out;
}

.three-column .single-our-service .img-box a {
  position: relative;
  display: block;
}
.three-column .single-our-service .thm-btn {
  background: transparent;
  color: #e54545;
  border-color: #848484;
}
.three-column .single-our-service .thm-btn:hover {
  background: #e54545;
  color: #fff;
  border-color: #e54545;
}

/*responsive.css*/
@media (max-width: 1200px) and (min-width: 992px) {
  .menuzord-menu > li > a {
      padding: 50px 15px 22px;
  }
  .theme_menu .thm-btn {
    padding: 0 15px;
  }
  .theme_menu .right-column {
      width: 225px;
  }
}

@media (max-width: 1199px) {
  .subscribe-form input {
    width: 100%;
    margin-bottom: 30px;
  }
  .awards .service-list li {
    width: 45%;
  }
}

@media (max-width: 1199px) and (min-width:992px){
  .why-choose .item:hover .inner-box {
      padding: 0px 15px 0px 75px;
      transition: .5s ease;
  }
  .why-choose .item:hover .icon_box span {
      margin-top: -40px;
  }
}

@media (min-width: 992px) {
  .menuzord-menu li .indicator {
    display: none;
  }
}

@media (max-width: 991px) {
  .menuzord-responsive.menuzord {
      padding: 0 15px 0 0;
      min-height: 66px;
  }
  .menuzord .showhide {
      height: 60px;
      width: 30px;
      padding: 18px 0 41px;
      float: right;
  }
  .menuzord .showhide span {
      display: block;
      width: 100%;
      height: 2px;
      margin: 4px 0;
      background: #e54545;
  }
  .menuzord-menu > li:first-child a {
      padding-left: 20px;
  }
  .menuzord-menu ul.dropdown {
    padding: 0;
  }
  .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a {
      padding-left: 40px !important;
  }
  .theme_menu.stricky-fixed .main-logo {
      display: none;
  }
  .right-area {
      position: absolute;
      right: 15px;
      top: -17px;
  }
  .nav_side_content .search_option form {
      width: 250px;
      right: -25px;
      top: 52px;
  }
  .theme_menu {
    background: #f7f7f7;
  }
  .main-logo {
      margin: 15px 0 15px;
  }
  .nav_side_content {
    margin-top: 31px;
  }
  .why-choose .item:hover .inner-box {
      padding: 11px 21px 32px 80px;
      transition: .5s ease;
  }


/*menu*/


  .about-faq .img-box {
    margin-top: 30px;
  }
  
  .top-bar .social {
    width: 100%;
    text-align: center;
    
  }
  .why-choose {
    padding-bottom: 30px;
  }
  .why-choose .item {
    margin-bottom: 40px;
  }
  .about-faq .about-info {
    margin-bottom: 50px;
  }
  
  .latest-project .link {
    margin-bottom: 40px;
  }
  
  .awards .service-list li {
    width: 48%;
  }
  .awards:after {
    display: none;
  }
  .awards .service-list {
    text-align: center;
  }
  .awards .award-logo img {
    margin-bottom: 50px;
  }
  
  .sidebar_search {
      margin-top: 40px;
  }

}

@media (max-width: 768px) {

  .top-bar .top-bar-text {
    width: 100%;
    float: none;
    text-align: center;
  }
  .why-choose {
    
  }
  .why-choose .item {
    display: inline-block;
  }
  .why-choose .item:hover .inner-box {
      padding: 30px 21px 57px 80px;
      transition: .5s ease;
  }
}

@media (max-width: 575px) {
  .nav_side_content .search_option form {
    right: -70px;
  }
}

@media (max-width: 550px) {
  .megamenu .default-form.register-form {
    width: 100%;
  }
  .default-form-area {
    width: 100%;
  }
}

@import url("content_share.css");
 #jiathis_style_32x32 .jtico{background:none;}

.xl-centerzb{
    width: 100%;
    display:inline-block;
}
.xl-wrapzb{
    margin:0 auto;
}
.xl-img-box370200{
    border:1px solid #ddd;
}
.text p, .text a, .single-our-service p, .row .xl-qitalaiyuan-box a, .xl-about-t .xl-about-t-qitalaiyuan p, .two-column p, .xl-cunz1 p{
    color:#848484;
}
.awards .text p, .awards .text a{
    color:#fff;
}

/*-------------------首页-活动-------------------*/
.img-box a, .default-blog-news, .img-box, .xl-img-box a img{
    display:block;
    width: 100%;
    /*height: 100%;*/
}
/*改成背景图片2:1*/
/*.img-box a:before{
    content: "";
    display: inline-block;
    padding-bottom: 50%;
    width: 100%;
    vertical-align: middle;
}*/

/*-------------------首页-标题共有-------------------*/
/*-------------------首页-标题英文-------------------*/
.xl-biaotijiange{
    padding-left: 0px;
}
h2 a{
    color:#222;
}
h2 a:hover{
    color:#222;
}
.section-title h2, h2.xl-biaoti{
    height: 22px;
    font-size: 20px;
    line-height: 22px;
    padding-left: 10px;
    border-left: 2px solid #222;

}
.xl-jieshao h2, h2.xl-biaoti{
    border-color:#fff;
}
.testimonials-section .section-title h2 a{
  /*  color:#fff;*/
}
.awards h2{
    font-size: 20px;
}
.awards h2 a{
    color:#fff;
}
.inner-title h4{
    font-size: 20px;
    
}
.inner-title{
    margin-top: 24px;
}
/*-------------------首页-家族-------------------*/
.inner-box h4{
    font-size: 18px;
}
.xl-wenhua{
    display:block;
    width: 60px;    
    height: 60px;
    background:url(../images/icons/wenhua.png) no-repeat center center;
}
.xl-cunzhang{
    display:block;
    width: 60px;    
    height: 60px;
    background:url(../images/icons/cunzhang.png) no-repeat center center;
}
.xl-rencai{
    display:block;
    width: 60px;    
    height: 60px;
    background:url(../images/icons/rencai.png) no-repeat center center;
}
/*-------------------首页-熊氏艺趣-------------------*/
.xl-row{
    padding-right: 15px;
}
.xl-sec-padd{
    padding:0px 0 0px;
}
.xl-zuopin{
    text-align: center;
    height: 100%;
}
.xl-zuopin:before{
    content: "";
    display: inline-block;
    padding-bottom: 100%;
    width: 100%;
    vertical-align: middle;
    background:#55B4BA;
}
.xl-zuopin.xl-jiashen:before{
    content: "";
    display: inline-block;
    padding-bottom: 100%;
    width: 100%;
    vertical-align: middle;
    background:#E85F5F;
}
.xl-zuopin h4{
    margin-bottom: 16px;
    cursor: pointer;
}
.xl-zuopin h4 img{
    margin-bottom: 10px;
}
.xl-zuopin h4 a{
    font-size: 16px;
    font-weight: 700;
    color:#444;
    color:#fff;
}
.xl-zuopin h4 a:hover{
    color:#fff;
}
.xl-zuopin p{
    color:#fff;
}
.xl-zuopin:hover{
    box-shadow: 0px 0px 6px #888;
    z-index: 3;
}
.xl-jiashen, .xl-zuopin{
    position: relative;
}
.xl-zuopin.xl-jiashen h4, .xl-zuopin.xl-jiashen p, .xl-zuopin h4, .xl-zuopin p{
    position: absolute;
    text-align: center;
    width: 100%;
    height: 40px;
    top:50%;
}
.xl-zuopin.xl-jiashen h4, .xl-zuopin h4{
    margin-top: -54px;
}
.xl-zuopin.xl-jiashen p, .xl-zuopin p{
    font-family: "宋体";
    font-size: 14px;
    margin-top: 14px;
}
.xl-zuopin.xl-jiashen h4 a, .xl-zuopin.xl-jiashen p{
    color:#fff;
}
.xl-zuopin p.xl-zuopin-p2{
    margin-top: 36px; 
}
.service{
    height: 100%;
    border-bottom: 1px solid #f7f7f7;
}
.about-info.sec-padd{
    padding:0;
    padding-top: 58px;
}


.xl-zuopin.xl-zuopin1:before{
    background:#AF3CF6;
}
.xl-zuopin.xl-zuopin2:before{
    background:#00B7EF;
}
.xl-zuopin.xl-zuopin3:before{
    background:#C892DF;
}
.xl-zuopin.xl-zuopin4:before{
    background:#8A3DFE;
}
.xl-zuopin.xl-zuopin5:before{
    background:#00CBE6;
}
.xl-zuopin.xl-zuopin6:before{
    background:#EC8D07;
}
.xl-zuopin.xl-zuopin7:before{
    background:#38CD1F;
}
.xl-zuopin.xl-zuopin8:before{
    background:#008EFA;
}
/*-------------------首页-活动-------------------*/
.xl-post-meta{
    min-height: 32px;
    margin-bottom: 6px;
}
.xl-riqi1{
    width: 86px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    background:rgba(0,0,0,0.4);
    text-align: center;
    bottom: 0;
    right:0;
}
.xl-riqi1 p{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color:#fff;
}
.xl-riqi{
    width: 38px;
    height: 36px;
    padding-top: 2px;
    margin-right: 10px;
    border:1px solid #999;
    text-align: center;
}
.xl-riqi h6, .xl-riqi p{
    width: 36px;
    text-align: center;
    height: 14px;
    color:#999;
    font-size: 14px;
}
.xl-riqi h6{
    margin-bottom: 2px;
}
.xl-riqi p{
    width: 36px;
    padding:1px 0;
    border-top: 1px solid #eee;
    font-size: 12px;
    line-height: 14px;
}
.xl-img-box{
    position: relative;
    overflow: hidden;
}
h4.xl-new-biaoti a{
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    color:#444;
}
.default-blog-news .lower-content h4{
    width: 100%;
    height: 32px;
    overflow: hidden;
}
.xl-huodongtu1{  
    background:url(../images/1.jpg) no-repeat center center;
    background-size:cover;
}
.xl-huodongtu2{
    background:url(../images/t1.jpg) no-repeat;

}
/*-------------------首页-企业家介绍-------------------*/
.author h4{
    font-weight: normal;
    height: 22px;
    margin-bottom: 6px;
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.three-column .author p{
    height: 36px;
    -webkit-line-clamp:2;
}
.banner2-box .slide-text p{
    line-height: 28px;
}
.banner2-box{
    position: relative;
    height: 340px;
}
.banner2{
    width: 100%;
    position: relative;
    height: 400px;
    overflow: hidden;
}
.banner2 ul{
    width: 9999px;
    position: absolute;
    overflow: hidden;
}
.xl-col-md-3{
    float: left;
}
.no-ml{
    margin-right: 0!important;
}
.xl-btn{
    cursor:pointer;
    display:none;
    z-index: 333;
    font-size: 24px;
    text-align: center;
    width: 38px;
    height: 38px;
    line-height: 32px;
    position: absolute;
    border:2px solid #fff;
}
.xl-lbtn{
    top: 50%;
    margin-top: -50px;
    left:8%;
    background:url(../images/icons/left.png) no-repeat center center;
}
.xl-rbtn{
    top: 50%;
    margin-top: -50px;
    right:8%;
    background:url(../images/icons/right.png) no-repeat center center;
}
.xl-lbtn img, .xl-rbtn img{
    width: 100%;
    cursor:pointer;
}
.testimonials-section .author .img-box img{
    width: 80px;
    height: 80px;
}
.xl-btn:hover{
    background-color:#e54545;
    border-color:#e54545;
}
/*-------------------首页-企业1-------------------*/
.xl-qiye-box{
    background:#f7f7f7;
}
.xl-qiye{
    margin-left: 20px;
    width: 54%;
}
.service .icon_box .xl-qiye h4{
    margin-top: 0;
}
.xl-qiye a h4{
    color:#444;
}
.xl-qiye h4{
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
}
.xl-qiye p{
    font-family: "宋体";
    font-size: 14px;
    line-height: 20px;
}
.xl-service{
    padding: 30px 0;
}
.xl-service .xl-item .icon_box{
    text-align: center;
}
.xl-service .xl-item a{
    width: 100%;
    text-align: center;
}
.xl-service .xl-item img{
    display:inline-block;
}
.qiyedianji{
    color:#666;
}
.qiyedianji:hover{
    color:#e54545;
}
.service .item.xl-item, .xl-item{
    min-height: 100px;
    border:none;   
}
.service .item .overlay-box .icon_box.xl-icon_box{
    margin-top: 30px;
}
.xl-syitem{
    margin-bottom: 30px;
}
.xl-syitem img{
    margin-bottom: 10px;
}
.xl-logotu1{
    margin-left: 20px;
    margin-bottom: 10px;
    background:url(../images/1.jpg) no-repeat center center;
    background-size:cover;
}
/*-------------------首页-企业2-------------------*/
.xl-logotu2{
    margin-left: 60px;
    margin-bottom: 10px;
    background:url(../images/1.jpg) no-repeat center center;
    background-size:cover;
}
.xl-logotu3{
    background:url(../images/1.jpg) no-repeat center center;
    background-size:cover;
}
.xl-item2{
    
}
.service .item .icon_box h4{
    font-size: 16px;
    font-weight: 700;
    color:#444;
}
.xl-text p{ 
    padding:0 5px;
}
.service .item.xl-item2{
    min-height: 270px;
    border:none;   
    padding:0;
}
.link.xl-link2{
    padding-top: 0;
    
}
.xl-link2 a{
    font-family: '微软雅黑';
}
.xl-link2 a:first-child{
    padding-right:60px;
}
/*-------------------首页-服务理念-------------------*/
.awards p{
    line-height: 28px;
    padding-right: 40px;
    margin-bottom: 0;
    text-align:justify; 
    text-justify:inter-ideograph;
}
.awards .text div a{
    font-family: '宋体';
    padding-right: 40px;
    font-size: 12px;
    color:#f7f7f7;
}
/*字数限制*/
.author p{
    height: 56px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4; 
}
.testimonials-section .slide-text p{
    height:80px ;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
    color:#848484;
}
.testimonials-section .slide-text{
    margin-top: 40px;
}
.xl-jieshao-box .author p{
    width: 160px;
    height: 40px;
}
.single-our-service p{
    height: 58px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
}
.xl-yj .single-our-service p a{
    height: 58px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.xl-yj .single-our-service p a:hover{
    color:#848484;
}
.xl-service .icon_box .xl-qiye a{
    width: 100%;
    display:block;
}
.xl-service .item .icon_box h4{
    margin:12px auto;
    text-align: center;
    width: 80%;
    height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xl-service .item .overlay-box p{
    margin:0px auto 20px;
    width: 90%;
    height: 100px;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;/*第几行出现省略号*/
}
.xl-service1 .icon_box .xl-qiye a h4{
    width: 90%;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xl-service1 .icon_box .xl-qiye a p{
    color:#848484;
    width: 100%;
    height: 38px;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*第几行出现省略号*/
}
/*-------------------二级页面-------------------*/
/*-------------------二级页面-分享按钮-------------------*/
.share-box2{

    float: right;
    position: relative;
}
.share-box2 span{
    margin-right: 30px;;
    cursor:pointer;
}
.share-box2 i:after {
    content: '▽';
    font-style:normal;
    
}
.share-box2.dq i:after {
    content: '△';
    font-style:normal;
    
}
.share-box2 ul{
    display:none;
    position: absolute;
    top: 22px;
    right:0;
    border:1px solid #ccc;
    padding:10px;
    z-index: 233;
    background:#fff;
    -moz-box-shadow:0px 1px 3px #999;          /*firefox*/
       -webkit-box-shadow:0px 1px 3px #999;      /*webkit*/
        box-shadow:0px 1px 3px #999;
}
.share-box2 li{
    width: 100px;
    height: 40px;
    padding:10px 0;
    padding-left: 34px;
    background:url(../images/icons/share_ico.png) no-repeat left center;
    background-position: 2px -39px;
}
.share-box2 li:nth-of-type(2){
    background-position: 2px -0px;
}
.share-box2 li:nth-of-type(3){
    background-position: 2px -157px;
}
.share-box2 li:nth-of-type(4){
    background-position: 2px -119px;
}
.share-box2 li:nth-of-type(5){
    background-position: 2px -79px;
}
.share-box2 li:hover{
    background:url(../images/icons/share_ico_hover.png) no-repeat left center;
    background-position: 2px -39px;
}
.share-box2 li:hover a{
    color:#222;
}
.share-box2 li:nth-of-type(2):hover{
    background-position: 2px -0px;
}
.share-box2 li:nth-of-type(3):hover{
    background-position: 2px -157px;
}
.share-box2 li:nth-of-type(4):hover{
    background-position: 2px -119px;
}
.share-box2 li:nth-of-type(5):hover{
    background-position: 2px -79px;
}
/*-------------------二级页面-分享按钮end-------------------*/
/*-------------------二级页面熊史文化-------------------*/
/*来源*/
.xl-qitalaiyuan-bg{
    margin-top: 46px;
}
.about-info .text p{
    line-height: 28px;
    margin-bottom: 5px;
}
.xl-erji-bg{
    padding-top: 30px;
    background:#f7f7f7;
}
.xl-erji-bg .col-md-4{
  max-height: 381px;
}
.about-faq .row .row div{
    cursor:pointer;
}
.two-column .row div:hover h4, .about-faq .row .row div:hover h4 a{
    color:#e54545;
}
.xl-text-box{
    border: 1px solid #eee;
    border-top: 0px;
    padding: 5px 20px 30px;
}
.three-column .single-our-service .img-box{
    max-width: 100%;
}
.about-faq img， .xl-dianjibox img{
    border:1px solid #ddd;
}
/*字数限制*/
.about-faq .text{
    height: 220px;
    margin-bottom: 20px;
    overflow: hidden;
}
.about-faq .text p{
    height: 220px;
    padding-right: 10px;
    line-height: 28px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:8; 
}
.xl-qitalaiyuan-box p{
    height: 58px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
}
.xl-about-t .xl-about-t-qitalaiyuan p{
    max-width: 100%;
    width: 270px;
    height: 58px;
    overflow:hidden;        
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
}
/*来源end*/
/*遗地*/
.growth-service .row > div:nth-child(odd) .item{
    background:#e54545;
}
.growth-service .row > div:nth-child(even) .item:hover{
    transition:all .5s linear;
    background:#e54545;
}
.growth-service.style-2 .item.active span,
.growth-service.style-2 .item:hover span,
.growth-service.style-2 .item.active h4,
.growth-service.style-2 .item:hover h4,
.growth-service.style-2 .item.active p,
.growth-service.style-2 .item:hover p {
  color:#fff;
}
/*字数限制*/
.growth-service p{
    font-family: "宋体";
    font-size: 14px;
    line-height: 20px;
    height: 58px;
    color:#848484;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
}
/*遗地end*/
/*典籍*/
.xl-dianjibox h4 a{
    width: 100%;
    display:inline-block;
    font-size: 16px;
    font-weight: 700;
    color:#444;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xl-dianjibox .xl-mb40 img{
  transform: scale(1);
  transition:all 1s linear;
}
.xl-dianjibox .xl-mb40:hover img{
  transform: scale(1.2);
  transition:all 1s linear;
}

/*字数限制*/
.two-column p{
    height: 58px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
}
.xl-dianjibox a{
  display:block;
  width: 100%;
}
.xl-dianjibox h4{
  width: 100%;
  height: 27px;
    padding: 0 0 10px;
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.xl-dianjibox .xl-mb40 h4 a{
    transition:all .5s ease;
}
.xl-dianjibox .xl-mb40:hover h4 a{
    color:#e54545;
    transition:all .5s ease;
}
/*典籍end*/
/*家谱*/
.xl-jiapu-bg{
    background:#0B1317;
}
.xl-jiapu-bg .position a{
    font-family: "宋体";
    font-size: 14px;
    line-height: 20px;
}
.our-team .single-team-member{
    position: relative;
}
.xl-jp-zi{
    width: 140px;
    position: absolute;
    bottom:0;
    left:0;
    background: rgba(0,0,0,0.6);
}
.single-team-member .author-info1{
    border:none;
}
.xl-jiapubigbox{
    position: relative;
    height: 462px;
}
.xl-jiapubox{
    width: 100%;
    position: relative;
    height: 460px;
    overflow: hidden;
}
.xl-jiapubox li{
    float: left;
}
.xl-jiapu-bg .xl-lbtn{
    left: 8%;
}
/*字数限制*/
.our-team.style-2 .single-team-member h4 a{
    text-align: center;
    width:98%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color:#fff;
    font: 16px;
    font-weight: 700;
}
.our-team.style-2 .single-team-member p a{
    text-align: center;
    width:98%;
    height: 18px;
    overflow: hidden;
    color:#e54545;
}
/*家谱end*/
.three-column .single-our-service .img-box .count{
    max-width: 100%;
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*影剧*/
.our-services .single-our-service .img-box img {
  transform: scale(1);
  transition:all 1s linear;
}
.our-services .single-our-service:hover .img-box img {
  transform: scale(1.2);
  transition:all 1.2s linear;
}
/*影剧end*/
/*文化-字数限制*/
.three-column p{
    font-family: "宋体";
    font-size: 14px;
    line-height: 20px;
    height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.three-column .single-our-service a{
    width: 100%;  
}
.three-column .single-our-service h4{
    width:84%;
    height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*-------------------二级页面熊史文化end-------------------*/
/*-------------------二级页面村庄--------------------*/
.xl-service2 .xl-cunz1 p{
    font-size: 14px;
}
.xl-service2 h4{
    font-size: 16px;
    color:#444;
}
.xl-service2 .xl-mb30{
    margin-bottom: 22px;
}
.xl-service2 .container div.xl-mb30{
    padding-bottom: 12px;
    border-bottom:1px solid #ddd;   
}
.xl-service2 .container div.xl-mb30 .icon_box > div, 
.xl-service3 .container div.xl-mb30 .icon_box > div{
    padding:0;
    
}
.xl-service2 .container div.xl-mb30 .icon_box > div:last-child,
.xl-service3 .container div.xl-mb30 .icon_box > div:last-child {
   padding-left: 20px; 
}

.xl-service3 h4{
    font-size: 16px;
    color:#444;
}
.xl-service3 .xl-cunz1 .xl-cunzxian{
    padding-bottom: 6px;
    border-bottom:1px solid #ddd;
}
.xl-service3 img{
    max-width: 182px!important;
    width: 182px;
    height: 62px!important;
    border:1px solid #eee;
}
.xl-service3 .container div.xl-mb30{
    padding-bottom: 12px;
}
.xl-new-biaoti{
    width:100%;
    height: 36px;
    line-height: 36px;
    color:#444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xl-riqi1{
    display:none;
    width: 68px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    background: rgba(0,0,0,0.4);
    text-align: center;
    bottom: 0;
    right: 0;
}
.xl-riqi1 p {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
}
.xl-new-biaoti a{
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xl-cunz p, .xl-cunz3 p{
    width: 100%;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#848484;
}
.xl-cunz p a, .xl-cunz3 p a{
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xl-cunz3 p{
    margin-top: 10px;
    height: 35px;
    border-bottom:1px solid #ddd;
}
.xl-cunz2{
    padding-bottom: 10px;
    border-bottom:1px dashed #bbb;
}
.xl-cunz2 p, .xl-huod p{
    width: 100%;
    height: 140px;
    line-height: 28px;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;/*第几行出现省略号*/
}
.xl-cunz1 p{
    font-size: 14px;
    width: 100%;
    height: 42px;
    line-height: 20px;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*第几行出现省略号*/
}
.xl-cunz p:nth-of-type(1){
    margin-top: 4px;
}
.our-services .row a{
    display:block;
}
.our-services .row h4{
    width: 100%;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.our-services .single-our-service .img-box{
    text-align: center;
}
.our-services .single-our-service .text-box{
    border:1px solid #ddd;
}
.xl-cunz1 h4{
    margin-bottom: 4px;
}
/*-------------------二级页面村庄end--------------------*/
/*-------------------二级页面村庄人才--------------------*/
.xl-r{
    float: right;
}

/*人才一行四图*/
.xl-personnel-box{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom:1px solid #eee;
}
.xl-personnel-box:last-child{
    border:none;
}
.xl-personnel-box > div{    
    padding:0;
    text-align: center;
}
.xl-personnel-box .xl-personnel{
    width: 230px;
    padding:10px 10px 20px;
    background:#f8f6f0;
    display:inline-block;
}
.xl-personnel-box .xl-personnel a{
    text-align: center;
}
.xl-personnel-box .xl-personnel img{
    margin-bottom: 20px;
    width:210px;
    height: 292px;
}
.xl-personnel-box .xl-personnel h4 a{
    font-size: 16px;
    color:#444;
}
.xl-personnel-box .xl-personnel p{
    height: 38px;
    margin-top: 10px;
    padding:0 20px;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*第几行出现省略号*/
}
.xl-personnel-box .xl-personnel p a{
    display:block;
    color:#666;
    font-size: 14px;
}
/*人才一行二图*/
.xl-personnel2-border{ 
    padding-bottom: 22px;
    margin-bottom: 20px;
    border-bottom:1px solid #eee;
}
.xl-personnel2-border:last-child{
    border:none;
}
.xl-personnel2-box{
   padding:0; 
}
.xl-personnel2-box:hover h4 a,
 .xl-personnel-box .col-xs-12:hover h4 a{
    color:#e54545;
}
.xl-personnel2-box .xl-personnel2-tu{
    padding:10px;
    background:#f8f6f0;
    margin-right: 30px;
}
.xl-personnel2-box .xl-personnel2-zi{
    padding:0;
    padding-right: 10px;
    padding-top: 12px;
}   
.xl-personnel2-box .xl-personnel-p{
    height: 200px;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;/*第几行出现省略号*/
}
.xl-personnel2-box h4 a{
    font-size: 16px;
    color:#444;
}
.xl-personnel2-box .xl-personnel-fg{
    padding:16px 0 20px;
    font-size: 14px;
    color:#999;
}
.xl-personnel2-box .xl-personnel-p a{
    display:block;
    color:#666;
    font-size: 14px;
    line-height: 28px;
    height: 190px;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;/*第几行出现省略号*/
}
@media (max-width: 993px){
    .xl-personnel-box .xl-rcpingban{
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom:1px solid #eee; 
    }

}
@media (max-width: 767px){
    .xl-personnel-box .xl-rcwap{
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom:1px solid #eee; 
    }
    .xl-personnel2-border{
        border:none;
        padding:0;
        margin:0;
    }
    .xl-personnel2-box{
       margin-bottom: 30px;
    }
    .xl-personnel2-box:last-child .xl-personnel2-zi{
        border:none;
    }
}
/*-------------------二级页面村庄人才end--------------------*/
/*-------------------二级页面艺趣-------------------*/
.page_pagination li a.xl-tran3s{
    font-size: 22px;
}
.inner-banner .box{
    z-index: 233;
}
.inner-banner h3{
    font-size: 40px;
}
.post-thumb a{
    display:block;
    height: 100%;
}
.sidebar-intsgram{
    margin-bottom: 20px;
}
.default-blog-news .img-box{
    border:1px solid #ddd;
    overflow: hidden;
}
.default-blog-news .img-box img{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.default-blog-news:hover .img-box img{
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.default-blog-news:hover h4{
  color:#e54545;
}
/*字数限制*/
.default-blog-news .lower-content h4{
    width: 100%;
    height: 32px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.default-blog-news .lower-content h4 a{
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yiqu-blog-section .lower-content h4 a{
    width: 100%;
    height: 32px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.default-blog-news img{
    max-width: 100%;
    
}
.default-blog-news .lower-content .text p{
    font-family: "宋体";
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
}
.default-blog-news .xl-img-box img{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.default-blog-news:hover .xl-img-box img{
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.xl-yqwzAuthor{
  font-size: 14px;
  color:#848484;
  margin-right: 8px;
  height: 20px;
  line-height: 20px;
}
.xl-yqwzAuthor span.Authorname{
  float: left;
  height: 20px;
  line-height: 20px;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 6px;
}
.xl-yqwzAuthor span.Authortime{
  float: left;
  height: 20px;
  line-height: 20px;
}
.xl-yqwz h4{
  margin-top: 6px;
  margin-bottom: 20px;
}
.xl-yqwz p{
  height: 22px;
  line-height: 22px;
  overflow: hidden;
}
.xl-yqwz a{
  width: 100%;
  height:22px;
  line-height: 22px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

}
.xl-yqwz p a:hover{
  color:#848484;
}
.xl-yqwzBox .xl-mb30:hover .xl-yqwzTitle{
  color:#e54545;
}
.xl-yqwzMb{
  width: 100%;
  height: 22px;
  overflow: hidden;
  margin-bottom: 6px;
}
.xl-yqwzTitle{
  width: 100%;
  margin-top: 8px;
  margin-bottom: 3px;
  color:#444;
  font-family: '宋体';
  font-weight: 700;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;

}

.xl-yqwzJianjie{
  font-family: '宋体';
  font-size: 14px;
  color:#848484;
}
.xl-yqzyContent{
  margin-top: 6px;
  font-family: '宋体';
  font-size: 12px;
  height: 50px;
  display: box;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/*第几行出现省略号*/
}
.xl-xiaoBox a{
  display:block;
}
.xl-xiaoBox:hover .xl-yqwzTitle, 
.xl-yqwz:hover .xl-yqwzTitle{
  color:#e54545;
}
.specialBox a{display:block;}
.specialBox img{width: 100%;}
.xl-dwtuBox{overflow: hidden;}
.xl-dwtuBox{
  border:1px solid #fff;
}
.xl-xiaoBox img{
  width: 100%;
  width: 262px;
  height: 148px;
  border:none;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
       -o-transition: all 1s ease;
          transition: all 1s ease;
}
.xl-xiaoBox:hover img{
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
       -o-transition: all 1s ease;
          transition: all 1s ease;
}
.xl-yqzyContent:hover{
  color:#848484;
}
.xl-dwjieshao{height: 160px;}
.xl-dwjieshao a{
  height: 160px;
  font-family: '宋体';
  color:#848484;
  line-height: 2;
  display: box;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;/*第几行出现省略号*/
}
.xl-dwjieshao a:hover{
  color:#666;
}
.xl-qiehuan{
  height: 30px;
  line-height: 24px;
  border-radius: 2px;
  font-size: 14px;
  cursor:pointer; 
}
.xl-qiehuan a{
  display: inline-block;
}
.daty_con{width: 120px;height: 27px;position:static;float: right;margin-top: 2px;}
/*-------------------二级页面艺趣end-------------------*/

/*-------------------二级级页面熊氏公益------------------*/
.lejuantiaozhuan{
}
.xl-gongyi-box img{
    transform: scale(1);
    transition:all 1s linear;
}
.xl-gongyi-box .xl-gongyi-tu img{
    width: 370px;
    height: 208px;
}
.xl-gongyi-box .xl-gongyi-tu{
    overflow: hidden;
    border:1px solid #eee;
    position: relative;
}
.xl-gongyi-box:hover img{
    transform: scale(1.2);
    transition:all 1s linear;
}
.col-md-08{
  width: 66.6666666%;
  padding:0;
}
.public-welfareBox .PCimg{
  display:block;
}
.public-welfareBox .WAPimg{
  display:none;
}
.public-welfareBox img{
  width: 100%;
  transition: all 0.2s linear;
  border-radius: 6px;
}
.public-welfareBox img:hover{
  box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}
.public-welfareBox .zhuxue{
  border:4px solid #b34427;
}
.public-welfareBox .jinglao{
  border:4px solid #565656;
}
.public-welfareBox .lejuana{
  border:4px solid #c23a5e;
}
/*爱心平台*/
/*头部*/
.topBox .topType, .topBox{
  height:100px;
  text-align: center;
}
.topBox .topType{
  box-shadow: 0px 1px 2px #ccc;
}
.topBox .topType h5,
.topBox .topType p{
  color:#fff;
  font-size: 42px;
}
.topBox .topType h5{
  font-size: 20px;
  padding-top: 20px;
}
.topBox .topType p{
  height: 50px;
  line-height: 50px;
}
.topBox .topType1{
  background:#e5654c;
}
.topBox .topType2{
  background:#00c5ab;
}
.topBox .topType3{
  background:#576a7d;
}
/*说明*/
.publicTitle{
  width: 200px;
  font-size: 20px;
  height: 42px;
  line-height: 42px;
  color:#fff;
  text-align: center;
  margin-bottom: 15px;
}
.volunteerWhy{
  margin-bottom: 15px;
}
.volunteerWhy .WhyTitle{
  display:inline-block;
  width:auto;
  padding: 0 40px;
  font-size: 20px;
  height: 42px;
  line-height: 42px;
  color:#fff;
  text-align: center;
  background:#40bae0;
}
.volunteerWhy2{
  margin-top: 20px;
  margin-bottom: 0;
  padding: 0 15px;
}
.explainBox{
  
}
.explaintype p{
  font-size: 18px;
  color:#666;
  line-height: 32px;
}
.explaintype2{
  padding:0 15px;
}
.explainBox .publicTitle{
  background:#e54545;
}
.publicTitle2{
  padding:0 15px;
}
.publicTitle2 .typeBox{
  float: left;
}
.publicTitle2 .type{
  border:1px solid #e54545;
  color:#666;
  width: 200px;
  font-size: 20px;
  height: 42px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 15px;
}
.publicTitle2 .typeBox.dq .type,
.publicTitle2 .typeBox.dq:hover .type{
  background:#e54545;
  color:#fff;
}
.publicTitle2 .typeBox:hover .type{
  background:#F56B6B;
  color:#fff;
}
.publicTitle2 .chaxunBox{
  float: right;
  display:none;
}
.publicTitle2 .chaxunBox select{
  height: 42px;
  padding:0 30px;
  float: left;
  border:1px solid #999;
  color:#666;
}
.publicTitle2 .chaxunBox .chaxunBtn{
  width: 42px;
  height: 42px;
  background:url(../images/icons/chaxun.png) no-repeat;
  background-size: 42px;
  background-position: 0 0;
  border:none;
  float: left;
  margin-left: 10px;
  padding: 0;
}
.publicTitle2 .chaxunBox .chaxunBtn:hover{
  background-position: 0 -42px;
}
.publicBtnBigBox{
  float: right;
}
.publicBtnBox{
  margin-top: 53px;
  height: auto;
  padding-bottom: 30px;
  background:#40bae0;
  text-align: center;
  box-shadow: 0px 1px 2px #ccc;
}
.publicBtnBox ul{
  padding:20px 41px;
  font-size: 18px;
  color:#fff;
}
.publicBtnBox a{
  color:#fff;
  font-size: 18px;
}
.publicBtnBox input{
  float: left;
  padding-left: 5px;
  width: 208px;
  height: 30px;
  line-height: 16px;
  color:#333;
  border: 1px solid #ccc;
  font-size: 14px;
}
.publicBtnBox textarea{
  width: 208px;
  float: left;
  padding: 5px;
  height: 60px;
  line-height: 26px;
  color:#333;
  border: 1px solid #ccc;
  resize:none;
  font-size: 16px;
}
.publicBtnBox label{
  float: left;
}
.publicBtnBox .yanzhengBox input{
  width: 95px;
  
}
.publicBtnBox .yanzhengBox img{
  width: 63px;
  height: 30px;
  margin:0 10px;
}
.publicBtnBox .yanzhengBox a{
  display:block;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
}
.moneytype a{
  float: left;
  margin-right: 5px;
  padding: 3px 12px;
  background:#fff;
  border: 1px solid #ccc;
  color:#333;
  font-size: 16px;
}
.moneytype a.current,
.moneytype a:hover{
  border: 1px solid #fff;
  background:#40bae0;
  color:#fff;
}
.moneytypeInput{
  float: left;
  position: relative;
}
.moneytype input{
  margin-left: 54px;
  margin-top: 10px;
  border: 1px solid #ccc;
}
.moneytype div.yuan{
  width: 30px;
  height: 30px;
  line-height: 28px;
  position: absolute;
  bottom: 0;
  right:4px;
  color:#40bae0;
}
.publicBtnBox ul li{
  width: 100%;
  height: auto;
  padding:10px 0;
}
.publicBtnBox ul label{
  font-weight: normal;
}
.publicBtnBox a.publicBtn{
  background:#fff;
  color:#40bae0;
  width: 180px;
  height: 44px;
  line-height: 44px;
  box-shadow: 0px 1px 2px #ccc;
  border-radius: 4px;
  text-align: center;
  font-size: 24px;
}
.publicBtnBox a.publicBtn:hover{
  background:#E5654C;
  color:#fff;
  transition:all 1s ;
}
#title{width:300px;margin:3% auto 0;}

#title h2{font-size:18px;}

#wrapper{width:980px;margin:0 auto;background:#f8f8f8;border:1px solid #a3a3a3;padding:20px 20px 50px;border-radius:5px;-moz-border-radius:5px;}



/* box */

.box{margin:80px auto 40px;background:#fff;}

.tab_menu{overflow:hidden;padding-bottom: 10px;border-bottom: 1px solid #ddd;}

.tab_menu li{width:200px;float:left;font-size: 20px;height:42px;line-height:40px;color:#666;background:#fff;text-align:center;cursor:pointer;border:1px solid #e54545;}

.tab_menu li.current,
.tab_menu li.current:hover{color:#fff;background:#e54545;}
.tab_menu li:hover{color:#fff;background:#F56B6B;}
.tab_menu li a{color:#fff;text-decoration:none;}

.tab_menu li.current a{color:#333;}

.tab_box{padding:6px;position: relative;margin-top: 10px;}

.nodata{text-align:center;font-size:16px;color:#22B14C;}
.nodata img{vertical-align:middle;margin-right:3px;}
#tab_box1{overflow:hidden;}
.gongdeBigBox{width: 100%;overflow:hidden;height: 840px;}/* height: 820px;*/
.gongdeBigBox.gongdeBigBox-more,
.fuchiBigBox.fuchiBigBox-more{height:auto!important;}
.gongdeBox li{width: 50%;float: left; color:#666;padding:10px 0px;}

.gongdeBox li div{float: left;padding:0px 4px;min-height: 36px;line-height: 26px;}
.gongdeBox li div:first-child{padding-left: 0px;line-height: 22px;}
.gongdeBox li div:nth-of-type(2){width: 110px;padding-left: 10px;}
.gongdeBox li div:nth-of-type(3){width: 100px;}
.gongdeBox li div:nth-of-type(4){width: 100px;color:#ff4400;text-align: right ;}
.gongdeBox li div:nth-of-type(5){padding-left: 20px;width: 190px;text-align: right ;}

.more{position: absolute;right:5px;top: -50px;color:#fff;background:#e54545;padding:4px 6px 4px 10px;}
.more:hover{color:#fff;}

#tab_box2{overflow:hidden;}
.fuchiBigBox{width: 100%; height: 1380px;overflow:hidden;}
.fuchiBox li{width: 100%;float: left; color:#666;padding:10px 0;}
.fuchiBox li div{float: left;padding:0px 4px;min-height: 36px;line-height: 22px;margin-left: 46px;}
.fuchiBox li div:first-child{margin-left: 0px;}
.fuchiBox li div:nth-of-type(2){margin-left: 10px;}
.tab_box .hideul{visibility:hidden;position: absolute;top: -9999px;left: 0;}
/*更多页面的搜索*/
.box .search{
  position: absolute;
  right: 0px;
  top: -63px;
  width: 400px;
  font-size: 20px;
  height: 42px;
}
.box .search form{
  height: 42px;
}
.box .search input{
  width: 400px;
  height: 100%;
  line-height: 42px;
  color: #666;
  background: #fafafa;
  border: 1px solid #ccc;
  padding-left: 10px;
  padding-right:42px;
}

.box .search a{
  width: 42px;
  height: 42px;
  line-height: 42px;
  position: absolute;
  top: 0;
  right:0;
  background:url(../images/icons/LJ-search.png) no-repeat center center;
  background-size:30px 30px;
}
.box .search a:hover{
  background:url(../images/icons/LJ-search2.png) no-repeat center center;
  background-size:70%;
}

/*-------------------二级级页面熊氏公益end------------------*/


/*-------------------二级级页面登记信息------------------*/
.perifmBg{
  background:#fcfcfc;
}
.perifmBigbox{
  background:#fff;
  box-shadow: 0px 1px 1px #ccc;
  margin-bottom: 30px;
}
.perifmTitle{
  padding: 30px 0 40px 40px;
}
.perifmbiaoshi{
  text-align: center;   
}
.perifmbiaoshi img{
  display:inline-block;
  width: 16%;
}
.perifmbiaoshi p{
  font-size: 24px;
  padding:20px 0;
  color:#25AE88;
}
.perifmbiaoshi p.perifmF{
  color:#E0B055;
}
.perifmTr.hauto{
  height:auto;
}
.perifmTd{
  float: left;
  height: 36px;
  line-height: 32px;
}
.perifmTd.hauto{
  height:auto;
}
iframe#rightbox{
  width: 824px;
}
.tal{text-align: left;}
.tar{text-align: right;}
.xl-w14{width: 14%;padding-right: 6px;}
.xl-w16{width: 16%;padding-right: 6px;}
.xl-w28{width: 28%;padding-right: 6px;}
.xl-w30{width: 30%;padding-left: 20px;}
.xl-w60{width: 60%;padding-left: 20px;}
.xl-w30{width: 30%;padding-left: 20px;}
.xl-w84{width: 84%;padding-left: 20px;}
.xl-w100{width: 100%;}
.xl-h116{height: 116px;}
.xl-h100{height: 100px;}
.perifmTr{
  margin-bottom: 25px;
}
.perifmBigbox-look .perifmTdFu{width: 50%;display:inline-block;float: left;}
.perifmBigbox-look .xl-w16{color:#999;}
.perifmBigbox-look .perifmTr{
  margin-bottom: 0px;
}
.perifmBigbox-look .perifmTr:nth-child(odd){
  background:#FFF9F9;
}
.perifmBigbox-look .perifmTd{
  height: 70px;
  padding-top: 18px;
  padding-bottom:18px ;
  line-height: 35px;
}
.perifmTd input,
.perifmTd .perifmFont{
  border:1px solid #e0e0e0;
  border-radius: 6px;
  height: 36px;
  width: 80%;
  text-indent: 1em;
}
.perifmTd input[type="radio"]{
  width: 14px;
  height: 14px;
}
.radioBox{width: 60px;font-size: 16px;font-weight: normal;}
.radioBox input{
  float: left;
  margin-top: 10px;
  margin-right: 5px;
}
.perifmTd textarea{
  border:1px solid #e0e0e0;
  border-radius: 6px;
  height: 116px;
  width: 80%;
  resize:none;
}
.perifmTd.xl-w84 textarea,
.perifmTd.xl-w84 input{
  width: 824px;
}
.perifmTd img{
  border:1px solid #e0e0e0;
}
.perifmTd select{
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  height: 36px;
  width: 80%;
  outline: none;
}
.perifmBtn{text-align: center;margin-bottom: 30px;}
.perifmBtn input{
  display:inline-block;
  background: #e54545;
  color: #fff;
  width: 120px;
  height: 36px;
  line-height: 32px;
  border:1px solid #e54545;
  box-shadow: 0px 1px 2px #ccc;
  border-radius: 4px;
  text-align: center;
  font-size: 18px;
}
.headPortrait{
  margin-top: 22px;
}
.perBtn{
  display:inline-block;
  background: #e54545;
  color: #fff;
  border:1px solid #e54545;
  box-shadow: 0px 1px 2px #ccc;
  border-radius: 4px;
  text-align: center;
  padding:2px 12px;
}
.perBtn:hover{
  background:#CE3E3E;
  color:#fff;
}
.perifmBtn input:hover{
  background:#CE3E3E;
}
.perifmmust{color:#e54545;height: 36px;width: 8px;margin-right: 4px;}
.lcell{position: absolute;margin-top: 120px;margin-left: 35px;}
.upload{position:relative; display:inline-block; height:36px;line-height:33px; overflow:hidden;vertical-align:middle; cursor:pointer;}
.upload .upload-input-file{width: 120px;height: 36px;position:absolute; right:0; top:0; font-size:12px; opacity:0; filter:alpha(opacity=0);cursor:pointer;}
.upload .upload-btn{outline:none;border:0;width: 120px; padding:0px 0px;color:#fff;background:#1c84c6;cursor:pointer;height: 36px;line-height: 36px;text-indent: 0;}
.upload .upload-url {border: solid 1px #ddd; width: 200px; height:28px;-webkit-line-height: 1;line-height: 30px\9;-ms-line-height: 30px; text-indent:3px;display:none;}
.upload .upload-tip {display:none; background-color:#1c84c6; padding:2px 10px; color:#fefefe; font-size:12px !important;border-radius:3px;}


/*正文*/

.perifmBigbox-text h3.textTitle{
  padding: 30px 0 20px 25px;
  margin:0 15px 15px;
  border-bottom:1px solid #D9D9D9;
  position: relative;
}
.perifmBigbox-text h3.textTitle img{
  position: absolute;
  bottom:-1px;
  left:61px;
  width: 24px;
}
.perifmBigbox-text .default-blog-news .lower-content{
  
}
.perifmBigbox-text .default-blog-news .lower-content,
.perifmBigbox-text .default-blog-news .img-box{
  
}

/*列表*/
.xl-perifmlist{
  float: left;
  padding-left: 0;
}
.xl-personnel2-box.xl-perifmlist-box:hover {
  
}
.xl-perifmlist p.fontHead{
  font-size: 18px;
  color:#444;
}
.xl-perifmlist p{
  color:#666;
  padding:9px 0;
}
@media (max-width: 1200px) and (min-width:992px){
  .perifmTd.xl-w84 textarea, .perifmTd.xl-w84 input {
    width: 664px;
  }

}
@media (max-width: 991px) {
  iframe#rightbox{
    width: 100%; 
  }
  .perifmbiaoshi img{
    width: 30%;
  }
  .perifmTitle{padding:10px 0 15px 10px;}
  .perifmBigbox{margin:0 0 30px;}
  .perifmTr{margin-bottom: 0px;}
  .perifmTd{margin-bottom: 40px;}
  .perifmBigbox-look .perifmTdFu{width: 100%;}
  .perifmBigbox-look .perifmTr:nth-child(odd){background:none;}
  .perifmBigbox-look .perifmTdFu:nth-child(1){background:#FFF9F9;}
  .perifmBigbox-look .perifmTr.wapbg{background:#FFF9F9;}

  .perifmBigbox-look .perifmTdFu:nth-child(2){background:none;}
  .perifmBigbox-look .perifmTr:nth-child(2) .perifmTd{
    background:#fff;
  }
  .perifmBigbox-look .perifmTr:nth-child(4) .perifmTd{
    background:#fff;
  }
  .perifmBigbox-look .perifmTr:last-child .perifmTdFu{
    background:#fff;
  }
  .perifmBigbox-look .perifmTd{margin-bottom: 0px;min-height: 50px;height: auto;padding:10px 0 10px 20px;}
  .xl-w16{width: 25%;padding-right: 6px;}
  .xl-w30, .xl-w84{width: 70%;padding-left: 20px;}
  .xl-w30, .xl-w84{width: 70%;padding-left: 20px;}
  .wap-h275{height: 275px!important;}
  .wap-h116{height: 116px;}
  .perifmTd.xl-w84 textarea{width: 80%;}
  .xl-w14{width: 28%;}
  .xl-w84, .xl-w60{width: 70%;}
  .perifmBigbox-text{
    padding:10px 5%;
  }
  .perifmTd.xl-w84 textarea, .perifmTd.xl-w84 input{width: 80%;}
}
@media (max-width: 430px) {
  .xl-w30, .xl-w28, .xl-w14{width: 100%;padding-right: 0px;padding-left: 20px;margin-bottom: 0;text-align: left;}
  .xl-w30, .xl-w84, .xl-w60{width: 100%;padding-left: 20px;}
  .xl-w16.tar{width: 80%;padding-left: 20px;text-align: left;margin-bottom: 0px;}
  .xl-w30.tal{margin-bottom: 15px;}
}
/*-------------------二级级页面登记信息end------------------*/
/*-------------------二级级页面志愿者报名------------------*/
.volunteerJoinBox{
  margin-bottom: 30px;
}
.volunteerJoinBox2{
  margin-bottom: 30px;
  display:none;
}
.volunteerJoin{
  margin-top: 0;
  color:#fff;
  font-size: 16px;
  padding:25px 0;
}


.volunteerJoin h3{
  text-align: left;
  padding-left: 4px;
  margin-left: 20px;
  margin-bottom: 15px; 
  color:#fff;
  text-shadow: 1px 2px 1px #327B92;
}
.volunteerJoin span.sanjiao{
  display:inline-block;
  margin-left: 5px;
  width: 0;
  height: 0;
  box-shadow: 0 0 0 #327B92, 
   0 0 0 #327B92, 
   1px 2px 1px #3D97B3, 
   1px 2px 1px #3D97B3; 
  border-bottom: 18px solid #fff;
  border-left: 18px solid transparent;
}
.volunteerJoin label{
  font-weight: normal;
}
.volunteerJoin input{
  border:none;
  border-radius: 3px;
  width: 80%;
}
.volunteerJoin select{
  color:#333;
  border:none;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
}
.volunteerJoin textarea{
  width: 80%;
  border:none;
  border-radius: 3px;
}
.volunteerJoinBox .publicTitle {
    background: #e54545;
}
.volunteerJoin .volunteerJointd{
  margin-bottom: 20px;
}
.volunteerJoin .volunteerJointd .volunteerJointxt{
  text-align: right;
  height: 30px;
  line-height: 30px;
  text-shadow: 1px 1px 1px #30829C;
}
.volunteerJoin .volunteerJointd .volunteerJointxt2{
  text-align: left;
  height: 30px;
  line-height: 30px;
  padding-right: 0;
}
.volunteerJoin .volunteerJointd .volunteerJointxt3{
  text-align: left;
  height: 80px;
  line-height: 24px;
  padding-right: 0;
}
.volunteerJoin .volunteerJointd .volunteerJointxt3 textarea{
  height: 80px;
  line-height: 24px;
}
.volunteerJointxt2 a{
  font-size: 16px;
}
.volunteerJointxt2 .xueli{
  width: 80%;
}
.volunteerJoin input[type="radio"] {
    width: 14px;
    height: 14px;

}
.volunteerJoin .yanzhengBox{
  width: 102px;
  margin-right: 6px;
}
.volunteerJoinimg {
  height: auto;
}
.volunteerJoin .volunteerJoinimg .volunteerJointxt2{
  height: 190px;
}

.volunteerJoin .imgCode{
  margin-right: 4px;
}
.publicBtnBox a.volunteerJoinBtn{
  margin-top: 30px;
  box-shadow: 1px 2px 2px #479BB5;
}
.volunteerJoin a.publicBtn:hover {
  background: #EF9191;
  color: #fff;
  transition: all 1s;
  box-shadow: 0px 1px 2px #30829C;
}

.volunteerSketch{
  padding-left: 40px;
}
.volunteerTitle{
  margin-top: 20px;
  margin-bottom: 0;
}
.volunteerTitle a{
  display:block;
  width: 100%;
  color:#fff;
}
.volunteerSketchtu{
  margin-top: 20px;
  float: left;

}

.volunteerSketchbox{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.volunteerSketchbox .volunteerSketchzi{
  text-align: center;
  width: 100%;
  font-size: 18px;
  color:#333;
  padding:8px 0;
  
}

.volunteerSketchbox img{
  width: 210px;
  height: 305px;
}
@media (max-width: 1200px) and (min-width:992px){
  .volunteerJoin .volunteerJointd .volunteerJointxt{
   
  }
  .volunteerSketchbox img{
    width: 164px;
    height: 238px;
  }
}
@media (max-width: 991px){
  .volunteerSketch{
    padding:0 15px;
  }
  .volunteerJoin .volunteerJointd .volunteerJointxt{
   text-align: left;
  }
  .volunteerSketchbox img{
    width: 157px;
    height: 228px;
  }
}
@media (max-width: 768px){
  .volunteerSketchbox .vltImgBox{
    width: 100%;
    height: auto;
    padding-top:144.74%;
    position: relative;
  }
  .volunteerSketchbox .vltImgBox img{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
  }
}
/*-------------------二级级页面志愿者报名end------------------*/
/*-------------------二级级页面志愿者展示------------------*/
.volunteershowBox .vshowTitle{
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  margin:0 15px;
  border-bottom: 2px solid #ccc;
  color:#444;
  margin-top: 10px;
}
.volunteershowBox .vshowTitle a{
  color:#666;
  font-size: 14px;
}
.volunteershow1, .volunteershow2{
  background:#fff;
  box-shadow: 0px 1px 3px #ccc;
  height: auto;
}
.xl-vshowp{
  padding-bottom: 10px;
    border-bottom: 1px dashed #bbb;
}    
.xl-vshowp p{
      width: 100%;
    min-height: 118px;
    line-height: 28px;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.col-md-45{
  width: 46%;
}
.vpeopletu{
  width: 102px;
}
.vpeopletu img{
  width: 102px;
}
.volunteershow2{
}
.volunteershow2 table tr{
  height: 176px;
  border-bottom: 1px dashed #bbb;
}
.volunteershow2 table tr:last-child{
  border-bottom:none;
}
.vpeoplezi{
  padding-left: 15px;
  
}
.vpeoplezi a{
  color:#666;
}
.vpeoplezi p{
  margin-bottom: 6px;
}
.vpeopleziJn{
  width: 100%;
    height: 86px;
    line-height: 22px;
    display: box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
@media (max-width: 1200px) and (min-width:992px){
  .col-md-45{
    width: 100%;
  }
  .volunteershowBox .xl-gongyi-box:last-child .xl-vshowp{
    border-bottom:none;
  }
}
@media (max-width: 991px){
  .col-md-45{
    width: 100%;
  }
  .volunteershowBox .xl-gongyi-tu img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  .volunteershowBox .xl-gongyi-box .xl-vshowp{
    border-bottom:none;
  }
}
/*-------------------二级级页面志愿者展示end------------------*/
/*-------------------二级级页面搜索------------------*/
.xl-searchbigBox{
  
}
.xl-searchbigBox .xl-searchBox{
  height: 50px;
  border-radius: 3px;
  border:1px solid #ccc;
  background: #fafafa;
  padding-left:40px;
  position: relative;
}
.xl-searchbigBox .xl-searchBox .xl-searchLeft input{
  border:none;
  background:none;
  font-size: 18px;
  color:#666;
  width: 80%;
  margin-top: 8px;
  height: 30px;
  line-height: 30px;
}
.xl-searchbigBox .xl-searchRight{
  width: 80px;
  height: 50px;
  position: absolute;
  top:-1px;
  right:-1px;
  border:none;
  border-radius:0 3px 3px 0;
  background:#e54545 url(../images/icons/searchwhite.png) no-repeat center center;
}
.xl-searchbigBox .xl-searchRight:hover{
  background: #CA3D3D url(../images/icons/searchwhite.png) no-repeat center center;
}
/*-------------------二级级页面搜索end------------------*/
/*-------------------二级级页面发布信息------------------*/
.relase-title{
}
.relase-title h2{
  padding-bottom: 10px;
  border-left:none;
  border-bottom: 5px solid #e54545;
  height:auto;
  min-height: 42px;
  padding-left: 0;
}
.relase-title .tishi{
  float: right;
  font-size: 14px;
  color:#e54545;
}
.relaseBox{
  margin-top: 20px;
}
.relaseBox:hover h3{
  color:#e54545;
}
.relaseA{
  display:block;
}
.relaseTitle{
  width: 100%;
}
.relaseTitle h3{
  width: 76%;
  float: left;
  color:#333;
  font-size: 20px;
  background: url(../images/icons/s0_11.jpg) no-repeat left center;
  padding-left: 10px;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.relaseTitle span{
  float: right;
  font-size: 14px;
  color:#999;
}
.relaseTitle span i{
  font-style: normal;
  margin-right: 10px;
}
.relaseContent{
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  max-height: 72px;
  color:#777;
  overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; 
}
@media (max-width: 767px) {

  .relase-title .tishi{
    float: none;
    display:block;
    margin-top: 10px;
  }
  .relaseTitle h3{
    width: 100%;
    float: none;
    color:#333;
    font-size: 20px;
    overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  .relaseTitle span{
    float: none;
    display:block;
    margin-top: 10px;
  }
}
/*-------------------二级级页面发布信息end------------------*/
/*-------------------二级级页面在线留言------------------*/
.message-box{
    padding:40px 0 60px;
}
.message-input1{
    padding:0 20px;
    color:#ccc;
    font-size: 22px;
    width: 100%;
    height: 80px;
    line-height: 76px\0/;
    border:2px solid #999;
    border-radius: 10px;
    box-shadow: 0 1px 2px #ddd;
}
.message-textarea{
    margin-top: 30px;
    width: 100%;
    height: 260px;
    border:2px solid #999;
    border-radius: 10px;
    color:#ccc;
    font-size: 22px;
    padding:20px;
    resize: none;
    box-shadow: 0 1px 2px #ddd;
}
.message-textarea::-webkit-input-placeholder {   
    color:#ccc;   
} 
.messagebottom{

}
.yzbox{
    padding-top: 15px;
    margin-right: 50px;
}
.yzbox p{
    color:#999;
    margin-bottom: 4px;
}
.yzbox .yztu{
    margin-top: 10px;
}
.yzbox .yztu img{
    margin-right: 10px;
    height: 40px;
}
.yzbox .yztu a{
    color:#288feb;
    display:block;
    line-height: 40px;
}
.message-button{
    margin-top: 30px;
    text-align: center;
    width: 20%;
    height: 80px;
    border-radius: 10px;
    color:#fff;
    background:#e54545;
    border:2px solid #e54545;
    font-size: 22px;
    box-shadow: 0 1px 2px #ddd;
    cursor:pointer;
    transition:all .6s;
}
.message-button:hover{
        color:#e54545;
        background:#fff;
        border:2px solid #e54545;
    }
.message2-box{
    padding:0px 0 20px;
}
.message2-name{
    font-size: 20px;
    color:#fff;
    background:url(../images/logo/timebg.png) no-repeat center center;
    background-size:cover;
    background-color:#e54545;
    border-radius: 10px;
    width: 200px;
    height: 200px;
    text-align: center;

}
.message2-name .time{
    margin-top: 64px;
}
.message2-name p{
    font-family: "微软雅黑";
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 10px;
}

.message2-box li{
    margin-bottom: 50px;
}
.message2-nr{
    border-radius: 10px;
    min-height: 200px;
    background:#f1f1f1;
    float: right;
    position: relative;
    padding:30px 40px;
}
.message-sanjiao{
    position: absolute;
    top: 42px;
    left:-20px;
}
.message2-nr h3 a{
    font-size: 20px;
    color:#666;
    display:block;
    overflow: hidden;
line-height:1.5;
}/*white-space: nowrap;
text-overflow: ellipsis;*/

.message2-nr p{
    margin-top: 10px;
    font-size: 18px;
    line-height: 28px;
    color:#999;
}
.message-chakan{
    margin-right: 10px;
    color:#288feb;
}
/*提示框*/
.xl-tishikuang-box, .xl-tishikuang-box2, .public-tishikuang-box{
    display:none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left:0;
    background:rgba(0,0,0,0.4);
    z-index: 9999;
}
.xl-tishikuang, .public-tishikuang{
    width: 360px;
    height: auto;
    position: fixed;
    top: 50%;
    left:50%;
    margin-top: -80px;
    margin-left: -180px;
    z-index: 1000;
    background:#fff;
    border-radius: 6px;
    box-shadow: 0px 1px 2px #666;
}
.xl-tishikuangc .xl-tishikuangcTxt{
  min-height: 80px;
  line-height: 80px;
}
.xl-tishikuangc img{
  width: 60%;
  margin: 30px 0;
  display:none;
}
.public-tishikuang{
  width: 660px;
  height: 480px;
  margin-top: -240px;
  margin-left: -330px;
}
.xl-tishikuangt{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background:#F7F7F7;
    border-radius: 6px 6px 0 0;
    font-size: 22px;
    text-indent: 22px;
    color:#333;
    border-bottom:1px solid #ccc;
}
.xl-tishikuangc, .public-tishikuangc{
    text-align: center;
    width: 100%;
    height: auto;
    line-height: 100px;
    font-size: 16px;
    color:#666;
}
.public-tishikuangc{
    text-align: center;
    width: 100%;
    height: auto;
    line-height: 100px;
    font-size: 16px;
    color:#666;
}
.xl-tishikuangt img{
  width: 30px;
  height: 30px;
  float: right;
  margin-top: 5px;
  margin-right: 10px;
  cursor:pointer;
}
.public-tishikuangc{
    height: auto;
}
.public-tishikuangcwz{
  height: 80px;
  line-height: 80px;
    font-size: 16px;
  color: #56504d;
  font-weight: bold;;
}
.public-tishikuangcwz span{
  color: #ff7200;
}
.public-tishikuangcwz2{
  height: 80px;
  line-height: 80px;
    font-size: 16px;
  color: #56504d;
}
.public-tishikuangc img.erwmzf{
  width: 260px;
  height: 260px;
  padding:10px ;
  border: 1px #cfcfcf solid;
}
.public-tishikuangc img.erwmzfcg{
  width: 260px;
  height: 260px;
  padding:10px ;
  border: 1px #cfcfcf solid;
}
#erwmzfcg{
  display:none;
}

.xl-tishikuangb{
    width: 100%;
    height: 60px;
    
    text-align: center;
}
.xl-tishikuangb button{
    margin-top: 10px;
    width: 56px;
    height: 30px;
    border-radius: 4px;
    margin-right: 20px;
    background:#e54545;
    border:1px solid #e54545;
    color:#fff;
    cursor:pointer;
    display:inline-block;
}
.xl-tishikuangb button.nomagn{
    margin-right: 0;
    background:#f3f3f3;
    border:1px solid #ccc;
    color:#999;
}
.xl-tishikuangb button.nomagn:hover{
  background:#e54545;
    border:1px solid #e54545;
    color:#fff;
}
/*-------------------二级级页面在线留言end------------------*/
@media (max-width: 1200px) {
    .message-textarea, .message-input1{
        font-size: 1.4rem;
    }
}  
@media (max-width: 1200px) and (min-width: 669px) {

}
@media (min-width: 768px){
    
}
@media (max-width: 768px) {
    .message-input1{
        height: 60px;
    }
    .message-box{
        padding:4%;
    }
    .message2-box{
        padding:4%;
    }
    .message-button{
        margin-top: 20px;
        width: 40%;
        height: 60px;
        font-size: 1.4rem;
    }
    .message2-box li{
        padding-bottom: 20px;
        border-bottom:1px solid #aaa;
    }
    .message2-name{
        margin-bottom: 10px;
    }
    .message2-nr h3 a{
        font-size: 1.6rem;
    }
    .message2-nr p{
        font-size: 1.4rem;
    }
    .xl-tishikuang{
        width: 320px;
        margin-left: -160px;
    }
    
}
@media (max-width: 470px){
    .xl-tishikuang{
        width: 80%;
        margin-left: -40%;
    }
}
/*-------------------三级级页面-------------------*/
/*-------------------三级级页面熊史来源详情页面-------------------*/
.xl-about-faq img{
    width: 100%;
}
.xl-about-t-qitalaiyuan .row img{
    border:1px solid #ddd;
}
.xl-about-t .xl-about-t-qitalaiyuan h4{
    padding:7px 0 6px;
}
.xl-about-t .xl-about-t-qitalaiyuan h4 a{
    color:#444;
}
.xl-about-t .xl-about-t-qitalaiyuan h4 a:hover{
    color:#e54545;
}
.xl-qitalaiyuan-box a{
    width: 100%;
    display:inline-block;
}
.xl-qitalaiyuan-box a h4{
    color:#444;
    width: 84%;
    font-size: 16px;
    font-weight: 700;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 7px;
    margin-bottom: 6px;
    transition: .5s ease;
}
.xl-qitalaiyuan-box .col-md-6:hover a h4{
  color:#e54545;
  transition: .5s ease;
}

.xl-qitalaiyuan-box p{

}
.xl-about-t .xl-about-t-qitalaiyuan h4 a{
    max-width: 100%;
    width: 270px;
    height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.xl-about-t .about-faq .text{
    height:auto;
    padding-right: 10px;

}
/*-------------------三级级页面熊史来源详情页面end-------------------*/
/*-------------------三级页面文章-------------------*/
.xl-si-bg{
    
    background-size:100%;
    padding:0 40px;
}
.xl-si-row{
    font-family: "宋体";
    padding:0px 15px 0 22px ;
}
.xl-si-row h3{
    font-family: "宋体";
    color: #0e5899;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    padding:40px 100px 20px;
}
.xl-si-row div.xl-fabu{
    color:#666;
    min-height: 36px;
    line-height: 1.6;
    font-size: 12px;
    margin:10px 0 25px;
    padding:12px 4% 10px;
    background:#f5f5f5;
}
.xl-si-row div.xl-fabu #yuedu img{width:16px;}
.xl-si-row div.xl-fabu span{
    padding-right: 30px;
}

.xl-si-w{
    font-family: "宋体";
    background:#f7f7f7;
    color:#848484;
}
.xl-si-w img{
    margin-top: 6px;
}
.xl-si-row .xl-chushiwenzhang *, .xl-si-row .xl-chushiwenzhang{
    font-size: medium;
    line-height: normal;
    font-family: 宋体;
}
.xl-si-row .xl-chushiwenzhang{
  line-height: 1.8;
  padding:0 100px;
}
.xl-si-row .xl-chushiwenzhang *{
  line-height: 1.8;
}
.xl-si-row .xl-chushiwenzhang a{
  display:inline;
}
.xl-si-row .xl-chushiwenzhang a:hover{
  color:#e54545;
}
.xl-si-row .xl-chushiwenzhang p{
    font-size: 16px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.xl-si-row .xl-chushiwenzhang img{
    
}
.xl-si-row .xl-qiyewenzhang *{line-height: 2;}
.xl-qiyewenzhang{color:#666;}
.xl-qiyewenzhang .qiyetitleBox{border-bottom: 1px solid #eee;margin:45px 0 5px;}
.xl-qiyewenzhang h4.qiyetitle{font-family: "宋体";color: #0e5899;font-size: 20px;border-left: 2px solid #0e5899;height: 22px;line-height: 22px;padding-left: 6px;margin-bottom: 10px;}
.xl-qiyewenzhang h4.qiyetitle span{font-family: "宋体";color: #ccc;font-size: 18px;height: 22px;line-height: 22px;font-weight: normal;}
.xl-qiyewenzhang .qiyetopBox{color:#444;min-height:230px;}
.xl-qiyewenzhang .qiyetopType1{height: 100%;background:#f7f7f7;padding-bottom: 30px;}
.xl-qiyewenzhang .qiyetopType2{height: 100%;background:#EEF2F5;padding-bottom: 30px;}
.xl-qiyewenzhang .qiyetopBox li{padding:5px 0;}
.xl-qiyewenzhang .qiyetopType ul{margin-top: 25px;}
.xl-qiyewenzhang .qiyetopType span{float: left;width: 65px;text-align: right;}
.xl-qiyewenzhang .qiyetopType div{float: left;width: auto;text-align: left;}
.xl-qiyewenzhang .qiyetopType div.ml{float: none;margin-left: 65px;}


.jump{padding:0 100px;margin-top: 40px;}
.jump .jumpUp{margin-bottom: 10px;padding-top: 20px;border-top:1px dashed #999;}
.jump a{width: 100%;height: 20px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: '宋体';color:#666;font-size: 14px;padding-left: 26px;background:url(../images/icons/jump.png) no-repeat left 3px;}
.jump a span{color:#e54545;}
.jump .jumpDown a{background:url(../images/icons/jump.png) no-repeat left -15px;}
.jump a:hover{color:#e54545;}
/*-------------------三级页面文章end-------------------*/
/*-------------------三级页面左边导航图标------------------*/
.second-naviconbox li{
  padding-left: 40px;
}
.second-naviconbox li.dq a {color: #e54545;}
.culture .second-navicon{
  background:url(../images/icons/secondiconred.png) no-repeat;
  background-position: 0 0;
  background-size:24px 294px;
}
.arts .second-navicon{
  background:url(../images/icons/secondiconred.png) no-repeat; 
  background-position: 0 0;
  background-size:24px 294px;
}
.second-naviconbox .second-navicon2{
  background-position: 0 -42px;
}
.second-naviconbox .second-navicon3{
  background-position: 0 -84px;
}
.second-naviconbox .second-navicon4{
  background-position: 0 -126px;
}
.second-naviconbox .second-navicon5{
  background-position: 0 -168px;
}
.second-naviconbox .second-navicon6{
  background-position: 0 -210px;
}
.second-naviconbox .second-navicon7{
  background-position: 0 -252px;
}
/*-------------------三级页面左边导航图标end------------------*/
/*-------------------三级页面左边导航隐藏显示------------------*/
.second-navbox{
    position: relative;
    min-height: 600px;
}
.second-nav{
    width: 210px;
    position: absolute;
    top:0px;
    left:6%;
    border-right: 1px solid #f4f4f4;
    padding:0 10px;
    z-index: 244;
    background:#fff;
    -webkit-animation:secondnav1 1s ease-out forwards;
       -moz-animation:secondnav1 1s ease-out forwards;
         -o-animation:secondnav1 1s ease-out forwards;
            animation:secondnav1 1s ease-out forwards;
}
.second-nav.dq{
    position: fixed;
    top: 100px;
    left:6%;
    -webkit-animation:secondnav 1s ease-out forwards;
       -moz-animation:secondnav 1s ease-out forwards;
         -o-animation:secondnav 1s ease-out forwards;
            animation:secondnav 1s ease-out forwards;
}
.second-nav.dq2{
    position: absolute;
    top:auto;
    bottom:0;
    -webkit-animation:secondnav2 1s ease-out forwards;
       -moz-animation:secondnav2 1s ease-out forwards;
         -o-animation:secondnav2 1s ease-out forwards;
            animation:secondnav2 1s ease-out forwards;
}
.category-style-one ul{
    margin-bottom: 5px;
}
.category-style-one ul li .float_right img{width:16px;}
.sidebar-intsgram2 ul li{
    width: 50%; 
    height: 130px;
}
.sidebar-intsgram2 ul li a{
    display:block;
}
.sidebar-intsgram2 ul li a img{
    width: 90px;
    height: 124px;
}
.sidebar-intsgram2{
    padding-bottom: 10px;
}
.list-inline{
    margin:0;
}
.list-inline > li{
    padding:0;
}
.sidebar-intsgram2 ul li.l{
    padding-right: 5px;
}
.sidebar-intsgram2 ul li.r{
    padding-left: 5px;
}
.second-navyc{
    position: fixed;
    top: 522px;
    z-index: 245;
    cursor:pointer;
    width: 40px;
    height: 40px;
    border:1px solid #bbb;
    left: 0;
    background:#ddd url(../images/icons/right.png) no-repeat center center;
}
.second-navyc.dq{
    left: 0;
    top: 120px;
    -webkit-animation:secondnavyc 1s ease-out forwards;
       -moz-animation:secondnavyc 1s ease-out forwards;
         -o-animation:secondnavyc 1s ease-out forwards;
            animation:secondnavyc 1s ease-out forwards;
}
.second-navyc.dq1{
    background:#eee url(../images/icons/left.png) no-repeat center center;
}
.second-navyc:hover{
    background-color: #288feb;
    border-color: #288feb;
}
@-webkit-keyframes secondnav{
    0%   {top:300px;}
    100% {top: 100px;}
}
@-moz-keyframes secondnav{
    0%   {top:300px;}
    100% {top: 100px;}
}
@-ms-keyframes secondnav{
    0%   {top:300px;}
    100% {top: 100px;}
}
@-o-keyframes secondnav{
    0%   {top:300px;}
    100% {top: 100px;}
}
@keyframes secondnav{
    0%   {top:300px;}
    100% {top: 100px;}
}

@-webkit-keyframes secondnav1{
    0%   {top:80px;}
    100% {top: 0px;}
}
@-moz-keyframes secondnav1{
    0%   {top:80px;}
    100% {top: 0px;}
}
@-ms-keyframes secondnav1{
    0%   {top:80px;}
    100% {top: 0px;}
}
@-o-keyframes secondnav1{
    0%   {top:80px;}
    100% {top: 0px;}
}
@keyframes secondnav1{
    0%   {top:80px;}
    100% {top: 0px;}
}

@-webkit-keyframes secondnav2{
    0%   {bottom:80px;}
    100% {bottom: 0;}
}
@-moz-keyframes secondnav2{
    0%   {bottom:80px;}
    100% {bottom: 0;}
}
@-ms-keyframes secondnav2{
    0%   {bottom:80px;}
    100% {bottom: 0;}
}
@-o-keyframes secondnav2{
    0%   {bottom:80px;}
    100% {bottom: 0;}
}
@keyframes secondnav2 {
    0%   {bottom:80px;}
    100% {bottom: 0;}
}

@-webkit-keyframes secondnavyc{
    0%   {top:522px;}
    100% {top: 120px;}
}
@-moz-keyframes secondnavyc{
    0%   {top:522px;}
    100% {top: 120px;}
}
@-ms-keyframes secondnavyc{
    0%   {top:522px;}
    100% {top: 120px;}
}
@-o-keyframes secondnavyc{
    0%   {top:522px;}
    100% {top: 120px;}
}
@keyframes secondnavyc {
    0%   {top:522px;}
    100% {top: 120px;}
}
/*-------------------三级页面左边导航隐藏显示end------------------*/
/*-------------------三级级页面end-------------------*/
/*-------------------图片固定大小-------------------*/
.three-column .single-our-service .img-box img,
.our-services .single-our-service .img-box img{
    max-width: 100%;
    width: 370px;
    height: 208px;
}
.xl-personnel2-box .xl-personnel2-tu img{
    width: 210px;
    height: 292px;
    max-width: 100%;
}
.xl-about-t .xl-about-t-laiyuan .row img{
    max-width: 100%;
    width: 570px;
    margin-top: 30px;
    display:inline-block;
}
.xl-dianjibox img{
    max-width: 100%;
    width: 370px;
    height: 208px;
}
img{
    max-width:auto;
}
.xl-si-row img{
    max-width: 100%;
}
.xl-jiazu .img-box a img{
    max-width: 100%;
    width: 370px;
    height: 208px;       
}
.xl-service img{
    max-width: 180px;
    width: 180px;
    height: 60px;
}
.xl-service .xl-item img{
    max-width: 180px;
    width: 180px;
    height: 60px;
}
/*-------------------活动-------------------*/

.xl-img-box a img{
    width: 370px;  
    height: 208px;  
}
/*-------------------二级页面楚熊文化-------------------*/
.xl-qitalaiyuan-box .img-box img{
    width: 270px;
    height: 152px;
}
.our-jiapu img{
    width: 140px;
}
.our-team .single-team-member{
    width: 140px;

}
.our-team .single-team-member2{
    width: 256px;
    margin:0 auto 20px;   
}
.our-team .single-team-member2 img{
  max-width: 256px\0;
    width: 256px;
    height: 356px;
}
/*-------------------三级页面熊姓来源-------------------*/
.xl-about-t-qitalaiyuan .row img{
    max-width: 100%;
    width: 270px;
    height: 152px;
}
/*-------------------二级页面艺趣-------------------*/
.default-blog-news img{
    width: 370px;
    height: auto;
    height: 208px;
    
}
.sidebar-intsgram ul li .inner-box img{
    width: 110px;
    height: 153px;
}
.our-services .single-our-service .img-box{
    text-align: center;
    border:1px solid #ddd;
    border-bottom:none;
}


/*-------------------多级页面左边菜单隐藏显示-------------------*/
@media (max-width: 1801px){
    .second-nav{
        left:40px;
    }
    .second-nav.dq{
        left:40px;
    }
}
@media (max-width: 1201px) {
  .xl-text p{ 
      margin-bottom: 10px!important;
  }
  /*-------------------二级页面村庄最下面-------------------*/
  .xl-cunz1, .xl-cunz3{
      width: 80%;
  }
  /*-------------------二级页面人才-------------------*/
  .xl-personnel2-border {
      padding-bottom: 0px;
      margin-bottom: 0px;
      border:none;
  }
  .xl-personnel2-box{
      width: 100%;
      margin-bottom: 30px;
      padding-bottom: 30px;
      border-bottom: 1px solid #eee;
  }
  /*-------------------二级页面公益-------------------*/
  .col-md-08{
  width: 56.6666666%;
  }
  /*-------------------二级页面艺趣-------------------*/

}
@media (max-width: 1200px) and (min-width:992px){
  .main-logo{margin-top: 15px;}
  .main-logo img{height:64px ;}
  .xl-qitalaiyuan-box .img-box,
  .xl-qitalaiyuan-box .img-box img{
      width: 212px;
      height: 117px;
  }
  /*-------------------二级页面艺趣-------------------*/
  .default-blog-news img,.three-column .single-our-service .img-box img, .our-services .single-our-service .img-box img, .xl-dianjibox img, .xl-img-box a img, .three-column .single-our-service .img-box img, .our-services .single-our-service .img-box img{
      width: 293px;
      height: 166px;      
  }
  /*-------------------二级页面艺趣-------------------*/
  .xl-xiaoBox img{
    width: 205px;
    height: 115px;
  }
  /*-------------------二级页面公益-------------------*/
  .explainBox .col-md-4,
  .explainBox .col-md-8{
    width: 100%;
  }
  .moneytype input{
    margin-left: 0;
    margin-top: 0;
  }
  .explaintype{
    margin-top: 20px;
  }
  .gongdeBox li div:nth-of-type(5) {
    text-align: left;
    margin-left: 22px;
  }
}

/*-------------------小屏幕-------------------*/
@media (max-width: 991px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        min-height: 0;
    }
    .default-blog-news img,.three-column .single-our-service .img-box img, .our-services .single-our-service .img-box img, .xl-dianjibox img, .xl-img-box a img, .three-column .single-our-service .img-box img, .our-services .single-our-service .img-box img{
        width: auto;
        height: 194px;
        
    }
    .xl-r{
        float: left;
    }
    .xl-row{
        padding-right: 0;
    }
    .xl-searchbigBox .xl-searchBox{
      padding-left: 10px;
    }
    /*-------------------二级页面公益-------------------*/
    .xl-riqi1{
      display:block;
    }
    .xl-gongyi-box .xl-gongyi-tu{
      margin-bottom: 0;
    }
    .xl-cunz2{
      border:none;
    }
    .xl-new-biaoti{
      height: 32px;
      line-height: 32px;
    }
    .xl-gongyi-zi{
      padding: 8px 20px 15px;
      border: 1px solid #ddd;
      border-top: 0px;
    }
    .xl-riqi{
      display:none;
    }
    .tab_box{
      background:url(../images/juankuanbg.jpg) no-repeat;
      background-size:cover;
    }
    .tab_menu{
      padding-bottom: 50px;
    }
    .gongdeBox li div:nth-of-type(2){
      width:120px ;
    }
    .topBox .topType{
      margin-bottom: 20px;
    }
    .publicBtnBigBox{
      float: left;
    }
    .publicBtnBox{
      margin-top: 0;
      margin-bottom: 20px;
    }
    .publicBtnBox ul{
      padding:20px 8px 14px;
      margin:0px auto;
      width:300px;
    }
    .tab_menu li{
      width: 50%;
    }
    .gongdeBigBox{
      height: 376px;
    }
    .gongdeBox li{
      width: 100%;
    }
    .fuchiBigBox{
      height: 526px;
    }
    .fuchiBox li div{
      padding:4px;
      min-height: 24px;
      line-height: 24px;
      margin-left: 30px;
    }
    .public-tishikuang{
      width: 100%;
      left:0;
      margin-left: 0px;
    }
    .box .search{
      top: -50px;
      width: 100%;
      height: 42px;
      line-height: 42px;

    }
    .box .search form{
      height: 42px;
    }
    .box .search input{
      width: 100%;
      height: 42px;
      line-height: 42px;
    }

    .box .search a{
      width: 42px;
      height: 42px;
      line-height: 42px;
    }
    .gongdeBox li,
    .fuchiBox li{
      font-size: 14px;
      padding:6px 0;
    }
    .gongdeBox li img,
    .fuchiBox li img{
      width: 20px;
    }
    .gongdeBox li div,
    .fuchiBox li div{
      padding:0;
    }
    .breadcumb-wrapper .perBtn{
      padding:4px 16px;
    }
    /*企业*/
    .xl-service1 .xl-qiye{
        float: right;
        width: 68%;
        margin-top: 0;
    }
    .xl-qiye{
        margin-left: 0;
        margin-top: 10px;
        width: 90%;
    }
    /*-------------------二级页面熊氏文化-来源-------------------*/
    .about-faq .about-info{
        margin-bottom: 10px;
    }
    .xl-qitalaiyuan-bg{
        margin-top: 0;
    }
    /*-------------------二级页面熊氏文化-遗地-------------------*/
    /*-------------------二级页面人才页面-------------------*/
    .xl-personnel-box{
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom:1px solid #eee;
    }
    .xl-personnel-box{
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom:none;
    }
    .xl-personnel-box .xl-personnel{

    }
    .xl-personnel-box{
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom:1px solid #eee;
    }
    /*-------------------小屏幕二级页面艺趣-------------------*/
    .xl-qiehuan{
      margin-right: 8px;
    }
    .xl-rctu{
        border-right:1px solid #ddd;
    }
    .xl-rczi{
        padding-left: 22px;
    }
    .xl-rcnr{
        margin-top:0px;
        border-top: none;
    }
    .xl-xiaoBox img{
    width: 330px;
    height: 186px;
  }
  .xl-yqwzTitle{
    width: 100%;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
  }
  
  .xl-yqwzJianjie{
       
  }
  .xl-yqzyContent{
    font-family: "宋体";
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .xl-yqwz a{
    height: 24px;
  }
  /*-------------------二级页面村庄最下面-------------------*/
  .xl-cunz1, .xl-cunz3{
    width: 74%;
  }
  /*-------------------二级页面公益-------------------*/
    .col-md-08{
    width: 100%;
  }
  .public-welfareBox .PCimg{
    display:none;
  }
  .public-welfareBox .WAPimg{
    display:block;
  }
  .publicTitle{
    width: 210px;
  }


}
@media (max-width: 767px) {
  .second-navyc{display:none;}
  .container.xl-nopadd{
    padding:0;
  }
    /*-------------------移动端图片大小-------------------*/
    .default-blog-news a{
        display:block;
    }
    .three-column .single-our-service .img-box img,
    .our-services .single-our-service .img-box img, 
    .xl-about-t .xl-about-t-laiyuan .row img,
    .xl-dianjibox img,
    .xl-si-row img, 
    .xl-jiazu .img-box a img, 
    .xl-service .xl-item img,
    .xl-img-box a img,
    .about-faq .row img,
    .xl-about-t-qitalaiyuan .row img,
    .default-blog-news img,
    .xl-gongyi-box .xl-gongyi-tu img{
        max-width: 100%;
        width: 100%;
        height:auto;
    }
    .xl-si-row .xl-chushiwenzhang img{
      max-width: auto;
      width:auto;
    }
    /*-------------------熊氏文化二级页面-遗地-------------------*/
    .growth-service.style-2 .item.active1-1 span{
        color:#e54545;
    }
    .growth-service.style-2 .item.active1-1{
        background:#fff;
    }
    .growth-service.style-2 .item.active1-1:hover span, .growth-service.style-2 .item.active1-1:hover h4, .growth-service.style-2 .item.active1-1:hover p{
        color:#fff;
    }
    .growth-service.style-2 .item.active1-1 h4{
        color:#222;
    }
    .growth-service.style-2 .item.active1-1 p{
        color:#848484;
    }
    .growth-service.style-2 .item.active1-1:hover{
        background-color: #E85F5F;
    }

    .growth-service.style-2 .item.active2-1 span{
        color:#fff;
    }
    .growth-service.style-2 .item.active2-1{
        background:#E85F5F;
    }
    .growth-service.style-2 .item.active2-1 h4, .growth-service.style-2 .item.active2-1 p{
        color:#fff;
    }

    .xl-img-box, .our-services .single-our-service .img-box, .our-services .single-our-service .img-box img{
        max-width: 100%;
        width:100%;
        height:auto;
    }
    .default-blog-news img{
        width: 100%;
        height:auto;
    }
    .our-services .single-our-service {
        margin-bottom: 16px;
    }
    /*-------------------小屏幕二级页面艺趣-------------------*/
    .xl-rctu{
        border-right:none;
    }
    .xl-xiaoBox img{
    width: 100%;
    height: auto;
  }
    /*-------------------小屏幕文章页面-------------------*/
    .xl-si-row div.xl-fabu span{
      padding-right: 4%;
    }
    .xl-si-bg{
        padding:0 5%;
    }
    .xl-si-row{
        padding:0;
    }
    .xl-si-row h3{
        padding:15px 5%;
        font-size: 1.8rem;
    }
    .xl-si-row .xl-chushiwenzhang, .jump{
      padding:0 5%;
    }

    .xl-si-row .xl-chushiwenzhang p{
        
        font-size: 1.6rem;
    }
    .second-nav{
        top:0;
        left:0;
    }
    .second-nav.dq {
        position: fixed;
        top: 100px;
        left: 0%;
        -webkit-animation:secondnav3 1s ease-out forwards;
           -moz-animation:secondnav3 1s ease-out forwards;
             -o-animation:secondnav3 1s ease-out forwards;
                animation:secondnav3 1s ease-out forwards;
    }
    .second-nav.dq2{
        left:0;
    }
    .second-navyc.dq2{
        left:155px;
        -webkit-animation:secondnavyc2 1s ease-out forwards;
           -moz-animation:secondnavyc2 1s ease-out forwards;
             -o-animation:secondnavyc2 1s ease-out forwards;
                animation:secondnavyc2 1s ease-out forwards;
    }
    .second-navyc.dq1{
        left:155px;
        -webkit-animation:secondnavyc1 1s ease-out forwards;
           -moz-animation:secondnavyc1 1s ease-out forwards;
             -o-animation:secondnavyc1 1s ease-out forwards;
                animation:secondnavyc1 1s ease-out forwards;
    }
    @-webkit-keyframes secondnavyc{
        0%   {top:522px;}
        100% {top: 84px;}
    }
    @-moz-keyframes secondnavyc{
        0%   {top:522px;}
        100% {top: 84px;}
    }
    @-ms-keyframes secondnavyc{
        0%   {top:522px;}
        100% {top: 84px;}
    }
    @-o-keyframes secondnavyc{
        0%   {top:522px;}
        100% {top: 84px;}
    }
    @keyframes secondnavyc {
        0%   {top:522px;}
        100% {top: 84px;}
    }

    @-webkit-keyframes secondnav3{
        0%   {top: 100px;}
        100% {top:  70px;}
    }
    @-moz-keyframes secondnav3{
        0%   {top: 100px;}
        100% {top:  70px;}
    }
    @-ms-keyframes secondnav3{
        0%   {top: 100px;}
        100% {top:  70px;}
    }
    @-o-keyframes secondnav3{
        0%   {top: 100px;}
        100% {top:  70px;}
    }
    @keyframes secondnav3{
        0%   {top: 100px;}
        100% {top:  70px;}
    }

    @-webkit-keyframes secondnavyc1{
        0%   {top: 84px; left:0;}
        100% {top: 84px; left:155px;}
    }
    @-moz-keyframes secondnavyc1{
        0%   {top: 84px; left:0;}
        100% {top: 84px; left:155px;}
    }
    @-ms-keyframes secondnavyc1{
        0%   {top: 84px; left:0;}
        100% {top: 84px; left:155px;}
    }
    @-o-keyframes secondnavyc1{
        0%   {top: 84px; left:0;}
        100% {top: 84px; left:155px;}
    }
    @keyframes secondnavyc1{
        0%   {top: 84px; left:0;}
        100% {top: 84px; left:155px;}
    }

    @-webkit-keyframes secondnavyc2{
        0%   {top: 84px; left:155px;}
        100% {top: 84px; left:0;}
    }
    @-moz-keyframes secondnavyc2{
        0%   {top: 84px; left:155px;}
        100% {top: 84px; left:0;}
    }
    @-ms-keyframes secondnavyc2{
        0%   {top: 84px; left:155px;}
        100% {top: 84px; left:0;}
    }
    @-o-keyframes secondnavyc2{
        0%   {top: 84px; left:155px;}
        100% {top: 84px; left:0;}
    }
    @keyframes secondnavyc2{
        0%   {top: 84px; left:155px;}
        100% {top: 84px; left:0;}
    }
    .xl-cunz1, .xl-cunz3{
        width: 65%;
    }
    .xl-r{
        float: right;
    }
    .xl-cunz2 p{
      height:auto;
      max-height: 140px;
    }
   
}
@media (max-width: 641px) {
    body .color-picker-wrap{
        left:14px;
    }
    body .color-picker-wrap .col-trigger{
        border-radius:0 5px 5px 0;
    }
    body .col-trigger{
        right:-40px;
        left:auto;
    }
    /*-------------------企业居中-------------------*/
    .xl-r{
        float: left;
    }
    .icon_box{
        text-align: center;
    }
    .icon_box a.l, .icon_box .xl-qiye, .xl-service1 .icon_box .xl-qiye a h4, .icon_box div.l, .xl-cunz1, .xl-cunz3{
        width: 100%;
        display:inline-block;
    
    }
    .xl-service1 .icon_box{
        border-bottom: 1px solid #ddd;
        padding-bottom: 12px;
    }
    .icon_box img{
        float: none;
    }
    .xl-service1 .icon_box .xl-qiye a h4{
        width: 70%;
        margin:10px auto 0px;

    }
    .xl-cunz1 h4, .xl-service3 h4{
        width: 70%;
        margin:6px auto 6px;
        height: 18px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .xl-service1 .icon_box .xl-qiye a p, .xl-service3 .xl-cunz1 .xl-cunzxian, .xl-cunz3 p, .xl-service2 .xl-cunz1 p{
        width: 86%;
        margin:0 auto;
    }
    .xl-service2 .container div.xl-mb30 .icon_box > div:last-child, .xl-service3 .container div.xl-mb30 .icon_box > div:last-child{
        padding-left: 0;
    }
    /*-------------------首页上面banner-------------------*/
    .rev_slider_wrapper, .xl-banner{
        
    }
    .containt-div h1{
        font-size: 2rem;
        line-height: 2rem!important;
    }
    .why-choose .item{
        width: 100%;
    }
    .why-choose .item img{
        width: 100%;
    }
    .testimonials-section .slide-text p{
        max-height: 182px;
        overflow: hidden;

    }
    /*-------------------首页-活动-------------------*/
    .container.xl-toptu{
        padding:0 6px;
    }
    .top-bar .top-bar-text li{
        margin-right: 8px;
    }
    
    .xl-col-md-3{
        margin-right: 0;
    }
    /*-------------------首页服务理念-------------------*/
    .awards p{
        padding:0 10px;
    }
    .awards .text div a{
        padding-right: 10px;
    }
    .our-team.style-2 .single-team-member .author-info{
        width: 100%;
        margin:0 auto;
    }
    /*乐捐*/
    .gongdeBox li div:nth-of-type(2){
      width: 90px;
    }
    .gongdeBox li div:nth-of-type(4){
      width: 90px;
      margin-left: 0;
    } 
    .gongdeBox li div:nth-of-type(5){
      padding-left: 10px;
      text-align: left;
      width: 160px;
    } 


    
}
@media (max-width: 550px) {
    .gongdeBigBox{
      height: 1060px;/*--360px;*/
    }
    #gongdeBigBox2.gongdeBigBox{
      height: 1072px;/*--360px;*/
    }
    .fuchiBigBox{
      height: 495px;
    }
    .xl-personnel2-tu{
      width: 100%;
      text-align: center;
    }
    .xl-personnel2-box .xl-personnel2-tu img{
      max-width: 100%;
      width:100%;
      height:auto;
    }
    .xl-personnel2-box .xl-personnel2-zi{
      width: 100%;
    }
    .xl-personnel2-box .xl-personnel-p{
      height:auto;
      max-height: 200px;
    }
    
    
}
@media (max-width: 514px) {
    .xl-item{
        text-align: center;
        margin-bottom: 30px;
    }
    .xl-item img,  .xl-item .xl-qiye{
        padding-left: 0;
        float: none;
    }
    .xl-qiye{
        width: 60%;
        margin:0 auto;
    }
    .gongdeBox li div{
      min-height: 20px;
      line-height: 24px;
    }
    .gongdeBox li div:nth-of-type(5){
      
    } 
    
}
@media (max-width: 506px) {
    .gongdeBox li div:nth-of-type(5){
      padding-left: 0;
      margin-left: 31px;
    } 

}

@media (max-width: 430px) {
    .xl-yqwzAuthor{
      margin-left: 0;
      margin-top: 6px;
    }


}
@media (max-width: 421px) {
  .fuchiBigBox{
      height: 495px;
    }
    .xl-yqwzAuthor{
      margin-left: 0;
      margin-top: 6px;
    }  
    .gongdeBox li div:nth-of-type(5){
      
    } 
}
@media (max-width: 370px) {
    .breadcumb-wrapper .pull-left{
      margin-bottom: 10px;
      margin-right: 10px;
    }
    .breadcumb-wrapper .perBtnBox{
      float: left;
    }
}
@media (max-width: 360px) {
    .gongdeBox li div:nth-of-type(2){
      width: 80px;
    }
    .gongdeBox li div:nth-of-type(3){
      width: 90px;
    }
    .gongdeBox li div:nth-of-type(4){
      width: 80px;
    }
    .daty_con{width: 40px;}
    .xl-qiehuan{margin-right: 78px}
    .daty_con .share_box{
      right:2%;
    }
    
}

.xxtz { padding-top:10px;}
.xxtz  .tith2{ font-size:120%; border-bottom:5px solid #e54545; padding:10px 0 5px 0;}
.xxtz li{ border-bottom:1px solid #ddd; padding:20px 0; padding-left:20%;}
.xxtz li dl{ position:relative;}
.xxtz li dl dt{ position:absolute; left:0; top:0; width:100px; text-align:center; padding:5px; background:#931d22; border-radius:4px; color:#fff; font-weight:bold;}
.xxtz li dl dd{ padding-left:130px;}
.xxtz li dl dd em{ display:block; padding:5px 0; color:#040000; }
.xxtz li dl dd span .inp{ background:#eaeaea; border-radius:4px; border:none; padding:5px; width:290px; box-shadow:inset 2px 2px 4px  rgba(200, 200, 200, 1); }
.xxtz li dl dd span .sel{ background:#eaeaea; border-radius:4px; border:none; line-height:28px; padding:5px; width:190px; box-shadow:inset 2px 2px 4px  rgba(200, 200, 200, 1); }
.xxtz li dl dd span{ display:block; padding:5px 0 10px;}
.xxtz li dl dd .padding0603_10{ margin-bottom:10px;}
.xxtz li dl dd span label{ margin:0 15px 0 0; color:#737373;}
 
.xxtz .sub_0603{ background:url(../images/icons/searchb_03.jpg) no-repeat; width:115px; height:43px; margin:50px auto 20px; }
.xxtz .sub_0603 input{background:url(../images/icons/searchb_03.jpg) no-repeat; width:115px; height:43px; border:none; cursor:pointer;}
.xxtz .other_left .u_list_0603{  }
.xxtz .other_left .u_list_0603 li{ background-position:20px 11px; padding:0 10px; text-align: left; }
.xxtz .other_left .u_list_0603 li h2{ font-size:110%; padding-left:25px; border-bottom:1px solid #ddd; line-height:1.8;text-align: left;}
.xxtz .other_left .u_list_0603 li .child{ padding-left:25px; margin:10px 0 20px; text-align: left; }
.xxtz .other_left .u_list_0603 li .child a{ display:block; margin-bottom:5px; background:url(../images/icons/s0_07.jpg) no-repeat left center; padding-left:15px;}
.xxtz .other_left .u_list_0603 li .child .selected{color:#e54545;}

.xxtz .s0_0603{ min-height:20px; margin-bottom:20px; padding:20px;}
.xxtz .s0_0603 .search0{ background:url(../images/icons/s0_03.jpg) no-repeat; width:428px; height:32px; margin:0 auto;}
.xxtz .s0_0603 .search0 .s_int{ height:31px; line-height:31px;  width:340px; background:none; border:none; padding-left:5px; color:#444;}
.xxtz .s0_0603 .search0 .s_bon{ width:75px; height:30px; background:none; border:none; cursor:pointer;}
.xxtz .s0_0603 .search1{ width:418px; padding-top:10px; margin:0 auto;}
.xxtz .s0_0603 .search1 input{ position:relative; top:1px;}
.xxtz .s0_0603 .search1 label{ color:#205982;}

.xxtz .s_0603_list{ padding:20px; padding-top:0; text-align: left;}
.xxtz .s_0603_list li { position:relative; border-bottom:1px solid #ddd; padding:15px 0px 10px 0px;  line-height:24px;}
.xxtz .s_0603_list em.emtitle { padding-right:90px; display:block; font-size: 12px; position:relative;}
.xxtz .s_0603_list em.emtitle .title{ display:block; font-size: 130%; color:#555656;  background:url(../images/icons/s0_11.jpg) no-repeat left center;
padding-left:15px; max-width: 560px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.xxtz .s_0603_list em.emtitle .title a{color:#555656;width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-style:normal;}
.xxtz .s_0603_list em.emtitle .title a:hover{color:#e54545;}
.xxtz .s_0603_list em.emtitle .title .keyword{color:#e54545;}
.xxtz .s_0603_list em.emabstr { padding-right: 0px; display:block;}
.xxtz .s_0603_list em.emabstr .abstract { display:block; padding-left:15px;line-height:1.5; font-size: 110%; text-indent:30px;color:#787979;text-align: justify;
text-justify:inter-ideograph;}
.xxtz .s_0603_list em.emabstr .abstract a{color:#787979;}
.xxtz .s_0603_list em.emabstr .abstract a:hover{color:#e54545;}
.xxtz .s_0603_list em.emabstr .abstract .keyword{color:#e54545;}
.xxtz .s_0603_list li span{ position:absolute; right:0px; top: 16px; color:#555656; font-size:100%; font-family:Arial;}

/*分页代码*/
.thread_theme_4 {background: none repeat scroll 0% 0% #FFFFFF;width: auto; overflow: hidden;font: 12px/18px Arial,'宋体';}
.p_thread .p_thread p, .p_thread div {word-break: break-all;}
.thread_theme_4 .l_thread_info {}
.p_thread .l_posts_num {/*float: left;*/height: 24px;line-height: 24px;}  
.p_thread ul,.p_thread li {margin: 0px;padding: 0px;}
.p_thread ul.l_posts_num{list-style: none outside none;width: auto;margin:0 auto ;text-align: center;height: auto;}
.pager_theme_3 {margin: 0px 10px 0px 0px;}
.l_pager {font: 12px/22px Verdana;margin: 0px 0px 0px 8px;}
.p_thread .pager_theme_3 span.tP { background: none repeat scroll 0px 0px transparent;border: 1px solid #FFFFFF;color:#000000;font-weight: bold;}
.pager_theme_3 a, .pager_theme_3 span {background: none repeat scroll 0px 0px #FFFFFF;border: 1px solid #E7ECF0;color:#0000cd;float: left;height: 24px;line-height: 24px;margin-right: 5px;
    overflow: hidden;padding: 0px 8px;text-align: center;width: auto;text-decoration: none;
cursor:pointer;}
.p_thread a:link,.p_thread a:visited {text-decoration: none;}
.thread_theme_4 a {color:#1B242F;outline: 0px none;}
.p_thread .l_posts_num li {display: inline-block;margin-bottom: -8px;}
.p_thread .l_reply_num {color:#999999;}
.p_thread .red {color:#cd6600;}
.p_thread .red,.p_thread .error,.p_thread .warning {color: #ff0000;}
.p_thread .l_reply_num {color:#999999;}
.p_thread input {outline: 0px none;}
.thread_theme_4 button,.thread_theme_4 input[type="button"],.thread_theme_4 input[type="submit"],.thread_theme_4 input[type="reset"],.thread_theme_4 input[type="file"] {cursor: pointer;}
.thread_theme_4 .ok{padding: 0px 2px 0px 2px;height:24px;line-height:22px;width:42px;display: inline;border: 1px solid #E7ECF0;color:#666 ;}
.p_thread .mar01{margin-left:2px; margin-right:10px;}
.p_thread .mar02{margin-right:5px;}
.p_thread .gobox{width:38px;height:24px;line-height: 24px;font-size: 12px;display: inline;border:1px solid #E7ECF0;text-align:center;color:#666;}
.thread_theme_4  .unuse{color:#666 ;}

.mypage100 .thread_theme_4{padding:0px;width:100%;}
.mypage100 .thread_theme_4 .l_thread_info{margin-left:0px;margin-top:20px;margin-bottom: 20px;}
.thread_theme_4 .l_thread_info{margin-left:0px;margin-top:20px;margin-bottom: 20px;}
.mypage100 .p_thread .l_posts_num{margin:0px auto;width:550px;}
.pager_theme_3 a:hover, .pager_theme_3 span:hover, .thread_theme_4 .ok:hover{
    background:#e54545;
    border-color:#e54545;
    color:#fff;
}
@media (max-width: 997px) {
  .mypage100 .p_thread .l_posts_num{
    width:100%;
  }
}
@media (max-width: 768px) {
.p_thread .l_posts_num li{
  margin-top: 10px;
}  
}
.main2 .page input{
  display: inline-block;
    height: 26px;
    line-height: 24px;
    margin: 0 5px 10px 0;
    width: 30px;
}