.index_banner               {height: 750px;overflow: hidden;}
.index_banner video         {height: 100%;display: block;width: 100%;}
.index_banner .slideImg     {width: 100%;height: 100%;}
.index_banner .mask         {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
.index_banner .main         {position: absolute;height: 100%;left: 50%;top: 0;transform: translateX(-50%);}
.index_banner .Bantxt       {padding: 30px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);color: #fff;}
.index_banner .Bantxt1      {left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.index_banner .Bantxt p.bt  {font-size: 36px;}
.index_banner .Bantxt p.bt2 {font-size: 48px;}
.index_banner .Bantxt p.st  {font-size: 24px;margin: 15px 0 80px;}
.index_banner .Bantxt p.st2 {font-size: 16px;}
.index_banner .Bantxt img   {display: block;width: auto;max-width: 100%;}
.index_banner .swiper-pagination-bullet {background: 0 none!important;border: 1px solid #bbb;opacity: 1;}
.index_banner .swiper-pagination-bullet-active  {background: #c20000!important;border: 1px solid #c20000;}
.index_banner .Bantxt1 .more{display: inline-block;padding: 5px 40px;border: 1px solid #fff;border-radius: 2px;color: #fff;}
.index_banner .Bantxt1 .more:hover {color: #c20000;border: 1px solid #c20000;}

.sixBz                  {width: 100%;background: url("../image/bzBg.png") no-repeat center;background-size: cover;}
.sixBzinfo              {position: relative;margin-top: 30px;}
.sixBz .bzImg           {width: 30%;margin: 0 5%;position: relative;}
.sixBz .bzImg img       {display: block;width: 100%;position: relative;z-index: 2;}
.sixBz .bzImg::before   {content: '';position: absolute;width: 100%;height: calc(100% - 40px);position: absolute;right: -20px;top: 20px;background: #d1d1d1;z-index: 1;}
.sixBz .bzList          {width: 100%;}
.bzList .fl             {text-align: right;}
.bzListInfo             {width: 30%;}
.bzListInfo li          {margin: 10px 0 20px;padding: 0 60px;}
.bzListInfo li .tit     {font-size: 24px;color: #0055b4;}
.bzListInfo li .brief   {font-size: 16px;color: #878787;height: 40px;line-height: 20px;}
.bzListInfo li i        {display: inline-block;width: 30px;height: 30px;}
.bzListInfo.fl li:nth-child(1) i     {background: url("../image/bz1.png") no-repeat center;}
.bzListInfo.fl li:nth-child(2) i     {background: url("../image/bz2.png") no-repeat center;}
.bzListInfo.fl li:nth-child(3) i     {background: url("../image/bz3.png") no-repeat center;}
.bzListInfo.fr li:nth-child(1) i     {background: url("../image/bz4.png") no-repeat center;}
.bzListInfo.fr li:nth-child(2) i     {background: url("../image/bz5.png") no-repeat center;}
.bzListInfo.fr li:nth-child(3) i     {background: url("../image/bz6.png") no-repeat center;}

.product                        {padding: 20px 0 100px;}
.productList                    {padding-top: 60px;}
.productList li                 {width: calc((100% - 30px) / 4);margin-right: 10px;float: left;border: 1px solid #d1d1d1;background: #fff;padding: 30px;text-align: center;transition: 0.5s;border-radius: 2px;}
.productList li:last-child      {margin-right: 0;}
.productList li .bt             {font-size: 24px;color: #000;}
.productList li .st             {font-size: 16px;color: #333;}
.productList li .pic            {border: 1px solid #d1d1d1;}
.productList li .pic img        {display: block;width: 100%;}
.productList li .icon           {width: 45px;height: 45px;margin: 60px auto;background: url("../image/jiantou.png") no-repeat center;}
.productList li:hover .icon     {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transition: 0.5s;}
.productList li:hover           {border: 1px solid #fff;box-shadow: 0 0 10px #aaa;}

.fangan                         {text-align: center;width: 100%;background: url("../image/faBg.png") no-repeat center top;}
.fangan .comt .bt               {color: #fff;line-height: 1.2;font-weight: normal;}
.fangan .comt .st               {margin: 30px auto;color: #fff;width: 40%;}
.fangan .more                   {display: inline-block;padding: 5px 40px;border: 1px solid #fff;border-radius: 2px;color: #fff;}
.fangan .more:hover             {color: #c20000;border: 1px solid #c20000;}
.fanganTxt                      {padding: 80px 0 150px;}
.fanganList                     {width: 100%;background: #0055b4;padding: 25px 0;}
.fanganInfo                     {width: 60%;margin: 0 auto;}
.fanganList a                   {color: #fff;display: block;font-size: 16px;}
.fanganList a .icon             {display: block;width: 55px;height: 55px;margin: 0 auto 10px;}
.fanganList a span              {display: inline-block;border: 1px solid #fff;padding: 3px 15px;border-radius: 3px;}
.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 span           		{text-shadow: 0 0 5px #fff;}
.fangan-slide                       {position: relative;}
.fanganSlide    					{padding: 40px 0;background: #fff;}
.fanganSlide li     				{height: 105px;width: calc((100% - 105px) / 8);border: 1px solid #d1d1d1;margin-right: 15px;}
.fanganSlide li img                 {object-fit: scale-down;width: 100%;height: 100%;margin: 0px auto;}

.about 						{position: relative;width: 100%;background: url("../image/about.png") no-repeat center;background-size: cover;}
.aboutBg 					{display: none;width: 100%;}
.aboutBox 					{width:720px;background: rgba(0,85,180,0.85);}
.abouttxt 					{padding: 40px;color: #fff;}
.abouttxt .comt .bt 		{color: #fff;text-align: left;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.abouttxt .comt .bt::before {content: '';width: 100px;height: 2px;background: #fff;position: absolute;left: 0;bottom: 0;}
.abouttxt .aboutQy	 		{font-size: 24px;margin: 15px 0;} 
.abouttxt .aboutBrief 		{font-size: 16px;letter-spacing: 1px;}
.abouttxt .more             {display: inline-block;padding: 10px 40px;border: 1px solid #fff;border-radius: 2px;color: #fff;}
.abouttxt .more:hover       {color: #c20000;border: 1px solid #c20000;}
.aboutNum 					{margin: 50px 0;}
.abSlide                    {padding: 0 20px 10px;position: relative;}
.abSlide li img             {display: block;width: 100%;}
.abSlide .swiper-button-prev,
.abSlide .swiper-button-next{width: 35px;height: 35px;border-radius: 50%;margin-top: -17px;outline: none;}
.abSlide .swiper-button-prev{background: rgba(200,27,27,0.87) url("../image/left.png") no-repeat center;left: 0;}
.abSlide .swiper-button-next{background: rgba(200,27,27,0.87) url("../image/right.png") no-repeat center;right: 0;}
.abSlide .swiper-button-next.swiper-button-disabled {background: rgba(0,0,0,0.8) url("../image/right.png") no-repeat center;}
.abSlide .swiper-button-prev.swiper-button-disabled {background: rgba(0,0,0,0.8) url("../image/left.png") no-repeat center;}
.abSlide .swiper-button-next.swiper-button-disabled,
.abSlide .swiper-button-prev.swiper-button-disabled {opacity: 0.5;}
.aboutNum li                {width: calc(100% / 3);float: left;text-align: center;position: relative;}
.aboutNum li::before        {content: '';width: 1px;height: 80%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: rgba(255,255,255,0.3);}
.aboutNum li:last-child::before     {display: none;}
.aboutNum li h4             {font-size: 60px;font-weight: bold;}
.aboutNum li p              {font-size: 16px;}

.news                       {padding: 10px 0 30px;margin-bottom: 80px;}
.news .comt                 {text-align: left;padding-bottom: 20px;}
.newsFl                     {width: 750px;height: 550px;}
.newsSlide                  {width: 100%;height: 100%;}
.newsSlide li .db           {width: 100%;height: 100%;}
.newsSlide li img           {display: block;width: 100%;height: 100%;object-fit: cover;}
.newsSlide li .txt              {position: absolute;left: 0;bottom: 0;width: 100%;background: url("../image/newsTbg.png") no-repeat center top;padding: 20px 20px 50px;}
.newsSlide li .txt .time    {font-size: 16px;color: #ececec;}
.newsSlide li .txt .tit     {font-size: 24px;color: #fff;margin: 10px 0;}
.newsSlide li .txt .brief   {font-size: 16px;color: #dddede;line-height: 20px;height: 40px;}
.newsSlide .swiper-pagination-bullet {background: 0 none!important;border: 1px solid #bbb;opacity: 1;}
.newsSlide .swiper-pagination-bullet-active  {background: #c20000!important;border: 1px solid #c20000;}
.newsFr                 {width: calc(100% - 830px);}
.newsTab                {position: relative;}
.newsTab .newsInfo      {width: 100%;}
.newsTab .newsInfo li   {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #c9c9c9;}
.newsTab .newsInfo li .info {padding-left: 245px;position: relative;min-height: 155px;}
.newsTab .newsInfo li .info .img {position: absolute;left: 0;top: 0;width: 230px;height: 155px;overflow: hidden;} 
.newsTab .newsInfo li .info .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.newsTab .newsInfo li .info .txt .tit {font-size: 24px;color: #252525;}
.newsTab .newsInfo li .info .txt .tit:hover {color: #c20000;}
.newsTab .newsInfo li .info .txt .time {color: #c7c7c7;font-size: 16px;margin: 20px 0 5px;}
.newsTab .newsInfo li .info .txt .brief {color: #747474;font-size: 16px;line-height: 25px;height: 50px;}
.newsTab .newsInfo li:last-child {padding-bottom: 0;margin-bottom: 0;border-bottom: 0 none;}
.newsNav                {line-height: 80px;height: 80px;position: absolute;top: -80px;right: 0;}
.newsNav li             {display: inline-block;vertical-align: top;font-size: 30px;padding-left: 40px;position: relative;cursor: pointer;}
.newsNav li:first-child::before {content: '';width: 1px;height: 30%;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);background: #c4cbd4;}
.newsNav li.on          {color: #c20000;}

@media screen and (max-width:1600px){
    .newsFl,.newsFr {width: 48%;}
    .newsFl .swiper-slide a {height: 100%;}
    .index_banner               {height: 700px;}
}

@media screen and (max-width:1405px) {
    .index_banner               {height: 650px;}
    .index_banner .swiper-slide > img {object-fit: cover;}
    .index_banner .Bantxt p.bt2,
    .index_banner .Bantxt p.bt {font-size: 30px;} 
    .index_banner .Bantxt p.st {font-size: 20px;}
    .bzListInfo li  {padding: 0 40px;}
    .productList li .bt {font-size: 20px;line-height: 30px;height: 60px;}
    .fanganInfo {width: 80%;}
    
}

@media screen and (max-width:1200px) {
    .index_banner               {height: 400px;}
    .index_banner .Bantxt p.bt2 {font-size: 22px;}
    .index_banner .Bantxt p.bt {font-size: 22px;}
    .index_banner .Bantxt p.st {font-size: 16px;}
    .index_banner .Bantxt {left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
    .sixBz .bzImg   {margin: 0 2%;}
    .bzListInfo     {width: 33%;}
    .bzListInfo li {padding: 0 20px;}
    .fanganInfo {width: 90%;}
}

@media screen and (max-width:992px) {
    .bzListInfo         {width: 50%;}
    .bzListInfo li .tit {font-size: 18px;}
    .bzListInfo li .brief {font-size: 14px;}
    .sixBz .bzImg {width: 100%;height: 400px;margin: 0}
    .sixBz .bzImg img {display: block;width: 100%;position: relative;z-index: 2;height: 100%;object-fit: cover;}
    .sixBz .bzImg::before {display: none;}
    .productList li .icon {margin: 30px auto;}
    .fanganTxt {padding: 40px 0 60px;}
    .fangan .comt .st {width: 80%;}
    .fanganInfo {width: 100%;}
    .fangan-slide {padding: 0 30px;}
    .fanganList .swiper-button-white {display: block!important;outline: none;}
    .fanganSlide    {padding: 20px 0;}
    .fanganSlide li {width: calc((100% - 40px) / 5);margin-right: 10px;height: 80px;}
    .product {padding: 20px 0 40px;}
    .productList {padding-top: 40px;}
    .news   {margin-bottom: 40px;}
    .newsNav li {font-size: 20px;}
    .newsFl {height: 400px;}
    .newsTab .newsInfo li   {padding-bottom: 10px;margin-bottom: 10px;}
    .newsTab .newsInfo li .info {padding-left: 200px;min-height: 120px;}
    .newsTab .newsInfo li .info .img {width: 180px;height: 120px;}
    .newsTab .newsInfo li .info .txt .tit {font-size: 18px;}
    .newsTab .newsInfo li .info .txt .time {margin: 10px 0 5px;font-size: 14px;}
    .newsTab .newsInfo li .info .txt .brief {font-size: 14px;}
}

@media screen and (max-width:860px) {
    .index_banner .Bantxt p.bt2 {font-size: 20px;}
    .index_banner .Bantxt p.bt {font-size: 20px;}
    .about      {background: 0 none;}
    .about .main  {width: 100%;max-width: 100%;}
    .aboutBox {width: 100%;background: rgba(0,85,180,1);}
    .abouttxt,
    .abouttxt .comt .bt   {text-align: center;}
    .abouttxt .comt .bt::before {display: none;}
    .aboutBg {display: block;}
    .aboutNum li h4 {font-size: 40px;}
    .fanganList a {font-size: 16px;}
    .fanganList a .icon {width: 40px;height: 40px;}
    .fanganList .swiper-slide:nth-child(1) .icon {background: url("../image/fa1.png") no-repeat center;background-size: 90%;}
    .fanganList .swiper-slide:nth-child(2) .icon {background: url("../image/fa2.png") no-repeat center;background-size: 90%;}
    .fanganList .swiper-slide:nth-child(3) .icon {background: url("../image/fa3.png") no-repeat center;background-size: 90%;}
    .fanganList .swiper-slide:nth-child(4) .icon {background: url("../image/fa4.png") no-repeat center;background-size: 90%;}
    .fanganList .swiper-slide:nth-child(5) .icon {background: url("../image/fa5.png") no-repeat center;background-size: 90%;}
    .fanganList .swiper-slide:nth-child(6) .icon {background: url("../image/fa6.png") no-repeat center;background-size: 90%;}
}

@media screen and (max-width:768px){
    .comt .bt {padding: 20px 0 0;font-size: 20px;}
    .index_banner .Bantxt {width: 80%;}
    .bzListInfo li .brief {height: auto;}
    .productList li {width: calc((100% - 10px) / 2);margin-bottom: 10px;padding: 5px;}
    .productList li:nth-child(2n) {margin-right: 0;}
    .productList li .bt {font-size: 15px;line-height: 25px;height: auto;margin-bottom: 5px;}
    .productList li .icon {width: 30px;height: 30px;background: url("../image/jiantou.png") no-repeat center;background-size: cover;margin: 15px auto;}
    .productList li .st {font-size: 13px;}
    .fanganSlide li {width: calc((100% - 30px) / 4);height: 60px;}
    .serviceList    {margin-top: 20px;}
    .abouttxt {padding: 20px;}
    .abouttxt .aboutQy {font-size: 18px;}
    .abouttxt .comt .bt {margin-bottom: 0;padding-bottom: 0;}
    .abouttxt .aboutBrief,.aboutNum li p {font-size: 14px;}
    .news           {margin-bottom: 20px;padding: 10px 0;}
    .news .comt     {text-align: center;}
    .newsFl,.newsFr {width: 100%;}
    .newsNav {display: none;}
    .newsFr {margin-top: 20px;}
    .newsTab {width: 100%;overflow: hidden;}
    .newsTab .hd{display: none;}
    .newsTab .newsInfo li .info {padding-left: 160px;min-height: 100px;}
    .newsTab .newsInfo li .info .img {width: 150px;height: 100px;}
    .newsTab .newsInfo li .info .txt .time {margin: 0;}
    .newsTab .newsInfo li .info .txt .brief {line-height: 20px;height: 40px;margin-top: 10px;font-size: 13px;}
    .newsTab .newsInfo li .info .txt .tit {font-size: 15px;}
    .sixBz .bzImg {height: 300px;}
}


















