@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; }
a {
    color: #000;
	text-decoration: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
}

a:hover {
    color: #ef361f;
}

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

    top: 0;
    height:110px;
    width: 100%;
    z-index: 10000;
	background:#fff;
	min-width: 1200px;
}

.header .logo {
    float: left;
    width:230px; 
	margin-left:5%;
	overflow: hidden;
 	margin-top:18px;
	background: 0px 10px;
    background-size: 177px;
	
	

}

.header .logo img{ height:50px; margin-top:10px;}

.header .logo a{display:block; width:100%; height:100%;}

.nav {
    float: right;
	margin-top:0;

}


.nav li{ float:left; position:relative;}

.nav a {
        position: relative;
        display: inline-block;
        height: 110px;
        line-height: 110px;
        margin: 0;
        font-size: 16px;
        padding: 0 30px;
        color: #434343;
        text-transform: capitalize;
        font-weight: bold;
        text-align: center; position:relative; text-transform: uppercase;
}

.nav a.active {
    color: #ef361f;
}

.header .nav a:hover{
    color: #ef361f;
}


.header .nav li .nav_two {
    position: absolute;
        width: 100%;
        display: none;
        padding: 20px 0px;
        background-color: rgb(255 255 255);
        backdrop-filter: blur(6px);
        margin-top:0px; z-index: 100;
 }
 .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;
         display: block;
         font-style: inherit;
         font-size: 14px;
 }
 
.erj.active::before{  border-bottom: 1px solid #ef361f;
    border-right: 1px solid #ef361f; }
 
 .erj::before {
         content: ' ';
             height: 7px;
             width: 7px;
             display: inline-block;
             transform: rotate(45deg);
             border-bottom: 1px solid #000;
             border-right: 1px solid #000;
             margin-left: 7px;
             vertical-align: super;
             position: absolute;
             right: 17px;
             top: 46%;
 }
 
 .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;}
 
 .nav .nav_two a.active::after, .nav .nav_two a:hover::after{ display:none; }
 
.nav a.active::after,.nav a:hover::after{ content:''; display:block; position:absolute; bottom:0; width: calc(100% - 60px); height:3px; background:#ef361f; }

.nav .lang { position:relative; }
.nav .lang a{ width: 100%; text-align: center; margin: 0px;  text-indent: 23px; } 
.nav .lang a.en{ background:url(../images/en.jpg) no-repeat left center; background-size: 19px; }
.nav .lang a.cn{ background:url(../images/cn.jpg) no-repeat left center; background-size: 19px; }
.nav .lang span{ position:absolute;left:0px; top:30px; padding: 10px; display:none;  padding-bottom: 0; padding-top:0px; margin-left: -10px; transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s; }

.header.no .nav .lang span {    background: rgba(0, 0, 0, 0.34); top: 36px; }
.header.notwo .nav .lang span {    background:#fff; top: 36px;     -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); }

.nav .lang:hover span{ display:block;}

.header.notwo .nav a.active{  color: #ea563b; }


.header.notwo .nav a:hover{
    color: #ea563b;
}


.nav a.active


.hide-mb {
    display: block;
}


.header, .header .nav, .header .logo img {
    transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
}
.header.no {
	background: rgba(0, 0, 0, 0.34);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
	height: 70px;
}

.header.no .logo{ margin-top:0px; background: 0px 10px;
    background-size: 177px; }
.header.no .logo img{}

.header.no .nav {
  margin-top:14px;
}


.header.notwo {
	background: #fff;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
	-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);
	height: 70px;
}



.header.notwo .logo{background: url(../images/logothree.png) no-repeat 0px 10px; background-size: 179px;}
.header.notwo .logo img{ opacity:0;}
.header.notwo .nav { margin-top:14px;}
.header.notwo .logo{ margin-top:0px; }
.header.notwo .nav a{ color: #333}

 
.header .search {
       margin-right: 5%;
       top: 0;
       line-height: 110px;
       float: right; height: 110px;
}
.header .search > em{display: inline-block;vertical-align: middle;}
.header .search > em.sou{cursor: pointer; display:none; }
.header .search > em.yx{margin-left: 50px;}
.header .search .enter{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;line-height: 110px;}
.header .search .enter form{height: 100px;background: #ebebeb;overflow: hidden;text-align: right;}
.header .search .enter .txt{font-size: 16px;font-weight: normal;color: 4f4f4f;background: none;border: none;border-left: 1px solid #494949;height: 24px;line-height: 24px;font-family: arial;font-style: italic;padding-left: 10px;display: inline-block;vertical-align: middle;color: #999;padding-right: 20px;width: 420px;}
.header .search .enter .sub{display: inline-block;background: url(../images/head-search.png) no-repeat;width: 18px;height: 19px;border: none;vertical-align: middle;cursor:pointer;}
.header .search .enter .close{margin-right: 80px;margin-left: 54px;display: inline-block;vertical-align: middle;cursor:pointer;}

.showprotwo .location{     margin-bottom: 20px;  }
.location a,.location{ color: #8a8a8a; }

.banner {
 
	width: 100%;
	background-color: #ccc; overflow:hidden;
position: relative;
}




.banner img{ display:block; position: relative;
    left: 50%;
    margin-left: -960px; }


@media screen and (min-width: 1900px){	
	
	.banner img{width: 100%;
    left: 0;
    margin-left: 0;}
	
}

.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;
}

/*banner text*/
.swiper01 .swiper-slide .pic01 {
	position: absolute;
	top: 50%;
	left: -webkit-calc(50% - 730px);
}


.swiper-pagination-bullet{ padding:8px; margin:0px 5px; }



.swiper01 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 40%;
    right: 130px;
    width: 30px; left: auto;}



.swiper01 .swiper-button-next,.swiper01  .swiper-button-prev{ margin:0px; width:75px; height:18px; top:87%; padding: 4px; background:none;}
.swiper01 .swiper-button-next,.swiper01  .swiper-container-rtl .swiper-button-prev{ left: auto; right:5%; margin-left:0px;}
.swiper01 .swiper-button-next.swiper-button-disabled,.swiper01  .swiper-button-prev.swiper-button-disabled{  right:5%;  left: auto; opacity:.6; }
.swiper01 .swiper-button-prev,.swiper01  .swiper-container-rtl .swiper-button-next{ left: auto; right:15%;}

.swiper01 .swiper-button-prev,.swiper01 .swiper-button-prev.swiper-button-disabled {
    right:12%;
    left: auto;
}

.swiper-button-prev:hover,.swiper-button-next:hover{ }

.swiper01  .swiper-button-next::before{content:""; width:12px; height:2px; background:#ffffff; display:block; transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 鍜� Chrome */
-o-transform:rotate(45deg);  margin-top: -11px;
    margin-left: 63px;
    position: absolute; }

.swiper01  .swiper-button-next::after{content:""; width:12px; height:2px; background:#ffffff; display:block; transform:rotate(135deg);
-ms-transform:rotate(135deg); 	/* IE 9 */
-moz-transform:rotate(135deg); 	/* Firefox */
-webkit-transform:rotate(135deg); /* Safari 鍜� Chrome */
-o-transform:rotate(135deg);      margin-top: 5px;
    margin-left: 62px;
    position: absolute; }

.swiper01  .swiper-button-prev::before{content:""; width:12px; height:2px; background:#ffffff; display:block; transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 鍜� Chrome */
-o-transform:rotate(-45deg);      top: 8px;
    left: 6px;
    position: absolute;}

.swiper01  .swiper-button-prev::after{content:""; width:12px; height:2px; background:#ffffff; display:block; transform:rotate(-135deg);
-ms-transform:rotate(-135deg); 	/* IE 9 */
-moz-transform:rotate(-135deg); 	/* Firefox */
-webkit-transform:rotate(-135deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(-135deg);   top: 15px;
    left: 7px;
    position: absolute; }


.swiper01num{ position: absolute;
    z-index: 5;  bottom:0;   right: 20%; color:#ffffff !important; }


.banner .swiper-button-prev span{ display: block;
    height: 2px;
    width: 20px;
    background: #ffffff;
    position: absolute;
    top: 11px;
    left: 8px; }
.banner .swiper-button-next i,.banner .swiper-button-prev i{ position: absolute;
    color: #ffffff;
    top:4px;
    text-transform: uppercase;
    font-style: inherit; font-weight:100; font: 14px "Arial"; }

.banner .swiper-button-next span{display: block;
    height: 2px;
    width: 20px;
    background: #ffffff;
    position: absolute;
      top: 11px;  right:6px; }
 

.banner .swiper-button-prev i{ left:40px; }
.banner .swiper-button-next i{ left:12px; }


.swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{    bottom: 40%;
    width: auto;
    left: auto;
    right: 20%;
    top:85%; color: #000;
		font-weight: bold;
	}



.swiper01 .swiper-pagination-bullet{ background:none; position: relative;
    display: block;
    margin: .28rem 0;
    width: 20px;
    height: 20px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    background: none;
    font-weight: bold;
    font-family: "Arial";
    opacity: 1;
    writing-mode: tb-rl; }

.swiper01 .swiper-pagination-bullet::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
	transition: all .3s;}

.swiper01 .swiper-pagination-bullet-active{ background:none; }


.swiper01 .swiper-pagination-bullet i{position: relative;
    display: block;
    font-style: normal; 
	color:#fff;
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all .3s .1s;
    transition: all .3s .1s;}


.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active::before{-webkit-transform: scale(0); transform: scale(0);}
.swiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active i{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}

.swiper-pagination-current{ font: 42px "Arial"; font-weight: bold; }


.nr_banner{  position: relative;  width: 100%; height: auto; margin-bottom:80px;}
.nr_banner img{ width:100%; display: block} 
.nr_banner h2{ font-size: 55px;
    line-height: 1;
    left: 50%;
    color: #000;
    position: absolute;
    top:20%;
    margin-top: -30px;
    width: 1200px;
    z-index: 5;
    margin-left: -600px;
    font-weight: 500; }

.nr_banner.ab_banner  h2{  top:35%; color: #fff;}

.nr_banner.nr_bannergc h2{ font-size:36px; width: 80%;
    left: 10%;
    margin-left: 0;
    top: 50%; }

.nr_banner span{ font-size: 14px;
    line-height: 150%;
    left: 50%;
    color: #000;
    position: absolute;
    top:30%;
    margin-top: -30px;
    width: 500px;
    z-index: 5;
    margin-left: -600px;
    font-weight: 500; }
 
.nr_banner.video{ height:500px; margin-bottom:50px;overflow: hidden }
.nr_banner.video video{ width:100%; height:auto; margin-top:-100px; }


.go_scr {
     position: absolute;
     left: 0;
     right: 0;
     top:70%;
     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.ab_banner{ margin-bottom:0px;}

.postion {  color:#474747; width:100%; margin:0 auto;    text-indent: 23px; bottom:30px; font-size:14px; background: url(../images/postionnr.png) no-repeat left center;  font-weight: 100;  margin-top:15px; margin-bottom:50px; }
.postion a{  color: #474747;}



.service{ width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    top:450px;
    z-index: 10; }


.service h2{ width: 100%;
    text-align: center;
    font-size:40px;
    color: #fff;
    font-weight: 500;}
.service h2 i{ text-transform:Uppercase; color:#02328d; }
.textmiao{ width: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 20px;
    letter-spacing: 1px; }
 
.service .swiper03 { width:90%; margin: 0 auto; padding-bottom:90px; }
.service .swiper03 img { width:100%; height:auto;  }


.service .swiper03 h3{ font-size:18px; color:#0F0F0F; line-height:35px; font-weight: 400; }
.service .swiper03 p{ color: #9a9a9a; font-size: 14px;}

.swiper03 .swiper-button-prev, .swiper03 .swiper-button-next{     background: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #d4d4d4;
    bottom: 0px;
    top: initial; left: 0px; }

.swiper03 .swiper-button-prev::before,.swiper03 .swiper-button-prev::after,.swiper03 .swiper-button-next::before,.swiper03 .swiper-button-next::after{  background: #d4d4d4; width:20px; }


.swiper03 .swiper-button-prev::before{margin-top: 10px;  margin-left: 5px; }
.swiper03 .swiper-button-prev::after{ margin-top: 12px;  margin-left: 5px;}
.swiper03 .swiper-button-next::before{margin-top: 10px;  margin-left: 8px; }
.swiper03 .swiper-button-next::after{ margin-top: 12px;  margin-left: 8px;}



.swiper03 .swiper-button-prev:hover, .swiper03 .swiper-button-next:hover{ background:#00a0ea;  border: 1px solid #00a0ea; }


.swiper03 .swiper-button-prev:hover::before,.swiper03 .swiper-button-prev:hover::after,.swiper03 .swiper-button-next:hover::before,.swiper03 .swiper-button-next:hover::after{background:#ea563b;}


.swiper03 .swiper-button-next{ left:100%; margin-left:-45px; }









.shuzi{ margin: 0 auto;
    width: 59%;
    overflow: hidden;
    display: flex;
    background: #ffffffb8;
    margin-top:400px;     padding: 40px 0px;}
	
 
	.shuzi  li{ width:25%; text-align: center; position:relative; }

	.shuzi  li:last-child{ width:23%;}
	.shuzi li span {display: block; font-size:16px; color: #888; }
	.shuzi li span:nth-child(1) { font-size:35px; font-family: 'HELVETICANEUELTPRO-THEX'; color: #6b6b6b; font-weight: 100;}
	
	.shuzi  li i,.shuzi  li em{ font-style: normal;
    font-weight: 500; color:#e76711;
    font-family: "Arial";}
	.shuzi  li em{ font-size: 40px; display: inline-block;  vertical-align: text-top; }
	
	
	
	

.more{  cursor: pointer; text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 130%;
    padding: 0.9375rem 1.5625rem 0.95rem;
	border: 1px solid transparent;
    border-color: #202020;
    border-radius: 30px; color: #fff;
    background-color: #202020; display:block; }
 
.more:hover{ background-color: #fff; color:#000; }  

.products .textmiao{ font-size: 1.3rem;
    line-height: 143%;
    font-weight: bold;
    color: #808080;
    letter-spacing: 0; width: 60%;  margin: 0 auto; margin-top:50px; margin-bottom:50px; }
.products .textmiao.textmiaotwo{ font-size:16px; font-weight: 500; }



.textandpic.mtop{ margin-top:90px; }

.textandpic ul{ width:1200px; margin:0 auto; overflow:hidden; display:flex; text-align:center; margin-top:50px; margin-bottom:100px ; flex-wrap: wrap;}  
.textandpic ul li { flex:1;
    text-align: center;  
}

.textandpic.textandpicthree ul li{ display: flex;
    align-items: center; flex: 1 0 15%;
    margin-bottom: 30px;}


.textandpic ul img {
    display: block;     width: 100px; margin: 0 auto;
}
.textandpic ul span {
    display: block;
        line-height: 22px;
        margin-top: 5px;
        color: #797979;
}

.textandpic h2 {
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 40px;
    color: #000;
    font-weight: 500;
}

.margintop{ margin-top: 50px; }
.textandpic.textandpictwo ul{ margin-top: 50px;  margin-bottom: 50px; }



.home-section5 {
  padding: 0 0 100px;
}
@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;
  }
}
.home-section5 .flexbox {
  text-align: 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 {
  width: 100%;
      text-align: center;
      text-transform: capitalize;
      font-size: 40px;
      color: #000;
      font-weight: 500;
}
@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:16px;
    /* 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: 18px;
  color: #666;
}
@media (max-width: 575px) {
  .home-section5 .flexbox .leftbox .des {
    font-size: 14px;
    /* text-align: center; */
  }
}
.home-section5 .flexbox .rightbox {
   
}
.home-section5 .flexbox .rightbox .bussiness-map {
  position: relative;
  width: 100%;
  max-width: 994px;
  margin: 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: #ef361f;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-section5 .flexbox .rightbox .bussiness-map .appoint .i {
  flex: 0 0 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgb(255 172 0 / 40%);
      border: 1px solid #ffcd1a;
  animation: scalemap 2s linear infinite;
  -moz-animation: scalemap 2s linear infinite;
  -webkit-animation: scalemap 2s linear infinite;
}
.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.a1 i{ animation-delay:0.1s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a2 i{ animation-delay:0.2s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a3 i{ animation-delay:0s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a4 i{ animation-delay:0.3s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a5 i{ animation-delay:0.1s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a6 i{ animation-delay:0.1s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a7 i{ animation-delay:0.4s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a8 i{ animation-delay:0.3s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a9 i{ animation-delay:0.2s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a10 i{ animation-delay:0.1s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a11 i{ animation-delay:0.2s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a12 i{ animation-delay:0.3s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a13 i{ animation-delay:0.4s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a14 i{ animation-delay:0.2s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a15 i{ animation-delay:0.1s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a16 i{ animation-delay:0s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a17 i{ animation-delay:0.1s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a18 i{ animation-delay:0.2s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a19 i{ animation-delay:0.4s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a20 i{ animation-delay:0.2s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a21 i{ animation-delay:0.1s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a22 i{ animation-delay:0.2s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a23 i{ animation-delay:0.2s; }
.home-section5 .flexbox .rightbox .bussiness-map .appoint.a24 i{ animation-delay:0.1s; }


@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 .leftbox ul{ overflow:hidden; text-align: left; width:850px; margin:0 auto; margin-top:30px; margin-bottom:30px; }
.home-section5 .leftbox ul li{ float:left; width:20%; line-height:40px; }
.home-section5 .leftbox ul li .countryicon{ margin:0;     font-size: 16px;}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none!important;
}





.about{ padding:100px 0px; } 
.about_a{ width:1400px; margin:0 auto;  }
.about_a_1{ width:50%; float:left; margin-top:150px; }
.about_a_1 h2{font-size: 32px; font-weight: 400; margin-bottom: 20px;}

.about_a_1 p{color: #999999; line-height: 33px;}
.about_a_2{ width:40%; float: right; margin-top: 150px; }
.about_a_2 img{ width:100%; height:auto; }

.about_a_1 .idx-tags{ width: 100%; margin-left: -34px; margin-top:50px;}
.about_a_1 .idx-tags .col2 { color: #b3b3b3; text-align: center; font-size:16px; line-height: 25px;}
.about_a_1 .idx-tags .tags_left{     font-size: 30px; display: block; margin-bottom:10px;}

.about.about_group{  border-top: 1px solid #f1f1f1; }

.about .swiper04 { overflow:hidden; width: 100%;
    position: relative;
    padding-bottom:60px; margin-top: 50px; }

.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{margin-left: 40px; border-left: 1px solid #c5c5c5;  padding:0px 14px; padding-left: 40px;}
.you_title .title_txt img{ max-width:100%; height:auto!important; }
.you_title .title_txt h2{ color: #000;  font-size: 35px;  margin-bottom: 10px;  font-weight: 500; }
.you_title .title_txt h2::after{ content: ''; display: block; height: 5px;  width: 60px; border-radius: 3px;  background: #ffcd1a; margin: 0 auto; margin-top: 30px;  margin-bottom: 30px; }
.you_title .title_txt p{ color: #b3b3b3; font-size: 16px; }


.you_title .title_txt{ text-align: center; border:none; padding:0; margin:0 auto; }

.production{ width: 1200px; overflow: hidden; min-height: 500px;  margin: 0 auto; margin-bottom: 100px;}
.production li{ float: left; border-radius: 5px;
    width: 32%;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
    margin-right: 1%;     margin-bottom: 1%;  }
.production li img{ display: block; width: 100%; }
/*.production li:nth-child(4n){ margin-right:0px; }*/

.zhenshu{ width: 70%;
    margin: 0 auto;
    min-height: 500px;
    margin-top: 50px;
    margin-top: 50px;
    overflow: hidden;
    line-height: 200%; }

.zhenshu ul{}
.zhenshu ul li{    margin-bottom: 50px; border-bottom: 1px solid #f1f1f1;  padding-bottom: 50px; }
.zhenshu ul li .pic{ width: 640px;
    float: left;
    margin-right: 5%;
    height: 400px;
    overflow: hidden;
    text-align: center; background: #f1f1f1;
    padding: 15px 0px;}
.zhenshu ul li:nth-child(2n) .pica{ float: right; margin-right: 0;  margin-left: 5%;}


.zhenshu ul li .pic img{ max-width: 640px;  max-height: 400px;}
.zhenshu ul li .text{}
.zhenshu ul li .text h2{ font-size: 18px;
    color: #000;
    margin-bottom: 20px;}
.zhenshu ul li .text .text_txt{ color: #686868;
    font-size: 14px;}


.video_a_1 span::before{ content:''; position: absolute; width:60px; bottom:0px; background:#fff; height:2px; }
.video_a_1 span::after{ content:''; position: absolute; width:60px; bottom:0px; left:60px; background:#fff; height:2px;}

.video_a_1 p{  color: #fff; margin: 50px 0px 50px; font-size: 16px; line-height: 30px;  max-height: 59px;  overflow: hidden; }



 .idx-tags { width:90%; margin:0 auto; margin-top:100px; margin-bottom:50px; }
 .idx-tags ul{ overflow:hidden; }
 .idx-tags ul li{ float:left;width:25%; font-size: 22px;     text-align: center; }
 .idx-tags .tags_left{ margin-right: 10px; font-size:50px;  display: inline-block; color: #ef361f;}
 .idx-tags  .col2{ display: inline-block; text-align: left; }
 .idx-tags .tags_left img{width: 67px; height: auto; display: inline-block; vertical-align: middle;}
 
 
 
 
 
  .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%);
  }
  
  
.colormr h2{ color:#ef361f;   }
.colormr h2::after{ background: #ef361f; }


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

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


.proshuo{ background: #f1f1f1; }
.proshuo_cen{     padding: 40px 0px; width: 80%;  margin: 0 auto; }

.proshuo_cen table,.proshuo_cen td{ border: none; }
.proshuo_cen img{ height:auto !important; width:650px !important; }
.proshuo_cen tr td:nth-child(2){ border: none;
    padding-left: 30px;
    line-height: 180%; }

.service.servicetwo{position:relative; top: 0;}
.service.servicetwo ul{ margin-top:0; }

.yf{margin-top: 110px;  position: relative;  background-position: 50% 76%;}

.yf .bg{ width:100%;     position: absolute;  z-index: -1; top: 0; overflow:hidden; opacity:0.5; }
.yf .bg img{ display:block; width:100%; }

.yf h2{ text-align: center;
    font-size: 40px;
    color: #000000;}
.yf .mialtwo{ width: 500px;
    margin: 0 auto; text-align: center;
    margin-top: 20px;
    margin-bottom: 50px; display:block; }


 .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-color: rgba(0, 0, 0, 0.28);
    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; width:100%; }
.yf .mySwipertwo .mial{ line-height: 23px; font-size: 14px; }
 
 .yf .swiper-pagination  { bottom: 154px;}
 
.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; }


.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
	
	}
	
	.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);
	 }
	

.navpro{ background: #aa1300; }
.navpro ul{ text-align: center;
    width: 100%; }
.navpro ul li{ display: inline-block;  margin: 0 20px;  padding: 15px 0px;}	
.navpro ul li a{ color:#fff; display:block; }
.navpro ul li a:hover,.navpro ul li a.hover{ color:#ffcd1a; }



.products{ width:100%; padding:100px 0px; background:#f4f4f4; }

.products.productstwo{ background:none; padding-top:0; padding-bottom: 60px; }

.products.productstwo h2{ display: block;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 36px;
    color: #000;
    font-weight: 500;
    padding-top: 40px;}

.products h2{    width: 100%; text-align: center; text-transform:capitalize; font-size:40px; color:#000; font-weight: 500;  }

.products .more{ width: 200px;  text-align: center; margin:0 auto; }
.products .more:hover{ background:none; }
.products_nav{ overflow:hidden; width:990px; margin:0 auto; }
.products_nav .more{ position:relative; left:0; margin-left:0px; border: 2px solid #ea563b; }
.products_nav li{ border-radius: 25px;float:left; position: relative; width:auto; border: 2px solid #fff; text-align: center; padding-top: 2px; padding-left: 2px;  bottom: 0px; 
	
	transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;}
.products_nav li a{display: block; padding: 9px 18px;  border-radius: 25px; transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s; }



.products_nav li:hover{ background: #fff;
    border: 2px solid #ea563b;
    text-align: center;
    padding-top: 2px;
    padding-left: 2px;
    bottom: 0px; }

.products_nav li:hover::before {
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    background: #fff;
    top: -2px;
    left: 24px;
}

.products_nav li:hover a{background: #00a0ea; color: #ea563b;}



.products_list{ overflow: hidden; height:1300px;  width:80%; margin: 0 auto; margin-top:60px; position:relative; padding-bottom:100px;  }


.products_list .products_left{ float:left; position:relative; height:100%; width:33%; }
.products_list .products_left img{position:absolute; right:0; height:100%; }
.products_list .products_left span{    position: absolute; right: 50px; color: #fff; font-size: 40px; text-align:right; font-weight:100; top: 40%;}
.products_list .products_left  strong{ display:block;}

.products_list ul{ flex-wrap: wrap;
    flex-direction: column; position:relative; width:100%; display: flex;
    transition-property: transform;
    box-sizing: content-box;}
.products_list  ul li{  
     font-size: 18px;
         background: #fff;
         height: calc((100% - 70px) / 2);
         /* display: -webkit-box; */
         display: -ms-flexbox;
         /* -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; */
         overflow: hidden;
			
	
	}
	
.products_list ul li a{   }
.products_list  ul li:nth-child(3n){ margin-right:0px; }

 

.products_list  ul 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; }

.products_list ul li img.country{ display: inline-block;  width: 20px; vertical-align: bottom; }

.products_list  ul li:hover{    }

.products_list  ul li .pic{ overflow:hidden;  width:100%; }
.products_list  ul li:hover .pic img{ transform: scale(1.05); }

.products_list  ul li:hover span{ color:#ea563b; }

.countryicon{ display:block; font-size:12px;     margin: 15px; color: #596e87 !important; } 
.countryicon svg{ height: 16px;  width: 20px; margin-right:10px; vertical-align: middle;  } 

.products_list li a:hover h3{ color:#ef361f; }
.products_list li h3{ padding: 15px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #071321;
    padding-top: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;}

.products_list.project.projecttwo ul{ height:auto; width:auto; flex-wrap: inherit;
    flex-direction: unset; }
.products_list.project.projecttwo{ height:auto; position:relative;     padding-bottom: 60px;}
.products_list.project.projecttwo ul li{width: 31.1%;   margin-bottom: 30px;    margin-right: 3%; border: 1px solid #f1f1f1; }
.products_list.project.projecttwo ul li:nth-child(3n){ margin-right:0; }
.products_list.project.projecttwo .miaoshu{  }
.products_list.project.projecttwo li{ padding-bottom: 20px;}

.quantity{ display:block; font-size:12px;     margin: 15px; color: #596e87 !important; margin-top:0px; }

.products_list .miaoshu { display:block; font-size:12px;     margin: 15px; color: #596e87; margin-top:0px; margin-bottom: 5px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}


.more_a{ display: inline-block;  color:#000000; position:relative;    padding: 10px 0px; margin-left: 15px; opacity:0.5; } 

.more_a i{ position: relative;
    vertical-align: middle;
    margin-left:10px;      display: inline-block;
    transform: rotate(-45deg) scale(0.8); -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; }
.more_a i::before {
    content: "";
    width: 8px;
    height: 2px;
    background: #000000 ;
    display: block;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-left: 6px;
}
.more_a i::after {
    content: "";
    width:8px;
    height: 2px;
    background: #000000 ;
    display: block;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    margin-top: 3px;
        margin-left: 6px;
}

.more_a em{ display: block;
    height: 2px;
    width:11px;
    background: #000000 ;
    position: absolute;
    top: 50%;
    margin-top: -1px; }


/*1920*/
@media screen and (min-width:1600px) and (max-width: 1920px){

.products_list{ height:1210px; }
.container{width:80%;}
.sub-nav{width: 90%;margin-left: -45%;left:50%;}
.navbar-nav ul li{padding: 0 30px;}	
.navbar-nav ul li .dropdown{font-size:16px;}
.fixednav{height: 60px!important;}

	.slide-text > h1{
	color: #fff;
    font-size: 40px;
	line-height: 40px;
	font-weight: 800;
    letter-spacing: 4px;
		margin-bottom: 30px;
	}
	.slide-text > h2 {
    font-size: 20px;
	line-height: 30px;
    font-style: normal;
	color: #ed1b22;
    font-weight: 600;
		
	}
	.slide-text > p {
    color: #fff;
    font-size: 22px;
    line-height: 40px;
    font-weight: 500;
    letter-spacing:4px;
		
	}
	
}

/*1366*/
@media screen and (min-width:1440x) and (max-width: 1599px){
	
.products_list{ height:1110px; }

.container{width:94%;}
.sub-nav{width: 94%;margin-left: -47%;left:50%;}
.navbar-nav ul li{padding: 0 25px;}	
.navbar-nav ul li .dropdown{font-size:16px;}
.fixednav{height: 60px!important;}

}

/*1280*/
@media screen and (min-width: 1280px) and (max-width: 1440px){
	.products_list{ height:1010px; }
.container{width:96%;}
.sub-nav{width: 96%;margin-left: -48%;left:50%;}
.navbar-nav ul li{padding: 0 20px;}	
.navbar-nav ul li .dropdown{font-size:14px;}
.fixednav{height: 60px!important;}

}
/*992*/
@media screen and (min-width: 993px) and (max-width: 1279px){
.container{width:96%}
.sub-nav{width: 96%;margin-left: -48%;left:50%;}
.navbar-nav ul li{padding: 0 15px;}	
.navbar-nav ul li .dropdown{font-size:14px;}
.fixednav{height: 60px!important;}
}


.whatsapp {
    z-index: 2000000000;
    position: fixed;
    right:20px;
    bottom: 12px; text-align: center;
}

.whatsapp span{ display:block; }

.whatsapp svg {
    cursor: pointer;
    width: 60px;
    height: 60px;
}

.whatsapp:hover ul{ display:block; }

.whatsapp ul{ display:none; }

.whatsapp li{ display:block; margin-bottom: 10px; }

.whatsapp a { display:block; }

.whatsapp img{ width: 55px;
    height: 55px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    border: 3px solid #ffffff; }

.mykf {position:fixed;z-index: 100;top: 45%;right:10px;}
.mykf ul {}
.mykf ul li{margin-bottom: 10px;}
.mykf ul li a{ display: block;  width: 30px;  height: 30px; background:#92be40;  border-radius: 50%;  overflow: hidden;  padding:10px; }
.mykf ul li:nth-child(1) a{ background: #f90; }
.mykf ul li:nth-child(2) a{ background: #ff0000; }
.mykf ul li:nth-child(3) a{ background: #0089ff; }
.mykf ul li:nth-child(4) a{ background: #00c132; }
.mykf ul li:last-child{ margin-bottom:0px; }
.mykf ul li a svg{display: block;width: 30px;height:30px;}
.mykf ul li a svg path{fill: #fff;}






.products_list li:hover .more_a i{ margin-left:20px; }
.products_list li:hover .more_a::after{ width:100%; }


.more_a span{display: inline-block; font-size:14px;  color: #000000 !important;}



.more_a::after{ position:absolute; bottom:0; content:''; height:2px; width:0px;   -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; background:#000; left:0; }


.products_list li:hover  .more_a{ opacity:1; }

.products_list .products_right{ float:right; position:relative; height:100%; width:179px; }


.products_list .products_right .img1{left:0; height:100%; position:absolute;}
.products_list .products_right .img2{left:0; top:50%; margin-top: -35px; margin-left: -20px; position:absolute; transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;}

.products_list .products_right .img2:hover{ margin-left:-10px; }






.cases{ width:100%; background:#fff; padding:100px 0px; overflow: hidden} 
.cases h2{  width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 40px;
    color: #000;
    font-weight: 500;}
	
	
.cases .textmiao{     margin: 0 auto;
    width: 750px;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #808080;
    margin-top:40px;
	margin-bottom:40px;
    font-family: "Arial";
    letter-spacing: 1px; }
	
.cases .swiper-wrapper,.cases .swiper-container{ width:100%;     position: relative; padding-bottom: 40px; }
.cases .swiper04 .swiper-slide img{ width:100%; display: block; }




.cases .swiper-slide{ position:relative; padding-bottom:0px; }
.cases .swiper-slide span{ position:absolute; background:#000; opacity:0.4; height:100%; width:100%; top:0; left:0; }
.cases .swiper-slide h3{ position:absolute; width:60%; left:20%; top:40%; text-align:center; color:#fff; font-size:24px; font-weight:100;     text-transform: Uppercase; line-height:50px; }
.cases .swiper-slide .img,.cases .swiper-slide span,.cases .swiper-slide h3{ 
	transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;}
 
.cases .swiper-slide:hover span,.cases .swiper-slide:hover h3{ opacity:0; }


.hovertext{background: #fff; text-align:left;
    height: 112px;
    width: 76%;
    margin: 0 auto;
    padding: 5%;
    margin-top: -100px;
    position: absolute;
    left:7%; opacity:0;
	
	transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
}


.hovertext h2{ font-size:20px; text-align:left; margin-bottom:15px; }
.hovertext p{  color: #656565; }

.cases .swiper-slide:hover .hovertext{ opacity:1; margin-top: -30px; }
.cases .swiper-slide:hover{}

.cases .swiper-slide{ opacity:0.6; }
.cases .swiper-slide.swiper-slide-active{ opacity:1; }

.cases .swiper-pagination-bullet,.products_list  .swiper-pagination-bullet
{ background:none; border:1px solid #000000; opacity:0.5; }

.yf  .swiper-pagination-bullet
{ background:#ffffff; border:1px solid #ffffff; opacity:0.8; }


.cases .swiper-pagination-bullet-active, .products_list  .swiper-pagination-bullet-active , .yf  .swiper-pagination-bullet-active
{ border:1px solid#ffcd1a; background:#ffcd1a; opacity:1; }





.case_con{ text-align: center;  color:#333; margin-top:100px;}

.case_con h3{font-weight:100;font-size:32px; margin-bottom:15px;}

.case_con p{ font-size:16px;}

.case_con .ts{ margin:0 auto; width:500px; overflow:hidden; margin-top:30px;}

.case_con .ts li{ float:left; width:166px; text-align:center}

.case_con .ts li span{ display:block;     font-weight: 100; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";}

.case_con .ts li span:nth-child(1){ font-size:35px;}

.case_con .ts li span:nth-child(2){     font-size: 12px; }

.case_con .line{ width:1px; height:100px; background:#DDD; margin:0 auto; margin-top:30px;}


.case{ width:83%; margin:0 auto; }

.case ul li{ float: left;
    margin-bottom: 25px;
    padding-bottom: 25px;
    transition: all 0.2s ease-in-out 0s;
    width: 32%;
	}

.case h2{ text-align:center}
.case p{ text-align:center; line-height:50px;}

.case ul {margin-top:30px; }

.case ul li:nth-child(2){ margin-left:2%; margin-right:2%;  }

.case ul li img{ width:100%; display:block;}

.case 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);}

.case li span {
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 24px;
    text-align: left;
    text-indent: 15px;
    color: #000;
}

.case .lili a { display:block; position: relative; border-radius:8px; overflow: hidden}

.case .lili .case_bg { position:absolute; width:90%; height:90%;  border-radius:8px; opacity:0;   background-color: rgba(255, 0, 0, 0.82); top:5%; left:5%;transition: all 0.3s ease 0s; }
.case .lili:hover  .case_bg{ opacity:0.8;}

.case .lili .title { position:absolute; top:50%;  opacity:0;  left:15%; width:70%; text-align: center; color:#fff; transition: all 0.3s ease 0s;}
.case .lili:hover  .title{ opacity:1;}


.caselist{ text-align: center;width:100%; height:500px; margin-top:100px; background: url(../images/69d499aaf3ab85a02c3bcc45a739766c.png) no-repeat; }
.caselist.caselisttwo{ background: url(../images/s_04.png) no-repeat center #f5b00e; height:800px;  }

.caselist h2{ color:#fff; padding-top:200px;     font-size: 36px;
    margin-bottom: 15px;}

.caselist.caselisttwo h2{ padding-top:80px; }


.caselisttwo span{ color:#fff; margin-top:500px; display: block; font-size: 30px; }


.caselist p{ color:#fff;  }

.view-all {
    display: block;
    background-color: #000;
    color: #fff;
    text-align: center;
    height: 65px;
    font-family: Raleway-Regular, sans-serif;
    font-size: 14px;
    line-height: 3.78571;
    letter-spacing: .2em;
    line-height: 65px;
    text-transform: uppercase;
}

.view-all:hover {
    background-color: #ee7325;
    color: #fff;
}


.faq{ text-align: center; margin:0 auto; padding-top:50px;}

.faq h2 {
    font-size: 40px;
    margin-bottom: 16px;
    font-weight: 400;
    padding: 20px 0px 0px;
}
.faq ul{ width:80%; margin: 0 auto; padding-top:20px; }

.faq ul li{ float: left;  width:16%;  margin-right:5%; border-radius:5px; overflow: hidden;
	-moz-box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 15px 0px rgba(0, 0, 0, 0.2); 
}
.faq ul li:nth-child(5n){ margin-right:0px;}

.faq ul li h4{width: 100%;
    background: url(../images/newsbg.jpg) no-repeat;
    height:100px;
    color: #fff;
    line-height:100px;
    font-size:20px; font-weight:400; }


.faq ul li:nth-child(5n) h4{ background: url(../images/newsbg2.jpg) no-repeat; }
.faq ul li:nth-child(2n) h4{ background: url(../images/newsbg4.jpg) no-repeat; }
.faq ul li:nth-child(3n) h4{ background: url(../images/newsbg5.jpg) no-repeat; }
.faq ul li:nth-child(4n) h4{ background: url(../images/newsbg3.jpg) no-repeat; }

.faq ul li p{ padding:25px 10px; font-size:14px; line-height:28px; font-weight: 400; }




.section_5{ width:80%; margin:0 auto; margin-top:80px;}
.section_5 ul{ overflow: hidden;}
.section_5 ul li{ float:left; width:25%; line-height:40px; }

.section_5 ul li a{ font-size:14px; color:#363636; }
.section_5 ul li span{ color:#d0d0d0; font-size:16px;  display:inline-block;  margin-right:25px;}





.section_footer{ background: #0298b3; margin-top:60px; font-size:12px; }
.section_footer .section_footer_1 { width:80%; min-width:1200px; margin: 0 auto; padding-top:30px; color:#fff; font-size:14px; overflow: hidden}


.section_footer .footer_logo{ float:left; background:url(../images/dblogo.png) no-repeat; width: 400px; height: 200px;}

.section_footer dl{ float:left; padding-left:50px; padding-right:50px;}

.section_footer dl dt{ margin-bottom:15px; }

.section_footer dl dd a,.section_footer dl dd{ color:#eaeaea; line-height:30px; }

.section_footer .section_footer_2{ width:80%; min-width:1200px; margin: 0 auto; color:#eaeaea;     width: 80%;
    min-width: 1200px;
    margin: 0 auto;
    color: #eaeaea;
    line-height: 25px;
    padding-bottom: 20px; }
.section_footer .section_footer_2 a{ color:#eaeaea; }
.section_footer .section_footer_2 ul { overflow: hidden; }
.section_footer .section_footer_2 ul li{ float:left; margin-right:10px; }


.footer{ background:#323232; padding:50px 10%; color:#fff; font-size:12px; overflow:hidden; }
.footer .footer_left{ float:left; }
.footer .footer_left a{ color:#fff; line-height:30px; display:inline-block; margin-right:10px; }
.footer .footer_right{ float:right; text-align:right; line-height:30px; }

.wp1{ overflow:hidden; }

 .footer .con-top{ overflow: hidden;
    border-bottom: 1px solid #585858;
    padding-bottom: 20px;
    margin-bottom: 20px;}
 .footer .con-top .col-l{width:22%; float:left;}
  
  .footer .con-top .col-c{width:51%;padding-top:0px; float: left;}
  
  .footer .con-top .col-r{width:15%;padding-top:2px; float: left;}
  
  .footer .con-bot{/*overflow:hidden;*/ padding:0; float:left}
  .footer .f-bottom{ float:right; text-align: right; }


.footer-info-office a{ color:#fff; display: block; }
.footer-info-office a svg.icon,.footer-info-office svg.icon,.footer-email svg{ font-size: 12px;
    color: #fff;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    fill: currentColor;
    margin-right: 5px; }
.footer-info-office p{ line-height: 30px; }
.footer-free p{ line-height: 30px;color:#fe6700;font-size: 25px;}
.footer-free2 p{ line-height: 30px;color:#fff;font-size: 14px;}
.footer-free3 p{ line-height: 30px;color:#fe6700;font-size: 30px;}

.footer-email a{ color:#fff; }
 .f-nav{overflow:hidden}
 
 .f-nav dl{float:left;width:30%}
 
 .f-nav dl:nth-child(1){ width:40%; }
  .f-nav dl:nth-child(2){ width:30%; }
   .f-nav dl:nth-child(3){ width:30%; }
   
 .f-nav dt{font-size:24px;color:#fff;line-height:30px;font-weight:400;margin-bottom:28px}
 
 .f-nav dd{font-size:14px;color:#fff;line-height:34px}
 
 .f-nav dd a{color:inherit;opacity:.6;display:block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
 
 .f-nav dd a:hover{color:inherit;opacity:1}
 
 .f-copy{ line-height: 18px;
    overflow: hidden;
    float: left;
    color: #bbb;
    font-size: 12px;
    font-family: FandolSong-Regular, 寰蒋闆呴粦, "Microsoft Yahei"; }
 
  .f-copy a{ display: inline-block;
    vertical-align: middle; }
	
  .f-copy a img{ width: 87px; }

 .f-copy span{ }
 
 
.fu_pfile{ text-align:center; margin-top:50px; }
.fu_pfile h3{font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;}

.fu_pfile p{    font-size: 16px;
    color: #666666;
    margin-bottom: 55px;
    text-align: center;}


.fu_1{ overflow: hidden; background:#f6f7f9; position: relative; min-height:220px; padding-top:100px; padding-bottom: 100px; }

.fu_1 h2{ margin-left:20%; margin-top:50px; }
.fu_1 p{ margin-left:20%; width:500px; margin-top:20px; line-height:24px; }

.fu_1 img{ position: absolute; top:50px; left:50%; }


.fu_2{ overflow: hidden;  position: relative; min-height:220px; padding-top:100px; padding-bottom: 100px; }

.fu_2 h2{ margin-left:50%; margin-top:50px; }
.fu_2 p{ margin-left:50%; width:500px; margin-top:20px; line-height:24px; }

.fu_2 img{ position: absolute; top:50px; left:20%; }




.news{   width: 90%; margin: 0 auto;  margin-top:100px;  overflow: hidden}

.news .news_nav{overflow:hidden; }
.news .news_nav h3{ float:left;     font-weight: bold; font-size: 38px; }
.news .news_nav a{ float:right; position: relative;     font-size: 20px; padding-right: 20px;  }




.news .news_nav a::before {
    content: "";
    width: 12px;
    height:2px;
    background: #000;
    display: block;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-top:9px;
    position: absolute;
    right: 0;
}

.news .news_nav a::after {
    content: "";
    width:12px;
    height:2px;
    background: #000;
    display: block;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    margin-top: 8px;
	position: absolute;
    right: 0;
	margin-top:-9px;
}


.news .news_nav a:hover::after,.news .news_nav a:hover::before{ background:#4693fe; }

.news .news_nav{ margin-bottom:90px;  }

.news_list { float:left; width:65%; overflow: hidden; position:relative;}
.news_list .deil{ float:left; width:45%; background:#f3f3f3; padding:5%; border-top-left-radius:10px; border-bottom-left-radius: 10px; margin-top:60px;  }
.news_list .deil span{ margin-top: 10px; display: block;color: #6f6f6f;}
.news_list .deil p{ line-height:30px; margin-top:20px; margin-bottom:20px; }
.news_list .deil h4{ font-size:25px; }

.news_list .deil  a img {vertical-align: middle; }

.news_list .cbimg{ float:right; width:45%; border-radius:10px;  }

.news_list  .swiper-wrapper{ padding-bottom:60px; }


.swiper02 .swiper-pagination-bullet{ background:#fff; padding:1px; border:2px solid #404040; opacity:1;  }
.swiper02  .swiper-pagination-bullet-active{ background:#404040; }

.swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px; }


.news .news_listw{ float:right;   width: 30%; }
.news .news_listw div{color: #666;  font-size: 14px;}

.news .news_listw  li a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 18px;
    line-height: 30px;
}

.news .news_listw li:first-child {
    padding-top: 0;
}
.news .news_listw li {
    padding-top: 60px;
}

.news .tab-hd { 	 
 overflow:hidden; zoom:1; width:320px; margin:auto; margin-bottom:40px;}
.news .tab-hd li{ float:left; width:160px;
    height: 90px;
    line-height: 90px;
    background: url(../images/news1.png) no-repeat center top;
    text-align: center;
    font-size: 18px;
    color: #101010;}
.news .tab-hd li a{
	font-size:18px;
	color:#101010;}
.news .tab-hd li.active{	  width: 160px;
    height: 90px;
    line-height: 90px;
    background: url(../images/news2.png) no-repeat center top;
    text-align: center;
    font-size: 18px;
    color: #101010;}
.news .tab-hd li.active a{
	color:#454545;
	padding:0px;
	margin:0px;
	text-align:center;
	line-height:30px;
	background:#F1F1F1;
	background:none;}


.tab-1{ background:url(../images/newsbg.jpg) no-repeat bottom center; overflow: hidden; display:block; width: 1200px; margin:0 auto;}
.tab-2{ background:url(../images/newsbg.jpg) no-repeat bottom center; overflow: hidden; display:none; width: 1200px; margin:0 auto;}




.news dl {
    overflow: hidden;
	width:530px;
	margin:0px 30px 50px 40px;
	height:100px;
	float:left;
}
.news dt{
    padding-top: 30px;
    width: 64px;
    float: left;
    text-align: center;
}
.news  dt span {
    font-size: 24px;
    color: #676767;
    font-family: Tahoma;
    line-height: 30px;
}
.news  dt span i {
    display: block;
    font-weight: normal;
    color: #676767;
    font-size: 14px;
}
.news dd{
    float: right;
    width: 410px;
}
.news dd h3{
    color: #111111;
    display: block;
    height: 50px;
    font-weight: normal;
	font-size: 16px;
	line-height:50px;
}
.news dd h3 a{
    color: #111111;
    display: block;
    height: 50px;
    font-weight: normal;
	font-size: 16px;
	line-height:50px;
}
.news dd p{
    font-size: 14px;
    line-height: 26px;
	color:#666666;
}
.news dd p a{
    font-size: 14px;
    line-height: 26px;
	color:#666666;
}




.banner_news{ position:relative; overflow: hidden; width:100%;}
.banner_news img{ display:block;}
.banner_news h2{
    position: absolute;
    left: 50%;
    margin-left: -600px;
	margin-top:250px;
	z-index:3;
    
	
}

.banner_news h2 a{font-size:30px; color: #FFF;}

.banner_news a{ color: #FFF;}

.banner_news .postion {
 
	 position: absolute;
    left: 50%;
    margin-left: -600px;
    font-weight: 100;
	margin-top:310px;
	z-index:3;
    color: #FFF;
	    background: url(../images/postionnr.png) no-repeat left center; text-indent:20px;
   
}

.banner_news .bg{ position: absolute; left:0; top:0; height:100%; width:100%; background-color: rgba(0, 0, 0, 0.58); }




/*news list*/

.news2019 {
    width: 1200px;
    margin: 100px auto;
    position: relative;
    width: 80%;
}

.news2019 li {
    height: 200px;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    margin-bottom: 50px;
}

.news_two_box {
    background: transparent;
    height: 180px;
    padding-top: 0px;
    position: relative;
}


.news_two_img {
    width: 400px;
    height: 200px;
    padding: 0px;
	float: right;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}

.news_two_img img {
    width: 400px;
    height: 200px;
}

.news_two_txt {
    
    width: 600px;
	float: left;
    padding: 36px 0 28px 34px;
	padding-left: 155px;
    transition: all .3s ease-out 0s;
}

.news_two_txt span {
    font-size: 18px;
    color: #545454;
    display: block;
    height: 24px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all .3s ease-out 0s;
}

.news_two_txt span:before {
    width: 35px;
    height: 1px;
    content: ' ';
    background: #BFBFBF;
    position: absolute;
    top: 56px;
    left: 90px;
    transition: all 0.3s ease-out 0s;
}
.news_two_txt i {
    color: #7D7D7D;
    font-style: normal;
	height: 52px;
    line-height: 24px;
    display: block;
    overflow: hidden;
    transition: all .3s ease-out 0s;
}

.news_two_date {
    position: absolute;
    left: 0;
    float: left;
    padding-top: 30px;
	width: 80px;
    font-family: HELVETICANEUELTPRO-THEX, 微软雅黑;
    color: rgb(153, 153, 153);
    padding: 36px 66px 0px 0px;
    transition: all 0.3s ease-out 0s;
}

.news_two_date span {
    float: left;
    line-height: 36px;
    height: 36px;
	font-size: 24px;
    font-family: HELVETICANEUELTPRO-THEX, 微软雅黑;
}

.news_two_date i {
    float: left;
    color: #ABABAB;
    font-size: 0;
}

.ser_but {
    position: absolute;
    top: 72px;
    right: 50px;
    width: 35px;
    height: 35px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid #dedfe1;
    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}

.news_two_but {
    top: 90px;
    left: 33px;
    border: 1px solid transparent;
}


.news2019 .ser_but {
    border-radius: 0;
    left: 0;
	top: 90px;
    border: 1px solid transparent;
}

.ser_but i {
    width: 15px;
    height: 9px;
    background: url(../images/icon.png) no-repeat -110px -11px;
    display: block;
    margin: 13px 0 0 11px;
}

.news_two_box:hover .news_two_txt {
    padding-left: 175px;
}


.news_two_box:hover .news_two_txt span:before {
    width: 60px;
    transition: all 0.3s ease-out 0s;
    background: #7D7D7D;
}

.news_two_box:hover .ser_but {
    background: #e76710;
    border: 1px solid #e76710;
    margin-left: 0;
}
.news_two_box:hover .ser_but i {
    background: url(../images/icon.png) no-repeat 0 -71px;
}



.page{text-align:right; margin-top:0px; height:40px;  margin:0 auto; margin-top:40px; margin-bottom:40px; width: 80%;}

.page a {
	background: rgb(213, 219, 226); border: 1px solid rgb(221, 221, 221); border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(128, 135, 146); line-height: 35px; float: left; margin-right:10px;
}
.page a:hover {
	background:#ef361f; border: 1px solid #ef361f; border-image: none; color: rgb(255, 255, 255);
}
.page b {
	background:#ef361f; border: 1px solid #ef361f; border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; float: left; margin-right:10px;
}

.page .nextpage{ width:60px;}
.page .pripage{ width:60px;}




.video_list{ width:80%; margin:0 auto; overflow: hidden; margin-top:100px; }

.video_list li{ width:23.5%;
    float: left;
    overflow: hidden;
    margin-right:2%; border-radius:10px; overflow: hidden; position: relative;}


.video_list li img{ width:100%; height:100%; display: block;}

.video_list li:nth-child(4n){ margin-right:0; }

.video_list li i{ display:block;}
.video_list li span{    position: absolute;
    z-index: 5;
    width: 80%;
    font-size: 16px;
    left: 10%;
    text-align: center;
    top: 32%;
    line-height: 25px;
    letter-spacing: 1px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.video_list a{ color:#fff; }


.video_list .video2{ background:#000; position:absolute; left:0; top:0; opacity:0.6; height:100%; width:100%; }

.video_list .video1{ position: absolute;
    background: url(../images/play.png) no-repeat;
    width: 70px;
    height: 70px;
    background-size: 100%;
    z-index: 5;
    top:43%;
    left: 50%;
    margin-left: -35px;
    opacity: 1;}



.video_list li:hover .video2{ background:#ff0000; }


 
 
 

input::-webkit-input-placeholder {
        color: #ccc;
      }
      input::-moz-input-placeholder {
        color: #ccc;
      }
      input::-ms-input-placeholder {
        color: #ccc;
      }

.nr_products{ width:90%; margin:0 auto; margin-bottom:30px;  }

.nr_products_left{ padding:1.5%;}
.nr_products_left h2{ border-bottom:1px solid #f1f1f1; padding-bottom:20px;    margin-bottom: 20px;}
.nr_products_left li{ line-height: 50px; border-bottom: 1px dotted #f1f1f1; }
.nr_products_left li.hover a{ color:#ea563b; }

.nr_products_right{ float:right; width: 73%; }
.nr_products_right li {float:left; width: 20.5%;  margin-right: 6%; text-align:center; margin-bottom:30px; transition: all 0.2s ease-in-out 0s; }
.nr_products_right li img{ width:100%; margin:0 auto; display:block; }
.nr_products_right li:nth-child(4n){  margin-right:0; }
.nr_products_right li span{font-size: 13px; line-height: 18px;  color: #848484; height: 37px; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  text-align: center; margin: 10px 0px;  overflow: hidden;  color: #5f5f5f;}

.nr_products_right 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: scale(1.1);
}

.products_nr{ width:100%; margin-bottom:50px; }
.products_nr .swiper-container{ width:100%; margin:0 auto; }

.products_nr .products_pic{ width:50%; margin-left:5%; float:left; }
.products_pic  .gallery-top video{ outline:none; height:500px; width:100%; margin:0 auto; display: block; }
.products_pic  .gallery-top img{ height:500px; width:auto; margin:0 auto; display:block; }
.products_pic  .gallery-top{ margin-bottom:20px; }
.products_pic  .gallery-top,.products_pic  .gallery-thumbs{ border:1px solid #f1f1f1;}


.products_pic  .gallery-thumbs{ float:left; height:500px; width:15%; margin-right:2% }
.products_pic  .gallery-top { float:left; width:82%; }
.products_pic  .gallery-thumbs .swiper-slide{  opacity:0.6;  }
.products_pic  .gallery-thumbs .swiper-slide{ height:150px;}
.products_pic  .gallery-thumbs img{ height:100%; width:100%; margin:0 auto; display:block; }

.products_pic  .gallery-thumbs .swiper-wrapper{    display: block;}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ opacity:1; }

.products_nr .products_title{ float:right; width:35%; border-top:5px solid #f1f1f1; margin-right: 5%; }
.products_nr .products_title h1{ margin-top:50px; }
.products_nr .products_title p{ display: block; color: #a3a3a3; font-size: 16px; position: relative; padding-bottom:50px;  margin-top:40px; }

.products_nr .products_title p::before { content: '';  position: absolute;  width: 60px;  bottom: 0px; background: #00a0ea;  height: 2px;}
.products_nr .products_title p::after {  content: ''; position: absolute; width: 60px; bottom: 0px;  left: 60px; background: #ea563b; height: 2px;}

.products_nr .products_title .more{ position:relative; left:0; margin-left:0px; }


.products_con{ width:90%; margin-top:50px; margin-left:5%; margin-bottom:40px; }
.products_con h2{ border-bottom:1px solid #f1f1f1; width:100%; line-height:60px; margin-bottom:30px; text-transform: Uppercase; }
.products_con .products_txt{ width:100%; min-height:500px;  }

.products_con .products_con_left{ float:left; width:20%; margin-right:5%; }
.products_con .products_con_left ul li{ width:45%; margin-right:10%; float:left; }
.products_con .products_con_left ul li:nth-child(2n){ margin-right:0px;}
.products_con .products_con_left ul li img{ width:100%; display:block; }
.products_con .products_con_left li span { font-size: 13px; line-height: 18px; color: #848484; height: 37px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  text-align: center; margin: 10px 0px; overflow: hidden; color: #5f5f5f;}


.products_con .products_con_right{ float:left; width:75%; }

.products_con .products_con_right table {
    border-collapse: collapse;
}
.products_con .products_con_right table td {
    border: #ccc solid 1px;
    padding:8px;
}

.share{ margin-top:30px; }
.share img{ width:30px; height:auto;}
.share a { margin-right:10px; opacity:0.4 }
.share a:hover{ opacity:1; }

.pro_contact{ overflow:hidden; margin-top:120px;}
.pro_contact .more{ float:left; }
.pro_contact .more a{ color: #ea563b; font-size: 16px; }
.pro_contact a { font-size:12px; color: #4e4e4e; }
.pro_contact a img{ vertical-align: middle;   width: 19px; opacity: 0.7; }
.pro_contact .more1{ margin-top:14px; display: block; float:left; margin-left: 20px;}
.pro_contact .more1:hover{ color:#ea563b; }



.products_txt_faq{ width:100%; }
.products_txt_faq li{   background:#fff; padding:20px;  margin-bottom:20px;
	
	-moz-box-shadow: 0 0px 22px -9px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 22px -9px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 22px -9px rgba(0, 0, 0, 0.2); }

.products_txt_faq li h4{ margin-bottom:10px; }





.cases_list{ width:100%; margin-bottom:50px;  }
.cases_list ul{ width:100%; margin:0 auto; overflow: hidden; margin-bottom:80px; }

.cases_list li img{ width:100%; display: block; }
.cases_list li{ position:relative; padding-bottom:0px; width:30%; margin-right:5%;  float:left; }
.cases_list li:nth-child(3n){ margin-right:0px; }
.cases_list li span{ position:absolute; background:#000; opacity:0.4; height:100%; width:100%; top:0; left:0; }
.cases_list li h3{ position:absolute; width:60%; left:20%; top:40%; text-align:center; color:#fff; font-size:24px; font-weight:100;     text-transform: Uppercase; line-height:50px; }
.cases_list li .img,.cases_list li span,.cases_list li h3{ 
	transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;}

.cases_list li:hover .img{ margin-top:-170px; overflow:hidden}
.cases_list li:hover span,.cases_list li:hover h3{ opacity:0; }


.cases_list .hovertext{background: #fff; text-align:left;
    height: 112px;
    width: 76%;
    margin: 0 auto;
    padding: 5%;
    margin-top: -100px;
    position: absolute;
    left:7%; opacity:0;
	
	transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
}


.cases_list .hovertext h2{ font-size:20px; text-align:left; margin-bottom:15px; }
.cases_list .hovertext p{  color: #656565; }

.cases_list li:hover .hovertext{ opacity:1; margin-top: -30px; }
.cases_list li:hover{}


.cases_list li::before{ content:''; width:0; position: absolute; bottom:-170px; left:0; height:3px; background:#ea563b; 
transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;}
.cases_list li::after{content:''; width:0; position: absolute; bottom:-170px; left:50%; height:3px; background:#00a0ea; 
transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .6s cubic-bezier(0.45,0.55,0.55,0.45) 0s;}


.cases_list li:hover::before{ width:50%; }
.cases_list li:hover::after{width:50%;}


.cases_list .cases_list_left{ width:20%; margin-left:5%; float:left; background:#fff; height:100%; overflow:hidden;  }

.cases_list .cases_list_left img{ display: block; margin-left:0px; 
	animation: h3 20s ease infinite ; 
	-webkit-animation:h3 20s infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1}

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

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


.cases_list .cases_list_right{ float:left; width:65%; margin-left: 5%; }

.cases_list .cases_list_right .postion{ width:100%; }
.cases_list .cases_list_right .postionnr{ margin-bottom:20px; }
.cases_nr h1{ font-size: 25px;  }

.cases_nr .source{width:100%; font-size:12px; color: #b5b5b5;  display:block; margin-top:10px;}

.cases_nr .nrnr{ line-height:170%; }

.about_nr{ width:100%; background:url(../images/stonebg.jpg) no-repeat left top; min-height:600px; padding-bottom:50px; }


.about_nr .about_nr_left{ float:left; margin-left:5%; margin-top:50px; width:40%; }
.about_nr .about_nr_left .about_1{  text-transform: Uppercase; display:block; border-left:9px solid #ea563b; padding-top:60px; font-size:25px; padding-left:30px; line-height:40px; font-weight:bold}
.about_nr .about_nr_left p{ margin-top:50px; line-height: 22px; color:#777; margin-bottom:50px; }
.about_nr .about_nr_left .more{ position:relative; left:0; margin-left:0px; }


.about_nr .about_nr_right{ width:45%; float:left; margin-left:5%; margin-top:100px; }

.about_nr .swiper-slide img{ margin:0 auto;  display: block; }


.youshi{width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
}
.youshi li{flex: 1;
    text-align: center;
    width: auto;
    background: #ffffff;
    color: #7b7b7b;
    
    border-radius: 5px;
    font-size: 16px;
    margin-right: 2%;
    box-shadow: 1px -1px 27px 3px rgb(0 0 0 / 7%);
    color: #000;}
.youshi li a{ display:block; padding: 20px 0px; opacity:0.5; color:#000; }
.youshi li a:hover{ opacity:1; }

.youshi li:nth-child(4n){ margin-right:0; }
.youshi li img{ width:30px; vertical-align: middle; margin-right:5px; }
.zszs{ padding:60px 0px;     background: #f1f1f1; }
.zszs h2{ width:90%;
    text-transform: Uppercase;
    font-size: 30px; margin-left:5%; }
.zszs p{ width:90%;
    line-height: 20px;
    font-size: 16px;
    font-weight: 100;
    color: #656565;
    margin-top: 20px;  margin-left:5%;}

.zszs .swiper07{ margin-top:50px; width:90%; margin-left:5%; }
.zszs .swiper07 img{ width:100%; border:1px solid #f1f1f1}
.zszs .swiper07 .swiper-slide{ }


.products_nav.products_navtwo{ width:360px; }

.nr_products_cen.nr_products_centwo{ width:90%; margin:0 auto; margin-top:50px; }

.nr_products_cen .newspage_list li{ width:43%; margin-right:4%; text-align:left; border:1px solid #f1f1f1; padding:2%; }
.nr_products_cen .newspage_list li img{ float:left; width:20%; margin-right:30px; }

.nr_products_cen .newspage_list li:nth-child(2n){ margin-right:0px; }

.nr_products_cen .newspage_list li h3{ font-size: 18px;  font-weight: 400;     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; margin-bottom:15px; }
.nr_products_cen .newspage_list li p{ color: #666;  font-size: 14px; margin-bottom:10px; }

.nr_products_cen .newspage_list li i{ color:#bdbdbd;  font-size: 12px; font-style: inherit;}

.nr_products_cen.nr_products_centwo .nr_products_right{ width:100%; }

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

.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{   }
.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(1), .contact .btm-row > span:nth-child(4) {
     width: 44%;
 }
 .contact .btm-row > span:nth-child(2), .contact .btm-row > span:nth-child(5) {
     width: 32%;
 }
 
 
 #products_list ul{ display:block; overflow: hidden; }
 #products_list ul li{ float:left; }


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



.contact .btm-row > span > i {
    background-color: #ef361f;
    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{ margin-top: 50px  }
#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; }



.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(239, 54, 31, 0.72);
    color: #FFF; 
    margin: 0 auto;
    margin-top: 20px;
    cursor: pointer;
    line-height: 70px;}
.lyly .xptj:hover { background-color: rgb(239 54 31);}


.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;
}



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




.tjbd{ margin-top:25px;}
.tjbd li{ font-size:16px; margin-bottom:25px; height:auto;}
.tjbd input{ padding: 10px;
    height: 25px;
    line-height: 25px;
    width: 270px;
  
    margin-right: 6px;
    border: 1px solid #e2e2e2;}
.tjbd li span{ display:inline-block; width:65px; text-align: right;}


.tjbd  textarea{ border:none; padding: 5px; height:120px; line-height: 25px; width: 400px;  border:1px solid #e2e2e2 }

.contact_right .submit{ border:none;  background:#ea563b; cursor: pointer; color: #fff; width:215px; font-size: 16px; height:50px; line-height:45px;  }

.contact_right .submit:hover{ border: 3px solid #b54400; }

.abtn{margin-top: 40px; overflow:hidden; margin-left:140px;}

.abtn *{transition: all .3s;-webkit-transition: all .3s;}

.abtn a{display: block;width: 50px;height: 50px;border-radius: 50%;float: left;margin-right: 20px; overflow: hidden;position: relative;border:1px solid #ddd;}

.abtn a .s1{z-index: 3; position: absolute;top: 0;left: 0; display: block;width: 100%;height: 100%;background: url(../images/sm_20.png);}

.abtn a .s2{z-index: 3; position: absolute;top: 0;left: 0; display: block;width: 100%;height: 100%;background: url(../images/sm_21.png);}

.abtn a s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #292929;transform: scale(.5);-webkit-transform: scale(.5);opacity: 0;border-radius: 50%;}

.abtn a:hover s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}

.abtn a:hover .s1{background: url(../images/sm_20_1.png);}

.abtn a:hover .s2{background: url(../images/sm_21_1.png);}



.pc-banner {
    background: url(../images/bgbg2.jpg) no-repeat center top/100% auto;
    width: 100%; background-size:1920px;
	padding:50px 0px; position: relative;      padding-bottom: 26px;
}

.pc-banner .button {
    width:100%;
    margin: 0 auto;
    bottom: 66px;
    position: relative;
}

.pc-banner .swiper-container {
    width: 100%;
}
.pc-banner .swiper-slide {
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
	overflow:hidden;
}
.pc-banner .swiper-slide-active,.pc-banner .swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}


.pc-banner .swiper-slide:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    border: 10px solid #fff;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/top_slick_cover_bg01.png) 0 0 repeat;
    border-radius: 20px;
}


.pc-banner .swiper-slide-active:after,.pc-banner .swiper-slide-duplicate-active:after {
	
	background:none;
	
	
}
.pc-banner .swiper-slide img {
    width: 100%;
    border-radius:20px;
    display: block;
}

 

.pc-banner  .swiper-pagination {
	position: relative;
    margin-bottom: 30px;
	margin-top:50px;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}


.pc-banner .swiper08 .swiper-button-prev, .pc-banner .swiper08 .swiper-button-next {
   
}

.pc-banner .swiper-button-prev:hover, .pc-banner .swiper-button-next:hover {
    
}


.pc-banner h2{ width: 90%;
    text-transform: Uppercase;
    font-size: 30px;
    margin-left: 5%; text-align:center; color:#fff; }
.pc-banner p{ color:#fff; text-align: center; margin-bottom:50px;}
.pc-banner .swiper-pagination-bullet{    opacity: .8; }

.pc-banner .swiper-pagination-bullet-active{   }

.pc-banner  .swiper-button-prev, .pc-banner  .swiper-button-next{ width: 38px;  height: 38px; background:#fff; border-radius:50%; }
.pc-banner  .swiper-button-prev{left:30%;}
.pc-banner  .swiper-button-next{ left:70%; margin-left:-38px; }

.pc-banner  .swiper-button-prev::before,.pc-banner  .swiper-button-next::before{     background: #9a9a9a;  width:20px;    margin-top: 12px;  margin-left: 7px; }
.pc-banner  .swiper-button-prev::after,.pc-banner  .swiper-button-next::after{    background: #9a9a9a; width:20px;  margin-top: 12px;  margin-left: 7px;}



.pc-banner .swiper-button-prev:hover::before,.pc-banner .swiper-button-prev:hover::after, .pc-banner .swiper-button-next:hover::before, .pc-banner .swiper-button-next:hover::after{ background:#ea563b; }
















.nav_nr {
    width:1200px;
    margin: 0 auto;
    margin-top: -40px;
    position: relative; z-index:5;
}
.nav_nr ul { padding: 0;
    background: #fff;
    display: flex;
    box-shadow: 0 10px 25px -4px rgb(0 0 0 / 10%);
}
.nav_nr li {
    flex: 3;
    position: relative;
}
.nav_nr li a {
    display: block;
    color: #858585;
    line-height: 100px;
    text-align: center;
    font-size: 20px;
    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{ color: #ef361f; }

.nav_nr li a .show{ display:block; } 
.nav_nr li a .hover{ display:none; } 

.nav_nr li a:hover .show,.nav_nr li a.hover .show{ display:none; }
.nav_nr li a:hover .hover,.nav_nr li a.hover .hover{ display:block; }

.nav_nr li span{ display: inline-block;  vertical-align: middle;  width: 50px; }
.nav_nr li span img{ width: 100%; }

.nav_nr li a::after{ content: ""; position:absolute; top: 0; bottom:0; margin: auto; right: 0; width: 1px; height: 20px; background-color: #ddd;}
.nav_nr li:last-child a::after{ display:none; }
.nav_nr li a.hover:after {
	 
}















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

@media screen and (max-width: 1400px){	
	
	.banner img{ width: 1600px;  margin-left: -800px; }
	.service{ top: 400px; }
	.shuzi{ margin-top: 60px; }
}
	
@media screen and (max-width: 640px){	
	
	body{ min-width:auto;}
	.header{ min-width:auto; }
	.header .search{ display:none; }
	.header .sj_nav {
		display: block;
		width: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		float: right;
		margin-right:2%;
		margin-top: 9px;
	}

	.header .sj_nav{ display: block; width:40px; 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:100%; background:#000; }
	.header .sj_nav::before{ margin-bottom:5px; }
	
	
	
		.header .sj_nav::before,.header .sj_nav::after{content: ""; display: block; height:1px; width:100%; background:#000; }
		.header .sj_nav::before{ margin-bottom:5px; }
		
		
	 
			.header .sj_nav{ display: block;
	    position: relative;     z-index: 10;
	    width: 25px;
	    padding-top: 4px;
	    padding-bottom: 10px;
	    float: right;
	    margin-right: 6%;
	    margin-top: 15px;}
			
			 .header .search{     margin-right: 5%;
    top: 0;
    line-height: inherit;
    float: right;
    margin-top: 15px;
    height: auto; }
			.header .sj_nav::before,.header .sj_nav::after{content: ""; display: block; height:1px; width:80%; background:#000; }
			.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::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;
				
			}
			
			
			@keyframes line1Before
				{
					from {width:50%;}
					to {width:85%;}
				}
			@keyframes line1after
				{
					from {width:10%;}
					to {width:80%;}
				}
		
			
			
			.header .sj_nav::after{ width:75%; background: #000; }
			.header .sj_nav span{ display:block; position:absolute; width:100%; height:1px; background:#000; bottom:2px; -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; }
			
			@keyframes line1span
				{
					from {width:30%;}
					to {width:100%;}
				}
				
				
	.nav {
		position: fixed;
		background: rgba(0,0,0,0.39);
		width: 100%;
		height: 100%;
		margin-top:55px; display:none; 
	}
	.header.no .nav,.header.notwo .nav{ margin-top:0px; }
	
	.nav li {
    width:100%;
    float: none;
    margin-left:0;
    background: #fff;
    text-align: center;  border-top: 1px solid #f1f1f1;
	}
	.nav a.active::after, .nav a:hover::after{ display:none; }
	.nav a {
        text-align: center;
        margin: 0px;
        line-height: 50px;
        height: 50px;
        display: block;
        font-style: inherit;
        font-weight: 500;
        font-size: 14px;
	}
	
	.nav li .jd-icon-more{position: absolute;
    text-align: left;
    color: #fff;
    z-index: 5;
    top: 11px;
    width: 100px;
    left: 58%;
    display: block;
    padding: 6px 0px;
    padding-left: 10px; }
	.nav li .jd-icon-more::before {
	    content: ' ';
	        height: 7px;
	        width: 7px;
	        display: inline-block;
	        transform: rotate(45deg);
	        border-bottom: 1px solid #000;
	        border-right: 1px solid #000;
	        margin-left: 7px;
	        vertical-align: super;
	        right: 17px;
	        top: 46%;
	}
	
	.nav li.hover .nav_fuwu {
	    display: block;
	   
	}
	.header .logo img{ margin-top:7px; }
	.header .sj_nav.closea span {
	    display: none;
	}
	.header .sj_nav.closea::before {
	    animation: none;
	    transform: rotate(-45deg);
	    margin-top: 7px;
	}
	.header .sj_nav.closea::after {
	    animation: none;
	    width: 80%;
	    transform: rotate(45deg);
	    margin-top: -6px;
	}
	
	
	.header .nav .nav_two li{ border:none; }
	.header .nav li .nav_two{  position: relative;  padding-top: 0px; }
	.header .nav .nav_two li a{     color: #838383; line-height: 36px;   height: 36px; }
	
	.erj::before{ display:none; }
	
	.header,.header.no,.header.notwo{ height:55px; position:fixed; }
	
	.nav li:last-child { height: 100%;}
	
	.header .logo{ width:200px; margin-left:2%; margin-top:0px; }
	
	.header .logo img { height: 40px;  }

	.header.no .logo{margin-top:0px;}
	
	.swiper01,.swiper01 .swiper-slide{ height:auto; overflow: hidden}
	.swiper01 .swiper-slide img {
    width: 560px;
    display: block;
    margin-left: -280px;
	position: relative;
    left: 50%;
	}
	
	
	.header.notwo .logo{background: url(../images/logothree.png) no-repeat 0px 10px; background-size: 143px;     height: 55px;}
	.header.notwo .logo img{ opacity:0;}
	.header.notwo .nav {  }
	.header.notwo .logo{ margin-top:0px; }
	.header.notwo .nav a{ color: #333}

	.nav a.active{ color:#ea563b; }
	
	.header.notwo .sj_nav::before, .header.notwo .sj_nav::after{ background:#212121; }
	
	
	.products_nav{ display:none; }
	
	
	
	.service{     margin-top: 0;
    padding-bottom: 0px;
    padding-top: 0;
    top: 0;
    position: relative;
    z-index: 10; }
	
	.service.servicetwo{ margin-top: 20px; }
	
	.service h2{ font-size: 16px;
    color: #ffffff;
    background: #fff;
    padding: 20px 0px;
    padding-bottom: 0; }
	
	.service .textmiao{ font-size: 12px;
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    color: #ffffff;
    background: #fff;
    padding: 20px 0px;
    padding-top: 10px; }
	
	.textmiao{ font-size: 12px;
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
}
	.textmiao::after{     margin-bottom:30px; margin-top:30px; }
	
	.service .shuzi{ padding: 15px 0px;  display: block;   width: 90%;   margin-top: 15px; }
	
	.shuzi{ padding: 15px 0px;     display: block; }
	.shuzi li{ width: 50%;
    display: block;
    height: 79px;
    float: left; }
	.shuzi li span:nth-child(1){ font-size:25px; }
	.shuzi li em { font-size:16px; }
	.shuzi li span { font-size:12px; }
	.shuzi li:last-child{ width:50%; }
	
	.swiper01.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {float: left; margin:0px; }
	.swiper01.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ display:none; bottom: 10px; right:3%; width:78px; left: auto;}
	
	.swiper-pagination-bullet.swiper-pagination-bullet-active i { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
	.service .swiper-slide{ width:60%; }
	.swiper01 .swiper-pagination-bullet{  writing-mode: initial; }
	
	
	.swiper01 .swiper-button-prev, .swiper01 .swiper-container-rtl .swiper-button-next{ right: 3%;  bottom: 10px;  top: auto; }
	.swiper01 .swiper-button-prev, .swiper01 .swiper-button-prev.swiper-button-disabled{ left:3%; bottom:10px; top:auto }
	
	.about{ padding:30px 0px; background-position: top right; }
	.about .about_a .video{ width:100%; height:auto; }
	.about .about_a .video_a_1{ width:100%; margin-top:30px; }
	.about .about_a .video_a_1 h2 { font-size: 16px; text-align:center;}
	.about .about_a .video_a_1 span{ margin-top:15px; padding-bottom: 20px; font-size:14px; text-align:center; }
	.video_a_1 span::before,.video_a_1 span::after{ width:40px; left:50%; }
	.video_a_1 span::before{  margin-left:-40px;  }
	.video_a_1 p{margin:20px 0px 20px; text-align:center; }
	.about .about_a .video_a_1 .more{ margin-top:0px; width: 140px;   margin: 0 auto; }
	
	.more{ width: 140px; }
	.more a{padding: 6px; font-size: 14px; }
	
	
	.products{ padding:30px 0px; position: relative; }
	.products h2 { font-size: 16px;}
	.products .textmiao{ width: 90%;
    margin-left: 5%;
    font-size: 12px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #666666; }
 
	
	.products .more {
	    width: 140px;
	    text-align: center;
	    margin: 0 auto;
	    font-size: 12px;
	    padding: 10px 5px;

	}
	
	
	.products_list{  margin-top: 30px;
    width: 90%;
    height:390px;
    padding-bottom: 60px;}
	.products_list li h3{ padding: 10px;  padding-top: 0; }
	.quantity{ margin: 10px;  margin-top: 0px; }
	.products_list ul li{ height:100%; }
	.products_list.products_app{ display:block; margin-top: 0px;}
	
	.products_list.products_app ul{ width:92%; }
	.products_list.products_app ul li{ width: 30%; margin-right:5%; }
	.products_list.products_app ul li:nth-child(3n){ margin-right:0px; }
	
	.app_pro{ width:92%; margin-left:4%; overflow-x: scroll; margin-bottom:20px; position: relative; }
	
	.products::after{ display:none;}
	
	.products_nav.products_nav_app{ display:block;  }
	.products_nav.products_nav_app li a { font-size: 14px; padding: 4px 17px; }
	
	.iconfont{ font-size:16px; }
	.go_scr{ width:30px; height:30px; }
	
	.cases .textmiao{ width: 90%;
    margin-left: 5%;
    font-size: 12px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #8e8e8e;
    line-height: inherit; }
	
	.cases{  padding:30px 0px; }
	.cases h2 { font-size: 16px;}
	.cases .swiper-slide { width: 60%;}
 
	.news { width: 96%; margin-top: 20px;}
	.news .news_nav h3{ font-size:20px; }
	
	.news .news_nav  a{  font-size: 15px; padding-right: 16px; }
	.news .news_nav  a::before{ width: 10px;     margin-top: 7px; }
	.news .news_nav  a::after {  width: 10px;  margin-top: -8px;}
	.news .news_nav{ margin-bottom:20px; }
	
	.news_list{ width:100%; }
	
	.news_list .deil{width:90%; margin-top:0px; padding:5%; border-radius:0px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
	.news_list .deil h4{ font-size:16px; }
	.news_list .deil span{ font-size:12px; }
	
	.news_list .deil p {
    line-height: 22px;
    margin-top:10px;
    margin-bottom:10px;
    font-size: 14px; 
	height: 48px;
    overflow: hidden;
	}
	.news_list .cbimg{ width:100%; border-radius:0px; }
	
	.news .news_listw{ display:none; }
	
 
	
	.pc-banner {
		background-size: auto 100%;
	}
	.pc-banner .swiper-container {
		margin: 20px 0 15px;
	}
	.pc-banner .swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97); width:80%;
	}

	.pc-banner .swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}

	.pc-banner .swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 10px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
		background: url(../images/top_slick_cover_bg01.png) 0 0 repeat;
		border-radius: 20px;
	}

	.pc-banner .swiper-slide a {
		padding: 5px;
		border-radius: 20px;
	}
	
	.pc-banner .swiper-slide img {
		border-radius:21px;
	}
	.pc-banner .swiper-pagination {
		position: relative;
		margin-bottom: 0px; margin-top: 0;
	}

	.pc-banner .swiper-pagination-bullet {

	}
	.pc-banner .swiper-slide:after{     border: 4px solid #fff; }
	.pc-banner .swiper-pagination-bullet-active {
		
	}

	.pc-banner .button {
		width: 70%;
		bottom: 22px; display:none;
	}

	.pc-banner .button div {
		width: 28px;
		height: 28px;
	}

	.pc-banner .swiper-slide:after{  }
	
	
	.pc-banner h2{ font-size:20px; }
	.pc-banner p{ font-size:14px;     margin-bottom: 30px; }
	.nr_banner{     margin-bottom: 30px; overflow:hidden; margin-top: 55px; }
	.nr_banner img{ width:110%; }
	.nr_banner.ab_banner{ overflow:hidden}
	.nr_banner h2{ font-size:20px; margin-top:0; font-weight: 500; width:90%; margin-left:0; left:5%; }
 
	.about_nr{ padding-bottom:30px; padding-bottom: 20px; background-size: 1920px; }
	.about_nr .about_nr_left{ width:92%; margin-left:4%; margin-top: 30px;  }
	.about_nr .about_nr_left .about_1{ line-height: 32px; font-size: 20px; padding-top: 40px; padding-left: 20px; }
	
	.about_nr .about_nr_left p{ margin-top:20px;  font-size: 12px; margin-bottom:20px;}
	.about_nr .about_nr_left .more{ display:none; }
	
	.about_nr .about_nr_right { width:92%; margin-left:4%; margin-top: 0px;  }
	
	.about_nr_right img{ width:100%; }
	
	.youshi {
	   height: auto;
	       width: 90%;
	       flex: none;
	       display: block;
	       margin: 0 auto;
	}
	.youshi li {     padding: 6px;
    margin-bottom: 15px;
    font-size: 14px;
    margin-right: 4%;
    width: 48%;
    flex: none;
    float: left;
    box-sizing: border-box; }
	.youshi li img{  width:20px; }
	.youshi li:nth-child(2n){ margin-right:0; }
	
	
	.youshi li a{ padding: 5px 0px; font-size:12px; }
	
	.swiper-pagination-bullet{ padding: 2px; }
	
	.zszs{     padding:30px 0px; }
	.zszs h2{ font-size:20px; }
	.zszs p{ font-size:14px; }
	.zszs .swiper07{ margin-top:30px; }
	
	.home-section5 .flexbox .rightbox .bussiness-map .appoint .i{ flex: 0 0 20px;
    min-width: 20px;
    height: 20px; }
	.products_list.project.projecttwo ul{ margin-bottom: 0; }
	.products.productstwo h2{ font-size:16px; padding-top: 0; }
	.products_list.project.projecttwo ul li{ width:100%;  margin-bottom: 0;  padding-bottom: 0; }
	.products_list.project.projecttwo .miaoshu{     margin: 10px; margin-top: 0px; }
	.products_list.project.projecttwo .miaoshu {
 
	    line-height: 16px;
	}
	.more_a{     margin-left: 10px; }
	.home-section5 .leftbox ul{ width:90%;argin-top: 15px; margin-bottom: 15px; margin: 0 auto;  margin-top: 15px;  margin-bottom: 15px;  text-align: center; }
	.home-section5 .leftbox ul li .countryicon{ font-size:12px; }
	.home-section5 .leftbox ul li{ display: inline-block;  line-height: 20px;   margin: 5px 10px; width:auto; float:none; }
	
	
	.textandpic h2{font-size:16px; }
	.textandpic ul{ width: 90%;  display: block;   margin-top: 20px;  margin-bottom:20px; }
	.textandpic ul li{ flex: none;  width: 33%;  float: left;  text-align: center;   margin-bottom: 10px; }
	
	.products .textmiao.textmiaotwo{ font-size:12px; }
 
	.textandpic.textandpictwo ul{     width: 90%;  display: block;  margin-top: 30px;  margin-bottom: 30px;}
	.textandpic ul li{ flex:none; width: 33.333%;  float: left; text-align: center;  margin-bottom: 15px; }
	.textandpic ul img{ width:60px; }
	.textandpic ul span{ font-size:12px; height: 30px;     line-height: 15px; margin-top: 6px; }
	
	.textandpic.textandpicthree ul li{     height: 53px; }
	.products_list{   }
	.navpro ul li a{ font-size: 12px; }
	.navpro ul li{ margin: 0 10px;  padding: 7px 0px; }
	
	.footer {
	    background: #000;
	    padding: 20px 5%;
	    color: #fff;
	    font-size: 12px;
	    overflow: hidden;
	}
	
	.footer .footer_right {
	    float: left;
	    text-align: left;
	    line-height: 23px;
	    border-top: 1px solid #505050;
	    margin-top: 10px;
	    padding-top: 10px;
	    color: #929292;
	    width: 100%;
	}
	.whatsapp svg{ width: 50px;  height: 50px; }
	
	
	.location a, .location,.location .iconfont{     color: #a9a9a9;  font-size: 12px; }
	
	.cases .swiper-wrapper, .cases .swiper-container{ padding-bottom:30px; }
	
	.nr_banner.nr_bannergc h2 {
	    font-size: 14px;
	    width:90%;
	    margin: 0 auto;
	    line-height: 20px;
	    left:5%; top:40%;
	}
	
	.nr_banner span{ display:none; }
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 6px; }
	
	.container{ padding-right: 5%;   padding-left: 5%; }
	.proshow .proshowa{ padding:0;     padding-bottom: 20px; }
	.proshow .proshowa .text{ width:100%; font-size: 12px; }
	.proshowa ul li span {  padding: 5px 0px;}
	.proshowa ul li span:last-child {   line-height:20px; width: 70%;  padding-right: 0; }
	.proshowa ul li.materials{     margin: 16px 0; }
	.proshow .proshowa .button {
	    position: static;
	    display: block;
	    width: 100%;
	    text-align: center;
	    bottom: auto;
	    clear: both;
	    overflow: hidden;
	}
	.pro-title{ padding-top: 20px; }
	.proshow .button a {
	    margin-left: 0px;
	    width: 100%;
	    max-width: inherit;
	}
	.pro-title .text {
	    width: 100%;
	    padding: 0;
	    font-size: 16px;
	    margin-bottom: 15px;
	}
	.proshow svg{ width: 25px;
    height: 25px;
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -13px; }
	.proshowb{     padding-bottom: 15px; }
	.proshowb ul li{ width: 31.4%;     height: 80px; }
	.proshowb ul li:nth-child(5n){ margin-right: 2%; }
	.proshowb ul li:nth-child(3n){ margin-right:0; }
	
	.products.productstwo .swiper-pagination-bullet { padding:7px; }
	.products.productstwo{ padding-bottom: 30px; }
	
	.lyly .xptj{ line-height: 50px; }
	.lyly {
		padding: 0;
		    width: 90%;
	    padding-top: 25px;
	    margin-top: 25px;
	}
	.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;
	}
	#map{ 
		height:370px;
	}
	.shop_gn{ padding: 0 5%; }
	
	.contact .btm-row > span {
	    width: 100% !important;
	}
	
	.contact_a small {
	    font-size: 12px;
	    padding-left: 0;
	    display: inline-block;
	    width: 79%;
	    vertical-align: middle;
	}
	.contact .map{ margin-top:0; }
	
	.nav_nr {
	    width:100%; margin-top:0;
	}
	.nav_nr ul {
	    display: block;
	    overflow: hidden;
	    padding: 0;
	}
	.nav_nr li {
	    float: left;
	    width:33%;
	    padding: 0;
	}
	.nav_nr li a {
	    line-height: inherit;
	    font-size: 14px;
	    padding: 20px  5px;
	}
	.nav_nr li span{ width:20px; }
	 
	.nav_nr li:nth-child(3) a::after{ display:none;  }
	
	.you_title {
	    width: 100%;
	    box-sizing: border-box;
	}
	.you_title .title_txt h2{ font-size:16px; }
	.you_title .title_txt p{ font-size:12px; }
	.about_a_1 {
	    width: 100%;
	    margin-top: 30px;
	}
	.about_a_1 .idx-tags {
	    margin-left: 0;
	}
	.idx-tags {
	    margin-top: 30px;
	    margin-bottom: 0px;
	    width: 96%;
	}
	.idx-tags ul li {
	    width: 50%;
	    margin-bottom: 30px; font-size: 14px;
	}
	.about_a_2 {
	    width: 100%;
	}
	.about_a {
	    width: 90%;
	}
	.about_a_1 h2{ font-size:14px; }
	.about_a_1 p{ font-size: 12px;
    line-height: 180%; }
	
	.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; margin-top: -110px;
	}
	.yf {
	    margin-top: 40px; overflow:hidden; padding-top:0px; background:none; min-height: 460px;
	}
	.yf .bg {  width: 210%;} 
	.yf .swiper-slide{ border-radius: 0; }
	.yf .mySwiper {
	    width:90%;
	    padding-bottom: 32px;
	}
	.yf h2{ font-size: 16px; }
	.yf h2::after { margin: 0 auto;
	    margin-bottom: 20px;
	    margin-top: 20px;
	    width: 50px;
	    height: 2px; content:''; display:block; background: #ef361f;
	}
	.yf .swiper {     border-radius: 5px;  overflow: hidden; }
	.yf .mialtwo {
	    width: 90%;
	    margin: 0 auto;
	    text-align: center;
	    margin-top: 10px;
	    margin-bottom: 40px;
	    display: block;
	    font-size: 12px;
	}
	
	
	.nr_banner.nr_bannertwo.nr_banner_gl img {
	    position: absolute; z-index: -1;
	}
	.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%;
	       font-size: 12px;
	       line-height: 150%;
	       margin-top: 12px;
	       color: #8e8e8e;
	}
	.yf .swiper-pagination{ bottom: 20px; }
	.yf .swiper-pagination-bullet {  border: 1px solid #dddddd;  }
	.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 {
	    margin-top: 0;
	    height: auto;
	}
	.yf_bt .swiper-button-next, .yf_bt .swiper-button-prev {
	    color: #565656; display:none;
		
	}
	.yf_bt .swiper-button-next {
	    transform: scale(0.8);
	}
	.yf_bt .swiper-button-prev {
	    right: 70px;
	    transform: scale(0.8);
	}
	.yf_bt .linx {
	    position: absolute;
	    right: 59px;
	    top: 15px;
	    height: 23px;
	    width: 1px;
	    background: #fff;
	    opacity: 0.5;
	}
	 .yf_bt .left {
	     display: none;
	 }
	 
	 
	 .about .swiper04 .swiper-slide img{ width:100%; }
	 
	 .honor ul li {
	     width: 100%;
	     margin-top: 20px;
	 }
	 .honor ul li .pic {
	     height: 67.083vw;
	 }
	 .honor ul li .intr {
	     padding: 18px;
	     padding-top: 0;
	 }
	 .honor ul li .intr h2 {
	     font-size: 16px;
	     margin: 9px 0px;
	     text-align: center;
	     margin-top: 24px;
	 }
	 .honor{ padding: 5%;  padding-top: 0; }
	 
	  #products_list ul li{ margin-bottom:20px; }
	 .proshowa ul li:nth-child(1) span:nth-child(2){ font-size:20px; }
	 
	 
	 .proshuo_cen table, .proshuo_cen td{ display:block; }
	 .proshuo_cen img{ height: auto !important; width: 100% !important;  display: block; }
	 .proshuo_cen{ width: 100%;  margin: 0 auto; padding: 0; } 
	 .proshuo_cen tr td:nth-child(2){ border: none;
    padding-left: 0;
    line-height: 150%;
    padding: 5%;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
    color: #868686;}
	 .proshuo_cen h1{ font-size: 16px; font-weight: 500;  color: #000; }
	 .textandpic.mtop  { margin-top: 25px; }
	 .margintop{ margin-top: 20px; }
	 .showpro{     padding: 20px 0 20px 0; }
	 
	 
	 .about.about_group{     margin-top: 55px; }
	 
	.zhenshu{  width: 90%;
    margin: 0 auto;
    min-height: auto;
    color: #8d8d8d;
    margin-top: 20px;}
	.zhenshu img{ min-width: 100%;  height: auto !important;  width: 100% !important;     display: block; }
	.zhenshu ul li .pic{ width: 100%; padding: 0; margin-right: 0;
    height: auto; background:none; float:none; }
	.zhenshu ul li .text h2{ margin-bottom: 0;}
	.production{ width: 90%; }
	.production li{ width:100%; margin-right:0; margin-bottom:30px; }
	
	.footer .con-top .col-c{ width:100%; margin-top:15px; }
	.footer .con-top .col-l{ width:100%; margin-top: 20px; }
	.f-nav dl{ margin-right: 7%; }
	.f-nav dd{ font-size:12px; }
	.f-nav dt{ margin-bottom:0; font-size:16px; }
	.footer .f-bottom{width: 60%; }
	
	.f-nav dl:nth-child(2) {
	    width: 40%;
	    margin-right: 0;
	}
	.f-nav dl:nth-child(3) {
	   width: 40%;
	       margin-right: 0;
	   }
	
	.f-nav dl:nth-child(1) {
	    width: 53%;	}
  .page{ margin-top: 20px;  margin-bottom: 20px; }
  .products_list.project.projecttwo{ padding-bottom: 0; }