.main { width: 100%; top:0; left:0; overflow: auto; height: 100%; }.ser_container{ min-height: 100%; width: 100%; } 
.main_container { padding-bottom: 190px; }

.ser_banner_wrapper { width: 100%; overflow: hidden; }
 .ser_banner_wrapper .wrapper { width: 100%; position: relative; }

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

.ser_server_container { padding: 34px 0 50px 0; }
.ser_server_body { width: 1200px; margin: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.server_container{ display: block; width: 100%; }
.server_container .case1, .server_container .case2, .server_container .case3 { display: block; padding:0; margin:0; }
.server_container .case3 .server_item1 { -webkit-box-sizing: border-box;box-sizing: border-box; display: inline-block; position: relative; width: 280px; height: 214px; margin-top: 26px; margin-right: 18px; padding-top: 50px; padding-bottom: 30px; border-radius: 15px; background-color: #eeeeee; text-align: center; }
.server_container .case3 a.server_item1:nth-child(4n) { margin-right: 0; }

.case3 .server_item1 img { -webkit-box-sizing: border-box;box-sizing: border-box; display: block; margin-left: 110px; width: 60px; height: 60px; margin-bottom: 40px; }
.case3 .server_item1 label { padding: 13px 28px; bottom: 0; left: 0; width: 100%; height: 32px; line-height: 32px; font-size: 18px; color: #343434; }

.server_container .case1 .server_item2 { vertical-align: top; -webkit-box-sizing: border-box;box-sizing: border-box; display: inline-block; position: relative; width: 230px; height: 386px; margin-top: 26px; margin-right: 66px; text-align: center; -webkit-box-shadow: 2px 2px 8px #777; box-shadow: 2px 2px 8px #777; }
.server_container .case1 .server_item2:nth-child(4) { margin-right: 0; }

.case1 .server_item2 .img_wrap { -webkit-box-sizing: border-box;box-sizing: border-box; display: block; position: relative; width: 100%; padding-top: 100%; overflow: hidden; }
.case1 .server_item2:hover { -webkit-box-shadow: 4px 4px 12px #555; -o-box-shadow: 4px 4px 12px #555;-ms-box-shadow: 4px 4px 12px #555; box-shadow: 4px 4px 12px #555;}
.case1 .server_item2:hover img { -webkit-transition: all 1s; transition: all 1s;-webkit-transform:scale(1.4, 1.4); transform: scale(1.4, 1.4); cursor: pointer; }
.server_item2 .img_wrap img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.case1 .server_item2 .text_wrap { padding: 20px 25px; width: 100%; height: 156px; line-height: 25px; font-size: 16px; color: #999; }
.server_item2 .text_wrap .title { display: block; font-size: 20px; width: 100%; line-height: 28px; height: 28px; font-weight: 600; text-align: center; color: black; }
.server_item2 .text_wrap p { display: block; line-height: 25px; width: 100%; text-align: center; }

.server_container .case2 .server_item3 { -webkit-box-sizing: border-box;box-sizing: border-box; vertical-align: top; display: inline-block; position: relative; width: 250px; height: 250px; margin: 40px 170px 40px 0; border-radius: 50%; text-align: center; -webkit-box-shadow: 2px 2px 8px #777; -o-box-shadow: 2px 2px 8px #777;-ms-box-shadow: 2px 2px 8px #777; box-shadow: 2px 2px 8px #777; overflow: hidden; }
.case2 .server_item3:nth-child(3n) { margin-right: 0; }

.case2 .server_item3 img { display: block; width: 100%; height: 100%; border-radius: 50%; }
.case2 .server_item3 img:hover { -webkit-transition: all 1s; transition: all 1s;-webkit-transform:scale(1.2, 1.2);transform: scale(1.2, 1.2); -webkit-box-shadow: 4px 4px 10px #444; -o-box-shadow: 4px 4px 10px #444;-ms-box-shadow: 4px 4px 10px #444; box-shadow: 4px 4px 10px #444; cursor: pointer; }
.server_item3 label{ display: block; position: absolute; font-size: 28px; top: calc(50% - 14px); left: 0; width: 100%; line-height: 28px; height: 28px; font-weight: 600; text-align: center; padding-right: 10px; color: #fff; cursor: pointer; }
/* server end */
/* case begin */
.ser_case_wrapper { margin: 0 auto; background-color: #f5f5f5; }

.ser_case_container { padding: 34px 0 50px 0; }
.ser_case_body { min-height: 800px; 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: flex;}
.case_title_cn .line{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; height: 0px; top: 18px; border-bottom: 1px solid #C9C9C9; }
.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; }
.case_label { padding: 20px 0; text-align: center; }
.case_label label{ display: inline-block; background-color: #fff; border: 1px solid #C9C9C9; height: 36px; line-height: 36px; width: 100px; font-size: 16px; text-align: center; color: #737373; }
.case_label label:not(:nth-child(1)){ margin-left: 58px;  }
.case_label label.active,
.case_label label:hover { background-color: #333333; color: #fff; cursor: pointer; }
.case_readmore { padding-top: 48px; text-align: center; }

.case_readmore label { display: inline-block; border: 1px solid #989898; border-radius: 18px; width: 180px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #989898; }
.case_container{ display: block; width: 100%; }

.case_container .case_item { -webkit-box-sizing: border-box;box-sizing: border-box; display: inline-block; position: relative; width: 370px; height: 270px; margin-top: 30px; margin-right: 37px;vertical-align: top; }
.case_container a:nth-child(3n) { margin-right: 0; }

.case_item img { -webkit-box-sizing: border-box;box-sizing: border-box; width: 100%; height: 100%; -webkit-box-shadow: 2px 2px 8px #777; -o-box-shadow: 2px 2px 8px #777;-ms-box-shadow: 2px 2px 8px #777; box-shadow: 2px 2px 8px #777; }
.case_item:hover .label { display: inline-block; }
.case_item label { display: none; position: absolute; background-color: rgba(0,0,0,.4); padding: 13px 28px; bottom: 0; left: 0; width: 100%; height: 50px; font-size: 16px; color: #fff; }
.case_item label span:first-child { float: left; display: inline-block; line-height: 24px; height: 24px; }
.case_item label span:last-child { display: inline-block; height: 24px; line-height: 24px; float: right; }
.case_item label span strong { font-size: 24px; }
.case_label2 { vertical-align: top; display: inline-block; width: 24%; padding: 30px 20px; height: 100%; }
.case_label2 label{ vertical-align: top; display: block; background-color: #fff; border: 1px solid #C9C9C9; height: 40px; line-height: 40px; margin: 0 auto; margin-bottom: 26px; width: 200px; font-size: 16px; text-align: center; color: #737373; }
.case_label2 label.active,
.case_label2 label:hover { background-color: #333333; color: #fff; cursor: pointer; }
.case_container2 { display: inline-block; width: 75%; vertical-align: top; }

.case_container2 .case_item2 { -webkit-box-sizing: border-box;box-sizing: border-box; display: inline-block; position: relative; width: 31%; height: 240px; margin-right: 23px; padding-top: 30px; vertical-align:top;}
.case_container2 .case_item2:nth-child(3n) { margin-right: 0; }
.case_item2 img { -webkit-box-sizing: border-box;box-sizing: border-box; width: 100%; height: 100%; -webkit-box-shadow: 2px 2px 8px #777; box-shadow: 2px 2px 8px #777; }
.case_item2:hover .label { display: inline-block; }
.case_item2 label { display: none; position: absolute; background-color: rgba(0,0,0,.4); padding: 0 18px; bottom: 0; left: 0; width: 100%; height: 40px; font-size: 16px; color: #fff; }
.case_item2 label span:first-child { float: left; display: inline-block; line-height: 40px; height: 40px; }
.case_item2 label span:last-child { display: inline-block; height: 40px; line-height: 40px; float: right; }
.case_item2 label span strong { font-size: 22px; }
/* case end */

/* advantage begin */
.ser_advantage_wrapper { margin: 0 auto; background-color: #ffffff; } 
.ser_advantage_container { padding: 34px 0 50px 0; }
.ser_advantage_body { width: 1200px; margin: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.advantage_label { padding: 50px 26px 0; }
.advantage_label .adv_label { vertical-align: top ;display: inline-block; border: 1px solid #989898; border-radius: 50%; width: 206px; height: 206px; padding: 43px 18px; margin-right: 100px; text-align: center; }
.advantage_label .adv_label:last-child { margin-right: 0px; }
.adv_label label { display: block; height: 66px; line-height: 66px; vertical-align: baseline; font-size: 54px; font-weight: 800; color: #676767; }
.adv_label label span { font-size: 14px; color: #8c8c8c; }
.adv_label p { display: inline-block; font-size: 22px; height: 40px; line-height: 40px; color: #8c8c8c; }
.adv_container { padding-top:34px; }
.adv_container .adv_main{ display: inline-block; width: 49%; height: 400px; position: relative; vertical-align: bottom; }
.adv_main .adv_text_wrapper { position: absolute; top: 30px; left: 0; padding-left:68px; }
.adv_text_wrapper .adv_text { 
  line-height: 32px; font-size: 16px; color: #666666; }
.adv_text_wrapper .adv_text:first-child { margin-bottom: 34px; }
.adv_main .adv_img_first { position: absolute; top: 0; left: 54px; height: 144px; width: 306px; margin-right: 10px; margin-bottom: 10px; overflow: hidden; background-color: white; z-index: 100; } 
.adv_main .adv_img_sec { position: absolute; top: 154px; left: 54px; height: 212px; width: 260px; overflow: hidden; -webkit-transition: all .8s; transition: all .8s; }
.adv_main .adv_img_third { position: absolute; top: 36px; left: 324px; height: 330px; width: 190px; overflow: hidden; -webkit-transition: all .8s; transition: all .8s; }
.adv_main .adv_img {     margin-left: 40px; height: 360px; width: 520px; overflow: hidden; -webkit-transition: all .8s; transition: all .8s; }
.adv_main img.lerg { width: 100%; height: 100%; 
  -webkit-transition: all .8s; transition: all .8s; }
.adv_main img.lerg:hover {-webkit-transform:scale(1.2, 1.2);transform: scale(1.2); }
/* index */
.adv_main .bs_adv_bg { display: block; float: right; width: 380px; height: 380px; border: 1.5px solid #c9c9c9; }
.adv_main .bs_adv_bg > img { position: absolute; z-index: 99; right: 40px; bottom: 60px; }
.adv_main .adv_item { vertical-align: top; display: block; -webkit-box-sizing: border-box;box-sizing: border-box; padding: 10px 0; width: 100%; margin-bottom: 20px; color: #999; }
.adv_item .descript { display: inline-block; width: 80%; margin-left: 50px; vertical-align: middle; 
}
.adv_item .descript .title { display: block; text-align: left; line-height: 30px; font-size: 20px; font-weight: 600; color: #444; margin: 0; }
.adv_item .descript .content { display: block; text-align: center; line-height: 24px; font-size: 14px; color: #969696; text-align: left; margin: 0; }
.adv_item .index { width: 50px; height: 50px; vertical-align: middle; border-radius: 50%; background: #e9e9e9; font-size: 26px; text-align: center; line-height: 50px; color: #c9c9c9; display: inline-block; }
/* advantage end */

/* contactus begin */
.ser_contactus_wrapper { position: relative; width: 100%; height:550px; background-color: rgba(0,0,0,.5); }

.ser_contactus_container { width: 1200px; margin: 0 auto; }

.ser_contactus_body { width: 100%; height: 100%; padding-top: 30px; padding-bottom: 40px; }

.ser_contactus_body .contactus_content { margin: 30px 0; }

.contactus_map { display: inline-block; width: 676px; height: 260px; margin-right: 10px; }

.contactus_text { vertical-align: top; display: inline-block; padding-top: 10px;     width: 510px;}

.contactus_text p { height: 46px; line-height: 46px; color: #fff; font-size: 18px; font-weight: 300; }

.contactus_text p img { display: inline-block; vertical-align: text-top; width: 28px; height: 28px; margin-right: 28px; }
.contactus_text p:last-child {  height: 100px;  }

.contactus_background { 
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
/* contactus end */
  .fn-clear { zoom: 1; }
  .box_skitter { width: 980px; position: relative; background: none; }
      .box_skitter ul { display: none; }
      .box_skitter .container_skitter { overflow: hidden; position: relative; }
      .box_skitter .image { overflow: hidden; }
         /*  .box_skitter .image img { display: none; } */
      .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
          .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
      .box_skitter .prev_button { position: absolute; top: 50%; left: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; }
      .box_skitter .next_button { position: absolute; top: 50%; right: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; }
      .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
  .loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
  #slideshow { width: 980px; height: 318px; margin: 0 auto;}
      #slideshow ul { display: none; }
  .contentBox_partner{ max-width:1200px; margin:0 auto; margin-bottom:130px; }
.contentBox_title { display: block; width: 100%; line-height: 24px; margin: 0 8px; font-size: 16px; color: #666; text-align: center;}
.contentBox_label { display: block; width: 100%; line-height: 60px; padding: 0 8px; margin: 40px 8px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.contentBox_label .item { vertical-align: top; display: inline-block; width: 250px; height: 66px; line-height: 66px; margin-right: 50px; border: 2px solid #dadada; padding: 6px 26px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.contentBox_label .item:last-child { margin-right: 0; }
.contentBox_label .item .num { display: inline-block; height: 48px; line-height: 48px; font-size: 40px; color: #dadada; font-style: italic; margin-right: 10px; }
.contentBox_label .item .content { display: inline-block; height: 100%; padding-top: 6px; }
.contentBox_label .item .content .title { display: block; line-height: 20px; font-size: 16px; color: #222; font-weight: bold; text-align: center; }
.contentBox_label .item .content .des { display: block; line-height: 16px; font-size: 14px; color: #666; text-align: left; }
.contentBox_partner .brand { display: inline-block; width: 266px; height: 266px; margin-right: -80px; margin-bottom: -80px; background: url("../images/partners/bgClient.png") no-repeat; background-position: center; webkit-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 1); -webkit-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 1); transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 1); opacity: 0.5; 
    filter: alpha(opacity=50); position:relative; }
.contentBox_partner .brand img{ display: inline-block;
  width: 134px; height: 43px; position:absolute; left: 70px; top: 118px; }
.contentBox_partner .brand:hover{ background: url("../images/partners/bgClientHover.png") no-repeat; background-position: center; opacity:1; }