.main {  width: 100%; top:0; left:0; overflow: auto; height: 100%; }

.ser_container{ min-height: 100%;  width: 100%; }
.main_container { padding-bottom: 190px; }

/* server begin */
.ser_flow_wrapper { margin: 0 auto; background-color: #fff; }

.ser_flow_container { padding: 34px 0 50px 0; }

.ser_flow_body {  width: 1200px; margin: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flow_container { display: block;  margin-top: 60px;  width: 100%; 
  height: 1460px;  background: url(../images/flowsall.png) no-repeat center center;  background-size: contain; }

.flow_left { vertical-align: middle; display: inline-block; width: 458px; height: 100%; margin-right: 270px; text-align: right; padding-bottom: 200px; }

.flow_left .title { padding-right: 20px; }

.flow_right .title { padding-left: 20px; }

.flow_left > div, .flow_right > div { display: block; width: 100%; height: 208px; }

.flow_container .title{ line-height: 50px;  padding-top: 120px;  font-size: 30px;  color: #444;  font-weight: 700;  text-shadow: 2px 2px 8px #6d6d6d; }

.flow_container .description { padding-top: 110px; }

.flow_container .description > p{  display: block; font-size: 16px; line-height: 25px; color: #444; }

.flow_right { vertical-align: middle; display: inline-block; width: 458px; height: 100%; text-align: left; }

/* server end */
/* case begin */
.ser_case_wrapper { margin: 0 auto; background-color: #f5f5f5; }

.ser_case_container { padding: 34px 0 50px 0; }

.ser_case_body {  width: 1200px; margin: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ser_case_title { margin-bottom: 20px; }

.case_title_en{  height: 42px; line-height: 42px; text-align: center; font-size: 26px; color: #C9C9C9; }

.case_title_cn{  height: 38px; line-height: 38px; display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: flex; }

.case_title_cn .line{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative;  height: 0px;  top: 18px; }

.case_title_cn .text{ font-size: 26px;  font-weight: 700;  padding: 0 100px; }

.case_title_des{ text-align: center;  height: 28px;  line-height: 28px;  font-size: 16px;  color: #969696; } 
 
  /* contactus end */
  /* des begin */
.ser_des_wrapper { margin: 0 auto; background-color: #f5f5f5; }

.ser_des_container { padding: 34px 0 50px 0; }

.ser_des_body {  width: 1200px; margin: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.des_item { display: block; width: 100%; padding-left: 64px; padding-top: 30px; }

.des_item .title { font-size: 20px; font-weight: 700; color: #000; }

.des_item p { display: block; font-size: 15px; line-height: 26px; color: #333; }
.des_item .note { display: inline-block; line-height: 30px; font-size: 20px; font-weight: 700; color: #222222; }
  /* des end */