div, p, img, label { -webkit-box-sizing: border-box; box-sizing: border-box; }

.ser_header { width: 100%;   display: block; }

.ser_header .top_bar{ background: #333; width: 100%; }

.ser_header .top_bar .ban{ display: block;   width: 1200px;   margin: 0 auto;   height: 120px;   background: #333; }

.top_bar .ban .logo { display: inline-block; float: left; width: 100px; height: 100px; margin-top: 10px; margin-left: 20px; }

.top_bar .ban .logo img { width: 100%;   height: 100%; }

.top_bar .ban .description { display: inline-block;   margin-left: 80px; max-width: 500px;  height: 120px;  padding: 34px 0 24px 0;   overflow: hidden; }

.top_bar .ban .service { float: right;   display: inline-block;   margin-top:18px;  height: 92px; }
.service_main { z-index: 0;  margin: auto auto; background: #333; color: #fff; position: relative; padding: 0 16px;  height: 93px;}
.service_main .item { display: inline-block;height: 100%; width: 20px; color: #fff; vertical-align: top; margin-right: 10px; background: #333;
position: relative; box-sizing: border-box;  padding-left: 8px;  font-size: 13px; line-height: 16px;}
.service_main .item:before { content: ''; position: absolute; display: inline-block; width: 22px; height: 90px; top: 2px; left: -2px; z-index: -1;
background-image: linear-gradient(to bottom, #fff, #333);}

.top_bar .ban .code { float: right;   display: inline-block;   width: 82px;   height: 82px;   margin: 19px 22px; }

.top_bar .ban .code img { width: 100%; }

.description p.title { display: inline-block; overflow: hidden; font-size: 30px;   color: #ffffff;   font-weight: 700; height: 30px; line-height: 30px; margin-bottom: 20px; }

.description p.contact span { vertical-align: top;   margin-right: 10px;   height: 20px;   line-height: 20px;   font-size: 14px;   color: #ffffff; }

.description p.contact span img{  
      width: 20px;   height: 20px; }

.ser_header .navibar { background-color:#262626;   width: 100%;   height: 36px;   line-height: 36px; }

.ser_header .navibar ul { display: block;   width: 1200px;   margin: 0 auto;   height: 36px;   line-height: 36px; }

.ser_header .navibar ul li{  display: inline-block;  float: left;  height: 36px;  line-height: 36px; }

.ser_header .navibar ul li a{ vertical-align: middle;   display: inline-block;   height: 18px;   line-height: 18px;   font-size: 16px;   text-align: center;   color: #ffffff;   width: 130px;   border:none;   border-left: 1px solid #1b1b1b; }

.ser_header .navibar ul li:first-child a{ width: 90px;   border-left: none; }
.main_container { padding-bottom: 190px;}
/* header */

/* footer */
.ser_footer{ position: relative;   margin-top: -190px;   clear: both;   height: 190px;   background-color: #333;   text-align: center; }

.footer_wrapper { padding: 30px 0;   font-size: 13px;   color: #9E9E9E;   text-align: center; }

.footer_1 {   height: 16px;     line-height: 16px;     margin-bottom: 14px; }

.footer_1 span a{ display: inline-block;   font-size: 13px;   color: #9E9E9E;   padding:0 8px;   border-left: 2px solid #9E9E9E; }
.footer_1 span a:hover { color: #fff; }
.footer_p { margin-bottom: 8px; }