*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

.home-keyword {
	height: 70px;
	line-height: 70px;
	background: #efefef
}

.home-keyword .key-left {
	float: left;
	width: 700px;
	overflow: hidden;
	position: relative
}

.home-keyword .key-left span {
	float: left;
	display: block;
	color: #333;
	font-weight: bold;
	margin-right: 15px;
	position: absolute;
	top: 0;
	left: 0
}

.home-keyword .key-left ul {
	float: left;
	padding-left: 100px;
	overflow: hidden;
	height: 70px
}

.home-keyword .key-left ul li {
	float: left;
	margin-right: 20px
}

.home-keyword .key-left ul li a {
	color: #333
}

.home-keyword .key-left ul li a:hover {
	color: #d6001c
}

.home-keyword .key-right {
	float: right;
	background: url(../images/search-bg.png) no-repeat center center;
	width: 367px;
	padding-top: 15px;
	height: 70px
}

.home-keyword .key-right .form-control {
	text-align: left;
	float: left;
	border: 0;
	font-size: 14px;
	height: 40px;
	width: 300px;
	margin-right: 1px;
	color: #333;
	line-height: 38px;
	vertical-align: top;
	padding: 0 20px 0 30px;
	-webkit-appearance: none;
	background: 0;
	font-family: "microsoft yahei"
}

.home-keyword .key-right .searchbtn {
	border: 0;
	font-size: 12px;
	color: #fff;
	width: 57px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	background: url("../images/search.png") no-repeat center center;
	outline: 0;
	float: left
}

.home-title {
	background: url("../images/home-title.png") no-repeat center center;
	height: 100px;
	padding-top: 15px;
	text-align: center;
	margin-bottom: 40px
}

.home-title .title1 {
	font-size: 30px;
	color: #333
}

.home-title .title1 span {
	font-weight: bold;
	color: #d6001c
}

.home-title .title2 {
	font-size: 13px;
	color: #999;
	text-transform: uppercase
}

.home-partner {
	padding: 60px 0;
	overflow: hidden;
	background: #fff
}

.home-partner .home-bottom {
	overflow: hidden;
	position: relative
}

.home-partner .slick-prev {
	background: url(../images/left.png) no-repeat center center !important;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 50%;
	left: 0;
	cursor: pointer;
	z-index: 2;
	margin-top: -15px
}

.home-partner .slick-prev:hover {
	background: url(../images/lefth.png) no-repeat center center !important;
}

.home-partner .slick-next {
	background: url(../images/right.png) no-repeat center center !important;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 50%;
	right: 0;
	cursor: pointer;
	z-index: 2;
	margin-top: -15px
}

.home-partner .slick-next:hover {
	background: url(../images/righth.png) no-repeat center center !important;
}

.home-partner .slick-prev:before,.home-partner .slick-next:before {
	content: ""
}

.home-partner .hp-list {
	padding: 0 45px;
	margin: 0 auto;
	height: 118px;
	overflow: hidden
}

.home-partner .hp-list .getIndex {
	display: inline-block;
	zoom: 1;
	text-align: center
}

.home-partner .hp-list .getIndex .pic {
	width: 208px;
	height: 118px;
	margin: 0 auto;
	border: 1px solid #e6e6e6;
	transition: .5s
}

.home-partner .hp-list .getIndex .pic img {
	transition: .5s
}

.home-partner .hp-list .getIndex:hover .pic {
	border: 1px solid #d6001c
}

.home-partner .hp-list .getIndex:hover .pic img {
	transform: scale(1.04)
}

.home-product {
	padding: 48px 0 48px 0;
	overflow: hidden;
	background: url("../images/product.jpg") no-repeat top center
}

.home-product .product-left {
	float: left;
	width: 230px
}

.home-product .product-left .product-title {
	padding-left: 20px;
	padding-top: 20px;
	height: 89px;
	background: #d6001c
}

.home-product .product-left .product-title h3 {
	font-size: 24px;
	font-weight: bold;
	color: #fff
}

.home-product .product-left .product-title span {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	font-family: arial;
	color: #fff
}

.home-product .product-left .product-bottom ul li {
	border-bottom: 1px solid #dcdcdc
}

.home-product .product-left .product-bottom ul li a {
	height: 50px;
	line-height: 50px;
	display: block;
	border-left: 2px solid #d6001c;
	font-size: 16px;
	color: #d6001c;
	font-weight: bold;
	padding-left: 18px;
	position: relative;
	background: #f5f5f5;
	padding-right: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-product .product-left .product-bottom ul li a i {
	width: 34px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #e2e2e2 url("../images/arrow-down.png") no-repeat center center;
	height: 57px
}

.home-product .product-left .product-bottom ul li a .right {
	background: #e2e2e2 url("../images/arrow-right.png") no-repeat center center
}

.home-product .product-left .product-bottom ul li ul {
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background: #fff
}

.home-product .product-left .product-bottom ul li ul li {
	border-bottom: 1px solid #dcdcdc;
	padding-right: 10px
}

.home-product .product-left .product-bottom ul li ul li a {
	font-size: 14px;
	color: #333;
	line-height: 45px;
	height: 45px;
	border-left: 0;
	transition: .5s;
	background: url("../images/dot01.png") no-repeat center right
}

.home-product .product-left .product-bottom ul li ul li a:hover {
	color: #d6001c;
	padding-left: 22px
}

.home-product .product-right {
	width: 970px;
	float: left
}

.home-product .product-right ul li {
	margin-left: 10px;
	border: 1px solid #e8e8e8;
	transition: .5s;
	background: #fff;
	width: 232px;
	float: left;
	margin-bottom: 10px
}
.home-product .product-right ul li img{
	width:100%;
}

.home-product .product-right ul li a {
	border: 2px solid #fff;
	display: block;
	transition: .5s
}

.home-product .product-right ul li a .pic {
	width: 227px;
	height: 230px
}

.home-product .product-right ul li a .pic img {
	transition: .5s;
	height: 230px;
}

.home-product .product-right ul li a h3 {
	height: 50px;
	line-height: 50px;
	margin: 2px 18px 0 18px;
	font-size: 16px;
	color: #333;
	border-top: 1px solid #e8e8e8;
	padding-right: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .5s;
	background: url("../images/more.png") no-repeat center right
}

.home-product .product-right ul li:hover {
	border: 1px solid #d6001c
}

.home-product .product-right ul li:hover a {
	border: 2px solid #d6001c
}

.home-product .product-right ul li:hover a .pic img {
	transform: scale(1.04)
}

.home-product .product-right ul li:hover a h3 {
	border-top: 1px solid #d6001c;
	font-weight: bold;
	background: url("../images/moreh.png") no-repeat center right
}

.home-hot {
	padding: 60px 0 30px 0;
	overflow: hidden;
	background: #fff
}

.home-hot .hot-list ul {
	margin: 0 -15px;
	overflow: hidden
}

.home-hot .hot-list ul li {
	border: 1px solid #e8e8e8;
	padding: 10px;
	float: left;
	overflow: hidden;
	width: 584px;
	margin: 0 15px 30px 15px;
	background: #fcfcfc;
	transition: .5s
}

.home-hot .hot-list ul li a .pic {
	width: 229px;
	height: 228px;
	border: 1px solid #e8e8e8;
	float: left;
	margin-right: 30px
}

.home-hot .hot-list ul li a .pic img {
	transition: .5s
}

.home-hot .hot-list ul li a .hot-info {
	width: 280px;
	float: left
}

.home-hot .hot-list ul li a .hot-info h3 {
	font-size: 16px;
	color: #333;
	line-height: 43px;
	font-weight: bold;
	padding-top: 17px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #dcdcdc;
	margin-bottom: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .5s
}

.home-hot .hot-list ul li a .hot-info p {
	font-size: 13px;
	color: #777;
	line-height: 25px;
    height:125px;
    overflow:hidden;
}

.home-hot .hot-list ul li a .hot-info span {
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-family: arial;
	display: block;
	margin-top: 23px;
	background: #333;
	color: #fff;
	font-style: italic;
	transition: .5s;
	text-transform: capitalize
}

.home-hot .hot-list ul li:hover {
	border: 1px solid #d6001c
}

.home-hot .hot-list ul li:hover .pic img {
	transform: scale(1.04)
}

.home-hot .hot-list ul li:hover .hot-info h3 {
	color: #d6001c
}

.home-hot .hot-list ul li:hover .hot-info span {
	background: #d6001c
}

.home-adv {
	height: 300px;
	overflow: hidden
}

.home-adv .adv-slick {
	width: 1920px;
	height: 300px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	overflow: hidden
}

.home-news {
	padding: 56px 0 30px 0;
	overflow: hidden;
	background: #fff url(../images/news.jpg) no-repeat bottom center;
	border-bottom: 1px solid #fff
}

.home-news .more {
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-family: arial;
	display: block;
	background: #333;
	color: #fff;
	font-style: italic;
	transition: .5s;
	float: right;
	text-transform: capitalize;
	margin-top: 3px
}

.home-news .more:hover {
	background: #d6001c
}

.home-news .news-left {
	width: 761px;
	float: left;
	margin-right: 60px
}

.home-news .box .procate {
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
	height: 42px
}

.home-news .box .procate ul {
	float: left
}

.home-news .box .procate li {
	float: left;
	font-size: 18px;
	background: url("../images/line02.png") no-repeat center right;
	padding-right: 12px;
	margin-right: 12px
}

.home-news .box .procate li a {
	color: #333;
	display: block;
	height: 41px
}

.home-news .box .procate .sel a {
	font-weight: bold;
	border-bottom: 2px solid #d6001c
}

.home-news .box .proshow {
	margin-top: 25px;
	overflow: hidden;
	height: 373px
}

.home-news .box .proshow ul li {
	margin-bottom: 27px;
	overflow: hidden
}

.home-news .box .proshow ul li .pic {
	width: 80px;
	height: 53px;
	float: left;
	margin-right: 16px
}

.home-news .box .proshow ul li .pic img {
	transition: .5s
}

.home-news .box .proshow ul li .news-info h3 {
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: .5s
}

.home-news .box .proshow ul li .news-info p {
	font-size: 13px;
	color: #777;
	line-height: 24px;
	height: 24px;
	overflow: hidden
}

.home-news .box .proshow ul li:hover .pic img {
	transform: scale(1.04)
}

.home-news .box .proshow ul li:hover .news-info h3 {
	color: #d6001c
}

.home-news .news-right {
	width: 378px;
	float: left
}

.home-news .news-right .news-right-title {
	height: 42px;
	overflow: hidden
}

.home-news .news-right .news-right-title h3 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	border-bottom: 2px solid #d6001c;
	float: left;
	height: 42px
}

.home-news .news-right .ques-list {
	margin-top: 19px;
	overflow: hidden;
	height: 390px
}

.home-news .news-right .ques-list ul li {
	border-bottom: 1px dashed #e8e8e8;
	padding-bottom: 14px;
	margin-bottom: 14px
}

.home-news .news-right .ques-list ul li h3 {
	background: url("../images/q.png") no-repeat center left;
	font-size: 16px;
	color: #333;
	padding-left: 28px;
	margin-bottom: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-news .news-right .ques-list ul li p {
	font-size: 13px;
	color: #777;
	line-height: 25px;
	background: url("../images/a.png") no-repeat left 3px;
	padding-left: 28px;
	height: 50px;
	overflow: hidden
}

.home-news .news-right .ques-list ul li:hover h3 {
	color: #d6001c
}

.home-video {
	padding: 60px 0;
	overflow: hidden;
	background: url("../images/videobg.jpg") repeat center center
}

.home-video .home-title {
	margin-bottom: 39px;
	overflow: hidden
}

.home-video .video-list {
	
	position: relative;

}

.home-video .video-list ul .slick-list {
	height: 208px;
	overflow: hidden
}

.home-video .video-list ul li {
	display: inline-block;
	zoom: 1;
	text-align: center;
	margin: 0 auto
}

.home-video .video-list ul li .pic {
	width: 280px;
	height: 158px;
	margin: 0 auto
}

.home-video .video-list ul li .pic img {
	transition: .5s
}

.home-video .video-list ul li .pic i {
	display: block;
	width: 280px;
	height: 158px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/video.png") no-repeat center center
}

.home-video .video-list ul li h3 {
	height: 50px;
	line-height: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #cdcdcd
}

.home-video .video-list ul li:hover .pic img {
	transform: scale(1.04)
}

.home-video .video-list ul li:hover .pic i {
	background: url("../images/videoh.png") no-repeat center center
}

.home-video .video-list ul li:hover h3 {
	color: #d6001c;
	border-bottom: 1px solid #d6001c
}

.home-video .video-list .slick-prev {
	background: url(../images/prev.png) no-repeat center center;
	width: 60px;
	height: 30px;
	position: absolute;
	top: 250px;
	left: 50%;
	cursor: pointer;
	z-index: 2;
	margin-left: -112px
}

.home-video .video-list .slick-prev:hover {
	background: url(../images/prevh.png) no-repeat center center
}

.home-video .video-list .slick-next {
	background: url(../images/next.png) no-repeat center center;
	width: 60px;
	height: 30px;
	position: absolute;
	top: 250px;
	right: 50%;
	cursor: pointer;
	z-index: 2;
	margin-right: -113px
}

.home-video .video-list .slick-next:hover {
	background: url(../images/nexth.png) no-repeat center center
}

.home-video .video-list .video-more {
	width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin: 32px auto 0 auto
}

.home-video .video-list .video-more a {
	font-size: 14px;
	color: #fff;
	background: #333;
	display: block
}

.home-video .video-list .video-more a:hover {
	background: #d6001c
}

.home-video .video-list .slick-prev:before,.home-video .video-list .slick-next:before {
	content: ""
}






.in02{ width:100%; height:407px;    padding: 60px 0;}

.in02_list{ width:100%; margin-top:55px; position:relative; padding:0 45px;}

#case_progress_prev {
background: url(../images/left.png) no-repeat 0 0;
height: 30px;
width: 29px;
position: absolute;
z-index: 999;
overflow: visible;
top: 50%;
left: 0px;
margin-top: -15px;}
#case_progress_next{ background: url(../images/right.png) no-repeat 0 0;
    height: 30px;
    width: 29px;
    position: absolute;
    z-index: 999;
    overflow: visible;
    top: 50%;
    right: 0px;
	margin-top:-15px;
	}
.workItem{ width:208px; height:118px; float:left; margin:0 8px;    border: 1px solid #e6e6e6; }
.workItem:last-child{ margin-right:0;}
.workItem span{ display:block; line-height:35px; height:35px; color:#fff; text-align:center; font-size:16px;}
.workItem img{ display: block; margin:2px auto;}


.workList2{}
.workItem2{ width:284px; height: 350px; float:left; margin:0 8px;    border: 1px solid #e6e6e6; }
.workItem2:last-child{ margin-right:0;}
.workItem2 span{ display:block; line-height:35px; height:35px; color:#000; text-align:center; font-size:16px;}
.workItem2 img{ display: block; margin:2px auto;}


.video-list #case_progress_prev{left:-45px; top:37%;}
.video-list #case_progress_next{right:-45px; top:37%;}