/*public*/

* {

  font-family: "Microsoft YaHei,Arial";

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  outline: none;

}

body {

  font-size: 12px;

  color: #333;

}

ol,

ul,

li,

dl,

dd {

  list-style: none;

}

img {

  border: none;

}

a {

  font-size: 12px;

  color: #333;

  text-decoration: none;

  transition: .5s all ease;

}

@font-face {

  font-family: 'iconfont';  /* project id 980260 */

  src: url('../iconfont/iconfont.eot');

  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),

  url('../iconfont/iconfont.woff') format('woff'),

  url('../iconfont/iconfont.ttf') format('truetype'),

  url('../iconfont/iconfont.svg#iconfont') format('svg');

}

/*head*/

.header{display:none;}

.head {

  overflow: hidden;

  position: fixed;

  top: 0;

  width: 100%;

  padding: 0 1.5%;

  text-align: center;

  font-size: 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  box-sizing: border-box;

  background: #fff;

  box-shadow: 0 0 5px #eee;

  transition: .5s all ease;

  z-index: 11;

}

.head .logo {

  overflow: hidden;

  float: left;

  margin: 4px auto;

}

.head .logo img {

  display: block;

  width: 100%;

  transition: .5s all ease;

}

.head .menu {

  overflow: hidden;

  float: left;

  margin: 20px 0 0 100px;

}

.head .menu #menu {

  overflow: hidden;

  line-height: 35px;

}

.head .menu #menu li {

  overflow: hidden;

  float: left;

  padding: 5px;

  margin: 0 10px;

}

.head .menu #menu li a {

  display: block;

  font-size: 15px;

  padding: 0 20px;

  border-radius: 35px;

}

.head .menu #menu li a:hover {

  color: #fff;

  background: #49a549;

  box-shadow: 0 0 5px #49a549;

}

.head .menu #menu li.active a {

  color: #fff;

  background: #49a549;

  box-shadow: 0 0 5px #49a549;

}

.head .operation {

  overflow: hidden;

  float: right;

  margin-top: 8px;

}

.head .operation .lang {

  overflow: hidden;

  /* position: absolute; */

  /* float: left; */

  font-size: 14px;

  line-height: 1.5;

  /* margin-right: 2px; */

  margin-left: 30px;

}

.head .operation .lang a {

  display: block;

  float: left;

  font-size: 14px;

  margin-top: 1px;

}

.head .operation .lang a:hover {

  color: #49a549;

}

.head .operation .lang span {

  display: block;

  float: left;

  margin: 0 5px;

}

.head .operation .search {

  overflow: hidden;

  position: relative;

  float: left;

  padding: 5px;

}

.head .operation .search input {

  display: block;

  font-size: 14px;

  min-width: 180px;

  line-height: 35px;

  border-radius: 35px;

  background: #f5f5f5;

  padding: 0 20px 0 20px;

  border: none;

  transition: .5s all ease;

}

.head .operation .search input:focus {

  box-shadow: 0 0 5px #ccc;

}

.head .operation .search button {

  position: absolute;

  top: 5px;

  right: 10px;

  display: block;

  float: left;

  width: 35px;

  height: 35px;

  background: url(../image/search_btn.png) center center no-repeat;

  cursor: pointer;

  border: none;

}

/*mobile compatible*/

.mobile{

	width: 100%;

	float: left;

	margin-top: 100px;

}

.mobile-inner{

	width: 550px;

	margin-right: auto;

	margin-left: auto;

	background-color: #fafafa;

	position: relative;

}

.mobile-inner img{

	width: 100%;

	margin-bottom: 30px;

}

.mobile-inner p{

	color: #676767;

	line-height: 25px;

	font-size: 16px;

	padding-bottom: 30px;

	padding-right: 30px;

	padding-left: 30px;

	margin:0px;

}

.mobile-inner-header{

	/*background-color: rgba(0,0,0,0.7);*/

	width: 100%;

	height: 50px;

	position: absolute;

	top: 0px;

	left: 0px;

}

.mobile-inner-header-icon{

	color: #ffffff;

	height: 50px;

	font-size:25px;

	text-align: center;

	float:right;

	width: 50px;

	position: relative;

	-webkit-transition: background 0.5s;

	-moz-transition: background 0.5s;

	-o-transition: background 0.5s;

	transition: background 0.5s;

}

.mobile-inner-header-icon:hover{

	background-color: rgba(255,255,255,0.2);

	cursor: pointer;

}

.mobile-inner-header-icon span{

	position: absolute;

	left: calc((100% - 25px) / 2);

	top: calc((100% - 1px) / 2);

	width: 25px;

	height: 1px;

	background-color: rgb(101 173 72);

}

.mobile-inner-header-icon span:nth-child(1){

transform: translateY(4px) rotate(0deg);

	}

.mobile-inner-header-icon span:nth-child(2){

transform: translateY(-4px) rotate(0deg);

	}

	







	

.mobile-inner-header-icon-click span:nth-child(1){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: clickfirst;

	}		

.mobile-inner-header-icon-click span:nth-child(2){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: clicksecond;

	}

	





@keyframes clickfirst {

  0% {

	  transform: translateY(4px) rotate(0deg);

	  

  }



  100% {

    transform: translateY(0) rotate(45deg);

  }

}	







@keyframes clicksecond {

  0% {

	  transform: translateY(-4px) rotate(0deg);

  }



  100% {

    transform: translateY(0) rotate(-45deg);

  }

}	



.mobile-inner-header-icon-out span:nth-child(1){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: outfirst;

	}		

.mobile-inner-header-icon-out span:nth-child(2){

	animation-duration: 0.5s;

	animation-fill-mode: both;

	animation-name: outsecond;

	}



@keyframes outfirst {

  0% {

    transform: translateY(0) rotate(-45deg);

  }



  100% {

    transform: translateY(-4px) rotate(0deg);

  }

}	







@keyframes outsecond {

  0% {

    transform: translateY(0) rotate(45deg);

  }



  100% {

    transform: translateY(4px) rotate(0deg);

  }

}



.mobile-inner-nav{

	background-color: rgba(0,0,0,0.9);

	width: 100%;

	position: absolute;

	top: 50px;

	left: 0px;

	padding-top: 30px;

	padding-bottom: 80px;

	display: none;

}

.mobile-inner-nav a{

	display: inline-block;

	line-height: 50px;

	text-decoration: none;

	width: 80%;

	margin-left: 10%;

	color: #FFFFFF;

	border-bottom: solid 1px rgba(255,255,255,0.3);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	-o-transition: all 0.5s;

	transition: all 0.5s;

	font-weight:300;

}

.mobile-inner-nav a:hover{

	color: rgba(255,255,255,0.4);

	border-bottom: solid 1px rgba(255,255,255,0.2);

}

.head .nav_xl_a {

  display: none;

  position: absolute;

  top: 50%;

  right: 1%;

  transform: translateY(-50%);

  width: 60px;

  height: 50px;

  cursor: pointer;

}

.head .nav_xl_a:before,

.head .nav_xl_a:after {

  position: absolute;

  content: '';

  left: 51%;

  top: 50%;

  margin-left: -15px;

  width: 30px;

  height: 2px;

  background: #49a549;

  transition: .5s all ease;

}

.head.cur .nav_xl_a:before,

.head.cur .nav_xl_a:after {

  background: #49a549;

}

.head .nav_xl_a:before {

  -webkit-transform: translate3d(0, -10px, 0);

  transform: translate3d(0, -10px, 0);

}

.head .nav_xl_a:after {

  -webkit-transform: translate3d(0, 10px, 0);

  transform: translate3d(0, 10px, 0);

}

.head .nav_xl_a span {

  position: absolute;

  opacity: 1;

  left: 51%;

  top: 50%;

  margin-left: -14.5px;

  width: 23px;

  height: 2px;

  background: #49a549;

  transition: .5s all ease;

}

.head.cur .nav_xl_a span {

  background: #49a549;

}

.head .a1:before {

  -webkit-transform: rotate3d(0, 0, 1, 45deg);

  transform: rotate3d(0, 0, 1, 45deg);

}

.head .a1:after {

  -webkit-transform: rotate3d(0, 0, 1, -45deg);

  transform: rotate3d(0, 0, 1, -45deg);

}

.head .a1 span {

  opacity: 0;

}

.head .nav_xl {

  overflow: hidden;

  position: fixed;

  left: 0;

  top: 75px;

  width: 100%;

  height: 0%;

  background: rgba(0, 0, 0, 0.8);

  z-index: 9999;

  transition: .5s all ease;

}

.head .nav_xl ul {

  overflow: hidden;

  padding: 4% 4% 0;

}

.head .nav_xl ul li {

  overflow: hidden;

  line-height: 45px;

  background: rgba(21, 78, 159, 0.7);

  margin-left: 100px;

  margin-bottom: 2.5%;

  transition: .5s all ease;

}

.head .nav_xl ul li:nth-child(2n) {

  margin-left: 0;

  margin-right: 100px;

}

.head .nav_xl ul li a {

  display: block;

  text-align: center;

  font-size: 17px;

  color: #fff;

}

.head .nav_xl ul li:hover {

  background: #49a549;

}

.head .nav_xl ul li.cur {

  background: #49a549;

}

.head .nav_xl .l1 li {

  margin-left: 0;

}

.head .nav_xl .l1 li:nth-child(2n) {

  margin-right: 0;

}

.head .nav_xl .ceng {

  width: 100%;

  height: 100%;

}

.head .menu ul li.cur a {color: #fff; background: #49a549; box-shadow: 0 0 5px #49a549;}

.head .nav_xl li.cur {background: rgba(21,78,159,1);}

.page_menu .page_nav li.cur a {color: #fff; background: #49a549; box-shadow: 0 0 5px #49a549;}

.page_nav_xl ul li.cur a {color: #49a549;}

/**/

.header {

    border-bottom: 1px solid #e2e8f0;

    display: none;

}



.navbar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 1rem 1.5rem;

    z-index: 999;

}



.bar {

    display: block;

    width: 25px;

    height: 3px;

    margin: 5px auto;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    background-color: #101010;

}



.hamburger {

    display: none;

}



.bar {

    display: block;

    width: 25px;

    height: 3px;

    margin: 5px auto;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    background-color: #49a549;

}



.nav-menu {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.nav-item {

    margin-left: 5rem;

}



.nav-link {

    font-size: 1.2rem;

    font-weight: 400;

    color: #475569;

}



.nav-link:hover {

    color: #482ff7;

}



.nav-logo {

    font-size: 2.1rem;

    font-weight: 500;

    color: #482ff7;

}

/**/

.banner {

  overflow: hidden;

  width: 100%;

  height: 100%;

}



.swiper-slide .text{

  position: absolute;

  top: 30%;

  left:28%;

  width:30%;

  line-height:2;

}

.swiper-slide .text .h2{font-size: 2.5rem;text-shadow: 1px 1px 2px #ffffff;

  color: #2d699f}

.swiper-slide .text .ccont{font-size: 1.5rem;color: darkred;}

.lh-btn {}

.m_banner {

  display: none;

  position: relative;

}

.banner .swiper-slide a {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  display: block;

  width: 100%;

  height: 100%;

  background-position: center center;

  background-repeat: no-repeat;

}

.swiper-slide {

  overflow: hidden;

}

.swiper-slide img {

  display: block;

  width: 100%;

}

.swiper-pagination span {

  width: 12px;

  height: 12px;

  border-radius: 12px;

  background: #fff;

  opacity: 1;

  transition: .5s all ease;

}

.swiper-pagination span.swiper-pagination-bullet-active {

  width: 24px;

  background: #49a549;

}

#index1 .swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

  bottom: 25px !important;

}

/*page_banner*/

.page_banner {

  overflow: hidden;

  position: relative;

  margin-top: 80px;

}

.page_banner img {

  display: block;

  width: 100%;

}

.page_banner .title {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 1400px;

}

.page_banner .title span {

  position: relative;

  font-size: 40px;

  color: #fff;

  padding-bottom: 25px;

}

.page_banner .title span::before {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 49%;

  height: 4px;

  background: #fff;

}

.page_banner .title p {

  font-size: 21px;

  color: #fff;

  margin-top: 45px;

}

/*banner by maxwo*/







/*banner by maxwo*/

.main {

  overflow: hidden;

}

.framecenter {

  overflow: hidden;

  margin: 0 auto 3%;

}

.title_view {

  overflow: hidden;

  text-align: center;

  margin-bottom: 2%;

}

.title_view div {

  overflow: hidden;

  display: inline-block;

  text-align: center;

  font-size: 0;

  line-height: initial;

}

.title_view div span {

  display: block;

  font-size: 40px;

  color: #49a549;

}

.title_view div p {

  display: inline-block;

  position: relative;

  font-size: 30px;

  color: #35659a;

  padding-top: 13px;

  margin-top: 10px;

}

.title_view div p::after {

  content: '';

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  width: 40%;

  height: 3px;

  background: #49a549;

}

.con_view {

  overflow: hidden;

  width: 1400px;

  margin: 0 auto;

  font-size: 14px;

  line-height: 27px;

}

.con_view img {

  display: block;

  max-width: 100%;

}

.con_view.cur {

  margin: 40px auto 0;

}

.idx_about {

  overflow: hidden;

}

.idx_about .title {

  overflow: hidden;

  flex: 1;

  margin-right: 5%;

}

.idx_about .title p{font-size: 1rem;line-height: 2;}

.idx_about .con {

  overflow: hidden;

  display: flex;

  align-items: center;

}

.idx_about .con .pic {

  overflow: hidden;

  position: relative;

  float: right;

  width: 720px;

  height: 540px;

  perspective: 1000px;

  -webkit-perspective: 1000px;

  transform-style: preserve-3d;

}

.idx_about .con .pic div {

  position: absolute;

  width: 180px;

  height: 180px;

  background: #fff;

  text-align: center;

  opacity: 0;

  transform: rotateY(-90deg);

  background-position: center center;

  background-repeat: no-repeat;

}

.idx_about .con .pic div a {

  display: block;

  width: 100%;

  height: 100%;

}

.idx_about .con .pic div p {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

  padding: 0 10%;

  font-size: 27px;

  color: #fff;

}

.idx_about .con .pic .d1 {

  left: 180px;

  top: 0;

  transform-origin: 0 100%;

  background-image: url(../image/idx_about_t1.jpg);

}

.idx_about .con .pic .d2 {

  left: 0;

  top: 180px;

  transform-origin: 0 100%;

  background-image: url(../image/idx_about_t2.jpg);

}

.idx_about .con .pic .d3 {

  left: 180px;

  top: 180px;

  background: #93d154;

  transform-origin: 0 100%;

}

.idx_about .con .pic .d4 {

  right: 180px;

  top: 180px;

  transform-origin: 100% 0;

  background-image: url(../image/idx_about_t3.jpg);

}

.idx_about .con .pic .d5 {

  right: 0;

  top: 180px;

  background: #07b1ee;

  transform-origin: 100% 0;

}

.idx_about .con .pic .d6 {

  right: 180px;

  bottom: 0;

  background: #0171c5;

  color: #fff;

  transform-origin: 100% 0;

  transform: rotatex(-90deg);

}

.idx_about .con .pic .d7 {

  right: 180px;

  top: 0;

  background: #03ad55;

  color: #fff;

  transform-origin: 100% 0;

  transform: rotatex(-90deg);

}

.section.active .idx_about .pic div {

  opacity: 1;

  transform: rotateY(0deg);

}

.section.active .idx_about .pic .d1 {

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;

}

.section.active .idx_about .pic .d2 {

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;

}

.section.active .idx_about .pic .d3 {

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 840ms;

}

.section.active .idx_about .pic .d4 {

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1680ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1680ms;

}

.section.active .idx_about .pic .d5 {

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1400ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1400ms;

}

.section.active .idx_about .pic .d6 {

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1120ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1120ms;

  transform: rotateX(0);

}

.section.active .idx_about .pic .d7 {

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1120ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 1120ms;

  transform: rotateX(0);

}

.idx_pro {

  overflow: hidden;

}

.idx_pro .list {

  overflow: hidden;

}

.idx_pro .list ul {

  overflow: hidden;

  display: flex;

  align-items: center;

}

.idx_pro .list ul li {

  overflow: hidden;

  flex: 1;

  background: #49a549;

}

.idx_pro .list ul li div {

  overflow: hidden;

      width: 100.1%;

}

.idx_pro .list ul li div img {

  display: block;

  width: 100%;

  transition: .5s all ease;

}

.idx_pro .list ul li p {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 17px;

  color: #fff;

  padding: 0 5%;

  line-height: 50px;

  text-align: center;

}

.idx_pro .list ul li:hover div img {

  -webkit-transform: scale(1.08);

  -moz-transform: scale(1.08);

  transform: scale(1.08);

}

.idx_news {

  overflow: hidden;

  position: relative;

  padding: 0 5px 60px;

}

.idx_news .news_banner {

  overflow: hidden;

  box-shadow: 0 0 5px #ddd;

}

.idx_news .news_banner .swiper-slide a {

  overflow: hidden;

  display: flex;

  background: #fff;

}

.idx_news .news_banner .swiper-slide a .pic {

  overflow: hidden;

  flex: .8;

}

.idx_news .news_banner .swiper-slide a .title {

  overflow: hidden;

  flex: 1;

  padding: 4% 3% 3% 3%;

}

.idx_news .news_banner .swiper-slide a .title p {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 4;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 4;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 4;

}

.idx_news .news_banner .swiper-slide a .title p:nth-child(1) {

  font-size: 24px;

  color: #333;

  margin-bottom: 1%;

  -webkit-line-clamp: 1;

  -moz-line-clamp: 1;

  -o-line-clamp: 1;

  -ms-line-clamp: 1;

}

.idx_news .news_banner .swiper-slide a .title span {

  display: block;

  margin: 1% auto;

  font-size: 14px;

  color: #999;

}

.idx_news .news_banner .swiper-slide a .more {

  position: absolute;

  right: 3%;

  bottom: 40px;

  padding: 0 20px;

  line-height: 35px;

  font-size: 14px;

  color: #35659a;

  border-radius: 35px;

  border: 1px solid #35659a;

}

.idx_news .news_banner .swiper-slide a .more:hover {

  color: #fff;

  background: #35659a;

  box-shadow: 0 0 5px #35659a;

}

.idx_contact {

  overflow: hidden;

  width: 1400px;

  margin: 0 auto;

}

.idx_contact .title_view {

  margin-bottom: 10%;

}

.idx_contact .con {

  overflow: hidden;

  display: flex;

  align-items: center;

  background: #49a549;

  border-radius: 40px 0 40px 0;

}

.idx_contact .con .title {

  overflow: hidden;

  flex: 1;

}

.idx_contact .con .title div {

  overflow: hidden;

  margin: 0 6% 0 12%;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 8;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 8;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 8;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 8;

}

.idx_contact .con .title div p {

  font-size:  1.2rem;

  color: #fff;

  line-height: 2;

}

.idx_contact .con .title div a {

  font-size: 1.2rem;

  color: #fff;

  line-height: 27px;

  text-decoration: none;

}

.idx_contact .con img {

  overflow: hidden;

  flex: 1;

}

/*footer*/

.footer {

  width: 100%;

  padding: 15px 15px 61px;

  line-height: 23px;

}

.footer .copyright {

  /*float: left;*/

  color: #323232;

}

.footer .copyright p{font-size: 0.8rem;    text-align: center;}

.footer .copyright a {

  margin-left: 15px;

}

.footer .copyright a:hover {

  color: #49a549;

}

.footer .media {

    position: absolute;

    bottom: 8%;

    right: 8%;

}

.footer .media a {

  display: block;

  float: left;

  margin-right: 10px;

  width: 32px;

  height: 32px;

  border-radius: 32px;

  border: 1px solid #787878;

  background-position: center center;

  background-repeat: no-repeat;

}



.footer .media a:hover {

  background-color: #49a549;

  border-color: #49a549;

  box-shadow: 0 0 5px #49a549;

}

.footer .media a:nth-last-child(1) {

  margin-right: 0;

}

.footer .media .wb {

  background-image: url(../image/footer_t1.png);

}

.footer .media .wb:hover {

  background-image: url(../image/footer_t1_hover.png);

}

.footer .media .wx {

  position: relative;

  background-image: url(../image/footer_t2.png);

  cursor: pointer;

}



.footer .media .wx .code {

  display: none;

  position: absolute;

  width: 100px;

  height: 100px;

  left: 50%;

  transform: translateX(-50%);

  bottom: 50px;

  padding: 5px;

  background: #fff;

  box-shadow: 0 0 5px #ccc;

}

.footer .media .wx .code img {

  display: block;

  max-width: 100%;

}



.footer .media .wx:hover {

  background-image: url(../image/footer_t2_hover.png);



}





.footer .media .qq {

  background-image: url(../image/footer_t3.png);

}

.footer .media .qq:hover {

  background-image: url(../image/footer_t3_hover.png);

}

.footer.cur {

  position: fixed;

  z-index: 9999;

  bottom: 0;

  padding: 10px 30px;

  background: rgba(255,255,255,0.5);

}

/*page*/

.page_menu {

  overflow: hidden;

  width: 1400px;

  margin: 2% auto 3%;

}

.page_menu .page_nav {

  overflow: hidden;

  float: left;

  line-height: 35px;

}

.page_menu .page_nav li {

  overflow: hidden;

  float: left;

  padding: 5px;

  margin: 0 10px 5px 0;

}

.page_menu .page_nav li a {

  display: block;

  padding: 0 20px;

  font-size: 15px;

  border-radius: 35px;

  background: #eee;

}

.page_menu .page_nav li a:hover {

  color: #fff;

  background: #49a549;

  box-shadow: 0 0 5px #49a549;

}

.page_menu .page_nav li:nth-last-child(1) {

  margin-right: 0;

}

.location {

  overflow: hidden;

  font-size: 15px;

  color: #666;

  background: #f5f5f5;

}

.location .con_view {

  line-height: 40px;

}

.location .con_view a {

  font-size: 14px;

  color: #666;

}

.location .con_view a:hover {

  color: #49a549;

}

.page_con {

  overflow: hidden;

}

/*page_view*/

.page_view {

  overflow: hidden;

}

/*about_view*/

.about_view {

  overflow: hidden;

}

.about_view .about_title {

  font-size: 32px;

  line-height: initial;

  text-align: center;

  margin-bottom: 2%;

}

.about_view .about_con1,

.about_view .about_con2,

.about_view .about_con3,

.about_view .about_con4,

.about_view .about_con5,

.about_view .about_con6 {

  overflow: hidden;

  padding-top: 90px !important;

}

.about_view .about_con1 {

  overflow: hidden;

  margin-bottom: 4%;

}

.about_view .about_con2 {

  overflow: hidden;

  text-align: center;

  margin-bottom: 4%;

}

.about_view .about_con3 {

  overflow: hidden;

  padding: 4% 0 0;

  background: linear-gradient(to right, #2b72a6 0%, #00a44f 100%);

  margin-bottom: 4%;

}

.about_view .about_con3 .about_title {

  color: #fff;

}

.about_view .about_con3 .con {

  overflow: hidden;

  display: flex;

  text-align: center;

}

.about_view .about_con3 .con div {

  overflow: hidden;

  flex: 1;

  margin-bottom: 4%;

}

.about_view .about_con3 .con div span {

  display: block;

  position: relative;

  margin: 0 auto 3%;

  width: 180px;

  height: 180px;

  line-height: 180px;

  border-radius: 180px;

  background: rgba(255, 255, 255, 0.2);

}

.about_view .about_con3 .con div span p {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 165px;

  height: 165px;

  line-height: 165px;

  border-radius: 165px;

  font-size: 34px;

  background: #fff;

}

.about_view .about_con3 .con div p {

  font-size: 17px;

  color: #fff;

  line-height: 30px;

}

.about_view .about_con3 .con div.d1 span p {

  color: #0071c5;

}

.about_view .about_con3 .con div.d2 span p {

  color: #06b1ee;

}

.about_view .about_con3 .con div.d3 span p {

  color: #03ad55;

}

.about_view .about_con3 .con div.d4 span p {

  color: #93d154;

}

.about_view .about_con4 {

  overflow: hidden;

  margin-bottom: 0%;

}

.about_view .about_con4 .con {

  overflow: hidden;

}

.about_view .about_con4 .con .title {

  overflow: hidden;

  float: left;

  width: 40%;

}

.about_view .about_con4 .con .title ul {

  overflow: hidden;

}

.about_view .about_con4 .con .title ul li {

  overflow: hidden;

  list-style: inside;

  font-size: 19px;

  line-height: 40px;

}

.about_view .about_con4 .con .pic {

  overflow: hidden;

  float: right;

  width: 55%;

}

.about_view .about_con4 .con .pic img {

  display: block;

  width: 100%;

}

.about_view .about_con5 {

  overflow: hidden;

  margin-bottom: 4%;

}

.about_view .about_con5 .con {

  overflow: hidden;

}

.about_view .about_con5 .con dl {

  overflow: hidden;

  position: relative;

  max-width: 750px;

  margin: 0 auto;

  padding: 7% 0;

}

.about_view .about_con5 .con dl dd {

  overflow: hidden;

  position: relative;

  margin-bottom: 7%;

}

.about_view .about_con5 .con dl dd .date {

  overflow: hidden;

  float: left;

  width: 42%;

  font-size: 26px;

  color: #49a549;

  text-align: right;

  margin: 0 4%;

}

.about_view .about_con5 .con dl dd .title {

  overflow: hidden;

  float: right;

  width: 42%;

  font-size: 16px;

  margin: 0 4%;

}

.about_view .about_con5 .con dl dd i {

  position: absolute;

  left: 50%;

  top: 4px;

  transform: translateX(-50%);

  width: 20px;

  height: 20px;

  border: 1px solid #ddd;

  border-radius: 20px;

  background: #fff;

  z-index: 1;

}

.about_view .about_con5 .con dl dd i::before {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 9px;

  height: 9px;

  border-radius: 9px;

  background: #333;

}

.about_view .about_con5 .con dl dd:nth-last-child(1) {

  margin-bottom: 0;

}

.about_view .about_con5 .con dl dd:nth-child(2n) .date {

  float: right;

  text-align: left;

}

.about_view .about_con5 .con dl dd:nth-child(2n) .title {

  float: left;

}

.about_view .about_con5 .con dl::before {

  content: '';

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 21px;

  height: 21px;

  border: 1px solid #ddd;

  border-radius: 21px;

}

.about_view .about_con5 .con dl::after {

  content: '';

  position: absolute;

  top: 22px;

  left: 50%;

  transform: translateX(-50%);

  width: 1px;

  height: 100%;

  background: #ddd;

}

.about_view .about_con6 {

  overflow: hidden;

  margin-bottom: 4%;

}

.about_view .about_con6 .con {

  overflow: hidden;

}

.about_view .about_con6 .con .title {

  overflow: hidden;

  padding: 0 10%;

  font-size: 16px;

  color: #666;

  line-height: 35px;

  text-align: center;

  margin-bottom: 2%;

}

.about_view .about_con6 .con .join_list {

  overflow: hidden;

}

.about_view .about_con6 .con .join_list .join_list_title {

  font-size: 16px;

  color: #fff;

  padding: 0 3%;

  line-height: 55px;

  background: #49a549;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.about_view .about_con6 .con .join_list .join_list_con {

  overflow: hidden;

}

.about_view .about_con6 .con .join_list .join_list_con .button {

  display: block;

  font-size: 16px;

  padding: 0 3%;

  line-height: 55px;

  border-bottom: 1px solid #eee;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  cursor: pointer;

}

.about_view .about_con6 .con .join_list .join_list_con .con {

  overflow: hidden;

  font-size: 15px;

  padding: 2% 3%;

  line-height: 35px;

  background: #eee;

}

.about_view .about_con6 .con .join_list .join_list_con .con span {

  color: #000;

  font-weight: bold;

}

.about_view .about_con6 .con .join_list .join_list_con .con b {

  color: #49a549;

}

/*news_list*/

.news_list {

  overflow: hidden;

  min-height: 460px;

}

.news_list ul {

  overflow: hidden;

  padding: 5px;

}

.news_list ul li {

  overflow: hidden;

  margin-bottom: 2%;

  transition: .5s all ease;

}

.news_list ul li a {

  overflow: hidden;

  display: flex;

}

.news_list ul li a .pic {

  overflow: hidden;

  flex: 1;

}

.news_list ul li a .pic img {

  display: block;

  width: 100%;

  transition: .5s all ease;

}

.news_list ul li a .title {

  overflow: hidden;

  flex: 3.5;

  margin: 0 4%;

  line-height: 27px;

  border-bottom: 1px solid #eee;

}

.news_list ul li a .title span {

  display: block;

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 1.5%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.news_list ul li a .title p {

  font-size: 16px;

  color: #666;

  overflow: hidden;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  display: -moz-box;

  -moz-box-orient: vertical;

  -moz-line-clamp: 2;

  display: -o-box;

  -o-box-orient: vertical;

  -o-line-clamp: 2;

  display: -ms-box;

  -ms-box-orient: vertical;

  -ms-line-clamp: 2;

}

.news_list ul li a .title p:nth-child(2) {

  color: #999;

  margin-bottom: 1.5%;

}

.news_list ul li:nth-last-child(1) {

  margin-bottom: 0;

}

.news_list ul li:hover img {

  -webkit-transform: scale(1.08);

  -moz-transform: scale(1.08);

  transform: scale(1.08);

}

/*pro_list*/

.pro_list {

  overflow: hidden;

  min-height: 460px;

}

.pro_list ul {

  overflow: hidden;

  padding: 5px;

  display: flex;

  justify-content: flex-start;

  flex-wrap: wrap;

  

}

.pro_list ul li {

  overflow: hidden;

  position: relative;

  top: 0;

  float: left;

  width: 23%;

  margin: 0 1% 2%;

  background: #fff;

  border: 1px solid #eee;

  transition: .5s all ease;

}

.pro_list ul li:nth-child(4n){margin-right:0}

.pro_list ul li div {

  overflow: hidden;

}

.pro_list ul li div img {

  display: block;

  width: 100%;

  transition: .5s all ease;

  max-height: 230px;

  overflow: hidden;

}

.pro_list ul li p {

  font-size: 16px;

  color: #666;

  padding: 0 5%;

  line-height: 50px;

  text-align: center;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  background: aliceblue;

}

.pro_list ul li:hover {

  box-shadow: 0 0 5px #ccc;

  top: -5px;

}

.pro_list ul li:hover div img {

  -webkit-transform: scale(1.08);

  -moz-transform: scale(1.08);

  transform: scale(1.08);

}

/*pro_view*/

.pro_view {

  overflow: hidden;

}

.pro_view .introduction {

  overflow: hidden;

  position: relative;

  display: flex;

  margin-bottom: 4%;

}

.pro_view .introduction .back {

  display: none;

  position: absolute;

  top: 15px;

  left: 15px;

  padding: 0 30px;

  line-height: 32px;

  font-size: 14px;

  color: #fff;

  border: 1px solid #ddd;

  background: rgba(21, 78, 159, 0.7);

  z-index: 10;

}

.pro_view .introduction .back:hover {

  background: #49a549;

  border-color: #49a549;

}

.pro_view .introduction .pic {

  overflow: hidden;

  position: relative;

  flex: .8;

  margin-right: 5%;

}

.pro_view .introduction .pic img {

  display: block;

  width: 100%;

}

.pro_view .introduction .pic .pro_banner {

  overflow: hidden;

  margin-bottom: 20px;

}

.pro_view .introduction .pic .pro_banner .swiper-button-prev {

  top: initial;

  left: 0;

  bottom: 4.5%;

}

.pro_view .introduction .pic .pro_banner .swiper-button-prev::after {

  font-size: 27px;

}

.pro_view .introduction .pic .pro_banner .swiper-button-next {

  top: initial;

  right: 0;

  bottom: 4.5%;

}

.pro_view .introduction .pic .pro_banner .swiper-button-next::after {

  font-size: 27px;

}

.pro_view .introduction .pic .pro_banner_menu {

  width: 86%;

  margin: 0 auto;

}

.pro_view .introduction .pic .pro_banner_menu .swiper-slide {

  width: 25%;

  border: 3px solid #fff;

  opacity: 0.7;

  cursor: pointer;

  transition: .5s all ease;

}

.pro_view .introduction .pic .pro_banner_menu .swiper-slide-thumb-active {

  border-color: #49a549;

  opacity: 1;

}

.pro_view .introduction .title {

  overflow: hidden;

  flex: 1;

}

.pro_view .introduction .title .bt {

  font-size: 22px;

  color: #333;

  font-weight: bold;

  margin-bottom: 2%;

}

.pro_view .introduction .title .text {

  overflow: hidden;

  font-size: 15px;

  color: #666;

  line-height: 33px;

}

.pro_view .details {

  overflow: hidden;

}

.pro_view .details .details_con {

  overflow: hidden;

  margin-bottom: 2%;

}

.pro_view .details .details_con .title {

  font-size: 20px;

  line-height: initial;

  margin-bottom: 1.5%;

}

.pro_view .details .details_con .con {

  overflow: hidden;

  font-size: 14px;

  color: #666;

  line-height: 27px;

}

.pro_view .details .details_con .con img {

  display: block;

  max-width: 100%;

}

.pro_view .details .details_con .con table {

  width: 100%;

  line-height: 48px;

  text-align: center;

  border-collapse: collapse;

  border: 1px solid #ddd;

}

.pro_view .details .details_con .con table tr:nth-child(1) {

  background: #eee;

}

.pro_view .details .details_con:nth-last-child(1) {

  margin-bottom: 0;

}

/*mobile compatible*/

.page_nav_xl {

  display: none;

  position: relative;

  font-size: 15px;

  line-height: 46px;

  text-indent: 3%;

  color: #fff;

  background: #49a549;

  cursor: pointer;

  transition: .5s all linear;

}

.page_nav_xl img {

  position: absolute;

  right: 3%;

  top: 50%;

  margin-top: -3.5px;

  transition: .5s all ease;

}

.page_nav_xl ul {

  overflow: hidden;

  display: none;

  position: absolute;

  left: 0;

  top: 46px;

  margin: 0 auto;

  width: 100%;

  background: #eee;

  z-index: 10;

}

.page_nav_xl ul li {

  overflow: hidden;

  line-height: 40px;

  text-align: left;

  text-indent: 4%;

  border-bottom: 1px solid #ccc;

}

.page_nav_xl ul li a {

  display: block;

  font-size: 14px;

  color: #666;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.page_nav_xl ul li a:hover {

  color: #49a549;

}

.page_nav_xl ul li.cur a {

  color: #49a549;

}

.page_nav_hover img {

  transform: rotate(-180deg);

}

.page_nav_ceng {

  position: fixed;

  left: 0;

  width: 100%;

  height: 100%;

}

/*pages*/

.pages {

  /* overflow: hidden; */

  font-size: 0;

  text-align: center;

  margin-top: 30px;

  float: left; position: relative; left: 50%

}

.pages li{float: left; position: relative; left: -50%}

.pages a {

  display: inline-block;

  font-size: 14px;

  color: #999;

  padding: 0 17px;

  line-height: 41px;

  margin: 0 5px 8px;

  border: 1px solid #ccc;

  border-radius: 5px;

}

.pages a:hover {

  color: #fff;

  border-color: #49a549;

  background: #49a549;

}

.pages a.cur {

  color: #fff;

  border-color: #49a549;

  background: #49a549;

}



/* 必要布局样式css */

.cloud-content {

  background: #f5f5f5;

  padding: 80px 0;

}



.cloud-header {

  width: 1180px;

  margin: 0 auto;

  position: relative;

}



.cloud-header h3 {

  font-weight: normal;

  text-align: center;

  margin-bottom: 40px;

  color: #333;

}



.cloud-header h3 em {

  display: block;

  margin-bottom: 14px;

  font-style: normal;

  font-size: 30px;

}



.cloud-header h3 span {

  font-size: 16px;

  opacity: .6;

}



.cloud-wrapper .cloud-card {

  float: left;

  padding: 20px;

  cursor: pointer;

  min-height: 310px;

  background: transparent;

  width: calc(33% - -3px);

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  -ms-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  text-decoration: none;

  margin-bottom: 2%;

  background: #fff;

}



.cloud-card-image {

  height: 200px;

  overflow: hidden;

  position: relative;

}



.cloud-card-text {

  margin-top: 10px;

  color: #666;

  font-size: 14px;

  line-height: 24px;

  padding: 5%;

}



.cloud-card-image-back {

  width: 100%;

  height: 200px;

  background: url(../image/cloud001.png) no-repeat center;

  background-size: cover;

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease,-webkit-transform .5s ease;

}



.cloud-card-image .cloud-card-image-back {

  z-index: 0;

  position: absolute;

}



.cloud-card-image-title {

  width: 100%;

  color: #fff;

  text-align: center;

  font-size: 24px;

  line-height: 200px;

  position: absolute;

  z-index: 1;

}



.cloud-wrapper .cloud-card:hover .cloud-scale {

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2)

}



.cloud-wrapper .cloud-card:hover {

  background: #fff;

  -webkit-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);

  -moz-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);

  box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);

}



.cloud-card-image-back01 {

  width: 100%;

  height: 200px;

  background: url(../image/cloud002.png) no-repeat center;

  background-size: cover;

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease,-webkit-transform .5s ease;

  z-index: 0;

  position: absolute;

}



.cloud-card-image-back02 {

  width: 100%;

  height: 200px;

  background: url(../image/cloud003.png) no-repeat center;

  background-size: cover;

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: -webkit-transform .5s ease;

  transition: -webkit-transform .5s ease;

  transition: transform .5s ease;

  transition: transform .5s ease,-webkit-transform .5s ease;

  z-index: 0;

  position: absolute;

}

.product_wel li{width:390px;float:left}

.product_wel li span{position:relative;z-index:2}

.product_wel li a .w100{

	width: 100%;

}

.product_wel li a{display:block;width:100%;height:100%;position:relative}

.product_wel li:hover a:after{content:"";left:0;top:0;width:100%;height:100%;position:absolute;    background: #fafafa75;}

.product_wel li:first-child{margin-left:0}

.product_wel li a{position:relative;height:100%;width:100%;display:block}

.product_wel li a span{position:absolute;left:0;width:100%;display:block;bottom:30px;height:50px;padding:0 30px;color:#fff;font-size:16px;line-height:18px;}

.product_wel li a span font{float:left;}

.product_wel li a span font strong{font-size:24px;line-height:26px;font-weight:normal;}

.product_wel li a span em{position:absolute;right:30px;bottom:4px}

.product_wel .left{float:left;width:50%;height:386px;overflow:hidden;position:relative}

.product_wel .left:after{width:26px;height:52px;content:"";background:url(../image/c1.png) no-repeat;position:absolute;right:0;top:70%}

.product_wel .left img{height:100%}

.product_wel .right{text-align:center;color:#999;line-height:24px;color:#999;font-size:14px;padding:60px 80px;float:left;width:50%;}

.product_wel .right h1{margin-bottom:20px;font-size:30px;color:#0a4e97;line-height:32px;}

.product_wel .right span{color:#0a4e97;font-size:18px;line-height:20px;display:block;margin-bottom:45px;}

.product_wel li.two .left{float:right;}

.product_wel li.two .right{float:left;}

.product_wel li.two .left:after{width:26px;height:52px;content:"";background:url(../image/c1.png) no-repeat;position:absolute;left:0;top:20%;transform:rotate(-180deg);}

.product_wel .right .text{margin-bottom:36px;}

.product_wel .right b{border:1px solid #84a6cb;width:150px;height:46px;line-height:46px;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#0a4e97;display:block;position:relative;text-transform:uppercase;margin:0 auto;-webkit-transition:all .3s;transition:all .3s}

.product_wel .right b:after{background:#fff url(../image/31.png) no-repeat center center;padding:0 11px;width:11px;height:16px;position:absolute;right:14px;bottom:-10px;content:"";-webkit-transition:all .3s;transition:all .3s}

.product_wel li .right b:hover:after{background:#0a4e97 url(../image/bj.png) no-repeat center center;bottom:11px;-webkit-transition:all .3s;transition:all .3s}

.product_wel li .right b:hover{background:#0a4e97;color:#fff}

.product_wel .left img{-webkit-transition:all .6s;transition:all .6s}

.product_wel .left:hover img{-webkit-transform:scale(1.1,1.1);-webkit-transition:transform 1.5s linear 0;-moz-transform:scale(1.1,1.1);-moz-transition:transform 1.5s linear 0;-o-transform:scale(1.1,1.1);-o-transition:transform 1.5s linear 0;}

.wrap_3_in .tip_title{font-size:36px;color:#333;line-height:38px;font-family:Arial,Helvetica,sans-serif;text-transform:capitalize;margin-bottom:15px;}

.wrap_3_in .tip_title strong{font-weight:700;text-transform:uppercase;color:#ef3332;}

.wrap_3_in .small{color:#333;font-size:18px;line-height:20px;display:block}

.box_wel_title{position:relative}







.list-support {

  margin: 0 -10px;

  display: flex;

}



.list-support li {

  text-align: center;

  margin-bottom: 70px;

}



.list-support a {

  display: block;

  padding: 40px 10px;

  background-color: #fff;

  -webkit-box-shadow: 0 0 0px px rgba(0,0,0,0.15);

  box-shadow: 0 0 0px px rgba(0,0,0,0.15);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.list-support a:hover {

  -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,0.08);

  box-shadow: 0 0 8px 2px rgba(0,0,0,0.08);

}



.list-support img {

  margin-bottom: 30px;

  height: 72px;

}



.list-support p {

  font-size: 16px;

  color: #535353;

}





.partner-container .module-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center

}



.partner-container .module-box .item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}



.partner-container .module-box .item .home-data-point {

  position: relative;

  z-index: 8

}



.partner-container .module-box .item .home-data-point span {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transition: -webkit-transform 0.2s ease-out;

  transition: -webkit-transform 0.2s ease-out;

  transition: transform 0.2s ease-out;

  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out

}



.partner-container .module-box .item .home-data-point span:nth-child(1) {

  width: 12px;

  height: 12px;

  margin-left: 70px;

  margin-top: -13px;

  border-radius: 6px;

  border: 1px solid #d1e9ff

}



.partner-container .module-box .item .home-data-point span:nth-child(3) {

  width: 12px;

  height: 12px;

  margin-left: 69px;

  margin-top: -12px;

  border-radius: 6px;

  background: #a3d3ff

}



.partner-container .module-box .item .home-data-point span:nth-child(3)::after {

  content: '';

  position: absolute;

  top: -11px;

  left: 15px;

  width: 4px;

  height: 4px;

  background: #a3d3ff;

  border-radius: 2px

}



.partner-container .module-box .item .home-data-point span:nth-child(2) {

  width: 16px;

  height: 16px;

  margin-left: 66px;

  margin-top: -16px;

  border-radius: 8px;

  background: #d1e9ff;

  -webkit-transition: -webkit-transform 0.4s ease-out;

  transition: -webkit-transform 0.4s ease-out;

  transition: transform 0.4s ease-out;

  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out

}



.partner-container .module-box .item .home-data-point span:nth-child(4) {

  width: 12px;

  height: 12px;

  margin-left: 64px;

  margin-top: -12px;

  border-radius: 6px;

  background: #a3d3ff;

  -webkit-transition: -webkit-transform 0.4s ease-out;

  transition: -webkit-transform 0.4s ease-out;

  transition: transform 0.4s ease-out;

  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out

}



.partner-container .module-box .item .home-data-point span:nth-child(4)::after {

  content: '';

  position: absolute;

  top: -3px;

  left: 11px;

  width: 4px;

  height: 4px;

  background: #a3d3ff;

  border-radius: 2px

}



.partner-container .module-box .item:hover .item-img {

  -webkit-transform: translateY(-5px);

  transform: translateY(-5px)

}



.partner-container .module-box .item:hover span:nth-child(1) {

  -webkit-transform: translateY(-54px) translateX(-68px);

  transform: translateY(-54px) translateX(-68px)

}



.partner-container .module-box .item:hover span:nth-child(2) {

  -webkit-transform: translateY(72px) translateX(72px);

  transform: translateY(72px) translateX(72px)

}



.partner-container .module-box .item:hover span:nth-child(3) {

  -webkit-transform: translateY(-62px) translateX(80px);

  transform: translateY(-62px) translateX(80px)

}



.partner-container .module-box .item:hover span:nth-child(4) {

  -webkit-transform: translateY(75px) translateX(-46px);

  transform: translateY(75px) translateX(-46px)

}



.partner-container .module-box .item-img {

  width: 163px;

  height: 163px;

  position: relative;

  z-index: 10;

  -webkit-transition: -webkit-transform 0.3s ease-out;

  transition: -webkit-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out

}



.partner-container .module-box .item-content {

  color: #666;

  padding-top: 40px

}



.partner-container .module-box .item-content p:first-child {

  font-size: 22px;

  color: #333;

  font-weight: bold

}



.partner-container .module-box .item-content p:nth-child(2) {

  font-size: 16px;

  margin: 14px 0 9px

}



.partner-container .module-box .item-content p:last-child {

  font-size: 13px

}



.partner-container .module-box .item:first-child {

  margin-right: 138px

}



.partner-container .partner-deep {

  background: url(../../static/imgs/hezuo_bg.8a565.png) no-repeat center;

  background-size: cover

}



.partner-container .partner-deep .content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex

}



.partner-container .partner-deep .content-detail {

  display: inline-block;

  width: 494px;

  margin-right: 102px;

  position: relative

}



.partner-container .partner-deep .content-detail .detail-text {

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  -webkit-transition: opacity 0.48s ease-in-out;

  transition: opacity 0.48s ease-in-out;

  -webkit-transition-delay: 0s;

  transition-delay: 0s

}



.partner-container .partner-deep .content-detail .detail-text .logo {

  margin-bottom: 45px

}



.partner-container .partner-deep .content-detail .detail-text p {

  font-size: 14px;

  color: #FEFEFE;

  line-height: 32px

}



.partner-container .partner-deep .content-detail .detail-text.active {

  opacity: 1;

  -webkit-transition-delay: 0.48s;

  transition-delay: 0.48s

}



.partner-container .partner-deep .content-card {

  display: inline-block;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1

}



.partner-container .partner-deep .content-card .card {

  position: relative;

  width: 257px;

  height: 151px;

  color: #999;

  font-size: 14px;

  background-color: #fff;

  float: left;

  margin: 0 40px 30px 0;

  text-align: center;

  -webkit-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition: -webkit-transform 0.3s linear;

  transition: -webkit-transform 0.3s linear;

  transition: transform 0.3s linear;

  transition: transform 0.3s linear, -webkit-transform 0.3s linear;

  background-image: url(../../static/imgs/1688_bg.363c6.png);

  background-repeat: no-repeat;

  border-radius: 4px;

  padding-top: 97px

}



.partner-container .partner-deep .content-card .card:nth-of-type(2n) {

  margin-right: 0

}



.partner-container .partner-deep .content-card .card.active {

  color: #333

}



.partner-container .partner-deep .content-card .card:hover {

  -webkit-box-shadow: 0 4px 26px 0 rgba(70, 57, 57, .8);

  box-shadow: 0 4px 26px 0 rgba(70, 57, 57, .8);

  -webkit-transform: translateY(-3px);

  transform: translateY(-3px)

}



.partner-container .partner-deep .content-card .card:hover .active-line {

  width: 100%

}



.partner-container .partner-deep .content-card .card1 .active-line {

  background-color: #FF6000

}



.partner-container .partner-deep .content-card .card2 {

  background-image: url(../../static/imgs/qianniu_bg.ab453.jpg);

  padding-top: 86px

}



.partner-container .partner-deep .content-card .card3 {

  background-image: url(../../static/imgs/weipinghui_bg.2fa23.png)

}



.partner-container .partner-deep .content-card .card3 .active-line {

  background-color: #E4007F

}



.partner-container .partner-deep .content-card .card4 {

  background-image: url(../../static/imgs/dingding_bg.f3cec.png)

}



.partner-container .partner-deep .content-card .card5 {

  background-image: url(../../static/imgs/shopee_bg.0f0a6.jpg)

}



.partner-container .partner-deep .content-card .card5 .active-line {

  background-color: #F1582C

}



.partner-container .partner-deep .content-card .card6 {

  padding-top: 85px;

  background-image: url(../../static/imgs/aliexpress_bg.b628a.jpg)

}



.partner-container .partner-deep .content-card .card6 .active-line {

  background-color: #E5382B

}



.partner-container .hezuo-jigou .img {

  text-align: center;

  width: 100%

}



.partner-container .platform {

  background: url(../../static/imgs/platform.ab4a1.png) no-repeat center #32309e;

  background-size: cover

}



.partner-container .express .slider-ctrl span:before {

  background: #626c88

}



.partner-container .express .slider-ctrl span:after {

  background: #626c88

}



.partner-container .partner-warehouse {

  position: relative;

  margin-bottom: 50px

}



.partner-container .partner-warehouse::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  height: 385px;

  background: url(../image/cangchu_bg.8e55d.png) no-repeat center;

  z-index: -1

}



.partner-container .partner-warehouse .container {

  position: relative

}



.partner-container .partner-warehouse .warehouse {

  width: 100%;

  height: 230px;

  overflow: hidden;

  text-align: center;

  border-radius: 8px;

  -webkit-box-shadow: 0px 14px 13px 1px rgba(0, 0, 0, .07);

  box-shadow: 0px 14px 13px 1px rgba(0, 0, 0, .07);

  padding: 20px;

  background: #fff

}



.partner-container .partner-warehouse .warehouse .more {

  width: 1164px;

  height: 120px;

  position: absolute;

  left: 18px;

  bottom: -94px;

  padding-top: 34px;

  background: #fff;

  border-radius: 0 0 10px 10px;

  -webkit-box-shadow: 0px 14px 13px 1px rgba(0, 0, 0, .07);

  box-shadow: 0px 14px 13px 1px rgba(0, 0, 0, .07);

  cursor: pointer

}



.partner-container .partner-warehouse .warehouse .more .button {

  width: 125px;

  height: 35px;

  line-height: 35px;

  margin: 0 auto;

  background: #fff;

  border: 1px solid #d6dde5;

  border-radius: 18px

}

.partner-container .container {

  margin: 0 auto;

  width: 100%;

  max-width: 1200px;

  padding: 0 18px

}



.block-cap {

  text-align: center;

  margin-top: 65px;

  padding-top: 65px;

  margin-bottom: 65px

}



.block-cap:after {

  content: '';

  display: block;

  margin: 10px auto 0;

  height: 2px;

  width: 64px;

  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAACCAIAAABnm03uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMwQTFDMEE5NkYyMzExRUE4NUZBRkEwQjRDNzM5QzdEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMwQTFDMEFBNkYyMzExRUE4NUZBRkEwQjRDNzM5QzdEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzBBMUMwQTc2RjIzMTFFQTg1RkFGQTBCNEM3MzlDN0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzBBMUMwQTg2RjIzMTFFQTg1RkFGQTBCNEM3MzlDN0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7d42xYAAAALUlEQVR42mJUaX/66ec/BkYGLIgJGxuNgZWLiyRGCpe92ET4mJmAvKENAAIMABlLBODR9yP2AAAAAElFTkSuQmCC) no-repeat center center

}



.block-cap.white-line:after {

  content: '';

  display: block;

  margin: 10px auto 0;

  height: 2px;

  width: 64px;

  background: #fff

}



.block-cap h2 {

  font-size: 30px;

  line-height: 40px;

  font-weight: normal;

  color: #333

}



.block-cap.white h2 {

  color: #fff

}



.block-cap p {

  line-height: 24px

}

.white{color:#fff}

.down_list_bg {

	width: 1200px;

	width: 1200px;

	margin: 0 auto;

}



.down_list_title {

	text-align: left;

	font-size: 18px;

	color: #ff6927;

	line-height: 30px;

	padding-top: 40px;

	font-weight: bold;

}



.down_list_box {

	width: 1200px;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;



}



.down_list_pic {

	margin: 20px auto;

	width: 360px;

	height: 260px;

}



.down_list_pic img {

	width: 360px;

	height: 260px;

}



.down_list_ul {



	width: 800px;



}



.down_list ul {

	list-style: none;

	padding: 0;

	margin: 20px;



}



.down_list ul li {

	line-height: 44px;

	height: 44px;

	font-size: 16px;

	color: #333;

	/* padding-left: 40px; */

  margin-bottom: 10px;

	cursor: pointer;

	display: flex;

	justify-content: space-between;

	border-bottom: #ccc 1px dashed;

	-webkit-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	-moz-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	-o-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

}



.down_list ul li:hover {

	line-height: 80px;

	height: 80px;

	font-size: 24px;

	color: #49a549;

	padding-left: 40px;

	cursor: pointer;

	border-bottom: #ccc 1px dashed;

	-webkit-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	-moz-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	-o-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

}



.down_list ul li p {

	text-align: left;

	display: inline;

	overflow: hidden;

}



.down_list ul li i {

	/* float: right; */

	text-align: right;

	font-size: 20px;

	display: inline;

	overflow: hidden;

	margin: 0 20px;

	-webkit-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	-moz-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	-o-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

}



.down_list ul li:hover i {

	/* float: right; */

	text-align: right;

	font-size: 30px;

	display: inline;

	overflow: hidden;

	margin: 0 20px;

	-webkit-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	-moz-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	-o-transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	transition: all 300ms cubic-bezier(0.320, 0.215, 0.750, 0.750);

	color: #49a549;



}



/*荣誉资质*/



.rjx {

	margin-top: 0.5rem;

  display: flex;

  justify-content: space-between;

}



.rjx .rjx_box {

	/*padding:0px 15px;*/

	margin-bottom: 0.4rem;

	position: relative;

	overflow: hidden;

}









/*.rjx .el-col-lg-6:nth-child(6) .rjx_box{

	padding-right:16px;

}*/



.rjx .rjx_box:hover a {

	border-color: #999;

}



.rjx a.img {

	padding: 0.12rem 0px;

	border: 1px solid #dcdcdc;

	/* height: 2.7rem; */

	display: inline-block;

	justify-content: center;

	/*垂直居中*/

	overflow: hidden;

}



.rjx a.img img {

	display: block;

	width: 100%;

	transition: all 0.5s;

}



.rjx .rjx_box p {

background: #e5e5e5;

    color: #000000;

    text-align: center;

    padding: 0.1rem 0px;

    transition: all 0.5s;

    white-space: nowrap;

    display: -webkit-box;

    text-overflow: ellipsis;

    overflow: hidden;

    display: block;

}



.rjx .rjx_box:hover p {

	color: white;

	background: #255791;

	transition: all 0.5s;

}



.rjx .rjx_box p a {

	color: #000000;

	transition: all 0.5s;

}



.rjx .rjx_box:hover p a {

	color: white;

	transition: all 0.5s;

}



.rjx .rjx_box:hover img {

	display: block;

	width: 100%;

	transition: all 0.5s;

	transform: scale(1.05);

}

.rjx .el-col-lg-6{width: 25%;}



/* 自适应开始 */

@media screen and (max-width: 1460px) {

  /*public*/

  .head .menu {

    margin: 23px 0 0 10px;

  }

  .head .menu #menu li {

    margin: 0 5px;

  }

  .con_view {

    width: 96%;

  }

  .page_menu {

    width: 96%;

  }

  /*page*/

  .page_banner .title {

    width: 92%;

  }

}

@media screen and (min-width:1261px) and (max-width: 1360px){

    .head .operation .search form{

        max-width: 175px;

    }

    .head .operation .search input{

        padding: 0px 10px;

    }

}

@media screen and (max-width: 1260px) {

  /*public*/

  /*page*/

  .head .menu {

    margin: 23px 0 0 25px;

  }

  .head .menu #menu li {

    margin: 0 2px;

  }

  .head .menu #menu li a {

    font-size: 14px;

    padding: 0 15px;

  }

  .head .operation .lang {

    margin-right: 10px;

  }

  .head .operation .search input {

    min-width: 80px;

  }

}

@media screen and (max-width: 1160px) {

  /*public*/

  .head .menu {

    float: right;

  }

  .head .operation {

    display: none;

  }

  /*index*/

  .title_view div span {

    font-size: 36px;

  }

  .title_view div p {

    font-size: 26px;

  }

  .idx_about .con .pic {

    width: 540px;

    height: auto;

  }

  .idx_about .con .pic div {

    position: relative;

    left: initial !important;

    right: initial !important;

    top: initial !important;

    bottom: initial !important;

    float: left;

  }

  .idx_pro .list ul li p {

    font-size: 15px;

  }

  .idx_news .news_banner .swiper-slide a .title {

    padding: 2.5% 3% 3% 3%;

  }

  .idx_news .news_banner .swiper-slide a .title p {

    font-size: 15px;

    line-height: 27px;

  }

  .idx_news .news_banner .swiper-slide a .title p:nth-child(1) {

    font-size: 22px;

    margin-bottom: 1.5%;

  }

  /*page*/

  .news_list ul li a .pic {

    flex: 1.2;

  }

  .news_list ul li a .title {

    line-height: 25px;

    margin: 0 3%;

  }

  .news_list ul li a .title span {

    font-size: 17px;

    margin-bottom: 1%;

  }

  .news_list ul li a .title p {

    font-size: 15px;

  }

  .news_list ul li a .title p:nth-child(2) {

    margin-bottom: 1%;

  }

  .pro_view .introduction .pic .pro_banner .swiper-button-prev {

    bottom: 3%;

  }

  .pro_view .introduction .pic .pro_banner .swiper-button-next {

    bottom: 3%;

  }

  .pro_view .introduction .pic .pro_banner_menu {

    width: 80%;

  }

  .cloud-wrapper .cloud-card{

    width: 100%;

    padding:0;

  }

  .product_wel li{width: 100%;}

  .product_wel .swiper-wrapper{flex-wrap: wrap;}

  .product_wel .swiper-wrapper li{margin-bottom: 8%;max-height: 150px;margin-right:0;    box-shadow: 4px 6px 20px 0px rgb(135 130 130 / 50%);}

  .product_wel li a span{top: 10%;text-shadow: 2px 2px 2px #000;}

}

@media screen and (max-width: 1060px) {

  /*public*/

header.header{display:block;}

.navbar{padding:0.5rem}

.head .menu{margin-top:0}

.pro_list ul{justify-content: space-around;}

.rjx{flex-wrap:wrap}

.rjx .el-col-lg-6{width:48%}



  /*index*/

  .idx_about .pic {

    width: 480px;

  }

  .idx_about .pic div {

    width: 160px;

    height: 160px;

  }

  .idx_about .pic div p {

    font-size: 22px;

  }

  .idx_news .news_banner .swiper-slide a .more {

    right: 2%;

    bottom: 20px;

  }

  .idx_contact {

    width: auto;

  }

  /*page*/

  .page_banner .title span {

    font-size: 26px;

    padding-bottom: 15px;

  }

  .page_banner .title span::before {

    height: 3px;

  }

  .page_banner .title p {

    font-size: 15px;

    margin-top: 27px;

  }

  .page_menu .nav li a {

    font-size: 14px;

  }

  .page_menu .location {

    font-size: 14px;

  }

  .page_menu .location a {

    font-size: 14px;

  }

  .pro_view .introduction .pic .pro_banner .swiper-button-prev {

    bottom: 2%;

  }

  .pro_view .introduction .pic .pro_banner .swiper-button-next {

    bottom: 2%;

  }

  .pro_view .introduction .title .bt {

    font-size: 21px;

  }

  .pro_view .introduction .title .text {

    font-size: 14px;

    line-height: 27px;

  }

  .join_view .title {

    font-size: 15px;

    line-height: 30px;

  }

  .join_view .join_list .join_list_title {

    font-size: 15px;

    line-height: 45px;

  }

  .join_view .join_list .join_list_con .button {

    font-size: 15px;

    line-height: 45px;

  }

  .join_view .join_list .join_list_con .con {

    font-size: 14px;

    padding: 1% 2%;

    line-height: 30px;

  }

  .contact_view .list {

    line-height: 25px;

  }

  .contact_view .list dt {

    font-size: 17px;

  }

  .contact_view .list dd {

    font-size: 15px;

  }

  /*index*/

  .idx_pro .list ul li .title {

    font-size: 16px;

  }

  .idx_pro .list ul li .title span {

    font-size: 26px;

    margin-bottom: 0;

  }

  .idx_introduce ul li a p {

    font-size: 17px;

    padding: 0 20px;

    line-height: 45px;

  }

  .idx_news ul li .title span {

    font-size: 15px;

  }

  .idx_news ul li .title p {

    font-size: 13px;

  }

  .partner-container .module-box{flex-wrap: wrap;}

  .partner-container .module-box .item:first-child{    margin: 10% 0;}

  .piclist li{width:50%!important}

}

@media screen and (max-width: 960px) {

  /*index*/

  .idx_news .news_banner .swiper-slide a .title p {

    -webkit-line-clamp: 3;

    -moz-line-clamp: 3;

    -o-line-clamp: 3;

    -ms-line-clamp: 3;

  }

}

@media screen and (max-width: 860px) {

  /*public*/

  body {

    overflow: initial !important;

  }

  .head {

    border-bottom: none;

  }

  .head .logo img {

    width: auto;

    height: 55px;

  }

  .head #menu {

    display: none;

  }

  .head .nav_xl_a {

    display: block;

  }

  .footer.cur {

    position: initial;

    padding: 15px;

  }

  /*index*/

  .banner {

    display: none;

  }

  .m_banner {

    display: block;

  }

  .title_view div span {

    font-size: 30px;

  }

  .title_view div p {

    font-size: 22px;

  }

  .con_view.cur {

    margin: 0 auto;

    padding: 4% 0;

  }

  #dowebok {

    margin: 75px auto 1%;

  }

  #dowebok .section {

    background-size: auto 100% !important;

  }

  .idx_about .con {

    display: initial;

    align-items: initial;

  }

  .idx_about .con .title {

    margin: 0 0 3% 0;

  }

  .idx_about .con .pic {

    float: initial;

    margin: 0 auto;

  }

  .idx_about .con .pic div {

    opacity: 1;

    transform: rotateY(0deg) !important;

  }

  .idx_pro .list ul li p {

    font-size: 14px;

    line-height: 40px;

  }

  .idx_news .news_banner .swiper-slide a .pic {

    flex: 1;

  }

  .idx_news .news_banner .swiper-slide a .title p {

    font-size: 14px;

  }

  .idx_news .news_banner .swiper-slide a .title p:nth-child(1) {

    font-size: 17px;

    margin-bottom: 0;

  }

  .idx_news .news_banner .swiper-slide a .title span {

    margin: 0 auto;

  }

  .idx_news .news_banner .swiper-slide a .more {

    font-size: 13px;

    padding: 0 15px;

    line-height: 30px;

  }

  .idx_contact .title_view {

    margin-bottom: 2%;

  }

  .idx_contact .con .title div {

    margin: 0 8%;

    -webkit-line-clamp: 7;

    -moz-line-clamp: 7;

    -o-line-clamp: 7;

    -ms-line-clamp: 7;

  }

  .idx_contact .con .title div p {

    font-size: 13px;

    line-height: 25px;

  }

  .idx_contact .con .title div a {

    font-size: 13px;

    line-height: 25px;

  }

  /*page*/

  .page_banner {

    margin-top: 75px;

  }

  .page_con {

    margin: 3% auto 0;

  }

  .about_view .about_title {

    font-size: 28px;

  }

  .about_view .about_con3 .con div span {

    width: 135px;

    height: 135px;

    border-radius: 135px;

  }

  .about_view .about_con3 .con div span p {

    width: 120px;

    height: 120px;

    border-radius: 120px;

    line-height: 120px;

    font-size: 28px;

  }

  .about_view .about_con3 .con div p {

    font-size: 15px;

    line-height: 25px;

  }

  .pro_list ul li {

    width: 32%;

    margin: 0 2% 2% 0;

  }

  .pro_list ul li:nth-child(4n) {

    margin: 0 2% 2% 0;

  }

  .pro_list ul li:nth-child(3n) {

    margin: 0 0 2% 0;

  }

  .pro_list ul li p {

    font-size: 14px;

    line-height: 40px;

  }

  .pro_view .introduction .pic {

    flex: 1.3;

    margin-right: 3%;

  }

  .pro_view .introduction .title .bt {

    font-size: 18px;

  }

  .pro_view .introduction .title .text {

    font-size: 13px;

    line-height: 25px;

  }

  .photo_list ul li {

    width: 32%;

    margin: 0 2% 2% 0;

  }

  .photo_list ul li:nth-child(4n) {

    margin: 0 2% 2% 0;

  }

  .photo_list ul li:nth-child(3n) {

    margin: 0 0 2% 0;

  }

  .news_list ul li a .pic {

    flex: 1.5;

  }

  .news_list ul li a .title {

    line-height: 23px;

    margin: 1.5% 3% 0 3%;

  }

  .news_list ul li a .title span {

    font-size: 16px;

  }

  .news_list ul li a .title p {

    font-size: 14px;

  }

  .pages a {

    font-size: 13px;

    padding: 0 12px;

    line-height: 31px;

  }

}

@media screen and (max-width: 760px) {

  /*public*/

  .footer {

    padding: 15px;

  }

  .footer .copyright {

    float: none;

  }

  .footer .media {

    display: none;

  }

  /*index*/

  .idx_about .con .title {

    flex: initial;

  }

  .idx_pro .list ul {

    display: block;

    font-size: 0;

    text-align: center;

  }

  .idx_pro .list ul li {

    flex: initial;

    display: inline-block;

    width: 33.33%;

  }

  .idx_news .news_banner .swiper-slide a {

    display: block;

  }

  .idx_news .news_banner .swiper-slide a .pic {

    flex: initial;

    width: 100%;

  }

  .idx_news .news_banner .swiper-slide a .title {

    flex: initial;

    width: 100%;

  }

  .idx_news .news_banner .swiper-slide a .more {

    display: none;

  }

  .idx_contact .con {

    display: block;

    border-radius: 40px;

  }

  .idx_contact .con .title {

    flex: initial;

  }

  .idx_contact .con .title div {

    margin: 8%;

  }

  .idx_contact .con img {

    flex: initial;

    width: 100%;

  }

  /*page*/

  .page_banner .title span {

    padding-bottom: 0;

  }

  .page_banner .title span::before {

    display: none;

  }

  .page_banner .title p {

    margin-top: 2%;

  }

}

@media screen and (max-width: 640px) {

  /*public*/

  .head .logo img {

    width: auto;

    height: 40px;

  }

  .head .nav_xl {

    top: 50px;

  }

  .head .nav_xl ul li a {

    font-size: 16px;

  }

  /*index*/

  .title_view div span {

    font-size: 26px;

  }

  .title_view div p {

    font-size: 20px;

    padding-top: 10px;

    margin-top: 6px;

  }

  #dowebok {

    margin: 50px auto 1%;

  }

  #index1 .swiper-pagination-bullets,

  #index1 .swiper-pagination-custom,

  #index1 .swiper-pagination-fraction {

    bottom: 15px !important;

  }

  .idx_about .con .pic {

    width: auto;

  }

  .idx_about .con .pic div {

    width: 33.334%;

    height: 150px;

  }

  /*page*/

  .page_banner {

    margin-top: 60px;

  }

  .page_banner .title span {

    font-size: 23px;

  }

  .page_banner .title p {

    font-size: 14px;

    margin-top: 1%;

  }

  .location {

    display: none;

  }

  .page_menu {

    overflow: initial;

    width: auto;

    margin: 0 auto 3%;

  }

  .page_menu .page_nav {

    display: none;

  }

  .page_nav_xl {

    display: block;

  }

  .about_view .about_title {

    font-size: 24px;

  }

  .about_view .about_con3 .con {

    flex-wrap: wrap;

  }

  .about_view .about_con3 .con div {

    flex: 0 0 50%;

  }

  .about_view .about_con4 .con .title {

    float: none;

    width: 100%;

    margin-bottom: 2%;

  }

  .about_view .about_con4 .con .title ul li {

    font-size: 16px;

    line-height: 30px;

  }

  .about_view .about_con4 .con .pic {

    float: none;

    width: 100%;

  }

  .about_view .about_con5 .con dl dd .title {

    font-size: 15px;

  }

  .about_view .about_con6 .con .title {

    font-size: 15px;

    line-height: 30px;

  }

  .about_view .about_con6 .con .join_list .join_list_title {

    font-size: 15px;

    line-height: 50px;

  }

  .about_view .about_con6 .con .join_list .join_list_con .button {

    font-size: 15px;

    line-height: 50px;

  }

  .about_view .about_con6 .con .join_list .join_list_con .con {

    font-size: 14px;

    padding: 1% 3%;

    line-height: 30px;

  }

  .pro_list ul li {

    width: 48%;

    margin: 0 0 3% 0 !important;

  }

  .pro_list ul li:nth-child(2n) {

    float: right;

  }

  .pro_view .introduction {

    display: block;

  }

  .pro_view .introduction .back {

    display: block;

  }

  .pro_view .introduction .pic {

    flex: initial;

    margin-right: 0;

    margin-bottom: 3%;

  }

  .pro_view .introduction .pic .pro_banner {

    margin-bottom: 10px;

  }

  .pro_view .introduction .pic .pro_banner .swiper-button-prev {

    display: none;

  }

  .pro_view .introduction .pic .pro_banner .swiper-button-next {

    display: none;

  }

  .pro_view .introduction .pic .pro_banner_menu {

    width: auto;

  }

  .pro_view .introduction .title {

    flex: initial;

  }

  .pro_view .details .details_con {

    margin-bottom: 3%;

  }

  .pro_view .details .details_con .title {

    font-size: 16px;

    margin-bottom: 2%;

  }

  .news_list ul li a .pic {

    flex: 2;

  }

  .news_list ul li a .title span {

    font-size: 15px;

  }

  .news_list ul li a .title p {

    font-size: 13px;

  }

  .join_view .title {

    font-size: 14px;

    line-height: 27px;

  }

  .join_view .join_list .join_list_title {

    font-size: 14px;

    line-height: 40px;

  }

  .join_view .join_list .join_list_con .button {

    font-size: 14px;

    line-height: 40px;

  }

  .join_view .join_list .join_list_con .con {

    font-size: 13px;

    line-height: 27px;

  }

}

@media screen and (max-width: 540px) {

  /*page*/

  .news_list ul li {

    margin-bottom: 4%;

  }

  .news_list ul li a {

    display: block;

  }

  .news_list ul li a .pic {

    flex: initial;

  }

  .news_list ul li a .title {

    flex: initial;

    margin: 2% 0 0 0;

    border-bottom: none;

  }

  .news_list ul li a .title span {

    font-size: 15px;

  }

  .news_list ul li a .title p {

    font-size: 13px;

  }

  .news_list ul li:hover {

    box-shadow: none;

  }

}

@media screen and (max-width: 460px) {

  /*public*/

  .head .nav_xl ul li {

    line-height: 40px;

  }

  .head .nav_xl ul li a {

    font-size: 15px;

  }

  .title_view div span {

    font-size: 22px;

  }

  .title_view div p {

    font-size: 19px;

  }

}

.list-logo {



	overflow: hidden;



  margin-top: 40px;

  margin-bottom: 40px;



	display: -webkit-flex; /* Safari */







  }

  .list-logo ul{	display: flex;flex-wrap: wrap;justify-content: space-evenly;}

  .list-logo ul li {



	float: left;



	width: 18%;



	margin: 1%;



	background: #fff;



	box-shadow: 0 0 10px rgba(0,0,0,.1);



	/* border: 1px solid #cccccc;



	border-radius: 3px;



	text-align: center;



	margin-right: 25px;



	margin-top: 20px; */



	/* height: 140px; */



	/* flex: 1;







	flex-direction: row;



	flex-wrap: wrap;



	justify-content: flex-start;



	align-items:center;



	align-content: flex-start; */



  }



  .list-logo ul li img {



	width: 100%;



  }



  @media screen and (max-width:1200px) {



	.list-logo ul li {



	  margin-left: 20px;



	}



  }







  @media screen and (max-width:768px) {



	.txt-p {



	  font-size: 14px !important;



	}



	.list-logo, .txt-p,.list-ul {



	  margin-top: 30px;



	}



	.list-logo ul li {



	  height: auto;



	  margin-left: 13px;



	}



	.list-logo {



	  padding-bottom: 100px;



	}



	.list-logo ul li{width: 48%;margin: 1% 1%;}



  .warehouse .list-logo{margin-bottom: 30px;padding-bottom: 0;}



  }



  @media screen and (max-width:414px) {



	.list-ul li {



	  width: 21.5%;



	  margin-left: 2%;



	}



	.list-logo ul li {



	  width: 44.6%;



	}



	.container01 {



	  min-width: 552px;



	}



	.list-ul li h2{



	  font-size: 26px;



	}



  }

  .swiper-wrapper {justify-content: space-between;}

  



@media only screen and (max-width: 768px) {

    .nav-menu {

        position: fixed;

        left: -120%;

        top: 50px;

        flex-direction: column;

        background-color: #fff;

        width: 100%;

        border-radius: 0px;

        text-align: center;

        transition: 0.3s;

        box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);

    }



    .nav-menu.active {

        left: 0;

        top:50px;background: rgb(51 51 51 / 52%);

    border-radius: 0;

    }



    .nav-item {

        width: 70%;

        margin: 0;

        border-bottom: 1px solid #f3f4f6;

    }





    .nav-link {

        display: block;

        padding: 0.5rem 0;

        color:#fff;

    }



    .hamburger {

        display: block;

        cursor: pointer;

    }



    .hamburger.active .bar:nth-child(2) {

        opacity: 0;

    }



    .hamburger.active .bar:nth-child(1) {

        -webkit-transform: translateY(8px) rotate(45deg);

        transform: translateY(8px) rotate(45deg);

    }



    .hamburger.active .bar:nth-child(3) {

        -webkit-transform: translateY(-8px) rotate(-45deg);

        transform: translateY(-8px) rotate(-45deg);

    }

}
p.des_more{text-indent: 2em;}