@import url(haiteng.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
    body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
    fieldset,img,input{border:0 none;}
    li{list-style:none;}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1.2;}
    a{color: #3665c3;text-decoration:none;}
    body{background: #fff;font-size: 12px;}
    .w-index{margin: auto;width: 100%;text-align: center;}
    div{cursor: pointer;}
    /*head*/
    .header{float:left;width:100%}
    .head{float: left;width: 100%;}
    .head .logo{display: inline-block;width: 114px;height: 30px;background: url(../img/logo1.png) no-repeat 0 0;margin-top: 10px;margin-bottom: 10px;background-size: 100%;}
    .head .nav{height: 51px;line-height: 51px;float: left;width: 100%;background: #ec001c;}
    .head .nav a{float: left;color: #ffffff;font-size: 14px;text-align: center;width: 20%;text-align: center;}
    .head .nav .on{background:#ec001c;color: #fff;}
    /*banner*/
    .banner{width: 100%;float: left;position: relative;}
    .banner_box{width: 100%;float: left;position: absolute;left: 0;text-align: center;}
    .banner_img{width: 100%;margin-top: 33px;}
    .banner .img1{width: 100%;float: left;overflow: hidden;}
    .banner .img1 img{float: left;width: 100%;}
    .banner .img2{float: left;margin-top: 1%;font-size: 22px;color: #fff;width: 100%;font-weight: 700;}
    .banner .img2 img{width: 441px;float: left;height: 120px;}
    .banner .img3 {float: left;margin-top: 3%;margin-left: 25%;}
    .banner .img3 img{float: left;}
    .banner .img4{float: left;margin-top: 14%;margin-left: 44px;height: 120px;width: 80%;}
    .banner .img4 img{float: left;height: 120px;width: 602.72px;}
    .banner .img5 {float: left;margin-top: 1%;margin-left: 8%;width: 80%;height: 116px;}
    .banner .img5 img{float: left;width: 633px;height: 116px;}
    .banner .img6 {float: left;margin-top: 84px;width: 193px;margin-left: 25%;}
    .banner .img6 img{float: left;width: 100%;}
    .banner .art1 {float: left;font-size: 13px;margin-top: 3%;color: #fff;text-align: center;width: 100%;}
    .banner .art2 {float: left;color: #1ea5fe;margin-left: 9%;font-size: 35px;margin-top: 1%;}

    .list{width: 100%;float: left;position: relative;}
    .list2{margin-top: 7%;}
    .list_box{width: 100%;margin: auto;text-align: center;}
    .icon{float: left;text-align: center;margin-top: 9px;height: 3px;background: #ea1a37;width: 46px;}
    .icon img{display: inline-block;width: 65px;height: 65px;}
    .title{width: 100%;float: left;text-align: center;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;}
    .title h1{width: 100%;font-size: 23px;color: #000000;font-weight: 700;margin-top: 8%;}
    .title span{width: 100%;color: #ea1a37;font-size: 12px;float: left;margin-top: 6px;}
    .title p{width: 680px;display: inline-block;color: #555555;font-size: 18px;margin-top: 56px;line-height: 32px;}
    .list2 .title{margin-top: 24px;}
    .list_box_us{float:left;position: relative;width: 100%;height: 465px;margin-top: 29px;}
    .list_box_us_l{float:left;position: absolute;left: 0;width: 88%;z-index: 1;background: #f3f7fa;padding: 6%;}
    .list_box_us_l h1{float:left;color: #333;font-size: 17px;font-weight: 700;}
    .list_box_us_l p{float:left;font-size: 13px;color: #555555;line-height: 26px;text-align: left;margin-top: 16px;}
    .list_box_us_l a{float:left;background: #ea1a37;color: #fff;padding: 6px 52px;margin-top: 21px;}
    .list_box_us_r{float: right;width: 626px;margin-top: 50px;}
    .list_box_us_r img{float:left;width: 100%;}

    /* ?????? */
    .list_box_us2{float:left;position: relative;width: 100%;margin-top: 30px;background: #f3f7fa;}
    .list_box_us2_l{width: 94%;float: left;z-index: 10;margin-bottom: 22px;background: #f3f7fa;margin: 3%;}
    .list_box_us2_l h1{float:left;color: #ea1a37;font-size: 17px;font-weight: 700;width: 100%;margin-top: 26px;margin-bottom: 14px;}
    .list_box_us2_l p{float:left;font-size: 13px;color: #555555;line-height: 26px;text-align: left;width: 100%;text-indent: 2em;}
    .list_box_us2_l a{float:left;background: #ea1a37;color: #fff;padding: 6px 52px;margin-top: 31px;display: none;}
    .list_box_us2_r{float: right;width: 100%;right: 0;top: 0;z-index: 1;}
    .list_box_us2_r img{float:left;width: 100%;}



    /*  ????????*/
    .dongshizhang{float:left;position: relative;margin: 3%;}
    .dongshizhang_l{float:left;width: 100%;margin-bottom: 16px;}
    .dongshizhang_r{float:left;display: none;}
    .dongshizhang_l  img{float:left;width: 100%;}
    .dongshizhang_r img{float:left;width: 100%;}
    .dongshizhang_r2{float:left;width: 100%;}
    .dongshizhang_r2 img{float:left;width: 100%;}

    /* ????? */
    .number{width: 100%;height: 202px;background: #ec001c;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;align-items: center;}
    .number_l{width: 50%;float: left;border-right: 1px solid #ff5569;margin-top: -7px;padding: 25px 0;text-align: center;}
    .number_l img{display: inline-block;width: 45px;}
    .number_l .art{width: 100%;float: left;font-size: 41px;font-weight: 700;color: #fff;}
    .number_l .art em{font-size: 20px;font-style: inherit;}
    .number_l p{width: 100%;font-size: 16px;color: #fff;float: left;margin-top: 5px;}

    .number_r{width: 48%;float: left;margin-top: 0px;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;}
    .number_r img{display: inline-block;width: 45px;}
    .number_r .art{width: 100%;float: left;font-size: 41px;font-weight: 700;color: #fff;text-align: center;}
    .number_r .art em{font-size: 20px;font-style: inherit;}
    .number_r p{color: #fff;font-size: 16px;}


    .number2{width: 100%;height: 200px;background: #ffffff;margin-top: 27px;float: left;padding-top: 25px;}
    .number2_l{width: 50%;float: left;border-right: 1px solid #ff5569;text-align: center;display: flex;flex-direction: column;align-items: center;}
    .number2_l img{display: inline-block;margin-top: 35px;margin-right: 10px;}
    .number2_l .art{width: 100%;float: left;font-size: 36px;font-weight: 700;color: #ec001c;margin-top: 6px;}
    .number2_l .art em{font-size: 18px;font-style: inherit;}
    .number2_l p{width: 100%;font-size: 16px;color: #ec001c;float: left;text-align: center;text-indent: 0;}

    .number2_r{width: 49%;float: left;}
    .number2_r img{display: inline-block;margin-top: 35px;margin-right: 10px;}
    .number2_r .art{width: 100%;float: left;font-size: 35px;font-weight: 700;color: #ec001c;margin-top: 6px;}
    .number2_r .art em{font-size: 18px;font-style: inherit;}
    .number2_r p{color: #ec001c;font-size: 16px;width: 100%;text-align: center;text-indent: 0;}



    .pic_li_tl{float:left;width: 86%;padding: 5%;}
    .pic_li_tl h1{float:left;font-size: 18px;color: #333;font-weight: 700;}
    .pic_li_tl p{float:left;font-size: 14px;color: #ec001c;width: 100%;text-align: left;margin-top: 9px;}
    .pic_li_tl em{width: 60px;background: #ea1a37;font-size: 20px;float: left;height: 1px;margin-top: 8px;}
    .pic{margin-top: 30px;width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;align-items: center;margin-bottom: 40px;}
    .pic_li{color: #3a63a2;height: 363px;position: relative;text-align: center;cursor: pointer;width: 94%;float: left;background: #f1f1f1;margin: 3%;overflow: hidden;border-radius: 10px;margin-top: 1%;}
    .pic_li_pic{width: 100%;float: left;}
    .pic_li_pic img{width: 100%;float: left;/* height: 278px; */}
    .pic_li_bg{position: absolute;z-index: 1;left: 0;background: rgb(89 89 89 / 16%);height: 266px;width: 100%;bottom: 0;}
    .pic_li_icon{position: absolute;z-index: 1;left: 38%;top: 190px;}
    .pic_li_icon img{width: 91px;}

    .pic_li:before{content:'';background: rgb(236 0 28 / 68%);float: left;height: 357px;width: 100%;position: absolute;left: 0;top: 136px;opacity: 0;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s;}
    .pic_li:hover:before{opacity: 1;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s}


    .pic2{float: left;text-align: center;margin-top: 41px;width: 94%;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 3%;}
    .pic2_li{color: #3a63a2;float: left;width: 48%;position: relative;background: #fff;cursor: pointer;margin-bottom: 15px;}
    .pic2_li img{float: left;width: 100%;}
    .pic2_li:before{content:'';background: #f443362b;float: left;height: 212px;width: 100%;position: absolute;left: 0;top: 0;opacity: 0;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s;}
    .pic2_li:hover:before{opacity: 1;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s}


    .pic3{margin-top: 94px;margin-bottom: 128px;width: 100%;float: left;}
    .pic3_li{color: #3a63a2;height: 478px;position: relative;text-align: center;float: left;margin: 0 13px;}
    .pic3_li img{height: 478px;}
    .pic3_li_pic{width: 100%;float: left;}
    .pic3_li_bg{position: absolute;z-index: 1;left: 0;top: 0;background: rgba(0, 0, 0, 0.16);height: 478px;width: 100%;}
    .pic3_li_art{position: absolute;z-index: 1;left: 0;top: 168px;width: 100%;text-align: center;color: #fff;}
    .pic3_li_art h1{font-size: 40px;float: left;width: 100%;font-weight: 700;margin-bottom: 10px;}
    .pic3_li_art p{float: left;width: 100%;font-size: 20px;margin-top: 10px;}

    .pic3_li:before{content:'';background: rgba(0, 90, 198, 0.8);float: left;height: 479px;width: 100%;position: absolute;left: 0;top: 0;/* opacity: 0; */-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s;}
    .pic3_li:hover:before{opacity: 1;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s}


    .fuli{float: left;width: 100%;margin-top: 57px;margin-bottom: 111px;}
    .fuli_l{float: left;width: 660px;}
    .jixiao{width: 316px;height: 248px;background: #3377c6;float: left;}
    .jixiao em{width: 120px;background: url(../img/icon.png) no-repeat 0 -134px;height: 120px;display: inline-block;margin-top: 39px;}
    .jixiao h1{color: #fff;font-size: 32px;margin-top: 10px;}
    .zhuanxiang{width: 316px;height: 248px;background: #13a6cd;float: right;}
    .zhuanxiang em{width: 120px;background: url(../img/icon.png) no-repeat -253px -134px;height: 120px;display: inline-block;margin-top: 39px;}
    .zhuanxiang h1{color: #fff;font-size: 32px;margin-top: 10px;}
    .nianzong{width: 100%;height: 194px;background: #1b3f6b;float: left;margin-top: 30px;text-align: left;}
    .nianzong em{width: 120px;background: url(../img/icon.png) no-repeat -127px -134px;height: 120px;margin-top: 39px;margin-left: 36px;float: left;}
    .nianzong h1{color: #fff;font-size: 32px;margin-top: 43px;float: left;width: 60%;margin-left: 34px;}
    .nianzong p{color: #fff;margin-top: 20px;float: left;width: 65%;margin-left: 34px;font-size: 16px;}

    .fuli_r{float: right;width: 699px;background: rgba(255, 255, 255, 0.8);height: 472px;position: relative;cursor: pointer;}
    .fuli_r li{font-size: 20px;border-bottom: 1px solid #c2c2c2;margin-left: 35px;width: 629px;color: #222222;height: 156px;text-align: left;}
    .fuli_r li:nth-child(3){border-bottom: 0;}
    .fuli_r li h1{width: 547px;float: left;font-size: 24px;margin-left: 23px;margin-top: 35px;}
    .fuli_r li p{font-size: 15px;color: #666666;margin-left: 23px;float: left;width: 555px;margin-top: 15px;line-height: 24px;}
    .fuli_r li em{float: left;width: 49px;height: 49px;margin-top: 32px;}
    .fuli_r .baozhang{background: url(../img/icon.png) no-repeat -267px -1px;}
    .fuli_r .jiaqi{background: url(../img/icon.png) no-repeat -167px -1px;}
    .fuli_r .qita{background: url(../img/icon.png) no-repeat -217px -1px;}

    .fuli_r:before{content:'';background: #caa8666b;float: left;height: 472px;width: 100%;position: absolute;left: 0;top: 0;opacity: 0;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s;z-index: -1;}
    .fuli_r:hover:before{opacity: 1;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s}

    .zhaopin{display: flex;justify-content: space-around;align-items: center;margin-top: 94px;margin-bottom: 28px;width: 100%;float: left;flex-wrap: wrap;}
    .zhaopin_li{display: inline-block;width: 400px;position: relative;height: 460px;cursor: pointer;float: left;}
    .zhaopin_li .img{position: absolute;width: 100%;height: 228px;z-index: -1;left:0;}
    .zhaopin_li .img img{width: 100%;height: 228px;}
    .zhaopin_li .art{width: 298px;height: 306px;background: #fff;margin-top: 38px;margin-left: 48px;box-shadow: 0px 3px 10px -2px #dcdbdb;text-align: left;float: left;}
    .zhaopin_li .top{font-size: 15px;border-bottom: 1px solid #d1d1d1;width: 250px;margin: 10px 24px;height: 80px;}
    .zhaopin_li .top em{width: 56px;float: left;height: 57px;margin-top: 16px;margin-right: 10px;}
    .zhaopin_li .top h1{font-size: 28px;color: #155899;line-height: 80px;float: left;}
    .zhaopin_li .top i{float: right;background: url(../img/icon.png) no-repeat -314px -13px;height: 24px;width: 24px;margin-top: 28px;}
    .zhaopin_li .zhiwei{float: left;width: 250px;margin: 0 24px;}
    .zhaopin_li .zhiwei a{font-size: 16px;color: #1f447b;line-height: 32px;width: 100%;float: left;}
    .zhaopin_li .zhiwei a:hover{text-decoration:underline;color: #c1a367;}
    .zhaopin_li .more{float: left;width: 250px;margin: 10px 24px;text-align: center;}
    .zhaopin_li .more a{width: 103px;height: 37px;float: right;border: 1px solid #c1a367;line-height: 37px;font-size: 16px;font-weight: 700;color: #c1a367;}
    .zhaopin_li dt{transition: all 0.5s;}
    .zhaopin_li dd{transition: all 0.5s;box-shadow: 0px -3px 10px -2px #dcdbdb;}

    .zhaopin_li:hover dt{margin-top: 30px;transition: all 0.5s;}
    .zhaopin_li:hover dd{margin-top: -60px;transition: all 0.5s;}

    .zp1{background: url(../img/icon.png) no-repeat 1px -4px;}
    .zp2{background: url(../img/icon.png) no-repeat -56px -4px;}
    .zp3{background: url(../img/icon.png) no-repeat -111px -1px;}
    .zp4{background: url(../img/icon.png) no-repeat 0px -67px;}
    .zp5{background: url(../img/icon.png) no-repeat -57px -69px;}
    .zp6{background: url(../img/icon.png) no-repeat -112px -69px;}

    .fengcai{float: left;width: 100%;margin-top: 70px;margin-bottom: 100px;display: none;}
    .fengcai_li{float: left;width: 100%;}
    .fengcai_li_left{width: 250px;float: left;margin-left: 297px;}
    .fengcai_li_right{width: 253px;float: left;}
    .fengcai_li img{margin-left: 10px;float: left;margin-top: 10px;}
    .fengcai_li .fc1{margin-left: 150px;margin-top: 136px;}
    .fengcai_li .fc3{margin-top: 136px;}
    .fengcai_li .fc4{margin-left: 130px;margin-top: 136px;}
    .fengcai_li .fc6{margin-left: 10px;margin-top: 136px;}
    .fengcai_li .fc15{float: right;}
    .fengcai_li .fc19{margin-left: 646px;}

    .bangong{display: inline-block;width: 86%;background: #fff;background: #ffffffc9;text-align: left;padding: 3%;margin: 16% 4%;}
    .bangong h1{color: #ec001c;font-size: 37px;margin-bottom: 10px;float: left;width: 100%;font-weight: 700;}
    .bangong img{float: left;width: 162px;}
    .bangong p{float: left;width: 100%;color: #333;font-size: 15px;line-height: 24px;margin: 4% 0;}
    .bangong em{float: right;background: url(../img/logo1.png) no-repeat 0 0;width: 102px;height: 34px;margin-top: 2px;background-size: 100%;}

    .li_img{width: 100%;}
    .li_img img{width: 94%;margin: 10% 3%;display: inline-block;}

    .linian{width: 94%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 7% 3%;float: left;}
    .linian_pic{float: left;width: 23%;}
    .linian_pic img{width: 100%;}

    .fengcai2{float: left;width: 100%;margin-top: 16px;}
    .fengcai2_li{width: 92%;display: inline-block;padding: 4%;}
    .fengcai2_li_left{width: 250px;float: left;margin-left: 297px;}
    .fengcai2_li_right{width: 253px;float: left;}
    .fengcai2_li img{float: left;width: 100%;margin-bottom: 12px;}

    .list_banner{width:100%;position: absolute;z-index: -1;height: 954px;float: left;left: 0;}
    .list_banner img{width:100%;margin-top: 62px;}

    .list_banner2{height: 756px;width: 100%;position: absolute;z-index: -1;float: left;left: 0;background: url(../img/banner2.png) 10% center;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}
    .list_banner4{height: 954px;width: 100%;position: absolute;z-index: -1;float: left;left: 0;background: url(../img/banner4.png) 10% center;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}
    .list_banner7{height: 289px;width: 100%;position: absolute;z-index: -1;float: left;left: 0;background: url(../img/banner7.png) 10% center;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}
    .list_banner3{height: 355px;width: 100%;position: absolute;z-index: -1;float: left;left: 0;background: url(../img/banner3.png) 10% center;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}
    .list_banner8{height: 350px;width: 100%;position: absolute;z-index: -1;float: left;left: 0;background: url(../img/banner8.png) 10% center;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}
    /*footer*/
    .map{width: 100%;float: left;padding-bottom: 22px;margin-top: 48px;}
    .map_box{width: 100%;margin: auto;}
    .map_l{text-align: center;float: left;width: 94%;display: flex;justify-content: space-between;flex-direction: column;margin: 3%;}
    .map_l h1{width: 100%;display: inline-block;font-size: 26px;color: #fff;margin-bottom: 20px;}
    .map_l p{font-size: 14px;color: #666;line-height: 30px;display: flex;flex-wrap: nowrap;align-items: center;}
    .map_l img{float: left;width: 20px;margin-right: 4px;}
    #map{height: 316px;width: 94%;float: right;margin: 0 3%;}

    .footer{width: 100%;background: #132030;float: left;height: 173px;}
    .foot_box{width: 100%;margin: auto;text-align: center;float: left;}
    .foot_box img{width: 146px;display: inline-block;margin: 26px 0;}
    .foot_box .foot_nav{float: left;font-size: 16px;width: 100%;}
    .foot_box .foot_nav a{display: inline-block;color: #fff;font-size: 12px;width: 15%;}
    .foot_box .foot_nav  p {float: left;color: #e6e6e6;font-size: 12px;width: 100%;margin-top: 13px;}
    .foot_box .foot_nav  p a{color: #b7b7b7;margin-left: 10px;padding-right: 0;}

    .subnav{float: left;width: 55px;position: fixed;right: 1.5%;top: 260px;z-index: 999;}
    .subnav a{float: left;height: 55px;width: 55px;margin-bottom: 5px;}
    .subnav a img{float: left;height: 55px;width: 55px;}
    .backtop{display: none;}
    .subnav a:hover{-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.95, 0.95, 1);transition: opacity .4s ease 0s,-webkit-transform .4s ease 0s;transition: opacity .4s ease 0s,transform .4s ease 0s;}
    .subnav_li{float:left;display: none;}
    .subnav_li a{float:left;background: #ea1a37;height: 30px;line-height: 30px;font-size: 12px;color: #fff;border-radius: 4px;padding: 3px;width: 69px;text-align: center;margin-left: 0;}
}