#idxbanner {position:relative; height:441px; overflow:hidden;}
#idxbanner .pics {position: absolute; left: 0; top: 0; width:100%; height:100%; z-index: 2;}
#idxbanner .pics li {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
#idxbanner .pics li.b1 {display:list-item;}
#idxbanner .idxWrap {position:absolute; left: 0; bottom:0; width:100%; height:30px; background: url(../img/index/idxbanner_bg.png) left top repeat-x; z-index: 3;}
#idxbanner .idxs {margin-top: 10px; width:auto; height:100%; text-align: center;}
#idxbanner .idxs li {margin-right:5px; width:8px; height:8px; background: url(../img/index/idx_off.png) left bottom no-repeat; cursor:pointer; display: inline-block; _zoom: 1; *display: inline;}
#idxbanner .idxs li.on { background: url(../img/index/idx_on.png) left bottom no-repeat;}
#idxbanner .pics li a { width:100%; height:100%; display:block }
#idxbanner .btnsbox{ position: absolute; left: 0; top: 50%; margin-top: -30px; width: 100%; z-index: 3;}
#idxbanner .btns{ position: relative; width: 100%;}
#idxbanner .btns li {position:absolute; top:50%; z-index:4; margin-top:-26px; width:69px; height:61px; background-repeat:no-repeat; background-position:center center; cursor:pointer; display: none;}
#idxbanner .btns .left {left:-43px; background-image:url(../img/index/idx_left.png);}
#idxbanner .btns .right {right:-43px; background-image:url(../img/index/idx_right.png);}

.idxmain{ position: relative; margin-bottom: -45px; z-index: 3;}
.idxmain_t1{ width: 559px; height: 317px; background: url(../img/index/idxmain_t1bg.png) center no-repeat; overflow: hidden;}
.idxmain_t1 .idxmain_t1_inner{ position: relative; padding: 20px 40px; width: 479px; height: 280px; overflow: hidden;}
.idxmain_t1select{ height: 31px; background: url(../img/index/t1select_bg.jpg) left 28px repeat-x;}
.idxmain_t1select a{ padding: 0 15px 5px 15px; color: #373737; font-size: 16px; font-weight: bold; -webkit-transition: 300ms; transition: 300ms;}
.idxmain_t1select a.on{ border-bottom: 5px solid #ff9f2d;}
.idxmain_t1showbox{ position: relative; margin-bottom: 15px; width: 479px; height: 250px; overflow: hidden;}
.idxmain_t1show{ width: 479px; height: 250px; overflow: hidden; -webkit-transition: 600ms; transition: 600ms;}
.idxmain_t1show.active{ margin-left: -559px;}
.idxmain_t1showwidth{ width: 1000px;}
.idxmain_t1show_inner{ margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #cccab9;}
.idxmain_t1show_inner .date{ padding: 15px; background-color: #fb5352; text-align: center;}
.idxmain_t1show_inner .date h1, .idxmain_t1show_inner .date h2{ color: #fff;}
.idxmain_t1show_inner .date h1{ font-size: 40px; font-family: novecentowide-bold,sans-serif;}
.idxmain_t1show_inner .content{ width: 375px;}
.idxmain_t1show_inner .content h1{ margin-bottom: 10px; color: #fb5352; font-size: 18px; font-weight: bold;}
.idxmain_t1list li{ position: relative; padding: 5px 0; -webkit-transition: all 400ms; transition: all 400ms;}
.idxmain_t1list li a{ position: relative; z-index: 3;}
.idxmain_t1list li .nlihover{ position: absolute; left: 0; top: 0; width: 0%; height: 100%; z-index: 2; background-color: #fb5352; overflow: hidden;  -webkit-transition: all 600ms; transition: all 600ms;}
.idxmain_t1list li:hover .nlihover{ width: 100%;}
.idxmain_t1list li:hover h1, .idxmain_t1list li:hover span{ color: #fff;}
.idxmain_t1list h1, .idxmain_t1list span{ color: #83674e; font-weight: bold; display: inline; -webkit-transition: all 400ms; transition: all 400ms;}
.idxmain_t1list span{ margin-left: 10px; -webkit-transition: all 400ms; transition: all 400ms;}
.idxmain_t2{ position: relative; width: 327px; height: 317px; background: url(../img/index/idxm_rt1.jpg) center no-repeat; overflow: hidden;}
.idxmain_t2_hover{ position: absolute; left: 0; bottom: 0; width: 327px; height: 191px; -webkit-transition: all 400ms; transition: all 400ms; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); display: block \9; z-index: 2; background: url(../img/index/idxm_rt1_hover.png) center no-repeat;}
.idxmain_t2:hover .idxmain_t2_hover{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.idxmain_t2_inner{ padding: 20px 40px;} 
.idxmain_t2_inner h1{ margin-bottom: 15px; color: #c73618; font-size: 20px; font-weight: bold;}
.idxmain_t2_inner p{ color: #803a2c; font-size: 14px;}
.idxmain_t3{ width: 314px; height: 164px; background: url(../img/index/idxm_rt2.png) center no-repeat;}
.idxmain_t3_inner{ padding-top: 60px; padding-left: 140px;}
.idxmain_t3_inner h1{ color: #fff; font-size: 28px; font-family: dincond-boldalternate-webfont,sans-serif; text-transform: uppercase;}
.idxmain_t3_inner h2{ color: #fff; font-size: 15px; font-weight: bold;}
.idxmain_t4{ width: 314px; height: 153px; background: url(../img/index/idxm_rt3.jpg) center no-repeat;}
.idxmain_t4_inner{ padding-top: 40px; text-align: center;}
.idxmain_t4_inner h1{ margin-bottom: 15px; color: #4b4b4b; font-size: 20px; font-weight: bold;}
.idxmain_t4_inner a{ margin: 0 auto; width: 120px; height: 37px; color: #fff; font-size: 14px; font-weight: bold; line-height: 37px; text-align: center; background: url(../img/index/im4a.png) center no-repeat; display: block; -webkit-transition: all 400ms; transition: all 400ms;}
.idxmain_t4_inner a:hover{ color: #519dec; background: url(../img/index/im4a_hover.png) center no-repeat;}
.idxmain_bleft{ position: relative; width: 411px; height: 232px; background: url(../img/index/bleft_bg.png) center no-repeat; overflow: hidden;}
.bleft_inner{ position: relative; padding-top: 40px; text-align: center; z-index: 3;}
.bleft_inner h1{ color: #1b783a; font-size: 22px; font-weight: bold; text-transform: uppercase; -webkit-transition: 400ms; transition: 400ms;}
.bleft_inner h2{ color: #70b948; font-size: 46px; font-weight: bold; font-family: ahkio_bold-webfont,sans-serif; -webkit-transition: 400ms; transition: 400ms;}
.idxmain_bleft .tg_cutelist{ position: absolute; left: 60px; bottom: 0; width: 310px; height: 192px; overflow: hidden; z-index: 2;}
.idxmain_bleft .tg_cutelist li{ margin-top: 100px; margin-right: 12px; width: 50px; height: 192px;}
.idxmain_bleft .tg_cutelist li.tg1{ -webkit-transition: 400ms; transition: 400ms; background: url(../img/index/tg1.png) center no-repeat;}
.idxmain_bleft .tg_cutelist li.tg2{ -webkit-transition: 550ms; transition: 550ms; background: url(../img/index/tg2.png) center no-repeat;}
.idxmain_bleft .tg_cutelist li.tg3{ -webkit-transition: 650ms; transition: 650ms; background: url(../img/index/tg3.png) center no-repeat;}
.idxmain_bleft .tg_cutelist li.tg4{ -webkit-transition: 750ms; transition: 750ms; background: url(../img/index/tg4.png) center no-repeat;}
.idxmain_bleft .tg_cutelist li.tg5{ -webkit-transition: 850ms; transition: 850ms; background: url(../img/index/tg5.png) center no-repeat;}
.idxmain_bleft:hover h1{ opacity: 0.3;}
.idxmain_bleft:hover h2{ opacity: 0.3;}
.idxmain_bleft:hover .tg_cutelist li{ margin-top: 0;}


.idxmain_bright{ position: relative; width: 789px; height: 232px; background: url(../img/index/bright_bg.png) center no-repeat;}
.idxmain_bright a.brl_leftbtn, .idxmain_bright a.brl_rightbtn{ position: absolute; top: 110px; width: 42px; height: 37px; display: block; z-index: 2;}
.idxmain_bright a.brl_leftbtn{ left: 0; background: url(../img/index/bright_left.jpg) center no-repeat;}
.idxmain_bright a.brl_rightbtn{ right: 0; background: url(../img/index/bright_right.jpg) center no-repeat;}
.bright_inner{ padding: 20px 40px;}
.bright_inner h1{ margin-right: 5px; color: #464646; font-size: 16px; font-weight: bold;}
.bright_inner h2{ margin-top: 2px; color: #464646; font-size: 17px; font-family: ahkio_bold-webfont,sans-serif; text-transform: uppercase;}
.bright_inner a.brightmore{ margin-right: 9px; color: #2a2a2a; font-size: 16px; font-family: dincond-boldalternate-webfont,sans-serif; text-transform: uppercase;}
.bright_inner .brlbox{ position: relative; margin-top: 15px; width: 710px; height: 147px; overflow: hidden;}
.bright_inner .bright_list{ margin-left: 3px; width: 9999px;}
.bright_inner .bright_list li{ position: relative; margin-right: 5px; width: 172px; height: 147px; overflow: hidden; cursor: pointer;}
.bright_inner .bright_list li img{ position: relative; width: 172px; height: auto; z-index: 2;}
.bright_inner .bright_list li .brl_mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/index/brl_mask.png) center no-repeat; -webkit-transition: all 400ms; transition: all 400ms; opacity: 0; display: none \9; z-index: 3;}
.bright_inner .bright_list li:hover .brl_mask{ opacity: 1; display: block \9;}
.bshow_mask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/index/bshow_mask.png) left top repeat; z-index: 5; display: none;}
.bshowbox{ position: fixed; left: 50%; top: 50%; margin-left: -430px; margin-top: -233px; width: 860px; height: 466px; z-index: 6; display: none;}
.bshow_picbox{ margin: 0 auto; position: relative; width: 715px; height: 477px; overflow: hidden;}
.bshow_picbox > div{ position: absolute; left: 0; top: 0; width: 715px; height: 477px; z-index: 2; text-align: center;}
.bshow_picbox > div img{ width: auto; height: 477px;}
a.bs_left, a.bs_right{ position: absolute; top: 211px; width: 44px; height: 44px; display: block;}
a.bs_offbtn{ position: absolute; right: -4px; top: 0; width: 76px; height: 66px; background: url(../img/index/bshow_off.jpg) center no-repeat; display: block; z-index: 2;}
a.bs_left{ left: 0; background: url(../img/index/bshow_left.png) center no-repeat;}
a.bs_right{ right: 0; background: url(../img/index/bshow_right.png) center no-repeat;}