hr{height:1px;border:0;background-color:#dddddd;}
.full-div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.flex-center {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  height: auto;           /* 需要设置容器高度 */
}

.hover-card {
    overflow: hidden;
    border-radius: 8px;
}
 .hover-card>img {
        transition:all ease-in-out .5s
    }

    .hover-card:hover>img {
        transform: scale(1.1)
    }
    
     .hover-card>a>img {
        transition:all ease-in-out .5s
    }

    .hover-card:hover>a>img {
        transform: scale(1.1)
    }

.baifont{color:#fff}

.text-align{text-align:Center}

.layer{position:relative!important}
[data-background]{background-size:cover;background-repeat:no-repeat;background-position:center center}
.deco_wrap{z-index:1;position:relative}
.deco_wrap .deco_image{z-index:-1;position:absolute}a,button{cursor:pointer;display:inline-block;text-decoration:none; }a:hover,button:hover{text-decoration:none}button{margin:0;padding:0;border:0;background:0}button:focus{outline:0}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:500;color:#222;}strong,span,small,label,i{ }
.form_item{position:relative;margin-bottom:30px}
.form_item .input_icon{top:50%;right:30px;margin:0;line-height:1;position:absolute;color:#00a6df;transform:translateY(-50%)}
.form_item .input_title{display:block;line-height:1;font-size:18px;font-weight:normal;margin-bottom:15px;color:#666666; }
.form_item input,.form_item textarea{width:100%;border:0;outline:0;display:block;transition:all .3s ease-in-out}
.form_item input{height:65px;padding:0 15px}
.form_item textarea{min-height:130px;padding:25px 30px}
.form_item .submit_btn{top:50%;right:0;position:absolute;transform:translateY(-50%);  background-image: linear-gradient(to right, #000000 0, #000000 100%); color:#ffffff; font-size:20px; font-weight:normal; width:100px; }:-moz-placeholder{color:#616161;font-weight:500; text-transform:capitalize}::-moz-placeholder{color:#616161;font-weight:500; text-transform:capitalize}:-ms-input-placeholder{color:#616161;font-weight:500; text-transform:capitalize}::-webkit-input-placeholder{color:#616161;font-weight:500; ;text-transform:capitalize}


.select_option{position:relative;margin-bottom:30px; font-size:24px; font-weight:bold;}
.select_option .nice-select{float:none;width:100%;height:65px;border:0;display:block;font-size:15px;text-align:left;line-height:65px;padding:0 30px;border-radius:0;padding-right:40px;background-color:#fff; transition:all .3s ease-in-out}
.select_option .nice-select:after{top:55%;right:0;margin:0;width:auto;right:30px;border:0;height:auto;line-height:1;content:"\f107";font-weight:400;color:#00a6df;transform:translateY(-55%);transition:all .3s ease-in-out;font-family:"Font Awesome 5 Pro"}
.select_option .nice-select>span{color:#616161;font-weight:500; text-transform:capitalize}
.select_option .nice-select .list{width:100%;border:0;margin-top:8px;padding:10px 0;border-radius:0;background-color:#fff;box-shadow:0 10px 30px 0 rgba(0,0,0,0.08)}
.select_option .nice-select .list li{font-weight:400;padding:0 25px;color:#757575}
.select_option .nice-select .list li:hover,.select_option .nice-select .list li.focus,.select_option .nice-select .list li.selected.focus{color:#00a6df;background-color:#f7f8fa}
.owl-theme .owl-dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.owl-theme .owl-dots .owl-dot{float:left;margin:0;padding:0;display:inline-block}
.owl-theme .owl-dots .owl-dot:not(:last-child){margin-right:12px}
.owl-theme .owl-dots .owl-dot span{margin:0;width:15px;height:15px;opacity:.4;background:#00a6df;transition:all .3s ease-in-out}
.owl-theme .owl-dots .owl-dot:hover span,.owl-theme .owl-dots .owl-dot.active span{opacity:1;background:#00a6df}
.owl-theme .owl-nav .owl-next,.owl-theme .owl-nav .owl-prev{margin:0;width:65px;height:65px;border:0;overflow:hidden;position:relative;border-radius:0}
.owl-theme .owl-nav .owl-next>span,.owl-theme .owl-nav .owl-prev>span{display:none}
.main_slider.owl-theme .owl-nav .owl-next:before, .main_slider.owl-theme .owl-nav .owl-prev:before{top:0;left:0;right:0;bottom:0;z-index:1;font-size:50px;font-weight:400;line-height:56px;text-align:center;position:absolute;border-radius:100%;color:#222;border:2px solid #dbdbdb; background:rgba(255,255,255,0.9); transition:all .3s ease-in-out;font-family:"Font Awesome 5 Pro";     opacity: 0;}
.main_slider.owl-theme:hover .owl-nav .owl-next:before, .main_slider.owl-theme:hover .owl-nav .owl-prev:before{ opacity: 0.6; }
.owl-theme .owl-nav .owl-next:hover,.owl-theme .owl-nav .owl-prev:hover{background:transparent}
.owl-theme .owl-nav .owl-next:hover:before,.owl-theme .owl-nav .owl-prev:hover:before{color:#fff;background:#00a6df;border-color:#00a6df;  opacity: 1;}
.owl-theme .owl-nav .owl-prev{ left:10px; position:absolute;}
.owl-theme .owl-nav .owl-next{ right:10px; position:absolute;}
.owl-theme .owl-nav .owl-prev:before{content:"‹"}
.owl-theme .owl-nav .owl-next:before{content:"›"}
/*.owl-theme .owl-dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.owl-theme .owl-dots .owl-dot{float:left;margin:0;padding:0;display:inline-block}
.owl-theme .owl-dots .owl-dot:not(:last-child){margin-right:12px}
.owl-theme .owl-dots .owl-dot span{margin:0;width:10px;height:10px;opacity:.4;background:#00a6df;transition:all .3s ease-in-out}
.owl-theme .owl-dots .owl-dot:hover span,.owl-theme .owl-dots .owl-dot.active span{opacity:1;background:#00a6df}
.owl-theme .owl-nav .owl-next,.owl-theme .owl-nav .owl-prev{margin:0;width:65px;height:65px;border:0;overflow:hidden;position:relative;border-radius:0}
.owl-theme .owl-nav .owl-next>span,.owl-theme .owl-nav .owl-prev>span{display:none}
.owl-theme .owl-nav .owl-next:before,.owl-theme .owl-nav .owl-prev:before{top:0;left:0;right:0;bottom:0;z-index:1;font-size:18px;font-weight:400;line-height:65px;text-align:center;position:absolute; color:#222;border:2px solid #dbdbdb;transition:all .3s ease-in-out;font-family:"Font Awesome 5 Pro"}
.owl-theme .owl-nav .owl-next:hover,.owl-theme .owl-nav .owl-prev:hover{background:transparent}
.owl-theme .owl-nav .owl-next:hover:before,.owl-theme .owl-nav .owl-prev:hover:before{color:#fff;background:#00a6df;border-color:#00a6df}
.owl-theme .owl-nav .owl-prev{margin-right:5px}
.owl-theme .owl-nav .owl-prev:before{content:"<"}
.owl-theme .owl-nav .owl-next:before{content:">"}*/
.ul_li,.ul_li_right,.ul_li_center{margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}
.ul_li>li,.ul_li_right>li,.ul_li_center>li{float:left;list-style:none;display:inline-block}
.ul_li{justify-content:flex-start}
.ul_li_center{justify-content:center}
.ul_li_right{justify-content:flex-end}
.ul_li_block{margin:0;padding:0;display:block}
.ul_li_block>li{display:block;list-style:none}
.rating_star li{color:#ecb006;font-size:12px}
.rating_star li:not(:last-child){margin-right:2px}
.social_title{line-height:1;font-size:15px;font-weight:500;margin-right:20px;display:inline-block;color:#222;text-transform:uppercase; }
.primary_social_links li:not(:last-child){margin-right:20px}
.primary_social_links a{display:block;line-height:1;font-size:15px;color:#757575}
.primary_social_links a:hover{color:#00a6df}
.square_social_links li:not(:last-child){margin-right:10px}
.square_social_links a{width:45px;height:45px;display:block;color:#fff;font-size:14px;overflow:hidden;position:relative;text-align:center}
.square_social_links a i{left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out}
.square_social_links a i:nth-child(1){top:50%;transform:translate(-50%,-50%)}
.square_social_links a i:nth-child(2){top:100%;opacity:0}
.square_social_links a:hover i:nth-child(1){top:-100%;opacity:0;transform:translateX(-50%)}
.square_social_links a:hover i:nth-child(2){top:50%;opacity:1;transform:translate(-50%,-50%)}
.circle_social_links li:not(:last-child){margin-right:8px}
.circle_social_links a{width:45px;height:45px;display:block;color:#878bd0;font-size:20px;overflow:hidden;line-height:49px;position:relative;text-align:center;border-radius:100%;}
.circle_social_links a i{left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out}
.circle_social_links a i:nth-child(1){top:55%;transform:translate(-50%,-55%)}
.circle_social_links a i:nth-child(2){top:100%;opacity:0}
.circle_social_links a:hover i{color:#fff}
.circle_social_links a:hover i:nth-child(1){top:-100%;opacity:0;transform:translateX(-50%)}
.circle_social_links a:hover i:nth-child(2){top:55%;opacity:1;transform:translate(-50%,-55%)}
.circle_social_links .bg_facebook:hover{background-color:#3b5998}
.circle_social_links .bg_twitter:hover{background-color:#1da1f2}
.circle_social_links .bg_youtube:hover{background-color:#f00}
.circle_social_links .bg_linkedin:hover{background-color:#007bb5}
.pagination_nav li:not(:last-child){margin-right:10px}
.pagination_nav a{height:40px;display:block;color:#222;font-size:18px;padding:0 12px;line-height:38px;text-align:center;border-radius:6px;border:2px solid #dbdbdb; }
.pagination_nav li:hover a,.pagination_nav li.active a{color:#fff;border-color:#222222;background-color:#222222;}
.post_meta>li:not(:last-child){margin-right:30px}
.post_meta a{display:block;line-height:1;color:#757575}
.post_meta a:hover{color:#00a6df}
.post_meta i{margin-right:10px;color:#00a6df}
.check_info_list>li,.outline_check_info_list>li{line-height:1;position:relative;padding-left:35px}
.check_info_list>li:not(:last-child),.outline_check_info_list>li:not(:last-child){margin-bottom:30px}
.check_info_list>li:before,.outline_check_info_list>li:before{top:0;left:0;line-height:1;font-weight:400;position:absolute;color:#fec931;font-family:"Font Awesome 5 Pro"}
.check_info_list>li:before{content:"?"}
.outline_check_info_list>li:not(:last-child){margin-bottom:25px}
.outline_check_info_list>li:before{top:-1px;content:"?";color:#00a6df}
.circle_check_info_list>li{font-weight:500;padding-top:5px;position:relative;padding-left:50px;color:#222}
.circle_check_info_list>li:not(:last-child){margin-bottom:15px}
.circle_check_info_list>li:before{top:0;left:0;width:35px;height:35px;font-weight:400;content:"?";line-height:37px;text-align:center;position:absolute;border-radius:100%;color:#00a6df;background-color:#fff;font-family:"Font Awesome 5 Pro"}
.primary_tag_list{margin:-3px}
.primary_tag_list li{padding:3px;position:relative}
.primary_tag_list li:after{right:0;bottom:2px;content:",";line-height:1;position:absolute}
.primary_tag_list li:last-child:after{display:none}
.primary_tag_list a{display:block;line-height:1;color:#757575}
.primary_tag_list a:hover{color:#00a6df}
.sec_ptb_130{padding:80px 0}
.mt__30{margin-top:-30px}
.mt__50{margin-top:-50px}
.mb_15{margin-bottom:15px}
.mb_20{margin-bottom:20px}
.mb_30{margin-bottom:30px}
.mb_50{margin-bottom:50px}
.mb_80{margin-bottom:80px}
.contact_form .custom_btn{width:100px}
.custom_btn{z-index:1;line-height:40px; color:#eeeeee; background-color:#222222; font-size:14px;font-weight:normal; text-align:center; position:relative;align-items:center;  border-radius:20px;}
.custom_btn:before{top:0;width:0;left:auto;right:0;z-index:-1;bottom:0;content:"";position:absolute;transition:all .3s ease-in-out}

.custom_btn:hover:before{left:0;width:100%;right:auto}
.custom_btn span{width:30px;  font-size:15px;overflow:hidden;margin-left:10px;text-align:center;position:relative; transition:all .3s ease-in-out}
.custom_btn.bg_default_yellow{color:#cccccc;}
.custom_btn.bg_default_yellow:before{background:#00a6df;   border-radius: 20px;}
.custom_btn.bg_default_yellow:hover{color:#fff}
.custom_btn.bg_default_orange:before{background:#303b78;}
.custom_btn.bg_default_orange:hover{color:#ffffff}
.custom_btn.bg_white{color:#222;background-color:#fff}
.custom_btn.bg_white span{color:#fff;background-color:#1a1e5d}
.custom_btn.bg_white:before{background:#000}
.custom_btn.bg_white:hover{color:#fff}
.custom_btn.bg_white:hover span{color:#000;background-color:#fff}
.custom_btn.btn_border{color:#222;border:2px solid #e8e8e8}
.custom_btn.btn_border:before{background:#e8e8e8}
.custom_btn.btn_border span{color:#fff}
.custom_btn.btn_border span.bg_default_orange{background-color:#00a6df}
.custom_btn.btn_border span.bg_default_yellow{background-color:#fec931}
.custom_btn.btn_border span.bg_default_lightblue{background-color:#209ffa}
.icon_btn{z-index:1;width:65px;height:65px;font-size:18px;line-height:69px;position:relative;text-align:center;color:#222;background-color:#fec931}
.icon_btn:before{top:0;width:0;left:auto;right:0;z-index:-1;bottom:0;content:"";position:absolute;transition:all .3s ease-in-out;background-color:#00a6df}
.icon_btn:hover{color:#fff}
.icon_btn:hover:before{left:0;width:100%;right:auto}
.text_btn{line-height:1;display:inherit}
.text_btn span{line-height:1;font-size:13px;font-weight:500;position:relative;display:inline-block;color:#222;text-transform:uppercase; }
.text_btn span:before{width:0;left:auto;right:0;bottom:0;height:1px;content:"";position:absolute;background:#00a6df;transition:width .2s linear}
.text_btn:hover span:before{left:0;width:100%;right:auto}
.text_btn i{font-size:12px;margin-left:5px;color:#222;transition:all .3s ease-in-out}
.text_btn:hover i{color:#00a6df;transform:translateX(5px)}
.play_btn{z-index:1;width:60px;height:60px;line-height:57px;position:relative;text-align:center;border-radius:100%;color:#33333;border:3px solid rgba(255,255,255,0.49)}
.play_btn .fas{  display:block;position:absolute;  left:18px;}
.play_btn:before,.play_btn:after{top:0;left:0;right:0;bottom:0;z-index:-1;content:"";opacity:.4;display:block;position:absolute;border-radius:100%;border:3px solid rgba(255,67,40,0.49)}
.play_btn:before{animation:pulse 2s cubic-bezier(0.25,0.46,0.45,0.94) infinite both}
.play_btn:after{animation:pulse 2s .6s cubic-bezier(0.25,0.46,0.45,0.94) infinite both}
.play_btn.bg_white{border-color:#fff;color:#333333;background-color:#ffffff; font-size:24px; }
.play_btn.bg_white:hover{border-color:#00a6df;color:#ffffff;background-color:#00a6df;}
.play_btn.bg_white:before,.play_btn.bg_white:after{border:3px solid rgba(255,255,255,0.49)}@keyframes pulse{0%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(1.75)}}
.section_title{z-index:1;position:relative}
.section_title .small_title{line-height:1;font-size:16px;margin-bottom:25px;color:#666666; text-decoration: underline; text-underline-offset:5px; }
.section_title .big_title{font-size:50px;font-weight:normal; padding-bottom:20px;}
.about_content .section_title .big_title{font-size:36px; font-weight:500; padding-top:15px;}
.section_title .biggest_title{top:50%;left:-8px;z-index:-1;display:block;line-height:1;font-size:150px;position:absolute;transform:translateY(-50%);font-family:"Pacifico",cursive;color:rgba(34,34,34,0.102)}
.section_title.text-center .biggest_title{top:50%;left:50%;transform:translate(-50%,-50%)}
.text-white .section_title .biggest_title{color:rgba(255,255,255,0.051)}
.plus_effect{position:relative;transition:all .3s ease-in-out;background-color:#1a1e5d}
.plus_effect>img{transition:all .3s ease-in-out}
.plus_effect:after,.plus_effect:before{top:50%;left:50%;z-index:2;opacity:0;content:"";position:absolute;transition:all .3s ease-in-out;background-color:rgba(255,255,255,0.77);transform:translateX(-50%) translateY(-50%)}
.plus_effect:before{height:1px;width:160px}
.plus_effect:after{width:1px;height:160px}
.plus_effect:hover>img{opacity:.369}
.plus_effect:hover:before,.plus_effect:hover:after{opacity:1;transition-delay:.2s}
.plus_effect:hover:before{width:120px}
.plus_effect:hover:after{height:120px}#thetop{top:0;left:0;right:0;z-index:-1;position:absolute}#backtotop{right:15px;width:50px;height:50px;z-index:999;bottom:40px;display:none;position:fixed;border-radius:100%;background-color:#fff;box-shadow:0 10px 30px 1px rgba(0,0,0,0.15)}#scroll{z-index:1;width:100%;height:100%;display:block;font-size:16px;line-height:57px;text-align:center;position:relative;color:#00a6df}
.preloader{top:0;left:0;right:0;bottom:0;display:flex;z-index:9000;cursor:default;position:fixed;align-items:center;justify-content:center}
.preloader.loaded{visibility:hidden}
.preloader .animation_preloader{z-index:10000}
.preloader .spinner{width:9em;height:9em;margin:auto;margin-bottom:30px;border-radius:100%;animation:spinner 1s infinite linear;border:3px solid rgba(255,255,255,0.4);border-top-color:#00a6df}
.preloader p{color:#fff;font-size:14px;font-weight:500;letter-spacing:8px;text-transform:uppercase}
.preloader .loader{top:0;left:0;z-index:1;width:100%;height:100%;font-size:0;position:fixed;pointer-events:none}
.preloader .loader_section{padding:0}
.preloader .bg{left:0;width:100%;height:100%;background-color:#1a1e5d;transition:all 800ms cubic-bezier(0.77,0,0.175,1)}
.preloader.loaded .animation_preloader{opacity:0;transition:.3s ease-out}
.preloader.loaded .loader_section .bg{width:0;transition:.7s .3s allcubic-bezier(0.1,0.1,0.1,1)}

.footer_section .section_title .big_title{font-size:22px; padding-top:10px; padding-bottom:10px;}
.footer_section .section_title .small_title{ color:#f9f9f9; text-decoration:none; font-weight:normal; }

.testimonial_section.bg_gray .section_title .small_title{ margin-bottom:10px; }


@keyframes spinner{to{transform:rotateZ(360deg)}}

@media screen and (max-width:767px){.preloader .animation_preloader .spinner{height:8em;width:8em}}

@media screen and (max-width:500px){.preloader .animation_preloader .spinner{height:7em;width:7em}}
.bg_default_orange{background:linear-gradient(to right,#fe5603 0,#ff7f00 80%);}
.bg_default_blue{background-color:#303b78;}
.bg_default_lightblue{background-color:#00a6df;}
.bg_default_yellow{background-color:#222222;}
.bg_default_purple{background-color:#5f43c5}
.bg_default_pink{background-color:#e6498f}
.bg_default_past{background-color:#20ad96}
.border_left_yellow,.border_left_orange{padding-left:28px}
.border_left_yellow{border-left:3px solid #fec931}
.border_left_orange{border-left:3px solid #00a6df}
.spin{animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}a,button{transition:all .3s ease-in-out}
.sticky_header{top:0;left:0;right:0;z-index:999;position:absolute; box-shadow:0 0 18px 1px rgba(0,0,0,0.1);animation:.5s ease-in-out 0s normal none 1 running fadeInDown;}
.sticky_header.stuck{position:fixed;box-shadow:0 0 18px 1px rgba(0,0,0,0.1);animation:.5s ease-in-out 0s normal none 1 running fadeInDown}
.header_section .select_option .nice-select{border:0;padding:0;height:auto;line-height:1;padding-right:15px;background-color:transparent}
.header_section .select_option .nice-select:after{right:0;color:#00a6df}
.header_section .select_option .nice-select .list{right:0;left:unset;min-width:120px}
.header_section .action_btn{width:55px;height:55px;color:#fff;font-size:15px;line-height:57px;text-align:center}
.header_section .action_btn.bg_default_purple{color:#d0c4ff}
.header_section .custom_btn{padding:7.5px 30px}
.header_section .custom_btn span{width:40px;height:40px;line-height:42px;margin-left:30px;margin-right:-22px}
.header_section .social_title{font-weight:400;text-transform:capitalize}
.header_top{display:flex;min-height:25px;padding:5px 0;align-items:center}
.header_top.bg_light{background-color:#00a6df}
.header_top .primary_social_links a{color:#7276b3}
.header_top .primary_social_links a:hover{color:#00a6df}
.text-white .header_contact_info li{color:#fff}
.text-white .header_contact_info i{color:#fec931}
.text-white .select_option .nice-select>span{color:#fff}
.text-white .header_items_list>li:after{background-color:#38368a}
.text-white .primary_social_links a{color:#ababab}
.header_bottom{display:flex;min-height:100px;padding:15px 0;align-items:center}
.header_contact_info li{color:#7276b3;font-size:15px; }
.header_contact_info li:not(:last-child){margin-right:10px}
.header_contact_info li i{margin-right:8px;color:#ffffff;}
.header_items_list>li{color:#7276b3;font-size:15px;position:relative}
.header_items_list>li:not(:last-child){margin-right:30px;padding-right:30px}
.header_items_list>li:after{top:50%;width:2px;content:"";right:-1px;height:20px;position:absolute;background-color:#c6ccdc;transform:translateY(-50%)}
.header_items_list>li:last-child:after{display:none}
.header_btns_group li:not(:last-child){margin-right:10px}
.header_icon_btns li{font-size:16px}
.header_icon_btns li:not(:last-child){margin-right:35px}
.header_icon_btns li button{display:block;line-height:1;color:#000000; font-size:18px; font-weight:bold; }
.header_icon_btns li button .fal{font-weight: 500;}
.header_icon_btns li button:hover,.header_icon_btns li button.active{color:#00a6df}
.header_hotline{padding:30px 70px}
.header_hotline.bg_gray{background-color:#f7f8fa}
.header_hotline .item_icon{float:left;width:55px;height:55px;line-height:45px;margin:-10px 0;margin-right:10px;text-align:center;border-radius:100%;border:5px solid #fff;background-color:#00a6df;box-shadow:0 10px 30px 0 rgba(226,226,226,0.78)}
.header_hotline .item_content{display:table}
.header_hotline h4{line-height:1;font-size:14px;font-weight:700;color:#757575; text-transform:uppercase}
.header_hotline span{display:block;line-height:1;font-size:18px;font-weight:500;color:#1a1e5d}
.cart_btn{position:relative}
.cart_btn .cart_counter{top:-10px;right:-10px;height:20px;color:#fff;font-size:11px;min-width:20px;line-height:22px;position:absolute;border-radius:45px;background-color:#00a6df}
.main_menu>ul>li{padding:15px 0}
.main_menu>ul>li:not(:last-child){margin-right:45px;}
.main_menu>ul>li>a{color:#fff;display:block;font-size:16px;font-weight:500;position:relative; }
.main_menu>ul>li:hover>a,.main_menu>ul>li.active>a{color:#fec931}
.main_menu .has_child{position:relative}
.main_menu .has_child>a:after{font-size:12px;font-weight:500;content:"";margin-left:5px;display:inline-block;font-family:"Font Awesome 5 Pro"; }

.main_menu .has_child>a .fa-angle-down:before{font-weight:normal;}

.main_menu .has_child .submenu{top:100%;left:0;opacity:0;z-index:99;margin:0;min-width:220px;padding:20px 0;visibility:hidden;position:absolute;background:#fff;transform:translateY(15px);transition:all .3s ease-in-out;box-shadow:0 2px 19px 3px rgba(0,0,0,0.08)}
.main_menu .has_child .submenu li{display:block}
.main_menu .has_child .submenu li:not(:last-child){border-bottom:1px solid #f7f8fa}
.main_menu .has_child .submenu li a{width:100%;display:block;line-height:1;padding:15px 30px;white-space:nowrap;color:#757575}
.main_menu .has_child .submenu li:hover>a,.main_menu .has_child .submenu li.active>a{color:#00a6df;background-color:#f7f8fa}
.main_menu .has_child:hover>.submenu{opacity:1;visibility:visible;transform:translateY(0px)}
.main_menu .has_child .submenu .has_child{position:relative}
.main_menu .has_child .submenu .has_child>a:after{float:right;font-size:13px;content:"?";transform:translateY(0px)}
.main_menu .has_child .submenu .submenu{top:-20px;left:100%}
.search_body_collapse .search_body{padding:15px 0;background-color:rgba(0,0,0,0.8)}
.search_body_collapse .form_item input{padding:0;border:0;height:70px;color:#fff;font-size:24px;font-weight:400;background-color:transparent}
.search_body_collapse .form_item input:-moz-placeholder{font-weight:300;color:rgba(255,255,255,0.8)}
.search_body_collapse .form_item input::-moz-placeholder{font-weight:300;color:rgba(255,255,255,0.8)}
.search_body_collapse .form_item input:-ms-input-placeholder{font-weight:300;color:rgba(255,255,255,0.8)}
.search_body_collapse .form_item input::-webkit-input-placeholder{font-weight:300;color:rgba(255,255,255,0.8)}
.search_body_collapse .form_item button{top:50%;right:0;color:#fff;font-size:30px;position:absolute;transform:translateY(-50%)}
.header_default+main{margin-top:150px}
.header_default.stuck .header_top{display:none}
.header_default.stuck .header_bottom{background-color:#1a1e5d}
.primary_header{background-color:#fff}
.primary_header+main{margin-top:100px}
.primary_header .main_menu,.primary_header .brand_logo,.primary_header .header_hotline{float:left;min-height:100px;display:inline-block}
.primary_header .brand_logo{width:330px}
.primary_header .brand_logo>a{width:100%;height:100%;display:block;text-align:center;line-height:100px}
.primary_header .header_hotline{float:right;width:360px}
.primary_header .main_menu>ul>li{padding:0;height:100px;margin:0!important;border-right:1px solid #e6e6e6}
.primary_header .main_menu>ul>li>a{z-index:1;width:100%;height:100%;display:block;padding:0 40px;line-height:100px;color:#757575}
.primary_header .main_menu>ul>li:hover>a,.primary_header .main_menu>ul>li.active>a{color:#fff;background-color:#00a6df}
.primary_header .main_menu>ul>.has_child>a:after{display:none}
.primary_header .search_btn{width:100%;height:100%;display:block;font-size:16px;min-width:100px;padding:0 30px;line-height:100px;color:#757575}
.primary_header .search_btn:hover,.primary_header .search_btn.active{color:#fff;background-color:#00a6df}
.primary_header .search_body_collapse .search_body{background-color:#fff;border-top:1px solid #e6e6e6}
.primary_header .search_body_collapse .form_item input{height:55px;font-size:16px;padding:0 35px;border-radius:45px;color:#1a1e5d;background-color:#f7f8fa}
.primary_header .search_body_collapse .form_item input:-moz-placeholder{font-weight:300;color:#757575}
.primary_header .search_body_collapse .form_item input::-moz-placeholder{font-weight:300;color:#757575}
.primary_header .search_body_collapse .form_item input:-ms-input-placeholder{font-weight:300;color:#757575}
.primary_header .search_body_collapse .form_item input::-webkit-input-placeholder{font-weight:300;color:#757575}
.primary_header .search_body_collapse .form_item button{right:30px;line-height:1;font-size:18px;color:#00a6df}
.secondary_header+main{margin-top:120px}
.secondary_header.stuck .header_top{display:none}
.secondary_header .brand_logo{height:80px;width:255px;display:flex;margin:-10px 0;align-items:center;}

.secondary_header .header_icon_btns{width:65px;float:right;height:80px;display:flex;margin:-10px 0;align-items:center;border-left:0px solid #dddddd; }
.secondary_header .header_contact_info li{color:#ffffff; }
.secondary_header .header_items_list>li{padding:0}
.secondary_header .header_items_list>li:after{display:none}
.secondary_header .header_items_list>li:not(:last-child){margin-right:30px}
.secondary_header .select_option .nice-select{height:35px;margin:-3px 0;line-height:35px;padding:0 20px;padding-right:40px;border-radius:45px; border:0px solid #ffffff;}
.secondary_header .select_option .nice-select span{color:#fff}
.secondary_header .select_option .nice-select:after{right:20px;color:#fff}
.secondary_header .header_bottom{display:flex;min-height:80px;padding:10px 0;background-color:#fff}
.secondary_header .main_menu>ul>li>a{color:#222222; font-size:18px; font-weight:normal; }
.secondary_header .main_menu>ul>li:hover>a,.secondary_header .main_menu>ul>li.active>a{color:#00a6df}
.mobilemenu_btns_group{display:none}
.mobilemenu_btns_group>li:not(:last-child){margin-right:25px}
.mobilemenu_btns_group button{line-height:1;display:block;color:#fff;font-size:18px}
.sidebar-menu-wrapper{display:block}
.sidebar-menu-wrapper .overlay{top:0;left:0;right:0;bottom:0;opacity:0;z-index:999;width:100vw;height:100vh;display:none;position:fixed;transition:all .3s ease-in-out;background:rgba(0,0,0,0.7)}
.sidebar-menu-wrapper .overlay.active{opacity:1;display:block}
.sidebar_mobile_menu{top:0;width:300px;right:-320px;height:100vh;z-index:9999;position:fixed;padding:100px 0;overflow-y:scroll;background-color:#00a6df;transition:.6s cubic-bezier(1,0,0,1)}
.sidebar_mobile_menu.active{right:0}
.sidebar_mobile_menu .mCustomScrollBox{overflow:visible!important}
.sidebar_mobile_menu .close_btn{top:15px;right:20px;color:#fff;line-height:1;font-size:24px;border-radius:0;position:absolute}
.sidebar_mobile_menu .close_btn:hover{color:#00a6df}
.sidebar_mobile_menu .mobile_menu_list{width:100%;display:block}
.sidebar_mobile_menu .mobile_menu_list ul{margin:0;padding:0}
.sidebar_mobile_menu .mobile_menu_list li,.sidebar_mobile_menu .mobile_menu_list a{width:100%;line-height:1;display:block}
.sidebar_mobile_menu .mobile_menu_list>ul>li>a{font-size:16px;padding:17px 35px;text-transform:uppercase;color:rgba(255,255,255,0.9)}
.sidebar_mobile_menu .mobile_menu_list>ul>li:hover>a,.sidebar_mobile_menu .mobile_menu_list>ul>li.active>a{color:#fff;background-color:rgba(255,255,255,0.06)}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu{margin:0;width:100%;float:none;border:0;display:none;line-height:1;padding:15px 0;padding-top:0;border-radius:0;transform:unset!important;position:static!important;background-color:rgba(255,255,255,0.06)}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu.show{display:block;position:unset!important}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu li,.sidebar_mobile_menu .mobile_menu_list .dropdown-menu a{width:100%;display:block;line-height:1}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu a{font-size:15px;padding:12px 35px;padding-left:45px;color:rgba(255,255,255,0.9)}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu>li:hover>a,.sidebar_mobile_menu .mobile_menu_list .dropdown-menu>li.active>a{color:#fff;background-color:rgba(255,255,255,0.07)}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu .dropdown-menu a{padding-left:55px}
.sidebar_mobile_menu .mobile_menu_list .dropdown-toggle:after{float:right;margin-top:8px}
.sidebar_mobile_menu::-webkit-scrollbar{width:0}
.cart_sidebar{top:0;width:300px;right:-320px;height:100vh;z-index:9999;position:fixed;padding:100px 0;overflow-y:scroll;background-color:#fff;transition:.6s cubic-bezier(1,0,0,1)}
.cart_sidebar.active{right:0;box-shadow:0 10px 55px 1px rgba(137,173,255,0.35)}
.cart_sidebar .mCustomScrollBox{overflow:visible!important}
.cart_sidebar .close_btn{top:15px;right:20px;line-height:1;font-size:24px;text-align:center;border-radius:0;position:absolute;color:#1a1e5d}
.cart_sidebar .close_btn:hover{color:#00a6df}
.cart_sidebar .cart_items_list{padding-bottom:30px;border-bottom:1px solid #dbdbdb}
.cart_sidebar .cart_items_list>ul>li:not(:last-child){margin-bottom:20px}
.cart_sidebar .cart_item{display:flex;padding:0 30px;position:relative;align-items:center;justify-content:flex-start}
.cart_sidebar .cart_item .remove_btn{top:0;right:10px;line-height:1;font-size:15px;margin-right:10px;position:absolute;color:#757575}
.cart_sidebar .cart_item .remove_btn:hover{color:#00a6df}
.cart_sidebar .cart_item .item_image{width:100px;margin-right:10px}
.cart_sidebar .cart_item .item_title{font-size:14px;margin-bottom:3px}
.cart_sidebar .total_price{padding:20px 30px;margin-bottom:20px;border-bottom:1px solid #dbdbdb}
.cart_sidebar .total_price li{line-height:1}
.cart_sidebar .total_price li:not(:last-child){margin-bottom:10px}
.cart_sidebar .total_price span{font-size:18px;font-weight:500;color:#222}
.cart_sidebar .total_price small{float:right;font-size:16px}
.cart_sidebar .btns_group{padding:0 5px}
.cart_sidebar .btns_group li{width:50%;padding:5px;text-align:center}
.cart_sidebar .btns_group a{height:50px;display:block;line-height:1;color:#fff;font-size:14px;font-weight:600;padding:0 15px;line-height:52px;text-transform:uppercase}
.cart_sidebar .btns_group a.bg_default_yellow{color:#222}
.cart_sidebar::-webkit-scrollbar{width:0}
.footer_section{ background:url(../image/bg_map.png) no-repeat center top #303b78; }
.footer_section.bg_gray{background-color:#f0f0f2}
.footer_section.bg_black{background-color:#212121}
.footer_widget_title{line-height:1;font-size:20px;font-weight:400;margin-bottom:35px}
.footer_contact_form .footer_widget_title{font-size: 30px;}
.footer_widget_area{padding:50px 0}
.footer_bottom_boxed{padding:10px 50px}
.footer_bottom_boxed.bg_white{background-color:#00a6df; color:#fff}
.footer_brand_area{padding:80px 0 0 0}
.footer_brand_area.border_bottom{border-bottom:0px solid #e0e0e0}
.footer_useful_links li{line-height:1}
.footer_useful_links li:not(:last-child){margin-bottom:22px}
.footer_useful_links a{color:#999999}
.footer_useful_links a:hover{color:#00a6df}
.footer_contact_form .form_item{border:1px solid #aaaaaa;margin-top:10px;}
.footer_contact_form .form_item input{height:45px;background-color:#fff; }
.footer_contact_form .form_item input:-moz-placeholder{color:#e6e6e6}
.footer_contact_form .form_item input::-moz-placeholder{color:#e6e6e6}
.footer_contact_form .form_item input:-ms-input-placeholder{color:#e6e6e6}
.footer_contact_form .form_item input::-webkit-input-placeholder{color:#e6e6e6}
.footer_contact_form .form_item .submit_btn{height:40px;min-width:55px;line-height:40px;font-size:14px;color:#fff;text-align:center;background-color:#000000; margin-right:3px}
.footer_hotline{display:block;line-height:1;font-size:18px;color:#222; }
.footer_contact_form .footer_hotline i{margin-right:15px;color:#d4d8f1;}
.footer_hotline i{margin-right:10px;color:#00a6df}
.author_links{color:#00a6df}
.footer_about.bg_black{background-color:#171717}
.footer_contact_info li{display:flex;align-items:center}
.footer_contact_info li:not(:last-child){margin-bottom:30px}
.footer_contact_info .item_icon{width:40px;height:40px;color:#fff;line-height:44px;border-radius:5px;text-align:center;margin-right:15px}
.footer_contact_info .item_icon.bg_default_yellow{color:#222}
.footer_contact_info h4{line-height:1;font-size:14px;font-weight:600;margin-bottom:5px;color:#757575;font-family:"Hind",sans-serif;text-transform:uppercase}
.footer_contact_info p{margin:0;line-height:1;font-size:18px; }
.footer_newsletter_boxed{padding:35px 50px;background-color:#171717}
.footer_newsletter_boxed .newsletter_title{font-size:22px;line-height:1.273;margin-bottom:0}
.footer_newsletter_boxed .form_list>li:not(:last-child){margin-right:7px}
.footer_newsletter_boxed input{height:55px;width:280px;outline:0;display:block;color:#fff;padding:0 30px;border:1px solid #272727;background-color:transparent;transition:all .3s ease-in-out}
.footer_newsletter_boxed input:focus{border-color:#fec931}
.footer_newsletter_boxed input:-moz-placeholder{color:#595959}
.footer_newsletter_boxed input::-moz-placeholder{color:#595959}
.footer_newsletter_boxed input:-ms-input-placeholder{color:#595959}
.footer_newsletter_boxed input::-webkit-input-placeholder{color:#595959}
.footer_newsletter_boxed .icon_btn{width:55px;height:55px;font-size:18px;line-height:59px}
.footer_section .text-white p{color:#b2b5ec}
.text-white .footer_widget_title{color:#fff;margin-bottom:35px}
.text-white .footer_brand_area.border_bottom{border-bottom:1px solid #757ca6;}
.text-white .footer_useful_links a{color:#d4d8f1}
.text-white .footer_useful_links a:hover{color:#00a6df}
.text-white .small_blog .item_title>a{color:#fff}
.text-white .small_blog:hover .item_title>a{color:#00a6df}
.text-white .small_blog .post_date{color:#b2b5ec}
.text-white .footer_contact_form .form_item input{background-color:#1f2366}
.text-white .footer_hotline{color:#d4d8f1}
.text-white .footer_hotline a{color:#d4d8f1}
.text-white .footer_bottom_boxed{background-color:#e48216;}
.text-white .circle_social_links a{color:#ffffff;}
.text-white .circle_social_links a:hover i{color:#fff}
.text-white .author_links{color:#fec931}
.text-white .footer_contact_info p{color:#fff}
.text-white .footer_newsletter_boxed{margin-top:47px}
.text-white .footer_newsletter_boxed .newsletter_title{color:#fff}
.secondary_footer{z-index:1;padding:80px 0;position:relative}
.secondary_footer .border_shapes{top:0;right:0;bottom:0;z-index:-1;width:100%;position:absolute;background-size:auto;background-position:right center}
.secondary_footer.text-white p{color:#979797}
.secondary_footer.text-white a{color:#979797}
.secondary_footer.text-white a:hover{color:#fec931}
.secondary_footer.text-white .footer_contact_info p{color:#fff}
.secondary_footer .footer_about{margin-top:-80px;padding:80px 45px 30px}
.secondary_footer .footer_about .brand_logo{display:none}
.secondary_footer .circle_social_links a{width:50px;height:50px;background-color:#212121}
.secondary_footer .copyright_text{padding:22px 35px;background-color:#212121}
.secondary_footer .copyright_text .author_links{color:#fec931}
.secondary_footer .copyright_text .author_links:hover{color:#00a6df}
.secondary_footer .footer_widget_area{padding:0;padding-left:40px}
.secondary_footer .small_blog .item_title>a{line-height:1.556}
.secondary_footer .small_blog:hover .item_title>a{color:#fec931}
.secondary_footer .small_blog .post_date{color:#979797}
.secondary_footer .small_blog .post_date i{color:#fec931}
/*.breadcrumb_section{z-index:1;min-height:365px;padding:80px 0;position:relative; background-size: cover}
.breadcrumb_section:before{top:0;left:0;right:0;bottom:0;content:"";z-index:-1;position:absolute;background-color:rgba(48,59,120,0)}*/
/* 基础样式 */
.breadcrumb_section {
  width: 100%;           /* 宽度占满容器 */
  height: 452px;          /* 设置固定高度或使用 min-height（按需调整） */
  background-repeat: no-repeat;
  background-position: center center;  /* 图片居中显示 */
  background-size: cover;               /* 关键：按比例覆盖容器 */
}

/* 移动端适配（可选） */
@media screen and (max-width: 768px) {
  .breadcrumb_section {
    height: 140px!important;        /* 手机端调整高度 */
    min-height: 140px!important; 
    background-size: cover; /* 确保覆盖容器 */
    /* 可选：更换更适合手机的背景图 */
    /* background-image: url("mobile-image.jpg"); */
  }
}

.page_title{color:#fff;line-height:1;font-size:50px;letter-spacing:-2.5px}
.breadcrumb_nav>li{line-height:1;color:#fff;font-size:24px;position:relative}
.p_loc .breadcrumb_nav>li{ color:#222222; margin-bottom:30px; float:left;}
.p_loc .breadcrumb_nav>li a{color:#222222;}
.p_loc .ul_li_right {
    justify-content: left;
}
.breadcrumb_nav>li:not(:last-child){margin-right:25px;padding-right:25px}
.breadcrumb_nav>li:after{top:50%;right:-3px;font-size:18px;font-weight:400;content:" >";position:absolute;transform:translateY(-50%);font-family:"Font Awesome 5 Pro"}
.breadcrumb_nav>li:last-child:after{display:none}
.breadcrumb_nav a{display:block;line-height:1;color:#fff}
.breadcrumb_nav a:hover{color:#00a6df}
.sidebar_section .widget{padding:50px 40px;background-color:#fff}
.sidebar_section .widget:not(:last-child){margin-bottom:30px}
.sb_widget_title{line-height:1;font-size:24px;margin-bottom:25px}
.sb_widget_title.bottom_line{font-size:24px;position:relative;padding-bottom:18px}
.sb_widget_title.bottom_line:after,.sb_widget_title.bottom_line:before{bottom:0;height:2px;content:"";position:absolute;background-color:#00a6df}
.sb_widget_title.bottom_line:before{left:0;width:18px}
.sb_widget_title.bottom_line:after{left:17px;width:45px}
.sb_service_category li:not(:last-child){margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #eaeaea}
.sb_service_category a{display:block;line-height:1;font-size:18px;font-weight:500;position:relative;padding-right:70px;color:#222; }
.sb_service_category a:before{top:0;bottom:0;right:70px;content:"";width:1px;position:absolute;background-color:#dcdcdc}
.sb_service_category a:after{top:50%;right:0;content:"?";font-weight:400;position:absolute;transform:translateY(-50%);font-family:"Font Awesome 5 Pro"}
.sb_service_category a:hover{color:#00a6df}
.sb_download_btns .btns_group li:not(:last-child){margin-bottom:10px}
.sb_download_btns .custom_btn{width:100%}
.sb_download_btns .share_links{margin-top:24px}
.sb_search_box .form_item input{padding:0 35px;border-radius:45px;background-color:#f7f8fa}
.sb_search_box .form_item .input_icon{right:35px}
.sb_search_box_2 .submit_btn{width:65px;height:65px;color:#fff;font-size:16px;line-height:67px;text-align:center;position:absolute;border-radius:5px}
.sb_service_list li:not(:last-child){border-bottom:5px solid #f7f8fa}
.sb_service_list a{line-height:1;display:block;font-size:18px;font-weight:500;position:relative;padding:23.5px 35px;color:#757575}
.sb_service_list a:before{top:50%;right:35px;line-height:1;font-weight:400;content:"?";position:absolute;transform:translateY(-50%);font-family:"Font Awesome 5 Pro"}
.sb_service_list a:hover{color:#fff;background-color:#00a6df}
.sb_recent_works li:not(:last-child){margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #dbdbdb}
.sb_recent_works .small_blog .item_image{width:85px}
.sb_photo_gallery ul{margin:-10px}
.sb_photo_gallery li{padding:10px;flex:0 0 50%;max-width:50%}
.sb_photo_gallery a{display:block;overflow:hidden;position:relative;background-color:#1a1e5d}
.sb_photo_gallery a>img{transition:all .3s ease-in-out}
.sb_photo_gallery a i{top:50%;left:50%;z-index:1;opacity:0;color:#fff;line-height:1;font-size:35px;margin-top:15px;position:absolute;transition:all .3s ease-in-out;transform:translate(-50%,-50%)}
.sb_photo_gallery a:hover>img{opacity:.3}
.sb_photo_gallery a:hover i{opacity:1;margin-top:0}
.sb_tag_list ul{margin:-3px}
.sb_tag_list li{padding:3px}
.sb_tag_list a{height:32px;display:block;font-size:14px;font-weight:500;line-height:34px;padding:0 12px;color:#757575;background-color:#fff;box-shadow:0 0 30px 0 rgba(162,162,162,0.27)}
.sb_tag_list a:hover{color:#fff;background-color:#00a6df}
.sb_tag_list_2 ul{margin:-3px}
.sb_tag_list_2 li{padding:3px}
.sb_tag_list_2 a{height:40px;display:block;font-size:14px;line-height:42px;padding:0 20px;border-radius:5px;text-align:center;color:#757575;background-color:#f7f8fa}
.sb_tag_list_2 a:hover{color:#fff;background-color:#00a6df}
.sb_cta{z-index:1;display:flex;min-height:455px;position:relative;align-items:center;justify-content:center}
.sb_cta:before{top:0;left:0;right:0;bottom:0;content:"";z-index:-1;opacity:.851;position:absolute;background-color:#1a1e5d}
.sb_cta .title_text{font-size:38px;padding-top:35px;line-height:1.053;position:relative;margin-bottom:22px}
.sb_cta .title_text:before{top:0;left:50%;width:50px;height:3px;content:"";position:absolute;transform:translateX(-50%);background-color:#fec931}
.sb_cta p{margin-bottom:23px}
.sb_cta .custom_btn{padding:10px 30px}
.sb_cta .custom_btn span{width:35px;height:35px;line-height:39px;margin-left:30px;margin-right:-20px}
.sb_category_list li:not(:last-child){margin-bottom:8px}
.sb_category_list a{font-weight:500;color:#757575}
.sb_category_list .active a, .sb_category_list a:hover{color:#00a6df}
.price-range-area{padding-top:7px}
.price-range-area .slider-range{height:6px;border:0;border-radius:45px;background-color:#ededee}
.price-range-area .ui-slider-range{border:0;border-radius:45px;background-color:#00a6df}
.price-range-area .ui-state-default{top:-7px;width:20px;height:20px;border:0;outline:0;border-radius:100%;border:6px solid #fff;background-color:#00a6df;box-shadow:0 0 10px 1px rgba(0,0,0,0.2)}
.price-range-area .price-text{font-size:14px;font-weight:600;margin-top:25px;color:#757575}
.price-range-area .price-text span{float:left;margin-right:15px}
.price-range-area .price-text input{border:0;font-weight:600;color:#222;display:inline-block}
.testimonial_section{z-index:1;position:relative}
.testimonial_section.bg_gray{background-color:#f7f8fa}
.testimonial_section .decoration_images_1{top:0;right:0;bottom:0;z-index:-1;width:545px;position:absolute}
.testimonial_section .decoration_images_1:before{top:0;left:0;right:0;bottom:0;content:"";z-index:-1;position:absolute;background-color:#1a1e5d;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,110px 100%);clip-path:polygon(0 0,100% 0,100% 100%,110px 100%)}
.testimonial_section .deco_image{z-index:2;position:absolute}
.testimonial_section .deco_image_1{top:-71px;right:70px;max-width:283px}
.testimonial_section .deco_image_2{top:143px;left:-68px;max-width:212px}
.testimonial_section .deco_image_3{top:294px;right:29px;max-width:245px}
.testimonial_section .deco_image_4{top:457px;left:-33px;max-width:215px}
.testimonial_section .shape_image_1{top:90px;left:280px;z-index:-1;max-width:80px}
.testimonial_section .shape_image_2{left:88px;top:421px;z-index:-1;max-width:115px}
.testimonial_auto_wrap{margin:auto;max-width:530px}
.testimonial_primary .content_wrap{padding:40px;min-height:200px;position:relative;margin-bottom:40px;background-color:#fff;box-shadow:0 10px 30px 0 rgba(237,237,237,0.78)}
.testimonial_primary .content_wrap:before{left:40px;bottom:-30px;width:0;height:0;content:"";position:absolute;border-top:30px solid transparent;border-left:30px solid #fff;border-right:30px solid transparent;border-bottom:30px solid transparent}
.testimonial_primary p{margin:0;color:#222}
.testimonial_primary p.font_24{font-size:24px;line-height:1.458;color:#222}
.testimonial_primary p strong{display:block;color:#1a1e5d;margin-top:15px;font-weight:500}
.testimonial_primary .quote_icon{right:32px;bottom:35px;opacity:.04;max-width:72px;position:absolute}
.testimonial_primary .hero_info_wrap{display:flex;padding-left:25px;align-items:center}
.testimonial_primary .hero_thumbnail{width:60px;height:60px;overflow:hidden;margin-right:20px;border-radius:100%}
.testimonial_primary .hero_name{line-height:1;font-size:20px;font-weight:500;margin-bottom:10px;letter-spacing:-0.48px}
.testimonial_primary .hero_title{line-height:1;display:block;font-size:13px;color:#00a6df;text-transform:uppercase}
.testimonial_carousel{z-index:1;margin-top:40px;position:relative}
.testimonial_carousel:before{top:0;left:-10px;content:"";z-index:-1;width:135px;height:135px;position:absolute;}
.testimonial_carousel .owl-stage-outer{padding-top:10px}
.testimonial_carousel .owl-nav,.testimonial_carousel .owl-dots{display:none}
.testimonial_person_image{z-index:2;float:left;width:500px;position:relative;margin-top:-235px;margin-left:-120px;border:15px solid #fff}
.creative_testimonial_carousel{padding:50px 70px;margin-right:-19px;margin-bottom:55px;padding-bottom:130px;background-color:#f7f8fa}
.creative_testimonial_carousel .testimonial_primary{margin:0;max-width:530px;padding-top:30px;padding-left:40px}
.creative_testimonial_carousel .testimonial_primary .content_wrap{z-index:1;padding:0;box-shadow:none;min-height:auto;margin-bottom:30px;background-color:transparent}
.creative_testimonial_carousel .testimonial_primary .content_wrap:before{top:-30px;left:-40px;z-index:-1;width:75px;height:75px;border:0;bottom:unset;background-color:#fff}
.creative_testimonial_carousel .testimonial_primary p{font-size:30px;line-height:1.333;color:#222}
.creative_testimonial_carousel .testimonial_primary .hero_info_wrap{padding-left:0}
.creative_testimonial_carousel .testimonial_primary .quote_icon{right:45px;bottom:-85px;max-width:255px}
.creative_testimonial_carousel .owl-nav{width:100%;display:flex;margin-top:50px;padding-left:40px}
.creative_testimonial_carousel .owl-nav button{float:left;display:inline-block}
.creative_testimonial_carousel .owl-nav button:not(:last-child){margin-right:5px}
.creative_testimonial_carousel .owl-nav .owl-next,.creative_testimonial_carousel .owl-nav .owl-prev{width:45px;height:45px}
.creative_testimonial_carousel .owl-nav .owl-next:before,.creative_testimonial_carousel .owl-nav .owl-prev:before{border:0;font-size:15px;line-height:45px;border-radius:0;color:#222;background-color:#fec931}
.creative_testimonial_carousel .owl-nav .owl-next:hover:before,.creative_testimonial_carousel .owl-nav .owl-prev:hover:before{color:#fff;background-color:#00a6df}
.orange_shape{right:-67px;bottom:0;z-index:-1;width:727px;height:588px;position:absolute;background-color:#00a6df}
.feature_section.bg_gray{background-color:#f7f8fa}
.triangle_shape{top:0;left:0;width:50%;bottom:0;position:absolute;background-color:#ecedf2;-webkit-clip-path:polygon(0 0,100% 100%,0% 100%);clip-path:polygon(0 0,100% 100%,0% 100%)}
.feature_image_1{z-index:1;max-width:505px;padding:0 15px;position:relative;margin:50px auto 0}
.feature_image_1:before{top:17px;left:0;right:0;bottom:17px;z-index:-1;content:"";position:absolute;border:3px solid #1a1e5d}
.feature_content p{color:#222}
.stairs_wrap .stair_col:nth-child(1){padding-top:160px}
.stairs_wrap .stair_col:nth-child(2){padding-top:80px}
.feature_primary,.feature_primary_2{max-width:300px}
.feature_primary .item_icon,.feature_primary_2 .item_icon{width:60px;height:60px;color:#fff;font-size:22px;line-height:66px;text-align:center;border-radius:100%}
.feature_primary .item_title,.feature_primary_2 .item_title{line-height:1;font-size:22px;font-weight:500;margin-bottom:17px}
.feature_primary p,.feature_primary_2 p{font-size:14px;margin-bottom:13px}
.feature_primary{margin-top:50px}
.feature_primary .item_icon{float:left;margin-right:20px}
.feature_primary .item_content{display:table}
.feature_primary_2{margin-top:40px}
.feature_primary_2 .item_icon{margin-bottom:20px}
.feature_listlayout_boxed{max-width:370px;padding:30px 35px;margin:30px auto 0;background-color:#fff}
.feature_listlayout_boxed .item_icon{float:left;width:75px;height:75px;color:#fff;display:flex;font-size:32px;text-align:center;margin-right:25px;border-radius:100%;align-items:center;justify-content:center}
.feature_listlayout_boxed .item_content{display:table}
.feature_listlayout_boxed .item_title{line-height:1;font-size:22px;margin-bottom:11px}
.feature_listlayout_boxed p{line-height:1.6;margin-bottom:12px}
.feature_listlayout_boxed2{max-width:600px;overflow:hidden;position:relative;padding:80px 100px;transition:all .3s ease-in-out}
.feature_listlayout_boxed2 .deco_image{opacity:0;transition:all .3s ease-in-out}
.feature_listlayout_boxed2 .shape_1{top:0;right:0;max-width:119px;transform:translateX(40px)}
.feature_listlayout_boxed2 .shape_2{left:92px;bottom:0;max-width:340px;transform:translateX(-40px)}
.feature_listlayout_boxed2:hover .deco_image{opacity:1;transform:translateX(0px)}
.feature_listlayout_boxed2 .item_icon{float:left;width:100px;height:100px;display:flex;margin-right:30px;align-items:center;border-radius:100%;justify-content:center;border:7px solid #fff;background-color:#00a6df;box-shadow:0 10px 60px 0 rgba(194,194,194,0.4)}
.feature_listlayout_boxed2 .item_content{display:table}
.feature_listlayout_boxed2 .item_type{display:block;line-height:1;font-size:15px;margin-bottom:15px;color:#00a6df;font-family:"Pacifico",cursive}
.feature_listlayout_boxed2 .item_title{font-size:24px;margin-bottom:15px}
.feature_listlayout_boxed2 p{margin-bottom:15px}
.feature_listlayout_boxed2 p,.feature_listlayout_boxed2 .item_icon,.feature_listlayout_boxed2 .item_type,.feature_listlayout_boxed2 .item_title{transition:all .3s ease-in-out}
.feature_listlayout_boxed2 .text_btn span{transition:all .3s ease-in-out}
.feature_listlayout_boxed2 .text_btn span:before{background:#fff}
.feature_listlayout_boxed2:hover{background-color:#00a6df}
.feature_listlayout_boxed2:hover p,.feature_listlayout_boxed2:hover .item_icon,.feature_listlayout_boxed2:hover .item_type,.feature_listlayout_boxed2:hover .item_title{color:#fff}
.feature_listlayout_boxed2:hover .item_icon{background-color:#fec931}
.feature_listlayout_boxed2:hover .text_btn span{color:#fff}
.feature_listlayout_boxed2:hover .text_btn i{color:#fff}
.feature_card{z-index:1;max-width:370px;padding:0 18px;text-align:center;position:relative;margin:30px auto 0}
.feature_card:before{left:0;right:0;bottom:0;z-index:-1;content:"";height:50%;position:absolute;background-color:#fff;box-shadow:0 10px 60px 0 rgba(236,236,236,0.78)}
.feature_card .item_image{display:block;overflow:hidden;position:relative}
.feature_card .plus_effect:after,.feature_card .plus_effect:before{background-color:#fff}
.feature_card .plus_effect:before{width:120px}
.feature_card .plus_effect:after{height:120px}
.feature_card .plus_effect:hover>img{opacity:.369}
.feature_card .plus_effect:hover:before,.feature_card .plus_effect:hover:after{opacity:1;transition-delay:.2s}
.feature_card .plus_effect:hover:before{width:85px}
.feature_card .plus_effect:hover:after{height:85px}
.feature_card:hover .plus_effect>img{opacity:.369}
.feature_card:hover .plus_effect:before,.feature_card:hover .plus_effect:after{opacity:1;transition-delay:.2s}
.feature_card:hover .plus_effect:before{width:85px}
.feature_card:hover .plus_effect:after{height:85px}
.feature_card .item_content{padding:30px 15px}
.feature_card .item_type{line-height:1;display:block;margin-bottom:15px;color:#00a6df;font-family:"Pacifico",cursive}
.feature_card .item_title{line-height:1;font-size:24px;margin-bottom:0}
.brand_section.bg_gray{background-color:#f7f8fa}
.brands_list{display:flex;flex-wrap:wrap;justify-content:space-between}
.primary_brand_section .brand_logo{display:flex;min-height:150px;align-items:center;justify-content:center}
.funfact_wrap{display:flex;flex-wrap:wrap;align-items:center;background-color:#fff}
.funfact_item{
/*	flex:0 0 25%;
	max-width:25%;
	display:flex;*/
	padding:30px 30px;align-items:center;justify-content:center}
/*.funfact_item:not(:last-child){border-right:1px solid #ececec}*/
.funfact_item .item_icon{width:110px;height:110px;display:flex;align-items:center;margin:0 auto 30px;justify-content:center;border:1px solid #dfdfdf}
.funfact_item .item_icon span{width:80px;height:80px;display:flex;color:#fff;font-size:30px;align-items:center;justify-content:center}
.funfact_item .item_icon span.bg_default_yellow{color:#222}
.funfact_item .counte_text{display:inline;line-height:1;font-size:50px; font-weight:normal; color:#222;font-family:"Hind",sans-serif}
.funfact_item span{font-size:18px; font-weight:bold; padding-left:10px;}
.funfact_item .item_title{line-height:1;font-size:18px; padding-top:10px; font-weight:500;margin-bottom:0;color:#757575;font-family:"Hind",sans-serif}
.funfact_bordered{background-color:transparent; }
.funfact_bordered .funfact_item{display:block; width:50%; align-items:center;justify-content:center}
.about_section{z-index:1;position:relative}
.about_section.bg_gray{background-color:#f7f8fa}
.about_section .cricle_border{top:0;left:0;right:0;z-index:-1;display:block;text-align:center;position:absolute}
.about_image_1{padding-right:25px}
.about_image_2{z-index:1;position:relative; padding-bottom:20px; }

.about_image_2:after{top:0;left:0;right:0;bottom:0;content:"";opacity:.2;position:absolute; }
.about_image_2 img{width:100%;display:block}
.about_image_2 .play_btn{top:50%;left:50%;z-index:2;position:absolute;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,0.49)}
.about_image_2 .play_btn:before,.about_image_2 .play_btn:after{border:3px solid rgba(255,255,255,0.49)}





.about_contn .about_content .section_title .big_title{ padding-top: 0;}
.about_content .section_title{margin-bottom:0}
.about_contn .stats-container{padding: 10px 0;
    border-radius: var(--4, 4px);
    background: #fff;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
  
    align-items: center;
    justify-content: space-between;
    padding: 15px 0 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 0px;
	
	    z-index: 99;
    position:absolute;
    width: 98%;
	
}

.about_content p{margin-bottom:12px}
.about_content p span{ color:#222}
.about_content .experience_image{float:left;max-width:190px;margin-right:30px}
.avatar_wrap{display:flex;align-items:center}
.avatar_wrap .avatar_image{width:70px;height:70px;overflow:hidden;margin-right:20px;border-radius:100%}
.avatar_wrap .avatar_name{line-height:1;font-size:24px;font-weight:700;margin-bottom:10px}
.avatar_wrap .avatar_title{line-height:1;display:block;font-weight:600;color:#00a6df;text-transform:uppercase}
.about_certificate{max-width:250px;margin-top:40px}
.about_certificate .item_icon{float:left;margin-right:15px}
.about_certificate .item_content{display:table}
.about_certificate .item_title{font-size:22px;margin-bottom:5px}
.about_certificate p{margin:0;font-size:15px;line-height:1.6}

.about_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
	    border-top: 1px solid #dddddd;
		padding-top:50px;
		margin-top:30px;
}

.about_info .info {
    display: flex;
    align-items: center
}

.about_info .info i {
    width: 50px;
    height: 50px;
    color: #00a6df;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #00a6df;
}

.about_info .info .about_info_con {
    margin-left: 10px
}

.about_info .info .about_info_con span {
    display: block;
    text-transform: capitalize
}

.about_info .info .about_info_con a {
	color: #333333;
}

.about_info .info .about_info_con a:hover {
    color: #00a6df;
}
.about_info .btn-one {
    padding: 15px 25px;
    background-color: #00a6df;
    font-weight: 600;
    color:#ffffff;
    transition: var(--transition);
    clip-path: polygon(7% 0, 100% 0, 93% 100%, 0% 100%);
    position: relative;
}

.fact_img{ padding-top:15px; }

.service_section.bg_gray{background-color:#f0f0f2}
.service_grid{max-width:370px;margin:50px auto 0}
.service_grid .item_image{overflow:hidden;position:relative}
.service_grid .item_content{z-index:1;max-width:330px;padding:40px 35px;position:relative;text-align:center;margin:-40px auto 0;background-color:#fff}
.service_grid .item_content.bg_gray{background-color:#f7f8fa}
.service_grid .bg_icon{top:50%;left:50%;z-index:-1;opacity:.04;max-width:155px;position:absolute;transform:translate(-50%,-50%)}
.service_grid .item_title{line-height:1;font-size:22px;font-weight:500;margin-bottom:12px}
.service_grid p{margin:0;line-height:1.867}
.service_grid .icon_btn{top:-20px;right:15px;z-index:2;width:40px;height:40px;color:#fff;font-size:13px;line-height:42px;position:absolute;background-color:#fec931}
.service_grid .icon_btn:before{background:#00a6df}
.service_grid:hover .icon_btn:before{left:0;width:100%;right:auto}
.service_grid_2{background-color:#efefef;}
.service_grid_2 .item_image{display:block;overflow:hidden;position:relative}
.service_grid_2 .item_content_wrap{padding:60px 50px 68px}
.service_grid_2 .item_icon{float:left;width:90px;height:90px;line-height:92px;margin-right:30px;text-align:center;border-radius:100%}
.service_grid_2 .item_content{display:table}
.service_grid_2 .item_title{line-height:1;font-size:24px;margin-bottom:15px}
.service_boxed{ padding:50px 35px; background-color:#ffffff; font-size:16px; height:395px; margin:20px -5px; position:relative;border-radius:10px;     box-shadow: 0 8px 8px rgba(180, 180, 180, 0.1);}
.h_plist1.service_boxed{ height:810px;}
.service_boxed .item_icon{height:80px;display:flex;align-items:center;margin-bottom:27px;justify-content:center}
.service_boxed .item_title{line-height:1;font-size:28px;margin-bottom:15px; color:#222222; position:inherit}
.service_boxed p{margin-bottom:35px;color:#666666; line-height:26px; }
.service_boxed .text_btn span:before{background:#222}
.service_boxed .text_btn i{color:#222}

.service_boxed .plist_img{position:absolute; bottom:35px; left:0; text-align:center; width:100%; overflow:visible;}

.h_plist1.service_boxed .plist_img{bottom: 90px;}

.service_boxed.text-white .text_btn span{color:#00a6df; text-decoration: underline; text-underline-offset:5px; font-size:18px; font-weight:normal;}
.service_listlayout_boxed{display:flex;max-width:570px;padding:50px 55px;align-items:center;margin:30px auto 0;background-color:#fff}
.service_listlayout_boxed .item_image{float:left;max-width:140px;min-width:140px;overflow:hidden;margin-right:30px;border-radius:100%}
.service_listlayout_boxed .item_content{display:table}
.service_listlayout_boxed .item_title{line-height:1;font-size:22px;margin-bottom:15px}
.service_listlayout_boxed p{margin-bottom:15px}
.service_split{max-width:590px;margin:0 auto}
.service_split .item_image,.service_split .item_content{width:50%;float:left;display:inline-block}
.service_split .item_image{display:flex;height:330px}
.service_split .item_image img{object-fit:cover}
.service_split .service_boxed{margin:0;max-width:100%;padding:48.5px 35px}
.service_card{max-width:370px;margin:30px auto 0}
.service_card .item_image{display:block;overflow:hidden;position:relative}
.service_card .item_image>img{transition:all .3s ease-in-out}
.service_card:hover .item_image>img{transform:scale(1.05)}
.service_card .item_content{z-index:2;max-width:320px;position:relative;padding:25px 30px;padding-right:75px;margin:-30px auto 0;background-color:#fff}
.service_card .item_type{display:block;line-height:1;font-size:15px;margin-bottom:10px;color:#00a6df;font-family:"Pacifico",cursive}
.service_card .item_title{line-height:1;font-size:20px}
.service_card .icon_btn{top:50%;right:30px;width:45px;height:45px;font-size:14px;line-height:47px;position:absolute;transform:translateY(-50%)}
.portfolio_section.bg_gray{background-color:#f7f8fa}
.metro_portfolio_grid .grid-item,.metro_portfolio_grid .grid-sizer{width:25%;float:left;display:inline-block}
.metro_portfolio_grid .w_50{width:50%}
.masonry_portfolio_grid{margin:15px 40px;margin-bottom:-15px}
.masonry_portfolio_grid .grid-item,.masonry_portfolio_grid .grid-sizer{width:25%}
.masonry_portfolio_grid .w_50{width:50%}
.masonry_portfolio_grid .grid-item{padding:15px}
.carousel-container.w_1545, .column_3_carousel.w_1545{float:left;width:150%}

.portfolio_fullimage{position:relative; background:#f8f8f9;}
.portfolio_fullimage .title_wrap{ padding:20px 30px; }
.portfolio_fullimage .icon_btn{width:45px;height:45px;color:#fff;font-size:14px;line-height:49px;margin-left:25px;background-color:#00a6df}
.portfolio_fullimage .icon_btn:before{background:#fec931}
.portfolio_fullimage .icon_btn:hover{color:#222}
.portfolio_fullimage .item_title{font-size:17px; line-height:26px; color:#666666;line-height: 1.5;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.blog_section.bg_gray{background-color:#f7f8fa}
.recent_works_list li:not(:last-child){margin-bottom:30px}
.small_blog{max-width:320px}
.small_blog .item_image{float:left;width:70px;display:block;overflow:hidden;position:relative;margin-right:20px}
.small_blog .item_content{display:table}
.small_blog .item_title{margin-bottom:6px}
.small_blog .item_title>a{font-size:16px;font-weight:400;color:#666666; overflow:hidden; text-overflow: ellipsis; display:  -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical;}
.small_blog:hover .item_title>a{color:#00a6df}
.small_blog .post_date,.small_blog .post_admin{display:block;line-height:1}
.small_blog .post_date i,.small_blog .post_admin i{margin-right:6px;color:#00a6df}
.small_blog .post_meta>li{font-size:14px}
.small_blog .post_meta>li:not(:last-child){margin-right:15px}
.small_blog .post_meta i{margin-right:5px}
.blog_standard{  background-color:#fff}
.blog_standard .item_image{display:block;overflow:hidden;position:relative; border-radius: 15px;  box-shadow: 0 8px 8px rgba(180, 180, 180, 0.1);   }
.blog_standard .item_image>img{transition:all .3s ease-in-out; overflow:hidden; width:100%;  }

.blog_standard .item_content{padding:20px 30px 20px 0}
.blog_standard .post_type{height:30px;color:#fff;min-width:87px;font-size:14px;font-weight:500;line-height:34px;padding:0 20px;text-align:center;border-radius:5px;margin-bottom:26px;text-transform:uppercase}
.blog_standard .item_title{margin-bottom:0; line-height:26px;}
.blog_standard .item_title>a{font-size:16px;line-height:20px;color:#222;
    display: inline;
	 /*display: -webkit-box;*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  }
.blog_standard:hover .item_title>a{color:#00a6df}
.blog_standard .post_meta{margin-bottom:10px}
.blog_standard p{margin-bottom:0; line-height:26px;}
.blog_grid_1{max-width:370px;margin:30px auto 0;background-color:#fff;border:1px solid #e9e9e9}
.blog_grid_1 .item_image{display:block;position:relative}
.blog_grid_1 .post_admin{height:80px;display:flex;padding:10px 40px;position:relative;padding-right:80px;align-items:center;border-bottom:1px solid #e9e9e9}
.blog_grid_1 .admin_image{width:55px;height:55px;overflow:hidden;margin-right:15px;border-radius:100%}
.blog_grid_1 .abmin_name{line-height:1;font-size:18px}
.blog_grid_1 .post_date{line-height:1;display:block}
.blog_grid_1 .post_date i{margin-right:6px;color:#00a6df}
.blog_grid_1 .icon_btn{top:0;right:0;width:80px;height:80px;font-size:24px;line-height:86px;position:absolute}
.blog_grid_1:hover .icon_btn{color:#fff}
.blog_grid_1:hover .icon_btn:before{left:0;width:100%;right:auto}
.blog_grid_1 .item_content{padding:33px 40px 37px}
.blog_grid_1 .item_title{margin-bottom:20px}
.blog_grid_1 .item_title>a{display:block;font-size:22px;font-weight:500;line-height:1.455;letter-spacing:-1px;color:#222; }
.blog_grid_1:hover .item_title>a{color:#00a6df}
.blog_grid_2{ margin:30px auto 0;border:1px solid #e9e9e9;background-color:#fff}
.blog_grid_2 .item_image{display:block;overflow:hidden;position:relative}
.blog_grid_2 .item_image>img{transition:all .3s ease-in-out}
.blog_grid_2:hover .item_image>img{transform:scale(1.05)}
.blog_grid_2 .item_content{padding:20px 30px 5px;border-bottom:1px solid #e9e9e9}
.blog_grid_2 .post_category{height:25px;color:#fff;font-size:13px;min-width:80px;font-weight:700;line-height:27px;padding:0 12px;text-align:center;border-radius:45px;margin-bottom:18px;display:inline-block;text-transform:uppercase}
.blog_grid_2 .item_title{margin-bottom:10px;}
.blog_grid_2 .item_content p{line-height:24px;     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;}
.blog_grid_2 .item_title>a{display:block;font-size:22px;line-height:1.455;letter-spacing:-1px;color:#222; }
.blog_grid_2:hover .item_title>a{color:#00a6df}
.blog_grid_2 .post_meta{position:relative}
.blog_grid_2 .post_meta:before{top:0;left:50%;bottom:0;width:1px;content:"";position:absolute;display:inline-block;background-color:#e9e9e9;transform:translateX(-50%)}
.blog_grid_2 .post_meta li{margin:0;height:50px;flex:0 0 50%;max-width:50%;text-align:center}
.blog_grid_2 .post_meta a{width:100%;height:100%;display:block;line-height:50px}
.blog_fullimage{z-index:1;max-width:370px;overflow:hidden;position:relative;margin:30px auto 0}
.blog_fullimage:before{top:0;left:0;right:0;bottom:0;content:"";position:absolute;background-image:linear-gradient(0deg,rgba(26,30,93,0.9),transparent)}
.blog_fullimage .item_content{left:0;right:0;bottom:0;z-index:2;position:absolute;padding:33px 40px 37px}
.blog_fullimage .post_admin{position:relative;padding:17.5px 40px;padding-right:80px;margin-bottom:33px;border:1px solid rgba(255,255,255,0.35)}
.blog_fullimage .abmin_name{line-height:1;font-size:18px}
.blog_fullimage .post_date{line-height:1;display:block}
.blog_fullimage .post_date i{margin-right:6px;color:#fec931}
.blog_fullimage .icon_btn{top:-1px;right:-1px;width:80px;height:80px;font-size:24px;line-height:86px;position:absolute}
.blog_fullimage:hover .icon_btn{color:#fff}
.blog_fullimage:hover .icon_btn:before{left:0;width:100%;right:auto}
.blog_fullimage .item_title{margin-bottom:20px}
.blog_fullimage .item_title>a{display:block;font-size:22px;font-weight:500;line-height:1.455;letter-spacing:-1px;color:#222; }
.blog_fullimage:hover .item_title>a{color:#fec931}
.blog_fullimage.text-white .abmin_name{color:#fff}
.blog_fullimage.text-white .item_title>a{color:#fff}
.blog_fullimage.text-white:hover .item_title>a{color:#fec931}
.blog_fullimage.text-white .post_meta a{color:#fff}
.blog_fullimage.text-white .post_meta a:hover{color:#fec931}
.blog_fullimage.text-white .post_meta i{color:#fec931}
.blog_fullimage_2{max-width:370px;overflow:hidden;position:relative;margin:30px auto 0}
.blog_fullimage_2:before{top:0;left:0;right:0;bottom:0;content:"";position:absolute;background-color:rgba(26,30,93,0.749)}
.blog_fullimage_2 .absolute_btn{top:40px;z-index:2;right:40px;position:absolute}
.blog_fullimage_2 .text_btn span{color:#fff}
.blog_fullimage_2 .text_btn span:before{background:#fec931}
.blog_fullimage_2 .text_btn i{color:#fff}
.blog_fullimage_2 .item_content{left:0;right:0;bottom:0;z-index:2;position:absolute;padding:33px 40px 35px}
.blog_fullimage_2 .post_meta{margin-bottom:12px}
.blog_fullimage_2 .post_meta a{color:#fff}
.blog_fullimage_2 .post_meta a:hover{color:#fec931}
.blog_fullimage_2 .post_meta i{color:#fff}
.blog_fullimage_2 .item_title{margin-bottom:0}
.blog_fullimage_2 .item_title>a{color:#fff;display:block;font-size:22px;font-weight:500;line-height:1.455;letter-spacing:-1px; }
.blog_fullimage_2:hover .item_title>a{color:#fec931}
.blog_quote{padding:50px;padding-left:70px;max-width:770px;margin:30px auto 0}
.blog_quote .item_title{margin-bottom:20px}
.blog_quote .item_title>a{font-size:30px;font-weight:700;line-height:1.333;color:#222}
.blog_quote .item_title>a:hover{opacity:.7}
.blog_quote.text-white .item_title>a{color:#fff}
.blog_quote .post_admin{display:block;line-height:1;font-size:18px;font-weight:500;position:relative;padding-left:70px}
.blog_quote .post_admin:before{top:50%;left:0;width:50px;height:2px;content:"";line-height:1;position:absolute;background-color:#ededef;transform:translateY(-50%)}

.post_meta{padding-bottom:30px; border-bottom:1px solid #dddddd;}
  .video-container-index {
            width: 100%;
            height: 800px;
            position: relative;
            margin: 0px auto;
            background: #000;
        }

              /* 视频样式 */
      .video-container-index    #myVideo {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 封面图样式 */
        .video-container-index  .video-cover {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1;
            transition: opacity 0.3s;
        }

        /* 播放控制容器 */
        .video-container-index  .play-controls {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            text-align: center;
        }

        /* 标题样式 */
        .video-container-index  .video-title {
            color: #fff;
          
            margin-bottom: 50px;
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
            cursor: default;
            transition: all 0.3s;
        }
		 /* 按钮容器样式 */
       .video-container-index   .video-btn {
            display: inline-block;
            padding: 8px 26px;
            border-radius: 23px;  /* 圆角设置 ‌:ml-citation{ref="1,3" data="citationList"} */
          
            color: white;
            font-size: 20px;
            cursor: pointer;
            transition: all 0.3s;
            border: 2px solid #ffffff;  /* 边框样式 ‌:ml-citation{ref="4,6" data="citationList"} */
        }

        /* 悬停效果 */
       .video-container-index   .video-btn:hover {
            transform: scale(0.95);
            background: #00a6df;
			border: 2px solid #00a6df;
        }

        /* 按钮图标+文字布局 */
       .video-container-index   .btn-content {
            display: flex;
            align-items: center;
            gap: 8px;
        }


        /* 播放按钮样式 */
        .video-container-index  .play-btn {
            width: 25px;
            height: 25px;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 50%;
            cursor: pointer;
            margin: 0 auto;
            transition: all 0.3s;
            position: relative;
        }

        .video-container-index  .play-btn::before {
            content: '';
            position: absolute;
            left: 65%;
            top: 50%;
            transform: translate(-40%, -50%);
            border: 8px solid transparent;
            border-left-color: #333;
            border-left-width: 12px;
            opacity: 0.5；
        }

        /* 悬停效果 */
        .video-container-index  .play-controls:hover .play-btn {
            transform: scale(1.1);
            background: rgba(255, 255, 255, 1);
        }

         .video-container-index .play-controls:hover .video-title {
            transform: translateY(-5px);
        }

        /* 隐藏状态 */
        .video-container-index  .hide {
            opacity: 0;
            pointer-events: none;
        }
		/* 移动端适配 */
@media (max-width: 768px) {
     .video-container-index{
        width: 100%;
        height: 100px;
        padding-top: 56.25%;  /* 保持16:9比例 */
        border-radius: 0;
    }

    /* 调整视频元素 */
     .video-container-index #myVideo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
	

    /* 标题缩小 */
    .video-container-index .video-title {
     
        margin-bottom: 15px;
    }

    /* 按钮尺寸调整 */
      .video-container-index .play-btn {
        width: 25px;
        height: 25px;
    }
}

/* 超小屏幕适配 */
@media (max-width: 480px) {
     .video-container-index {
        padding-top: 70%;  /* 调整宽高比为10:7 */
    }
    
     .video-container-index .video-title {
        font-size: 1em;
    }
}
.featured-imagebox-post.style1 {
    background-color: #fff;
    border: 15px solid #fff;
    margin: 15px 0;
    overflow: hidden;
    transition: .5s;
    -webkit-box-shadow: 0 0 7px 0 rgba(43,52,59,0.08);
    -moz-box-shadow: 0 0 7px 0 rgba(43,52,59,0.08);
    box-shadow: 0 0 7px 0 rgba(43,52,59,0.08)
}

.featured-imagebox-post.style1 .featured-content {
    padding: 15px 18px 11px 17px;
    background-color: #fff
}

.featured-imagebox-post.style1 .featured-content .featured-title h5 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0
}

.featured-imagebox-post.style1 .featured-content .post-meta span,.featured-imagebox-post.style1 .featured-content .post-meta span a,.featured-imagebox-post.style1 .featured-content .post-meta span i {
    color: inherit
}

.featured-imagebox-post.style1:hover {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
    box-shadow: 0 0 -20px rgba(0,0,0,0.15)
}

.featured-imagebox-post.style2 {
    padding: 15px;
    margin: 15px 0 30px;
    clear: both;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 7px 0 rgba(43,52,59,.1);
    -moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.1);
    box-shadow: 0 0 7px 0 rgba(43,52,59,.1)
}

.featured-imagebox-post.style2 .featured-thumbnail {
    border-radius: 6px;
    width: 53.87%
}

.featured-imagebox-post.style2 .featured-content {
    padding: 18px 0 0 25px;
    width: 100%
}
.featured-imagebox-post.style2 .featured-content a{ color:#333333;}
.featured-imagebox-post.style2 .featured-content a:hover{ color:#00a6df;}

.featured-imagebox-post.style2 .featured-content .featured-desc {
    display: inline;
	 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height:24px;
  padding-top:10px;
}

.featured-imagebox-post.style2 .featured-content .featured-footer-left {
    display: inline;
    font-size: 15px;
    font-weight: 600;
    text-decoration: underline
}

.featured-imagebox-services.style1 {
    padding: 15px;
    border-radius: 3px;
    padding-bottom: 0;
    margin-bottom: 15px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(43,52,59,0.1)
}

.featured-imagebox-services.style1 .featured-content {
    padding: 30px 15px 15px 15px
}

    /* 容器样式 */
   .shop_section .swipe-container {
      max-width: 100%;
      margin: 0px auto;
      overflow: hidden;
      position: relative;
    }

    /* 横向滚动内容 */
    .shop_section .swipe-list {
      display: flex;
      gap: 20px;
      padding: 15px 0;
      cursor: grab; /* 鼠标拖拽手型 */
      scroll-snap-type: x mandatory; /* 滑动吸附效果 */
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; /* 移动端顺滑滚动 */
    }

    /* 隐藏滚动条 */
   .shop_section  .swipe-list::-webkit-scrollbar {
      display: none;
    }

    /* 单个分类项 */
   .shop_section  .category-item{
      flex: 0 0 100px;
      scroll-snap-align: start; /* 吸附对齐 */
      background: #ffffff;
      border-radius: 20px;
      padding: 6px 30px;
      text-align: center;
      transition: transform 0.3s;
    }
    
     .shop_section  .category-item a{color:#333;width: 100%; font-size:18px;}
      .shop_section .category-item.hover a, .shop_section .category-item:hover a,.shop_section  .category-item a:hover{color:#fff}

    /* 拖拽时样式变化 */
   .shop_section  .swipe-list:active{
      cursor: grabbing;
    }

    /* 分类项悬停动效 */
    .shop_section .category-item:hover{
      transform: translateY(-5px);
      background: #000000;
      color: #fff;
    }
    .shop_section .category-item.hover{
      transform: translateY(0px);
      background: #000000;
      color: #fff;
    }
    
.shop_section.bg_gray{background-color:#f7f8fa}

.product_selection_bar .select_option.float_right{float:right}
.product_selection_bar .select_option.float_right .list{right:0;left:unset}
.product_selection_bar .select_option .nice-select{width:auto;padding:0;height:auto;line-height:1;padding-right:20px;display:inline-block;background:transparent}
.product_selection_bar .select_option .nice-select:after{right:0}
.product_selection_bar .select_option .nice-select span{color:#222}
.product_selection_bar .select_option .nice-select .list{width:auto;min-width:230px}
.product_selection_bar .result_text{margin:0;font-size:18px;font-weight:600;text-align:center;color:#222}
.product_card{max-width:370px;margin:30px auto 0;}
.product_card.bg_gray{background-color:#f7f8fa}
.product_card .item_image{display:block;overflow:hidden;position:relative;background-color:#fff;border-radius: 8px ;
    transition: border-color .1s ease; box-shadow: 0 8px 8px rgba(180,180,180,0.1); margin:3px;}
.product_card .item_image>img{width:100%;display:block;transition:all .3s ease-in-out}
.product_card:hover .item_image>img{  transform:scale(1.05)}
.product_card .item_content{    padding: 21.5px 5px;
    text-align: left;}
.product_card .item_title{ font-size:18px;   white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 显示省略号 */}
.product_card .item_price{display:block; color:#666666;font-size:14px;  white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 显示省略号 */}
.details_section.bg_gray{background-color:#f7f8fa}
.details_section .details_content{padding:50px;background-color:#fff}
.details_section .details_content.p-0{background-color:transparent}
.details_section .details_content hr{height:2px;margin-top:60px;margin-bottom:10px}
.details_section .details_content .item_title{font-size:48px}
.details_section .details_content .title_text{font-size:30px}
.details_section .details_content .post_type{height:30px;color:#fff;min-width:87px;font-size:14px;font-weight:500;line-height:34px;padding:0 20px;text-align:center;border-radius:5px;margin-bottom:20px;text-transform:uppercase}
.details_section .details_content .share_links,.details_section .details_content .primary_tag_list{display:flex;margin-top:30px;align-items:center}
.details_section .details_content .share_links{justify-content:flex-end}
.details_section .details_content .addtocart_btn{height:40px;display:flex;padding:0 26px;text-align:center;align-items:center;justify-content:center}
.details_section .details_content .price_text{display:block;font-size:18px;font-weight:700;line-height:1px;color:#00a6df}
.details_section .details_content .price_text del{font-size:15px;font-weight:500;color:#757575}
.details_section .details_image>img{width:100%;display:block}blockquote{margin:40px 0;padding:32px 45px 38px}blockquote .blockquote_title{font-size:24px;line-height:1.458;margin-bottom:20px}blockquote .blockquote_admin{display:block;line-height:1;font-size:15px;font-weight:600}blockquote .blockquote_admin i{font-size:18px;margin-right:10px}
.author_information{padding:40px;background-color:#f7f8fa}
.author_information .author_thumbnail{float:left;width:160px;height:160px;overflow:hidden;margin-right:35px;border-radius:100%}
.author_information .author_content{display:table}
.author_information .author_name{line-height:1;font-size:22px;margin-bottom:10px}
.author_information p{margin-bottom:18px}
.related_post .small_blog{margin-top:30px}
.related_post .small_blog .item_image{width:80px}
.service_details .details_content .title_text,.service_details .details_content .item_title{font-size:35px}
.design_guideline_info{display:flex;flex-wrap:wrap;margin-left:-50px;margin-right:-50px;justify-content:space-between}
.design_guideline_info .guideline_content{flex:0 0 50%;max-width:50%;padding:0 50px}
.design_guideline_info .guideline_content:not(:last-child){border-right:1px solid #e1e1e1}
.design_guideline_info .btns_group li:not(:last-child){margin-bottom:10px}
.design_guideline_info .btns_group .custom_btn{width:100%}
.guideline_list li{line-height:1;font-size:18px}
.guideline_list li:not(:last-child){margin-bottom:20px}
.masonry_details_images{margin:-15px}
.masonry_details_images .grid-item,.masonry_details_images .grid-sizer{float:left;width:33.333%;display:inline-block}
.masonry_details_images .w_66{width:66.666%}
.masonry_details_images .grid-item{padding:15px}
.portfolio_details_info{padding:50px 0;border-bottom:2px solid #efefef}
.portfolio_details_info h4{line-height:.8;font-size:35px;margin-bottom:15px}
.portfolio_details_info p{line-height:1;font-weight:500;margin-bottom:0}
.portfolio_details_info .square_social_links a{width:60px;height:60px;font-size:18px}
.blog_details .details_content .item_title{font-size:30px;line-height:1.333}
.comment_area .title_title,.comment_form .title_title{font-size:30px}
.comment_area ul{margin:0;padding:0}
.comment_area li{display:block}
.comment_area>ul>li:not(:last-child){margin-bottom:50px}
.comment_area>ul>li li{margin-top:40px;padding-left:105px}
.comment_area .admin_thumbnail{width:80px;float:left;height:80px;overflow:hidden;margin-right:25px;border-radius:100%}
.comment_area .admin_thumbnail>img{width:100%;display:block}
.comment_area .admin_content{display:table}
.comment_area .admin_name{line-height:1;font-size:18px;margin-bottom:10px}
.comment_area .admin_title{line-height:1;display:block;font-weight:500;margin-bottom:13px;color:#00a6df}
.comment_area p{margin-bottom:10px}
.comment_area .reply_btn{line-height:1;font-size:13px;font-weight:500;color:#757575;text-transform:uppercase; }
.comment_area .reply_btn:hover{color:#00a6df}
.comment_area .reply_btn i{margin-left:5px}
.comment_form .form_item input,.comment_form .form_item textarea{background-color:#f7f8fa;border:2px solid #f5f5f5}
.comment_form .form_item input:focus,.comment_form .form_item textarea:focus{background-color:#fff;border-color:#00a6df}
.comment_form .form_item input{height:70px}
.shop_details hr{height:2px;margin-top:80px;margin-bottom:80px;background-color:#eaeaea}
.shop_details .shop_container{padding:55px;padding-top:130px;max-width:1310px;margin-left:auto;margin-right:auto;background-color:#fff}
.shop_details .details_image{margin-right:-30px}
.shop_details .details_image .tab-content{float:left;width:605px}
.shop_details .details_image .nav{width:195px;float:right;padding-left:30px}
.shop_details .details_image .nav li:not(:last-child){margin-bottom:30px}
.shop_details .details_content{padding:0;padding-left:55px}
.shop_details .details_content .item_title{font-size:30px}
.shop_details .details_content .share_links{justify-content:flex-start}
.shop_details .quantity_cart>li:not(:last-child){margin-right:35px}
.quantity_input{display:flex;position:relative;align-items:center}
.quantity_input input{height:40px;outline:0;font-size:15px;max-width:80px;font-weight:500;margin:0 10px;padding:0 10px;text-align:center;color:#00a6df;border:1px solid #ddd}
.quantity_input span{line-height:1;cursor:pointer;font-size:24px;text-align:center;color:#222;display:inline-block}
.description_tabnav{margin-bottom:35px;display:inline-block;border-bottom:2px solid #eaeaea}
.description_tabnav li{margin-bottom:-2px}
.description_tabnav li:not(:last-child){margin-right:50px}
.description_tabnav a{display:block;line-height:1;font-size:24px;font-weight:500;position:relative;padding-bottom:20px;color:#222;}
.description_tabnav a:before{width:0;left:auto;right:0;bottom:0;height:2px;content:"";position:absolute;background:#00a6df;transition:width .3s linear}
.description_tabnav a:hover,.description_tabnav a.active{color:#00a6df}
.description_tabnav a:hover:before,.description_tabnav a.active:before{left:0;width:100%;right:auto}
.pricing_section.bg_gray{background-color:#f7f8fa}
.pricing_section .shape_1{left:0;bottom:0;max-width:352px}
.pricing_section .shape_2{top:0;right:0;max-width:189px}
.pricing_plan{max-width:370px;padding:60px 50px;margin:30px auto 0;background-color:#fff}
.pricing_plan .sub_title{display:block;line-height:1;font-size:24px;margin-bottom:15px;color:#00a6df;font-family:"Pacifico",cursive}
.pricing_plan .item_title{line-height:1;font-size:35px}
.pricing_plan .item_body{padding:30px 0}
.pricing_plan .item_icon{display:flex;min-height:165px;align-items:center;margin-bottom:40px;justify-content:center}
.pricing_plan .item_icon>img{margin:auto;max-width:220px}
.pricing_plan .pricing_text{display:block;line-height:.8;font-size:55px;font-weight:500;margin-bottom:35px;color:#1a1e5d;}
.pricing_plan .pricing_text sup{top:-19px;line-height:1;font-size:24px;font-weight:400;color:#00a6df}
.pricing_plan .price_info{padding-top:37px;border-top:1px solid #e5e5e5}
.pricing_plan .price_info li{line-height:1;font-size:18px}
.pricing_plan .price_info li:not(:last-child){margin-bottom:20px}
.pricing_plan .custom_btn{padding:10px 20px}
.pricing_plan .custom_btn span{width:35px;height:35px;line-height:39px;margin-right:-10px}
.team_grid{max-width:270px;margin:30px auto 0;border:1px solid #e4e4e4}
.team_grid .item_content{padding:35px}
.team_grid .member_name{line-height:1;font-size:20px;font-weight:500;margin-bottom:10px}
.team_grid .member_title{line-height:1;display:block;margin-bottom:18px;color:#00a6df}
.team_grid .square_social_links li:not(:last-child){margin-right:7px}
.team_grid .square_social_links a{width:30px;height:30px;line-height:34px}
.faq_content_wrap,.skill_content_wrap{margin:auto;max-width:500px}
.faq_accordion.mr__30{margin-right:-30px}
.faq_accordion.ml__30{margin-left:-30px}
.faq_accordion .card{border:0;border-radius:0;background-color:transparent}
.faq_accordion .card:not(:last-child){margin-bottom:35px}
.faq_accordion .card-header{padding:0;background-color:transparent;border-bottom:2px solid #e3e3e3}
.faq_accordion .card-header button{width:100%;display:block;line-height:1;font-size:18px;text-align:left;font-weight:500;position:relative;padding-bottom:20px;color:#222;}
.faq_accordion .card-header button:before{top:0;right:0;font-weight:500;content:"?";position:absolute;color:#00a6df;transition:all .3s ease-in-out;font-family:"Font Awesome 5 Pro"}
.faq_accordion .card-header button[aria-expanded=true]:before{content:"?";transform:rotate(360deg)}
.faq_accordion.text-white .card-header{border-bottom:2px solid rgba(255,255,255,0.15)}
.faq_accordion.text-white .card-header button{color:#fff}
.faq_accordion.text-white .card-header button:before{color:#fff}
.faq_accordion .card-body{padding:0;padding-top:22px}
.faq_accordion .card-body p{font-size:15px;line-height:1.867}
.text-white .faq_accordion .card-header{border-bottom:2px solid rgba(255,255,255,0.15)}
.text-white .faq_accordion .card-header button{color:#fff}
.text-white .faq_accordion .card-header button:before{color:#fff}
.circle_progress_item{max-width:210px;text-align:center;margin:50px auto 0}
.circle_progress_item .circle_progress{position:relative}
.circle_progress_item canvas{width:155px;height:155px;display:table;margin:0 auto 30px;transform:rotate(90deg)}
.circle_progress_item .percentage_text{top:50%;left:50%;line-height:1;font-size:50px;font-weight:500;position:absolute;color:#222; transform:translate(-50%,-50%)}
.circle_progress_item .percentage_text sub{bottom:0;font-size:24px}
.circle_progress_item .item_title{line-height:1;font-size:22px;margin-bottom:15px}
.faqcontact_section.bg_gray{background-color:#f7f8fa}
.faq_contact_form{margin:auto;max-width:500px}
.faq_contact_form .form_item,.faq_contact_form .select_option{margin-bottom:10px}
.faq_contact_form .form_item input{height:75px;padding:0 35px}
.faq_contact_form .form_item textarea{min-height:150px;padding:25px 35px}
.faq_contact_form .select_option .nice-select{height:75px;line-height:75px;padding:0 35px;padding-right:45px}
.faq_contact_form .custom_btn{padding:10px 35px}
.faq_contact_form .custom_btn span{width:55px;height:55px;line-height:57px;margin-left:35px;margin-right:-25px}
.contact_section.bg_gray{background-color:#f7f8fa}
.contact_content{padding-right:70px}

.contact_information_list li{display:flex;padding:35px 15px;align-items:center; background-color:#f7f9fa; margin-bottom:20px;}
.contact_information_list .item_icon{width:60px;height:60px;color:#fff;font-size:24px;line-height:60px;text-align:center;margin-right:20px;border-radius:100%; background-color:#222222;}
.contact_information_list h4{line-height:1;font-size:18px; font-weight:normal;margin-bottom:12px; line-height:26px;}
.contact_information_list p{line-height:22px;margin-bottom:0}
.contact_information_list p a{color:#666666; }
.contact_information_list p a:hover{color:#00a6df; text-decoration:underline; }
.contact_form .form_item{margin-bottom:40px}
.contact_form .form_item input,.contact_form .form_item textarea{ border:1px solid #dddddd;}
.contact_form .form_item input{height:auto;padding:10px 15px;padding-right:60px}
.contact_form .form_item textarea{min-height:200px;padding:15px}
.contact_form .form_item input::placeholder, .contact_form .form_item textarea::placeholder {
     color: #999; /* 占位符颜色 */
  opacity: 0.5; /* 覆盖 Firefox 的默认透明度 */
}

.contact_form  .position-relative{position:relative;}
.contact_form .form_item .input_icon{right:40px}
.map_section #mapBox{height:750px}
.newsletter_boxed{z-index:1;margin-top:-160px;position:relative;padding:75.5px 70px}
.newsletter_boxed .newsletter_form{padding:35px;background-color:#fff}
.newsletter_boxed .form_item{z-index:2;padding-right:85px}
.newsletter_boxed .form_item input{height:75px;border:1px solid #dbdbdb}
.newsletter_boxed .icon_btn{width:75px;height:75px;color:#fff;font-size:24px;line-height:81px;background-color:#00a6df}
.newsletter_boxed .icon_btn:before{background:#fec931}
.newsletter_boxed .icon_btn:hover{color:#222}
.home_one_banner{ background-size:cover;}
.home_one_banner .banner_image,.home_one_banner .banner_contant_wrap{display:flex;min-height:950px;align-items:center}
.home_one_banner .banner_contant{margin:auto; position:relative; margin-top:80px; color:#222222;}
.home_one_banner .sub_title{line-height:1;font-size:24px;position:relative;padding-left:60px;margin-bottom:40px;color:#fec931;font-family:"Pacifico",cursive}
.home_one_banner .sub_title:before{top:50%;left:0;height:3px;width:30px;content:"";line-height:1;position:absolute;transform:translateY(-50%);background-color:#fec931}
.home_one_banner .item_title{display:block;line-height:.9;font-size:56px; margin-bottom:20px;letter-spacing:2px; color:#333333; }
.item_title_s{font-size:24px; margin-bottom:30px; }
.home_one_banner .decoration_text{top:100px;left:-280px;line-height:1;font-size:220px;position:absolute;transform:rotate(-45deg);font-family:"Pacifico",cursive;-webkit-text-stroke-width:1px;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:rgba(255,255,255,0.03)}
.cta_section .overlay_blue{top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.749;position:absolute;background-color:#1a1e5d}
.cta_section.bg_gray{background-color:#f7f8fa}
.cta_section .deco_image_1{right:103px;bottom:103px;max-width:255px}
.cta_section .hand_image{bottom:0;right:252px;max-width:345px}
.cta_content.ml__30{margin-left:-30px}
.cta_image_1{z-index:2;width:791px;float:right;position:relative;margin-right:-269px;margin-bottom:-212px}
.cta_image_2{width:527px;margin:-130px 0;margin-left:-78px}
.cta_image_3{z-index:1;width:650px;float:right;position:relative;margin:-63px -128px -81px 0}
.cta_image_3:before{left:175px;top:-160px;content:"";z-index:-1;width:590px;height:590px;position:absolute;border-radius:100%;background-color:#00a6df}
.whatwedo_section.bg_gray{background-color:#f7f8fa}
.whatwedo_content{max-width:500px;margin-left:85px}
.whatwedo_content p{margin-bottom:40px}
.whatwedo_content p span{display:inherit}
.whatwedo_content p .big_text{float:left;font-size:80px;margin-top:5px;line-height:.9;margin-right:20px;color:#00a6df;font-family:"Pacifico",cursive}
.home_two_banner{display:flex;min-height:950px;padding-top:155px;align-items:center;padding-bottom:60px;background-image:linear-gradient(0deg,#1a1e5d 0,#5734c9 99%)}
.home_two_banner .banner_image{z-index:1;float:right;width:710px;height:710px;position:relative;margin-right:-120px}
.home_two_banner .banner_image:before{top:0;left:0;right:0;bottom:0;content:"";z-index:-1;position:absolute;border-radius:100%;border:2px dashed #6d59c1;animation:spin 1s infinite linear}
.home_two_banner .banner_image:after{top:50%;left:50%;z-index:-1;content:"";width:530px;height:530px;position:absolute;border-radius:100%;background-color:#5734c9;transform:translate(-50%,-50%)}
.home_two_banner .image_1{top:45px;left:40px;max-width:445px;position:absolute}
.home_two_banner .image_2{z-index:1;bottom:35px;right:-45px;max-width:435px;position:absolute}
.home_two_banner .image_3{top:142px;right:18px;max-width:190px;position:absolute}
.home_two_banner .sub_title{line-height:1;font-size:24px;position:relative;padding-left:60px;margin-bottom:40px;color:#fec931;font-family:"Pacifico",cursive}
.home_two_banner .sub_title:before{top:50%;left:0;height:3px;width:30px;content:"";line-height:1;position:absolute;transform:translateY(-50%);background-color:#fec931}
.home_two_banner .item_title{display:block;line-height:.9;font-size:120px;font-weight:500;margin-bottom:50px;letter-spacing:-2px}
.home_two_banner .decoration_text{top:100px;left:-280px;line-height:1;font-size:220px;position:absolute;transform:rotate(-45deg);font-family:"Pacifico",cursive;-webkit-text-stroke-width:1px;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:rgba(255,255,255,0.03)}
.whoweare_image{overflow:hidden;position:relative}
.whoweare_image:before{top:0;left:0;right:0;bottom:0;content:"";z-index:1;position:absolute;background-color:rgba(26,30,93,0.502)}
.whoweare_image .play_btn{top:50%;left:50%;z-index:2;position:absolute;transform:translate(-50%,-50%)}
.whoweare_content{margin:auto;max-width:475px}
.whoweare_about_content{padding:35px;background-color:#fff}
.whoweare_about_content p{margin-bottom:20px}
.slider_section .btns_group>li:not(:last-child){margin-right:10px}
.home_three_slider .item{z-index:1;display:flex; position:relative;align-items:center;background-size: cover;
    background-position: center top;
    width: 100%;
    height: 100%;}
.home_three_slider .item:before{top:0;left:0;right:0;bottom:0;z-index:-1;content:"";opacity:0;position:absolute;background-color:#0b0f4f}
.home_three_slider .owl-dots{left:50%;bottom:20px;margin-top:0;position:absolute;transform:translateX(-50%)}
.home_three_slider .owl-dots .owl-dot span{opacity:.5;background:#adb1b5}
.home_three_slider .owl-dots .owl-dot:hover span,.home_three_slider .owl-dots .owl-dot.active span{background:#fff;border: 3px #adb1b5 solid;}
.home_three_slider .slider_image{float:left;width:737px}
.home_three_slider .slider_content{padding-right:60px}
.home_three_slider .small_title{line-height:1;font-size:24px;position:relative;padding-left:60px;margin-bottom:30px;color:#fec931;font-family:"Pacifico",cursive}
.home_three_slider .small_title:before{top:50%;left:0;height:3px;width:30px;content:"";line-height:1;position:absolute;transform:translateY(-50%);background-color:#fec931}
.home_three_slider .item_title{line-height:1;font-size:100px;font-weight:700;letter-spacing:-7px;font-family:"Hind",sans-serif}
.home_three_slider p{font-size:18px;font-weight:500;margin-bottom:30px}
.home_three_slider .slider_image{opacity:0;transform:translateX(80px);transition:.6s cubic-bezier(0.33,1,0.68,1)}
.home_three_slider .small_title,.home_three_slider .item_title,.home_three_slider .btns_group,.home_three_slider p{opacity:0;transform:translateY(20px);transition:.6s cubic-bezier(0.33,1,0.68,1)}
.home_three_slider .owl-item.active .slider_image{opacity:1;transition-delay:.8s;transform:translateX(0px)}
.home_three_slider .owl-item.active .small_title,.home_three_slider .owl-item.active .item_title,.home_three_slider .owl-item.active .btns_group,.home_three_slider .owl-item.active p{opacity:1;transform:translateY(0px)}
.home_three_slider .owl-item.active .small_title{transition-delay:1s}
.home_three_slider .owl-item.active .item_title{transition-delay:1.1s}
.home_three_slider .owl-item.active p{transition-delay:1.2s}
.home_three_slider .owl-item.active .btns_group{transition-delay:1.3s}
@media screen and (max-width:1810px){.primary_header .main_menu>ul>li>a{padding:0 30px}}
@media screen and (max-width:1720px){.feature_listlayout_boxed2 .item_title{font-size:20px}}



@media screen and (max-width:1810px){.primary_header .main_menu>ul>li>a{padding:0 30px}}

@media screen and (max-width:1720px){.feature_listlayout_boxed2 .item_title{font-size:20px}
.feature_listlayout_boxed2{padding:60px}}

@media screen and (max-width:1580px){.primary_header .header_hotline{width:300px}
.header_hotline{padding:30px 30px}
.primary_header .brand_logo{max-width:270px}
.primary_header .brand_logo img{max-width:170px}
.cta_image_1{margin-bottom:-180px}
.testimonial_section .deco_image_1{top:-70px;right:40px;max-width:140px}
.testimonial_section .deco_image_2{top:140px;left:-40px;max-width:130px}
.testimonial_section .deco_image_3{right:80px;max-width:160px}
.testimonial_section .deco_image_4{top:490px;left:7px;max-width:140px}
.testimonial_section .decoration_images_1{width:470px}
.home_three_slider .slider_image{width:620px}}

@media screen and (max-width:1460px){.primary_header .brand_logo{max-width:240px}
.primary_header .brand_logo img{max-width:150px}
.header_hotline h4{font-size:12px}
.header_hotline span{font-size:15px}
.header_hotline .item_icon{width:50px;height:50px;margin:-8px 0;margin-right:6px;border:3px solid #fff}
.primary_header .header_hotline{width:250px}
.primary_header .main_menu>ul>li>a{padding:0 25px}
.primary_header .search_btn{min-width:85px;padding:0 15px}
.faq_content_wrap,.skill_content_wrap,.faq_contact_form,.whatwedo_content,.whoweare_content,.testimonial_auto_wrap{margin:auto;height:400px;max-width:500px;overflow-y:scroll}
.faq_content_wrap::-webkit-scrollbar,.skill_content_wrap::-webkit-scrollbar,.faq_contact_form::-webkit-scrollbar,.whatwedo_content::-webkit-scrollbar,.whoweare_content::-webkit-scrollbar,.testimonial_auto_wrap::-webkit-scrollbar{width:0}
.whoweare_content{padding:15px}
.cta_image_1{margin-bottom:-145px}
.feature_listlayout_boxed2 .item_icon{width:80px;height:80px;margin-right:20px;border:5px solid #fff}
.feature_listlayout_boxed2 .item_icon img{max-width:35px}
.feature_listlayout_boxed2{padding:50px 30px}

.service_boxed .item_title{font-size:22px;}

}

@media screen and (max-width:1310px){.shop_details .details_image .nav{width:20%;padding-left:20px}
.shop_details .details_image .nav li:not(:last-child){margin-bottom:20px}
.shop_details .details_image .tab-content{width:80%}
.shop_details .details_image .tab-content img{width:100%;display:block}
.shop_details .quantity_cart>li:not(:last-child){margin-right:20px}}

@media screen and (max-width:1285px){.primary_header .main_menu,.primary_header .brand_logo,.primary_header .header_hotline{min-height:80px}
.primary_header .main_menu>ul>li>a{font-size:14px;line-height:80px;padding:0 22px}
.primary_header .main_menu>ul>li{height:80px}
.primary_header .search_btn{min-width:85px;padding:0 15px;line-height:84px}
.header_hotline{padding:22px 20px}
.primary_header .brand_logo>a{line-height:80px}
.primary_header+main{margin-top:80px}}
@media screen and (max-width:1280px){
	#backtotop{width:45px;height:45px;bottom:48px}#scroll{font-size:15px;line-height:50px}
.header_contact_info li:not(:last-child){margin-right:20px}
.header_contact_info li{font-size:13px}
.main_menu>ul>li:not(:last-child){margin-right:25px} 
.main_menu>ul>li>a{font-size:14px}
.header_section .custom_btn span{width:35px;height:35px;font-size:12px;margin-left:20px;line-height:38px;margin-right:-14px}
.header_section .custom_btn{font-size:12px;padding:5px 20px}
.header_section .action_btn{width:45px;height:45px;font-size:14px;line-height:47px}
.primary_social_links a{font-size:13px}
.header_section .select_option .nice-select{font-size:13px}
.header_top{min-height:40px;padding:5px 0}
.header_section .brand_logo a{max-width:170px}
.header_bottom{min-height:80px;padding:10px 0}
.header_default+main{margin-top:120px}
.search_body_collapse .form_item button{font-size:20px}
.search_body_collapse .form_item input{height:50px;font-size:20px}
.primary_header .header_hotline{display:none}
.primary_header .main_menu{float:right}
.primary_header .main_menu>ul>li{margin:0}
.secondary_header+main{margin-top:120px}
.breadcrumb_section{min-height:300px}
.page_title{font-size:66px}
.breadcrumb_nav>li{font-size:20px}
.faq_section .faq_accordion{margin:0;margin-bottom:50px}
.masonry_portfolio_grid{margin:15px 0;margin-bottom:-15px}
.cta_image_1{width:670px;margin-right:-150px;margin-bottom:-215px}
.cta_image_2{width:auto;float:none;margin:0 auto}
.shop_details hr{height:1px;margin-top:50px;margin-bottom:50px}
.shop_details .quantity_cart{margin:-5px}
.shop_details .quantity_cart>li{padding:5px}
.description_tabnav a{font-size:20px;padding-bottom:15px}
.description_tabnav{margin-bottom:20px}
.shop_details .details_content{padding:0;padding-left:30px}
.circle_progress_item .percentage_text{font-size:36px}
.circle_progress_item .percentage_text sub{font-size:18px}
.home_one_banner .banner_contant{width:auto;margin:auto;max-width:470px}
.home_one_banner .item_title{font-size:100px}
.home_one_banner .decoration_text{left:-32%;font-size:180px}
.home_one_banner .sub_title{font-size:20px;padding-left:50px}
.home_one_banner .custom_btn{font-size:14px;padding:10px 30px}
.home_one_banner .custom_btn span{width:40px;height:40px;line-height:44px;font-size:14px;margin-left:30px;margin-right:-20px}
.about_content p span{font-size:16px}
.blog_grid_1 .item_content{padding:25px 30px}
.blog_grid_1 .post_admin{padding:10px 30px;padding-right:80px}
.blog_fullimage .item_content{padding:30px}
.newsletter_boxed{margin-top:-130px;padding:60px 40px}
.newsletter_boxed .form_item input{height:60px}
.newsletter_boxed .icon_btn{width:60px;height:60px;font-size:18px;line-height:66px}
.newsletter_boxed .form_item{padding-right:70px}

.cta_content.ml__30{margin:0}
.cta_section .hand_image{right:60px;max-width:280px}}

@media screen and (max-width:1199px){.main_menu>ul>li:not(:last-child){margin-right:20px}
.footer_newsletter_boxed .form_list>li:not(:last-child){width:100%;display:block;margin-right:0}
.footer_newsletter_boxed .form_list{position:relative}
.footer_newsletter_boxed .form_list>li:last-child{top:0;right:0;position:absolute}
.footer_newsletter_boxed input{width:100%}
.secondary_footer .footer_about{padding:80px 30px 30px}
.footer_newsletter_boxed{margin-right:0;padding:30px 35px}
.footer_newsletter_boxed .newsletter_title{font-size:20px}
.small_blog .item_title>a{font-size:16px}
.footer_contact_info p{font-size:14px}
.sidebar_section .widget{padding:40px 30px}
.about_content{padding-left:0}
.faq_content_wrap,.skill_content_wrap,.faq_contact_form,.whatwedo_content,.testimonial_auto_wrap{margin:auto;height:370px;padding:30px;max-width:100%;overflow-y:scroll}
.faq_content_wrap::-webkit-scrollbar,.skill_content_wrap::-webkit-scrollbar,.faq_contact_form::-webkit-scrollbar,.whatwedo_content::-webkit-scrollbar,.testimonial_auto_wrap::-webkit-scrollbar{width:0}
.faq_accordion .card-header button{font-size:16px}
.circle_progress_item .percentage_text{font-size:30px}
.circle_progress_item .percentage_text sub{font-size:16px}
.details_section .details_content{padding:30px}
.blog_details .details_content .item_title{font-size:26px}
.details_section .details_content .title_text{font-size:22px}blockquote .blockquote_title{font-size:22px}
.author_information .author_thumbnail{width:150px;height:150px;margin-right:30px}
.author_information .author_name{font-size:20px}
.comment_area .title_title,.comment_form .title_title{font-size:24px}
.funfact_bordered{border:0}
.design_guideline_info .guideline_content .item_title{font-size:22px}
.shop_details .details_content{padding:0;padding-left:30px}
.service_boxed{padding:40px 20px}
.service_grid_2 .item_content_wrap{padding:60px 30px}
.home_two_banner .banner_image{float:right;width:600px;height:600px;margin-right:0}
.home_two_banner .image_1{top:40px;left:30px;max-width:330px}
.home_two_banner .image_2{bottom:30px;right:-10px;max-width:370px}
.home_two_banner .image_3{top:140px;right:90px;max-width:130px}
.home_three_slider .item_title{font-size:90px}
.home_three_slider p{font-size:16px}
.home_three_slider .small_title{font-size:22px;padding-left:50px;margin-bottom:25px}
.home_three_slider .slider_image{width:580px}}

@media screen and (max-width:1100px){.section_title .small_title{font-size:20px}
.section_title .big_title{font-size:42px}
.section_title .biggest_title{font-size:140px}
.secondary_header .brand_logo,.secondary_header .header_icon_btns{width:100%}
.page_title{font-size:60px}
.about_content p span{font-size:16px}
.service_grid .item_content{padding:40px 20px}
.team_grid .item_content{padding:25px}
.blog_grid_1 .item_title>a,.blog_fullimage .item_title>a{font-size:18px}
.home_two_banner .banner_image{float:none;width:530px;height:530px;display:table;margin:0 auto}
.home_two_banner .banner_image:after{width:430px;height:430px}
.home_two_banner .image_1{top:20px;left:20px;max-width:270px}
.home_two_banner .image_2{right:15px;bottom:50px;max-width:330px}
.home_two_banner .image_3{top:106px;right:110px;max-width:110px}
.home_two_banner .item_title{font-size:100px;margin-bottom:40px}
.home_two_banner .sub_title{font-size:20px;padding-left:50px;margin-bottom:30px}
.service_split .service_boxed{padding:48.5px 20px}
.testimonial_person_image{width:390px;margin-top:-235px;margin-left:-70px}
.creative_testimonial_carousel{padding:50px 70px;margin-bottom:55px}
.creative_testimonial_carousel .testimonial_primary p{font-size:22px}
.orange_shape{right:0;width:600px;height:550px}}

@media screen and (max-width:1040px){.main_menu>ul>li>a{font-size:12px}
.small_blog .item_title>a{font-size:16px}}

@media screen and (max-width:991px){.sec_ptb_130{padding:50px 0}
.mb_50{margin-bottom:30px}
.mb_80{margin-bottom:50px}
.order-last{order:0}
.mobilemenu_btns_group{display:inline-block}
.header_default .header_top,.header_default .header_bottom .main_menu,.header_default .header_bottom .header_btns_group{display:none}
.header_default+main{margin-top:80px}
.header_default .brand_logo{display:flex;align-items:center;justify-content:space-between}
.primary_header .main_menu{display:none}
.primary_header .brand_logo{float:none;width:100%;display:flex;padding:15px;max-width:100%;min-height:auto;align-items:center;justify-content:space-between}
.primary_header .brand_logo>a{line-height:1;text-align:left}
.primary_header .brand_logo .search_btn{padding:0;line-height:1;min-width:auto;min-height:auto}
.primary_header+main{margin-top:61px}
.primary_header .mobilemenu_btns_group button{color:#757575}
.primary_header .mobilemenu_btns_group button:hover,.primary_header .mobilemenu_btns_group button.active{color:#00a6df;background:transparent}
.primary_header .search_btn:hover,.primary_header .search_btn.active{color:#00a6df;background-color:transparent}
.secondary_header .main_menu,.secondary_header .header_top,.secondary_header .header_icon_btns{display:none}
.secondary_header .brand_logo{margin:0;height:auto;border:0;display:flex;align-items:center;justify-content:space-between}
.secondary_header .header_bottom{min-height:auto;padding:15px 0}
.secondary_header .mobilemenu_btns_group button{color:#222}
.secondary_header .mobilemenu_btns_group button:hover{color:#00a6df}
.secondary_header+main{margin-top:65px}
.text-white .footer_widget_title{margin-bottom:30px}


.primary_brand_section .brand_logo{display:none}
.primary_brand_section .logo_image{padding:15px}
.brand_section.primary_brand_section{min-height:160px}
.secondary_footer .footer_about .brand_logo{height:150px;display:flex;margin-bottom:25px;align-items:center;justify-content:center}
.secondary_footer .footer_about{padding:30px;margin-top:0;margin-bottom:40px}
.secondary_footer .footer_widget_area{padding:0}
.footer_contact_info{margin-top:40px}
.footer_newsletter_boxed .form_list{margin-top:20px}
.breadcrumb_section{text-align:center}
.breadcrumb_nav{margin-top:20px;justify-content:center}
.breadcrumb_nav>li:not(:last-child){margin-right:20px;padding-right:20px}
.breadcrumb_nav>li{font-size:18px}
.page_title{font-size:56px}
.sidebar_section{margin-top:50px}
.sb_recent_works li:not(:last-child){margin-bottom:20px;padding-bottom:20px}
.sb_photo_gallery ul{margin:-4px;max-width:430px}
.sb_photo_gallery li{padding:4px;flex:0 0 33.333%;max-width:33.333%}
.sb_tag_list ul{margin:-5px;max-width:370px}
.sb_tag_list li{padding:5px}
.sb_cta .content_wrap{max-width:400px}
.about_content{margin-top:40px}
.service_grid{margin:30px auto 0}
.faq_content_wrap,.skill_content_wrap,.faq_contact_form,.whatwedo_content,.testimonial_auto_wrap{margin:0;height:auto;padding:0;overflow:unset}
.faq_image,.whatwedo_image{margin-bottom:40px}
.faq_image img,.whatwedo_image img{width:100%;display:block}
.faq_section,.skill_section,.faqcontact_section,.whatwedo_section{padding:100px 0}
.contact_content{padding-right:0;margin-bottom:50px}
.map_section #mapBox{height:500px}
.faq_contact_form .custom_btn span{width:40px;height:40px;line-height:44px;margin-left:25px;margin-right:-20px}
.faq_contact_form .custom_btn{padding:10px 30px}
.faq_contact_form .select_option .nice-select{height:60px;line-height:60px;padding:0 30px;padding-right:35px}
.faq_contact_form .form_item input{height:60px;padding:0 30px}
.portfolio_details{max-width:770px;margin:0 auto}
.portfolio_details_info .square_social_links{justify-content:flex-start}
.portfolio_details_info h4{font-size:28px}
.portfolio_details_info .info_wrap{margin-bottom:30px}
.details_section .details_content .item_title{font-size:38px}
.portfolio_details_info .square_social_links a{width:50px;height:50px;font-size:14px}
.cta_image_3{width:auto;float:none;max-width:570px;margin:-15px auto 40px}
.cta_image_3:before{left:50%;width:590px;height:590px;transform:translateX(-50%)}
.pricing_section .shape_2{max-width:140px}
.pricing_section .shape_1{max-width:220px}
.cta_image_1{float:none;width:auto;margin:0;max-width:670px;margin-bottom:40px}
.feature_section .feature_content{max-width:470px;text-align:center;margin:0 auto 50px}
.feature_section .feature_content p{padding:0;border:0}
.feature_section .feature_content .section_title .biggest_title{left:50%;transform:translate(-50%,-50%)}
.cta_image_2{max-width:370px;margin:0 auto 40px}
.cta_content.ml__30{margin:0}
.cta_section .deco_image_1{right:50px;bottom:50px;max-width:170px}
.design_guideline_info .guideline_content{margin:0;padding:0;border:0;flex:0 0 100%;max-width:100%;margin-bottom:30px}
.design_guideline_info .guideline_content:not(:last-child){border:0}
.design_guideline_info{margin:0}
.design_guideline_info .guideline_content .item_title{font-size:28px;margin-bottom:20px}
.guideline_list li:not(:last-child){margin-bottom:15px}
.guideline_list li{font-size:16px}
.sb_banner{max-width:370px;margin:0 auto}
.product_selection_bar .order-last{order:13}
.shop_details .shop_container{max-width:100%;padding:100px 0}
.shop_details .details_image{margin:0;margin-bottom:40px}
.shop_details .details_content{padding:0}
.shop_details .details_image .tab-content{width:100%;float:none;margin-bottom:15px}
.shop_details .details_image .nav{width:100%;padding:0}
.shop_details .details_image .nav li{float:left;display:inline-block}
.shop_details .details_image .nav li:not(:last-child){margin-bottom:0;margin-right:15px}
.description_tabnav{display:table;margin:0 auto 20px}
.home_one_banner{padding:80px 0;padding-top:0}
.home_one_banner .banner_image{min-height:400px;margin-bottom:40px}
.home_one_banner .banner_contant_wrap{min-height:auto}
.home_one_banner .banner_contant{text-align:center}
.home_one_banner .item_title{font-size:60px}
.home_one_banner .sub_title{display:inline-block}
.home_one_banner .decoration_text{top:50%;left:50%;font-size:130px;transform:translate(-50%,-50%)}
.order-first{order:0}
.feature_primary{margin:50px auto 0}
.testimonial_section .decoration_images_1{display:none}
.home_two_banner .banner_contant{max-width:570px;text-align:center;margin:40px auto 0}
.home_two_banner .sub_title{display:inline-block}
.home_two_banner .item_title{font-size:72px}
.home_two_banner .decoration_text{top:50%;left:50%;font-size:170px;transform:translate(-50%,-50%)}
.home_two_banner{padding:80px 0}
.stairs_wrap .stair_col:nth-child(1),.stairs_wrap .stair_col:nth-child(2),.stairs_wrap .stair_col:nth-child(3){padding-top:0}
.whoweare_content{margin:auto;height:auto;max-width:570px;overflow-y:unset;padding:40px 15px 100px}
.service_split{max-width:570px;margin:30px auto 0}
.service_split .item_image,.service_split .item_content{width:100%;float:none;display:block}
.service_split{max-width:270px}
.testimonial_person_image{display:none}
.creative_testimonial_carousel{margin:0;padding:50px}
.orange_shape{display:none}
.blog_fullimage_2 .item_content{padding:30px}
.blog_fullimage_2 .item_title>a{font-size:20px}
.blog_fullimage_2 .absolute_btn{top:30px;right:30px}

.home_three_slider .slider_content{max-width:570px;margin:0 auto;padding:0 15px;text-align:center}
.home_three_slider .small_title{font-size:20px;margin-bottom:25px;display:inline-block}
.home_three_slider .item_title{font-size:78px}
.home_three_slider .custom_btn{padding:10px 25px}
.home_three_slider .custom_btn span{width:35px;height:35px;line-height:39px;font-size:13px;margin-left:25px;margin-right:-15px}
.home_three_slider .btns_group{justify-content:center}
.home_three_slider .slider_image{width:100%;float:none;max-width:500px;margin:0 auto 30px}
.feature_listlayout_boxed2{margin:0 auto}
.newsletter_boxed{margin-top:-100px;padding:40px 30px}
.newsletter_boxed .section_title{text-align:center}
.newsletter_boxed .section_title .biggest_title{left:50%;font-size:140px;transform:translate(-50%,-50%)}
.newsletter_boxed .newsletter_form{padding:25px;margin-top:30px}
.portfolio_fullimage .item_title{font-size:16px}
.portfolio_fullimage .icon_btn{width:40px;height:40px;font-size:12px;line-height:45px}
.portfolio_fullimage .title_wrap{padding:10px;padding-left:15px}
.testimonial_section{padding:100px 0}
.testimonial_image{margin-bottom:40px}

.service_boxed { height:400px;}
.h_plist1.service_boxed { height:820px;}
}

@media screen and (max-width:880px){.blog_grid_2 .item_content{padding:25px}
.blog_grid_2 .item_title>a{font-size:20px}
.blog_quote .item_title>a{font-size:26px}
.blog_quote{padding:50px 40px}
.product_card .item_title{font-size:18px}
.blog_grid_1 .item_content,.blog_fullimage .item_content{padding:20px}
.blog_grid_1 .post_admin{padding:10px 20px;padding-right:80px}
.blog_grid_1 .abmin_name{font-size:16px}
.blog_grid_1 .post_date{font-size:13px}
.blog_grid_1 .item_title{margin-bottom:15px}
.blog_fullimage .post_admin{padding:20px;padding-right:80px;margin-bottom:25px}
.blog_fullimage .abmin_name{font-size:16px}
.blog_fullimage .post_date{font-size:13px}

}

@media screen and (max-width:767px){.custom_btn{font-size:13px;padding:0 30px}
/* .custom_btn span{width:40px;height:40px;line-height:44px;font-size:14px;margin-left:30px;margin-right:-22px}*/
.form_item input{height:60px}

.post_meta i{margin-right:5px}
.footer_brand_area .brand_logo{text-align:center;margin-bottom:40px}
.footer_section{ }
.footer_section .recent_works_list{max-width:370px;margin:0 auto}
.footer_section .small_blog{text-align:left;margin:0 auto}
.footer_useful_links{max-width:370px; margin:0 auto 40px}
.footer_section .circle_social_links{margin-top:15px;justify-content:center}
.footer_contact_info ul{display:table;margin:0 auto}
.secondary_footer .small_blog .item_content{display:block;text-align:center}
.brand_section.primary_brand_section{padding:40px 0}
.faq_image,.whatwedo_image,.testimonial_image{padding:0 15px}
.faq_content_wrap,.skill_content_wrap,.faq_contact_form,.whatwedo_content,.testimonial_auto_wrap{padding:0 15px}
.comment_area ul ul .admin_thumbnail{width:60px;height:60px}
.comment_area ul ul .admin_name{font-size:16px;margin-bottom:6px}
.comment_area>ul>li li{padding-left:40px}
.comment_form .form_item input{height:60px}
.details_section .details_content .share_links{justify-content:flex-start}
.check_info_list>li,.outline_check_info_list>li{line-height:1.45}
.outline_check_info_list>li:before{top:2px}blockquote .blockquote_title{font-size:20px}
.blog_grid_2 .post_meta li{font-size:13px}
.blog_grid_2 .item_title>a{font-size:18px}
.blog_grid_2 .item_content{padding:20px}
.blog_grid_2 .post_category{height:25px;font-size:12px;font-weight:600;line-height:29px;margin-bottom:12px}
.map_section #mapBox{height:300px}
.contact_information_list h4{font-size:18px;}
.contact_information_list li{padding:30px 0}
.contact_form .form_item input{height:60px;padding:0 30px;padding-right:45px}
.contact_form .form_item .input_icon{right:30px}
.form_item .input_title{font-size:16px}
.contact_information_list .item_icon{width:55px;height:55px;font-size:20px;line-height:62px;margin-right:15px}
.contact_form .form_item textarea{padding:20px 30px}
.portfolio_details_info h4{font-size:22px}
.details_section .details_content .item_title{font-size:30px;margin-bottom:20px}
.masonry_portfolio_grid .grid-item,.masonry_portfolio_grid .grid-sizer{width:50%}
.masonry_portfolio_grid .w_50{width:100%}

.funfact_item .item_icon span{width:60px;height:60px;font-size:20px}
.funfact_item .item_icon{width:90px;height:90px;margin:0 auto 20px}
.funfact_item .counte_text{font-size:28px;margin-bottom:12px}
.funfact_item .item_title{font-size:14px}
.product_selection_bar .select_option,.product_selection_bar .select_option.float_right{float:none;display:table;margin:0 auto}
.product_selection_bar .select_option .list,.product_selection_bar .select_option.float_right .list{left:50%;right:unset;transform:translateX(-50%)}
.product_selection_bar .select_option{padding-bottom:10px}
.product_selection_bar .order-last{order:0}
.shop_details .details_image .nav li{max-width:150px}
.about_content .experience_image{max-width:90px;margin-right:20px}
.service_card .item_content{padding:20px 20px;padding-right:65px;margin:-30px auto 0}
.service_card .icon_btn{right:20px}}

@media screen and (max-width:680px){.section_title .big_title{font-size:36px}
.section_title .small_title{font-size:18px;margin-bottom:15px}
.section_title .biggest_title{font-size:120px}
.plus_effect:before{width:100px}
.plus_effect:after{height:100px}
.plus_effect:hover:before{width:60px}
.plus_effect:hover:after{height:60px}
.metro_portfolio_grid .grid-item,.metro_portfolio_grid .grid-sizer{width:50%}
.metro_portfolio_grid .w_50{width:50%}
.portfolio_fullimage a,.portfolio_fullimage img{width:100%;display:block}
.cta_image_3:before{top:50%;left:50%;width:470px;height:470px;transform:translate(-50%,-50%)}
.funfact_item{flex:0 0 50%;max-width:50%;padding:50px 15px;border-right:1px solid #ececec;border-bottom:1px solid #ececec}
.funfact_bordered{margin:0 -15px;border-top:1px solid #ececec;border-left:1px solid #ececec}
.shop_details .details_image .nav li{max-width:100px}
.description_tabnav a{font-size:16px}
.description_tabnav li:not(:last-child){margin-right:30px}
.description_tabnav{margin:0;margin-bottom:20px}
.blog_fullimage_2 .item_content{padding:20px}
.blog_fullimage_2 .item_title>a{font-size:18px}
.blog_fullimage_2 .absolute_btn{top:20px;right:20px}
.testimonial_primary p.font_24{font-size:18px}}

@media screen and (max-width:580px){#backtotop{width:40px;height:40px}#scroll{font-size:14px;line-height:46px}
.header_bottom{min-height:auto;padding:15px 0}
.header_section .brand_logo a{max-width:150px}
.mobilemenu_btns_group button{font-size:16px}
.header_default+main{margin-top:61px}
.search_body_collapse .form_item input{height:45px;font-size:16px}
.search_body_collapse .form_item button{font-size:16px}
.page_title{font-size:54px}
.team_grid .member_name{font-size:18px;margin-bottom:8px}
.team_grid .member_title{margin-bottom:12px}
.team_grid .square_social_links li:not(:last-child){margin-right:4px}
.team_grid .item_content{padding:20px}
.blog_standard .item_content{padding:20px}
.blog_quote .item_title>a{font-size:22px}
.blog_quote{padding:40px 30px}
.blog_standard .post_type{margin-bottom:20px}
.masonry_details_images{margin:-5px}
.masonry_details_images .grid-item{padding:5px}
.cta_image_3:before{width:420px;height:420px}
.home_one_banner .banner_image{min-height:290px;margin-bottom:30px}
.home_one_banner .item_title{font-size:48px;margin-bottom:30px}
.home_one_banner .sub_title{font-size:18px;padding-left:45px;margin-bottom:20px}
.home_one_banner .custom_btn{font-size:13px;padding:10px 25px}
.home_one_banner .custom_btn span{width:35px;height:35px;line-height:39px;font-size:12px;margin-left:25px;margin-right:-15px}
.home_one_banner .decoration_text{font-size:110px}

.home_two_banner .banner_image{width:460px;height:460px}
.home_two_banner .banner_image:after{width:370px;height:370px}
.home_two_banner .image_1{max-width:220px}
.home_two_banner .image_2{max-width:280px}
.home_two_banner .image_3{top:106px;right:120px;max-width:90px}
.home_two_banner .item_title{font-size:54px}
.home_two_banner .decoration_text{font-size:120px}
.feature_card .item_title{font-size:20px}
.funfact_item{flex:0 0 100%;max-width:100%;border:0}
.funfact_item:not(:last-child){border:0;border-bottom:1px solid #ececec}
.creative_testimonial_carousel{padding:30px}
.creative_testimonial_carousel .testimonial_primary{padding-top:0;padding-left:0}
.creative_testimonial_carousel .owl-nav{margin-top:30px;padding-left:0}
.home_three_slider .item_title{font-size:66px;margin-bottom:20px}
.home_three_slider p{font-size:14px}
.home_three_slider .slider_image{max-width:400px;margin:0 auto 40px}
.funfact_item{min-height:auto}}

@media screen and (max-width:575px){.section_title .big_title{font-size:30px}
.section_title .biggest_title{font-size:100px}
.footer_section .brands_list{display:flex;justify-content:center}
.footer_section .brands_list .logo_image{padding:15px;flex:0 0 33.333%;max-width:33.333%}
.page_title{font-size:42px}
.blog_details .details_content .item_title{font-size:22px}
.details_section .details_content .title_text{font-size:20px}
.author_information{padding:30px}
.details_section .details_content hr{height:1px;margin-top:50px;margin-bottom:50px}
.author_information .author_thumbnail{float:none;margin:0;width:130px;height:130px;margin-bottom:20px}
.author_information .author_content{display:block}
.masonry_portfolio_grid{margin:-5px}
.masonry_portfolio_grid .grid-item{padding:5px}
.pricing_section .shape_2{max-width:80px}
.pricing_section .shape_1{max-width:130px}
.service_listlayout_boxed .item_image{max-width:100px;min-width:100px;margin-right:20px}
.service_listlayout_boxed .item_title{font-size:18px;margin-bottom:10px}
.service_listlayout_boxed{padding:30px}
.details_section .details_content .item_title{font-size:22px}
.service_grid_2 .item_icon{float:none;width:80px;height:80px;line-height:82px;margin-right:0;text-align:center;margin-bottom:25px}
.service_grid_2 .item_content_wrap{padding:30px}
.service_grid_2 .item_title{font-size:20px}

.h_plist1.service_boxed { height:720px;}
}

@media screen and (max-width:480px){.footer_widget_area,.footer_brand_area{padding:50px 0 0 0}
    .footer_brand_area .brand_logo {

        margin-bottom: 0px;
    }
.footer_bottom_boxed{padding:30px 20px}
.footer_section .brands_list .logo_image{flex:0 0 100%;max-width:100%}blockquote{padding:30px}
.details_section .details_content .share_links,.details_section .details_content .primary_tag_list{margin-top:20px}
.metro_portfolio_grid .w_50{width:100%}
.cta_image_3:before{width:370px;height:370px}
.cta_section .deco_image_1{right:20px;bottom:20px;max-width:100px}
.service_listlayout_boxed{display:block}
.service_listlayout_boxed .item_image{margin:0;float:none;margin-bottom:20px}
.service_listlayout_boxed .item_content{display:block}
.shop_details .details_image .nav li{max-width:80px}
.description_tabnav li{width:100%;display:block;margin-bottom:10px}
.description_tabnav li:not(:last-child){margin-right:0}
.description_tabnav li a{padding:0;padding-bottom:2px;display:inline-block}
.home_two_banner .banner_image{width:330px;height:330px}
.home_two_banner .banner_image:after{width:280px;height:280px}
.home_two_banner .image_1{max-width:150px}
.home_two_banner .image_2{max-width:200px}
.home_two_banner .image_3{top:53px;right:80px;max-width:70px}
.creative_testimonial_carousel .testimonial_primary p{font-size:18px}
.home_three_slider .btns_group li{width:100%;display:block}
.home_three_slider .btns_group li:not(:last-child){margin-right:0;margin-bottom:10px}
.feature_listlayout_boxed2{padding:30px 15px}
.newsletter_boxed .newsletter_form{padding:15px}
.newsletter_boxed .form_item{padding:0}}

@media screen and (max-width:380px){.section_title .big_title{font-size:28px}
.section_title .biggest_title{font-size:90px}
.pagination_nav li:not(:last-child){margin-right:5px}

.secondary_footer .footer_about .brand_logo{height:110px}
.secondary_footer .footer_about .brand_logo>a{max-width:170px}
.secondary_footer .footer_about{padding:15px}
.footer_newsletter_boxed{padding:30px 15px}
.page_title{font-size:38px}
.breadcrumb_nav>li{font-size:16px}
.breadcrumb_nav{margin-top:8px}
.sb_service_category li:not(:last-child){margin-bottom:20px;padding-bottom:20px}
.sb_service_category a{font-size:16px;padding-right:50px}
.sb_service_category a:before{right:50px}
.service_grid .item_content{margin:0 auto}
.blog_quote .item_title>a{font-size:20px}
.details_section .details_content .item_title{font-size:26px}
.cta_image_3:before{width:270px;height:270px}
.pricing_plan .item_title{font-size:26px}
.pricing_plan .sub_title{font-size:20px}
.pricing_plan .item_icon>img{max-width:170px}
.pricing_plan .item_icon{min-height:135px;margin-bottom:25px}
.pricing_plan .pricing_text{font-size:48px;margin-bottom:20px}
.pricing_plan .item_body{padding:20px 0}
.pricing_plan{padding:50px 25px}
.pricing_plan .price_info{padding-top:30px}
.pricing_plan .price_info li:not(:last-child){margin-bottom:15px}
.pricing_plan .price_info li{font-size:16px}
.feature_listlayout_boxed .item_icon{margin:0;float:none;width:60px;height:60px;font-size:20px;margin-bottom:20px}
.feature_listlayout_boxed .item_content{display:block}
.feature_listlayout_boxed .item_title{font-size:20px;margin-bottom:10px}
.funfact_bordered{border:0}
.funfact_bordered .funfact_item{border:0;flex:0 0 100%;max-width:100%;min-height:auto;border-bottom:1px solid #ececec}
.details_section .details_content .item_title{font-size:20px}
.avatar_wrap .avatar_image{width:50px;height:50px;margin-right:15px}
.avatar_wrap .avatar_name{font-size:16px;margin-bottom:5px}
.avatar_wrap .avatar_title{font-size:12px}
.play_btn{width:40px;height:40px;line-height:40px;border:2px solid rgba(255,67,40,0.49)}

.home_two_banner .banner_image{width:290px;height:290px}
.home_two_banner .banner_image:after{width:250px;height:250px}
.home_two_banner .image_1{max-width:135px}
.home_two_banner .image_2{max-width:165px}
.home_two_banner .image_3{top:53px;right:70px;max-width:60px}
.home_two_banner .item_title{font-size:42px}
.creative_testimonial_carousel .testimonial_primary p{font-size:16px}
.feature_listlayout_boxed2 .item_icon{float:none;margin-right:0;margin-bottom:20px}
.feature_listlayout_boxed2 .item_content{display:block}
}
@media screen and (max-width:350px){
	.masonry_portfolio_grid .grid-item,.masonry_portfolio_grid .grid-sizer{width:100%}
.metro_portfolio_grid .grid-item,.metro_portfolio_grid .grid-sizer{width:100%}
.shop_details .details_image .nav li{max-width:60px}

}


/*
-----------------------------------------------------------------------
  Shop CSS
-----------------------------------------------------------------------
*/
.product-item .inner-content {
  background-color: #fff;
  position: relative;
  padding: 15px;
  text-align: center;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  z-index: 1;
}
.product-item .inner-content:after {
  -webkit-box-shadow: 0 3px 25.5px 4.5px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 25.5px 4.5px rgba(0, 0, 0, 0.06);
  bottom: -95px;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
  z-index: -1;
  transform: rotateX(45deg);
  -webkit-transform: rotateX(45deg);
  -moz-transform: rotateX(45deg);
  -ms-transform: rotateX(45deg);
  -o-transform: rotateX(45deg);
  transform-origin: bottom;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -o-transform-origin: bottom;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
.product-item .inner-content .product-flag {
  display: -ms-inline-grid;
  display: inline-grid;
  margin-bottom: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.product-item .inner-content .product-flag > li {
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  padding: 0 5px;
  text-transform: capitalize;
  z-index: 1;
}
.product-item .inner-content .product-flag .discount {
  background-color: #090;
}
.product-item .inner-content .product-flag .new {
  background-color: #00a6df;
}
.product-item .inner-content .product-action {
  left: 10px;
  position: absolute;
  top: 10px;
  z-index: 1;
}
.product-item .inner-content .product-action .addto-wrap > a {
  background: #f6f6f6;
  border-radius: 50%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  color: #0f0f0f;
  display: inline-block;
  font-size: 16px;
  height: 40px;
  line-height: 47px;
  margin-right: 5px;
  padding: 0;
  text-align: center;
  width: 40px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.product-item .inner-content .product-action .addto-wrap > a:nth-child(2) {
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}
.product-item .inner-content .product-action .addto-wrap > a:hover {
  background-color: #00a6df;
  color: #fff;
}
.product-item .inner-content .product-thumb {
  position: relative;
  overflow: hidden;
}
.product-item .inner-content .product-thumb img {
  width: 100%;
}
.product-item .inner-content .product-thumb .second-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  display: inline-block;
  transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  width: 100%;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  -webkit-transition-duration: 500ms !important;
          transition-duration: 500ms !important;
}
.product-item .inner-content .product-info {
  background-color: #fff;
  padding-top: 22px;
  text-align: center;
}
.product-item .inner-content .product-info .title {
  color: #0f0f0f;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 9px;
}
@media only screen and (max-width: 1199px) {
  .product-item .inner-content .product-info .title {
    font-size: 13px;
  }
}
.product-item .inner-content .product-info .title a {
  color: #0f0f0f;
}
.product-item .inner-content .product-info .title a:hover {
  color: #00a6df;
}
.product-item .inner-content .product-info .star-content {
  margin-bottom: 6px;
}
.product-item .inner-content .product-info .star-content i {
  color: #fdd835;
  font-size: 18px;
  display: inline-block;
  position: relative;
  line-height: 1;
}
.product-item .inner-content .product-info .star-content i.icon-color-gray {
  color: #d0d0d0;
}
.product-item .inner-content .product-info .prices {
  line-height: 1;
}
.product-item .inner-content .product-info .prices .price {
  color: #00a6df;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.product-item .inner-content .product-info .prices .price-old {
  color: #9b9b9b;
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 2px;
  font-size: 15px;
  line-height: 1;
}
.product-item .inner-content .btn-product-add {
  background-color: #f6f5f4;
  border-radius: 50px;
  color: #0f0f0f;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  position: relative;
  padding: 13px 55px 13px 25px;
  overflow: hidden;
  text-align: center;
  text-transform: capitalize;
  z-index: 1;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
@media only screen and (max-width: 1199px) {
  .product-item .inner-content .btn-product-add {
    font-size: 12px;
    padding: 10px 38px 8px 15px;
  }
}
.product-item .inner-content .btn-product-add:after {
  background-color: #00a6df;
  border-radius: 50px;
  content: "";
  height: 100%;
  left: 0;
  visibility: hidden;
  left: auto;
  right: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: -1;
  transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
  -moz-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
  -ms-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
  -o-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
}
.product-item .inner-content .btn-product-add:before {
  background-color: #fff;
  border-radius: 50%;
  color: #0f0f0f;
  font-size: 16px;
  font-family: "simple-line-icons";
  font-weight: 400;
  display: block;
  content: "";
  height: 40px;
  line-height: 40px;
  right: 5px;
  position: absolute;
  top: 5px;
  width: 40px;
}
@media only screen and (max-width: 1199px) {
  .product-item .inner-content .btn-product-add:before {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    width: 30px;
  }
}
.product-item .inner-content .btn-product-add:hover {
  color: #fff;
}
.product-item .inner-content .btn-product-add:hover:after {
  left: 0;
  right: auto;
  visibility: visible;
  width: 100%;
}
.product-item .inner-content .btn-quick-view {
  font-size: 14px;
  color: #868686;
  line-height: 24px;
  border-bottom: 1px solid #ebebeb;
  text-transform: capitalize;
  display: inline-block;
}
.product-item .inner-content .btn-quick-view:hover {
  color: #00a6df;
  border-color: #00a6df;
}
.product-item .inner-content .product-desc {
  position: relative;
}
.product-item .inner-content .product-desc .product-footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  left: -15px;
  opacity: 0;
  visibility: hidden;
  padding: 20px 0 25px 0;
  position: absolute;
  right: -15px;
  text-align: center;
  top: 100%;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
.product-item .inner-content:hover {
  z-index: 3;
}
.product-item .inner-content:hover:after {
  bottom: -75px;
  opacity: 1;
  visibility: visible;
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
}
.product-item .inner-content:hover .product-thumb .second-image {
  opacity: 1;
  visibility: visible;
  transform: scale3d(1.1, 1.1, 1.1);
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  -moz-transform: scale3d(1.1, 1.1, 1.1);
  -ms-transform: scale3d(1.1, 1.1, 1.1);
  -o-transform: scale3d(1.1, 1.1, 1.1);
}
.product-item .inner-content:hover .product-desc .product-footer {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
.product-item .inner-content:hover .product-action .addto-wrap > a {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.product-item .inner-content.discount-product {
  border: 2px solid #00a6df;
}
.product-item .inner-content.discount-product .product-info {
  padding-top: 32px;
}
.product-item .inner-content.discount-product .product-info .star-content {
  margin-bottom: 7px;
}
.product-item .inner-content.discount-product .product-desc .product-footer {
  border-width: 2px;
  border-color: #00a6df;
  border-top: 0;
  border-style: solid;
  left: -17px;
  right: -17px;
}
.product-item .inner-content.discount-product:hover {
  border-bottom: none;
}
.product-item .inner-content.product-list-item {
  text-align: left;
}
.product-item .inner-content.product-list-item:after {
  bottom: 0;
}
.product-item .inner-content.product-list-item .product-info {
  text-align: left;
  padding-top: 0;
}
.product-item .inner-content.product-list-item .product-info .prices {
  margin-bottom: 32px;
}
.product-item .inner-content.product-list-item .product-desc-list li {
  color: #888;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}
.product-item .inner-content.product-list-item .product-desc {
  padding: 28px 0 20px 30px;
}
@media only screen and (max-width: 575px) {
  .product-item .inner-content.product-list-item .product-desc {
    padding: 28px 0 20px 5px;
  }
}
.product-item .inner-content.product-list-item .product-desc .product-footer {
  -webkit-transform: none;
          transform: none;
  padding: 0;
  text-align: left;
  position: relative;
  opacity: 1;
  visibility: visible;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  left: 0;
  top: auto;
  right: 0;
}
.product-item .inner-content.product-list-item .product-desc .product-footer .btn-product-add {
  margin-right: 19px;
}
.product-item .inner-content.product-list-item .availability-list {
  color: #777;
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 29px;
  text-transform: capitalize;
}
.product-item .inner-content.product-list-item .availability-list span {
  color: #090;
}
.product-item .inner-content.product-featured-list-item {
  padding: 0;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-item .inner-content.product-featured-list-item:after {
  display: none;
}
.product-item .inner-content.product-featured-list-item .product-thumb {
  width: 120px;
  min-width: 120px;
  margin-right: 20px;
}
.product-item .inner-content.product-featured-list-item .product-thumb .second-image {
  height: auto;
}
.product-item .inner-content.product-featured-list-item .product-desc {
  padding: 15px 10px 0 0;
}
.product-item .inner-content.product-featured-list-item .product-info {
  text-align: left;
  padding-top: 0;
}
.product-item .inner-content.product-featured-list-item .product-info .title {
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 7px;
}
.product-item .inner-content.product-featured-list-item .product-info .prices {
  margin-bottom: 32px;
}

.product-category-item .inner-content .thumb {
  position: relative;
  overflow: hidden;
}
.product-category-item .inner-content .thumb .img {
  width: 100%;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
.product-category-item .inner-content .content {
  background: #f5f5f5;
  padding: 26px 20px 18px;
  text-align: center;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.product-category-item .inner-content .content .product-number {
  color: #615d5d;
  line-height: 1;
  margin-bottom: 11px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.product-category-item .inner-content .content .title {
  color: #0f0f0f;
  font-weight: 500;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 0;
  text-transform: capitalize;
}
.product-category-item .inner-content .content .title a {
  color: #0f0f0f;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.product-category-item .inner-content .content .title a:hover {
  text-decoration: underline;
}
.product-category-item .inner-content:hover .thumb .img {
  transform: scale(1.055) rotate(0.05deg);
  -webkit-transform: scale(1.055) rotate(0.05deg);
  -moz-transform: scale(1.055) rotate(0.05deg);
  -ms-transform: scale(1.055) rotate(0.05deg);
  -o-transform: scale(1.055) rotate(0.05deg);
}
.product-category-item .inner-content:hover .content {
  background-color: #00a6df;
}
.product-category-item .inner-content:hover .content .product-number {
  color: #fff;
}
.product-category-item .inner-content:hover .content .title {
  color: #fff;
}
.product-category-item .inner-content:hover .content .title a {
  color: #fff;
}
.product-category-item .inner-content-style2 .thumb {
  position: relative;
  overflow: hidden;
}
.product-category-item .inner-content-style2 .thumb .img {
  width: 100%;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
.product-category-item .inner-content-style2 .content {
  background: #fff;
  padding: 21px 18px 22px;
  text-align: center;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.product-category-item .inner-content-style2 .content .product-number {
  color: #00a6df;
  line-height: 1;
  margin-bottom: 11px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.product-category-item .inner-content-style2 .content .title {
  color: #0f0f0f;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.product-category-item .inner-content-style2 .content .title a {
  color: #0f0f0f;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.product-category-item .inner-content-style2 .content .title a:hover {
  color: #00a6df;
}
.product-category-item .inner-content-style2:hover .thumb .img {
  transform: scale(1.055) rotate(0.05deg);
  -webkit-transform: scale(1.055) rotate(0.05deg);
  -moz-transform: scale(1.055) rotate(0.05deg);
  -ms-transform: scale(1.055) rotate(0.05deg);
  -o-transform: scale(1.055) rotate(0.05deg);
}

.product-tabs-content-wrap .product-tab-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-tabs-content-wrap .product-tab-nav li a {
  border-bottom: 2px solid transparent;
  color: #0f0f0f;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  line-height: 30px;
  font-size: 14px;
  padding: 0;
  margin-right: 45px;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
@media only screen and (max-width: 575px) {
  .product-tabs-content-wrap .product-tab-nav li a {
    font-size: 12px;
    margin-right: 25px;
  }
}
.product-tabs-content-wrap .product-tab-nav li a.active {
  border-bottom-color: #00a6df;
  color: #00a6df;
}
.product-tabs-content-wrap .product-tab-nav li:last-child a {
  margin-right: 0;
}
.product-inner-wrapper .product-header-wrap {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 32px;
  padding: 0 0 10px 0;
}
.product-inner-wrapper .product-header-wrap .product-tab-nav {
  float: left;
  margin-right: 35px;
}
@media only screen and (max-width: 479.98px) {
  .product-inner-wrapper .product-header-wrap .product-tab-nav {
    margin-right: 0;
  }
}
.product-inner-wrapper .product-header-wrap .product-tab-nav li a {
  color: #0f0f0f;
  font-size: 18px;
  line-height: 30px;
  display: inline-block;
  margin-right: 15px;
}
.product-inner-wrapper .product-header-wrap .product-tab-nav li a.active {
  color: #00a6df;
}
.product-inner-wrapper .product-header-wrap .total-products {
  font-size: 14px;
  color: #0f0f0f;
  float: left;
  font-weight: 300;
  line-height: 20px;
  margin: 0;
  padding: 5px;
  text-transform: capitalize;
}
.product-inner-wrapper .product-header-wrap .total-products p {
  margin-bottom: 0;
}
.product-inner-wrapper .product-header-wrap .sort-by-text {
  font-size: 14px;
  color: #888;
  text-align: right;
  line-height: 20px;
  margin: 0;
  padding: 5px;
  text-transform: capitalize;
}
@media only screen and (max-width: 575px) {
  .product-inner-wrapper .product-header-wrap .sort-by-text {
    display: none;
  }
}
.product-inner-wrapper .product-header-wrap .sort-by-form .form-select {
  border: 1px solid #ebebeb;
  border-radius: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 300;
  margin: 0;
  padding: 2px 15px;
  height: 30px;
  line-height: 26px;
}
.product-inner-wrapper .product-header-wrap .sort-by-form select {
  background-image: url("../image/arrow-down.png");
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-size: 10px;
  background-position: right 20px center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.product-inner-wrapper .product-header-wrap .sort-by-form select option {
  color: #888;
  cursor: pointer;
  padding: 3px 15px;
}

.product-single-item .product-thumb .single-product-thumb-content a {

  display: inline-block;
  position: relative;
}
.product-single-item .product-thumb .single-product-thumb-content .tuji  a:before {
  font-family: "Ionicons";
  content: "\f2f5";
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #333333;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.7);
  line-height: 50px;
  font-size: 40px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.product-single-item .product-thumb .single-product-thumb-content a .product-flag-new {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #00a6df;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  margin-bottom: 0;
  padding: 0 5px;
  text-transform: capitalize;
  z-index: 1;
}
.product-single-item .product-thumb .single-product-thumb-content:hover a:before {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.single-product-nav-content {
  margin-top: 27px;
  margin-bottom:27px;
}
/*.single-product-nav-content .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}*/
.single-product-nav-content .swiper-slide {
  border: 1px solid #ebebeb;
  cursor: pointer;
  width:100%;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.single-product-nav-content .swiper-slide-thumb-active {
  border-color: #00a6df;
}
.single-product-nav-content .swiper-slide:last-child {
  margin-right: 0 !important;
}

.product-single-info{padding-left: 50px;}

.product-single-item .product-single-info .title {
  color: #0f0f0f;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 20px 0;
  text-transform: capitalize;
}
.product-single-item .product-single-info .product-info {
  margin-bottom: 24px;
}
.product-single-item .product-single-info .product-info .star-content {
  display: inline-block;
  margin-right: 8px;
}
.product-single-item .product-single-info .product-info .star-content i {
  color: #fdd835;
  font-size: 18px;
  display: inline-block;
  position: relative;
  line-height: 1;
}
.product-single-item .product-single-info .product-info .star-content i.icon-color-gray {
  color: #d0d0d0;
}
.product-single-item .product-single-info .product-info .comments-advices {
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  top: -2px;
}
.product-single-item .product-single-info .product-info .comments-advices li {
  display: inline-block;
}
.product-single-item .product-single-info .product-info .comments-advices li a {
  text-decoration: none;
  color: #253237;
  font-weight: 300;
  position: relative;
  margin-right: 11px;
  line-height: 21px;
  padding: 0;
  font-size: 14px;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-block;
}
.product-single-item .product-single-info .product-info .comments-advices li a i {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  margin-right: 9px;
}
.product-single-item .product-single-info .product-info .comments-advices li a:hover {
  color: #00a6df;
}
.product-single-item .product-single-info .prices {
  line-height: 1;
  margin-bottom: 36px;
}
.product-single-item .product-single-info .prices .price {
  color: #0f0f0f;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin-right: 12px;
}
.product-single-item .product-single-info .prices .price-old {
  color: #9b9b9b;
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 10px;
  font-size: 22px;
  line-height: 1;
}
.product-single-item .product-single-info .prices .discount-percentage {
  background-color: #0f0f0f;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 6px 10px 5px;
  vertical-align: 4px;
  border-radius: 0;
  text-transform: capitalize;
}
.product-single-item .product-single-info .prices .tax-label {
  color: #7a7a7a;
  font-size: 0.8125rem;
  font-weight: 300;
  margin-top: 8px;
}
.product-single-item .product-single-info .product-description {
 
  margin: 35px 0 40px;
  padding-bottom: 40px;
}
.product-single-item .product-single-info .product-description .product-desc-list {
  margin-bottom: 0;
  font-size: 16px;

  line-height: 30px;
}
.product-single-item .product-single-info .product-description .product-desc-list li {
  color: #666;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}
.product-single-item .product-single-info .product-variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 29px;
}
.product-single-item .product-single-info .product-variants-item {
  margin: 0;
  width: 25%;
}
.product-single-item .product-single-info .product-variants-item .title {
  color: #0f0f0f;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.h_ys3.plist_img{ right:85px; left:auto; text-align:right; }
.h_ys2{ position: absolute; right: 35px; top: 71px;}

  .mob_case{display:none;}

@media only screen and (max-width: 479.98px) {
  .product-single-item .product-single-info .product-variants-item .title {
    font-size: 13px;
  }
  
  .h_ys3.plist_img{ right:0; }
  .h_ys2{ position:relative; left:0; top: 0;}
  

  
  .pc_case{display: none;}
  
  .mob_case{display: block;}
  
  
}
.product-single-item .product-single-info .product-variants-item .form-control-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat scroll right 0.5rem center/1.25rem 1.25rem;
  color: #0f0f0f;
  cursor: pointer;
  border: 1px solid #ebebeb;
  font-size: 14px;
  font-weight: 300;
  height: calc(2.5rem - 2px);
  padding: 2px 0.5rem 0;
  width: 55px;
}
.product-single-item .product-single-info .product-variants-item .product-color-select {
  margin-bottom: 0;
}
.product-single-item .product-single-info .product-variants-item .product-color-select li {
  background-color: #434a54;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
  border: 2px solid #434a54;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  margin-right: 11px;
  width: 20px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.product-single-item .product-single-info .product-variants-item .product-color-select li.active {
  background-color: #fff;
  border-color: #232323;
}
.product-single-item .product-single-info .product-variants-item .product-color-select li:hover {
  background-color: #fff;
  border-color: #232323;
}
.product-single-item .product-single-info .product-quick-action {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  margin-bottom: 21px;
}
.product-single-item .product-single-info .product-quick-action .product-quick-qty {
  margin-right: 10px;
}
.product-single-item .product-single-info .product-quick-action .product-quick-qty .pro-qty {
  position: relative;
  width: 84px;
}
.product-single-item .product-single-info .product-quick-action .product-quick-qty .pro-qty input {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-right: none;
  color: #232323;
  font-weight: 300;
  height: 48px;
  padding: 0.175rem 0.5rem;
  width: 60px;
}
.product-single-item .product-single-info .product-quick-action .product-quick-qty .pro-qty .qty-btn {
  border: 1px solid #ebebeb;
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 24px;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.product-single-item .product-single-info .product-quick-action .product-quick-qty .pro-qty .qty-btn:hover {
  background-color: #f1f1f1;
}
.product-single-item .product-single-info .product-quick-action .product-quick-qty .pro-qty .inc {
  border-bottom: none;
  top: 0;
}
.product-single-item .product-single-info .product-quick-action .product-quick-qty .pro-qty .dec {
  bottom: 0;
}
.product-single-item .product-single-info .product-quick-action{  }
.product-single-item .product-single-info .product-quick-action .btn-product-add {
  background-color: #e8e8e8;
  border-radius: 30px;
  color: #0f0f0f;
  display: inline-block;
  font-size: 18px;
  position: relative;
  padding: 10px 20px 10px 20px;
  margin-right:30px;
  overflow: hidden;
  text-align: center;
  text-transform: capitalize;
  z-index: 1;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
.product-single-item .product-single-info .product-quick-action .btn-product-add:after {
  background-color: #00a6df;
  border-radius: 50px;
  content: "";
  height: 100%;
  left: 0;
  visibility: hidden;
  left: auto;
  right: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: -1;
  transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
  -webkit-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
  -moz-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
  -ms-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
  -o-transition: all 0.4s cubic-bezier(0.5, 0.24, 0, 1);
}
.product-single-item .product-single-info .product-quick-action .btn-product-add i {
  background-color: #fff;
  border-radius: 50%;
  color: #777777;
  height: 26px;
  line-height: 26px;
  width: 26px;
  margin-left:15px;
  font-size:16px;
}
.product-single-item .product-single-info .product-quick-action .btn-product-add:hover, .product-single-item .product-single-info .product-quick-action .btn-product-add.hover {
  color: #fff;
  background-color:#00a6df;
}
.product-single-item .product-single-info .product-quick-action .btn-product-add:hover:after {
  left: 0;
  right: auto;
  visibility: visible;
  width: 100%;
}
.product-single-item .product-single-info .product-wishlist-compare {
  margin-bottom: 24px;
}
.product-single-item .product-single-info .product-wishlist-compare a {
  line-height: 24px;
  padding: 0;
  font-weight: 300;
  color: #666;
  font-size: 14px;
  background: transparent;
  margin-right: 20px;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  display: inline-block;
  margin-bottom: 0;
}
.product-single-item .product-single-info .product-wishlist-compare a i {
  margin-right: 5px;
  font-size: 16px;
  vertical-align: -1px;
}
.product-single-item .product-single-info .product-wishlist-compare a:hover {
  color: #00a6df;
  border-bottom-color: #00a6df;
}
.product-single-item .product-single-info .social-sharing span {
  display: inline-block;
  float: left;
  margin-right: 15px;
  margin-top: 5px;
  line-height: 1;
  font-weight: 700;
  color: #0f0f0f;
  font-size: 14px;
  text-transform: uppercase;
}
.product-single-item .product-single-info .social-sharing .social-icons a {
  color: #b4b4b4;
  display: inline-block;
  font-size: 20px;
  margin-right: 6px;
  text-align: center;
  line-height: 1;
}
.product-single-item .product-single-info .social-sharing .social-icons a:hover {
  color: #00a6df;
}

.product-review-tabs-content .product-tab-nav {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -1px;
}
.product-review-tabs-content .product-tab-nav li {
  display: inline-block;
}
.product-review-tabs-content .product-tab-nav li a {
  border-bottom: 2px solid transparent;
  color: #888;
  display: inline-block;
  font-size: 23px;
  font-weight: 700;
  line-height: 1;
  margin-right: 63px;
  padding: 0 0 15px 0;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .product-review-tabs-content .product-tab-nav li a {
    font-size: 16px;
    margin-right: 34px;
  }
  

  
  
}
@media only screen and (max-width: 479.98px) {
  .product-review-tabs-content .product-tab-nav li a {
    font-size: 14px;
    margin-right: 12px;
    padding-bottom: 8px;
  }
}
.product-review-tabs-content .product-tab-nav li a.active {
  border-bottom-color: #00a6df;
  color: #253237;
}
.product-review-tabs-content .product-tab-nav li a:hover {
  border-bottom-color: #00a6df;
  color: #253237;
}
.product-review-tabs-content .product-tab-content {
  background-color: #fff;
  border: 1px solid #ebebeb;
  padding: 31px 30px 29px;
}
.product-review-tabs-content .product-tab-content .product-description ul {
  margin-bottom: 0;
}
.product-review-tabs-content .product-tab-content .product-description ul li {
  color: #888;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
}
.product-review-tabs-content .product-tab-content .product-details .product-manufacturer {
  border: 1px solid #ddd;
  display: inline-block;
  margin-bottom: 31px;
  padding: 0.25rem;
}
.product-review-tabs-content .product-tab-content .product-details .product-reference {
  color: #707070;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
}
.product-review-tabs-content .product-tab-content .product-details .product-reference span {
  font-size: 1rem;
  color: #232323;
  font-weight: 700;
  margin-right: 5px;
}
.product-review-tabs-content .product-tab-content .product-details .product-quantities {
  color: #707070;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 25px;
}
.product-review-tabs-content .product-tab-content .product-details .product-quantities span {
  font-size: 1rem;
  color: #232323;
  font-weight: 700;
  margin-right: 5px;
}
.product-review-tabs-content .product-tab-content .product-details .product-data-sheet span {
  color: #0f0f0f;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  display: block;
  margin-bottom: 7px;
  text-transform: capitalize;
}
.product-review-tabs-content .product-tab-content .product-details .product-data-sheet .data-sheet {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-review-tabs-content .product-tab-content .product-details .product-data-sheet .data-sheet .name,
.product-review-tabs-content .product-tab-content .product-details .product-data-sheet .data-sheet .value {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 49%;
  font-weight: 300;
  background: #f1f1f1;
  padding: 0.625rem;
  margin-right: 0.625rem;
  min-height: 2.5rem;
  word-break: normal;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 1199px) {
  .product-review-tabs-content .product-tab-content .product-details .product-data-sheet .data-sheet .name,
.product-review-tabs-content .product-tab-content .product-details .product-data-sheet .data-sheet .value {
    margin-right: 0;
  }
  
  .product-single-item .product-single-info .product-description {
    border-bottom: 1px solid #ebebeb;
    margin: 10px 0 20px;
    padding-bottom: 20px;
}

.product-single-item .product-single-info .product-description .product-desc-list li {
 
    font-size: 16px;
    line-height: 24px;
}
.item_title{font-size:30px;}
.sec_ptb_130{    padding: 50px 0; }
}
.product-review-tabs-content .product-tab-content .product-details .product-data-sheet .data-sheet .name:nth-of-type(2n),
.product-review-tabs-content .product-tab-content .product-details .product-data-sheet .data-sheet .value:nth-of-type(2n) {
  background-color: #f6f6f6;
}
.product-review-tabs-content .product-tab-content .product-details .product-data-sheet .data-sheet dt,
.product-review-tabs-content .product-tab-content .product-details .product-data-sheet .data-sheet dd {
  margin-bottom: 0;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment {
  margin-bottom: 14px;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment-author .grade {
  color: #6c6c6c;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment-author .star-content {
  display: inline-block;
  margin-left: 9px;
  line-height: 1;
  position: relative;
  top: 1px;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment-author .star-content i {
  color: #fdd835;
  font-size: 18px;
  display: inline-block;
  position: relative;
  line-height: 1;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment-author .star-content i.icon-color-gray {
  color: #d0d0d0;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment-author-info {
  margin-top: 9px;
  margin-bottom: 17px;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment-author-info .title {
  color: #333;
  display: block;
  margin-bottom: 9px;
  line-height: 1;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment-author-info .date {
  color: #adadad;
  line-height: 1;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment-author .comment-details .title {
  color: #6c6c6c;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment-author .comment-details .desc {
  font-weight: 300;
}
.product-review-tabs-content .product-tab-content .product-comments-content .comment + .comment {
  padding-top: 14px;
  border-top: 1px solid #ebebeb;
}
.product-review-tabs-content .product-tab-content .product-comments-content .btn-review {
  background-color: #0f0f0f;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-weight: 300;
  font-size: 14px;
  height: 35px;
  line-height: 28px;
  margin-bottom: 20px;
  padding: 5px 20px;
  text-transform: capitalize;
}
.product-review-tabs-content .product-tab-content .product-comments-content .btn-review:hover {
  background-color: #00a6df;
}

.shopping-cart-wrap .shopping-cart-content .title {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 14px;
}
.shopping-cart-wrap .shopping-cart-content .shopping-cart-item {
  border-bottom: 1px solid #ebebeb;
  padding-top: 17px;
  padding-bottom: 15px;
}
.shopping-cart-wrap .shopping-cart-content .shopping-cart-item .product-content .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 14px;
}

        /* 基础样式 */
       .shop_section .video-gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
            gap: 1.5rem;
       
            max-width: 100%;
            margin: 0 auto;
        }

        /* 视频卡片样式 */
       .shop_section .video-card {
         
            
          
            overflow: hidden;
            transition: transform 0.2s;
            padding-bottom: 15px;
        }

       .shop_section .video-card:hover {
            transform: translateY(-5px);
        }

        /* 视频容器 */
       .shop_section .video-container {
            position: relative;
            width: 100%;
            background: #000;
             border-radius: 5px;
        }

        /* 视频元素 */
       .shop_section  video {
            width: 100%;
            height: auto;
            aspect-ratio: 16/9;
            object-fit: cover;
            display: block;
            border-radius: 5px;
        }

        /* 自定义播放按钮 */
       .shop_section  .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background: rgba(255,255,255,0.7);
            border-radius: 50%;
            border: none;
            cursor: pointer;
            transition: opacity 0.3s, transform 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
         .shop_section  .play-button:hover {
              background: rgba(255,255,255,0.9);
         }

       .shop_section  .play-button::before {
            content: '▶';
            color: #333;
            font-size: 34px;
            margin-left: 4px;
        }

       .shop_section .play-button.playing::before {
            content: '⏸';
        }

        /* 视频信息 */
       .shop_section .video-info {
            padding: 1rem 0;
        }

       .shop_section .video-title {
            margin: 0;
            font-size: 1.1rem;
            color: #333;
        }

        /* 响应式布局 */
        @media (max-width: 768px) {
       .shop_section .video-gallery {
                grid-template-columns: 1fr;
              
            }
            
       .shop_section .play-button {
                width: 48px;
                height: 48px;
            }
        }
        
        
        
        .product-area.bg_gray{background-color:#f7f8fa}
.certified {

  display:inline-block;
  align-items: center;
  margin-bottom: 15px;
    width: 130px;
  height: 130px;
  border: 2px solid #000;
  border-radius: 50%;
  color: #555555;
  padding: 35px 0;
  
}
.circle {
  display: inline-block;
  font-size: 39px;

  line-height: 40px;
  color: #000000;

  margin-right: 5px;
    display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
}

.c_en{ text-transform: uppercase; font-size:18px; font-weight:600; }

.item_title{font-size: 30px; font-weight: 600;}

.c_en2{font-size: 20px; font-weight:600; margin-bottom:50px;}

 .fwcon  .small_title{ font-size: 16px; line-height:26px; 
  font-weight: 600;}




:root {
  --main-color: #2c3e50;
  --accent-1: #3498db;
  --accent-2: #e74c3c;
  --accent-3: #2ecc71;
  --accent-4: #f1c40f;
}

.advantages-section {
  padding: 5rem 0rem;
  max-width: 100%;
  margin: 0 auto;
  background-color: #f8f8fa;
}

.advantages-section .section-header {
  text-align: center;
  margin-bottom: 3rem;
}

.advantages-section .main-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--main-color);
  margin-bottom: 1rem;
}

.advantages-section .sub-title {
  font-size: 1.2rem;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
}

.advantages-section .advantages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 2fr));
  gap: 2rem;
  padding: 0 2rem;
}

.advantages-section .advantage-card {
  text-align: center;
  padding: 2rem 0;
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.advantages-section .advantage-card:hover {
  transform: translateY(-5px);
}

.advantages-section .icon-circle {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin: 0 auto 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 16px rgba(0,0,0,0.2);
   background: linear-gradient(135deg, #444444, #000000);
}

.advantages-section .icon {
  width: 80px;
  height: 80px;
  fill: white;
}

.advantages-section .tech-bg { background: var(--accent-1); }
.advantages-section .innovate-bg { background: var(--accent-2); }
.advantages-section .quality-bg { background: var(--accent-3); }
.advantages-section .support-bg { background: var(--accent-4); }

.advantages-section .advantage-card h3 {
  font-size: 1.4rem;
  color: var(--main-color);
  margin: 1rem 0;
}

.advantages-section .advantage-card p {
  color: #666;
  line-height: 1.6;
}



@media (max-width: 768px) {
.advantages-section  .advantages-grid {
    grid-template-columns: 1fr 1fr;

    margin: 0 auto;

  gap: 1rem;
  padding: 0 1rem;
}
  
    .index-section4 .itembox2-box .item2 .text1 {
    font-size: 1.2rem;
  }
  
  
}


@media (max-width: 479.98px) {
.advantages-section .icon-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 16px rgba(0,0,0,0.2);
   background: linear-gradient(135deg, #444444, #000000);
}

.advantages-section .icon {
    width: 60px;
    height: 60px;
}
.itembox2-box .brand-title{margin-bottom: 50px;}

.col-xs-6{width: 50%;}

.column_2_carousel.owl-carousel .owl-nav button.owl-prev, .column_2_carousel.owl-carousel .owl-nav button.owl-next {

    width: 56px;
    height: 56px;

    font-size: 56px;
    line-height: 56px;
    
}

.column_3_carousel.owl-carousel .owl-nav button.owl-prev, .column_3_carousel.owl-carousel .owl-nav button.owl-next{
    
        width: 56px;
    height: 56px;

    font-size: 56px;

        opacity: 0.9;
}


.column_3_carousel.owl-carousel .owl-nav button.owl-prev:before {
    position: absolute;
    top: 10px;
    left: 16px;
}

.column_3_carousel.owl-carousel .owl-nav button.owl-next:before {
    position: absolute;
    top: 10px;
    right: 16px;
}


.testimonial_section .card-image img {
    width: auto;
}

}


        .gray-section {
            background-color: #f0f0f0;
            padding: 100px 0;
        }

         .gray-section   .container {
            max-width: 100%;
            margin: 0 auto;
            padding: 0 20px;
        }

             .gray-section   h1 {
            font-size: clamp(24px, 4vw, 32px);
            text-align: center;
            margin-bottom: 30px;
        }

              .gray-section  .circles-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            padding-top: 50px;
        }

             .gray-section   .circle {
            width: min(400px, 90vw);
            height: min(400px, 90vw);
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            padding: 20px;
            border: 3px solid #00aae6;
            
        }

              .gray-section  .circle h2 {
            font-size: clamp(18px, 4vw, 24px);
            margin-bottom: 12px;
            color: #333;
            text-align: center;
        }

              .gray-section  .circle p {
            font-size: clamp(14px, 3vw, 20px);
            color: #333;
            line-height: 1.5;
            text-align: center;
        }
         .gray-section  .circle p.big_title{font-size:26px}

        @media (max-width: 768px) {
                .gray-section    .circles-wrapper {
                flex-direction: column;
                align-items: center;
            }
                 .gray-section   .circle {
                width: 80vw;
                height: 80vw;
            }
        }
        
        
        
        
               

     .testimonial_section   .content-wrapper {
         width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 100px;
        }

        .testimonial_section    .testimonial_card {
            flex: 1;
            min-width: 300px;
            background: #fff;
            border-radius: 12px;
            margin: 20px;
            /*box-shadow: 0 4px 6px rgba(0,0,0,0.1);*/
        }

        .testimonial_section    .card-title {
            font-size: clamp(1.25rem, 2vw, 1.5rem);
            color: #333;
            margin-bottom: 25px;
            line-height: 1.3;
        }

 .testimonial_section .card-image {
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-bottom: 15px;
            
              border-radius: 15px;
        }


        .testimonial_section .card-image img {
            width: 100%;
            height: auto;
          
            
              transition:all ease-in-out .5s
        }
         .testimonial_section .card-image:hover img {
              transform: scale(1.1)
         }

        .testimonial_section    .card-text {
            font-size: clamp(0.875rem, 1.6vw, 1rem);
            color: #666;
            line-height: 1.6;
        }

        @media (max-width: 768px) {
           .testimonial_section     .content-wrapper {
                flex-direction: column;
                gap: 20px;
            }
            
           .testimonial_section     .testimonial_card {
                width: 100%;
                min-width: unset;
                padding: 15px;
            }
        }
        
        




.Brand_section{ padding-bottom:280px}

  /* 容器样式 */
  /* 品牌标题样式 */
         .brand-title {
            text-align: center;
            font-size: 36px;
            color: #333;
            margin:0px 0px 50px 0px;
          
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
           .brand-title {
                font-size: 1.5rem;
                margin: 15px 0;
            }
        }
      .Brand_strength  .carousel {
            position: relative;
            max-width: 1280px;
            margin: 50px auto 0;
            padding: 20px 0;
        }

        /* 轮播轨道 */
       .Brand_strength  .carousel-track {
            display: flex;
            transition: transform 0.6s ease;
            padding: 20px 0;
        }

        /* 单个轮播项 */
        .Brand_strength .carousel-item2 {
            flex: 0 0 100%;
            padding: 0 100px;
            transition: transform 0.6s ease;
        }

        /* 图片容器 */
        .Brand_strength .image-wrapper {
            position: relative;
          
            overflow: hidden;
            /*box-shadow: 0 8px 20px rgba(0,0,0,0.2);*/
            transform: scale(0.95);
            
              transition:all ease-in-out 1.0s
        }

        /* 中间激活项的放大效果 */
       .Brand_strength  .owl-item.active .image-wrapper {
            transform: scale(1.10);
        }


        
        
        /* 图片样式 */
        .Brand_strength  .carousel-item2 .rs_img{ width: 100%;
            height: auto;
            object-fit: cover;
            display: block;
            overflow:hidden;
              border-radius: 12px;
            
            
        }
       .Brand_strength  .carousel-item2 img{
            width: 100%;
            height: auto;
            object-fit: cover;
            display: block;
              transition: transform 0.6s ease;
              
        }
        
              .Brand_strength  .carousel-item2:hover img{
           transform: scale(1.15);
        }

        /* 导航箭头 */
       .Brand_strength  .carousel-control {
            position: absolute;
            top: 40%;
            transform: translateY(-50%);
            width: 66px;
            height: 66px;
            background: rgba(255,255,255,0.9);
            border: none;
            border-radius: 50%;
            cursor: pointer;
            font-size: 60px;color: #fff;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
        }

        .Brand_strength .carousel-control:hover {
            background: white;
            transform: translateY(-50%) scale(1.1);
        }

       .Brand_strength  .carousel-control.prev {
            left: -70px;
        }

        .Brand_strength .carousel-control.next {
            right: -70px;
        }
        
        
        .Brand_strength .carousel-control {
  /* 定位同上方案 */
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(155,155,155,0.6);
}

        .Brand_strength .carousel-control svg {
  fill: #fff;
  transition: transform 0.2s ease;
}

        .Brand_strength .carousel-control:active svg {
  transform: scale(1.2);
}

/* 悬停效果 */
@media (hover: hover) {
        .Brand_strength .carousel-control:hover {
    background: rgba(155,155,155,0.8);
  }
}


        /* 自动播放状态 */
        .Brand_strength .auto-play-status {
            position: absolute;
            bottom: -30px;
            left: 100%;
            transform: translateX(-50%);
            font-family: Arial;
            color: #666;
        }
        
        
        
         /* 文字内容区域 */
             .Brand_strength .card-content {
            padding: 20px 40px;
            background: white;
            text-align: left;
        }

            .Brand_strength .card-title {
            font-size: 18px;
            color: #34495e;
            margin-bottom: 12px;
            font-weight: 600;
        }

            .Brand_strength .card-description {
           
            color: #7f8c8d;
            line-height: 1.2;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
           
                .Brand_strength .carousel-item2 {
                padding: 0 40px;
            }

                .Brand_strength .image-wrapper{
                height: auto;
            }

                .Brand_strength .card-content {
                padding: 15px;
            }

                 .Brand_strength .card-title {
                font-size: 1.2rem;
            }

                .Brand_strength .card-description {
                font-size: 0.85rem;
                -webkit-line-clamp: 2;
            }
            
            .Brand_strength .carousel {

    margin: 20px auto 0;
    padding: 0;
}

        }
        
        
        .Brand-sedimentation{background:#f8f8f8;  
            width: 100%; }


        
        
         .timeline-section {
     
            margin: 0 auto;
        }

         .timeline-section .section-title {
            text-align: center;
            font-size: 2.5em;
            margin-bottom: 60px;
            color: #333;
        }

         .timeline-section .timeline-container {
            position: relative;
            padding: 40px 0;
        }

        /* 时间轴连接线 */
         .timeline-section  .timeline-line {
            position: absolute;
            left: -100px;
            right: -100px;
            height: 1px;
            background: #eeeeee;
            top: 45%;
            transform: translateY(-50%);
            z-index: 1;
        }

         .timeline-section .timeline-progress {
            height: 100%;
           /* background: #00a6df;*/
            width: 0;
            transition: width 0.8s cubic-bezier(0.65, 0, 0.35, 1);
        }

        /* 时间节点容器 */
         .timeline-section .timeline-items {
            display: flex;
            justify-content: space-between;
            position: relative;
            z-index: 2;
        }

        /* 单个时间节点 */
         .timeline-section .timeline-item {
            text-align: center;
            cursor: pointer;
            transition: all 0.3s;
        }

         .timeline-section  .timeline-year {
            width: 80px;
            height: 80px;
            background: #f8f8f8;
            border: 0px solid #ddd;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: normal;
            margin: 0 auto 15px;
            transition: all 0.3s;
            font-size:22px;
        }

         .timeline-section  .timeline-item.active .timeline-year {
            border-color: #00a6df;
            background: #00a6df;
            color: white;
            transform: scale(1.1);
        }

        /* 事件内容区 */
         .timeline-section  .event-content {
            margin-top: 20px;
            padding: -40px;
            border-radius: 12px;
            min-height: auto;
            display: none;;
            transform: translateY(20px);
            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }

         .timeline-section  .event-content.active {
            display: block;
            transform: translateY(0);
        }
        
        
        .contact_section .section_title .big_title{ font-size:36px; font-weight:500; }
        
        .btn-box{clear: both; margin-top:20px;}
        .btn-box .custom_btn{width: 100%;}
        .gn_but.custom_btn.bg_default_yellow{color: #333333; background-color: #ffffff; border:1px solid #333333; padding:0 20px; line-height:30px;    border-radius: 15px;}
        .gn_but.custom_btn.bg_default_yellow:hover{color: #ffffff;  border:1px solid #00a6df; }
        
        .pro_cont p{margin-bottom: 0;}
        
        .portfolio_carousel.owl-carousel .owl-nav.disabled{display: block;}
        
        .portfolio_carousel.owl-theme .owl-nav .owl-next:before, .portfolio_carousel.owl-theme .owl-nav .owl-prev:before{top:0;left:0;right:0;bottom:0;z-index:1;font-size:42px;font-weight:400;line-height:56px;text-align:center;position:absolute;border-radius:6px;color:#ffffff;  background:#cccccc; transition:all .3s ease-in-out;font-family:"Font Awesome 5 Pro";     }
        
        .portfolio_carousel.owl-theme .owl-nav .owl-next:hover:before, .portfolio_carousel.owl-theme .owl-nav .owl-prev:hover:before{ background:#00a6df;    }
        
        
        
        .portfolio_carousel.owl-theme .owl-nav .owl-next, .portfolio_carousel.owl-theme .owl-nav .owl-prev{width: 40px;}
        .portfolio_carousel.owl-theme .owl-nav .owl-prev{left: -70px;}
        .portfolio_carousel.owl-theme .owl-nav .owl-next { right: 0;}
        
        .h_news{padding: 0 5%;}
        
        .portfolio_carousel{ padding: 0 5%; }
       .portfolio_carousel.owl-theme .owl-nav{width: 95%;}
       
    
       
       .pro_list .col-lg-3, .pro_list .col-md-3, .pro_list .col-sm-6{padding-left: 8px; padding-right: 8px;}
       .pro_list .product_card .item_image{padding: 10px 20px 40px 20px;}
       .pro_list .product_card .item_content{ padding20px 20px 20px 5px; }
       
       .secondary_header .header_bottom .col-lg-8{
              -ms-flex: 0 0 69.666667%;
        flex: 0 0 69.666667%;
        max-width: 69.666667%
           
       }
       
       .secondary_header .header_bottom .col-lg-1{
              -ms-flex: 0 0 5.333333%;
        flex: 0 0 5.333333%;
        max-width: 5.333333%;
        padding-right: 30px;
           
       }
       
       .small_title{color: #757575; font-size: 18px; line-height:30px;}
        
        @media screen and (max-width: 1280px) {
    .carousel-container {
        margin-left: 0;
    }
    .ab_con{margin-right: 0;}
    
     .h_news{padding: 0;}
     
     .about_contn .about_content{    margin-right: 0; }
    
    .portfolio_carousel.owl-theme .owl-nav .owl-prev{left: 0;}
        .portfolio_carousel.owl-theme .owl-nav .owl-next { right: 0;}
        
        .Brand_strength .carousel-control.prev{left: 0;}
        .Brand_strength .carousel-control.next {right: 0;}
        
        
        .column_2_carousel.owl-carousel .owl-nav button.owl-prev { left: 0; }
          .column_2_carousel.owl-carousel .owl-nav button.owl-next { right:0; }
          
           .testimonial_section   .content-wrapper {
       
            gap: 30px;
        }
}
      
      
     .column_3_carousel.owl-carousel .owl-stage-outer{ overflow: visible;}
	 
	 .ab_qt{ 
            padding: 20px 0px;
            display: flex;
            flex-direction: column;
            gap: 0px;
            z-index: 10;
			display:block;
			width:60%;
			
			
			}

.ab_qt .text-center {
      
            cursor: pointer;
            transition: all 0.3s ease;
			padding-top:15px;
			padding-bottom:15px;
			float:left;
			width:33.33%;
			
        }	
		
.ab_qt .text-center h4{font-size:22px; line-height:36px; font-weight:normal;}	

  .a_wh {
           
            height: 100vh;
            background: url("your-background-image.jpg") center/cover no-repeat;
            display: flex;
            align-items: center; /* 文字区域垂直居中 */
            color: #fff;
            padding: 0 12%;
            position: relative;
        }
        .a_wh:before{
            content: " ";
    /*        position: absolute;
            top: 30px;
            right: 30px;
            font-size: 20px;*/
          
			    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	left:0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.15) 50%;
/*  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );*/
  
  
        }
		
		 .a_wh:hover::before{     background: rgba(0, 0, 0, 0.05) 10%;
			 
		 }
   
   .about_wh{z-index:5}
   
        .about_wh .line-mark {
            display: inline-block;
            width: 35px;
            height: 2px;
            background-color: #fff;
            margin-bottom: 15px;
        }
        .about_wh h1 {
            font-size: 36px;
            line-height: 1.4;
            margin-bottom: 25px;
			  color: #fff;
            font-weight: 600;
        }
        .about_wh .desc {
          
            line-height: 1.8;
            opacity: 0.9;
            margin-bottom: 40px;
			  color: #fff;
        }
        .data-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }
        .data-item .num {
            font-size: 52px;
            font-weight: bold;
            margin-bottom: 8px;
        }
        .data-item .num span {
            font-size: 16px;
            margin-left: 4px;
            opacity: 0.85;
        }
        .data-item .text {
            font-size: 14px;
            line-height: 1.6;
            opacity: 0.85;
        }
        
       .a_map .about_wh h1, .a_map .about_wh .desc{color: #444444;}
       
        .a_map .about_wh .line-mark{background-color:#444444; }

  .carousel-container {
            position: relative;
            width: 100%;
         
            overflow:visible;
        }
        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }
        .carousel-slide {
            min-width: 100%;
            padding: 0 10px;
        }
        .card {
            background-color: #ffffff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
        }
        .card-image {
            width: 100%;
            height: 400px;
            object-fit: cover;
        }
        .card-content {
            padding: 24px;
        }
        .card-title {
            font-size: 20px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 12px;
        }
        .card-text {
            font-size: 15px;
            line-height: 1.7;
        }
        /* 左右箭头按钮 */
        .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 45px;
            height: 45px;
            background-color: rgba(255, 255, 255, 0.9);
            border: none;
            border-radius: 50%;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            font-size: 18px;
            color: #34495e;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            z-index: 10;
        }
        .carousel-btn:hover {
            background-color: #3498db;
            color: white;
        }
        .prev-btn {
            left: 10px;
        }
        .next-btn {
            right: 10px;
        }
        /* 响应式适配 */
        @media (min-width: 768px) {
            .carousel-slide {
                min-width: 50%;
            }
        }
		



/*.blog1-section-area {
  background: #f0f4fa;
}*/
@media (max-width: 767px) {
  .blog1-section-area {
    padding: 50px 0 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog1-section-area {
    padding: 50px 0 50px;
  }
}
.blog1-section-area .blog1-header span {
  color: #0071BC;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  margin-bottom: 16px;
}
.blog1-section-area .blog1-boxarea {
  border-radius: var(--4, 4px);
  border: 1px solid var(--Stroke-Color, rgba(86, 95, 118, 0.1));
  transition: all 0.4s ease-in-out;
  margin-bottom: 30px;
}
.blog1-section-area .blog1-boxarea:hover {
  border-radius: var(--4, 4px);
  background: var(--white-100, #FFF);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
}
.blog1-section-area .blog1-boxarea:hover .blog-img {
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea:hover .blog-img::after {
  height: 100%;
  width: 100%;
  transition: all 0.6s ease-in-out;
  z-index: 1;
  top: 0;
  bottom: auto;
}
.blog1-section-area .blog1-boxarea:hover .blog-img img {
  transform: scale(1.1);
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-img {
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  position: relative;
  z-index: 1;
  transition: all 0.6s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-img::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  z-index: 1;
  bottom: 0;
  left: 0;
  transition: all 0.4s ease-in-out;
  background: #0071BC;
  opacity: 0.3;
}
.blog1-section-area .blog1-boxarea .blog-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area {
  padding: 24px;
}
.blog1-section-area .blog1-content {
  display: flex;
  align-items: center;
}

.blog1-section-area .blog1-content img {
  margin: 0 10px 0 0;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog1-content a {
  color: #676879;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog-main-content a {
  color: var(--Text-Color, #333333);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight:bold;
   height: 48px;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
  transition: all 0.4s ease-in-out;
}

.ab_case.blog1-section-area .blog1-boxarea .blog-all-content-area .blog-main-content a { height: 30px; }


.blog1-section-area .blog1-boxarea .blog-all-content-area .blog-main-content a:hover {
  color: #0071BC;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog-main-content p {
  color: #676879;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  transition: all 0.4s ease-in-out;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog-main-content a.learnmore {
  color: var(--Text-Color, #0D0E10);
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
  margin-top: 24px;
  margin-bottom: 0;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog-main-content a.learnmore:hover {
  color: #0071BC;
  transition: all 0.4s ease-in-out;
}
.blog1-section-area .blog1-boxarea .blog-all-content-area .blog-main-content a.learnmore i {
  margin-left: 4px;
  transform: rotate(-45deg);
}		
		
.blog-inner-section {
  padding: 80px 0 20px 0;
}
.blog-inner-section .blog-inner-content{ padding-bottom:50px;}
@media (max-width: 767px) {
  .blog-inner-section {
    padding: 50px 0 0px 0;
  }
  .blog-inner-section .blog-inner-content{ padding-bottom:30px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-inner-section {
    padding: 50px 0 10px 0;
  }
  .blog-inner-section .blog-inner-content{ padding-bottom:30px;}
}


.blog-inner-section .blog-inner-content .blog-inner-header span {
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  color: #0071BC;
  transition: all 0.4s ease-in-out;
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 32px;
  background: #F8F4FF;
}
.blog-inner-section .blog-inner-content .content-area {
  margin-top: 20px;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs {
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);

  border-radius: 16px;
  transition: all 0.4s ease-in-out;
  background-color:rgba(0,0,0,.05);
  margin-bottom:30px;
}
.complaint-section-area.blog1-section-area .blog1-boxarea{background-color:rgba(0,0,0,.05);}

.blog-inner-section .blog-inner-content .blog-inner-boxs:hover .images::after {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs:hover .images img {
  transform: scale(1.1);
  transition: all 0.4s ease-in-out;
  rotate: -4deg;
}

.solution_list.blog-inner-section .blog-inner-content .blog-inner-boxs:hover .images img {

  transition: all 0.4s ease-in-out;
  rotate:0deg;
}
.solution_list.blog-inner-section .blog-inner-content .blog-inner-boxs .images::after{display:none;}

.blog-inner-section .blog-inner-content .blog-inner-boxs .images {
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  line-height: 0;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs .images::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  top: 0;
  background: #0071BC;
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs:nth-child(odd) .images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
 border-radius: 0 16px 16px 0;
  transition: all 0.4s ease-in-out;
}

.blog-inner-section .blog-inner-content .blog-inner-boxs:nth-child(even) .images img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
 border-radius: 16px 0 0 16px;
  transition: all 0.4s ease-in-out;
}


.blog-inner-section .blog-inner-content .blog-inner-boxs .content {
  padding: 0 30px;
}


 .pain-item {
            background: #f8f9fb;
            padding: 30px;
            border-radius: 12px;
            transition: all 0.3s ease;
        }
        .pain-item:hover {
            box-shadow: 0 10px 30px rgba(22,93,255,0.08);
            transform: translateY(-4px);
        }
        .pain-item h4 {
            font-size: 22px;
       
            margin-bottom: 15px;
        }
        .pain-item p {
            color: #666;
            font-size: 15px;
        }
        
        .pain-icon {
            width: 88px;
            height: 88px;
            border-radius: 50%;
            background-color: #eef2ff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }
        .pain-icon i {
            font-size: 36px;
            color: #2563eb;
        }
        
        .solution_list.blog-inner-section .blog-inner-content .blog-inner-boxs{ background-color:#ffffff;   border: 1px solid #eee;   transition: all 0.3s ease;}
        
         .solution-card {
          
          
            padding: 40px;
           
        }
        .solution_list.blog-inner-section .blog-inner-content .blog-inner-boxs:hover {
            box-shadow: 0 12px 40px rgba(0,0,0,0.06);
            border-color: #165DFF;
        }
        .solution-card h3 {
            font-size: 26px;
            color: #222;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid #eee;
        }
        .solution-card .tag {
            display: inline-block;
            font-size: 14px;
            color: #165DFF;
            background: rgba(22,93,255,0.08);
            padding: 4px 12px;
            border-radius: 20px;
            margin-bottom: 20px;
        }
        .solution-card ul {
            list-style: none;
            margin: 20px 0;
        }
        .solution-card ul li {
            padding: 8px 0;
            color: #555;
            position: relative;
            padding-left: 20px;
        }
        .solution-card ul li::before {
            content: "✓";
            color: #165DFF;
            position: absolute;
            left: 0;
            font-weight: bold;
        }
        .card-btn {
            display: inline-block;
            margin-top: 20px;
            color: #165DFF;
            text-decoration: none;
            font-weight: 500;
        }
        .card-btn:hover {
            text-decoration: underline;
        }
        
        
        
           /* 核心优势 */
        .advantage-list {
            display: grid;
            grid-template-columns: repeat(3,1fr);
            gap: 24px;
        }
        .advantage-item {
           
            padding: 35px 20px;
            background: #f8f9fb;
            border-radius: 12px;
        }
        .advantage-item h4 {
            font-size: 22px;
            margin: 12px 0;
            color: #222;
        }
        .advantage-item p {
            color: #666;
            font-size: 15px;
        }
          .icon-box {
            width: 88px;
            height: 88px;
            border-radius: 50%;
            background-color: #eef4ff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 22px;
        }
        .icon-box i {
            font-size: 36px;
            color: #2563eb;
        }
        /* 服务流程 */
        .process-list {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px;
        }
        .process-item {
            flex: 1;
            min-width: 160px;
            text-align: center;
            padding: 20px;
            z-index: 2;
        }
        .process-num {
            width: 68px;
            height: 68px;
            line-height: 68px;
            border-radius: 50%;
            background: #eef4ff;
            color: #165DFF;
            font-size: 26px;
            font-weight: bold;
            margin: 0 auto 16px;
        }
        .process-item h4{font-size:22px; margin-bottom:12px;}

.blog-inner-section .blog-inner-content .blog-inner-boxs .content a {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: var(--Text-Color, #0D0E10);
  display: block;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs .content a:hover {
  color: #0071BC;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxs .content p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea {
  position: relative;
  margin-bottom: 30px;
  padding: 24px;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
  background: var(--white-100, #FFF);
  border-radius: 4px;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea:hover .images::after {
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea:hover .images img {
  transition: all 0.4s ease-in-out;
  transform: scale(1.1) rotate(-4deg);
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .images {
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .images::after {
  position: absolute;
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  top: 0;
  background: #0071BC;
  opacity: 0.5;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .images img {
  height: 100%;
  width: 100%;

  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .content a {
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: var(--Text-Color, #0D0E10);
  display: block;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .content a:hover {
  color: #0071BC;
  transition: all 0.4s ease-in-out;
}
.blog-inner-section .blog-inner-content .blog-inner-boxarea .content p {
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #676879;
  line-height: 26px;
}

.blog-inner-section .align-items-center {
    align-items: center !important;
	display:flex;
}

.space16 {
    height: 16px;
}

        
@media (max-width: 767px) {
  .blog-inner-section .blog-inner-content .blog-inner-boxs .content {
    padding: 0;
    margin-top: 30px;
  }
  .blog-inner-section .align-items-center {
    display:block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-inner-section .blog-inner-content .blog-inner-boxs .content {
    padding: 0;
    margin-top: 30px;
  }
  .blog-inner-section .align-items-center {
      display:block;
  }
}


/* 外层滚动容器 */
#portfolio-container {
  height: 800px;       /* 自定义你需要的固定高度 */
  overflow: hidden;
  position: relative;
}
/* 滚动内容包裹层 */
#scrollwrap {
  position: absolute;
  width: 100%;
  top: 0;
  animation: scrollUp 15s linear infinite;
}
/* 鼠标悬停暂停滚动 */
#portfolio-container:hover #scrollwrap {
  animation-play-state: paused;
}
/* 向上滚动动画 */
@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}