.menu {
  display: none; }

.mobile_fade {
  display: none; }

.fadein_search {
  display: none; }

.fadein_search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99992;
  display: none; }
  .fadein_search .box {
    position: relative;
    width: 100%; }
    .fadein_search .box .closes {
      width: 30px;
      position: absolute;
      cursor: pointer;
      right: 37vw;
      top: -40px; }
  .fadein_search .child {
    width: 490px;
    height: 60px;
    background: #fff;
    margin: 0 auto;
    display: flex;
    border-radius: 6px;
    position: relative;
    overflow: hidden; }
    .fadein_search .child input[type='text'] {
      width: 100%;
      height: 100%;
      font-family: sr;
      border: none;
      outline: none;
      background: none;
      font-size: 16px;
      padding-left: 20px; }
    .fadein_search .child input[type='submit'] {
      width: 100px;
      height: 100%;
      font-family: sr;
      font-size: 16px;
      background: #3572CE;
      color: #fff;
      position: absolute;
      cursor: pointer;
      box-sizing: border-box;
      right: 0;
      top: 0;
      z-index: 99;
      border: none;
      outline: none; }

.content {
  overflow: hidden;
  width: 100%; }
  .content .header {
    width: 100%;
    height: 86px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    justify-content: space-between;
    padding: 0 55px 0 20px;
    z-index: 99; }
    .content .header .logo {
      display: block; }
    .content .header .right {
      height: 100%;
      display: flex;
      align-items: center; }
      .content .header .right > ul {
        height: 100%;
        display: flex;
        align-items: center; }
        .content .header .right > ul > li {
          height: 100%;
          position: relative; }
          .content .header .right > ul > li:hover .showbox {
            opacity: 1;
            visibility: inherit;
            top: 99%; }
          .content .header .right > ul > li .showbox {
            width: 140px;
            background: #fff;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 120%;
            transition: all .1s;
            padding: 15px 0;
            opacity: 0;
            visibility: hidden; }
            .content .header .right > ul > li .showbox a {
              display: flex;
              align-items: center;
              height: 100%;
              font-size: 16px;
              justify-content: center;
              padding: 10px;
              transition: all .1s;
              color: #666666; }
              .content .header .right > ul > li .showbox a:hover {
                color: #194882; }
          .content .header .right > ul > li.on::after {
            width: 100%; }
          .content .header .right > ul > li.on > a {
            font-weight: bold;
            color: #004098; }
          .content .header .right > ul > li:hover::after {
            width: 100%; }
          .content .header .right > ul > li:hover > a {
            color: #004098; }
          .content .header .right > ul > li::after {
            content: '';
            width: 0%;
            height: 2px;
            background: #004098;
            transition: all .3s;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 0; }
          .content .header .right > ul > li > a {
            position: relative;
            display: flex;
            height: 100%;
            align-items: center;
            font-size: 17px;
            color: #000000;
            padding: 0 27px; }
      .content .header .right .lang {
        display: flex;
        align-items: center;
        height: 100%;
        margin-left: 55px; }
        .content .header .right .lang a {
          display: block;
          font-size: 17px;
          color: #000000; }
        .content .header .right .lang div {
          width: 2px;
          height: 19px;
          background: #000;
          margin: 0 23px; }
      .content .header .right .search {
        display: block;
        cursor: pointer;
        margin-left: 43px; }
  .content .null {
    height: 86px; }
  .content .banner {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .content .banner .swiper-pagination-bullet-active {
      background: #004e98; }
    .content .banner .mySwiper {
      width: 100%;
      overflow: hidden; }
      .content .banner .mySwiper .swiper-slide {
        width: 100%;
        overflow: hidden; }
        .content .banner .mySwiper .swiper-slide a {
          width: 100%;
          display: block; }
          .content .banner .mySwiper .swiper-slide a img {
            display: block;
            width: 100%; }
  .content .main_about {
    overflow: hidden;
    padding: 110px 0; }
    .content .main_about .m {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .content .main_about .m .picture {
        overflow: hidden;
        width: 560px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
        .content .main_about .m .picture img {
          display: block;
          width: 100%; }
      .content .main_about .m .grow {
        flex: 1;
        padding-left: 100px; }
        .content .main_about .m .grow .tong_title {
          text-align: left;
          margin-bottom: 26px; }
          .content .main_about .m .grow .tong_title div {
            margin: 0; }
        .content .main_about .m .grow > p {
          font-size: 31px;
          margin-bottom: 16px;
          color: #004e98;
          font-weight: bold; }
        .content .main_about .m .grow > span {
          display: block;
          font-size: 20px;
          color: #333333;
          line-height: 1.8;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          margin-bottom: 36px; }
		  
		   .content .main_contact {
    overflow: hidden;
    padding: 110px 0; }
    .content .main_contact .m {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .content .main_contact .m .picture {
        overflow: hidden;
        width: 560px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
        .content .main_contact .m .picture img {
          display: block;
          width: 100%; }
      .content .main_contact .m .grow {
        flex: 1;
        padding-left: 0px; }
        .content .main_contact .m .grow .tong_title {
          text-align: left;
          margin-bottom: 26px; }
          .content .main_contact .m .grow .tong_title div {
            margin: 0; }
        .content .main_contact .m .grow > p {
          font-size: 31px;
          margin-bottom: 16px;
          color: #004e98;
          font-weight: bold; }
        .content .main_contact .m .grow > span {
          display: block;
          font-size: 20px;
          color: #333333;
          line-height: 1.8;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          margin-bottom: 36px; }
		  
		.content .main_contact .m .head_title {
    margin-bottom: 50px; }
	
	
.s-contact .base{ width: 440px;}
.s-contact .base>.item{}
.s-contact .base>.item>.hd{ height: 60px; display: flex; justify-content: flex-start; align-items: center;}
.s-contact .base>.item>.hd>.icon{ width: 48px; height: 48px;}
.s-contact .base>.item>.hd>.name{ font-size: 20px;}
.s-contact .base>.item>.bd{ position: relative; padding: 0 0 20px;}
.s-contact .base>.item>.bd::after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(0, 0, 0, 0.1);}
.s-contact .base>.item>.bd>.line{ color: #666; font-size: 18px; line-height: 30px;}
.s-contact .base>.item>.bd>.info{ color: #666; font-size: 16px; line-height: 25px;}
.s-contact .base>.item>.ex{ color: #666; font-size: 22px; line-height: 40px; position: relative; margin: 0 0 20px;}
.s-contact .base>.item>.ex::after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(0, 0, 0, 0.1);}
.s-contact .base>.maps{ margin: 25px 0 0;}



 .content .main_product_box {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 120px 0 50px 0; 
	background: url(../images/cpv.png) no-repeat; 
	background-size:100%;
}
    .content .main_product_box .m1300 {
      width: 1200px;
      margin: 0 auto;
      max-width: 100%; }
      .content .main_product_box .m1300 .infos {
        overflow: hidden;
        border: 1px solid #D6D6D6;
        margin: 160px 0px; }
        .content .main_product_box .m1300 .infos .box {
          overflow: hidden;
		  font-size:16px;
          padding: 15px 15px; }
          .content .main_product_box .m1300 .infos .box img {
            display: block;
            margin: 0 auto;
            max-width: 70%; 
			
			}
        .content .main_product_box .m1300 .infos .head {
          display: flex;
          align-items: center;
          height: 50px;
          width: 100%;
          background: #bebebe; }
          .content .main_product_box .m1300 .infos .head p {
            font-size: 16px;
            text-transform: uppercase;
            color: #fff;
			padding: 0 20px;
			background: #194882;
			width:100px;
			height:50px;
			line-height:50px;
            font-weight: bold; }
      .content .main_product_box .m1300 .main_info {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .content .main_product_box .m1300 .main_info .grow {
          overflow: hidden;
          width: calc(100% - 61.38461538461538%);
          padding-left: 50px; }
          .content .main_product_box .m1300 .main_info .grow p {
            font-size: 0.32rem;
            color: #009FE9;
            font-weight: bold;
            border-bottom: 1px solid #CCCCCC;
            padding: 20px 0; }
          .content .main_product_box .m1300 .main_info .grow .font {
            overflow: hidden;
            margin-top: 10px; }
            .content .main_product_box .m1300 .main_info .grow .font p {
              display: block;
              font-size: 16px;
              color: #666666;
              line-height: 30px;
			  font-weight:normal;
			  border-bottom: 0px solid #CCCCCC;
			  padding:0px 0px;			}
          .content .main_product_box .m1300 .main_info .grow .btn {
            width: 4rem;
            height: 0.8rem;
            border-radius: 10px;
			border: 1px solid #CCCCCC;
            margin-top: 4.9rem; }
            .content .main_product_box .m1300 .main_info .grow .btn a {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              height: 100%;
              font-size: 0.20rem;
              color: #999999;
              text-transform: uppercase; }
              .content .main_product_box .m1300 .main_info .grow .btn a img {
                margin-right: 15px; }
          .content .main_product_box .m1300 .main_info .grow .gg {
            overflow: hidden;
            padding: 20px 0; }
            .content .main_product_box .m1300 .main_info .grow .gg span {
              display: block;
              font-size: 16px;
              color: #666666; }
            .content .main_product_box .m1300 .main_info .grow .gg div {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .content .main_product_box .m1300 .main_info .grow .gg div img {
                width: 86px;
                height: 86px;
                object-fit: cover;
                border-radius: 3px;
                margin-right: 11px;
                margin-top: 12px; }
				
		
			 

        .content .main_product_box .m1300 .main_info .slide {
          overflow: hidden;
		  
          width: 100%; }
          .content .main_product_box .m1300 .main_info .slide .top {
            width: 100%;
            position: relative; }
            .content .main_product_box .m1300 .main_info .slide .top .mySwiper {
              width: 100%;
              overflow: hidden; }
              .content .main_product_box .m1300 .main_info .slide .top .mySwiper .swiper-slide {
                width: 100%;text-align:center;
                overflow: hidden; }
                .content .main_product_box .m1300 .main_info .slide .top .mySwiper .swiper-slide img {
                  display: block;
				  margin: 0 auto;
                  width: 50%; }
          .content .main_product_box .m1300 .main_info .slide .list {
            width: 100%;
            margin-top: 24px; }
            .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 {
              width: 100%;
              overflow: hidden; }
              .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 .swiper-slide {
                width: 93px;
                height: 102px;
                position: relative;
                margin-right: 9px;
                cursor: pointer;
                padding-top: 9px; }
                .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 .swiper-slide.on .lab {
                  border: 1px solid #194882; }
                  .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 .swiper-slide.on .lab::after {
                    content: '';
                    width: 17px;
                    height: 9px;
                    background-image: url(../images/info_21.png);
                    background-size: 100% 100%;
                    position: absolute;
                    left: 50%;
                    top: -9px;
                    transform: translateX(-50%); }
                .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 .swiper-slide .lab {
                  width: 100%;
                  height: 100%;
                  border: 1px solid #D8D8D8;
                  position: relative; }
                  .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 .swiper-slide .lab img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover; }



		 .content .des_navbars {
    overflow: hidden;
    width: 100%;
    border-bottom:#ccc solid 1px; 
}
    .content .des_navbars .m {
      width: 1200px;
      margin: 25px auto;
      display: flex; }

      .content .des_navbars .m div {
        padding: 5px 20px;
        position: relative;
        cursor: pointer;
		border-radius:20px;
		 }
        .content .des_navbars .m div.on {
          background: #194882 ;
           }
          .content .des_navbars .m div.on span {
            color: #fff; }
        .content .des_navbars .m div:hover {
          background: #194882;
           }
          .content .des_navbars .m div:hover span {
            color: #fff ; }
        .content .des_navbars .m div span {
          display: block;
          text-align: center;
          font-size: 16px;
          color: #333; }

	 .content .main_about .m .head_title {
    margin-bottom: 50px; }
	
	.content .main_about .m .box p{
		font-size: 20px;
          color: #333333;
          line-height: 1.8;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
	}
	.content .main_about .m .box img{ max-width:100%;}
  .content .footer {
    overflow: hidden;
    width: 100%;
    background-image: url(../images/bg_05.jpg);
    background-size: cover;
    background-position: center center; }
    .content .footer footer {
      width: 100%;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      padding: 26px 0;
      box-sizing: border-box; }
      .content .footer footer .m {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .content .footer footer .m p {
          font-size: 16px;
          opacity: 0.6;
          color: #fff; }
        .content .footer footer .m div {
          display: flex;
          align-items: center; }
          .content .footer footer .m div a {
            display: block;
            margin-left: 12px; }
            .content .footer footer .m div a img {
              display: block; }
    .content .footer .top {
      overflow: hidden;
      padding: 64px 0 42px 0; }
      .content .footer .top .m {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .content .footer .top .m .fotlogo {
          display: block; }
        .content .footer .top .m .link {
          display: flex;
          align-items: flex-start; }
          .content .footer .top .m .link ul {
            overflow: hidden;
            padding: 0 29px; }
            .content .footer .top .m .link ul li {
              overflow: hidden;
              margin-bottom: 12px; }
              .content .footer .top .m .link ul li:first-child a {
                opacity: 1;
                font-size: 18px; }
              .content .footer .top .m .link ul li a {
                display: block;
                font-size: 15px;
                opacity: 0.8;
                color: #fff; }
        .content .footer .top .m .contact {
          overflow: hidden; }
          .content .footer .top .m .contact p {
            font-size: 24px;
            color: #fff;
            margin-bottom: 32px; }
          .content .footer .top .m .contact div {
            display: flex;
            align-items: center;
            margin-top: 12px; }
            .content .footer .top .m .contact div span {
              font-size: 18px;
              margin-left: 10px;
              color: #fff; }
            .content .footer .top .m .contact div em {
              font-size: 30px;
              font-weight: bold;
              color: #fff;
              margin-left: 10px; }
  .content .main_news {
    overflow: hidden;
    padding: 120px 0 70px 0; }
    .content .main_news .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_news .m .tong_title div {
        background: #FFAC28; }
      .content .main_news .m .button {
        margin: 0 auto;
        margin-top: 76px; }
      .content .main_news .m .box {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap; }
        .content .main_news .m .box .label {
          width: 31%;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          margin-top: 50px;
          border-radius: 6px;
          overflow: hidden;
          margin-right: 3.5%; }
          .content .main_news .m .box .label:hover .picture img {
            transform: scale(1.03); }
          .content .main_news .m .box .label .picture {
            overflow: hidden;
            width: 100%;
            height: 238px; }
            .content .main_news .m .box .label .picture img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover;
              transition: all .5s; }
          .content .main_news .m .box .label .info {
            overflow: hidden;
            width: 100%;
            padding: 16px;
            padding-bottom: 36px; }
            .content .main_news .m .box .label .info p {
              font-size: 20px;
              color: #111111;
              line-height: 1.7;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
            .content .main_news .m .box .label .info span {
              display: block;
              font-size: 16px;
              color: #333333;
              margin-top: 1.7;
              margin-top: 26px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
            .content .main_news .m .box .label .info div {
              display: flex;
              align-items: center;
              margin-top: 12px;
              font-size: 16px;
              color: #333333; }
              .content .main_news .m .box .label .info div img {
                margin-right: 10px; }
          .content .main_news .m .box .label:nth-child(3n) {
            margin-right: 0; }
			  .content .main_news_mm {
    overflow: hidden;
    padding: 120px 0 70px 0; }
    .content .main_news_mm .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_news_mm .m .tong_title div {
        background: #FFAC28; }
      .content .main_news_mm .m .button {
        margin: 0 auto;
        margin-top: 76px; }
      .content .main_news_mm .m .box {
        width: 100%;
        display: flex;
        align-items: flex-start;
		margin-top:32px;
        flex-wrap: wrap; }
        .content .main_news_mm .m .box .label {
          width: 13%;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          margin-top: 18px;
          border-radius: 6px;
          overflow: hidden;
          margin-right: 18px; }
          .content .main_news_mm .m .box .label:hover .picture img {
            transform: scale(1.03); }
          .content .main_news_mm .m .box .label .picture {
            overflow: hidden;
            width: 100%;
            height: 100px; }
            .content .main_news_mm .m .box .label .picture img {
              display: block;
              width: 100%;
              height: 100%;
              object-fit: cover;
              transition: all .5s; }
          .content .main_news_mm .m .box .label .info {
            overflow: hidden;
            width: 100%;
            padding: 16px;
            padding-bottom: 36px; }
            .content .main_news_mm .m .box .label .info p {
              font-size: 20px;
              color: #111111;
              line-height: 1.7;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
            .content .main_news_mm .m .box .label .info span {
              display: block;
              font-size: 16px;
              color: #333333;
              margin-top: 1.7;
              margin-top: 26px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden; }
            .content .main_news_mm .m .box .label .info div {
              display: flex;
              align-items: center;
              margin-top: 12px;
              font-size: 16px;
              color: #333333; }
              .content .main_news_mm .m .box .label .info div img {
                margin-right: 10px; }
          .content .main_news_mm .m .box .label:nth-child(7n) {
            margin-right: 0; }
			
			   .content .main_news_mm .m .box .label   .mask {
				position: absolute;
				background: rgba(0, 64, 152, 0.35);
				color: #ffffff;
				opacity: 0;
				top: 0;
				right: 0;
				width: 100%;
				height: 100%;
				border-radius: 10px;
				pointer-events: none;
			}
			
			
   .content .main_news_mm .m .box .label:hover .mask{
          opacity: 1; 
		  transition: opacity 0.5s ease-in-out;}
  .content .main_advantage {
    overflow: hidden;
    width: 100%;
    background-image: url(../images/bg_03.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 80px 0 155px 0; }
    .content .main_advantage .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_advantage .m .tong_title p, .content .main_advantage .m .tong_title span {
        color: #fff; }
      .content .main_advantage .m ul {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap; }
        .content .main_advantage .m ul li {
          overflow: hidden;
          width: 23%;
          margin-right: 2.6%;
          margin-top: 60px;
          border-radius: 10px;
          border: 1px solid #fff;
          padding: 36px 10px 28px 10px; }
          .content .main_advantage .m ul li:nth-child(4n) {
            margin-right: 0; }
          .content .main_advantage .m ul li img {
            display: block;
            margin: 0 auto;
            max-width: 60%; }
          .content .main_advantage .m ul li p {
            font-size: 22px;
            color: #fff;
            text-align: center;
            margin-top: 16px; }
          .content .main_advantage .m ul li span {
            display: block;
            text-align: center;
            font-size: 14px;
            margin-top: 20px;
            color: #fff; }
  .content .main_product {
    overflow: hidden;
    width: 100%;
    background-image: url(../images/bg_02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0; }
    .content .main_product .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_product .m .tong_title {
        text-align: center; }
      .content .main_product .m .button {
        margin: 0 auto;
        margin-top: 80px; }
      .content .main_product .m .box {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap; }
        .content .main_product .m .box .label {
          overflow: hidden;
          width: 32%;
          margin-right: 2%;
          margin-top: 42px;
          border-radius: 4px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          background: #fff; }
          .content .main_product .m .box .label:nth-child(3n) {
            margin-right: 0; }
          .content .main_product .m .box .label:hover .picture img {
            transform: scale(1.03); }
          .content .main_product .m .box .label:hover .name {
            background: #004e98; }
            .content .main_product .m .box .label:hover .name span {
              color: #fff; }
          .content .main_product .m .box .label .picture {
            overflow: hidden;
            width: 100%;
            height: 360px; }
            .content .main_product .m .box .label .picture img {
              display: block;
              width: 100%;
              height: 100%;
              transition: all .5s; }
          .content .main_product .m .box .label .name {
            width: 100%;
            height: 72px;
            padding: 0 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .1s; }
            .content .main_product .m .box .label .name span {
              display: block;
              font-size: 21px;
              color: #004e98;
              text-align: center; }
			  
			    .content .main_products {
    overflow: hidden;
    width: 100%;
    background-image: url(../images/bg_02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0; }
    .content .main_products .m {
      width: 1200px;
      margin: 0 auto; }
      .content .main_products .m .tong_title {
        text-align: center; }
      .content .main_products .m .button {
        margin: 0 auto;
        margin-top: 80px; }
      .content .main_products .m .box {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap; }
        .content .main_products .m .box .label {
          overflow: hidden;
          width: 32%;
          margin-right: 2%;
          margin-top: 42px;
          border-radius: 4px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          background: #fff;
		  
		  }
          .content .main_products .m .box .label:nth-child(3n) {
            margin-right: 0; }
          .content .main_products .m .box .label:hover .picture img {
            transform: scale(1.03); }
          .content .main_products .m .box .label:hover .name {
            border-bottom: #004e98 solid 3px; }
            .content .main_products .m .box .label:hover .name span {
              color: #004e98; }
          .content .main_products .m .box .label .picture {
            overflow: hidden;
            width: 100%;
            height: 360px; }
            .content .main_products .m .box .label .picture img {
              display: block;
              width: 100%;
              height: 100%;
              transition: all .5s; }
			  
			.content .main_products .m .box .label   .mask {
				position: absolute;
				background: rgba(0, 64, 152, 0.35);
				color: #ffffff;
				opacity: 0;
				top: 0;
				right: 0;
				width: 100%;
				height: 100%;
				border-radius: 10px;
				pointer-events: none;
			}
			
			
		 .content .main_products .m .box .label:hover .mask{
          opacity: 1; 
		  transition: opacity 0.5s ease-in-out;}

          .content .main_products .m .box .label .name {
            width: 100%;
            height: 72px;
            padding: 0 15px;
            display: flex;
			border-top:#ccc solid 1px;
            align-items: center;
            justify-content: center;
            transition: all .1s; }
            .content .main_products .m .box .label .name span {
              display: block;
              font-size: 21px;
              color: #004e98;
              text-align: center; }
			  
  .content .button {
    width: 220px;
    height: 57px;
    background: #fff;
    border: 1px solid #004E98; }
    .content .button a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: #232323; }
      .content .button a img {
        margin-left: 8px; }
  .content .tong_title {
    width: 100%;
    text-align: center; }
    .content .tong_title p {
      font-size: 40px;
      color: #333333;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 6px; }
    .content .tong_title div {
      width: 52px;
      height: 4px;
      margin: 0 auto;
      background: #FFAC28; }
    .content .tong_title span {
      display: block;
      font-size: 30px;
      color: #222222;
      margin-bottom: 8px; }
	  .content .head_title {
    width: 100%;
    text-align: left; }
    .content .head_title p {
      font-size: 60px;
      color: #e2e4e6;
	  opacity: 0.8;
      text-transform: uppercase;
      margin-bottom: 6px; 
	  position:absolute;
	  z-index:-1;
	  margin-top:-30px;}
    .content .head_title div {
      width: 36px;
      height: 4px;
      background: #FFAC28; }
    .content .head_title span {
      display: block;
	  font-weight: bold;
      font-size: 30px;
      color: #222222;
      margin-bottom: 8px; }
	  
	 .content .cf{
		 padding:100px 0px 50px 0px;
	 }
	  
	/* height: 400px; */
.sbanner{ display: block; width: 100%; height: 550px; overflow: hidden; background-position: 50% 50% !important; background-size: cover !important; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; }
.sbanner>.m-ads{ margin: 0 auto; width: 450px; height: 420px; display: flex; justify-content: center; align-items: center;}
.sbanner>.m-ads>.ico{ width: 100%;}
.sbanner>.m-txt{ font-family: ac; text-transform: uppercase; font-size: 72px; font-weight:bold;
    background: linear-gradient(to bottom, #ffffff, transparent);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; margin: 0 auto; width:100%; height: 450px; display: flex; justify-content: center; align-items: center;}
.sbanner>.l-txt{ width: 1440px;  margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items:center;}
.sbanner>.l-txt>.ads-text{ font-family: ac; font-size: 36px; line-height: 60px; text-transform: uppercase; color: #FFF; margin-top:-340px;}
.sbanner>.l-txt>.ext-text{ font-size: 14px; line-height: 40px; text-transform: uppercase; color: #FFF;}

.car{
	background:url('../images/car.png') 0 -100% no-repeat;
	text-align:center;
	margin-top:-110px;
	margin-bottom:120px;
}

.car img{
	
	max-width:100%;
}

@media (max-width: 1600px) {
  .content .header .logo {
    height: 50%; }
	
	.sbanner{ height: 480px;}
  .sbanner>.m-ads{ width: 380px; height: 380px;}
  .sbanner>.m-txt{ width: 100%; height: 380px;}
  .sbanner>.l-txt{ width: 1200px; height: 380px;}

  .content .header .right > ul > li > a {
    padding: 0 18px; }

  .content .header .right .lang {
    margin-left: 30px; } }
@media (max-width: 1400px) {
  .m {
    width: 80% !important; }
	
	.sbanner{ height: 440px;}
  .sbanner>.m-ads{ width: 340px; height: 340px;}
  .sbanner>.m-txt{ width: 100%; height: 340px; font-size: 72px;}
  .sbanner>.l-txt{ width: 996px; height: 340px; }

  .content .header .right .lang a {
    font-size: 15px; }

  .content .header .right > ul > li > a {
    font-size: 15px;
    padding: 0 12px; }

  .content .main_about .m .picture {
    width: 50%; }

  .content .main_about .m .grow {
    padding-left: 30px; }
	
	  .content .main_contact .m .picture {
    width: 50%; }

  .content .main_contact .m .grow {
    padding-left: 0px; }
	
  .content .head_title p {
    font-size: 46px; }

  .content .head_title span {
    font-size: 24px; }

  .content .tong_title p {
    font-size: 30px; }

  .content .tong_title span {
    font-size: 24px; }

  .content .main_about .m .grow > p {
    font-size: 26px; }

  .content .main_about .m .grow > span {
    font-size: 16px; }
	
  .content .main_contact .m .grow > p {
    font-size: 26px; }

  .content .main_contact .m .grow > span {
    font-size: 16px; }

  .content .main_news .m .box .label .info p {
    font-size: 18px; } }
@media (max-width: 1000px) {
  .m {
    width: 100% !important; }
	
	.sbanner{ height: 4.2rem;}
  .sbanner>.m-ads{ width: 3.2rem; height: 3.2rem;}
  .sbanner>.m-txt{ width: 100%; height: 3.2rem; font-size: 0.60rem;}
  .sbanner>.l-txt>.ads-text{margin-top:-260px;}
  .sbanner>.l-txt{ width: 100%; height: 3.2rem; box-sizing: border-box; padding: 0 0.2rem; }
  .sbanner>.l-txt>.ads-text{ font-size: 0.36rem; line-height: 1rem;}
  .sbanner>.l-txt>.ext-text{ font-size: 0.28rem; line-height: 0.4rem;}
  
  
  .content .main_product_box{
	padding:0.8rem 0.3rem;
	background: url(../images/cpv.png) no-repeat; 
	background-size:150%;
}
.content .main_product_box .m1300 .infos .box{
	font-size:0.24rem;
}
  .content .main_product_box .m1300 .main_info {
    display: block; }

  .content .main_product_box .m1300 .main_info .slide {
    width: 100%; }

  .content .main_product_box .m1300 .main_info .grow {
    width: 100%;
    margin-top: 30px;
    padding: 0; }
  
   .content .des_navbars .m {
    flex-wrap: wrap; }
    .content .des_navbars .m div {
      width: 33.33%;
      flex: auto; }

  .content .des_navbars .m div span {
    font-size: .25rem; }
  
   .content .cf{
		 padding:0.3rem 0 0.3rem 0 !important;
	 }
	 
  .car{ margin-top:0rem !important; 
  padding:0 0.3rem; 
  background: url(../images/car.png) 0 -25% no-repeat;
  background-size:100%;
  margin-bottom:0.6rem;
  }

  .content .header .right > ul {
    display: none; }

  .content .header {
    height: 1.2rem;
    padding: 0 .3rem; }

  .content .null {
    height: 1.2rem; }

  .content .header .right .lang {
    display: none; }

  .content .header .right .search {
    width: .4rem;
    margin-left: .2rem; }

  .content .main_about {
    padding: .8rem .3rem; }
    .content .main_about .m {
      display: block;
      width: 100%; }
      .content .main_about .m .picture {
        width: 100%; }
      .content .main_about .m .grow {
        width: 100%;
        padding: 0;
        margin-top: .3rem; }
        .content .main_about .m .grow > p {
          font-size: .32rem; }
        .content .main_about .m .grow > span {
          font-size: .26rem;
          margin-bottom: .6rem; }
		  
		 .content .main_about .m .grow > span img{
          max-width:100%; }
		  
		   .content .main_contact {
    padding: .8rem .3rem; }
    .content .main_contact .m {
      display: block;
      width: 100%; }
      .content .main_contact .m .picture {
        width: 100%; }
      .content .main_contact .m .grow {
        width: 100%;
        padding: 0;
        margin-top: .3rem; }
        .content .main_contact .m .grow > p {
          font-size: .32rem; }
        .content .main_contact .m .grow > span {
          font-size: .26rem;
          margin-bottom: .6rem; }

  .content .main_product {
    padding: .8rem .3rem; }
	
	  .content .main_products {
    padding: .8rem .3rem; }

  .content .button {
    width: 3rem;
    height: .88rem; }
    .content .button a {
      font-size: .26rem; }

  .content .tong_title p {
    font-size: .36rem; }

  .content .tong_title span {
    font-size: .3rem;
    font-weight: bold; }
	
  .content .head_title p {
    font-size: .46rem; 
	margin-top: -10px;
	}

  .content .head_title span {
    font-size: .3rem;
    font-weight: bold;
	}

  .content .main_product .m .box .label {
    width: 48%;
    margin: 0;
    margin-top: .3rem; }

  .content .main_product .m .box {
    margin-top: .5rem;
    justify-content: space-between; }
	
	
	.content .main_product_box .m1300 .infos{
		margin:0.8rem 0;
	}
	.content .main_product_box .m1300 .infos .head{
		
		height:0.6rem;
		
	}
	.content .main_product_box .m1300 .infos .head p{
		height:0.6rem;
		line-height:0.6rem;
		font-size:0.24rem;
		width:1rem;
	}

  .content .main_product .m .box .label .picture {
    height: 3.4rem; }

  .content .main_product .m .box .label .name {
    height: .8rem; }
    .content .main_product .m .box .label .name span {
      font-size: .26rem; }

  .content .main_product .m .button {
    margin-top: .6rem; }
	
	  .content .main_products .m .box .label {
    width: 48%;
    margin: 0;
    margin-top: .3rem; }

  .content .main_products .m .box {
    margin-top: .5rem;
    justify-content: space-between; }

  .content .main_products .m .box .label .picture {
    height: 3.4rem; }

  .content .main_products .m .box .label .name {
    height: .8rem; }
    .content .main_products .m .box .label .name span {
      font-size: .26rem; }

  .content .main_products .m .button {
    margin-top: .6rem; }

  .content .main_about .m .grow .tong_title {
    margin-bottom: .3rem; }
	
	  .content .main_about .m .head_title {
    margin-bottom: .3rem; }
	
	
	 .content .main_contact .m .grow .tong_title {
    margin-bottom: .3rem; }
	
	  .content .main_contact .m .head_title {
    margin-bottom: .3rem; }
	
	
  .content .main_advantage {
    padding: .8rem .3rem; }

  .content .main_advantage .m ul {
    justify-content: space-between;
    margin-top: .5rem; }
    .content .main_advantage .m ul li {
      width: 48%;
      margin: 0;
      margin-top: .3rem; }

  .content .main_advantage .m ul li p {
    font-size: .3rem; }

  .content .main_advantage .m ul li span {
    font-size: .26rem;
    margin-top: .3rem; }

  .content .main_news {
    padding: .8rem .3rem; }

  .content .main_news .m .box .label {
    width: 48%;
    margin: 0;
    margin-top: .3rem; }

  .content .main_news .m .box {
    margin-top: .5rem;
    justify-content: space-between; }

  .content .main_news .m .box .label .picture {
    height: 3rem; }

  .content .main_news .m .box .label .info {
    padding: .16rem; }
    .content .main_news .m .box .label .info p {
      font-size: .26rem;
      line-height: 1.6; }
    .content .main_news .m .box .label .info span {
      font-size: .24rem;
      margin-top: .2rem; }
    .content .main_news .m .box .label .info div {
      font-size: .22rem; }

  .content .main_news .m .button {
    margin-top: .5rem; }
	
	
	  .content .main_news_mm {
    padding: .8rem .3rem; }

  .content .main_news_mm .m .box .label {
    width: 48%;
    margin: 0;
    margin-top: .3rem; }

  .content .main_news_mm .m .box {
    margin-top: .5rem;
    justify-content: space-between; }

  .content .main_news_mm .m .box .label .picture {
    height: 3rem; }

  .content .main_news_mm .m .box .label .info {
    padding: .16rem; }
    .content .main_news_mm .m .box .label .info p {
      font-size: .26rem;
      line-height: 1.6; }
    .content .main_news_mm .m .box .label .info span {
      font-size: .24rem;
      margin-top: .2rem; }
    .content .main_news_mm .m .box .label .info div {
      font-size: .22rem; }
	  

  .content .footer .top {
    padding: .3rem; }

  .content .footer .top .m .link {
    display: none; }

  .content .footer .top .m {
    display: block; }

  .content .footer .top .m .fotlogo {
    width: 1.4rem;
    margin: 0 auto;
    margin-bottom: .3rem; }

  .content .footer .top .m .contact p {
    font-size: .26rem;
    margin-bottom: .2rem; }

  .content .footer .top .m .contact div {
    margin-top: .15rem; }
    .content .footer .top .m .contact div span {
      font-size: .24rem; }
    .content .footer .top .m .contact div em {
      font-size: .28rem; }

  .content .footer footer {
    padding: .2rem .3rem; }
    .content .footer footer .m {
      display: block; }
      .content .footer footer .m p {
        font-size: .24rem;
        text-align: center; }
      .content .footer footer .m div {
        justify-content: center;
        margin-top: .16rem; }
        .content .footer footer .m div a {
          margin: 0 .2rem; }

  .mobile_fade {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999999; }
    .mobile_fade .box {
      width: 100%;
      height: calc(100vh - 1rem);
      position: absolute;
      left: 0;
      top: -100vh;
      background: #fff; }
      .mobile_fade .box ul {
        overflow: auto;
        height: 100%;
        padding: 0 .3rem; }
        .mobile_fade .box ul li {
          overflow: hidden;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          width: 100%; }
          .mobile_fade .box ul li span {
            height: 1rem;
            display: flex;
            font-size: .28rem;
            color: #333;
            align-items: center;
            justify-content: space-between; }
            .mobile_fade .box ul li span.on img {
              transform: rotate(90deg); }
            .mobile_fade .box ul li span a {
              font-size: .28rem;
              color: #000;
              height: 100%;
              display: flex;
              align-items: center;
              width: 90%; }
            .mobile_fade .box ul li span img {
              width: .35rem;
              transition: all .2s; }
          .mobile_fade .box ul li div {
            overflow: hidden;
            width: 100%;
            display: none; }
            .mobile_fade .box ul li div a {
              display: flex;
              align-items: center;
              font-size: .26rem;
              color: #333;
              height: .8rem; }

  .content .header {
    z-index: 9999999; }

  .fadein_search .child {
    height: .9rem;
    width: 5.6rem; }

  .fadein_search .child input[type='text'] {
    font-size: .26rem; }

  .fadein_search .child input[type='submit'] {
    font-size: .26rem; }

  .fadein_search .box .closes {
    width: .5rem;
    right: 1rem;
    top: -1rem; }

  .menu {
    display: block;
    width: .6rem;
    margin-left: .3rem; } }
	
	
	.comm-page{ padding: 60px 0; display: flex; justify-content: center; align-items: center;}
.comm-page>.current{ position: relative; color: #fff !important; background: #003b9c !important;}
/*.comm-page>.current::after{ height: 1px; position: absolute; content: ''; bottom: 0; left: 0; right: 0; background: #949494;}*/
.comm-page>.page-item{ min-width: 32px; height: 32px; line-height: 32px; font-size: 14px; margin: 0 4px; text-align: center; color: #666; background:#fff; border-radius:32px; border:#ccc solid 1px;}
.comm-page>.page-prev, .comm-page>.page-next{ position: relative; text-indent: -999rem; }
.comm-page>.page-prev::after, .comm-page>.page-next::after{ width: 16px; height: 16px; position: absolute; content: ''; background-size: cover !important; background-position: 50% 50% !important; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.comm-page>.page-prev::after{ background: url('../images/icon-prev.png');}
.comm-page>.page-next::after{ background: url('../images/icon-next.png');}

/*# sourceMappingURL=css.css.map */