@charset "UTF-8";

/* CSS Document */



/*------------------- imgfocus -------------------*/

.imgfocus {position: relative; width: 100%; height: 640px; overflow: hidden; background: #000;}

.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: 10px; height: 14px;}

.num-list span {display: inline-block; width: 14px; height: 14px; margin: 0 4px; color: #fff; font-size: 12px; line-height: 19px; cursor: pointer; background: url(../images/icon/circle01.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="images/circle01.png");}

.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; z-index: 10}

.txt {position: absolute; top: 410px; left: 0; -webkit-animation: fadeInLeft .5s linear; animation: fadeInLeft .5s linear;}

.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;}

.view-list li {float: left; display: inline; width: 236px; margin-right: 12px;}

.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;}

	.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: 18px;}

}

@-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}}