/* 产品公共头部 */
.title{ border-top:1px solid #e3e3e3; text-align:center; position:relative;}
.title>h3{ display:inline-block; padding-top:40px; font-size:22px; color:#000;}
.title>i{ position:absolute; height:4px; width:100px; left:50%; margin-left:-50px; background:#4499ff;}
.text>p{ line-height:30px; padding:54px 0; color:#333;}


/* 互联网支付 */
.internet_box{ width:49%; float:left; height:360px;}
.internet_box>h3{ padding-top:60px;}
.internet_box.on_01,.internet_box.on_02,.internet_box.on_03{ background-position:center center; background-repeat:no-repeat;}
.internet_pay_list>li{ border-bottom:1px solid #e3e3e3;}
.internet_pay_list>li.on{ border-bottom:none;}
.internet_box.on_01{ background-image:url(/static/home/img/internet_01.png);}
.internet_box.on_02{ background-image:url(/static/home/img/internet_02.png);}
.internet_box.on_03{ background-image:url(/static/home/img/internet_03.png);}
.internet_box>h3{ color:#606060; font-size:30px; padding-bottom:20px;}
.internet_box p{ line-height:30px;}
.internet_box p.on{ text-indent:1.6em;}
.internet_box>h3,.internet_box p{ padding-left:80px;}

/* 银行存管技术解决方案 */
.bank_skill .conter img{ display:block; width:100%; height:auto; margin-top:80px;}
.bank_skill .conter>span{ display:block; width:108px; height:30px; line-height:30px;border:2px solid #4499ff; color:#2b8cff; font-size:15px; margin:26px 0;}
.bank_skill .conter>p{ line-height:36px; color:#333; padding-left:32px; background-position:left center; background-repeat:no-repeat;}
.yuan_01{ background-image:url(../images/icon/yuan_01.jpg);}
.yuan_02{ background-image:url(../images/icon/yuan_02.jpg);}
.yuan_03{ background-image:url(../images/icon/yuan_03.jpg);}
.yuan_04{ background-image:url(../images/icon/yuan_04.jpg);}
.yuan_05{ background-image:url(../images/icon/yuan_05.jpg);}

/* 跨境支付 */
.cross_border_table img{ margin-right:24px;}
.cross_border_table tr td:first-child{ vertical-align:top;}
.cross_border_table h4{ padding-bottom:15px; color:#4499ff; font-size:18px;}
.cross_border_table p{ line-height:26px; color:#666;}
.cross_border_table p.on{ text-indent:1.6em;}
.cross_img{ display:block; margin:62px auto 30px; width:90%;}

/* 收银硬件、收银软件 */
.hardware_software .conter>h4{ font-size:20px; color:#000; padding-top:56px; padding-bottom:36px;}
.hardware_software .conter>h4>em{ font-size:16px; color:#147bf7; padding-left:22px;}
.hardware_software .conter>p{ padding-bottom:10px;}
.hardware_software .conter>p>span,.hardware_software .conter>p>i{ display:inline-block; height:26px; line-height:26px; font-size:15px;}
.hardware_software .conter>p>span{ width:88px; border:2px solid #4499ff; text-align:center; color:#4499ff; margin-right:10px;}
.hard_soft_01{ display:block; margin:60px auto 0;}
.hardware_software .list>li{ width:30%; float:left; margin-right:3%; margin-bottom: 40px;}
.hardware_software .list>li>h3{ height:35px; line-height:35px; background:#66abfe; color:#fff; font-size:16px; text-align:center; margin-bottom:8px;}
.hardware_software .list>li>span{ display:block; line-height:26px; height: 80px; padding-top:20px; padding-bottom: 20px;}
.hardware_software .list>li>p{ margin-top:16px; width:100%; height:276px; border:1px solid #dedede; background-position:center center; background-repeat:no-repeat;}
.hardware_software .list_01{ background-image:url(/static/home/img/hard_soft_02.jpg);}
.hardware_software .list_02{ background-image:url(/static/home/img/hard_soft_03.jpg);}
.hardware_software .list_03{ background-image:url(/static/home/img/hard_soft_04.jpg);}
.hardware_software .list_04{ background-image:url(/static/home/img/hard_soft_05.jpg);}
.hardware_software .list_05{ background-image:url(/static/home/img/hard_soft_06.jpg);}
.hardware_software .list_06{ background-image:url(/static/home/img/hard_soft_07.jpg);}
.dir_mid_font{ margin-top:38px;}
.dir_mid_font h2{font-size: 22px; text-align: center; height: 50px; line-height: 50px; font-family: "Microsoft YaHei"; color: #0076ca; font-weight: 700;}
.dir_mid_font p{font-size: 14px; text-align: center; font-family: "Microsoft YaHei"; color: #0076ca; height: 38px; line-height: 38px;}
.dir_mid_font p>a{text-decoration: none; color: #555; outline: none;}

/* 基金支付 */
.fund_pay .conter>span{ display:block; width:108px; height:30px; line-height:30px; text-align:center; border:2px solid #4499ff; color:#2b8cff; font-size:15px; margin:26px 0;}
.fund_pay .conter>p{ line-height:36px; color:#333; padding-left:32px; background-position:left center; background-repeat:no-repeat;}
.fund_pay_img{ display:block; width:90%; margin:76px auto 30px;}

/* 信用卡还款 */
.credit_card .conter{ padding-top:56px;}
.credit_card .conter>p{ padding-bottom:10px;}
.credit_card .conter>p>span,.hardware_software .conter>p>i{ display:inline-block; height:26px; line-height:26px; font-size:15px;}
.credit_card .conter>p>span{ width:88px; border:2px solid #4499ff; text-align:center; color:#4499ff; margin-right:10px;}
.credit_card .conter>p>span.on{ border-color:#fff;}
.credit_card .list>li{ width:30%; float:left; margin-right:3%; text-align:center;}
.credit_card .list>li h3{ font-size:17px; padding-top:30px; padding-bottom:12px; color:#000;}
.credit_card .list{ padding-top:70px;}
.credit_card .list>li p{ color:#7e7e7e; line-height:22px;}

/* 多用途预付卡 */
/*.prepaid_card .conter>p{ padding-bottom:10px;}
.prepaid_card .conter>h3{ font-size:18px; color:#4499ff; padding-bottom:20px;}
.prepaid_card .conter>p>span,.hardware_software .conter>p>i{ display:inline-block; height:26px; line-height:26px; font-size:15px;}
.prepaid_card .conter>p>span{ width:88px; border:2px solid #4499ff; text-align:center; color:#fff; margin-right:10px; background:#4499ff;}
.prepaid_card .conter>p>span.on{ border-color:#fff;}
.prepaid_img{ display:block; width:90%; height:auto; margin:74px auto 30px;}*/

/* 新增多用途预付卡 */
.prepaid_card .text{ position:relative;}
.prepaid_card .text p{ padding:30px 154px 30px 30px; border:1px dashed #64a8ff; border-top:none; background:#f7fbff;}
.prepaid_img{ display:block; width:100%; height:auto; margin:74px auto 30px;}
.QR_code{ position:absolute; width:120px; top:30px; right:16px; text-align:center; font-size:12px; color:#8c8c8c;}
.prepaid_img{ display:block; width:100%; height:auto; margin:74px auto 30px; cursor:pointer; margin-bottom:0;}
.conter_box01>h3{ padding-top:64px; padding-bottom:80px; font-size:14px; color:#333;}
.conter_box01>h3>span{ font-size:20px; color:#2076f0; font-weight:bold;}
.box01_list>li{ width:48%; border:1px solid #e1e1e1; border-top:2px solid #4c96ff; position:relative; margin-bottom:30px;}
.box01_list h4,.box01_list p{ width:80%; margin:0 auto;}
.box01_list h4{ text-align:center; color:#333; font-size:18px; padding-top:77px; padding-bottom:28px; border-bottom:1px dashed #bebebe;}
.box01_list img{ position:absolute; width:100px; height:100px; left:50%; top:0; margin-left:-50px; margin-top:-50px;}
.box01_list p{ padding:30px 0; line-height:30px;}
.conter_box01>p{ line-height:24px;}
.conter_box02 h3{ text-align:center; font-size:18px; color:#2076f0; padding-top:46px; padding-bottom:36px; font-weight:bold;}
.box02_list{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.box02_list li{ width:22%; border:1px solid #cce6fd; 
  padding: 1px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background: #f1f8fe;
box-sizing: border-box;
}
.box03_list li{
  width: 30%;
}
.box02_list li.on{ margin:0 4.4%;}
.box02_list h4{ padding:16px 0; background: #fff;}
.box02_list h4>img{ display:block; margin:0 auto; width: 76px; height: 76px;}
.box02_list .te h5{ text-align:center; color:#333; font-size:14px; padding-top:24px; padding-bottom:14px;}
.box02_list .te{ background:#f1f8fe; padding-bottom: 40px; font-size:12px; line-height: 1.4;}
.box02_list .te p{ padding:0 22px; line-height:20px;}
.conter_box02>p{ text-align:center; margin-top:-6px; padding-bottom:36px;}
.specific img{ display:block; width:100%; height:auto; padding-top:38px; padding-bottom:38px;}
.specific h6{ height:40px; line-height:40px; padding-left:20px; font-size:16px; color:#333; background:#f3f3f3;}
.cooperation{ padding-top:14px;}
.cooperation>li{ width:20%; float:left; margin:0 2.5%;}
.cooperation>li>img{ display:block; width:100%;}
.hotline{ width:95%; margin:24px auto 0; text-align:center; color:#2076f0; padding:18px 0; margin-top:24px; border:1px dashed #8cb9f7; line-height:28px;}












@media (max-width:700px){
  .hardware_software .list>li{
    width: 100%;
  }



}