body { }
#bg_img { width: 100%; height: 10rem; }
#bg_img01 { height: 100%; width: 100%; background: #b751f6; }
#bg { }
#First { width: 100%; height: 6rem; background-color: #000; padding-top: 0.4rem; text-align: center; }
#FirstLeft { float: left; height: 100%; width: 32%; background: #f5515a; margin-right: 0.4rem; padding-top: 0.6rem; text-align: center; }
#FirstRight { float: left; height: 100%; width: 66%; background: #34c0f5; }
#Second { height: 100%; height: 6rem; background-color: #000; padding-top: 0.4rem; text-align: center; }
#SecondLeft { float: left; height: 100%; width: 66%; background: #b751f6; margin-right: 0.4rem; }
#SecondRight { float: left; height: 100%; width: 32%; background: #ffa33d; padding-top: 0.6rem; text-align: center; }
#Third { height: 100%; height: 6rem; background-color: #000; padding-top: 0.4rem; text-align: center; }
#ThirdLeft { float: left; height: 100%; width: 32%; background: #d5ac95; margin-right: 0.4rem; padding-top: 0.6rem; text-align: center; }
#ThirdMiddle { float: left; height: 100%; width: 32%; background: #1cc35a; margin-right: 0.4rem; padding-top: 0.6rem; text-align: center; }
#ThirdRight { float: left; height: 100%; width: 32%; background: #503ed6; padding-top: 0.6rem; text-align: center; }
#bg img { width: auto; height: auto; max-height: 100%; max-width: 100%; }
#bg_img01 ul li { width: 100%; list-style: none; text-align: center; }
#bg_img01 ul li:not(:first-child) { display: none; }
.xiaoyuandian { list-style: none; position: absolute; top: 25.3rem; right: 9.5rem; width: 4rem; height: 1rem; }
.xiaoyuandian li { width: 8px; height: 8px; background: #ffffff; float: left; margin-right: 10px; border-radius: 10px; }
.xiaoyuandian li.cur { background: blue; }
/*   2019.07.25 新修改样式  */
.Main_content { width: 100%; height: auto; /*background: #f1f2f5; */font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif; }
.First_module_title { color: #595961; /*background: #f1f2f5; */font-size: 1.625rem; text-align: center; padding-top: 1.5rem; padding-bottom: 0.5rem; }
.Font_title { font-size: 1rem; color: #9797a1; padding-top: 0.5rem; }
.First_module_content { width: 96%; height: auto; /*background:#34c0f5;*/ margin: 0 auto; }
.First_module_contentLeft { width: 47%; height: auto; background: #fff; float: left; margin-right: 1.25rem; align-items: center; display: -webkit-flex; }
.First_module_contentRight { width: 47%; height: auto; background: #fff; float: right; align-items: center; display: -webkit-flex; }
.First_module_contentLeft_01 { float: left; width: 35%; height: auto; background: #00cda9; }
.First_module_contentRight_01 { float: left; width: 35%; height: auto; background: #00cda9; }
.First_module_contentLeft_02 { float: left; width: 35%; height: auto; background: #00cda9; }

.First_module_contentRight_02 { float: left; width: 35%; height: auto; background: #00cda9; }
.First_module_contentFont { float: left; width: 65%; line-height: 3.125rem; font-size: 1rem; color: #595961; display: inline-block; text-align: center; margin: auto 0; }
.line_p { width: 100%; height: 1rem; /*background:#f5515a;*/ clear: both; }
.Multi_language { width: 100%; height: 5rem; /*background: #fb9922;*/ background: #3cadfd; display: table; }
.Multi_languageLeft { width: 65%; height: 5rem; float: left; align-items: center; display: -webkit-flex; justify-content: center; }
.Multi_languageRight { width: 35%; float: left; height: 5rem; align-items: center; display: -webkit-flex; justify-content: center; }
.Multi_language_p { font-size: 1.5rem; color: #fff; margin-inline-start: 1rem; }
.Multi_languageLeft span { font-size: 1rem; }
.Multi_languageRight img { width: 3.75rem; height: 3.75rem; text-align: center; }
.Multi_language_img { width: 100%; height: auto; background: #f9f9f9; align-items: center; display: -webkit-flex; justify-content: center; }
.Multi_language_img img { padding: 0 0.5rem; }
.Switch_bth { width: 100%; }
.Switch_bth img { width: 2.75rem; height: 2.75rem; text-align: center; margin-top: 0.25rem; }
.Switch_bth_01 { float: left; width: 100%; height: 5rem; }
.Switch_bth_02 { float: left; width: 100%; height: 5rem; }
.Switch_bth_03 { float: left; width: 100%; height: 5rem; }
.Switch_bth_04 { float: left; width: 100%; height: 5rem; }
.Switch_bth_top { align-items: center; display: -webkit-flex; justify-content: center; }
.Switch_bth_bottom { align-items: center; display: -webkit-flex; justify-content: center; font-size: 0.875rem; color: #fff; padding-top: 0.375rem; }
.Switch_bth_ul li { float: left; list-style: none; width: 25%; background: #222; }
.Switch_bth ul { list-style: none; font-size: 0px; }
.Switch_bth ul li { list-style: none; text-decoration: none; float: left; font-size: 0.75rem; display: inline; }
.Switch_bth_ul li.Switch_bth_li { background: #5ec128; }
.Switch_bth_sw { width: 100%; height: auto; }
.Switch_bth_sw div { display: none; }
.Switch_bth_sw div:first-child { display: block; }
.Switch_bth_ul li.change { background: #5ec128; }
.Second_module { background: #f1f2f5; }
.E_commerceSystem { width: 100%; height: auto; background: #fff }
.E_commerceSystem_img { width: 100%; height: auto; }
.E_commerceSystem_p { font-size: 1rem; color: #fff; text-align: center; }
.E_commerceSystem_icom { width: 100%; height: auto; margin: 0 auto; }
.E_commerceSystem_icom01 { width: 33%; height: auto; float: left; }
.E_commerceSystem_icom02 { width: 33%; height: auto; float: left; }
.E_commerceSystem_icom03 { width: 34%; height: auto; float: left }
.E_commerceSystem_icomTop { width: 100%; height: auto; text-align: center; }
.E_commerceSystem_icomTop img { width: 45%; height: 45%; }
.E_commerceSystem_icomBottom { width: 100%; height: auto; text-align: center; font-size: 0.75rem; color: #222; }
.E_commercemain_img { width: 100%; height: auto; margin: 0 auto; background: #f1f2f5; }
/*.E_commercemain_img {width:100%;height:80%;}*/
.E_commerceSystem_word { width: 100%; height: 3.75rem; background: #222; align-items: center; display: -webkit-flex; }
.E_commerceSystem_word p { color: #fff !important; padding-left: 0.5rem; font-size: 0.8125rem; line-height: 1.25rem; }
/* 管理软件*/
#divFra_01 { width: 1150px; height: auto; }
#divFra_02 { width: 1150px; height: auto; }
#divFra_011 { float: left; width: 260px; height: auto; margin-right: 35px; }
#divFra_012 { float: left; width: 260px; height: auto; margin-right: 35px; }
#divFra_013 { float: left; width: 260px; height: auto; margin-right: 35px; }
#divFra_014 { float: left; width: 260px; height: auto; }
#divFra_021 { float: left; width: 260px; height: auto; margin-right: 35px; }
#divFra_022 { float: left; width: 260px; height: auto; margin-right: 35px; }
#divFra_023 { float: left; width: 260px; height: auto; margin-right: 35px; }
#divFra_024 { float: left; width: 260px; height: auto; }
.DivFraBottomBg { width: 91px; height: 91px; background: #3cadfd; border-radius: 50%; margin: 1rem auto 0.5rem; }
.DivFraBottomBg img { width: 100%; height: 100%; }
.DivFraBottomBgSecond { width: 91px; height: 91px; background: #3cadfd; border-radius: 50%; margin: 1rem auto 0.5rem; }
.DivFraBottomBgSecond img { width: 100%; height: 100%; }
.DivFraBottomSubTitle { color: #666666; padding: 5px 15px; line-height: 25px; font-size: 16px; margin: 0 auto 1rem; width: 80%; text-align: center; }
#word_p { height: 50px; line-height: 50px; vertical-align: middle; font-size: 16px; line-height: 25px; }
/* index_m 页面 */
#divFra_01, #divFra_02 { width: 100%; }
#word_p { width: 80%; margin: 0 auto 1rem; height: auto !important; text-align: center; }
#divFra_011, #divFra_012, #divFra_013, #divFra_014, #divFra_021, #divFra_022, #divFra_023, #divFra_024 { width: 100%; margin: 0rem auto; border-radius: 5px; }
#divFrafont{width:100%;display:grid;}
#divFrafont img{margin:0 auto;}
#divFra_011, #divFra_013, #divFra_021, #divFra_023 { background: #f1f2f570; }

/*三列*/
.ModuleSixthrid { width: 100%; height: auto; position: relative; /*background: #f1c8fa;*/ margin: 0.5rem auto; display: table; }
.ModuleSixthridLeft { float: left; width: 31.6%; height: 396px; background: #f4f5f8; margin-right: 3rem; padding-bottom: 0.5rem; border-radius: 3px; border-bottom: 0.3rem solid #00cda9; }
.ModuleSixthridMiddle { float: left; width: 31.6%; height: 396px; background: #f4f5f8; margin-right: 3rem; padding-bottom: 0.5rem; border-radius: 3px; border-bottom: 0.3rem solid #00cda9; }
.ModuleSixthridRight { float: left; width: 31.5%; height: 396px; background: #f4f5f8; padding-bottom: 0.5rem; border-radius: 3px; border-bottom: 0.3rem solid #00cda9; }
.ModuleSixthrid .ModuleSixTitle { position: relative; width: 100%; height: 5rem; background: #e3e5e8; margin-bottom: 1rem; border-radius: 3px 3px 0 0; }
.ModuleSixthrid .ModuleSixImg { float: left; width: 25%; height: 5rem; background: #00cda9; text-align: center; border-radius: 3px 0 0 0; }
.ModuleSixthrid .ModuleSixImg img { width: 80px; height: 80px; }
.ModuleSixthrid .ModuleSixText { float: left; width: 75%; height: 5rem; font-size: 1.25rem; text-align: left; line-height: 5rem; padding-left: 3rem; }
.ModuleSixthrid .ModuleSixJumpLinks { position: relative; width: 100%; height: auto; /*background: #58c1f1;*/ /*display: table; */ margin: 0.5rem auto; }
.ModuleSixthrid .JumpLinksLeft { width: 97%; background: #fff; margin-right: 2rem; text-align: left; border-radius: 3px; left: 0.55rem; position: relative; }
.ModuleSixthrid .JumpLinksRight { width: 97%; background: #fff; margin-right: 2rem; text-align: left; border-radius: 3px; left: 0.55rem; position: relative; }
.ModuleSixthrid .ModuleSixJumpLinks p { margin: 1.5rem 0.5rem 1.5rem 1rem; /*font-family:Arial;*/ font-size: 16px; line-height: 1.5rem; }

.ModuleSixthrid { display: inline-grid !important; }
.ModuleSixthridLeft, .ModuleSixthridMiddle, .ModuleSixthridRight { width: 96% !important; margin: 1rem auto !important; height: auto !important; }
.ModuleSixthrid .JumpLinksLeft { width: 95%!important; left: 0.1rem !important; margin: 0.5rem 0.5rem !important; }
.ModuleSixthrid .JumpLinksRight { width: 95%!important; left: 0.1rem !important; margin: 0.5rem 0.5rem !important; }
.ModuleSixthrid .ModuleSixJumpLinks p { font-size: 1rem!important; line-height: 2.25rem!important; margin: 1rem 0.5rem !important; }
.line_p { clear: both; width: 100%; height: 20px; /*background:#000000;*/ }

#Section2 { position: relative; padding-top: 25px; z-index: 9; /*background:url(../images/home/bg.gif) repeat;*/ min-width: 100%; padding-bottom: 1rem; background-color: #f7f7f7; }
div.container { background: none; }
div.concent { background: none; text-align: center; }
.concent { width: 100%; margin: 0px auto; overflow: hidden; }
#Section2 .a-item, #Section2 .div-item { display: block; width: 100%; position: relative; top: 0; background: #fff; padding: 10px; overflow: hidden; z-index: 9; margin-bottom: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-decoration: none; border-right: solid 1px #dededf; border-bottom: solid 1px #dbdcde; }
#Section2 .a-item img { z-index: 8; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; height: auto; opacity: 1; /*Chrome、Safari、Firefox、Opera */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */ }
#Section2 .div-text { color: white; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.5); padding-top: 25%; text-align: center; -webkit-transition: all ease .25s; transition: all ease .25s; opacity: 0; /*Chrome、Safari、Firefox、Opera */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE6/IE7/8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*  IE8 */ }
#Section2 .div-text .detail { position: relative; top: -29px; filter: alpha(opacity=0); -webkit-transition: all ease .25s; transition: all ease .25s; width: 100%; opacity: 0; /*Chrome、Safari、Firefox、Opera */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE6/IE7/8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*  IE8 */ }
#Section2 .col-md-4:hover .div-text { filter: alpha(opacity=100); opacity: 1; /*Chrome、Safari、Firefox、Opera */ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6/IE7/8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*  IE8 */ }
#Section2 h5 { height: 39px; font-size: 17px; color: black; line-height: 39px; }
#Section2 p { color: #666; height: auto; font-size: 15px; }
#Section2 .a-item:hover, #Section2 .a-item:focus { -webkit-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4); -ms-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4); -o-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4); box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4); text-decoration: none; top: -15px; }
#fh5co-work .a-item:hover img, #fh5co-work .a-item:focus img { opacity: .7; }
.col-sm-6 { width: 100%; padding:unset;}