/*  start of mine*/
/**首页**/
.bg-main1{
    background-size: cover;
    background-position: center;
    height: 700px;
}
.bg-dark-gray{
   background: rgb(28,28,28,0.65);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.container .banner-part{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
   /* display: flex;
   justify-content: center; */
}
.top-img{
   display: flex;
   justify-content: center;
   /* margin-top: 60px; */
}
.top-img img{
   width: 70px !important;
   height: 70px !important;
   z-index: 99;
}
 .mid-con{
   display: flex;
   justify-content: center;
   margin-top: 30px;
   height: 80px;
   padding-left: 8%;
   padding-right: 8%;
}

@media only screen and (min-width: 768px) {
   .mid-text{
      width: 40%;
      font-family: SourceHanSansCN-Light;
      font-size: 36px !important;
      font-weight: 600;
      /* letter-spacing: 12px; */
      color: #ffffff !important;
      height: 80px;
      line-height: 80px;
      text-align: center;
      padding-left: 2%;
      padding-right: 2%;
   }
   .banner-part .btm-text h1{
      font-size: 36px;
      font-weight: 500;
      color: #ffffff;
      text-align: center;
      letter-spacing: 10px;
   }
   .lines-left{
      width: 20%;
      height: 2px;
      background-color: #FFFFFF;
      margin-top: 40px;
   }
   .lines-right{
      width: 20%;
      height: 2px;
      background-color: #FFFFFF;
      margin-top: 40px;
   }
}
@media only screen and (max-width:768px){
   .mid-text {
      font-family: SourceHanSansCN-Light;
      font-size: 26px !important;
      letter-spacing: 3px;
      color: #ffffff !important;
      font-weight: 600;
      width: 60%;
      text-align: center;
      height: 80px;
      line-height: 80px;
      padding-left: 2%;
      padding-right: 2%;
   }
   .banner-part .btm-text h1{
      font-size: 26px;
      font-weight: 500;
      color: #ffffff;
      text-align: center;
      letter-spacing: 10px;
      line-height: 49px;
   }
   .lines-left{
      width: 60px;
      height: 2px;
      background-color: #FFFFFF;
      margin-top: 40px;
      width: 18%;
   }
   .lines-right{
      width: 60px;
      height: 2px;
      background-color: #FFFFFF;
      margin-top: 40px;
      width: 18%;
   }
   
}

.btm-text-en{
   font-family: SourceHanSansCN-ExtraLight;
	font-size: 28px;
   font-weight: 20;
	/* letter-spacing: 6px; */
	color: #ffffff;
   text-align: center;
   margin-top: 20px;
}
.banner-part .btn-button{
   margin-top: 40px;
   width: 178px;
	height: 52px;
   line-height: 52px;
   text-align: center;
	background-color: #1d8fcb !important;
	border-radius: 26px;
   margin-left: auto;
   margin-right: auto;
   cursor: pointer !important;
}
.banner-part .btn-button a{
   font-family: SourceHanSansCN-Medium;
	font-size: 20px;
   color: #ffffff !important;
   letter-spacing: 3px;
   text-decoration: none;
}
/**end of 首页**/


/**start of 联系我们**/
.bg-intro{
   background-size: cover;
    background-position: center;
    height: 361px;
}
.bg-intro .bg-dark-gray-intro{
   width: 100%;
   height: 100%;
   background: rgb(28,28,28,0.65);
}
.intro-text{
   margin-top: 120px;
   text-align: center;
   max-width: 570px;
   margin-left: auto;
   margin-right: auto;
}
.intro-text p{
   font-family: SourceHanSansCN-Regular;
	font-size: 16px;
	/* line-height: 36px; */
	/* letter-spacing: 1px; */
	color: #fefefe;
}
.middle-intro{
   width: 100%;
   /* height: 450px; */
   background-color: #ffffff;
}
.middle-intro-left{
   min-height: 183px;
   margin-top: 100px;
}
.middle-intro .mid-title{
   font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	font-weight: 900;
	line-height: 50px;
	letter-spacing: 1px;
	color: #000000;
}
.middle-intro .mid-content{
   font-family: SourceHanSansCN-Regular;
	font-size: 16px;
	letter-spacing: 1px;
	color: #000000;
}
.middle-intro .mid-content a{
   color: #000000;
   text-decoration: none;
}
.social-icons li {
	display: inline-block;
	margin-right: 10px;
}
/**end of 联系我们**/


/**start of 企业简介**/
.bg-card1{
   background-size: cover;
    background-position: center;
    height: 661px;
}
.bg-card1 .bg-dark-gray-company{
   width: 100%;
   height: 100%;
   background-color: rgb(7,58,104,0.75);
   position: relative;
   margin: 0 auto;
}

.bg-card1 .company-inner{
   display: flex;
   justify-content: center;
}
.bg-card1 .company-text{
   position: absolute;
   text-align: center;
   width: 50%;
   top: 50%;
   /* 这里有兼容性问题 */
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   animation: fadeInDown1 1.5s;
   -webkit-animation: fadeInDown1 1.5s;
}
.bg-card1 .company-text p{
   font-family: SourceHanSansCN-Regular;
	font-size: 20px;
   line-height: 36px;
	/* letter-spacing: 1px; */
	color: #fefefe;
}
.bg-card1 .company-text p a{
   font-weight: 800;
   color: #fefefe;
   text-decoration: underline;
}
.bg-card2{
   background: #ffffff;
   width: 100%;
   height: 450px;
   position: relative;
   margin: 0 auto;
}

.bg-card2 .card2-inner{
   display: flex;
   justify-content: center;
}
.bg-card2 .card2-text{
   position: absolute;
   width: 50%;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
}
.card2-text .card2-text-header{
   font-family: SourceHanSansCN-Medium;
   font-size: 24px;
   font-weight: 800;
   /* letter-spacing: 1px; */
   text-align: center;
}
.card2-text .card2-text-content{
   font-family: SourceHanSansCN-Regular;
   font-size: 20px;
   /* letter-spacing: 1px; */
   text-align: center;
   margin-top: 30px;
   line-height: 36px;
}
.card3{
   height: 450px;
}
/**end of 企业简介**/

/** start of 关于我们**/
.about-top{
   width: 100%;
   height: 355px;
   background-size: cover;
   background-position: center;
}
.abot-top-title{
   text-align: center;
   font-size: 34px;
   letter-spacing: 3px;
   color: #fefefe;
   line-height: 355px;
}
.about-btm{
   width: 90%;
   margin-left: auto;
   margin-right: auto;
}
.bg-dark-gray-about{
   width: 100%;
   height: 100%;
   background-color: rgb(7,58,104,0.75);
}
.about-fix-title{
   text-align: center;
   width: 50%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 50px;
   margin-bottom: 35px;
}
.about-contain{
   display: flex;
   justify-content: space-around;
}
.about-line{
   width: 15%;
	height: 2px;
	background-color: #073a68;
	border: solid 1px #073a68;
   margin-top: 14px;
}
.about-text{
   line-height: 30px;
   font-family: SourceHanSansCN-Regular;
	font-size: 22px;
	letter-spacing: 3px;
	color: #073a68;
}
.diangu-content p{
   text-align: center;
   margin-top: 20px;
   margin-bottom: 20px;
   width: 100%;
   font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	line-height: 38px;
	/* letter-spacing: 1px; */
	color: #353535;
}
.diangu-img{
   margin-bottom: 80px;
   height: 200px;
}
.qiye-img{
   height: 450px;
}
.qiye-content p{
   text-align: center;
   margin-top: 30px;
   margin-bottom: 20px;
   width: 100%;
   font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	line-height: 36px;
	/* letter-spacing: 1px; */
	color: #353535;
   padding-left: 30px;
   padding-right: 30px;
}

.qiye-four-icons{
   width: 96%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 80px;
}
.qiye-icon-contain{
   width: 160px;
   margin-left: auto;
   margin-right: auto;
   height: 260px;
}
.qiye-icon{
   width: 150px;
   height: 150px;
}
.qiye-icon-text{
   font-family: SourceHanSansCN-Regular;
	font-size: 16px;
	line-height: 25px;
	/* letter-spacing: 1px; */
	color: #353535;
   text-align: center;
   max-width: 150px;
   margin-top: 25px;
   margin-left: auto;
   margin-right: auto;
}
.qiye-icon-text-num{
   color: #073a68;
   font-weight: 600;
   font-size: 22px;
}
.qiye-icon-text-unit{
   font-size: 19px;
   font-weight: 600;
}
.icon-text-2{
   max-width: 100px;
}
.icon-text-3{
   max-width: 130px;
}
.pic-grid{
   margin-bottom: 60px;
}
.pic-grid-img{
   width: 100%;
   height: 260px;
   background-color: #1d8fcb;
   margin-bottom: 15px;
   position: relative;
   cursor: pointer;
   transition: 1.5s;
   overflow: hidden;  
}
.pic-grid-img img:hover{
   transform: scale(1.3);
}
.pic-grid-img:hover img{
   transform: scale(1.3);
}
.bg-blue{
   background-color: #0c4379;
}
.bg-blue p{
	font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	line-height: 48px;
	letter-spacing: 1px;
	color: #ffffff;
   text-align: center;
   /* padding-top: 95px; */
}
.history-grid{
   margin-bottom: 70px;
}
.history-grid-img{
   height: 300px;
   background-color: #073a68;
   position: relative;
}
.smicircle-up-left{
   position: absolute;
   bottom: 0;
   left: 20%;
   width: 23px;
	height: 10px;
	border-radius: 10px 10px 0 0;
	line-height: 10px;
   background-color: #ffffff;
}
.smicircle-up-right{
   position: absolute;
   bottom: 0;
   right: 20%;
   width: 23px;
	height: 10px;
	border-radius: 10px 10px 0 0;
	line-height: 10px;
   background-color: #ffffff;
}
.smicircle-down-left{
   position: absolute;
   top: 0;
   left: 20%;
   width: 23px;
	height: 10px;
	border-radius:0 0 10px 10px ;
	line-height: 10px;
   background-color: #ffffff;
}
.smicircle-down-right{
   position: absolute;
   top: 0;
   right: 20%;
   width: 23px;
	height: 10px;
	border-radius:0 0 10px 10px ;
	line-height: 10px;
   background-color: #ffffff;
}
.grid-item-text{
   padding-top: 80px;
   margin-left: 30px;
   margin-right: 30px;
   text-align: center;
   font-family: SourceHanSansCN-Regular;
	font-size: 16px;
	line-height: 26px;
	/* letter-spacing: 1px; */
	color: #ffffff;
   height: 150px;
}
.grid-item-year{
   margin-top: 80px;
   text-align: center;
   font-family: SourceHanSansCN-Heavy;
	font-size: 26px;
	letter-spacing: 3px;
	color: #ffffff;
	opacity: 0.7;
}
.grid-item-text-up{
   margin-top: 40px;
   margin-left: 30px;
   margin-right: 30px;
   text-align: center;
   font-family: SourceHanSansCN-Regular;
	font-size: 16px;
	line-height: 26px;
	/* letter-spacing: 1px; */
	color: #ffffff;
   height: 100px;
}
.grid-item-year-up{
   padding-top: 30px;
   text-align: center;
   font-family: SourceHanSansCN-Heavy;
	font-size: 26px;
	letter-spacing: 3px;
	color: #ffffff;
	opacity: 0.7;
}
.mt5{
   margin-top: 5px;
   margin-bottom: 5px;
}
.bg-huahui{
   background-image: url('./img/huahui.jpg');
   background-size: cover;
   background-position: center;
   position: relative;
   transition: all 1.5s;
   cursor: pointer;
}
.bg-huahui:hover{
   background-size: 200%;
   /* transform: scale(1.5); */
}
.bg-enguang{
   background-image: url('./img/enguang.jpg');
   background-size: cover;
   background-position: center;
   position: relative;
   transition: all 1.5s;
   cursor: pointer;
}
.bg-enguang:hover{
   background-size: 250%;
}
.bg-huide{
   background-image: url('./img/huide.jpg');
   background-size: cover;
   background-position: center;
   position: relative;
   transition: all 1.5s;
   cursor: pointer;
}
.bg-huide:hover{
   background-size: 180%;
}
.bg-stiron{
   background-image: url('./img/main1.png');
   background-size: cover;
   background-position: center;
   position: relative;
   transition: all 1.5s;
   cursor: pointer;
}
.bg-stiron:hover{
   background-size: 200%;
}
.bg-shade{
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: rgb(7,58,104, 0.6);
}
.pic-grid-shade{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgb(7,58,104, 0.73);
   text-align: center;
}
.pic-grid-shade p{
   width: 100%;
	font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #ffffff;
   text-align: center;
   /* line-height: 260px; */
   /* word-wrap:break-word; 
   white-space:pre-wrap; 
   word-break: break-all; */
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 115px;
   
}

@-webkit-keyframes fadeInOut {
   0% {
       opacity:1;
    }
   25% {
       opacity:0;
   }
   50% {
       opacity: 0;    
   }
   75% {
       opacity:1;
   }
}
.p1{
   position:absolute;    
   -webkit-animation-name: fadeInOut;
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-duration: 5s;
   -webkit-animation-direction: alternate;
}
.p2{
   position:absolute;    
   -webkit-animation-name: fadeInOut;
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-duration: 5s;
   -webkit-animation-direction: alternate;
   animation-delay:2s;
   -webkit-animation-delay:2s; /* Safari 和 Chrome */
}

.p3 {
   /* animation: fadeInDown 6s;
   -webkit-animation: fadeInDown 6s;
   -webkit-animation-iteration-count: infinite; */
   position:absolute;    
   -webkit-animation-name: fadeInOut;
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-duration: 5s;
   -webkit-animation-direction: alternate;
   animation-delay:4s;
   -webkit-animation-delay:4s; /* Safari 和 Chrome */
}

@keyframes fadeInDown1 {
   0% {
       margin-top: 300px;
       opacity: 0;
   }
   100% {
       margin-top: 0px;
       opacity: 1;
   }
}
@-webkit-keyframes fadeInDown1{
   0% {
       margin-top: 300px;
       opacity: 0;
   }
   100% {
       margin-top: 0px;
       opacity: 1;
   }
}

/** end of 关于我们**/

/** start of 产品中心**/
.product-top{
   width: 100%;
}
.product-top .container-fluid{
   padding: 0;
   margin: 0;
}
.product-top .col-lg-4,.product-top .col-md-4,.product-top .col-12{
   padding: 0;
   margin: 0;
}
.product-top1{
   background-image: url('./img/caitu.png');
   background-size: cover;
   background-position: center;
   height: 650px;
}
.product-top2{
   background-image: url('./img/pro2.jpg');
   background-size: cover;
   background-position: center;
   height: 650px;
}
.product-top3{
   background-image: url('./img/waleng.png');
   background-size: cover;
   background-position: center;
   height: 650px;
}
.pd-text{
   padding-top: 280px;
   width: 180px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   font-family: SourceHanSansCN-Regular;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 3px;
	color: #fefefe;
   cursor: pointer;
}
.pd-bg-shade{
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: rgb(0,0,0, 0.54);
}
.product-top1 :hover .decoline,
.product-top2 :hover .decoline,
.product-top3 :hover .decoline{
   visibility: visible;
}
.product-top1 :hover .pd-text,
.product-top2 :hover .pd-text,
.product-top3 :hover .pd-text{
   font-size: 38px;
   font-weight: 600;
}
.decoline{
   width: 60px;
	height: 8px;
	background-color: #ffffff;
   margin-top: 20px;
   visibility: hidden;
}
.pd1-img{
   height: 445px;
   margin-bottom: 20px;
}
.decoline-short{
   width: 37px;
	height: 8px;
	background-color: #073a68;
   margin-bottom: 20px;
}
.pd-img-h{
   margin-top: 5px;
   margin-bottom: 5px;
}
.pd-img-h :hover{
   animation-timing-function: ease-in;
   /* width: 500px;
   height: 350px; */
}
.pd1-title{
   font-family: SourceHanSansCN-Bold;
	font-size: 17px;
	font-weight: 600;
	/* line-height: 45px; */
	/* letter-spacing: 1px; */
	color: #073a68;
}
.pd1-content{
   font-family: SourceHanSansCN-Normal;
	font-size: 17px;
	font-weight: normal;
	/* letter-spacing: 1px; */
	color: #073a68;
   line-height: 30px;
}
.pd1-content-title{
   margin-top: 20px;
   margin-bottom: 10px;
}
.pd1-item1{
   margin-bottom: 30px;
}
/* .pd1-item1 .container-fluid{
   padding: 0;
   margin: 0;
} */
.pd1-item2{
   width: 100%;
}
.item2-bg{
   background-color: #ececec;
   width: 100%;
   min-height: 1300px;
}
.item2-intro-contain{
   padding: 30px 50px;
}
.item2-intro-left{
   width: 200px;
	height: 200px;
	background-color: #ffffff;
	border-radius: 30px;
   text-align: center;
   padding-top: 45px;
   padding-left: 40px;
   padding-right: 40px;
   margin-bottom: 20px;
}
.item2-intro-left p{
   font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
   line-height: 36px;
	color: #073a68;
}
.item2-intro-left span{
   font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #1d8fcb;
}
@media only screen and (max-width: 768px){
   /* .item2-intro-right{
      overflow-y: scroll !important;
   } */
}
.item2-intro-right{
   /* width: 800px; */
	background-color: #ffffff;
	border-radius: 30px;
   height: 200px;
   text-align: center;
   padding-left: 40px;
   padding-right: 40px;
   padding-top: 40px;
   padding-bottom: 40px;
   overflow-y: hidden;
}
.item2-intro-right p{
   font-family: SourceHanSansCN-Normal;
	font-size: 17px;
	/* letter-spacing: 1px; */
	color: #073a68;
   line-height: 30px;
}
.item2-intro-right p span{
   font-family: SourceHanSansCN-Bold;
	font-size: 17px;
	font-weight: 600;
	/* letter-spacing: 1px; */
	color: #073a68;
}
.item2-friend{
   font-family: SourceHanSansCN-Regular;
	font-size: 22px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 1px;
	/* color: #252525; */
   color: #073a68;
}
.item2-decoline{
   width: 34px;
	height: 4px;
	background-color: #252525;
}
.partner-bg{
	height: 108px;
	/* background-color: #ffffff;
	border-radius: 30px; */
   padding-top: 20px;
   /* padding-left: 20px; */
   /* padding-right: 20px; */
   margin-bottom: 20px;
}
.partner-img{
   /* width: 95%; */
   height: 78px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.pd3-img{
   height: 320px;
   margin-bottom: 20px;
}
.pd3-content{
   font-family: SourceHanSansCN-Normal;
	font-size: 17px;
	font-weight: normal;
	/* letter-spacing: 1px; */
	color: #073a68;
   line-height: 35px;
}
.pd2-left{
   width: 100%;
	height: 305px;
	border: solid 3px #073a68;
   display: flex;
   justify-content: space-around;
   margin-bottom: 20px;
}
.pd2-imgs{
   display: flex;
   margin-bottom: 20px;
}
.pd2-img-lt{
   width: 68%;
   transition: 1.5s;
   /* overflow: hidden; */
}
/* .pd2-img-lt img:hover{
   transform: scale(1.3);
} */
.pd2-img-rt{
   width: 32%;
}
.pd2-img-rt{
   margin-left: 20px;
}
.pd2-inner-lt{
   margin-top: 10px;
}
.pd2-inner-lt span{
   font-family: SourceHanSansCN-Bold;
	font-size: 18px;
	font-weight: 600;
	line-height: 52px;
	letter-spacing: 1px;
	color: #073a68;
}
.pd2-inner-lt p{
   font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	letter-spacing: 1px;
	color: #073a68;
   line-height: 40px;
}
@media screen and (max-width:997px){
   .pd3-lr{
      height: 50px !important;
      line-height: 50px !important;
      padding-top: 0 !important;
   }
   .pd3-lr-EN{
      padding-top:10px !important;
   }
   .pd3-lr-EN p{
      font-size: 20px !important;
      transform:none !important;
      /* padding-left: 40px; */
      color: #ffffff;
      -webkit-transform: none !important;
      -moz-transform: none !important;
   }
}
.pd3-lr{
   height: 320px;
   background-color: #073a68;
   font-family: SourceHanSansCN-Medium;
	font-size: 35px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: 3px;
	color: #ffffff;
   text-align: center;
   padding-top: 40px;
   margin-bottom: 20px;
}
.pd3-lr-EN{
   padding-top: 85px;
}
.pd3-lr-EN p{
   transform:rotate(90deg);
   padding-left: 40px;
   color: #ffffff;
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
}
.pd3-middle{
   height: 320px;
   margin-bottom: 20px;
   width: 100%;
   position: relative;
   cursor: pointer;
}
.pd3-rt{
   height: 320px;
   margin-bottom: 20px;
   width: 100%;
   position: relative;
   cursor: pointer;
}
.pd3-shade{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgb(7,58,104, 0.73);
   text-align: center;
   padding-top: 80px;
   visibility: hidden;
}
.pd3-shade p{
   font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	line-height: 35px;
	letter-spacing: 1px;
	color: #ffffff;
   visibility: hidden;
}
.pd3-middle:hover .pd3-shade,
.pd3-middle:hover .pd3-shade p,
.pd3-rt:hover .pd3-shade,
.pd3-rt:hover .pd3-shade p{
   visibility: visible;
}
.pd3-middle:hover + .pd3-rt .pd3-shade{
   visibility: hidden;
}
.rich-area{
   height: 130px;
   margin-bottom: 10px;
   width: 100%;
   position: relative;
   cursor: pointer;
}
.rich-shade{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgb(7,58,104, 0.73);
   text-align: center;
   /* padding-top: 80px; */
   visibility: hidden;
}
.rich-shade p{
   font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	/* line-height: 35px; */
   line-height: 130px;
	letter-spacing: 1px;
	color: #ffffff;
   visibility: hidden;
}
.rich-area:hover .rich-shade,
.rich-area:hover .rich-shade p{
   visibility: visible;
}
.rich-area:hover + .rich-area .rich-shade{
   visibility: hidden;
}
.pd3-roof-img{
   height: 200px;
   margin-bottom: 20px;
}
.pd3-con-title{
   color: #073a68;
   font-weight: 600;
}

/**end of 产品中心**/

/*end of mine*/



/**start of EN****/
 .item2-intro-left-EN{
   width: 200px;
	height: 200px;
	background-color: #ffffff;
	border-radius: 30px;
   text-align: center;
   padding-top: 25px;
   padding-bottom: 25px;
   padding-left: 40px;
   padding-right: 40px;
   margin-bottom: 20px;
   display: table;
   position: relative;
}
 .item2-intro-left-EN p{
   font-family: SourceHanSansCN-Bold;
	font-size: 18px;
	font-weight: 600;
   line-height: 36px;
	color: #073a68;
   /* display: table-cell; */
   /* vertical-align: middle; */
   display: block;
}
.item2-intro-left-EN span{
   font-family: SourceHanSansCN-Bold;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #1d8fcb;
   display: block;
   /* position: absolute;
   bottom: 20px;
   left: 0;
   right: 0; */
}
.pd2-inner-lt-EN span{
   font-family: SourceHanSansCN-Bold;
	font-size: 16px;
	font-weight: 600;
	line-height: 52px;
	color: #073a68;
   margin-left: 20px;
}
.pd2-inner-lt-EN p{
   font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	color: #073a68;
   line-height: 40px;
   margin-left: 20px;
}
/**end of EN*******/

/*================================*/
/*修改原始样式*/
.navbar{
   margin-bottom: 0;
}

.carousel-indicators li{
   margin-left: 10px;
}
.carousel-indicators .active{
   margin-left: 10px;
}
.img-responsive{
   /* max-height: 110px; */
   height: 110px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 240px;
    margin-top: 75px;
}
.img-responsive-CN{
   width: 360px !important;
}
.img-logo-top-EN{
   width: 170px;
   height: 40px;
}

/*===============================*/

/* 固定左侧的whatsAPP */
.whats-div{
   position: fixed;
   left: 30px;
   bottom: 40px;
   text-align: center;
   z-index: 999999;
   /* width: 50px;
   height: 50px; */
   /* box-shadow: 0px 0px 15px rgb(0 0 0 / 32%); */
}
.whats-img{
   width: 53px;
   height: 50px;
}
.whats-img:hover{
   width: 57px;
   height: 54px;
}
/* end of whatsapp */

/* 公共动画样式 */
@keyframes frombottom {
   0% {
       margin-top: 600px;
       opacity: 0;
   }
   100% {
       margin-top: 0px;
       opacity: 1;
   }
}
@-webkit-keyframes frombottom{
   0% {
       margin-top: 600px;
       opacity: 0;
   }
   100% {
       margin-top: 0px;
       opacity: 1;
   }
}
.mobile-lang{
   margin-top: 20px;
   display: none;
}


/* index.html */
.tabs{
   display: flex;
   justify-content:space-between ;
   height: 130px;
   position: relative;
}
.tabs  a {
   display: block;
   text-decoration: none;
   color: #337Ab7;
   /* background-color: white; */
   width: 100%;
}
.tabs a:hover {
   background-color: rgba(30,136,229,0.7);
   color: #ffffff !important;
}
.tabs a:hover .p-name{
   color: #ffffff;
}
a{
   cursor: pointer;
}
.tabs .md-center{
   position: absolute;
   left: 50%;
   top: 50%;
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
}
.p-pic{
   width: 40px;
   height: 40px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   margin-bottom: 20px;
}
.p-pic-special{
   width: 55px;
   height: 40px;
}
.tabs  .p-pic img {
   width: 100%;
   height: auto;
}
.tabs  .p-name {
   line-height: 115%;
   font-size: 18px;
   color: #337Ab7;
}

.tab-main1{
   background-size: cover;
   background-position: center;
   height: 450px;
   position: relative;
   display: none;
}
.tab-dark-gray{
  background: rgb(28,28,28,0.65);
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
}
.tab-container{
   /* margin-top: 100px; */
   /* position: absolute;
   left: 50%; 
    top: 50%;
    translate: (-50%,-50%); */
   /* display: -webkit-center; */
   width: 80%;
   height: 450px;
   line-height: 450px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
.tab-container p{
   display:inline-block;/*文字容器要转成行内块元素*/
   vertical-align: middle;
   color: #ffffff;
   font-size: 18px;
   line-height: 30px;
   text-align: center;
}
@media (min-width:1224px) {
   .tab-container{
      width: 50%;
      /* padding: 20px 20px;
      margin-top: 140px; */
   }
}
@media (max-width:476px) {
   .tab-container{
      width: 90%;
      /* padding: 10px 20px;
      margin-top: 60px; */
   }
}
@media ( min-width:768px) {
   .tab-container{
      width: 70%;
      /* padding: 40px 20px;
      margin-top: 60px; */
   }
}
.tab-select{
   background: #337Ab7;
   color: #ffffff;
}
.tab-select .p-name{
   color: #ffffff;
}
.tab-select .p-pic img{
   filter: brightness(0) invert(1);
   transition: All .2s linear;
}
.tabs a:hover .p-pic img{
   filter: brightness(0) invert(1);
   transition: All .2s linear;
}

.pl-contain{
   margin: 20px 40px ;
}
.box-shadow{
   box-shadow: 0 0 5px 1px rgb(0 0 0 / 10%);
}
.pl-top{
   height: 250px;
   width: 100%;
   position: relative;
   cursor: pointer;
}

.pl-shade{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgb(7,58,104, 0.73);
   text-align: center;
   padding-top: 80px;
   visibility: hidden;
   padding-left: 10px;
   padding-right: 10px;
}
.pl-shade p{
   font-family: SourceHanSansCN-Regular;
	font-size: 17px;
	/* line-height: 35px; */
	/* letter-spacing: 1px; */
	color: #ffffff;
   visibility: hidden;
}
.pl-top:hover .pl-shade,
.pl-top:hover .pl-shade p{
   visibility: visible;
}
.pl-top:hover + .pl-top .pd3-shade{
   visibility: hidden;
}
.pl-title{
   width: 100%;
   text-align: center;
   color: #545454;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'open_sansbold';
    background: #fff;
    border-top: 2px solid red;
    padding: 12px 0 17px 0;
    
}
.why-box-item{
   text-align: center;
   margin-top: 50px;
}
.why-box-item .why-title{
   font-size: 22px !important;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 30px;
}
.why-box-item p{
   color: #545454;
    line-height: 160%;
    font-size: 16px;
    padding: 20px 40px;
    text-align: center;
    box-sizing: border-box;
}
.swiper-envaluate{
   margin: 80px 0;
}
.ev-bg-main1{
   background-size: cover;
   background-position: center;
   height: 700px;
}
.ev-bg-main1:after {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 160px;
   content: '';
   display: block;
   background: url('https://thebronxgroup.com/wordpress/wp-content/themes/bronxinternational/images/0419/ap19-testimonials-base.svg');
   /* background: url('./img/bgcurve.png');
   height: 260px; */
   background-position: center bottom !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   z-index: 5;
}
.ev-bg-main1:before {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: '';
   display: block;
   background: rgba(0,0,0,0.5);
}
.ev-bg-item{
position: relative;
}
.box-left-content{
   text-align: center;
   margin: 90px 30px;
   padding: 20px 30px;
   font-size: 17px;
}
@media only screen and (min-width: 768px) {
   .flex-box{
      display: flex;
   }
}
.eval-box{
   margin-right: auto;
   margin-left: auto;
   width: 85%;
   padding-top: 110px;
}
.eval-top-img{
   display: flex;
   justify-content: center;
}
.eval-top-img img{
   width: 120px;
   height: 120px;
   border-radius: 50%;
}
.eval-middle{
margin: 30px 20px;
text-align: center;
}
.eval-middle p{
   color: #ffffff;
   font-size: 18px;
   line-height: 30px;
}
.eval-bottom{
   text-align: center;
}
.eval-bottom p{
   color: #ffffff;
   font-size: 18px;
}
.eval-bottom p span{
   color: red;
   margin-left: 10px;
}



/*  start gallery*/
.g-title{
   border-bottom: 1px solid #545454;
   padding-bottom: 7px;
   margin-bottom: 30px;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 30px;
}
.g-title h1{
   font-size: 20px;
   color: #337Ab7;
}
.g-img{
   /* width: 150px;
   height: 150px; */
   height: 250px;
   /* width: -webkit-fill-available; */
}
.g-desc{
   color: #545454;
    line-height: 160%;
    font-family: 'open_sansregular';
    text-align: center;
    padding: 10px 5px;
}

/* 首页下方 轮播图 */
.swiper-list{
   height: 500px;
   position: relative;
   overflow: hidden;
    /* border: 1px solid #eee; */
    padding: 30px 0;
}
.swiper-main{
   height: 100%;
   position: relative;
}
.swiper-main img{
   height: 100%;
   display: block;
   position: absolute;
   top: 0px;
   border-radius: 4px;
   display: inline-block;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 30px;
    height: 30px;
    z-index: 1002;
}
.leftBtn{
   left: 0px;
}
.rightBtn{
   right: 0px;
}

/* 鼠标悬浮效果 --生产能力部分*/
.ih-item {
   position: relative;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
}

.ih-item,
.ih-item * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.ih-item a {
   color: #333;
}

.ih-item a:hover {
   text-decoration: none;
}

.ih-item img {
   width: 100%;
   height: 100%;
}

.ih-item.square .info {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   text-align: center;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   padding-top: 70px;
}
.ih-item.square.effect6 {
   overflow: hidden;
}

.ih-item.square.effect6.colored .info {
   background: #1a4a72;
   background: rgba(26, 74, 114, 0.6);
}


.ih-item.square.effect6 .img {
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}

.ih-item.square.effect6 .info {
   background: #333333;
   background: rgba(0, 0, 0, 0.6);
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all 0.35s ease-in-out;
   -moz-transition: all 0.35s ease-in-out;
   transition: all 0.35s ease-in-out;
}


.ih-item.square.effect6 .info p {
   /* font-style: italic; */
   font-size: 16px;
   position: relative;
   color: #FFFFFF;
   padding: 5px 10px 5px;
   text-align: center;
   -webkit-transition: all 0.35s 0.1s linear;
   -moz-transition: all 0.35s 0.1s linear;
   transition: all 0.35s 0.1s linear;
}

.ih-item.square.effect6 a: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);
}

.ih-item.square.effect6 a:hover .info {
   visibility: visible;
   opacity: 1;
}

.ih-item.square.effect6.top_to_bottom .info p {
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   transform: translateY(-100%);
}

.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
   -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
}


/***2021.10.13移动端更新**/
.col-margin-index{
   margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
   .header .img-logo{
      width: 150px;
   }
   .img-logo-top-EN{
      width: 150px;
      height: unset;
   }
   .box-left-content{
      margin: 0;
   }
   .swiper-list{
      height: 350px;
      margin: 0 auto;
      /* width: 350px !important; */
   }

   /***底部logo及文字大小**/
   .img-responsive {
      margin-top: 0;
      width: 260px !important;
      height: unset;
   }
   .img-responsive.img-responsive-CN{
      width: 260px !important;
   }
   .footer-top h3{
      font-size: 22px !important;
      margin-top: 10px !important;
   }
   .footer .footer-top {
      padding: 10px 0 20px;
  }
  .footer ul li a{
     line-height: 40px !important;
  }

  /**关于我们部分的更改****/
  .bg-stiron:hover,.bg-huide:hover,.bg-huahui:hover,.bg-enguang:hover{
   background-size: cover !important;
   }
   .diangu-img{
      margin-bottom: 20px;
      height: auto;
   }
   .diangu-img img{
      width: auto;
      height: auto;
   }
   .qiye-img{
      height: auto;
   }

   /****产品板块**/
   .item2-intro-right{
      height: auto;
      padding: 20px;
      border-radius: 15px;
   }
   .item2-intro-left{
      height: auto;
      padding: 20px;
      border-radius: 15px;
      padding: 10px;
      margin: 20px auto;
   }
   .item2-intro-contain{
      padding: 30px 10px;
   }
   .item2-intro-left-EN{
      height: auto;
      padding: 20px;
      border-radius: 15px;
      padding: 10px;
      margin: 20px auto;
   }
   .item2-intro-left-EN p{
      line-height: unset;
      display: block;
   }
   .item2-intro-left-EN span{
      position: unset;
   }
   .eval-middle{
      margin: 20px 20px;
   }

   /**英文-公司页面-**/
   .bg-card1 .company-text{
      position: absolute;
      text-align: center;
      width: 80%;
      top: 50%;
      /* 这里有兼容性问题 */
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      animation: fadeInDown1 1.5s;
      -webkit-animation: fadeInDown1 1.5s;
   }
   .bg-card2 .card2-text{
      position: absolute;
      width: 80%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
   }
   .card4{
      margin-top: 30px;
      margin-bottom: 30px;
   }

}
@media only screen and (max-width: 992px){
   .item2-intro-right{
      height: auto;
      padding: 20px;
      border-radius: 15px;
   }
   .item2-intro-left{
      height: auto;
      padding: 20px;
      border-radius: 15px;
      padding: 10px;
      margin: 20px auto;
   }
   .item2-intro-contain{
      padding: 30px 10px;
   }
   .item2-intro-left-EN{
      height: auto;
      padding: 20px;
      border-radius: 15px;
      padding: 10px;
      margin: 20px auto;
   }
   .item2-intro-left-EN p{
      line-height: unset;
      display: block;
   }
   .item2-intro-left-EN span{
      position: unset;
   }
}