@font-face {
  font-family: Barlow;
  src: url("font/Barlow-Regular.ttf") format("truetype");  
  font-weight: normal;
}

@font-face {
  font-family: Barlow;
  src: url("font/Barlow-Bold.ttf") format("truetype");  
  font-weight: bold;
}
@font-face {
  font-family: 'Alibaba';
  src: url('font/AlibabaPuHuiTi-3-55-Regular-lite.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'AlibabaLight';
  src: url('font/AlibabaPuHuiTi-3-45-Light-lite.ttf');
  font-weight: 300;
  font-style: normal;
}




@font-face {
  font-family: 'AlibabaBold';
  src: url('font/AlibabaPuHuiTi-3-75-SemiBold-lite.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'AlibabaBlack';
  src: url('font/AlibabaPuHuiTi-3-115-Black-lite.ttf');
  font-weight: 900;
  font-style: normal;
}


/*
@font-face {
  font-family: 'Alibaba';
  src: url('font/AlibabaPuHuiTi-3-55-Regular-lite.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'AlibabaLight';
  src: url('font/AlibabaPuHuiTi-3-45-Light-lite.ttf');
  font-weight: 300;
  font-style: normal;
}




@font-face {
  font-family: 'AlibabaBold';
  src: url('font/AlibabaPuHuiTi-3-75-SemiBold-lite.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'AlibabaBlack';
  src: url('font/AlibabaPuHuiTi-3-115-Black-lite.ttf');
  font-weight: 900;
  font-style: normal;
}
*/

* {
	
  font-family:  'Alibaba',"Noto Sans SC","Barlow", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
html {
  scroll-behavior: smooth;
}
body{margin:0 auto; padding:88px 0 0 0; min-height:100vh; width:100vw; overflow-x:hidden; position: relative; scroll-behavior: smooth;
font-family:  'Alibaba',"Noto Sans SC","Barlow", sans-serif !important;
font-optical-sizing: auto;
font-style: normal;
}

#side_menu{
position: fixed; width:100%; z-index:500;
display:flex; height:auto; bottom:20%; right:0; width:40px;
justify-content:center; flex-wrap:wrap;
align-items:center; 
}
#side_menu a{ display:inline-block; margin:0 0 2px 0; cursor:pointer;}

#footer_ul a,
.top3btn  img,
#side_menu a{    transition: all .3s ease-in-out;}
#footer_ul a:hover,
.top3btn:hover img, 
#side_menu a:hover{opacity:0.7}
#logo{ width:156px; padding:20px 0 0 20px; margin:5px 0 0 5px;}
#header_cnt{ position: fixed; width:100%; z-index:500;
display:flex; height:88px; top:0; left:0;
justify-content:space-between;
align-items:flex-start;
background:#fff url(header_bg.png) repeat-y 100% 0;
}
.section_cnt{width:100%;   overflow:hidden; position: relative; 
  page-break-after: always;}

#section_banner{display:flex; 
justify-content:center;
align-items:flex-start; margin:0 0 60px 0;}
.my_contatiner{ width:100%;margin:0 auto; max-width:1440px; min-height:calc(100vh - 100px); overflow: visible; position: relative;
border:0px solid #f00; padding-left:120px;}

#side_sg.img-fluid{ width:100% !important; max-width:350px !important;}

#box1{width:55%;    position: absolute;
top:-5%; left:3%;  display:inline-block; z-index:4;
opacity:0;
  animation-name: box1_ani;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  }

@keyframes box1_ani {
  0%   {top:35%; left:-15%; opacity:0;}
  100% {top:-5%; left:13%; opacity:1;}
}


#box2{width:60%;     position: absolute;
top:-5%; right:0;  display:inline-block; z-index:2;

  animation-name: box2_ani;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  }

@keyframes box2_ani {
  0%   {top:-35%; right:-35%; opacity:0;}
  100% {top:-5%; right:-10%; opacity:1;}
}



.top_h1{ width:30%; margin:14% 0 3% 10%; position: relative;z-index:11;
 opacity:0;
  animation-name: top_h1_ani;
  animation-duration: 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  }

@keyframes top_h1_ani {
  0%   {  opacity:0;}
  100% {  opacity:1;}
}

.top3btn img{ margin:0 0 0 40px; width:24px;}
.top3btn_cnt{ display:block;  width:30%; transform:translate(30%,0);    position: relative; z-index:21;}
.top3btn{ display:flex; 
justify-content:center;
align-items:center;  opacity:0;
display:inline-block; text-decoration:none;   font-size:24px; color:#006b96 ; width:100%; text-align:right; }


.top3btn.t1{margin:0  0 40px -90px;}
.top3btn.t2{margin:0  0 40px -60px;}
.top3btn.t3{margin:0  0 40px -30px;}
.top3btn.t4{margin:0  0 40px 0px;}
/*

.top3btn_cnt{ display:flex; flex-wrap:wrap; width:60%; transform:translate(-42%,0); position: relative; z-index:21;}
.top3btn{ display:inline-block; width:100%;opacity:0; }
*/
 
.top3btn.t1{
  animation-name: tbtn_t1_ani;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;}
@keyframes tbtn_t1_ani {
  0%   {opacity:0; transform:translate(-60%,0);}
  100% {opacity:1;  transform:translate(0%,0);}
}


.top3btn.t2{
  animation-name: tbtn_t2_ani;
  animation-duration: 1s;
  animation-delay: 2.5s;
  animation-fill-mode: forwards;}
@keyframes tbtn_t2_ani {
  0%   {opacity:0; transform:translate(-60%,0);}
  100% {opacity:1;  transform:translate(0%,0);}
}


.top3btn.t3{
  animation-name: tbtn_t3_ani;
  animation-duration: 1s;
  animation-delay: 3s;
  animation-fill-mode: forwards;}
@keyframes tbtn_t3_ani {
  0%   {opacity:0; transform:translate(-60%,0);}
  100% {opacity:1;  transform:translate(0%,0);}
}

 

.top3btn.t4{
  animation-name: tbtn_t3_ani;
  animation-duration: 1s;
  animation-delay: 3.5s;
  animation-fill-mode: forwards;}
@keyframes tbtn_t3_ani {
  0%   {opacity:0; transform:translate(-60%,0);}
  100% {opacity:1;  transform:translate(0%,0);}
}


#section_s1{ margin-bottom:120px;}
#section_s1.section_cnt{padding:40px 0 40px 0 ;display:flex; 
justify-content:center;
align-items:flex-start;  overflow-y: visible;; }


#section_s2{ margin-bottom:120px;}
#section_s2.section_cnt{padding:40px 0 40px 0 ;display:flex; 
justify-content:center;
align-items:flex-start;  overflow-x:visible !important;overflow-y: visible !important; }

#section_s3{ margin-bottom:40px;}
#section_s3.section_cnt{padding:40px 0 40px 0; display:flex; 
justify-content:center;
align-items:flex-start;  overflow-y: visible;; }

#section_s4{ margin-bottom:40px;}
#section_s4.section_cnt{padding:40px 0 40px 0; display:flex; 
justify-content:center;
align-items:flex-start;  overflow-y: visible;; }



.my_contatiner2{ width:100%;margin:0 auto; max-width:1440px; min-height:110px; overflow: visible; position: relative;
 padding:0;  z-index:11;border:0px solid #f00; padding:0 124px 0 124px; }
 
 .rkbox{ z-index:44;  transform:rotate(-45deg); width:200px; height:200px; position: absolute; left:-100px; top:40px; display:block;
}
 .rkbox_cnt{width:200px; height:200px; position:relative;   justify-content:center; display:flex; }
 .rkbox .bb{height:200px;width:18px; background:0; display:inline-block; border-left:1px solid #f00;}
  .rkbox.rk1 .bb{ border-color:#006b96;}
  .rkbox.rk2 .bb{ border-color:#006b96;}
  .rkbox.rk3 .bb{ border-color:#006b96;}
  
  .s1_msg_cnt{ overflow:visible;
background-size:cover;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative; z-index:11;
background-image:url(s1_bg.jpg); 
border-bottom:2px solid #006b96;
  }
  
  .msg_cnt_btn{ padding:10px 15px 12px 20px;   display:inline-flex; flex-wrap:nowrap; justify-content:center; align-items:center;
  align-content:center; color:#fff; text-decoration:none; font-size:20px; line-height:20px; font-weight:bold;
  transform:translate(0%,50%);
     font-family:'AlibabaBlack',"Noto Sans SC","Barlow", sans-serif; 
letter-spacing:3px;
   
 }
  .msg_cnt_btn img{ width:21px; margin:0 0 0 15px;}
  .msg_cnt_btn.bn{   background-image: linear-gradient(to right, #135a7e, #7f8ba3 );  }
  .msg_cnt_btn.bl{   background-image: linear-gradient(to right, #135a7e, #7f8ba3 ); }
  .msg_cnt_btn.red{    background-image: linear-gradient(to right, #135a7e, #7f8ba3 ); }
  
  
  .s1_msg{ width:100%;margin:0 auto;max-width:800px; padding:15px 15px 45px 15px;
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  align-content:center;

  }
  .s1_msg p{ width:100%;}
  .s1_msg  .msg1{ margin:60px 0 0 0; position: relative;  font-size:24px;text-align:justify;  letter-spacing:3px; line-height:1.9em; color:#444 }
  .s1_msg  .msg2{  font-size:20px; line-height:20px; letter-spacing:3px;   margin:15px 0 10px 0;color:#595757 ;
   font-family:'AlibabaBlack',"Noto Sans SC","Barlow", sans-serif; font-weight:700;}
  .s1_msg .msg3{ font-family:"AlibabaBlack","Noto Sans SC","Barlow", sans-serif;  color:#595757 ; font-size:32px; line-height:36px; letter-spacing:5px; font-weight:900;  }
  
  
   .s1_msg  .msg1::before{ content:""; width:50px; height:60px; display:block; position: absolute;
   left:-60px; top:-20px; background:url(qt.svg) no-repeat 50% 50%;} 
    .s1_msg  .msg1::after{ content:""; width:50px; height:60px; display:block; position: absolute;
   right:-30px; bottom:-20px;transform:rotate(-180deg);  background:url(qt.svg) no-repeat 50% 50%;} 
   
   
   
  .s2_msg_cnt{ overflow:visible;
background-size:cover;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative; z-index:11; 
border-bottom:2px solid #006b96;  
  }
  
  
  .s3_msg_cnt{ overflow:visible;
background-size:cover;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative; z-index:11; 
border-bottom:2px solid #006b96;  
  }
  
  
.hl_yw{

  background-color: #ac956b;
  /*border-radius: 10px;*/
  padding: 5px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background:linear-gradient(90deg,#ac956b,#ac956b 50%,transparent 0);
  background-size:200% 100%;
  background-position:100% 50%;
color:#000;
  
    transition: all 2s ease-in-out; 
}
 .hl_yw.go,
.aos-animate .hl_yw{
color:#fff;
  background-position:0% 50%;
}


.s1_h2_cnt::before{ content:"";width:100%; height:10px; display:block; position:absolute; right:0;top:-22px;   background-image: linear-gradient(to right, #fff , #91bfd1 50%, #135a7e 90%); }
.s1_h2_cnt{position: relative; border:0px solid #f0f; padding:0 0 5px 200px; color:#006b96;
  display:inline-flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center;
  font-size:40px; line-height:50px; letter-spacing:7px;
  font-family:'AlibabaBold',"Noto Sans SC","Barlow", sans-serif; font-weight:700;
  }
.s1_h2_cnt img{margin:0 0 0 10px; width:24px;}


/*
.s2_h2_cnt::before{ content:"";width:100%; height:10px; display:block; position:absolute; right:0;top:-22px;   background-image: linear-gradient(to right, #fff , #0071b2); }
.s2_h2_cnt{position: relative; border:0px solid #f0f; padding:0 0 5px 200px; color:#0071b2;
  display:inline-flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center;
  font-size:40px; line-height:50px; letter-spacing:4px;
  }
.s2_h2_cnt img{margin:0 0 0 10px; width:24px;}



.s3_h2_cnt::before{ content:"";width:100%; height:10px; display:block; position:absolute; right:0;top:-22px;   background-image: linear-gradient(to right, #fff , #d7000f); }
.s3_h2_cnt{position: relative; border:0px solid #f0f; padding:0 0 5px 200px; color:#d7000f;
  display:inline-flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center;
  font-size:40px; line-height:50px; letter-spacing:4px;
  }
.s3_h2_cnt img{margin:0 0 0 10px; width:24px;}
*/

.s2_msg_cnt{
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; 
	width:100%; max-width:1280px; margin:0 auto 40px auto;
 
}
.s2_msg_cnt2{
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; 
	width:100%; max-width:1280px; margin:0 auto 40px auto;
	overflow:hidden;
}
#s2_line { position: absolute; left:50%; top:0;
width:16px; height:560px; overflow:hidden; 
 transform:translate(8px, 0); 
}
.s2_msg_cnt .s2block_cnt{ width:50%; padding: 20px 15px 40px 0;	
	display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; 
	height:180px; border:0;
	position: relative; overflow:hidden;
}
.s2_msg_cnt .s2block_cnt::before{content:""; position: absolute; left:0; bottom:-4px;
width:684px; height:8px; background:url(bline.svg) no-repeat 50% 100%;
transform:translate(-20px, 0); 
}
.s2_msg_cnt .s2block_cnt:nth-child(6)::before,
.s2_msg_cnt .s2block_cnt:nth-child(7)::before{ display:none;}
.s2block_cnt .icon{  transform:translate(0%, 10px); width:20%; padding:0 2% 0 2%; justify-content:center; align-items:flex-end; align-content:flex-end }
 .s2block_cnt .val_cnt {position: relative; z-index:11;}
 
.s2block_cnt .val_cnt.v1{ width:29%;}
.s2block_cnt .val_cnt.v2{ width:28%;transform:translate(30px, 0); }
.s2block_cnt .val_cnt .val_tt{ color:#595959; font-size:20px; line-height:26px; margin:0; height:44px; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-end; align-content:flex-end }
.s2block_cnt .val_cnt .val_num{ color:#006b96;  margin:0; height:48px; line-height:48px;  display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-end; align-content:flex-end  }
.s2block_cnt .val_cnt .val_num b{ line-height:48px; font-size:48px; font-weight:700;  

 }

.s2block_cnt .val_cnt .val_num span,
.s2block_cnt .val_cnt .val_num b{
	  font-family:'Barlow',"Noto Sans SC","Barlow", sans-serif;
}
.s2block_cnt .val_cnt .val_num small{line-height:28px;   font-size:18px; font-weight:900;       font-family:'AlibabaBold',"Noto Sans SC","Barlow", sans-serif;  white-space:nowrap;}
.s2block_cnt .upicon{ position: relative; z-index:1; transform:translate(20px, 0);   height:100%; width:16%; display:flex; justify-content:center; align-items:flex-end; align-content:flex-end }
.s2block_cnt .upicon img{margin:0 0 15px 0; width:100%; max-width:80px;transform:translate(20px, 0);  }

/*
.s2_msg_cnt{ text-align:center; }
#s2_4block{
  display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; max-width:720px; margin:0 auto; }

#s2_4block .s2block{display:inline-block; width:45%; min-width:320px;   padding-top:80px ;  padding-bottom:20px;
display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; 
  } 
#s2_4block .s2block.s1,
#s2_4block .s2block.s2{ padding-right:120px;

background-size:contain;
background-repeat: no-repeat;
background-position: 100% 0%;
position:relative;  
background-image:url(fgg_r.png);

}
#s2_4block .s2block.s1{  transform:translate(25%,0%); }
#s2_4block .s2block.s2{  transform:translate(35%,0%); }
#s2_4block .s2block.s3{    transform:translate(-35%,-10%); }
#s2_4block .s2block.s4{   transform:translate(-15%,-10%); }

#s2_4block .s2block.s3,
#s2_4block .s2block.s4{
padding-left:160px;
background-size:contain;
background-repeat: no-repeat;
background-position: 0% 0%;
position:relative;  
background-image:url(fgg_l.png);  

}*/

.s4 .bs_tt{white-space:nowrap;  line-height:32px; }
.bs_tt{ text-align:left; font-size:28px; letter-spacing:2px; color:#595757; position: relative; margin:0 0 10px 0; padding:8px 12px 8px 12px; display:inline-block;}
.bs_tt_cnt{ text-align:left; width:100%;}
.bs_num_sp,
.bs_num{  font-weight:bold ; text-align:left; width:100%; font-size:62px; line-height:64px; color:#595757; }
 
 
#s2_4block .rd{ width:12px; height:0; border-top:1px solid #595757; position: absolute; }
#s2_4block .rd.r1{ left:0; top:0;}
#s2_4block .rd.r2{ right:0; top:0;}
#s2_4block .rd.r3{left:0; bottom:0; }
#s2_4block .rd.r4{ right:0; bottom:0;}
 
 
#s2_4block .rv{ width:; height: 12px; border-left:1px solid #595757; position: absolute; }
#s2_4block .rv.r1{ left:0; top:0;}
#s2_4block .rv.r2{ right:0; top:0;}
#s2_4block .rv.r3{left:0; bottom:0; }
#s2_4block .rv.r4{ right:0; bottom:0;}
 
 /*
p.num1,
.statvalue {margin:0;  font-family: "Barlow","Noto Sans SC", sans-serif !important;
 background: url(text_bg.png) no-repeat center center;
 background-size: cover;
 color: #fff;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 -moz-background-clip:text;
 background-clip:text; 
 padding:0;
 margin:0;
 text-align:left;
  }*/
.bs_num_sp{ display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:center; align-content:center; }
.bs_cy{ margin:5px 0 0 0; color:#0071b2;text-align:left; width:100%; font-size:24px;  font-weight:bold }
.bs_num_sp .bs_sp{color:#0071b2; font-size:24px;  font-weight:bold; line-height:24px; margin:18px  0 0 5px; }

#s3_block_cnt{ position: relative; margin:0 auto; text-align:center; padding:40px 0 0 0; max-width:1280px; 
 display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start
}
/*
.s3_bk{  width:100%; height:100%; position: absolute;
  display:block;  
  left:0; top:0;
 mix-blend-mode: multiply;
} */
.s3block_cnt{ display:flex; width:50%; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start}
.s3block_cnt .icon_tt{ width:23%; padding-left:30px;  margin-right:3%; }
.s3block_cnt .icon_tt img{ padding:0 10px 0 10px;}
.s3block_cnt .icon_tt p{font-family:'AlibabaBold',"Noto Sans SC","Barlow", sans-serif; font-weight:700;  font-size:20px; margin:0; color:#006b96;
letter-spacing:2px; line-height:25px;}
.s3block_cnt .msg_cnt{font-family:'AlibabaLight',"Noto Sans SC","Barlow", sans-serif;  margin:0 1% 0 2%; text-align:left;  width:80%; font-size:20px; line-height:1.7em; color:#595757; position: relative; padding-left:15px;  font-weight:300; text-align:justify}
.s3_line{ width:100%; display:block; height:41px ; overflow:hidden}
.s3block_cnt .msg_cnt b{font-family:'AlibabaBold',"Noto Sans SC","Barlow", sans-serif;  font-weight:700;}


.s3block_cnt .msg_cnt .dotline{ height:80%; position: absolute; left:-10px; top:10%; border-left:2px dotted  #006b96}  
.s3block_cnt .msg_cnt::before{content:""; display:inline-block; width:6px; height:6px; border-radius:50%;
  position: absolute; left:-12px; top:10%; background: #006b96; z-index:200;  }
.s3block_cnt .msg_cnt::after{content:""; display:inline-block; width:6px; height:6px; border-radius:50%;
  position: absolute; left:-12px; bottom:10%; background: #006b96; z-index:200;  }

#s4_block_cnt{ position: relative; margin:0 auto; text-align:center; padding:40px 0 0 0; max-width:1280px; 
 display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start
}

.s4_line{ width:100%; display:block; height:41px ; overflow:hidden}

.s4block_cnt{ display:flex; width:31%; margin:0 1% 0 1%; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start}

.s4block_cnt .icon_tt{ width:100%;display:flex;  flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center }
.s4block_cnt .icon_tt img{ height:50px; width:auto; padding:0 0 0 0;}

.s4block_cnt .icon_tt p{letter-spacing:3px; font-family:'AlibabaBold',"Noto Sans SC","Barlow", sans-serif; font-size:26px; margin:0; color:#006b96 ;}

.s4block_cnt  .msg_inner{ margin:0; width:100%; border-bottom:2px dotted #006b96;  border-top:2px dotted #006b96}
.s4block_cnt  .msg_cnt{  display:inline-block; width:auto; padding:10px 20px 5px 20px; background:#f2f5f7; color:#006b96; font-size:10px;}
 .s4block_cnt   .msg_cnt_bg{background:#f2f5f7; width:100%;margin:10px 0 10px 0;}
 
.s4block_cnt.s4_0  .msg_cnt,
.s4block_cnt.s4_1  .msg_cnt,
.s4block_cnt.s4_2  .msg_cnt{min-height:268px; }

.s4block_cnt.s4_3  .msg_cnt,
.s4block_cnt.s4_4  .msg_cnt,
.s4block_cnt.s4_5  .msg_cnt{min-height:228px; max-width:312px;}

.s4block_cnt.s4_6  .msg_cnt{min-height:168px; max-width:312px;}
.s4block_cnt.s4_7  .msg_cnt{min-height:168px; max-width:312px;}


.s4block_cnt  .msg_cnt li{ list-style:disc;  padding: 4px 0 4px 0;  color:#006b96; font-size:10px;}
.s4block_cnt  .msg_cnt p{font-family:'AlibabaLight',"Noto Sans SC","Barlow", sans-serif;  text-align: justify;  margin:0; font-size:15px; color:#595959;}
.s4block_cnt  .msg_cnt p.pj{ text-align: justify}
 
.s4block_cnt  .msg_cnt span.bd{color:#006b96;font-family:'AlibabaBold',"Noto Sans SC","Barlow",  sans-serif; font-weight:700;}
.s4block_cnt  .msg_cnt span.bdn{color:#006b96;font-family:'Alibaba',"Noto Sans SC","Barlow",  sans-serif; font-weight:400;}


.s4block_cnt  .msg_cnt p b{margin:0 1px 0 1px; font-weight:700; font-family:'AlibabaBold','Barlow',"Noto Sans SC","Barlow",  sans-serif;  font-size:24px; color:#006b96;  }
.s4block_cnt  .msg_cnt p small{font-family:'Alibaba',"Noto Sans SC","Barlow",  sans-serif;  font-size:14px; color:#006b96;}
.s4block_cnt  .msg_cnt p small.gy{ color:#666;}

.s4block_cnt  .msg_cnt p b.zh{ font-family:'AlibabaBold',"Noto Sans SC","Barlow",  sans-serif;  font-size:18px; color:#006b96;}

.s4block_cnt  .msg_cnt .up2{transform:translate(-10px, 0); }

.s5_msg_cnt{ max-width:1024px; margin:0 auto 40px auto; padding:60px 0 0 0;
overflow: visible;
  display: block;
  background-position: 50% 50%;
  position: relative;
  z-index: 11;
  border-bottom: 2px solid #006b96;

}

.s5_msg_cnt .s5_p1 img{ width:90px;}
.s5_msg_cnt .s5_p2{ line-height:1.7em; font-family:'Alibaba',"Noto Sans SC","Barlow",  sans-serif; font-size:28px; color:#006b96; letter-spacing:5px; }
.s5_msg_cnt .s5_p1{ line-height:1.7em;font-weight:700; font-family:'AlibabaBold',"Noto Sans SC","Barlow",  sans-serif;  font-size:28px; letter-spacing:3px; color:#006b96; }
.s5_msg_cnt .s5_p3 { margin:0; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:flex-end; }
.s5_msg_cnt .s5_p3 img{ width:40%; transform:translate(0, 42px); }

 .last_part_with_footer{ margin:70px 0 0 0;
	 background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 30%, rgba(231, 235, 238, 1) 100%);
	 
 }
 
 .foot_p_cnt{ position:relative; display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start;}
 
 .foot_p_cnt .foot_p{width:80%}
 
 .foot_p_cnt .foot_p b{	font-weight:700; font-family:'AlibabaBold',"Noto Sans SC","Barlow",  sans-serif; }
 .foot_p_cnt .foot_p2{font-size:18px; height:100%; display:block; position: absolute;  right:0; top:0;
	
	 width:20%; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center}
  .foot_p_cnt .foot_p2 a{ font-family:'AlibabaBold',"Noto Sans SC","Barlow",  sans-serif;font-weight:700;  color:#717071;  font-size:20px; text-decoration:none;}
 #footer_cnt{ padding-bottom: 50px;}
 #footer_outer{display:flex; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start;  }
 #footer_book{width:20%;
 display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start;
 }
 	   #footer_book  a.dnbtn{ font-weight:bold; text-decoration:none; padding: 4px 4px 4px 10px; color:#fff; display:inline-flex;
	 background: #7888a0;font-size:18px;
background: linear-gradient(180deg,#416f8e 30%, #7888a0 100%);
flex-wrap:nowrap; justify-content:center; align-items:center; letter-spacing:2px;
	   }
	   
	   #footer_book a.dnbtn span{width:30px; height:30px; margin:0 0 0 20px ; display:flex; background:#fff;
	   border-radius:3px;
	   flex-wrap:nowrap; justify-content:center; align-items:center; position: relative;
	   }
	   #footer_book a.dnbtn span .ii{ width:15px; height:4px; display:inline-block;
	   background: linear-gradient(180deg,#416f8e 50%, #7888a0 100%); position: absolute;
	   }
	   
	   
	   #footer_book a.dnbtn span .ii.i1{ transform: rotate(45deg) ;  left:8px; top:9px;}
	   #footer_book a.dnbtn span .ii.i2{ transform: rotate(-45deg) ;  left:8px; top:17px;}
	   	   
  #footer_book a.imga{display:inline-block; width:100%; max-width:180px;}
  
 #footer_ul{width:80%; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; }
 #footer_ul li{width:33%; height:40px;  list-style:none; margin:0 0 10px 0; padding:0 27px 0 0 ; position: relative;}
 #footer_ul li a{text-decoration:none; color:#4d86a0; line-height:40px; font-size:18px; letter-spacing:2px; }
  #footer_ul li::before{ content:""; position: absolute; right:10px; top:3px; width:30px; height:30px;
 display:block;
 background:url(arrow_bl.svg) no-repeat 0 0;
  }
   #footer_ul li.null{ visibility:hidden;}
     #footer_ul li.sp::before{ display:none;}
     #footer_ul li.sp{ padding:0;}
	 

	   
	   
	   .foot_p{color:#717071;  font-size:20px;}
	   
 #footer_cnt	table.ftb{margin:30px 0 0 0; border-left:1px solid #000;}
 #footer_cnt	table.ftb td,
 #footer_cnt	table.ftb th{ border:0; color:#717071; font-size:14px; background:0; padding:1px 3px 1px 3px;}
 #footer_cnt	table.ftb th{ width:90px; padding-left:10px; }
 
 #mb_footer_ul{ display:none;}
 
 
@media all and (max-width: 1440px){ 
 .my_contatiner{  padding-left: 0px;
  min-height: 100px;padding-bottom:50px;
}
 .my_contatiner2 {
  padding: 0 15px 0 15px;
}
}

@media all and (max-width: 1200px){ 

.top3btn_cnt{ display:block;  width:35vw; transform:translate(0,0);    position: relative; z-index:21;}
.top3btn{    font-size:20px;  ; }


.top3btn.t1{margin:0  0 25px -45px;}
.top3btn.t2{margin:0  0 25px -30px;}
.top3btn.t3{margin:0  0 25px -15px;}
.top3btn.t4{margin:0  0 25px 0px;}


 #footer_ul li{width:33%; }
 #footer_ul li.null{ display:none;}
 
 
 #s2_line { display:none;
}
.s2_msg_cnt .s2block_cnt{ width:100%; max-width:600px; padding: 20px 15px 40px 15px;	
	display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; 
	height:180px; border:0;
	position: relative; overflow:hidden;
}
.s2_msg_cnt .s2block_cnt:nth-child(6)::before{ display:flex;}
.s2_msg_cnt .s2block_cnt:nth-child(7)::before{ display:none;}

.s3block_cnt {
  width: 100%; max-width:600px; margin: 0 auto 30px auto; padding-right:15px;
}
.s4_line,
.s3_line{ display:none;}

.s4block_cnt {   width: 100%; max-width:600px;margin: 0 auto 30px auto;
  display: flex;
  width: 100%; 
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.s5_msg_cnt {
  max-width: 600px;
  margin: 0 auto;
  padding: 60px 15px 0 15px; 
}

.s5_msg_cnt .s5_p1 img{ width:60px;}
.s5_msg_cnt .s5_p2{   font-size:22px;  }
.s5_msg_cnt .s5_p1{   font-size:22px;   } 

.fline{ width:100%; display:block; height:1px ; overflow:hidden}
#footer_outer {
  flex-wrap: wrap;
}
#footer_ul {
  width: 100%; 
}
#footer_book {
  width: 100%; margin:40px 0 0 0;
}

 }
@media all and (max-width: 800px){ 
 #footer_ul li{width:50%; }
 }
 
@media all and (max-width: 990px){ 

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

#footer_ul{ display:none;}
#mb_footer_ul{ display:flex;
  display: flex;
  width: 100%; 
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.mbf_right,
.mbf_left{ width:50%;}

 #mb_footer_ul div.ffa{width:100%; height:30px;  list-style:none; margin:0 0 5px 0; padding:0 27px 0 0 ; position: relative;}
 #mb_footer_ul div.ffa a{text-decoration:none; color:#4d86a0; line-height:30px; font-size:12px; letter-spacing:0px; white-space:nowrap; }
  #mb_footer_ul div.ffa::before{ content:""; position: absolute; right:0px; top:3px; width:22px; height:22px;
 display:block;
 background:url(arrow_bl.svg) no-repeat 0 0;
  }
  
  
#section_banner {padding:0 0 20% 0;
  margin: 0 0  10px 0;
}

.s5_msg_cnt .s5_p3 img {
  width: 30%;
  transform: translate(20px, 42px);
}
.s4block_cnt.s4_0  .msg_cnt,
.s4block_cnt.s4_1  .msg_cnt,
.s4block_cnt.s4_2  .msg_cnt,

.s4block_cnt.s4_6  .msg_cnt,
.s4block_cnt.s4_7  .msg_cnt,

.s4block_cnt.s4_3  .msg_cnt,
.s4block_cnt.s4_4  .msg_cnt,
.s4block_cnt.s4_5  .msg_cnt{min-height:10px; margin-bottom:0;}

.s2block_cnt .val_cnt .val_num small {
  line-height: 24px;
  font-size: 14px;
  font-weight: 900; 
}

#box1 img,
#box2 img{transform:translate(16%,0); }

#section_banner_cnt{ transform:  translate(0%, 15%) scale(1.2); }
.top_h1{ transform:  translate( 20%,0)}

.top3btn_cnt{ display:block;  width:25vw; min-width:110px;  transform:translate(26%,0);    position: relative; z-index:21;}
.top3btn{    display:flex;
justify-content:flex-end; align-items:center; display:flex;
white-space:nowrap;  text-align: right; font-size:14px;  ; }

.top3btn img{ margin-left:10px; width: 18px;}
.top3btn.t1{margin:0  0 5px 0px;}
.top3btn.t2{margin:0  0 5px 10px;}
.top3btn.t3{margin:0  0 5px 20px;}
.top3btn.t4{margin:0  0 5px 30px;}


.top_h1 {
  width: 30%;
  margin: 10% 0 3% 5%;
} 

 .s3_h2_cnt, 
 .s2_h2_cnt,
 .s1_h2_cnt {
  padding: 0 0 5px 70px;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 2px;
  
 }  
 
.s1_h2_cnt::before{ content:"";width:90%; height:6px; display:block; position:absolute; right:10%;top:-22px;   background-image: linear-gradient(
to right,  rgba(255,255,255,0.3), #fff 19%, #91bfd1 50%, #135a7e 90%); }


  .rkbox{width:80px; height:80px; position: absolute; left:-40px; top:20px;  
}
 .rkbox_cnt{width:80px; height:80px; position:relative;   justify-content:center; display:flex; }
 .rkbox .bb{height:80px;width:18px; background:0; display:inline-block; border-left:1px solid #f00;}
 .s1_msg {
  width: 100%;
  max-width: 668px;
  padding: 15px 35px 25px 35px;
}.s1_msg_cnt {
    padding: 0 15px 0 15px;
}
.s1_msg .msg1 {
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 1.7em;
}
.s1_msg .msg1::before {
  width: 20px;
  height: 30px;
  left: -30px;
  top: -10px;
}
.s1_msg .msg1::after {
  content: "";
  width: 20px;
  height: 30px;
  right: -15px;
  bottom: -10px;
}

  .s1_msg  .msg2{  font-size:16px; line-height:18px; letter-spacing:2px; font-weight:bold;   margin:5px 0 5px 0;  }
  
  .s1_msg .msg3{  font-size:24px; line-height:30px; letter-spacing:2px; font-weight:bold;  }


#s2_4block .s2block{ margin:25px 0 25px 0;}
#s2_4block .s2block.s1 {
  padding: 0  120px 0 0 ;
  background-image: url(fgg_r.png);
  transform: translate(60px,0%);
}
#s2_4block .s2block.s2 {
  padding: 0  0 0 120px;
  background-position: 0% 0%;
  background-image: url(fgg_l.png);
  transform: translate(-60px,0%);
   margin:15px 0 0 0;
}

#s2_4block .s2block.s3 {
  padding: 0  120px 0 0 ;
  background-position: 100% 0%;
  background-image: url(fgg_r.png);
  transform: translate(60px,0%);
}
#s2_4block .s2block.s4 {
  padding: 0  0 0 120px;
  background-position: 0% 0%;
  background-image: url(fgg_l.png);
  transform: translate(-60px,0%);
}
.s2block_bk{width:100%; height:1px; overflow:hidden; display:block;}

.bs_tt {
  font-size: 20px;
  letter-spacing: 2px;
  padding: 4px 8px 4px 8px;
}
 .last_part_with_footer {
  margin: 10px 0 0 0;
 }
#section_s1, 
#section_s2 ,
#section_s3 ,
#section_s4 {
  margin-bottom: 20px;
}
.s2_msg_cnt { margin:0 auto 0 auto;}
.s2_msg_cnt .s2block_cnt{ height:auto;
	min-height:120px
}
.s2block_cnt .val_cnt .val_tt {
  font-size: 14px;
  line-height: 18px;
}.s2block_cnt .val_cnt .val_num {
  height: 31px;
line-height: 31px;}
.s2block_cnt .val_cnt .val_num b {
  line-height: 31px;
  font-size: 31px;
}
.s2_msg_cnt .s2block_cnt::before {
  transform: translate(-50px, 0);
}
.s2block_cnt .icon {
  transform: translate(0px, 10px);
  width: 18%;
  padding: 0 2% 0 0%;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;
}

  .s2_msg_cnt .s2block_cnt {
    padding: 10px 20px 25px 0;
  }
   .s2_msg_cnt .s2block_cnt {
    justify-content: flex-end;
    align-items: flex-end;
   }
  .s2block_cnt .upicon {
  width: 23%;
    justify-content: flex-end;
  }
  .s2block_cnt .upicon img {
  margin: 0 0 5px 0;
  max-width:46px !important;
  transform:translate(-5px,2px);
}
.msg_cnt_btn img {
  margin: 0 0 0 9px;
}
.msg_cnt_btn {
  padding: 10px 12px 12px 10px; 
  font-size: 18px;
  line-height: 18px;
}

.s3block_cnt .icon_tt {
  width: 33%;
}
.s3block_cnt .msg_cnt {
  width: 66%;  font-size: 18px;
}
.s5_msg_cnt .s5_p2 {
    font-size: 18px;
  }  .s5_msg_cnt .s5_p1 {
    font-size: 18px;
  }  .s5_msg_cnt .s5_p1 img {
    width: 40px;
  }
#section_s2_cnt.my_contatiner2,
#section_s3_cnt.my_contatiner2,
#section_s1_cnt.my_contatiner2{padding:0}
#section_s3_cnt .s3_h2_cnt,
#section_s1_cnt .s1_h2_cnt {
    padding: 0 0 5px 80px;
}
  .s5_msg_cnt {
    padding: 60px 25px 0 25px;
  }
.foot_p_cnt {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.foot_p_cnt .foot_p {
  width: 100%; padding-right:25px;
}
.foot_p_cnt .foot_p2 {position: relative;
  width: 100%;
  justify-content:flex-start;
}
#footer_ul li a {
  color: #4d86a0;
  line-height: 40px;
  font-size: 12px;
  letter-spacing: 0px;
}
#footer_ul li.sp { width:100%; text-align:center; margin-top:15px;}

.foot_p {
  font-size: 16px;
}
#footer_ul li {
  height:30px;
  margin: 0 0 5px 0;
}
#footer_ul li {
  padding: 0 17px 0 0;
}
#footer_ul li::before {
  right: 5px;
}
#side_sg.img-fluid{ width:200px !important; max-width:200px !important;}
#header_cnt { height:60px}
#logo {
  width: 146px;
  padding:9px 0 0 10px;
  margin: 0 0 0 0;
}
#side_menu {width: 30px;}
#side_menu  a.printGh{ display:none}
}
 
 @media print {

#side_menu{
position: absolute;  display:none;
} 
#header_cnt{ position: relative;  }
.top_h1{ 
 opacity:1;
  animation-name: null;
  }


.top3btn.t1{
  animation-name: null;
opacity:1;  transform:translate(0%,0);
}


.top3btn.t2{
  animation-name: null;
opacity:1;  transform:translate(5%,0);
}


.top3btn.t3{
  animation-name: null;
opacity:1;  transform:translate(10%,0);
}



#box1{
  animation-name: null;
top:-5%; left:13%; opacity:1;
}


#box2{
  animation-name: null;
top:-5%; right:-10%; opacity:1;
}


 }