@font-face {
	font-family: 'Montserrat-Hairline';
	src: url('../fonts/Montserrat-Hairline.ttf');
	font-weight: normal;
	font-style: normal;
}


.cp { height:484px;}
.cp:before {  content:" "; background:url(../images/cp_jt.png) no-repeat left top; width:18px; height:62px; display:block; margin:0px auto; position:relative; z-index:99;}
.cp .con { width:720px; margin:0px auto;background:url(../images/cp_xx.jpg) no-repeat right 20px;}
.cp .con dl { width:235px; display: inline-block; margin:0px auto; text-align:center; background:url(../images/cp_xx.jpg) no-repeat left 20px; } 
.cp .con dl dd { font-size:20px; line-height:65px;}
.cp .con a:hover dl dd { font-weight:700;}

.cp .con a dl { transition:all 0.4s;}
.cp .con a:hover dl { transform:translateY(-10px)}

.cp .con a:nth-child(1) dl dt { background: url(../images/cp_b1.png) no-repeat center top; width:100%; height:66px; display:block;}
.cp .con a:nth-child(2) dl dt { background: url(../images/cp_b2.png) no-repeat center top; width:100%; height:66px; display:block;}
.cp .con a:nth-child(3) dl dt { background: url(../images/cp_b3.png) no-repeat center top; width:100%; height:66px; display:block;}

.cp .con a:nth-child(1):hover dl dt { background: url(../images/cp_b11.png) no-repeat center top; width:100%; height:66px; display:block;}
.cp .con a:nth-child(2):hover dl dt { background: url(../images/cp_b22.png) no-repeat center top; width:100%; height:66px; display:block;}
.cp .con a:nth-child(3):hover dl dt { background: url(../images/cp_b33.png) no-repeat center top; width:100%; height:66px; display:block;}

.pp { height:258px;}

.pro { width:100%; background:url(../images/p_bg.jpg) no-repeat center top; height:593px; clear:both; overflow:visible;  }
.pro_con {  width:1212px; margin:0px auto; padding-top:81px; }
.pro_con dl { width:336px; height:228px;   text-align:center;   color:#fff; transition:all 0.4s; position:relative; overflow:hidden;   border-bottom-right-radius:25px;}



.pro_con dl dt {width:336px; position:absolute;}
.pro_con dl dt img {  width:336px; height:228px;  transition:all 0.5s;}


.pro_con dl dd .tb { display:none;  transition:all 0.5s; position:absolute; top:590px; left:50px;}

.pro_con dl dd {  position:relative; z-index:999; background-color:rgba(9,66,138,0);  text-align:left;width:336px;  height:228px;}
.pro_con dl dd:before { content:" ";background-color:rgba(9,66,138,0);width:336px; height:228px; display:block; transition:all 0.4s;position:absolute; z-index:-9;}
.pro_con dl dd h3 { font-size:37px; line-height:30px; margin-top:16px; text-transform:uppercase; position:absolute; top:415px; left:50px;transition:all 0.5s;}

.pro_con dl dd p { font-size:14px; line-height:20px;  transition:all 0.5s; width:286px; margin:0px auto; margin-top:10px; margin-bottom:15px;  transition:all 0.5s; position:absolute; top:590px; left:50px;display:none; }
.pro_con dl dd b { font-size:32px; font-weight:400; line-height:25px; margin-bottom:10px; font-family:"Atrament Medium"; position:absolute; top:336px; left:50px; }
.pro_con dl dd .xx1 { position:absolute; top:480px; left:50px; }
.pro_con dl dd .p_more {display:none; margin:0px auto;  transition:all 0.5s; }
.pro_con dl dd .p_b { margin-top:106px;transition:all 0.4s;}
.pro_con dl dd span { transition:all 0.5s; position:absolute; top:590px; left:50px;display:none;}



.pro_con a:hover dl {transform:translateY(-20px);}
.pro_con a:hover dl dt img {transform:scale(1.1);}
.pro_con a:hover dl dd {  }
.pro_con a:hover dl dd .tb { display:block; position:absolute; top:70px; left:50px;}
.pro_con a:hover dl dd:before { content:" "; transform:translateY(-0px); width:155px; height:45px; margin-top:92px; margin-left:89px;

	background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(251,59,67,.9)), to(rgba(215,31,39,.9)));
	background-image: -webkit-linear-gradient(top,  rgba(251,59,67,.9), rgba(215,31,39,.9));
	background-image: -moz-linear-gradient(top, rgba(251,59,67,.9), rgba(215,31,39,.9));
	background-image: linear-gradient(top, rgba(251,59,67,.9), rgba(215,31,39,.9));
	

}
.pro_con a:hover dl dd h3 {  position:absolute; top:163px; left:50px; display:none;     }
.pro_con dl dd h4 { display:none;  }
.pro_con a:hover dl dd h4 {  display: block;   position:absolute; top:163px; left:50px; font-size:37px; line-height:30px; margin-top:16px; text-transform:uppercase; position:absolute;  }
.pro_con a:hover dl dd b { display:none;  }
.pro_con a:hover dl dd .xx1 { display:none;  }
.pro_con a:hover dl dd p {  font-size:15px; line-height:26px; display:block; position:absolute; top:246px; left:50px;  }
.pro_con a:hover dl dd .p_more {display:block;}
.pro_con a:hover dl dd .p_b { margin-top:66px;}
.pro_con a:hover dl dd span {font-size:16px;line-height:26px; position:absolute; top:101px; left:136px; display:block; }

.wz{ width:336px; height:146px; color:#FFFFFF; font-size:18px; background:url(../images/t_b.jpg) no-repeat center top;border-top-left-radius:25px; text-align:center; line-height:36px; padding-top:82px;}
.wz span{
	font-size:55px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.wz em{
	font-size:43px;
}

.about { height:720px; background:url(../images/ab_bg.png) no-repeat center top; width:100%; clear:both; overflow:visible;   }
.about .con { padding-top:10%; color:#333;}
.about .con .span1 { font-size:30px; font-family: Arial, Helvetica, sans-serif; padding-top:5px; line-height:30px; display:block;  padding-bottom:26px; font-family:Montserrat-Hairline;  color:#0053a7;}
.about .con h3 { font-size:43px; font-weight:700; line-height:43px; color:#0053a7; }

.a_l .des { font-size:16px; line-height:30px; margin-bottom:38px; font-family:Arial, Helvetica, sans-serif;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.a_l .tu ul li{ width:187px; height:153px;}
.a_l .tu ul li img{ width:100%; height:100%; object-fit: cover; border-radius: 10px;}

.about .con .gd { width:143px; height:40px; border:2px solid #fff; line-height:41px; color:#fff; display:block; text-align:center; font-size:18px; font-style:normal; margin-bottom:56px; float:left; margin-right:23px; margin-bottom:26px; transition:all 0.4s;}
.about .con .gd:hover{ background:#2662aa;  border:2px solid #2662aa; transform:translateY(-10); }



.about .con .fl { width:50%; background:rgb(255,255,255,.9); height:175px;}
.about .con dl { width:32%; display: inline-block; padding-top:0px; text-align:left; float:left;}
.about .con dl dt{ width:156px; height:156px; overflow:hidden;border-radius: 50%; float:left;}
.about .con dl dt img{ transition:all 0.5s; width:100%; height:100%;}
.about .con dl dt img:hover{ transform:scale(1.1);}
.about .con .fl dl:nth-child(2) { background:none;}
.about .con .fr dl:nth-child(1) {background:url(../images/ab_xx2.jpg)  no-repeat right 45px;}
.about .con .fr dl:nth-child(2) { background:none;}




.about .con dl dd { font-size:15px; color:#4b4b4b; }

.about .con .fl dl dt { color:#194694;}
.about .con .fr dl dt { color:#fff;}
.about .con .fr dl dt em { color:#fff;}
.about .con .fr dl dd { color:#fff;}

.about .con .fr { width:50%; background:rgb(33,66,126,.9); height:175px;}

.a_l{ width:100%;  float:left;}

.a_r{ width:100%; float:left;}

.a_d{ width:40%; float:left; padding-top:0px; padding-left:10%;}
.a_d ul{ width:100%; margin:0 auto;}
.a_d ul li{ width:44%; margin:2.5%; height:173px; float:left; background:rgba(0,0,0,0.4); color:#FFFFFF; text-align:center; border-radius: 0px; transition:all 0.4s;  /*box-shadow:0px 2px 2px 0px rgba(0,0,0,.2);*/ border:2px solid rgba(0,0,0,0.0); float:left;}
.a_d ul li img{ padding:28px 0 15px 0;}
.a_d ul li span{ font-size:32px; font-family:Arial, Helvetica, sans-serif;}
.a_d ul li em{ font-size:22px;}
.a_d ul li:hover{ background:rgba(0,83,167,.7);  margin-top:2.5%; border:2px solid rgba(0,83,167,.7); }


.news { height:648px; width:100%; clear:both; overflow:visible; padding-top:45px;}

.news .con1 li{ width:384px; height:370px; box-shadow:1px 1px 5px 5px #f8f8f8; background:#FFF;  margin:0 12px; text-align:left;}
.news .con1 li .tutu{ width:100%; height:203px; overflow:hidden; position:relative}
.news .con1 li .tutu img {width:100%; height:203px; position:absolute;}
.news .con1 li h2{ font-size:17px; color:#000000; line-height:25px; padding:0 32px;}
.news .con1 li span{ font-size:15px; color:#9c9c9c; padding:0 32px; line-height:38px;}
.news .con1 li strong{ font-size:16px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif;}
.news .con1 li:hover h2{ font-weight:bold;}
.news .con1 li .tutu:after { transition:all 0.4s; width:100%; height:45px; line-height:45px; text-align:center; color:#fff; content:" + "; font-size:42px; font-family:Arial, Helvetica, sans-serif; background: rgba(210,46,55,.9); position:absolute;  bottom:-45px; z-index:9; }
.news .con1 li:hover .tutu:after { width:100%; height:45px; line-height:45px; text-align:center; color:#fff; content:" + "; font-size:42px; font-family:Arial, Helvetica, sans-serif; background: rgba(210,46,55,.9); position:absolute;  bottom:0px; z-index:9;}


/*sw s*/


.news .con1 .swiper-button-next {  position:relative!important; float: right!important; margin-left:15px; margin-top:16%;}
.news .con1 .swiper-button-prev {  position:relative!important; float: left!important;  margin-right:15px;margin-top:16%;}
.swiper-container.hz_nr { width:1224px!important;  }
.swiper-slide { text-align:center; }



.swiper-button-next, .swiper-container-rtl .swiper-button-prev { width:53px!important; height:53px!important; display:block; border-radius:50%; background:#dddddd; text-align:center; color:#7e7e7e!important; font-weight:400;  right:0px!important;}
.swiper-button-next:hover, .swiper-container-rtl:hover .swiper-button-prev:hover {
background:#1a4797;
	background-image: -webkit-gradient(linear, left left, left bottom, from(#1a4797), to(#396ecc));
	background-image: -webkit-linear-gradient(left,  #1a4797, #396ecc);
	background-image: -moz-linear-gradient(left, #1a4797, #396ecc);
	background-image: linear-gradient(left, #1a4797, #396ecc);
	color:#ffffff!important;
	 }

.swiper-button-next:after, .swiper-button-prev:after  { font-size:25px!important;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {width:53px!important; height:53px!important; display:block; border-radius:50%; background:#dddddd; text-align:center; color:#7e7e7e!important; font-weight:400; left:0px!important;}

.swiper-button-prev:hover, .swiper-container-rtl:hover .swiper-button-next:hover {
background:#1a4797;
	background-image: -webkit-gradient(linear, left left, left bottom, from(#1a4797), to(#396ecc));
	background-image: -webkit-linear-gradient(left,  #1a4797, #396ecc);
	background-image: -moz-linear-gradient(left, #1a4797, #396ecc);
	background-image: linear-gradient(left, #1a4797, #396ecc);
	color:#ffffff!important;
	 }

/*sw e*/


.xs {  background:url(../images/n_bg.jpg) no-repeat center top; height:864px; clear:both; overflow:visible; margin:0px auto; padding-top:34px;}
.xs .con .fl { width:668px; height:552px; position:relative; text-align:left; margin-top:46px;}


.xs .con .fr { width:532px; height:552px; margin-top:110px;}
.xs .con .fr ul li { width:241px; height:96px; float:left; background:#2c5e9b; font-size:19px; line-height:38px; text-align:center; color:#FFFFFF; border-bottom:solid 2px #d02e3d; padding-top:16px; margin:0 0 19px 21px; border-top-left-radius:25px; border-top-right-radius:25px;}
.xs .con .fr ul li span{ font-size:47px; font-family:Arial, Helvetica, sans-serif;}
.xs .con .fr ul li em{ font-size:17px;}
.xs .con .fr ul li a:hover{ color:#FFFFFF; text-decoration:underline;}




/*news-sw s*/
    .swiper-container-xinwen {
      width: 100%;
      height: 100%; overflow:hidden;
	      margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    }
 

  .swiper-slide-xinwen {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	

.swiper-button-next-xinwen, .swiper-button-prev-xinwen {
    position: absolute; 
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}


	
.swiper-button-next-xinwen, .swiper-container-rtl .swiper-button-prev-xinwen { width:49px!important; height:49px!important; display:block; border-radius:50%; background: none; text-align:center; color:#fff;  font-weight:400;  right:0px!important;}
.swiper-button-next-xinwen:hover, .swiper-container-rtl:hover .swiper-button-prev-xinwen:hover {

	
	 }

.swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after  { font-size:18px!important;}

.swiper-button-prev-xinwen, .swiper-container-rtl .swiper-button-next-xinwen {width:49px!important; height:49px!important; display:block; border-radius:50%; background: none; text-align:center; color:#fff!important; font-weight:400; left:0px!important;}
.swiper-button-prev-xinwen:hover, .swiper-container-rtl:hover .swiper-button-next-xinwen:hover {
	
	 }
	
	
	
	
	
.swiper-button-next-xinwen:after, .swiper-container-rtl .swiper-button-prev-xinwen:after {
    content: 'next';font-size:22px;
}

.swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}

	
	
.swiper-button-prev-xinwen:after, .swiper-container-rtl .swiper-button-next-xinwen:after {
    content: 'prev';
}
.swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}
.swiper-button-next-xinwen:after, .swiper-button-prev-xinwen:after {
    font-size: 28px!important;
}
	

/*news-sw e*/




/*wenhua s*/
#mid {
    position: relative;
    transition: all 0.5s ease 0s;
    z-index: 1;
}

.clearfix {
    *zoom: 1;
}




.index_4_bg {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}



.index_4{

background-position: center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img23.jpg);}


.index_4_mid{background-position:left;background-repeat:repeat-y;background-image:url(../images/img38.png);text-align:center;padding:21.5625em 1em;}


.index_4_mid_2{
color:#fff;}
.index_4_mid_1{
height:7em;}
.index_4_mid_2{
font-size:1.875em;}
.index_4_mid_3{ margin-bottom:2.5em;
font-size:1.125em; color:#fff; margin-top:0.875em; height:48px;}
.index_4_mid_4 span{
display:inline-block; border:1px #194695 solid; background-color:#194695; width:49px; height:49px; background-position:center; background-repeat:no-repeat; background-image:url(../images/wh_jt.png);}
.swiper-wrapper-index_4 .swiper-slide:nth-child(1) .index_4_mid{
background-image:none}
.swiper-wrapper-index_4 .swiper-slide:hover .index_4_mid_4 span{
border-color:#fff; background-color:transparent;  } 




.index_4 .swiper-pagination-bullet{
background-color:#fff;opacity:1;}
.index_4 .swiper-pagination-bullet-active{
background-color:#007aff;}
.index_4_mid_2{
font-size:30px;}
.index_4_mid_3{
font-size:18px;}


.index_4_bg{ overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.index_4_bg div{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} 
.index_4_bg div.on{transform: scale(1.08, 1.08);
opacity:1; z-index:10;}

/*wenhua e*/






.zl { height:579px;}
.zl dl { width:24%; display:inline-block; text-align:center;color:#666666;font-size:18px;}
.zl dl img { margin:0px auto 27px;}
.zl dl dt {  line-height:26px; width:70%; margin:0px auto; color:#333;}
.zl dl dd b { color:#00479d; font-size:45px; line-height:67px; font-family:Arial, Helvetica, sans-serif; font-weight:400;}







a:hover .xcp { background-size:110% 110%;}
a:hover .xcp dl { padding-top:192px; }
.xcp{ width:100%; height:580px; float:left; transition:all 0.4s; background: url(../images/xcp.jpg) no-repeat center top;  background-size:100% 100%; color:#FFFFFF; text-align:center;}
.xcp dl{ padding-top:202px; transition:all 0.4s; }
.xcp span{ font-size:22px; font-family:AiDeep; text-transform:uppercase;}
.xcp h2{ font-size:43px; padding:4px 0 40px 0;}




.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image:none!important; 
    right: 10px;
    left: auto;
} 
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
   background-image:none!important; 
    left: 10px;
    right: auto;
}


.conz{ width:50%; float:left;}
.shangbu { width:100%; height:576px;}
.zwd_shangbu{display: none;}



.logoz { width:100%; text-align:center; padding:5% 0px 0px;}
.logoz img { height:150px;}

.search{width:30%; margin:0 auto; margin-top:50px;height:52px; padding-left:10px; padding-right:10px; background:#f6f6f6; border-radius:5px; margin-bottom:8%;}
.search .fl{ width:75%}
.searchinput{height:52px;border:#fefefe solid 0px;width:100%;float:left;display:inline;line-height:52px; outline:none; background:none; color:#555; opacity:0.7; font-size:16px; padding-left:5%;}
.chan_bg{ background:url(../images/cpbg.jpg) no-repeat center;  width:100%; margin:0 auto}






.sy_about { height:812px; background:url(../images/ab_bgbg.jpg) no-repeat center top; width:100%; clear:both; overflow:visible;   }
.sy_about .con { padding-top:105px; color:#fff;}
.sy_about .con .span1 { font-size:40px; font-family:Arial, Helvetica, sans-serif; padding-top:35px; line-height:50px; display:block; }
.sy_about .con h3 { font-size:50px; font-weight:700; line-height:60px; padding-bottom:45px;}
.sy_about .con p { font-size:17px; line-height:35px;}
.sy_about .con .gd { width:150px; height:41px; border:2px solid #fff; line-height:41px; color:#fff; display:block; margin-top:30px; text-align:center; font-size:16px; font-style:normal; margin-bottom:56px;}




.sy_about .con .fl { width:50%; background:rgba(255,255,255,.9); height:175px;}
.sy_about .con dl { width:49%; display: inline-block; text-align:center; padding-top:45px; background:url(../images/ab_xx1.jpg) no-repeat right 45px; height:128px;}
.sy_about .con dl dt span { font-family: Akz; font-weight:700; font-size:55px;}
.sy_about .con .fl dl:nth-child(2) { background:none;}
.sy_about .con .fr dl:nth-child(1) {background:url(../images/ab_xx2.jpg)  no-repeat right 45px;}
.sy_about .con .fr dl:nth-child(2) { background:none;}




.sy_about .con dl dt { font-family:Arial, Helvetica, sans-serif; }
.sy_about .con dl dt em { font-size:15px; color:#4b4b4b; }
.sy_about .con dl dd { font-size:15px; color:#4b4b4b; }

.sy_about .con .fl dl dt { color:#0053a7;}

.sy_about .con .fr dl dt { color:#fff;}
.sy_about .con .fr dl dt em { color:#fff;}
.sy_about .con .fr dl dd { color:#fff;}

.sy_about .con .fr { width:50%; background:rgba(12,77,143,.9); height:175px;}



/********* 多业态实践 *******/
.practice-container { background-repeat: no-repeat; background-position: center; background-size: cover; padding: 60px 0 60px; width:1300px; margin:0px auto; }

.practice-container .brand-wrapper { margin-top: 35px; position: relative; padding:2% 0px; width:100%; }

.practice-container .brand-wrapper .swiper-button-next, .practice-container .brand-wrapper .swiper-button-prev { top: 44%; }

#brand { border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; }

.practice-container .brand-wrapper .item { border: 1px solid #dfdfdf;text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 157px; justify-content: center; position:relative; transform-style:preserve-3d; transition:.3s; width:19.5%; display: inline-block; margin-bottom:4px;}

.practice-container .brand-wrapper .item:hover {  transform:rotateY(180deg) translateZ(0); }

.practice-container .brand-wrapper .item span { display: flex; justify-content: center; align-items: center; position:absolute; left:0; top:0; height: 100%; width: 100%;  }

.practice-container .brand-wrapper .item span.name { background-color:#0053a7; color: #fff; font-size: 16px; transform:rotateY(180deg) translateZ(0); backface-visibility:hidden; -webkit-backface-visibility: hidden;}

.practice-container .brand-wrapper .item img { max-width: 80%; max-height: 80%;}

.practice-container .brand-wrapper .item a { display: block; height: 100%; width: 100%; }

.practice-container .brand-wrapper .more { text-align: center; }

.practice-container .brand-wrapper .more a { display: inline-block; margin-top: 40px; color: #fff; padding: 23px 73px; line-height: 1; -webkit-border-radius: 50px; border-radius: 50px; background-image: -webkit-gradient(linear, left top, right top, from(#2d59d0), to(#1e3b9e)); background-image: -o-linear-gradient(left, #2d59d0, #1e3b9e); background-image: linear-gradient(to right, #2d59d0, #1e3b9e); }

/********* 中国MES领导者 *******/







.index_3_2{
position:relative;}
.index_3_2_left{ overflow:hidden;
position:relative; width:58.92857142857143%; float:left; height:511px;}
.index_3_2_left_1{ height:100%;
position:relative; overflow:hidden;}
.index_3_2_left_1:after{
	content: "";
  position: absolute;
  left:0; bottom:0; height:100%; width:100%; background-color:#000; z-index:1; opacity:0.2;
}
.index_3_2_left_1 img{
width:100%;height: 100%;object-fit: cover;}
.index_3_2_left_1_con{
position:absolute; left:5%; width:90%; color:#fff; bottom:1.125em; z-index:10;}
.index_3_2_left_1_con_1{
font-family:Arial, Helvetica, sans-serif; margin-bottom:0.2em;}
.index_3_2_left_1_con_2{
font-size:1.5em;}
.index_3_2_left_1_con_3{
font-size:0.875em; line-height:1.5;overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:1em;}
.index_3_2_top{
position:absolute; right:0; top:0; width:39.58333333333333%; height:48.79154078549849%;}
.index_3_2_footer{
position:absolute; right:0; bottom:0; width:39.58333333333333%; height:48.79154078549849%;}
.index_3_2_top img,.index_3_2_footer img{
display:none}
.index_3_2_left_1_mask{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_3{
padding-bottom:9.6875em;}

.newsz { width:1300px; margin: 0px auto 10%;}
.newsz .biaoti { margin-bottom:5%;}

.aboutz { background:url(../images/bg2.jpg) no-repeat center top; width:100%; height:100%;}
.index_ba { height:100vh;}
.wap_ba { display:none;}



.index_3_2_right{ float:right; width:39.58333333333333%;}
.index_3_2_right ul li{ width:100%; margin-bottom:13px; position: relative;}
.index_3_2_right ul li:last-child{ margin-bottom:0;}
.index_3_2_right ul li img{ width:100%; height:249px; object-fit: cover; transition:all 0.5s;}
.index_3_2_right ul li:hover img{ transform:scale(1.1);}



@media all and (max-width:640px){
.index_ba { display:none;}
.wap_ba { height:100vh; display:block;}



.pp1{ width:90%; margin:0 auto;}

.logoz { width:100%; text-align:center; padding:14% 0px 0px;}
.logoz img { height:auto; width: 30%;}

.search{width:93%; margin:0; margin-top:35px;height:42px; padding-left:10px; padding-right:10px; background:#f6f6f6; border-radius:5px; margin-bottom:16%;}
.search .fl{ width:71%;}
.searchinput{height:42px;border:#fefefe solid 0px;width:100%;float:left;display:inline;line-height:42px; outline:none; background:none; color:#555; opacity:0.7; font-size:14px; padding-left:5%;}
.search .fr input{ height:42px;}



.about { height:auto; background:url(../images/ab_bg.png) no-repeat center top; width:100%; clear:both; overflow:visible; display: inline-block;}
.about .con { padding-top:13%; color:#333;}
.about .con .span1 { font-size:18px; font-family: Arial, Helvetica, sans-serif; padding-top:5px; line-height:20px; display:block;  padding-bottom:16px; font-family:Montserrat-Hairline;  color:#0053a7;}
.about .con h3 { font-size:24px; font-weight:700; line-height:24px; color:#0053a7; }

.a_l .des { font-size:15px; line-height:26px; margin-bottom:28px; font-family:Arial, Helvetica, sans-serif;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:3;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.a_l .tu ul li{ width:30%; height:80px;}
.a_l .tu ul li img{ width:100%; height:100%; object-fit: cover; border-radius: 6px;}

.a_d{ width:100%; float:left; padding-top:0px; padding-left:0; margin: 40px 0 35px 0;}
.a_d ul li{ width:46%; margin:0 0 5% 0; height:123px; float:left; background:rgba(0,0,0,0.4); color:#FFFFFF; text-align:center; border-radius: 0px; transition:all 0.4s;  /*box-shadow:0px 2px 2px 0px rgba(0,0,0,.2);*/ border:2px solid rgba(0,0,0,0.0); float:left;}
.a_d ul a:nth-child(2n) li{ margin-right:0; float:right;}
.a_d ul li img{ padding:18px 0 12px 0;max-width: 22%;max-height: 30%;}
.a_d ul li em{ font-size:17px;}
.a_d ul li p{ font-size:14px;}
.a_d ul li:hover{ background:rgba(0,83,167,.7);  margin-top:0; border:2px solid rgba(0,83,167,.7); }

.conz{ width:100%; float:left;}
.shangbu { width:100%; height:auto;}



.sy_about { height:auto; background:url(../images/ab_bgbg.jpg) no-repeat center top; width:100%; clear:both; overflow:visible;  display: inline-block; padding-bottom: 45px;}
.sy_about .con { padding-top:55px; color:#fff;}
.sy_about .con img { max-width:50%;}
.sy_about .con .span1 { font-size:20px; font-family:Arial, Helvetica, sans-serif; padding-top:20px; line-height:30px; display:block; }
.sy_about .con h3 { font-size:24px; font-weight:700; line-height:30px; padding-bottom:25px;}
.sy_about .con p { font-size:15px; line-height:25px;}
.sy_about .con .gd { width:130px; height:38px; border:2px solid #fff; line-height:38px; color:#fff; display:block; margin-top:25px; text-align:center; font-size:14px; font-style:normal; margin-bottom:36px;}

.sy_about .con .fl { width:100%; background:rgba(255,255,255,.9); height:auto;}
.sy_about .con dl { width:49%; display: inline-block; text-align:center; padding-top:20px; background:url(../images/ab_xx1.jpg) no-repeat right 20px; height:auto; margin-bottom: 20px;}
.sy_about .con dl dt span { font-family: Akz; font-weight:700; font-size:30px;}
.sy_about .con .fr dl:nth-child(1) {background:url(../images/ab_xx2.jpg)  no-repeat right 20px;}
.sy_about .con dl dt em { font-size:14px; color:#4b4b4b; }
.sy_about .con dl dd { font-size:14px; color:#4b4b4b; }
.sy_about .con .fr { width:100%; background:rgba(12,77,143,.9); height:auto;}



.practice-container { background-repeat: no-repeat; background-position: center; background-size: cover; padding: 10px 0 10px; width:90%; margin:0px auto; }
.practice-container .brand-wrapper { margin-top: 35px; position: relative; padding:0 0px; width:100%; }
.practice-container .brand-wrapper .item { border: 1px solid #dfdfdf;text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 97px; justify-content: center; position:relative; transform-style:preserve-3d; transition:.3s; width:48.5%; display: inline-block; margin-bottom:4px;}



.newsz { width:90%; margin: 0px auto 15%;}
.newsz .biaoti { margin-bottom:10%;}

.index_3_2_left{ overflow:hidden; position:relative; width:100%; float:left; height:auto; margin-bottom: 13px;}
.index_3_2_left_1_con{ position:absolute!important; left:5%; width:90%; color:#fff!important; bottom:1.125em; z-index:10;}

.index_3_2_right{ float:right; width:100%;}
.index_3_2_right ul li img{ width:100%; height:auto; object-fit: cover; transition:all 0.5s;}
}