.i_box { float: left; width: 1200px; margin-top: 20px; }

.i-box-bg { float: left; width: 100%; min-width: 1200px; background: #fff; clear: both; }
.i-box { width: 1200px; margin: 0 auto; }

.i_dl { float: left; background: #fff; border: 1px solid #d1d2d3; }
.i_dt { float: left; width: 100%; height: 67px; background: #0a87d2; color: #fff; }
    .i_dt .title { float: left; height: 67px; font: bold 18px/67px "Microsoft YaHei"; padding-left: 20px; }
    .i_dt .more { float: right; height: 67px; padding: 0 12px 0 0; font: 14px/47px "Microsoft YaHei"; }
        .i_dt .more a { float: right; height: 67px; padding: 0 12px 0 0; font: 14px/47px "Microsoft YaHei"; }
    .i_dt a { color: #0a87d2; }
.i_dd { float: left; padding: 10px; }

.i_dt1 { float: left; width: 100%; height: 41px; border-bottom: 2px solid #0a87d2; }
    .i_dt1 .title { float: left; height: 30px; font: bold 20px/30px "Microsoft yahei"; padding: 0 0 0 10px; margin-top: 5px; border-left: 5px solid #0a87d2; color: #000; text-align: left; }
        .i_dt1 .title:hover { text-decoration: none; }
        .i_dt1 .title a { color: #000; }
        .i_dt1 .title span { font: 14px/17px "Microsoft yahei"; padding-left: 6px; color: #333; }
    .i_dt1 .tag { color: #333; }
        .i_dt1 .tag a { color: #333; }
    .i_dt1 .more { float: right; margin: 12px 0 0; color: #0a87d2; }
        .i_dt1 .more a { color: #000; }
    .i_dt1 .more_tag { float: right; }
        .i_dt1 .more_tag a { float: left; margin-left: 12px; height: 40px; font: 14px/40px "Microsoft yahei"; padding: 0 20px; background: #bfbebe; color: #000; position: relative; }
            .i_dt1 .more_tag a.tag { background: #72ad17; color: #fff; }
            .i_dt1 .more_tag a i { width: 100%; height: 7px; position: absolute; left: 0; bottom: -7px; }
            .i_dt1 .more_tag a.tag i { background: url(http://www.jingyan-tech.com/images/tag_i.gif) no-repeat center top; }
    .i_dt1 a:hover { text-decoration: none; }

.news_list { width: 100%; }
    .news_list ul { float: left; width: 100%; }
        .news_list ul li { float: left; width: 100%; height: 31px; border-bottom: 1px dotted #ccc; font: 14px/31px "Microsoft YaHei"; background: url(../image/p_li.png) no-repeat 0 center; text-indent: 12px; overflow: hidden; }
            .news_list ul li span.title { float: left; }
            .news_list ul li span.time { float: right; width: 90px; text-align: right; color: gray; text-indent: 0; }
            .news_list ul li.hot { width: 100%; height: auto; border-bottom: 0; margin-bottom: 5px; background: none; text-indent: 0; }
                .news_list ul li.hot img { float: left; margin: 0 10px 0 0; width: 140px; height: 105px; }
                .news_list ul li.hot span { display: block; float: none; overflow: hidden; }
                    .news_list ul li.hot span.title { height: 31px; line-height: 31px; }
                        .news_list ul li.hot span.title a { font-weight: bold; font-size: 14px; }
                    .news_list ul li.hot span.content { height: 79px; color: gray; line-height: 23px; }

.i-yy { width: 100%; clear: both; }
    .i-yy ul li { float: left; width: 241px; text-align: center; margin-right: 27px; }
        .i-yy ul li img { width: 241px; height: 177px; }
        .i-yy ul li p { font: 14px/31px "Microsoft YaHei"; }


.i-news { float: left; width: 910px; text-align: left; overflow: hidden; }
    .i-news dt { background: url(../image/icon_news.png) no-repeat left bottom; width: 100%; height: 40px; font: 24px/40px "Microsoft YaHei"; padding-left: 43px; color: #fff; }

.i-news-1 { float: left; width: 392px; }
.i-news-2 { float: right; width: 474px; padding-right: 9px; }

.i-news-1 .news_list ul li.hot { width: 392px; height: 365px; position: relative; }
    .i-news-1 .news_list ul li.hot img { float: left; margin: 0; width: 392px; height: 221px; position: absolute; z-index: 1; }
    .i-news-1 .news_list ul li.hot span { width: 100%; float: none; overflow: hidden; position: absolute; }
        .i-news-1 .news_list ul li.hot span.title { height: 40px; position: absolute; top: 181px; left: 0; z-index: 2; background: rgba(0,0,0,.7); }
            .i-news-1 .news_list ul li.hot span.title a { font: normal 20px/40px "Microsoft YaHei"; color: #fff; padding-left: 12px; }
        .i-news-1 .news_list ul li.hot span.content { height: 70px; color: gray; font: 14px/23px "Microsoft YaHei"; top: 231px; left: 0; padding: 0 12px; color: #fff; }
        .i-news-1 .news_list ul li.hot span.more { top: 311px; right: 0; padding-right: 12px; height: 50px; }
            .i-news-1 .news_list ul li.hot span.more a { color: #fff; float: right; }

.i-news-2 .news_list ul li.hot { width: 100%; height: auto; border-bottom: 1px dotted #b7b5b5; margin-bottom: 5px; background: none; text-indent: 0; }
    .i-news-2 .news_list ul li.hot img { float: left; margin: 0 10px 0 0; width: 140px; height: 105px; }
    .i-news-2 .news_list ul li.hot span { display: block; float: none; overflow: hidden; }
        .i-news-2 .news_list ul li.hot span.title { height: 35px; line-height: 31px; font-weight: bold !important; }
            .i-news-2 .news_list ul li.hot span.title a { font: bold 16px/31px "Microsoft YaHei"; color: #333; }
        .i-news-2 .news_list ul li.hot span.content { height: 62px; font: 14px/31px "Microsoft YaHei"; color: #fff; text-indent: 28px; }
        .i-news-2 .news_list ul li.hot span.more { text-align: right; height: 45px; margin-top: -30px; }
            .i-news-2 .news_list ul li.hot span.more a { color: #249658 !important; }

.i-ads-box img { float: left; }

.i_ads { float: left; width: 1200px; margin: 12px 0 0; overflow: hidden; }
    .i_ads img { float: left; }

/*.i-news-box{background:#fff;padding:70px 0 10px;}
.i_new_box{width:517px;overflow:hidden;text-align:left;}
.i_new_box dt{float:left;width:100%;}
.i_new_box dd{float:left;width:100%;padding:16px 0;}

.i_new_2{float:right;width:350px;}
.i_new_2 dd{float:left;width:330px;height:340px;background:#fff;text-align:left;}

#ask_list{float:left;width:330px;height:340px;overflow:hidden;}
  #ask_list .news_list ul li.hot{background:none;height:auto;border-bottom:1px dotted #e0e0e0;padding:0 0 2px;margin-bottom:8px;} 
  #ask_list .news_list ul li.hot span.title{height:31px;background:url(../images/w.png) no-repeat 0 center;text-indent:41px;}
  #ask_list .news_list ul li.hot span.title a{line-height:31px;}
  #ask_list .news_list ul li.hot span.content{height:60px;color:#888;background:url(../images/d.png) no-repeat 0 10px;padding:12px 0 0 41px;line-height:27px;text-indent:0;}*/

.i_link_box { float: left; width: 1200px; clear: both; }
    .i_link_box dd { float: left; width: 1200px; padding: 15px 0; }
        .i_link_box dd a { padding: 0 6px; }

.i_box_l { float: left; width: 50%; }
.i_box_r { float: right; width: 50%; }

.i-photo-bar { height: auto; padding: 15px; width: 61%; max-width: 610px; background: rgba(0,0,0,0.4); border-left: 10px solid #00aeef; left: 35px; position: absolute; bottom: 30px; color: #fff; }
    .i-photo-bar h3 { font-size: 1rem; line-height: 34px; }
    .i-photo-bar a { color: #fff; }

.i_box_01 { background: url(../image/i_bg_01.jpg) no-repeat right 2px center; float: left; width: 66%; height: 685px; position: relative; }
.i_box_02 { background: url(../image/i_bg_02.jpg) no-repeat center; float: right; width: 34%; height: 341px; position: relative; }
.i_box_03 { background: url(../image/i_bg_03.jpg) no-repeat center; float: right; width: 34%; height: 341px; margin-top: 2px; position: relative; }
    .i_box_03 .i-photo-bar { border-left: 10px solid #9ab827; }

.i_box_04 { background: url(../image/i_bg_04.jpg) no-repeat right 2px center; float: left; width: 100%; height: 533px; margin-top: 2px; position: relative; }
.i_box_05 { background: url(../image/i_bg_05.jpg) no-repeat right 2px center; float: right; width: 100%; height: 336px; margin-top: 2px; position: relative; }
    .i_box_05 .i-photo-bar { border-right: 10px solid #9ab827; border-left: 0; text-align: right; right: 65px; bottom: 50px; left: auto; width: 44%; }
.i_box_06 { background: url(../image/i_bg_06.jpg) no-repeat center; float: right; width: 100%; height: 333px; margin-top: 2px; position: relative; }
    .i_box_06 .i-photo-bar { left: 70px; bottom: 50px; width: 44%; }
.i_box_07 { background: url(../image/i_bg_07.jpg) no-repeat center; float: right; width: 100%; height: 536px; margin-top: 2px; position: relative; }

.i-about { position: absolute; bottom: 100px; right: 50px; width: 540px; color: #fff; font-size: 1rem; line-height: 34px; }
    .i-about dt { background: url(../image/i_ico_01.png) no-repeat 0 center; height: 69px; padding-left: 60px; font-size: 1.5rem; line-height: 69px; }
    .i-about dd { margin-top: 20px; }
        .i-about dd p a { display: inline-block; width: 168px; height: 40px; line-height: 40px; background: #f0f0f0; color: #0a0704; margin: 20px 0 0 10px; text-align: center; }
            .i-about dd p a.tag { color: #fff; background: #f5002f; }

.i-new-dl { position: absolute; bottom: 70px; left: 70px; width: 540px; color: #fff; font-size: 1rem; line-height: 31px; }
    .i-new-dl dt { background: url(../image/i_ioc_02.png) no-repeat 0 center; height: 69px; padding-left: 60px; font-size: 1.5rem; line-height: 69px; }
    .i-new-dl dd { }
        .i-new-dl dd h3 { font-size: 1.1rem; margin-top: 15px; }
            .i-new-dl dd h3 a { color: #fff; }
        .i-new-dl dd p { font-size: 0.8rem; }

@media screen and (max-width: 1200px) {
    .i_box_01 { background: url(../image/i_bg_01.jpg) no-repeat center; width: 100%; height: 431px; }
    .i_box_02 { float: left; background: url(../image/i_bg_02.jpg) no-repeat right 2px center; width: 50%; height: 250px; margin-top: 2px; }
    .i_box_03 { background: url(../image/i_bg_03.jpg) no-repeat center; width: 50%; height: 250px; margin-top: 2px; }

    .i_box_04 { height: 533px; margin-top: 2px; }
    .i_box_05 { height: 250px; margin-top: 2px; }
    .i_box_06 { height: 250px; margin-top: 2px; }
    .i_box_07 { height: 533px; margin-top: 2px; }

    .i-about { position: absolute; bottom: 40px; right: 20px; width: 92%; line-height: 31px; }
    .i-new-dl { left: 20px; width: 92%; line-height: 27px; }
        .i-new-dl dd h3 { height: 27px; overflow: hidden; }
        .i-new-dl dd p { height: 54px; overflow: hidden; }
    .i_box_05 .i-photo-bar { width: 70%; }
    .i_box_06 .i-photo-bar { width: 70%; }
}

@media screen and (max-width: 660px) {
    .i_box_01 { background: url(../image/i_bg_01.jpg) no-repeat center; width: 100%; height: 250px; }
    .i_box_02 { background: url(../image/i_bg_02.jpg) no-repeat center; width: 100%; height: 250px; margin-top: 2px; }
    .i_box_03 { background: url(../image/i_bg_03.jpg) no-repeat center; width: 100%; height: 250px; margin-top: 2px; }

    .i_box_l { float: left; width: 100%; }
    .i_box_r { float: right; width: 100%; }

    .i_box_04 { height: 380px; margin-top: 2px; }
    .i_box_05 { height: 250px; margin-top: 2px; }
    .i_box_06 { height: 250px; margin-top: 2px; }
    .i_box_07 { height: 400px; margin-top: 2px; }

    .our-1 { top: 30%; left: 5%; width: 450px; }
        .our-1 h3 { font-size: 2rem; margin-bottom: 25px; }
    .i-about { position: absolute; bottom: 20px; right: 10px; width: 95%; line-height: 31px; font-size: .8rem; }
    .i-new-dl { bottom: 20px; left: 10px; width: 95%; line-height: 27px; }
}