@charset "utf-8";
/* CSS Document */
.main_wrap{ width:100%; margin-top:20px;min-height:70vh;}
.show_wrap{ width:1200px;margin-top:30px; margin-left:auto; margin-right:auto;margin-top:30px;}
.show_title{ border-bottom:solid 1px #dcdcdc; line-height:40px; overflow:hidden; margin-bottom:25px;}
.Chi_t{ font-size:22px; color:#09f;}
.Eng_t{ font-size:16px; color:#b7b7b7; padding-left:10px; padding-right:50px;}

.plan_wrap{ width:1200px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.plan{ width:370px; background-color:#f8f8f8; float:left; margin-right:45px;margin-bottom:35px;}
.plan:nth-of-type(3n){margin-right:0;}
.plan img{ display:block; border:none;width:100%;}
.plan_intro{ width:368px; padding-top:10px; padding-bottom:10px; border:solid 1px #d9d7d7;}
.plan_intro h5{ margin-left:25px; margin-right:auto; font-size:16px; color:#333; line-height:30px;}
.plan_intro p{ width:316px; margin-left:auto; margin-right:auto; font-size:14px; color:#777; line-height:22px;}
.plan a{position:relative;display:block;}
.plan span{position:absolute;left:0;top:0;color:#fff;display:inline-block;}
.plan .logo{left:40px;top:40px;padding:0;}
.plan .logo img{display:inline-block;width:140px;}
.plan .views{left:auto;right:40px;top:45px;background:rgba(0,0,0,.8);padding:5px 10px;line-height:1;font-size:12px;border-radius:3px;}
.plan .head{font-size:24px;width:100%;top:110px;text-align:center;font-weight:bolc;}
.plan .intro{font-size:16px;width:100%;top:170px;text-align:center;font-weight:bolc;}

.plan_wrap_filter{width:1200px; margin-left:auto; margin-right:auto; border:1px solid #d9d7d7;margin-bottom:20px;}
.selected-list {
  margin-bottom: 10px;
  height: 36px;
  background-color: #fafafa;
  border-bottom: 1px solid #e6e6e6;
  line-height: 36px;
  padding-left: 10px;
  position: relative
}

.selected-list .title {
  display: inline-block;
  width: 93px;
  text-align: right;
  font-weight: 700
}

.selected-list .t-r:hover {
  color: #de4040
}

.selected-list .conditions-btn {
  display: inline-block;
  background-color: #fff;
  padding-left: 8px;
  padding-right: 30px;
  line-height: 24px;
  height: 24px;
  font-size: 12px;
  color: #333;
  margin-top: 5px;
  margin-right: 5px;
  border: 1px solid #ddd;
  position: relative;
  vertical-align: top
}

.selected-list .conditions-btn .txt {
  color: #1476d1
}

.selected-list .conditions-btn .close-ico {
  background-position: -94px -374px;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center
}

.selected-list .conditions-btn .close-ico .el-icon-close {
  font-weight: 700
}

.selected-list .conditions-btn:hover {
  border: 1px solid #1476d1;
  text-decoration: none
}

.selected-list .conditions-btn:hover .el-icon-close {
  color: #fff
}

.selected-list .conditions-btn:hover:hover {
  text-decoration: none
}

.selected-list .conditions-btn:hover .close-ico {
  background-position: -94px -389px;
  background-color: #1476d1
}

.selected-list .conditions-btn-2 {
  padding-right: 5px
}

.selected-list .clear-btn {
  display: inline-block;
  color: #666;
  font-size: 12px;
  cursor: pointer
}

.selected-list .clear-btn:hover {
  color: #1476d1;
  text-decoration: none
}
.m-screen {
  position: relative
}

.m-screen .screen-style {
  line-height: 48px;
  position: relative;
  padding-left: 110px;
  border-bottom: 1px dotted #ddd;
  min-height: 48px
}

.m-screen .screen-style a {
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: #888;
  margin-right: 10px;
  min-width: 56px;
  padding: 0 10px;
  border-radius: 5px
}

.m-screen .screen-style a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1476d1
}

.m-screen .screen-style a.selected {
  color: #fff;
  text-decoration: none;
  background-color: #1476d1
}

.m-screen .screen-style button {
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: #888;
  margin-right: 10px;
  min-width: 56px;
  padding: 0 15px
}

.m-screen .screen-style button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #1476d1
}

.m-screen .screen-style .current {
  background-color: #1476d1;
  color: #fff
}

.m-screen .style-name {
  width: 105px;
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
  font-weight: 700;
  text-align: right
}



.advantage{ width:1160px; margin-left:auto; margin-right:auto; margin-top:30px;}
.productL{ float:left; width:470px; height:262px; margin-left:-32px; margin-right:90px; padding-top:18px;}
.productR{ float:left; width:630px;}
.number01{margin-top:20px;}
.number01 h3{ height:60px; line-height:60px; text-align:left; background:url("../image_new/No1.png") no-repeat; color:#303030; font-size:22px; text-indent:90px; font-weight:normal;}
.number01 p{ line-height:28px; text-align:left; color:#6c6c6c; font-size:16px; margin-left:90px;}
.number02{ margin-top:20px;}
.number02 h3{ height:60px; line-height:60px; text-align:left; background:url("../image_new/No2.png") no-repeat; color:#303030; font-size:22px; text-indent:90px; font-weight:normal;}
.number02 p{ line-height:28px; text-align:left; color:#6c6c6c; font-size:16px; margin-left:90px;}
.number03{ width:1160px; float:left;margin-top:20px;}
.number03 h3{ height:60px; line-height:60px; text-align:left; background:url("../image_new/No3.png") no-repeat; color:#303030; font-size:22px; font-weight:normal; text-indent:90px;}
.number03 p{ line-height:28px; text-align:left; color:#6c6c6c; font-size:16px; padding-left:90px;}

.selected-list a{
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
  min-width: 56px;
  padding: 0 10px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  background-color: #1476d1
}