.service {}
.service .tabbox{background-color:#fff}

.ser_a{padding: 6.25% 0 5%;/*background: url(../images/ser_02.jpg) no-repeat center top;*/ background-color:#f9f9f9}
.ser_a .mktitle{text-align: center;margin-bottom: 60px;}
.ser_a .wrap .idea{height: 350px;background-color:#fff;text-align: center;position: relative;overflow: hidden; float: left; width: 31.333%;  margin:0 1%;  border-top: 6px solid #ec6c00;}
.ser_a .wrap .idea .bgimg{margin: 0 auto;max-width: 600px;height: 100%;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;opacity: 0;}
.ser_a .wrap .idea .indiv{background-color:#fff; padding:5% 10%; -webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
.ser_a .wrap .idea .indiv .imgbox{margin-bottom: 50px; display:none; }
.ser_a .wrap .idea .indiv .imgbox img{margin:auto;}
.ser_a .wrap .idea .indiv .bt{color: #fff;margin-bottom: 40px; margin-top: 15%;}
.ser_a .wrap .idea .indiv .bt .num{font-size: 60px;font-family: Arial, Helvetica, sans-serif;font-weight: bold; color:#ec6c00; display:none; }
.ser_a .wrap .idea .indiv .bt .dw{ font-size: 20px; font-weight: bold; color: #ec6c00; }
.ser_a .wrap .idea .indiv .text{line-height: 28px;font-size: 16px;color: #000;padding: 0 10px;}
.ser_a #ser {overflow:hidden; clear:both;}
.ser_a .fuwu {overflow:hidden;   margin-top: 100px;   padding: 0 1%;}
.ser_a .fuwu .th2 {font-size: 24px;  color: #ec6c00; font-weight:normal; }
.ser_a .fuwu .th3{line-height: 30px; color:#666; font-weight:normal; font-size:16px; }
.ser_a .fuwu .items{overflow:hidden; margin-top:10px; }
.ser_a .fuwu .item{overflow:hidden; margin-bottom:0; background-color:#fff; padding:30px 25px; }
.ser_a .fuwu .item .imgbox{overflow:hidden; float:left; width: 48%;}
.ser_a .fuwu .item .infobox{overflow:hidden; float:right;width: 48%; }
.ser_a .fuwu .item .tt{overflow:hidden;  padding-left: 80px;   border-bottom: 2px solid #ec6c00;   padding-bottom: 6%; margin-top: 2%;}
.ser_a .fuwu .item .tt h3{font-size: 20px; color: #ec6c00; line-height: 30px;}
.ser_a .fuwu .item .tt h4{    font-size: 14px;line-height: 24px; color: #666;  margin-top: 15px;}
.ser_a .fuwu .item .bb{overflow:hidden;  padding-top: 6%;}
.ser_a .fuwu .item .bb p{overflow:hidden; line-height: 35px;   font-size: 15px; color: #666;}
.ser_a .fuwu .item1 .tt {background:url(/upload/images/2020/10/71a2c82d29f3e125.png) no-repeat top left; }
.ser_a .fuwu .item2 .tt {background:url(/upload/images/2020/10/e3e40364829624f8.png) no-repeat top left; }
.ser_a .fuwu .item3 .tt {background:url(/upload/images/2020/10/ac3eb891f5689f61.png) no-repeat top left; }
.ser_a .fuwu .item4 .tt {background:url(/upload/images/2020/10/d4ee223e60244f4d.png) no-repeat top left; }
.ser_a .fuwu .item2 .imgbox,.ser_a .fuwu .item4 .imgbox {float:right; }
.ser_a .fuwu .item2 .infobox,.ser_a .fuwu .item4 .infobox {float:left; }

.ser_b{position: relative;}
.ser_b .mktitle .cn {color:#fff; }
.ser_b .tlbox{z-index: 20;position: absolute;width: 100%;text-align: center;top: 12.5%;}
.ser_b .tlbox .mktitle{margin-bottom: 55px;}
.ser_b .tlbox .text{color: #e4e7eb;line-height: 28px;font-size: 16px; text-align:center; margin: 0 auto;}
.ser_b .imgbox{position: relative;}
.ser_b .imgbox .point{position: absolute;top: 64.8421%;left: 36.8229%;-webkit-transform: translate(-8px, -100%);-moz-transform: translate(-8px, -100%);-ms-transform: translate(-8px, -100%);transform: translate(-8px, -100%);}
.ser_b .imgbox .point .text{position: absolute;left: 24px;top: -2px;font-size: 24px;overflow: hidden;width: 48px;}
.ser_b .imgbox .point .text .te{-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;color: #fff;}

.ser_c{/*background: url(../images/ser_09.jpg) no-repeat center top / cover;*/ padding: 6.25% 0 7.5%;}
.ser_c .mktitle {text-align:center; margin-bottom:60px;}
.ser_c .box{overflow:hidden; }
.ser_c .box .mktitle{text-align: center;margin-bottom: 50px;}
.ser_c .box .tab-nab {background-color: #f9f9f9; width: 100%; height: 45px; line-height: 45px; }
.ser_c .box .tab-nab a{font-size:16px; color:#333; float:left; display:block;line-height: 45px; width:33.333%; text-align:center; }
.ser_c .box .tab-nab a.on{background-color:#ec6c00; color:#fff; }
.ser_c .box .tab-con {display:none}
.ser_c .box .cont{padding:3% 1%;height: auto;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.ser_c .hotbox{margin-right: 6.25%;}
.ser_c .hotbox .imgbox img{width: 100%;}
.ser_c .hotbox .lxbox{padding: 50px 0 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.ser_c .hotbox .lxbox a{width: 50%;float: left;font-size: 18px;color: #ffffff;line-height: 20px;padding-left: 30px;background: url(../images/phone_02.png) no-repeat left center;}
.ser_c .downloadbox .cont a{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; }
.ser_c .downloadbox .cont a .text{-webkit-box-flex: 1;-webkit-flex-grow: 1;-moz-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;line-height: 60px;font-size: 16px;color: #333;height: 60px;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; border-bottom: 1px solid #f9f9f9; background: url(/upload/images/2020/9/b35ca72be334912f.png) no-repeat center right;}
.ser_c .downloadbox .cont a .text:hover {color:#ec6c00; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.ser_c .downloadbox .cont a .btn{line-height: 45px;color: #ec6c00;text-align: center;font-size: 15px; -webkit-box-flex: 0;-webkit-flex-grow: 0;-moz-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
.ser_c .downloadbox.dbox {float:right}

.questions{overflow:hidden; width: 1200px; margin: auto; padding: 30px 0;}
.questions .item{overflow:hidden; padding:20px 40px;  background-color: #fff; margin-bottom: 10px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.questions .question{font-size: 16px;  font-weight: bold; color: #555;   line-height: 40px; display: block; background:url(/upload/images/2020/9/b35ca72be334912f.png) no-repeat center right; }
.questions .anwser{font-size: 15px; line-height: 30px; color:#333; overflow:hidden;  padding: 10px 0;  display:none; }
.questions .anwser span {font-size: 16px;  font-weight: bold; color: #555;   line-height: 30px;  }
.questions .item:hover .question{color:#ec6c00; }


@media (max-width: 1440px) {
    .ser_a .mktitle, .ser_b .tlbox .mktitle, .ser_c .box .mktitle{margin-bottom: 40px;}
    .ser_a .wrap .idea{height: 300px;}
    .ser_a .wrap .idea .indiv{padding-top: 40px;}
    .ser_a .wrap .idea .indiv .imgbox{margin-bottom: 40px;}
    .ser_a .wrap .idea .indiv .bt{margin-bottom: 30px;}
    .ser_a .wrap .idea .indiv .bt .num{font-size: 40px;}
    .ser_c .hotbox .lxbox a{font-size: 16px;}
}
@media (max-width: 1280px){
    .ser_a .wrap .idea{height: 300px;}
    .ser_a .wrap .idea .indiv{padding-top: 30px;}
    .ser_a .wrap .idea .indiv .imgbox{margin-bottom: 30px;}
    .ser_a .wrap .idea .indiv .bt{margin-bottom: 20px;}
    .ser_a .wrap .idea .indiv .bt .num{font-size: 40px;}
    .ser_a .wrap .idea .indiv .text{font-size: 14px ;}
    .ser_c .hotbox .lxbox{padding: 30px 0 30px;}
    .ser_c .hotbox .lxbox a{font-size: 14px;line-height: 30px;}
    .ser_c .box .cont{height: 450px;}
    .ser_c .downloadbox .cont a .text{font-size: 14px;}
    .ser_c .downloadbox .cont a .btn{width: 140px;font-size: 14px;}
}

@media (max-width: 1200px){
    .ser_a{padding: 5% 0}
    .ser_a .mktitle{text-align: center;margin-bottom: 5%;}
    .ser_a .wrap{width:100%}
    .ser_a .wrap .idea{height: auto; float: none; width: 100%;  margin:0 0 2% 0;  border-top: 2px solid #ec6c00;}
    .ser_a .wrap .idea .indiv .bt{color: #fff;margin-bottom: 5%; margin-top: 0;}
    .ser_a .wrap .idea .indiv .text{line-height:24px;}
    .ser_a .fuwu {overflow:hidden;   margin-top: 5%;   padding: 0 1%;}
    .ser_a .fuwu .th2 {font-size: 20px;  color: #ec6c00; font-weight:normal;    text-indent: 3%; }
    .ser_a .fuwu .th3{line-height: 30px; color:#666; font-weight:normal; font-size:16px;     text-indent: 3%;}
    .ser_a .fuwu .items{overflow:hidden; margin-top:10px; }
    .ser_a .fuwu .item{ padding:5% 3%; }
    .ser_a .fuwu .item .imgbox{float:none; width:100%;}
    .ser_a .fuwu .item .infobox{overflow:hidden; float:none;width: 100%; }
    .ser_a .fuwu .item .tt{overflow:hidden;  padding-left: 80px;   border-bottom: 2px solid #ec6c00;   padding-bottom: 3%; margin-top: 2%;}
    .ser_a .fuwu .item .tt h3{font-size: 20px; color: #ec6c00; line-height: 30px;}
    .ser_a .fuwu .item .tt h4{    font-size: 14px;line-height: 24px; color: #666;  margin-top: 10px;}
    .ser_a .fuwu .item .bb{overflow:hidden;  padding-top: 4%;}
    .ser_a .fuwu .item .bb p{overflow:hidden; line-height: 35px;   font-size: 15px; color: #666;}


.ser_b{position: relative;}
.ser_b .mktitle .cn {color:#fff; }
.ser_b .tlbox{z-index: 20;position: absolute;width: 100%;text-align: center;top: 12.5%;}
.ser_b .tlbox .mktitle{margin-bottom: 55px;}
.ser_b .tlbox .text{color: #e4e7eb;line-height: 28px;font-size: 16px; text-align:center; margin: 0 auto;}
.ser_b .imgbox{position: relative;}
.ser_b .imgbox .point{position: absolute;top: 64.8421%;left: 36.8229%;-webkit-transform: translate(-8px, -100%);-moz-transform: translate(-8px, -100%);-ms-transform: translate(-8px, -100%);transform: translate(-8px, -100%);}
.ser_b .imgbox .point .text{position: absolute;left: 24px;top: -2px;font-size: 24px;overflow: hidden;width: 48px;}
.ser_b .imgbox .point .text .te{-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;color: #fff;}

    .ser_c{padding: 5% 0;}
    .ser_c .mktitle {text-align:center; margin-bottom:5%;}
    .ser_c .box .mktitle{text-align: center;margin-bottom: 5%;}
    .ser_c .box .tab-nab {background-color: #f9f9f9; width: 100%; height: 40px; line-height: 40px; }
    .ser_c .box .tab-nab a{font-size:14px; color:#333; float:left; display:block;line-height: 40px; width:33.333%; text-align:center; }
.ser_c .box .cont{padding:3% 1%;height: auto;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.ser_c .hotbox{margin-right: 6.25%;}
.ser_c .hotbox .imgbox img{width: 100%;}
.ser_c .hotbox .lxbox{padding: 50px 0 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.ser_c .hotbox .lxbox a{width: 50%;float: left;font-size: 18px;color: #ffffff;line-height: 20px;padding-left: 30px;background: url(../images/phone_02.png) no-repeat left center;}
.ser_c .downloadbox .cont a{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; }
.ser_c .downloadbox .cont a .text{-webkit-box-flex: 1;-webkit-flex-grow: 1;-moz-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;line-height: 60px;font-size: 16px;color: #333;height: 60px;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; border-bottom: 1px solid #f9f9f9; background: url(/upload/images/2020/9/b35ca72be334912f.png) no-repeat center right;}
.ser_c .downloadbox .cont a .text:hover {color:#ec6c00; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.ser_c .downloadbox .cont a .btn{line-height: 45px;color: #ec6c00;text-align: center;font-size: 15px; -webkit-box-flex: 0;-webkit-flex-grow: 0;-moz-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition: all .4s;-o-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
.ser_c .downloadbox.dbox {float:right}

    .questions{overflow:hidden; width: 100%; margin: auto; padding:0 0 5%;}
    .questions .item{overflow:hidden; padding:3% 4%; margin-bottom: 10px; }
    .questions .question{font-size: 16px;  font-weight: bold; color: #555;   line-height: 28px; display: block; background:url(/upload/images/2020/9/b35ca72be334912f.png) no-repeat center right; }
.questions .anwser{font-size: 15px; line-height: 30px; color:#333; overflow:hidden;  padding: 10px 0;  display:none; }
.questions .anwser span {font-size: 16px;  font-weight: bold; color: #555;   line-height: 30px;  }
.questions .item:hover .question{color:#ec6c00; }

}