@charset "utf-8";

img {transition: 0.2s ease-in-out;}
img:hover {opacity: .8;}

.main-wrap1 {min-width: 1240px;background: url(../images/banner_01.jpg) center top no-repeat #fff;}
.main-wrap2 {min-width: 1240px;background: url(../images/main-bottom-bg.jpg) center bottom no-repeat;min-height: 1140px;background-size: 100% auto;}

.main-banner {width: 1240px;height: 400px;margin: 0 auto;}
.main-banner .logo {float: left;}
.main-banner .top {float: right;padding-top: 20px;line-height: 30px;font-size: 18px;color: #fff;}
.main-banner .top i {width: 23px;height: 23px;display: inline-block;vertical-align: middle;margin: 0 5px 8px 0;line-height: 23px;}
.main-banner .top i img {width: 23px;height: 23px;}
.main-banner .top a {color: #fff;margin: 0 5px;}
.main-banner .top a:hover {text-decoration: underline;}

.main-main {width: 1240px;background: #fff;padding: 20px;margin: 0 auto;min-height: 1000px;}
.main-main .hang1 {height: 430px;margin-bottom: 20px;}
.main-main .pichot {width: 700px;height: 430px;float: left;}
.main-main .box-w1 {width: calc(100% - 720px);height: 430px;float: right;}
.main-main .title01 {height: 45px;border-bottom: 1px solid #d5d7d9;margin-bottom: 15px;}
.main-main .title01 .tit {display: block;float: left;height: 45px;border-bottom: 3px solid #006ed4;line-height: 42px;font-size: 26px;font-weight: bold;color: #006ed4;}
.main-main .list01 {line-height: 46px;}
.main-main .list01 li {height: 46px;overflow: hidden;}
.main-main .list01 li:before {content: '';width: 5px;height: 5px;background: #d1cfcf;display: block;float: left;margin: 20px 10px 0 0;}
.main-main .list01 a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width: calc(100% - 20px);height: 30px;margin: 7px 0 0;font-size: 18px;display: block;line-height: 30px;}
.main-main .list01 a:hover {color: #006ed4;}

.main-main .ad-wrap {display: block;margin-bottom: 20px;}
.main-main .ad-wrap img {width: 100%;}

.main-main .title02 {height: 80px;margin-bottom: 10px;background: url(../images/main-index_06.png) center bottom no-repeat;line-height: 60px;font-size: 36px;font-weight: bold;color: #006ed4;text-align: center;text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;padding-top: 20px;}

.main-main .hang2 {height: 430px;margin-bottom: 20px;}
.main-main .hang2 .left {width: calc(50% - 20px);height: 430px;float: left;}
.main-main .hang2 .right {width: calc(50% - 20px);height: 430px;float: right;}

.main-main .list02 {line-height: 59px;}
.main-main .list02 li {height: 60px;overflow: hidden;border-bottom: 1px dashed #e0e0e0;}
.main-main .list02 li:before {content: '';width: 5px;height: 5px;background: #d1cfcf;display: block;float: left;margin: 27px 10px 0 0;}
.main-main .list02 a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width: calc(100% - 20px);height: 30px;margin: 14px 0 0;font-size: 18px;display: block;line-height: 30px;}
.main-main .list02 a:hover {color: #006ed4;}

.main-main .img001 {width: 100%;height: 370px;display: block;}
.main-main .img001 a {width: 100%;height: 100%;display: block;}
.main-main .img001 a img {width: 100%;height: 100%;}

.main-main .list03 {height: 150px;padding-top: 15px;font-size: 0;white-space:nowrap;margin-bottom: 20px;}
.main-main .list03 li {height: 135px;width: calc(25% - 22.5px);display: inline-block;vertical-align: top;margin: 0 30px 0 0;}
.main-main .list03 a {width: 100%;height: 135px;font-size: 18px;display: block;position: relative;text-align: center;}
.main-main .list03 a:hover {color: #006ed4;}
.main-main .list03 a.tt:before {content: '';width: 100%;height: 100%;display: block;top: 0;left: 0;background: url(../images/main-ico-play.png) center no-repeat rgba(0, 0, 0, .4);position: absolute;transition: 0.2s ease-in-out;}
.main-main .list03 a.tt span {height: 30px;line-height: 30px;position: absolute;left: 0;top: 90px;color: #fff;font-size: 18px;width: 100%;display: block;}
.main-main .list03 a.tt:hover:before {background: url(../images/main-ico-play.png) center no-repeat rgba(0, 0, 0, .6);}

.main-main .img002 {width: 100%;height: 400px;display: block;}
.main-main .img002 a {width: 100%;height: 100%;display: block;position: relative;}
.main-main .img002 a:hover:before {content: '';width: 100%;height: calc(100% - 55px);display: block;top: 0;left: 0;background: url(../images/main-ico-play.png) center no-repeat rgba(0, 0, 0, .4);position: absolute;transition: 0.2s ease-in-out;z-index: 2;}
.main-main .img002 a img {width: 100%;height: calc(100% - 55px);}
.main-main .img002 a span {height: 55px;line-height: 55px;padding: 0 30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size: 18px;display: block;background: #e5e5e5;text-align: center;}

.main-main .hang3 {margin-bottom: 20px;overflow: hidden;font-size: 0;white-space:nowrap;}
.main-main .hang3 a.but {width: calc(100% - 435px);height: 225px;float: left;}
.main-main .hang3 a img {width: 100%;height: 100%;}
.main-main .hang3 .butt1 {width: 415px;height: 225px;float: right;}
.main-main .hang3 .butt1 a {width: 100%;height: 105px;display: block;margin-bottom: 15px;}
.main-main .hang3 .butt2 {width: calc(20% - 16px);height: 85px;display: inline-block;margin-right: 20px;}
.main-main .hang3 .butt3 {width: calc(33.33% - 12px);height: 135px;display: inline-block;margin-right: 18px;}

.main-bottom {height: 193px;background: #f2f2f2;border-top: 3px solid #c80404;}
.main-bottom .wrap {width: 1240px;margin: 0 auto;height: 190px;padding-top: 30px;text-align: center;}
.main-bottom .wrap .butt {height: 30px;line-height: 30px;font-size: 18px;color: #333;}
.main-bottom .wrap .butt a {color: #333;font-weight: bold;margin: 0 5px;}
.main-bottom .wrap .butt a:hover {color: #006ed4;}
.main-bottom .wrap .text {height: 130px;line-height: 130px;}
.main-bottom .wrap .text .txt {display: inline-block;margin: 0 15px;line-height: 32px;vertical-align: middle;}
.main-bottom .wrap .text .img {display: inline-block;vertical-align: middle;margin: 0 15px 4px;}


.pichot{width:100%;height:100%; float:left;margin:0 auto;overflow:hidden;position:relative;background-color:#000;z-index:10;}
.pichot ul{height:100%;}
.pichot ul li{width:100%;height:100%;float:left; position:relative;}
.pichot ul li img {width:100%; height:100%;}
.pichot .bg{width:100%;height:40px;position:absolute;background-color:#000;bottom:0;left:0;filter:alpha(opacity=30);opacity:.3;z-index:5;}
.pichot .bt{height:40px; line-height:40px;position:absolute; bottom:0;left:10px; right:80px;z-index:7; color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px;}
.pichot .num{overflow:hidden;zoom:1;position:absolute;right:10px;bottom:11px;z-index:10;}
.pichot .num span{display:inline-block;width:12px;height:12px;background:url(../images/bg-slide.png) 0 -12px no-repeat;_background:url(../images/ie6/bg-slide.png) 0 -12px no-repeat;cursor:pointer;overflow:hidden;}
.pichot .num span.on{background-position:0 0;}
.pichot .skip{display:;_display:block;width:23px;height:47px;background:url(../images/bg-slide.png) no-repeat;_background:url(../images/ie6/bg-slide.png) no-repeat;position:absolute;top:50%;margin-top:-24px;text-indent:-1000em;cursor:pointer;z-index:3;}
.pichot .prev{background-position:0 -172px;left:10px; display:;}
.pichot .prev:hover{background-position:0 -219px;}
.pichot .next{background-position:-23px -172px;right:10px; display:;}
.pichot .next:hover{background-position:-23px -219px;}
.pichot:hover .prev,.pichot:hover .next{display:block; display:;}
.pichot .num{bottom:13px;}


.main-main .info-pic1 {overflow: hidden;width: 100%;height: 369px;position: relative;}
.main-main .info-pic1 .pahei100 {height: 100%;position: absolute;top: 0;left: 0;transition:.3s ease-in-out;font-size: 0;}
.main-main .info-pic1 .img003 {width: 385px;height: 369px;display: block;}
.main-main .info-pic1 .img003 a {width: 100%;height: 100%;display: block;position: relative;}
.main-main .info-pic1 .img003 a img {width: 100%;height: 100%;}
.main-main .info-pic1 .page-w {position: absolute;height: 100%;top: 0;right: 0;z-index: 5;width: 195px;text-align: center;font-size: 0;background: #f5f5f5;}
.main-main .info-pic1 .page-w > div {width:100%; cursor: pointer;height: 123px;position: relative;border-top: 1px solid #ccc;padding-right: 20px;font-size: 0;}
.main-main .info-pic1 .page-w > div:first-child {border-top: 0;padding-top: 1px;}
.main-main .info-pic1 .page-w > div:hover {background: #ffebec;}
.main-main .info-pic1 .page-w > div.cur {background: #d4383c;border-top: 0;padding-top: 1px;}
.main-main .info-pic1 .page-w > div.cur:after {content: '';width: 20px;height: 20px;position: absolute;left: -10px;background: #d4383c;top: calc(50% - 10px);transform: rotate(45deg);}
.main-main .info-pic1 .page-w > div:before {content: '';width: 30px;height: 40px;text-align: center;float: left;font-size: 20px;font-weight: bold;display: block;color: #c6c4c9;margin: 40px 10px 0;line-height: 40px;}
.main-main .info-pic1 .page-w > div.cur:before {color: #fff;}
.main-main .info-pic1 .page-w > div .tt {line-height: 20px;font-size: 14px;max-height: 100px;-webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;float: left;margin-top: 11px;color: #666;width: calc(100% - 50px);text-align: left;}
.main-main .info-pic1 .page-w > div.cur .tt {color: #fff;}
.main-main .info-pic1 .page-w > div:nth-child(1):before {content: '01';}
.main-main .info-pic1 .page-w > div:nth-child(2):before {content: '02';}
.main-main .info-pic1 .page-w > div:nth-child(3):before {content: '03';}

.main-main .info-pic2 {overflow: hidden;width: 100%;height: 400px;position: relative;}
.main-main .info-pic2 .pahei100 {height: 100%;position: absolute;top: 0;left: 0;transition:.3s ease-in-out;font-size: 0;}
.main-main .info-pic2 .img003 {width: 580px;height: 400px;display: inline-block;padding-bottom: 10px;}
.main-main .info-pic2 .img003 a {width: 100%;height: 100%;display: block;position: relative;}
.main-main .info-pic2 .img003 a:hover:before {content: '';width: 100%;height: calc(100% - 55px);display: block;top: 0;left: 0;background: url(../images/main-ico-play.png) center no-repeat rgba(0, 0, 0, .4);position: absolute;transition: 0.2s ease-in-out;z-index: 2;}
.main-main .info-pic2 .img003 a img {width: 100%;height: calc(100% - 55px);}
.main-main .info-pic2 .img003 a span {height: 55px;line-height: 55px;padding: 0 30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size: 18px;display: block;background: #e5e5e5;text-align: center;}
.main-main .info-pic2 .page-w {position: absolute;height: 10px;bottom: 0;left: 0;z-index: 5;width: 100%;text-align: center;font-size: 0;display:table;background: rgba(0, 0, 0, .8);}
.main-main .info-pic2 .page-w > div {background: rgba(255, 255, 255, .2);display:table-cell; width:1%; white-space:nowrap;cursor: pointer;}
.main-main .info-pic2 .page-w > div:hover {background: rgba(255, 255, 255, .35);}
.main-main .info-pic2 .page-w > div.cur {background: rgba(255, 255, 255, .95);}


.main-main .img004 a:hover:before {content: '';width: 100%;height: calc(100% - 55px);display: block;top: 0;left: 0;background: url(../images/main-ico-play.png) center no-repeat rgba(0, 0, 0, .4);position: absolute;transition: 0.2s ease-in-out;z-index: 2;}






















