
/* banner方案开始 */
.carousel {
  position: relative;
  padding: 0;
  margin: 0;
}
.digital-box{
  width: 100%;
  overflow: hidden;
  position: relative;
  top: -100px
}
.digital-wrap {
  overflow-x: hidden;
  margin-bottom: 20px
}
.digital-wrap .container {
	position: relative;
	left: 24%;
}
.digitalInfo .row {
	position: relative;
	z-index: 1000;
	color: #fff;
	border-left: 2px solid #fff;
	padding-left: 15px;
}
.digitalInfo h1 {
	font-size: 30px;
	margin: 0;
}
.digitalInfo p {
	margin: 10px 0 0;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	font-family: 'Roboto', sans-serif;
}
.digitalInfo:after {
	content: "";
	width: 1920px;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	-moz-transform: skewX(-35deg);
	-webkit-transform: skewX(-35deg);
	-o-transform: skewX(-35deg);
	-ms-transform: skewX(-35deg);
	transform: skewX(-35deg);
	box-shadow: 0 0 12px -5px #000;
	-webkit-box-shadow: 0 0 12px -5px #000;
	background: #0066ff;
}
.btnclick {
	text-align: center;
	margin-top: 20px;
}
.btnclick a {
	text-decoration: none;
	border-radius: 0;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	background: #fff;
	text-transform: uppercase;
	padding: 18px 42px !important;
	display: inline-block;
	color: #333 !important;
	width: 150px;
	height: 56px;
	transition: all 0.5s;
}
.btnclick a:after {
	border-color: transparent transparent transparent #fff !important;
}
.btnclick a:hover {
	color: #fff !important;
	background: #f5ad00;
}
.digitalInfo {
	margin-left: 100px;
	padding: 60px 0;
}
/* banner方案结束 */

/*关于我们开始*/
.about-wrap {
	position: relative;
	padding: 20px 0;
  overflow: hidden;
  width: 100%;
}
.about-wrap .img_box {
	padding: 0;
}
.car_box {
	display: table;
	height: 100%;
}
.car_box img {
	width: 100%;
}
.about-wrap .title {
	margin-bottom: 25px;
	border-left: 3px solid #0066ff;
	padding-left: 20px;
}
.about-wrap .readmore {
	margin-top: 40px;
}
.about-wrap .readmore a {
	width: 140px;
	height: 46px;
	display: block;
	background: #f5ad00;
	color: #fff;
	text-align: center;
	line-height: 46px;
	transition: all 0.5s;
}
.about-wrap .readmore a:hover {
	background: #0066ff;
}
.about-wrap .title h1 {
	font-size: 34px;
	font-weight: bold;
	color: #0066ff;
}
.title p {
	font-size: 15px!important;
	text-transform: uppercase;
	text-indent: 0!important;
	line-height: 26px!important;
}
.about_box {
	margin-left: 5%;
	width: 72%;
}
.about_box p {
	font-size: 14px;
	line-height: 30px;
	text-indent: 2em;
	margin: 0;
}
#counter {
	margin: 60px auto;
}
.counter-item {
	background: transparent;
	-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;
	padding: 15px;
}
.counter-item: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);
}
.about_prod_box {
	max-height: 305px;
	overflow: hidden;
}
.counter-item .counterbox img {
	width: 100%;
	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;
}
.counter-item:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}
.counter-item .counterbox h3 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.counter-item .counterbox p {
	font-size: 14px;
	line-height: 26px;
	color: #666666;
}
.counter-item .counterbox p a {
	color: #999999;
	transition: all .3s;
}
.counter-item .counterbox p a:hover {
	color: #0066ff;
}

@media(max-width:1410px) {
.about_box {
	margin-left: 5%;
	width: 90%;
}
}
/*关于我们结束*/

/*现货产品中心开始*/
.video-wrap {
	padding: 100px 0;
    margin-bottom: 50px;
    background: url(/assets/image/prodcut_bg.jpg) no-repeat top;
    background-size: cover;
}
.video-wrap .title {
	margin-bottom: 25px;
}
.video-wrap .title h1 {
	font-size: 38px;
	color: #fff;
	font-weight: bold;
}
.video-wrap .title:after {
	background: #fff;
}
.vid_box {
    max-width: 950px;
    margin: auto;
    text-align: center;
}
.video-wrap p {
	color: #fff;
	font-size: 16px;
	line-height: 36px;
}
.callText {
	font-size: 24px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}
.video-wrap .readmore {
	margin-top: 40px;
	margin-bottom: 50px;
	width: 420px;
    margin: auto;
}
.video-wrap .readmore a {
	background: #0066ff;
	width: 180px;
	height: 46px;
	display: block;
	text-align: center;
	line-height: 46px;
	color: #fff;
	transition: all 0.5s;
	float: left;
}
.video-wrap .readmore a:hover {
	background: #fff;
	color: #333;
}
.video-wrap .row {
	padding: 0 5%;
}
.videoImg {
	margin-bottom: -120px;
	position: relative;
}
.videoImg img {
	border: 14px solid #fff;
	border-radius: 12px;
	box-shadow: 0 0 17px rgba(0, 0, 0, 0.3);
	width: 100%;
}
.playbtn {
	text-align: center;
	margin-top: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
}
.playbtn a {
	box-sizing: content-box;
	display: inline-block;
	width: 32px;
	height: 44px;
	background: #fff;
	border-radius: 50%;
	padding: 18px 20px 18px 28px;
	position: relative;
}
.playbtn a:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite;
}
.playbtn a span {
	display: inline-block;
	position: relative;
	width: 0;
	height: 0;
	border-left: 32px solid #ee3131;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}
.playbtn a:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}
 @-webkit-keyframes pulse-border {
 0% {
 -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 opacity:1;
}
 100% {
 -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 opacity:0;
}
}
 @keyframes pulse-border {
 0% {
 -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
 opacity:1;
}
 100% {
 -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
 opacity:0;
}
}
.produc_box {
	width: 100%;
	overflow: hidden;
	margin-bottom: 60px;
}
.produc_box .container {
	width: 1200px;
	padding: 0;
}
.fenlei_box {
	width: 100%;
	overflow: hidden;
	background: #f4f4f4;
}
.fenlei_box ul{
	margin: 0;
}
.fenbt h2 {
	padding-left: 20px;
	width: 100%;
	background: #0066ff;
	color: #fff;
	line-height: 54px;
	margin: 0;
	font-size: 26px;
}
.scer_box form span {
	float: left;
	padding: 15px 20px;
}
#xh, #brand {
	height: 32px;
	line-height: 32px;
	border: 1px #DBDBDB solid;
	width: 170px;
	color: #989898;
	padding-left: 10px;
	outline: none;
}
#xhcc {
	width: 170px;
	height: 34px;
	cursor: pointer;
	border: 1px solid #333;
	margin: 0 0 20px 55px;
	transition: all 0.5s;
	outline: none;
}
#xhcc:hover {
	background-color: #0066ff;
	color: #fff;
	border: 0;
}
.fenlei_box ul li {
	line-height: 48px;
	border-top: 1px solid #ebebeb;
}
.fenlei_box ul li a {
	display: block;
	padding-left: 20px;
	transition: all 0.5s;
	color: #333;
}
.fenlei_box ul li a:hover {
	background-color: #0066ff;
	color: #fff;
}
.xh_right_box {
	background-color: #fff;
	margin-top: -10px;
	padding-right: 0;
}
.chap_box {
	width: 47%;
	height: 170px;
	background-color: #f4f4f4;
	margin: 10px;
	float: left;
}
.chap_box img {
	float: left;
	margin: 10px;
	height: 150px;
}
.chap {
  float: right;
  margin: 10px 0;
  padding-right: 12px;
  width: 55%;
}
.chap p {
	border-bottom: 1px solid #d4d4d4;
	height: 30px;
	display: flex;
    justify-content: space-between;
}
.chap p span {
	color: #0066ff;
	font-size: 16px;
	font-weight: 600;
}
.chap p a {
	color: #797979;
}
.chap ul {
	clear: both;
	margin-top: 10px;
}
.chap ul li {
	line-height: 34px;
}
.chap ul li span {
	width: 41%;
	float: left;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.chap ul li span:first-child {
	text-align: left;
}
.chap ul li a {
	color: #f5ad00;
}
/*现货产品中心结束*/
/* 代理品牌开始 */
.brand{
	width: 100%;
	overflow: hidden;
	margin-bottom: 60px;
}
.brand .container h1{
	font-size: 38px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px;
}
.brand ul{
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.brand ul li{
	width: 24.5%;
	text-align: center;
	margin-bottom: 10px;
}
.brand ul li img{
	width: 100%;
}
.brand ul li p{
	background-color: #0066ff;
    color: #FFF;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
}
.brand ul li:hover p{
	background-color: #333;
}
/* 代理品牌结束 */
/*新闻资讯开始*/
.choose_box {
	background: #0066ff;
	max-width: 800px;
	margin: 0 0 0 auto;
	-webkit-box-shadow: 0 0 20px rgba(1,1,1,.19);
	-moz-box-shadow: 0 0 20px rgba(1,1,1,.19);
	box-shadow: 0 0 20px rgba(1,1,1,.19);
	padding: 50px;
	z-index: 1000;
	position: relative;
	margin-right: 30px;
}
.choose_box .title {
	margin-bottom: 25px;
	border-left: 3px solid #ffffff;
	padding-left: 20px;
}
.welImg span {
	display: inline-block;
	position: relative;
}
.chooseWrap {
	padding: 100px 0 98px 0;
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 100px;
}
.chooseWrap .section-header {
	margin-bottom: 15px;
}
.chooseWrap h1 {
	font-weight: bold;
	font-size: 38px;
	color: #fff;
	margin: 0;
}
.choose_box h3 {
	margin: 15px 0 5px;
}
.choose_box h3 a {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	transition: all 0.5s;
	position: relative;
	padding-left: 15px;
}
.choose_box h3 a:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #fff;
	position: absolute;
	top: 3px;
	left: 0;
	border-radius: 50%;
}
.choose_box h3 a:hover {
	color: #f5ad00;
}
.chooseWrap p {
	font-size: 14px;
	line-height: 26px;
	color: #e5e5e5;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.chooseWrap .sub_title {
	color: #fff;
}
.chooseWrap:before {
	content: "";
	background: url(/assets/image/news_img.png) no-repeat top;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 76%;
	height: 745px;
}
.chooseWrap ul li a {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 36px;
	transition: all 0.5s;
	position: relative;
	padding-left: 15px;
}
.chooseWrap ul li a:hover {
	color: #f5ad00;
}
.chooseWrap ul li a:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #fff;
	position: absolute;
	top: 4px;
	left: 0;
	border-radius: 50%;
}
.chooseWrap .readmore a {
	background: #fff;
	width: 180px;
	height: 46px;
	display: block;
	text-align: center;
	line-height: 46px;
	color: #333;
	transition: all 0.5s;
	margin-top: 30px;
}
.chooseWrap .readmore a:hover {
	background: #f5ad00;
	color: #fff;
}
/*新闻资讯结束*/

/*行业方案开始*/
.emergency-wrap {
	padding-bottom: 120px;
}
.emergency-wrap .container-fluid{
	padding:0;
}
.emergencyImg img{
	width: 100%;
}
.sub_title {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #333;
	line-height: 28px;
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.emergency_box {
	display: table;
	height: 100%;
	padding-left: 5%;
	margin-left: 20px;
	max-width: 680px;
}
.emergency_sec {
	display: table-cell;
	vertical-align: middle;
}
.emergency_sec .title h1{
	font-size: 36px;
	font-weight: bold;
	color: #06f;
	padding-left: 15px;
	margin: 0 0 10px;
}
.emergency_sec .title h1 span{
	color:#333;
}
.emergency_sec p{
	font-size: 14px;
	color: #333;
	line-height: 28px;
	margin-bottom: 20px;
	padding-left: 15px;
}
.hylist_box{
	width: 100%;
   overflow: hidden;
}
.hylist_box a img{
	width: 100%;
}
.hylist_box a h3{
	text-align: center;
	font-size: 16px;
   font-weight: bold;
	transition: all 0.5s;
}
.hylist_box a:hover h3{
	color:#f5ad00;
}
.readmore a{
	width: 140px;
	height: 46px;
	display: block;
	background: #f5ad00;
	color: #fff;
	text-align: center;
	line-height: 46px;
	transition: all 0.5s;
	margin: 30px 15px;
}
.readmore a:hover{
	background: #06f;
}
/*行业方案结束*/
/* 移动端开始 */
@media(max-width:768px){
	.digital-box{
		display: none;
	}
	.about_box{
		width: 100%;
		overflow: hidden;
		margin: 0;
	}
	.about-wrap .title h1 {
		font-size: 24px;
		font-weight: bold;
		color: #0066ff;
	}
	#counter {
		margin: 15px auto;
	}
	.video-wrap {
		padding: 35px 0 0px 0;
		margin-bottom: 30px;
		background: url(/assets/image/prodcut_bg.jpg) no-repeat top;
		background-size: cover;
	}
	.video-wrap .title h1 {
		font-size: 32px;
		color: #fff;
		font-weight: bold;
		margin: 0;
	}
	.video-wrap .title {
		margin-bottom: 10px;
	}
	.video-wrap p {
		color: #fff;
		font-size: 16px;
		line-height: 30px;
	}
	.video-wrap .readmore a {
		background: #0066ff;
		width: 180px;
		height: 46px;
		display: block;
		text-align: center;
		line-height: 46px;
		color: #fff;
		transition: all 0.5s;
		margin: 30px 0;
	}
	.scer_box form span {
		float: left;
		padding: 15px 20px;
		width: 100%;
		display: block;
	}
	#xh, 
	#brand {
		height: 32px;
		line-height: 32px;
		border: 1px #DBDBDB solid;
		width: 87%;
		color: #989898;
		padding-left: 10px;
		outline: none;
	}
	#xhcc {
		width: 77%;
		height: 34px;
		cursor: pointer;
		border: 1px solid #333;
		margin: 0 0 20px 55px;
		transition: all 0.5s;
		outline: none;
	}
	.produc_box {
		width: 100%;
		overflow: hidden;
		margin-bottom: 30px;
	}
	.xh_left_box  {
		padding: 0 10px;
	}
	.xh_right_box {
		background-color: #fff;
		margin: 0;
		padding: 0;
	}
	.fenlei_box ul li:last-child{
		display: none;
	}
	.chap_box {
		width: 95%;
		height: 134px;
		background-color: #f4f4f4;
		margin: 10px auto;
		float: none;
	}
	.brand ul li{
		width: 100%;
	}
	.brand .container h1 {
		font-size: 32px;
	}
	.chap {
		float: right;
		margin: 8px 0;
		padding-right: 10px;
		width: 59%;
	}
	.chap ul li {
		line-height: 26px;
	}
	.chap_box img {
		float: left;
		margin: 11px 8px;
		height: 113px;
	}
	.chap ul li span {
		width: 39%;
		float: left;
		text-align: center;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.chooseWrap {
		padding: 50px 0 10px 0;
		position: relative;
		width: 100%;
		overflow: hidden;
		margin-bottom: 30px;
	}
	.choose_box {
		background: #0066ff;
		max-width: 800px;
		margin: 0 0 0 auto;
		-webkit-box-shadow: 0 0 20px rgba(1,1,1,.19);
		-moz-box-shadow: 0 0 20px rgba(1,1,1,.19);
		box-shadow: 0 0 20px rgba(1,1,1,.19);
		padding: 15px;
		z-index: 1000;
		position: relative;
		margin-right: 0;
	}
	.chooseWrap h1 {
		font-weight: bold;
		font-size: 24px;
		color: #fff;
		margin: 0;
	}
	.choose_box h3 {
		margin: 15px 0 5px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.tick{
		display: none;
	}
	.emergency-wrap {
		padding-bottom: 20px;
	}
	.emergency_box {
		display: table;
		height: 100%;
		max-width: 680px;
		margin: 0;
		padding: 0;
	}
	.emergency_sec .title h1 {
		font-size: 24px;
		font-weight: bold;
		color: #06f;
		margin: 20px 0 5px;
		padding: 0;
	}
	.sub_title {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 8px;
		color: #333;
		line-height: 24px;
		display: -webkit-box;
		word-break: break-all;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.emergency_sec p {
		font-size: 14px;
		color: #333;
		line-height: 26px;
		margin: 0 0 10px;
		padding: 0;
	}
	.hylist_box .col-md-6{
		padding: 0;
	}
	.emergency_sec .readmore a {
		width: 100%;
		height: 46px;
		display: block;
		background: #f5ad00;
		color: #fff;
		text-align: center;
		line-height: 46px;
		transition: all 0.5s;
		margin: 30px auto;
	}
	.chooseWrap:before {
		content: "";
		background: url(/assets/image/news_img.png) no-repeat top;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 320px;
	}
}

/* 移动端结束 */