@charset "utf-8";
*{padding:0px;margin:0px;}
body { margin: 0px; font: 16px/200% Arial, "微软雅黑", Helvetica, sans-serif, Verdana; background-color:#ffffff; color: #333333; overflow-x: hidden; }
table {font: 16px/180% Arial, "微软雅黑", Helvetica, sans-serif, Verdana; color: #333333; border-spacing:0; border-collapse:collapse; empty-cells:show; }
td {font: 16px/180% Arial, "微软雅黑", Helvetica, sans-serif, Verdana; color: #333333;	border-collapse:collapse;}
th {border-collapse:collapse;}
img {border:none;}
.clear,clear:after{clear:both; font-size:0px; height:0px; overflow:hidden; }
ol,ul,li,dl,dt,dd { list-style-type:none; margin: 0; padding:0;  }
a { outline-style:none; outline-color:invert; outline-width:medium;  cursor: pointer;}
a:link {color: #333333; text-decoration:none;   cursor: pointer;}
a:visited {color: #333333; text-decoration:none;   cursor: pointer;}
a:hover {	color: #e50012; text-decoration:none;   cursor: pointer;}
.orgbg{background-color: #fff6ef;}
.bghui{background-color: #e5e5e5;}
.bluebg{background-color: #e50012;}
.d-sm-block,.d-lg-block{display: block;}
.img-responsive { display: block; max-width:100%;height: auto;margin: auto;}

 /*animation*//*第一条线旋转动画*/
 @keyframes clickfirst{0%{transform: translateY(8px) rotate(0deg);}
 100%{transform: translateY(0) rotate(45deg);}}
 /*第二条线淡入淡出动画动画*/
 @keyframes clicksecond{0%{opacity: 1;}
 100%{opacity: 0;}}
 /*第三条线旋转动画*/
 @keyframes clickthird{0%{transform: translateY(-8px) rotate(0deg);}
 100%{transform: translateY(0) rotate(-45deg);}} 
 @keyframes outfirst{0%{transform: translateY(0) rotate(-45deg);}
 100%{transform: translateY(-6px) rotate(0deg);}} 
 @keyframes outsecond{0%{opacity: 0;}
 100%{opacity: 1;}} 
 @keyframes outthird{0%{transform: translateY(0) rotate(45deg);}
 100%{transform: translateY(6px) rotate(0deg);}}
 
/*base*/
  .flex{display: flex; align-items: center; }
  .flexb{display: flex; align-items: center; justify-content: space-between;}
  .text-center{text-align: center;}
  .textright{text-align: right;}
  .f18{font-size: 18px;}
  .f20{font-size:20px!important;}
  .f28{font-size: 28px!important;}
  .pt0{padding-top:0;}
  .mt0{margin-top:0;}
  .mb0{margin-bottom:0!important;}
  .mt3{margin-top: 3.125rem;}

/*提交表单*/
.form-label span{color:#DC3545}
.submitbtn{text-align: center; margin: 30px auto 0 auto; display: block; width:250px; height:50px; line-height: 50px; background-color: #e50012; color:#ffffff; padding: 0;}

footer{width:100%; background-color: #1b1b1b; color: #ffffff; text-align: center; padding:1rem 0!important; z-index: 99999999999!important; position: absolute;}
footer .flex{display: flex; align-items: center; border-bottom:1px solid  rgba(255,255,255,0.2); margin-bottom: 20px;}
footer .flex .footnav{ display: flex; flex:1;  padding:20px;}
footer .flex .footnav dl{flex:1;}
footer .flex .footnav dl dd,footer .flex .footnav dl dt{line-height:3.125rem;}
footer .flex .footpro{width: 23rem; border-left:1px solid #494949; border-right:1px solid #494949;}
footer .flex .footpro  li{width: 50%; text-align: center; float: left;line-height:4rem; font-weight: 900; color: #ffffff;}
footer .flex .footpro  li a,footer .flex .footpro  li a:link,footer .flex .footpro  li a:visited{color:#ffffff}
footer .flex .footpro  li a:hover{color:#e50012;}
footer .flex .wxxcx{width:9.375rem; margin-left:5.25rem;}
footer .flex .wxxcx  img{width:8rem; height:8rem;}
footer .flex .wxxcx h3{font-size: 18px; font-weight: normal; margin-top:1.25rem;}
footer a,footer a:link,footer a:visited{color:#999999;}
footer a:hover{color:#e50012;}
footer .foot{color:#999999;}
.go-btn{ opacity:1; z-index: 99999;
webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-ms-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-moz-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-o-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
/* transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg); 
 -ms-transform:rotate(-90deg); 
 -moz-transform:rotate(-90deg); 
 -o-transform:rotate(-90deg); */
 background: url(../img/monse.png) no-repeat center center;
  position:fixed;bottom:10px;left:48%;
  width:60px; height:60px; border-radius:100%; line-height:60px; text-align:center; font-size:20px; color:#fff; cursor:pointer; overflow:hidden}
.go-btn:hover{
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
	-ms-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
}
@keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-webkit-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-ms-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-moz-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-o-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}

.backtotop{ position: fixed;right: 1.875rem;bottom: 1.25rem;z-index: 99999999;  background-color: #ffffff; width:12.5rem; height:auto;  box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px; text-align: center; padding:0; display: none;}
.backtotop .imgcon img{width:8.125rem; height:8.125rem;margin-top: 30px;}
.backtotop .imgcon  h3{font-size: 16px; color:#333333; height:3.125rem; line-height: 3.125rem;}
.backtotop .telcon{background-color:  #e50012; font-size: 16px; color: #ffffff; padding:1.25rem 0;}
.backtotop .telcon span{display: block; font-size: 24px; color: #ffffff;}
.close{position: absolute; right:0; top: -30px; display: inline-block;width: 30px;height: 30px;overflow: hidden; background-color: #e50012;}
.close:hover::before, .close:hover::after{background: #d22d26;}
.close::before, .close::after{content: '';position: absolute;height: 2px;width: 80%;top: 50%;left: 10%;margin-top: -1px;background: #ffffff;}
.close::before{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.close::after{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.cnav{ height: 3.125rem; line-height: 3.125rem; margin-top:1.875rem; margin-bottom: 3.125rem;}
.cnav ul{display: flex; justify-content: flex-start;border-bottom: 1px solid #eeeeee; flex-wrap: wrap;}
.cnav ul li{padding-right:8px; margin-right:24px; height: 3.0625rem; line-height: 3.0625rem; text-align: left;}
.cnav ul li.active,.cnav ul li.active a,.cnav ul li.active a:link,.cnav ul li.active a:hover{ color: #e50012;}
.smalltit{text-align: center;}
.smalltit  h3{font-size: 40px; color: #333333; font-weight: 900;}
.smalltit  span{font-size: 40px; color: #333333; font-weight: 600; text-transform:uppercase}
/*服务中心*/
.servercon{margin-bottom: 1.25rem; }
.servercon .flex{display: flex; flex-wrap: wrap;}
.flex .smallserver{width: calc(50% - 0.625rem); padding:3.125rem; margin-right: 1.25rem; margin-bottom: 1.25rem; box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px;transition:0.3s linear;}
.flex .smallserver:nth-child(2n){margin-right: 0;}
.smallserver  ul li{padding-left:3.125rem; }
.smallserver  ul li:nth-child(1){background: url(../img/server_05.png) no-repeat left center; background-size: 20px 20px;}
.smallserver  ul li:nth-child(2){background: url(../img/server_08.png) no-repeat left center; background-size: 20px 20px;}
.smallserver  ul li:nth-child(3){background: url(../img/server_11.png) no-repeat left 5px; background-size: 20px 20px;}
.smallserver h3 { margin-bottom:2rem ; font-size: 24px;}
.flex .smallserver:hover{transform: translateY(-4px);}
.ditumap{padding:0rem 0 1.25rem 0;}
.ditumap #baidu_map{width:100%;height:43.75rem;}
/*文化*/
.logojs{ box-shadow: rgba(0,0,0,0.2) 0px 0px 1.25rem 0px; padding:1.875rem;  align-items: center; text-align: justify;}
.logojs .row{align-items: center;transition:0.3s linear; }
.logojs:hover .row {transform: translateY(-4px);}
.smyjbg{margin-top:3.125rem; background-size: cover; background-repeat: no-repeat; }
.smyjbgh{height: 50rem;margin-bottom: 3.125rem;}
.culturecon .flex{display: flex; justify-content: space-between; align-items: center;}
.smallsmyj{width:15.625rem; height:15.625rem; border-radius: 50%;position: relative; margin-bottom: 3.125rem;}
.smallsmyj div{position: absolute; border:1px solid #d3deed;top: 0;left: 0;transition: all 1s; color: #ffffff; background-color: #e50012;width:15.625rem; height:15.625rem;  display: flex; align-items: center; border-radius: 50%; text-align: center; justify-content: center; padding:1.875rem; }
.smallsmyj div:first-child{z-index: 1; backface-visibility: hidden; font-size: 20px; font-weight: 500;}
.smallsmyj div:nth-child(2){visibility: hidden;/* transform: scale(0.2);  transition: 0.6s ease; */}
.smallsmyj:hover div {transform: rotateY(180deg);  color: #e50012; background-color: #ffffff;  border:1px solid #e50012; /* 3D变形 */
  transform-style: preserve-3d; -webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;}
.smallsmyj:hover div:nth-child(2){visibility: visible;/* transform: scale(1); */ transform: rotateY(0deg);}
.cultrueconc{margin-bottom: 3.125rem;}

.cultrueconc{margin-bottom: 3.125rem;}
.smallculture{ margin-right: 1.25rem;  height: 37.1875rem; position: relative; width:100%; }
.smallculture h3{width: 100%; height: 37.1875rem;font-size: 26px; color: #e50012; text-align: center;z-index: 1; backface-visibility: hidden;position: absolute; top: 0;left: 0;transition: all 1s; background: url(../img/cutrure_15.jpg) no-repeat center center;background-size:100% 100%;align-items: center; display: flex; justify-content: center;}
.smallculture h3 span{width:2rem;}
.smallculture div{visibility: hidden;height: 37.1875rem;position: absolute; top: 0;left: 0;transition: all 1s; width:100%;background: url(../img/cutrure_18.png) rgba(34,96,167,0.5) no-repeat left bottom; background-size:100% 100%;align-items: center; display: flex; padding:0 1.875rem; color: #ffffff; text-align: justify; }
.smallculture:hover h3{transform: rotateY(180deg);  /* 3D变形 */ transform-style: preserve-3d; -webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000; perspective: 1000; }
.smallculture:hover div{visibility: visible;transform: rotateY(0deg);}
.hxsn{padding-top:3.125rem; padding-bottom: 3.125rem; position: relative; }
.hxsncon{display: flex;   flex-wrap: wrap; flex-direction: column; transition:0.3s linear; text-align: justify; }
.hxsnkh h5{font-size: 24px; font-weight: bold; padding-top:20px;}
.hxsn img{ transition:0.3s linear; width: 100%;}
.hxsn:hover .hxsncon{transform: translateY(-4px);}
.hxsn:hover img{transform: scale(1.05);}
.hxsn  .hxsnkh{background-color: #ffffff; z-index: 999; position: absolute; width:800px; height:366px; left:0; top:161px; box-shadow: rgba(0,0,0,0.2) 0px 0px 1.25rem 0px; padding:50px; }
.advcon {background-color: #ffffff;  box-shadow: rgba(0,0,0,0.2) 0px 0px 1.25rem 0px; margin-bottom: 3.125rem; padding-left: 0; margin-top:6.25rem; overflow: hidden; padding-right: 0;}
.advcon .hxsncon{padding:1.875rem;}
.storytit{text-align: center; font-size: 4rem; line-height: 4rem; padding:8.5rem 0 0 0;}
.xarrow{background: url(../img/arrow.png) no-repeat center center; width: 1.125rem; height: 2.1875rem; margin:8.5rem auto 0 auto; }
.bdbk,.bdbkcon{text-align: center; font-size: 16px;}
.bdbk h3{text-align: center; font-size: 30px; margin-bottom: 3.125rem;}
.mb150{margin-bottom:8.5rem ;}
.blue{color: #e50012;}
.usecon{margin-top:8.5rem;}
.smalluse{background-color: #ffffff;  box-shadow: rgba(0,0,0,0.2) 0px 0px 1.25rem 0px; display: flex;  padding:1.25rem; justify-content: space-between; margin-bottom: 3.125rem; align-items: center;}
.smalluse .left {width:11.625rem; border-right: 1px solid #e5e5e5; text-align: center;transition:0.3s linear;}
.smalluse2 .left{border-right: none; border-left:1px solid #e5e5e5;}
.smalluse .left h3{font-size: 50px; color: #e50012;}
.smalluse .left span{font-size: 24px; color: #e50012;}
.smalluse .cen{flex:1; padding:0 1.25rem;transition:0.3s linear; }
.smalluse .rit{width:15.5625rem;}
.smalluse .rit  img{  transition:0.3s linear;}
.smalluse:hover .rit  img{transform: scale(1.05);}
.smalluse:hover  .cen,.smalluse:hover  .left{transform: translateY(-4px);}
/*人力资源*/
.smalljoin,.smalljoin2{ width:100%; box-shadow: 0 0px 10px rgb(0 59 111 / 15%); padding:0 0rem 1.25rem 0rem;   margin-bottom: 2.5rem; transition: 0.4s cubic-bezier(0.42, 0, 0.94, 1.67); }
.smalljoin p,.smalljoin2 p{margin-bottom: 0;}
.smalljoin i,.smalljoin2 i{margin-left:50px; font-style: normal;}
.joindetail{box-shadow: none; padding-left:0;  }
.smalljoin:hover{transform: translateY(-5px); background-color: #e50012; color: #ffffff;}
.joindetail:hover{transform: translateY(0px);}
.smalljoin  h3,.smalljoin2  h3{font-size: 24px; font-weight: bold; color: #e50012; border-bottom: 1px dashed #e5e5e5; line-height: 3.75rem; display: flex; justify-content: space-between; padding-right: 1.875rem; padding-left:15px;}
.joindetail h3{border-bottom: 1px solid #dcdcdc; margin-bottom: 1.25rem;}
 .smalljoin  h3 span{font-size: 16px; color: #e50012; font-weight: normal;  } 
   .smalljoin  h3 span a{transition: 0.4s cubic-bezier(0.42, 0, 0.94, 1.67);}
  .smalljoin:hover  h3 span a,.smalljoin:hover  h3 span a:link,.smalljoin:hover  h3 span a:visited{font-size: 20px; color: #ffffff;}
.smalljoin .smalljoincon{font-size: 16px; color: #333333; text-align: justify; padding: 15px; height: 18.75rem; overflow: hidden;}
.smalljoin .smalljoincon p{margin: 0;}
.smalljoin .smalljoincon h5{font-size: 18px; font-weight: bold;}
 .smalljoin:hover h3, .smalljoin:hover h3 span{color:#ffffff;}
 .smalljoin:hover .smalljoincon{color:#ffffff;}
 .smalljoincon2{font-size: 16px; color: #333333; text-align: justify; padding: 15px;}
 .smalljoin2 .smalljoincon2 h6{font-size: 18px; font-weight: bold;}
 .smalljoin2  h3 span{font-size: 16px; color: #e50012; font-weight: normal;  }
 .smalljoin2  h3 span a{transition: 0.4s cubic-bezier(0.42, 0, 0.94, 1.67);}
 .smalljoin2 i{color:#333333; font-weight: normal; font-size: 20px;}
 .smalljoin2  h3 span a,.smalljoin2  h3 span a:link,.smalljoin2  h3 span a:visited{color:#e50012;}
/*关于我们*/
 .aboutcon .smalladv{ clear: both; display: flex; margin-bottom: 3.125rem; position: relative; align-items: center;}
 .aboutcon .smalladv .imgcon{width:50%; height:auto;}
 .aboutcon .smalladv:nth-child(2n){justify-content: flex-end;}
 .aboutcon .smalladv .titcon{ width:50%; background-color: rgba(255,255,255,0.7);   display: flex; padding:3.125rem 3.125rem 3.125rem 1.875rem; align-items: center;text-align:justify;text-justify:inter-ideograph; height: 25rem; overflow: hidden; }
 .aboutcon .smalladv:nth-child(2n) .titcon{width:50%; }
 
.smallhonor{margin-bottom: 30px;}


.swiper-button-prev:hover,.swiper-button-next:hover{opacity:0.6;}
.bluebg2 .acon {width: 1000px; margin: 0 auto;}
.pc-slide{width: 100%; }
.view {width: 100%;height: auto;}
.view .arrow-left{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") no-repeat left top; background-color: #e50012;  color: #ffffff;  position: absolute;left: 0px;top: 50%;margin-top: -25px;width: 28px;height:28px;z-index: 10; display: none;}
.view .arrow-right{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") no-repeat left bottom; background-color: #e50012;  color: #ffffff; position: absolute;right: 0px;top: 50%;margin-top: -25px;width: 28px;height: 28px;z-index: 10; transform: rotate(180deg); display: none;}
.view .swiper-wrapper .swiper-slide{width: 100%;height:auto;cursor:pointer;}
.view .swiper-wrapper .swiper-slide img{width: 100%;}

.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{width: 100%;height: 160px;}
.preview .swiper-slide{width: 200px;height: 150px;cursor:pointer;margin-left: 10px;}

.preview .arrow-left{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") no-repeat left top; background-color: #e50012;  color: #ffffff; position: absolute;left: -50px;top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 10; font-size: 12px;}
.preview .arrow-right{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") no-repeat left top; background-color: #e50012;  color: #ffffff; position: absolute;right: -50px;top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 10; font-size: 12px; transform: rotate(180deg);}
.preview img{padding: 1px;width: 200px;height: 150px;}
.preview .active-nav img{padding: 0;border: 1px solid #F00;}
.bluebg2 { padding-bottom: 20px;}

/*产品中心*/
.productcon{width: 100%;}
.productcon .smalladv{ clear: both;  margin-bottom: 3.125rem; height: 37.5rem;  position: relative; overflow: hidden;}
 .productcon .smalladv .imgcon{ height:auto; position: absolute; left:0; top:0; width:52%}

  .productcon .smalladv:nth-child(2n) .imgcon{right:0; left:auto; top:0; margin-right: 0;} 
    .productcon .smalladv .imgcon  img{margin: 0;  object-fit: cover; width: 100%;}
  
 .productcon .smalladv  .titcon{ width:42%;  padding:2rem 2rem 2rem 2rem; }
 .productcon .smalladv  .titcon .titconcon{   text-align:justify;text-justify:inter-ideograph; height:14.375rem; overflow: hidden; }
  .procon .smalladv  .titcon .titconcon{   text-align:justify;text-justify:inter-ideograph; height:10rem; overflow: hidden; }
 .productcon .smalladv  .container{ display: flex;justify-content:flex-end;  flex-wrap: wrap; align-items: center;}
 .productcon .smalladv:nth-child(2n)  .container {justify-content: flex-start; }
 .productcon .smalladv .titcon  h5{font-weight: 900; font-size: 36px; margin-bottom: 20px;}
 .productcon .smalladv .titcon .btn01, .aboutcon .smalladv .titcon .btn01{padding-top:20px; }
 .productcon .smalladv .titcon .btn01 a:nth-child(1), .aboutcon .smalladv .titcon .btn01 a:nth-child(1){width: 120px; display: inline-block; text-align: center; margin-right: 30px; height: 40px; line-height: 40px; background-color: #e50011;color:#ffffff;}
 .productcon .smalladv .titcon .btn01 a:nth-child(2){color: #e50011;}
.protit{font-size: 30px; text-align: center; padding:30px 0; position: relative;}
.protit::before{width: calc(50% - 100px); border-bottom: 1px dashed #e81f2f; content: ''; position: absolute; left:0; top:44px; }
.protit::after{width: calc(50% - 100px); border-bottom: 1px dashed #e81f2f; content: ''; position: absolute; right:0; top:44px; }
.procon .nav{text-align: center; justify-content: center; border: none; margin-bottom: 30px;}
.procon .nav  li{padding:0px 15px;text-align: center;}
.procon .nav  .active{color:#e50012;}
.smallpron{width: 100%; position: relative; height:31.25rem; box-shadow:rgba(0,0,0,0.2) 0 0 20px 0; text-align: center; padding: 30px; margin-bottom: 30px; display:flex; align-items:center; justify-content:center;}
.smallpron  img{max-width: 100%; max-height: 100%;}
.smallpron .remark2{position: absolute; bottom: 0; right: 0; width:auto; height:auto; padding:0 20px ; line-height: 2.5rem; background-color:#e50012 ; color: #ffffff; text-align: center;}
/*分页*/
.banner{ height:37.5rem; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; transition:0.3s linear; overflow: hidden;/* margin-top:120px; */  background-position: center center;  }
.banner h1{font-size: 40px; color: #ffffff;transition:0.3s linear;}
.banner span{font-size: 14px; text-transform:uppercase; color: #ffffff;transition:0.3s linear;}
.banner:hover{/* transform: scale(1.05); */}
.banner:hover h1,.banner:hover span{margin-left:40px;}
.fyheader{width:100%;   position: fixed; top:0; z-index: 99999999999999; background-color: #ffffff; box-shadow:rgba(0,0,0,0.2) 0 0 20px 0;  }
.fyheader .container{display: flex; justify-content: space-between; align-items: center; }
.fyheader  .logo{ padding:0.75rem 0; z-index: 999999999999999; }
.fyheader  .logo  a{width: 100%; height: 100%; display: inline-block;}
.fyheader  .logo  img{width: 60%;}
.fyheader .navul{ display: flex;align-items: center; z-index: 9999;}
.fyheader .navul  li{padding:0 0.75rem; font-size: 16px; color: #333333; height:5rem; line-height: 5rem; position: relative; border: none;}
.fyheader .navul  li:last-child{padding:0 1.5rem; margin-left:0.75rem;}
.fyheader .navul  li:last-child::before{width:2px; height:20px; border-top:1px solid #cccccc; background-color: #999999; content: '';  display: block; position: absolute; top:50%; left:0; margin-top:-10px;}
.fyheader .navul  li a{display: inline-block; height:3rem; line-height: 3rem; }
.fyheader .navul  li a,.fyheader .navul  li a:link,.fyheader .navul  li a:visited{color:#333333;}
.fyheader .navul li  .on,.fyheader .navul li  .active{ border-bottom:3px solid #e50012; font-weight: bold;color:#e50012 ;}
.navul  li .active,.fyheader .navul  li .active:link,.fyheader .navul  li .active:visited{color:#e50012 ;}
.newscon,.casescon,.aboutcon,.joincon,.productcon{padding:4.375rem 0;}
.joincon{padding:0 0 4.375rem 0;}
.smallnews{padding:1.25rem; box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px; margin-bottom: 20px;  transition:0.3s linear;}
.smallnews a{display: flex; justify-content: space-between; align-items: center;}
.smallnews  img{width:17.5rem; height:13.125rem; margin: 0rem  1.75rem  0rem 0;  transition:0.3s linear;}
.partyimg{margin-bottom: 10px;}

.smallnews   .imgrit{ flex:1; padding-right: 1.75rem;overflow:hidden;} 
.smallnews  .imgrit h3{font-size: 24px; color: #333333; font-weight: 900; width: 100%; max-width: 100%; overflow: hidden; white-space:nowrap;  text-overflow: ellipsis;}
.smallnews  .imgrit .time{ background: url(../img/time.png) no-repeat left center; font-size: 18px; color: #666666; margin:0.5rem 0;}
.smallnews  .imgrit .con{font-size: 14px; line-height: 28px; height: 84px; overflow: hidden; color: #999999; text-align: justify;}
.smallnews  .imgrit .newmore{width: 6.875rem; height:1.875rem; line-height: 1.875rem; padding: 0; margin: 0; background-color: #ffffff; border:1px solid #cccccc; text-align: center; display: inline-block; font-size: 16px; color: #666666; margin-top:0.625rem;}
.smallnews:hover{transform: translateY(-4px); background-color: #e50012;color: #ffffff;}
.smallnews a:hover h3{color: #ffffff;}
.smallnews:hover  img{transform: scale(1.05);}
.smallnews a:hover .newmore{background-color: #e50012; border:1px solid #e50012; color: #ffffff;}
.smallnews a:hover .imgrit .time{ color: #ffffff;}
.smallnews a:hover .imgrit .con{color: #ffffff;}
.pagination{text-align: center; margin:4.375rem auto 0 auto;  align-items: center; justify-content: center; }
.newsconw{display: flex; flex-wrap: wrap;}
.news-detail{ width:49%;  display: flex; margin-bottom:1rem; background-color: #ffffff; box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px; padding: 1%;}
.newsconw .news-detail:nth-child(2n){margin-left:1%;}
.newsconw .news-detail:nth-child(2n+1){margin-right:1%;}
  .news-detail  .news-data{width:5rem; height:5rem; padding-top:0.25rem;  padding-bottom: 0.625rem; margin-right: 0.625rem;  text-align: center;  color: #ffffff; display: flex;  flex-direction: column; margin-left:0rem; border-right:1px solid #e5e5e5; align-items: center;}
  .news-detail  .news-data .date{ width:2.5rem; height:2.5rem; line-height: 2.5rem; font-size: 24px; color: #e50012; border:1px solid #e50012; text-align: center; margin-bottom: 0.375rem; }
  .news-detail  .news-data .year{ line-height: 1.875rem; font-size: 16px; color: #e50012;}
  .news-detail  .remark{flex:1; overflow: hidden; margin-left: 0.625rem; padding-top:5px;}
  .news-detail  .remark h5{font-size: 20px; max-width: 95%; width:95%; color: #333333; overflow: hidden; white-space:nowrap;  text-overflow: ellipsis; }
  .news-detail  .remark h5 a:hover{color: #003b6f; }
  .news-detail  .remark .con{color: #999999; font-size: 14px; height:2.5rem ; line-height: 1.25rem; overflow: hidden; }
  .news-detail:hover{background-color: #e50012; cursor: pointer;}
  .news-detail:hover  .news-data{ color: #ffffff; }
  .news-detail:hover  .news-data .date{ width:2.5rem; height:2.5rem; line-height: 2.5rem; font-size: 24px; color: #e50012; background-color: #ffffff; text-align: center; margin-bottom: 0.375rem; }
  .news-detail:hover  .news-data .year{ color: #ffffff;}
  .news-detail:hover  .remark{color: #ffffff;}
  .news-detail:hover  .remark h5{color: #ffffff; }
  .news-detail:hover  .remark h5 a:link, .news-detail:hover  .remark h5 a, .news-detail:hover  .remark h5 a:visited, .news-detail:hover  .remark h5 a:hover{color: #ffffff;}
  .news-detail:hover  .remark .con{color: #ffffff; }
  .smallres{padding:20px;margin-bottom: 1.5rem; border:3px solid #ffffff; box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px;  transition:0.3s linear; }
/* #mnews .newscon .col-12:nth-child(1) .smallres{margin-right: 0; margin-left:20px;}
#mnews .newscon .col-12:nth-child(3n) .smallres{margin-right:20px;} */
#mnews .newscon{padding:4.375rem 1.25rem;}
  .smallres:hover{transform: translateY(-4px); }
  .smallres:hover  img{ transition:0.3s linear; }
  .smallres .imgcon{ padding-bottom:80%;  transition:0.3s linear; position: relative; }
  .smallres .imgcon img{object-fit: cover; width: 100%; height: 100%;  transition:0.3s linear; position: absolute;left: 0;top: 0; }
  .smallres  h3{font-size: 24px; color: #333333; font-weight: 900; line-height: 2.5rem; height:5rem; margin-bottom: 0; overflow: hidden; margin:10px 0;}
  .smallres  .smallrescon{font-size: 16px; color: #999999; line-height: 1.875rem; height:3.75rem; overflow: hidden; margin-bottom: 1.5rem;}
  .smallres   .flex{display: flex; justify-content: space-between;}
  .smallres   .flex  span:nth-child(1){width: 120px; height:40px; line-height: 40px; background-color: #e50012; color:#ffffff; text-align: center;}
  .smallres   .flex  span:nth-child(2){color:#999999; }
  .smallres:hover  img{transform: scale(1.05);}
.dwbg{background: url(../img/party_10.jpg) no-repeat right bottom;}

.page-item.active .page-link {   background-color: #e50012;border-color: #e50012;}
.page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6;}
.pagination.page-num-current a{   background-color: #e50012;border-color: #e50012;}
.pagination .page-num a { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6;}
.page-num-current a{   background-color: #e50012;border-color: #e50012;}
.page-num a { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6;}
.newcon h3{font-size: 24px; color: #333333; font-weight: 900; text-align: center;}
.newcon h2{font-size: 40px; color: #333333; font-weight: bolder;  text-align: center;}
.newcon .date{text-align: center; color: #666666; }
.newcon .con{font-size: 20px; color: #333333; font-weight: normal; text-align: justify;}
.newcon .red{color:#e50012; text-align: center; font-size: 20px; margin-bottom: 30px; display: block;}

/*共用CSS */
.bg_hight{ position:absolute;top:23px; left:0px; height:100px; width:100%; z-index:111; display:none; *top:37px;}

.bg_top{width:100%;height:42px; background:#fff; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;  display:block;  margin-top:-60px; position:absolute; bottom:0px;}
.inner_nav { margin-left:380px; display:none;}
.inner_nav li{ font-size:14px; font-family:'Microsoft YaHei'; float:left; line-height:43px; padding-left:12px; padding-right:12px; height:43px;}
.inner_nav .on,.inner_nav .active{  height:39px;  color: #e50012; cursor:pointer;*height:39px;}
.inner_line{width:100%; border-bottom:1px solid #ccd0d3; border-top:1px solid #ccd0d3; height:40px; position:absolute; top:95px;}
.inner_line_on{border:none;height:42px;}
.inner_con{width:1200px; margin:0 auto; position:relative; height:40px; z-index:222; top:-39px;}
.inner_nav { margin-left:700px; display:none;}
.inner_con .inner_nav:nth-child(4){margin-left:820px}
.inner_con .inner_nav:nth-child(5){margin-left:920px}
.inner_con .inner_nav:nth-child(6){margin-left:1000px}
.inner_nav li{ font-size:14px; font-family:'Microsoft YaHei'; float:left; line-height:43px; padding-left:12px; padding-right:12px; height:43px;}
.inner_nav .on{  height:40px; color: #e50012; cursor:pointer;*height:39px;}
.inner_nav .last{ border-right:none;}
.bg_top{width:100%;height:42px; background:#fff; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;  display:block;  margin-top:-60px; position:absolute; bottom:0px;}
.main .bg_img{position:absolute;width:100%; height:318px; background:url(../img/temp/bg_01.jpg) no-repeat; top:0px; left:0px; background-position:center; }
.new_title{ font-size:48px; font-family:'Microsoft YaHei'; padding-top:104px; color:#3b6e96;}
.news{ font-size:42px; font-family:'Myriad Pro'; color:#3b6e96; padding-top:3px;}
.head_title{ width:1200px; margin:0 auto; position:relative;}
.title_i{ position:absolute; left:145px;}
.mar_t15{ margin-top:15px;}
.nav_list li a{ text-decoration:none; color:inherit;}
.ft_nav li a{color: #c9c9ca;text-decoration: none;}
/*首页*/
#banner{width:100%;height:700px;margin-top:80px; overflow:hidden;position:relative;}
#banner .swiper-container{width: 100%;height:100%;position:absolute;left:-50%;margin-left:50%;}
#banner .swiper-slide .detail{height:90px;background:rgba(0,0,0,.7);position:absolute;width:100%;bottom:0;color:#fff;opacity:0;transition:opacity .3s .3s;}
#banner .swiper-slide-active .detail{opacity:1;}
#banner .swiper-slide .detail h3{width:950px;margin:15px auto 0;}
#banner .swiper-slide .detail p{width:950px;margin:5px auto 0;}
#banner .swiper-slide .detail p span{width:650px;display:block;}
/**/.effect1 img{transform:scale(1.25,1.25) translate(10%,10%);transform:scale(1.1,1.1) translate(4.545%,4.545%);/*tr = (sc-1)/2sc*100%*//* --1.25 0.25/2.5*100%=10%*/}
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1) translate(-4.545%,-4.545%);}}
@keyframes leftUp{0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1) translate(-4.545%,-4.545%);}}
.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1) translate(4.545%,0);}}
@keyframes moveRight{0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1) translate(4.545%,0);}}
.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1) translate(0,4.545%);}}
@keyframes moveDown{0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1) translate(0,4.545%);}}
.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{100%{transform:scale(1.1,1.1);}}
.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{100%{transform:scale(1.1,1.1) translate(4%,4%);}}
#banner  .swiper-slide img{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards; object-fit: cover; height: 100%;width: 100%;}
#banner .swiper-pagination{bottom:35px;right:250px;}
#banner .swiper-pagination-bullet{width:20px;height:20px;background:#fff;margin:0 5px;}


.ibanner { height: 100%;position:relative; margin-top:80px; }
.ibanner .slides { height: 100%; }
.ibanner li { position: relative; width: 100%; height: 100%; }

.ibanner .carousel-indicators{position:absolute;height:16px;bottom:70px;z-index:99;}
.ibanner .carousel-indicators li{float:left;width:16px;height:16px;margin-right:10px; border-radius: 50%;}
.ibanner .carousel-indicators li a{display:block;width:100%;height:100%;background:#ffffff; border-radius: 50%; text-indent:-999px;cursor:pointer;}
.ibanner .carousel-indicators li a.flex-active{background:#225aa7;}
.business{display: flex;padding-top:50px}
.business .buleft{width:922px; margin-right: 30px;}
.business .burit{width: 446px;} 
.business .buleft  .flex .buleftl{margin-top:30px; margin-right: 30px;}
.business .buleft  .flex .buleftl .buleimgcon{ width: 446px; height: 830px; }
.business .buleft  .flex .buleftr .buleimgcon{ width: 446px;  height: 400px;margin-top:30px;}
.business .buleft .buleimgcon:nth-child(1){ width:922px; height: 400px;}
.business .burit .buleimgcon:nth-child(1){width:446px; height: 830px; margin-bottom: 30px;}
.business .burit .buleimgcon:nth-child(2){width:446px;height:400px;}
.business .buleimgcon{overflow: hidden; position: relative;transition: all 0.5s;}
.business  img{  width: 100%; height:400px; transition: all 0.5s;}
.business .buleft  .flex .buleftl .buleimgcon img,.business .burit .buleimgcon:nth-child(1) img{height: 830px;}
.business .buleimgcon .mask{ opacity: 1; z-index: 99; height: 100%; width: 100%;  display: flex; flex-direction: column; align-items: center; justify-content: center;  position: absolute; top:0; left:0; color:#ffffff; }
.business .buleimgcon .mask h3{transition: all 0.5s; font-weight: 900;}
.business .buleimgcon .mask span{display: none;}
.business .buleimgcon .mask span::after{content: ''; width: 24px; height: 8px; background: url(../img/blackr.png) no-repeat center center; display: inline-block; margin-left:10px;}

.business .buleimgcon:hover img{transform: scale(1.2);}
.ismalltit{text-align: center;}
.ismalltit  h3{font-size: 40px; color: #333333; font-weight: 900; padding:50px 0 0 0;}
.mapbg{width: 100%; height: auto; background: url(../img/mapbg.jpg) no-repeat center center; background-size: 100% 100%; margin-top:50px;}
#main {width: 800px; height: 600px;  margin: 0px auto;  padding-top:0px; opacity: 0.8;  }
.maincon{width: 800px; height: 700px;  margin: 0px auto; padding:50px 0; position: relative;}
.maincon .remark{width:30px; height:38px;  position: absolute; z-index: 99; background-size: 50% 50%; background-repeat: no-repeat; background-position: center center; }
.maincon  .remarkcon{width:300px; height:auto; display: none; background-color: #ffffff;  padding:30px; margin-left:40px; margin-top:-20px; position: relative; }
.maincon  .remarkcon::before{content: ''; width:0;height:0;border-bottom:6px solid transparent;  border-top:6px solid transparent;border-right:6px solid #ffffff;  position: absolute; left:-6px; top:30px;}
.maincon  .remarkcon  h3{font-size: 22px; color: #333;}
.maincon  .remarkcon p{font-size: 14px; margin-bottom: 0;}
.maincon .taiyuan{ background-image:url(../img/taiyuan.png);  top:300px; left:483px; }
.maincon .beijing{ background-image:url(../img/beijing.png);  top:255px; left:535px; }
.maincon .lvliang{background-image:url(../img/lvliang.png);  top:275px; left:490px;}
.maincon .tianjin{background-image:url(../img/tianjin.png);  top:270px; left:555px;}
.maincon .shijiazhuang{background-image:url(../img/shijiazhuang.png);  top:290px; left:528px;}
.maincon .shanghai{background-image:url(../img/shanghai.png);  top:400px; left:602px;}
.maincon .remark:hover{-webkit-animation:markerMove .5s 1;-ms-animation:markerMove .5s 1;-moz-animation:markerMove .5s 1;-o-animation:markerMove .5s 1;animation:markerMove .5s 1;}
#demo img{object-fit: cover; width: 100%; height: 100%;}
#demo2 img{object-fit: cover; width: 100%; height: 100%;}
#mnews .carousel-control-prev { left: -9.375rem;}
#mnews .carousel-control-next {right: -9.375rem;}
#mnews .carousel-control-next-icon{width: 23px; height: 37px; background-image: url("../img/ritbtn.png"); background-size: 100% 100%;}
#mnews .carousel-control-prev-icon{width: 23px; height: 37px; background-image: url("../img/ritbtn.png"); transform: rotate(180deg);background-size: 100% 100%;}

.mb200{margin-bottom:200px;}
.hxsn .hxsnkhjxw{left:-200px; top:100px;height:506px;}

  /*笔记本兼容*/
 @media only screen and (min-device-width : 1024px)and (max-device-width : 1400px){ 
  .fyheader .navul li { padding: 0 0.4rem;}
  .choosecon dl dd { font-size: 16px; }
  .banner { height: 25rem; }
  .indexbanner { height:100%;}
  .indexbanner  .carousel{height:33.375rem; }
   .indexbanner  .carousel  img{ height:33.375rem;}
   .indexbanner .carousel-indicators {  bottom: 3.75rem;}
/*   .smalladv .titcon {width: 48rem;}
 .smalladv:nth-child(2n) .titcon {width: 48rem;left: 1.125rem;} */
 .inewson li {line-height: 2.125rem;height: 2.125rem;}
.ismalllar img{width: 80%;}
.ismallpro{ height: 33.4375rem; }
.ditumap #baidu_map{height:30rem;}
.backtotop{ right: 5rem;}
.flex .smallserver {width: 46%;padding: 3.125rem;margin-left: 2%; margin-right:0rem;}
.d-ipad-none{display: none!important;}
.d-ipad-block{display: block!important;}
 .business	{flex-wrap: wrap; }
 .business img { width: 100%; height:auto; object-fit: cover;}
 .business .buleimgcon {margin-bottom: 10px;}
 .business .buleimgcon h3{font-size: 20px;}
 .business  .flexb:nth-child(2) .buleimgcon:nth-child(1){margin-right: 10px;}
  .business  .flexb:nth-child(3) .buleimgcon:nth-child(1){margin-right: 10px;}
   .business  .flexb:nth-child(3) .buleimgcon:nth-child(2){margin-right: 10px;}
}
/*ipad兼容*/
@media only screen and (min-device-width : 768px)and (max-device-width : 1024px){
.fyheader .logo{padding-top:1.5rem; }
.fyheader .logo img{width:8rem;}
.fyheader .navul li { padding: 0 0.25rem;}
/* footer .flex .wxxcx { display: none;} */
footer .flex .footpro{width:12.5rem;}
footer .flex .wxxcx{width:5rem; margin-left:2rem;}
footer .flex .wxxcx img {  width: 4rem; height: 4rem; }
footer .flex .wxxcx h3{font-size: 14px;}
.iaboutcon .inav {width: 10rem; display: none;}
.iaboutcon .inav li,.iaboutcon .inav li a{width: 8rem;}
.iaboutcon #mask{height: 18.75rem;}
.aboutbg{height: 20rem;}
.aboutbg .halfxg { width:96%; right: 2%; height: 20rem; padding: 30px;}
.aboutbg .halfxg img{display: none;}
.productcon .smallpro {height: 15rem;}
.productcon .smallpro a img {width: 80%;}
.hr{top:5.85rem;}
.smallteam .smallteamrit .xhx{flex-direction: column; height: auto!important; line-height: 150%!important;}
.iteams .carousel-control-next-icon, .iteams .carousel-control-prev-icon {  height:3rem}
.iteams .carousel-control-next,.iteams .carousel-control-prev{top:25%;}
.choosecon dl dd { font-size: 14px; line-height: 180%;}
.iteams .hteam { height: 15rem; margin-bottom: 5rem;}
 .fy .hteam .smallhteam {height: 15rem; width: 15.4666666666666666%;}
.smallhteam h6 {width:6rem;}
.areacon .areaconimg{width:16rem;height:16rem;}
.areacon .areaconimg h3{width:16rem; line-height: 16rem;font-size:14px;}
.areacon .areaconimg h3::before,.areacon .areaconimg h3::after { width: 2.2rem;line-height: 16rem; margin-bottom: 0.25rem;}
.hteam .carousel-control-next {  right: -40px;}
/* .smalladv .titcon {width: 36rem;height: 17rem;top: 2rem;padding: 3.125rem 3.125rem 3.125rem 1.875rem;}
.smalladv .titcon h3{height: 12rem;padding-top: 1.5rem;}
.smalladv .titcon h3::before {top:6.75rem;}

.smalladv .imgcon { width: 50%; height: 23rem;} */
 #mnews .newscon .col-12:nth-child(1) .smallres { margin-left: 20px;}
 #mnews  .newscon .col-12:nth-child(2n) .smallres { margin-right: 20px;}
.productcon .smalladv .titcon{padding: 0;}
.productcon .smalladv{height:auto;}
.productcon .smalladv .titcon .titconcon{height: 6rem;}
.aboutcon .smalladv .titcon{height: 17rem; padding: 1.125rem 2.125rem 1.125rem 0rem;  overflow: scroll; align-items: flex-start;}
.aboutcon .smalladv:nth-child(2n) .titcon{padding: 1.125rem 0rem 1.125rem 2.125rem;}
.concactcon  .concactrit{text-align: center; margin-bottom: 1.25rem; width:10rem;}
.concactcon  .concactrit img{width:10rem;}
.indexbanner .carousel{height: 26.25rem;}
.indexbanner .carousel img { width: 100%; height: 26.25rem;}
.indexbanner {height: 26.25rem!important;}
.banner {
    height: 20.5rem;
}
.bluebg2 .acon { width: 600px; margin: 0 auto;}
.backtotop{display: none!important;}
.smallteamsconbot{height:250px; overflow: hidden;}
.ismallpro{background-color: #7e95ae;width:50%; margin-left:0%; height: auto; float: left; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 0;}
     .ismallpro .proimg{display: none;}
	.ismallpro  .hovercon{visibility: visible;  }
	.ismallpro .hovercon .hoverconcon {  padding:15px; display: none;}
	#sec-3 .carousel {  position: absolute;width: 100%; height: 500px; top: 50%; margin-top: -240px;}
	.notice span { font-size: 20px;}
	.prodbg,.pbbg{height: 30rem; }
	.cptdbg{height: 33rem; }
	.prodbg img {width: 10rem;}
	.prodbg .img02 { left: calc(50% - 70px);}
	.prodbg .img01 { left: calc(50% - 170px);}
	.pbbg .flexrit { width: 25rem;height: 25rem; }
	.pbbg .flexrit  img{max-width: 20rem; max-height: 20rem; padding-top: 0;}
	.cptdbg h3{height: 8rem; line-height: 8rem; }
	.syfwcon{padding: 5% 0  5% 0;}
	.smallcptd .con{padding:2.375rem 0.5rem 0.5rem  0.5rem; font-size: 12px; line-height: 18px; height: 7.5rem;}
	.cultrueconc{padding: 0;}
.smallculture{ margin-right: 0.5rem;  height:26rem; position: relative; width:100%; }
.smallculture h3{ height: 26rem;font-size: 20px; color: #e50012; text-align: center;z-index: 1; backface-visibility: visible;position: absolute; top: 0;left: 0;transition: all 1s; background: url(../img/cutrure_15.jpg) no-repeat center center;background-size:100% 100%;align-items: center; display: flex; justify-content: center;}
.smallculture h3 span{width:2rem;}
.smallculture:hover h3{transform: rotateY(0deg);}
.smallculture:hover div {visibility:hidden; transform: rotateY(0deg);}
.smallculture div{visibility: hidden;height: 30rem;position: absolute; top: 0;left: 0;transition: all 1s; width:100%;background: url(../img/cutrure_18.png) rgba(34,96,167,0.5) no-repeat left bottom; background-size:100% 100%;align-items: center; display: flex; padding:0 1.875rem; color: #ffffff; text-align: justify; }
.smallculture:hover div{visibility: hidden;transform: rotateY(0deg);}
.smallsmyj,.smallsmyj div { width: 12rem; height: 12rem;}
.smyjbgh {height: 30rem; margin-bottom: 3.125rem;}
.inewson li {line-height: 2rem; height: 2rem;}
.sbg .acon .swiper-slide { width: 700px; }
.preview .arrow-left {left: 0px;}
.preview .arrow-right {right: 0px;}
.sbg .acon .swiper-button-prev { left: -355px;}
.sbg .acon .swiper-button-next{ right: -350px;}
#mnews .carousel-inner{overflow: hidden;}
#mnews  .carousel-item  .newscon .col-12:nth-child(3){display: none;}
#mnews .carousel-control-prev,#mnews .carousel-control-next{display: none;}
/* .business{display: none;} */
 .newsconswiper .swiper-pagination {display: none;}
 #main {width: 700px; height: 660px; }
 .maincon{  width: 700px; height: 660px; padding:0px 0; position: relative;}
 .maincon  .remarkcon{width:200px; height:auto; display: none; background-color: #ffffff;  padding:10px; margin-left:-40px; margin-top:50px; position: relative; }
 .maincon  .remarkcon::before{content: ''; width:0;height:0;border-left:6px solid transparent;  border-right:6px solid transparent;border-bottom:6px solid #ffffff;  position: absolute; top:-12px; left:50px;}
 .maincon .taiyuan{ background-image:url(../img/taiyuan.png);  top:295px; left:423px; }
 .maincon .beijing{ background-image:url(../img/beijing.png);  top:245px; left:475px; }
 .maincon .lvliang{background-image:url(../img/lvliang.png);  top:270px; left:430px;}
 .maincon .tianjin{background-image:url(../img/tianjin.png);  top:260px; left:485px;}
 .maincon .shijiazhuang{background-image:url(../img/shijiazhuang.png);  top:280px; left:452px;}
 .maincon .shanghai{background-image:url(../img/shanghai.png);  top:370px; left:532px;}
 .bg_hight{display: none; opacity: 0;}
 .business	{flex-wrap: wrap; }
 .business img { width: 100%; height:auto; object-fit: cover;}
 .business .buleimgcon {margin-bottom: 10px;}
 .business .buleimgcon h3{font-size: 20px;}
 .business  .flexb:nth-child(2) .buleimgcon:nth-child(1){margin-right: 10px;}
  .business  .flexb:nth-child(3) .buleimgcon:nth-child(1){margin-right: 10px;}
   .business  .flexb:nth-child(3) .buleimgcon:nth-child(2){margin-right: 10px;}
   

   #banner{width:100%;height:326px;margin-top:80px; overflow:hidden;position:relative;}
   #banner .swiper-pagination{display: none;}
    .newcon{padding:0}
.d-ipad-none{display: none!important;}
.d-ipad-block{display: block!important;}
 .business	{flex-wrap: wrap; }
 .business img { width: 100%; height:auto; object-fit: cover;}
 .business .buleimgcon {margin-bottom: 10px;}
 .business .buleimgcon h3{font-size: 20px;}
 .business  .flexb:nth-child(2) .buleimgcon:nth-child(1){margin-right: 10px;}
  .business  .flexb:nth-child(3) .buleimgcon:nth-child(1){margin-right: 10px;}
   .business  .flexb:nth-child(3) .buleimgcon:nth-child(2){margin-right: 10px;}
   
   
}
@media only screen and (min-device-width : 992px)and (max-device-width : 1200px){

}
/*手机兼容*/
@media only screen and (max-width: 576px){
.mb200{margin-bottom:50px;}
	#banner{width:100%;height:136px;margin-top:0px; overflow:hidden;position:relative;}
	
	#banner .swiper-pagination{display: none;}
	.newscon, .newcon, .casescon, .joincon, .productcon {  padding:0;}
	.newscon{padding:2rem 0;}
	.fy{padding: 0 15px;}
	.parterimg{margin-bottom: 1rem;}
	#headFixed{position: fixed;top:0}
	body {  font: 14px/200% Arial, "微软雅黑", Helvetica, sans-serif, Verdana; overflow-x: hidden;  }
	.d-sm-none,.d-lg-none{display: none;}
	.d-sm-block{display: block;}
	.fyheader {display: block; background-color: #ffffff; position: relative; color: #333333;}
	.fyheader  .logo{float: left; padding:0.5rem 0; }
	.fyheader .inavul { display: none; background-color: #ffffff; position: absolute; padding:0 1rem 3rem 1rem; top:3.75rem; width:100%; left:0;  border-top:1px solid rgba(0,0,0,0.2); box-shadow:rgba(0,0,0,0.2) 0 0 20px 0;}
	.fyheader .inavul li{height:2.5rem; line-height: 2.5rem;}
	.fyheader .inavul  li a,.fyheader .inavul  li a:link,.fyheader .inavul  li a:visited{color:#000000; }
	.inavul  li a.active{ font-weight: bold;}
	.fyheader .logo img{height:2.75rem; width: auto;}
	.inner-header h3{ float: right; font-size: 14px; height:3.75rem;line-height: 3.75rem; color: #333333; }
	.banner,.banner img{height:auto; padding-top:0; margin-top:0;}
	/*三行代码*/
	.inner-header{width: 100%;height: 50px;position: absolute;top: 0px;left: 0px;display:block;}
	.inner-header-icon{color: #333333;height: 60px;font-size:25px;text-align: center;float:right;width: 50px;position: relative;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
	.inner-header-icon:hover{cursor: pointer;}
	.inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 19px;height: 2px;background-color: #333333;}
	.inner-header-icon span:nth-child(1){transform: translateY(6px) rotate(0deg);}
	.inner-header-icon span:nth-child(2){opacity: 0;}
	.inner-header-icon span:nth-child(3){transform: translateY(-6px) rotate(0deg);}
	.inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}
	.inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
	.inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickthird;}
	.inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
	.inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
	.inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
	
	.pagination{text-align: center; margin:0rem auto 0 auto;  align-items: center; justify-content: center; }

	/*新闻中心*/
	.newcon,.casescon,.joincon{margin:1rem auto;}
	.smallnews{overflow: hidden;padding:0;  padding-left:10px;}
	.smallnews  img{width:6rem; height:3.5625rem; margin: 0.5rem  0.5rem  0.5rem 0; }
	.smallnews   .imgrit{ flex:1; padding-right: 0.5rem; align-items: center;} 
	.smallnews   .imgrit h3{font-size: 14px; margin-bottom: 0; font-weight:bold; white-space:normal;  text-overflow: ellipsis; padding:0.5rem 0 0 0;}
	.smallnews  .imgrit .time{ background: url(../img/time.png) no-repeat left center; background-size:0.8125rem 0.8125rem;  font-size: 12px; color: #666666; margin:0; }
	.smallnews  .imgrit .con{display: none;}
	.smallnews  .imgrit .newmore{display: none;}
	.smallnews a:hover{background-color: #f4f4f4;}
	.smallnews a:hover h3{color: #e50012;}
	.newscon .smallnews:last-child{border:none}
	.newcon h3{font-size: 20px; color: #333333; font-weight: 900; text-align: center;}
	.newcon .date{text-align: center; font-size: 14px; color: #666666; }
	.newcon .con{font-size: 14px; color: #666666; font-weight: normal;}
	.newcon .con img{max-width:100%}
	.newscon .col-12:nth-child(1) .smallres {margin-left: 0px; }
	.newscon .col-12:nth-child(3n) .smallres { margin-right: 0px;}
	.smallres h3 {  font-size: 16px;height: auto; line-height: 28px;}
	.smallres .smallrescon { font-size: 14px; line-height: 24px; height: 48px; }
	.smallres .flex span:nth-child(1) { width: 80px; height: 32px; line-height: 32px;}
		.newcon h2{font-size: 24px;}
		.newcon .red{font-size: 18px;}
	 .concactcon{display: block;  }
	 .concactcon  .concactleft dl{ display: block;  }
	 .concactcon  .concactleft dl dt{font-size: 18px; font-weight: 900; margin-right: 0rem;  margin-bottom: 1rem; color: #e50012;}
	 .concactcon  .concactleft dl dd .address{padding-left:3.625rem; background: url(../img/contact_07.png) no-repeat left 0px; font-size: 16px; text-decoration: underline;}
	 .concactcon  .concactleft dl dd .address,.concactcon  .concactleft dl dd .tel{background-size: 18px;    padding-left: 1.625rem;}
	 .concactcon  .concactleft dl dd .address  span{display: inline-block;  background: url(../img/contact_10.png) no-repeat 0.5rem center; margin-left:0rem; border:1px solid #e50012; padding:0rem 0.5rem;padding-left:2rem; color: #e50012; margin-left:1rem; width:6.25rem; margin-top:0rem; font-size: 12px; background-size: 16px; }
	.concactcon .concactleft dl dd h3{font-size: 18px;}
	.concactcon  .concactrit{text-align: center; margin: 0px auto; margin-bottom: 1.25rem; width:10rem;}
	.concactcon  .concactrit img{width:10rem;}
	
	
	footer{font-size: 12px; line-height: 180%; padding-bottom: 1.25rem;}
	footer ul li::after{ margin-left:0.25rem; margin-right: 0; }
	.footbot{width:100%; overflow: hidden; text-align: center; border-top:1px solid #ffffff;padding:0;mrgin:0; padding-top:0.625rem; margin-top: 0rem; position:fixed; bottom:0;z-index:9999999999999; background-color: #e50012; color: #ffffff; }
	.footbot ol{ display: flex; align-items: center; justify-content: space-between;}
	.footbot ol li{ flex:1; padding-top:2.25rem;}
	.footbot ol li:nth-child(1){  background: url(../img/bot01.png) no-repeat top center; background-size: 2rem 2rem;}
	.footbot ol li:nth-child(2){ background: url(../img/bot02.png) no-repeat top center; background-size: 2rem 2rem;}
	.footbot ol li:nth-child(3){ background: url(../img/bot03.png) no-repeat top center; background-size: 2rem 2rem;}
	.footbot a,.footbot a:link,.footbot a:visited{color:#ffffff;}
	/*售后咨询*/
	.banner{ height:10.3125rem; background-repeat: no-repeat; background-size: cover; display: block; text-align: center;   }
	.banner h1{font-size: 20px; color: #ffffff; line-height: 20px;padding-top:  60px; margin-bottom: 0;}
	.banner span{font-size: 10px; text-transform:uppercase; color: #ffffff;line-height: 20px;}
	
	.servercon .flex{margin-top:1.25rem;}
	.servercon .flex .smallserver {  width: 100% ; margin-right: 0; }
	.smallserver ul li:nth-child(3) { background: url(../img/server_11.png) no-repeat left 5px;background-size: 20px 20px;}
	.smallserver h3 { margin-bottom:2rem ; font-size: 20px;}
	.flex .smallserver {width: calc(100% - 1rem);  padding: 2rem;}
	.smallserver ul li { padding-left: 2rem;}
	/*关于我们*/
	.aboutcon{padding:2rem 0 2rem 0;}
	.aboutcon .smalladv {
	    clear: both;
	    display: block!important;
	    margin-top: 1.5rem;
		margin-bottom: 0;
	    position: relative;
	    background-color: rgba(255,255,255,0.7);
	    box-shadow: 0 0px 20px rgb(0 59 111 / 15%);
	}
	.aboutcon .smalladv .imgcon{width:100%; height:auto;}
	.aboutcon .smalladv .titcon{ width:100%;  padding:1.875rem;  height: auto; display: block; }
	.aboutcon .smalladv:nth-child(2n) .titcon{width:100%;  justify-content: flex-end;}
		.aboutcon .smalladv:nth-child(1){margin-top:0}
	.aboutcon .smalladv:nth-child(1)  .imgcon{width:70%; margin: 0px auto; padding-top:30px;}
	.procon .smalladv:nth-child(1)  .imgcon{width:100%; margin: 0px auto; padding-top:0px;}
	.atit{padding:1rem 0;}
	.atit h3 { font-size: 20px; line-height: 20px; margin: 0;}
	.atit span {  font-size: 12px;line-height: 12px;}
/* .preview{display: none;} */
.preview .swiper-slide { width: 69px;height: 52px;cursor: pointer; margin-left: 0px; margin-right: 5px;}
.preview .swiper-slide  img{width: 69px; height:52px;}
.preview .arrow-right{display: none;}
.preview .arrow-left{display: none;}
.preview .swiper-container{height: 80px;}
.view .swiper-container,.acon .swiper-container  { margin-top: 0px; }
.sbg .acon .swiper-slide {width: 375px; margin-left:0px; } 
.sbg .acon .swiper-slide img{width:355px;margin-right: 0; }
.acon .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin:0 5px;background:#02328d;}
.acon .swiper-button-prev{width: 15px;height: 15px;left:0px;top:0;background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") no-repeat center center; background-color: #e50012;  color: #ffffff;  font-size: 6.25rem; left: 0%;top: 42%; padding:0.625rem;  border-radius: 50%; background-size: 80%;margin-top:0;z-index:99;transition: 0.2s;}
.acon .swiper-button-prev:before{display: none;}
.acon .swiper-button-next{width: 15px;height: 15px;right:0px;top:42%;margin-top:0;z-index:99;transition: 0.2s; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") no-repeat center center;  background-color: #e50012; transform: rotate(180deg); color: #ffffff;  font-size: 6.25rem;  padding:0.625rem;border-radius: 50%; background-size: 80%;}
.acon .swiper-button-next:after{display: none;}
.sbg .swiper-slide-active h3{font-size: 14px;}
.bluebg2 .acon { width: 100%; margin: 0 auto;}
.view .arrow-left{ display: block;}
.view .arrow-right{ display: block;}
	#honor .carousel-control-prev {  left: 0%; display: none;}
	#honor .carousel-control-next { right: 0%; display: none;}
	/*产品*/
	.cnav {  margin-top: 0.625rem;  margin-bottom: 1.875rem; padding: 0!important;}
	.cnav  ul{padding: 0; justify-content: flex-start;}
	.productcon .smallpro { height: 6.25rem;}
	.productcon .smallpro a img { width: 60%;}
	.prozl .propb .carousel-control-next{  display: none;}
	.prozl .propb .carousel-control-prev{  display: none;}
	.newsconswiper{width: 100%; overflow: hidden;}
	.newsconswiper .swiper-slide  img{ margin-right: 0px;}
	/*新闻*/
	.cnav{height: auto;}
	.cnav ul li { padding: 0 4px; margin: 0 4px; height: auto; text-align: center;}
	.textright { text-align: left;}
	.joincon .mb-3{margin-bottom: 0!important;}
	.form-label { margin-top: 0.5rem;}
	.newsconswiper .swiper-pagination {display: none;}
	.news-detail{ width:99%;  }
	.news-detail .remark h5{font-size: 16px;}
	.news-detail .remark .con{font-size: 12px;}
	.news-detail .news-data .date{font-size: 20px;}
	/*文化*/
	.cultrueconc{padding:15px;}
	.smyjbgh{height: auto; padding-top:1rem;}
	.logojs{margin:0.9375rem; width: auto;}
	.logojs .row{justify-content: center;}
	.logojs .row img{width: 50%;text-align: center; margin-bottom: 1.25rem;}
	.logojs .logojscon{padding: 0;}
	.smyjbg { margin-top: 15px;}
	.smallsmyj,.smallsmyj div { width: 9rem;height:9rem; margin-bottom: 0.625rem; padding: 0.25rem;}
	.smallsmyj div:first-child { font-size: 16px; font-weight: 500;}
	.culturecon .flex{flex-wrap: wrap; }
	.smallculture{margin-bottom:15px; width:100% ;box-shadow: rgba(0,0,0,0.2) 0px 0px 20px 0px;  height: auto;margin-left: 0rem; margin-right: 0; padding:1.25rem;}
	.smallculture h3{font-size: 18px;height: auto; display: block; text-align: left; background:none; width: 100%; margin: 1.5rem auto; position: relative;  padding-left: 1.875rem; }

	.smallculture div{height: auto;padding: 0rem; color: #333333; line-height: 24px; visibility: visible; position: relative; background: none; }
	.smallculture:hover h3{transform: none;  }
	.smallculture:hover div{visibility: visible;transform: none; background:none ;}
	
	.cultrueconc,.smyjbgh { margin-bottom: 0.625rem;}
	.hxsn{padding: 0;}
	.hxsncon h3{margin-top: 2rem;}
	.hxsn .hxsnkh {   background-color: #ffffff;z-index: 999;position: relative;width: auto;height: auto;left: 0;top:0px;box-shadow:none;padding:20px;}
	
	.hxsnkh h5{font-size: 16px; }
	.storytit { text-align: center; font-size: 2rem; line-height: 2rem; padding: 3rem 0 0 0;}
	.xarrow{padding: 3rem 0 0 0;margin: 3rem auto 0 auto;}
	.mb150 { margin-bottom: 3rem;}
	.usecon{margin-top:3rem;}
	.smalluse{display: block; margin-bottom: 15px;}
	.smalluse .left{width: 100%; text-align: left; border: none;}
	.smalluse .left h3{display: inline-block; font-size: 24px;}
	.smalluse .cen{padding:1rem 0;}
	.smalluse .rit,.smalluse .rit img{width: 100%;}
	.syfwcon { padding: 10% 0 3% 0; margin-top: 15px; margin-right: 15px; width: 100%;  margin-bottom: 15px;}
	.syfwcon .syfwconcon { padding:15px; font-size: 12px; line-height: 18px; text-align: justify;}
    .syfwcon h3 { font-size: 20px;}
	.prodbg { width: 100%;height: 14rem; margin-top:0;}
.prodbg img{width: 3.125rem;}
.prodbg h1 { font-size: 30px;line-height: 14rem;}
	.prodbg .img01{position: absolute; bottom:-1.875rem; left:calc(50% - 4rem);}
	.prodbg .img02{position: absolute; bottom:-1.875rem;left:calc(50% - 1.9rem);}
	.prodbg .img03{position: absolute; bottom:-1.875rem;left:calc(50% + 0.2rem);}
	.pbbg .flexrit {width: 6.25rem;  height: 6.25rem; }
	.pbbg .flexrit img{width:50%;padding-top:15px;}
	.pbbg .flexleft h3 { font-size: 20px;margin-bottom: 15px; margin-top:2rem;  color: #ffffff;}
	.pbbg{height: 12rem;}
	.cptdbg .smallcptd{width: 32.3%;}
	#iprotd .carousel-control-next-icon, #iprotd .carousel-control-prev-icon{display: none;}

	.smallcptd .con { padding:1.5rem 0.5rem 15px 0.5rem;height:6.5rem; font-size: 10px;line-height: 14px; text-align: justify; }
	.smallcptd .con span {  top: -15px;  left: calc(50% - 15px);width: 2rem; height: 2rem; line-height: 2rem; }
	.cptdbg h3 {line-height: 4rem;height: 4rem; font-size: 16px; margin-bottom: 0;}
	.cptdbg  { height: 20rem; }
	.bdbk, .bdbkcon {  text-align: center; font-size: 14px;}
	/*人力资源*/
	.smalljoin .smalljoincon{height: auto;}
	.smalljoin{margin-bottom: 15px;}
	.smalljoin:hover { transform: translateY(0px);}
	.smalljoin i{display: none;}
	.smalljoin h3, .smalljoin2 h3 { font-size: 16px;line-height: 3.75rem; padding-right: 1.875rem;}
	.smalljoin2 i{font-size: 14px;}
	.smalljoin:hover h3 span a, .smalljoin:hover h3 span a:link, .smalljoin:hover h3 span a:visited {font-size: 14px; color: #e50012;}
	.smalljoin h3 span{font-size: 14px;}
	.smalljoin2 h3 span a{font-size: 14px;}
	.smalljoin p{margin: 0; font-size: 14px;}
	.smalljoincon2{font-size: 14px;}
	.smalljoin .smalljoincon h5{font-size: 16px;}

	

	/*首页*/
	.huibg{background-color: #7e95ae;}
	.notice span{font-size: 18px; line-height: 2.25rem; }
    .inewson li { line-height:2.25rem;height:2.25rem; overflow: hidden;}
	.index-press-news{padding: 15px; position: relative;  margin:0 15px 15px 15px;}
	.ibanner{margin-top:0;}
	.ibanner .carousel-indicators {position: absolute;height: 8px; bottom: 20px;}
	.ibanner .carousel-indicators li{width:8px; height:8px;}
	.ismalltit h3{font-size: 20px; padding-top:20px;}

	#mindex_video{position: relative; height: 18.75rem;margin:0 15px 15px 15px;}
	#mindex_video  .notice{padding-left:20px; padding-top:20px;}
	.bluenotice span{border-bottom: 2px solid #ffffff;}
	.bluenotice a,.bluenotice a:link,.bluenotice a:visited{color: #ffffff;}
	.sbinewcon li a,.sbinewcon li a:link,.sbinewcon li a:visited{color:#ffffff;}
	#mnewsfocus{position: relative;height: 18.75rem; overflow: hidden; margin:0 15px 15px 15px;}
	#mnewsfocus  .notice{position: absolute; top:20px; left:20px; z-index: 99999;}
	#focus2{height: 11.25rem;}
	#focus2 img{height: 11.25rem;}
	.inewscon .carousel{margin-bottom: 1.25rem;}
	.inewscon .carousel .carousel-item, .inewscon .carousel .carousel-item img{width:100%; height:12.5rem;}
	.carousel-caption{bottom:-10px; font-size: 14px; padding-bottom: 1.25rem!important;}
	.inewscon .carousel-indicators{left:auto; margin-right: 3%; }
	.inewscon .carousel-indicators button{width:0.5rem; height:0.5rem;border:none; border-radius: 0.25rem; }
	.tit { text-align: center; margin-top: 1.25rem;margin-bottom: 1.25rem;}
	.tit span{font-size: 12px; color: #dddddd;}
	.tit h3{font-size: 18px;}
	.icon{padding:0 15px 15px 15px;}
	.mapbg { margin-top: 30px;}
	#main,#mainm {width: 300px; height: 300px;  margin: 0px auto;  padding-top:0px; opacity: 0.8;  }
	.maincon{width: 300px; height: 320px;  margin: 0px auto; padding:20px 0; position: relative;}
.maincon  .remarkcon{width:150px; height:auto; display: none; background-color: #ffffff;  padding:10px; margin-left:-40px; margin-top:50px; position: relative; }
.maincon  .remarkcon::before{content: ''; width:0;height:0;border-left:6px solid transparent;  border-right:6px solid transparent;border-bottom:6px solid #ffffff;  position: absolute; top:-12px; left:50px;}
.maincon  .remarkcon  h3{font-size: 16px; color: #333;}
.maincon  .remarkcon p{font-size: 12px; margin-bottom: 0; line-height: 18px;}
.maincon .taiyuan{ background-image:url(../img/taiyuan.png);  top:133px; left:171px; }
.maincon .beijing{ background-image:url(../img/beijing.png);  top:106px; left:191px; }
.maincon .lvliang{background-image:url(../img/lvliang.png);  top:112px; left:173px;}
.maincon .tianjin{background-image:url(../img/tianjin.png);  top:115px; left:205px;}
.maincon .shijiazhuang{background-image:url(../img/shijiazhuang.png);  top:120px; left:190px;}
.maincon .shanghai{background-image:url(../img/shanghai.png);  top:162px; left:219px;}
	
	/* .imgcon{display: flex;}
	.imgcon img{width: 49%; margin-right: 10px;} */
	a.more{}
	a.more{position: relative;display: block;width: 8.75rem;height: 2.5rem;line-height: 2.5rem;margin: 0px auto;border: 1px solid  #e50012;color:  #e50012;display: block;text-align: center;overflow: hidden;z-index: 999;border-radius: 0.375rem;font-size: 14px;margin-top: 2.5rem; }
	#iproduct{margin-bottom: 1.25rem;}
	
	.ismallpro{background-color: #7e95ae;width:100%; margin-left:0%; height: 39rem; float: left; position: relative; text-align: center; display: flex; align-items: center; justify-content: center;}
     .ismallpro .proimg{display: none;}
	.ismallpro  .hovercon{visibility: visible;  }
	.ismallpro .hovercon .hoverconcon {  padding:15px;}
.smalltit  h3{font-size: 20px; }
.smalltit  span{font-size: 20px;}
#mmnews .carousel-control-prev,#mmnews .carousel-control-next{display: none;}
#mmnews .carousel-inner{overflow: visible;}

.business	{flex-wrap: wrap;padding-top:20px;}
.business img { width: 100%; height:auto; object-fit: cover;}
.business .buleimgcon{margin-bottom: 4px;}
.business .buleimgcon h3{font-size: 16px;}
 .business  .flexb:nth-child(2) .buleimgcon:nth-child(1){margin-right: 4px;}
  .business  .flexb:nth-child(3) .buleimgcon:nth-child(1){margin-right: 4px;}
   .business  .flexb:nth-child(3) .buleimgcon:nth-child(2){margin-right: 4px;}
   .smallres .imgcon {height: auto;  }
   .smallpron{height:12.5rem; padding:10px;}
.smallpron .remark2{ height:2.5rem; }

}
/@-o-keyframes markerMove{0%{margin-top:0;}
50%{margin-top:-10px;}
100%{margin-top:0;}}@-webkit-keyframes markerMove{0%{margin-top:0;}
50%{margin-top:-10px;}
100%{margin-top:0;}}@-moz-keyframes markerMove{0%{margin-top:0;}
50%{margin-top:-10px;}
100%{margin-top:0;}}@keyframes markerMove{0%{margin-top:0;}
50%{margin-top:-10px;}
100%{margin-top:0;}}