@font-face {
  font-family: 'iconfonttwo';  /* Project id 2738956 */
  src: url('https://at.alicdn.com/t/font_2738956_9wuckbbkcvp.woff2?t=1639452885582') format('woff2'),
       url('https://at.alicdn.com/t/font_2738956_9wuckbbkcvp.woff?t=1639452885582') format('woff'),
       url('https://at.alicdn.com/t/font_2738956_9wuckbbkcvp.ttf?t=1639452885582') format('truetype');
}

.iconfonttwo{ font-family:iconfonttwo; }




*{ padding:0px; margin:0px; list-style-type: none; outline:none; font-style:normal; }
a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}




a:hover {
    color: #035C88;
}


 

@font-face {
  font-family: 'yuan';  /* Project id 2612474 */
  src: url('http://at.alicdn.com/t/font_2612474_e6inv9tcf5d.woff2?t=1623751054851') format('woff2'),
       url('http://at.alicdn.com/t/font_2612474_e6inv9tcf5d.woff?t=1623751054851') format('woff'),
       url('http://at.alicdn.com/t/font_2612474_e6inv9tcf5d.ttf?t=1623751054851') format('truetype');
}

.yuan {
  font-family: "yuan" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}




body{ color: #4B4948; min-width:1300px;  font-family: "Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; }


.header { position: fixed; top: 0; width: 100%; z-index: 99; background: #fff; box-sizing: border-box; padding: 10px 2%;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
.header.headerindex { background-color: rgba(4, 80, 121, 0.64); box-shadow: none; padding:0px 2%;

border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(6px);
}
.header .logo { float:left;
    width:427px;
    overflow: hidden;
    background: 0px 10px;
    background-size: 177px; }
.header.headerindex .logo {  
	
		background-size: 100%;
	    margin-left:0;
	    top: 0;
	    padding:23px 0px;
	    text-align: center;
}
.header .logo img { width:100%; height: auto;     display: block;}
 
 .logo .bai{ display: inline-block; }
  .logo .hei{ display:none; }
 
 .header .close{ display:none; }
 
 .dbno .header-search{ margin-top: 22px; }
 
 
 
  .dbno .logo{ margin-top: 28px; }
 
 .header-search{ display: inline-block; float:left;     margin-top: -8px; } 
 .header-search .search-input{background:none;
     border: none;
     color: #222;
     font-size: 14px;
     width:150px;
     height: 30px;     border: 1px solid #f1f1f1;
     padding-left: 15px;
     float: left; border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; border-right:none; }
 .header-search .search-submit{ border: none;
     box-shadow: none;
     color: #fff;
     font-size: 14px;
     height: 32px;
     line-height: 32px;
     width:33px;
     text-align: center;
     text-transform: uppercase;
     background-image: url(../images/search.png);
     background-size: 20px;
     background-repeat: no-repeat;
     background-position: center;
     cursor: pointer;     border: 1px solid #f1f1f1;     
	 background-color: inherit;
    border-left: none;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px; border-left:none; }
	 
	 
	 
	 
 
 
.nav { margin: 0 auto; float:right;}
.nav li {  position: relative;  text-align:right; margin-left:40px; float: left;}

.nav a { position: relative;  display: inline-block; height:50px;  line-height:50px;  width:100%; font-size: 16px; color: #5e5e5e;}
.nav a:hover{ color: #007548; }
.nav .logocen{width: 300px; flex: inherit; }
 


.header.headerindex .nav .lang{ color:#fff; padding-left: 40px; }
.header.headerindex .nav .lang a{ color:#7fd5ff; display: inline-block;     width: auto; margin:0px 10px; }
.header.headerindex .nav .lang a:hover{  color:#fff; }
.header.headerindex .nav .lang a.hover{  color:#fff; }

.lang::before{ content:''; display:block; width:1px; height:100px; background:#fff; position: absolute;   top: 0px;  opacity: 0.2; left: 0;}

.header.dbno a,.header.dbno .lang{ color:#505050; }


 .header .nav li .nav_two {
     position: absolute;
     left:-80%;
     width:250%;

     display: none;
     padding: 20px 0px;
	 background-color: rgba(4, 80, 121, 0.64);
	 backdrop-filter: blur(6px);
     margin-top: 1px;
 }
 .header .nav li:hover .nav_two {
     display: block;
 }
 .header .nav .nav_two li {
     float: none;
     margin-left: 0px;
     width: 100%;
	 padding: 0;
 }
 
 .header .nav li .nav_two a {
     text-align:right;
 }
 .header .nav .nav_two li a {
     line-height: 45px;
     height: 45px;
     font-weight: 400; text-align:center; padding:0;
 }
 
 .header .nav .nav_two li a:hover{ font-weight:bold; }
 .header .nav .nav_two.nav_two_en a {
     font-size:14px; text-transform: capitalize;
 }
 .header.dbno .nav a:hover{ font-weight:bold; }
  .header.dbno .nav li .nav_two {  background: #ffffff;   top: 75px;}
 
 
 
 @media screen and (max-width:1350px){
	 .header.headerindex .nav .lang{     padding-left: 20px; }
	 .nav li{ margin-left: 30px; }
	 .header.headerindex .nav .lang a{ margin: 0px 5px; }
	 .nav a{ font-size:14px; }
 }
 
 .oth_nav{}
 .oth_nav a{ font-size: 18px; margin-right:50px; background: url(../images/ry.png) no-repeat 118px 17px #f1f1f1; display: inline-block;  padding:20px 40px;  padding-right:67px; background-size: 30px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
 
 .oth_nav a:hover{ background: url(../images/ry_hover.png) no-repeat 118px 17px #fff; background-size: 30px; box-shadow: 0vw 0vw 20px rgb(0 0 0 / 10%); transform: scale(1.1); }
 
 .oth_nav a:nth-child(2){ background: url(../images/zl.png) no-repeat 118px 17px #f1f1f1; background-size: 30px; }
 .oth_nav a:nth-child(2):hover{ background: url(../images/zl_hover.png) no-repeat 118px 17px #fff; background-size: 30px; box-shadow: 0vw 0vw 20px rgb(0 0 0 / 10%);}
 
 .oth_nav a.hover{ background-color:#fff;box-shadow: 0vw 0vw 20px rgb(0 0 0 / 10%);  background: url(../images/ry_hover.png) no-repeat 118px 17px #fff; background-size: 30px; color:#045079; }
 
 
 .oth_nav a:nth-child(2).hover{ background-color:#fff;box-shadow: 0vw 0vw 20px rgb(0 0 0 / 10%); background: url(../images/zl_hover.png) no-repeat 118px 17px #fff; background-size: 30px; color:#045079; }
 
 
 
 
 .lianx{     position: absolute; right: 60px; top: 20px; text-align: right;}
  .lianx span { display:inline-block; margin-left:20px; position:relative; }
 .lianx span a{ color:#fff; font-size: 20px; }
 
 .triangle_icon{position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    right: 50%;
    margin-right: -6px;
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
    top: -5px;
    border-color: #e1e6f0 transparent transparent #e1e6f0;
    border-style: solid;
    border-width: 1px;}
	
	
 .lianx span div{     display: none;
    width: 110px;
    position: absolute;
    left: -40px;
    top: 28px;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border: 1px solid #e1e6f0;
    border-radius: 6px;
    -webkit-transition: visibility .1s;
    transition: visibility .1s;
    z-index: 5;
    border-radius: 5px;}
 .lianx span div img{ width:100%; }
 .lianx span:hover div{ display:block; }
 
 
 
 .lianx span:last-child{     display: block; font-size: 20px; font-weight: bold; color: #fff; margin-top: 10px; }
   
   
 .header.dbno .lianx span a{ color:#505050; }
 
.header.dbno .lianx span:last-child{   color: #007548; }
  
 .erj::after {
     content: ' ';
     height: 5px;
     width: 5px;
     display: inline-block;
     transform: rotate(45deg);
     border-bottom: 1px solid #fff;
     border-right: 1px solid #fff;
     margin-left: 7px;
	 vertical-align: super;

 }
 .header.dbno .erj::after {
     border-bottom: 1px solid #929292;
     border-right: 1px solid #929292;
 }
 
 
.header.headerindex .nav a { color: #fff; padding: 25px 0px;}
.header.dbno .nav a{ height: 80px; line-height: 80px; }


.header.dbno{     -moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04); }

.header .sj_nav, .products_list.products_app { display: none;}

.banner { width: 100%;  background-color: #ccc; height: calc(100vh); position: relative; }
.swiper01 {  width: 100%; height: 100%;}
.swiper01 .swiper-slide { position: relative; height: 100%;  background-position: top center; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; background: #010001;}


.swiper01 .swiper-slide .txt { position: absolute; z-index: 5; top:45%;  width:80%; left:10%;  color: #fff;}


.swiper01 .swiper-slide img {  display: block; width: 100%; height: auto;  }
.swiper01 .swiper-slide.swiper-slide-active img { transform: scale(1.5);}


.swiper01 .swiper-slide .free-bg {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
	 
}
.free-hide {
    position: relative;
    height: 100vh;
}


.swiper01 .swiper-slide span { display: block; letter-spacing: 2px;}

 

.swiper01 .swiper-slide .txt_a{ font-size:20px; -webkit-animation: fadeIn 2s; animation: fadeIn 2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; text-transform: uppercase;  font-weight: 100; }

.swiper01 .swiper-slide .banner_txt4{ font-size:20px; -webkit-animation: fadeIn 2s; animation: fadeIn 2s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; text-transform: uppercase;  font-weight: 100; display:none; }


.swiper01 .swiper-slide .txt_b{ font-size:70px; margin:30px 0px; font-weight:bold; }
.swiper01 .swiper-slide .txt_b.txt_b_en{ font-size:40px; }
.swiper01 .swiper-slide .txt_c{ margin-top:30px; font-size:25px;  -webkit-animation: fadeIn 2s;  animation: fadeIn 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.swiper01 .swiper-slide .txt_d{ display: block;  color:#6f6f6f; margin: 0 auto;  font-size: 20px; margin-top:10px; -webkit-animation: fadeIn 2s; animation: fadeIn 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.swiper01 .swiper-slide .txt_line{ display:block; height:1px; width:130px; background:#fff; margin-top: 30px; -webkit-animation: fadeIn 2s; animation: fadeIn 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
 

.swiper01 .swiper-slide.swiper-slide-active .txt_a{ -webkit-animation: fadeIn 1.5s; animation: fadeIn 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}


.swiper01 .swiper-slide.swiper-slide-active .banner_txt4{ -webkit-animation: fadeIn 2s; animation: fadeIn 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; display:none;}

.swiper01 .swiper-slide.swiper-slide-active .txt_c{ -webkit-animation: fadeIn 1.8s; animation: fadeIn 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.swiper01 .swiper-slide.swiper-slide-active .txt_d{  -webkit-animation: fadeIn 2.5s;  animation: fadeIn 2.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}

.swiper01 .swiper-slide.swiper-slide-active .txt_line{  -webkit-animation: fadeIn 2s;  animation: fadeIn 2s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}

.swiper01.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 50px; }

 
.swiper01 .swiper-slide.swiper-slide-active .txt_b em{ font-style: inherit; letter-spacing: 0; }

.swiper01 video { width: 100%; height: auto\9;  height: 100%;  object-fit: cover; display:block;  }
.swiper01 .gif{ display:none; }
.swiper01 .swiper-pagination{ bottom: 80px; }   


.swiper01 .swiper-button-prev {
    background-image: url(../images/jtleft.png);
    background-size: 24px;
    left: 4%;
}
.swiper01 .swiper-button-next {
    background-image: url(../images/jtright.png);
    background-size: 24px; right: 4%;
}
.swiper01 .swiper-button-prev, .swiper01 .swiper-button-next {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #045ba8;
    color: #fff;
    text-align: center;
    margin: -30px 0 0;
    outline: none;
    border-radius: 100%;
    transition: all .5s ease;
    top: 45%;
    border: 1px solid #045ba8;
}

.swiper01  .swiper-pagination-bullet{     height: 40px; opacity:1; width: 100px;  border-radius: 0;  background: none; color: #fff; border-bottom: 1px solid #fff;  border-bottom-color: rgba(255, 255, 255, 0.6); position:relative;}

.swiper01.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0;  }

.swiper01  .swiper-pagination-bullet.swiper-pagination-bullet-active{ font-weight:bold; }
.swiper01  .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ display: block; content: '';  width: 16px; height: 4px; background: #fff;  position: absolute;  left: 50%; margin-left: -8px; bottom: -23px; }
 
 
 .footer-slide{ 
    height: auto !important;
}

.swiper01 video{ height: 100vh;    margin-left: 0;  margin-top:0;  }


 .swiper01 .swiper-slide .banner_txt4 {
     z-index: 8;
     font-size: 30px;
     font-weight: 400;
     top: 60%; font-weight:100;

 }
 
 .swiper01 .banner_txt4 a { display:block; color:#fff; }
  .swiper01 .swiper-slide .banner_txt4{}

.swiper01 .banner_txt4 a::before {
    display: inline-block;
    content: '';
    height:15px;
    width:15px;
    border:3px solid #fff;
    border-radius: 50%;
    vertical-align: middle; margin-right: 10px;
}

.swiper01 .banner_txt4 a:hover{ color:#045079; }
.swiper01 .banner_txt4 a:hover::before{ border:3px solid #045079; }

.swiper01 .swiper-slide .txt_b em{ opacity: 0; margin-right:10px;}
.swiper01 .swiper-slide .txt_b.txt_b_en em{ margin-right:0; }

.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(1){  animation: fadeIn 0s; animation-fill-mode: both;  }

.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(2){  animation: fadeIn 1s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(3){  animation: fadeIn 2s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(4){  animation: fadeIn 3s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(5){  animation: fadeIn 4s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(6){ animation: fadeIn 5s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(7){ animation: fadeIn 6s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(8){ animation: fadeIn 7s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(9){ animation: fadeIn 8s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(10){ animation: fadeIn 9s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(11){ animation: fadeIn 10s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(12){ animation: fadeIn 7s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(13){ animation: fadeIn 7.5s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(14){ animation: fadeIn 8s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(15){ animation: fadeIn 8.5s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(16){ animation: fadeIn 9s; animation-fill-mode: both; }
.swiper01 .swiper-slide.swiper-slide-active .txt_b em:nth-child(17){ animation: fadeIn 9.5s; animation-fill-mode: both; }


.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(1){  animation: fadeIn 0s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(2){  animation: fadeIn 0.1s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(3){  animation: fadeIn 0.2s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(4){  animation: fadeIn 0.3s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(5){  animation: fadeIn 0.4s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(6){  animation: fadeIn 0.5s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(7){  animation: fadeIn 0.6s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(8){  animation: fadeIn 0.7s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(9){  animation: fadeIn 0.8s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(10){  animation: fadeIn 0.9s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(11){  animation: fadeIn 1s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(12){  animation: fadeIn 1.1s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(13){  animation: fadeIn 1.2s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(14){  animation: fadeIn 1.3s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(15){  animation: fadeIn 1.4s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(16){  animation: fadeIn 1.5s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(17){  animation: fadeIn 1.6s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(18){  animation: fadeIn 1.7s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(19){  animation: fadeIn 1.8s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(20){  animation: fadeIn 1.9s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(21){  animation: fadeIn 2s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(22){  animation: fadeIn 2.1s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(23){  animation: fadeIn 2.2s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(24){  animation: fadeIn 2.3s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(25){  animation: fadeIn 2.4s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(26){  animation: fadeIn 2.5s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(27){  animation: fadeIn 2.6s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(28){  animation: fadeIn 2.7s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(29){  animation: fadeIn 2.8s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(30){  animation: fadeIn 2.9s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(31){  animation: fadeIn 3s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(32){  animation: fadeIn 3.1s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(33){  animation: fadeIn 3.2s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(34){  animation: fadeIn 3.3s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(35){  animation: fadeIn 3.4s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(36){  animation: fadeIn 3.5s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(37){  animation: fadeIn 3.6s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(38){  animation: fadeIn 3.7s; animation-fill-mode: both;  }
.swiper01 .swiper-slide.swiper-slide-active .txt_b.txt_b_en em:nth-child(39){  animation: fadeIn 3.8s; animation-fill-mode: both;  }



.gsabout{ position:relative; height:auto; overflow:hidden; }
.gsabout .tex{ position: absolute; z-index: 5; top:25%;  width:80%; left:10%;  color: #fff; letter-spacing: 1px; }
.gsabout .tex span{ display:block; }
.gsabout .tex .tex_a{ font-size: 60px;   font-weight: bold; }
.gsabout .tex .tex_b{ font-size: 40px;  letter-spacing: 2px; margin: 20px 0px; }
.gsabout .tex .tex_b.tex_b_en{ font-size:30px; letter-spacing:0px;}
.gsabout .tex .tex_c{ display: block;  height: 1px;   width: 130px;   background: #fff;  margin-top: 30px; } 
.gsabout .tex .tex_d{ margin-top: 30px;  color: #8c8c8c;   line-height: 30px;  font-size: 18px; }
.gsabout .tex .tex_d.tex_d_en{     line-height: 26px;
    font-size: 18px;
    width: 50%;
    text-transform: capitalize; }
.gsaboutpic{ height:100%; }
.gsaboutpic img{ width:100%; display: block; }
.more{ margin-top:30px; }
.more .icon-jiantou-l{ color: #fff; display: inline-block; border: 1px dashed;  padding: 15px;  border-radius: 50%; }
.more .icon-jiantou-l:before { transform: rotate(182deg); display: inline-block;}
.more .icon-jiantou-l:hover{ color:#094; background:#fff; }
 
 
 
 
#r2 {
   height:80vh;
   padding-top: 0;
   padding-bottom: 0;
   background-color: #060707;
 }
#r2 .wrap {
   align-items: stretch;
   height: 100%;
   /*padding-left: 167px;*/
   box-sizing: border-box;
   position: relative;
 }
#r2 .row .wrap .where_xian{
   width: 120px;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translate(0,-50%);
 }
#r2 .row .wrap .where_xian .xian{
   width: 100%;
   height: 25px;
   position: relative;
 }
#r2 .row .wrap .where_xian .xian.long{
   text-align: right;
   line-height: 25px;
   color: #fff;
   font-size: 16px;
 }
#r2 .row .wrap .where_xian .xian:before{
   content: '';
   width: 25px;
   height: 1px;
   background-color: rgba(255,255,255,.5);
   position: absolute;
   left: 45px;
   transform: translate(0,-50%);
   top: 49%;
 }
#r2 .row .wrap .where_xian .xian.long:before{
 
   left: 0;
   width: 70px;
   background-color: rgba(255,255,255,1);
 }
#r2 .wrap .list {
   width:28%;
   height: 100%;
   position: relative;
 }
#r2 .wrap .list .photo {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
   z-index: 2;
 }
#r2 .wrap .list .photo .mask {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity:0.5;
   z-index: 6;
   pointer-events: none;
   background-color: rgba(0, 0, 0, 0);
   transition: all 0.4s ease-out;
   -webkit-transition: all 0.4s ease-out;
   -moz-transition: all 0.4s ease-out;
   -o-transition: all 0.4s ease-out;
   -ms-transition: all 0.4s ease-out;
 }
#r2 .wrap .list .photo .mask > img {
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
 }
#r2 .wrap .list .photo .pic {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 4;
   transition: all 0.5s ease-out;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
 }
#r2 .wrap .list .msg {
   width: 100%;
   text-align: center;
   transition: all 0.6s ease-out;
   -webkit-transition: all 0.6s ease-out;
   -moz-transition: all 0.6s ease-out;
   -o-transition: all 0.6s ease-out;
   -ms-transition: all 0.6s ease-out;
   z-index: 5;
   padding: 0 7%;
   position: absolute;
   top:60%;
   box-sizing: border-box;
 }
#r2 .wrap .list .msg p {
   display: flex;
   justify-content: space-around;
   align-items: center;
   flex-wrap: wrap;
 }
#r2 .wrap .list .msg p em {
   margin: 5px; opacity: 0.6; font-size: 18px;
    font-weight: 100;
    color: #fff;
    font-style: normal;
 }
#r2 .wrap .list:hover .photo .mask {
   background-color: rgba(0, 0, 0, 0); opacity:0.2;
 }
#r2 .wrap .list:hover .photo .mask > img {
   opacity: 1;
 }
#r2 .wrap .list:hover .photo .pic {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
 }
#r2 .wrap .list:hover .msg {
   top: 70%;
 }

.f-36 {
    font-size: 36px;
}

.swiper044_en .f-36 {
    font-size:26px;     text-transform: capitalize;
}
 

#r2.swiper044_en  .wrap .list .msg p em{ font-size:16px; }

.wc {
    color: #fff;
}
 .f-bold {
     font-weight: bold;
 }
 .mb-20 {
     margin-bottom: 20px;
 }
 


.home5 {
	padding: 7.604vw 8vw 6.771vw 8vw; background:url(../images/banner4.jpg); overflow:hidden;
}

.home5 .C-title {
	margin-bottom: 4.271vw; color:#fff;
}
.home5 .C-title::before{ background:#fff; }
.home5 .ev {
	width: 24.635vw;
}

.home5 .ev .pic {
	width: 100%;
	overflow: hidden;
}

.home5 .ev .pic img {
	transition: all ease .3s;
}

.home5 .ev:hover .pic img {
	transform: scale(1.1);
}

.home5 .ev h2 {
	margin: 1.979vw 0 1.146vw;
	font-size: 1.458vw;
	font-family: 'PingFang SC';
	font-weight: 600;
	color: #fff;
	transition: all ease .3s;
}

.home5 .ev h3 {
	font-size: 0.938vw;
	font-weight: normal;
	font-family: 'PingFang SC';
	color: #B4B4B4;
}

 
.C-title {
    font-size: 2.5vw;
    font-weight: bold;
    color: #035C88;
    position: relative;
}
.C-title::before {
	content: '';
	display: inline-block;
	width: 1.563vw;
	height: 2.031vw;
	background: #035C88;
	margin-left: 25px;
	margin-right:25px;
	top: 0.521vw;
	transform: skew(-40deg);
}


.C-more {
	width: 8.021vw;
	height: 2.604vw;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	font-size: 0.833vw;
	color: #C11920;
	position: relative;
	overflow: hidden;
}

.C-more:hover {
	background: transparent;
	color: #fff;
}

.C-more.black {
	border: 1px solid #000;
	background: #000;
	color: #fff; margin-top:50px;
}

.C-more.black:hover {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.C-more.red {
	border: 1px solid #C11920;
	background: #C11920;
	color: #fff;
}

.C-more.red:hover {
	border: 1px solid #C11920;
	background: transparent;
	color: #C11920;
}

.C-more span {
	position: relative;
	z-index: 2;
}

.C-more i {
	display: inline-block;
	margin-left: 1.042vw;
	font-size: 0.833vw;
	font-weight: bold;
	transition: all ease .3s;
	position: relative;
	z-index: 2;
}

.C-more:hover i {
	transform: translateX(0.26vw);
}
.flex-xc-yc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.icon-jiantou_xiangyou_o:before {
    content: "\e62c";
}


.flex-xb {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pic img {
    width: 100%;
	display: block;
	border-radius: 10px;
	    box-shadow: 15px 13px 25px 7px rgb(0 0 0 / 11%);
}


 
.about{ position: relative; padding:30px 0;  background:url(../images/bgjz.png) #01673f left top;}
.about .you_title{ margin-top:100px; }
.about .you_title .title_txt h2{ color:#fff; }
.about .you_title .title_txt h2::after{ background: #ffffff; }
#container{ width:1200px; height:800px;  margin-left: -50px;}

#container p{ display:inline-block; font-size:18px!important; }
#container div p:last-child{ }
#container div p:last-child::before{ content:':  ';  }
.about .about_left{ float: left; width:50%; }
.about .about_right{ float: right; width: 45%;  margin-top: 200px;}
.about .about_right .text{     color: #fff; margin-top: 50px;  font-size:18px;}


.about.about_jm .about_left{ float:none;     width: 80%; margin:0 auto;}
.about.about_jm  #container{ width:100%;  height:900px; margin-left:0; }

.about.about_jm h2.title{ text-align: center;  color: #fff;   font-size: 50px;  position: absolute;  width: 100%;  top: 110px; }



.dq_qy{ width: 80%;  margin: 0 auto;   display: flex; }  
.dq_qy li{ flex: 1;  text-align: center;   background: #ffffff;  color: #585858;   line-height: 45px;   margin: 1px; }
.dq_qy li.hover{ background: #b99542;  color: #fff; }
.dqlist{ width: 80%;  margin: 0 auto;  color: #fff; margin-top: 45px;}
.dqlist ul{overflow: hidden; display:none; }
.dqlist ul:nth-child(1){ display:block; }
.dqlist ul li{    width: 25%; float: left;   margin-bottom: 25px;}
.dqlist ul li h2{font-size: 16px;  margin-bottom: 8px;}
.dqlist ul li h3{    font-weight: 400;  font-size: 14px;  color: #dadada;}


.net_num_box {  width:100%; margin-top:50px;     display: flex; }
.net_num_box div {  display: inline-block; vertical-align: middle;}
.net_num_box  div   div {  display: inline-block; vertical-align: middle; color: #fff;}
.net_num_box   div   div.net_icon_box { position: relative;  width: 4.79vw; height: 4.79vw; border-radius: 100%;  text-align: center; line-height: 4.79vw; background-color: #fff;  margin-right: 16px; background-image: url(../images/xx.png); display: none;}
.net_num_box > div > div.net_icon_box::before { content: "";  display: block;  width: 163%;  padding-bottom: 163%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);  background-image: inherit;}

.net_num_box  .timer {  font-size: 60px; font-weight: bold;}
.net_num_box .miaos{ font-size:18px;  display: block;}
.net_num_box .miaos img{      display: inline-block;   width: 24px; vertical-align: middle;}
.at_on{width:100%;}
.at_on:nth-child(1),.at_on:nth-child(2){  }
.at_on i{ display:block; }
.at_on i img{ vertical-align: middle; }
.at_on:nth-child(2n){  }
.line_bottom_left{ background:url(../images/line_bottom_left.png) left top no-repeat; height:29px; position: absolute; bottom: 0;
    width:20%;}
.line_bottom_right{ background:url(../images/line_bottom_right.png) right top no-repeat; height:29px; position: absolute; bottom: 0;
    width:20%; right:0;}
.line_bottom_center{ background:url(../images/line_bottom_center.png) center top no-repeat; height:29px; position: absolute; bottom: 0;
    width:60%; left:20%;}

.about_a{      width:80%; margin: 0 auto;}

.about_a_1 {
    width:48%;
    float: left;
    margin-top: 150px;
}
.about_a_1 h2 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px;
}
.about_a_1 p {
    color: #ececec;
    line-height: 33px;
}
.idx-tags {
    width: 90%;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
}
.about_a_1 .idx-tags {
    width: 100%;
    margin-left: -34px;
    margin-top: 50px;
}
.idx-tags ul {
    overflow: hidden;
}
.idx-tags ul li {
    float: left;
    width: 25%;
    font-size: 22px;
    text-align: center;
}
.idx-tags .tags_left {
    font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important;
    margin-right: 10px;
    font-size: 50px;
    display: inline-block;
    color: #fff;
}
.about_a_1 .idx-tags .tags_left {
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
}
.idx-tags .col2 {
    display: inline-block;
    text-align: left;
}

.about_a_1 .idx-tags .col2 {
    color: #b3b3b3;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
}
.about_a_2 {
    width:50%;
    float: right; margin-top: 110px;
}
.about_a_2 img {
    width: 100%;
    height: auto;
}



.pub_case {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-start; margin-top:100px; color:#fff;
}
.pub_case .pub_casetxt {
    width: 53.714%;
    padding-right:3%;
}
.pub_case .pub_info {
    width: 46.286%;
    padding-right: 0;
    margin-top: .12rem;
    line-height: 2.44;
    text-align: justify;
    letter-spacing: 1px;
}
.pub_title {
    color: #fff;
    line-height: 1.2;
    font-size: 50px;
    font-weight: bold;
}
.pub_title_en {
    line-height: 1.33;
        margin-top: 20px;
        text-transform: capitalize;
        font-size: 50px;
        font-family: en_b;
        font-weight: 100;
}
.pub_case .idx-tags{ width:100%;     margin-top: 50px; }

.pub_case .idx-tags ul li{ float: left;
    width: 32%;
    font-size: 22px;
    text-align: left;
    display: flex; }
.pub_case .idx-tags .col2{ text-align: left;
    font-size: 18px;
    line-height: 24px; margin-top: 5px;}
	
.pub_case .idx-tags .tags_left{ font-weight:bold; } 
.pub_case .idx-tags li:nth-child(3) .tags_left span{ display: block; line-height: 56px; }

.pub_case.pub_caseen .pub_title{ text-transform: uppercase;     font-size: 30px;  }
.pub_case.pub_caseen  .pub_title_en{ font-size: 30px;   text-transform: uppercase; }
.pub_case.pub_caseen  .idx-tags .tags_left{ font-size: 35px; display:block; }
.pub_case.pub_caseen .idx-tags ul li{ text-align:center; display:block; }
.pub_case.pub_caseen .idx-tags .col2{text-align: center; }
.pub_case.pub_caseen  .idx-tags li:nth-child(3) .tags_left span{     line-height: 42px; }
.pub_case.pub_caseen .pub_info {
    width: 50%;
    padding-right: 0;
    margin-top: .12rem;
    line-height: 28px;
    text-align: justify;
    letter-spacing: 0;
}





.dian{ overflow: hidden;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;}
.dian li{  background: #fff;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    padding: 20px;
    font-size: 30px;
    margin: 0 50px;
    display: inline-block;
    text-align: center;
    vertical-align: text-top;}


.dian li:nth-child(1){ background: none; width: auto; padding: 0; height: auto; margin: 0; }
.dian li img{ width: 330px; }

.abouten .dian li {
    background: #fff;
    height: 50px;
    width: 59px;
    border-radius: 50%;
    padding: 20px;
    font-size: 16px;
    margin: 0 50px;
    padding: 34px 30px;
    display: inline-block;
    text-align: center;
    vertical-align: text-top;
}
.abouten .dian li:nth-child(1) {
    background: none;
    width: auto;
    padding: 0;
    height: auto;
    margin: 0;
}



.about.about_story{ background:url(../images/bgjztwo.jpg) #fff; }

.about.about_story .you_title .title_txt h2{ color:#007548; }
.about.about_story .you_title .title_txt h2::after {
    background: #007548;
}
.story{ margin: 0 auto;  width:80%; margin:0 auto; margin-top:100px; display: flex; margin-bottom:150px;}

.story .story_a{ height: 380px;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    color: #717171;
    line-height: 39px;
    letter-spacing: 1px;
    width: 50%;
    margin-right: 5%;
	  }

.story .story_c{ height: 340px;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    color: #717171;
    line-height: 35px;
    letter-spacing: 6px;
    color: #1e8d44;
    font-weight: bold;
    font-size: 18px;
    margin-right: 20px;
    width: 10%;
	  }

.story .story_b{ width: 30%; text-align: right; }
.story .story_b img{ width:100%; }

.story.storyen{ position:relative; display:block; }
.story.storyen .story_b{ position: absolute;  right: 0;   top: 0; }
.story.storyen .story_a{writing-mode: initial; height: auto; line-height: 25px;   letter-spacing: 1px;   width: 60%;   margin-right: 5%;   margin-top: 20px; }
.story.storyen .story_c{ writing-mode: inherit; width:50%; line-height: 35px; height: auto;  letter-spacing: inherit; }


@media screen and (max-width:1770px){
	
	.story .story_a{ height:450px; }
	}
@media screen and (max-width:1470px){
	
	.story .story_a{ height:490px; }
	}	
	
.nr_banner.nr_banner_b{ position: fixed;
    width: 100%;
    overflow: hidden;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4;
    min-height:70vh; }
 
.nr_banner.nr_bannertwo{ overflow:hidden; position:relative;height:650px; }
.nr_banner.nr_bannertwo video{ margin-top:-200px; }
.nr_banner.nr_bannertwo img{ display: block; }
.nr_banner.nr_bannertwo .videobg{ top: 0; left:0; background:#007548; opacity:0.3; position:absolute;  z-index:5; width:100%; height:100%;}
.products_shu li{ position:relative; overflow:hidden; }
.products_shu li::after {
   content: '';
       position: absolute;
       height: 100%;
       width: 66.66%;
       top: 0;
       z-index: 4;
       left: 0;
       pointer-events: none;
       background: linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
       background: -ms-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
       background: -webkit-linear-gradient(left, black , black  50%, rgba(0, 0, 0, 0) 100%);
       background: -moz-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
}


#maintwo {
    padding-top: 100vh; position:relative;
    z-index: 10;
}

#maintwo.maintwonr{ padding-top: 101px; } 


.products_shu li .pic{  }
.products_shu li .pic img{  display: block; float: right; }

.products_shu li:nth-child(2n) .pic img{  float: left; }
.products_shu li:nth-child(2n)::after{    right: 0;
    left: auto;
    background: linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(right, black , black  50%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%); }

.products_shu li:nth-child(2n) .txt{ right:10%; left:auto; }

.nr_banner .tel{ text-align: center;
    font-size: 35px;
    line-height: 1;
    left: 50%;
    color: #fff;
    position: absolute;
    top: 71%;
 
    width: 1200px;
    z-index: 5;
    margin-left: -600px;}
.nr_banner .en{     text-align: center;
    font-size: 21px;
    line-height: 1;
    left: 50%;
    color: #fff;
 
    top: 70%;
    margin-top: 30px;
    width: 1200px;
    z-index: 5;
 
    text-transform: uppercase; }
.nr_banner h2 {
    text-align: center;
    font-size: 60px;
    line-height: 1;
    left:50%;
    color: #fff;
    position: absolute;
    top:50%;
    margin-top: -30px;
    width: 1200px;
    z-index: 5;
    margin-left: -600px;
}

.nr_banner.nr_banner_gl   h2{ top:43%; }

.nr_banner.nr_banner_b h2{ top:33%; }

.nr_banner.nr_banner_b span{ position: absolute;  background-color: rgba(0, 0, 0, 0.48);   top: 0;  left: 0;   display: block;   width: 100%;  height: 100%;  opacity: 0.5; }

.go_scr {
     position: absolute;
     left: 0;
     right: 0;
     top:50%;
     user-select: none;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     line-height: 0.6rem;
     background-color: #fff;
     text-align: center;
     display: flex;
     transform-origin: 50% 50%;
     justify-content: center;
     align-items: center;
	 z-index:5;
 }
 
  .nr_banner .go_scr {  margin: auto; animation: scroll-icon 1.2s infinite alternate cubic-bezier(0.65, 0.05, 0.36, 1); } 
 
 @keyframes scroll-icon {
   0% {
     -webkit-transform: translateY(-12px);
     transform: translateY(-12px);
   }
   100% {
     -webkit-transform: translateY(12px);
     transform: translateY(12px);
   }
 }
 
 
.nr_banner h2::after {
    margin: 0 auto;
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #fff;
    margin-bottom: 50px;
    margin-top: 50px;
}

.nr_banner h2.jm::after{ margin-bottom: 30px;   margin-top: 30px; }

.products_shu li span{  width:60px;
	    height:60px;
	    line-height:60px;
	    background-image: none;
	    background-color: #fff;
	    color: #fff;
	    text-align: center;
	    outline: none;
	    border-radius: 100%;
	    transition: all .5s ease;
		top: 45%;   background-image: url(../images/jtright.png);
    background-size: 24px;     display: block; background-repeat: no-repeat;
    background-position: center;  -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; position:relative; }
.products_shu li span:hover{ margin-left:10px; }
.products_shu li span a{     height: 100%;
    width: 200px;
    font-size: 20px;
    padding-left: 20px;
    position: absolute;
    color: #fff;}

.products_shu li .txt {     color: #fff;
    position: absolute;
    z-index: 5;
    top: 40%;
    font-size: 50px;
    left: 10%;  line-height: 200%;}

.about .luans_right {
    position: relative;
    z-index: 5;
    width: 80%;
    margin: 0 auto;
    overflow: hidden; margin-bottom:50px;
}
 
 .hezuo.hezuoaa .aaa h2{     position: static;
    margin-bottom: 10px;
    font-size: 70px;
    height: auto;}
 
 .hezuoaa .swiper-slide .txt {
     color: #fff;
     position: absolute;
     z-index: 5;
     top: 40%;
     font-size: 50px;
     left: 10%;  text-align: left;
 }
 .hezuoaa .swiper-slide:nth-child(2n) .txt {
     right: 10%;
     left: auto;
 }
 
 body .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 15px 0;
    display: block;
    background: none;
    border: 2px solid #fff; }
body .swiper-pagination-bullet{ width:12px; height:12px; }
	
	
	
  .hezuoaa .swiper-slide { overflow:hidden; }
 
  .hezuoaa .swiper-slide span {
    width: 200px;
        text-align: left;
        font-size: 14px;
        height: 60px;
        line-height: 60px;
        background-image: none;
        /* background-color: #fff; */
        color: #fff;
        outline: none;
        transition: all .5s ease;
        top: 45%;
        display: block;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        position: relative;
 }
 .hezuoaa .swiper-slide::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 66.66%;
    top: 0;
    z-index: 4;
    left: 0;
    pointer-events: none;
    background: linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, black , black 50%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(left, black, black 50%, rgba(0, 0, 0, 0) 100%);
}
 
 
 .hezuoaa .swiper-slide.footer-slide::after{ display:none; }
 
 
.hezuoaa .swiper-slide:nth-child(2n)::after {
     right: 0;
     left: auto;
     background: linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
     background: -ms-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
     background: -webkit-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
     background: -moz-linear-gradient(right, black, black 50%, rgba(0, 0, 0, 0) 100%);
 }
 
 
 
 
 
 
 
 
 
 
 
 
.about .luans_right .swiper-luans {
    width: 70%;
    margin: 0 auto;
}
.about .luans_right img {
    width: 100%;
    height: auto; display:block;
}

.about .luans_right .swiper-button-next {
    right: 0;
    top: 0;
    margin-top: 0;
    background-color: #01673f9c;
    width: 11%;
    height: 100%;
    padding-right: 2px;
}
.about .luans_right .swiper-button-prev {
    left: 0;
    top: 0;
    margin-top: 0;
    background-color: #01673f9c;
    width: 11%;
    height: 100%;
    padding-left: 2px;
}


.prots{ background:url(../images/picbg.jpg) no-repeat; height:915px; position: relative; }
.prots .pic_a{     left: 8%; position: absolute;  z-index: 5;  width: 480px; height: 480px; top: 50%; margin-top: -240px;}
.prots .pic_b{ z-index: 4; position: absolute;  width: 425px; height: 425px; top: 50%;  margin-top: -205px;  left: 22%; }


.quanquan{    z-index: 4;
    position: absolute;
    width: 400px;
    height: 400px;
    top: 50%;
    margin-top: -193px;
    left: 21%; }
.quanquan span{ display: block; width: 500px;  height: 500px; border: 1px solid #fff; position: absolute;  border-radius: 50%;  top: 50%;  margin-top: -250px; opacity: 0.5;}
.quanquan span:nth-child(1){}
.quanquan span:nth-child(2){ width: 640px; height: 640px;  margin-top: -320px;}
.quanquan span:nth-child(3){ width: 800px; height: 800px;  margin-top: -400px; }



.prots .box {z-index:6; position: absolute;   width: 400px; height: 400px; top: 50%; margin-top: -193px;  left: 21%;}

.prots .box .dot-con {  position: relative; width: 100%;  height: 100%; border-radius: 50%; transform: translateX(26%);}


.prots .box .dot-con .note {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height:70px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin:0;
    cursor: pointer;
    transition: opacity 0.8s ease-in-out;
    top: 0rem;
    left: -0.3rem;
}

.prots .box .dot-con .note:nth-child(1){ top: -141px;   left: 270px; }
.prots .box .dot-con .note:nth-child(2){ top: 59px;  left: 482px; }
.prots .box .dot-con .note:nth-child(3){ top: 275px; left: 648px; }
.prots .box .dot-con .note:nth-child(4){ top: 420px; left: 377px; }

.prots .box .dot-con .note > em {
    display: inline-block;
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    background-color: rgb(255 255 255 / 23%);
}
.prots .box .dot-con .note > em > i {
    position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 5;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        line-height:45px;
        text-align: center;
        color: #fff;
        background-color: #ffffff;
        font-size: 36px;
}
.prots .box .dot-con .note > em > span {
        width:45px;
        height:45px;
        border-radius: 50%;
        line-height:45px;
        text-align: center;
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        z-index: 6;
        opacity: 0;
}
.prots .box .dot-con .note > em > span > img { width: 100%;}

.prots .box .dot-con .note > em > small {
    height:54px;
    line-height: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: calc(100% + 20px);
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    font-size: 22px;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transform-origin: 0 50%;
    color: #ffffff;
        font-style: initial;     opacity: 0.7; text-align: left;
}

.prots .box .dot-con .note > em > small p{ font-size: 14px; }

.prots .box .dot-con .note > span {
   position: absolute;
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
       border: 1px solid rgb(255 255 255 / 16%);
       transform: scale(1.4);
       -webkit-transform: scale(1.4);
       -moz-transform: scale(1.4);
       -o-transform: scale(1.4);
       -ms-transform: scale(1.4);
       border-radius: 50%;
       z-index: 1;
       transition: all 0.3s ease-in-out;
       -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
       -ms-transition: all 0.3s ease-in-out;
}
.prots .box .dot-con .note .bg3 {
    position: absolute;
    width: 100%;
    top: -0.1rem;
    left: 0;
    opacity: 0;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    pointer-events: none;
    transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}


.prots .box .dot-con .note.on > em {
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
}
.prots .box .dot-con .note.on > em > span {
    opacity: 1;
}
.prots .box .dot-con .note.on > span {
    transform: scale(1.6);
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    -ms-transform: scale(1.6);
    background-color: rgba(255, 255, 255, 0.21);
}
.prots  .box .dot-con .note.on > em > small {
    opacity: 1;
    pointer-events: none;
    transform: scale(0.6);     opacity:1;
}
.prots .box .dot-con .note.on .bg3 {
    opacity: 1;
    transform: scale(3);
}




.products{ background:url(../images/banner1.jpg) no-repeat top center; }  

.products .swiper-pagination-bullet{ background:#fff; opacity:1; vertical-align: middle; }
.products .swiper03.swiper-container-horizontal>.swiper-pagination-bullets{ left:7%;  text-align: left;   top: 74%; }
.products .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {   margin: 0;  margin-right: 20px;}
.products .swiper-pagination-bullet.swiper-pagination-bullet-active{ border:1px solid #fff; background:none; width:20px; height:20px; }



.swiper04 .swiper-pagination-bullet{ background: #7a7a7a;    opacity: 1; vertical-align: middle; }
.swiper04.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin-right:10px; margin-left:10px;}
.swiper04.swiper-pagination-bullet.swiper-pagination-bullet-active{ border:1px solid #fff; background:none; width:20px; height:20px; }


.case{ background:url(../images/casesbgtwo.jpg) no-repeat top center; padding: 70px 0px; }

	
	.you_title {  padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex;
	    display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 590px; margin:0 auto; }
	
	.you_title .title_txt{     text-align: center;
    border: none;
    padding: 0;
    margin: 0 auto; }
	.you_title .title_txt img{ max-width:100%; height:auto!important; }
	.you_title .title_txt h2{ color: #007548;  font-size: 42px; margin-bottom: 10px; font-weight: 400;     text-transform: uppercase;}
	.you_title .title_txt h2::after{ content: ''; display: block; height: 5px;  width: 60px; border-radius: 3px;  background: #007548; margin: 0 auto; margin-top: 30px;  margin-bottom: 30px; }
	.you_title .title_txt p{     color: #b3b3b3; font-size: 16px;  letter-spacing: 4px;}


.produ .you_title .title_txt h2{ color:#fff; }
.produ  .you_title .title_txt h2::after{     background: #ffffff; }
.nr_banner{
    width: 100%;
    overflow: hidden;
    height: 100%;
    left: 0;
    top: 0;
}

.nr_banner .text{ width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
    display: block;
    animation: a2_6 10s ease infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;  transform: scale(1.1); }



.join_a{ position: relative; padding:150px 0px; padding-bottom: 350px;  background:url(../images/jmbg2.jpg) #01673f center top;}

.join_a.join_aa{  background:url(../images/bgjz.png) #0c7348 left top; }
.join_a_jm{ text-align:center; }
.join_a h2,.join_b h2,.join_c h2,.join_d h2,.join_e h2,.join_f h2,.join_g h2{ text-align: center;
    color: #fff;
    font-size: 50px;
    background-image: linear-gradient(90deg,#fff700,#ffb05c,#ffffff);
    -webkit-background-clip: text;
    color: transparent; }
.join_a .idx-tags{ margin-bottom:0px; color: #fff; margin-top: 50px; }

.join_b{  position: relative; padding:150px 0px;  background:url(../images/bg5.jpg) #f8f8f8 top center no-repeat; }

.join_b h2{ color:#000; margin-bottom:50px; }

.join_b ul{ overflow:hidden; width:80%; margin:0 auto; }
.join_b ul li:nth-child(3n){ margin-right:0; }
.join_b ul li{ width: 32%;
    float: left;
    margin-right: 2%;
    padding: 55px;
    box-sizing: border-box;
    background-image: linear-gradient(90deg,#007548,#08925d);
    height: 340px;
    margin-bottom: 20px;
    border-radius: 15px; }
.join_b ul li em{ color: #fff;
    display: block;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 25px;}
.join_b ul li span{ color: #fff;
    font-size: 18px;
    line-height: 30px; }


.join_c{ background:#fff; text-align: center; padding:150px 0; }
.join_c h2{ color:#000; margin-bottom:50px; }


.join_d{ background:url(../images/bg6.jpg); text-align: center; padding:150px 0; }
.join_d h2{ color:#fff; margin-bottom:50px; }



.join_e{ background:url(../images/bgjztwo.jpg) #fff; text-align: center; padding:150px 0; }
.join_e h2{ color:#000; margin-bottom:50px; }



.join_f{ background:url(../images/bg7.jpg); text-align: center; padding:130px 0; }
.join_f h2{ color:#fff; margin-bottom:50px; }


.join_g{background:url(../images/bgjztwo.jpg) #fff; text-align: center; padding:150px 0; }
.join_g h2{ color:#000; margin-bottom:50px; }
.join_g .youshia img:nth-child(1){ margin-right:50px; }
.join_g .youshia img:last-child{ margin-top:50px; }

.navdh {
    padding: 10px 0px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width:80%;
    margin: 0 auto;
    margin-top: 40px;
}
.postion {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #7c7c7c;
    font-size: 16px;
}

.postion a {
    color: #7c7c7c;
	font-size: 16px;
}
.navdh .right img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.navdh .right span {
    color: rgb(102, 102, 102);
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    font-size:16px;
}



.in_crilist ul{ width: 80%;
    margin: 0 auto;
    display: flex;}
.in_crilist ul li{     flex: 1;     margin: 20px;}
.in_crilist ul li .in_lipic_img{ background: #007548;
    color: #fff;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    display: inline-block;
    padding: 20px;
    font-size: 25px; }
.in_crilist ul li .in_work{ line-height: 33px;  margin-top: 20px; }

#maintwo{
    padding-top:70vh;
    z-index: 10;
}

 

.produ{ background:#fff; min-height:1200px; }
.produ::before{ display: block; content:'';}

.num-box:after {
     position: absolute;
         content: "";
         height: 1px;
         background: #fff;
         width: 15%;
         top: 11px;
         left: 37%;
         display: block;
         transform: translate(-50%, -50%) rotate(-70deg) scalex(1);
 }

.num-box {
    position: absolute;
    top:auto;
    bottom: 0;
    left:auto;
    right: 0;
    margin: auto;
    pointer-events: auto;
    z-index: 10;
    height:47px;
    width:100px;
    overflow: hidden;
	display:flex;
}
.num-box  .a{     width: 50%; }
 
.num-box.on {
     animation: e1 2s cubic-bezier(0.86, 0, 0.07, 1);
 }

.swiper02 .swiper-slide{ overflow:hidden; }
.swiper02 .swiper-slide .text{ position:absolute; z-index:5; width:50%; top:8%; left:25%; text-align:center;  }
.swiper02 .swiper-slide .text_a{ font-size: 100px;   font-weight: bold;  font-family: Arial, sans-serif;   color: #fff; }
.swiper02 .swiper-slide .text_b{     margin-top: 80px;   font-size: 50px;  font-weight: bold;  color: #e4302f; }
.swiper02 .swiper-slide .text_c{ margin-top: 160px;  color: #fff;   font-size: 25px;   font-weight: bold; }
.swiper02 .swiper-slide .text_d{ margin-top: 210px;  color: #fff;  line-height: 28px;   font-size:18px;   width: 40%;   left: 30%; }
.swiper02 .swiper-slide .text_more{ margin-top: 290px;  width: 160px;     left: 50%;   margin-left: -80px; }
.swiper02 .swiper-slide .text_more a{ display: block;  background: #e4302f;  color: #fff;  width: 100%;  border-radius: 34px;  padding: 15px 20px;   box-sizing: border-box; }
	
.swiper02 .swiper-slide .text_more a img{ vertical-align: middle;  width: 22px;  display: inline-block; }
	
.swiper02 .swiper-slide .pro_pic{ position:absolute; bottom:-220px; width:650px; left:50%; margin-left:-325px; z-index:5; }
.swiper02 .swiper-slide .pro_pic img{ width:100%; }
.bgimg{ opacity:0; }
.swiper02 .swiper-slide .slide-inner {
	  height: 100vh;
	  width: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  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;
	  color:#fff;
	}

 

.free-swiper1 .swiper-slide-active .swiper02  .swiper-slide-active .text_a,
.free-swiper1 .swiper-slide-active .swiper02  .swiper-slide-active .text_c
{ animation:text_a 1.5s ease infinite ; -webkit-animation:text_a 1.5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}


@keyframes text_a{
	from {opacity:.5; margin-left:-200px;}  
	to {opacity:1; margin-left:0px;}
}

@-webkit-keyframes text_a{
	from { opacity:.5; margin-left:-200px;}  
	to {opacity:1; margin-left:0px;}
}

.free-swiper1 .swiper-slide-active .swiper02  .swiper-slide-active .text_b,
.free-swiper1 .swiper-slide-active .swiper02  .swiper-slide-active .text_d
{ animation: text_b 1.5s ease infinite ; -webkit-animation:text_b 1.5s infinite; animation-iteration-count:1;-webkit-animation-iteration-count:1}

@keyframes text_b{
	from {opacity:.5; margin-left:200px;}  
	to {opacity:1; margin-left:0px;}
}

@-webkit-keyframes text_b{
	from { opacity:.5; margin-left:200px;}  
	to {opacity:1; margin-left:0px;}
}


.free-swiper1 .swiper-slide-active .swiper02  .swiper-slide-active .text_more
{ animation: text_more 1.5s ease infinite ; -webkit-animation:text_more 1.5s infinite; animation-iteration-count:1;-webkit-animation-iteration-count:1}

@keyframes text_more{
	from {opacity:.5; margin-left:200px;}  
	to {opacity:1; margin-left:-80px;}
}

@-webkit-keyframes text_more{
	from { opacity:.5; margin-left:200px;}  
	to {opacity:1; margin-left:-80px;}
}

 

.free-swiper1 .swiper-slide-active .swiper02  .swiper-slide-active .pro_pic
{ animation: pro_pic 2s ease infinite; -webkit-animation:pro_pic 2s infinite; animation-iteration-count:1;-webkit-animation-iteration-count:1}

@keyframes pro_pic{
	from {opacity:0; margin-left:280px;}  
	to {opacity:1; margin-left:-325px;}
}

@-webkit-keyframes pro_pic{
	from { opacity:0; margin-left:280px;}  
	to {opacity:1; margin-left:-325px;}
}




.free-swiper1 {
    height: 100vh;
    overflow: hidden;
}
 .fress-slide {
     height: 100vh;
     overflow: hidden;
 }


.text_info{ position: absolute; z-index:5;   width: 50%;   top: 30%;  left:7%; }

.text_info .text{position: absolute;  z-index: 5;  top: 30%;  color: #fff; font-style: oblique; }
.swiper03 .swiper-slide{ overflow:hidden; }
 
 .text_info  .text_a {  font-size: 60px;  text-transform: uppercase;  font-weight: bold;}
 .text_info  .text_b {  font-size: 60px;  text-transform: uppercase;  font-weight: bold;   margin-top: 70px;}
 .text_info  .text_c{     margin-top: 160px;   width: 370px;  font-size: 12px; }
 
 .text_info  .text_more{ margin-top: 290px;  width: 190px;   }
 .text_info  .text_more a{display: block;   background: #ed5816;   color: #fff;   width: 100%;    border-radius: 34px;   padding: 15px 20px;   box-sizing: border-box;  font-style: initial;   text-align: center;}
 .text_info  .text_more a img{ vertical-align: middle;  width: 22px;  display: inline-block; }
 
 
.swiper03 .swiper-slide .slide-inner { height: 100vh;
	  width: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  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;
	  color:#fff; }



.shuzi { width: 500px;  margin-top: 30px;   margin-left: -35px;}
.shuzi ul {margin: 0 auto; overflow: hidden;display:flex;}
	.shuzi ul li{ text-align: center; position:relative;     flex: 1; }
 .shuzi.shuzi_en li span:nth-child(1){ font-size: 30px; }
	.shuzi ul li:nth-child(1){   }
	.shuzi ul li:last-child{ }
	.shuzi li span {display: block; font-size:14px; color: #fff; }
	.shuzi li span:nth-child(1) { font-size:40px; font-family: 'HELVETICANEUELTPRO-THEX'; color: #fff; font-weight: 100;}
	
	.shuzi ul li i,.shuzi ul li em{font-style:normal;}
	.shuzi ul li em{ font-size: 14px; display: inline-block;  vertical-align: text-top; }
	
	
	

.free-swiper1 .swiper-slide-active .text_a,
.free-swiper1 .swiper-slide-active .text_c,
.free-swiper1 .swiper-slide-active .servicemk.hover .text_a,
.free-swiper1 .swiper-slide-active .servicemk.hover .text_c
{ animation:text_a_a 1.5s ease infinite ; -webkit-animation:text_a_a 1.5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}


@keyframes text_a_a{
	from {opacity:.5; margin-left:-200px;}  
	to {opacity:1; margin-left:0px;}
}

@-webkit-keyframes text_a_a{
	from { opacity:.5; margin-left:-200px;}  
	to {opacity:1; margin-left:0px;}
}

.free-swiper1 .swiper-slide-active .text_b,.free-swiper1 .swiper-slide-active .servicemk.hover .text_b
{ animation:text_b_b 1.5s ease infinite ; -webkit-animation:text_b_b 1.5s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1}


@keyframes text_b_b{
	from {opacity:.5; margin-left:200px;}  
	to {opacity:1; margin-left:0px;}
}

@-webkit-keyframes text_b_b{
	from { opacity:.5; margin-left:200px;}  
	to {opacity:1; margin-left:0px;}
}

.free-swiper1 .swiper-slide-active .text_more
{ animation: text_more_a 1.5s ease infinite ; -webkit-animation:text_more_a 1.5s infinite; animation-iteration-count:1;-webkit-animation-iteration-count:1}

@keyframes text_more_a{
	from {opacity:.5; margin-left:200px;}  
	to {opacity:1; margin-left:0px;}
}

@-webkit-keyframes text_more_a{
	from { opacity:.5; margin-left:200px;}  
	to {opacity:1; margin-left:0px;}
}
 
.free-swiper1 .swiper-slide-active .servicemk.hover .text_more
{ animation: text_more_b 1.5s ease infinite ; -webkit-animation:text_more_b 1.5s infinite; animation-iteration-count:1;-webkit-animation-iteration-count:1}

@keyframes text_more_b{
	from {opacity:.5; margin-left:200px;}  
	to {opacity:1; margin-left:-135px;}
}

@-webkit-keyframes text_more_b{
	from { opacity:.5; margin-left:200px;}  
	to {opacity:1; margin-left:-135px;}
}


.servicemk{ overflow:hidden; display:none; }
.servicemk.hover{display:block; }
.servicemk .text{ position:absolute; z-index:5; width:50%; top:26%; left:25%; text-align:center;  }
.servicemk .text_a{ font-size: 100px;   font-weight: bold;  font-family: Arial, sans-serif;   color: #fff; }
.servicemk .text_b{     margin-top: 80px;   font-size: 50px;  font-weight: bold;  color: #fffc00; }
.servicemk .text_c{ margin-top:180px;  color: #fff;  line-height: 28px;   font-size: 18px;   width: 40%;   left: 30%; }
.servicemk .text_more{margin-top: 270px;   width: 280px;    left: 50%;   margin-left: -135px; }
.servicemk .text_more a{ display: block;  background: #fffc00;  color: #4d4d4d;  width: 100%;  border-radius: 34px;  padding: 15px 20px;   box-sizing: border-box; }
	
.servicemk .text_more a img{ vertical-align: middle;  width: 22px;  display: inline-block; }
	
.servicemk .pro_pic{ position:absolute; bottom:-220px; width:650px; left:50%; margin-left:-325px; z-index:5; }
.servicemk .pro_pic img{ width:100%; }

.servicemk .slide-inner {
	  height: 100vh;
	  width: 100%;
	  left: 0;
	  top: 0;
	  background-size: 100%;
	  background-position: center;
	  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;
	  color:#fff;
	  background-repeat: no-repeat;
 
	}
 


.servicemk.hover .slide-inner
{ animation: inner 1.5s ease infinite ; -webkit-animation:inner 1.5s infinite; animation-iteration-count:1;-webkit-animation-iteration-count:1}

@keyframes inner{
	from { background-size: 130%;}  
	to { background-size: 100%;}
}

@-webkit-keyframes inner{
	from { background-size: 130%;}  
	to { background-size: 100%;}
}










/* .service_list{ position:absolute; bottom:50px; width:80%; left:10%; z-index:10; display:flex; color: #fff; background-color: rgba(255, 255, 255, 0.48); border-bottom: 1px solid #f4cd2a; padding: 50px 80px;  padding-right: 0;  padding-left: 0; overflow:hidden; } */
.service_list {
    position: absolute;
    bottom: 50px;
    width: 80%;
    left: 10%;
    z-index: 10;

    color: #fff;

    padding: 50px 80px;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
    text-align: center;
}
/* .service_list li{     flex: 1;  box-sizing: border-box;   font-size: 20px;    position: relative;   padding-left: 160px; } */
.service_list li{  box-sizing: border-box;
    font-size: 20px;
    position: relative;
    height: 20px;
    background: #fff;
    width: 20px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5; }


.service_list li span{ display: block;  font-size: 14px;   opacity: 0.6; display:none; }
/* .service_list li::after{ content:''; display: block; background:#fff;  width:1px; height:50px; opacity:0.5; right:0; top:0; position:absolute; }
.service_list li:last-child::after{ display:none; } */

/* .service_list li:hover::before,.service_list li.hover::before{ cursor: pointer;  content: '';   display: block;  background: #f4cd2a;   width: 100%;   height: 160px;   right: 0;   top: -50px;   position: absolute;    z-index: -1; } */

.service_list li:hover,.service_list li.hover{ cursor:pointer; opacity:1; }

/* .service_list li:hover::after{ display:none; } */

/* .service_list li:nth-child(1){ background:url(../images/pic1.png) no-repeat 106px  center; background-size:50px; }
.service_list li:nth-child(2){ background:url(../images/pic2.png) no-repeat 106px  center; background-size:40px; }
.service_list li:nth-child(3){ background:url(../images/pic3.png) no-repeat 106px  center; background-size:45px; }
.service_list li:nth-child(4){ background:url(../images/pic4.png) no-repeat 106px  center; background-size:40px; }

 */

.video-slide video{ margin-left: 0;   margin-top: -1270px;  width: 100%;}






.fress-slide.news{ background:url(../images/banner10.jpg) no-repeat bottom; background-size:100%; }
.fress-slide.news .title{ width: 80%;   position: absolute;  top: 20%;  left: 10%;   color: #000;   font-size: 20px; }
.fress-slide.news .title span{ display: block;  font-size: 14px;   margin-bottom: 10px; }


.fress-slide .swiper04 { width: 80%;  top: 30%;  padding-bottom: 70px;  height: 50%; }
.fress-slide .swiper04 .swiper-slide{  overflow:hidden; }


.swiper04 .img{ float: left; width: 50%;}
.swiper04 .img a{}
.swiper04 .img a img{ width: 100%; }

.swiper04 .txt{ float: right;  width: 50%;   box-sizing: border-box;   padding: 60px;  padding-top: 145px; background:#fff; }
.swiper04 .titlea{ font-size: 35px;   font-weight: bold;}
.swiper04 p{ border-top: 1px solid #f1f1f1;  margin-top: 20px;    padding-top: 20px;   font-size: 14px;    line-height: 24px;  letter-spacing: 2px;  height: 110px;
 overflow: hidden;}
.swiper04 .more{     font-size: 14px;  color: #d5d5d5;}
.swiper04 .more::before{ content: '';   display: inline-block;   width: 0;  height: 0;   border-top: 6px solid transparent; border-left: 8px solid #d5d5d5;   border-bottom: 6px solid transparent;  margin-right: 6px;   vertical-align: middle;  }

.news_lm{ position: absolute;   left: 50%;   width: 50%;  z-index:5;  box-sizing: border-box;   padding: 60px; }

.news_lm h2{ display: inline-block; float: left; } 
.news_lm a{ display: inline-block;  float: right;      color: #a3a3a3;} 
.news_lm a:hover{ color:#e4302f; }



 
.about2 {

    padding:6vw 14vw 6vw 14vw; position:relative;  overflow:hidden;
 
	padding-bottom:0px;

}


.about2 .about2bg{  position:absolute; left:20px; top:20px; opacity:.3;  }

#canvas{ position:absolute; left:0; top:0; z-index:1; opacity:0.2; }

.about2 .asss{ position:relative; z-index:2;}

.about2 .bar {

    padding: 0.625vw 1.302vw;

    font-size: 0.833vw;

    margin-left: 2.083vw;

    color: #000000;

    background: #F8F8F8;

    cursor: pointer;

    transition: all ease .3s;

}



.about2 .bar.on {

    background: #FFFFFF;

    color: #C11920;

    box-shadow: 0vw 0vw 20px rgba(0, 0, 0, 0.1);

}



.about2 .bar:hover {

    transform: scale(1.1);

    background: #FFFFFF;

    color: #C11920;

    box-shadow: 0vw 0vw 20px rgba(0, 0, 0, 0.1);

}



.about2 .bar i {

    margin-left: 0.625vw;

    font-size: 0.833vw;

}



.about2 .tab-content {

    padding-top: 3.125vw;

    position: relative;
 

}



.about2 .tab-content.on {

    

}



.about2 .tab-content .pic {

    width:50%; float:right;
}



.about2 .tab-content .intr {

    padding:0;

   float:left;

    bottom: 0;
    width:40%;
 
}


.pabout-list1 {
    justify-content: space-between; display: flex; margin-top:100px;
	justify-content: space-between;
	    display: flex;
	    margin-top: 100px;
	    width: 710px;
	    margin: 0 auto;
	    position: relative;
	    padding-top: 110px;
	    margin-top: 180px;
	
}
.pabout-list1 .pabout-list1-item {
    text-align: center; position: absolute; width: 126px;
}


.pabout-list1-item::after{  
content: '';
    display: block;
    position: absolute;
    background: #fff;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    left:-22%;
    top:-25%;
    z-index: -1;

}

.asss::after{ content:''; width:100vw; position:absolute; bottom:0; height:620px; background:url(../images/bgbg.jpg) bottom no-repeat; left: -14vw;  z-index: -2; }


.pabout-list1 .pabout-list1-item:nth-child(1){ left: -250px;top: 320px; }

.pabout-list1-item:nth-child(1)::after{ left:-20%; top: -22%; } 
.pabout-list1-item:nth-child(2)::after,.pabout-list1-item:nth-child(3)::after,.pabout-list1-item:nth-child(4)::after{ left:-20%; top: -20%; } 

.pabout-list1 .pabout-list1-item:nth-child(2){ top: 90px;  left: -50px; }
.pabout-list1 .pabout-list1-item:nth-child(3){ left: 50%;   margin-left: -80px;   top: -50px; }
.pabout-list1 .pabout-list1-item:nth-child(4){ right: -50px;   top: 90px; }
.pabout-list1 .pabout-list1-item:nth-child(5){ right: -250px;  top: 320px; }

.pabout-list1 .pabout-list1-item img {
    width:40px;
    margin: 0.29rem auto 0.19rem; max-width: 100%;
    display: block;
}
.pabout-list1 .pabout-list1-item >samp {
    font-size: 18px;
    color: #333333;
    line-height: 20px; font-family: "Microsoft YaHei",Helvetica Neue, Helvetica, Arial, sans-serif; margin:10px 0px;
    display: block; margin-bottom: 10px;
	
	
}


.pabout-list1 .pabout-list1-item p {
    font-size: 14px;
    color: #045079;
}
.pabout-list1 .pabout-list1-item p span, .pabout-list1 .pabout-list1-item p i {
    font-size:25px;
    color: #045079;
    font-weight: bold;
    font-style: normal;
}


.about2 .tab-content .intr h2 {

   font-size: 40px;
       font-weight: 600;
       color: #045079;
}



.about2 .tab-content .intr b {

        display: block;
        width: 100%;
        font-weight: 100;
        font-size: 25px;
        margin-bottom:40px;
        margin-top: 10px;
        color: #949494;
		text-transform: uppercase;
}



.about2 .tab-content li {

   font-size: 18px;
       margin-bottom: 1.302vw;
       color: #4a4a4a;
       position: relative;
       line-height: 180%;

}

.about2 .tab-content li strong{ color: #045079; display:block; } 

.yf_bt .yf_li{ height:50px; margin-top: 18px;}
.yf_bt .yf_li::before{ display:block; content:''; width:100px; height:1px;  }
.yf_bt .yf_li li{ display:none; opacity:1; font-size: 25px; font-weight: bold; } 
 
.yf_bt .yf_li li.hover{ display:block;
	animation: a2_8 1s ease infinite ; -webkit-animation:a2_8 1s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1
	
	}

@keyframes a2_8{
	
	from
	{ opacity:0; margin-top:30px;}
	
	to 
	{ opacity:1; margin-top:0px;}
	
}

.colormr h2{ color:#045079; text-transform: uppercase; }
.colormr h2::after{ background: #045079; }


.colormr .mial{ position: absolute;
    color: #3e3e3e;
    top: 400px;
    width: 1200px;
    margin-left: -600px;
    left: 50%; line-height: 27px; }

.colormr .mial.mialtwo{ width:860px; margin-left: -430px; }

 .yf{ background:url(../images/yfbg.png) no-repeat center;  margin-top: -130px; position:relative; }
 .yf.yftwo{ margin-top: -50px; }
 

 .yf .mial{ margin-top:0px;  line-height: 28px;   width: 70%; display:none; }
 .yf .mySwiper{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:100px; position: relative; }
 .yf_bt{  position: relative;
    width: 100%;
    height: 130px;
    background: #04507980;
    margin: 0 auto;
    margin-top: -130px;
    z-index: 5;
    padding: 30px;
    box-sizing: border-box;
    color: #fff;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    border-bottom-left-radius: 10px;}

.mySwipertwo .yf_bt{ width:80%; }
.yf .swiper-slide{ border-radius:10px; overflow:hidden; }
.yf .swiper-slide img{ display:block; }
.yf .mySwipertwo .mial{ line-height: 23px; font-size: 14px; }
 
.yf_bt .swiper-button-prev{ right:150px; left:auto; background: none; color: #fff; }
.yf_bt .swiper-button-next{ background: none; color: #fff; right: 20px;}

.yf_bt .linx{ position: absolute; right: 100px; top: 29px; height:23px; width:1px; background:#fff; opacity: 0.5; } 

.yf_bt .swiper-button-prev:after, .yf_bt .swiper-button-next:after { font-size: 23px;   font-weight: bold; }
 
.yf_bt .swiper-button-next, .yf_bt .swiper-button-prev{ opacity:1;   color:#fff; top:40px }
 
.yf_bt .swiper-container-horizontal>.swiper-pagination-bullets, .yf_bt .swiper-pagination-custom,.yf_bt .swiper-pagination-fraction{ bottom: 20px;   right: 20px;   width: 50px;  left: auto; }
 
 
.yf .swiper-container-horizontal>.swiper-pagination-bullets, .yf .swiper-pagination-custom, .yf .swiper-pagination-fraction{ bottom:154px; }
 
.yf .swiper-pagination-bullet-active{ color:#fff; background: #fff; } 


.yf .mySwipertwo .yf_bt{ width: 80%; text-align: center; color: #05507a; background: none; height: 212px; margin-top: -120px; }

.yf .mySwipertwo .swiper-button-next,.yf  .mySwipertwo  .linx, .yf .mySwipertwo .swiper-button-prev, .yf .mySwipertwo .left{ display:none;  }

.yf .mySwipertwo  .swiper-pagination-bullet-active{ background: #05507a; } 
.yf .mySwipertwo .swiper-pagination-clickable .swiper-pagination-bullet{ background:#05507a; }

.yf .mySwipertwo.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 73px; }



 .swiper044 .swiper-button-next, .swiper044 .swiper-button-prev{ opacity:1; transform: scale(0.7);  color:#fff; top:auto; bottom:40px; }
 .swiper044 .swiper-button-prev{ left: auto;   right: 90px; }
 .swiper044 .swiper-button-next{ right: 40px; }
 .honor { padding:3vw 14vw 5vw 14vw; }
 
 .honor ul::after{ content:''; display:block; clear:both; }
 .honor ul li{
     background: #F6F6F6;
     position: relative;
     transition: all ease .3s;
	 float:left; width:30%; margin-right:5%; margin-top:50px;
 }
 
 .honor ul li:nth-child(3n){ margin-right:0; }
 
 .honor ul li .pic {
     width: 100%;
     height: 22.083vw;
     padding: 0 2.083vw;
     display: flex;
     align-items: center;
     justify-content: center;
	 box-sizing: border-box;
 }
 .honor ul li .pic img {
     width: auto;
     max-width: 100%;
     max-height:85%; box-shadow:none;
 }
 .honor ul li .flag {
     position: absolute;
     right: 1.406vw;
     top: 0.729vw;
 }
.honor ul li .intr {
     padding: 0 1.563vw 1.823vw;
     position: relative;
 }
.honor ul li .intr h3 {
     border-bottom: 1px solid #EBEBEB;
 }
 
 
 
 .flex-xend {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
 }
 
 
.honor ul li .intr h2 {
     font-size: 1.042vw;
     margin: 1.563vw 0 1.042vw;
     color: #000000;
     display: -webkit-box;
     display: box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;  margin-bottom: 0;
 }
.honor ul li .intr p {
     font-size: 0.833vw;
     color: #666666;
     display: -webkit-box;
     display: box;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 
.honor ul li  .intr::after {
     content: '';
     display: block;
     width: 100%;
     opacity: 0;
     border-bottom: 5px solid #045079;
     transition: all ease .3s;
     position: absolute;
     bottom: 0;
     left: 0;
 }
 
 .honor ul li:hover .intr::after {
     opacity: 1;
 }
  .honor ul li:hover {
     transform: translateY(-1.042vw);
     background: #fff;
     box-shadow: 0vw 0vw 20px rgb(0 0 0 / 16%);
 }
 
 .pabout-culture {
     background: url(../images/img1.jpg) no-repeat;
     background-size: 100% 100%;
     padding-top: 1rem;
     padding-bottom: 1rem;
 }
 .pjoin-title h4 {
     font-size:40px;
     font-weight: 600;
     color: #222222;
     line-height: .56rem; text-align: center;
 }
 .pjoin-title p {
     font-size: .26rem;
     font-weight: 300;
     color: #999999;
     line-height: .37rem;
     margin-top: 4px;
     text-transform: uppercase; text-align:center;
 }
 
 .centerdq{ 
    width: 100%;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important;
    vertical-align: middle!important; margin-bottom:100px;
	 }
	 


.centerdq:nth-child(1) .pic,.centerdq:nth-child(3) .pic{ margin-left:10%; }
.centerdq:nth-child(2) .intr{ margin-left:10%; }
	 
	 
 .gd_bg_b {
     width: 1200px;
         height: 1200px;
         position: absolute;
         bottom:-720px;
         left: 50%;
         z-index:-1;
         margin-left: -600px;
 }
 .gd_bg_b img {
     width: 100%;
     height: auto;
     animation: rolltwo 25s linear infinite;
 }
 @keyframes rolltwo {
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
 }
 .aboutbg2{ text-align:center; }
  .aboutbg2 img {width:850px; display: block; margin: 0 auto; }

.zhao_a{ position:relative; }
.zhao_a .zhao_a_text{ text-align:center; }

.zhao_b .mySwiper{
    margin-top:60px;
}

.yf .mySwiper.mySwipertwo{ width:862px; z-index:2; }

.yf .swiper-wrapper{ }

.yf .yfbg{ background: url(../images/bannera.png) no-repeat;
    width: 1219px;
    height: 808px;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -609px;
    top: -103px; }


.free-hide img{ height:100%; }

.gs2 .free-hide{ height:80vh; }
.gs3 .free-hide{ height:85vh; }

.footer{  box-sizing: border-box; background:url(../images/footer.jpg) center top no-repeat #262626; box-shadow:none;  padding:100px 5%; }
.footer .yuye{ color: #545454; text-align:center; }
.footer .yuye span{display: block; font-size: 12px; color: #999;}

.footer .contactinfo{font-size:12px; overflow: hidden;}
.footer .contactinfo .name{ color: #545454; font-weight:500; margin-bottom:10px; text-align:center;}
.footer .contactinfo p{color: #fff; line-height:20px; line-height: 26px; text-align:left;  font-size: 14px; margin-top: 10px;}
.footer .contactinfo p.tel{   }
.footer .contactinfo p a{ color:#fff; }

.footer .contactinfo p.ba{ margin-top: 20px;  color: #6c6c6c; }
.footer .contactinfo p.ba a{  color: #6c6c6c; }

.footer .contactinfo p:first-child{ float:right; }
.footer .contactinfo p img{ display:block; margin-bottom:10px; }



.cl-slide .slide-inner,.cl-slidetwo .slide-inner{
	  height: 100vh;
	  width: 100%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  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;
	  color:#fff;
	}

.cl-slide .txt{  position: absolute;  z-index: 5;   color: #fff;   width: 50%;   left: 25%;  top: 35%;  text-align: center; }
.cl-slide .txt .txt_a{font-size: 50px; opacity:0; animation: txt_aa 0.5s  ease infinite; animation-iteration-count:1; animation-fill-mode:forwards; }
.cl-slide .txt .txt_b{ font-size: 50px;  margin: 20px; opacity:0; animation: txt_bb 0.5s  ease infinite; animation-iteration-count:1; animation-fill-mode:forwards;}
.cl-slide .txt .txt_c{ font-size: 16px;  line-height: 29px;}

.cl-slide.swiper-slide-active .txt .txt_a{ animation: txt_a 3s  ease infinite;  animation-iteration-count:1; animation-fill-mode:forwards; }
.cl-slide.swiper-slide-active .txt .txt_b{ animation: txt_b 3s  ease infinite;  animation-iteration-count:1; animation-fill-mode:forwards;}
 
 
@keyframes txt_a {
  0% {  opacity:0;   margin-left:100px;  }
  100% {  margin-left:0px;  opacity:1;  }
}

@keyframes txt_aa {
  0% {  opacity:1;   margin-left:0px;  }
  100% {  margin-left:100px;  opacity:0;  }
}

@keyframes txt_b {
  0% {  opacity:0;   margin-left:-100px;  }
  100% {  margin-left:0px;  opacity:1;  }
}
@keyframes txt_bb {
  0% {  opacity:1;   margin-left:0px;  }
  100% {  margin-left:-100px;  opacity:0;  }
}




.sea-down {
    position: absolute;
    left: 50%;
    margin-left: -29px;
    bottom: 30px;
    z-index: 3;
    pointer-events: none;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.sea-down.loaderMouse, .sea-down.defaul {
    opacity: 1;
    visibility: visible;
}


.sea-down i {
    display: block;
    margin: auto;
    position: relative;
    width: 2px;
    height: 18px;
    transition: 1s;
}
.sea-down.defaul i {
    height: 18px;
}
.sea-down i:before {
    position: absolute;
    left: -6px;
    top: -15px;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
}
.sea-down i:after {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    content: "";
    width: 100%;
    height: 100%;
    animation: move2 3s infinite;
    transform-origin: center top;
}
.sea-down.defaul i:after {
    animation: move2 3s 1s infinite;
}
@keyframes move2 {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.2);
    opacity: 0.2;
  }
}
.sea-down span {
    display: block;
    margin-top: 15px;
    color: #fff;
    line-height: 1;
    font-size: 14px;
}


.cl-slidetwo .art{ position: absolute;
    z-index: 5;
    top: 40%;
    left: 15%;
    color: #fff; opacity:0; animation: art_b_aa 2s  ease infinite;  animation-iteration-count:1; animation-fill-mode:forwards; }
.cl-slidetwo .art .art_a{ position: relative;
    font-size: 30px;
    font-weight: bold;  }
.cl-slidetwo .art .art_a::before{ content: '“';
    display: block;
    position: absolute;
    left: -60px;
    color: #fff;
    top: -100px;
    font-size: 300px;
    font-family: Arial, sans-serif;
    opacity: 0.5;}
.cl-slidetwo .art .art_b{   font-size: 16px;
    width: 440px;
    line-height: 40px;
    margin-top: 20px;}
 

.cl-slidetwo .art_pic{     position: absolute;
    z-index: 5;
    top:25%;
    right: 25%;
    width: 500px; }
.cl-slidetwo .art_pic img{ width: 320px;  position: absolute; padding: 8px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    box-shadow: 0 0 32px rgb(0 0 0 / 18%);
    transition: 0.4s; transform: scale(1);}
	
.cl-slidetwo.swiper-slide-active .art_pic img:hover{ transform: scale(1.1); }
	
.cl-slidetwo .art_pic img:nth-child(1){  transform: rotate(-8deg);}
.cl-slidetwo .art_pic img:nth-child(2){margin-left: 400px;
    transform: rotate( 15deg);
    margin-top: 80px;}
.cl-slidetwo .art_pic img:nth-child(3){top: 320px;
    transform: rotate( 15deg);
    margin-top: -40px;
    margin-left: -50px;}
.cl-slidetwo .art_pic img:nth-child(4){margin-left: 420px;
    top: 410px;
    transform: rotate( 
-8deg);
    margin-top: -40px;}



.cl-slidetwo.swiper-slide-active .art{ animation: art_b_a 2s 0.5s  ease infinite;  animation-iteration-count:1; animation-fill-mode:forwards;}
@keyframes art_b_a {
  0% {  opacity:0;   margin-top:-200px;  }
  100% {  margin-top:0px;  opacity:1;  }
}
@keyframes art_b_aa {
  0% {  opacity:1;   margin-top:0px;  }
  100% {  margin-top:-200px;  opacity:0;  }
}




.cl-slidetwo.swiper-slide-active .art_pic img:nth-child(1)
{ animation: art_pic_a 3s  ease infinite;  animation-iteration-count:1; animation-fill-mode:forwards;}
 
@keyframes art_pic_a {
  0% {  opacity:0;   margin-top:-200px;  }
  100% {  margin-top:0px;  opacity:1;  }
}

.cl-slidetwo.swiper-slide-active .art_pic img:nth-child(2)
{ animation: art_pic_b 2s  ease infinite;  animation-iteration-count:1; animation-fill-mode:forwards;}
 
@keyframes art_pic_b {
  0% {  opacity:0;   margin-top:-200px;  }
  100% {  margin-top:80px;  opacity:1;  }
}

.cl-slidetwo.swiper-slide-active .art_pic img:nth-child(3)
{ animation: art_pic_c 3s  ease infinite;  animation-iteration-count:1; animation-fill-mode:forwards;}
 
@keyframes art_pic_c {
  0% {  opacity:0;   margin-top:-250px;  }
  100% {  margin-top:-40px;  opacity:1;  }
}


.cl-slidetwo.swiper-slide-active .art_pic img:nth-child(4)
{ animation: art_pic_d 2s  ease infinite;  animation-iteration-count:1; animation-fill-mode:forwards;}
 
@keyframes art_pic_d {
  0% {  opacity:0;   margin-top:-250px;  }
  100% {  margin-top:-40px;  opacity:1;  }
}


.brand_con_box{ position:fixed; top:0;left:0; width:100%; }
.aboutgd{ height:100vh; background:#f1f1f1; color:#000;  }
.aboutgd .swiper-wrapper{ transition:all 0.3s ease-in; } 

.aboutgd .swiper-wrapper .swiper-slide {
    width: auto;
 
}
.parallax-bg{ height: 800px;
    position: absolute;
    width: 100%; }

.brand_con_box  .swiper-slide .slide-inner {
	  min-height:100vh;
	  width: 180%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  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;
	  color:#fff;
	}

.brand_con_box  .swiper-slide.star .slide-inner { width: 120%; }
 


.brand_con_box .brand h2{ position: absolute;
    font-weight: 700;
    font-size: 70px;
    text-shadow: 0 30px 10px rgb(0 0 0 / 20%);
    letter-spacing: 3px;
    display: block;
    z-index: 5;
    color: #fff;
    top: 20%;
    margin-left: 10%;}
.brand_con_box .brand .jsjs{ position: absolute;
    color: #fff;
    z-index: 5;
    top: 40%;
    margin-left: 10%; width:80%; line-height: 33px; }

.aboutgd .swiper-wrapper .swiper-slide.brand{ width:1200px; overflow: hidden; }
.aboutgd .swiper-wrapper .swiper-slide.star{ width:670px; overflow: hidden; }
.swiper-slide.brand strong{ display: block; font-size:30px; margin-bottom:20px; }




.hezuo{ width: 100%;
    height: 100%;  margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1; }
.hezuo .free-bg {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

 .hezuo .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: block;
      -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;
    }

.hezuo  .swiper-slide .slide-inner {
	  min-height:100vh;
	  width: 180%;
	  left: 0;
	  top: 0;
	  background-size: cover;
	  background-position: center;
	  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;
	  color:#fff;
	}
.hezuo  .free-hide {
    position: relative;
    height: 100vh;
    margin-top: 0;
    width: 100%; 
}
.hezuo  .free-hide .slide-inner{ width:100%; height:100%; }
.hezuo .bg{ position: absolute;
    z-index: 5;
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5; }

.hezuo  .aaa h2{ position: absolute;
    z-index: 33;
    left: 0;
    top: 26%;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 50px; } 


.team .bbb .team_a{ position: relative;
    text-align: center;
    font-size:40px;
    line-height: 1;
    font-weight: 700;
    color: #3b4048; margin-top:100px; }

.team_a::before{ content: "TEAM";
    display: block;
    position: absolute;
    font-size: 130px;
    left: 50%;
    opacity: 0.1;
    margin-left: -190px;
    top: -47px;
    color: #ababab;}
.team .bbb .team_b{     margin-top: 28px;  font-size: 16px;  color: #6c6c6c; }
.team .bbb .team_c{     width: 640px;   margin: 0 auto;  margin-top: 90px;  line-height: 36px;  color: #646464; }








 .contact_right{  width:50%; margin:0 auto; }
.lead-form-wrapper {
    background: #ffffff;
   
    padding: 48px;
}
.lead-form-wrapper__title {
    color: #009a44;
    font-size: 16px;
    line-height:30px;
    margin-bottom: 16px;
    text-transform: uppercase;
	font-weight: 700;
}
.lead-form-wrapper__text {
    color: #666666;
    font-size: 16px;
    line-height:25px;
}
.lead-form .form__field {
    margin: 16px 0;
}
.lead-form label.form__label {
    width: 100%;
}
.lead-form textarea.form__text-input, .lead-form input[type='number'].form__text-input, .lead-form input[type='text'].form__text-input {
    background: #f5f4f2;
    border: 2px solid #e5e3dd;
    border-radius: 3px;
    padding: 8px;
    width: 100%;
	margin-top: 5px;
}
label {
    display: inline-block;
	margin-bottom: 0.5rem;
}
span.sub-text {
    color: #7b7b7b;
}
.sub-text {
    font-size: 0.75em;
    font-weight: 100;
    margin-left: 4px;
}
.lead-form textarea.form__text-input {
    height: 80px;
}

.lead-form .pbtn {
    border-radius: 36px;
    box-sizing: border-box;
    display: block;
    cursor: pointer;
    font-size:18px;
    letter-spacing: 4.25px;
    margin: 0 auto;
    padding: 22px 40px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    text-align: center;
    white-space: nowrap;
	color: #f6f6f6;
	background: #e4302f;
	font-weight: bold; font-weight: bold;   border: none;
}
.lead-form .pbtn:hover{ background:#8a2726; }


.lyly{     width: 850px;
    margin: 0 auto;
    margin-bottom: 50px;
    background: none;
    border-top: none;
    margin-top: 0;
    padding-top: 0;
    color: #d1d1d1;}



.lyly h3{ line-height:50px; }
.message{ margin-top:15px;  }
.message .messagetwo{ font-size:14px; color: #848484; }
.message .messagetwo span{     color: #ea563b;  padding-right: 5px; }

.message  textarea{ box-sizing: border-box; padding: 20px; border: 1px solid #626262; width:100%;  font-weight: 400; font-size:14px; background-color: rgba(70, 70, 70, 0.22); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1);  font-family: tonjay;  color: #d7d7d7; border-radius: 5px;}

.messagethree { margin-top: 30px; display: flex;}
.messagethree input[type=text]{width: 174px;   margin-right: 20px;  border: 1px solid #626262;  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); height:30px; text-align:left; background-color: rgba(70, 70, 70, 0.22);
    color: #d7d7d7;
    font-size: 16px;}
.lyly input[type=text]{ padding: 10px 20px; border-radius: 5px;  flex: 1;}
.lyly input[type=text]:last-child{ margin-right:0; }
.lyly .xptj { font-size: 18px;
    border: none;
    width: 100%;
    text-align: center;
    background-color: rgba(4, 80, 121, 0.64);
    color: #FFF;
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
    line-height: 70px;}
.lyly .xptj:hover { background-color: rgba(4, 80, 121, 0.8); }


.lyly .radio{ display:inline-block; margin-right: 20px; flex:1; margin-top: 15px; }
.lyly .radio input[type="radio"] { position: absolute;  opacity: 0; }
.lyly .radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #767676;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width:15px;
  height:15px;
  position: relative;
  top: 0;
  margin-right:8px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.lyly .radio input[type="radio"]:checked + .radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #000000;
}
.lyly .radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #3197EE;
}
.lyly .radio input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #767676;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.lyly .radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}




.contact .lyly input[type=text] , .contact .message textarea { box-shadow: none; border: 1px solid #f1f1f1;     color: #045079; background-color: rgb(255 255 255 / 22%); }
.contact .lyly .radio input[type="radio"] + .radio-label:before{ background: #ffffff; }
.contact .lyly .radio input[type="radio"]:checked + .radio-label:before{ box-shadow: inset 0 0 0 4px #ffffff;  border: 1px solid #045079;   background-color: #045079; }
.contact .lyly{ color: #585858; width:100%; padding-top: 50px;  margin-top: 50px;    border-top: 1px solid #f1f1f1; }
.contact .lyly .radio{     flex: 0.3; }


.contact_right h3{ float: left;
    font-weight: 500;
    font-size: 16px;
    margin-right: 2%;
    width: 25%;
    text-align: left;
    line-height: 35px; }
.contact_right h3 span{ color: #fd0000; }
.contact_right .input{ float: left;
    color: #727272;
    width: 68%; }
.contact_right .input input{ border: 1px solid #b8b8b8; width: 100%;  padding: 8px; }
.contact_right  ul{ width: 100%; overflow: hidden; margin-bottom:30px;  }
.xmtwo { overflow:hidden; }
.contact_right .xma .input{ width: 88%; }
.contact_right .xma .input input{ width:100%; box-sizing: border-box;}
.contact_right .xma h3{width:10%; }

.contact_right .xma .inputa{ text-align:left; color:#666; }


.xma li{ width:100%; float:left; overflow: hidden; }

.xmtwo li{ width:45%; float:left;overflow: hidden; }
.xmtwo li:nth-child(2){ float: right; }

.contact_right .xmc h3{ width:10%; }
.contact_right .xmc .input{ width: 88%; }
.contact_right .xmc textarea{ width: 100%;
    box-sizing: border-box;
    border: 1px solid #b8b8b8;}
 
 
 
 
 .ggnr{ width:1000px; margin:0 auto; padding:100px; line-height:30px; }
 .ggnr.ggnrtk{ text-align: left;
    max-height: 500px;
    padding: 0;
    margin-top: 100px;
    margin-bottom: 100px;
    overflow: overlay;
    padding-right: 20px;  }
  .ggnr.ggnrtk strong{ display:block; margin-top:20px; margin-bottom:10px; }
 
.bbb .tel{   color: #fff;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    top: 10%;
    display: block;
    text-align: center;
    margin-bottom: 100px;
    z-index: 5;
    width: 100%;}
 
 
 
 
 
 .newslist {
     background: #fff;
     padding: 65px 7.5%;
     width: 85%;
 }
 .newslist ul {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
 }
 .newslist ul li {
     margin-bottom: 30px;
     width:45%;
     float: left;
     border-bottom: 1px solid #f1f1f1;
     padding-bottom: 30px;
     margin-right: 5%;
 }
 .newslist ul li img {
     width: 100%;
     opacity: 0.9;
     height: 300px;
 }
 .newslist ul li h3 {
     font-weight: 500;
     font-size: 16px;
     margin: 15px 0px;
 }
 .newslist ul li p {
     font-size: 13px;
     line-height: 22px;
     color: #a8a8a8;
 }
 .newslist ul li:nth-child(2n) {
     margin-right: 0;
     float: right;
 }
 

.newslist ul li a span{     font-size: 12px;   color: #aaa; } 
 
 .newsart {
     background: #fff;
     padding: 80px 0px;
 }
 .newsart .title {
     width: 80%;
     height: 40px;
     font-size: 26px;
     font-family: 'Microsoft YaHei';
     color: #2d2d2d;
     text-align: center;
     margin: 0 auto;
 }
 .newsart .source {
     width: 80%;
     margin: 0 auto;
     display: block;
     text-align: center;
     padding-bottom: 30px;
     padding-top: 10px;
     color: #b7b7b7;
     font-size: 14px;
     float: none;
 }
 .newsart .article {
     width: 1200px;
     margin: 0 auto;
     line-height: 190%;
     min-height: 400px;
     padding-bottom: 10px;
     overflow: hidden;
     font-size: 18px;
 }
 
 
 
 
 
.index4 {  height: 100vh; display: flex; align-items: center; position: relative; width:80%;  margin: 0 auto;}
.weui-cell__bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}


.animatethis .js-m {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);
}


.idx4top {
    display: flex;
    align-items: center;
    padding-bottom:24px;
    border-bottom: 1px solid #d4d4d4;
}
.idx4top .title {
    font-size:42px;
    color: #333;
}
.idxwrapper .morebtn {
    width: 1.8rem;
    line-height: .54rem;
    background: #df2424;
    transition: all .3s ease-in-out;
    font-size: .16rem;
    color: #fff;
    display: block;
    text-align: center;
}
.idx4box {
    position: relative;
    margin-top:30px;
}
.idx4box .left {
    width: 65%;
    overflow: hidden;
    position: relative;
    display: block;
}
.idx4box .left img {
    transition: all .5s ease-in-out; width: 100%;
}
.idx4box .left .content {
    position: absolute;
    bottom:24px;
    left: 0;
    right: 0;
    padding: 0 28px;
}
.idx4box .left .h1 {
    font-size:16px;
    font-family: "DIN";
    color: #fff;
}
.idx4box .left .h2 {
    font-size:24px;
    color: #fff;
    margin-top:16px;
}

.idx4box .right {
    position: absolute;
    right: 0;
    width: 33%;
    top: 0;
    bottom: 0;
}
.idx4box .right .item {
    display: flex;
    align-items: center;
    height: 25%;
    border-bottom: 1px solid #e8e8e8;
    padding-right: .15rem;
}
.idx4box .right .item .imgbox {
    width: 34.8%;
    margin-right: .2rem;
    overflow: hidden; height:96px;
}
.idx4box .right .item img {
    object-fit: cover;
    height: 100%;
    transition: all .5s ease-in-out;
}
.idx4box .right .item .h1 {
    font-size: 12px;
    font-family: "DIN";
    color: #aaa;
    margin-bottom: .75vw;
}
.idx4box .right .item .h2 {
    font-size:16px;
    color: #373737;
    line-height: 1.625;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .3s ease-in-out;
}

.index4:after {
    content: "news";
    position: absolute;
    left:-16px;
    color: #f7f7f7;
    font-size: 9vw;
    text-transform: uppercase;
    font-family: "Microsoft Yahei";
    bottom: -4vw;
    font-weight: bold;
}






.nav_nr {
           width:100%;
           margin: 0 auto;
           position: relative;
           z-index: 5;
		   padding:0 2%;
		   background-color:#fff;
		   box-sizing: border-box;
		   box-shadow: 0 10px 25px -4px rgb(225 225 225);
}
.nav_nr ul {     
	padding: 0;
    background-color:#fff;
    display: flex;
	width:100%;
}
.nav_nr li {
    flex: 3;
    position: relative;
}
.nav_nr li a {
    display: block;
    color: #000;
    line-height:100px;
	height:100px;
    text-align: center;
    font-size:16px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out; 
}
.nav_nr li a:hover,.nav_nr li a.hover{ background-color: #fff; color: #01673f; }
 
.nav_nr li:last-child a::after{ display:none; }
 

.nav_nr li .cur::after {   height:15px;  width:15px; margin-left:10px; font-size:12px; }


.products{ background:#fff;  padding: 3vw 10vw 5vw 10vw; }
.products::after{ content:''; display:block; clear:both;}
.produ{ background:url(../images/bg1.jpg) no-repeat top center; background-size:auto 100%;     background-image: radial-gradient(#013c6f, #0059a7); position:relative; } 
.produ .you_title{ padding-top:100px;  }


.products_a{  float:right;     width: 75%; }
.products_nav{ margin-bottom:30px; color:#6a6a6a; }
.products_nav h2 img{  width: 30px;  vertical-align: bottom; }

.products_a .products_nav h2{color: #000; }
.products_nav_a{  margin:50px 0px; }
.products_nav_a a{ margin-right:15px; margin-left:15px; color:#6a6a6a; }
.products_nav_a a:hover{ color:#009643; }


.products_nav_a a:nth-child(1){ margin-left:0; }
.bjdh{ position: absolute;     z-index: 0;  bottom: 0;  }

 .products_b{ background:#fff;  box-sizing: border-box; }

.products_a_two{ }

.products_b{ overflow:hidden; }
.products_pic{ float:left; width:40%; }
.products_pic img{ width:100%; }
.products_c{ float:right;  width:55%; text-align:center; margin-top: 120px; }
.products_b .products_title{ font-size: 40px;
    font-weight: bold;
    color: #000; }
.products_pic{ padding:50px; border:1px solid #f1f1f1;  box-sizing: border-box; }

.products_c .morea{ color: #9c9c9c;  margin-top: 16px;  display: block; }
.products_d{ margin-top:20px; }
.products_d .products_c_title{  }


.pro_contact {  overflow: hidden; }
 
.pro_contact .more {
    background: #fff;
    width: 170px;
    border-radius: 25px;
    text-align: center;
    bottom: 0px;
    padding: 0px;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    overflow: hidden;
	margin:0 auto; border: 2px solid #035C88; line-height: 40px; color: #035C88;
	 display: block; margin-top: 30px;
}

.pro_contact .more a{ color:#035C88; }
.pro_contact .more:hover,.pro_contact .more a:hover {
    color: #fff;
    background: #035C88;
}


.pro_contact .email::before{ content: "\f0e0";     font: normal normal normal 14px/1 FontAwesome; display:inline-block; margin-right:3px; }
.pro_contact .contact::before{    content: "\f095";  font: normal normal normal 14px/1 FontAwesome; display:inline-block; margin-right:3px;  }

.pro_contact .more1 {
    margin-top: 14px;
    display: block;
    float: left;
    margin-left: 20px;
	margin-top: 0;
}

.pro_contact .more1 img{  display: inline-block; width: 20px; vertical-align: middle; }

.pro_contact .more1:hover{   }
 
.pro_contact a { font-size: 14px; color: #4e4e4e; display:block; line-height: 40px;}





.products_class{ font-size:16px; margin:15px 0px; }
.products_class a{ color:#7a7a7a; }

.products_c_title{ font-weight: bold; font-weight: bold;
    background: #f1f1f1;
    padding: 15px;
    font-size: 20px;}
.products_c_nr{     font-size: 16px;
    color: #363636;
    line-height: 200%;
    margin-top:20px; }


.products_c_nr table {
    word-wrap: break-word !important;
    border-collapse: collapse !important; border:none!important; width:100% !important;
}

.products_c_nr table td, .products_c_nr table th {
    border: #f1f1f1 solid 1px !important;
    padding:1vw; vertical-align: top; width:50%;
}

.products_c_nr table td ul{ margin-left: 38px; }
.products_c_nr table td ul li{ list-style-type: initial; }

.products_list{ overflow:hidden; }
.products_list li{ width:31%; float:left; overflow:hidden; margin-bottom:50px;  margin-right: 3.5%;  }
.products_list li:nth-child(3n){ margin-right:0;  }
.products_list li img{ width:100%; display:block;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;  transform: scale(0.9); }
.products_list li a{ display:block; text-align: center; border:1px solid #ebebeb;   overflow:hidden;    padding-top: 50px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
.products_list li a:hover img{ transform: scale(1); }
.products_list li a:hover{ border: 1px solid #045079; }
.products_list  .products_list_txt { position:relative; z-index:5; font-size: 18px;  color: #3c3c3c;   }
.products_list  a:hover .products_list_txt { color:#000; }
.products_list  .products_list_txt span{ margin-bottom:20px; display: block; }
.products_list  .products_list_txt p{  color: #888;  font-size: 12px; }

.products_list  a:hover .products_list_txt p{ color:#045079; }



.products_list li .pic img{ border-radius:0; width: auto;
    max-width: 100%;
    max-height: 85%;
    box-shadow: none; }
 


.products_list li .pic {
    width: 100%;
        height: 16vw;
        padding: 0 0vw;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
}



.productsbg{ background: url(../images/env_003_bg_t.jpg) no-repeat top center,url(../images/evn_003_bg_b.jpg) no-repeat bottom center #fff; }

.products .product_type{ float:left; width:22%; }
.products .product_list{ float:right; width:75%; }

.product_type_1 {
    border: 1px solid #ebebeb;
    border-left: 6px solid #f2f2f2;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom:20px;
}
.product_type_1 li{
	line-height:70px;
    font-size: 16px;
    color: #333333;
    padding: 0 26px;
    border-top: 1px solid #ebebeb;
    display: inline-block;
    width: calc( 100% - 52px );
	position: relative;}

.product_type_1 li a{ display:block; }

.product_type_1 dl{ margin-bottom:30px; text-indent:20px;}

.product_type_1 li dd{ line-height:45px; }
.product_type_1 li dd a{ color: #8d8d8d; position: relative; }
.product_type_1 li dd a:hover{ color:#035C88; }
.product_type_1 li.hover{ }
.product_type_1 li.hover a{ color:#045079 }

.product_type_1 li.hover dd a{ padding-left: 20px; color: #8d8d8d; }

.product_type_1 li.hover dd a::before {
    content: ' ';
        height: 5px;
        width: 5px;
        display: inline-block;
        transform: rotate(-45deg);
        border-bottom: 1px solid #8d8d8d;
        border-right: 1px solid #8d8d8d;
        margin-right: 7px;
        margin-top: 0px;
        position: absolute;
        top: 20px;
		left: 20px;
}

.product_type_1 li.hover dd a.hover,.product_type_1 li.hover dd a:hover{ color:#045079 }

.product_type_1 li.hover dd a.hover::before,.product_type_1 li.hover dd a:hover::before{ border-bottom: 1px solid #045079;   border-right: 1px solid #045079; }

.page {
	width:100%;
	margin: 0px auto;
	display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap; margin-bottom: 50px;
    margin-top: 50px;
}

.page a{
	display: inline-block;
    font-family: 'Lato', sans-serif;
    line-height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    background-color: #fff;
    text-transform: uppercase;
    padding: 0 20px;
    font-size: 16px;
    border: 1px solid #eaeaea;
	color:#717171;
}
.page a:last-child{margin-right: 0;}
.page a:hover,
.page a:focus,
.page a.active,
.page .active span {
	color: #fff !important;
	background-color: #045079;
}


.page b{ display: inline-block;
    font-family: 'Lato', sans-serif;
    line-height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    background-color: #fff;
    text-transform: uppercase;
    padding: 0 20px;
    border: 1px solid #eaeaea;
    font-size: 16px;}
	
	
	

a:hover {
   
}


.product_type_2 {
    padding-left: 17px;
    width: 100%;
    height: 41px;
    line-height: 41px;
    border-left: 5px solid #feb900;
    font-size:30px;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	text-transform: uppercase;
}

.product_type_2_list  {
    display: block;
    margin-top:15px;
    width: 100%;
    height: 100%;
	overflow: hidden;
}

.product_type_2_list  .item {
    padding: 24px 0;
    width:48%;
    height:auto;
	float:left;
	 margin-right:3%;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom:15px;
}

.product_type_2_list  .item:nth-child(2n){ margin-right:0px; }

.product_type_2_list  .item:hover a{ color:#900 }

.product_type_2_list .item .img {
    display: block;
    width:100%;
    border: 1px solid #d8d8d8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.img img {
    vertical-align: middle;
    width: 100%;
}

.product_type_2_list .item .item_title {
    display: block;
    width:100%;
    height: 100%;
    line-height: 22px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	margin-top:10px;
	    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}





#mask_div1{ position: absolute;   top: 790px;   opacity: 0.4; }



.luans { overflow:hidden; background:#01683d;overflow:hidden; }

.luans .luans_left{ width:35%; float:left; position:relative; z-index: 5;}
.luans .luans_left .bg1{ background: #01683d; z-index: 5;
    display: block;
    height: 1280px;
    margin-left: 340px;
    width: 500px;
    border-radius: 50%;
    opacity: 0.3;
    margin-top: -300px;
    position: absolute;}
	
	.luans .luans_left .bg2{ background: #01683d; z-index: 5;
    display: block;
    height: 1280px;
    margin-left: 270px;
    width: 500px;
    border-radius: 50%;
    opacity: 0.7;
    margin-top: -300px;
    position: absolute; }
	
	.luans .luans_left .bg3{ background: url(../images/bgjz.png) top left #01683d;
    z-index: 5;
    display: block;
    height: 1500px;
    width: 720px;
    border-radius: 50%;
    opacity: 1;
    margin-top: -400px;
    position: absolute;}


.luans .luans_right{ width:65%; float: right; overflow:hidden; position: relative;}
.luans .luans_right img{ display:block; }
 .luans .luans_right p{ position: absolute;
    bottom: 40px;
    text-align: center;
    display: block;
    color: #01683d;
    width: 100%;
    font-size: 25px;}
.luans .swiper-button-prev{ background-image: url(../images/jtleft.png); background-size: 24px; left: 54px; border-radius: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid #fff; }
.luans .swiper-button-next{ background-image: url(../images/jtright.png); background-size: 24px; right: auto; left: 120px; border-radius: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid #fff;}

.luans .swiper-pagination-fraction{ color: #d5d5d5;  width:120px;  font-size: 30px; font-weight: bold;  left: auto; right: 5%;  bottom: 40px; }
.luans .swiper-pagination-current{ padding-bottom: 10px; display: block; position: absolute; top: -20px; color: #fff;  font-size:40px; }
.luans .swiper-pagination-total{ padding-left: 12px; position: absolute; }

.luans  .text{ color: #fff;  margin-top:270px;  position: absolute;  z-index: 8;  width: 100%; left: 20%; }
.luans  .text h2{ font-size:60px;  margin-bottom: 40px;  }
.luans  .text span{ position: absolute;  left: 30px; display: block;  width: 100%;  font-size: 100px;  font-weight: bold;  top: -55px;  opacity: 0.2; }
 
.luans  .text p{ font-size: 18px; }
 
.produ .you_title{ width:1000px; }
.produ .you_title .title_txt p {  color: #dcdcdc; line-height: 28px;  font-size: 18px; background: #045ba894; padding: 25px 25px;  border-radius: 5px; }
.product_type_1 dl.threenavtwo{ margin-left:15px;  margin-bottom:0px;}


.contact{  position: relative; padding:150px 0;  padding-top:0px;} 
.contact .tel{ text-align: center;  color: #fff;  font-size: 50px;   font-weight: bold;   margin-bottom: 100px; }

.shop_gn {
    padding: 6vw 14vw 6vw 14vw;
    margin: 0 auto;

}
.contact h4 {
    font-size: 40px;
    margin-bottom: 4vw;
}
.map {
    box-shadow: 0 3px 26px -3px rgb(0 0 0 / 15%);
}

.contact .tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact  .tab > a {
    width: 100%;
    padding: 0 7%;
    text-align: left;
    display: inline-block;
    position: relative;
    height:120px;
    line-height:120px;
    color: #000;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.contact  .tab > a.on {
    background-color: #fff;
}
.contact .tab > a > small {
    opacity: 0.2;
    display: inline-block;
    margin-left: 30px;
}


.contact_a{ margin-top:50px;  }
.contact  .btm-row {
    padding:20px 0;
	overflow:hidden; 
}
.contact  .btm-row h3{   font-size: 20px;  margin-bottom: 40px;   color: #000; }



 
 .contact .btm-row > span {
 	display:block;margin-bottom:20px; float: left;  width:33%;
 }
	
   .contact .btm-row > span {  width:24%; }
   .contact .btm-row > span:nth-child(2),.contact .btm-row > span:nth-child(5){ width: 44%; }
   .contact .btm-row > span:nth-child(3),.contact .btm-row > span:nth-child(6){ width:32%; }
    
 

@media (max-width: 1440px) {
  .contact .btm-row > span {  width:50%; }
  .contact .btm-row > span:nth-child(2),.contact .btm-row > span:nth-child(5){ width: 50%; }
  .contact .btm-row > span:nth-child(3),.contact .btm-row > span:nth-child(6){ width:50%; }
}



.contact .btm-row > span > i {
    background-color: #045079;
    color: #fff;
    width:35px;
    height:35px;
    border-radius: 50%;
    line-height:35px;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
	font-style: inherit;
}



.f-14 {
    font-size: 18px;
}
.f-bold {
    font-weight:400;
}



.contact .map{   }
#map{ width:100%; height:500px; }
.contact .map ul{ background: #fff; padding:100px 55px; font-size:25px;  float: left;} 

.contact .weixinkf{ color: #007548;
    background: #fff;
    padding: 100px 55px;
    float: right;
    font-size: 18px; }
.contact .weixinkf h2{ font-size: 18px; }
.contact .weixinkf img{  display:inline-block; margin-top:15px;     width: 250px;}

.contact .map strong{  display: block;
    margin-bottom: 10px;     color: #007548; }
.contact .map ul li{ font-size: 18px;     margin-bottom:30px;  }
.contact .map ul li img{  display: inline-block;
    vertical-align: middle;
    width: 28px; }
.contact .map ul li:last-child{ margin-bottom:0; }

.home-section5 {
  width:80%; margin:0 auto; padding:200px 0px;
}
@media (max-width: 1440px) {
  .home-section5 {
    padding: 100px 0;
  }
}
@media (max-width: 1199px) {
  .home-section5 {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .home-section5 {
    padding: 40px 0;
  }
}
@media (max-width: 575px) {
  .home-section5 {
    padding: 30px 0;
	    width: 90%;
  }
}
.home-section5 .flexbox {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .home-section5 .flexbox {
    flex-direction: column;
    align-items: flex-start;
  }
}
.home-section5 .flexbox .leftbox {
  flex: 0 0 555px;
  min-width: 555px;
}
@media (max-width: 1710px) {
  .home-section5 .flexbox .leftbox {
    flex: 0 0 470px;
    min-width: 470px;
  }
}
@media (max-width: 1440px) {
  .home-section5 .flexbox .leftbox {
    flex: 0 0 410px;
    min-width: 410px;
  }
}
@media (max-width: 1199px) {
  .home-section5 .flexbox .leftbox {
    flex: 0 0 315px;
    min-width: 315px;
  }
}
@media (max-width: 767px) {
  .home-section5 .flexbox .leftbox {
    flex: inherit;
    min-width: inherit;
    width: 100%;
    margin: 0 0 40px;
  }
}
@media (max-width: 575px) {
  .home-section5 .flexbox .leftbox {
    margin: 0 0 20px;
  }
}
.home-section5 .flexbox .leftbox h2 {
  font-size: 72px;
  color: #035C88;
  margin: 0 0 20px;
  line-height:90px
}
@media (max-width: 1440px) {
  .home-section5 .flexbox .leftbox h2 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .home-section5 .flexbox .leftbox h2 {
    margin: 0 0 15px;
  }
}
@media (max-width: 575px) {
  .home-section5 .flexbox .leftbox h2 {
    font-size: 25px;
	line-height: 39px;
    /* text-align: center; */
  }
}
.home-section5 .flexbox .leftbox .tit {
  font-size: 36px;
  color: #333;
  margin: 0 0 35px;
}
@media (max-width: 1440px) {
  .home-section5 .flexbox .leftbox .tit {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .home-section5 .flexbox .leftbox .tit {
    margin: 0 0 20px;
  }
}
@media (max-width: 575px) {
  .home-section5 .flexbox .leftbox .tit {
    font-size: 18px;
    /* text-align: center; */
    margin: 0 0 5px;
  }
}
.home-section5 .flexbox .leftbox .des {
  font-size: 16px;
  color: #666; margin-bottom:30px; line-height: 200%;
}
.home-section5 .flexbox .leftbox h3{  margin-bottom:10px;}

.home-section5 .flexbox .leftbox h3 img,.home-section5 .flexbox .leftbox .des img{ display: inline-block;   vertical-align: middle; }

.home-section5 .flexbox .leftbox span{ line-height: 30px;
    font-size: 16px;
    color: #323232; }


@media (max-width: 575px) {
  .home-section5 .flexbox .leftbox .des {
    font-size: 14px;
    /* text-align: center; */
  }
}
.home-section5 .flexbox .rightbox {
  flex: 1;
}
.home-section5 .flexbox .rightbox .bussiness-map {
  position: relative;
  width: 100%;
  max-width: 994px;
  margin: 0 0 0 auto;
}
.home-section5 .flexbox .rightbox .bussiness-map img {
  width: 100%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #035C88;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint span{ position: absolute;
    display: block;
    width: 75px;
    text-align: right;
    margin-left: 20px;
    color: #035C88;
    font-size: 16px;
        font-weight: bold;}

.home-section5 .flexbox .rightbox .bussiness-map .appoint .i {
  flex: 0 0 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(10,107,159, 0.4);
  border: 1px solid #035C88;
  animation: scalemap 2s linear infinite;
}



@keyframes scalemap {
  0% {
    transform: scale(0.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-moz-keyframes scalemap {
  0% {
    transform: scale(0.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes scalemap {
  0% {
    transform: scale(0.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@-o-keyframes scalemap {
  0% {
    transform: scale(0.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}


.home-section5 .flexbox .rightbox .bussiness-map .appoint.a1 {
  top: 20%;
  left: 15%;
 
}

.home-section5 .flexbox .rightbox .bussiness-map .appoint.a2 {
  top: 40.1%;
  left: 13.3%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a3 {
  top: 33.5%;
  left: 16.7%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a4 {
  top: 30.2%;
  left: 20.8%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a5 {
  top: 42.1%;
  left: 24.3%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a6 {
  top: 37%;
  left: 27.6%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a7 {
  top: 58.7%;
  left: 27.6%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a8 {
  top: 65.5%;
  left: 32.7%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a9 {
  top: 52%;
  left: 46.8%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a10 {
  top: 28.5%;
  left: 50.9%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a11 {
  top: 48.5%;
  left: 50.1%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a12 {
  top: 68.7%;
  left: 50.9%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a13 {
  top: 25%;
  left: 58.5%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a14 {
  top: 47.2%;
  left: 61%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a15 {
  top: 26.7%;
  left: 69.3%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a16 {
  top: 53.7%;
  left: 69.4%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a17 {
  top: 31.7%;
  left: 71%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a18 {
  top: 25%;
  left: 72.8%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a19 {
  top: 29.9%;
  left: 73.6%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a20 {
  top: 45.1%;
  left: 73.7%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a21 {
  top: 53.7%;
  left: 76.1%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a22 {
  top: 43.6%;
  left: 79.5%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a23 {
  top: 63.7%;
  left: 79.4%;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a24 {
  top: 82.3%;
  left: 81.1%;
}

.home-section5 .flexbox .rightbox .bussiness-map .appoint.a25 {
  top: 49.3%;
  left: 80.1%;
}


.home-section5 .flexbox .rightbox .bussiness-map .appoint.a1  .i{ animation-delay:0.5s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a2  .i{ animation-delay:0.3s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a3  .i{ animation-delay:0.6s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a4  .i{ animation-delay:0.8s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a5  .i{ animation-delay:0.2s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a6  .i{ animation-delay:0.4s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a7  .i{ animation-delay:0.7s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a8  .i{ animation-delay:0.3s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a9  .i{ animation-delay:0.2s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a10  .i{ animation-delay:0.4s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a11  .i{ animation-delay:0.5s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a12 .i{ animation-delay:0.3s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a13  .i{ animation-delay:0.3s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a14  .i{ animation-delay:0.4s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a15  .i{ animation-delay:0.9s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a16  .i{ animation-delay:1s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a17  .i{ animation-delay:0.3s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a18  .i{ animation-delay:0.8s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a19  .i{ animation-delay:0.3s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a20  .i{ animation-delay:1s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a21  .i{ animation-delay:0.5s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a22  .i{ animation-delay:0.8s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a23  .i{ animation-delay:0.7s; opacity:0; } 
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a24  .i{ animation-delay:1s; opacity:0; } 
 


.linear { width: 50px; height: 50px; background-color: #ff0000; -webkit-transition: all 2s linear; -moz-transition: all 2s linear; -o-transition: all 2s linear; transition: all 2s linear; } 
.linear:hover { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } 
.custom { width: 50px; height: 50px; background-color: #00ff00; -webkit-transition: all 2s cubic-bezier(.94,-0.25,.32,1.31); -moz-transition: all 2s cubic-bezier(.94,-0.25,.32,1.31); -o-transition: all 2s cubic-bezier(.94,-0.25,.32,1.31); transition: all 2s cubic-bezier(.94,-0.25,.32,1.31); } 
.custom:hover { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); transform: translateX(200px); } 





.alshow{ position:relative; overflow:hidden; }
.alshow .title{ position: absolute;  z-index: 5;  text-align: center;  width: 610px; left: 50%;  margin-left:-305px;  color: #fff;   top: 100px;  font-size:40px; display:none; }

.alshow .title span{ position: absolute;
    left: 0;
    display: block;
    width: 100%;
    font-size: 100px;
    font-weight: bold;
    top: -25px;
    opacity: 0.3; }
.alshow .title  h2{ font-size:60px; }
.alshow .you_title h2{ color: #fff; }

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.gototop{   padding: 30px;  border-radius: 50%;   position: fixed;    z-index: 20;    left: 100%;   margin: -150px;  margin-left: -150px;  background: #fff; opacity:0; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }

.gototop:hover{ cursor: pointer; box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 8%); }
.gototop.hover{ opacity:1; }
 
	 .gototop::after {
	     content: ' ';
	         height: 15px;
	         width: 15px;
	         display: inline-block;
	         transform: rotate(-135deg);
	         border-bottom: 2px solid #000;
	         border-right: 2px solid #000;
	         margin-left: -7px;
	         margin-top: 0px;
	         position: absolute;
	         top: 44%;
	 }
	 
	 .gotop {
	     position: absolute;
	     left: 50%;
	     bottom:0px;
	     margin-top: 0;
	     -webkit-transform: translate(-50%,-50%);
	     transform: translate(-50%,-50%);
	     color: #fff; cursor:pointer;
	 }
	 .radius-half {
	     -webkit-border-radius: 50%;
	     -moz-border-radius: 50%;
	     border-radius: 50%;
	 }
	 
	 .gotop >div {
	     position: relative;
	     top: 0;
	     margin: 0 auto 50px;
	     width: 26px;
	     height: 26px;
	     opacity: .7;
	     border: 1px solid #fff;
	     -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);
	     transition: all 1s cubic-bezier(.23,1,.38,1);
	 }
	 .gotop:hover >div {
	     top: 35px;
	     border-bottom: 0;
	     border-right: 0;
	     border-left: 0;
	     opacity: 1;
	 }
	 .gotop:hover >div i {
	     top: -30px;
	 }
	 .gotop >div i {
	     position: absolute;
	     top: 10px;
	     left: 50%;
	     display: block;
	     content: "";
	     width: 1px;
	     height:55px;
	     background: #fff;
	     -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);
	     transition: all 1s cubic-bezier(.23,1,.38,1);
	 }
	 .gotop >div i::after {
	     position: absolute;
	     top: 0;
	     left: -3.5px;
	     display: block;
	     content: "";
	     width: 8px;
	     height: 8px;
	     border-top: 1px solid #fff;
	     border-right: 1px solid #fff;
	     -webkit-transform: rotate(-45deg);
	     transform: rotate(-45deg);
	 }
	 
	 
	 
	 
	 
	.classic-cl{ padding:0px 0px; position: relative; padding-bottom:0; }
	.classic-cl .swiper-slide{ opacity:0.3; text-align: center; position:relative; }
	.classic-cl .swiper-slide.swiper-slide-active{ opacity:1; }
	
	.classic-cl .swiper-button-prev, .classic-cl .swiper-button-next {
	    width:60px;
	    height:60px;
	    line-height:60px;
	    background-image: none;
	    background-color: #007548;
	    color: #fff;
	    text-align: center;
	    margin:-30px 0 0;
	    outline: none;
	    border-radius: 100%;
	    transition: all .5s ease;
		top: 45%; border: 1px solid #007548;
	}
	
	
	.classic-cl .swiper-button-next{ background-image: url(../images/jtright.png); background-size:24px; }
	.classic-cl .swiper-button-prev{ background-image: url(../images/jtleft.png); background-size:24px; left: 4%;}
	
	.classic-cl .swiper-button-prev::before,.classic-cl .swiper-button-prev::after,.classic-cl .swiper-button-next::before,.classic-cl .swiper-button-next::after{ display:none; }
	
	.classic-cl .swiper-button-next { left:92%;  right: auto;}
	
.classic-cl .swiper-slide .pic img{ width:100%; display: block; }
.classic-cl .swiper-slide .small_pic{ position: absolute; width: 70%;  left: 30%;  bottom: 0;   }
.classic-cl .swiper-slide .small_pic img{ display:block; margin:0 auto; }
.classic-cl .swiper-slide .small_pic span{ display:block; }

.classic-cl .swiper-slide .small_pic span:nth-child(1) img{ width:750px; }




.classic-cl .slidea .small_pic span:nth-child(2){ position: absolute;    top: 120px;  left: 290px; }
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(2){ animation: a1_1 1s ease infinite ; -webkit-animation:a1_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1 }

@keyframes a1_1{
	from {top:200px; opacity:0}  to {  top: 120px;  left: 290px; opacity:1}
}

@-webkit-keyframes a1_1{
	from {top:200px;    opacity:0}  to {  top: 120px;  left: 290px; opacity:1 }
}



.classic-cl .slidea .small_pic span:nth-child(3){ position: absolute;   top: 0;    left: 400px; opacity:0; }
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(3){ animation: a1_2 1.5s ease infinite ; -webkit-animation:a1_2 1.5s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards }

@keyframes a1_2{
	from {top:50px;    left:300px; opacity:0}  to { top: 0;    left: 400px; opacity:1}
}

@-webkit-keyframes a1_2{
	from {top:50px;    left:300px; opacity:0}  to { top: 0;    left: 400px; opacity:1 }
}


.classic-cl .slidea .small_pic span:nth-child(4){ position: absolute; top: 60px;  left: 920px; left:65%; opacity:0; }
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(4){ animation: a1_3 2s ease infinite ; -webkit-animation:a1_3 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
@keyframes a1_3{
	from {left:50%;  opacity:0}  to { top: 60px;  left:65%;  opacity:1}
}

@-webkit-keyframes a1_3{
	from { left:50%; opacity:0}  to { top: 60px;  left:65%;  opacity:1 }
}



.classic-cl .slidea .small_pic span:nth-child(5){  position: absolute;   top: auto;   left: 180px;   bottom: 40px; opacity:0; }
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(5){ animation: a1_4 2s ease infinite ; -webkit-animation:a1_4 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
@keyframes a1_4{
	from {  left:280px; opacity:0}  to {  left: 180px;   bottom: 40px; opacity:1}
}

@-webkit-keyframes a1_4{
	from { left:280px; opacity:0}  to {  left: 180px;   bottom: 40px; opacity:1 }
}


.classic-cl .slidea .small_pic span:nth-child(6){ position: absolute;   top: auto;  left: 60px;  bottom: 180px;  opacity: 0;}
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(6){ animation: a1_5 2s ease infinite ; -webkit-animation:a1_5 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
@keyframes a1_5{
	from {  bottom:80px; left: 160px; opacity:0}  to {  left: 60px; bottom: 180px; opacity:1}
}

@-webkit-keyframes a1_5{
	from { bottom:80px; left: 160px; opacity:0}  to {left: 60px; bottom: 180px; opacity:1 }
}


.classic-cl .slidea .small_pic span:nth-child(7){ position: absolute;  top: auto;   left:700px;  bottom: 30px;  opacity: 0;}
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(7){ animation: a1_6 2s ease infinite ; -webkit-animation:a1_6 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
@keyframes a1_6{
	from {  left:600px; opacity:0}  to {  left: 700px; bottom: 30px; opacity:1}
}

@-webkit-keyframes a1_6{
	from {  left:600px; opacity:0}  to {left: 700px; bottom: 30px; opacity:1 }
}



.classic-cl .slidea .small_pic span:nth-child(8){     position: absolute;  top: auto;  left:970px;  bottom: 220px; opacity: 0;}
.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(8){ animation: a1_7 2s ease infinite ; -webkit-animation:a1_7 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
@keyframes a1_7{
	from {  left:870px; bottom:120px; opacity:0}  to {  left: 970px; bottom: 220px; opacity:1}
}

@-webkit-keyframes a1_7{
	from {  left:870px; bottom: 120px; opacity:0}  to {left: 970px; bottom: 220px; opacity:1 }
}



@media screen and (max-width:1740px){
	
	
	.classic-cl .swiper-slide.slidea .small_pic span:nth-child(1) img{ width:650px; }
	.classic-cl .swiper-slide .small_pic{     width:80%; left: 20%; }
}



.classic-cl .swiper-slide.slideb .small_pic span:nth-child(1) img{ width:450px; }


.classic-cl .slideb .small_pic span{ position:absolute; }
.classic-cl .slideb .small_pic span:nth-child(1){ position:static; }


.classic-cl .slideb .small_pic span:nth-child(2){ position:absolute; top: -110px; opacity:0; left: 220px; }
.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(2){ animation: a2_1 1s ease infinite ; -webkit-animation:a2_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}

@keyframes a2_1{
	from {top:0; opacity:0}  to {  top: -110px;   opacity:1}
}

@-webkit-keyframes a2_1{
	from {top:0;    opacity:0}  to {  top: -110px;  opacity:1 }
}



.classic-cl .slideb .small_pic span:nth-child(3){ position:absolute; bottom:30px; opacity:0; left:0px; }
.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(3){  animation: a2_2 1s ease infinite ; -webkit-animation:a2_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards}

@keyframes a2_2{
	from {left:-100px; opacity:0}  to {  left:0px; opacity:1}
}

@-webkit-keyframes a2_2{
	from {left:-100px; opacity:0}  to {   left:0px; opacity:1 }
}



.classic-cl .slideb .small_pic span:nth-child(4){ position: absolute;   top: -70px;   opacity: 0;   right:250px; width: 350px;}
.classic-cl .slideb .small_pic span:nth-child(4) img{width:100%; }
.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(4){  animation: a2_3 1s ease infinite ; -webkit-animation:a2_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards}

@keyframes a2_3{
	from {  right:100px; opacity:0}  to {  right: 250px; opacity:1}
}

@-webkit-keyframes a2_3{
	from {  right:100px; opacity:0}  to {  right: 250px; opacity:1 }
}

.classic-cl .slideb .small_pic span:nth-child(5){ position: absolute;  top: -80px;  opacity: 0;   right: 140px; width: 340px; }
.classic-cl .slideb .small_pic span:nth-child(5) img{width:100%; }

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(5){  animation: a2_4 1s ease infinite ; -webkit-animation:a2_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards}

@keyframes a2_4{
	from {  right:0px; opacity:0}  to {  right: 140px; opacity:1}
}

@-webkit-keyframes a2_4{
	from {  right:0px; opacity:0}  to {  right: 140px; opacity:1 }
}


.classic-cl .slideb .small_pic span:nth-child(6){ position: absolute;  top:-180px;  opacity: 0;   right: 140px; }

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(6){  animation: a2_5 1s ease infinite ; -webkit-animation:a2_5 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1.5s; -webkit-animation-delay:1.5s; animation-fill-mode:forwards}

@keyframes a2_5{
	from {  right:240px; opacity:0;  top:180px; transform: rotate(360deg); }  to {  top:-180px; right: 140px; opacity:1; transform: rotate(0deg);}
}

@-webkit-keyframes a2_5{
	from {  right:240px; opacity:0;  top:180px; transform: rotate(360deg); }  to {  top:-180px; right: 140px; opacity:1; transform: rotate(0deg);}
}





.classic-cl .slideb .small_pic span:nth-child(7){ position: absolute;  bottom:30px;  opacity: 0;   right: 140px;}

.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(7){  animation: a2_66 1s ease infinite ; -webkit-animation:a2_66 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards}

@keyframes a2_66{
	from {  right:0px; opacity:0}  to {  right: 140px; opacity:1}
}

@-webkit-keyframes a2_66{
	from {  right:0px; opacity:0}  to {  right: 140px; opacity:1 }
}






.classic-cl .swiper-slide.slidec .small_pic span:nth-child(1) img{ width:750px; margin-left: 0;  margin-bottom: 50px; }


.classic-cl .slidec .small_pic span{ position:absolute; }
.classic-cl .slidec .small_pic span:nth-child(1){ position:relative; z-index:5; }




.classic-cl .slidec .small_pic span:nth-child(2){ position:absolute; top: -110px; opacity:0; left: 220px; }
.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(2){ animation: a3_1 1s ease infinite ; -webkit-animation:a3_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}

@keyframes a3_1{
	from {top:0; opacity:0}  to {  top: -110px;   opacity:1}
}

@-webkit-keyframes a3_1{
	from {top:0;    opacity:0}  to {  top: -110px;  opacity:1 }
}



.classic-cl .slidec .small_pic span:nth-child(3){ position:absolute; top: -250px; opacity:0; left:1020px; }
.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(3){ animation: a3_2 1s ease infinite ; -webkit-animation:a3_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}

@keyframes a3_2{
	from {top:0; opacity:0; left:320px;}  to {  top: -250px;   opacity:1; left:1020px;}
}

@-webkit-keyframes a3_2{
	from {top:0;    opacity:0; left:320px;}  to {  top: -250px;  opacity:1; left:1020px; }
}



.classic-cl .slidec .small_pic span:nth-child(4){ position:absolute; bottom: 50px; opacity:0; left:660px; z-index:2; }
.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(4){ animation: a3_3 1s ease infinite ; -webkit-animation:a3_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:.5s; -webkit-animation-delay:.5s; animation-fill-mode:forwards}

@keyframes a3_3{
	from { opacity:0; left:120px;}  to {   opacity:1; left:660px;}
}

@-webkit-keyframes a3_3{
	from {  opacity:0; left:120px;}  to {   opacity:1; left:660px; }
}







.classic-cl .swiper-slide.slided .small_pic span:nth-child(1) img{ width:650px; margin-bottom:50px; }

.classic-cl .slided .small_pic span{ position:absolute; }
.classic-cl .slided .small_pic span:nth-child(1){ position:relative; z-index:5; }


.classic-cl .slided .small_pic span:nth-child(2){ position:absolute; top: -30px; opacity:0; left:420px; }
.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(2){ animation:a4_1 1s ease infinite ; -webkit-animation:a4_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}

@keyframes a4_1{
	from {top:0; opacity:0}  to {  top: -30px;   opacity:1}
}

@-webkit-keyframes a4_1{
	from {top:0;    opacity:0}  to {  top: -30px;  opacity:1 }
}


.classic-cl .slided .small_pic span:nth-child(3){ position:absolute; top: -60px; opacity:0; left:920px; }
.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(3){ animation:a4_2 1s ease infinite ; -webkit-animation:a4_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}

@keyframes a4_2{
	from {top:100px; opacity:0}  to {  top: -60px;   opacity:1}
}

@-webkit-keyframes a4_2{
	from {top:100px;    opacity:0}  to {  top: -60px;  opacity:1 }
}


.classic-cl .slided .small_pic span:nth-child(4){ position:absolute; bottom:40px; opacity:0; left:180px; }
.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(4){ animation:a4_3 1s ease infinite ; -webkit-animation:a4_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1;  animation-delay:.5s; -webkit-animation-delay:.5s;  animation-fill-mode:forwards;}

@keyframes a4_3{
	from { left:220px; opacity:0}  to {  left:180px; opacity:1}
}

@-webkit-keyframes a4_3{
	from { left:220px; opacity:0}  to {  left:180px;  opacity:1 }
}


.classic-cl .slided .small_pic span:nth-child(5){ position:absolute; bottom:40px; opacity:0; left:700px; }
.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(5){ animation:a4_4 1s ease infinite ; -webkit-animation:a4_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1;  animation-delay:.5s; -webkit-animation-delay:.5s;  animation-fill-mode:forwards;}

@keyframes a4_4{
	from { left:220px; opacity:0}  to {  left:700px; opacity:1}
}

@-webkit-keyframes a4_4{
	from { left:220px; opacity:0}  to {  left:700px;  opacity:1 }
}







.classic-cl .swiper-slide.slidee .small_pic span:nth-child(1) img{ width:650px; margin-bottom:50px;  margin-left: 5%;}
.classic-cl .slidee .small_pic span{ position:absolute; }
.classic-cl .slidee .small_pic span:nth-child(1){ position:relative; z-index:5; }

.classic-cl .swiper-slide.slidee .small_pic{ width:100%; left:0%; }


.classic-cl .swiper-slide.slidee .pic_text{ text-align:center; top: 30%; }
.classic-cl .swiper-slide.slidee .pic_text h2 i{ left: 50%; }



.classic-cl .slidee .small_pic span:nth-child(2){ position: absolute;  top: -70px; opacity: 0;   left: 130px; }
.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(2){ animation:a5_1 1s ease infinite ; -webkit-animation:a5_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.5s; -webkit-animation-delay:.5s;}

@keyframes a5_1{
	from {top:0; opacity:0}  to {  top: -70px;   opacity:1}
}

@-webkit-keyframes a5_1{
	from {top:0;    opacity:0}  to {  top: -70px;  opacity:1 }
}


.classic-cl .slidee .small_pic span:nth-child(3){ position: absolute;  top: -90px; opacity: 0;   left: 550px; }
.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(3){ animation:a5_2 1s ease infinite ; -webkit-animation:a5_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}

@keyframes a5_2{
	from {top:0; left:650px; opacity:0}  to {  top: -90px; left: 550px;  opacity:1}
}

@-webkit-keyframes a5_2{
	from {top:0;  left:650px;  opacity:0}  to {  top: -90px; left: 550px; opacity:1 }
}



.classic-cl .slidee .small_pic span:nth-child(4){ position: absolute;  bottom:50px; opacity: 0;   left: 580px; }
.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(4){ animation:a5_3 1s ease infinite ; -webkit-animation:a5_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}

@keyframes a5_3{
	from { left:450px; opacity:0}  to {   left: 580px;  opacity:1}
}

@-webkit-keyframes a5_3{
	from { left:450px;  opacity:0}  to {  left: 580px; opacity:1 }
}


.classic-cl .slidee .small_pic span:nth-child(5){ position: absolute;  bottom:50px; opacity: 0;  right:0; }
.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(5){ animation:a5_4 1s ease infinite ; -webkit-animation:a5_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}

@keyframes a5_4{
	from {right:-100px; opacity:0}  to {  right:0; opacity:1}
}

@-webkit-keyframes a5_4{
	from { right:-100px;  opacity:0}  to { right:0; opacity:1 }
}





.classic-cl .swiper-slide .pic_text{position: absolute; width: 80%;  left: 10%; top: 38%;   text-align: left; }
.classic-cl .swiper-slide .pic_text h2{ z-index:5; position: relative; font-size: 50px;  font-weight: 200; letter-spacing: 5px; }
.classic-cl .swiper-slide .pic_text  h2 i{ position: absolute; color: #fff; text-transform: uppercase; font-style: inherit;  font-size: 20px; letter-spacing: 1px; left: 100px;  top: 44px; z-index: -1;}
.classic-cl .swiper-slide .pic_text span{ display: block;  margin-top: 30px;  font-size: 22px; color: #7e7e7e;  font-weight: 100;}




.newsart{ background:#fff; padding:80px 0px; border-bottom:1px solid #f1f1f1; }
	.newsart .title {width:80%; height: 40px; font-size: 26px; font-family: 'Microsoft YaHei'; color: #2d2d2d; text-align: center; margin:0 auto; }
	.newsart .source { width:80%;  margin: 0 auto; display: block; text-align: center; padding-bottom: 30px;  padding-top: 10px;  color: #b7b7b7; font-size: 14px; float:none;}
	.newsart .article{   width:1200px; margin:0 auto; line-height: 190%; min-height: 400px; padding-bottom: 10px; overflow: hidden; font-size: 18px; }
	.newsart .article img{ max-width:100%; height:auto; }


.products_nr{ padding:100px 0px; }
.products_nr ul{ width:80%; margin:0 auto; }
.products_nr ul li{ float:left; width:22%; margin-right:4%; transition: all 0.2s ease-in-out 0s; }
.products_nr ul li:nth-child(4n){ margin-right:0; }
.products_nr ul li img{ width:100%; display:block; }
.products_nr ul li p{ display: block;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #565656; }
.products_nr ul::after{ content:''; display: block; clear:both; }


.products_nr ul li:hover {
    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px);
}


.join_us {  width:80%;   margin: auto; margin-top:50px; }
.join_us img{max-width:100%;}
.join_us .us_l{width:30%;float:left;}
.join_us .us_l .us_cont{margin:70px 0 0 50px;color:#007548;}
.join_us .us_l .us_cont .tit_1{position:relative;font-size:60px;font-family:'ral';font-weight:700;text-transform:uppercase;letter-spacing:10px;opacity:0.3;z-index:1}
.join_us .us_l .us_cont .tit_2{font-size:58px;font-weight:700;color:#007548;margin-top:10px;line-height:100px;}
.join_us .us_l .us_cont .tit_3{font-family:700;font-size:50px;color:#b99542;line-height:50px;}
.join_us .us_l .us_cont .tit_4{font-weight:lighter;font-size:30px;line-height:40px;margin-top:40px;}
.join_us .us_l .us_cont .tit_5{font-size:20px;vertical-align:middle;margin-top:20px;}
.join_us .us_l .us_cont .tit_5 font{float:left;}
.join_us .us_l .us_cont .tit_5 span{font-size: 50px;  color: #b99542;  float: left;  margin-top: -23px;}
.join_us .us_l .us_cont .tit_6{width:150px;height:46px;line-height:46px;text-align:center;font-size:26px;color:#333;background:#b99542;margin-top:30px;}
.join_us .us_l .us_cont .tit_6 a{ color:#fff; }
.jonRom{background:url(../img/fb_back.png) center no-repeat;font-size:40px;font-weight:700;text-align:center;line-height:78px;width:440px;height:78px;color:#fff;
background-size:cover;margin:30px auto;vertical-align:middle;margin-bottom:60px;}
.jonRom span{font-size:26px;font-weight:500;vertical-align:middle;}
.jonRom font{vertical-align:middle;float:left;margin-left:60px;}
.jonRom img{float:right;vertical-align:middle;margin:30px 60px 0 0;width:30px;}
.join_us .us_r{width:70%;float:right;}
.join_us .us_r video{ width:100%; }

.dbbiaoyu{ text-align:center; padding: 50px; }
.dbbiaoyu img{display: block;   margin: 0 auto; }

.shop_dis{width:80%;margin:110px auto;min-width:1200px;}
.shop_dis img{max-width:100%;}
.shop_dis .dis_tit{text-align:center;font-size:46px;color:#007548;font-weight:700;margin-bottom:20px;}
.shop_dis .dis_int{font-size:28px;font-weight:lighter;text-align:center;line-height:40px;color:#646564}
.shop_dis .dis_img{margin-top:50px;}
.shop_dis .dis_img .img_top{ width:100%; height:350px; overflow:hidden;}
.shop_dis .dis_img .img_top .img_k:nth-child(1),.shop_dis .dis_img .img_bottom .img_d:nth-child(1){ margin-left:0; }
.shop_dis .dis_img .img_top .img_k{ width:33%; height:100%; float:left; margin-left:0.5%;}
.shop_dis .dis_img .img_top .img_k img{ width:100%; height:100%;}
.shop_dis .dis_img .img_bottom{width:100%; height:208px; overflow:hidden; margin-top:10px;}
.shop_dis .dis_img .img_bottom .img_d{width:19.6%; height:100%; float:left; margin-left:0.5%;}
.shop_dis .dis_img .img_bottom .img_d img{width:100%; height:100%;}




.step{ background:url(../images/banner3.jpg) no-repeat; padding:200px 0px; position: relative; background-size: auto 100%; }
.step .title{ position: absolute;  z-index: 5;  text-align: center;  width: 610px; left: 50%;  margin-left:-305px;  color: #fff;   top: 160px;  font-size:40px;}

.step .title span{ position: absolute;
    left: 0;
    display: block;
    width: 100%;
    font-size: 100px;
    font-weight: bold;
    top: -25px;
    opacity: 0.3; text-transform:uppercase }
.step .title  h2{ font-size:60px; }

.step  .con {
    width: 1200px;
        margin: 0 auto;
        margin-top: 130px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; position:relative;
}
.step .con .dot {
    text-align: center;
    position: relative;
    z-index: 10;
}

.step .con .dot > a:hover{ transform: scale(1.2); }

.step  .con .dot > a { -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;
    width:90px;
    height:90px;
    border-radius: 50%;
    line-height:90px; font-size:30px; font-weight: bold;
    text-align: center;
    background-color: #ffffff;
    color: #01683d;
    display: inline-block; overflow:hidden;
}
.step .con .dot span {
    line-height: 1.6;
        display: block;
        width: 100%;
        text-align: center;
        white-space: nowrap;
        margin-top: 20px;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
}

.step .con:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    width: 90%;
    top: 45px;
    height: 8px;
    background-color: #fff;
}
.step .con .dot > a > svg{ width: 47px; }


.step .stepmo{ margin-top: 50px;   text-align: center;   font-size: 18px;}
.step .stepmo a{ display: inline-block;   background: #007548;  color: #fff;  border-radius: 5px;  padding: 15px 20px; -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
.step .stepmo a:hover{ transform: scale(1.1); }

.section{ background: #efefef; padding: 80px; }
.section .container {  margin: 0 auto;  padding: 60px; width: 1200px;  background: #fff;}
.section-title {  text-align: center; margin-bottom: 50px;}
.section-title p { color: #fff; font-size: 35px;   color:#000;}

.section.section_yp{ padding:0; background: #fff; }
.section.section_yp .container{ width:100%; padding:0; }

.message .tit { display: block; max-width: 100%; height: auto; margin: 0 auto;}


.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.message li {
    float: left;
    width: 48%;
    margin-top: 30px;
}
.message li input {
    display: block;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 544px;
    font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}


.section .container .jm_er{ text-align:center; margin-top:50px; }
.section .container .jm_er h2{ color: #007548; margin-bottom:20px; }


.section.section_yp{ margin-top: 30px;  border-top: 1px solid #e6e6e6f1;  padding-top: 25px; }
.section.section_yp .message li input{ width:100%; box-sizing: border-box; }
.section.section_yp .message li textarea{ width:100%; box-sizing: border-box; }
.section.section_yp .message{ overflow:hidden; }
.section.section_yp .message ul{ width:70%; float:left; display:none; }
.section.section_yp .erm{ width:20%; margin-top: 30px; }

.section.section_yp .section-title{ margin-bottom:0px; text-align:left; font-size: 24px; }
.section.section_yp .section-title p{font-size: 25px;  font-weight: bold; color: #4B4948!important;}

.section.section_yp .erm img{  width:100%;}
.message li:nth-of-type(even) {
    float: right;
}
.clearfix:after {
    clear: both;
}
.message li.textarea {
    width: 100%;
}
.message li textarea {
    display: block;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 1168px;
    font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
.message li button {
    display: block;
    font-size: 22px;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
    width: 100%;
    background-color: #016450;
    color: #fff;
    cursor: pointer;
}
.message li:last-child{ width:100%; }


.section .shenm {  margin: 0 auto;  padding: 60px; width: 1200px;  background: #fff; text-align: center;}
.section .shenm h2{ margin-bottom:20px; display:none; }
.section .shenm p{ display:none; }
.history{ width:100%; overflow:hidden; background:#fff; padding:50px 0; }
.swiper-lishi{ position:relative; width:80%; margin:0 auto; }

.swiper-lishi .swiper-slide h5{     font-size: 50px;
    color: #b3b3b3;
    margin-top: 60px;
    text-align: center; }
.swiper-lishi .swiper-slide{ box-sizing: border-box;padding:40px; }  
.swiper-lishi .swiper-slide p{ font-size: 14px;  line-height: 25px;   color: #7f7f7f; }
.swiper-lishi .swiper-slide h2{     font-size: 40px;  color: #007548;}
.swiper-lishi .swiper-slide h4{ border-left: 3px solid #007548;  font-size: 16px;  color: #007548;  padding-left: 15px;   margin-top: 20px;   margin-bottom: 20px;}
.swiper-lishi .swiper-slide h2::before {
   content: ' ';
       height: 16px;
       width: 16px;
       display: inline-block;
       transform: rotate(135deg);
       border-bottom: 4px solid #007548;
       border-right: 4px solid #007548;
       margin-top: -5px;
       vertical-align: middle;
}

.khlogo{ background:url(../images/khlogobg.jpg) no-repeat top;     position: relative; padding: 100px 0px;}


.ocean{
    height: 70px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -2px;
    z-index: 10;
}

.wave {
    height: 70px;
    position: absolute;
    left: 0;
}

.wave {
    bottom: 0;
	background-image:url(../images/wabg.png);
    background-repeat: repeat-x;
    background-size: 50% 70px;
    background-position: 0 bottom;
    background-origin: center bottom;
    width: 200%;
    -webkit-animation: waves 4s linear infinite;
    animation: waves 4s linear infinite;
    z-index: 11;
}

.wave:nth-of-type(3) {
    -webkit-animation: waves 8s linear infinite;
    animation: waves 8s linear infinite;
    z-index: 13;
    opacity: .3;
}
.wave:nth-of-type(2) {
    -webkit-animation: waves 6s linear infinite;
    animation: waves 6s linear infinite;
    opacity: .5;
    z-index: 12;
}

.khlogo ul{overflow: hidden; padding: 90px;} 
.khlogo ul li{ float:left; width:20%; text-align:center; margin-bottom: 50px; }
.khlogo ul li img{ display:inline-block; }



.zhaopin{ width: 80%;   margin: 110px auto;  border: 1px solid #f1f1f1;} 
.zp_title{ display:flex; }
.zp_title span{     flex: 1;  text-align: center;  line-height:80px;   background: #f8f8f8;}

.zhaopin ul li{ border-bottom: 1px solid #f8f8f8; }
.zhaopin ul li:hover{ background:#f8f8f8; }
.zhaopin ul li a{ display:flex; }
.zhaopin ul li a span{  flex: 1;  text-align: center;  line-height: 80px; }



.zhaopin_nr{ width: 80%;  margin: 110px auto;   border: 1px solid #f1f1f1;   padding: 50px;  margin-top: 50px;   box-sizing: border-box; }
.zhiul{ margin-top:20px; margin-bottom:20px; overflow:hidden; }
.zhiul li{ line-height: 30px; width: 30%;  float: left;  color: #6d6d6d; font-size: 14px; }
.zhaopin_nr_text{ line-height:200%; }
.zpcontact a{ display: block;  width: 150px;  line-height: 60px;   color: #fff;   background: #007548;   text-align: center;    margin-top: 50px;}

.kuanj{ background:url(../images/bg6.jpg) top center;     position: relative;  padding-bottom:150px; }
.kuanj .you_title{ padding:100px 0; padding-bottom:100px; z-index:2; }
.kuanj .you_title h2{ color:#fff; }

.kuanj  .you_title .title_txt p{ color:#fff; }


.dqbg{ opacity: 0.2;  position: absolute;  left: 60%; }

.kuanj_pic{ width:1212px; margin: 0 auto; padding-bottom:90px; }

.kuanj_pic  .swiper-pagination-bullet-active{ background: #00ecf0; }
.kuanj_pic  .swiper-pagination-bullet{  width:15px; height:15px; margin: 30px 30px; background: #fff;}

.kuanj_pic.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:15px 15px; }  

.kuanj_pic .swiper-container-cube .swiper-cube-shadow{ background-color: rgba(1, 209, 221, 0.54); }



.guanx{ position: absolute; width: 1200px; height: 1420px;  top: -480px;  transform: rotate(125deg); z-index:0; }
.guanx .shooting_star {
     position: absolute;
     left:0;
     top: 20%;
     height:1px;
     background: linear-gradient(-45deg, #02f0fa, rgba(0, 0, 255, 0));
     border-radius: 999px;
     -webkit-filter: drop-shadow(0 0 6px #699bff);
     filter: drop-shadow(0 0 6px #699bff);
     -webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
     animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
	 webkit-filter: blur(1px);
	 filter: blur(1px);
 }

.guanx .shooting_star:nth-child(2){animation-delay:2s;-webkit-animation-delay:2s; top:25%; }
.guanx .shooting_star:nth-child(3){animation-delay:3s;-webkit-animation-delay:3s; top:10%; }
.guanx .shooting_star:nth-child(3){animation-delay:3s;-webkit-animation-delay:3s; top:0; }

.qiyeruanj{ background: #01673f; padding:70px 0; }  
.qiyeruanj ul{ width: 80%; margin: 0 auto;  display: flex;  text-align: center;  color: #fff; }
.qiyeruanj ul li{ flex:2; margin:0 25px; }
.qiyeruanj ul li:last-child{ flex:1; }
.qiyeruanj ul li h3{ font-size: 25px;}
.qiyeruanj ul li h4{ margin: 20px;   font-weight: 400;}
.qiyeruanj ul li p{ line-height:32px;  font-size: 14px;  color: #dedede;}

.in_bgm {
   position: absolute;
       left: 50%;
       top: 888px;
       width: 241px;
       height: 234px;
       transition: all 1.5s;
       margin-left: -890px;
}
.in_bgm .in_circle1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle11.png) center no-repeat;
    animation: zhuan 13s infinite linear;
}
.in_bgm .in_circle2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle22.png) center no-repeat;
    animation: zhuan2 17s infinite linear;
}
.in_bgm .in_circle3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 241px;
    height: 234px;
    background: url(../images/in_circle33.png) center no-repeat;
    animation: zhuan 11s infinite linear;
}
.in_bgm .in_number {
    background: url(../images/in_number44.png) center no-repeat;
}
.in_bgm .in_number {
    width: 241px;
    height: 234px;
}


.in_conference {
    width: 100%;
    position: relative;
    padding-top: 374px;
}
.in_bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.in_conference .in_bg {
    height: 1069px;
}
.in_bg .in_bgl {
    position: absolute;
    left: 0;
    top: 0;
    width: 159px;
    height: 217px;
    background: url(../images/in_divbgl.png) center no-repeat;
    transition: all 1s 1s;
}
.in_bg .in_bgm {
    position: absolute;
    left: 143px;
    top: 28px;
    width: 241px;
    height: 234px;
    margin-left: 0;
    transition: all 1.5s;
}
.in_bg .in_bgr {
    position: absolute;
    left: 356px;
    top: 77px;
    z-index: 2;
    width: 1544px;
    height: 992px;
    background: url(../images/in_divbgr.png) left top no-repeat;
    overflow: hidden;
    margin-left: 0;
    transition: left 1.5s,margin-left 1.5s,width 1.5s;
}


.in_conference .in_content { height: 340px;}
.in_conference .in_content .in_confbg {
    position: absolute;
    overflow: hidden;
    width: 1636px;
    height: 279px;
    left: 50%;
    margin-left: -818px;
}
 
.in_conference .in_content .in_confbg .in_confl {
    display: block;
    width: 636px;
    height: 279px;
    background: url(../images/in_linel.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s 0.5s;
}
.in_conference .in_content .in_confbg .in_confr {
    display: block;
    width: 643px;
    height: 279px;
    background: url(../images/in_liner.png) center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 1s 0.5s;
}
.in_conference .in_content .in_conf1 {
    font-size: 51px;
    color: #fff;
    margin-bottom: 20px;
    transition: all 1s; text-align: center;
    padding-top: 40px;     display: block;
}
.in_conference .in_content .in_conf1 i {
    display: block;
    letter-spacing: 5px;font-style: normal;
}



 .show .in_confbg .in_confl {
     transform: translate(-400px,0);
     opacity: 0;
 }
.show .in_confbg .in_confr {
    transform: translate(400px,0);
    opacity: 0;
}



#mainthree .kuanj{ padding-top:130px; }  

.kuanj .diqiu{ background:url(../images/in_xzy_guang3.png) no-repeat; position:absolute; top:-140px; height:300px;     width: 100%; transform: rotate(180deg); }

 
.in_guest .in_crilist{ position:relative; z-index:10; width:85%; margin:0 auto; }
.in_guest .in_crilist ul {  overflow: hidden;}
.in_guest .in_crilist li {  width: 25%;  float: left; margin-bottom: 35px;  transition: all 1s;}
.in_guest .in_crilist li a { cursor: pointer; color:#8cb2d8; width: 100%;  display: block; background: url(../images/in_lbg-11.png) no-repeat bottom center;}
.in_guest .in_crilist li a:hover{ color:#fff; }
.in_guest .in_crilist li .in_lipic { width: 100%;  height: 212px; background: url(../images/in_pbg1.png) no-repeat top center; position: relative; transition: all 1s;}
.in_guest .in_crilist li .in_lipic2 {
    width: 100%;
    height: 212px;
    background: url(../images/in_pbg1-2.png) no-repeat top center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.in_guest .in_crilist li .in_lipic3 {
    width: 100%;
    height: 212px;
    background: url(../images/in_pbg1-3.png) no-repeat top center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.in_guest .in_crilist li .in_lipic_img {
    width: 100%;
    height: 212px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.in_guest .in_crilist a:hover .in_lipic2 {
    animation: zhuan 7s infinite linear;
}
.in_guest .in_crilist a:hover .in_lipic3 {
    animation: zhuan2 11s infinite linear;
}
.in_guest .in_crilist .in_lipic_img{ line-height:212px; color:#fff; font-size:35px; font-weight:bold; } 

.in_guest .in_crilist .in_text{ text-align: center; line-height: 35px; margin-top: 10px;}



.kuanj .two{ width:80%; margin:0 auto; position:relative; z-index:3; margin-top:100px; }
.kuanj .two .top { display: flex;}
.kuanj .two .top .item {
 transition: all .3s ease-in-out; position: relative;  flex: 1;  text-align: center; padding:25px 0;  border-bottom: 1px solid rgba(234, 233, 229,.3); cursor: pointer; z-index: 0; border-top: 1px solid rgba(234, 233, 229,.3); border-left: 1px solid rgba(234, 233, 229,.3);}
.kuanj .two .top .item:last-child{ border-right: 1px solid rgba(234, 233, 229,.3); }
.kuanj .two .top .item.on { padding: 35px 0 15px;}
.kuanj .two .top .item img {  margin: 0 auto; width:60px;}
.kuanj .two .top .item p { color: rgba(255, 255, 255, 0.6); font-size:18px; margin-top:10px;}
.kuanj .two .top .item.on p {color: #fff;}
.kuanj .two .top .item:after {  transition: all .3s;  content: "";  position: absolute; left: 0;  right: 0;  top: 0;  bottom: 0;  background-image: linear-gradient(to bottom right, #e52b29, #f48b14); z-index: -1; opacity: 0;}
.kuanj .two .top .item.on:after {  bottom: -8%; opacity: 1;}
.kuanj .two .bottom {  padding: 40px 0 55px 90px; border: 1px solid rgba(234, 233, 229,.3); border-top:none;}
.kuanj .two .bottom .box { display: none;}

.kuanj .two .bottom h1 { font-size:30px; color: #fff;}
.kuanj .two .bottom p { font-size:18px; color: rgba(255, 254, 254, 0.7);padding-left:5px; margin-top:15px;}
.kuanj .two .bottom p:before {  content: "";  display: inline-block; width: 12px;  height: 4px; background: #f7b426;  vertical-align: middle;  margin-right: 15px;}



.kuanj.aboutnr{ background:url(../images/bannerthree.jpg) no-repeat #0b0e2c; }




.news_list{ padding:15px 0 27px 0;  width:1400px; margin: 0 auto; margin-top: 100px;}
	.news_list > a { display: block; margin-bottom: 20px;}
	.pure:before, .pure:after { content:""; display: table;}
	.pure:after {clear: both;}
	.new_time { float: left; width: 10%;  margin-top: 53px;  font-size: 30px; line-height: 30px; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt" !important;}
	.new_time > span { font-size: 18px;}
	.new_tex_box { float: right; padding: 35px 0;  width: 79.6%;  margin-right: -4.615%; transition: all .5s ease;  padding-right: 4.615%;}
	.new_tex_box> img { float: left; width: 40%;  margin-left:-15%; transition: all .5s ease;}
	.new_tex_box > div { float: right; width: 66.6666%;}
	.new_title { font-size: 20px; font-weight: bold; line-height: 1.5; margin-top: 40px; transition: all .5s ease;}
	.new_info {font-size:16px; line-height: 2; color: rgba(0,0,0,.5); margin-top: 40px; transition: all .5s ease; text-align: justify;}
	.news_list > a:hover .new_tex_box {
	    background-color: #fff;
	    -webkit-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	    -moz-box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	    box-shadow: 0 0 54px rgba(29, 56, 75, .26);
	}
	.news_list > a:hover .new_tex_box > img {
	    margin-left: -18%;
	}




.about_nr {  width: 80%;  margin: 0 auto;  position: relative; z-index: 2;  color: #fff;}

.about_nr .about_a_1 {  width: 70%;
    padding-top: 140px;
    margin: 0 auto;  position: relative;
    z-index: 5;}
.about_nr .about_a_1 h2{ margin-bottom: 20px;
    font-size: 40px; }
.about_nr .about_a_1 p{ line-height: 40px;
    font-size: 18px; }
.about_nr .en_b {
    -webkit-text-stroke: 1px rgb(4 91 168 / 55%);
    position:absolute;
    color: transparent;
    font-size:420px;
    white-space: nowrap;
    font-family: en_b;
    text-align: center; z-index:1; width: 100%; display: block; 
}
.about_nr .en_b em {
    display: inline-block;   font-style: normal;
}


.aboutnr .luans_right{ position:relative; z-index:5; width:80%; margin: 0 auto; overflow:hidden; }
.aboutnr .luans_right .swiper-luans{ width:70%; margin:0 auto; }
.aboutnr .luans_right img{ width:100%; height:auto; }

.aboutnr .luans_right .swiper-button-prev{ left: 0; top: 0; margin-top: 0; background-color: #0b0e2c9e; width: 11%; height: 100%; padding-left: 2px;}
.aboutnr .luans_right .swiper-button-next{ right: 0; top: 0; margin-top: 0; background-color: #0b0e2c9e; width: 11%; height: 100%; padding-right: 2px;}

.show .in_cont{opacity:0;}
.show .in_main .in_span{transform:scale(0,0);opacity:0;}
.show .in_main .in_img{transform:scale(0,0);opacity:0;}
.show .in_main .in_i{transform:scale(0,0);opacity:0;}
.show .in_bg .in_bgl{transform:translate(-159px,0);opacity:0;}
.show .in_bg .in_bgm{left:50%;margin-left:-120px;}
.show .in_bg .in_bgr{left:50%;margin-left:120px;width:0;}
.show .in_conf1 {  transform: translate(0,50px); opacity: 0;}


.scroll {
    border: 2px solid #fff;
        height: 30px;
        width: 15px;
        border-radius: 30px;
        position: absolute;
        bottom: 35px;
        z-index: 6;
        right: 2%;
        opacity: 0.7;
}
.scroll span {
    height: 10px;
    width: 1px;
    background: #fff;
    display: block;
    margin: 0 auto;
}
.scroll em {
    height:6px;
    width:1px;
    background: #fff;
    display: block;
    margin: 0 auto;
    -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-animation: line1Beforeaa 1.5s infinite alternate;
    animation: line1Beforeaa 0.5s infinite alternate;
}


.kuanj.fanse{ background: url(../images/bg7.jpg) no-repeat top  center  #0b0e2c;  }
.kuanj.fanse .you_title{ height: 100vh; margin-top: -130px; padding:0; width: 1000px;}
.yoush{ width:80%; min-width:1200px; margin:0 auto; padding-top:100px; position: relative; opacity:0.5;
-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
 
 
 .kuanj.fanse .you_title h2{ font-size: 52px; }
 .kuanj.fanse .you_title p{ font-size:20px; }
 
.yoush .yoush_a{ width: 46.2857%; float:left;     margin-top:40px; margin-left: -50px; transition:all 0.3s ease-in; }
.yoush .yoush_a h2{ font-size: 50px; color: #ffffff; padding-top: 50px; position:relative; padding-left: 70px;}
.yoush .yoush_a h2 p{ color: #fff;  text-align: justify; font-size: 30px;  font-family: en_b; opacity: 0.7; } 
.yoush .yoush_a .pp{     font-size: 18px; color: #cbcbcb; line-height: 2.22; text-align: justify; margin-top:20px; padding-left: 70px; }
.yoush .yoush_a span{ display: block; font-weight: bold;  font-family: en_b;  color: transparent; font-size: 180px;  -webkit-text-stroke: 1px #D70917;  -webkit-text-stroke: 1px #2e7ef0; opacity: .3; position: absolute;  left:0; top:80px; z-index: -1; }
 
.yoush .yoush_a i{ display: block; position:relative; display:inline-block; padding-left: 70px; margin-top:50px; }
.yoush .yoush_a i::before{ content: "";  width: 40px;  height: 2px;  background: #fff;  display: block; transition:all 0.3s ease-in; }
.yoush:hover .yoush_a i::before{ width:100px;}
 .yoush .yoush_a i::after{ content: "";  width: 20px; height: 2px;  background: #fff;  display: block;  position: absolute; right: -4px; bottom: 6px; transform: rotate(45deg); }
 .yoush:hover{ opacity:1; }
 
  
.yoush .yoush_b{ width: 46.2857%;  float:right; margin-right: -50px; transition:all 0.3s ease-in;}

.fanan .yoush:nth-child(2n) .yoush_a{ float:right; margin-left:0px;margin-right: -50px; }
.fanan .yoush:nth-child(2n) .yoush_b{ float:left; margin-right:0px;margin-left: -50px;}


.yoush:hover .yoush_a{ margin-left:0px; }
.yoush:hover .yoush_b{ margin-right:0px; }


.yoush:nth-child(2n):hover .yoush_a{ margin-right:0px; }
.yoush:nth-child(2n):hover .yoush_b{ margin-left:0px; }



.fanan .yoush:nth-child(1) .yoush_a span{  top:120px; }
.fanan .yoush:nth-child(2) .yoush_a span{  top:260px; }
.fanan .yoush:nth-child(3) .yoush_a span{  top:410px; }
.fanan .yoush:nth-child(4) .yoush_a span{  top:570px; }
.fanan .yoush:nth-child(5) .yoush_a span{  top:720px; }
.fanan .yoush:nth-child(6) .yoush_a span{  top:870px; }
.fanan .yoush:nth-child(7) .yoush_a span{  top:1020px; }
.fanan .yoush:nth-child(8) .yoush_a span{  top:1170px; }
.fanan .yoush:nth-child(9) .yoush_a span{  top:1320px; }
.fanan .yoush:nth-child(10) .yoush_a span{  top:1500px; }


.yoush .yoush_b img{ -webkit-mask: url(data:img/png;base64,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);
    -webkit-mask-size: 100% 100%;}
 
 


.fanan{ position:relative; z-index:2;}



.page2Wrap{ position: relative;  height: 500px; margin-top: 100px;}

.page2Wrap .wrap, .page2Wrap ul, .page2Wrap li, .page2Wrap img {
    transform-style: preserve-3d;
    transform-origin: center;
}

.page2Wrap .wrap, .page2Wrap ul, .page2Wrap li, .page2Wrap li span, .page2Wrap li .round {
    position: absolute;
    width: 26.0417vw;
    height: 26.0417vw;
    left: 50%;
    top: 50%;
    margin-left: -13.0208vw;
    margin-top: -13.0208vw;
}
.page2Wrap .wrap {
    -webkit-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(1.5625vw) translateY(-1.0417vw) translateZ(10.4167vw) rotateX(75deg) rotateY(0deg) rotateZ(15deg) scaleX(1) scaleY(1) scaleZ(1);
    transition: All 1s 0s;
}
.page2Wrap ul {
    -webkit-animation: y 20s linear 0s infinite;
    -moz-animation: y 20s linear 0s infinite;
    -ms-animation: y 20s linear 0s infinite;
    animation: y 20s linear 0s infinite;
}
.page2Wrap li {
    border: 5px solid #5ec0ff;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-transition: All 1.4s 0s;
    -moz-transition: All 1.4s 0s;
    -ms-transition: All 1.4s 0s;
    transition: All 1.4s 0s;
}
.page2Wrap li:nth-child(1) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li:nth-child(2) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(60deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li:nth-child(3) {
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(-60deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
}

.page2Wrap li span {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: z 12s linear 0s infinite;
    -moz-animation: z 12s linear 0s infinite;
    -ms-animation: z 12s linear 0s infinite;
    animation: z 12s linear 0s infinite;
}
.page2Wrap li:nth-child(1) span {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}
.page2Wrap li:nth-child(1) .round {
    -webkit-animation: z 3s linear 0s infinite;
    -moz-animation: z 3s linear 0s infinite;
    -ms-animation: z 3s linear 0s infinite;
    animation: z 3s linear 0s infinite;
}


.page2Wrap li:nth-child(2) .round {
    -webkit-animation: z 3s linear 1s infinite;
    -moz-animation: z 3s linear 1s infinite;
    -ms-animation: z 3s linear 1s infinite;
    animation: z 3s linear 1s infinite;
}

.page2Wrap li:nth-child(3) .round {
    -webkit-animation: z 3s linear 2s infinite;
    -moz-animation: z 3s linear 2s infinite;
    -ms-animation: z 3s linear 2s infinite;
    animation: z 3s linear 2s infinite;
}

#classify {  position: absolute;
    width: 500px;
    height: 500px;
    left: 50%;
    margin-left:-200px;
    top: 456px; }
#classify .classify {
    position: absolute;
    width: 26.0417vw;
    height: 26.0417vw;
    left: 50%;
    top:0;
    margin-left: -13.0208vw;
}
#classify .tit {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
    position: absolute;
    white-space: nowrap;
    cursor: pointer;
    transition: color .3s;
}
#classify .tit strong {
    font-size: 1.4rem;
}
#classify .classify_con h5 sup, #classify .tit strong sup {
    font-size: 12px;
}
#classify .tit span {
    font-size: 1rem;
}
#classify li:nth-child(1) .tit {
    top: -5.2083vw;
    left: 6.5104vw;
}
#classify li:nth-child(2) .tit {
    top: 2.6042vw;
    left: -7.5521vw;
}
#classify li:nth-child(3) .tit {
    top: 15.625vw;
    left: -6.5104vw;
}
#classify li:nth-child(4) .tit {
    top: 25vw;
    left: 9.1146vw;
}
#classify li:nth-child(5) .tit {
    top: 15.625vw;
    left: 25.5208vw;
}
#classify li:nth-child(6) .tit {
    top: 2.6042vw;
    left: 25.5208vw;
}



.soft_pic{ width:100%; margin-top:200px; }
.soft_pic ul{  }
.soft_pic li{ display: flex;     justify-content: space-between; align-items: center; }
.soft_pic li .text i{ font-style: inherit; font-weight: bold;}
.soft_pic li .text span{ display: block;
    font-size: 40px;
    line-height: 40px;
    margin-bottom:40px; }
.soft_pic li .text{     width: 50%;
    color: #fff;
    padding: 50px 10%;
    box-sizing: border-box; line-height: 30px; }
.soft_pic li img{     width: 50%;  display: block; }

.kuanj.soft{ padding-bottom: 50px; }



.dhbg{
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 0;
 }



.allpro{ position:fixed; z-index:50; top:0; width:100%; height:100%; display:none; } 
.allpro .bg{ content: '';
    display: block;
    background-color: rgba(0, 117, 72, 0.75);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute; }

.allpro h2{ position: relative;
    z-index: 5;
    color: #fff;
    font-size: 40px;
    text-align: center;
    margin-top: 200px; margin-bottom: 50px; }
.allpro ul{ position: relative;
    z-index: 5;
    width: 80%;
    height:60%;
    margin: 0 auto;
    overflow-y: scroll; padding:20px; box-sizing: border-box; }
.allpro ul li{ width: 23%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    margin-right: 2%; margin-bottom:30px; border-radius:5px;}
.allpro ul li img{ width:100%; height:auto;}
.allpro ul li span{ display: block; text-align: center; margin-top:10px; font-size:18px; }
.allpro ul li:nth-child(4n){ margin-right: 0; }
.allpro .close{ position: absolute;
    top: 200px;
    background: #fff;
    color: #007548;
    z-index: 5;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    left: 87%; cursor:pointer; }

.bigpc{ display:block; }
.bigapp{ display:none; }



.mdmore{ text-align: center;  padding-top: 10px;    padding-bottom: 10px;   font-weight: bold;   background: #fff;   color: #01673f;    width: 410px;   margin: 0 auto;   border-radius: 5px;   margin-top: 30px;   margin-bottom: 20px;  } 


.hezuo .zhao_a{ height:700px; overflow:hidden; }
.zhao_a .zhao_a_text{ position:absolute; top:40%; color:#fff; width:80%; left: 10%;     z-index: 5; }
.zhao_a img{ width:100%; display:block; }
.zhao_a .zhao_a_text h2{ font-size: 50px;
    background: coral;
    background-image: -webkit-linear-gradient(45deg,#08f300,#00efff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue6sinfinitelinear; }
.zhao_a .zhao_a_text p{ width: 60%;   margin: 0 auto;   margin-top: 30px;   line-height: 36px; }

.hezuo .zhao_b,.hezuo .zhao_c{ height:100vh; }
.hezuo .zhao_b ul,.hezuo .zhao_c ul{ display:flex; margin-top: 100px; }
.hezuo .zhao_b ul li,.hezuo .zhao_c ul li{ flex:1; }
.hezuo .zhao_b .swiper-slide,.hezuo .zhao_c .swiper-slide { background:none; }
.hezuo .zhao_b .mySwiper,.hezuo .zhao_c .mySwiper{ margin-top:90px; }
.mySwiper .pagination {  margin-top: 30px; }
.mySwiper .pagination .swiper-pagination-bullet{ background:#fff; opacity:0.5; } 
.mySwiper .pagination .swiper-pagination-bullet-active{ background:#fff; opacity:1; } 
.hezuo .zhao_b .swiper-slide img,.hezuo .zhao_c .swiper-slide img{ width:60%; }
.zhao_a.zhao_b .zhao_a_text,.zhao_a.zhao_c .zhao_a_text{ top:15%; }
.zhao_a.zhao_b .zhao_a_text h4,.zhao_a.zhao_c .zhao_a_text h4{ margin-top: 20px;  font-size:16px;  font-weight:500; }
.zhao_a.zhao_b .zhao_a_text p,.zhao_a.zhao_c .zhao_a_text p{  font-size: 14px;  line-height: 24px;   margin-top: 20px;  color: #bdbdbd;}


.zhao_b_bg{ position: absolute;  left: 0;   top: 0;  width: 100%;   height: 100%;   background: #000;   opacity: 0.5;  z-index: 4; }


.hezuo .zhao_c .swiper-slide img{ width: auto; height: 350px; }
.hezuo .zhao_c  .tiaoj{ width:500px; margin-top: 50px; }



@media screen and (max-width: 640px){
	
	.bigpc{ display:none; }
	.bigapp{ display:block; }
	.header .logo img {
	    height: auto;
	    opacity: 1;
	    display: block;
	    width: auto;
	    height: 40px;
	    margin-top: 5px;
	    margin-left: 5px;
	}
	
	.mdmore{ width:90%; font-size: 12px; }
	
	body {
	    min-width: auto;
	}
	
	.header, .header.no, .header.notwo {
	    height: 55px;
	}
	.header{ padding: 0; }
	.header .logo{ height:50px;  left: 0;   margin-left: 0; }
	.header.headerindex {
	    padding: 0;
	    min-width: auto;
	}
	
	.header-search{ display:none; }  
	
	.nav {
	    position: fixed;
	    background: #fff;
	    width: 100%;
	    margin-top: 0px;
	    display: none;
	    margin-top:0px;
	    padding-top: 30px;
	    margin-left: 0; border-top:1px solid #f1f1f1 ; padding-top: 0; float: none; height: 100vh;
		overflow: hidden;
		    overflow-y: auto;
	}
	.header.headerindex .nav .lang {
	    padding-left: 0;
	    right: 0; text-align: center; top:0;
	}
	.header.headerindex .nav .lang a.hover{ color:#0f6997; }
	.erj::after{     border-bottom: 1px solid #b8b8b8;  border-right: 1px solid #acacac; }
 
	.lang::before{ display:none; }
	.header .nav li .nav_two{ background:none; }
	.nav a{ height:45px;   line-height:45px; }
	.header.headerindex .nav a{ color: #000000;
    padding:5px 0px;
    font-size: 16px;
    text-align: center; }
	.header.headerindex .nav a.erj{ padding-bottom:0px; }
	.nav li{ float: none;  width: 100%;     }
	.header .sj_nav {
	    display: block;
	        position: relative;
	        width:45px;
	        padding-top: 10px;
	        padding-bottom: 10px;
	        float: right;
	        margin-right: 3%;
	        margin-top: 9px;
	}
	/* .header .sj_nav::before, .header .sj_nav::after {
	    content: "";
	    display: block;
	    height: 2px;
	    width: 80%;
	    background: #fff;
	} */
	
	/* .header .sj_nav::before {
	    margin-bottom: 5px;
	    -moz-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-animation: line1Before 1.5s infinite alternate;
	    animation: line1Before 1.5s infinite alternate;
	} */
	
	
 
	
	
	
	.header .sj_nav span {
	    display: block;
	        width: 100%;
	        height: auto;
	        color: #d3d3d3; text-align: right;
	        font-size: 14px;
	    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-animation: line1span 1.8s infinite alternate;
	    animation: line1span 1.8s infinite alternate;
	}
	
	.nr_banner{ margin-top: 0; }
	.nr_banner.nr_bannertwo{ height:auto; }
	
	.header .nav li .nav_two{ overflow:hidden; }
	.header .nav li .nav_two li{  box-sizing:border-box; }
	.header .nav .nav_two li a{ line-height:30px;   height:30px; }
	
	.header .sj_nav::after {
	    -o-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -webkit-animation: line1after 2s infinite alternate;
	    animation: line1after 2s infinite alternate;
	}
	.newslist {
	    background: #fff;
	    padding: 5%;
	    width: 90%;
	}
	.newslist ul li{ width:100%; }
	.header .sj_nav::after {
	    width: 75%;
	   background: #0f6997;
	}
	.header.headerindex .logo img{ opacity: 1;  display: block;  width: auto;  height: 33px;   margin-top: 11px;  margin-left: 10px; }
	.swiper02 .swiper-slide .text_b{font-size:30px; }
	.swiper02 .swiper-slide .text_b{ margin-top: 60px; }
	
	.swiper02 .swiper-slide .text_a {  font-size: 80px;}
	.swiper02 .swiper-slide .text_c {
	    margin-top: 110px;
	    color: #fff;
	    font-size: 20px;
	    font-weight: bold;
	}
	
	.swiper02 .swiper-slide .text_d{ display:none; }
	
	
	.swiper02 .swiper-slide .pro_pic {
	    position: absolute;
	    bottom:90px;
	    width: 80%;
	    left: 10%;
	    z-index: 5; margin-left: 0;
	}
	.swiper02 .swiper-slide .text_more {    margin-top: 170px;}
	.swiper02 .swiper-slide .text_more a{ padding: 10px 15px; }
	
	
	.free-swiper1 .swiper-slide-active .swiper02 .swiper-slide-active .pro_pic {
	    animation: pro_pic 2s ease infinite;
	    -webkit-animation: pro_pic 2s infinite;
	    animation-iteration-count: 1;
	    -webkit-animation-iteration-count: 1;
	}
	
	@keyframes pro_pic{
		from {opacity:0; margin-left:-100px;} 
		to {opacity:1;margin-left:0px;}
	}
	
    .text_info{ width:100%; }
	.text_info .text_a {  font-size: 30px;}
	.text_info .text_b {  font-size: 30px;    margin-top: 42px; }
	.text_info .text_c {   margin-top: 95px;}
	.text_info .text_more {  margin-top: 170px; }
	.text_info .text_more a{ padding: 10px 15px; }
	.swiper01 .free-bg{ background-position: -670px 0px; }
	.text_info .text{ width:100%; }
	.text_info .text_more{ width:60%; width: 140px;  font-size: 14px; }
	
	.servicemk .slide-inner{ background-size:400%; background-repeat:no-repeat; }
	.servicemk .text_b{ font-size:30px; }
	.servicemk .text_a{ font-size: 80px; }
	
	.servicemk .text_c {
	    margin-top: 140px;
	    color: #fff;
	    line-height: 28px;
	    font-size: 14px;
	    width: 80%;
	    left: 10%;
	}
	
	.servicemk .text_more a{     padding: 10px 15px; }
	.service_list{ width:90%;left:5%; text-align: center; bottom:100px; }
	.service_list li span{ display:none; }
	.service_list{ padding: 20px 60px; padding-right: 0;   padding-left: 0; }
	
	.gototop::after{ height: 10px;
    width: 10px; margin-left: -6px; }
	.gototop{ padding: 20px; margin: -60px;  margin-left: -60px;  top: 60%;}
	
	
	.servicemk.hover .slide-inner
	{ animation: inner 1.5s ease infinite ; -webkit-animation:inner 1.5s infinite; animation-iteration-count:1;-webkit-animation-iteration-count:1}
	
	@keyframes inner{
		from { background-size:380%;} 
		to { background-size:400%;}
	}
 
	.service_list li{ font-size: 14px;  position: relative;   padding-left: 0; }

.video-slide video {
    transform: rotate(90deg);
    margin-left: -300px;
    margin-top: -660px;
    height: 290%;
}

.fress-slide.news{ background-size: 390%; }
	
	.swiper04 .img{ width:100%;  }
	.swiper04 .img a img{ display:block; }
	.swiper04 .txt{ width:100%; padding: 15px;}
	.header.headerindex .logo{ height: 50px; background-position:5px 5px; background:none;  padding: 0;  margin-left: 0;   left: 0; width:80%;}
	.header.dbno .nav a{ height: 60px;line-height: 60px; } 
	
	.news_lm{ display:none; }
	.swiper04 .titlea {   font-size: 16px; }
	.swiper04 p {
	    border-top: 1px solid #f1f1f1;
	    margin-top: 10px;
	    padding-top: 10px;
	    font-size: 12px;
	    line-height: 20px;
	    letter-spacing: 2px;
	    height: 110px;
	    overflow: hidden;
	}
	.lianx{ display:none; }
	
 
	.aboutgd .swiper-wrapper{ display:block; }
	body::-webkit-scrollbar{ display:block; }
	
	.brand_con_box{     position: static; }
	.aboutgd.swiper-container{  overflow: inherit; }
	.aboutgd .swiper-wrapper .swiper-slide.brand{ width:100%; }
	.brand_con_box .swiper-slide.star .slide-inner{ width:100%;     min-height: auto; }
	.free-hide{ height:auto;}
	.aboutgd .swiper-wrapper .swiper-slide{ height:auto; }
	
	.cl-slide .txt{ width: 70%;   left: 15%; }
	.cl-slide .txt .txt_a{font-size:20px; }
	.cl-slide .txt .txt_b{ font-size:20px;     margin: 20px 0px; }
	.cl-slide .txt .txt_c {
	    font-size: 14px;
	    line-height: 24px;
	}
	
	
	.cl-slidetwo .art{ top: 20%; text-align: center;
    width: 80%; left:10%; }
	.cl-slidetwo .art .art_a::before {
	    content: '“';
	    display: block;
	    position: absolute;
	    left: -10px;
	    color: #fff;
	    top: -52px;
	    font-size: 150px;
	    font-family: Arial, sans-serif;
	    opacity: 0.5;
	}
	
	.cl-slidetwo .art .art_a { 
	    font-size: 20px; 
	}
	.cl-slidetwo .art .art_b{ width:100%; }
	.cl-slidetwo .art_pic {
	    position: absolute;
	    z-index: 5;
	    top: 55%;
	    right: 10px;
	    width: 100%;
	}
	
	.header .logo img { height: 15px; margin-top: 20px;
    margin-left: 20px;}
	.header.headerindex .logo{ text-align:left; } 
	.header .logo {
	    height: 50px;
	    left: 0;
	    margin-left: 0;
	    height: 50px;
	    background-position: 5px 5px;
	    background: none;
	    padding: 0;
	    margin-left: 0;
	    left: 0;
	    width: 60%;
	    margin-top: 0;
	    text-align: left;
	}
	
	
	.team .bbb .team_a{ margin-top: 50px; font-size: 20px; }
	.team_a::before {
	    content: "TEAM";
	    display: block;
	    position: absolute;
	    font-size: 60px;
	    left: 50%;
	    opacity: 0.1;
	    margin-left: -90px;
	    top: -21px;
	    color: #ababab;
	}
	
	.team .bbb .team_b {
	    margin-top: 20px;
	    font-size: 14px;
	    color: #6c6c6c;
	}
	
	.contact_right{ width:90%; margin-top: 30px;}
	.lead-form-wrapper{ 
		padding:0;
	}
	.hezuo .aaa h2{ font-size:30px; }
	.contact_right ul{ margin-bottom:10px;font-size: 14px; }
	
	.contact_right .xma h3{ width:25%; }
	.contact_right .xma .inputa{ line-height:35px; }
	.xmtwo li{ width:100%; margin-bottom:10px; }
	.contact_right .input input{ box-sizing: border-box; }
	.contact_right h3{ font-size: 14px; text-align: right; }
	.contact_right .xma .input {
	    width: 68%;
	}
	.ggnr {
	    width: 90%;
	    margin: 0 auto;
	    padding: 5%;
	    font-size: 14px;
	    line-height: 200%;
	}
	.contact_right .xmc .input {
	    width: 68%;
	}
	.contact_right .xmc h3 {
	    width: 25%;
	    text-align: right;
	}
	.lead-form .pbtn{ padding: 8px 30px; font-size:14px; margin-bottom:30px; }
	
	.hezuoaa .swiper-slide:nth-child(2n)::after,.hezuoaa .swiper-slide::after{ display:none; }
	.hezuoaa .swiper-slide .txt { 
	    color: #fff;
	    position: absolute;
	    z-index: 5;
	    top: 20%;
	    font-size: 30px;
	    left: 10%;
	    width: 80%;
	    text-align: left;     top: 40%;
	}
	
	.nav li{ border-bottom: 1px solid #f1f1f1; margin-left:0px; }
	.header .nav .nav_two li{ border:none; }
	.header .nav li .nav_two{ display:block; position: static; width: 100%; padding-top: 0; padding-bottom: 10px; }
	.header .nav .nav_two li a{ color: #939393;   font-size: 14px; }
	.hezuoaa .swiper-slide .txt p{ font-size:25px; }
	.cl-slidetwo .art_pic img{     width: 150px; }
	.cl-slidetwo .art_pic img:nth-child(2){ margin-left: 190px; top: -40px;}
	.cl-slidetwo .art_pic img:nth-child(3) { top: 190px; margin-left: 30px; }
	.cl-slidetwo .art_pic img:nth-child(4) {
	    margin-left: 219px;
	    top: 220px;
	    transform: rotate( 
	-8deg);
	    margin-top: -40px;
	}
	.brand_con_box .brand h2{font-size:30px; top: 10%; }
	.brand_con_box .brand .jsjs{ top:20%; line-height: 25px;   font-size: 14px; }
	.swiper-slide.brand strong{font-size:20px; }
	
	.bor_top img { position: absolute; top: 10px; left: 10px;}
	.header.dbno .nav .nav_two{ display:none!important; } 
	.header.dbno .erj::after{ display:none!important; }
	.bor_top,.bor_left,.bor_right,.bor_bom_left,.bor_bom_right{ display:none; }
	.banner{ height:80vh; margin-top:0px; }
	
	.swiper01 video{ height: auto;
    width: 170%;
    margin-left: -210px;
    margin-top: 10%; display:none; }
	
	
	
	.swiper01 .gif{ display:block; margin-top:25%;}
	.swiper01 .swiper-slide .txt_b em{ margin-right: 5px; }
	.swiper01 .swiper-pagination { bottom: 30px;}
	.swiper01 .swiper-button-prev, .swiper01 .swiper-button-next{ top: 55%;  background-size: 15px; width: 30px; height: 30px;  line-height: 30px; }
	.swiper01 .swiper-slide .txt{ top:55%; text-align:center; }
	.swiper01 .swiper-slide .txt_a{ width:100%; font-size:12px; } 
	.swiper01 .swiper-slide .txt_b{ font-size:30px; width:100%; margin:10px 0px;   }
	.swiper01 .swiper-slide img.bigpc{ display:none; }
	.swiper01 .swiper-slide img.bigap{ display:block; }
	
	
	.swiper01 .swiper-slide img { width: 100%;
    display: block;
    margin-left: 0;
    position: relative;
    left: 0;transform: scale(1.5);
    margin-left: -50px; }
	
	.swiper01 .swiper-pagination-bullet{ height: 32px;   font-size: 16px;  width: 60px;   border: none; }
	.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ bottom:-10px;     height: 2px; }
	.about .about_left{ width:100%;  margin: 0 auto;  float: none; overflow:hidden; }
	#container{ width:120%; margin-left:0; height:350px; margin-left: -10%; }
	#container p{ font-size:12px!important; }
	.about .about_right {  float: none;  width: 90%; margin-top: 0;  margin: 0 auto;}
	#r2{ height:50vh; }
	#r2 .wrap .list{ width:70%; }
	.f-36{ font-size:20px; }
	#r2 .wrap .list .msg p em{ font-size: 14px; }
	.mb-20 {
	    margin-bottom: 5px;
	}
	#r2 .wrap .list .photo .pic{ background-size: 100%; }
	.swiper044 .swiper-button-next, .swiper044 .swiper-button-prev{ transform: scale(0.5); }
	
	.home5 .flex-xb a:nth-child(2),.home5 .flex-xb a:nth-child(3){ display:none; }
	.home5 .ev{ width:100%; }
	.home5 .C-title{ font-size:20px; }
	.C-title::before{ margin-left: 15px;   margin-right: 15px; height: 3.031vw; }
	.home5 .ev h2{ font-size: 3.458vw; margin: 2.979vw 0 2.146vw; }
	.C-more.black{ width: 100%; margin-top: 20px;  height: 50px;  font-size: 15px; justify-content: flex-start; border: none;   background: none; }
	
	.footer{ padding: 50px 5%;   padding-bottom: 30px; background: #05354f; }
	.footer img{ width: 60%; }
	.footer .contactinfo p {
	    color: #a9a9a9;
	    line-height: 20px;
	    line-height: 20px;
	    text-align:left;
	    font-size: 12px;
	    margin-top: 10px;
	}
	.footer .contactinfo p:first-child::after{ clear: both; content:''; display: block;  }
	.footer .contactinfo p a{  color: #a9a9a9; }
	
	.about .about_right .about_right_zt { text-align: center; }
	.about .about_right .about_right_zt  img { width:150px; }
	
	.net_num_box{ display:block; margin-top: 20px; text-align: center;}
	.at_on:nth-child(1), .at_on:nth-child(2) { width: 50%; float: left;     margin-bottom: 20px;}
	.net_num_box .timer{ font-size:25px; }
	.net_num_box .miaos img{ width:17px; }
	.net_num_box .miaos{ font-size:14px; }
	.about .about_right .text { color: #fff;  margin-top: 20px;  font-size: 14px;  text-align: center; }
	
	 
	.gotop{ bottom: -20px; }
	
	
	.prots{ overflow: hidden; height:825px; }
	
	
	.prots .box{ }
	
	
	.prots .pic_a {
	    left: 5%;
	    position: absolute;
	    z-index: 5;
	    width: 50%;
	    height: auto;
	    top: 110px; margin-top: 0;
	}
	.prots .pic_a img,.prots .pic_b img{ width:100%; }
	.prots .pic_b {
	    z-index: 4;
	    position: absolute;
	    width: 45%;
	    height: auto;
	    top: 123px;
	    left: 23%; margin-top: 0;
	}
	.prots .pic_a img{ width: 100%; }
	.quanquan{      z-index: 4;   position: absolute;   width: 400px;    height: 400px;    top: 210px;   margin-top:-185px;  left: -5%;   transform: scale(0.5); }
	
	.prots .box{ z-index: 6;  position: absolute;   width: 90%;  height: 400px;  top: 370px;   margin-top: 0;   left: 5%; }
	.quanquan span:nth-child(1) { width: 400px;  height: 400px; }
	.quanquan span:nth-child(2) { width: 470px;   height: 470px;  margin-top: -288px;}
	.quanquan span:nth-child(3) {  width: 530px;   height: 530px;   margin-top: -320px; }
	
	.prots .box .dot-con{ transform: inherit; }
	.prots .box .dot-con .note{ position:static; width: 100%; text-align: left; border-radius: 0; margin-bottom: 30px;}
	.prots .box .dot-con .note > em > i{ display:none; }
	.prots .box .dot-con .note > em > span{ opacity:1; }
	
	.prots .box .dot-con .note > em > span{ width: 60px; float: left;    height: 60px;   position: static;   display: block;  margin-left: 0; }
	.prots .box .dot-con .note .bg3{ display:none; }
	.prots .box .dot-con .note > em{ background:none; position: static;  border-radius: 0; overflow:hidden; }
	.prots .box .dot-con .note > em > small{ white-space: break-spaces; font-size:16px; height: auto; opacity:1; float: left;   position: static; width:75%; margin-left: 5%; }
	.prots .box .dot-con .note > em > small p {   font-size: 12px;  line-height: 20px;  color: #ddd; }
	.prots .box .dot-con .note > span{ width: 60px; height: 60px; }
	
	
	
	.alshow{  }
	.classic-cl .swiper-slide .pic img{ width:230%; }
	
	.classic-cl .swiper-slide .small_pic{ width:100%; left:0; }
	.classic-cl .swiper-slide.slidea .small_pic span:nth-child(1) img {  width:80%;}
	.classic-cl .slidea .small_pic span:nth-child(2) {  position: absolute;    top: 40px; left: 13%; width: 80px;}

	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(2){ animation: a1_1 1s ease infinite ; -webkit-animation:a1_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1 }
	
	@keyframes a1_1{
		from {top:200px; opacity:0}  to {  top: 40px;  left:13%; opacity:1}
	}
	
	@-webkit-keyframes a1_1{
		from {top:200px;    opacity:0}  to {  top: 40px;  left:13%; opacity:1 }
	}
	
	
	
	.classic-cl .slidea .small_pic span:nth-child(2) img,.classic-cl .slidea .small_pic span:nth-child(3) img,.classic-cl .slidea .small_pic span:nth-child(4) img,.classic-cl .slidea .small_pic span:nth-child(5) img,.classic-cl .slidea .small_pic span:nth-child(6) img,.classic-cl .slidea .small_pic span:nth-child(7) img,.classic-cl .slidea .small_pic span:nth-child(8) img{ width:100%; }
	.classic-cl .slidea .small_pic span:nth-child(3){ left:30%;  width: 80px;}
	
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(3){ animation: a1_2 1.5s ease infinite ; -webkit-animation:a1_2 1.5s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards }
	
	@keyframes a1_2{
		from {top:50px;    left:10%; opacity:0}  to { top: 0;    left:30%; opacity:1}
	}
	
	@-webkit-keyframes a1_2{
		from {top:50px;    left:10%; opacity:0}  to { top: 0;    left:30%; opacity:1 }
	}
	
	
	
	.classic-cl .slidea .small_pic span:nth-child(4){ width:80px; top: 6px; }
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(4){ animation: a1_3 2s ease infinite ; -webkit-animation:a1_3 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
	@keyframes a1_3{
		from {left:50%;  opacity:0}  to {   left:65%;  opacity:1}
	}
	
	@-webkit-keyframes a1_3{
		from { left:50%; opacity:0}  to { top: 60px;  left:65%;  opacity:1 }
	}
	
	
	
	.classic-cl .slidea .small_pic span:nth-child(5){  position: absolute; top: auto;  left: 5%;  width: 150px;  bottom: 10px;  opacity: 0; }
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(5){ animation: a1_4 2s ease infinite ; -webkit-animation:a1_4 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
	
	@keyframes a1_4{
		from {  left:280px; opacity:0}  to {  left:5%;   bottom:10px; opacity:1}
	}
	
	@-webkit-keyframes a1_4{
		from { left:280px; opacity:0}  to {  left:5%;   bottom:10px; opacity:1 }
	}
	
	
	
	.classic-cl .slidea .small_pic span:nth-child(6){     position: absolute; top: auto;   width: 50px;  left: 10px;   bottom: 90px;  opacity: 0;}
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(6){ animation: a1_5 2s ease infinite ; -webkit-animation:a1_5 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
	@keyframes a1_5{
		from {  bottom:80px; left: 160px; opacity:0}  to {  left: 10px; bottom: 90px; opacity:1}
	}
	
	@-webkit-keyframes a1_5{
		from { bottom:80px; left: 160px; opacity:0}  to {left: 10px; bottom: 90px; opacity:1 }
	}
	
	
	
	.classic-cl .slidea .small_pic span:nth-child(7){ position: absolute;  top: auto; left:auto;  right: 40px;  width: 150px;  bottom: 10px;  opacity: 0;}
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(7){ animation: a1_6 2s ease infinite ; -webkit-animation:a1_6 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
	@keyframes a1_6{
		from {  left:600px; opacity:0}  to {  right: 40px; bottom: 10px; opacity:1; left:auto; }
	}
	
	@-webkit-keyframes a1_6{
		from {  left:600px; opacity:0}  to { right: 40px; bottom: 10px; opacity:1; left:auto;  }
	}
	

	
	.classic-cl .slidea .small_pic span:nth-child(8){  position: absolute;left:auto;  top: auto;   right: 0;   width: 90px;   bottom: 120px;   opacity: 0;}
	.classic-cl .slidea.swiper-slide-active .small_pic span:nth-child(8){ animation: a1_7 2s ease infinite ; -webkit-animation:a1_7 2s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.8s; -webkit-animation-delay:0.8s; animation-fill-mode:forwards }
	@keyframes a1_7{
		from {  left:870px; bottom:20px; opacity:0}  to {  right: 0; bottom: 120px; opacity:1; left:auto;}
	}
	
	@-webkit-keyframes a1_7{
		from {  left:870px; bottom:20px; opacity:0}  to {right: 0; bottom: 120px; opacity:1;left:auto; }
	}
	

	.classic-cl .swiper-button-prev, .classic-cl .swiper-button-next{ width:40px; height:40px; line-height:40px; }
	.classic-cl .swiper-button-prev {  background-image: url(../images/jtleft.png);  background-size: 18px;  left: 4%;}
	.classic-cl .swiper-button-next{ background-size: 18px; left: 87%; }
	
	
	.classic-cl .swiper-slide.slideb .small_pic span:nth-child(1) img{ width:50%; }
	.classic-cl .slideb .small_pic span img{ width:100%; }
	
	
	.classic-cl .slideb .small_pic span:nth-child(2){ position: absolute;     width: 80px; top:-40px; opacity: 0;  left: 5%; }
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(2){ animation: a2_1 1s ease infinite ; -webkit-animation:a2_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}
	
	@keyframes a2_1{
		from {top:0; opacity:0}  to {  top:-40px;   opacity:1}
	}
	
	@-webkit-keyframes a2_1{
		from {top:0;    opacity:0}  to {  top:-40px;  opacity:1 }
	}
	
	
	
	.classic-cl .slideb .small_pic span:nth-child(3){ position:absolute; bottom:30px; width: 110px; opacity:0; left:10px; }
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(3){  animation: a2_2 1s ease infinite ; -webkit-animation:a2_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards}
	
	@keyframes a2_2{
		from {left:-100px; opacity:0}  to {  left:10px; opacity:1}
	}
	
	@-webkit-keyframes a2_2{
		from {left:-100px; opacity:0}  to {   left:10px; opacity:1 }
	}



	.classic-cl .slideb .small_pic span:nth-child(4){ position: absolute;  top: -70px;   opacity: 0;  right: 70px;  width: 120px;}
	.classic-cl .slideb .small_pic span:nth-child(4) img{width:100%; }
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(4){  animation: a2_3 1s ease infinite ; -webkit-animation:a2_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:0.5s; -webkit-animation-delay:0.5s; animation-fill-mode:forwards}

	@keyframes a2_3{
		from {  right:100px; opacity:0}  to {  right: 70px; opacity:1}
	}

	@-webkit-keyframes a2_3{
		from {  right:100px; opacity:0}  to {  right: 70px; opacity:1 }
	}



	.classic-cl .slideb .small_pic span:nth-child(5){ position: absolute;  top: 40px;  opacity: 0;   right: 60px;  width: 110px; }
	.classic-cl .slideb .small_pic span:nth-child(5) img{width:100%; }
	
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(5){  animation: a2_4 1s ease infinite ; -webkit-animation:a2_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards}
	
	@keyframes a2_4{
		from {  right:0px; opacity:0}  to {  right: 60px; opacity:1}
	}
	
	@-webkit-keyframes a2_4{
		from {  right:0px; opacity:0}  to {  right: 60px; opacity:1 }
	}
	
	
	.classic-cl .slideb .small_pic span:nth-child(6){ position: absolute;  top: -30px;  opacity: 0;  right: 20px;  width: 70px;}
	
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(6){  animation: a2_5 1s ease infinite ; -webkit-animation:a2_5 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1.5s; -webkit-animation-delay:1.5s; animation-fill-mode:forwards}
	
	@keyframes a2_5{
		from {  right:240px; opacity:0;  top:180px; transform: rotate(360deg); }  to {  top:-30px; right: 20px; opacity:1; transform: rotate(0deg);}
	}
	
	@-webkit-keyframes a2_5{
		from {  right:240px; opacity:0;  top:180px; transform: rotate(360deg); }  to {  top:-30px; right: 20px; opacity:1; transform: rotate(0deg);}
	}
	
	
	
	.classic-cl .slideb .small_pic span:nth-child(7){ position: absolute;   bottom: 10px;  opacity: 0;  right: 30px; width: 100px;}
	
	.classic-cl .slideb.swiper-slide-active .small_pic span:nth-child(7){  animation: a2_66 1s ease infinite ; -webkit-animation:a2_66 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:1s; -webkit-animation-delay:1s; animation-fill-mode:forwards}
	
	@keyframes a2_66{
		from {  right:0px; opacity:0}  to {  right: 30px; opacity:1}
	}
	
	@-webkit-keyframes a2_66{
		from {  right:0px; opacity:0}  to {  right: 30px; opacity:1 }
	}
	
	.classic-cl .slidec .small_pic span img{ width:100%; }
	.classic-cl .swiper-slide.slidec .small_pic span:nth-child(1) img{ width:70%; }
	
	
	
	.classic-cl .slidec .small_pic span:nth-child(2){ position: absolute;  top: -40px;   opacity: 0;  left: 10%;   width: 70%; }
	
	.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(2){ animation: a3_1 1s ease infinite ; -webkit-animation:a3_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}
	
	@keyframes a3_1{
		from {top:0; opacity:0}  to {  top: -40px;   opacity:1}
	}
	
	@-webkit-keyframes a3_1{
		from {top:0;    opacity:0}  to {  top: -40px;  opacity:1 }
	}



	.classic-cl .slidec .small_pic span:nth-child(3){ position: absolute;  top: -120px;   opacity: 0;   left: 75%;   width: 100px; }
	.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(3){ animation: a3_2 1s ease infinite ; -webkit-animation:a3_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}
	
	@keyframes a3_2{
		from {top:0; opacity:0; left:55%;}  to {  top: -120px;   opacity:1; left:75%;}
	}
	
	@-webkit-keyframes a3_2{
		from {top:0;    opacity:0; left:55%;}  to {  top: -120px;  opacity:1; left:75%;}
	}


	
	.classic-cl .slidec .small_pic span:nth-child(4){ position: absolute; bottom: 20px;  opacity: 0;  left: 50%;  z-index: 2;}
	.classic-cl .slidec.swiper-slide-active .small_pic span:nth-child(4){ animation: a3_3 1s ease infinite ; -webkit-animation:a3_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-delay:.5s; -webkit-animation-delay:.5s; animation-fill-mode:forwards}
	
	@keyframes a3_3{
		from { opacity:0; left:20%;}  to {   opacity:1; left:50%;}
	}
	
	@-webkit-keyframes a3_3{
		from {  opacity:0; left:20%;}  to {   opacity:1; left:50%; }
	}


	.classic-cl .swiper-slide.slided .small_pic span:nth-child(1) img {  width: 80%;   margin-bottom: 20px; }
	.classic-cl .swiper-slide .small_pic img {  width: 100%;}
	
	.classic-cl .slided .small_pic span:nth-child(2){position: absolute;   top: 38px;   opacity: 1;   left: 33px;  width: 100px; }
	.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(2){ animation:a4_1 1s ease infinite ; -webkit-animation:a4_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}
	
	@keyframes a4_1{
		from {top:0; opacity:0}  to {  top:38px;   opacity:1}
	}
	
	@-webkit-keyframes a4_1{
		from {top:0;    opacity:0}  to {  top:38px;  opacity:1 }
	}
	
	.classic-cl .slided .small_pic span:nth-child(3){ position: absolute;  top: 40px;  opacity: 1;   width: 50px; left: 63%;  z-index: 5;}
	.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(3){ animation:a4_2 1s ease infinite ; -webkit-animation:a4_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards;}
	
	@keyframes a4_2{
		from {top:100px; opacity:0}  to {  top:40px;   opacity:1}
	}
	
	@-webkit-keyframes a4_2{
		from {top:100px;    opacity:0}  to {  top:40px;  opacity:1 }
	}
	
	
	
	.classic-cl .slided .small_pic span:nth-child(4){ position: absolute;  bottom: 0;  opacity: 0;   left: 0;   width: 160px; }
	.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(4){ animation:a4_3 1s ease infinite ; -webkit-animation:a4_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1;  animation-delay:.5s; -webkit-animation-delay:.5s;  animation-fill-mode:forwards;}
	
	@keyframes a4_3{
		from { left:220px; opacity:0}  to {  left:0; opacity:1}
	}
	
	@-webkit-keyframes a4_3{
		from { left:220px; opacity:0}  to {  left:0;  opacity:1 }
	}


	.classic-cl .slided .small_pic span:nth-child(5){ position: absolute; bottom: 10px; opacity: 0; left:40%; width: 200px; }
	.classic-cl .slided.swiper-slide-active .small_pic span:nth-child(5){ animation:a4_4 1s ease infinite ; -webkit-animation:a4_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1;  animation-delay:.5s; -webkit-animation-delay:.5s;  animation-fill-mode:forwards;}
	
	@keyframes a4_4{
		from { left:35%; opacity:0}  to {  left:40%; opacity:1}
	}
	
	@-webkit-keyframes a4_4{
		from { left:35%; opacity:0}  to {  left:40%;  opacity:1 }
	}



	.classic-cl .swiper-slide.slidee .small_pic span:nth-child(1) img{ width: 70%; }
	
	
	.classic-cl .slidee .small_pic span:nth-child(2){ position: absolute;  top: -30px;  opacity: 0;   left: 8%;  width: 50%; }
	.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(2){ animation:a5_1 1s ease infinite ; -webkit-animation:a5_1 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.5s; -webkit-animation-delay:.5s;}
	
	@keyframes a5_1{
		from {top:0; opacity:0}  to {  top: -30px;   opacity:1}
	}
	
	@-webkit-keyframes a5_1{
		from {top:0;    opacity:0}  to {  top: -30px;  opacity:1 }
	}
	
	
	.classic-cl .slidee .small_pic span:nth-child(3){ position: absolute; top: -38px;   opacity: 0;  left: 54%;   width: 90px; }
	.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(3){ animation:a5_2 1s ease infinite ; -webkit-animation:a5_2 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}
	
	@keyframes a5_2{
		from {top:0; left:34%; opacity:0}  to {  top: -38px; left: 54%;  opacity:1}
	}
	
	@-webkit-keyframes a5_2{
		from {top:0;  left:34%;  opacity:0}  to {  top: -38px; left: 54%; opacity:1 }
	}
	
	
	
	
	.classic-cl .slidee .small_pic span:nth-child(4){ position: absolute;   bottom: 50px;   opacity: 0;  left: 58%;   width: 110px; }
	.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(4){ animation:a5_3 1s ease infinite ; -webkit-animation:a5_3 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}
	
	@keyframes a5_3{
		from { left:40%; opacity:0}  to {   left:58%;  opacity:1}
	}
	
	@-webkit-keyframes a5_3{
		from { left:40%;  opacity:0}  to {  left:58%; opacity:1 }
	}
	
	
	.classic-cl .slidee .small_pic span:nth-child(5){     position: absolute;  bottom: 110px;opacity: 0; right: -30px; width: 50%; }
	.classic-cl .slidee.swiper-slide-active .small_pic span:nth-child(5){ animation:a5_4 1s ease infinite ; -webkit-animation:a5_4 1s infinite ;animation-iteration-count:1;-webkit-animation-iteration-count:1; animation-fill-mode:forwards; animation-delay:.8s; -webkit-animation-delay:.8s;}
	
	@keyframes a5_4{
		from {right:-100px; opacity:0}  to {  right:-30px; opacity:1}
	}
	
	@-webkit-keyframes a5_4{
		from { right:-100px;  opacity:0}  to { right:-30px; opacity:1 }
	}
	
	
	.classic-cl .swiper-slide .pic_text{ display:none; }
	
	.step .stepmo a{ padding:10px 16px; font-size:12px; }
	
	.luans{ }
	.luans .luans_left{ width:100%; float:none;  padding-bottom: 40px;}
	.luans .luans_right{ width:100%; float:none; }
	.luans .luans_left .bg3,.luans .luans_left .bg2,.luans .luans_left .bg1{ display:none; }
	.luans .text {  color: #fff;  margin-top: 50px;  position: relative;  z-index: 8;  width: 100%;  left: 0;  text-align: center; }
	.luans .text span{ left: 0px;   font-size:35px;   top: -10px;  }
	.luans .text h2{  font-size: 20px; margin-bottom: 10px; }
	
	.luans .text p{font-size: 12px; }
	.luans .luans_right img{ width:100%; }
	.luans .swiper-pagination-fraction{ font-size:14px; width:70px;  bottom: 15px; }
	.luans .swiper-pagination-current{ font-size:20px; top: -10px; padding-bottom: 0;}
	.luans .swiper-pagination-total{ padding-left: 7px; }
	.luans .swiper-button-next{ right:5%; left:auto; }
	.luans .swiper-button-prev{ left:5%; }
	.luans .swiper-button-prev{ width:30px; height:30px; background-size:15px;}
	.luans .swiper-button-next{ width:30px; height:30px; background-size:15px;}
	.luans .luans_right p {
	    position: absolute;
	    bottom: 0;
	    text-align: center;
	    display: block;
	    color: #ffffff;
	    width: 100%;
	    font-size:14px;
	    background-color:rgb(1 104 61 / 67%);
	    padding: 10px 0px;
	}
	.luans .swiper-pagination-fraction { bottom: 7px;}
	
	.step{ padding: 30px 0px; }
	.step .title {  position: absolute;  z-index: 5;  text-align: center;  width: 100%;   left: 0;  margin-left: 0;  color: #fff;  top: 40px;  font-size: 40px; }
	.step .title span {  position: absolute;  left: 0;   display: block;  width: 100%;  font-size:35px;  font-weight: bold;  top: -10px;  opacity: 0.3;  text-transform: uppercase; }
	.step .title h2{ font-size: 20px; }
	.step .con{ width:90%; margin-top: 80px; }
	.step .con .dot > a{ width:45px;  height:45px; font-size:14px; line-height:45px; }
	.step .con .dot span{     margin-top: 10px;  font-size: 12px; font-weight:400; }
	.step .con:after{  top: 25px;   height: 5px; }
	.step .con .dot > a > svg { width: 24px;}
	.step .stepmo{ font-size:14px; margin-top: 35px;}
	
	
	
	.join_us{ width: 90%;  margin-top: 30px;  }
	.join_us .us_l{ width:100%; }
	.join_us .us_l .us_cont{ margin:0; }
	.join_us .us_l .us_cont .tit_1{     letter-spacing: 8px; font-size:25px; }
	.join_us .us_l .us_cont .tit_2 {   font-size:25px; margin-top: 0; line-height:40px;}
	.join_us .us_l .us_cont .tit_3 {  font-size:18px; color: #b99542;  line-height:30px; }
	.join_us .us_l .us_cont .tit_4 { font-weight: lighter;  font-size:16px; line-height:30px; margin-top: 0;}
	.join_us .us_l .us_cont .tit_5 span{ font-size: 40px; margin-top: -20px; }
	.join_us .us_r{ width:100%; margin: 20px 0px;}
	.join_us .us_l .us_cont .tit_5{ font-size:14px; }
	.join_us .us_l .us_cont .tit_6{     width: 100%;  height: 40px;  line-height: 40px; }
	.join_us .us_l .us_cont .tit_6 a{ display:block; font-size: 14px; }
	
	
	
	
	.shop_dis{     width: 90%; margin: 20px auto;  min-width: auto;  }
	.shop_dis .dis_tit{     font-size:25px; margin-bottom:0px; }
	.shop_dis .dis_int{ font-size:16px; }
	.shop_dis .dis_img{     margin-top: 30px; }
	.shop_dis .dis_img img{ display:block; }
	.shop_dis .dis_img .img_top .img_k{ width:100%; }
	.shop_dis .dis_img .img_top{ height:auto; }
	.shop_dis .dis_img .img_top .img_k:nth-child(2){ width:48.5%; margin-left:0; height:130px; margin-top:10px; }
	.shop_dis .dis_img .img_top .img_k:nth-child(3){ width:48.5%; float:right; height:130px; margin-left:0; margin-top:10px;}
	
	.shop_dis .dis_img .img_bottom .img_d{ width:48.5%; margin-left:0; height:130px; margin-bottom:10px;  }
	.shop_dis .dis_img .img_bottom .img_d:nth-child(2n){ float:right; }
	.shop_dis .dis_img .img_bottom{ height:auto; }
	.shop_dis .dis_img .img_bottom .img_d:last-child{ width:100%; height:auto; }
	
	.section{  padding: 0; }
	.section .shenm {  margin: 0 auto;  padding: 20px;  padding-top: 0;   width: 100%;  box-sizing: border-box; background: #fff;  text-align: center;     padding-bottom: 0;}
	.section .shenm p{olor: #898989;  line-height: 20px;  font-size: 14px;}
	
	.dbbiaoyu{  box-sizing: border-box;   padding: 30px 0px; }
	.dbbiaoyu img{ width:50%; }
	.home-section5 .flexbox .leftbox span{ line-height: 25px;
    font-size: 14px !important; }
	.nr_banner{ margin-top:0px; }
	.nr_banner .text{     width: 200%;   margin-left: 0;   left: -20%; } 
	.about{ padding-top:0; }
	.nav_nr{     margin-top: 0;     width: 100%; }
	.nav_nr li a{ font-size:14px; line-height:50px; }
	
	.you_title{ width: 90%; }
	.about .you_title {      margin-top: 30px; }
	.you_title .title_txt h2{ font-size:25px; }
	.you_title .title_txt p{ font-size:12px; letter-spacing:2px; }
	.you_title .title_txt h2::after{ margin-top: 20px;  margin-bottom:0px; }
	
	.about_a{ width:90%; }
	.about_a_1 {  width: 100%;   margin-top: 30px; }
	.about_a_1 h2{ font-size:20px; }
	.about_a_1 .idx-tags{ margin-left:0; margin: 30px 0px; margin-bottom: 0; }
	.idx-tags ul li{ width:50%; margin-bottom: 20px; }
	.idx-tags .tags_left{ margin-right:0;     font-size: 25px; }
	
	.about_a_2 {   width: 100%;  margin-top: 0; }
	.team .bbb .team_c{width: 90%;
    margin-top: 40px;
    font-size: 14px;
    line-height: 26px; }
	.about.about_story{ padding-top:30px; }
	.about.about_story .you_title{ margin-top:0; }
	
	.story{ margin-top:10px; display: block; width:90%; margin-bottom: 0px; }
	.story .story_c{ width: 100%;  writing-mode: horizontal-tb;   height: auto; text-align:center;     line-height: 24px; margin-bottom: 20px;}
	.story .story_a { line-height:24px;  height: auto;   writing-mode: horizontal-tb;  width: 100%; font-size:12px; }
	.story .story_b {  width: 100%; margin-top:15px; }
	
	.story.storyen .story_b{ position:relative }
	.story.storyen .story_a{ width:100%; }
	.story.storyen .story_c{ width:100%; }
	
	.swiper-lishi{ width:100%; }
	.swiper-lishi .swiper-slide{ text-align: center; padding: 10px; }
	.swiper-lishi .swiper-slide h2{ font-size:25px; } 
	.swiper-lishi .swiper-slide h4{ border-left:none}
	.swiper-lishi .swiper-slide h2::before{ width:13px; height:13px; } 
	.swiper-lishi .swiper-wrapper{ padding-bottom: 30px; }
	.qiyeruanj {  padding: 30px 0; }
	.qiyeruanj ul{ width:90%; display:block; }
	.qiyeruanj ul li { margin: 0 auto;   margin-bottom: 20px; border-bottom: 1px solid #005534; padding-bottom: 22px;}
	.qiyeruanj ul li h4{ margin:10px; }
	.qiyeruanj ul li h3 {  font-size: 20px; }
	.qiyeruanj ul li h4{ font-size:14px; }
	.qiyeruanj ul li p { line-height: 23px; font-size: 12px;}
	
	.pub_case { width: 90%;  display: block;     margin-top: 30px;}
	.pub_case .pub_casetxt {  width: 100%;   padding-right: 0; }
	.pub_title{ font-size:20px; text-align: center;}
	.pub_title_en{ font-size:20px; text-align: center; }
	.pub_case .idx-tags {   margin-top: 20px; margin-bottom: 20px; }
	.idx-tags .tags_left{ display: block; }
	.pub_case .idx-tags ul li{ display: block; text-align: center; margin-bottom: 0;}
	.idx-tags .col2{ display:block; }
	.about_a_1 .idx-tags .col2{ font-size:14px; line-height: 20px; }
	.pub_case .idx-tags .col2{ text-align: center; font-size: 14px; line-height: 22px; }
	.pub_case .idx-tags li:nth-child(3) .tags_left span{ line-height:normal; }
	.pub_case .pub_info{ width:100%;     line-height: 22px;  font-size: 12px;   color: #f5f5f5;}
	
	.dian{ width:90%; margin-bottom: 30px;  margin-top: 30px; text-align: center; }
	.dian li img {  width: 220px; }
	
	.dian li:nth-child(1) {   display: block;   text-align: left; margin-bottom: 20px; text-align: center;}
	.about_a_1 .idx-tags .tags_left{     margin-bottom: 0; }
	
	.dian li { margin: 0 1%;  background: #fff;  height: 10vw;   width: 10%;  border-radius: 50%;   padding: 10px;  font-size: 15px;}
	
	.abouten .dian {
	   display:none;
	}
	.pub_case.pub_caseen .pub_info{ width:100%; line-height: 20px;   margin-bottom: 20px; margin-top:20px;}
	.dian li:nth-child(0){ margin-left: 0; }
	.dian li:last-child{ margin-right:0; }
	
	.about .luans_right {  width: 100%; margin-bottom: 0;}
	.about .luans_right .swiper-luans {  width: 100%; }
	
	.lang{ right: 60px; color: #505050;  top: 19px;  font-size: 14px; }
	.lang a{ color: #505050; }
	.pub_case.pub_caseen .pub_title,.pub_case.pub_caseen .pub_title_en{ font-size:16px; }
	.pub_case.pub_caseen .idx-tags{ display:none; }
	.navdh{ width:90%; margin-top: 20px; }
	.navdh a,.navdh .right span{ font-size:14px; }
	.zhaopin {   width: 90%;   margin: 30px auto; }
	.zp_title span{ font-size:14px; line-height: 60px; }
	.zhaopin ul li a span:nth-child(5),.zp_title span:nth-child(5),.zhaopin ul li a span:nth-child(4),.zp_title span:nth-child(4){ display:none; }
	.zhaopin ul li a span{  color: #626262; line-height: 50px;  font-size: 14px; }
	
	.nr_banner h2{ font-size:20px; top: 70%; }
	.nr_banner h2::after{     margin-bottom: 20px;  margin-top: 20px;  width: 50px;  height: 2px; }
	.nr_banner h2.jm::after{ margin-bottom: 10px;  margin-top: 10px; }
	.zhaopin_nr {   width: 90%;  margin: 110px auto;   border: 1px solid #f1f1f1;  padding: 20px;  margin-top: 20px;  box-sizing: border-box;margin:20px auto; }
	.zhiul li{ width:50%; }
	.zhaopin_nr_text{ font-size:14px; }
	.section.section_yp .section-title p{ font-size:16px; }
	.section.section_yp .erm{ width:40%; }
	
	.products_shu li .pic img{     height: 40vh; }
	
	
	.products_shu li .txt{ left: 5%; font-size: 20px; top: 30%; }
	.products_shu li span{  width: 30px;  height: 30px;  line-height: 30px; background-size: 15px;}
	.products_shu li span a {   height: 100%;   width: 162px;   font-size: 14px;  padding-left: 0;   position: absolute;   color: #007548; }
	
	
	.products_shu li:nth-child(2n) .txt {  right: 5%; }
	.products_nr{ padding:20px 0px; }
	.products_nr ul{ width:90%; }
	.products_nr ul li {  width: 47.5%;  margin-right: 5%; margin-bottom: 10px;}
	.products_nr ul li:nth-child(2n){ margin-right:0; }
	
	.products_nr ul li p{     line-height: 40px;    font-size: 14px; }
	.jquery-lightbox-background{ box-sizing: border-box; }
	.jquery-lightbox-title{  width: 95.5% !important; }
	
	
	.nr_banner .texttwo { width: 190%;  margin-left: -65%;	}
	.nr_banner .tel {
	    text-align: center;
	    font-size: 18px;
	    line-height: 1;
	    left: 0;
	    color: #fff;
	    position: absolute;
	    top: 71%;
	    width: 100%;
	    z-index: 5;
	    margin-left: 0;
	}
.nr_banner .en {
    text-align: center;
    font-size: 12px;
    line-height: 1;
    left: 0;
    color: #fff;
 
    top: 70%;
    margin-top:10px;
    width: 100%;
    z-index: 5;
    margin-left: 0;
    text-transform: uppercase;
}
	.join_a{ padding: 40px 0px; }
	
	.join_a h2, .join_b h2, .join_c h2, .join_d h2, .join_e h2, .join_f h2, .join_g h2{ font-size:20px; }
	
	.join_a  .idx-tags .col2 { text-align: center;  font-size: 15px; }
	.join_a .idx-tags {   margin-top: 20px; }
	
	.join_a .idx-tags ul li:nth-child(3),.join_a .idx-tags ul li:nth-child(4){ margin-bottom:0; }
	
	.join_b{ padding: 30px 0px; background-size: 100%;     padding-bottom: 0;}
	.join_b h2 {  margin-bottom: 30px; }
	.join_b ul{ width: 90%; }
	.join_b ul li {      width: 100%;   margin-right: 0;  padding: 15px;  height: auto; }
	.join_b ul li em{ font-size:20px; margin-bottom: 10px; }
	.join_b ul li span {  color: #fff; font-size: 16px;  line-height: 28px; }
	
	.about.about_jm{ padding-top:50px; overflow:hidden; }
	.about.about_jm h2.title {  font-size: 30px;   top: 40px; 	}
	
	.about.about_jm .about_left{ width:120%; margin-left:-10%; }
	.about.about_jm #container {   height: 400px; }
	
	.dq_qy{ width:90%; }
	.dq_qy li{ font-size:14px; }
	.dqlist{ width:90%; margin-top:30px; }
	
	.dqlist ul li{ width:100%; margin-bottom: 20px;}
	
	
	.join_c,.join_f {  padding: 30px 0; background-size: 160%;}
	.join_c h2 ,.join_d h2,.join_e h2,.join_f h2 {  margin-bottom: 30px; }
	
	.join_c .img,.join_d .img{ width:90%; margin:0 auto; }
	.join_c .img img,.join_d .img img{ width:100%; }
	
	
	.join_d,.join_e {  padding: 30px 0; background-size: 160%;}
	.in_crilist ul{ width: 920px;  display: block;  overflow: hidden;}
	.in_crilist{ width: 100%;  margin: 0 auto;   overflow-x: auto; }
	.in_crilist ul li{ margin-top:0px; float: left; }
	.in_crilist ul li .in_work{     line-height: 22px;  margin-top: 10px;  font-size: 12px;   color: #6b6b6b;}
	.in_crilist ul li .in_lipic_img {  background: #007548;  color: #fff;  height:40px;  width:40px;   border-radius: 50%;   display: inline-block;  padding:16px;   font-size:16px; }
	
	
	.join_f .img{ overflow-x: auto; }
	.join_f .img img{ width:1040px; }
	.section { background:#fff;padding: 30px 0px; }
	.section .container{ margin: 0 auto;  width: 90%;  box-sizing: border-box;    padding: 0; }
	.section-title{ margin-bottom:30px; }
	.section-title p{ font-size:20px; }
	.message li{ margin-top: 20px;width: 100%; }
	.message li input{ box-sizing: border-box; width: 100%; font-size: 14px;  padding: 10px; }
	.message li textarea{ width:100%; box-sizing: border-box;  font-size: 14px;  padding: 10px;}
	
	.message li button{ font-size:16px; }
	.section .container .jm_er{ margin-top: 20px; }
	.section .container .jm_er img{ width:80%; }
	.section .container .jm_er h2{ font-size:20px; }
	.news_list {
	    margin-top: 0px;
	    width: 90%;
	}
	.news_list > a {
	    margin-bottom: 0;
	}
	.new_time{ display:none; }
	.new_tex_box {
	    width: 100%;
	    margin-right: auto;
	    padding-right: unset;
	    padding: 0; 
	}
	.new_tex_box> img {
	    width: 100%;
	    margin-left: auto;
	}
	.new_tex_box > div {
	    width: 100%;
	}
	.new_title {
	    font-size: 16px;
	    font-weight: 400;
	    margin-top: 10px;
	}
	.new_info {
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 24px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	
	.new_tex_box  .at_on:nth-child(1),.new_tex_box   .at_on:nth-child(2){ width:100%; margin-bottom: 0; }
	.news_list > a:hover .new_tex_box > img{ margin-left:0; }
	.news_list > a:hover .new_tex_box{ box-shadow: none; }
	
	.newsart {  background: #fff;   padding: 30px 0px;   margin-top: 0; }
	.newsart .title {  width: 90%;   height: auto;   font-size:20px;}
	.newsart .source{ width:90%; }
	.newsart .article{ width:90%; }
	.newsart .article img{ max-width:100%; height:auto!important; display:block;   margin:0 auto; }
	.nr_banner .en.entwo{     top: 60%; }
	
	.contact{ padding-top:30px; padding-bottom: 30px;}
	.contact .tel {   font-size: 25px;    margin-bottom: 30px; }
	.contact .map{ width:90%; }
	#map{ height:400px; }
	
	.contact .map ul {  padding: 0;  margin-top: 40px;}
	.contact .map ul li{ font-size:16px; text-align: center; }
	.contact .weixinkf {
	    color: #007548;
	    background: #fff;
	    padding: 50px 0;
	    float: right;
	    font-size: 18px;
	    width: 100%;
	    text-align: center;
	}
	.contact .weixinkf h2{ font-size:16px; }
	
	.join_a_jm img{ width:80%; }
	
	.shenm img{ width:100%; }
	
	
	.about_a_1 p{ line-height: 24px;  font-size: 12px; }
	
	
	
	.products .swiper-container-horizontal>.swiper-pagination-bullets{  bottom:100px; } 
	.swiper01.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:50px; }
	
	
	.hezuo .zhao_a{ height:400px; } 
	.zhao_a img{  width: auto; height:600px; margin-left: -320px; }
	.zhao_a .zhao_a_text{ top:25%; }
	.zhao_a .zhao_a_text h2{ font-size: 25px; }
	.zhao_a .zhao_a_text p {    width: 100%;  margin: 0 auto;  margin-top: 20px; line-height: 30px; font-size: 16px;}
	.hezuo .zhao_b .swiper-slide img, .hezuo .zhao_c .swiper-slide img{     width: 60%; height:auto; margin-left: 0; }
	.hezuo .zhao_b .mySwiper, .hezuo .zhao_c .mySwiper{ margin-top: 20px; }
	.zhao_a.zhao_b .zhao_a_text h4, .zhao_a.zhao_c .zhao_a_text h4{ margin-top: 10px; }
	.hezuo .zhao_b{ height:70vh; }
	.zhao_a.zhao_b .zhao_a_text p, .zhao_a.zhao_c .zhao_a_text p{ margin-top: 10px; }
	.hezuo .zhao_c .swiper-slide img{ width: auto; height: 250px; margin-left: 0; }
	.hezuo .zhao_c{ height:100vh; }
	.zhao_a.zhao_c img{ height:100vh; }
	.hezuo .zhao_c .tiaoj{ width: 100%;  margin: 0 auto; height: auto; margin-top: 40px; }
	
	.header  .close{  
    position: absolute;
    top: 10px;
    right: 10px;
    transform: scale(0.5); }
	
	.gsabout{ height:auto; }
	.gsabout .tex{ top:17%; }
	.gsabout .tex .tex_a{ font-size:20px; }
	.gsabout .tex .tex_b{ font-size:16px; margin: 10px 0px; }
	.gsabout .tex .tex_c{ width: 70px; margin-top: 20px; }
	.gsabout .tex .tex_d{ margin-top: 20px; font-size: 12px; line-height: 22px;}
	.shuzi li span:nth-child(1){ font-size:20px; }
	.shuzi {  width: 100%;  margin-top: 20px;  margin-left: -21px; }
	.shuzi li span{ font-size:12px; } 
	.more .icon-jiantou-l{ padding: 10px; }
	.gsaboutpic img{ margin-left: -280px;  width: 220%;  display: block; }
	
	.about2{ padding: 6vw 5vw 6vw 5vw; }
	.about2 .tab-content .intr{ width:100%; }
	.about2 .tab-content .intr h2 {  font-size: 20px; }
	.about2 .tab-content .intr b{ font-size:15px; margin-bottom: 10px; }
	.about2 .tab-content li{ font-size:16px; }
	
	.centerdq:nth-child(1) .pic, .centerdq:nth-child(3) .pic{ margin-left: 0; }
	.about2 .tab-content .pic {  width: 100%;   float: right; }
	.centerdq:nth-child(2) .intr{ margin-left:0px; }
	
	.centerdq{ margin-bottom: 50px; }
	.centerdq:nth-child(1) .pic,.centerdq:nth-child(3) .pic{ margin-top:20px; }
	.centerdq:nth-child(2) .intr{ margin-top:20px; }
	
	.about2 .about2bg{ left: 0;  top: 0; }
	.about2{ padding-bottom: 0;; }
	.aboutbg2 img{ width:60%; }
	.asss::after{ left: -10%; width: 120%; }
	
	.gd_bg_b{  width:350px; height:350px; margin-left: -175px; bottom: -175px; }
	
	.pabout-list1 {
	    justify-content: space-between;
	    display: flex;
	    margin-top: 100px;
	    justify-content: space-between;
	    display: flex;
	    margin-top: 100px;
	    width: 80%;
	    margin: 0 auto;
	    position: relative;
	    padding-top: 0;
	    margin-top: 160px;
	}
	
	.pabout-list1-item::after {
	    content: '';
	        display: block;
	        position: absolute;
	        background: #fff;
	        width: 80px;
	        height: 80px;
	        border-radius: 50%;
	        left: 19%;
	        top: -8%;
	        z-index: -1;
	}
	.pabout-list1-item:nth-child(2)::after, .pabout-list1-item:nth-child(3)::after, .pabout-list1-item:nth-child(4)::after {
	    left: 16%;
	        top: -3%;
	}
	.pabout-list1 .pabout-list1-item img {
	    width: 20px;
	    margin: 0.29rem auto 0.19rem;
	    max-width: 100%;
	    display: block;
	}
	.pabout-list1 .pabout-list1-item >samp{ margin:0;     font-size: 12px; }
	.pabout-list1 .pabout-list1-item:nth-child(3) {
	    left: 50%;
	    margin-left: -60px;
	    top:-130px;
	}
	.pabout-list1 .pabout-list1-item p{ font-size:12px; }
	.pabout-list1 .pabout-list1-item p span, .pabout-list1 .pabout-list1-item p i {
	    font-size: 12px;
	    color: #045079;
	    font-weight: bold;
	    font-style: normal;
	}
	.pabout-list1 .pabout-list1-item:nth-child(2) {
	  top: -90px;
	      left: -30px;
	}
	.pabout-list1-item:nth-child(1)::after {
	       left: 16%;
	       top: -9%;
	}
	
	.pabout-list1 .pabout-list1-item:nth-child(1){ left: -60px;   top: 20px; }
	.pabout-list1 .pabout-list1-item:nth-child(4) {
	    right: -40px;
	    top: -80px;
	}
	.pabout-list1 .pabout-list1-item:nth-child(5) {
	    right: -70px;
	    top: 20px;
	}
	
	
	.yf .swiper-container-horizontal>.swiper-pagination-bullets, .yf .swiper-pagination-custom, .yf .swiper-pagination-fraction {
	    bottom: 130px;
	}
	.yf .mySwiper{ width:90%;  padding-bottom: 70px; }
	.yf {  margin-top:40px;  }
	.yf .swiper-slide img{ width:100%; }
	
	.yf_bt {    border-radius: 5px;
	    position: relative;
	    width: 100%;
	    height: auto;
	    background: #fff;
	    margin: 0 auto;
	    margin-top:0;
	    z-index: 5;
	    padding: 14px;
	    box-sizing: border-box;
	    color: #626262;
	}
	.yf_bt .yf_li li{ font-size:15px; }
	.yf_bt .yf_li{ margin-top: 0; height:auto; }
	
	.yf_bt .swiper-button-prev{ right: 70px; transform: scale(0.8); }
	.yf_bt .swiper-button-next{ transform: scale(0.8);  }
	
	
	.yf_bt .swiper-button-next, .yf_bt .swiper-button-prev{ color: #565656; }
	
	
	.nr_banner.colormr h2 {
	    text-align: center;
	    font-size: 20px;
	    line-height: 1;
	    left: 50%;
	   position:static;
	    top: 50%;
	    margin-top:-110px;
	    width: 100%;
	    z-index: 5;
	    margin-left: 0;
	}
	.colormr .mial {
	    position:relative;
	    color: #3e3e3e;
	    width: 90%;
	    bottom: 0;
	    margin-left: 5%;
	    left: 0;
	    line-height: 27px;
		font-size: 14px;
	}
	.yf_bt .swiper-button-next, .yf_bt .swiper-button-prev{ top: 26px; }
	.yf_bt .linx {
	    position: absolute;
	    right: 59px;
	    top: 15px;
	    height: 23px;
	    width: 1px;
	    background: #fff;
	    opacity: 0.5;
	}
	
	.yf_bt  .left{ display:none; }
	
	.yf .mySwiper{   }
	@keyframes a2_8{
		
		from
		{ opacity:0; margin-top:0px;}
		
		to 
		{ opacity:1; margin-top:0px;}
		
	}
	
	
	.yf{ overflow:hidden; }
	.yf .yfbg{ width:515px; display: none;
    left:-20px;
    margin: 0;
    background-size: 100%; top: -33px; background: url(../images/bannera.png) no-repeat center; }
	
	.yf .mySwiper.mySwipertwo{ width:90%; }
	
	.nr_banner.colormr.ronyua h2{     TOP: 83%;
    POSITION: ABSOLUTE;
    LEFT: 0; }
	.nr_banner.colormr.ronyua  { padding-bottom: 40px; }
	.honor {
	    padding: 3vw 5vw 5vw 5vw;
	}
	
	.nr_banner.colormr.ronyua .text{     left: -60%; }
	
	.oth_nav{ display:flex; transform: scale(0.8); }
	.oth_nav a{ flex: 1;
    padding: 14px 17px;
    margin-right: 0px;
    font-size: 16px;
    text-align: center; }
	
	.honor ul li{width:100%; margin-top: 30px; }
	.honor ul li .pic{ height: 67.083vw; }
	.honor ul li .intr h2{ font-size: 16px;
    margin: 9px 0px;
    text-align: center;
    margin-top: 24px;}
	.honor ul li .intr {  padding: 18px; padding-top: 0; }
	
	.nr_banner.nr_banner_b .text{ width: 240%;
    margin-left: 0;
    left: -70%;
    height: auto;
}
	.nr_banner .go_scr{ display:none; }
	#maintwo{ padding-top: 40vh; }
	.nr_banner.nr_banner_b h2 {
	    top: 26%;
	}
	.products .product_type{ display:none; }
	.products_a{ width:100%; }
	.products {
	    background: #fff;
	    padding: 7vw 4vw 7vw 4vw;
	}
	
	.threenavtwo{ margin-left:15px; }
	
	.products_list li{ width: 100%;   margin: 0;  margin-bottom: 20px; }
	.products_list li .pic {
	    width: 100%;
	    height: 56vw;
	    padding: 0 0vw;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    box-sizing: border-box;
	}
	.products_list li .pic img {
	    border-radius: 0;
	    width: auto;
	    max-width: 100%;
	    max-height: 100%;
	    box-shadow: none;
	}
	.products_nav h2 img{ width:18px; }
	.products_a .products_nav h2{     font-size: 16px; }
	
	#maintwo.maintwo{ padding-top: 54px; }
	.products_pic{ width:100%; padding: 15px; }
	.products_c {
	    float: right;
	    width: 100%;
	    text-align: center;
	    margin-top: 20px;
	}
	.products_b .products_title {
	    font-size: 20px;
	    font-weight: bold;
	    color: #000;
	}
	.products_class {
	    font-size: 14px;
	    margin: 15px 0px;
	}
	.pro_contact .more {
	    background: #fff;
	    width: 130px;
	    border-radius: 25px;
	    text-align: center;
	    bottom: 0px;
	    padding: 0px;
	    transition: all 0.2s ease-in-out 0s;
	    cursor: pointer;
	    overflow: hidden;
	    margin: 0 auto;
	    border: 1px solid #035C88;
	    line-height: 30px;
	    color: #035C88;
	    display: block;
	    margin-top: 0px;
	}
	.pro_contact a {
		font-size:12px;
	    line-height: 30px;
	}
	.products_c_title {
	    font-weight: bold;
	    font-weight: bold;
	    background: #f1f1f1;
	    padding: 15px;
	    font-size: 14px;
	}
	.products_c_nr{font-size:12px; }
	.products_c_nr table td, .products_c_nr table th{ padding:10px; }
	.products_c_nr table td ul li {
	    list-style-type: initial;
	    line-height: 20px;
	    font-size: 12px;
	    margin-top: 13px;
	}
	.products_c_nr table td ul {
	    margin-left: 18px;
	}
	.products_c .morea{ font-size: 14px;   margin-bottom: 16px; }
	.newsart .article{ font-size:14px; }
	
	.shop_gn{ padding: 6vw 4vw 6vw 4vw; }
	.contact h4 {  font-size: 20px;  margin-bottom: 30px; }
	.contact .map{ width:100%; }
	
	.contact .btm-row > span{ width:100%; }
	.contact_a {
	    margin-top: 10px;
	}
	.contact .btm-row h3 {
	    font-size: 20px;
	    margin-bottom: 20px;
	    color: #000;
	}
	
	
	.nr_banner.nr_bannertwo.nr_banner_gl {   }
	.nr_banner.nr_bannertwo.nr_banner_gl  img{ position: absolute; }
	.nr_banner.nr_bannertwo.nr_banner_gl h2{ text-align: center;
    font-size: 20px;
    line-height: 1;
    left: 50%;
    position: static;
    top: 50%;
    padding-top: 260px;
    width: 100%;
    z-index: 5;
    margin-left: 0; }
	
	
	.nr_banner.nr_bannertwo.nr_banner_gl.colormr .mial{ visibility: visible;
    animation-name: fadeInUp;
    position: inherit;
    margin: 0;
    width: 80%;
    padding: 0;
    top: auto;
    left: 10%; }
	
	
	.page a {
	    display: inline-block;
	    font-family: 'Lato', sans-serif;
	    line-height: 30px;
	    margin-right: 10px;
	    margin-bottom: 10px;
	    font-weight: normal;
	    background-color: #fff;
	    text-transform: uppercase;
	    padding: 0 10px;
	    font-size: 16px;
	    border: 1px solid #eaeaea;
	    color: #717171;
	}
	
	
	.page b {
	    display: inline-block;
	    font-family: 'Lato', sans-serif;
	    line-height: 30px;
	    margin-right: 10px;
	    margin-bottom: 10px;
	    font-weight: normal;
	    background-color: #fff;
	    text-transform: uppercase;
	    padding: 0 10px;
	    border: 1px solid #eaeaea;
	    font-size: 16px;
	}
	
	.gsabout .tex .tex_b.tex_b_en{ font-size:20px; } 
	.gsabout .tex .tex_d.tex_d_en {
	    line-height: 19px;
	    font-size: 14px;
	    width: 100%;
	        text-transform: capitalize;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-line-clamp: 2;
	        -webkit-box-orient: vertical;
	}
	
	.gsaboutpic{ background:#000; }
	.gsaboutpic img{ opacity:0.5; }
	.shuzi.shuzi_en li span:nth-child(1) {
	    font-size: 20px;
	}
	.swiper01 .swiper-slide .txt_b.txt_b_en {
	    font-size: 18px;
	}
	
	.swiper044_en .f-36{ font-size: 20px; }
	
	
	.messagethree{ display:block; margin-top: 0; } 
	.messagethree input[type=text]{ width: 100%;
    margin-right: 0px;
    box-sizing: border-box;
    flex: none;
    padding: 20px 10px;
    font-size: 12px; margin-top: 20px;}
	.message textarea{  margin-top: 20px; }
	
	.contact_a small{     font-size: 14px;
    padding-left: 0;
    display: inline-block;
    width: 79%;
    vertical-align: middle; }
	.contact .btm-row > span:nth-child(3), .contact .btm-row > span:nth-child(6),.contact .btm-row > span:nth-child(2), .contact .btm-row > span:nth-child(5){ width:100%; }
	
	.contact .lyly{ padding-top:25px;  margin-top:25px; }
	
}






@keyframes zhuan
{
	0%{ transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
@keyframes zhuan2
{
	0%{ transform:rotate(0deg)}
	100%{transform:rotate(-360deg)}
}
@-webkit-keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}

@keyframes tail {
  0% {
    width: 0;
  }
  30% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}


@-webkit-keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 30px;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
}
@keyframes shooting {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(800px);
            transform: translateX(800px);
  }
}

@-webkit-keyframes waves{
	0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}
	0%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.5);transform:translateX(-25%) translateZ(0) scaleY(.5)}
	0%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}
}

@keyframes waves{
	0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}
	0%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.5);transform:translateX(-25%) translateZ(0) scaleY(.5)}
	0%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}
}



@keyframes roll_left {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes roll_right {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes ripple1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
  }
}

@keyframes e1 {
  to {
    transform: rotate(360deg);
  }
}

 @font-face {
   font-family: 'en_b';
   src: url("../fonts/EUCLIDCIRCULARA-BOLD_0.TTF");
 }
 
@keyframes a2_6{from { transform: scale(1.2);}  to { transform: scale(1.1);}}

@keyframes line1Beforeaa
	{
		from {margin-top:5px;}
		to {margin-top:15px;}
	}
@keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}

@keyframes y {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(360deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}