@charset "UTF-8";
/*@media print {*/
/*  *, :before, :after {*/
/*    color: #000 !important;*/
/*    text-shadow: none !important;*/
/*    background: transparent !important;*/
/*    -webkit-box-shadow: none !important;*/
/*    box-shadow: none !important*/
/*  }*/
  
/*  a[href]:after {*/
/*    content: " (" attr(href) ")"*/
/*  }*/
/*  abbr[title]:after {*/
/*    content: " (" attr(title) ")"*/
/*  }*/
/*  a[href^="#"]:after, a[href^="javascript:"]:after {*/
/*    content: ""*/
/*  }*/
/*  pre, blockquote {*/
/*    border: 1px solid #999;*/
/*    page-break-inside: avoid*/
/*  }*/
/*  thead {*/
/*    display: table-header-group*/
/*  }*/
/*  tr, img {*/
/*    page-break-inside: avoid*/
/*  }*/
/*  img {*/
/*    max-width: 100% !important;height: auto;*/
/*  }*/
/*  p, h2, h3 {*/
/*    orphans: 3;*/
/*    widows: 3*/
/*  }*/
/*  h2, h3 {*/
/*    page-break-after: avoid*/
/*  }*/
/*  select {*/
/*    background: #fff !important*/
/*  }*/
/*  .navbar {*/
/*    display: none*/
/*  }*/
/*  .btn > .caret, .dropup > .btn > .caret {*/
/*    border-top-color: #000 !important*/
/*  }*/
/*  .label {*/
/*    border: 1px solid #000*/
/*  }*/
/*  .table {*/
/*    border-collapse: collapse !important*/
/*  }*/
/*  .table td, .table th {*/
/*    background-color: #fff !important*/
/*  }*/
/*  .table-bordered th, .table-bordered td {*/
/*    border: 1px solid #ddd !important*/
/*  }*/
/*}*/

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65
}
.part1{width: 100%;height: 600px;position: relative; }
.part1 .carousel {
width: 100%;
height: 100%; }
.part1 .carousel .carousel-inner {
height: 100%; }
.part1 .carousel .carousel-inner .item {height: 100%;}
.part1 .carousel .carousel-inner .item .item-content {max-width: 1200px;height: 100%;margin: 0 auto;position: relative;}
.part1 .carousel .carousel-inner .item .item-content .wen{width: 55%;height: 250px; float:left;text-align: left;
position: absolute;left: 0;top: 50%;margin-top: -120px;}
.part1 .swp1 .wen{color: #000;}
.part1 .swp2 .wen{color: #000;}
.part1 .swp3 .wen{color: #fff;}
.part1 .swp1 .wen.bs{color:#fff;}
.part1 .carousel .carousel-inner .item .item-content .wen h3, .part1 .carousel .carousel-inner .item .item-content .wen h1{font-size: 34px;font-weight: bold;margin: 0; }
.part1 .carousel .carousel-inner .item .item-content .wen p {margin: 0;margin-top: 20px;font-size: 20px;line-height: 1.8em; }
.part1 .carousel .carousel-inner .item .item-content .wen p.desc {font-size: 12px;margin-top: 10px; }
.part1 .carousel .carousel-inner .item .item-content .tu{max-width: 42%;
  position: absolute;right: 0;top: 50%;margin-top: -190px;
}
.part1 .carousel .carousel-control {
z-index: 3; }
.part1 .carousel .carousel-control.left {
background: transparent; }
.part1 .carousel .carousel-control.right {
background: transparent; }
.part1 .carousel .pag {
position: absolute;
width: 120px;
margin-left: -60px;
height: 0px;
bottom: 40px;
left: 50%;
z-index: 15;
text-align: center; }
.part1 .carousel .carousel-indicators {
width: 100%;
max-width: 1100px;
height: auto;
margin: 0;
left: 0;
bottom: 0;
margin-bottom: 0;
position: relative; }
.part1 .carousel .carousel-indicators .carousel-list {
text-indent: 0;
display: table;
float: left;
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 5px;
border: 0;
font-size: 18px;
-webkit-transition-duration: 300ms;
-moz-transition-duration: 300ms;
-ms-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms;
color: #fff;background: #fff;}
.part1 .carousel .carousel-indicators .carousel-list p {
width: 100%;
display: table-cell;
vertical-align: middle; }
.part1 .carousel .carousel-indicators .carousel-list.carousel1 {}
.part1 .carousel .carousel-indicators .carousel-list.carousel2 {left: 25%;}
.part1 .carousel .carousel-indicators .carousel-list.carousel3 {left: 50%;}
.part1 .carousel .carousel-indicators .carousel-list.carousel4 {left: 75%;}
.part1 .carousel .carousel-indicators .carousel-list.active {width: 20px;border-radius: 5px;}
.part1 .swp1 {/*background: url(../images/slide1.jpg) no-repeat center;*/
  background: -webkit-linear-gradient(#e33b38, #02c9ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e33b38, #02c9ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e33b38, #02c9ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e33b38, #02c9ff); /* 标准的语法 */ }
.part1 .swp2 {/*background: url(../images/slide2.jpg) no-repeat center;*/
  background: -webkit-linear-gradient(#e33b38, #02c9ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e33b38, #02c9ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e33b38, #02c9ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e33b38, #02c9ff); /* 标准的语法 */}
.part1 .swp3 {/*background: url(../images/slide3.jpg) no-repeat center;*/
  background: -webkit-linear-gradient(#e33b38, #02c9ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e33b38, #02c9ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e33b38, #02c9ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e33b38, #02c9ff); /* 标准的语法 */}
.part1 .swp4 {/*background: url(../images/slide4.jpg) no-repeat center;*/
  background: -webkit-linear-gradient(#e33b38, #02c9ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e33b38, #02c9ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e33b38, #02c9ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e33b38, #02c9ff); /* 标准的语法 */}
.part1 .swp5 {/*background: url(../images/slide5.jpg) no-repeat center;*/
  background: -webkit-linear-gradient(#e33b38, #02c9ff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e33b38, #02c9ff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e33b38, #02c9ff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#e33b38, #02c9ff); /* 标准的语法 */}
@media screen and (max-width: 1400px){
.part1{height: 500px;}
.part1 .carousel .carousel-inner .item .item-content .wen{left: 2%;}
}

@media screen and (max-width: 1024px){
#exmail .banner-top{height:45vw;}
.part1 .carousel .carousel-inner .item .item-content .wen{left: 5%;text-align: center;}
.part1 .carousel .carousel-inner .item .item-content .tu{right: 5%;}
.part1 .carousel .carousel-inner .item .item-content .wen{width: 90%;height: 160px;margin-top: -50px;left: 2%;}
.part1 .carousel .carousel-inner .item .item-content .wen h3{font-size: 24px;}
.part1 .carousel .carousel-inner .item .item-content .wen p{font-size: 14px;margin: 10px auto;}
}
/*@幻灯片*/



.youhui{float: left;width: 100%; position: relative;margin-top: -40px;z-index: 2;padding: 0 2%;}
.youhui ul{width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;grid-template-rows: auto;}
.youhui ul li{display: flex;flex: 1;}
.youhui ul li .con{width: 100%;display: flex;flex-direction: row;justify-content: center;gap: 20px;
    position:relative;text-align: center; padding:20px;border-radius:8px;border:1px solid #FFF;
  background:linear-gradient(15deg,#FFFFFF,#FFFFFF,#ffc59b);box-shadow:0px 3px 18px 0px rgba(222,222,222,0.7);box-sizing:border-box;}
.youhui ul li .icon{display:inline-block;width:60px;height:55px;line-height:55px;text-align:center;}
.youhui ul li .icon img{display:inline-block;max-width:100%}
.youhui ul li .txt{text-align:left; overflow:hidden;}
.youhui ul li .txt h3{font-size:18px;font-weight:bold;color:#ff6a00;margin-bottom:6px}
.youhui ul li .info{font-size:14px;font-weight:400;color:#666666}
.youhui ul li .info span{color:#FF6600}
.youhui ul li .text{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.7);transition:0.3s}
.youhui ul li .more{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  display:block;width:200px;height:48px;line-height:48px;text-align:center;font-size:18px;color:#ffffff;background:#ff6a00;
  box-shadow:0px 1px 12px rgb(30 89 238 / 30%);border-radius:45px}
.youhui ul li .con:hover .text{opacity:1}
.youhui.ls ul li .con{background:linear-gradient(15deg,#FFFFFF,#FFFFFF,#a0c3f7);box-shadow:0px 3px 18px 0px rgba(222,222,222,0.7);}
.youhui.ls ul li h3, .youhui.ls ul li .info span{color:#236DEF;}
.youhui.x4 ul{grid-template-columns: repeat(4, 1fr);}
.youhui.x4 ul li{}
.youhui.x4 ul li .con{padding:20px;}
@media screen and (max-width: 1024px){
.youhui{padding: 10px 2%;}
.youhui ul{display: grid;grid-template-columns: repeat(2, 1fr);}
.youhui ul li.l2{width:50%;grid-column: span 2;justify-self: center;}
.youhui.x4 ul{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 640px){
.youhui{margin-top: 20px;}
.youhui ul{grid-template-columns: repeat(1, 1fr);}
.youhui ul li .con{display: flex;flex-direction: row;justify-content: center;gap: 20px;}
.youhui ul li .icon{display:block;text-align: left; }
.youhui ul li.l2{width:initial;grid-column: initial;justify-self: initial;}
.youhui.x4 ul{grid-template-columns: repeat(1, 1fr);}
}

.huodong{height: 100%;overflow: hidden;}
.huodong a{width: 1200px;height: 100%;display: block;}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  line-height: 1
}
@media all and (transform-3d),(-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}


.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
  display: block
}
.carousel-inner > .active {
  left: 0
}
.carousel-inner > .next, .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%
}
.carousel-inner > .next {
  left: 100%
}
.carousel-inner > .prev {
  left: -100%
}
.carousel-inner > .next.left, .carousel-inner > .prev.right {
  left: 0
}
.carousel-inner > .active.left {
  left: -100%
}
.carousel-inner > .active.right {
  left: 100%
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x
}
.carousel-control:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  width: 30px;
  height: 60px;
  margin-top: -15px;
  font-size: 30px;
  overflow: hidden;
}
.carousel-control .glyphicon{background: url(../images/zuoyou.png) no-repeat center;background-size: 60px 60px;}
.carousel-control .glyphicon:before {content: ''; }
.carousel-control .glyphicon-chevron-left{background-position: 0 0;margin-left: -10px;}
.carousel-control .glyphicon-chevron-right{background-position: -30px 0;right: 50%;margin-right: -10px;}
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff
}
/*二维码*/
.erma{text-align: center;padding: 50px 0 80px; }
.erma ul{display: flex;}
.erma ul.da li{width: 31.33333%; margin-right: 3%;text-align: left;}
.erma ul.da li:last-child{margin-right:0;}
/*.erma ul.da li:hover{
  transition: 0.3s;
  -moz-box-shadow:2px 2px 8px #bad4e3;
  -webkit-box-shadow:2px 2px 8px #bad4e3;
  box-shadow:2px 2px 8px #bad4e3;}
.erma ul.da li:hover span{color: #06c;}*/
.erma ul.da li a{display: inline-block;}
.erma ul.da li i{ }
.erma ul.da li i img{width: 100%;}
.erma ul.da li span{font-size: 20px;font-weight: 500;padding: 20px 0; display: inline-block;}
.erma ul.da li p{line-height: 1.8em;}
.erma_b{background: #e7f2f9;padding: 50px 0;}
.erma_b ul.a{background: #cfe9f3;padding: 50px 0;}
.erma_b ul.a li{width: 33.33%;padding: 0 3%;float: left;text-align: center;overflow: hidden;}
.erma_b ul.a li i{width: 80px;height: 80px;display: inline-block;
  background:url(../images/g.png) no-repeat;background-size: 100% auto;}
.erma_b ul.a li i.b_1{background-position: 0 0px;}
.erma_b ul.a li i.b_2{background-position: 0 -80px;}
.erma_b ul.a li i.b_3{background-position: 0 -160px;}
.erma_b ul.a li .wen{width: 100%;}
.erma_b ul.a li span{display: inline-block;font-size: 20px;color: #333;padding-bottom: 5px;}
.erma_b ul.a li p{font-size: 14px;}
.erma_b ul.b{margin-top: 20px;}
.erma_b ul.b li{float: left;width: 23.5%;margin: 16px 2% 16px 0;text-align: left;transition: 0.3s;}
.erma_b ul.b li:nth-child(4n){margin-right:0;}
.erma_b ul.b li:hover span, .erma_b ul.b li:hover p{color: #06c;}
.erma_b ul.b li i{display: none;}
.erma_b ul.b li .wen{float: left;margin-left: 10px;line-height: 1.6em;}
.erma_b ul.b li span{display: inline-block;font-size: 16px;color: #333;line-height: 20px;padding-left: 10px;margin-bottom: 7px; font-weight: bold;
border-left: 4px solid #1199f2;}
.erma_b ul.b li p{font-size: 14px;}
.erma_b .tab{padding:0 2%;}
.banner.dd a{color: #007fff; background: #fff;}
@media screen and (max-width: 1024px){
.erma{padding: 50px 0;}
.erma .biaoti p{display: none;}
.erma ul{display: initial; padding: 0 2%;}
.erma ul.da li{width: 100%;min-height:inherit; padding: 0 3% 40px;}
.erma ul.da li:last-child{padding-bottom: 0;}
.erma ul.da li i{max-width: 20%; }
.erma_b ul.b li{width: 48%;}
.erma.syong ul.da li{text-align: center;}
.erma.syong ul.da li i{display: block;max-width:100%;}
.erma.syong ul.da li i img{max-width:5rem;}
}
@media screen and (max-width: 640px){
.erma_b .tab table td{font-size:13px;}
}

/*jiage*/
.jiage_bj{background: #f7f7f7;padding: 40px 0 80px;}
.jiage ul{overflow: hidden;box-shadow: 1px 1px 1px 1px #eee;}
.jiage ul li{float: left;width: 33.33%;text-align: center;background: #fff;padding: 20px 2% 25px; border-right: 1px solid #eee;}
.jiage ul li:last-child{border-right:none;}
.jiage ul li img{padding: ;}
.jiage ul li h3{font-size: 26px;color: #333;line-height: 2em;margin-top: 10px;}
.jiage ul li p{font-size: 14px;line-height: 1.8em;}
.jiage ul li .hs{color: #ff4b50; }
.jiage ul li .ls{color: #496def; }
.jiage ul li p.hs, .jiage ul li p.ls{padding: 10px 0;}
.jiage ul li .jia{padding: 20px 0;}
.jiage ul li .jia span{font-size: 20px;}
.jiage ul li .jia strong{font-size: 30px;font-weight: bold;}
.jiage #focus .wen{width: 60%;float: left;padding-top: 50px;}
.jiage #focus .wen h3{font-size: 22px;font-weight: bold;color: #2d87d9;padding-bottom: 20px;}
.jiage #focus .wen p{text-indent: 2em;}
.jiage #focus .tu{width: 35%;float: right;text-align: center;}
.jiage #focus .kuan{position:absolute;width:900px;height: 460px;margin: 10px 150px;}
.jiage #focus .preNext{width: 60px;height: 80px; background: url(../images/preNext.png) no-repeat;background-size: 120px;
 top: 50%;margin-top: -60px;}
.jiage #focus .pre{background-position: 0 0;}
.jiage #focus .next{background-position: -60px 0;}
.jiage #focus .btn{display: none;}
.jiage #goum{width: 100%;text-align: center;vertical-align: middle;margin-top: 10px;}
.jiage #goum a{display: inline-block;margin: 5px 0;padding: 10px 25px;border: 1px solid #236def;color: #236def;border-radius: 5px; transition: 0.3s;}
.jiage #goum a:hover{padding: 10px 35px;background: #236def;color: #fff;}
@media screen and (max-width: 1024px){
.jiage ul li:last-child{display:none;}
}

/*fangwei*/
.buy{overflow:hidden;padding: 50px 0; }
.buy .hd{width: 100%; position:relative;text-align: center;overflow: hidden;}
.buy .hd ul{}
.buy .hd ul li{display: inline-block; height: 40px;line-height: 40px; margin: 0 12px; cursor:pointer;text-align: center;}
.buy .hd ul li a{display: inline-block;color: #333;font-size:20px;padding: 0 10px 10px;border-bottom: 1px solid #ccc;}
.buy .hd ul li a span{float: left; display: block;height: 50px;line-height: 50px;margin-left: 16px; font-weight: bold;white-space: nowrap;}
.buy .hd ul li a i{float: left;width: 50px;height: 50px;display: inline-block;
  background:url(../images/fw.png) no-repeat;background-size: 100px;}
.buy .hd ul li a i.fw_1{background-position: 0 0px;}
.buy .hd ul li a i.fw_2{background-position: 0 -50px;}
.buy .hd ul li a i.fw_3{background-position: 0 -100px;}
.buy .hd ul li.on a i.fw_1{background-position: -50px 0px;}
.buy .hd ul li.on a i.fw_2{background-position: -50px -50px;}
.buy .hd ul li.on a i.fw_3{background-position: -50px -100px;}
.buy .hd ul li.on a{border-bottom: 1px solid #06c;color:#06c;}
@media screen and (max-width: 750px){
.buy .bd{padding: 0 3%;}
.buy .hd ul{width: 100%; }
.buy .hd ul li{display: inline-block; margin: 0 1%;}
.buy .hd ul li a i{display: none;}
.buy .hd ul li a span{margin-left:inherit;}
.buy .hd ul li a{font-size: 18px;}
.buy .bd ul.open p{padding: 0;}
}

/*zhanshi*/
.buy .bd{width: 100%;text-align: center;}
.buy .bd ul.open{width: 100%;float: left;}
.buy .bd ul.open li{}
.buy .bd ul.open p{display: inline-block; max-width: 1100px;line-height: 2em;padding: 20px 0;}
.buy .bd ul.open p i{display: inline-block;width: 50px;height: 1px;position: relative;}
.buy .bd ul.open p i:before{display: inline-block;width: 100px;height: 100px;font-size: 100px;font-family: "SimHei";font-weight: bold;color: #999;}
.buy .bd ul.open p i:first-child:before{content: "“";position: absolute;bottom: -100px;left: -50px;}
.buy .bd ul.open p i:last-child:before{content: "”";position: absolute;bottom: -115px;right: -50px;}
.fangwei .biaoti p{text-align:center;}
.fangwei .bd ul{padding:initial;}
.fangwei .bd ul li{padding: 20px 0;}


/*解决方案*/
.fangan{background:#eff5fb;padding: 50px 0 70px;}
.fangan .hd ul li{position: relative;}
.fangan .hd ul li.on{color: #4c6aff;}
.fangan .hd ul li.on:after{content:"";position:absolute;bottom:0;width:34px;height:4px;background:#4c6aff;left:50%;margin-left:-17px}
.fangan .bd .open{margin-top: 15px;}
.fangan .bd .open .tu{float: left; width: 45%;}
.fangan .bd .open .tu img{width: 100%;height: auto;}
.fangan .bd .open .wen{float: right; width: 53%;margin-left: 2%;padding: 20px 2%; text-align: left;position: relative;}
.fangan .bd .open .wen h4{color: #232d47;font-size: 24px;line-height: 38px;font-weight: 500;}
.fangan .bd .open .wen .fan_cp{padding:10px 0;}
.fangan .bd .open .wen .fan_cp h6{display:inline-block;height:25px;line-height:25px;padding:0 8px;background:#fff0db;border-radius:4px;font-size:14px;color:#e5a344;margin:5px 10px 5px 0}
.fangan .bd .open .wen .fan_cp h6:last-child{margin-right:0}
.fangan .bd .open .wen .fan_box{display:flex; position: relative;margin-top: 10px;}
.fangan .bd .open .wen .fan_box .lgo{width:130px;}
.fangan .bd .open .wen .fan_box .lgo img{}
.fangan .bd .open .wen .fan_box p{width: 100%;line-height: 1.8em;font-size: 16px;margin-left:20px;
    display: block;
    font-size: 14px;
    text-align: justify;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.fangan .bd .open .wen .fan_a{margin-top: 15px;}
.fangan .bd .open .wen .fan_a a{display:inline-block;width:112px;line-height:40px;height:40px;font-weight:400;font-size:16px;
  text-align:center;color:#4c6aff;cursor:pointer;border:1px solid #4c6aff;border-radius:4px}

@media screen and (max-width: 750px){
.fangan .bd .open{}
.fangan .bd .open .tu{width: 100%;}
.fangan .bd .open .wen{width: 100%;}
.fangan .bd .open .wen .fan_a{position: initial;}
.fangan .bd .open .wen .fan_box p{}
}



/*gongneng*/
.gongneng .hd{}
.gongneng .hd ul{height:40px;text-align: center;}
.gongneng .hd ul li a{height:40px;font-size: 16px; line-height:40px;background: #eee;border-radius: 40px;padding: 0px 15px; text-align:center;border:none!important;}
.gongneng .hd ul li.on a{background: #007fff;color:#fff;}
.gongneng .bd{margin-top: 15px; overflow: hidden;}
.gongneng .bd li{float: left;width: calc(70% / 3);margin-left: 1%;margin-bottom: 10px;height: calc(100% / 2 - 5px);padding: 15px;
    background: #f5f5f5;text-align: center;}
.gongneng .bd li:first-child{width: 27%;height: 100%;background: #486def;margin: 0;color: #fff;}
.gongneng .bd li:first-child p{color: #fff;}
.gongneng .bd li:not(:first-child):hover{background:#FFF;transition: all 0.5s;
    -moz-box-shadow:0px 0px 20px #C5C5C5;
    -webkit-box-shadow:0px 0px 20px #C5C5C5;
    box-shadow:0px 0px 20px #C5C5C5;}
.gongneng .bd li i{display: inline-block; width: 1rem;height: 1rem;background:url(../images/gn1.png) no-repeat;background-size: 1rem auto;}
.gongneng .bd li:nth-child(2) i{background-position: 0px -0px;}
.gongneng .bd li:nth-child(3) i{background-position: 0px -1rem;}
.gongneng .bd li:nth-child(4) i{background-position: 0px -2rem;}
.gongneng .bd li:nth-child(5) i{background-position: 0px -3rem;}
.gongneng .bd li:nth-child(6) i{background-position: 0px -4rem;}
.gongneng .bd li:nth-child(7) i{background-position: 0px -5rem;}
.gongneng .bd li h4{font-size: 18px;}
.gongneng .bd li p{padding: 10px 0;color: #666;}
.gongneng .bd ul{height: 540px;}
.gongneng .bd ul li.da{}
.gongneng .bd ul li.da i{display: inline-block;width: 200px;height: 200px;background-position: 0px -0px;
    background:url(../images/da1.png) no-repeat;background-size: 200px auto;margin-top: 70px;}
.gongneng .bd ul li p{font-size:14px;}
.gongneng .bd .g2 li i{display: inline-block; width: 1rem;height: 1rem;background:url(../images/dd.png) no-repeat;background-size: 1rem auto;}
.gongneng .bd .g2 li.da i{display: inline-block;width: 180px;height: 120px;background:url(../images/da2.png) no-repeat;background-size:180px auto;margin-top:130px;}
.gongneng .bd .g2 li.da i.s{background-position: 0px -0px;margin-top: 60px;}
.gongneng .bd .g2 li.da i.x{background-position: 0px -120px;margin-top: 60px;}
.gongneng .bd .g2 li:nth-child(2) i{background-position: 0px -0px;}
.gongneng .bd .g2 li:nth-child(3) i{background-position: 0px -1rem;}
.gongneng .bd .g2 li:nth-child(4) i{background-position: 0px -2rem;}
.gongneng .bd .g2 li:nth-child(5) i{background-position: 0px -3rem;}
.gongneng .bd .g2 li:nth-child(6) i{background-position: 0px -4rem;}
.gongneng .bd .g2 li:nth-child(7) i{background-position: 0px -5rem;}
.gongneng .bd .g3 li i{display: inline-block; width: 1rem;height: 1rem;background:url(../images/gn2.png) no-repeat;background-size: 1rem auto;}
.gongneng .bd .g3 li.da i{display: inline-block;width: 180px;height: 120px;background:url(../images/da2.png) no-repeat;background-size:180px auto;margin-top:130px;}
.gongneng .bd .g3 li.da i.s{background-position: 0px -240px;margin-top: 60px;}
.gongneng .bd .g3 li.da i.x{background-position: 0px -360px;margin-top: 60px;}
.gongneng .bd .g3 li:nth-child(2) i{background-position: 0px -0px;}
.gongneng .bd .g3 li:nth-child(3) i{background-position: 0px -1rem;}
.gongneng .bd .g3 li:nth-child(4) i{background-position: 0px -2rem;}
.gongneng .bd .g3 li:nth-child(5) i{background-position: 0px -3rem;}
.gongneng .bd .g3 li:nth-child(6) i{background-position: 0px -4rem;}
.gongneng .bd .g3 li:nth-child(7) i{background-position: 0px -5rem;}
.gongneng .anniu{text-align: center;}
.gongneng.dd .hd ul li a{background: initial;}
.gongneng.dd .hd ul li.on a{background: #333;color:#fff;}
.gongneng.dd{width: 100%;
background:-moz-linear-gradient(top,#dfefff 0%,#fff 100%);
background:-webkit-linear-gradient(top,#dfefff 0%,#fff 100%);
background:linear-gradient(to bottom,#dfefff 0%,#fff 100%);}
.gongneng.dd .bd .open{display: flex;position: relative;}
.gongneng.dd .bd .open .tu{width: 73%;}
.gongneng.dd .bd .open .wen{width: 27%;padding: 1rem 30px;text-align: left;}
.gongneng.dd .bd .open .wen h3{font-size: 32px;color: #000;font-weight: 500;position: relative;}
.gongneng.dd .bd .open .wen h3:after{background-color: #007fff;width: 12px;height: 12px;left: -15px;transform: rotate(-45deg) translateX(-100%);
  position: absolute;top: 6px;}
.gongneng.dd .bd .open .wen p{padding: 20px 0;font-size: 16px;line-height: 1.6em;}
.gongneng.dd .anniu{text-align: left;}
.gongneng.dd .anniu a{background: #007fff;border:initial;border-radius: 5px;}

@media screen and (max-width: 1024px){
.gongneng .biaoti p{display: none;}
.gongneng .hd ul li a{font-size: 14px; }
.gongneng .hd ul li.on a{}

.gongneng .bd ul{height:auto;}
.gongneng .bd li:first-child{width:100%;height:80px!important;}
.gongneng .bd li{width: calc(97% / 3);height:2rem;}
.gongneng .bd ul li p{}
.gongneng .bd ul li.da i{display:none!important;}
.gongneng .bd ul li.da h3{line-height:50px;}
.gongneng .bd li{}
.gongneng.dd{padding: 0.8rem 2%;}
.gongneng.dd .bd .open{display: block;}
.gongneng.dd .bd .open .tu{width: 100%;}
.gongneng.dd .bd .open .wen{width: 100%;padding: 0;}
.gongneng.dd .bd .open .wen h3{display: none;}
.gongneng.dd .bd .open .wen p{font-size: 14px;padding: 10px 0;}
.gongneng.dd .anniu{display: none;}
}
@media screen and (max-width: 750px){
.gongneng .bd ul{}
.gongneng .bd li{background:none;}
.gongneng .bd ul li p{display:none!important;}
}

.heneng{}
.heneng .datu{background:url(../images/hn_bj.png);padding: 30px 2%; text-align: center;}
.heneng .datu ul{display:flow; overflow: hidden;}
.heneng .datu ul li{display: inline-block;margin: 10px 5%;}
.heneng .datu ul li p{color: #333;font-size: 15px;padding-top: 15px;}
@media screen and (max-width: 750px){
.heneng .datu ul{display:flex;}
}

/*客户评论*/
.pinglun{}
.swiper-wrapper{
    position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

/* Swiper 容器 */
.testimonial-slider{width: 100%;position:relative;}

.owl-item{
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
    display: flex;
    justify-content: center; /* 水平居中卡片内容 */
    align-items: flex-start; /* 垂直顶部对齐 */
    box-sizing: border-box;
    padding: 0 10px; /* 给幻灯片之间一些呼吸空间，特别是多列时 */
}

/* 微信对话项 */
.testimonial-chat-item {
    display: flex;
    align-items: flex-start; /* 头像和气泡顶部对齐 */
    width: 100%;
    max-width: 500px; /* 限制单个评论的最大宽度 */
    margin: 0 auto; /* 在幻灯片内居中 */
}

.testimonial-chat-item img{
    width: 45px;
    height: 45px;
    border-radius: 8px; /* 微信头像圆角 */
    margin-right: 12px;
    object-fit: cover;
    flex-shrink: 0;
}

.chat-content-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0; /* Important for flex item to shrink if needed */
}

.chat-author-name {
    font-size: 0.85em;
    color: #888;
    margin-bottom: 5px;
    padding-left: 10px; /* 配合气泡的padding */
}

.chat-bubble {
    background-color: #95ec69; /* 微信接收消息气泡颜色 */
    border-radius: 8px;
    padding: 12px 15px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    word-wrap: break-word; /* 防止长单词溢出 */
    overflow-wrap: break-word;
}

/* 微信气泡小三角 */
.chat-bubble::before {
    content: "";
    position: absolute;
    left: -6px; /* 三角位置 */
    top: 10px; /* 三角垂直位置 */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7px 6px 0; /* 右向三角 */
    border-color: transparent #95ec69 transparent transparent; /* 三角颜色同气泡 */
}

.chat-bubble p {
    margin: 0;
    font-size: 0.95em;
    line-height: 1.6;
    color: #333;
}


/* Swiper 导航按钮和分页器 */
.swiper-pagination-bullet {
    background: #aaa;
    opacity: 0.7;
}

.swiper-pagination-bullet-active {
    background: #07C160; /* 微信主题绿 */
    opacity: 1;
}

.swiper-button-next,
.swiper-button-prev {
    color: #07C160; /* 微信主题绿 */
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    transition: background-color 0.3s ease;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: rgba(255, 255, 255, 1);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 16px; /* 调整 Font Awesome 图标大小 */
    display: none; /* 隐藏默认的 Swiper 箭头 */
}
.swiper-button-next i,
.swiper-button-prev i {
    font-size: 14px;
}

/* 响应式调整 */
@media (max-width: 767px) {
    .section-title {
        font-size: 1.8em;
    }
    .section-subtitle {
        font-size: 0.9em;
    }
    .chat-avatar {
        width: 40px;
        height: 40px;
    }
    .chat-bubble p {
        font-size: 0.9em;
    }
    .chat-author-name {
        font-size: 0.8em;
    }
    .swiper-button-next,
    .swiper-button-prev {
        /* 在手机上可以考虑隐藏箭头，依赖滑动和分页器 */
        /* display: none; */
        width: 28px;
        height: 28px;
    }
     .swiper-button-next i,
    .swiper-button-prev i {
        font-size: 12px;
    }
}


/* 响应式调整 */
@media (max-width: 767px) {
    .section-title {
        font-size: 1.7em;
    }
    .section-subtitle {
        font-size: 0.9em;
    }
    .swiper-button-next,
    .swiper-button-prev {
        /* 在小屏幕上，如果箭头覆盖内容，可以考虑隐藏或调整位置 */
        /* display: none; */
        width: 30px;
        height: 30px;
    }
    .swiper-button-next i,
    .swiper-button-prev i {
        font-size: 14px;
    }
    .testimonial-screenshot {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 手机上阴影可以浅一些 */
    }
}
/*@评论*/

/*xinwen*/
.xinwen .hd ul li a{padding: 0 40px; border: 1px solid #ccc;border-radius: 6px;}
.xinwen .hd ul li a span{margin-left: initial;}
.xinwen .hd ul li.on a{background: #06c;color: #fff;}
.xinwen .bd ul{padding: 10px 0;}
.xinwen .bd ul li{float: left;width: 30%;margin-right: 5%;border: 1px solid #ccc;transition: 0.3s;}
.xinwen .bd ul li:nth-child(3){margin-right:0;}
.xinwen .bd ul li .tu{width: 360px;height: 260px;background: #333;overflow: hidden; position: relative;}
.xinwen .bd ul li .tu img{min-height: 100%;opacity: 0.9;}
.xinwen .bd ul li .tu i{background: #06c;color: #fff;font-size: 16px; padding: 12px;opacity: 0.8;
  position: absolute;bottom: 0px;left: 0;}
.xinwen .bd ul li .tu i b{display: block; font-size: 24px;}
.xinwen .bd ul li .wen{text-align: left;padding: 20px;}
.xinwen .bd ul li .wen span{font-size: 20px;font-weight: bold; color: #06c;line-height: 2em;
  width: 100%; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xinwen .bd ul li:hover{background: #06c;color: #fff;}
.xinwen .bd ul li:hover span, .xinwen .bd ul li:hover p{color: #fff;}
/*anli*/
.anli_bj{background: #1b3687;}
.anli{position: relative;color: #fff;overflow: hidden;}
.anli .biaoti h2{color: #fff;}
.anli .showopen ul li{float: left;width: 23.5%;margin: 10px 2% 10px 0;overflow: hidden;opacity: 0.9;}
.anli .showopen ul li:nth-child(4n){margin-right:0;}
.anli .showopen ul li:hover{opacity: 1;}
/*.anli .showopen ul.hy{padding: 3px;}
.anli .showopen ul.hy li{height: 230px; background: #36c;font-size: 16px;position: relative;}
.anli .showopen ul.hy li:before{content:"";display:block;width: 100%;height: 100%;background: #000;opacity: 0.0;transition: 0.3s;
  position: absolute;top: 0;left: 0;}
.anli .showopen ul.hy li:hover:before{opacity:0.2;}
.anli .showopen ul.hy li img{opacity: 0.0;}
.anli .showopen ul.hy li:hover img{opacity: 1.0;}
.anli .showopen ul.hy li a{display:block;width: 100%;height: 100%;text-align: center;color: #fff;
  position: absolute;top: 0;left: 0;}
.anli .showopen ul.hy li i{display: inline-block;width: 80px;height: 80px;margin-top: 26%;transition: 0.5s;
  background:url(../images/al.png) no-repeat; background-size: 80px;
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  transition: all 600ms ease-out;}
.anli .showopen ul.hy li:hover i{margin-bottom: 6px;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  transform: rotateY(360deg);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;}
.anli .showopen ul.hy li:nth-child(1) i{background-position: 0 -0px;}
.anli .showopen ul.hy li:nth-child(2) i{background-position: 0 -80px;}
.anli .showopen ul.hy li:nth-child(3) i{background-position: 0 -160px;}
.anli .showopen ul.hy li:nth-child(4) i{background-position: 0 -240px;}
.anli .showopen ul.hy li:nth-child(5) i{background-position: 0 -320px;}
.anli .showopen ul.hy li:nth-child(6) i{background-position: 0 -400px;}
.anli .showopen ul.hy li:nth-child(7) i{background-position: 0 -480px;}
.anli .showopen ul.hy li:nth-child(8) i{background-position: 0 -560px;}
.anli .showopen ul.hy li p{color: #fff;}
*/
@media screen and (max-width: 1024px){
.anli .showopen ul li{width: 31.33333333%;}
.anli .showopen ul li:nth-child(4n){margin-right: 2%;}
.anli .showopen ul li:nth-child(3n){margin-right: 0;}

}


.more{width: 100%;overflow: hidden;}
a.mo{display: inline-block;padding: 6px 20px; line-height: 40px;font-size: 18px; color: #36c;}
a.mo:hover{text-decoration: underline; transition: 0.3s;}
.main, .tongdian, .baozhang{padding: 50px 0;}
.main .show{float:left;width:12%;height: 500px;position: relative;}
.main .show:before{content: "";display: inline-block;width: 4px;height: 490px;background: #36c;position: absolute;top: 5px;left: 7px;}
.main .show div{height:40px;color: #fff;margin: 140px 0; cursor: pointer;position: relative;}
.main .show div:before{content: "";display: inline-block;width: 12px;height: 12px;background: #36c;border: 3px solid #fff;border-radius: 50px;
position: absolute;top: 50%;left: 0px;margin-top: -9px;}
.main .show div span{float: right;display: block;width: 81%; line-height:40px;font-size:18px;text-align:center;}
.main .show div.on{color: #3cf;background:url(../images/on.png) no-repeat right;}
.main .show div.on:before{border: 3px solid #3cf;}
.main .show b{}
.main .showopen{float:right;width:100%;overflow:hidden;position:relative;}
.main .showopen .open{ width:100%;text-align: center;}
.main .showopen .open .wen{height: 110px;}
.main .showopen .open .wen span{font-size: 36px;line-height: 1.6em;color: #03acef;}
.main .showopen .open .wen p{font-size: 24px;line-height: 2em;color: #666;}
.main .showopen .open .tu{margin-left: 13%;}
.main .showopen .open a.mo{margin-left: 11%;margin-top: 10px;}
/*yindao*/
.yindao{padding: 50px 0;background: url(../images/yd_bj.png) no-repeat center #fafafa;}
.yindao ul{text-align: center;}
.yindao ul li{width: 33%;margin: 30px auto;display: inline-flex;}
.yindao ul li i{float: left;display: inline-block;width: 120px;height: 120px;position: relative;
  background: #2d87d9;border-radius: 140px;}
.yindao ul li i:before{content: "";display: inline-block;width: 140px;height: 140px;border: 2px dashed #2d87d9;border-radius: 140px;
position: absolute;top: 50%;left: 50%;margin-top: -72px;margin-left: -72px;}
.yindao ul li i b{display: inline-block;width: 80px;height: 80px;background: url(../images/yd.png) no-repeat;background-size: 80px;margin: 20px;}
.yindao ul li:hover i:before{
  animation: namemf 1s linear infinite;
  -webkit-animation:namemf 1s linear infinite;
  -ms-animation: namemf 1s linear infinite;}
.yindao ul li i.yd_1 b{background-position: 0 0px;}
.yindao ul li i.yd_2 b{background-position: 0 -80px;}
.yindao ul li i.yd_3 b{background-position: 0 -160px;}
.yindao ul li i.yd_4 b{background-position: 0 -240px;}
.yindao ul li i.yd_5 b{background-position: 0 -320px;}
.yindao ul li span{float: left;display: block;font-size: 24px;color: #1b3687; line-height: 140px;margin-left: 20px;}
.yindao ul p{padding: 40px 0;font-size: 18px;line-height: 2em;}
#exmail .banner-top{height:35vw;max-height:600px;}


@media screen and (max-width: 1024px){
.jiage ul li{width: 50%;margin-bottom: 10px;}
.jiage ul li:nth-child(3){width: 100%;}
.main .show{float: inherit;width: 100%;height:inherit;text-align: center;}
.main .show div{width: 120px;display: inline-block;margin:0 2% 20px;}
.main .show:before{display: none;}
.main .showopen{width: 100%;padding: 0 2%;}
.anli .showopen ul.hy{display: none;}
.anli .showopen ul.hy li{height: 140px;}
.anli .showopen ul.hy li i{margin-top: 15px;}
.xinwen .bd ul li .tu{width: 100%;height: auto;max-height: 170px;}
.xinwen .bd ul li{width: 94%;margin: 10px 3%;}
.more{padding-top:0;}
.banner h2{font-size: 24px;}
.erma_b ul.a{display:flex;}
.erma_b ul.a li{width: 50%; padding: 15px 3%;}
}
@media screen and (max-width: 1024px){
.erma_b ul.a li p{display:none;}

}

/*资质轮播*/
*,*:after,*:before{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.zizhi{width: 100%; padding: 60px 0 80px;overflow: hidden;}
.owl-carousel .owl-stage-outer{height: 310px;}
.owl-carousel .owl-stage{height: 300px;}
.owl-carousel .item img{width: auto;max-height: 300px;}

/*资质轮播*/


.xuanze{width: 100%; padding: 60px 0;overflow: hidden;background: #fff;}
.xuanze .biaoti{padding: 0;}
.xuanze ul{width: 100%;overflow: hidden;display: flex;}
.xuanze ul li{float:left;width:23%;margin: 30px 1%; padding:2%;text-align:center;border: 1px solid #eaf0f6;}
.xuanze ul li:last-child{margin-right: 0; }
.xuanze ul li i{display:inline-block;width:70%;}
.xuanze ul li span{display: block;font-size:24px;color:#333;padding: 30px 0 15px 0;}
.xuanze ul li p{font-size:16px;line-height:1.8em;}
.xuanze.sp ul li span{padding: 10px 0 15px 0;}
@media screen and (max-width: 750px){
.xuanze{padding: 1rem 0;overflow: hidden;}
.xuanze .biaoti{padding: 0;}
.xuanze .biaoti p{display: none;}
.xuanze ul{float:left;width: 100%;padding: 0 3%;display: initial;}
.xuanze ul li{float:left;width:50%;padding:3%;margin: 0.5rem 0 0;border:initial; background:initial;text-align:center;}
.xuanze ul li i{display:inline-block;width:1.1rem;}
.xuanze ul li span{display: block;font-size:20px;color:#333;}
.xuanze ul li p{display: none; font-size:0.24rem;}
.xuanze.sp ul li p{display: block;}
}

/*信创配置表*/
.xcjia{padding:60px 2%;background: #eee;}
.xcjia .tab{box-shadow: 0px 3px 18px 0px rgba(222,222,222,0.7);}
.tab{}
.tab table{background:#fff;border-radius: 10px;overflow: hidden;}
.tab table thead{}
.tab table thead tr{text-align:center; color:#fff;background:#2a88e6;height: 50px;}
.tab table tbody tr{text-align:center;font-size:14px;}
.tab table td, .tab table th{border:none;padding:10px 5px;}
.tab table tr:nth-child(2n){background: #e0e8f4;}
.xcjia .anniu{text-align:center;}
.xcjia .anniu a{background:#ff4b50;}

.banben_bj{width: 100%;background: linear-gradient(135deg, #afd9ff 0%, #236DEF 100%);padding: 40px 3% 80px;position: relative;overflow: hidden;}
.banben_bj .biaoti{padding: 20px 0 20px;}
.banben_bj .biaoti h2, .banben_bj .biaoti h1{color: #fff;}
.banben_bj .mr{display: flex;}
.banben_bj .jiage{width: 60%;float: left;background: #fff;border-radius: 5px;overflow: hidden;}
.banben_bj .jiage ul{box-shadow:initial;}
.banben_bj .jiage ul li{text-align: left;}
.banben_bj .jiage ul li.hot{background: #fcf8ea;position: relative;}
.banben_bj .jiage ul li.hot:before{content:"";display:block;width: 80px;height: 80px;background: url(../images/hot.png) no-repeat;background-size: 100% auto;
  position: absolute;top: 0;right: 0;}
.banben_bj .jiage ul li p{position: relative;padding-left: 15px;}
.banben_bj .jiage ul li p:before{content:"√";font-size: 12px;color: #236def; display:block;width: 0px;height: 0;position: absolute;left: 0;}
.banben_bj .jiage ul li p.qs{color: #999;padding-left: 0;}
.banben_bj .jiage ul li p.qs:before{display: none;}
.banben_bj .jiage ul li p.b{font-weight: 600;}
.banben_bj .jiage ul li p.b:before{display: none;}
.banben_bj .jisuan{width: 38%;float: right;margin-left: 2%;background: #fff;border-radius: 5px;padding: initial;}
.banben_bj .jisuan h3.tt{height: 85px;line-height: 85px;color: #fff; text-align: center; background: url(../images/jia_top.png) no-repeat;background-size: cover;}
.banben_bj .jisuan ul{padding: 10px 8%;}
.banben_bj .jisuan ul li.ben{display: none;}
@media screen and (max-width: 750px){
.banben_bj .mr{display: initial;}
.banben_bj .jiage{width: 100%;}
.banben_bj .jisuan ul{padding: 10px 3%;}
.banben_bj .jiage ul li{display: none;}
.banben_bj .jiage ul li.hot{display: block;width: 100%;}
.banben_bj .jiage ul li .jia{display: none;}
.banben_bj .jiage #goum{display: none;}
.banben_bj .jisuan{width: 100%;margin-top: 15px;}

#jiage .banben_bj .jiage ul li{display: block;width: 50%;}
#jiage .banben_bj .jiage ul li p{font-size: 13px;}
#jiage .banben_bj .jiage ul li:last-child{width: 100%;text-align: center;}
#jiage .banben_bj .jiage ul li.w{border-top: 1px solid #eee;}
#jiage .banben_bj .jiage ul li.w p:before{display: none;}
}


/*youshi*/
.youshi{padding-bottom: 90px;background:#eee;padding: 30px 4% 60px;}
.youshi .mr{overflow:hidden;}
.youshi .biaoti span{font-size:16px;line-height:40px;}
.youshi ul{float: left;width: 50%;margin-top: 30px;}
.youshi ul h5{font-size: 24px;font-weight: bold;color: #fff;background: #2d87d9;line-height: 60px;text-align: center; }
.youshi ul li{width: 100%;height:120px; margin: 10px 0;position: relative;}
.youshi ul li:nth-child(2){margin-top: 50px;}
.youshi ul li i{display: block;width: 60px;height: 60px;background: url(../images/duibi.png) no-repeat;background-size: 120px;
position: absolute;top: 0;left: 0;}
.youshi ul li p{padding-left: 75px;line-height:1.6em;}
.youshi ul li p span{display: block;font-size: 20px;font-weight: bold; color: #525252;padding-bottom: 8px;}
.youshi ul.zuo{padding-right: 9%; border-right: 1px solid #ccc;position: relative;}
.youshi ul.zuo:before{content:"vs";display:block;width: 120px;height: 120px;font-size: 100px;line-height: 120px;text-align: center; font-weight: bold;font-family: 'Algerian';position: absolute;top: 50%;right: -60px;margin-top: -60px;background: #eee;}
.youshi ul.you{padding-left: 9%;}
.youshi ul.zuo h5{background: #999;}
.youshi ul.zuo li:nth-child(2) i{background-position: 0 -0px;}
.youshi ul.zuo li:nth-child(3) i{background-position: 0 -60px;}
.youshi ul.zuo li:nth-child(4) i{background-position: 0 -120px;}
.youshi ul.zuo li:nth-child(5) i{background-position: 0 -180px;}
.youshi ul.you li:nth-child(2) i{background-position: -60px -0px;}
.youshi ul.you li:nth-child(3) i{background-position: -60px -60px;}
.youshi ul.you li:nth-child(4) i{background-position: -60px -120px;}
.youshi ul.you li:nth-child(5) i{background-position: -60px -180px;}
.youshi ul{margin-top:0px;}
.youshi ul li i{display: none;}
.youshi ul li p{padding-left:0;}

@media screen and (max-width: 1024px){
.youshi .biaoti span{display: none; font-size:14px;}
.youshi ul{margin-top:0px;}
.youshi ul.zuo{padding-right:2%;}
.youshi ul.zuo:before{font-size: 80px;opacity: 0.3;}
.youshi ul.you{padding-left: 2%;}
.youshi ul h5{font-size: 18px;line-height:50px;}
.youshi ul li{}
.youshi ul li i{display: none;}
.youshi ul li p{padding-left:0;font-size:14px;}
.youshi ul li p span{font-size: 16px;}
}

@media screen and (max-width: 640px){
.youshi ul h5{font-size: 18px;line-height:40px;}
/*.youshi ul.zuo{display: none;}
.youshi ul.you{width: 100%;}*/
/*.youshi ul li p em{display: none;}*/

}
/*@youshi*/


.jiabiao table tbody tr{font-size:14px; }
.jiabiao{background:#eee;padding:60px 2%;}
.jiabiao table{background:#fff;}
.jiabiao table thead{}
.jiabiao table thead tr{text-align:center; color:#fff;background:#2a88e6;height: 50px;}
.jiabiao table tbody tr{text-align:center; }
.jiabiao table tr:nth-child(even){background: #e6edf4;}
.jiabiao .biaoti{padding: 20px 0 10px;}
.jiabiao .anniu{text-align:center;}
.jiabiao .anniu a{background:#ff4b50;color:#fff;}
.jiabiao .anniu a:hover{}
.jiabiao .txt{width:100%;max-width:600px;line-height: 1.6em;margin:0 auto;overflow:hidden;}
.jiabiao .txt h3{font-size:16px;font-weight:bold;padding-top:15px;}


.liebiao{padding: 50px 0 70px;overflow:hidden;}
.liebiao ul{margin-top: 20px;}
.liebiao ul li{line-height: 2em;position:relative;}
.liebiao ul li a{max-width: 80%;font-size: 16px;line-height: 24px;}
.liebiao ul li a:hover{color:#ff4b50; text-decoration:underline;}
.liebiao ul li .e{opacity:0.7;position: absolute;top: 0;right: 0;}
.liebiao .lie2{width:48%;float:left;}
.liebiao .lie2.you{float:right;}
.liebiao .lie2 h3{font-size:24px;color: #333; font-weight:500;line-height: 40px;}
.liebiao .lie2 .more a{color: #36c;}
.liebiao .lie1{}
.liebiao .lie1 ul li{float:left;width:48%;}
.liebiao .lie1 ul li:nth-child(2n){margin-left:4%;}

@media screen and (max-width: 1024px){
.liebiao{padding: 50px 4% 70px;}
}
@media screen and (max-width: 750px){
.liebiao .lie1 ul li{width:100%;}
.liebiao .lie1 ul li:nth-child(2n){margin-left:0;}
.liebiao .lie2{width:100%;}
.liebiao .lie2.you{margin-top:40px;}
.liebiao ul li a{font-size: 14px;}
.liebiao ul li .c{display:none;}
.liebiao .lie2 .more{display: none;}
}