@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: 450px; margin: 0; clear: both; overflow: hidden; text-align: center; position: relative; z-index: 1; }
#flash_box { margin: 0 auto; width: 1200px; height: 450px; }
#flash_News { position: relative; z-index: 8; width: 1200px; height: 450px; overflow: hidden; word-break: break-all; }
    #flash_News a { position: absolute; top: 0; left: 0; z-index: 6; width: 1200px; height: 450px; }
    #flash_News img { position: absolute; top: 0; left: 0; z-index: 6; width: 1200px; height: 450px; display: none; }
#flash_pages { width: 1200px; position: relative; z-index: 10; margin-top: -120px; 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 "Microsoft YaHei"; 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 "Microsoft YaHei"; }
        .i_dt .more a { float: right; height: 43px; padding: 0 0 0 0; font: 14px/43px "Microsoft YaHei"; }
        .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 "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(../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(../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: 33px/45px "Microsoft YaHei"; padding: 20px 0 30px; color: #0b0b0a; }
    h2.i-h2 b { color: #53a143; font: 36px/55px "Microsoft YaHei"; }
    h2.i-h2 span { font: 14px/31px Arial; }

h2.i-h21 { float: left; width: 100%; clear: both; text-align: center; font: bold 30px/35px "Microsoft YaHei"; padding: 10px 0 10px; color: #333; }
    h2.i-h21 b { color: #3aac30; font: 36px/55px "Microsoft YaHei"; }
    h2.i-h21 span { font: 14px/31px Arial; }
    h2.i-h21 .more { float: right; font: 14px/55px "Microsoft YaHei"; }
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 "Microsoft YaHei"; color: #fff; border: 0 solid #3aac30; padding: 10px 90px; border-radius: 80px; }
        .i-more a:hover { background: #0679e4; color: #fff; text-decoration: none; }


.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 "Microsoft YaHei"; margin: 80px 0 0; }
            .i-ppsl-box ul li a span { display: block; font: 14px/27px "Microsoft YaHei"; min-height: 38px; background: url(../images/sl_m.png) no-repeat center; margin: 20px 0 0; }

.i-language-box { min-width: 1200px; background: rgba(0,0,0,0); padding: 0; margin-top: -100px; position: relative; z-index: 3; }
    .i-language-box .i-box { width: 1200px; height: 100px; background: rgba(255,255,255,0.5); margin: 0 auto; border-radius: 10px 10px 0 0; }
.bj-but { float: left; width: 320px; padding: 20px 0 20px 50px; }
    .bj-but a { display: inline-block; background: url(../images/jsq.png) no-repeat 50px center #193984; background-size: auto 60%; color: #fff; width: 100%; height: 60px; font: 20px/60px "Microsoft yahei"; border-radius: 5px; }
        .bj-but a:hover { text-decoration: none; background: url(../images/jsq.png) no-repeat 50px center #f89e14; background-size: auto 60%; }
    .bj-but p { background: url(../images/bz2.png) no-repeat 50px center; height: 40px; font: 18px/40px "Microsoft yahei";display:none; }
.language-but { float: left;width:800px; margin:20px 0 0 30px; }
    .language-but li { float: left; width: 20%; text-align:center;}
        .language-but li img { width:70px; margin-bottom:2px;}
    .language-but a { font: 14px/21px "Microsoft yahei"; text-decoration: none; }
    .language-but a:hover { text-decoration:none;}

    .i-bj-box { min-width: 1200px; background: #EDEDED; padding: 30px 0 50px; }
    .i-bj-box .i-box { width: 1200px; margin: 0 auto; }
    .i-bj-box ul { float: left; width: 100%; margin-top: 12px; }
        .i-bj-box ul li { float: left; width: 240px; 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-bj-box ul li img:hover { animation: UpImg 0.5s; animation-fill-mode: both; -webkit-animation: UpImg 0.5s; -webkit-animation-fill-mode: both; }

            .i-bj-box ul li h3 { font: 14px/31px "Microsoft yahei"; color: #333; margin: 10px 0 0; }
            .i-bj-box ul li p { font: 12px/21px "Microsoft yahei"; color: #666; }
    .i-bj-box a { text-decoration: none; }
        .i-bj-box a:hover { text-decoration: none; }

.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: 230px; 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 "Microsoft yahei"; color: #333; margin: 10px 0 0; }
            .i-fw-box ul li p { font: 13px/25px "Microsoft yahei"; color: #666; }
            .i-fw-box ul li .p-more { display: inline-block; background: #126fd9; color: #fff; width: 143px; height: 38px; font: 16px/38px "Microsoft yahei"; 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 "Microsoft YaHei"; 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 "Microsoft YaHei"; 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: url(../images/i_pro_bg.jpg?v=2022) no-repeat top center #EBEBED; padding: 30px 0; }

.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 "Microsoft YaHei"; 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: 270px; 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 "Microsoft YaHei"; 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: 266px; height: 250px; background: #fff; border: 0 solid #32b16c; margin: 0 20px 0 0; display: inline; text-align: center; overflow: hidden; }
    div.product_list ul:hover { border: 0 solid #f00; }
div.product_list li.ps_img { float: left; width: 246px; height: 180px; background: #fff; padding: 10px; border: 0; overflow: hidden; }
    div.product_list li.ps_img td { width: 246px; height: 180px; background: #fff; padding: 0; border: 0 solid #e5e5e5; text-align: center; vertical-align: middle; }
        div.product_list li.ps_img td:hover { border: 0 solid #ff6500; }
/*div.product_list li.ps_img td img{width:324px;height:324px;}*/
div.product_list li.ps_t { float: left; width: 100%; height: 35px; line-height: 35px; font-size: 16px; overflow: hidden; }

/*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: 238px 0 0 0; }
.i-pr-right { float: right; width: 30px; height: 81px; margin: 238px 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: 540px; 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 "Microsoft YaHei"; }
            .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 "Microsoft YaHei"; }
            .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 "Microsoft YaHei"; }
            .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 "Microsoft YaHei"; }
            .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 "Microsoft YaHei"; }
    .i_ys_01 p { display: none; margin-top: 200px; padding: 0 30px; font: 14px/31px "Microsoft YaHei"; }
    .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 "Microsoft YaHei"; }
    .i_ys_02 p { display: none; margin-top: 190px; padding: 0 30px; font: 14px/25px "Microsoft YaHei"; }
    .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 "Microsoft YaHei"; text-align: left; padding-left: 150px; }
    .i_ys_03 p { display: none; margin-top: 30px; padding: 0 30px 0 120px; font: 14px/30px "Microsoft YaHei"; }
    .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 "Microsoft YaHei"; padding-left: 150px; }
    .i_ys_04 p { display: none; margin-top: 30px; padding: 0 30px 0 120px; font: 14px/30px "Microsoft YaHei"; }
    .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 "Microsoft YaHei"; 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 "Microsoft YaHei";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: url(../images/i_about_bg.jpg) no-repeat center top; height: 450px; padding: 0 0 0; }
    .i-about-box .i-box { text-align: left; }
.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 "Microsoft YaHei"; 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 "Microsoft YaHei"; 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: #fff; padding: 40px 0 50px; }
    .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 "Microsoft YaHei"; }
        .i-news .news_list ul li.hot span.content { height: 81px; color: gray; font: 14px/27px "Microsoft YaHei"; 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 "Microsoft YaHei"; padding: 0 12px; border-radius: 3px; }

.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; }

@media (min-width: 1200px) {
    .container { width: 1200px; }
}

.field { _margin-top: 30px; padding: 50px 0; background: #ffffff; }
    .field .title-section { text-align: center; }
        .field .title-section h2 { color: #009842; font-size: 42px; margin-bottom: 10px; }
        .field .title-section h3 { font-size: 30px; position: relative; display: inline-block; margin-top: 0; color: #000; font-weight: 500; }
            .field .title-section h3::before { content: " "; width: 120px; position: absolute; left: -145px; top: 20px; z-index: 100; height: 1px; display: block; background-color: #999; }
            .field .title-section h3::after { content: " "; width: 120px; position: absolute; right: -145px; top: 20px; z-index: 100; height: 1px; display: block; background-color: #999; }
    .field .s1 { text-align: center; }
        .field .s1 .des { margin: 0 auto; width: 770px; color: #777; padding: 30px 0; font-size: 16px; line-height: 32px; }
        .field .s1 .industry { _padding: 0px 20px; padding: 0px 0px; overflow: hidden; }
            .field .s1 .industry .item { position: relative; overflow: hidden; }
                .field .s1 .industry .item .txt { padding: 10px; position: absolute; right: 0; text-align: right; color: #02f6b9; bottom: 0; z-index: 200; transition: all .25s; }
                    .field .s1 .industry .item .txt h3 { font-size: 26px; margin: 0; }
                    .field .s1 .industry .item .txt p { margin: 0; }
                .field .s1 .industry .item img { display: block; }
                .field .s1 .industry .item .pic { transition: all .25s; position: absolute; top: 0; left: 0; z-index: 100; }
                .field .s1 .industry .item img { display: block; width: 384px; height: 305px; }
                .field .s1 .industry .item:hover .pic { left: 100%; }
                .field .s1 .industry .item:hover .txt { top: 50%; width: 100%; text-align: center; margin-top: -30px; }
        .field .s1 ul li { }
            .field .s1 ul li:nth-child(3n) { margin: 0 0 20px 0; }
            .field .s1 ul li:first-child + li + li { margin: 0 0 20px 0; }
                .field .s1 ul li:first-child + li + li + li + li + li { margin: 0 0 20px 0; }
                    .field .s1 ul li:first-child + li + li + li + li + li + li + li + li { margin: 0 0 20px 0; }