*{
    margin: 0px;
    padding: 0px;
    /*word-break:break-all;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    -o-box-sizing:border-box;
}  
a[href]:after{content:normal;}
body {
    -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
    font-family: \5FAE\8F6F\96C5\9ED1;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    background: #fff;
    height: auto;
}
a {
    color: #333;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;cursor: pointer;
}
a:hover, a:focus {
    color: #06C;text-decoration:none;
}
a:hover, a:active, a:focus {
  outline: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;          
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
ul, li{
    margin:0px; padding:0px;
    list-style-type:none;
}
ol, ul {
  list-style: none;
}
ul, li, a
{
    padding: 0px;
    margin: 0px;
}
button {outline: none;}
select { width:100%;}

.left {
    float: left;
}
.right {
    float: right;
}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb45 { margin-bottom:45px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt18 { margin-top:18px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.bh { display:block; overflow:hidden;}
.img-hover:hover {
    opacity: 0.8;
}
@font-face{
    font-family: 'alata';
    src:url('./alata-regular.ttf');
}



@media (max-width: 991px){
    .mobmt {margin-top: 15px;}
    .mobmt20 {margin-top: 20px;}
    .mobpadding {padding: 0;}
    .mobmargin {margin: 0;}
}
@media (max-width: 767px){
    .lanmumt {margin-top: 0;}
    .mobmt22 {margin-top: 22px;}
}

@media (min-width: 1230px){
    .container{width: 1200px;}
}
@media (min-width: 1299px) {
    .container{ width: 1260px;}
}

@media (min-width: 1540px) {
    .container{ width: 1350px;}
}
/*---------------index---------------------*/
.yzzc{}

/*zong*/
.jdztbg01{
    background:url(20221109_bg01.png) no-repeat top center;
    min-height: 1280px;
}
.top01_cas{ padding: 33px 80px 33px 75px; overflow: hidden;}
.top01_cas .left a{ font-size: 19px; color: #fff; line-height: 35px; }
.top02_logo{ padding: 0 75px; margin-bottom: 100px;}
.top02_logo img{ max-width: 100%; }
.top03_gl{padding: 0 75px;
    overflow: hidden;}
.left_five{ padding-left:23%; background:url(20221109_tpl.png) no-repeat left 10px top;  }
.right_five{ padding-right:23%; background:url(20221109_tpr.png) no-repeat right 10px bottom;}
.kjtd_ul{overflow: hidden;

}
.kjtd_ul li{ width:20%; float: left; position: relative;}
.kjtd_ul li >span{
    padding:10.2px 17.5px;
    border:1px solid #E3EDD9;  
    position: absolute;
    right: 20px; top:0;
    font-size: 28px;
    color: #fff;
    line-height: 33px;
    font-weight: 700;
    font-family: Roboto-Medium, Roboto;
}
.btm_txt{
    position: absolute;
    bottom: 0; 
    left: 0;
    width: 100%;
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
}
.btm_txt a{ 
    padding: 36px 10px; display: block; 
    background:url(20220530_icon01.png) no-repeat right 14px bottom 20px;
}
.btm_txt a:hover{ background:url(20220530_icon02.png) no-repeat right 14px bottom 20px;}
.btm_txt a p{
    font-size: 16px;
    font-family: Raleway-Medium, Raleway;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 26px;
    margin-bottom: 0;
    text-shadow: 0px 2px 9px rgba(65, 65, 65, 0.7);
}

/*1*/
.jdztbg02{
    margin-top: -45px;
    background:url(20221109_bg02.png) no-repeat top center;
    min-height: 829px;
}
.a_cent{ padding: 20% 0 0 ; }
.dy_cent{ position: absolute; padding-top: 64px;z-index: 1; margin: -55px 0 0 -130px;}
.dy_cent span{ width: 222px;height: 222px; border-radius: 50%; display: inline-block; }
.sx_y{ background: rgba(255, 153, 85, 0.6);
    line-height: 222px; 
    padding-left: 12px;}
.kx_y{ border: 1px dashed #FFB47D; 
    position: absolute;
    left: 96px;
    top: -0;}
.btzw_cent{ position: relative; z-index: 2; }
.btzw_cent h3{
    padding-top: 20px;
    position: relative;
    font-size: 30px;
    font-family: 'alata';
    font-weight: 200;
color: #FF755D;
line-height: 46px;}
.btzw_cent a:hover h3{ color: #e02b0c; }
.btzw_cent h3 span{ position: absolute;width: 96px;
height: 5px;
background: #FF7E63; left: 0;
top:0; }
.btzw_cent p{font-size: 20px;
font-weight: 500;
color: #FFFFFF;
line-height: 35px;}
/*.btzw_cent a:hover p{color: #D9FF7A;}*/

/*2*/
.jdztbg03{
    background:url(20221109_bg03.png) no-repeat top center;
    min-height: 860px;
    margin-top: -160px;
    position: relative;
    z-index: 1;
}
.b_cent{  padding: 20% 0 0 ;  }
.b_cent .col-md-6{ float: right; }
.b_cent .btzw_cent{ background:url(20220530_ctbg02.png) no-repeat top center;  
    padding: 16px 30px 100px;
}
.b_cent .dy_cent{ margin: -80px 0 0 -130px; }


/*3*/
.jdztbg04_ts{ position: relative; }
.jdztbg04{
    background:url(20221109_bg04.png) no-repeat top center;
    min-height: 906px;
    margin-top: -160px;
    position: relative;
    z-index: 0;
}
.rgt_qt{ position: absolute; right: 0; top:160px; width: 50%; padding-left: 15px; z-index: 6; }
.c_cent{  padding: 22% 0 0 ; position: relative; z-index: 99; }
.c_cent .btzw_cent{ background:url(20220530_ctbg02.png) no-repeat top center;  
    padding: 16px 30px 100px;
}
.c_cent .dy_cent{ margin: -100px 0 0 -130px; }



/*4*/
.jdztbg05{
    background:url(20221109_bg05.png) no-repeat top center;
    min-height: 780px;
    margin-top: -100px;
    position: relative;
    z-index: 0;
}
.d_cent{ overflow: hidden; width: 100%;  padding-top: 12%; }
.d_cent .col-md-6{ float: right; }
.d_cent .btzw_cent{ background:url(20220530_ctbg02.png) no-repeat top center;  
    padding: 16px 30px 100px;
}
.d_cent .kx_y{ left: 57px; }
.d_cent .dy_cent{padding-top: 36px;}
.d_cent .btzw_cent{padding-top: 25px;}


/*5*/
.jdztbg06{
    background:url(20221109_bg06.png) no-repeat top center;
    min-height: 840px;
    margin-top: -150px;
    position: relative;
    z-index: 2;
}
.e_cent{  padding: 20% 0 0 ;  }
.e_cent .dy_cent{margin: -80px 0 0 -110px;}
.e_cent .btzw_cent p{ color: #444; }



/*6*/
.jdztbg07{
    background:url(20221109_bg07.png) no-repeat top center;
    min-height: 818px;
    margin-top: -175px;
    position: relative;
    z-index: 1;
    /*background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;*/
}
.f_cent{  padding: 15% 0 0 ;  }
.f_cent .col-md-6{ float: right; }
.f_cent .dy_cent{ 
    right: 0;
    margin: -105px -55px 0 0;
    text-align: right;
    z-index: 9;
}
.f_cent .kx_y{ top:17px;left: 67px; }
.f_cent .dy_cent .sx_y{ text-align:right }
.f_cent .dy_cent .sx_y img{ display: inline-block; }
.f_cent .btzw_cent{ 
    padding: 16px 15px 100px 30px;
    background:url(20220530_ctbg02.png) no-repeat top center;  }




/*7*/
.jdztbg08{
    background:url(20221109_bg08.png) no-repeat top center;
    min-height: 870px;
    margin-top: -150px;
    position: relative;
    z-index: 3;
}
.g_cent{ padding: 21% 0 0 ;  }

.g_cent .dy_cent{
    margin: -85px 0 0 -100px;
}




/*8*/
.jdztbg09{
    background:url(20221109_bg09.png) no-repeat top center;
    min-height: 721px;
    margin-top: -150px;
}
.h_cent{ padding: 15% 0 0 ;  }
.h_cent .dy_cent{
    margin: -85px 0 0 -108px;
}
.h_cent .btzw_cent{ 
    padding: 16px 15px 100px 30px;
    background:url(20220530_ctbg02.png) no-repeat top center;  }


/*9*/
.jdztbg10{
    background:url(20221109_bg10.png) no-repeat top center;
    min-height: 760px;
    margin-top: -126px;
    position: relative;
    z-index: 2;
}
.i_cent{ padding: 13.5% 0 0 ;  }
.i_cent .dy_cent{ margin: -77px 0 0 -98px;}
.i_cent .col-md-6{ float: right; }
.i_cent .btzw_cent{ 
    padding: 16px 15px 100px 30px;
    background:url(20220530_ctbg02.png) no-repeat top center;  }


/*10*/
.jdztbg11{
    background:url(20221109_bg11.png) no-repeat top center;
    min-height: 670px;
    margin-top: -130px;
    position: relative;
    z-index: 1;
}
.j_cent{ padding: 8% 0 0 ;  }
.j_cent .btzw_cent{ padding-top: 22%; }
.j_cent .dy_cent{ margin: 5px 0 0 -90px; }
.j_cent .sx_y img{ margin-left: -47px; }



.foot_yj{ height: 70px; 
    line-height:70px; 
    background: #0f58c2; 
font-size: 20px;
text-align: center;
color: #fff;}

.top03_glmob{ display: none; }



@media (min-width: 1930px){
    .jdztbg01{background-size:cover; }
    .jdztbg02{background-size:cover; }
    .jdztbg03{background-size:cover; }
    .jdztbg04{background-size:cover; }
    .jdztbg05{background-size:cover; }
    .jdztbg06{background-size:cover; }
    .jdztbg07{background-size:cover; }
    .jdztbg08{background-size:cover; }
    .jdztbg09{background-size:cover; }
    .jdztbg10{background-size:cover; }
    .jdztbg11{background-size:cover; }
}
@media (max-width: 1780px){
   .left_five,
   .right_five{background-size: auto 93%;}
   .left_five{padding-left: 18%;}
    .right_five{padding-right: 18%;}
}
@media (max-width: 1680px){
    .left_five{padding-left: 15%;}
    .right_five{padding-right: 15%;}
    .yzzc{ overflow: hidden; }
}
@media (max-width: 1600px){
    .dy_cent{ margin: -55px 0 0 -100px; }
    .h_cent .dy_cent{margin-left: -50px; }
    .j_cent .dy_cent{ margin-left: -45px; }
    .top01_cas .left a{ font-size: 18px; }

}
@media (max-width: 1480px){
     .a_cent{ padding-left: 10%; }
     .c_cent{ padding-left: 10%; }
     .rgt_qt{ width: 45%; }
     .e_cent{ padding-left: 10%; }
     .f_cent{ padding-right: 10%; }
     .g_cent{ padding-left: 10%; }
     .h_cent,
     .i_cent,
     .j_cent{ padding-left: 10%; padding-right: 10%; }
}
@media (max-width: 1366px){
   .btzw_cent h3{ font-size: 24px; }
   .btzw_cent p{ font-size: 17px; }
   .jdztbg02{ margin-top: -120px; }
   .a_cent .col-md-6,
   .b_cent .col-md-6,
   .c_cent .col-md-6,
   .d_cent .col-md-6,
   .e_cent .col-md-6,
   .f_cent .col-md-6,
   .g_cent .col-md-6,
   .h_cent .col-md-6,
   .i_cent .col-md-6,
   .j_cent .col-md-6{ width: 60%; }
   .h_cent .dy_cent { margin-left: -100px;}
}
@media (max-width: 1299px){
   .top01_cas .left a{ font-size: 16px; }
   .jdztbg02{ margin-top: -190px; }
}
@media (max-width: 1199px){
    .left_five,
    .right_five{padding: 0; background: none;}
    .a_cent .col-md-6{ width: 70%; }
    .b_cent .col-md-6{ width: 70%; }
    .d_cent .col-md-6{ width: 80%; }
    .d_cent{ padding-top: 15%; }
    .d_cent .col-md-6 .img_hovbig{ padding-right: 0;text-align: right; }
    .d_cent .col-md-6 .img_hovbig img{ width: 70%; display: inline-block; }
    .d_cent .col-md-6:first-child{ float: right; }
    .e_cent .col-md-6{ width: 70%; }
    .f_cent .col-md-6{ width: 80%; }
    .f_cent{ padding-top: 20%; }
    .f_cent .col-md-6 .img_hovbig{ padding-right: 0;text-align: right; }
    .f_cent .col-md-6 .img_hovbig img{ width: 70%; display: inline-block; }
    .f_cent .col-md-6:first-child{ float: right; }
    .g_cent{ padding-top:25%; }
    .g_cent .col-md-6{ width: 70%; }
    .jdztbg09{ min-height: 620px; }
     .h_cent,
     .i_cent,
     .j_cent{ padding-left: 0; padding-right: 0; }
     .h_cent .dy_cent{ margin-left: -60px; }
     .j_cent .dy_cent{ margin-left: -15px; }
}
@media screen and (min-width:768px) and (max-width:1023px){
    .jdztbg01{min-height: 1000px;
    background-size: 100% auto;}
    .jdztbg02{ margin-top: -80px;}

    .a_cent{ padding-top: 25%; }
    .b_cent{ padding-top: 25%; }
    .a_cent .col-md-6,
    .b_cent .col-md-6,
    .c_cent .col-md-6,
    .d_cent .col-md-6,
    .e_cent .col-md-6,
    .f_cent .col-md-6,
    .g_cent .col-md-6,
    .h_cent .col-md-6,
    .i_cent .col-md-6,
    .j_cent .col-md-6{ width: 100%; }
    .a_cent .btzw_cent,
    .b_cent .btzw_cent,
    .c_cent .btzw_cent,
    .d_cent .btzw_cent,
    .e_cent .btzw_cent,
    .f_cent .btzw_cent,
    .g_cent .btzw_cent,
    .h_cent .btzw_cent,
    .i_cent .btzw_cent,
    .j_cent .btzw_cent{ background-size: cover; }

    .b_cent{ padding-left: 10%;}
    .c_cent .img_hovbig img{ width: 50%; }
    .rgt_qt{ display: none; }
    .d_cent{padding-left:13%; overflow: auto; }
    .d_cent .col-md-6{ }
    .d_cent .dy_cent{ margin:0 0 0 -100px; }
    .d_cent .col-md-6 .img_hovbig img{ width: 50%; }
    .d_cent .btzw_cent{ padding-left: 10%; }
    .e_cent{padding-left: 10%; padding-right: 0;}
    .e_cent .btzw_cent{ background-size: cover; }
  
    .g_cent .btzw_cent{background-size: cover; }
    .h_cent{ padding-left: 10%; }
    .h_cent .img_hovbig{ text-align: center; }
    .h_cent .img_hovbig img{ display: inline-block;}
    .i_cent{ padding: 23% 10% 0;}
    .i_cent .btzw_cent{padding-top: 0;}
    .i_cent .dy_cent {margin: -95px 0 0 -45px;padding-top: 0px;}
    .j_cent{ padding-top: 13%; }
    .j_cent .dy_cent{ margin-left: 0px; }
}
@media screen and (max-width:767px){ 
    .a_cent .col-md-6,
    .b_cent .col-md-6,
    .c_cent .col-md-6,
    .d_cent .col-md-6,
    .e_cent .col-md-6,
    .f_cent .col-md-6,
    .g_cent .col-md-6,
    .h_cent .col-md-6,
    .i_cent .col-md-6,
    .j_cent .col-md-6{ width: 100%; }
    .jdztbg01{background-size:cover; min-height: auto; }
    .jdztbg02{background-size:cover; min-height: auto; margin-top: -45px;}
    .jdztbg03{background-size:cover; margin-top: -105px; min-height: auto; padding-bottom: 100px;}
    .jdztbg04{background-size:cover;margin-top: -70px; min-height: auto;}
    .jdztbg05{background-size:cover;margin-top: -70px; min-height: auto;}
    .jdztbg06{background-size:cover; margin-top: -105px;min-height: auto;}
    .jdztbg07{background-size:cover; min-height: auto; margin-top: -80px; padding-bottom: 100px;}
    .jdztbg08{background-size:cover; margin-top: -90px;min-height: auto; }
    .jdztbg09{background-size:cover; min-height: auto;margin-top: -96px;}
    .jdztbg10{background-size:cover; min-height: auto; padding-bottom: 100px;}
    .jdztbg11{background-size:cover; margin-top: -90px;min-height: auto;}
    
    .b_cent .btzw_cent,
    .c_cent .btzw_cent,
    .d_cent .btzw_cent,
    .f_cent .btzw_cent,
    .h_cent .btzw_cent,
    .i_cent .btzw_cent{ background-size:cover; }

    .top01_cas{ padding: 15px; }
    .top01_cas .right{ width: 40%; }
    .top02_logo{ padding: 0 15px; margin-bottom: 25px; }
    .top03_gl{ padding: 0 15px; display: none; }
    .top03_glmob{padding: 0 15px; display: block; }
    .kjtd_ul li >span{ font-size: 18px; padding: 4px 8px; }
    .dy_cent{margin: -75px 0 0 -40px;}
    .dy_cent span{ width: 120px; height: 120px; line-height: 120px; }
    .dy_cent span img{ width: 30px; display: inline-block; }
    .a_cent { padding-bottom: 110px; padding-top: 35%; }
    .btzw_cent h3{ font-size: 18px; line-height: 30px; }
    .btzw_cent p{ font-size: 15px; line-height: 26px;}
    .kx_y{left: 55px;top: 24px;}
    .b_cent{ padding-right: 0; padding-top: 30%; }
    .b_cent .dy_cent { margin: -80px 0 0 -20px;}
    .b_cent .btzw_cent{width: 90%;float: right; padding: 1px 15px 30px;}
    .c_cent{ padding-top: 100px; padding-bottom: 60px; }
    .c_cent .btzw_cent{ padding-bottom: 40px; }
    .rgt_qt{ display: none; }
    .d_cent{ padding-top: 30%; padding-left:10%; padding-bottom: 100px; }
    .d_cent .btzw_cent{ padding-top: 0; padding-bottom: 40px; }
    .e_cent{ padding-right: 0; padding-left: 10%; padding-top: 25%; }
    .e_cent .dy_cent{margin: -75px 0 0 -55px;}
    .e_cent .btzw_cent{padding: 1px 10px 100px 15px;}
    .f_cent{ padding-left: 0; padding: 30% 0 100px; }
    .f_cent .col-md-6 .img_hovbig img{ width: 100%; }
    .f_cent .sx_y{ padding-right: 10px; }
    .f_cent .dy_cent{ margin-right: 23px; }
    .f_cent .btzw_cent{ padding-bottom: 40px; }
    .f_cent .kx_y{top: 46px;
    left: 16px;}
    .g_cent{padding-bottom: 60px; padding-top: 36%;}
    .g_cent .dy_cent{margin: -75px 0 0 -55px;}
    .g_cent .btzw_cent{padding: 1px 10px 68px 15px;}
    .h_cent{ padding: 30% 0 120px 10%; }
    .h_cent .dy_cent{margin: -75px 0 0 -55px;}
    .h_cent .btzw_cent{ padding-bottom: 35px; }
    .i_cent{ padding-top: 30%; padding-left: 10%; }
    .i_cent .btzw_cent{ padding-top: 0; padding-left: 15px; padding-bottom: 35px;}
    .i_cent .dy_cent{margin: -75px 0 0 -55px;}
    .i_cent .sx_y{ padding-left: 12px; }
    .j_cent{ padding-left: 10%; padding-bottom: 25px; }
    .j_cent .sx_y img{ margin-left: -10px;  width: 40px;}
    .foot_yj{ height: auto; padding: 10px; line-height: 25px; font-size: 16px;}
    .c_cent .dy_cent { margin: -100px 0 0 -50px;}
    .j_cent .dy_cent{ margin-left: -45px; }
}
@media screen and (max-width:375px){
   
}


/* Scroll to top
---------------------------------- */
.scrollToTop {
    color: #fff;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 45px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    background-color: #0e67a6;
    z-index: 1005;
    border-radius:4px;
    display: none;
}
.scrollToTop img{
    display:inline-block;
    width: 28px;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
    .scrollToTop {
        width: 40px;
        height: 40px;
        line-height: 37px;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .scrollToTop img{
        display:inline-block;
        width: 25px;
    }
    .mb50{ margin-bottom: 30px; }
}

.img_hovbig{
    display: block;
  overflow: hidden;
}
.img_hovbig img {
  margin: 0;
  width: 100%;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.img_hovbig:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}