/*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 img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; left: 0; width: 100%; bottom: 40px!important; } 
.ind-banner .swiper-pagination-bullet {width: 58px; height: 4px; opacity: 1; background: rgba(255,255,255,0.3); border-radius: 0; margin-left:5px!important; margin-right: 5px;} 
.ind-banner .swiper-pagination-bullet-active {background: rgba(255,255,255,1); } 
.ind-banner .zero{ position: absolute; left: 0; text-align: center; width: 100%; transform: translateY(-50%);  top: 50%;} 
.ind-banner .zero .limg img{ width: 5.12rem; }
.ind-banner .one{ position: absolute; left: 0; text-align: center; width: 100%; transform: translateY(-50%);  top: 50%;} 
.ind-banner .one .limg img{ width: 7.01rem; }
.ind-banner .two{ position: absolute; left: 60%; margin-left: -7.68rem; transform: translateY(-50%);  top: 70%;} 
.ind-banner .two .limg img{ width: 6.45rem; }
.ind-banner .two .limg h1{ color:#f4a113; font-size:50px; margin-bottom:10px; letter-spacing:6px;margin-top:100px;}
.ind-banner .two .limg h1 span{font-family:gothicb; font-size:80px; color:#e1410f}
.ind-banner .two .limg h2{ color:#fff; font-size:30px; letter-spacing:3px}
.ind-banner .two .limg h3{ color:#fff; font-size:28px; opacity:0.2;font-family:gothicb; text-transform:uppercase; }
.ind-banner .two .limg p{ color:#000; font-size:16px;letter-spacing:2px; font-weight:bold}
.ind-banner .swiper-button-prev{ left: 2%; margin-top: -24px; width: 48px; height: 48px; border-radius: 50%; background: rgba(0,0,0,0.1); overflow: hidden;} 
.ind-banner .swiper-button-next{ right: 2%; margin-top: -24px; width: 48px; height: 48px; border-radius: 50%; background: rgba(0,0,0,0.1); overflow: hidden; } 
.ind-banner .swiper-button-prev:before{ content: ''; width: 7px; height: 11px; background: url(../images/nimg7_left.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -6px; }
.ind-banner .swiper-button-next:before{ content: ''; width: 7px; height: 11px; background: url(../images/nimg7_right.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -6px; }
.ind-banner .swiper-button-prev:after{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 48px; background: #272727; z-index: -1; }
.ind-banner .swiper-button-next:after{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 48px; background: #272727; z-index: -1; }
.ind-banner .swiper-button-prev:hover:after{ width: 100%; }
.ind-banner .swiper-button-next:hover:after{ width: 100%; }
/*banner结束*/

.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{position:absolute; z-index:10; left:0px; bottom:0.3rem; width:100%; text-align:center;}
.indexFlashTel .slick-dots li{display:inline-block; width:0.9rem; height:0.04rem; margin: 0 0.05rem; background:rgba(255,255,255,0.3); cursor:pointer;}
.indexFlashTel .slick-dots .slick-active{ background: #fff;}

.indexTitle .title1{ font-size: 0.36rem; line-height: 0.36rem; color: #fff; }
.indexTitle .title2{ font-size: 14px; color: #767676; padding-top: 0.2rem; font-weight: bold; text-transform: uppercase;font-family:gothicb}

.indexPart1{ padding: 0.6rem 0; }
.indexPart1 .leftDiv, .indexPart1 .rightDiv{ width: 50%; }
 .indexPart1 .rightDiv video{ height:5.56rem; }
.indexPart1 .rightDiv .videoDiv{ background:#000;}
.indexPart1 .toptop, .indexPart1 .botbot{ overflow: hidden; }
.indexPart1 .toptop .mxfDiv{ position: relative; left: 0; padding: 0.35rem 1.2rem 0 0.75rem; }
.indexPart1 .toptop .mxfDiv:hover{ left: -0.2rem;}
.indexPart1 .toptop .txt{ font-size: 0.24rem; line-height: 0.3rem; padding: 0.2rem 0 0.25rem; color: #fff; }
.indexPart1 .toptop .content{ font-size: 14px; color: #f7f7f7; line-height: 24px; }
.indexPart1 .toptop .btnDiv{ padding-top: 0.3rem; }
.indexPart1 .toptop .btnDiv a{ display: block; position: relative; width: 1.72rem; text-transform: uppercase; text-align: center; height: 0.56rem; line-height: 0.56rem; border: #fff solid 1px; font-weight: bold; font-size: 14px; color: #fff; font-family:gothicb}
.indexPart1 .toptop .btnDiv a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: #fff; z-index: -1; }
.indexPart1 .toptop .btnDiv a:hover{ color: #272727; }
.indexPart1 .toptop .btnDiv a:hover:after{ height: 100%; }
.indexPart1 .videoDiv{ position: relative; }
.indexPart1 .videoDiv .bg img{ width: 100%; }
.indexPart1 .videoDiv .ico{ position: absolute; left: 50%; margin-left: -0.35rem; top: 50%; margin-top: -0.35rem; }
.indexPart1 .videoDiv .ico img{ width: 0.7rem; }
.indexPart1 .videoDiv .ico .bj{ position: absolute; left: 0; top: 0; }
.indexPart1 .videoDiv .ico .img_rotate{  -moz-animation:rotate 5s infinite linear;  -webkit-animation:rotate 5s infinite linear;  animation:rotate 5s infinite linear; }

@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(360deg);  } }

.coreDiv{ position: relative; }
.coreDiv .bg img{ width: 100%; }
.coreDiv .layer{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; }
.coreDiv .mxfDiv{ padding: 0 0.7rem 0 0.75rem; position: relative; left: 0;}
.coreDiv:hover .mxfDiv{ left: -0.2rem;}
.coreDiv .txt1{ padding-top: 0.4rem; font-size: 0.24rem; line-height: 0.24rem; color: #fefefe; }
.coreDiv .txt2{ padding-top: 0.1rem; font-size: 14px; color: #fff; text-transform: uppercase;font-family:gothicb; }
.coreDiv .name{ padding-top: 0.3rem; font-size: 0.3rem; line-height: 0.3rem; color: #fff; }
.coreDiv .msg{ height: 0.61rem; line-height: 0.61rem; font-size: 14px; color: #fff; background:url(../images/nimg61_1.png) no-repeat right center; background-size: 0.6rem; }

.missionDiv{ padding: 0 0.55rem 0 0.9rem; }
.missionDiv .mxfDiv{ position: relative; right: 0; }
.missionDiv .txt{ padding-top: 0.6rem; font-size: 0.4rem; line-height: 0.4rem; color: #c2c6cc; font-family:gothicb; text-transform: uppercase; }
.missionDiv .name{ padding-top: 0.2rem; font-size: 0.15rem; line-height: 0.3rem; color: #fff; }
.missionDiv .msg{ height: 0.61rem; line-height: 0.61rem; font-size: 12px; color: rgba(255,255,255,0.5); background:url(../images/nimg61_2.png) no-repeat right center; background-size: 0.6rem;  font-family:gothicb;}
.missionDiv:hover .mxfDiv{ right: -0.2rem;}

.indexPart2{ padding-bottom: 0.6rem; }
.indexPart2 .indexTitle{ padding-bottom: 0.3rem; }
.indexPart2 .list li{ float: left; width: 25%; position: relative; }
.indexPart2 .list li a{ display: block; width: 100%; height: 100%;}

.indexPart2 .list li a:before{ content: ''; position: absolute; right: 0; top: 0; background: rgba(0,13,21,0.7); width: 100%; height: 100%; z-index: 1;}
.indexPart2 .list li .imgDiv img{ width: 100%; }
.indexPart2 .list li .layer{ position: absolute; top: 0.98rem; left: 0.68rem; z-index: 2; }
.indexPart2 .list li:hover a:before{ width:0; }
.indexPart2 .list li .ico{  overflow: hidden; margin-bottom:30px }
.indexPart2 .list li .ico i{ position: absolute; left: 0; top: 0; color:#fff; font-size:40px }
.indexPart2 .list li:hover .ico i{ color: #21b4b8 }
.indexPart2 .list li .name{ padding-top: 0.45rem; font-size: 24px; color: #fff; font-weight: bold;}
.indexPart2 .list li .name2{ padding-top: 0.35rem; height: 1.6rem; font-size: 16px; color: rgba(255,255,255,0.3); line-height: 20px; font-family:gothicb; text-transform: uppercase; }
.indexPart2 .list li .name2:after{ content: ''; width: 17px; height: 17px; background:url(../images/nimg17_1.png) no-repeat center; position: absolute; left: 0; bottom: 0;}
.indexPart2 .list li:hover .ico .img1{ opacity: 0; }
.indexPart2 .list li:hover .ico .img2{ opacity: 1; }
.indexPart2 .list li:hover .name{ color: #272727; }
.indexPart2 .list li:hover .name2{ color: rgba(43,43,43,0.3);}
.indexPart2 .list li:hover .name2:after{ background:url(../images/nimg17_1on.png) no-repeat center;}
.indexPart2 .list li:nth-child(1):hover .name{ color:#fff;}
.indexPart2 .list li:nth-child(1):hover .name2{ color: rgba(255,255,255,0.3);}
.indexPart2 .list li:nth-child(2):hover .name{ color:#fff;}
.indexPart2 .list li:nth-child(2):hover .name2{ color: rgba(255,255,255,0.9);}

.indexPart3{ position: relative; overflow: hidden; padding-bottom: 0.6rem;}
.indexPart3 .indexTitle{ position: absolute; left: 50%; margin-left: -7.68rem; top: 0; z-index: 1; }
.indexPart3 .rightImg{ width: 50%; /*-webkit-animation: am_left 0.4s ease 0.2s backwards;*/ }
.indexPart3 .rightImg img{ width: 100%; }
.indexPart3 .leftDiv{ position: absolute; left: 50%; margin-left: -7.68rem; top: 0; padding-top: 2.6rem; }

.cou_conBlock{ position: relative; overflow: hidden; }
.cou_ul{ position: absolute; left: 50%; top: 1.6rem; margin-left: -7.68rem; width: 5.52rem; overflow: hidden; }
.cou_ul .swiper-slide .name{ display: inline-block; font-size: 0.18rem; color: #909090; position: relative; height: 0.32rem; cursor: pointer; }
.cou_ul .swiper-slide .name:after{ content: ''; width: 0; height: 0.03rem; position: absolute; left: 0; bottom: 0; background: #fff; }
.cou_ul .swiper-slide.swiper-slide-active .name{ color: #fff; font-weight: bold; }
.cou_ul .swiper-slide.swiper-slide-active .name:after{ width: 100%; }

.cou_liBl .mxfDiv{ width: 6.32rem; height: 3.0rem; position: relative; }
.cou_liBl .mxfDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.52rem; height: 0.48rem; background:url(../images/nimg52_1.png) no-repeat center; background-size: 0.52rem; }
.cou_liBl .mxfDiv:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 0.52rem; height: 0.48rem; background:url(../images/nimg52_2.png) no-repeat center; background-size: 0.52rem; }
.cou_liBl .name{ padding: 0.75rem 0 0.35rem; font-weight: bold; font-size: 0.36rem; color: #fff; -webkit-animation: am_top 0.4s ease-in-out 0.4s backwards; }
.cou_liBl .content{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; height: 0.6rem; overflow: hidden; padding-right: 1.0rem; -webkit-animation: am_top 0.4s ease-in-out 0.8s backwards; }
.cou_liBl .btnDiv{ padding-top: 0.35rem; -webkit-animation: am_top 0.4s ease-in-out 1.2s backwards;}
.cou_liBl .btnDiv a{ display: block; position: relative; width: 1.72rem; text-transform: uppercase; text-align: center; height: 0.56rem; line-height: 0.56rem; border: #fff solid 1px; font-weight: bold; font-size: 14px; color: #fff; }
.cou_liBl .btnDiv a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: #fff; z-index: -1; }
.cou_liBl .btnDiv a:hover{ color: #272727; }
.cou_liBl .btnDiv a:hover:after{ height: 100%; }

.In92_left { position: absolute; z-index: 2; left: 50%; margin-left: 50px; bottom: 40px; cursor: pointer; width: 49px; height: 49px; overflow: hidden; background: url(../images/nimg49_left.png) no-repeat center;}
.In92_right { position: absolute; z-index: 2; left: 50%; margin-left: 150px; bottom: 40px; cursor: pointer; width: 49px; height: 49px; overflow: hidden; background: url(../images/nimg49_right.png) no-repeat center;}
.In92_left:hover{ background: url(../images/nimg49_lefton.png) no-repeat center;} 
.In92_right:hover{ background: url(../images/nimg49_righton.png) no-repeat center;}
@-webkit-keyframes am_left
{
    0%{ -webkit-transform:translate(50px,0px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}
@-webkit-keyframes am_right
{
    0%{ -webkit-transform:translate(-50px,0px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}
@-webkit-keyframes am_top
{
    0%{ -webkit-transform:translate(0,50px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}
@-webkit-keyframes am_bot
{
    0%{ -webkit-transform:translate(0,-50px);opacity:0}
    100%{ -webkit-transform:translate(0,0px);opacity:1}
}

.indexPart4{ position: relative; }
.indexPart4 .indexTitle{ position: absolute; left: 50%; margin-left: -7.68rem; top: 0.95rem; z-index: 1; }
.indexPart4 .indexTitle .title2{ color: #fff;  }
.indexPart4 .bigImg img{ width: 100%; }
.indexPart4 .tab{ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 0.2rem; z-index: 1; width: 15.36rem; }
.indexPart4 .tab ul{ margin-right: -0.14rem; }
.indexPart4 .tab li{ float: left; width: 25%; }
.indexPart4 .tab li .lbox{ margin-right: 0.14rem; background: rgba(0,0,0,0.5); height: 1.6rem; position: relative; padding: 0 0.2rem 0 2.24rem; }
.indexPart4 .tab li .imgDiv{ position: absolute; left: 0.3rem; top: 50%; margin-top: -0.45rem; }
.indexPart4 .tab li .imgDiv img{ width: 1.79rem; }
.indexPart4 .tab li .name{ font-size: 0.18rem; line-height: 0.28rem; color: #fff; padding-top: 0.45rem; }
.indexPart4 .tab li .msg{ color: rgba(255,255,255,0.3); padding-top: 0.05rem; }
.indexPart4 .tab .liNow .lbox{ background: #fff; }
.indexPart4 .tab .liNow .name{ color: #000; }
.indexPart4 .tab .liNow .msg{ color: rgba(0,0,0,0.3); }

.indexPart4Tel .indexTitle{ padding-left: 0.2rem; padding-bottom: 0.65rem; }
.indexCase .slick{ position: relative; }
.indexCase .slick .imgDiv img{ width: 100%; }
.indexCase .slick .layer{ position: absolute; left: 0.2rem; bottom: 0.2rem; }
.indexCase .slick .name{ font-weight: bold; font-size: 0.36rem; padding-bottom: 0.1rem; color: #fff; }
.indexCase .slick .msg{ font-size: 0.24rem; color: rgba(255,255,255,0.3); }
.indexCase .slick-prev{ z-index: 1; position: absolute; left: 0.2rem; top: 50%; width: 0.64rem; height: 0.64rem; margin-top: -0.32rem; background: url(../images/nimg48_left.png) no-repeat center; background-size: 0.64rem; }
.indexCase .slick-next{ z-index: 1; position: absolute; right: 0.2rem; top: 50%; width: 0.64rem; height: 0.64rem; margin-top: -0.32rem; background: url(../images/nimg48_right.png) no-repeat center; background-size: 0.64rem; }

.indexPart5{ padding: 0.6rem 0; }
.indexPart5 .wal2{ position: relative; }
.indexPart5 .tab{ position: absolute; right: 0; top: 0; }
.indexPart5 .tab li{ float: left; margin-left: 0.35rem; font-size: 14px; color: #909090; height: 0.3rem; position: relative; }
.indexPart5 .tab li:after{ content: ''; width: 0; height: 0.03rem; background: #dadada; position: absolute; left: 0; bottom: 0; }
.indexPart5 .tab .liNow{ color: #fff; }
.indexPart5 .tab .liNow:after{ width: 100%; }
.indexPart5 .list{ padding-top: 0.3rem; overflow: hidden;}
.indexPart5 .list ul{ margin-right: -1.6rem; }
.indexPart5 .list li{ float: left; width: 33.33%; }
.indexPart5 .list li .lbox{ margin-right: 1.2rem;}
.indexPart5 .list li .time{ font-size: 14px; font-family:gothicb; color: #666;}
.indexPart5 .list li .time em{ padding-right: 0.35rem; font-size: 0.48rem; line-height: 0.48rem; background:url(../images/line1.png) no-repeat right 0.28rem; background-size: 0.22rem; }
.indexPart5 .list li .name{ padding-top: 0.3rem; line-height: 0.36rem; font-size: 0.3rem; color: #fff; height: 0.72rem; overflow: hidden;}
.indexPart5 .list li .imgDiv{ position: absolute; left: 0; bottom: 0; display: none; z-index: 1;}
.indexPart5 .list li .imgDiv img{ width: 4.24rem; }
.indexPart5 .list li .botbot{ margin-top: 0.25rem; position: relative; height: 2.75rem; }
.indexPart5 .list li .content{ font-size: 14px; color: #fff; line-height: 30px; padding-right: 30px; }
.indexPart5 .list li .btnDiv{ position: absolute; left: 0; bottom: 0; z-index: 2; border: rgba(255,255,255,1) solid 1px; width: 1.72rem; height: 0.56rem; line-height: 0.56rem; text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.indexPart5 .list li:hover .btnDiv{ border: rgba(0,0,0,0.6) solid 1px; background: rgba(0,0,0,0.6);}

.indexPart5Tel{ padding: 0.7rem 0.2rem 1.0rem; position: relative; }
.indexPart5Tel .btn{ padding: 0.5rem 0;}
.indexPart5Tel .btn li { margin-right: 0.35rem; height: 0.42rem; position: relative; font-size: 0.24rem; color: #909090; float: left; cursor: pointer; }
.indexPart5Tel .btn li:after{ content: ''; width: 100%; height: 0.03rem; position: absolute; left: 0; bottom: 0; background: #dadada; display: none; }
.indexPart5Tel .btn li.on { color: #fff; }
.indexPart5Tel .btn li.on:after{ display: block; }
.indexPart5Tel .lifeList{ margin: 0 0.5rem; overflow: hidden;}
.indexPart5Tel .list{ padding-bottom: 1.2rem; position: relative; }
.indexPart5Tel .time{ font-size: 14px; font-family:gothicb; color: #666;}
.indexPart5Tel .time em{ padding-right: 0.45rem; font-size: 0.48rem; line-height: 0.48rem; background:url(../images/line1.png) no-repeat right 0.28rem; background-size: 0.22rem; }
.indexPart5Tel .name{ padding-top: 0.3rem; line-height: 0.42rem; font-size: 0.3rem; color: #fff; height: 0.42rem; overflow: hidden;}
.indexPart5Tel .content{ font-size: 0.24rem; color: #666; line-height: 0.42rem; height: 0.84rem; overflow: hidden; padding-top: 0.15rem; }
.indexPart5Tel .btnDiv{ margin-top: 0.6rem; border: rgba(255,255,255,1) solid 1px; width: 2.72rem; height: 0.86rem; line-height: 0.86rem; text-align: center; color: #fff; text-transform: uppercase; font-size: 0.24rem; font-weight: bold; }
.indexPart5Tel .swiper-pagination{ bottom: 0!important; }
.indexPart5Tel .swiper-pagination-bullet { opacity: 1; background: rgba(156,156,156,0.8);} 
.indexPart5Tel .swiper-pagination-bullet-active {background: #fff; } 

.aboutPart1{  padding: 1rem 0;overflow: hidden;}
.aboutPart1 .leftDiv{ width: 6.5rem; }
.aboutPart1 .name{ font-size: 0.23rem; line-height: 0.3rem; color: #f7f7f7; padding: 0.2rem 0 0.1rem;}
.aboutPart1 .txt{ font-size: 0.2rem; color: #6c6d70; text-transform: uppercase; line-height: 0.3rem; font-family:gothicb; font-weight:100}
.aboutPart1 .content{ padding-top: 0.2rem; font-size: 14px; color: #f7f7f7; line-height: 30px; padding-right: 0.8rem;}
.aboutPart1 .rightDiv{ width: 7.68rem; }
.aboutPart1 .rightDiv li{ margin-bottom: 0.1rem; cursor: pointer; }
.aboutPart1 .rightDiv li img{ width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.aboutPart1 .rightDiv li:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}

.aboutPart2{ background: #222 url(../images/aboutbg.png) center bottom no-repeat; background-size: 100%; overflow: hidden; padding-bottom: 0.95rem;}
.aboutPart2 .leftDiv{ width: 5.76rem; padding-top: 1.05rem; }
.aboutPart2 .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #848484; padding-bottom: 0.1rem; text-transform: uppercase;}
.aboutPart2 .wen{ font-size: 0.24rem; color: #f7f7f7; }
.aboutPart2 .rightImg{ width: 7.68rem; }
.aboutPart2 .rightImg img{ width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.aboutPart2 .rightImg:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}

.history{ }
.history .bigBox{ margin-top: 1.45rem; position: relative; padding: 0 1.2rem;}
.history .bigBox:before{ content: ''; position: absolute; left: 0; top: 0.56rem; width: 100%; height: 2px; background: #717171; }
.history .bigBox .prev{ z-index: 2; cursor: pointer; display: block; position: absolute; left: -0.25rem; top: 0.34rem; width: 0.49rem; height: 0.49rem; background: url(../images/nimg49_left2.jpg) center no-repeat; background-size: 0.49rem; }
.history .bigBox .next{ z-index: 2; cursor: pointer; display: block; position: absolute; right: -0.25rem; top: 0.34rem; width: 0.49rem; height: 0.49rem; background: url(../images/nimg49_right2.jpg) center no-repeat; background-size: 0.49rem; }
.historyPic{ position: relative;}
.historyPic .swiper-slide{ background: url(../images/nimg16_1.png) left 0.5rem no-repeat; background-size: 0.16rem;}
.historyPic .year{ font-size: 0.3rem; line-height: 0.3rem; height: 1.05rem; color: #fff; font-family:gothicb; }
.historyPic .msgList li{ padding-bottom: 0.36rem; }
.historyPic .msgList li .time{ font-size: 0.18rem; color: #f1f1f1; font-family:gothicb; padding-bottom: 0.05rem;}
.historyPic .msgList li .msg{ font-size: 14px; color: #f0f0f0; line-height: 24px; padding-right: 0.5rem; }

.framework{ overflow: hidden; padding-bottom: 1.15rem;}
.framework .leftDiv{ width: 4.5rem; }
.framework .leftDiv .content{ padding-top: 1.1rem; font-size: 0.18rem; color: #f7f7f7; line-height: 0.36rem; }
.framework .rightDiv{ width: 7.92rem; height: 4.27rem; position: relative; }
.framework .rightDiv .bg img{ width: 7.92rem; }
.framework .rightDiv .txt1{ position: absolute; left: 0; top: 2.33rem; width: 3.04rem; font-size: 0.22rem; line-height: 0.22rem; color: #fff; text-align: center; }
.framework .rightDiv .txt2{ position: absolute; left: 3.58rem; top: 2.33rem; width: 1.52rem; font-size: 0.22rem; line-height: 0.22rem; color: #fff; text-align: center; }
.framework .rightDiv .txt3{ position: absolute; right: 0; top: 2.33rem; width: 1.52rem; font-size: 0.22rem; line-height: 0.22rem; color: #fff; text-align: center; }
.framework .rightDiv .txt4{ position: absolute; left: 0; top: 3.6rem; width: 1.52rem; font-size: 0.16rem; line-height: 0.16rem; color: #fff; text-align: center; }
.framework .rightDiv .txt5{ position: absolute; left: 1.53rem; top: 3.6rem; width: 1.52rem; font-size: 0.16rem; line-height: 0.16rem; color: #fff; text-align: center; }
.framework .rightDiv .txt6{ position: absolute; left: 3.58rem; top: 3.6rem; width: 1.52rem; font-size: 0.16rem; line-height: 0.16rem; color: #fff; text-align: center; }
.framework .rightDiv .txt7{ position: absolute; right: 0; top: 3.6rem; width: 1.52rem; font-size: 0.16rem; line-height: 0.16rem; color: #fff; text-align: center; }

.advantagePart1{ padding: 1.3rem 0 1.2rem; border-bottom: #3c3c3c solid 1px; overflow: hidden; }
.advantagePart1 .content{ font-size: 16px; color: #f7f7f7; width: 8.55rem; line-height: 30px; }

.advantagePart2 .wal2{ overflow: hidden; padding: 0.58rem 0 0.65rem; background: url(../images/nimg898bg.png) 0.4rem bottom no-repeat; background-size: 8.98rem; }
.advantagePart2 .leftDiv{ width: 5.0rem; }
.advantagePart2 .num{ font-size: 0.72rem; line-height: 0.72rem; color: #f7f7f7; }
.advantagePart2 .C-name{ font-size: 0.3rem; line-height: 0.3rem; color: #f7f7f7; padding: 0.15rem 0; font-weight: bold;}
.advantagePart2 .E-name{ color: #373737; font-size: 0.4rem; line-height: 0.48rem; text-transform: uppercase; }
.advantagePart2 .msg{ font-size: 0.18rem; color: #f7f7f7; line-height: 0.32rem; padding-right: 0.15rem; padding-top: 0.2rem;}
.advantagePart2 .imgDiv{ padding: 0.6rem 0 0 0.68rem; }
.advantagePart2 .imgDiv img{ width: 4.16rem; }
.advantagePart2 .rightImg{ padding-right: 0.85rem; }
.advantagePart2 .rightImg img{ width: 6.72rem; }

.advantagePart3{ background: #1a1a1a; padding: 1.75rem 0 2.05rem; overflow: hidden;}
.advantagePart3 .leftDiv{ width: 4.75rem; }
.advantagePart3 .num{ font-size: 0.72rem; line-height: 0.72rem; color: #f7f7f7; }
.advantagePart3 .C-name{ font-size: 0.3rem; line-height: 0.3rem; color: #f7f7f7; padding: 0.15rem 0; font-weight: bold;}
.advantagePart3 .E-name{ color: #373737; font-size: 0.4rem; line-height: 0.48rem; text-transform: uppercase; }
.advantagePart3 .msg{ font-size: 0.18rem; color: #f7f7f7; line-height: 0.32rem; padding-right: 0.15rem; padding-top: 0.2rem;}
.advantagePart3 .midDiv{ padding-left: 1.3rem; padding-top: 0.65rem; width: 1.7rem; }
.advantagePart3 .midDiv li{ padding-bottom: 0.75rem; font-size: 14px; color: #fff; }
.advantagePart3 .midDiv li .num{ font-size: 0.36rem; line-height: 0.36rem; font-family:gothicb; }
.advantagePart3 .midDiv li .num em{ font-family: Arial; font-size: 24px; }
.advantagePart3 .rightImg{ padding: 0.38rem 0.94rem 0 0; }
.advantagePart3 .rightImg img{ width: 6.01rem; }

.advantagePart4{ padding: 0.85rem 0 1.2rem; background: #272727; }
.advantagePart4 .num{ font-size: 0.72rem; line-height: 0.72rem; color: #f7f7f7; }
.advantagePart4 .C-name{ font-size: 0.3rem; line-height: 0.3rem; color: #f7f7f7; padding: 0.15rem 0; font-weight: bold;}
.advantagePart4 .E-name{ color: #373737; font-size: 0.4rem; line-height: 0.48rem; text-transform: uppercase; }
.advantagePart4 .msg{ font-size: 0.18rem; color: #f7f7f7; line-height: 0.32rem; padding-right: 0.15rem; padding-top: 0.2rem;}
.advantagePart4 .imgDiv{ padding-top: 0.35rem; }
.advantagePart4 .imgDiv img{ width: 14.52rem; }

.advantagePart5{ background: #393939; padding: 1.45rem 0 1.8rem; overflow: hidden; }
.advantagePart5 .leftDiv{ width: 4.8rem; }
.advantagePart5 .num{ font-size: 0.72rem; line-height: 0.72rem; color: #f7f7f7; }
.advantagePart5 .C-name{ font-size: 0.3rem; line-height: 0.3rem; color: #f7f7f7; padding: 0.15rem 0 0.35rem; font-weight: bold;}
.advantagePart5 .E-name{ color: #555557; font-size: 0.3rem; line-height: 0.36rem; text-transform: uppercase; }
.advantagePart5 .msg{ font-size: 0.18rem; color: #f7f7f7; line-height: 0.32rem; padding-right: 0.15rem; padding-top: 0.2rem;}
.advantagePart5 .rightImg img{ width: 9.24rem; }

.advantagePart6 .wal2{ overflow: hidden; padding: 1.0rem 0; background: url(../images/nimg1042bg.png) 0.22rem bottom no-repeat; background-size: 10.42rem; }
.advantagePart6 .leftDiv{ width: 4.75rem; padding-top: 0.95rem; }
.advantagePart6 .num{ font-size: 0.72rem; line-height: 0.72rem; color: #f7f7f7; }
.advantagePart6 .C-name{ font-size: 0.3rem; line-height: 0.3rem; color: #f7f7f7; padding: 0.15rem 0; font-weight: bold;}
.advantagePart6 .E-name{ color: #424242; font-size: 0.4rem; line-height: 0.48rem; text-transform: uppercase; }
.advantagePart6 .msg{ font-size: 0.18rem; color: #f7f7f7; line-height: 0.32rem; padding-right: 0.15rem; padding-top: 0.35rem;}
.advantagePart6 .rightDiv{ width: 9.3rem; }
.advantagePart6 .list_l, .advantagePart6 .list_r{ width: 4.6rem; }
.advantagePart6 .list_l li{ background: rgba(0,0,0,0.6); margin-bottom: 0.1rem; height: 3.9rem; border-radius: 6px; text-align: center; color: #fff;}
.advantagePart6 .list_l .li01{ height: 3.2rem; }
.advantagePart6 .list_l li .ico{ padding: 0.6rem 0 0.15rem; }
.advantagePart6 .list_l .li01 .ico{ padding: 0.4rem 0 0.15rem; }
.advantagePart6 .list_l li .ico img{ width: 0.6rem; }
.advantagePart6 .list_l li .name{ font-size: 0.22rem; padding-bottom: 0.2rem; }
.advantagePart6 .list_l li .msg{ padding: 0 0.52rem; font-size: 0.14rem; line-height: 0.3rem; }
.advantagePart6 .list_r li{ background: rgba(0,0,0,0.6); margin-bottom: 0.1rem; height: 3.3rem; border-radius: 6px; text-align: center; color: #fff;}
.advantagePart6 .list_r .li01{ height: 3.8rem; }
.advantagePart6 .list_r li .ico{ padding: 0.45rem 0 0.15rem; }
.advantagePart6 .list_r li .ico img{ width: 0.6rem; }
.advantagePart6 .list_r li .name{ font-size: 0.22rem; padding-bottom: 0.2rem; }
.advantagePart6 .list_r li .msg{ padding: 0 0.52rem; font-size: 0.14rem; line-height: 0.3rem; }

.honor{ }
.honor .toptop{ overflow: hidden;}
.honor .content{ font-size: 16px; color: #f7f7f7;  line-height: 30px; }
.honor .list{ padding: 0.5rem 0; }
.honor .list ul{ margin-right: -0.15rem; }
.honor .list li{ float: left; width: 25%; margin-bottom: 0.2rem; }
.honor .list li .lbox{ margin-right: 0.15rem; border: #414141 solid 1px; height: 4.04rem;}
.honor .list li .imgDiv{ padding-top: 0.5rem; height:3rem; line-height: 3rem; text-align: center; position:relative}
.honor .list li .imgDiv img{ max-width: 3.26rem; max-height:3rem; position:absolute; transform:translate(-50%,-50%); top:50%}
.honor .list li .name{ padding: 0rem 0.4rem 0; font-weight: bold; font-size: 0.16rem; color: #fff; text-align: center; }

.research .part1 .leftDiv{ width: 5.12rem; }
.research .part1 .content{ padding-top: 0.6rem; font-size: 0.18rem; color: #f7f7f7; line-height: 0.36rem; }
.research .part1 .rightImg img{ width: 7.68rem; }
.research .part2 .leftDiv{ padding-top: 0.35rem; width: 5.5rem; }
.research .part2 .name{ font-size: 0.3rem; color: #fff; line-height: 0.3rem; font-weight: bold; padding-bottom: 0.25rem; }
.research .part2 .wen{ font-size: 0.4rem; color: #6c6d70; line-height: 0.48rem; text-transform: uppercase; }
.research .part2 .msg{ font-size: 0.22rem; color: #f7f7f7; padding: 0.45rem 0 0.25rem; }
.research .part2 .content{ font-size: 14px; color: #f7f7f7; line-height: 24px; padding-right: 0.35rem;}
.research .part2 .rightImg img{ width: 7.68rem; }
.research .part3{ margin-top: 0.95rem; border: #2e2e2e solid 1px; }
.research .part3 li{ float: left; width: 33.33%; height: 3.98rem; text-align: center; }
.research .part3 li .lbox{ border-right: #2e2e2e solid 1px; height: 3.98rem; }
.research .part3 li .ico{ padding: 1.02rem 0 0.25rem; }
.research .part3 li .msg{ font-size: 0.16rem; color: #f7f7f7; position: relative; height: 0.5rem;}
.research .part3 li .msg:after{ content: ''; width: 15px; height: 3px; background: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -8px; }
.research .part4{ padding: 0.95rem 0 1.3rem; overflow: hidden;}
.research .part4 .leftDiv{ width: 5.2rem; }
.research .part4 .name{ font-size: 0.3rem; color: #fff; line-height: 0.3rem; font-weight: bold; padding-bottom: 0.25rem; }
.research .part4 .wen{ font-size: 0.4rem; color: #6c6d70; line-height: 0.48rem; text-transform: uppercase; }
.research .part4 .msg{ font-size: 0.22rem; color: #f7f7f7; padding: 0.45rem 0 0.25rem; }
.research .part4 .content{ font-size: 14px; color: #f7f7f7; line-height: 24px; padding-right: 0.35rem;}
.research .part4 .rightDiv{ width: 7.68rem; }
.research .part4 .rightDiv .imgDiv img{ width: 100%; }
.research .part4 .list{ padding-top: 0.85rem; }
.research .part4 .list li{ float: left; width: 33.33%; }
.research .part4 .list li .ico{ padding-bottom: 0.25rem; }
.research .part4 .list li .ico img{ width: 0.4rem; }
.research .part4 .list li .E-name{ font-size: 0.2rem; color: #6c6d70; line-height: 0.2rem; height: 0.6rem; text-transform: uppercase; }
.research .part4 .list li .C-name{ padding-top: 0.15rem; color: #fff; font-size: 0.24rem; font-weight: bold; }

.design{ padding-top: 1.3rem; }
.design .part1{ padding-bottom: 1.05rem; overflow: hidden; }
.design .part1 .leftDiv{ width: 5.6rem; }
.design .part1 .content{ padding-top: 1.0rem; font-size: 0.18rem; color: #f7f7f7; line-height: 0.36rem; }
.design .part1 .rightImg img{ width: 7.68rem; }
.design .part1 .btnDiv{ padding-top: 0.3rem; }
.design .part1 .btnDiv a{ display: block; position: relative; width: 1.73rem; height: 0.48rem; border: #f7f7f7 solid 1px; line-height: 0.48rem; text-align: center; color: #f7f7f7; font-size: 0.18rem; }
.design .part1 .btnDiv a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: #fff; z-index: -1; }
.design .part1 .btnDiv a:hover{ color: #272727; }
.design .part1 .btnDiv a:hover:after{ height: 100%; }
.design .part2{ overflow: hidden; position: relative; padding-bottom: 1.15rem;}
.design .part2 .leftImg{ width: 50%; }
.design .part2 .leftImg img{ width: 100%; }
.design .part2 .rightDiv{ position: absolute; left: 50%; top: 0; width: 7.68rem; }
.design .part2 .mxfDiv{ padding-left: 0.9rem; }
.design .part2 .name{ font-size: 0.3rem; color: #fff; line-height: 0.3rem; font-weight: bold; padding: 0.55rem 0 0.25rem; }
.design .part2 .wen{ font-size: 0.26rem; color: #6c6d70; line-height: 0.26rem; text-transform: uppercase; }
.design .part2 .msg{ font-size: 0.22rem; color: #f7f7f7; padding-bottom: 0.35rem; }
.design .part2 .content{ font-size: 0.14rem; color: #f7f7f7; line-height: 0.24rem;}
.design .part3{ height: 8.06rem; background: url(../images/designbg.jpg) center no-repeat; background-size: cover; }
.design .part3 .leftDiv{ padding-top: 2.05rem; width: 6.1rem; }
.design .part3 .name{ font-size: 0.3rem; color: #fff; line-height: 0.3rem; font-weight: bold; padding: 0.55rem 0 0.25rem; }
.design .part3 .wen{ font-size: 0.26rem; color: #6c6d70; line-height: 0.26rem; text-transform: uppercase; }
.design .part3 .msg{ font-size: 0.22rem; color: #f7f7f7; padding-bottom: 0.7rem; }
.design .part3 .content{ font-size: 14px; color: #f7f7f7; line-height: 24px; padding-right: 1.05rem;}
.design .part3 .rightList{ width: 50%; padding-top: 2.05rem;}
.design .part3 .rightList ul{ margin-right: -0.1rem; }
.design .part3 .rightList li{ float: left; width: 33.33%; margin-bottom: 0.1rem; }
.design .part3 .rightList li .lbox{ margin-right: 0.1rem; height: 1.9rem; background: rgba(24,24,24,0.8); border-radius: 8px; }
.design .part3 .rightList li .ico{ padding: 0.38rem 0 0.2rem 0.36rem; }
.design .part3 .rightList li .num{ font-family:medium; font-size: 0.48rem; padding-left: 0.36rem; line-height: 0.48rem; color: #fff;}
.design .part3 .rightList li .txt{ padding: 0.1rem 0 0 0.36rem; font-size: 0.14rem; color: #fff; }

.liveworkPart1{ padding: 1.25rem 0; overflow: hidden;}
.liveworkPart1 .mxfDiv{ height: 1.2rem; position: relative; }
.liveworkPart1 .secondTab{ position: absolute; left: 50%; margin-left: -1.45rem; top: 0.1rem; overflow: hidden;}
.liveworkPart1 .secondTab ul{ margin-right: -0.2rem; }
.liveworkPart1 .secondTab li{ float: left; width: 50%; }
.liveworkPart1 .secondTab li .lbox{ margin-right: 0.2rem; }
.liveworkPart1 .secondTab li a{ display: block; width: 1.33rem; height: 0.45rem; line-height: 0.45rem; border: #434343 solid 1px; text-align: center; font-size: 14px; color: #878787; }
.liveworkPart1 .secondTab li .aNow{ background: #171717; border: #171717 solid 1px; color: #fff; }
.liveworkPart1 .leftDiv{ width: 6.9rem; }
.liveworkPart1 .name{ font-size: 0.3rem; color: #fff; line-height: 0.6rem; padding-top: 0.2rem; }
.liveworkPart1 .name b{ display: block; font-size: 0.36rem;}
.liveworkPart1 .wen{ font-size: 0.4rem; color: #6c6d70; line-height: 0.48rem; padding: 0.2rem 0 0.15rem; text-transform: uppercase; }
.liveworkPart1 .msg{ font-size: 0.3rem; color: #fff; padding-bottom: 0.2rem; }
.liveworkPart1 .content{ font-size: 0.14rem; color: #f7f7f7; line-height: 0.24rem;}
.liveworkPart1 .btnDiv{ padding-top: 0.3rem; }
.liveworkPart1 .btnDiv a{ display: block; position: relative; width: 1.73rem; height: 0.48rem; border: #f7f7f7 solid 1px; line-height: 0.48rem; text-align: center; color: #f7f7f7; font-size: 0.18rem; }
.liveworkPart1 .btnDiv a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: #fff; z-index: -1; }
.liveworkPart1 .btnDiv a:hover{ color: #272727; }
.liveworkPart1 .btnDiv a:hover:after{ height: 100%; }
.liveworkPart1 .rightImg img{ width: 7.68rem; }

.liveworkPart2{ padding: 1.0rem 0 0.85rem; background: #222; overflow: hidden;}
.liveworkPart2 .list{ position: relative; height: 9.03rem; }
.liveworkPart2 .list:after{ content: ''; width: 100%; height: 9.03rem; position: absolute; z-index: 0; left: 0; top: 0;  background: url(../images/nimg1498bg.png) center no-repeat;}
.liveworkPart2 .list li{ float: left; width: 50%; text-align: center; height: 4.51rem;}
.liveworkPart2 .list li .ico{ padding: 0.18rem 0; }
.liveworkPart2 .list li .name{ font-size: 0.3rem; color: #fff; padding-bottom: 0.35rem; }
.liveworkPart2 .list .li01 .imgDiv img{ width: 3.5rem; }
.liveworkPart2 .list .li02 .imgDiv img{ width: 4.16rem; }
.liveworkPart2 .list .li03 .ico{ padding: 0.92rem 0 0.52rem; }
.liveworkPart2 .list .li03 .name{ padding-bottom: 0.6rem; }
.liveworkPart2 .list .li04 .name{ padding: 0.5rem 0 0.25rem; }
.liveworkPart2 .list .li03 .imgDiv img{ width: 1.49rem; }
.liveworkPart2 .list .li04 .imgDiv img{ width: 3.35rem; }

.liveworkPart3{ background: #272727; padding: 1.0rem 0 0.55rem; overflow: hidden;}
.liveworkPart3 .list ul{ margin-right: -0.6rem; }
.liveworkPart3 .list li{ float: left; width: 50%; padding-bottom: 0.5rem;}
.liveworkPart3 .list li .lbox{ margin-right: 0.6rem; }
.liveworkPart3 .list li .imgDiv img{ width: 100%; }
.liveworkPart3 .list li .botDiv{ padding-top: 0.2rem; }
.liveworkPart3 .list li .name{ text-align: right; width: 43%; font-size: 0.3rem; color: #fff; }
.liveworkPart3 .list li .msg{ font-size: 14px; color: #c8c8c8; line-height: 24px; width: 46%; }
.liveworkPart3 .list li:hover .lbox{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}

.youkaPart1{ padding: 1.25rem 0 1.0rem; overflow: hidden;}
.youkaPart1 .mxfDiv{ height: 1.2rem; position: relative; }
.youkaPart1 .secondTab{ position: absolute; left: 50%; margin-left: -1.45rem; top: 0.1rem; overflow: hidden;}
.youkaPart1 .secondTab ul{ margin-right: -0.2rem; }
.youkaPart1 .secondTab li{ float: left; width: 50%; }
.youkaPart1 .secondTab li .lbox{ margin-right: 0.2rem; }
.youkaPart1 .secondTab li a{ display: block; width: 1.33rem; height: 0.45rem; line-height: 0.45rem; border: #434343 solid 1px; text-align: center; font-size: 14px; color: #878787; }
.youkaPart1 .secondTab li .aNow{ background: #171717; border: #171717 solid 1px; color: #fff; }
.youkaPart1 .leftDiv{ width: 6.9rem; }
.youkaPart1 .name{ font-size: 0.3rem; color: #fff; line-height: 0.6rem; padding-top: 0.2rem; }
.youkaPart1 .name b{ display: block; font-size: 0.36rem;}
.youkaPart1 .wen{ font-size: 0.4rem; color: #6c6d70; line-height: 0.48rem; padding: 0.2rem 0 0.15rem; text-transform: uppercase; }
.youkaPart1 .msg{ font-size: 0.3rem; color: #fff; padding-bottom: 0.2rem; }
.youkaPart1 .content{ font-size: 0.14rem; color: #f7f7f7; line-height: 0.24rem;}
.youkaPart1 .btnDiv{ padding-top: 0.3rem; }
.youkaPart1 .btnDiv a{ display: block; position: relative; width: 1.73rem; height: 0.48rem; border: #f7f7f7 solid 1px; line-height: 0.48rem; text-align: center; color: #f7f7f7; font-size: 0.18rem; }
.youkaPart1 .btnDiv a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: #fff; z-index: -1; }
.youkaPart1 .btnDiv a:hover{ color: #272727; }
.youkaPart1 .btnDiv a:hover:after{ height: 100%; }
.youkaPart1 .rightImg img{ width: 7.68rem; }

.youkaPart2{ padding-bottom: 1.25rem; }
.youkaPart2 li{ float: left; width: 33.33%; position: relative; background: #1a1a1a;}
.youkaPart2 li .bg img{ width: 100%; opacity: 0.05; }
.youkaPart2 li:hover .bg img{ opacity: 0.48; }
.youkaPart2 li .layer{ position: absolute; left: 0; width: 100%; transform: translateY(-50%);  top: 50%; text-align: center; }
.youkaPart2 li .ico{ padding-bottom: 0.2rem; }
.youkaPart2 li .name{ font-size: 0.24rem; color: #fff; padding-bottom: 0.25rem; }
.youkaPart2 li .msg{ font-size: 14px; line-height: 24px; color: #f7f7f7; padding: 0 1.2rem; }

.wisdom .part1 .leftDiv{ width: 6.9rem; }
.wisdom .part1 .content{ padding-top: 0.6rem; font-size: 0.18rem; color: #f7f7f7; line-height: 0.36rem; }
.wisdom .part1 .rightImg img{ width: 7.68rem; }
.wisdom .part2{ padding-bottom: 1.05rem; }
.wisdom .part2 .leftDiv{ width: 6.9rem; }
.wisdom .part2 .name{ font-size: 0.3rem; color: #fff; line-height: 0.6rem; }
.wisdom .part2 .name b{ display: block; font-size: 0.36rem;}
.wisdom .part2 .wen{ font-size: 0.4rem; color: #6c6d70; line-height: 0.48rem; padding: 0.2rem 0 0.15rem; text-transform: uppercase; }
.wisdom .part2 .msg{ font-size: 0.3rem; color: #fff; padding-bottom: 0.2rem; }
.wisdom .part2 .content{ font-size: 0.14rem; color: #f7f7f7; line-height: 0.24rem;}
.wisdom .part2 .btnDiv{ padding-top: 0.65rem; }
.wisdom .part2 .btnDiv a{ display: block; position: relative; width: 1.73rem; height: 0.48rem; border: #f7f7f7 solid 1px; line-height: 0.48rem; text-align: center; color: #f7f7f7; font-size: 0.18rem; }
.wisdom .part2 .btnDiv a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: #fff; z-index: -1; }
.wisdom .part2 .btnDiv a:hover{ color: #272727; }
.wisdom .part2 .btnDiv a:hover:after{ height: 100%; }
.wisdom .part2 .rightImg img{ width: 7.68rem; }
.wisdom .part3{ padding-bottom: 1.0rem; }
.wisdom .part3 ul{ margin-right: -0.24rem; }
.wisdom .part3 li{ float: left; width: 20%; }
.wisdom .part3 li .lbox{ margin-right: 0.24rem; padding-top: 0.6rem; height: 3.72rem; position: relative; background: #323232; cursor: pointer;}
.wisdom .part3 li .lbox:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.wisdom .part3 .li01 .lbox:before{ background: url(../images/nimg288bg1.png) center no-repeat; background-size: cover;}
.wisdom .part3 .li02 .lbox:before{ background: url(../images/nimg288bg2.png) center no-repeat; background-size: cover;}
.wisdom .part3 .li03 .lbox:before{ background: url(../images/nimg288bg3.png) center no-repeat; background-size: cover;}
.wisdom .part3 .li04 .lbox:before{ background: url(../images/nimg288bg4.png) center no-repeat; background-size: cover;}
.wisdom .part3 .li05 .lbox:before{ background: url(../images/nimg288bg5.png) center no-repeat; background-size: cover;}
.wisdom .part3 li:hover .lbox{ background: #fff; }
.wisdom .part3 li .ico{ width: 1.0rem; height: 1.0rem; margin: 0 auto; box-sizing: border-box; border-radius: 50%; text-align: center; line-height: 1.0rem; }
.wisdom .part3 li .ico .img1{ display: none; }
.wisdom .part3 li .msg{ padding-top: 0.6rem; text-align: center; color: #fff; font-size: 0.16rem; line-height: 0.34rem; }
.wisdom .part3 li:hover .ico{ border: #f1f1f1 solid 1px; }
.wisdom .part3 li:hover .ico img{ display: none; }
.wisdom .part3 li:hover .ico .img1{ display: inline-block; }
.wisdom .part3 li:hover .msg{ color: #1a1a1a; }
.wisdom .part4 li{ margin-bottom: 1.0rem; position: relative; padding: 0 0 0 8.45rem; height: 5.5rem; }
.wisdom .part4 .li01{ padding: 0 8.48rem 0 0; }
.wisdom .part4 li .contentBox{ height: 5.5rem; display: table-cell; vertical-align: middle; }
.wisdom .part4 li .imgDiv{ position: absolute; left: 0; top: 0; }
.wisdom .part4 .li01 .imgDiv{ right: 0; left: auto; }
.wisdom .part4 li .imgDiv img{ width: 7.68rem; }
.wisdom .part4 li .wen{ font-size: 0.4rem; color: #6c6d70; text-transform: uppercase; line-height: 0.48rem; padding-bottom: 0.45rem; }
.wisdom .part4 li .name{ font-size: 0.3rem; color: #fff; }
.wisdom .part4 li .msg{ font-size: 14px; line-height: 24px; color: #f7f7f7; padding-top: 0.2rem; }

.cooperation{ padding-top: 1.3rem; }
.cooperation .part1{ padding-bottom: 1.85rem; }
.cooperation .part1 .leftDiv{ width: 6.2rem; }
.cooperation .part1 .name{ font-size: 0.3rem;  line-height: 0.3rem; font-weight: bold; color: #fff; padding: 0.9rem 0 0.3rem; }
.cooperation .part1 .wen{ font-size: 0.4rem; color: #6c6d70; text-transform: uppercase; line-height: 0.48rem; }
.cooperation .part1 .content{ padding-top: 0.3rem; padding-right: 0.65rem; font-size: 14px; color: #f7f7f7; line-height: 36px; }
.cooperation .part1 .rightImg img{ width: 7.68rem; }
.cooperation .part2{ height: 7.5rem; background: url(../images/coopbg.png) center no-repeat; background-size: cover; padding-top: 0.65rem;}
.cooperation .part2 .list{ height: 5.35rem; background: rgba(24,24,24,0.9); padding-left: 0.5rem; }
.cooperation .part2 .list li{ float: left; width: 25%; padding-top: 0.8rem;}
.cooperation .part2 .list li .lbox{ padding-right: 1.1rem; }
.cooperation .part2 .list li .ico{ padding-bottom: 0.2rem; }
.cooperation .part2 .list li .ico img{ width: 37px; }
.cooperation .part2 .list li .E-name{ font-size: 0.2rem; line-height: 0.2rem; padding-bottom: 0.1rem; color: #6c6d70; text-transform: uppercase; }
.cooperation .part2 .list li .C-name{ font-size: 0.24rem; color: #fff; font-weight: bold;}
.cooperation .part2 .list li .msg{ font-size: 0.14rem; color: #b5b5b5; line-height: 0.3rem; padding-top: 0.5rem;  }

.buide{ padding-top: 1.3rem; }
.buide .part1{ padding-bottom: 1.15rem; overflow: hidden; }
.buide .part1 .leftDiv{ width: 4.9rem; }
.buide .part1 .content{ padding-top: 0.6rem; font-size: 0.18rem; color: #f7f7f7; line-height: 0.36rem; }
.buide .part1 .rightImg img{ width: 7.68rem; }
.buide .part1 .bigImg{ padding-top:1.0rem;}
.buide .part1 .bigImg img{ width:100%;}
.buide .part2{ padding-bottom: 1.35rem; }
.buide .part2 .title{ font-size: 0.36rem; color: #fff; font-weight: bold; line-height: 0.36rem; padding-bottom: 0.25rem; }
.buide .part2 .wen{ font-size: 0.4rem; line-height: 0.4rem; color: #6c6d70; text-transform: uppercase; }
.buide .part2 .list{ padding-top: 0.4rem; overflow: hidden; }
.buide .part2 .list ul{ margin-right: -0.62rem; }
.buide .part2 .list li{ float: left; width: 25%; }
.buide .part2 .list li .lbox{ margin-right: 0.62rem; }
.buide .part2 .list li .imgDiv img{ width: 100%; }
.buide .part2 .list li .content{ font-size: 14px; line-height: 24px; color: #f7f7f7; padding-top: 0.45rem; }
.buide .part3{ overflow: hidden; position: relative;}
.buide .part3 .leftDiv{ width: 50%; position: relative;}
.buide .part3 .leftDiv img{ width: 100%; }
.buide .part3 .layer{ position: absolute; left: 18%; top: 50%; transform: translateY(-50%);  }
.buide .part3 .rightDiv{ position: absolute; left: 50%; top: 0; width: 7.68rem; }
.buide .part3 .C-name{ font-size: 0.36rem; color: #fff; line-height: 0.36rem; font-weight: bold; padding-bottom: 0.4rem; }
.buide .part3 .E-name{ font-size: 0.4rem; color: #6c6d70; line-height: 0.4rem; text-transform: uppercase; }
.buide .part3 .msg{ padding-top: 0.2rem; font-size: 0.18rem; color: #f7f7f7; line-height: 0.32rem; width: 6.05rem;}
.buide .part3 .list{ padding-left: 1.9rem; padding-top: 1.7rem;}
.buide .part3 .list li{ padding-left: 50px; position: relative; padding-bottom: 1.0rem;}
.buide .part3 .list li .ico{ position: absolute; left: 0; top: 0; }
.buide .part3 .list li .name{ font-size: 0.22rem; color: #f1f1f1; padding-bottom: 0.15rem; }
.buide .part3 .list li .content{ font-size: 0.14rem; color: #f7f7f7; line-height: 0.24rem;}

.pageClass{ padding-top: 0.45rem; }
.pageClass li{ position: relative; padding-left: 2.18rem; border-bottom: #494949 solid 1px; height: 0.72rem; font-size: 14px; color: #f7f7f7;}
.pageClass li em{ position: absolute; left: 0; top: 0; font-size: 16px; line-height: 0.72rem;}
.pageClass li a{ line-height: 0.72rem; padding-right: 0.45rem; color: #f7f7f7; }
.pageClass li a:hover, .pageClass li .on{ color: #21b4b8; }

.case{ padding: 0.5rem 0 ; overflow: hidden;}
.case .list ul{ margin-right: -0.6rem; }
.case .list li{ float: left; width: 50%; padding-bottom: 0.5rem; }
.case .list li .lbox{ margin-right: 0.6rem; }
.case .list li .imgDiv{ position: relative; }
.case .list li .imgDiv:after{ z-index: 1; content: ''; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.7); }
.case .list li .imgDiv img{ width: 100%; }
.case .list li .btnDiv{ z-index: 2; display: none; position: absolute; border: #fff solid 1px; font-weight: bold; font-size: 14px; color: #fff; text-align: center; line-height: 0.56rem; font-weight: bold; text-transform: uppercase; left: 50%; top: 50%; width: 1.73rem; height: 0.56rem; margin-left: -0.87rem; margin-top: -0.29rem;}
.case .list li .botDiv{ padding-top: 0.1rem; }
.case .list li .name{ height: 0.42rem; line-height: 0.42rem; color: #fff; font-weight: bold; font-size: 0.22rem; }
.case .list li .wen{ font-size: 14px; color: #f7f7f7; padding: 0.05rem 0 0.1rem; }
.case .list li .msg{ font-size: 14px; color: #f7f7f7; line-height: 26px; height: 52px; overflow: hidden; padding-right: 1.0rem; }
.case .list li:hover .imgDiv:after{ opacity: 1; }

.casePart3w{  border-bottom: #505050 solid 1px; padding-bottom: 0.98rem; }
.casePart3w .titleDiv{ padding: 0.5rem 0 0.35rem; }
.casePart3w .titleDiv .title1{ font-weight: bold;
    font-size: 0.36rem;
    line-height: 0.36rem;
    color: #21b4b8;
    padding-bottom: 0.15rem;}
.casePart3w .titleDiv .title2{ font-size: 14px; color: #767676; text-transform: uppercase; }
.casePart3w .content{ font-size: 0.18rem; color: #f7f7f7; line-height: 0.36rem; padding-bottom: 1.25rem;}

.casePart1{  border-bottom: #505050 solid 1px; padding-bottom: 0.98rem; padding-top: 0.98rem; }
.casePic .swiper-slide img{ width: 100%; }
.casePic .swiper-pagination { text-align: center; left: 0; width: 100%; bottom: 0.3rem!important; } 
.casePic .swiper-pagination-bullet { width: 24px; height: 3px; opacity: 1; background: rgba(255,255,255,0.5); margin-left:5px!important; margin-right: 5px; border-radius: 0;} 
.casePic .swiper-pagination-bullet-active { background: rgba(255,255,255,1); } 
.casePart1 .list{ background: #1a1a1a; height: 1.6rem; }
.casePart1 .list li{ float: left; width: 25%; text-align: center; }
.casePart1 .list li .ico{ padding: 0.4rem 0 0.25rem; }
.casePart1 .list li p{ font-size: 0.16rem; color: #f1f1f1; }
.casePart1 .titleDiv{ padding: 0.5rem 0 0.2rem; }
.casePart1 .titleDiv .title1{ font-size: 0.24rem; color: #21b4b8; line-height: 0.24rem; padding-bottom: 0.12rem; }
.casePart1 .titleDiv .title2{ font-size: 14px; color: #767676; text-transform: uppercase; }
.casePart1 .content{ font-size: 14px; color: #f7f7f7; line-height: 24px; padding-bottom: 0.5rem;}
.casePart1 .content h1{ font-size:20px; margin-bottom:10px}
.casePart1 .content h2{ font-size:16px; margin-top:10px}
.casePart1 .btnDiv{  width: 1.75rem; }
.casePart1 .btnDiv a{ display: block; position: relative; width: 1.73rem; height: 0.56rem; border: #f7f7f7 solid 1px; line-height: 0.56rem; text-align: center; color: #f7f7f7; font-size: 0.14rem; font-weight: bold; text-transform: uppercase; }
.casePart1 .btnDiv a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: #fff; z-index: -1; }
.casePart1 .btnDiv a:hover{ color: #272727; }
.casePart1 .btnDiv a:hover:after{ height: 100%; }

.casePart2{ padding: 0.6rem 0 0.9rem; }
.casePart2 .wal2{ position: relative; }
.casePart2 .titleDiv{ position: absolute; left: 0; top: 0; }
.casePart2 .titleDiv .title1{ font-weight: bold; font-size: 0.24rem; color: #fff; line-height: 0.24rem; padding-bottom: 0.15rem; }
.casePart2 .titleDiv .title2{ font-size: 14px; color: #767676; text-transform: uppercase; }
.hotCase .swiper-container{ padding-top: 1.25rem; position: relative; }
.hotCase .swiper-slide .imgDiv{ position: relative; }
.hotCase .swiper-slide .imgDiv:after{ z-index: 1; content: ''; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.7); }
.hotCase .swiper-slide .imgDiv img{ width: 100%; }
.hotCase .swiper-slide .btnDiv{ z-index: 2; display: none; position: absolute; border: #fff solid 1px; font-weight: bold; font-size: 14px; color: #fff; text-align: center; line-height: 0.56rem; font-weight: bold; text-transform: uppercase; left: 50%; top: 50%; width: 1.73rem; height: 0.56rem; margin-left: -0.87rem; margin-top: -0.29rem;}
.hotCase .swiper-slide .botDiv{ padding-top: 0.35rem; text-align:center}
.hotCase .swiper-slide .name{ height: 0.28rem; line-height: 0.28rem; color: #fff; font-size: 0.18rem; }
.hotCase .swiper-slide .msg{ font-size: 14px; color: #f7f7f7; line-height: 26px; height: 52px; overflow: hidden; padding-top: 0.1rem; }
.hotCase .swiper-slide:hover .imgDiv:after{ opacity: 1; }
.hotCase .swiper-button-prev{ position: absolute; top: 0; margin-top: 0; left: auto; right: 0.95rem; width: 0.49rem; height: 0.49rem; background: url(../images/nimg49_left3.png) no-repeat; background-size: 0.49rem; }
.hotCase .swiper-button-next{ position: absolute; top: 0; margin-top: 0; right: 0; width: 0.49rem; height: 0.49rem; background: url(../images/nimg49_right3.png) no-repeat; background-size: 0.49rem; }
.hotCase .swiper-button-prev:hover{ background: url(../images/nimg49_left3on.png) no-repeat; background-size: 0.49rem;}
.hotCase .swiper-button-next:hover{ background: url(../images/nimg49_right3on.png) no-repeat; background-size: 0.49rem;}

.news{ padding:0.5rem 0; }
.news .list ul{ margin-right: -1.6rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.3rem;}
.news .list li .lbox{ margin-right: 1.2rem;}
.news .list li .time{ font-size: 14px; font-family:gothicb; color: #666;}
.news .list li .time em{ padding-right: 0.35rem; font-size: 0.48rem; line-height: 0.48rem; background:url(../images/line1.png) no-repeat right 0.28rem; background-size: 0.22rem; }
.news .list li .name{ padding-top: 0.3rem; line-height: 0.36rem; font-size: 0.3rem; color: #fff; height: 0.72rem; overflow: hidden;}
.news .list li .imgDiv{ position: absolute; left: 0; bottom: 0; display: none; z-index: 1;}
.news .list li .imgDiv img{ width: 4.24rem; }
.news .list li .botbot{ margin-top: 0.25rem; position: relative; height: 2.75rem; }
.news .list li .content{ font-size: 14px; color: #fff; line-height: 30px; padding-right: 30px; }
.news .list li .btnDiv{ position: absolute; left: 0; bottom: 0; z-index: 2; border: rgba(255,255,255,1) solid 1px; width: 1.72rem; height: 0.56rem; line-height: 0.56rem; text-align: center; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.news .list li:hover .btnDiv{ border: rgba(0,0,0,0.6) solid 1px; background: rgba(0,0,0,0.6);}

.newShow{ padding-bottom: 0.6rem; }
.newShow .bigName{ font-size: 0.36rem; color: #fff; padding-bottom: 0.3rem; }
.newShow .msgList li{ float: left;  font-family: din; font-size: 14px; color: #fff; position: relative; margin-right: 20px;}
.newShow .msgList li img{ position: absolute; left: 0; top: 0; }
.newShow .content{ font-size: 14px; color: #fff; line-height: 32px; padding-top: 35px; }
.newShow .imgDiv{ padding: 0.3rem 0; }
.newShow .imgDiv img{ width: 100%; }
.newShow .download{ padding-top:40px;}
.newShow .download a{ display:block; width:148px; height:45px; line-height:45px; border:#fff solid 1px; text-align:center; color:#fff; font-size:16px;}
.newShow .download img{ padding-right:5px;}
.newShow .download .img1{ display:none;}
.newShow .download a:hover{ background:#fff; color:#000;}
.newShow .download a:hover .img1{ display:inline-block;}
.newShow .download a:hover img{ display:none;}
.sideNews .title1{ font-weight: bold; color: #21b4b8; padding-bottom: 0.1rem; font-size: 0.18rem;  }
.sideNews .title2{ font-size: 16px; color: #ccc; position: relative; height: 36px; }
.sideNews .title2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 4px; background: #ccc; }
.sideNews .list{ padding-top: 0.15rem; }
.sideNews .list li{ border-bottom: #9e9e9e solid 1px; padding: 0.2rem 0; }
.sideNews .list li:last-child{ border-bottom: none; }
.sideNews .list li .limg img{ width: 100%; }
.sideNews .list li .name{ padding-top: 0.1rem; height: 0.2rem; line-height: 0.2rem; overflow: hidden; color: #fff; font-size: 16px;}
.sideNews .list li .ico{ margin-top: 0.16rem; width: 47px; height: 33px; background: url(../images/nimg47_1.png) center no-repeat; }
.sideNews .list li:hover .name{ color: #21b4b8; }

.sidePage{ padding-top: 0.65rem;}
.sidePage .list li{ font-size: 0.16rem; color: #999; line-height: 0.46rem; height: 0.46rem; overflow: hidden; }
.sidePage .list li a{ color: #fff; }
.sidePage .list li:hover a{ color: #21b4b8; }
.sidePage .share{ padding: 0.6rem 0 1.5rem; }
.sidePage .share li{ display: inline-block; margin: 0 0.07rem; }
.sidePage .share li .img1{ display: none; }
.sidePage .share li:hover img{ display: none; }
.sidePage .share li:hover .img1{ display: inline-block; }
.sidePage .btnDiv a{ position: relative; border: #fff solid 1px; display: block; height: 0.48rem; line-height: 0.48rem; color: #fff; font-size: 16px; text-align: center;}
.sidePage .btnDiv a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: #fff; z-index: -1; }
.sidePage .btnDiv a:hover{ color: #272727; }
.sidePage .btnDiv a:hover:after{ height: 100%; }

.videoTab{ padding: 0.5rem 0 0.7rem; text-align: center; }
.videoTab li{ display: inline-block; }
.videoTab li a{ display: block; width: 133px; height: 45px; line-height: 45px; color: #f7f7f7; border: #272727 solid 1px; font-size: 14px;}
.videoTab li a:hover, .videoTab li .aNow{ border: #f7f7f7 solid 1px; }

.videoPic .agentlist{ padding:0 0.85rem 0 0;}
.videoPic .agentlist .slick-slide{ float:left; margin-right: 0.28rem; cursor: pointer; padding-top: 0.48rem; position: relative;}
.videoPic .agentlist .slick-slide:before{ content: ''; display: none; position: absolute; left: 50%; top: 0.18rem; margin-left: -7px; width: 14px; height: 9px; background: url(../images/ico1.png) no-repeat center; }
.videoPic .slick-slide .name{ padding-top: 0.2rem; font-size:16px; color:#fff;}
.videoPic .slick-slide img{ width:100%;}
.videoPic .agentlist .slick-current:before{ display: block;}
.videoPic .slick-prev{ cursor:pointer;position:absolute; background:url(../images/nimg49_left3.png) no-repeat left center; background-size: 0.49rem; width:0.49rem; height:0.49rem; top:0.48rem; right:0; z-index:22}
.videoPic .slick-next{ cursor:pointer;background: url(../images/nimg49_right3.png) no-repeat right center; background-size: 0.49rem; width: 0.49rem; height: 0.49rem; position: absolute; top:1.41rem; right: 0; z-index:22}
.videoPic .slick-prev:hover{ background:url(../images/nimg49_left3on.png) no-repeat left center; background-size: 0.49rem;}
.videoPic .slick-next:hover{ background:url(../images/nimg49_right3on.png) no-repeat left center; background-size: 0.49rem;}
.videoPic .slider-for .box{ position:relative;}
.videoPic .slider-for .imgDiv{ text-align:center; position: relative;}
.videoPic .slider-for .imgDiv .ico{ position: absolute; left: 50%; margin-left: -0.35rem; top: 50%; margin-top: -0.35rem; }
.videoPic .slider-for .imgDiv .ico img{ width: 0.7rem; }
.videoPic .slider-for .imgDiv .ico .bj{ position: absolute; left: 0; top: 0; }
.videoPic .slider-for .imgDiv .ico .img_rotate{  -moz-animation:rotate 5s infinite linear;  -webkit-animation:rotate 5s infinite linear;  animation:rotate 5s infinite linear; }
.videoPic iframe{ width:100%; min-height:1000px;}
.talent{ padding-top: 0.8rem; }
.talent .part1{ overflow: hidden; }
.talent .part1 .leftDiv{ width: 5.1rem; position: relative;}
.talent .part1 .leftDiv .imgDiv img{ width: 100%; }
.talent .part1 .leftDiv .layer{ position: absolute; left: 0.95rem; top: 50%; transform: translateY(-50%); }
.talent .part1 .leftDiv .txt1{ font-size: 0.36rem; line-height: 0.4rem; color: #fff; }
.talent .part1 .leftDiv .txt1 b{ display: block; font-size: 0.3rem; }
.talent .part1 .leftDiv .txt2{ padding-top: 0.3rem; font-size: 0.16rem; color: #fff; }
.talent .part1 .rightDiv{ width: 10.26rem; position: relative;}
.talent .part1 .rightDiv .imgDiv img{ width: 100%; }
.talent .part1 .rightDiv .layer{ position: absolute; left: 1.32rem; top: 50%; transform: translateY(-50%);}
.talent .part1 .rightDiv .content{ font-size: 0.16rem; color: #fff; line-height: 0.3rem; width: 7.54rem; }
.talent .part2{ padding: 1.2rem 0 0.65rem; }
.talent .part2 .mxfDiv{ width: 1184px; margin: 0 auto; overflow: hidden;}
.talent .part2 .leftDiv, .talent .part2 .rightDiv{ width: 400px; }
.talent .part2 .midDiv{ width: 384px; text-align: center; }
.talent .part2 .leftDiv .round{ margin-left: 178px; }
.talent .part2 .midDiv .round{ margin: 0 auto; }
.talent .part2 .rightDiv .round{ margin-left: 68px; }
.talent .part2 .round{ width: 148px; height: 148px; border: #797979 solid 1px; border-radius: 50%; color: #fff; text-align: center; }
.talent .part2 .round .name{ font-size: 30px; line-height: 30px; color: #fff; padding: 0.42rem 0 0.15rem; }
.talent .part2 .round .wen{ font-size: 18px; line-height: 18px; }
.talent .part2 .botbot{ padding-top: 45px; }
.talent .part2 .list_l{ padding-top: 40px; }
.talent .part2 .list_l li{ padding-bottom: 8px; padding-right: 106px; text-align: right; font-size: 14px; color: #fff; line-height: 20px; height: 40px; background: url(../images/nimg83_1.png) no-repeat right 5px;}
.talent .part2 .list_r{ padding-top: 40px; }
.talent .part2 .list_r li{ padding-bottom: 8px; padding-left: 102px; font-size: 14px; color: #fff; line-height: 20px; height: 40px; background: url(../images/nimg83_2.png) no-repeat left 5px;}


.teamwork{ overflow: hidden; padding-bottom: 0.4rem; }
.teamwork .leftDiv{ width: 5.62rem; }
.teamwork .content{ font-size: 0.16rem; line-height: 0.36rem; color: #f7f7f7; padding-top: 0.65rem; }
.teamwork .txt{ padding-top: 0.65rem; color: #fff; font-size: 0.3rem; }
.teamwork .msgList{ padding-top: 0.3rem; }
.teamwork .msgList li{ position: relative; padding-left: 0.38rem; color: #f7f7f7; line-height: 0.56rem; font-size: 0.16rem;}
.teamwork .msgList li img{ position: absolute; left: 0; top: 50%; margin-top: -11px; }
.teamwork .rightImg img{ width: 7.68rem; }

.announcement{ padding: 0.4rem 0 0.6rem; }
.announcement .list{ padding-bottom: 0.3rem; }
.announcement .list li a{ display: block; height: 4.0rem;  position: relative;}
.announcement .list li a:after{ content: ''; opacity: 0; width: 100%; height: 4.0rem; background:url(../images/mxfbg.jpg) center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 0}
.announcement .list .li01 a{ background: #212121; }
.announcement .list li .lbox{ width: 15.36rem; margin: 0 auto; position: relative; z-index: 1;}
.announcement .list li .time{ padding-top: 0.7rem; font-size: 14px; color: #666;}
.announcement .list li .time em{ font-family:din; padding-right: 0.15rem; font-size: 0.36rem; line-height: 0.36rem; background:url(../images/line2.png) no-repeat right 0.26rem; }
.announcement .list li .name{ padding-top: 0.2rem; font-weight: bold; line-height: 0.48rem; font-size: 0.24rem; color: #f7f7f7; height: 0.48rem; overflow: hidden;}
.announcement .list li .content{ padding-top: 0.1rem; font-size: 14px; color: #f7f7f7; line-height: 30px; height: 60px; overflow: hidden; }
.announcement .list li .ico{ margin-top: 0.3rem; width: 47px; height: 33px; background:url(../images/nimg47_1.png) no-repeat; }
.announcement .list li:hover a:after{ opacity: 1; }
.announcement .list li:hover .time{ color: #fff; }

.partner{ padding: 1.25rem 0 1.55rem; overflow: hidden;}
.partner .mxfDiv{ position: relative; background:url(../images/partnerbg.png) center bottom no-repeat; background-size: 100%; }
.partner .leftDiv{ position: absolute; left: 50%; margin-left: -7.68rem; top: 0; width: 5.1rem; }
.partner .rightList{ width: 60%; height: 6.72rem; background: url(../images/nimg1152bg.png) center no-repeat; background-size: 100% 100%;}
.partner .txt{ font-weight: bold; font-size: 0.3rem; color: #fff; line-height: 0.3rem; padding-bottom: 0.3rem; }
.partner .wen{ font-size: 0.4rem; color: #767676; line-height: 0.4rem; text-transform: uppercase; }
.partner .msg{ font-size: 0.18rem; line-height: 0.32rem; color: #fff; padding-top: 0.4rem; }
.partner .rightList li{ float: left; width: 25%; height: 2.24rem; text-align: center; line-height: 2.24rem; }
.partner .rightList li a{ display: block; width: 100%; height: 100%; }
.partner .rightList li img{ width: 1.82rem; }
.partner .rightList li .img1{ display: none; }
.partner .rightList li:hover a{ background: #fff; }
.partner .rightList li:hover img{ display: none; }
.partner .rightList li:hover .img1{ display: inline-block; }

.contactPart1{ padding: 0.8rem 0 0.45rem; background: #393939; overflow: hidden;}
.contactPart1 .titleDiv .title1{ font-size: 0.3rem; color: #21b4b8; line-height: 0.3rem; font-weight: bold; padding-bottom: 0.25rem; }
.contactPart1 .titleDiv .title2{ font-size: 0.4rem; line-height: 0.4rem; color: #6c6d70; text-transform: uppercase; }
.contactPart1 .leftDiv{ padding-top: 0.5rem; }
.contactPart1 .txt{ font-size: 0.24rem; color: #fff; line-height: 0.24rem; padding-bottom: 0.2rem; }
.contactPart1 .msgList li{ font-size: 14px; color: #f7f7f7; line-height: 30px; }
.contactPart1 .rightDiv{ width: 6.3rem; padding-top: 0.5rem; }
.contactPart1 .tab2{ position: relative; height: 35px; }
.contactPart1 .tab2:after{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #f7f7f7; }
.contactPart1 .tab2 li{ float: left; margin-right: 55px; height: 35px; position: relative; font-size: 14px; color: #999; }
.contactPart1 .tab2 li:after{ content: ''; display: none; position: absolute; left: 0; bottom: 0; background: #fff; width: 100%; height: 3px; z-index: 1;}
.contactPart1 .tab2 .liNow{ color: #fff; }
.contactPart1 .tab2 .liNow:after{ display: block; }
.contactPart1 .name{ padding: 28px 0 25px; font-size: 18px; color: #fff; }
.contactPart1 .list li{ font-size: 14px; line-height: 30px; color: #fff; }

.contactPart2{ padding-top: 0.75rem; background: #181818; }
.contactPart2 .title{ position: relative; height: 38px; padding-left: 58px; color: #fff; line-height: 38px; font-size: 16px; font-weight: bold; }
.contactPart2 .title img{ position: absolute; left: 0; top: 0; }
.contactList{ padding-top: 0.45rem; }
.contactList li{ position: relative; padding-left: 1.78rem; font-size: 14px; overflow: hidden; padding-bottom: 0.25rem;}
.contactList li em{ display: block; position: absolute; left: 0; top: 0; line-height: 24px; color: #fff; width: 1.38rem; }
.contactList li em:after{ content: ''; width: 7px; height: 7px; position: absolute; right: 0; top: 50%; margin-top: -4px; background: url(../images/nimg7_1.png) center no-repeat; }
.contactList li dd{ float: left; margin-right: 0.26rem; color: #a19f9f;}
.contactList li dd .lbox{ cursor: pointer; display: inline-block; height: 22px; line-height: 22px; padding: 0 11px; border: #181818 solid 1px; border-radius: 24px; }
.contactList li .ddNow{ color: #fff; }
.contactList li .ddNow .lbox{ border: #fff solid 1px; }
.contactCon{ display: none; padding-top: 0.45rem; font-size: 14px; color: #a8a8a8;}
.contactCon .name{ font-size: 0.22rem; color: #fff; line-height: 0.22rem; padding-bottom: 0.15rem; }
.contactCon .msgList{ overflow: hidden; padding-bottom: 0.75rem; }
.contactCon .msgList li{ float: left; font-size: 14px; color: #a8a8a8; padding-right: 28px; }
.contactCon .mapDiv img{ width: 100%; }

.job{ padding-top: 0.8rem; }
.selectBox{ border: #bebebe solid 1px; padding: 0 0.5rem; }
.selectBox .mxfDiv{ margin-right: -100px; }
.selectBox .liDiv{ float: left; width: 33.33%; height: 68px; }
.selectBox .liDiv .boxbox{ position: relative; margin-right: 100px;}
.selectBox .liDiv .boxbox em{ position: absolute; left: 0; top: 0; line-height: 68px; color: #fff; font-size: 14px; }
.selectBox .select{ width: 100%; position: relative;left: 0;float: left; height: 68px;}
.selectBox .select dt{height: 68px;line-height: 68px;display: inline-block; width: 100%; border-left:none;background: url(../images/selectico.png) no-repeat right center;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 5;}
.selectBox .select dt a{ font-size: 14px;color: #fff; position: relative; padding-right: 32px; display: block; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.selectBox .select dd{ margin: 0;position: absolute;left: 0px;top: 68px;z-index: 100; width: 100%;} 
.selectBox .select dd ul {list-style: none; overflow: auto; border:#bebebe solid 1px; padding: 0 32px;background: #272727;} 
.selectBox .select dd ul li{line-height: 48px; height: 48px; text-align: right; cursor: pointer; border-bottom: 1px solid #bebebe; color: #fff; font-size: 14px;}
.selectBox .select dd ul li:hover{ color: #bebebe; }
.selectBox .select dd ul li:last-child{ border-bottom: none; }

.job .list{ padding-top: 0.6rem; }
.job .list ul{ margin-right: -0.5rem; }
.job .list li{ float: left; width: 33.33%; margin-bottom: 0.5rem;}
.job .list li .lbox{ margin-right: 0.5rem; border: #363636 solid 1px; }
.job .list li .lbox a{ display: block; padding: 0 0.48rem; height: 4.36rem; }
.job .list li .name{ padding-top: 0.48rem; padding-left: 0.35rem; height: 0.6rem; position: relative; font-weight: bold; font-size: 0.24rem; line-height: 0.24rem; overflow: hidden; color: #fff;}
.job .list li .name img{ position: absolute; left: 0; top: 0.48rem; width: 0.24rem; }
.job .list li .name:after{ content: ''; width: 0.2rem; height: 0.03rem; background: #fff; position: absolute; left: 0; bottom: 0; }
.job .list li .msgList{ padding: 0.24rem 0 0.1rem; }
.job .list li .msgList dd{ font-size: 14px; color: #f7f7f7; line-height: 0.36rem; }
.job .list li .ico{ width: 0.47rem; height: 0.33rem; background: url(../images/nimg47_1.png) center no-repeat;background-size: 0.47rem; }
.job .list li:hover .lbox{ border: #171717 solid 1px; background: #171717; }

.cultureBox{  background: url(../images/culturebg.png) center top no-repeat; background-size: 100%; }
.cultureBox .toptop{ overflow: hidden; padding-bottom: 0.45rem; }
.cultureBox .content{ font-size: 16px; color: #f7f7f7; text-align: right; }
.culture{ position: relative; }
.culture .bg{ width: 100%; overflow: hidden; position: relative;}
.culture .wal { position: relative; min-height: 3rem; }

.culture .list { overflow: hidden; position: relative; padding-bottom: 1.02rem; }
/*.culture .list li { padding-right: 0.5rem; }*/
.culture .list li{ float:left; width:32%; margin-right:2%}
.culture .list li:nth-child(3n){ margin-right:0px}
.culture .list li .box{ min-height:3rem; background: #1e1e1e; padding: .4rem .2rem 0 1.1rem; position: relative;}
.culture .list li .ico{ position: absolute; left: 0.2rem; top: 0.05rem; height: 3rem;}
.culture .list li .ico:after{ content: ''; width: 13px; height: 2px; background: #d8d8d8; position: absolute; left: 0; bottom: 0;}
.culture .list li .imgDiv i{ width: 100%; font-size:60px; color:#fff; opacity:0.8 }
.culture .list li .E-name{ font-size: 0.36rem; color: #fff; text-transform: uppercase; line-height: 0.36rem; padding-top: 0.3rem; font-family:din; opacity: 0.05;font-family:gothicb }
.culture .list li .C-name{ font-size: 0.18rem; color: #fff; font-weight: bold; padding-top: 0.05rem; }
.culture .list li .msg{ padding-top: 0.2rem; font-size: 18px; color: #fff; line-height:40px}
.culture .arrow { position: absolute; z-index: 10; right: 50%; margin-right: -7.68rem; bottom: 0px; }
.culture .arrow a { float: left; display: block; width: .49rem; height: .49rem; background: center no-repeat; background-size: cover; }
.culture .arrow a.prev { background-image: url("../images/nimg49_left3.png"); }
.culture .arrow a.prev:hover { background-image: url("../images/nimg49_left3on.png"); }
.culture .arrow a.next { background-image: url("../images/nimg49_right3.png"); margin-left: 0.48rem; }
.culture .arrow a.next:hover { background-image: url("../images/nimg49_right3on.png"); }

.jobLayer{ width:8.2rem; height:7.25rem; background:#fff; position:absolute; z-index:115; display:none; overflow: hidden;}
.jobLayer .close{ display:block; width:32px; height:32px; background:url(../images/close2.png) no-repeat; right:0.4rem; top:0.2rem; position:absolute; z-index:222;}
.jobLayer .bigBox{ padding: 0.55rem 0.6rem 0 1.0rem;}
.jobLayer .contentBox{height:6.3rem; padding-right:0.8rem;}
.jobLayer .name2{ font-size: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.3rem; margin-bottom: 0.25rem; border-bottom: #000 solid 1px;}
.jobLayer .content{ font-size: 14px; line-height: 0.4rem;  padding-bottom: 0.5rem;}
.jobLayer .content b{ display: block; }
.jobLayer .tips{ width: 350px; height: 30px; background: #353535; text-align: center; line-height: 30px; color: #fff; }





#about-4 #history {height:300px;/* background-color:#87c97f;*/ overflow:hidden; margin-top:60px;}
#about-4 #history .viewport {position:relative;  margin:0 auto; width:1132px; height:100%; overflow:visible;}
#about-4 #history .viewport:before{ content: ''; position: absolute; left: 0; top: 0.56rem; width: 100%; height: 2px; background: #717171; }
#about-4 #history .viewport .btn {display:none; position:absolute; top:0.34rem; z-index:2; width:0.49rem; height:0.49rem;}
#about-4 #history .viewport .prev {left: -57px;background: url(../images/nimg49_left2.jpg) center no-repeat; background-size:cover;}
#about-4 #history .viewport .next {right: -57px;background: url(../images/nimg49_right2.jpg) center no-repeat; background-size:cover;}
#about-4 #history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; top:-100%; width:283px; background:url(../images/nimg16_1.png) left 0.5rem no-repeat; -webkit-transition:top 500ms; transition:top 300ms;}
#about-4 #history .viewport .wrap .on {top:0;}
/*#about-4 #history .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../images/p_4_2.png) no-repeat 0 0;}
#about-4 #history .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color:#3c5d38;}
#about-4 #history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font:lighter 48px "myriadsetpro" !important; color:#34772b;}
*/


#about-4 #history .viewport .wrap .item .year{ font-size: 0.3rem; line-height: 0.3rem; height: 1.05rem; color: #fff; font-family:gothicb; }
#about-4 #history .viewport .wrap .item .msgList li{ padding-bottom: 0.36rem; }
#about-4 #history .viewport .wrap .item .msgList li .time{ font-size: 0.18rem; color: #f1f1f1; font-family:gothicb; padding-bottom: 0.05rem;}
#about-4 #history .viewport .wrap .item .msgList li .msg{ font-size: 14px; color: #f0f0f0; line-height: 24px; padding-right: 0.5rem; }

.yw_text p{ font-size:16px; line-height:32px; margin-bottom:10px; color:#aaa}




.contact-box .words-top {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #e0e0e0;
}
.contact-box .words-top .text {
  font-size:0.36rem;
  font-weight: bold;
  color: #fff;
  
  line-height: 1.5;
}
.contact-box .words-top .text p{ line-height:30px; margin-bottom:10px}
.contact-box .words-top .text .tit{ font-size:0.36rem; color:#f7f7f7}
.contact-box .words-top .add{ width:50%}
.contact-box .words-top .add .img {
  width: 180px;
  height: 180px;
  margin-left: .75rem;
  
}
.contact-box .words-top .add .i i{ font-size:60px}
.contact-box .words-top .add .wo {
  text-align: right;
}
.contact-box .words-top .add .t1 {
  font-size: 16px;
  line-height: 30px;
}

 .contact-box .words-top .add .i { float:right; width:100%; margin-bottom:10px
   ;
  }

  .contact-box .words-top .add .t0 {
    font-size: .2rem;
    line-height: 1.2;
   color:#fff
  }
.fl{ float:left;}
.fr{ float: right;}
  .contact-box .words-top .add .t1 {
    font-size: 14px;
    line-height: 24px; color:#fff
  }

  .contact-box .words-top .add .img {
   
   
  }
.contact-box .words-top .add .img img{ width:200px}
 .contact-box .words-bot {
  padding-top: 0.6rem;
  margin-bottom: 0.6rem; overflow:hidden; width:100%
}
.contact-box .words-bot .items {
  float: left;
  width: 23%;
  text-align: center;
  position: relative;
  color: #666666;
  font-size: 16px;
  line-height: 1.2; padding:1%
}
.contact-box .words-bot .items:hover .img {
  transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(-20px);
}
.contact-box .words-bot .items .cn {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem; color:#fff
}
.contact-box .words-bot .items .en{ color:#fff; line-height:30px}
.contact-box .words-bot .items .img {
  width: 45px;
  height: 45px;
  margin: 0 auto;
  transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
 
.contact-box .words-bot .items:nth-child(n+2):before {
  content: "";
  position: absolute;
  background: #e0e0e0;
  width: 1px;
  height: 2.125rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}


.contact-list2 {
  background: #eee;
   width:50%;
  padding: 55px 5%;min-height:550px;
}

.contact2-items {
  font-size: 0;
}

.contact2-item {
  width: 48.2%;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 25px; 
}

.contact2-item input {
  width: 100%;
  border: none;
  padding: 25px 0;
  font-size: 16px;
}
.imgmap{ width:40%}

.contact2-item input::-webkit-input-placeholder {
  color: #888;
}

.contact2-item2, .ct2-tjly {
  margin-right: 3.6%;
}

.contact2-item {
  width: 48.2%;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 25px;
  color: #cfab6f;
}

.contact2-item2, .ct2-tjly {
  margin-right: 3.6%;
}

.contact-list2 .pre {
  position: relative;
}
.contact-list2 .pro {
  position: absolute;
}
.contact-list2 input{
    width: 49%;
    border:none;
    padding: 25px 0;
    font-size: 16px;
	
	 
    border-bottom: 1px solid #999; background:#eee;
    margin-bottom: 30px;
    
    
   
   
    height: 50px; float:left; color:#333
}
.contact-list2 textarea{ width:100%; border-bottom:1px solid #999; height:100px; border-left:none; border-right:none; border-top:none; font-size:16px;
	}
.contact2-item input::-webkit-input-placeholder{
    color:#888;
}
.form-group{ overflow:hidden}
.contact-list2 button{padding: 0;
    border:none;
    background:none;
    outline: none;
    width: 500px;
    height: 58px;
    background: #fff;
    border: 1px solid #e8e8e8;
    text-align: center;
    line-height: 58px;
    color: #999;
    transition: all .2s ease;
    display: inline-block;
    font-size: 15px;
    transition:.5s ease-in-out; margin:20px auto}
	.contact-list2 button:hover{color:#21b4b8;
      border-color:#21b4b8;
      transition:.5s ease-in-out;}
.parter{ overflow:hidden}
.parter li{ float:left; width:13.4285714%; margin-right:1%; margin-top:10px}
.parter li:nth-child(7n){ margin-right:0}
.parter li img{ max-width:100%; }