toom1996/huoerguosifeichi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
toom1996
2025-07-09 17:33:41 +08:00
parent 46ad420309
commit 92e543ecff
64 changed files with 15946 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5789
src/assets/css/bootstrap.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

280
src/assets/css/family.css Normal file
View File

@ -0,0 +1,280 @@
/* cyrillic-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 300;
/*src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OX-hpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8, U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 300;
/*src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 300;
/*src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXuhpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 300;
/*src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUehpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 300;
/* src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXehpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 300;
/*src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');
unicode-range:UTF-8, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 300;
/*src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format('woff2');
unicode-range: UTF-8,U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 400;
/* src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2');
unicode-range: UTF-8,U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 400;
/* src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');
unicode-range: UTF-8,U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 400;
/*src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format('woff2');
unicode-range: UTF-8,U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 400;
/*src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 400;
/* src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format('woff2');
unicode-range:UTF-8, U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 400;
/*src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 400;
/* src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
unicode-range: UTF-8,U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 600;
/*src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 600;
/*src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
/*src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 600;
/*src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 600;
/*src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
/*src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format('woff2');
unicode-range: UTF-8,U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 700;
/*src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOX-hpKKSTj5PW.woff2) format('woff2');
unicode-range:UTF-8, U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 700;
/*src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 700;
/*src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
/*src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUehpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 700;
/*src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXehpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 700;
/*src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) /*format('woff2');
unicode-range: UTF-8,U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 800;
/* src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOX-hpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 800;
/*src: local('Microsoft YaHei,SimSun,Arial,SimHei,Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOVuhpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 800;
/*src: local('Microsoft YaHei,SimSun,Arial,SimHei,Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXuhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 800;
/*src: local('Microsoft YaHei,SimSun,Arial,SimHei,Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUehpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 800;
/* src: local('Microsoft YaHei,SimSun,Arial,SimHei,Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXehpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 800;
/*src: local('Microsoft YaHei,SimSun,Arial,SimHei,Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXOhpKKSTj5PW.woff2) format('woff2');
unicode-range: UTF-8,U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Microsoft YaHei,SimSun,Arial,SimHei,Open Sans';
font-style: normal;
font-weight: 800;
/* src: local('Microsoft YaHei,SimSun,Arial,SimHei,Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhpKKSTjw.woff2) format('woff2');
unicode-range:UTF-8, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

13
src/assets/css/nav-icon.png Normal file
View File

@ -0,0 +1,13 @@
<html>
<head><title>404 Not Found</title></head>
<body>
<center><h1>404 Not Found</h1></center>
<hr><center>nginx</center>
</body>
</html>
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->
<!-- a padding to disable MSIE and Chrome friendly error page -->

1435
src/assets/css/theme-style.css Normal file
View File

File diff suppressed because it is too large Load Diff

5
src/assets/css1/all.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

7
src/assets/css1/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
src/assets/css1/jquery.fancybox.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

3
src/assets/css1/magnific-popup.css Normal file
View File

File diff suppressed because one or more lines are too long

6
src/assets/css1/owl.carousel.min.css vendored Normal file
View File

@ -0,0 +1,6 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://avstechnolabs.com/Themeforest/Seomek/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

1772
src/assets/css1/responsive.css Normal file
View File

File diff suppressed because it is too large Load Diff

3798
src/assets/css1/style.css Normal file
View File

File diff suppressed because it is too large Load Diff

16
src/assets/css1/style5.css Normal file
View File

@ -0,0 +1,16 @@
.consult_contact{position:fixed;bottom:22%;right:0;width:114px;height:114px;cursor:pointer;}
.consult_wrap{position:relative;width:114px;height:114px;}
.consult_wrap .tip{position:absolute;right:95px;top:45px;display:none;width:150px;height:24px;border-radius:3px;font-size:14px;line-height:24px;text-align:center;background:#3091f2;color:#fff;-webkit-transition:display 1s ease;transition:display 1s ease;}
.consult_wrap .tip:after{position:absolute;right:-8px;top:50%;content:"";width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #3091f2;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.consult_contact img{position:absolute;left:50%;top:50%;width:auto;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);}
.consult_contact .staff_img{z-index:999;}
@keyframes ballRotate{0%{transform:rotate(0);}
100%{transform:rotate(360deg);}
}
.consult_contact .ball{top:20px;width:auto;transform-origin:0 38px;animation:ballRotate 2.5s infinite linear;z-index:9999;}
@keyframes bg2Animation{0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
}
.consult_contact .bg-2{animation:bg2Animation 2.5s infinite linear;}
.consult_contact:hover .tip{display:block;}

139
src/layouts/Layout.astro
View File

@ -1,14 +1,115 @@
---
import '../assets/css/bootstrap.css'
import '../assets/css/theme-style.css'
---
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="icon" href="/images/logo40_40.png" type="image/gif" />
<!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
<meta name="generator" content={Astro.generator} />
<title>Astro Basics</title>
<title>霍尔果斯飞驰广告传媒有限公司</title>
<!-- site metas -->
<meta name="keywords" content="霍尔果斯霍尔果斯飞驰广告传媒有限公司">
<meta name="description" content="霍尔果斯飞驰广告传媒有限公司是一家充满活力和创新精神的互联网企业，专注于为客户提供卓越的数字化解决方案。我们秉承以客户为中心的理念，致力于通过创新技术和策略，助力企业实现数字化转型与品牌升级，共同开创更加美好的未来。">
<meta name="author" content="">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<script is:inline src="/js/jquery.min.js"></script>
<script is:inline type="text/javascript" src="/js/move-top.js"></script>
<script is:inline type="text/javascript" src="/js/easing.js"></script>
</head>
<body>
<body class="main-layout">
<div id="home" class="header">
<div class="container">
<div class="logo">
<div>
<a href="#"><img src="/images/logo40_40.png" title="logo" /></a>
</div>
<div class="logo-text">
<p>霍尔果斯飞驰广告传媒有限公司</p>
</div>
</div>
<!----start-top-nav---->
<nav class="top-nav">
<ul class="top-nav">
<li class=""><a href="/" class="scroll">首页 <span> </span></a></li>
<li class="page-scroll"><a href="/news" class="scroll">新闻中心<span> </span></a></li>
<li class="page-scroll"><a href="/service" class="scroll">我们的服务 <span> </span></a></li>
<li class="page-scroll"><a href="/about" class="scroll">关于我们 <span> </span></a></li>
<li class="contatct-active" class="page-scroll"><a href="#contact" class="scroll">联系我们</a></li>
</ul>
<a href="#" id="pull"><img src="/images/nav-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
</div>
<!----- //End-header---->
<!----- start-slider---->
<!----start-slider-script---->
<script is:inline src="/js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<slot />
<div id="contact" class="contact">
<div class="container">
<div class="contact-head text-center">
<h3>联系我们</h3>
<span>霍尔果斯飞驰广告传媒致力于为客户提供优秀创新的内容整合营销专业服务</span>
<p>期待与优秀的您合作</p>
</div>
<div class="contact-grids">
<!-- <div class="col-md-7 contact-left">
</div> -->
<div class="col-md-5 contact-right">
<h4>联系信息</h4><br />
<p><span class="icon1"> </span><a href="#">4001500607</a></p><br />
<p><span class="icon2"> </span>hegsfeichi1@163.com</p><br />
<p><span class="icon3"> </span><label>新疆伊犁哈萨克自治州霍尔果斯市中哈国际边境合作中心B4地块东方劲秀展厅二层9012室</label></p><br />
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="footer-right">
<p> ©2025 新疆霍尔果斯飞驰广告传媒科技有限公司 版权所有 <a target="_blank" href="http://beian.miit.gov.cn/">新ICP备2025017329号-1</a></p>
<script type="text/javascript">
$(document).ready(function() {-2
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</body>
</html>
@ -20,3 +121,33 @@
height: 100%;
}
</style>
<style is:global>
.container {
/* display: flex;
align-items: center; */
}
.logo {
display: flex;
align-items: center;
/* a {
margin-top: unset;
}
p {
margin: unset;
font-weight: bold;
} */
.logo-text {
margin-top: 1em;
}
.logo-text p{
font-weight: bold !important;
color: black;
margin: unset;
}
}
</style>

36
src/middleware/index.ts Normal file
View File

@ -0,0 +1,36 @@
import { getHost } from "../../utils/host";
import { websiteConfig } from "../../utils/rpc";
export async function onRequest (context: any, next: any) {
console.log('middleware')
// 拦截一个请求里的数据
// 可选地修改 `locals` 中的属性
const host = await getHost(context.request);
// 防止无线跳转
if (context.locals.is_write) {
return next();
}
if (!host) {
context.locals.is_write = 1;
return context.rewrite('/404');
}
const {code, data} = await websiteConfig(host);
if (!data || code !== 0) {
context.locals.is_write = 1;
return context.rewrite('/404');
}
if (!context.locals.is_write) {
context.locals.is_write = 1;
context.locals.template_number = 2;
context.locals.template_config = data;
return context.rewrite(context.url.pathname);
}
return next();
};

82
src/pages/about.astro Normal file
View File

@ -0,0 +1,82 @@
---
import Layout from "../layouts/Layout.astro";
// import '../assets/css1/all.min.css'
import '../assets/css1/style.css'
import '../assets/css1/style5.css'
---
<Layout>
<div class="site-content">
<!-- Page-Header Section STARTS Here -->
<div class="page-header text-center">
<div class="container">
<h1 class="page-title">关于我们</h1>
<ul id="breadcrumbs" class="breadcrumbs">
<li>
<a href='/' class='crumb'>首页</a> &gt; <a href='/about'>关于我们</a>&nbsp;
</li>
</ul>
</div>
</div>
<!-- Page-Header Section End Here -->
<!-- Business Grow Section STARTS Here -->
<section>
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-md-6">
<div class="businessgrow_img">
<img class="lazy" src="images/about-divice.png" alt="businessgrow_img">
</div>
</div>
<div class="col-md-6">
<div class="businessgrow_text">
<div class="heading text-lg-left">
<h2>霍尔果斯飞驰广告传媒有限公司</h2>
<img class="lazy" src="images/headin_border.png" alt="headin_border">
</div>
<p>霍尔果斯飞驰广告传媒有限公司是一家充满活力和创新精神的互联网企业，专注于为客户提供卓越的数字化解决方案。我们秉承以客户为中心的理念，致力于通过创新技术和策略，助力企业实现数字化转型与品牌升级，共同开创更加美好的未来。</p>
</div>
</div>
</div>
</div>
</section>
<!-- Business Grow Section End Here -->
<!-- Service Section STARTS Here -->
<section class="content_market_page_services pt-0">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<div class="service-box white_bg">
<span class="big-number">01</span>
<div class="service_icon">01</div>
<div class="service-content-box">
<h5>质量第一</h5>
<p>力争成为国内质量第一服务商中的佼佼者。</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<div class="service-box white_bg">
<span class="big-number">02</span>
<div class="service_icon">02</div>
<div class="service-content-box">
<h5>用户至上</h5>
<p>秉着用户至上的行业服务水平而努力。</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<div class="service-box white_bg">
<span class="big-number">03</span>
<div class="service_icon">03</div>
<div class="service-content-box">
<h5>长期合作</h5>
<p>与各个客户愿意建立长久的合作关系。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Section End Here -->
</div>
</Layout>

204
src/pages/index.astro
View File

@ -1,11 +1,199 @@
---
import Welcome from '../components/Welcome.astro';
import Layout from '../layouts/Layout.astro';
// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
import Layout from "../layouts/Layout.astro";
import { getConfig } from '../../utils/config'
const config = getConfig(Astro)
---
<Layout>
<Welcome />
</Layout>
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img src="./images/slide.jpg" alt="">
<div class="caption text-center">
<div class="slide-text-info">
<a class="btn1" href="#"><span>欢迎您的到来</span></a>
<h1>我们是一家<span>数字整合营销</span>公司</h1>
<div class="slide-text">
<p>我们是一家领先的数字整合营销公司，核心团队成员拥有超过10年的互联网行业经验，且均具备4A广告公司背景。我们深耕策略、创意、内容营销与新媒体等领域，为客户提供创新的数字化解决方案，帮助品牌在快速变化的市场中脱颖而出。</p>
</div>
<a class="btn2" href="#contact"><span>期待我们的合作</span></a>
</div>
</div>
</li>
<li>
<img src="./images/slide.jpg" alt="">
<div class="caption text-center">
<div class="slide-text-info">
<a class="btn1" href="#"><span>欢迎您的到来</span></a>
<h1>多领域<span>媒体资源</span>平台</h1>
<div class="slide-text">
<p>我们致力于为网红与广告主之间建立高效的合作平台，提供定制化的网红整合营销传播方案，帮助品牌提升广告转化率，实现精准营销与广泛覆盖。</p>
</div>
<a class="btn2" href="#contact"><span>期待我们的合作</span></a>
</div>
</div>
</li>
<li>
<img src="./images/slide.jpg" alt="">
<div class="caption text-center">
<div class="slide-text-info">
<a class="btn1" href="#"><span>欢迎您的到来</span></a>
<h1>质量第一<span> 用户至上</span> 长期合作</h1>
<div class="slide-text">
<p>霍尔果斯飞驰广告传媒公司中本着“质量第一、用户至上、长期合作”原则，为客户提优质的服务。</p>
</div>
<a class="btn2" href="#contact"><span>期待我们的合作</span></a>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!----- //End-slider---->
<!----start-services---->
<div id="ser" class="services">
<div class="container">
<div class="services-head text-center">
<h3>我们的服务</h3>
<p>我们的目标是成为互联网时代的顶尖数字整合营销公司。凭借多年在数字营销领域的深耕与积累，我们对全渠道资源有着深刻的洞察与独到的理解。通过策略、创意、数据与资源整合，推动互动营销创新，引领行业新趋势。</p>
</div>
<!-----start-services-grids---->
<div class="services-grids">
<div class="col-md-4 services-grid">
<div class="col-md-3 services-grid-left">
<a class="top-icon1" href="#"><span> </span></a>
</div>
<div class="col-md-9 services-grid-right">
<h4><a href="#">品牌口碑宣传</a></h4>
<p>我们深入理解品牌策略的规划与执行，从品牌定位、数据分析到数字化营销全方位延展。我们通过KV设计、创意开发及VI管理，确保品牌的视觉呈现与市场认知高度一致。</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 services-grid">
<div class="col-md-3 services-grid-left">
<a class="top-icon2" href="#"><span> </span></a>
</div>
<div class="col-md-9 services-grid-right">
<h4><a href="#">品牌声誉维护</a></h4>
<p>构建全网品牌口碑矩阵，确保品牌声誉在各大平台全面覆盖。通过持续监控与优化，有效提升品牌声誉与市场认知度。</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 services-grid">
<div class="col-md-3 services-grid-left">
<a class="top-icon3" href="#"><span> </span></a>
</div>
<div class="col-md-9 services-grid-right">
<h4><a href="#">全网SEO优化</a></h4>
<p>提供从策略规划到项目执行的完整SEO优化方案，借助视觉设计与技术手段提升企业网站的可见度与访问量。我们的服务包括网站建设、系统开发、视频制作等，助力客户在网络传播中保持领先地位。</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 services-grid">
<div class="col-md-3 services-grid-left">
<a class="top-icon4" href="#"><span> </span></a>
</div>
<div class="col-md-9 services-grid-right">
<h4><a href="#">客户关系整合营销服务</a></h4>
<p>基于精准用户画像，提供全生命周期的整合营销服务，帮助企业全面了解客户的需求与行为模式。通过从内容创意到实施的全方位商业生态链，优化客户决策过程，提升品牌忠诚度与用户粘性。</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 services-grid">
<div class="col-md-3 services-grid-left">
<a class="top-icon5" href="#"><span> </span></a>
</div>
<div class="col-md-9 services-grid-right">
<h4><a href="#">公关传播及视频</a></h4>
<p>专业的PR稿件撰写与发布，网络舆情监测与危机处理。利用大数据分析实时捕捉舆情源，制定应对方案，帮助企业解决危机、树立品牌美誉度。我们的服务还包括商业视频策划、拍摄与制作，以及短视频直播，全方位提升品牌传播力。</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 services-grid">
<div class="col-md-3 services-grid-left">
<a class="top-icon6" href="#"><span> </span></a>
</div>
<div class="col-md-9 services-grid-right">
<h4><a href="#">多领域媒体资源平台</a></h4>
<p>覆盖国内5000多个具有影响力的媒体资源，包括权威平面媒体、新媒体、行业类媒体与政府资源。我们为客户提供360度社会化媒体发布策略，打造精准的广告投放与公关传播方案。我们还拥有3万名网红资源，覆盖多个行业，如美妆、服饰、美食、母婴等，提供定制化的网红整合营销方案，提升广告转化率。</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div id="about" class="about">
<div class="container">
<div class="about-head">
<h4>关于我们</h4>
<h5>我们致力于为客户提供优秀创新的内容整合营销专业服务</h5>
<p>我们的目标是成为互联网时代的顶尖数字整合营销公司。凭借多年在数字营销领域的深耕与积累，我们对全渠道资源有着深刻的洞察与独到的理解。通过策略、创意、数据与资源整合，推动互动营销创新，引领行业新趋势。</p>
</div>
<!----- start-about-grids----->
<div class="about-grids">
<div class="col-md-7 about-grid-left">
<span> </span>
</div>
<div class="col-md-5 about-grid-right">
<h5>我们做什么？</h5>
<p>霍尔果斯飞驰广告传媒有限公司是一家充满活力和创新精神的互联网企业，专注于为客户提供卓越的数字化解决方案。我们秉承以客户为中心的理念，致力于通过创新技术和策略，助力企业实现数字化转型与品牌升级，共同开创更加美好的未来。</p>
</div>
<div class="clearfix"> </div>
</div>
<!----- //End-about-grids----->
</div>
</div>
<div id="team" class="team">
<div class="container">
<div class="team-head text-center">
<h3>我们的核心成员</h3>
<p>霍尔果斯飞驰广告传媒的核心成员分别在策略、创意，内容营销、新媒体等领域具有丰富的的互联网从业经验。</p>
</div>
<div class="team-members-grids text-center">
<div class="col-md-4 team-member-grid">
<!--<img src="./images/team-member-pic.jpg" title="name" />-->
<h5><a href="#">薯条</a></h5>
<p>拥有丰富的大客户管理经验、媒介、渠道合作经验。熟悉社会化媒体、渠道合作管理、网络营销等业务，丰富媒介资源及渠道合作及资源。</p>
<ul class="list-unstyled list-inline">
<li><a href="#"><i class="fa fa-facebook"> </i></a></li>
<li><a href="#"><i class="fa fa-twitter"> </i></a></li>
<li><a href="#"><i class="fa fa-skype"> </i></a></li>
</ul>
</div>
<div class="col-md-4 team-member-grid">
<!--<img src="./images/team-member-pic.jpg" title="name" />-->
<h5><a href="#">汤姆</a></h5>
<p>丰厚的软件的技术研发经验，精通JAVA、PHP等语言,深谙互联网、移动互联网最新技术,五年以上运营商平台架构设计经验。</p>
<ul class="list-unstyled list-inline">
<li><a href="#"><i class="fa fa-facebook"> </i></a></li>
<li><a href="#"><i class="fa fa-twitter"> </i></a></li>
<li><a href="#"><i class="fa fa-skype"> </i></a></li>
</ul>
</div>
<div class="col-md-4 team-member-grid">
<!--<img src="./images/team-member-pic4.jpg" title="name" />-->
<h5><a href="#">苏苏</a></h5>
<p>深耕整合营销执行经验，主要服务国内外知名大客户，服务的行业有汽车、快消、软件等。</p><br>
<ul class="list-unstyled list-inline">
<li><a href="#"><i class="fa fa-facebook"> </i></a></li>
<li><a href="#"><i class="fa fa-twitter"> </i></a></li>
<li><a href="#"><i class="fa fa-skype"> </i></a></li>
</ul>
</div>
<div class="col-md-4 team-member-grid">
<!--<img src="./images/team-member-pic4.jpg" title="name" />-->
<h5><a href="#">竹竿</a></h5>
<p>业内资深人士，服务过国内外知名大客户，擅长网页、app及平面设计等多领域创意设计，具有参与创意并后期执行的设计经验。</p>
<ul class="list-unstyled list-inline">
<li><a href="#"><i class="fa fa-facebook"> </i></a></li>
<li><a href="#"><i class="fa fa-twitter"> </i></a></li>
<li><a href="#"><i class="fa fa-skype"> </i></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</Layout>

65
src/pages/news.astro Normal file
View File

@ -0,0 +1,65 @@
---
import Layout from "../layouts/Layout.astro";
import { getConfig } from '../../utils/config'
import '../assets/css1/style.css'
import '../assets/css1/style5.css'
import { newsIndex } from "../../utils/rpc";
import { Image } from "astro:assets";
const config = getConfig(Astro)
const {code, data} = await newsIndex(config.id);
if (!data || code !== 0) {
return Astro.redirect('/404');
}
console.log(data)
---
<Layout>
<div class="site-content">
<!-- Page-Header Section STARTS Here -->
<div class="page-header text-center">
<div class="container">
<h1 class="page-title">新闻中心</h1>
<ul id="breadcrumbs" class="breadcrumbs">
<li>
<a href='/' class='crumb'>首页</a> &gt; <a href='/news' class='crumb'>新闻中心</a>
</li>
</ul>
</div>
</div>
<!-- Page-Header Section End Here -->
<!-- Blog Grid Section Start Here -->
<section class="blog-page">
<div class="container">
<div class="row">
{
data?.map(e => {
return <div class="col-lg-4 col-md-6">
<div class="post-inner">
<div class="entry-media">
<a href={`/news/${e.id}`} title={`${e.title}`}>
<Image loading="eager" style={`aspect-ratio: 16 / 9;object-fit: contain;`} src={e.cover} alt={e.title} width={100} height={100} />
</a>
</div>
<div class="inner-post">
<div class="entry-header">
<div class="entry-meta">
<span class="posted-on">
<span><time class="entry-date published">{e.created_at}</time></span>
</span>
</div>
<a href={`/news/${e.id}`} title={`${e.title}`} class="entry-title">{e.title}</a>
</div>
<p class="entry-summary">{e.description}</p>
</div>
</div>
</div>
})
}
</div>
</div>
</section>
<!-- Blog Grid Section End Here -->
</div>
</Layout>

337
src/pages/news/[...slug].astro Normal file
View File

@ -0,0 +1,337 @@
---
import Layout from "../../layouts/Layout.astro";
import { getConfig } from '../../../utils/config'
import '../../assets/css1/style.css'
import '../../assets/css1/style5.css'
import { newsDetail } from "../../../utils/rpc";
const { slug } = Astro.params;
const config = getConfig(Astro)
if (!slug) {
return Astro.redirect('/404');
}
const {code, data} = await newsDetail(slug);
if (!data || code !== 0) {
return Astro.redirect('/404');
}
---
<Layout>
<div class="v4 header-placeholder nav-v2" id="header-placeholder"></div>
<div class="html-text-component parbase">
<div class="v4 n06-news-second-navigation" id="news-second-navigation-v4" data-component="n06-news-second-navigation">
<div class="product-tabs-wrap container">
<div class="product-tabs__heading">
<div class="product-tabs__title body-medium">
<!-- <a title={TP2_COLUMN_NEWS} href={TP2_COLUMN_NEWS_URL} class="product-link product-link__active">{TP2_COLUMN_NEWS}</a> -->
</div>
</div>
</div>
</div>
</div>
<main class="news-main">
<div class="news-container">
<article class="news-detail-content">
<!-- <span class="news-date">发布于: {data.created_at}</span> -->
<h1 class="title" title="标题">{data.title}</h1>
<div class="top-icon"></div>
<div class="news-content" set:html={data.content}>
</div>
<div class="news-navigation">
{
data.prevNews && (
<div>
<span>上一篇: </span>
<a class="news-prev news-link" title={data.prevNews.title} href={`/news/${data.prevNews.id}`}>{data.prevNews.title}</a>
</div>
)
}
{
data.nextNews && (
<div>
<span>下一篇: </span>
<a class="news-next news-link" title={data.nextNews.title} href={`/news/${data.nextNews.id}`}>{data.nextNews.title}</a>
</div>
)
}
</div>
</article>
<!-- <aside class="news-sidebar">
<div class="related-news">
<h3>相关新闻</h3>
<ul>
{data.about.map(item => (
<li>
<a class="news-link" title={item.title} href={`/news/${item.id}`}>
<span class="related-title">{item.title}</span>
{/* <span class="related-date">{item.date}</span> */}
</a>
</li>
))}
</ul>
</div>
</aside> -->
</div>
</main>
</Layout>
<style is:inline>
.news-content p {
margin: 20px 0;
color: #6f6f6f;
font-size: 18px;
line-height: 32px;
}
.news-content img {
max-width: 100%;
height: auto;
}
</style>
<style>
article {
width: 50rem;
}
/* .news-main {
margin-top: 5rem;
} */
.top-icon {
padding-bottom: 30px;
border-bottom: 1px solid #e0e0e0
}
.news-date {
font-weight: 700;
font-size: 14px;
color: #d0021b;
line-height: 17px;
margin-bottom: 30px;
display: inline-block
}
.news-meta {
border-bottom: 1px solid var(--text-primary);
color: black;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.title {
font-size: 2.5rem;
text-align: left;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 1.5rem;
line-height: 1.4;
}
.news-meta {
display: flex;
justify-content: center;
gap: 2rem;
margin-bottom: 1.5rem;
}
.news-meta span{
color: var(--text-primary);
}
/* .news-date, .news-author {
color: rgba(255, 255, 255, 0.9);
font-size: 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
} */
.news-author a {
color: black;
text-decoration: none;
}
/*
.news-date::before {
content: '📅';
}
.news-author::before {
content: '👤';
} */
.news-tags {
display: flex;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
}
.news-tag {
background: rgba(255, 255, 255, 0.15);
color: white;
padding: 0.3rem 1rem;
border-radius: var(--radius-md);
font-size: 0.9rem;
backdrop-filter: blur(4px);
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.news-tag:hover {
background: rgba(255, 255, 255, 0.25);
transform: translateY(-1px);
}
.news-container {
/* max-width: 1200px; */
/* margin: -2rem auto 0; */
/* padding: 0 1.5rem 3rem; */
/* display: grid; */
/* grid-template-columns: 1fr 320px; */
/* gap: 2.5rem; */
position: relative;
display: flex;
justify-content: center;
}
.news-detail-content {
border-right: 1px solid var(--text-primary);
padding: 3rem;
position: relative;
overflow: hidden;
}
.news-content {
padding-top: 3rem;
font-size: 1.1rem;
line-height: 1.3;
}
.news-images {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
}
.news-images img {
width: 100%;
height: auto;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-md);
transition: transform 0.3s ease;
}
.news-images img:hover {
transform: scale(1.02);
}
.news-content p {
margin-bottom: 1.8rem;
}
.news-content p:last-child {
margin-bottom: 0;
}
.news-navigation {
margin-top: 1rem;
padding-top: 2rem;
border-top: 1px solid var(--divider-color);
}
.news-sidebar {
position: sticky;
top: 2rem;
height: fit-content;
}
.related-news {
padding: 1rem;
/* box-shadow: var(--shadow-lg); */
}
.related-news h3 {
font-size: 1.2rem;
color: var(--text-primary);
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--text-primary);
}
.related-news ul {
list-style: none;
padding: 0;
margin: 0;
}
.related-news li {
/* margin-bottom: 1.2rem;
padding-bottom: 1.2rem; */
border-bottom: 1px solid var(--divider-color);
}
.related-news li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.related-news a {
display: flex;
flex-direction: column;
gap: 0.5rem;
text-decoration: none;
/* color: var(--text-secondary); */
/* color: black; */
transition: all 0.3s ease;
padding: 0.4rem;
border-radius: var(--radius-md);
}
.related-news a:hover {
transform: translateX(5px);
}
.related-title {
font-size: 1rem;
line-height: 1.5;
}
.related-date {
font-size: 0.9rem;
color: var(--text-tertiary);
}
@media (max-width: 1024px) {
.news-container {
grid-template-columns: 1fr;
margin-top: -1rem;
}
.news-sidebar {
position: static;
}
}
@media (max-width: 480px) {
.news-detail-content {
padding: 1.5rem;
border: none;
}
.news-share {
flex-wrap: wrap;
gap: 0.8rem;
}
.share-btn {
width: 100%;
text-align: center;
}
}
</style>

217
src/pages/service.astro Normal file
View File

@ -0,0 +1,217 @@
---
import Layout from "../layouts/Layout.astro";
// import '../assets/css1/all.min.css'
import '../assets/css1/style.css'
import '../assets/css1/style5.css'
---
<Layout>
<div class="site-content">
<!-- Page-Header Section STARTS Here -->
<div class="page-header text-center">
<div class="container">
<h1 class="page-title">我们的服务</h1>
<ul id="breadcrumbs" class="breadcrumbs">
<li>
<a href="/" class="crumb">首页</a> &gt; <a href="/service" class="crumb">我们的服务</a>
</li>
</ul>
</div>
</div>
<!-- Page-Header Section End Here -->
<!-- Service Section STARTS Here -->
<section class="content_market_page_services">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-xl-3 col-md-6 col-sm-6 col-xs-12">
<div class="service-box white_bg">
<span class="big-number">01</span>
<div class="service_icon">01</div>
<div class="service-content-box">
<h5>品牌口碑宣传</h5>
<p>我们深入理解品牌策略的规划与执行，从品牌定位、数据分析到数字化营销全方位延展。确保品牌的视觉呈现与市场认知高度一致。</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 col-md-6 col-sm-6 col-xs-12">
<div class="service-box white_bg">
<span class="big-number">02</span>
<div class="service_icon">02</div>
<div class="service-content-box">
<h5>品牌声誉维护</h5>
<p>构建全网品牌口碑矩阵，确保品牌声誉在各大平台全面覆盖。通过持续监控与优化，有效提升品牌声誉与市场认知度。</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 col-md-6 col-sm-6 col-xs-12">
<div class="service-box white_bg">
<span class="big-number">03</span>
<div class="service_icon">03</div>
<div class="service-content-box">
<h5>全网SEO优化</h5>
<p>提供从策略规划到项目执行的完整SEO优化方案，借助视觉设计与技术手段提升企业网站的可见度与访问量。我们的服务包括网站建设、系统开发、视频制作等，助力客户在网络传播中保持领先地位。</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 col-md-6 col-sm-6 col-xs-12">
<div class="service-box white_bg">
<span class="big-number">04</span>
<div class="service_icon">04</div>
<div class="service-content-box">
<h5>客户关系整合营销服务</h5>
<p>基于精准用户画像，提供全生命周期的整合营销服务，帮助企业全面了解客户的需求与行为模式。通过从内容创意到实施的全方位商业生态链，优化客户决策过程，提升品牌忠诚度与用户粘性。</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 col-md-6 col-sm-6 col-xs-12">
<div class="service-box white_bg">
<span class="big-number">05</span>
<div class="service_icon">05</div>
<div class="service-content-box">
<h5>公关传播及视频</h5>
<p>专业的PR稿件撰写与发布，网络舆情监测与危机处理。利用大数据分析实时捕捉舆情源，制定应对方案，帮助企业解决危机、树立品牌美誉度。我们的服务还包括商业视频策划、拍摄与制作，以及短视频直播，全方位提升品牌传播力。</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 col-md-6 col-sm-6 col-xs-12">
<div class="service-box white_bg">
<span class="big-number">06</span>
<div class="service_icon">06</div>
<div class="service-content-box">
<h5>多领域媒体资源平台</h5>
<p>覆盖国内5000多个具有影响力的媒体资源，包括权威平面媒体、新媒体、行业类媒体与政府资源。提供360度社会化媒体发布策略，打造精准的广告投放与公关传播方案。提供定制化的网红整合营销方案，提升广告转化率。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Section End Here -->
<!-- Our Services Section STARTS Here -->
<section>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="heading">
<h2>如何开展</h2>
<img class="lazy" src="images/headin_border.png" data-src="images/headin_border.png" alt="headin_border">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service_bg white_bg">
<div class="service_img">
<img class="lazy" src="images/service_img1.png" data-src="images/service_img1.png" alt="service_img">
</div>
<div class="service_text">
<h5>行业数据分析</h5>
<p>对您的行业及竞争对手现状进行分析，分析出竞争优势、行业流量特点及SEO优化需求；</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service_bg white_bg">
<div class="service_img">
<img class="lazy" src="images/service_img2.png" data-src="images/service_img2.png" alt="service_img">
</div>
<div class="service_text">
<h5>您的网站现状分析</h5>
<p>从服务器设置到网站架构，最后到网站的用户体验做出全方位分析，然后制定SEO优化方案；</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service_bg white_bg">
<div class="service_img">
<img class="lazy" src="images/service_img3.png" data-src="images/service_img3.png" alt="service_img">
</div>
<div class="service_text">
<h5>网站SEO优化执行</h5>
<p>从网站的代码部分到所有的优化设置，共计包含245项SEO优化细节，全部细化按正常步骤执行；</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service_bg white_bg">
<div class="service_img">
<img class="lazy" src="images/service_img4.png" data-src="images/service_img4.png" alt="service_img">
</div>
<div class="service_text">
<h5>受众群体分析</h5>
<p>对网站受众用户访问站点情况分析，尽量在现有网站进行微调，降低用户访问跳出率，增加用户咨询概率；</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service_bg white_bg">
<div class="service_img">
<img class="lazy" src="images/service_img5.png" data-src="images/service_img5.png" alt="service_img">
</div>
<div class="service_text">
<h5>用户体验改善</h5>
<p>对网站架构、图片素材、转化词语及按钮设置、客服系统设置等作出SEO优化分析及改善，增强用户访问页面数量及时长；</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="service_bg white_bg">
<div class="service_img">
<img class="lazy" src="images/service_img6.png" data-src="images/service_img6.png" alt="service_img">
</div>
<div class="service_text">
<h5>目标预估及执行</h5>
<p>按三个月为一个阶段进行SEO优化预估，指定考核KPI及工作内容，每季度全新的SEO策略优化执行，让网站不断增加关键词排名数量；</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Services Section End Here -->
<!-- Client Counter Section Start Here -->
<section class="pt-0 home_2_counter">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-6 col-6">
<div class="seomek-counter">
<div>
<span class="num" data-to="30" data-time="2000">30</span>
<span>+</span>
</div>
<h6>SEO数据分析要点</h6>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 col-6">
<div class="seomek-counter">
<div>
<span class="num" data-to="245" data-time="2000">245</span>
<span>+</span>
</div>
<h6>SEO优化执行细节</h6>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 col-6">
<div class="seomek-counter">
<div>
<span class="num" data-to="10" data-time="2000">10</span>
<span>+</span>
</div>
<h6>SEO优化策略</h6>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 col-6">
<div class="seomek-counter">
<div>
<span class="num" data-to="20" data-time="2000">20</span>
<span>+</span>
</div>
<h6>转化率提升方法</h6>
</div>
</div>
</div>
</div>
</section>
<!-- Client Counter Section End Here -->
</div>
</Layout>

6
src/styles/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

169
src/styles/responsive.css Normal file
View File

@ -0,0 +1,169 @@
/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/
/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1500px) {
.header_full_banner {
padding-left: 125px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header_full_banner {
padding-left: 125px;
}
.titlepage h2 {
font-size: 42px;
}
ul.location_icon li {
padding-left: 38px;
}
.bottom_form .enter {
width: 55%;
}
ul.social_icon li a {
margin: 0px 1px;
}
.cont h3 {
font-size: 38px;
}
.banner_main {
padding-top: 100px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.header_full_banner {
padding-left: 125px;
}
.text-bg h1 {
padding-top: 0px;
font-size: 61px;
line-height: 70px;
}
.banner_main {
padding-top: 80px;
}
.banner_main {
min-height: 600px;
}
.titlepage h2 {
font-size: 33px;
}
ul.location_icon li {
font-size: 15px;
padding-left: 8px;
}
.bottom_form .enter {
width: 58%;
}
.sub_btn {
padding: 12px 0px;
max-width: 137px;
margin-left: -2px;
}
ul.social_icon li a {
width: 32px;
font-size: 19px;
margin: 0px 1px;
height: 32px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.header {
padding: 15px 30px 10px 30px;
}
.header_full_banner {
padding-left: 109px;
}
.login_btn a {
padding: 4px 26px;
}
ul.btn li {
padding: 0px 9px;
}
.text-bg h1 {
font-size: 39px;
line-height: 40px;
padding-bottom: 25px;
}
.logo {
width: 128px;
}
.titlepage h2 {
font-size: 34px;
}
.banner_main {
padding-top: 80px;
}
.banner_main {
min-height: 600px;
}
.about_img {
margin-bottom: 20px;
}
ul.location_icon li {
font-size: 17px;
padding-left: 13px;
}
.sub_btn {
max-width: 189px;
}
}
@media (max-width: 575px) {
.header {
padding: 30px 0px 15px 0px;
}
.header_full_banner {
padding-left: 109px;
}
.logo {
text-align: center !important;
padding-bottom: 6px;
float: left;
}
.text-bg h1 {
font-size: 31px;
line-height: 40px;
padding-bottom: 40px;
padding-left: 10px;
}
.header_full_banner {
min-height: inherit;
}
ul.btn {
display: none;
}
.text-bg span {
display: none;
}
.banner_main {
padding-top: 50px;
}
.banner_main {
min-height: 400px;
}
.text-bg a {
max-width: 168px;
}
.titlepage h2 {
font-size: 33px;
line-height: 44px;
}
.about_img {
margin-bottom: 20px;
}
ul.location_icon li {
padding-left: 0px;
display: block;
text-align: left;
margin-top: 20px;
}
.bottom_form .enter {
width: 100%;
margin-bottom: 30px;
}
}

985
src/styles/style.css Normal file
View File

@ -0,0 +1,985 @@
/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/
/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
/* @import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,400,600,700,900&display=swap'); */
/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
2) font-family: 'Poppins', sans-serif;
----------------------------------------*****/
/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/
/* @import url(animate.min.css);
@import url(normalize.css);
@import url(icomoon.css);
@import url(font-awesome.min.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);
@import url(swiper.min.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css); */
/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/
* {
box-sizing: border-box !important;
}
html {
scroll-behavior: smooth;
}
body {
color: #666666;
font-size: 14px;
font-family: 'Raleway', sans-serif;
line-height: 1.80857;
font-weight: normal;
}
a {
color: #1f1f1f;
text-decoration: none !important;
outline: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0;
font-weight: normal;
position: relative;
padding: 0 0 10px 0;
font-weight: normal;
line-height: normal;
color: #111111;
margin: 0
}
h1 {
font-size: 24px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px
}
h5 {
font-size: 14px
}
h6 {
font-size: 13px
}
*,
*::after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #212121;
text-decoration: none!important;
opacity: 1
}
button:focus {
outline: none;
}
ul,
li,
ol {
margin: 0px;
padding: 0px;
list-style: none;
}
p {
margin: 0px;
font-weight: 500;
font-size: 15px;
line-height: 24px;
}
a {
color: #222222;
text-decoration: none;
outline: none !important;
}
a,
.btn {
text-decoration: none !important;
outline: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
img {
max-width: 100%;
height: auto;
}
:focus {
outline: 0;
}
.btn-custom {
margin-top: 20px;
background-color: transparent !important;
border: 2px solid #ddd;
padding: 12px 40px;
font-size: 16px;
}
.lead {
font-size: 18px;
line-height: 30px;
color: #767676;
margin: 0;
padding: 0;
}
.form-control:focus {
border-color: #ffffff !important;
box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}
.navbar-form input {
border: none !important;
}
.badge {
font-weight: 500;
}
blockquote {
margin: 20px 0 20px;
padding: 30px;
}
button {
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
}
.full {
float: left;
width: 100%;
}
.layout_padding {
padding-top: 90px;
padding-bottom: 90px;
}
.layout_padding_2 {
padding-top: 75px;
padding-bottom: 75px;
}
.light_silver {
background: #f9f9f9;
}
.theme_bg {
background: #38c8a8;
}
.margin_top_30 {
margin-top: 30px !important;
}
.full {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
/**-- heading section --**/
/*---------------------------- preloader area ----------------------------*/
.loader_bg {
position: fixed;
z-index: 9999999;
background: #fff;
width: 100%;
height: 100%;
}
.loader {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
}
.loader img {
width: 280px;
}
/*-- menu_sitbar--*/
header {
position: relative;
}
.menu_sitbar {
float: left;
width: 120px;
height: 100%;
background: #0808ff;
border-right: #fff solid 7px;
padding: 33px;
position: absolute;
top: 0;
left: 0;
}
#sidebar {
width: 160px;
position: fixed;
top: 0;
left: -280px;
height: 100vh;
z-index: 1000;
background: #fff;
color: #fff;
transition: all 0.3s;
overflow-y: scroll;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar.active {
left: 0;
}
#dismiss {
color: #000;
width: 35px;
height: 35px;
line-height: 34px;
text-align: center;
background: #fff;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#dismiss:hover {
background: #0808ff;
color: #fff;
}
.overlay {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 998;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.overlay.active {
display: block;
opacity: 1;
}
#sidebarCollapse {
background: transparent;
padding: 0;
border: none;
}
#sidebar .sidebar-header {
padding: 20px;
background: #0808ff;
}
#sidebar ul.components {
padding: 55px 0;
}
#sidebar ul p {
color: #fff;
padding: 10px;
}
#sidebar ul li a {
padding: 10px 25px;
font-size: 1.3em;
display: block;
font-weight: 500;
}
#sidebar ul li a:hover {
color: #fff;
background: #0808ff;
}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
color: #fff;
background: #0808ff;
}
a[data-toggle="collapse"] {
position: relative;
}
.dropdown-toggle::after {
display: block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
ul ul a {
font-size: 0.9em !important;
padding-left: 30px !important;
background: #6d7fcc;
}
ul.CTAs {
padding: 20px;
}
ul.CTAs a {
text-align: center;
font-size: 0.9em !important;
display: block;
border-radius: 5px;
margin-bottom: 5px;
}
a.download {
background: #fff;
color: #7386D5;
}
a.article,
a.article:hover {
background: #6d7fcc !important;
color: #fff !important;
}
/*--end menu_sitbar--*/
ul.btn {
float: right;
}
ul.btn li {
display: inline-block;
padding: 0 25px;
}
ul.btn li a {
color: #fff;
font-size: 16px;
}
ul.btn li:last-child {
padding-right: 0;
}
.login_btn {
padding-left: 50px;
}
.login_btn a {
background-color: #fff;
display: inline-block;
padding: 7px 35px;
border-radius: 10px;
color: #292e39 !important;
font-size: 17px;
}
.login_btn a:hover {
color: #fff !important;
background: #0808ff;
}
/*-- header area --*/
/*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/
/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/
.header_full_banner {
background: url(../images/banner.jpg);
background-repeat: no-repeat;
min-height: 700px;
background-size: 100% 100%;
padding-left: 60px;
}
.header {
width: 100%;
background: transparent;
padding: 20px 30px;
}
.logo a {
font-size: 40px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
line-height: 40px;
}
/** banner section **/
.banner_main {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
padding-top: 150px;
}
.text-bg {
text-align: center;
padding-bottom: 50px;
}
.text-bg h1 {
color: #fff;
font-size: 90px;
line-height: 80px;
padding-bottom: 35px;
font-weight: bold;
}
.text-bg span {
color: #fff;
font-size: 17px;
line-height: 28px;
font-weight: 500;
padding-bottom: 20px;
display: block;
padding-bottom: 20px !important;
padding: 0 20px;
}
.text-bg figure {
margin: 0;
margin-bottom: -206px;
}
.text-bg figure img {
width: 100%;
padding-top: 70px;
padding-left: 40px;
}
.text-img figure {
margin: 0;
}
.text-img figure img {
width: 100%;
max-width: 564px;
}
.text-bg a {
font-size: 17px;
background-color: #fff;
color: #000;
font-weight: 500;
padding: 13px 0px;
width: 100%;
max-width: 190px;
text-align: center;
display: inline-block;
transition: ease-in all 0.5s;
}
.text-bg a:hover {
background-color: #292e39;
color: #fff;
transition: ease-in all 0.5s;
}
.titlepage {
text-align: center;
padding-bottom: 60px;
}
.titlepage h2 {
font-size: 50px;
color: #090807;
line-height: 55px;
font-weight: bold;
padding: 0;
text-transform: uppercase;
}
.d_flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.blu {
color: #0808ff;
}
.read_more {
font-size: 17px;
background-color: #090807;
color: #fff !important;
padding: 13px 0px;
width: 100%;
max-width: 190px;
text-align: center;
display: inline-block;
transition: ease-in all 0.5s;
border-radius: 30px;
font-weight: 500;
}
.read_more:hover {
background: #0808ff;
color: #fff;
transition: ease-in all 0.5s;
}
/** banner section **/
/** about section **/
.about {
background: #fff;
box-shadow: inset 0px 1px 87px -60px #6D6D6D;
padding: 90px 0;
}
.about .titlepage {
text-align: right;
padding: 0;
max-width: 541px;
width: 100%;
float: left;
}
.about .titlepage h2 {
margin-bottom: 20px;
}
.about .titlepage p {
color: #030303;
font-size: 17px;
line-height: 28px;
font-weight: 500;
padding-bottom: 30px;
}
.about .titlepage .read_more:hover {
color: #fff;
}
.about_img {
max-width: 600px;
width: 100%;
float: right;
}
.about_img figure {
margin: 0;
}
.about_img figure img {
width: 100%;
}
/** end about section **/
/** classified section **/
.classified {
margin-top: 90px;
}
.blu2 {
color: #3a3aff;
font-weight: bold;
}
.classified .classified_box {
margin-bottom: 45px;
}
.classified .classified_box span {
color: #141629;
display: block;
font-size: 70px;
font-weight: bold;
text-align: center;
}
.classified .classified_box .fornt h3 {
color: #030303;
font-size: 25px;
line-height: 28px;
font-weight: 700;
padding-bottom: 10px;
}
.classified .classified_box .fornt p {
color: #030303;
font-size: 19px;
line-height: 28px;
font-weight: 500;
}
/** end classified section **/
/** review section **/
.review {
margin-top: 40px;
padding: 90px 0px 140px 0px;
background: #fff;
box-shadow: inset 0px 1px 87px -60px #6D6D6D;
}
.review .titlepage p {
color: #141629;
line-height: 28px;
font-weight: 500;
font-size: 17px;
padding-top: 10px;
}
.review_Carousel .carousel-caption {
position: inherit;
padding: 0;
}
.review_box {
text-align: center;
}
.test_box {
padding: 40px 25px;
background: #0808ff;
}
.review_Carousel .test_box h4 {
font-size: 25px;
color: #fff;
line-height: 18px;
display: block;
text-align: center;
text-transform: uppercase;
font-weight: 500;
padding: 16px 0px 10px 0px;
}
.review_Carousel .test_box span {
color: #fff;
display: block;
}
.review_Carousel .test_box i {
font-size: 17px;
line-height: 28px;
display: block;
}
.review_Carousel .test_box p {
font-size: 17px;
line-height: 28px;
color: #fff;
text-align: center;
padding-top: 20px;
}
.review_Carousel .carousel-indicators {
bottom: -50px;
}
.review_Carousel .carousel-indicators li {
width: 45px;
height: 10px;
background: #052501;
}
.review_Carousel .carousel-indicators li.active {
background: #0808ff;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: none;
}
/** end review section **/
/** footer **/
.footer {
background: #212120;
padding-top: 85px;
text-align: center;
}
.footer .titlepage {
text-align: left;
padding-bottom: 0px;
}
.footer .titlepage h2 {
color: #fff;
}
ul.location_icon {
padding-top: 12px;
}
ul.location_icon li {
display: inline-block;
font-size: 18px;
line-height: 20px;
color: #fff;
padding-left: 62px;
}
ul.location_icon li a {
font-size: 30px;
color: #fff;
line-height: 30px;
padding-right: 15px;
}
ul.location_icon li a:hover {
color: #0808ff;
}
.main_form {
padding: 50px 0px 0px 0px;
}
.main_form .contactus {
border: inherit;
padding: 0px 15px;
margin-bottom: 20px;
width: 100%;
height: 60px;
background: transparent;
color: #777977;
font-size: 18px;
font-weight: normal;
border-bottom: #ddd solid 1px;
}
.main_form .textarea {
border: inherit;
padding: 0px 15px;
margin-bottom: 20px;
width: 100%;
background: transparent;
color: #777977;
font-size: 18px;
font-weight: normal;
border-bottom: #ddd solid 1px;
padding-top: 30px;
}
.main_form .send_btn {
font-size: 17px;
transition: ease-in all 0.5s;
background-color: #fff;
color: #000;
padding: 13px 0px;
max-width: 200px;
width: 100%;
display: block;
margin-top: 30px;
border-radius: 30px;
}
.main_form .send_btn:hover {
background-color: #0808ff;
transition: ease-in all 0.5s;
color: #fff;
}
#request *::placeholder {
color: #777977;
opacity: 1;
}
ul.social_icon {
padding-top: 37px;
}
ul.social_icon li {
display: inline-block;
}
ul.social_icon li a {
background: #fff;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
border-radius: 30px;
margin: 0 3px;
}
ul.social_icon li a:hover {
background-color: #0808ff;
color: #fff;
}
.map {
padding-top: 60px;
}
.map figure {
margin: 0;
}
.map figure img {
width: 100%;
}
.bottom_form {
padding-top: 29px;
}
.bottom_form h3 {
font-weight: 600;
font-size: 20px;
text-align: left;
color: #fff;
padding-bottom: 15px;
}
.bottom_form .enter {
border: inherit;
padding: 0px 19px;
width: 62%;
height: 53px;
background: #fff;
color: #000;
font-size: 18px;
font-weight: 600;
float: left;
}
.sub_btn {
font-size: 17px;
transition: ease-in all 0.5s;
background-color: #0808ff;
color: #fff;
padding: 11px 0px;
max-width: 200px;
width: 100%;
display: block;
font-weight: 500;
text-transform: uppercase;
margin-left: -2px;
}
.sub_btn:hover {
background-color: #0e0b0a;
transition: ease-in all 0.5s;
color: #fff;
}
.copyright {
margin-top: 90px;
padding: 20px 0px;
}
.copyright p {
color: #fff;
font-size: 18px;
line-height: 22px;
text-align: center;
border-top: #ddd solid 1px;
padding-top: 25px;
}
.copyright a {
color: #fff;
}
.copyright a:hover {
color: #0808ff;
}
/** end footer **/