@font-face {
    font-family: 'wujie';
    src: url('../fonts/wujie.ttf');
}


section{ max-width:1440px;
	width:94%;
	position:relative; margin:0 auto;
}

section{padding:40px 0px 0px 0px;	}

@media only screen and (max-width:1400px) {

section{padding:20px 0px 0px 0px;	}
}

@media only screen and (max-width:1100px) {

section{padding:10px 0px 0px 0px;	}
}
/*Owl testimonial_carousel_1*/
.testimonial_carousel_1 .owl-nav{
	position:absolute;
	top:50%;
	width:100%;	
}
.testimonial_carousel_1 .owl-nav div{
	font-size:0px;
	position:absolute;	
}
.testimonial_carousel_1 .owl-nav .owl-prev{
	left:12px;
}
.testimonial_carousel_1 .owl-nav .owl-next{
	right:48px;
}
.testimonial_carousel_1 .owl-nav .owl-prev:before,
.testimonial_carousel_1 .owl-nav .owl-next:before{
	content:"\f104";
	font-family:fontawesome;
	position:absolute;
top:-20px;
	left:0px;
	width:36px;
	height:36px;
	color:#fff;
	font-size:30px; font-weight:300; background: rgba(0,0,0,.40);border-radius: 50%; line-height: 36px; text-align: center
}
.testimonial_carousel_1 .owl-nav .owl-next:before{
	content:"\f105";
}



/*Owl testimonial_carousel_2*/
  .testimonial_carousel_2 .owl-nav{
    position:absolute;
    top:50%;
    width:100%;	
  }
  .testimonial_carousel_2 .owl-nav div{
    font-size:0px;
    position:absolute;	
  }
  .testimonial_carousel_2 .owl-nav .owl-prev{
    left:12px;
  }
  .testimonial_carousel_2 .owl-nav .owl-next{
    right:48px;
  }
  .testimonial_carousel_2 .owl-nav .owl-prev:before,
  .testimonial_carousel_2 .owl-nav .owl-next:before{
    content:"\f104";
    font-family:fontawesome;
    position:absolute;
  top:-20px;
    left:0px;
    width:36px;
    height:36px;
    color:#fff;
    font-size:30px; font-weight:300; background: rgba(0,0,0,.40);border-radius: 50%; line-height: 36px; text-align: center
  }
  .testimonial_carousel_2 .owl-nav .owl-next:before{
    content:"\f105";
  }
  



 
/*Owl courses_subject_carousel_3-------------*/
.courses_subject_carousel_3 .owl-nav{
	position:absolute;
	top:50%;
	width:100%;	
}
.courses_subject_carousel_3 .owl-nav div{
	font-size:0px;
	position:absolute;	
}
.courses_subject_carousel_3 .owl-nav .owl-prev{
	left:12px;
}
.courses_subject_carousel_3 .owl-nav .owl-next{
	right:48px;
}
.courses_subject_carousel_3 .owl-nav .owl-prev:before,
.courses_subject_carousel_3 .owl-nav .owl-next:before{
	content:"\f104";
	font-family:fontawesome;
	position:absolute;
top:-20px;
	left:0px;
	width:36px;
	height:36px;
	color:#fff;
	font-size:30px; font-weight:300; background: rgba(0,0,0,.40);border-radius: 50%; line-height: 36px; text-align: center
}
.courses_subject_carousel_3 .owl-nav .owl-next:before{
	content:"\f105";
}



 
/*Owl courses_subject_carousel_4-----------------*/
.courses_subject_carousel_4 .owl-nav{
	position:absolute;
	top:50%;
	width:100%;	
}
.courses_subject_carousel_4 .owl-nav div{
	font-size:0px;
	position:absolute;	
}
.courses_subject_carousel_4 .owl-nav .owl-prev{
	left:12px;
}
.courses_subject_carousel_4 .owl-nav .owl-next{
	right:48px;
}
.courses_subject_carousel_4 .owl-nav .owl-prev:before,
.courses_subject_carousel_4 .owl-nav .owl-next:before{
	content:"\f104";
	font-family:fontawesome;
	position:absolute;
top:-20px;
	left:0px;
	width:36px;
	height:36px;
	color:#fff;
	font-size:30px; font-weight:300; background: rgba(0,0,0,.40);border-radius: 50%; line-height: 36px; text-align: center
}
.courses_subject_carousel_4 .owl-nav .owl-next:before{
	content:"\f105";
}

 

 
/*Owl courses_subject_carousel_5-----------------*/
.courses_subject_carousel_5 .owl-nav{
	position:absolute;
	top:50%;
	width:100%;	
}
.courses_subject_carousel_5 .owl-nav div{
	font-size:0px;
	position:absolute;	
}
.courses_subject_carousel_5 .owl-nav .owl-prev{
	left:12px;
}
.courses_subject_carousel_5 .owl-nav .owl-next{
	right:48px;
}
.courses_subject_carousel_5 .owl-nav .owl-prev:before,
.courses_subject_carousel_5 .owl-nav .owl-next:before{
	content:"\f104";
	font-family:fontawesome;
	position:absolute;
top:-20px;
	left:0px;
	width:36px;
	height:36px;
	color:#fff;
	font-size:30px; font-weight:300; background: rgba(0,0,0,.40);border-radius: 50%; line-height: 36px; text-align: center
}
.courses_subject_carousel_5 .owl-nav .owl-next:before{
	content:"\f105";
}

   


 
/*Owl courses_subject_carousel_nav-----------------*/
.courses_subject_carousel_nav .owl-nav{
	position:absolute;
	top:50%;
	width:100%;	
}
.courses_subject_carousel_nav .owl-nav div{
	font-size:0px;
	position:absolute;	
}
.courses_subject_carousel_nav .owl-nav .owl-prev{
	left:-30px;
}
.courses_subject_carousel_nav .owl-nav .owl-next{
	right:6px;
}
.courses_subject_carousel_nav .owl-nav .owl-prev:before,
.courses_subject_carousel_nav .owl-nav .owl-next:before{
	content:"\f104";
	font-family:fontawesome;
	position:absolute;
top:-20px;
	left:0px;
	width:36px;
	height:36px;
	color:#666;
	font-size:36px; font-weight:300;border-radius: 50%; line-height: 36px; text-align: center
}
.courses_subject_carousel_nav .owl-nav .owl-next:before{
	content:"\f105";
}

.courses_subject_carousel_nav .item a{display: inline}
.courses_subject_carousel_nav .item .on .s_nav{background-image: linear-gradient(-40deg, #1952c4, #1952c4,   #00bdfe);color:#fff;transition:all .1s; }
.courses_subject_carousel_nav .item .on a{color: #fff;transition:all .1s; }

.s_nav:hover{background-image: linear-gradient(-40deg, #00bdfe, #00bdfe,   #1952c4);color:#fff;transition:all .1s; }
.s_nav_box{ overflow: hidden;  padding:0 20px;}
.s_nav{padding: 0px;list-style: none;max-width: 150px; width:96%; background:#ddd;text-align:center; height:50px;font-weight: bold;line-height:50px; color:#222;cursor:pointer;transition:all .1s; border-radius: 40px; margin:0 auto} 

/*Owl courses_subject_carousel_nav-----//------------*/






.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {

    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
	

	
  .owl-carousel .owl-item img {
}
	
	
	
	
	
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
	
	
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    display: none; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

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

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
  
 
 

  





#inside_tu{ width:100%; background-size:cover; background:#222; position: relative; }
#inside_tu img{width: 100%; height: auto;}
.main_box {
    max-width: 1470px;
    overflow: hidden;
    width: 94%;
    margin: 0 auto;
}
.common_top_title {
    overflow: hidden;
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}.common_top_title dl {
    overflow: hidden;
    color: #fff;
}.common_top_title dl dt {
    overflow: hidden;
    font-size: 80px;
    font-weight: 300;
    font-family: "wujie";
}
#inside_tu img {
    width: 100%;
    height: auto;
}


.space1{ overflow:hidden; clear:both; height:10px; width:100%}
.space2{ overflow:hidden; clear:both; height:20px; width:100%}
.space3{ overflow:hidden; clear:both; height:30px; width:100%}
.space4{ overflow:hidden; clear:both; height:40px; width:100%}

.main_box{ max-width:1470px; overflow:hidden; width:94%; margin:0 auto;}

@media only screen and (max-width:1300px) {
  .space3{ overflow:hidden; clear:both; height:15px; width:100%}
  .space4{ overflow:hidden; clear:both; height:25px; width:100%}
  }


@media only screen and (max-width:1000px) {
.space2{ overflow:hidden; clear:both; height:10px; width:100%}
.space3{ overflow:hidden; clear:both; height:10px; width:100%}
.space4{ overflow:hidden; clear:both; height:20px; width:100%}
}


.hui_bg{ background:#f4f4ef; width:100%; padding:80px 0px 80px 0px; overflow:hidden; position: relative; }
.bai_bg{ background:#ffffff; width:100%; padding:80px 0px 80px 0px; overflow:hidden; position: relative; }


@media only screen and (max-width:1400px) {
.hui_bg{ background:#f4f4ef; width:100%; padding:60px 0px 60px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:60px 0px 60px 0px; overflow:hidden; }
}


@media only screen and (max-width:1100px) {
.hui_bg{ background:#f4f4ef; width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}



.join_advantage{margin: 0;padding: 0;overflow: hidden;display: flex;display: -webkit-flex;justify-content:space-between;align-items: center;}
.join_advantage_dv{width: 45%;float: left;overflow: hidden; margin: 0px; padding: 0;}
.brand_dv{overflow: hidden;margin:0 auto;padding:0px;}
.brand_dv img{max-width: 100%; width: auto; height: auto;vertical-align: top}


.join_advantage_info{width: 50%;float: right;overflow: hidden; margin: 0px; padding: 0;}
.join_advantage_info dl{overflow: hidden; margin: 0px; padding: 0;}
.join_advantage_info dl dt{overflow: hidden; margin: 0px; padding: 0;font-size: 40px; margin-bottom: 10px;font-family:"wujie";font-weight: 300; color: #b01d27;}
.join_advantage_info dl dd{overflow: hidden; margin: 0px; padding: 0;font-size: 16px; line-height: 190%;}

@media screen and (max-width: 1200px) {
	.join_advantage_info dl dd{font-size: 14px; }
	.join_advantage_info dl dt{font-size: 30px; }
}

@media screen and (max-width: 900px) {
	.join_advantage_dv{width: 50%;}
	.join_advantage_info{width: 47%;}
}

@media screen and (max-width: 750px) {
	.join_advantage_dv{width: 100%; margin-bottom: 10px;}
	.join_advantage_info{width:100%;}
	.join_advantage{display: block;}
	.join_advantage_info dl dt{font-size: 30px;text-align: center;}
}
.prat1_box1{ position: relative; margin: 0px;padding: 0px; z-index: 2; margin-top: -100px;}
.pr_t_bg{margin: 0px;padding: 0px;overflow: hidden; }
.pr_t_bg img{width: 100%; height: auto;vertical-align: bottom; min-height:66px ;} 
.pr_B_bg{margin: 0px;padding: 0px;overflow: hidden; z-index: 2;
    position: relative;}
.pr_B_bg img{width: 100%; height: auto;vertical-align: top; min-height:66px ;} 


.prat_bg{margin: 0px;padding: 0px;overflow: hidden;  background:#f1f6fa url(../images/main_bg_bai.jpg) repeat-y; background-size: 100% auto; padding-bottom: 100px ;}

.prat1_box2{ position: relative; margin: 0px;padding: 0px; z-index: 3; margin-top: -100px;}

#yj{ position:relative; margin-top:-100px; z-index:2;}


@media only screen and (max-width:1350px) {
	.prat1_box1{ margin-top: -70px;}
	.prat1_box2{ margin-top: -60px;}
}
@media only screen and (max-width:1100px) {
	.prat1_box1{ margin-top: -60px;}
	.prat1_box2{ margin-top: -50px;}
}
@media only screen and (max-width:1000px) {
	.prat1_box1{ margin-top: -50px;}
	.prat1_box2{ margin-top: -50px;}
}

@media only screen and (max-width:680px) {
	.prat1_box1{ margin-top: -30px;}
	.prat1_box2{ margin-top: -30px;}

}


.sy_title_Box {position: relative;text-align: center;line-height: 1.2;font-family:"wujie";}
.sy_title_Box .en {color: #222;font-size: 2vw;text-transform: uppercase;}
.sy_title_Box .text {color: #b01d27;font-size: 6vw;}
.sy_title_Box .s_txt {color: #fff;font-size:2vw; line-height: 30px; margin-top: 20px;}
.sy_title_Box .text_tel {color: #D4282D;font-size: 2.5vw;}

.sy_title_Box .info{
	width: 92%;
	height: auto;
	position: relative;
	color: #b01d27; margin: 0 auto;
	font-size: 2.5vw;
	line-height: 1.5;
	font-weight: 300;
	font-style: italic; 
}
.sy_title_Box .info p{ margin: 0px; padding: 0px;}

@media only screen and (max-width:1000px) {
	.sy_title_Box .en {font-size: 16px;}
	.sy_title_Box .info{font-size: 16px}
	.sy_title_Box .text {font-size:8vw;}
	.sy_title_Box .s_txt {font-size:20px; margin-top: 10px;}
	.sy_title_Box .text_tel {font-size: 3.5vw;}
}

@media only screen and (max-width:600px) {
.sy_title_Box .en {font-size: 15px;}
.sy_title_Box .text_tel {font-size: 22px;}
}



.sy_title_Box .info  p{
    display: inline;
    background-image: linear-gradient(to right,#333 0,#dd0008 100%);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    -webkit-transition: .3s,background-size .8s;
    transition: all .3s,background-size .8s;
}

.sy_title_Box .info  p:hover { background-size: 100% 2px;}
.space4{ overflow:hidden; clear:both; height:40px; width:100%}


.Signing_pic{overflow: hidden; margin: 0 auto; padding: 0;width: 94%;}
.Signing_pic img{overflow: hidden; margin: 0px; padding: 0;}

.jmzc_box{overflow: hidden; margin: 0 auto;  padding: 50px 40px  70px 40px;background: url(../images/jmzc_bg.png) no-repeat center; background-size: 95% 95%; min-height: 300px;}

.jmzc_box dl{overflow: hidden; margin: 0; text-align: center;}
.jmzc_box dl dt{overflow: hidden; margin: 0; padding:0;font-size: 26px;font-family:"wujie";font-weight: 300; color: #b01d27; margin-bottom: 5px; display: flex;justify-content: center;}
.jmzc_box dl dd{overflow: hidden; margin: 0; padding:0;font-size: 16px;}
.jmzc_tu{background: #b01d27; width: 70px; height: 70px; border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.jmzc_tu img{ width: 50%; height: auto;}

@media screen and (max-width: 1200px) {
	.jmzc_box dl dt{font-size: 24px;}
	.jmzc_box dl dd{font-size: 14px; line-height: 190%;}
	.jmzc_tu{width: 60px; height: 60px; }
}


@media screen and (max-width: 539px) {
	.jmzc_box dl{ padding: 0px 20px;}
}


.prat_h_bg{margin: 0px;padding: 0px;overflow: hidden;  background:#000 url(../images/h_bg.jpg) no-repeat left bottom fixed; background-size: cover; padding-bottom: 240px ; padding-top: 150px; position: relative; z-index: 1; margin-top: -100px;}

@media only screen and (max-width:1000px) {
.prat_h_bg{ background:#000 url(../images/h_bg.jpg) no-repeat right bottom ; background-size: cover; padding-bottom: 140px; }
}

.dmshu{position: absolute; z-index: 8;width: 12.8vw;bottom:5%;left:66vw}
.dmshu img{width: 100%;height: auto;}

.index_rqbox{overflow: hidden; position: relative; }

.index_tv {  position: relative;
width: 50vw;
 margin: 0 auto;
margin-top: 1vw;
z-index: 6;
}
.index_tv img{width: 100%; height: auto;}

.index_video {
	width: 35vw;
	height: 29vw;
	position: absolute;
	left: 28vw;
	margin-top: 4vw;
	z-index: 2;
}

.video_Btn{display: none;}
.index_video video{width: 100%;height: 100%;object-fit: cover !important;}

.index_video .poster img{width: 100%;height: auto;}
.rqtu_box{position: absolute; height: 100%; width: 100%; z-index: 0;}

.video_Btn{
	width: 40px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 43%;
	transform: translate(-50%, -50%); text-align: center; z-index: 7;
}
.video_Btn img{width: 40px; height: 40px;}
@media only screen and (max-width:950px) {
	.index_video .poster{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	
	}

.index_video .index_video{background: #000;}
.index_video .poster img{width: 100%;height: 100%;object-fit: cover;}
.index_video .poster,.video_Btn{display: block;}
}



.drtd_pic{overflow: hidden; margin: 0px; padding: 0; width: 94%; margin: 0 auto;}
.drtd_pic img{width: 100%; height: auto;}


.rm_bg{overflow: hidden;  background:url(../images/rm_bg.png) no-repeat center top; background-size:cover ;padding-top:10% ;position: relative; z-index: 2; margin-top: -200px; padding-bottom:8%;}


.sy_more_k{ margin-top: 20px; text-align: center; position:relative; z-index: 10;}
.sy_more_k a{display: inline;}
.sy_more_k img{max-width: 120px; height: auto;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.sy_more_k a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);-moz-transform: scale(1.05);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


@media only screen and (max-width:1000px) {
	.rm_bg{ margin-top: -100px;}
	.sy_more_k{ margin-top: 10px;}
}

@media only screen and (max-width:750px) {
.hot_list{padding: 30px 5vw;}
.sy_more_k{ margin-top:0px;}

.hot_list{overflow: hidden; padding: 0px;margin: 0px;
	width: 100%;

	position: relative;
	text-align: center;
	padding: 20px 4vw;display: block; flex-wrap: wrap; justify-content: center;}

	.hot_list li {
		width: 25%;float: left;;
		display: block;
		margin:0;
		position: relative;
	
	}


}

.thqr_icon1{ width: 15%; position: absolute; z-index: 3;top:6%;left:5%}
.thqr_icon1 img{width: 100%; height: auto;vertical-align: top;}

.thqr_icon2{ width: 11%; position: absolute; z-index: 3;bottom:-2%;right:5%}
.thqr_icon2 img{width: 100%; height: auto;vertical-align: top;}

.thqr_icon3{ width: 11%; position: absolute; z-index: 3;top:0;right:5%}
.thqr_icon3 img{width: 100%; height: auto;vertical-align: top;}


.tandian_tu{overflow: hidden;text-align: center; margin: 0 auto;}
.tandian_tu img{width: 100%; height: auto;}


   .swiper {
      width: 100%;
      padding-bottom: 40px;position: relative;
    }
  
    .swiper-slide {
      text-align: center;
      font-size: 18px;
  ;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
    .swiper-slide img {
      display: block;
      width: 100%;
      height: auto;
  
    }
    
   .my-button-disabled{ opacity:0.2; } 
    
  .swiper-button-prev{ transform: scale(0.6); color: #ff021e!important;}	
  .swiper-button-next{ transform: scale(0.6);color: #ff021e!important;  }
    
    .banner1{ overflow: hidden}
    .banner2{ overflow: hidden;}
    
  .swiper-pagination-bullet{  background: #fff;}
  .content_txt img {
    max-width: 100% !important;
    height: auto !important;
}



.prat_h_bg{margin: 0px;padding: 0px;overflow: hidden;  background:#000 url(../images/h_bg.jpg) no-repeat left bottom fixed; background-size: cover; padding-bottom: 240px ; padding-top: 150px; position: relative; z-index: 1; margin-top: -100px;}

@media only screen and (max-width:1000px) {
.prat_h_bg{ background:#000 url(../images/h_bg.jpg) no-repeat right bottom ; background-size: cover; padding-bottom: 140px; }
}

.dmshu{position: absolute; z-index: 8;width: 12.8vw;bottom:5%;left:66vw}
.dmshu img{width: 100%;height: auto;}

.index_rqbox{overflow: hidden; position: relative; }

.index_tv {  position: relative;
width: 50vw;
 margin: 0 auto;
margin-top: 1vw;
z-index: 6;
}
.index_tv img{width: 100%; height: auto;}

.index_video {
	width: 35vw;
	height: 29vw;
	position: absolute;
	left: 28vw;
	margin-top: 4vw;
	z-index: 2;
}

.video_Btn{display: none;}
.index_video video{width: 100%;height: 100%;object-fit: cover !important;}

.index_video .poster img{width:50%; width: auto;height: 27vw; margin-left:11px;}
.rqtu_box{position: absolute; height: 100%; width: 100%; z-index: 0;}

.video_Btn{
	width: 40px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 43%;
	transform: translate(-50%, -50%); text-align: center; z-index: 7;
}
.index_video .poster{ width:100%; overflow:hidden; }
.video_Btn img{width: 40px; height: 40px;}
@media only screen and (max-width:950px) {
	.index_video .poster{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	
	}

.index_video .index_video{background: #000;}
.index_video .poster img{width: 100%;height: 100%;object-fit: cover;margin-left: 0;}
.index_video .poster,.video_Btn{display: block;}
}




.videolist { margin: 0px; padding: 0px}
.videolist:hover{ cursor: pointer;}
.videos{ display:none; position:fixed; z-index:9999999; max-width:900px;width:85%; height:auto;left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); background:#fff; margin: 0px; padding: 5px 5px 3px 5px;box-shadow:0 0 20px 1px rgba(0,0,0,.3) }
.vclose { position:absolute;right:10px; top:10px; border-radius:100%; cursor: pointer; background: #dc0303; padding: 2px}

@media only screen and (max-width: 700px) {
.videos{width:80%;background:#eee;}

.index_tv {  position: relative;
	width: 60vw;
	 margin: 0 auto;
	margin-top: 1vw;
	z-index: 6;
	}

	.index_video {
		width: 45vw;
		height: 33vw;
		position: absolute;
		left: 22vw;
		margin-top: 4.9vw;
		z-index: 2;
	}

	.dmshu{bottom:8%;left:70vw;width: 14vw;}

}


.bgPop{  display: none;position:fixed;z-index:9999998;left:0;top: 0;width: 100%;height:100%;background: rgba(0,0,0,.5); overflow:hidden;   }


video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px);}


.container-fluid{ 
	width:100%;
	margin-right:auto;
	margin-left:auto; position: relative;transform:rotate(-3deg);background: url(..1/images/img_jj1.png) repeat-x; }



.overflow-hidden{position: absolute; width: 100%; height: auto;top:25%; z-index: 1;left:0}

.index_jjBox {
	height: 30vw;
	overflow: hidden;
	position: relative;
	position: absolute;
	z-index: 3;
	left: -0.5vw;
	width: 105%;
	margin-top: -2.5vw;
}
.index_jjBox  img{width: 100%; height: auto;}
@keyframes ticker {
	0% {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	visibility:visible
}
100% {
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0)
}

}
@keyframes rainbow {
	0% {
	background-position:left
}
50% {
	background-position:right
}
100% {
	background-position:left
}

}

.text-headlines {
	display:inline-flex; display: flex; position: relative;
	white-space:nowrap; 
}
.text-headlines__item { display: inline-flex;
	color:#807e7e; flex: 0 0 auto;
	-webkit-text-fill-color:transparent;
	-webkit-text-stroke-width:1px;
	-webkit-text-stroke-color:#807e7e;
	/*animation:3s ticker linear infinite;*/
	line-height:1
}
.text-headlines__item img{ width: 16vw;height: 10.5vw;vertical-align: top; width: auto; border-right: 8px solid #111;}


@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-200px * 1)); /* 每次移动一个项目 */
    }
}
.text-headlines.auto-scroll {
    animation: scroll 20s linear infinite;
}
.text-headlines:hover.auto-scroll {
    animation-play-state: paused;
}
.text-headlines {
    display: flex;
    align-items: center;
   
  
}

.carousel-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
   width:100%;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
}

.text-headlines-track {
    display: flex;
    animation: scrollLeft 20s linear infinite;
    padding: 0 15px;
}
.text-headlines__item.adjacent {
    opacity: 0.8;
    transform: scale(1.0);
}
@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-200px * 7 - 15px * 14)); /* 移动所有项目的总宽度 */
    }
}
.text-headlines:hover .text-headlines-track {
    animation-play-state: paused;
}



.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 18px;
    transition: all 0.3s ease;
    z-index: 20;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.carousel-btn:hover {
    background: #fff;
    border-color: #007bff;
    color: #007bff;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.carousel-btn:active {
    transform: translateY(-50%) scale(0.95);
}

.carousel-prev {
    left: 0;
}

.carousel-next {
    right: 0;
}

/* 按钮禁用状态 */
.carousel-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: translateY(-50%);
}

.carousel-btn:disabled:hover {
    background: rgba(255, 255, 255, 0.9);
    border-color: #ddd;
    color: #333;
    transform: translateY(-50%);
}



@media only screen and (max-width: 950px){
    
    .carousel-btn { width:30px; height:30px;}

    #yj img{ max-width:100%;}
    #inside_tu{ padding-top:100px;}
 .join_advantage_info {
        width: 100%;
        min-height: 500px;
    }
    #yj img{ max-width:100%;}
    .section{ position:relative;}
    .pr_B_bg {
        
        position: absolute;
        bottom: 50px;
    }
    .text-headlines{ width:100%;}
}