.left{ float:left;}
.right{ float:right;}

.purchase_ul li{ width:50%; float:left; border-bottom:2px solid #b3b3b3; color:#6c6c6c; font-size:14px; padding:0.7em 0px; text-align:center; background:#fff;}
.purchase_ul li.on{ color:#027349; border-bottom:2px solid #027349;}

.purchase >h4{ font-size:16px; padding:0.5em 1em; color:#027349; }
.purchase li{ padding:0.5em; clear: both;zoom: 1; background:#fff; margin-bottom:10px; line-height:30px; font-size:16px; border-top:1px solid #d7dcde; border-bottom:1px solid #d7dcde;}
.purchase li:after{content: '';display: block;height: 0;visibility: hidden;clear: both;}
.purchase li >p{ width:76%; color:#027349; }
.purchase li >p >font{ color:#d80000;}
.purchase li >span{ font-size:12px; color:#a0a0a0;}
.bd >div{ display:none;}
.bd >div.active{ display:block; }
.be_careful{ padding:0.5em 1em; line-height:30px;}
.be_careful >p{ font-size:14px; color:#596b63; font-weight:bold;}
.be_careful >p >i{ margin-right:10px; font-size:18px;}

.customer_nav{ margin-bottom:3px;}
.customer_nav img{width:100%;height:auto;}
.customer_ul{ padding:0.5em 0px; background:#369470; color:#fff; line-height:30px; font-size:14px;}
.customer_ul li{ width:25%; float:left; text-align:center;} 
.customer_ul li.first{ background:url(../images/customer_1.png) right center no-repeat; background-size:2px ;}
.customer_ul li.on{ background:#fff; border-radius:2em; color:#369470;}
.customer_box{/*border-top:1px solid #d7dcde; margin-bottom:10px;*/ border-bottom:1px solid #d7dcde;}
.customer_ul li a{ display:block;}
.customer_box.last{ border-top:none;}
.customer_box >h4{ padding:0.3em 1em; line-height:30px; color:#027349; font-size:16px; font-weight:bold; position:relative; background:#fff;}
.customer_box >h4 >span{ border-radius:2em; background:#7ebece; color:#fff; padding:0px 1em; font-size:14px; }
.line_left{ position:absolute; left:0px; width:2px; top:0px; height:100%; background:#027349;}
.ser_pic{ width:80px; height:80px; border-radius:2px; overflow:hidden; margin-right:10px;}
.ser_pic >img{ width:100%;}
.customer_text{ padding:1em 1em; margin-bottom:10px; background:#fff; border-bottom:1px solid #d7dcde;  border-top:1px solid #dddddd; }
/*
.customer_text.last{ margin-bottom:0px; border-bottom:none;}
*/
.ser_text{ width:100%; padding-left:90px;}
.ser_text >h5{ font-size:14px; color:#369470;}
.ser_text >p{ font-size:12px; color:#596b63;}
.ser_text >span{ color:#596b63}
.contact_map{ margin-bottom:10px;}
.contact_info { background:#fff; padding-top:2em;}
.contact_info li{ margin-left:30px; border-bottom:1px solid #e0e3e5; margin-bottom:10px; position:relative;  padding-right:0.5em;}
.contact_info li >h2{ color:#027349; font-size:16px; font-weight:bold;}
.contact_info li >i{ position:absolute; left:-20px; top:0px; width:15px;}
.contact_info li >i >img{ width:15px;}
.contact_p1 { width:90%; font-size:14px; color:#484948; font-weight:bold; padding-bottom:1em;}
.phone_box{ margin-top:5px; background:url(../images/icon_4.png) right center no-repeat; background-size:20px; margin-right:1em; padding-right:20px; border-bottom:1px solid #e0e3e5; padding-bottom:1em;}
.phone_box.last{ border-bottom:none;}
.phone_box.noback{ background:none;}
.phone_box >p{ font-size:14px; color:#484948; font-weight:bold; }
.phone_box >span{ font-size:14px; color:#939c98;}


.customer_more{ line-height:30px; margin-bottom:10px; font-size:14px; color:#2e4f7d; padding:0px 1em;}
.customer_more p a i{ margin-left:10px;}

.financial_box{ width:100%; background:#fff; margin-bottom:10px;}

.financial_box >h2{ width:100%; line-height:20px; font-size:18px; padding:15px 1em; border-bottom:1px solid #e0e0e0; color:#027349;}
.financial_box >ul{ /*padding:0px 1em;*/}
.financial_box li{ width:100%; line-height:20px; padding:15px 1em; color:#596b63; border-bottom:1px solid #e0e0e0; font-size:14px; clear: both;zoom: 1;}
.financial_box li a >span{ color:#596b63;}
.financial_box li.last{ border:none;}
.financial_box li:after{content: '';display: block;height: 0;visibility: hidden;clear: both;}
.financial_box li a{ display:block; clear: both;zoom: 1;}
.financial_box li a:after{content: '';display: block;height: 0;visibility: hidden;clear: both;}
.financial_box li a >p{ max-width:60%; float:left;}