@charset "UTF-8";
body {
  width:100%;
  margin:0;
  padding:0;
  min-width:320px;
}


.nx_fl{
  float: left;
}

.nx_fr{
  float: right;
}




.service-nav.pro ul li{
  padding:0 48px 0 48px;
}

.nx_promice{
  display:block;
  overflow:hidden;
  padding:0px 0 95px;
}

.nx_prom_t01{
  width:100%;
  display:block;
  overflow:hidden;
  padding-top:15px;
  margin-bottom:55px;
}

.nx_prom_t01tl{
  width:52.5%;
  float:left;
}

.nx_prom_t01l{
  width:100%;
  display:block;
  color:#485a68;
  margin-bottom:25px;
}
.nx_prom_t01l span{
  display:block;
  height:36px;
}

.nx_prom_t01l b{
  width:60px;
  height:4px;
  background:#5c9ed0;
  display:block;
}

.nx_prom_t01lb{
  width:100%;
  display:block;
  line-height:24px;
  color:#808080;
  font-size:14px;
}

.nx_prom_t01tr{
  width:41.5%;
  float:right;
}

.nx_prom_t01r{
  width:100%;
  display:block;
  position:relative;
}

.nx_prom_t01r .span{
  width:230px;
  height:225px;
  background:#5c9ed0;
  display:block;
  position:absolute;
  top:50px;
  right:0;
}

.nx_prom_t01r .p{
  width:82.5%;
  float:left;
  display:block;
  position:relative;
  z-index:2;
  margin-top:95px;
}
.nx_prom_t01r .p img{
  width:100%;
}

.nx_prom_t02{
  width:100%;
  display:block;
  overflow:hidden;
  margin-bottom:52px;
}

.nx_prom_t02c{
  width:320px;
  height:403px;
  display:block;
  background:url(../img/green_11.png);
  float:left;
  margin-left:27.7%;
}

.nx_prom_t02c dl{
  padding:55px 9.2% 30px;
  color:#fff;
}

.nx_prom_t02c dl dt{
  font-size:20px;
  line-height:25px;
  padding-bottom:16px;
  display:block;
}

.nx_prom_t02c dl dd{
  font-size:14px;
  line-height:26px;
  display:block;
}

.nx_prom_t03{
  width:100%;
  display:block;
  overflow:hidden;
  margin-bottom:50px;
}

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

.nx_prom_t03c dl{
  width:25.1%;
  float:left;
  margin-top:42px;
  display:block;
  padding:0 4.5%;
}

.nx_prom_t03c dl dt{
  width:100%;
  display:block;
  font-size:20px;
  color:#8fb933;
  line-height:25px;
  margin-bottom:15px;
}

.nx_prom_t03c dl dd{
  width:100%;
  display:block;
  font-size:14px;
  color:#666666;
  line-height:24px;
  margin-bottom:15px;
}

.nx_prom_t03cr{
  width:60.5%;
  float:right;
  text-align:right;
}

.nx_prom_t03cr img{
  width:48.7%;
  margin-left:1.2%;
  display:inline-block;
}

.nx_prom_t04{
  width:100%;
  display:block;
  overflow:hidden;
  margin-bottom:62px;
}

.nx_prom_t04c{
  width:38.7%;
  height:405px;
  float: left;
  margin-left:9.5%;
}

.nx_prom_t04c dl{
  padding-top:28%;
  display:block;
  color:#fff;
}

.nx_prom_t04c dl dt{
  width:100%;
  display:block;
  line-height:25px;
  padding-bottom:20px;
  font-size:20px;
}

.nx_prom_t04c dl dd{
  width:100%;
  display:block;
  line-height:26px;
  padding-bottom:20px;
  font-size:14px;
}

.nx_prom_t05{
  width:100%;
  display:block;
  overflow:hidden;
  padding-bottom:100px;
}

.nx_prom_t05c{
  display:block;
}

.nx_prom_t05c .nx_prom_t05cl{
  width:41.8%;
  float:left;
  height:auto;
  background:#eee;
}

.nx_prom_t05c .nx_prom_t05cl .span{
  width:77.2%;
  margin:0 auto;
  position:relative;
  top:30px;
  display:block;
}

.nx_prom_t05c .nx_prom_t05cl .span img{
  width:100%;
  display:block;
}

.nx_prom_t05c dl{
  width:41%;
  float:right;
  margin-right:9%;
}

.nx_prom_t05c dl dt{
  width:100%;
  display:block;
  font-size:20px;
  line-height:25px;
  color:#8fb933;
  margin-bottom:15px;
}

.nx_prom_t05c dl dd{
  width:100%;
  display:block;
  font-size:14px;
  line-height:24px;
  color:#666;
  margin-bottom:15px;
}

.nx_prom_t06{
  width:100%;
  display:block;
  padding-top:35px;
  border-top:1px solid #e5e5e5;
  line-height:30px;
  font-size:14px;
  color:#666;
  text-align:center;
}


.nx_resp_t .p{
  width:100%;
  display:block;
  line-height:24px;
  color:#999;
  font-size:14px;
}

.nx_resp_t .p img{
  max-width:100%;
}

.nx_resp_t .span{
  width:100%;
  display:block;
  line-height:30px;
  color:#666;
  font-size:16px;
}

.nx_resp_tb{
  width:100%;
  display:block;
  padding-top:35px;
  border-top:1px solid #e5e5e5;
  line-height:24px;
  font-size:14px;
  color:#999;
  text-align:left;
}


.nx_action_01{
  width:100%;
  display:block;
  overflow:hidden;
  margin-bottom:62px;
}

.nx_action_01c{
  width:41%;
  height:348px;
  float: left;
  padding:0 4.5%;
  margin-left:0%;
  background:url(../img/green_11.png);
}

.nx_action_01c dl{
  padding-top:13%;
  display:block;
  color:#fff;
}

.nx_action_01c dl dt{
  width:100%;
  display:block;
  line-height:25px;
  padding-bottom:20px;
  font-size:20px;
}

.nx_action_01c dl dd{
  width:100%;
  display:block;
  line-height:26px;
  padding-bottom:0;
  font-size:14px;
}

.nx_action_ne{
  width:100%;
  display:block;
  overflow:hidden;
}

.nx_action_net{
  width:100%;
  display:block;
  font-size:24px;
  color:#8fb832;
  line-height:40px;
  margin-bottom:30px;
}

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

.nx_action_neb ul{
  width:102%;
}

.nx_action_neb ul li{
  width:32.33%;
  float: left;
  margin-left:1%;
  position:relative;
  left:-1%;
}

.nx_action_neb ul li span{
  width:100%;
  display:block;
  position:relative;
  overflow:hidden;
}

.nx_action_neb ul li span img{
  width:100%;
  display:block;
  transform: scale(1,1);
  transition-timing-function: ease-out;
    transition-duration: 500ms;
}

.nx_action_neb ul li:hover span img{
  width:100%;
  display:block;
  transform: scale(1.1,1.1);
  transition-timing-function: ease-out;
  transition-duration: 500ms;
}

.nx_action_neb ul li p{
  width:95%;
  color:#333;
  font-size:14px;
  height:40px;
  line-height:20px;
  padding:10px 2.5% 0;
  margin-bottom:35px;
  display:block;
}

.nx_action_neb ul li:hover p{
  color:#8fb832;
}

.nx_prom_t01tl{
  font-size: 36px;
  line-height: 36px;
  color: #485a68;
  margin-top: 53px;
}

.nx_prom_t01tl b{
    width: 60px;
    height: 4px;
    background: #5c9ed0;
    display: block;
    margin-top: 21px;
}

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

.nx_design_t{
  width:100%;
  display:block;
  padding-top:22px;
  border-top:1px solid #d6d6d6;
  margin-bottom:30px;
}

.nx_design_t dl{
  width:100%;
  display:block;
  min-height:234px;
  margin-bottom:10px;
}

.nx_design_t dl dt{
  width:46.4%;
  display:block;
  min-height:234px;
  float:left;
  margin-left:3.6%;
  color:#fff;
}

.nx_design_t dl dt .span{
  padding-top:8%;
  font-size:20px;
  line-height:25px;
  margin-bottom:15px;
  display:block;
}

.nx_design_t dl dt .p{
  width:100%;
  display:block;
  font-size:14px;
  line-height:22px;
}

.nx_design_t dl dd{
  width:20.5%;
  display:block;
  min-height:234px;
  float:right;
  margin-right:4.5%;
  color:#fff;
  display:table-cell;
}

.nx_design_t dl dd img{
  max-width:100%;
  display:block;
  display: table-cell;
    vertical-align: middle;
}



.nx_design_t dl.sj_01{
  background:url(../img/design_03.jpg) center no-repeat;
}

.nx_design_t dl.sj_02{
  background:url(../img/design_06.jpg) center no-repeat;
}
.nx_design_t dl.sj_03{
  background:url(../img/design_08.jpg) center no-repeat;
}
.nx_design_t dl.sj_04{
  background:url(../img/design_11.jpg) center no-repeat;
}


.nx_design_tc{
  width:100%;
  display:block;
  margin-bottom:30px;
}

.nx_design_tc dl{
  width:92.8%;
  height:auto;
  padding:23px 3%;
  margin:0 auto 12px;
  display:block;
  overflow:hidden;
  background:#eceef0;
  border-radius:5px;
  border:1px solid #e5e4e4;
  box-shadow:5px 5px 5px #e2e1e1;
}

.nx_design_tc dl dt{
  width:100%;
  display:block;
  font-size:18px;
  color:#5c9ed0;
  line-height:25px;
  margin-bottom:5px;
}


.nx_design_tc dl dd{
  width:100%;
  display:block;
  font-size:14px;
  color:#666;
  line-height:22px;
}

.nx_design_b{
  width:100%;
  padding-top:28px;
  border-top:1px solid #d6d6d6;
}

.nx_desogn_bt{
  font-size:18px;
  line-height:20px;
  display:block;
  margin-bottom:15px;
}

.nx_desogn_bb{
  width:100%;
}

.nx_desogn_bb dl{
  width:46%;
  margin-right:4%;
  float:left;
}

.nx_desogn_bb dl dt{
  width:100%;
  display:block;
  color:#8fb933;
  font-size:18px;
  line-height:25px;
  margin-bottom:10px;
}

.nx_desogn_bb dl dd{
  width:100%;
  display:block;
  color:#8fb933;
  font-size:14px;
  line-height:22px;
}



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

.nx_test_t{
  width:100%;
  display:block;
  border-top:1px solid #d6d6d6;
  margin-bottom:30px;
  padding-top:20px;
}

.nx_test_t dl{
  width:100%;
  display:block;
  min-height:230px;
  margin-bottom:10px;
  border-bottom:1px solid #dadee1;
}

.nx_test_t dl dt{
  width:63%;
  display:block;
  min-height:234px;
  float:left;
  margin-left:0;
  color:#333;
}

.nx_test_t dl dt .span{
  padding-top:8%;
  font-size:20px;
  line-height:25px;
  margin-bottom:15px;
  display:block;
  color:#333
}

.nx_test_t dl dt .p{
  width:100%;
  display:block;
  font-size:14px;
  line-height:22px;
  color:#999
}

.nx_test_t dl dd{
  width:30%;
  display:block;
  float:right;
  height:230px;
  margin-right:0;
  color:#fff;
  position:relative;
  top:-25px;
}

.nx_test_t dl dd img{
  width:100%;
  display:block;
  border-left:22px solid #fff;
  position: relative;
  left: -22px;

}

.nx_test_t dl:nth-child(2n) dt{
  float:right;
}

.nx_test_t dl:nth-child(2n) dd{
  float:left;
}

.nx_test_t dl:nth-child(2n) dd img{
  border-left:none;
  border-right:22px solid #fff;
  position: relative;
  left:0;
  right:-22px;
}



.nx_analy_t .p{
  width:100%;
  display:block;
  line-height:30px;
  color:#666;
  font-size:14px;
}

.nx_analysis{
  width:100%;
  display:block;
  margin-top:22px;
}

.nx_analysis_sp{
  width:100%;
  height:42px;
  line-height:42px;
  display:block;
  font-size:16px;
  font-weight:bold;
  color:#666;
  margin-bottom:5px;
}

.nx_analysis_t{
  width:101%;
  display:block;
}

.nx_analysis_t dl{
  width:19%;
  margin-left:1%;
  position:relative;
  left:-1%;
  float: left;
  background:#5c9ed0;
  border-radius:5px;
  display:block;
  padding:55px 0 0;
  text-align:center;
  color:#fff;
}

.nx_analysis_t dl dt{
  width:100%;
  height:auto;
  margin-bottom:22px;
  display:block;
}

.nx_analysis_t dl dd{
  width:82%;
  padding:0 9%;
  height:120px;
  padding-bottom:30px;
}

.nx_analysis_t dl dd .span{
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
  display:block;
}
.nx_analysis_t dl dd .p{
  font-size:14px;
  line-height:25px;
  display:block;
}

.nx_analysis_t dl:nth-child(2n){
  background:#8fb933;
}






















@media (max-width: 960px){
  .nx_prom_t01tl{
    font-size: 30px;
    line-height: 30px;
    margin-top: 30px;
  }
  .nx_prom_t01tl b{
    width: 40px;
    height: 3px;
  }

  .nx_design_t dl dd img {
    margin-top:20%;
    border-radius:20px;
}

.nx_design_t dl dd {
    margin-right:1.5%;
}

.nx_analysis_t dl{
  padding:40px 0 0;
}

.nx_analysis_t dl dd .p {
  font-size:14px;
  line-height:20px;
  display:block;
}





}


@media (max-width:750px){
  .nx_design_t dl.sj_01,.nx_design_t dl.sj_02,.nx_design_t dl.sj_03,.nx_design_t dl.sj_04{
      background-position-x:0!important;
  }

  .nx_design_t dl.sj_01{
    background:#5c9ed0;
  }
  .nx_design_t dl.sj_02{
    background:#485a68;
  }

  .nx_design_t dl.sj_03{
    background:#8fb832;
  }

  .nx_design_t dl.sj_04{
    background:#5a8bb0;
  }

  .nx_design_t dl dt{
    width:61%;
  }

.nx_design_t dl dt .p{
  line-height:20px;
}


.nx_design_t dl dd {
    margin-right:4.5%;
}

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

.nx_analysis_t dl {
    width: 100%;
    margin-left: 0%;
    left:0%;
    padding:40px 0 0;
    margin-bottom:15px;
}

.nx_analysis_t dl dd {
    width: 82%;
    padding: 0 9%;
    height:auto;
    padding-bottom:40px;
}


}




@media (max-width:640px){
  .nx_prom_t01tl{
    width:100%;
  }

  .nx_prom_t01tr{
    width:100%;
  }

  .nx_prom_t01r .span{
    display:none;
  }

  .nx_prom_t01r .p {
    width:100%;
    margin-top:35px;
}

.nx_prom_t02c{
  height:auto;
    float:none;
    margin:0 auto;
}

.nx_prom_t02c dl{
  padding:10% 9.2%;
}

.nx_prom_t01{
  margin-bottom:20px;
}

.nx_prom_t03c dl{
  width:100%;
  margin-top:10px;
  padding:0;
}

.nx_prom_t02 {
    margin-bottom:22px;
}

.nx_prom_t03cr{
  width:100%;
}

.nx_prom_t03{
  margin-bottom:20px;
}

.nx_prom_t04c {
    width:80.7%;
    height:auto;
    float:left;
    margin-left:9.5%;
}

.nx_prom_t04c dl {
    padding:10% 0;
}

.nx_prom_t05c dl{
  width:100%;
  margin:0;
  float:left;
}

.nx_prom_t05c .nx_prom_t05cl{
  width:100%;
  float:right;
}

.nx_prom_t04 {
    margin-bottom:32px;
}

.nx_action_neb ul li{
  width:49%;
}

.nx_action_neb ul li p{
  margin-bottom:15px;
}

.nx_action_neb ul li:hover p{
  color:#333;
}

.nx_action_neb ul li:hover span img{
  transform: scale(1,1);
  transition-timing-function: ease-out;
  transition-duration:500ms;
}

.nx_action_01c{
  width:91%;
}

.nx_action_01c dl dt{
  font-size:16px;
}

.nx_action_01{
  margin-bottom:22px;
}

.nx_resp_tb{
  padding-top:15px;
}

.nx_promice{
  padding-bottom:35px;
}

.nx_prom_t06{
  padding-top:15px;
  line-height: 24px;
}

.nx_prom_t05{
  padding-bottom:60px;
}

.nx_design_t dl dt {
    width: 92.4%;
    min-height:auto;
    padding-bottom:20px;
}

.nx_design_t dl{
    overflow:hidden;
}

.nx_design_t dl dd{
  width:91%;
  min-height:auto;
  padding-bottom:20px;
}

.nx_design_t dl dd img {
    margin-top:0%;
    border-radius:20px;
    max-height:150px;
}

.nx_design_t dl{
  min-height:auto;
}

.nx_test_t dl {
    width: 100%;
    display: block;
    min-height:auto;
    margin-bottom:0;
    border-bottom: 1px solid #dadee1;
    overflow:hidden;
    padding:10px 0;
}

.nx_test_t dl dt{
  min-height:auto;
  width:100%;
  margin-bottom:15px;
}

.nx_test_t dl dd{
  width:100%;
  display:block;
  height:auto;
  position: relative;
  top:0;
}

.nx_test_t dl dt .span{
  padding-top:10px;
}

.nx_promice {
    padding: 0px 0 45px;
}



}



@media (max-width: 440px){
  .nx_prom_t01tl{
    font-size: 24px;
    line-height: 24px;
    margin-top: 20px;
  }
  .nx_prom_t01tl b{
    width: 40px;
    height: 3px;
    margin-top:0;
  }



}