body { background: #fff; }

  .logn_left { width: 500px; float: left; }
  .logn_left_t1 { font-weight: 700; color: #fff; font-size: 35px; margin-top: 20px; }
  .logn_left_t2 { color: #C625A7; font-size: 18px; line-height: 50px; }
  .logn_right { width: 290px; background: url('/Public/img/logn1.png'); float: right;
   height: 85px; margin-top: 12px; }
   
.aon {
    background-color: #009688;
  }
  
.lxwm_wks { width: 100%; margin-top: 30px; }
.lxwm_wk { width: 100%; }
.lxwm_wk_img { width: 103px; float: left; }
.lxwm_wk_txt { width: 350px; float: left; line-height: 24px;  margin-left: 20px;}
.lxwm_wk_txt1 { font-size: 16px; font-weight: 700; }

.lxwm_wk_txts { width: 310px; float: left; line-height: 24px;  margin-left: 20px;}
.caidan a {
    color:#c4c5c9;
}
.canvas { position: absolute; width: 100%; overflow: hidden; }
.canvas2 { position: absolute; width: 100%; overflow: hidden; }
.canvas_wk { width: 100%; position: absolute; top: 0px;  padding-top: 20px;
color: #fff; }
.canvas_txt { width: 100%; 
	text-align: center;
	font-size: 25px; font-weight: 700;
 }
.canvas_txt2 { width: 100%; 
	text-align: center;font-weight: 300; line-height: 35px;
	position: absolute; top: 200px;
 }
.psts { position: absolute;  }


.canvas2_wk { width: 100%; position: absolute; top: 0px;  padding-top: 20px;
color: #fff; height: 500px; }

.canvas_txt3 { text-align: center; font-size: 35px; padding-top: 30px; }
.canvas_txt4 { text-align: center; font-size: 16px; padding-top: 30px; }
.canvas_txt5 { text-align: center; font-size: 16px; padding-top: 30px; }

.ql_w { width: 100%; height: auto; overflow: hidden; min-width: 1140px;}
.coleefbf9 { background:#eefbf9; }
.colfff { background:#fff; }
.bakfcfbe9 { background:#fcfbe9; }
.bakf2f3f5 { background:#f2f3f5; }
.colfc9743 { color:#fc9743; }
.col79c274 { color:#79c274; }
.col60d4d4 { color:#60d4d4; }
.bor60d4d4 { border: 1px solid #60d4d4;}
.font-44 { font-size: 44px;}
.font-24 { font-size: 24px; }
.hei200 { height: 240px;}
.ql_w_1200 { width: 1140px; margin: 0px auto; overflow: hidden; }
.wid80 { width: 80%; margin: 0px auto;}
.font-secondary {
    font-size: 15px; margin-top: 0px; 
}
.k70 { width: 100%; height: 70px; overflow: hidden;}
.map30 { margin-top: -10px; }
.ql_w h1 { font-weight: 100; font-size: 24px; line-height: 60px; margin-top: 20px; }
.icons { padding-top: 40px;}
.inner { text-align: center;}
.map20 { margin-top: 20px; }
.map10 { margin-top: 10px; }
.l20 { margin-left: 20px;}
.kong { height: 35px; overflow: hidden; }
.map33 { margin-top: 33px;}

.logs { border: 1px solid red; margin-left: 50px;}


.qlxfw_w { width: 90%; margin: 0px auto; float: left;
 border: 1px solid #fff; background: #fff;}
.qlxfw_w_tit { font-size: 24px; text-align: center; margin-top: 30px;} 
.qlxfw_w_text { text-align: center;  margin-top: 10px;}
.qlxfw_w i { font-size: 60px;  margin-left: 40%; padding-top: -20px; margin-left: 107px\9;}
.qlxfw_w button {margin-top: 30px; margin-bottom: 30px; margin-left: 107px\9;}
.qlxfw_w a {margin-top: 30px; margin-bottom: 30px; width: 100px;}


.qlx_foot { background: #323232; width: 100%; overflow: hidden;
 color: #b3b5ba; text-align: center; min-width: 1200px;}

.d_xian { border-bottom: 1px solid #e6e6e6; padding-top:5px; }

.field-04 .feature-item .icons {
    height: 100px;
    overflow: hidden;
    position: relative;
}

.field-04 .feature-item .feature-ico.hover {
    color: #ffffff;
}

.field-04 .feature-item .info {
    overflow: hidden;
    position: relative;
}

.feature-item .info .inner {
    width: 688px;
}

.field-04 .feature-item .inner {
    position: relative;
}

.field-04 .feature-item .icons .inner {
    top: -150px;
}

.feature-item .info .inner > div {
    width: 200px;
    float: left;
}

.lbd-index-feature .feature-item {
    width: 200px;
    height: 224px;
    margin-bottom: 46px;
    background-color: #fff;
    color: #2f549f;
    text-align: center;
    float: left;
    border: 1px solid #d1eaef;
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

.feature-item:hover,
.feature-itme:hover .info-secondary {
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.feature-item:hover {
    background-color: #2f549f;
}

.lbd-index-feature .item-middle {
    margin-left: 32px;
    margin-right: 0px;
}

.feature-item .feature-ico {
    display: block;
    margin-top: 46px;
    margin-bottom: 24px;
    font-size: 60px;
}

.feature-item .info-primary {
    color: #2f5490;
    line-height: 30px;
}

.feature-item .info-secondary {
    color: #fff;
    line-height: 30px;
}



.imgs_wks { text-align: center; line-height: 2 }
.fzfl_imgs { width: 60px; float: left; }
.fzfl_list { width: 100px; float: left; margin-left: 10px; line-height: 30px;}
.fzfl_list span { color: #999;}
.fzfl_zl { font-size: 14px; padding-left: 15px; color: #ddd; }
.fzfl_zl a { font-size: 14px; padding-left: 15px; color: #999; }


.layui-nav-tree {
	width: 180px;
}
.layui-bg-hui {
	background-color: #999!important;
}
.layui-bg-hui>dd a{
	color:red;
}

.layui-nav-itemed>.layui-nav-child {
	background-color: #ddd!important;
}
.layui-nav-tree .layui-nav-child a {
	color: #000!important;
}
.layui-nav-tree .layui-nav-item a:hover {
	color: #999!important;
}


.mbx { line-height: 35px; }


.sea_span { padding-right: 20px; padding-top: 5px; padding-bottom: 5px;}
.sea_span_on a { color:red; }
.sea_span_on a:on{ color: red; }


.wks { width: 100%; }
.seaimgs { width: 160px; text-align: center; float: left;
	padding-right: 22px; padding-bottom: 30px;
 }



.imgs img:hover {
    transition: all 0.6s;
    transform: scale(1.1);
}

.brands {
    width: 100%;
    height: 600px;
    background: url('/Public/home/h1.jpg');
    opacity:0.6;
    filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */
}

.brands_wk {
    width: 600px; margin: 0px auto;
    text-align: center;
}
.brands_tit {
    font-size: 36px; color: #fff;
    padding-top: 60px;
    padding-bottom:40px;
}
.brands_txt {
    font-size: 20px; color: #fff;
    line-height: 35px;
}




.dlxwm_wk { width: 440px; margin: 0px auto; padding-top: 20px; }
.dlxwm_wk_img { width: 103px; float: left; }
.dlxwm_wk_txt { width: 300px; float: left; line-height: 24px;  margin-left: 20px;}
.dlxwm_wk_txt1 { font-size: 16px; font-weight: 700; }


.youshi { width: 1140px; }
.youshi_zl { width: 162px; float: left; color: #2f549f; text-align: center;
padding-bottom: 10px; padding-top: 10px; font-weight: 700;  }
.youshi_zl i {  font-size: 32px; }
.youshi_zl:hover{ color:red;}
.layui-field-box { padding-left: 0px; padding-right: 0px; }
.text-carousel {
    height: 350px;
    line-height: 350px;
    text-align: center;
}

.main {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
}



.index-learn {
    margin: 50px 0;
    text-align: center;
    font-weight: 300;
    font-size: 0;
}
.index-learn li:first-child {
    margin-left: 0;
}
.index-learn li {
    width: 32%;
    padding: 30px;
    border: 1px solid #e6e6e6;
    line-height: 24px;
    display: inline-block;
    font-size: 14px;
    margin-left: 2%;
    text-align: left;
    vertical-align: top;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.index-learn .layui-field-title legend {
    margin: 0 20px 20px 0;
    padding: 0 20px;
    text-align: center;
}
.layui-elem-field legend {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 300;
}



.full { width: 100%; overflow: hidden; }
.full_ea {
    background-color: #EAEAEA;
    color:#000;
}
.full_000 {
    background-color: #000;
}
.full_fff {
    background-color: #fff;
}
.foots {
    margin: 0px auto;
    text-align: center;
    line-height: 35px;
}

.foots_txt {
    font-size: 35px; padding: 15px;
}


.hei150 { height: 150px; margin-top: 10px; }
  .plist_left {width: 247px;}
  .plist_right { float: right; text-align: right;}
  .plist_right_div { margin-top: -30px; }
  .plist_right_div a {
    color: #999; }
  .plist_right_div a:hover {
    color: #fff; }
  .plist_right span { 
    border:1px solid #999;
    color: #999;
    padding: 8px;
    margin-left: 20px;
  }

  .plist_left_wk { width: 246px; height: 130px; border: 1px solid #ccc;
  background:url('/Public/img/titbag.png');
   }
   .plist_left_wks { width: 226px; height: 110px; margin-top: 10px; margin-left: 10px; 
    border: 1px solid #000;
    }
   .plist_left_wk_tit1 {
    font-size: 25px; font-weight: 500; text-align: center; border-bottom: 1px solid #000; width: 90%; margin: 0px auto; line-height: 45px; padding-top: 10px;
   }
   .plist_left_wk_tit2 {
     text-align: center; font-size: 16px; font-weight: 100; color:#999;
      width: 90%; margin: 0px auto; padding-top: 10px;
   }


   .pclist_left_wk { margin-top: 30px;}
   .pclist_left { width: 520px; float: left; background-color: #f7f7f7; height: 780px; }
   .pclist_right { width: 520px; float: right; background-color: #f7f7f7; height: 780px; }
   .pclist_left_top div {
    width: 110px; float: left; height: 160px; padding:10px;
   }
   .pclist_left_top_img img { padding-left: 9px; }
   .pclist_left_top_img_div { float: right;}
   .pclist_left_top_img_div div { margin-right:10px; padding-top: 15px; padding-bottom: 15px;}
   .pclist_right_top_img_div { float: left;}
   .pclist_right_top_img_div div { margin-right:10px; padding-top: 15px; padding-bottom: 15px;}
   .pclist_wk { 
        width: 380px;
        height: 590px;
        position: relative;
        overflow: hidden;
        float: left;
    }
   .pclist { 
        overflow: hidden;
        width: 37000px; 
        position: absolute;
        left: 0px; 
    }
    .pclist_txt { width: 380px; height:60px; background-color: #000; z-index: 999; 
    position: absolute; bottom:10px;
  opacity: 0.6; }
    .pclist_txt p{
      text-align: center;
      font-size: 22px;
      line-height: 60px;
      font-weight: 700;
      color: #FFFFFF;
    }

    .huiimg:hover{
      opacity: 0.4;
    }

    


  .mzfz { width: 460px; float: left;background-color: #f7f7f7; height: 465px; margin-top: 20px;}
  .mzfz_left { width: 110px; float: left; }
  .mzfz_left img { width: 100px; padding:8px 10px;}
  .mzfz_right { float: right; margin-right: 30px;}
  .mzfz_right img { margin-top: 10px;}
  .mzfzr_wk { 
        width: 280px;
        height: 465px;
        position: relative;
        overflow: hidden;
        float: left;
    }
   .mzfzr_pclist { 
        overflow: hidden;
        width: 37000px; 
        position: absolute;
        left: 0px; 
    }

  .mzfzr { width: 320px; float: right; margin-top: 20px;
  background-color: #f7f7f7; margin-left: 20px;
        position: relative; }
  .mzfzr img { margin: 8px; }
  .mzfzr_txt { width: 320px; height:40px; background-color: #000; z-index: 999; 
    position: absolute; bottom:10px;
  opacity: 0.6; }
    .mzfzr_txt p{
      text-align: center;
      font-size: 16px;
      line-height: 40px;
      font-weight: 700;
      color: #FFFFFF;
    }
    .mzfzfoot { width: 100%; height: 160px; overflow: hidden; background-color: #f7f7f7;}
    .mzfzfoot div { float: left; padding: 10px 20px; }

.hslf { width: 460px; float: right;background-color: #f7f7f7; height: 465px; margin-top: 20px;}
.hslf_left { width: 110px; float: right; }
.hslf_left img { width: 100px; padding:8px 10px;}
.hslf_right { float: right; margin-right: 30px;}
.hslf_right img { margin-top: 10px;}
.hslfr_wk { 
width: 280px;
height: 465px;
position: relative;
overflow: hidden;
float: left;
}
.hslfr_pclist { 
overflow: hidden;
width: 37000px; 
position: absolute;
left: 0px; 
}
.hslfr { width: 320px; float: left; margin-top: 20px;
background-color: #f7f7f7; margin-left: 20px;
position: relative; }
.hslfr img { margin: 8px; }
.hslfr_txt { width: 320px; height:40px; background-color: #000; z-index: 999; 
position: absolute; bottom:10px;
opacity: 0.6; }
.hslfr_txt p{
text-align: center;
font-size: 16px;
line-height: 40px;
font-weight: 700;
color: #FFFFFF;
}
.hslffoot { width: 100%; height: 160px; overflow: hidden; background-color: #f7f7f7;}
.hslffoot div { float: right;padding: 10px 0px 10px 42px; }





.gdfz { width: 460px; float: right;background-color: #f7f7f7; height: 465px; margin-top: 20px;}
.gdfz_left { width: 110px; float: right; }
.gdfz_left img { width: 100px; padding:8px 10px;}
.gdfz_right { float: right; margin-right: 30px;}
.gdfz_right img { margin-top: 10px;}
.gdfzr_wk { 
width: 280px;
height: 465px;
position: relative;
overflow: hidden;
float: left;
}
.gdfzr_pclist { 
overflow: hidden;
width: 37000px; 
position: absolute;
left: 0px; 
}
.gdfzr { width: 320px; float: left; margin-top: 20px;
background-color: #f7f7f7; margin-left: 20px;
position: relative; }
.gdfzr img { margin: 8px; }
.gdfzr_txt { width: 320px; height:40px; background-color: #000; z-index: 999; 
position: absolute; bottom:10px;
opacity: 0.6; }
.gdfzr_txt p{
text-align: center;
font-size: 16px;
line-height: 40px;
font-weight: 700;
color: #FFFFFF;
}
.gdfzfoot { width: 100%; height: 160px; overflow: hidden; background-color: #f7f7f7;}
.gdfzfoot div { float: right;padding: 10px 0px 10px 42px; }








.wdfz { width: 460px; float: left;background-color: #f7f7f7; height: 465px; margin-top: 20px;}
.wdfz_left { width: 110px; float: left; }
.wdfz_left img { width: 100px; padding:8px 10px;}
.wdfz_right { float: right; margin-right: 30px;}
.wdfz_right img { margin-top: 10px;}
.wdfzr_wk { 
      width: 280px;
      height: 465px;
      position: relative;
      overflow: hidden;
      float: left;
  }
 .wdfzr_pclist { 
      overflow: hidden;
      width: 37000px; 
      position: absolute;
      left: 0px; 
  }

.wdfzr { width: 320px; float: right; margin-top: 20px;
background-color: #f7f7f7; margin-left: 20px;
      position: relative; }
.wdfzr img { margin: 8px; }
.wdfzr_txt { width: 320px; height:40px; background-color: #000; z-index: 999; 
  position: absolute; bottom:10px;
opacity: 0.6; }
.wdfzr_txt p{
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  font-weight: 700;
  color: #FFFFFF;
}
.wdfzfoot { width: 100%; height: 160px; overflow: hidden; background-color: #f7f7f7;}
.wdfzfoot div { float: left; padding: 10px 20px; }





.wtfz { width: 460px; float: left;background-color: #f7f7f7; height: 465px; margin-top: 20px;}
.wtfz_left { width: 110px; float: left; }
.wtfz_left img { width: 100px; padding:8px 10px;}
.wtfz_right { float: right; margin-right: 30px;}
.wtfz_right img { margin-top: 10px;}
.wtfzr_wk { 
width: 280px;
height: 465px;
position: relative;
overflow: hidden;
float: left;
}
.wtfzr_pclist { 
overflow: hidden;
width: 37000px; 
position: absolute;
left: 0px; 
}

.wtfzr { width: 320px; float: right; margin-top: 20px;
background-color: #f7f7f7; margin-left: 20px;
position: relative; }
.wtfzr img { margin: 8px; }
.wtfzr_txt { width: 320px; height:40px; background-color: #000; z-index: 999; 
position: absolute; bottom:10px;
opacity: 0.6; }
.wtfzr_txt p{
text-align: center;
font-size: 16px;
line-height: 40px;
font-weight: 700;
color: #FFFFFF;
}
.wtfzfoot { width: 100%; height: 160px; overflow: hidden; background-color: #f7f7f7;}
.wtfzfoot div { float: left; padding: 10px 20px; }







.spdj { width: 460px; float: right;background-color: #f7f7f7; height: 465px; margin-top: 20px;}
.spdj_left { width: 110px; float: right; }
.spdj_left img { width: 100px; padding:8px 10px;}
.spdj_right { float: right; margin-right: 30px;}
.spdj_right img { margin-top: 10px;}
.spdjr_wk { 
width: 280px;
height: 465px;
position: relative;
overflow: hidden;
float: left;
}
.spdjr_pclist { 
overflow: hidden;
width: 37000px; 
position: absolute;
left: 0px; 
}
.spdjr { width: 320px; float: left; margin-top: 20px;
background-color: #f7f7f7; margin-left: 20px;
position: relative; }
.spdjr img { margin: 8px; }
.spdjr_txt { width: 320px; height:40px; background-color: #000; z-index: 999; 
position: absolute; bottom:10px;
opacity: 0.6; }
.spdjr_txt p{
text-align: center;
font-size: 16px;
line-height: 40px;
font-weight: 700;
color: #FFFFFF;
}
.spdjfoot { width: 100%; height: 160px; overflow: hidden; background-color: #f7f7f7;}
.spdjfoot div { float: right;padding: 10px 0px 10px 42px; }


  .full_454545 { background-color: #454545; }
  .hei360 { height: 300px; }
  .youshi1 { width: 1140px; margin-top: 30px;}
  .youshi1_wk { width: 150px; float: left; border-right: 1px solid #ccc; margin-left: 5px; margin-right: 5px; }
  .youshi1_zl { width: 140px; margin: 0px auto;  color: #95a9b8; text-align: center;
    border-bottom: 1px solid #ccc; padding-bottom: 20px;
    margin-top: 20px;  }
  .youshi2_zl { width: 140px; margin: 0px auto;  color: #95a9b8; text-align: center;
    margin-top: 20px; }
  .youshi1_zl i {  font-size: 70px; color: #FA7662; }
  .youshi2_zl i {  font-size: 70px; color: #FA7662; }



 .iconfonttrans {
  transition: all 0.4s;
}
.iconfonttrans:hover {
  transform: rotateY(180deg);
  -ms-transform:rotateY(180deg); /* IE 9 */
  -moz-transform:rotateY(180deg); /* Firefox */
  -webkit-transform:rotateY(180deg); /* Safari and Chrome */
  -o-transform:rotateY(180deg); /* Opera */
}

.mtitle { width: 100%; text-align: center;
font-size: 38px; font-weight: 500;}
.mtitle_xian { width: 100%; height: 1px; overflow: hidden; margin-top: 5px; margin-bottom: 20px; }
.mtitle_xian div { width:190px;height: 1px; margin: 0px auto; background: #000;  }