@charset "UTF-8";
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; outline: none; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: Arial, 'Microsoft YaHei','Hiragino Sans GB', sans-serif; }

ul, li { list-style: none; }

img { border: 0px; max-width: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

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

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

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

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

/* layout start*/
@font-face { font-family: 'franklinGothic';
        src: url('/fonts/Franklin Gothic Medium.eot');   /*IE9兼容模式*/
        src: url('/fonts/Franklin Gothic Medium.eot?#iefix') format('embedded-opentype'),  /*IE6~IE8*/
         url('/fonts/Franklin Gothic Medium.woff') format('woff'),         /*现代浏览器*/
         url('/fonts/Franklin Gothic Medium.ttf') format('truetype'),     /*Safari,Android,iOS*/
        }

@font-face { font-family: 'bellmt';
              src: url('/fonts/bellmt.eot');   /*IE9兼容模式*/
        src: url('/fonts/bellmt.eot?#iefix') format('embedded-opentype'),  /*IE6~IE8*/
         url('/fonts/bellmt.woff') format('woff'),         /*现代浏览器*/
         url('/fonts/bellmt.ttf') format('truetype'),     /*Safari,Android,iOS*/ }



@charset "UTF-8";
@-webkit-keyframes { 0% { opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%); }
  100% { opacity: 1;
    transform: translateX(0%);
    -webkit-transform: translateX(0%); } }
@-moz-keyframes { 0% { opacity: 0;
    -moz-transform: translateX(-100%);
         transform: translateX(-100%);
    -webkit-transform: translateX(-100%); }
  100% { opacity: 1;
    -moz-transform: translateX(0%);
         transform: translateX(0%);
    -webkit-transform: translateX(0%); } }
@-o-keyframes { 0% { opacity: 0;
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
    -webkit-transform: translateX(-100%); }
  100% { opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
    -webkit-transform: translateX(0%); } }
@keyframes { 0% { opacity: 0;
    -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
         transform: translateX(-100%);
    -webkit-transform: translateX(-100%); }
  100% { opacity: 1;
    -moz-transform: translateX(0%);
      -o-transform: translateX(0%);
         transform: translateX(0%);
    -webkit-transform: translateX(0%); } }

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

@-moz-keyframes right-slide-fade { 0% { opacity: 0;
    -moz-transform: translateX(100%);
         transform: translateX(100%);
    -webkit-transform: translateX(100%); }
  100% { opacity: 1;
    -moz-transform: translateX(0%);
         transform: translateX(0%);
    -webkit-transform: translateX(0%); } }

@-o-keyframes right-slide-fade { 0% { opacity: 0;
    -o-transform: translateX(100%);
       transform: translateX(100%);
    -webkit-transform: translateX(100%); }
  100% { opacity: 1;
    -o-transform: translateX(0%);
       transform: translateX(0%);
    -webkit-transform: translateX(0%); } }

@keyframes right-slide-fade { 0% { opacity: 0;
    -moz-transform: translateX(100%);
      -o-transform: translateX(100%);
         transform: translateX(100%);
    -webkit-transform: translateX(100%); }
  100% { opacity: 1;
    -moz-transform: translateX(0%);
      -o-transform: translateX(0%);
         transform: translateX(0%);
    -webkit-transform: translateX(0%); } }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; }

.left-slide-fade { -moz-animation: left-slide-fade .5s 1; -o-animation: left-slide-fade .5s 1; animation: left-slide-fade .5s 1; -webkit-animation: left-slide-fade .5s 1; }

.right-slide-fade { -moz-animation: right-slide-fade .5s 1; -o-animation: right-slide-fade .5s 1; animation: right-slide-fade .5s 1; -webkit-animation: right-slide-fade .5s 1; }

body, html { width: 100%; overflow-x: hidden; }

.as-padding { padding-top: 20px; padding-bottom: 20px; }

/* 面包屑  内页切换 */
.inside-banner { width: 100%; overflow: hidden; }

.inside-banner img { display: block; width: 100%; }

.breadcrumb-wrap { background-color: #f7f7f7; }

.inside-tab { position: relative; z-index: 1; }

.inside-tab .inside-tab-title { line-height: 46px; color: #333; font-weight: bold; text-align: center; font-size: 15px; }

.inside-tab .inside-tab-title:after { content: ''; display: inline-block; vertical-align: middle; border: 6px solid transparent; border-top-color: #666; margin: 4px -15px 0 5px; }

.inside-tab .inside-tab-main { position: absolute; width: 100%; text-align: center; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background: #fff; display: none; overflow: hidden; z-index: 9; }

.inside-tab .inside-tab-main li { line-height: 40px; }

.inside-tab .inside-tab-main li a { display: block; font-size: 15px; color: #737373; position: relative; }

.inside-tab .inside-tab-main li a:after { content: ''; position: absolute; width: 100%; height: 2px; background: transparent; left: 0; bottom: 0; }

.inside-tab .inside-tab-main li.cur a { color: #ef1414; }

.inside-tab .inside-tab-main li.cur a:after { background: #ef1414; }

.disbox, .newsList .text .title-time .title, .commercial-list .text-wrapper .info, .row-standards .item-container .info .text { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

/* 新闻中心   */
@-webkit-keyframes hotaniamte { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes hotaniamte { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes hotaniamte { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes hotaniamte { 0% { opacity: 0; }
  100% { opacity: 1; } }

.newsList { padding-top: 35px; padding-bottom: 35px; }

.newsList .text { padding: 20px 15px; }

.newsList .text .title-time { margin-bottom: 10px; line-height: 22px; }

.newsList .text .title-time .time { font-size: 17px; color: #ef1414; font-weight: bold; font-family: 'rubik'; }

.newsList .text .title-time .title { font-size: 15px; color: #555; font-weight: bold; width: 100%; max-height: 44px; line-height: 22px; -webkit-line-clamp: 1; margin-bottom: 5px; }

.newsList .text .info { font-size: 13px; color:#666; width: 100%; max-height: 36px; line-height: 18px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.newsList .text .more { display: inline-block; vertical-align: top; color: #3c3c3c; font-size: 14px; text-decoration: underline; margin-top: 10px; display: none; font-weight: bold; }

.ul-newsList li { border: 1px solid #efefef; margin-bottom: 20px; }

.ul-newsList li a { display: block; }

.ul-newsList li .image { width: 100%; overflow: hidden; }

.ul-newsList li .image img { display: block; width: 100%; -webkit-transition: all .7s; -o-transition: all .7s; -moz-transition: all .7s; transition: all .7s; }

.ul-newsList li a:active .text .title-time .title { color: #ef1414; }

.newsshot { background: #FAFAFA; margin-bottom: 30px; }

.newsshot .image img { width: 100%; }

.newsshot .text { padding-top: 20px; padding-bottom: 20px; }

.newsshot .text .more { display: inline-block; }

.newsshot .text .more:after { content: 'Hot !'; display: inline-block; vertical-align: middle; color: #ef1414; margin-left: 5px; -webkit-animation: hotaniamte 2s infinite; -moz-animation: hotaniamte 2s infinite; -o-animation: hotaniamte 2s infinite; animation: hotaniamte 2s infinite; }

.more-wrapper { padding: 15px 0 30px 0; }

.more-wrapper .load-more-btn { display: block; color: #fff; background-color: #4a4a4a; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; font-size: 14px; line-height: 36px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.more-wrapper .load-more-btn:active { background-color: #454444; }

/* 新闻详情  */
.news-article { padding: 30px 0 50px 0; }

.article-qy .head { border-bottom: 2px solid #ef1414; }

.article-qy .head h1 { font-size: 16px; color: #3c3c3c; line-height: 1.6; font-weight: bold; text-align: center; }

.article-qy .head .infos { font-size: 12px; color: #282828; text-align: center; padding: 10px 0 5px 0; }

.article-qy .text { padding: 10px 0 20px 0; font-size: 13px; color: rgba(88, 88, 88, 0.7); line-height: 180%; }

.article-qy .text img { max-width: 100%;  }

.article-share .bdsharebuttonbox { background: url(../images/share-bg.png) no-repeat scroll 0 0; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; padding: 10px 0; display: inline-block; vertical-align: top; width: 100%; max-width: 194px; line-height: 32px; height: 50px; }

.article-share .bdsharebuttonbox .title { float: left; font-size: 16px; color: #666666; width: 54%; text-align: center; font-weight: bold; }

.article-share .bdsharebuttonbox a { margin-top: 0 !important; height: 32px !important; width: 32px !important; padding: 16px !important; background-position: 0 0 !important;display:inline-block; }

/* 运营案例  */
.commercial { padding: 20px 0 0 0; }

.g-inside-head { margin-bottom: 20px; }

.g-inside-head .first-title {
	font-size: 24px;
	color: #079503;
	line-height: 1.2;
	font-family: "Times New Roman", Georgia, Serif;
}

.g-inside-head .second-title { font-size: 20px; color: #323232; font-weight: bold; line-height: 1.5; padding-top: 5px; }

.g-inside-head .second-title span { display: inline-block; vertical-align: top; padding-bottom: 16px; position: relative; }

.g-inside-head .second-title span:after { content: ''; position: absolute; width: 18px; height: 2px; background-color: #e41e1e; left: 0; bottom: 0; }

.commercial-list { width: 100%; }

.commercial-list li { width: 100%; overflow: hidden; margin-bottom: 20px; border: 1px solid #F8F8F8; -webkit-transition: all .7s; -o-transition: all .7s; -moz-transition: all .7s; transition: all .7s; }

.commercial-list li a { display: block; }

.commercial-list .img-wrapper { width: 100%; position: relative; overflow: hidden; }

.commercial-list .img-wrapper > img { display: block; width: 100%; -webkit-transition: all .7s; -o-transition: all .7s; -moz-transition: all .7s; transition: all .7s; }

.commercial-list .text-wrapper { padding: 20px 15px; }

.commercial-list .text-wrapper .title { font-size: 16px; color: #ef1414; font-weight: bold; margin-bottom: 10px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.commercial-list .text-wrapper .info { width: 100%; font-size: 14px; color: #666; display: -webkit-box; height: 66px; line-height: 22px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.commercial-list .text-wrapper .more { display: inline-block; vertical-align: top; font-size: 14px; color: #585858; text-decoration: underline; padding-top: 15px; }

.m-flex { position: absolute; background: rgba(32, 32, 32, 0); z-index: 199; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

/* 运营详情  */
.commercial-details { padding-bottom: 40px; font-size: 14px; line-height: 180%; color: #666; }

.commercial-details img { display: block; max-width: 100%; }

.commercial-details .line { height: 8px; background: url(../images/line01.png) repeat-x scroll 0 0; margin: 15px 0; }

.commercial-details h3 { font-size: 18px; color: #ef1414; line-height: 1.5; font-weight: bold; margin-bottom: 5px; }

.commercial-details ul { color: #58585e; font-weight: bold; margin-bottom: 15px; }

/* 招聘信息  */
.recruitment { margin-bottom: 30px; }

.recruit-table { overflow-x: auto; overflow-y: hidden; }

.recruit-table .head { width: 100%; background-color: #ef1414; overflow: hidden; line-height: 48px; min-width: 720px; }

.recruit-table .head h4 { color: #fff; font-size: 13px; }

.recruit-table .name, .recruit-table .nums, .recruit-table .addr, .recruit-table .time { padding: 0 15px; width: 25%; float: left; }

.recruit-table .bodies { line-height: 48px; min-width: 720px; }

.recruit-table .bodies li { border-bottom: 1px solid #efefef; width: 100%; overflow: hidden; }

.recruit-table .bodies li span { display: block; overflow: hidden; white-space: nowrap; color: #393939; font-size: 14px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.recruit-table .bodies li a:hover span { color: #ef1414; }

/* 招聘信息详情  */
.recruitment-info .head { font-size: 16px; color: #ffffff; background-color: #ef1414; line-height: 1.2; padding: 20px 15px; }

.recruitment-info .head span { display: inline-block; vertical-align: top; margin-right: 10px; }

.recruitment-info .text { padding: 25px 15px; font-size: 13px; color: #707070; line-height: 24px; }

/* 投资  传媒  */
.l-investment .text { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 20px; }

.row-investment { margin-left: -15px; margin-right: -15px; }

.row-investment .item { width: 100%; padding-left: 15px; padding-right: 15px; margin-bottom: 15px; }

.row-investment .item .img-wrapper { width: 100%; position: relative; overflow: hidden; }

.row-investment .item .img-wrapper > img { display: block; width: 100%; -webkit-transition: all .9s; -o-transition: all .9s; -moz-transition: all .9s; transition: all .9s; }

.row-investment .item .img-wrapper .font { font-size: 18px; color: #ffffff; position: absolute; top: 12%; left: 6%; z-index: 199; }

.l-service-wrapper { width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; padding-top: 180px; -moz-background-size: auto 180px; -o-background-size: auto 180px; background-size: auto 180px; background-position: 70% 0; }

.l-service { position: relative; }

.l-service .service-image { width: 100%; overflow: hidden; }

.l-service .service-image img { display: block; width: 100%; }

.l-service .service-info { padding-top: 15px; padding-bottom: 30px; }

.l-service .service-info .text { font-size: 14px; color: #666; line-height: 25px; }

.l-service-standards .text-p { font-size: 14px; color: #666; line-height: 25px; margin-bottom: 20px; }

.row-standards { margin-left: -15px; margin-right: -15px; }

.row-standards .item { padding-left: 15px; padding-right: 15px; width: 100%; float: left; }

.row-standards .item-container { width: 100%; overflow: hidden; }

.row-standards .item-container .image { width: 100%; overflow: hidden; }

.row-standards .item-container .image img { display: block; width: 100%; -webkit-transition: all .9s; -o-transition: all .9s; -moz-transition: all .9s; transition: all .9s; }

.row-standards .item-container .info { padding-top: 25px; padding-bottom: 15px; }

.row-standards .item-container .info .title { font-size: 16px; color: #424242; font-weight: bold; line-height: 1.5; }

.row-standards .item-container .info .title-info { color: #e41e1e; font-size: 20px; line-height: 1; margin-bottom: 10px; font-family: "Times New Roman", Georgia, Serif; }

.row-standards .item-container .info .title, .row-standards .item-container .info .title-info { width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.row-standards .item-container .info .text { color: #666; font-size: 13px; line-height: 22px; padding-right: 16%; -webkit-line-clamp: 3; }

/*  地产   */
.realEstate-wrapper { padding-bottom: 30px; }

.swiper-main { width: 100%; margin: 0 auto; overflow: hidden; }

.swiper-main .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.realEstate-list { border: 1px solid #dcdcdc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 20px 15px; margin-bottom: 15px; }

.realEstate-list .title { text-align: center; line-height: 1.5; font-size: 18px; color: #e51212; font-weight: bold; }

.realEstate-list ul { padding-top: 25px; /*li:nth-child(1){ width: 30%; } li:nth-child(2){ width: 24%; } li:nth-child(3){ width: 25%; } li:nth-child(4){ width: 21%; }*/ }

.realEstate-list ul li { width: 100%; margin-bottom: 10px; }

.realEstate-list ul li h3 { width: 100%; position: relative; line-height: 22px; font-size: 16px; color: #363636; font-weight: bold; padding-left: 35px; margin-bottom: 10px; }

.realEstate-list ul li h3 span { position: absolute; left: 0; top: 0; width: 22px; height: 22px; overflow: hidden; }

.realEstate-list ul li h3 span img { display: block; width: 100%; height: 100%; }

.realEstate-list ul li .ps { padding-left: 35px; font-size: 13px; color: #666; line-height: 20px; font-weight: bold; }

.cum-pagination { display: none; }

.cum-pagination .item { float: left; width: 25%; cursor: pointer; }

.cum-pagination .item .dian { width: 20px; height: 38px; overflow: hidden; background-image: url(../images/dian.png); background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 0 0; display: inline-block; vertical-align: top; margin-bottom: 10px; }

.cum-pagination .item p { margin-bottom: -50px; font-size: 18px; color: #3c3c3c; line-height: 1.4; padding-top: 25px; }

.cum-pagination .item.cur .dian, .cum-pagination .item:hover .dian { background-position: 0 -38px; }

.cum-pagination .item.cur p, .cum-pagination .item:hover p { color: #e51212; }

.cum-pagination:after { content: ''; display: block; clear: both; }

/*.service-info .g-inside-head .first-title{color:#ffffff;}
.service-info .g-inside-head .second-title span{color:#fff;}
.service-info .g-inside-head .second-title span:after{background-color:#fff;}
.l-service .service-info .text{color:#fff;}*/

@charset "UTF-8";
@media (min-width: 768px) { /* 招聘信息  */
  .recruit-table .name { width: 30%; }
  .recruit-table .nums { width: 30%; }
  .recruit-table .addr { width: 25%; }
  .recruit-table .time { width: 15%; }
  /* 传媒  投资 */
  .l-service-wrapper { padding-top: 254px; -moz-background-size: auto 254px; -o-background-size: auto 254px; background-size: auto 254px; background-position: center 0; }
  /* 地产 */
  .realEstate-list ul li { float: left; width: 50%; margin-bottom: 20px; } }

@charset "UTF-8";
@media (min-width: 1024px) { .visible-md { display: block; }
  .disbox { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .as-padding { padding-top: 30px; padding-bottom: 35px; }
  /* 新闻中心   */
  .inside-tab { position: relative; }
  .inside-tab .inside-tab-title { display: none; }
  .inside-tab .inside-tab-main { position: static; display: block; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .inside-tab .inside-tab-main li { line-height: 60px; float: left; margin-right: 30px; }
  .inside-tab .inside-tab-main li a:after { height: 3px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .inside-tab .inside-tab-main li a:hover:after { background: #ef1414; }
  .inside-tab .inside-tab-main li.cur a { color: #737373; }
  .tab-left { float: left; }
  .breadcrumb-right { float: right; }
  .breadcrumb { line-height: 60px; }
  .breadcrumb a { font-size: 13px; color: #666; display: inline-block; vertical-align: top; padding-right: 20px; position: relative; }
  .breadcrumb a:last-child:after { display: none; }
  .breadcrumb a:after { content: ''; border: 4px solid transparent; border-left-color: #8a8a8a; display: inline-block; position: absolute; top: 50%; margin-top: -4px; right: 0px; }
  .breadcrumb a:last-child { padding-right: 0; }
  .breadcrumb .home img { width: 17px; display: inline-block; vertical-align: middle; margin-top: -5px; }
  .more-wrapper .load-more-btn:hover { background: #3a3a3a; }
  /* 新闻中心   */
  .newsList { padding-top: 60px; }
  .ul-newsList .text { padding: 35px 0 0; min-height: 160px; }
  .ul-newsList .text .title-time { line-height: 30px; position: relative; overflow: hidden; }
  .ul-newsList .text .title-time .time { font-size: 20px; float: right; width: 28%; text-align: right; }
  .ul-newsList .text .title-time .title { font-size: 18px; -webkit-line-clamp: 1; height: 30px; float: left; width: 72%; line-height: 30px; }
  .ul-newsList .text .info { height: 36px; }
  .ul-newsList .text .more { width: 100%; text-align: right; }
  .ul-newsList li { margin-bottom: 10px; position: relative; padding-left: 290px; border: 1px solid #efefef; padding-right: 30px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .ul-newsList li .image { position: absolute; top: 0; left: 0; width: 260px; height: 160px; }
  .ul-newsList li:hover { border-color: #ef1414; }
  .ul-newsList li:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .ul-newsList li:hover .text .title-time .title { color: #ef1414; }
  .newsshot { padding-left: 380px; margin-bottom: 30px; padding-right: 30px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: relative; }
  .newsshot .image { position: absolute; top: 0; left: 0; width: 350px; height: 200px; overflow: hidden; }
  .newsshot .image img { -webkit-transition: all .7s; -o-transition: all .7s; -moz-transition: all .7s; transition: all .7s; }
  .newsshot .text { min-height: 201px; padding: 15px 0 0; }
  .newsshot .text .title-time .title { font-size: 18px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 22px; line-height: 22px; margin-bottom: 18px; }
  .newsshot .text .title-time .time { font-size: 20px; margin-bottom: 10px; }
  .newsshot .text .title-time .time, .newsshot .text .title-time .title { float: none; width: 100%; text-align: left; }
  .newsshot .text .more { text-align: right; display: block; }
  .newsshot .text .more:after { display: none; }
  .newsshot :hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .newsshot :hover .text .more, .newsshot :hover .text .title { color: #ef1414; }
  /* 新闻详情  */
  .news-article { padding: 60px 0 100px 0; }
  .article-qy .head h1 { font-size: 20px; }
  .article-qy .head .infos { font-size: 16px; padding: 20px 0 10px 0; }
  .article-qy .text { padding: 20px 0 40px 0; }
  /* 运营案例  */
  .commercial { padding: 30px 0 0 0; }
  .g-inside-head .first-title { font-size: 30px; }
  .g-inside-head .second-title { font-size: 20px; }
  .commercial-list li { padding-right: 28px; }
  .commercial-list li:hover { background-color: #eee; }
  .commercial-list li:hover a .m-flex { background: rgba(32, 32, 32, 0.8); opacity: 1; }
  .commercial-list li:hover .img-wrapper > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .commercial-list li:hover .text-wrapper .more { color: #ef1414; }
  .commercial-list .img-wrapper { width: 100%; float: left; width: 32%; }
  .commercial-list .text-wrapper { padding: 15px 0 0 34.5%; }
  .commercial-list .text-wrapper .title { font-size: 20px; margin-bottom: 12px; }
  .commercial-list .text-wrapper .more { padding-top: 15px; }
  .m-flex { opacity: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .m-flex .m-item { text-align: center; }
  .m-flex .m-item span { display: inline-block; vertical-align: top; width: 30px; height: 30px; overflow: hidden; margin-bottom: 10px; }
  .m-flex .m-item span img { display: block; }
  .m-flex .m-item p { color: #fff; font-size: 16px; letter-spacing: 2px; }
  /* 运营详情  */
  .commercial-details .line { margin: 30px 0; }
  .commercial-details h3 { font-size: 24px; margin-bottom: 15px; }
  .commercial-details ul { margin-bottom: 25px; }
  /* 招聘信息  */
  .recruit-table .head { line-height: 62px; }
  .recruit-table .name, .recruit-table .nums, .recruit-table .addr, .recruit-table .time { padding: 0 30px; }
  .recruit-table .bodies { line-height: 62px; }
  .recruit-table .bodies li a:hover span { color: #ef1414; }
  /* 招聘信息详情  */
  .recruitment-info .head { padding: 20px 30px; }
  .recruitment-info .head span { margin-right: 50px; }
  .recruitment-info .text { padding: 25px 30px 0; }
  /* 投资  传媒  */
  .l-investment { padding-bottom: 30px; }
  .row-investment { margin-left: -15px; margin-right: -15px; }
  .row-investment .item { float: left; width: 50%; margin-bottom: 0; }
  .row-investment .item .img-wrapper .font { font-size: 24px; }
  .row-investment .item:hover .img-wrapper > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .l-service-wrapper { padding-top: 0px; min-height: 448px; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom: 50px; }
  .l-service { position: absolute; max-width: 50%; top: 50%; left: 40px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .l-service .service-info { padding: 0; }
  .row-standards .item { width: 33.333%; }
  .row-standards .item:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .row-standards .item-container .info .title { font-size: 18px; }
  .row-standards .item-container .info .title-info { font-size: 24px; } }

@charset "UTF-8";
@media (min-width: 1200px) { .as-padding { padding-top: 40px; padding-bottom: 60px; }
  /* 新闻中心   */
  .ul-newsList .text { padding-top: 40px; }
  .newsshot { padding-left: 480px; }
  .newsshot .image { width: 450px; height: 258px; }
  .newsshot .text { padding-top: 40px; min-height: 258px; }
  .newsshot .text .title-time .time { font-size: 30px; line-height: 40px; margin-bottom: 4px; }
  .newsshot .text .more { margin-top: 20px; }
  .more-wrapper { padding: 30px 0 60px 0; }
  /* 运营案例  */
  .commercial { padding: 46px 0 10px 0; }
  .commercial-list .text-wrapper { padding: 45px 0 0 34.5%; }
  /* 投资  传媒  */
  .row-standards .item-container .info .title { font-size: 20px; margin-bottom: 4px; }
  .row-standards .item-container .info .title-info { font-size: 30px; }
  /*  地产   */
  .realEstate-wrapper { padding-bottom: 110px; }
  .realEstate { background: url(../images/dc-bg.png) no-repeat scroll left bottom; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
  .swiper-main { width: 84%; }
  .swiper-main .swiper-wrapper { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .realEstate-list { padding: 30px 40px; margin-bottom: 0px; }
  .realEstate-list ul { padding-top: 25px; }
  .realEstate-list ul li { width: 25%; margin-bottom: 0; }
  .realEstate-list ul li h3 { line-height: 33px; padding-left: 44px; }
  .realEstate-list ul li h3 span { width: 33px; height: 33px; }
  .realEstate-list ul li:nth-child(1) { width: 30%; }
  .realEstate-list ul li:nth-child(2) { width: 24%; }
  .realEstate-list ul li:nth-child(3) { width: 25%; }
  .realEstate-list ul li:nth-child(4) { width: 21%; }
  .cum-pagination { width: 100%; margin-top: 60px; display: block; }
  .cum-pagination .item { float: left; width: 25%; cursor: pointer; }
  .cum-pagination .item .dian { width: 20px; height: 38px; overflow: hidden; background-image: url(../images/dian.png); background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 0 0; display: inline-block; vertical-align: top; margin-bottom: 10px; }
  .cum-pagination .item p { margin-bottom: -50px; font-size: 18px; color: #3c3c3c; line-height: 1.4; padding-top: 25px; }
  .cum-pagination .item.cur .dian, .cum-pagination .item:hover .dian { background-position: 0 -38px; }
  .cum-pagination .item.cur p, .cum-pagination .item:hover p { color: #e51212; }
  .cum-pagination:after { content: ''; display: block; clear: both; }

  .realEstate-list{min-height:297px;}
  .realEstate-list .twolist li{width:25% !important;}
}

@media (min-width: 1260px) { .commercial-list .text-wrapper { padding-bottom: 30px; }
  .l-service-wrapper .commonweb { position: relative; height: 100%; min-height: 448px; }
  .l-service { left: 0; } }

@charset "UTF-8";
header { position: fixed; width: 100%; background: #fff; z-index: 997; top: 0; left: 0; transition: -webkit-transform .3s ease; }

header .logo { float: left; display: block; padding: 10px 0; }

header .logo img { display: block; height: 50px; }

body { padding-top: 70px; }

nav { position: fixed; width: 100%; left: 0; top: 70px; z-index: 99; padding: 0 0 50px; background: #fff; overflow-x: auto; border-top: 1px solid #F2F2F2; display: none; height: 100%; z-index: 99; }

nav ul li { padding: 0 15px; border-bottom: 1px solid #F2F2F2; position: relative; }

nav ul li h4 a { display: block; color: #323232; padding: 18px 20px; }

nav ul li:last-child { padding-right: 0; }

nav ul li.cur h4 a, nav ul li:hover h4 a { color: #E70808; }

.arrow-right { position: absolute; width: 50%; right: 0; top: 0; height: 100%; }

.arrow-right:after { content: ""; position: absolute; top: 23px; right: 20px; width: 10px; height: 10px; border-right: 1px solid #7c8287; border-top: 1px solid #7c8287; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

nav ul li.active .arrow-right:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 27px; }

.activehook { display: none; }

.mobnav-btn { display: block; width: 30px; height: 30px; position: absolute; right: 15px; top: 17px; }

.mobnav-btn span { top: 50%; margin-top: 0; }

.mobnav-btn span:first-child { content: ""; top: 7px; left: 0; }

.mobnav-btn span:last-child { content: ""; top: auto; bottom: 5px; left: 0; }

.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { left: 5px; position: absolute; background: #E70808; -webkit-transition: all 0.5s ease; width: 25px; height: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.mobnav-btn.g_close span { opacity: 0; }

.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 16px; opacity: 1; }

.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 16px; opacity: 1; }

.sub-nav { display: none; padding-bottom: 20px; }

.sub-nav a { display: block; padding: 10px 20px; }

/*banner*/
.banner { position: relative; overflow: hidden; z-index: 0; }

.banner ul li a { display: block; }

.banner ul li a img { display: block; width: 100%; }

.swiper-wrapper { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.index-dot { position: absolute; width: 100%; bottom: 0; left: 0; text-align: center; font-size: 0; z-index: 2; }

.index-dot span { display: inline-block; width: 36px; height: 2px; margin: 0 2px; background: #E8E8E8; cursor: pointer; }

.index-dot span.swiper-pagination-bullet-active { background: #E70808; height: 5px; }

.about-junda { padding-top: 35px; padding-bottom: 20px; color: #666; line-height: 22px; }

.m-titen { text-align: center; font-size: 26px; color: #e41e1e; margin-bottom: 12px;font-family:'bellmt',"Times New Roman", Georgia, Serif; }

.m-titcn { font-size: 18px; color: #323232; position: relative; padding-bottom: 18px; text-align: center; margin-bottom: 12px; }

.m-titcn:before { content: ""; width: 18px; height: 2px; background: #E41E1E; display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.m-titcntwo { font-size: 18px; color: #323232; position: relative; text-align: center; margin-bottom: 20px; }

.indexjunda-con { text-align: center; }

.aboutfs30 { font-size: 24px; line-height: 40px; text-align: center; color: #323232; margin-bottom: 20px; }

.about-item { padding-top: 30px; text-align: center; }

.about-item li { font-size: 13px; padding-bottom: 20px; }

.about-item li .icon { font-size: 0; line-height: 0; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; }

.about-item li .icon img { height: 50px; }

.about-item li .num { font-size: 38px; color: #404040; line-height: 40px; font-family: 'rubik'; }

.about-item li .num i { font-size: 18px; vertical-align: 10px; display: inline-block; font-style: normal; }

.junda-business { background: url(../images/indebg01.jpg) center 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 35px; padding-bottom: 40px; }

.jundabus-list ul { margin: 0 -10px; }

.jundabus-list ul li { margin-bottom: 20px; }

.jundabus-list ul li a { display: block; }

.jundabus-list ul li a .zoom { overflow: hidden; }

.jundabus-list ul li a .zoom img { display: block; width: 100%; }

.jundabus-list ul li a .inbusiness-con { background: #F8FFFF; padding: 30px 20px 40px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #666; font-size: 13px; }

.jundabus-list ul li a .inbusiness-con h3 { color: #323232; font-size: 20px; font-weight: bold; margin-bottom: 5px; }

.jundabus-list ul li a .inbusiness-con h4 { color: rgba(146, 146, 146, 0.2); font-size: 24px; font-family: 'rubik'; margin-bottom: 10px; }

.jundabus-list ul li a .inbusiness-con p { display: -webkit-box; height: 72px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

.newcenter { padding-top: 35px; background: #FAFAFA; overflow: hidden; }

.indexnew-list { margin: 0 -10px; padding: 15px 0 18px; }

.indexnew-list li { padding: 0 10px 20px; }

.indexnew-list li a { display: block; padding-bottom: 33px; border-bottom: 1px solid #F4E9E9; position: relative; }

.indexnew-list li a:after { content: ""; position: absolute; bottom: -1px; height: 1px; background: #E41E1E; width: 0; -webkit-transition: all ease-in .6s; -o-transition: all ease-in .6s; -moz-transition: all ease-in .6s; transition: all ease-in .6s; }

.indexnew-list li a .indate { width: 60px; height: 60px; background: #614B45; color: #fff; display: block; padding: 8px 10px 0; position: relative; z-index: 2; }

.indexnew-list li a .indate em { font-size: 24px; display: block; font-style: normal; margin-left: -4px; line-height: 24px; }

.indexnew-list li a .indate i { font-style: normal; font-size: 14px; }

.indexnew-list li a .zoom { margin-top: -22px; overflow: hidden; }

.indexnew-list li a .zoom img { display: block; width: 100%; -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.indexnew-list li a h4 { margin: 20px 0 0; font-size: 16px; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333333; }

.news-more { text-align: center; }

.news-more a { display: block; width: 140px; height: 50px; line-height: 50px; margin: 0 auto; font-size: 16px; border: 1px solid #ef1919; }

.junda-project { padding-top: 35px; padding-bottom: 40px; }

.project-swiper { margin: 30px 0 40px; position: relative; overflow: hidden; }

.project-swiper ul li { padding: 0; }

.project-swiper ul li a { display: block; background: #F4F4F4; padding-bottom: 28px; color: #323232; -webkit-transition: all ease 0.7s; -o-transition: all ease 0.7s; -moz-transition: all ease 0.7s; transition: all ease 0.7s; }

.project-swiper ul li a .zoom { overflow: hidden; position: relative; }

.project-swiper ul li a img { display: block; width: 100%; }

.project-swiper ul li a h4 { margin: 28px 0 0; text-align: center; font-size: 16px; display: -webkit-box; height: 24px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.swiper-wrapper { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.search-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background: rgba(0, 0, 0, 0.6);*/ z-index: 8; opacity: 0; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.search-hover .top-middle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0; text-align: center;display:none; }

.search-hover .top-middle em { width: 30px; display: block; height: 30px; margin: 0 auto; background: url(../images/wicon05.png) 0 0 no-repeat; }

.search-hover .top-middle i { color: #fff; text-decoration: underline; font-style: normal; }

.bannerbtn { position: absolute; top: 40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; background: #BCBCBC; cursor: pointer; outline: none; z-index: 9; -webkit-transition: all ease 0.7s; -o-transition: all ease 0.7s; -moz-transition: all ease 0.7s; transition: all ease 0.7s; }

.bannerbtn:before { content: ""; position: absolute; width: 8px; height: 8px; border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 0; border-bottom: 0; top: 12px; left: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.banner-right { right: 0; }

.banner-right:before { left: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.bannerbtn:hover { background: #E41E1E; }

footer { background: #363636; padding: 35px 0; color: #666; }

footer a { color: #666; }

.footer-left .tel { margin-bottom: 5px; }

.footer-left .tel a { font-style: normal; font-size: 30px; color: #666; line-height: 30px; font-weight: normal; vertical-align: middle; margin-left: 10px; font-family: 'rubik'; }

.footer-left .tel a:hover{color: #666;}

.footer-right { margin-bottom: 30px; }

.footer-right ul li { border-bottom: 1px solid rgba(244, 244, 244, 0.1); }

.footer-right ul li h4 { padding: 10px 0; position: relative; }

.footer-right ul li h4 a { color: #bababa; display: block; }

.footer-subnav { display: none; padding-bottom: 20px; }

.footer-subnav a { display: block; padding: 5px 0; }

.footer-subnav a:hover { color: #E41E1E; }

.plus.icon { position: absolute; right: 0; top: 0; color: #666; position: absolute; margin-left: 3px; width: 100%; height: 100%; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.plus.icon:before { content: ''; position: absolute; width: 15px; height: 2px; right: 0; top: 22px; background-color: #666; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.plus.icon:after { content: ''; position: absolute; width: 15px; height: 2px; right: 0; top: 22px; background-color: #666; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.footer-right ul li h4.cur .plus.icon:after { opacity: 0; }

.footer-left a:hover { color: #E41E1E; }

.weixin { margin: 13px 0 0; position: relative;  }

.weixin img{width:30px;height:30px;}

.weicon { width: 33px; height: 33px; display: block; background: url(../images/wicon06.png) 0 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: block; }

.code-box { width: 90px; position: absolute; bottom: 40px; padding-bottom: 10px; left: 0; z-index: 99; display: none; }

.code-box img { display: block; border: 1px dashed #D0D0D0; padding: 4px; background: #fff; }

.code-box:after { content: ""; width: 16px; height: 10px; display: block; position: absolute; bottom: 3px; left: 18px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); z-index: 9; background: url(../images/arror.png); margin-left: -8px; }

/*公司简介*/
.m-pb0 { padding-bottom: 0; }

.m-fscolor { color: #666; font-size: 13px; line-height: 20px; }

.m-fs30 { font-size: 24px; color: #323232; line-height: 30px; }

.profile-one { line-height: 20px; padding-bottom: 45px; }

.profile-title { margin-bottom: 20px; }

.profile-left { padding-bottom: 30px; }

.profile-right { padding-left: 16px; position: relative; }

.profile-right img { display: block; width: 100%; }

.profile-right:after { content: ""; position: absolute; width: 100px; height: 172px; display: block; top: -50px; right: -50px; background: url(../images/wicon07.png) 0 0 no-repeat; }

.profile-two { padding: 35px 0 30px; background-color: #EEEEEE; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.profile-two .commonweb { position: relative; }

.no-line { margin-bottom: 5px; }

.no-line .second-title span:after { display: none; }

.line-box { margin-top: 20px; padding: 20px 0 0; background: url(../images/wicon09.png) repeat-x; }

.colordot { background: url(../images/wicon10.png) 0 center no-repeat; padding-left: 16px; float: left; width: 50%; }

.culture-list { padding-top: 20px; position: relative; z-index: 1; }

.culture-list ul { margin: 0 -2px; }

.culture-list ul li { float: left; font-size: 13px; padding: 0 2px 4px; }

.culture-list ul li .culture-box { background: #fff; padding: 20px 28px 30px; -webkit-transition: all ease 0.7s; -o-transition: all ease 0.7s; -moz-transition: all ease 0.7s; transition: all ease 0.7s; color: #666666; }

.culture-list ul li .culture-box h4 { font-size: 18px; color: #333333; margin-bottom: 5px; -webkit-transition: all ease 0.7s; -o-transition: all ease 0.7s; -moz-transition: all ease 0.7s; transition: all ease 0.7s; }

.culture-list ul li .culture-box .incon { margin-bottom: 15px; position: relative; }

.culture-list ul li .culture-box .incon img { height: 38px; -webkit-transition: all ease 0.7s; -o-transition: all ease 0.7s; -moz-transition: all ease 0.7s; transition: all ease 0.7s; }

.culture-list ul li .culture-box .incon .afterimg { position: absolute; top: 0; left: 0; opacity: 0; }

.culture-img { padding-bottom: 20px; text-align: center; }

.profile-three { padding-top: 35px; padding-bottom: 25px; }

.ranking { float: right; display: block; color: #adadad; padding-top: 30px; }

.partners-list { margin: 0 -5px; }

.partners-list li { padding: 0 5px 10px; }

.partners-list li a { display: block; border: 1px solid #E5E5E5; overflow: hidden; -webkit-transition: all ease 0.7s; -o-transition: all ease 0.7s; -moz-transition: all ease 0.7s; transition: all ease 0.7s; }

.partners-list li a img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.partners-list li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }

.partners-list li a img { display: block; width: 100%; }

.partners-list li a:hover { border-color: #E21B1B; }

.profile-four { background: url(../images/aboutimg04.jpg) center 0 no-repeat; color: #fff; padding-top: 35px; padding-bottom: 35px; min-height: 484px; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.profile-four .commonweb { position: relative; }

.map-num { position: relative; z-index: 1; text-align: center; }

.map-num li { float: left; width: 50%; padding-bottom: 20px; }

.map-num li .pro-num { font-size: 30px; }

.map-num li .pro-num span { font-size: 40px; line-height: 40px; font-family: 'rubik'; display: inline-block; vertical-align: -4px; }

.map-right { position: relative; z-index: 0; }

.map-right dt { position: relative; }

.map-right .map-text { font-size: 18px; line-height: 28px; padding: 20px 0 0 0; }

.nattitle { font-size: 24px; letter-spacing: 0px; color: rgba(222, 0, 56, 0.4); margin-top: 14px; }

.junda-mien { overflow: hidden; padding: 10px 0 30px; }

.junda-mien ul { margin: 0 -5px; }

.junda-mien ul li { padding: 0 5px 20px; }

.junda-mien ul li a { display: block; background: #F4F4F4; padding-bottom: 10px; }

.junda-mien ul li a .zoom { position: relative; overflow: hidden; }

.junda-mien ul li a .zoom:before { content: ''; display: block; width: 100%; padding-bottom: 56%; }

.junda-mien ul li a .zoom img { position: absolute; top: 0; left: 0; display: block; width: 100%; }

.junda-mien ul li a h4 { color: #282828; margin-top: 10px; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 0 10px; }

.junda-mien ul li a .searchbtn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2; opacity: 0; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -moz-transition: all ease-in .3s; transition: all ease-in .3s; }

.junda-mien ul li a .searchbtn:before { content: ""; position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; background: url(../images/wicon32.png) 0 0 no-repeat; }

.page-wraper { text-align: center; }

.page-wraper .page-item { display: inline-block; }

.page-wraper .page-item a, .page-wraper .page-item span { width: 36px; height: 36px; line-height: 36px; border: 1px solid #D8D8D8; display: inline-block; vertical-align: middle; color: #707070; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.page-wraper .page-item a.cur, .page-wraper .page-item a:hover { background: #4A4A4A; color: #fff; border-color: #4A4A4A; }

.page-wraper .page-item .pagebtn:after { content: ""; position: absolute; width: 8px; height: 8px; border-right: 1px solid #707070; border-top: 1px solid #707070; left: 11px; top: 13px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.page-wraper .page-item .prev,.laypage_prev { margin-right: 20px; }

.page-wraper .page-item .prev:after,.laypage_prev:after{ left: 14px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.page-wraper .page-item .next { margin-left: 20px; }

.probg { position: fixed; top: 0; width: 100%; height: 100%; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 998; display: none; }

.product-popup { position: fixed; top: 0; left: 0; z-index: 999; display: none; }

.procut-btn { position: fixed; width: 50px; height: 50px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 1000; outline: none; }

.procut-left { left: -12px; }

.procut-right { right: -12px; }

.procut-btn:after { content: ""; position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.procut-left:after { border-right: 15px solid #fff; }

.procut-right:after { border-left: 15px solid #fff; }

.procut-btn:hover { border-color: #fff; }

.procut-left:hover:after { border-right-color: #fff; }

.procut-right:hover:after { border-left-color: #fff; }

.procut-popbox { width:80%; max-width:590px;position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); word-wrap: break-word; line-height: 28px; z-index: 9; height: 100%; }

.prodcutpop-swiper { height: 100%; }

.honor-popup .procut-popbox li { position: relative; height: 100%; width: 100%; text-align: center; }

.honor-popup .procut-popbox img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; }

.vertical-center { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; color: #fff; font-size: 16px;overflow:hidden; }

.vertical-center p { padding-top: 20px; }

.honor-popup .procut-popbox .factoryview-swiper img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.procut-popbox .prodcutpop-swiper, .factoryview-swiper { position: relative; overflow: hidden; }

.closebtn { width: 35px; height: 35px; position: fixed; display: block; top: 20px; right: 3%; background-color: #e41e1e; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor: pointer; z-index: 99; }

.closebtn:after, .closebtn:before { content: ''; position: absolute; height: 2px; width: 40%; top: 50%; left: 10px; margin-top: -1px; background: #fff; }

.closebtn:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.closebtn:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.m-ptb50 { padding-top: 35px; padding-bottom: 35px; }

.contact-wrap { color: #666; line-height: 24px; }

.colorsgray { color: #3c3c3c; padding-bottom: 5px; }

.colorsgray a { font-size: 24px; color: #3c3c3c; font-family: 'rubik'; vertical-align: middle; display: inline-block; line-height: 24px; }

.m-fs18 { color: #f2000e; font-size: 18px; font-weight: bold; margin-bottom: 15px; }

.contact-left { padding-bottom: 30px; }

.contact-right { position: relative; }

.contact-position h4, .contact-position h5 { height: 60px; line-height: 60px; display: block; }

.contact-position h4 { color: #91a2bc; font-size: 24px; background: #223155; padding: 0 20px; max-width: 276px; width: 80%; }

.contact-position h5 { background: #E41E1E; color: #fff; font-size: 20px; padding: 0 20px; max-width: 345px; width: 100%; }

.talent-wrap { color: #666; line-height: 20px; overflow: hidden; }

.talent-tetitle { color: #323232; margin-bottom: 15px; font-size: 22px; line-height: 30px; }

.talent-box { margin-top: 40px; border: 1px solid #E5E5E5; }

.talent-box dt img { display: block; width: 100%; }

.talent-box dd { padding: 8% 20px; text-align: center; }

.talent-box dd .taldec { color: #a2a2a2; font-size: 16px; line-height: 30px; margin-bottom: 15px; }

.talent-box dd .taldec br { display: none; }

.colored { margin-top: 20px; color: #e93333; font-size: 14px; }

.page-wraper { padding-top: 20px; }

.pb80 { padding-bottom: 80px; }

.real-content { color: #666; line-height: 24px; margin-bottom: 30px; }

.main-header-hidden { -webkit-transform: translateY(-100x); -ms-transform: translateY(-100px); transform: translateY(-100px); -o-transform: translateY(-100px); -moz-transform: translateY(-100px); opacity: 0; }

.inbanner-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 50px; display: block; left: 3%; z-index: 98; cursor: pointer; opacity: 0; background: rgba(0, 0, 0, 0.5); }

.inbanner-btn:after { content: ""; position: absolute; width: 20px; height: 20px; display: block; border-left: 2px solid rgba(255, 255, 255, 0.5); border-bottom: 2px solid rgba(255, 255, 255, 0.5); border-top: 0; border-right: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 15px; left: 20px; }

.inbanner-btn.inbanner-right { right: 3%; left: auto; }

.inbanner-btn.inbanner-right:after { left: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

@charset "UTF-8";
@media (min-width: 768px) { /*首页*/
  .index-dot { bottom: 30px; }
  .about-junda { padding-top: 68px; padding-bottom: 60px; }
  .m-titen { font-size: 30px; margin-bottom: 12px; }
  .m-titcn { font-size: 20px; padding-bottom: 18px; margin-bottom: 12px; }
  .m-titcntwo { font-size: 20px; }
  .aboutfs30 { font-size: 30px; line-height: 40px; margin-bottom: 20px; }
  .about-item { padding-top: 30px; }
  .about-item li .icon { margin-bottom: 8px; }
  .about-item li .icon img { height: 71px; }
  .about-item li .num { font-size: 48px; margin-bottom: 10px; line-height: 40px; }
  .about-item li .num i { font-size: 20px; }
  .junda-business { padding-top: 45px; padding-bottom: 90px; }
  .jundabus-list ul li { margin-bottom: 0; }
  .jundabus-list ul li a { overflow: hidden; }
  .jundabus-list ul li a img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .jundabus-list ul li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .jundabus-list ul li a .inbusiness-con { padding: 30px 20px 40px; }
  .jundabus-list ul li a:hover .inbusiness-con { background: #e41e1e; color: #fff; }
  .jundabus-list ul li a:hover .inbusiness-con h3, .jundabus-list ul li a:hover .inbusiness-con h4 { color: #fff; }
  .newcenter { padding-top: 60px; }
  .map-num li { width: 25%; text-align: left; }
  .map-right { padding-top: 20px; position: relative; z-index: 0; }
  .map-right dt { float: left; position: relative; width: 50%; }
  .map-right .map-text { float: left; width: 50%; padding: 15% 0 0 25px; letter-spacing: 3px; }
  .junda-mien ul li a h4 { height: 40px; line-height: 40px; -webkit-line-clamp: 1; text-align: center; }
  .m-ptb50 { padding-top: 50px; padding-bottom: 50px; }
  .contact-wrap { color: #666; line-height: 24px; }
  .colorsgray { color: #3c3c3c; padding-bottom: 5px; }
  .colorsgray a { font-size: 24px; color: #3c3c3c; font-family: 'rubik'; vertical-align: middle; display: inline-block; line-height: 24px; }
  .m-fs18 { color: #f2000e; font-size: 18px; font-weight: bold; margin-bottom: 15px; }
  .contact-left { width: 50%; float: left; padding-right: 40px; }
  .contact-right { width: 47%; float: right; position: relative; }
  .contact-position { margin-top: -80px; width: 100%; }
  .contact-position h4, .contact-position h5 { display: block; }
  .contact-position h4 { padding: 0 20px; }
  .contact-position h5 { padding: 0 20px; }
  .contact-msg { max-width: 430px; } }

@charset "UTF-8";
@media (min-width: 1024px) { header .logo { float: left; display: block; padding: 7px 0 6px; }
  header .logo img { display: block; height: 77px; }
  body { padding-top: 90px; }
  nav { float: right; position: static; border-top: 0; padding: 0; overflow-x: inherit; width: auto; display: block; }
  nav ul li { float: left; padding: 0; margin: 0 15px; border-bottom: 0; }
  nav ul li h4 a { display: block; color: #323232; height: 90px; line-height: 90px; padding: 0; }
  nav ul li:nth-last-child(2) { margin-right: 0; }
  nav ul li.cur h4 a, nav ul li:hover h4 a { color: #E70808; }
  .activehook { position: absolute; height: 2px; background: #E70808; display: block; bottom: 0; }
  .mobnav-btn { display: none; }
  .arrow-right { display: none; }
  .indexnew-list li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .indexnew-list { margin: 0 -22px; padding: 15px 0 48px; }
  .indexnew-list li { padding: 0 22px; }
  .indexnew-list li a { padding-bottom: 33px; }
  .indexnew-list li a .indate { width: 80px; height: 80px; padding: 20px 10px 0; }
  .indexnew-list li a .indate em { font-size: 30px; margin-bottom: 5px; }
  .indexnew-list li a h4 { margin: 20px 0 0; font-size: 18px; }
  .indexnew-list li a:hover:after { width: 100%; opacity: 1; }
  .news-more a { width: 160px; height: 60px; line-height: 60px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; position: relative; -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); transition: all .3s; }
  .news-more a:after { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e41e1e; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
  .news-more a:hover { color: #fff; }
  .news-more a:hover:after { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
  .project-swiper ul li { overflow: hidden; }
  .project-swiper ul li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .project-swiper ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .project-swiper ul li a:hover { background: #E41E1E; color: #fff; }
  .project-swiper ul li a:hover .search-hover { opacity: 1; }
  .bannerbtn { width: 50px; height: 50px; }
  .bannerbtn:before { width: 10px; height: 10px; top: 20px; left: 22px; }
  .banner-right { right: 0; }
  .banner-right:before { left: 17px; }
  .junda-project { padding-top: 70px; padding-bottom: 68px; }
  footer { background: #363636; padding: 38px 0 55px; color: #666; }
  footer a { color: #666; }

  .footer-left .tel { margin-bottom: 5px; }
  .footer-left .tel a { font-style: normal; font-size: 30px; line-height: 30px; font-weight: normal; vertical-align: middle; margin-left: 10px; }
  .footer-right { float: right; margin-bottom: 0; }
  .footer-right ul li { float: left; padding: 0 0 0 40px;  border-bottom: 0; }
  .footer-right ul li h4 { padding: 0; margin-bottom: 8px; }
  .footer-right ul li h4 a { color: #bababa; }
  .footer-subnav { display: block; padding-bottom: 0; width:68px;}
  .footer-subnav a { display: block; padding: 0; }
  .footer-subnav a:hover { color: #E41E1E; }
  .footer-left a:hover { color: #E41E1E; }
  .plus.icon { display: none; }
  .code-box { width: 120px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .code-box:after { left: 50%; }
  .about-item li:hover .icon { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }

  
.weixin img{width:40px;height:40px;float:left;overflow:hidden;margin-right:10px;}
.weixin-con{line-height:20px;}
  /*公司简介*/
  .m-fs30 { font-size: 30px; }
  .profile-one { padding-bottom: 65px; }
  .profile-left { float: left; width: 50%; padding: 0 20px 0 0; }
  .profile-right { float: left; width: 50%; margin-top: -50px; }
  .profile-right:after { width: 218px; height: 376px; top: -100px; right: -113px; }
  .profile-two { padding: 80px 0 50px; }
  .culture-content { max-width: 460px; }
  .culture-list { padding-top: 60px; }
  .culture-list ul li:hover .culture-box { background: #E11B1A; color: #fff; }
  .culture-list ul li:hover .culture-box h4 { color: #fff; }
  .culture-list ul li:hover .culture-box .incon .afterimg { opacity: 1; }
  .culture-list ul li:hover .culture-box .incon .beforeimg { opacity: 0; }
  .culture-img { position: absolute; right: 0; bottom: -50px; font-size: 0; line-height: 0; z-index: 0; width: 60%; padding-bottom: 0; }
  .profile-three { padding-top: 60px; padding-bottom: 45px; }
  .ranking { float: right; display: block; color: #adadad; padding-top: 50px; }
  .partners-list { padding-top: 20px; margin: 0 -8px; }
  .partners-list li { padding: 0 9px 18px; }
  .partners-list li a { display: block; border: 1px solid #E5E5E5; overflow: hidden; -webkit-transition: all ease 0.7s; -o-transition: all ease 0.7s; -moz-transition: all ease 0.7s; transition: all ease 0.7s; }
  .partners-list li a img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .partners-list li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .partners-list li a img { display: block; width: 100%; }
  .partners-list li a:hover { border-color: #E21B1B; }
  .profile-four { padding-top: 75px; padding-bottom: 80px; }
  .map-num { margin-top: 12%; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
  .map-num li { padding-right: 38px; width: auto; }
  .map-num li .pro-num { font-size: 30px; }
  .map-num li .pro-num span { font-size: 50px; line-height: 50px; vertical-align: -8px; }
  .map-num li:last-child { color: #e41f1e; }
  .map-right { float: right; width: 50%; }
  .map-right dt { float: left; margin-left: -41%; width: 64%; }
  .map-right .map-text { width: 77%; font-size: 24px; line-height: 28px; padding: 15% 0 0 25px; letter-spacing: 3px; }
  .nattitle { font-size: 36px; }
  .junda-mien ul { margin: 0 -10px; }
  .junda-mien ul li { padding: 0 10px 30px; }
  .junda-mien ul li a { overflow: hidden;transition:all .3s; }
  .junda-mien ul li a img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .junda-mien ul li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .junda-mien ul li a:hover .searchbtn { opacity: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .junda-mien ul li a:hover{background:#ef1414;}
  .junda-mien ul li a:hover h4{color:#fff;}
  .closebtn { width: 50px; height: 50px; top: 40px; right: 3%; }
  .closebtn:after, .closebtn:before { left: 15px; }
  .procut-btn { display: block; }
  .procut-left { left: 3%; }
  .procut-right { right: 3%; }
  .m-ptb50 { padding-top: 46px; padding-bottom: 50px; }
  .colorsgray a { font-size: 24px; line-height: 24px; }
  .m-fs18 { font-size: 18px; margin-bottom: 15px; }
  .contact-left { padding-right: 40px; }
  .contact-position { position: absolute; top: 0; left: -36%; margin-top: 14%; z-index: 9; }
  .contact-position h4, .contact-position h5 { height: 80px; line-height: 80px; }
  .contact-position h4 { font-size: 30px; max-width: 322px; }
  .contact-position h5 { font-size: 24px; max-width: 394px; }
  .talent-tetitle { margin-bottom: 25px; font-size: 30px; }
  .talent-box { display: table; }
  .talent-box dt { display: table-cell; width: 60%; vertical-align: middle; height: 100%; }
  .talent-box dt img { display: block; width: 100%; }
  .talent-box dd { display: table-cell; width: 40%; padding: 5% 33px 20px; height: 100%; vertical-align: middle; }
  .talent-box dd .taldec { line-height: 30px; margin-bottom: 15px; font-size: 20px; }
  .colored { margin-top: 20px; font-size: 16px; }
  .page-wraper { padding-top: 40px; }
  .recruitment { margin-bottom: 55px; }
  .newsList { padding-bottom: 60px; }
  /*动画*/
  .animated { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
  .animated.infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
  .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; }
  @-webkit-keyframes fadeInUp { 0% { opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  @-moz-keyframes fadeInUp { 0% { opacity: 0;
      -webkit-transform: translateY(40px);
      -moz-transform: translateY(40px);
      transform: translateY(40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      transform: translateY(0); } }
  @-o-keyframes fadeInUp { 0% { opacity: 0;
      -webkit-transform: translateY(40px);
      -o-transform: translateY(40px);
      transform: translateY(40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }
  @keyframes fadeInUp { 0% { opacity: 0;
      -webkit-transform: translateY(40px);
      -moz-transform: translateY(40px);
      -o-transform: translateY(40px);
      transform: translateY(40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }
  .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }
  @-webkit-keyframes fadeDown { 0% { opacity: 0;
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  @-moz-keyframes fadeDown { 0% { opacity: 0;
      -webkit-transform: translateY(-40px);
      -moz-transform: translateY(-40px);
      transform: translateY(-40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      transform: translateY(0); } }
  @-o-keyframes fadeDown { 0% { opacity: 0;
      -webkit-transform: translateY(-40px);
      -o-transform: translateY(-40px);
      transform: translateY(-40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }
  @keyframes fadeDown { 0% { opacity: 0;
      -webkit-transform: translateY(-40px);
      -moz-transform: translateY(-40px);
      -o-transform: translateY(-40px);
      transform: translateY(-40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }
  .fadeDown { -webkit-animation-name: fadeDown; -moz-animation-name: fadeDown; -o-animation-name: fadeDown; animation-name: fadeDown; }
  @-webkit-keyframes fadeLeft { 0% { opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  @-moz-keyframes fadeLeft { 0% { opacity: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      transform: translateX(-100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0); } }
  @-o-keyframes fadeLeft { 0% { opacity: 0;
      -webkit-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); } }
  @keyframes fadeLeft { 0% { opacity: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); } }
  .fadeLeft { -webkit-animation-name: fadeLeft; -moz-animation-name: fadeLeft; -o-animation-name: fadeLeft; animation-name: fadeLeft; }
  @-webkit-keyframes fadeRight { 0% { opacity: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  @-moz-keyframes fadeRight { 0% { opacity: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      transform: translateX(100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0); } }
  @-o-keyframes fadeRight { 0% { opacity: 0;
      -webkit-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); } }
  @keyframes fadeRight { 0% { opacity: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); } }
  .fadeRight { -webkit-animation-name: fadeRight; -moz-animation-name: fadeRight; -o-animation-name: fadeRight; animation-name: fadeRight; }
  @-webkit-keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
  @-moz-keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
  @-o-keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
  @keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
  .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }
  .inbanner-btn { -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
  .inbanner-btn.inbanner-right { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
  .inbanner-btn:hover { background-color: rgba(0, 0, 0, 0.2); }
  .banner:hover .inbanner-btn { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } }

@media (min-width: 1180px) { .profile-left { padding-right: 70px; }
  .talent-box dd { padding: 0 33px 0 60px; }
  .talent-box dd .taldec br { display: block; } }

@media (min-width: 2000px) {
.l-service-wrapper {
    min-height:595px;
}
.l-service-wrapper .commonweb{  min-height:595px;}

}