@charset "UTF-8";
html{ overflow-x: hidden;}
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143;
 font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #666460;
 width: 100%; min-width: 320px; zoom:1;
 overflow-x: hidden;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);
/*控制文本可选性*/
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}

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

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.dl,.dl dd,.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;font-family: '微软雅黑';} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #FF5800;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

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

.fl {
  float: left; }

.fr {
  float: right; }

li {
  list-style: outside none; }

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0; }

.wal {
  max-width: 12rem;
  margin: 0 auto; }

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
  width: 100%; }
a {
  color: #333;
  text-decoration: none;
  outline: none; }
  a:active {
    star: expression(this.onFocus=this.blur()); }
  a:link {
    text-decoration: none;
    outline: none; }
  a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    text-decoration: none;
    color: #0093e1;
    outline: none; }
.tabContent {
  display: none; }
.container1{padding: 0 15px;margin: 0 auto;}
.container{margin:0 auto; max-width: 1280px;padding: 0 15px;}

 .w1280{margin:0 auto; max-width: 1280px;padding: 0 15px;}
 .Top  .w1280{padding: 0;}

 .w1200{margin:0 auto; max-width: 1200px;padding: 0 15px;}
 .w980{margin:0 auto; max-width: 980px;padding: 0 15px;}

@media screen and (min-width:1200px ){
    .container1,.container,.w1280,.w1200{width:70%;padding: 0;}
   
}


/*全局样式*/




/*页面框架结构*/
.contain{} /*页面主体内容*/
.slidebar{} /*边侧菜单*/
.maincontent{} /*主要内容*/
.content{} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.current{ /*当前位置*/}


/*分页*/
.pages{}
/*分页*/


/*头部
.Top{ width: 100%;background: rgba(255,255,255,.6); padding: 15px 0;z-index: 999; }
.Top .logo{padding-left: 15px; display: inline-block; width: 150px;padding-top: 0x;}
.TopR{float: right; padding-right: 15px;}
.Top .navBtn{float: right; width: 40px;height: 40px;display: block;background: url('../../uploadfiles/navbtn_1.png') no-repeat center;}
.Top .searchBtn{float: right;position: relative; width: 42px;height: 42px; display: block;background: url('../../uploadfiles/btn_icon_001.png') no-repeat center; margin-right: 15px;}
.Top .searchBox{ display: none;position: absolute;z-index: 100; width: 240px;height: 42px; border: 1px solid #ccc;  background: #fff; right: 0; top: 0; }
.Top .searchBox input{width: 195px; height: 40px; line-height:40px;padding: 0 10px; }
.Top .searchBox .btn{ width: 40px;height: 40px;border-left: 1px solid #ccc;display: block;background: url('../../uploadfiles/btn_icon_01.png') no-repeat center; position: absolute; right: 0;top: 0; }

.mainnav{ display: none;padding-top: 15px; }
.mainnav ul li{ position: relative; }
.mainnav ul li a.navA{ display: block;line-height: 35px; padding: 0 15px; color: #6d4d38; font-size: 16px;}
.mainnav ul li.on a.navA{color:#fff; background: #6fb42e;}
.mainnav ul .xl{  display: none; background: #eee; }
.mainnav ul .xl dl a{padding: 0 15px 0 30px;line-height: 42px;height: 42px; display: block;}
.mainnav ul .xl dl a:hover{background-color: rgba(111,180,46,0.8);color: #fff;}
.mainnav ul .xl dl{margin: 0;}

@media screen and (min-width:1000px ){
  .mainnav ul .xl{background: none;}
  .clear1000{display: none;}
  .Top{ padding: 0; position: absolute;}
  .mainnav{ display: block; float: right; padding: 0 15px;}
  .mainnav ul li{float: left;}
  .mainnav ul li a.navA{line-height:70px;border-bottom: 2px solid rgba(255,255,255,0);}
  .mainnav ul li.on a.navA,
  .mainnav ul li a.navA:hover{color:#6fb42e; background:none;border-bottom: 2px solid #6fb42e;}
  .mainnav ul li.on a.navA span{display: inline-block;}
  .Top .logo{padding-top: 5px; width:160px;}
  .TopR{padding-top: 15px;}
  .Top .navBtn{display: none;}
  .Top .searchBtn{background-image:url('../../uploadfiles/btn_icon_01.png');}
  .mainnav ul li:hover .xl{display: block;padding: 15px 0; position: absolute; width:130px; background-color:rgba(255,255,255,.6); border-radius: 0 0 5px 5px; left: 50%;margin-left: -60px; top: 100%; }
  .mainnav ul li:hover .xl a{color:#6d4d38; padding: 0; text-align: center;}
  .mainnav ul li:hover .xl a:hover{color: #fff;}
}

@media screen and (min-width:1200px ){
  .mainnav ul li a.navA{padding: 0 20px;}

}


*/
a, .transition, .topTips, .head, .head .topSearch .form, .nav, .nav a:after, .nav .list, .footDiv .link dl, .indexFlash .layer, .indexFlash .slide-2 .ren, .indexFlash .slide-2 .yun, .indexFlash .dots li div, .indexPart1 .list li, .indexPart1 .more, .indexPart2 .img .imgDiv, .indexPart2 .img dd, .culture_01 li .content, .culture_02 .swiper-slide .img, .culture_03 li:after, .culture_03 .time, .culture_03 p, .pageNum .submit, .CultureSjdzl a .time, .news_01 .fr li, .news_02 li, .news_02 .box, .news_02 .img, .news_02 .layer, .videoLayer, .product li .name, .programme a:after, .caseList .container, .cooperation .container, .aboutHome_02 li, .aboutHome_03 li .name, .Culture2 li, .human_03 li h2, .human_03 li p, .humanLayer, .agentLayer, .case2 .img:after, .case2 .container .list li:after, :before, img, .nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

.ellipsis, .indexPart3 .list li a .name, .culture_01 .container .name, .culture_01 li .name, .CultureXxyd a .name, .newsVideo .name, .newsNotice a, .productShow .list li, .caseList .name, .pageSearch .list .name, .job .list .name, .aboutHome_03 li .name, .qualification li a, .course3_04 .list .container a.name, .human_04 .list .container a.name, .partner_02 .container .list li a, .partner_03 .list li, .agent_02 .list a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .nav ul, .sNav ul, .footDiv .list ul, .footDiv .link ul, .footDiv .ewm, .foot .wal, .indexFlash .layer dl, .indexFlash .dots ul, .indexFlash .dots li div, .indexPart2 .arrow, .indexPart3 .list, .pageBanner .title h3, .pageTitle h2, .pageNav .list ul, .pageNum, .CultureJcdt ul, .CultureXxyd ul, .news_02 ul, .newsVideo ul, .product ul, .productShow .list ul, .productShow .imgList ul, .programme ul, .case_02 .layer .dots, .case_04 ul, .caseNav ul, .caseList ul, .cooperation ul, .aboutFoot ul, .siteMap dl, .job .tab ul, .aboutHome_03 ul, .qualificationBtn ul, .qualification ul, .course3_01 li, .course3_02 .list, .course3_04 .tab ul, .course3_04 .list ul, .pageTab ul, .human_03 ul, .human_03 li h2, .human_03Phone .swiper-slide .img, .human_03Phone .dots, .human_04 .list ul, .human_04-1 .btn ul, .humanLayer, .partner_01, .partner_02 .container .list ul, .partner_02 .btn li, .partner_03 .arrow, .agent_01, .agent_02 .container .list2, .agent_02 .pageMore, .agentLayer, .page404 #wal, .wtjh_01 .container, .wtjh_04, .wtjh_04 dl, .case2 .container .arrow {
  display: flex;
  display: -webkit-flex; }

.flexColumn {
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter, .footDiv .ewm, .indexFlash .dots li div, .indexPart3 .list, .pageBanner .title h3, .pageTitle h2, .pageNum, .course3_02 .list, .human_03 li h2, .human_03Phone .swiper-slide .img, .humanLayer, .partner_02 .btn li, .agentLayer, .page404 #wal {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .indexFlash .dots li div, .indexPart2 .arrow, .pageBanner .title h3, .pageTitle h2, .pageNum, .case_02 .layer .dots, .case_04 ul, .caseNav ul, .job .tab ul, .course3_04 .tab ul, .pageTab ul, .human_03Phone .swiper-slide .img, .human_03Phone .dots, .human_04-1 .btn ul, .humanLayer, .agent_02 .pageMore, .agentLayer, .page404 #wal, .wtjh_04 {
  justify-content: center;
  -webkit-justify-content: center; }

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

.flexBetween, .foot .wal, .news_02 ul, .partner_02 .container .list ul, .agent_01 {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .nav ul, .sNav ul, .foot .wal, .indexFlash .layer dl, .CultureJcdt ul, .CultureXxyd ul, .news_02 ul, .newsVideo ul, .product ul, .productShow .list ul, .productShow .imgList ul, .programme ul, .case_04 ul, .caseList ul, .cooperation ul, .aboutFoot ul, .siteMap dl, .aboutHome_03 ul, .qualification ul, .course3_01 li, .course3_04 .list ul, .human_03 ul, .human_04 .list ul, .partner_01, .partner_02 .container .list ul, .agent_01, .agent_02 .container .list2, .wtjh_01 .container, .wtjh_04 {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

a, .transition, .topTips, .head, .head .topSearch .form, .nav, .nav a:after, .nav .list, .footDiv .link dl, .indexFlash .layer, .indexFlash .slide-2 .ren, .indexFlash .slide-2 .yun, .indexFlash .dots li div, .indexPart1 .list li, .indexPart1 .more, .indexPart2 .img .imgDiv, .indexPart2 .img dd, .culture_01 li .content, .culture_02 .swiper-slide .img, .culture_03 li:after, .culture_03 .time, .culture_03 p, .pageNum .submit, .CultureSjdzl a .time, .news_01 .fr li, .news_02 li, .news_02 .box, .news_02 .img, .news_02 .layer, .videoLayer, .product li .name, .programme a:after, .caseList .container, .cooperation .container, .aboutHome_02 li, .aboutHome_03 li .name, .Culture2 li, .human_03 li h2, .human_03 li p, .humanLayer, .agentLayer, .case2 .img:after, .case2 .container .list li:after, :before, img, .nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }




.head {
  position: absolute;
  z-index: 50;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
  height: 1.1rem; }
  .head .wal {
    height: 1.1rem;
    position: relative; }
  .head a.logo {
    display: block;
    width: 3.14rem;
    position: absolute;
    z-index: 10;
    left: -0.6rem;
    right: auto;
    top: 0.35rem;
    bottom: auto; }
  .head .topSearch { margin: 0; padding: 0;
    width: .2rem;
    height: 100%;
    background: url("../images/img20.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 11;
    left: auto;
    right: -0.85rem;
    top: 0;
    bottom: 0;
}


    .head .topSearch.on .form, .head .topSearch.on2 .form {
      opacity: 1;
      visibility: visible; }
    .head .topSearch .form {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 50%;
      bottom: auto;
      width: 3.3rem;
      margin-top: -.2rem;
      opacity: 0;
      visibility: hidden; }
    .head .topSearch .input { 
      width: 2.4rem;
      height: .4rem;
      border: rgba(255, 255, 255, 0.2) solid 1px;
      background: url("../images/img17_2.png") 0.12rem center no-repeat;
      background-size: .17rem; }
      .head .topSearch .input input {
        width: 100%;
        height: .38rem;
        line-height: 38rem;
        padding-left: .38rem;
        font-size: .14rem;
        color: rgba(255, 255, 255, 0.5); }
    .head .topSearch .submit {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0;
      bottom: auto;
      width: .8rem;
      height: .4rem;
      background: url("../images/btn80.png") center no-repeat;
      background-size: cover; }
      .head .topSearch .submit input {
        width: 100%;
        height: .4rem;
        font-size: .15rem;
        color: #fff; }
  .head a.homeA {
    display: block;
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    width: 1.4rem;
    height: .44rem;
    line-height: .44rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.2);
    font-size: .16rem;
    font-weight: bold;
    color: #fff;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    margin-top: -.22rem; }

.nav {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0;
  bottom: auto; }
  .nav.hide, .nav.hide2 {
    opacity: 0;
    visibility: hidden; }
  .nav li {
    margin-left: .3rem;
    position: relative;
    min-height: 1.1rem; }
  .nav a {
    display: block;
    height: 1.1rem;
    line-height: 1.1rem;
    position: relative;
    color: #fff;
    font-size: .14rem;
    min-width: .4rem;
    text-align: center; }
    .nav a:after {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 0;
      margin-left: 0;
      height: .03rem;
      background: url("../images/navLine.png") center no-repeat;
      background-size: 100% 100%; }
    .nav a b {
      color: #0093e1;
      font-size: .16rem; }
  .nav li:nth-child(1) a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/img40.png") center no-repeat;
    background-size: .4rem; }
  .nav li:nth-child(1) a span {
    opacity: 0; }

.navCulture a:after {
  background: #fff; }
.navCulture a b {
  color: #fff; }

.sNav {
  position: absolute;
  left: 0;
  top: 1.1rem;
  z-index: 50;
  width: 100%;
  background: url("../images/sNav.jpg") center no-repeat;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s; }
  .sNav.sNavTopTips {
    margin-top: .65rem; }
  .sNav.show {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s; }

  .sNav .wal {
    height: 2.8rem;
    position: relative; }
  .sNav .img {
    width: 3.9rem;
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 0.32rem;
    bottom: auto; }

  .sNav .list {
    padding: .32rem 0 0 0;
    width: 7.92rem;
    margin-left: auto; }
  .sNav li {
    width: 25%;
    height: .68rem;
    padding-left: .16rem;
    position: relative; }

    .sNav li:before {
      content: "";
      display: block;
      position: absolute;
      width: 1.73rem;
      height: .48rem;
      border: rgba(255, 255, 255, 0.15) solid 1px;
      left: .16rem;
      top: 0; }

    .sNav li a {
      display: block;
      height: .5rem;
      line-height: .5rem;
      position: relative;
      color: #fff;
      font-size: .14rem;
      padding-left: .55rem;
      background: url("../images/bg175.png") left center no-repeat;
      background-size: 0 100%; }

      .sNav li a:before {
        content: "";
        display: block;
        position: absolute;
        left: .45rem;
        top: 50%;
        width: 1px;
        height: .16rem;
        margin-top: -.08rem;
        background: rgba(255, 255, 255, 0.5); }
      .sNav li a img {
        width: auto;
        height: .3rem;
        position: absolute;
        top: 50%;
        margin-top: -.15rem;
        right: 1.42rem; }
      .sNav li a img:nth-child(2) {
        opacity: 0; }

  .sNav li:hover:before {
    left: .21rem;
    top: -.05rem; }
  .sNav li:hover a {
    background-size: 100% 100%; }
    .sNav li:hover a img:nth-child(1) {
      opacity: 0; }
    .sNav li:hover a img:nth-child(2) {
      opacity: 1; }

@media screen and (min-width: 800px) {
  .nav a:hover:after, .nav a.on:after, .nav a.onon:after {
    width: .4rem;
    margin-left: -.2rem; }
  .nav .list {
    position: absolute;
    z-index: 10;
    left: 10%;
    right: auto;
    top: 100%;
    bottom: auto;
    margin-left: -.6rem;
    width: 1.2rem;
    padding-top: 0;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s; }
    .nav .list.list-2 {
      display: none; }
    .nav .list dl {
      -moz-border-radius: 0.06rem;
      -webkit-border-radius: 0.06rem;
      border-radius: 0.06rem;
      background: #134870;
      padding: .06rem 0; }
    .nav .list dd {
      border-bottom: #2b5b7f solid 1px; margin: 0; padding: 0;  }
      .nav .list dd:last-child {
        border: 0; }
    .nav .list a {
      height: .42rem;
      line-height: .42rem; }
      .nav .list a:after {
        display: none; }
  .nav li:hover a:first-child:after {
    width: .4rem;
    margin-left: -.2rem; }
  .nav li:hover .list {
    opacity: 1;
    visibility: visible;
    padding-top: .2rem;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s; } }

/************************************************************/

a, .transition, :before, img, .nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }




@media screen and (max-width: 800px) {
  .wal {
    max-width: 8rem; }

  body.navShow .head .nav {
    right: 0; }
    body.navShow .head .nav li.on i {
      opacity: 0; }
    body.navShow .head .nav li.on .list {
      opacity: 1;
      visibility: visible; }

  .topTips {
    background-image: url("../images/img750_4.png");
    background-size: auto .8rem;
    position: fixed; }
    .topTips.topTips-2 {
      background-image: url("../images/img750_3.png"); }
    .topTips.show {
      height: .8rem; }
    .topTips a.close {
      margin-right: 0;
      right: .3rem; }

  .head.headTopTips {
    top: .8rem; }

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

  .head {
    position: fixed; }
    .head.on {
      background: #0093e1; }
    .head a.logo {
      left: 0; }
      .head a.logo.hide, .head a.logo.hide2 {
        opacity: 0;
        visibility: hidden; }
	
    .head .topSearch {
      width: .3rem;
      right: .9rem; }
      .head .topSearch.on {
        background: none; }
      .head .topSearch .form {
        width: 6.3rem;
        height: .60rem;
        margin-top: -.34rem;
        background: rgba(255, 255, 255, 0.1);
        border: rgba(255, 255, 255, 0.1) solid 1px;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        right: -.3rem; }
	
      .head .topSearch .input {
        width: 100%;
        height: .66rem;
        border: 0;
        background: none; }
        .head .topSearch .input input {
          height: .66rem;
          line-height: 66rem;
          padding-left: .9rem;
          font-size: .24rem; }
      .head .topSearch .submit {
        right: auto;
        left: 0;
        width: .95rem;
        height: 100%;
        background: url("../images/img52.png") center no-repeat;
        background-size: .52rem; }
        .head .topSearch .submit input {
          height: .66rem;
          opacity: 0; }
    .head .navA {
      display: block;
      position: absolute;
      z-index: 10;
      left: auto;
      right: -0.3rem;
      top: 0;
      bottom: auto;
      width: 1.1rem;
      height: 1.1rem;
      background: url("../images/navA.png") center no-repeat;
      background-size: .4rem; }

  .nav {
    position: fixed;
    z-index: 30;
    height: 100%;
    width: 3.24rem;
    background: url("../images/navbg.jpg") center top no-repeat;
    background-size: 100% 100%;
    right: -4rem;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2); }
    .nav .close {
      display: block;
      height: 1.1rem;
      border-bottom: rgba(255, 255, 255, 0.2) solid 1px; }
      .nav .close i {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../images/close.png") center no-repeat;
        background-size: .4rem;
        width: 1.1rem;
        height: 1.1rem; }
    .nav li {
      margin-left: 0;
      width: 100%;
      position: relative; }
      .nav li i {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: .8rem;
        height: 100%;
        background: url("../images/img20_5.png") center no-repeat;
        background-size: .2rem; }
    .nav a {
      font-size: .3rem;
      text-align: left;
      color: rgba(255, 255, 255, 0.8);
      padding-left: .47rem;
      z-index: 10; }
      .nav a:after {
        left: 0;
        height: 100%;
        width: .05rem;
        background-image: url("../images/line3.png");
        opacity: 0; }
      .nav a b {
        font-size: .32rem; }
    .nav a.on {
      background-color: rgba(0, 0, 0, 0.2);
      color: #fff; }
      .nav a.on:after {
        opacity: 1; }
    .nav li.on a:first-child {
      background-color: rgba(0, 0, 0, 0.2);
      color: #fff; }
      .nav li.on a:first-child:after {
        opacity: 1; }
    .nav li:nth-child(1) a:before {
      background-position: .25rem center;
      background-size: .8rem; }
    .nav li:nth-child(1) a.on {
      background: none; }
      .nav li:nth-child(1) a.on:after {
        opacity: 0; }
    .nav .list {
      position: fixed;
      z-index: 20;
      top: 0;
      right: 3.24rem;
      background: url("../images/navbg2.jpg") center top no-repeat;
      background-size: 100% 100%;
      width: 3.36rem;
      height: 100%;
      overflow-y: auto;
      padding-top: 1.1rem;
      opacity: 0;
      visibility: hidden; }
      .nav .list a {
        font-size: .26rem;
        color: #fff;
        padding-left: .75rem;
        background: url("../images/img21_3.png") 0.3rem center no-repeat;
        background-size: .32rem; }
        .nav .list a.on {
          background-image: url("../images/img21_3on.png"); }
        .nav .list a:after {
          display: none; }
      .nav .list dd dl {
        display: none; }
        .nav .list dd dl.show {
          display: block; }
        .nav .list dd dl a {
          background: none;
          padding-left: .9rem;
          font-size: .24rem;
          color: #d2d9e1;
          border-top: rgba(255, 255, 255, 0.2) solid 1px; }
          .nav .list dd dl a.on {
            background: none; }
        .nav .list dd dl dd:last-child a {
          border-bottom: rgba(255, 255, 255, 0.2) solid 1px; }

  .sNav {
    display: none; }
	
	
	
	
	
	
/* foot */
  .footDiv {
    padding-bottom: .5rem; }
    .footDiv .list {
      padding-bottom: .5rem; }
      .footDiv .list ul {
        justify-content: space-between;
        -webkit-justify-content: space-between; }
      .footDiv .list li {
        font-size: .26rem;
        padding-right: 0; }
        .footDiv .list li:before {
          right: -.3rem; }
    .footDiv .link {
      max-width: 100%; }
      .footDiv .link .name {
        height: .7rem;
        line-height: .7rem;
        font-size: .26rem; }
      .footDiv .link dl a {
        font-size: .24rem;
        height: .75rem;
        line-height: .75rem; }
    .footDiv .img {
      display: none; }
    .footDiv .ewm {
      display: none; }

  .foot {
    font-size: .24rem;
    text-align: center; }
    .foot .wal {
      line-height: .4rem;
      position: relative;
      padding-right: 1.7rem; }
    .foot .msg {
      width: 100%; }
    .foot p {
      width: 100%; }
    .foot .img {
      width: 1.57rem;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0.3rem;
      bottom: auto;
      display: block; }

	
	
	
	
	
	
  /*index---*/
  .indexFlash .swiper-slide {
    height: 9rem; }
  .indexFlash .layer {
    padding: 0 .3rem; }
    .indexFlash .layer p {
      font-size: .22rem; }
    .indexFlash .layer dl dd {
      font-size: .24rem; }
  .indexFlash .slide-1:before {
    display: none; }
  .indexFlash .slide-1 video {
    display: none; }
  .indexFlash .slide-1 .phoneImg {
    background: center no-repeat;
    background-size: cover;
    height: 9rem; }
  .indexFlash .slide-2 .ren {
    margin-left: -4.2rem;
    width: 7.5rem;
    top: auto;
    bottom: 0; }
  .indexFlash .slide-2 .layer {
    width: 100%;
    left: 0;
    margin-left: 0; }
  .indexFlash .swiper-slide.swiper-slide-active .layer {
    top: 32%; }
  .indexFlash .dots {
    right: .3rem;
    margin-right: 0; }

  .indexPart1 .container {
    width: 100%;
    height: 8.9rem;
    position: absolute;
    left: 0;
    top: 0;
    overflow-x: auto; }
  .indexPart1 .container2 {
    width: 14.5rem;
    position: relative;
    height: 8.9rem;
    padding-top: 2.75rem;
    overflow: hidden; }
  .indexPart1 .list a {
    font-size: .24rem; }

  .indexPart2Bg {
    background: url("../images/img579.jpg") center no-repeat;
    background-size: cover; }
    .indexPart2Bg .pageTitle-3 div {
      color: #fff; }
    .indexPart2Bg .pageTitle-3 h2 {
      color: #fff; }
      .indexPart2Bg .pageTitle-3 h2:before {
        background-image: url("../images/img164_1.png"); }
      .indexPart2Bg .pageTitle-3 h2:after {
        background-image: url("../images/img164_2.png"); }

  .indexPart2 .container {
    margin-left: -.3rem;
    margin-right: -.3rem;
    background: none; }
  .indexPart2 .swiper-slide {
    padding: .1rem .3rem 0 .3rem; }
    .indexPart2 .swiper-slide li {
      padding: .2rem 0 .2rem .3rem; }
    .indexPart2 .swiper-slide .name {
      font-size: .28rem;
      line-height: .5rem; }
      .indexPart2 .swiper-slide .name:before {
        left: -.3rem;
        opacity: 1;
        height: .5rem; }
    .indexPart2 .swiper-slide p {
      font-size: .24rem;
      line-height: 1.8em; }
  .indexPart2 .arrow {
    padding: .55rem 0; }
    .indexPart2 .arrow a {
      width: .5rem;
      height: .5rem;
      margin: 0 .25rem; }
  .indexPart2 .img, .indexPart2 .more {
    display: none; }

  .indexPart3 .container {
    text-align: right;
    padding: 1rem .5rem; }
    .indexPart3 .container p {
      font-size: .24rem;
      line-height: 1.8em;
      max-width: 100%; }
  .indexPart3 .list li {
    padding: 0 .3rem; }
    .indexPart3 .list li a {
      padding: .3rem 0;
      line-height: .48rem;
      max-width: 100%; }
      .indexPart3 .list li a .name {
        font-size: .28rem;
        height: .48rem; }

  /*page---*/
  .pageBanner .svg svg {
    margin-left: -12rem; }
  .pageBanner .title2 {
    left: .3rem;
    margin-left: 0; }
  .pageBanner .title3 {
    left: .3rem;
    margin-left: 0; }
    .pageBanner .title3 h3 {
      font-size: .5rem; }
    .pageBanner .title3.title3-1 h3 {
      font-size: .9rem; }

  .pageTitle div {
    white-space: nowrap;
    font-size: .58rem; }
  .pageTitle h2 span {
    font-size: .36rem; }

  .wal .pageTitle {
    margin-left: -.3rem;
    margin-right: -.3rem; }

  .culture_01 .fl {
    width: 100%; }
  .culture_01 .container {
    padding: .15rem .26rem .1rem 1.5rem; }
    .culture_01 .container .time {
      top: .2rem;
      width: 1.5rem; }
      .culture_01 .container .time b {
        font-size: .42rem; }
      .culture_01 .container .time span {
        font-size: .2rem; }
    .culture_01 .container .name {
      height: .65rem;
      line-height: .65rem;
      font-size: .26rem; }
    .culture_01 .container p {
      font-size: .24rem;
      line-height: 1.75em;
      padding: .2rem 0 .1rem 0; }
  .culture_01 .fr {
    width: 100%;
    padding-left: .2rem; }
  .culture_01 li {
    min-height: .8rem; }
    .culture_01 li:before {
      height: .8rem; }
    .culture_01 li .name {
      height: .8rem;
      line-height: .8rem;
      font-size: .26rem; }
    .culture_01 li .time {
      font-size: .22rem;
      line-height: .8rem; }
    .culture_01 li .content {
      font-size: .24rem;
      line-height: 1.75em; }
  .culture_01 li.on .content {
    height: 2.15rem;
    padding: .25rem 0; }
  .culture_01 .more a {
    line-height: .8rem;
    font-size: .24rem; }

  .culture_02 .container {
    padding: .3rem;
    margin-left: 0;
    margin-right: 0; }
    .culture_02 .container h2 {
      font-size: .3rem; }
    .culture_02 .container p {
      font-size: .24rem;
      line-height: 1.75em;
      padding: .2rem 0; }
    .culture_02 .container .more a {
      width: 2rem;
      height: .8rem;
      line-height: .78rem;
      font-size: .24rem; }
    .culture_02 .container .img {
      width: 100%;
      position: relative;
      top: 0;
      right: 0;
      padding-top: .3rem; }

  .culture_03 li {
    padding: .3rem .2rem .3rem 1.5rem; }
    .culture_03 li:after {
      left: 1.2rem;
      top: .35rem; }
  .culture_03 .time {
    left: 0;
    width: 1.2rem;
    font-size: .2rem; }
    .culture_03 .time:before {
      top: .98rem;
      width: .2rem;
      margin-left: -.1rem; }
    .culture_03 .time b {
      font-size: .58rem;
      padding: .28rem 0 .2rem 0; }
  .culture_03 .name {
    font-size: .32rem;
    line-height: 1.6em;
    padding-bottom: .15rem; }
  .culture_03 p {
    font-size: .24rem;
    line-height: 1.75em; }
  .culture_03 .more a {
    width: 2rem;
    height: .8rem;
    line-height: .78rem;
    font-size: .24rem; }

  .culture_04 {
    padding: .5rem 0; }
    .culture_04 .title {
      position: relative;
      left: 0;
      top: 0;
      width: 4rem; }
    .culture_04 .list {
      padding: .3rem 0 0 0; }
    .culture_04 .dots {
      top: -.36rem;
      right: 0;
      width: 100%;
      padding-left: 4.8rem; }
      .culture_04 .dots span {
        float: left;
        width: .2rem;
        margin-right: .2rem; }
    .culture_04 .name {
      font-size: .26rem;
      padding-bottom: .2rem; }
    .culture_04 p {
      font-size: .24rem;
      line-height: 1.75em; }

  .pageNav {
    display: none; }

  .phoneHide {
    display: none; }

  .pageNum {
    font-size: .24rem; }
    .pageNum a.arrow {
      height: .74rem;
      line-height: .72rem; }
    .pageNum .input {
      width: .5rem; }
      .pageNum .input input {
        height: .5rem;
        line-height: .5rem;
        font-size: .24rem; }
    .pageNum .submit {
      width: .72rem;
      height: .72rem;
      background-size: 100% 100%; }
      .pageNum .submit input {
        height: .72rem;
        font-size: .24rem; }

  .CultureNews a {
    background: none;
    padding: 0 3.4rem .2rem 0; }
    .CultureNews a .img {
      top: 0;
      right: 0; }
    .CultureNews a .time {
      font-size: .2rem; }
    .CultureNews a .name {
      font-size: .24rem; }
      .CultureNews a .name br {
        display: none; }
    .CultureNews a p {
      display: none; }
  .CultureNews li.noImg a {
    padding: 0;
    min-height: 1.5rem; }

  .CultureJcdt li {
    width: 100%; }
  .CultureJcdt a .img {
    height: 3rem; }
  .CultureJcdt a .name {
    font-size: .3rem;
    line-height: 1.7em; }
  .CultureJcdt a p {
    font-size: .24rem;
    line-height: 1.7em; }
  .CultureJcdt a .time {
    font-size: .24rem;

    position: relative;
    bottom: 0;
    padding: .24rem 0; }

  .CultureSjdzl a {
    padding: 0 0 0 1.1rem;
    background: none; }
    .CultureSjdzl a .time {
      top: 0;
      left: 0; }
      .CultureSjdzl a .time span {
        line-height: .4rem;
        font-size: .2rem; }
    .CultureSjdzl a .name {
      font-size: .3rem;
      line-height: 1.7em;
      padding-bottom: .12rem; }
    .CultureSjdzl a p {
      font-size: .24rem;
      line-height: 1.7em;
      padding-top: 0;
      margin-top: .12rem;
      height: 1.7em;
      overflow: hidden; }

  .CultureXxyd li {
    width: 50%; }
  .CultureXxyd a .name {
    font-size: .3rem;
    line-height: 1rem;
    height: 1rem; }
  .CultureXxyd a .time {
    font-size: .24rem; }

  .CultureShow .title {
    font-size: .3rem;
    line-height: 1.75em; }
    .CultureShow .title br {
      display: none; }
  .CultureShow .time span {
    padding-left: .3rem;
    font-size: .22rem;
    background-size: .22rem; }
  .CultureShow .content {
    font-size: .24rem; }
  .CultureShow .back a {
    font-size: .24rem;
    width: 2.2rem;
    height: .66rem;
    line-height: .66rem; }

  .pageMore a {
    width: 2rem;
    height: .8rem;
    line-height: .78rem;
    font-size: .24rem; }

  .news_01 .fl {
    width: 100%; }
    .news_01 .fl .name a {
      font-size: .24rem;
      line-height: .4rem; }
    .news_01 .fl .name a:before {
      height: .4rem; }
  .news_01 .fr {
    width: 100%;
    padding-top: .3rem; }
    .news_01 .fr li {
      padding: .2rem .35rem .2rem 2rem; }
      .news_01 .fr li .name {
        font-size: .26rem; }
      .news_01 .fr li .time {
        font-size: .22rem; }

  .news_02 ul {
    margin-left: -.35rem; }
  .news_02 li {
    width: 50%;
    padding-left: .35rem; }
  .news_02 .box {
    padding: 0; }
  .news_02 .img {
    position: relative; }
  .news_02 .name a {
    font-size: .26rem;
    height: .8rem;
    line-height: .8rem;
    color: #333; }
  .news_02 .time {
    color: #333;
    font-size: .24rem;
    padding: 0 0 .2rem 0; }
  .news_02 p {
    font-size: .24rem;
    line-height: 1.75em;
    padding-bottom: .2rem;
    color: #333; }
  .news_02 .layer {
    display: none; }

  .news_03 a.arrow.prev {
    left: -.2rem; }
  .news_03 a.arrow.next {
    right: -.2rem; }
  .news_03 .swiper-slide .name {
    font-size: .26rem; }

  .videoLayer .container {
    width: 7rem;
    margin-left: -3.5rem; }
  .videoLayer .close {
    right: 0;
    top: -.55rem; }

  .newsVideo li {
    width: 100%; }
  .newsVideo .name {
    height: 1rem;
    line-height: 1rem;
    font-size: .3rem; }

  .newsNotice {
    margin-left: -.3rem;
    margin-right: -.3rem; }
    .newsNotice a {
      height: .9rem;
      line-height: .9rem;
      font-size: .26rem; }
      .newsNotice a span {
        font-size: .24rem;
        font-weight: 200; }

  .pageContent {
    font-size: .24rem;
    line-height: 1.8em;
    padding: 0 0 .5rem 0; }

  .product li {
    width: 100%; }
    .product li a {
      padding-bottom: .2rem; }
    .product li .name {
      height: .9rem;
      line-height: .9rem;
      font-size: .28rem; }
    .product li p {
      font-size: .24rem;
      max-width: 100%; }

  .sideNav {
    width: auto;
    float: none;
    margin-left: -.3rem;
    margin-right: -.3rem;
    background: #f5fbff;
    border-bottom: #f1f1f1 solid 1px;
    height: .9rem;
    padding: 0; }
    .sideNav .list {
      width: 100%;
      overflow-x: auto; }
    .sideNav ul {
      display: flex;
      display: -webkit-flex; }
    .sideNav li {
      padding: 0; }
    .sideNav a {
      font-size: .24rem;
      height: .9rem;
      line-height: .9rem;
      padding: 0 .3rem;
      white-space: nowrap;
      position: relative; }
      .sideNav a:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: .2rem;
        background: #dce1e5;
        margin-top: -.1rem; }
    .sideNav a.on {
      color: #0093e1; }
      .sideNav a.on:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: .03rem;
        background: url("../images/line2.png") center no-repeat;
        background-size: 100% 100%; }

  .sideNav-2 {
    border: 0;
    border-top: #ddd solid 1px;
    padding: .3rem 0;
    margin: 0;
    background: none;
    height: 1.6rem; }
    .sideNav-2 ul {
      margin-left: -.1rem; }
    .sideNav-2 li {
      width: 33.333%;
      padding-left: .1rem; }
    .sideNav-2 a {
      text-align: center;
      padding: 0;
      height: .8rem;
      line-height: .8rem; }
      .sideNav-2 a:before {
        display: none; }

  .w840 {
    border-right: 0;
    padding: 0 0 .6rem 0;
    width: 100%;
    float: none; }

  .productShow h2.title {
    font-size: .36rem; }
  .productShow h3.title {
    font-size: .26rem;
    line-height: .4rem; }
  .productShow .content {
    font-size: .24rem;
    line-height: .4rem;
    padding-bottom: .4rem; }
    .productShow .content .img {
      width: 100%;
      padding: .25rem 0; }
  .productShow .imgList li {
    width: 25%; }

  .programme li {
    width: 100%;
    padding-bottom: .3rem; }
  .programme a {
    padding: .3rem .3rem .3rem 1.87rem; }
    .programme a .name {
      font-size: .28rem;
      line-height: .6rem; }
    .programme a p {
      font-size: .24rem;
      line-height: 1.8em; }

  .case_01 .title h2 {
    font-size: .32rem; }
  .case_01 .content {
    font-size: .24rem; }

  .case_02 .wal {
    min-height: 8.6rem;
    padding-top: 2rem; }
  .case_02 h2 {
    font-size: .36rem;
    line-height: .46rem;
    left: 0;
    top: .7rem; }
  .case_02 .layer {
    left: 0;
    top: 4.75rem;
    background: rgba(255, 255, 255, 0.95);
    width: 6.9rem;
    height: 2.3rem;
    margin-left: 0;
    padding: 0 .3rem;
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem; }
    .case_02 .layer .list {
      height: 2.3rem; }
    .case_02 .layer .swiper-slide {
      padding: 0; }
    .case_02 .layer h3 {
      font-size: .3rem;
      padding: .4rem 0 .2rem 0; }
    .case_02 .layer dd {
      font-size: .24rem;
      padding-left: .46rem; }
      .case_02 .layer dd br {
        display: none; }
      .case_02 .layer dd img {
        left: 0;
        width: .32rem; }
    .case_02 .layer .dots {
      left: auto;
      right: 0;
      bottom: auto;
      top: 50%;
      width: .15rem;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%); }
      .case_02 .layer .dots span {
        margin: .07rem 0;
        width: .15rem;
        height: .15rem; }
  .case_02 .select {
    display: block; }

  .case_03 {
    padding: .8rem 0 .5rem .3rem; }
    .case_03:before {
      height: .4rem; }
    .case_03 .title h2 {
      font-size: .32rem; }
    .case_03 h3 {
      font-size: .26rem; }
    .case_03 p {
      font-size: .24rem; }

  .case_04 ul {
    margin: 0; }
  .case_04 li {
    width: 100%; }
  .case_04 h2 {
    font-size: .24rem;
    padding: .18rem .15rem;
    font-weight: 400; }
  .case_04 p {
    font-size: .22rem; }

  .caseNav ul {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .caseNav li {
    padding: 0; }
  .caseNav a {
    height: .6rem;
    font-size: .26rem; }

  .caseList ul {
    margin-left: -.3rem; }
  .caseList li {
    width: 50%;
    padding-left: .3rem; }
  .caseList .name {
    font-size: .24rem;
    height: .7rem;
    line-height: .7rem; }

  .cooperation li {
    width: 50%; }

  .join {
    padding: 1.15rem 0 1.15rem .3rem; }
    .join .img {
      position: relative;
      top: 0; }
    .join .title {
      padding-top: .5rem; }
      .join .title h2 {
        font-size: .32rem;
        font-weight: 600; }
      .join .title h3 {
        font-size: .26rem; }
    .join .content {
      padding: .3rem 0;
      font-size: .24rem; }
    .join .msg {
      font-size: .24rem; }

  .about {
    padding: 1.15rem 0 1.15rem .3rem; }
    .about .img {
      position: relative;
      top: 0; }
    .about .word {
      position: relative;
      top: 0;
      padding: .3rem 0; }
    .about .title div {
      font-size: .32rem; }
    .about .content {
      font-size: .24rem; }
    .about .container h2 {
      font-size: .28rem; }
    .about .container p {
      font-size: .24rem;
      padding-top: .12rem;
      line-height: 1.7em; }
    .about .container .img2 {
      margin-left: -.4rem; }

  .aboutFoot {
    padding: .5rem 0 .2rem 0; }
    .aboutFoot li {
      width: 100%;
      padding-bottom: .3rem;
      padding-top: 0;
      min-height: 1rem;
      border: 0; }
      .aboutFoot li h2 {
        font-size: .26rem;
        line-height: .46rem; }
      .aboutFoot li p {
        font-size: .24rem; }

  .Chairman {
    padding: 1.15rem 0 1.15rem .3rem; }
    .Chairman .img {
      position: relative;
      top: 0; }
    .Chairman .title {
      padding-top: .3rem; }
      .Chairman .title div {
        font-size: .32rem; }
    .Chairman h3 {
      font-size: .26rem; }
    .Chairman .content {
      font-size: .24rem; }

  .pageSearch .container {
    margin-left: -.3rem;
    margin-right: -.3rem; }
    .pageSearch .container .form {
      height: 1.2rem;
      padding: .35rem 0 0 .3rem; }
      .pageSearch .container .form .input {
        width: 4rem;
        height: .6rem; }
        .pageSearch .container .form .input input {
          height: .58rem;
          line-height: .58rem;
          padding: 0 .2rem;
          font-size: .24rem; }
      .pageSearch .container .form .submit {
        left: 4.5rem;
        width: 1rem; }
        .pageSearch .container .form .submit input {
          height: .6rem;
          font-size: .28rem; }
    .pageSearch .container .msg {
      font-size: .24rem;
      padding: .2rem 0 .3rem .3rem; }
  .pageSearch .list {
    padding-top: .2rem; }
    .pageSearch .list .name {
      line-height: .8rem;
      height: .8rem;
      font-size: .26rem; }
    .pageSearch .list p {
      padding: .2rem 0 0 .55rem;
      font-size: .24rem;
      line-height: 1.8em; }
  .pageSearch .list2 .name {
    font-weight: 400; }

  .siteMap li {
    padding-left: 2.3rem; }
  .siteMap h2 a {
    width: 2rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .26rem; }
  .siteMap dd {
    padding-right: .25rem; }
    .siteMap dd a {
      font-size: .24rem;
      height: .5rem;
      line-height: .5rem; }

  .job_01 .btn a {
    font-size: .28rem; }
  .job_01 .container {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    padding: .2rem .3rem; }
  .job_01 .img {
    width: 100%; }
  .job_01 h2 {
    padding: .25rem 0 .22rem 0;
    font-size: .3rem; }
  .job_01 dl {
    padding: .2rem 0; }
  .job_01 dd {
    font-size: .24rem;
    line-height: .32rem; }
    .job_01 dd img {
      top: .06rem; }
    .job_01 dd .ctsi_zq {
      top: -0.7rem;
      right: 10%;
      left: auto;
      width: 1rem; }

  .job .tab {
    height: 1rem; }
    .job .tab a {
      width: 2.2rem;
      height: .7rem;
      line-height: .68rem;
      font-size: .26rem; }
  .job .list li {
    padding-bottom: .15rem; }
  .job .list .name {
    height: .75rem;
    line-height: .75rem;
    font-size: .26rem; }
    .job .list .name a {
      width: 1.2rem;
      height: .42rem;
      line-height: .4rem;
      margin-top: -.21rem;
      font-size: .2rem; }
  .job .list .content {
    font-size: .24rem;
    line-height: .42rem; }
    .job .list .content h3 {
      font-size: .26rem; }

  .aboutHome_01 .wal {
    padding: 1.75rem 0 1rem .3rem; }
  .aboutHome_01 .img {
    position: relative;
    top: 0; }
  .aboutHome_01 .title {
    padding-top: .3rem; }
    .aboutHome_01 .title div {
      font-size: .32rem; }
  .aboutHome_01 .content {
    font-size: .24rem; }
  .aboutHome_01 dd a {
    font-size: .24rem; }
  .aboutHome_01 dd div {
    line-height: .6rem; }

  .aboutHome_02 .list {
    margin-left: -.2rem;
    margin-right: -.2rem; }
    .aboutHome_02 .list:before {
      left: 1.5rem; }
  .aboutHome_02 li {
    padding-left: 1.5rem; }
    .aboutHome_02 li:after {
      left: 1.5rem; }
    .aboutHome_02 li .time {
      padding: 0 .2rem;
      left: 0;
      top: .3rem;
      text-align: right; }
      .aboutHome_02 li .time b {
        font-size: .22rem; }
        .aboutHome_02 li .time b:before {
          left: auto;
          right: 0; }
    .aboutHome_02 li .container {
      padding: .3rem;
      width: 100%; }
      .aboutHome_02 li .container .name {
        font-size: .26rem; }
      .aboutHome_02 li .container p {
        font-size: .22rem; }
  .aboutHome_02 li:nth-child(odd) .time {
    left: 0;
    right: auto; }
  .aboutHome_02 .pageMore {
    padding-left: .9rem; }
    .aboutHome_02 .pageMore a {
      margin-left: 0; }

  .course .list:after {
    left: 1.5rem;
    margin-left: -.08rem;
    width: .16rem; }
  .course .pageMore {
    padding-left: .9rem; }

  .aboutHome_03 ul {
    margin-left: -.3rem; }
  .aboutHome_03 li {
    width: 50%;
    padding: 0 0 .3rem .3rem; }
    .aboutHome_03 li .name {
      height: .9rem;
      line-height: .9rem;
      font-size: .26rem;
      text-align: left; }

  .aboutTitle h2 {
    font-size: .3rem;
    padding-bottom: .2rem; }

  .qualificationBtn a {
    height: .8rem;
    line-height: .78rem;
    font-size: .26rem; }

  .qualification li {
    width: 100%; }
    .qualification li a {
      height: .6rem;
      line-height: .6rem;
      font-size: .24rem;
      padding-left: .6rem; }

  .CultureShow2 h2.title {
    font-size: .36rem; }
  .CultureShow2 .content {
    font-size: .24rem; }

  .system .content {
    font-size: .24rem; }

  .course3_01 {
    min-height: 1rem; }
    .course3_01:before {
      display: none; }
    .course3_01 li {
      align-items: center;
      -webkit-align-items: center; }
      .course3_01 li .container {
        height: auto;
        padding: 0 .2rem; }
        .course3_01 li .container h1 {
          display: none; }
        .course3_01 li .container h2 {
          padding: 0 0 .2rem 0; }
        .course3_01 li .container p {
          padding: .1rem 0 0 0;
          font-size: .2rem;
          line-height: .3rem;
          font-weight: 100; }
          .course3_01 li .container p br {
            display: none; }

  .course3_02 h1 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: .36rem;
    padding-top: 1.2rem; }
  .course3_02 .img {
    display: none; }
  .course3_02 .list {
    margin-left: -6rem;
    padding-top: .3rem;
    top: 2.3rem; }
    .course3_02 .list ul {
      width: 7rem;
      padding-right: .8rem; }
    .course3_02 .list h2 {
      font-size: .3rem; }
    .course3_02 .list p {
      font-size: .22rem; }

  .course3_03 li {
    padding-bottom: .3rem; }
    .course3_03 li .img {
      width: 100%;
      position: relative; }
    .course3_03 li .container {
      width: 100%;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: auto;
      bottom: 0.3rem;
      background: rgba(255, 255, 255, 0.9);
      padding: .3rem; }
      .course3_03 li .container:after {
        display: none; }
      .course3_03 li .container h2 {
        padding: 0 0 .15rem 0; }
  .course3_03 li:nth-child(odd) {
    text-align: right; }

  .course3_04 .tab {
    margin-left: -.3rem;
    margin-right: -.3rem; }
    .course3_04 .tab li {
      width: 20%;
      font-size: .24rem;
      height: .6rem; }
  .course3_04 .list ul {
    margin-left: -.3rem; }
  .course3_04 .list li {
    width: 50%;
    padding: 0 0 .3rem .3rem; }
  .course3_04 .list .container a.name {
    font-size: .24rem;
    height: .7rem;
    line-height: .7rem; }

  .pageTab {
    margin-left: -.3rem;
    margin-right: -.3rem; }
    .pageTab li {
      width: 20%;
      font-size: .24rem; }
      .pageTab li a {
        height: .6rem; }

  .human_01 .img {
    margin-left: -.3rem;
    margin-right: -.3rem; }

  .human_02 {
    padding: 2.15rem 0 0 0; }
    .human_02:before {
      top: 1.7rem;
      left: 2.1rem;
      width: 4.5rem;
      height: 1px; }
    .human_02 .content {
      font-size: .24rem; }
    .human_02 .list {
      display: none; }
    .human_02 .listPhone {
      display: block;
      margin-left: -.3rem;
      margin-right: -.3rem; }

  .human_03 {
    padding-bottom: .6rem;
    display: none; }
    .human_03 li {
      width: 50%;
      height: 3rem; }
      .human_03 li h2 {
        height: 1rem;
        font-size: .24rem; }
      .human_03 li p {
        top: 1.25rem;
        font-size: .22rem; }
    .human_03 li.li_01 {
      display: none; }

  .human_03Phone {
    display: block; }

  .human_04 .list {
    margin-left: -.15rem;
    margin-right: -.15rem; }
    .human_04 .list li {
      width: 50%;
      padding: 0 .15rem .3rem .15rem; }
    .human_04 .list .container a.name {
      font-size: .24rem;
      height: .7rem;
      line-height: .7rem; }
  .human_04 .pageMore {
    padding: .3rem 0 .95rem 0; }

  .humanLayer .container {
    width: 100%; }
  .humanLayer .list {
    padding: 0; }
    .humanLayer .list:before, .humanLayer .list:after {
      display: none; }
    .humanLayer .list .close {
      right: 0;
      top: -.7rem;
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg); }
  .humanLayer #humanLayer .name {
    font-size: .24rem;
    padding-top: .24rem; }

  .partner_01 .list {
    width: 100%;
    padding-top: 0; }
    .partner_01 .list img {
      width: 100%; }
  .partner_01 .container {
    width: 100%;
    padding-top: .5rem;
    padding-left: .3rem; }
    .partner_01 .container h2 {
      font-size: .26rem;
      line-height: .7rem; }
    .partner_01 .container .content {
      font-size: .24rem; }

  .partner_02 .container {
    width: 100%; }
    .partner_02 .container .title {
      padding: .5rem 0 .22rem 0; }
    .partner_02 .container .arrow {
      font-size: .24rem; }
    .partner_02 .container .list {
      padding: .35rem 0; }
      .partner_02 .container .list:before {
        left: 50%;
        height: 4rem;
        top: .45rem; }
      .partner_02 .container .list li {
        width: 3.1rem; }
        .partner_02 .container .list li a {
          font-size: .22rem;
          height: .52rem;
          line-height: .52rem; }
  .partner_02 .btn {
    position: relative;
    width: 100%;
    height: 3rem;
    padding: .5rem 0 0 .3rem; }
    .partner_02 .btn ul {
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      -webkit-justify-content: center;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap; }
    .partner_02 .btn li {
      height: 1.5rem;
      font-size: .2rem;
      width: 50%; }
      .partner_02 .btn li h2 {
        font-size: .3rem; }

  .partner_03 .img {
    position: relative;
    left: .3rem; }
  .partner_03 .container {
    padding: 0 .5rem; }
  .partner_03 .title {
    padding: .5rem 0 .25rem 0; }
  .partner_03 .list li {
    font-size: .22rem;
    height: .5rem;
    line-height: .5rem; }

  .partnerFoot .wal:before {
    left: 3.5rem; }
  .partnerFoot .title {
    font-size: .32rem;
    width: 3.2rem; }
  .partnerFoot .tel {
    padding: .55rem 0 0 3.9rem; }
    .partnerFoot .tel h2 {
      font-size: .48rem; }

  .agent_01 .container {
    width: 100%; }
    .agent_01 .container .title {
      padding: .35rem 0 .25rem 0;
      font-size: .32rem; }
    .agent_01 .container .content {
      padding: .25rem 0;
      font-size: .24rem; }
      .agent_01 .container .content h2 {
        font-size: .26rem; }
    .agent_01 .container .btn a {
      width: 2.1rem;
      height: .6rem;
      line-height: .6rem;
      font-size: .24rem; }

  .agent_02 .container {
    background-size: 100% 100%; }
    .agent_02 .container .img {
      display: none; }
    .agent_02 .container .list2 div {
      width: 100%;
      padding: 0 0 .3rem 0; }
    .agent_02 .container .list2 h2 {
      line-height: .7rem;
      font-size: .3rem; }
    .agent_02 .container .list2 li {
      font-size: .24rem; }
  .agent_02 .title {
    padding: 1.55rem 0 .2rem 0;
    font-size: .32rem; }
  .agent_02 .list a {
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem; }
    .agent_02 .list a span {
      font-size: .2rem; }

  .agentLayer .container {
    width: 100%;
    padding: 0 .3rem .3rem; }
    .agentLayer .container a.close {
      right: 0;
      top: -.85rem;
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg); }
    .agentLayer .container h2 {
      font-size: .3rem; }
    .agentLayer .container .content {
      font-size: .24rem;
      max-height: 7rem;
      overflow-y: auto; }
    .agentLayer .container .btn {
      padding: .3rem 0 0 0; }
      .agentLayer .container .btn a {
        width: 3rem; }

  .page404 {
    padding-bottom: 1.5rem; }

  .wtjh_01 .title {
    padding: 2rem 0 .8rem 0; }
  .wtjh_01 .container .content {
    width: 100%;
    font-size: .22rem;
    padding: 0 .15rem; }

  .wtjh_02 .list:before {
    background-image: url("../images/img746_2.png");
    background-size: 5rem 2.43rem; }
  .wtjh_02 .list.on .li_01 {
    margin-left: -3.65rem; }
  .wtjh_02 .list.on .li_02 {
    margin-left: -2.45rem; }
  .wtjh_02 .list.on .li_04 {
    margin-right: -2.45rem; }
  .wtjh_02 .list.on .li_05 {
    margin-right: -3.65rem; }

  .wtjh_03 .title {
    left: 0; }
  .wtjh_03 .container {
    width: 100%;
    padding: .8rem 0 .8rem 1.1rem; }
    .wtjh_03 .container .content {
      font-size: .22rem; }

  .wtjh_04 .title h2 {
    padding-bottom: .06rem; }
  .wtjh_04 dl {
    margin-left: 0; }
  .wtjh_04 dd {
    width: 2.3rem; }
    .wtjh_04 dd h2 {
      font-size: .26rem; }
    .wtjh_04 dd p {
      font-size: .22rem; }

  .case2 .wal {
    padding: .5rem 0; }
    .case2 .wal:before {
      display: none; }
  .case2 .img {
    width: 100%;
    position: relative;
    top: 0; }
    .case2 .img:before {
      display: none; }
  .case2 .container {
    width: 100%;
    padding: .2rem 0 0 0; }
    .case2 .container h2 {
      font-size: .3rem;
      line-height: 1rem; }
    .case2 .container .list li {
      font-size: .24rem;
      line-height: .42rem; }
      .case2 .container .list li:before {
        height: .42rem; }
      .case2 .container .list li:after {
        height: .42rem; }
    .case2 .container .arrow {
      right: auto;
      left: .1rem;
      bottom: 0;
      padding-top: .3rem;
      position: relative; }
  .case2.case2First {
    margin-top: 0; }
    .case2.case2First .container {
      padding-top: .2rem; }

  .case2Odd .container {
    padding-top: .2rem; }
    .case2Odd .container .arrow {
      left: .1rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }
@media (min-width: 1165px) and (max-width: 1210px) {
  .job_01 dd img {
    top: .06rem; }
  .job_01 dd .ctsi_zq {
    top: -0.1rem;
    right: 0px;
    left: auto;
    width: 0.8rem; } }
@media (min-width: 800px) and (max-width: 1164px) {
  .job_01 dd img {
    top: .06rem; }
  .job_01 dd .ctsi_zq {
    top: -0.3rem;
    right: 8px;
    left: auto;
    width: 0.8rem; } }

/*phone
 .navBg {
    position: fixed;
    z-index: 49;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none; }

  .head {
    position: fixed; }
    .head.on {
      background: #0093e1; }
    .head a.logo {
      left: 0; }
      .head a.logo.hide, .head a.logo.hide2 {
        opacity: 0;
        visibility: hidden; }
    .head .topSearch {
      width: .3rem;
      right: .9rem; }
      .head .topSearch.on {
        background: none; }
      .head .topSearch .form {
        width: 6.3rem;
        height: .68rem;
        margin-top: -.34rem;
        background: rgba(255, 255, 255, 0.1);
        border: rgba(255, 255, 255, 0.1) solid 1px;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        right: -.3rem; }
      .head .topSearch .input {
        width: 100%;
        height: .66rem;
        border: 0;
        background: none; }
        .head .topSearch .input input {
          height: .66rem;
          line-height: 66rem;
          padding-left: .9rem;
          font-size: .24rem; }
      .head .topSearch .submit {
        right: auto;
        left: 0;
        width: .95rem;
        height: 100%;
        background: url("../images/img52.png") center no-repeat;
        background-size: .52rem; }
        .head .topSearch .submit input {
          height: .66rem;
          opacity: 0; }
    .head .navA {
      display: block;
      position: absolute;
      z-index: 10;
      left: auto;
      right: -0.3rem;
      top: 0;
      bottom: auto;
      width: 1.1rem;
      height: 1.1rem;
      background: url("../images/navA.png") center no-repeat;
      background-size: .4rem; }

  .nav {
    position: fixed;
    z-index: 30;
    height: 100%;
    width: 3.24rem;
    background: url("../images/navbg.jpg") center top no-repeat;
    background-size: 100% 100%;
    right: -4rem;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2); }
    .nav .close {
      display: block;
      height: 1.1rem;
      border-bottom: rgba(255, 255, 255, 0.2) solid 1px; }
      .nav .close i {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../images/close.png") center no-repeat;
        background-size: .4rem;
        width: 1.1rem;
        height: 1.1rem; }
    .nav li {
      margin-left: 0;
      width: 100%;
      position: relative; }
      .nav li i {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: .8rem;
        height: 100%;
        background: url("../images/img20_5.png") center no-repeat;
        background-size: .2rem; }
    .nav a {
      font-size: .3rem;
      text-align: left;
      color: rgba(255, 255, 255, 0.8);
      padding-left: .47rem;
      z-index: 10; }
      .nav a:after {
        left: 0;
        height: 100%;
        width: .05rem;
        background-image: url("../images/line3.png");
        opacity: 0; }
      .nav a b {
        font-size: .32rem; }
    .nav a.on {
      background-color: rgba(0, 0, 0, 0.2);
      color: #fff; }
      .nav a.on:after {
        opacity: 1; }
    .nav li.on a:first-child {
      background-color: rgba(0, 0, 0, 0.2);
      color: #fff; }
      .nav li.on a:first-child:after {
        opacity: 1; }
    .nav li:nth-child(1) a:before {
      background-position: .25rem center;
      background-size: .8rem; }
    .nav li:nth-child(1) a.on {
      background: none; }
      .nav li:nth-child(1) a.on:after {
        opacity: 0; }
    .nav .list {
      position: fixed;
      z-index: 20;
      top: 0;
      right: 3.24rem;
      background: url("../images/navbg2.jpg") center top no-repeat;
      background-size: 100% 100%;
      width: 3.36rem;
      height: 100%;
      overflow-y: auto;
      padding-top: 1.1rem;
      opacity: 0;
      visibility: hidden; }
      .nav .list a {
        font-size: .26rem;
        color: #fff;
        padding-left: .75rem;
        background: url("../images/img21_3.png") 0.3rem center no-repeat;
        background-size: .32rem; }
        .nav .list a.on {
          background-image: url("../images/img21_3on.png"); }
        .nav .list a:after {
          display: none; }
      .nav .list dd dl {
        display: none; }
        .nav .list dd dl.show {
          display: block; }
        .nav .list dd dl a {
          background: none;
          padding-left: .95rem;
          font-size: .24rem;
          color: #d2d9e1;
          border-top: rgba(255, 255, 255, 0.2) solid 1px; }
          .nav .list dd dl a.on {
            background: none; }
        .nav .list dd dl dd:last-child a {
          border-bottom: rgba(255, 255, 255, 0.2) solid 1px; }

  .sNav {
    display: none; }
*/
/*头部*/


/*底部*/
#bdshare_weixin_qrcode_dialog{height: 310px  !important;}
.bdsharebuttonbox{display: inline-block;}

.footer{ background:#18adf7 url('../../uploadfiles/bottombg.jpg') no-repeat center top; color: #fff; position: relative; padding-top: 60px;}
.footer1{padding-top: 0;}
.footer .backtop{display: block;background: url('../../uploadfiles/btop.png') no-repeat center;background-size:100% 100%; width: 50px;height: 50px; position: fixed; right:15px; bottom:15%; z-index:100; display:none;}
.bottom{  overflow: hidden;/*  background: rgba(18,79,6,.6); */background-color:#444444; padding:5px 0;width: 100%; text-align: center;}
.footer a{color: #fff;font-size: 12px;}
.bottom .left{height: 40px;overflow: hidden; margin-bottom: 10px;}
.bottom .left a{display: inline-block; width: 33px;height: 33px;background-position: center; background-repeat: no-repeat;}
.bottom .left a.wx{background-image: url('../../uploadfiles/bf_icon_01.png'); margin-right: 15px;}
.bottom .left a.tm{background-image: url('../../uploadfiles/bf_icon_02.png');}
.Copyright{font-size: 12px;}

.BottomS{ width:42%; margin:0 auto; padding-bottom: 6.5px; max-width: 780px;}
.BottomS .Stxt{ float: left; width:15%; /*padding-top: 30px;*/}
.BottomS .Stxt span{color: #f3ffa6;font-size: 14px; display: block; margin-top: -6px;}
.BottomS .Ssearch{float: right; width:78%;/*  border:1px solid #6eae57;  */border-radius: 3px;/*   padding: 20px; */}
.BottomS .Ssearch .box{/* border:1px solid #6eae57; */ border-radius: 5px; padding: 0 40px 0 10px; position: relative; background: #fff;}
.BottomS .Ssearch .box input{line-height: 22px;height: 22px;padding: 14px 0; width: 100%; font-size: 12px;}
.BottomS .Ssearch .box .btn{display:block; width: 40px;height: 30px;background: url('../images/btn_icon_03.png') no-repeat center; position: absolute;right: 0;top: 0;}
.BottomS .Ssearch .boxhx{height: 1px;background:#6eae57; width: 100%; margin-top: 3px;}

.footer .bh{text-align: center;}
.footer .bh img{max-width: 40%; max-height:65px; }
.bottom .right{}
.bottom .right .link{vertical-align:middle; }
.bottom .right .link em{font-style: italic; display: inline-block;padding: 0 10px; background: url('../../uploadfiles/blinkbg.png') no-repeat center; height: 16px; vertical-align:middle;}

.bottom .right1 .link{vertical-align:middle; line-height: 200%; height: 36px; }
.bottom .right1 .link em{font-style: italic; display: inline-block;padding: 0 10px; background: url('../../uploadfiles/blinkbg.png') no-repeat center; height: 16px; vertical-align:middle;}

.bottom1{border-top:2px solid #1E5813;}

@media screen and (max-width:640px ){
.footer{ padding-top:10px;}
.BottomS{ width:90%;}
.BottomS .Ssearch{padding: 0; width:72%;}
.BottomS .Stxt{padding-top: 0; width:20%;}
}

@media screen and (min-width:768px ){
  .BottomS{ width:60%; max-width:570px;}
  .BottomS .Stxt{font-size: 14px; /* padding-top: 9px; */ line-height: 24px;font-weight: 300;}
}

@media screen and (min-width:1200px ){
  .BottomS .Ssearch .box input{font-size: 12px;}
  .BottomS .Ssearch{/* padding: 20px 30px; */ margin-top: 6px; }
  .footer{padding-top: 10px;}
  .footer1{padding-top: 0;}
  .bottom .left{float: left; margin-bottom: 0; }
  .bottom .right{float: right; text-align: right;}
  
  .footer .backtop{ bottom:260px;}
}




.bottom2{ float: left;padding-bottom:2%;  overflow: hidden;/*  background: rgba(18,79,6,.6); */background-color:#0379d3; padding:25px 0;width: 100%; text-align: left;}
.bottom2 .code{ float:left; width:20%;}
.bottom2 .code li{ width:30%; float:left; margin-right:32%; text-align:center; font-size:12px;}
.bottom2 .code li:nth-child(2){margin-right:0 ; }
.bottom2 .code li img{ display:block; width:100%; margin-bottom:10px;}

.bottom2 dl{ float:left; width:20%;margin: 0px; padding: 0}
.bottom2 dt{ font-size:14px; padding-bottom:6px; color:#fff;}
.bottom2 dd{ padding-right: 10px; margin: 0 ;font-size: 12px;}
.bottom2 dd .ibox{ display:inline-block; position:relative;}
.bottom2 dd a{ color:#fff; line-height:24px; cursor:pointer;font-size: 12px;}
.bottom2 dd a:hover{ color:#F3FFA6;}

.bottom2 .item{display: none; position: absolute; padding: 2px 10px 2px 5px; right: -150px; top: 0px; width:140px; border:1px solid #328043; z-index:10; background-color:rgba(17,79,6,0.9);}
.bottom2 .item::before,
.bottom2 .item::after{ content:"◆"; font-size:10px; font-family:'宋体'; position:absolute; top:5px;}
.bottom2 .item::before{  color:rgba(17,79,6,0.9); left:-5px; z-index:2;}
.bottom2 .item::after{ color:#328043; left:-6px; z-index:1;}

.bottom2 .item p{ margin: 0; border-top:1px dashed rgba(87,140,74,0.3); line-height:26px; padding:0 4px;}
.bottom2 .item p:first-child{border-top:none; }
.bottom2 dd:hover .item{display: block;}

@media(min-width:1024px){
	.bottom2 .code{ padding-top:20px;}
}
@media(max-width:768px){
.bottom2 .code{ float:none; width:100%; max-width:300px; margin:0 auto;}
.bottom2 dl{ display:none;}
}
/*底部*/

/*index---*/

.indexFlash .layer, .indexFlash .slide-2 .ren, .indexFlash .slide-2 .yun, .indexFlash .dots li div {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }



.indexFlash .layer dl, .indexFlash .dots ul, .indexFlash .dots li div{
  display: flex;
  display: -webkit-flex; }



.indexFlash .dots li div {
  align-items: center;
  -webkit-align-items: center; }

.indexFlash .dots li div{
  justify-content: center;
  -webkit-justify-content: center; }


 .indexFlash .layer dl {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

.indexFlash {
  width: 100%;
  background: #000;
  overflow: hidden;
  position: relative; }
  .indexFlash .swiper-slide {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background: center no-repeat;
    background-size: cover; }
  .indexFlash .layer {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: 55%;
    bottom: auto;
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0; }
    .indexFlash .layer h2 {
      letter-spacing: .04rem;
      font-size: .48rem;
      padding-bottom: .2rem; }
    .indexFlash .layer span {
      color: #0093e1; }
    .indexFlash .layer p {
      font-size: .18rem;
      line-height: .32rem;
      max-width: 8.4rem;
      margin: 0 auto;
      letter-spacing: 1px;
      opacity: .8; }
    .indexFlash .layer dl {
      width: 3.7rem; }
      .indexFlash .layer dl dd {
        width: 50%;
        font-size: .18rem;
        line-height: .32rem;
        padding-left: .2rem;
        background: url("../images/img7.png") 0.07rem center no-repeat;
        background-size: .07rem; }
    .indexFlash .layer .more {
      padding-top: .4rem; }
      .indexFlash .layer .more a {
        display: block;
        color: #fff;
        text-transform: uppercase;
        font-size: .18rem;
        width: 2.33rem;
        height: .54rem;
        line-height: .54rem;
        background: url("../images/img233.png") center no-repeat;
        background-size: cover;
        text-align: center; }
  .indexFlash .slide-1:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  .indexFlash .slide-1 video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%; }
  .indexFlash .slide-1 .layer h2 {
    background: url("../images/img856.png") center no-repeat;
    padding: 0;
    line-height: 1.01rem;
    background-size: auto 100%;
    margin-bottom: .2rem; }
  .indexFlash .slide-2 .ren {
    width: 11.37rem;
    position: absolute;
    z-index: 10;
    left: -50%;
    right: auto;
    top: 22%;
    bottom: auto;
    margin-left: -5.5rem;
    opacity: 0; }
  .indexFlash .slide-2 .yun {
    width: 8.01rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 21.2%;
    bottom: auto;
    margin-left: -6.9rem;
    opacity: 0;
    transform: scale(3);
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3); }
  .indexFlash .slide-2 .layer {
    width: 6.7rem;
    left: 50%;
    margin-left: -5.7rem;
    text-align: left; }
  .indexFlash .swiper-slide.swiper-slide-active .layer {
    top: 35.5%;
    opacity: 1;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s; }
  .indexFlash .swiper-slide.swiper-slide-active .ren {
    left: 50%;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    opacity: 1;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s; }
  .indexFlash .swiper-slide.swiper-slide-active .renBg1 {
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s; }
  .indexFlash .swiper-slide.swiper-slide-active .renBg2 {
    transition-delay: .7s;
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s; }
  .indexFlash .swiper-slide.swiper-slide-active .yun {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s; }
  .indexFlash .dots {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 50%;
    top: auto;
    bottom: 0.5rem;
    margin-right: -6rem; }
    .indexFlash .dots li {
      position: relative;
      margin-left: .1rem;
      width: 1.64rem; }
      .indexFlash .dots li:before {
        content: "";
        display: block;
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url("../images/img164_7.png") center no-repeat;
        background-size: 100% 100%;
        opacity: 0; }
      .indexFlash .dots li img {
        border: rgba(255, 255, 255, 0.2) solid 1px; }
      .indexFlash .dots li div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: rgba(0, 0, 0, 0.3); }
        .indexFlash .dots li div img {
          border: 0;
          width: .5rem; }
    .indexFlash .dots li.on:before, .indexFlash .dots li.on div {
      opacity: 1; }

@media screen and (max-height: 768px) {
  .indexFlash .slide-2 .ren {
    top: 18%; }
  .indexFlash .slide-2 .yun {
    top: 17.2%; }
  .indexFlash .dots {
    bottom: .2rem; }
    .indexFlash .dots li {
      width: 1.2rem; }
      .indexFlash .dots li div img {
        width: .35rem; } }









/* 详情 
.Mainsx{background: url(../uploadfiles/xqbj.jpg)repeat center !important;}
.banner_xq{ background-repeat: no-repeat; background-position: center; position:relative;}
.banner_xq .txt{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.banner_xq .txt span,
.banner_xq .txt em{ color:#fff; font-size:24px; display:block; text-align:center; font-style:normal;}
.banner_xq .txt span{ font-size:30px; line-height:30px;}
.banner_xq .txt em{ line-height:22px; text-transform:capitalize; letter-spacing:1px;}

@media (min-width:640px){
	.banner_xq .txt span{ font-size:40px; line-height:45px;}
	.banner_xq .txt em{ font-size:30px; line-height:30px;}
}
@media screen and (min-width:1024px ){
  .banner_xq img{display: none;}
  .banner_xq{height:500px;}
  /*
  .banner_xq .txt span{ font-size:100px; line-height:105px;}
  .banner_xq .txt em{ font-size:70px; line-height:70px;}
}
*/

.MainCon{/* background: url(../images/xqbj.jpg)repeat center; */}
.MainCon1{background: url("/theme/images/xqbj.jpg")repeat center;}
.MainCon .MainCon_up .left{float: left;width: 60%;}
.MainCon .MainCon_up .right{float: right;width: 36%;}
.MainCon .MainCon_up .right .ICimg{ padding-top:92px;}

.MainCon .MainCon_down .left{float: left;width: 46%; margin-top:-30px;}
.MainCon .MainCon_down .right{float: right;width: 50%;}


@media(max-width: 768px){
.MainCon .MainCon_up .left{width: 100%;}
.MainCon .MainCon_up .right{width: 100%;}
.MainCon .MainCon_up .right .ICimg{ padding: 0; text-align:center;}

.MainCon .MainCon_down .left{width: 100%; text-align:center; float:none;}
.MainCon .MainCon_down .right{width: 100%; float:none;}
}



/*详细*/

.Proinfo .MainCon_up .h1{ font-size:28px; line-height:40px; color:#94bc49; margin:0; font-weight:500;}
.Proinfo .MainCon_up .subti{ font-size:18px; padding:10px 0 17px; color:#666460; margin:0;} 
.Proinfo .MainCon_up .Ptxtbox{ border-top:1px dashed rgba(102,102,102,0.6); border-bottom:1px dashed rgba(102,102,102,0.6); padding-top:20px;}
.Proinfo .MainCon_up .Ptxtbox .sti,
.MainCon .MainCon_down .Ptxtbox .ti{ padding:0 20px; height:32px; border-radius:23px;line-height:32px;border:solid 1px #ab8563;text-align:center;font-size:16px;color:#c18a60;display:inline-block; font-weight:normal;}
.Proinfo .Ptxtbox .p{ line-height:28px; color:#666666; padding:10px 0 30px;}

.MainCon .MainCon_down .Ptxtbox{}
.MainCon .MainCon_down .Ptxtbox .TimeList .ul{ margin-left:-25px;}
.MainCon .MainCon_down .Ptxtbox .TimeList li{ padding-left:25px; float:left;}
.MainCon .MainCon_down .Ptxtbox .TimeList li:first-child{ border-right:1px dashed rgba(102,102,102,0.6); padding-right:25px; padding-left:0;}

.MainCon .MainCon_down .Ptxtbox .logoList{ float:right;overflow:hidden;margin-top:30px;}
.MainCon .MainCon_down .Ptxtbox .logoList li{ text-align:center; padding:0 20px; float:left;}
.MainCon .MainCon_down .Ptxtbox .logoList li .img{ width:121px;height:110px;}
.MainCon .MainCon_down .Ptxtbox .logoList li h1{ font-size:16px;line-height:27px;color:#666666; font-weight:normal;}

@media screen and (min-width:768px ){
  .Proinfo{ padding-top:40px;}
}

@media (max-width:768px){
    .Proinfo .MainCon_up .h1{ font-size:24px;}
    .Proinfo .MainCon_up .subti{ font-size:16px;}

    .Proinfo .MainCon_up .Ptxtbox .sti,
    .MainCon .MainCon_down .Ptxtbox .ti{ font-size:14px;}

    .MainCon .MainCon_down .Ptxtbox{ text-align:center;}
    .MainCon .MainCon_down .Ptxtbox .TimeList .ul,
    .MainCon .MainCon_down .Ptxtbox .logoList .ul{ display:inline-block; margin:0 auto;}

    .MainCon .MainCon_down .Ptxtbox .logoList{ width:100%; float:none;}
}

@media (max-width:414px) {
    .Proinfo .MainCon_up .h1{ font-size:20px;}
    .Proinfo .MainCon_up .subti{ font-size:16px;}

    .Proinfo .MainCon_up .Ptxtbox .sti,
    .MainCon .MainCon_down .Ptxtbox .ti{ font-size:16px;}
}

/*页面二级/左侧/右侧菜单*/
.Main{}
.MainBp{padding-bottom:50px;}
.navMenu{ display: none; }
.MenuTop{display: none;line-height: 35px; font-size: 16px; background: url('../../theme/images/menubtn.png') no-repeat 95% center; border-bottom: 1px solid #88c131; color: #88c131; cursor: pointer;}
.navMenu{}
.navMenu ul li a{ display: block; line-height: 35px; color: #6c3b27; padding-left: 15px; border-bottom: 1px dashed #ccc;}
.navMenu ul li.on a{background:#6c3b27; color: #fff;border-bottom: 1px solid #ccc; }


@media screen and (min-width:1200px ){
  .MenuTop{display: none;}
  .navMenu{display: block;}
  .navMenu ul li{float: left;}
  .navMenu ul li a{border-bottom: none;line-height: 60px; font-size: 18px; padding-left: 50px;padding-right: 30px; border-right: 1px solid #ded4c4;border-bottom: 2px solid transparent; position: relative; top: 1px;  }
    .navMenu ul{border-bottom: 1px dashed #ded4c4; }
    .navMenu ul li.on a,.navMenu ul li a:hover{background: url('../../theme/images/menubtn.png') no-repeat 20px center; color: #88c131; font-weight: bold;border-bottom: 2px solid #88c131;}
}


/*页面二级/左侧/右侧菜单*/


/* index banner */
.HomeBan{ overflow: hidden; position: relative;}
.HomeBan .pc{display: none;}

.HomeBan .swiper-pagination{color: #fff;}
.HomeBan .swiper-pagination-current{color: #81bf24;}
.HomeBan .swiper-pagination-total{color: #fff;}
.HomeBan .bx-pager{color: #fff;text-align:left; display: none; font-size: 18px;  z-index: 999;
  position: absolute;bottom:100px;width: auto; left: 30px; background:url('../../uploadfiles/bannerbg.png') no-repeat center right;
  padding-right: 100px;-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);
   -o-transform:rotate(-90deg); transform:rotate(-90deg);}
.HomeBan .bx-pager b{color: #81bf24;font-weight: normal;}

.HomeBan .bx-next{z-index: 99;position: absolute;background: url('../../uploadfiles/next.png') no-repeat center; display: block;bottom: 10px; line-height: 999px; overflow: hidden;width: 36px;height: 36px; margin: 0px auto; margin-left: 55%;}
.HomeBan .bx-prev{z-index: 99;position: absolute;background: url('../../uploadfiles/prv.png') no-repeat center;left: auto;bottom: 10px;display: block;  overflow: hidden;width: 36px;height: 36px; margin: 0px auto; margin-left: 45%; }

.HomeBan li{position: relative;}
.HomeBan li a{ display: block; overflow: hidden;  width: 100%;height: 100%; }
.HomeBan li .pc .img{height: 100%; width: 100%; position: absolute;background-size: cover;background-position: center;background-repeat: no-repeat;}
.HomeBan li .pc .img{transition: all 5s ease-out;
  -webkit-transition: all 5s ease-out;
  -o-transition: all 5s ease-out;-moz-transition: all 5s ease-out;
  -ms-transition: all 5s ease-out;

  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}


.HomeBan li .pc .imgon{transition: all 5s ease-out;
  -webkit-transition: all 5s ease-out;
  -o-transition: all 5s ease-out;-moz-transition: all 5s ease-out;
  -ms-transition: all 5s ease-out;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}



.HomeBan li .video{background:#fff;}
/*.HomeBan li .video*/

.HomeBan li.active .img{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);

}


.HomeBan li .txt{display: none;  max-width: 1200px; left:10%;top: 32%; z-index: 88; position: absolute; color: #fff;}


.HomeBan li .txt .h3{font-size: 16px; opacity: 0; position: relative; top: -20px; font-weight: 100; }
.HomeBan li .txt .h1{font-size: 22px; opacity: 0; position: relative; top: 20px; font-weight: 100; }
.HomeBan li.active .txt .h3{ top: 0;opacity: 1;}
.HomeBan li.active .txt .h1{ top: 0;opacity: 1;}

@media screen and (min-width:768px ){
  .HomeBan li a{ position: absolute;}
}

@media screen and (min-width:1200px ){
  .HomeBan li .txt{display:block;}
    .HomeBan li .txt .h3{-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
    .HomeBan li .txt .h1{-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

  .HomeBan li.active .txt .h3{ -webkit-transition-delay: 1s;  -o-transition-delay: 1s;  transition-delay: 1s;}
.HomeBan li.active .txt .h1{ -webkit-transition-delay: 2s;  -o-transition-delay: 2s;  transition-delay:2s; }


  .HomeBan li .txt{top: 52%;left: 20%;}
  .HomeBan .pc{display: block; position: relative; height: 100%;}
  .HomeBan .pc video{display: block;position: absolute; left: 0;bottom:10%; width: 100%;height: 100%; object-fit:cover;}
  .HomeBan .wap{display: none;}
  .HomeBan .bx-pager{display: inline-block;}
  .HomeBan li .txt .h3{font-size: 24px;}
  .HomeBan li .txt .h1{font-size: 45px;}

}

@media screen and (min-width:1600px ){
    .HomeBan .bx-default-pager{left: 8%;}
    .HomeBan .bx-controls-direction{right: 8%;}
}

/*内页banner设置*/
.banner{background-repeat: no-repeat; background-position: center; border-bottom: 3px solid #ccc; background-size: cover; position: relative; height: 500px;}
.banner .wap{}
.banner .container{position: absolute; height:500px;overflow: hidden; width: 100%; top: 0; }


.banner .txtCon{position: absolute;color:#EEEEEE; top:200px; }
.bannerNews .txtCon{color: #EEEEEE;}
/* .bannerJob .txtCon{color: #713f1f;} */


.banner .txtCon .title{ font-size:32px; background: url('../../uploadfiles/bantitlebg.png') no-repeat 0 bottom; padding-bottom:10px; line-height: 200%; }
.bannerNews .txtCon .title{background-image: url('../../uploadfiles/bantitlebg01.png')}
/* .bannerJob .txtCon .title{background-image: url('../images/bantitlebg02.png')} */

.banner .txtCon .txt{font-size: 32px !important;padding: 15px 0;}

@media screen and (min-width:768px ){
  .banner .txtCon .txt{font-size: 28px !important;}
  .banner .wap{ display: none; }
  .banner .container{position: relative; height: 400px; }
  .banner .txtCon{top: 200px; top: auto; margin-top: 0;}
  .banner .txtCon{min-width:300px;bottom:300px;}
}
@media screen and (min-width:1200px ){
  .banner .container{position: relative; height: 500px; width: 70%;}
  .banner .txtCon .title{ font-size: 32px;}
  .banner .txtCon .txt{font-size: 36px;}
  .banner .txtCon{top:240px;}

}


/* banner */



.HomeF{}
.HomeF .title{}
.HomeF .title .h1{ font-size:32px;color: #444444; font-weight: normal; line-height:200%;}
.HomeF .title .h2{ font-size:28px;color: #18aef6; font-weight: normal; line-height:200%;}

.HomeF .title .h3{ font-size:24px;color: #998665; font-weight: normal; line-height:200%;}
.HomeF .title .h4{ font-size:20px;color: #81bf24; text-transform: capitalize;font-weight: normal;}
.HomeF .title .info{ font-size: 14px; color: #132b33;margin-bottom: 10px; }

.F1 {padding:20px 0;}


.F1 .title{ text-align:center; }
.F1 .List {padding-top: 20px;}
.F1 .List ul li .img{ }
.F1 .List ul li *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.F1 .List ul li .img img{  height:100%;}
.F1 .List ul li a{display: block; border:3px #fafafa solid;}
.F1 .List ul li .txt{color:#797979;padding:15px;  }
.F1 .List ul li .txt .h3{ font-size: 16px; color: #323232; font-weight: normal; margin: 0;}


.F1 .List ul li .txt .time{font-size: 14px;color: #afba98; margin:10px 0;padding-bottom: 10px; font-weight: normal; background: url('../images/htimebg.png') no-repeat 0 bottom; }

.F1 .List ul li .more{display: inline-block; padding: 0 30px 0 0;margin-top: 10px; font-size: 12px; font-weight: bold; line-height: 30px; border-radius: 30px;  color: #7bb061; background: url('../images/hmoer.png') no-repeat 88% center;}

.F1 .swiper-pagination{position:static;}
.F1 .swiper-pagination-bullet{width: 15px; height: 15px; background: #ddd; vertical-align:bottom; margin:0 5px;}
.F1 .swiper-pagination-bullet-active{width: 15px; height: 15px; background: #85ae46;}
.F1 .btns{position: relative;  text-align: center; vertical-align: bottom;}
.F1 .btns .swiper-pagination{display: inline-block; position: static;vertical-align: middle;}

.F1 .swiper-button-next{vertical-align: bottom;background: url('../../uploadfiles/next1.png') no-repeat center;position: static; display: inline-block;line-height: 999px; overflow: hidden;width: 36px;height: 20px;}
.F1 .swiper-button-prev{vertical-align: bottom;background: url('../../uploadfiles/prv1.png') no-repeat center;position: static;display: inline-block; line-height: 999px; overflow: hidden;width: 36px;height: 20px; }


@media screen and (min-width:768px ){
.F1 .List ul li .txt .time{font-size: 14px;position: relative;left: -10px;color: #afba98; margin:10px 0; font-weight: normal; padding-left: 60px; background: url('../images/htimebg.png') no-repeat 0 center;padding-bottom: 0; }

  .HomeF .title .h3{ font-size:22px; }
  .HomeF .title .h4{ font-size:18px;}
  .HomeF .title .info{ font-size: 16px; margin-bottom: 0;} 

}



@media screen and (min-width:1200px ){
  .F1 .container1{ width:70%;}
  .HomeF .title .h3{ font-size:28px; }
  .HomeF .title .h4{ font-size:22px;}
  .HomeF .title .info{ font-size: 18px; } 

  .F1{padding:70px 0;}

  .F1 .List ul li a:hover{  border-color: #18adf7; }
  .F1 .List ul li a:hover .h3{color: #18adf7;}
  .F1 .List ul li a:hover .more{background-color:#18adf7; background-image: url('./images/hmoeron.png'); background-position:83% center; color: #fff; padding: 0 30px 0 15px;}
  .F1 .List ul li a:hover .txt .time{padding-left: 0; background-image: none;left:0px}

}







.F2{overflow: hidden; position: relative; padding: 20px 0;}
.F2 .Left{ float: left; width: 50%; display: none; height: 1000px; }
.F2 .Right{ float: right; width: 50%; display: none; height: 1000px;}

.F2 .F2Con{position: relative;z-index: 88;}
.F2 .List{}
.F2 .List ul{vertical-align: top;}
.F2 .List ul li{margin-bottom: 2%; vertical-align: top; float: left; width: 49%;margin-left: 2%;}
.F2 .List ul li:nth-child(2n){margin-right: 0;}
.F2 .List ul li *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.F2 .List ul li a{padding:15px;top:0; text-align: center;color: #606060; border:1px solid #ccc; display: block; position: relative;}
.F2 .List ul li .img{ width:156px;height: 156px; border-radius: 100%; border: 1px dashed #c4dca1; padding: 5px;margin: 0 auto 15px;  }
.F2 .List ul li .img img{width:142px;height: 142px;}
.F2 .List ul li a .txt{max-width: 200px; margin:0 auto 10px; display: none;}
.F2 .List ul li .more{display: none; margin: 0 auto; background: url('../../uploadfiles/more_icon_1.png') no-repeat center; width: 25px;height: 25px;}
.F2 .List ul li a .h3{color: #1196db; font-size: 16px;}


@media screen and (min-width:768px ){
  .F2 .List ul{ font-size: 0; text-align: center;}
  .F2 .List ul li{display: inline-block; width: 30%; font-size: 14px; float: none;margin:10px;}
  .F2 .List ul li:nth-child(2n){margin-right: 10px;}
  .F2 .List ul li .more{display: block;}
  .F2 .List ul li a .txt{height: 60px; display: block;}
}

@media screen and (min-width:1200px ){
  .F2 .Left{display: block; }
  .F2 .Right{ display: block; }
  .F2 .title{max-width: 450px; position: absolute; left: 0; top: 90px;}

  .F2 .List ul li{display:block; float: left;margin: 0;width: 25%;}
   .F2 .List ul li:nth-child(2n){margin:0;}
  .F2 .List{position: absolute; left: 0;top: 240px;}
  .F2 .List ul li a{background:#fff url('../../uploadfiles/hf2listbg.png') repeat-x 0 bottom; padding: 30px 25px 25px;border: 1px solid #f5f5f5; border-bottom: 2px solid #d2ccc1; }

  .F2 .List ul li a:hover{top: -3px; box-shadow: 0 0 10px #c3c3c3;z-index: 88; background:#4DB4FF; color: #fff; border: 1px solid #1196db; border-bottom: 2px solid #d4de50;}
  .F2 .List ul li a:hover .h3{color: #fff;}
}

@media screen and (min-width:1600px ){
    .F2 .List{top: 280px;}
}


.F3{padding: 30px 0; }
.F3 .title{max-width: 420px;}
.F3 .map{text-align: center;padding:15px 0;}
.F3 .mapbg{ padding-bottom: 80px; }
.F3 .mapbg ul li{ margin-bottom: 15px; float: left;width: 50%; }
.F3 .mapbg ul li .btn{ width: 118px;height: 118px; margin: 0 auto; color: #93846b; display: block;  }
.F3 .mapbg ul li .btn span{font-size: 50px;}
.F3 .mapbg ul li .txt{text-align: center; padding-top: 10px; color: #79983d; font-size: 16px; }
.F3 .mapbg ul li.li2 .txt{color: #3782a4;}
.F3 .mapbg ul li.li3 .txt{color: #b9703b;}
.F3 .mapbg ul li.li4 .txt{color: #c92f3a;}


.F3 .mapbg ul li.li1 .btn{background: url('../../uploadfiles/hlibg01.png') no-repeat center; line-height: 118px; text-align: center;}
.F3 .mapbg ul li.li2 .btn{background: url('../../uploadfiles/hlibg02.png') no-repeat center; line-height: 118px; text-align: center;}
.F3 .mapbg ul li.li3 .btn{background: url('../../uploadfiles/hlibg03.png') no-repeat center; line-height: 118px; text-align: center;}
.F3 .mapbg ul li.li4 .btn{background: url('../../uploadfiles/hlibg01.png') no-repeat center; line-height: 118px; text-align: center;}
.F3 .mapbg ul li.li5 .btn{background: url('../../uploadfiles/hlibg02.png') no-repeat center; line-height: 118px; text-align: center;}
.F3 .mapbg ul li.li6 .btn{background: url('../../uploadfiles/hlibg03.png') no-repeat center; line-height: 118px; text-align: center;}





@media screen and (min-width:768px ){
  .F3 .mapbg ul li{float: left; width: 25%; float: left;}
}


@media screen and (min-width:1000px ){
.F3{padding-top: 70px; }

}

@media screen and (min-width:1200px ){
  .F3 .map{display: none;}
  .F3 .mapbg{background: url('../../uploadfiles/mapbg.png') no-repeat center; height: 454px; margin: 30px auto 90px; position: relative;}
  .F3 .mapbg ul li{position: absolute; left: 0; width: 118px;}
  .F3 .mapbg ul li .libox{position: relative;}
  .F3 .mapbg ul li .libox .txt{position:absolute;left: 85%; top: 25px;width: 100%;}
  
  .F3 .mapbg ul li.li4 .libox .txt{position:absolute;left：85%; top: 25px;width: 100%;}
  .F3 .mapbg ul li.li5 .libox .txt{position:absolute;left：85%;; top: 25px;width: 100%;}
  .F3 .mapbg ul li.li6 .libox .txt{position:absolute;left：85%;; top: 25px;width: 100%;}
	
  .F3 .mapbg ul li.li1{ top: 30px; }
  .F3 .mapbg ul li.li2{ top: 180px; }
  .F3 .mapbg ul li.li3{ top: 320px; }
  /*.F3 .mapbg ul li.li4{ top: 50px;left: auto;right: -50px; }*/
	
  .F3 .mapbg ul li.li4{ top: 30px;left: auto;right: -50px; }
  .F3 .mapbg ul li.li5{ top: 180px;left: auto;right: -50px; }
  .F3 .mapbg ul li.li6{ top: 320px;left: auto;right: -50px; }
}


/* 单页面  */
.MainBG{ background: #fbf9ee; }
.MainTitle{background: url('../images/titlebg.png') no-repeat center bottom; padding:30px 0; text-align: center;}
.MainTitle .h3{font-size: 32px;font-weight: normal; color: #6c3b27; letter-spacing:3px;}
.MainTitle .h5{font-size: 16px; font-weight: normal; color: #bbb; text-transform: uppercase; letter-spacing:5px;}

.MainBox{padding: 30px 0; font-size: 14px; line-height: 200%; }
.MainBox  img{ max-width:1000px; text-align: center; margin: 0 auto;}
.MainBox .list{ width: 100%; background: #FFFFFF; box-shadow: 0 0 10px #f1efe3; }
.MainBox .title{ width: 100%; margin: 0 auto; padding: 30px; font-size: 24px;line-height: 200%; text-align: center; background-color: #FFFFFF;}

.MainBox .box{ padding:20px; text-indent: 2em; font-size: 14px; line-height: 200%; background-color: #FFFFFF; margin: 10px auto}
.MainBox .box p{ margin: 20px; margin-top: 50px; margin-bottom: 10px;}
.MainBox .list ul li{background: #fff; box-shadow: 0 0 10px #f1efe3; margin-bottom: 20px;}
.MainBox .list ul li .left{padding: 15px;}
.MainBox .list ul li .left .h3{font-size: 18px; color:#6c3b27; font-weight: normal;}
.MainBox .list ul li .left .h3 .icon{display: block; width: 70px; height: 3px; background: #0093e1; margin:10px 0;}
.MainBox .list ul li .right{}
.MainBox .list ul li .right img{ width: 100%; }

.MainBox .list .title{text-align: center; background: url('/theme/images/socialtitlebg.png') no-repeat center; padding:20px 0;
 font-size:24px; font-weight: bold; color: #0093e1; }
.MainBox .list ul li{ margin-bottom: 20px; }
.MainBox .list ul li .ttxtbox .box{position: relative;width: 110px;height: 40px;margin: 0 auto; text-align: center; line-height: 40px; border-radius: 10px 0; background: #88c131; text-align: center; color: #fff; font-weight: bold;font-size: 16px; }
.MainBox .list ul li .litxt{background: #fff; box-shadow:0 0 10px #f1efe3; padding: 15px; margin-top: 15px;}
.MainBox .list ul li .litxt .h3{font-size: 14px; color: #ab8563;}


@media screen and (min-width:768px){
  .MainBox .list .title{padding: 50px 0; font-size:18px;}
   .MainBox .list ul li{position: relative; padding-left: 10px; margin-bottom: 30px;}
   .MainBox .list ul li .litxt{margin-top: 0;}
  .MainBox .list ul li .ttxtbox{position: absolute; left: 0; top: 50%; margin-top: -20px;}
   .MainBox .list ul li .ttxtbox .icon{display: block; width: 60px;height: 1px;background: #7db528; right: -40px; top: 19px; position: absolute;}
}

@media screen and (min-width:1000px){
.MainBox .list ul li .left{ float: left; width: 50%;padding: 40px 20px 0; }
.MainBox .list ul li .right{float: left; width: 50%;}
}

@media screen and (min-width:1200px){
  .MainBox .list ul li .left{padding: 40px 40px 0;}
}




/* 单页面 */


/* 图片列表 */
.newList ul li .time{display: none;position: absolute;text-align: center;left: 60px; width: 75px;height: 85px; border-radius: 5px;background: #ededed; color: #76716d;}
.newList ul li{margin-bottom: 20px;}
.newList ul li.last{margin-bottom: 0;}
.newList ul li *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.newList ul li .img{display: block; overflow:hidden; margin-bottom: 20px;}
.newList ul li .img img{width:100%;}
.newList ul li a{display: block;background: #fff;box-shadow: 0 0 10px #eae7db; }
.newList ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.newList ul li a:hover {  background-color: #65DBEF;}
.newList ul li .h3{font-size: 18px; font-weight: normal;}
.newList ul li .txtBox{color: #333; position: relative; padding:0 15px 15px;}
.newList ul li a:hover .txtBox{color: #fff;}
.newList ul li .more{ display: inline-block;padding-right: 25px;color: #8eb83d;line-height: 35px;border-radius: 35px;margin-top: 15px;background: url('../images/more.png') no-repeat 90% center; font-size:12px;}
.newList ul li a:hover .more{background-color: #fff; padding: 0 30px 0 15px; }
.newList ul li a:hover .time{color: #8eb83d;}
@media screen and (min-width:768px ){
  .newList ul li .img{float: left; width: 40%; margin-bottom: 0;}
  .newList ul li .txtBox{float: left; width: 60%;padding:30px 15px 0;}
  /* .newList ul li .txt .h3{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} */
  .newList ul li .txt .txtCon{padding-top: 15px;}
  .newList ul li .more{margin-top: 30px;}
}

@media screen and (min-width:1000px ){
    .newList ul li .txtBox{padding: 40px 30px 0;}
    .newList ul li{margin-bottom: 50px;}
    .newList ul li .more{margin-top: 25px;}
}

@media screen and (min-width:1200px ){
  .newList ul li .time{display: block; }
  .newList ul li .time .day{font-size: 30px;font-weight: bold;padding-top: 10px; }
  .newList ul li .txtBox{padding: 55px 30px 0 180px;}
  .newList ul li .more{margin-top: 25px;}
  
  .newList ul li .h3,
  .newList ul li .txt .txtCon{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
}


.newInfo2 .MainCon p{text-indent: 2em;}
.newInfo .title .h3{ font-size: 18px; text-align: center; font-weight: normal;color: #333; }
.newInfo .title .h5{font-size: 12px; color: #999;text-align: center; font-weight: normal;}
.newInfo .title {border-bottom: 1px dashed #ccc;padding-bottom: 10px;}

.newInfo3{padding:10px 0;}
.newInfoo p{text-indent: 2em;}
/*  */

/* 分页 */
.PageBox{ padding:30px 0;  background: #fff; margin-top: 20px; box-shadow: 0 0 10px #eae7db;}
.PageBox .Pages{text-align: center;}
.PageBox .Pages a{padding:8px 10px; color: #333; font-size: 14px; margin:0 3px;transition: all .5s; border-radius: 5px;}
.PageBox .Pages a:hover,.PageBox .Pages a.a_cur{ background: #8eb83d;color: #fff;  }
.PageBox .Pages .num{font-style: normal;}
.PageBox .Pages .num a{display: none;}

@media screen and (min-width:768px){
  .PageBox .Pages a{padding:10px 15px;}
  .PageBox .Pages .num a{display:inline-block;}
}
/* 分页 */



#scrollInner{height: 453px;overflow: hidden;}

/* 滚动条样式 */
#scrollInner .mCSB_scrollTools .mCSB_draggerRail{ width: 10px; }
#scrollInner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 15px; background:#6fb42e;}
#scrollInner .mCSB_container{margin-right: 20px;}
/* 滚动条样式 */


.storebox{ background-color:#fff; padding:10% 0;}
.storebox li{ padding:2% 0;}
.storebox li .item{ position:relative;}
.storebox li .item img{ width:100%;}
.storebox li .storeLogo{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-color:#fff; border-radius:5px; display:block; width:66%; max-width:390px; padding:20px 0; text-align:center;}
.storebox li a:hover{ color:#6fb42e;}
.storebox li .storeLogo img{ width:50%; max-width:194px;}
.storebox li .storeLogo span{ display:block; font-size:16px; padding-bottom:2%; line-height:30px;}
.storebox li .storeLogo em{ font-style:normal; font-size:12px; display:inline-block; background:url(../images/ico-jt.jpg) no-repeat right center; padding-right:25px;}


.clientbox{ padding:10% 0;}
.clientbox .ti{ text-align:center; line-height:24px; letter-spacing:2px;}
.clientbox .ti span{ color:#753B27; font-size:20px; display:block;}
.clientbox .ti i{ background-color:#81B945; width:48px; height:3px; margin:0 auto; display:inline-block;}
.clientbox .txt{ text-align:center; padding:2% 0 5%;}

.clientbox .list{}
.clientbox .list ul{ margin-left:-2%; margin-right:-2%;}
.clientbox .list li{ float:left; width:33.3333%; padding:2%;}
.clientbox .list li a{ background-color:#fff; border:1px solid #F1F0EC; display:block; text-align:center; padding:5% 3%;}
.clientbox .list li span{ display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:30px;}


@media screen and (min-width:768px){
  .SaleList ul{ margin-left:-2%; margin-right:-2%;}
  .SaleList li{ width:50%; padding:0 2%; float:left; position:relative;}
  .SaleList .left{}
  
  .storebox li .storeLogo span{ font-size:22px; line-height:60px;}
  .storebox li .storeLogo em{ font-size:14px;}
}
@media(min-width:1024px){
	.storebox{ padding:60px 0;}
	.storebox ul{ margin-left:-12px; margin-right:-12px;}
	.storebox li{ float:left; width:50%; padding:0 12px}
	
	.clientbox{ padding:60px 0;}
	.clientbox .ti span{ font-size:28px;}
	.clientbox .txt{ line-height:28px; font-size:14px;}
	
	.clientbox .list ul{ margin-left:-12px; margin-right:-12px;}
	.clientbox .list li{ width:20%; padding:13px 12px;}
	.clientbox .list li a{ padding:15px 10px;}
	.clientbox .list li a:hover{ color:#81B945;}
	.clientbox .list li span{ font-size:14px; font-weight:bold; line-height:35px;}
}
@media screen and (min-width:1200px){
  .SaleList ul{ margin-left:-25px; margin-right:-25px;}
  .SaleList li{ padding:0 25px 54px 25px; margin-bottom:0;}
  .SaleList li .item{ position: relative;}
  .SaleList li .right{ position: relative; z-index:10; width: 78%; margin:0 auto; margin-top:-30%;}
  .SaleList li .right .txtBox{ padding:30px 40px; margin:0; text-align:center; line-height:24px; position:relative;}
  .SaleList li .txtBox .h3{ font-size: 20px;}
  .SaleList li .txtBox .txt{ margin-top:10px; position: relative;}
  .SaleList li .txtBox .num{ position:absolute; z-index:-1; left:50%; top:50%; transform:translate(-50%,-50%); font-size:160px; color:#F0F5E7; display:block; font-weight:bold;}
}

@media screen and (min-width:768px){
  .SaleMap .Sbox{float: left; width: 32%;margin-right: 2%;}
  .SaleMap .Sbox.last{margin-right: 0;}
}


@media screen and (min-width:1200px){
.SaleMapCon {border-top: 1px solid #f4f0d4; padding-top: 20px;}
.SaleMap{padding: 45px;}
.SaleMapCon .SaleTitle{ float: left; width: 20%;  text-align: left; padding-top: 200px;}
.SaleMapCon .mapImg{float: left; width: 48%; height: 453px;}
.SaleMapCon .mapUl{float: right; width: 30%;}

}


/*弹出层样式*/

  .Mask{position: fixed; display: none; background:rgba(255,255,255,.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8FFFFFF,endColorstr=#C8FFFFFF);left: 0; top: 0; z-index: 9999;}
  .Mask .MaskBox{z-index: 999; max-width: 1000px;margin:0px auto;position: relative;max-height: 490px;background:#fff;padding:40px 20px 0; overflow-y: auto; box-shadow: 0 0 10px #e1e4ce;}

  .Mask .MaskBox a.MaskClore{ display: block;width: 80px;font-size: 14px;color: #333;position: absolute;right: 10px;top:10px; line-height: 40px;text-align: center;}
/*弹出层样式*/

  .Mask .MaskBox .MaskForm{margin-bottom: 20px;}
  .Mask .MaskBox .MaskForm table{width: 100%; text-align: left;margin-top: 10px;}
    .Mask .MaskBox .MaskForm table th{width: 33%; color: #8eb83d;}
  .Mask .MaskBox .MaskForm table td{width: 33%; }
  .Mask .MaskBox .MaskForm .h3{font-size: 16px;font-weight: normal; color: #555; background: url('../images/masktitle.png') no-repeat left bottom; padding-bottom: 10px; padding-left: 15px;}
  .Mask .MaskBox .MaskForm .h4{color: #8eb83d; font-size: 14px; margin: 10px 0;}
  .Mask .MaskBox .MaskFormBtn{display: block;width: 100px;height: 35px; text-align: center;line-height: 35px; background: #8eb83d; border-radius: 45px; color: #fff;margin:20px auto 0;}
  .Mask .MaskBox .MForm{display: none; padding-top: 20px;}

@media screen and (min-width:768px){
  .Mask .MaskBox{padding: 20px 40px 0;}
    .Mask .MaskBox .MaskForm .h3{max-width: 80%;}
  }

@media screen and (min-width:1200px){
  .Mask .MaskBox{padding: 40px 40px 0;}
  .Mask .MaskBox a.MaskClore{top: 30px;}
    .Mask .MaskBox{max-height: 550px;}
    .Mask .MaskBox .MaskForm{margin-bottom: 40px;}

  }




  .MaskForm ul{max-width: 1000px; margin: 30px auto 0;}
  .MaskForm ul li{margin-bottom: 8px;}
  .MaskForm ul li.li2 .right{line-height: 0; }
  .MaskForm .left{float: left; width: 110px; text-align: right; padding-right: 10px; line-height: 36px;}
  .MaskForm .right{max-width: 450px; width: 60%; float:left; line-height: 36px; font-size: 14px; color: #333;}
  .MaskForm .right input{max-width: 410px; width:90%; border: 1px solid #ddd; line-height: 36px;height: 36px; padding:0 10px; border-radius: 5px;}
  .MaskForm .right textarea{max-width: 410px; width: 90%;border: 1px solid #ddd;padding:10px 10px; border-radius: 5px; height: 81px; line-height: 24px;}
 
 .MaskForm .FormBtn{display: block;width: 100px;height: 35px; text-align: center;line-height: 35px; background: #8eb83d; border-radius: 45px; color: #fff;margin:20px auto 0;}


@media screen and (min-width:768px){
 .MaskForm .MForm .item{ float: left; width: 49%; }
 .MaskForm .MForm .itemlast{float: right;}
}


/*  */
.qualityList{}
.qualityList ul li{margin-bottom: 20px; position: relative;}

.qualityList .left{}
.qualityList .left .img{}
.qualityList .left .img img{ width: 100%; }
.qualityList .right .txtBox{background: #fff; margin-top: 20px;padding: 25px; box-shadow: 0 0 10px #c9c7bf;}
.qualityList .txtBox .h3{font-size: 16px; color: #6c3b27; font-weight: normal;}
.qualityList .txtBox .h3 i.icon{ display: block;width: 70px;height: 3px;background: #8eb83d; margin: 10px 0; }

.qualityBottom{padding: 20px 0;}
.qualityBottom ul{font-size: 0;text-align: center;}
.qualityBottom ul li{display: inline-block; font-size: 14px; padding:20px 0; width: 50%;}

.qualityBottom ul li .liBox{color: #fff;max-width: 184px;width: 100%;height: 184px; background: url('../images/qualityBG.png') no-repeat center; text-align: center; position: relative; background-size:100%; }
.qualityBottom ul li .liBox .txt{padding-top: 70px; font-size: 30px; vertical-align: middle;}
.qualityBottom ul li .liBox .txt span{font-size: 12px;}
.qualityBottom ul li .liBox .txtB{position: absolute; bottom: 0;left: 0;width: 100%;}
.qualityBottom ul li.odd .liBox{background-image: url('../images/qualityBG01.png')}
.qualityBottom ul li .txtB{font-size: 16px;color: #666;}


@media screen and (min-width:400px){
  .qualityBottom ul li .liBox{color: #fff;width: 184px;height: 184px;}
  .qualityBottom ul li{width: auto;}
}

@media screen and (min-width:768px){
  .qualityList .left{width: 60%;}
  .qualityList .odd .left{float: right;}
  .qualityList .right{ position: absolute; left: 50%;width: 50%;top: 50%;-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .qualityList .odd .right{left: auto;right: 40%; }
  .qualityList .right .txtBox{padding:50px;margin-top: 0;}

}

@media screen and (min-width:1200px){
  .qualityList ul li{margin-bottom: 30px;}
  .qualityTxt{padding-top: 20px;}
  .qualityBottom{padding: 40px 0 20px;}
  .qualityBottom ul li{float: left; width: 20%;}
}



.mapAbout{}
.MapTitle{ text-align: center; }
.MapList{padding: 20px 0;}
.MapList ul li{text-align: center;margin-bottom: 15px;}
.MapList ul li .img{background: url('/theme/images/maplibg.png') repeat-x 0 center;}
.MapList ul li .img .imgbox{ max-width: 150px; background: #fbf9ee;margin: 0 auto 15px; }

@media screen and (min-width:1200px){
  .MapList ul li{float: left; width: 33.33%;}
  .MapList ul li .img .imgbox{margin-top: 30px;}
   .MapList ul li .txt{max-width: 300px; margin:0 auto; min-height: 60px;}
  }





.videoBox{width: 100%; padding-top: 15px;}
.videoBox video{display: block; width: 100%;object-fit: cover; }

@media screen and (min-width:768px){
  .videoBox{ padding-top: 30px;}
}

@media screen and (min-width:1000px){
  .videoBox{ padding-top: 50px;}
}


/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}




/*2018-04-04 临时隐藏栏目*/
#nav7{ display:none;}



/* 图片列表 */
.AgrCategory{}
.AgrCategory ul{font-size: 0;text-align: center;}
.AgrCategory ul li{display: inline-block; font-size: 16px;margin: 0 5px;}
.AgrCategory ul li a{display:block; color: #333; background: #fff; line-height: 35px; padding: 0 10px;}
.AgrCategory ul li a:hover,.AgrCategory ul li.on a{color: #fff; background: url('../images/acategory.jpg') no-repeat center bottom;}




.AgrList{overflow: hidden;}
.AgrList ul li{margin-top: 20px;}
.AgrList ul li *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.AgrList ul li a{ display: block;background: #fff; color: #383838; box-shadow: 0 0 10px #efede0; }
.AgrList ul li a .img{overflow:hidden;}
.AgrList ul li a .img img{width: 100%;}
.AgrList ul li a:hover{background: #0084ff;color: #fff;}
.AgrList ul li .txt{padding: 15px;}
.AgrList ul li .txt .h3{font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-left: 20px;background: url('../images/acategorylibg.jpg') no-repeat 0 center;}
.AgrList ul li a:hover .txt .h3{background-image: url('../images/acategorylibgon.jpg')}
.AgrList ul li .txt .more{display: inline-block;padding: 0 15px 0 25px; background: url('../images/more.png') no-repeat right center; color: #0084ff; font-size:12px;}
.AgrList ul li a:hover .txt .more{background-image: url('../images/more01.png');color: #fff;}
.AgrList ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.nyBase .MainCon{ padding:40px 0;}
.nyBase .MainCon .txt{ padding-bottom:20px;}
.nyBase .MainCon .txt .ti{ font-size:16px; color:#0084ff; padding-bottom:20px; font-weight:bold;}


@media screen and (min-width:540px){
  .AgrList ul li{float: left; width: 49%;margin-right: 2%;margin-top: 2%;}
  .AgrList ul li:nth-child(2n){margin-right: 0;}
}


@media screen and (min-width:768px){
  .AgrCategory ul li{font-size: 18px;margin:0 10px;}
  .AgrCategory ul li a{line-height: 50px;padding: 0 50px;}

  .AgrList ul li{width: 32%;margin-right: 2%;}
  .AgrList ul li:nth-child(2n){margin-right: 2%;}
  .AgrList ul li:nth-child(3n){margin-right: 0;}

}
@media(min-width:1024px){
	.nyBase{ padding-bottom:0;}
	.nyBase .MainCon .txt{ float:left; width:43%; padding:30px 0 0 0;}
	.nyBase .MainCon .pic{ float:right; width:50%;}
}
@media screen and (min-width:1200px){
  .AgrCategory ul{padding-top: 30px;}
     .AgrList ul li{width: 30%;margin-right: 5%; margin-top: 5%;}
    .AgrList ul li:nth-child(2n){margin-right: 5%;}
    .AgrList ul li:nth-child(3n){margin-right: 0;}
}


/* 发展历程*/


.aboutHome_02 li{
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; 
}
.aboutHome_02 {
  background: url("../images/aboutHome_02.jpg") center bottom no-repeat;
  background-size: cover;
  padding-bottom: .9rem;
  border-bottom: #e6e6e6 solid 1px; width: 100%;}

  .aboutHome_02 .list {
    position: relative; 
}

    .aboutHome_02 .list:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      top: .4rem;
      width: 1px;
      height: 100%;
      background: #c3c4c5; }

  .aboutHome_02 li {
    min-height: 1.8rem;
    position: relative; }

    .aboutHome_02 li:after {
      content: "";
      display: block;
      position: absolute;
      left: 48.3%;
      top: .35rem;
      width: .11rem;
      height: .11rem;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      margin-left: -.05rem;
      background: #2886D3; 
}

    .aboutHome_02 li:before {
      content: "";
      display: block;
      position: absolute;
      z-index: 2;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("../images/img1200.jpg") center no-repeat;
      background-size: cover;
      opacity: 0;
      box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.2); }

    .aboutHome_02 li .time {
      position: absolute;
      z-index: 10;
      left: 20%;
      right: auto;
      top: 0.2rem;
      bottom: auto;
      padding: 0 .6rem;
      font-size: .4rem; 
}
   

      .aboutHome_02 li .time b {
        display: block;
        position: relative;
        font-size: .14rem;
        line-height: .22rem;
        padding-bottom: .22rem; }
        .aboutHome_02 li .time b:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          bottom: .1rem;
          height: .02rem;
          width: .33rem;
          background: #333; }
    .aboutHome_02 li .container {
      position: relative;   margin-right:2em;
      z-index: 5;
      width: 45%;
      padding: .25rem 0rem; }

      .aboutHome_02 li .container .name { 
        font-size: .2rem;
        padding-bottom: .1rem;}

      .aboutHome_02 li .container p {
        font-size: .14rem;
        line-height: 1.8em;
        opacity: .8;
        display: none; }



  .aboutHome_02 li.liHide {
    display: none; }

/*
  .aboutHome_02 li:nth-child(odd) .time {
    left: auto;
    right: 50%;
    text-align: right; }

    .aboutHome_02 li:nth-child(odd) .time b:before {
      left: auto;
      right: 0; }

  .aboutHome_02 li:nth-child(odd) .container {
    margin-right:2em;
}
*/
  .aboutHome_02 li:hover {
    color: #fff; }
    .aboutHome_02 li:hover:before {
      opacity: 1; }
    .aboutHome_02 li:hover .time b:before {
      background: #fff; }
  .aboutHome_02 .pageMore {
    padding: .4rem 0 0 0; }

.course {
  border: 0;
  background-image: url("../images/course.jpg");
  background-size: 100%; }
  .course .list {
    padding: .1rem 0; }
    .course .list:before {
      top: 0; }
    .course .list:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: .13rem;
      left: 0;
      top: 0;
      background: url("../images/img16_1.png") center no-repeat;
      background-size: .16rem; }
  .course .pageMore {
    padding: 0; }
/*发展历程标题*/
.pageTitle {
  text-align: center;
  padding: 1rem 0 .6rem 0;
  letter-spacing: .03rem;
  position: relative; }
  .pageTitle div {
    text-transform: uppercase;
    font-size: .6rem;
    color: #e3e8eb;
    font-weight: bold;
    line-height: .7rem;
    height: .7rem; }
  .pageTitle .div-1 {
    font-size: .5rem; }
  .pageTitle .div-2 {
    font-size: .45rem; }
  .pageTitle h2:before {
    content: "";
    display: block;
    position: absolute;
    position: relative;
    width: 1.64rem;
    height: .18rem;
    background: url("../images/img164_1.png") center no-repeat;
    background-size: cover;
    top: .02rem; }
  .pageTitle h2:after {
    content: "";
    display: block;
    position: absolute;
    position: relative;
    width: 1.64rem;
    height: .18rem;
    background: url("../images/img164_2.png") center no-repeat;
    background-size: cover;
    top: .02rem; }
  .pageTitle h2 span {
    font-size: .3rem;
    padding: 0 .3rem; }
  .pageTitle a.more {
    display: block;
    position: absolute;
    z-index: 10;
    left: 50%;
    right: auto;
    top: 0;
    bottom: auto;
    width: 6rem;
    height: 100%;
    margin-left: -3rem; }

.pageTitle-2 div {
  color: #000;
  opacity: .3; 
}

pageMore {
  padding: .25rem 0 .75rem 0;
  clear: both; 
}
  .pageMore a {
    display: block;
    width: 1.6rem;
    height: .5rem;
    line-height: .48rem;
    text-align: center;
    border: #caccce solid 1px;
    font-size: .14rem;
    letter-spacing: .02rem;/*字间距*/
    margin: 0 auto;
    background: url("../images/img469.jpg") left center no-repeat;
    background-size: 0 100%; 
}
  .pageMore a:hover {
    background-size: 100% 100%;
    border-color: rgba(0, 0, 0, 0);
    color: #fff; 
}