@import url("fonts.css");

:root {
  --blackc: #272727;
  --whitec: #fff;
  --ddcolor: #ddd;
  --bgcolor: #18941e;
  --brcolor: #18941e;
  --paracolor: #555;
  --titlecolor: #031a05;
}

body {
  font-family: "Roboto", 'Arial', 'Microsoft Yahei', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1.6;
  color: var(--titlecolor);
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-style: normal;
  line-height: 1.2;
  font-weight: 700;
  font-size: 24px;
  margin: 0;
  color: var(--titlecolor);
}

h1, h1 a { font-size: 30px; }
h2, h2 a { font-size: 22px; }
h3, h3 a { font-size: 24px; }
h4, h4 a { font-size: 16px; font-family: "Roboto", sans-serif; text-transform: uppercase; color: var(--bgcolor); }
h5, h6, h6 a { font-size: 15px; }
img { max-width: 100%; }
ul, li { padding: 0; margin: 0; list-style: none; }

.btn-primary:focus, select:focus, textarea:focus, input:focus { box-shadow: none !important; border: none; }
textarea, input { outline: none; border: none; }
.btn:focus { text-decoration: none; outline: none; box-shadow: none; }
input:focus, button:focus { border-color: transparent; outline-color: transparent; }
textarea:focus { border-color: transparent; outline-color: transparent; }

::-moz-placeholder { font-size: 16px; }
::-webkit-input-placeholder { font-size: 16px; }
:-ms-input-placeholder { font-size: 16px; }
::placeholder { font-size: 16px; }

a { transition: .5s; text-decoration: none; color: var(--linkcolor); }
a:focus, a:hover { text-decoration: none; outline: none; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active {
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

p.form-messege { margin-top: 8px; }
P { font-size: 16px; font-weight: 400; line-height: 26px; color: var(--paracolor); }
a { text-decoration: none; transition: .5s; }
a:hover { color: var(--brcolor); }
.witr_all_pd0 { padding: 0; }
h2 span.highlight { color: var(--bgcolor); }

/* 头部 */
.header_top { padding: 10px 0; background: var(--titlecolor); }
.top_menu_left { color: var(--bgcolor); }
.top_menu_left span { color: var(--whitec); margin-right: 25px; font-size: 14px; font-weight: 400; }
.top_menu_left span i { margin-right: 6px; }
.top_menu_left a i { margin-right: 6px; color: var(--whitec); font-size: 13px; }
.top_menu_left a span { color: var(--whitec); font-size: 14px; }
.top_menu_left_icon { display: inline-block; margin-left: 15px; }
.top_menu_left_icon>a>i { margin-right: 0px; }
.top_menu_left_icon a i { transition: .5s; font-size: 14px; font-weight: 600; color: var(--whitec); }
.top_menu_left_icon a i:hover { color: var(--titlecolor); }
.top_menu_right span { color: var(--whitec); }
.top_menu_right { display: flex; color: var(--whitec); justify-content: end; }
.top_menu_right a { color: var(--whitec); margin-left: 15px; transition: .5s; }
.top_menu_right a i { font-size: 15px; }
.top_menu_right:hover { color: var(--bgcolor); }
.absolute_menu .sticky .header_top { display: none; }

/* 桌面版主导航 */
.main_menu_area { padding: 0 10px; background: var(--whitec); }
.main_menu_area.breadcam_menu { background-color: var(--whitec); }
.site_logo_area { text-align: left; background: var(--bgcolor); padding: 25px 40px; margin-left: -20px; margin-right: 100px; }
.mobile_menu { display: none; }
.main_menu_area.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 999999; background-color: rgb(0 0 0 / 70%); }
.main_menu_area.sticky .inner_main_nav_area >ul >li >a { color: var(--whitec); }
.main_menu_area.sticky .inner_main_nav_area >ul >li >a:hover { color: var(--bgcolor); }
.main_menu_area.sticky .inner_main_nav_area >ul >li >a i { color: var(--whitec); }
.main_menu_area.sticky .main_nav_btn a { color: var(--whitec); }
.main_menu_area.sticky .main_nav_icons a i { color: var(--whitec); }
.main_nav_area { display: flex; align-items: center; justify-content: space-between; }
.absolute_menu { position: absolute; top: 0; left: 0; right: 0; z-index: 999; background: none; }
.absolute_menu .main_nav_area { justify-content: flex-end; }
.landing_menu .main_nav_area { justify-content: end; }
.main_menu_all_item { align-items: center; }
.inner_main_nav_area ul { list-style: none; margin: 0 0 0 10px; padding: 0; }
.inner_main_nav_area >ul >li { display: inline-block; position: relative; }
.inner_main_nav_area >ul >li >a { display: block; margin: 35px 12px; transition: .2s; position: relative; font-size: 18px; font-weight: bold; color: var(--blackc); text-transform: capitalize; }
.inner_main_nav_area >ul >li >a>i { font-weight: 700; color: var(--titlecolor); }
.inner_main_nav_area >ul> li> a:hover { color: var(--bgcolor); }

.main_nav_btn a { display: inline-block; font-size: 18px; font-weight: 500; border-radius: 5px; padding: 10px 30px; border: 1px solid #dddddd; background: none; color: var(--paracolor); }
.inner_main_nav_area ul li a.menu_nav_active { color: var(--bgcolor) !important; }
.main_nav_btn a:hover { background-color: var(--bgcolor); color: var(--whitec); }
.absolute_menu .inner_main_nav_area >ul >li >a { color: var(--whitec); }
.absolute_menu .inner_main_nav_area >ul >li >a:hover { color: var(--bgcolor); }

/* 导航图标 & 搜索弹窗 */
.beutty_right_area { display: flex; align-items: center; }
.main_nav_icons_together { display: flex; align-items: center; }
.main_nav_icons >i { display: inline-block; cursor: pointer; transition: .5s; color: var(--blackc); margin-left: 25px; font-size: 16px; height: 30px; width: 30px; line-height: 30px; text-align: center; border-radius: 100px; }
.main_menu_area.sticky .main_nav_icons >i { color: var(--whitec); }
.main_nav_icons >i:hover { color: var(--whitec); background-color: var(--bgcolor); }

.nav_icon_popup { position: fixed; top: 0; left: -110%; background: #c54a1580; display: flex; align-items: center; width: 100%; height: 100%; z-index: 999; opacity: 0; visibility: hidden; transition: 1s; }
.nav_icon_popup.icon_popup { opacity: 1; visibility: visible; left: 0; }
.inner_nav_icon_popup { width: 47%; margin: 0 auto; position: relative; }
.inner_nav_icon_popup input { font-size: 30px; font-weight: 500; padding: 17px 40px 15px 15px; width: 100%; border: none; outline: none; box-shadow: 0px 0px 30px 0px #dddddd45; background: var(--whitec); border-radius: 10px; }
.inner_nav_popup_form_icons { position: absolute; top: 35%; right: 10px; transform: translateY(-50%); }
.inner_nav_popup_btnicon { font-size: 40px; border: none; outline: none; background: none; }
.inner_nav_icon_popup i { display: inline-block; margin-top: 10px; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 100%; background-color: var(--whitec); color: var(--blackc); font-size: 25px; cursor: pointer; transition: 1s; }

/* 电脑版右侧语言栏 */
.main_nav_icon_right { margin-left: 22px; margin-top: 5px; }
.main_nav_icon_right> i { display: inline-block; font-size: 20px; border-radius: 10px; cursor: pointer; }
.main_menu_area.sticky .main_nav_icon_right> i { color: var(--whitec); }
.main_nav_icon_right_popup { position: fixed; top: 0; right: -110%; width: 400px; height: 100%; background: #fff; z-index: 999; padding: 100px 20px 30px; overflow: scroll; opacity: 0; visibility: hidden; transition: 1s; }
.main_nav_icon_right_popup.site_popup { right: 0; opacity: 1; visibility: visible; }
.main_nav_icon_right_popup h2 { font-size: 22px; font-weight: 600; padding-bottom: 5px; }
.m_nav_rpi_close { text-align: end; margin: -57px 0 20px; }
.m_nav_rpi_close >i { display: inline-block; color: var(--blackc); font-size: 40px; font-weight: 400; cursor: pointer; }
.m_nav_right_pp_form { position: relative; }
.m_nav_right_pp_form input { height: 54px; width: 100%; border: 1px solid #efefef; outline: none; padding: 0 20px; }
.m_nav_right_pp_form button { position: absolute; top: 0; right: 0; font-size: 18px; padding: 13px 20px; outline: none; border: none; background: #ddd; color: var(--blackc); }
.right_popup_nav { padding: 65px 0 0 0; }
.right_popup_nav ul { list-style: none; padding-left: 0; }
.right_popup_nav ul li { padding: 12px 0; border-bottom: 1px solid #dddddd; }
.right_popup_nav ul li.r_nav_child_border { border-bottom: none; }
.right_popup_nav ul li a { display: inline-block; font-size: 16px; font-weight: 400; color: var(--paracolor); }

.main_nav_icons_middle { margin-left: 30px; position: relative; }
.main_nav_icons_middle a { position: relative; font-size: 18px; cursor: pointer; padding: 8px; display: inline-flex; background: #fff; border-radius: 100%; }
.main_nav_icons_middle a span { position: absolute; top: 0; right: -5px; width: 18px; height: 20px; font-size: 12px; line-height: 20px; text-align: center; background-color: var(--bgcolor); border-radius: 100%; color: var(--whitec); }
.main_nav_middle_box_item { overflow: scroll; position: absolute; right: 0; top: 130%; width: 300px; height: 300px; z-index: 999; opacity: 0; visibility: hidden; background-color: var(--whitec); transition: .5s; }
.main_nav_icons_middle:hover .main_nav_middle_box_item { top: 170%; opacity: 1; visibility: visible; }
.main_nav_middle_box_item p { padding: 20px; }

/* 按钮 */
.dtbtn { background-color: var(--bgcolor); color: var(--whitec); display: block; font-size: 16px; margin-left: 20px; border-radius: 0px 15px 0px 15px; padding: 14px 50px; }
.menu_btn a:hover { color: var(--whitec); background-color: var(--titlecolor); }

/* 电脑版下拉菜单 */
.inner_main_nav_area ul li .sub_menu { position: absolute; top: 130%; left: 0; width: max-content; min-width: 205px; max-width: 320px; text-align: left; margin: 0; padding: 15px 5px 14px; z-index: 9999; box-shadow: 0 0 30px rgb(0 0 0 / 9%); background-color: var(--whitec); opacity: 0; visibility: hidden; transition: .5s; }
.inner_main_nav_area ul li .sub_menu li { position: relative; }
.inner_main_nav_area ul li .sub_menu li a { display: inline-block; font-size: 15px; font-weight: 400; color: #444; padding: 6px 17px; }
.inner_main_nav_area ul li .sub_menu li a:hover { color: var(--bgcolor); margin-left: 5px; }
.inner_main_nav_area >ul >li:hover .sub_menu { top: 100%; opacity: 1; visibility: visible; }
.inner_main_nav_area .sub_menu >li > ul.sub_menu { top: 130%; left: 100%; opacity: 0; visibility: hidden; transition: .5s; }
.inner_main_nav_area ul li .sub_menu li:hover  ul.sub_menu { top: 0; opacity: 1; visibility: visible; }
.navd_active { background-color: var(--bgcolor); color: var(--whitec); }

/* 轮播/横幅 */
.slider_area { overflow: hidden; position: relative; }
.inner_slider_area { height: auto; background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex !important; align-items: center; position: relative; }
.inner_slider_area img { max-width: 100%; }
.inner_slider_content { text-align: left; position: absolute; width: 100%; left: 0; }
.inner_slider_content h2, .inner_slider_content h1 { font-size: 24px; color: var(--whitec); margin: 0 0 20px; font-weight: 500; text-transform: uppercase; }
.inner_slider_content h3 { font-size: 72px; color: var(--whitec); margin: 0; font-weight: 700; }
.inner_slider_content h3 .highlight { color: var(--bgcolor); }
.inner_slider_content p { color: var(--whitec); width: 57%; font-weight: 500; font-size: 18px; margin: 20px 0 0; }
.b_btn { margin-top: 35px; }
.b_btn a { display: inline-block; border-radius: 0px 15px 0px 15px; padding: 16px 45px; font-size: 16px; font-weight: 700; margin-right: 10px; margin-bottom: 10px; color: var(--whitec); background-color: var(--titlecolor); }
.b_btn a:hover { background-color: var(--bgcolor); color: var(--whitec); }
.b_btn a i { font-size: 18px; margin-left: 10px; color: var(--whitec); }
.b_btn a.active { background-color: var(--whitec); color: var(--titlecolor); display: inline-block; }
.b_btn a.active:hover { background-color: var(--bgcolor); color: var(--whitec); }

.slick-prev, .slick-next { position: absolute; top: 50%; width: 55px; height: 55px; line-height: 55px; border-radius: 100%; z-index: 9999; outline: none; border: none; font-size: 0; background: none; transform: translateY(-50%); transition: 1s; z-index: 1; opacity: 0; visibility: hidden; }
.glowbal:hover .slick-prev, .glowbal:hover .slick-next { opacity: 1; visibility: visible; }
.slick-prev { left: -80px; }
.slick-next { right: -55px; }
.slick-prev::before, .slick-next::before { content: '\f104'; font-family: FontAwesome; display: inline-block; width: 55px; height: 55px; line-height: 55px; border-radius: 5px; font-size: 40px; background-color: transparent; color: var(--bgcolor); transition: 1s; border: 1px solid var(--bgcolor); }
.slick-next::before { content: '\f105'; }
.slick-prev:hover::before, .slick-next:hover::before { background-color: var(--bgcolor) !important; color: var(--whitec); }

/* 页脚 */
.footer_area { padding: 3% 0 3%; position: relative; z-index: 999; width: 100%; float: left; }
.footer_logo { display: flex; gap: 245px; align-items: center; margin-bottom: 20px; margin-left: 100px; }
.footer_text h2 { color: var(--whitec); font-size: 36px; }
.footer_widget h4 { margin-bottom: 20px; padding: 0 0 12px; font-size: 24px; color: var(--whitec); position: relative; text-transform: capitalize; }
.footer_widget h4::before { content: ''; position: absolute; bottom: 0; border: 1px solid var(--bgcolor); width: 25%; border-radius: 50%; }
.footer_widget h4 i { display: none; position: absolute; right: 0; top: 0; cursor: pointer; width: 50px; height: 30px; line-height: 30px; text-align: center; }
.footer_content { display: flex; gap: 220px; }
.footer_middle { padding: 15px 0 0; }
.footer-top-inner p { margin-left: auto; margin-right: auto; width: 81%; color: var(--whitec); }
.footer_widget.footer_logo_area p { padding: 5px 0; margin: 5px 0 10px; }
.bread_footer { margin-top: 19px; }
.footer_addres_area h4 { color: var(--bgcolor); }
.footer_addres_area i { font-size: 18px; }
.footer_nav { margin-top: 25px; }
.footer_nav ul { list-style: none; padding-left: 0; }
.footer_nav ul li { padding: 0 0 10px; }
.footer_nav ul li i { font-size: 16px; padding-right: 10px; }
.footer_nav ul li a { color: var(--whitec); font-size: 16px; font-weight: 400; }
.footer_nav ul li a:hover { color: var(--bgcolor); }
.footer_nav ul li span { color: var(--whitec); font-size: 16px; font-weight: 400; }
.footer_nav ul li span:hover { color: var(--bgcolor); }
.inner_footer_widget_img { margin-top: 20px; }
.inner_footer_widget_img img { width: 100%; height: auto; }

.copyright_area { padding: 17px 0 17px; width: 100%; float: left; position: relative; background: var(--bgcolor); }
.copy_right_text p { color: var(--whitec); margin: 0; text-align: left; }
.footer_menu { text-align: right; }
.footer_menu ul { margin: 0; padding: 0; }
.footer_menu ul li { list-style: none; display: inline-block; }
.footer_menu ul li a { padding: 0 10px; color: var(--whitec); font-size: 16px; font-weight: 400; }
.footer_menu a:hover { color: var(--titlecolor); }

/* 在线客服 & 返回顶部 */
#onlineService { position: fixed; right: 0; bottom: 32%; z-index: 100998; display: none; }
#scrollUp { position: fixed; bottom: 50px; font-size: 22px; height: 40px; line-height: 42px; right: 40px; text-align: center; border-radius: 5px; width: 40px; color: var(--whitec); background: var(--bgcolor); cursor: pointer; z-index: 9999; }

/* 电脑版响应式 */
@media(max-width: 1680px) { .inner_main_nav_area > ul > li > a { margin: 35px 5px; } }
@media(max-width: 1520px) { .inner_main_nav_area > ul > li > a { font-size: 16px; } }
@media(max-width: 1450px) { .inner_main_nav_area > ul > li > a { font-size: 14px; } }
@media (min-width: 1441px) and (max-width: 1919px) { .inner_subscribe_left_cont h2 { font-size: 32px; } .header_item_main { flex-wrap: nowrap; } }
@media (min-width: 1366px) and (max-width: 1440px) {
  .header_top { padding: 10px 178px; }
  .main_menu_area { padding: 0 20px; margin: 0; }
  .inner_main_nav_area >ul >li >a { margin: 35px 6px; }
  .main_feature { padding: 30px 4px 72px 9px; }
  .testimonial_area .slick-next { right: 27px; }
  .testimonial_area .slick-prev { left: 86%; }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 500; }
  .header_top { padding: 10px 15px; }
  .main_menu_area { padding: 0 20px; margin: 0; }
  .inner_main_nav_area >ul >li >a { margin: 35px 4px 35px; }
  .inner_slider_area { height: 700px; }
  .inner_slider_content { width: 90%; margin: auto; left: 0; right: 0; }
  .inner_slider_content h2, .inner_slider_content h3 { font-size: 40px; }
  .site_logo_area { margin-right: -13px; }
  .feature_area { padding: 50px 0; }
  .main_feature h2 a { font-size: 17px; }
  .witr_contx h2 { width: 100%; }
  .service_right_icon { top: 42%; }
  .port_title h2 { font-size: 46px; }
  .pric_middle { padding: 40px 15px 40px 15px; }
  .team_area { padding: 50px 0 10px; }
  .witr_section_title_inner h2 { font-size: 34px; }
  .testimonial_area { margin: 60px 0; }
  .cal_siconw a { font-size: 65px; width: 191px; height: 190px; line-height: 190px; }
  .cal_active { width: 69%; }
  .contact_title { padding: 120px 34px 50px 33px; width: 100%; }
  .inner_contact_content h2 { font-size: 41px; }
  .section_title h2 { font-size: 36px; }
  .main_counter { padding: 30px 20px 30px 23px; }
  .ttsicon { top: -35px; }
  .inner_counter_area h2 { font-size: 16px; }
  .ycalender_inner { padding: 20px 14px; }
  .ycalender_inner td { padding: 10px 10px; }
  .ycalender_inner th { padding: 10px 11px; }
}
@media (min-width: 992px) and (max-width: 1023px) {
  h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 500; }
  .header_top { padding: 10px 15px; }
  .main_menu_area { padding: 0 20px; margin: 0; }
  .inner_main_nav_area >ul >li >a { margin: 35px 4px 35px; }
  .inner_slider_area { height: 700px; }
  .inner_slider_content { width: 100%; margin-left: 30px; }
  .inner_slider_content h2, .inner_slider_content h3 { font-size: 40px; }
  .site_logo_area { margin-right: -13px; }
  .feature_area { padding: 50px 0; }
  .main_feature h2 a { font-size: 17px; }
  .service_right_icon { top: 42%; }
  .witr_contx h2 { width: 100%; }
  .port_title h2 { font-size: 46px; }
  .pric_middle { padding: 40px 15px 40px 15px; }
  .team_area { padding: 50px 0 10px; }
  .witr_section_title_inner h2 { font-size: 34px; }
  .testimonial_area { margin: 60px 0; }
  .cal_siconw a { font-size: 65px; width: 191px; height: 190px; line-height: 190px; }
  .cal_active { width: 69%; }
  .contact_title { padding: 120px 34px 50px 33px; width: 100%; }
  .inner_contact_content h2 { font-size: 41px; }
  .main_counter { padding: 30px 20px 30px 23px; }
  .inner_counter_area h2 { font-size: 16px; }
  .section_title h2 { font-size: 36px !important; }
  .ycalender_inner { padding: 20px 14px; }
  .ycalender_inner td { padding: 10px 10px; }
  .ycalender_inner th { padding: 10px 11px; }
}