/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ height:450px;background:url(../img/banner_bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%; display: none;}
.ibanner .ban-fbg{  position:absolute; height:100%; width:100%; left:0; z-index:1; top:0;}
.ibanner .ban-font{ position:absolute; height:100%; width:100%; left:0; z-index:10; top:0; text-align:center;}
.ibanner .ban-font .fslide{ position:absolute; width:100%; height:100%;opacity:0;}
.ibanner .ban-font .active{opacity:1;}
.ibanner .ban-font .ban-t{ padding-top:8%; }
.ibanner .ban-font a{ color:#9e9f9f; padding-top:3rem; display:inline-block;opacity:0;}
.ibanner .ban-font a:hover{ color:#1b85e7;}
.ibanner .ban-font .active .ban-t{animation: fadeInLeft 4s forwards; text-align: right;}
.ibanner .ban-font .active a{animation: fadeInRight2 2s 0.6s forwards;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:251px;}
.ibanner .swiper-button-next{ left:291px;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:80%; background:none;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#888888; font-size:3rem;}
.ibanner .ban-img{ position:absolute; width:100%; height:100%; left:0; top:0;}
.ibanner .swiper-slide-active .ban-img{animation: zoomIn2 8s forwards;}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0); }
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0); }
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@-webkit-keyframes fadeInRight2{
  0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transform:scale(0.5);}
  100%{opacity:1;transform:none;transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);-webkit-transform:scale(1.0);}
}
@keyframes fadeInRight2{
  0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transform:scale(0.5);}
  100%{opacity:1;transform:none;transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);-webkit-transform:scale(1.0);}
}



.sect_bar1{ position: relative; width: 100%; padding: 1rem 0 0 0;clear: both; background: #fefdf6}
.sect_bar2{ position: relative; width: 100%; padding:2rem 0; background: #fff; clear: both; overflow: hidden;}
.sect_bar2-box{ position: relative; width: 100%; padding:2rem 0; background: #f1f1f1; clear: both; overflow: hidden;}
.sect_bar3 .title-1{ clear: both; text-align: center; background: url(../img/title1_bg.png) bottom center no-repeat; padding:0.5rem 0; margin-bottom: 1rem;  }
.sect_bar1 .title-1,.sect_bar2 .title-1{ clear: both; text-align: center; background: url(../img/title1_bg.png) 50% 60% no-repeat; padding:0.5rem 0; margin-bottom: 1rem;  }

.sect_bar1 .title1,.sect_bar2 .title1,.sect_bar3 .title1{ font-size:25px; font-weight: bold; color: #000; text-align: center; text-transform: uppercase;  }
.sect_bar1 .title2,.sect_bar2 .title2,.sect_bar3 .title2{ font-size: 16px; color: #e06700;text-align: center; text-transform: capitalize; }
.sect_bar1 .tip,.sect_bar2 .tip2,.sect_bar3 .tip2{ font-size: 1.2rem; color: #444; clear: both; text-align: center; padding:0; line-height: 3rem; margin-bottom: 0.5rem;}
.sect_bar1 .tip:after{ content: ''; clear: both; background: url(../img/title_2_bg.png) center center no-repeat; height: 28px; background-size: contain; width: 100%; display: block;}
.sect_bar1 .tip span{ color: #e2771d; font-weight: bold; }
.video{ position: relative; }
.video-bg{ clear: both; width: 100%; height: 100%; position: absolute; top: 0; left: 0;  z-index: 99999;  }
.video-bg img{ object-fit:cover; width: 100%; height: 100%; }
.video-pic1{  object-fit: cover; width: 100%; height: 100%;}
.v-txtW{ text-align:center; line-height: 4rem; margin-top: 2rem; font-weight: bold;}
.txtW2{ clear: both; text-align: center; }
.pro-box{ clear: both; padding: 2rem 0; }
.sect_bk1{position:relative; background: url(../img/bg_k1.jpg); padding: 3rem 0;}
.sect_bk1 .brow{ width: 16%; margin: 0 2%; text-align: center; transition: all 0.5s;}
.sect_bk1 .brow span{ font-size:2.7rem; color: #0f0f0f; line-height: 36px; display: block; background: url(../img/dot_1.png) no-repeat center 0; height: 122px; padding-top: 45px;}
.sect_bk1 .brow i{ font-style: normal; font-size:10px; color: #0f0f0f; border-top: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; font-family: "times new roman"; display: block; margin-top: 10px; padding: 5px 0;}
.sect_bk1 .brow:hover span{ background-image: url(../img/dot_hover.png); color: #fff; transition: all 0.5s;}
.ys-num{ font-size: 4rem;  color: #f1c2a8; font-weight: bold; margin-left: 20px;}
.ys-num2{ font-size: 4rem;  color: #f1c2a8; font-weight: bold; margin-right: 20px;}
.bg-1{ background: #fefdf6 }
.sect_bar2 .ysf1{ font-size: 1.4rem; font-weight: bold; color: #000; float: left; overflow: hidden; text-indent: 0.5rem;}
.sect_bar2 .ysf2{ font-size: 1.4rem;font-weight: bold;  color: #444; padding-top: 14px;}
.sect_bar2 .ys-txt1{ margin-left:1.5rem;  padding-top: 14px;  display: block;  }
.jiantou1{background: url(../img/ys_title_1.jpg) bottom 0 left 120px no-repeat;padding-bottom: 3.2rem; padding-right: 2rem;}
.jiantou2{background: url(../img/ys_title_2.jpg) bottom 0 right 20px no-repeat; padding-bottom: 2rem; padding-left: 2rem;}
.fl-l{ float: left; }
.fl-r{ float: right; }
.sect_bar2 .ys-tip{ color: #787878; font-size: 1.0rem; line-height: 2rem; margin-left: 20px; clear: both; }
.sect_bar2 .ys-tip span{ color: #e06700; font-weight: bold; font-size: 1.0rem; }
.sect_bar2 .ys-li-border{ clear: both; position: relative; border-bottom: 5rem;border-bottom:0.6rem solid #f1f1f1; margin-bottom: 2rem; }
.sect_bar2 .ys-li-border:after{ content: ''; height: 100%; width: 40%; right: 0; bottom: 0; position: absolute; background: #f1f1f1; z-index: 1; }
.sect_bar2 .ys-pic1{ z-index: 9999; position: relative; }
.sect_bar2 .ys-li-border2{ clear: both; position: relative; border-bottom: 5rem;border-bottom:0.6rem solid #f3c9a5; margin-bottom: 2rem; }
.sect_bar2 .ys-li-border2:after{ content: ''; height: 100%; width: 40%; left: 0; bottom: 0; position: absolute; background: #f3c9a5; z-index: 1; }
.sect_bar3{ background: #f5f5f5; padding: 4rem 0; }
.in-fl{ max-width: 420px; clear: both; margin: 0 auto; overflow: hidden; margin-bottom: 3rem;}
.in-fl a{ width: 30%; height: 35px; border:1px solid #CCC; line-height: 35px; text-align: center; color: #000; float: left; margin:1%; }
.in-fl a:hover{ background: #e06700; color: #FFF; }
.news-title{ font-size: 18px; font-weight: bold;color: #e2771d; line-height:1.8rem; margin-bottom: 1rem;}
.news-list:hover .news-title{ color: #000; }
.news-list:hover .news-date{ color: #000; }
.news-content { font-size: 14px; color: #636363; line-height: 24px; }
.news-list{ padding:2rem; box-sizing: border-box; width: 90%; margin: 0 auto;}
.news-list:hover{ background: #FFF; }
.news-date{ line-height: 3rem;  position: relative; padding-top: 1rem; font-weight: bold; }
.news-date:after{ content: '→'; position: absolute; right: 0; top:30%; }
.sect_bar4{ background:#fefdf6; padding:4rem 0; clear: both; }
.sect_bar4 .title-1{ clear: both; text-align: left; line-height: 1rem; margin-top: 2rem;}
.sect_bar4 .title1{ font-size: 2.5rem; font-weight: bold; color: #000;  }
.sect_bar4 .title2{ font-size: 2.5rem; color: #e06700; font-weight: normal; }
.sect_bar4 .en{ font-size: 2.5rem; color: #f9e6d7; clear: both; text-align: left; text-transform: uppercase; font-weight: bold; margin-top: 1rem;}








.sect_bk2{overflow:hidden;  position:relative; background: #f0eeef; padding: 5rem 0;}
.sect_bk2 .block-1{ position: relative; margin: 2rem 3rem 0 0; height: 410px;}
.sect_bk2 .block-1 p { color:#282828;text-align: left;writing-mode: lr-tb;writing-mode: tb-rl;overflow: hidden;word-break: break-all;height: 100%;position: absolute;width:100%;top: 0;left: 0;margin: 0 auto;right: 0; line-height: 36px;letter-spacing: 2px;}
.sect_bk2 .btit{ position: relative;}
.sect_bk2 .btit a{ display: block; background: #b7936f; color: #fff; height: 63px; line-height: 63px;  text-align:center;width: 100%; position: absolute; bottom: 0; right: -20px;}

.sect_bk2 .swiper-button-prev,.sect_bk2 .swiper-button-next{ background: #e50126; background-image:none ; width: 55px; height: 85px; text-align: center; line-height: 85px;}
.sect_bk2 .swiper-button-prev i,.sect_bk2 .swiper-button-next i{ color: #fff; font-size: 3rem;}
.sect_bk2 .swiper-button-prev{ left: -30px;}
.sect_bk2 .swiper-button-next{ right: -30px;}

.sect_bk3{ position:relative; overflow:hidden; background: url(../img/bg_k2.jpg) no-repeat center 0; padding-top:5rem;}
.sect_bk3 .wrap{}
.sect_bk3 .brow{ color: #f1ede1; border-left: 2px dotted #f1ede1; padding-left: 3rem;}
.sect_bk3 .brow span{ font-weight: bold; font-size: 3.6rem;}

.isub{ list-style: none; background:url(../img/sub_bg.jpg) #b49370; padding: 20px;}
.isub li{ line-height: 49px;}
.isub li a{ color: #590802; display: block; position: relative;}
.isub li a:after{ content: ""; display: block; position: absolute;  bottom:0; left: 0; width: 0; height: 2px; background: #590802; transition: all 0.5s;}
.isub li a:hover::after{ width: 100%; transition: all 0.5s;}

.sect_bk4{ background: url(../img/bg_k3.jpg) no-repeat center bottom; position:relative; overflow:hidden; padding-bottom: 8rem;}
.sect_bk4 .btit span{ display: block; color: #0c0c0c; font-weight: bold; font-size: 24px; width: 30px; line-height: 28px; text-align: center;}
.c-box{ position: relative; background: url(../img/pic-bg.jpg) no-repeat; background-size: cover;}
.c-box a{ display: block;padding: 4rem 2rem 2rem 2rem;}
.c-box .icon{ position: relative; padding-top: 7rem; padding-bottom: 3rem; }
.c-box  .txtW{ display: block; position: absolute;color: #333; text-align: center; top: 0; left: 10%; z-index: 10; line-height: 105px; font-weight: bold; font-size: 1.2rem;}
.c-box .txtW2{ display: block; position: absolute;color: #333; text-align:left; top: 18%; left: 10%; z-index: 10;  font-size: 0.8rem;}
.c-box .pro-more a{ font-size: 1.2rem; padding:0.5rem 1rem !important; background: #e06700; color: #FFF; position: absolute; bottom: 5%; left: 10%; display: block; margin: 0; display: none;}
.c-box:hover .pro-more a{ display: block; }

.c-box .ctit p{ font-size: 17px;}
.c-box a:hover .ctit p{ color: #590802;}

.sect_bk4 .btit2{ text-align: center; font-weight: bold; color: #0c0c0c; font-size: 22px;}
.sect_bk4 .btit2 span{ display: block; font-size: 5.7rem;}


.sect_bk5{ line-height: 0;}
.sect_bk5 img{ width: 100%;}

.sect_bk6{ background: url(../img/bg_k4.jpg) no-repeat center 0; padding: 5rem 0 0;}
.block-3{ padding: 3rem 3rem 20px;}
.sect_bk6 .c-box .ctit{ background: #0c0c0c; padding: 20px;}
.sect_bk6 .c-box .ctit p{ color: #fff;}
.sect_bk6 .c-box a:hover .ctit p{ color: #fff;}
.block-c{}
.block-c span{ display: block; color: #0c0c0c; font-size: 16px; font-weight: bold; padding: 15px 0;}
.block-c p{ color: #000;}