@charset "utf-8";
/*----------------------------------index css------------------------------------------*/
    .video_area{position: relative;}
.video-mobile-area{background-image: url(../images/def-video.jpg);
	background: -webkit-image-set(url(../images/def-video.webp) 1x);
	background: image-set(url(../images/def-video.webp) 1x);
background-repeat: no-repeat;
	background-size: cover;
	background-position: center;}
.video-mobile-area img{margin:auto;object-fit: contain;}
.index-video-con{ 
/*	background-color:#7AC9FB;*/
	position: relative;overflow: hidden;
}
.index-video-con video{position:relative;left:0px;top:0px;z-index: 1;margin:0 !important;padding:0 !important;width:100%;height:100%;object-fit: cover; }
.index-video-con .video_font_con{ position: absolute;width:94%;left:3%; text-align: center;z-index: 10;}
.index-video-con .videobutton{display: inline-block; position: absolute;bottom:5%;z-index: 20; cursor: pointer;}
@media screen and (min-width: 992px){
    .video_area{display: block;}
    .video-mobile-area{display: none;}
	.index-video-con .video_font_con{top:42%;}
	.index-video-con .video_font_con h1{font-size:45px;margin:0;padding-top:15px;padding-bottom:15px;}
	.video_area .videobutton{left:48%;}
}
@media screen and (max-width: 991px){
    .video_area{display: none;}
    .video-mobile-area{display: block;}
	.index-video-con .video_font_con{top:50%;}
	.index-video-con .video_font_con h1{font-size:24px;margin:0;padding-top:15px;padding-bottom:15px;}
	.video_area .videobutton{left:45%;}
    .video-mobile-area{height:400px;}
}

.fix_btn{background-color: #f3e04e;border-radius: 5px; color:#000;display:inline-block;padding:10px 20px;margin-top:15px;font-size:16px; text-decoration: none;}
.fix_btn:hover{color:#fff; background-color: #1c3c6e;text-decoration: none;}

.fix-banner-area,.fix-banner-area_four{position: relative;min-height:300px; display: table;width:100%;}
.fix-banner-area .col-md-7 img{ max-width: 100%;position: relative;width:100%; height:100%;}
.fix-banner-area{display: flex; flex-wrap: wrap;}
.fix-banner-area div[class*="col"]{padding: 0;margin:0;display: flex; justify-content: center;align-items: center;}
.fix-banner-area .fix-content strong{display: block;margin-top:15px;font-size:24px;}
.fix-banner-area .fix-content p{font-size:16px;line-height:30px;}
.fix-banner-area .fix-content h2{padding: 0;margin-top:0;margin-bottom:15px;font-weight:bold; display:inline-block;}
.fix-banner-area .fix-content h2 .light,fix-banner-area .fix-content h2 .light-middle{ font-weight:lighter !important;}
.fix-banner-area .fix-content h2 .light{font-size:18px;}
.fix-banner-area .fix-content h2 .light-middle{font-size:30px;}
.fix-banner-area .fix-content{color:#444444;font-size:18px;z-index:10;width:80%;}

.fix-banner-area_four{
background-image: url(../images/index-pic_four.webp);
background: -webkit-image-set(url(../images/index-pic_four.webp) 1x);
background: image-set(url(../images/index-pic_four.webp) 1x);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.fix-banner-area_four .fix-content_four{margin:auto; position: relative; text-align: center;}
.fix-banner-area_four .fix-content_four strong{display: block;margin-top:15px;font-size:24px;}
.fix-banner-area_four .fix-content_four p{font-size:16px;line-height:30px;}
.fix-banner-area_four .fix-content_four h2{padding: 0;margin-top:0;margin-bottom:15px;font-weight:bold; display:inline-block;}
.fix-banner-area_four .fix-content_four h2 .light,fix-banner-area .fix-content h2 .light-middle{ font-weight:lighter !important;}
.fix-banner-area_four .fix-content_four h2 .light{font-size:18px;}
.fix-banner-area_four .fix-content_four h2 .light-middle{font-size:30px;}
.fix-banner-area_four .fix-content_four{color:#444444;font-size:18px;z-index:10;}
.hot_crile{ text-align: center;padding-top:10px;}
.hot_crile a{color:#000; background-color: #f3e04e;border:1px solid #f3e04e;border-radius: 50px;display:inline-block; font-weight: lighter !important;margin-left:5px;margin-right:5px;font-size:16px;padding:5px 20px 5px 20px;margin-top:10px;
margin-bottom:10px;}
.hot_crile a:hover{ text-decoration: none;border:1px solid #1c3c6e; background-color: #1c3c6e;color:#fff;}
@media screen and (min-width: 992px){
	.fix-banner-area_four .fix-content_four{width:78%; padding:11% 5% 11% 5%;}
    .fix-banner-area .fix-content{padding-top:50px;padding-bottom:50px;}
}
@media screen and (max-width: 767px){
	.fix-banner-area_four .fix-content_four{width:90%;padding:6% 5% 6% 5%; }
	.hot_crile a{width:100%;}
    .fix-banner-area img{display: none;}
    .fix-banner-area .fix-content{padding-top:20px;padding-bottom:20px;}
}

.bg_color_one{background-color: #ffffff;}
.bg_color_two{background-color: #ffffff;}
.bg_color_three{background-color: #ffffff;}
.bg_color_four{background-color: #ffffff;}

.bg_ror_l{
min-height:700px;
}

 .bg_ror_l_one{
background-image: url(../images/index-pic_one-small.jpg);
background: -webkit-image-set(url(../images/index-pic_one-small.webp) 1x);
background: image-set(url(../images/index-pic_one-small.webp) 1x);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.bg_ror_l_two{
background-image:url(../images/index-pic_two-small.jpg);
background: -webkit-image-set(url(../images/index-pic_two-small.webp) 1x);
background: image-set(url(../images/index-pic_two-small.webp) 1x);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.bg_ror_l_three{
background-image:url(../images/index-pic_three-small.jpg);
background: -webkit-image-set(url(../images/index-pic_three-small.webp) 1x);
background: image-set(url(../images/index-pic_three-small.webp) 1x);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (min-width: 992px){
	.bg_ror_l{min-height:700px;}
   
}

@media screen and (max-width: 991px){
	.bg_ror_l{display: none !important;}
}


.hotservice strong{display:block;margin-bottom:15px;font-size:18px !important;}
.hotservice a{color:#666666;display:inline-block; font-weight: lighter !important;margin-right:10px;font-size:16px;}
.hotservice a:hover{color:#000000;}

@media screen and (min-width: 1280px){
	.hotservice a{width:47%;}
}
@media screen and (min-width: 992px){
	.hotservice{ display: block;}
}
@media screen and (max-width: 991px){
	.hotservice a{width:95%;}
	.hotservice{ display:none;}
}

/*----------------------------------index css end------------------------------------------*/