*{padding:0; margin: 0;font-family: 微软雅黑, "microsoft yahei";    font-family: sans-serif;}
html,body{ min-width: 1111px;}

a:link,a:visited{
 text-decoration:none;  
}

p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.aa_1{width:100%; height:100px;}
.ab_1{width:40%; height:100%; float:left; text-align:center; font-family: 微软雅黑, "microsoft yahei"; line-height: 100px;}
.ab1{font-size:30px; color:rgb(241, 58, 58); font-weight:900}
.ab2{font-size: 30px; color:rgb(204, 204, 204); font-weight:900}
.ab_2{width:50%; height:100%; float:right;}
.ab_2 li{ float:left; list-style:none; width:100px; height:98px; line-height: 90px; text-align:center; margin:0 7px 0 7px;}
.ab_2 a{color:#3a3939;}
.nax1{width:100px; height:2px; float:left;}
.ab_2 li:hover .nax1{background:#f13a3a; color:#f13a3a;}
.ab_2 li:hover a{color:#f13a3a;}

.cur div{background:#f13a3a;}
.cur a{ color:#f13a3a;}


.intro{
      background: #dea470!important;
}
.intro a{
  color: #fff!important;
}
.vbvs2{opacity: 0;display: none;}
.vbvs3{opacity: 0;display: none;}
.vbvs4{opacity: 0;display: none;}

.w_zi{padding:5% 0 0 0; text-align:center; font-family: STKaiti; font-size:40px;}
.zi_p{font-size:25px; font-family: 微软雅黑;color: #999;    line-height: 45px;}


.ke_t{width:100%; min-height:1150px; background: #f3f3f3; background-size:center;}
.ke_ts{width:59.5%; background:#fff; position:relative; top:50px; left:8%; float:left; border:8px solid #fff;text-align: center;}
.ke_ts img{max-width:100%; max-height:100%;}
.ke_ts p{min-width:100%; padding:5% 0 5% 0; background:#fff; font-size:25px; text-align:center;}
.ke_ts p span{font-size:15px; color:#8f8f8f;}

.ke_ta{width:20%;height: 260px; background:#fff; float:right; margin: 8% 8% 0 0; border:5px solid #fff;text-align: center;display: flex;
    align-items: center;
    justify-content: center;}
.ke_ta:nth-child(3){ background:#fff; float:right; margin: 5% 8% 0 0; border:5px solid #fff;text-align: center;}
.ke_ta img{max-width: 100%; max-height: 255px;}
.ke_ta div{width:100%; height:65px;}
.ke_ta div p{
    width: 80%;
    height: 60px;
    background: rgba(255, 255, 255, 0.78);
    position: relative;
    left: 10%;
    top: 10%;
    font-size: 15px;
    border: 1px solid #c7c1c1;
    text-align: center;
}
.ke_ta div p span{
    font-size: 20px;}



.wo_s{width:100%; background: url(http://www.mkdesign.vip/Public/Home/images/q131.jpg);padding-bottom: 60px;}
.wo_q{width:70%; min-height:100%;  position:relative; margin:0 auto;}
.wo_p1{text-align:center; font-family: STKaiti; color:#161616; font-size:60px; padding-top:5%;}
.wo_p2{text-align:center; font-family: STKaiti; color:#161616; font-size:30px;}
.wo_da{border:10px solid #fff;text-align: center;background: #fff;}
.wo_da img{max-width: 100%; max-height: 80%;}
.wo_p3{width:100%; padding:3% 0 3% 0; background:#fff; text-align:center;}
.wo_p4{font-family: 微软雅黑; font-size: 24px; color: #333333;}
.wo_p5{color: #999999; font-size: 12px;}
.wo_cp{width:100%; height:410px;    display: flex;
    align-items: center;    text-align: center;
    justify-content: center;background-color: #fff}
.wo_cp1{width:26%;float:left;height: 350px;text-align: center;
flex-grow:1;    margin: 29px;
    padding: 5px;position: relative;
    overflow: hidden;
flex-basis:200px;    display: flex;
    transition: all .8s;
    justify-content: center;
    align-items: center;
text-align:center;
border:1px solid #ccc;

}

@media screen and (max-width: 1200px) {
.wo_cp1{width:20%!important;float:left;height: 350px;text-align: center;
flex-grow:1;    margin: 29px;
    padding: 5px;position: relative;
    overflow: hidden;
flex-basis:200px;    display: flex;
    transition: all .8s;
    justify-content: center;
    align-items: center;
text-align:center;
border:1px solid #ccc;

}
}


.wo_cp1 img{max-height: 100%; max-width: 100%;}



.nav li:hover a{
    color: #000;
}
.ke_ta:hover .hoveerer span{
    color: #000;
    
}
.wo_cp1:hover .hoveerer span{
    color: #000;
    
}
.ke_ta{overflow: hidden;    position: relative;}
.fangda:hover img{
    transform:scale(1.1);
}
.fangda img{
  transition:all .5s;
  cursor: pointer;
}
.wo_sasdf{
  width: 100%;
  background:url(http://www.mkdesign.vip/Public/Home/images/qhei.jpg);
padding-bottom: 60px;
}

.dsfgsd p{    width: 80%;
    height: 65px;
    background: rgba(255, 255, 255, 0.78);
    position: relative;
    margin: 0 auto;
    padding-top: 11px;
    border: 1px solid #c7c1c1;
    font-size: 15px;
}
.dsfgsd p span{
    font-size: 18px;
}

.ke_ttt{
      width: 100%;
    min-height: 1180px;
    background: #000;
}
.newssss{
background: #fff;
width: 100%;
margin: 0 auto;
}
.newvue{
    float: left;
      width: 43%;
    margin-bottom: 30px;
  height: 80px;
    margin-right: 5%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    transition:all .5s;
}

.newvue:hover{
    box-shadow: 0px 0px 25px 0px #ccc;
    border-radius: 3px;
}
.newvue:hover .new_conn .pconn{
    color: #ff9700!important;
}
.new_timee{float: left;
width: 19%;
height: 100%;
text-align: left;}
.new_conn{
  float: left;
    width: 81%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ptitt{
    font-size: 26px;
    font-weight: bold;
}
.ptitit{
        line-height: 36px;
        font-size: 16px;
    font-weight: bold;
}
.pconn{
    color: #666!important;
    font-size: 22px!important;
}
.new_conn p{
    font-size: 14px;
    color: #999;
    line-height: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pinzhibaozhang{
    background: url(http://www.mkdesign.vip/Public/Home/images/dibu.jpg);
    width: 100%;
    height: 550px;
}
.dbcontit{
    height:40%;
    text-align: center;
    line-height: 270px;
    font-size: 40px;
    color: #fff;
}
.dbcon{
       margin: 0px auto;
    width: 850px;
    height: 55%;
    font-size: 23px;
    text-align: center;
    color: #fff;
        line-height: 48px;
}
.dian{
        position: absolute;
    left: 49.5%;
    margin-top: -10px;
}
.dianimg{
        max-width: 20px;
}
@media  screen and  (max-width: 1600px){
.ke_t{width:100%; min-height:1000px!important; background: #f3f3f3; background-size:center;}
.ke_ttt{
        width: 100%;
    min-height: 1000px!important;
    background: #000;
}
}


  .yingwensheji{
      font-size: 24px;
    line-height: 60px;
}
.zzc{
  z-index: 1;
}
#zec{
  width:100%;
height:99.9%;position:absolute;background:#111;opacity:0.7;z-index:2;
}
.beijing1{
height: 514px;
  width: 910px;
  position: relative;
  margin: 0 auto;
}.beijingwenzi{
position: absolute;
bottom: 20%;
    width: 100%;
       z-index: 5;
}
.beijingwenzi2{
  margin: 0 auto;
    width: 341px;
    color: #e6af93;
    text-align: center;
    z-index: 5;
        font-size: 12px;

}
.beijingwenzi3 {
    position: absolute;
    right: 15%;
    color: #111111;
        top: -170px;
    text-align: left;
    z-index: 5;
    font-size: 17px;
}.toptop{
  cursor: pointer;
}.ljgd{
      display: inline-block;
    color: #e6af93;
    padding:2px 0;
    border-bottom: 1px solid #e6af93;
}
.ljgd:hover{
color: #ffd2be;
    border-bottom: 1px solid #ffd2be;

}
.centers{
    width: 100%;
    text-align: center;
    margin-top:40px;
}
.centers p{
    text-align: center;
       font-size: 15px;
    line-height: 24px;
    color: #7b7b7b;
}
.more_l{
    background: url(../images/long_bg.jpg) top center no-repeat;
    height: 425px;
    position: relative;
    width: 940px;
    margin: 0 auto;
    margin-top: 190px;
}
.mk{
    position: absolute;
}
.dow{
left: 50px;
top: 45px;
font-size: 28px;
color: #f1f1f1;    width: 200px;
}
.diss{
        
    left: 215px;
    top: 45px;
    font-size: 14px;
}
.wzmk{
top: 6px;
color: #f1f1f1;
width: 300px;
}
.wzmks{
top: 30px;
color: #f1f1f1;    width: 400px;
}
.mpore{
  width: 50px;
}
.moee{
    right: 45px;
    color: #f1f1f1;    width: 155px;
    top: 50px;
    font-size: 19px;
    animation: myf1irst 2.5s ease-out infinite;
-moz-animation: myf1irst 2.5s ease-out infinite; 
-webkit-animation: myf1irst 2.5s ease-out infinite;  
-o-animation: myf1irst 2.5s ease-out infinite;
}
.moee:hover{
  color: #fff;
}
.moee span{
font-family: cursive;
    font-size: 25px;
    float: right;
    line-height: 29px;
}

.moee1{
    right: 45px;
    color: #f1f1f1;
    top: 50px;
    font-size: 19px;
    animation: myfirst1 2s ease-out infinite;
-moz-animation: myfirst1 2s ease-out infinite; 
-webkit-animation: myfirst1 2s ease-out infinite;  
-o-animation: myfirst1 2s ease-out infinite;
}
.moee1:hover{
  color: #fff;
}
.moee1 span{
font-family: cursive;
    font-size: 25px;
    float: right;
    line-height: 29px;
}

.moee2{
    right: 45px;
    color: #f1f1f1;
    top: 50px;
    font-size: 19px;
    animation: myfirst2 3s ease-out infinite;
-moz-animation: myfirst2 3s ease-out infinite; 
-webkit-animation: myfirst2 3s ease-out infinite;  
-o-animation: myfirst2 3s ease-out infinite;
}
.moee2:hover{
  color: #fff;
}
.moee2 span{
font-family: cursive;
    font-size: 25px;
    float: right;
    line-height: 29px;
}
.moee3{
    right: 45px;
    color: #f1f1f1;
    top: 50px;
    font-size: 19px;
    animation: myfirst3 2s ease-out infinite;
-moz-animation: myfirst3 2s ease-out infinite; 
-webkit-animation: myfirst3 2s ease-out infinite;  
-o-animation: myfirst3 2s ease-out infinite;
}
.moee3:hover{
  color: #fff;
}
.moee3 span{
font-family: cursive;
    font-size: 25px;
    float: right;
    line-height: 29px;
}
.moee4{
    right: 45px;
    color: #f1f1f1;
    top: 50px;
    font-size: 19px;
    animation: myfirst4 2.5s ease-out infinite;
-moz-animation: myfirst4 2.5s ease-out infinite; 
-webkit-animation: myfirst4 2.5s ease-out infinite;  
-o-animation: myfirst4 2.5s ease-out infinite;
}
.moee4:hover{
  color: #fff;
}
.moee4 span{
font-family: cursive;
    font-size: 25px;
    float: right;
    line-height: 29px;
}




 .wapper{
  position:absolute;
  left:33%;
  width: 100px;
  height:100px;
  top:120px;
  box-sizing:border-box;
 }
 .text{
  position:absolute;
    width: 100px;
    height: 100px;
  font-family:"Microsoft YaHei";
  font-weight:bold;
  color:#616161;
 }
 .rect{
  position:absolute;
  width:50px;
  height:100px;
  overflow:hidden;
 }
 .right{
  left:50px;
 }
 .circle{
  position:absolute;
  width:100px;
  height:100px;
  border-radius:50%;
  box-sizing:border-box;
  border:9px solid #c3a182;
  z-index: 3
 }
 .circle_right{
  left:-50px;
  clip:rect(0px 50px 100px 0px);
 animation:roll 2.5s linear 0s 1 forwards;
 }
.circle2{
    left:-50px;
  clip:rect(0px 50px 100px 0px);
  display: none;
}
.fanda:hover{
  background: rgba(190,190,190,0);
}

  .changpin1:hover .circle2{
 animation:roll 1.2s linear 0s 1 forwards;
display: block;
  }

 .circle_left{
  clip:rect(0px 100px 100px 50px);
  animation:roll 1.2s linear 1.2s 1 forwards;
 }
 @keyframes roll{
  0%{transform:rotate(0deg)}
  100%{ transform:rotate(35deg)}
 } 

 .circle_right2{
  left:-50px;
  clip:rect(0px 50px 100px 0px);
  animation:roll2 2.5s linear 0s 1 forwards;
 }
 .circleright2{
    left:-50px;
  clip:rect(0px 50px 100px 0px);
  display: none;
 }
 .changpin1:hover  .circleright2{
  animation:roll2 1.2s linear 0s 1 forwards;
  display: block;
 }

 .circle_left2{
  clip:rect(0px 100px 100px 50px);
  animation:roll2 1.2s linear 1.2s 1 forwards;
 }
 @keyframes roll2{
  0%{transform:rotate(0deg)}
  100%{ transform:rotate(80deg)}
 }

  .circle_right3{
  left:-50px;
  clip:rect(0px 50px 100px 0px);
  animation:roll3 2.5s linear 0s 1 forwards;

 }
.circleright3{
    left:-50px;
  clip:rect(0px 50px 100px 0px);
  display: none;
}
  .changpin1:hover .circleright3{
  animation:roll3 1.2s linear 0s 1 forwards;
display: block;
}
 .circle_left3{
  clip:rect(0px 100px 100px 50px);
  animation:roll3 1.2s linear 1.2s 1 forwards;
 }
 @keyframes roll3{
  0%{transform:rotate(0deg)}
  100%{ transform:rotate(150deg)}
 }

   .circle_right4{
  left:-50px;
  clip:rect(0px 50px 100px 0px);
  animation:roll4 1s linear 0s 1 forwards;
 }
 .circleright4{
    left:-50px;
  clip:rect(0px 50px 100px 0px);
  display: none;
 }
 .circleleft4{
  clip:rect(0px 100px 100px 50px);
  display: none;
 }
 .changpin1:hover .circleright4{
  display: block;
  animation:roll4 1s linear 0s 1 forwards;
 }
  .changpin1:hover .circleleft4{
  display: block;
  animation:roll5 1.2s linear 1s 1 forwards;
 }

 .circle_left4{
  clip:rect(0px 100px 100px 50px);
  animation:roll5 1.2s linear 1s 1 forwards;
 }
  @keyframes roll4{
  0%{transform:rotate(0deg)}
  100%{ transform:rotate(180deg)}
 }
 @keyframes roll5{
  0%{transform:rotate(0deg)}
  100%{ transform:rotate(120deg)}
 }

.qiege{
    width: 67%;
    margin-left: 14%;
}.liebiao8{
        display: flex;
    justify-content: left;

    flex-grow: 1;
    flex-wrap: wrap;

}.changpin1{
    width: 25%;

    position: relative;

transition:all .5s;
} .liebiao4{
    width: 100%;
    height: 100%;
 } .text{
  position:absolute;
    width: 100px;
    height: 100px;
  font-family:"Microsoft YaHei";
  font-weight:bold;
  color:#616161;
 }.shuzi1{
        position: absolute;
    top: 235px;
    left: 34%;
    width: 100px;
    height: 100px;
    text-align: center;
 }
  .shuzi2{
        position: absolute;
    top: 235px;
    left: 31%;
    width: 100px;
    height: 100px;
    text-align: center;
 }
  .shuzi3{
        position: absolute;
    top: 235px;
    left:33%;
        width: 100px;
    height: 100px;
    text-align: center;
 }
  .shuzi4{
        position: absolute;
    top: 235px;
    left: 22%;
        width: 100px;
    height: 100px;
    text-align: center;
 }
 .changpin1  .shuzi1 p{
     position: relative;
    margin-left: -15px;
    color: #666;
    font-size: 12px;
    font-weight: bold;}
 .changpin1  .shuzi2 p{
     position: relative;
       width: 150px;
    margin-left: -16px;
    color: #666;
    font-size: 12px;
    font-weight: bold;}
     .changpin1  .shuzi3 p{
     position: relative;
    margin-left: -7px;
    color: #666;
    font-size: 12px;
    font-weight: bold;}
     .changpin1  .shuzi4 p{
      width: 145px;
     position: relative;
    margin-left:3px;
    color: #666;
    font-size: 12px;
    font-weight: bold;}

.span{
        font-size: 29px;
    
    position: relative;
    top: -15px;
 }
#num1{
    font-size: 32px;padding-left: 5px;
    font-weight: bold;
 }
#num2{
    font-size: 32px;
    font-weight: bold;padding-left: 22px;
 }
#num3{
    font-size: 32px;
    font-weight: bold;padding-left: 10px;
 }
#num4{
    font-size:32px;
    font-weight: bold;padding-left: 8px;
 }
 


.beijing3 {
    background: #111;
    width:1024px;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
}.footer1 {
    width: 80%;
    margin-left: 12%;
}.footer4df {
    display: flex;
    box-sizing: border-box;
    justify-content: left;
    flex-grow: 1;
    align-items: center;
    flex-wrap: nowrap;
}.footer4df {
    display: flex;
    box-sizing: border-box;
    justify-content: left;
    flex-grow: 1;
    align-items: center;
    flex-wrap: nowrap;
}.liebiao8 {
    display: flex;
    justify-content: left;
    flex-grow: 1;
    flex-wrap: wrap;
}.footer_banquan {
    text-align: center;
    line-height: 50px;
    color: #666;
    font-size: 14px;
    margin-top: -10px;
    padding-bottom: 25px;
}.footer_con {
    padding-top: 45px;
    margin-right: 30px;
    padding-bottom: 15px;
}.footer_tit2 {
    font-size: 16px;
    color: #666;
}.footer_tit {
   font-size: 20px;
    color: #fff;
    font-weight: bold;
font-family:myFirstFont;

}
@font-face
{
font-family: myFirstFont;
src: url('../fonts/aa.ttf'),
     url('../fonts/aa.ttf'); 
}
.sds2 {
    display: flex;
    flex-basis: 10%;
    justify-content: left;
    box-sizing: border-box;
}
.sds {
    display: flex;
    flex-basis: 40%;
    justify-content: left;
    box-sizing: border-box;
}.zxsl {
    line-height: 26px;
    color:#dadada;
    font-size: 12px;
}.ppli {
    font-size: 12px;
    color: #dadada;
    padding-bottom: 20px;
}.footer_pro {
    padding-top: 72px;
    box-sizing: border-box;
}.footer_pro ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31%;
    padding: 1%;
    float: left;
    height: 82px;
}.maxwid {
    width: 100%;
    height: 100%;
}.tupianmax {
    max-width: 100%;
    max-height: 100%;
}

.onee{
  text-align:left;width:130px;margin-top: 10px;
font-size: 12px;font-weight: bold;color: #ededed;
}

.dasknv{
  width: 100%;
}
.dasknv li{
width: 50px;
float: left;
text-align: center;
}












.do_whats{
  width: 950px;
  margin: 10px auto;
  font-size: 13px;
  color: #dfdfdf;
  height: 25px;
  margin-top: 60px;
}
.do_whats a:hover{
  color: #666;
  text-decoration: none;
}
.do_whats2{
  width: 150px;
  font-size: 16px;
  color: #dfdfdf;
  float: left;
}.do_whats3{
  width: 180px;
  font-size: 14px;
  color: #bebebe;
  float: right;
  text-align: right;

}

.do_what{
  width: 950px;
  margin: 10px auto;
  height: 425px;
  position: relative;
}
.ab{
  position: absolute;
}
.bg_1{
background: url(../images/dwbg-1.jpg) top center no-repeat;
background-size: 100% 100%;
}
.bg_2{
background: url(../images/dwbg-2.jpg) top center no-repeat;
background-size: 100% 100%;
  
}.bg_3{
background: url(../images/dwbg-3.jpg) top center no-repeat;
background-size: 100% 100%;
  
}.bg_4{
background: url(../images/dwbg-4.jpg) top center no-repeat;
background-size: 100% 100%;
  
}.bg_5{
background: url(../images/dwbg-5.jpg) top center no-repeat;
background-size: 100% 100%;
  
}

.zhongjian1{
  font-size: 33px;
    color: #ffffff;
    margin-bottom: 8px;
} 
.zhongjian{
    font-size: 12px;
    color: #ffffff;text-transform:uppercase;
}   
.jiewei:first-child{
  margin-top: 20px;
}    
.jiewei{
      color: #fff;
      font-size: 14px;;
}
.cent_zi1{
  top: 40px;
  left: 44px;
}
.cent_zi2{
    top: 165px;
  left:504px;
}
.cent_zi3{
      top: 157px;
  left:505px;
}
.cent_zi4{
        top: 135px;
  left:245px;
}
.cent_zi5{
          top: 35px;
  left:46px;
}


@keyframes myfirst
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}

@-moz-keyframes myfirst 
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}

@-webkit-keyframes myfirst 
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}

@-o-keyframes myfirst 
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}
@keyframes myf1irst
{
0%{left: 745px;}
50%{left: 720px;}
100%{left: 745px;}
}

@-moz-keyframes myf1irst 
{
0%{left: 745px;}
50%{left: 720px;}
100%{left: 745px;}
}

@-webkit-keyframes myf1irst 
{
0%{left: 745px;}
50%{left: 720px;}
100%{left: 745px;}
}

@-o-keyframes myf1irst 
{
0%{left: 745px;}
50%{left: 720px;}
100%{left: 745px;}
}
@keyframes myfirst1
{
0%{right: 60px;}
50%{right: 48px;}
100%{right: 60px;}
}

@-moz-keyframes myfirst1 
{
0%{right: 60px;}
50%{right: 48px;}
100%{right: 60px;}
}

@-webkit-keyframes myfirst1 
{
0%{right: 60px;}
50%{right: 48px;}
100%{right: 60px;}
}

@-o-keyframes myfirst1 
{
0%{right: 60px;}
50%{right: 48px;}
100%{right: 60px;}
}

@keyframes myfirst2
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}

@-moz-keyframes myfirst2 
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}

@-webkit-keyframes myfirst2 
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}

@-o-keyframes myfirst2 
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}

@keyframes myfirst3
{
0%{right: 60px;}
50%{right: 48px;}
100%{right: 60px;}
}

@-moz-keyframes myfirst3 
{
0%{right: 60px;}
50%{right: 48px;}
100%{right: 60px;}
}

@-webkit-keyframes myfirst3 
{
0%{right: 60px;}
50%{right: 48px;}
100%{right: 60px;}
}

@-o-keyframes myfirst3 
{
0%{right: 60px;}
50%{right: 48px;}
100%{right: 60px;}
}

@keyframes myfirst4
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}

@-moz-keyframes myfirst4 
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}

@-webkit-keyframes myfirst4 
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}

@-o-keyframes myfirst4 
{
0%{right: 48px;}
50%{right: 60px;}
100%{right: 48px;}
}











.newss{
  width: 1024px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 40px;
  min-height: 270px;   
   
      box-sizing: border-box;
}
.newss_2{
  width: 65%;
  float: left;
}
.newss_3{
  width: 30%;
  float: right;
  height: 100%;
}
.remo{
  text-align: right;
}
.remo span{
    border: 1px solid #828282;
    font-size: 12px;
    padding: 5px 10px;    color: #535353;
}
.nx_1{
      font-size: 23px;
    font-weight: bold;    color: #333;
}
.nx_2{
  color:#848484;
  margin-top:20px;line-height: 20px;
}
.nx_3{
  color: #999;line-height: 20px; margin-top:5px;
}
.nx_4{
  color:#595959;
}
.moores .newss{
  transition:all .3s;
}
.moores:hover .newss{
  transition:all 1s;
    box-shadow: 0px 0 47px #d9d9d9;
    border:none;
}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next{

    right: auto!important;
    left: auto!important;
    margin-left: -45px!important;
}
.swiper-button-next{
      background-image: url(../images/rzyfy.png)!important;
      width: 30px!important;height: 32px!important;
  background-size:auto!important;
       left: 1042px!important;
}
.swiper-button-prev{
      background-image: url(../images/lzyfy.png)!important;
  background-size:auto!important;
      width: 32px!important;height: 32px!important;


}
.swiper-button-next, .swiper-button-prev{
      top: 255px!important;
}
.sixsix{
  width:1024px;margin:0 auto;position:relative
}
.re{
  position: relative;
}
.ab{
  position: absolute;
}
.cenrt img{
max-width: 100%!important;
height: auto!important;
}

.motit{
  width: 270px;
  background: #000;    line-height: 30px;
  color: #fff;float: right;    font-size: 25px;
       padding: 5px 10px 6px 10px;font-weight: bold;
}
.motit2{
  
    background: #000;
  color: #fff; padding: 2px 10px;
  margin-top: 5px;
  float: left;
}


  .pages div{
     display: inline-block;
    }


.pages{
      margin: 75px 8px 100px 0;
    }
.pages a{
    width: 4px;
    
    color: #333;
    background: #333;
    height:4px;    display: inline-block;
    margin:2px 20px;
  }
.pages span{
    width: 4px;
    
       display: inline-block;
    margin:2px 20px;
    color: #dea470;
    background: #dea470;
    height:4px;
  }
.prev{
    background: none!important;    margin-right: 28px!important;
        animation: lrd 1.5s ease-out infinite;
-moz-animation: lrd 1.5s ease-out infinite; 
-webkit-animation: lrd 1.5s ease-out infinite; 
-o-animation: lrd 1.5s ease-out infinite;
  }
.next{
    background: none!important;
    margin-left: 15px!important;
    animation: l2rd 1.5s ease-out infinite;
-moz-animation: l2rd 1.5s ease-out infinite; 
-webkit-animation: l2rd 1.5s ease-out infinite;  
-o-animation: l2rd 1.5s ease-out infinite;
}




.ncc{
  width:270px;float:right;padding:0;color:#424242
}

.ncc p{
  font-weight: bold;    font-family: sans-serif;
}




.abus2{
  margin-top: 285px;
  background:url(../images/abus2.jpg) top center no-repeat;width:100%;height:308px;position: relative;
}
.abus2:hover{
background:url(../images/abusv2.jpg) top center no-repeat;
}
.cont2{
  margin-top: 285px;
  background:url(../images/cont2.jpg) top center no-repeat;width:100%;height:308px;background-size:100% 100%;position: relative;
}
.textsa{
  width: 178px;
  top: 45px;
  color: #d6d6d6;    
  /* font-size: 27px; */
  text-align: left;
  left:800px; 
}
.textsa2{
  text-align: left;
  width: 178px;
  left:800px; 
  top: 137px;
  color: #d6d6d6;
}
.auwi{
  margin-top: 60px;
}
.auwi span{
  padding: 0 45px;
  font-size: 16px;
  color: #A2A2A2
}
.sjsxc1{
  color: #FDA752;font-weight: bold;text-align: center;font-size: 
}
.sjsxc{
  color: #959595;text-align: center;margin-top: 45px;
}



.userlist{
  display: flex;
    justify-content: center;
    align-items: center;
    width: 108%;
    flex-grow: 1;
    flex-wrap: nowrap;
    margin-left: -4%;
}
.userlist li{
    flex-basis: 20%;    text-align: center;    color: #999;
    font-size: 16px;
}
.nameuser{
display: flex;
    justify-content: center;
    align-items: center;
    width: 102%;
    flex-grow: 1;
    box-sizing: border-box;
    flex-wrap: nowrap;
    margin-left: -1%;
    margin-top: 35px;
}
.nameuser li{
    flex-basis: 33%;
    text-align: center;
    color: #dea470;
    margin: 1%;
    background: #f9f0e7;
    font-weight: bold;padding: 10px 0;
    font-size: 19px;
    width: 25%;
    box-sizing: border-box;
}
.sdsd{
    background: #dea470!important;

}
.sdsd a{
    color: #fff!important;
  
}
.nameuser li:hover{
    background: #dea470;

}
.nameuser li:hover a{
    color: #fff;
  
}
.swhz{
  width: 590px;
  margin-left: 40px;
  font-size: 14px;    
  text-align: left;
}
.swhz1{
font-size: 24px;
    color: #555;   
    
    margin-bottom: 17px;
}
.swhz2{
 font-weight: bold;
    margin-bottom: 25px;
    color: #444;
}
.swhz3{
    color: #838383;
}
.swhz4{
font-size: 12px;color: #999;
}

.intt1{
  border: 1px solid #a9a9a9;
  padding:9px 10px;
width: 110px;
margin-right: 5px;
}
.intt2{
  border: 1px solid #a9a9a9;
  padding:9px 10px;
width: 238px;
}



.intts{
    border: 1px solid #585656;
    padding: 8px 28px;
    float: right;
    margin-right: 5px;
    background: no-repeat;
    margin-top: 15px;
    color: rgb(26, 25, 25);
}
#myform{
  margin-left: 40px;
  width: 360px
}
#myforms{
  margin-left: 40px;
  width: 360px
}
.cont_bgs{
  margin-top:175px;height:650px;width:100%;background:url(../images/cont_bgs.jpg) top center no-repeat;background-size:100% 100%;
}



.intt3{
  border: 1px solid #585656;
  padding:8px 10px;
width: 308px;
margin:5px 0;
}
.absdfj{
  top: 160px;
  left: 100px;
}
.absdfj2{
  top: 160px;
  left: 550px;
}
.absdfj2 p{
      margin-bottom: 22px;    color: #585656;
}











.zuoda{
  width: 581px;
  height:361px;
  float: left;
cursor: pointer;
  overflow: hidden;
  position: relative;
}
.youda{
  overflow: hidden;
  width: 361px;
  height:361px;
  position: relative;
cursor: pointer;

  float: left;
}

.shangxia{
  margin: 4px;

}

.zuodas{
  width: 100%;height: 100%;
  transition:all .5s;
}

.zuoda:hover .zuodas{
  transform:scale(1.1);

}
.zuoda:hover .pro_bg_zz{
  top: 0;
opacity: 1
}
.youda:hover .zuodas{
  transform:scale(1.1);

}
.youda:hover .pro_bg_zz{
  top: 0;
opacity: 1

}
.ggggg{
  cursor:move!important;

}
.ggggg .pro_bg_zz{
  
  cursor:move!important;
}
.ggggg:hover .zuodas{
  transform:scale(1.0);

}
.ggggg:hover .zuodas{
  transform:scale(1.0);

}
.ggggg .pro_bg_zz1{
  display: none;
}
.ggggg .pro_bg_zz2{
  display: none;
}

.pro_bg_zz{
  padding-top:5%;
  padding-left:5%;

  width: 100%;
  height: 100%;
  transition:all .1s;
  position: absolute;
  top:0%;
  opacity: 0;
  background: rgba(0,0,0,0.7);
  
  
}
.qwer{
  background:url(../images/0001.png)no-repeat;
}
.ggggg .pro_bg_zz{
  background: none;
}
.pro_bg_zz1{
  font-size: 19px;
  color: #f1f1f1;
  text-align: left;
}
.pro_bg_zz2{
    text-align: left;
    font-size: 16px;
    color: #f1f1f1;
    line-height: 40px;

}
.swiper-slide{
  display: flex;
  justify-content:center;
  align-items:center;
}


.ngc{
      display: inline-block;
    width: 100%;
    height: 100%;
}