.comBanner          {position: relative;width: 100%;height: 395px;}
.comBanner img      {display: block;width: 100%;height: 100%;object-fit: cover;}
.comBanner .txt     {color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.comBanner .txt .bt {font-size: 48px;line-height: 1.2;}
.comBanner .txt .st {font-size: 16px;width: 70%;margin: 30px auto 0;}

.proNav             {width: 100%;background: #fff;}
.proNav li          {height: 230px;padding: 30px;}
.proNav li.on       {background: url("../image/proNavbg.png") no-repeat center bottom;}
.proNav li .txt     {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.proNav li .icon    {display: block;width: 60px;height: 60px;margin: 0 auto 20px;background: url("../image/picon1.png") no-repeat center;background-size: cover;}
.proNav li.on .icon {background: url("../image/picon2.png") no-repeat center;background-size: cover;}
.proNav li p        {font-size: 24px;color: #000;text-align: center;}
.proNav li.on p     {color: #fff;}
.proNavbox          {padding: 0 40px;position: relative;}
.proNavbox .swiper-button-next,
.proNavbox .swiper-button-prev {display: none;}
.proList                    {width: 100%;background: url("../image/proBg.png") no-repeat center;background-size: cover;padding: 100px 0;text-align: center;}
.proList li                 {width: calc((100% - 50px) / 3);float: left;background: rgba(255,255,255,.3);text-align: center;margin-right: 25px;margin-bottom: 25px;padding: 30px;border-radius: 3px;}
.proList li:nth-child(3n)   {margin-right: 0;}
.proList li .img            {width: 100%;height: 100px;overflow: hidden;}
.proList li img             {max-width: 150px;max-height: 100px;margin: 0 auto;display: block;}
.proList li .tit            {line-height: 30px;font-size: 16px;color: #fff;}
.proList li:hover .tit      {color: #c20000;}
.proList .more              {display: inline-block;padding: 10px 40px;border: 1px solid #fff;border-radius: 2px;color: #fff;margin-top: 30px;}
.proList .more:hover        {color: #c20000;border: 1px solid #c20000;}
.moreList li:nth-child(n+10) {display: none;}
.moreList.on li:nth-child(n+10) {display: block;}
.proFa                      {width: 100%;background: url("../image/profaBg.png") no-repeat center;background-size: cover;padding: 40px 0;text-align: center;}
.proFa .comt .bt,
.proFa .comt .st            {color: #fff;}
.proFa .more                {display: inline-block;padding: 10px 40px;border: 1px solid #fff;border-radius: 2px;color: #fff;}
.proFa .more:hover          {color: #c20000;border: 1px solid #c20000;}
.proFa ul                   {margin: 60px auto 30px;}
.proFa li                   {transition: all .3s;width: calc((100% - 40px) / 3);margin-right: 20px;float: left;line-height: 40px;height: 80px;background: rgba(255,255,255,0.8) url("../image/pj1.png") no-repeat calc(100% - 20px) center;margin-bottom: 20px;}
.proFa li:nth-child(3n)     {margin-right: 0;}
.proFa li:hover             {background: rgba(194,0,0,1) url("../image/pj2.png") no-repeat calc(100% - 20px) center;}
.proFa li a                 {padding: 20px;text-align: left;color: #12181b;font-size: 20px;}
.proFa li:hover a           {color: #fff;}
.pro_Bt                             {color: #000;font-size: 36px;margin-bottom: 20px;}
.pro_service                        {background: #292935;}
.pro_service .comt .bt,
.pro_service .comt .st              {color: #fff;}
.pro_banner                         {height: 570px;}
.pro_banner .swiper-pagination-bullet {background: 0 none!important;border: 1px solid #bbb;opacity: 1;}
.pro_banner .swiper-pagination-bullet-active  {background: #c20000!important;border: 1px solid #c20000;}
.pro_banner img                     {width: 100%;height: 100%;display: block;object-fit: cover;}
.pro_case                           {padding: 100px 0;background: url("../image/prohyBg.png") no-repeat;background-size: cover;text-align: center;}
.pro_case .pro_Bt                   {text-align: left;}
.pro_case li                        {font-size: 20px;width: calc((100% - 120px) / 5);float: left;margin-right: 30px;text-align: center;background: #fff;border-radius: 4px;padding: 80px 0;transition: 0.5s;}
.pro_case li:nth-child(5)           {margin-right: 0;}
.pro_case li:hover                  {box-shadow: 0 0 10px #ccc}
.pro_case li .icon                  {display: block;width: 55px;height: 55px;margin: 0 auto 10px;}
.pro_case li p                      {color: #000;}
.pro_case li:nth-child(6)           {display: none;}
.pro_case li:nth-child(1) .icon     {background: url("../image/fa1_1.png") no-repeat center;}
.pro_case li:nth-child(2) .icon     {background: url("../image/fa2_1.png") no-repeat center;}
.pro_case li:nth-child(3) .icon     {background: url("../image/fa3_1.png") no-repeat center;}
.pro_case li:nth-child(4) .icon     {background: url("../image/fa4_1.png") no-repeat center;}
.pro_case li:nth-child(5) .icon     {background: url("../image/fa5_1.png") no-repeat center;}
.pro_case li:nth-child(6) .icon     {background: url("../image/fa6_1.png") no-repeat center;}
.pro_case .more                     {display: inline-block;padding: 10px 40px;border: 1px solid #656565;border-radius: 2px;color: #656565;margin-top: 40px;}
.pro_case .more:hover               {color: #c20000;border: 1px solid #c20000;}
.pro_jishu                          {margin: 80px 0;}
.pro_jishu ul                       {width: 50%;}
.pro_jishu ul li                    {height: 50px;line-height: 50px;}
.pro_jishu ul li p                  {float: left;padding: 0 15px;}
.pro_jishu ul li .cs_name           {width: 35%;}
.pro_jishu ul li .cs_info           {width: 65%;}
.pro_jishu ul li:nth-child(odd)     {background: #f6f6f6;}
.pro_xg                             {padding: 80px 0;}
.pro_xg li                          {width: calc((100% - 60px) / 3);margin-right: 30px;float: left;}
.pro_xg li:last-child               {margin-right: 0;}
.pro_xg li .img                     {height: 310px;width: 100%;overflow: hidden;}
.pro_xg li .img img                 {width: 100%;height: 100%;display: block;object-fit: cover;}
.pro_xg li .txt                     {background: #f6f6f6;padding: 50px 30px;transition: all .5s;}
.pro_xg li .txt .tit                {font-size: 24px;color: #000;}
.pro_xg li .txt .brief              {font-size: 16px;color: #787878;margin-top: 10px;}
.pro_xg li:hover .txt               {background: #c20000;}
.pro_xg li:hover .txt .tit,
.pro_xg li:hover .txt .brief        {color: #fff;}
.pro_info                           {background: #0055b4;padding: 30px 0;color: #fff;}
.pro_info_flex                      {display: flex;align-items: center;justify-content: center;}
.pro_info_flex .name                {flex: 6;font-size: 36px;}
.pro_info_flex .txt                 {flex: 8;font-size: 16px;padding-left: 50px;border-left: 1px solid rgba(255,255,255,.3);line-height: 30px;}
.pro_ld                             {margin: 80px 0;}
.pro_ld .pro_info_flex              {align-items: initial;justify-content: initial;padding-bottom: 80px;border-bottom: 1px solid #dadada;}

.fanganList                                 {width: 100%;background: #0055b4;padding: 25px 0;}
.fanganInfo                                 {width: 70%;margin: 0 auto;}
.fanganList a                               {color: #fff;display: block;font-size: 20px;text-align: center;position: relative;padding-bottom: 10px;}
.fanganList a .icon                         {display: block;width: 55px;height: 55px;margin: 0 auto 10px;}
.fanganList .swiper-slide:nth-child(1) .icon{background: url("../image/fa1.png") no-repeat center;}
.fanganList .swiper-slide:nth-child(2) .icon{background: url("../image/fa2.png") no-repeat center;}
.fanganList .swiper-slide:nth-child(3) .icon{background: url("../image/fa3.png") no-repeat center;}
.fanganList .swiper-slide:nth-child(4) .icon{background: url("../image/fa4.png") no-repeat center;}
.fanganList .swiper-slide:nth-child(5) .icon{background: url("../image/fa5.png") no-repeat center;}
.fanganList .swiper-slide:nth-child(6) .icon{background: url("../image/fa6.png") no-repeat center;}
.fanganList .swiper-button-white 	        {display: none!important;}
.fanganList a:hover            		        {text-shadow: 0 0 5px #fff;}
.fanganList .swiper-slide.on a::before      {content: '';width: 60%;height: 2px;background: #fff;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.case_info                                  {background: #fff;padding: 30px 0;margin: 50px 0;}
.case_info_flex                             {display: flex;align-items: center;justify-content: center;}
.case_info_flex .name                       {flex: 6;font-size: 36px;color: #323232;padding-right: 30px;line-height: 1.2;border-right: 1px solid #bfbfbf;margin-right: -1px;}
.case_info_flex .txt                        {flex: 8;font-size: 16px;padding-left: 30px;border-left: 1px solid #bfbfbf;line-height: 30px;color: #787878;}
.caseList li                                {width: calc((100% - 60px) / 3);float: left;margin-right: 30px;margin-bottom: 30px;}
.caseList li:nth-child(3n)                  {margin-right: 0;}
.caseList li .img                           {width: 100%;height: 305px;}
.caseList li .img img                       {width: 100%;height: 100%;object-fit: cover;}
.caseList li .txt                           {padding: 40px 30px;background: #f6f6f6;transition: all .5s;}
.caseList li .txt .tit                      {font-size: 30px;margin: 10px 0;}
.caseList li .txt .brief                    {font-size: 16px;color: #787878;}
.moreBox                                    {text-align: center;margin: 50px 0;}
.moreBox .more                              {display: inline-block;padding: 10px 40px;border: 1px solid #d1d1d1;border-radius: 2px;color: #676767;}
.moreBox .more:hover                        {color: #c20000;border: 1px solid #c20000;}
.caseList li:hover .txt                     {background: #c20000;}
.caseList li:hover .txt .tit,
.caseList li:hover .txt .brief              {color: #fff;}

.news-nav                                   {background: #fff;width: 100%;height: 80px;line-height: 80px;text-align: center;}
.news-nav a                                 {display: inline-block;vertical-align: top;color: #505050;margin: 0 20px;position: relative;font-size: 20px;}
.news-nav a.on,
.news-nav a:hover                           {color: #c20000;}
.news-nav a::before                         {content: '';width: 100%;height: 2px;background: #c20000;position: absolute;left: 0;bottom: 0;display: none;}
.news-nav a.on::before                      {display: block;}
.news-container                             {width: 100%;background: url("../image/newsListbg.png") no-repeat center;background-size: cover;padding: 75px 0;}
.newsList                                   {background: #fff;padding: 10px 30px 30px;border-radius: 2px;}
.newsList li                                {line-height: 60px;border-bottom: 1px solid #d6d6d6;}
.newsList li a:hover,
.news-top .txt .tit a:hover                 {color: #c20000;}
.newsList li .time                          {color: #848484;padding: 0 10px;background: #fff;}
.news-top                                   {padding-bottom: 60px;border-bottom: 1px solid rgba(255,255,255,.3);}
.news-top .img                              {width: 60%;height: 460px;overflow: hidden;position: relative;}
.news-top .img img                          {display: block;width: 100%;height: 100%;object-fit: cover;}
.news-top .txt                              {background: rgba(255,255,255,.25);position: relative;color: #fff;width: 40%;height: 460px;padding: 40px;}
.news-top .txtBox                           {width: 100%;position: relative;top: 50%;transform: translateY(-50%);}
.news-top .txt .brief                       {overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;font-size: 16px;line-height: 1.8;}
.news-top .txt .time                        {font-size: 16px;}
.news-top .txt .tit                         {font-size: 30px;line-height: 1.2;margin: 15px 0;}
.news-top .txt .tit a                       {color: #fff;}
.news-top .txt .more                        {display: inline-block;padding: 5px 25px;border: 1px solid #fff;color: #fff;margin-top: 20px;border-radius: 2px;}
.news-top .txt .more:hover                  {color: #c20000;border: 1px solid #c20000;}
.newsSwiper                                 {position: relative;margin: 60px 0 40px;}
.newsSwiper .swiper-button-white            {outline: none;}
.newsSwiper li .img                         {width: 100%;height: 300px;overflow: hidden;}
.newsSwiper li .img img                     {display: block;width: 100%;height: 100%;object-fit: cover;}
.newsSwiper li .txt                         {background: #fff;padding: 40px;}
.newsSwiper li .time                        {color: #939393;font-size: 16px;margin-bottom: 15px;}
.newsSwiper li .tit                         {font-size: 30px;color: #323232;line-height: 35px;height: 70px;}
.newsSwiper li:hover .tit                   {color: #c20000;}
.newsSwiper .swiper-button-prev             {left: -60px;}
.newsSwiper .swiper-button-next             {right: -60px;}
.articleBanner                              {height: 295px;}
.articleBanner .st                          {width: 100%;}
.article                                    {line-height: 30px;font-size: 16px;margin: 40px auto;}
.article p                                  {margin: 30px 0;}
.article img                                {display: block;margin: 0 auto;max-width: 100%;}
.article video                              {display: block;margin: 0 auto;max-width: 100%;}
.article table                              {width: 100%;}
.article table td                           {line-height: 2;text-align: center;padding: 0 10px;}
.enjoyArticle                               {text-align: center;margin: 40px auto;}
.enjoyArticle span,
.enjoyArticle .shareBtn                     {display: inline-block;height: 50px;font-size: 24px;vertical-align: top;line-height: 50px;}
.enjoyArticle .shareBtn                     {width: 50px;height: 50px;border-radius: 50%;padding: 0!important;margin: 0 10px;}
.enjoyArticle a.bshare-sinaminiblog         {background: url("../image/weibo.png") no-repeat center;background-size: cover;}
.enjoyArticle a.bshare-weixin               {background: url("../image/weixin.png") no-repeat center;background-size: cover;}
#bsWXBox                                    {box-sizing: initial!important;}
.infoPrevNext                               {border-top: 1px solid #d6d6d6;padding: 50px 150px 50px 0;font-size: 16px;line-height: 30px;position: relative;margin-bottom: 40px;}
.infoPrevNext p a:hover                     {color: #c20000;text-decoration: underline;}
.infoPrevNext .back                         {position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding: 5px 30px;border: 1px solid #bfbfbf;color: #676767;}
.infoPrevNext .back:hover                   {color: #c20000;border: 1px solid #c20000;}

.message                                    {width: 100%;background: url("../image/message.png") no-repeat;background-size: cover;padding: 150px 0;}
.message.on                                 {padding: 300px 0;}
.msgBt                                      {font-size: 36px;color: #fff;margin-bottom: 10px;}
.msgInput                                   {display: flex;}
.message .input                             {padding-right: 15px;}
.message .input:last-child                  {padding-right: 0;}
.inputxm                                    {flex: 2;}
.inputsj                                    {flex: 2;}
.inputly                                    {flex: 4;}
.inputtj                                    {flex: 1;}
.message .input input,
.message .input textarea                    {width: 100%;padding: 0 8px;height: 50px;outline: none;border: 1px solid #fff;border-radius: 3px;transition: all .5s;line-height: 50px;overflow-y: hidden;resize: none;}
.message .input input:focus,
.message .input textarea:focus              {border: 1px solid #c20000;}
.message .inputtj input                     {border: 1px solid #fff;color: #fff;background: 0 none;}
.message .inputtj input:hover               {color: #c20000;border: 1px solid #c20000;cursor: pointer;}
.message .input textarea.srgd               {height: 150px;line-height: 2;padding: 8px;overflow-y: scroll;}
.contactInfo                                {display: flex;align-items: center;justify-content: center;margin: 100px auto;}
.contactTxt,.contactMap                     {flex: 1;}
.contactTxt .gsbt                           {color: #000;font-size: 36px;font-weight: bold;line-height: 1.2;padding: 30px 0;border-bottom: 1px solid #dcdcdc;display: inline-block;margin-bottom: 30px;}
.contactTxt .info                           {line-height: 40px;padding-left: 30px;color: #323232;font-size: 16px;}
.contactTxt .dz                             {background: url("../image/dz.png") no-repeat left center;}
.contactTxt .sj                             {background: url("../image/sj.png") no-repeat left center;}
.contactTxt .dh                             {background: url("../image/dh.png") no-repeat left center;}
.contactTxt .yx                             {background: url("../image/yx.png") no-repeat left center;}
.contactMap .map                            {width: 100%;height: 20vw;}

.aboutcomt                                  {margin-bottom: 50px;}
.aboutBanner .txt .st                       {width: 60%;}
.aboutNav                                   {line-height: 80px;height: 80px;text-align: center;border-bottom: 1px solid #b8b8b8;margin-bottom: 40px;}
.aboutNav a                                 {display: inline-block;vertical-align: top;margin: 0 40px;font-size: 20px;position: relative;}
.aboutNav a::before                         {content: '';width: 100%;height: 2px;background: #c20000;position: absolute;left: 0;bottom: 0;display: none;}
.aboutNav a.on                              {color: #c20000;}
.aboutNav a.on::before                      {display: block;}
.aboutNav a:hover                           {color: #c20000;}
.about_gc .case_info_flex .txt,
.about_gc .case_info_flex .name             {border: 0 none;}
.about-video                                {background: url("../image/videoBg.png") no-repeat center;background-size: cover;height: 350px;position: relative;}
.about-video .play                          {width: 70px;height: 70px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url("../image/play.png") no-repeat center;background-size: cover;cursor: pointer;}
.mask-video                                 {display: none;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.6);width: 100%;height: 100%;z-index: 999;}
.mask-video .video,
.mask-video .video video                    {width: 100%;height: 100%;display: block;}
.mask-video  .close                         {width: 30px;height: 30px;display: block;background: url("../image/close.png") no-repeat 0 0;position: absolute;right: 40px;top: 40px;cursor: pointer;}
.mask-video  .close:hover                   {background: url("../image/close.png") no-repeat -31px 0;}
.about-fw .bt                               {color: #fff;}
.about-fw                                   {background: #292935;padding: 50px 0 100px;}
.about-fw li                                {width: calc((100% - 60px) / 3);margin-right: 30px;}
.about-fw li:last-child                     {margin-right: 0;}
.about-fw li .img                           {position: relative;overflow: hidden;}
.about-fw li img                            {display: block;width: 100%;height: 100%;object-fit: cover;}
.about-fw li .tit                           {line-height: 40px;height: 40px;color: #fff;text-align: center;font-size: 24px;margin-top: 15px;}
.about-fw li .txt2                          {display: none;}
.about-fw li .img .mask                     {background: rgba(0,85,180,0.85);position: absolute;left: 0;width: 100%;height: 100%;top: -40px;opacity: 0;transition: 0.5s;padding: 20px;color: #fff;}
.about-fw li .img .mask.on                  {top: 0;opacity: 1;}
.about-fw li .img .mask .txt                {line-height: 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 20px;}
.about-wh                                   {padding: 40px 0;}
.about-whBox                                {position: relative;width: 100%;height: 800px;overflow: hidden;margin-top: 30px;}
.about-whBox li                             {width: calc(100% / 4);border-right: 1px solid #bbb;text-align: center;height: 800px;transition: all 3s;}
.about-whBox li:last-child                  {border-right: 0 none;}
.about-whBox li .whimg                      {position: absolute;left: 0;top: 0;z-index: -1;height: 100%;opacity: 0;transition: all 2s;width: 100%;}
.about-whBox li.active .whimg               {opacity: 1;}
.about-whBox li .whimg img                  {display: block;width: 100%;height: 100%;object-fit: cover;}
.about-whBox li .txt                        {width: 100%;height: 100%;position: relative;}
.about-whBox li .txtInfo                    {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;}
.about-whBox li .txtInfo .name              {font-size: 30px;}
.about-whBox li .txtInfo .icon              {display: block;margin: 10px auto;width: 100px;height: 100px;}
.about-whBox li.whyj .txtInfo .icon         {background: url("../image/whIcon1.png") no-repeat center;}
.about-whBox li.whzz .txtInfo .icon         {background: url("../image/whIcon2.png") no-repeat center;}
.about-whBox li.whjs .txtInfo .icon         {background: url("../image/whIcon3.png") no-repeat center;}
.about-whBox li.whsm .txtInfo .icon         {background: url("../image/whIcon4.png") no-repeat center;}
.about-whBox li .txtInfo .line              {width: 30px;height: 30px;margin: 15px auto;position: relative;transition: 0.5s;}
.about-whBox li .txtInfo .line::before      {content: '';width: 1px;height: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);background: #bbb;}
.about-whBox li .txtInfo .line::after       {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #bbb;}
.about-whBox li.active .txtInfo .line::after{width: 0;height: 0;opacity: 0;}
.about-whBox li.active .txtInfo .line       {width: 60px;height: 60px;}
.about-whBox li .txtInfo .small             {font-size: 16px;transition: 1s;opacity: 0;}
.about-whBox li.active .txtInfo .small      {opacity: 1;}
.about-hb                                   {padding-bottom: 100px;}
.about-hbBox li                             {width: calc((100% - 125px) / 6);float: left;border: 1px solid #e6e6e6;margin-right: 25px;position: relative;height: 135px;margin-bottom: 25px;}
.about-hbBox li:nth-child(6n)               {margin-right: 0;}
.about-hbBox li img                         {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width: 90%;max-height: 130px;}
.about-gsry li                              {width: calc((100% - 60px) / 3);border: 1px solid #c6c3c3;float: left;margin: 0 30px 30px 0;padding: 15px;}
.about-gsry li:nth-child(3n)                {margin-right: 0;}
.about-gsry li img                          {display: block;width: 100%;height: 300px;object-fit: contain;}
.about-zlzs                                 {padding: 40px 0 80px;background: #f6f6f6;margin-top: 50px;}
.zlzsSlide                                  {padding: 50px;}
.zlzsSlide .swiper-slide img                {display: block;width: 100%;}
.zlzsSlide .swiper-slide                    {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8);}
.zlzsSlide .swiper-slide-active,
.swiper-slide-duplicate-active              {transform: scale(1.2);}
.zlzsSlide .swiper-slide-active img,
.swiper-slide-duplicate-active img          {box-shadow: 0 0 20px #ccc}
.aboutM-qysl                                {display: none;}
.aboutM-qysl li                             {border: 1px solid #e2e2e2;margin-bottom: 10px;}
.aboutM-qysl li .qyslBtn                    {height: 40px;line-height: 30px;background: #f6f6f6 ;padding: 5px 10px;position: relative;}
.aboutM-qysl li .qyslBtn .icon              {display: block;width: 36px;height: 20px;background: url("../image/down.png") no-repeat center;background-size: 50%;position: absolute;right: 20px;top: 10px;transition: all .5s;}
.aboutM-qysl li.on .qyslBtn                 {background: #c20000;color: #fff;}
.aboutM-qysl li.on .qyslBtn .icon           {background: url("../image/top.png") no-repeat center;background-size: 50%;}
.aboutM-qysl li .dropdown                   {width: 100%;display: none;}
.qyslTab                                    {padding-left: 400px;position: relative;margin: 30px 0 80px;min-height: 400px;}
.qyslNav                                    {width: 350px;background: #fafafa;position: absolute;left: 0;top: 0;padding: 60px 40px;}
.qyslNav li                                 {line-height: 50px;height: 50px;font-size: 20px;position: relative;cursor: pointer;}
.qyslNav li.on                              {color: #c20000;}
.qyslNav li::before                         {content: '';width: 60px;height: 2px;background: #c20000;position: absolute;top: 50%;left: -70px;transform: translateY(-50%);display: none;}
.qyslNav li.on::before                      {display: block;}
.qyslShow                                   {position: relative;}
.qyslInfo                                   {display: none;position: relative;left: 0;width: 100%;top: 0;transition: all 0.5s;}
.qyslInfo img                               {display: block;margin: 0 auto;width: 100%;}
.qyslInfo h2                                {font-size: 48px;color: #323232;margin-top: 30px;}
.qyslInfo h3                                {font-size: 24px;color: #323232;margin-top: 30px;}
.qyslInfo p                                 {font-size: 16px;color: #787878;line-height: 30px;}
.about-qyfc                                 {background: #292935;padding: 20px 0 60px;}
.about-qyfc .comt .bt                       {color: #fff;}
.about-qyfc .bigImg                         {width: 60%;margin: 0 auto 40px;padding: 0 40px;height: 500px;position: relative;}
.gallery-top                                {width: 100%;height: 100%;}
.gallery-top img                            {display: block;width: 100%;height: 100%;object-fit: cover;}
.bigImg .swiper-button-next,
.bigImg .swiper-button-prev                 {outline: none;}
.gallery-thumbs                             {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide               {height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active  {opacity: 1;}
.gallery-thumbs .swiper-slide               {height: 120px;}
.gallery-thumbs .swiper-slide img           {display: block;width: 100%;height: 100%;object-fit: cover;}

.sitemap            {margin:0 auto 20px;max-width: 96%;}
.siteList h4        {background: #005cb3;width: 120px;text-align: center;margin-top: 30px;height: 30px;line-height: 30px;}
.siteList h4 a      {font-size: 16px;font-weight: bold;color: #fff;}
.siteInfo           {border: solid 1px #E0E0E0;padding: 5px;overflow: hidden;}
.siteInfo ul li     {float: left;line-height: 40px;width: calc((100% - 30px) / 4);white-space: nowrap;overflow: hidden;height: 40px;text-align: center;border: 1px solid #e1e1e1;font-size: 16px;box-sizing: border-box;margin: 10px 10px 10px 0;}
.siteInfo ul li:nth-child(4n) {margin-right: 0;}
.siteInfo ul li a   {display: block;}
.siteInfo ul li:hover a{color: #005cb3;}

@media screen and (max-width:1440px) {
    .mask-video {background: rgba(0,0,0,1);}
    .mask-video .video {width: 98%;height: auto;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .mask-video .close {right: 50%;top: auto;bottom: 20px;transform: translateX(50%);}
    .about-gsry li img {height: 260px;}
    .newsSwiper .swiper-button-prev,.newsSwiper .swiper-button-next {width: 30px;height: 30px;background: #c20000;border-radius: 50%;}
    .newsSwiper .swiper-button-prev {left: 0;background: #c20000 url("../image/left.png") no-repeat center;background-size: 40%;}
    .newsSwiper .swiper-button-next {right: 0;background: #c20000 url("../image/right.png") no-repeat center;background-size: 40%;}
}

@media screen and (max-width:1200px) {
    .about-fw {padding: 30px 0 50px;}
    .about-fw li .tit {font-size: 18px;margin-top: 10px;}
    .about-fw li .img .mask .txt {line-height: 30px;font-size: 16px;}
    .about-whBox,.about-whBox li    {height: 500px;}
    .about-whBox li .txtInfo .name {font-size: 22px;}
    .about-whBox li .txtInfo .small {font-size: 14px;line-height: 20px;min-height: 40px;}
    .about-whBox li .txtInfo .icon {width: 60px;height: 60px;}
    .about-whBox li.whyj .txtInfo .icon         {background: url("../image/whIcon1.png") no-repeat center;background-size: 90%;}
    .about-whBox li.whzz .txtInfo .icon         {background: url("../image/whIcon2.png") no-repeat center;background-size: 90%;}
    .about-whBox li.whjs .txtInfo .icon         {background: url("../image/whIcon3.png") no-repeat center;background-size: 90%;}
    .about-whBox li.whsm .txtInfo .icon         {background: url("../image/whIcon4.png") no-repeat center;background-size: 90%;}
    .about-hbBox li {width: calc((100% - 100px) / 4);margin-right: 20px;height: 120px;margin-bottom: 20px;}
    .about-hbBox li:nth-child(6n) {margin-right: 20px;}
    .about-hbBox li:nth-child(4n) {margin-right: 0;}
    .about-hbBox li img {max-height: 115px}
    .about-gsry li img {height: 200px;}
    .qyslNav    {width: 200px;}
    .qyslTab    {padding-left: 220px;}
    .qyslInfo h2    {font-size: 30px;}
    .qyslInfo p     {font-size: 15px;}
    .fanganInfo {width: 90%;}
}

@media screen and (max-width:1100px) {
    .proNavbox .swiper-button-next, .proNavbox .swiper-button-prev {display: block;outline: none;}
}

@media screen and (max-width:992px) {
    .aboutBanner .txt .st {width: 80%;}
    .about-fw li .tit {font-size: 16px;line-height: 30px;height: 30px;}
    .about-gsry li img {height: 170px;}
    .about-gsry li{margin: 0 20px 20px 0;width: calc((100% - 40px) / 3);}
    .about-qyfc .bigImg {width: 80%;margin: 0 auto 30px;height: 300px;}
    .pro_xg li .img {height: 240px}
    .comBanner .txt .bt {font-size: 30px;}
    .fangan-slide {padding: 0 30px;position: relative;}
    .fanganList .swiper-button-white {display: block!important;outline: none;}
    .fanganInfo {width: 100%;}
    .fanganList .swiper-button-white {display: block!important;}
}

@media screen and (max-width:860px){
    .case_info {margin: 20px 0;}
    .about-whBox li .txtInfo {width: 80%;}
    .about-whBox li .txtInfo .name {font-size: 18px;}
    .about-hb       {padding-bottom: 50px;}
    .about-hbBox li {width: calc((100% - 60px) / 4);margin-right: 15px;height: 100px;margin-bottom: 15px;}
    .about-hbBox li:nth-child(6n) {margin-right: 15px;}
    .about-hbBox li img {max-height: 95px}
    .proFa li {height: 60px;}
    .proFa li a {padding: 10px;}
    .pro_case   {padding: 40px 0;}
    .pro_case li {font-size: 16px;padding: 60px 0;}
    .pro_case li .icon {width: 40px;height: 40px;}
    .pro_case li:nth-child(1) .icon     {background: url("../image/fa1_1.png") no-repeat center;background-size: 90%;}
    .pro_case li:nth-child(2) .icon     {background: url("../image/fa2_1.png") no-repeat center;background-size: 90%;}
    .pro_case li:nth-child(3) .icon     {background: url("../image/fa3_1.png") no-repeat center;background-size: 90%;}
    .pro_case li:nth-child(4) .icon     {background: url("../image/fa4_1.png") no-repeat center;background-size: 90%;}
    .pro_case li:nth-child(5) .icon     {background: url("../image/fa5_1.png") no-repeat center;background-size: 90%;}
    .pro_case li:nth-child(6) .icon     {background: url("../image/fa6_1.png") no-repeat center;background-size: 90%;}
    .pro_xg li .img {height: 200px}
    .pro_xg li .txt {padding: 20px;}
    .pro_xg li .txt .tit {font-size: 18px;}
    .pro_xg li .txt .brief {font-size: 14px;}
    .news-top .txt {padding: 20px;}
    .comBanner {height: 300px;}
    .caseList li {width: calc((100% - 60px) / 2);}
    .caseList li:nth-child(3n) {margin-right: 30px;}
    .caseList li:nth-child(2n) {margin-right: 30px;}
    .caseList li .img {height: 200px;}
    .caseList li .txt {padding: 10px;}
    .caseList li .txt .tit {font-size: 16px;}
    .caseList li .txt .brief {font-size: 14px;}
    .contactInfo {display: block;margin: 30px auto;}
    .contactTxt .gsbt {display: block;font-size: 20px;margin-bottom: 20px;padding: 10px 0;}
    .contactMap .map {height: 300px;}
    .article        {margin: 10px auto;}
}

@media screen and (max-width:768px){
    .comt .bt   {padding: 15px 0 0;}
    .aboutcomt  {margin-bottom: 20px;}
    .comBanner .txt .bt {font-size: 30px;}
    .aboutNav,.news-nav {line-height: 50px;height: 50px;margin-bottom: 20px;}
    .news-nav {margin-bottom: 0;}
    .aboutNav a,.news-nav a {font-size: 16px;}
    .case_info  {padding: 15px 0;margin: 15px 0;}
    .case_info_flex {display: block;}
    .case_info_flex .name {flex: none;padding: 0;font-size: 30px;}
    .case_info_flex .txt {flex: none;padding: 0;font-size: 14px;margin-top: 20px;line-height: 25px;border: 0 none;}
    .about-video {height: 300px}
    .about-fw {padding: 10px 0 30px;}
    .about-whBox li,.about-whBox {height: 400px;}
    .about-gsry li      {padding: 10px;margin: 0 20px 20px 0;width: calc((100% - 20px) / 2);}
    .about-gsry li img {height: 130px;}
    .about-gsry li:nth-child(3n) {margin-right: 20px;}
    .about-gsry li:nth-child(2n) {margin-right: 0;}
    .about-qysl {display: none;}
    .aboutM-qysl {display: block;}
    .qyslInfo {display: block;padding: 15px 10px;}
    .qyslInfo h2 {margin-top: 15px;font-size: 18px;}
    .qyslInfo h3 {margin-top: 15px;font-size: 16px;}
    .qyslInfo p     {font-size: 14px;}
    .about-qyfc .bigImg {height: 200px;width: 96%;}
    .proNav li {padding: 15px;height: 160px;}
    .proNav li .icon {width: 40px;height: 40px;background: url("../image/picon1.png") no-repeat center;background-size: cover;}
    .proNav li p {font-size: 16px;}
    .proList    {padding: 30px 0;}
    .proList li {width: calc((100% - 20px) / 2);margin-right: 20px;margin-bottom: 20px;}
    .proList li:nth-child(3n) {margin-right: 20px;}
    .proList li:nth-child(2n) {margin-right: 0;}
    .proList .more,.proFa .more,.pro_case .more {padding: 5px 30px;}
    .proFa li   {width: calc((100% - 20px) / 2);}
    .proFa li:nth-child(3n) {margin-right: 20px;}
    .proFa li:nth-child(2n) {margin-right: 0;}
    .proFa li a {font-size: 16px;}
    .moreList li:nth-child(n+10) {display: block;}
    .moreList li:nth-child(n+11) {display: none;}
    .pro_banner {height: 400px;}
    .pro_info       {padding: 10px;}
    .pro_info_flex {display: block;padding-bottom: 20px!important;}
    .pro_info_flex .name {flex: none;padding: 0;font-size: 20px;}
    .pro_info_flex .txt {flex: none;padding: 0;font-size: 14px;margin-top: 20px;line-height: 25px;border: 0 none;}
    .pro_ld     {margin: 20px 0;}
    .pro_jishu  {margin: 20px 0;}
    .pro_jishu ul {width: 100%;float: none;}
    .pro_Bt {font-size: 20px;}
    .pro_case {padding: 20px 0;}
    .pro_case li    {width: calc((100% - 20px) / 2);margin-right: 0;margin-bottom: 20px;}
    .pro_case li:nth-child(2n) {margin-left: 20px;}
    .pro_case li:nth-child(6) {display: block;}
    .pro_case .more     {margin-top: 20px;}
    .pro_xg li .img {height: 150px;}
    .pro_xg {padding: 20px 0;}
    .news-top .img {width: 100%;height: 250px;}
    .news-top .txt {width: 100%;height: auto;}
    .news-top .txtBox {transform: none;}
    .news-top .txt .tit {font-size: 20px;margin: 10px 0;}
    .news-top .txt .brief {font-size: 14px;}
    .news-top .txt .more {margin-top: 10px;}
    .news-container {padding: 30px 0;}
    .news-top {padding-bottom: 30px;}
    .newsSwiper {margin: 30px 0;}
    .newsSwiper li .img {height: 200px;}
    .newsSwiper li .txt {padding: 20px;}
    .newsSwiper li .time {margin-bottom: 8px;font-size: 14px;}
    .newsSwiper li .tit {font-size: 20px;height: 60px;line-height: 30px;}
    .moreBox {margin: 20px 0;}
    .article p {margin: 20px 0;}
    .enjoyArticle {margin: 20px 0;}
    .enjoyArticle span, .enjoyArticle .shareBtn {font-size: 16px;height: 40px;line-height: 40px;}
    .enjoyArticle .shareBtn {width: 40px;height: 40px;}
    .infoPrevNext {padding: 20px 0;font-size: 14px;margin-bottom: 20px;}
    .infoPrevNext .back {position: static;padding: 5px 30px;margin-top: 10px;display: inline-block;transform: none;}
    .comBanner .txt .bt {font-size: 20px;}
    .comBanner .txt {width: 80%;}
    .comBanner .txt .st {width: 96%}
    .fanganList a .icon {width: 40px;height: 40px;}
    .fanganList .swiper-slide:nth-child(1) .icon{background: url("../image/fa1.png") no-repeat center;background-size: 80%;}
    .fanganList .swiper-slide:nth-child(2) .icon{background: url("../image/fa2.png") no-repeat center;background-size: 80%;}
    .fanganList .swiper-slide:nth-child(3) .icon{background: url("../image/fa3.png") no-repeat center;background-size: 80%;}
    .fanganList .swiper-slide:nth-child(4) .icon{background: url("../image/fa4.png") no-repeat center;background-size: 80%;}
    .fanganList .swiper-slide:nth-child(5) .icon{background: url("../image/fa5.png") no-repeat center;background-size: 80%;}
    .fanganList .swiper-slide:nth-child(6) .icon{background: url("../image/fa6.png") no-repeat center;background-size: 80%;}
    .fanganList a {font-size: 16px;}
    .message {padding: 30px 0;}
    .msgBt {font-size: 20px;}
    .msgInput {display: block;}
    .inputxm {flex: none;width: 100%;}
    .inputsj{flex: none;width: 100%;}
    .inputly{flex: none;width: 100%;}
    .inputtj{flex: none;width: 100%;}
    .message .input {float: none;margin-bottom: 10px;padding-right:0}
    .message .input input,
    .message .input textarea {height: 35px;line-height: 35px;}
    .message .inputly input {height: 70px;}
    .siteInfo ul li {width: calc((100% - 20px) / 3);margin: 5px 10px 5px 0;}
    .siteInfo ul li:nth-child(4n) {margin-right: 10px;}
    .siteInfo ul li:nth-child(3n) {margin-right: 0;}
    .article table td {font-size: 14PX;}
    .message .input textarea.srgd {height: 100px;}
}

@media screen and (max-width:640px) {
    .comBanner          {height: 260px;}
    .aboutBanner .txt .st {width: 90%;}
    .case_info_flex .name {flex: none;padding: 0;font-size: 20px;}
    .about-fw li {width: 100%;margin: 0 0 20px 0;}
    .about-fw li .tit {text-align: left;}
    .about-fw li .img .mask {display: none;}
    .about-fw li .txt2 {display: block;font-size: 0;margin: 10px 0;}
    .about-fw li .txt2 p    {color: #fff;display: inline-block;width: 33%;font-size: 14px;}
    .aboutNav a {margin: 0 30px;}
    .about-wh   {padding: 25px 0;}
    .about-whBox {height: auto;}
    .about-whBox li {width: 100%;height: 200px;position: relative;border-right: 0 none;border-bottom: 1px solid #fff;}
    .about-whBox li .whimg {opacity: 1;}
    .about-whBox li .txtInfo .line {display: none;}
    .about-whBox li .txtInfo .small {opacity: 1;}
    .about-whBox li .txtInfo .icon {width: 40px;height: 40px;}
    .about-whBox li.whyj .txtInfo .icon         {background: url("../image/whIcon1.png") no-repeat center;background-size: 90%;}
    .about-whBox li.whzz .txtInfo .icon         {background: url("../image/whIcon2.png") no-repeat center;background-size: 90%;}
    .about-whBox li.whjs .txtInfo .icon         {background: url("../image/whIcon3.png") no-repeat center;background-size: 90%;}
    .about-whBox li.whsm .txtInfo .icon         {background: url("../image/whIcon4.png") no-repeat center;background-size: 90%;}
    .about-hb       {padding-bottom: 30px;}
    .about-hbBox li {width: calc((100% - 40px) / 4);margin-right: 10px;height: 60px;margin-bottom: 10px;}
    .about-hbBox li:nth-child(6n) {margin-right: 10px;}
    .about-hbBox li img {max-height: 55px}
    .about-gsry li      {padding: 5px;}
    .about-gsry li img {height: 100px;}
    .gallery-thumbs .swiper-slide {height: 80px}
    .proFa li   {width: 100%;margin-right: 0!important;}
    .pro_banner {height: 300px;}
    .pro_xg li .img {height: 100px;}
    .pro_xg li .txt .tit,.newsSwiper li .tit,.news-top .txt .tit {font-size: 16px;}
    .caseList li .img {height: 150px;}
    .caseList li {width: 100%;}
    .caseList li:nth-child(3n) {margin-right: 0;}
    .caseList li:nth-child(2n) {margin-right: 0;}
    .caseList li .txt {padding: 10px;}
    .siteInfo ul li {width: calc((100% - 10px) / 2);margin: 5px 0;}
    .siteInfo ul li:nth-child(4n) {margin-right: 0;}
    .siteInfo ul li:nth-child(2n) {margin-left: 10px;}
}

@media screen and (max-width:440px) {
    .about-fw li .txt2 p {display: block;width: 100%;}
    .aboutNav a {margin: 0 20px;}
}

@media screen and (max-width:400px) {
    .siteInfo ul li:nth-child(2n) {margin-left: 0;}
    .siteInfo ul li{width: 100%;}
}
