/***************************************************************************************************************
||||||||||||||||||||||||||||            MASTER STYLESHEET FOR DIMON         ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||||              TABLE OF CONTENT                  ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************
* 1. common styles
* 2. header styles
* 3. banner styles
* 4. blog styles
* 5. sidebar styles
* 6. footer styles
* 7. inner-banner styles
* 8. video styles
* 9. brand styles
* 10. mailchimp styles
* 11. accrodion styles
* 12. fact styles
* 13. testimonials styles
* 14. pricing styles
* 15. cta styles
* 16. service styles
* 17. app-shot styles
****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/
/*
* 1. common styles
*/
body {
  background: #fff;
  font-size: 16px;
  line-height: 1.5;
  color: #666b6e;
  font-family: Avenir,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:subpixel-antialiased;
}
h1,h2,h3,h4,h5,h6{
  color: #666b6e;
}
@media (max-width: 767px) {
  body{
    font-size: 14px;
  }
}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
	position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
 
.col-xs-1-5 {
	width: 20%;
	float: left;
}
 
@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}
}
 
@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}
 
@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
}
.movie-play{
  width: 100%;
  margin: 0 auto;
  height:100%;
  position: relative;
}
.movie{
  width: 100%;
  height:100%;
}
.movie-play .movie-image{
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}
.movie-play .movie-image i{
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  top: calc((100% - 40px) / 2);
  left: calc((100% - 40px) / 2);
  font-size: 40px;
  color:#000000;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
  z-index: 5;
  cursor: pointer;
}
.movie-play .movie-image i:hover{
  color:#040c69
}

a{
  color: #333;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  cursor: pointer;
}
a:active,
a:hover,
a:focus{
  text-decoration: none;
  color: #d70005;
}
.left{
  float: left;
}
.right{
  float: right;
}
.clear{
  clear: both;
}
.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}
img{
  display: block;
  max-width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .container {
    min-width: 1440px;
  }
}
.block-title {
  margin-bottom: 45px;
}
.block-title__title {
  margin: 0;
  margin-top: -10px;
  font-size: 50px;
  font-weight: 400;
  color: #2a2833;
  line-height: 1.2em;
}
.block-title__title span {
  font-weight: 700;
}

.thm-btn {
  border: none;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  color: #2a2833;
  padding: 13px 41px;
  border-radius: 5px;
  -webkit-transition: background .4s ease, color .4s ease;
  transition: background .4s ease, color .4s ease;
  background-image: -webkit-gradient(linear, left top, right top, from(#ff4eb5), to(#ffa065));
  background-image: linear-gradient(90deg, #ff4eb5 0%, #ffa065 100%);
  position: relative;
}
.thm-btn:before {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}
.thm-btn span {
  position: relative;
}
.thm-btn:hover {
  color: #fff;
}
.thm-btn:hover:before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.post-pagination {
  text-align: center;
  margin-bottom: 30px;
}
.post-pagination::after{
  content: "";
  clear: both;
}

/** * 1.0 - Pagination */
.post-pagination a:hover, .post-pagination a.active {
  background-color: #182448;
  color: #cecece;
  font-size: 14px;
}

.post-pagination a {
  background-color: #cecece;
  color: #182448;
  font-size: 14px;
  text-decoration: none !important;
  padding: 5px 10px;
  display: inline-block;
}
.post-pagination a + a {
  margin-left: 15px;
}


.preloader {
  position: fixed;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.preloader__image {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.scroll-to-top {
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: none;
  background-image: none;
  background-size: 200% auto;
  border: 2px solid #000;
  position: fixed;
  bottom: 100px;
  right: 40px;
  z-index: 99;
  text-align: center;
  -webkit-transition: .4s;
  transition: .4s;
  display: none;
  border-radius: 50%;
  background: #fff;
}
.scroll-to-top i {
  color: #000;
  font-size: 18px;
  line-height: 45px;
}
.scroll-to-top:hover {
  background: #000;
}
.scroll-to-top:hover i {
  color: #fff;
}

.pic img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.pic:hover img {
  -webkit-transform: scale(1.10);
  -moz-transform: scale(1.10);
  transform: scale(1.10);
}

.banner{
  overflow: hidden;
}
.section .section-bg{
  position: relative;
  background: url() 50% 0 no-repeat;
  /* background-attachment: fixed; */
  background-size: cover;
  background-image: url();  
  padding: 30px 0px;  
}
.section .section-title {
  font-size: 48px;
  line-height: 48px;
  text-align: center;
  margin: 0px auto 60px;
  padding: 0px 15px;  
  position: relative;
  color: #3f3f3f;
}
.section-title:after {
  content: "FineSky";
  font-size: 120px;
  font-size: parseInt(120px)/strip-unit(15px) rem;
  line-height: 1.2;
  color: hsla(0,0%,97.3%,.5);
  z-index: -1;
  position: absolute;
  left: 50%;
  line-height: 1;
  -webkit-transform: translate(-50%,30%);
  transform: translate(-50%,30%);
  text-transform: uppercase;
  white-space: nowrap;
}
.section .section-ubtitle {
  font-size: 24px;
  color: #333;
  text-align: center;
  padding: 0px 15px;
}
.section .section-description {
  padding: 30px 15px 18px 15px;
  text-align: left;
  line-height: 28px;
}
.section .left{
  width: 100%;
}
.section .right{
  width: 100%;
}
.section .items .item>div{
  padding: 15px;
}
.section .items .item .clear{
  padding: 0px;
}
.banner .section-bg{  
  position: relative;
  background: url() bottom center no-repeat;
  background-size: cover;  
  padding-top: 200px;
  min-height: 550px;
}
.banner .section-title {
  margin: 0px 0 18px;
  font-size: 48px;
  color: #fff;
  text-align: center;
}
.banner .section-ubtitle {
  font-size: 28px;
  color: #fff;
  text-align: center;
}
.banner .section-description {
  padding: 30px 0 18px;
  text-align: center;
  line-height: 28px;
}
.section-breadcrumb{
  height: 60px;
  line-height: 60px;
  background: #fff;
  box-shadow: 0px 0px 20px #ddd;
  overflow: hidden;
}
@media (min-width: 768px) {
  .mobile-show{
    display: none;
  }
}
@media (max-width: 767px) {
  .computer-show{
    display: none;
  }
  .section-title:after {
    font-size: 60px;
  }
}
.noBanner{
  /* height: 100px; */
}
.breadcrumb{
  background-color: transparent;
  margin-bottom: 0px;
  padding: 0px;
}
.btn-style1{display: inline-block;vertical-align: top;padding: 0 30px;height: 56px;border: 1px solid #d70005;text-align: center;position: relative;min-width: 160px;text-align: center;}
.btn-style1 span{display: inline-block;vertical-align: top;line-height: 54px;position: relative;z-index: 3;color: #fff;}
.btn-style1::after{display: block;content: '';width: 0;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: #d70005;transition: .8s;}
.btn-style1:hover::after{width: 100%;transition: .8s;}
.btn-style2{display: inline-block;vertical-align: top;line-height: 54px;padding: 0 30px;background: #0e1315;color: #fff;min-width: 160px;text-align: center;}
.btn-style2:hover{background-color: #333;}
.btn-style3{width: 160px;line-height: 54px;border: 1px solid #d70005;display: block;margin: 50px auto 0;text-align: center;color: #d70005;}
.more-btn{display: inline-block;vertical-align: top;line-height: 24px;border-bottom: 1px solid #d70005;color: #eee;}

.page-title {
	border: 1px solid #DDD;
	background: #F5F5F5;
  padding: 20px 10px 15px 10px;
  font-weight: 700;
}
.page-title .items .item {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 15px;
  text-align: center;
  font-size: 36px;
}
.page-title .items .item.small{
  font-size: 16px;
} 
.page-title .items-shadow {
  height: 20px;
  background: url(../images/callshadow_bottom.png) bottom center no-repeat;
  background-size: 100% 20px;
}

@media (max-width: 767px) {
  .section .section-bg{
    padding: 30px 0px;  
  }
  .section .items .item>div {
    padding: 0px;
  }
  .banner{
    overflow: hidden;
  }
  .banner .section-title{
    font-size: 24px;
  }
  .banner .section-bg{  
    position: relative;
    background: url() 50% 0 no-repeat;
    padding-top: 100px;
    background-size: cover;
    height: 100%;
    min-height: 200px;
  }
  .section .section-title{
    font-size: 24px;
    line-height: 24px;
    margin: 0px auto 30px;
  }
  .section .section-ubtitle {
    font-size: 20px;
  }
  .section .section-description{
    padding: 0px 0px 18px  0px;
  }
  .section .items {
    /* padding: 15px 0; */
  }
  .noBanner{
    /* height: 68px; */
  }
  .btn-style1{padding: 0 30px;height: 36px;}
  .btn-style1 span{line-height: 36px;}
  .post-pagination a + a {
    margin-left: 5px;
  }
  .page-title .items .item {
    font-size: 18px;
  }
}
/**form start**/
/* 
// text
// number
// textarea
// radio-group
// checkbox-group
// select
// address
// dateInput 
*/
.section .form  .section-bg{
  padding-top: 0px;
}
.defaultForm{
  display:block;
  margin: 0px 0px 15px 0px;
  font-size: 14px;
}
.defaultForm .control-label{
  font-size: 16px;
}
.defaultForm .form-ps{
  display:block;
  color: #333;
  font-weight: 700;
}
.defaultForm .form-ps span{
  color: red;
}
.defaultForm .form-control{
  border-radius:0px;
}
.defaultForm .validateBtn{
  border: 1px solid #383838;
  color: #040308;
  padding: 12px 6px;
  border-radius: 5px;
  width: 100px;
  font-weight: 700;
  font-size: 16px;
  margin-right:10px ;
}
.defaultForm .validateBtn:hover{
  background: #383838;
  color: #fff;
}
.defaultForm #resetBtn{
  border: 1px solid #9a9d9f;
  background: #ddd;
  color: #040308;
  padding: 12px 6px;
  border-radius: 5px;
  width: 100px;
  font-weight: 700;
  font-size: 16px;
}
.defaultForm #resetBtn:hover{
  background: #ddd;
}
.defaultForm .paragraph h3{
  font-size: 16px;
  font-weight: 700;
}
.defaultForm .text{
  width: 350px;
}
.defaultForm .number{
  width: 350px;
}
.defaultForm .textarea{
  max-width: 600px;
}
.defaultForm .select{
  width: 350px;
}
.defaultForm .dateInput{
  width: 350px;
} 
.defaultForm .distpicker{
  width: 100%;
}
.defaultForm .distpicker select{
  width: 120px;
  display: inline-block;
  margin-bottom: 10px;
}
.defaultForm .distpicker input{
  width: 220px;
  display: inline-block;
}
.defaultForm small{
  display: none !important;
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 5px;
  top: auto;
  bottom: 0px  ;
}
.form-horizontal .textarea .form-control-feedback {
  top: auto;
  bottom: 40px  ;
}
.form-horizontal .radio-group .form-control-feedback {
  display: none !important;
}
.form-horizontal .checkbox-group .form-control-feedback {
  display: none!important;
}
.defaultForm .form-group{
  margin-right: 0px;
  margin-left: 0px;
}
.defaultForm label span{
  color: red;
  margin-left: 4px;
}
.defaultForm .tips-success{
  color: green;
}
.defaultForm .tips-fail{
  color: red;
}

@media (max-width: 767px) {
  .defaultForm .text{
    width: 100%;
  }
  .defaultForm .number{
    width: 100%;
  }
  .defaultForm .textarea{
    width: 100%;
    max-width: 100%;
  }
  .defaultForm .select{
    width: 100%;
  }
  .defaultForm .dateInput{
    width: 100%;
  } 
  .defaultForm .distpicker{
    width: 100%;
  }
}
.section .form .section-title {
  font-size: 48px;
  line-height: 48px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 60px;
  position: relative;
}
/* .section .form .section-title::after {
  content: "";
  font-size: 120px;
  font-size: parseInt(120px)/strip-unit(15px)rem;
  line-height: 1.2;
  color: rgba(248,248,248,.5);
  z-index: -1;
  position: absolute;
  left: 50%;
  line-height: 1;
  transform: translate(-50%,30%);
  text-transform: uppercase;
  white-space: nowrap;
} */
.section .form  .defaultForm{
  padding: 30px;
  max-width: 600px;
  margin: 0px auto 50px auto;
  background-color: rgba(255, 255, 255, 0.3);
  border-style: none;
  border-width: 0px;
  border-color: rgb(34, 34, 34);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .section .form .section-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .section .form .section-title::after {
    font-size: 48px;
  }
}
/**form end**/
/**不要标题**/
.no-title .section-title{
  display: none;
}
.no-title .section-ubtitle{
  display: none;
}
.no-title .section-description{
  display: none;
}
.noshow{
  display: none;
}
/*******grid-start*******/
.items::after,.pc-image-content::after,.pc-content-image::after,.mb-image-content::after,.mb-content-image::after{
  content: "";
  display: block;
  clear: both;
}
.items img{
  margin: 0px auto;
}
.items .left:first-child{
  display: block;
}
.items .left:last-child{
  display: none;
}
/* pc端item的大小 */
.pc1 .item{
  float: left;
  width: 100%;
}
.pc2 .item{
  float: left;
  width: 50%;
}
.pc3 .item{
  float: left;
  width: 33%;
}
.pc4 .item{
  float: left;
  width: 25%;
}
.pc5 .item{
  float: left;
  width: 20%;
}
.pc6 .item{
  float: left;
  width: 16.66%;
}
@media (max-width: 767px) {
  /* mb端item的大小 */
  .mb1 .item{
    float: left;
    width: 100%;
  }
  .mb2 .item{
    float: left;
    width: 50%;
  }
  .mb3 .item{
    float: left;
    width: 33%;
  }
  .mb4 .item{
    float: left;
    width: 25%;
  }
  .mb5 .item{
    float: left;
    width: 20%;
  }
  .mb6 .item{
    float: left;
    width: 16.66%;
  }
}
/**图片与内容的位置和大小占比**/
.image-left-content-right-1 .image{
  width: 10%;
}
.image-left-content-right-1 .content{
  width: 90%;
}
.image-left-content-right-2 .image{
  width: 20%;
}
.image-left-content-right-2 .content{
  width: 80%;
}
.image-left-content-right-3 .image{
  width: 30%;
}
.image-left-content-right-3 .content{
  width: 70%;
}
.image-left-content-right-4 .image{
  width: 40%;
}
.image-left-content-right-4 .content{
  width: 60%;
}
.image-left-content-right-5 .image{
  width: 50%;
}
.image-left-content-right-5 .content{
  width: 50%;
}
.image-left-content-right-6 .image{
  width: 60%;
}
.image-left-content-right-6 .content{
  width: 40%;
}
.image-left-content-right-7 .image{
  width: 70%;
}
.image-left-content-right-7 .content{
  width: 30%;
}
.image-left-content-right-8 .image{
  width: 80%;
}
.image-left-content-right-8 .content{
  width: 20%;
}
.image-left-content-right-9 .image{
  width: 90%;
}
.image-left-content-right-9 .content{
  width: 10%;
}
.image-left-content-right-10 .image{
  width: 100%;
}
.image-left-content-right-10 .content{
  width: 100%;
}
.image-right-content-left-1 .image{
  width: 10%;
}
.image-right-content-left-1 .content{
  width: 90%;
}
.image-right-content-left-2 .image{
  width: 20%;
}
.image-right-content-left-2 .content{
  width: 80%;
}
.image-right-content-left-3 .image{
  width: 30%;
}
.image-right-content-left-3 .content{
  width: 70%;
}
.image-right-content-left-4 .image{
  width: 40%;
}
.image-right-content-left-4 .content{
  width: 60%;
}
.image-right-content-left-5 .image{
  width: 50%;
}
.image-right-content-left-5 .content{
  width: 50%;
}
.image-right-content-left-6 .image{
  width: 60%;
}
.image-right-content-left-6 .content{
  width: 40%;
}
.image-right-content-left-7 .image{
  width: 70%;
}
.image-right-content-left-7 .content{
  width: 30%;
}
.image-right-content-left-8 .image{
  width: 80%;
}
.image-right-content-left-8 .content{
  width: 20%;
}
.image-right-content-left-9 .image{
  width: 90%;
}
.image-right-content-left-9 .content{
  width: 10%;
}
.image-right-content-left-10 .image{
  width: 100%;
}
.image-right-content-left-10 .content{
  width: 100%;
}
/**pc图片的位置**/
.pc-image-content .items .item .image{ 
  float: left;
}
.pc-image-content .items .item .content{
  float: left;
}
.pc-content-image .items .item .image{ 
  float: left;
}
.pc-content-image .items .item .content{
  float: left;
}
.pc-content-image .items .item .image:first-child{
  display: none;
}
.pc-content-image .noshow{
  display: block;
}
@media (max-width: 767px) {
  /**mb图片的位置**/

}
/*******grid-end*******/

.home .home-advertising .section-bg{
  padding: 0px;
}
.unitegallery-home .ug-slider-wrapper .ug-slider-control{
  z-index: 5;
}
.unitegallery-home .ug-slider-wrapper .ug-textpanel .ug-textpanel-bg{
  display: none !important;
}
.unitegallery-home .ug-slider-wrapper .ug-textpanel {
  left: 0px !important;
  top: 0px !important;
  bottom: auto !important;
  right: auto !important;
  height: 100% !important;
}
.unitegallery-home .ug-slider-wrapper .ug-textpanel .ug-textpanel-textwrapper{
  height: 100% !important;
}
.unitegallery-home .ug-slider-wrapper .ug-textpanel .ug-textpanel-textwrapper .ug-textpanel-title{
  display: none !important;
}
.unitegallery-home .ug-slider-wrapper .ug-textpanel .ug-textpanel-textwrapper .ug-textpanel-description{
  height: 100% !important;
  top: 0px !important;
}
.unitegallery-home .ug-slider-wrapper .ug-textpanel .ug-textpanel-textwrapper .gallery-content{
  max-width: 1200px;
  padding:  0px 30px;
  margin: 0px auto;
  position: relative;
}
.unitegallery-home .ug-slider-wrapper .ug-textpanel .title{
  padding-bottom: 15px ;
  font-size: 30px;
  color: #fff;
}
.unitegallery-home .ug-slider-wrapper .ug-textpanel .description{
  padding-bottom: 15px ;
  font-size: 20px;
  color: #fff;
}

.unitegallery-home .ug-slider-wrapper .ug-textpanel .button i{
  margin-left: 5px;
  font-size: 20px;
}
.unitegallery-home .ug-slider-wrapper .ug-textpanel .button{
  display: inline-block;
  text-align: center;
  font-size: 14px;
  background-color: #fff;
  color: #000000;
  padding: 12px 24px;
  box-shadow: none;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .ug-textpanel-textwrapper .gallery-content{
    text-align: center;
    padding:  30px 30px 0px 30px;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .title{
    font-size: 24px;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .description{
    font-size: 16px;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .button {
    font-size: 12px;
    padding: 8px 12px;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .button i{
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .width10{
    width: 10%;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .width20{
    width: 20%;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .width30{
    width: 30%;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .width40{
    width: 40%;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .width50{
    width: 50%;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .width60{
    width: 60%;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .width70{
    width: 70%;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .width80{
    width: 80%;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .width90{
    width: 90%;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .width100{
    width: 100%;
  }

  .unitegallery-home .ug-slider-wrapper .ug-textpanel .left-top{
    position: absolute;
    left:0px;
    top:0px
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .title{
    font-size: 36px;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .description{
    max-width: 600px;
    font-size: 18px;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .left-middle{
    position: absolute;
    left:0px;
    top:100px; 
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .left-bottom{
    position: absolute;
    left:0px;
    bottom:0px
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .middle-top{
    position: absolute;
    left:0px;
    top:100px;
    text-align: center;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .middle-middle{
    position: absolute;
    left:0px;
    top:100px; 
    text-align: center;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .middle-bottom{
    position: absolute;
    left:0px;
    top:100px; 
    text-align: center;
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .right-top{
    position: absolute;
    right:0px;
    top:0px
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .right-middle{
    position: absolute;
    right:0px;
    top:100px; 
  }
  .unitegallery-home .ug-slider-wrapper .ug-textpanel .right-bottom{
    position: absolute;
    right:0px;
    bottom:0px
  }
}

/* .category-href */
.category-href .items{
  text-align: center;
}
.category-href .items .item{
  display: inline-block;
  padding: 0px;
}
.category-href .items .item>div {
  padding: 0px;
}
.category-href .items .item h4{
  font-size: 18px;
  font-weight: 100;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
}
.category .category-href .item a{
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  margin-right: 10px;
  font-weight: 100;
  border-right: 1px solid #333;
}
.category .category-href .item:last-child a{
  border-right: none;
}
.category .category-href .active  a{
  font-size: 18px;  
  color: #d70005;
}
@media (max-width: 767px) {
  .category-href .items{
    text-align: left;
  }
  .category .category-href .item a{
    font-size: 16px;
    font-weight: 700;
  }
}


.category .category-main .container{
  max-width: 1140px;
  min-width: auto;
}
.category .category-main .items .item{
  background: #f7f8f8;
  margin-bottom: 30px;
}
.category .category-main .items .item:hover{
  box-shadow: 0 0 20px 8px #f5f5f5;
  animation-delay: 0.4s;
  animation-name: fadeInUp;
}
.category .category-main .items .item .image{
  padding: 0px;
  background: #dadde2;
  width: 50%;
  float: left;
}
.category .category-main .items .item .content{
  padding: 0px;
  width: 50%;
  float: left;
}
.category .category-main .items .item .title{
  font-size: 21px;
  font-weight: 700;
  text-align: left;
  margin: 20px 30px ;
}
.category .category-main .items .item .description{
  text-align: left;
  padding: 0px;
  margin: 20px 30px 0px 30px;
  font-size: 14px;
}
.category .category-main .items .item .description p{
  padding: 10px;
  margin: 0px;
}
.category .category-main .items .item .description p:nth-child(odd) {
  background-color: #fff;
}
.category .category-main .items .item .btn{
  margin: 20px 30px 20px 30px;
  padding: 12px 20px;
  color: #fff;
  background-color: #909399;
  border-color: #909399;
}
@media (max-width: 767px) {
  .category .category-main .items .item .image{
    width: 100%;
  }
  .category .category-main .items .item .content{
    width: 100%;
  }
  .category .category-main .items .item .title{
    margin: 20px 15px ;
  }
  .category .category-main .items .item .description {
    margin: 20px 15px 0px 15px;
  }
  .category .category-main .items .item .btn {
    margin: 20px 15px 20px 15px;
  }
}

.shop .shop-product .item{  
  text-align: center;
  margin-bottom: 15px;
}
.shop .shop-product .item .image{
  padding: 15px;
  border: 1px solid #DDD;
}
.shop .shop-product .item .image a{
  /* padding: 10px; */
  /* background: #d8d9db; */
  /* border: 1px solid #DDD; */
  display: block;
}
.shop .shop-product .section-title:before, .shop .shop-product .section-title:after {
  background-color: #DDD;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.shop .shop-product .section-title{
  color: #888;
  overflow: hidden;
  font-size: 36px;
  margin-top: 30px;
}
.shop .shop-product .section-title:before {
  right: 0.5em;
  margin-left: -50%;
}
.shop .shop-product .section-title:after {
  left: 0.5em;
  margin-right: -50%;
}
.shop .shop-product .section-description{
  padding-top: 0px;
}
.shop .shop-product .title{
  margin: 20px 0px 15px 0px;
  font-size: 18px;
}
.shop .shop-product a{
  color: #337ab7;
  font-size: 24px;
}
.shop .shop-product a:hover{
  color:#23527c
}
.shop .shop-product .description{
  font-size: 14px;
}
.special .section-breadcrumb {
  /* box-shadow:none; */
}
.special .section .main .title{
  color: #333;
  text-align: center;
}
.special .section .main img{
  margin: 0px auto;
}
/* product */

/* .product-main */
.product .product-main .items .item .image-left{
  display: none;
}
.product .product-main .items .item .image{
  width: 50%;
  float: left;
}
.product .product-main .items .item .content{
  width: 50%;
  float: left;
}
.product .product-main .items .item .content p{
  display: block;
  padding: 10px 0px 0px 60px ;
  min-height: 50px;
  background-position:0px 0px;
  background-size:50px 50px;
  background-repeat:no-repeat;
  background-image:url(../images/product_main_arrow.png);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 30px;
}
.product .product-main .items .item .content p b{
  display: block;
  font-size: 16px;
  color: #333333;
}
.product .product-main .items .item  .title{
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  margin: 60px auto;
  color: #333333;
}
/* .product-description */
.product .product-description .section-bg {
  background-color:#e7e6e6;
}
.product .product-description .section-title {
  display: none;
}
.product .product-description .section-description {
  display: none;
}
.product .product-description .description{
  padding: 0px;
}
@media (max-width: 767px) {
  .product .product-main .items .item .title{
    font-size: 24px;
    margin: 24px auto;
    line-height: 30px;
    text-align: left;
  }
  .product .product-main .items .item .image{
    width: 100%;
  }
  .product .product-main .items .item .image-left{
    display: block;
  }
  .product .product-main .items .item .image-right{
    display: none;
  }  
  .product .product-main .items .item .content{
    width: 100%;
  }
  .product .product-main .items .item .content p{    
    padding: 10px 0px 0px 60px ;
    min-height: 50px;
    background-position:0px 0px;
    background-size:50px 50px;
  }
}
/* .product-scene */
.product .product-scene .section-description {
  padding: 0px 0px 30px;
  font-size: 20px;
  color: #777777;
  font-size: 18px;
}
.product .product-scene .section-title::after{
  content: "";
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  width: 144px;
  height: 5px;
  background: url(../images/bottomLine.png) no-repeat no-repeat;
}
.product .product-scene .items .item .title{
  display: none;
}

/* news */
/* .news-href */
.news-href .items{
  text-align: center;
}
.news-href .items .item{
  display: inline-block;
  padding: 0px;
}
.news-href .items .item>div {
  padding: 0px;
}
.news-href .items .item h4{
  font-size: 18px;
  font-weight: 100;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
}
.news .news-href .item a{
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  margin-right: 10px;
  font-weight: 100;
  border-right: 1px solid #333;
}
.news .news-href .item:last-child a{
  border-right: none;
}
.news .news-href .active  a{
  font-size: 18px;  
  color: #d70005;
}
@media (max-width: 767px) {
  .news-href .items{
    text-align: left;
  }
  .news .news-href .item a{
    font-size: 16px;
    font-weight: 700;
  }
}

.news .news-main .container{
  max-width: 1140px;
  min-width: auto;
}
.news .news-main .items .item{
  border-bottom: 1px solid #dcdfe6;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.news .news-main .items .item .title{
  font-size: 21px;
  font-weight: 700;
  text-align: left;
  margin: 20px 30px ;
}
.news .news-main .items .item .description{
  text-align: left;
  padding: 0px;
  margin: 20px 30px 0px 30px;
  font-size: 14px;
}
.news .news-main .items .item .btn{
  margin: 20px 30px 20px 30px;
  padding: 12px 20px;
  color: #fff;
  background-color: #909399;
  border-color: #909399;
}
.news .news-main .items .item .content-image .image{
  width: 40%;
  float: left;
}
.news .news-main .items .item .content-image .content{
  width: 60%;
  float: left;
}
@media (max-width: 767px) {
  .news .news-main .items .item>div{
    padding: 0px;
  }
  .news .news-main .items .item .title{
    margin: 20px 0px;
  }
  .news .news-main .items .item .description{
    margin: 20px 0px 0px 0px;
  }
  .news .news-main .items .item .btn{
    margin: 20px 0px 0px 0px;
  }
}
/* .detail-main */
.detail .detail-main .container{
  max-width: 1140px;
  min-width: auto;
}
.detail .detail-main .items .item  .title{
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  margin: 60px auto;
  color: #333333;
}

@media (max-width: 767px) {
  .news-main .items {
    padding: 0px;
  }
  .news-main .items .item{
    padding: 10px;
  }
  .detail-main .description{
    padding: 30px 15px;
  }
}
/* images */
.gallerys .gallerys-main .item{
  margin-bottom: 30px;
}
.gallerys .gallerys-main .content{
}
.gallerys .gallerys-main .content a{
  font-size: 24px;
}
.gallerys .gallerys-main .items .item .title{
  height: 48px;
  line-height: 24px;
  font-size: 24px;
}
.gallerys .gallerys-main .items .item .description{
  height: 48px;
  line-height: 24px;
  overflow: hidden;
  margin-bottom: 15px;
}

.gallerys .gallerys-main  .items .item .btn{
  font-size: 14px;
  border-radius: 0px;
  background-color: #dedede;  
  border-color:#dedede;
  color: #d70005;
}
.gallerys .gallerys-main  .items .item .btn:hover{
  background-color: #dedede;  
  border-color:#dedede;
  color: #d70005;
}
@media (max-width: 767px) {
  .gallerys .gallerys-main .content{
    padding: 15px 10px;
  }
  .gallerys .gallerys-main .content .title{
    height: 32px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700;
  }
  .gallerys .gallerys-main .content .description{
    max-height: 112px;
    line-height: 16px;
    overflow: hidden;
  }
}

.gallery .gallery-main .items{
  max-width: 850px;
  margin: 0px auto;
}
.gallery .gallery-main .title{
  color: #333333;
  max-width: 850px;
  padding: 0px 0px 30px 0px;
  background: rgb(255, 255, 255);
  margin: 0px auto;
  font-size: 28px;
  text-align: center;
}

.gallery .gallery-main .description {
  color: #333333;
  max-width: 850px;
  padding: 30px 0px;
  background: rgb(255, 255, 255);
  margin: 0px auto;
}
.gallery .section-breadcrumb {
  box-shadow: rgb(221, 221, 221) 0px 0px 20px;
}

/*
* 6. footer styles
*/
.footer{
  color: #3f3f3f;
  font-size: 14px;
}
.footer .items img{
  margin: 0px;
}
.footer a{
  color: #3f3f3f;
  cursor: pointer;
}
.footer a:hover{
  color: #3f3f3f;
}
.footer .footer-copyright{
  text-align: center;
  border-top: 1px solid #fff;
  margin: 0px 0px 0px 0px;
  padding: 15px 0px;
}
.footer .footer-copyright a{margin-left:10px ;}
.footer .body-bg{
  padding: 30px 0px;
}
.footer .footer-item::after{
  content: "";
  display: block;
  clear: both;
}
.footer .footer-href{
  float: left;
  width: 33%;
}
.footer .footer-href .section-title{
  font-size: 24px;
  font-weight: 700;
  color: #666b6e;
  text-align: left;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}
.footer .footer-href .content{
  padding: 0px 20px 0px 10px;
}
.footer .footer-href .title{
  font-size: 14px;
  line-height: 32px;
  color: #666b6e;
  text-align: left;
  margin: 0px;
  padding: 0px;
} 

.footer .footer-href .description{
  font-size: 14px;
  color: #666b6e;
  text-align: left;
}

.footer .footer-product{
  float: left;
  width: 33%;
}
.footer .footer-product .section-title{
  font-size: 24px;
  font-weight: 700;
  color: #666b6e;
  text-align: left;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}
.footer .footer-product .content{
  padding: 0px 20px 0px 10px;
}
.footer .footer-product .title{
  font-size: 14px;
  line-height: 32px;
  color: #666b6e;
  text-align: left;
  margin: 0px;
  padding: 0px;
} 
.footer .footer-product .description{
  font-size: 14px;
  color: #666b6e;
  text-align: left;
}

.footer .footer-about{
  float: left;
  width: 33%;
}
.footer .footer-about .section-title{
  font-size: 24px;
  font-weight: 700;
  color: #666b6e;
  text-align: left;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}
.footer .footer-about .content{
  padding: 0px 20px 0px 10px;
}
.footer .footer-about .title{
  font-size: 14px;
  line-height: 32px;
  color: #666b6e;
  text-align: left;
  margin: 0px;
  padding: 0px;
} 
.footer .footer-about .description{
  font-size: 14px;
  color: #666b6e;
  text-align: left;
}
.footer .footer-about i{
  display: inline-block;
  padding-right: 10px;
}

@media (max-width: 767px) {
  .footer .footer-href{
    width: 100%;
    margin-bottom: 30px;
  }
  .footer .footer-product{
    width: 100%;
    margin-bottom: 30px;
  }
  .footer .footer-about{
    width: 100%;
    margin-bottom: 30px;
  }
  .footer .footer-href .section-title{
    font-size: 18px;
  }
  .footer .footer-product .section-title{
    font-size: 18px;
  }
  .footer .footer-about .section-title{
    font-size: 18px;
  }
}
#newBridge .icon-right-bottom {
  bottom: 100px !important;
  right: 40px !important;
}
@media (max-width: 767px) {
  #newBridge .nb-icon-wrap{
    top: auto !important;
    left: auto !important;
    bottom: 70px !important;
    right: 40px !important;
    height: 45px !important;
    width: 45px !important;
    border-radius: 200px !important;
    overflow: hidden;
  }
  #newBridge .nb-icon-wrap-base{
    background-color: #010437 !important;
  }
} 
/* 
#newBridge .nb-icon-wrap-base{
  background: #010437  !important;
} */

@media (max-width: 767px) {
  .section .main .section-bg{
    padding: 15px 0px 15px 0px;
  }
  .section .main .title{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    font-weight: 700;
  }
  .mobile-show{
    display: block;
    margin-bottom: 30px;
  }
  .section .main .left{
    margin-bottom:15px ;
  }
  .section .main .left .image{
    display: block;
  }
  .section .main .right{
    text-align: left;
  }
  .section .main .right .image{
    display: none;
  }
  .section .main .right span{
    margin-top: 25px ;
    display: inline-block;
    border: 2px solid #656565;
    padding: 8px 10px ;
    font-size: 16px;
    font-weight: 700;
  }
}
@media (min-width: 768px) {
  .section .main .section-bg{
    padding: 30px 0px 30px 0px;
  }
  .section .main .title{
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 30px;
    font-weight: 700;
  }
  .section .main .left .content{
    padding-right: 15px;
  }
  .section .main .right{
    /* text-align: center; */
  }
  .section .main .right .image{
    text-align: center;
    padding-left: 15px;
  }
  .section .main .right .content{
    padding-left: 15px;
  }
  .section .main .left .image{
    padding-right: 15px;
  }
  .section .main .right span{
    margin-top: 25px ;
    display: inline-block;
    border: 2px solid #656565;
    padding: 8px 10px ;
    font-size: 16px;
    font-weight: 700;
  }
  .mobile-show{
    display: none;
  }
  .grid-image-left-content-right-1 .left{
    width: 10%;
  }
  .grid-image-left-content-right-1 .right{
    width: 90%;
  }
  .grid-image-left-content-right-2 .left{
    width: 20%;
  }
  .grid-image-left-content-right-2 .right{
    width: 80%;
  }
  .grid-image-left-content-right-3 .left{
    width: 30%;
  }
  .grid-image-left-content-right-3 .right{
    width: 70%;
  }
  .grid-image-left-content-right-4 .left{
    width: 40%;
  }
  .grid-image-left-content-right-4 .right{
    width: 60%;
  }
  .grid-image-left-content-right-5 .left{
    width: 50%;
  }
  .grid-image-left-content-right-5 .right{
    width: 50%;
  }
  .grid-image-left-content-right-6 .left{
    width: 60%;
  }
  .grid-image-left-content-right-6 .right{
    width: 40%;
  }
  .grid-image-left-content-right-7 .left{
    width: 70%;
  }
  .grid-image-left-content-right-7 .right{
    width: 30%;
  }
  .grid-image-left-content-right-8 .left{
    width: 80%;
  }
  .grid-image-left-content-right-8 .right{
    width: 20%;
  }
  .grid-image-left-content-right-9 .left{
    width: 90%;
  }
  .grid-image-left-content-right-9 .right{
    width: 10%;
  }
  .grid-image-right-content-left-1 .left{
    width: 10%;
  }
  .grid-image-right-content-left-1 .right{
    width: 90%;
  }
  .grid-image-right-content-left-2 .left{
    width: 20%;
  }
  .grid-image-right-content-left-2 .right{
    width: 80%;
  }
  .grid-image-right-content-left-3 .left{
    width: 30%;
  }
  .grid-image-right-content-left-3 .right{
    width: 70%;
  }
  .grid-image-right-content-left-4 .left{
    width: 40%;
  }
  .grid-image-right-content-left-4 .right{
    width: 60%;
  }
  .grid-image-right-content-left-5 .left{
    width: 50%;
  }
  .grid-image-right-content-left-5 .right{
    width: 50%;
  }
  .grid-image-right-content-left-6 .left{
    width: 60%;
  }
  .grid-image-right-content-left-6 .right{
    width: 40%;
  }
  .grid-image-right-content-left-7 .left{
    width: 70%;
  }
  .grid-image-right-content-left-7 .right{
    width: 30%;
  }
  .grid-image-right-content-left-8 .left{
    width: 80%;
  }
  .grid-image-right-content-left-8 .right{
    width: 20%;
  }
  .grid-image-right-content-left-9 .left{
    width: 90%;
  }
  .grid-image-right-content-left-9 .right{
    width: 10%;
  }
}
/* home-advertising */
.home-advertising .gallery-content{
  display: none;
}
/* home-advantage */
.home-advantage .section-bg {
  padding: 50px 0;
}
.home-advantage .section-title {}
.home-advantage .section-ubtitle {}
.home-advantage .section-description {}
.home-advantage .items .item{
  border-right: 1px solid #000;
  margin-bottom: 15px;
}
.home-advantage .items .item:last-child{
  border-right: none;
}
.home-advantage .title {
  text-align: center;
  font-size: 30px;
  color: #1169e4;
  font-weight: 700;
  margin: 10px 0px;
}
.home-advantage .description {
  text-align: center;
  font-size: 16px;
  color: #323232;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  margin: 0px;
  padding:0px 10px  
}
@media (max-width: 767px) {
  .home-advantage .title {
    font-size: 24px;
  }
  .home-advantage .items .item{
    border: none;
    margin-bottom: 0px;
  }
  .home-advantage .items .item .content{
    background-color: #e0e0e0;
    margin: 5px;
    padding: 10px 0px;
  }
}
/* .home-href */
.home-href .items{
  text-align: center;
}
.home-href .items .item{
  display: inline-block;
  padding: 0px;
}
.home-href .items .item>div {
  padding: 0px;
}
.home-href .items .item h4{
  font-size: 18px;
  font-weight: 100;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
}
.home .home-href .item a{
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  margin-right: 10px;
  font-weight: 100;
  border-right: 1px solid #333;
}
.home .home-href .item:last-child a{
  border-right: none;
}
.home .home-href .active  a{
  font-size: 18px;  
  color: #d70005;
}
@media (max-width: 767px) {
  .home-href .items{
    text-align: left;
  }
  .home .home-href .item a{
    font-size: 16px;
    font-weight: 700;
  }
}
/* .home-introduce */
.home-introduce .items .item .title{
  display: none;
}
/* .home-concept */
.home-concept .items .item .left{
  width: 100%;
}
.home-concept .items .item .right{
  width: 100%;
  text-align: center;
}
.home-concept .section-title{
}
.home-concept .items{
}
.home-concept .items .item .title{
  font-size: 18px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
  text-align: left;
}
@media (max-width: 767px) {
  .home-concept .items .item .title{
    height: auto;
  }
}
/* .home-application */
.home-application .items .item .left{
  width: 100%;
}
.home-application .items .item .right{
  width: 100%;
  text-align: center;
}
.home-application .section-title{
}
.home-application .items{
}
.home-application .items .item .title{
  font-size: 18px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  text-align: left;
}
.home-application .items .item .description{
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 24px;
  height: 72px;
  overflow: hidden;
  text-align: left;
}
@media (max-width: 767px) {
  .home-application .items .item .title{
    height: auto;
  }
}
/* .contact */
.contact .main{
  border-radius: 10px;
  padding: 30px 15px;
  background: #fff;
  margin-bottom: 50px;
}
.contact .main .items .item>div{
  padding: 0px;
}
/* .contact-info */
.contact-info{
  float: left;
  width: 50%;
  border-right: 1px dashed #dedede;  
}
.contact-info .items{
  padding:0px 60px;
}
.contact-info .items .item{
  margin-bottom: 30px;
}

.contact-info .items .item .content {
  width: 85%;
}
.contact-info .items .item .content .title{
  margin: 0px;
  font-size: 24px;
  line-height: 40px;
  text-align: left;
}

.contact-info .items .item .content i{
  float: left;
  font-size: 40px;
  color: #333;
  width: 60px;
  height: 40px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

.contact-info .items .item .content .description{
  clear: both;
  margin-left: 60px;
  line-height: 28px;
}
.contact-info .items .item::after{
  content: "";
  display: block;
  clear: both;
}
/* .contact .form */
.contact .form{
  float: left;
  width: 50%;
}
.contact .form .section-bg {
  padding-bottom: 0px;
}
.contact .form .items {
  padding: 0px 60px;
}
.contact .form input{
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  color: #999;
  font-size: 16px;
}
.contact .form .defaultForm .text{
  width: 100%;
}
.contact .form #validateBtn{
  border: 1px solid #409eff;
  border-radius: 4px;
  background: #409eff;
  color: #fff;
}
.contact .form #validateBtn:focus{outline:0;} 
.contact .form #validateBtn:hover{
  background: #66b1ff;
}
.contact .form #resetBtn{
  display: none;
}
.contact .form .section-title {
  font-size: 28px;
  margin-bottom: 0px;
}
.contact .form .defaultForm{
  box-shadow:none;
  margin: 0px;
  padding: 0px 30px;
}
.contact .form .defaultForm .form-ps{
  display: none;
}
.contact .form .defaultForm label{
}
.contact .form .defaultForm input{
}
.contact .form .defaultForm textarea{
}
.contact-weixin .section-bg{
  padding: 0px;
}
/* .contact-weixin */
.contact-weixin{
  float: left;
  width: 50%;
}
.contact-weixin .items .item .title{
  display: none;
}
.contact-weixin .items .item .image{
  float: none;
  margin: 0px auto;
}
/* .contact-contact */
.contact-contact .section-bg{
  padding: 50px 0px 0px 0px;

}
.contact-contact .section-description {
  padding: 0px 0px 30px;
  font-size: 20px;
  color: #777777;
  font-size: 18px;
}
@media (max-width: 767px) {
  .contact .main {
    margin: 0px 15px 30px 15px;
  }
  .contact .contact-info{
    width: 100%;
    border-right: none;
    border-bottom: 1px dashed #dedede;
    margin-bottom: 30px;
  }
  .contact .form{
    width: 100%;
  }
  .contact .form .defaultForm {
    padding: 0px 0px;
  }
  .contact .contact-weixin{
    width: 100%;
  }
  .contact .main .main-item{
    width: 100%;
  }
  .contact-info .items .item .content {
    width: 100%;
  }
  .contact-info .section-bg{
    padding: 0px;  
  }
  .contact-info .items {
    padding: 0px 15px;
  }
  .contact .form .items {
    padding: 0px;
  }
}
/* shop */
.shop .shop-section .section-bg {
  padding: 30px 0px 0px 0px;
}
.shop .shop-section .items .item{
  position: relative;  
  margin-bottom: 20px;
}
@media (min-width: 768px){
  .shop .shop-section .items .item:nth-child(even){
    width: 49%;
    margin-left: 1%;
  }
  .shop .shop-section .items .item:nth-child(odd){
    width: 49%;  
    margin-right: 1%;
  }
}
.shop .shop-section .section-title{
  background-color:#f6f6f6;
  text-align: center;
  padding: 20px 0px;
  color: #182448;
  font-size: 24px;
  font-weight: 700;
}
.shop .shop-section .section-description {
  padding: 0px 0px 30px;
  font-size: 20px;
  color: #777777;
  font-size: 18px;
}

.shop .shop-section .title{
  font-weight: 700;
  color: #182448;
  display: inline-block;
  margin-top: 10px;
  line-height: 36px;
  font-size: 20px;  
}
.shop .shop-section .title a{
  color: #182448;
}
.shop .shop-section .title a:hover{
  color: #182448;
}
.shop .shop-section .ubtitle1{
  text-align: center;
  padding: 10px 0px;
  font-weight: bold;
  margin: 0px;
}
.shop .shop-section .image {
  padding: 0px;
  width: 40%;
  float: left;
}
.shop .shop-section .image a{
  display: block;
  padding: 10px;
}
.shop .shop-section .content{
  width: 60%;
  float: right;
  padding: 0px;  
}
.shop .shop-section .content .title{
  padding: 0px 10px;  
  font-size: 24px;
  font-weight: 700;
  color: #333;
  text-shadow: 1px 1px 1px #fff;
  margin: 24px 0px 0px 0px;
}
.shop .shop-section .content .ubtitle1{  
  /* font-size: 18px;
  color: #c50536;
  border-bottom: 2px solid #c50536;
  display: inline-block; */
}
.shop .shop-section .arrow{
  position: absolute;
  top: 250px;
  left: 30px;
  height: 70px;
  width: 70px;
}
.shop .shop-section .content .description{
  padding: 0px 10px;  
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
.shop .shop-section .content .description span{
  font-size: 16px;
  font-weight: 700;
  color: #182448;
  display: inline-block;
  margin-top: 10px;
  line-height: 36px;
}
.shop .shop-section .content .description span.description-title{
  font-size: 20px;  
}
.shop .shop-section .content .description span.description-price{
  /* color: red; */
}
.shop .shop-section .content .description span.description-price b{
  color: red;
  font-size: 22px;
}
.shop .shop-section .image .btn{
  padding: 0px 10px;
  text-align: center;
  width: 100%;
}
.shop .shop-section .image .btn a{
  text-align: center; 
  font-size: 16px;
  background-color: #f6f6f6;
  line-height: 40px;
  height: 40px;
  color: #182448;
  display: inline-block;
  padding: 0px 30px;
}
.shop .shop-section .image .btn a:hover{
  background-color: #e0e0e0;
}
@media (max-width: 767px){
  .shop .shop-section .image {
    width: 100%;
  }
  .shop .shop-section .content{
    width: 100%;  
  }
  .shop .shop-section .content .description{
    background: rgb(255, 255, 255,.7);
    width: 100%;
    padding: 15px;
  }
  .shop .shop-section .content .title{
    font-size: 24px;
  }
}
/* .shop-scene */
.shop .shop-cooperation{
  text-align: center;
}
.shop .shop-cooperation .section-description {
  padding: 0px 0px 30px;
  font-size: 20px;
  color: #777777;
  font-size: 18px;
}
.shop .shop-cooperation .section-title::after{
  content: "";
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  width: 144px;
  height: 5px;
  background: url(../images/bottomLine.png) no-repeat no-repeat;
}
.shop .shop-cooperation .content .title{
  padding: 30px 0px 15px 0px;
}
.shop .shop-cooperation .content b{
  color: red;
}
.shop .shop-report{
  text-align: center;
}
.shop .shop-report .section-description {
  padding: 0px 0px 30px;
  font-size: 20px;
  color: #777777;
  font-size: 18px;
}
.shop .shop-report .section-title::after{
  content: "";
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  width: 144px;
  height: 5px;
  background: url(../images/bottomLine.png) no-repeat no-repeat;
}
.shop .shop-report .items .item{
  margin-bottom: 30px;
}
.cincinnati-asthma-prevention-study .main h4{
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  color: #182448;
  display: inline-block;
  line-height: 24px;
  padding: 15px 0px;
  font-weight: 700;
}
.cincinnati-asthma-prevention-study .main .content{
  border-bottom: 1px solid #f3f3f3;
}
.cincinnati-asthma-prevention-study .section-title{
  margin-bottom: 50px;
}
.cincinnati-asthma-prevention-study .items .item{
  padding:0px 10px
}
.cincinnati-asthma-prevention-study .items .item span{
  color: #0595de;
}
.cincinnati-asthma-prevention-study .items .item .title {
  background: #0595de;
  color: #fff;
  text-align: center;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  font-weight: 700;
  margin-bottom: 15px;
}
.cincinnati-asthma-prevention-study .items .item .ubtitle1{
  color: #182448;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.cincinnati-asthma-prevention-study .items .item .description{
  line-height: 24px;
  font-size: 14px;
  min-height: 300px;
}
@media (max-width: 767px) {
  .cincinnati-asthma-prevention-study .items .item .description{
    min-height: auto;
  }
}