/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{margin:0;padding:0;list-style:none;text-decoration:none;border:0;list-style:none;box-sizing: border-box;}
body{font-size:12px;font-family:'Microsoft YaHei';color:#666;background: #F2F3F2;}
a{color:#666;}
p{line-height:1.8em; padding:5px 0;    font-size: 16px;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1400px; margin:0 auto;}




.head{ width: 100%; background-color: #Fff;}
.head .wapper{ display: flex; justify-content: space-between; align-items: center;}
.logo{ width: 200px;}
.logo img{ width: 100%; display: block;}
.menu ul li{ line-height: 100px; padding: 0 20px; }
.menu ul li a{ font-size: 18px; font-weight: bold; color: #000;}
.menu ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.link a{ display: block; width: 120px; line-height: 45px; border-radius: 10px; text-align: center; color: #fff; background-image: url(../images/bg1.png); background-repeat: no-repeat; background-size: cover; font-size: 14px;}

.banner { position:relative; overflow:hidden;}
.banner .swiper-container{}
.banner .swiper-slide { position:relative; overflow:hidden; z-index:1;}
.banner .swiper-slide.swiper-slide-active{ z-index:2;}
.banner .swiper-slide img{ display:block; width:100%; height:33vw; background:#f9f9f9; transform:scale(1.1); transition:all 4s ease;}
.banner .swiper-slide.swiper-slide-active img{ transform:scale(1);}
.banner .swiper-slide .txtbg{ width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.banner .swiper-slide .txt{ color:#fff; text-align:center;}
.banner .swiper-slide .txt .h2{font-size: 80px;line-height:1.2em;font-weight:bold;margin-bottom: 20px;}
.banner .swiper-slide .txt .h3{font-size: 28px;line-height:1.4em;}
.banner .swiper-pagination{ height:10px; bottom:var(--40px);}
.banner .swiper-pagination span{ display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:10px; margin:0 8px; background:#fff; opacity:1; transition:all .3s ease;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:20px; background:#fff; opacity:1;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:60px; height:60px; margin-top:-30px; background-color:rgba(0,0,0,.5); background-size:15px 30px; opacity:0; transition:all .3s ease; border-radius:8px;}
.banner .swiper-button-prev{ left:5%; transform:translateX(-100%);}
.banner .swiper-button-next{ right:5%; transform:translateX(100%);}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{ opacity:.7; transform:translateX(0) !important;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ opacity:1;}
@media(max-width:999px){
.banner .swiper-slide img{ height:50vw; }
.banner .swiper-slide .txtbg{ width:90%; }
.banner .swiper-slide .txt .h2{ font-size:20px; line-height:1.2em; margin-bottom:10px;}
.banner .swiper-slide .txt .h3{ font-size:24px; line-height:1.4em;}
.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-button-prev,.banner .swiper-button-next{ width:40px; height:40px; margin-top:-20px; }
}

	.con1{ width: 100%; margin:80px 0; position: relative;}
	.con1::after{ width: 2px; height: 100%; background-color: #a5a5a5; position: absolute; left: 50%; transform: translateX(-50%); content: ""; top: 0;}
	.c1lf{ width: 45%; float: left;}
	.c1rt{ width: 45%; float: right;}
	.c1lf h1{ font-size: 34px; margin-bottom: 40px;}
	.c1lf .nr{ font-size: 16px;}
	.c1lf .nr p{ font-size: 16px; margin-bottom: 20px;}
	.c1rt img{ width: 100%; display: block;}
	
	.con2{ width: 100%; margin: 80px 0;}
	.con2 img{ width: 100%; display: block;}
	
	
	.con3{ width: 100%; margin:80px 0; position: relative;}
	.con3::after{ width: 2px; height: 100%; background-color: #a5a5a5; position: absolute; left: 50%; transform: translateX(-50%); content: ""; top: 0;}
	.c1rt h1{ font-size: 34px; margin-bottom: 40px;}
	.c1rt .nr{ font-size: 16px;}
	.c1rt .nr p{ font-size: 16px; margin-bottom: 20px;}
	.c1lf img{ width: 100%; display: block;}
	
	.mores{ width: 220px; height: 45px; font-size: 16px; line-height: 45px; background-color: #ff0000; color: #fff; text-align: center; display: block; margin: 60px auto; }
   
   .foot{ width: 100%; padding: 100px 0; padding-bottom: 0; background-color: #09090B;}
   .footlogo{ width: 270px; }
   .footlogo img{ width: 200px; display: block;margin-bottom: 40px;}
   .footlogo .nr{font-size: 16px;color: #fff; margin-bottom: 40px;}
   .foot .wapper{ display: flex; justify-content: space-between; flex-wrap: wrap;}
   .footitem{ width: 250px;}
   .footitem h1{ font-size: 18px; color: #fff; margin-bottom: 30px;}
   .footitem p{ font-size: 18px; color: #999999;}
   .footitem a{ font-size: 18px; color: #fff; display: block; padding: 20px 0;}
   .footitem span{ font-size: 18px; color: #fff;display: block;}
   .footitem ul li a{font-size: 18px;padding: 0;color: #fff;}
   .footitem ul li{ line-height: 35px; }
   .flow{ display: flex; align-items: center;}
   .flow a{ padding: 0; margin: 0 15px; }
   .footbtm{ width: 100%; padding: 20px 0; border-top: 1px solid #999;  margin-top: 60px;}
   .footrt{ width: 50%; display: flex; justify-content: space-between;}
   .footlogomess{ width: 100%;}
   .footlogomess input{ width: 100%; background-color: transparent; border: 0; padding-bottom: 0px; font-size: 16px; color: #fff; line-height: 45px; border-bottom: 1px solid #fff; margin-bottom: 20px;}
   .footlogomess p input{ width: auto; margin: 0; margin-right: 10px;}
   .footlogomess p{ display: flex; align-items: center; font-size: 14px; color: ;}
   .footlogomess p a{ color: #fff;}
   
   .pro{ width: 100%; padding: 60px 0;}
   .pro ul li{ margin-bottom: 60px;}
   .prolf{ width: 30%; float: left;}
   .prolf h1{ font-size: 34px; }
   .prolf h3{ font-size: 16px; margin-bottom: 40px;}
   .prolf .nr{ font-size: 16px; margin-bottom: 40px;}
   .probtn{display: inline-block;padding: 0 25px;line-height: 66px;border: 1px solid #aaaaaa;font-size: 16px;vertical-align: middle;display: flex;align-items: center;justify-content: space-between;width: 200px;}
   .probtn:hover{ background-color: #404040; color: #fff;}
   .img2{ display: none;}
   .probtn:hover .img1{ display: none;}
   .probtn:hover .img2{ display: block;}
   .prort{ width: 66%; display: flex; justify-content: space-between; flex-wrap: wrap; float: right;}
   .prort img{ width: 49%;    height: 348px;object-fit: cover;}
   
   .prolist{ width: 100%; padding: 60px 0;}
   .prolist ul li{ width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px; float: left;}
   .prolist ul li img{ width: 100%;    height: 457PX;OBJECT-FIT: cover;}
   .propic{ width: 100%; margin-bottom: 20px;}
   .prolist ul li:nth-child(2n){ margin-right: 0;}
   .prolistwz{ width: 100%;}
   .prolistwz h1{ font-size: 16px;}
   .prolistwz p{ font-size: 16px;}
   .prolist ul li:hover .img1{ display: none;}
   .prolist ul li:hover .img2{ display: block;}
   
   .pro1{ width: 100%;}
   .pro1 img{     max-width: 100%;display: block;margin: 0 auto;}
   .pro1con{ width: 100%; padding: 60px 0;}
   .pro1cnlf{ width: 40%; float: left;}
   .pro1cnlf h1{ font-size: 34px; line-height: 60px; color: #000;}
   .pro1cnlf h2{ font-size: 16px; margin-bottom: 40px;}
   .pro1cnrt{ width: 58%; float: right;}
   .pro1cnrt .nr p{ font-size: 16px; margin-bottom: 20px;}
   .proslf{ width: 50%; float: left;}
    .swiper-slide img {
         display: block;
         width: 100%;
         height: 100%;
         object-fit: cover;
       }
   .proshows{ width: 100%; }
   .prosrt{ width: 50%; padding: 0 100px;  padding-top: 100px; padding-bottom: 60px; background-color: #C5C5C5; float: right;}
   .prosrt h3{ font-size: 16; margin-bottom: 20px;}
   .prosrt h1{ font-size: 34px; padding-bottom: 20px; border-bottom: 2px solid #000; margin-bottom: 20px;}
   
   
   .sp_header{height: 100px;overflow:hidden;background: transparent;position: relative;z-index:10;width:100%;display: block;}
   .sp_logo{padding:10px;float:left;height: auto;width: 200px;height: 100px;}
   .sp_logo img{margin:auto;max-height: initial;width: 100%;height: 100%;object-fit: contain;display: block;}
   .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 40px;}
   .sjj_nav ul{width: 100%;max-width: 1400px;margin: 0 auto;transform: translateY(100px);}
   .sp_nav span{display:block;background: #000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;}
   .sp_nav span:nth-of-type(1){top:0px}
   .sp_nav span:nth-of-type(2){top:10px}
   .sp_nav span:nth-of-type(3){top:20px}
   .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
   .sp_nav_se span:nth-of-type(2){width:0}
   .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
   .sjj_nav{position:fixed;z-index:9;background: #D8D7D7;width:100%;height: 100vh;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;padding: 30px 00;}
   .nav_show{top: 0;}
   .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
   .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);/* margin-bottom: 20px; */}
   .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
   .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
   .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
   .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
   .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
   .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px;margin-bottom: 10px;}
   .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
   .sjj_nav ul li ul{display:none}
   .sjj_nav ul li a{color:#666;width:80%;font-size: 34px;}
   .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
   .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
   .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
   .sjj_nav ul li ul li>ul{margin-left:10px}
   .con{ width: 100%; padding: 100px 0;}
   @media screen and (max-width:768px){
	   .con{ padding: 20px 0;}
	.head{ display: none;}
  .sp_header{ display: block;}
  .nv{ height: 50px;}
  .con1nr .bd {
      width: 100%;
  }
	.pro1cnlf {
		width: 100%;
		float: left;
	}
	.pro1cnrt {
		width: 100%;
		float: right;
	}
	.proslf {
		width: 100%;
		float: left;
	}
	.prosrt {
		width: 100%;
		padding: 0 14px;
		padding-top: 9px;
		padding-bottom: 60px;
		background-color: #C5C5C5;
		float: right;
	}
	.c1lf {
		width: 100%;
		float: left;
	}
	.c1rt {
		width: 100%;
		float: right;
		margin-top: 49px;
	}
	.con1::after {
		width: 2px;
		height: 100%;
		background-color: #a5a5a5;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		content: "";
		top: 0;
		display:none
	}
	.con3::after {
		display: none;
			width: 2px;
		height: 100%;
		background-color: #a5a5a5;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		content: "";
		top: 0;
	}
	.prolf {
		width: 100%;
		float: left;
	}
	.prort {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		float: right;
	}
		.prort img {
			width: 50%;
			height: 191px;
			object-fit: cover;
			margin-top: 23px;
		}
  .con1nr .hd {
      width: 100%;
      position: relative;
      top: 0;
      right: 0;
      height: 100%;
  }
  .con1nr .hd ul li span {
      width: calc(100% - 105px);
      font-size: 12px;
      line-height: 1.5;
      word-break: break-all;
  }
  .con1nr .hd ul li:nth-child(2), .con1nr .hd ul li:nth-child(3) {
      width: 100%;
  }
  .con1 {
      width: 100%;
	  padding: 20px 0;
    }
	.con2 {
	    width: 100%;padding: 20px 0;
	  }
	  .con3 {
	      width: 100%;padding: 20px 0;
	    }
		.con4 {
		    width: 100%;padding: 20px 0;
		  }
		.con5 {
		    width: 100%;padding: 20px 0;
		  }
		  .con6 {
		    width: 100%;padding: 20px 0;
		  }
		  .bt h1 {
		      font-size: 18px;
		      margin-top: 30px;
		      color: #000;
		  }
		  .bt {
		      text-align: center;
		      width: 100%;
		      margin-bottom: 20px;
		  }
		  .con2 ul li {
		      width: 100%;
		      margin-right: 0;
		      float: left;
		      border-radius: 25px;
		      background-color: #FEFEFE;
			margin-bottom: 10px;
		  }
		  .c2flow ul li {
		      margin: 0 10px;
		      width: 30px;
		      padding: 5px;
		      background-color: #fff;
		  }
		  .c2bt h1 {
		      width: 100%;
		      font-size: 18px;
		      color: #fff;
		      text-align: center;
		      margin-bottom: 10px;
		      color: #fff;
		  }
		  .c2bt p {
		      padding: 0;
		      color: #fff;
		      font-size: 12px;
		      line-height: normal;
		  }
		  .c2bt {
		      width: 100%;
		      background-image: url(../images/btnbg.png);
		      background-size: cover;
		      display: flex;
		      align-items: center;
		      justify-content: center;
		      flex-wrap: wrap;
		      padding: 10px 0;
		      border-radius: 60px;
		      margin-bottom: 20px;
		  }
		  .wapper{ width: 95%;}
		  .newslf {
		      width: 100%;
		  }
		  .newspic {
		      width: 100%; margin: 10px 0;
		  }
		.newsrt {
		    width: 100%;
		}
		.con4 ul li{ width: 100%;}
		.con5 ul li {
		    width: 100%;
		    margin-right: 0;
		    background-color: #F2F2F2;
		    border-radius: 20px;
		    float: left;
		    margin-bottom: 10px;
		}
		.nr p{ word-break: break-all;}
		.con5 ul li:nth-child(4) {
		    width: 100%;
		    background-image: url(../images/btnbg.png);
		    background-size: cover;
		}
		.iptitem {
		    width: 100%;
		    margin-bottom: 20px;
		}
		.iptitem input {
		    width: 100%;
		    height: 33px;
		    line-height: 35px;
		    text-indent: 1rem;
		    border-radius: 20px;
		}
		.iptitem label {
		    font-size: 16px;
		    color: #000;
		    margin-bottom: 10px;
		    display: block;
		}
		.ipt {
		    width: 100%;
		    display: flex;
		    align-items: center;
		    flex-wrap: wrap;
		    justify-content: space-between;
		    margin-bottom: 0PX;
		}
		.iptitem1 label {
		    font-size: 16px;
		    color: #000;
		    margin-bottom: 10px;
		    display: block;
		}
		.iptitem1 button {
		    width: 100%;
		    border-radius: 20px;
		    line-height: 35px;
		    background-color: #1201D9;
		    color: #fff;
		    font-size: 18px;
		    margin: 20px 0;
		}
		.footitem {
		    width: 100%;
			margin: 10px 0;
		}
   }