#pages { width: 100%; overflow: hidden; padding-top: 36px;text-align:center; display:flex; align-items:center;justify-content: center; }
#pages .pagination{ width: 100%; overflow: hidden; text-align:center;  }
#pages .page-item{ display:inline-block; margin:0 2px;  height:35px; line-height:35px; background:#fff; border:1px solid #e0e0e0;
    text-align:center; color:#666; border-radius: 2px; }
#pages .page-item a,#pages .page-item span { display:inline-block; padding:0 8px; min-width:25px; height:35px; line-height:35px; overflow:hidden; color:#666666; }
#pages .page-item.active,#pages .page-item:hover{ background:#fff; border:1px solid #004483; color:#004483; }
#pages .page-item.active a,#pages .page-item:hover a,#pages .page-item:hover span,#pages .page-item.active span{ color:#004483; }
#pages a.a1{ padding-left:12px; }
/* 分页OVER */
/* 内容页GO */
.content{ text-align:justify;	}
.content,.content p,.content a{	color:#333;	line-height:20px; font-size:12px;	}
.content a:hover{text-decoration:underline;}
.content img{ display:block;	margin:15px auto; max-width:610px;	}
.content p{margin-bottom:10px; text-indent:2em; }
/* 内容页OVER */
.listBan{  width: 100%; height: 482px;  overflow:hidden; position: relative; }
.listBan .here{  width: 1200px; height: 34px;  overflow:hidden; margin: 0 auto; margin-top: 8px;
    display: flex; align-items: center; justify-content: flex-end;
    position: absolute; bottom:30px; left: 50%; z-index: 99999; margin-left: -600px;
    width: 1200px; height: auto;
}
.listBan .here,.listBan .here a,.listBan .here span{ line-height:34px; font-size:14px; color: #999; text-decoration: none; }
.listBan .here img{ width: 20px; margin-right: 8px; }
.listBan .here .text1{ padding: 0 2px;}
.listBanImg{  width: 100%; height: 400px;
    background: url() no-repeat center center; background-size: 100% 400px;}
.listBanMain{ position: absolute; top:214px; left: 50%; z-index: 1; margin-left: -600px;
    width: 1200px; height: auto;  }
.listBanTit{ width: 100%; height: auto;  position: relative;  }
.listBanTit .bg{ width: 188px; height: 236px; overflow: hidden; background: #004483; line-height: 236px;
    text-align: center;  font-family: Arial, Helvetica, sans-serif; font-size: 180px; font-weight: bold;
    color: rgba(255,255,255,0.1); }
.listBanTit .info{ position: absolute; left: 128px; top: 30px; z-index: 1;
    width: auto; height: auto;  }
.listBanTit .info .tit,.listBanTit .info .titen,.listBanTit .info .icon{ width: 100%; height: auto; overflow: hidden;  }
.listBanTit .info .tit{ line-height:70px; font-size:40px; color: #fff; font-weight: bold; }
.listBanTit .info .titen{ line-height:40px; font-size:24px; color: #fff; text-transform: uppercase;  }
.listBanTit .info .icon{ width: 88px; height: 88px; overflow: hidden; background: #fff; margin-top: 30px;
    display: flex; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }

.in_ct{ margin-top: 35px; overflow: hidden; padding-bottom: 30px;}
.leftPro{ width: 194px; height: auto; overflow: hidden; float: left; }
.leftPro li{ width: 194px; height: auto; overflow: hidden; float: left; border-top: solid 1px #fff;
    background: #eef0f1; padding: 15px 0; }
.leftPro li:nth-child(1){ border: none; }
.leftPro li .pic{ width: 170px; height: 134px; overflow: hidden; margin: 0 auto; margin-top: 15px; background: #fff;
    display: flex; align-items: center; justify-content: center; }
.leftPro li .pic img{ max-width: 100%; max-height: 134px; overflow: hidden; }
.leftPro li .tit{ width: 170px; height: auto; overflow: hidden; text-align: center; margin: 0 auto;  margin-top: 10px;
    line-height: 20px; color: #333; font-size: 16px;  }
.leftPro li .tit a{ line-height: 20px; color: #333; font-size: 16px;}
.leftPro li .tit a:hover{ color: #ad050d;}
.leftPro li.hover .tit a{ color: #ad050d; font-weight:bold; }

/* 产品中心 */
.rightPro{ width: 970px; overflow:hidden; height: auto; float: right; padding-bottom: 10px;  }
.proList{ width: 970px; height: auto; margin-top: -20px; }
.proList li{ width:306px; height: 554px; margin-top: 20px; margin-left:20px; position:relative;  cursor: pointer;
    float:left; display:inline; border: solid 1px #e4e4e4; }
.proList li:nth-child(3n+1){  margin-left:0; }
.proList li .pic,.proList li .pic img{ width: 308px; height: 308px; overflow: hidden; }
.proList li .pic{ display: flex; align-items: center; justify-content: center; }
.proList li .pic span{ color: #333; font-size: 22px; font-weight: bold; }
.proList li .tit,.proList li .info, .proList li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.proList li .tit{ line-height: 36px; color: #333; font-size: 22px; margin-top: 25px; padding: 2px 0;
    height: 36px;
    white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.proList li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.proList li .info{ height:78px; }
.proList li .info p{ padding: 3px 0; line-height: 20px; color: #999; font-size: 16px;
    padding-left: 16px; position: relative;
    height: 20px;
    white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.proList li .info p::before{ position: absolute;left: 0;top: 8px;z-index: 1;width: 6px;height: 6px;overflow: hidden;
    background: #004483;border-radius: 50%;content: ''; }
.proList li .btn{ margin-top: 24px; }
.proList li .btn a{ display: block; width:114px; height: 40px; line-height: 40px; color: #ad050d; font-size: 14px;
    border: solid 1px #ad050d; border-radius:20px; text-align: center; }
.proList li:hover .tit,.proList li:hover .tit a{ color: #ad050d; }
.proList li:hover .info p::before{ background: #ad050d; }
.proList li:hover .btn a{ background: #ad050d; color: #fff; }


/* 产品详情 */
.rightPro1,.rightPro2{ width: 100%; height:auto; overflow: hidden;  }
.rightPro1{ display:flex; }
.rightProle{ width: auto; height: auto; overflow: hidden; }
.rightProri{ flex:1; height: auto; overflow: hidden; margin-left: 30px; }
.rightProri .tit,.rightProri .subtit,.rightProri .info,.rightProri .infomobile,.rightProri .btn{ width: 100%; height:auto; overflow: hidden;}
.rightProri .tit{ line-height: 32px; color: #004381; font-size: 26px; font-weight: bold;  }
.rightProri .subtit{ line-height: 32px; color: #333; font-size: 20px; margin-top: 14px;  }
.rightProri .info,.rightProri .info p{ line-height: 28px; color: #333; font-size: 16px; }
.rightProri .info{ margin-top: 10px; }
.rightProri .info p{ padding: 10px 0;}
.rightProri .info p.red{ color: #ad050d; }
.rightProri .info p img,.rightProri .info img{ max-width: 100%; height:auto !important; }

.rightProri .infomobile{ line-height: 32px; color: #333; font-size: 18px; margin-top: 30px;}
.rightProri .infomobile span{ font-size: 24px; font-weight:bold;}

.rightProri .waybox{ width:100%; height:186px; overflow:hidden; position:relative; border-top:1px solid #e4e4e4; }
.rightProri .wxbox{ width:130px; height:auto; overflow:hidden; position:absolute; right:0; top:16px; z-index:1; }
.rightProri .wxbox .text{ width:100%; height:34px; overflow:hidden;
    line-height: 34px; color: #333; font-size: 18px; text-align:center;
}
.rightProri .wxbox .img{ margin-top:6px; }
.rightProri .wxbox .img,.rightProri .wxbox .img img{ width:130px; height:130px; overflow:hidden; }


.rightProri .btn{ margin-top: 20px; }
.rightProri .btn .btnicon{ display: inline-block; width:auto; height: 50px; line-height: 50px; color: #fff; font-size: 16px; padding:0 24px;
    background: #ad050d; border-radius:0; text-align: center; float:left; margin-right:10px; cursor:pointer; }
.rightProri .btn .btnicon span{ font-size: 24px; font-weight:bold; }
.ProImg{ position: relative; padding: 4px; overflow: hidden; width: 450px; }
.ProImg .bigImg{ height: 450px; position: relative; background:#a8a8a8; }
.ProImg .bigImg li img{ vertical-align:middle; width:450px; height:450px;   }

.ProImg .smallScroll{ height: 150px; padding-bottom: 6px; position:relative; margin-top:40px }
.ProImg .sPrev,.ProImg .sNext{ position: absolute; top: 50%; margin-top: -18px; left:0; width: 24px; height: 24px; background:#004483;
    z-index: 9; overflow: hidden;display: flex;align-items: center;justify-content: center; border-radius: 2px; }
.ProImg .sNext{  left:auto; right:0; }
.ProImg .sPrev:hover{ background: #004483;}
.ProImg .sNext:hover{ background: #004483;}

.ProImg .prevStop,.ProImg .nextStop{ background: #d2d2d2; }
.ProImg .sPrev .arrow_le,.ProImg .sNext .arrow_fr{ width: 8px; height: 8px; border-color: #fff; border-width: 2px;  }
.ProImg .prevStop .arrow_le,.ProImg .nextStop .arrow_fr{ border-color: #000; }
.ProImg .sPrev .arrow_le{ margin-left: 3px; }
.ProImg .sNext .arrow_fr{ margin-right: 3px; }
.ProImg .sPrev:hover .arrow_le,
.ProImg .sNext:hover .arrow_fr{ border-color: #fff; }

.ProImg .smallImg{ float:left; display:inline; width: 450px; overflow: hidden;}
.ProImg .smallImg ul{ height:140px;  width: 9999px; overflow: hidden; }
.ProImg .smallImg li{ float: left; padding: 0 15px 0 0; width:140px; cursor:pointer;  display: inline;  }
.ProImg .smallImg img{ width:140px; height:140px;  }
.ProImg .smallImg .on img{ width:136px; height:136px;  border: solid 2px #ad050d; }


.ProTab { width: 100%; border-top: 1px solid #e4e4e4; overflow: hidden; padding-top:50px; margin-top: 40px;  }
.ProTab .tab-hd { height: 70px; }
.ProTab .tab-hd ul { display: flex; }
.ProTab .tab-hd li{ flex: 1; float: left; height: 68px; line-height: 68px; margin-left: 1px;  cursor: pointer;
    background: #f1f1f1; border-bottom: 2px solid #f1f1f1; color: #333; font-size: 20px; text-align: center; }
.ProTab .tab-hd li:nth-child(1){ margin-left: 0; }
.ProTab .tab-hd li.on{ border-bottom: 2px solid #ad050d; color: #ad050d; font-weight: bold; position: relative;  }

/* .ProTab .tab-bd { }
.ProTab .tab-bd ul{ overflow:hidden; zoom:1; }
.ProTab .tab-bd li { height: auto; overflow: hidden; width: 100%; float: left; }
.ProTab .tab-bd li .tab-pal{ width: 100%; height: auto; overflow: hidden; } */
.ProTab .tab-bd .tab-pal{ width: 100%; height: auto; overflow: hidden; }
.ProTab .tabBdCon{ text-align:justify; margin-top:30px;width: 100%; height: auto; overflow: hidden;	}
.ProTab .tabBdCon,.ProTab .tabBdCon p,.ProTab .tabBdCon a{ color:#333; line-height:24px; font-size:14px;	}
.ProTab .tabBdCon a:hover{text-decoration:none;}
.ProTab .tabBdCon img{
    max-width:100%; height:auto !important; display:inline-block;	}
.ProTab .tabBdCon p{ }


/* 新闻列表 */
.newsHead{ width: 100%; height: auto; overflow: hidden; display: flex; position:relative; padding-bottom:30px; }
.newsTit{ width: auto; height: auto;   }
.newsTit .tit,.newsTit .titen{ width: 100%; height: auto; overflow: hidden; }
.newsTit .tit{ color:#333; line-height:54px; font-size:30px; font-weight: bold; }
.newsTit .titen{  color:#666; line-height:30px; font-size:18px; font-weight: bold; text-transform:uppercase;
    position:absolute; left:0; top:54px; z-index:1; }

.newsTab{ flex: 1; margin-left: 0; width: auto; height: auto; text-align: right; }
.newsTab .li{ display: inline-block; width: auto; height:58px; overflow: hidden; border-bottom: solid 1px #e6e6e6; }
.newsTab .li a{ display: block;  width: 100%; position: relative; text-align: center; padding:0 10px;   }
.newsTab .li .bg,.newsTab .li .text,.newsTab .li .line{ width: 100%; height: auto; overflow: hidden; text-align: center; }
.newsTab .li .bg{
    position: absolute; top: 0; left: 0; z-index: 1;
    height: 58px; color:rgba(0,68,131,0.1); line-height:58px; font-size:46px; font-weight: bold; display: none; }
.newsTab .li .text{
    /* position: absolute; top: 0; left: 0; z-index: 1; */
    height: 58px; color:#666; line-height:58px; font-size:18px;  }
.newsTab .li .line{ position: absolute; bottom: 0; left: 10%; z-index: 1;  width: 80%;
    height: 2px; overflow: hidden; background: rgba(0,68,131,1); display: none;}
.newsTab .li:hover .bg,.newsTab .li.hover .bg{ display: block; }
.newsTab .li:hover .text,.newsTab .li.hover .text{ color:rgba(0,68,131,1); }
.newsTab .li:hover .line,.newsTab .li.hover .line{ display: block; }
.newsTab .li:frist-child{ margin-left: 0; }

.newsList{ width: 100%; height: auto;  }
.newsList li{ width: 100%; height: auto;  float: left; padding: 28px 0;
    display: flex; background: #f3f3f3;  margin-top: 40px;
}
.newsList li .pic{ width: 298px; height: 204px; overflow: hidden; margin-left: 28px; display: flex; align-items: center; justify-content: center; }
.newsList li .pic img{ width: 100%; height: 204px; overflow: hidden; }
.newsList li .pic span{ color: #333; font-size: 22px; font-weight: bold; }
.newsList li .info{ flex: 1; height: auto; overflow: hidden; margin:0 28px;}
.newsList li .tit,.newsList li .desc,.newsList li .time,.newsList li .btn{ width: 100%; height:auto; overflow: hidden;}
.newsList li .tit,.newsList li .tit a{ line-height: 45px; color: #333; font-size: 22px; font-weight: bold;  }
.newsList li .tit{ height: 45px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.newsList li .desc,.newsList li .desc p{ line-height: 26px; color: #666; font-size: 16px; }
.newsList li .desc{ margin-top: 2px;
    height:52px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newsList li .time{ line-height: 26px; color: #666; font-size: 16px; margin-top: 10px;  }
.newsList li .btn{ margin-top: 14px; }
.newsList li .btn a{ display: inline-block; width:114px; height: 40px; line-height: 40px; font-size: 14px;
    border: solid 1px #ad050d;  color: #ad050d; border-radius:20px; text-align: center; }

.newsList li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; }
.newsList li:hover .tit,.newsList li:hover .tit a{ color: #ad050d; }
.newsList li:hover .btn a{ border: solid 1px #ad050d; background: #ad050d;  color: #fff; }


/* 新闻内容 */
.newsShow{ width: 100%; height: auto; }
.newsShow1,.newsShow2,.newsShow3,.newsShow4{ width: 100%; height: auto; overflow: hidden; }
.newsShow1{ margin-top: 50px;
    color:#004483;	line-height:50px; font-size:30px; font-weight: bold; text-align: center; }
.newsShow2 {  height: 30px; color:#999;	line-height:30px; font-size:16px; text-align: center; }
.newsShow2 span{ display: inline-block; width: auto; height: 30px; overflow: hidden; color:#999; line-height:30px; font-size:16px;
    padding:0 10px; }
.newsShow3{ text-align:justify; margin-top:30px; border-top:solid 1px #e4e4e4; padding-top:30px;	}
.newsShow3,.newsShow3 p,.newsShow3 a{	color:#333;	line-height:30px; font-size:16px;	}
.newsShow3 a:hover{text-decoration:underline;}
.newsShow3 img{ display:block; margin:15px auto; max-width:100%;  height:auto !important;	}
.newsShow3 p{ margin-bottom:15px; }
.newsShow4{ margin-top:40px; padding-top:20px; border-top:solid 1px #e4e4e4;	}
.newsShow4,.newsShow4 p,.newsShow4 span,.newsShow4 a{ color:#999; line-height:30px; font-size:16px; }
.newsShow4 p:nth-child(2){ text-align:right; float:right;	}
.newsShow4 p:hover a{ color: #004483;	}
.newsShow4 p{ max-width:50%; float:left;
    height:30px;overflow:hidden;
    white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}

/* 客户案例 */
.caseList{  width: 100%; height: auto; }
.caseList li{ width:376px; height: 460px; margin-left:32px; position:relative; cursor: pointer;
    float:left; display:inline; border: solid 1px #e4e4e4; margin-top: 36px; }
.caseList li:nth-child(3n+1){ margin-left:0; }
.caseList li .pic,.caseList li .pic img{ width: 376px; height: 265px; overflow: hidden; }
.caseList li .pic{ display: flex; align-items: center; justify-content: center; }
.caseList li .pic span{ color: #333; font-size: 22px; font-weight: bold; }

.caseList li .tit,.caseList li .info, .caseList li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.caseList li .tit{ height: 36px; line-height: 36px; color: #333; font-size: 22px; margin-top: 25px; padding: 2px 0; margin-top: 24px;
    white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.caseList li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.caseList li .info{ padding: 3px 0; height: 60px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.caseList li .info,.caseList li .info p{ line-height: 30px; color: #999; font-size: 16px;}
.caseList li .btn{ margin-top: 12px; display: flex; }
.caseList li .btn span{ flex: 1; display: flex; align-items: center; line-height: 30px; color: #a0a0a0; font-size: 16px;}
.caseList li .btn span img{ margin-right: 8px;}
.caseList li .btn a{ display: block; width:100%; height: 30px; line-height: 30px; color: #ad050d; font-size: 16px;
    text-align: right; }
.caseList li:hover .tit,.inBox2List li:hover .tit a{ color: #ad050d; }
.caseList li .infoho{ display: none; position:absolute; bottom: 0; left: 0; z-index: 1;
    width: 100%; height:230px; background: #004483; text-align: justify; }
.caseList li .infoho .text{ padding: 40px 20px 30px; height: 150px; overflow: hidden; color:#fff; line-height:30px; font-size:16px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.caseList li:hover .infoho{ display: block; }
.caseList li .icon{  display: none; position:absolute; bottom: 195px; left: 50%; margin-left: -28px; z-index: 2;
    width: 56px; height:56px; overflow: hidden;}
.caseList li .icon img{ width: 56px; height:56px; overflow: hidden;}
.caseList li:hover .icon{ display: block; }

/* 案例详情 */
.caseBox1{ display:flex; margin-top: 60px; }
.caseBoxle{ width: 500px; height: 354px; overflow: hidden; }
.caseBoxle img{ width: 500px; height: 354px; overflow: hidden; }
.caseBoxri{ flex:1; height: auto; overflow: hidden; margin-left: 30px; }
.caseBoxri .tit,.caseBoxri .info,.caseBoxri .btn{ width: 100%; height:auto; overflow: hidden;}
.caseBoxri .tit{ height: 84px; line-height: 42px; color: #004483; font-size: 30px; font-weight: bold; margin-top: 10px; }

.caseBoxri .info{ border-top: solid 1px #e4e4e4; margin-top: 36px; padding-top: 40px;}
.caseBoxri .info .con{  padding:35px 40px; height:auto; overflow:hidden; background: #f1f1f1; }
.caseBoxri .info .con .item{  width: 100%; height:auto; overflow:hidden; display: flex;  align-items:center; margin-top: 20px;
    line-height: 46px; color: #333333; font-size: 20px; font-weight: bold; }
.caseBoxri .info .con .item:nth-child(1){ margin-top: 0; }
.caseBoxri .info .con .item span.label{  display: inline-block; width:auto; height: 46px; line-height: 46px; color: #fff; font-size: 16px; padding:0 14px;
    background: #ad050d; border-radius:0; text-align: center; margin-right:30px; font-weight: lighter;
    white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; }
.caseBoxri .info .con .item span.text{ height: auto; line-height: 20px; }
/* 自动化生产 */
.ziBox{ width: 100%; overflow:hidden; height: auto; padding-bottom: 10px;  }
.ziList{ width: 100%; height: auto; margin-top: -32px; }
.ziList li{ width:376px; height: 432px; margin-top: 32px; margin-left:30px; position:relative;  cursor: pointer;
    float:left; display:inline; border: solid 1px #e4e4e4; }
.ziList li:nth-child(3n+1){  margin-left:0; }
.ziList li .pic,.ziList li .pic img{ width: 378px; height: 280px; overflow: hidden; }
.ziList li .pic{ display: flex; align-items: center; justify-content: center; }
.ziList li .pic span{ color: #333; font-size: 22px; font-weight: bold; }
.ziList li .tit,.ziList li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; text-align: center; }
.ziList li .tit{ line-height: 36px; color: #333; font-size: 22px; margin-top: 20px; padding: 2px 0;
    height: 36px;
    white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; }
.ziList li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.ziList li .btn{ margin-top: 20px; }
.ziList li .btn a{ display: inline-block; width:114px; height: 40px; line-height: 40px; color: #ad050d; font-size: 14px;
    border: solid 1px #ad050d; border-radius:20px; text-align: center; }
.ziList li:hover .tit,.ziList li:hover .tit a{ color: #ad050d; }
.ziList li:hover .btn a{ background: #ad050d; color: #fff; }


/* 视频中心 */
.videoList{ width: 100%; height: auto; overflow: hidden; margin-top: 40px; }
.videoList li{ width: 100%; height: 376px;  float: left; display: flex; background: #f3f3f3; }
.videoList li .pic{ width: 600px; height: 376px; overflow: hidden; position: relative; }
.videoList li .pic img{ width: 600px; height: 376px; overflow: hidden; }
.videoList li .pic .bfbtn{  position: absolute;left: 50%;top: 50%; margin: -40px 0 0 -40px; z-index: 1;width: 80px;height: 80px;overflow: hidden;  }
.videoList li .pic .bfbtn img{ width: 80px;height: 80px;overflow: hidden;  }
.videoList li .pic .e_video{ width: 600px; height: 376px; overflow: hidden;  background: #999 !important; }

.videoList li .info{ flex: 1; width: auto; height: 376px; height: auto; overflow: hidden; padding:0 40px;}
.videoList li .line,.videoList li .tit,.videoList li .desc,.videoList li .time,.videoList li .btn{ width: 100%; height:auto; overflow: hidden;}
.videoList li .tit{ margin-top: 20px; }
.videoList li .tit,.videoList li .tit a{ line-height: 40px; color: #004483; font-size: 26px; font-weight: bold;  }
.videoList li .line{ height: 4px; margin-top: 46px;}
.videoList li .line span{ display: block; width: 40px; height: 4px; overflow: hidden; background:#ad050d;}
.videoList li .desc,.videoList li .desc p{ line-height: 30px; color: #333; font-size: 16px; }
.videoList li .desc{ margin-top: 20px;
    height: 90px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.videoList li .desc p{ padding: 4px 0; }
.videoList li .btn{ margin-top: 30px; display: flex; align-items: center; justify-content: flex-end;
    line-height: 40px; font-size: 20px; color: #121212; font-weight: bold; }
.videoList li .btn a{ display: inline-block; width:114px; height: 40px; line-height: 40px; font-size: 14px; font-weight: lighter;
    border: solid 1px #ad050d;  color: #ad050d; border-radius:20px; text-align: center; margin-left: 20px; background: #fff; }

/* .videoList li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; } */
.videoList li:hover .tit,.videoList li:hover .tit a{ color: #ad050d; }
.videoList li:hover .btn a{ border: solid 1px #ad050d; background: #ad050d;  color: #fff; }



/* 视频中心横向 */
.videoAdList{ width: 100%; height: auto; overflow: hidden; margin-top: 10px; padding-bottom:20px;   }
.videoAdList li{ width: 100%; height: auto;  float: left; border-bottom: solid 1px #e4e4e4; padding: 40px 0 50px 0;}
.videoAdList li:nth-last-child(1){ border:none; }
.videoAdList li .tit,.videoAdList li .subtit,.videoAdList li .pic{ width: 100%; height:auto; overflow: hidden;}
.videoAdList li .tit,.videoAdList li .tit a{ line-height: 40px; color: #333; font-size: 26px; font-weight: bold;  }
.videoAdList li .subtit,.videoList li .subtit a{ line-height: 40px; color: #333; font-size: 22px; font-weight: bold;  }
.videoAdList li .subtit .text{ line-height: 40px; color: #333; font-size: 22px; font-weight: bold; }
.videoAdList li .subtit .line{ height: 3px;}
.videoAdList li .subtit .line span{ display: block; width: 40px; height: 3px; overflow: hidden; background:#004483;}
.videoAdList li .pic{ width: 100%; height: 672px; overflow: hidden; position: relative; margin-top: 24px; }
.videoAdList li .pic img{ width: 100%; height: 672px; overflow: hidden; }
.videoAdList li .pic .bfbtn{  position: absolute;left: 50%;top: 50%; margin: -40px 0 0 -40px; z-index: 1;width: 80px;height: 80px;overflow: hidden;  }
.videoAdList li .pic .bfbtn img{ width: 80px;height: 80px;overflow: hidden;  }

/* 走进哲科 */
.abfloor1,.abfloor2,.abfloor3,.abfloor4,.abfloor5,.abfloor6,.abfloor7,.abfloor8{
    width: 100%; height: auto; overflow: hidden;
}
.abfloor1{ height: auto; background:#fff;  }
.abfloor2{ height: auto;background: #fff;  }
.abfloor3{ height: auto; }
.abfloor4{ height: auto; background: #f3f3f3; }
.abfloor5{ height: 540px; background: url(../images/aboutCoopbg.jpg) no-repeat center top; background-size: 100% 540px;}
.abfloor6{height: auto; background: #fff; }
.abfloor7{height: 784px;background: #f3f3f3; }

.in_tit{ width:100%; height: auto; overflow: hidden; text-align: center; margin: 70px auto 0;  }
.in_tit .titText{ display: inline-block; margin: 0 auto; position: relative; }
.in_tit .titText .Text{ width:100%; height: 50px; line-height: 50px; overflow: hidden; text-align: center; color: #333; }
.in_tit .titText .Text1,.in_tit .titText .Text1 a{  color: #333; font-size:34px; font-weight: bold; }
.in_tit .titText .Text2{ font-size:20px; height: 28px; line-height: 28px; text-transform: uppercase; color: #666; }

.aboutbox1{ width: 100%; height: auto; overflow: hidden; margin-top: 46px; }
.aboutbox1 .img{ float:left; clear: both;  width:530px; height: 320px; margin: 0 34px 10px 0; }
.aboutbox1 .info,.aboutbox1 .info p,.aboutbox1 .info a{  line-height: 30px; color: #333; font-size: 16px; }
.aboutbox1 .info p{ padding: 10px 0 24px 0;}

.abBox2{  width: 100%; height: auto; margin-top: 40px; position: relative; }
.abBox2le{ width: 536px; overflow: hidden;  }
.abBox2Item{ width: 100%;height: auto; overflow: hidden; float: left; margin-top: 50px; }
.abBox2Item:nth-child(1){ margin-left: 0; }
.abBox2Item .tit,.abBox2Item .info{ width: 100%; height: auto; overflow: hidden;  }
.abBox2Item .tit{  display: flex; align-items: center;  }
.abBox2Item .tit .sort,.abBox2Item .tit .text{ display: inline-block; height: 32px;line-height: 32px; }
.abBox2Item .tit .sort{  background: #ad050d; color: #f9f9fb; font-size: 25px; font-weight: bold; padding: 0 10px;  }
.abBox2Item .tit .text{ flex: 1; color: #333;font-size: 20px; font-weight: bold;
    padding-left: 10px;border-bottom: dashed 1px #004483;  }
.abBox2Item .info{  width: auto;  color: #333;font-size: 16px; line-height: 30px; margin-top: 10px; }
.abBox2Item .info p{ padding: 10px 0; color: #333;font-size: 16px; line-height: 30px;
    padding-left: 20px; position: relative; }
.abBox2Item .info p::before{ position: absolute;left: 0;top: 22px;z-index: 1;width: 8px;height: 8px;overflow: hidden;
    background: #004483;border-radius: 50%;content: ''; }

.abBox2ri{ width: 960px; overflow: hidden; position: absolute; left: 600px; top: 0; z-index: 1; display: flex; }
.abBox2ri .img1{ width: 476px; height: 410px; overflow: hidden; margin-right: 10px; }
.abBox2ri .img1 img{ width: 476px; height: 410px; overflow: hidden; }
.abBox2ri .img2{ flex: 1; }
.abBox2ri .img2 img{ display: inline-block; width: 476px; height: 200px; overflow: hidden; margin-top: 10px;  }
.abBox2ri .img2 img:nth-child(1){ margin-top: 0;  }
.abBox3{ margin-top: 70px; }
.abBox3 .abBox2le{ float:right; }
.abBox3 .abBox2ri{ right: 600px; top: 0; left: auto; }

.abBox3 .abBox2ri .img1{ width: 476px; height: 410px; overflow: hidden; margin-left: 10px;  margin-right: 0px; }

.abBox4List{ width: 100%; overflow:hidden; height: auto; margin-top: 16px; }
.abBox4List li{ width:278px; height: 230px; margin-left:24px; position:relative;  cursor: pointer;
    float:left; display:inline; border: solid 1px #e4e4e4; margin-top: 24px; }
.abBox4List li:nth-child(4n+1){  margin-left:0;  }
.abBox4List li .pic,.abBox4List li .pic img{ width:280px; height: 230px; overflow: hidden; }

.abHonorList{ width: 100%; overflow:hidden; height: auto; margin-top: 40px; }
.abHonorList li{ width:224px; height: 346px; background: #fff; margin-left:16px; position:relative;  cursor: pointer;
    float:left; display:inline; border: solid 1px #e4e4e4; }
.abHonorList li:nth-child(5n+1){  margin-left:0;  }
.abHonorList li .pic,.abHonorList li .pic img{ width:200px; height: 288px; overflow: hidden; margin: 0 auto; }
.abHonorList li .pic{ margin-top: 12px; }
.abHonorList li .tit{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;
    line-height: 36px; color: #333; font-size: 16px; padding: 4px 0; }
.abHonorList li .tit a{ line-height: 36px; color: #333; font-size: 16px; }

.abfloor5 .in_tit .titText .Text{ color: #fff; }
.abfloor5 .in_tit .titText .Text1{ color: #fff; }
.abfloor5 .in_tit .titText .Text2{ color: rgba(255,255,255,0.7); }
.abCoopList{ width: 100%; overflow:hidden; height: auto; margin-top: 30px; }
.abCoopList li{ width:230px; height: 78px; background: #fff; margin-left:10px; position:relative;  cursor: pointer;
    float:left; display:inline; margin-top:10px; }
.abCoopList li:nth-child(5n+1){  margin-left:0;  }
.abCoopList li .tit{ width:230px; height: 78px; overflow: hidden; margin: 0 auto; text-align: center;
    line-height: 78px; color: #333; font-size: 16px; }
.abCoopList li .tit a{ display: block; width:230px; height: 78px; color: #ad050d; font-size: 18px; }


/* 联系我们 */
.contfloor1,.contfloor2{
    width: 100%; height: auto; overflow: hidden;
}
.contfloor1{ height: auto; background:#fff;  }
.contfloor2{ height: auto; background: #f3f3f3;  }

.contactbox1{ width: 100%; height: auto; overflow: hidden; display: flex; margin-top: 40px; }
.contactbox1le{ width: 374px; height: auto; overflow: hidden; margin: 0 70px 0 18px; }
.contactbox1 .tit,.contactbox1 .info{ width: 100%; height: auto; overflow: hidden; }
.contactbox1 .tit{ color: #004483; font-size: 26px; font-weight: bold; padding:13px 0;
    line-height: 30px;
}
.contactbox1 .info{ padding-top: 25px; border-top: solid 1px #e4e4e4; margin-top: 12px; }
.contactbox1 .info p{ width: 100%;  height: auto; overflow: hidden;  display: flex; padding: 6px 0; }
.contactbox1 .info p span{ line-height: 32px; color: #333; font-size: 20px; }
.contactbox1 .info p span.label{
    font-weight: bold;
    display: inline-block;
    width: 60px;
    text-align: justify; }
/* .contactbox1 .info p span.label::after{
  content: '';
  display: inline-block;
  width: 100%;
} */
.contactbox1 .info p span.text{ flex: 1;  }
.contactbox1 .img{ width: 740px; height: auto; overflow: hidden; }
.contactbox1 .img img{ width: 740px; height: 400px; overflow: hidden; }

.contactbox2{ width: 100%; height: auto; overflow: hidden;  }
.contForm,.formRow,.formGroup,.formFoot{ width: 100%; height: auto; overflow: hidden; }
.formRow{ display: flex; margin-top: 36px; }
.formGroup2{ margin-left: 36px;}
.formGroup2:nth-child(1){ margin-left: 0; }
.formGroup .label,.formGroup .inputBox,.formGroup .inputBox input{ width: 100%; height: auto; overflow: hidden; }
.formGroup .label{ height: 36px; line-height: 36px; color: #333; font-size: 20px; font-weight: bold; }
.formGroup .inputBox{ display: flex; margin-top: 16px; }
.formGroup .inputBox input{ background:#fff; padding: 10px; line-height: 40px; color: #333; font-size: 16px; border: none;  }

.formGroup .inputBox input.liuyanbox{ min-height:200px; background:#fff; padding: 10px; line-height: 40px; color: #333; font-size: 16px;  }
.formGroup .inputBox textarea.liuyanbox{
    width: 100%; border: none;
    border:none;
    outline: none;/*边线不显示*/
    resize: none;/*禁止拉伸*/
    appearance:none;
    min-height:200px; background:#fff; padding: 10px; line-height: 40px; color: #333; font-size: 16px;
}
.formFoot{ margin-top: 50px;  }
.formFoot .btn{ width:100%; height: 60px; line-height: 60px; color: #fff; font-size: 14px; background: #004483;
    text-align: center; font-size: 16px; cursor:pointer; }

/* 产品详情弹窗 */
.maskBgBody{ display:none; width:100%; height:100vh; overflow:hidden; }
.maskBg{ position:fixed; top:0; left:0; z-index:999; width:100%; height:100vh; overflow:hidden; background:rgba(0,0,0,0.2);
    display: flex; align-items: center;  }
.maskDialog{ width:760px; height:auto; overflow:hidden; top:0; bottom:0; left:0; right:0; z-index:999;
    background:#fff; margin:0 auto; padding:10px 0 30px 0; position:relative; }
.maskClose{ position:absolute; top:20px; right:20px; z-index:99999; width:25px; cursor:pointer;  }
.maskClose img{ width:25px; }
.maskDiaCon{ width:82%;  height:600px; overflow-y:auto; margin:0 auto;  }
.maskDiaForm{ width:92%; height:auto; overflow:hidden; margin:0; padding:0; }
.maskFormTit,.maskFormRow,.maskFormRow .Tit,.maskFormRow .FormItem,.maskFormFoot{ width: 100%; height: auto; overflow: hidden; }
.maskFormTit{ line-height: 30px; color: #333; font-size: 24px;  font-weight:bold; margin-top: 20px; text-align:center; }
.maskFormRow .Tit span{  display: inline-block; width:auto; height: 40px; line-height: 40px; color: #fff; font-size: 16px; padding:0 20px; font-weight:bold;
    background: #ad050d; border-radius:0; text-align: center; float:left; }
.maskFormRow{ margin-top: 40px; border-top:solid 1px #e5e5e5; padding-top:30px;}
.maskFormRow .FormItem{ display: flex; margin-top: 20px;  }
.maskFormRow .FormItem .label{ width:94px; height: 50px; line-height: 50px; color: #333; font-size: 16px; text-align:right; }
.maskFormRow .FormItem .label span{ color: #ff0000; font-size: 16px; font-weight:bold; }
.maskFormRow .FormItem .inputBox{ display: flex; flex:1; }
.maskFormRow .FormItem .inputBox input{ background:#fff; flex:1; padding:8px; line-height: 30px;
    color: #333; font-size: 16px; border: none; border:solid 1px #e5e5e5;  }
.maskFormRow .FormItem .inputBox input:focus {
    outline: 0; border: 2px solid #ad050d;
}
.maskFormRow .FormItem .inputBox textarea.liuyanbox{
    border:none;
    outline: none;
    resize: none;
    appearance:none;
    display:block; flex:1;
    word-break: break-all; word-wrap: break-word;white-space: pre-wrap;
    min-height:90px; background:#fff;  padding:8px; line-height: 30px;
    color: #333; font-size: 16px; border:solid 1px #e5e5e5; }
.maskFormRow .FormItem .inputBox textarea.liuyanbox:focus {
    outline: 0; border: 2px solid #ad050d;
}
.maskFormFoot{ margin-top: 40px; text-align:center }
.maskFormFoot .btn{ width:108px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; background: #ad050d;
    text-align: center; font-size: 16px; cursor:pointer; margin:0 auto; }

/* 产品详情相关案例 */
.caseTabTit,.caseTabsubTit,.caseTabImg{ width:100%; height:auto; }
.caseTabTit { line-height: 40px; color: #004483; font-size: 26px;  font-weight:bold; margin-top: 40px; text-align:center;  }
.caseTabsubTit { text-align: center; }
.caseTabsubTit div { display:inline-block; margin:0 auto; line-height: 30px;color: #666;font-size: 16px; position: relative; }
.caseTabsubTit div:after, .caseTabsubTit div:before {position: absolute;top: 50%;background: #666;content: "";height: 1px;width: 20px;}
.caseTabsubTit div:before {left: -30px;}
.caseTabsubTit div:after {right: -30px;}
/* .caseTabImg img{ width:100%; height:auto; max-width:100%; } */

.caseTabImg{ width: 100%; height: auto; overflow: hidden;}
.caseTabImg li,.caseTabImg li .pic{ width: 220px; height: 68px; overflow: hidden;  }
.caseTabImg li{ margin: 26px 0 0 26px; float: left; border:solid 1px #e4e4e4; }
.caseTabImg li:nth-child(4n+1){ margin-left: 0; }
.caseTabImg li .pic{ display:flex; align-items:center;  justify-content: center; }
.caseTabImg li .pic img{ margin:0; max-width:220px; max-height:68px; overflow:hidden; }


.caseTabList{  width: 100%; height: auto; }
.caseTabList li{ width:306px; height: 408px; margin-left:22px; position:relative; cursor: pointer;
    float:left; display:inline; border: solid 1px #e4e4e4; margin-top: 26px; }
.caseTabList li:nth-child(3n+1){ margin-left:0; }
.caseTabList li .pic,.caseTabList li .pic img{ width: 306px; height: 218px; overflow: hidden; margin:0; }
.caseTabList li .tit,.caseTabList li .info, .caseTabList li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.caseTabList li .tit{ line-height: 36px; color: #333; font-size: 22px; margin-top: 20px; padding: 2px 0; margin-top: 24px;
    height: 36px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.caseTabList li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.caseTabList li .info{ padding: 3px 0;
    height: 60px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.caseTabList li .info,.caseTabList li .info p{ line-height: 30px; color: #999; font-size: 16px;}
.caseTabList li .btn{ margin-top: 10px; display: flex; }
.caseTabList li .btn span{ flex: 1; display: flex; align-items: center; line-height: 30px; color: #a0a0a0; font-size: 16px;}
.caseTabList li .btn span img{ margin-right: 8px;}
.caseTabList li .btn a{ display: block; width:100%; height: 30px; line-height: 30px; color: #ad050d; font-size: 16px;
    text-align: right; }
.caseTabList li:hover .tit,.inBox2List li:hover .tit a{ color: #ad050d; }
.caseTabList li .infoho{ display: none; position:absolute; bottom: 0; left: 0; z-index: 1;
    width: 100%; height:230px; text-align: justify; }
.caseTabList li .infoho .infomain{  width: 100%; height:230px; background: #004483; text-align: justify; position:relative; }
.caseTabList li .infoho .infomain .text{ padding: 30px 20px 30px; height: 150px; overflow: hidden; color:#fff; line-height:30px; font-size:16px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.caseTabList li .infoho .infomain .icon{ position:absolute; top: -40px; left: 50%; margin-left: -28px; z-index: 2;
    width: 56px; height:56px; }
.caseTabList li .infoho .infomain .icon img{ width: 56px; height:56px; overflow: hidden;}
.caseTabList li:hover .infoho{ display: block; }

.emptybox{ width:100%; height: 400px; overflow:hidden; display:flex; align-items:center; }
.emptybox .text{ width:100%; overflow:hidden; color:#333; line-height:30px; font-size:14px; text-align:center; }

/* 产品中心 相关案例 */

.layB{width:100%;padding:0px; }
.layB .hd{ width:100%; height:auto;  overflow:hidden; text-align: center; display: flex; align-items: center; justify-content: center;  }
.layB .hd ul li,.layB .hd .layBnext,
.layB .hd .layBprev{ cursor:pointer; display:inline-block; margin:0 2px; background:#fff; border:1px solid #e0e0e0;
    text-align:center; color:#666; border-radius: 2px; padding:0 5px; min-width:25px; height:35px; line-height:35px; overflow:hidden;
    text-decoration-line: none; text-decoration: none;
    -moz-text-decoration-line: none; }
.layB .hd .layBnext,
.layB .hd .layBprev{ }
.layB .hd .layBnext{ background:#fff; border:1px solid #e0e0e0; }
.layB .hd .prevStop{ background:#fff; border:1px solid #e0e0e0;  cursor:default; }
.layB .hd .nextStop{ background:#fff; border:1px solid #e0e0e0;  cursor:default; }
.layB .hd ul{ zoom:1; margin:0 2px; margin-top: 6px; padding: 0;display:inline-block; }

.layB .hd ul li.on{ background:#fff; border:1px solid #004483; color:#004483; }

.layB .tbC{ width:100%; position:relative;  overflow:hidden;    }
.layB .tbCslide{ width:100%; height:878px;  overflow:hidden;    }
.layB .tbCslide ul{ overflow:hidden; zoom:1; }

.layB .tbCslide li{ width:306px; height: 408px; margin-left:22px; position:relative; cursor: pointer;
    float:left; display:inline; border: solid 1px #e4e4e4; margin-top: 26px; }
.layB .tbCslide li:nth-child(3n+1){ margin-left:0; }
.layB .tbCslide li .pic,.layB .tbCslide li .pic img{ width: 306px; height: 218px; overflow: hidden; margin:0; }
.layB .tbCslide li .tit,.layB .tbCslide li .info, .layB .tbCslide li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.layB .tbCslide li .tit{ line-height: 36px; color: #333; font-size: 22px; margin-top: 20px; padding: 2px 0; margin-top: 24px;
    height: 36px;
    white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;
}
.layB .tbCslide li .tit a{ line-height: 36px; color: #333; font-size: 22px; }
.layB .tbCslide li .info{ padding: 3px 0;
    height: 60px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.layB .tbCslide li .info,.layB .tbCslide li .info p{ line-height: 30px; color: #999; font-size: 16px;}
.layB .tbCslide li .btn{ margin-top: 10px; display: flex; }
.layB .tbCslide li .btn span{ flex: 1; display: flex; align-items: center; line-height: 30px; color: #a0a0a0; font-size: 16px;}
.layB .tbCslide li .btn span img{ margin-right: 8px;}
.layB .tbCslide li .btn a{ display: block; width:100%; height: 30px; line-height: 30px; color: #ad050d; font-size: 16px;
    text-align: right; }
.layB .tbCslide li:hover .tit,.inBox2List li:hover .tit a{ color: #ad050d; }
/* .layB .tbCslide li .infoho{ display: none; position:absolute; bottom: 0; left: 0; z-index: 1;
 width: 100%; height:230px; text-align: justify; }
.layB .tbCslide li .infoho .infomain{  width: 100%; height:230px; background: #004483; text-align: justify; position:relative; }
.layB .tbCslide li .infoho .infomain .text{ padding: 30px 20px 30px; height: 150px; overflow: hidden; color:#fff; line-height:30px; font-size:16px;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.layB .tbCslide li .infoho .infomain .icon{ position:absolute; top: -40px; left: 50%; margin-left: -28px; z-index: 2;
 width: 56px; height:56px; }
.layB .tbCslide li .infoho .infomain .icon img{ width: 56px; height:56px; overflow: hidden;}
.layB .tbCslide li:hover .infoho{ display: block; } */

.layB .tbCslide li .infoho{ display: none; position:absolute; bottom: 0; left: 0; z-index: 1;
    width: 100%; height:230px; background: #004483; text-align: justify; }
.layB .tbCslide li .infoho .text{ padding: 30px 20px 30px; height: 150px; overflow: hidden; color:#fff; line-height:30px; font-size:16px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.layB .tbCslide li .infoho .text p{ padding:0; overflow: hidden; color:#fff; line-height:30px; font-size:16px; }
.layB .tbCslide li:hover .infoho{ display: block; }
.layB .tbCslide li .icon{  display: none; position:absolute; bottom: 195px; left: 50%; margin-left: -28px; z-index: 2;
    width: 56px; height:56px; overflow: hidden;}
.layB .tbCslide li .icon img{ width: 56px; height:56px; overflow: hidden; margin:0; }
.layB .tbCslide li:hover .icon{ display: block; }



.ProMenuBox{
    width: 100%; height:120px; overflow: hidden;
    .ProMenuCur{
        width: 194px; float: left; text-align: center; margin-top:30px;
        .tit{
            font-family: Source Han Sans;
            font-size: 28px;
            font-weight: bold;
            line-height: normal;
            color: #333333;
        }
        .titen{
            color: #666666;
            font-family: Source Han Sans;
            font-weight: 700;
            font-size: 18px;
        }
    }
    .ProMenu{
        width: 970px; height:50px; float: right; text-align: left; margin-top:40px;
        border-bottom: solid 1px #E6E6E6;
        .li{
            height: 50px;
            display: inline-block; position: relative;
            text-align: center;
            .tit{
                padding:0 10px;
                height: 50px;
                font-family: Source Han Sans;
                font-size: 18px;
                font-weight: normal;
                line-height: 50px;
                color: rgba(255,255,255,0);
                .tita{
                    color: rgba(255,255,255,0);
                }
            }
            .tittext{
                position: absolute;
                top: 0; left:0; z-index: 2;
                padding:0 10px;
                height: 50px;
                font-family: Source Han Sans;
                font-size: 18px;
                font-weight: normal;
                line-height: 50px;
                color: #666666;
                .tita{
                    color: #666666;
                }
            }
            .titbg{ display: none; }
        }

        .lion{
            display: inline-block;
            .tittext{
                color: #004492;
                .tita{
                    color: #004492;
                }
            }
            .titbg{
                position: absolute;
                top: 0; left:0; z-index: 1;
                display: block;
                width: 100%;
                height: 50px;
                background: rgba(133, 201, 224, 0.5);
                box-sizing: border-box;
                font-family: Source Han Sans;
                font-size: 40px;
                font-weight: 900;
                line-height: 56px;
                color: rgba(255, 255, 255, 0.4);
                border-width: 0px 0px 2px 0px;
                border-style: solid;
                border-color: #004492;
            }
        }

    }
}