@charset "UTF-8";
/* CSS Document */

/*------------------- imgfocus -------------------*/
.imgfocus {position: relative; width: 100%; height: 640px; overflow: hidden; background: #ffffff;}
.focusbox {position: absolute; top: 0; left: 0; width: 100%; height: 640px;}
.focusbox li {width: 100%; height: 640px;}

.focusnum {position: relative; width: 1228px; height: 640px; margin: 0 auto; font-size: 0; overflow: hidden; zoom: 1; z-index: 9}
.num-list {position: absolute; bottom: 24px; right: 50%; height: 14px;}
.num-list span {display: inline-block; width: 12px; height: 12px; margin: 0 4px; color: #fff; font-size: 12px; line-height: 19px; cursor: pointer; background-color: #f1f1f1;border-radius: 50% }
.num-list .on {background: url(../images/icon/circle02.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images/circle02.png");}
.btn-prev, .btn-next {display: none; position: absolute; top: 240px; width: 60px; height: 60px; background: url(../images/icon/icon_arrow.png) no-repeat;}
.btn-prev {left: 50px;}
.btn-prev:hover {background-position: 0 -61px;}
.btn-next {right: 50px; background-position: -61px 0;}
.btn-next:hover {background-position: -61px -61px;}

.state-msg {position: relative; width: 1228px; padding-top: 410px; margin: 0 auto; }
.txt {position: absolute; top: 275px; left: 0; -webkit-animation: fadeInLeft .5s linear; animation: fadeInLeft .5s linear;
	color: #ffffff;
	font-weight: 450;
	font-size: 25px;
	line-height: 1.8;
	width: 655px;
}
.state-banner {position: absolute; top: 410px; right: 0; overflow: hidden; zoom: 1; -webkit-animation: fadeInRight .5s linear; animation: fadeInRight .5s linear;}
.state-banner a {float: left; margin-left: 12px; color: #fff;}
.state-banner a strong {display: block; width: 206px; height: 34px; padding: 0 12px; line-height: 32px; font-size: 14px; background: #e60027 url(../images/icon/ico_white_arrow01.png) no-repeat 209px center;}
.state-banner a:hover strong {background: #b8000f url(../images/icon/ico_white_arrow01.png) no-repeat 211px center;}

/* index-block */
.index-block {padding: 30px 0; background: #e0e2e4;}
.view-list {margin-right: -12px;z-index: 999;}
.view-list li {float: left; display: inline; width: 236px; margin-right: 12px;margin-bottom: 11px;}
.view-list li img {width: 236px; height: 116px;}
.view-list li a strong {display: block; width: 212px; height: 31px; padding: 0 12px; color: #fff; line-height: 30px; background: #e60027 url(../images/icon/ico_white_arrow02.png) no-repeat 216px center;}
.view-list li a:hover strong {background: #b8000f url(../images/icon/ico_white_arrow02.png) no-repeat 218px center;}

/* news-block */
.news-block {padding: 22px 0;}
.news-block .new-tile {float: left;}
.news-block .new-tile a {display: block; width: 66px; height: 30px; padding-left: 30px; color: #fff; font-size: 14px; line-height: 28px; background: url(../images/home/news_ico.png) no-repeat 0 -36px;}
.news-block .new-tile a:hover {background-position: -97px -36px;}

.news-inner {float: left; position: relative; width: 1048px; height: 30px; margin-left: 84px; overflow: hidden;}
.tempWrap { width: 870px !important; }
.news-inner ul {height: 30px;}
.news-inner li { float: left; display: inline; width: auto !important; height: 30px; padding-left: 16px; margin-right: 80px; line-height: 30px; background: url(../images/home/news_ico.png) no-repeat -183px 10px; }
.news-inner li .time {color: #888; padding-left: 20px; }
.news-inner li a {color: #dc0000; text-decoration: none; }
.news-inner li a:hover, .news-inner li a:hover .time {color: #ff0015;}
.news-inner .prev, .news-inner .next, .news-inner .playState, .news-block .more { position: absolute; top: 7px; display: block; width: 16px; height: 16px; z-index: 10; background: url(../images/home/news_ico.png) no-repeat; overflow: hidden; }
.news-inner .prev { right: 50px; background-position: -36px 0; }
.news-inner .prev:hover, .news-inner .prev:active { background-position: -36px -18px; }
.news-inner .next { right: 30px; background-position: -54px 0; }
.news-inner .next:hover, .news-inner .next:active { background-position: -54px -18px; }
.news-inner .playState { right: 70px; background-position: -18px 0;}
.news-inner .playState:hover, .news-inner .playState:active { background-position: -18px -18px; }
.news-inner .pauseState { right: 70px; background-position: 0 0; }
.news-inner .pauseState:hover, .news-inner .pauseState:active { background-position: 0 -18px; }

.news-block .more {right: 5px; background-position: -72px 0;}
.news-block .more:hover {background-position: -72px -18px;}
.operate-bg {display: block; position: absolute; top: 0; right: 0; width: 91px; height: 30px; background: url(../images/home/news_ico.png) no-repeat -89px 0;}

@media screen and (max-width:1500px){
	.indexPage {min-width: 1100px;}
	.indexPage .topinner, .indexPage .column-block, .indexPage .focusnum, .indexPage .state-msg {width: 1100px;}
	.indexPage .news-inner {width: 920px;}
	.indexPage .tempWrap { width: 690px !important; }
	.indexPage .view-list {margin-right: -10px;}
	.indexPage .view-list li {width: 212px; margin-right: 10px;margin-bottom: 10px;}
	.indexPage .view-list li img {width: 212px; height: 104px;}
	.indexPage .view-list li a strong {width: 188px; background-position: 191px center;}
	.indexPage .view-list li a:hover strong {background-position: 193px center;}
	.indexPage .foot-list dl {margin-right: 48px;}
}
.banner-float-msg {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100px;
}
.right {
	float: right !important;
}
.banner-content {
	position: absolute;
	bottom: 75px;
	left: 0px;
}
.footer-title {
	display: flex;
	align-items: center;
	margin-top: 30px;
}
.footer-title span {
	background-color: #dc0000;
	width: 4px;
	height: 13px;
	margin-right: 20px;
}
.footer-title p {
	font-size: 14px;
}
.footer-title strong img{
	width: 12px;
	margin-left: 2px;
}
.foot-list {
	padding-top: 10px !important;
	padding-bottom: 0px !important;
}

.product-list {
	margin-top: 25px !important;
	margin-bottom: 15px;
}
.product-list a {
	text-decoration: none !important;
}
.product-list  .ul-line{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 3px;
	max-width: 25vw;
	min-width: 13vw;

	width: 13vw;
}
.product-list  .ul-line > li a{
	font-size: 10px;
	font-family: "PingFangSCRegular";
	color: #888888;
	margin-right: 13px;
}
.product-list  .ul-line > li:first-child a{
	margin-left: 0px !important;
}
.product-list .ul-row > li {
	padding-bottom: 13px;
}
.product-list .ul-row > li > b {

}
.product-list .ul-row > li > b > a {
	color: #666666;
	font-size: 12.5px !important;
	font-family: "PingFangSCMedium" !important;
}
.product-list .ul-column {
	display: flex;
	flex-direction: row;
	margin-top: 10px;
	margin-left: 15px;
	justify-content: space-between;
}

.product-list .ul-column > li {
	margin-left: 9px;
}

@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}