@charset "utf-8";
#main-contents{width: 100%; overflow: hidden;}
.ff-en{font-family: 'Red Hat Display', sans-serif !important; font-weight: 300;}
.mt_1{margin-top: 50px;}
.main-page{background-color: #f2f2f2; padding-top: 115px; padding-bottom: 115px; position: relative; z-index: 2;}

.blurEffect {filter: blur(1px);-webkit-filter: blur(1px);}

@media screen and (max-width: 1480px){
  .main-page{padding-top: 70px; padding-bottom: 70px;}
}
@media screen and (max-width: 840px){
 .main-page{padding-top: 12vw; padding-bottom: 12vw;} 
}

.h1_main{text-align: center; font-weight: 800; font-size: 60px; line-height: 1.2; margin-bottom: 60px;}
@media screen and (max-width: 840px){
  .h1_main{font-size: 9vw; margin: 0 0 8vw; }
}

.btn_main2{ padding: 20px 40px; font-size: 20px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; border-radius: 0 0 0 0; border: 1px solid #8a8a8a; color: #222; -webkit-transition: all 100ms ease-in; -moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; }
.btn_main2 i{margin-left: 10px;}
@media (hover: hover) {
  .btn_main2:hover{background-color: #8a8a8a; color: #fff;}    
}

@media screen and (max-width: 840px){
  .btn_main2{padding: 4vw 8vw;font-size: 4vw;}
  .btn_main2 i{margin-left: 4vw;}
}

.btn_main2:hover{background-color: #8a8a8a; color: #fff;}

.wrap_news_main{width: 1400px;margin: 0 auto; display: flex;margin-top: 45px;justify-content: space-between;}
.wrap_news_main .swiper-container{}
.wrap_news_main .item{width: 335px;margin-left: 0;font-size: 0;}

.wrap_news_main .item:first-child{margin-left: 0;}

@media screen and (max-width: 1480px){
  .wrap_news_main{width: auto;margin: 0 10vw 5vw;}
}

@media screen and (max-width: 840px){
  .wrap_news_main{ margin: 0; }
  .wrap_news_main .swiper-container{ padding:0 10vw 5vw;  }
}


.grays_1 { filter: grayscale(100%);opacity: 0.1;}
.re_banner{width: 100%;/* overflow: hidden; */background-color: #fff;position: relative;}
.re_banner .inner{margin: 0 auto 0 110px;position: relative;}
.re_banner .inner > .txt{position:absolute;left:0;top:0;width: 420px;border-top: 2px #000 solid;padding-top: 40px;}
.re_banner .inner > .txt .h_1{ font-size: 35px; color: #222; font-weight: 800; }
.re_banner .inner > .txt .t_1{color: #7a7979;margin-top: 30px;max-width: 370px;}
.re_banner .inner > .cont{ margin-left:520px; overflow: hidden;}
.re_banner .tab{

    margin-top: 49px;
	
}
.re_banner .tab a{
	
   
    background: transparent;
    color: #000;
	float:left;
	width:120px;
    padding: 9px 35px;
    margin-right: 10px;
    font-size:20px;
    font-weight: 600;
    min-width: 22px;
    text-align: center;
    justify-content: center;
    -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.re_banner .tab a.active{
    background: #000;
    color: #fff;
}
.re_banner .bg1{
  position: absolute;left: 330px;top: -70px;z-index: 0;
    -webkit-animation: rotate-in-center 12s linear infinite backwards;
            animation: rotate-in-center 12s linear infinite backwards;
            -webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;

}
.re_banner .bg2{
  position: absolute;left: 940px;top: 210px;z-index: 0;
  -webkit-animation: rotate-in-center 16s linear infinite backwards;
            animation: rotate-in-center 16s linear infinite backwards;
            -webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;

}
.re_banner .bg1 img,
.re_banner .bg2 img{ max-width:none;}

.banner_main1_1{display: flex; width: 3300px; align-items:flex-start;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;

}
.banner_main1_1 > *{margin-left: 110px;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -ms-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
  position: relative;
  font-size: 0;
}
.banner_main1_1 > *:first-child{margin-left: 0;}

.re_banner .active_2 .bg1{top: 0px; }
.re_banner .active_3 .bg1{top: -30px;}

.re_banner .active_2 .bg2{top: 170px;}
.re_banner .active_3 .bg2{top: 220px;}

.active_1 .banner_main1_1 > .n2,
.active_1 .banner_main1_1 > .n3{margin-top: 0px;}
.active_2 .banner_main1_1 > .n1,
.active_2 .banner_main1_1 > .n3{margin-top: 0px;}
.active_3 .banner_main1_1 > .n1,
.active_3 .banner_main1_1 > .n2{margin-top: 0px;}
.active_2 .banner_main1_1{ margin-left: -855px; }
.active_3 .banner_main1_1{ margin-left: -1750px;}
.active_4 .banner_main1_1{ margin-left: -2560px; }
@media screen and (max-width: 840px){

  .re_banner .inner{margin: 0;position: relative;}
  .re_banner .inner > .txt{position: relative;left: 10vw;top:0;width: auto;padding-top: 5vw;width: 80vw;}
  .re_banner .inner > .txt .h_1{font-size: 7vw;}
  .re_banner .inner > .txt .t_1{color: #7a7979;margin-top: 4vw;max-width: none;font-size: 4vw;}
  .re_banner .inner > .cont{float:left;width:100%; margin-left: 0;/* overflow: hidden; */margin: 10vw 0;}
  .re_banner .tab{
		
   
      margin-top: 7vw;

  }
  .re_banner .tab a{
  	  float:left;
      padding: 2vw 2vw;
      margin-right: 2vw;
      font-size:4vw;
      min-width: 10vw;
  }
  
  .re_banner .bg1 img{width: 80vw;height: auto;}
  .re_banner .bg2 img{width: 95vw;height: auto;}

  .banner_main1_1{display: flex; width:1300vw;}
  .banner_main1_1 > *{width: 100vw;margin: 0;box-sizing: border-box;padding: 0 5vw;}
  .banner_main1_1 > *:first-child{margin-left: 0;}

  .re_banner .active_1 .bg1,
  .re_banner .active_2 .bg1,
  .re_banner .active_3 .bg1{top: 55vw;left: -29vw;}

  .re_banner .active_1 .bg2,
  .re_banner .active_2 .bg2,
  .re_banner .active_3 .bg2{top: 125vw;left: 51vw;z-index: 0;}

  .active_1 .banner_main1_1 img{ max-width:100%;}
  .active_1 .banner_main1_1 > .n2,
  .active_1 .banner_main1_1 > .n3{margin-top: 0;}
  .active_2 .banner_main1_1 > .n1,
  .active_2 .banner_main1_1 > .n3{margin-top: 0;}
  .active_3 .banner_main1_1 > .n1,
  .active_3 .banner_main1_1 > .n2{margin-top: 0;}

  .active_2 .banner_main1_1{ margin-left: -100vw; }
  .active_3 .banner_main1_1{ margin-left: -200vw;}
  .active_4 .banner_main1_1{ margin-left: -300vw;}


}



.banner_main1_1 .bx_txt{position: absolute;right: 0;bottom: 0;background:#003c83;width: 430px;min-height: 330px;box-sizing: border-box;padding: 50px 45px 35px;}
.banner_main1_1 .bx_txt .h_1{font-size: 40px;line-height:45px;font-weight: 600;color: #ffffff;}
.banner_main1_1 .bx_txt .t_1{font-size:16px;color: #fff;line-height: 1.7; margin-top: 15px;}
.banner_main1_1 .bx_txt .more{ margin-top: 53px; }
.banner_main1_1 .bx_txt .more a{font-size: 18px;color: #fff;}
.banner_main1_1 .bx_txt .btn_more{position: absolute;right: 0;bottom: 0;width: 92px;height: 92px;background: #000000;display: flex;justify-content: center;align-items: center;font-size: 28px;color: #fff; -webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in;}
.banner_main1_1 .bx_txt .btn_more i{-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
@media (hover: hover) {
  .banner_main1_1 .bx_txt .more a:hover{ opacity: 0.7;  }
  .banner_main1_1 .bx_txt .btn_more:hover{background-color: #1699d0;}
}

@media screen and (max-width: 840px){
  .banner_main1_1 .bx_txt{position: relative;right: 0;bottom: 0;background:#003c83;width:90vw;min-height: 79vw;box-sizing: border-box;padding: 10vw 5vw;margin-top: -10vw;margin-left: 0vw;}
  .banner_main1_1 .bx_txt .h_1{font-size: 7vw;}
  .banner_main1_1 .bx_txt .t_1{font-size: 4vw;margin-top: 2vw;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical;}
  .banner_main1_1 .bx_txt .more{ margin-top: 16.4vw; }
  .banner_main1_1 .bx_txt .more a{font-size: 4vw;color: #fff;}
  .banner_main1_1 .bx_txt .btn_more{ width: 23vw; height: 23vw; font-size: 7vw; }
  
}






.step_main1{ z-index: 3; position: relative; padding-top: 190px; padding-bottom:0px; overflow: hidden; }
.step_main1 .inr-c{z-index: 10; position: relative;}
.step_main1 .h_1{ font-size: 65px; font-weight: 800; line-height: 1.2; color: #fff;}
.h_2{  text-align:center;font-size: 45px;font-weight: 800;line-height: 1.2;color: #fff;}


@media screen and (max-width: 840px){
  .step_main1{z-index: 3;position: relative;padding-top: 14vw;padding-bottom: 0;overflow: hidden;}
  .step_main1 .bg-pos{ width:140vw; }
  .step_main1 .inr-c{z-index: 10; position: relative;}
  .step_main1 .h_1{ font-size: 9vw;}
.h_2{ font-size: 6vw;}


}

@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}





.wrap-spot-main {
  background-color: #fff;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.wrap-spot-main .item{width: 100%; height: 100vh; position: relative;}

.wrap-spot-main .item .bg {
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  z-index: 0;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 10000ms ease-in-out;
  -moz-transition: all 10000ms ease-in-out;
  -ms-transition: all 10000ms ease-in-out;
  -o-transition: all 10000ms ease-in-out;
  transition: all 10000ms ease-in-out;
}
.wrap-spot-main .item.swiper-slide-active .bg{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.wrap-spot-main .item .vam {
  position: relative;
  width: 100%; height: 100vh;
  display: flex; align-items: center; justify-content: center;
}
.wrap-spot-main .item .vam > .inner{
  vertical-align: middle;
  display: inline-block;
  margin-top: 5%;
  width:60%;
}
.wrap-spot-main .item .vam:after{
  width: 0; height: 100%; content:""; display: inline-block; vertical-align: middle; font-size: 0; line-height: 0; visibility: hidden;
}
.wrap-spot-main .item .h1 {
  font-size: 54px;
  color: #fff;
  line-height: 1.27;
  font-weight: 700;
  text-align: center;
}
.wrap-spot-main .item .t1 {
  color: #fff;
  font-size: 23px;
  line-height: 1.5333;
  margin-top: 40px;
  font-weight: 400;
  text-align: center;
}
.wrap-spot-main .item .btns{text-align:center;margin-top: 70px;}
.wrap-spot-main .item .btns a .ff-en,
.wrap-spot-main .item .btns a{color:#fff;border-color:#fff;font-size:20px;font-weight: 600;opacity: 1;}
.wrap-spot-main .item .btns a{ min-width:200px;}
.wrap-spot-main .item .btns a:hover{background:#fff; color:#222;}
.wrap-spot-main .item .btns a:hover .ff-en{color:#222;}

/*.wrap-spot-main .controller{width: 780px; padding: 22px; position: absolute; left: 0; bottom: 0; background-color: #101f4a; z-index: 5; color: #fff; text-align: center;  box-sizing: border-box;}*/

/*.wrap-spot-main .controller .pageing{display: inline-block; position: relative; }*/
.wrap-spot-main .controller .pageing *{display: inline-block; vertical-align: middle;}

.wrap-spot-main .controller .pageing .prev,
.wrap-spot-main .controller .pageing .next,
.wrap-spot-main .controller .pageing .num{display: inline-block;}

.wrap-spot-main .controller .pageing .prev,
.wrap-spot-main .controller .pageing .next{width: 51px;height: 98px;display: inline-block;overflow: hidden;text-align: left;text-indent:-9999px;background: url(../../common/img/arr_rgh.png) no-repeat transparent;vertical-align: middle;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;top: calc(50vh - 45px);z-index: 10; opacity: 0.5;}
.wrap-spot-main .controller .pageing .prev{background-image: url(../../common/img/arr_lft.png); }

.wrap-spot-main .controller .pageing .next:hover,
.wrap-spot-main .controller .pageing .prev:hover{ opacity: 1;}

.wrap-spot-main .controller .pageing .prev{margin-right: 34px; left: 70px;}
.wrap-spot-main .controller .pageing .next{margin-left: 34px; right: 70px;}


.wrap-spot-main .controller .pageing .num *{display: inline-block; vertical-align: bottom; margin: 0 0;}
.wrap-spot-main .controller .pageing .num{font-size: 1.875em;}
.wrap-spot-main .controller .pageing .num .c{font-size: 1.3333em;}
.wrap-spot-main .controller .pageing .num .t{font-weight: 700; margin-left: 5px;}

.wrap-spot-main .controller .scrolldown{position: absolute;left: calc(50% - 45px);bottom:40px;font-size: 13px;font-weight: 400;z-index: 10;font-size: 0;
   -webkit-animation: updonwFn 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)  infinite alternate-reverse ;
    animation: updonwFn 1s cubic-bezier(0.390, 0.575, 0.565, 1.000)  infinite alternate-reverse ;
}


@-webkit-keyframes updonwFn {
  0% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -o-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
}
@keyframes updonwFn {
   0% {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -o-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
}

@media screen and (max-width: 1480px){
  .wrap-spot-main .item .vam > .inner{ margin-top: 0; }
  .wrap-spot-main .item .h1{ font-size: 44px; }
  .wrap-spot-main .controller .pageing .prev, .wrap-spot-main .controller .pageing .next{width: 40px;background-size: 100%;}
}

@media screen and (max-width: 840px){
  .wrap-spot-main .item,
  .wrap-spot-main .item .vam,
  .wrap-spot-main{ min-height: 170vw; }
  .wrap-spot-main .item .vam > .inner{ margin-top: -17vw; width: 100%; }
  .wrap-spot-main .item .h1 { font-size: 6.2vw; line-height: 1.3; }
  .wrap-spot-main .item .t1 { font-size: 5.2vw; margin-top: 10vw; }
  .wrap-spot-main .item .btns{text-align:center;margin-top: 15vw;}
  .wrap-spot-main .item .btns a .ff-en,
  .wrap-spot-main .item .btns a{color:#fff;border-color:#fff;font-size:4vw;font-weight: 600;opacity: 1;}
  .wrap-spot-main .item .btns a{ min-width:40vw;}
  .wrap-spot-main .controller .pageing *{display: inline-block; vertical-align: middle;}
  .wrap-spot-main .controller .pageing .prev,
  .wrap-spot-main .controller .pageing .next,
  .wrap-spot-main .controller .pageing .num{display: none;}
  .wrap-spot-main .controller .scrolldown{position: absolute; left: calc(50% - 10vw); font-size: 0; }  
  .wrap-spot-main .controller .scrolldown img{ width:20vw; height:auto;}


  @-webkit-keyframes updonwFn {
    0% {
      -moz-transform: translateY(0);
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -moz-transform: translateY(9vw);
      -webkit-transform: translateY(9vw);
      -o-transform: translateY(9vw);
      -ms-transform: translateY(9vw);
      transform: translateY(9vw);
    }
  }
  @keyframes updonwFn {
     0% {
      -moz-transform: translateY(0);
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -moz-transform: translateY(9vw);
      -webkit-transform: translateY(9vw);
      -o-transform: translateY(9vw);
      -ms-transform: translateY(9vw);
      transform: translateY(9vw);
    }
  }

}


.wrap_card_type1{  overflow: hidden; cursor:pointer;}


@media screen and (max-width: 840px){
  .wrap_card_type1{ }
  .wrap_card_type1 > .cont{ min-height: 55vw; padding: 8vw 7vw;}
  .wrap_card_type1 .cate{ font-size: 3.6vw;}
  .wrap_card_type1 .h_1{ font-size: 4.6vw; margin-top: 4vw; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; height: 12vw; }
  .wrap_card_type1 .date{ font-size: 3.6vw; margin-top: 12vw; }
}


.banner_main_bot{height:900px;position: relative;color: #fff;display: flex;align-items: center;width: 100%;overflow: hidden;}
.banner_main_bot > .inr-c{ position:relative; min-width:1400px; }
.banner_main_bot .cate{font-size: 20px;line-height: 1.2;display:flex;align-items: center; }

.banner_main_bot .h_1{ margin-top: 23px; font-size: 46px; line-height: 1.413; font-weight: 800; }
.banner_main_bot .btns{margin-top: 64px;}
.banner_main_bot .btn_main2{ border-color:#fff; color:#fff;}

@media screen and (max-width: 840px){
  .banner_main_bot{height: auto; display: block; padding:20vw 0;}
  .banner_main_bot .bg-pos{background-position: 59% 0;}
  .banner_main_bot > .inr-c{ min-width:auto; }
  .banner_main_bot .cate{font-size: 4.2vw; }

  .banner_main_bot .h_1{ margin-top: 5vw; font-size: 5vw; }
  .banner_main_bot .btns{margin-top: 15vw;}
  .banner_main_bot .btn_main2{ border-color:#fff; color:#fff;}

}





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

.section_2 {float:left;width:100%;position:relative;}
.section_2 .circle1,.circle2,.circle3,.circle4,.circle5 img{width:200px;}
.section_2 .circle1{z-index:1; position:absolute;margin-top:140px;margin-left:620px;}
.section_2 .circle2{z-index:1; position:absolute;margin-top:190px;margin-left:980px;}
.section_2 .circle3{z-index:1; position:absolute;margin-top:590px;margin-left:800px;}
.section_2 .circle4{z-index:1; position:absolute;margin-top:420px;margin-left:480px;}
.section_2 .circle5{z-index:1; position:absolute;margin-top:490px;margin-left:1020px;}
.section_2 .element{z-index:0; width:100%;position:absolute;margin-top:280px;}
.section_2 .element .wrap{float:left;width:100%;margin:0 auto;}
.section_2 .element .wrap .l1{width:33%;float:left;text-align:left;}
.section_2 .element .wrap .c1{width:33%;float:left;text-align:center;}
.section_2 .element .wrap .c1 img{width:320px;}
.section_2 .element .wrap .r1{width:33%;float:left;text-align:right;}
.section_2 .elebg {z-index:-1; height:900px;position:relative; }
#canvas{position:absolute;display:block;top:0;left:0;z-index:-1;}
.c1,.circle1,.circle2,.circle3,.circle4,.circle5 {-webkit-animation: c1-move 1s ease-in-out infinite;}
@-webkit-keyframes c1-move {  50% {-webkit-transform: rotate(-1.5deg);}
}
}@media screen and (max-width: 840px){

.section_2 {display:none;float:left;width:100%;position:relative;}
.section_2 .circle1,.circle2,.circle3,.circle4,.circle5 img{width:200px;}
.section_2 .circle1{z-index:1; position:absolute;margin-top:140px;margin-left:620px;}
.section_2 .circle2{z-index:1; position:absolute;margin-top:190px;margin-left:980px;}
.section_2 .circle3{z-index:1; position:absolute;margin-top:590px;margin-left:800px;}
.section_2 .circle4{z-index:1; position:absolute;margin-top:420px;margin-left:480px;}
.section_2 .circle5{z-index:1; position:absolute;margin-top:490px;margin-left:1020px;}

.section_2 .element{z-index:0; width:100%;position:absolute;margin-top:280px;}
.section_2 .element .wrap{float:left;width:100%;margin:0 auto;}
.section_2 .element .wrap .l1{width:33%;float:left;text-align:left;}
.section_2 .element .wrap .c1{width:33%;float:left;text-align:center;}
.section_2 .element .wrap .c1 img{width:320px;}
.section_2 .element .wrap .r1{width:33%;float:left;text-align:right;}
.section_2 .elebg {z-index:-1; height:900px;position:relative; }
#canvas{position:absolute;display:block;top:0;left:0;z-index:-1;}
.c1,.circle1,.circle2,.circle3,.circle4,.circle5 {-webkit-animation: c1-move 1s ease-in-out infinite;}
@-webkit-keyframes c1-move {  50% {-webkit-transform: rotate(-1.5deg);}
}
}


@media screen and (min-width: 840px){
.main_not {width:1400px;display: flex; align-items: flex-start;margin:0 auto; padding:60px 0 60px ;}
.main_not .nbox1{float:left;width:45%;padding-right:10%;}
.main_not .nbox1 div:nth-child(1){float:left;width:500px;height:40px;overflow:hidden;color:#000;text-align:left;font-size:22px;font-weight:500;}
.main_not .nbox1 div:nth-child(2){float:right;color:#9d9d9d;text-align:right;font-size:22px;}
.main_not .nbox2{float:left;width:45%;}
.main_not .nbox2 div:nth-child(1){float:left;color:#000;text-align:left;font-size:22px;font-weight:500;}
.main_not .nbox2 div:nth-child(2){float:right;color:#9d9d9d;text-align:right;font-size:22px;}


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

.main_not {width:100%;margin:0 auto; padding:40px 0 110px ;}
.main_not .nbox1{float:left;width:100%;height:50px;}
.main_not .nbox1 div:nth-child(1){width:70%;color:#000;overflow:hidden;height:30px;font-size:18px; float:left;text-align:left;font-weight:500;}
.main_not .nbox1 div:nth-child(2){width:30%;color:#9d9d9d;height:30px;font-size:18px;float:right;text-align:right;}

.main_not .nbox2{float:left;width:100%;height:50px;}
.main_not .nbox2 div:nth-child(1){width:70%;color:#000;overflow:hidden;height:30px;font-size:18px; float:left;text-align:left;font-weight:500;}
.main_not .nbox2 div:nth-child(2){width:30%;color:#9d9d9d;height:30px;font-size:18px;float:right;text-align:right;}


}