*{
  margin: 0;
  padding:0;
}
*{
  margin: 0;
  padding:0;
}
/* 快速入口 */
.white-enter{
  position: absolute;
  right: 0;
  top:42vw;
  width: 1678px;
  height: 500px; 
  background-color: rgba(255, 255, 255, 1);
  border-radius: 3.6vw 0 0 0;
  box-shadow:0 0 4.167vw 0 rgba(39,131,250,0.2);
}
.white-enter-frontend{
  position: absolute;
  right: 0;
  top:42vw;
  width: 100%;
  height: 562px; 
  background-color: none;
}
.fast-enter{
  position: relative;
  top: 60px;
}
.fast-enter-CN{
  font-size: 34px;
  font-family:"Microsoft Yahei";
  font-weight:500;
  color: rgba(102, 102, 102, 1);
}
.fast-enter-EN{
  font-size: 34px;
  font-family:"Microsoft Yahei";
  font-weight:400;
  color: rgba(221,221,221,1);
}
.enterOptions{
  position: relative;
  top:80px;  
  width: 1200px;
  margin:0 auto;
  background-color: white;
}
.enterOptionItemImg img{
  width:100%;
  height:100%;
}
.enterOptionItem{
  width: 240px;
  height: 280px;
  float: left;
}
.white-enter:after{
  clear: both;
}
.dingchenService:after{
  clear: both;
}
.clearfix{
  zoom:1;/*为了兼容IE*/
}
.enterOptionItemImg{
  margin-top: 46px;
  margin-left: 63px;
  width: 110px;
  height: 110px;
}
.enterOptionItemTitle-CN{
  text-align: center;
  margin-top: 34px;
  font-size:18px;
  font-family:"Microsoft Yahei";
  font-weight:500;
  color:rgba(51,51,51,1);
}
.enterOptionItemTitle-EN{
  margin-top: 12px;
  text-align: center;
  font-size:14px;
  font-family:"Microsoft Yahei";
  font-weight:400;
  color:rgba(153,153,153,1);
}
.enterOptionItem:hover{
  box-shadow: 0px 0px 80px 0px rgba(39, 131, 250,0.1)
}
/* 产品中心 */
.button-prev{
  cursor :pointer;
  background:url('../../image/no-hover-prev.png') no-repeat;
  background-size: 100%;        
  width:60px;
  height:60px;
  border-radius:50%;
  box-shadow:0px 0px 10px 0px rgba(39,131,250,0.2);
}
.button-next{
  cursor :pointer;
  background:url('../../image/no-hover-next.png') no-repeat;
  background-size: 100%;
  width:60px;
  height:60px;
  border-radius:50%;
  box-shadow:0px 0px 10px 0px rgba(39,131,250,0.2);
}
.button-prev:hover{
  background:url('../../image/hover-prev.png') no-repeat;        
  background-size: 100%;
}
.button-next:hover{
  background:url('../../image/hover-next.png') no-repeat;        
  background-size: 100%;
}
.orange-icon{
  position:absolute;top:315px;left:19px;border-radius:50%;border:3px solid rgba(255,255,255,1);background:rgba(248,101,46,1);width:60px;height:60px;display:none;
}
.orange-font{
  font-size:18px;font-family:'Microsoft YaHei';font-weight:500;color:rgba(255,255,255,1);line-height:16px;padding-top: 18px;padding-left: 8px;
}
.green-font{
  font-size:18px;font-family:'Microsoft YaHei';font-weight:500;color:rgba(255,255,255,1);line-height:16px;padding-top: 18px;padding-left: 6px;
}
.green-icon{
  
  position:absolute;top:315px;left:19px;border-radius:50%;border:3px solid rgba(255,255,255,1);background:rgba(17,194,174,1);width:60px;height:60px;
}

.product-computer-swiper-scrollbar {
  height:3px;          
  width: 90%;
  margin:30px auto 0 auto;
}
.product-computer-swiper-scrollbar .swiper-scrollbar{
  background-color:#DBDBDB;        
}
.product-computer-swiper-scrollbar .swiper-scrollbar-drag{
  background-color:#2783FA;
}
.scrolllbar-comouter-area{
  width:89%;
}
.product-item-computer img{
  width:100%;
  height:auto;
}
.product-item-computer{
  width:340px;
  height:470px;
  background:rgba(255,255,255,1);
  box-shadow:0 10px 20px 0 rgba(93,169,219,0.2);
  border-radius:10px;
  position:relative;
}
.product-img-computer-area{
  width:340px;
  height:350px;
  overflow:hidden;
  border-radius:10px 10px 0px 0px;
}
.product-item-title-computer{
  font-size:18px;
  margin-top:45px;
  margin-left:22px;
  margin-bottom:17px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(102,102,102,1);
  line-height:16px;
}
.product-item-content-computer{
  margin-left:22px;
  font-size:14px;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:16px;
}
.product-computer-swiper .swiper-slide {
  padding:0 90px;
  padding-left:0;
  
}
.productCenterAndNewsCenter{
  position: relative;
  width: 1200px;
  margin:0 auto;  
}

@media(max-width: 1024px){
.productCenterTitle{
  position: absolute;
  top: 0;
  left:0;
  height:60px;
  line-height:60px;
  margin-left: 6%;
  
}
}
@media(min-width: 1025px){
.productCenterTitle{
  position: absolute;
  top: 0;
  left:0;
  height:60px;
  line-height:60px;
  
}
}
.chanpin-add{
  width:auto;
  margin:0 auto 76px auto;
  display:-webkit-flex;
  display:flex;
  padding-top:120px;
}
.productCenterTitle-CN{
  font-size:34px;
  font-family:"Microsoft Yahei";
  font-weight:500;
  color:rgba(102,102,102,1);
}
.productCenterTitle-EN{
  font-size:34px;
  font-family:"Microsoft Yahei";
  font-weight:400;
  color:rgba(221,221,221,1);
}
.productButton{
  position: absolute;
  top: 0;
  right: 0;
  width:260px;
  height:60px;
  background:rgba(255,255,255,1);
  border:2px solid rgba(17,194,174,1);
  border-radius:40px;
}
.readNewsImg{
  width:27px;
  height:27px;
  background: url("../../image/buttonImg.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 13px;
  left: 26px;
}
.readNewsText{
  height:18px;
  font-size:18px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(17,194,174,1);
  position: relative;
  left: 67px;
  line-height: 56px;
}
.productButton:hover{
  background-color: rgba(17,194,174,1);
}
.productButton:hover .readNewsText{
  color: #fff;
}
.productButton:hover .readNewsImg{
  background: url("../../image/buttonImg-White.png") no-repeat;
  background-size: 100%;
}
.producLunbo{
  position: relative;
  width: 1200px;  
  height:auto;
}
/* 新闻中心 */
.news-item-position{
  position:relative;
}
.new-web-lunbo{
  position:absolute; 
  width:777px;
  top:116px;      
  right:0;
  overflow:hidden;
}
.new-web-lunbo .swiper-slide {            
  padding:0 20px;
}
.new-web-lunbo .news-item{
  height:340px;
  width:440px;
  border-radius:10px;
  border:8px solid white;
  box-shadow:0px 10px 20px 0px rgba(93,169,219,0.2);
  overflow:hidden;
}
.news-date-area{
  width:60px;height:70px;background:rgba(248,101,46,1);position:absolute;right:13px;top:0;
}
.news-day-font{
  font-size:36px;font-family:'Microsoft YaHei';font-weight:500;color:rgba(255,255,255,1);line-height:24px;text-align:center;padding-top: 5px;padding-bottom: 10px;    
}
.news-date-hr{
  width:48px;height:1px;background-color: white;margin-left: auto;margin-right: auto;margin-top: 1px;margin-bottom: 4px;
}
.news-yearandmonth-font{
  font-size:14px;font-family:'Microsoft YaHei';font-weight:500;color:rgba(255,255,255,1);line-height:24px;text-align: center;
}
.newsCenter{  
  width: 1200px;
  height:630px;
  position: relative;
}
.newsBar{
  margin-top:22px;
  padding-left: 1px; 
}
.newsBar-CN{
  font-size:36px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(102,102,102,1);
}
.newsBar-EN{
  font-size:36px;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:rgba(221,221,221,1);
}
.readNews{
  position: relative;
  left: 922px;
  top: -71px;
}
.news{
  width: 354px;  
  position:relative;
  top:131px;
}
.douhao{
  
  width:26px;
  height:23px;
  background: url("../../image/douhao.png") no-repeat;
  background-size: 100%;
}
.newsTitle{
  position:relative;
  width: 354px;
  margin-top: 16px;
  margin-bottom: 36px;
  font-size:18px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(51,51,51,1);
  margin-bottom: 1.875vw;
}
.newsText{
  position:relative;
  width: 354px;
  font-size:14px;
  font-family:"Microsoft YaHei";
  font-weight:300;
  color:rgba(153,153,153,1);
}
.newsButton{
  position:relative;
  width:140px;
  height:44px;
  border-radius:22px;
  border:2px solid rgba(17,194,174,1);
  margin-top: 67px;
}
.viewDtails{
  text-align: center;
  font-size:18px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(17,194,174,1);
  line-height: 40px;
}
.newsButton:hover{
  background-color: rgba(17,194,174,1);
}
.newsButton:hover .viewDtails{
  color: #fff;
}
.newsLunbo{
  overflow:hidden;
  height: 340px;
  width: 777px;
  position: absolute;
  top: 154px;
  left: 409px;
}
.newsArrow{
  position:absolute;
  height:60px;
  width: 100%;
  left:0;
  bottom:50px;
  margin: 96px auto 0 auto;
}
.newsArrow-box{
  width:145px;
  height:60px;
  margin:0 auto;
}
.arrowLeft{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(39,131,250,0.2);
  float: left;
}
.arrowRight{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px rgba(39,131,250,0.2);  
  float:right;
}
/* 企业文化 */
.map img{
  width:100%;
  height:auto;
}
.map{
  position: relative;
  width: 100%;
  height: auto;
  background:linear-gradient(-90deg,rgba(25,191,179,1) 0%,rgba(91,166,222,1) 100%);
  margin-bottom:100px;
}
.mapInner{
  width: 1200px;
  height: 568px;
  margin:0 auto;
  background: url("../../image/new-map.png") no-repeat;
  background-size: 100%;
}
.mapPagesCN{
  text-align: center;
  font-size:36px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(255,255,255,1);
  margin-top: 36px;
}
.mapPagesEN{
  margin-top: 22px;
  text-align: center;
  font-size:36px;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:rgba(255,255,255,1);
}
.mapTarget,.mapIdea,.mapPosition{
  font-size:18px;
  font-family:"Microsoft YaHei";
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.mapTargetPages,.mapIdeaPages,.mapPositionPages{
  width:12.4vw;
  height:3.23vw;
  font-size:0.73vw;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:1.25vw;
  text-align: center;
}
.mapTarget{
  position: absolute;
  top: 20.83vw;
  left: 10.42vw;
}
.mapIdea{
  position: absolute;
  top: 25.78vw;
  left: 33.65vw;
}
.mapPosition{
  position: absolute;
  top: 20.83vw;
  left: 56.98vw;
}
.mapTargetPages{
  position: absolute;
  top: 22.97vw;
  left: 6.1vw;
}
.mapIdeaPages{
  position: absolute;
  top: 27.72vw;
  left: 28.8vw;
}
.mapPositionPages{
  position: absolute;
  top: 22.97vw;
  left: 52.81vw;
}
/* 关于鼎诚样式 */
.aboutDingCheng{
  position: relative;
  width:1200px;
  height:600px;
  margin:0 auto;
}
.enterBarCh{
  position: relative;
  top: 135px; 
  font-size:36px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(102,102,102,1);
}
.enterBarEn{
  position: relative;
  top: 138px; 
  font-size:36px;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:rgba(221,221,221,1);
}
.dingChengText{
  position: relative;
  top:93px;
}
.dingChengTextDouhao{
  width: 27px;
  height: 23px;
  background: url("../../image/douhao.png") no-repeat;
  background-size: 100%;
}
.dingChengTextText{
  margin-top: 22px;
  width:448px;
  height: auto;
  font-size:14px;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:24px;
}
.dingChengTextImg{
  position: relative;
  top: 29px;
  left: 4px;
}
.dingChengTextImgItem{
  width: 100px;
  height: 100px;
  float: left;
  border-radius:5px;
  margin-right: 15px;
  box-shadow:0px 0px 10px 0px rgba(93,169,219,0.2);
}
.miniImgItem{
  margin-left: 33px;
  margin-top:19px;
  width: 35px;
  height: 35px;
}
.dingChengTextImgHonest{
  background: url("../../image/aboutDingChengJob.png") no-repeat;
  background-size: 100%;
}
.dingChengTextImgHonestText{
  position: relative;
  top:10px;
  text-align: center;
  font-size:12px;
  font-family:Source Han Sans SC;
  font-weight:bold;
  color:rgba(102,102,102,1);
}
.dingChengTextImgJob{
  background: url("../../image/innovate.png") no-repeat;
  background-size: 100%;
}
.dingChengTextImgInnovate{
  background: url("../../image/abouDingChengHonest.png") no-repeat;
  background-size: 100%;
}
.dingChengTextImgService{
  background: url("../../image/aboutDingChengTextService.png") no-repeat;
  background-size: 100%;
}
.dingChengTextButton{
  position: absolute;
  top:300px;
}
.dingChengImg{
  width: 653px;
  height: 513px;
  background:url("../../image/aboutDingCheng.png") no-repeat;
  background-size: 100%;
  position: relative;
  top: -278px;
  left: 595px;
}
/* 鼎诚服务 */
.dingchenHr {
  width: 1022px;
  height: 1px;
  color: rgba(233, 239, 254, 1);
  border: 1px solid rgba(233, 239, 254, 1);
  margin-top: 130px;
  position: relative;
  background-color: rgba(233, 239, 254, 1);
  margin:0 auto;
}

.dingchenServiceCN {
  font-size: 36px;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  color: rgba(102, 102, 102, 1);
  margin-top: 88px;
  text-align: center;
}
.dingchenServiceEN {
  height: 28px;
  font-size: 36px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: rgba(221, 221, 221, 1);
  margin-top: 22px;
  text-align: center;
}
.photoGroup {
  margin-top: 62px;
  width: 100%;
  height: 360px;
}

.photoItemdo {
  position: relative;
  float: left;
  width: 380px;
  height: 360px;
  box-shadow: 0px 0px 30px 0px rgba(39, 131, 250, 0.2);
  border-radius: 10px;  
}

.photoItemir {
  float: left;
  width: 380px;
  height: 360px;
  box-shadow: 0px 0px 30px 0px rgba(39, 131, 250, 0.2);
  border-radius: 10px;
  margin-right: 30px;
}
.photoItempe {
  float: left;
  width: 380px;
  height: 360px;
  box-shadow: 0px 0px 30px 0px rgba(39, 131, 250, 0.2);
  border-radius: 10px;
  margin-right: 30px;
}
.photoItemText {
  font-size: 18px;
  font-family: "Microsoft YaHei";
  text-align: center;
  height: 17px;
  font-weight: 500;
  color: rgba(102, 102, 102, 1);
  line-height: 74px;
}
.photoItemDoctor,.photoItemIron,.photoItemPerson{
  width: 100%;
  height: 286px;
}
.photoItemInner{
  position: relative;
  top: 8px;
  width: 362px;
  height: 270px;
  margin: 0 8px;
  overflow: hidden;
}
.photoGroup img{
  width: 100%;
  height: 100%;
}
.photoGroup img:hover{
  transition: all 0.6s;
  transform: scale(1.1);
}
.serviceButton {
  position: relative;
  margin: 62px auto 0 auto;  
}
.dingchenService {
  position: relative;
  width: 1200px;
  height:790px;
  margin:0 auto;
}
.bg{
  background: url("../../image/background-img.png") no-repeat;
  background-size: 100%;
}
/* 底部样式 */
.footer{
  width: 100%;
  height: auto;
  background:url("../../images/footer-background.png") no-repeat;
  background-size:cover;
  background-position:bottom center;
  position: relative;
  padding:0;
}
/*
股东介绍
*/
@media(max-width: 1024px){
.introduction-left{
  display:none;
}
.introduction-right{
  width:100%;
}
}
@media(min-width: 1025px){
.introduction-left{
  width:43.72%;
  margin-left: 65px;
}
.introduction-right{
  width:73.80%;
}
}
.introduction-all{
  display: -webkit-flex;
  display: flex;
}


/*列表文本小蓝边*/

.red-border{
  background-color:#F9F9F9;
  padding: 20px;
}
.red-border-top{
  margin-top:3.4vw;
}
@media(max-width:1024px){
.introduction-all .red-border-first{
  margin-top:0;
}
}
@media(min-width:1025px){
.introduction-all .red-border-first{
  margin-top:30px;
}
}
.introduction-all .red-border-top{
  margin-top:30px;
}
.red-border-text-top{
  margin-top: 1.7vw;
}
.red-border-text{
  text-indent:2em;
  color: rgb(102,102,102,1);
  font-family:"Microsoft YaHei";
  font-weight:400; 
  line-height: 28px; 
  font-size: 14px; 
  white-space: normal; 
  -ms-word-break: break-all; 
  background-color: rgb(255, 255, 255); 
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
  overflow-wrap: break-word;
}
.red-border-text-bottom{
  margin-bottom: 1.8vw; 
}
/*
联系我们样式
*/
@media(min-width:1025px){
.contactBlock-row{
  width:33.3%;
  height:150px;
  float:left;
  background-color:white;
  margin-bottom: 80px;
  
}
}
@media(max-width:1024px){
.contactBlock-row{
  width: 100%;
  height: 180px;
  background-color: white;  
  margin-bottom:0;
  
}
}
.contactBlock{
  width:33.3%;
  height:150px;
  float:left;
  background-color:white;
  
}
.contactTitle{
  font-size:16px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height:24px;
  padding-left:15px;
  padding-bottom:15px;
  margin-top:0;
}
.contactHr{
  width:300px;
  height:2px;
  border:1px solid rgba(204,204,204,1);
  background-color: rgba(204,204,204,1);
}
.contactFrame{
  padding-left:15px;padding-top:17px;padding-bottom:25px;
}
.contactPhone{
  height:12px;
  font-size:14px;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:24px;float:left;
}
.contactAddress{
  width:246px;
  height:38px;
  font-size:14px;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:24px;float:left
}
/*大事记*/
.we-text p {
  margin: 0 0 10px;
  line-height: 25px;
  color: #555
}


.line-h20 {
  line-height: 20px !important
}

.line-h30 {
  line-height: 40px !important
}

.regard-nav li {
  width: 33%;
  padding: 29px 0 0;
  border-left: 1px solid #a2a1a1
}

.regard-nav li.active:hover, .regard-nav li.active {
  background-color: #eeb824;
  border: 0
}

.regard-nav li:hover {
  background-color: #eee
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border: 0;
  color: #fff
}

.nav-tabs.phone-index-about > li.active > a, .nav-tabs.phone-index-about > li.active > a:focus, .nav-tabs.phone-index-about > li.active > a:hover {
  border: 0;
  color: #25C884;
  font-size:0.7778rem;
}

.nav-tabs.phone-index-about > li > a> .phone-index-introduct{
  height:1.1111rem;
  width:1.1111rem;
}

.nav-tabs.phone-index-about > li > a> .phone-index-start{
  height:1.1111rem;
  width:1.1111rem;
}

.nav-tabs.phone-index-about > li > a> .phone-index-public{
  height:1.1111rem;
  width:1.1111rem;
}

.nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
  border: 0;
  color: #777272;
  padding: 0
}
.nav-tabs.phone-index-about > li > a, .nav-tabs.phone-index-about > li > a:focus, .nav-tabs.phone-index-about > li > a:hover {
  border: 0;
  color: #333333;
  font-size:0.7778rem;
  padding: 0
}

.nav-tabs li p {
  padding: 20px 0 0;
  color: #aeaeae;
  font-size: 19px
}

.img img {
  width: 100%
}

.adv-title {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 50px
}

.recommend .adv-title .bor-bottom, .regard .adv-title .bor-bottom {
  background-color: #f1b82e
}

.fuli ul {
  overflow: hidden;
  width: 800px;
  margin: 0 auto
}

.fuli ul li {
  float: left;
  background-color: #f5f5f5;
  width: 180px;
  height: 180px;
  text-align: center;
  margin: 5px;
  padding: 30px 0 10px 0
}

.fuli ul li img {
  padding-bottom: 17px
}

.fuli ul li p {
  margin: 0 0 3px;
  line-height: 60px;
  font-size: 10px
}

.job .group {
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  margin: 25px 0;
  padding: 10px 0;
  color: #000
}

.group span {
  width: 6px;
  display: block;
  height: 6px;
  float: left;
  border-radius: 10px;
  background-color: #b7b7b7;
  padding: 2px;
  margin: 8px 9px 4px 10px
}

.job-title {
  padding: 6px 12px;
  color: #545353;
  font-size: 16px
}

.job-title i {
  width: 20px;
  height: 20px;
  background-image: url(../images/regard/100.png);
  background-position: -20px 0;
  background-repeat: no-repeat;
  display: block;
  float: right
}

.panel-warning {
  border-color: #f5f5f5;
  background-color: #f5f5f5
}

.job {
  color: #545353;
  margin-bottom: 70px
}

.panel-body {
  padding: 10px 3px;
  border-top: 1px solid #ccc;
  margin: 0 12px;
  line-height: 27px
}

.job .job-class {
  float: left
}

.job-down .job-title {
  color: #396fc2
}

.job-down .job-title i {
  background-position: 0 0
}

.forbid {
  overflow: hidden;
  height: 100%
}

.popup-div {
  overflow: scroll;
  height: auto
}

.recommend .adv-title {
  margin-bottom: 0
}

.advocate {
  width: 16.6%;
  float: left;
  position: relative
}

.advocate > img {
  width: 100%
}

.advocate-on {
  position: absolute;
  top: 25%;
  left: 0;
  color: #fff;
  text-align: center;
  width: 100%
}

.advocate .advocate-on img {
  transform: matrix(1, 0, 0, 1, 0, 0);
  transition: all .5s
}

.advocate:hover .advocate-on img {
  transform: translate(0%, -50%) matrix(1, 0, 0, 1, 0, 0);
  transition: all .5s
}

.advocate .on-p {
  opacity: 1;
  margin-top: 30px;
  transition: all 1s
}

.advocate:hover .on-p {
  opacity: 0;
  display: none;
  transition: all .5s
}

.advocate .after-p {
  transform: matrix(1, 0, 0, -1, 0, 0);
  transition: all .5s;
  opacity: 0
}

.advocate:hover .after-p {
  transform: translate(0%, 0%) matrix(1, 0, 0, 1, 0, 0);
  transition: all .5s;
  opacity: 1
}

.advocate:hover .add-meng {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #00779f;
  opacity: .3;
  top: 0;
  left: 0
}

.regard-client .client-content {
  padding: 10px 0
}



.regard-client ul {
  padding-left: 40px;
}

.page li img:hover {
  transform: scale(1);
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s
}

.we-join ul li {
  padding: 20px 10px
}

.we-join .adv-title {
  margin-top: 30px
}

.believe dl {
  width: 50%;
  text-align: center;
  float: left
}

.believe dl:first-child {
  padding-left: 10%
}

.believe dl:nth-child(2) {
  padding-right: 10%
}

.believe dl:first-child dt {
  border-right: 1px solid #c3c2c2
}

.believe .big-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 45px
}

.we-map {
  position: relative;
  margin-bottom: 50px
}

.we-map .map-img {
  width: 471px;
  height: 379px;
  max-width: 100%;
  background: url("../images/regard/about-intro-map.png");
  margin: 10px auto 0;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative
}

.text-map {
  position: absolute;
  background-color: rgba(239, 192, 63, 0.7);
  top: 26%;
  width: 462px;
  left: 10%;
  padding: 20px 30px;
  color: #545151;
  max-width: 100%
}

.dian {
  position: absolute;
  display: block;
  width: 13px;
  height: 13px;
  background: #085dad;
  border-radius: 20px
}

.zi {
  position: absolute;
  display: block;
  right: -118px;
  font-size: 16px;
  color: #555
}

.tianjin .dian {
  right: 115px;
  top: 141px;
  background-color: #ecba25
}

.tianjin .zi {
  top: 125px;
  color: #ecba25
}

.beijing .dian {
  right: 120px;
  top: 148px
}

.beijing .zi {
  top: 148px
}

.shanghai .dian {
  right: 60px;
  top: 219px
}

.shanghai .zi {
  top: 219px
}

.shenzhen .dian {
  right: 157px;
  top: 337px
}

.shenzhen .zi {
  top: 337px
}

.years .year-class:first-child {
  margin-top: 48px
}

.years .year-class:nth-child(2) {
  margin-top: 1129px
}

.years .year-class:nth-child(3) {
  margin-top: 322px
}

.years .year-class:nth-child(4) {
  margin-top: 30px
}

.years .year-class:nth-child(5) {
  margin-top: 91px
}

.years .year-class:nth-child(6) {
  margin-top: 54px
}

.years .year-class:nth-child(7) {
  margin-top: 62px
}

.years .year-class:nth-child(8) {
  margin-top:963px
}

.years .year-class:nth-child(9) {
  margin-top: 919px
}

.years .year-class:nth-child(10) {
  margin-top: 606px
}

.years .year-class:nth-child(11) {
  margin-top: 300px
}
.years .year-class:nth-child(12) {
  margin-top: 217px
}
.years .year-class:nth-child(13) {
  margin-top: 82px
}
.years .year-class:nth-child(14) {
  margin-top: 52px
}
.img-f30.f30 {
  font-size: 20px !important;
  letter-spacing: 23px;
  line-height: 80px;
  text-indent: 6px;
}

@-webkit-keyframes bg-xian {
  0% {
    height: 0
  }
  100% {
    height: 5740px
  }
}

@-webkit-keyframes bg-op {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

/*.course-content {
margin: 50px 0
}
*/

.years {
  width: 298px;
  float: left;
  min-height: 500px;
  min-width: 248px;
  position: relative;
  /*margin-left: 10%*/
}

.course-text .text-class, .years .year-class {
  position:relative;  
  z-index:1;
}
.course-xian {
  width: 1px;  
  position: absolute;
  right: 5px;
  top: 0;
  background-color: #bdbdbd;
  z-index: 0;
  height:5763px;
}

.years-active .year-num {
  
}

.years-active .year-dian {
  background:linear-gradient(-90deg,rgba(25,191,179,1),rgba(91,166,222,1));
}

.year-num {
  float: left;
  text-align: center;
  width:236px;
  height:66px;
  background:linear-gradient(-90deg,rgba(25,191,179,1),rgba(91,166,222,1));
  /*background: url("../../image/bigNews.png");
  background-size:cover;*/
  line-height: 66px;
  font-size: 24px;
  font-weight:400;
  color:#FFF;
  background: url("../../image/bigNews.png");
  background-size: cover;
}

.year-dian {
  float: right;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background:#e5e9ef;
  margin-top: 27px
}

.year-class {
  margin-top: 34px
}

.course-text {
  float: left;
  margin-left: 66px;
  width: 65%
}

.text-class {
  margin-bottom: 60px
}

.product-html .regard-nav li {
  width: 179px;
  padding: 29px 0 0;
  max-width: 14.2%
}

.regard-nav li.active p {
  color: #fff
}

.product-html #myTab > li > a > div {
  min-height: 42px
}

.xian span {
  padding: 10px 25px;
  background: #fff;
  font-size: 30px;
  color: #000;
  text-align: center
}

.xian {
  margin: 84px 0 85px;
  background: url("../images/xian.png") repeat;
  background-position: 100% 50%;
  text-align: center
}

.over-text {
  width: 1184px;
  margin: 0 auto;
  font-size: 16px;
  color: #000;
  margin-bottom: 40px
}

.youshi-block ul li:nth-child(5n), .youshi-block ul li:first-child {
  margin-left: 0
}

.youshi-block ul li {
  float: left;
  height: 295px;
  text-align: center;
  margin: .32%;
  padding: 30px 0 10px 0;
  width: 307px;
  border: 1px solid #d2d2d2
}

.server .youshi-block ul li {
  float: left;
  height: 313px;
  text-align: center;
  margin: .32%;
  padding: 30px 0 10px 0;
  width: 417px;
  border: 1px solid #d2d2d2;
  max-width: 49%
}

.youshi-block ul {
  padding: 0
}

.block-text {
  margin-top: 20px;
  padding: 0 12%;
  color: #888;
  line-height: 30px;
  font-size: 16px
}

.block-text b {
  color: #000;
  font-size: 18px
}

.pro-user img {
  margin-bottom: 10px
}

.m-year {
  display: none
}

.pro-user.last {
  margin-bottom: 50px
}

.art .regard-nav li {
  width: 320px;
  max-width: 25%;
  min-height: 126px
}

.years.clear {
  display: block
}

.we-text {
  width: 900px;
  margin: 0 auto
}

.server .regard-nav li {
  width: 20%;
  padding: 29px 0 0;
  height: 128px
}

@media (min-width: 992px)and (max-width: 1199px) {
.container {
  width: 964px
}
}

@media (min-width: 1200px) {
.container {
  width: 1200px;
  padding: 0
}
}

@media (max-width: 1024px) {
.advocate .after-p {
  transform: matrix(1, 0, 0, -1, 0, 0);
  transition: all .5s;
  opacity: 0;
  padding: 0 5px;
  font-size: 10px
}

.course-text {
  float: left;
  margin-left: 50px;
  width: 100%
}

.advocate:hover .after-p {
  transform: translate(0%, -16px) matrix(1, 0, 0, 1, 0, 0);
  transition: all .5s;
  opacity: 1
}

.years.clear {
  display: none
}

.m-year {
  display: block;
  float: none;
  margin: 0 0;
  background:linear-gradient(-90deg,rgba(25,191,179,1),rgba(91,166,222,1));
}

.course-text {
  float: left;
  margin-left: 0
}

.advocate {
  width: 32.6%;
  float: left;
  position: relative
}

.believe dl:first-child {
  padding-left: 0
}

.believe dl:nth-child(2) {
  padding-right: 0
}

.page1 {
  width: 100%;
  padding: 0
}

.page1 li {
  width: 30%
}

.regard-nav.nav.nav-tabs {
  display: none
}

.text-map {
  position: relative;
  background-color: rgba(239, 192, 63, 0.7);
  top: 26%;
  width: 100%;
  left: 0;
  padding: 20px 30px;
  color: #545151;
  max-width: 100%
}

.xian {
  margin: 30px 0 20px;
  background: url(../images/xian.png) repeat;
  background-position: 100% 50%;
  text-align: center
}

.block-text {
  margin-top: 20px;
  padding: 0 12%;
  color: #888;
  line-height: 24px;
  font-size: 12px
}

.youshi-block ul li {
  width: 49%
}

.fuli ul {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 0
}

.fuli ul li {
  float: left;
  background-color: #f5f5f5;
  width: 32%;
  height: 180px;
  text-align: center;
  margin: 2px;
  padding: 30px 0 10px 0
}
}
.clear:after {
  content: "";
  display: block;
  clear: both;
}
/*大事记*/
.borderVisible{
  width:100%;
  font-size:16px;
}

.borderVisible tr{
  height:73px;
}
.red-border-left{
  height:18px;
  font-size:18px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(51,51,51,1);
  border-left: 2px solid rgba(17,194,174,1);
  padding-left: 16px;
  line-height:18px;
}
@media (max-width: 1024px){
.contactTitle{
  font-size:16px;font-family:"Microsoft YaHei";
  font-weight:500;color:rgba(51,51,51,1);line-height:24px;padding-left:15px;padding-bottom:15px;
}
.contactBlock{
  width:100%;height:180px;background-color:white;
}
.contactHr{
  width:100%;
  height:2px;
  border:1px solid rgba(204,204,204,1);
  background-color: rgba(204,204,204,1);
}
.red-border-left{
  height:auto;
  font-size:18px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(51,51,51,1);
  border-left: 2px solid rgba(17,194,174,1);
  padding-left: 16px;
  line-height:36px;
}
}


/*
产品列表样式
*/
@media(max-width: 1024px){
.productArea{
  padding-bottom:30px;
  padding-top:30px;
}
.p_productButton{
  position:relative;
  margin:0 auto;
  width:100%;
  height:40px;
  background:rgba(255,255,255,1);
  border:2px solid rgba(17,194,174,1);
  border-radius:20px;
}
.newsButton {
  width: 100px;
  height: 40px;
  border-radius: 20px;
  border: 2px solid rgba(17,194,174,1);
  margin-top: 3.5vw;
  position: relative;
  left: 88px;
}
.viewDtails {
  text-align: center;
  font-size: 15px;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  color: rgba(17,194,174,1);
  line-height: 35px;
}
.p_area{
  width:100%;
  margin-bottom:0px;
  background:rgba(255,255,255,1);
  box-shadow:0px 0px 40px 0px rgba(39,131,250,0.2);
  border-radius:20px;
}
.aproductButton{
  position:static;
  margin-left:auto;
  margin-right:auto;
}
}
@media(min-width:1025px){
.productArea{
  padding-top:51px;
}
.aproductButton{ 
  width: 140.16px;
  height:40px;
  background:rgba(255,255,255,1);
  border:2px solid rgba(17,194,174,1);
  border-radius:20px;
  margin-top: 27px;
  margin-left: auto;
  margin-right: auto;
}
.p_area{
  width:100%;
  margin-bottom:130px;
  background:rgba(255,255,255,1);
  box-shadow:0px 0px 40px 0px rgba(39,131,250,0.2);
  border-radius:20px;
}
.proudct-xq{
  line-height:36px;
  font-size: 14px;
}
}

.p_top{
  overflow:hidden;
  width:100%;height:260px;
}
.p_img{
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  width:100%;
}
.p_bottom{
  height:140px;
  width:100%;
  text-align:center;
  padding-top:27px;
  padding-bottom:26px;
}
.productTitle{
  margin:0px;
  font-size:18px;
  line-height:18px;
  font-family:"Microsoft YaHei";;
  font-weight:400;
  color:rgba(102,102,102,1);
  text-align:center;
}
/*
特色服务专区样式
*/
.tsfw-hidden-xs{
  width:100%;
  height:80px;
  background:linear-gradient(-90deg,rgba(25,191,179,1) 0%,rgba(91,166,222,1) 100%);
}
.tsfw-opacity{
  width: 330px;
  height: 46px;
  background: rgba(0,0,0,1);
  opacity: 0.3;
  position: absolute;
  bottom: 5px;
}
.tsfw-opacity-text{
  font-size:20px;
  font-family:'Microsoft YaHei';
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height:43px;
  text-align:center;
}
@media(max-width: 1024px){
.tsfw-opacity{
  position:absolute;
  bottom:0;
}
.specialArea{
  width:100%;height:440px;float:left;margin-right:56px;margin-bottom:50px;margin-top:50px;
}
.specialTop{
  width:100%;height:190px;margin-bottom:5px;overflow: hidden;position:relative;
}
.specialPages{
  width:100%;height:175px;background-color:rgba(255,255,255,1);
}
.spe_point{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  border: 1px dashed rgba(220,220,220,1);
}
.specialButton{
  position:static;
  margin-left: auto;
  margin-right: auto;
}
.specialBottom{
  padding:0;
}
.specialArea{
  margin-top:0;
}
}
@media(min-width: 1025px){
.product-web-all{
  margin-top:51px;
  margin-bottom:80px;
}
.specialArea{
  width:330px;height:440px;float:left;margin-left:35px;margin-right:35px;margin-bottom:50px;
}
.specialPages{
  width:330px;height:175px;background-color:rgba(255,255,255,1);
}
.specialTop{
  width:330px;height:190px;margin-bottom:5px;position:relative;
}
.spe_point{
  border:1px dashed rgba(220,220,220,1);
}
.specialButton{
  width: 120px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  background: rgba(255,255,255,1);
  border: 2px solid rgba(17,194,174,1);
  border-radius: 20px;
}
.pointLine{
  width:292px;height:1px;position:relative;bottom:0px;left:19px;
}
.specialBottom{
  padding:0;
}
}

.s_page{
  margin-left:50px;text-align:left;font-size:14px;font-family:'Microsoft YaHei';font-weight:400;color:rgba(102,102,102,1);line-height:26px
}
.specialPoint{
  width:6px;height:6px;color:rgba(17,194,174,1);margin-right: 11px;
}
.special_p_img{
  width:100%;
}
.buttonFont{
  line-height:36px;
}
.p_web_clear{
  clear:both;
}
.product-web-all{
  margin-top:50px;
} 
/*投保指南*/
.jiaofei-auto{
  padding: 16px;
  font-size:16px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(102,102,102,1);
  line-height:38px;
  padding-left: 48px;
}
.tbzn-font-size{
  text-align: left; 
  font-size: 16px;
  padding: 16px;
  font-family:"Microsoft YaHei";
  color:rgba(102,102,102,1);
  line-height:38px;
  font-weight:400;
}
.tedian{
  background-color:#FCFCFC;
}
.font-padding{
  padding-left:49px;
}
.tbzn-footer{
  padding-left:48px;
}
@media (max-width: 1024px) {
.tbzn-margin .row{
  margin-right:0;
  margin-left:0;
}
.jiaofei-auto{
  padding-left:17px;
}
.font-padding{
  padding-left:17px;
}
.h5-hidden{
  display:none;
}
.tbzn-footer{
  padding-left:17px;
}
}
@media (min-width: 1025px) {

.pc-hidden{
  display:none;
}
}
/*保单变更*/
.thead-min-width{
  min-width:3em;
}
.lpfw-thead-min-width{
  min-width:4em;
}
/*
常见问题解答样式
*/
.art-content-row{
  width:100%
}

.art-content-row-pages{
  float:left;margin-left:8px;width:90%;max-width:1155px;min-height:1px;line-height:24px;font-size:16px;font-weight:bold;color:#666;
}
.art-clear{
  clear:both;
}
.art-content-rowsmall{
  width:100%;margin-top:16px;
}
.art-content-rowsmall-pages{
  float:left;margin-left:8px;width:90%;max-width:1105px;min-height:1px;color:#666;font-size:14px;line-height:24px;
}
@media(min-width: 1025px){
.art-content-row-img{
  float:left;margin-left:21px;height:24px;width:24px;min-height:1px;
}
.art-content-rowsmall-img{
  float:left;margin-left:21px;height:24px;width:24px;min-height:1px;
}
}
.bottom-phone{
  display:none;
}
@media(max-width: 1024px){
.bottom-pc{
  display:none;
}
.bottom-phone{
  display:block;
}
.art-content-row-img{
  float:left;height:24px;width:24px;min-height:1px;
}
.art-content-rowsmall-img{
  float:left;height:24px;width:24px;min-height:1px;
}
}
#menu-lev3 {
  text-align: center;
  width: 100%;
  margin-bottom: 45px;
}
.video-web-area{
  position: absolute;
  top: 0;
  right:0;    
  width: 700px;
  height: 400px;         
}
.video-web-position-back{
  position:relative;
  left:-20px;
  height:394px;
  width:700px;  
  margin:0 auto;
  border:5px solid white;
  border-radius:10px;       
  box-shadow:0px 0px 30px 0px rgba(39,131,250,0.2);   
}

.video-web-position{
  position:relative;
  top:-391px;
  left:0;
  height:390px;
  width:660px;
  margin:0 auto;
  /*border:5px solid white;*/
  border-radius:10px;       
  box-shadow: 15px 15px 0 #11C2AE;
}
.video-web-position-back-img{
  width:100%;height:100%;border-radius: 10px;
}
.hidden-xs-add{
  width:100%;height:80px;background:linear-gradient(-90deg,rgba(25,191,179,1) 0%,rgba(91,166,222,1) 100%);
}
/*
客户服务节
*/
.special-cus-text{
  text-indent:28px
}
.special-cus-pages{
  font-size: 18px;font-family:'Microsoft YaHei';font-weight: 400;color: #333;line-height: 34px;text-indent:2em;
}
.redirectHidden{
  display:none;
}
.bayWindow{
  width: 360px;
  height: 204px;
  position: fixed;
  top:0;
  left:0;
  z-index: 1001;
  cursor: pointer;
}
.bayWindow_xunshi{
  width: 100%;
  height: 100%;
  display: block;
}
.bayWindow_close{
  position: absolute;
  top:15px;
  right: 15px;
  width:15px;
  height: 15px;
}
.bayWindow_box{
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(192,192,192,0.8);
  display: none;
}
.bayWindow_box div{
  overflow-x: hidden; 
  overflow-y: auto;
  width: 500px;
  height: 100%;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%); /* Opera */
  -ms-transform: translate(-50%,-50%);   /* IE 9 */
  -moz-transform: translate(-50%,-50%);  /* Firefox */
  -webkit-transform: translate(-50%,-50%); /* Safari 和 Chrome */
}
.bayWindow_box img{
  width: 500px;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%); /* Opera */
  -ms-transform: translate(-50%,-50%);   /* IE 9 */
  -moz-transform: translate(-50%,-50%);  /* Firefox */
  -webkit-transform: translate(-50%,-50%); /* Safari 和 Chrome */
}
.footer .footer-flex{
  display: -webkit-flex;
  display: flex;
  width:1200px;
  height:175px;
  margin:0 auto;
  margin-top:90px;
}
.footer-logo{
  width: 21%;
  padding-top:2px;
}
.footer-logo img{
  width: 200px;
  height:auto;
  padding-left:0;
}
.footer-weixin{
  margin-top:49px;
}
.footer-weixin img{
  width:68px;
  height:68px;
}
.footer-weixin-text{
  font-size:14px;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:46px;
  text-align:center;
}
.footer-text-title{
  font-size:16px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:rgba(255,255,255,1);
  margin-bottom:21px;
}
.footer-hr{
  display: -webkit-flex;
  display: flex;
  margin-bottom:10px;
}
.footer-hr-bold{
  width:63px;
  height:3px;
  background:rgba(255,255,255,1);
}
.footer-hr-thin{
  width:157px;
  height:1px;
  background:rgba(255,255,255,1);
  margin-top: 1px;
}
.footer-text{
  font-size:14px;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:rgba(255,255,255,1);
  line-height:40px;
}
.footer-text1{
  width:22%;
}
.footer-text1 a{
  color:#333333;
  font-weight:bold;
  font-size:14px;
  margin-top:11px;
  display:block;
}
.footer-text2{
  width:22%;
}
.footer-text2 a{
  color:#959595;
  font-weight: bold;
  font-size:14px;
  margin-top:11px;
  display:block;
}
.footer-text2 p{
  color:#333333;
  font-weight:bold;
  font-size:14px;
  margin-top:11px;
  display:block;
}
.newAndShen{
  display: -webkit-flex;
  display: flex;  	
}
.newAndShen-new{
  width:41%;
}
.newAndShen-gong{
  width:41%;
}
.footer-text3{
  width:18.3%;
}  
.footerPhone,.footerHome,.footerAddr{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height:auto;
  margin-bottom:0.6vw;
}
.footer-Phone,.footer-Home,.footer-Addr {
  width: 18px;
  height: 16px;
  margin-right: 11px;
  margin-top: 10px;
}
.footerTextLast img{
  width:100%
}
.footerPhoneText,.footerHomeText,.footerAddrText{
  width:213px;
  line-height:30px;
  margin-top:7px;
}
.pc-footer-footer-hr{
  width:1022px;
  height:1px;
  border:1px solid #EEEEEE;
  margin:0 auto;
  margin-bottom:21px;
}
.pc-footer-footer{
  display: -webkit-flex;
  display: flex;
  margin-bottom:42px;
  font-size:12px;
  font-family:"Microsoft YaHei";
  font-weight:500;
  color:#AAAAAA;
  line-height:24px;
  text-align:center;
}
.pc-footer-footer ul{
  margin: 0 auto;
}
.pc-footer-footer li{
  list-style:none;
  margin:0;
  display:inline;
  line-height:24px;
}
.pc-footer-footer img{
  width: 18px;
  height: 20px;
}
.bottom-phone{
  width:100%;
  background:#FFFFFF;
}

.phone-footer-hr-thin{
  width:300px;
  height:1px;
  background:rgba(255,255,255,1);
  margin:0 auto;
  position:relative;
}
.phone-footer-hr-fat{
  width:63px;
  height:3px;
  background:rgba(255,255,255,1);
  margin:auto auto;
  position:absolute;
  top:-1px;
  left:39.5%
}
.phone-footer-title{
  color:#333333;
  font-size:0.75rem;
  font-weight:bold;
  width:100%;
  text-align:center;
}
.phone-footer-text{
  width:20.9375rem;
  margin:0.84375rem auto 1.65625rem auto;
  text-align:center;
}
.phone-footer-text a{
  width:auto;
  height:auto;
  font-size:0.6875rem;
  font-family:"Microsoft YaHei";
  font-weight:400;
  color:#333333;
  line-height:0.6875rem;
  padding:0 0.5rem;
  border-left:1px solid #999999;
}
.phone-footer-text a:first-child
{ 
  border:none;
  padding-left:0;
}
.phone-footer-text a:last-child
{ 
  padding-right:0; 
}
.phone-footer-text .text a:hover{
  color:white;
}
.phone-massage{
  width:72%;
  margin:27px auto;
}
.phone-message .phone-massage{
  width:213px;
}
.weixin{
  padding-top:23px;
}
.dingcheng-weixin{
  width:6.25rem;
  height:6.25rem;
  margin: 5px auto 0 auto;
}
.dingcheng-weixin img{
  width:100%;
}
.bottom-phone .pc-footer-footer-hr{
  width:92.1%;
}
.phone-footer-footer{
  width:85.6%;
  height:auto;
  margin:1.667rem auto 1.194rem;
  font-size:0.67rem;
  font-family:"Microsoft YaHei";
  font-weight:300;
  color:rgba(75,131,188,1);
  line-height:0.5rem;
  text-align:center;
}
.phone-footer-footer li{
  list-style:none;
  margin:0;
  display:inline;
  line-height:0.833rem;
}
.phone-footer-footer img{
  height:auto;
  width:0.6rem;
}
.phone-footer-text a{
  color:#333333;
}
.first-nav-area{
  width:100%;  background: url('../../image/newbanner-background.png') no-repeat;background-size: 100%;position:relative;top:-4px;left:0;height:1270px;width:100%;
}
.first-nav-area-number{
  position:relative;top:0;left:0;height:55vw;
}
.first-nav-area-number-imagearea{
  position:relative;width:100%;overflow:hidden;
}
.carousel-pic-image{
  list-style: none;top: 0;left: 0;float: left;margin: 0 0 0 -100%;padding: 0;width: 100%;
}
.carousel-mask-image{
  position:absolute;top:0px;left:0px;width:200%;
}


/*手机端首页*/
.phone-home{
}
.phone-home .productButton {
  position:static;
  display: -webkit-flex;
  display: flex;
  width: 9.444rem;
  height: 2.222rem;
  margin:0 auto;          
  background-color: rgba(255,255,255,1);
  border: 2px solid rgba(17,194,174,1);
  border-radius: 1.111rem;
}
.phone-home .productButton:hover {
  background-color: rgba(17,194,174,1);
}
.phone-home .readNewsImg {
  position:static;
  width: 0.75rem;
  height: 0.75rem;
  background: url(../../image/buttonImg.png) no-repeat;
  background-size: 100%;
  margin-left:1.028rem;
  margin-top:0.6rem;
  margin-right:0.389rem;
}
.phone-home .productButton:hover .readNewsImg {
  background: url(../../image/buttonImg-White.png) no-repeat;
  background-size: 100%;
}

.phone-home .readNewsText {
  position:static;
  height: 2.222rem;
  line-height:2rem;
  font-size: 0.667rem;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  color: rgba(17,194,174,1);
}
.phone-home .productButton:hover .readNewsText{
  color: #fff;
}
.phone-home .home-title{
  width:100%;
  height:auto;
  padding:1.766rem 0 1.361rem 1.25rem;          
}
.phone-home .home-title .productCenterTitle-CN{
  font-size:1rem;
}
.phone-home .home-title .productCenterTitle-EN{
  font-size:0.833rem;
}
.quickly-enter{
  position:relative;
  width:100%;
  height:auto;
  margin-top:-1.72rem;
  border-radius:1.944rem 0 0 0;
  background-color:#FFF;
}        
.quickly-enterItem{
  display: -webkit-flex;
  display: flex;
  width:100%;
  height:4.444rem;          
  padding:0.694rem 0 0.694rem 4.278rem
}
.quickly-enterItem img{
  width:3.056rem;
  height:3.056rem;
}
.quickly-enterItem .text-area{
  padding-top:0.611rem;
  padding-left:1.583rem;
}
.quickly-enterItem .cn{
  font-size:0.833rem;
  color:#333;
}
.quickly-enterItem .en{
  font-size:0.667rem;
  color:#999;
}
.product-center{
  position:relative;
  width:100%;
  height:auto;
  top:0;          
  background-color:#FFF;
}        
.scrolllbar-area{
  width: 76%;
}
.product-phone-swiper-scrollbar {
  height:3px;          
  width: 90%;
  margin:5.067vw auto 0 auto;
}
.product-phone-swiper-scrollbar.swiper-scrollbar{
  background-color:#DBDBDB;        
}
.product-phone-swiper-scrollbar .swiper-scrollbar-drag{
  background-color:#2783FA;
}
.news-center{
  position:relative;
  width:100%;
  height:auto;
  top:0;          
  background-color:#fff;
}
.douhao{
  width:1.25rem;
  height:1.111rem;
  margin-left:6%;
}
.douhao img{
  width:100%;
  height:100%
}
.news-title_pc{
  width:85.67%;
  height:auto;
  margin:0 auto;
  font-size:0.8333rem;
  font-family:"Microsoft Yahei";
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height:1.11rem;
  margin-top:1rem;
}
.news-pages_pc{
  width:85.67%;
  height:auto;
  margin:0 auto;
  margin-top:1.056rem;
  font-size:0.667rem;
  font-family:"Microsoft Yahei";
  font-weight:400;
  color:rgba(153,153,153,1);
  line-height:1rem;
}
.news-swiper-item{
  width:14.71845rem;
  height:8.75rem;
  padding:0 0.359375rem;
}
.news-item{
  width:100%;
  height:100%;
  background-color: #eee;
  text-align: center;
}
.news-item img{
  background:#FFFFFF;
  height:100%;
}
.newsButton.productButton{
  margin-top:1rem;
  margin-bottom:2.5rem;
}
.culture{
  position:relative;
  width:100%;
  height:auto;
  top:0;          
  background: linear-gradient(-90deg,rgba(25,191,179,1) 0%,rgba(91,166,222,1) 100%);
}
.culture img{
  width:100%;
  height:auto;
}

.about-pages {
  width:88%;
  margin:0 auto;
  font-size: 0.667rem;
  font-family: "Microsoft Yahei";
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
  line-height: 1rem;
  margin-top:1rem;
}
.about-group {
  width:88%;
  height:auto;
  margin-top: 1.806rem;
  margin-left:auto;
  margin-right:auto;
}
.about-item-area{
  width:25%;
  height:auto;
  float:left;
  margin-bottom: 1.667rem;
}
.aboutItem {
  width: 19.27vw;
  height: 4.111rem;
  box-shadow: 0px 0px 25px 0px rgba(93, 169, 219, 0.2);
  border-radius: 5px;
  margin-left: auto;
  margin-right:auto;
  text-align:center;
  
}
.aboutItem img {
  /*
  width: 1.7222rem;
  height: 1.7222rem;
  margin-top: 0.278rem;
  margin-left: 1.1389rem;
  margin-right: 1.1389rem;
  */
  width: 37.82%;
  height: 37.82%;
  margin-top: 0.555rem;
  margin-bottom: 0.45rem;
  
}
.aboutItem div {
  font-size: 0.6111rem;
  font-family: "Microsoft Yahei";
  font-weight: bold;
  color: rgba(102, 102, 102, 1);
  line-height: 1rem;
  text-align:center;
}
@media (max-width: 1024px){
.aboutButton.newsButton {
  margin-bottom:1.222rem;
  
  width: 5.56rem;
  height: 1.667rem;;
  border-radius: 0.833rem;
  border: 2px solid rgba(17,194,174,1);
  margin-left:auto;
  margin-right:auto;
}
.aboutButton .viewDtails {
  text-align: center;
  font-size: 0.667rem;
  font-family: "Microsoft YaHei";
  font-weight: 500;
  color: rgba(17,194,174,1);
  line-height:1.6rem;;
  height: 1.2rem;
  
}
}

.video-area{
  height:52.333vw;
}
.video-position{
  position:absolute;
  left:7vw;
  height:48vw;
  width:85.333vw;  
  margin:0 auto;
  border:5px solid white;
  border-radius:5px;
  -moz-box-shadow: 8px 8px 0 #11C2AE;
  box-shadow: 8px 8px 0 #11C2AE;
}
.video-position-back{
  position:absolute;
  left:7vw;
  height:48vw;
  width:85.333vw;  
  margin:0 auto;
  border:5px solid white;
  border-radius:5px;
  -moz-box-shadow:0px 0px 30px 0px rgba(39,131,250,0.2);
  box-shadow:0px 0px 30px 0px rgba(39,131,250,0.2);          
}
.service{
  position:relative;
  width:100%;
  height:auto;
  top:0;          
  background-color:#FFF;
}
.service-swiper{
  padding-left:20px;
  padding-top:1rem;
}
.service-swiper-item.swiper-slide:first-child{              
  padding-left:7px; 
}
.service-swiper-item.swiper-slide:last-child{                  
  padding-right:7px; 
}                
.service-swiper-item.swiper-slide {
  padding: 0 7px;
}
.service-item{              
  height:auto;
  width:9.778rem;
  box-shadow:0 0 0.833rem 0 rgba(39,131,250,0.2);
  border-radius:5px;
}
.service-item .service-img{
  padding:4px;
}
.service-item img{
  height:auto;
  width:100%;
  border-radius:5px;
}
.service-item .service-name{
  height:1.944rem;
  width:100%;              
  font-size:0.8333rem;
  color:#666;
  text-align:center;
}
.serviceButton.productButton{
  margin-bottom:2.5rem;
}
.phone-product-arrow{
  width:88%;
  margin:0 auto;
  display:-webkit-flex;
  display:flex;
  margin-top:1.361rem;
  margin-bottom:2.861rem;
}
.phone-product-arrow-radius{
  width:10.4vw;
  height:10.4vw;
  border-radius:50%;
  box-shadow:0px 0px 5px 0px rgba(39,131,250,0.2);
}
.button-prev-html5{
  cursor: pointer;
  background: url('../../image/no-hover-prev.png') no-repeat;
  background-size: 100%;
  
}
.button-prev-html5:hover{
  background: url('../../image/hover-prev.png') no-repeat;
  background-size: 100%;
}
.button-next-html5{
  cursor: pointer;
  background: url('../../image/no-hover-next.png') no-repeat;
  background-size: 100%;
}
.button-next-html5:hover{
  background: url('../../image/hover-next.png') no-repeat;
  background-size: 100%;
}
.product-phone-swiper{
  margin-top:2.0625rem;
  height:22.4375rem;
}
.product-phone-swiper .swiper-slide {
  padding:0 0.546875rem;
}
.product-item{
  position:relative;
  width:13.125rem;
  height:18.625rem;
  background-color:rgba(255,255,255,1);
  box-shadow:0 1.333vw 2.667vw 0 rgba(93,169,219,0.2);
}
.product-item .product-type{
  position:absolute;
  width:4.1875rem;
  height:1.875rem;
  top:0.71875rem;
  left:-0.3125rem;
  background:url(/images/phone-product-type-bg.png) no-repeat;
  background-size:100% 100%;
  color: #6B3317;
  font-weight: bold;
  text-align: center;
  line-height: 1.5rem;
  font-size:0.6667rem;
}
.product-item img{
  width:100%;
  height:auto;            
}
.product-item .product-img-area{
  width:100%;
  height:10.3125rem;
  overflow:hidden;
}
.product-item-title-pc{
  position:absolute;
  left:0;
  bottom:3.34375rem;
  font-size:0.96875rem;
  font-family:"Microsoft YaHei";
  font-weight:bold;
  color:#333333;  
  background:#FFFFFF;
  height:auto;
  padding-left: 0.78125rem;
  padding-top: 0.6875rem;
}
.product-item-content-pc{
  font-size:0.75rem;
  font-family:"Microsoft YaHei";
  color:#666666;
  font-weight:normal;
  margin-top: 0.28125rem;
}
.product-item-content-pc .iconfont{
  display: inline-block;
  font-size:0.75rem;
  color:#25C884;;
}
.product-phone-swiper .product-item-button{
  position:absolute;
  left:0.78125rem;
  bottom:0.5rem;
  width:4.3125rem;
  height:1.8125rem;
  background: #25C884;
  border-radius:1.8125rem;
  line-height:1.8125rem;
  text-align:center;
  color:#FFFFFF;
  font-size:0.6875rem;
}
.product-item .icon{
  position:absolute;
  top:51vw;
  left:2.533vw;
  width:8vw;
  height:8vw;
  background:rgba(17,194,174,1);
  border-radius:50%;            
}
.product-item .icon img{
  width:100%;
  height:100%
}
.adboutDingCheng-clear{
  clear:both;
}
.shouhang-indent{
  text-indent:28px;
}
.bullets{
  margin-left: 10px;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
}
.ul5 {
  bottom: 300px;
  left: 0;
  width: 100%;
  position: absolute;
  text-align: center;
  transition: .3s;
  transform: translate3d(0,0,0);
}
.nav-tabs.phone-index-about>li{
  text-align:center;
  height:1.8rem;
  flex: 1;
  padding: 0 1rem;
}
@media (max-width: 1024px) {
.bottom-phone {
  display: block;
  margin-top: 80px!important;
}
}
/* 客服图表，置顶图标 */
@media (min-width: 1025px) {
.service {
  overflow: hidden;
  position: fixed;
  right: 4.85%;
  top: 45%;
  z-index: 9999;
  width: 54px;
  height: 154px;
  background: #39434F;
  border-radius: 27px;
}
.service img {
  display: block;
}

.servicePic {
  width: 56px;
  padding: 9px 9px 0px 9px;
}

.topPic {
  width: 30px;
}
#to_top{
  margin: 12px 14px 0px 14px;
}
.ewmPic {
  width: 29px;
  margin: 19px 12px 0px 12px;
}
}
@media (max-width: 1024px) {
.service{
  display:none;
}
}
@media(max-width:1024px){
.phone-index-title-cn-green{
  width:100%;text-align:center;font-size:1.25rem;font-weight:bold;color:rgba(51, 51, 51, 1);background:url(/images/phone-title-green.png) no-repeat center center;background-size:auto 60%;
}
.phone-index-title-cn-white{
  position:absolute;top:1.78125rem;width:100%;text-align:center;font-size:1.25rem;font-weight:bold;color:rgba(51, 51, 51, 1);color:#FFFFFF;background:url(/images/phone-title-white.png) no-repeat center center;background-size:auto 60%;;
}
.phone-index-title-en{
  width:100%;text-align:center;font-size:1.125rem;font-weight:bold;color:rgba(51, 51, 51, 0.08);margin-top:0.25rem;
}
.phone-index-title-en-white{
  position:absolute;top:3.96875rem;width:100%;text-align:center;font-size:1.125rem;font-weight:bold;color:rgba(51, 51, 51, 0.08);color:#68E9B3;
}
.phone-index-jump{
  position:relative;
  width:22.125rem;
  margin:0 auto;
  height:10.6875rem;
  background:#FFFFFF;
  box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
  z-index:2;
  top:-1.6875rem;
}
.phone-index-jump .phone-index-jump-list{
  display:flex;
  width:100%;
  height:5.34375rem
}
.phone-index-jump .phone-index-jump-list .phone-index-jump-list-item{
  flex:1;
  text-align:center;
}
.phone-index-jump .phone-index-jump-list .phone-index-jump-list-item a{
  display:block;
}
.phone-index-jump .phone-index-jump-list .phone-index-jump-list-item .image-area{
  height:1.875rem;
  width:1.875rem;
  margin:0.675rem auto 0 auto;
}
.phone-index-jump .phone-index-jump-list .phone-index-jump-list-item .image-area img{
  height:100%;        
}
.phone-index-jump .phone-index-jump-list .phone-index-jump-list-item .title-area{
  color:#333333;
  font-size:0.75rem;
  margin-top:0.9rem;
}
.phone-index-value{
  position:relative;
  width:22.125rem;
  margin:0 auto 0.9375rem auto;
  height:10.6875rem;
  background:#FFFFFF;
  box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.09);
  padding:1.35rem 0;
}
.phone-index-value .phone-index-value-list{
  display:flex;
  width:100%;
  height:4rem;
}
.phone-index-value .phone-index-value-list.bottom{
  border-top:1px solid #EEEEEE;
}
.phone-index-value .phone-index-value-list .phone-index-value-list-item{
  flex:1;
  text-align:center;
}
.phone-index-value .phone-index-value-list .phone-index-value-list-item.right{
  border-left:1px solid #EEEEEE;
}
.phone-index-value .phone-index-value-list .phone-index-value-list-item .price{
  font-weight:bold;
  font-size:1.4375rem;
}
.phone-index-value .phone-index-value-list .phone-index-value-list-item .price span{
  font-weight:normal;
  font-size:0.7189rem;
}
.phone-index-value .phone-index-value-list .phone-index-value-list-item .price.bottom{
  margin-top:0.5rem;
}
.phone-index-value .phone-index-value-list .phone-index-value-list-item .text{
  margin-top:0.3375rem;
  font-size:0.75rem;
}
.phone-index-link {
  position:relative;
  height:30.875rem;
  width:100%;
}
.phone-index-link-bg{
  height:16.281rem;
  width:100%;
  position:relative;
  background:url(/images/phone-index-link-bg.png) no-repeat;
  background-size:100% auto;
}
.phone-index-link-tab{
  display:flex;
  position:relative;
  width:21.281rem;
  height:2.8125rem;
  margin:0 auto 0 auto;
  top:1.3125rem;
  border:1px solid #FFFFFF;
}
.phone-index-link-tab-item{
  flex:1;
  border-left:1px solid #FFFFFF;
}
.phone-index-link-tab-item:first-child{
  border-left:none;
}
.phone-index-link-tab-item.asset{
  background:url(/images/phone-link-asset-normal.png) no-repeat;
  background-size:100% 100%;
}
.phone-index-link-tab-item.pc{
  background:url(/images/phone-link-pc-normal.png) no-repeat;
  background-size:100% 100%;
}
.phone-index-link-tab-item.time{
  background:url(/images/phone-link-time-normal.png) no-repeat;
  background-size:100% 100%;
}
.phone-index-link-tab-item.heyday{
  background:url(/images/phone-link-heyday-normal.png) no-repeat;
  background-size:100% 100%;
}
.phone-index-link-tab-item.asset.active{
  background:#FFFFFF url(/images/phone-link-asset-selected.png) no-repeat;
  background-size:100% 100%;
}
.phone-index-link-tab-item.pc.active{
  background:#FFFFFF url(/images/phone-link-pc-selected.png) no-repeat;
  background-size:100% 100%;
}
.phone-index-link-tab-item.time.active{
  background:#FFFFFF url(/images/phone-link-time-selected.png) no-repeat;
  background-size:100% 100%;
}
.phone-index-link-tab-item.heyday.active{
  background:#FFFFFF url(/images/phone-link-heyday-selected.png) no-repeat;
  background-size:100% 100%;
}
.phone-jump-area{
  position:relative;
  width:21.40625rem;
  height:19.65625rem;
  margin:0 auto 0 auto;
  top:-10.9375rem;
}
.phone-jump-area{
  display:none;
}
.phone-jump-area.active{
  display:block;
}
.phone-jump-area img{
  width:100%;
  height:100%;
}
.phone-index-service{
  background:url(/images/phone-index-service-bg.png) no-repeat;
  background-size:100% auto;
}
.phone-index-service .phone-index-service-tab{
  position:relative;
  width:16.4375rem;
  height:1.875rem;
  margin:1.4375rem auto 0 auto;
  border-radius:0.9375rem;
  border: 1px solid #25C884;
  text-align:center;
  line-height:1.875rem;
  font-size:0.8125rem;
  color:#25C884;
}
.phone-index-service .phone-index-service-tab .service-tab{
  position:absolute;
  width:5.53125rem;
  height:1.875rem;
  top:-1px;
  background:transparent;
}
.phone-index-service .phone-index-service-tab .service-tab.promise-service{        
  left:0;
  border-radius: 0.9375rem;
}
.phone-index-service .phone-index-service-tab .service-tab.special-service{        
  left:5.53125rem;
  border-radius: 0.9375rem;
}
.phone-index-service .phone-index-service-tab .service-tab.eight-service{        
  right:0;
  border-radius: 0.9375rem;
}
.phone-index-service .phone-index-service-tab .service-tab.active{
  background:#25C884;
  color:#FFFFFF;        
}
.phone-index-service .special-service-content,.phone-index-service .eight-service-content,.phone-index-service .promise-service-content{
  position:relative;
  width:21.4375rem;
  margin:1.9375rem auto 0 auto;
  display:none;
}
.phone-index-service .special-service-content.active,.phone-index-service .eight-service-content.active,.phone-index-service .promise-service-content.active{
  display:block;
}
.phone-index-service .special-service-content li{
  width: 50%;
  float: left;
  padding: 0.25rem 0.25rem;
  text-align:left;
}
.phone-index-service .special-service-content li .special-service-content-item{
  position:relative;
  height:11.375rem;
  background:#FFF;
  box-shadow: 0px 0.15625rem 0.4375rem 0px rgba(0, 0, 0, 0.09);
  padding:0.6rem;
}
.phone-index-service .special-service-content li .special-service-content-item a{
  display:block;
}
.phone-index-service .special-service-content li .special-service-content-item .title{
  width:100%;
  margin-top:0.71875rem;
  font-size:1rem;
  font-weight:bold;
}
.phone-index-service .special-service-content li .special-service-content-item .desc{
  width:100%;
  margin-top:1.4375rem;
  font-size:0.75rem;
}
.phone-index-service .special-service-content li .special-service-content-item .image-area{
  position:absolute;
  top:1.34375rem;
  right:0.625rem;
  height:1.5625rem;
  width:1.5625rem;
}
.phone-index-service .special-service-content li .special-service-content-item .image-area img{
  width:100%
}
.phone-index-service .eight-service-content li{
  width: 50%;
  float: left;
  padding: 0.25rem 0.25rem;
  text-align:left;
}
.phone-index-service .eight-service-content li .eight-service-content-item{
  position:relative;
  height:4.90625rem;
  background:#FFF;
  box-shadow: 0px 0.15625rem 0.4375rem 0px rgba(0, 0, 0, 0.09);
  padding:0.6rem;
}
.phone-index-service .eight-service-content li .eight-service-content-item a{
  display:block;
}
.phone-index-service .eight-service-content li .eight-service-content-item .title{
  position:absolute;
  top:0.85rem;
  left:3.46875rem;
  font-size:0.75rem;
  font-weight:bold;
  color:#333333;
  padding-right: 0.1rem;
}
.phone-index-service .eight-service-content li .eight-service-content-item .desc{
  position:absolute;
  top:2.88125rem;
  left:3.46875rem;
  font-size:0.625rem;
  color:#999999;
}
.phone-index-service .eight-service-content li .eight-service-content-item .image-area{
  position:absolute;
  top:1.35rem;
  left:0.9375rem;
  height:1.75rem;
  width:1.75rem;
}
.phone-index-service .eight-service-content li .eight-service-content-item .image-area img{
  width:100%
}
.phone-index-service .promise-service-content li.lxcn-li{
 margin-bottom:15px;
}
.phone-index-service .promise-service-content .article-img img{
width: 102px;
    height: 88px;
}
.phone-index-service .promise-service-content .article-title{
	    font-size: 14px;
    font-family: PingFangSC-Heavy, PingFang SC;
    font-weight: 800;
    color: #333333;
    line-height: 20px;
    margin-bottom: 7px !important;
    text-align: left;
    margin: 0;
    padding: 0;
}
.phone-index-service .promise-service-content .article-content{
	
font-size: 12px;
font-family: PingFangSC;
color: #666666;
line-height: 20px;
}
.phone-index-service .promise-service-content>ul{
}
.phone-index-service .promise-service-content>ul li.lxcn-li{
	    position: relative;
    background: #FFFFFF;
    box-shadow: 0px -1px 19px 0px rgb(0 0 0 / 9%);
    border-radius: 4px;
    display: flex;
    padding: 12px 15px 7px 5px;
    transition: all .25s ease-in;
    width: 100%;
    margin-bottom: 13px;
}
.phone-index-news-bg{
  position:relative;
  width:100%;
  height:21.34375rem;
  background:url(../../images/phone-index-news_bg.png) no-repeat;
  background-size:100% auto;
  margin-top:2.4375rem;
}
.phone-index-news-bg .phone-index-news-video{
  width:21.0625rem;
  height:13.71875rem;
  margin:0 auto;
  position:relative;
  top:6.75rem; 
}
.phone-index-news-bg .phone-index-news-video video{
  width:100%;
  height:100%;
}
.phone-index-news .phone-index-news-list-item{
  height:7.34375rem;
  width:100%;
}
.phone-index-news .phone-index-news-list-item .phone-index-news-list-item-content{
  position:relative;
  margin:0 auto;
  height:100%;
  width:21.125rem;
  border-bottom:1px solid #EEEEEE;
}
.phone-index-news .phone-index-news-list-item .phone-index-news-list-item-content .title{
  position:absolute;
  top:0.875rem;
  left:0;
  width:56%;
  font-size:0.9375rem;
  color:#000000;
  font-weight:bold;
}
.phone-index-news .phone-index-news-list-item .phone-index-news-list-item-content .date{
  position:absolute;
  bottom:1rem;
  left:0;
  font-size:0.6875rem;
  color:#999999;
}
.phone-index-news .phone-index-news-list-item .phone-index-news-list-item-content .logo{
  position:absolute;
  top:0.875rem;
  right:0;
  width:6.34375rem;
  height:4.5rem;        
}
.phone-index-news .phone-index-news-list-item .phone-index-news-list-item-content .logo img{
  width:100%;
  height:100%;
}
.phone-index-news .all-news-button{
  width: 4.3125rem;
  height: 1.78125rem;
  line-height: 1.78125rem;
  border: 1px solid #25C884;
  margin:1.3125rem auto 2.4375rem auto;
  color:#25C884;
  text-align:center;
  font-size:0.6875rem;
}
.phone-index-about{
  width: 100%;
  height: 21.40625rem;
}
.phone-index-about .index-about-tab-list{
  display:flex;
  margin-top:1.5625rem;
}
.phone-index-about .index-about-tab-list .index-about-tab-list-item{
  flex:1;
  position:relative;
  height:1.9375rem;
  text-align:center;
  color:#333333;
  font-size: 0.875rem;
}
.phone-index-about .index-about-tab-list .index-about-tab-list-item:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -18px;
  height: 4px;
  width: 80px;
  background: #FFFFFF;
}
.phone-index-about .index-about-tab-list .index-about-tab-list-item .index-about-icon{
  position:absolute;
  left:1rem;
  top:-0.05rem;
  color: #EEEEEE;
}
.phone-index-about .index-about-tab-list .index-about-tab-list-item .index-about-icon .iconfont{
  font-size:0.875rem;
}
.phone-index-about .index-about-tab-list .index-about-tab-list-item.active{        
  color:#25C884;
}
.phone-index-about .index-about-tab-list .index-about-tab-list-item.active .index-about-icon{        
  color:#25C884;
}
.phone-index-about .index-about-tab-list .index-about-tab-list-item.active:after{
  content: "";
  position: absolute;
  right: 2.125rem;
  bottom: 0px;
  height: 0.15625rem;
  width: 3.5rem;
  background: #25C884;
}
.phone-index-about .index-about-list{
  height: 13.15625rem;
  width: 100%;
  position: relative;
}
.phone-index-about .index-about-list .index-about-list-item{
  position:relative;
  height:100%;
  width:100%;
  display:none;
}
.phone-index-about .index-about-list .index-about-list-item.about{
  background: url(/images/phone-index-about.png) no-repeat;
  background-size:100% 100%;
}
.phone-index-about .index-about-list .index-about-list-item.start{
  background: url(/images/phone-index-start.png) no-repeat;
  background-size:100% 100%;
}
.phone-index-about .index-about-list .index-about-list-item.social{
  background: url(/images/phone-index-social.png) no-repeat;
  background-size:100% 100%;
}
.phone-index-about .index-about-list .index-about-list-item.active{
  display:block;
}
.phone-index-about .index-about-list .index-about-list-item .about-text-area{
  position:absolute;
  left:0;
  bottom:0;
  width:15rem;
  height:10.28125rem;
  background:#FFFFFF;
  padding:0.8125rem 0.6875rem 0 1.1875rem;
}
.phone-index-about .index-about-list .index-about-list-item .about-text-area .about-title{
  font-size:0.8125rem;
  font-weight:bold;
  color:#333333;
}
.phone-index-about .index-about-list .index-about-list-item .about-text-area .about-content{
  margin-top:0.46875rem;
  font-size:0.6875rem;
  color:#666666;
}
}