.product_list_container {
	width: 100%;
	height: auto;
	background: #f6f6f6;
	padding: 0 0 40px
}

.product_list_container nav {
	padding-top: 50px;
	width: 105%
}

.product_list_container nav .nav {
	width: 1500px;
	margin: 0 auto 50px
}

.product_list_container nav .nav li {
	float: left;
	margin-right: 70px
}

.product_list_container nav .nav li a {
	color: #7c7c7c;
	line-height: 50px;
	z-index: 10;
	font-size: 16px
}

.product_list_container nav .nav li.active a,
.product_list_container nav .nav li:hover a {
	color: #0d7fef
}

.product_list_container nav .nav li a i {
	display: block;
	background: url(../png/nav_icons-c92cd07093.png) center center no-repeat
}

.product_list_container nav .nav li a i.icon1 {
	width: 43px;
	height: 45px;
	margin: 2px auto 3px;
	background-position: -1px -50px
}

.product_list_container nav .nav li a i.icon2 {
	width: 44px;
	height: 48px;
	margin: 1px auto;
	    background-position: -45px -47px;
}

.product_list_container nav .nav li a i.icon3 {
	    width: 45px;
	    height: 46px;
	    margin: 2px auto;
	    background-position: -93px -47px;
}

.product_list_container nav .nav li a i.icon4 {
    width: 44px;
    height: 45px;
    margin: 4px auto 0;
    background-position: -150px -50px;
}

.product_list_container nav .nav li a i.icon5 {
	width: 46px;
	height: 38px;
	margin: 6px auto;
	    background-position: -206px -54px;
}

.product_list_container nav .nav li a i.icon6 {
    width: 49px;
    height: 38px;
    margin: 6px auto;
    background-position: -255px -52px;
}

.product_list_container nav .nav li a i.icon7 {
	width: 48px;
	height: 35px;
	margin: 7px auto 8px;
	background-position: -311px -51px
}

.product_list_container nav .nav li a i.icon8 {
	width: 47px;
	height: 40px;
	margin: 4px auto 5px;
	background-position: -366px -52px
}
.product_list_container nav .nav li a i.icon9 {
	width: 47px;
	height: 40px;
	margin: 4px auto 5px;
	background-position: -418px -52px
}
.product_list_container nav .nav li a i.icon10 {
	width: 47px;
	height: 40px;
	margin: 4px auto 5px;
	    background-position: -465px -52px;
}
.product_list_container nav .nav li a i.icon11 {
	width: 47px;
	height: 40px;
	margin: 4px auto 5px;
	background-position: -515px -52px
}
.product_list_container nav .nav li a i.icon12 {
	width: 47px;
	height: 40px;
	margin: 4px auto 5px;
	background-position: -515px -52px
}
.product_list_container nav .nav li a i.icon13 {
	width: 47px;
	height: 40px;
	margin: 4px auto 5px;
	background-position: -515px -52px
}

.product_list_container nav .nav li.active a .icon1 {
	background-position: -1px 0
}

.product_list_container nav .nav li.active a .icon2 {
    background-position: -45px 0px;
}

.product_list_container nav .nav li.active a .icon3 {
	background-position: -93px 0;
}

.product_list_container nav .nav li.active a .icon4 {
	background-position: -149px 0;
}

.product_list_container nav .nav li.active a .icon5 {
    background-position: -206px 0;
}

.product_list_container nav .nav li.active a .icon6 {
	background-position: -255px 0px;
}

.product_list_container nav .nav li.active a .icon7 {
	background-position: -311px 0
}

.product_list_container nav .nav li.active a .icon8 {
	background-position: -364px 0
}
.product_list_container nav .nav li.active a .icon9 {
	background-position: -416px 0
}
.product_list_container nav .nav li.active a .icon10 {
	background-position: -465px 0
}
.product_list_container nav .nav li.active a .icon11 {
	background-position: -515px 0
}
.product_list_container nav .nav li.active a .icon12 {
	background-position: -515px 0
}
.product_list_container nav .nav li.active a .icon13 {
	background-position: -515px 0
}

.product_list_container nav .nav li:hover a .icon1 {
	background-position: -1px 0
}

.product_list_container nav .nav li:hover a .icon2 {
	background-position: -45px 0px;
}

.product_list_container nav .nav li:hover a .icon3 {
	background-position: -93px 0;
}

.product_list_container nav .nav li:hover a .icon4 {
	background-position: -149px 0px;
}

.product_list_container nav .nav li:hover a .icon5 {
	    background-position: -206px 0;
}

.product_list_container nav .nav li:hover a .icon6 {
	background-position: -255px 0px;
}

.product_list_container nav .nav li:hover a .icon7 {
	background-position: -311px 0
}

.product_list_container nav .nav li:hover a .icon8 {
	background-position: -364px 0
}
.product_list_container nav .nav li:hover a .icon9 {
	background-position: -416px 0
}
.product_list_container nav .nav li:hover a .icon10 {
	background-position: -465px 0
}
.product_list_container nav .nav li:hover a .icon11 {
	background-position: -515px 0
}
.product_list_container nav .nav li:hover a .icon12 {
	background-position: -515px 0
}
.product_list_container nav .nav li:hover a .icon13 {
	background-position: -515px 0
}

.product_list_container .top_nav {
	opacity: 0;
	position: absolute;
	top: -100px;
	transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.product_list_container .top_nav_scroll {
	position: fixed;
	display: block;
	opacity: 1;
	top: 0;
	left: 0;
	padding-top: 0;
	z-index: 999;
	background: #fff;
	border-bottom: 1px solid #dfdfdf
}

.product_list_container .top_nav_scroll ul {
	margin-bottom: 0
}

.product_list_container .top_nav_scroll ul li a i {
	display: none
}

.product_list_container .main {
	width: 1200px;
	margin: 0 auto;
	position: relative
}

.product_list_container .main .list {
	width: 1200px;
	margin: 0 auto;
	display: none
}

.product_list_container .main .list ul {
	width: 1230px
}

.product_list_container .main .list ul li {
	width: 585px;
	height: 300px;
	float: left;
	margin-top: 30px;
	margin-right: 30px;
	background-color: #fff;
	position: relative;
	transition: all .2s linear;
	-webkit-transition: all .2s linear
}

.product_list_container .main .list ul li a.block {
	display: block;
	width: 590px;
	height: 300px
}

.product_list_container .main .list ul li a.button {
	position: absolute;
	bottom: 45px;
	left: 30px;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #7c7c7c;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	transition: all .2s linear;
	-webkit-transition: all .2s linear
}

.product_list_container .main .list ul li a.button:hover {
	background-color: #1170d7;
	border-color: #1170d7;
	color: #fff
}

.product_list_container .main .list ul li .left {
	width: 285px;
	float: left;
	margin-left: 30px;
	position: relative;
	height: 300px
}

.product_list_container .main .list ul li .left .title {
	margin-top: 48px;
	font-size: 18px;
	color: #111
}

.product_list_container .main .list ul li .left .text {
	font-size: 14px;
	color: #7c7c7c;
	margin-top: 16px;
	padding-right: 30px;
	line-height: 1.4
}

.product_list_container .main .list ul li .right {
	float: right;
	width: 260px;
	height: 260px;
	margin-right: 15px;
	margin-top: 20px
}

.product_list_container .main .list ul li:hover {
	transform: translate3d(0, -2px, 0);
	-webkit-transform: translate3d(0, -2px, 0);
	-moz-transform: translate3d(0, -2px, 0);
	box-shadow: 0 15px 20px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, .1)
}

.product_list_container .main .list ul li:nth-child(1),
.product_list_container .main .list ul li:nth-child(2) {
	margin-top: 0
}

.product_list_container .main .robot_list {
	margin-top: 20px;
	width: 100%;
	height: 424px;
	background-color: #fff
}

.product_list_container .main .robot_list h1 {
	padding-top: 50px;
	text-align: center;
	color: #111;
	font-size: 18px;
	font-weight: 400
}

.product_list_container .main .robot_list p {
	padding-top: 30px;
	text-align: center;
	color: grey;
	font-size: 14px;
	line-height: 1.4
}

.product_list_container .main .robot_list ul {
	margin: 60px 90px 0
}

.product_list_container .main .robot_list ul li {
	float: left;
	padding-right: 40px;
	display: block;
	height: 146px
}

.product_list_container .main .robot_list ul li:last-child {
	padding-right: 0
}

.product_list_container .main .robot_list ul li i.rli_icon {
	display: block;
	width: 100%;
	height: 120px
}

.product_list_container .main .robot_list ul li p {
	margin-top: 10px;
	text-align: center;
	color: #a2a2a2
}

.product_list_container .main .robot_list ul li.rl_item7 p {
	margin-top: 53px
}

.product_list_container .main .robot_list ul li.rl_item1>i.rli_icon {
	background: url(../png/robot_1-23ff19345a.png) center center no-repeat
}

.product_list_container .main .robot_list ul li.rl_item2>i.rli_icon {
	background: url(../png/robot_2-4fc93d1c5a.png) center center no-repeat
}

.product_list_container .main .robot_list ul li.rl_item3>i.rli_icon {
	background: url(../png/robot_3-f7d6f89b8e.png) center center no-repeat
}

.product_list_container .main .robot_list ul li.rl_item4>i.rli_icon {
	background: url(../png/robot_4-800675992f.png) center center no-repeat
}

.product_list_container .main .robot_list ul li.rl_item5>i.rli_icon {
	background: url(../png/robot_5-47b1a52ea6.png) center center no-repeat
}

.product_list_container .main .robot_list ul li.rl_item6>i.rli_icon {
	background: url(../png/robot_6-57096f3340.png) center center no-repeat
}

.product_list_container .main .robot_list ul li.rl_item8>i.rli_icon {
	width: 85px;
	background: url(../png/robot_7-70ba2a1bba.png) center center no-repeat
}

.product_list_container .main .robot_list ul li.rl_item9>i.rli_icon {
	background: url(../png/robot_8-cd3305d087.png) center center no-repeat
}

.prolist_t1_banner {
	display: block;
	width: 1200px;
	height: 400px;
	background: url(../jpg/banner1_bg-90ed0706b5.jpg) center no-repeat;
	background-size: cover;
	position: relative
}

.prolist_t1_banner img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10
}

.prolist_t1_banner div {
	width: 94px;
	height: 94px;
	background: url(../png/banner1_gq-624974aa5e.png) center no-repeat
}

.prolist_t1_banner div.t1_gq1 {
	position: absolute;
	top: 32px;
	left: 30px;
	z-index: 9;
	-webkit-animation: sh-ripple 2s ease infinite;
	animation: sh-ripple 2s ease infinite
}

.prolist_t1_banner div.t1_gq2,
.prolist_t1_banner div.t1_gq3 {
	z-index: 9;
	-webkit-animation: sh-ripple 2s ease infinite;
	position: absolute
}

.prolist_t1_banner div.t1_gq2 {
	top: 100px;
	left: 626px;
	animation: sh-ripple 2s ease infinite
}

.prolist_t1_banner div.t1_gq3 {
	top: 164px;
	left: 692px;
	animation: sh-ripple 2s ease infinite
}

.prolist_t1_banner div.t1_gq4 {
	position: absolute;
	top: 0;
	left: 740px;
	-webkit-animation: sh-ripple 2s ease infinite;
	animation: sh-ripple 2s ease infinite
}

@-webkit-keyframes sh-ripple {
	0% {
		-webkit-transform: scale(0);
		-webkit-transform-origin: 50% 50%
	}

	50% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 50% 50%;
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@keyframes sh-ripple {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%
	}

	50% {
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%
	}
}