#bodybox{ margin:0 auto; height:auto; overflow:hidden;}
.banner{
    text-align: center;
    padding-top:115px;
    font-size: 33px;
    color: #ffffff;
    width: 100%;
    height: 345px;
}
.bancon{
    opacity: 0;
    position: relative;
    top:-80px;
}
.banner h1{
    color: #ff0000;
    font-size:72px;
    font-weight: bold;
}
.banner h3{

    font-size:42px;
    font-weight: bold;
}
.layout{
    width: 100%;
    padding: 30px 0;
    position: relative;
    opacity: 0; bottom: -40px;
}

.layout .layout-con{
    width: 1120px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}


.newban{
    background: url("../image/newbg.jpg") no-repeat scroll center ;
}
.news-layout{ background: #ffffff; font-size: 14px; }
.news-layout .title{
    overflow: hidden;
    width: 1120PX;
    margin: 0 auto 75px;
}
.news-layout .title li{
    display: inline-block;
    float: left;
    width: 115px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.news-layout .title a{
    display: block;
    background: #e9e9e9;
    color: #000000;
    font-weight: bold;
}
.news-layout .title li.active a{
    background: #d00000;
    color: #ffffff;
}
.news-list{
  overflow: hidden;
  margin-top:20px; 
  
}
.news-list li{
    display:block;
    padding-bottom:15px;
    margin-bottom: 33px;
    overflow: hidden;
    border-bottom: 1px dashed #a0a2a7;
}
.n-date{
    display: inline-block;
    width: 77px;
    height: 78px;
    background: url("../image/newbg.png" ) no-repeat scroll center;
   
    overflow: hidden;
    color: #bdbdbd;
    text-align: center;
    font-size: 14px;
    float: left;
    margin-right: 20px;
    margin-left: 20px;
   
}
.n-date h3{
    font-size: 26px;
    padding-top: 25px;
    font-weight: bold;
}
.n-date p{
    margin-top: -5px;
}
.n-con{
    overflow: hidden;
    color: #847e7e;
    padding-right: 20px;
}
.n-con h3{
    font-size: 18px;
    margin-bottom: 5px;
}
.n-con h3 a{ color: #292a2b;  transition:color 0.3s linear}
.n-con h3 a:hover{
      color: #d00101;
}
.n-con p{
    
    line-height: 180%;
    height: 60px;
    overflow: hidden;
}
.n-more{
    display: inline-block;
    background: #e9e9e9;
    float: right;
    color: #3d3d3d;
    padding: 5px 10px;
    margin-right: 30px;
     transition:color 0.3s linear
}
.n-more:hover{
    background: #d00000;
    color: #ffffff;
}
.n-note .fl{ margin-right: 10px;}
.n-note{
    padding-top: 8px;
    overflow: hidden;
}
.n-note .icon{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 19px;
    top:3px;
}
.i-eye{ background: url("../image/n-eye.png") no-repeat scroll center;}

.nd-name{
    font-size:28px;
    color: #292a2b;
    text-align: center;
    border-bottom: 1px dashed #a0a2a7;
    padding-bottom: 20px;
}
.detail{
    padding: 30px 0 200px;
    color: #a0a2a7;
}
.detail p{
  padding: 15px 0 ; 
  line-height: 180%;
}
.list-link{
    width: 100%;
    padding-top: 15px;
    border-top:1px solid #9e9e9e;
}
.list-link-con{
    width: 1120px; 
    margin: 0 auto;
       color: #9e9e9e;
}
.list-link1{
    width: 100%;
    padding-top: 15px;
    border-top:1px solid #FFFFFF;
}
.list-link1-con{
    width: 1120px; 
    margin: 0 auto;
       color: #FFFFFF;
}
.list-link-con p{
    padding: 5px 0;
}
.list-link-con p a{
    color: #9e9e9e;
}
.list-link-con p a:hover{
    color: #d00000;
}
.back{
    margin-top: 15px;
    display: block;
    width: 100px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #ffffff;
    background: #000000;
}



.contactban{
    background:url("../image/cabg.jpg") no-repeat scroll center ;
    font-size: 14px;
  
}
.contactban h3{
    padding-top:55px;
}

.contact-layout{
    padding-top: 80px;
    padding-bottom: 35px;
}
.cont-lt{
    width: 605px;
    float: left;
    padding-left: 30px;
     font-size: 14px;
}
.cont-lt h3{
    font-size:28px;
    font-weight: bold;
}
.contact-layout .reds{
    display: inline-block;
    position: relative;
    width: 32px;
    height: 8px;
    background: #d00000;
    margin-left: 10px;
    bottom:0;
}

.cont-text{
    padding-top: 24px;
    line-height: 150%;
    color: #b0b0b0;
}

.contact-list{
 margin-top: 45px;
 color: #1b242a;
}
.contact-list li{
    height: 26px;
    line-height: 26px;
    padding: 4px 0;
}
.cont-rt{
    overflow: hidden;
    padding-left: 60px;
    border-left:1px dashed #d4d4d4;
    padding-bottom: 50px;
}
.cont-rt h4{
    font-size: 16px;
    color: #252420;
    margin-bottom: 24px;
}
.c-item{
    margin-bottom: 15px;
}
.c-item input,.c-item textarea{
    width: 325px;
    height: 45px;
    background: #f3f3f3;
    border: 0;
    font-family: "微软雅黑";
    border-radius: 10px;
    padding: 0 15px;
    font-size: 14px;
    color: #252420;

}
.c-item input::-moz-placeholder{
    color: #252420;
}
.c-item textarea{
   height: 195px;
   width: 370px;
   resize: none;
   line-height: 180%;
   color: #252420;
   padding: 12px;
   margin-bottom: 15px;
}
.cont-rt button{
      font-family: "微软雅黑";
      cursor: pointer;
    width: 100px;
    height: 28px;
    background: #d00000;
    color: #ffffff;
    border-radius: 20px;
    border:0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 14px;
    
}
.cont1,.cont2,.cont3,.cont4,.cont-q{
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top:7px;
    margin-right: 8px;
}
.cont1{
    background: url("../image/cont1.png") no-repeat scroll center;
}
.cont2{
    background: url("../image/cont2.png") no-repeat scroll center;
}
.cont3{
    background: url("../image/cont3.png") no-repeat scroll center;
}
.cont4{
    background: url("../image/cont4.png") no-repeat scroll center;
}
.cont-q{
    background: url("../image/q.png") no-repeat scroll center;
    margin-right: 3px;
}
.cok-g{
    color: #1b242a;
}


.designban{
    background:url("../image/d_banner.jpg") no-repeat scroll center ;
    
}
.design-layout{
    opacity: 1;
    bottom:0;
}
.design-layout .layout-con{
    width: 100%;
    

}
.d-con{
    width: 100%;
    max-width: 1366px;
    margin-left:auto;
    margin-right: auto;
    font-size: 16px;
    padding-bottom: 35px;
}
.d-title1,.d-title2,.d-title3,.d-title0{
 width: 100%;
 height:117px;
 padding-top: 30px;
 
}
.d-title0{
    background:url("../image/d_title0.jpg") no-repeat scroll center center;
}
.d-title6{
    background:url("../image/d_title8.jpg") no-repeat scroll center center;
}
.d-title1{
    background:url("../image/d_title1.jpg") no-repeat scroll center center;
}
.d-title2{
    background:url("../image/d_title2.jpg") no-repeat scroll center center;
}
.d-title3{
    background:url("../image/d_title3.jpg") no-repeat scroll center center;
}
.d-con .d-list{
    overflow: hidden;
}
.d-con .d-list li{
    display: inline-block;
    width: 33.33%;
    max-width: 458px;
    float:left;
    overflow: hidden;
}
.d-con .d-list li a{
    display: block;
    margin: 
}
.d-con .d-list li a .d-img{
    border:3px solid #ffffff;
    margin-right:8px;
    transition:color 0.3s linear;
    overflow: hidden;
}
.d-con .d-list li a .d-img img{
    width: 100%;
}
.d-con .d-list li a .d-text{
     color: #000000;
     text-align: center;
     height: 28px;
     line-height: 28px;
     padding: 16px 10px 24px;
}
.d-con .d-list li a:hover .d-img{
     border:3px solid #da2f00;
     transition:all 500ms linear;
}
.d-con .d-list li a  img{
transition:all 500ms linear;
}
.d-con .d-list li a:hover img{
     -webkit-transform:scale(1.2,1.2);
     -moz-transform:scale(1.2,1.2);
     -transform:scale(1.2,1.2);
     }
.d-more{
    display: block;
    width: 188px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    color: #474747;
    border:1px solid #474747;
    margin: 0 auto;
     transition:color 0.3s linear;
     font-size: 16px;
}
.d-more:hover{
    background:#da2f00;
    color: #ffffff;
    border-color:#da2f00; 
}
.linebg{
    background: #eeeeee;
    height: 35px;
    width:100%;
}
.d-title4{
    text-align: center;
    font-size: 36px;
    color: #252420;
    margin-bottom: 80px;
    padding-top: 30px;
}
.d-title4 p{
    font-size: 20px;
    color: #b0b0b0;
}
.dea-con{
    width:1120px;
    margin: 0 auto;
}
.dea-con .dea-item{
    margin-left: 130px;
   position: relative;
    border-left:1px dashed #6a6a6a;
}
.dea-con .dea-item .dea-icon{
    display: inline-block;
    position: absolute;
    width: 64px;
    height: 54px;
    left:-32px;
    top: 0;
}
.dea-icon1{
  background:url("../image/step1.jpg") no-repeat scroll center center;
}
.dea-icon2{
  background:url("../image/step2.jpg") no-repeat scroll center center;
}
.dea-icon3{
  background:url("../image/step3.jpg") no-repeat scroll center center;
}
.dea-con .dea-item dd{
     padding-left:40px;
     color: #666666;
     font-size: 16px;
     padding-bottom: 70px;
}
.dea-con .dea-item dd h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 8px;
}
.dea-con .dea-item dd h3 span{
    color: #e9e9e9;
    margin-left: 10px;
}
.dea-con .dea-item dd p{
    line-height: 180%;
}
.dea-con .dea-item:last-child{
    border-left: 0;
}
.dea-con .dea-item:last-child dd{
 padding-bottom: 30px;
}


.bgea{
    background: #eaeaea;
}
.caseban{
    height: 278px;
    background:url("../image/casebg.jpg") no-repeat scroll center center;
    padding-top: 0;
}
.design-list-layout{
    opacity: 1;
    bottom:0;
}
.design-list-layout .layout-con{
    width: 100%;
    max-width: 1685px;
    margin-left: auto;
    margin-right: auto;
}
.dcs-side{
    width: 292px;
    float:left;
    margin-right: 35px;
}
.dcs-side .dcs-item{
    background: #ffffff;
    border:1px solid #d8d8d8;
    padding: 15px;
    margin-bottom: 12px;
    font-size: 14px;
}
.dcs-side .dcs-item .dcs-i-name{
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 margin-bottom: 15px;

}
.syicon,.sjicon,.yyicon{
    display: inline-block;
    width: 50px;
    height: 40px;
    position: relative;
    top: 10px;
    margin-right: 10px;
}
.syicon{
      background: url("../image/dcs-icon1.png") no-repeat scroll center;
}
.sjicon{
      background: url("../image/dcs-icon2.png") no-repeat scroll center;
}
.yyicon{
      background: url("../image/dcs-icon3.png") no-repeat scroll center;
}
.dcs-side .dcs-item dt{
    font-size: 16px;
    padding-left: 15px;
    border-bottom:1px dashed #636363;
    color: #303030;
     padding-bottom: 10px;
     margin-bottom: 15px;
}
.dcs-side .dcs-item dd{
    padding: 11px 10px 11px 44px;
    transition:color 0.3s linear;
    background: url("../image/dcs-s.png") no-repeat scroll 22px center;
}
.dcs-side .dcs-item dd:hover{
     background: url("../image/dcs-t.png") no-repeat scroll 22px center;
}
.dcs-side .dcs-item dd:hover a{
    color: #d00000;
}
.dcs-side .dcs-item dd a{
    color: #5c5c5c;
}
.dcs-con{
    overflow: hidden;
    padding-bottom: 80px;
}
.dcs-con .dcs-list{
    overflow: hidden;
}
.dcs-con  .dcs-list li{
    width: 25%;
    display: inline-block;
    float:left;
    overflow: hidden;
    margin-bottom: 22px;
}
.dcs-con  .dcs-list li a{
    display: block;
    padding: 7px;
    background: #ffffff;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
}
.dcs-con  .dcs-list li a img{
    width: 100%;
}
.dcs-img{
    overflow: hidden;
}
.dcs-con  .dcs-list li a  img{
transition:all 500ms linear;
}
.dcs-con  .dcs-list li a:hover img{
     -webkit-transform:scale(1.2,1.2);
     -moz-transform:scale(1.2,1.2);
     -transform:scale(1.2,1.2);
     }
.dcs-con  .dcs-list li a .dcs-text{
 color: #3d3d3d;
 height: 30px;
 overflow: hidden;
 line-height: 30px;
 font-size: 14px;
 margin-bottom: 5px;
 text-align: center; 
}
.dcs-con .n-note{
    display: inline-block;
   float:right;
    color: #565656;
    padding-top:0;
}
.dcs-con .n-note .icon{ top: 5px; height: 22px;}
.dcs-con .n-note .i-eye{
    width: 28px;
    background: url("../image/des-eye.png") no-repeat scroll center;
}
.i-like{
    background: url("../image/n-like.png") no-repeat scroll center;
}

.dcs-detail{
    background: #ffffff;
    padding: 40px;
   
}
.dcs-detail .detail{
    padding-bottom: 50px;
}
.dcs-detail img{
    margin-left: auto;
margin-right:auto;
}
.design-detail-layout {opacity: 1;
    bottom:0;}
.design-detail-layout .layout-con{
    max-width: 1400px;
    width: 100%;
}
.dcs-detail .nd-name{
 background: url("../image/dbg.png")  repeat-x scroll left bottom;
 border-bottom:0;
}
.detail-gd{
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border:1px solid #cdcdcd;
    background:  url("../image/good.png")  no-repeat scroll center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}
.dcs-detail .list-link-con{
    font-size: 14px;
    color: #3d3d3d;
    position: relative;
    width: 100%;
}
.dcs-detail .list-link-con p a{
       color: #3d3d3d;
}
.dcs-detail .list-link-con p a:hover{
    color: #d00000;
}
.dcs-detail .list-link-con .back{
    position: absolute;
    right:25px;
    bottom:0;
    width: 95px;
    height: 25px;
    line-height: 25px;
    background: #d00000;
    color: #ffffff;
    border-radius: 10px;
}


.aboutban{
    background:  url("../image/aboutbg.jpg")  no-repeat scroll center;
}
.about-layout,.value-layout,.sever-layout{
    opacity: 1;
    padding-top:0;
    bottom: 0;
}
.about-layout .title,.value-layout .title,.sever-layout .title{
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
    background:url("../image/about-title.png")  no-repeat scroll center top; 
    height: 150px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}
.our-sever .title{
    position: relative;
    opacity: 0;
    top:-50px;
}
.our-sever .layout-con{
    opacity: 0;
    position: relative;
    bottom:-80px;
}
.value-layout .title{
    margin-bottom: 15px; 
}
.about-layout .title h3,.value-layout .title h3,.sever-layout .title h3{
    padding-top:10px;
    font-size: 34px;
}
.about-layout .title p,.value-layout .title p,.sever-layout .title p{
    font-size: 16px;
}
.about-name{
    overflow: hidden;
    text-align: center;
    margin-bottom: 70px;
    font-size: 14px;
    width: 475px;
    margin-left: auto;
    margin-right: auto;
    margin-top:45px;
   
}
.about-name li{
    display: inline-block;
    border-bottom:1px solid #da2f00;
     float:left;
     padding-right:20px;
}
.about-name li:hover a,.about-name li.active a{
   background: #da2f00;
   color: #ffffff;
}
.about-name li a{
    width: 75px;
    height: 24px;
    line-height: 24px;
    display: block;
    color:#424242;
}
.abouttlay:nth-child(1){
    display: block;
}

.abouttlay{
    display: none;
    min-height: 500px;
}
.w1120{ width: 1120px;}
.abouttab{
    margin-left: auto;
    margin-right: auto;
    color:#424242;
    font-size: 14px;
    line-height: 180%;

}
.abouttab img{ width: 100%;}
.abouttab p{
    padding-right: 30px;
}
.at1 {
    margin-top:10px; 
    margin-left: 30px;
    overflow: hidden;
    margin-bottom: 30px;
}
.at1 li{
    display: inline-block;
    float: left;
    width: 247px;
    height: 250px;
    overflow: hidden;
    margin-right: 9px;
    margin-top: 10px;
    background:#f6f6f6;
 
}
.at1 li .t-name{
    font-size: 20px;
    color: #23181c;
    text-align: center;
    padding-top:15px;
    padding-bottom:18px;
    

}
.dis{
    padding: 10px;
    font-size: 13px;
}
.at1 li  .t-text{ color: #6f6f6f; line-height: 180%;}

.value-layout{
     background:url("../image/aboutbg2.jpg")  no-repeat scroll center top; 
     padding-bottom: 60px;
}
.v-img{
    display: inline-block;
    float:left;
    margin-right: 40px;
    margin-left:-50px;
    opacity: 0;
}
.v-con{
    overflow: hidden;
    padding-top: 35px;
    color:#ffffff;
    font-size: 16px;
    opacity: 0;
    position: relative;
    right: -200px;
}
.v-con h3{
    margin-top: 25px;
    color: #ff0000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom:5px;
}
.v-con p{
  line-height: 180%;
}

.sever-layout{
    background: #dedede;
    padding-bottom: 60px;
}

.se-item{
    overflow: hidden;
    font-size: 14px;
    margin-top: 60px;
  
}
.se-item li{
    display: inline-block;
    float:left;
    width: 220px;
    margin-left: 50px;
}
.se-item li .se-name{
  font-size: 28px;
  color: #242424;
  margin-bottom: 10px;
}
.se-item li:nth-last-child(1){
    width: 238px;
}
.se-item li p{
  line-height: 120%;
}
.seicon1,.seicon2,.seicon3,.seicon4{
 display: inline-block;
 width:80px;
 height: 70px;
 position: relative;
 top: 4px;
 margin-left: 15px;
 margin-right: -10px;
}
.seicon1{
    background: url("../image/se1.png")  no-repeat scroll center; 
}
.seicon2{
    background: url("../image/se2.png")  no-repeat scroll center; 
}
.seicon3{
    background: url("../image/se3.png")  no-repeat scroll center; 
}
.seicon4{
    background: url("../image/se4.png")  no-repeat scroll center; 
}

.develop-layout{opacity: 1;
bottom: 0;
padding-top: 0;
    background: url("../image/aboutbg3.jpg")  no-repeat scroll center top; 
}
.develop-box{
    width: 685px;
    height: 170px;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    overflow: hidden;
    margin: 15px 0 100px 15px;
}
.develop-box .title{
    width: 150px;
    background: #d80303;
    height: 145px;
    text-align: center;
    padding-top: 25px;
    float:left;
}
.develop-box .title h3{ font-size: 30px;}
.develop-box .title h4{
    font-size: 24px;
    margin-bottom: 40px;
    font-size: 20px;
}
.develop-text{
    overflow: hidden;
    padding:25px 20px; 
    line-height: 180%;
    border-bottom: 1px dashed #ffffff;
}
.year{
    position: absolute;
    right: 85px;
    top: 40px;
}

.advan-layout{
    opacity: 1;
    bottom:0;
     background: url("../image/vas.png")  no-repeat scroll center center; 
}
.advan-list{
    overflow: hidden;
    padding-top: 30px;

}
.advan-list li{
    overflow: hidden;
    width: 50%;
    display: inline-block;
    float: left;
    margin: 35px 0 40px;
}

.advan-icon{
    display: inline-block;
    width: 96px;
    height: 96px;
    background: #e50000;
    border-radius: 50%;
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold; 
    text-align: center;
    line-height: 96PX; 
}
.advan-text{
    overflow: hidden;
    font-size: 14px;
    color: #565656;
}
.advan-text h3{
    font-size: 18px;
    color: #e50000;
    margin-bottom: 18px;

}
.fr.advan-icon{
    margin-right: 60px;
    margin-left:20px;
}
.fr.mr190{
    margin-right: 190px;
}
.fl.advan-icon{
    margin-left: 80px;
    margin-right: 20px;
}
.fl.ml180{
    margin-left: 180px;
}
.pl116{
    padding-left: 116px;
}
.t-c{
    text-align: center;
}
.adv-title{
     width: 155px;
    height: 155px;
    background: #e50000;
    border-radius: 50%;
    overflow: hidden;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold; 
    text-align: center;
    position: absolute;
    top: 40%;
    left:44%;

}
.adv-title h3{
    font-size:24px;
    padding-top: 55px;
}


.serban{
    height: 211px;
    background: url("../image/severbg.jpg") no-repeat scroll center top;
    padding-top: 0;
}

.service-layout{
    opacity: 1;
    bottom:0;

}
.service-layout .title{
     opacity: 0;
    position:relative;
    top:-40px;
    background: url("../image/sbg.png") no-repeat scroll center 60px;
}
.service-layout .layout-con{
     position: relative;
    bottom: -90px;
    opacity: 0;
}

.service-layout .title,.sy-layout .title,.zx-layout .title,.yy-layout .title,.lc-layout .title{
    color: #000000;
    text-align: center;
    margin-bottom: 35px;
}
.service-layout .title h3 ,.lc-layout .title h3{
    font-size: 32px;

    font-weight: bold;
    margin-bottom: 12px;
}
.service-layout .title p,.lc-layout .title p{
    font-size: 16px;
    color: #a2a2a2;
}
.service-list{
    overflow: hidden;
}
.service-list li{
 display: inline-block;
 float:left;
 width: 250px;
 margin-left:24px;
}
.service-list li h3{
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
    color: #c70000;
    margin-bottom: 15px;
}
.service-list li p{
    font-size: 14px;
    line-height: 180%;
    color: #a2a2a2;
    padding:0 5px;
}

.servicebg1,.servicebg2,.servicebg3{
    width: 100%;
   
    height:474px;
}
.servicebg1{
 background: url("../image/severbg2.jpg") no-repeat scroll center center;
}
.servicebg2{
 background: url("../image/severbg3.jpg") no-repeat scroll center center;
}
.servicebg3{
 background: url("../image/severbg4.jpg") no-repeat scroll center center;
}
.sy-layout,.zx-layout,.yy-layout{
    opacity: 1;
    bottom:0;
    margin-top: -70px;
    padding-top: 0;
}
.lc-layout{
    opacity: 1;
    bottom:0;
  
}
.sysicon,.zxicon,.yysicon{
    display: block;
    width: 120px;
    height: 120px;
    background: #ffffff;
    border-radius: 50%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.sysicon{
    background: url("../image/ser1.png") no-repeat scroll center 20px #ffffff;
}
.zxicon{
    background: url("../image/ser2.png") no-repeat scroll center 20px #ffffff;
}
.yysicon{
    background: url("../image/ser3.png") no-repeat scroll center 20px #ffffff;
}
.sy-layout .title h3,.zx-layout .title h3,.yy-layout .title h3{
    margin-top: -40px;
    position: relative;
    z-index: 88;
    font-size: 26px;
    margin-bottom: 20px;
}
.sy-layout .title p,.zx-layout .title p,.yy-layout .title p{
    text-align: center;
    font-size: 16px;
    color: #a2a2a2;
    line-height: 180%;
}

.iten{ overflow: hidden; font-size: 38px; font-weight: bold;}
.iten li{
    display: inline-block;
    width: 180px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    background: #000000;
    color: #ffffff;
    margin-left:34px;
    margin-bottom: 45px;
    text-align: center;
    padding: 40px 0;
    cursor: pointer;
    transition:color 0.3s linear;
    
}
.iten li:hover{
    background: #d00000;
    transition:color 0.3s linear;
  
}
.yqlj {text-align:center;color:#9d9d9d}
.yqlj a{color:#9d9d9d}