/*内页导航*/
.position {
  height: 70px;
  border-bottom: 1px solid #e6e6e6;
  line-height: 70px;
}

.position .fl {
  background: url(../images/position-icon.png)no-repeat center left;
  padding-left: 35px;
  font-size: 14px;
  color: #808080;
}

.position .fl a {
  display: inline-block;
  font-size: 14px;
  color: #808080;
}

.position .fr ul {
  display: flex;
  width: 100%;
}

.position .fr .ctitle1>li {
  font-size: 16px;
  text-align: right;
  margin-left: 98px;
  position: relative;
}

.position .fr ul li.on a {
  color: #0d63c6;
}

.position .fr ul li:hover a {
  color: #0d63c6;
}

.position .fr .ctitle1 .ctitle2 {
  position: absolute;
  background: #fff;
  left: -62px;
  width: 200px;
  box-shadow: 3px 0 3px 0px #f5f3f3;
  top: 70px;
  display: none;
  z-index: 50;
}

.position .fr .ctitle1 .ctitle2>li {
  float: left;
  margin-right: 5.8%;
}

.position .fr .ctitle1 .ctitle2>li>a {
  display: block;
  color: #666666;
  line-height: 60px;
  text-align: center;
  width: 200px;
}

.position .fr .ctitle1 .ctitle2>li:hover>a, .project-class .ctitle2>li.on>a {
  color: #1e4592
}

/*.position .fr .ctitle1 .ctitle2>li:first-child{margin-left: 9.3%}*/
.position .fr .ctitle1>li:hover .ctitle2 {
  display: block;
}


/* proDetails 产品详情*/
.proDetails {
  width: 100%;
}

.proDetailsSection {
  width: 100%;
}

.proDetailsSection .mainCon {
  border: 1px solid #e4e4e4;
  padding-bottom: 0px;
}

.proDetailsIntro {
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
  overflow: hidden;
  display: flex;
}

.proDetailsIntro .conL {
  width: 500px;
  float: left;
  position: relative;
  border-right: 1px solid #e4e4e4;
}

.proDetailsIntro .conL i {
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  z-index: 9;
  cursor: pointer;
  overflow: hidden;
  top: 50%;
  margin-top: -22px;
}

.proDetailsIntro .conL i.prev {
  left: -1px;
}

.proDetailsIntro .conL i.next {
  right: -1px;
}

.proDetailsIntro .conL .btnList {
  width: 100%;
  height: 10px;
  text-align: center;
  position: absolute;
  bottom: 18px;
}

.proDetailsIntro .conL .btnList span {
  display: inline-block;
  width: 9px;
  height: 9px;
  overflow: hidden;
  position: relative;
  background: url(../images/prodetailsintro_icon01.png) no-repeat left top;
  margin-left: 14px;
  cursor: pointer;
}

.proDetailsIntro .conL .btnList span.cur {
  background-position: left bottom;
}

.proDetailsIntro .conL .btnList span:first-child {
  margin-left: 0;
}

.proDetailsIntro .conL .conBox {
  width: 458px;
  height: 384px;
  position: relative;
  overflow: hidden;
}

.proDetailsIntro .conL .conBox ul {
  position: absolute;
  top: 0;
  left: 0;
}

.proDetailsIntro .conL .conBox li {
  float: left;
  width: 458px;
}

.proDetailsIntro .conL .conBox li img {
  display: block;
  width: 458px;
  height: 383.95px;
}

.proDetailsIntro .conR {
  float: right;
  padding-top: 40px;
  width: 590px;
  position: relative;
  margin-right: 20px;
  flex: 1;
  margin-left: 50px;
}

.proDetailsIntro .conR h3 {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  height: 23px;
  overflow: hidden;
}

.proDetailsIntro .conR h1 {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  height: 23px;
  overflow: hidden;
}

.proDetailsIntro .conR i {
  display: block;
  height: 1px;
  margin: 15px 0 18px 0;
  background: #e4e4e4;
}

.proDetailsIntro .conR p {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  display: inline-block;
  overflow: hidden;
}

.proDetailsIntro .conR .box {
  width: 100%;
  margin-top: 20px;
}

.proDetailsIntro .conR .box .zx {
  display: block;
  height: 53px;
  float: left;
  font-size: 20px;
  color: #fff;
  line-height: 53px;
  text-align: center;
  display: inline-block;
  padding: 0 30px;
  border-radius: 26px;
  background-color: #0f62ca;
  text-decoration: none;
}

.proDetailsIntro .conR .box .zx img {
  position: relative;
  top: 4px;
  margin-left: 12px;
}

.proDetailsIntro .conR .box .phone {
  float: left;
  padding-left: 42px;
  ;
  background: url(../images/prodetailsintro_phone.png) no-repeat left center;
  margin-left: 18px;
  margin-top: 6px;
}

.proDetailsIntro .conR .box .phone span {
  display: block;
  font-size: 13px;
  color: #666666;
}

.proDetailsIntro .conR .box .phone em {
  display: block;
  font-size: 24px;
  color: #0f62ca;
  font-family: arial;
}

.proDetailsCanS {
  width: 100%;
  margin: 20px auto 0;
  padding: 0 20px;
  overflow: hidden;
  box-sizing: border-box;
}

.proDetailsCanS .menu {
  width: 100%;
  height: 54px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e4e4e4;
}

.proDetailsCanS .menu li {
  float: left;
  width: 148px;
  border: 1px solid #e4e4e4;
  height: 53px;
  line-height: 53px;
  text-align: center;
  font-size: 14px;
  color: #000;
  border-left: none;
  border-bottom: none;
  cursor: pointer;
}

.proDetailsCanS .menu li:first-child {
  border-left: 1px solid #e4e4e4;
}

.proDetailsCanS .menu li.status_on {
  background: #0f62ca;
  border-color: #0f62ca;
  color: #fff;
}

.proDetailsCanS .conBox {
  width: 100%;
  background: #fff;
  line-height: 22px;
}

.proDetailsCanS .conBox .box {
  width: 100%;
  height: 100%;
  background: #fff;
}

.proDetailsCanS .conBox .box p, .proDetailsCanS .conBox .box div {
  padding-top: 7px;
  line-height: 27px
}

.proDetailsCanS .conBox .box img {
  margin: 0 auto;
  display: block
}

/* proDetailsLy */
.proDetailsLy {
  width: 870px;
  margin: 30px auto 0;
}

.proDetailsLy .conBox .box1 {
  width: 100%;
  margin-top: 33px;
}

.proDetailsLy .conBox .box1 .Input {
  width: 427px;
  height: 58px;
  border: 1px solid #e4e4e4;
  float: left;
  margin-bottom: 10px;
  margin-left: 12px;
}

.proDetailsLy .conBox .box1 input {
  width: 354px;
  padding-left: 22px;
  padding-right: 51px;
  font-size: 16px;
  color: #999999;
  line-height: 58px;
  outline: none;
  border: none;
}

.proDetailsLy .conBox .box1 .Input1 {
  margin-left: 0;
}

.proDetailsLy .conBox .box1 .Input1 input {
  background: url(../images/prodetailsly_icon01.png) no-repeat 386px center;
}

.proDetailsLy .conBox .box1 .Input2 input {
  background: url(../images/prodetailsly_icon02.png) no-repeat 386px center;
}

.proDetailsLy .conBox .box1 textarea {
  padding-left: 22px;
  width: 795px;
  height: 150px;
  border: 1px solid #e0e0e0;
  padding-top: 18px;
  font-size: 16px;
  color: #999999;
  outline: none;
  resize: none;
  background: url(../images/prodetailsly_icon03.png) no-repeat 828px 18px;
  padding-right: 51px;
}

.proDetailsLy .conBox .box1 .yzmtj {
  margin-top: 20px;
}

.proDetailsLy .conBox .box1 .yzmtj img {
  margin: 10px 0px 15px 15px;
}

.proDetailsLy .conBox .box1 .yzmtj .sr {
  width: 250px;
  float: left;
  border: 1px solid #e0e0e0;
}

.proDetailsLy .conBox .box1 .yzmtj .sr span {
  display: block;
  font-size: 16px;
  color: #999999;
  display: block;
  height: 58px;
  line-height: 58px;
  float: left;
  border-right: 1px solid #e0e0e0;
  width: 100px;
  text-align: center;
}

.proDetailsLy .conBox .box1 .yzmtj .sr input {
  padding: 0 10px;
  width: 127px;
  float: left;
  display: block;
  border: none;
  line-height: 58px;
  font-size: 16px;
  color: #999;
  height: 58px;
  outline: none;
}

.proDetailsLy .conBox .box1 .yzmtj #spVerCode img {
  display: block;
  margin-top: 14px;
  margin-left: 10px;
  float: left;
  width: 105px;
  height: 38px;
}

.proDetailsLy .conBox .box1 .yzmtj a.p {
  line-height: 86px;
  margin-left: 10px;
}

.proDetailsLy .conBox .box1 .yzmtj .tj {
  display: block;
  width: 410px;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: #0f62ca;
  float: left;
}

/* proList 产品列表*/
.proList {
  width: 100%;
  margin-bottom: 30px;
}

.proListSection {
  width: 910px;
  float: right;
}

.proListSection .mainCon {
  border: 1px solid #e4e4e4;
  padding-top: 28px;
  width: 908px;
}

.proListSection .mainCon .conBox {
  width: 870px;
  margin: 20px auto 0;
  padding-bottom: 30px;
}

.proListSection .mainCon .conBox ul {
  width: 104%;
}

.proListSection .mainCon .conBox li {
  float: left;
  width: 280px;
  margin-right: 15px;
  margin-bottom: 20px;
}

.proListSection .mainCon .conBox li.noMl {
  margin-right: 0px;
}

.proListSection .mainCon .conBox li .Pic {
  width: 278px;
  height: 233.05px;
  border: 1px solid #e4e4e4;
  overflow: hidden;
  display: block;
}

.proListSection .mainCon .conBox li .Pic img {
  display: block;
  width: 278px;
  height: 233.05px;
  transform: scale(1);
  transition: all 1s ease-out;
}

.proListSection .mainCon .conBox li .intro {
  width: 280px;
  height: 140px;
  text-align: center;
  padding-top: 14px;
  position: relative;
}

.proListSection .mainCon .conBox li .intro h3 {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 12px;
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proListSection .mainCon .conBox li .intro h3 a {
  color: #333333;
  text-decoration: none;
}

.proListSection .mainCon .conBox li .intro p {
  line-height: 20px;
  color: #666666;
  font-size: 14px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 62px;
}

.proListSection .mainCon .conBox li .intro .btn {
  overflow: hidden;
  width: 241px;
  height: 42px;
  background: url(../images/prolistbg01.png) no-repeat center;
  position: absolute;
  bottom: 0px;
  left: 20px;
}

.proListSection .mainCon .conBox li .intro .btn a {
  display: block;
  width: 120px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  float: left;
  font-size: 14px;
  color: #777777;
  text-decoration: none;
}

.proListSection .mainCon .conBox li .intro .btn a i {
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(../images/mub02_jt03.png) no-repeat center;
  margin-left: 8px;
  position: relative;
  top: 2px;
}

.proListSection .mainCon .conBox li .intro .btn a:first-child {
  border-right: 1px solid #eaeaea;
}

.proListSection .mainCon .conBox li .intro .btn a:hover {
  color: #fff;
}

.proListSection .mainCon .conBox li .intro h3 a {
  color: #0f62ca;
}

.proListSection .mainCon .conBox li .intro .btn a.more:hover {
  background: url(../images/prolistbg02.png) no-repeat center;
}

.proListSection .mainCon .conBox li .intro .btn a.more:hover i {
  background: url(../images/mub02_jt02.png) no-repeat center;
}

.proListSection .mainCon .conBox li .intro .btn a.zx:hover {
  background: url(../images/prolistbg03.png) no-repeat center;
}

.proListSection .mainCon .conBox li .intro .btn a.zx:hover i {
  background: url(../images/mub02_jt02.png) no-repeat center;
}

.proListSection .mainCon .conBox li:hover .Pic img {
  transform: scale(1.2);
}

.mub02MainContent {
  margin-top: 30px;
}

.productSwiper {
  width: 100%;
  overflow: hidden;
}

.productSwiper img {
  
  width: 100%;
}

.news-title {
  display: inline-block;
  height: 64px;
  line-height: 64px;
  font-size: 32px;
  color: #1a1a1a;
  font-weight: normal;
  position: relative;
  border-bottom: 3px solid #044299;
}

.news-title::after {
  content: '';
  position: absolute;
  width: 50%;
  height: 3px;
  background: #d70110;
  right: 0;
  bottom: -3px;
  z-index: 1;
}

.p102-news-info {
  padding: 30px;
  padding-top: 0;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

.p102-news-info dl {
  border: 1px solid #ebebeb;
  padding: 9px;
  background: #fff;
  margin-bottom: 25px;
  background: #f8f8f8;
  margin-top: 40px;
  display: flex;
}

.p102-news-info dt {
  float: left;
  width: 268px;
}

.p102-news-info dt a,
.p102-news-info dt img {
  width: 100%;
  display: block;
}

.p102-news-info dd {
  flex: 1;
  margin-left: 50px;
  position: relative;
  padding-top: 30px;
}

.p102-news-info dd i {
  position: absolute;
  width: 120px;
  height: 40px;
  font: 14px/40px Arial;
  color: #ffffff;
  text-align: center;
  background: #333333;
  right: 0;
  top: -10px;
}

.p102-news-info dd h4 {
  height: 32px;
  padding-left: 90px;
  position: relative;
  font-weight: normal;
  margin-bottom: 10px;
}

.p102-news-info dd h4 em {
  position: absolute;
  width: 74px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #044299;
  text-align: center;
  border: 1px solid #044299;
  left: 0;
  top: 0;
  font-style: normal;
}

.p102-news-info dd h4 a {
  display: inline-block;
  max-width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 22px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p102-news-info dd p {
  line-height: 26px;
  font-size: 14px;
  color: #666666;
  text-align: justify;
}

.p102-news-info dd p a {
  color: #333;
}

.p102-news-info dl:hover dd h4 a {
  color: #044299;
}

.p102-news-info ul {
  padding: 5px 0;
  position: relative;
}

.p102-news-info ul:before {
  content: '';
  position: absolute;
  width: 1px;
  background: #d9d9d9;
  left: 50%;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.p102-news-info ul li {
  float: left;
  width: 560px;
  width: calc(50% - 80px);
}
.p102-news-info ul li:nth-child(odd){
  margin-right: 80px; 
}
.p102-news-info ul li:nth-child(even) {
  margin-left: 80px;
}

.p102-news-info ul h4 {
  height: 34px;
  line-height: 34px;
  font-weight: normal;
  position: relative;
  padding-left: 25px;
}

.p102-news-info ul h4:before {
  content: '';
  position: absolute;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #b3b3b3;
  left: 0;
  top: 50%;
  margin-top: -4px;
  z-index: 1;
}

.p102-news-info ul h4 a {
  display: inline-block;
  max-width: 440px;
  height: 34px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p102-news-info ul h4 span {
  position: absolute;
  width: 90px;
  height: 30px;
  font: 14px/30px Arial;
  color: #808080;
  text-align: right;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.p102-news-info ul h4:hover:before {
  border-left: 6px solid #044299;
}

.p102-news-info ul h4:hover a {
  color: #044299;
}

.p102-news-info-more {
  width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  text-align: center;
  margin: 0 auto;
  background: #d70110;
}

.p102-news-info-more a {
  display: block;
  height: 50px;
  color: #fff;
}

@media (max-width: 768px) {
  .position .fr ul{flex-wrap: wrap;}
  .position .fr{padding: 4vw 2%;}
  .position .fr .ctitle1>li{margin-left: 0 !important; height: auto; line-height: 200%; margin-right: 4vw;}
  .mub02MainContent{margin-top: 0;}
  .proDetailsIntro{flex-direction: column;}
  .proDetailsIntro .conL{width: 100%;}
  .proDetailsIntro .conR{width: 100%; margin: 4vw 0 0; padding: 0 2%;}
  .proDetailsIntro .conR .box{margin: 20px 0;}
  .proDetailsIntro .conR .box .zx{font-size: 16px; display: inline-block; height: auto; line-height: 3em;}
  .proDetailsCanS{padding: 0 5px;}
  .p102-news-info{padding: 5px;}
  .news-title{font-size: 18px;}
  .p102-news-info dl{margin-top: 5vw;}
  .p102-news-info dt{display: none;}
  .p102-news-info ul{display: flex; flex-direction: column; flex-wrap: wrap;}
  .p102-news-info ul li{width: 100% !important; margin: 0 !important;}
  .p102-news-info ul:before{display: none;}
  .p102-news-info dl{margin-bottom: 0;}
  .p102-news-info dd{margin-left: 0; padding-top: 0; overflow: hidden;}
  .p102-news-info ul h4{height: 25px; line-height: 25px;}
  .p102-news-info dd h4 a{font-size: 14px;}
  .p102-news-info dd i{position: static; display: block;}
  .p102-news-info ul h4 a{font-size: 14px;}
}