/*banner*/
.ind-banner{width: 100%; height: 100vh; overflow: hidden;} 
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide .bg{ display: none; }
.ind-banner .swiper-slide .bg img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .onebox{ position: absolute; left: 0; text-align: center; width: 100%; top: 35%; transform: translateY(-65%); } 
.ind-banner .onebox .txtImg img{ width: 10.42rem; }
.ind-banner .twobox{ position: absolute; left: 0; top: 25%; width:100%; text-align:center; } 
.ind-banner .twobox .txt{ width: 8.31rem; margin: 0 auto;}
.ind-banner .twobox .txt img{ width: 8.31rem; }
.ind-banner .twobox .msg{ padding-top: 0.35rem; font-size: 16px; line-height: 30px; color: #666; }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; left: 0; width: 100%; bottom: 0.5rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 14px; height: 14px; opacity: 1; border-radius: 0; box-sizing: border-box; background: #fff; margin-left: 10px!important; margin-right: 10px; } 
.ind-banner .swiper-pagination-bullet-active { background: #ff9900; } 
/*banner结束*/

.indexTitle .title1{ font-size: 0.3rem; line-height: 0.3rem; color: #333; }
.indexTitle .title2{ font-size: 0.36rem; line-height: 0.36rem; color: #ff9900; padding-top: 0.2rem; font-weight: bold; text-transform: uppercase;}

.indexPart1{ padding: 1.2rem 0; }
.indexPart1 .leftDiv, .indexPart1 .rightDiv{ width: 50%; position: relative; }
.indexPart1 .toptop, .indexPart1 .botbot{ overflow: hidden; }
.indexPart1 .toptop .mxfDiv{ position: relative; padding-right: 1.3rem; height: 5.5rem; background:url(../images/nimg780Bg.png) center bottom no-repeat; background-size: 7.8rem; }
.indexPart1 .toptop .txt{ font-size: 0.2rem; line-height: 0.2rem; padding: 0.5rem 0; color: #333; font-weight: bold; }
.indexPart1 .toptop .content{ font-size: 14px; color: #666; line-height: 24px; }
.indexPart1 .toptop .btnDiv{ padding-top: 0.5rem; }
.indexPart1 .toptop .btnDiv a{ display: block; position: relative; width: 126px; text-transform: uppercase; text-align: center; height: 40px; line-height: 40px; border: #ff9900 solid 2px; font-weight: bold; font-size: 14px; color: #ff9900; }
.indexPart1 .toptop .btnDiv a:hover{ color: #fff; background: #ff9900; }
.indexPart1 .videoDiv{ position: relative; cursor: pointer; }
.indexPart1 .videoDiv .bg img{ width: 100%; }
.indexPart1 .videoDiv .ico{ position: absolute; left: 50%; width: 48px; height: 48px; margin-left: -24px; top: 50%; margin-top: -24px; }
.indexPart1 .videoDiv .ico img{ width: 48px; }
.indexPart1 .videoDiv video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.indexPart1 .videoDiv.cur{ background:#000;}
.indexPart1 .videoDiv.cur .bg, .indexPart1 .videoDiv.cur .ico{z-index:-1;visibility:hidden;opacity:0}
.indexPart1 .videoDiv.cur video{z-index:2;visibility:visible;opacity:1}

.indexPart1 .bg img{ width: 100%; }
.indexPart1 .layer{ position: absolute; left: 0.8rem; top: 50%; transform: translateY(-50%); z-index: 1; }
.indexPart1 .layer .txt1{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #ff9900; }
.indexPart1 .layer .txt2{ color: #999; line-height: 24px; font-size: 16px; text-transform: uppercase; padding-top: 0.1rem; }
.indexPart1 .numList{ padding-top: 0.65rem; }
.indexPart1 .numList li{ float: left; width: 25%; text-align: center; font-size: 14px; color: #999; }
.indexPart1 .numList li .num{ color: #333; font-size:0.24rem; }
.indexPart1 .numList li .numUp{ font-size: 0.48rem; line-height: 0.64rem; font-family: bold;}
.indexPart1 .numList li .num span{ position:relative; padding-left:0.1rem; top:-0.2rem;}
.indexPart1 .botbot .leftDiv:hover .layer{ left: 0.6rem;}

.indexPart2{ padding: 1.2rem 0; background: #f8f8f8; }
.indexPart2 .indexTitle{ padding-bottom: 0.6rem; }
.indexPart2 .list{ width: 100%; height: 8.0rem; overflow: hidden;}
.indexPart2 .list li{ width: 33.33%;  float: left; position: relative; transition: all 1s;}
.indexPart2 .list li:nth-child(1){ z-index: 1; }
.indexPart2 .list li:nth-child(2){ z-index: 2; }
.indexPart2 .list li:nth-child(3){ z-index: 3; }
.indexPart2 .list li a{ display: block; width: 100%; height: 100%; }
.indexPart2 .list li a:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 150%; height: 100%; opacity: 1; z-index: 1; background: rgba(0,0,0,0.4); transition: all 1s; }
.indexPart2 .list li .bg img{  width: 7.0rem; cursor: pointer;}
.indexPart2 .list:hover li{ width: 27.6%; }
.indexPart2 .list li:hover{ width: 44.8%; }
.indexPart2 .list li:hover a:before{ opacity: 0; }
.indexPart2 .list li .layer{ position: absolute; z-index: 2; left: 0.6rem; top: 1.0rem; }
.indexPart2 .list li .name1{ font-size: 24px; color: #fff; font-weight: bold; padding: 0.35rem 0 0.15rem; }
.indexPart2 .list li .name2{ font-size: 16px; color: rgba(255,255,255,0.2); font-weight: bold; line-height: 20px; padding-bottom: 0.9rem; text-transform: uppercase; }

.indexBus .swiper-slide .bg img{ width: 100%; }
.indexBus .swiper-slide .layer{ position: absolute; z-index: 2; left: 0.6rem; top: 0.8rem;}
.indexBus .swiper-slide .ico img{ width: 0.64rem; }
.indexBus .swiper-slide .name1{ font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #fff; padding: 0.2rem 0 0.1rem; }
.indexBus .swiper-slide .name2{ font-size: 0.24rem; color: rgba(255,255,255,0.2); font-weight: bold; line-height: 0.3rem; padding-bottom: 0.4rem; text-transform: uppercase;}
.indexBus .swiper-slide .jia img{ width: 0.24rem; }
.indexBus .swiper-pagination{ position: absolute; width: auto!important; left: auto!important; right: 0.3rem; bottom: 0.3rem!important; }
.indexBus .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 0; box-sizing: border-box; background: #ccc; margin-left: 0.12rem!important; } 
.indexBus .swiper-pagination-bullet-active { background: #ff9900; } 

.indexPart3{ padding: 1.2rem 0;}
.indexPart3 .indexTitle{ padding-bottom: 0.6rem; }

.hahaDiv{ position: relative; }
.indexPart3 .detail-box .list .item {
  display: none;
  position: relative;
}
.indexPart3 .detail-box .list .item.on {
  display: block;
  animation: fadeOfOpacity .5s linear;
}
.indexPart3 .detail-box .list .item .bg img{ width: 100%; }
.indexPart3 .detail-box .list .item .layer{ position: absolute; left: 50%; margin-left: -6.5rem; z-index: 3; top: 45%; transform: translateY(-55%); }
.indexPart3 .detail-box .list .item .nameImg{ -webkit-animation: am_top 0.4s ease-in-out 0.4s backwards;}
.indexPart3 .detail-box .list .item .nameImg img{ width: 179px; }
.indexPart3 .detail-box .list .item .content{ padding-top: 0.5rem; height: 0.9rem; line-height: 0.3rem; font-size: 14px; width: 440px;  -webkit-animation: am_top 0.4s ease-in-out 0.8s backwards;}
.indexPart3 .detail-box .list .item .msg{ padding-top: 0.35rem; font-size: 18px; color: #333; font-weight: bold; -webkit-animation: am_top 0.4s ease-in-out 1.2s backwards; }
.indexPart3 .detail-box .list .item .msg b{ font-size: 24px; color: #f0352b; font-family: mont; }

.indexPart3 .box-container{ position: absolute; left: 50%; bottom: 0.3rem; width: 13.0rem; margin-left: -6.5rem; z-index: 2;}
.indexPart3 .box-container .swiper-slide{ height: 1.6rem; background: rgba(0,0,0,0.3); cursor: pointer; position: relative; }
.indexPart3 .box-container .swiper-slide:after{ content: ''; position: absolute; right: 0.3rem; bottom: 0.3rem; width: 10px; height: 10px; background: url(../images/nimg10_1.png) no-repeat center; }
.indexPart3 .box-container .mxfDiv{ position: relative; padding-left: 2.0rem; padding-right: 0.3rem; height: 1.6rem; }
.indexPart3 .box-container .limg{ position: absolute; left: 0.3rem; top: 0.3rem; }
.indexPart3 .box-container .limg img{ width: 1.5rem; }
.indexPart3 .box-container .wen{ color: #fff; font-size: 14px; line-height: 14px; padding: 0.3rem 0 0.15rem; }
.indexPart3 .box-container .name{ font-size: 0.18rem; color: #fff; font-weight: bold; height: 0.56rem; line-height: 0.28rem; overflow: hidden; }
.indexPart3 .box-container .swiper-slide-active{ background: #fff;  }
.indexPart3 .box-container .swiper-slide-active:after{ background: url(../images/nimg10_1on.png) no-repeat center;}
.indexPart3 .box-container .swiper-slide-active .wen{ color: #999; }
.indexPart3 .box-container .swiper-slide-active .name{ color: #333; }
.indexPart3 .box-container .prev { position: absolute; left: -90px; top: 50%; margin-top: -25px; cursor: pointer; width: 50px; height: 50px; overflow: hidden; background: url(../images/nimg50_left.png) no-repeat center; z-index: 5;}
.indexPart3 .box-container .next { position: absolute; right: -90px; top: 50%; margin-top: -25px; cursor: pointer; width: 50px; height: 50px; overflow: hidden; background: url(../images/nimg50_right.png) no-repeat center; z-index: 5;}
.indexPart3 .box-container .prev:hover{ background: url(../images/nimg50_lefton.png) no-repeat center;}
.indexPart3 .box-container .next:hover{ background: url(../images/nimg50_righton.png) no-repeat center;}

@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,30px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}


@keyframes fadeOfOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.indexCase .imgDiv img{ width: 100%; }
.indexCase .botDiv{ position: relative; }
.indexCase .botDiv:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -0.06rem; width: 0.16rem; height: 0.16rem; background: url(../images/nimg10_1on.png) no-repeat center; background-size: 0.16rem; }
.indexCase .wen{ font-size: 0.26rem; color: #999; padding: 0.25rem 0; }
.indexCase .name{ font-size: 0.3rem; line-height: 0.4rem; color: #333; height: 0.4rem; overflow: hidden; font-weight: bold; }
.indexCase .swiper-button-prev{ position: absolute; left: 0.3rem; top: 45%; margin-top: -0.4rem; cursor: pointer; width: 0.8rem; height: 0.8rem; overflow: hidden; background: url(../images/nimg50_left.png) no-repeat center; background-size: 0.8rem; z-index: 5;}
.indexCase .swiper-button-next{ position: absolute; right: 0.3rem; top: 45%; margin-top: -0.4rem; cursor: pointer; width: 0.8rem; height: 0.8rem; overflow: hidden; background: url(../images/nimg50_right.png) no-repeat center; background-size: 0.8rem; z-index: 5;}


.indexPart4{ padding: 1.2rem 0; background: #f8f8f8; }
.indexPart4 .indexTitle{ padding-bottom: 0.6rem; }
.indexPart4 .list{ overflow: hidden; }
.indexPart4 .list li .box{ border: #f2f2f2 solid 1px; }
.indexPart4 .list li a{ display: block; width: 100%; height: 100%; }
.indexPart4 .list li .imgDiv{ overflow: hidden; position: relative; }
.indexPart4 .list li .imgDiv:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,0.4); }
.indexPart4 .list li .imgDiv img{ width: 100%; }
.indexPart4 .list li .imgDiv em{ opacity: 0; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); font-weight: bold; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; z-index: 1; }
.indexPart4 .list li .botDiv{ background: #fff; padding: 0 0.48rem; height: 1.88rem; }
.indexPart4 .list li .name{ padding-top: 0.5rem; font-weight: bold; font-size: 18px; color: #333; }
.indexPart4 .list li .msg{ font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; color: #666; padding-top: 0.2rem; }
.indexPart4 .list li:hover .imgDiv:after, .indexPart4 .list li:hover .imgDiv em{ opacity: 1; }
.indexPart4 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart4 .list li:hover .name{ color: #ff9900; }
.indexPart4 .swiper-pagination{ display: none; position: absolute; width: auto!important; left: auto!important; right: 0.3rem; bottom: 2.6rem!important; }
.indexPart4 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 0; box-sizing: border-box; background: #fff; margin-left: 0.12rem!important; } 
.indexPart4 .swiper-pagination-bullet-active { background: #ff9900; } 

.indexPart5{ overflow: hidden; padding: 1.2rem 0; }
.indexPart5 .toptop{ padding-bottom: 0.6rem; position: relative; }
.indexPart5 .btn { position: absolute; z-index: 1; left: auto; right: 0; top: 0.5rem; }
.indexPart5 .btn li { line-height: 14px; height: 25px; font-size: 14px; margin-left: 0.24rem; color: #666; position: relative; float: left; cursor: pointer; }
.indexPart5 .btn li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #ff9900;}
.indexPart5 .btn li.on { color: #ff9900; }
.indexPart5 .btn li.on:after{ width: 100%; }

.indexPart5 .list{ position: relative;}
.indexPart5 .imgList{ width: 6.5rem; overflow: hidden; position: relative; }
.indexPart5 .swiper-slide .imgDiv img{ width: 100%; }
.indexPart5 .swiper-slide .botDiv{ background: #f8f8f8; padding: 0 0.48rem; height: 2.04rem; }
.indexPart5 .swiper-slide .name{ padding-top: 0.4rem; height: 0.4rem; line-height: 0.4rem; color: #333; font-weight: bold; font-size: 0.18rem; }
.indexPart5 .swiper-slide .time{ padding-top: 15px; color: #666; font-size: 14px; font-weight: bold; }
.indexPart5 .swiper-pagination{ position: absolute; width: auto!important; left: auto!important; right: 0.3rem; bottom: 0.3rem!important; }
.indexPart5 .swiper-pagination-bullet { position: relative; width: 14px; height: 14px; opacity: 1; border-radius: 0; box-sizing: border-box; background: #ccc; margin-left: 10px!important; } 
.indexPart5 .swiper-pagination-bullet-active { background: #ff9900; } 
.indexPart5 .swiper-slide:hover .name, .indexPart5 .swiper-slide:hover .time{ color: #ff9900; }

.indexPart5 .rightDiv{ width: 8.5rem; }
.indexPart5 .rightDiv li{ padding-bottom: 0.6rem; }
.indexPart5 .rightDiv li:last-child{ padding-bottom: 0; }
.indexPart5 .rightDiv li a{ display: block; height: 1.68rem; position: relative; padding-right: 3.0rem; }
.indexPart5 .rightDiv li .imgDiv{ position: absolute; right: 0; top: 0; }
.indexPart5 .rightDiv li .imgDiv img{ width: 2.6rem; }
.indexPart5 .rightDiv li .name{ height: 0.58rem; line-height: 0.58rem; font-weight: bold; font-size: 0.18rem; overflow: hidden; color: #333; }
.indexPart5 .rightDiv li .content{ font-size: 14px; color: #7b7b7b; line-height: 0.3rem; height: 0.6rem; overflow: hidden; }
.indexPart5 .rightDiv li .time{ padding-top: 15px; font-size: 14px; color: #ff9900; font-weight: bold; }
.indexPart5 .rightDiv li a:hover .name{ color: #ff9900; }

.about .leftDiv{ width: 6.5rem; }
.about .txtDiv{ position: relative; padding-top: 0.45rem; }
.about .txtDiv .txt1{ position: absolute; left: 0; top: 0; color: #f3f3f3; font-size: 1.0rem; line-height: 0.8rem; text-transform: uppercase; font-weight: bold; }
.about .txtDiv .txt2{ font-size: 0.3rem; line-height: 0.3rem; color: #333; position: relative; z-index: 1; }
.about .txtDiv .txt3{ font-size: 0.36rem; line-height: 0.36rem; color: #ff9900; padding-top: 0.1rem; font-weight: bold; text-transform: uppercase; }
.about .content{ font-size: 14px; line-height: 0.32rem; padding-top: 0.4rem; }
.about .content p{ padding-bottom: 0.35rem; }
.about .numList{ padding-top: 0.1rem; }
.about .numList li{ float: left; width: 25%; text-align: center; font-size: 14px; color: #999; }
.about .numList li .num{ color: #333; font-size: 0.48rem; line-height: 0.64rem; font-family: bold; }

.about .rightDiv{ width: 7.8rem; position: relative; }
.about .rightDiv .imgDiv img{ width: 100%; }
.about .rightDiv .layer{ position: absolute; right: 0; top: 0; z-index: 1; width: 1.3rem; height: 100%; background: rgba(0,0,0,0.3); }
.about .layer .wenImg{ padding: 0.6rem 0 0 0.4rem; }
.about .layer .txt{ width: 0.36rem; text-align: center; font-size: 0.3rem; line-height: 0.3rem; color: #fff; font-weight: bold; padding: 0.6rem 0 0 0.1rem;}
.about .layer .more{ position: absolute; left: 0; bottom: 0; background: #ff9900; width: 1.3rem; height: 1.0rem; cursor: pointer; text-align: center; line-height: 1.0rem;}
.about .layer .more img{ width: 0.36rem; }
.about .layer .more:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.about .rightDiv video{ width:100%;height:auto;position:absolute;top:50%;left:0;transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.about .videobox.cur{ background:#000;}
.about .videobox.cur .imgDiv,
.about .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.about .videobox.cur video{z-index:2;visibility:visible;opacity:1}

.chairmanBg{ position: absolute; left: 0; bottom: 0; width: 12.2rem; height: 5.92rem; background: url(../images/nimg1220Bg.png) no-repeat center; background-size: 12.2rem; z-index: -1; }
.chairman .leftDiv{ width: 9.1rem; }
.chairman .content{ font-size: 14px; line-height: 0.32rem; padding-top: 0.4rem;}
.chairman .content p{ text-align: right; padding-top: 0.4rem; }
.chairman .signature{ text-align: right; padding-top: 0.2rem; }
.chairman .rightDiv{ width: 5.2rem; position: relative; }
.chairman .rightDiv .imgDiv img{ width: 100%; }
.chairman .rightDiv .layer{ position: absolute; right: 0.3rem; top: 0.3rem; z-index: 1; }
.chairman .layer .wenImg{ padding: 0.2rem 0.15rem 0 0; }
.chairman .layer .txt{ width: 0.36rem; text-align: center; font-size: 0.24rem; line-height: 0.28rem; color: #fff;}

.culture{ padding-top: 0.6rem; }
.culture .mxfDiv{ background: #f5f5f5 url(../images/nimg480Bg.png) no-repeat left bottom; background-size: 4.8rem; }
.culture .conDiv{ padding: 0.6rem 0 0 0.6rem; }
.culture .conDiv li{ padding-bottom: 0.3rem; }
.culture .conDiv li .txt1{ font-size: 0.24rem; line-height: 0.24rem; color: #333; padding-bottom: 0.05rem; }
.culture .conDiv li .txt2{ font-size: 14px; color: #ff9900; text-transform: uppercase; font-weight: bold; }
.culture .conDiv li .msg{ font-size: 14px; line-height: 24px; padding-top: 0.1rem;}
.culture .imgDiv img{ width: 10.8rem; }

.honor{ padding-top: 0.6rem; }
.honor .list ul{ margin-right: -0.56rem; }
.honor .list li{ float: left; width: 25%; padding-bottom: 0.6rem; }
.honor .list li .box{ margin-right: 0.56rem; border: #eee solid 1px; cursor: pointer; }
.honor .list li .imgDiv{ text-align: center; padding: 0.2rem 0.2rem 0; }
.honor .list li .imgDiv img{ max-width: 3.05rem; }
.honor .list li .name{ height: 0.74rem; line-height: 0.74rem; padding: 0 0.2rem; font-size: 14px; text-align: center; overflow: hidden; }
.honor .list li .box:hover{ box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.1); }
.honor .list li .box:hover .name{ color: #ff9900; }

.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40; background:rgba(0,0,0,0.5);}
.pic-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.pic-modal-box .main { position: relative; background: #fff; width: 700px; margin: 0 auto; padding: 60px 100px 0;}
.pic-modal-box .name { font-size: 24px; color: #313131; line-height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 30px; height: 30px; display: inline-block; background: url(../images/close2.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.pic-modal-box .close:hover { transform: rotate(-90deg);}
.pic-modal-box .pic-box { font-size: 0;}
.pic-modal-box .pic-box img { display: block; width: 320px; margin:0 auto; max-height: 70vh;}

.honorPart2{ background: #f5f5f5; padding: 1.0rem 0; }
.honorPic{ position: relative; }
.honorPic .swiper-slide .box{ background: #fff; border: #efefef solid 1px; cursor: pointer;}
.honorPic .swiper-slide .imgDiv{ padding: 0.2rem 0.24rem 0; }
.honorPic .swiper-slide .imgDiv img{ width: 100%; }
.honorPic .swiper-slide .name{ height: 0.74rem; line-height: 0.74rem; padding: 0 0.2rem; font-size: 14px; text-align: center; overflow: hidden; }
.honorPic .swiper-slide:hover .name{ color: #ff9900; }
.honorPic .prev{ z-index: 5; left: -0.8rem; position: absolute; display: block; background: url(../images/nimg50_left2.png) center no-repeat; background-size: 0.5rem; width: 0.5rem; height: 0.5rem; top: 50%; margin-top: -0.25rem;} 
.honorPic .next{ z-index: 5; right: -0.8rem; position: absolute; display: block; background: url(../images/nimg50_right2.png) center no-repeat; background-size: 0.5rem; width: 0.5rem; height: 0.5rem; top: 50%; margin-top: -0.25rem;} 
.honorPic .prev:hover{ background: url(../images/nimg50_lefton.png) center no-repeat; background-size: 0.5rem;}
.honorPic .next:hover{ background: url(../images/nimg50_righton.png) center no-repeat; background-size: 0.5rem;}

.tu-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40; background:rgba(0,0,0,0.5);}
.tu-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-sizing:border-box;
}
.tu-modal-box .main { position: relative; background: #fff; width: 800px; margin: 0 auto; padding: 60px 100px 0;}
.tu-modal-box .name { font-size: 24px; color: #313131; line-height: 120px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tu-modal-box .close { position: absolute; right: 18px; top: 18px; z-index: 10; width: 24px; height: 26px; display: inline-block; background: url(../images/close2.png) no-repeat; background-size: contain; transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.tu-modal-box .close:hover { transform: rotate(-90deg);}
.tu-modal-box .pic-box { font-size: 0; margin: 0 auto; text-align: center;}
.tu-modal-box .pic-box img { width: 100%; }

.history{ padding-top: 0.6rem; }
.history .mxfDiv{ background: #f5f5f5; height: 5.0rem; position: relative; padding: 0 0.6rem 0 6.5rem; overflow: hidden; }
.history .leftImg{ position: absolute; left: 0; top: 0; }
.history .leftImg img{ width: 5.9rem; }
.history .rightDiv{ padding-top: 0.6rem; }
.history .box-container{ height: 55px; position: relative; }
.history .box-container:before{ content: ''; position: absolute; left: 0; bottom: 7px; width: 100%; height: 3px; background: #d6d6d6; }
.history .box-container:after{ content: ''; position: absolute; right: 0; bottom: 2px; width: 6px; height: 13px; background: url(../images/nimg6Bg.jpg) center no-repeat;}
.history .box-container .swiper-slide{ cursor: pointer; position: relative; z-index: 1; height: 55px; text-align: center; color: #999; font-size: 24px; line-height: 24px; background: url(../images/ico1.png) center bottom no-repeat;}
.history .box-container .swiper-slide-active{ font-weight: bold; color: #ff9900; background: url(../images/ico1on.png) center bottom no-repeat;}
.history .detail-box{ padding-top: 0.6rem; }
.history .year{ font-size: 0.3rem; line-height: 0.3rem; color: #333; -webkit-animation: am_top 0.8s ease-in-out 0.4s backwards;}
.history .content{ padding-top: 0.3rem; font-size: 14px; line-height: 28px; -webkit-animation: am_top 0.8s ease-in-out 0.8s backwards; }
.history .box-container .prev { opacity:0; visibility:hidden; position: absolute; left: -25px; top: 20px; cursor: pointer; width: 50px; height: 50px; overflow: hidden; background: rgba(0,0,0,0.6); border-radius:50%; z-index: 5; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.history .box-container .next { opacity:0; visibility:hidden; position: absolute; right: -25px; top: 20px; cursor: pointer; width: 50px; height: 50px; overflow: hidden; background: rgba(0,0,0,0.6); border-radius:50%; z-index: 5;transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.history .box-container .prev:before{ content:''; position:absolute; left:50%; top:50%; margin-left:-3px; margin-top:-4px; width:5px; height:8px; background:url(../images/nimg5_lefton.png) no-repeat;}
.history .box-container .next:before{ content:''; position:absolute; left:50%; top:50%; margin-left:-3px; margin-top:-4px; width:5px; height:8px; background:url(../images/nimg5_righton.png) no-repeat;}
.history .box-container .swiper-btn:hover{ background: #ff9900;}
.history .box-container .swiper-btn.on{ opacity:1; visibility:visible;}

.history .detail-box .list .item {
  display: none;
  position: relative;
}
.history .detail-box .list .item.on {
  display: block;
  animation: fadeOfOpacity .5s linear;
}

@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,50px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

.pageTitle .tab2{ position: absolute; right: 0; bottom: 0; }
.pageTitle .tab2 li{ float: left; margin-left: 20px; width: 116px; height: 36px; border-radius: 24px; border: #ff9900 solid 2px; text-align: center; line-height: 36px; color: #ff9900; font-weight: bold; font-size: 14px; }
.pageTitle .tab2 .liNow{ background: #ff9900; color: #fff; }

.partner{ padding-top: 0.6rem; }
.partner .list{ position: relative;  }
.partner .list:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #ececec; }
.partner .list:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ececec; }
.partner .list li{ float: left; width: 20%; height: 1.7rem; line-height: 1.7rem; text-align: center; position: relative; cursor: pointer; z-index: 1;}
.partner .list li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ececec; }
.partner .list li img{ width: 2.5rem; }
.partner .list li:hover{ box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.1); }

.party{ padding-bottom: 0.5rem; }
.party .list li{ padding-top: 0.5rem; border-bottom: #dfdfdf solid 1px; height: 1.25rem; }
.party .list li a{ display: block; padding-left: 1.55rem; height: 1.25rem; position: relative; }
.party .list li .time{ position: absolute; left: 0; top: 0; font-size: 0.3rem; line-height: 0.3rem; color: #999; height: 0.72rem; width: 1.36rem; }
.party .list li .time:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0.38rem; height: 0.3rem; background: url(../images/nimg14_1.png) center no-repeat;}
.party .list li .time:before{ content: ''; position: absolute; right: 0; top: 0.14rem; width: 0.4rem; height: 1px; background: #dfdfdf; }
.party .list li .name{ height: 0.32rem; line-height: 0.32rem; color: #333; font-weight: bold; font-size: 18px; overflow: hidden; }
.party .list li .content{ font-size: 14px; color: #7b7b7b; height: 48px; line-height: 24px; overflow: hidden; padding-top: 0.15rem; }
.party .list li a:hover .time{ color: #ff9900; }
.party .list li a:hover .time:after{ background: #ff9900 url(../images/nimg14_1on.png) center no-repeat;}
.party .list li a:hover .name{ color: #ff9900; }

.sideDiv{ position: relative; }
.sideDiv .imgDiv img{ width: 100%; }
.sideDiv .layer{ position: absolute; left: 0.35rem; top: 0.4rem; color: #fff; }
.sideDiv .wen{ line-height: 0.48rem; font-size: 0.48rem; }
.sideDiv .msg{ font-size: 18px; line-height: 30px; padding-top: 0.3rem; }

.business .leftDiv{ width: 6.5rem; padding-top: 1.3rem; }
.business .content{ padding-top: 0.5rem; font-size: 14px; line-height: 30px; }
.business .rightDiv{ width: 7.8rem; }
.businessPic .swiper-slide img{ width: 7.8rem; }
.businessPic .swiper-button-prev{ position: absolute; left: auto; top: auto; bottom: 20px; right: 76px; width: 36px; height: 36px; background: #f3f3f3 url(../images/nimg5_left.png) center no-repeat;}
.businessPic .swiper-button-next{ position: absolute; top: auto; bottom: 20px; right: 20px; width: 36px; height: 36px; background: #f3f3f3 url(../images/nimg5_right.png) center no-repeat;}
.businessPic .swiper-button-prev:hover{ background: #ff9900 url(../images/nimg5_lefton.png) center no-repeat;}
.businessPic .swiper-button-next:hover{ background: #ff9900 url(../images/nimg5_righton.png) center no-repeat;}

.news .list{ padding-top: 0.6rem; }
.news .list ul{ margin-right: -0.6rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem;}
.news .list li .box{ margin-right: 0.6rem; }
.news .list li .imgDiv{ overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .botDiv{ padding: 0.35rem 0 0.55rem; border-bottom: #ececec solid 1px; }
.news .list li .name{ height: 30px; line-height: 30px; color: #333; overflow: hidden; font-weight: bold; font-size: 18px; }
.news .list li .content{ padding-top: 0.25rem; font-size: 14px; height: 60px; line-height: 30px; overflow: hidden; color: #7b7b7b; }
.news .list li .time{ margin-top: 0.3rem; font-size: 14px; color: #999; background: url(../images/nimg10_1on.png) right center no-repeat; }
.news .list li .box:hover .name{ color: #ff9900; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.newShow .name{ font-size: 0.3rem; line-height: 0.5rem; color: #333; padding-bottom: 0.1rem; }
.newShow .time{ font-size: 14px; color: #999; padding-bottom: 0.6rem; border-bottom: #ececec solid 1px; }
.newShow .time em{ padding-right: 20px; }
.newShow .content{ font-size: 14px; padding: 0.5rem 0; line-height: 30px; }
.newShow .imgDiv{ padding: 0.45rem 0; text-align: center;}
.newShow .imgDiv img{ max-width: 10.4rem; }

.sideNews{ background: #f5f5f5; padding: 0.3rem 0 0.3rem 0.3rem; }
.sideNews .title{ font-size: 20px; color: #000; font-weight: bold; line-height: 20px; padding-bottom: 30px; }
.sideNews .list{ padding-right:0.3rem; height:8.0rem; overflow:auto;}
.sideNews .list::-webkit-scrollbar { width: 4px;}
.sideNews .list::-webkit-scrollbar-track { background-color: #e2e2e2;}
.sideNews .list::-webkit-scrollbar-thumb { background-color: #ff9900;}
.sideNews .list li{ margin-bottom: 0.3rem; border-bottom: #dfdfdf solid 1px; }
.sideNews .list li:last-child{ margin-bottom:0;}
.sideNews .list li .imgDiv{ overflow: hidden; }
.sideNews .list li .imgDiv img{ width: 100%; }
.sideNews .list li .name{ padding: 0.2rem 0; font-size: 16px; color: #333; line-height: 30px; }
.sideNews .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.sideNews .list li:hover .name{ color: #ff9900; }
.sideNews .share{ padding-bottom: 30px; padding-top:30px; padding-right:0.3rem; }
.sideNews .share li{ float: left; margin-right: 20px; }
.sideNews .share li a{ display: block; width: 38px; height: 38px; border: #cfcfcf solid 1px; border-radius: 50%; text-align: center; line-height: 38px; }
.sideNews .share li .img1{ display: none; }
.sideNews .share li a:hover{ border: #ff9900 solid 1px; background: #ff9900; }
.sideNews .share li a:hover img{ display: none; }
.sideNews .share li a:hover .img1{ display: inline-block; }
.sideNews .returnBtn{ padding-right:0.3rem;}
.sideNews .returnBtn a{ display: block; width: 100%; background: #ff9900; height: 0.6rem; line-height: 0.6rem; color: #fff; font-size: 16px; text-align: center; }
.sideNews .returnBtn img{ padding-left: 20px; }

.case{ padding-top: 0.6rem; }
.case .list ul{ margin-right: -0.6rem; }
.case .list li{ float: left; width: 33.33%; margin-bottom: 0.42rem; overflow: hidden; }
.case .list li:first-child{ width: 66.65%; }
.case .list li .box{ position: relative; margin-right: 0.6rem; overflow: hidden;}
.case .list li a{ display: block; width: 100%; height: 100%; }
.case .list li a:after{ content: ''; position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1; }
.case .list li a:before{ content: ''; position: absolute; right: 0.5rem; bottom: 0.5rem; opacity: 0; width: 10px; height: 10px; background: url(../images/nimg10_1.png) no-repeat; z-index: 2; }
.case .list li .imgDiv img{ width: 100%; }
.case .list li .name{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 1.22rem; background: url(../images/bg1.png) repeat-x; }
.case .list li .name p{ padding: 0 0.3rem; font-size: 0.18rem; color: #fff; font-weight: bold; position: absolute; bottom: 0.25rem; height: 0.3rem; line-height: 0.3rem; overflow: hidden; }
.case .list li .name2{ position: absolute; z-index: 2; left: 0.5rem; top: -0.5rem; color: #fff; font-weight: bold; font-size: 0.24rem; height: 0.36rem; line-height: 0.36rem; overflow: hidden;}
.case .list li:first-child .name p{ font-size: 0.24rem; font-weight: 400; }
.case .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.case .list li .box:hover a:after, .case .list li .box:hover a:before{ opacity: 1; }
.case .list li .box:hover .name{ opacity: 0; }
.case .list li .box:hover .name2{ top: 0.45rem; }

.caseShow .name{ font-size: 0.3rem; line-height: 0.3rem; color: #333; padding-bottom: 0.1rem; }
.caseShow .time{ font-size: 14px; color: #999; padding-bottom: 0.6rem; }
.caseShow .time em{ padding-right: 20px; }
.caseShow .msgList{ padding: 0.6rem 0; border-bottom: #ececec solid 1px; }
.caseShow .msgList li{ float: left; width: 25%; text-align: center; }
.caseShow .msgList li p{ font-size: 14px; padding-bottom: 16px; }
.caseShow .msgList li .wen{ font-size: 24px; line-height: 24px; color: #333; font-weight: bold; font-family:bold;}
.caseShow .msgList li:first-child .wen{ font-size: 20px;  }
.caseShow .title{ padding: 0.6rem 0 0.25rem; font-size: 18px; line-height: 18px; color: #333; font-weight: bold;  }
.caseShow .content{ font-size: 14px; line-height: 30px; }

.casePic{ position: relative; }
.casePic .imgDiv img { width: 100%;}
.casePic .num{ position: absolute; left: 0.5rem; bottom: 0.5rem; font-size: 24px; line-height: 24px; text-align: left; z-index: 2; color: #fff; } 
.casePic .num span{ font-size: 14px;}
.casePic .swiper-button-prev{ z-index: 2; position: absolute; top: auto; margin-top: 0; bottom: 0.5rem; left: auto; margin-left: 0; right: 1.3rem; width: 50px; height: 50px; background: url(../images/nimg50_left.png) no-repeat; }
.casePic .swiper-button-next{ z-index: 2; position: absolute; top: auto; margin-top: 0; right: 0.5rem; bottom: 0.5rem; margin-right: 0; width: 50px; height: 50px; background: url(../images/nimg50_right.png) no-repeat; }
.casePic .swiper-button-prev:hover{ background: url(../images/nimg50_lefton.png) no-repeat;}
.casePic .swiper-button-next:hover{ background: url(../images/nimg50_righton.png) no-repeat;}

.hollow{ padding-top: 0.6rem; }
.hollow .wen{ color: #333; padding-bottom: 0.3rem; border-bottom: #ececec solid 1px; font-weight: bold; font-size: 18px; line-height: 18px; }
.hollow .conDiv{ padding: 30px 0; font-size: 14px; line-height: 30px;}
.hollow .conDiv .txt{ color: #ff9900; font-weight: bold; padding-bottom: 15px; }
.hollow .conDiv .content{ padding-bottom: 20px; }
.hollow .conDiv .content p{ padding-bottom: 15px; }
.hollow .conDiv .imgDiv{ padding-bottom: 30px; }
.hollow .conDiv .imgDiv2{ text-align: center; }
.hollow .conDiv .imgDiv img{ max-width: 10.4rem; }
.hollow .conDiv em{ display: block; text-align: center; }

.concept .leftDiv{ width: 6.5rem; padding-top: 0.6rem;}
.concept .msgList{ padding-top: 0.55rem; }
.concept .msgList li{ padding-bottom: 0.5rem; }
.concept .msgList li .wen{ font-weight: bold; font-size: 0.18rem; line-height: 0.18rem; color: #333; padding-bottom: 0.2rem; }
.concept .msgList li .content{ font-size: 14px; line-height: 30px; }
.concept .rightDiv{ width: 7.8rem; overflow:hidden; }
.concept .rightDiv img{ width: 7.8rem; }

.job{ padding-top: 0.6rem; }
.jobTop{ height: 66px; background: #ff9900; overflow: hidden; }
.jobTop li{ float: left; height: 66px; line-height: 66px; font-size: 18px; color: #fff; font-weight: bold; text-align: center;}
.jobTop .li01{ width: 7.8rem; text-align: left; text-indent: 0.6rem; }
.jobTop .li02{ width: 3.4rem; }
.jobTop .li03{ width: 3.1rem; }
.job .list{ padding-bottom: 0.6rem; }
.job .list li{ position:relative; border-bottom: #d8d8d8 dashed 1px;}
.job .list li .msgDiv{ height:80px; position:relative; background:#fff;}
.job .list li .msgDiv:after{ content: ''; position: absolute; right: 0.6rem; top: 50%; width: 10px; height: 10px; margin-top: -5px; background: url(../images/nimg10_1on.png) no-repeat; }
.job .list li .msgDiv a{ display: block; height: 80px; color: #666;}
.job .list li .box{ display:none; padding: 0.6rem; background: #f5f5f5;}
.job .list li .msgDiv dd{ height:80px; float:left; line-height:80px; text-align:center; font-size:14px;}
.job .list li .msgDiv .dd01{ width: 7.8rem; text-align: left; text-indent: 0.6rem; font-size: 16px; color: #333; font-weight: bold; }
.job .list li .msgDiv .dd02{ width: 3.4rem;}
.job .list li .msgDiv .dd03{ width: 3.1rem; }
.job .list li .msgDiv.aNow{ background: #eee;}
.job .list li .msgDiv.aNow:after{ background: url(../images/nimg10_2.png) no-repeat; }
.job .list li .msgDiv.aNow .dd01{ color: #ff9900; }
.job .list li h2{ font-size: 16px; line-height: 16px; padding-bottom: 20px; color: #323333;}
.job .list li .content{ line-height:30px; padding-bottom: 0.5rem; font-size:14px;}
.job .list li .formDiv{ border-top: #d8d8d8 dashed 1px; padding-top: 0.5rem; }
.job .list li .form{ padding-top: 10px; }
.job .list li .form dl{ margin-right: -0.4rem; }
.job .list li .form dd{ float: left; width: 25%; padding-bottom: 0.3rem; }
.job .list li .form dd .rbox{ margin-right: 0.4rem; position: relative; border: #dfdfdf solid 1px; padding-left: 0.2rem; height: 0.48rem; line-height: 0.48rem; background: #fff; }
.job .list li .form dd .input1{ width: 100%; height: 0.48rem; font-size: 14px; line-height: 0.48rem; }
.job .list li .btnGroup dd{ float: left; margin-right: 0.3rem; }
.job .list li .btnGroup dd a{ display: block; width: 120px; height: 45px; background: #ff9900; color: #fff; text-align: center; line-height: 45px; font-size: 14px; }

.contact{ padding-top: 0.6rem; }
.contact .tips{ font-size: 14px; padding-bottom: 0.6rem; }
.contact .mxfDiv{ background: #f5f5f5; padding: 0 10.8rem 0 0.5rem; position: relative; height: 5.5rem; }
.contact .conDiv{ padding-top: 0.5rem; padding-right: 0.4rem;}
.contact .name{ font-size: 0.24rem; color: #333; line-height: 0.24rem; font-weight: bold; padding-bottom: 0.3rem; border-bottom: #dfdfdf solid 1px; }
.contact .msgList{ padding-top: 0.25rem; }
.contact .msgList li{ position: relative; padding-left: 30px; font-size: 14px; line-height: 28px; padding-bottom: 0.18rem; }
.contact .msgList li img{ position: absolute; left: 0; top: 8px; }
.contact .ewm img{ border: #dfdfdf solid 1px; }
.contact .mapDiv{ height: 5.5rem; width: 10.8rem; position: absolute; right: 0; top: 0;}

.contactPart2{ padding: 1.0rem 0; background: #f5f5f5;}
.lyb{ padding-top: 0.5rem; }
.lyb .tips{ font-size: 14px; padding-bottom: 0.6rem; }
.lyb .leftDiv{ width: 5.15rem; }
.lyb .leftDiv li{ line-height: 0.58rem; margin-bottom: 0.4rem; position: relative; }
.lyb .leftDiv li:last-child{ margin-bottom: 0; }
.lyb .leftDiv .name{ position: absolute; left: 0; top: 0; padding-left: 10px; font-size: 14px; }
.lyb .leftDiv .name em{ color: #ff9900; position: absolute; left: 0; top: 0; }
.lyb .leftDiv li .input{ padding-left: 95px; }
.lyb .leftDiv li input{ width: 100%; height: 0.58rem; line-height: 0.58rem; background: #fff; border: #dfdfdf solid 1px; padding: 0 14px; box-sizing: border-box; color: #666; }
.lyb .rightDiv{ width: 9.45rem; }
.lyb .rightDiv .box{ padding-left: 85px; position: relative; }
.lyb .rightDiv .name{ font-size: 14px; position: absolute; left: 0; top: 0.2rem; }
.lyb .rightDiv textarea{ width: 100%; height: 2.58rem; resize: none; background: #fff; border: #dfdfdf solid 1px; box-sizing: border-box; padding: 24px; font-size: 14px; color: #999; }
.lyb .rightDiv .btn{ overflow: hidden; padding: 0.4rem 0 0 0.85rem; }
.lyb .rightDiv .btn a{ float: left; width: 1.16rem; height: 0.4rem; border: #bdbdbd solid 2px; color: #666; font-size: 14px; display: block; text-align: center; line-height: 0.4rem; margin-right: 20px; }
.lyb .rightDiv .btn a:hover{ border: #ff9900 solid 2px; color: #ff9900; }

.siteMap li{ margin-bottom:25px; padding-bottom:20px; overflow:hidden; border-bottom:#ddd solid 1px;}
.siteMap li h2{ font-size:18px; height:42px;}
.siteMap li h2 a{ color:#ff9900;}
.siteMap li .list dd{ font-size:14px; float:left; padding-right:30px;}

.terms .title{ text-align:center; font-size:28px; color:#ff9900; padding-bottom:20px;}
.terms .content{ font-size:16px; line-height:36px;}

.friend .list ul{ margin-right:-30px;}
.friend .list li{ float:left; width:20%; margin-bottom:25px;}
.friend .list li .box{ margin-right:30px;}
.friend .list li .imgDiv{ border:#ddd solid 1px;}
.friend .list li .imgDiv img{ width:100%;}
.friend .list li .name{ height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; overflow:hidden;}
.friend .list li .box:hover .name{ color:#ff9900;}