@font-face{
	font-family: Montserrat-Bold; font-display: swap;
	src:url('fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face{
	font-family: Montserrat-SemiBold; font-display: swap;
	src:url('fonts/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face{
	font-family: Montserrat-Black; font-display: swap;
	src:url('fonts/Montserrat-Black.ttf') format('truetype');
}

:root{
	--yiq-color-text:#4d4d4d;
	--yiq-color-main:#e80000;
	--yiq-color-active:#ffca02;
}

*{padding:0px; margin:0px; box-sizing: border-box;}

img {border:none;}
ul,li {padding:0px; margin:0px; list-style-type:none;}
h1,h2,h3,h4,h5,h6,h7,h8,dd {font-weight:normal; padding:0px; margin:0px;}

p {margin: 0px 0px 10px 0px;}

/*滚动条*/
.YIQ_Scroll {padding-right:10px;}
.YIQ_Scroll::-webkit-scrollbar-track {background-color: rgba(255,255,255,0.2);}
.YIQ_Scroll::-webkit-scrollbar {width:3px; height:3px;}
.YIQ_Scroll::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,0.4);}

A {font-size: 14px; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased;}
A:link,A:visited,A:active {COLOR: var(--yiq-color-text); font-family:"PingFang SC",'arial', sans-serif; TEXT-DECORATION: none; text-align:left;outline:none;}
A:hover {COLOR: var(--yiq-color-active);TEXT-DECORATION: underline; star:expression(this.onFocus=this.blur());}

::-webkit-input-placeholder { /* WebKit browsers */color: #999; font-size: 15px;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #999; font-size: 15px;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #999; font-size: 15px;}

body{text-align:center; margin:0px; font-size:16px; line-height:22px; padding-top: 64px; background-color:#fffaf5; font-family:"PingFang SC",'arial', 'PingFang SC', sans-serif; color: var(--yiq-color-text);
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

/*基础样式设置*/
.Font_Size_Text_Small {font-size: 12px; line-height: 20px;}
.Font_Size_Text0 {font-size: 14px; line-height: 20px;}
.Font_Size_Text {font-size: 16px; line-height: 25px;}
.Font_Size_Text1 {font-size: 18px; line-height: 30px;}
.Font_Size_Title {font-size: 22px; line-height: 30px;}
.Font_Size_Title1 {font-size: 32px; line-height: 40px;}
.Font_Size_Title2 {font-size: 38px; line-height: 40px;}
.Font_Size_Title3 {font-size: 48px; line-height: 50px;}
.Font_Size_Title_N {font-size: 28px; line-height: 4rem;}

/*网页整体框架*/
.CSS_Body {width:100%; height:auto; float: left; padding: 0px; margin: 0px;}
.CSS_C {width: 100%; max-width: 450px; height: auto; margin: 0px auto; display: run-in;}

/*主菜单*/
.Menu {width: 100%; float: left; padding: 10px; border-bottom: 4px var(--yiq-color-active) solid; cursor: pointer; position: fixed; left: 0px; top: 0px; background-color: #fffaf5; z-index: 9;}
.Menu_Btn {width: 25px; height: 40px; float: left; display: flex; align-items: center; align-content: center; position: relative;}
.Menu_Btn ul {width: 100px; float: left;}
.Menu_Btn ul li {width: 100%; height: 0px; float: left; border-top: 3px var(--yiq-color-text) solid; margin: 1px 0px;}
.Menu_Btn div {width: 100%; line-height: 10px; position: absolute; left: 0px; bottom: 0px; font-weight: bold; font-size: 9px;}
.Menu_Logo {width: 40px; height: 40px; float: left; margin-left: 25px;}
.Menu_Logo img {width: 100%; height: 100%;}

.Menu_F {width: 100%; height: 0px; overflow: hidden; position: fixed; background-color: #FFF; left: 0px; top: 0px; transition: all .2s ease-in-out; z-index: 999999;}
.Menu_F.open {height: 100%;}
.Menu_F_T {width: 100%; float: left; border-bottom: 4px var(--yiq-color-active) solid; padding: 10px 0px; position: relative;}
.Menu_F_T div {width: auto; height: 40px; line-height: 40px; float: left; margin-left: 20px; font-weight: bold; font-size: 20px;}
.Menu_F_T i {width: 60px; height: 60px; line-height: 60px; position: absolute; right: 0px; top: 0px; font-size: 38px; font-weight: bold; border-left: 1px #ccc solid; cursor: pointer;}
.Menu_F_List {width: 100%; float: left; padding: 20px;}
.Menu_F_List li {width: 100%; height: 50px; line-height: 50px; float: left; border-bottom: 1px #ccc solid; position:relative;}
.Menu_F_List li a {width: 100%; height: 100%; float: left; text-align: left; font-size: 20px;}
.Menu_F_List li i {width: auto; height: 50px; line-height: 50px; position: absolute; right: 0px; top: 0px; font-size: 20px; pointer-events: none;}

/*纯图片*/
.P_Img {width:100%; float: left;}
.P_Img img {width: 100%; height: auto;}

/*纯视频*/
.H_Video {width: 100%; float: left;}
.H_Video video {width: 100%; z-index: 0;}

/*标题*/
.H_Title {width: 100%; float: left;}
.H_Title div {width: auto; height: 34px; line-height: 34px; margin: 0px auto; display: inline-block; background-color: #ff5c36; padding: 0px 25px; color: #FFF; font-family: "Montserrat-Bold"; font-size: 24px; border-radius: 30px;}
.H_Title_Color1 div {background-color: #0098cf;}

/*关于我们*/
.H_About {width: 100%; float: left; margin-top: 20px; padding: 0px 15px; position: relative;}
.H_About::after {content: ""; width: calc(100% - 30px); height: 100px; position: absolute; left: 15px; top: 0px; background-image: url("images/about_gold.svg"); background-size: 100% auto; background-repeat: no-repeat;}
.H_About_List {width: 100%; float: left; margin-top: 10px;}
.H_About_List li {width: 100%; float: left; color: #FFF; padding: 5% 4% 4% 4%; border-radius: 10px; position: relative;}
.H_About_List li::after {content: ""; width: 20px; height: 20px; position: absolute; left: calc(50% - 10px); bottom: -7px; transform: rotate(45deg); z-index: 2;}
.About_Color1,.About_Color1::after {background-color: #00395d;}
.About_Color2,.About_Color2::after {background-color: #005ac7;}
.About_Color3,.About_Color3::after {background-color: #0098cf;}

/*我们的优势*/
.YS {width: 100%; float: left; padding: 0px 40px; margin-top: 50px; position: relative;}
.YS::after {content: ""; width: 60px; height: 60px; background-image: url("images/logo1.svg"); background-size: 100% 100%; position: absolute; left: calc(50% - 30px); top: -30px; z-index: 2;}
.YSDH {width: 100%; float: left;}
.YSDH ul {width: 100%; float: left;}
.YSDH ul li {width: 100%; float: left; border-radius: 10px; color: #FFF;}
.YSDH ul li div {width: 100%; height: auto; float: left; background-color: #005ac7; padding: 3%; padding-top: 40px; border-radius: 20px;}
.YSDH ul li div span {width: 100%; float: left;}
.YSDH ul li div span img {width: auto; height: 100%;}
.YSDH ul li div span:nth-child(1) {font-family: "Montserrat-Bold"; font-size: 25px;}
.YSDH ul li div span:nth-child(2) {height: 100px; margin: 5% 0px;}
.YSDH ul li div span:nth-child(3) {height: 80px; line-height: 20px;}
/*.YSDH ul li img {width: auto; height: 100%;}*/
.YSDH_Page {width: calc(100% - 80px); position: absolute; left: 40px; bottom: -20px; z-index: 50; height: 5px;}

/*Our Story*/
.FontStyle1 {font-family: "Montserrat-Black"; font-size: 24px; color: #2d2d2d; line-height: 25px;}
.FontStyle2 {font-family: "Montserrat-Black"; font-size: 28px; color: #ff5c36; line-height: 30px;}
.FontStyle3 {line-height: 15px; margin: 10px 0px;}
.FontStyle4 {background-color: #ff5c36; color: #FFF; margin-top: 20px; border-radius: 10px; padding: 15px;}
.Story {width: 100%; float: left; position: relative; margin-top: 60px; background-image: url("images/story_b.webp"); background-position: left bottom; background-repeat: no-repeat; padding-bottom: 20px; background-size: 100% auto;}
.Story_Txt {width: 100%; float: left; margin-top: 10px; padding: 0px 20px;}
.Story_Txt div {width: 100%; float: left; margin-top: 10px;}
.StoryDH_K {width: 100%; float: left; margin-top: 30px; padding: 0px 35px; position: relative;}
.StoryDH {width: 100%; float: left;}
.StoryDH ul {width: 100%; float: left;}
.StoryDH ul li {width: 100%; height: 200px; float: left; overflow: hidden; border-radius: 10px; background-color: rgba(255,255,255,0.2); padding: 5px 10px; border: 2px #FFF solid;}
.StoryDH_K .swiper-horizontal>.swiper-pagination-bullets,.StoryDH_K .swiper-pagination-bullets.swiper-pagination-horizontal,.StoryDH_K .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -30px;}
.StoryPage .swiper-pagination-bullet {background-color: #FFF;}
.StoryPage .swiper-pagination-bullet-active {background-color: #ff5c36;}
.Story_B_Txt {width: 100%; float: left; color: #FFF;}
.Story_B_Txt span {width: 100%; float: left; font-family: "Montserrat-Black"; font-size: 28px;}
.Story_B_Txt div {width: 90%; float: left; margin-left: 5%; line-height: 16px; margin-top: 10px;}
.Story_DH {width: 100%; height: 300px; float: left; position: relative; margin-top: 30px;}
.Story_DH img {position: absolute;}
.Story_DH img:nth-child(1) {width: 40px; height: 40px; right: 30px; top: 0px; animation:Fu 1s 0.5s infinite; animation-direction:alternate;}
.Story_DH img:nth-child(2) {width: 35px; height: 35px; left: 30px; top: 50px; animation:Fu 1s 0.7s infinite; animation-direction:alternate;}
.Story_DH img:nth-child(3) {width: 30px; height: 20px; left: 20px; top: 120px; animation:Fu 1s 0.9s infinite; animation-direction:alternate;}
.Story_DH img:nth-child(4) {width: 35px; height: 35px; right: 30px; bottom: 80px; animation:Fu 1s 1.2s infinite; animation-direction:alternate;}
.Story_DH img:nth-child(5) {width: 40px; height: 40px; left: 100px; bottom: 20px; animation:Fu 1s 1.4s infinite; animation-direction:alternate;}

/*小动画*/
@keyframes Fu{
	0%{transform:translate(0px,-10px);}
	100%{transform:translateX(0);}
}

/*Home1*/
.Home1 {width: 100%; float: left; position: relative;}
.Home1 img[yiq='1'] {width: 35px; height: 35px; position: absolute; left: 30px; top: 200px; animation:Fu 1s 0.5s infinite; animation-direction:alternate;}
.Home1 img[yiq='2'] {width: 40px; height: 40px; position: absolute; left: 90px; top: 50px; animation:Fu 1s 0.7s infinite; animation-direction:alternate;}
.Home1 img[yiq='3'] {width: 40px; height: 40px; position: absolute; left: 290px; top: 20px; animation:Fu 1s 0.9s infinite; animation-direction:alternate;}
.Home1 img[yiq='4'] {width: 35px; height: 35px; position: absolute; right: 20px; top: 100px; animation:Fu 1s 0.11s infinite; animation-direction:alternate;}

/*Home2*/
.Home2_1 {width: 100%; float: left; background-image: url("images/home2-1.webp"); background-repeat: no-repeat; background-size: 100% auto; background-position: left bottom; padding-bottom: 120%;}
.Home2_1Box {width: 100%; float: left; position: relative; padding: 0px 30px;}
.Home2_1DH {width: 100%; float: left; margin-top: 30px;}
.Home2_1DH ul {width: 100%; float: left;}
.Home2_1DH ul li {width: 100%; float: left; border-radius: 10px; color: #FFF;}
/*.Home2_1DH ul li img {width: 100%; height: auto;}*/
.Home2_1DH ul li div {width: 100%; height: auto; float: left; background-color: #ffbe31; border-radius: 20px; padding-bottom: 15px;}
.Home2_1DH ul li div span {width: 100%; float: left; background-color: #70a73b; border-radius: 20px; padding: 10% 5%; overflow: hidden;}
.Home2_1DH ul li div span font {width: 100%; float: left; overflow: hidden;}
.Home2_1DH ul li div span font:nth-child(1) {height: 112px; line-height: 28px; font-family: "Montserrat-Black"; font-size: 28px;}
.Home2_1DH ul li div span font:nth-child(2) {height: 150px; line-height: 25px; font-size: 22px; margin-top: 30px;}
.Home2_1DH_Page {width: calc(100% - 80px); position: absolute; left: 40px; bottom: -20px; z-index: 50; height: 5px; background-color: rgba(255,255,255,0.2);}
.Home2_1DH_Page .swiper-scrollbar-drag {background-color: var(--yiq-color-active);}

/*Home3*/
.Home3 {width: 100%; float: left; margin-top: 50px; position: relative; padding: 40px 40px 20px 40px; overflow: hidden; margin-bottom: 30px;}
.Home3::after {content: ""; width: 200%; height: 200px; left: -50%; top: -50px; background-color: #0098cf; transform: rotate(5deg); z-index: 0; display: inline-block; position: absolute;}
.Home3DH {width: 100%; float: left;}
.Home3DH ul {width: 100%; float: left;}
.Home3DH ul li {width: 100%; float: left; border-radius: 10px; color: #FFF;}
.Home3DH ul li div {width: 100%; float: left; background-color: #ffca02; border-radius: 10px; padding: 10px;}
.Home3DH ul li:nth-child(2n) div {background-color: #ff5c36;}
.Home3DH ul li div span {width: 100%; height: 56px; float: left; font-family: "Montserrat-Black"; font-size: 28px; line-height: 28px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 10px 0px;}
.Home3DH ul li div font {width: 100%; height: 200px; line-height: 16px; float: left; background-color: #FFF; border-radius: 10px; color: #333; display: flex; align-items: center; justify-content: center; padding: 0px 20px; font-size: 18px;}
/*.Home3DH ul li img {width: 100%; height: auto;}*/
.Home3DH_Page {width: calc(100% - 80px); position: absolute; left: 40px; bottom: 0px; z-index: 50; height: 5px;}

/*Home4*/
.Home4 {width: 100%; float: left; position: relative;}
.Home4_Txt {width: 100%; height: auto; position: absolute; left: 0px; top: 19%;}
.Home4_Txt span {width: 100%; height: auto; float: left; position: relative;}
.Home4_Txt span img {position: absolute; animation:Fu 1s 1.4s infinite; animation-direction:alternate; z-index: 99;}
.Home4_Txt span img:nth-child(1) {width: 50px; height: 50px; right: 30px; top: -30px;}
.Home4_Txt span img:nth-child(2) {width: 50px; height: 50px; left: 30px; top: 400px;}
.Home4_Txt ul {width: 100%; float: left; overflow: hidden; position: absolute;}
.Home4_Txt ul li {width: 95%; float: left; padding: 10px 20px; margin: 5px 0px; visibility: hidden;}
.Home4_Txt ul li div {width: 100%; height: 80px; line-height: 20px; float: left; color: #FFF; display: flex; align-items: center; justify-content: center;}
.Home4_Txt ul li:nth-child(1) {background-color: #70a73b; text-align: left; border-top-right-radius: 100px; border-bottom-right-radius: 100px; padding-right: 30px;}
.Home4_Txt ul li:nth-child(2) {background-color: #ffce00; text-align: left; border-top-right-radius: 100px; border-bottom-right-radius: 100px; padding-right: 30px;}
.Home4_Txt ul li:nth-child(3) {background-color: #ff661a; text-align: right; border-top-left-radius: 100px; border-bottom-left-radius: 100px; float: right; padding-left: 30px;}
.Home4_Txt ul li:nth-child(4) {background-color: #005ac7; text-align: right; border-top-left-radius: 100px; border-bottom-left-radius: 100px; float: right; padding-left: 30px;}

/*Product*/
.CP {width: 100%; float: left; margin-top: 10px;}
.CP_List {width: 100%; float: left; position: relative; padding: 20px 10px 30px 10px; overflow: hidden; background-color: #00385c;}
.CP_ListDH {width: 100%; float: left;}
.CP_ListDH ul {width: 100%; float: left;}
.CP_ListDH ul li {width: 100%; float: left; border-radius: 10px; color: #FFF;}
.CP_ListDH ul li img {width: 100%; height: auto;}
.CP_ListDH_Page {width: calc(100% - 80px); position: absolute; left: 40px; bottom: 30px; z-index: 50; height: 5px; background-color: rgba(255,255,255,0.2);}
.CP_ListDH_Page .swiper-scrollbar-drag {background-color: #333;}

/*Home7*/
.Home7_Btn {width: 100%;}

/*首页News*/
.H_News {width: 100%; float: left; background-image: url("images/h_news_b.webp"); background-size: 100% auto; padding-bottom: 80px;}
.H_News_List {width: 100%; float: left; position: relative; padding: 20px 10px 30px 10px; overflow: hidden;}
.H_News_ListDH {width: 100%; float: left;}
.H_News_ListDH ul {width: 100%; float: left;}
.H_News_ListDH ul li {width: 100%; float: left; border-radius: 10px; color: #FFF;}
.H_News_ListDH ul li div {width: 100%; float: left;}
.H_News_ListDH ul li div img {width: 100%; height: auto;}
/*.H_News_ListDH ul li img {width: 100%; height: auto;}*/
.H_News_ListDH_Page {width: calc(100% - 80px); position: absolute; left: 40px; bottom: 30px; z-index: 50; height: 5px; background-color: transparent;}
.H_News_ListDH_Page .swiper-pagination-bullet {background-color: #FFF; opacity: 1;}
.H_News_ListDH_Page .swiper-pagination-bullet-active {background-color: #ff5c36;}

/*新闻菜单*/
.News_Menu_C {width: 100%; height: auto; float: left; position: relative;}
.News_Menu {width: 100%; position: absolute; left: 0px; top: 14%; padding: 0px 10px;}
.News_Menu a {width: auto; height: 20px; line-height: 20px; float: left; padding: 0px 10px; background-color: rgba(255,255,255,0.5); margin-right: 10px; border-radius: 20px; text-decoration: none; color: #FFF;}
.News_Menu a.current {background-color: #ffbd2e; color: #FFF;}
.News_Menu_C span {width: 40px; height: auto; position: absolute; right: 30px; top: 60px;}
.News_Menu_C span img {width: 100%; height: auto; animation:Fu 1s 0.5s infinite; animation-direction:alternate;}
.News_Menu_C img[yiq='1'] {width: 60px; height: auto; position: absolute; right: 50px; bottom: 230px; animation:Fu 1s 1.5s infinite; animation-direction:alternate;}
.News_Menu_C img[yiq='2'] {width: 50px; height: auto; position: absolute; left: 50px; bottom: 90px; animation:Fu 1s 1.1s infinite; animation-direction:alternate;}

/*News Flash*/
.NewsTxt {width: 100%; float: left; padding: 50px 40px; position: relative; background-image:linear-gradient(to bottom,#faf6df,#edeedf);}
.NewsTxtDH {width: 100%; float: left; padding: 20px 0px;}
.NewsTxtDH ul {width: 100%; float: left;}
.NewsTxtDH ul li {width: 100%; float: left; border-radius: 10px; color: #FFF; position: relative;}
.NewsTxtDH ul li {width: 100%; float: left; background-color: #ffbd2e; border-radius: 20px; padding-bottom: 10px;}
.NewsTxtDH ul li div {width: 100%; height: 240px; line-height: 20px; float: left; background-color: #003a5d; color: #FFF; border-radius: 20px; padding: 20px;}
.NewsTxtDH ul li span {width: 40px; height: 40px; line-height: 40px; position: absolute; left: 0px; top: -20px; border-radius: 50px; background-color: #ffbd2e; color: #003a5d; font-size: 36px;}
/*.NewsTxtDH ul li img {width: 100%; height: auto;}*/
.NewsTxtDH_Page {width: calc(100% - 80px); position: absolute; left: 40px; bottom: 20px; z-index: 50; height: 5px;}

/*新闻列表*/
.NewsList {width: 100%; float: left; background-image:linear-gradient(to bottom,#e2d7df,#1a0f43); padding: 0px 20px; padding-bottom: 30px;}
.NewsList_K {width: 100%; float: left; background-color: var(--yiq-color-active); border-radius: 10px; border: 3px var(--yiq-color-active) solid; border-radius: 10px; margin-top: 30px; position: relative;}
.NewsList_K_Img {width: 100%; float: left; border-radius: 10px;}
.NewsList_K_Img ul {width: 100%; float: left;}
.NewsList_K_Img ul li {width: 100%; float: left;}
.NewsList_K_Img ul li img {width: 100%; height: auto;}
.NewsList_K_ImgPage .swiper-pagination-bullet {background-color: #FFF; opacity: 1;}
.NewsList_K_ImgPage .swiper-pagination-bullet-active {background-color: #ff5c36;}
.NewsList_K_Txt {width: 100%; float: left; padding: 12px 0px; font-weight: bold; line-height: 16px;}

/*新闻页底部*/
.News3 {width: 100%; float: left; background-image: url("images/news3.webp"); background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; padding: 120px 20px 230px 20px; color: #FFF; position: relative; background-color: #6e3ad8;}
.News3 span {width: 100%; line-height: 18px; float: left;}
.News3 div {width: 100%; float: left; font-family: "Montserrat-Black"; font-size: 20px; line-height: 20px; margin-top: 20px;}
.News3 font {width: 100%; position: absolute; left: 0px; top: 30px;}
.News3 font img {width: 80px; height: 80px; animation:Fu 1s 1.4s infinite; animation-direction:alternate;}



/*底部*/
.Bottom {width: 100%; float: left; background-color: #2e82ff; padding: 50px 0px; margin-top: -1px;}
.Bottom div {width: 100%; float: left;}
.Bottom div img {width: 50%; height: auto;}
.Bottom span {width: 33%; height: 0px; margin: 0px auto; display: inline-block; border-top: 1px #FFF solid; position: relative;}
.Bottom span font {width: auto; height: 30px; line-height: 30px; position: absolute; left: calc((100% - 15px - 39px) / 2); top: -15px; background-color: #2e82ff; color: #FFF; padding: 0px 10px; font-family: "Montserrat-SemiBold";}

/*首页旋转动画*/
.Dong_Box {width: 100%; height: auto; float: left; position: relative; overflow:hidden;}
.Dong {width: 100%; float: left; margin-top: 50px; position: relative; overflow: hidden; padding: 30px 0px;}
.DongDH {width: 100%; float: left;}
.DongDH ul {width: 100%; float: left;}
.DongDH ul li {width: 100%; float: left; border-radius: 10px; background-color: #FFFAF5;}
.DongDH_Title {width: 100%; float: left; font-family: "Montserrat-Bold"; font-weight: bold; text-align: left; padding-left: 10%; color: #000; margin-bottom: 30px; margin-top: 50px;}
.DongDH_Title span {width: 100%; float: left; font-size: 20px;}
.DongDH_Title div {width: 100%; float: left; font-size: 35px; line-height: 45px;}
.DongDH_Text {width: 100%; float: left;}
.DongDH_Text div {width: 100%; height: auto; float: right; padding: 20px; color: #FFF; border-top-left-radius: 100px; border-bottom-left-radius: 100px; background-color: #FF5C36; margin-right: -100%;}
.DongDH_Text div span {width: 50%; height: 105px; line-height: 15px; float: left; display: flex; align-items: center; justify-content: center; font-size: 12px; margin-left: 5%; text-align: left;}
.DongDH ul li:first-child .DongDH_Text div {margin-right: 0px;}
.DongDH_Page {width: calc(100% - 80px); position: absolute; left: 40px; bottom: -20px; z-index: 50; height: 5px;}
.DongDH_Page.swiper-horizontal>.swiper-pagination-bullets, .DongDH_Page.swiper-pagination-bullets.swiper-pagination-horizontal, .DongDH_Page.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 55%;
    left: 45px;
    width: auto;
}
.DongDH_Page .swiper-pagination-bullet {background-color: #999; opacity: 1;}
.DongDH_Page .swiper-pagination-bullet-active {background-color: #ff8d00;}
.boxColor1 div {background-color: #FF5C36;}
.boxColor2 div {background-color: #FF8D00;}
.boxColor3 div {background-color: #70A73B;}
.boxColor4 div {background-color: #005AC7;}
.boxColor5 div {background-color: #804CCE;}
.boxColor6 div {background-color: #0098CF;}
.boxColor7 div {background-color: #00395D;}

.Dong_Ico {width: 500px; height: 250px; position: absolute; z-index: 100; left: 45%; top: 30%}
.Dong_Ico ul {width: 100%; height: 100%; float: left; position: relative;}
.Dong_Ico ul li {width: 100%; height: 250px; position: absolute; left: 0px; top: 0px; transform-origin: right center; transform: rotate(-90deg);}
.Dong_Ico ul li div {width: 50%; height: 100%; float: left;}
.Dong_Ico ul li div img {max-width: 100%; max-height: 100%;}
.Dong_Ico ul li:first-child {transform: rotate(0deg);}

.zhuan {width: 280px; height: 290px; position: absolute; right: -70px; bottom: 25px; background-image: url("images/dong_b.webp"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; z-index: 99; transform: rotate(10deg);}


/*Quick Access*/
.Quick_Top_Box {width: 100%; float: left; position: relative;}
.Quick_Top {width: 100%; float: left;}
.Quick_Top img {width: 100%; height: auto;}
.Quick_Top_Box img[yiq='ant'] {width: 110px; height: auto; position: absolute; left: calc((100% - 110px) / 2); top: 20px; animation:Fu 1s 0.5s infinite; animation-direction:alternate;}
.Quick_Top_Box img[yiq='glod1'] {width: 40px; height: auto; position: absolute; left: 65%; top: 20px; animation:Fu 1s 1.1s infinite; animation-direction:alternate;}
.Quick_Top_Box img[yiq='glod2'] {width: 25px; height: auto; position: absolute; left: 30%; top: 40%; animation:Fu 1s 0.7s infinite; animation-direction:alternate;}
.Quick_Top_Box img[yiq='glod3'] {width: 20px; height: auto; position: absolute; left: 68%; top: 40%; animation:Fu 1s 0.9s infinite; animation-direction:alternate;}
.Quick_Top_Txt {width: 100%; position: absolute; left: 0px; top: 55%;}
.Quick_Top_Txt span {width: auto; height: auto; margin: 0px auto; display: inline-block; background-color: #ff5c36; color: #FFF; border-radius: 100px; padding: 5px 8%; line-height: 18px; font-size: 14px;}
.Quick_Top_Txt span font {width: auto; height: 20px; font-family: "Montserrat-SemiBold"; font-size: 24px; position: relative;}
.Quick_Top_Txt span font::before {width: 100%; height: 0px; content: ""; position: absolute; left: 0px; bottom: 3px; border-bottom: 1px #FFF solid;}

.Quick_Logo {width: 100%; float: left; margin-top: 8%;}
.Quick_Logo div {width: 100%; float: left;}
.Quick_Logo div img {width: 160px; height: auto;}
.Quick_Logo span {width: 100%; float: left; margin-top: 5%;}
.Quick_Logo span font {width: auto; height: auto; margin: 0px auto; display: inline-block; background-color: #ff5c36; color: #FFF; border-radius: 100px; padding: 5px 8%; line-height: 18px; font-size: 14px; font-family: "Montserrat-SemiBold"; font-size: 24px;}

.Quick_Green {width: 90%; float: left; margin: 5%; background-color: #70a73b; overflow: hidden; background-image: url("images/quick_access/green.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px auto; border-radius: 10px; padding: 20px; z-index: -2;}
.Quick_Green_T {width: 100%; float: left; position: relative; font-family: "Montserrat-SemiBold"; font-size: 28px; color: #FFF; margin-top: 30px;}
.Quick_Green_T::after {content: ""; width: 70%; height: 10px; background-color: #ffc32d; position: absolute; left: 15%; bottom: 0px; z-index: 0;}
.Quick_Green_T font {width: 100%; z-index: 1; position: absolute; left: 0px; bottom: 3px;}
.Quick_Green_B {width: 100%; float: left;}
.Quick_Green_B img {width: 100%; height: auto;}
.Quick_Green_Qrcode {width: 90%; margin: 0px auto; display: inline-block; margin-top: 40px;}
.Quick_Green_Qrcode div {width: 46%; height: auto; float: left; background-color: #ffedb3; padding: 3px; margin: 0px 2%;}
.Quick_Green_Qrcode div span {width: 100%; float: left;}
.Quick_Green_Qrcode div span img {width: 100%; height: auto;}
.Quick_Green_Qrcode div font {width: 100%; float: left; background-color: #FFF; margin-top: 3px;}
.Quick_Green_Qrcode div font img {width: 30px; height: 30px; float: left;}
.Quick_Green_Qrcode div font label {width: calc(100% - 40px); line-height: 30px; float: left; font-family: "Montserrat-SemiBold"; font-size: 12px;}