@charset "UTF-8";
/* CSS Document */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
    In fact, it *will* cause problems with Google Maps' controls at small size.
    If this is the case for you, try uncommenting the following:
#map img {
        max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
    you'll have to restore the bullets within content,
    which is fine because they're probably customized anyway */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}


del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: separate; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }

/* 去掉a 标签的默认样式*/
a {
  text-decoration: none; /* 去掉下划线 */
  color: inherit; /* 使用继承的颜色 */
  cursor: pointer; /* 如果需要手形光标效果 */
}

/* 移除默认的样式 */
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  font-size: 16px;
  cursor: pointer;
}

/* 鼠标悬停时的样式 */
select:hover {
  border-color: #555;
}

/* 聚焦时的样式 */
select:focus {
  outline: none;
  border-color: #007bff;
}

@media screen and (max-width:1280px) { 
  .pc {
    display: none !important;
  }
}
@media screen and (min-width:1281px) { 
  .wp {
    display: none !important;
  }
}

.one-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1; /* 指定行数 */
}
.two-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2; /* 指定行数 */
}
.three-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3; /* 指定行数 */
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-col {
  display: flex;
  flex-direction: column;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-baseline {
  align-self: baseline;
}

.self-stretch {
  align-self: stretch;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.relative {
  position: relative;
}

.ml-2 {
  margin-left: 2px;
}

.mt-2 {
  margin-top: 2px;
}

.ml-4 {
  margin-left: 4px;
}

.mt-4 {
  margin-top: 4px;
}

.ml-6 {
  margin-left: 6px;
}

.mt-6 {
  margin-top: 6px;
}

.ml-8 {
  margin-left: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.ml-10 {
  margin-left: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.ml-12 {
  margin-left: 12px;
}

.mt-12 {
  margin-top: 12px;
}

.ml-14 {
  margin-left: 14px;
}

.mt-14 {
  margin-top: 14px;
}

.ml-16 {
  margin-left: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.ml-18 {
  margin-left: 18px;
}

.mt-18 {
  margin-top: 18px;
}

.ml-20 {
  margin-left: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.ml-22 {
  margin-left: 22px;
}

.mt-22 {
  margin-top: 22px;
}

.ml-24 {
  margin-left: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.ml-26 {
  margin-left: 26px;
}

.mt-26 {
  margin-top: 26px;
}

.ml-28 {
  margin-left: 28px;
}

.mt-28 {
  margin-top: 28px;
}

.ml-30 {
  margin-left: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.ml-32 {
  margin-left: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.ml-34 {
  margin-left: 34px;
}

.mt-34 {
  margin-top: 34px;
}

.ml-36 {
  margin-left: 36px;
}

.mt-36 {
  margin-top: 36px;
}

.ml-38 {
  margin-left: 38px;
}

.mt-38 {
  margin-top: 38px;
}

.ml-40 {
  margin-left: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.ml-42 {
  margin-left: 42px;
}

.mt-42 {
  margin-top: 42px;
}

.ml-44 {
  margin-left: 44px;
}

.mt-44 {
  margin-top: 44px;
}

.ml-46 {
  margin-left: 46px;
}

.mt-46 {
  margin-top: 46px;
}

.ml-48 {
  margin-left: 48px;
}

.mt-48 {
  margin-top: 48px;
}

.ml-50 {
  margin-left: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.ml-52 {
  margin-left: 52px;
}

.mt-52 {
  margin-top: 52px;
}

.ml-54 {
  margin-left: 54px;
}

.mt-54 {
  margin-top: 54px;
}

.ml-56 {
  margin-left: 56px;
}

.mt-56 {
  margin-top: 56px;
}

.ml-58 {
  margin-left: 58px;
}

.mt-58 {
  margin-top: 58px;
}

.ml-60 {
  margin-left: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.ml-62 {
  margin-left: 62px;
}

.mt-62 {
  margin-top: 62px;
}

.ml-64 {
  margin-left: 64px;
}

.mt-64 {
  margin-top: 64px;
}

.ml-66 {
  margin-left: 66px;
}

.mt-66 {
  margin-top: 66px;
}

.ml-68 {
  margin-left: 68px;
}

.mt-68 {
  margin-top: 68px;
}

.ml-70 {
  margin-left: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.ml-72 {
  margin-left: 72px;
}

.mt-72 {
  margin-top: 72px;
}

.ml-74 {
  margin-left: 74px;
}

.mt-74 {
  margin-top: 74px;
}

.ml-76 {
  margin-left: 76px;
}

.mt-76 {
  margin-top: 76px;
}

.ml-78 {
  margin-left: 78px;
}

.mt-78 {
  margin-top: 78px;
}

.ml-80 {
  margin-left: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.ml-82 {
  margin-left: 82px;
}

.mt-82 {
  margin-top: 82px;
}

.ml-84 {
  margin-left: 84px;
}

.mt-84 {
  margin-top: 84px;
}

.ml-86 {
  margin-left: 86px;
}

.mt-86 {
  margin-top: 86px;
}

.ml-88 {
  margin-left: 88px;
}

.mt-88 {
  margin-top: 88px;
}

.ml-90 {
  margin-left: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.ml-92 {
  margin-left: 92px;
}

.mt-92 {
  margin-top: 92px;
}

.ml-94 {
  margin-left: 94px;
}

.mt-94 {
  margin-top: 94px;
}

.ml-96 {
  margin-left: 96px;
}

.mt-96 {
  margin-top: 96px;
}

.ml-98 {
  margin-left: 98px;
}

.mt-98 {
  margin-top: 98px;
}

.ml-100 {
  margin-left: 100px;
}

.mt-100 {
  margin-top: 100px;
}



/* 全局 */
@media screen and (max-width:715px) {
  
  body{
    background-color: #fff;
    font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
  }
  
  .fullwrapper{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .wrapper{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 5% 0 5%;
  }
  
  
  .pcitem{
    display:none;
  }
  
  
  
  .toparea {
    height: auto;
    overflow: hidden;
    background-size: cover;
    opacity: 0;
        background-position: center;
    background-repeat: no-repeat;
  }
  
  
  .toparea .toptitle{
    width:100%;
    height: 30px;
    
    line-height: 30px;
    font-size: 20px;
    color: #000;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    
    position: absolute;
    top:96vw;
    left: 0;
    z-index: 3;
  }
  
  .toparea .topsubtitle{
    width:100%;
    height: 30px;
    
    line-height: 30px;
    font-size: 12px;
    color: #000;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    
    position: absolute;
    top:88vw;
    left: 0;
    z-index: 3;
  }
  
  .topareawapimg{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .topareawapimg img{
    width:100%;
    vertical-align: top;
  }
  
  
}
@media screen and (min-width:716px) and (max-width:1280px) {
  
  body{
    background-color: #fff;
    font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
  }
  
  .fullwrapper{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .wrapper{
    width:82%;
    max-width: 1580px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
  }
  
  
  .wapitem{
    display:none;
  }
  
  
  
  .toparea {
    height: 480px!important;
    background-size: cover;
    opacity: 0;
        background-position: center;
    background-repeat: no-repeat;
  }
  
  
  .toparea .toptitle {
    width:100%;
    height: 50px;
    margin: 0;
    line-height: 50px;
    font-size: 40px;
    color: #000;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    
    position: absolute;
    top: 380px;
    left: 0;
    z-index: 3;
  }
  
  .toparea .topsubtitle {
    width:100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #000;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    
    position: absolute;
    top: 330px;
    left: 0;
    z-index: 3;
  }
  
  
  
  .toparea .topareabtmtran{
    width:100%;
    height: 365px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 115px;
    background-image: url(../imgs/tran1x365.png);
    background-repeat: repeat-x;
    
  }
  
  .toparea .topareabtmtran img{
    width: 100%;
    height: 365px;
    vertical-align: top;
  }
  
}  
@media screen and (min-width:1281px) {
  
  body{
    background-color: #fff;
    font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
  }
  
  .fullwrapper{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .wrapper{
    width:82%;
    max-width: 1580px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
  }
  
  
  .wapitem{
    display:none;
  }
  
  
  
  .toparea {
    height: 480px!important;
    background-size: cover;
    opacity: 0;
        background-position: center;
    background-repeat: no-repeat;
  }
  
  
  .toparea .toptitle {
    width:100%;
    height: 50px;
    margin: 0;
    line-height: 50px;
    font-size: 40px;
    color: #000;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    
    position: absolute;
    top: 380px;
    left: 0;
    z-index: 3;
  }
  
  .toparea .topsubtitle {
    width:100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #000;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    
    position: absolute;
    top: 330px;
    left: 0;
    z-index: 3;
  }
  
  
  
  .toparea .topareabtmtran{
    width:100%;
    height: 365px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 115px;
    background-image: url(../imgs/tran1x365.png);
    background-repeat: repeat-x;
    
  }
  
  .toparea .topareabtmtran img{
    width: 100%;
    height: 365px;
    vertical-align: top;
  }
  
}


@media screen and (max-width:715px) {

 
  
  .wapopbtn img{
    height:70px;
  }
}

/* 顶部，底部 */
@media screen and (max-width:1199px) {
  
  .header{
    width:100%;
    height: 70px;
    position: absolute;
    top:0;
    left: 0;
    z-index: 10;

  }
   .wapopbtn{
    width:auto;
    height: 70px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 15;
    
  }
  .header .wrapper{
    width:100%!important;
    padding: 0!important;
  }
  
  
  .wapmenuhoverbg{
    width:100%;
    height: 100%;
    background-color: #fff;
    
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5;
  }
  
  
  .logo{
    width:auto;
    height: 70px;
    float: left;
  }
  
  .logo img{
    height:70px;
  }
  
  

  
  
  .menu{
    width:89%;
    height: auto;
    overflow: hidden;
    clear: both;
    
    position: absolute;
    left: 5.5%;
    top: 0px;
    z-index: 8;
    
    display: none;
  }
  
  .menu > ul{
    width:100%;
    height: auto;
    margin: 70px auto 0 auto;
    padding: 0;
    overflow: hidden;
  }
  
  .menu > ul > li{
    width:100%;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: 50px;
    text-align: left;
    border-bottom: 1px solid #D8D8D8;
  }
  
  .menu > ul > li > a{
    font-size: 18px;
    line-height: 50px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
  }
  
  .menu > ul > li > span{
    
    display: inline-block;
    width:18px;
    height: 18px;
    
    background-image: url(../imgs/menuarrow_down_w.png);
    background-size: cover;
    
  }
  
  .menu > ul > li > span{
    background-image: url(../imgs/menuarrow_down.png)!important;
  }
  
  .menu > ul > li.active > span{
    background-image: url(../imgs/menuarrow_up.png)!important;
  }
  
  .submenu{
    display:none;
  }
  
  .menu > ul > li.active .submenu{
    display:block;
  }
  
  .submenudiv_icon{
    display:none;
  }
  
  .submenudiv_subs{
    margin-bottom: 20px;
    overflow: hidden;
  }

  .submenudiv_subs li{
    width:100%;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: 40px;
    text-align: left;
    float: left;
  }
  
  .submenudiv_subs li a{
    font-size: 14px;
    line-height: 40px;
    color: #000;
    text-decoration: none;
  }
  
  
  .submenudiv_title{
    font-size: 12px;
    line-height: 30px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
  }
  
  .submenudiv_title a{
    font-size: 12px;
    line-height: 30px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    text-decoration: none;
  }
  
  .submenudiv_pic{
    display:none;
  }
  
  
  
  
  
  
  
  
  /* 手机端底部开始 */
  .footer{
    width:100%;
    height: auto;
    overflow: hidden;
    /* margin: 10px auto 0 auto; */
    background-color: #014492;
    color:#fff;
    line-height: 50px;
  }
  
  .footer a{
    text-decoration: none;
  }
  
  
  .pc_divrow1{display: none;}
  .pc_divrow2{display: none;}
  .pc_divrow3{display: none;}
  
  .wapbottommenu{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .wap_div_btmlogo{
    width:100%;
    text-align: left;
    height: 70px;
    overflow: hidden;
  }
  
  .wap_div_btmlogo img{
    width:auto;
    height: 70px;
    float: left;
    vertical-align: top;
  }
  
  .wap_div_btmcopyright{
    width:100%;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 50px;
  }
  
  
  .wapbottommenu > ul{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  .wapbottommenu > ul > li{
    width:100%;
    height: auto;
    overflow: hidden;
    float: left;
    line-height: 50px;
    border-bottom: 1px solid #979797;
  }
  
  .wapbottommenu > ul > li > a{
    line-height: 50px;
    font-size: 18px;
    color:#fff;
  }
  
  
  .wapbottommenu > ul > li > span{
    
    display: inline-block;
    width:18px;
    height: 18px;
    
    background-image: url(../imgs/menuarrow_down_w.png);
    background-size: cover;
    
  }
  

  .wapbottommenu > ul > li.active > span{
    background-image: url(../imgs/menuarrow_up_w.png)!important;
  }
  
  
  
  
  
  
  
  
  .wapbottommenu > ul > li > .btmsubmenu{
    display: none;
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .wapbottommenu > ul > li.active > .btmsubmenu{
    display: block!important;
  }
  
  
  
  .wapbottommenu > ul > li > .btmsubmenu ul{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
  }
  
  .wapbottommenu > ul > li > .btmsubmenu ul:last-child{
    margin-bottom: 0px!important;
  }
  
  .wapbottommenu > ul > li > .btmsubmenu ul li{
    width:100%;
    height: auto;
    overflow: hidden;
    float: left;
    line-height: 40px;
    
  }
  
  .wapbottommenu > ul > li > .btmsubmenu ul li a{
    font-size: 14px;
    
    line-height: 40px;
    color: #fff;
    
  }
  
  .wapbottommenu > ul > li > .btmsubmenu ul li.btmsubmenu_title a{
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    
  }
  
  .headerbtmwhite{

    background-color: #fff;
  }
  
}
@media screen and (min-width: 716px) and (max-width: 1199px) {
  /* 隐藏电脑端导航 */
  .header .menu {
    display: none;
  }
  
  /* 显示手机端导航按钮和菜单 */
  .wapopbtn {
    display: block;
  }
  
  /* 移动端下拉菜单背景 */
  .wapmenuhoverbg {
    display: block;
  }
  
  /* 移动端菜单样式 */
  .wapbottommenu {
    display: block;
  }

  /* 处理头部logo等其他元素的响应式布局 */
  .header .logo {
    width: 150px;
    margin-left: 15px;
  }
  
  /* 隐藏PC端底部 */
  .pc_divrow1,
  .pc_divrow2,
  .pc_divrow3 {
    display: none;
  }
}

@media screen and (min-width: 716px) and (max-width: 1199px) {
  /* 调整汉堡菜单按钮大小 */
  .wapopbtn {
    width: 80px;
   
    margin-right: 20px;
  }
  .wapopbtn img{
    width: auto;
  }
  
  /* 调整下拉菜单宽度 */
  .wapmenuhoverbg .menu {
    width: 300px; /* 可以设置得比手机端更宽一些 */
  }
  
  /* 调整字体大小 */
  .wapbottommenu ul li a {
    font-size: 16px;
  }
  
  /* 调整间距 */
  .wapbottommenu ul li {
    padding: 12px 0;
  }
}

@media screen and (min-width:1199px) and (max-width: 1550px) {

  .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul li{
   width: 100%;
   line-height: 16px;
   height: 42px;
   float: left;

  }
  .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul li a{
    font-size: 12px;
    
  }
  .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul li:nth-child(2n){float: right; }
  
}

@media screen and (min-width:1281px) and (min-width: 1551px) {

  .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul li{
   width: 48%;
   line-height: 12px;
   height: 40px;
   float: left;
  }
  .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul li a{
    font-size: 12px;
    
  }
  .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul li:nth-child(2n){float: right; }
  
}



@media screen and (min-width:1200px) {
  
  .wapbottommenu{display:none;}
  
  .header{
    width:100%;
    height: 81px;
    position: absolute;
    top:0;
    left: 0;
    z-index: 10;

  }
  
  .headerbtmline{
    border-bottom: 1px solid #979797;
  }
  
  .headerbtmline .menu > ul > li{
    color:#000!important;
  }
  
  .headerbtmline .menu > ul > li > a{
    color:#000!important;
  }
  
  .headerbtmline .menu > ul > li.active > a{
    color:#014492!important;
  }
  
  .headerbtmwhite{

    background-color: #fff;
  }
  
  .headerbtmwhite .menu > ul > li{
    color:#000!important;
  }
  
  .headerbtmwhite .menu > ul > li > a{
    color:#000!important;
  }
  
  .headerbtmwhite .menu > ul > li.active > a{
    color:#014492!important;
  }
  
  .headerbtmwhite .menu > ul > li > span{
    background-image: url(../imgs/menuarrow_down.png)!important;
  }
  
  .headerbtmwhite .menu > ul > li.active > span{
    background-image: url(../imgs/menuarrow_up.png)!important;
  }
  
  
  .logo{
    width:215px;
    height: 80px;
    float: left;
  }
  
  .logo img{
    width:100%;
  }
  
  
  
  .menu{
    height: 80px;
    float: right;
  }
  
  .menu > ul{
    width:auto;
    height: 80px;
    margin: 0;
    padding: 0;
    float: right;
  }
  
  .menu > ul > li{
    width:auto;
    height: 80px;
    margin: 0;
    padding: 0;
    float: left;
    
    font-size: 16px;
    color:#FFF;
    line-height: 80px;
    padding: 0 20px;
  }
  
  .menu > ul > li > a{
    
    font-size: 16px;
    color:#FFF;
    line-height: 80px;
    text-decoration: none;
    cursor: pointer;
  }
  
  .menu > ul > li > a:hover{
    color:#014492!important;
  }
  
  
  .menu > ul > li > span{
    
    display: inline-block;
    width:18px;
    height: 36px;
    
    background-image: url(../imgs/menuarrow_down_w.png);
    background-size: 18px;
    background-position: 0 21px;
    background-repeat: no-repeat;
    
  }
  
  
  .headerbtmline .menu > ul > li > span{
    background-image: url(../imgs/menuarrow_down.png)!important;
  }
  
  .headerbtmline .menu > ul > li.active > span{
    background-image: url(../imgs/menuarrow_up.png)!important;
  }
  
  .menu > ul > li:hover > span{
    background-image: url(../imgs/menuarrow_up.png)!important;
  }
  
  
  
  .menu > ul > li > .submenu{
    position: absolute;
    top: 80px;
    left: 0;
    width:100%;
    height: 580px;
    z-index: 10;
    
    display: none;
    opacity:0;

  }
  
  .menu > ul > li > .submenujrmh{
    height: 140px!important;
  }
  
  
  .menu > ul > li.active > .submenu{
    display: block!important;
  }
  
  .menu > ul > li > .submenu .wrapper{
    margin-top:40px!important; 
  }
  
  .menu > ul > li > .submenu .submenudiv{
    width:28.4%;
    height: 490px;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: left;
  }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_title{
    width:100%;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    font-size: 20px;
    color:#979797;
  }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_title a{
    
    line-height: 25px;
    font-size: 20px;
    color:#979797;
    text-decoration: none;
  }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_icon{
    position: absolute;
    right: 0;
    top: 0;
    width:38px;
    height: 38px;
  }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_icon img{
    width:100%;
  }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_subs{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
  }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  
 /* .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul li{
    width:48%;
    line-height: 14px;
    float: left;
    height: 40px;


  }*/
  .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul li:nth-child(2n){float: right; }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul li a{
    font-size: 14px;
    color:#000;
    text-decoration: none;
  }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_subs ul li a:hover{
    color:#014492;
  }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_pic{
 width: 100%;
        height: auto;
        overflow: hidden;
        position: absolute;
        bottom: 0;
  }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_pic img{
    width:100%;
  }
  
  .menu > ul > li > .submenu .submenudiv .submenudiv_picspec{
    margin: 240px auto 0 auto!important;
  }
  
  .menu > ul > li > .submenu .submenudiv_sep{
    width:7.4%;
    height: 490px;
    overflow: hidden;
    
    float: left;
    
    
  }
  
  
  .menu > ul > li > .submenu .submenudiv_sep .submenudiv_sep1pxline{
    width:1px;
    height: 490px;
    margin-left: 49.5%;
    background-color: #979797;
  }
  
  .menu > ul > li > .submenujrmh .submenudiv_sep{
    height: 290px!important;
    
  }
  
  
  .menu > ul > li > .submenujrmh .submenudiv_sep .submenudiv_sep1pxline{
    height: 290px!important;
  }
  
  

  
  .menuhoverbg1{
    width:100%;
    height: 660px;
    position: absolute;
    top:0;
    left: 0;
    z-index: 5;
    background-color: #fff;
    opacity: 1;
  }
  .menuhoverbg2{
    width:100%;
    height: 220px;
    position: absolute;
    top:0;
    left: 0;
    z-index: 5;
    background-color: #fff;
    opacity: 1;
  }
  

  
  
  
  .footer{
    width:100%;
    
    /* margin: 100px auto 0 auto; */
    background-color: #014492;
    padding-top: 50px;
  }
  
  .footer .pc_divrow1{
    width:100%;
    height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #979797;
    padding-bottom: 10px;
  }
  
  .footer .pc_divrow2{
    width:100%;
    
    margin-bottom: 30px;
    overflow: hidden;
    margin-top: 30px;
    
  }
  
  
  .footer .pc_divrow3{
    
    width:100%;
    height: 40px;
    /*overflow: hidden;*/
    border-bottom: 1px solid #979797;
    
  }
  
  .footer .pc_div_l{
    width:19%;
    height: auto;
    overflow: hidden;
    float: left;
  }
  
  
  
  .footer .pc_div_c{
    width:68%;
    height: auto;
    overflow: hidden;
    float: left;
  }
  
  .footer .pc_div_r{
    width:13%;
    height: auto;
    overflow: hidden;
    float: left;
  }
  
  
  .footer .footerlogo{
    width:147px;
    height: 30px;
    float: left;
  }
  
  .footer .footerlogo img{
    width:100%;
  }
  
  
  .footer .pc_ftitle{
    width:100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
  }
  
  .footer .pc_ftitle a{
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
  }
  
  .footer .pc_divrow2 .pc_div_l > ul{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-top: 0px;
  }
  
  .footer .pc_divrow2 .pc_div_l > ul > li{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
    float: left;
    text-align: left;
  }
  
  .footer .pc_divrow2 .pc_div_l > ul > li > a{
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
  }
  
  .footer .pc_divrow2 .pc_div_l > ul > li > a:hover{
    color: #9e9e9e;
  }
  
  
  .footer .pc_div_c .pc_fcatrow{
    width:40%;
    height: auto;
    overflow: hidden;
    float: left;
  }
  
  .footer .pc_div_c .pc_fcatrow:nth-child(3){
    width:20%!important;
  }
  
  .footer .pc_div_c .pc_fcatrow .pc_fsubtitle{
    width:100%;
    height: 25px;
    overflow: hidden;
    font-weight: bold;
  }
  
  .footer .pc_div_c .pc_fcatrow .pc_fsubtitle a{
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
  }
  
  .footer .pc_div_c .pc_fcatrow .pc_fsubtitle a:hover{
    color: #9e9e9e;
  }
  
  .footer .pc_div_c .pc_fcatrow .pc_fsubmenu{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
  }
  
  .footer .pc_div_c .pc_fcatrow .pc_fsubmenu ul{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
  }
  
  .footer .pc_div_c .pc_fcatrow .pc_fsubmenu ul li {
    width:100%;
    height: auto;
    margin: 0 0 20px 0;
    float: left;
    text-align: left;
  }
  
  .footer .pc_div_c .pc_fcatrow .pc_fsubmenu ul li a{
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
  }
  
  .footer .pc_div_c .pc_fcatrow .pc_fsubmenu ul li a:hover{
    color: #9e9e9e;/*color: #014492;*/
  }
  
  .footer .pc_yyalzsli{
    width:80%!important;
  }
  
  .footer .pc_div_r .pc_fsubmenu{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-top: 45px;
  }
  
  .footer .pc_div_r .pc_fsubmenu ul{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
  }
  
  .footer .pc_div_r .pc_fsubmenu ul li {
    width:100%;
    height: auto;
    line-height: 25px;
    float: left;
    text-align: left;
    margin-bottom: 20px;
  }
  
  .footer .pc_div_r .pc_fsubmenu ul li a{
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
  }
  
  .footer .pc_div_r .pc_fsubmenu ul li a:hover{
    color: #9e9e9e;
  }
  
  
  
  
  
  
  .footer .pc_div_bl{
    float: left;
    line-height: 27px;
    height: 27px;
    width: auto;
    overflow: hidden;
    
    line-height: 27px;
    font-size: 16px;
    color:#fff;
  }
  
  .footer .pc_div_bl a{
    line-height: 27px;
    font-size: 16px;
    color:#fff;
    text-decoration: none;
  }
  
  
  .footer .pc_div_bc{
    float: left;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
  }
  
  .pc_div_bc a {
    display:block;
    width:27px;
    margin: 0 10px;
    float: left;
  }
  .pc_div_bc a img {
    width: 100%;
  }
  .qrCodeContainer {
      position: absolute;
      bottom: 38px;
      left: 96px;
      opacity: 0;
      transition: opacity 0.3s ease; /* 添加过渡效果 */
  }
  .qrCodeContainer img {
      width: 129px;
  }
  .pc_div_bc a:hover + .qrCodeContainer {
      opacity: 1;
  }
  
  .footer .pc_div_br{
    float: right;
  }
  
  .footer .pc_div_br{
    font-size: 12px;
    padding-right: 10px;
    line-height: 27px;
    color: #fff;
    text-align: right;
  }
  
}


/* 首页 */
@media screen and (max-width:715px) {
  
  
  .banner{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
  }
  
  
  
  .swiper-container {
    width: 100%;
    height: auto;
    overflow: hidden;
  }


  .swiper-container .swiper-slide {
    position: relative;
    overflow: hidden;
  }

  .swiper-slide .waptext{

    transform:translateY(-100px);

    opacity:0;

    transition:all 1.4s;
  }

  .ani-slide .waptext{

    transform:translateY(0);

    opacity:1;

  }
  
  .swiper-container .swiper-slide .waptext{
    position: absolute;
    left: 0%;
    top: 0%;
    width:100%;
    height: auto;
    overflow: hidden;
    
    animation: fa2-fade-in;/*动画名称*/  
    animation-duration: 1.5s;/*动画持续时间*/  
    -webkit-animation:fa2-fade-in 1.5s;/*针对webkit内核*/  
    z-index: 3;
  }
  
  
  .swiper-container .swiper-slide .waptext .title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    margin-top: 37vw;
    
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 25px;
    
    padding-bottom: 20px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    
    text-align: center;
  }
  
  .swiper-container .swiper-slide .waptext .desc{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .swiper-container .swiper-slide .waptext .descitem{
    width:100%;
    height: auto;
    overflow: hidden;
    
    margin-top: 20px;
    
    font-size: 12px;

    color: #fff;
    line-height: 20px;
    
    text-align: center;
  }
  
  
  
  @keyframes fa2-fade-in {
      0% {opacity: 0;}/*初始状态 透明度为0*/  
      40% {opacity: 0;}/*过渡状态 透明度为0*/  
      100% {opacity: 1;}/*结束状态 透明度为1*/  
  }  
  @-webkit-keyframes fa2-fade-in {/*针对webkit内核*/  
      0% {opacity: 0;}  
      40% {opacity: 0;}  
      100% {opacity: 1;}  
  }
  
  .index_wmdjz .texts{
    width:89%;
    margin: 30px auto 30px auto;
    text-align: center;
    
  }
  
  .index_wmdjz .texts .title{
    width:100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding-bottom: 30px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    
    margin: 0 auto 30px auto;
    
  }
  
  
  .index_wmdjz .texts .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    font-size: 12px;
    color: #000;
  }
  
  .index_wmdjz_title{
    width:100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding-bottom: 30px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    
    margin: 50px auto 30px auto;
    
    text-align: center;
  }
  
  .index_wap_wmdjzdesc{
    margin: 0px auto;
  }
  
  .index_wap_wmdjzdesc_menu{
    
  }
  
  .index_wap_wmdjzdesc_menu ul{
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  
  .index_wap_wmdjzdesc_menu ul li{
    width:16.66%;
    height: auto;
    overflow: hidden;
    float: left;
    line-height: 30px;
    color: #000;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    text-align: center;
  }
  
  .index_wap_wmdjzdesc_menu ul li.active{
    color: #014492!important;
    border-bottom: 1px solid #014492!important;
  }
  
  .index_wap_wmdjzdesc_pics{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
  }
  
  .index_wap_wmdjzdesc_pics ul{
    width:100%;
    height: auto;
    overflow: hidden;
  }
    
  .index_wap_wmdjzdesc_pics ul li{
    width:100%;
    height: auto;
    overflow: hidden;
    
  }
  
  .index_wap_wmdjzdesc_pics ul li img{
    width:100%;
    vertical-align: top;
    display: none;
  }
  
  .index_wap_wmdjzdesc_pics ul li.active img{
    display: block!important;
  }
  
  
  .index_yjsmjzg{
    margin: 0px auto;
  }
  
  .index4_1{
    float: left;
    width:100%;
    position: relative;
    margin-bottom: 16px;
  }
  
  .index4_1 img{
    width:100%;
  }
  
  .index4_2{
    float: left;
    width:100%;

    margin-bottom: 16px;
    position: relative;
  }
  
  .index4_2 img{
    width:100%;
  }
  
  .index4_3{
    float: left;
    width:100%;
    position: relative;
  }
  
  .index4_3 img{
    width:100%;
  }
  
  .index4_item .div_text{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 14px 18px;
  }
  
  .index4_item .div_text .title{
    width:100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding: 0 0 15px 0;
    background-image: url(../imgs/home/pc/greenline_new_white.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    
    font-size: 16px;
    color:#fff;
    line-height: 22px;
    
  }
  
  .index4_item .div_text .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 12px auto;
    text-align: left;
    font-size: 12px;
    color:#fff;
    line-height: 20px;
  }

  /* 旧版 */
  .index4_item_old .div_text{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 14px 18px;
  }
  
  .index4_item_old .div_text .title{
    width:100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding: 0 0 15px 0;
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    
    font-size: 16px;
    color:#000;
    line-height: 22px;
    
  }
  
  .index4_item_old .div_text .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 12px auto;
    text-align: left;
    font-size: 12px;
    color:#000;
    line-height: 20px;
  }

}
@media screen and (min-width:716px) and (max-width:1280px) {
  
  .banner{
      width:100%;
      margin: 0 auto;
    }
..index-sfq-item .text{
  padding: 15px;
}
  .swiper-container {
    width: 100%;
  }

  .swiper-container .swiper-slide {
    position: relative;
    overflow: hidden;
  }
    
  .swiper-slide .pctext{
    transform:translateX(-300px);
    opacity:0;
    transition:all 1.4s;
  }

  .ani-slide .pctext{
  transform:translateX(0);
  opacity:1;
  }
  
  .swiper-container .swiper-slide .pctext{
    position: absolute;
    left: 9%;
    top: 33%;
    width:55%;
    height: 505px;
    
    animation: fa2-fade-in;/*动画名称*/  
    animation-duration: 1.5s;/*动画持续时间*/  
    -webkit-animation:fa2-fade-in 1.5s;/*针对webkit内核*/  
    z-index: 3;
  }
  
  @keyframes .fa2-fade-in {
      0% {opacity: 0;}/*初始状态 透明度为0*/  
      40% {opacity: 0;}/*过渡状态 透明度为0*/  
      100% {opacity: 1;}/*结束状态 透明度为1*/  
  } 
  
  @-webkit-keyframes .fa2-fade-in {
    /*针对webkit内核*/  
      0% {opacity: 0;}  
      40% {opacity: 0;}  
      100% {opacity: 1;}  
  }
  
  
  .index_wmdjz{
    margin:100px auto 30px auto!important;
    width: 80%;
  }
  
  
  .index_wmdjz .texts{
    width:45%;
    height: auto;
    overflow: hidden;
    float: left;
  }
  
  .index_wmdjz .texts .title{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 20px 0;
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    
    font-size:2.4vw;
    color:#000;
    line-height: 3.4vw;

  }
  
  
  .index_wmdjz .texts .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 26px auto;
    text-align: left; 
    font-size: 1.1vw;
    color:#000;
    line-height: 2.2vw;
  }
  
  
  .index_wmdjz .pics{
    width:50%;
    height: auto;
    overflow: hidden;
    float: right;
    
  }
  
  .index_wmdjz .pics img{
    width:100%;
  }
  
  
  .index_wmdjz_title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    margin: 0px auto 50px auto;
    text-align: center;
    padding: 35px 0 35px 0;
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    
    font-size: 32px;
    color:#000;
    line-height: 42px;
  }
  
  
  
  .fa2-section3{
    width:100%;
    height: 740px;
    
    margin: 0 auto;
    position: relative;
  }
  
  
  
  
  .fa2-section3 .fa2-sfq{
    width:100%;
    height: 740px;
    
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item{
    width:13%;
    height: 740px;
    float: left;
    position: relative;
    overflow: hidden;
  }
  
  .fa2-section3 .fa2-sfq .active{
    width:35%!important;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item a{
    position: absolute;
    left: 0;
    top: 0;
    width:671px;
    height: 740px;
    transform:translateX(0);
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item .nitem{
    /*display: block;*/
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item .hitem{
    /*display: none;*/
    transform:translateX(0);
    opacity:0;
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item:hover .nitem{
    /*display: none;*/
    transform:translateX(0);
    opacity:0;
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item:hover .hitem{
    /*display: block;*/
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .active .nitem{
    /*display: none!important;*/
    transform:translateX(0);
    opacity:0;
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .active .hitem{
    /*display: block!important;*/
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  
  
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item{

    transform:translateX(0);

    opacity:1;

    transition:all .4s;
  }

  .fa2-section3 .fa2-sfq .active{

    transform:translateX(0);

    opacity:1;

  }
  
  
  .index-section3{
    width: 100%;
    height: auto;
    overflow: hidden;
    
  }
  
  
  
  .index-sfq{
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  
  
  .index-sfq-item{
    width:13%;
    height: 740px;
    overflow: hidden;
    position: relative;
    float: left;
    
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
    
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .index-sfq .active{
    width:35%!important;
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .index-sfq-item .text{
    position: absolute;
    width:100%;
    height: auto;
    padding: 30px;
    
    display: block;
    background-color: none;
    
    left: 0;
    bottom: 0;
    opacity: 0.9;
  }
  
  .index-sfq .text .title{
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    width:auto;
    height: auto;
    border-bottom: none;
    
    clear: both;
    padding-bottom: 20px;
    margin-bottom: 20px;
    
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .index-sfq .text .desc{
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    width:100%;
    
    overflow: hidden;
    display: none;
  }
  
  .index-sfq .active .text{
    background-color: #014492!important;
    transform:translateX(0);
    opacity: 0.8;
    transition:all .4s;
  }
  
  .index-sfq .active .text .title{
    border-bottom: 1px solid #fff;
    
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .index-sfq .active .text .desc{
    display: block!important;
    
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .index_yjsmjzg{
    margin: 50px auto 50px auto;
  }
  
  .index4_1 {
    float: left;
    width:100%;
    height: 220px;
    position: relative;
    margin-bottom: 25px;
   
  }

  
  .index4_1 img{
    width:100%;
    height: 100%;
    object-fit:cover;
  }
  
  .index4_2{
    height: 220px;
    float: right;
    width:49%;
    clear: right;
    position: relative;
  }
  
  .index4_2 img{
    width:100%;
    height: 100%;
    object-fit:cover;
  }
  
  .index4_3{
    height: 464px;
    float: left;
    width:100%;
    position: relative;
  }
  
  .index4_3 img{
    width:100%;
    height: 100%;
    object-fit:cover;
  }
  
  .index4_item .div_text{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 30px;
  }
  
  .index4_item .div_text .title{
    width:100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding: 0 0 15px 0;
    background-image: url(../imgs/home/pc/greenline_new_white.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 28px;
    color:#fff;
    line-height: 38px;
  }
  
  .index4_item .div_text .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 12px auto;
    text-align: left;
    font-size: 14px;
    color:#fff;
    line-height: 22px;
  }

  /* 旧版 */
  .index4_item_old {
    margin-bottom: 25px;
  }
  .index4_item_old .div_text{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 30px;
  }
  
  .index4_item_old .div_text .title{
    width:100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding: 0 0 15px 0;
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 34px;
    color:#000;
    line-height: 46px;
  }
  
  .index4_item_old .div_text .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 12px auto;
    text-align: left;
    font-size: 20px;
    color:#000;
    line-height: 28px;
  }
  
}
@media screen and (min-width:1281px) {
  
  .banner{
      width:100%;
      margin: 0 auto;
    }

  .swiper-container {
    width: 100%;
  }

  .swiper-container .swiper-slide {
    position: relative;
    overflow: hidden;
  }
    
  .swiper-slide .pctext{
    transform:translateX(-300px);
    opacity:0;
    transition:all 1.4s;
  }

  .ani-slide .pctext{
  transform:translateX(0);
  opacity:1;
  }
  
  .swiper-container .swiper-slide .pctext{
    position: absolute;
    left: 9%;
    top: 33%;
    width:55%;
    height: 505px;
    
    animation: fa2-fade-in;/*动画名称*/  
    animation-duration: 1.5s;/*动画持续时间*/  
    -webkit-animation:fa2-fade-in 1.5s;/*针对webkit内核*/  
    z-index: 3;
  }
  
  @keyframes .fa2-fade-in {
      0% {opacity: 0;}/*初始状态 透明度为0*/  
      40% {opacity: 0;}/*过渡状态 透明度为0*/  
      100% {opacity: 1;}/*结束状态 透明度为1*/  
  } 
  
  @-webkit-keyframes .fa2-fade-in {
    /*针对webkit内核*/  
      0% {opacity: 0;}  
      40% {opacity: 0;}  
      100% {opacity: 1;}  
  }
  
  
  .index_wmdjz{
    margin:100px auto 0px auto!important;
    width: 80%;
  }
  
  
  .index_wmdjz .texts{
    width:45%;
    height: auto;
    overflow: hidden;
    float: left;

  }
  
  .index_wmdjz .texts .title{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 35px 0;
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    
    font-size: 2.4vw;
    color:#000;
    line-height: 3.4vw;

  }
  
  
  .index_wmdjz .texts .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 40px auto;
    text-align: left; 
    font-size: 1.1vw;
    color:#000;
    line-height: 2.2vw;
  }
  
  
  .index_wmdjz .pics{
    width:50%;
    height: auto;
    overflow: hidden;
    float: right;
    
  }
  
  .index_wmdjz .pics img{
    width:100%;
  }
  
  
  .index_wmdjz_title{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 50px auto;
    
    text-align: center;
    padding: 40px 0 35px 0;
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    
    font-size: 40px;
    color:#000;
    line-height: 58px;
  }
  
  
  
  .fa2-section3{
    width:100%;
    height: 740px;
    
    margin: 0 auto;
    position: relative;
  }
  
  
  
  
  .fa2-section3 .fa2-sfq{
    width:100%;
    height: 740px;
    
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item{
    width:13%;
    height: 740px;
    float: left;
    position: relative;
    overflow: hidden;
  }
  
  .fa2-section3 .fa2-sfq .active{
    width:35%!important;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item a{
    position: absolute;
    left: 0;
    top: 0;
    width:671px;
    height: 740px;
    transform:translateX(0);
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item .nitem{
    /*display: block;*/
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item .hitem{
    /*display: none;*/
    transform:translateX(0);
    opacity:0;
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item:hover .nitem{
    /*display: none;*/
    transform:translateX(0);
    opacity:0;
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item:hover .hitem{
    /*display: block;*/
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .active .nitem{
    /*display: none!important;*/
    transform:translateX(0);
    opacity:0;
    transition:all .4s;
  }
  
  .fa2-section3 .fa2-sfq .active .hitem{
    /*display: block!important;*/
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  
  
  
  .fa2-section3 .fa2-sfq .fa2-sfq-item{

    transform:translateX(0);

    opacity:1;

    transition:all .4s;
  }

  .fa2-section3 .fa2-sfq .active{

    transform:translateX(0);

    opacity:1;

  }
  
  
  .index-section3{
    width: 100%;
    height: auto;
    overflow: hidden;
    
  }
  
  
  
  .index-sfq{
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  
  
  .index-sfq-item{
    width:13%;
    height: 740px;
    overflow: hidden;
    position: relative;
    float: left;
    
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
    
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .index-sfq .active{
    width:35%!important;
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .index-sfq-item .text{
    position: absolute;
    width:100%;
    height: auto;
    padding: 30px;
    
    display: block;
    background-color: none;
    
    left: 0;
    bottom: 0;
    opacity: 0.9;
  }
  
  .index-sfq .text .title{
    font-size: 28px;
        line-height: 31px;
        color: #fff;
        width: auto;
        height: auto;
        border-bottom: none;
        clear: both;
        margin-bottom: 20px;
        transform: translateX(0);
        opacity: 1;
        transition: all .4s;
        padding-bottom: 12px;
  }
  
  .index-sfq .text .desc{
    font-size: 18px;
        line-height: 23px;
        color: #fff;
        width: 100%;
        
        overflow: hidden;
        display: none;
  }
  
  .index-sfq .active .text{
    background-color: #014492!important;
    transform:translateX(0);
    opacity: 0.8;
    transition:all .4s;
  }
  
  .index-sfq .active .text .title{
    border-bottom: 1px solid #fff;
    
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .index-sfq .active .text .desc{
    display: block!important;
    
    transform:translateX(0);
    opacity:1;
    transition:all .4s;
  }
  
  .index_yjsmjzg{
    margin: 100px auto 100px auto;
  }
  
  .index4_1 {
    float: left;
    width:100%;
    height: 220px;
    position: relative;
    margin-bottom: 25px;
   
  }

  
  .index4_1 img{
    width:100%;
    height: 100%;
    object-fit:cover;
  }
  
  .index4_2{
    height: 220px;
    float: left;
    width:100%;
    clear: right;
    position: relative;
  }
  
  .index4_2 img{
    width:100%;
    height: 100%;
    object-fit:cover;
  }
  
  .index4_3{
    height: 465px;
    float: left;
    width:100%;
    position: relative;
  }
  
  .index4_3 img{
    width:100%;
    height: 100%;
    object-fit:cover;
  }
  
  .index4_item .div_text{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 30px;
  }
  
  .index4_item .div_text .title{
    width:100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding: 0 0 15px 0;
    background-image: url(../imgs/home/pc/greenline_new_white.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 34px;
    color:#fff;
    line-height: 46px;
  }
  
  .index4_item .div_text .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 12px auto;
    text-align: left;
    font-size: 20px;
    color:#fff;
    line-height: 28px;
  }

  /* 旧版 */
  .index4_item_old {
    margin-bottom: 25px;
  }
  .index4_item_old .div_text{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 30px;
  }
  
  .index4_item_old .div_text .title{
    width:100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding: 0 0 15px 0;
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 34px;
    color:#000;
    line-height: 46px;
  }
  
  .index4_item_old .div_text .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 12px auto;
    text-align: left;
    font-size: 20px;
    color:#000;
    line-height: 28px;
  }
  
}


/* 公司分布 */

@media screen and (max-width:715px) {
  
  .companylist{
    
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
    
    
  }
  
  .companylist ul{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .companylist ul li.sepline{
    display: none;
  }
  
  .companylist ul li{
    width:100%;
    float: left;
    height: auto;
    padding-top: 10px;
    border-top: 1px solid #979797;
    margin-bottom: 40px;
  }
  
  
  .companylist ul li .cmplisttitle{
    width:100%;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    text-align: center;
    color: #000;
    font-size: 14px;
  }
  
  .companylist ul li .cmplisttitle a{
    line-height: 50px;
    color: #000;
    font-size: 14px;
    text-decoration: none;
  }
  

  
  .companylist ul li .cmplistpic{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
  }
  
  .companylist ul li .cmplistpic img{
    width:100%;
    vertical-align:top;
  }
  
  .cmplisthoveritem{
    display: none;
  }
  
  
  
  
  
  .showcompany{
    
    margin: 30px auto 0px auto;
  }
  
  .scmp_title{
    width:100%;
    height: auto;
    overflow: hidden;
    padding: 30px 0;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-align: center;
    font-weight: bold;
    
    border-top: 1px solid #979797;
  }
  
  
  
  .scmp_desc{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .scmp_desc .scmp_pic{
    width:100%;
    float: left;
  }
  .scmp_desc .scmp_pic img{
    width:100%;
  }
  
  .scmp_desc .scmp_otherdesc{
    width:100%;
    float: right;
    
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    color:#000;
    
    padding-top: 10px;
    margin-top: 20px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 30px 1px;
    
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_desc{
    width:100%;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    line-height: 28px;
    color:#000;
    
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_desc a{
    font-size: 12px;
    line-height: 28px;
    color:#000;
    text-decoration: none;
  }
  
  
  
  .scmp_desc .scmp_description{
    width:100%;
    height: auto;
    overflow: hidden;
    float: left;
    
    font-size: 12px;
    line-height: 28px;
    color:#000;
    
    
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 30px 1px;
    
  }
  
  
}
@media screen and (min-width:716px) and (max-width:1280px) {
  
  .companylist{
    
    width: 100%;
    height: auto;
    margin-top: 100px;
    margin-bottom: 100px;
    
    border-top: 1px solid #979797;
    padding-top: 100px;
  }
  
  .companylist ul{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .companylist ul li.sepline{
    width:100%!important;
    height: 1px!important;
    background-color: #979797;
    margin: 100px auto;
    float: left;
  }
  
  .companylist ul li{
    width:32.6%;
    float: left;
    margin-right: 1.1%;
    height: auto;
  }
  
  .companylist ul li:nth-child(4n+3){
    margin-right: 0%!important;
  }
  
  .companylist ul li .cmplisttitle{
    width:100%;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    text-align: left;
    color: #000;
    font-size: 20px;
  }
  
  .companylist ul li .cmplisttitle a{
    line-height: 50px;
    color: #000;
    font-size: 20px;
    text-decoration: none;
  }
  
  .companylist ul li .cmplistpic{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
  }
  
  .companylist ul li .cmplistpic img{
    width:100%;
    vertical-align:top;
  }
  
  .cmplisthoveritem{
    position: absolute;
    width:100%;
    height: auto;
    overflow: hidden;
    background-color: #014492;
    left: 0;
    bottom: 0;
    display: none;
  }
  
  .companylist ul li .cmplistpic:hover .cmplisthoveritem{
    display: block!important;
  }
  
  .cmplisthoveritem .cmplistdesc{
    width:80%;
    height: auto;
    padding: 20px;
    
    font-size: 14px;
    line-height: 24px;
    color: #fff;
  }
  
  .cmplisthoveritem .cmplistbtnmore{
    
    position: absolute;
    width:90px;
    height: 34px;
    border: 1px solid #fff;
    right: 15px;
    bottom: 15px;
    text-align: center;
  }
  
  .cmplisthoveritem .cmplistbtnmore a{
    color:#fff;
    line-height: 34px;
    font-size: 14px;
    text-decoration: none;
  }
  
  
  
  
  
  
  .showcompany{
    border-top: 1px solid #979797;
    margin: 100px auto 80px auto;
  }
  
  .scmp_title{
    width:100%;
    height: 50px;
    overflow: hidden;
    margin: 80px auto;
    line-height: 50px;
    font-size: 38px;
    color: #000;
    text-align: center;
    font-weight: bold;
  }
  
  
  
  .scmp_desc{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .scmp_desc .scmp_pic{
    width:65.5%;
    height: 300px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    float: left;
  }
  .scmp_desc .scmp_pic img{
    width:100%;
  }
  
  .scmp_desc .scmp_otherdesc{
    width:27.5%;
    float: right;
    margin-top: -18px;
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 20px;
    line-height: 56px;
    color:#000;
    
    padding-top: 20px;
    padding-top: 20px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: top left;
    background-repeat: no-repeat;
    
    
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_desc{
    width:100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    color:#000;
    
    
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_desc_jsnl p{
    padding-left: 15px;
    text-indent: -15px;
    line-height: 28px!important;
    margin-bottom: 18px!important;
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_desc a{
    font-size: 18px;
    line-height: 56px;
    color:#000;
    text-decoration: none;
  }
  
  
  
  .scmp_desc .scmp_description{
    width:65.5%;
    float: left;
    
    font-size: 18px;
    line-height: 56px;
    color:#000;
    
    margin-top: 30px;
  }

}

@media screen and (min-width:1281px) {
  
  .companylist{
    
    width: 100%;
    height: auto;
    margin-top: 100px;
    margin-bottom: 100px;
    
    border-top: 1px solid #979797;
    padding-top: 100px;
  }
  
  .companylist ul{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .companylist ul li.sepline{
    width:100%!important;
    height: 1px!important;
    background-color: #979797;
    margin: 100px auto;
    float: left;
  }
  
  .companylist ul li{
    width:32.6%;
    float: left;
    margin-right: 1.1%;
    height: auto;
  }
  
  .companylist ul li:nth-child(4n+3){
    margin-right: 0%!important;
  }
  
  .companylist ul li .cmplisttitle{
    width:100%;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    text-align: left;
    color: #000;
    font-size: 20px;
  }
  
  .companylist ul li .cmplisttitle a{
    line-height: 50px;
    color: #000;
    font-size: 20px;
    text-decoration: none;
  }
  
  .companylist ul li .cmplistpic{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
  }
  
  .companylist ul li .cmplistpic img{
    width:100%;
    vertical-align:top;
  }
  
  .cmplisthoveritem{
    position: absolute;
    width:100%;
    height: auto;
    overflow: hidden;
    background-color: #014492;
    left: 0;
    bottom: 0;
    display: none;
  }
  
  .companylist ul li .cmplistpic:hover .cmplisthoveritem{
    display: block!important;
  }
  
  .cmplisthoveritem .cmplistdesc{
    width:80%;
    height: auto;
    padding: 20px;
    
    font-size: 14px;
    line-height: 24px;
    color: #fff;
  }
  
  .cmplisthoveritem .cmplistbtnmore{
    
    position: absolute;
    width:90px;
    height: 34px;
    border: 1px solid #fff;
    right: 15px;
    bottom: 15px;
    text-align: center;
  }
  
  .cmplisthoveritem .cmplistbtnmore a{
    color:#fff;
    line-height: 34px;
    font-size: 14px;
    text-decoration: none;
  }
  
  
  
  
  
  
  .showcompany{
    border-top: 1px solid #979797;
    margin: 100px auto 80px auto;
  }
  
  .scmp_title{
    width:100%;
    height: 50px;
    overflow: hidden;
    margin: 80px auto;
    line-height: 50px;
    font-size: 38px;
    color: #000;
    text-align: center;
    font-weight: bold;
  }
  
  
  
  .scmp_desc{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .scmp_desc .scmp_pic{
    width:65.5%;
    height: 300px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    float: left;
  }
  .scmp_desc .scmp_pic img{
    width:100%;
  }
  
  .scmp_desc .scmp_otherdesc{
    width:27.5%;
    float: right;
    margin-top: -18px;
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 20px;
    line-height: 56px;
    color:#000;
    
    padding-top: 20px;
    padding-top: 20px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: top left;
    background-repeat: no-repeat;
    
    
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_desc{
    width:100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    color:#000;
    
    
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_desc_jsnl p{
    padding-left: 15px;
    text-indent: -15px;
    line-height: 28px!important;
    margin-bottom: 18px!important;
  }
  
  .scmp_desc .scmp_otherdesc .scmp_otherdesc_item .scmp_otherdesc_desc a{
    font-size: 18px;
    line-height: 56px;
    color:#000;
    text-decoration: none;
  }
  
  
  
  .scmp_desc .scmp_description{
    width:65.5%;
    float: left;
    
    font-size: 18px;
    line-height: 56px;
    color:#000;
    
    margin-top: 30px;
  }

}







/* 联系我们 */

@media screen and (max-width:715px) {
  
  .contactus{
    margin-top: 40px;
  }
  
  .contact_div1{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
  }
  
  
  
  .contact_div1 .pic{
    width:100%;
    height: auto;
    overflow: hidden;
    float: left;
  }
  
  .contact_div1 .pic #bdmap{
    width:100%;
    height: 280px;
    overflow: hidden;
  }
  
  .contact_div1 .pic #bdmap2{
    width:100%;
    height: 280px;
    overflow: hidden;
  }
  
  .contact_div1 .pic #bdmap3{
    width:100%;
    height: 280px;
    overflow: hidden;
  }
  
  .contact_div1 .pic #bdmap4{
    width:100%;
    height: 280px;
    overflow: hidden;
  }
  
  
  .contact_div1 .pic img{
    width:100%;
    vertical-align: top;
  }
  
  .contact_div1 .text{
    width:100%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 30px;
  }
  
  .contact_div1 .text .text_title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 14px;
    line-height: 28px;
    color:#000;
    
    padding-top: 20px;
    padding-top: 20px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: top left;
    background-repeat: no-repeat;
    
  }
  .contact_div1 .text .text_desc{
    
    width:100%;
    height: auto;
    overflow: hidden;
    font-size: 12px;
    line-height: 28px;
    color:#000;
  }
  
  .contact_div1 .text .text_desc a{
    font-size: 12px;
    line-height: 28px;
    color:#000;
    text-decoration: none;
    
  }
  
  .contact_div2 {
    width:100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
  }
  
  .contact_div2 .text_title{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    
    font-size: 16px;
    line-height: 28px;
    color:#000;
    font-weight: bold;
    
    padding-top: 20px;
    padding-top: 20px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: top left;
    background-repeat: no-repeat;
    
  }
  
  
  
  .contact_form{
    width:100%;
    height: auto;
    overflow: hidden;
    
  }
  
  .contact_form .group1{
    width:100%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-top: 30px;
  }
  
  .contact_form_name{
    width:100%;
    height: 40px;
    overflow: hidden;
    float: left;
    
    border: 1px solid #000;
    margin-bottom: 30px;
  }
  
  .contact_form_email{
    width:100%;
    height: 40px;
    overflow: hidden;
    float: left;
    
    border: 1px solid #000;
    margin-bottom: 30px;
  }
  
  .contact_form_tel{
    width:100%;
    height: 40px;
    overflow: hidden;
    float: left;
    
    border: 1px solid #000;
    margin-bottom: 30px;
  }
  
  .contact_form_message{
    width:100%;
    height: 80px;
    overflow: hidden;
    float: left;
    
    border: 1px solid #000;
    margin-bottom: 30px;
  }
  
  .contact_form input{
    width:90%;
    border: none;
    height: 40px;
    line-height: 40px;
    margin-left: 5%;
    font-size: 12px;
  }
  
  .contact_form textarea{
    width:90%;
    border: none;
    height: 80px;
    line-height: 40px;
    margin-left: 5%;
    font-size: 12px;
  }
  
  .contact_form_submit{
    width:100%;
    height: auto;
    margin: 0px auto 30px auto;
    text-align: center;
  }
  
  .contact_form_submit .contact_form_btn{
    width:80px;
    height: 30px;
    border:1px solid #014492;
    line-height: 30px;
    color: #014492;
    text-align: center;
    font-size: 12px;
  }
  
}
@media screen and (min-width:716px) and (max-width:1280px) {
  
  .contactus{
    margin-top: 100px;
    margin-bottom: 100px;
  }
  
 .contact_div1{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 50px;
  }
  
  
  
  .contact_div1 .pic{
    width:50%;
    height: auto;
    overflow: hidden;
    float: left;
  }
  
  .contact_div1 .pic #bdmap{
    width:100%;
    height: 400px;
    overflow: hidden;
  }
  
  .contact_div1 .pic #bdmap2{
    width:100%;
    height: 400px;
    overflow: hidden;
  }
  
  .contact_div1 .pic #bdmap3{
    width:100%;
    height: 400px;
    overflow: hidden;
  }
  
  .contact_div1 .pic #bdmap4{
    width:100%;
    height: 400px;
    overflow: hidden;
  }
  
  .contact_div1 .pic img{
    width:100%;
  }
  
  .contact_div1 .text{
    width:44%;
    float: right;
  }
  
  .contact_div1 .text .text_title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 28px;
    line-height: 56px;
    color:#000;
    
    padding-top: 20px;
    padding-top: 20px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: top left;
    background-repeat: no-repeat;
    
  }
  .contact_div1 .text .text_desc{
    
    width:100%;
    height: auto;
    overflow: hidden;
    font-size: 18px;
    line-height: 56px;
    color:#000;
  }
  
  .contact_div1 .text .text_desc a{
    font-size: 18px;
    line-height: 56px;
    color:#000;
    text-decoration: none;
    
  }
  
  .contact_div2 {
    width:100%;
    height: auto;
    overflow: hidden;
    margin-top: 100px;
  }
  
  .contact_div2 .text_title{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    
    font-size: 28px;
    line-height: 56px;
    color:#000;
    
    padding-top: 20px;
    padding-top: 20px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: top left;
    background-repeat: no-repeat;
    
  }
  
  
  .contact_form{
    width:100%;
    height: 240px;
    overflow: hidden;
    border: 1px solid #000;
  }
  
  .contact_form .group1{
    width:50%;
    float: left;
    height: 240px;
    overflow: hidden;
  }
  
  .contact_form_name{
    width:100%;
    height: 80px;
    overflow: hidden;
    float: left;
    
    border-bottom: 1px solid #000;
  }
  
  .contact_form_email{
    width:100%;
    height: 80px;
    overflow: hidden;
    float: left;
    
    border-bottom: 1px solid #000;
  }
  
  .contact_form_tel{
    width:100%;
    height: 80px;
    overflow: hidden;
    float: left;
  }
  
  .contact_form_message{
    width:50%;
    height: 240px;
    overflow: hidden;
    float: right;
    
    border-left: 1px solid #000;
  }
  
  .contact_form input{
    width:90%;
    border: none;
    height: 80px;
    line-height: 80px;
    margin-left: 5%;
  }
  
  .contact_form textarea{
    width:90%;
    border: none;
    height: 240px;
    line-height: 80px;
    margin-left: 5%;
  }
  
  .contact_form_submit{
    width:100%;
    height: auto;
    margin: 50px auto 0 auto;
    text-align: center;
  }
  
  .contact_form_submit .contact_form_btn{
    width:150px;
    height: 50px;
    border:1px solid #014492;
    line-height: 50px;
    color: #014492;
    text-align: center;
    cursor: pointer;
  }
  
}  
@media screen and (min-width:1281px) {
  
  .contactus{
    margin-top: 100px;
    margin-bottom: 100px;
  }
  
 .contact_div1{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 50px;
  }
  
  
  
  .contact_div1 .pic{
    width:50%;
    height: auto;
    overflow: hidden;
    float: left;
  }
  
  .contact_div1 .pic #bdmap{
    width:100%;
    height: 400px;
    overflow: hidden;
  }
  
  .contact_div1 .pic #bdmap2{
    width:100%;
    height: 400px;
    overflow: hidden;
  }
  
  .contact_div1 .pic #bdmap3{
    width:100%;
    height: 400px;
    overflow: hidden;
  }
  
  .contact_div1 .pic #bdmap4{
    width:100%;
    height: 400px;
    overflow: hidden;
  }
  
  .contact_div1 .pic img{
    width:100%;
  }
  
  .contact_div1 .text{
    width:44%;
    float: right;
  }
  
  .contact_div1 .text .text_title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 28px;
    line-height: 56px;
    color:#000;
    
    padding-top: 20px;
    padding-top: 20px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: top left;
    background-repeat: no-repeat;
    
  }
  .contact_div1 .text .text_desc{
    
    width:100%;
    height: auto;
    overflow: hidden;
    font-size: 18px;
    line-height: 56px;
    color:#000;
  }
  
  .contact_div1 .text .text_desc a{
    font-size: 18px;
    line-height: 56px;
    color:#000;
    text-decoration: none;
    
  }
  
  .contact_div2 {
    width:100%;
    height: auto;
    overflow: hidden;
    margin-top: 100px;
  }
  
  .contact_div2 .text_title{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto;
    
    font-size: 28px;
    line-height: 56px;
    color:#000;
    
    padding-top: 20px;
    padding-top: 20px;
    
    background-image: url(../imgs/home/pc/greenline_new.png);
    background-position: top left;
    background-repeat: no-repeat;
    
  }
  
  
  .contact_form{
    width:100%;
    height: 240px;
    overflow: hidden;
    border: 1px solid #000;
  }
  
  .contact_form .group1{
    width:50%;
    float: left;
    height: 240px;
    overflow: hidden;
  }
  
  .contact_form_name{
    width:100%;
    height: 80px;
    overflow: hidden;
    float: left;
    
    border-bottom: 1px solid #000;
  }
  
  .contact_form_email{
    width:100%;
    height: 80px;
    overflow: hidden;
    float: left;
    
    border-bottom: 1px solid #000;
  }
  
  .contact_form_tel{
    width:100%;
    height: 80px;
    overflow: hidden;
    float: left;
  }
  
  .contact_form_message{
    width:50%;
    height: 240px;
    overflow: hidden;
    float: right;
    
    border-left: 1px solid #000;
  }
  
  .contact_form input{
    width:90%;
    border: none;
    height: 80px;
    line-height: 80px;
    margin-left: 5%;
  }
  
  .contact_form textarea{
    width:90%;
    border: none;
    height: 240px;
    line-height: 80px;
    margin-left: 5%;
  }
  
  .contact_form_submit{
    width:100%;
    height: auto;
    margin: 50px auto 0 auto;
    text-align: center;
  }
  
  .contact_form_submit .contact_form_btn{
    width:150px;
    height: 50px;
    border:1px solid #014492;
    line-height: 50px;
    color: #014492;
    text-align: center;
    cursor: pointer;
  }
  
}






/* 技术平台和解决方案 */

@media screen and (max-width:715px) {
  
  
  .showcase{
    width:100%;
    height: auto;
    margin-top: 30px!important;
    overflow: hidden;
    padding: 0!important;
  }

  .casetitle{
    width:100%;
    text-align: center;
    height: auto;
    margin: 0 auto 30px auto;
    overflow: hidden;
    
    font-size: 12px;
    line-height: 30px;
    padding: 0 5%;
  }
  
  .caseitem{
    width:100%;
    text-align: center;
    height: auto;
    margin: 20px auto 20px auto;
    overflow: hidden;
  }
  
  
  .casepic{
    width:100%;
    height: auto;
    position: relative;
  }
  
  .casepic img{
    width:100%;
  }
  
  .casepic .casepictext{
    width:200px;
    height: 56px;
    line-height: 56px;
    text-shadow: 1px 1px 4px black;
    position: absolute;
    left: 5.5%;
    bottom: 20px;
    
    font-size: 16px;
    color: #fff;
    
    text-align: left;
  }
  
  .casedesc{
    width:100%;
    text-align: center;
    height: auto;
    margin: 30px auto 0 auto;
    overflow: hidden;
    
    font-size: 12px;
    line-height: 30px;
    
    padding: 0 5%;
  }
  
  .caseul{
    width:100%;
    text-align: center;
    height: auto;
    margin: 30px auto 0 auto;
    overflow: hidden;
    padding: 0 5%;
  }
  
  
  .caseul ul{
    width:100%;
    text-align: center;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    
  }
  
  .caseul ul li{
    width:50%;
    height: auto;
    min-height: 40px;
    overflow: hidden;
    
    float: left;
    padding-left: 40px;
    
    background-image: url(../imgs/caseicon.png);
    background-position: 11px 2px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    
    font-size: 12px;
    line-height: 20px;
    color: #000;
    text-align: left;
    margin-bottom: 20px;
  }
  
  .caseul ul li:nth-child(2n+1){
    clear: left;
  }
  
  
  
  .caseul ul.caseul2row li{
    width:50%;
    height: auto;
    min-height: 40px;
    overflow: hidden;
    
    float: left;
    padding-left: 40px;
    
    background-image: url(../imgs/caseicon.png);
    background-position: 11px 2px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    
    font-size: 12px;
    line-height: 20px;
    color: #000;
    text-align: left;
    margin-bottom: 20px;
  }
  
  .caseul ul.caseul2row li:nth-child(2n+1){
    clear: left;
  }
  
  
  .caseul ul.moju2ul > li{
    width:50%;
    height: auto;
    overflow: hidden;
    
    float: left;
  }
  
  
  .caseul ul.moju2ul > li{
    width:50%;
    height: auto;
    overflow: hidden;
    
    float: left;
    
    padding-left: 0px!important;
    
    background: none!important;
    
  }
  
  
  .caseul ul.moju2ul > li > ul > li{
    width:100%;
    height: auto;
    min-height: 40px;
    overflow: hidden;
    
    float: left;
    padding-left: 40px;
    
    background-image: url(../imgs/caseicon.png);
    background-position: 11px 2px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    
    font-size: 12px;
    line-height: 20px;
    color: #000;
    text-align: left;
    margin-bottom: 20px;
  }
  
  .caseul ul.moju2ul > li > ul > li:nth-child(2n+1){
    clear: left;
  }
  
  .caseul ul.moju2ul > li > ul > li.bigtitle{
    font-weight: bold;
    padding-left: 0px!important;
    background:none!important;
    padding-left: 12px!important;
  }
  
  
}

@media screen and (min-width:716px) and (max-width:1280px) {
  
  .showcase{
    width:100%;
    height: auto;
    margin-top: 0px!important;
    overflow: hidden;
    margin-bottom: 100px;
  }

  .casetitle{
    width:80%;
    text-align: center;
    height: auto;
    margin: 100px auto 0 auto;
    overflow: hidden;
    
    font-size: 16px;
    line-height: 50px;
    
  }
  
  .caseitem{
    width:100%;
    text-align: center;
    height: auto;
    margin: 50px auto 0 auto;
    overflow: hidden;
  }
  
  
  .casepic{
    width:100%;
    height: auto;
    position: relative;
  }
  
  .casepic_pm_l{
    float: left;
    width:49.3%;
    margin-bottom: 16px!important;
  }
  .casepic_pm_r{
    float: right;
    width:49.3%;
    
  }
  .casepic_pm_b{
    margin-top: 0px!important;
  }
  
  .casepic img{
    width:100%;
  }
  
  .casepic .casepictext{
    
    height: 56px;
    line-height: 56px;
    
    position: absolute;
    left: 50px;
    bottom: 50px;
    text-shadow: 1px 1px 4px black;
    font-size: 30px;
    color: #fff;
  }
  
  .casedesc{
    width:85%;
    text-align: center;
    height: auto;
    margin: 100px auto 0 auto;
    overflow: hidden;
    
    font-size: 18px;
    line-height: 50px;
  }
  
  .caseul{
    width:100%;
    text-align: center;
    height: auto;
    margin: 100px auto 0 auto;
    overflow: hidden;
    
  }
  
  
  .caseul ul{

    width:1200px;
    text-align: center;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    
  }
  
  .caseul ul.caseul3row li{
    width:33.3%;
    height: auto;
    overflow: hidden;
    
    float: left;
    padding-left: 40px;
    
    background-image: url(../imgs/caseicon.png);
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-align: left;
    margin-bottom: 40px;
  }
  
  .caseul ul.caseul3row li:nth-child(3n+1){
    clear: left;
  }
  
  
  .caseul ul.caseul2row li{
    width:50%;
    height: auto;
    overflow: hidden;
    
    float: left;
    padding-left: 40px;
    
    background-image: url(../imgs/caseicon.png);
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-align: left;
    margin-bottom: 40px;
  }
  
  .caseul ul.caseul2row li:nth-child(2n+1){
    clear: left;
  }
  
  
  .caseul ul.moju2ul > li{
    width:50%;
    height: auto;
    overflow: hidden;
    
    float: left;
  }
  
  
  .caseul ul.moju2ul > li{
    width:50%;
    height: auto;
    overflow: hidden;
    
    float: left;
    
  }
  
  
  .caseul ul.moju2ul > li > ul > li{
    width:100%;
    height: auto;
    overflow: hidden;
    
    float: left;
    padding-left: 40px;
    
    background-image: url(../imgs/caseicon.png);
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-align: left;
    margin-bottom: 40px;
  }
  
  .caseul ul.moju2ul > li > ul > li:nth-child(2n+1){
    clear: left;
  }
  
  .caseul ul.moju2ul > li > ul > li.bigtitle{
    font-weight: bold;
    padding-left: 0px!important;
    background:none!important;
  }
  

  
}
@media screen and (min-width:1281px) {
  
  .showcase{
    width:100%;
    height: auto;
    margin-top: 0px!important;
    overflow: hidden;
    margin-bottom: 100px;
  }

  .casetitle{
    width:60%;
    text-align: center;
    height: auto;
    margin: 100px auto 0 auto;
    overflow: hidden;
    
    font-size: 16px;
    line-height: 50px;
    
  }
  
  .caseitem{
    width:100%;
    text-align: center;
    height: auto;
    margin: 50px auto 0 auto;
    overflow: hidden;
  }
  
  
  .casepic{
    width:100%;
    height: auto;
    position: relative;
  }
  
  .casepic_pm_l{
    float: left;
    width:49.3%;
    margin-bottom: 16px!important;
  }
  .casepic_pm_r{
    float: right;
    width:49.3%;
    
  }
  .casepic_pm_b{
    margin-top: 0px!important;
  }
  
  .casepic img{
    width:100%;
  }
  
  .casepic .casepictext{
    
    height: 56px;
    line-height: 56px;
    
    position: absolute;
    left: 50px;
    bottom: 50px;
    text-shadow: 1px 1px 4px black;
    font-size: 30px;
    color: #fff;
  }
  
  .casedesc{
    width:60%;
    text-align: center;
    height: auto;
    margin: 100px auto 0 auto;
    overflow: hidden;
    
    font-size: 18px;
    line-height: 50px;
  }
  
  .caseul{
    width:100%;
    text-align: center;
    height: auto;
    margin: 100px auto 0 auto;
    overflow: hidden;
    
  }
  
  
  .caseul ul{

    width:1200px;
    text-align: center;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    
  }
  
  .caseul ul.caseul3row li{
    width:33.3%;
    height: auto;
    overflow: hidden;
    
    float: left;
    padding-left: 40px;
    
    background-image: url(../imgs/caseicon.png);
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-align: left;
    margin-bottom: 40px;
  }
  
  .caseul ul.caseul3row li:nth-child(3n+1){
    clear: left;
  }
  
  
  .caseul ul.caseul2row li{
    width:50%;
    height: auto;
    overflow: hidden;
    
    float: left;
    padding-left: 40px;
    
    background-image: url(../imgs/caseicon.png);
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-align: left;
    margin-bottom: 40px;
  }
  
  .caseul ul.caseul2row li:nth-child(2n+1){
    clear: left;
  }
  
  
  .caseul ul.moju2ul > li{
    width:50%;
    height: auto;
    overflow: hidden;
    
    float: left;
  }
  
  
  .caseul ul.moju2ul > li{
    width:50%;
    height: auto;
    overflow: hidden;
    
    float: left;
    
  }
  
  
  .caseul ul.moju2ul > li > ul > li{
    width:100%;
    height: auto;
    overflow: hidden;
    
    float: left;
    padding-left: 40px;
    
    background-image: url(../imgs/caseicon.png);
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    
    font-size: 20px;
    line-height: 40px;
    color: #000;
    text-align: left;
    margin-bottom: 40px;
  }
  
  .caseul ul.moju2ul > li > ul > li:nth-child(2n+1){
    clear: left;
  }
  
  .caseul ul.moju2ul > li > ul > li.bigtitle{
    font-weight: bold;
    padding-left: 0px!important;
    background:none!important;
  }
  

  
}
  


/* 加入美好 */

@media screen and (max-width:715px) {
  
  .recruitment{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 30px auto 0 auto;
  }
  
  
  .recruitment_tab{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .recruitment_tab .recruitment_tab_item{
    width:100%;
    height: auto;
    overflow: hidden;
    position: relative;
    float: left;
    margin-bottom: 20px;
  }
  
  
  .recruitment_tab .recruitment_tab_item img{
    width:100%;
    vertical-align:top;
  }
  
  .recruitment_tab .recruitment_tab_item .r_title{
    position: absolute;
    left: 30px;
    bottom: 10px;
    width:150px;
    height: 56px;
    font-size: 16px;
    line-height: 56px;
    font-weight: bold;
  }
  
  .recruitment_tab .recruitment_tab_item .r_title a{
    font-size: 16px;
    line-height: 56px;
    text-decoration: none;
    color:#fff;
    font-weight: bold;
  }
  
  
  .recruitment_tab .recruitment_tab_item.active{
    border: 5px solid #014492;
  }
  
  .recruitment_tab .recruitment_tab_item.active .r_title a{
    color:#014492!important;
  }
  
  .r_btitle1{
    width:100%;
    height: 56px;
    margin: 30px auto 20px auto;
    text-align: left;
    
    line-height: 56px;
    color:#000;
    font-size: 16px;
    font-weight: bold;
    
  }
  
  
  .recruitment_list{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  .recruitment_list_title{
    width:100%;
    height: 30px;
    overflow: hidden;
    border-bottom: 1px solid #014492;
  }
  .recruitment_list_title .twap{
    width:100%;
    height: 30px;
    float: left;
    color: #014492;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
  }

  .recruitment_list_item .rli_htitle{
    font-size:14px;
    font-weight: bold;
  }
  
  
  .recruitment_list_item{
    width:100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #014492;
    padding-top: 20px;
    padding-bottom: 0px;
    position: relative;
    
    max-height: 71px;
    transition:all 1.4s;
  }
  
  .recruitment_list .active{
    max-height: 1200px!important;
    transition:all 1.4s;
  }
  
  .recruitment_list_item > div{
    width:92%;
    height: auto;
    float: left;
    color: #000;
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 20px;
  }
  .recruitment_list_item .t5{
    width:20px!important;
    height: 20px!important;
    overflow: hidden!important;
    position: absolute!important;
    top:20px!important;
    right: 0!important;
    
  }
  
  .recruitment_list_item .t5 .rli_btn{
    width:20px;
    height: 20px;
    overflow: hidden;
    background-image: url(../imgs/rec_down.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
  }
  
  .recruitment_list .active .rli_btn{
    background-image: url(../imgs/rec_up.png)!important;
  }
  
  
  .recruitment_list .active .t6{
    display: block!important;
  }
  
  .recruitment_list_item .t6{
    width:100%!important;
    
    line-height: 30px;
    display: none;
    
  }
  
  .recruitment_list_item .t1wap .rli_descbig{
    font-size:16px;
    line-height: 30px;
  }
  
  
  
  .recruitment_list_item .t6 .rli_stitle{font-weight: bold;}
  .recruitment_list_item .t6 .rli_desc{}
  .r_bdesc1{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 12px;
    line-height: 28px;
    color:#000;
    
    text-align: left;
    
  }
  .r_bdesc1 a{
    font-size: 12px;
    line-height: 28px;
    color:#000;
  }
  
  .r_city{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .r_city .r_city_item{
    width:100%;
    height: auto;
    float: left;

  }
  
  .r_city .r_city_item .r_btitle2{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    
    width:100%;
    line-height: 28px;
    height: auto;
    overflow: hidden;
    color:#000;
  }
  .r_city .r_city_item .r_bdesc2{
    font-size: 12px;
    
    text-align: left;
    
    width:100%;
    line-height: 28px;
    height: auto;
    overflow: hidden;
    color:#000;
  }
  
  .r_city .r_sepgreenline{

    display: none;
  }
  
  .r_qrcode{
    width:100%;
    height: auto;
    overflow: hidden;
    margin:  20px auto;
  }
  
  .r_qrcode_item{
    width:25%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 20px;
  }
  
  .r_qrcode_item .rqi_pic{
    width:100%;
    height: auto;
    vertical-align: top;
  }
  
  .r_qrcode_item .rqi_text{
    width:100%;
    height: auto;
    text-align: center;
    
    font-size: 12px;
    line-height: 28px;
    color:#000;
  }
  
  
  .recruitment_list .divviewmore{
    width:100%;
    height: auto;
    padding: 50px;
    text-align: center;
  }
  .recruitment_list .btnviewmore{
    width:200px;
    height: 50px;
    border: 1px solid #014492;
    font-size: 16px;
    color: #014492;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
  }
  
  .recruitment_list .pendingviewmore{
    display: none;
  }
  
}

@media screen and (min-width:716px) and (max-width:1280px) {
  
  .recruitment{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto 0 auto;
  }
  
  
  .recruitment_tab{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .recruitment_tab .recruitment_tab_item{
    width:49.58%;
    position: relative;
  }
  
  .recruitment_tab .recruitment_tab_item:nth-child(1){
    float: left;
  }
  .recruitment_tab .recruitment_tab_item:nth-child(2){
    float: right;
  }
  
  .recruitment_tab .recruitment_tab_item img{
    width:100%;
    vertical-align:top;
  }
  
  .recruitment_tab .recruitment_tab_item .r_title{
    position: absolute;
    left: 50px;
    bottom: 50px;
    width:150px;
    height: 56px;
    font-size: 30px;
    line-height: 56px;
  }
  
  .recruitment_tab .recruitment_tab_item .r_title a{
    font-size: 30px;
    line-height: 56px;
    text-decoration: none;
    color:#fff;
  }
  
  
  .recruitment_tab .recruitment_tab_item.active{
    border: 5px solid #014492;
  }
  
  .recruitment_tab .recruitment_tab_item.active .r_title a{
    color:#014492!important;
  }
  
  .r_btitle1{
    width:100%;
    height: 56px;
    margin: 100px auto 50px auto;
    text-align: left;
    
    line-height: 56px;
    color:#000;
    font-size: 36px;
    
  }
  
  
  .recruitment_list{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  .recruitment_list_title{
    width:100%;
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #014492;
  }
  .recruitment_list_title > div{
    width:23%;
    height: 50px;
    float: left;
    color: #014492;
    font-size: 20px;
    line-height: 50px;
  }

  
  .recruitment_list_item{
    width:100%;
    height: auto;
    max-height: 80px;
    overflow: hidden;
    border-bottom: 1px solid #014492;
    cursor: pointer;
    
    transition:all 1.4s;
  }
  .recruitment_list_item > div{
    width:23%;
    height: 80px;
    float: left;
    color: #000;
    font-size: 18px;
    line-height: 80px;
  }
  
  .recruitment_list_item .t3big{
    width:69%!important;
    
  }
  
  
  .recruitment_list_item .t5{
    width:8%!important;
    
  }
  
  .recruitment_list_item .t5 .rli_btn{
    width:100%;
    height: 80px;
    overflow: hidden;
    background-image: url(../imgs/rec_down.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px;
  }
  
  .recruitment_list .active{
    max-height: 800px!important;
    transition:all 1.4s!important;
  }
  
  .recruitment_list .active .rli_btn{
    background-image: url(../imgs/rec_up.png)!important;
  }
  
  
  .recruitment_list .active .t6{
    display: block!important;
  }
  
  .recruitment_list_item .t6{
    width:100%!important;
    
    line-height: 30px;
    display: none;
    
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    
  }
  .recruitment_list_item .t6 .rli_stitle{font-weight: bold;}
  .recruitment_list_item .t6 .rli_desc{}
  .r_bdesc1{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 18px;
    line-height: 56px;
    color:#000;
    
    text-align: left;
    
  }
  .r_bdesc1 a{
    font-size: 18px;
    line-height: 56px;
    color:#000;
  }
  
  .r_city{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .r_city .r_city_item{
    width:33.5%;
    height: auto;
    float: left;
    margin-right: 8%;
  }
  
  .r_city .r_city_item .r_btitle2{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    
    width:100%;
    line-height: 56px;
    height: auto;
    overflow: hidden;
    color:#000;
  }
  .r_city .r_city_item .r_bdesc2{
    font-size: 18px;
    
    text-align: left;
    
    width:100%;
    line-height: 56px;
    height: auto;
    overflow: hidden;
    color:#000;
  }
  
  .r_city .r_sepgreenline{
    width:1px;
    height: 180px;
    float: left;
    background-color: #014492;
    margin-right: 8%;
  }
  
  .r_qrcode{
    width:100%;
    height: auto;
    overflow: hidden;
    margin:  100px auto;
  }
  
  .r_qrcode_item{
    width:233px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 50px;
  }
  
  .r_qrcode_item .rqi_pic{
    width:233px;
    height: auto;
    vertical-align: top;
  }
  
  .r_qrcode_item .rqi_text{
    width:233px;
    height: auto;
    text-align: center;
    
    font-size: 18px;
    line-height: 56px;
    color:#000;
  }
  
  
  .recruitment_list .divviewmore{
    width:100%;
    height: auto;
    padding: 50px;
    text-align: center;
  }
  .recruitment_list .btnviewmore{
    width:200px;
    height: 50px;
    border: 1px solid #014492;
    font-size: 16px;
    color: #014492;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
  }
  .recruitment_list .pendingviewmore{
    display: none;
  }
  
}
 
@media screen and (min-width:1281px) {
  
  .recruitment{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0px auto 0 auto;
  }
  
  
  .recruitment_tab{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .recruitment_tab .recruitment_tab_item{
    width:49.58%;
    position: relative;
  }
  
  .recruitment_tab .recruitment_tab_item:nth-child(1){
    float: left;
  }
  .recruitment_tab .recruitment_tab_item:nth-child(2){
    float: right;
  }
  
  .recruitment_tab .recruitment_tab_item img{
    width:100%;
    vertical-align:top;
  }
  
  .recruitment_tab .recruitment_tab_item .r_title{
    position: absolute;
    left: 50px;
    bottom: 50px;
    width:150px;
    height: 56px;
    font-size: 30px;
    line-height: 56px;
  }
  
  .recruitment_tab .recruitment_tab_item .r_title a{
    font-size: 30px;
    line-height: 56px;
    text-decoration: none;
    color:#fff;
  }
  
  
  .recruitment_tab .recruitment_tab_item.active{
    border: 5px solid #014492;
  }
  
  .recruitment_tab .recruitment_tab_item.active .r_title a{
    color:#014492!important;
  }
  
  .r_btitle1{
    width:100%;
    height: 56px;
    margin: 100px auto 50px auto;
    text-align: left;
    
    line-height: 56px;
    color:#000;
    font-size: 36px;
    
  }
  
  
  .recruitment_list{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  .recruitment_list_title{
    width:100%;
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #014492;
  }
  .recruitment_list_title > div{
    width:23%;
    height: 50px;
    float: left;
    color: #014492;
    font-size: 20px;
    line-height: 50px;
  }

  
  .recruitment_list_item{
    width:100%;
    height: auto;
    max-height: 80px;
    overflow: hidden;
    border-bottom: 1px solid #014492;
    cursor: pointer;
    
    transition:all 1.4s;
  }
  .recruitment_list_item > div{
    width:23%;
    height: 80px;
    float: left;
    color: #000;
    font-size: 18px;
    line-height: 80px;
  }
  
  .recruitment_list_item .t3big{
    width:69%!important;
    
  }
  
  
  .recruitment_list_item .t5{
    width:8%!important;
    
  }
  
  .recruitment_list_item .t5 .rli_btn{
    width:100%;
    height: 80px;
    overflow: hidden;
    background-image: url(../imgs/rec_down.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px;
  }
  
  .recruitment_list .active{
    max-height: 800px!important;
    transition:all 1.4s!important;
  }
  
  .recruitment_list .active .rli_btn{
    background-image: url(../imgs/rec_up.png)!important;
  }
  
  
  .recruitment_list .active .t6{
    display: block!important;
  }
  
  .recruitment_list_item .t6{
    width:100%!important;
    
    line-height: 30px;
    display: none;
    
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    
  }
  .recruitment_list_item .t6 .rli_stitle{font-weight: bold;}
  .recruitment_list_item .t6 .rli_desc{}
  .r_bdesc1{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 18px;
    line-height: 56px;
    color:#000;
    
    text-align: left;
    
  }
  .r_bdesc1 a{
    font-size: 18px;
    line-height: 56px;
    color:#000;
  }
  
  .r_city{
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .r_city .r_city_item{
    width:33.5%;
    height: auto;
    float: left;
    margin-right: 8%;
  }
  
  .r_city .r_city_item .r_btitle2{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    
    width:100%;
    line-height: 56px;
    height: auto;
    overflow: hidden;
    color:#000;
  }
  .r_city .r_city_item .r_bdesc2{
    font-size: 18px;
    
    text-align: left;
    
    width:100%;
    line-height: 56px;
    height: auto;
    overflow: hidden;
    color:#000;
  }
  
  .r_city .r_sepgreenline{
    width:1px;
    height: 180px;
    float: left;
    background-color: #014492;
    margin-right: 8%;
  }
  
  .r_qrcode{
    width:100%;
    height: auto;
    overflow: hidden;
    margin:  100px auto;
  }
  
  .r_qrcode_item{
    width:233px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 50px;
  }
  
  .r_qrcode_item .rqi_pic{
    width:233px;
    height: auto;
    vertical-align: top;
  }
  
  .r_qrcode_item .rqi_text{
    width:233px;
    height: auto;
    text-align: center;
    
    font-size: 18px;
    line-height: 56px;
    color:#000;
  }
  
  
  .recruitment_list .divviewmore{
    width:100%;
    height: auto;
    padding: 50px;
    text-align: center;
  }
  .recruitment_list .btnviewmore{
    width:200px;
    height: 50px;
    border: 1px solid #014492;
    font-size: 16px;
    color: #014492;
    line-height: 50px;
    margin: 0 auto;
    cursor: pointer;
  }
  .recruitment_list .pendingviewmore{
    display: none;
  }
  
}


/* 人在美好 */

@media screen and (max-width:715px) {
  
  .articlelist{
    width:100%;
    height: auto;
    margin: 0px auto 0 auto;
  }
  
  
  .articlebig1{
    width:100%;
    height: auto;
    margin: 30px auto 0 auto;
  }
  
  .articlebig1 li{
    width:100%;
    float: left;

    border-bottom: 1px solid #014492;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  
  
  .articlelist .a_pic{
    width:100%;
  }
  .articlelist .a_pic img{
    width:100%;
  }
  .articlelist .a_date{
    width:100%;
    height: auto;
    text-align: left;
    font-size: 12px;
    line-height: 28px;
    color:#979797;
    font-weight: bold;
  }
  .articlelist .a_title{
    width:100%;
    height: auto;
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: bold;
  }
  .articlelist .a_title a{
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
  }
  
  .articlelist_normalul li{
    width:100%;
    float: left;

    border-bottom: 1px solid #014492;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  

  
  .showarticle{}
  .showarticle .a_title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    line-height: 30px;
    font-size: 16px;
    color:#000;
    font-weight: bold;
    margin-top: 50px;
  }
  .showarticle .a_date{
    width:100%;
    height: auto;
    overflow: hidden;
    
    line-height: 30px;
    font-size: 12px;
    color:#979797;
    margin-top: 20px;
  }
  .showarticle .a_sepline{
    width:100%;
    height: 1px;
    background-color: #014492;
    overflow: hidden;
    margin: 30px auto;
  }
  
  .showarticle .a_desc{
    width:100%;
    height: auto;
    overflow: hidden;
    
    line-height: 30px;
    font-size: 12px;
    color:#000;
  }
  
  .showarticle .a_desc p{
    padding-top: 10px;
    display: block;
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .showarticle .a_desc img{
    width: 100%;
    vertical-align: top;
  }

}

@media screen and (min-width:716px) and (max-width:1280px) {
  
  
  .articlelist{
    width:100%;
    height: auto;
    margin: 0px auto 0 auto;
  }
  
  
  .articlebig1{
    width:100%;
    height: auto;
    margin: 100px auto 0 auto;
  }
  
  .articlebig1 li{
    width:49%;
    float: left;
    margin-right: 2%;
    border-bottom: 1px solid #014492;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  
  .articlebig1 li:nth-child(2){
    margin-right: 0%!important;
  }
  
  .articlelist .a_pic{
    width:100%;
  }
  .articlelist .a_pic img{
    width:100%;
  }
  .articlelist .a_date{
    width:100%;
    height: auto;
    text-align: left;
    font-size: 16px;
    line-height: 56px;
  }
  .articlelist .a_title{
    width:100%;
    height: auto;
    min-height: 80px;
    text-align: left;
    font-size: 22px;
    line-height: 40px;
    color: #000;
  }
  .articlelist .a_title a{
    font-size: 22px;
    line-height: 40px;
    color: #000;
    text-decoration: none;
  }
  
  .articlelist_normalul li{
    width:32%;
    float: left;
    margin-right: 2%;
    border-bottom: 1px solid #014492;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  
  .articlelist_normalul li:nth-child(3n+3){
    margin-right: 0%!important;
  }
  
  .articlelist_normalul li:nth-child(3n+1){
    clear: left;
  }
  
  
  
  
  .showarticle{}
  .showarticle .a_title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    line-height: 70px;
    font-size: 44px;
    color:#000;
    margin-top: 50px;
  }
  .showarticle .a_date{
    width:100%;
    height: auto;
    overflow: hidden;
    
    line-height: 50px;
    font-size: 20px;
    color:#979797;
    margin-top: 20px;
  }
  .showarticle .a_sepline{
    width:100%;
    height: 1px;
    background-color: #014492;
    overflow: hidden;
    margin: 50px auto;
  }
  
  .showarticle .a_desc{
    width:100%;
    height: auto;
    overflow: hidden;
    
    line-height: 50px;
    font-size: 18px;
    color:#000;
  }
  
  .showarticle .a_desc p{
    padding-top: 20px;
    display: block;
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .showarticle .a_desc img{
    width: 70%;
    vertical-align: top;
  }
  
}
 
@media screen and (min-width:1281px) {
  
  
  .articlelist{
    width:100%;
    height: auto;
    margin: 0px auto 0 auto;
  }
  
  
  .articlebig1{
    width:100%;
    height: auto;
    margin: 100px auto 0 auto;
  }
  
  .articlebig1 li{
    width:49%;
    float: left;
    margin-right: 2%;
    border-bottom: 1px solid #014492;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  
  .articlebig1 li:nth-child(2){
    margin-right: 0%!important;
  }
  
  .articlelist .a_pic{
    width:100%;
  }
  .articlelist .a_pic img{
    width:100%;
  }
  .articlelist .a_date{
    width:100%;
    height: auto;
    text-align: left;
    font-size: 16px;
    line-height: 56px;
  }
  .articlelist .a_title{
    width:100%;
    height: auto;
    min-height: 80px;
    text-align: left;
    font-size: 22px;
    line-height: 40px;
    color: #000;
  }
  .articlelist .a_title a{
    font-size: 22px;
    line-height: 40px;
    color: #000;
    text-decoration: none;
  }
  
  .articlelist_normalul li{
    width:32%;
    float: left;
    margin-right: 2%;
    border-bottom: 1px solid #014492;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  
  .articlelist_normalul li:nth-child(3n+3){
    margin-right: 0%!important;
  }
  
  .articlelist_normalul li:nth-child(3n+1){
    clear: left;
  }
  
  
  
  
  .showarticle{}
  .showarticle .a_title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    line-height: 70px;
    font-size: 44px;
    color:#000;
    margin-top: 50px;
  }
  .showarticle .a_date{
    width:100%;
    height: auto;
    overflow: hidden;
    
    line-height: 50px;
    font-size: 20px;
    color:#979797;
    margin-top: 20px;
  }
  .showarticle .a_sepline{
    width:100%;
    height: 1px;
    background-color: #014492;
    overflow: hidden;
    margin: 50px auto;
  }
  
  .showarticle .a_desc{
    width:100%;
    height: auto;
    overflow: hidden;
    
    line-height: 50px;
    font-size: 18px;
    color:#000;
  }
  
  .showarticle .a_desc p{
    padding-top: 20px;
    display: block;
    width:100%;
    height: auto;
    overflow: hidden;
  }
  
  .showarticle .a_desc img{
    width: 70%;
    vertical-align: top;
  }
  
}

/* 应用案例 */

@media screen and (max-width:715px) {
  
  .application_text{
    width:100%;
    height: auto;
    margin: 30px auto;
    overflow: hidden;
    font-size: 12px;
    color: #000;
    line-height: 28px;
    
    text-align: center;
  }
  
  .application_list{
    width:100%;
    height: auto;
    margin: 0 auto;
  }
  
  .application_list ul{
    width:100%;
    height: auto;
    margin: 0 auto;
  }
  
  .application_list ul li{
    width:100%;
    height: auto;
    margin-bottom: 16px;
    float: left;
    
    position: relative;

  }
  


  .application_list ul li img{
    width: 100%;
    vertical-align: top;
  }
  
  .application_list ul li .application_item_text{
    position: absolute;
    width:100%;
    height: auto;
    bottom: 20px;
    text-align: center;
    overflow: hidden;
  }
  
  .application_list ul li .application_item_text .title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 16x;
    line-height: 28px;
    color: #fff;
    text-align: center;
    font-weight: bold;
  }
  
  .application_list ul li .application_item_text .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    
    margin-top: 10px;
    
  }
  
}


@media screen and (min-width:716px) and (max-width:1280px) {
  .application {
        margin-bottom: 100px;
    }
  .application_text{
    width:100%;
    height: auto;
    margin: 100px auto;
    overflow: hidden;
    font-size: 18px;
    color: #000;
    line-height: 50px;
    
    text-align: center;
  }
  
  .application_list{
    width:100%;
    height: auto;
    margin: 0 auto;
  }
  
  .application_list ul{
    width:100%;
    height: auto;
    margin: 0 auto;
  }
  
  .application_list ul li{
    width:49.7%;
    height: auto;
    margin-right: 0.6%;
    margin-bottom: 6px;
    float: left;
    
    position: relative;
    border: 5px solid #fff;
  }
  
  .application_list ul li:hover{
    border: 5px solid #014492;
  }
  
  .application_list ul li:nth-child(2n+2){
    margin-right: 0%!important;
  }
  
  .application_list ul li img{
    width: 100%;
    vertical-align: top;
  }
  
  .application_list ul li .application_item_text{
    position: absolute;
    width:100%;
    height: auto;
    bottom: 27px;
    text-align: center;
    overflow: hidden;
    padding: 0 50px;
  }
  
  .application_list ul li .application_item_text .title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 30px;
    line-height: 56px;
    color: #fff;
    text-align: center;
    font-weight: bold;
  }
  
  .application_list ul li .application_item_text .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    
    margin-top: 10px;
    
  }
  
  
}
  
@media screen and (min-width:1281px) {
  .application {
        margin-bottom: 100px;
    }
  .application_text{
    width:100%;
    height: auto;
    margin: 100px auto;
    overflow: hidden;
    font-size: 18px;
    color: #000;
    line-height: 50px;
    
    text-align: center;
  }
  
  .application_list{
    width:100%;
    height: auto;
    margin: 0 auto;
  }
  
  .application_list ul{
    width:100%;
    height: auto;
    margin: 0 auto;
  }
  
  .application_list ul li{
    width:49.7%;
    height: auto;
    margin-right: 0.6%;
    margin-bottom: 6px;
    float: left;
    
    position: relative;
    border: 5px solid #fff;
  }
  
  .application_list ul li:hover{
    border: 5px solid #014492;
  }
  
  .application_list ul li:nth-child(2n+2){
    margin-right: 0%!important;
  }
  
  .application_list ul li img{
    width: 100%;
    vertical-align: top;
  }
  
  .application_list ul li .application_item_text{
    position: absolute;
    width:100%;
    height: auto;
    bottom: 27px;
    text-align: center;
    overflow: hidden;
    padding: 0 50px;
  }
  
  .application_list ul li .application_item_text .title{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 30px;
    line-height: 56px;
    color: #fff;
    text-align: center;
    font-weight: bold;
  }
  
  .application_list ul li .application_item_text .desc{
    width:100%;
    height: auto;
    overflow: hidden;
    
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    
    margin-top: 10px;
    
  }
  
  
}
@media screen and (min-width: 1281px) and (max-width: 1440px){
  .menu > ul > li > a {
    font-size: 12px!important;
  }

  .menu > ul > li{padding: 0 12px;}
}