/* CSS Document */
body {font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";margin:0;padding:0;font-size:12px;color:#000; background:#fff;}
div,form,img,ul,ol,li,dl,dt,dd,p,iframe{margin:0;padding:0;border:0;}

ul,li{list-style-type:none;}
img{border:0;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
/* Link */
a{color:#444;text-decoration:none;}
a:hover {text-decoration:none;}
/* Other */
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.f_left{float:left;}
.f_right{float:right;}
.img{vertical-align:middle;}

.inventory{ width:100%; height:auto; text-align:center; min-width:1200px;}
.inven_banner{ width:100%; height:auto;}
.inven_banner02{ width:100%; background:url(../images/inv01.jpg) center no-repeat; height:250px;}
.inven_banner03{ width:100%; background:url(../images/inv02.jpg) center no-repeat; height:251px;}
.inven_banner04{ width:100%; background:url(../images/inv03.jpg) center no-repeat; height:250px; position:relative;}
.inven_banner04 img{position: absolute; top: 150px; left: 50%;margin-left: -14px;}
@keyframes bouncein {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bouncein{-webkit-animation: bouncein 2s infinite;
    -o-animation: bouncein 2s infinite;
     animation: bouncein 2s infinite;}

.inven_president{ width:100%; height:447px; background:url(../images/inv04.jpg) center no-repeat;}
.president_center{ width:1200px; height:auto; margin:0 auto;}
.president_img{ float:left; width:490px; height:330px; background:rgba(39,39,39,0.5); margin-top:16px; margin-left:56px;}
.president_img img{ position:relative; top:15px; left:20px;}
.president_language{ width:546px; height:auto; float:left; margin-left:48px;}
.president_language span{ display:block; font-size:44px; color:#fff; padding-top:88px;padding-bottom: 8px;}
.president_language p{ font-size:14px; color:#fff; text-align:left; text-indent:2em; width:489px; margin:0 auto;line-height: 24px;}
.president_lan_a{ color:#f1fd40;}
.inven_things{ width:100%; height:670px; background:url(../images/inv06.jpg) center no-repeat;}
.thing_title{ font-size:54px; color:#fff; font-weight:bold; padding:20px 0;}
.thing_one{ width:100%; height:auto; padding-top:66px;}
.thing_one01{ font-size:38px; color:#2c58b9; font-weight:bold; display:inline-block; padding-top:20px;padding-bottom: 5px;}
.thing_one02{ font-size:18px; color:#666;}
.thing_one02 span{ color:#eb2d46; font-size:20px; font-weight:bold;}
.thing_two{ width:1104px; height:auto; display:table; margin: 0 auto; padding-top: 38px;}
.thing_two li{ float:left; margin:0 6px;}
.thing_two02{ width:355px; height:294px; background:#ee5e5d;}
.thing_two03{ width:100%; height:auto;}
.thing_two03 span{ font-size:26px; color:#fff; display:block; padding-top:32px; padding-bottom:5px;}
.thing_two03 p{ font-size:18px; color:#fff;    padding-bottom: 28px;}
.thing_two04,.thing_two07,.thing_two08{ width:100%; height:auto;}
.thing_two04 span{ font-size:14px; color:#ee5e5d; display:inline-block; background:#fff; width:140px; padding:5px 0;border-radius:8px; line-height:18px;margin: 10px 8px;}
.thing_add{ height:46px !important; line-height:46px !important; padding:0 !important;}
.thing_two07 span{font-size:14px; color:#4483e1; display:inline-block; background:#fff; width:140px; height:46px; border-radius:8px; line-height:46px;margin: 10px 8px;}
.thing_two08 span{font-size:14px; color:#ff8a22; display:inline-block; background:#fff; width:140px; border-radius:8px; line-height:18px;margin: 10px 8px;padding: 5px 0px;}
.thing_two05{ background:#4483e1;}
.thing_two06{ background:#ff8a22;}
.thing_two10{height: 46px !important; line-height: 46px !important; padding: 0 !important; position: relative; top: -9px;}
.thing_seand{ width:100%; height:689px; background: url(../images/inv07.jpg) center no-repeat;}
.thing_seand_a{ width:100%; height:auto; margin-top:60px;}
.thing_seand_b{ width:1143px; height:auto;    margin: 0 auto;}
.thing_seand_b li{ width:100%; height:auto; display:table;}
.thing_seand_c{ width:568px; height:382px; border-color: #0e050a; box-shadow: 0 0 16px 2px rgba(0,0,0,0.1); float:left;}
.thing_seand_d{ width:565px; height:380px; background:#fff; border-color:#0e050a; box-shadow:0 0 16px 2px rgba(0,0,0,0.1); float:left;}
.thing_seand_e{ font-size:28px; color:#ff8a22; display: inline-block; width:462px; border-bottom:1px #dadada dashed; padding-top:36px; padding-bottom:16px;}
.thing_seand_f{ font-size:20px; color:#333; display:block; padding:16px 0;}
.thing_seand_d p{ font-size:14px; color:#666; text-indent:2em; line-height:25px; width:462px; margin:0 auto; text-align:left;}
.thing_seand_g{ width:1156px; height:auto; display:table; margin:0 auto;}
.thing_seand_g li{ float:left; width:215px; background:#fff; border:1px #dcdcdc solid; color:#666; margin:20px 6px;font-size:14px; line-height:26px;padding: 10px 0;}
.hit{ background:url(../images/inv09.png) top no-repeat !important; color:#fff !important; border:none !important; margin:10px 6px !important;width:215px;padding: 20px 0 !important;}
.thing_seand_h{ padding-top:0px;}
.thing_three{ width:100%; height:602px; background:url(../images/inv10.jpg) center no-repeat;}
#focus_Box{position:relative;width:1122px;height:371px;margin:20px auto;margin-top: 30px;}
#focus_Box ul{position:relative;width:1122px;height:362px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;height:100%;vertical-align:top}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:160px;}
#focus_Box .prev{background: url(../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
/**/.thing_five{ width:100%; height:1069px; background:url(../images/inv11.jpg) center no-repeat;}
.thing_five_a{ width:1123px; height:auto; display:table; margin:0 auto;padding-top: 38px;margin-bottom: 35px;}
/**/.thing_five_a li{ width:334px; height:auto; float:left;border-color:#0e050a; box-shadow:0 0 16px 2px rgba(0,0,0,0.1); margin: 0 20px;margin-bottom: 40px;}
/**/.thing_five_a li p{ font-size:28px; color:#333; width:334px; background:#fff; line-height:60px; height:60px;}
/**/.add_top{padding-top: 85px !important;}
.thing_five_a li p:hover{ color:#2c58b9;}
.thing_five_b{padding-top: 48px;}
/**/.inven_employment{ width:100%; height:1115px; background:url(../images/ent01.jpg) center no-repeat;}
.employment_alre{ width:100%; height:auto;}
.employment_alre_sp{ font-size:38px; font-weight:bold; color:#ed3044;display: inline-block; padding-top: 20px; padding-bottom: 5px;}
.employment_alre_p{ font-size:18px; color:#333;}
.employment_alre_p span{ font-size:20px; font-weight:bold; color:#ff831f;}
.employment_first{ width:100%; height:auto; display:table;margin-top: 26px;}
.employment_first li{ float:left;width: 386px; height: 318px; position:relative; margin: 7px 7px;}
.employment_first_a p:hover{ color:#ff831f;}
.employment_first_a{ width:374px; height:246px; background:#d6d6d6;}
.employment_first_a p{ font-size:16px; color:#333; width:374px;line-height:26px; background:#f0f0f0; margin-left:10px;padding: 5px 0;margin-top: 10px;}
.ol{ padding:18px 0 !important;}
.employment_first_b{ font-size:17px; color:#fff; background:url(../images/ent03.png) left no-repeat; width:109px; height:51px; position:absolute; top:24px; left:10px; z-index:99; line-height:51px; text-align:left; padding-left: 12px;
}
.emplo_c{ width:100%; height:auto; margin:26px auto; position:relative;}
.emplo_d{ width:100%; height:105px; margin:0 auto; display:table; overflow:hidden;}
.emplo_d li{ float:left;width:309px; height:105px; margin:0 30px;}
.emplo_e{ width:309px; height:105px; overflow:hidden;}
.emplo_f{ width:29px; height:29px; position:absolute; top:34px; left:12px; z-index:99; cursor:pointer;}
.emplo_g{ width:29px; height:29px; position:absolute; top:34px; right:12px; z-index:99; cursor:pointer;}
.emplo_h{width:1108px; height:auto; margin:0 auto;}
.employment_first_c{ font-size:28px; color:#ff831f; font-weight:bold; border:1px #ff831f solid; width:515px; height:67px; line-height:67px; display:block; margin:0 auto; border-radius:5px;margin-top: 36px;}
.employment_first_c:hover{ background:#ff831f; color:#fff;}
/**/.inven_cooperation{ width:100%; background:url(../images/ent04.jpg) center no-repeat; height:736px;}
.employment_cooperation{ padding-top:48px;}
.employment_cooper{ color:#b2023c;}
.employment_cooper_a{ width:1146px; height:auto; display:table; margin: 0 auto;    padding-top: 26px;}
.employment_cooper_a li{ float: left; width:270px; height:auto; margin:0 8px;}
.employment_cooper_b{ width:270px; height:184px; overflow:hidden;}
.employment_cooper_b:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.employment_cooper_b img{-webkit-transition: .8s;}
.employment_cooper_c{ font-size:16px; font-weight:bold; color:#fff; background:#b2023c; padding: 10px 0;}
.employment_cooper_c:hover{ color:#ff831f}
.four_e{ width:1170px; height:auto; position:relative; margin:0 auto;}
/**/
.four_other{ width:1170px; height:158px; position:relative; margin:0 auto;overflow:hidden;}
.four_other2{ width:1170px; height:358px; position:relative; margin:0 auto;overflow:hidden;}
/**/
 .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-slide li{ width:100%; height:auto;}
.vr_ti{ width:1170px; height:auto; margin:0 auto; padding-top: 18px; padding-bottom: 28px;}
.vr_ti li{float:left;width:348px; height:44px;margin: 6px 20px;}
/**/.vr_ti div {float: left;width: 348px;height: 44px;margin: 6px 20px;}
.employment_cooper_d{ font-size:14px; color:#333; border:1px #cccccc solid; border-radius:5px; width:347px; height:42px; line-height:42px; float:left;}
.employment_cooper_d span{ color:#d31f30;}
.cooperation_first{ width:100%; height:570px; background:url(../images/ent09.jpg) center no-repeat;}
.cooperation_first_b{ width:1130px; height:auto; display:table; position:relative; margin:0 auto; margin-top:36px;}
.cooperation_first_b li{ float:left; width:334px;border-color:#0e050a; box-shadow:4px 4px 16px 4px rgba(0,0,0,0.1);}
.cooperation_first_c{ width:334px; height:247px; overflow:hidden;}
.cooperation_first_d{ font-size:18px; color:#333; height:70px; line-height:70px; background:#fff; width:324px; text-align:left; padding-left:10px;}
.cooperation_first_d:hover{ color:#b2023c;}
.cooperation_first_e{ padding:0; width:334px; text-align:center;}
.cooperation_first_f{ position:absolute; top:0px; left:20px; z-index:9}
.cooperation_first_g{ position:absolute; top:70px; left:270px; z-index:9}
.cooperation_first_h{ position:absolute; top:28px; left:526px; z-index:9}
.cooperation_first_i{ position:absolute; top:50px; right:15px; z-index:8}
.cooperation_first_f:hover,.cooperation_first_g:hover,.cooperation_first_i:hover{ z-index:10;}
.cooperation_seand{ width:100%; background:url(../images/ent14.jpg) center no-repeat; height:612px;}
.cooperation_seand_a{ width:1146px; height:auto; display:table;margin: 0 auto;margin-bottom: 28px;}
.cooperation_seand_a li{ float:left;width:270px; height:auto; margin:40px 8px;}
.cooperation_seand_b{ width:270px; height:184px; overflow:hidden;}
.cooperation_seand_b:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.cooperation_seand_b img{-webkit-transition: .8s;}
.inven_activity{ width:100%; height:681px; background:url(../images/ent16.jpg) center no-repeat;}
.activity_img{ width:100%; height:auto;}
.activity_img01{ width:100%; height:150px; background:url(../images/ent17.jpg) center no-repeat;}
.activity_img02{ width:100%; height:150px; background:url(../images/ent18.jpg) center no-repeat;}
.activity_img03{ width:100%; height:126px; background:url(../images/ent19.jpg) center no-repeat;}
.employment_activity{ color:#843ce5;}
.activity_span span{ color:#eb2d46;}
.activity_ul{ width:100%; height:auto; display:table;    padding-top: 42px;}
.activity_ul li{ float:left; width:387px; height:76px; background:#fff; border-radius:5px;margin-right: 18px;}
.activity_ul li:hover{ background:#843ce5}
.activity_p{ font-size:18px; color:#333; line-height:76px;}
.activity_p:hover{ color:#fff;}
.activity_seand{ width:100%; height:393px; background:url(../images/ent20.jpg) center no-repeat;}
.activity_seand_a{ width:1150px; height:auto; display:table; margin:0 auto;}
.activity_seand_a li{ float:left; width:347px; height:156px; overflow:hidden; margin:42px 18px;}
.activity_three{ width:100%; height:525px; background:url(../images/acti04.jpg) center no-repeat;}
.activity_three_a{ width:1114px; height:auto; display:table;margin: 0 auto; padding-top:30px; padding-bottom:44px;}
.activity_three_a li{ float:left;margin: 0 2px;}
.activity_three_b{ width:275px !important; height:auto !important;}
.activity_three_c{ width:402px !important; height:auto !important;}
.activity_three_d{ width:198px !important; height:auto !important;}
.activity_three_e{ width:222px !important; height:auto !important;}
/**/.activity_three_a div{float:left;margin:0 2px;}
.inven_last{ width:100%; height:494px; background:url(../images/acti12.jpg) center no-repeat;}
.inven_last_a{ width:285px; height:auto; float:left; text-align:left; padding-top:140px; padding-left:155px;}
.inven_last_a p{ font-size:18px; color:#fff; padding-top:26px; line-height: 30px;}
.inven_last_b{width:285px; height:auto; float:right; text-align:left; padding-top:140px; padding-right:155px;}
.inven_last_b p{ font-size:18px; color:#000; padding-top:26px; line-height: 30px;}
.activity_seand_a li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.activity_seand_a li img{-webkit-transition: .8s;}
.link{ padding-top:10px;}
.link_ll{ color:#ff8a22;}
.add_one{ width:334px; height:247px; overflow:hidden;}
.add_one:hover img,.add_two:hover img,.cooperation_first_c:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.add_one img,.add_two img,.cooperation_first_c img{-webkit-transition: .8s;}
.add_two{ width:375px; height:247px; overflow:hidden;    position: relative; top: 10px; margin-left:10px;}

.ac{ width:1170px; height:158px; position:relative; margin:0 auto; overflow:hidden; padding-bottom:10px;}
.ac .acv{width:1114px; height:auto; display:table;margin: 0 auto;}
.ac .acv li{ width:100%; height:158px; position:absolute; left:0px; top:0px; display:none;}
.ac .acv li.bg1{ background:#2398f8;}
.ac .acv li.bg1 a .text1{ width:200px; left:180px; height:200px; top:60px; position:absolute; z-index:3;}
.ac .acv li.bg1 a .text1.hover{animation: img1 1s ease-out;-webkit-animation: img1 1s ease-out;}
.ac .acv li.bg1 a .text2{ right:90px; top:95px; position:absolute; z-index:3; width:423px;}
.ac .acv li.bg1 a .text2.hover{animation: img2 0.7s ease-out;-webkit-animation: img2 0.7s ease-out;}
.ac .acv li.bg1 a .text3{ right:220px; width:286px; top:165px; position:absolute; z-index:3;}
.ac .acv li.bg1 a .text3.hover{animation: img3 1s ease-out;-webkit-animation: img3 1s ease-out;}
.ac .btn{ position:absolute; bottom:27px; left:44%; z-index:100;}
.ac .btn li{ margin-left: 12px; background: #ccc; text-indent: -999em; float: left; width: 32px; height: 3px; cursor: pointer; }
.ac .btn li.hover{ background: #d5263f; }

.banner{ width:1170px; height:357px; position:relative; margin:0 auto; overflow:hidden;}
.banner .list{width:1114px; height:auto; display:table;margin: 0 auto; padding-top:30px; padding-bottom:44px;}
.banner .list li{ width:100%; height:357px; position:absolute; left:0px; top:0px; display:none;}
.banner .list li.bg1{ background:#2398f8;}
.banner .list li.bg1 a .text1{ width:200px; left:180px; height:200px; top:60px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text1.hover{animation: img1 1s ease-out;-webkit-animation: img1 1s ease-out;}
.banner .list li.bg1 a .text2{ right:90px; top:95px; position:absolute; z-index:3; width:423px;}
.banner .list li.bg1 a .text2.hover{animation: img2 0.7s ease-out;-webkit-animation: img2 0.7s ease-out;}
.banner .list li.bg1 a .text3{ right:220px; width:286px; top:165px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text3.hover{animation: img3 1s ease-out;-webkit-animation: img3 1s ease-out;}
.banner .btn{ position:absolute; bottom:20px; left:50%; z-index:100;}
.banner .btn li{ margin-left: 12px; background: #ccc; text-indent: -999em; float: left; width: 32px; height: 3px; cursor: pointer; }
.banner .btn li.hover{ background: #d5263f; }

/*mobile_foot*/
.mobile_foot{ width:100%; height:auto; background:#454545;}
.foot{ width:1200px; height:auto; margin:0 auto;}
.fen_city{width:1200px;height:100%;overflow:hidden;padding: 50px 0 20px;background:url(http://mi.hqyj.com/templets/default/images/bottom_line.png) bottom repeat-x ;}
.fen_city li{width:335px;height:auto;padding:5px 0;float:left; text-align:center;padding-left:30px; padding-right: 35px;}
.fen_city li span{width:70px;height:50px;lien-height:50px;float:left;color:#fff;font-size:30px;background:url(http://mi.hqyj.com/templets/default/images/line-right.png) right no-repeat;}
.fen_city li p{float:left;color:#fff; padding:5px 0 0 10px;}
.fen_city li p em{width:18px;height:13px;background:url(http://mi.hqyj.com/templets/default/images/tel_icon.png) left no-repeat;display:inline-block;padding:0 5px 0 0;}

.cnzz_a {padding: 0 0 20px;}
.cnzz_a a{color:#fff;text-decoration:none;}
.cnzz_a a:hover {color:#fff;text-decoration:none;}

/*¿Í·þ*/
.k_sev{width:62px; height:412px; position:fixed; right:20px; bottom:145px; z-index:100;}
.k_sev ul{ width:62px; height:auto;}
.k_sev li{ width:62px; height:62px; border-bottom:2px #fff solid; text-align:center; position:relative;}
.k_fir{ width:62px;padding: 10px 0; background:#eda14a; font-size:16px; color:#fff; display:block;}
.k_all span.k_di{ background: url(http://mi.hqyj.com/templets/default/images/k_lc3.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_all span.k_dc{ background:url(http://mi.hqyj.com/templets/default/images/k_lc5.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_all span.k_dv{ background:url(http://mi.hqyj.com/templets/default/images/k_lc4.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_all span.k_db{ background:url(http://mi.hqyj.com/templets/default/images/k_lc1.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_all span.k_dn{ background:url(http://mi.hqyj.com/templets/default/images/k_lc2.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_tit{ font-size:16px; color:#fff;width:62px;padding: 10px 0;position: absolute; top: 0; left:0; background:#eda14a; display:none;}
.icon_s{ background:url(http://mi.hqyj.com/templets/default/images/k_lv.jpg) center no-repeat;display:block; width:62px; height:28px;    cursor: pointer;}
.li6{ height:28px !important; border-bottom:0 !important;}
.k_all span.k_dz{ background:url(http://mi.hqyj.com/templets/default/images/xinma02.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_did span{font-size:16px; color:#fff;width:62px;padding: 10px 0;position: absolute; top: 0; left:0; background:#eda14a;}
.k_did img{position: absolute; top: 0; right: 70px; z-index: 99;}

.zt_ret {
    width: 80px;
    height: auto;
    float: right;
    margin-right: 110px;
    margin-top: 20px;
    z-index: 99;
}
.zt_ret a {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}