﻿/* CSS Document */
/* author:cyy */
/*css reset*/





#owl-demo{
  clear: both;
}

.Tzx{
  width: 100%;
  padding:30px 0;
  clear: both;
}

.Tzx img{
  float: left;
}

.top-one,
.top-two,
.top-three{
  width: 33.3333%;
  float: left;
}

.top-one img,
.top-two img,
.top-three img{
  margin-right:10px;
  width: 57px;
}

.top-one span,
.top-two span,
.top-three span{
 margin-right: 5px;
}

.top-two .twoDiv{
  max-width: 200px; margin:auto;
  min-width: 150px;
}
 

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  .top-one img,
.top-two img,
.top-three img{
  margin-right:10px;
  width: 40px;
}

.top-one p span,
.top-two p span,
.top-three p span{
  font-size: 20px;
}

.top-one p,
.top-two p,
.top-three p{
  margin-bottom: 3px;
}

.top-one p:last-child,
.top-two p:last-child,
.top-three p:last-child{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
}

/* 产品介绍 */
.productIntroduce{
  width: 100%;
  margin: 10% 0;
  overflow:hidden;
}

/*.pBlack {
    color: #333 ;
    font-weight: 500;
}*/


.productIntroduce .swiper-container .swiper-slide p{
  font-size: 12px;
  margin: 10px 0 25px;
  color:#7c7c7c;
}


.productIntroduce .swiper-container .swiper-slide-active p{
    color:black;
}

.product-swiper .swiper-button-next, .product-swiper .swiper-button-prev {
    margin-top:-28px;
    width: 15px !important;
    background-size: 15px 44px !important;
}

.seeMore {
    width: 150px;
    padding: 10px;
    background-color: #206bd1;
    text-align: center;
    border-radius: 150px;
    color: white;
    cursor: pointer;
}

.textarea{
  max-width:500px;
  height: auto;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; 
margin: 10% 0;
line-height: 30px;
font-size:14px;
}
/* 产品介绍 end*/

/* 经典案例start */
.classCase{
  width:100%;
  height: auto;
  background: url(../img/main/blueBg.jpg) no-repeat;
  background-size: cover;
  padding: 5% 0 7% 0;
}

.bgwhite{
  width: 100%;
  height: auto;
  background-color: white;
  margin-top: 3%;
  padding: 2%;
}
/* 经典案例end */

/* 关于我们start */
.aboutUs{
  width: 100%;
  height: auto;
  background: url(../img/main/aboutBg.jpg) no-repeat;
  background-size: cover;
  padding: 3% 3% 5%;
}

.bgBlue{
  width: 57%;
  height: auto;
  background-color: #206bd1;
  margin-left: 6%;
  padding: 2% 13% 3% 3%;
}

 .bgBlue{
  width: 55%;
  height: auto;
  padding: 2% 13% 3% 3%; 
  background-color: #206bd1;
  margin-left:6%; 
  float: left;
}

 .aboutUsText{
  color: white;
  font-size: 13px;
  line-height: 23px;
  margin: 5% 0 10%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden; 
} 

.aboutUsMore{
  color: white;
  width: 150px;
  padding: 10px;
  border: 1px solid #4d89da;
  text-align: center;
  border-radius: 150px;
  cursor:pointer;
}

.rightImg{
  width: 39%;
  float: left;
  position: relative;
  left: -10%;
  top: 4rem;
}
/* 关于我们end */

/* 新闻资讯start */
.news{
  width: 100%;
  padding: 5% 0;
}

.newTI{
  width: 100%;
  margin: 5% 0 0;
}

.newTI .newDetail:last-child{
    border:none;
}

.newTI .title{
  font-size: 16px;
  font-weight: 500;
  margin: 20px 0;
}

.newTI .title span{
  float: right;
  text-align: right;
}

.newDetail{
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #eeeeee;
  margin: 15px 0;
  cursor:pointer;

}

.date{
  width: 20%;
  border-right: 1px solid #e5e5e5;
  float: left;
  text-align:center;
}

.date p:first-child{
  margin: 5px 0;
}

.wenzi{
  width: 75%;
  padding-left:5%; 
  float: left;
  color: #818181;
  font-size: 15px;
  margin: 5px 0;
  line-height: 25px;
}
/* 新闻资讯end */

/* google  start*/
.google {
    width: 100%;
    margin: auto;
}
    .google .container {
        position: relative;
        top: 50px;
        background-color: white;
        padding: 1.5% 0;
    }

.google .swiper-container{
    position:static !important;
}


.google-swiper .swiper-button-next,
.google-swiper .swiper-button-prev {
 
    width:30px;
    background-size: 20px 20px;
    opacity:1!important;
    cursor:pointer;
    height: 30px;
    background-color: #333333;
}

.google-swiper .swiper-button-next {
    right: -40px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

.google-swiper .swiper-button-prev {
    left: -40px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}


/*.google-swiper .swiper-button-next:hover,
.google-swiper .swiper-button-prev:hover {       
    background-color: #f6f6f6;
}*/



/* google  end*/

/* contactUs start */
.contactUs{
  width: 100%;
  height: auto;
  padding: 8% 0 1% 0;
  background-color: #eff1f5;
}

.progress{
  height: 2px !important;
  width: 100px;
  background-color: #cccccc;
}

.contactTel,.TextRight{
  width: 100%;
  padding: 3% 0;
}

.contactTel span{
  color: #333333;
  line-height: 20px;
}

.address p{
  color: #777777;
  line-height: 25px;
  white-space:nowrap;
}

.address span{
  font-weight: 600;
}

.QQ{
  margin: 3% 0;
}

.QQ img{
    cursor:pointer;
}


.TextRight input {
    border: 1px solid #e5e5e5;
    padding: 10px;
    width: 48.5%;
    margin: 5px 10px 10px 0;
}

.TextRight textarea {
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin: 5px 10px 5px 0;
    width: 100%;
}

.address{
    padding:10px 0 5px;
}

input[type="submit"]{
  float: right; width: 20%;
}
/* contactUs end */

@media (max-width: 1250px) and (min-width: 1050px) {
    .google-swiper .swiper-button-prev,
    .google-swiper .swiper-button-next,
    .product-swiper .swiper-button-prev,
    .product-swiper .swiper-button-next 
    {
        top: 30px;
    }
}

@media (max-width: 1049px) and (min-width: 900px) {
    .google-swiper .swiper-button-prev,
    .google-swiper .swiper-button-next,
    .product-swiper .swiper-button-prev,
    .product-swiper .swiper-button-next {
        top: 25px;
    }
}


#body {
    position: absolute;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

#body::-webkit-scrollbar {
    display: none;
}