.develop_main{position: relative;left: 0px;top: 0px;overflow:hidden;height:562px;}
.banBox{position: relative;width: 100%;z-index: 1;}
.banBox>ul{width: 100%;display: block;}
.banBox>ul>li{position: relative;overflow: hidden;width: 100%;display: none;}
.banBox>ul>li.cur{display:inline-block;}
.banBox li .picBox{position: relative;}
.banBox li .picBox .pic{width: 100%;height: 562px;}
/*宸︿晶*/
.banBox li .contBox{position: absolute;top:0px;left:0px;width:100%;height:477px;display: inline-block;}
.banBox li .contBox .contBox_l{width:550px; height: 100%; display: inline-block;float: left;}
.banBox li .contBox .contBox_l .pic{width: 320px;height:134px;display: inline-block;}
/*鍙充晶--鍥炬枃*/
.banBox li .contBox .contBox_r{width: 816px;height:100%;display: inline-block;float: left;position: relative;}
.banBox li .contBox .contBox_r .pic_time{width: 0px;height:403px;float: left;}
.banBox li .contBox .contBox_r .line_l{display:inline-block; border-left:1px solid #fff;opacity:0.3;filter:alpha(opacity=30); position: absolute;left:0px;height:403px;}
@-moz-document url-prefix(){
    .banBox li .contBox .contBox_r .o_cell{margin:0px 0px;display: table-cell;}
}
.banBox li .contBox .contBox_r .loca{position: absolute; left:0px;top:0px;}
.banBox li .contBox .contBox_r .loca li{display: none;}
.banBox li .contBox .contBox_r .loca li.show{display: inline-block;}
.banBox li .contBox .contBox_r .txtBox{width: 420px;margin: 0 auto;text-align: left;/*margin-right: 80px;*/    position: relative;    right: -80px;}
.banBox li .contBox .contBox_r .txtBox .name{font-size: 12px;color: #a78847;line-height: 1.3em;margin-bottom:10px;}
.banBox li .contBox .contBox_r .txtBox .title{font-size:60px;font-weight:bold;color:#a78847;line-height: 45px;display:inline-block;margin-bottom: 15px;}
.banBox li .contBox .contBox_r .txtBox img{width:auto;height:45px;display:inline-block;opacity: 0.3;filter:alpha(opacity=30);margin-bottom: 30px;}
.banBox li .contBox .contBox_r .txtBox .type{font-size:12px;color:#fff;line-height: 1.5em;opacity: 0.6;filter:alpha(opacity=60);margin-bottom: 20px;}
.banBox li .contBox .contBox_r .txtBox .time{font-size:0;}
.banBox li .contBox .contBox_r .txtBox .time i{font-size:18px;color:#fff;opacity:0.2;filter:alpha(opacity=20);cursor: pointer;margin-right: 8px;}
.banBox li .contBox .contBox_r .txtBox .time i.diagonal{background: url(c_develop_icon_diagonal.png) no-repeat;width:10px;height:16px;display:inline-block;opacity:1;filter:alpha(opacity=100);    margin-top: 2px;}
.banBox li .contBox .contBox_r .txtBox .time span{font-size:18px; color:#a78847;margin-left: 30px;line-height:1.3em;}
.banBox li .contBox .contBox_r .capitals{width: 90px;height: 90px;display:inline-block;font-size: 120px;line-height: 90px;color:#a78847; text-align: right;position: absolute;  top: 50%;top: 0px\9;margin-top: -72px;margin-top:28px\9!important;left: 50%;margin-left: -310px; }
/*鍙充晶--鍥�*/
.banBox li .contBox .contBox_r .txtimgBox{width: 570px;margin: 0 auto;text-align: left;position: relative; right: -30px;display:inline-block;}
.banBox li .contBox .contBox_r .txtimgBox ul{width: 600px;margin-left:-30px;}
.banBox li .contBox .contBox_r .txtimgBox li{width:270px;display: inline-block;float:left;margin-bottom:30px;margin-left:30px;}
.banBox li .contBox .contBox_r .txtimgBox li a{width: 100%;display: inline-block;text-align: center;}
.banBox li .contBox .contBox_r .txtimgBox li img{height: 135px;}
.banBox li .contBox .contBox_r .txtimgBox li .name{font-size:14px;color:#fff;line-height:1.3em;margin-top: 10px;}


/*搴曢儴*/
.banBox .timeBox{position: absolute;bottom: 0px;left: 0px;height: 150px;width: 100%;background: url(c_develop_mask_back.png);white-space: nowrap; overflow-x: scroll; overflow-y: hidden;z-index: 9;max-width: 1920px;}
.banBox .timeBox .row{width:100%;height:85px; position: absolute;left:0px;bottom:0px;max-width: 1920px;display: block;}
.banBox .timeBox .row .line{height: 11px;line-height: 11px;border-bottom: 1px solid #fff;font-size: 0px;margin-bottom: 11px;width:1920px;opacity: 0.1;filter:alpha(opacity=10);display: block;}
.banBox .timeBox .row .iconBox{position: absolute;top:0px;padding-left:60px;  width: 1900px;display: block;}
.banBox .timeBox .row .iconBox li{float: left;font-size: 0px;position: relative;display: inline-block;}
.banBox .timeBox .row .iconBox li div{display: inline-block;}
.banBox .timeBox .row .iconBox .time_icon{ width: 24px;height:24px;display:inline-block; opacity: 1;filter:alpha(opacity=100);margin-right:10px;cursor: pointer;background: url(c_develop_icon_part.png) left top no-repeat;background: url(c_develop_icon_part_ie8.png) left top no-repeat\9; background-size: 200% 100%;;}
.banBox .timeBox .row .iconBox li.cur .time_icon{background-position: -25px 0px;background-position: -26px 0px\9;}
.banBox .timeBox .row .iconBox i{height: 7px;display: inline-block;border-left: 1px solid #fff;position: relative;top: 8px;margin-right:10px;opacity: 0.1;filter:alpha(opacity=10);}
.banBox .timeBox .row .iconBox i.as{border-color: #a88747; opacity: 1;filter:alpha(opacity=100);}
.banBox .timeBox .row .iconBox i.cur{height:20px;top:-5px;}
.banBox .timeBox .row .iconBox .time{font-size:18px;line-height: 1.3em;color:#fff;opacity: 0.3;filter:alpha(opacity=30);margin-top:20px;margin-left: -5px;}
.banBox .timeBox .row .iconBox  li.cur .time{font-size:24px;color:#a88747;opacity:1;filter:alpha(opacity=100);margin-left: -15px;}
.banBox .timeBox .row .iconBox .mons{display: none;position: absolute;top: -23px; font-size:12px;color:#a88747;}
.banBox .timeBox .row .iconBox li.cur .mons{display: inline-block;}
/*.banBox .timeBox .row .time {margin-left:60px;    font-size: 0px;}*/
.banBox .timeBox .row .time span{font-size:18px;line-height: 1.3em;color:#fff;opacity: 0.3;filter:alpha(opacity=30);width:166px;display:inline-block;margin-top:20px;}
.banBox .timeBox .row .time span.cur{font-size:24px;color:#a88747;opacity:1;filter:alpha(opacity=100);}
.banBox .timeBox .mon{position: relative;}
.banBox .timeBox .mon span{display: none;position: absolute;font-size:12px;color:#a88747;}
.banBox .timeBox .mon span.cur{display:inline-block;top:25px;}






@media (min-width:1700px){/* lg*/
    .develop_main{height:1000px;}
    .banBox li .picBox .pic{height: 1000px;width:100%;}
    .banBox li .contBox{height:915px;}
    .banBox li .contBox .contBox_l{width: 770px;}
    .banBox li .contBox .contBox_r{width: 1151px;}
    .banBox li .contBox .contBox_r .pic_time{width: 0px;height:538px;}
    .banBox li .contBox .contBox_r .txtBox{right: -100px;}
    .banBox li .contBox .contBox_r .capitals{ margin-top: -70px;}
    .banBox li .contBox .contBox_r .line_l{height:538px;}
}
@media (min-width:1500px) and  (max-width:1699px){/* lg*/
    .develop_main{height:820px;}
    .banBox li .picBox .pic{height: 820px;width:100%;}
    .banBox li .contBox{height:735px;}
    .banBox li .contBox .contBox_l{width: 640px;}
    .banBox li .contBox .contBox_r{width: 960px;}
    .banBox li .contBox .contBox_r .pic_time{width: 0px;height:538px;}
    .banBox li .contBox .contBox_r .txtBox{right: -100px;}
    .banBox li .contBox .contBox_r .capitals{    margin-top: -70px;}
    .banBox li .contBox .contBox_r .line_l{height:538px;}
}
@media (min-width:1400px) and  (max-width:1499px){/* lg*/
    .develop_main{height:820px;}
    .banBox li .picBox .pic{height: 820px;width:100%;}
    .banBox li .contBox{height:718px;}
    .banBox li .contBox .contBox_l{width: 575px;}
    .banBox li .contBox .contBox_r{width: 865px;}
    .banBox li .contBox .contBox_r .pic_time{width: 0px;height:538px;}
    .banBox li .contBox .contBox_r .txtBox{right: -100px;}
    .banBox li .contBox .contBox_r .capitals{    margin-top: -70px;}
    .banBox li .contBox .contBox_r .line_l{height:538px;}
}
@media (min-width:992px) and  (max-width:1199px){/* md*/
    .banBox li .picBox .pic{width:100%;}
    .banBox li .contBox .contBox_l{width:420px; }
    .banBox li .contBox .contBox_l .pic{width: 255px;height:107px;}
    .banBox li .contBox .contBox_r .txtBox{width:320px;}
    .banBox li .contBox .contBox_r .capitals{margin-left:-260px;margin-top: -80px;}
    /**/
    .banBox li .contBox .contBox_r .txtimgBox{width: 400px;}
    .banBox li .contBox .contBox_r .txtimgBox ul{width:430px;}
    .banBox li .contBox .contBox_r .txtimgBox li{width: 185px;}
    .banBox li .contBox .contBox_r .txtimgBox li img{height: 92px;}
    .banBox .timeBox .mon span.cur{top:40px;}
}
@media (min-width:768px) and (max-width:991px){/* sm*/
    .banBox ul{z-index: 1;}
    .banBox li .contBox{height:100%;}
    .banBox li .picBox .pic{height:688px;}
    .banBox li .contBox .contBox_l{width:310px;height:130px;position:absolute;right:60px;bottom:60px;}
    .banBox li .contBox .contBox_l .pic{width:310px;height:130px;}
    .banBox li .contBox .contBox_r{float: right;}
    .banBox li .contBox .contBox_r {}
    .banBox li .contBox .contBox_r .loca .o_cell{display:inline-block;width:100%;}
    .banBox li .contBox .contBox_r .pic_time{display:none;}
    .banBox li .contBox .contBox_r .line_l{display:none;}
    .banBox li .contBox .contBox_r .txtBox{width:350px;right: -60px; margin-top: 260px;}
    .banBox li .contBox .contBox_r .capitals{margin-left:-280px; margin-top: -79px;}
    /**/
    .banBox li .contBox .contBox_r .txtimgBox{margin-top: 200px;right: 0px;}


    .banBox .timeBox{width: 100px;height:100%;background-size: 100%;z-index: 2;    overflow-x: hidden;overflow-y: scroll;background: none;}
    .banBox .timeBox .row{width: 85px;height:100%;padding-left:15px;}
    .banBox .timeBox .row .line{border-bottom:none;border-left:1px solid #fff;height: 1920px;line-height: 100%;margin-bottom: 0px;width: 1px;margin-left: 11px;}
    .banBox .timeBox .row .iconBox{padding-left: 0px;padding-top: 60px;}
    .banBox .timeBox .row .iconBox li{float: none;position: relative;}
    .banBox .timeBox .row .iconBox li div{margin-left: -24px;margin-top: 34px;}
    .banBox .timeBox .row .iconBox .time_icon{margin-right: 0px;margin-bottom: 10px;}
    .banBox .timeBox .row .iconBox i{width: 7px;height:auto;display:block;margin-right: 0px;margin-bottom:10px;border-left:none;border-bottom:1px solid #fff; margin-left: 8px;top: 0;}
    .banBox .timeBox .row .iconBox i.as{width:11px;margin-left: 7px;}
    .banBox .timeBox .row .iconBox i.cur{height:auto!important;top:0px!important;    width: 20px; margin-left: 3px;}
    /*.banBox .timeBox .row .time{margin-left:32px;position:absolute;top:62px;width: 100px;}
    .banBox .timeBox .row .time span{width:100%;float:left;margin-top:0px;height:165px;}
    .banBox .timeBox .row .time span.cur{margin-top: -4px;margin-bottom: 4px;}*/
    .banBox .timeBox .row .iconBox .time{ margin:0px;  position: absolute;top:2px;left:34px;}
    .banBox .timeBox .row .iconBox  li.cur .time{    margin: 0px;top: -1px;font-size: 18px;}
    .banBox .timeBox .row .iconBox li div{}

    .banBox .timeBox .mon span.cur{left:50px;}
    .banBox .timeBox .row .iconBox .mons{left: 35px;}
}
@media (max-width:767px){/* xs*/
    .banBox ul{z-index: 1;}
    .banBox li .contBox{height:100%;margin-left: 100px; overflow: scroll;}
    .banBox li .picBox .pic{height:505px;}
    .banBox li .contBox .contBox_l{width:100%;height:71px;margin-top: 60px;}
    .banBox li .contBox .contBox_l .pic{width:170px;height:71px;}
    /**/
    .banBox li .contBox .contBox_r{float: none;margin-top:40px;width:100%;height:auto;}
    .banBox li .contBox .contBox_r .pic_time{display:none;}
    .banBox li .contBox .contBox_r .line_l{display:none;}
    .banBox li .contBox .contBox_r .txtBox{width:170px;right: 0px;}
    .banBox li .contBox .contBox_r .txtBox .name{margin-bottom: 5px;}
    .banBox li .contBox .contBox_r .txtBox .title{font-size: 32px;line-height: 1.3em;margin-bottom: 10px;}
    .banBox li .contBox .contBox_r .txtBox .title span{display: block;}
    .banBox li .contBox .contBox_r .txtBox .title.o_xs-hide{margin-bottom: 0px;}
    .banBox li .contBox .contBox_r .txtBox img{margin-left: 0px;height: 30px;}
    .banBox li .contBox .contBox_r .txtBox .time{margin-bottom: 45px;}
    .banBox li .contBox .contBox_r .capitals{display: none;}
    /**/
    .banBox li .contBox .contBox_r .txtimgBox{width: 170px;right: 0px;}
    .banBox li .contBox .contBox_r .txtimgBox ul{width: 100%;margin-left: 0px;}
    .banBox li .contBox .contBox_r .txtimgBox li{width: 100%;margin-left:0px;}
    .banBox li .contBox .contBox_r .txtimgBox li img{height: 85px;}


    /**/
    .banBox .timeBox{width: 90px;height:100%;background-size: 100%;z-index: 9;    overflow-x: hidden;overflow-y: scroll;background: none;}
    .banBox .timeBox .row{width: 75px;height:100%;padding-left:15px;}
    .banBox .timeBox .row .line{border-bottom:none;border-left:1px solid #fff;height: 1920px;line-height: 100%;margin-bottom: 0px;width: 1px;margin-left: 11px;}
    .banBox .timeBox .row .iconBox{padding-left: 0px;padding-top: 60px;width: auto;}

    .banBox .timeBox .row .iconBox li{float: none;position: relative;}
    .banBox .timeBox .row .iconBox li div{margin-left: -24px;margin-top: 34px;}
    .banBox .timeBox .row .iconBox .time_icon{margin-right: 0px;margin-bottom: 10px;}
    .banBox .timeBox .row .iconBox i{width: 7px;height:auto!important;display:block;margin-right: 0px;margin-bottom:10px;border-left:none;border-bottom:1px solid #fff; margin-left: 8px;top: 0!important;}
    .banBox .timeBox .row .iconBox i.as{width:11px;margin-left: 7px;}
    .banBox .timeBox .row .iconBox i.as.cur{height:auto!important;top:0px!important;    width: 20px; margin-left: 3px;}
    .banBox .timeBox .row .iconBox .time{ margin:0px;  position: absolute;top:2px;left:34px;}
    .banBox .timeBox .row .iconBox  li.cur .time{    margin: 0px;;font-size: 18px;}
    .banBox .timeBox .mon span.cur{left:50px;}
    .banBox .timeBox .row .iconBox .mons{left: 35px;}
}