@charset "UTF-8";
/*
 *	Author		：蔡应
 *	Time		：
 *	Abstract	：
 *
 */
/*
 *	Author		：蔡应
 *	Time		：2015.03.12
 *	Abstract	：94送官网sass基础样式、引用文件
 *
 */
/*RESET*/
body,
html,
div,
p,
table,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

ul,
ol,
li,
dl,
dt,
dd {
  list-style: none; }

img,
a {
  border: none; }

em {
  font-style: normal; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal; }

a {
  outline: none;
  text-decoration: none; }

a:active {
  star: expression(this.onFocus=this.blur()); }

/*Base*/
body {
  font: normal 12px/22px Arial, "Microsoft Yahei", Helvetica, sans-serif, "宋体";
  -webkit-font-smoothing: antialiased; }

.clear {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  overflow: hidden; }

.clearfloat:after, .order-form .radio-item-wrap:after, .order-form .radio-item-wrap .radio-item:after, .order-form .form-item-wrap:after, #header02 .header-main .project-focus:after, #header02 .header-main .project-focus .focus-con .focus-m:after, #header02 .header-main .project-focus .focus-con .focus-m .intro-con li:after, #header02 .sun-header .sun-nav-mod:after,
#header02 .sun-header .sun-nav-mod2:after, #header02 .sun-header .sun-nav-mod .link-wrap:after,
#header02 .sun-header .sun-nav-mod2 .link-wrap:after, #header02 .sun-header .sun-nav-mod .intro-wrap:after,
#header02 .sun-header .sun-nav-mod2 .intro-wrap:after, #header02 .sun-header .sun-nav-mod .sun-link-item dd:after,
#header02 .sun-header .sun-nav-mod2 .sun-link-item dd:after, #header02 .sun-header .sun-nav-mod .sun-link-item02 dd:after,
#header02 .sun-header .sun-nav-mod2 .sun-link-item02 dd:after, #header02 .sun-header .sun-nav-mod .sun-link-tab:after,
#header02 .sun-header .sun-nav-mod2 .sun-link-tab:after, #header02 .sun-header .sun-nav-mod .intro-mod-01 dl dd:after,
#header02 .sun-header .sun-nav-mod2 .intro-mod-01 dl dd:after, #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .phone:after,
#header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .phone:after, #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .order-btn:after,
#header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .order-btn:after, #header02 .sun-header .dynamic-nav-mod .news-mod-01 a:after, #header02 .sun-header .dynamic-nav-mod .news-mod-02:after, #header02 .sun-header .dynamic-nav-mod .periodical-list:after, .business-contact:after, .business-contact .list-item .text .go-detail:after, #footer .slide-links:after, .index .mod-02 .index-re-news .news-t:after, .index .mod-02 .index-re-news .news-tab-list ul .swiper-slide:after, .index .slide-links:after, .partner .partner-program ul:after, .partner .partner-type ul:after, .partner .partner-list ul:after, .news .hot-news .news-list:after, .news .hot-news .news-list-01 li:after, .news .hot-news .news-list-01 li a .params:after, .news .media-report .media-list:after, .news .study-news .news-list:after, .news .study-news .news-list li:after, .news .study-news .news-list li a .params:after, .dynamic .media-report .news-list:after, .dynamic .party-mod .news-list:after, .dynamic .party-mod .news-list li:after, .dynamic .party-mod .news-list li a .params:after, .dynamic .industry-news .news-list:after, .dynamic .industry-news .news-list li:after, .dynamic .industry-news .news-list li a .params:after, .contact .join_us .adv_items:after, .service_new .slide-menu:after, .service_new .slide-menu .slide-menu-item .icon-list-02 li:after, .service_new .slide-menu .slide-menu-item .icon-list-03 li:after, .service_new .slide-menu .item_05 .icon-list-04 li:after, .service_new .slide-tab-con-item .project-list:after, .service_new .slide-tab-con-item .con_head .head_lr:after, .industry .industry-platform .industry-map .map-point1:after, .industry .industry-platform .industry-map .map-point2:after, .industry .industry-platform .industry-map .map-point3:after, .industry .industry-platform-02 .industry-map .map-point1:after, .industry .industry-platform-02 .industry-map .map-point2:after, .industry .industry-platform-02 .industry-map .map-point3:after, .industry .industry-act .news-list:after, .about .group-intro .intro-con-01 .intro-text .text2:after, .about .group-intro .intro-con-01 .qj-params:after, .about .group-intro .intro-con:after, .about .group-intro .brand-list ul:after, .about .dsz-mod:after,
.about .ceo-mod:after, .about .team-list:after, .about .party-mod .news-list:after, .about .party-mod .news-list li:after, .about .party-mod .news-list li a .params:after, .about .periodical_list:after, .about .subscribe-mod .subscribe-list:after, .about .subscribe-mod .subscribe-list li .info:after, .job .search-wrap .job-search:after, .job .job-main:after, .job .job-main .job-sort .sort-item .sort-item-t:after, .job .job-main .job-list-wrap .list-top:after, .job .job-main .job-list-wrap .job-list-item:after, .job .job-detail:after, .job .job-recommend:after, .job .job-recommend .job-list-item:after, .popup-industry .parent-tab-con:after, .design-studio .icon-list:after, .design-studio .contact-info .phone:after, .popup-city .city-detail-item .detail-top:after, .popup-city .city-detail-item .detail-top .ewm-item:after, .popup-city .city-detail-item .detail-top .icon-list:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0; }

.clearfloat, .order-form .radio-item-wrap, .order-form .radio-item-wrap .radio-item, .order-form .form-item-wrap, #header02 .header-main .project-focus, #header02 .header-main .project-focus .focus-con .focus-m, #header02 .header-main .project-focus .focus-con .focus-m .intro-con li, #header02 .sun-header .sun-nav-mod,
#header02 .sun-header .sun-nav-mod2, #header02 .sun-header .sun-nav-mod .link-wrap,
#header02 .sun-header .sun-nav-mod2 .link-wrap, #header02 .sun-header .sun-nav-mod .intro-wrap,
#header02 .sun-header .sun-nav-mod2 .intro-wrap, #header02 .sun-header .sun-nav-mod .sun-link-item dd,
#header02 .sun-header .sun-nav-mod2 .sun-link-item dd, #header02 .sun-header .sun-nav-mod .sun-link-item02 dd,
#header02 .sun-header .sun-nav-mod2 .sun-link-item02 dd, #header02 .sun-header .sun-nav-mod .sun-link-tab,
#header02 .sun-header .sun-nav-mod2 .sun-link-tab, #header02 .sun-header .sun-nav-mod .intro-mod-01 dl dd,
#header02 .sun-header .sun-nav-mod2 .intro-mod-01 dl dd, #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .phone,
#header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .phone, #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .order-btn,
#header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .order-btn, #header02 .sun-header .dynamic-nav-mod .news-mod-01 a, #header02 .sun-header .dynamic-nav-mod .news-mod-02, #header02 .sun-header .dynamic-nav-mod .periodical-list, .business-contact, .business-contact .list-item .text .go-detail, #footer .slide-links, .index .mod-02 .index-re-news .news-t, .index .mod-02 .index-re-news .news-tab-list ul .swiper-slide, .index .slide-links, .partner .partner-program ul, .partner .partner-type ul, .partner .partner-list ul, .news .hot-news .news-list, .news .hot-news .news-list-01 li, .news .hot-news .news-list-01 li a .params, .news .media-report .media-list, .news .study-news .news-list, .news .study-news .news-list li, .news .study-news .news-list li a .params, .dynamic .media-report .news-list, .dynamic .party-mod .news-list, .dynamic .party-mod .news-list li, .dynamic .party-mod .news-list li a .params, .dynamic .industry-news .news-list, .dynamic .industry-news .news-list li, .dynamic .industry-news .news-list li a .params, .contact .join_us .adv_items, .service_new .slide-menu, .service_new .slide-menu .slide-menu-item .icon-list-02 li, .service_new .slide-menu .slide-menu-item .icon-list-03 li, .service_new .slide-menu .item_05 .icon-list-04 li, .service_new .slide-tab-con-item .project-list, .service_new .slide-tab-con-item .con_head .head_lr, .industry .industry-platform .industry-map .map-point1, .industry .industry-platform .industry-map .map-point2, .industry .industry-platform .industry-map .map-point3, .industry .industry-platform-02 .industry-map .map-point1, .industry .industry-platform-02 .industry-map .map-point2, .industry .industry-platform-02 .industry-map .map-point3, .industry .industry-act .news-list, .about .group-intro .intro-con-01 .intro-text .text2, .about .group-intro .intro-con-01 .qj-params, .about .group-intro .intro-con, .about .group-intro .brand-list ul, .about .dsz-mod,
.about .ceo-mod, .about .team-list, .about .party-mod .news-list, .about .party-mod .news-list li, .about .party-mod .news-list li a .params, .about .periodical_list, .about .subscribe-mod .subscribe-list, .about .subscribe-mod .subscribe-list li .info, .job .search-wrap .job-search, .job .job-main, .job .job-main .job-sort .sort-item .sort-item-t, .job .job-main .job-list-wrap .list-top, .job .job-main .job-list-wrap .job-list-item, .job .job-detail, .job .job-recommend, .job .job-recommend .job-list-item, .popup-industry .parent-tab-con, .design-studio .icon-list, .design-studio .contact-info .phone, .popup-city .city-detail-item .detail-top, .popup-city .city-detail-item .detail-top .ewm-item, .popup-city .city-detail-item .detail-top .icon-list {
  zoom: 1; }

.fl {
  float: left;
  display: inline; }

.fr {
  float: right;
  display: inline; }

.left {
  float: left;
  display: inline; }

.right {
  float: right;
  display: inline; }

::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: rgba(210, 210, 210, 0.48);
  border-radius: 0; }

::-webkit-scrollbar-thumb {
  background-color: rgba(123, 121, 121, 0.7);
  border-radius: 0; }

.wrap {
  position: relative;
  margin: 0px auto;
  min-width: 1000px;
  max-width: 1200px; }

.wrap700 {
  position: relative;
  margin: 0 auto;
  width: 700px; }

.wrap800 {
  position: relative;
  margin: 0 auto;
  width: 800px; }

.wrap1000 {
  position: relative;
  margin: 0 auto;
  width: 1000px; }

.wrap1100 {
  position: relative;
  margin: 0 auto;
  width: 1100px; }

.wrap1130 {
  position: relative;
  margin: 0 auto;
  width: 1130px; }

.wrap1200 {
  position: relative;
  margin: 0 auto;
  width: 1200px; }

.wrap1238 {
  position: relative;
  margin: 0 auto;
  width: 1238px; }

.wrap1600 {
  position: relative;
  margin: 0 auto;
  width: 1600px; }

.wrap1860 {
  position: relative;
  margin: 0 auto;
  width: 1860px; }

.wrap1920 {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  min-width: 1238px; }

.wrap2560 {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 2560px;
  min-width: 1238px; }

.wrap-max {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 1238px; }

.wrap-max-2560 {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 2560px;
  min-width: 1238px; }

.wrap-max-1400 {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
  min-width: 1200px; }

.padding16 {
  padding: 16px; }

.pd30 {
  padding: 30px; }

.red {
  color: red !important; }

.textover, #header02 .header-main .project-focus .focus-con .focus-m .intro-con li a p, #header02 .sun-header .sun-nav-mod .intro-mod-01 dl dd a p,
#header02 .sun-header .sun-nav-mod2 .intro-mod-01 dl dd a p, .index .mod-02 .hot-news .hot-news-con h4, .news .hot-news .news-list-02 li h4 p, .dynamic .media-report .news-list .list-item h4, .dynamic .party-mod .news-list li a h4, .about .dsz-mod .ceo-03 a p,
.about .ceo-mod .ceo-03 a p, .about .party-mod .news-list li a h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

::-moz-selection {
  background: rgba(20, 19, 19, 0.7);
  color: #fff; }

::selection {
  background: rgba(20, 19, 19, 0.7);
  color: #fff; }

::-moz-selection {
  background: rgba(20, 19, 19, 0.7);
  color: #fff; }

::-webkit-selection {
  background: rgba(20, 19, 19, 0.7);
  color: #fff; }

a:link,
a:active,
a:visited,
a:hover {
  background: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

.gold {
  color: #cfa972; }

.blue {
  color: #1248c2; }

.bg-gold {
  background-color: #cfa972; }

.bg-blue {
  background-color: #1248c2; }

.bg-gray {
  background-color: #ececec; }

.border-none {
  border: none !important; }

.no-text-indent {
  text-indent: 0 !important; }

.mg0 {
  margin: 0; }

.mgl10 {
  margin-left: 10px; }

.mgl20 {
  margin-left: 20px; }

.mgl30 {
  margin-left: 30px; }

.mgl40 {
  margin-left: 40px; }

.mgl50 {
  margin-left: 50px; }

.mgl60 {
  margin-left: 60px; }

.mgl70 {
  margin-left: 70px; }

.mgt10 {
  margin-top: 10px; }

.mgt20 {
  margin-top: 20px; }

.mgt30 {
  margin-top: 30px; }

.mgt40 {
  margin-top: 40px; }

.mgt50 {
  margin-top: 50px; }

.mgt60 {
  margin-top: 60px; }

.mgt70 {
  margin-top: 70px; }

.mgb15 {
  margin-bottom: 15px; }

.mgb20 {
  margin-bottom: 20px; }

.mgb40 {
  margin-bottom: 40px; }

.mgb50 {
  margin-bottom: 50px; }

.font12 {
  font-size: 12px; }

.font14 {
  font-size: 14px; }

.font15 {
  font-size: 15px; }

.font16 {
  font-size: 16px; }

.font18 {
  font-size: 18px; }

.font20 {
  font-size: 20px; }

.font22 {
  font-size: 22px; }

.font24 {
  font-size: 24px; }

.font28 {
  font-size: 28px; }

.font32 {
  font-size: 32px; }

.w10p {
  width: 10%; }

.w20p {
  width: 20%; }

.w40p {
  width: 40%; }

.w45p {
  width: 45%; }

.w70p {
  width: 70%; }

.w100p {
  width: 100%; }

textarea,
input {
  outline: 0px; }

.img-block {
  display: block;
  margin: 0; }

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

a:hover {
  color: #1248c2; }

.underline {
  text-decoration: underline; }

/* 分页 */
.page_wrap {
  height: 34px;
  margin: 40px 20px;
  font: normal 14px/34px "微软雅黑", Arial;
  color: #999; }
  .page_wrap .pagination {
    height: 34px;
    text-align: center; }
    .page_wrap .pagination li {
      display: inline-block;
      margin-right: 10px;
      background: #fff;
      padding: 0 10px;
      min-width: 12px;
      height: 32px;
      font: normal 14px/32px "微软雅黑", Arial;
      text-align: center;
      border: solid 1px #ddd; }
    .page_wrap .pagination .rows {
      width: 100px; }
    .page_wrap .pagination li a {
      display: block;
      width: 100%;
      height: 100%;
      color: #999; }
    .page_wrap .pagination li:hover {
      background: #eee;
      text-decoration: none; }
    .page_wrap .pagination li.active {
      color: #fff;
      background: #1248c2;
      border-color: #1248c2; }
  .page_wrap .page_total {
    float: left;
    margin-left: 20px;
    height: 34px; }
  .page_wrap .page_skip {
    float: left;
    height: 34px; }
    .page_wrap .page_skip input {
      width: 30px;
      text-align: center;
      height: 32px;
      border: 1px solid #ddd;
      margin: 0 6px; }
  .page_wrap .page_skip .sub_btn {
    display: inline-block;
    border: solid 1px #ddd;
    padding: 0 5px;
    color: #333; }
  .page_wrap .page_skip .sub_btn:hover {
    background: #c71e21;
    color: #fff;
    border: solid 1px #c71e21; }

/*==========以下部分是Validform必须的===========*/
.Validform_checktip {
  line-height: 20px;
  /*height:20px;*/
  height: auto;
  overflow: hidden;
  color: #999;
  font-size: 12px; }

.Validform_right {
  color: #71b83d;
  padding-left: 20px;
  white-space: nowrap; }

.Validform_wrong {
  color: red;
  padding-left: 20px;
  white-space: nowrap; }

.Validform_loading {
  padding-left: 20px; }

#Validform_msg {
  color: #7d8289;
  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
  width: 260px;
  -webkit-box-shadow: 2px 2px 3px #aaa;
  -moz-box-shadow: 2px 2px 3px #aaa;
  background: #fff;
  position: absolute;
  top: 0px;
  right: 50px;
  z-index: 99999;
  display: none; }

#Validform_msg .iframe {
  position: absolute;
  left: 0px;
  top: -1px;
  z-index: -1; }

#Validform_msg .Validform_title {
  line-height: 25px;
  height: 25px;
  text-align: left;
  font-weight: bold;
  padding: 0 8px;
  color: #fff;
  position: relative;
  background-color: #000; }

#Validform_msg a.Validform_close:link,
#Validform_msg a.Validform_close:visited {
  line-height: 22px;
  position: absolute;
  right: 8px;
  top: 0px;
  color: #fff;
  text-decoration: none; }

#Validform_msg a.Validform_close:hover {
  color: #cc0; }

#Validform_msg .Validform_info {
  padding: 8px;
  border: 1px solid #000;
  border-top: none;
  text-align: left; }

.newImgBox {
  width: 414px;
  height: 214px;
  overflow: hidden; }

@font-face {
  font-family: 'iconfont';
  /* project id 1259144 */
  src: url("//at.alicdn.com/t/font_1259144_l4byvna1dw.eot");
  src: url("//at.alicdn.com/t/font_1259144_l4byvna1dw.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1259144_l4byvna1dw.woff2") format("woff2"), url("//at.alicdn.com/t/font_1259144_l4byvna1dw.woff") format("woff"), url("//at.alicdn.com/t/font_1259144_l4byvna1dw.ttf") format("truetype"), url("//at.alicdn.com/t/font_1259144_l4byvna1dw.svg#iconfont") format("svg"); }

.iconfont, .side-quick a {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: "DINCond-Bold";
  src: url("../font/FZLTHJT.ttf"); }

@font-face {
  font-family: "DINCond-Bold";
  src: url("../font/FZLTHJT.ttf");
  font-weight: normal;
  font-style: normal; }

.font-family-2, .order-space-form .btn-wrap span, #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .phone .text em,
#header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .phone .text em, #header02 .sun-header .dynamic-nav-mod .periodical-list a .num em, .business-contact .list-item .text h3, .business-contact .list-item .text h4, .copyright .copyright-info p:nth-child(1) em, .top-banner .banner-t em, .mod-title span, .page-mod a, .index .mod-02 .hot-news .hot-news-con .date, .index .mod-02 .index-re-news .news-tab-list ul .swiper-slide span, .partner .partner-type ul li .over h5, .dynamic .party-mod .news-list li a .params .date, .contact .join_us .adv_items dt, .contact .contact-mod-02 .us_info, .contact .contact-mod-02 .us_info .area-tab .tab-con-item, .service_new .slide-menu .slide-menu-item h3, .service_new .slide-tab-con-item .con_head .head_lf h3, .about .group-intro .intro-con-01 .qj-params li em, .about .group-intro .honor-mod .honor-wrap li:nth-child(2n+1) h3, .about .group-intro .honor-mod .honor-wrap li:nth-child(2n) h3, .about .party-mod .news-list li a .params .date, .about .periodical_list a .text h5, .about .subscribe-mod .subscribe-list li .title h4, .design-studio .intro h2, .design-studio .contact-info .phone em, .popup-city .city-detail-item .detail-top .detail-text .phone em {
  font-family: "DINCond-Bold" !important; }

@font-face {
  font-family: "DINCond-Regular";
  src: url("../font/DINCond-Regular.eot"); }

@font-face {
  font-family: "DINCond-Regular";
  src: url(//:) format("no404"), url("../font/DINCond-Regular.woff") format("woff"), url("../font/DINCond-Regular.ttf") format("truetype"), url("../font/DINCond-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.font-family-3, .about .periodical_list a .text h4 {
  font-family: "DINCond-Regular" !important; }

@font-face {
  font-family: "heize";
  src: url(//:) format("no404"), url("../font/zhe-black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "HUMANIST-BOLD-BT";
  src: url("../font/HUMANIST-BOLD-BT/HUMANIST-BOLD-BT.eot"); }

@font-face {
  font-family: "HUMANIST-BOLD-BT";
  src: url(//:) format("no404"), url("../font/HUMANIST-BOLD-BT/HUMANIST-BOLD-BT.woff") format("woff"), url("../font/HUMANIST-BOLD-BT/HUMANIST-BOLD-BT.ttf") format("truetype"), url("../font/HUMANIST-BOLD-BT/HUMANIST-BOLD-BT.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.font-family-4, #header02 .sun-header .sun-nav-mod .intro-mod-01 h3,
#header02 .sun-header .sun-nav-mod2 .intro-mod-01 h3, .popup-visit .visit-con .phone {
  font-family: "DINCond-Bold" !important; }

@font-face {
  font-family: "TT5";
  src: url("../font/tt5/TT5.eot"); }

@font-face {
  font-family: "TT5";
  src: url(//:) format("no404"), url("../font/tt5/TT5.woff") format("woff"), url("../font/tt5/TT5.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.font-family-5, .order-space-form h3 span, #header02 .header-main .nav a span, #header02 .sun-header .sun-nav-mod .sun-link-item dt span,
#header02 .sun-header .sun-nav-mod2 .sun-link-item dt span, #header02 .sun-header .sun-nav-mod .sun-link-item02 dt span,
#header02 .sun-header .sun-nav-mod2 .sun-link-item02 dt span, #header02 .sun-header .sun-nav-mod .sun-link-tab .tab-con h4 span,
#header02 .sun-header .sun-nav-mod2 .sun-link-tab .tab-con h4 span, #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l h3 span,
#header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l h3 span, .popup-visit .visit-con h2 span {
  font-family: "DINCond-Bold" !important; }

.over-img-scale {
  overflow: hidden;
  display: block; }
  .over-img-scale .scale-img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: All 0.3s ease;
    transition: All 0.3s ease; }
  .over-img-scale:hover .scale-img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }

a {
  color: #494848;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

a:hover {
  text-decoration: none; }

a {
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none; }

a:link,
a:active,
a:visited,
a:hover {
  background: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

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

.bg-gray {
  background: #ececec; }

.icon-01 {
  background: url(../images/icon_01.png) no-repeat; }

.abs-con {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* 
 *	Common
 */
html,
body {
  min-width: 1238px; }

body {
  font-size: 14px;
  line-height: 24px;
  color: #494848;
  font-family: Arial, "Microsoft Yahei", "微软雅黑", sans-serif;
  font-weight: normal;
  background: #fff;
  padding-top: 85px; }

body {
  padding-top: 74px;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s; }

html,
body {
  width: 100%;
  height: 100%; }

.wrap-max-1920 {
  max-width: 1920px;
  margin: 0 auto; }

input,
textarea {
  font-family: Arial, "Microsoft Yahei", "微软雅黑", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #494848; }

select:focus,
input:focus,
textarea:focus {
  border-color: #1763e9 !important;
  -webkit-box-shadow: 0 0 8px #1763e9;
          box-shadow: 0 0 8px #1763e9; }

.pdl40 {
  padding-left: 40px; }

.placeholder {
  color: #999; }

.order-space-form {
  margin-top: 40px;
  padding: 30px 0; }
  .order-space-form h3 {
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 10px; }
    .order-space-form h3 em {
      font-size: 24px;
      display: block; }
    .order-space-form h3 span {
      display: block;
      text-transform: uppercase; }
  .order-space-form .notes {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 30px; }
  .order-space-form .btn-wrap {
    color: #315dcd;
    line-height: 42px;
    font-size: 18px; }
    .order-space-form .btn-wrap a {
      width: 150px;
      margin-right: 25px;
      font-size: 18px;
      line-height: 40px;
      text-align: center;
      background: #315dcd;
      border-radius: 4px;
      color: #fff;
      border: 1px solid #1248c2;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .order-space-form .btn-wrap a:hover {
        background: none !important;
        color: #1248c2 !important; }

.order-form .radio-item-wrap {
  position: relative;
  font-size: 15px; }
  .order-form .radio-item-wrap .radio-item {
    float: left;
    width: 230px;
    margin-bottom: 5px; }
  .order-form .radio-item-wrap .label {
    height: 21px;
    width: 21px;
    float: left;
    margin-right: 5px;
    background: url(../images/radio.png) no-repeat; }
  .order-form .radio-item-wrap input[type="checkbox"]:checked + .label {
    background-position: -21px 0; }

.order-form .form-item-wrap {
  position: relative; }

.order-form .form-item {
  float: left;
  margin-left: 30px;
  margin-bottom: 8px;
  width: 392px;
  position: relative;
  position: relative; }
  .order-form .form-item .input-t {
    position: absolute;
    top: 1px;
    left: 10px;
    font-size: 15px;
    line-height: 40px; }
  .order-form .form-item:nth-child(3n+1) {
    margin-left: 0; }
  .order-form .form-item input {
    width: 276px;
    padding: 10px 10px 10px 100px;
    line-height: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;
    color: #545454; }
    .order-form .form-item input::-webkit-input-placeholder {
      color: #999; }
    .order-form .form-item input::-moz-placeholder {
      color: #999; }
    .order-form .form-item input::-ms-input-placeholder {
      color: #999; }
    .order-form .form-item input::placeholder {
      color: #999; }
  .order-form .form-item .Validform_error {
    border-color: #ff8400; }

.order-form .text-area-item {
  position: relative; }
  .order-form .text-area-item .area-t {
    position: absolute;
    top: 1px;
    left: 10px;
    font-size: 15px;
    line-height: 40px; }
  .order-form .text-area-item textarea {
    height: 40px;
    width: 1210px;
    padding: 40px 10px 10px 10px;
    line-height: 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;
    resize: none;
    line-height: 24px; }
    .order-form .text-area-item textarea::-webkit-input-placeholder {
      color: #999; }
    .order-form .text-area-item textarea::-moz-placeholder {
      color: #999; }
    .order-form .text-area-item textarea::-ms-input-placeholder {
      color: #999; }
    .order-form .text-area-item textarea::placeholder {
      color: #999; }
  .order-form .text-area-item .Validform_error {
    border-color: #ff8400; }

.order-form .Validform_checktip {
  position: absolute;
  bottom: -20px;
  left: 0;
  padding-left: 0;
  display: none; }

.order-form select {
  display: block;
  width: 498px;
  height: 42px;
  line-height: 40px;
  font-size: 16px;
  background: #fff;
  color: #494848;
  border: 1px solid #ccc; }

.industry-form .form-item-wrap {
  width: 300px; }
  .industry-form .form-item-wrap .form-item {
    margin-bottom: 8px;
    width: 300px;
    margin-left: 0; }
    .industry-form .form-item-wrap .form-item input {
      width: 190px; }

.industry-form .text-area-item {
  width: 920px;
  position: relative; }
  .industry-form .text-area-item textarea {
    height: 90px;
    width: 890px; }

.visit-form .Validform_checktip {
  bottom: -15px; }

.visit-form .w100 {
  width: 100%; }
  .visit-form .w100 input {
    width: 386px; }

.visit-form .w50 {
  width: 242px;
  margin-left: 16px; }
  .visit-form .w50:first-child {
    margin-left: 0px; }
  .visit-form .w50 input {
    width: 130px; }

.visit-form .w30 {
  width: 156px;
  margin-left: 16px; }
  .visit-form .w30:first-child {
    margin-left: 0px; }
  .visit-form .w30 input {
    width: 85px;
    padding-left: 60px; }

#header02 {
  z-index: 50;
  position: fixed;
  top: 0;
  width: 100%;
  height: 74px;
  background: #fff;
  margin: 0 auto;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s; }
  #header02.slide-up {
    top: -150px; }
  #header02.have-shadow {
    /* box-shadow: 0 0 5px rgba(0,0,0,0.5); */
    border-bottom: 1px solid #ccc; }
  #header02 .header-main {
    height: 74px;
    line-height: 74px;
    background: #fff; }
    #header02 .header-main #logo img {
      width: auto;
      height: 53px;
      margin-top: 10px; }
    #header02 .header-main .web-title {
      margin-top: 30px;
      margin-left: 34px; }
    #header02 .header-main .project-focus {
      margin-left: 60px;
      width: 218px;
      position: relative;
      line-height: 20px;
      font-size: 12px;
      height: 74px;
      z-index: 9; }
      #header02 .header-main .project-focus .focus-con {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 74px;
        display: none; }
        #header02 .header-main .project-focus .focus-con .focus-t-img {
          width: 100%;
          height: 74px;
          display: block; }
        #header02 .header-main .project-focus .focus-con .arrow {
          position: absolute;
          top: 52px;
          left: 60px;
          -webkit-transition: all linear 0.3s;
          transition: all linear 0.3s; }
        #header02 .header-main .project-focus .focus-con .focus-m {
          -webkit-animation: sun-header-show .3s;
                  animation: sun-header-show .3s;
          display: none;
          z-index: 1000;
          left: -50px;
          top: 74px;
          position: absolute;
          padding: 15px;
          background: #fff;
          width: 790px;
          height: 100%;
          overflow: hidden; }
          #header02 .header-main .project-focus .focus-con .focus-m .m-img {
            width: 257px;
            height: 284px; }
          #header02 .header-main .project-focus .focus-con .focus-m .intro-con {
            width: 500px; }
            #header02 .header-main .project-focus .focus-con .focus-m .intro-con dl {
              padding: 18px 0;
              border-bottom: 1px dashed #e9e9e9; }
            #header02 .header-main .project-focus .focus-con .focus-m .intro-con dt {
              color: #255bc7;
              font-size: 18px;
              margin-bottom: 15px; }
            #header02 .header-main .project-focus .focus-con .focus-m .intro-con dd {
              color: #494848;
              font-size: 14px;
              line-height: 24px;
              height: 96px;
              overflow: hidden; }
            #header02 .header-main .project-focus .focus-con .focus-m .intro-con h4 {
              font-size: 14px;
              font-weight: bold;
              color: #494848;
              margin: 12px 0;
              display: block; }
            #header02 .header-main .project-focus .focus-con .focus-m .intro-con li {
              margin-bottom: 5px; }
              #header02 .header-main .project-focus .focus-con .focus-m .intro-con li a {
                font-size: 14px;
                color: #959595; }
                #header02 .header-main .project-focus .focus-con .focus-m .intro-con li a p {
                  float: left;
                  width: 400px; }
                #header02 .header-main .project-focus .focus-con .focus-m .intro-con li a em {
                  float: right;
                  margin-right: 10px; }
                #header02 .header-main .project-focus .focus-con .focus-m .intro-con li a:hover {
                  color: #255bc7;
                  text-decoration: underline; }
                  #header02 .header-main .project-focus .focus-con .focus-m .intro-con li a:hover em {
                    text-decoration: underline; }
            #header02 .header-main .project-focus .focus-con .focus-m .intro-con .go_url {
              font-size: 14px;
              color: #255bc7;
              margin-top: 10px;
              text-decoration: underline; }
        #header02 .header-main .project-focus .focus-con:hover .arrow {
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); }
        #header02 .header-main .project-focus .focus-con:hover .focus-m {
          display: block; }
    #header02 .header-main .login-cc {
      width: 80px;
      color: #000;
      text-align: center;
      border-left: 1px solid #e2e2e2;
      border-right: 1px solid #e2e2e2; }
      #header02 .header-main .login-cc i {
        font-size: 18px;
        display: block;
        width: 100%;
        height: 100%; }
      #header02 .header-main .login-cc:hover {
        background: #1248c2;
        color: #fff; }
    #header02 .header-main .search-btn {
      display: none;
      width: 80px;
      color: #000;
      text-align: center;
      border-left: 1px solid #e2e2e2;
      position: relative; }
      #header02 .header-main .search-btn i {
        font-size: 18px;
        display: block;
        width: 100%;
        height: 100%; }
      #header02 .header-main .search-btn:hover {
        background: #1248c2;
        color: #fff; }
      #header02 .header-main .search-btn input {
        display: none;
        z-index: 20;
        font-size: 14px;
        position: absolute;
        bottom: -50px;
        right: 0px;
        width: 200px;
        border: 5px solid #ccc;
        height: 30px;
        line-height: 30px;
        background: #fff;
        padding: 5px; }
      #header02 .header-main .search-btn:hover input {
        display: block; }
    #header02 .header-main .language-wrap {
      width: 80px;
      color: #000;
      text-align: center;
      border-left: 1px solid #e2e2e2;
      padding: 22px 0;
      line-height: 30px;
      height: 30px; }
    #header02 .header-main .language {
      position: relative;
      line-height: 30px;
      width: 50px;
      margin: 0 auto; }
      #header02 .header-main .language .current {
        font-size: 15px; }
      #header02 .header-main .language .arrow-top {
        width: 0px;
        height: 0px;
        position: absolute;
        top: -6px;
        right: 20px;
        border-bottom: 6px solid rgba(0, 0, 0, 0.5);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent; }
      #header02 .header-main .language .slide {
        opacity: 0;
        display: none;
        position: absolute;
        top: 35px;
        right: 0px;
        width: 50px;
        padding: 5px 0;
        text-align: center;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        line-height: 24px; }
        #header02 .header-main .language .slide a {
          display: block;
          color: #fff; }
          #header02 .header-main .language .slide a:hover {
            background: #1248c2; }
      #header02 .header-main .language:hover .slide {
        opacity: 1;
        display: block; }
    #header02 .header-main .nav {
      width: 550px;
      position: relative;
      z-index: 90; }
      #header02 .header-main .nav a {
        float: left;
        margin-right: 0px;
        padding: 25px 12px 0 12px;
        height: 81px;
        height: 49px;
        -webkit-transition: none;
        transition: none; }
        #header02 .header-main .nav a em {
          display: block;
          line-height: 24px;
          font-size: 15px; }
        #header02 .header-main .nav a span {
          display: none;
          line-height: 13px;
          font-size: 12px;
          height: 26px;
          opacity: 0;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
          text-transform: uppercase; }
        #header02 .header-main .nav a .line {
          width: 40px;
          height: 2px;
          line-height: 2px;
          background: #fff;
          opacity: 0;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear; }
        #header02 .header-main .nav a:hover, #header02 .header-main .nav a.active {
          background: #1248c2;
          color: #fff; }
  #header02 .sun-header {
    position: absolute;
    top: 74px;
    background: #fff;
    width: 100%;
    left: 0;
    /*animation: sun-header-show .35s; */ }
    #header02 .sun-header .bg-left {
      position: absolute;
      left: 0;
      height: 100%;
      width: 50%;
      top: 0;
      background: #fff; }
    #header02 .sun-header .bg-right {
      position: absolute;
      right: 0;
      height: 100%;
      width: 50%;
      top: 0;
      background: #eee; }
    #header02 .sun-header .header-sun {
      background: #fff; }
    #header02 .sun-header .sun-nav-mod,
    #header02 .sun-header .sun-nav-mod2 {
      color: #494848;
      display: none;
      position: relative;
      height: 330px; }
      #header02 .sun-header .sun-nav-mod a,
      #header02 .sun-header .sun-nav-mod2 a {
        color: #494848; }
        #header02 .sun-header .sun-nav-mod a:hover,
        #header02 .sun-header .sun-nav-mod2 a:hover {
          color: #1248c2; }
      #header02 .sun-header .sun-nav-mod .link-wrap,
      #header02 .sun-header .sun-nav-mod2 .link-wrap {
        background: #fff;
        height: 260px;
        width: 619px;
        padding: 35px 0px 35px 0; }
      #header02 .sun-header .sun-nav-mod .intro-wrap,
      #header02 .sun-header .sun-nav-mod2 .intro-wrap {
        background: #eee;
        height: 260px;
        width: 569px;
        padding: 35px 0px 35px 50px; }
      #header02 .sun-header .sun-nav-mod .sun-link-item,
      #header02 .sun-header .sun-nav-mod2 .sun-link-item {
        float: left;
        margin-left: 40px; }
        #header02 .sun-header .sun-nav-mod .sun-link-item:first-child,
        #header02 .sun-header .sun-nav-mod2 .sun-link-item:first-child {
          margin-left: 0px; }
        #header02 .sun-header .sun-nav-mod .sun-link-item dt,
        #header02 .sun-header .sun-nav-mod2 .sun-link-item dt {
          padding-left: 24px;
          line-height: 1.5;
          margin-bottom: 15px; }
          #header02 .sun-header .sun-nav-mod .sun-link-item dt em,
          #header02 .sun-header .sun-nav-mod2 .sun-link-item dt em {
            display: block;
            font-size: 16px;
            font-weight: bold; }
          #header02 .sun-header .sun-nav-mod .sun-link-item dt span,
          #header02 .sun-header .sun-nav-mod2 .sun-link-item dt span {
            display: block;
            font-size: 12px;
            color: #959595;
            text-transform: uppercase; }
          #header02 .sun-header .sun-nav-mod .sun-link-item dt a:hover span,
          #header02 .sun-header .sun-nav-mod2 .sun-link-item dt a:hover span {
            color: #1248c2; }
        #header02 .sun-header .sun-nav-mod .sun-link-item dd li,
        #header02 .sun-header .sun-nav-mod2 .sun-link-item dd li {
          display: block;
          height: 32px;
          margin-bottom: 4px; }
        #header02 .sun-header .sun-nav-mod .sun-link-item dd a,
        #header02 .sun-header .sun-nav-mod2 .sun-link-item dd a {
          line-height: 32px;
          display: inline-block;
          padding-right: 20px;
          -webkit-transition: none;
          transition: none;
          font-size: 14px; }
          #header02 .sun-header .sun-nav-mod .sun-link-item dd a i,
          #header02 .sun-header .sun-nav-mod2 .sun-link-item dd a i {
            float: left;
            width: 24px;
            text-align: center;
            color: #fff;
            opacity: 0; }
          #header02 .sun-header .sun-nav-mod .sun-link-item dd a:hover,
          #header02 .sun-header .sun-nav-mod2 .sun-link-item dd a:hover {
            background: url(../images/header/nav_sun_bg.png) no-repeat right center;
            color: #fff; }
            #header02 .sun-header .sun-nav-mod .sun-link-item dd a:hover i,
            #header02 .sun-header .sun-nav-mod2 .sun-link-item dd a:hover i {
              opacity: 1; }
      #header02 .sun-header .sun-nav-mod .sun-link-item02,
      #header02 .sun-header .sun-nav-mod2 .sun-link-item02 {
        float: left;
        margin-left: 40px; }
        #header02 .sun-header .sun-nav-mod .sun-link-item02:first-child,
        #header02 .sun-header .sun-nav-mod2 .sun-link-item02:first-child {
          margin-left: 0px; }
        #header02 .sun-header .sun-nav-mod .sun-link-item02 dt,
        #header02 .sun-header .sun-nav-mod2 .sun-link-item02 dt {
          padding-left: 24px;
          line-height: 1.5;
          margin-bottom: 15px; }
          #header02 .sun-header .sun-nav-mod .sun-link-item02 dt em,
          #header02 .sun-header .sun-nav-mod2 .sun-link-item02 dt em {
            display: block;
            font-size: 16px;
            font-weight: bold; }
          #header02 .sun-header .sun-nav-mod .sun-link-item02 dt span,
          #header02 .sun-header .sun-nav-mod2 .sun-link-item02 dt span {
            display: block;
            font-size: 12px;
            color: #959595;
            text-transform: uppercase; }
          #header02 .sun-header .sun-nav-mod .sun-link-item02 dt a:hover span,
          #header02 .sun-header .sun-nav-mod2 .sun-link-item02 dt a:hover span {
            color: #1248c2; }
        #header02 .sun-header .sun-nav-mod .sun-link-item02 dd li,
        #header02 .sun-header .sun-nav-mod2 .sun-link-item02 dd li {
          display: block;
          height: 32px;
          margin-bottom: 4px; }
        #header02 .sun-header .sun-nav-mod .sun-link-item02 dd a,
        #header02 .sun-header .sun-nav-mod2 .sun-link-item02 dd a {
          line-height: 32px;
          display: inline-block;
          padding-right: 20px;
          -webkit-transition: none;
          transition: none;
          font-size: 14px; }
          #header02 .sun-header .sun-nav-mod .sun-link-item02 dd a i,
          #header02 .sun-header .sun-nav-mod2 .sun-link-item02 dd a i {
            float: left;
            width: 24px;
            text-align: center;
            color: #fff;
            opacity: 0; }
          #header02 .sun-header .sun-nav-mod .sun-link-item02 dd a.active,
          #header02 .sun-header .sun-nav-mod2 .sun-link-item02 dd a.active {
            background: url(../images/header/nav_sun_bg.png) no-repeat right center;
            color: #fff; }
            #header02 .sun-header .sun-nav-mod .sun-link-item02 dd a.active i,
            #header02 .sun-header .sun-nav-mod2 .sun-link-item02 dd a.active i {
              opacity: 1; }
      #header02 .sun-header .sun-nav-mod .sun-link-tab .tab-menu,
      #header02 .sun-header .sun-nav-mod2 .sun-link-tab .tab-menu {
        width: 350px; }
      #header02 .sun-header .sun-nav-mod .sun-link-tab .tab-con,
      #header02 .sun-header .sun-nav-mod2 .sun-link-tab .tab-con {
        float: right;
        width: 240px;
        height: 100%; }
        #header02 .sun-header .sun-nav-mod .sun-link-tab .tab-con .tab-con-item,
        #header02 .sun-header .sun-nav-mod2 .sun-link-tab .tab-con .tab-con-item {
          display: none; }
        #header02 .sun-header .sun-nav-mod .sun-link-tab .tab-con h4,
        #header02 .sun-header .sun-nav-mod2 .sun-link-tab .tab-con h4 {
          line-height: 1.5;
          margin-bottom: 15px; }
          #header02 .sun-header .sun-nav-mod .sun-link-tab .tab-con h4 em,
          #header02 .sun-header .sun-nav-mod2 .sun-link-tab .tab-con h4 em {
            display: block;
            font-size: 16px;
            font-weight: bold; }
          #header02 .sun-header .sun-nav-mod .sun-link-tab .tab-con h4 span,
          #header02 .sun-header .sun-nav-mod2 .sun-link-tab .tab-con h4 span {
            display: block;
            font-size: 12px;
            color: #959595;
            text-transform: uppercase; }
        #header02 .sun-header .sun-nav-mod .sun-link-tab .tab-con a,
        #header02 .sun-header .sun-nav-mod2 .sun-link-tab .tab-con a {
          display: block;
          font-size: 14px;
          line-height: 30px; }
      #header02 .sun-header .sun-nav-mod .intro-mod-01,
      #header02 .sun-header .sun-nav-mod2 .intro-mod-01 {
        width: 100%; }
        #header02 .sun-header .sun-nav-mod .intro-mod-01 h3,
        #header02 .sun-header .sun-nav-mod2 .intro-mod-01 h3 {
          font-size: 30px;
          line-height: 30px;
          text-transform: uppercase; }
        #header02 .sun-header .sun-nav-mod .intro-mod-01 dl dt,
        #header02 .sun-header .sun-nav-mod2 .intro-mod-01 dl dt {
          line-height: 30px;
          height: 30px; }
          #header02 .sun-header .sun-nav-mod .intro-mod-01 dl dt a,
          #header02 .sun-header .sun-nav-mod2 .intro-mod-01 dl dt a {
            float: right;
            color: #1248c2;
            text-decoration: underline; }
        #header02 .sun-header .sun-nav-mod .intro-mod-01 dl dd a,
        #header02 .sun-header .sun-nav-mod2 .intro-mod-01 dl dd a {
          float: left;
          margin-right: 18px;
          width: 335px;
          height: 200px;
          position: relative; }
          #header02 .sun-header .sun-nav-mod .intro-mod-01 dl dd a:last-child,
          #header02 .sun-header .sun-nav-mod2 .intro-mod-01 dl dd a:last-child {
            margin: 0; }
          #header02 .sun-header .sun-nav-mod .intro-mod-01 dl dd a .text,
          #header02 .sun-header .sun-nav-mod2 .intro-mod-01 dl dd a .text {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            color: #fff;
            line-height: 20px;
            background: rgba(0, 0, 0, 0.5);
            height: 40px; }
          #header02 .sun-header .sun-nav-mod .intro-mod-01 dl dd a p,
          #header02 .sun-header .sun-nav-mod2 .intro-mod-01 dl dd a p {
            padding: 10px 20px;
            height: 20px;
            overflow: hidden; }
      #header02 .sun-header .sun-nav-mod .intro-mod-02,
      #header02 .sun-header .sun-nav-mod2 .intro-mod-02 {
        width: 490px; }
        #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l,
        #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l {
          width: 230px; }
          #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l h3,
          #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l h3 {
            line-height: 1.5;
            margin-bottom: 15px; }
            #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l h3 em,
            #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l h3 em {
              display: block;
              font-size: 18px;
              font-weight: bold; }
            #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l h3 span,
            #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l h3 span {
              display: block;
              font-size: 10px;
              color: #959595;
              text-transform: uppercase; }
            #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l h3 a:hover span,
            #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l h3 a:hover span {
              color: #1248c2; }
          #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .intro,
          #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .intro {
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 20px; }
          #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .phone,
          #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .phone {
            border-radius: 6px;
            background: #32b579;
            padding: 5px 10px;
            color: #fff; }
            #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .phone i,
            #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .phone i {
              font-size: 40px;
              width: 50px;
              line-height: 50px; }
            #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .phone .text,
            #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .phone .text {
              line-height: 25px;
              font-size: 18px;
              width: 150px; }
              #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .phone .text span,
              #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .phone .text span {
                display: block; }
              #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .phone .text em,
              #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .phone .text em {
                display: block;
                font-weight: bold; }
          #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .order-btn,
          #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .order-btn {
            display: block;
            border-radius: 6px;
            background: #1248c2;
            padding: 5px 10px;
            color: #fff;
            line-height: 50px;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            border: 1px solid #1248c2; }
            #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-l .order-btn:hover,
            #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-l .order-btn:hover {
              background: none !important;
              color: #1248c2 !important; }
        #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-r,
        #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-r {
          width: 225px; }
          #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-r a,
          #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-r a {
            display: block;
            margin-bottom: 20px;
            width: 225px;
            height: 120px;
            position: relative; }
            #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-r a:last-child,
            #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-r a:last-child {
              margin: 0; }
            #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-r a .text,
            #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-r a .text {
              position: absolute;
              left: 0;
              bottom: 0;
              color: #fff;
              line-height: 18px;
              font-size: 12px;
              padding: 10px 15px; }
            #header02 .sun-header .sun-nav-mod .intro-mod-02 .con-r a p,
            #header02 .sun-header .sun-nav-mod2 .intro-mod-02 .con-r a p {
              height: 36px;
              overflow-y: hidden; }
    #header02 .sun-header .about-nav-mod .link-wrap {
      width: 500px; }
    #header02 .sun-header .about-nav-mod .intro-wrap {
      width: 688px; }
    #header02 .sun-header .service-nav-mod .link-wrap {
      width: 640px; }
    #header02 .sun-header .service-nav-mod .intro-wrap {
      width: 492px; }
    #header02 .sun-header .service-nav-mod .service-img-01 {
      margin-left: 20px;
      width: 257px;
      height: 284px;
      position: relative; }
      #header02 .sun-header .service-nav-mod .service-img-01 .text {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        color: #fff;
        line-height: 20px;
        font-size: 16px; }
      #header02 .sun-header .service-nav-mod .service-img-01 p {
        padding: 10px 20px; }
    #header02 .sun-header .industry-nav-mod .link-wrap {
      width: 500px; }
    #header02 .sun-header .industry-nav-mod .intro-wrap {
      width: 688px; }
    #header02 .sun-header .industry-nav-mod .sun-link-tab .tab-menu {
      width: 170px; }
    #header02 .sun-header .industry-nav-mod .sun-link-tab .tab-con {
      left: 170px;
      width: 330px; }
    #header02 .sun-header .dynamic-nav-mod .link-wrap {
      width: 540px; }
    #header02 .sun-header .dynamic-nav-mod .link-wrap {
      width: 100%; }
    #header02 .sun-header .dynamic-nav-mod .intro-wrap {
      width: 674px;
      padding-left: 10px; }
      #header02 .sun-header .dynamic-nav-mod .intro-wrap .sun-link-item:first-child {
        margin-left: 0px; }
    #header02 .sun-header .dynamic-nav-mod .news-mod-01 {
      width: 380px;
      margin-left: 30px;
      float: left; }
      #header02 .sun-header .dynamic-nav-mod .news-mod-01 a {
        display: block;
        margin-bottom: 30px; }
        #header02 .sun-header .dynamic-nav-mod .news-mod-01 a:last-child {
          margin: 0; }
        #header02 .sun-header .dynamic-nav-mod .news-mod-01 a img {
          width: 108px;
          height: 108px; }
        #header02 .sun-header .dynamic-nav-mod .news-mod-01 a .text {
          width: 250px; }
          #header02 .sun-header .dynamic-nav-mod .news-mod-01 a .text h4 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 5px; }
          #header02 .sun-header .dynamic-nav-mod .news-mod-01 a .text p {
            color: #959595; }
        #header02 .sun-header .dynamic-nav-mod .news-mod-01 a:hover .text p {
          color: #1248c2; }
    #header02 .sun-header .dynamic-nav-mod .news-mod-02 {
      margin-left: 20px; }
      #header02 .sun-header .dynamic-nav-mod .news-mod-02 a {
        float: left;
        width: 161px;
        height: 246px;
        position: relative;
        margin-right: 20px; }
        #header02 .sun-header .dynamic-nav-mod .news-mod-02 a:last-child {
          margin: 0; }
        #header02 .sun-header .dynamic-nav-mod .news-mod-02 a .text {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          color: #fff;
          line-height: 24px;
          font-size: 16px; }
        #header02 .sun-header .dynamic-nav-mod .news-mod-02 a p {
          padding: 10px 10px; }
    #header02 .sun-header .dynamic-nav-mod .periodical-list {
      margin-left: 20px; }
      #header02 .sun-header .dynamic-nav-mod .periodical-list a {
        float: left;
        width: 164px;
        height: 247px;
        position: relative;
        margin-right: 20px; }
        #header02 .sun-header .dynamic-nav-mod .periodical-list a:last-child {
          margin: 0; }
        #header02 .sun-header .dynamic-nav-mod .periodical-list a .num {
          position: absolute;
          right: 15px;
          top: 30px;
          width: 100%;
          color: #fff;
          line-height: 24px;
          font-size: 14px;
          text-align: right; }
          #header02 .sun-header .dynamic-nav-mod .periodical-list a .num em {
            font-size: 24px; }
        #header02 .sun-header .dynamic-nav-mod .periodical-list a .text {
          position: absolute;
          left: 15px;
          bottom: 15px;
          width: 217px;
          color: #fff;
          line-height: 24px;
          font-size: 16px; }
    #header02 .sun-header .contact-nav-mod .link-wrap {
      width: 510px; }
    #header02 .sun-header .contact-nav-mod .intro-wrap {
      width: 678px; }
      #header02 .sun-header .contact-nav-mod .intro-wrap .sun-link-item:first-child {
        margin-left: 0px; }
    #header02 .sun-header .contact-nav-mod .contact-img-01 {
      width: 257px;
      margin-left: 20px;
      float: left; }
      #header02 .sun-header .contact-nav-mod .contact-img-01 img {
        display: block;
        margin-bottom: 10px; }
    #header02 .sun-header .contact-nav-mod .contact-link-02 {
      margin-left: 40px;
      line-height: 36px; }
      #header02 .sun-header .contact-nav-mod .contact-link-02 ul a {
        display: block; }
        #header02 .sun-header .contact-nav-mod .contact-link-02 ul a:hover {
          text-decoration: underline; }
      #header02 .sun-header .contact-nav-mod .contact-link-02 .bid-btn {
        text-decoration: underline;
        color: #959595; }
        #header02 .sun-header .contact-nav-mod .contact-link-02 .bid-btn:hover {
          color: #1248c2; }
    #header02 .sun-header .contact-nav-mod .intro-mod-02 {
      width: 600px;
      margin-left: 77px; }
      #header02 .sun-header .contact-nav-mod .intro-mod-02 img {
        margin-top: 35px; }
    #header02 .sun-header .officalWeb-nav-mod {
      display: none; }
      #header02 .sun-header .officalWeb-nav-mod .link-wrap {
        width: 46%;
        height: 100%;
        padding: 0; }
        #header02 .sun-header .officalWeb-nav-mod .link-wrap .offical-banner {
          overflow: hidden;
          position: relative;
          width: 100%;
          height: 100%; }
          #header02 .sun-header .officalWeb-nav-mod .link-wrap .offical-banner .swiper-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            #header02 .sun-header .officalWeb-nav-mod .link-wrap .offical-banner .swiper-container .swiper-slide {
              width: 100%;
              height: 100%;
              position: relative; }
              #header02 .sun-header .officalWeb-nav-mod .link-wrap .offical-banner .swiper-container .swiper-slide p {
                color: #fff;
                position: absolute;
                bottom: 15px;
                left: 10%;
                font-size: 18px; }
            #header02 .sun-header .officalWeb-nav-mod .link-wrap .offical-banner .swiper-container .offical-button-prev {
              right: 65px;
              left: auto;
              background: url("../images/pre.png") center no-repeat;
              background-size: contain;
              top: 92%; }
              #header02 .sun-header .officalWeb-nav-mod .link-wrap .offical-banner .swiper-container .offical-button-prev::after {
                content: ''; }
            #header02 .sun-header .officalWeb-nav-mod .link-wrap .offical-banner .swiper-container .offical-button-next {
              right: 20px;
              left: auto;
              background: url("../images/next.png") center no-repeat;
              background-size: contain;
              top: 92%; }
              #header02 .sun-header .officalWeb-nav-mod .link-wrap .offical-banner .swiper-container .offical-button-next::after {
                content: ''; }
      #header02 .sun-header .officalWeb-nav-mod .intro-wrap {
        width: 54%;
        height: 100%;
        background: #eeeeee;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }

@-webkit-keyframes focus-img {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes focus-img {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes sun-header-show {
  0% {
    opacity: 0;
    margin-top: -30px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }

@keyframes sun-header-show {
  0% {
    opacity: 0;
    margin-top: -30px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }

@-webkit-keyframes sun-header-hide {
  0% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-100);
            transform: translate(-100); } }

@keyframes sun-header-hide {
  0% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-100);
            transform: translate(-100); } }

.business-contact .list-item {
  float: left;
  position: relative;
  height: 204px;
  overflow: hidden;
  width: 413px;
  -webkit-transition: none;
  transition: none;
  color: #fff; }
  .business-contact .list-item img {
    height: 100%;
    display: block; }
  .business-contact .list-item .text {
    position: absolute;
    top: 40px;
    left: 30px;
    line-height: 20px; }
    .business-contact .list-item .text img {
      display: block; }
    .business-contact .list-item .text h3 {
      font-size: 20px;
      text-transform: uppercase; }
    .business-contact .list-item .text h4 {
      font-size: 14px;
      margin: 12px 0;
      text-transform: uppercase; }
    .business-contact .list-item .text .go-detail {
      color: #fff;
      display: inline-block;
      -webkit-transition: all linear 0.2s;
      transition: all linear 0.2s; }
      .business-contact .list-item .text .go-detail span {
        float: left;
        text-decoration: underline; }
      .business-contact .list-item .text .go-detail i {
        margin-left: 5px;
        float: left;
        width: 16px;
        height: 20px;
        background: url(../images/index/arrow_01.png) no-repeat center center; }
      .business-contact .list-item .text .go-detail:hover {
        padding-left: 20px; }
  .business-contact .list-item:nth-child(3) {
    color: #345083;
    width: 412px; }
    .business-contact .list-item:nth-child(3) .go-detail {
      color: #345083; }
      .business-contact .list-item:nth-child(3) .go-detail i {
        background: url(../images/index/arrow_02.png) no-repeat center center; }

#footer {
  background: #ececec;
  padding-top: 50px; }
  #footer .slide-links a {
    float: left;
    height: 204px;
    overflow: hidden;
    width: 412px;
    -webkit-transition: none;
    transition: none; }
    #footer .slide-links a img {
      width: 100%;
      height: 100%;
      display: block; }
  #footer .footer-link {
    margin-top: 80px;
    height: 260px; }
  #footer .footer-links-item {
    font-size: 16px;
    line-height: 30px;
    width: 186px; }
    #footer .footer-links-item a {
      display: block; }
      #footer .footer-links-item a:hover {
        text-decoration: underline; }
  #footer .language {
    font-size: 16px;
    line-height: 40px; }
    #footer .language h4 {
      font-size: 16px;
      line-height: 40px; }
    #footer .language .select-language {
      position: relative;
      border: 1px solid #ccc;
      line-height: 40px;
      border-radius: 4px;
      width: 260px; }
      #footer .language .select-language .current {
        padding: 0 10px; }
        #footer .language .select-language .current i {
          float: right; }
      #footer .language .select-language .slide {
        display: none;
        position: absolute;
        left: -1px;
        top: 40px;
        border: 1px solid #ccc;
        width: 260px;
        background: #fff; }
        #footer .language .select-language .slide a {
          display: block;
          padding: 0 10px; }
          #footer .language .select-language .slide a:hover {
            background: #1248c2;
            color: #fff; }
      #footer .language .select-language:hover .slide {
        display: block; }
  #footer .ewm {
    margin-top: 25px; }
    #footer .ewm img {
      display: block;
      margin-bottom: 10px;
      border: 1px solid #ccc; }
  #footer .footer-order {
    margin-top: 50px; }
    #footer .footer-order a {
      border-radius: 4px;
      background: #1248c2;
      color: #fff;
      width: 400px;
      line-height: 40px;
      font-size: 18px;
      text-align: center; }

.copyright {
  line-height: 48px;
  color: #d7d7d7;
  font-size: 12px;
  background: #494848;
  position: relative;
  z-index: 20; }
  .copyright a {
    color: #d7d7d7; }
    .copyright a:hover {
      text-decoration: underline; }
  .copyright .quick-links {
    color: #d7d7d7; }
    .copyright .quick-links a {
      color: #d7d7d7;
      margin-left: 14px; }
      .copyright .quick-links a:hover {
        text-decoration: underline; }
  .copyright .ewm-show {
    float: left;
    width: 64px;
    position: relative; }
    .copyright .ewm-show .arrow-bottom {
      width: 0px;
      height: 0px;
      position: absolute;
      bottom: -6px;
      right: 54px;
      border-top: 6px solid rgba(33, 42, 49, 0.8);
      border-left: 6px solid transparent;
      border-right: 6px solid transparent; }
    .copyright .ewm-show .ewm-img {
      opacity: 0;
      display: none;
      position: absolute;
      bottom: 48px;
      right: -30px;
      width: 120px;
      height: 100px;
      text-align: center;
      color: #fff;
      background: rgba(33, 42, 49, 0.8);
      border-radius: 3px;
      line-height: 20px;
      padding: 10px 0;
      -webkit-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1);
              box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1);
      font-size: 14px; }
      .copyright .ewm-show .ewm-img li {
        float: left;
        width: 100px;
        margin-left: 10px;
        text-align: center; }
        .copyright .ewm-show .ewm-img li img {
          width: 100%;
          height: auto; }
    .copyright .ewm-show:hover .ewm-img {
      opacity: 1;
      display: block; }

.copyright {
  line-height: 48px;
  color: #d7d7d7;
  font-size: 12px;
  background: #494848; }
  .copyright .copyright-info {
    padding-bottom: 25px;
    position: relative; }
    .copyright .copyright-info p {
      font-size: 12px;
      color: #959595; }
      .copyright .copyright-info p:nth-child(1) {
        padding: 12px 0px 0;
        height: 55px;
        display: block;
        margin-bottom: 13px;
        color: #cdcdcd;
        font-size: 18px; }
        .copyright .copyright-info p:nth-child(1) em {
          left: 40px;
          top: 3px;
          position: relative;
          color: #ff8400;
          font-size: 28px; }
      .copyright .copyright-info p:nth-child(2) {
        line-height: 25px; }
        .copyright .copyright-info p:nth-child(2) a {
          color: #959595; }
          .copyright .copyright-info p:nth-child(2) a:hover {
            color: #fff; }
    .copyright .copyright-info .ewm-img {
      z-index: 1000;
      left: 20px; }
    .copyright .copyright-info .icon {
      position: absolute;
      display: block;
      height: 50px;
      width: 50px;
      background-image: url("../images/index/font-icon.png");
      background-repeat: no-repeat; }
      .copyright .copyright-info .icon.icon-phone {
        background-position: -20px -16px;
        top: 15px;
        left: 117px; }
      .copyright .copyright-info .icon.icon-weixin {
        color: #b0b0b0;
        font-size: 14px;
        width: 150px;
        font-weight: bold;
        background-position: 75px -91px;
        top: 50%;
        right: 0px;
        margin-top: -15px; }

.side-quick {
  display: block;
  position: fixed;
  width: 54px;
  right: 20px;
  bottom: 100px;
  z-index: 50; }
  .side-quick a {
    position: relative;
    width: 58px;
    height: 58px;
    border: 1px solid #5c5c5c;
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
    display: block;
    background: #7c7c7c;
    color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1);
    line-height: 20px; }
    .side-quick a:hover {
      background: #1248c2;
      border-color: #1248c2; }
    .side-quick a .side-icon {
      background: url(../images/side_icon_02.png) no-repeat 0px 1px;
      height: 58px;
      display: block;
      width: 100%; }
    .side-quick a .i1 {
      background-position-x: 0px; }
    .side-quick a .i2 {
      background-position-x: -58px; }
    .side-quick a .i3 {
      background-position-x: -116px; }
    .side-quick a .i4 {
      background-position-x: -174px; }
    .side-quick a .i5 {
      background-position-x: -232px; }
    .side-quick a .i6 {
      background-position-x: -290px; }
  .side-quick .to-top {
    opacity: 0; }
  .side-quick .ph-num {
    opacity: 0;
    display: none;
    position: absolute;
    bottom: 5px;
    right: 70px;
    width: 140px;
    text-align: center;
    color: #fff;
    background: rgba(33, 42, 49, 0.8);
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    padding: 5px 10px;
    -webkit-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1);
    font-size: 18px; }
  .side-quick .arrow-left {
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: 17px;
    right: -6px;
    border-left: 6px solid rgba(33, 42, 49, 0.8);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent; }
  .side-quick .ewm-img2 {
    opacity: 0;
    display: none;
    position: absolute;
    bottom: 0px;
    right: 100px;
    width: 120px;
    height: 120px;
    text-align: center;
    color: #fff;
    background: rgba(33, 42, 49, 0.8);
    border-radius: 3px;
    line-height: 20px;
    padding: 10px 0;
    -webkit-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1);
    font-size: 14px; }
    .side-quick .ewm-img2 li {
      float: left;
      width: 100px;
      margin-left: 10px;
      text-align: center; }
      .side-quick .ewm-img2 li img {
        width: 100%;
        height: auto; }
  .side-quick .arrow-left {
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: 17px;
    right: -6px;
    border-left: 6px solid rgba(33, 42, 49, 0.8);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent; }

.popup-yqx-ewm {
  z-index: 200;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -220px 0 0 -220px;
  background: #fff;
  padding: 20px;
  width: 200px;
  height: 220px;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  text-align: center;
  line-height: 30px; }
  .popup-yqx-ewm img {
    display: block;
    width: 200px;
    height: 200px; }
  .popup-yqx-ewm .close-btn {
    position: absolute;
    top: 0px;
    right: -40px;
    background: #ccc;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center; }

.top-banner {
  position: relative;
  height: 338px;
  overflow: hidden;
  background-position: bottom center;
  background-size: cover; }
  .top-banner .wrap1238 {
    height: 100%; }
  .top-banner .banner-t {
    position: absolute;
    right: 10px;
    bottom: 30px;
    font-size: 36px;
    line-height: 1.1;
    text-align: right;
    color: #fff;
    font-weight: normal; }
    .top-banner .banner-t em {
      display: block;
      margin-top: 10px;
      text-transform: uppercase;
      font-size: 28px; }
  .top-banner .top-banner-img {
    position: absolute;
    left: -341px; }

.order-mod {
  margin-top: -65px;
  z-index: 40;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 8px; }
  .order-mod .tab-menu {
    height: 65px; }
    .order-mod .tab-menu a {
      float: left;
      width: 190px;
      text-align: center;
      font-size: 18px;
      line-height: 65px;
      color: #000;
      border-radius: 8px 8px 0 0; }
      .order-mod .tab-menu a.active {
        color: #1248c2;
        background: #ebebeb; }
      .order-mod .tab-menu a:hover {
        color: #1248c2; }
  .order-mod .tab-con {
    background: #ebebeb; }
    .order-mod .tab-con .tab-con-item {
      display: none;
      padding: 0 30px 30px 30px; }
    .order-mod .tab-con .step {
      font-size: 18px;
      line-height: 50px; }
      .order-mod .tab-con .step i {
        float: left;
        line-height: 24px;
        margin: 13px 10px 0 0;
        width: 24px;
        height: 24px;
        border: 1px solid #494848;
        text-align: center;
        border-radius: 50%; }
    .order-mod .tab-con .form-item {
      float: left;
      margin-left: 30px;
      width: 360px;
      position: relative; }
      .order-mod .tab-con .form-item:first-child {
        margin-left: 0; }
      .order-mod .tab-con .form-item input {
        width: 340px;
        padding: 10px;
        line-height: 20px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 14px; }
    .order-mod .tab-con .btn-wrap {
      margin-top: 20px;
      color: #1248c2;
      line-height: 42px; }
      .order-mod .tab-con .btn-wrap a {
        width: 150px;
        margin-right: 25px;
        font-size: 18px;
        text-align: center;
        background: #1248c2;
        border-radius: 4px;
        color: #fff; }

.mod-title {
  text-align: center;
  font-size: 12px;
  line-height: 34px;
  margin: 40px auto; }
  .mod-title em {
    font-size: 30px;
    display: block; }
  .mod-title span {
    display: block;
    text-transform: uppercase; }
  .mod-title .line {
    margin: 0 auto;
    margin-top: 10px;
    width: 50px;
    height: 2px;
    background: #494848; }
  .mod-title .white-line {
    margin: 0 auto;
    margin-top: 10px;
    width: 50px;
    height: 2px;
    background: #fff; }

.page-mod {
  text-align: center;
  margin: 20px auto; }
  .page-mod a {
    display: inline-block;
    width: 20px;
    margin: 0 10px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background: #959595; }
    .page-mod a:hover, .page-mod a.active {
      color: #fff;
      background: #000; }

.tab-mod .tab-con-item {
  display: none; }

.tab-mod .tab-con {
  margin-top: 40px; }

.tab-mod .tab-menu {
  text-align: center;
  position: relative; }
  .tab-mod .tab-menu .menuColorBg {
    width: 100px;
    height: 38px;
    border-radius: 19px;
    background: #000;
    position: absolute;
    left: 300px;
    top: 0px;
    padding: 0 15px; }
  .tab-mod .tab-menu a {
    position: relative;
    z-index: 5;
    display: inline-block;
    min-width: 90px;
    padding: 0 15px;
    margin: 0 30px;
    line-height: 38px;
    font-size: 14px;
    border-radius: 19px;
    -webkit-transition: none;
    transition: none; }
    .tab-mod .tab-menu a .short {
      width: 80px; }
    .tab-mod .tab-menu a.active {
      color: #fff; }

/* 
 *  页面
 */
.index .index-banner {
  overflow: hidden;
  position: relative; }
  .index .index-banner .swiper-container {
    width: 100%; }
    .index .index-banner .swiper-container .wrap-bg {
      display: block;
      width: 100%;
      height: auto; }
    .index .index-banner .swiper-container .swiper-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .index .index-banner .swiper-container .swiper-slide {
      width: 100%;
      background-position: center center;
      background-size: cover; }
      .index .index-banner .swiper-container .swiper-slide img {
        display: block;
        width: 100%;
        height: auto; }
    .index .index-banner .swiper-container .swiper-button-prev,
    .index .index-banner .swiper-container .swiper-button-next {
      position: absolute;
      top: 50%;
      margin-top: -35px;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 50%;
      width: 70px;
      height: 70px;
      font-size: 40px;
      line-height: 70px;
      color: #ddd;
      text-align: center; }
      .index .index-banner .swiper-container .swiper-button-prev:hover,
      .index .index-banner .swiper-container .swiper-button-next:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.5); }
      .index .index-banner .swiper-container .swiper-button-prev::after,
      .index .index-banner .swiper-container .swiper-button-next::after {
        content: ''; }
    .index .index-banner .swiper-container .swiper-button-prev {
      left: 20px; }
    .index .index-banner .swiper-container .swiper-button-next {
      right: 20px; }
  .index .index-banner .swiper-pagination {
    z-index: 10;
    bottom: 54px;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0; }
    .index .index-banner .swiper-pagination .swiper-pagination-bullet {
      display: inline-block;
      border-radius: 7px;
      margin: 0 8px;
      width: 35px;
      height: 7px;
      border: none;
      background: rgba(255, 255, 255, 0.2);
      opacity: 1; }
      .index .index-banner .swiper-pagination .swiper-pagination-bullet:focus {
        outline: none; }
    .index .index-banner .swiper-pagination .swiper-pagination-bullet-active {
      background: #fff; }
      .index .index-banner .swiper-pagination .swiper-pagination-bullet-active:focus {
        outline: none; }

.index .mod-02 {
  margin-top: 25px;
  margin-bottom: 25px; }
  .index .mod-02 .hot-news img {
    width: 196px;
    height: 135px; }
  .index .mod-02 .hot-news .hot-news-con {
    width: calc(100% - 484px);
    margin-right: 30px;
    margin: 0 30px 0 40px;
    font-size: 14px;
    line-height: 24px;
    height: 160px;
    margin-top: 54px; }
    .index .mod-02 .hot-news .hot-news-con h4 {
      line-height: 30px;
      font-size: 18px;
      line-height: 25px; }
    .index .mod-02 .hot-news .hot-news-con .date {
      margin-bottom: 5px;
      font-size: 15px;
      line-height: 30px;
      color: #2935ae; }
    .index .mod-02 .hot-news .hot-news-con .go-detail {
      color: #3746b8;
      text-decoration: underline; }
  .index .mod-02 .index-re-news {
    width: 100%;
    position: relative; }
    .index .mod-02 .index-re-news .news-t {
      position: absolute;
      right: 0;
      width: 63.5%;
      background: #fff;
      z-index: 9; }
      .index .mod-02 .index-re-news .news-t .news-tab-menu {
        border-bottom: 2px solid #d4d7ef;
        width: 100%;
        line-height: 30px;
        padding-bottom: 4px; }
        .index .mod-02 .index-re-news .news-t .news-tab-menu a {
          float: left;
          margin-right: 30px;
          color: #494848;
          font-size: 14px; }
          .index .mod-02 .index-re-news .news-t .news-tab-menu a:hover, .index .mod-02 .index-re-news .news-t .news-tab-menu a.active {
            color: #1248c2; }
          .index .mod-02 .index-re-news .news-t .news-tab-menu a.more {
            margin-right: 0px;
            font-size: 12px; }
        .index .mod-02 .index-re-news .news-t .news-tab-menu a:last-of-type {
          float: right;
          text-decoration: underline; }
      .index .mod-02 .index-re-news .news-t .active-line {
        position: absolute;
        bottom: 0px;
        height: 3px;
        line-height: 3px;
        background: #1248c2;
        width: 57px; }
    .index .mod-02 .index-re-news .news-tab-list {
      height: 214px;
      overflow: hidden;
      margin-top: 22px;
      position: relative; }
      .index .mod-02 .index-re-news .news-tab-list ul .swiper-slide {
        display: block;
        font-size: 14px;
        width: 100%; }
        .index .mod-02 .index-re-news .news-tab-list ul .swiper-slide p {
          color: #959595;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          width: 100%;
          height: 50px;
          line-height: 17px; }
        .index .mod-02 .index-re-news .news-tab-list ul .swiper-slide span {
          margin-right: 10px; }
        .index .mod-02 .index-re-news .news-tab-list ul .swiper-slide:hover {
          text-decoration: underline !important; }
    .index .mod-02 .index-re-news .slide_list {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 214px; }
      .index .mod-02 .index-re-news .slide_list .swiper-slide {
        height: 214px;
        display: block; }
      .index .mod-02 .index-re-news .slide_list .slide_btn {
        z-index: 20;
        position: absolute;
        right: 3px;
        top: 0px;
        width: 10px;
        height: 100%;
        -webkit-transform: none;
                transform: none; }
        .index .mod-02 .index-re-news .slide_list .slide_btn span {
          margin-bottom: 10px;
          background: #cccccc;
          display: block;
          width: 10px;
          height: 10px;
          border-radius: 10px;
          opacity: 1;
          cursor: pointer; }
          .index .mod-02 .index-re-news .slide_list .slide_btn span:hover, .index .mod-02 .index-re-news .slide_list .slide_btn span.swiper-active-switch, .index .mod-02 .index-re-news .slide_list .slide_btn span.swiper-pagination-bullet-active {
            background: #2935ae; }
          .index .mod-02 .index-re-news .slide_list .slide_btn span:nth-child(1) {
            margin-top: 80px; }

.index .mod-03 {
  margin-top: -25px;
  z-index: 10; }
  .index .mod-03 .allPrak {
    width: 100%;
    height: 347px;
    margin-top: 20px;
    padding-top: 25px;
    position: relative; }
    .index .mod-03 .allPrak::before {
      content: '';
      display: inline-block;
      width: 100%;
      height: 258px;
      background-color: #d0bf9e;
      position: absolute;
      top: 0; }
    .index .mod-03 .allPrak .subswiper-button-prev,
    .index .mod-03 .allPrak .subswiper-button-next {
      display: block;
      position: absolute;
      bottom: 15px;
      width: 37px;
      height: 37px;
      border-radius: 50%;
      text-align: center;
      cursor: pointer;
      top: 185px; }
      .index .mod-03 .allPrak .subswiper-button-prev::after,
      .index .mod-03 .allPrak .subswiper-button-next::after {
        content: ''; }
      .index .mod-03 .allPrak .subswiper-button-prev:focus,
      .index .mod-03 .allPrak .subswiper-button-next:focus {
        outline: none; }
    .index .mod-03 .allPrak .subswiper-button-prev {
      background: url(../images/pre.png) center no-repeat;
      left: 20px; }
    .index .mod-03 .allPrak .subswiper-button-next {
      background: url(../images/next.png) center no-repeat;
      right: 20px; }
    .index .mod-03 .allPrak h2.mod-title {
      margin: 0 auto 20px auto; }
    .index .mod-03 .allPrak .sub_swiper {
      position: relative;
      width: 1046px;
      height: 260px;
      overflow: hidden;
      margin: 0 auto; }
      .index .mod-03 .allPrak .sub_swiper .swiper-slide {
        display: block;
        width: 314px;
        height: 214px; }
      .index .mod-03 .allPrak .sub_swiper .swiper-pagination-switch {
        float: left;
        border-radius: 0;
        background: #fff;
        width: 15px;
        height: 2px;
        opacity: 0.5;
        margin-right: 6px; }
      .index .mod-03 .allPrak .sub_swiper .swiper-active-switch {
        opacity: 1; }
      .index .mod-03 .allPrak .sub_swiper .subswiper-pagination {
        margin-left: 15px;
        bottom: 15px;
        z-index: 100;
        position: absolute;
        text-align: center; }
      .index .mod-03 .allPrak .sub_swiper .swiper-pagination-bullet {
        width: 34px;
        height: 7px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        background: #d2d2d2; }
        .index .mod-03 .allPrak .sub_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: #007aff; }

.index .slide-links {
  margin-top: 25px; }
  .index .slide-links a {
    float: left;
    height: 204px;
    overflow: hidden;
    width: 412px;
    -webkit-transition: none;
    transition: none; }
    .index .slide-links a img {
      width: 100%;
      height: 100%;
      display: block; }

.partner .partner-program {
  padding-bottom: 50px; }
  .partner .partner-program p {
    text-align: center; }
  .partner .partner-program ul {
    margin-top: 45px; }
    .partner .partner-program ul li {
      float: left;
      margin-left: 250px;
      width: 120px; }
      .partner .partner-program ul li:nth-child(1) {
        margin-left: 0; }
      .partner .partner-program ul li img {
        display: block;
        margin: 0 auto; }
      .partner .partner-program ul li span {
        display: block;
        text-align: center;
        font-size: 16px;
        margin-top: 20px; }

.partner .partner-type {
  padding-bottom: 50px; }
  .partner .partner-type ul li {
    float: left;
    width: 290px;
    height: 430px;
    margin-left: 25px;
    position: relative;
    overflow: hidden; }
    .partner .partner-type ul li:nth-child(4n+1) {
      margin-left: 0; }
    .partner .partner-type ul li img {
      display: block;
      width: 100%;
      height: 100%; }
    .partner .partner-type ul li .over {
      position: absolute;
      padding: 25px;
      bottom: 0px;
      left: 0;
      width: 212px;
      color: #fff;
      -webkit-transition: all 0.7s ease;
      transition: all 0.7s ease; }
      .partner .partner-type ul li .over h4 {
        margin-bottom: 20px;
        margin-bottom: 15px;
        font-size: 18px; }
      .partner .partner-type ul li .over h5 {
        display: block;
        font-size: 18px;
        text-transform: uppercase; }
    .partner .partner-type ul li .con {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 230px;
      height: 370px;
      padding: 30px;
      color: #fff;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear;
      text-align: center;
      opacity: 0; }
      .partner .partner-type ul li .con h4 {
        font-size: 18px;
        margin: 90px 0 20px 0;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        opacity: 0; }
      .partner .partner-type ul li .con p {
        margin-top: 40px;
        height: 140px;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        opacity: 0; }
      .partner .partner-type ul li .con a {
        font-size: 18px;
        border: 1px solid #fff;
        color: #fff;
        text-align: center;
        display: block;
        line-height: 50px;
        margin-top: 40px;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        opacity: 0; }
      .partner .partner-type ul li .con a:nth-of-type(2) {
        margin-top: 15px;
        color: #1248c2;
        background: #fff; }
    .partner .partner-type ul li:hover .con {
      opacity: 1;
      background: rgba(69, 109, 210, 0.9); }
      .partner .partner-type ul li:hover .con h4 {
        margin-top: 50px;
        opacity: 1; }
      .partner .partner-type ul li:hover .con p {
        margin-top: 0;
        opacity: 1; }
      .partner .partner-type ul li:hover .con a {
        margin-top: 20px;
        opacity: 1; }

.partner .partner-step {
  padding-bottom: 50px; }

.partner .partner-list {
  padding-bottom: 50px; }
  .partner .partner-list ul {
    margin-top: 45px; }
    .partner .partner-list ul li {
      float: left;
      margin-left: 8px;
      margin-bottom: 20px;
      width: 170px;
      height: 70px; }
      .partner .partner-list ul li:nth-child(7n+1) {
        margin-left: 0; }
      .partner .partner-list ul li img {
        display: block;
        width: 100%;
        height: 100%; }

.news .hot-news {
  padding-bottom: 30px; }
  .news .hot-news .news-list-01 {
    float: left;
    width: 560px; }
    .news .hot-news .news-list-01 li {
      margin-bottom: 30px;
      height: 120px; }
      .news .hot-news .news-list-01 li img {
        float: left;
        width: 173px;
        height: 119px; }
      .news .hot-news .news-list-01 li a {
        float: right;
        width: 360px;
        color: #666;
        line-height: 24px; }
        .news .hot-news .news-list-01 li a h4 {
          font-size: 18px;
          font-weight: bold;
          color: #494848; }
        .news .hot-news .news-list-01 li a p {
          height: 48px;
          overflow: hidden;
          margin: 2px auto; }
        .news .hot-news .news-list-01 li a .params i {
          margin-right: 5px; }
        .news .hot-news .news-list-01 li a:hover {
          color: #1248c2; }
          .news .hot-news .news-list-01 li a:hover h4 {
            color: #1248c2; }
  .news .hot-news .news-list-02 {
    width: 588px; }
    .news .hot-news .news-list-02 li {
      margin-bottom: 20px;
      height: 200px;
      width: 100%;
      position: relative; }
      .news .hot-news .news-list-02 li img {
        width: 100%;
        height: 100%; }
      .news .hot-news .news-list-02 li h4 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 558px;
        padding: 0 15px;
        color: #fff;
        background: rgba(0, 0, 0, 0.3);
        line-height: 40px; }
        .news .hot-news .news-list-02 li h4 p {
          width: 400px; }

.news .media-report {
  padding: 10px 0 40px 0; }
  .news .media-report .media-list {
    display: none; }
    .news .media-report .media-list .list-item {
      float: left;
      width: 380px;
      height: 340px;
      line-height: 20px;
      margin-left: 49px; }
      .news .media-report .media-list .list-item:nth-child(3n+1) {
        margin-left: 0; }
      .news .media-report .media-list .list-item img {
        width: 100%;
        height: 232px;
        display: block; }
      .news .media-report .media-list .list-item h4 {
        font-size: 16px;
        font-weight: bold;
        color: #494848;
        margin: 15px 0 10px 0; }

.news .study-news {
  padding-bottom: 40px; }
  .news .study-news .news-list {
    margin-top: 50px; }
    .news .study-news .news-list li {
      float: left;
      margin-right: 100px;
      width: 560px;
      margin-bottom: 30px;
      height: 128px; }
      .news .study-news .news-list li:nth-child(2n+2) {
        margin-right: 0; }
      .news .study-news .news-list li img {
        float: left;
        width: 173px;
        height: 119px; }
      .news .study-news .news-list li a {
        float: right;
        width: 360px;
        color: #666;
        line-height: 20px; }
        .news .study-news .news-list li a h4 {
          font-size: 18px;
          font-weight: bold;
          color: #494848;
          line-height: 24px; }
        .news .study-news .news-list li a p {
          height: 40px;
          overflow: hidden;
          margin: 8px auto; }
        .news .study-news .news-list li a .params i {
          margin-right: 5px; }
        .news .study-news .news-list li a:hover {
          color: #1248c2; }
          .news .study-news .news-list li a:hover h4 {
            color: #1248c2; }

.dynamic .media-report {
  padding: 10px 0 40px 0; }
  .dynamic .media-report .news-list {
    margin-top: 50px;
    display: none; }
    .dynamic .media-report .news-list .list-item {
      float: left;
      width: 380px;
      height: 320px;
      line-height: 20px;
      margin-left: 49px;
      margin-bottom: 40px; }
      .dynamic .media-report .news-list .list-item:nth-child(3n+1) {
        margin-left: 0; }
      .dynamic .media-report .news-list .list-item p {
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .dynamic .media-report .news-list .list-item img {
        width: 100%;
        height: 232px;
        display: block; }
      .dynamic .media-report .news-list .list-item h4 {
        font-size: 16px;
        font-weight: bold;
        color: #000;
        margin: 15px 0 10px 0; }

.dynamic .party-mod {
  padding: 40px 0; }
  .dynamic .party-mod .news-list {
    margin-top: 50px;
    display: none; }
    .dynamic .party-mod .news-list li {
      float: left;
      margin-right: 98px;
      width: 570px;
      margin-bottom: 30px;
      height: 128px; }
      .dynamic .party-mod .news-list li:nth-child(2n+2) {
        margin-right: 0; }
      .dynamic .party-mod .news-list li a > div.imgBox {
        float: left;
        width: 173px;
        height: 119px; }
      .dynamic .party-mod .news-list li a > div.newInfo {
        float: right;
        width: 360px;
        color: #666;
        line-height: 20px; }
      .dynamic .party-mod .news-list li a h4 {
        font-size: 18px;
        color: #494848;
        line-height: 24px; }
      .dynamic .party-mod .news-list li a p {
        height: 40px;
        overflow: hidden;
        margin: 8px auto;
        color: #999; }
      .dynamic .party-mod .news-list li a .params i {
        margin-right: 5px; }
      .dynamic .party-mod .news-list li a:hover {
        color: #1248c2; }
        .dynamic .party-mod .news-list li a:hover h4,
        .dynamic .party-mod .news-list li a:hover .date {
          color: #1248c2; }

.dynamic .industry-news {
  padding-bottom: 40px; }
  .dynamic .industry-news .news-list {
    margin-top: 50px; }
    .dynamic .industry-news .news-list li {
      float: left;
      margin-right: 100px;
      width: 560px;
      margin-bottom: 30px;
      height: 128px; }
      .dynamic .industry-news .news-list li:nth-child(2n+2) {
        margin-right: 0; }
      .dynamic .industry-news .news-list li img {
        float: left;
        width: 173px;
        height: 119px; }
      .dynamic .industry-news .news-list li a {
        float: right;
        width: 360px;
        color: #666;
        line-height: 20px; }
        .dynamic .industry-news .news-list li a h4 {
          font-size: 18px;
          font-weight: bold;
          color: #000;
          line-height: 24px; }
        .dynamic .industry-news .news-list li a p {
          height: 40px;
          overflow: hidden;
          margin: 8px auto; }
        .dynamic .industry-news .news-list li a .params i {
          margin-right: 5px; }
        .dynamic .industry-news .news-list li a:hover {
          color: #1248c2; }
          .dynamic .industry-news .news-list li a:hover h4 {
            color: #1248c2; }

.contact {
  position: relative;
  z-index: 20;
  background: #fff; }
  .contact .w-over10 {
    width: 110%; }
  .contact .join_us .adv_items {
    margin-top: 50px;
    font-size: 14px;
    line-height: 22px;
    color: #000; }
    .contact .join_us .adv_items dl {
      float: left;
      width: 272px;
      margin-left: 50px; }
      .contact .join_us .adv_items dl:first-child {
        margin-left: 0; }
    .contact .join_us .adv_items dt {
      color: #1f6ef1;
      font-size: 18px;
      font-weight: bold;
      line-height: 24px; }
      .contact .join_us .adv_items dt em {
        color: #000;
        font-weight: normal;
        margin: 13px 0;
        display: inline-block;
        font-size: 24px; }
      .contact .join_us .adv_items dt .line {
        display: block;
        width: 40px;
        height: 1px;
        line-height: 1px;
        margin: 5px 0 20px 0;
        background: #494848; }
    .contact .join_us .adv_items dd {
      width: 265px; }
  .contact .join_us .position {
    margin: 70px 0 50px 0px;
    height: 365px; }
    .contact .join_us .position a {
      border-radius: 15px;
      margin: 0 0 0 32px;
      border: 1px solid #fff;
      font-size: 18px;
      display: inline-block;
      position: relative;
      float: left;
      width: 48%;
      height: 365px;
      -webkit-transition: all linear 0.2s;
      transition: all linear 0.2s; }
      .contact .join_us .position a::before {
        content: '';
        display: inline-block;
        width: 100%;
        height: 253px;
        border-radius: 15px;
        position: absolute;
        bottom: 0; }
      .contact .join_us .position a::after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 100%;
        border-radius: 15px;
        position: absolute;
        bottom: 0; }
      .contact .join_us .position a:first-child {
        margin-left: 0; }
      .contact .join_us .position a:hover {
        opacity: .85; }
      .contact .join_us .position a.social::before {
        background-color: #5acebe; }
      .contact .join_us .position a.social::after {
        background: url(../images/contact/social.png) 86% 31px no-repeat; }
      .contact .join_us .position a.campus::before {
        background-color: #fdcd38; }
      .contact .join_us .position a.campus::after {
        background: url(../images/contact/campus.png) 86% 4px no-repeat; }
      .contact .join_us .position a > div {
        color: #fff;
        margin-left: 66px;
        position: absolute;
        bottom: 78px; }
        .contact .join_us .position a > div h3 {
          font-family: "heize" !important; }
        .contact .join_us .position a > div h4 {
          font-family: "DINCond-Bold" !important;
          margin-bottom: 6px;
          font-size: 22px; }
        .contact .join_us .position a > div p {
          font-family: "DINCond-Bold" !important; }
          .contact .join_us .position a > div p.go {
            font-size: 14px;
            margin-top: 25px; }
            .contact .join_us .position a > div p.go span {
              border-bottom: 1px solid #fff; }
            .contact .join_us .position a > div p.go em {
              display: inline-block;
              width: 16px;
              height: 16px;
              background: url(../images/contact/arrows.png) center no-repeat;
              margin-left: 10px;
              vertical-align: middle; }
  .contact .contact-mod-02 {
    padding: 30px 0 40px; }
    .contact .contact-mod-02 .zongbu {
      display: block;
      font-size: 24px;
      margin-bottom: 20px; }
    .contact .contact-mod-02 .us_info {
      font-size: 16px;
      width: 53%; }
      .contact .contact-mod-02 .us_info .show-map-btn {
        color: #315dcd;
        font-size: 14px; }
      .contact .contact-mod-02 .us_info p {
        color: #494848;
        line-height: 30px; }
      .contact .contact-mod-02 .us_info .line {
        display: block;
        width: 90px;
        height: 1px;
        line-height: 1px;
        margin: 30px 0 28px 0;
        background: #494848; }
      .contact .contact-mod-02 .us_info .area-tab .tab-menu {
        position: relative;
        margin-bottom: 20px; }
        .contact .contact-mod-02 .us_info .area-tab .tab-menu a {
          margin-right: 18px; }
          .contact .contact-mod-02 .us_info .area-tab .tab-menu a:hover, .contact .contact-mod-02 .us_info .area-tab .tab-menu a.active {
            color: #315dcd;
            font-weight: bold; }
      .contact .contact-mod-02 .us_info .area-tab .tab-con-item {
        display: none;
        line-height: 30px; }
        .contact .contact-mod-02 .us_info .area-tab .tab-con-item.show {
          display: block; }
    .contact .contact-mod-02 .mod-title {
      margin: 0px 0px 50px 0px; }
    .contact .contact-mod-02 .guest_info {
      width: 500px; }
      .contact .contact-mod-02 .guest_info .sub_tit {
        font-size: 16px;
        color: #494848;
        margin-bottom: 8px; }
      .contact .contact-mod-02 .guest_info .btn-wrap {
        margin-top: 10px; }
        .contact .contact-mod-02 .guest_info .btn-wrap .tag {
          color: #315dcd;
          font-size: 12px;
          text-decoration: underline; }
          .contact .contact-mod-02 .guest_info .btn-wrap .tag:before {
            line-height: 19px;
            margin-top: 2px;
            font-weight: bold;
            text-align: center;
            font-size: 16px;
            float: left;
            margin-right: 5px;
            color: #fff;
            content: "?";
            width: 19px;
            height: 19px;
            display: inline-block;
            border-radius: 19px;
            background: #315dcd; }
        .contact .contact-mod-02 .guest_info .btn-wrap .submit {
          width: 150px;
          font-size: 18px;
          line-height: 40px;
          text-align: center;
          background: #315dcd;
          border-radius: 4px;
          color: #fff;
          border: 1px solid #1248c2;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear; }
          .contact .contact-mod-02 .guest_info .btn-wrap .submit:hover {
            background: none !important;
            color: #1248c2 !important; }

.service_new .mod-title {
  margin-bottom: 20px; }

.service_new .txt_p {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 28px; }

.service_new .slide-menu {
  height: 504px;
  overflow: hidden; }
  .service_new .slide-menu .slide-menu-item {
    -webkit-transition: All 0.3s linear;
    transition: All 0.3s linear;
    position: relative;
    width: 110px;
    height: 504px;
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    background-size: 100% 100%;
    overflow: hidden; }
    .service_new .slide-menu .slide-menu-item .wrap_box {
      padding: 30px 30px 0 30px;
      position: absolute;
      width: 409px;
      left: 0;
      top: 0; }
    .service_new .slide-menu .slide-menu-item h3 {
      font-size: 22px;
      line-height: 40px;
      text-transform: uppercase; }
    .service_new .slide-menu .slide-menu-item .line {
      display: block;
      margin: 15px 0;
      width: 50px;
      height: 2px;
      background: #fff; }
    .service_new .slide-menu .slide-menu-item .icon1 {
      display: block;
      width: 50px;
      height: 50px;
      background-image: url(../images/service/icon_01.png);
      background-repeat: no-repeat; }
      .service_new .slide-menu .slide-menu-item .icon1.i1-1 {
        background-position: 0px 0px; }
      .service_new .slide-menu .slide-menu-item .icon1.i1-2 {
        background-position: -50px 0px; }
      .service_new .slide-menu .slide-menu-item .icon1.i1-3 {
        background-position: -100px 0px; }
      .service_new .slide-menu .slide-menu-item .icon1.i1-4 {
        background-position: -150px 0px; }
      .service_new .slide-menu .slide-menu-item .icon1.i1-5 {
        background-position: -200px 0px; }
      .service_new .slide-menu .slide-menu-item .icon1.i2-1 {
        background-position: 0px -50px; }
      .service_new .slide-menu .slide-menu-item .icon1.i2-2 {
        background-position: -50px -50px; }
      .service_new .slide-menu .slide-menu-item .icon1.i2-3 {
        background-position: -100px -50px; }
      .service_new .slide-menu .slide-menu-item .icon1.i2-4 {
        background-position: -150px -50px; }
      .service_new .slide-menu .slide-menu-item .icon1.i2-5 {
        background-position: -200px -50px; }
      .service_new .slide-menu .slide-menu-item .icon1.i3-1 {
        background-position: 0px -100px; }
      .service_new .slide-menu .slide-menu-item .icon1.i3-2 {
        background-position: -50px -100px; }
      .service_new .slide-menu .slide-menu-item .icon1.i3-3 {
        background-position: -100px -100px; }
      .service_new .slide-menu .slide-menu-item .icon1.i3-4 {
        background-position: -150px -100px; }
      .service_new .slide-menu .slide-menu-item .icon1.i3-5 {
        background-position: -200px -100px; }
      .service_new .slide-menu .slide-menu-item .icon1.i4-1 {
        background-position: 0px -150px; }
      .service_new .slide-menu .slide-menu-item .icon1.i4-2 {
        background-position: -50px -150px; }
      .service_new .slide-menu .slide-menu-item .icon1.i4-3 {
        background-position: -100px -150px; }
      .service_new .slide-menu .slide-menu-item .icon1.i4-4 {
        background-position: -150px -150px; }
      .service_new .slide-menu .slide-menu-item .icon1.i4-5 {
        background-position: -200px -150px; }
      .service_new .slide-menu .slide-menu-item .icon1.i5-1 {
        background-position: 0px -200px; }
      .service_new .slide-menu .slide-menu-item .icon1.i5-2 {
        background-position: -50px -200px; }
      .service_new .slide-menu .slide-menu-item .icon1.i5-3 {
        background-position: -100px -200px; }
      .service_new .slide-menu .slide-menu-item .icon1.i5-4 {
        background-position: -150px -200px; }
      .service_new .slide-menu .slide-menu-item .icon1.i5-5 {
        background-position: -200px -200px; }
      .service_new .slide-menu .slide-menu-item .icon1.i6-1 {
        background-position: 0px -250px; }
      .service_new .slide-menu .slide-menu-item .icon1.i6-2 {
        background-position: -50px -250px; }
      .service_new .slide-menu .slide-menu-item .icon1.i6-3 {
        background-position: -100px -250px; }
      .service_new .slide-menu .slide-menu-item .icon1.i6-4 {
        background-position: -150px -250px; }
      .service_new .slide-menu .slide-menu-item .icon1.i6-5 {
        background-position: -200px -250px; }
      .service_new .slide-menu .slide-menu-item .icon1.i7-1 {
        background-position: 0px -300px; }
      .service_new .slide-menu .slide-menu-item .icon1.i7-2 {
        background-position: -50px -300px; }
      .service_new .slide-menu .slide-menu-item .icon1.i7-3 {
        background-position: -100px -300px; }
      .service_new .slide-menu .slide-menu-item .icon1.i7-4 {
        background-position: -150px -300px; }
      .service_new .slide-menu .slide-menu-item .icon1.i7-5 {
        background-position: -200px -300px; }
      .service_new .slide-menu .slide-menu-item .icon1.i7-6 {
        background-position: -250px -300px; }
      .service_new .slide-menu .slide-menu-item .icon1.i7-7 {
        background-position: -300px -300px; }
      .service_new .slide-menu .slide-menu-item .icon1.i8-1 {
        background-position: 0px -350px; }
      .service_new .slide-menu .slide-menu-item .icon1.i8-2 {
        background-position: -50px -350px; }
      .service_new .slide-menu .slide-menu-item .icon1.i8-3 {
        background-position: -100px -350px; }
      .service_new .slide-menu .slide-menu-item .icon1.i8-4 {
        background-position: -150px -350px; }
      .service_new .slide-menu .slide-menu-item .icon1.i8-5 {
        background-position: -200px -350px; }
    .service_new .slide-menu .slide-menu-item .icon-list-01 {
      font-size: 14px;
      overflow: hidden;
      margin-top: 20px; }
      .service_new .slide-menu .slide-menu-item .icon-list-01 li {
        float: left;
        float: left;
        width: 120px;
        margin-bottom: 10px;
        margin-right: 10px;
        text-align: center; }
        .service_new .slide-menu .slide-menu-item .icon-list-01 li i {
          margin: 0 auto; }
    .service_new .slide-menu .slide-menu-item .icon-list-02 {
      margin-top: 50px;
      font-size: 14px;
      overflow: hidden; }
      .service_new .slide-menu .slide-menu-item .icon-list-02 li {
        float: left;
        float: left;
        width: 120px;
        margin-right: 24px; }
        .service_new .slide-menu .slide-menu-item .icon-list-02 li:last-child {
          margin: 0; }
        .service_new .slide-menu .slide-menu-item .icon-list-02 li i {
          float: left;
          margin-top: -5px; }
        .service_new .slide-menu .slide-menu-item .icon-list-02 li .fr {
          width: 70px; }
        .service_new .slide-menu .slide-menu-item .icon-list-02 li h4 {
          font-size: 16px;
          font-weight: bold; }
        .service_new .slide-menu .slide-menu-item .icon-list-02 li span {
          display: block;
          line-height: 24px; }
    .service_new .slide-menu .slide-menu-item .icon-list-03 {
      margin-top: 20px;
      font-size: 14px;
      overflow: hidden; }
      .service_new .slide-menu .slide-menu-item .icon-list-03 li {
        margin-bottom: 10px; }
        .service_new .slide-menu .slide-menu-item .icon-list-03 li i {
          float: left; }
        .service_new .slide-menu .slide-menu-item .icon-list-03 li .fr {
          width: 359px; }
        .service_new .slide-menu .slide-menu-item .icon-list-03 li h4 {
          font-size: 16px;
          font-weight: bold; }
        .service_new .slide-menu .slide-menu-item .icon-list-03 li p {
          display: block;
          line-height: 20px;
          font-size: 13px; }
    .service_new .slide-menu .slide-menu-item .slide-menu-btn {
      -webkit-transition: All 0.3s linear 0.6s;
      transition: All 0.3s linear 0.6s;
      opacity: 1;
      width: 110px;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 104px;
      padding: 200px 0;
      text-align: center;
      background: #1763e9;
      cursor: pointer;
      -webkit-transition: All 0.3s linear;
      transition: All 0.3s linear; }
      .service_new .slide-menu .slide-menu-item .slide-menu-btn i {
        width: 40px;
        height: 40px;
        display: block;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-image: url(../images/service/slide-menu-btn.png);
        -webkit-transition: all linear 0.2s;
        transition: all linear 0.2s; }
      .service_new .slide-menu .slide-menu-item .slide-menu-btn .i2 {
        background-position: -40px 0; }
      .service_new .slide-menu .slide-menu-item .slide-menu-btn .i3 {
        background-position: -80px 0; }
      .service_new .slide-menu .slide-menu-item .slide-menu-btn .i4 {
        background-position: -120px 0; }
      .service_new .slide-menu .slide-menu-item .slide-menu-btn .i5 {
        background-position: -160px 0; }
      .service_new .slide-menu .slide-menu-item .slide-menu-btn .i6 {
        background-position: -200px 0; }
      .service_new .slide-menu .slide-menu-item .slide-menu-btn .i7 {
        background-position: -240px 0; }
      .service_new .slide-menu .slide-menu-item .slide-menu-btn .i8 {
        background-position: -280px 0; }
      .service_new .slide-menu .slide-menu-item .slide-menu-btn em {
        display: block;
        margin-top: 8px;
        font-weight: normal;
        font-size: 18px;
        text-align: center;
        -webkit-transition: all linear 0.2s;
        transition: all linear 0.2s; }
    .service_new .slide-menu .slide-menu-item.active {
      width: 468px; }
      .service_new .slide-menu .slide-menu-item.active .slide-menu-btn {
        z-index: -1;
        opacity: 0; }
  .service_new .slide-menu .item_01 {
    background-image: url(../images/service/slide_tab_bg_01.jpg); }
    .service_new .slide-menu .item_01 .slide-menu-btn {
      background: #e8932e; }
  .service_new .slide-menu .item_02 {
    background-image: url(../images/service/slide_tab_bg_02.jpg); }
    .service_new .slide-menu .item_02 .slide-menu-btn {
      background: #5a72c6; }
    .service_new .slide-menu .item_02 .go_park {
      font-weight: bold;
      font-size: 14px;
      display: block;
      width: 110px;
      height: 35px;
      text-align: center;
      line-height: 35px;
      color: #315dcd;
      background: #fff;
      border-radius: 35px;
      margin-top: 25px; }
      .service_new .slide-menu .item_02 .go_park:hover {
        background: #5a72c6;
        color: #fff; }
  .service_new .slide-menu .item_03 {
    background-image: url(../images/service/slide_tab_bg_03.jpg); }
    .service_new .slide-menu .item_03 .slide-menu-btn {
      background: #29aab6; }
  .service_new .slide-menu .item_04 {
    background-image: url(../images/service/slide_tab_bg_04.jpg); }
    .service_new .slide-menu .item_04 .slide-menu-btn {
      background: #e0a1b9; }
  .service_new .slide-menu .item_05 {
    background-image: url(../images/service/slide_tab_bg_05.jpg); }
    .service_new .slide-menu .item_05 .slide-menu-btn {
      background: #4da8fb; }
    .service_new .slide-menu .item_05 .icon-list-04 {
      margin-top: 20px;
      font-size: 14px;
      overflow: hidden; }
      .service_new .slide-menu .item_05 .icon-list-04 li {
        margin-bottom: 10px; }
        .service_new .slide-menu .item_05 .icon-list-04 li i {
          float: left; }
        .service_new .slide-menu .item_05 .icon-list-04 li .fr {
          width: 340px; }
        .service_new .slide-menu .item_05 .icon-list-04 li h4 {
          font-size: 16px;
          font-weight: bold;
          margin-bottom: 8px; }
        .service_new .slide-menu .item_05 .icon-list-04 li p {
          display: block;
          line-height: 20px;
          font-size: 14px;
          margin-bottom: 4px; }
  .service_new .slide-menu .item_06 {
    background-image: url(../images/service/slide_tab_bg_06.jpg); }
    .service_new .slide-menu .item_06 .slide-menu-btn {
      background: #f4d54f; }
    .service_new .slide-menu .item_06 .icon-list-01 {
      font-size: 14px;
      overflow: hidden;
      margin-top: 40px; }
      .service_new .slide-menu .item_06 .icon-list-01 li {
        float: left;
        float: left;
        width: 60px;
        margin-bottom: 10px;
        margin-right: 30px;
        text-align: center; }
        .service_new .slide-menu .item_06 .icon-list-01 li i {
          margin: 0 auto; }
  .service_new .slide-menu .item_07 {
    background-image: url(../images/service/slide_tab_bg_07.jpg); }
    .service_new .slide-menu .item_07 .slide-menu-btn {
      background: #fa5a60; }
    .service_new .slide-menu .item_07 .icon-list-01 {
      font-size: 14px;
      overflow: hidden;
      margin-top: 40px; }
      .service_new .slide-menu .item_07 .icon-list-01 li {
        float: left;
        float: left;
        width: 70px;
        margin-bottom: 10px;
        margin-right: 30px;
        text-align: center; }
        .service_new .slide-menu .item_07 .icon-list-01 li i {
          margin: 0 auto; }
  .service_new .slide-menu .item_08 {
    background-image: url(../images/service/slide_tab_bg_08.jpg); }
    .service_new .slide-menu .item_08 .slide-menu-btn {
      background: #373276; }
    .service_new .slide-menu .item_08 .icon-list-01 {
      font-size: 14px;
      overflow: hidden;
      margin-top: 60px; }
      .service_new .slide-menu .item_08 .icon-list-01 li {
        float: left;
        float: left;
        width: 100px;
        margin-bottom: 10px;
        margin-right: 30px;
        text-align: center;
        line-height: 20px; }
        .service_new .slide-menu .item_08 .icon-list-01 li i {
          margin: 0 auto; }

.service_new .slide-tab-con-item {
  overflow: hidden;
  margin-top: 30px;
  display: none;
  margin-bottom: 70px; }
  .service_new .slide-tab-con-item .project-list li {
    width: 392px;
    margin-right: 31px;
    float: left;
    color: #494848;
    margin-bottom: 40px; }
    .service_new .slide-tab-con-item .project-list li:nth-child(3n+3) {
      margin-right: 0; }
    .service_new .slide-tab-con-item .project-list li .img-over {
      position: relative;
      width: 100%;
      overflow: hidden; }
      .service_new .slide-tab-con-item .project-list li .img-over .ht_auto {
        height: auto; }
      .service_new .slide-tab-con-item .project-list li .img-over img {
        display: block;
        width: 100%;
        height: 220px;
        -webkit-transition: All 0.3s ease;
        transition: All 0.3s ease; }
      .service_new .slide-tab-con-item .project-list li .img-over .shadow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(49, 93, 205, 0.8);
        line-height: 100%;
        text-align: center;
        opacity: 0;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        .service_new .slide-tab-con-item .project-list li .img-over .shadow a {
          position: absolute;
          top: 50%;
          left: 50%;
          margin: -19px 0 0 -75px;
          font-weight: bold;
          color: #1248c2;
          line-height: 38px;
          display: block;
          background: #fff;
          border-radius: 19px;
          width: 150px;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
          -webkit-transform: scale(0, 1);
                  transform: scale(0, 1);
          opacity: 0; }
    .service_new .slide-tab-con-item .project-list li .info {
      font-size: 14px;
      line-height: 24px;
      margin-top: 10px; }
      .service_new .slide-tab-con-item .project-list li .info h4 {
        margin-bottom: 5px;
        line-height: 30px;
        font-size: 17px;
        color: #4585ff; }
      .service_new .slide-tab-con-item .project-list li .info a {
        display: block;
        margin-top: 20px;
        color: #4585ff;
        font-size: 14px;
        margin-top: 10px; }
        .service_new .slide-tab-con-item .project-list li .info a:hover {
          text-decoration: underline; }
    .service_new .slide-tab-con-item .project-list li:hover .img-over .shadow {
      opacity: 1; }
      .service_new .slide-tab-con-item .project-list li:hover .img-over .shadow a {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        opacity: 1; }
    .service_new .slide-tab-con-item .project-list li:hover .img-over img {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
  .service_new .slide-tab-con-item .con_head {
    overflow: hidden;
    margin-bottom: 30px; }
    .service_new .slide-tab-con-item .con_head .head_lf {
      float: left;
      color: #494848; }
      .service_new .slide-tab-con-item .con_head .head_lf h3 {
        margin-bottom: 5px;
        line-height: 35px;
        font-size: 24px;
        text-transform: uppercase; }
        .service_new .slide-tab-con-item .con_head .head_lf h3 em {
          font-size: 18px; }
      .service_new .slide-tab-con-item .con_head .head_lf .line {
        margin-top: 8px;
        display: block;
        width: 50px;
        height: 2px;
        background: #494848; }
    .service_new .slide-tab-con-item .con_head .head_lr {
      float: right;
      margin-top: 23px; }
      .service_new .slide-tab-con-item .con_head .head_lr a {
        float: left;
        padding: 10px 15px;
        line-height: 22px;
        min-width: 55px;
        margin: 0;
        font-weight: normal;
        font-size: 16px;
        color: #6e6e6e; }
        .service_new .slide-tab-con-item .con_head .head_lr a.active {
          color: #fff; }
        .service_new .slide-tab-con-item .con_head .head_lr a:nth-child(1) {
          width: 55px; }
      .service_new .slide-tab-con-item .con_head .head_lr .menuColorBg {
        width: 100px;
        height: 40px;
        border-radius: 20px;
        background: #000;
        position: absolute;
        left: 300px;
        top: 1px;
        padding: 0 15px; }

.service_new .zhyy {
  margin-bottom: 70px; }
  .service_new .zhyy .project-list li {
    height: 390px; }

.service_new .ppplan .project-list .info {
  height: 35px; }

.service_new .ppplan .project-list li h4 {
  text-align: center; }

.service_new .ppplan .page_btn {
  overflow: hidden;
  width: 145px;
  margin: 0px auto 20px; }
  .service_new .ppplan .page_btn a {
    text-align: center;
    font-family: "DINCond-Bold" !important;
    display: inline-block;
    width: 20px;
    margin: 0 10px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    background: #959595; }
    .service_new .ppplan .page_btn a:hover, .service_new .ppplan .page_btn a.active {
      color: #fff;
      background: #000; }

@-webkit-keyframes ani-pointer {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

@keyframes ani-pointer {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); } }

.industry .industry-platform {
  height: 800px;
  /* background: #ccc url(../images/industry/map_bg.jpg) no-repeat center 200px; */ }
  .industry .industry-platform .platform-intro {
    font-size: 16px;
    line-height: 30px;
    text-align: center; }
  .industry .industry-platform .industry-map {
    margin-top: 40px;
    position: relative;
    height: 610px;
    background: url(../images/industry/map.jpg) no-repeat center center; }
    .industry .industry-platform .industry-map .map-point1 {
      position: absolute;
      color: #fff;
      font-weight: bold; }
      .industry .industry-platform .industry-map .map-point1 a {
        color: #fff; }
        .industry .industry-platform .industry-map .map-point1 a:hover {
          color: #1248c2;
          background: #fff;
          color: #1248c2;
          text-shadow: none; }
      .industry .industry-platform .industry-map .map-point1 dt {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 5px;
        height: 24px; }
        .industry .industry-platform .industry-map .map-point1 dt a {
          display: inline-block;
          padding: 0 10px;
          border-radius: 12px; }
      .industry .industry-platform .industry-map .map-point1 dd {
        padding-left: 10px;
        font-size: 12px;
        line-height: 18px; }
        .industry .industry-platform .industry-map .map-point1 dd span {
          display: block; }
    .industry .industry-platform .industry-map .map-point-right dt a {
      float: right; }
    .industry .industry-platform .industry-map .map-point-right dd {
      padding-right: 10px;
      text-align: right; }
    .industry .industry-platform .industry-map .map-point-01 {
      top: 162px;
      left: 304px; }
    .industry .industry-platform .industry-map .map-point-02 {
      top: 213px;
      left: 545px; }
    .industry .industry-platform .industry-map .map-point-03 {
      top: 126px;
      left: 711px;
      width: 190px; }
      .industry .industry-platform .industry-map .map-point-03 dt {
        float: left; }
      .industry .industry-platform .industry-map .map-point-03 dd {
        float: left;
        padding-left: 5px; }
    .industry .industry-platform .industry-map .map-point-04 {
      top: 214px;
      left: 794px; }
    .industry .industry-platform .industry-map .map-point-05 {
      top: 374px;
      left: 967px; }
    .industry .industry-platform .industry-map .map-point-06 {
      top: 458px;
      left: 1186px; }
    .industry .industry-platform .industry-map .map-point2 {
      position: absolute;
      color: #1248c2;
      top: 244px;
      left: 1192px;
      width: 140px; }
      .industry .industry-platform .industry-map .map-point2 dt {
        padding-left: 10px;
        color: #1248c2;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 8px;
        height: 24px;
        font-weight: bold; }
      .industry .industry-platform .industry-map .map-point2 dd a {
        display: block;
        font-size: 14px;
        line-height: 22px;
        height: 22px;
        margin-bottom: 4px; }
        .industry .industry-platform .industry-map .map-point2 dd a span {
          display: inline-block;
          color: #1248c2;
          padding: 0 10px;
          border-radius: 12px;
          font-weight: bold; }
          .industry .industry-platform .industry-map .map-point2 dd a span:hover {
            color: #fff;
            background: #1248c2; }
    .industry .industry-platform .industry-map .map-point3 {
      position: absolute;
      color: #1248c2;
      top: 0px;
      left: 1244px; }
      .industry .industry-platform .industry-map .map-point3 dt {
        padding-left: 10px;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
        height: 24px;
        font-weight: bold; }
      .industry .industry-platform .industry-map .map-point3 dd a {
        display: block;
        font-size: 14px;
        line-height: 22px;
        height: 22px;
        margin-bottom: 4px; }
        .industry .industry-platform .industry-map .map-point3 dd a span {
          display: inline-block;
          color: #1248c2;
          padding: 0 10px;
          border-radius: 12px;
          font-weight: bold; }
          .industry .industry-platform .industry-map .map-point3 dd a span:hover {
            color: #fff;
            background: #1248c2; }

.industry .industry-platform-02 {
  /* background: #ccc url(../images/industry/map_bg.jpg) no-repeat center 200px; */ }
  .industry .industry-platform-02 .platform-intro {
    font-size: 16px;
    line-height: 30px;
    text-align: center; }
  .industry .industry-platform-02 .industry-map {
    width: 1238px;
    margin-top: 40px;
    position: relative;
    height: 724px;
    /* background: url(../images/industry/map_bg.jpg) no-repeat center center;*/
    overflow: hidden; }
    .industry .industry-platform-02 .industry-map .map-bg-01 {
      position: absolute;
      left: 0;
      bottom: 3px;
      opacity: 1;
      width: 100%;
      height: 603px;
      background: url(../images/industry/map_01.png) no-repeat center center; }
    .industry .industry-platform-02 .industry-map .map-bg-02 {
      position: absolute;
      left: 164px;
      bottom: 111px;
      opacity: 1;
      width: 961px;
      height: 392px;
      background: url(../images/industry/map_02.png) no-repeat center center; }
    .industry .industry-platform-02 .industry-map .map-bg-03 {
      position: absolute;
      left: 878px;
      bottom: 316px;
      opacity: 1;
      width: 217px;
      height: 192px;
      background: url(../images/industry/map_03.png) no-repeat center center; }
      .industry .industry-platform-02 .industry-map .map-bg-03 .pointer {
        position: absolute;
        top: 104px;
        left: 116px;
        width: 21px;
        height: 21px;
        background: url(../images/industry/pointer_01.png) no-repeat center center;
        -webkit-animation: ani-pointer 0.8s linear 0.2s infinite alternate;
                animation: ani-pointer 0.8s linear 0.2s infinite alternate; }
      .industry .industry-platform-02 .industry-map .map-bg-03 .pointer02 {
        top: 140px;
        left: 123px;
        -webkit-animation: ani-pointer 0.8s linear 0.2s infinite alternate;
                animation: ani-pointer 0.8s linear 0.2s infinite alternate; }
    .industry .industry-platform-02 .industry-map .map-point1 {
      position: absolute;
      color: #fff;
      font-weight: bold;
      background: rgba(50, 104, 230, 0.5);
      border-radius: 6px;
      -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
              box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
      padding: 5px 4px; }
      .industry .industry-platform-02 .industry-map .map-point1 a {
        color: #fff; }
        .industry .industry-platform-02 .industry-map .map-point1 a:hover {
          color: #1248c2;
          background: #fff;
          color: #1248c2;
          text-shadow: none; }
      .industry .industry-platform-02 .industry-map .map-point1 dt {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 5px;
        height: 24px; }
        .industry .industry-platform-02 .industry-map .map-point1 dt a {
          display: inline-block;
          padding: 0 10px;
          border-radius: 12px; }
      .industry .industry-platform-02 .industry-map .map-point1 dd {
        padding-left: 10px;
        font-size: 12px;
        line-height: 18px; }
        .industry .industry-platform-02 .industry-map .map-point1 dd span {
          display: block; }
    .industry .industry-platform-02 .industry-map .map-point-right dt a {
      float: right; }
    .industry .industry-platform-02 .industry-map .map-point-right dd {
      padding-right: 10px;
      text-align: right; }
    .industry .industry-platform-02 .industry-map .map-point-01 {
      top: 269px;
      left: 229px; }
    .industry .industry-platform-02 .industry-map .map-point-02 {
      top: 319px;
      left: 469px; }
    .industry .industry-platform-02 .industry-map .map-point-03 {
      top: 226px;
      left: 637px;
      width: 190px; }
      .industry .industry-platform-02 .industry-map .map-point-03 dt {
        float: left; }
      .industry .industry-platform-02 .industry-map .map-point-03 dd {
        float: left;
        padding-left: 5px; }
    .industry .industry-platform-02 .industry-map .map-point-04 {
      top: 322px;
      left: 720px; }
    .industry .industry-platform-02 .industry-map .map-point-05 {
      top: 480px;
      left: 892px; }
    .industry .industry-platform-02 .industry-map .map-point-06 {
      top: 592px;
      left: 1009px }
    .industry .industry-platform-02 .industry-map .map-point2 {
      position: absolute;
      color: #1248c2;
      top: 355px;
      left: 1092px;
      width: 140px; }
      .industry .industry-platform-02 .industry-map .map-point2 dt {
        padding-left: 10px;
        color: #1248c2;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 8px;
        height: 24px;
        font-weight: bold; }
      .industry .industry-platform-02 .industry-map .map-point2 dd a {
        display: block;
        font-size: 14px;
        line-height: 22px;
        height: 22px;
        margin-bottom: 4px; }
        .industry .industry-platform-02 .industry-map .map-point2 dd a span {
          display: inline-block;
          color: #1248c2;
          padding: 0 10px;
          border-radius: 12px;
          font-weight: bold; }
          .industry .industry-platform-02 .industry-map .map-point2 dd a span:hover {
            color: #fff;
            background: #1248c2; }
    .industry .industry-platform-02 .industry-map .map-point3 {
      position: absolute;
      color: #1248c2;
      top: 3px;
      left: 943px; }
      .industry .industry-platform-02 .industry-map .map-point3 dt {
        padding-left: 10px;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
        height: 24px;
        font-weight: bold; }
      .industry .industry-platform-02 .industry-map .map-point3 dd a {
        display: block;
        font-size: 14px;
        line-height: 22px;
        height: 22px;
        margin-bottom: 4px; }
        .industry .industry-platform-02 .industry-map .map-point3 dd a span {
          display: inline-block;
          color: #1248c2;
          padding: 0 10px;
          border-radius: 12px;
          font-weight: bold; }
          .industry .industry-platform-02 .industry-map .map-point3 dd a span:hover {
            color: #fff;
            background: #1248c2; }

.industry .industry-act {
  padding: 20px 0 40px 0; }
  .industry .industry-act .mod-title {
    margin-top: 100px; }
  .industry .industry-act .platform-intro {
    font-size: 16px;
    line-height: 30px;
    text-align: center; }
  .industry .industry-act .news-list {
    margin-top: 35px;
    display: none; }
    .industry .industry-act .news-list .list-item {
      float: left;
      width: 380px;
      line-height: 24px;
      margin-left: 49px;
      margin-bottom: 30px; }
      .industry .industry-act .news-list .list-item:nth-child(3n+1) {
        margin-left: 0; }
      .industry .industry-act .news-list .list-item img {
        width: 100%;
        height: 232px;
        display: block; }
      .industry .industry-act .news-list .list-item h4 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 18px;
        margin: 15px 0 10px 0; }
      .industry .industry-act .news-list .list-item p {
        margin-bottom: 20px;
        height: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .industry .industry-act .news-list .list-item .go-detail {
        color: #4585ff;
        display: block;
        text-decoration: underline; }
        .industry .industry-act .news-list .list-item .go-detail i {
          margin-left: 10px; }
      .industry .industry-act .news-list .list-item:hover {
        color: #494848; }
        .industry .industry-act .news-list .list-item:hover h4 {
          color: #4585ff; }

.about .group-intro {
  margin-top: 50px; }
  .about .group-intro .intro-video {
    position: relative;
    width: 100%;
    height: 580px;
    background: #000;
    overflow: hidden;
    margin-top: 50px; }
    .about .group-intro .intro-video video {
      display: block;
      width: 100%;
      height: 100%; }
    .about .group-intro .intro-video .intro-l1 {
      margin-top: 30px;
      text-align: center; }
      .about .group-intro .intro-video .intro-l1 li {
        float: left;
        margin-left: 60px;
        font-size: 12px;
        line-height: 40px;
        color: #fff;
        width: 60px; }
        .about .group-intro .intro-video .intro-l1 li:nth-child(1) {
          margin-left: 70px; }
        .about .group-intro .intro-video .intro-l1 li img {
          display: block;
          margin: 0 auto; }
        .about .group-intro .intro-video .intro-l1 li span {
          display: block; }
    .about .group-intro .intro-video .shadow {
      z-index: 10;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px; }
      .about .group-intro .intro-video .shadow img {
        width: 100%;
        height: 100%; }
      .about .group-intro .intro-video .shadow .btn {
        opacity: 0.5;
        border-radius: 75px;
        margin-left: -37px;
        margin-top: -37px;
        width: 75px;
        height: 75px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fff url(../images/about/icon.png) no-repeat -20px -194px; }
        .about .group-intro .intro-video .shadow .btn:hover {
          opacity: 1; }
        .about .group-intro .intro-video .shadow .btn:before {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -15px;
          margin-left: -8px;
          display: block;
          content: "";
          width: 0;
          height: 0;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
          border-left: 23px solid #000; }
  .about .group-intro .intro-con-01 {
    padding: 67px 40px;
    background: url(../images/about/group_intro_bg.jpg) no-repeat center center;
    height: 520px;
    /*padding:50px;*/
    color: #fff;
    position: relative; }
    .about .group-intro .intro-con-01 .intro-text {
      width: 670px;
      line-height: 24px;
      font-size: 14px; }
      .about .group-intro .intro-con-01 .intro-text img {
        display: block;
        margin-bottom: 20px; }
      .about .group-intro .intro-con-01 .intro-text h4 {
        font-size: 18px;
        font-weight: bold;
        margin-top: 10px;
        position: relative;
        margin-bottom: 10px; }
      .about .group-intro .intro-con-01 .intro-text p {
        margin-bottom: 10px; }
      .about .group-intro .intro-con-01 .intro-text .p2 {
        font-weight: bold;
        margin-top: 10px; }
      .about .group-intro .intro-con-01 .intro-text .text2 {
        margin-top: 40px; }
        .about .group-intro .intro-con-01 .intro-text .text2 li {
          position: relative;
          padding-left: 70px;
          float: left;
          width: 210px;
          border-right: 1px solid rgba(225, 225, 225, 0.2); }
          .about .group-intro .intro-con-01 .intro-text .text2 li i {
            position: absolute;
            top: 10px;
            left: 10px;
            background-repeat: no-repeat;
            background-position: -20px -25px;
            background-image: url(../images/about/icon.png);
            content: "";
            width: 60px;
            height: 48px;
            display: block; }
          .about .group-intro .intro-con-01 .intro-text .text2 li em {
            font-weight: bold;
            font-size: 16px; }
          .about .group-intro .intro-con-01 .intro-text .text2 li:last-child {
            width: 270px;
            border: none;
            margin-left: 40px; }
            .about .group-intro .intro-con-01 .intro-text .text2 li:last-child i {
              background-position: -20px -100px; }
      .about .group-intro .intro-con-01 .intro-text .list {
        margin-bottom: 22px;
        font-size: 16px;
        font-weight: bold;
        color: #fff; }
        .about .group-intro .intro-con-01 .intro-text .list span {
          margin-right: 30px; }
      .about .group-intro .intro-con-01 .intro-text h3 {
        font-size: 30px;
        color: #fff;
        margin-bottom: 20px; }
      .about .group-intro .intro-con-01 .intro-text .line {
        display: none;
        margin: 20px 0;
        width: 55px;
        height: 2px;
        background: #fff; }
    .about .group-intro .intro-con-01 .cn_map {
      position: absolute;
      bottom: 17px;
      right: 39px;
      width: 400px; }
    .about .group-intro .intro-con-01 .qj-params {
      margin-top: 60px;
      width: 360px; }
      .about .group-intro .intro-con-01 .qj-params li {
        width: 50%;
        float: left;
        margin-bottom: 10px; }
        .about .group-intro .intro-con-01 .qj-params li p {
          margin-bottom: 10px; }
        .about .group-intro .intro-con-01 .qj-params li h5 {
          font-size: 14px;
          line-height: 30px; }
        .about .group-intro .intro-con-01 .qj-params li em {
          font-size: 30px; }
  .about .group-intro .intro-con .intro-left {
    width: 560px;
    height: 370px;
    background: #000; }
    .about .group-intro .intro-con .intro-left img,
    .about .group-intro .intro-con .intro-left video {
      display: block;
      width: 100%;
      height: 100%; }
  .about .group-intro .intro-con .intro-text {
    width: 592px;
    float: right; }
    .about .group-intro .intro-con .intro-text h4 {
      font-size: 18px;
      font-weight: bold;
      margin-top: 10px;
      position: relative;
      margin-bottom: 10px; }
    .about .group-intro .intro-con .intro-text p {
      margin-bottom: 28px; }
    .about .group-intro .intro-con .intro-text a {
      text-align: center;
      margin-top: 10px;
      display: block;
      line-height: 36px;
      width: 116px;
      border: 1px solid #ccc;
      border-radius: 19px; }
  .about .group-intro .brand-list ul li {
    float: left;
    margin: 0 45px;
    width: 314px;
    margin-bottom: 40px;
    line-height: 24px; }
    .about .group-intro .brand-list ul li img {
      display: block;
      margin: 0 auto;
      margin-bottom: 10px; }
  .about .group-intro .zuzhi {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    width: 100%; }
  .about .group-intro .honor-mod {
    background: url(../images/about/honor_bg.jpg) no-repeat center center;
    height: 580px;
    overflow-y: scroll; }
    .about .group-intro .honor-mod .honor-wrap {
      color: #fff;
      width: 1000px;
      margin: 0 auto;
      margin-top: 50px;
      padding-bottom: 100px; }
      .about .group-intro .honor-mod .honor-wrap li {
        padding-bottom: 10px; }
      .about .group-intro .honor-mod .honor-wrap li:first-child {
        background-position: 15px 40px !important; }
      .about .group-intro .honor-mod .honor-wrap li:nth-child(2n+1) {
        margin-left: 485px;
        background: url(../images/about/border.png) no-repeat 15px 0; }
        .about .group-intro .honor-mod .honor-wrap li:nth-child(2n+1) h3 {
          font-size: 30px;
          line-height: 50px;
          height: 50px;
          background: url(../images/about/circle.png) no-repeat left 10px;
          padding-left: 45px; }
        .about .group-intro .honor-mod .honor-wrap li:nth-child(2n+1) .honor-text {
          font-size: 14px;
          line-height: 30px;
          padding-left: 45px; }
      .about .group-intro .honor-mod .honor-wrap li:nth-child(2n) {
        margin-right: 485px;
        text-align: right;
        background: url(../images/about/border.png) no-repeat 500px 0; }
        .about .group-intro .honor-mod .honor-wrap li:nth-child(2n) h3 {
          font-size: 30px;
          line-height: 50px;
          height: 50px;
          background: url(../images/about/circle.png) no-repeat right 10px;
          padding-right: 45px; }
        .about .group-intro .honor-mod .honor-wrap li:nth-child(2n) .honor-text {
          font-size: 14px;
          line-height: 30px;
          padding-right: 45px; }

.about .team-mod {
  padding-top: 50px;
  display: none; }

.about .dsz-mod,
.about .ceo-mod {
  height: 600px;
  padding: 40px;
  background: url(../images/about/renwu_bg.jpg) no-repeat;
  color: #68522b; }
  .about .dsz-mod .dsz-01,
  .about .dsz-mod .ceo-01,
  .about .ceo-mod .dsz-01,
  .about .ceo-mod .ceo-01 {
    width: 200px; }
    .about .dsz-mod .dsz-01 .toux,
    .about .dsz-mod .ceo-01 .toux,
    .about .ceo-mod .dsz-01 .toux,
    .about .ceo-mod .ceo-01 .toux {
      text-align: center;
      font-size: 13px;
      margin-bottom: 20px;
      color: #494848; }
      .about .dsz-mod .dsz-01 .toux img,
      .about .dsz-mod .ceo-01 .toux img,
      .about .ceo-mod .dsz-01 .toux img,
      .about .ceo-mod .ceo-01 .toux img {
        display: block;
        margin: 0 auto;
        border: 4px solid #c9bca5; }
      .about .dsz-mod .dsz-01 .toux h4,
      .about .dsz-mod .ceo-01 .toux h4,
      .about .ceo-mod .dsz-01 .toux h4,
      .about .ceo-mod .ceo-01 .toux h4 {
        font-size: 18px;
        line-height: 20px; }
      .about .dsz-mod .dsz-01 .toux p,
      .about .dsz-mod .ceo-01 .toux p,
      .about .ceo-mod .dsz-01 .toux p,
      .about .ceo-mod .ceo-01 .toux p {
        margin: 10px 0; }
    .about .dsz-mod .dsz-01 .renwu-title,
    .about .dsz-mod .ceo-01 .renwu-title,
    .about .ceo-mod .dsz-01 .renwu-title,
    .about .ceo-mod .ceo-01 .renwu-title {
      position: relative;
      padding: 20px 0;
      height: 260px;
      font-size: 12px;
      line-height: 20px; }
      .about .dsz-mod .dsz-01 .renwu-title .top-bg,
      .about .dsz-mod .ceo-01 .renwu-title .top-bg,
      .about .ceo-mod .dsz-01 .renwu-title .top-bg,
      .about .ceo-mod .ceo-01 .renwu-title .top-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 8px;
        background: url(../images/about/title_bg.png) no-repeat center center; }
      .about .dsz-mod .dsz-01 .renwu-title .bottom-bg,
      .about .dsz-mod .ceo-01 .renwu-title .bottom-bg,
      .about .ceo-mod .dsz-01 .renwu-title .bottom-bg,
      .about .ceo-mod .ceo-01 .renwu-title .bottom-bg {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 8px;
        background: url(../images/about/title_bg.png) no-repeat center center; }
      .about .dsz-mod .dsz-01 .renwu-title li,
      .about .dsz-mod .ceo-01 .renwu-title li,
      .about .ceo-mod .dsz-01 .renwu-title li,
      .about .ceo-mod .ceo-01 .renwu-title li {
        padding-left: 20px;
        position: relative; }
        .about .dsz-mod .dsz-01 .renwu-title li span,
        .about .dsz-mod .ceo-01 .renwu-title li span,
        .about .ceo-mod .dsz-01 .renwu-title li span,
        .about .ceo-mod .ceo-01 .renwu-title li span {
          position: absolute;
          left: 0;
          top: 0; }
  .about .dsz-mod .dsz-02,
  .about .dsz-mod .ceo-02,
  .about .ceo-mod .dsz-02,
  .about .ceo-mod .ceo-02 {
    width: 920px;
    line-height: 26px;
    font-size: 15px;
    overflow: auto; }
    .about .dsz-mod .dsz-02 h5,
    .about .dsz-mod .ceo-02 h5,
    .about .ceo-mod .dsz-02 h5,
    .about .ceo-mod .ceo-02 h5 {
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 15px; }
    .about .dsz-mod .dsz-02 h3,
    .about .dsz-mod .ceo-02 h3,
    .about .ceo-mod .dsz-02 h3,
    .about .ceo-mod .ceo-02 h3 {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 20px; }
    .about .dsz-mod .dsz-02 p,
    .about .dsz-mod .ceo-02 p,
    .about .ceo-mod .dsz-02 p,
    .about .ceo-mod .ceo-02 p {
      margin-bottom: 12px; }
  .about .dsz-mod .ceo-02,
  .about .ceo-mod .ceo-02 {
    width: 560px;
    margin-left: 30px; }
  .about .dsz-mod .ceo-03,
  .about .ceo-mod .ceo-03 {
    border-left: 1px solid #dcc59c;
    line-height: 24px;
    padding-left: 20px;
    width: 320px;
    height: 600px; }
    .about .dsz-mod .ceo-03 h5,
    .about .ceo-mod .ceo-03 h5 {
      font-size: 18px;
      line-height: 40px;
      margin-bottom: 15px; }
    .about .dsz-mod .ceo-03 a,
    .about .ceo-mod .ceo-03 a {
      display: block;
      margin-bottom: 16px;
      color: #68522b; }
      .about .dsz-mod .ceo-03 a span,
      .about .ceo-mod .ceo-03 a span {
        display: block; }

.about .team-list {
  height: 600px;
  padding: 40px;
  background: url(../images/about/renwu_bg.jpg) no-repeat;
  text-align: center; }
  .about .team-list li {
    display: inline-block;
    width: 200px;
    margin: 0 14px;
    margin-bottom: 20px; }
    .about .team-list li img {
      display: block;
      margin: 0 auto;
      height: 221px;
      width: 166px;
      border: 4px solid #c9bca5; }
    .about .team-list li h4 {
      font-size: 18px;
      line-height: 20px; }
    .about .team-list li p {
      margin: 8px 0; }

.about .party-mod {
  padding: 40px 0; }
  .about .party-mod .news-list {
    margin-top: 50px;
    display: none; }
    .about .party-mod .news-list li {
      float: left;
      margin-right: 98px;
      width: 570px;
      margin-bottom: 30px;
      height: 128px; }
      .about .party-mod .news-list li:nth-child(2n+2) {
        margin-right: 0; }
      .about .party-mod .news-list li a {
        display: inline-block;
        width: 100%; }
        .about .party-mod .news-list li a > div.imgBox {
          float: left;
          width: 173px;
          height: 119px; }
        .about .party-mod .news-list li a > div.newInfo {
          float: right;
          width: 360px;
          color: #666;
          line-height: 20px; }
        .about .party-mod .news-list li a h4 {
          font-size: 18px;
          color: #494848;
          line-height: 24px; }
        .about .party-mod .news-list li a p {
          height: 40px;
          overflow: hidden;
          margin: 8px auto;
          color: #999; }
        .about .party-mod .news-list li a .params i {
          margin-right: 5px; }
        .about .party-mod .news-list li a:hover {
          color: #1248c2; }
          .about .party-mod .news-list li a:hover h4,
          .about .party-mod .news-list li a:hover .date {
            color: #1248c2; }

.about .periodical_list {
  padding-bottom: 40px; }
  .about .periodical_list a {
    float: left;
    width: 407px;
    height: 468px;
    margin-left: 8px;
    position: relative; }
    .about .periodical_list a:nth-child(1) {
      margin-left: 0; }
    .about .periodical_list a img {
      display: block;
      width: 100%;
      height: 100%; }
    .about .periodical_list a .text {
      position: absolute;
      top: 30px;
      left: 20px;
      line-height: 30px;
      color: #fff; }
      .about .periodical_list a .text img {
        display: block; }
      .about .periodical_list a .text h4 {
        font-weight: bold;
        font-size: 36px;
        margin-bottom: 10px;
        text-transform: uppercase; }
        .about .periodical_list a .text h4 span {
          float: left;
          border-right: 1px solid #fff;
          padding-right: 15px;
          margin-right: 15px; }
      .about .periodical_list a .text h5 {
        font-weight: normal;
        line-height: 40px;
        opacity: 0.7;
        font-size: 40px;
        margin: 12px 0;
        text-transform: uppercase; }

.about .page-change-mod .page-item {
  height: 100%;
  overflow: hidden;
  display: none; }

.about .page-change-mod .page-menu {
  margin-top: 10px;
  text-align: right;
  position: relative;
  line-height: 40px;
  font-size: 16px; }
  .about .page-change-mod .page-menu a {
    display: inline-block;
    margin: 0 15px;
    -webkit-transition: none;
    transition: none;
    text-decoration: underline; }
    .about .page-change-mod .page-menu a:hover {
      color: #000; }
    .about .page-change-mod .page-menu a.disabled {
      color: #999; }

.about .page-change-mod .page-menu2 {
  text-align: center; }

.about .subscribe-mod .subscribe-list {
  background: #f1f1f1; }
  .about .subscribe-mod .subscribe-list li {
    float: left;
    width: 168px;
    position: relative;
    background: #f4f3f6;
    font-size: 12px;
    color: #45486c;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    height: 146px;
    opacity: 0.8; }
    .about .subscribe-mod .subscribe-list li .title {
      padding: 30px 15px; }
      .about .subscribe-mod .subscribe-list li .title h4 {
        text-transform: uppercase;
        color: #b6bfca;
        font-size: 14px;
        line-height: 16px; }
      .about .subscribe-mod .subscribe-list li .title h3 {
        margin: 4px 0 3px;
        font-size: 16px; }
    .about .subscribe-mod .subscribe-list li p {
      opacity: 0.7;
      line-height: 16px; }
    .about .subscribe-mod .subscribe-list li .info {
      width: 220px;
      position: absolute;
      top: 30px;
      right: 100px;
      opacity: 0;
      -webkit-transition: all linear 0.3s;
      transition: all linear 0.3s; }
      .about .subscribe-mod .subscribe-list li .info .ewm-t {
        float: left;
        margin-top: 52px;
        line-height: 18px;
        text-align: right;
        width: 125px; }
      .about .subscribe-mod .subscribe-list li .info .ewm-img {
        float: right;
        width: 86px;
        height: 86px; }
      .about .subscribe-mod .subscribe-list li .info a {
        float: right;
        color: #fff;
        font-size: 16px;
        line-height: 86px;
        display: block;
        width: 180px; }
        .about .subscribe-mod .subscribe-list li .info a i {
          margin-left: 10px;
          font-size: 20px;
          -webkit-transition: all linear 0.3s;
          transition: all linear 0.3s; }
        .about .subscribe-mod .subscribe-list li .info a:hover i {
          margin-left: 20px; }
  .about .subscribe-mod .subscribe-list .active {
    width: 398px;
    opacity: 1; }
    .about .subscribe-mod .subscribe-list .active .info {
      opacity: 1;
      right: 15px; }
  .about .subscribe-mod .subscribe-list li:nth-child(2) {
    background: #fccc00;
    color: #776204; }
    .about .subscribe-mod .subscribe-list li:nth-child(2) .title h4 {
      color: #fff; }
  .about .subscribe-mod .subscribe-list li:nth-child(3) {
    background: #fc433e;
    color: #fff; }
    .about .subscribe-mod .subscribe-list li:nth-child(3) .title h4 {
      color: #fff; }
  .about .subscribe-mod .subscribe-list li:nth-child(4) {
    background: #00935d;
    color: #86d3b7; }
    .about .subscribe-mod .subscribe-list li:nth-child(4) .title h4 {
      color: #fff; }
    .about .subscribe-mod .subscribe-list li:nth-child(4) .title h3 {
      color: #fccc00; }
  .about .subscribe-mod .subscribe-list li:nth-child(5) {
    background: #373275;
    color: #64608e; }
    .about .subscribe-mod .subscribe-list li:nth-child(5) .title h4 {
      color: #88375a; }
    .about .subscribe-mod .subscribe-list li:nth-child(5) .title h3 {
      color: #fccc00; }
    .about .subscribe-mod .subscribe-list li:nth-child(5) p {
      opacity: 1; }
  .about .subscribe-mod .subscribe-list li:nth-child(6) {
    background: #1248c2;
    color: #64608e; }
    .about .subscribe-mod .subscribe-list li:nth-child(6) .title h4 {
      color: #fff; }
    .about .subscribe-mod .subscribe-list li:nth-child(6) .title h3 {
      color: #fccc00; }
    .about .subscribe-mod .subscribe-list li:nth-child(6) p {
      opacity: 1;
      color: #fff; }

.job-loading {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1); }
  .job-loading .load-box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px 0 0 0px; }

.apply-job {
  width: 600px;
  height: 600px;
  margin: -320px 0 0 -320px;
  padding: 20px; }
  .apply-job .order-space-form {
    padding: 0;
    margin: 0; }
  .apply-job .order-form .form-item {
    float: initial;
    margin-left: 0;
    width: 600px; }
  .apply-job .order-form .form-item input {
    width: 490px; }
  .apply-job .order-form .text-area-item textarea {
    width: 580px; }
  .apply-job .tip {
    font-size: 12px;
    line-height: 40px;
    color: #999;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 0; }

.job {
  background: #f7f7f7; }
  .job .job-content-detail {
    margin-top: 40px; }
  .job .none-job {
    padding: 40px;
    text-align: center;
    font-size: 18px;
    color: #999; }
  .job .search-wrap {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    background: #fff; }
    .job .search-wrap .job-search {
      background: #efefef;
      border: 1px solid #efefef;
      height: 48px;
      line-height: 48px;
      font-size: 16px; }
      .job .search-wrap .job-search .search-icon {
        width: 50px;
        font-size: 26px;
        text-align: center; }
      .job .search-wrap .job-search .search-input-wrapper {
        width: 1000px;
        position: relative; }
        .job .search-wrap .job-search .search-input-wrapper .search-input {
          border: none;
          width: 800px;
          background: #efefef;
          font-size: 16px; }
          .job .search-wrap .job-search .search-input-wrapper .search-input:focus {
            border-color: #1763e9 !important;
            -webkit-box-shadow: none;
                    box-shadow: none; }
      .job .search-wrap .job-search .search-btn {
        width: 150px;
        color: #1248c2;
        text-align: center; }
        .job .search-wrap .job-search .search-btn:hover {
          text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }
      .job .search-wrap .job-search:hover {
        border-color: #1763e9; }
  .job .job-main {
    margin-top: 20px;
    padding-bottom: 60px; }
    .job .job-main .job-sort {
      width: 300px; }
      .job .job-main .job-sort h3 {
        font-size: 22px;
        line-height: 60px; }
      .job .job-main .job-sort .sort-wrapper {
        padding: 0 25px;
        background: #fff;
        -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
                box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 2px 3px 0 #d8d8d8;
                box-shadow: 0 2px 3px 0 #d8d8d8; }
      .job .job-main .job-sort .sort-item {
        border-bottom: 1px solid #ddd;
        padding: 15px 0; }
        .job .job-main .job-sort .sort-item .sort-item-t {
          font-size: 20px;
          color: #333;
          cursor: pointer;
          line-height: 50px; }
          .job .job-main .job-sort .sort-item .sort-item-t .open-btn {
            cursor: pointer;
            position: relative;
            margin-top: 19px;
            width: 12px;
            height: 12px; }
          .job .job-main .job-sort .sort-item .sort-item-t .vertical-btn {
            position: absolute;
            right: 5px;
            top: 0px;
            width: 2px;
            height: 12px;
            background-color: #323232;
            -webkit-transition: all linear 0.3s;
            transition: all linear 0.3s; }
          .job .job-main .job-sort .sort-item .sort-item-t .transverse-btn {
            position: absolute;
            right: 0px;
            top: 5px;
            width: 12px;
            height: 2px;
            background-color: #323232; }
          .job .job-main .job-sort .sort-item .sort-item-t.active .vertical-btn {
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg); }
        .job .job-main .job-sort .sort-item:last-child {
          border: none; }
      .job .job-main .job-sort .sort-list dt {
        font-size: 16px; }
      .job .job-main .job-sort .sort-list dd {
        padding-left: 30px;
        font-size: 14px; }
      .job .job-main .job-sort .sort-list a {
        line-height: 36px;
        padding-left: 30px;
        display: block;
        position: relative; }
        .job .job-main .job-sort .sort-list a::before {
          content: "";
          position: absolute;
          top: 10px;
          left: 0;
          width: 16px;
          height: 16px;
          display: block;
          background: url(../images/checkbox_02.png) no-repeat;
          background-size: 100% 100%; }
        .job .job-main .job-sort .sort-list a.active::before {
          background-image: url(../images/checkbox_01.png); }
    .job .job-main .job-list-wrap {
      width: 900px; }
      .job .job-main .job-list-wrap .list-top {
        line-height: 60px; }
        .job .job-main .job-list-wrap .list-top h3 {
          font-size: 22px;
          width: 300px; }
        .job .job-main .job-list-wrap .list-top .search-number {
          width: 300px;
          text-align: right;
          font-size: 14px;
          color: #999; }
      .job .job-main .job-list-wrap .label-wrapper {
        position: relative;
        overflow: hidden;
        height: 56px;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        .job .job-main .job-list-wrap .label-wrapper .btn {
          cursor: pointer;
          height: 40px;
          line-height: 40px;
          font-size: 16px;
          color: #0052D9;
          margin-left: 20px;
          -webkit-transition: 0.5s all cubic-bezier(0.2, 0, 0.2, 1);
          transition: 0.5s all cubic-bezier(0.2, 0, 0.2, 1); }
          .job .job-main .job-list-wrap .label-wrapper .btn:hover {
            color: #4C90FF; }
        .job .job-main .job-list-wrap .label-wrapper .label-list {
          width: 740px;
          -webkit-transition: 1s all cubic-bezier(0.2, 0, 0.2, 1);
          transition: 1s all cubic-bezier(0.2, 0, 0.2, 1); }
          .job .job-main .job-list-wrap .label-wrapper .label-list a {
            position: relative;
            display: inline-block;
            padding: 10px 15px;
            margin-right: 15px;
            margin-bottom: 15px;
            background: #FFFFFF;
            border: 1px solid #D9D9D9;
            -webkit-transition: 0.5s border cubic-bezier(0.2, 0, 0.2, 1);
            transition: 0.5s border cubic-bezier(0.2, 0, 0.2, 1);
            font-size: 16px;
            line-height: 18px; }
            .job .job-main .job-list-wrap .label-wrapper .label-list a i {
              margin-left: 15px;
              font-size: 12px;
              color: #999; }
            .job .job-main .job-list-wrap .label-wrapper .label-list a:hover i {
              color: #1248c2; }
      .job .job-main .job-list-wrap .job-list {
        margin-bottom: 40px;
        display: none; }
      .job .job-main .job-list-wrap .job-list-item {
        cursor: pointer;
        background: #FFFFFF;
        -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
                box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 2px 3px 0 #d8d8d8;
                box-shadow: 0 2px 3px 0 #d8d8d8;
        margin-bottom: 16px;
        -webkit-transition: all 0.35s cubic-bezier(0.2, 0, 0.2, 1);
        transition: all 0.35s cubic-bezier(0.2, 0, 0.2, 1);
        position: relative;
        padding: 25px; }
        .job .job-main .job-list-wrap .job-list-item .job-info {
          width: 700px; }
          .job .job-main .job-list-wrap .job-list-item .job-info h4 {
            font-size: 22px;
            line-height: 32px;
            -webkit-transition: all 0.35s cubic-bezier(0.2, 0, 0.2, 1);
            transition: all 0.35s cubic-bezier(0.2, 0, 0.2, 1); }
          .job .job-main .job-list-wrap .job-list-item .job-info .params {
            font-size: 16px;
            margin: 6px 0px 22px;
            line-height: 22px; }
          .job .job-main .job-list-wrap .job-list-item .job-info p {
            height: 48px;
            color: #808080;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
        .job .job-main .job-list-wrap .job-list-item .look-detail {
          margin-top: 30px;
          font-size: 16px;
          line-height: 16px;
          color: #666;
          cursor: pointer;
          text-align: center;
          width: 60px; }
          .job .job-main .job-list-wrap .job-list-item .look-detail i {
            margin: 0 auto;
            display: block;
            font-size: 30px;
            width: 40px;
            height: 32px;
            display: block;
            overflow: hidden; }
        .job .job-main .job-list-wrap .job-list-item:hover {
          -webkit-transform: translateY(-4px);
                  transform: translateY(-4px);
          -webkit-box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.05);
                  box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.05);
          -webkit-box-shadow: 0 10px 8px 0 #d8d8d8 \0;
                  box-shadow: 0 10px 8px 0 #d8d8d8 \0; }
          .job .job-main .job-list-wrap .job-list-item:hover h4 {
            color: #0052D9; }
  .job .job-detail {
    position: relative;
    margin-top: 40px; }
    .job .job-detail .recruit-content {
      float: left;
      width: 800px;
      margin-right: 50px; }
    .job .job-detail .recruit-title .work-title {
      width: 700px;
      font-size: 32px;
      color: #333333;
      line-height: 44px;
      font-weight: bold; }
    .job .job-detail .recruit-title .work-text {
      display: inline-block;
      font-size: 16px;
      color: #333333;
      line-height: 16px; }
    .job .job-detail .work-wrapper {
      margin-top: 16px;
      padding-bottom: 40px;
      border-bottom: 1px solid #d8d8d8; }
    .job .job-detail .recruit-tips {
      font-size: 18px;
      color: #333333;
      line-height: 24px; }
      .job .job-detail .recruit-tips > span {
        margin-right: 20px; }
    .job .job-detail .work-module {
      margin-top: 40px; }
    .job .job-detail .work-module .duty-title {
      font-size: 24px;
      color: #333333;
      /* letter-spacing: 0.05px; */
      line-height: 28px; }
    .job .job-detail .work-module .duty-text {
      margin-top: 16px; }
    .job .job-detail .requirement.work-module {
      margin-top: 40px; }
    .job .job-detail .work-module .duty-text .explain-item {
      font-size: 16px;
      color: #333333;
      /* letter-spacing: 0.03px; */
      line-height: 28px; }
    .job .job-detail .apply-btn {
      position: absolute;
      top: 0;
      right: 0;
      width: 300px;
      margin-right: 25px;
      font-size: 18px;
      line-height: 40px;
      text-align: center;
      background: #0052d9;
      border-radius: 0px;
      color: #fff;
      border: 1px solid #0052d9;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .job .job-detail .apply-btn:hover {
        background: none !important;
        color: #0052d9 !important; }
  .job .job-recommend {
    margin-top: 50px;
    padding-bottom: 60px; }
    .job .job-recommend h3 {
      font-size: 24px;
      line-height: 24px;
      padding-left: 20px;
      border-left: 5px solid #007eff; }
    .job .job-recommend .job-list-02 {
      margin-top: 30px; }
    .job .job-recommend .job-list-item {
      cursor: pointer;
      background: #FFFFFF;
      -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
              box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
      -webkit-box-shadow: 0 2px 3px 0 #d8d8d8;
              box-shadow: 0 2px 3px 0 #d8d8d8;
      margin-bottom: 16px;
      -webkit-transition: all 0.35s cubic-bezier(0.2, 0, 0.2, 1);
      transition: all 0.35s cubic-bezier(0.2, 0, 0.2, 1);
      position: relative;
      padding: 25px; }
      .job .job-recommend .job-list-item .job-info {
        width: 700px; }
        .job .job-recommend .job-list-item .job-info h4 {
          font-size: 22px;
          line-height: 32px;
          -webkit-transition: all 0.35s cubic-bezier(0.2, 0, 0.2, 1);
          transition: all 0.35s cubic-bezier(0.2, 0, 0.2, 1); }
        .job .job-recommend .job-list-item .job-info .params {
          font-size: 16px;
          margin: 6px 0px 22px;
          line-height: 22px; }
        .job .job-recommend .job-list-item .job-info p {
          height: 48px;
          color: #808080;
          line-height: 24px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
      .job .job-recommend .job-list-item .look-detail {
        margin-top: 30px;
        font-size: 16px;
        line-height: 16px;
        color: #666;
        cursor: pointer;
        text-align: center;
        width: 60px; }
        .job .job-recommend .job-list-item .look-detail i {
          margin: 0 auto;
          display: block;
          font-size: 30px;
          width: 40px;
          height: 32px;
          display: block;
          overflow: hidden; }
      .job .job-recommend .job-list-item:hover {
        -webkit-transform: translateY(-4px);
                transform: translateY(-4px);
        -webkit-box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.05);
                box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 10px 8px 0 #d8d8d8 \0;
                box-shadow: 0 10px 8px 0 #d8d8d8 \0; }
        .job .job-recommend .job-list-item:hover h4 {
          color: #0052D9; }

.popup-mod-shadow {
  width: 100%;
  height: 100%;
  background: url(../images/base/black_bg_15.png);
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  display: none;
  -webkit-animation: ani-opacity .35s;
          animation: ani-opacity .35s; }
  .popup-mod-shadow.hide {
    -webkit-animation: ani-opacity-hide .35s;
            animation: ani-opacity-hide .35s; }

.popup-mod {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  display: none;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 3px; }
  .popup-mod.hide {
    -webkit-animation: ani-scale-hide .35s;
            animation: ani-scale-hide .35s; }
  .popup-mod .close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    color: #1763e9;
    font-size: 30px;
    text-align: center;
    line-height: 50px; }
    .popup-mod .close:hover {
      opacity: 0.8; }

.popup-news {
  width: 700px;
  height: 100%;
  margin-left: -350px;
  margin-top: 0px;
  top: 0;
  z-index: 100;
  -webkit-animation: ani-scale .35s;
          animation: ani-scale .35s;
  border-radius: 0; }
  .popup-news .scroll-wrap {
    height: 100%;
    width: 100%;
    overflow-y: scroll; }
  .popup-news .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 660px;
    background: #fff;
    font-size: 16px;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eaeaea;
    margin: 0 auto;
    font-size: 20px;
    color: #494848; }
  .popup-news .news-detail {
    padding: 80px 20px 20px 20px; }
    .popup-news .news-detail .news-title {
      font-size: 18px;
      color: #000;
      margin-bottom: 10px;
      line-height: 28px; }
    .popup-news .news-detail .pramas {
      font-size: 14px;
      color: #999; }
      .popup-news .news-detail .pramas span {
        padding-right: 8px; }
    .popup-news .news-detail .con-detail {
      margin-top: 25px; }
      .popup-news .news-detail .con-detail img {
        display: block;
        margin: 10px auto;
        max-width: 100%;
        width: 100%; }
  .popup-news .news-frame {
    width: 100%;
    height: 100%; }
  .popup-news .ewm {
    display: none;
    width: 90px;
    height: 100px;
    position: absolute;
    right: -89px;
    bottom: 0px;
    background: #fff;
    text-align: center;
    padding: 10px 0; }
    .popup-news .ewm img {
      width: 85%;
      margin: 0 auto;
      display: block; }

.popup-industry {
  width: 860px;
  height: 600px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 -430px;
  background: #fff;
  z-index: 100;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: block;
  opacity: 0;
  -webkit-animation: ani-scale .35s;
          animation: ani-scale .35s; }
  .popup-industry.hide.hide {
    -webkit-animation: ani-scale-hide .35s;
            animation: ani-scale-hide .35s; }
  .popup-industry .title {
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    position: relative; }
    .popup-industry .title h4 {
      font-size: 18px;
      color: #494848; }
  .popup-industry .close {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    color: #999; }
    .popup-industry .close:hover {
      color: #1248c2; }
  .popup-industry .parent-tab {
    border-bottom: 1px solid #e5e5e5;
    padding-left: 30px;
    height: 42px;
    padding-bottom: 10px; }
    .popup-industry .parent-tab a {
      float: left;
      margin-right: 9px;
      padding: 4px 5px;
      border: 1px solid #1248c2;
      color: #1248c2;
      line-height: 16px;
      font-size: 12px;
      text-align: center;
      min-width: 80px;
      border-radius: 4px;
      -webkit-transition: none;
      transition: none; }
      .popup-industry .parent-tab a.a2 {
        line-height: 32px; }
      .popup-industry .parent-tab a:hover {
        background: #f1f1f1; }
      .popup-industry .parent-tab a.active {
        background: #1248c2;
        color: #fff; }
  .popup-industry .parent-tab-con .sun-tab-con {
    padding: 20px 30px;
    width: 570px;
    border-right: 1px solid #e5e5e5; }
    .popup-industry .parent-tab-con .sun-tab-con .sun-tab-con-item {
      display: block;
      min-height: 447px; }
    .popup-industry .parent-tab-con .sun-tab-con h4 {
      font-size: 18px;
      color: #1248c2;
      font-weight: bold;
      margin-bottom: 10px; }
    .popup-industry .parent-tab-con .sun-tab-con p {
      margin-bottom: 10px; }
  .popup-industry .focus-mod {
    margin-top: 20px;
    position: relative; }
    .popup-industry .focus-mod .swiper-container {
      width: 100%;
      height: 330px; }
    .popup-industry .focus-mod .swiper-slide {
      width: 100%;
      height: 100%; }
    .popup-industry .focus-mod .gallery-top .swiper-button-next {
      top: 290px;
      height: 30px;
      right: 40px; }
    .popup-industry .focus-mod .gallery-top .swiper-button-prev {
      top: 290px;
      height: 30px;
      left: 40px; }
    .popup-industry .focus-mod .gallery-thumbs {
      position: absolute;
      width: 419px;
      height: 61px;
      bottom: 16px;
      left: 75px; }
    .popup-industry .focus-mod .gallery-thumbs .swiper-slide {
      width: 95px;
      height: 61px;
      opacity: 1; }
      .popup-industry .focus-mod .gallery-thumbs .swiper-slide img {
        border: 2px solid #fff;
        width: 91px;
        height: 57px; }
    .popup-industry .focus-mod .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1; }
      .popup-industry .focus-mod .gallery-thumbs .swiper-slide-thumb-active img {
        border-color: #68522b; }
  .popup-industry .sun-tab {
    width: 229px;
    padding-top: 24px;
    float: right; }
    .popup-industry .sun-tab a {
      display: block;
      height: 32px;
      line-height: 32px;
      padding: 5px;
      margin-bottom: 20px;
      color: #1248c2;
      -webkit-transition: none;
      transition: none; }
      .popup-industry .sun-tab a i {
        float: left;
        width: 32px;
        height: 32px;
        font-size: 16px;
        margin-left: 20px;
        margin-right: 10px;
        background: url(../images/industry/icon_02.png); }
        .popup-industry .sun-tab a i.i2 {
          background-position-x: -32px; }
        .popup-industry .sun-tab a i.i3 {
          background-position-x: -64px; }
        .popup-industry .sun-tab a i.i4 {
          background-position-x: -96px; }
        .popup-industry .sun-tab a i.i5 {
          background-position-x: -128px; }
      .popup-industry .sun-tab a:hover {
        background: #f1f1f1; }
      .popup-industry .sun-tab a.active {
        background: #1248c2;
        color: #fff; }
        .popup-industry .sun-tab a.active i {
          background-image: url(../images/industry/icon_01.png); }

.popup-map {
  width: 700px;
  height: 500px;
  margin: -250px 0 0 -350px;
  -webkit-animation: ani-scale .35s;
          animation: ani-scale .35s;
  display: block;
  z-index: 10;
  overflow: hidden; }
  .popup-map .bdmap {
    position: absolute;
    top: 0;
    left: 0; }

.popup-visit {
  width: 480px;
  height: 500px;
  margin: -275px 0 0 -260px;
  -webkit-animation: ani-scale .35s;
          animation: ani-scale .35s; }
  .popup-visit .visit-con {
    padding: 20px 25px; }
    .popup-visit .visit-con h2 {
      font-size: 12px;
      line-height: 1.2;
      margin-bottom: 20px; }
      .popup-visit .visit-con h2 em {
        font-size: 22px;
        display: block;
        font-weight: bold; }
      .popup-visit .visit-con h2 span {
        display: block;
        text-transform: uppercase; }
    .popup-visit .visit-con .text p {
      margin-bottom: 5px; }

.design-studio-wrap {
  z-index: 100;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none; }

.design-studio {
  z-index: 1100;
  position: fixed;
  top: 0;
  right: -455px;
  width: 455px;
  height: 100%;
  background: #2b2b2b;
  font-size: 14px;
  line-height: 24px;
  color: #afafaf;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s; }
  .design-studio .design-con {
    padding: 60px 40px 0 40px; }
  .design-studio .intro h2 {
    font-size: 40px;
    line-height: 48px;
    color: #3471ec;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .design-studio .intro .p1 {
    font-size: 18px;
    margin-bottom: 20px; }
  .design-studio .intro p {
    margin-bottom: 20px; }
  .design-studio .icon-list {
    margin-bottom: 40px;
    margin-top: 30px; }
    .design-studio .icon-list li {
      float: left;
      line-height: 20px;
      width: 80px;
      text-align: center;
      margin-right: 65px; }
      .design-studio .icon-list li:last-child {
        margin: 0; }
      .design-studio .icon-list li i {
        margin: 0 auto;
        margin-bottom: 5px;
        display: block;
        width: 50px;
        height: 50px;
        background: url(../images/footer/design-icon.png) no-repeat; }
        .design-studio .icon-list li i.i2 {
          background-position-x: -50px; }
        .design-studio .icon-list li i.i3 {
          background-position-x: -100px; }
  .design-studio .contact-info {
    margin-top: 50px; }
    .design-studio .contact-info .ewm {
      letter-spacing: 4px;
      text-align: center;
      color: #fff; }
      .design-studio .contact-info .ewm img {
        display: block;
        margin-bottom: 10px;
        margin: 0 auto;
        margin-bottom: 10px; }
    .design-studio .contact-info .phone {
      line-height: 30px;
      margin-top: 20px; }
      .design-studio .contact-info .phone em {
        font-size: 16px;
        margin-right: 20px; }
  .design-studio .close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    color: #1248c2;
    font-size: 30px;
    text-align: center;
    line-height: 50px; }
    .design-studio .close:hover {
      opacity: 0.8; }

.popup-city {
  width: 740px;
  height: 620px;
  padding: 20px 30px;
  margin: 0 0 0 -400px;
  position: fixed;
  top: 5%;
  left: 50%;
  background: #fff;
  z-index: 100;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: block;
  opacity: 0; }
  .popup-city.show-ani {
    -webkit-animation: ani-scale .35s;
            animation: ani-scale .35s; }
  .popup-city.hide.hide {
    -webkit-animation: ani-scale-hide .35s;
            animation: ani-scale-hide .35s; }
  .popup-city .title {
    height: 40px;
    line-height: 40px;
    position: relative; }
    .popup-city .title h4 {
      font-size: 18px; }
  .popup-city .close {
    display: block;
    z-index: 100;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    color: #999; }
    .popup-city .close:hover {
      color: #1248c2; }
  .popup-city .city-detail-item {
    margin-top: 10px;
    background: #fff; }
    .popup-city .city-detail-item .detail-top {
      font-size: 14px;
      line-height: 22px;
      height: 110px; }
      .popup-city .city-detail-item .detail-top .detail-text {
        float: left;
        width: 300px; }
        .popup-city .city-detail-item .detail-top .detail-text h4 {
          font-size: 22px;
          font-weight: bold;
          color: #1248c2;
          margin-bottom: 10px; }
        .popup-city .city-detail-item .detail-top .detail-text p {
          font-size: 16px; }
        .popup-city .city-detail-item .detail-top .detail-text .line {
          margin: 15px 0;
          width: 20px;
          height: 1px;
          line-height: 1px;
          background: #999; }
        .popup-city .city-detail-item .detail-top .detail-text .phone {
          color: #1248c2; }
          .popup-city .city-detail-item .detail-top .detail-text .phone em {
            font-size: 20px; }
        .popup-city .city-detail-item .detail-top .detail-text a {
          color: #1248c2;
          text-decoration: underline;
          opacity: 0.9;
          font-size: 12px; }
          .popup-city .city-detail-item .detail-top .detail-text a:hover {
            opacity: 1; }
      .popup-city .city-detail-item .detail-top .ewm-item {
        margin-right: 30px;
        width: 360px; }
        .popup-city .city-detail-item .detail-top .ewm-item .ewm-fl {
          width: 240px;
          float: left; }
        .popup-city .city-detail-item .detail-top .ewm-item .ewm-text {
          color: #999999;
          text-align: right;
          font-size: 12px;
          line-height: 20px; }
        .popup-city .city-detail-item .detail-top .ewm-item .ewm-img {
          width: 100px;
          height: 100px; }
      .popup-city .city-detail-item .detail-top .icon-list {
        height: 62px;
        width: 100%; }
        .popup-city .city-detail-item .detail-top .icon-list a {
          float: right;
          width: 60px;
          text-align: center;
          margin-left: 25px;
          color: #1248c2;
          opacity: 0.9;
          font-size: 13px;
          color: #333; }
          .popup-city .city-detail-item .detail-top .icon-list a:hover {
            opacity: 1; }
          .popup-city .city-detail-item .detail-top .icon-list a:last-child {
            margin: 0; }
          .popup-city .city-detail-item .detail-top .icon-list a i {
            margin: 0 auto;
            margin-bottom: 0px;
            display: block;
            width: 40px;
            height: 40px;
            background: #1248c2 url(../images/service/link-icon.png) no-repeat;
            border-radius: 50%; }
            .popup-city .city-detail-item .detail-top .icon-list a i.i2 {
              background-position-x: -40px; }
            .popup-city .city-detail-item .detail-top .icon-list a i.i3 {
              background-position-x: -80px; }
            .popup-city .city-detail-item .detail-top .icon-list a i.i4 {
              background-position-x: -120px; }
            .popup-city .city-detail-item .detail-top .icon-list a i.i5 {
              background-position-x: -160px; }
            .popup-city .city-detail-item .detail-top .icon-list a i.i6 {
              background-position-x: -200px; }
  .popup-city .focus-mod {
    margin-top: 20px;
    position: relative;
    height: 500px; }
    .popup-city .focus-mod .swiper-container {
      width: 100%;
      height: 390px; }
    .popup-city .focus-mod .swiper-slide {
      width: 100%;
      height: 100%; }
    .popup-city .focus-mod .gallery-top .swiper-button-next {
      top: 450px;
      height: 30px;
      right: 60px; }
    .popup-city .focus-mod .gallery-top .swiper-button-prev {
      top: 450px;
      height: 30px;
      left: 60px; }
    .popup-city .focus-mod .swiper-button-prev,
    .popup-city .focus-mod .swiper-button-next {
      top: 410px;
      margin: 0;
      height: 60px;
      background: none;
      color: #1248c2;
      font-size: 40px;
      line-height: 60px;
      text-align: center;
      width: 40px;
      outline: none !important; }
    .popup-city .focus-mod .swiper-button-next {
      right: 20px; }
    .popup-city .focus-mod .swiper-button-prev {
      left: 20px; }
    .popup-city .focus-mod .gallery-thumbs {
      position: absolute;
      width: 569px;
      height: 61px;
      top: 410px;
      left: 85px;
      z-index: 110; }
    .popup-city .focus-mod .gallery-thumbs .swiper-slide {
      width: 105px;
      height: 61px;
      opacity: 0.9;
      cursor: pointer; }
      .popup-city .focus-mod .gallery-thumbs .swiper-slide img {
        border: 2px solid #333;
        width: 101px;
        height: 57px; }
    .popup-city .focus-mod .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1; }
      .popup-city .focus-mod .gallery-thumbs .swiper-slide-thumb-active img {
        border-color: #1248c2; }
  .popup-city .pc-slide,
  .popup-city .pc-slide2 {
    margin-top: 20px;
    position: relative;
    height: 500px; }
    .popup-city .pc-slide .view .swiper-container,
    .popup-city .pc-slide2 .view .swiper-container {
      width: 100%;
      height: 390px; }
    .popup-city .pc-slide .view .arrow-left,
    .popup-city .pc-slide2 .view .arrow-left {
      background: url(../images/index_tab_l.png) no-repeat left top;
      position: absolute;
      left: 10px;
      top: 50%;
      margin-top: -25px;
      width: 28px;
      height: 51px;
      z-index: 10; }
    .popup-city .pc-slide .view .arrow-right,
    .popup-city .pc-slide2 .view .arrow-right {
      background: url(../images/index_tab_r.png) no-repeat left bottom;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -25px;
      width: 28px;
      height: 51px;
      z-index: 10; }
    .popup-city .pc-slide .preview,
    .popup-city .pc-slide2 .preview {
      width: 100%;
      margin-top: 0px;
      margin-top: 20px;
      position: relative; }
    .popup-city .pc-slide .preview .swiper-container,
    .popup-city .pc-slide2 .preview .swiper-container {
      width: 569px;
      height: 61px;
      margin-left: 85px; }
    .popup-city .pc-slide .preview .swiper-slide,
    .popup-city .pc-slide2 .preview .swiper-slide {
      width: 105px;
      height: 61px;
      opacity: 0.9;
      cursor: pointer;
      padding: 0; }
      .popup-city .pc-slide .preview .swiper-slide img,
      .popup-city .pc-slide2 .preview .swiper-slide img {
        border: 2px solid #333;
        width: 101px;
        height: 57px;
        display: block;
        margin: 0; }
    .popup-city .pc-slide .preview .slide6,
    .popup-city .pc-slide2 .preview .slide6 {
      width: 82px; }
    .popup-city .pc-slide .preview .arrow-left,
    .popup-city .pc-slide2 .preview .arrow-left {
      position: absolute;
      left: 10px;
      top: 50%;
      margin-top: -30px;
      width: 40px;
      height: 60px;
      color: #1248c2;
      font-size: 40px;
      line-height: 60px;
      text-align: center;
      z-index: 10; }
    .popup-city .pc-slide .preview .arrow-right,
    .popup-city .pc-slide2 .preview .arrow-right {
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -30px;
      width: 40px;
      height: 60px;
      color: #1248c2;
      font-size: 40px;
      line-height: 60px;
      text-align: center;
      z-index: 10; }
    .popup-city .pc-slide .preview .active-nav img,
    .popup-city .pc-slide2 .preview .active-nav img {
      padding: 0;
      border-color: #1248c2; }

@media screen and (max-height: 660px) {
  .popup-city {
    height: calc(90%);
    overflow: hidden;
    min-height: 476px;
    padding: 5px 30px; }
    .popup-city .city-detail-item .detail-top {
      height: auto; }
      .popup-city .city-detail-item .detail-top .detail-text h4 {
        margin-bottom: 1%; }
      .popup-city .city-detail-item .detail-top .detail-text .line {
        margin: 3% 0; }
      .popup-city .city-detail-item .detail-top .ewm-item .ewm-img {
        width: 80px;
        height: 80px; }
      .popup-city .city-detail-item .detail-top .ewm-item .ewm-text {
        line-height: 15px; }
    .popup-city .pc-slide2 {
      margin-top: 1%; }
      .popup-city .pc-slide2 .preview {
        margin-top: 2%; }
      .popup-city .pc-slide2 .view .swiper-container {
        height: 332px; } }

.popup-brand {
  width: 740px;
  height: 500px;
  padding: 20px 30px;
  margin: -270px 0 0 -400px;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  z-index: 100;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: none !important;
  opacity: 0; }
  .popup-brand.show-ani {
    -webkit-animation: ani-scale .35s;
            animation: ani-scale .35s; }
  .popup-brand.hide.hide {
    -webkit-animation: ani-scale-hide .35s;
            animation: ani-scale-hide .35s; }
  .popup-brand .title {
    height: 40px;
    line-height: 40px;
    position: relative; }
    .popup-brand .title h4 {
      font-size: 18px; }
  .popup-brand .close {
    display: block;
    z-index: 100;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    color: #999; }
    .popup-brand .close:hover {
      color: #1248c2; }
  .popup-brand .tab-mod .tab-menu {
    margin-top: 30px; }
  .popup-brand .tab-mod .tab-menu a {
    font-size: 15px; }
  .popup-brand .tab-mod .tab-menu .menuColorBg {
    background: #1248c2; }
  .popup-brand .tab-mod .tab-con {
    margin-top: 30px; }
  .popup-brand .tab-con-item {
    display: block; }
  .popup-brand .focus-mod {
    margin-top: 20px;
    position: relative; }
    .popup-brand .focus-mod .swiper-container {
      width: 100%;
      height: 390px; }
    .popup-brand .focus-mod .swiper-slide {
      width: 100%;
      height: 100%; }
    .popup-brand .focus-mod .gallery-top .swiper-button-next {
      top: 350px;
      height: 30px;
      right: 60px; }
    .popup-brand .focus-mod .gallery-top .swiper-button-prev {
      top: 350px;
      height: 30px;
      left: 60px; }
    .popup-brand .focus-mod .gallery-thumbs {
      position: absolute;
      width: 527px;
      height: 61px;
      bottom: 16px;
      left: 106px; }
    .popup-brand .focus-mod .gallery-thumbs .swiper-slide {
      width: 95px;
      height: 61px;
      opacity: 0.9; }
      .popup-brand .focus-mod .gallery-thumbs .swiper-slide img {
        border: 2px solid #999;
        width: 91px;
        height: 57px; }
    .popup-brand .focus-mod .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1; }
      .popup-brand .focus-mod .gallery-thumbs .swiper-slide-thumb-active img {
        border-color: #fff; }

@-webkit-keyframes ani-opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes ani-opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes ani-opacity-hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ani-opacity-hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ani-slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px);
            transform: translateX(400px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes ani-slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(400px);
            transform: translateX(400px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes ani-scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.82);
            transform: scale(0.82); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ani-scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.82);
            transform: scale(0.82); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes ani-scale-hide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.82);
            transform: scale(0.82); } }

@keyframes ani-scale-hide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.82);
            transform: scale(0.82); } }

.loading-item {
  margin: 0 auto;
  padding-top: 1px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 4px;
  color: #999; }

.loadEffect {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  width: 100px;
  height: 100px;
  position: relative;
  margin: 0 auto; }

.loadEffect span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #999;
  position: absolute;
  -webkit-animation: load 1.04s ease infinite; }

@-webkit-keyframes load {
  0% {
    -webkit-transform: scale(1.2);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.3);
    opacity: 0.5; } }

.loadEffect span:nth-child(1) {
  left: 0;
  top: 50%;
  margin-top: -10px;
  -webkit-animation-delay: 0.13s; }

.loadEffect span:nth-child(2) {
  left: 14px;
  top: 14px;
  -webkit-animation-delay: 0.26s; }

.loadEffect span:nth-child(3) {
  left: 50%;
  top: 0;
  margin-left: -10px;
  -webkit-animation-delay: 0.39s; }

.loadEffect span:nth-child(4) {
  top: 14px;
  right: 14px;
  -webkit-animation-delay: 0.52s; }

.loadEffect span:nth-child(5) {
  right: 0;
  top: 50%;
  margin-top: -10px;
  -webkit-animation-delay: 0.65s; }

.loadEffect span:nth-child(6) {
  right: 14px;
  bottom: 14px;
  -webkit-animation-delay: 0.78s; }

.loadEffect span:nth-child(7) {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  -webkit-animation-delay: 0.91s; }

.loadEffect span:nth-child(8) {
  bottom: 14px;
  left: 14px;
  -webkit-animation-delay: 1.04s; }

/*# sourceMappingURL=layout.css.map */