/**

* Template Name: Mamba - v4.7.0

* Template URL: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/

* Author: BootstrapMade.com

* License: https://bootstrapmade.com/license/

*/

/*--------------------------------------------------------------

# Services-用于联系我们

--------------------------------------------------------------*/

.services-chat {

  padding-bottom: 30px;

}

.services-chat .icon-box {

  padding: 60px 30px;

  position: relative;

  overflow: hidden;

  background:#fff;

  box-shadow: 2px 0 35px 0 rgba(68, 88, 144, 0.12);

  transition: all 0.3s ease-in-out;

  border-radius: 8px;

  z-index: 1;

  text-align: center;

  color: #354765;

}

.services-chat .icon-box::before {

  content: "";

  position: absolute;

  background: #fdeff2;

  right: 0;

  left: 0;

  bottom: 0;

  top: 100%;

  transition: all 0.4s;

  z-index: -1;

}

.services-chat .icon-box:hover::before {

  background:#354765;

  top: 0;

  border-radius: 0px;

}

.services-chat .icon {

  margin-bottom: 15px;

}

.services-chat .icon i {

  font-size: 48px;

  line-height: 1;

  color: #354765;

  transition: all 0.3s ease-in-out;

}

.services-chat .title {

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 18px;

  

}

.services-chat .title a {

  color: #4E5F7F;

}

.services-chat .description {

  font-size: 15px;

  line-height: 28px;

  margin-bottom: 0;

	

}

.services-chat .icon-box:hover .title a, .services-chat .icon-box:hover .description {

  color: #fff;

}

.services-chat .icon-box:hover .icon i {

  color: #fff;

}



/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/

/* Services Section

--------------------------------*/

#servicesxway {

  padding: 90px 0 0 0;

}



#servicesxway .box {

  padding: 40px;

  margin-bottom: 40px;

  background: #fff;

  transition: 0.4s;

  border: 1px solid #0978d1;

  border-bottom: 4px solid #0978d1;

}



#servicesxway .box:hover {

  box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);

  transform: translateY(-10px);

  -webkit-transform: translateY(-10px);

  -moz-transform: translateY(-10px);

}



#servicesxway .box .icon {

  display: block;

  width: 100%;

  text-align: center;

  padding: 15px;

}



#servicesxway .box .icon i {

  color: #444;

  font-size: 50px;

  font-weight:100;

  transition: 0.5s;

  line-height: 0;

  margin-top: 0px;

  margin-bottom: 18px;

}



#servicesxway .box .icon i:before {

  background: #0978d1;

  background-clip: border-box;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



#servicesxway .box h4 {

  margin-left: 100px;

  font-weight: 700;

  margin-bottom: 24px;

  font-size: 22px;

  display: block;

  width: 100%;

  text-align: center;

  float: left;

  margin: 0;

}



#servicesxway .box h4 a {

  color: #444;

}



#servicesxway .box p {

  font-size: 14px;

  line-height: 24px;

  text-align: center;

  display: block;

  margin: 0;

  padding-top: 15px;

}



@media (max-width: 767px) {

  #servicesxway .box .box {

    margin-bottom: 20px;

  }

  #servicesxway .box .icon {

    float: none;

    text-align: center;

    padding-bottom: 15px;

  }

  #servicesxway .box h4, #servicesxway.box p {

    margin-left: 0;

    text-align: center;

  }

}



/*--------------------------------------------------------------

# Sections

--------------------------------------------------------------*/

/* Sections Header

--------------------------------*/

.section-header {

  margin-bottom: 30px;

}



.section-header h2 {

  font-size: 32px;

  color: #071e33;

  text-transform: uppercase;

  font-weight: 700;

  position: relative;

  padding-bottom: 20px;

  /* display: inline-block; */

  text-align: center;

}



.section-header h2::before {

  content: '';

  position: absolute;

  display: block;

  width: 62px;

  height: 3px;

  bottom: 0;

  left: 0;

  border-top: #0978d1 solid 2px;

  right: 0;

  text-align: center;

  margin: 0 auto;

}



.section-header p {

  padding: 0;

  margin: 0;

  text-align: center;

  color: #333;

}



/* Testimonials Section

--------------------------------*/

#testimonials {

  padding: 40px 0;

}



#testimonials .testimonial-item {

  box-sizing: content-box;

  padding: 40px 10px 0 10px;

  margin: 10px 5px;

  text-align: center;

  min-height: 200px;

  font-style: italic;

  margin: 0 auto 15px auto;

  background: #fff;

  width: 100%;

  border: 1px solid #0978d1;

  border-radius: 15px 15px 0 15px;

  border-bottom-width: 4px;



  /* box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); */

}



@media (max-width: 767px) {

  #testimonials .testimonial-item {

    margin: 30px 10px;

  }

}



#testimonials .testimonial-item .testimonial-img {

  width: 90px;

  border-radius: 50%;

  border: 4px solid #fff;

  margin: 0 auto;

}



#testimonials .testimonial-item h3 {

  font-size: 18px;

  font-weight: bold;

  margin: 10px 0 5px 0;

  color: #111;

}



#testimonials .testimonial-item h4 {

  font-size: 14px;

  color: #999;

  margin: 0;

}



#testimonials .testimonial-item .quote-sign-left {

  margin-top: -15px;

  padding-right: 10px;

  display: inline-block;

  width: 37px;

}



#testimonials .testimonial-item .quote-sign-right {

  margin-bottom: -15px;

  padding-left: 10px;

  display: inline-block;

  max-width: 100%;

  width: 37px;

}



#testimonials .testimonial-item p {

  font-style: italic;

  padding: 22px 15px;

  font-size: 15px;

  color: #686868;



}



#testimonials .icon i {

  font-size: 48px;

  line-height: 1;

  color: #0978D1;

  transition: all 0.3s ease-in-out;

}



#testimonials .owl-nav, #testimonials .owl-dots {

  margin-top: 5px;

  text-align: center;

}



#testimonials .owl-dot {

  display: inline-block;

  margin: 0 5px;

  width: 12px;

  height: 12px;

  border-radius: 50%;

  background-color: #ddd;

}



#testimonials .owl-dot.active {

  background-color: #0978d1;

}

.map{

	

margin: 80px auto 40px;

}

p.help-block,

p.help-block ul{

    float: left; 

    margin: 0;

    padding: 0;

}

p.help-block li {

    float: left; 

    margin: 10px 0 0 0;

    padding: 0;

    list-style:none;

    color:red;

}



.xuanzhuang{

	

margin:10px;

width:10px;

height:10px;

background-color:yellow;

/* Rotate div */

transform:rotate(15deg);

-ms-transform:rotate(15deg); /* Internet Explorer */

-moz-transform:rotate(9deg); /* Firefox */

-webkit-transform:rotate(100deg); /* Safari 和 Chrome */

-o-transform:rotate(9deg); /* Opera */

	

}