html,
	body {
	    position: relative;
	    height: 100%;
	}
	
	.container {
	    max-width: 1600px;
	}
	/*header PC*/
	
	#header {
	    height: 90px;
	}
	
	.headervue {
	    -webkit-transition: all 0.2s;
	    transition: all 0.2s;
	}
	
	.header-navbar {
	    padding: 0;
	    width: 100%;
	}
	
	.navbar-con {
	    display: flex;
	    flex-basis: auto;
	    height: 100%;
	}
	
	.headervue .iconfont {
	    position: relative;
	    top: 0.02rem;
	    font-size: 0.2rem;
	}
	
	.headervue .item>a {
	    display: flex;
	    height: 100%;
	    margin: 0 20px;
	    cursor: pointer;
	    white-space: nowrap;
	    align-items: center;
	    color: #333333;
	    font-family: 'BlenderProBold';
	    text-transform: uppercase;
	    position: relative;
	}
	
	.headervue .item a:hover {
	    color: #1783cc;
	    text-decoration: none;
	}
	
	.headervue .header-wrap {
	    color: #ffffff;
	    width: 100%;
	    height: 90px;
	}
	
	.headervue .header-wrap .headerbox {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    height: 100%;
	}
	
	.headervue .header-wrap .header-logo {
	    height: 72px;
	    display: flex;
	    align-items: center;
	    margin-right: 28px;
	}
	
	.headervue .header-wrap .header-right {
	    display: flex;
	    align-items: center;
	    color: #999999;
	    margin-right: 20px;
	}
	
	.headerbox-nav {
	    margin-right: 20px;
	}
	
	.lang>a>i {
	    display: inline-block;
	    top: 50%;
	    margin-top: -4px;
	    line-height: 100%;
	    margin-right: 10px;
	    vertical-align: middle;
	}
	
	.headervue .header-wrap .header-right .lang {
	    position: relative;
	    cursor: pointer;
	    display: flex;
	    height: 100%;
	    align-items: center;
	}
	
	.headervue .header-wrap .header-right .lang>a {
	    color: #333333;
	    font-family: 'BlenderProBold';
	}
	
	.headervue .header-wrap .header-right .lang .lang-list {
	    position: absolute;
	    color: #666 !important;
	    top: 100%;
	    right: 0;
	    left: auto;
	    max-height: 10.6rem;
	    width: 180px;
	    min-width: unset;
	    background-color: white;
	    z-index: 100;
	    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	    border-radius: 4px;
	    padding: 5px 0;
	}
	
	.headervue .header-wrap .header-right .lang .lang-list a i {
	    margin-right: 10px;
	}
	
	.headervue .dropdown .dropdown-menu {
	    position: absolute;
	    top: 100%;
	    left: 50%;
	    width: 160px;
	    margin-left: -80px;
	    background: #fefefe;
	    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%);
	    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
	    border-radius: 0 0 10px 10px;
	    padding: 10px 0;
	    margin-top: 0;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    opacity: 0;
	    -webkit-transform: translateY(15px);
	    transform: translateY(15px);
	    -webkit-transition: all 0.4s;
	    transition: all 0.4s;
	    display: block;
	    z-index: -1;
	    visibility: hidden;
	}
	
	.headervue .dropdown .show {
	    visibility: visible;
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	    z-index: 10;
	}
	
	.headervue .dropdown-menu a {
	    text-align: center;
	    color: #333333;
	    padding: 6px 15px;
	    font-size: 16px;
	}
	
	.headervue .dropdown-menu a:hover {
	    color: #1783cc;
	    background-color: unset;
	}
	
	#header {
	    display: block;
	}
	
	#ph-nav {
	    display: none;
	    border-bottom: 1px solid #bbb;
	}
	
	#ph-nav .container {
	    padding-left: 0;
	    padding-right: 0;
	}
	
	#ph-nav .lang {
	    display: flex;
	}
	
	#ph-nav .lang .dropdown-menu {
	    left: -100%
	}
	
	#ph-nav.navbar-light .navbar-toggler {
	    outline: 0;
	    border: none;
	}
	
	#ph-nav.navbar-light .navbar-nav .nav-link {
	    color: #333333;
	    border-bottom: 1px dashed #eaeaea;
	    padding: 15px 20px;
	    position: relative;
	}
	
	#ph-nav.navbar-light .navbar-nav .nav-link:after {
	    right: 33px;
	    top: 26px;
	    position: absolute;
	}
	
	#ph-nav .navbar-collapse {
	    position: absolute;
	    top: 100%;
	    left: 0;
	    right: 0;
	    z-index: 999999;
	    background: #ffffff;
	}
	
	.navbar-collapse .dropdown.show a.nav-link {
	    border: none;
	    background: #1783cc;
	    color: #ffffff !important;
	}
	
	.navbar-collapse .dropdown-menu {
	    background: #1783cc;
	    border-radius: 0;
	    margin-top: 0;
	    padding-top: 0;
	    padding-bottom: 0;
	}
	
	.navbar-collapse .dropdown-menu a {
	    color: #ffffff;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	
	.navbar-collapse .dropdown-menu a:hover {
	    background: none;
	    color: #ffffff;
	    background: #1573b2;
	}
	
	.Language_dr {
	    display: flex;
	    align-items: center;
	}
	
	.Language_dr .nav-link {
	    font-size: 18px;
	}
	
	.Language_dr .nav-link:hover {
	    color: #1783cc;
	}
	
	.lang_cn i {
	    margin-right: 5px;
	}
	
	#banner {
	    position: relative;
	}
	
	.banner-wrapper {
	    overflow: hidden;
	}
	
	#banner .swiper-pagination-bullet {
	    width: 6px;
	    height: 40px;
	    background: #fff;
	    border-radius: 0;
	    transition: all 0.4s;
	    margin-right: 10px;
	}
	
	#banner .swiper-pagination-bullet-active {
	    width: 8px;
	    height: 60px;
	    transition: all 0.4s;
	    border-top-left-radius: 2px;
	    border-top-right-radius: 2px;
	}
	
	#banner .swiper-pagination {
	    position: absolute;
	    left: 6%;
	    bottom: 10%;
	    width: auto;
	}
	
	#banner .swiper-container-horizontal>.swiper-pagination-bullets,
	#banner .swiper-pagination-custom,
	.swiper-pagination-fraction {
	    bottom: 10%;
	    left: 15%;
	}
	
	.banner-btn {
	    position: absolute;
	    right: 3%;
	    bottom: 10%;
	    z-index: 1000;
	}
	
	.banner-btns {
	    display: inline-block;
	    position: relative;
	    width: 50px;
	    height: 50px;
	    border: 1px solid #ffffff;
	    border-radius: 50%;
	    font-size: 20px;
	    color: #ffffff;
	    text-align: center;
	    line-height: 46px;
	}
	
	.banner-btns:hover {
	    cursor: pointer;
	}
	
	.banner-btns:focus {
	    outline: none;
	}
	
	.banner-btns.banner-btn-next {
	    margin-right: 15px;
	}
	
	.container-title {
	    margin-bottom: 36px;
	}
	
	.container-title span {
	    display: block;
	    font-size: 24px;
	    color: #1783cc;
	    margin-bottom: 15px;
	}
	
	.container-title h1 {
	    color: #111111;
	    font-weight: bolder;
	}
	
	.container-title-w span,
	.container-title-w h1 {
	    color: #ffffff;
	}
	
	.swiper-btn .swiper-btn-prev,
	.swiper-btn .swiper-btn-next {
	    width: 52px;
	    height: 52px;
	    background: #1783cc;
	    border-radius: 50%;
	    color: #ffffff;
	    text-align: center;
	    line-height: 52px;
	    font-size: 20px;
	}
	
	.swiper-btn .swiper-btn-disabled {
	    background: #eeeeee;
	}
	
	#index-solution {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	
	.index-solution-con {
	    overflow: hidden;
	}
	
	.solution-swiper {
	    position: relative;
	}
	
	.swiper-solution-btn {
	    position: absolute;
	    right: 0;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    z-index: 90;
	}
	
	.swiper-solution-btn:after {
	    content: "";
	    position: absolute;
	    right: 50%;
	    width: 1px;
	    height: 100%;
	    background: #ecf6f9;
	    display: inline-block;
	}
	
	.swiper-solution-btn .solution-btn-prev,
	.swiper-solution-btn .solution-btn-next {
	    margin: 12px;
	    position: relative;
	    z-index: 1;
	}
	
	.solution-swiper .swiper-slide {
	    opacity: 0.3;
	    padding-right: 8%;
	}
	
	.solution-swiper .swiper-slide-active {
	    opacity: 1;
	}
	
	.solution-item {
	    display: flex;
	    justify-content: space-between;
	}
	
	.solution-item .solution-txt {
	    padding: 5% 0;
	    width: 50%;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.solution-item .solution-txt .solution-name h4 {
	    color: #b9b9b9;
	}
	
	.solution-item .solution-txt .solution-name h2 {
	    color: #111111;
	}
	
	.solution-item .solution-txt .solution-name {
	    margin-bottom: 30px;
	}
	
	.solution-item .solution-img {
	    width: 50%;
	    max-width: 560px;
	    position: relative;
	    padding: 3.5%;
	}
	
	.solution-item .solution-img:before {
	    content: "";
	    position: absolute;
	    left: 0;
	    top: 0;
	    z-index: -1;
	    width: 100%;
	    height: 100%;
	    opacity: 0.2;
	    background: url(../images/yuanpan2.png) center / cover no-repeat;
	    -webkit-animation: rotate360 20s linear 0s infinite;
	    animation: rotate360 20s linear 0s infinite;
	}
	
	.solution-item .solution-img .solution-img-con {
	    overflow: hidden;
	    border-radius: 50%;
	}
	
	.solution-item .solution-img .solution-img-con img {
	    width: 100%;
	}
	
	.proSwiper{
		overflow: hidden;
	}
	
	.proSwiper .swiper-slide{
		padding-right: 0;
		opacity: 1;
	}
	
	#index-equip {
	    background: url(../images/equip-bg.jpg) center center no-repeat;
	    background-size: cover;
	}
	
	.index-equip-contain {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}
	
	.index-equip-contain {
	    display: flex;
	    justify-content: space-between;
	}
	
	.index-equip-nav {
	    width: 24%;
	}
	
	.index-equip-con {
	    width: 76%;
	}
	
	.index-equip-ul {
	    padding: 30px 0;
	}
	
	.index-equip-ul ul li {
	    list-style: none;
	    color: #ffffff;
	    opacity: 0.47;
	    font-size: 18px;
	    margin-bottom: 25px;
	    position: relative;
	    overflow: hidden;
	    -webkit-transition: all 0.2s;
	    transition: all 0.2s;
	    cursor: pointer;
	}
	
	.index-equip-ul ul li:after {
	    content: "";
	    display: block;
	    width: 20px;
	    height: 20px;
	    background: url(../images/jt-icon.png);
	    position: absolute;
	    left: -36px;
	    top: 3px;
	    -webkit-transition: all 0.2s;
	    transition: all 0.2s;
	}
	
	.index-equip-ul ul li.on,
	.index-equip-ul ul li:hover {
	    opacity: 1;
	    padding-left: 36px;
	}
	
	.index-equip-ul ul li.on:after,
	.index-equip-ul ul li:hover:after {
	    left: 0;
	}
	
	.equip-content-list {
	    overflow: hidden;
	}
	
	.equip-item a {
	    display: block;
	    color: #ffffff;
	}
	
	.equip-item a:hover {
	    text-decoration: none;
	}
	
	.equip-item a .equip-name {
	    font-size: 26px;
	    margin-bottom: 20px;
	}
	
	.equip-item a .equip-img img {
	    width: 100%;
	}
	
	#index-about {
	    background: url(../images/index-about-bg_12.jpg) 80% bottom no-repeat;
	    background-size: 100% auto;
	    overflow: hidden;
	}
	
	.swiper-equip-btn {
	    text-align: right;
	    padding: 30px 0;
	}
	
	.swiper-equip-btn .equip-btn-prev,
	.swiper-equip-btn .equip-btn-next {
	    display: inline-block;
	    margin-left: 25px;
	}
	
	.swiper-equip-btn .swiper-btn-disabled {
	    border: 1px solid #ffffff;
	    background: none;
	}
	
	.index-about-contain {
	    padding-top: 160px;
	    padding-bottom: 200px;
		position: relative;
	}
	
	.index-about-p {
	    max-width: 680px;
	}
	
	.index-about-more {
	    margin-top: 30px;
	}
	
	.index-about-more a {
	    display: block;
	    width: 216px;
	    height: 55px;
	    background: #1783cc;
	    color: #ffffff;
	    padding: 12px 36px;
	}
	
	.index-about-more a i {
	    margin-left: 30px;
	}
	
	.index-about-more a:hover {
	    text-decoration: none;
	    background: #1573b2;
	}
	
	.index-about-video{
		position: absolute;
		top: 40%;
		right: 20%
	}
	
	.pop_video {
		width: 90px;
		height: 90px;
		background: url(../images/icon-play.png) center center no-repeat;
		background-size: cover;
		border-radius: 50%;
		border: 3px solid rgba(0, 102, 171, 0.25);
		position: relative;
		cursor: pointer;
	}
	.pop_video:before, .pop_video:after {
	  content: "";
	  width: 90px;
	  height: 90px;
	  left: -3px;
	  top: -3px;
	  padding: 6px;
	  display: block;
	  border-radius: 50%;
	  position: absolute;
	  transform-origin: center center;
	  border: 5px solid;
	  border-color: rgba(0, 102, 171, 1) transparent transparent transparent;
	  -webkit-animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);
			  animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);
	}
	.pop_video:before {
	  border-color: rgba(0, 102, 171, 0.6) transparent transparent transparent;
	  -webkit-animation-delay: -1s;
			  animation-delay: -1s;
	  -webkit-animation-name: pendulum2;
			  animation-name: pendulum2;
	}

	@-webkit-keyframes pendulum {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(359deg);
	  }
	}

	@keyframes pendulum {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(359deg);
	  }
	}
	@-webkit-keyframes pendulum2 {
	  from {
		transform: rotate(180deg);
	  }
	  to {
		transform: rotate(520deg);
	  }
	}
	@keyframes pendulum2 {
	  from {
		transform: rotate(180deg);
	  }
	  to {
		transform: rotate(520deg);
	  }
	}
	.pop_up_video {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999999999;
	}

	.pop_up_video>div {
		display: flex;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.9);
		justify-content: center;
		align-items: center;
	}

	.pop_up_video .video {
		position: relative;
		width: 100%;
		max-width: 1200px;
	}

	.pop_up_video .video>span {
		position: absolute;
		width: 60px;
		height: 60px;
		top: 0px;
		right: 0px;
		line-height: 60px;
		text-align: center;
		display: block;
		color: #fff;
		font-size: 30px;
		z-index: 99;
		cursor: pointer;
	}
	.index-news-contain {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}
	
	.news-swiper {
	    position: relative;
	}
	
	.index-news-item a {
	    display: block;
	    position: relative;
	    z-index: 2;
	    display: flex;
	    justify-content: space-between;
	    color: #333;
	    background: #ffffff;
	    padding: 36px 20px;
	    -webkit-transition: all 0.2s;
	    transition: all 0.2s;
	}
	
	.index-news-item a:hover {
	    text-decoration: none;
	    background: #027ed2;
	    color: #ffffff;
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	    margin-top: -3px;
	}
	
	.index-news-item a .new_left {
	    padding-right: 15px;
	    width: 120px;
	    position: relative;
	    padding-bottom: 26px;
	}
	
	.index-news-item a .new_left:after {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    width: 90px;
	    border-bottom: 1px solid #333333;
	}
	
	.index-news-item a:hover .new_left:after {
	    border-color: #ffffff;
	}
	
	.index-news-item a .new_left span {
	    display: block;
	}
	
	.index-news-item a .new_left span.days {
	    font-size: 36px;
	    line-height: 36px;
	}
	
	.index-news-item a .new_right {
	    text-align: left;
	    width: calc(100% - 130px);
	}
	
	.index-news-item a .new_right h3 {
	    font-weight: normal;
	    font-size: 18px;
	    font-weight: bolder;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    line-clamp: 1;
	    -webkit-box-orient: vertical;
	}
	
	.index-news-item a .new-img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-size: cover;
	    opacity: 0;
	    transition: all 0.3s;
	    z-index: 0;
	}
	
	.index-news-item a:hover .new-img {
	    opacity: 0.18;
	    transition: all 0.3s;
	}
	
	.swiper-news-btn {
	    position: absolute;
	    top: 50%;
	    z-index: 10;
	    width: 100%;
	    margin-top: -20px;
	}
	
	.swiper-news-btn .news-btn-prev {
	    position: absolute;
	    left: -80px;
	}
	
	.swiper-news-btn .news-btn-next {
	    position: absolute;
	    right: -80px;
	}
	
	#foot a {
	    color: #333333;
	}
	
	#foot a:hover {
	    text-decoration: none;
	    color: #1783cc;
	}
	
	.foot-1 {
	    background: #f8f8f8;
	    padding-top: 60px;
	}
	
	.foot-contact {
	    display: flex;
	    justify-content: space-between;
	    align-items: flex-end;
	    border-bottom: 1px solid #e3e3e3;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	
	.foot-contact-item {
	    position: relative;
	    padding-left: 80px;
	    color: #1783cc;
	    font-size: 18px;
	}
	
	.foot-contact-item i {
	    position: absolute;
	    color: #1783cc;
	    font-size: 70px;
	    top: 3px;
	    left: 0;
	}
	
	.foot-contact-item h2 {
	    font-weight: bolder;
	}
	
	.foot-contact-r {
	    width: 20%;
	}
	
	.foot-contact-feedback ul {
	    text-align: center;
	}
	
	.foot-contact-feedback ul li {
	    list-style: none;
	    display: inline-block;
	    margin-right: 10px;
	    margin-bottom: 10px;
	}
	
	.foot-contact-feedback ul li a {
	    display: block;
	    width: 32px;
	    height: 32px;
	    border-radius: 50%;
	    color: #333333;
	    border: 1px solid #333333;
	    text-align: center;
	    font-size: 20px;
	    line-height: 32px;
	    opacity: 1 !important;
	}
	
	.foot-contact-feedback ul li a:hover {
	    color: #ffffff !important;
	    background: #1783cc;
	    border-color: #1783cc;
	}
	
	.foot-nav {
	    display: flex;
	    justify-content: space-between;
	    padding-top: 60px;
	    padding-bottom: 120px;
	}
	
	.foot-nav-con {
	    display: flex;
	    /*width: 60%;*/
	    width: 100%;
	    justify-content: space-between;
	}
	.foot-nav-con .foot-nav-item{
		width: 25%;
	}
	.foot-nav-ewm {
	    text-align: center;
	    width: 20%
	}
	
	.foot-nav-ewm p {
	    margin-top: 10px;
	}
	
	.foot-nav-title {
	    font-size: 18px;
	    color: #111111;
	    margin-bottom: 10px;
	}
	
	.foot-nav-ul ul li {
	    list-style: none;
	}
	
	.foot-2 {
	    background: #353535;
	}
	
	.foot-2-contain {
	    color: #ffffff;
	    padding-top: 25px;
	    padding-bottom: 25px;
	}
	
	.foot-2-contain a {
	    color: #ffffff !important;
	}
	
	.foot-2-contain a:hover {
	    color: #1783cc !important;
	}
	
	#banner-img {
	    position: relative;
	    background-repeat: no-repeat;
	    background-attachment: fixed;
	    background-size: cover;
	    background-position: left center;
	    min-height: 600px;
	}
	
	#banner-img .banner-txt {
	    display: flex;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    align-items: center;
	}
	
	.contain-con {
	    padding-top: 120px;
	    padding-bottom: 200px;
	    overflow: hidden;
	}
	
	#contain-nav {
	    border-bottom: 1px solid #eeeeee;
	    margin-top: 10px;
	}
	
	.container-nav-container {
	    padding-bottom: 5px;
	    padding-top: 5px;
	}
	
	.container-nav-container .swiper-wrapper .swiper-slide {
	    width: auto !important;
	}
	
	.container-nav-container .swiper-wrapper .swiper-slide a {
	    display: block;
	    position: relative;
	    padding: 15px 30px;
	    color: #333333;
	    font-size: 16px;
	}
	
	.container-nav-container .swiper-wrapper .swiper-slide a:hover,
	.container-nav-container .swiper-wrapper .swiper-slide a.active {
	    text-decoration: none;
	    background: #027ed2;
	    color: #ffffff;
	}
	
	.news-contain {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	
	.news-items {
	    width: 33.3%;
	    float: left;
	    padding: 0 15px 30px;
	}
	
	.news-item a {
	    color: #333333;
	    display: block;
	    transition: all 0.1s;
	}
	
	.news-item a:hover {
	    text-decoration: none;
	    margin-top: -5px;
	}
	
	.news-item-img {
	    overflow: hidden;
	}
	
	.news-item-img img {
	    transition: all 0.3s ease-out;
	}
	
	.news-item-name {
	    font-size: 16px;
	    margin-top: 20px;
	    padding: 0 3px;
	    min-height: 60px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	
	.news-item-time {
	    font-size: 16px;
	    margin-top: 10px;
	    padding: 0 3px;
	}
	
	.news-item-time:before {
	    content: "";
	    width: 2px;
	    height: 2px;
	    background: #001f7d;
	    display: block;
	    float: left;
	    margin-top: 12px;
	    margin-right: 5px;
	    transition: width .5s;
	    -moz-transition: width .5s;
	    /* Firefox 4 */
	    -webkit-transition: width .5s;
	    /* Safari 和 Chrome */
	    -o-transition: width .5s;
	    /* Opera */
	}
	
	.news-item a:hover .news-item-time:before {
	    width: 30px;
	}
	
	.news-item a:hover .news-item-img img {
	    transform: scale(1.1);
	}
	
	.news-con-title {
	    text-align: center;
	    color: #111111;
	    font-size: 30px;
	    margin-bottom: 20px;
	}
	
	.news-share {
	    border: #c5c5c5 1px dashed;
	    margin: 0 auto;
	    margin-top: 15px;
	}
	
	.news-conner {
	    margin-top: 15px;
	}
	
	.pro-item {
	    text-align: center;
	}
	
	#partner {
	    background: #f6f6f6;
	}
	
	#partner .contain-con {
	    padding-bottom: 120px;
	}
	
	.partner-con {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	
	.partner-item {
	    width: 15.5%;
	    float: left;
	    padding: 15px;
	}
	
	.partner-item-img {
	    cursor: pointer;
	    position: relative;
	    background: rgba(255, 255, 255, 0.1);
	    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	    transition: transform ease-out 0.1s, background 0.2s;
	}
	
	.partner-item-img:after {
	    pointer-events: none;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    content: '';
	    -webkit-box-sizing: content-box;
	    -moz-box-sizing: content-box;
	    box-sizing: content-box;
	    top: 0;
	    left: 0;
	    padding: 0;
	    z-index: 0;
	    box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
	    opacity: 0;
	    -webkit-transform: scale(0.9);
	    -moz-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	    transform: scale(0.9);
	}
	
	.partner-item-img:hover:after {
	    -webkit-animation: sonarEffect 1s ease-out 75ms;
	    -moz-animation: sonarEffect 1s ease-out 75ms;
	    animation: sonarEffect 1s ease-out 75ms;
	}
	
	.equip-contain {
	    margin-top: 36px;
	}
	
	.about-adv {
	    display: flex;
	    justify-content: space-between;
	    flex-direction: row-reverse;
	    margin-bottom: 30px;
	}
	
	.about-num-item {
	    display: inline-block;
	    margin-right: 30px;
	}
	
	.about-num {
	    font-size: 50px;
	    margin-bottom: 9px;
	    margin-top: 6px;
	    color: #1783cc;
	    font-weight: bolder;
	}
	
	.about-video {
	    background: #000000;
	    margin-top: 60px;
	}
	
	.honor-item {
	    width: 25%;
	}
	
	.honor-item a {
	    padding: 15px;
	    background: #ffffff;
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
	
	.contact-map-con {
	    position: relative;
	    min-height: 340px;
	}
	
	.contact_sign {
	    display: inline-block;
	    width: 12px;
	    height: 12px;
	    border-radius: 50%;
	    background-color: var(--red);
	    position: relative;
	}
	
	.contact_sign:before,
	.contact_sign:after {
	    content: '';
	    background-color: var(--red);
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    border-radius: 50%;
	    -webkit-border-radius: 50%;
	    opacity: 0;
	    -webkit-opacity: 0;
	    z-index: -1;
	}
	
	.contact_sign:before {
	    animation: sign01 2s .4s infinite;
	    -webkit-animation: sign01 2s .4s infinite;
	}
	
	.contact_sign:after {
	    animation: sign02 2s infinite;
	    -webkit-animation: sign02 2s infinite;
	}
	
	.contact-con {
	    display: flex;
	    justify-content: space-between;
	}
	
	.contact-l {
	    width: 48%;
	}
	
	.contact-r {
	    width: 48%;
	}
	
	.feedback-title h1 {
	    font-size: 24px;
	    font-weight: bold;
	    color: #0078c8;
	    margin-bottom: 20px;
	}
	
	#feedback {
	    background: url(../images/feedback-bg.jpg) no-repeat;
	    background-size: cover;
	    padding-top: 120px;
	    padding-bottom: 120px;
	}
	
	.feedback-con {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	
	.feedback-con .form-group {
	    margin-bottom: 10px;
	}
	
	.feedback-con .form-group label {
	    margin-bottom: 10px;
	}
	
	.feedback-con .feedback-title {
	    font-size: 18px;
	    color: #ffffff;
	    font-weight: normal;
	    margin-top: 3px;
	}
	
	.feedback-con .feedback-control {
	    display: block;
	    width: 100%;
	    height: 46px;
	    padding: 6px 12px;
	    line-height: 1.42857143;
	    color: #111111;
	    background-color: #fff;
	    background-image: none;
	    border: 1px solid #cccccc;
	}
	
	.feedback-con .feedback-textfield {
	    width: 100%;
	    padding: 2px 5px;
	    margin: 0px 0px 10px;
	    height: 250px;
	    border: 1px solid #cccccc;
	    padding: 6px 12px;
	}
	
	.feedback-con input[type="submit"] {
	    text-transform: uppercase;
	    float: right;
	    padding: 12px 80px;
	    color: #ffffff;
	    background-color: #0078c8;
	    border-radius: 4px;
	    cursor: pointer;
	    font-size: 1.4em;
	}
	
	.feedback-con .form-yzm{
		display:flex;
		justify-content: space-between;
		max-width: 500px;
	}

	.feedback-con .form-yzm .feedback-control{
		width: calc(100% - 230px);
	}

	.feedback-con .form-yzm img{
		width: 200px;
		height: 46px;
	}
	
	.pro-serise-item{
		margin-bottom: 30px;
	}
	
	@keyframes sign01 {
	    0% {
	        transform: scale(1);
	        -webkit-transform: scale(1);
	        opacity: 1;
	        -webkit-opacity: 1;
	    }
	    100% {
	        transform: scale(3);
	        -webkit-transform: scale(3);
	        opacity: 0;
	        -webkit-opacity: 0;
	    }
	}
	
	@-webkit-keyframes sign01 {
	    0% {
	        transform: scale(1);
	        -webkit-transform: scale(1);
	        opacity: 1;
	        -webkit-opacity: 1;
	    }
	    100% {
	        transform: scale(3);
	        -webkit-transform: scale(3);
	        opacity: 0;
	        -webkit-opacity: 0;
	    }
	}
	
	@keyframes sign02 {
	    0% {
	        transform: scale(1);
	        -webkit-transform: scale(1);
	        opacity: 1;
	        -webkit-opacity: 1;
	    }
	    100% {
	        transform: scale(4);
	        -webkit-transform: scale(4);
	        opacity: 0;
	        -webkit-opacity: 0;
	    }
	}
	
	@-webkit-keyframes sign02 {
	    0% {
	        transform: scale(1);
	        -webkit-transform: scale(1);
	        opacity: 1;
	        -webkit-opacity: 1;
	    }
	    100% {
	        transform: scale(4);
	        -webkit-transform: scale(4);
	        opacity: 0;
	        -webkit-opacity: 0;
	    }
	}
	
	.clear1 {
	    display: block;
	}
	
	.clear2 {
	    display: none;
	}
	.clear3 {
	    display: none;
	}
	
	.clear4 {
	    display: none;
	}
	@-webkit-keyframes sonarEffect {
	    0% {
	        opacity: 0.3;
	    }
	    40% {
	        opacity: 0.5;
	        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #1783cc, 0 0 0 5px rgba(255, 255, 255, 0.5);
	    }
	    100% {
	        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #1783cc, 0 0 0 5px rgba(255, 255, 255, 0.5);
	        -webkit-transform: scale(1.01);
	        opacity: 0;
	    }
	}
	
	@-moz-keyframes sonarEffect {
	    0% {
	        opacity: 0.3;
	    }
	    40% {
	        opacity: 0.5;
	        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #1783cc, 0 0 0 5px rgba(255, 255, 255, 0.5);
	    }
	    100% {
	        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #1783cc, 0 0 0 5px rgba(255, 255, 255, 0.5);
	        -moz-transform: scale(1.01);
	        opacity: 0;
	    }
	}
	
	@keyframes sonarEffect {
	    0% {
	        opacity: 0.3;
	    }
	    40% {
	        opacity: 0.5;
	        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #1783cc, 0 0 0 5px rgba(255, 255, 255, 0.5);
	    }
	    100% {
	        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #1783cc, 0 0 0 5px rgba(255, 255, 255, 0.5);
	        transform: scale(1.01);
	        opacity: 0;
	    }
	}
	
	@-webkit-keyframes rotate360 {
	    0% {
	        -webkit-transform: rotate(0deg);
	    }
	    100% {
	        -webkit-transform: rotate(360deg);
	    }
	}
	
	@-moz-keyframes rotate360 {
	    0% {
	        -moz-transform: rotate(0deg);
	    }
	    100% {
	        -moz-transform: rotate(360deg);
	    }
	}
	
	@-ms-keyframes rotate360 {
	    0% {
	        -ms-transform: rotate(0deg);
	    }
	    100% {
	        -ms-transform: rotate(360deg);
	    }
	}
	
	@keyframes rotate360 {
	    0% {
	        transform: rotate(0deg);
	    }
	    100% {
	        transform: rotate(360deg);
	    }
	}
	
	@media (max-width:1800px) {
	    .swiper-news-btn .news-btn-prev {
	        left: 0px;
	    }
	    .swiper-news-btn .news-btn-next {
	        position: absolute;
	        right: 0px;
	    }
	}
	
	@media (max-width:1200px) {
		.headervue .item>a{
			margin: 0 16px;
		}
	    #index-about {
	        background-size: auto 100%;
	    }
		.index-about-video{
			right: 10%;
		}
	    .partner-item {
	        width: 20%;
	    }
		.clear1 {
			display: none;
		}
		
		.clear2 {
			display: none;
		}
		.clear3 {
			display: block;
		}
		
		.clear4 {
			display: none;
		}
	}
	
	@media (max-width:960px) {
	    #header {
	        display: none;
	    }
	    #ph-nav {
	        display: block;
	    }
	    .swiper-btn .swiper-btn-prev,
	    .swiper-btn .swiper-btn-next {
	        width: 36px;
	        height: 36px;
	        line-height: 36px;
	    }
	    .solution-swiper .swiper-slide {
	        padding-right: 0;
	    }
	    .solution-item {
	        flex-direction: column;
	    }
	    .swiper-solution-btn {
	        right: 0;
	        left: 0;
	        top: 50%;
	        display: block;
	        height: auto;
	    }
	    .swiper-solution-btn:after {
	        display: none;
	    }
	    .swiper-solution-btn .solution-btn-prev {
	        left: 0;
	        position: absolute;
	    }
	    .swiper-solution-btn .solution-btn-next {
	        right: 0;
	        position: absolute;
	    }
	    .solution-item .solution-txt {
	        padding-top: 0;
	    }
	    .solution-item .solution-txt,
	    .solution-item .solution-img {
	        width: 100%;
	        margin: auto;
	    }
	    .container-title span {
	        font-size: 18px;
	        margin-bottom: 10px;
	    }
	    .container-title h1 {
	        font-size: 24px;
	    }
	    .solution-item .solution-txt .solution-name h4 {
	        font-size: 18px;
	    }
	    .solution-item .solution-txt .solution-name h2 {
	        font-size: 22px;
	    }
	    .index-equip-contain {
	        flex-direction: column;
	    }
	    .index-equip-nav {
	        width: 100%;
	    }
	    .index-equip-con {
	        width: 100%;
	    }
	    .index-equip-ul {
	        padding: 0;
	    }
	    .index-equip-ul ul li {
	        display: inline-block;
	        margin-right: 15px;
	        font-size: 16px;
	    }
	    .index-equip-con {
	        position: relative;
	    }
	    .swiper-equip-btn {
	        padding: 0;
	        position: absolute;
	        width: 100%;
	        top: 50%;
	        z-index: 90;
	    }
	    .swiper-equip-btn .equip-btn-prev,
	    .swiper-equip-btn .equip-btn-next {
	        margin-left: 0;
	        position: absolute;
	    }
	    .swiper-equip-btn .equip-btn-prev {
	        left: 0;
	    }
	    .swiper-equip-btn .equip-btn-next {
	        right: 0;
	    }
	    .equip-item a .equip-name {
	        font-size: 16px;
	    }
	    .index-about-contain {
	        padding-top: 60px;
	        padding-bottom: 60px;
	    }
		.index-about-video{
			position: relative;
			margin-top: 36px;
			right: auto;
		}
		.pop_video{
			width: 60px;
			height: 60px;
		}
		.pop_video:before, .pop_video:after{
			width: 60px;
			height: 60px;
		}
	    .contain-con {
	        padding-top: 60px;
	        padding-bottom: 90px;
	    }
	    .news-items {
	        width: 50%;
	    }
	    #banner-img {
	        min-height: 400px;
	        background-attachment: unset;
	    }
	    .partner-item {
	        width: 33.3%;
	    }
	    .about-adv {
	        justify-content: space-between;
	        flex-direction: column;
	    }
	    .about-num-con {
	        margin-bottom: 30px;
	    }
	    .contact-con {
	        flex-direction: column;
	    }
	    .contact-l,
	    .contact-r {
	        width: 100%;
	    }
	    .contact-r {
	        margin-top: 30px;
	    }
	    .clear1 {
	        display: none;
	    }
	    .clear2 {
	        display: block;
	    }
		.clear3 {
			display: none;
		}
		
		.clear4 {
			display: none;
		}
	}
	
	@media (max-width:768px) {
	    .navbar-brand img {
	        width: 160px;
	    }
	    .foot-1 {
	        padding-top: 30px;
	    }
	    .foot-contact {
	        align-items: flex-start;
	        flex-direction: column;
	    }
	    .foot-contact-l,
	    .foot-contact-r {
	        width: 100%;
	        text-align: center;
	    }
	    .foot-contact-item {
	        padding-left: 0;
	    }
	    .foot-contact-item i {
	        display: none;
	    }
	    .foot-nav {
	        padding-top: 60px;
	        padding-bottom: 60px;
	    }
	    .foot-nav-con {
	        display: none;
	    }
	    .foot-nav-ewm {
	        width: 100%;
	    }
	    .foot-2-contain {
	        text-align: center;
	    }
	    #banner-img {
	        min-height: 300px;
	    }
	}
	
	@media (max-width:640px) {
	    .news-items {
	        width: 100%;
	    }
	    #banner-img {
	        min-height: 260px;
	    }
	    .partner-item {
	        width: 50%;
	    }
		.clear1 {
	        display: none;
	    }
	    .clear2 {
	        display: none;
	    }
		.clear3 {
			display: none;
		}
		
		.clear4 {
			display: block;
		}
	}