@charset "utf-8";
.p-bottom { margin-top: 0; }

/*Banner*/
.banner_line { width: 100%; height: 5px; background: url(../images/hdYy_ico.png) repeat-x; overflow: hidden; position: relative; z-index: 2; }
#banner { width: 100%; min-width: 1200px; height: 400px; margin: 0; clear: both; overflow: hidden; text-align: center; position: relative; z-index: 1; }
#flash_box { margin: 0 auto; width: 1200px; height: 400px; }
#flash_News { position: relative; z-index: 8; width: 1200px; height: 400px; overflow: hidden; word-break: break-all; }
    #flash_News a { position: absolute; top: 0; left: 0; z-index: 6; width: 1200px; height: 400px; }
    #flash_News img { position: absolute; top: 0; left: 0; z-index: 6; width: 1200px; height: 400px; display: none; }
#flash_pages { width: 1200px; position: relative; z-index: 10; margin-top: -30px; text-align: center; }
    #flash_pages a { padding: 3px 4px; text-decoration: none; background: url(../images/flash_bg2.png) no-repeat center center; }
        #flash_pages a.f_tag { background: url(../images/flash_bg1.png) no-repeat center center; }

.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 #e6e6e6; }
.i_dt { float: left; width: 100%; height: 43px; }
    .i_dt .title { float: left; height: 43px; font: 18px/25px Arial; padding-left: 10px; color: #3c383c; border-left: 2px solid #564301; text-align: left; }
        .i_dt .title font { font: 18px/18px "Arial"; color: #3c383c; }
    .i_dt .more { float: right; height: 43px; padding: 0 0 0 0; font: 14px/43px Arial; }
        .i_dt .more a { float: right; height: 43px; padding: 0 0 0 0; font: 14px/43px Arial; }
        .i_dt .more img { margin-top: 28px; }
    .i_dt a { color: #323131; }
.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 Arial; 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 Arial; 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 Arial; 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(../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 Arial; background: url(../images/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; }

h2.i-h2 { float: left; width: 100%; clear: both; text-align: center; font: bold 32px/45px Arial; padding: 20px 0 30px; color: #090238; }
    h2.i-h2 b { color: #4bab46; }
    h2.i-h2 span { font: 14px/31px Arial; }

h2.i-h21 { float: left; width: 100%; clear: both; text-align: center; font: bold 30px/35px Arial; padding: 10px 0 10px; color: #333; }
    h2.i-h21 b { color: #3aac30; font: 36px/55px Arial; }
    h2.i-h21 span { font: 14px/31px Arial; }
    h2.i-h21 .more { float: right; font: 14px/55px Arial; }
h3.i-h3 { float: left; width: 100%; clear: both; text-align: center; font: 16px/25px Arial; padding: 0 0 10px; color: #333; }


.i-more { float: left; width: 100%; clear: both; text-align: center; margin-top: 40px; }
    .i-more a { background: #ffa858; font: 24px/50px Arial; color: #fff; border: 0 solid #3aac30; padding: 10px 90px; border-radius: 80px; }
        .i-more a:hover { background: #0679e4; color: #fff; text-decoration: none; }


.i-box-1 { min-width: 1200px; background: #f0f0f0; padding: 20px 0 50px; }

.i_about_s { float: left; width: 1200px; }
    .i_about_s li { float: left; width: 380px; height: 250px; margin-right: 30px; position: relative; overflow: hidden; }
        .i_about_s li:last-child { margin-right: 0; }
        .i_about_s li div { width: 380px; height: 250px; position: absolute; top: 250px; left: 0; background: url(../images/i_a_bg.png); color: #fff; }
        .i_about_s li img { float: left; width: 100%; height: 100%; }
        .i_about_s li div h3 { text-align: center; font: 20px/35px Arial; margin-top: 20px; }
        .i_about_s li div p { text-align: left; font: 14px/23px Arial; padding: 0 12px; max-height: 161px; overflow: hidden; }
            .i_about_s li div p.more { text-align: center; font: 16px/25px Arial; }
                .i_about_s li div p.more a { color: #fff; }

.i-class-box { float: left; width: 100%; margin-bottom: 30px; }
    .i-class-box a { background: #E4E4E4; color: #333; text-decoration: none; display: inline-block; height: 45px; font: 16px/45px Arial; padding: 0 20px; margin: 0 10px; }
        .i-class-box a:hover { background: #4bab46; color: #fff; text-decoration: none; }
        .i-class-box a.tag { background: #4bab46; color: #fff; text-decoration: none; }

.i-factory-bg { min-width: 1200px; background: #f0f0f0; padding: 20px 0 50px; }
.i-factory-c { float: left; width: 100%; }
    .i-factory-c ul.hb_ul { float: left; width: 380px; height: 330px; margin: 0 30px 0 0; display: inline; text-align: center; overflow: hidden; }
        .i-factory-c ul.hb_ul:nth-child(3n+0) { margin-right: 0; }

        .i-factory-c ul.hb_ul li.z_img { float: left; width: 380px; height: 285px; padding: 0; border: 0; overflow: hidden; }
            .i-factory-c ul.hb_ul li.z_img td { width: 380px; height: 285px; background: #fff; padding: 0; border: 0 solid #c9c9c9; text-align: center; vertical-align: middle; }
                .i-factory-c ul.hb_ul li.z_img td:hover { border: 0 solid #ff6500; }
                .i-factory-c ul.hb_ul li.z_img td img { width: 380px; height: 285px; }
        .i-factory-c ul.hb_ul li.z_t { float: left; width: 100%; height: 45px; line-height: 45px; font-size: 16px; overflow: hidden; }
            .i-factory-c ul.hb_ul li.z_t a { color: #333; }



.i-ppsl-box { background: #fff; padding: 30px 0; }
    .i-ppsl-box ul { float: left; width: 100%; }
        .i-ppsl-box ul li { float: left; width: 600px; height: 306px; position: relative; }
            .i-ppsl-box ul li img { display: block; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; }
            .i-ppsl-box ul li a { float: left; display: none; width: 594px; height: 300px; border: 3px solid #ad986d; position: absolute; z-index: 2; top: 0; left: 0; background-color: rgba(0,0,0,0.5); color: #fff; opacity: 0; }
            .i-ppsl-box ul li:hover a { display: block; }
            .i-ppsl-box ul li a:hover { text-decoration: none; color: #fff; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; /* Opera */ background-color: rgba(0,0,0,0.5); opacity: 1; }
            .i-ppsl-box ul li a b { display: block; font: 30px/55px Arial; margin: 80px 0 0; }
            .i-ppsl-box ul li a span { display: block; font: 14px/27px Arial; min-height: 38px; background: url(../images/sl_m.png) no-repeat center; margin: 20px 0 0; }


.i-fw-box { min-width: 1200px; background: #fff; padding: 50px 0 0; }
    .i-fw-box .i-box { width: 1200px; margin: 0 auto; }
    .i-fw-box ul { float: left; width: 100%; margin-top: 12px; }
        .i-fw-box ul li { float: left; width: 300px; height: 210px; background: #fff; padding: 20px 0 0 0; /*box-shadow:0 0 10px #ccc;text-align:left;background:url(../images/i_fw_line.png) no-repeat right 24px top 44px #fff;*/ }

            .i-fw-box ul li.big { width: 526px; }
            .i-fw-box ul li img:hover { animation: UpImg 0.5s; animation-fill-mode: both; -webkit-animation: UpImg 0.5s; -webkit-animation-fill-mode: both; }

            .i-fw-box ul li h3 { font: 18px/35px Arial; color: #333; margin: 10px 0 0; }
            .i-fw-box ul li p { font: 13px/25px Arial; color: #666; }
            .i-fw-box ul li .p-more { display: inline-block; background: #126fd9; color: #fff; width: 143px; height: 38px; font: 16px/38px Arial; margin-top: 10px; border-radius: 20px; }
                .i-fw-box ul li .p-more:hover { text-decoration: none; background: #ff8d2e; }
    .i-fw-box .i-more { margin: 20px 0 50px; }


.i-qyzz-box { background: url(../images/qyzz_bg.jpg) no-repeat center; height: 550px; padding: 50px 0 0; }
    .i-qyzz-box ul.hb_ul { float: left; width: 234px; height: 360px; margin: 0 48px 0 0; display: inline; text-align: center; overflow: hidden; }
        .i-qyzz-box ul.hb_ul li.z_img { float: left; width: 234px; height: 311px; padding: 0; border: 0; overflow: hidden; }
            .i-qyzz-box ul.hb_ul li.z_img td { width: 234px; height: 311px; background: #fff; padding: 0; border: 0 solid #c9c9c9; text-align: center; vertical-align: middle; }
                .i-qyzz-box ul.hb_ul li.z_img td:hover { border: 0 solid #ff6500; }
                .i-qyzz-box ul.hb_ul li.z_img td img { width: 234px; height: 311px; }
        .i-qyzz-box ul.hb_ul li.z_t { float: left; width: 100%; height: 38px; line-height: 38px; font-size: 14px; overflow: hidden; }
            .i-qyzz-box ul.hb_ul li.z_t a { color: #fff; }

.i-photo-left { float: left; width: 60px; height: 81px; margin: 150px 0 0 0; }
.i-photo-right { float: right; width: 60px; height: 81px; margin: 150px 0 0 0; }
.i-photo-left a { float: left; background: url(../images/b_left.png) no-repeat; width: 26px; height: 46px; display: block; }
.i-photo-right a { float: right; background: url(../images/b_right.png) no-repeat; width: 26px; height: 46px; display: block; }
.i-photo-cont { float: left; width: 1080px; height: 360px; padding: 0; overflow: hidden; margin-top: 20px; }

.tj_photo_list { float: left; width: 1000000px; overflow: hidden; display: inline; }
.List_box { float: left; display: block; }


.i-pro-class-box { background: url(../images/p_c_bg.jpg) no-repeat top center; min-height: 1219px; padding: 25px 0 0; }
.i_pro_class_box { float: left; width: 1200px; overflow: hidden; }
    .i_pro_class_box ul { float: left; width: 1300px; }
        .i_pro_class_box ul li { float: left; width: 380px; height: 336px; position: relative; margin: 0 30px 20px 0; background: #fff; text-align: left; }
            .i_pro_class_box ul li img { float: left; width: 380px; height: 253px; }
            .i_pro_class_box ul li p { float: left; width: 344px; height: 59px; font: 15px/31px Arial; color: #000; padding: 12px 18px; overflow: hidden; }
            .i_pro_class_box ul li h3 { position: absolute; min-width: 136px; height: 40px; padding: 0 20px; top: 190px; left: 0; font: 18px/40px Arial; color: #fff; background: url(../images/p_c_t_bg.png); }
            .i_pro_class_box ul li span { position: absolute; bottom: 10px; right: 10px; color: #da251b; background: #fff; padding-left: 6px; }
            .i_pro_class_box ul li.big { width: 578px; height: 343px; position: relative; margin: 10px 44px 0 0; }
                .i_pro_class_box ul li.big img { width: 578px; height: 260px; }
                .i_pro_class_box ul li.big p { width: 542px; }
                .i_pro_class_box ul li.big h3 { top: 197px; }
            .i_pro_class_box ul li a:hover { text-decoration: none; }

.i-pro-box { background: #fff; padding: 20px 0 50px; }

.i-pro-class-list { float: left; width: 100%; margin-top: 15px; height: 50px; border-bottom: 1px solid #e5e5e5; }
    .i-pro-class-list div { display: inline; font: 16px/25px Arial; margin: 0 35px; }
        .i-pro-class-list div a { color: #333; padding: 0 30px; }


.i_pro_list { float: left; width: 100%; overflow: hidden; margin-top: 40px; }
#tj_product_list { float: left; width: 10000%; height: 300px; overflow: hidden; display: inline; }
div.product_list div { width: 100%; height: 300px; overflow: hidden; }

div.product_list dl { float: left; width: 350px; height: 170px; }
    div.product_list dl dt { float: left; width: 158px; }
        div.product_list dl dt a { float: left; padding: 3px; border: 1px solid #ddd; background: #fff; }
            div.product_list dl dt a:hover { border: 1px solid #F00; }
        div.product_list dl dt img { width: 140px; height: 140px; }
div.product_list dd { float: left; width: 180px; height: 150px; padding: 0; }
    div.product_list dd .p_c_t { font: bold 14px/27px Arial; height: 27px; overflow: hidden; }
    div.product_list dd .p_c_c { height: 125px; overflow: hidden; line-height: 21px; color: #666; }
        div.product_list dd .p_c_c span { color: #000; }
    div.product_list dd a { color: #333; }

div.product_list ul { float: left; width: 284px; height: 260px; background: #fff; border: 2px solid #f3f3f3; margin: 0 16px 0 0; display: inline; text-align: center; overflow: hidden; }
    div.product_list ul:hover { border: 2px solid #4bab46; }
    div.product_list ul:nth-child(4n+0) { margin-right: 0; }
div.product_list li.ps_img { float: left; width: 284px; height: 214px; background: #fff; overflow: hidden; }
    div.product_list li.ps_img td { width: 280px; height: 210px; background: #fff; padding: 2px; border: 0 solid #f3f3f3; text-align: center; vertical-align: middle; }
        div.product_list li.ps_img td:hover { border: 0 solid #4bab46; }
/*div.product_list li.ps_img td img{width:324px;height:324px;}*/
div.product_list li.ps_t { float: left; width: 100%; height: 45px; line-height: 45px; font-size: 16px; overflow: hidden; border-top: 1px solid #f3f3f3; }

/*div.product_list div{width:150%;height:222px;overflow:hidden;}
	div.product_list ul{float:left;width:234px;height:222px;margin:0 20px 0 0;display:inline;text-align:center;overflow:hidden;}
	div.product_list ul li.p_img{float:right;width:234px;height:192px;padding:0;border:0;overflow:hidden;background:#fff;}
	div.product_list ul li.p_img a{float:left;padding:0;border:0 solid #e1e1e1;}
	div.product_list ul li.p_img a:hover{border:0 solid #ff6500;}
	div.product_list ul li.p_img img{width:234px;height:192px;}
	div.product_list ul li.p_t{float:right;width:234px;height:30px;line-height:25px;overflow:hidden;}*/
.i-pr-left { float: left; width: 38px; height: 81px; margin: 100px 0 0 0; }
.i-pr-right { float: right; width: 30px; height: 81px; margin: 100px 0 0 0; }
.i-pr-left a { float: left; background: url(../images/b_left.png) no-repeat; width: 26px; height: 46px; display: block; }
.i-pr-right a { float: right; background: url(../images/b_right.png) no-repeat; width: 26px; height: 46px; display: block; }
.i-pr-cont { float: left; width: 1125px; height: 300px; padding: 0; overflow: hidden; }


.i-ys-box { padding: 0; height: 575px; background: url(../images/ys_bg.jpg) no-repeat center; padding: 40px 0 0; }
    .i-ys-box ul { float: left; width: 1300px; }
        .i-ys-box ul li { float: left; color: #fff; position: relative; }
            .i-ys-box ul li.li-b { width: 287px; height: 367px; margin-right: 30px; background: url(../images/i_ys_bg.png) no-repeat; }
            .i-ys-box ul li.li-s { width: 380px; height: 175px; margin-bottom: 30px; }
            /*.i-ys-box ul li.li-1{background:#988c52;}*/
            .i-ys-box ul li.li-1 i { background: url(../images/ys_01.png) no-repeat center; }
            /*.i-ys-box ul li.li-2{background:#b7b228;}*/
            .i-ys-box ul li.li-2 i { background: url(../images/ys_02.png) no-repeat center; }
            /*.i-ys-box ul li.li-3{background:#ff8000;}*/
            .i-ys-box ul li.li-3 i { background: url(../images/ys_03.png) no-repeat center; }
            /*.i-ys-box ul li.li-4{background:#96ac60;}*/
            .i-ys-box ul li.li-4 i { background: url(../images/ys_04.png) no-repeat center; }
            .i-ys-box ul li.li-b i { display: inline-block; width: 154px; height: 154px; margin: 55px 0 35px; animation: scale1 1s .1s ease-in-out both normal; -moz-animation: scale1 1s .1s ease-in-out both normal; -webkit-animation: scale1 1s .1s ease-in-out both normal; -o-animation: scale1 1s .1s ease-in-out both normal; }
            .i-ys-box ul li.li-b:hover i { animation: scale 1s .1s ease-in-out both normal; -moz-animation: scale 1s .1s ease-in-out both normal; -webkit-animation: scale 1s .1s ease-in-out both normal; -o-animation: scale 1s .1s ease-in-out both normal; }
            .i-ys-box ul li.li-b h2 { display: block; font: 26px/37px Arial; }
            .i-ys-box ul li.li-b:hover h2 { display: none; }
            .i-ys-box ul li.li-b h3 { display: none; width: 230px; text-align: left; position: absolute; left: 30px; bottom: 50px; font: 14px/25px Arial; }
            .i-ys-box ul li.li-b:hover h3 { left: 30px; top: 235px; display: block; }
            .i-ys-box ul li.li-1:hover h3 { left: 30px; top: 185px; display: block; }
            .i-ys-box ul li.li-4:hover h3 { left: 30px; top: 200px; display: block; }

            .i-ys-box ul li.li-s i { float: left; width: 74px; height: 74px; margin: 52px 60px 0 30px; animation: toRight1 1s .1s ease-in-out both normal; -moz-animation: toRight1 1s .1s ease-in-out both normal; -webkit-animation: toRight1 1s .1s ease-in-out both normal; -o-animation: toRight1 1s .1s ease-in-out both normal; }
            .i-ys-box ul li.li-s:hover i { animation: toLeft1 1s .1s ease-in-out both normal; -moz-animation: toLeft1 1s .1s ease-in-out both normal; -webkit-animation: toLeft1 1s .1s ease-in-out both normal; -o-animation: toLeft1 1s .1s ease-in-out both normal; }
            .i-ys-box ul li.li-s h2 { float: left; display: block; font: 26px/175px Arial; }
            .i-ys-box ul li.li-s:hover h2 { display: none; }
            .i-ys-box ul li.li-s h3 { float: left; display: none; width: 210px; position: absolute; text-align: left; position: absolute; left: 130px; top: 175px; font: 14px/25px Arial; }
            .i-ys-box ul li.li-s:hover h3 { left: 130px; top: 15px; display: block; }

            .i-ys-box ul li a { color: #fff; }

.i_ys_box { float: left; width: 100%; margin-top: 20px; }
    .i_ys_box div { animation: show 1s .1s ease-in-out both normal; -moz-animation: show 1s .1s ease-in-out both normal; -webkit-animation: show 1s .1s ease-in-out both normal; -o-animation: show 1s .1s ease-in-out both normal; transition: 0.7s; }
.i_ys_01 { float: left; width: 381px; height: 380px; background: url(../images/i_ys_01.png) no-repeat center 50px #5e8fa4; color: #fff; margin-right: 28px; }
    .i_ys_01 h3 { display: block; margin-top: 250px; font: 28px/55px Arial; }
    .i_ys_01 p { display: none; margin-top: 200px; padding: 0 30px; font: 14px/31px Arial; }
    .i_ys_01:hover { background: url(../images/i_ys_01_h.png) no-repeat center 80px #ff8000; }
        .i_ys_01:hover h3 { display: none; }
        .i_ys_01:hover p { display: block; }
.i_ys_02 { float: left; width: 381px; height: 380px; background: url(../images/i_ys_02.png) no-repeat center 50px #5e8fa4; color: #fff; }
    .i_ys_02 h3 { display: block; margin-top: 250px; font: 28px/55px Arial; }
    .i_ys_02 p { display: none; margin-top: 190px; padding: 0 30px; font: 14px/25px Arial; }
    .i_ys_02:hover { background: url(../images/i_ys_02_h.png) no-repeat center 65px #ff8000; }
        .i_ys_02:hover h3 { display: none; }
        .i_ys_02:hover p { display: block; }
.i_ys_r { float: right; width: 381px; color: #fff; text-align: left; }
.i_ys_03 { float: left; width: 381px; height: 175px; background: url(../images/i_ys_03.png) no-repeat 30px center #5e8fa4; }
    .i_ys_03 h3 { display: block; font: 28px/175px Arial; text-align: left; padding-left: 150px; }
    .i_ys_03 p { display: none; margin-top: 30px; padding: 0 30px 0 120px; font: 14px/30px Arial; }
    .i_ys_03:hover { background: url(../images/i_ys_03.png) no-repeat 30px center #ff8000; }
        .i_ys_03:hover h3 { display: none; }
        .i_ys_03:hover p { display: block; }
.i_ys_04 { float: left; width: 381px; height: 175px; background: url(../images/i_ys_04.png) no-repeat 30px center #5e8fa4; margin-top: 30px; }
    .i_ys_04 h3 { display: block; font: 28px/175px Arial; padding-left: 150px; }
    .i_ys_04 p { display: none; margin-top: 30px; padding: 0 30px 0 120px; font: 14px/30px Arial; }
    .i_ys_04:hover { background: url(../images/i_ys_04.png) no-repeat 30px center #ff8000; }
        .i_ys_04:hover h3 { display: none; }
        .i_ys_04:hover p { display: block; }



.show { animation: show 1s .1s ease-in-out both normal; -moz-animation: show 1s .1s ease-in-out both normal; -webkit-animation: show 1s .1s ease-in-out both normal; -o-animation: show 1s .1s ease-in-out both normal; }
.show1 { animation: show1 1s .1s ease-in-out both normal; -moz-animation: show1 1s .1s ease-in-out both normal; -webkit-animation: show1 1s .1s ease-in-out both normal; -o-animation: show1 1s .1s ease-in-out both normal; }

@-webkit-keyframes scale {
    0% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(0.65); }
}

@-moz-keyframes scale {
    0% { -moz-transform: scale(1); }
    100% { -moz-transform: scale(0.65); }
}

@-ms-keyframes scale {
    0% { -ms-transform: scale(1); }
    100% { -ms-transform: scale(0.65); }
}

@keyframes scale {
    0% { transform: scale(1); }
    100% { transform: scale(0.65); }
}

@-webkit-keyframes scale1 {
    0% { -webkit-transform: scale(0.65); }
    100% { -webkit-transform: scale(1); }
}

@-moz-keyframes scale1 {
    0% { -moz-transform: scale(0.65); }
    100% { -moz-transform: scale(1); }
}

@-ms-keyframes scale1 {
    0% { -ms-transform: scale(0.65); }
    100% { -ms-transform: scale(1); }
}

@keyframes scale1 {
    0% { transform: scale(0.65); }
    100% { transform: scale(1); }
}

@-webkit-keyframes show {
    0% { opacity: 0; -webkit-transform: translateY(70%) }
    100% { opacity: 1; -webkit-transform: translateY(0px) }
}

@-moz-keyframes show {
    0% { opacity: 0; -moz-transform: translateY(70%) }
    100% { opacity: 1; -moz-transform: translateY(0px) }
}

@-ms-keyframes show {
    0% { opacity: 0; -ms-transform: translateY(70%) }
    100% { opacity: 1; -ms-transform: translateY(0px) }
}

@keyframes show {
    0% { opacity: 0; transform: translateY(70%) }
    100% { opacity: 1; transform: translateY(0px) }
}

@-webkit-keyframes show1 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes show1 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-ms-keyframes show1 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes show1 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


@-webkit-keyframes toLeft1 {
    0% { -webkit-transform: translateX(45%) }
    100% { -webkit-transform: translateX(0px) }
}

@-moz-keyframes toLeft1 {
    0% { -moz-transform: translateX(45%) }
    100% { -moz-transform: translateX(0px) }
}

@-ms-keyframes toLeft1 {
    0% { -ms-transform: translateX(45%) }
    100% { -ms-transform: translateX(0px) }
}

@keyframes toLeft1 {
    0% { transform: translateX(45%) }
    100% { transform: translateX(0px) }
}

@-webkit-keyframes toRight1 {
    0% { -webkit-transform: translateX(0px) }
    100% { -webkit-transform: translateX(45%) }
}

@-moz-keyframes toRight1 {
    0% { -moz-transform: translateX(0px) }
    100% { -moz-transform: translateX(45%) }
}

@-ms-keyframes toRight1 {
    0% { -ms-transform: translateX(0px) }
    100% { -ms-transform: translateX(45%) }
}

@keyframes toRight1 {
    0% { transform: translateX(0px) }
    100% { transform: translateX(45%) }
}


.i-sp-box { background: url(../images/sp_bg.jpg) no-repeat center top; height: 864px; padding: 40px 0 0; }
.i-sp-div { float: left; width: 1170px; height: 650px; margin: 15px 0 0 17px; overflow: hidden; }

.i-hd-box { background: #fff; padding: 40px 0 60px; }
.i_hd_dl { float: left; width: 100%; height: 550px; overflow: hidden; position: relative; }
    .i_hd_dl dt { float: left; width: 100%; height: 80px; padding: 0; border-bottom: 1px solid #5e8fa4; text-align: center; }
        .i_hd_dl dt span { display: inline-block; padding: 0 20px; cursor: pointer; font: 33px/80px Arial; color: #030303; }
            .i_hd_dl dt span.tag { color: #4154a3; border-bottom: 5px solid #ff8000; line-height: 75px; }
    .i_hd_dl dd { float: left; width: 100%; height: 550px; background: #fff; padding: 10px 0 0; color: #cecccc; position: absolute; top: 82px; left: 0; z-index: 1; }
/*.i_hd_dl dd p{padding:10px 12px;font:14px/33px Arial;text-align:left;}
.i_hd_dl dd p a{color:#ff8000;}
.i_hd_dl dd img{margin:20px 0 0;border:3px solid #fff;}*/
#i_hzkh ul.hb_ul { float: left; width: 226px; height: 210px; margin: 0 17px 0 0; display: inline; text-align: center; overflow: hidden; }
    #i_hzkh ul.hb_ul li.z_img { float: left; width: 226px; height: 171px; padding: 0; border: 0; overflow: hidden; }
        #i_hzkh ul.hb_ul li.z_img td { width: 220px; height: 165px; background: #fff; padding: 2px; border: 1px solid #c9c9c9; text-align: center; vertical-align: middle; }
            #i_hzkh ul.hb_ul li.z_img td:hover { border: 1px solid #ff6500; }
    #i_hzkh ul.hb_ul li.z_t { float: left; width: 100%; height: 35px; line-height: 35px; font-size: 14px; overflow: hidden; }

#i_hzkh { position: relative; width: 1200px; margin: 10px auto 0 }
    #i_hzkh .swiper-container { padding-bottom: 45px; }

    #i_hzkh .swiper-slide { width: 1200px; background: #fff; text-align: center; }
    #i_hzkh .swiper-pagination { width: 100%; bottom: 20px; }
    #i_hzkh .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
    #i_hzkh .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #4154a3; background-color: #fff; }

.ixjj-left { width: 500px; margin-top: 70px; }
    .ixjj-left h3 { font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 50px; line-height: initial; }
        .ixjj-left h3 em { left: 0; top: 54px; background: #fdba20; width: 40px; height: 4px; }
    .ixjj-left p { color: #fff; margin-bottom: 30px; font-size: 14px; }
        .ixjj-left p a { width: 128px; height: 32px; text-align: center; line-height: 32px; background: #fff; display: block; }
.ixjj-right { width: 600px; height: 310px; }
    .ixjj-right img { margin-top: 70px; }

.i-about-box { background: #fff; padding: 20px 0 50px; }
    .i-about-box .i-box { text-align: left; }
.i-about-l { float: left; width: 600px; overflow: hidden; }
.i-about-r { float: right; width: 570px; overflow: hidden; font: 16px/27px Arial; position: relative; }
    .i-about-r:before { border-bottom: #090238 5px solid; position: absolute; width: 80px; display: block; content: ""; left: 0px; margin-top: 0px; }
    .i-about-r h3 { font: 20px/35px Arial; margin-top: 30px; }
    .i-about-r p { text-indent: 32px; color: #666; }
.p-more { display: inline-block; width: 160px; height: 45px; border: #666 1px solid; font: 18px/45px Arial; color: #666; text-decoration: none; text-align: center; margin-top: 20px; }
    .p-more:hover { background: #4bab46; border: #4bab46 1px solid; color: #fff; text-decoration: none; }

.i_about { float: left; width: 100%; }
    .i_about dt { float: left; width: 100%; height: 80px; padding: 0; border-bottom: 1px solid #71660e; text-align: center; }
        .i_about dt span { display: inline-block; padding: 0 20px; cursor: pointer; font: 33px/80px Arial; color: #030303; }
            .i_about dt span.tag { color: #fff; border-bottom: 5px solid #ff8000; line-height: 75px; }
    .i_about dd { float: left; width: 100%; padding: 10px 0 0; color: #cecccc; }
        .i_about dd p { padding: 10px 12px; font: 14px/33px Arial; text-align: left; }
            .i_about dd p a { color: #ff8000; }
        .i_about dd img { margin: 20px 0 0; border: 3px solid #fff; }

.ixnews { margin-bottom: 60px; }
.ixnewsbox-left { width: 560px; height: 380px; padding-right: 40px; border-right: #d7d7d7 solid 1px }
.ixnews-title { margin-bottom: 30px; }
    .ixnews-title h3 { font-size: 30px; }
        .ixnews-title h3 em { font-weight: bold; color: #FCB920; font-style: normal; }
.ixnewsbox-left li { vertical-align: top; padding-bottom: 20px; }
    .ixnewsbox-left li h3 { font-size: 18px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .ixnewsbox-left li p { font-size: 14px; color: #666666; margin-bottom: 20px }
    .ixnewsbox-left li a { display: block; }
        .ixnewsbox-left li a:hover { text-decoration: none; }
.ixnewsbox-right { width: 560px; height: 410px; background: url(../images/ixpic7.jpg) right top no-repeat; }
    .ixnewsbox-right li { vertical-align: top; border-bottom: #d7d7d7 solid 1px; width: 420px; padding-bottom: 10px; margin-bottom: 30px; }
        .ixnewsbox-right li h3 { font-size: 16px; color: #000; padding: 10px 0; }
        .ixnewsbox-right li p { font-size: 14px; color: #666; }


.i-news-box { background: #f0f0f0; padding: 20px 0 20px; min-height: 395px; }
    .i-news-box .i-box { text-align: left; }
    .i-news-box h3 { font-weight: normal; }
    /*.i-news{float:left;width:100%;text-align:left;overflow:hidden;margin-top:40px;}
.i-news-1{float:left;width:120%;}

.i-news .news_list ul li.hot{width:562px;height:172px;padding:10px;margin:0 32px 30px 0;background:none;text-indent:0;text-align:left;border:1px solid #e6e6e6;}
.i-news .news_list ul li.hot img{float:left;margin:0 20px 0 0;width:248px;height:172px;}
.i-news .news_list ul li.hot span{display:block;float:none;overflow:hidden;}
.i-news .news_list ul li.hot span.title{height:31px;}
.i-news .news_list ul li.hot span.title a{font:bold 16px/31px Arial;}
.i-news .news_list ul li.hot span.content{height:81px;color:gray;font:14px/27px Arial;margin:10px 0 0;}
.i-news .news_list ul li.hot span.more{margin-top:6px;}
.i-news .news_list ul li.hot span.more a{display:inline-block;background:#f86432;color:#fff;font:14px/27px Arial;padding:0 12px;border-radius:3px;}
*/
    .i-news-box .new_list { position: relative; }
    .i-news-box .swiper-container-news { overflow: hidden; width: 100%; }
    .i-news-box .new_list .swiper-slide { height: 300px; }
        .i-news-box .new_list .swiper-slide .item { background: #fff; }
        .i-news-box .new_list .swiper-slide:hover .item { background: #fff; }
        .i-news-box .new_list .swiper-slide .item { margin: 0 20px; padding: 10px; }
            .i-news-box .new_list .swiper-slide .item .img_box { width: 100%; height: 140px; }
            .i-news-box .new_list .swiper-slide .item a:hover { text-decoration: none; }
        .i-news-box .new_list .swiper-slide h2 { font-weight: normal; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0; position: relative; color: #000; }
            .i-news-box .new_list .swiper-slide h2:before { content: ''; display: block; width: 10px; height: 10px; border-radius: 5px; background: #090238; position: absolute; left: 0px; top: 5px; }
            .i-news-box .new_list .swiper-slide h2 .icon { padding: 8px; }
        .i-news-box .new_list .swiper-slide p { font-size: 14px; line-height: 24px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
    .i-news-box .arrow { position: absolute; top: 180px; width: 26px; height: 70px; line-height: 70px; margin-top: 0px; text-align: center; opacity: 0.5; transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; cursor: pointer; }
        .i-news-box .arrow span { font-size: 46px; color: #666; }

    .i-news-box .arrow-left { left: -20px; z-index: 9999; border-radius: 5px 0 0 5px; background: url(../images/b_left.png) no-repeat; }
    .i-news-box .arrow-right { right: -20px; border-radius: 0 5px 5px 0; z-index: 9999; background: url(../images/b_right.png) no-repeat; }
    .i-news-box:hover .arrow-left { left: -13px; opacity: 1; }
    .i-news-box:hover .arrow-right { right: -13px; opacity: 1; }


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

.i_ads { float: left; width: 990px; 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_1 { float: left; width: 390px; margin-right: 35px; }
    .i_new_1 dt { float: left; width: 352px; }
    .i_new_1 dd { float: left; width: 352px; padding: 0 40px 0 0; margin-top: 20px; height: 270px; text-align: left; border-right: 1px solid #d8d8d8; }
.i-news-img { float: left; width: 100%; height: 177px }

.i_new_2 { float: left; width: 390px; }
    .i_new_2 dt { float: left; width: 352px; }
    .i_new_2 dd { float: left; width: 352px; padding: 0 35px 0 0; margin-top: 20px; height: 270px; text-align: left; border-right: 1px solid #d8d8d8; }

.i_new_3 { float: right; width: 352px; }
    .i_new_3 dt { float: left; width: 352px; }
    .i_new_3 dd { float: left; width: 352px; padding: 0; margin-top: 20px; height: 270px; text-align: left; }

#ask_list { float: left; width: 315px; height: 220px; 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: 26px; }
            #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: 5px 0 0 26px; 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; }