/* 引入苹果字体 */
@font-face{
    font-family: 'PingFang SC';
    src: url('fonts/PingFangRegular.woff2');
}
/*基础*/
*{box-sizing: border-box;}
body {
    font-family:'PingFang SC',"微软雅黑", sans-serif;
}
.bg_f9fafb{background: #f9fafb;}
.bg_f6{background: #f6f6f6;}
.bg_c41821 {background: #c41821;}
.content_vl {min-width: 1168px;}
.min_w1168 {min-width: 1168px;}
.w1168 {width: 1168px;margin: 0 auto;}
.w1285 {width: 1285px;margin: 0 auto;}
.bd_btm_EB {border-bottom: 1px solid #EBEBEB;}
.clED {color: #ED5540!important;}
.cld6 {color: #d6d6d6;}
.clred {color: #c41821;}
.clFF {color: #FFFFFF}
.f30 {font-size: 30px;}
.ft {font-weight: bold;}

.ml_60 {margin-left: 60px;}
.mr_60 {margin-right: 60px;}
.mt_7 {margin-top: 7px;}
.mt_103 {margin-top: 37px;}
.mt_61{margin-top:61px;}
.mt_60{margin-top:60px;}
.w100percent{width: 100%;}
.w30p {width: 30%;}
.w40p {width: 34.5%;}
.w50percent{width: 50%;}

.images img {width: 100%;}
.text-cen{text-align: center !important;}

/*面包屑导航*/
.breadcrumb_box {
    background: #f6f6f6;
}
.breadcrumb figure{
    /*line-height: 30px;*/
    /*cursor: pointer;*/
    padding: 10px 0;
}
.breadcrumb figure span {
    float: left;
    color: #666666;
}
/*顶部导航栏*/
.logo_top {
    width: 126px;
    /*height: 55px;*/
    /*margin-top: 10px;*/
}
.logo_top img {
    width: 100%;
    margin-top: 11px;
}
.nav_top {
    margin-left:225px;
    overflow: auto;
    height:60px;
}
.nav_top span {
    display: block;
    float: left;
    overflow: auto;
}
.nav_top a{
    font-size: 17px;
    color: #FFFFFF;
    margin: 0 27px;
    display: inline-block;
    line-height: 56px;
    font-weight: 500;
    display: block;
    float: left;
}
.nav_top a.active {
    color: #FFFFFF;
}
.nav_top a:hover {
    color: #FFFFFF;
}
.nav_active span{
   border-bottom:4px solid #C41821;
}
.menu_top{
    position: relative;
}
/*顶部菜单旧版*/
.dropdown_menu_top {
    overflow: hidden;
    margin: 0 5px;
}
.dropdown_menu_top_content {
    float: left;
    /*width: 50%;*/
}
.dropdown_menu_top_content_title {
    border-bottom: 1px solid #E80000;
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 15px;
}
.dropdown_menu_top_content_title span {
    display: inline-block;
    color: white;
    background: #FC000D;
    padding: 5px 10px;
}
.dropdown_menu_top_content_child_title {
    color: red;
}
.dropdown_menu_top_content_child_list {
    margin-top: 10px;
    overflow: hidden;
}
.dropdown_menu_top_content_child_list li {
    width: 172px;
    float: left;
    margin: 6px 0;
}
.dropdown_menu_top_content_child_list li a {
    color: #666666;
    font-size: 14px;
}
.dropdown_menu_top_content_child_list li a:hover {
    text-decoration: underline;
    color: red
}
.dropdown_menu_top_bottombar {
    text-align: center;
}
.dropdown_menu_top_bottombar_content {
    color: white;
    background: #CCCCCC;
    padding: 5px 0;
}
.dropdown_menu_top_slideUp_btn {
    font-size: 20px;
    color: red;
    cursor: pointer;
}
.dropdown_menu_top > section {
    display: none;
}
/*顶部菜单新版*/
.nav_menu_top {
    overflow: hidden;
    width:755px;
    height:auto;
    position: absolute;
    top: 60px;
    left: 20%;
    background-color:#FFFFFF;
}
.nav_menu_top_cont{
   width:100%;
   display:flex;
   align-items: flex-start;
   justify-content: space-between;
}
.menu_top_cont_left{
    flex: 1;
    padding:32px 48px 52px;
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
}
.menu_top_cont_left dl{
    width:auto;
    height:auto;
}
.menu_top_cont_left dl dt{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    line-height: 17px;
    text-align:left;
    margin-bottom:13px;
}
.menu_top_cont_left dl dd{
    margin-bottom:11px;
    height:20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.menu_top_cont_left dl dd:last-child{
    margin-bottom:0px;
}
.menu_top_cont_left dl dd a{
    display: inline-block;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height:14px;
    text-align:left;
}
.menu_top_cont_left dl dd a:hover{
    text-decoration: underline;
}
.menu_top_cont_right{
    width:176px;
    height:396px;
    background-color:#333333;
    padding-top:29px;

}
.menu_top_cont_right ul{
    width:100%;
    height:100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}
.menu_top_cont_right ul li{
    width:58px;
    height:65px;
    margin-bottom:28px;
}
.menu_top_cont_right ul li:first-child{
    height:74px;
}
.menu_top_cont_right ul li:nth-of-type(2){
    height:56px;
}
.menu_top_cont_right ul li:last-child{
    margin-bottom:0px;
}
.menu_top_cont_right ul li a{
    width:100%;
    height:100%;
    color: #FFFFFF;
}
.menu_top_cont_right ul li a img{
    display: block;
    margin-bottom: 15px;
    margin:0 auto;
}
.menu_top_cont_right ul li:nth-of-type(1) a img{
    width:29px;
    height:47px;
}
.menu_top_cont_right ul li:nth-of-type(2) a img{
    width:41px;
    height:31px;
}
.menu_top_cont_right ul li:nth-of-type(3) a img{
    width:37px;
    height:35px;
}
.menu_top_cont_right ul li:nth-of-type(4) a img{
    width:51px;
    height:31px;
}
.menu_top_cont_right ul li a span{
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    margin-top:8px;
}

/*底部菜单*/
.menu_bottom {
    background: #383838;
}
.menu_bottom ul li a {
    color: #999999;
}
.menu_bottom ul li {
    line-height: 25px;
}
.menu_bottom ul .telephone {
    margin: 10px 0;
    overflow: hidden;

}
.menu_bottom ul .telephone span {
    float: left;
}
.aboutus_menu_box li {
    overflow: hidden;
}
.aboutus_menu_box li span {
    float: left;
}
.icon_arrow_right {
    display: inline-block;
    width: 5px;
    height: 8px;
    background: url("../images/arrow_right.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
}




/*首页顶部轮播*/
.carousel_index_top {
    /*height: 500px;*/
    width: 100%;
    min-width: 1260px;
}
.carousel_index_top_content img{
    /*width: 100%;*/
    height: 350px;
    display: block;
    margin: 0 auto;
}
/*首页底部轮播*/
.carousel_index_bottom {
    width: 1260px;
    margin: 50px auto;
    height: 180px;
    padding: 0 40px;

    /*background: rgba(0, 0, 0, 0.5);*/
}
.mask_index_content {
    position: absolute;
    width: 100%;
    height: 130px;
    left: 0;
    bottom: 0;
    /*background: #363535;*/
    background: rgba(54,53,53,0.9);

    color: white;
    font-size: 14px;
    padding: 0 20px;
}

.mask_index_content .mask_index_content_info {
    margin-top: 20px;
    height: 60px;
    font-size: 12px;
    color: #d6d6d6;
    line-height: 22px;
}
.carousel_index_bottom_hide {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255,0.15);
}
.mask_index_content_title {
    overflow: hidden;
    position: absolute;
    left: 20px;
    bottom: 20px;
    overflow: hidden;
}
.mask_index_content_title span{
    font-size: 14px;
    color: white;
    float: left;
}
.mask_index_content_title .icon-time {
    font-size: 20px;
    margin-right: 6px;
}
.carousel_index_bottom_img {
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.carousel_index_bottom_img img {
    width: 100%;
    height: 100%;
    float: left;
}
.shade{position: relative;overflow: hidden;float: left;}
.shade > img {
    width: 100%;
    height: 100%;
}
.mask{width:100%;height:100%;position: absolute;display: none;background: rgba(255,255,255,0.15)}

/*swiper插件改写start*/
.swiper-pagination-bullet-active {
    background: white!important;
    transform: scale(1.3);
}
.carousel_index_bottom .icon-arrowleft, .carousel_index_bottom .icon-arrowright {
    font-size: 74px;
    color: #c2c0c0;
}
.carousel_index_bottom .icon-arrowleft:hover,.carousel_index_bottom .icon-arrowright:hover {
    color: #ef6e5d!important;
}
.carousel_index_bottom .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 20px;
    margin-top: -35px;
}
.carousel_index_bottom .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
    margin-top: -35px;
}
/*swiper插件改写end*/
/*首页底部*/
.copyright {
    background: #282828;
    color: #666666;
    font-size: 12px;
    height: 56px;
    line-height: 56px;
    text-align: center;
}
.copyright a{
    color: #666666;
    text-decoration: none;
}
/* 关于我们旧样式 */
/*.abus_banner{width: 100%;height: 350px;background: url('../images/abus_banner.png') no-repeat;background-size: cover;background-position: 50% 50%;min-width: 1168px;}*/
.abus_box{width: 1000px;margin:  auto ;padding: 90px 0;}
.abus_tit{font-weight: bold;color: #292929;font-size: 30px;font-family: eras;}
.abus_img{width: 412px;}
.abus_img img{width: 100%;height: 100%;}
.abus_icon {width: 65px;height: 94px;display: inline-block;}
.abus_icon img {width: 100%;}
.abus_con{width: 413px;background: no-repeat;background-position: 50% 50%;background-size: 89%;font-size: 18px;line-height: 36px;color: #333;margin-left: 25px;text-indent: 2em;}
.abus_title{font-size: 18px;color: #292929;margin: 20px 0;position: relative;font-weight: bold;display: inline-block;line-height: 24px;}
.abus_eng {font-size: 10px;line-height: 14px;color: #999;}
.after_border:before{content: '';display: block;position: absolute;width: 36px;border-bottom: 2px solid #ed5540;top: 9px;left: 25px;margin-left: 100%;}
.after_border:after{content: '';display: block;position: absolute;width: 36px;border-bottom: 2px solid #ed5540;top: 13px;left: 25px;margin-left: 100%;}
.partner_box{width: 1168px;margin: auto ;padding: 70px 0;background: #c41821;}
/*.partner_tit{font-size: 30px;font-weight: bold;font-family: eras;text-align: center;color: #292929;}
.partner_titc{text-align: center;color: #292929;font-size: 18px;margin-top: 28px;position: relative;font-weight: bold;}*/
.partner_title {font-size: 36px;font-weight: bold;color: #fff;text-align: center;}
.partner_titlee {font-size: 14px;font-weight: 300;color: #fff;text-align: center;margin-top: 10px;}
.top_border:before{content: '';display: block;position: absolute;width: 36px;border-bottom: 2px solid #ed5540;top:-15px;left: 50%;margin-left: -18px;}
.top_border:after{content: '';display: block;position: absolute;width: 36px;border-bottom: 2px solid #ed5540;top:-19px;left: 50%;margin-left: -18px;}
.partner_container{width: 1000px;margin: auto;overflow: hidden;margin-top: 30px;}
.partner_logo{width: 220px;height: 90px;float: left;margin-right: 40px;margin-top: 40px;}
.partner_logo:nth-child(4n){margin-right: 0;}
.partner_logo img{width: 100%;height: 100%;}


/* 关于我们新样式 */
.menu_bottom{
    background-color: #333333;
}
.footer-container{
   padding:70px 70px 35px;
}
.footer-content-title{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 18px;
    text-align: left;
    padding-bottom:27px;
    margin-bottom:43px;
    border-bottom: 1px solid #CCCCCC;
}
.footer-content{
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
}
.footer-content-left{
    flex:1;
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-right:124px;
}
.content-left-left{
    width:279px;
    height:auto;
}
.aboutMe-title{
    width:100%;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 19px;
    text-align:left;
    margin-bottom:35px;
}
.aboutMe-item-com{
    width:100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding:0px;
    margin:0px;
}
.aboutMe-item-com li{
    overflow:hidden;
}
.aboutMe-item-com li a{
    display:block;
    cursor: pointer;
    font-size: 15px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 15px;
    text-align:left;
    margin-bottom:20px;
    
}
.aboutMe-item-com li a:hover{
    text-decoration:underline;
}
.aboutMe-item-com li a:last-child{
    margin-bottom:0px;
}
 .content-left-right{
    width:237px;
    height:auto;
 }
.footer-content-right{
   padding-top:52px;
    width:274px;
    height:auto;
}
.footer-content-right ul{
    width:100%;
    height:auto;
    padding:0px;
    margin:0px;
}
.footer-content-right ul li{
    width:100%;
    height:auto;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:28px;
}
.footer-content-right ul li:last-child{
    margin-bottom:0px;
}
.footer-content-right ul li img{
    display: block;
    width:16px;
    height:16px;
    margin-right:16px;
}
.footer-content-right ul li:nth-of-type(1) img{
   height:19px;
}
.footer-content-right ul li:nth-of-type(3) img{
    height:13px;
 }
.footer-content-right ul li span{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 16px;
}
.footer-content-right ul li:nth-of-type(1) span{
    line-height:20px;
 }
 .footer-content-right ul li:nth-of-type(3) span{
     line-height:12px;
  }
.footer-content-right ul li .phone{
    font-size: 29px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #C41821;
    line-height:29px;
}
.copyright{
    background-color: #333333;
    color: #CCCCCC;
    font-size: 13px;
    font-weight: 400;
    height: 56px;
    line-height: 56px;
    text-align: center;
}
.copyright a{
    color: #CCCCCC;
}


/* 产品及解决方案 */
/*.product_banner {width: 100%;height: 350px;background: url('../images/product_banner.png') no-repeat;background-size: cover;background-position: 50% 50%;min-width: 1168px;}*/
.product_banner {height: 449px;width: 100%;overflow: hidden;background: #041121;}
.product_banner img {display: block;height: 100%;margin:0 auto;}
.product_banner-content{padding-top:139px}
.product_banner-content h2{display:block;width:100%;height:40px;font-family: PingFang SC;line-height:40px;margin-bottom:29px;text-align:left;font-size:40px;font-weight:400;color:#FFFFFF}
.product_banner-content p{width:100%;height:20px;margin-bottom:10px;text-align:left;font-size:18px;font-family: PingFang SC;font-weight:400;color:#FFFFFF}
.product_banner-content p:last-child{margin-bottom: 30px;}
.product_banner-content a{display:block;width:138px;height:42px;line-height:42px;background:#C41821;text-align:center;font-size:15px;font-family: PingFang SC;font-weight: bold;color:#FFFFFF;cursor: pointer;margin-top:30px;}
.sortware_banner {height: 260px;width: 100%;overflow: hidden;background: #F7F5F6;}
.sortware_banner img {display: block;height: 100%;margin:0 auto;}

.operation_banner {height: 260px;width: 100%;overflow: hidden;background: #E2F1FC;}
.operation_banner img {display: block;height: 100%;margin:0 auto;}

.abus_banner {height: 260px;width: 100%;overflow: hidden;background: #D1D3DF;}
.abus_banner img {display: block;height: 100%;margin:0 auto;}


.product_container {width: 1168px;margin:0px auto 0px;padding-bottom: 30px}
.pro_sidebar {width: 300px;background: #fff;}
.pro_content {width: 850px;background: #fff;padding: 60px 20px 20px 20px}
/*.pro_sidebar section p {border-top: 1px solid #ddd;}*/
/*.pro_sidebar section:first-child p {border-top: none;}*/
.pro_cont_tit {font-size: 22px;color: #c41821;line-height: 24px;text-align: center;}
.pro_sectit {font-size: 16px;color: #333333;position: relative;margin: 10px 0;font-weight: bold;}
.pro_seccon {font-size: 14px;color: #666;line-height: 30px;}

.pro_seccon p,.abus_con {text-indent: 2em;
    text-justify:inter-ideograph;/*IE*/
    text-align:justify;
}
.pro_seccon section {margin: 5px 0;}
.pro_seccon section span {  font-size: 16px;  }
.pro_sidebar_list {width:100%;}
.pro_sidebar_list:last-child {border-bottom: 0}
.pro_sidebar_list > a {height:100%;display:inline-block;margin-left: 40px;color: #666;line-height: 30px;font-size: 14px;padding: 0 6px;margin-top: 8px;}
.pro_sidebar_list .icon-arrowright-full {display: none;}
.pro_sidebar_list > a.on {background: #c41821;color: #fff;}
.pro_sidebar_list > a:hover {background: #c41821;color: #fff;}
.pro_sidebar_list > .sidebar_tit {width: 100%;height:100%;display:inline-block;background: #fff;color: #333;line-height: 36px;font-size: 14px;}
.bar_arrow {margin-right: 4px;background: url('../images/bar_arrow.png') no-repeat;background-size: 100% 100%;background-position: 50% 50%;width: 14px;height: 14px;display: inline-block;}
.pro_sidebar_list > a.on .bar_arrow {background: url('../images/bar_arrow_h.png') no-repeat;background-size: 100% 100%;background-position: 50% 50%;width: 14px;height: 14px;display: inline-block;}
.pro_sidebar_list > a:hover .bar_arrow {background: url('../images/bar_arrow_h.png') no-repeat;background-size: 100% 100%;background-position: 50% 50%;width: 14px;height: 14px;display: inline-block;}
.icon_bamp {background: url('../images/icon_bamp.png') no-repeat;background-size: 100% 100%;background-position: 50% 50%;width: 24px;height: 24px;display: inline-block;float: left;margin: 12px 3px;}
.icon_eamp {background: url('../images/icon_eamp.png') no-repeat;background-size: 100% 100%;background-position: 50% 50%;width: 24px;height: 24px;display: inline-block;float: left;margin: 12px 3px;}


.pro_sidebar_list > a .icon-arrowright-full {color: #d4d4d4;margin-right: 5px;}
.pro_sidebar_list > a:hover .icon-arrowright-full,.pro_sidebar_list > a.on .icon-arrowright-full {color: #fff;}
.pro_sidebar_list > .sidebar_tit > [class^="icon-"] {float: left;  font-size: 33px;  margin-top: 0px;  margin-right: 12px;}
.pro_sidebar ul {margin-top: 16px;}
.pro_sidebar p.pro_sidebar_list {margin-top: 60px;font-weight: bold;}


.soft_content {padding: 23px 20px 20px 20px}

/*swiper修改*/
span.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #c51721!important;

}


/*运营推广*/
.oper_content {padding: 23px 0px 20px 0px;width: 1020px;margin: auto;}
.pub_tab_box {overflow: hidden;border-bottom: 1px solid #ccc;}
.pub_tab {display: inline-block;float: left;width: 50%;text-align: center;box-sizing: border-box;border-right: 1px solid #cccccc;font-size: 22px;margin: 14px 0;font-weight: bold;cursor: pointer;}

.pub_tab:last-child {border-right: 0;}
.pub_tab.current {color: #c41821;}
.pub_top {margin: 60px auto;text-align: center;}
.pub_top_c {color: #333;font-size: 22px;font-weight: bold;}
.pub_top_e {color: #999;font-size: 14px;margin-top: 5px;}
.pub_box {overflow: hidden}
.pub_box > .fl {color: #282828;font-size: 16px;}
.pub_box > .fl.pub_tit, .pub_box > .fl .pub_tit {border-top: 2px solid #333333;width: 120px;padding: 4px 0;}

.pub_box > .fr {width: 880px;margin-top: -1px;}
.pub_box > .fr td{line-height: 36px;color: #666;font-size: 14px;;}
.pub_box > .fr td:first-child {text-align: center;width: 215px;}
.pub_box > .fr td:last-child {padding-left: 28px;}
.oper_tit {display: list-item;list-style: disc;color: #c41821;}
/* 右侧固定 */
.right-fixed-box{width:auto;position: fixed;top:50%;right:0px;}
.right-fixed-box ul{width:44px;position: relative;}
.right-fixed-box ul li{width:44px; height:44px;margin-bottom:9px;border-radius: 7px 0px 0px 7px;background-color:#fff;cursor: pointer;padding:11px;}
.right-fixed-box ul .other-li{padding:13px 6px}
.right-fixed-box ul li:hover{background-color:#C41821;}
.right-fixed-box ul li img{width:100%;height: 100%;}
.phone-two{display:none;}
.ewm-two{display:none;}
.zhid-two{display:none;}
.right-fixed-box ul .list-content{display:none;position: absolute;left:-248px;top:0;width:238px;height:161px;background: #F3F6FA; border-radius: 7px;padding:22px;}
.list-content h4{
    height:15px;
    display: block;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    line-height:15px;
    text-align:left;
    margin-bottom: 22px;
}
.list-content p{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 23px;
    text-align:left;
}
.list-content p i{
    font-style: normal;
    color:#C41821;
    display: inline-block;
    margin: 0px 0px 0px 7px;
}
.list-content img{
    display:block;
    width: 99px !important;
    height: 90px !important;
    margin:0 auto;
}
.list-two h4{
    margin-bottom:14px;
}
.anchor-title{
   height:55px;
}
.anchor-title ul{
    width:100%;
    clear: both;
}
.anchor-title ul li{
    float:left;
    width:60px;
    height:100%;
    line-height:55px;
    font-size: 15px;
    font-family: PingFang SC;
    /* font-weight: bold; */
    color: #999999;
    position: relative;
    margin-right:54px;
    cursor: pointer;
}
.anchor-title ul li b{
    display:none;
    position: absolute;
    left:28%;
    bottom:0px;
    width: 29px;
    height: 3px;
    background: #C41821;
}
.anchor-title ul li:nth-of-type(1) b{
    display: block;
}
.anchor-title ul .active{
    font-weight: bold;
    color: #333333;
}
/* 咨询弹出窗 */
.consulting-service{
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgb(0, 0, 0,0.5);
    display:none;
}
.consulting-service-cont{
    width: 555px;
    height: 325px;
    background: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.service-cont-top{
    width:100%;
    height:68px;
    background: #C41821;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height:68px;
    text-align: center;
    position: relative;
}
.service-cont-top .close{
    display: block;
    width:20px;
    height:20px;
    position: absolute;
    top:24px;
    right:24px;
    cursor: pointer;
}
.service-cont-top .close img{
    display: block;
    width:100%;
    height:100%;
}
.service-cont-center{
    padding-top:28px;
}
.service-cont-center img{
    display: block;
    width:175px;
    height:175px;
    margin:0 auto;
}
.service-cont-center p{
    width: 100%;
    margin-top:9px;
    text-align: center;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height:15px;
}
/*icon*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?pat2so');
  src:  url('fonts/icomoon.eot?pat2so#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?pat2so') format('truetype'),
    url('fonts/icomoon.woff?pat2so') format('woff'),
    url('fonts/icomoon.svg?pat2so#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-address:before {
  content: "\e900";
}
.icon-arrow:before {
  content: "\e901";
}
.icon-arrowtop:before {
  content: "\e902";
}
.icon-email:before {
  content: "\e903";
}
.icon-home:before {
  content: "\e904";
}
.icon-productBAMP:before {
  content: "\e905";
}
.icon-productEAMP:before {
  content: "\e906";
}
.icon-telephone:before {
  content: "\e907";
}
.icon-time:before {
  content: "\e908";
}